diff --git a/.npmrc b/.npmrc index 0810f48..0453efc 100644 --- a/.npmrc +++ b/.npmrc @@ -1 +1 @@ -registry=http://verdaccio.ds.io:4873 \ No newline at end of file +registry=https://registry.npmjs.org \ No newline at end of file diff --git a/app/layout.tsx b/app/layout.tsx index 155ccd4..8888e41 100644 --- a/app/layout.tsx +++ b/app/layout.tsx @@ -9,7 +9,7 @@ import Footer from './components/footer'; import './styles/index.scss'; -import '@developmentseed/veda-ui/lib/main.css'; +import '@teamimpact/veda-ui/lib/main.css'; const DevSeedUIThemeProvider = dynamic( () => import('app/store/providers/theme'), diff --git a/app/lib/index.ts b/app/lib/index.ts index 0f1e322..2eed4e3 100644 --- a/app/lib/index.ts +++ b/app/lib/index.ts @@ -30,7 +30,7 @@ import { Chart, DatasetData, VedaData, -} from '@developmentseed/veda-ui'; +} from '@teamimpact/veda-ui'; /** * This file is to... @@ -72,7 +72,7 @@ export { // State timelineDatasetsAtom, useTimelineDatasetAtom, - externalDatasetsAtom + externalDatasetsAtom, }; export type { DatasetData, NavItem, InternalNavLink, VedaData }; diff --git a/docs/ARCHITECTURE_OVERVIEW.md b/docs/ARCHITECTURE_OVERVIEW.md index 1f14bbd..2889d8d 100644 --- a/docs/ARCHITECTURE_OVERVIEW.md +++ b/docs/ARCHITECTURE_OVERVIEW.md @@ -18,7 +18,7 @@ The project follows the modern Next.js file structure as documented in the [Next - Holds structured content, such as datasets, stories, or other resources used by the app ### `lib/` -- Serves as a centralized module for importing and exporting components, hooks, and utilities from `@developmentseed/veda-ui` that are used across the application +- Serves as a centralized module for importing and exporting components, hooks, and utilities from `@teamimpact/veda-ui` that are used across the application ### `store/` - **Purpose**: Manages application-level state using React context providers diff --git a/docs/CONFIGURATION.md b/docs/CONFIGURATION.md index 3b72007..b43f7fa 100644 --- a/docs/CONFIGURATION.md +++ b/docs/CONFIGURATION.md @@ -23,7 +23,7 @@ These variables are specific to each developer’s local environment and often c ### Using environment variables in code -The `VedaUIProvider` is part of the `@developmentseed/veda-ui` library and is used to pass environment variables to VEDA-UI components. This is needed so that VEDA components relying on configurations like API endpoints and Mapbox tokens can access these values. +The `VedaUIProvider` is part of the `@teamimpact/veda-ui` library and is used to pass environment variables to VEDA-UI components. This is needed so that VEDA components relying on configurations like API endpoints and Mapbox tokens can access these values. #### Where to place it @@ -34,7 +34,7 @@ The `VedaUIProvider` should wrap your application at a high level, such as in th Below is an example of how to configure the `VedaUIProvider` with environment variables: ```tsx -import { VedaUIProvider } from '@developmentseed/veda-ui'; +import { VedaUIProvider } from '@teamimpact/veda-ui'; export default function RootLayout({ children }: { children: React.ReactNode }) { return ( diff --git a/docs/DEVELOPMENT.md b/docs/DEVELOPMENT.md index 1a22658..87652b5 100644 --- a/docs/DEVELOPMENT.md +++ b/docs/DEVELOPMENT.md @@ -24,11 +24,7 @@ nvm install ``` 2. **Register the VEDA-UI package** - The VEDA-UI package is hosted on a Verdaccio instance during its experimental phase. To install it, configure Yarn to use the Verdaccio instance: - - ```sh - yarn config set @developmentseed:veda-ui http://verdaccio.ds.io:4873/ - ``` + The VEDA-UI package is now published on the public NPM registry under the @teamimpact scope. To install it, ensure your `.npmrc` or global npm configuration points to the public registry (default). 3. **Install dependencies** diff --git a/docs/STYLING.md b/docs/STYLING.md index d7e7573..7321808 100644 --- a/docs/STYLING.md +++ b/docs/STYLING.md @@ -68,7 +68,7 @@ To use USWDS-based styles: ```tsx import './styles/index.scss'; - import '@developmentseed/veda-ui/lib/main.css'; + import '@teamimpact/veda-ui/lib/main.css'; ``` ## Further customizing styles with USWDS diff --git a/docs/VEDA_UI_COMPONENTS.md b/docs/VEDA_UI_COMPONENTS.md index 2bcf668..029a853 100644 --- a/docs/VEDA_UI_COMPONENTS.md +++ b/docs/VEDA_UI_COMPONENTS.md @@ -13,7 +13,7 @@ The most up-to-date list of components, hooks, and types offered by VEDA-UI can To use a VEDA-UI component, import it from the library and include it in your application. For example: ```tsx -import { PageHero, CatalogView } from '@developmentseed/veda-ui'; +import { PageHero, CatalogView } from '@teamimpact/veda-ui'; export default function ExamplePage() { return ( diff --git a/package.json b/package.json index 07bf94a..02b4b5e 100644 --- a/package.json +++ b/package.json @@ -12,7 +12,7 @@ "fix": "yarn run format && yarn run lint:fix" }, "dependencies": { - "@developmentseed/veda-ui": "v5.11.6-1402.0", + "@teamimpact/veda-ui": "v5.11.6", "@devseed-ui/theme-provider": "^4.1.0", "@types/node": "20.11.17", "@types/react": "18.2.55", diff --git a/yarn.lock b/yarn.lock index 5a29ba1..5dd9024 100644 --- a/yarn.lock +++ b/yarn.lock @@ -229,126 +229,6 @@ style-mod "^4.1.0" w3c-keyname "^2.2.4" -"@developmentseed/veda-ui@v5.11.6-1402.0": - version "5.11.6-1402.0" - resolved "http://verdaccio.ds.io:4873/@developmentseed%2fveda-ui/-/veda-ui-5.11.6-1402.0.tgz#dcd2a90c48327d0160fc75307e6367e4d674cd23" - integrity sha512-pQ4vbBC8pN60LUhoY6sL85V6B+DKIrYag9x5q8jyVrYYFhz3s4DRN2U83ZXvgwSZyZ6/5ztyKSbVgQYiKgthKA== - dependencies: - "@codemirror/lang-markdown" "^6.1.1" - "@codemirror/state" "^6.2.1" - "@codemirror/theme-one-dark" "^6.1.2" - "@codemirror/view" "^6.13.0" - "@devseed-ui/accordion" "4.1.0" - "@devseed-ui/animation" "4.1.0" - "@devseed-ui/button" "4.1.0" - "@devseed-ui/collecticons" "4.1.0" - "@devseed-ui/date-picker" "4.1.0" - "@devseed-ui/dropdown" "4.1.0" - "@devseed-ui/form" "4.1.0" - "@devseed-ui/global-loading" "4.1.0" - "@devseed-ui/modal" "^4.1.0" - "@devseed-ui/theme-provider" "4.1.0" - "@devseed-ui/toolbar" "4.1.0" - "@devseed-ui/typography" "4.1.0" - "@emotion/react" "^11.11.3" - "@floating-ui/react" "^0.25.1" - "@mapbox/mapbox-gl-draw" "^1.3.0" - "@mapbox/mapbox-gl-draw-static-mode" "^1.0.1" - "@mapbox/mapbox-gl-geocoder" "^5.0.1" - "@mdx-js/react" "^3.0.1" - "@parcel/transformer-postcss" "^2.12.0" - "@parcel/transformer-raw" "~2.7.0" - "@reactour/tour" "^3.6.1" - "@tanstack/react-query" "^4.3.9" - "@tanstack/react-query-devtools" "^4.3.9" - "@tanstack/react-table" "^8.9.3" - "@tippyjs/react" "^4.2.6" - "@trussworks/react-uswds" "^9.0.0" - "@turf/area" "^6.5.0" - "@turf/bbox" "^6.5.0" - "@turf/bbox-polygon" "^6.5.0" - "@turf/boolean-intersects" "^6.5.0" - "@turf/centroid" "^6.5.0" - "@turf/combine" "^6.5.0" - "@turf/difference" "^6.5.0" - "@turf/helpers" "^6.5.0" - "@turf/intersect" "^6.5.0" - "@turf/simplify" "^6.5.0" - "@turf/union" "^6.5.0" - "@types/geojson" "^7946.0.10" - "@types/he" "^1.2.3" - "@types/mdx" "^2.0.1" - "@types/react" "18.0.32" - "@types/react-dom" "18.0.11" - "@types/styled-components" "^5.1.26" - autoprefixer "^10.4.19" - axios "^0.25.0" - clipboard "^2.0.11" - codemirror "^6.0.1" - d3 "^7.6.1" - d3-scale-chromatic "^3.0.0" - date-fns "^2.28.0" - dotenv "^16.4.5" - file-saver "^2.0.5" - focus-trap-react "^10.2.3" - framer-motion "^10.12.21" - geojson-validation "^1.0.2" - google-polyline "^1.0.3" - gulp-postcss "^10.0.0" - gulp-sass "^6.0.0" - history "^5.1.0" - intersection-observer "^0.12.0" - jotai "^2.6.2" - jotai-devtools "^0.7.1" - jotai-location "^0.5.2" - jotai-optics "^0.3.1" - js-yaml "^4.1.0" - lodash "^4.17.21" - mapbox-gl "^2.15.0" - mapbox-gl-compare "^0.4.0" - mapbox-gl-draw-rectangle-mode "^1.0.4" - markdown-it "^14.0.0" - optics-ts "^2.4.1" - papaparse "^5.3.2" - pinst "^3.0.0" - polished "^4.1.3" - postcss "^8.4.39" - postcss-import "^16.1.0" - postcss-safe-parser "^7.0.0" - postcss-scss "^4.0.9" - postcss-url "^10.1.3" - prop-types "^15.7.2" - qs "^6.10.3" - qs-state-hook "^2.0.0" - react "^18.2.0" - react-calendar "^5.0.0" - react-compare-image "^3.1.0" - react-cool-dimensions "^2.0.7" - react-dom "^18.2.0" - react-draggable "^4.4.5" - react-error-boundary "^4.0.10" - react-gtm-module "^2.0.11" - react-helmet "^6.1.0" - react-indiana-drag-scroll "^2.2.0" - react-lazyload "^3.2.0" - react-map-gl "^7.1.5" - react-nl2br "^1.0.2" - react-range-slider-input "^3.0.7" - react-resizable-panels "^0.0.45" - react-router "^6.0.0" - react-router-dom "^6.0.0" - react-transition-group "^4.4.2" - react-virtual "^2.10.4" - recharts "2.1.12" - rodemirror "^2.0.0" - sass "^1.81.0" - scrollama "^3.1.0" - shpjs "^4.0.4" - styled-components "^5.3.3" - tippy.js "^6.3.7" - use-deep-compare "^1.1.0" - xlsx "^0.18.5" - "@devseed-ui/accordion@4.1.0": version "4.1.0" resolved "http://verdaccio.ds.io:4873/@devseed-ui%2faccordion/-/accordion-4.1.0.tgz#622483e69e553a4f1e8d4a8c44f61ad4cfa1395b" @@ -1827,6 +1707,126 @@ resolved "http://verdaccio.ds.io:4873/@tanstack%2ftable-core/-/table-core-8.20.5.tgz#3974f0b090bed11243d4107283824167a395cf1d" integrity sha512-P9dF7XbibHph2PFRz8gfBKEXEY/HJPOhym8CHmjF8y3q5mWpKx9xtZapXQUWCgkqvsK0R46Azuz+VaxD4Xl+Tg== +"@teamimpact/veda-ui@v5.11.6": + version "5.11.6" + resolved "https://registry.yarnpkg.com/@teamimpact/veda-ui/-/veda-ui-5.11.6.tgz#6f237fb202f864326ba22ec7b31ea3a960bfce6c" + integrity sha512-RCPG/bWqYi25gpFjT+x/dMSfQnfUYrdkRsA9iXfCBrU97bMUaVqy8gGHpX36KeyW2/SvQP4KWYvUtOdveGls0w== + dependencies: + "@codemirror/lang-markdown" "^6.1.1" + "@codemirror/state" "^6.2.1" + "@codemirror/theme-one-dark" "^6.1.2" + "@codemirror/view" "^6.13.0" + "@devseed-ui/accordion" "4.1.0" + "@devseed-ui/animation" "4.1.0" + "@devseed-ui/button" "4.1.0" + "@devseed-ui/collecticons" "4.1.0" + "@devseed-ui/date-picker" "4.1.0" + "@devseed-ui/dropdown" "4.1.0" + "@devseed-ui/form" "4.1.0" + "@devseed-ui/global-loading" "4.1.0" + "@devseed-ui/modal" "^4.1.0" + "@devseed-ui/theme-provider" "4.1.0" + "@devseed-ui/toolbar" "4.1.0" + "@devseed-ui/typography" "4.1.0" + "@emotion/react" "^11.11.3" + "@floating-ui/react" "^0.25.1" + "@mapbox/mapbox-gl-draw" "^1.3.0" + "@mapbox/mapbox-gl-draw-static-mode" "^1.0.1" + "@mapbox/mapbox-gl-geocoder" "^5.0.1" + "@mdx-js/react" "^3.0.1" + "@parcel/transformer-postcss" "^2.12.0" + "@parcel/transformer-raw" "~2.7.0" + "@reactour/tour" "^3.6.1" + "@tanstack/react-query" "^4.3.9" + "@tanstack/react-query-devtools" "^4.3.9" + "@tanstack/react-table" "^8.9.3" + "@tippyjs/react" "^4.2.6" + "@trussworks/react-uswds" "^9.0.0" + "@turf/area" "^6.5.0" + "@turf/bbox" "^6.5.0" + "@turf/bbox-polygon" "^6.5.0" + "@turf/boolean-intersects" "^6.5.0" + "@turf/centroid" "^6.5.0" + "@turf/combine" "^6.5.0" + "@turf/difference" "^6.5.0" + "@turf/helpers" "^6.5.0" + "@turf/intersect" "^6.5.0" + "@turf/simplify" "^6.5.0" + "@turf/union" "^6.5.0" + "@types/geojson" "^7946.0.10" + "@types/he" "^1.2.3" + "@types/mdx" "^2.0.1" + "@types/react" "18.0.32" + "@types/react-dom" "18.0.11" + "@types/styled-components" "^5.1.26" + autoprefixer "^10.4.19" + axios "^0.25.0" + clipboard "^2.0.11" + codemirror "^6.0.1" + d3 "^7.6.1" + d3-scale-chromatic "^3.0.0" + date-fns "^2.28.0" + dotenv "^16.4.5" + file-saver "^2.0.5" + focus-trap-react "^10.2.3" + framer-motion "^10.12.21" + geojson-validation "^1.0.2" + google-polyline "^1.0.3" + gulp-postcss "^10.0.0" + gulp-sass "^6.0.0" + history "^5.1.0" + intersection-observer "^0.12.0" + jotai "^2.6.2" + jotai-devtools "^0.7.1" + jotai-location "^0.5.2" + jotai-optics "^0.3.1" + js-yaml "^4.1.0" + lodash "^4.17.21" + mapbox-gl "^2.15.0" + mapbox-gl-compare "^0.4.0" + mapbox-gl-draw-rectangle-mode "^1.0.4" + markdown-it "^14.0.0" + optics-ts "^2.4.1" + papaparse "^5.3.2" + pinst "^3.0.0" + polished "^4.1.3" + postcss "^8.4.39" + postcss-import "^16.1.0" + postcss-safe-parser "^7.0.0" + postcss-scss "^4.0.9" + postcss-url "^10.1.3" + prop-types "^15.7.2" + qs "^6.10.3" + qs-state-hook "^2.0.0" + react "^18.2.0" + react-calendar "^5.0.0" + react-compare-image "^3.1.0" + react-cool-dimensions "^2.0.7" + react-dom "^18.2.0" + react-draggable "^4.4.5" + react-error-boundary "^4.0.10" + react-gtm-module "^2.0.11" + react-helmet "^6.1.0" + react-indiana-drag-scroll "^2.2.0" + react-lazyload "^3.2.0" + react-map-gl "^7.1.5" + react-nl2br "^1.0.2" + react-range-slider-input "^3.0.7" + react-resizable-panels "^0.0.45" + react-router "^6.0.0" + react-router-dom "^6.0.0" + react-transition-group "^4.4.2" + react-virtual "^2.10.4" + recharts "2.1.12" + rodemirror "^2.0.0" + sass "^1.81.0" + scrollama "^3.1.0" + shpjs "^4.0.4" + styled-components "^5.3.3" + tippy.js "^6.3.7" + use-deep-compare "^1.1.0" + xlsx "^0.18.5" + "@tippyjs/react@^4.2.6": version "4.2.6" resolved "http://verdaccio.ds.io:4873/@tippyjs%2freact/-/react-4.2.6.tgz#971677a599bf663f20bb1c60a62b9555b749cc71"