@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,26 @@
1
+ import _extends from "@babel/runtime-corejs3/helpers/esm/extends";
2
+ import React from 'react';
3
+ import ScrollBox from './ScrollBox';
4
+ import Box from '../Box';
5
+ import { jsx as ___EmotionJSX } from "@emotion/react";
6
+ export default {
7
+ title: 'ScrollBox',
8
+ component: ScrollBox,
9
+ argTypes: {
10
+ maxHeight: {
11
+ control: {
12
+ type: 'text'
13
+ },
14
+ defaultValue: '100px'
15
+ }
16
+ }
17
+ };
18
+ export var Default = function Default(args) {
19
+ return ___EmotionJSX(ScrollBox, _extends({
20
+ maxHeight: "100px"
21
+ }, args), ___EmotionJSX(Box, {
22
+ sx: {
23
+ height: '150px'
24
+ }
25
+ }, ___EmotionJSX("p", null, "Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil molestiae consequatur, vel illum qui dolorem eum fugiat quo voluptas nulla pariatur?")));
26
+ };
@@ -0,0 +1,63 @@
1
+ import _setTimeout from "@babel/runtime-corejs3/core-js-stable/set-timeout";
2
+ import _extends from "@babel/runtime-corejs3/helpers/esm/extends";
3
+ import React from 'react';
4
+ import { fireEvent, render, screen } from '../../utils/testUtils/testWrapper';
5
+ import ScrollBox from './ScrollBox';
6
+ import { jsx as ___EmotionJSX } from "@emotion/react";
7
+ var testId = 'scrollBoxTestId';
8
+ var defaultProps = {
9
+ 'data-testid': testId,
10
+ 'maxHeight': '100px'
11
+ };
12
+
13
+ var getComponent = function getComponent() {
14
+ var props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
15
+ return render(___EmotionJSX(ScrollBox, _extends({}, defaultProps, props)));
16
+ };
17
+
18
+ test('maxHeight passes into the component', function () {
19
+ getComponent();
20
+ var scrollBoxComponent = screen.getByTestId(testId);
21
+ expect(scrollBoxComponent).toBeInTheDocument();
22
+ expect(scrollBoxComponent).toHaveStyle({
23
+ maxHeight: '100px'
24
+ });
25
+ });
26
+ test('passing hasShadows renders the shadow css', function () {
27
+ getComponent({
28
+ hasShadows: true
29
+ });
30
+ var scrollBoxComponent = screen.getByTestId(testId);
31
+ expect(scrollBoxComponent).toBeInTheDocument();
32
+ var shadows = screen.getAllByRole('separator');
33
+ expect(shadows[0]).toHaveClass('has-shadows');
34
+ expect(shadows[1]).toHaveClass('has-shadows');
35
+ });
36
+ test('with hasShadows prop only the bottom shadow is rendered first', function () {
37
+ getComponent({
38
+ hasShadows: true
39
+ });
40
+ var scrollBoxComponent = screen.getByTestId(testId);
41
+ expect(scrollBoxComponent).toBeInTheDocument();
42
+ var shadows = screen.getAllByRole('separator');
43
+ expect(shadows[0]).not.toHaveClass('is-top-shadow-showing');
44
+ expect(shadows[1]).toHaveClass('is-bottom-shadow-showing');
45
+ });
46
+ test('with hasShadows prop only the top shadow is rendered after scroll to down', function () {
47
+ getComponent({
48
+ hasShadows: true
49
+ });
50
+ var scrollBoxComponent = screen.getByTestId(testId);
51
+ expect(scrollBoxComponent).toBeInTheDocument();
52
+ fireEvent.scroll(scrollBoxComponent, {
53
+ target: {
54
+ scrollY: 100
55
+ }
56
+ });
57
+ var shadows = screen.getAllByRole('separator');
58
+
59
+ _setTimeout(function () {
60
+ expect(shadows[0]).toHaveClass('is-top-shadow-showing');
61
+ expect(shadows[1]).not.toHaveClass('is-bottom-shadow-showing');
62
+ }, 200);
63
+ });
@@ -0,0 +1 @@
1
+ export { default } from './ScrollBox';
@@ -0,0 +1,324 @@
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 _extends from "@babel/runtime-corejs3/helpers/esm/extends";
10
+ import _defineProperty from "@babel/runtime-corejs3/helpers/esm/defineProperty";
11
+
12
+ 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; }
13
+
14
+ 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; }
15
+
16
+ import React, { forwardRef, useImperativeHandle, useRef } from 'react';
17
+ import PropTypes from 'prop-types';
18
+ import { useSearchField } from '@react-aria/searchfield';
19
+ import { useSearchFieldState } from '@react-stately/searchfield';
20
+ import SearchIcon from 'mdi-react/SearchIcon';
21
+ import CloseIcon from 'mdi-react/CloseIcon';
22
+ import { useField, usePropWarning } from '../../hooks';
23
+ import { Box, Icon, IconButton, Input, Label } from '../../index';
24
+ /**
25
+ * Renders a search field with associated controls including visual elements and keyboard
26
+ * interaction handlers.
27
+ *
28
+ * Built with [useSearchField](https://react-spectrum.adobe.com/react-aria/useSearchField.html)
29
+ * from React Aria and
30
+ * [useSearchFieldState](https://react-spectrum.adobe.com/react-stately/useSearchFieldState.html)
31
+ * from React Stately.
32
+ */
33
+
34
+ import { jsx as ___EmotionJSX } from "@emotion/react";
35
+ var SearchField = /*#__PURE__*/forwardRef(function (props, ref) {
36
+ var autocomplete = props.autocomplete,
37
+ hasAutoFocus = props.hasAutoFocus,
38
+ hasNoClearButton = props.hasNoClearButton,
39
+ icon = props.icon,
40
+ isExcludedFromTabOrder = props.isExcludedFromTabOrder,
41
+ label = props.label,
42
+ controlProps = props.controlProps,
43
+ iconProps = props.iconProps,
44
+ labelProps = props.labelProps;
45
+ var searchRef = useRef();
46
+ usePropWarning(props, 'disabled', 'isDisabled');
47
+ /* istanbul ignore next */
48
+
49
+ useImperativeHandle(ref, function () {
50
+ return searchRef.current;
51
+ });
52
+ var state = useSearchFieldState(props);
53
+
54
+ var _useSearchField = useSearchField(_objectSpread({
55
+ autoComplete: autocomplete,
56
+ autoFocus: hasAutoFocus,
57
+ excludeFromTabOrder: isExcludedFromTabOrder
58
+ }, props), state, searchRef),
59
+ raLabelProps = _useSearchField.labelProps,
60
+ raInputProps = _useSearchField.inputProps,
61
+ clearButtonProps = _useSearchField.clearButtonProps;
62
+
63
+ var _useField = useField(_objectSpread(_objectSpread({}, props), {}, {
64
+ labelProps: _objectSpread(_objectSpread({}, labelProps), raLabelProps),
65
+ controlProps: _objectSpread(_objectSpread({}, controlProps), raInputProps)
66
+ })),
67
+ fieldContainerProps = _useField.fieldContainerProps,
68
+ fieldControlProps = _useField.fieldControlProps,
69
+ fieldLabelProps = _useField.fieldLabelProps;
70
+
71
+ return ___EmotionJSX(Box, fieldContainerProps, label && ___EmotionJSX(Label, fieldLabelProps), ___EmotionJSX(Box, {
72
+ variant: "forms.search.container"
73
+ }, ___EmotionJSX(Input, _extends({
74
+ ref: searchRef,
75
+ pl: 40,
76
+ pr: 40
77
+ }, fieldControlProps)), icon && ___EmotionJSX(Icon, _extends({
78
+ icon: icon,
79
+ variant: "forms.search.icon",
80
+ size: 22
81
+ }, iconProps)), !hasNoClearButton && state.value !== '' && ___EmotionJSX(IconButton, _extends({
82
+ sx: {
83
+ position: 'absolute',
84
+ top: 8,
85
+ right: 10,
86
+ path: {
87
+ fill: 'text.secondary'
88
+ }
89
+ }
90
+ }, clearButtonProps), ___EmotionJSX(Icon, {
91
+ icon: CloseIcon
92
+ }))));
93
+ });
94
+ SearchField.propTypes = {
95
+ /** Describes the type of autocomplete functionality the input should provide if any. See [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#htmlattrdefautocomplete). */
96
+ autocomplete: PropTypes.string,
97
+
98
+ /** The default value (uncontrolled). */
99
+ defaultValue: PropTypes.string,
100
+
101
+ /** Whether the element should receive focus on render. */
102
+ hasAutoFocus: PropTypes.bool,
103
+
104
+ /** Whether to display the clear button or not. */
105
+ hasNoClearButton: PropTypes.bool,
106
+
107
+ /** The icon to display alongside the placeholder text. */
108
+ icon: PropTypes.elementType,
109
+
110
+ /** The element's unique identifier. See [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/id). */
111
+ id: PropTypes.string,
112
+
113
+ /** Whether the input is disabled. */
114
+ isDisabled: PropTypes.bool,
115
+
116
+ /** The content to display as the label. */
117
+ label: PropTypes.node,
118
+
119
+ /** The name of the input element, used when submitting an HTML form. See [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#htmlattrdefname). */
120
+ name: PropTypes.string,
121
+
122
+ /** Temporary text that occupies the text input when it is empty. */
123
+ placeholder: PropTypes.string,
124
+
125
+ /** The current value (controlled). */
126
+ value: PropTypes.string,
127
+
128
+ /**
129
+ * Handler that is called when the SearchField is submitted.
130
+ * (value: string) => void
131
+ */
132
+ onSubmit: PropTypes.func,
133
+
134
+ /**
135
+ * Handler that is called when the clear button is pressed.
136
+ * () => void
137
+ */
138
+ onClear: PropTypes.func,
139
+
140
+ /**
141
+ * Handler that is called when the element receives focus.
142
+ * (e: FocusEvent) => void
143
+ */
144
+ onFocus: PropTypes.func,
145
+
146
+ /**
147
+ * Handler that is called when the element loses focus.
148
+ * (e: FocusEvent) => void
149
+ */
150
+ onBlur: PropTypes.func,
151
+
152
+ /**
153
+ * Handler that is called when a key is pressed.
154
+ * (e: KeyboardEvent) => void
155
+ */
156
+ onKeyDown: PropTypes.func,
157
+
158
+ /**
159
+ * Handler that is called when a key is released.
160
+ * (e: KeyboardEvent) => void
161
+ */
162
+ onKeyUp: PropTypes.func,
163
+
164
+ /**
165
+ * Handler that is called when the value changes.
166
+ * (value: string) => void
167
+ */
168
+ onChange: PropTypes.func,
169
+
170
+ /**
171
+ * Indicates whether inputting text could trigger display of one or more predictions of the
172
+ * user's intended value for an input and specifies how predictions would be presented if they
173
+ * are made.
174
+ */
175
+ 'aria-autocomplete': PropTypes.oneOf(['none', 'inline', 'list', 'both']),
176
+
177
+ /** Defines a string value that labels the current element. */
178
+ 'aria-label': PropTypes.string,
179
+
180
+ /** Identifies the element (or elements) that labels the current element. */
181
+ 'aria-labelledby': PropTypes.string,
182
+
183
+ /** Props object that is spread directly into the root (top-level) element. */
184
+ containerProps: PropTypes.shape({}),
185
+
186
+ /** Props object that is spread into the input element. */
187
+ controlProps: PropTypes.shape({}),
188
+
189
+ /** Props object that is spread into the icon element. */
190
+ iconProps: PropTypes.shape({}),
191
+
192
+ /** Props object that is spread into the label element. */
193
+ labelProps: PropTypes.shape({}),
194
+ // NOTE: unsurfaced useSearchField / useSearchFieldState props listed below
195
+
196
+ /** @ignore Whether the input can be selected but not changed by the user. */
197
+ isReadOnly: PropTypes.bool,
198
+
199
+ /**
200
+ * @ignore
201
+ * Whether user input is required on the input before form submission.
202
+ * Often paired with the necessityIndicator prop to add a visual indicator to the input.
203
+ */
204
+ isRequired: PropTypes.bool,
205
+
206
+ /**
207
+ * @ignore
208
+ * Handler that is called when the element's focus status changes.
209
+ * (isFocused: boolean) => void
210
+ */
211
+ onFocusChange: PropTypes.func,
212
+
213
+ /**
214
+ * @ignore
215
+ * Identifies the currently active element when DOM focus is on a composite widget, textbox,
216
+ * group, or application.
217
+ */
218
+ 'aria-activedescendant': PropTypes.string,
219
+
220
+ /**
221
+ * @ignore
222
+ * Indicates the availability and type of interactive popup element, such as menu or dialog, that
223
+ * can be triggered by an element.
224
+ */
225
+ 'aria-haspopup': PropTypes.oneOf([true, false, 'menu', 'listbox', 'tree', 'grid', 'dialog']),
226
+
227
+ /** @ignore Identifies the element (or elements) that describes the object. */
228
+ 'aria-describedby': PropTypes.string,
229
+
230
+ /**
231
+ * @ignore
232
+ * Identifies the element (or elements) that provide a detailed, extended description for the
233
+ * object.
234
+ */
235
+ 'aria-details': PropTypes.string,
236
+
237
+ /**
238
+ * @ignore
239
+ * Whether to exclude the element from the sequential tab order. If true, the element will not be
240
+ * focusable via the keyboard by tabbing. This should be avoided except in rare scenarios where
241
+ * an alternative means of accessing the element or its functionality via the keyboard is
242
+ * available.
243
+ */
244
+ isExcludedFromTabOrder: PropTypes.bool,
245
+
246
+ /** The maximum number of characters supported by the input set by the user. See [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#htmlattrdefmaxlength). */
247
+ maxLength: PropTypes.number,
248
+
249
+ /** @ignore The minimum number of characters required by the input. See [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#htmlattrdefminlength). */
250
+ minLength: PropTypes.number,
251
+
252
+ /** @ignore Regex pattern that the value of the input must match to be valid. See [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#htmlattrdefpattern). */
253
+ pattern: PropTypes.string,
254
+
255
+ /** @ignore The type of input to render. See [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#htmlattrdeftype). */
256
+ type: PropTypes.string,
257
+
258
+ /**
259
+ * @ignore
260
+ * Hints at the type of data that might be entered by the user while editing the element or its
261
+ * contents. See [MDN](https://html.spec.whatwg.org/multipage/interaction.html#input-modalities:-the-inputmode-attribute).
262
+ */
263
+ inputMode: PropTypes.oneOf(['none', 'text', 'tel', 'url', 'email', 'numeric', 'decimal', 'search']),
264
+
265
+ /**
266
+ * @ignore
267
+ * Handler that is called when the user copies text. See [MDN](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/oncopy).
268
+ */
269
+ onCopy: PropTypes.func,
270
+
271
+ /** @ignore Handler that is called when the user cuts text. See [MDN](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/oncut). */
272
+ onCut: PropTypes.func,
273
+
274
+ /** @ignore Handler that is called when the user pastes text. See [MDN](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/onpaste). */
275
+ onPaste: PropTypes.func,
276
+
277
+ /**
278
+ * @ignore
279
+ * Handler that is called when a text composition system starts a new text composition session.
280
+ * See [MDN](https://developer.mozilla.org/en-US/docs/Web/API/Element/compositionstart_event).
281
+ */
282
+ onCompositionStart: PropTypes.func,
283
+
284
+ /**
285
+ * @ignore
286
+ * Handler that is called when a text composition system completes or cancels the current text
287
+ * composition session. See [MDN](https://developer.mozilla.org/en-US/docs/Web/API/Element/compositionend_event).
288
+ */
289
+ onCompositionEnd: PropTypes.func,
290
+
291
+ /**
292
+ * @ignore
293
+ * Handler that is called when a new character is received in the current text composition
294
+ * session. See [MDN](https://developer.mozilla.org/en-US/docs/Web/API/Element/compositionupdate_event).
295
+ */
296
+ onCompositionUpdate: PropTypes.func,
297
+
298
+ /**
299
+ * @ignore
300
+ * Handler that is called when text in the input is selected. See [MDN](https://developer.mozilla.org/en-US/docs/Web/API/Element/select_event).
301
+ */
302
+ onSelect: PropTypes.func,
303
+
304
+ /**
305
+ * @ignore
306
+ * Handler that is called when the input value is about to be modified. See [MDN](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/beforeinput_event).
307
+ */
308
+ onBeforeInput: PropTypes.func,
309
+
310
+ /**
311
+ * @ignore
312
+ * Handler that is called when the input value is modified. See [MDN](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/input_event).
313
+ */
314
+ onInput: PropTypes.func,
315
+
316
+ /** @ignore Identifies the element that provides an error message for the object. */
317
+ 'aria-errormessage': PropTypes.string
318
+ };
319
+ SearchField.defaultProps = {
320
+ hasNoClearButton: false,
321
+ icon: SearchIcon
322
+ };
323
+ SearchField.displayName = 'SearchField';
324
+ export default SearchField;
@@ -0,0 +1,137 @@
1
+ import _slicedToArray from "@babel/runtime-corejs3/helpers/esm/slicedToArray";
2
+ import _extends from "@babel/runtime-corejs3/helpers/esm/extends";
3
+ import React, { useState } from 'react';
4
+ import Users from 'mdi-react/AccountGroupIcon';
5
+ import SearchIcon from 'mdi-react/SearchIcon';
6
+ import { SearchField, Box, Text } from '../../index';
7
+ import { useDebounce } from '../../hooks';
8
+ import { jsx as ___EmotionJSX } from "@emotion/react";
9
+ export default {
10
+ title: 'Form/SearchField',
11
+ component: SearchField,
12
+ argTypes: {
13
+ label: {
14
+ control: {
15
+ type: 'text'
16
+ }
17
+ },
18
+ placeholder: {
19
+ defaultValue: 'Search Groups'
20
+ },
21
+ defaultValue: {},
22
+ icon: {
23
+ control: {
24
+ type: 'none'
25
+ }
26
+ },
27
+ isDisabled: {},
28
+ hasAutoFocus: {},
29
+ hasNoClearButton: {},
30
+ autocomplete: {},
31
+ containerProps: {},
32
+ iconProps: {},
33
+ controlProps: {},
34
+ labelProps: {},
35
+ name: {},
36
+ id: {},
37
+ 'aria-label': {
38
+ control: {
39
+ type: 'text'
40
+ }
41
+ },
42
+ 'aria-labelledby': {
43
+ control: {
44
+ type: 'text'
45
+ }
46
+ },
47
+ 'aria-autocomplete': {},
48
+ value: {
49
+ control: {
50
+ type: 'none'
51
+ }
52
+ }
53
+ }
54
+ };
55
+ export var Default = function Default(args) {
56
+ return ___EmotionJSX(SearchField, _extends({}, args, {
57
+ icon: SearchIcon,
58
+ "aria-label": "Search Groups",
59
+ onSubmit: function onSubmit(text) {
60
+ return alert(text);
61
+ } // eslint-disable-line no-alert
62
+
63
+ }));
64
+ };
65
+ export var Controlled = function Controlled() {
66
+ var _useState = useState(''),
67
+ _useState2 = _slicedToArray(_useState, 2),
68
+ value = _useState2[0],
69
+ setValue = _useState2[1];
70
+
71
+ return ___EmotionJSX(SearchField, {
72
+ value: value,
73
+ onChange: setValue,
74
+ "aria-label": "Search Groups",
75
+ placeholder: "Search Groups",
76
+ onSubmit: function onSubmit(text) {
77
+ return alert(text);
78
+ } // eslint-disable-line no-alert
79
+
80
+ });
81
+ };
82
+ export var CustomIcon = function CustomIcon() {
83
+ return ___EmotionJSX(SearchField, {
84
+ icon: Users,
85
+ "aria-label": "Search Users",
86
+ placeholder: "Search Users",
87
+ onSubmit: function onSubmit(text) {
88
+ return alert(text);
89
+ } // eslint-disable-line no-alert
90
+
91
+ });
92
+ };
93
+ export var NoClearButton = function NoClearButton() {
94
+ return ___EmotionJSX(SearchField, {
95
+ hasNoClearButton: true,
96
+ "aria-label": "Search Users",
97
+ placeholder: "Search Users",
98
+ onSubmit: function onSubmit(text) {
99
+ return alert(text);
100
+ } // eslint-disable-line no-alert
101
+
102
+ });
103
+ };
104
+ export var MaxLength = function MaxLength(args) {
105
+ return ___EmotionJSX(SearchField, _extends({}, args, {
106
+ icon: SearchIcon,
107
+ "aria-label": "Search Groups",
108
+ onSubmit: function onSubmit(text) {
109
+ return alert(text);
110
+ } // eslint-disable-line no-alert
111
+ ,
112
+ maxLength: 9
113
+ }));
114
+ };
115
+ export var ControlledWithDebouncedInput = function ControlledWithDebouncedInput() {
116
+ var _useState3 = useState(''),
117
+ _useState4 = _slicedToArray(_useState3, 2),
118
+ value = _useState4[0],
119
+ setValue = _useState4[1];
120
+
121
+ var debouncedSearchText = useDebounce({
122
+ value: value,
123
+ delay: 500
124
+ });
125
+ return ___EmotionJSX(Box, null, ___EmotionJSX(SearchField, {
126
+ value: value,
127
+ onChange: setValue,
128
+ "aria-label": "Search Groups",
129
+ placeholder: "Search Groups",
130
+ onSubmit: function onSubmit(text) {
131
+ return alert(text);
132
+ } // eslint-disable-line no-alert
133
+
134
+ }), ___EmotionJSX(Text, {
135
+ mt: "xs"
136
+ }, "Debounced value: ".concat(debouncedSearchText)));
137
+ };