@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,43 @@
1
+ import _extends from "@babel/runtime-corejs3/helpers/esm/extends";
2
+ import React from 'react';
3
+ import { render, screen } from '@testing-library/react';
4
+ import Chip from '../Chip/Chip';
5
+ import Button from '../Button/Button';
6
+ import axeTest from '../../utils/testUtils/testAxe';
7
+ import { jsx as ___EmotionJSX } from "@emotion/react";
8
+ var testId = 'test-separator';
9
+ var defaultProps = {
10
+ 'data-testid': testId,
11
+ label: 'Test Label'
12
+ };
13
+
14
+ var getComponent = function getComponent() {
15
+ var props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
16
+ return render(___EmotionJSX(Chip, _extends({}, defaultProps, props)));
17
+ }; // Need to be added to each test file to test accessibility using axe.
18
+
19
+
20
+ axeTest(getComponent);
21
+ test('renders Chip component', function () {
22
+ getComponent();
23
+ var separator = screen.getByTestId(testId);
24
+ expect(separator).toBeInTheDocument();
25
+ });
26
+ test('renders children within Chip component', function () {
27
+ var children = ___EmotionJSX(Button, null);
28
+
29
+ getComponent({
30
+ children: children
31
+ });
32
+ var mockedChildren = screen.getByRole('button');
33
+ expect(mockedChildren).toBeInTheDocument();
34
+ });
35
+ test('renders Chip component with uppercase', function () {
36
+ var label = 'uppercase';
37
+ var isUppercase = true;
38
+ getComponent({
39
+ label: label,
40
+ isUppercase: isUppercase
41
+ });
42
+ expect(screen.queryByText('uppercase')).toHaveStyleRule('text-transform', 'uppercase');
43
+ });
@@ -0,0 +1,3 @@
1
+ import React from 'react';
2
+ var defaultValue = 'inherit';
3
+ export var ChipContext = /*#__PURE__*/React.createContext(defaultValue);
@@ -0,0 +1 @@
1
+ export { default } from './Chip';
@@ -0,0 +1,139 @@
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 _defineProperty from "@babel/runtime-corejs3/helpers/esm/defineProperty";
10
+ import _extends from "@babel/runtime-corejs3/helpers/esm/extends";
11
+ import _mapInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/map";
12
+ import _trimInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/trim";
13
+ import _objectWithoutProperties from "@babel/runtime-corejs3/helpers/esm/objectWithoutProperties";
14
+
15
+ 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; }
16
+
17
+ 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; }
18
+
19
+ import React, { forwardRef } from 'react';
20
+ import PropTypes from 'prop-types';
21
+ import { useFocusRing } from '@react-aria/focus';
22
+ import { useHover } from '@react-aria/interactions';
23
+ import { mergeProps } from '@react-aria/utils';
24
+ import Highlight, { defaultProps } from 'prism-react-renderer';
25
+ import github from 'prism-react-renderer/themes/github';
26
+ import { useStatusClasses } from '../../hooks';
27
+ import { Box, CopyText } from '../..';
28
+ /**
29
+ * Component for code syntax highlighting.
30
+ * Built on top of [prism-react-renderer](https://github.com/FormidableLabs/prism-react-renderer).
31
+ */
32
+
33
+ import { jsx as ___EmotionJSX } from "@emotion/react";
34
+ var CodeView = /*#__PURE__*/forwardRef(function (props, ref) {
35
+ var children = props.children,
36
+ outerClassName = props.className,
37
+ hasLineNumbers = props.hasLineNumbers,
38
+ hasNoCopyButton = props.hasNoCopyButton,
39
+ language = props.language,
40
+ others = _objectWithoutProperties(props, ["children", "className", "hasLineNumbers", "hasNoCopyButton", "language"]);
41
+
42
+ var _useFocusRing = useFocusRing(),
43
+ isFocusVisible = _useFocusRing.isFocusVisible,
44
+ focusProps = _useFocusRing.focusProps;
45
+
46
+ var _useHover = useHover(props),
47
+ hoverProps = _useHover.hoverProps,
48
+ isHovered = _useHover.isHovered;
49
+
50
+ var _useStatusClasses = useStatusClasses(outerClassName, {
51
+ isFocused: isFocusVisible,
52
+ isHovered: isHovered,
53
+ hasLineNumbers: hasLineNumbers,
54
+ hasNoCopyButton: hasNoCopyButton
55
+ }),
56
+ classNames = _useStatusClasses.classNames; // Get the width for the line number element depending on the total amount of lines
57
+
58
+
59
+ var getLineNoWidth = function getLineNoWidth(tokens) {
60
+ return tokens.length.toString().length * 12;
61
+ };
62
+
63
+ var content = ___EmotionJSX(Highlight, _extends({}, defaultProps, {
64
+ theme: github,
65
+ code: (children === null || children === void 0 ? void 0 : _trimInstanceProperty(children).call(children)) || '',
66
+ language: language
67
+ }), function (_ref) {
68
+ var className = _ref.className,
69
+ style = _ref.style,
70
+ tokens = _ref.tokens,
71
+ getLineProps = _ref.getLineProps,
72
+ getTokenProps = _ref.getTokenProps;
73
+ return ___EmotionJSX(Box, {
74
+ as: "pre",
75
+ className: className,
76
+ style: style
77
+ }, _mapInstanceProperty(tokens).call(tokens, function (line, i) {
78
+ return ___EmotionJSX(Box, _extends({
79
+ isRow: true
80
+ }, getLineProps({
81
+ line: line,
82
+ key: i
83
+ })), hasLineNumbers && ___EmotionJSX(Box, {
84
+ as: "span",
85
+ variant: "codeView.lineNo",
86
+ sx: {
87
+ minWidth: getLineNoWidth(tokens)
88
+ }
89
+ }, i + 1), _mapInstanceProperty(line).call(line, function (token, key) {
90
+ return ___EmotionJSX("span", getTokenProps({
91
+ token: token,
92
+ key: key
93
+ }));
94
+ }));
95
+ }));
96
+ });
97
+
98
+ if (hasNoCopyButton) {
99
+ return ___EmotionJSX(Box, _extends({
100
+ ref: ref,
101
+ variant: "codeView.wrapper",
102
+ tabIndex: 0,
103
+ className: classNames
104
+ }, mergeProps(focusProps, hoverProps, others)), content);
105
+ }
106
+
107
+ return ___EmotionJSX(CopyText, {
108
+ mode: "nonClickableContent",
109
+ textToCopy: children,
110
+ tooltipProps: {
111
+ offset: 15
112
+ },
113
+ wrapperProps: _objectSpread({
114
+ className: classNames,
115
+ variant: 'codeView.wrapper'
116
+ }, others)
117
+ }, content);
118
+ });
119
+ CodeView.propTypes = {
120
+ /** Whether the CodeView displays line numbers. */
121
+ hasLineNumbers: PropTypes.bool,
122
+
123
+ /** Whether the CodeView hides the copy button. */
124
+ hasNoCopyButton: PropTypes.bool,
125
+
126
+ /**
127
+ * Which programming language the CodeView should use for highlighting. A list of default languages is listed [here](https://github.com/FormidableLabs/prism-react-renderer/blob/master/src/vendor/prism/includeLangs.js).
128
+ *
129
+ *
130
+ * Additional languages may be added, see [this guidance](https://github.com/FormidableLabs/prism-react-renderer#faq) for more information.
131
+ */
132
+ language: PropTypes.string
133
+ };
134
+ CodeView.defaultProps = {
135
+ language: 'json',
136
+ hasLineNumbers: false,
137
+ hasNoCopyButton: false
138
+ };
139
+ export default CodeView;
@@ -0,0 +1,67 @@
1
+ import React from 'react';
2
+ import CodeView from './CodeView';
3
+ import { Text } from '../..';
4
+ import { jsx as ___EmotionJSX } from "@emotion/react";
5
+ var code = "{\n \"_links\": {\n \"self\": {\n \"href\": \"https://api.pingone.com/v1/environments/94e3268d-847d-47aa-a45e-1ef8dd8f4df0/users/5a5d4c0c-8383-4796-9cdc-16b5a22f45ad\"\n },\n \"password\": {\n \"href\": \"https://api.pingone.com/v1/environments/94e3268d-847d-47aa-a45e-1ef8dd8f4df0/users/5a5d4c0c-8383-4796-9cdc-16b5a22f45ad/password\"\n },\n \"password.set\": {\n \"href\": \"https://api.pingone.com/v1/environments/94e3268d-847d-47aa-a45e-1ef8dd8f4df0/users/5a5d4c0c-8383-4796-9cdc-16b5a22f45ad/password\"\n },\n \"password.reset\": {\n \"href\": \"https://api.pingone.com/v1/environments/94e3268d-847d-47aa-a45e-1ef8dd8f4df0/users/5a5d4c0c-8383-4796-9cdc-16b5a22f45ad/password\"\n },\n \"password.check\": {\n \"href\": \"https://api.pingone.com/v1/environments/94e3268d-847d-47aa-a45e-1ef8dd8f4df0/users/5a5d4c0c-8383-4796-9cdc-16b5a22f45ad/password\"\n },\n \"password.recover\": {\n \"href\": \"https://api.pingone.com/v1/environments/94e3268d-847d-47aa-a45e-1ef8dd8f4df0/users/5a5d4c0c-8383-4796-9cdc-16b5a22f45ad/password\"\n },\n \"account.sendVerificationCode\": {\n \"href\": \"https://api.pingone.com/v1/environments/94e3268d-847d-47aa-a45e-1ef8dd8f4df0/users/5a5d4c0c-8383-4796-9cdc-16b5a22f45ad\"\n },\n \"linkedAccounts\": {\n \"href\": \"https://api.pingone.com/v1/environments/94e3268d-847d-47aa-a45e-1ef8dd8f4df0/users/5a5d4c0c-8383-4796-9cdc-16b5a22f45ad/linkedAccounts\"\n }\n },\n \"id\": \"5a5d4c0c-8383-4796-9cdc-16b5a22f45ad\",\n \"environment\": {\n \"id\": \"94e3268d-847d-47aa-a45e-1ef8dd8f4df0\"\n },\n \"account\": {\n \"canAuthenticate\": true,\n \"status\": \"OK\"\n },\n \"createdAt\": \"2021-09-03T15:01:43.555Z\",\n \"email\": \"allegraweldon@pingidentity.com\",\n \"enabled\": true,\n \"identityProvider\": {\n \"type\": \"PING_ONE\"\n },\n \"lifecycle\": {\n \"status\": \"ACCOUNT_OK\"\n },\n \"mfaEnabled\": false,\n \"population\": {\n \"id\": \"c1adbc29-f188-4ea6-a015-49bddd74bc84\"\n },\n \"updatedAt\": \"2021-09-03T15:01:43.555Z\",\n \"username\": \"allegraweldon@pingidentity.com\",\n \"verifyStatus\": \"NOT_INITIATED\"\n}";
6
+ export default {
7
+ title: 'CodeView',
8
+ component: CodeView,
9
+ argTypes: {
10
+ children: {
11
+ defaultValue: code,
12
+ table: {
13
+ type: {}
14
+ },
15
+ control: {
16
+ type: 'text'
17
+ }
18
+ }
19
+ },
20
+ parameters: {
21
+ a11y: {
22
+ config: {
23
+ rules: [
24
+ /* Turned off since rule conflicts with the way how `prism-react-renderer` works
25
+ * and design specs */
26
+ {
27
+ id: 'scrollable-region-focusable',
28
+ enabled: false,
29
+ selector: '.prism-code'
30
+ }]
31
+ }
32
+ }
33
+ }
34
+ };
35
+ export var Default = function Default(args) {
36
+ return ___EmotionJSX(React.Fragment, null, ___EmotionJSX(Text, {
37
+ sx: {
38
+ fontWeight: 2
39
+ }
40
+ }, "JSON"), ___EmotionJSX(CodeView, args));
41
+ };
42
+ export var WithLineNumbers = function WithLineNumbers() {
43
+ return ___EmotionJSX(React.Fragment, null, ___EmotionJSX(Text, {
44
+ sx: {
45
+ fontWeight: 2
46
+ }
47
+ }, "JSON"), ___EmotionJSX(CodeView, {
48
+ hasLineNumbers: true
49
+ }, code));
50
+ };
51
+ WithLineNumbers.story = {
52
+ parameters: {
53
+ docs: {
54
+ storyDescription: 'Please note that with adding line numbers, line wrapping does not work.'
55
+ }
56
+ }
57
+ };
58
+ export var WithCustomSize = function WithCustomSize() {
59
+ return ___EmotionJSX(React.Fragment, null, ___EmotionJSX(CodeView, {
60
+ language: "jsx",
61
+ sx: {
62
+ width: '100%',
63
+ height: 300
64
+ },
65
+ hasNoCopyButton: true
66
+ }, "\nexport const ChipWithIcon = () => (\n <>\n <Chip label=\"Chip with Icon Button\" bg=\"navy\">\n <IconButton aria-label=\"Clear Chip with Icon Button\" variant=\"inverted\">\n <Icon icon={Clear} ml=\"xs\" size=\"14px\" />\n </IconButton>\n </Chip>\n\n <div style={{ padding: '5px' }} />\n\n <Chip label=\"Chip with Icon Button\">\n <IconButton aria-label=\"Clear Chip with Icon Button\" variant=\"inverted\">\n <Icon icon={Earth} ml=\"xs\" size=\"14px\" />\n </IconButton>\n </Chip>\n\n <div style={{ padding: '5px' }} />\n\n <Chip label=\"Chip with Icon\" bg=\"green\">\n <Icon icon={ContentCopy} ml=\"xs\" size=\"14px\" color=\"white\" />\n </Chip>\n </>\n);\n "));
67
+ };
@@ -0,0 +1,171 @@
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 _regeneratorRuntime from "@babel/runtime-corejs3/regenerator";
10
+ import _asyncToGenerator from "@babel/runtime-corejs3/helpers/esm/asyncToGenerator";
11
+ import _trimInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/trim";
12
+ import _extends from "@babel/runtime-corejs3/helpers/esm/extends";
13
+ import _defineProperty from "@babel/runtime-corejs3/helpers/esm/defineProperty";
14
+
15
+ 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; }
16
+
17
+ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { var _context5; _forEachInstanceProperty(_context5 = ownKeys(Object(source), true)).call(_context5, function (key) { _defineProperty(target, key, source[key]); }); } else if (_Object$getOwnPropertyDescriptors) { _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)); } else { var _context6; _forEachInstanceProperty(_context6 = ownKeys(Object(source))).call(_context6, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } } return target; }
18
+
19
+ import React from 'react';
20
+ import userEvent from '@testing-library/user-event';
21
+ import axeTest from '../../utils/testUtils/testAxe';
22
+ import { act, fireEvent, render, screen } from '../../utils/testUtils/testWrapper';
23
+ import { CodeView } from '../..';
24
+ import { jsx as ___EmotionJSX } from "@emotion/react";
25
+ var testId = 'test-code-sample';
26
+
27
+ var originalClipboard = _objectSpread({}, global.navigator.clipboard);
28
+
29
+ var originalExecCommand = global.document.execCommand;
30
+ var defaultProps = {
31
+ 'data-testid': testId
32
+ };
33
+ var textValue = "\nexport const Default = args => (\n <>\n <Text sx={{ fontWeight: 2 }}>JSON</Text>\n <CodeView {...args} />\n </>\n);\n";
34
+
35
+ var getComponent = function getComponent() {
36
+ var props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
37
+ return render(___EmotionJSX(CodeView, _extends({}, defaultProps, props), textValue));
38
+ }; // Need to be added to each test file to test accessibility using axe.
39
+
40
+
41
+ axeTest(getComponent);
42
+ test('renders component in the default state', function () {
43
+ getComponent();
44
+ var container = screen.getByTestId(testId);
45
+ expect(container).toBeInstanceOf(HTMLDivElement);
46
+ expect(container).toBeInTheDocument();
47
+ });
48
+ test('tooltip renders on hover', function () {
49
+ getComponent();
50
+ var container = screen.getByTestId(testId);
51
+ fireEvent.mouseMove(container);
52
+ fireEvent.mouseEnter(container);
53
+ expect(screen.queryByRole('tooltip')).toBeInTheDocument();
54
+ expect(screen.queryByRole('tooltip')).toHaveTextContent('Copy to clipboard');
55
+ });
56
+ test('content and copy button are focused via keyboard', function () {
57
+ getComponent();
58
+ var container = screen.getByTestId(testId);
59
+ expect(container).not.toHaveFocus();
60
+ userEvent.tab();
61
+ expect(container).toHaveFocus();
62
+ var copyBtn = screen.getByLabelText('copy');
63
+ expect(copyBtn).not.toHaveFocus();
64
+ userEvent.tab();
65
+ expect(copyBtn).toHaveFocus();
66
+ expect(copyBtn).toHaveClass('is-focused');
67
+ });
68
+ test('doesn\'t render copy button and tooltip with prop hasNoCopyButton', function () {
69
+ getComponent({
70
+ hasNoCopyButton: true
71
+ });
72
+ var container = screen.getByTestId(testId);
73
+ fireEvent.mouseMove(container);
74
+ fireEvent.mouseEnter(container);
75
+ expect(screen.queryByRole('tooltip')).not.toBeInTheDocument();
76
+ expect(screen.queryByLabelText('copy')).not.toBeInTheDocument();
77
+ });
78
+ test('renders line numbers with prop hasLineNumbers', function () {
79
+ var linesLength = (_trimInstanceProperty(textValue).call(textValue).split('\n').length - 1).toString();
80
+ getComponent();
81
+ expect(screen.queryByText('1')).not.toBeInTheDocument();
82
+ expect(screen.queryByText(linesLength)).not.toBeInTheDocument();
83
+ getComponent({
84
+ hasLineNumbers: true
85
+ });
86
+ expect(screen.queryByText('1')).toBeInTheDocument();
87
+ expect(screen.queryByText(linesLength)).toBeInTheDocument();
88
+ });
89
+ beforeEach(function () {
90
+ var mockClipboard = {
91
+ writeText: jest.fn()
92
+ };
93
+ global.navigator.clipboard = mockClipboard;
94
+ global.document.execCommand = jest.fn();
95
+ global.document.execCommand.mockReturnValue(true);
96
+ });
97
+ afterEach(function () {
98
+ jest.resetAllMocks();
99
+ global.navigator.clipboard = originalClipboard;
100
+ global.document.execCommand = originalExecCommand;
101
+ });
102
+ test('click on copy button copies data to the clipboard', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2() {
103
+ var button;
104
+ return _regeneratorRuntime.wrap(function _callee2$(_context2) {
105
+ while (1) {
106
+ switch (_context2.prev = _context2.next) {
107
+ case 0:
108
+ getComponent();
109
+ button = screen.getByLabelText('copy');
110
+ _context2.next = 4;
111
+ return act( /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
112
+ return _regeneratorRuntime.wrap(function _callee$(_context) {
113
+ while (1) {
114
+ switch (_context.prev = _context.next) {
115
+ case 0:
116
+ return _context.abrupt("return", userEvent.click(button));
117
+
118
+ case 1:
119
+ case "end":
120
+ return _context.stop();
121
+ }
122
+ }
123
+ }, _callee);
124
+ })));
125
+
126
+ case 4:
127
+ expect(navigator.clipboard.writeText).toBeCalledTimes(1);
128
+ expect(navigator.clipboard.writeText).toHaveBeenCalledWith(textValue);
129
+
130
+ case 6:
131
+ case "end":
132
+ return _context2.stop();
133
+ }
134
+ }
135
+ }, _callee2);
136
+ })));
137
+ test('after button click, the tooltip renders with the text "Copied!"', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee4() {
138
+ var button;
139
+ return _regeneratorRuntime.wrap(function _callee4$(_context4) {
140
+ while (1) {
141
+ switch (_context4.prev = _context4.next) {
142
+ case 0:
143
+ getComponent();
144
+ button = screen.getByLabelText('copy');
145
+ _context4.next = 4;
146
+ return act( /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee3() {
147
+ return _regeneratorRuntime.wrap(function _callee3$(_context3) {
148
+ while (1) {
149
+ switch (_context3.prev = _context3.next) {
150
+ case 0:
151
+ return _context3.abrupt("return", userEvent.click(button));
152
+
153
+ case 1:
154
+ case "end":
155
+ return _context3.stop();
156
+ }
157
+ }
158
+ }, _callee3);
159
+ })));
160
+
161
+ case 4:
162
+ expect(screen.queryByRole('tooltip')).toBeInTheDocument();
163
+ expect(screen.queryByRole('tooltip')).toHaveTextContent('Copied!');
164
+
165
+ case 6:
166
+ case "end":
167
+ return _context4.stop();
168
+ }
169
+ }
170
+ }, _callee4);
171
+ })));
@@ -0,0 +1 @@
1
+ export { default } from './CodeView';
@@ -0,0 +1,177 @@
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 _concatInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/concat";
12
+ import _defineProperty from "@babel/runtime-corejs3/helpers/esm/defineProperty";
13
+
14
+ 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; }
15
+
16
+ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { var _context5; _forEachInstanceProperty(_context5 = ownKeys(Object(source), true)).call(_context5, function (key) { _defineProperty(target, key, source[key]); }); } else if (_Object$getOwnPropertyDescriptors) { _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)); } else { var _context6; _forEachInstanceProperty(_context6 = ownKeys(Object(source))).call(_context6, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } } return target; }
17
+
18
+ import React, { forwardRef, useCallback, useImperativeHandle, useRef } from 'react';
19
+ import PropTypes from 'prop-types';
20
+ import { ChromePicker } from 'react-color';
21
+ import { FocusScope } from '@react-aria/focus';
22
+ import { useVisuallyHidden } from '@react-aria/visually-hidden';
23
+ import { useColorField } from '@react-aria/color';
24
+ import { useColorFieldState } from '@react-stately/color';
25
+ import { useOverlayTriggerState } from '@react-stately/overlays';
26
+ import { useOverlayPosition, useOverlayTrigger } from '@react-aria/overlays';
27
+ import { Box, Button, Input, FieldHelperText, Label } from '../../index';
28
+ import useField from '../../hooks/useField';
29
+ import statuses from '../../utils/devUtils/constants/statuses';
30
+ import PopoverContainer from '../PopoverContainer';
31
+ /**
32
+ * The Color Field component allows the user to pick a color and displays the chosen color.
33
+ *
34
+ * Utilizes [useColorField](https://react-spectrum.adobe.com/react-aria/useColorField.html) from React Aria and
35
+ * [useColorFieldState](https://react-spectrum.adobe.com/react-stately/useColorFieldState.html) from React Stately.
36
+ *
37
+ * Using [React Color](https://casesandberg.github.io/react-color/) as a color picker.
38
+ */
39
+
40
+ import { jsx as ___EmotionJSX } from "@emotion/react";
41
+ var ColorField = /*#__PURE__*/forwardRef(function (props, ref) {
42
+ var _context;
43
+
44
+ var align = props.align,
45
+ buttonProps = props.buttonProps,
46
+ controlProps = props.controlProps,
47
+ direction = props.direction,
48
+ helperText = props.helperText,
49
+ label = props.label,
50
+ labelProps = props.labelProps,
51
+ imperativeOnChange = props.onChange,
52
+ status = props.status;
53
+ var colorRef = useRef();
54
+ /* istanbul ignore next */
55
+
56
+ useImperativeHandle(ref, function () {
57
+ return colorRef.current;
58
+ });
59
+ var triggerRef = React.useRef();
60
+ var overlayRef = React.useRef();
61
+ var state = useColorFieldState(props);
62
+ var popoverState = useOverlayTriggerState({});
63
+
64
+ var _useOverlayTrigger = useOverlayTrigger({
65
+ type: 'dialog'
66
+ }, popoverState, triggerRef),
67
+ triggerProps = _useOverlayTrigger.triggerProps,
68
+ overlayProps = _useOverlayTrigger.overlayProps;
69
+
70
+ var _useColorField = useColorField(props, state, colorRef),
71
+ raLabelProps = _useColorField.labelProps,
72
+ raInputProps = _useColorField.inputProps;
73
+
74
+ var _useVisuallyHidden = useVisuallyHidden(),
75
+ visuallyHiddenProps = _useVisuallyHidden.visuallyHiddenProps;
76
+
77
+ var _useField = useField(_objectSpread(_objectSpread({}, props), {}, {
78
+ labelProps: _objectSpread(_objectSpread({}, labelProps), raLabelProps),
79
+ controlProps: _objectSpread(_objectSpread({}, controlProps), raInputProps)
80
+ })),
81
+ fieldContainerProps = _useField.fieldContainerProps,
82
+ fieldControlProps = _useField.fieldControlProps,
83
+ fieldLabelProps = _useField.fieldLabelProps;
84
+
85
+ var _useOverlayPosition = useOverlayPosition({
86
+ targetRef: triggerRef,
87
+ overlayRef: overlayRef,
88
+ placement: _concatInstanceProperty(_context = "".concat(direction, " ")).call(_context, align),
89
+ offset: 15,
90
+ isOpen: popoverState.isOpen,
91
+ onClose: popoverState.close,
92
+ shouldUpdatePosition: true
93
+ }),
94
+ positionProps = _useOverlayPosition.overlayProps;
95
+
96
+ var handleButtonPress = useCallback(function () {
97
+ return popoverState.open();
98
+ }, [triggerRef]);
99
+ var handleColorChange = useCallback(function (color, event) {
100
+ if (imperativeOnChange) {
101
+ imperativeOnChange(color, event);
102
+ }
103
+ }, [imperativeOnChange]);
104
+ var getRgbaFromState = useCallback(function (_ref) {
105
+ var _context2, _context3, _context4;
106
+
107
+ var colorValue = _ref.colorValue;
108
+ return _concatInstanceProperty(_context2 = _concatInstanceProperty(_context3 = _concatInstanceProperty(_context4 = "rgba(".concat(colorValue === null || colorValue === void 0 ? void 0 : colorValue.red, ", ")).call(_context4, colorValue === null || colorValue === void 0 ? void 0 : colorValue.green, ", ")).call(_context3, colorValue === null || colorValue === void 0 ? void 0 : colorValue.blue, ", ")).call(_context2, colorValue === null || colorValue === void 0 ? void 0 : colorValue.alpha, ")");
109
+ }, []);
110
+ return ___EmotionJSX(Box, fieldContainerProps, label && ___EmotionJSX(Label, fieldLabelProps), ___EmotionJSX(Button, _extends({
111
+ "aria-label": "Select color",
112
+ bg: getRgbaFromState(state),
113
+ onPress: handleButtonPress,
114
+ ref: triggerRef,
115
+ variant: "colorField"
116
+ }, triggerProps, buttonProps)), ___EmotionJSX(Input, _extends({}, visuallyHiddenProps, fieldControlProps, {
117
+ ref: colorRef
118
+ })), helperText && ___EmotionJSX(FieldHelperText, {
119
+ status: status
120
+ }, helperText), ___EmotionJSX(PopoverContainer, _extends({}, overlayProps, positionProps, {
121
+ ref: overlayRef,
122
+ isOpen: popoverState.isOpen,
123
+ onClose: popoverState.close,
124
+ hasNoArrow: true,
125
+ isDismissable: true
126
+ }), ___EmotionJSX(FocusScope, {
127
+ restoreFocus: true,
128
+ contain: true,
129
+ autoFocus: true
130
+ }, ___EmotionJSX(ChromePicker, {
131
+ color: getRgbaFromState(state),
132
+ onChange: handleColorChange
133
+ }))));
134
+ });
135
+ ColorField.propTypes = {
136
+ /** Alignment of the popover menu relative to the trigger. */
137
+ align: PropTypes.oneOf(['start', 'end', 'middle']),
138
+
139
+ /** Where the popover menu opens relative to its trigger. */
140
+ direction: PropTypes.oneOf(['top', 'right', 'bottom', 'left']),
141
+
142
+ /** Text to display after the Color Field button. Useful for errors or other info. */
143
+ helperText: PropTypes.node,
144
+
145
+ /** The content to display as the label. */
146
+ label: PropTypes.node,
147
+
148
+ /** Pass a function to call every time the color is changed. [React Color onChange](https://casesandberg.github.io/react-color/#api-onChange)
149
+ *
150
+ * (color, event) => void;
151
+ */
152
+ onChange: PropTypes.func,
153
+
154
+ /** Determines the helper text styling. */
155
+ status: PropTypes.oneOf(_Object$values(statuses)),
156
+
157
+ /** Color controls what color is active on the color picker. */
158
+ value: PropTypes.string,
159
+
160
+ /** Props object that is spread into the Button element. */
161
+ buttonProps: PropTypes.shape({}),
162
+
163
+ /** Props object that is spread directly into the root (top-level) Box component. */
164
+ containerProps: PropTypes.shape({}),
165
+
166
+ /** Props object that is spread into the input element. */
167
+ controlProps: PropTypes.shape({}),
168
+
169
+ /** Props object that is spread into the label element. */
170
+ labelProps: PropTypes.shape({})
171
+ };
172
+ ColorField.defaultProps = {
173
+ align: 'middle',
174
+ direction: 'bottom'
175
+ };
176
+ ColorField.displayName = 'ColorField';
177
+ export default ColorField;