@nypl/design-system-react-components 2.0.0 → 2.0.1

package/package.json

@@ -1,36 +1,141 @@
 {
   "name": "@nypl/design-system-react-components",
-  "version": "2.0.0",
-  "description": "Design System React Components",
+  "version": "2.0.1",
+  "description": "NYPL Reservoir Design System React Components",
   "repository": {
     "type": "git",
-    "url": "https://github.com/NYPL/nypl-design-system/tree/development/src/react-components"
+    "url": "https://github.com/NYPL/nypl-design-system/"
+  },
+  "main": "dist/design-system-react-components.cjs",
+  "types": "dist/src/index.d.ts",
+  "module": "dist/design-system-react-components.js",
+  "type": "module",
+  "files": [
+    "dist"
+  ],
+  "exports": {
+    ".": {
+      "import": "./dist/design-system-react-components.js",
+      "require": "./dist/design-system-react-components.cjs"
+    },
+    "./dist/styles.css": "./dist/styles.css"
+  },
+  "engines": {
+    "node": ">=14 <=16"
   },
-  "main": "dist/design-system-react-components.min.js",
-  "types": "lib/index.d.ts",
   "author": "NYPL",
   "license": "Apache-2.0",
+  "publishConfig": {
+    "access": "public"
+  },
   "scripts": {
-    "prepare": "npm run build",
-    "prepublishOnly": "npm run test && npm run dist",
-    "build": "tsc",
-    "dist": "webpack --mode production --progress --display-modules --config webpack.prod.js",
-    "watch-webpack": "webpack --mode development --watch --progress --display-modules --config webpack.prod.js",
-    "lint": "tslint -c tslint.json src/__tests__/components/*.tsx src/components/**/**/*.tsx src/components/**/**/**/*.tsx src/utils/*.tsx",
-    "test": "rm -rf lib && npm run lint && tsc && mocha --require lib/__tests__/setupEnzyme.js --recursive lib/__tests__"
-  },
-  "keywords": [],
-  "dependencies": {
-    "@nypl/design-system-icons": "^0.0.10"
+    "start": "vite build --watch",
+    "build": "tsc --noEmit && vite build --mode=production",
+    "test": "jest --config=jest.config.js",
+    "test:watch": "jest --watch --config=jest.config.js",
+    "test:generate-output": "jest --config=jest.config.js --json --outputFile=.jest-test-results.json || true",
+    "test:ci": "jest --ci --config=jest.config.js --maxWorkers=2",
+    "lint": "eslint src --ext=ts,tsx --cache",
+    "prepare": "npm run build && husky install",
+    "storybook": "storybook dev -p 6006",
+    "build-storybook:v2": "storybook build -c .storybook -o ./reservoir/v2",
+    "prebuild:storybook": "npm run test:generate-output",
+    "build-storybook": "storybook build"
   },
-  "devDependencies": {
-    "tslint": "^6.0.0-beta0",
-    "typescript": "^3.6.4",
-    "webpack": "^4.41.5",
-    "webpack-cli": "^3.3.10"
+  "lint-staged": {
+    "*.{jsx,ts,tsx}": "eslint src --ext=jsx,ts,tsx --cache --fix",
+    "*.{js,jsx,ts,tsx,css}": "prettier --write"
   },
-  "publishConfig": {
-    "access": "public"
+  "prettier": {
+    "printWidth": 80,
+    "semi": true,
+    "singleQuote": false,
+    "trailingComma": "es5"
+  },
+  "dependencies": {
+    "@chakra-ui/focus-lock": ">=1.2.6 <2.0.0",
+    "@chakra-ui/react": ">=1.8.5 <=1.8.8",
+    "@chakra-ui/system": ">=1.11.0 <=1.12.1",
+    "@charlietango/use-native-lazy-loading": "1.10.0",
+    "@emotion/react": "11.4.1",
+    "@emotion/styled": "11.3.0",
+    "downshift": "6.1.7",
+    "framer-motion": "4.1.17",
+    "react-datepicker": "4.14.1",
+    "react-intersection-observer": "9.2.2",
+    "system-font-css": "2.0.2",
+    "tough-cookie": "4.0.0",
+    "typescript": "4.9.5",
+    "vite-plugin-svgr": "2.4.0"
+  },
+  "peerDependencies": {
+    "@chakra-ui/focus-lock": ">=1.2.6 <2.0.0",
+    "@chakra-ui/react": ">=1.8.5 <=1.8.8",
+    "@chakra-ui/system": ">=1.11.0 <=1.12.1",
+    "@emotion/react": "11.4.1",
+    "@emotion/styled": "11.3.0",
+    "framer-motion": "4.1.17",
+    "react": ">=16.13.0",
+    "react-dom": ">=16.13.0",
+    "typescript": "4.9.5"
   },
-  "gitHead": "3ced45e80eba0301249e94a4db08aaa168e4dce2"
+  "devDependencies": {
+    "@babel/core": "7.14.6",
+    "@jest/core": "27.3.1",
+    "@rollup/plugin-commonjs": "24.0.1",
+    "@rollup/plugin-typescript": "11.0.0",
+    "@storybook/addon-a11y": "7.0.18",
+    "@storybook/addon-essentials": "7.0.18",
+    "@storybook/addon-interactions": "7.0.18",
+    "@storybook/addon-jest": "7.0.18",
+    "@storybook/addon-links": "7.0.18",
+    "@storybook/blocks": "7.0.18",
+    "@storybook/react": "7.0.18",
+    "@storybook/react-vite": "7.0.18",
+    "@storybook/testing-library": "0.1.0",
+    "@svgr/webpack": "5.5.0",
+    "@testing-library/dom": "9.2.0",
+    "@testing-library/jest-dom": "5.14.1",
+    "@testing-library/react": "12.0.0",
+    "@testing-library/react-hooks": "7.0.2",
+    "@testing-library/user-event": "13.2.1",
+    "@types/jest": "29.4.0",
+    "@types/jest-axe": "3.5.3",
+    "@types/node": "18.13.0",
+    "@types/react": "16.9.41",
+    "@types/testing-library__jest-dom": "^5.14.1",
+    "@typescript-eslint/eslint-plugin": "5.57.0",
+    "@typescript-eslint/parser": "5.57.0",
+    "@vitejs/plugin-react": "3.1.0",
+    "css-loader": "5.2.7",
+    "eslint": "7.31.0",
+    "eslint-config-prettier": "8.8.0",
+    "eslint-plugin-jsx-a11y": "6.7.1",
+    "eslint-plugin-prettier": "4.2.1",
+    "eslint-plugin-react": "7.32.2",
+    "eslint-plugin-react-hooks": "4.2.0",
+    "husky": "7.0.4",
+    "jest": "29.4.3",
+    "jest-axe": "5.0.1",
+    "jest-environment-jsdom": "29.5.0",
+    "lint-staged": "10.5.4",
+    "normalize.css": "8.0.1",
+    "prettier": "2.4.1",
+    "prop-types": "15.8.1",
+    "react": "17.0.2",
+    "react-autosuggest": "10.0.2",
+    "react-docgen-typescript-loader": "3.7.2",
+    "react-dom": "17.0.2",
+    "react-test-renderer": "17.0.2",
+    "remark-gfm": "3.0.1",
+    "sass": "1.60.0",
+    "sass-loader": "10.0.0",
+    "storybook": "7.0.18",
+    "storybook-addon-designs": "7.0.0-beta.2",
+    "style-loader": "2.0.0",
+    "ts-jest": "29.0.5",
+    "tslib": "2.3.0",
+    "vite": "4.3.9",
+    "vite-plugin-dts": "2.1.0"
+  }
 }

package/CHANGELOG.md

@@ -1,139 +0,0 @@
-# Changelog
-All notable changes to this project will be documented in this file.
-
-The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/).
-Currently, this repo is in Prerelease.  When it is released, this project will adhere to [Semantic Versioning](https://semver.org/spec/v2.0.0.html)
-
-## [0.2.0] - 2020-04-13
-### Changed
-- Reworks `HeaderWithImageRight` into `Hero`, which accepts values from an enum to display different kinds of heros based on [this documentation page](https://www.figma.com/file/qShodlfNCJHb8n03IFyApM/Master?node-id=10968%3A5314)
-========
-
-## [0.1.1] 
-### Changed
-- `Textfield` id is no longer duplicated
-- `Dropdown` now applies `bem` `blockName`
-- `Pagination` now passes in `blockName` into `Dropdown`
-
-## [0.1.0]
-### Breaking Changes
-- Large classes now have `Opts` inteface that allows for the component to be built over multiple steps. This affects: 
-    - `HelperErrorText`
-    - `Label`
-    - `TextField`
-    - `Button`
-- Deprecated `SearchResultsList`, `IconLinkList` and `EditionsList` in favor of `UnorderedList`
-- `type` in `Button` now corresponds to html button types.  `buttonType` in button corresponds to the visual categories of buttons (eg: `filled`, `outline`)
-- `subtitle` in `SearchResultsItem` changed to `subtitleContent` to take a JSX
-- `Label` and `Button` only accept children when called directly
-
-### Added: 
-- `Checkbox`
-- `DateRangeForm` 
-- `Input`
-- `Accordion` 
-- `UnorderedList`
-- `Modal`
-========
-
-## [0.0.17] - 2020-03-17
-- Changelog update
-
-## [0.0.16]
-- `HeaderImgRight` accepts elements
-
-## [0.0.15] - 2020-03-3
-### Changed
-- `Button` component accepts content to render from its `content` prop or its `children` prop.
-
-## [0.0.14] - 2020-02-18 
-### Changed
-- `EditionCard` `EditionInfo` fields accept elements
-- `EditionCard` `ReadOnline` and `Download` fields accept elements
-
-### [0.0.14] - 2020-02-18
-- added `noLinkElement` to `EditionCard` to receive an element
-
-## [0.0.11] — 2020-01-23
-### Added 
-- `EditionsList`
-
-## [0.0.10] - 2020-01-14 
-### Added 
-- `Dropdown` which controls `FormDropdown` and its corresponding `Label`
-- `Label` 
-- `HelperErrorText` 
-- `Pagination`
-- `EditionCard` component
-- `SearchResultItem` component that uses `EditionCard` 
-- `RN Header With Search` 
-- a story for `RN Section Title`, which is just a collection of styles
-- `SearchResultsList` component
-
-### Changed
-- added `iconModifiers` to `Button`
-- `buttonId` in `Button` is now required
-- refactored `FormDropdown` to not include its own `label`
-- `RN Header With Search` 
-- a story for `RN Section Title`, which is just a collection of styles
-- `Link` -> `BasicLink` for clarity
-- Bugfixes in `UnderlineLink` and `IconLink`
-- Added stories for `BasicLink`
-- `Link` missing URL error message
-- Consolidated `Heading` and `PageTitle`
-- `Heading` now only takes a single span
-- Added ResearchNow specific `SearchBar` error state 
-- A11Y changes for `SearchBar` and `HeaderWithSearch`
-- Added stories for AT-79, AT-264 and AT-3
-- `selectedOption` added to `FormDropdown` stores selected state
-
-## [0.0.7] - 2020-01-03
-### Added
-- A webpack file in order to build and distribute a compiled version of the react components. Does not replace the /lib folder usage, but the main file is now pointing to `/dist/design-system-react-components.min.js`.
-
-## [0.0.6] - 2019-12-31
-### Added
-- `Image` for 2:1 ratio
-- `PageTitle`
-- `Header with Image Right`
-- `FormDropdown`
-- `SearchPromo`
-
-### Changed 
-- Moved heading-related atoms from `01-atoms/Text` into `01-atoms/Text/Heading` 
-- Updated `Searchbar` component to include Parameters
-- Changed `Breadcrumb` export from `Breadcrumbs` 
-
-## [0.0.5] - 2019-12-06
-### Changed
-- `Icon` import
-
-## [0.0.4] - 2019-12-06
-### Added
-- `Body text` component for plain-text elements
-- `UnderlineLink` and `IconLink` for links
-- `Icon` component that uses the `design-system-icons` package.
-- `SectionTitle` and `Heading` for heading components
-- `IconLink-List`for the list of subject links 
-- `Button` and `TextField` for the searchbar 
-- `SearchBar` component
-
-### Changed 
-- `Breadcrumb` now shows icon in mobile view
-
-## [0.0.3] - 2019-11-15
-### Changed
-- Changed `Breadcrumb` to `Breadcrumbs` to match Twig
-- Changed the Breadcrumbs props to accept components
-
-## [0.0.2] - 2019-11-13
-### Added
-- Started a change log
-- Added the Breadcrumb React Component
-
-### Changed
-- Changed folder structure to match Twig
-
-## [0.0.1] - 2019-11-13
-- Published as a test
-