@procore/core-react 12.37.0 → 12.38.0

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 (224) hide show
  1. package/CHANGELOG.md +21 -0
  2. package/dist/AnchorNavigation/AnchorNavigation.styles.js +3 -3
  3. package/dist/Avatar/Avatar.styles.js +5 -5
  4. package/dist/AvatarStack/AvatarStack.styles.js +7 -7
  5. package/dist/Badge/Badge.styles.js +2 -2
  6. package/dist/BadgePill/BadgePill.styles.js +4 -4
  7. package/dist/Banner/Banner.d.ts +2 -1
  8. package/dist/Banner/Banner.js +53 -34
  9. package/dist/Banner/Banner.js.map +1 -1
  10. package/dist/Banner/Banner.styles.js +10 -10
  11. package/dist/Banner/Banner.types.d.ts +6 -0
  12. package/dist/Banner/Banner.types.js.map +1 -1
  13. package/dist/Banner/index.d.ts +1 -1
  14. package/dist/Banner/index.js.map +1 -1
  15. package/dist/Box/Box.styles.js +1 -1
  16. package/dist/Breadcrumbs/Breadcrumbs.styles.js +4 -4
  17. package/dist/Button/Button.styles.js +5 -5
  18. package/dist/Calendar/Calendar.styles.js +9 -9
  19. package/dist/Card/Card.styles.js +1 -1
  20. package/dist/Checkbox/Checkbox.styles.js +6 -6
  21. package/dist/Checkbox/CheckboxTooltip.js +1 -1
  22. package/dist/ContactItem/ContactItem.styles.js +5 -5
  23. package/dist/Content/Content.styles.js +2 -2
  24. package/dist/DateInput/DateInput.styles.js +6 -6
  25. package/dist/DetailPage/DetailPage.styles.js +7 -7
  26. package/dist/Dropdown/Dropdown.styles.js +3 -3
  27. package/dist/DropdownFlyout/DropdownFlyout.styles.js +4 -4
  28. package/dist/Dropzone/Dropzone.js +1 -1
  29. package/dist/Dropzone/Dropzone.styles.js +9 -9
  30. package/dist/EmptyState/EmptyState.styles.js +6 -6
  31. package/dist/Field/Field.styles.js +3 -3
  32. package/dist/FileList/FileList.styles.js +4 -4
  33. package/dist/FileSelect/FileExplorer/FileExplorer.styles.js +9 -9
  34. package/dist/FileSelect/FileExplorer/FileExplorerSidebar.js +3 -1
  35. package/dist/FileSelect/FileExplorer/FileExplorerSidebar.js.map +1 -1
  36. package/dist/FileSelect/FileExplorer/FileExplorerSidebar.styles.js +3 -3
  37. package/dist/FileSelect/FileSelect.styles.js +2 -2
  38. package/dist/FileSelect/FileSelectDropzone/FileSelectDropzone.styles.js +3 -3
  39. package/dist/FileSelect/FileTokenList/FileTokenList.styles.js +2 -2
  40. package/dist/FileSelect/GridSource/GridSource.styles.js +6 -6
  41. package/dist/FileSelect/LocalSource/LocalSource.styles.js +4 -4
  42. package/dist/FileSelect/SourceItem/SourceItem.js +10 -5
  43. package/dist/FileSelect/SourceItem/SourceItem.js.map +1 -1
  44. package/dist/FileSelect/SourceItem/SourceItem.styles.js +3 -3
  45. package/dist/FileSelect/ThumbnailList/ThumbnailList.styles.js +6 -6
  46. package/dist/FileSelect/TreeSource/TreeSource.styles.js +1 -1
  47. package/dist/FileToken/FileToken.styles.js +4 -4
  48. package/dist/FilterToken/FilterToken.styles.js +5 -5
  49. package/dist/FlexList/FlexList.styles.js +1 -1
  50. package/dist/Form/Form.styles.js +14 -14
  51. package/dist/Form/StyledFormikForm.styles.js +2 -2
  52. package/dist/Form/stories/util.js +1 -12
  53. package/dist/Form/stories/util.js.map +1 -1
  54. package/dist/GhostPlaceholder/GhostPlaceholder.styles.js +2 -2
  55. package/dist/Grid/Grid.styles.js +2 -2
  56. package/dist/GroupSelect/GroupSelect.styles.js +1 -1
  57. package/dist/Input/Input.styles.js +1 -1
  58. package/dist/Link/Link.styles.js +1 -1
  59. package/dist/ListPage/ListPage.styles.js +8 -8
  60. package/dist/Loader/Loader.styles.js +2 -2
  61. package/dist/MenuImperative/MenuImperative.styles.js +10 -10
  62. package/dist/Modal/Modal.styles.js +13 -13
  63. package/dist/MultiSelect/MultiSelect.styles.js +7 -7
  64. package/dist/NextMenu/NextMenu.styles.js +3 -3
  65. package/dist/Notation/Notation.js +1 -1
  66. package/dist/NumberInput/NumberInput.styles.js +7 -7
  67. package/dist/Overlay/OverlayArrow.styles.js +1 -1
  68. package/dist/OverlayTrigger/OverlayTrigger.js +4 -2
  69. package/dist/OverlayTrigger/OverlayTrigger.js.map +1 -1
  70. package/dist/OverlayTrigger/OverlayTrigger.types.d.ts +8 -0
  71. package/dist/OverlayTrigger/OverlayTrigger.types.js.map +1 -1
  72. package/dist/PageLayout/PageLayout.styles.d.ts +1 -0
  73. package/dist/PageLayout/PageLayout.styles.js +17 -17
  74. package/dist/PageLayout/PageLayout.styles.js.map +1 -1
  75. package/dist/PageTemplate/PageFooterTemplate/PageFooterTemplate.styles.js +1 -1
  76. package/dist/PageTemplate/PageHeaderTemplate/PageHeaderTemplate.styles.js +3 -3
  77. package/dist/PageTemplate/PagePaneTemplate/PagePaneTemplate.styles.js +2 -2
  78. package/dist/PageTemplate/PageTemplate/PageTemplate.styles.js +3 -3
  79. package/dist/Pagination/Pagination.styles.js +5 -5
  80. package/dist/Panel/Panel.styles.js +11 -11
  81. package/dist/Pill/Pill.styles.js +3 -3
  82. package/dist/PillSelect/PillSelect.styles.js +4 -4
  83. package/dist/Popover/Popover.js +2 -1
  84. package/dist/Popover/Popover.js.map +1 -1
  85. package/dist/Popover/Popover.styles.js +2 -2
  86. package/dist/Portal/Portal.styles.js +1 -1
  87. package/dist/ProgressBar/ProgressBar.styles.js +2 -2
  88. package/dist/RadioButton/RadioButton.styles.js +3 -3
  89. package/dist/Required/Required.styles.js +3 -3
  90. package/dist/Search/Search.styles.js +5 -5
  91. package/dist/Section/Section.styles.js +7 -7
  92. package/dist/SegmentedController/SegmentedController.styles.js +4 -4
  93. package/dist/Select/Select.js +35 -13
  94. package/dist/Select/Select.js.map +1 -1
  95. package/dist/Select/Select.styles.js +8 -8
  96. package/dist/Select/Select.types.d.ts +13 -0
  97. package/dist/Select/Select.types.js.map +1 -1
  98. package/dist/Semantic/Semantic.styles.js +9 -9
  99. package/dist/Slider/Slider.styles.js +5 -5
  100. package/dist/Spinner/Spinner.js +21 -6
  101. package/dist/Spinner/Spinner.js.map +1 -1
  102. package/dist/Spinner/Spinner.styles.js +7 -7
  103. package/dist/SplitViewCard/SplitViewCard.styles.js +8 -8
  104. package/dist/SuperSelect/SuperSelect.components.js +6 -15
  105. package/dist/SuperSelect/SuperSelect.components.js.map +1 -1
  106. package/dist/SuperSelect/SuperSelect.js +1 -1
  107. package/dist/SuperSelect/SuperSelect.js.map +1 -1
  108. package/dist/SuperSelect/SuperSelect.presets.styles.js +1 -1
  109. package/dist/SuperSelect/SuperSelect.styles.js +38 -38
  110. package/dist/SuperSelect/SuperSelect.types.d.ts +0 -3
  111. package/dist/SuperSelect/SuperSelect.types.js.map +1 -1
  112. package/dist/SuperSelect/useSuperSelect.d.ts +1 -1
  113. package/dist/SuperSelect/useSuperSelect.js +19 -52
  114. package/dist/SuperSelect/useSuperSelect.js.map +1 -1
  115. package/dist/Switch/Switch.styles.js +4 -4
  116. package/dist/Table/Table.styles.js +28 -28
  117. package/dist/TableShelf/TableShelf.styles.js +5 -5
  118. package/dist/Tabs/Tabs.styles.js +15 -15
  119. package/dist/Tearsheet/Tearsheet.styles.js +5 -5
  120. package/dist/Tearsheet/storybook/PageLayoutDemo.js +4 -1
  121. package/dist/Tearsheet/storybook/PageLayoutDemo.js.map +1 -1
  122. package/dist/TextArea/TextArea.styles.js +1 -1
  123. package/dist/TextEditorOutput/TextEditorOutput.styles.js +1 -1
  124. package/dist/Thumbnail/Thumbnail.styles.js +17 -17
  125. package/dist/ThumbnailGrid/ThumbnailGrid.styles.js +7 -7
  126. package/dist/TieredSelect/TieredSelect.styles.js +9 -9
  127. package/dist/Tile/Tile.styles.js +8 -8
  128. package/dist/Title/Title.styles.js +7 -7
  129. package/dist/Toast/Toast.styles.js +3 -3
  130. package/dist/ToggleButton/ToggleButton.styles.js +1 -1
  131. package/dist/Token/Token.styles.js +3 -3
  132. package/dist/ToolHeader/ToolHeader.styles.js +6 -6
  133. package/dist/ToolLandingPage/ToolLandingPage.styles.js +3 -3
  134. package/dist/Tooltip/Tooltip.styles.js +2 -2
  135. package/dist/Tree/Tree.js +1 -1
  136. package/dist/Tree/Tree.styles.js +10 -10
  137. package/dist/Typeahead/Typeahead.styles.js +3 -3
  138. package/dist/Typography/Typography.styles.js +1 -1
  139. package/dist/Typography/Typography.table.story.js +2 -2
  140. package/dist/_hooks/I18n.d.ts +4 -19
  141. package/dist/_locales/en.json +3 -1
  142. package/dist/_locales/pseudo.json +3 -1
  143. package/dist/_storyHelpers_/components/Deprecation.styles.js +1 -1
  144. package/dist/_storyHelpers_/components/StoryGrid.js +3 -3
  145. package/dist/_typedoc/AnchorNavigation/AnchorNavigation.types.json +3 -3
  146. package/dist/_typedoc/Avatar/Avatar.types.json +20 -20
  147. package/dist/_typedoc/AvatarStack/AvatarStack.types.json +24 -24
  148. package/dist/_typedoc/Badge/Badge.types.json +6 -6
  149. package/dist/_typedoc/Banner/Banner.types.json +39 -13
  150. package/dist/_typedoc/Box/Box.types.json +68 -68
  151. package/dist/_typedoc/Breadcrumbs/Breadcrumbs.types.json +10 -10
  152. package/dist/_typedoc/Button/Button.types.json +13 -13
  153. package/dist/_typedoc/Calendar/Calendar.types.json +80 -80
  154. package/dist/_typedoc/Card/Card.types.json +6 -6
  155. package/dist/_typedoc/Checkbox/Checkbox.types.json +8 -8
  156. package/dist/_typedoc/ContactItem/ContactItem.types.json +9 -9
  157. package/dist/_typedoc/DateInput/DateInput.types.json +35 -35
  158. package/dist/_typedoc/DateSelect/DateSelect.types.json +13 -13
  159. package/dist/_typedoc/DetailPage/DetailPage.types.json +5 -5
  160. package/dist/_typedoc/Dropdown/Dropdown.types.json +37 -37
  161. package/dist/_typedoc/DropdownFlyout/DropdownFlyout.types.json +31 -31
  162. package/dist/_typedoc/Dropzone/Dropzone.types.json +44 -44
  163. package/dist/_typedoc/EmptyState/EmptyState.types.json +16 -16
  164. package/dist/_typedoc/FileList/FileList.types.json +9 -9
  165. package/dist/_typedoc/FileSelect/FileSelect.types.json +27 -27
  166. package/dist/_typedoc/FileSelect/GridSource/GridSource.types.json +20 -20
  167. package/dist/_typedoc/FileSelect/LocalSource/LocalSource.types.json +14 -14
  168. package/dist/_typedoc/FileSelect/TreeSource/TreeSource.types.json +9 -9
  169. package/dist/_typedoc/Flex/Flex.types.json +27 -27
  170. package/dist/_typedoc/FlexList/FlexList.types.json +30 -30
  171. package/dist/_typedoc/Form/Form.types.json +750 -750
  172. package/dist/_typedoc/GhostPlaceholder/GhostPlaceholder.types.json +12 -12
  173. package/dist/_typedoc/Grid/Grid.types.json +8 -8
  174. package/dist/_typedoc/GroupSelect/GroupSelect.types.json +52 -52
  175. package/dist/_typedoc/Input/Input.types.json +2 -2
  176. package/dist/_typedoc/Link/Link.types.json +1 -1
  177. package/dist/_typedoc/ListPage/ListPage.types.json +13 -13
  178. package/dist/_typedoc/Menu/Menu.types.json +62 -62
  179. package/dist/_typedoc/MenuImperative/MenuImperative.types.json +77 -77
  180. package/dist/_typedoc/Modal/Modal.types.json +46 -46
  181. package/dist/_typedoc/MultiSelect/MultiSelect.types.json +31 -31
  182. package/dist/_typedoc/NextTile/NextTile.types.json +32 -32
  183. package/dist/_typedoc/Notation/Notation.types.json +4 -4
  184. package/dist/_typedoc/NumberInput/NumberInput.types.json +48 -48
  185. package/dist/_typedoc/OverlayTrigger/OverlayTrigger.types.json +42 -32
  186. package/dist/_typedoc/PageLayout/PageLayout.types.json +26 -26
  187. package/dist/_typedoc/Pagination/Pagination.types.json +7 -7
  188. package/dist/_typedoc/Panel/Panel.types.json +30 -30
  189. package/dist/_typedoc/Pill/Pill.types.json +2 -2
  190. package/dist/_typedoc/PillSelect/PillSelect.types.json +49 -49
  191. package/dist/_typedoc/Popover/Popover.types.json +15 -15
  192. package/dist/_typedoc/ProgressBar/ProgressBar.types.json +7 -7
  193. package/dist/_typedoc/RadioButton/RadioButton.types.json +6 -6
  194. package/dist/_typedoc/Required/Required.types.json +5 -5
  195. package/dist/_typedoc/Search/Search.types.json +18 -18
  196. package/dist/_typedoc/Section/Section.types.json +15 -15
  197. package/dist/_typedoc/SegmentedController/SegmentedController.types.json +21 -21
  198. package/dist/_typedoc/Select/Select.types.json +95 -60
  199. package/dist/_typedoc/SettingsPage/SettingsPage.types.json +10 -10
  200. package/dist/_typedoc/Slider/Slider.types.json +6 -6
  201. package/dist/_typedoc/Spinner/Spinner.types.json +9 -9
  202. package/dist/_typedoc/SplitViewCard/SplitViewCard.types.json +14 -14
  203. package/dist/_typedoc/Table/Table.types.json +102 -102
  204. package/dist/_typedoc/Tabs/Tabs.types.json +20 -20
  205. package/dist/_typedoc/Tearsheet/Tearsheet.types.json +17 -17
  206. package/dist/_typedoc/TextArea/TextArea.types.json +3 -3
  207. package/dist/_typedoc/TextEditor/TextEditor.types.json +11 -11
  208. package/dist/_typedoc/TextEditorOutput/TextEditorOutput.types.json +4 -4
  209. package/dist/_typedoc/Thumbnail/Thumbnail.types.json +19 -19
  210. package/dist/_typedoc/TieredDropdown/TieredDropdown.types.json +43 -43
  211. package/dist/_typedoc/TieredSelect/TieredSelect.types.json +29 -29
  212. package/dist/_typedoc/Tile/Tile.types.json +8 -8
  213. package/dist/_typedoc/Title/Title.types.json +1 -1
  214. package/dist/_typedoc/Toast/Toast.types.json +4 -4
  215. package/dist/_typedoc/ToggleButton/ToggleButton.types.json +4 -4
  216. package/dist/_typedoc/Token/Token.types.json +7 -7
  217. package/dist/_typedoc/ToolHeader/ToolHeader.types.json +10 -10
  218. package/dist/_typedoc/ToolLandingPage/ToolLandingPage.types.json +8 -8
  219. package/dist/_typedoc/Tooltip/Tooltip.types.json +14 -14
  220. package/dist/_typedoc/Tree/Tree.types.json +88 -88
  221. package/dist/_typedoc/Typeahead/Typeahead.types.json +2 -2
  222. package/dist/_typedoc/Typography/Typography.types.json +9 -9
  223. package/dist/_typedoc/_utils/types.json +3 -3
  224. package/package.json +2 -2
@@ -1 +1 @@
1
- {"version":3,"file":"util.js","names":["pick","React","Box","Button","Form","useFormContext","stylesFormDebugger","backgroundColor","color","fontSize","FormDebugger","props","arguments","length","undefined","fields","record","Object","keys","createElement","flex","padding","margin","style","whiteSpace","JSON","stringify","SingleForm","_ref","_ref$component","component","FieldComponent","Field","debug","initialValue","view","variant","useLabelAsInlineLabel","useDescriptionAsInlineDescription","_objectWithoutProperties","_excluded","columnOne","colStart","columnTwo","enableReinitialize","initialValues","value","onSubmit","values","alert","Row","_extends","name","inlineLabel","label","inlineDescription","description","disabled","error","DemoForm","_ref2","_ref2$view","_ref2$enableConfirmNa","enableConfirmNavigation","Promise","resolve","Text","Number","required","tooltip","Select","options","formSelectOptions","MultiSelect","getGroup","option","groupAssociation","groupGetId","group","uuid","groupGetLabel","displayName","optgroups","formSelectGroupOptions","PillSelect","formPillSelectOptions","TieredSelect","formTieredSelectOptions","GroupSelect","formGroupSelectOptions","groups","formGroupSelectGroups","textAlign","marginTop","marginBottom","type","BaseCRU","Fragment","id","map","_objectSpread","groupOpt","find","groupId","nextGroupId","formInitialValues","text","number","checkbox","checkboxes","currency","date","Date","textarea","select","multiselect","pillselect","groupselect","tieredselect","radiobuttons","richtext"],"sources":["../../../src/Form/stories/util.tsx"],"sourcesContent":["import { pick } from 'ramda'\nimport React from 'react'\nimport { Box, Button, Form, useFormContext } from '../../index'\nimport type { PillColor } from '../../Pill'\n\nconst stylesFormDebugger = {\n backgroundColor: '#444',\n color: '#f1f1f1',\n fontSize: '0.8rem',\n}\n\nexport function FormDebugger(props: any = {}) {\n const fields = useFormContext()\n\n let record = {}\n if (!Object.keys(props).length) {\n record = fields\n } else {\n record = pick(Object.keys(props), fields)\n }\n\n return (\n <Box flex=\"1\" padding=\"md\" margin=\"lg none\" style={stylesFormDebugger}>\n <pre style={{ whiteSpace: 'break-spaces' }}>\n {JSON.stringify(record, null, 2)}\n </pre>\n </Box>\n )\n}\n\ninterface SingleFormProps {\n component?: any\n debug?: boolean\n initialValue?: any\n variant?: React.ComponentProps<typeof Form>['variant']\n view?: React.ComponentProps<typeof Form>['view']\n useLabelAsInlineLabel?: boolean\n useDescriptionAsInlineDescription?: boolean\n}\n\n/**\n * Takes a Form Field component, e.g. Form.Select, and creates\n * a full Form of one view and variant. Empty value examples,\n * examples with values, various text or state formats.\n */\nconst SingleForm = ({\n component: FieldComponent = Form.Field,\n debug,\n initialValue,\n view,\n variant,\n useLabelAsInlineLabel,\n useDescriptionAsInlineDescription,\n ...props\n}: SingleFormProps) => {\n // removes colStart from DOM for traditional variant\n const columnOne = variant === 'traditional' ? {} : { colStart: 1 }\n const columnTwo = variant === 'traditional' ? {} : { colStart: 7 }\n return (\n <Form\n enableReinitialize\n initialValues={{\n value: initialValue,\n }}\n variant={variant}\n view={view}\n onSubmit={(values) => alert(JSON.stringify(values, null, 2))}\n >\n <Form.Form>\n {debug && <FormDebugger />}\n <Form.Row>\n <FieldComponent\n name=\"empty\"\n {...(useLabelAsInlineLabel\n ? {\n inlineLabel: 'Empty Text',\n }\n : {\n label: 'Empty Text',\n })}\n {...(useDescriptionAsInlineDescription\n ? {\n inlineDescription: 'Empty Description',\n }\n : {\n description: 'Empty Description',\n })}\n {...columnOne}\n {...props}\n />\n <FieldComponent\n name=\"value\"\n {...(useLabelAsInlineLabel\n ? {\n inlineLabel: 'Initial Value Text',\n }\n : {\n label: 'Initial Value Text',\n })}\n {...(useDescriptionAsInlineDescription\n ? {\n inlineDescription: 'Initial Value Description',\n }\n : {\n description: 'Initial Value Description',\n })}\n {...columnTwo}\n {...props}\n />\n </Form.Row>\n <Form.Row>\n <FieldComponent\n name=\"disabled-empty\"\n disabled\n {...(useLabelAsInlineLabel\n ? {\n inlineLabel: 'Disabled Empty Text',\n }\n : {\n label: 'Disabled Empty Text',\n })}\n {...(useDescriptionAsInlineDescription\n ? {\n inlineDescription: 'Disabled Empty Description',\n }\n : {\n description: 'Disabled Empty Description',\n })}\n {...columnOne}\n {...props}\n />\n <FieldComponent\n name=\"disabled-value\"\n disabled\n {...(useLabelAsInlineLabel\n ? {\n inlineLabel: 'Disabled Initial Value Text',\n }\n : {\n label: 'Disabled Initial Value Text',\n })}\n {...(useDescriptionAsInlineDescription\n ? {\n inlineDescription: 'Disabled Initial Description',\n }\n : {\n description: 'Disabled Initial Description',\n })}\n {...columnTwo}\n {...props}\n />\n </Form.Row>\n <Form.Row>\n <FieldComponent\n name=\"error-empty\"\n error\n {...(useLabelAsInlineLabel\n ? {\n inlineLabel: 'Error Boolean Empty Text',\n }\n : {\n label: 'Error Boolean Empty Text',\n })}\n {...(useDescriptionAsInlineDescription\n ? {\n inlineDescription: 'Error Boolean Description',\n }\n : {\n description: 'Error Boolean Description',\n })}\n {...columnOne}\n {...props}\n />\n <FieldComponent\n name=\"error-value\"\n error=\"Some error message that should be read red\"\n {...(useLabelAsInlineLabel\n ? {\n inlineLabel: 'Error Message Initial Value Text',\n }\n : {\n label: 'Error Message Initial Value Text',\n })}\n {...(useDescriptionAsInlineDescription\n ? {\n inlineDescription: 'Error Message Initial Description',\n }\n : {\n description: 'Error Message Initial Description',\n })}\n {...columnTwo}\n {...props}\n />\n </Form.Row>\n </Form.Form>\n </Form>\n )\n}\n\ninterface DemoFormProps {\n view?: React.ComponentProps<typeof Form>['view']\n enableConfirmNavigation?: React.ComponentProps<\n typeof Form\n >['enableConfirmNavigation']\n}\nexport const DemoForm = ({\n view = 'create',\n enableConfirmNavigation = true,\n}: DemoFormProps) => {\n return (\n <Form\n view={view}\n onSubmit={(...args) => {\n alert(JSON.stringify(args[0], null, 2))\n\n // Necessary to return success to notify the client the data\n // is saved on the server and this `form` is pristine once again.\n return Promise.resolve()\n }}\n enableConfirmNavigation={enableConfirmNavigation}\n >\n <Form.Form>\n <Form.Row>\n <Form.Text name=\"text\" label=\"Text\" colStart={1} />\n <Form.Number\n name=\"number\"\n label=\"Number\"\n required\n tooltip=\"An example tooltip for any field, this value goes directly to the Tooltip overlay prop\"\n colStart={7}\n />\n </Form.Row>\n <Form.Row>\n <Form.Select\n name=\"select\"\n label=\"Select\"\n options={formSelectOptions}\n colStart={1}\n />\n <Form.MultiSelect\n name=\"multiselect\"\n label=\"MultiSelect\"\n options={formSelectOptions}\n colStart={7}\n />\n </Form.Row>\n <Form.Row>\n <Form.Select\n name=\"select\"\n label=\"Select with Groups\"\n getGroup={(option) => option.groupAssociation}\n groupGetId={(group) => group.uuid}\n groupGetLabel={(group) => group.displayName}\n options={formSelectOptions}\n optgroups={formSelectGroupOptions}\n />\n <Form.PillSelect\n name=\"pillselect\"\n label=\"Status\"\n options={formPillSelectOptions}\n colStart={7}\n />\n </Form.Row>\n <Form.Row>\n <Form.TieredSelect\n name=\"tieredselect\"\n label=\"Tiered Select\"\n options={formTieredSelectOptions}\n colStart={1}\n />\n <Form.GroupSelect\n name=\"groupselect\"\n label=\"Group Select for Distribution\"\n options={formGroupSelectOptions}\n groups={formGroupSelectGroups}\n colStart={7}\n />\n </Form.Row>\n <Box textAlign=\"center\" marginTop=\"sm\" marginBottom=\"xl\">\n <Button variant=\"secondary\" type=\"reset\">\n Reset\n </Button>{' '}\n <Button type=\"submit\">Save</Button>\n </Box>\n </Form.Form>\n </Form>\n )\n}\n\n/** All variations for a field. views, with values, no values, text variations, etc.\n * @example\n * <BaseCRU\n component={Form.Number}\n initialValue={100}\n />\n */\nexport function BaseCRU<Element extends React.JSXElementConstructor<any>>(\n props: Omit<SingleFormProps, 'component'> & { component: Element } & Omit<\n React.ComponentProps<Element>,\n 'name'\n >\n) {\n return (\n <>\n <h1>Standard</h1>\n <h2>Create</h2>\n <SingleForm view=\"create\" {...props} />\n <h2>Read</h2>\n <SingleForm view=\"read\" {...props} />\n <h2>Update</h2>\n <SingleForm view=\"update\" {...props} />\n <h1>Traditional</h1>\n <h2>Create</h2>\n <SingleForm view=\"create\" variant=\"traditional\" {...props} />\n <h2>Read</h2>\n <SingleForm view=\"read\" variant=\"traditional\" {...props} />\n <h2>Update</h2>\n <SingleForm view=\"update\" variant=\"traditional\" {...props} />\n </>\n )\n}\n\nexport const formGroupSelectOptions = [\n { id: 5139977, label: 'Cat' },\n { id: 1279548, label: 'Cow' },\n { id: 1690, label: 'Duck' },\n { id: 3116635, label: 'Crocodile' },\n { id: 1037291, label: 'Dog' },\n { id: 1987946, label: 'Elephant' },\n { id: 1665038, label: 'Fox' },\n { id: 10338, label: 'Frog' },\n { id: 4177019, label: 'Giraffe' },\n { id: 5136274, label: 'Lion' },\n { id: 1819065, label: 'Owl' },\n { id: 3733119, label: 'Parrot' },\n { id: 2142072, label: 'Pig' },\n { id: 1360365, label: 'Wolf' },\n]\n\nexport const formGroupSelectGroups = [\n {\n id: 180604,\n label: 'Group #1',\n options: [5139977, 1037291, 1279548, 5136274],\n },\n { id: 183915, label: 'Group #2', options: [1037291, 1279548] },\n { id: 187138, label: 'Group #3', options: [1665038, 10338] },\n { id: 127496, label: 'Group #4', options: [3116635, 1819065] },\n { id: 126261, label: 'Group #5', options: [1690] },\n].map((group) => ({\n ...group,\n options: group.options.map((groupOpt) =>\n formGroupSelectOptions.find((option) => option.id === groupOpt)\n ),\n}))\n\nexport const formTieredSelectOptions = [\n {\n id: 1,\n groupId: null,\n nextGroupId: 10,\n label: 'Apple Farm',\n },\n {\n id: 3,\n groupId: null,\n nextGroupId: 30,\n label: 'Sports R Us',\n },\n {\n id: 4,\n groupId: null,\n nextGroupId: 30,\n label: 'Sail It Again Ports',\n },\n {\n id: 5,\n groupId: null,\n nextGroupId: 30,\n label: 'Dublix',\n },\n {\n id: 6,\n groupId: null,\n nextGroupId: 30,\n label: 'The Hardees Boys',\n },\n {\n id: 7,\n groupId: null,\n nextGroupId: 30,\n label: 'Carls Senior',\n },\n {\n id: 8,\n groupId: null,\n nextGroupId: 30,\n label: 'Tar J',\n },\n {\n id: 9,\n groupId: null,\n nextGroupId: 30,\n label: 'Innovation Station',\n },\n {\n id: 10,\n groupId: null,\n nextGroupId: 30,\n label: 'Innovation Nation',\n },\n {\n id: 11,\n groupId: null,\n nextGroupId: 30,\n label: 'Global Studios',\n },\n {\n id: 12,\n groupId: null,\n nextGroupId: 30,\n label: \"Ralphie's\",\n },\n {\n id: 13,\n groupId: null,\n nextGroupId: 30,\n label: 'Humble State University',\n },\n {\n id: 14,\n groupId: null,\n nextGroupId: 30,\n label: 'Test Driven Devolvement',\n },\n {\n id: 15,\n groupId: null,\n nextGroupId: 30,\n label: 'The Drilling Company',\n },\n {\n id: 16,\n groupId: null,\n nextGroupId: 30,\n label:\n 'Wrapping text that is very long and will definitely wrap onto two or more lines',\n },\n {\n id: 17,\n groupId: 10,\n nextGroupId: 100,\n label: 'Granny Smith',\n },\n {\n id: 18,\n groupId: 10,\n nextGroupId: 101,\n label: 'Gala',\n },\n {\n id: 21,\n groupId: 30,\n nextGroupId: 300,\n label: 'Project Basketball',\n },\n {\n id: 22,\n groupId: 30,\n nextGroupId: 301,\n label: 'Table Tennis',\n },\n {\n id: 23,\n groupId: 30,\n label: 'Table Ten',\n },\n {\n id: 24,\n groupId: 100,\n label: 'Michigan',\n },\n {\n id: 25,\n groupId: 101,\n label: 'Washington',\n },\n {\n id: 26,\n groupId: 200,\n label: 'Georgia',\n },\n {\n id: 27,\n groupId: 201,\n label: 'California',\n },\n {\n id: 28,\n groupId: 300,\n label: 'Toronto',\n },\n {\n id: 29,\n groupId: 301,\n nextGroupId: 302,\n label: 'Court Complex Uno',\n },\n {\n id: 30,\n groupId: 302,\n nextGroupId: 303,\n label: 'Wrap',\n },\n {\n id: 31,\n groupId: 303,\n nextGroupId: 304,\n label: 'Wrap',\n },\n {\n id: 32,\n groupId: 304,\n nextGroupId: 305,\n label: 'Wrap',\n },\n {\n id: 33,\n groupId: 305,\n nextGroupId: 306,\n label: 'Wrap',\n },\n {\n id: 34,\n groupId: 306,\n nextGroupId: 307,\n label: 'Wrap',\n },\n {\n id: 35,\n groupId: 307,\n label: 'Wrap',\n },\n]\n\nexport const formSelectOptions = [\n { id: 1, label: 'Option Example Uno', groupAssociation: 1 },\n { id: 2, label: 'Item Deux 2', groupAssociation: 2 },\n { id: 3, label: 'Three Three Three', groupAssociation: 1 },\n {\n id: 4,\n label: 'Next Item In List Is Design System Design System',\n groupAssociation: 2,\n },\n { id: 5, label: '5 Entries', groupAssociation: 2 },\n {\n id: 6,\n label:\n 'Another Option With A Longer Amount of Important Information To Read',\n groupAssociation: 3,\n },\n]\n\nexport const formSelectGroupOptions = [\n { uuid: 1, displayName: 'Group 1' },\n {\n uuid: 2,\n displayName: 'Group Having a Longer Group Label, Group Two Is That Group',\n },\n { uuid: 3, displayName: 'Group 3' },\n]\n\nexport const formPillSelectOptions: {\n id: string\n label: string\n color: PillColor\n}[] = [\n { id: '1', label: 'Questionable', color: 'yellow' },\n { id: '2', label: 'False', color: 'red' },\n { id: '3', label: 'The Sky Is Blue', color: 'blue' },\n { id: '4', label: 'Pending Resolution', color: 'gray' },\n {\n id: '5',\n label: 'A very long STATUS that has to wrap cause it is so long',\n color: 'green',\n },\n]\n\nexport const formInitialValues = {\n text: 'Hello String',\n number: 123456.789,\n checkbox: true,\n checkboxes: [formSelectOptions[1], formSelectOptions[2]],\n currency: 1200300.55,\n date: new Date(2020, 9, 31, 14, 30, 42), // Halloween, a Saturday at 2:30 PM\n textarea: 'Hello\\nWorld !!\\n\\n Hello World',\n select: formSelectOptions[1],\n multiselect: [\n formSelectOptions[1],\n formSelectOptions[3],\n formSelectOptions[0],\n ],\n pillselect: formPillSelectOptions[0],\n groupselect: [formGroupSelectOptions[0], formGroupSelectOptions[2]],\n tieredselect: [\n {\n id: 4,\n groupId: null,\n nextGroupId: 30,\n label: 'Sail It Again Ports',\n },\n {\n id: 22,\n groupId: 30,\n nextGroupId: 301,\n label: 'Table Tennis',\n },\n {\n id: 29,\n groupId: 301,\n nextGroupId: 302,\n label: 'Court Complex Uno',\n },\n ],\n radiobuttons: formSelectOptions[5],\n richtext:\n '<p><span style=\"font-size: 18pt; background-color: #00ff00;\">Rich Text Is <strong>Bold</strong></span></p> ',\n}\n"],"mappings":"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"}
1
+ {"version":3,"file":"util.js","names":["pick","React","Box","Button","Form","useFormContext","stylesFormDebugger","backgroundColor","color","fontSize","FormDebugger","props","arguments","length","undefined","fields","record","Object","keys","createElement","flex","padding","margin","style","whiteSpace","JSON","stringify","SingleForm","_ref","_ref$component","component","FieldComponent","Field","debug","initialValue","view","variant","useLabelAsInlineLabel","useDescriptionAsInlineDescription","_objectWithoutProperties","_excluded","columnOne","colStart","columnTwo","enableReinitialize","initialValues","value","onSubmit","values","alert","Row","_extends","name","inlineLabel","label","inlineDescription","description","disabled","error","DemoForm","_ref2","_ref2$view","_ref2$enableConfirmNa","enableConfirmNavigation","Promise","resolve","Text","Number","required","tooltip","Select","options","formSelectOptions","MultiSelect","getGroup","option","groupAssociation","groupGetId","group","uuid","groupGetLabel","displayName","optgroups","formSelectGroupOptions","PillSelect","formPillSelectOptions","TieredSelect","formTieredSelectOptions","GroupSelect","formGroupSelectOptions","groups","formGroupSelectGroups","textAlign","marginTop","marginBottom","type","BaseCRU","Fragment","id","map","_objectSpread","groupOpt","find","groupId","nextGroupId","formInitialValues","text","number","checkbox","checkboxes","currency","date","Date","textarea","select","multiselect","pillselect","groupselect","tieredselect","radiobuttons","richtext"],"sources":["../../../src/Form/stories/util.tsx"],"sourcesContent":["import { pick } from 'ramda'\nimport React from 'react'\nimport { Box, Button, Form, useFormContext } from '../../index'\nimport type { PillColor } from '../../Pill'\n\nconst stylesFormDebugger = {\n backgroundColor: '#444',\n color: '#f1f1f1',\n fontSize: '0.8rem',\n}\n\nexport function FormDebugger(props: any = {}) {\n const fields = useFormContext()\n\n let record = {}\n if (!Object.keys(props).length) {\n record = fields\n } else {\n record = pick(Object.keys(props), fields)\n }\n\n return (\n <Box flex=\"1\" padding=\"md\" margin=\"lg none\" style={stylesFormDebugger}>\n <pre style={{ whiteSpace: 'break-spaces' }}>\n {JSON.stringify(record, null, 2)}\n </pre>\n </Box>\n )\n}\n\ninterface SingleFormProps {\n component?: any\n debug?: boolean\n initialValue?: any\n variant?: React.ComponentProps<typeof Form>['variant']\n view?: React.ComponentProps<typeof Form>['view']\n useLabelAsInlineLabel?: boolean\n useDescriptionAsInlineDescription?: boolean\n}\n\n/**\n * Takes a Form Field component, e.g. Form.Select, and creates\n * a full Form of one view and variant. Empty value examples,\n * examples with values, various text or state formats.\n */\nconst SingleForm = ({\n component: FieldComponent = Form.Field,\n debug,\n initialValue,\n view,\n variant,\n useLabelAsInlineLabel,\n useDescriptionAsInlineDescription,\n ...props\n}: SingleFormProps) => {\n // removes colStart from DOM for traditional variant\n const columnOne = variant === 'traditional' ? {} : { colStart: 1 }\n const columnTwo = variant === 'traditional' ? {} : { colStart: 7 }\n return (\n <Form\n enableReinitialize\n initialValues={{\n value: initialValue,\n }}\n variant={variant}\n view={view}\n onSubmit={(values) => alert(JSON.stringify(values, null, 2))}\n >\n <Form.Form>\n {debug && <FormDebugger />}\n <Form.Row>\n <FieldComponent\n name=\"empty\"\n {...(useLabelAsInlineLabel\n ? {\n inlineLabel: 'Empty Text',\n }\n : {\n label: 'Empty Text',\n })}\n {...(useDescriptionAsInlineDescription\n ? {\n inlineDescription: 'Empty Description',\n }\n : {\n description: 'Empty Description',\n })}\n {...columnOne}\n {...props}\n />\n <FieldComponent\n name=\"value\"\n {...(useLabelAsInlineLabel\n ? {\n inlineLabel: 'Initial Value Text',\n }\n : {\n label: 'Initial Value Text',\n })}\n {...(useDescriptionAsInlineDescription\n ? {\n inlineDescription: 'Initial Value Description',\n }\n : {\n description: 'Initial Value Description',\n })}\n {...columnTwo}\n {...props}\n />\n </Form.Row>\n <Form.Row>\n <FieldComponent\n name=\"disabled-empty\"\n disabled\n {...(useLabelAsInlineLabel\n ? {\n inlineLabel: 'Disabled Empty Text',\n }\n : {\n label: 'Disabled Empty Text',\n })}\n {...(useDescriptionAsInlineDescription\n ? {\n inlineDescription: 'Disabled Empty Description',\n }\n : {\n description: 'Disabled Empty Description',\n })}\n {...columnOne}\n {...props}\n />\n <FieldComponent\n name=\"disabled-value\"\n disabled\n {...(useLabelAsInlineLabel\n ? {\n inlineLabel: 'Disabled Initial Value Text',\n }\n : {\n label: 'Disabled Initial Value Text',\n })}\n {...(useDescriptionAsInlineDescription\n ? {\n inlineDescription: 'Disabled Initial Description',\n }\n : {\n description: 'Disabled Initial Description',\n })}\n {...columnTwo}\n {...props}\n />\n </Form.Row>\n <Form.Row>\n <FieldComponent\n name=\"error-value\"\n error=\"Some error message that should be read red\"\n {...(useLabelAsInlineLabel\n ? {\n inlineLabel: 'Error Message Initial Value Text',\n }\n : {\n label: 'Error Message Initial Value Text',\n })}\n {...(useDescriptionAsInlineDescription\n ? {\n inlineDescription: 'Error Message Initial Description',\n }\n : {\n description: 'Error Message Initial Description',\n })}\n {...columnOne}\n {...props}\n />\n </Form.Row>\n </Form.Form>\n </Form>\n )\n}\n\ninterface DemoFormProps {\n view?: React.ComponentProps<typeof Form>['view']\n enableConfirmNavigation?: React.ComponentProps<\n typeof Form\n >['enableConfirmNavigation']\n}\nexport const DemoForm = ({\n view = 'create',\n enableConfirmNavigation = true,\n}: DemoFormProps) => {\n return (\n <Form\n view={view}\n onSubmit={(...args) => {\n alert(JSON.stringify(args[0], null, 2))\n\n // Necessary to return success to notify the client the data\n // is saved on the server and this `form` is pristine once again.\n return Promise.resolve()\n }}\n enableConfirmNavigation={enableConfirmNavigation}\n >\n <Form.Form>\n <Form.Row>\n <Form.Text name=\"text\" label=\"Text\" colStart={1} />\n <Form.Number\n name=\"number\"\n label=\"Number\"\n required\n tooltip=\"An example tooltip for any field, this value goes directly to the Tooltip overlay prop\"\n colStart={7}\n />\n </Form.Row>\n <Form.Row>\n <Form.Select\n name=\"select\"\n label=\"Select\"\n options={formSelectOptions}\n colStart={1}\n />\n <Form.MultiSelect\n name=\"multiselect\"\n label=\"MultiSelect\"\n options={formSelectOptions}\n colStart={7}\n />\n </Form.Row>\n <Form.Row>\n <Form.Select\n name=\"select\"\n label=\"Select with Groups\"\n getGroup={(option) => option.groupAssociation}\n groupGetId={(group) => group.uuid}\n groupGetLabel={(group) => group.displayName}\n options={formSelectOptions}\n optgroups={formSelectGroupOptions}\n />\n <Form.PillSelect\n name=\"pillselect\"\n label=\"Status\"\n options={formPillSelectOptions}\n colStart={7}\n />\n </Form.Row>\n <Form.Row>\n <Form.TieredSelect\n name=\"tieredselect\"\n label=\"Tiered Select\"\n options={formTieredSelectOptions}\n colStart={1}\n />\n <Form.GroupSelect\n name=\"groupselect\"\n label=\"Group Select for Distribution\"\n options={formGroupSelectOptions}\n groups={formGroupSelectGroups}\n colStart={7}\n />\n </Form.Row>\n <Box textAlign=\"center\" marginTop=\"sm\" marginBottom=\"xl\">\n <Button variant=\"secondary\" type=\"reset\">\n Reset\n </Button>{' '}\n <Button type=\"submit\">Save</Button>\n </Box>\n </Form.Form>\n </Form>\n )\n}\n\n/** All variations for a field. views, with values, no values, text variations, etc.\n * @example\n * <BaseCRU\n component={Form.Number}\n initialValue={100}\n />\n */\nexport function BaseCRU<Element extends React.JSXElementConstructor<any>>(\n props: Omit<SingleFormProps, 'component'> & { component: Element } & Omit<\n React.ComponentProps<Element>,\n 'name'\n >\n) {\n return (\n <>\n <h1>Standard</h1>\n <h2>Create</h2>\n <SingleForm view=\"create\" {...props} />\n <h2>Read</h2>\n <SingleForm view=\"read\" {...props} />\n <h2>Update</h2>\n <SingleForm view=\"update\" {...props} />\n <h1>Traditional</h1>\n <h2>Create</h2>\n <SingleForm view=\"create\" variant=\"traditional\" {...props} />\n <h2>Read</h2>\n <SingleForm view=\"read\" variant=\"traditional\" {...props} />\n <h2>Update</h2>\n <SingleForm view=\"update\" variant=\"traditional\" {...props} />\n </>\n )\n}\n\nexport const formGroupSelectOptions = [\n { id: 5139977, label: 'Cat' },\n { id: 1279548, label: 'Cow' },\n { id: 1690, label: 'Duck' },\n { id: 3116635, label: 'Crocodile' },\n { id: 1037291, label: 'Dog' },\n { id: 1987946, label: 'Elephant' },\n { id: 1665038, label: 'Fox' },\n { id: 10338, label: 'Frog' },\n { id: 4177019, label: 'Giraffe' },\n { id: 5136274, label: 'Lion' },\n { id: 1819065, label: 'Owl' },\n { id: 3733119, label: 'Parrot' },\n { id: 2142072, label: 'Pig' },\n { id: 1360365, label: 'Wolf' },\n]\n\nexport const formGroupSelectGroups = [\n {\n id: 180604,\n label: 'Group #1',\n options: [5139977, 1037291, 1279548, 5136274],\n },\n { id: 183915, label: 'Group #2', options: [1037291, 1279548] },\n { id: 187138, label: 'Group #3', options: [1665038, 10338] },\n { id: 127496, label: 'Group #4', options: [3116635, 1819065] },\n { id: 126261, label: 'Group #5', options: [1690] },\n].map((group) => ({\n ...group,\n options: group.options.map((groupOpt) =>\n formGroupSelectOptions.find((option) => option.id === groupOpt)\n ),\n}))\n\nexport const formTieredSelectOptions = [\n {\n id: 1,\n groupId: null,\n nextGroupId: 10,\n label: 'Apple Farm',\n },\n {\n id: 3,\n groupId: null,\n nextGroupId: 30,\n label: 'Sports R Us',\n },\n {\n id: 4,\n groupId: null,\n nextGroupId: 30,\n label: 'Sail It Again Ports',\n },\n {\n id: 5,\n groupId: null,\n nextGroupId: 30,\n label: 'Dublix',\n },\n {\n id: 6,\n groupId: null,\n nextGroupId: 30,\n label: 'The Hardees Boys',\n },\n {\n id: 7,\n groupId: null,\n nextGroupId: 30,\n label: 'Carls Senior',\n },\n {\n id: 8,\n groupId: null,\n nextGroupId: 30,\n label: 'Tar J',\n },\n {\n id: 9,\n groupId: null,\n nextGroupId: 30,\n label: 'Innovation Station',\n },\n {\n id: 10,\n groupId: null,\n nextGroupId: 30,\n label: 'Innovation Nation',\n },\n {\n id: 11,\n groupId: null,\n nextGroupId: 30,\n label: 'Global Studios',\n },\n {\n id: 12,\n groupId: null,\n nextGroupId: 30,\n label: \"Ralphie's\",\n },\n {\n id: 13,\n groupId: null,\n nextGroupId: 30,\n label: 'Humble State University',\n },\n {\n id: 14,\n groupId: null,\n nextGroupId: 30,\n label: 'Test Driven Devolvement',\n },\n {\n id: 15,\n groupId: null,\n nextGroupId: 30,\n label: 'The Drilling Company',\n },\n {\n id: 16,\n groupId: null,\n nextGroupId: 30,\n label:\n 'Wrapping text that is very long and will definitely wrap onto two or more lines',\n },\n {\n id: 17,\n groupId: 10,\n nextGroupId: 100,\n label: 'Granny Smith',\n },\n {\n id: 18,\n groupId: 10,\n nextGroupId: 101,\n label: 'Gala',\n },\n {\n id: 21,\n groupId: 30,\n nextGroupId: 300,\n label: 'Project Basketball',\n },\n {\n id: 22,\n groupId: 30,\n nextGroupId: 301,\n label: 'Table Tennis',\n },\n {\n id: 23,\n groupId: 30,\n label: 'Table Ten',\n },\n {\n id: 24,\n groupId: 100,\n label: 'Michigan',\n },\n {\n id: 25,\n groupId: 101,\n label: 'Washington',\n },\n {\n id: 26,\n groupId: 200,\n label: 'Georgia',\n },\n {\n id: 27,\n groupId: 201,\n label: 'California',\n },\n {\n id: 28,\n groupId: 300,\n label: 'Toronto',\n },\n {\n id: 29,\n groupId: 301,\n nextGroupId: 302,\n label: 'Court Complex Uno',\n },\n {\n id: 30,\n groupId: 302,\n nextGroupId: 303,\n label: 'Wrap',\n },\n {\n id: 31,\n groupId: 303,\n nextGroupId: 304,\n label: 'Wrap',\n },\n {\n id: 32,\n groupId: 304,\n nextGroupId: 305,\n label: 'Wrap',\n },\n {\n id: 33,\n groupId: 305,\n nextGroupId: 306,\n label: 'Wrap',\n },\n {\n id: 34,\n groupId: 306,\n nextGroupId: 307,\n label: 'Wrap',\n },\n {\n id: 35,\n groupId: 307,\n label: 'Wrap',\n },\n]\n\nexport const formSelectOptions = [\n { id: 1, label: 'Option Example Uno', groupAssociation: 1 },\n { id: 2, label: 'Item Deux 2', groupAssociation: 2 },\n { id: 3, label: 'Three Three Three', groupAssociation: 1 },\n {\n id: 4,\n label: 'Next Item In List Is Design System Design System',\n groupAssociation: 2,\n },\n { id: 5, label: '5 Entries', groupAssociation: 2 },\n {\n id: 6,\n label:\n 'Another Option With A Longer Amount of Important Information To Read',\n groupAssociation: 3,\n },\n]\n\nexport const formSelectGroupOptions = [\n { uuid: 1, displayName: 'Group 1' },\n {\n uuid: 2,\n displayName: 'Group Having a Longer Group Label, Group Two Is That Group',\n },\n { uuid: 3, displayName: 'Group 3' },\n]\n\nexport const formPillSelectOptions: {\n id: string\n label: string\n color: PillColor\n}[] = [\n { id: '1', label: 'Questionable', color: 'yellow' },\n { id: '2', label: 'False', color: 'red' },\n { id: '3', label: 'The Sky Is Blue', color: 'blue' },\n { id: '4', label: 'Pending Resolution', color: 'gray' },\n {\n id: '5',\n label: 'A very long STATUS that has to wrap cause it is so long',\n color: 'green',\n },\n]\n\nexport const formInitialValues = {\n text: 'Hello String',\n number: 123456.789,\n checkbox: true,\n checkboxes: [formSelectOptions[1], formSelectOptions[2]],\n currency: 1200300.55,\n date: new Date(2020, 9, 31, 14, 30, 42), // Halloween, a Saturday at 2:30 PM\n textarea: 'Hello\\nWorld !!\\n\\n Hello World',\n select: formSelectOptions[1],\n multiselect: [\n formSelectOptions[1],\n formSelectOptions[3],\n formSelectOptions[0],\n ],\n pillselect: formPillSelectOptions[0],\n groupselect: [formGroupSelectOptions[0], formGroupSelectOptions[2]],\n tieredselect: [\n {\n id: 4,\n groupId: null,\n nextGroupId: 30,\n label: 'Sail It Again Ports',\n },\n {\n id: 22,\n groupId: 30,\n nextGroupId: 301,\n label: 'Table Tennis',\n },\n {\n id: 29,\n groupId: 301,\n nextGroupId: 302,\n label: 'Court Complex Uno',\n },\n ],\n radiobuttons: formSelectOptions[5],\n richtext:\n '<p><span style=\"font-size: 18pt; background-color: #00ff00;\">Rich Text Is <strong>Bold</strong></span></p> ',\n}\n"],"mappings":"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"}
@@ -3,7 +3,7 @@ import { spacing } from '../_styles/spacing';
3
3
  var shimmerAnimation = /*#__PURE__*/keyframes(["0%{background-position:-1000px 500px;}100%{background-position:1000px 500px;}"]);
4
4
  export var PlaceholderItem = /*#__PURE__*/styled.div.withConfig({
5
5
  displayName: "PlaceholderItem",
6
- componentId: "core-12_37_0__sc-1nja302-0"
6
+ componentId: "core-12_38_0__sc-1nja302-0"
7
7
  })(["width:100%;min-height:24px;padding:10px 0;animation:", " 3s ease-out infinite;background:radial-gradient( ellipse at center,", " 0%,", " 50% );background-size:2000px 2000px;border-radius:", "px;"], shimmerAnimation, function (props) {
8
8
  return props.$startGradientColor;
9
9
  }, function (props) {
@@ -11,7 +11,7 @@ export var PlaceholderItem = /*#__PURE__*/styled.div.withConfig({
11
11
  }, spacing.sm);
12
12
  export var RoundPlaceholderItem = /*#__PURE__*/styled(PlaceholderItem).withConfig({
13
13
  displayName: "RoundPlaceholderItem",
14
- componentId: "core-12_37_0__sc-1nja302-1"
14
+ componentId: "core-12_38_0__sc-1nja302-1"
15
15
  })(["width:", ";height:", ";border-radius:50%;"], function (props) {
16
16
  return props.$small ? '24px' : '40px';
17
17
  }, function (props) {
@@ -75,7 +75,7 @@ var getRowGutterVertical = function getRowGutterVertical(gutterY, breakpoint) {
75
75
  };
76
76
  export var StyledGridRow = /*#__PURE__*/styled.div.withConfig({
77
77
  displayName: "StyledGridRow",
78
- componentId: "core-12_37_0__sc-8pinsp-0"
78
+ componentId: "core-12_38_0__sc-8pinsp-0"
79
79
  })(["", " display:flex;flex-wrap:wrap;"], function (_ref) {
80
80
  var $gutterX = _ref.$gutterX,
81
81
  $gutterY = _ref.$gutterY;
@@ -87,7 +87,7 @@ export var StyledGridRow = /*#__PURE__*/styled.div.withConfig({
87
87
  });
88
88
  export var StyledGridCol = /*#__PURE__*/styled.div.withConfig({
89
89
  displayName: "StyledGridCol",
90
- componentId: "core-12_37_0__sc-8pinsp-1"
90
+ componentId: "core-12_38_0__sc-8pinsp-1"
91
91
  })(["flex-shrink:0;width:100%;max-width:100%;", ""], function (_ref2) {
92
92
  var $span = _ref2.$span,
93
93
  $offset = _ref2.$offset,
@@ -3,7 +3,7 @@ import { MultiSelect } from '../MultiSelect/MultiSelect';
3
3
  import { colors } from '../_styles/colors';
4
4
  export var StyledGroupSelectOption = /*#__PURE__*/styled(MultiSelect.Option).withConfig({
5
5
  displayName: "StyledGroupSelectOption",
6
- componentId: "core-12_37_0__sc-u5gu8j-0"
6
+ componentId: "core-12_38_0__sc-u5gu8j-0"
7
7
  })(["", ""], function (_ref) {
8
8
  var disabled = _ref.disabled;
9
9
  return disabled && css(["color:", ";cursor:not-allowed;a,a:hover{color:", ";text-decoration:none;}"], colors.gray70, colors.gray70);
@@ -16,6 +16,6 @@ export function getInputStyles(_ref) {
16
16
  }
17
17
  export var StyledInput = /*#__PURE__*/styled.input.withConfig({
18
18
  displayName: "StyledInput",
19
- componentId: "core-12_37_0__sc-12sjkxg-0"
19
+ componentId: "core-12_38_0__sc-12sjkxg-0"
20
20
  })(["", " padding:0 ", "px;&::-ms-clear{display:none;}&[type='number']{-moz-appearance:textfield;&::-webkit-inner-spin-button,&::-webkit-outer-spin-button{-webkit-appearance:none;margin:0;}}"], getInputStyles, spacing.md);
21
21
  //# sourceMappingURL=Input.styles.js.map
@@ -17,6 +17,6 @@ function getLinkColors(_ref) {
17
17
  }
18
18
  export var StyledLink = /*#__PURE__*/styled.a.withConfig({
19
19
  displayName: "StyledLink",
20
- componentId: "core-12_37_0__sc-jfowrl-0"
20
+ componentId: "core-12_38_0__sc-jfowrl-0"
21
21
  })(["text-decoration:underline;&:hover{cursor:pointer;text-decoration:underline;}", " &.focus,&:focus{", ";}", ""], focusable, getBorderRadius('md'), getLinkColors);
22
22
  //# sourceMappingURL=Link.styles.js.map
@@ -3,19 +3,19 @@ import { colors } from '../_styles/colors';
3
3
  import { spacing } from '../_styles/spacing';
4
4
  export var StyledListPageMain = /*#__PURE__*/styled.div.withConfig({
5
5
  displayName: "StyledListPageMain",
6
- componentId: "core-12_37_0__sc-1eq7fzi-0"
6
+ componentId: "core-12_38_0__sc-1eq7fzi-0"
7
7
  })(["display:flex;flex:1 0 auto;flex-direction:column;min-width:0;padding:", "px ", "px;width:100%;"], spacing.lg, spacing.xl);
8
8
  export var StyledListPageBanner = /*#__PURE__*/styled.div.withConfig({
9
9
  displayName: "StyledListPageBanner",
10
- componentId: "core-12_37_0__sc-1eq7fzi-1"
10
+ componentId: "core-12_38_0__sc-1eq7fzi-1"
11
11
  })(["flex:0 0 auto;"]);
12
12
  export var StyledListPageToolHeader = /*#__PURE__*/styled.div.withConfig({
13
13
  displayName: "StyledListPageToolHeader",
14
- componentId: "core-12_37_0__sc-1eq7fzi-2"
14
+ componentId: "core-12_38_0__sc-1eq7fzi-2"
15
15
  })(["flex:0 0 auto;padding-bottom:", "px;"], spacing.lg);
16
16
  export var StyledListPageControl = /*#__PURE__*/styled.div.withConfig({
17
17
  displayName: "StyledListPageControl",
18
- componentId: "core-12_37_0__sc-1eq7fzi-3"
18
+ componentId: "core-12_38_0__sc-1eq7fzi-3"
19
19
  })(["flex:", ";", " ", ""], function (_ref) {
20
20
  var $block = _ref.$block;
21
21
  return $block ? '1 0 auto' : '0 0 auto';
@@ -32,18 +32,18 @@ export var StyledListPageControl = /*#__PURE__*/styled.div.withConfig({
32
32
  });
33
33
  export var StyledListPageContentControls = /*#__PURE__*/styled.div.withConfig({
34
34
  displayName: "StyledListPageContentControls",
35
- componentId: "core-12_37_0__sc-1eq7fzi-4"
35
+ componentId: "core-12_38_0__sc-1eq7fzi-4"
36
36
  })(["align-items:center;display:flex;flex:0 0 auto;justify-content:space-between;padding:", "px 0;", " + ", "{margin-left:", "px;}"], spacing.md, StyledListPageControl, StyledListPageControl, spacing.lg);
37
37
  export var StyledListPageBody = /*#__PURE__*/styled.div.withConfig({
38
38
  displayName: "StyledListPageBody",
39
- componentId: "core-12_37_0__sc-1eq7fzi-5"
39
+ componentId: "core-12_38_0__sc-1eq7fzi-5"
40
40
  })(["display:flex;flex:1 0 auto;padding-top:", "px;"], spacing.md);
41
41
  export var StyledListPageBodyContent = /*#__PURE__*/styled.div.withConfig({
42
42
  displayName: "StyledListPageBodyContent",
43
- componentId: "core-12_37_0__sc-1eq7fzi-6"
43
+ componentId: "core-12_38_0__sc-1eq7fzi-6"
44
44
  })(["flex:1 1 auto;"]);
45
45
  export var StyledListPage = /*#__PURE__*/styled.div.withConfig({
46
46
  displayName: "StyledListPage",
47
- componentId: "core-12_37_0__sc-1eq7fzi-7"
47
+ componentId: "core-12_38_0__sc-1eq7fzi-7"
48
48
  })(["display:flex;flex-direction:row;height:100%;width:100%;", " + ", "{padding-top:", "px;}", " + ", "{border-top-color:", ";border-top-style:solid;border-top-width:1px;}", " + ", ",", " + ", "{border-top-color:", ";border-top-style:solid;border-top-width:1px;}", " + ", "{padding-top:0;}"], StyledListPageBanner, StyledListPageToolHeader, spacing.lg, StyledListPageContentControls, StyledListPageContentControls, colors.gray85, StyledListPageToolHeader, StyledListPageContentControls, StyledListPageToolHeader, StyledListPageBody, colors.gray85, StyledListPageContentControls, StyledListPageBody);
49
49
  //# sourceMappingURL=ListPage.styles.js.map
@@ -7,11 +7,11 @@ export var loaderTransitionDuration = 250;
7
7
  var movingStripes = /*#__PURE__*/keyframes(["from{background-position:", "px 0;}100%{background-position:0 ", "px;}"], backgroundSize, backgroundSize);
8
8
  export var StyledLoader = /*#__PURE__*/styled.div.withConfig({
9
9
  displayName: "StyledLoader",
10
- componentId: "core-12_37_0__sc-wgvjj9-0"
10
+ componentId: "core-12_38_0__sc-wgvjj9-0"
11
11
  })(["display:block;height:100%;left:0;min-width:12px;position:absolute;transition:width ", "ms ease-out;top:0;"], loaderTransitionDuration);
12
12
  export var StyledGradient = /*#__PURE__*/styled.div.withConfig({
13
13
  displayName: "StyledGradient",
14
- componentId: "core-12_37_0__sc-wgvjj9-1"
14
+ componentId: "core-12_38_0__sc-wgvjj9-1"
15
15
  })(["height:100%;", ""], function (_ref) {
16
16
  var $animated = _ref.$animated;
17
17
  return $animated ? css(["@media (prefers-reduced-motion:no-preference){animation:", " 0.5s linear infinite;}background-image:linear-gradient( 45deg,", " 26%,", " 25%,", " 51%,", " 50%,", " 76%,", " 75%,", " );background-size:", "px ", "px;"], movingStripes, color1, color2, color2, color1, color1, color2, color2, backgroundSize, backgroundSize) : css(["background-color:", ";"], colors.blue50);
@@ -11,15 +11,15 @@ var optionMinHeight = 32;
11
11
  // Do not merge with StyledMenu, needed for max-height working in IE
12
12
  export var StyledWrapper = /*#__PURE__*/styled.div.withConfig({
13
13
  displayName: "StyledWrapper",
14
- componentId: "core-12_37_0__sc-z984sz-0"
14
+ componentId: "core-12_38_0__sc-z984sz-0"
15
15
  })(["border-radius:inherit;display:flex;max-height:inherit;min-width:inherit;outline:none;width:inherit;"]);
16
16
  export var StyledMenu = /*#__PURE__*/styled.div.withConfig({
17
17
  displayName: "StyledMenu",
18
- componentId: "core-12_37_0__sc-z984sz-1"
18
+ componentId: "core-12_38_0__sc-z984sz-1"
19
19
  })(["border-radius:inherit;display:flex;flex-direction:column;outline:0;width:100%;"]);
20
20
  export var StyledOptions = /*#__PURE__*/styled.div.withConfig({
21
21
  displayName: "StyledOptions",
22
- componentId: "core-12_37_0__sc-z984sz-2"
22
+ componentId: "core-12_38_0__sc-z984sz-2"
23
23
  })(["flex-basis:auto;flex-grow:1;flex-shrink:1;min-height:", "px;", ";padding:", "px 0;position:relative;&:focus-visible{", " margin:-1px;}"], optionMinHeight, function (_ref) {
24
24
  var _ref$$scrollable = _ref.$scrollable,
25
25
  $scrollable = _ref$$scrollable === void 0 ? true : _ref$$scrollable;
@@ -27,26 +27,26 @@ export var StyledOptions = /*#__PURE__*/styled.div.withConfig({
27
27
  }, spacing.sm, getFocus());
28
28
  export var StyledGrip = /*#__PURE__*/styled.div.withConfig({
29
29
  displayName: "StyledGrip",
30
- componentId: "core-12_37_0__sc-z984sz-3"
30
+ componentId: "core-12_38_0__sc-z984sz-3"
31
31
  })(["padding:0 2px;height:24px;visibility:hidden;"]);
32
32
  export var StyledHeader = /*#__PURE__*/styled.div.withConfig({
33
33
  displayName: "StyledHeader",
34
- componentId: "core-12_37_0__sc-z984sz-4"
34
+ componentId: "core-12_38_0__sc-z984sz-4"
35
35
  })([""]);
36
36
  export var StyledSearch = /*#__PURE__*/styled.div.withConfig({
37
37
  displayName: "StyledSearch",
38
- componentId: "core-12_37_0__sc-z984sz-5"
38
+ componentId: "core-12_38_0__sc-z984sz-5"
39
39
  })(["padding:", "px ", "px ", "px;", " > *{pointer-events:none;}"], spacing.lg, spacing.lg, spacing.sm, StyledButton);
40
40
  export var StyledGroup = /*#__PURE__*/styled.div.withConfig({
41
41
  displayName: "StyledGroup",
42
- componentId: "core-12_37_0__sc-z984sz-6"
42
+ componentId: "core-12_38_0__sc-z984sz-6"
43
43
  })(["", " color:", ";cursor:", ";font-weight:", ";padding:", "px ", "px;&:not(:first-child){padding-top:", "px;}"], getTypographyIntent('body'), colors.gray15, function (_ref2) {
44
44
  var $clickable = _ref2.$clickable;
45
45
  return $clickable ? 'pointer' : 'default';
46
46
  }, typographyWeights.semibold, spacing.xs, spacing.lg, spacing.md + spacing.xs);
47
47
  export var StyledItem = /*#__PURE__*/styled.div.withConfig({
48
48
  displayName: "StyledItem",
49
- componentId: "core-12_37_0__sc-z984sz-7"
49
+ componentId: "core-12_38_0__sc-z984sz-7"
50
50
  })(["", ";", " cursor:pointer;list-style-type:none;padding:", "px ", "px;a{color:", ";display:block;margin:-", "px -", "px;padding:", "px ", "px;text-decoration:none;&:hover{color:", ";text-decoration:none;}}&[data-highlighted='true']{background-color:", ";}", " &:hover,&:active{", "{visibility:visible;}}", "{color:inherit;cursor:pointer;}", " ", " ", ""], getTypographyIntent('body'), function (_ref3) {
51
51
  var as = _ref3.as;
52
52
  return as === 'a' && css(["display:block;text-decoration:none;"]);
@@ -75,10 +75,10 @@ export var StyledItem = /*#__PURE__*/styled.div.withConfig({
75
75
  });
76
76
  export var StyledDroppable = /*#__PURE__*/styled.div.withConfig({
77
77
  displayName: "StyledDroppable",
78
- componentId: "core-12_37_0__sc-z984sz-8"
78
+ componentId: "core-12_38_0__sc-z984sz-8"
79
79
  })(["", ",", "{padding-left:28px;}"], StyledGroup, StyledItem);
80
80
  export var StyledFooter = /*#__PURE__*/styled(Box).withConfig({
81
81
  displayName: "StyledFooter",
82
- componentId: "core-12_37_0__sc-z984sz-9"
82
+ componentId: "core-12_38_0__sc-z984sz-9"
83
83
  })(["border-top:1px solid ", ";border-bottom-left-radius:inherit;border-bottom-right-radius:inherit;"], colors.gray85);
84
84
  //# sourceMappingURL=MenuImperative.styles.js.map
@@ -32,15 +32,15 @@ var screenWidthPixelBreakpoints = {
32
32
  };
33
33
  export var StyledModal = /*#__PURE__*/styled.div.withConfig({
34
34
  displayName: "StyledModal",
35
- componentId: "core-12_37_0__sc-1ijdug2-0"
35
+ componentId: "core-12_38_0__sc-1ijdug2-0"
36
36
  })(["display:flex;height:100vh;position:absolute;opacity:0;transition:0.3s opacity ease;width:100vw;z-index:0;pointer-events:none;&.", "{opacity:1;pointer-events:auto;}&.", "{opacity:0;pointer-events:none;}"], fadeInClassName, fadeOutClassName);
37
37
  export var StyledModalButtons = /*#__PURE__*/styled.div.withConfig({
38
38
  displayName: "StyledModalButtons",
39
- componentId: "core-12_37_0__sc-1ijdug2-1"
39
+ componentId: "core-12_38_0__sc-1ijdug2-1"
40
40
  })(["display:flex;flex:0 0 auto;margin-left:", "px;> * + *{margin-left:", "px;}"], spacing.lg, spacing.sm);
41
41
  export var StyledModalContainer = /*#__PURE__*/styled(Card).withConfig({
42
42
  displayName: "StyledModalContainer",
43
- componentId: "core-12_37_0__sc-1ijdug2-2"
43
+ componentId: "core-12_38_0__sc-1ijdug2-2"
44
44
  })(["display:flex;flex-direction:row;position:absolute;z-index:2;", " ", " ", ""], function (_ref) {
45
45
  var $compact = _ref.$compact;
46
46
  if (!$compact) {
@@ -64,11 +64,11 @@ export var StyledModalContainer = /*#__PURE__*/styled(Card).withConfig({
64
64
  });
65
65
  export var StyledModalFooter = /*#__PURE__*/styled.div.withConfig({
66
66
  displayName: "StyledModalFooter",
67
- componentId: "core-12_37_0__sc-1ijdug2-3"
67
+ componentId: "core-12_38_0__sc-1ijdug2-3"
68
68
  })(["align-items:center;display:flex;flex:0 0 auto;flex-wrap:wrap;justify-content:flex-end;padding:", "px ", "px ", "px;"], spacing.xl, spacing.xxl, spacing.xxl);
69
69
  export var StyledModalBody = /*#__PURE__*/styled.div.withConfig({
70
70
  displayName: "StyledModalBody",
71
- componentId: "core-12_37_0__sc-1ijdug2-4"
71
+ componentId: "core-12_38_0__sc-1ijdug2-4"
72
72
  })(["", " &:focus-visible{", "}box-sizing:border-box;color:", ";display:flex;flex-direction:column;overflow:auto;", " ", " > ", "{padding-left:0;padding-right:0;&:first-child > ", "{padding-top:0;}}", ""], getTypographyIntent('body'), getFocusInset(), colors.gray15, function (_ref4) {
73
73
  var $noSideSpacing = _ref4.$noSideSpacing;
74
74
  return css(["padding:", "px ", "px;"], spacing.xl, $noSideSpacing ? 0 : spacing.xxl);
@@ -85,7 +85,7 @@ export var StyledModalBody = /*#__PURE__*/styled.div.withConfig({
85
85
  });
86
86
  export var StyledModalContent = /*#__PURE__*/styled.div.withConfig({
87
87
  displayName: "StyledModalContent",
88
- componentId: "core-12_37_0__sc-1ijdug2-5"
88
+ componentId: "core-12_38_0__sc-1ijdug2-5"
89
89
  })(["display:flex;flex-direction:column;max-height:90vh;overflow:hidden;width:100%;", ""], function (_ref7) {
90
90
  var _ref7$$compact = _ref7.$compact,
91
91
  $compact = _ref7$$compact === void 0 ? false : _ref7$$compact;
@@ -96,11 +96,11 @@ export var StyledModalContent = /*#__PURE__*/styled.div.withConfig({
96
96
  });
97
97
  export var StyledModalFooterNotation = /*#__PURE__*/styled(Typography).withConfig({
98
98
  displayName: "StyledModalFooterNotation",
99
- componentId: "core-12_37_0__sc-1ijdug2-6"
99
+ componentId: "core-12_38_0__sc-1ijdug2-6"
100
100
  })(["flex-grow:1;"]);
101
101
  export var StyledModalHeader = /*#__PURE__*/styled.div.withConfig({
102
102
  displayName: "StyledModalHeader",
103
- componentId: "core-12_37_0__sc-1ijdug2-7"
103
+ componentId: "core-12_38_0__sc-1ijdug2-7"
104
104
  })(["align-items:flex-start;color:", ";display:flex;flex:0 0 auto;position:relative;", " ", ""], colors.gray10, function (_ref8) {
105
105
  var $compact = _ref8.$compact,
106
106
  $isBodyScrolled = _ref8.$isBodyScrolled;
@@ -118,7 +118,7 @@ export var StyledModalHeader = /*#__PURE__*/styled.div.withConfig({
118
118
  });
119
119
  export var StyledModalHeading = /*#__PURE__*/styled.div.withConfig({
120
120
  displayName: "StyledModalHeading",
121
- componentId: "core-12_37_0__sc-1ijdug2-8"
121
+ componentId: "core-12_38_0__sc-1ijdug2-8"
122
122
  })(["", " align-items:center;display:flex;flex:1 1 auto;min-height:36px;padding-right:", "px;", ""], function (_ref0) {
123
123
  var $compact = _ref0.$compact;
124
124
  return getTypographyIntent($compact ? 'h3' : 'h2');
@@ -134,18 +134,18 @@ export var StyledModalHeading = /*#__PURE__*/styled.div.withConfig({
134
134
  });
135
135
  export var StyledModalCancel = /*#__PURE__*/styled.div.withConfig({
136
136
  displayName: "StyledModalCancel",
137
- componentId: "core-12_37_0__sc-1ijdug2-9"
137
+ componentId: "core-12_38_0__sc-1ijdug2-9"
138
138
  })(["flex:0 0 auto;"]);
139
139
  export var StyledModalScrim = /*#__PURE__*/styled.div.withConfig({
140
140
  displayName: "StyledModalScrim",
141
- componentId: "core-12_37_0__sc-1ijdug2-10"
141
+ componentId: "core-12_38_0__sc-1ijdug2-10"
142
142
  })(["background:hsla(200,8%,10%,0.6);height:100vh;left:0;position:absolute;top:0;width:100vw;z-index:1;"]);
143
143
  export var StyledModalWarningIcon = /*#__PURE__*/styled(Warning).withConfig({
144
144
  displayName: "StyledModalWarningIcon",
145
- componentId: "core-12_37_0__sc-1ijdug2-11"
145
+ componentId: "core-12_38_0__sc-1ijdug2-11"
146
146
  })(["color:", ";margin-right:", "px;"], colors.yellow40, spacing.sm);
147
147
  export var StyledModalFooterSummary = /*#__PURE__*/styled.div.withConfig({
148
148
  displayName: "StyledModalFooterSummary",
149
- componentId: "core-12_37_0__sc-1ijdug2-12"
149
+ componentId: "core-12_38_0__sc-1ijdug2-12"
150
150
  })(["", " border-top:1px solid ", ";border-bottom:1px solid ", ";padding:", "px ", "px;color:", ";font-style:italic;background-color:", ";margin:-", "px -", "px ", "px -", "px;flex:1 1 100%;"], getTypographyIntent('small'), colors.gray85, colors.gray85, spacing.md, spacing.xxl, colors.gray15, colors.gray98, spacing.xl, spacing.xxl, spacing.xl, spacing.xxl);
151
151
  //# sourceMappingURL=Modal.styles.js.map
@@ -8,30 +8,30 @@ import { getFocus } from '../_styles/mixins';
8
8
  import { spacing } from '../_styles/spacing';
9
9
  export var StyledMultiSelectValues = /*#__PURE__*/styled.div.withConfig({
10
10
  displayName: "StyledMultiSelectValues",
11
- componentId: "core-12_37_0__sc-s9ym9q-0"
11
+ componentId: "core-12_38_0__sc-s9ym9q-0"
12
12
  })(["display:flex;flex-wrap:wrap;margin-bottom:2px;margin-left:", "px;margin-right:", "px;margin-top:2px;min-width:0;width:100%;"], spacing.md, spacing.xs);
13
13
  export var StyledMultiSelectToken = /*#__PURE__*/styled.div.withConfig({
14
14
  displayName: "StyledMultiSelectToken",
15
- componentId: "core-12_37_0__sc-s9ym9q-1"
15
+ componentId: "core-12_38_0__sc-s9ym9q-1"
16
16
  })(["margin-bottom:2px;margin-right:", "px;margin-top:2px;flex:0 1 auto;> div{max-width:178px;width:100%;}"], spacing.xs);
17
17
  export var StyledMultiSelectSearchInput = /*#__PURE__*/styled.input.withConfig({
18
18
  displayName: "StyledMultiSelectSearchInput",
19
- componentId: "core-12_37_0__sc-s9ym9q-2"
19
+ componentId: "core-12_38_0__sc-s9ym9q-2"
20
20
  })(["background-color:transparent;border-width:0;font-family:inherit;padding:0;height:24px;width:100%;", " ", " &::-ms-clear{display:none;}&:focus{box-shadow:none;outline:none;}&::placeholder{color:", ";}"], getTypographyIntent('body'), function (_ref) {
21
21
  var $isNavigatingTokens = _ref.$isNavigatingTokens;
22
22
  return $isNavigatingTokens && css(["color:transparent;"]);
23
23
  }, colors.gray45);
24
24
  export var StyledMultiSelectSearch = /*#__PURE__*/styled.div.withConfig({
25
25
  displayName: "StyledMultiSelectSearch",
26
- componentId: "core-12_37_0__sc-s9ym9q-3"
26
+ componentId: "core-12_38_0__sc-s9ym9q-3"
27
27
  })(["margin-bottom:2px;margin-right:", "px;margin-top:2px;flex:1;max-width:100%;min-width:24px;"], spacing.xs);
28
28
  export var StyledMultiSelectSearchIcon = /*#__PURE__*/styled.div.withConfig({
29
29
  displayName: "StyledMultiSelectSearchIcon",
30
- componentId: "core-12_37_0__sc-s9ym9q-4"
30
+ componentId: "core-12_38_0__sc-s9ym9q-4"
31
31
  })(["align-items:center;align-self:flex-start;display:flex;height:34px;justify-content:flex-end;margin-left:", "px;margin-right:", "px;min-width:40px;width:40px;"], spacing.xs, spacing.md);
32
32
  export var StyledMultiSelectClearIcon = /*#__PURE__*/styled(Button).withConfig({
33
33
  displayName: "StyledMultiSelectClearIcon",
34
- componentId: "core-12_37_0__sc-s9ym9q-5"
34
+ componentId: "core-12_38_0__sc-s9ym9q-5"
35
35
  })(["", " ", "{pointer-events:none;}"], function (_ref2) {
36
36
  var $show = _ref2.$show;
37
37
  return css(["opacity:", ";"], $show ? 1 : 0);
@@ -41,7 +41,7 @@ export var StyledMultiSelectArrow = StyledSelectArrow;
41
41
  export var StyledMultiSelectMenu = StyledSelectMenu;
42
42
  export var StyledMultiSelectButton = /*#__PURE__*/styled(StyledSelectButton).withConfig({
43
43
  displayName: "StyledMultiSelectButton",
44
- componentId: "core-12_37_0__sc-s9ym9q-6"
44
+ componentId: "core-12_38_0__sc-s9ym9q-6"
45
45
  })(["height:auto;padding:0;white-space:normal;&:focus-within{", "}", ""], getFocus(), function (_ref3) {
46
46
  var $emptyValue = _ref3.$emptyValue;
47
47
  return $emptyValue && css(["", "{cursor:pointer;}"], StyledMultiSelectSearchInput);
@@ -6,14 +6,14 @@ export var optionMinHeight = 32;
6
6
  export var defaultMenuHeight = 64;
7
7
  export var StyledOptions = /*#__PURE__*/styled.div.withConfig({
8
8
  displayName: "StyledOptions",
9
- componentId: "core-12_37_0__sc-3o6zya-0"
9
+ componentId: "core-12_38_0__sc-3o6zya-0"
10
10
  })([""]);
11
11
  export var StyledItem = /*#__PURE__*/styled.div.withConfig({
12
12
  displayName: "StyledItem",
13
- componentId: "core-12_37_0__sc-3o6zya-1"
13
+ componentId: "core-12_38_0__sc-3o6zya-1"
14
14
  })(["", ";padding:", "px ", "px;cursor:pointer;list-style-type:none;"], getTypographyIntent('body'), spacing.xs, spacing.md);
15
15
  export var StyledGroup = /*#__PURE__*/styled.div.withConfig({
16
16
  displayName: "StyledGroup",
17
- componentId: "core-12_37_0__sc-3o6zya-2"
17
+ componentId: "core-12_38_0__sc-3o6zya-2"
18
18
  })(["", ";padding:", "px ", "px ", "px;font-weight:", ";background:white;list-style-type:none;"], getTypographyIntent('body'), spacing.md, spacing.md, spacing.xs, typographyWeights.semibold);
19
19
  //# sourceMappingURL=NextMenu.styles.js.map
@@ -14,7 +14,7 @@ var variantColorMap = {
14
14
  };
15
15
  var StyledNotation = /*#__PURE__*/styled.i.withConfig({
16
16
  displayName: "StyledNotation",
17
- componentId: "core-12_37_0__sc-160q1m6-0"
17
+ componentId: "core-12_38_0__sc-160q1m6-0"
18
18
  })(["", " color:", ";font-style:italic;"], getTypographyIntent('small'), function (_ref) {
19
19
  var $variant = _ref.$variant;
20
20
  return $variant ? colors[variantColorMap[$variant]] : colors.gray15;
@@ -12,37 +12,37 @@ var inputBgColor = colors.white;
12
12
  var inputBorder = "".concat(colors.gray50, " solid 1px");
13
13
  var StyledRootAddon = /*#__PURE__*/styled.span.withConfig({
14
14
  displayName: "StyledRootAddon",
15
- componentId: "core-12_37_0__sc-1782nvg-0"
15
+ componentId: "core-12_38_0__sc-1782nvg-0"
16
16
  })(["display:inline-flex;align-items:center;height:100%;position:absolute;top:0;color:", ";", ";"], function (_ref) {
17
17
  var disabled = _ref.disabled;
18
18
  return disabled ? colors.gray70 : colors.gray45;
19
19
  }, getTypographyIntent('body'));
20
20
  export var StyledPrefix = /*#__PURE__*/styled(StyledRootAddon).withConfig({
21
21
  displayName: "StyledPrefix",
22
- componentId: "core-12_37_0__sc-1782nvg-1"
22
+ componentId: "core-12_38_0__sc-1782nvg-1"
23
23
  })(["left:", "px;"], spacing.md);
24
24
  export var StyledSuffix = /*#__PURE__*/styled(StyledRootAddon).withConfig({
25
25
  displayName: "StyledSuffix",
26
- componentId: "core-12_37_0__sc-1782nvg-2"
26
+ componentId: "core-12_38_0__sc-1782nvg-2"
27
27
  })(["right:", "px;"], function (_ref2) {
28
28
  var $withIncrementer = _ref2.$withIncrementer;
29
29
  return $withIncrementer ? spacing.md + incrementerWidth : spacing.md;
30
30
  });
31
31
  export var StyledIncrementerWrapper = /*#__PURE__*/styled.div.withConfig({
32
32
  displayName: "StyledIncrementerWrapper",
33
- componentId: "core-12_37_0__sc-1782nvg-3"
33
+ componentId: "core-12_38_0__sc-1782nvg-3"
34
34
  })(["display:flex;flex-direction:column;position:absolute;top:1px;right:1px;height:100%;"]);
35
35
  export var StyledIncrementerButton = /*#__PURE__*/styled.button.withConfig({
36
36
  displayName: "StyledIncrementerButton",
37
- componentId: "core-12_37_0__sc-1782nvg-4"
37
+ componentId: "core-12_38_0__sc-1782nvg-4"
38
38
  })(["display:inline-flex;justify-content:center;align-items:center;width:", "px;height:calc(50% - 1px);border:none;border-radius:0px;outline:none;background-color:", ";padding:0;cursor:pointer;&:first-child,&:last-child{border-left:", ";&:disabled{border-color:", ";background-color:", ";}}&:first-child{border-top-right-radius:2px;}&:last-child{border-top:", ";border-bottom-right-radius:2px;}svg{fill:", ";}&:hover{svg{fill:", ";}}&:disabled{cursor:default;svg{fill:", ";}}"], incrementerWidth, inputBgColor, inputBorder, colors.gray50, colors.gray94, inputBorder, colors.gray45, colors.gray10, colors.gray70);
39
39
  export var StyledInput = /*#__PURE__*/styled(Input).withConfig({
40
40
  displayName: "StyledInput",
41
- componentId: "core-12_37_0__sc-1782nvg-5"
41
+ componentId: "core-12_38_0__sc-1782nvg-5"
42
42
  })([""]);
43
43
  export var StyledWrapper = /*#__PURE__*/styled.div.withConfig({
44
44
  displayName: "StyledWrapper",
45
- componentId: "core-12_37_0__sc-1782nvg-6"
45
+ componentId: "core-12_38_0__sc-1782nvg-6"
46
46
  })(["position:relative;", ""], function (_ref3) {
47
47
  var $hasIncrementer = _ref3.$hasIncrementer;
48
48
  return $hasIncrementer && css(["", "{padding-right:", "px;}"], StyledInput, spacing.md + incrementerWidth);
@@ -2,6 +2,6 @@ import styled from 'styled-components';
2
2
  export var arrowSize = 8;
3
3
  export var StyledArrow = /*#__PURE__*/styled.div.withConfig({
4
4
  displayName: "StyledArrow",
5
- componentId: "core-12_37_0__sc-1epxw7u-0"
5
+ componentId: "core-12_38_0__sc-1epxw7u-0"
6
6
  })(["position:absolute;background:inherit;width:", "px;height:", "px;transform:rotate(45deg);"], arrowSize, arrowSize);
7
7
  //# sourceMappingURL=OverlayArrow.styles.js.map
@@ -99,7 +99,8 @@ export var OverlayTrigger = /*#__PURE__*/React.forwardRef(function OverlayTrigge
99
99
  overlayApiRef = _ref2.overlayRef,
100
100
  role = _ref2.role,
101
101
  _ref2$passA11yPropsTo = _ref2.passA11yPropsToOverlay,
102
- passA11yPropsToOverlay = _ref2$passA11yPropsTo === void 0 ? false : _ref2$passA11yPropsTo;
102
+ passA11yPropsToOverlay = _ref2$passA11yPropsTo === void 0 ? false : _ref2$passA11yPropsTo,
103
+ overlayIdProp = _ref2.overlayId;
103
104
  var isDialogRole = role === 'dialog';
104
105
  if (isDialogRole && (trigger === 'hover' || trigger !== null && trigger !== void 0 && trigger.includes('hover'))) {
105
106
  console.warn("@procore/core-react: OverlayTigger has role ".concat(role, " and a hover trigger, this may cause weird focus management and is unrecommended. Review autoFocus prop."));
@@ -181,7 +182,8 @@ export var OverlayTrigger = /*#__PURE__*/React.forwardRef(function OverlayTrigge
181
182
  };
182
183
  }, [triggers, visibility.isVisible, delayedToggle]);
183
184
  var triggerElement = typeof children === 'function' ? children(triggerApi) : children;
184
- var overlayId = useId();
185
+ var defaultOverlayId = useId();
186
+ var overlayId = overlayIdProp !== null && overlayIdProp !== void 0 ? overlayIdProp : defaultOverlayId;
185
187
  var _useOverlayTriggerA = useOverlayTriggerA11y({
186
188
  canPropOverlayUp: /*#__PURE__*/React.isValidElement(overlay) && passA11yPropsToOverlay,
187
189
  'aria-describedby': ariaDescribedby,