@pingux/astro 1.1.1-alpha.1 → 1.1.1-alpha.5

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 (837) hide show
  1. package/lib/cjs/components/AccordionGridGroup/AccordionGridContext.js +17 -0
  2. package/lib/cjs/components/AccordionGridGroup/AccordionGridGroup.js +221 -0
  3. package/lib/cjs/components/AccordionGridGroup/AccordionGridGroup.stories.js +313 -0
  4. package/lib/cjs/components/AccordionGridGroup/AccordionGridGroup.test.js +257 -0
  5. package/lib/cjs/components/AccordionGridGroup/index.js +18 -0
  6. package/lib/cjs/components/AccordionGridItem/AccordionGridItem.js +103 -0
  7. package/lib/cjs/components/AccordionGridItem/AccordionGridItemBody.js +91 -0
  8. package/lib/cjs/components/AccordionGridItem/AccordionGridItemHeader.js +135 -0
  9. package/lib/cjs/components/AccordionGridItem/index.js +18 -0
  10. package/lib/cjs/components/AccordionGroup/AccordionGroup.js +105 -0
  11. package/lib/cjs/components/AccordionGroup/AccordionGroup.stories.js +245 -0
  12. package/lib/cjs/components/AccordionGroup/AccordionGroup.test.js +299 -0
  13. package/lib/cjs/components/AccordionGroup/index.js +18 -0
  14. package/lib/cjs/components/AccordionItem/AccordionItem.js +147 -0
  15. package/lib/cjs/components/AccordionItem/index.js +18 -0
  16. package/lib/cjs/components/AstroWrapper/AstroWrapper.js +91 -0
  17. package/lib/cjs/components/AstroWrapper/AstroWrapper.test.js +37 -0
  18. package/lib/cjs/components/AstroWrapper/PageWrapper.test.js +39 -0
  19. package/lib/cjs/components/AstroWrapper/index.js +38 -0
  20. package/lib/cjs/components/Avatar/Avatar.js +41 -0
  21. package/lib/cjs/components/Avatar/Avatar.stories.js +42 -0
  22. package/lib/cjs/components/Avatar/Avatar.test.js +37 -0
  23. package/lib/cjs/components/Avatar/index.js +18 -0
  24. package/lib/cjs/components/Box/Box.js +142 -0
  25. package/lib/cjs/components/Box/Box.stories.js +278 -0
  26. package/lib/cjs/components/Box/Box.test.js +79 -0
  27. package/lib/cjs/components/Box/index.js +18 -0
  28. package/lib/cjs/components/Breadcrumbs/BreadcrumbItem.js +137 -0
  29. package/lib/cjs/components/Breadcrumbs/Breadcrumbs.js +101 -0
  30. package/lib/cjs/components/Breadcrumbs/Breadcrumbs.stories.js +166 -0
  31. package/lib/cjs/components/Breadcrumbs/Breadcrumbs.test.js +112 -0
  32. package/lib/cjs/components/Breadcrumbs/index.js +27 -0
  33. package/lib/cjs/components/Button/Button.js +197 -0
  34. package/lib/cjs/components/Button/Button.stories.js +113 -0
  35. package/lib/cjs/components/Button/Button.test.js +125 -0
  36. package/lib/cjs/components/Button/constants.js +14 -0
  37. package/lib/cjs/components/Button/index.js +18 -0
  38. package/lib/cjs/components/Card/Card.js +35 -0
  39. package/lib/cjs/components/Card/Card.stories.js +52 -0
  40. package/lib/cjs/components/Card/Card.test.js +48 -0
  41. package/lib/cjs/components/Card/index.js +18 -0
  42. package/lib/cjs/components/Checkbox/Checkbox.js +40 -0
  43. package/lib/cjs/components/Checkbox/Checkbox.test.js +36 -0
  44. package/lib/cjs/components/Checkbox/index.js +18 -0
  45. package/lib/cjs/components/CheckboxField/CheckboxField.js +210 -0
  46. package/lib/cjs/components/CheckboxField/CheckboxField.stories.js +167 -0
  47. package/lib/cjs/components/CheckboxField/CheckboxField.test.js +116 -0
  48. package/lib/cjs/components/CheckboxField/index.js +18 -0
  49. package/lib/cjs/components/Chip/Chip.js +86 -0
  50. package/lib/cjs/components/Chip/Chip.stories.js +140 -0
  51. package/lib/cjs/components/Chip/Chip.test.js +57 -0
  52. package/lib/cjs/components/Chip/ChipContext.js +19 -0
  53. package/lib/cjs/components/Chip/index.js +18 -0
  54. package/lib/cjs/components/CodeView/CodeView.js +175 -0
  55. package/lib/cjs/components/CodeView/CodeView.stories.js +93 -0
  56. package/lib/cjs/components/CodeView/CodeView.test.js +211 -0
  57. package/lib/cjs/components/CodeView/index.js +18 -0
  58. package/lib/cjs/components/ColorField/ColorField.js +219 -0
  59. package/lib/cjs/components/ColorField/ColorField.stories.js +124 -0
  60. package/lib/cjs/components/ColorField/ColorField.test.js +71 -0
  61. package/lib/cjs/components/ColorField/index.js +18 -0
  62. package/lib/cjs/components/ComboBox/ComboBoxInput.js +214 -0
  63. package/lib/cjs/components/ComboBox/index.js +18 -0
  64. package/lib/cjs/components/ComboBoxField/ComboBoxField.js +413 -0
  65. package/lib/cjs/components/ComboBoxField/ComboBoxField.stories.js +523 -0
  66. package/lib/cjs/components/ComboBoxField/ComboBoxField.test.js +841 -0
  67. package/lib/cjs/components/ComboBoxField/index.js +18 -0
  68. package/lib/cjs/components/CopyText/CopyButton.js +38 -0
  69. package/lib/cjs/components/CopyText/CopyText.js +173 -0
  70. package/lib/cjs/components/CopyText/CopyText.stories.js +58 -0
  71. package/lib/cjs/components/CopyText/CopyText.test.js +485 -0
  72. package/lib/cjs/components/CopyText/index.js +18 -0
  73. package/lib/cjs/components/FieldHelperText/FieldHelperText.js +67 -0
  74. package/lib/cjs/components/FieldHelperText/FieldHelperText.stories.js +64 -0
  75. package/lib/cjs/components/FieldHelperText/FieldHelperText.test.js +67 -0
  76. package/lib/cjs/components/FieldHelperText/index.js +18 -0
  77. package/lib/cjs/components/FileInputField/FileInputField.js +324 -0
  78. package/lib/cjs/components/FileInputField/FileInputField.stories.js +250 -0
  79. package/lib/cjs/components/FileInputField/FileInputField.test.js +227 -0
  80. package/lib/cjs/components/FileInputField/FileItem.js +126 -0
  81. package/lib/cjs/components/FileInputField/FileSelect.js +48 -0
  82. package/lib/cjs/components/FileInputField/index.js +18 -0
  83. package/lib/cjs/components/HelpHint/HelpHint.js +57 -0
  84. package/lib/cjs/components/HelpHint/index.js +18 -0
  85. package/lib/cjs/components/Icon/Icon.js +93 -0
  86. package/lib/cjs/components/Icon/Icon.stories.js +93 -0
  87. package/lib/cjs/components/Icon/Icon.test.js +39 -0
  88. package/lib/cjs/components/Icon/index.js +18 -0
  89. package/lib/cjs/components/IconButton/IconButton.js +185 -0
  90. package/lib/cjs/components/IconButton/IconButton.stories.js +95 -0
  91. package/lib/cjs/components/IconButton/IconButton.test.js +181 -0
  92. package/lib/cjs/components/IconButton/index.js +18 -0
  93. package/lib/cjs/components/Image/Image.js +84 -0
  94. package/lib/cjs/components/Image/Image.stories.js +87 -0
  95. package/lib/cjs/components/Image/Image.test.js +38 -0
  96. package/lib/cjs/components/Image/index.js +18 -0
  97. package/lib/cjs/components/ImageUploadField/ImagePreviewButton.js +136 -0
  98. package/lib/cjs/components/ImageUploadField/ImageUploadField.js +160 -0
  99. package/lib/cjs/components/ImageUploadField/ImageUploadField.stories.js +348 -0
  100. package/lib/cjs/components/ImageUploadField/ImageUploadField.test.js +439 -0
  101. package/lib/cjs/components/ImageUploadField/ImageUploadFieldBase.js +124 -0
  102. package/lib/cjs/components/ImageUploadField/index.js +18 -0
  103. package/lib/cjs/components/Input/Input.js +80 -0
  104. package/lib/cjs/components/Input/Input.stories.js +57 -0
  105. package/lib/cjs/components/Input/Input.test.js +69 -0
  106. package/lib/cjs/components/Input/index.js +18 -0
  107. package/lib/cjs/components/Label/Label.js +110 -0
  108. package/lib/cjs/components/Label/Label.stories.js +63 -0
  109. package/lib/cjs/components/Label/Label.test.js +90 -0
  110. package/lib/cjs/components/Label/constants.js +15 -0
  111. package/lib/cjs/components/Label/index.js +18 -0
  112. package/lib/cjs/components/Link/Link.js +106 -0
  113. package/lib/cjs/components/Link/Link.stories.js +66 -0
  114. package/lib/cjs/components/Link/Link.test.js +79 -0
  115. package/lib/cjs/components/Link/index.js +18 -0
  116. package/lib/cjs/components/LinkSelectField/LinkSelectField.js +225 -0
  117. package/lib/cjs/components/LinkSelectField/LinkSelectField.stories.js +350 -0
  118. package/lib/cjs/components/LinkSelectField/LinkSelectField.test.js +230 -0
  119. package/lib/cjs/components/LinkSelectField/index.js +18 -0
  120. package/lib/cjs/components/List/List.js +44 -0
  121. package/lib/cjs/components/List/List.stories.js +66 -0
  122. package/lib/cjs/components/List/List.test.js +36 -0
  123. package/lib/cjs/components/List/index.js +18 -0
  124. package/lib/cjs/components/ListBox/ListBox.js +264 -0
  125. package/lib/cjs/components/ListBox/ListBox.test.js +171 -0
  126. package/lib/cjs/components/ListBox/ListBoxContext.js +17 -0
  127. package/lib/cjs/components/ListBox/ListBoxSection.js +82 -0
  128. package/lib/cjs/components/ListBox/Option.js +137 -0
  129. package/lib/cjs/components/ListBox/index.js +27 -0
  130. package/lib/cjs/components/ListItem/ListItem.js +76 -0
  131. package/lib/cjs/components/ListItem/ListItem.stories.js +103 -0
  132. package/lib/cjs/components/ListItem/ListItem.test.js +51 -0
  133. package/lib/cjs/components/ListItem/index.js +18 -0
  134. package/lib/cjs/components/ListView/ListView.js +284 -0
  135. package/lib/cjs/components/ListView/ListView.stories.js +794 -0
  136. package/lib/cjs/components/ListView/ListView.test.js +326 -0
  137. package/lib/cjs/components/ListView/ListViewContext.js +17 -0
  138. package/lib/cjs/components/ListView/index.js +18 -0
  139. package/lib/cjs/components/ListViewItem/ListViewItem.js +130 -0
  140. package/lib/cjs/components/ListViewItem/index.js +18 -0
  141. package/lib/cjs/components/Loader/Loader.js +93 -0
  142. package/lib/cjs/components/Loader/Loader.stories.js +63 -0
  143. package/lib/cjs/components/Loader/Loader.test.js +36 -0
  144. package/lib/cjs/components/Loader/index.js +18 -0
  145. package/lib/cjs/components/Menu/Menu.js +191 -0
  146. package/lib/cjs/components/Menu/Menu.stories.js +107 -0
  147. package/lib/cjs/components/Menu/Menu.test.js +223 -0
  148. package/lib/cjs/components/Menu/index.js +18 -0
  149. package/lib/cjs/components/MenuItem/MenuItem.js +184 -0
  150. package/lib/cjs/components/MenuItem/MenuItem.test.js +221 -0
  151. package/lib/cjs/components/MenuItem/index.js +18 -0
  152. package/lib/cjs/components/Messages/Message.js +183 -0
  153. package/lib/cjs/components/Messages/Messages.js +73 -0
  154. package/lib/cjs/components/Messages/Messages.reducer.js +70 -0
  155. package/lib/cjs/components/Messages/Messages.stories.js +353 -0
  156. package/lib/cjs/components/Messages/Messages.test.js +214 -0
  157. package/lib/cjs/components/Messages/index.js +40 -0
  158. package/lib/cjs/components/Messages/utils/index.js +27 -0
  159. package/lib/cjs/components/Messages/utils/messagesReducer.js +180 -0
  160. package/lib/cjs/components/Messages/utils/multiMessagesReducer.js +135 -0
  161. package/lib/cjs/components/Messages/utils/tests/messagesReducer.test.js +94 -0
  162. package/lib/cjs/components/Messages/utils/tests/multiMessagesReducer.test.js +102 -0
  163. package/lib/cjs/components/Modal/Modal.js +218 -0
  164. package/lib/cjs/components/Modal/Modal.stories.js +173 -0
  165. package/lib/cjs/components/Modal/index.js +18 -0
  166. package/lib/cjs/components/Modal/tests/Modal.integration.test.js +95 -0
  167. package/lib/cjs/components/Modal/tests/Modal.unit.test.js +202 -0
  168. package/lib/cjs/components/MultivaluesField/MultivaluesField.js +519 -0
  169. package/lib/cjs/components/MultivaluesField/MultivaluesField.stories.js +212 -0
  170. package/lib/cjs/components/MultivaluesField/MultivaluesField.test.js +387 -0
  171. package/lib/cjs/components/MultivaluesField/index.js +18 -0
  172. package/lib/cjs/components/NavBar/NavBar.js +38 -0
  173. package/lib/cjs/components/NavBar/NavBar.stories.js +679 -0
  174. package/lib/cjs/components/NavBar/NavBar.test.js +116 -0
  175. package/lib/cjs/components/NavBar/index.js +18 -0
  176. package/lib/cjs/components/NavBarSection/NavBarItemBody.js +56 -0
  177. package/lib/cjs/components/NavBarSection/NavBarItemHeader.js +47 -0
  178. package/lib/cjs/components/NavBarSection/NavBarSection.js +82 -0
  179. package/lib/cjs/components/NavBarSection/index.js +18 -0
  180. package/lib/cjs/components/NumberField/NumberField.js +224 -0
  181. package/lib/cjs/components/NumberField/NumberField.stories.js +242 -0
  182. package/lib/cjs/components/NumberField/NumberField.test.js +172 -0
  183. package/lib/cjs/components/NumberField/index.js +18 -0
  184. package/lib/cjs/components/OverlayPanel/OverlayPanel.js +127 -0
  185. package/lib/cjs/components/OverlayPanel/OverlayPanel.stories.js +223 -0
  186. package/lib/cjs/components/OverlayPanel/OverlayPanel.test.js +140 -0
  187. package/lib/cjs/components/OverlayPanel/index.js +18 -0
  188. package/lib/cjs/components/PageHeader/PageHeader.js +50 -0
  189. package/lib/cjs/components/PageHeader/PageHeader.stories.js +42 -0
  190. package/lib/cjs/components/PageHeader/PageHeader.test.js +35 -0
  191. package/lib/cjs/components/PageHeader/index.js +18 -0
  192. package/lib/cjs/components/PasswordField/PasswordField.js +338 -0
  193. package/lib/cjs/components/PasswordField/PasswordField.stories.js +442 -0
  194. package/lib/cjs/components/PasswordField/PasswordField.test.js +236 -0
  195. package/lib/cjs/components/PasswordField/index.js +18 -0
  196. package/lib/cjs/components/PopoverContainer/PopoverContainer.js +160 -0
  197. package/lib/cjs/components/PopoverContainer/PopoverContainer.test.js +57 -0
  198. package/lib/cjs/components/PopoverContainer/index.js +38 -0
  199. package/lib/cjs/components/PopoverMenu/PopoverMenu.js +188 -0
  200. package/lib/cjs/components/PopoverMenu/PopoverMenu.stories.js +231 -0
  201. package/lib/cjs/components/PopoverMenu/PopoverMenu.test.js +214 -0
  202. package/lib/cjs/components/PopoverMenu/index.js +18 -0
  203. package/lib/cjs/components/Radio/Radio.js +38 -0
  204. package/lib/cjs/components/Radio/index.js +18 -0
  205. package/lib/cjs/components/RadioField/RadioField.js +201 -0
  206. package/lib/cjs/components/RadioField/RadioField.test.js +97 -0
  207. package/lib/cjs/components/RadioField/index.js +38 -0
  208. package/lib/cjs/components/RadioGroupField/RadioGroupField.js +177 -0
  209. package/lib/cjs/components/RadioGroupField/RadioGroupField.stories.js +210 -0
  210. package/lib/cjs/components/RadioGroupField/RadioGroupField.test.js +202 -0
  211. package/lib/cjs/components/RadioGroupField/index.js +18 -0
  212. package/lib/cjs/components/RequirementsList/RequirementsList.js +117 -0
  213. package/lib/cjs/components/RequirementsList/RequirementsList.stories.js +79 -0
  214. package/lib/cjs/components/RequirementsList/RequirementsList.test.js +114 -0
  215. package/lib/cjs/components/RequirementsList/index.js +18 -0
  216. package/lib/cjs/components/RockerButton/RockerButton.js +143 -0
  217. package/lib/cjs/components/RockerButton/index.js +38 -0
  218. package/lib/cjs/components/RockerButtonGroup/RockerButtonGroup.js +128 -0
  219. package/lib/cjs/components/RockerButtonGroup/RockerButtonGroup.stories.js +164 -0
  220. package/lib/cjs/components/RockerButtonGroup/RockerButtonGroup.test.js +133 -0
  221. package/lib/cjs/components/RockerButtonGroup/index.js +38 -0
  222. package/lib/cjs/components/ScrollBox/ScrollBox.js +145 -0
  223. package/lib/cjs/components/ScrollBox/ScrollBox.stories.js +47 -0
  224. package/lib/cjs/components/ScrollBox/ScrollBox.test.js +87 -0
  225. package/lib/cjs/components/ScrollBox/index.js +18 -0
  226. package/lib/cjs/components/SearchField/SearchField.js +356 -0
  227. package/lib/cjs/components/SearchField/SearchField.stories.js +178 -0
  228. package/lib/cjs/components/SearchField/SearchField.test.js +251 -0
  229. package/lib/cjs/components/SearchField/index.js +18 -0
  230. package/lib/cjs/components/SelectField/SelectField.js +171 -0
  231. package/lib/cjs/components/SelectField/SelectField.stories.js +492 -0
  232. package/lib/cjs/components/SelectField/SelectField.test.js +85 -0
  233. package/lib/cjs/components/SelectField/index.js +18 -0
  234. package/lib/cjs/components/SelectFieldBase/SelectFieldBase.js +197 -0
  235. package/lib/cjs/components/SelectFieldBase/SelectFieldBase.test.js +471 -0
  236. package/lib/cjs/components/SelectFieldBase/index.js +18 -0
  237. package/lib/cjs/components/Separator/Separator.js +69 -0
  238. package/lib/cjs/components/Separator/Separator.stories.js +49 -0
  239. package/lib/cjs/components/Separator/Separator.test.js +38 -0
  240. package/lib/cjs/components/Separator/index.js +18 -0
  241. package/lib/cjs/components/Stepper/Line.js +51 -0
  242. package/lib/cjs/components/Stepper/Step.js +64 -0
  243. package/lib/cjs/components/Stepper/Stepper.constants.js +15 -0
  244. package/lib/cjs/components/Stepper/Stepper.js +170 -0
  245. package/lib/cjs/components/Stepper/Stepper.stories.js +139 -0
  246. package/lib/cjs/components/Stepper/Stepper.test.js +231 -0
  247. package/lib/cjs/components/Stepper/index.js +27 -0
  248. package/lib/cjs/components/Switch/Switch.js +53 -0
  249. package/lib/cjs/components/Switch/index.js +18 -0
  250. package/lib/cjs/components/SwitchField/SwitchField.js +231 -0
  251. package/lib/cjs/components/SwitchField/SwitchField.stories.js +170 -0
  252. package/lib/cjs/components/SwitchField/SwitchField.test.js +145 -0
  253. package/lib/cjs/components/SwitchField/index.js +18 -0
  254. package/lib/cjs/components/Tab/Tab.js +154 -0
  255. package/lib/cjs/components/Tab/index.js +38 -0
  256. package/lib/cjs/components/Table/Table.js +41 -0
  257. package/lib/cjs/components/Table/Table.stories.js +102 -0
  258. package/lib/cjs/components/Table/Table.test.js +80 -0
  259. package/lib/cjs/components/Table/index.js +18 -0
  260. package/lib/cjs/components/TableBody/TableBody.js +41 -0
  261. package/lib/cjs/components/TableBody/index.js +18 -0
  262. package/lib/cjs/components/TableCell/TableCell.js +48 -0
  263. package/lib/cjs/components/TableCell/TableCell.test.js +54 -0
  264. package/lib/cjs/components/TableCell/index.js +18 -0
  265. package/lib/cjs/components/TableHead/TableHead.js +40 -0
  266. package/lib/cjs/components/TableHead/index.js +18 -0
  267. package/lib/cjs/components/TableRow/TableRow.js +41 -0
  268. package/lib/cjs/components/TableRow/index.js +18 -0
  269. package/lib/cjs/components/Tabs/Tabs.js +166 -0
  270. package/lib/cjs/components/Tabs/Tabs.stories.js +295 -0
  271. package/lib/cjs/components/Tabs/Tabs.test.js +460 -0
  272. package/lib/cjs/components/Tabs/index.js +38 -0
  273. package/lib/cjs/components/Text/Text.js +52 -0
  274. package/lib/cjs/components/Text/Text.stories.js +124 -0
  275. package/lib/cjs/components/Text/Text.test.js +43 -0
  276. package/lib/cjs/components/Text/index.js +18 -0
  277. package/lib/cjs/components/TextArea/TextArea.js +41 -0
  278. package/lib/cjs/components/TextArea/TextArea.test.js +43 -0
  279. package/lib/cjs/components/TextArea/index.js +18 -0
  280. package/lib/cjs/components/TextAreaField/TextAreaField.js +235 -0
  281. package/lib/cjs/components/TextAreaField/TextAreaField.stories.js +245 -0
  282. package/lib/cjs/components/TextAreaField/TextAreaField.test.js +156 -0
  283. package/lib/cjs/components/TextAreaField/index.js +18 -0
  284. package/lib/cjs/components/TextField/TextField.js +217 -0
  285. package/lib/cjs/components/TextField/TextField.stories.js +262 -0
  286. package/lib/cjs/components/TextField/TextField.test.js +175 -0
  287. package/lib/cjs/components/TextField/index.js +18 -0
  288. package/lib/cjs/components/TooltipTrigger/Tooltip.js +55 -0
  289. package/lib/cjs/components/TooltipTrigger/TooltipTrigger.js +181 -0
  290. package/lib/cjs/components/TooltipTrigger/TooltipTrigger.stories.js +126 -0
  291. package/lib/cjs/components/TooltipTrigger/TooltipTrigger.test.js +109 -0
  292. package/lib/cjs/components/TooltipTrigger/index.js +27 -0
  293. package/lib/cjs/context/AccordionContext/index.js +22 -0
  294. package/lib/cjs/context/MenuContext/index.js +20 -0
  295. package/lib/cjs/context/TooltipContext/index.js +22 -0
  296. package/lib/cjs/hooks/index.js +117 -0
  297. package/lib/cjs/hooks/useAriaLabelWarning/index.js +18 -0
  298. package/lib/cjs/hooks/useAriaLabelWarning/useAriaLabelWarning.js +29 -0
  299. package/lib/cjs/hooks/useAriaLabelWarning/useAriaLabelWarning.test.js +38 -0
  300. package/lib/cjs/hooks/useColumnStyles/index.js +18 -0
  301. package/lib/cjs/hooks/useColumnStyles/useColumnStyles.js +38 -0
  302. package/lib/cjs/hooks/useCopyToClipboard/index.js +18 -0
  303. package/lib/cjs/hooks/useCopyToClipboard/useCopyToClipboard.js +83 -0
  304. package/lib/cjs/hooks/useCopyToClipboard/useCopyToClipboard.test.js +79 -0
  305. package/lib/cjs/hooks/useDebounce/index.js +18 -0
  306. package/lib/cjs/hooks/useDebounce/useDebounce.js +40 -0
  307. package/lib/cjs/hooks/useDebounce/useDebounce.test.js +47 -0
  308. package/lib/cjs/hooks/useDeprecationWarning/index.js +18 -0
  309. package/lib/cjs/hooks/useDeprecationWarning/useDeprecationWarning.js +55 -0
  310. package/lib/cjs/hooks/useDeprecationWarning/useDeprecationWarning.test.js +97 -0
  311. package/lib/cjs/hooks/useField/index.js +18 -0
  312. package/lib/cjs/hooks/useField/useField.js +249 -0
  313. package/lib/cjs/hooks/useField/useField.test.js +236 -0
  314. package/lib/cjs/hooks/useImageUploadState/index.js +18 -0
  315. package/lib/cjs/hooks/useImageUploadState/useImageUploadState.js +143 -0
  316. package/lib/cjs/hooks/useLabelHeight/index.js +18 -0
  317. package/lib/cjs/hooks/useLabelHeight/useLabelHeight.js +43 -0
  318. package/lib/cjs/hooks/useModalState/index.js +18 -0
  319. package/lib/cjs/hooks/useModalState/useModalState.js +35 -0
  320. package/lib/cjs/hooks/useModalState/useModalState.test.js +124 -0
  321. package/lib/cjs/hooks/useOverlayPanelState/index.js +18 -0
  322. package/lib/cjs/hooks/useOverlayPanelState/useOverlayPanelState.js +54 -0
  323. package/lib/cjs/hooks/useOverlayPanelState/useOverlayPanelState.test.js +24 -0
  324. package/lib/cjs/hooks/useProgressiveState/index.js +18 -0
  325. package/lib/cjs/hooks/useProgressiveState/useProgressiveState.js +29 -0
  326. package/lib/cjs/hooks/useProgressiveState/useProgressiveState.test.js +105 -0
  327. package/lib/cjs/hooks/usePropWarning/index.js +18 -0
  328. package/lib/cjs/hooks/usePropWarning/usePropWarning.js +45 -0
  329. package/lib/cjs/hooks/usePropWarning/usePropWarning.test.js +65 -0
  330. package/lib/cjs/hooks/useRockerButton/index.js +18 -0
  331. package/lib/cjs/hooks/useRockerButton/useRockerButton.js +67 -0
  332. package/lib/cjs/hooks/useSelectField/index.js +18 -0
  333. package/lib/cjs/hooks/useSelectField/useSelectField.js +254 -0
  334. package/lib/cjs/hooks/useStatusClasses/index.js +18 -0
  335. package/lib/cjs/hooks/useStatusClasses/useStatusClasses.js +40 -0
  336. package/lib/cjs/hooks/useStatusClasses/useStatusClasses.test.js +56 -0
  337. package/lib/cjs/index.js +1518 -0
  338. package/lib/cjs/layouts/ListLayout.stories.js +895 -0
  339. package/lib/cjs/layouts/SchemaFormLayout.stories.js +139 -0
  340. package/lib/cjs/recipes/ApplicationSearchDropdown.stories.js +310 -0
  341. package/lib/cjs/recipes/ArrayField.stories.js +169 -0
  342. package/lib/cjs/recipes/Arrow.stories.js +49 -0
  343. package/lib/cjs/recipes/ConditionalFilter.stories.js +465 -0
  344. package/lib/cjs/recipes/CopyToClipboard.stories.js +45 -0
  345. package/lib/cjs/recipes/CountryPicker.stories.js +155 -0
  346. package/lib/cjs/recipes/DatePicker.stories.js +149 -0
  347. package/lib/cjs/recipes/DraggableBox.stories.js +58 -0
  348. package/lib/cjs/recipes/FlippableCaretMenuButton.stories.js +198 -0
  349. package/lib/cjs/recipes/LogoTabs.stories.js +234 -0
  350. package/lib/cjs/recipes/MaskedValue.stories.js +107 -0
  351. package/lib/cjs/recipes/NeutralInput.stories.js +32 -0
  352. package/lib/cjs/recipes/PanelHeader.stories.js +97 -0
  353. package/lib/cjs/recipes/RadioButtonsWithLinks.stories.js +146 -0
  354. package/lib/cjs/recipes/RowLineChart.stories.js +528 -0
  355. package/lib/cjs/recipes/ScrollableListView.stories.js +141 -0
  356. package/lib/cjs/recipes/SelectedFieldOverlay.story.js +66 -0
  357. package/lib/cjs/recipes/StatsCircle.stories.js +46 -0
  358. package/lib/cjs/styles/ColorDocumentation.js +311 -0
  359. package/lib/cjs/styles/ColorDocumentation.stories.js +33 -0
  360. package/lib/cjs/styles/ThemeDocumentation.js +25 -0
  361. package/lib/cjs/styles/breakpoints.js +11 -0
  362. package/lib/cjs/styles/colors.js +200 -0
  363. package/lib/cjs/styles/forms/checkbox.js +23 -0
  364. package/lib/cjs/styles/forms/comboBox.js +49 -0
  365. package/lib/cjs/styles/forms/index.js +64 -0
  366. package/lib/cjs/styles/forms/input.js +214 -0
  367. package/lib/cjs/styles/forms/label.js +94 -0
  368. package/lib/cjs/styles/forms/radio.js +32 -0
  369. package/lib/cjs/styles/forms/search.js +33 -0
  370. package/lib/cjs/styles/forms/select.js +106 -0
  371. package/lib/cjs/styles/forms/switch.js +59 -0
  372. package/lib/cjs/styles/forms/textarea.js +48 -0
  373. package/lib/cjs/styles/spacing.js +31 -0
  374. package/lib/cjs/styles/text.js +45 -0
  375. package/lib/cjs/styles/theme.js +81 -0
  376. package/lib/cjs/styles/themes/end-user/end-user.js +280 -0
  377. package/lib/cjs/styles/themes/end-user/index.js +18 -0
  378. package/lib/cjs/styles/useAstroTheme.js +36 -0
  379. package/lib/cjs/styles/variants/accordion.js +114 -0
  380. package/lib/cjs/styles/variants/boxes.js +320 -0
  381. package/lib/cjs/styles/variants/buttons.js +577 -0
  382. package/lib/cjs/styles/variants/codeView.js +77 -0
  383. package/lib/cjs/styles/variants/imageUpload.js +29 -0
  384. package/lib/cjs/styles/variants/images.js +19 -0
  385. package/lib/cjs/styles/variants/index.js +72 -0
  386. package/lib/cjs/styles/variants/links.js +67 -0
  387. package/lib/cjs/styles/variants/listBox.js +62 -0
  388. package/lib/cjs/styles/variants/loader.js +119 -0
  389. package/lib/cjs/styles/variants/menu.js +20 -0
  390. package/lib/cjs/styles/variants/menuItem.js +36 -0
  391. package/lib/cjs/styles/variants/messages.js +53 -0
  392. package/lib/cjs/styles/variants/modal.js +87 -0
  393. package/lib/cjs/styles/variants/numberField.js +64 -0
  394. package/lib/cjs/styles/variants/overlayPanel.js +73 -0
  395. package/lib/cjs/styles/variants/popoverMenu.js +99 -0
  396. package/lib/cjs/styles/variants/rockerbutton.js +25 -0
  397. package/lib/cjs/styles/variants/separator.js +64 -0
  398. package/lib/cjs/styles/variants/stepper.js +126 -0
  399. package/lib/cjs/styles/variants/table.js +72 -0
  400. package/lib/cjs/styles/variants/tabs.js +45 -0
  401. package/lib/cjs/styles/variants/text.js +251 -0
  402. package/lib/cjs/styles/variants/tooltip.js +16 -0
  403. package/lib/cjs/styles/variants/variants.js +103 -0
  404. package/lib/cjs/utils/devUtils/constants/htmlElements.js +15 -0
  405. package/lib/cjs/utils/devUtils/constants/loadingStates.js +18 -0
  406. package/lib/cjs/utils/devUtils/constants/orientation.js +14 -0
  407. package/lib/cjs/utils/devUtils/constants/panelSizes.js +11 -0
  408. package/lib/cjs/utils/devUtils/constants/statuses.js +16 -0
  409. package/lib/cjs/utils/devUtils/constants/variants.js +40 -0
  410. package/lib/cjs/utils/devUtils/decorators/withDeprecationWarning.js +33 -0
  411. package/lib/cjs/utils/devUtils/props/isIterable.js +74 -0
  412. package/lib/cjs/utils/devUtils/props/isValidPositiveInt.js +42 -0
  413. package/lib/cjs/utils/devUtils/styledSystemUtils.js +79 -0
  414. package/lib/cjs/utils/styleUtils/index.js +19 -0
  415. package/lib/cjs/utils/testUtils/setupTests.js +27 -0
  416. package/lib/cjs/utils/testUtils/testAxe.js +65 -0
  417. package/lib/cjs/utils/testUtils/testTheme.js +30 -0
  418. package/lib/cjs/utils/testUtils/testWrapper.js +109 -0
  419. package/lib/components/AccordionGridGroup/AccordionGridContext.js +2 -0
  420. package/lib/components/AccordionGridGroup/AccordionGridGroup.js +182 -0
  421. package/lib/components/AccordionGridGroup/AccordionGridGroup.stories.js +286 -0
  422. package/lib/components/AccordionGridGroup/AccordionGridGroup.test.js +191 -0
  423. package/lib/components/AccordionGridGroup/index.js +1 -0
  424. package/lib/components/AccordionGridItem/AccordionGridItem.js +75 -0
  425. package/lib/components/AccordionGridItem/AccordionGridItemBody.js +65 -0
  426. package/lib/components/AccordionGridItem/AccordionGridItemHeader.js +104 -0
  427. package/lib/components/AccordionGridItem/index.js +1 -0
  428. package/lib/components/AccordionGroup/AccordionGroup.js +79 -0
  429. package/lib/components/AccordionGroup/AccordionGroup.stories.js +205 -0
  430. package/lib/components/AccordionGroup/AccordionGroup.test.js +229 -0
  431. package/lib/components/AccordionGroup/index.js +1 -0
  432. package/lib/components/AccordionItem/AccordionItem.js +118 -0
  433. package/lib/components/AccordionItem/index.js +1 -0
  434. package/lib/components/AstroWrapper/AstroWrapper.js +63 -0
  435. package/lib/components/AstroWrapper/AstroWrapper.test.js +26 -0
  436. package/lib/components/AstroWrapper/PageWrapper.test.js +28 -0
  437. package/lib/components/AstroWrapper/index.js +2 -0
  438. package/lib/components/Avatar/Avatar.js +22 -0
  439. package/lib/components/Avatar/Avatar.stories.js +22 -0
  440. package/lib/components/Avatar/Avatar.test.js +24 -0
  441. package/lib/components/Avatar/index.js +1 -0
  442. package/lib/components/Box/Box.js +110 -0
  443. package/lib/components/Box/Box.stories.js +249 -0
  444. package/lib/components/Box/Box.test.js +61 -0
  445. package/lib/components/Box/index.js +1 -0
  446. package/lib/components/Breadcrumbs/BreadcrumbItem.js +105 -0
  447. package/lib/components/Breadcrumbs/Breadcrumbs.js +76 -0
  448. package/lib/components/Breadcrumbs/Breadcrumbs.stories.js +127 -0
  449. package/lib/components/Breadcrumbs/Breadcrumbs.test.js +92 -0
  450. package/lib/components/Breadcrumbs/index.js +2 -0
  451. package/lib/components/Button/Button.js +163 -0
  452. package/lib/components/Button/Button.stories.js +77 -0
  453. package/lib/components/Button/Button.test.js +92 -0
  454. package/lib/components/Button/constants.js +4 -0
  455. package/lib/components/Button/index.js +1 -0
  456. package/lib/components/Card/Card.js +17 -0
  457. package/lib/components/Card/Card.stories.js +29 -0
  458. package/lib/components/Card/Card.test.js +34 -0
  459. package/lib/components/Card/index.js +1 -0
  460. package/lib/components/Checkbox/Checkbox.js +22 -0
  461. package/lib/components/Checkbox/Checkbox.test.js +26 -0
  462. package/lib/components/Checkbox/index.js +1 -0
  463. package/lib/components/CheckboxField/CheckboxField.js +175 -0
  464. package/lib/components/CheckboxField/CheckboxField.stories.js +132 -0
  465. package/lib/components/CheckboxField/CheckboxField.test.js +84 -0
  466. package/lib/components/CheckboxField/index.js +1 -0
  467. package/lib/components/Chip/Chip.js +63 -0
  468. package/lib/components/Chip/Chip.stories.js +107 -0
  469. package/lib/components/Chip/Chip.test.js +43 -0
  470. package/lib/components/Chip/ChipContext.js +3 -0
  471. package/lib/components/Chip/index.js +1 -0
  472. package/lib/components/CodeView/CodeView.js +139 -0
  473. package/lib/components/CodeView/CodeView.stories.js +67 -0
  474. package/lib/components/CodeView/CodeView.test.js +171 -0
  475. package/lib/components/CodeView/index.js +1 -0
  476. package/lib/components/ColorField/ColorField.js +177 -0
  477. package/lib/components/ColorField/ColorField.stories.js +99 -0
  478. package/lib/components/ColorField/ColorField.test.js +50 -0
  479. package/lib/components/ColorField/index.js +1 -0
  480. package/lib/components/ComboBox/ComboBoxInput.js +177 -0
  481. package/lib/components/ComboBox/index.js +1 -0
  482. package/lib/components/ComboBoxField/ComboBoxField.js +372 -0
  483. package/lib/components/ComboBoxField/ComboBoxField.stories.js +444 -0
  484. package/lib/components/ComboBoxField/ComboBoxField.test.js +699 -0
  485. package/lib/components/ComboBoxField/index.js +1 -0
  486. package/lib/components/CopyText/CopyButton.js +17 -0
  487. package/lib/components/CopyText/CopyText.js +149 -0
  488. package/lib/components/CopyText/CopyText.stories.js +30 -0
  489. package/lib/components/CopyText/CopyText.test.js +436 -0
  490. package/lib/components/CopyText/index.js +1 -0
  491. package/lib/components/FieldHelperText/FieldHelperText.js +43 -0
  492. package/lib/components/FieldHelperText/FieldHelperText.stories.js +35 -0
  493. package/lib/components/FieldHelperText/FieldHelperText.test.js +52 -0
  494. package/lib/components/FieldHelperText/index.js +1 -0
  495. package/lib/components/FileInputField/FileInputField.js +280 -0
  496. package/lib/components/FileInputField/FileInputField.stories.js +206 -0
  497. package/lib/components/FileInputField/FileInputField.test.js +187 -0
  498. package/lib/components/FileInputField/FileItem.js +101 -0
  499. package/lib/components/FileInputField/FileSelect.js +31 -0
  500. package/lib/components/FileInputField/index.js +1 -0
  501. package/lib/components/HelpHint/HelpHint.js +34 -0
  502. package/lib/components/HelpHint/index.js +1 -0
  503. package/lib/components/Icon/Icon.js +66 -0
  504. package/lib/components/Icon/Icon.stories.js +66 -0
  505. package/lib/components/Icon/Icon.test.js +26 -0
  506. package/lib/components/Icon/index.js +1 -0
  507. package/lib/components/IconButton/IconButton.js +152 -0
  508. package/lib/components/IconButton/IconButton.stories.js +67 -0
  509. package/lib/components/IconButton/IconButton.test.js +132 -0
  510. package/lib/components/IconButton/index.js +1 -0
  511. package/lib/components/Image/Image.js +63 -0
  512. package/lib/components/Image/Image.stories.js +58 -0
  513. package/lib/components/Image/Image.test.js +26 -0
  514. package/lib/components/Image/index.js +1 -0
  515. package/lib/components/ImageUploadField/ImagePreviewButton.js +114 -0
  516. package/lib/components/ImageUploadField/ImageUploadField.js +136 -0
  517. package/lib/components/ImageUploadField/ImageUploadField.stories.js +306 -0
  518. package/lib/components/ImageUploadField/ImageUploadField.test.js +380 -0
  519. package/lib/components/ImageUploadField/ImageUploadFieldBase.js +87 -0
  520. package/lib/components/ImageUploadField/index.js +1 -0
  521. package/lib/components/Input/Input.js +59 -0
  522. package/lib/components/Input/Input.stories.js +31 -0
  523. package/lib/components/Input/Input.test.js +48 -0
  524. package/lib/components/Input/index.js +1 -0
  525. package/lib/components/Label/Label.js +86 -0
  526. package/lib/components/Label/Label.stories.js +36 -0
  527. package/lib/components/Label/Label.test.js +68 -0
  528. package/lib/components/Label/constants.js +5 -0
  529. package/lib/components/Label/index.js +1 -0
  530. package/lib/components/Link/Link.js +81 -0
  531. package/lib/components/Link/Link.stories.js +44 -0
  532. package/lib/components/Link/Link.test.js +55 -0
  533. package/lib/components/Link/index.js +1 -0
  534. package/lib/components/LinkSelectField/LinkSelectField.js +191 -0
  535. package/lib/components/LinkSelectField/LinkSelectField.stories.js +293 -0
  536. package/lib/components/LinkSelectField/LinkSelectField.test.js +192 -0
  537. package/lib/components/LinkSelectField/index.js +1 -0
  538. package/lib/components/List/List.js +25 -0
  539. package/lib/components/List/List.stories.js +43 -0
  540. package/lib/components/List/List.test.js +24 -0
  541. package/lib/components/List/index.js +1 -0
  542. package/lib/components/ListBox/ListBox.js +222 -0
  543. package/lib/components/ListBox/ListBox.test.js +148 -0
  544. package/lib/components/ListBox/ListBoxContext.js +2 -0
  545. package/lib/components/ListBox/ListBoxSection.js +60 -0
  546. package/lib/components/ListBox/Option.js +103 -0
  547. package/lib/components/ListBox/index.js +2 -0
  548. package/lib/components/ListItem/ListItem.js +54 -0
  549. package/lib/components/ListItem/ListItem.stories.js +74 -0
  550. package/lib/components/ListItem/ListItem.test.js +37 -0
  551. package/lib/components/ListItem/index.js +1 -0
  552. package/lib/components/ListView/ListView.js +238 -0
  553. package/lib/components/ListView/ListView.stories.js +753 -0
  554. package/lib/components/ListView/ListView.test.js +285 -0
  555. package/lib/components/ListView/ListViewContext.js +2 -0
  556. package/lib/components/ListView/index.js +1 -0
  557. package/lib/components/ListViewItem/ListViewItem.js +105 -0
  558. package/lib/components/ListViewItem/index.js +1 -0
  559. package/lib/components/Loader/Loader.js +64 -0
  560. package/lib/components/Loader/Loader.stories.js +38 -0
  561. package/lib/components/Loader/Loader.test.js +24 -0
  562. package/lib/components/Loader/index.js +1 -0
  563. package/lib/components/Menu/Menu.js +155 -0
  564. package/lib/components/Menu/Menu.stories.js +86 -0
  565. package/lib/components/Menu/Menu.test.js +168 -0
  566. package/lib/components/Menu/index.js +1 -0
  567. package/lib/components/MenuItem/MenuItem.js +159 -0
  568. package/lib/components/MenuItem/MenuItem.test.js +165 -0
  569. package/lib/components/MenuItem/index.js +1 -0
  570. package/lib/components/Messages/Message.js +149 -0
  571. package/lib/components/Messages/Messages.js +47 -0
  572. package/lib/components/Messages/Messages.reducer.js +47 -0
  573. package/lib/components/Messages/Messages.stories.js +297 -0
  574. package/lib/components/Messages/Messages.test.js +176 -0
  575. package/lib/components/Messages/index.js +2 -0
  576. package/lib/components/Messages/utils/index.js +2 -0
  577. package/lib/components/Messages/utils/messagesReducer.js +140 -0
  578. package/lib/components/Messages/utils/multiMessagesReducer.js +97 -0
  579. package/lib/components/Messages/utils/tests/messagesReducer.test.js +81 -0
  580. package/lib/components/Messages/utils/tests/multiMessagesReducer.test.js +89 -0
  581. package/lib/components/Modal/Modal.js +181 -0
  582. package/lib/components/Modal/Modal.stories.js +146 -0
  583. package/lib/components/Modal/index.js +1 -0
  584. package/lib/components/Modal/tests/Modal.integration.test.js +77 -0
  585. package/lib/components/Modal/tests/Modal.unit.test.js +172 -0
  586. package/lib/components/MultivaluesField/MultivaluesField.js +478 -0
  587. package/lib/components/MultivaluesField/MultivaluesField.stories.js +174 -0
  588. package/lib/components/MultivaluesField/MultivaluesField.test.js +293 -0
  589. package/lib/components/MultivaluesField/index.js +1 -0
  590. package/lib/components/NavBar/NavBar.js +24 -0
  591. package/lib/components/NavBar/NavBar.stories.js +650 -0
  592. package/lib/components/NavBar/NavBar.test.js +92 -0
  593. package/lib/components/NavBar/index.js +1 -0
  594. package/lib/components/NavBarSection/NavBarItemBody.js +37 -0
  595. package/lib/components/NavBarSection/NavBarItemHeader.js +31 -0
  596. package/lib/components/NavBarSection/NavBarSection.js +65 -0
  597. package/lib/components/NavBarSection/index.js +1 -0
  598. package/lib/components/NumberField/NumberField.js +187 -0
  599. package/lib/components/NumberField/NumberField.stories.js +195 -0
  600. package/lib/components/NumberField/NumberField.test.js +131 -0
  601. package/lib/components/NumberField/index.js +1 -0
  602. package/lib/components/OverlayPanel/OverlayPanel.js +100 -0
  603. package/lib/components/OverlayPanel/OverlayPanel.stories.js +192 -0
  604. package/lib/components/OverlayPanel/OverlayPanel.test.js +113 -0
  605. package/lib/components/OverlayPanel/index.js +1 -0
  606. package/lib/components/PageHeader/PageHeader.js +29 -0
  607. package/lib/components/PageHeader/PageHeader.stories.js +22 -0
  608. package/lib/components/PageHeader/PageHeader.test.js +23 -0
  609. package/lib/components/PageHeader/index.js +1 -0
  610. package/lib/components/PasswordField/PasswordField.js +291 -0
  611. package/lib/components/PasswordField/PasswordField.stories.js +373 -0
  612. package/lib/components/PasswordField/PasswordField.test.js +198 -0
  613. package/lib/components/PasswordField/index.js +1 -0
  614. package/lib/components/PopoverContainer/PopoverContainer.js +128 -0
  615. package/lib/components/PopoverContainer/PopoverContainer.test.js +44 -0
  616. package/lib/components/PopoverContainer/index.js +2 -0
  617. package/lib/components/PopoverMenu/PopoverMenu.js +154 -0
  618. package/lib/components/PopoverMenu/PopoverMenu.stories.js +187 -0
  619. package/lib/components/PopoverMenu/PopoverMenu.test.js +157 -0
  620. package/lib/components/PopoverMenu/index.js +1 -0
  621. package/lib/components/Radio/Radio.js +20 -0
  622. package/lib/components/Radio/index.js +1 -0
  623. package/lib/components/RadioField/RadioField.js +165 -0
  624. package/lib/components/RadioField/RadioField.test.js +74 -0
  625. package/lib/components/RadioField/index.js +2 -0
  626. package/lib/components/RadioGroupField/RadioGroupField.js +141 -0
  627. package/lib/components/RadioGroupField/RadioGroupField.stories.js +171 -0
  628. package/lib/components/RadioGroupField/RadioGroupField.test.js +159 -0
  629. package/lib/components/RadioGroupField/index.js +1 -0
  630. package/lib/components/RequirementsList/RequirementsList.js +89 -0
  631. package/lib/components/RequirementsList/RequirementsList.stories.js +57 -0
  632. package/lib/components/RequirementsList/RequirementsList.test.js +100 -0
  633. package/lib/components/RequirementsList/index.js +1 -0
  634. package/lib/components/RockerButton/RockerButton.js +109 -0
  635. package/lib/components/RockerButton/index.js +2 -0
  636. package/lib/components/RockerButtonGroup/RockerButtonGroup.js +92 -0
  637. package/lib/components/RockerButtonGroup/RockerButtonGroup.stories.js +126 -0
  638. package/lib/components/RockerButtonGroup/RockerButtonGroup.test.js +105 -0
  639. package/lib/components/RockerButtonGroup/index.js +2 -0
  640. package/lib/components/ScrollBox/ScrollBox.js +114 -0
  641. package/lib/components/ScrollBox/ScrollBox.stories.js +26 -0
  642. package/lib/components/ScrollBox/ScrollBox.test.js +63 -0
  643. package/lib/components/ScrollBox/index.js +1 -0
  644. package/lib/components/SearchField/SearchField.js +324 -0
  645. package/lib/components/SearchField/SearchField.stories.js +137 -0
  646. package/lib/components/SearchField/SearchField.test.js +188 -0
  647. package/lib/components/SearchField/index.js +1 -0
  648. package/lib/components/SelectField/SelectField.js +149 -0
  649. package/lib/components/SelectField/SelectField.stories.js +421 -0
  650. package/lib/components/SelectField/SelectField.test.js +70 -0
  651. package/lib/components/SelectField/index.js +1 -0
  652. package/lib/components/SelectFieldBase/SelectFieldBase.js +161 -0
  653. package/lib/components/SelectFieldBase/SelectFieldBase.test.js +383 -0
  654. package/lib/components/SelectFieldBase/index.js +1 -0
  655. package/lib/components/Separator/Separator.js +46 -0
  656. package/lib/components/Separator/Separator.stories.js +26 -0
  657. package/lib/components/Separator/Separator.test.js +25 -0
  658. package/lib/components/Separator/index.js +1 -0
  659. package/lib/components/Stepper/Line.js +31 -0
  660. package/lib/components/Stepper/Step.js +38 -0
  661. package/lib/components/Stepper/Stepper.constants.js +5 -0
  662. package/lib/components/Stepper/Stepper.js +141 -0
  663. package/lib/components/Stepper/Stepper.stories.js +111 -0
  664. package/lib/components/Stepper/Stepper.test.js +202 -0
  665. package/lib/components/Stepper/index.js +2 -0
  666. package/lib/components/Switch/Switch.js +33 -0
  667. package/lib/components/Switch/index.js +1 -0
  668. package/lib/components/SwitchField/SwitchField.js +195 -0
  669. package/lib/components/SwitchField/SwitchField.stories.js +127 -0
  670. package/lib/components/SwitchField/SwitchField.test.js +101 -0
  671. package/lib/components/SwitchField/index.js +1 -0
  672. package/lib/components/Tab/Tab.js +123 -0
  673. package/lib/components/Tab/index.js +2 -0
  674. package/lib/components/Table/Table.js +26 -0
  675. package/lib/components/Table/Table.stories.js +77 -0
  676. package/lib/components/Table/Table.test.js +63 -0
  677. package/lib/components/Table/index.js +1 -0
  678. package/lib/components/TableBody/TableBody.js +26 -0
  679. package/lib/components/TableBody/index.js +1 -0
  680. package/lib/components/TableCell/TableCell.js +32 -0
  681. package/lib/components/TableCell/TableCell.test.js +37 -0
  682. package/lib/components/TableCell/index.js +1 -0
  683. package/lib/components/TableHead/TableHead.js +25 -0
  684. package/lib/components/TableHead/index.js +1 -0
  685. package/lib/components/TableRow/TableRow.js +26 -0
  686. package/lib/components/TableRow/index.js +1 -0
  687. package/lib/components/Tabs/Tabs.js +129 -0
  688. package/lib/components/Tabs/Tabs.stories.js +239 -0
  689. package/lib/components/Tabs/Tabs.test.js +417 -0
  690. package/lib/components/Tabs/index.js +2 -0
  691. package/lib/components/Text/Text.js +31 -0
  692. package/lib/components/Text/Text.stories.js +95 -0
  693. package/lib/components/Text/Text.test.js +29 -0
  694. package/lib/components/Text/index.js +1 -0
  695. package/lib/components/TextArea/TextArea.js +23 -0
  696. package/lib/components/TextArea/TextArea.test.js +31 -0
  697. package/lib/components/TextArea/index.js +1 -0
  698. package/lib/components/TextAreaField/TextAreaField.js +202 -0
  699. package/lib/components/TextAreaField/TextAreaField.stories.js +180 -0
  700. package/lib/components/TextAreaField/TextAreaField.test.js +123 -0
  701. package/lib/components/TextAreaField/index.js +1 -0
  702. package/lib/components/TextField/TextField.js +183 -0
  703. package/lib/components/TextField/TextField.stories.js +189 -0
  704. package/lib/components/TextField/TextField.test.js +137 -0
  705. package/lib/components/TextField/index.js +1 -0
  706. package/lib/components/TooltipTrigger/Tooltip.js +32 -0
  707. package/lib/components/TooltipTrigger/TooltipTrigger.js +154 -0
  708. package/lib/components/TooltipTrigger/TooltipTrigger.stories.js +79 -0
  709. package/lib/components/TooltipTrigger/TooltipTrigger.test.js +74 -0
  710. package/lib/components/TooltipTrigger/index.js +2 -0
  711. package/lib/context/AccordionContext/index.js +7 -0
  712. package/lib/context/MenuContext/index.js +5 -0
  713. package/lib/context/TooltipContext/index.js +7 -0
  714. package/lib/hooks/index.js +12 -0
  715. package/lib/hooks/useAriaLabelWarning/index.js +1 -0
  716. package/lib/hooks/useAriaLabelWarning/useAriaLabelWarning.js +18 -0
  717. package/lib/hooks/useAriaLabelWarning/useAriaLabelWarning.test.js +32 -0
  718. package/lib/hooks/useColumnStyles/index.js +1 -0
  719. package/lib/hooks/useColumnStyles/useColumnStyles.js +24 -0
  720. package/lib/hooks/useCopyToClipboard/index.js +1 -0
  721. package/lib/hooks/useCopyToClipboard/useCopyToClipboard.js +69 -0
  722. package/lib/hooks/useCopyToClipboard/useCopyToClipboard.test.js +64 -0
  723. package/lib/hooks/useDebounce/index.js +1 -0
  724. package/lib/hooks/useDebounce/useDebounce.js +26 -0
  725. package/lib/hooks/useDebounce/useDebounce.test.js +41 -0
  726. package/lib/hooks/useDeprecationWarning/index.js +1 -0
  727. package/lib/hooks/useDeprecationWarning/useDeprecationWarning.js +40 -0
  728. package/lib/hooks/useDeprecationWarning/useDeprecationWarning.test.js +89 -0
  729. package/lib/hooks/useField/index.js +1 -0
  730. package/lib/hooks/useField/useField.js +218 -0
  731. package/lib/hooks/useField/useField.test.js +219 -0
  732. package/lib/hooks/useImageUploadState/index.js +1 -0
  733. package/lib/hooks/useImageUploadState/useImageUploadState.js +128 -0
  734. package/lib/hooks/useLabelHeight/index.js +1 -0
  735. package/lib/hooks/useLabelHeight/useLabelHeight.js +29 -0
  736. package/lib/hooks/useModalState/index.js +1 -0
  737. package/lib/hooks/useModalState/useModalState.js +24 -0
  738. package/lib/hooks/useModalState/useModalState.test.js +118 -0
  739. package/lib/hooks/useOverlayPanelState/index.js +1 -0
  740. package/lib/hooks/useOverlayPanelState/useOverlayPanelState.js +43 -0
  741. package/lib/hooks/useOverlayPanelState/useOverlayPanelState.test.js +18 -0
  742. package/lib/hooks/useProgressiveState/index.js +1 -0
  743. package/lib/hooks/useProgressiveState/useProgressiveState.js +18 -0
  744. package/lib/hooks/useProgressiveState/useProgressiveState.test.js +80 -0
  745. package/lib/hooks/usePropWarning/index.js +1 -0
  746. package/lib/hooks/usePropWarning/usePropWarning.js +29 -0
  747. package/lib/hooks/usePropWarning/usePropWarning.test.js +59 -0
  748. package/lib/hooks/useRockerButton/index.js +1 -0
  749. package/lib/hooks/useRockerButton/useRockerButton.js +45 -0
  750. package/lib/hooks/useSelectField/index.js +1 -0
  751. package/lib/hooks/useSelectField/useSelectField.js +220 -0
  752. package/lib/hooks/useStatusClasses/index.js +1 -0
  753. package/lib/hooks/useStatusClasses/useStatusClasses.js +25 -0
  754. package/lib/hooks/useStatusClasses/useStatusClasses.test.js +50 -0
  755. package/lib/index.js +140 -0
  756. package/lib/layouts/ListLayout.stories.js +866 -0
  757. package/lib/layouts/SchemaFormLayout.stories.js +107 -0
  758. package/lib/recipes/ApplicationSearchDropdown.stories.js +272 -0
  759. package/lib/recipes/ArrayField.stories.js +134 -0
  760. package/lib/recipes/Arrow.stories.js +29 -0
  761. package/lib/recipes/ConditionalFilter.stories.js +441 -0
  762. package/lib/recipes/CopyToClipboard.stories.js +25 -0
  763. package/lib/recipes/CountryPicker.stories.js +128 -0
  764. package/lib/recipes/DatePicker.stories.js +118 -0
  765. package/lib/recipes/DraggableBox.stories.js +35 -0
  766. package/lib/recipes/FlippableCaretMenuButton.stories.js +158 -0
  767. package/lib/recipes/LogoTabs.stories.js +201 -0
  768. package/lib/recipes/MaskedValue.stories.js +74 -0
  769. package/lib/recipes/NeutralInput.stories.js +13 -0
  770. package/lib/recipes/PanelHeader.stories.js +70 -0
  771. package/lib/recipes/RadioButtonsWithLinks.stories.js +120 -0
  772. package/lib/recipes/RowLineChart.stories.js +507 -0
  773. package/lib/recipes/ScrollableListView.stories.js +113 -0
  774. package/lib/recipes/SelectedFieldOverlay.story.js +44 -0
  775. package/lib/recipes/StatsCircle.stories.js +25 -0
  776. package/lib/styles/ColorDocumentation.js +276 -0
  777. package/lib/styles/ColorDocumentation.stories.js +13 -0
  778. package/lib/styles/ThemeDocumentation.js +7 -0
  779. package/lib/styles/breakpoints.js +1 -0
  780. package/lib/styles/colors.js +159 -0
  781. package/lib/styles/forms/checkbox.js +13 -0
  782. package/lib/styles/forms/comboBox.js +27 -0
  783. package/lib/styles/forms/index.js +32 -0
  784. package/lib/styles/forms/input.js +190 -0
  785. package/lib/styles/forms/label.js +72 -0
  786. package/lib/styles/forms/radio.js +21 -0
  787. package/lib/styles/forms/search.js +20 -0
  788. package/lib/styles/forms/select.js +83 -0
  789. package/lib/styles/forms/switch.js +46 -0
  790. package/lib/styles/forms/textarea.js +25 -0
  791. package/lib/styles/spacing.js +20 -0
  792. package/lib/styles/text.js +29 -0
  793. package/lib/styles/theme.js +52 -0
  794. package/lib/styles/themes/end-user/end-user.js +259 -0
  795. package/lib/styles/themes/end-user/index.js +1 -0
  796. package/lib/styles/useAstroTheme.js +15 -0
  797. package/lib/styles/variants/accordion.js +104 -0
  798. package/lib/styles/variants/boxes.js +297 -0
  799. package/lib/styles/variants/buttons.js +554 -0
  800. package/lib/styles/variants/codeView.js +67 -0
  801. package/lib/styles/variants/imageUpload.js +19 -0
  802. package/lib/styles/variants/images.js +9 -0
  803. package/lib/styles/variants/index.js +5 -0
  804. package/lib/styles/variants/links.js +46 -0
  805. package/lib/styles/variants/listBox.js +40 -0
  806. package/lib/styles/variants/loader.js +95 -0
  807. package/lib/styles/variants/menu.js +10 -0
  808. package/lib/styles/variants/menuItem.js +26 -0
  809. package/lib/styles/variants/messages.js +43 -0
  810. package/lib/styles/variants/modal.js +65 -0
  811. package/lib/styles/variants/numberField.js +42 -0
  812. package/lib/styles/variants/overlayPanel.js +63 -0
  813. package/lib/styles/variants/popoverMenu.js +89 -0
  814. package/lib/styles/variants/rockerbutton.js +15 -0
  815. package/lib/styles/variants/separator.js +43 -0
  816. package/lib/styles/variants/stepper.js +105 -0
  817. package/lib/styles/variants/table.js +51 -0
  818. package/lib/styles/variants/tabs.js +32 -0
  819. package/lib/styles/variants/text.js +230 -0
  820. package/lib/styles/variants/tooltip.js +6 -0
  821. package/lib/styles/variants/variants.js +58 -0
  822. package/lib/utils/devUtils/constants/htmlElements.js +4 -0
  823. package/lib/utils/devUtils/constants/loadingStates.js +8 -0
  824. package/lib/utils/devUtils/constants/orientation.js +4 -0
  825. package/lib/utils/devUtils/constants/panelSizes.js +1 -0
  826. package/lib/utils/devUtils/constants/statuses.js +6 -0
  827. package/lib/utils/devUtils/constants/variants.js +22 -0
  828. package/lib/utils/devUtils/decorators/withDeprecationWarning.js +18 -0
  829. package/lib/utils/devUtils/props/isIterable.js +59 -0
  830. package/lib/utils/devUtils/props/isValidPositiveInt.js +28 -0
  831. package/lib/utils/devUtils/styledSystemUtils.js +48 -0
  832. package/lib/utils/styleUtils/index.js +7 -0
  833. package/lib/utils/testUtils/setupTests.js +18 -0
  834. package/lib/utils/testUtils/testAxe.js +50 -0
  835. package/lib/utils/testUtils/testTheme.js +20 -0
  836. package/lib/utils/testUtils/testWrapper.js +67 -0
  837. package/package.json +1 -1
@@ -0,0 +1,92 @@
1
+ import React from 'react';
2
+ import GlobeIcon from 'mdi-react/GlobeIcon';
3
+ import ViewDashboard from 'mdi-react/ViewDashboardIcon';
4
+ import AccountMultiple from 'mdi-react/AccountMultipleIcon';
5
+ import TransitConnection from 'mdi-react/TransitConnectionVariantIcon';
6
+ import EmoticonHappy from 'mdi-react/EmoticonHappyOutlineIcon';
7
+ import Fingerprint from 'mdi-react/FingerprintIcon';
8
+ import ScaleBalance from 'mdi-react/ScaleBalanceIcon';
9
+ import Verify from 'mdi-react/VerifiedIcon';
10
+ import NavBar from './NavBar';
11
+ import axeTest from '../../utils/testUtils/testAxe';
12
+ import { render, screen } from '../../utils/testUtils/testWrapper';
13
+ import { Box, NavBarSection } from '../../index';
14
+ import { jsx as ___EmotionJSX } from "@emotion/react";
15
+ var data = [{
16
+ icon: GlobeIcon,
17
+ key: 'Overview',
18
+ heading: 'Overview',
19
+ children: ['Users', 'Group', 'Populations', 'Attributes', 'A roles title that is really really really really long']
20
+ }, {
21
+ icon: ViewDashboard,
22
+ key: 'Dashboard',
23
+ heading: 'Dashboard',
24
+ children: ['Users', 'Group', 'Populations', 'Attributes', 'Roles']
25
+ }, {
26
+ icon: AccountMultiple,
27
+ key: 'Identities',
28
+ heading: 'Identities',
29
+ children: ['Users', 'Group', 'Populations', 'Attributes', 'Roles']
30
+ }, {
31
+ icon: TransitConnection,
32
+ key: 'Connections',
33
+ heading: 'Connections',
34
+ children: ['Users', 'Group', 'Populations', 'Attributes', 'Roles']
35
+ }, {
36
+ icon: EmoticonHappy,
37
+ key: 'Experiences',
38
+ heading: 'Experiences',
39
+ children: ['Users', 'Group', 'Populations', 'Attributes', 'Roles']
40
+ }];
41
+ var secondData = [{
42
+ icon: Fingerprint,
43
+ key: 'MFA',
44
+ heading: 'MFA',
45
+ children: ['Users', {
46
+ subTitle: 'PingOne Services'
47
+ }, 'Group', 'Populations', 'Attributes', 'Roles']
48
+ }, {
49
+ icon: ScaleBalance,
50
+ key: 'Risk',
51
+ heading: 'Risk',
52
+ children: ['Users', 'Group', 'Populations', 'Attributes', 'Roles']
53
+ }, {
54
+ icon: Verify,
55
+ key: 'Verify',
56
+ heading: 'Verify',
57
+ children: ['Users', 'Group', 'Populations', 'Attributes', 'Roles']
58
+ }];
59
+
60
+ var getComponent = function getComponent() {
61
+ var props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
62
+ return render(___EmotionJSX(NavBar, props, ___EmotionJSX(Box, {
63
+ sx: {
64
+ height: '100%',
65
+ maxHeight: '100%',
66
+ overflowY: 'overlay !important'
67
+ }
68
+ }, ___EmotionJSX(NavBarSection, {
69
+ items: data,
70
+ hasSeparator: true
71
+ }), ___EmotionJSX(NavBarSection, {
72
+ items: secondData,
73
+ title: "test_title"
74
+ }))));
75
+ };
76
+
77
+ axeTest(getComponent);
78
+ test('should render basic nav with children', function () {
79
+ getComponent();
80
+ var nav = screen.queryByRole('navigation');
81
+ expect(nav).toBeInTheDocument();
82
+ });
83
+ test('should render title for sections that have titles', function () {
84
+ getComponent();
85
+ var title = screen.getByText('test_title');
86
+ expect(title).toBeInTheDocument();
87
+ });
88
+ test('should render title for itemBodies that have subTitles', function () {
89
+ getComponent();
90
+ var subTitle = screen.getByText('PingOne Services');
91
+ expect(subTitle).toBeInTheDocument();
92
+ });
@@ -0,0 +1 @@
1
+ export { default } from './NavBar';
@@ -0,0 +1,37 @@
1
+ import _mapInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/map";
2
+ import React, { Fragment } from 'react';
3
+ import PropTypes from 'prop-types';
4
+ import { Separator, Box, Text } from '../../index';
5
+ import { jsx as ___EmotionJSX } from "@emotion/react";
6
+
7
+ var NavBarItemBody = function NavBarItemBody(props) {
8
+ var _context;
9
+
10
+ return ___EmotionJSX(Box, {
11
+ sx: {
12
+ alignItems: 'flex-start',
13
+ mb: '15px'
14
+ }
15
+ }, _mapInstanceProperty(_context = props.item.children).call(_context, function (child) {
16
+ return child.subTitle ? ___EmotionJSX(Fragment, {
17
+ key: "fragment".concat(child.subTitle)
18
+ }, ___EmotionJSX(Separator, {
19
+ variant: "separator.navBarSubtitleSeparator",
20
+ key: "separator".concat(child.subTitle)
21
+ }), ___EmotionJSX(Text, {
22
+ key: "text".concat(child.subTitle),
23
+ variant: "text.navBarSubtitle",
24
+ sx: {
25
+ mb: '10px',
26
+ ml: '45px'
27
+ }
28
+ }, child.subTitle)) : child;
29
+ }));
30
+ };
31
+
32
+ NavBarItemBody.propTypes = {
33
+ item: PropTypes.shape({
34
+ children: PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.string, PropTypes.object]))
35
+ })
36
+ };
37
+ export default NavBarItemBody;
@@ -0,0 +1,31 @@
1
+ import React from 'react';
2
+ import PropTypes from 'prop-types';
3
+ import { Box, Icon, Text } from '../../index';
4
+ import { jsx as ___EmotionJSX } from "@emotion/react";
5
+
6
+ var NavBarItemHeader = function NavBarItemHeader(props) {
7
+ var item = props.item;
8
+ var icon = item.icon;
9
+ return ___EmotionJSX(Box, {
10
+ variant: "boxes.navBarItemHeaderContainer",
11
+ isRow: true
12
+ }, icon && ___EmotionJSX(Icon, {
13
+ icon: icon,
14
+ size: 20,
15
+ sx: {
16
+ mr: '10px',
17
+ color: 'white',
18
+ fill: 'white'
19
+ }
20
+ }), ___EmotionJSX(Text, {
21
+ variant: "navBarHeaderText"
22
+ }, props.item.heading));
23
+ };
24
+
25
+ NavBarItemHeader.propTypes = {
26
+ item: PropTypes.shape({
27
+ heading: PropTypes.string,
28
+ icon: PropTypes.elementType
29
+ })
30
+ };
31
+ export default NavBarItemHeader;
@@ -0,0 +1,65 @@
1
+ import React from 'react';
2
+ import PropTypes from 'prop-types';
3
+ import { Separator, AccordionGridGroup, Text, Item, Box } from '../../index';
4
+ import NavBarItemBody from './NavBarItemBody';
5
+ import NavBarItemHeader from './NavBarItemHeader';
6
+ /**
7
+ * Composed component that creates an AccordionGrid group
8
+ * with title, and separator options.
9
+ *
10
+ */
11
+
12
+ import { jsx as ___EmotionJSX } from "@emotion/react";
13
+
14
+ var NavBarSection = function NavBarSection(props) {
15
+ var hasSeparator = props.hasSeparator,
16
+ title = props.title,
17
+ items = props.items;
18
+ return ___EmotionJSX(React.Fragment, null, title && ___EmotionJSX(Text, {
19
+ variant: "text.navBarSubtitle",
20
+ sx: {
21
+ mt: '25px',
22
+ mb: '15px',
23
+ ml: '15px'
24
+ }
25
+ }, title), ___EmotionJSX(AccordionGridGroup, {
26
+ items: items
27
+ }, function (item) {
28
+ return ___EmotionJSX(Item, {
29
+ headerProps: {
30
+ variant: 'accordion.accordionGridHeaderNav'
31
+ },
32
+ textValue: item
33
+ }, ___EmotionJSX(NavBarItemHeader, {
34
+ item: item
35
+ }), ___EmotionJSX(NavBarItemBody, {
36
+ item: item
37
+ }));
38
+ }), hasSeparator && ___EmotionJSX(Box, {
39
+ sx: {
40
+ pl: '15px',
41
+ pr: '15px',
42
+ mt: '25px'
43
+ }
44
+ }, ___EmotionJSX(Separator, {
45
+ variant: "separator.navBarSeparator"
46
+ })));
47
+ };
48
+
49
+ NavBarSection.defaultProps = {
50
+ hasSeparator: false
51
+ };
52
+ NavBarSection.propTypes = {
53
+ /** If true, a separator will render at the end of the section */
54
+ hasSeparator: PropTypes.bool,
55
+
56
+ /** If present, this string will render at the top of the section */
57
+ title: PropTypes.string,
58
+
59
+ /**
60
+ * *For performance reasons, use this prop instead of Array.map when iteratively rendering Items*.
61
+ * For use with [dynamic collections](https://react-spectrum.adobe.com/react-stately/collections.html#dynamic-collections).
62
+ */
63
+ items: PropTypes.arrayOf(PropTypes.shape({}))
64
+ };
65
+ export default NavBarSection;
@@ -0,0 +1 @@
1
+ export { default } from './NavBarSection';
@@ -0,0 +1,187 @@
1
+ import _Object$defineProperty from "@babel/runtime-corejs3/core-js-stable/object/define-property";
2
+ import _Object$defineProperties from "@babel/runtime-corejs3/core-js-stable/object/define-properties";
3
+ import _Object$getOwnPropertyDescriptors from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors";
4
+ import _forEachInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/for-each";
5
+ import _Object$getOwnPropertyDescriptor from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor";
6
+ import _filterInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/filter";
7
+ import _Object$getOwnPropertySymbols from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols";
8
+ import _Object$keys from "@babel/runtime-corejs3/core-js-stable/object/keys";
9
+ import _Object$values from "@babel/runtime-corejs3/core-js-stable/object/values";
10
+ import _extends from "@babel/runtime-corejs3/helpers/esm/extends";
11
+ import _defineProperty from "@babel/runtime-corejs3/helpers/esm/defineProperty";
12
+
13
+ function ownKeys(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object); if (enumerableOnly) symbols = _filterInstanceProperty(symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
14
+
15
+ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { var _context; _forEachInstanceProperty(_context = ownKeys(Object(source), true)).call(_context, function (key) { _defineProperty(target, key, source[key]); }); } else if (_Object$getOwnPropertyDescriptors) { _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)); } else { var _context2; _forEachInstanceProperty(_context2 = ownKeys(Object(source))).call(_context2, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } } return target; }
16
+
17
+ import React, { forwardRef, useImperativeHandle } from 'react';
18
+ import PropTypes from 'prop-types';
19
+ import ArrowDropUpIcon from 'mdi-react/ArrowDropUpIcon';
20
+ import ArrowDropDownIcon from 'mdi-react/ArrowDropDownIcon';
21
+ import { useNumberField } from '@react-aria/numberfield';
22
+ import { useNumberFieldState } from '@react-stately/numberfield';
23
+ import { useLocale } from '@react-aria/i18n';
24
+ import { mergeProps } from '@react-aria/utils';
25
+ import statuses from '../../utils/devUtils/constants/statuses';
26
+ import { Box, FieldHelperText, Icon, IconButton, Input, Label } from '../../index';
27
+ import { useField, usePropWarning } from '../../hooks';
28
+ /**
29
+ * Number fields allow users to enter a number, and increment or
30
+ * decrement the value using stepper buttons.
31
+ *
32
+ * Utilizes [useNumberField](https://react-spectrum.adobe.com/react-aria/useNumberField.html) from React Aria
33
+ * and [useNumberFieldState](https://react-spectrum.adobe.com/react-stately/useNumberFieldState.html) from
34
+ * React Stately.
35
+ */
36
+
37
+ import { jsx as ___EmotionJSX } from "@emotion/react";
38
+ var NumberField = /*#__PURE__*/forwardRef(function (props, ref) {
39
+ var helperText = props.helperText,
40
+ status = props.status;
41
+
42
+ var _useLocale = useLocale(),
43
+ locale = _useLocale.locale;
44
+
45
+ var state = useNumberFieldState(_objectSpread(_objectSpread({}, props), {}, {
46
+ locale: locale
47
+ }));
48
+ var inputRef = React.useRef();
49
+ var incrRef = React.useRef();
50
+ var decRef = React.useRef();
51
+
52
+ var _useNumberField = useNumberField(props, state, inputRef),
53
+ labelProps = _useNumberField.labelProps,
54
+ groupProps = _useNumberField.groupProps,
55
+ inputProps = _useNumberField.inputProps,
56
+ incrementButtonProps = _useNumberField.incrementButtonProps,
57
+ decrementButtonProps = _useNumberField.decrementButtonProps;
58
+
59
+ var _useField = useField(props),
60
+ fieldContainerProps = _useField.fieldContainerProps,
61
+ fieldControlProps = _useField.fieldControlProps,
62
+ fieldLabelProps = _useField.fieldLabelProps;
63
+
64
+ usePropWarning(props, 'disabled', 'isDisabled');
65
+ /* istanbul ignore next */
66
+
67
+ useImperativeHandle(ref, function () {
68
+ return inputRef.current;
69
+ });
70
+
71
+ var ControlArrows = ___EmotionJSX(Box, {
72
+ variant: "numberField.arrows"
73
+ }, ___EmotionJSX(IconButton, _extends({}, incrementButtonProps, {
74
+ ref: decRef,
75
+ tabIndex: "-1"
76
+ }), ___EmotionJSX(Icon, {
77
+ icon: ArrowDropUpIcon,
78
+ size: 12
79
+ })), ___EmotionJSX(IconButton, _extends({}, decrementButtonProps, {
80
+ ref: incrRef,
81
+ tabIndex: "-1"
82
+ }), ___EmotionJSX(Icon, {
83
+ icon: ArrowDropDownIcon,
84
+ size: 12
85
+ })));
86
+
87
+ return ___EmotionJSX(Box, fieldContainerProps, ___EmotionJSX(Label, mergeProps(fieldLabelProps, labelProps)), ___EmotionJSX(Box, _extends({
88
+ variant: "numberField.noDefaultArrows"
89
+ }, groupProps), ___EmotionJSX(Box, {
90
+ variant: "numberField.arrowsWrapper",
91
+ className: fieldControlProps.className
92
+ }, ___EmotionJSX(Input, _extends({
93
+ variant: "forms.input.numberField",
94
+ ref: inputRef // we don't want to merge this props, we want to
95
+ // overwrite them like defaultValue, value, ect.
96
+
97
+ }, fieldControlProps, inputProps)), ControlArrows), helperText && ___EmotionJSX(FieldHelperText, {
98
+ status: status
99
+ }, helperText)));
100
+ });
101
+ export default NumberField;
102
+ NumberField.propTypes = {
103
+ /** A custom aria-label for the decrement button.
104
+ * If not provided, the localized string "Decrement" is used. */
105
+ decrementAriaLabel: PropTypes.string,
106
+
107
+ /** A custom aria-label for the increment button.
108
+ * If not provided, the localized string "Increment" is used. */
109
+ incrementAriaLabel: PropTypes.string,
110
+
111
+ /** Formatting options for the value displayed in the number field.
112
+ * This also affects what characters are allowed to be typed by the user.
113
+ * See [MDN](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Intl/NumberFormat/NumberFormat)
114
+ * */
115
+ formatOptions: PropTypes.shape({}),
116
+
117
+ /** Whether the input is disabled. */
118
+ isDisabled: PropTypes.bool,
119
+
120
+ /** Whether the input can be selected but not changed by the user. */
121
+ isReadOnly: PropTypes.bool,
122
+
123
+ /** Whether user input is required on the input before form submission. */
124
+ isRequired: PropTypes.bool,
125
+
126
+ /** Whether the element should receive focus on render. */
127
+ hasAutoFocus: PropTypes.bool,
128
+
129
+ /**
130
+ * Callback fired when focus is lost on the input element.
131
+ */
132
+ onBlur: PropTypes.func,
133
+
134
+ /**
135
+ * Callback fired when focus is lost on the input element.
136
+ */
137
+ onFocus: PropTypes.func,
138
+
139
+ /** Handler that is called when the element's focus status changes. */
140
+ onFocusChange: PropTypes.func,
141
+
142
+ /** Handler that is called when a key is pressed. */
143
+ onKeyDown: PropTypes.func,
144
+
145
+ /** Handler that is called when a key is released. */
146
+ onKeyUp: PropTypes.func,
147
+
148
+ /** Temporary text that occupies the text input when it is empty. */
149
+ placeholder: PropTypes.string,
150
+
151
+ /** The amount that the input value changes with each increment or decrement "tick".
152
+ * The step prop can be used to snap the value to certain increments.
153
+ * You can read more about this prop here
154
+ * [Step values](https://react-spectrum.adobe.com/react-aria/useNumberField.html#step-values)
155
+ * */
156
+ step: PropTypes.number,
157
+
158
+ /** The smallest value allowed for the input. */
159
+ minValue: PropTypes.number,
160
+
161
+ /** The largest value allowed for the input. */
162
+ maxValue: PropTypes.number,
163
+
164
+ /** The rendered label for the field. */
165
+ label: PropTypes.node,
166
+
167
+ /** Text rendered below the input. */
168
+ helperText: PropTypes.node,
169
+
170
+ /** If present this prop will cause a help hint to render in the label of the field. */
171
+ hintText: PropTypes.string,
172
+
173
+ /**
174
+ * Handler that is called when the value changes.
175
+ * (value: number) => void
176
+ */
177
+ onChange: PropTypes.func,
178
+
179
+ /** Determines the input status indicator and helper text styling. */
180
+ status: PropTypes.oneOf(_Object$values(statuses)),
181
+
182
+ /** The default value (uncontrolled). */
183
+ defaultValue: PropTypes.number,
184
+
185
+ /** The current value (controlled). */
186
+ value: PropTypes.number
187
+ };
@@ -0,0 +1,195 @@
1
+ import _slicedToArray from "@babel/runtime-corejs3/helpers/esm/slicedToArray";
2
+ import React, { useState } from 'react';
3
+ import NumberField from './NumberField';
4
+ import statuses from '../../utils/devUtils/constants/statuses';
5
+ import { jsx as ___EmotionJSX } from "@emotion/react";
6
+ export default {
7
+ title: 'Form/NumberField',
8
+ component: NumberField,
9
+ parameters: {
10
+ docs: {
11
+ source: {
12
+ type: 'code'
13
+ }
14
+ }
15
+ },
16
+ argTypes: {
17
+ label: {
18
+ control: {
19
+ type: 'text'
20
+ },
21
+ defaultValue: 'Example Label'
22
+ },
23
+ hintText: {
24
+ control: {
25
+ type: 'text'
26
+ }
27
+ },
28
+ helperText: {
29
+ control: {
30
+ type: 'text'
31
+ }
32
+ },
33
+ status: {
34
+ control: {
35
+ type: 'select',
36
+ options: statuses
37
+ },
38
+ defaultValue: statuses.DEFAULT
39
+ },
40
+ value: {
41
+ control: {
42
+ type: 'none'
43
+ }
44
+ },
45
+ step: {
46
+ control: {
47
+ type: 'number'
48
+ },
49
+ defaultValue: 1
50
+ },
51
+ defaultValue: {
52
+ control: {
53
+ type: 'none'
54
+ },
55
+ defaultValue: 17
56
+ },
57
+ formatOptions: {
58
+ control: {
59
+ type: 'none'
60
+ }
61
+ },
62
+ placeholder: {
63
+ control: {
64
+ type: 'string'
65
+ }
66
+ },
67
+ decrementAriaLabel: {
68
+ control: {
69
+ type: 'none'
70
+ },
71
+ defaultValue: 'decrement-button'
72
+ },
73
+ incrementAriaLabel: {
74
+ control: {
75
+ type: 'none'
76
+ },
77
+ defaultValue: 'increment-button'
78
+ },
79
+ minValue: {
80
+ control: {
81
+ type: 'none'
82
+ }
83
+ },
84
+ maxValue: {
85
+ control: {
86
+ type: 'none'
87
+ }
88
+ }
89
+ }
90
+ };
91
+ export var Default = function Default(args) {
92
+ return ___EmotionJSX(NumberField, args);
93
+ };
94
+ export var Decimals = function Decimals() {
95
+ return ___EmotionJSX(NumberField, {
96
+ label: "Adjust exposure",
97
+ defaultValue: 0,
98
+ formatOptions: {
99
+ signDisplay: 'exceptZero',
100
+ minimumFractionDigits: 1,
101
+ maximumFractionDigits: 2
102
+ }
103
+ });
104
+ };
105
+ export var ControlledState = function ControlledState() {
106
+ var _useState = useState(12),
107
+ _useState2 = _slicedToArray(_useState, 2),
108
+ value = _useState2[0],
109
+ setValue = _useState2[1];
110
+
111
+ return ___EmotionJSX(NumberField, {
112
+ value: value,
113
+ onChange: setValue
114
+ });
115
+ };
116
+ export var CurrencyValues = function CurrencyValues() {
117
+ return ___EmotionJSX(NumberField, {
118
+ label: "Transaction amount",
119
+ defaultValue: 45,
120
+ formatOptions: {
121
+ style: 'currency',
122
+ currency: 'EUR',
123
+ currencyDisplay: 'code',
124
+ currencySign: 'accounting'
125
+ }
126
+ });
127
+ };
128
+ export var DisabledAndReadOnly = function DisabledAndReadOnly() {
129
+ return ___EmotionJSX(React.Fragment, null, ___EmotionJSX(NumberField, {
130
+ label: "Disabled",
131
+ isDisabled: true,
132
+ value: 25
133
+ }), ___EmotionJSX(NumberField, {
134
+ label: "Read only",
135
+ isReadOnly: true,
136
+ value: 32,
137
+ containerProps: {
138
+ sx: {
139
+ marginTop: '15px'
140
+ }
141
+ }
142
+ }));
143
+ };
144
+ export var MinimumAndMaximumValues = function MinimumAndMaximumValues() {
145
+ return ___EmotionJSX(NumberField, {
146
+ label: "Enter your age",
147
+ minValue: 0
148
+ });
149
+ };
150
+ export var StepValues = function StepValues() {
151
+ return ___EmotionJSX(React.Fragment, null, ___EmotionJSX(NumberField, {
152
+ label: "Step",
153
+ step: 10
154
+ }), ___EmotionJSX(NumberField, {
155
+ label: "Step + minValue",
156
+ minValue: 2,
157
+ step: 3,
158
+ containerProps: {
159
+ sx: {
160
+ marginTop: '15px'
161
+ }
162
+ }
163
+ }), ___EmotionJSX(NumberField, {
164
+ label: "Step + minValue + maxValue",
165
+ minValue: 2,
166
+ maxValue: 21,
167
+ step: 3,
168
+ sx: {
169
+ marginTop: '5px'
170
+ },
171
+ containerProps: {
172
+ sx: {
173
+ marginTop: '15px'
174
+ }
175
+ }
176
+ }));
177
+ };
178
+ export var WithHelperText = function WithHelperText() {
179
+ return ___EmotionJSX(NumberField, {
180
+ label: "Helper Text",
181
+ defaultValue: 88,
182
+ helperText: "Useful Text"
183
+ });
184
+ };
185
+ export var Units = function Units() {
186
+ return ___EmotionJSX(NumberField, {
187
+ label: "Package width",
188
+ defaultValue: 4,
189
+ formatOptions: {
190
+ style: 'unit',
191
+ unit: 'inch',
192
+ unitDisplay: 'long'
193
+ }
194
+ });
195
+ };