@nypl/design-system-react-components 1.5.4 → 1.6.0-vite-rc-2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (205) hide show
  1. package/README.md +24 -40
  2. package/dist/design-system-react-components.cjs +304 -0
  3. package/dist/design-system-react-components.js +42142 -0
  4. package/dist/{components → src/components}/Accordion/Accordion.d.ts +29 -29
  5. package/dist/{components → src/components}/AlphabetFilter/AlphabetFilter.d.ts +23 -23
  6. package/dist/{components → src/components}/AudioPlayer/AudioPlayer.d.ts +43 -43
  7. package/dist/{components → src/components}/Breadcrumbs/Breadcrumbs.d.ts +24 -18
  8. package/dist/{components → src/components}/Button/Button.d.ts +33 -30
  9. package/dist/{components → src/components}/ButtonGroup/ButtonGroup.d.ts +25 -24
  10. package/dist/{components → src/components}/Card/Card.d.ts +55 -55
  11. package/dist/{components → src/components}/Checkbox/Checkbox.d.ts +47 -47
  12. package/dist/{components → src/components}/CheckboxGroup/CheckboxGroup.d.ts +51 -51
  13. package/dist/{components → src/components}/ComponentWrapper/ComponentWrapper.d.ts +31 -31
  14. package/dist/{components → src/components}/DatePicker/DatePicker.d.ts +82 -81
  15. package/dist/{components → src/components}/FeedbackBox/FeedbackBox.d.ts +64 -63
  16. package/dist/{components → src/components}/FeedbackBox/useFeedbackBoxReducer.d.ts +19 -19
  17. package/dist/{components → src/components}/Fieldset/Fieldset.d.ts +24 -24
  18. package/dist/{components → src/components}/FilterBar/FilterBar.d.ts +61 -111
  19. package/dist/{components → src/components}/Footer/Footer.d.ts +14 -14
  20. package/dist/{components → src/components}/Footer/footerLinks.d.ts +12 -12
  21. package/dist/{components → src/components}/Form/Form.d.ts +31 -31
  22. package/dist/{components → src/components}/Grid/SimpleGrid.d.ts +20 -19
  23. package/dist/{components → src/components}/Header/Header.d.ts +21 -22
  24. package/dist/{components → src/components}/Header/components/HeaderLogin.d.ts +12 -12
  25. package/dist/{components → src/components}/Header/components/HeaderLoginButton.d.ts +10 -11
  26. package/dist/{components → src/components}/Header/components/HeaderLowerNav.d.ts +6 -7
  27. package/dist/{components → src/components}/Header/components/HeaderMobileIconNav.d.ts +6 -7
  28. package/dist/{components → src/components}/Header/components/HeaderMobileNav.d.ts +6 -7
  29. package/dist/{components → src/components}/Header/components/HeaderMobileNavButton.d.ts +6 -7
  30. package/dist/{components → src/components}/Header/components/HeaderSearchButton.d.ts +9 -10
  31. package/dist/{components → src/components}/Header/components/HeaderSearchForm.d.ts +10 -11
  32. package/dist/{components → src/components}/Header/components/HeaderSitewideAlerts.d.ts +7 -8
  33. package/dist/{components → src/components}/Header/components/HeaderUpperNav.d.ts +7 -8
  34. package/dist/{components → src/components}/Header/context/headerContext.d.ts +13 -13
  35. package/dist/{components → src/components}/Header/utils/googleAnalyticsUtils.d.ts +16 -16
  36. package/dist/{components → src/components}/Header/utils/headerUtils.d.ts +94 -94
  37. package/dist/{components → src/components}/Heading/Heading.d.ts +37 -35
  38. package/dist/{components → src/components}/HelperErrorText/HelperErrorText.d.ts +34 -34
  39. package/dist/{components → src/components}/Hero/Hero.d.ts +43 -42
  40. package/dist/{components → src/components}/HorizontalRule/HorizontalRule.d.ts +11 -11
  41. package/dist/{components → src/components}/Icons/Icon.d.ts +40 -41
  42. package/dist/src/components/Icons/IconSvgs.d.ts +163 -0
  43. package/dist/src/components/Icons/iconVariables.d.ts +6 -0
  44. package/dist/{components → src/components}/Image/Image.d.ts +68 -65
  45. package/dist/{components → src/components}/Label/Label.d.ts +25 -25
  46. package/dist/{components → src/components}/Link/Link.d.ts +22 -21
  47. package/dist/{components → src/components}/List/List.d.ts +42 -42
  48. package/dist/{components → src/components}/Logo/Logo.d.ts +28 -28
  49. package/dist/src/components/Logo/LogoSvgs.d.ts +157 -0
  50. package/dist/{components → src/components}/Modal/Modal.d.ts +35 -35
  51. package/dist/{components → src/components}/MultiSelect/MultiSelect.d.ts +61 -78
  52. package/dist/{components → src/components}/MultiSelect/MultiSelectDialog.d.ts +8 -8
  53. package/dist/{components → src/components}/MultiSelect/MultiSelectListbox.d.ts +9 -9
  54. package/dist/{components → src/components}/MultiSelect/MultiSelectMenuButton.d.ts +27 -27
  55. package/dist/{components → src/components}/MultiSelectGroup/MultiSelectGroup.d.ts +28 -26
  56. package/dist/{components → src/components}/Notification/Notification.d.ts +52 -51
  57. package/dist/{components → src/components}/Pagination/Pagination.d.ts +27 -27
  58. package/dist/{components → src/components}/ProgressIndicator/ProgressIndicator.d.ts +32 -30
  59. package/dist/{components → src/components}/Radio/Radio.d.ts +43 -43
  60. package/dist/{components → src/components}/RadioGroup/RadioGroup.d.ts +51 -51
  61. package/dist/{components → src/components}/SearchBar/SearchBar.d.ts +58 -58
  62. package/dist/{components → src/components}/Select/Select.d.ts +59 -57
  63. package/dist/{components → src/components}/SkeletonLoader/SkeletonLoader.d.ts +42 -41
  64. package/dist/{components → src/components}/SkipNavigation/SkipNavigation.d.ts +19 -19
  65. package/dist/{components → src/components}/Slider/Slider.d.ts +65 -65
  66. package/dist/{components → src/components}/StatusBadge/StatusBadge.d.ts +19 -18
  67. package/dist/{components → src/components}/StructuredContent/StructuredContent.d.ts +30 -30
  68. package/dist/src/components/StyleGuide/ColorCard.d.ts +342 -0
  69. package/dist/{components → src/components}/StyledList/StyledList.d.ts +25 -25
  70. package/dist/{components → src/components}/Table/Table.d.ts +32 -32
  71. package/dist/{components → src/components}/Tabs/Tabs.d.ts +28 -28
  72. package/dist/{components → src/components}/TagSet/TagSet.d.ts +24 -32
  73. package/dist/{components → src/components}/TagSet/TagSetExplore.d.ts +28 -27
  74. package/dist/{components → src/components}/TagSet/TagSetFilter.d.ts +25 -26
  75. package/dist/src/components/TagSet/TooltipWrapper.d.ts +9 -0
  76. package/dist/{components → src/components}/Template/Template.d.ts +140 -140
  77. package/dist/{components → src/components}/Text/Text.d.ts +25 -24
  78. package/dist/{components → src/components}/TextInput/TextInput.d.ts +89 -88
  79. package/dist/{components → src/components}/Toggle/Toggle.d.ts +43 -42
  80. package/dist/{components → src/components}/Tooltip/Tooltip.d.ts +17 -17
  81. package/dist/{components → src/components}/VideoPlayer/VideoPlayer.d.ts +42 -40
  82. package/dist/src/helpers/types.d.ts +2 -0
  83. package/dist/{hooks → src/hooks}/useCarouselStyles.d.ts +17 -17
  84. package/dist/{hooks → src/hooks}/useCloseDropDown.d.ts +7 -7
  85. package/dist/{hooks → src/hooks}/useFilterBar.d.ts +21 -21
  86. package/dist/{hooks → src/hooks}/useMultiSelect.d.ts +15 -15
  87. package/dist/{hooks → src/hooks}/useNYPLBreakpoints.d.ts +13 -13
  88. package/dist/{hooks → src/hooks}/useNYPLTheme.d.ts +67 -67
  89. package/dist/{hooks → src/hooks}/useStateWithDependencies.d.ts +5 -5
  90. package/dist/{hooks → src/hooks}/useWindowSize.d.ts +10 -10
  91. package/dist/src/index.d.ts +91 -0
  92. package/dist/{theme → src/theme}/components/accordion.d.ts +34 -34
  93. package/dist/{theme → src/theme}/components/alphabetFilter.d.ts +33 -33
  94. package/dist/{theme → src/theme}/components/audioPlayer.d.ts +16 -16
  95. package/dist/{theme → src/theme}/components/breadcrumb.d.ts +138 -151
  96. package/dist/{theme → src/theme}/components/button.d.ts +113 -113
  97. package/dist/{theme → src/theme}/components/buttonGroup.d.ts +11 -11
  98. package/dist/{theme → src/theme}/components/card.d.ts +421 -421
  99. package/dist/{theme → src/theme}/components/checkbox.d.ts +178 -178
  100. package/dist/{theme → src/theme}/components/checkboxGroup.d.ts +14 -14
  101. package/dist/{theme → src/theme}/components/componentWrapper.d.ts +12 -12
  102. package/dist/{theme → src/theme}/components/customTable.d.ts +733 -733
  103. package/dist/{theme → src/theme}/components/datePicker.d.ts +17 -17
  104. package/dist/{theme → src/theme}/components/feedbackBox.d.ts +92 -92
  105. package/dist/{theme → src/theme}/components/fieldset.d.ts +23 -23
  106. package/dist/{theme → src/theme}/components/filterBar.d.ts +46 -46
  107. package/dist/{theme → src/theme}/components/footer.d.ts +244 -244
  108. package/dist/{theme → src/theme}/components/global.d.ts +140 -140
  109. package/dist/{theme → src/theme}/components/globalMixins.d.ts +40 -40
  110. package/dist/{theme → src/theme}/components/header/header.d.ts +72 -72
  111. package/dist/{theme → src/theme}/components/header/headerLogin.d.ts +327 -327
  112. package/dist/{theme → src/theme}/components/header/headerLoginButton.d.ts +69 -69
  113. package/dist/{theme → src/theme}/components/header/headerLowerNav.d.ts +70 -70
  114. package/dist/{theme → src/theme}/components/header/headerMobileIconNav.d.ts +28 -28
  115. package/dist/{theme → src/theme}/components/header/headerMobileNav.d.ts +86 -86
  116. package/dist/{theme → src/theme}/components/header/headerMobileNavButton.d.ts +34 -34
  117. package/dist/{theme → src/theme}/components/header/headerSearchButton.d.ts +83 -83
  118. package/dist/{theme → src/theme}/components/header/headerSearchForm.d.ts +183 -183
  119. package/dist/{theme → src/theme}/components/header/headerSitewideAlerts.d.ts +42 -42
  120. package/dist/{theme → src/theme}/components/header/headerUpperNav.d.ts +72 -72
  121. package/dist/{theme → src/theme}/components/heading.d.ts +173 -173
  122. package/dist/{theme → src/theme}/components/helperErrorText.d.ts +15 -15
  123. package/dist/{theme → src/theme}/components/hero.d.ts +628 -628
  124. package/dist/{theme → src/theme}/components/horizontalRule.d.ts +18 -18
  125. package/dist/{theme → src/theme}/components/icon.d.ts +62251 -62251
  126. package/dist/{theme → src/theme}/components/image.d.ts +662 -662
  127. package/dist/{theme → src/theme}/components/label.d.ts +21 -21
  128. package/dist/{theme → src/theme}/components/link.d.ts +106 -106
  129. package/dist/{theme → src/theme}/components/list.d.ts +228 -228
  130. package/dist/{theme → src/theme}/components/logo.d.ts +477 -477
  131. package/dist/{theme → src/theme}/components/modal.d.ts +21 -21
  132. package/dist/{theme → src/theme}/components/multiSelect.d.ts +29 -29
  133. package/dist/{theme → src/theme}/components/multiSelectMenuButton.d.ts +95 -95
  134. package/dist/{theme → src/theme}/components/notification.d.ts +136 -136
  135. package/dist/{theme → src/theme}/components/pagination.d.ts +16 -16
  136. package/dist/{theme → src/theme}/components/progressIndicator.d.ts +68 -68
  137. package/dist/{theme → src/theme}/components/radio.d.ts +202 -202
  138. package/dist/{theme → src/theme}/components/radioGroup.d.ts +14 -14
  139. package/dist/{theme → src/theme}/components/searchBar.d.ts +34 -34
  140. package/dist/{theme → src/theme}/components/select.d.ts +125 -126
  141. package/dist/{theme → src/theme}/components/skeletonLoader.d.ts +105 -105
  142. package/dist/{theme → src/theme}/components/skipNavigation.d.ts +28 -28
  143. package/dist/{theme → src/theme}/components/slider.d.ts +78 -78
  144. package/dist/{theme → src/theme}/components/statusBadge.d.ts +37 -37
  145. package/dist/{theme → src/theme}/components/structuredContent.d.ts +385 -385
  146. package/dist/{theme → src/theme}/components/styledList.d.ts +51 -51
  147. package/dist/{theme → src/theme}/components/tabs.d.ts +172 -172
  148. package/dist/{theme → src/theme}/components/tagSet.d.ts +154 -154
  149. package/dist/{theme → src/theme}/components/template.d.ts +86 -86
  150. package/dist/{theme → src/theme}/components/text.d.ts +30 -30
  151. package/dist/{theme → src/theme}/components/textInput.d.ts +349 -355
  152. package/dist/{theme → src/theme}/components/toggle.d.ts +129 -129
  153. package/dist/{theme → src/theme}/components/tooltip.d.ts +19 -19
  154. package/dist/{theme → src/theme}/components/videoPlayer.d.ts +47 -47
  155. package/dist/{theme → src/theme}/foundations/breakpoints.d.ts +23 -23
  156. package/dist/{theme → src/theme}/foundations/colors.d.ts +3 -3
  157. package/dist/{theme → src/theme}/foundations/global.d.ts +68 -68
  158. package/dist/{theme → src/theme}/foundations/radii.d.ts +11 -11
  159. package/dist/{theme → src/theme}/foundations/shadows.d.ts +4 -4
  160. package/dist/{theme → src/theme}/foundations/spacing.d.ts +96 -96
  161. package/dist/{theme → src/theme}/foundations/typography.d.ts +8 -8
  162. package/dist/{theme → src/theme}/index.d.ts +20 -20
  163. package/dist/{theme → src/theme}/provider.d.ts +4 -4
  164. package/dist/src/theme/types.d.ts +1 -0
  165. package/dist/src/utils/colorUtils.d.ts +5 -0
  166. package/dist/{utils → src/utils}/interfaces.d.ts +5 -5
  167. package/dist/{utils → src/utils}/utils.d.ts +39 -39
  168. package/dist/styles.css +1 -4
  169. package/package.json +62 -69
  170. package/dist/__tests__/fileMock.d.ts +0 -4
  171. package/dist/__tests__/mediaMatchMock.d.ts +0 -79
  172. package/dist/__tests__/setup.d.ts +0 -2
  173. package/dist/__tests__/utils/utils.test.d.ts +0 -1
  174. package/dist/components/Autosuggest/Autosuggest.stories.d.ts +0 -4
  175. package/dist/components/FilterBar/FilterBar.stories.d.ts +0 -7
  176. package/dist/components/Header/utils/authApiMockResponse.d.ts +0 -49
  177. package/dist/components/Header/utils/encoreCatalogLogOutTimer.d.ts +0 -4
  178. package/dist/components/Header/utils/encoreCatalogLogOutTimer.test.d.ts +0 -1
  179. package/dist/components/Header/utils/googleAnalyticsUtils.test.d.ts +0 -1
  180. package/dist/components/Header/utils/headerUtils.test.d.ts +0 -1
  181. package/dist/components/Header/utils/sitewideAlertsMocks.d.ts +0 -98
  182. package/dist/components/Icons/IconColors.d.ts +0 -3
  183. package/dist/components/Icons/IconNames.d.ts +0 -3
  184. package/dist/components/Icons/IconSvgs.d.ts +0 -58
  185. package/dist/components/Logo/LogoSvgs.d.ts +0 -54
  186. package/dist/components/MultiSelect/MultiSelect.stories.d.ts +0 -4
  187. package/dist/components/MultiSelectGroup/MultiSelectGroup.stories.d.ts +0 -4
  188. package/dist/components/Placeholder/Placeholder.d.ts +0 -10
  189. package/dist/components/StyleGuide/ColorCard.d.ts +0 -46
  190. package/dist/design-system-react-components.cjs.development.js +0 -18076
  191. package/dist/design-system-react-components.cjs.development.js.map +0 -1
  192. package/dist/design-system-react-components.cjs.production.min.js +0 -2
  193. package/dist/design-system-react-components.cjs.production.min.js.map +0 -1
  194. package/dist/design-system-react-components.esm.js +0 -17874
  195. package/dist/design-system-react-components.esm.js.map +0 -1
  196. package/dist/helpers/types.d.ts +0 -1
  197. package/dist/hooks/__tests__/useCarouselStyles.test.d.ts +0 -1
  198. package/dist/hooks/__tests__/useFilterBar.test.d.ts +0 -1
  199. package/dist/hooks/__tests__/useMultiSelect.test.d.ts +0 -1
  200. package/dist/hooks/__tests__/useNYPLBreakpoints.test.d.ts +0 -1
  201. package/dist/index.d.ts +0 -66
  202. package/dist/index.js +0 -8
  203. package/dist/resources.scss +0 -382
  204. package/dist/theme/types.d.ts +0 -1
  205. package/dist/utils/componentCategories.d.ts +0 -1
package/package.json CHANGED
@@ -1,19 +1,27 @@
1
1
  {
2
2
  "name": "@nypl/design-system-react-components",
3
- "version": "1.5.4",
3
+ "version": "1.6.0-vite-rc-2",
4
4
  "description": "NYPL Reservoir Design System React Components",
5
5
  "repository": {
6
6
  "type": "git",
7
7
  "url": "https://github.com/NYPL/nypl-design-system/"
8
8
  },
9
- "main": "dist/index.js",
10
- "types": "dist/index.d.ts",
11
- "module": "dist/design-system-react-components.esm.js",
9
+ "main": "dist/design-system-react-components.umd.cjs",
10
+ "types": "dist/src/index.d.ts",
11
+ "module": "dist/design-system-react-components.js",
12
+ "type": "module",
12
13
  "files": [
13
14
  "dist"
14
15
  ],
16
+ "exports": {
17
+ ".": {
18
+ "import": "./dist/design-system-react-components.js",
19
+ "require": "./dist/design-system-react-components.umd.cjs"
20
+ },
21
+ "./dist/styles.css": "./dist/styles.css"
22
+ },
15
23
  "engines": {
16
- "node": ">10"
24
+ "node": ">=14 <=16"
17
25
  },
18
26
  "author": "NYPL",
19
27
  "license": "Apache-2.0",
@@ -21,23 +29,22 @@
21
29
  "access": "public"
22
30
  },
23
31
  "scripts": {
24
- "start": "tsdx watch",
25
- "build": "tsdx build && npm run generate-sass-resources",
26
- "test": "tsdx test --passWithNoTests",
27
- "test:watch": "tsdx test - --watch",
28
- "test:generate-output": "tsdx test --json --outputFile=.jest-test-results.json || true",
29
- "lint": "tsdx lint",
32
+ "start": "vite build --watch",
33
+ "build": "tsc --noEmit && vite build --mode=production",
34
+ "test": "jest --config=jest.config.js",
35
+ "test:watch": "jest --watch --config=jest.config.js",
36
+ "test:generate-output": "jest --config=jest.config.js --json --outputFile=.jest-test-results.json || true",
37
+ "test:ci": "jest --ci --config=jest.config.js --maxWorkers=2",
38
+ "lint": "eslint src --ext=ts,tsx --cache",
30
39
  "prepare": "npm run build && husky install",
31
- "size": "size-limit",
32
- "analyze": "size-limit --why",
33
- "generate-sass-resources": "gulp",
34
- "storybook": "start-storybook -p 6006 -s ./.storybook/public",
35
- "build-storybook:v1": "npm run prebuild:storybook && build-storybook -c .storybook -o ./reservoir/v1",
36
- "prebuild:storybook": "npm run test:generate-output"
40
+ "storybook": "storybook dev -p 6006",
41
+ "build-storybook:v1": "npm run prebuild:storybook && storybook build -c .storybook -o ./reservoir/v1",
42
+ "prebuild:storybook": "npm run test:generate-output",
43
+ "build-storybook": "storybook build"
37
44
  },
38
45
  "lint-staged": {
39
46
  "*.{jsx,ts,tsx}": "eslint src --ext=jsx,ts,tsx --cache --fix",
40
- "*.{js,jsx,ts,tsx,css,md}": "prettier --write"
47
+ "*.{js,jsx,ts,tsx,css}": "prettier --write"
41
48
  },
42
49
  "prettier": {
43
50
  "printWidth": 80,
@@ -45,16 +52,6 @@
45
52
  "singleQuote": false,
46
53
  "trailingComma": "es5"
47
54
  },
48
- "size-limit": [
49
- {
50
- "path": "dist/design-system-react-components.cjs.production.min.js",
51
- "limit": "300 KB"
52
- },
53
- {
54
- "path": "dist/design-system-react-components.esm.js",
55
- "limit": "300 KB"
56
- }
57
- ],
58
55
  "dependencies": {
59
56
  "@chakra-ui/focus-lock": ">=1.2.6 <2.0.0",
60
57
  "@chakra-ui/react": ">=1.8.5 <=1.8.8",
@@ -70,7 +67,8 @@
70
67
  "react-intersection-observer": "9.2.2",
71
68
  "system-font-css": "2.0.2",
72
69
  "tough-cookie": "4.0.0",
73
- "typescript": "*"
70
+ "typescript": "4.9.5",
71
+ "vite-plugin-svgr": "2.4.0"
74
72
  },
75
73
  "peerDependencies": {
76
74
  "@chakra-ui/focus-lock": ">=1.2.6 <2.0.0",
@@ -81,70 +79,65 @@
81
79
  "framer-motion": "4.1.17",
82
80
  "react": ">=16.13.0",
83
81
  "react-dom": ">=16.13.0",
84
- "typescript": "*"
82
+ "typescript": "4.9.5"
85
83
  },
86
84
  "devDependencies": {
87
85
  "@babel/core": "7.14.6",
88
- "@chakra-ui/storybook-addon": "1.0.3",
89
86
  "@jest/core": "27.3.1",
90
- "@size-limit/preset-small-lib": "5.0.1",
91
- "@storybook/addon-a11y": "6.5.13",
92
- "@storybook/addon-actions": "6.5.13",
93
- "@storybook/addon-docs": "6.5.13",
94
- "@storybook/addon-essentials": "6.5.13",
95
- "@storybook/addon-jest": "6.5.13",
96
- "@storybook/addon-links": "6.5.13",
97
- "@storybook/addons": "6.5.13",
98
- "@storybook/react": "6.5.13",
99
- "@svgr/rollup": "6.2.1",
87
+ "@rollup/plugin-commonjs": "24.0.1",
88
+ "@rollup/plugin-typescript": "11.0.0",
89
+ "@storybook/addon-a11y": "7.0.4",
90
+ "@storybook/addon-essentials": "7.0.4",
91
+ "@storybook/addon-interactions": "7.0.4",
92
+ "@storybook/addon-jest": "7.0.4",
93
+ "@storybook/addon-links": "7.0.4",
94
+ "@storybook/blocks": "7.0.4",
95
+ "@storybook/react": "7.0.4",
96
+ "@storybook/react-vite": "7.0.4",
97
+ "@storybook/testing-library": "0.0.14-next.2",
100
98
  "@svgr/webpack": "5.5.0",
101
- "@testing-library/dom": "^9.2.0",
99
+ "@testing-library/dom": "9.2.0",
102
100
  "@testing-library/jest-dom": "5.14.1",
103
101
  "@testing-library/react": "12.0.0",
104
102
  "@testing-library/react-hooks": "7.0.2",
105
103
  "@testing-library/user-event": "13.2.1",
106
- "@types/jest": "26.0.20",
104
+ "@types/jest": "29.4.0",
107
105
  "@types/jest-axe": "3.5.3",
108
- "@types/jsdom": "16.2.4",
109
- "@types/node": "12.7.12",
110
- "@types/react": "16.14.21",
111
- "@types/testing-library__jest-dom": "5.14.1",
112
- "@typescript-eslint/eslint-plugin": "4.33.0",
113
- "@typescript-eslint/parser": "4.33.0",
114
- "autoprefixer": "9.8.8",
115
- "breakpoint-sass": "2.7.1",
106
+ "@types/node": "18.13.0",
107
+ "@types/react": "16.9.41",
108
+ "@types/testing-library__jest-dom": "^5.14.1",
109
+ "@typescript-eslint/eslint-plugin": "5.57.0",
110
+ "@typescript-eslint/parser": "5.57.0",
111
+ "@vitejs/plugin-react": "3.1.0",
116
112
  "css-loader": "5.2.7",
117
- "cssnano": "5.0.7",
118
113
  "eslint": "7.31.0",
119
- "eslint-config-react-app": "6.0.0",
120
- "eslint-plugin-flowtype": "5.8.2",
114
+ "eslint-config-prettier": "8.8.0",
115
+ "eslint-plugin-jsx-a11y": "6.7.1",
116
+ "eslint-plugin-prettier": "4.2.1",
117
+ "eslint-plugin-react": "7.32.2",
121
118
  "eslint-plugin-react-hooks": "4.2.0",
122
- "eslint-plugin-storybook": "0.5.12",
123
- "gulp": "4.0.2",
124
- "gulp-concat": "2.6.1",
125
119
  "husky": "7.0.4",
126
- "import-glob-loader": "1.1.0",
127
- "jest": "27.3.1",
120
+ "jest": "29.4.3",
128
121
  "jest-axe": "5.0.1",
129
- "jsdom": "16.5.0",
122
+ "jest-environment-jsdom": "29.5.0",
130
123
  "lint-staged": "10.5.4",
131
- "node-sass-glob-importer": "5.3.2",
132
124
  "normalize.css": "8.0.1",
133
125
  "prettier": "2.4.1",
126
+ "prop-types": "15.8.1",
134
127
  "react": "17.0.2",
135
128
  "react-autosuggest": "10.0.2",
136
129
  "react-docgen-typescript-loader": "3.7.2",
137
130
  "react-dom": "17.0.2",
138
131
  "react-test-renderer": "17.0.2",
139
- "rollup-plugin-postcss": "4.0.2",
140
- "rollup-plugin-svg": "2.0.0",
141
- "sass": "1.35.1",
132
+ "remark-gfm": "3.0.1",
133
+ "sass": "1.60.0",
142
134
  "sass-loader": "10.0.0",
143
- "size-limit": "5.0.1",
144
- "storybook-addon-designs": "6.2.1",
135
+ "storybook": "7.0.4",
136
+ "storybook-addon-designs": "7.0.0-beta.2",
145
137
  "style-loader": "2.0.0",
146
- "ts-jest": "27.0.4",
147
- "tsdx": "0.14.1",
148
- "tslib": "2.3.0"
138
+ "ts-jest": "29.0.5",
139
+ "tslib": "2.3.0",
140
+ "vite": "4.2.1",
141
+ "vite-plugin-dts": "2.1.0"
149
142
  }
150
143
  }
@@ -1,4 +0,0 @@
1
- /**
2
- * This file is use to mock asset imports in TSX files, mostly
3
- * used in our case to mock SVG files.
4
- */
@@ -1,79 +0,0 @@
1
- /**
2
- * NYPL Note:
3
- * This file is directly taken from Chakra:
4
- * https://github.com/chakra-ui/chakra-ui/blob/main/packages/media-query/tests/matchmedia-mock-plus.ts
5
- *
6
- * We need this to test the `useNYPLBreakpoints` hook and, unfortunately,
7
- * this function is not exported by Chakra.
8
- */
9
- /**
10
- * This mock is a combination of jest-matchmedia-mock
11
- * https://github.com/dyakovk/jest-matchmedia-mock and
12
- * mq-polyfill https://github.com/bigslycat/mq-polyfill.
13
- *
14
- * A solution which allowed resizing and a more realistic implementation of
15
- * matchMedia was the reason for its creation. Neither project provided a good
16
- * solution. Combining their strong points does. The class will listen for a
17
- * resize event which is provided by a resizeTo function defined in the test:
18
- *
19
- * window.resizeTo = function resizeTo(width, height) {
20
- * Object.assign(this, {
21
- * innerWidth: width,
22
- * innerHeight: height,
23
- * outerWidth: width,
24
- * outerHeight: height,
25
- * }).dispatchEvent(new this.Event('resize'))
26
- * }
27
- *
28
- * Listeners are only called if there has been a change in the match
29
- * status for their media query.
30
- */
31
- declare type MediaQueryListener = (this: MediaQueryList) => void;
32
- interface MediaQueryList {
33
- readonly matches: boolean;
34
- readonly media: string;
35
- onchange: MediaQueryListener | null;
36
- addListener(listener: MediaQueryListener): void;
37
- removeListener(listener: MediaQueryListener): void;
38
- addEventListener(type: "change", listener: MediaQueryListener): void;
39
- removeEventListener(type: "change", listener: MediaQueryListener): void;
40
- dispatchEvent(event: Event): boolean;
41
- }
42
- export default class MatchMedia {
43
- private mediaQueries;
44
- private prevMatchMap;
45
- private mediaQueryList;
46
- constructor();
47
- private compileQuery;
48
- private evalQuery;
49
- /**
50
- *
51
- * Adds a listener function for the window resize event
52
- * @private
53
- */
54
- private handleResize;
55
- private addListener;
56
- private removeListener;
57
- /**
58
- * Returns an array listing the media queries for which the matchMedia has registered listeners
59
- * @public
60
- */
61
- getMediaQueries(): string[];
62
- /**
63
- * Returns a copy of the array of listeners for the specified media query
64
- * @public
65
- */
66
- getListeners(mediaQuery: string): MediaQueryListener[];
67
- /**
68
- * Clears all registered media queries and their listeners
69
- * @public
70
- */
71
- clear(): void;
72
- /**
73
- * Clears all registered media queries and their listeners,
74
- * and destroys the implementation of `window.matchMedia`
75
- * @public
76
- */
77
- destroy(): void;
78
- }
79
- export {};
@@ -1,2 +0,0 @@
1
- import "@testing-library/jest-dom";
2
- import "jest-axe/extend-expect";
@@ -1 +0,0 @@
1
- export {};
@@ -1,4 +0,0 @@
1
- /// <reference types="react" />
2
- export declare const AutosuggestLibrary: () => JSX.Element;
3
- export declare const AutosuggestFish: () => JSX.Element;
4
- export declare const SearchBarExample: () => JSX.Element;
@@ -1,7 +0,0 @@
1
- /// <reference types="react" />
2
- import { Story } from "@storybook/react/types-6-0";
3
- import { FilterBarProps } from "./FilterBar";
4
- export declare const FilterBarStory: Story<FilterBarProps>;
5
- export declare const FilterBarLayoutStory: () => JSX.Element;
6
- export declare const FilterBarRowContainerStory: () => JSX.Element;
7
- export declare const FilterBarColumnContainerStory: () => JSX.Element;
@@ -1,49 +0,0 @@
1
- export declare const patronApiUrlWithToken: string;
2
- export declare const mockResponseData: {
3
- data: {
4
- decodedToken: {
5
- iss: string;
6
- sub: string;
7
- aud: string;
8
- iat: number;
9
- exp: number;
10
- auth_time: number;
11
- scope: string;
12
- };
13
- patron: {
14
- id: string;
15
- updatedDate: string;
16
- createdDate: string;
17
- deletedDate: any;
18
- deleted: boolean;
19
- suppressed: boolean;
20
- names: string[];
21
- barCodes: string[];
22
- expirationDate: string;
23
- homeLibraryCode: string;
24
- birthDate: string;
25
- emails: string[];
26
- };
27
- };
28
- count: number;
29
- statusCode: number;
30
- debugInfo: any[];
31
- };
32
- export declare const mockExpiredResponseData: {
33
- data: {
34
- expired: boolean;
35
- statusCode: number;
36
- type: string;
37
- message: string;
38
- };
39
- error: {
40
- type: string;
41
- code: number;
42
- message: string;
43
- file: string;
44
- line: number;
45
- trace: string[];
46
- };
47
- debugInfo: any[];
48
- };
49
- export declare const mockLoginCookie = "{\"access_token\":\"eyJ0eXAiOiJKV1QiLCJhbGciOiJSUzI1NiJ9.eyJpc3MiOiJodHRwczpcL1wvd3d3Lm55cGwub3JnIiwic3ViIjoiNjM2NzAyOCIsImF1ZCI6ImFwcF9sb2dpbiIsImlhdCI6MTQ4MjE3NjQ3MCwiZXhwIjoxNDgyMTgwMDcwLCJhdXRoX3RpbWUiOjE0ODIxNzY0NzAsInNjb3BlIjoib3BlbmlkIG9mZmxpbmVfYWNjZXNzIGNvb2tpZSBwYXRyb246cmVhZCJ9.JO7VbOqCC7HyjRmeyHD4zM1Gl0JBk5RdxjAkCp0h6sfVe-xs5FyY7biYqs19k4dUY2DbFYR5IG3xYt9IdhqyMkSnJxtiCY36WN7X_e0eBF2T1_IWKGaBc4JlbroMj5_aNB5W4nQvclrdlb2mV38Q_HGAMUKe8DDeCmAHctEtqGppNl8DC7IvqkekRS_6zgQwsHHW5kJR-f7zUROi4fvFpdNR-I7J4VNWdFIOijb4vXFOOWRLzdY_GHLJdWvSgxhqzwkceA5BScCicAKeHYHo04vabNp5TvPXoR0ypULqTyGYsNnXnUmh2Mu46j3bcNTACEKS97FBx1IfwttBL1ARtQ\",\"expires_in\":3600,\"token_type\":\"Bearer\",\"scope\":\"openid+offline_access+cookie+patron:read\",\"refresh_token\":\"02b49603a8a2719389a6c77416b110675067827d\"}";
@@ -1,4 +0,0 @@
1
- export declare const encoreLogOutURL = "https://browse.nypl.org/iii/encore/logoutFilterRedirect?suite=def";
2
- export declare const patLoggedInCookieExpiredTime = 1800000;
3
- declare function EncoreCatalogLogOutTimer(currentTime?: number, isTestMode?: boolean): void;
4
- export default EncoreCatalogLogOutTimer;
@@ -1 +0,0 @@
1
- export {};
@@ -1,98 +0,0 @@
1
- export declare const refineryResponse: {
2
- data: {
3
- attributes: {
4
- "alert-text": {
5
- en: {
6
- text: string;
7
- type: string;
8
- };
9
- type: string;
10
- };
11
- "closed-reason": {
12
- en: {
13
- text: string;
14
- type: string;
15
- };
16
- type: string;
17
- };
18
- "closing-date-end": any;
19
- "closing-date-start": any;
20
- "date-created": any;
21
- "date-modified": any;
22
- "display-date-end": string;
23
- "display-date-start": string;
24
- extended: any;
25
- locations: any;
26
- scope: string;
27
- uri: {
28
- type: string;
29
- "full-uri": string;
30
- description: string;
31
- };
32
- uuid: any;
33
- };
34
- id: string;
35
- links: {
36
- self: string;
37
- };
38
- type: string;
39
- }[];
40
- jsonapi: {
41
- version: string;
42
- };
43
- links: {
44
- self: string;
45
- };
46
- meta: {
47
- count: number;
48
- };
49
- };
50
- export declare const expiredAlertsReponse: {
51
- data: {
52
- attributes: {
53
- "alert-text": {
54
- en: {
55
- text: string;
56
- type: string;
57
- };
58
- type: string;
59
- };
60
- "closed-reason": {
61
- en: {
62
- text: string;
63
- type: string;
64
- };
65
- type: string;
66
- };
67
- "closing-date-end": any;
68
- "closing-date-start": any;
69
- "date-created": any;
70
- "date-modified": any;
71
- "display-date-end": string;
72
- "display-date-start": string;
73
- extended: any;
74
- locations: any;
75
- scope: string;
76
- uri: {
77
- type: string;
78
- "full-uri": string;
79
- description: string;
80
- };
81
- uuid: any;
82
- };
83
- id: string;
84
- links: {
85
- self: string;
86
- };
87
- type: string;
88
- }[];
89
- jsonapi: {
90
- version: string;
91
- };
92
- links: {
93
- self: string;
94
- };
95
- meta: {
96
- count: number;
97
- };
98
- };
@@ -1,3 +0,0 @@
1
- declare const iconColors: readonly ["ui.black", "ui.white", "brand.primary", "brand.secondary", "ui.error.primary", "ui.error.secondary", "ui.status.primary", "ui.status.secondary", "ui.success.primary", "ui.success.secondary", "ui.warning.primary", "ui.warning.secondary", "section.blogs.primary", "section.blogs.secondary", "section.books-and-more.primary", "section.books-and-more.secondary", "section.education.primary", "section.education.secondary", "section.locations.primary", "section.locations.secondary", "section.research.primary", "section.research.secondary", "section.research-library.lpa", "section.research-library.schomburg", "section.research-library.schwartzman", "section.whats-on.primary", "section.whats-on.secondary", "dark.ui.error.primary", "dark.ui.error.secondary", "dark.ui.status.primary", "dark.ui.status.secondary", "dark.ui.success.primary", "dark.ui.success.secondary", "dark.ui.warning.primary", "dark.ui.warning.secondary"];
2
- export declare const getIconColors: () => readonly ["ui.black", "ui.white", "brand.primary", "brand.secondary", "ui.error.primary", "ui.error.secondary", "ui.status.primary", "ui.status.secondary", "ui.success.primary", "ui.success.secondary", "ui.warning.primary", "ui.warning.secondary", "section.blogs.primary", "section.blogs.secondary", "section.books-and-more.primary", "section.books-and-more.secondary", "section.education.primary", "section.education.secondary", "section.locations.primary", "section.locations.secondary", "section.research.primary", "section.research.secondary", "section.research-library.lpa", "section.research-library.schomburg", "section.research-library.schwartzman", "section.whats-on.primary", "section.whats-on.secondary", "dark.ui.error.primary", "dark.ui.error.secondary", "dark.ui.status.primary", "dark.ui.status.secondary", "dark.ui.success.primary", "dark.ui.success.secondary", "dark.ui.warning.primary", "dark.ui.warning.secondary"];
3
- export default iconColors;
@@ -1,3 +0,0 @@
1
- declare const iconNames: readonly ["accessibilityFull", "accessibilityPartial", "actionCheckCircle", "actionCheckCircleFilled", "actionExit", "actionHelpDefault", "actionHelpOutline", "actionLaunch", "actionPower", "actionRegistration", "actionSettings", "alertNotificationImportant", "alertWarningFilled", "alertWarningOutline", "arrow", "building", "check", "clock", "close", "decorativeEnvelope", "decorativeLibraryCard", "decorativeShoppingBag", "download", "errorFilled", "errorOutline", "fileTypeAudio", "fileTypeDoc", "fileTypeGenericDoc", "fileTypeImage", "fileTypePdf", "fileTypeSpreadsheet", "fileTypeVideo", "headset", "legacyAccountFilled", "legacyAccountUnfilled", "legacySocialFacebook", "legacySocialInstagram", "legacySocialTwitter", "legacySocialYoutube", "locator", "minus", "plus", "search", "socialFacebook", "socialInstagram", "socialPinterest", "socialSoundCloud", "socialTumblr", "socialTwitter", "socialYoutube", "speakerNotes", "utilityAccountFilled", "utilityAccountUnfilled", "utilityHamburger", "utilitySearch"];
2
- export declare const getIconNames: () => readonly ["accessibilityFull", "accessibilityPartial", "actionCheckCircle", "actionCheckCircleFilled", "actionExit", "actionHelpDefault", "actionHelpOutline", "actionLaunch", "actionPower", "actionRegistration", "actionSettings", "alertNotificationImportant", "alertWarningFilled", "alertWarningOutline", "arrow", "building", "check", "clock", "close", "decorativeEnvelope", "decorativeLibraryCard", "decorativeShoppingBag", "download", "errorFilled", "errorOutline", "fileTypeAudio", "fileTypeDoc", "fileTypeGenericDoc", "fileTypeImage", "fileTypePdf", "fileTypeSpreadsheet", "fileTypeVideo", "headset", "legacyAccountFilled", "legacyAccountUnfilled", "legacySocialFacebook", "legacySocialInstagram", "legacySocialTwitter", "legacySocialYoutube", "locator", "minus", "plus", "search", "socialFacebook", "socialInstagram", "socialPinterest", "socialSoundCloud", "socialTumblr", "socialTwitter", "socialYoutube", "speakerNotes", "utilityAccountFilled", "utilityAccountUnfilled", "utilityHamburger", "utilitySearch"];
3
- export default iconNames;
@@ -1,58 +0,0 @@
1
- declare const _default: {
2
- accessibilityFull: string;
3
- accessibilityPartial: string;
4
- actionCheckCircle: string;
5
- actionCheckCircleFilled: string;
6
- actionExit: string;
7
- actionHelpDefault: string;
8
- actionHelpOutline: string;
9
- actionLaunch: string;
10
- actionPower: string;
11
- actionRegistration: string;
12
- actionSettings: string;
13
- alertNotificationImportant: string;
14
- alertWarningFilled: string;
15
- alertWarningOutline: string;
16
- arrow: string;
17
- building: string;
18
- check: string;
19
- clock: string;
20
- close: string;
21
- decorativeEnvelope: string;
22
- decorativeLibraryCard: string;
23
- decorativeShoppingBag: string;
24
- download: string;
25
- errorFilled: string;
26
- errorOutline: string;
27
- fileTypeAudio: string;
28
- fileTypeDoc: string;
29
- fileTypeGenericDoc: string;
30
- fileTypeImage: string;
31
- fileTypePdf: string;
32
- fileTypeSpreadsheet: string;
33
- fileTypeVideo: string;
34
- headset: string;
35
- legacyAccountFilled: string;
36
- legacyAccountUnfilled: string;
37
- legacySocialFacebook: string;
38
- legacySocialInstagram: string;
39
- legacySocialTwitter: string;
40
- legacySocialYoutube: string;
41
- locator: string;
42
- minus: string;
43
- plus: string;
44
- search: string;
45
- socialFacebook: string;
46
- socialInstagram: string;
47
- socialPinterest: string;
48
- socialSoundCloud: string;
49
- socialTumblr: string;
50
- socialTwitter: string;
51
- socialYoutube: string;
52
- speakerNotes: string;
53
- utilityAccountFilled: string;
54
- utilityAccountUnfilled: string;
55
- utilityHamburger: string;
56
- utilitySearch: string;
57
- };
58
- export default _default;
@@ -1,54 +0,0 @@
1
- declare const _default: {
2
- appleAppStoreBlack: string;
3
- appleAppStoreWhite: string;
4
- bplBlack: string;
5
- bplWhite: string;
6
- cleverBadgeColor: string;
7
- cleverColor: string;
8
- cleverWhite: string;
9
- digitalCollectionsBlack: string;
10
- digitalCollectionsWhite: string;
11
- firstbookColor: string;
12
- firstbookColorNegative: string;
13
- googlePlayBlack: string;
14
- lpaBlack: string;
15
- lpaColor: string;
16
- lpaWhite: string;
17
- mlnBlack: string;
18
- mlnColor: string;
19
- mlnWhite: string;
20
- nycdoeBlack: string;
21
- nycdoeColor: string;
22
- nycdoeWhite: string;
23
- nyplFullBlack: string;
24
- nyplFullWhite: string;
25
- nyplLionBlack: string;
26
- nyplLionWhite: string;
27
- nyplTextBlack: string;
28
- nyplTextWhite: string;
29
- openebooksColor: string;
30
- openebooksNegative: string;
31
- openebooksWithTextColor: string;
32
- openebooksWithTextNegative: string;
33
- qplAltBlack: string;
34
- qplAltWhite: string;
35
- qplBlack: string;
36
- qplColor: string;
37
- qplWhite: string;
38
- reservoirIconColor: string;
39
- reservoirVerticalColor: string;
40
- schomburgBlack: string;
41
- schomburgCircleBlack: string;
42
- schomburgCircleColor: string;
43
- schomburgCircleWhite: string;
44
- schomburgColor: string;
45
- schomburgWhite: string;
46
- simplyeBlack: string;
47
- simplyeWhite: string;
48
- simplyeColor: string;
49
- snflBlack: string;
50
- snflWhite: string;
51
- treasuresColor: string;
52
- treasuresColorNegative: string;
53
- };
54
- export default _default;
@@ -1,4 +0,0 @@
1
- import { Story } from "@storybook/react/types-6-0";
2
- import { MultiSelectProps } from "./MultiSelect";
3
- export declare const MultiSelectListboxStory: Story<MultiSelectProps>;
4
- export declare const MultiSelectDialogStory: Story<MultiSelectProps>;
@@ -1,4 +0,0 @@
1
- import { Story } from "@storybook/react/types-6-0";
2
- import { MultiSelectGroupProps } from "./MultiSelectGroup";
3
- export declare const MultiSelectGroupStory: Story<MultiSelectGroupProps>;
4
- export declare const MultiSelectGroupLayoutStory: Story<MultiSelectGroupProps>;
@@ -1,10 +0,0 @@
1
- import * as React from "react";
2
- export interface PlaceholderProps {
3
- /** Modifier string for the classname. */
4
- variant?: string;
5
- }
6
- /** Creates a gray box with an editable string for dropping in spaces
7
- * within components or on templates where a component will be but
8
- * that hasn't been created yet
9
- */
10
- export default function Placeholder({ children, variant, }: React.PropsWithChildren<PlaceholderProps>): JSX.Element;