@televet/kibble-ui 2.1.2-beta.86796dgae.0 → 2.1.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +0 -15
- package/build/{alert.component-3f698ba2.js → alert.component-52451145.js} +2 -2
- package/build/{alert.component-3f698ba2.js.map → alert.component-52451145.js.map} +1 -1
- package/build/{avatar.component-05bcf698.js → avatar.component-a96cbc6b.js} +2 -2
- package/build/{avatar.component-05bcf698.js.map → avatar.component-a96cbc6b.js.map} +1 -1
- package/build/avatarGroup.component-98140be9.js +2 -0
- package/build/{avatarGroup.component-36ff0d62.js.map → avatarGroup.component-98140be9.js.map} +1 -1
- package/build/{button.component-31667514.js → button.component-957d9e9f.js} +2 -2
- package/build/{button.component-0b765852.js.map → button.component-957d9e9f.js.map} +1 -1
- package/build/card.component-20080f05.js +2 -0
- package/build/{card.component-de5d4b2a.js.map → card.component-20080f05.js.map} +1 -1
- package/build/chakra/index.js +1 -1
- package/build/{chakra-ui-checkbox.esm-4cded6a7.js → chakra-ui-checkbox.esm-499c8b0c.js} +2 -2
- package/build/{chakra-ui-checkbox.esm-4cded6a7.js.map → chakra-ui-checkbox.esm-499c8b0c.js.map} +1 -1
- package/build/{chakra-ui-menu.esm-3741fe08.js → chakra-ui-menu.esm-fe9ef385.js} +2 -2
- package/build/{chakra-ui-menu.esm-3741fe08.js.map → chakra-ui-menu.esm-fe9ef385.js.map} +1 -1
- package/build/{chakra-ui-modal.esm-fa7beddc.js → chakra-ui-modal.esm-5ec83d2f.js} +2 -2
- package/build/{chakra-ui-modal.esm-fa7beddc.js.map → chakra-ui-modal.esm-5ec83d2f.js.map} +1 -1
- package/build/{chakra-ui-popover.esm-1e836c11.js → chakra-ui-popover.esm-172468d8.js} +2 -2
- package/build/{chakra-ui-popover.esm-1e836c11.js.map → chakra-ui-popover.esm-172468d8.js.map} +1 -1
- package/build/{chakra-ui-skeleton.esm-839f0cbd.js → chakra-ui-skeleton.esm-75810d78.js} +2 -2
- package/build/{chakra-ui-skeleton.esm-839f0cbd.js.map → chakra-ui-skeleton.esm-75810d78.js.map} +1 -1
- package/build/{checkbox.component-ed814741.js → checkbox.component-b2d6ac56.js} +2 -2
- package/build/{checkbox.component-da6a6274.js.map → checkbox.component-b2d6ac56.js.map} +1 -1
- package/build/checkboxGroup.component-3fce48e7.js +2 -0
- package/build/{checkboxGroup.component-bac10237.js.map → checkboxGroup.component-3fce48e7.js.map} +1 -1
- package/build/{color.record-28a10e28.js → color.record-c0a60cfc.js} +2 -2
- package/build/{color.record-28a10e28.js.map → color.record-c0a60cfc.js.map} +1 -1
- package/build/color.types-7d5284ee.js +2 -0
- package/build/color.types-7d5284ee.js.map +1 -0
- package/build/components/Alert/index.js +1 -1
- package/build/components/Avatar/index.js +1 -1
- package/build/components/AvatarGroup/index.js +1 -1
- package/build/components/Button/index.js +1 -1
- package/build/components/Card/index.js +1 -1
- package/build/components/Checkbox/index.js +1 -1
- package/build/components/CheckboxGroup/index.js +1 -1
- package/build/components/DatePicker/index.js +1 -1
- package/build/components/Heading/index.js +1 -1
- package/build/components/Link/index.js +1 -1
- package/build/components/Logo/index.js +1 -1
- package/build/components/Menu/components/MenuButton/index.js +1 -1
- package/build/components/Menu/components/MenuContainer/index.js +1 -1
- package/build/components/Menu/components/MenuItem/index.js +1 -1
- package/build/components/Menu/components/MenuList/index.js +1 -1
- package/build/components/Menu/components/MenuOptionGroup/index.js +1 -1
- package/build/components/Menu/index.js +1 -1
- package/build/components/Modal/components/ModalBody/index.js +1 -1
- package/build/components/Modal/components/ModalCloseButton/index.js +1 -1
- package/build/components/Modal/components/ModalFooter/index.js +1 -1
- package/build/components/Modal/components/ModalFooterButtons/index.js +1 -1
- package/build/components/Modal/components/ModalHeader/index.js +1 -1
- package/build/components/Modal/index.js +1 -1
- package/build/components/NotificationCounter/index.js +1 -1
- package/build/components/Picture/index.js +1 -1
- package/build/components/Popover/components/PopoverFooter/index.js +1 -1
- package/build/components/Popover/components/PopoverHeader/index.js +1 -1
- package/build/components/Popover/index.js +1 -1
- package/build/components/Radio/index.js +1 -1
- package/build/components/RadioGroup/index.js +1 -1
- package/build/components/RatingDots/index.js +1 -1
- package/build/components/Select/index.js +1 -1
- package/build/components/SortableList/components/DragHandle/index.js +1 -1
- package/build/components/SortableList/index.js +1 -1
- package/build/components/Switch/index.js +1 -1
- package/build/components/Tabs/components/Tab/index.js +1 -1
- package/build/components/Tabs/index.js +1 -1
- package/build/components/TabsLayout/index.js +1 -1
- package/build/components/Tag/index.js +1 -1
- package/build/components/Text/index.js +1 -1
- package/build/components/TextInput/index.js +1 -1
- package/build/components/Textarea/index.js +1 -1
- package/build/components/TimePicker/index.js +1 -1
- package/build/components/TimeRange/index.js +1 -1
- package/build/components/Toast/index.js +1 -1
- package/build/components/Tooltip/index.js +1 -1
- package/build/components/index.js +1 -1
- package/build/{datepicker.types-a1e32bc8.js → datepicker.types-b402bb49.js} +2 -2
- package/build/{datepicker.types-a1e32bc8.js.map → datepicker.types-b402bb49.js.map} +1 -1
- package/build/{dragHandle.component-3e23aa5f.js → dragHandle.component-faffecf9.js} +2 -2
- package/build/{dragHandle.component-3e23aa5f.js.map → dragHandle.component-faffecf9.js.map} +1 -1
- package/build/{heading.component-e55f8364.js → heading.component-198f40a3.js} +2 -2
- package/build/{heading.component-e55f8364.js.map → heading.component-198f40a3.js.map} +1 -1
- package/build/{index-5a9be08d.js → index-6cdfadbe.js} +2 -2
- package/build/{index-5a9be08d.js.map → index-6cdfadbe.js.map} +1 -1
- package/build/{index-45f186fc.js → index-8fecff45.js} +1 -1
- package/build/{index-45f186fc.js.map → index-8fecff45.js.map} +1 -1
- package/build/index.js +1 -1
- package/build/{link.component-34c0870b.js → link.component-a5027ab7.js} +2 -2
- package/build/{link.component-0dc033e6.js.map → link.component-a5027ab7.js.map} +1 -1
- package/build/{logo.component-cea68030.js → logo.component-3ae8d1c6.js} +2 -2
- package/build/{logo.component-cea68030.js.map → logo.component-3ae8d1c6.js.map} +1 -1
- package/build/{menu.component-134f404d.js → menu.component-cd99977c.js} +2 -2
- package/build/{menu.component-134f404d.js.map → menu.component-cd99977c.js.map} +1 -1
- package/build/{menuButton.component-6aaeda05.js → menuButton.component-3280a201.js} +2 -2
- package/build/{menuButton.component-6aaeda05.js.map → menuButton.component-3280a201.js.map} +1 -1
- package/build/{menuContainer.component-e6d43e42.js → menuContainer.component-adb9204a.js} +2 -2
- package/build/{menuContainer.component-e6d43e42.js.map → menuContainer.component-adb9204a.js.map} +1 -1
- package/build/{menuItem.component-cbb96509.js → menuItem.component-f9f142c2.js} +2 -2
- package/build/{menuItem.component-cbb96509.js.map → menuItem.component-f9f142c2.js.map} +1 -1
- package/build/{menuList.component-a4b6a355.js → menuList.component-fa80fe83.js} +2 -2
- package/build/{menuList.component-94bc629a.js.map → menuList.component-fa80fe83.js.map} +1 -1
- package/build/{menuOptionGroup.component-e1c2df00.js → menuOptionGroup.component-bfcf4e53.js} +2 -2
- package/build/{menuOptionGroup.component-e1c2df00.js.map → menuOptionGroup.component-bfcf4e53.js.map} +1 -1
- package/build/modal.component-6990e35a.js +2 -0
- package/build/{modal.component-14279c46.js.map → modal.component-6990e35a.js.map} +1 -1
- package/build/modalBody.component-771775b3.js +2 -0
- package/build/{modalBody.component-b08c6819.js.map → modalBody.component-771775b3.js.map} +1 -1
- package/build/modalCloseButton.component-6e546d5a.js +2 -0
- package/build/{modalCloseButton.component-1e3c8bf1.js.map → modalCloseButton.component-6e546d5a.js.map} +1 -1
- package/build/modalFooter.component-a8dca3ea.js +2 -0
- package/build/{modalFooter.component-6173abd3.js.map → modalFooter.component-a8dca3ea.js.map} +1 -1
- package/build/{modalFooterButtons.component-5bf34aa6.js → modalFooterButtons.component-7f6ad8c5.js} +2 -2
- package/build/{modalFooterButtons.component-5bf34aa6.js.map → modalFooterButtons.component-7f6ad8c5.js.map} +1 -1
- package/build/modalHeader.component-d1fd5719.js +2 -0
- package/build/{modalHeader.component-90d0ac34.js.map → modalHeader.component-d1fd5719.js.map} +1 -1
- package/build/{motion-7de675ca.js → motion-b6060749.js} +2 -2
- package/build/{motion-7de675ca.js.map → motion-b6060749.js.map} +1 -1
- package/build/{notificationCounter.component-043f3ed6.js → notificationCounter.component-6581a359.js} +2 -2
- package/build/{notificationCounter.component-043f3ed6.js.map → notificationCounter.component-6581a359.js.map} +1 -1
- package/build/{picture.component-19489bee.js → picture.component-b0edf814.js} +2 -2
- package/build/{picture.component-19489bee.js.map → picture.component-b0edf814.js.map} +1 -1
- package/build/{popover.component-e2c8d816.js → popover.component-c06d692e.js} +2 -2
- package/build/{popover.component-e2c8d816.js.map → popover.component-c06d692e.js.map} +1 -1
- package/build/{popoverFooter.component-361655aa.js → popoverFooter.component-3280b596.js} +2 -2
- package/build/{popoverFooter.component-361655aa.js.map → popoverFooter.component-3280b596.js.map} +1 -1
- package/build/{popoverHeader.component-f08671c4.js → popoverHeader.component-63b549bf.js} +2 -2
- package/build/{popoverHeader.component-be710516.js.map → popoverHeader.component-63b549bf.js.map} +1 -1
- package/build/radio.component-de7ecece.js +2 -0
- package/build/{radio.component-1ebba5e1.js.map → radio.component-de7ecece.js.map} +1 -1
- package/build/radioGroup.component-5719cd37.js +2 -0
- package/build/{radioGroup.component-6a3d9466.js.map → radioGroup.component-5719cd37.js.map} +1 -1
- package/build/{ratingDots.component-eccf4bf3.js → ratingDots.component-2bc23086.js} +2 -2
- package/build/{ratingDots.component-eccf4bf3.js.map → ratingDots.component-2bc23086.js.map} +1 -1
- package/build/{select.component-d5ffca34.js → select.component-e14f46f5.js} +2 -2
- package/build/{select.component-d5ffca34.js.map → select.component-e14f46f5.js.map} +1 -1
- package/build/{switch.component-afb4b60c.js → switch.component-1065f097.js} +2 -2
- package/build/{switch.component-5eae26fb.js.map → switch.component-1065f097.js.map} +1 -1
- package/build/tab.component-df791b96.js +2 -0
- package/build/{tab.component-041a9f31.js.map → tab.component-df791b96.js.map} +1 -1
- package/build/tabs.component-cfe10d1e.js +2 -0
- package/build/{tabs.component-49941f67.js.map → tabs.component-cfe10d1e.js.map} +1 -1
- package/build/{tabsLayout.component-462ef244.js → tabsLayout.component-4055835c.js} +2 -2
- package/build/{tabsLayout.component-462ef244.js.map → tabsLayout.component-4055835c.js.map} +1 -1
- package/build/{tag.types-f979ec63.js → tag.types-892f3c99.js} +2 -2
- package/build/{tag.types-f979ec63.js.map → tag.types-892f3c99.js.map} +1 -1
- package/build/{text.component-057889c3.js → text.component-30355fe6.js} +2 -2
- package/build/{text.component-057889c3.js.map → text.component-30355fe6.js.map} +1 -1
- package/build/{textInput.component-103a9118.js → textInput.component-d63fb051.js} +2 -2
- package/build/{textInput.component-103a9118.js.map → textInput.component-d63fb051.js.map} +1 -1
- package/build/{textarea.component-1b3a0add.js → textarea.component-eda7f5d3.js} +2 -2
- package/build/{textarea.component-1b3a0add.js.map → textarea.component-eda7f5d3.js.map} +1 -1
- package/build/theme/index.js +1 -1
- package/build/theme/tokens/colors/color.types.d.ts +1 -1
- package/build/theme/tokens/colors/index.js +1 -1
- package/build/theme/tokens/index.js +1 -1
- package/build/{theme.provider-c08fee62.js → theme.provider-0d9a5ebb.js} +2 -2
- package/build/{theme.provider-c08fee62.js.map → theme.provider-0d9a5ebb.js.map} +1 -1
- package/build/{timePicker.component-f4d27357.js → timePicker.component-0385a923.js} +2 -2
- package/build/{timePicker.component-5f523119.js.map → timePicker.component-0385a923.js.map} +1 -1
- package/build/{timeRange.component-5504d3e9.js → timeRange.component-41f34bea.js} +2 -2
- package/build/{timeRange.component-5504d3e9.js.map → timeRange.component-41f34bea.js.map} +1 -1
- package/build/{tooltip.component-197bff7c.js → tooltip.component-76a21c48.js} +2 -2
- package/build/{tooltip.component-197bff7c.js.map → tooltip.component-76a21c48.js.map} +1 -1
- package/build/tslib.es6-194b75fc.js +16 -0
- package/build/tslib.es6-194b75fc.js.map +1 -0
- package/build/{useToast-a3b98fd6.js → useToast-aa0129c4.js} +2 -2
- package/build/{useToast-41fc54ac.js.map → useToast-aa0129c4.js.map} +1 -1
- package/build/{withFormControl-238d7eec.js → withFormControl-1971ad8f.js} +2 -2
- package/build/{withFormControl-238d7eec.js.map → withFormControl-1971ad8f.js.map} +1 -1
- package/build/{withTruncation-60a6b552.js → withTruncation-a7b4edf1.js} +2 -2
- package/build/{withTruncation-60a6b552.js.map → withTruncation-a7b4edf1.js.map} +1 -1
- package/package.json +1 -4
- package/build/alert.component-864beab4.js +0 -2
- package/build/alert.component-864beab4.js.map +0 -1
- package/build/avatar.component-433a4ec2.js +0 -2
- package/build/avatar.component-433a4ec2.js.map +0 -1
- package/build/avatarGroup.component-36ff0d62.js +0 -2
- package/build/avatarGroup.component-5c3fe7c2.js +0 -2
- package/build/avatarGroup.component-5c3fe7c2.js.map +0 -1
- package/build/button.component-0b765852.js +0 -2
- package/build/button.component-31667514.js.map +0 -1
- package/build/card.component-de5d4b2a.js +0 -2
- package/build/checkbox.component-da6a6274.js +0 -2
- package/build/checkbox.component-ed814741.js.map +0 -1
- package/build/checkboxGroup.component-bac10237.js +0 -2
- package/build/checkboxGroup.component-ec1440c6.js +0 -2
- package/build/checkboxGroup.component-ec1440c6.js.map +0 -1
- package/build/color.types-811fe442.js +0 -2
- package/build/color.types-811fe442.js.map +0 -1
- package/build/datepicker.types-d6ace025.js +0 -16
- package/build/datepicker.types-d6ace025.js.map +0 -1
- package/build/dragHandle.component-798e948c.js +0 -2
- package/build/dragHandle.component-798e948c.js.map +0 -1
- package/build/icon.component-d618e1f5.js +0 -2
- package/build/icon.component-d618e1f5.js.map +0 -1
- package/build/link.component-0dc033e6.js +0 -2
- package/build/link.component-34c0870b.js.map +0 -1
- package/build/menu.component-2eb7d477.js +0 -2
- package/build/menu.component-2eb7d477.js.map +0 -1
- package/build/menuButton.component-7445f9e4.js +0 -2
- package/build/menuButton.component-7445f9e4.js.map +0 -1
- package/build/menuItem.component-dac86ae6.js +0 -2
- package/build/menuItem.component-dac86ae6.js.map +0 -1
- package/build/menuList.component-94bc629a.js +0 -2
- package/build/menuList.component-a4b6a355.js.map +0 -1
- package/build/modal.component-14279c46.js +0 -2
- package/build/modalBody.component-b08c6819.js +0 -2
- package/build/modalCloseButton.component-1e3c8bf1.js +0 -2
- package/build/modalCloseButton.component-e94eccd3.js +0 -2
- package/build/modalCloseButton.component-e94eccd3.js.map +0 -1
- package/build/modalFooter.component-6173abd3.js +0 -2
- package/build/modalFooterButtons.component-898f34d4.js +0 -2
- package/build/modalFooterButtons.component-898f34d4.js.map +0 -1
- package/build/modalHeader.component-90d0ac34.js +0 -2
- package/build/playwright/resources/checkForNewSnapshots.d.ts +0 -1
- package/build/playwright/resources/checkForSnapshots.d.ts +0 -3
- package/build/playwright/resources/fetchSnapshots.d.ts +0 -1
- package/build/playwright/resources/pushNewSnapshots.d.ts +0 -3
- package/build/playwright/resources/pushSnapshots.d.ts +0 -1
- package/build/playwright/resources/runPlaywrightTests.d.ts +0 -1
- package/build/playwright/resources/utils.d.ts +0 -3
- package/build/playwright/tests/getStories.spec.d.ts +0 -1
- package/build/playwright/tests/snapshotTests.spec.d.ts +0 -1
- package/build/popover.component-fed9ff4e.js +0 -2
- package/build/popover.component-fed9ff4e.js.map +0 -1
- package/build/popoverFooter.component-d747dcfb.js +0 -2
- package/build/popoverFooter.component-d747dcfb.js.map +0 -1
- package/build/popoverHeader.component-be710516.js +0 -2
- package/build/popoverHeader.component-f08671c4.js.map +0 -1
- package/build/radio.component-1ebba5e1.js +0 -2
- package/build/radioGroup.component-6a3d9466.js +0 -2
- package/build/radioGroup.component-f797e33f.js +0 -2
- package/build/radioGroup.component-f797e33f.js.map +0 -1
- package/build/select.component-d3b85455.js +0 -2
- package/build/select.component-d3b85455.js.map +0 -1
- package/build/switch.component-5eae26fb.js +0 -2
- package/build/switch.component-afb4b60c.js.map +0 -1
- package/build/tab.component-041a9f31.js +0 -2
- package/build/tab.component-0abd2704.js +0 -2
- package/build/tab.component-0abd2704.js.map +0 -1
- package/build/tabs.component-49941f67.js +0 -2
- package/build/tabs.component-a39930c7.js +0 -2
- package/build/tabs.component-a39930c7.js.map +0 -1
- package/build/tabsLayout.component-a4fd4798.js +0 -2
- package/build/tabsLayout.component-a4fd4798.js.map +0 -1
- package/build/textInput.component-a8c1fd60.js +0 -2
- package/build/textInput.component-a8c1fd60.js.map +0 -1
- package/build/textarea.component-ebc0b2cc.js +0 -2
- package/build/textarea.component-ebc0b2cc.js.map +0 -1
- package/build/timePicker.component-5f523119.js +0 -2
- package/build/timePicker.component-f4d27357.js.map +0 -1
- package/build/timeRange.component-adc69da7.js +0 -2
- package/build/timeRange.component-adc69da7.js.map +0 -1
- package/build/tslib.es6-d6f17add.js +0 -2
- package/build/tslib.es6-d6f17add.js.map +0 -1
- package/build/useToast-41fc54ac.js +0 -2
- package/build/useToast-a3b98fd6.js.map +0 -1
- package/build/withFormControl-23bf744e.js +0 -2
- package/build/withFormControl-23bf744e.js.map +0 -1
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
"use strict";var e=require("./tslib.es6-d6f17add.js"),t=require("react"),i=require("./icon.component-729a7547.js"),a=require("./text.component-057889c3.js"),n=require("./useIconTextSizeMap-301c4f35.js"),r=require("./chakra-ui-layout.esm-6ee578f7.js");function s(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var c=s(t);const o=e=>c.default.createElement(i.Icon,Object.assign({variant:e.variant||"interactive"},e)),l=t.forwardRef(((t,i)=>{const{children:s,iconProps:l,size:u="md",color:d,variant:p="interactive"}=t,f=e.__rest(t,["children","iconProps","size","color","variant"]),v=n.useIconTextSizeMap(u);return l&&!l.position&&(l.position="start"),c.default.createElement(r.Link,Object.assign({variant:p,display:"inline-block",size:u,ref:i},f),c.default.createElement(r.HStack,{spacing:1,align:"center"},"start"===(null==l?void 0:l.position)&&c.default.createElement(o,Object.assign({variant:l.variant||p,size:v},l)),c.default.createElement(a.WrappedText,{size:u,variant:p},s),"end"===(null==l?void 0:l.position)&&c.default.createElement(o,Object.assign({variant:l.variant||p,size:v},l))))}));l.displayName="Link",exports.Link=l;
|
|
2
|
-
//# sourceMappingURL=link.component-0dc033e6.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"link.component-34c0870b.js","sources":["../src/components/Link/components/linkIcon.component.tsx","../src/components/Link/link.component.tsx"],"sourcesContent":["import React from 'react';\nimport { TypographyVariant } from 'shared/types';\nimport { Icon, IconProps } from '../../Icon/icon.component';\n\nexport interface LinkIconProps extends Omit<IconProps, 'position'> {\n position?: 'start' | 'end';\n variant?: TypographyVariant;\n}\n\nexport const LinkIcon = (iconProps: LinkIconProps): JSX.Element => {\n return <Icon variant={iconProps.variant || 'interactive'} {...iconProps} />;\n};\n","import React, { forwardRef, ForwardedRef, MouseEventHandler } from 'react';\nimport { As, HStack, Link as CLink, LinkProps as CLinkProps } from '@chakra-ui/react';\nimport { LinkIcon, LinkIconProps } from './components/linkIcon.component';\nimport { TextSize, Text } from 'components/Text';\nimport { useIconTextSizeMap } from 'shared/hooks/useIconTextSizeMap';\nimport { TypographyVariant } from 'shared/types/typography';\n\nexport interface KLinkProps {\n children?: string;\n iconProps?: LinkIconProps;\n size?: TextSize;\n variant?: TypographyVariant;\n to?: any;\n href?: string;\n isExternal?: boolean;\n onClick?: MouseEventHandler<HTMLDivElement>;\n as?: As;\n}\n\nexport type LinkProps = KLinkProps & Omit<CLinkProps, 'variant'>;\n\nexport const Link = forwardRef((props: LinkProps, ref: ForwardedRef<HTMLAnchorElement>): JSX.Element => {\n const { children, iconProps, size = 'md', color, variant = 'interactive', ...rest } = props;\n const mappIconSize = useIconTextSizeMap(size);\n\n if (iconProps && !iconProps.position) {\n iconProps.position = 'start';\n }\n\n return (\n <CLink variant={variant} display=\"inline-block\" size={size} ref={ref} {...rest}>\n <HStack spacing={1} align=\"center\">\n {iconProps?.position === 'start' && (\n <LinkIcon variant={iconProps.variant || variant} size={mappIconSize} {...iconProps} />\n )}\n <Text size={size} variant={variant}>\n {children}\n </Text>\n {iconProps?.position === 'end' && (\n <LinkIcon variant={iconProps.variant || variant} size={mappIconSize} {...iconProps} />\n )}\n </HStack>\n </CLink>\n );\n});\n\nLink.displayName = 'Link';\n"],"names":["LinkIcon","iconProps","React","createElement","Icon","Object","assign","variant","Link","forwardRef","props","ref","children","size","color","rest","mappIconSize","useIconTextSizeMap","position","CLink","display","HStack","spacing","align","Text","displayName"],"mappings":"8UASO,MAAMA,EAAYC,GAChBC,EAAC,QAAAC,cAAAC,OAAKC,OAAAC,OAAA,CAAAC,QAASN,EAAUM,SAAW,eAAmBN,ICWnDO,EAAOC,EAAUA,YAAC,CAACC,EAAkBC,KAChD,MAAMC,SAAEA,EAAQX,UAAEA,EAASY,KAAEA,EAAO,KAAIC,MAAEA,EAAKP,QAAEA,EAAU,eAA2BG,EAATK,WAASL,EAAhF,CAA6E,WAAA,YAAA,OAAA,QAAA,YAC7EM,EAAeC,qBAAmBJ,GAMxC,OAJIZ,IAAcA,EAAUiB,WAC1BjB,EAAUiB,SAAW,SAIrBhB,EAAAA,sBAACiB,EAAAA,KAAKd,OAAAC,OAAA,CAACC,QAASA,EAASa,QAAQ,eAAeP,KAAMA,EAAMF,IAAKA,GAASI,GACxEb,EAAC,QAAAC,cAAAkB,UAAOC,QAAS,EAAGC,MAAM,UACC,WAAxBtB,MAAAA,OAAS,EAATA,EAAWiB,WACVhB,EAAA,QAAAC,cAACH,EAAQK,OAAAC,OAAA,CAACC,QAASN,EAAUM,SAAWA,EAASM,KAAMG,GAAkBf,IAE3EC,UAACC,cAAAqB,EAAAA,YAAK,CAAAX,KAAMA,EAAMN,QAASA,GACxBK,GAEsB,SAAxBX,MAAAA,OAAS,EAATA,EAAWiB,WACVhB,EAAAA,QAACC,cAAAH,iBAASO,QAASN,EAAUM,SAAWA,EAASM,KAAMG,GAAkBf,SAOnFO,EAAKiB,YAAc"}
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
"use strict";var e=require("./tslib.es6-d6f17add.js"),t=require("react"),n=require("./menuContainer.component-e6d43e42.js"),u=require("./menuButton.component-7445f9e4.js"),r=require("./menuList.component-94bc629a.js"),s=require("./menu.context-22d23674.js"),i=require("./chakra-ui-menu.esm-3741fe08.js");function o(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var l=o(t);exports.Menu=t=>{var{buttonProps:o,CustomTriggerElement:a,listProps:m,containerProps:c}=t,d=e.__rest(t,["buttonProps","CustomTriggerElement","listProps","containerProps"]);return l.default.createElement(s.MenuProvider,{menuItems:null==m?void 0:m.menuItems,isMultiSelect:null==m?void 0:m.isMultiSelect,onClose:null==c?void 0:c.onClose},l.default.createElement(n.MenuContainer,Object.assign({isLazy:null==c?void 0:c.isLazy},c,d),a?l.default.createElement(a,{as:i.MenuButton}):l.default.createElement(u.MenuButton,Object.assign({},o)),l.default.createElement(r.MenuList,Object.assign({},m,{isMatchWidthSet:d.matchWidth,menuItems:null==m?void 0:m.menuItems}))))};
|
|
2
|
-
//# sourceMappingURL=menu.component-2eb7d477.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"menu.component-2eb7d477.js","sources":["../src/components/Menu/menu.component.tsx"],"sourcesContent":["import React, { FunctionComponent, ReactNode } from 'react';\nimport { MenuProps as CMenuProps, MenuButton as CMenuButton } from '@chakra-ui/react';\nimport { MenuContainer, MenuContainerProps } from './components/MenuContainer/menuContainer.component';\nimport { MenuButton, MenuButtonProps } from './components/MenuButton/menuButton.component';\nimport { MenuList, MenuListProps } from './components/MenuList/menuList.component';\nimport { MenuProvider } from './context/menu.context';\n\nexport interface MenuProps extends Omit<CMenuProps, 'children' | 'onClose'> {\n buttonProps?: MenuButtonProps;\n CustomTriggerElement?: FunctionComponent;\n listProps?: MenuListProps;\n containerProps?: MenuContainerProps;\n children?: ReactNode;\n}\n\nexport const Menu = ({\n buttonProps,\n CustomTriggerElement,\n listProps,\n containerProps,\n ...props\n}: MenuProps): JSX.Element => {\n return (\n <MenuProvider\n menuItems={listProps?.menuItems}\n isMultiSelect={listProps?.isMultiSelect}\n onClose={containerProps?.onClose}\n >\n <MenuContainer isLazy={containerProps?.isLazy} {...containerProps} {...props}>\n {CustomTriggerElement ? (\n // @ts-ignore\n <CustomTriggerElement as={CMenuButton} />\n ) : (\n <MenuButton {...buttonProps} />\n )}\n <MenuList {...listProps} isMatchWidthSet={props.matchWidth} menuItems={listProps?.menuItems} />\n </MenuContainer>\n </MenuProvider>\n );\n};\n"],"names":["_a","buttonProps","CustomTriggerElement","listProps","containerProps","props","__rest","React","createElement","MenuProvider","menuItems","isMultiSelect","onClose","MenuContainer","Object","assign","isLazy","as","CMenuButton","MenuButton","MenuList","isMatchWidthSet","matchWidth"],"mappings":"gZAeqBA,IAAA,IAAAC,YACnBA,EAAWC,qBACXA,EAAoBC,UACpBA,EAASC,eACTA,GAAcJ,EACXK,EALgBC,EAAAA,OAAAN,EAAA,CAAA,cAAA,uBAAA,YAAA,mBAOnB,OACEO,EAAAA,QAAAC,cAACC,EAAAA,aAAY,CACXC,UAAWP,MAAAA,OAAA,EAAAA,EAAWO,UACtBC,cAAeR,MAAAA,OAAS,EAATA,EAAWQ,cAC1BC,QAASR,MAAAA,OAAA,EAAAA,EAAgBQ,SAEzBL,EAAA,QAAAC,cAACK,gBAAaC,OAAAC,OAAA,CAACC,OAAQZ,MAAAA,OAAA,EAAAA,EAAgBY,QAAYZ,EAAoBC,GACpEH,EAECK,EAAA,QAAAC,cAACN,EAAqB,CAAAe,GAAIC,EAAAA,aAE1BX,EAAAA,QAACC,cAAAW,EAAAA,WAAeL,OAAAC,OAAA,GAAAd,IAElBM,UAACC,cAAAY,EAAQA,0BAAKjB,EAAS,CAAEkB,gBAAiBhB,EAAMiB,WAAYZ,UAAWP,MAAAA,OAAS,EAATA,EAAWO"}
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
"use strict";var e=require("./tslib.es6-d6f17add.js"),t=require("react"),n=require("./icon.component-d618e1f5.js"),r=require("./button.component-0b765852.js"),a=require("./chakra-ui-menu.esm-3741fe08.js"),s=require("./chakra-ui-layout.esm-6ee578f7.js");function u(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var c=u(t);exports.MenuButton=u=>{var{leftElement:o,leftIconName:i,rightIconName:m="chevronDown",showRightIcon:l=!0,size:f,text:x,variant:d}=u,p=e.__rest(u,["leftElement","leftIconName","rightIconName","showRightIcon","size","text","variant"]);const h=i&&!x,B=t.useMemo((()=>{if(h)switch(f){case"xs":return"4px";case"sm":return"6px";default:return"8px"}switch(f){case"xs":return"5px 8px";case"sm":return"8px 12px";case"md":return"10px 16px";default:return"12px 20px"}}),[h,f]),_=t.useMemo((()=>{if(h)switch(f){case"xs":return"sm";case"sm":return"md";case"md":return"lg";default:return"xl"}return f||"md"}),[h,f]),g=t.useMemo((()=>{if(h)return"0px";switch(f){case"xs":case"sm":return"4px";default:return"8px"}}),[h,f]);return c.default.createElement(a.MenuButton,Object.assign({as:r.Button,variant:d,size:f,position:"relative"},p,{className:"MenuButton",p:B,lineHeight:0,_active:{transform:"none"}}),c.default.createElement(s.HStack,{spacing:g,className:"MenuButton__ContentContainer"},o&&o,i&&c.default.createElement(s.Box,{className:"MenuButton__LeftIcon"},c.default.createElement(n.Icon,{name:i,size:_})),x&&c.default.createElement(s.Box,{className:"MenuButton__Text"},x),l&&c.default.createElement(s.Box,{className:"MenuButton__RightIcon"},c.default.createElement(n.Icon,{name:m,size:"lg"===f?"sm":"xs"}))))};
|
|
2
|
-
//# sourceMappingURL=menuButton.component-7445f9e4.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"menuButton.component-7445f9e4.js","sources":["../src/components/Menu/components/MenuButton/menuButton.component.tsx"],"sourcesContent":["import React, { ReactNode, useMemo } from 'react';\nimport { Icon } from '../../../Icon/icon.component';\nimport { MenuButton as CMenuButton, MenuButtonProps as CMenuButtonProps, Box, HStack } from '@chakra-ui/react';\nimport { Button } from '../../../Button/button.component';\nimport { ButtonSize, ButtonVariant } from '../../../Button/button.types';\nimport { IconSize } from '../../../Icon/icon.types';\nimport { IconName } from '../../../../icons';\n\nexport interface MenuButtonProps extends CMenuButtonProps {\n leftElement?: ReactNode;\n leftIconName?: IconName;\n rightIconName?: IconName;\n showRightIcon?: boolean;\n size?: ButtonSize;\n text?: string;\n variant?: ButtonVariant;\n}\n\nexport const MenuButton = ({\n leftElement,\n leftIconName,\n rightIconName = 'chevronDown',\n showRightIcon = true,\n size,\n text,\n variant,\n ...rest\n}: MenuButtonProps): JSX.Element => {\n const isIconButton = leftIconName && !text;\n const buttonPadding = useMemo((): string => {\n if (isIconButton) {\n switch (size) {\n case 'xs':\n return '4px';\n case 'sm':\n return '6px';\n default:\n return '8px';\n }\n }\n\n switch (size) {\n case 'xs':\n return '5px 8px';\n case 'sm':\n return '8px 12px';\n case 'md':\n return '10px 16px';\n default:\n return '12px 20px';\n }\n }, [isIconButton, size]);\n\n const iconSize = useMemo((): IconSize => {\n if (isIconButton) {\n switch (size) {\n case 'xs':\n return 'sm';\n case 'sm':\n return 'md';\n case 'md':\n return 'lg';\n default:\n return 'xl';\n }\n }\n\n return size || 'md';\n }, [isIconButton, size]);\n\n const textSpacing = useMemo((): string => {\n if (isIconButton) {\n return '0px';\n }\n\n switch (size) {\n case 'xs':\n case 'sm':\n return '4px';\n default:\n return '8px';\n }\n }, [isIconButton, size]);\n\n return (\n <CMenuButton\n as={Button}\n variant={variant}\n size={size}\n position=\"relative\"\n {...rest}\n className=\"MenuButton\"\n p={buttonPadding}\n lineHeight={0}\n _active={{ transform: 'none' }}\n >\n <HStack spacing={textSpacing} className=\"MenuButton__ContentContainer\">\n {leftElement && leftElement}\n {leftIconName && (\n <Box className=\"MenuButton__LeftIcon\">\n <Icon name={leftIconName} size={iconSize} />\n </Box>\n )}\n {text && <Box className=\"MenuButton__Text\">{text}</Box>}\n {showRightIcon && (\n <Box className=\"MenuButton__RightIcon\">\n <Icon name={rightIconName} size={size === 'lg' ? 'sm' : 'xs'} />\n </Box>\n )}\n </HStack>\n </CMenuButton>\n );\n};\n"],"names":["_a","leftElement","leftIconName","rightIconName","showRightIcon","size","text","variant","rest","__rest","isIconButton","buttonPadding","useMemo","iconSize","textSpacing","React","createElement","CMenuButton","as","Button","position","className","p","lineHeight","_active","transform","HStack","spacing","Box","Icon","name"],"mappings":"mWAkB2BA,QAAAC,YACzBA,EAAWC,aACXA,EAAYC,cACZA,EAAgB,cAAaC,cAC7BA,GAAgB,EAAIC,KACpBA,EAAIC,KACJA,EAAIC,QACJA,KACGC,EARsBC,SAAAT,EAAA,CAAA,cAAA,eAAA,gBAAA,gBAAA,OAAA,OAAA,YAUzB,MAAMU,EAAeR,IAAiBI,EAChCK,EAAgBC,EAAAA,SAAQ,KAC5B,GAAIF,EACF,OAAQL,GACN,IAAK,KACH,MAAO,MACT,IAAK,KACH,MAAO,MACT,QACE,MAAO,MAIb,OAAQA,GACN,IAAK,KACH,MAAO,UACT,IAAK,KACH,MAAO,WACT,IAAK,KACH,MAAO,YACT,QACE,MAAO,eAEV,CAACK,EAAcL,IAEZQ,EAAWD,EAAAA,SAAQ,KACvB,GAAIF,EACF,OAAQL,GACN,IAAK,KACH,MAAO,KACT,IAAK,KACH,MAAO,KACT,IAAK,KACH,MAAO,KACT,QACE,MAAO,KAIb,OAAOA,GAAQ,OACd,CAACK,EAAcL,IAEZS,EAAcF,EAAAA,SAAQ,KAC1B,GAAIF,EACF,MAAO,MAGT,OAAQL,GACN,IAAK,KACL,IAAK,KACH,MAAO,MACT,QACE,MAAO,SAEV,CAACK,EAAcL,IAElB,OACEU,EAAC,QAAAC,cAAAC,4BACCC,GAAIC,EAAAA,OACJZ,QAASA,EACTF,KAAMA,EACNe,SAAS,YACLZ,EAAI,CACRa,UAAU,aACVC,EAAGX,EACHY,WAAY,EACZC,QAAS,CAAEC,UAAW,UAEtBV,EAAC,QAAAC,cAAAU,UAAOC,QAASb,EAAaO,UAAU,gCACrCpB,GAAeA,EACfC,GACCa,EAAA,QAAAC,cAACY,EAAGA,IAAC,CAAAP,UAAU,wBACbN,UAACC,cAAAa,EAAAA,KAAK,CAAAC,KAAM5B,EAAcG,KAAMQ,KAGnCP,GAAQS,wBAACa,EAAAA,IAAG,CAACP,UAAU,oBAAoBf,GAC3CF,GACCW,EAAA,QAAAC,cAACY,EAAGA,IAAC,CAAAP,UAAU,yBACbN,EAAAA,QAACC,cAAAa,EAAAA,KAAK,CAAAC,KAAM3B,EAAeE,KAAe,OAATA,EAAgB,KAAO"}
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
"use strict";var e=require("./tslib.es6-d6f17add.js"),t=require("react"),a=require("./menu.config-14739188.js"),l=require("./text.component-057889c3.js"),n=require("./checkbox.component-ed814741.js"),s=require("./chakra-ui-menu.esm-3741fe08.js"),i=require("./chakra-ui-layout.esm-6ee578f7.js");function r(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var c=r(t);exports.MenuItem=r=>{var{canSelectAll:u,children:o,groupLabel:m,handleKeyboardNavigation:d=(()=>{}),isDisabled:f,isMultiSelect:b,isPlaceholder:h,closeOnSelect:p=!b,isSelected:x,itemIndex:I="0",label:v,leftElement:S,menuItemRefs:_,onSelect:g,shouldRetainSelection:E=!1,shouldTruncateText:M,value:k,variant:L}=r,j=e.__rest(r,["canSelectAll","children","groupLabel","handleKeyboardNavigation","isDisabled","isMultiSelect","isPlaceholder","closeOnSelect","isSelected","itemIndex","label","leftElement","menuItemRefs","onSelect","shouldRetainSelection","shouldTruncateText","value","variant"]);const{onClose:y}=s.useMenuState(),C=t.useCallback((e=>{e.stopPropagation(),f||(k&&g&&g({label:v,leftElement:S,value:k}),p&&y())}),[k,g,y,p,f,v,S]),N=t.useMemo((()=>L||(x&&E?"interactive":"default")),[x,E,L]);return c.default.createElement(i.Box,Object.assign({},a.MenuItemConfig,{bg:x&&E&&!b?"background.primaryAlpha.hover":"",className:"MenuList__Item",onClick:C,onKeyDown:e=>d(e,!1),tabIndex:parseInt(u?I+=2:I),ref:e=>_&&I?_.current[parseInt(I)]=e:null,disabled:f},j),o?c.default.createElement(i.Box,{onClick:C},o):c.default.createElement(i.HStack,{className:"MenuList__ItemContainer",justify:"baseline",spacing:3,minH:5,color:`text.${N}`},b&&c.default.createElement(i.Flex,{w:4,h:4,className:"MenuList__ItemCheckbox"},c.default.createElement(n.WrappedCheckbox,{size:"md",isChecked:x})),S&&c.default.createElement(i.Flex,{align:"center",justify:"center",className:"MenuList__ItemLeftElement"},S),"string"==typeof v?c.default.createElement(l.WrappedText,{size:"sm",className:"MenuList__ItemLabel",variant:N,isTruncated:M},v):c.default.createElement(i.Box,{className:"MenuList__ItemLabel",position:"relative",w:"100%"},v)))};
|
|
2
|
-
//# sourceMappingURL=menuItem.component-dac86ae6.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"menuItem.component-dac86ae6.js","sources":["../src/components/Menu/components/MenuItem/menuItem.component.tsx"],"sourcesContent":["import React, {\n ReactNode,\n MutableRefObject,\n useCallback,\n MouseEvent,\n KeyboardEvent,\n useMemo,\n ReactElement,\n} from 'react';\nimport { Box, Flex, HStack, useMenuState } from '@chakra-ui/react';\nimport { MenuItemConfig } from '../../menu.config';\nimport { Text } from '../../../Text/text.component';\nimport { Checkbox } from 'components/Checkbox';\nimport { TypographyVariant } from 'shared/types';\n\nexport interface MenuItemProps {\n canSelectAll?: boolean;\n children?: ReactNode;\n closeOnSelect?: boolean;\n groupLabel?: string;\n handleKeyboardNavigation?: (e: KeyboardEvent<HTMLDivElement>, elementIsInputField: boolean) => void;\n isDisabled?: boolean;\n isMultiSelect?: boolean;\n isSelected?: boolean;\n itemIndex?: string;\n label?: string | ReactElement;\n leftElement?: ReactNode;\n menuItemRefs?: MutableRefObject<HTMLDivElement[] | null[]>;\n onSelect?: (selectedItem: MenuItemProps) => void;\n shouldRetainSelection?: boolean;\n shouldTruncateText?: boolean;\n value?: string;\n isPlaceholder?: boolean;\n variant?: TypographyVariant;\n}\n\nexport const MenuItem = ({\n canSelectAll,\n children,\n groupLabel,\n handleKeyboardNavigation = (): void => {},\n isDisabled,\n isMultiSelect,\n isPlaceholder,\n closeOnSelect = !isMultiSelect,\n isSelected,\n itemIndex = '0',\n label,\n leftElement,\n menuItemRefs,\n onSelect,\n shouldRetainSelection = false,\n shouldTruncateText,\n value,\n variant,\n ...rest\n}: MenuItemProps): JSX.Element => {\n const { onClose } = useMenuState();\n\n const handleSelect = useCallback(\n (e: MouseEvent<HTMLDivElement>) => {\n e.stopPropagation();\n\n if (isDisabled) return;\n\n if (value && onSelect) {\n onSelect({\n label,\n leftElement,\n value,\n });\n }\n\n if (closeOnSelect) {\n onClose();\n }\n },\n [value, onSelect, onClose, closeOnSelect, isDisabled, label, leftElement],\n );\n\n const fontColor = useMemo(() => {\n if (variant) {\n return variant;\n }\n return isSelected && shouldRetainSelection ? 'interactive' : 'default';\n }, [isSelected, shouldRetainSelection, variant]);\n\n return (\n <Box\n {...MenuItemConfig}\n bg={isSelected && shouldRetainSelection && !isMultiSelect ? 'background.primaryAlpha.hover' : ''}\n className=\"MenuList__Item\"\n onClick={handleSelect}\n onKeyDown={(e: KeyboardEvent<HTMLDivElement>): void => handleKeyboardNavigation(e, false)}\n tabIndex={parseInt(canSelectAll ? (itemIndex += 2) : itemIndex)}\n ref={(el): HTMLDivElement | null =>\n menuItemRefs && itemIndex ? (menuItemRefs.current[parseInt(itemIndex)] = el) : null\n }\n // @ts-ignore\n disabled={isDisabled}\n {...rest}\n >\n {children ? (\n <Box onClick={handleSelect}>{children}</Box>\n ) : (\n <HStack className=\"MenuList__ItemContainer\" justify=\"baseline\" spacing={3} minH={5} color={`text.${fontColor}`}>\n {isMultiSelect && (\n <Flex w={4} h={4} className=\"MenuList__ItemCheckbox\">\n <Checkbox size=\"md\" isChecked={isSelected} />\n </Flex>\n )}\n {leftElement && (\n <Flex align=\"center\" justify=\"center\" className=\"MenuList__ItemLeftElement\">\n {leftElement}\n </Flex>\n )}\n {typeof label === 'string' ? (\n <Text size=\"sm\" className=\"MenuList__ItemLabel\" variant={fontColor} isTruncated={shouldTruncateText}>\n {label}\n </Text>\n ) : (\n <Box className=\"MenuList__ItemLabel\" position=\"relative\" w=\"100%\">\n {label}\n </Box>\n )}\n </HStack>\n )}\n </Box>\n );\n};\n"],"names":["_a","canSelectAll","children","groupLabel","handleKeyboardNavigation","isDisabled","isMultiSelect","isPlaceholder","closeOnSelect","isSelected","itemIndex","label","leftElement","menuItemRefs","onSelect","shouldRetainSelection","shouldTruncateText","value","variant","rest","__rest","onClose","useMenuState","handleSelect","useCallback","e","stopPropagation","fontColor","useMemo","React","Box","Object","assign","MenuItemConfig","bg","className","onClick","onKeyDown","tabIndex","parseInt","ref","el","current","disabled","createElement","HStack","justify","spacing","minH","color","Flex","w","h","Checkbox","size","isChecked","align","Text","WrappedText","isTruncated","position"],"mappings":"0YAoCyBA,QAAAC,aACvBA,EAAYC,SACZA,EAAQC,WACRA,EAAUC,yBACVA,EAA2B,SAAcC,WACzCA,EAAUC,cACVA,EAAaC,cACbA,EAAaC,cACbA,GAAiBF,EAAaG,WAC9BA,EAAUC,UACVA,EAAY,IAAGC,MACfA,EAAKC,YACLA,EAAWC,aACXA,EAAYC,SACZA,EAAQC,sBACRA,GAAwB,EAAKC,mBAC7BA,EAAkBC,MAClBA,EAAKC,QACLA,KACGC,EAnBoBC,SAAApB,EAAA,CAAA,eAAA,WAAA,aAAA,2BAAA,aAAA,gBAAA,gBAAA,gBAAA,aAAA,YAAA,QAAA,cAAA,eAAA,WAAA,wBAAA,qBAAA,QAAA,YAqBvB,MAAMqB,QAAEA,GAAYC,EAAAA,eAEdC,EAAeC,eAClBC,IACCA,EAAEC,kBAEErB,IAEAY,GAASH,GACXA,EAAS,CACPH,MAAAA,EACAC,YAAAA,EACAK,MAAAA,IAIAT,GACFa,OAGJ,CAACJ,EAAOH,EAAUO,EAASb,EAAeH,EAAYM,EAAOC,IAGzDe,EAAYC,EAAAA,SAAQ,IACpBV,IAGGT,GAAcM,EAAwB,cAAgB,YAC5D,CAACN,EAAYM,EAAuBG,IAEvC,OACEW,wBAACC,MAAGC,OAAAC,OAAA,GACEC,iBACJ,CAAAC,GAAIzB,GAAcM,IAA0BT,EAAgB,gCAAkC,GAC9F6B,UAAU,iBACVC,QAASb,EACTc,UAAYZ,GAA2CrB,EAAyBqB,GAAG,GACnFa,SAAUC,SAAStC,EAAgBS,GAAa,EAAKA,GACrD8B,IAAMC,GACJ5B,GAAgBH,EAAaG,EAAa6B,QAAQH,SAAS7B,IAAc+B,EAAM,KAGjFE,SAAUtC,GACNc,GAEHjB,EACC2B,EAAAA,sBAACC,EAAGA,IAAA,CAACM,QAASb,GAAerB,GAE7B2B,EAAAA,QAACe,cAAAC,EAAMA,QAACV,UAAU,0BAA0BW,QAAQ,WAAWC,QAAS,EAAGC,KAAM,EAAGC,MAAO,QAAQtB,KAChGrB,GACCuB,EAAC,QAAAe,cAAAM,EAAAA,MAAKC,EAAG,EAAGC,EAAG,EAAGjB,UAAU,0BAC1BN,UAACe,cAAAS,EAAAA,gBAAS,CAAAC,KAAK,KAAKC,UAAW9C,KAGlCG,GACCiB,EAAAA,QAAAe,cAACM,EAAIA,KAAC,CAAAM,MAAM,SAASV,QAAQ,SAASX,UAAU,6BAC7CvB,GAGa,iBAAVD,EACNkB,EAAA,QAAAe,cAACa,EAAIC,YAAA,CAACJ,KAAK,KAAKnB,UAAU,sBAAsBjB,QAASS,EAAWgC,YAAa3C,GAC9EL,GAGHkB,EAAA,QAAAe,cAACd,EAAGA,IAAA,CAACK,UAAU,sBAAsByB,SAAS,WAAWT,EAAE,QACxDxC"}
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
"use strict";var e=require("./tslib.es6-d6f17add.js"),t=require("react"),l=require("./heading.component-e55f8364.js"),a=require("./text.component-057889c3.js"),n=require("./menuItem.component-dac86ae6.js"),r=require("./textInput.component-a8c1fd60.js"),u=require("./chakra-ui-menu.esm-3741fe08.js"),s=require("./button.component-0b765852.js"),c=require("./chakra-ui-layout.esm-6ee578f7.js"),o=require("./menu.context-22d23674.js");function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var d=i(t);const m=({handleKeyboardNavigation:e,menuItems:l,onSearchCallback:a,searchInputRef:n,setFilteredMenuItems:s,placeholder:c="Search..."})=>{const{isOpen:o}=u.useMenuState(),i=t.useCallback((e=>{const t=e.target.value;if(""!==t&&t){const e=l.filter((e=>{var l;const a="string"==typeof e.label?e.label:null===(l=e.label)||void 0===l?void 0:l.key;return null==a?void 0:a.toLowerCase().includes(t.toLowerCase())}));s(e)}else s(l);a&&a(e)}),[l,a,s]);return t.useEffect((()=>{let e;return o&&(e=setTimeout((()=>{var e;null===(e=null==n?void 0:n.current)||void 0===e||e.focus()}),200)),()=>clearTimeout(e)}),[n,o]),d.default.createElement(r.WrappedTextInput,{className:"MenuList__SearchBar",placeholder:c,onChange:i,mt:1,onKeyDown:t=>e(t,!0),size:"sm",ref:n})},f=({groupName:e,handleToggleAllItems:t,hasSelectedItems:l,isGrouped:a})=>a?d.default.createElement(c.Box,{textAlign:"right",w:"50%",className:"MenuListItem__SelectAllButton"},l?d.default.createElement(s.Button,{variant:"ghostNeutral",iconName:"arrowCircle",size:"xs",onClick:()=>t({groupName:e,clear:!0}),isDisabled:!l},"Clear all"):d.default.createElement(s.Button,{variant:"ghost",size:"xs",onClick:()=>t({groupName:e,clear:!1})},"Select all")):d.default.createElement(c.Box,{mt:"8px",className:"MenuList__SelectAllButtons"},d.default.createElement(c.Flex,{justifyContent:"space-between"},d.default.createElement(s.Button,{variant:"ghost",size:"xs",onClick:()=>t({clear:!1})},"Select all"),d.default.createElement(s.Button,{variant:"ghostNeutral",iconName:"arrowCircle",size:"xs",onClick:()=>t({clear:!0}),isDisabled:!l},"Clear all")));exports.MenuList=r=>{var{canSelectAll:s=!1,canSelectGroups:i=!1,children:p,isGrouped:h=!1,isMatchWidthSet:v,isMultiSelect:S=!1,isSearchable:g=!1,menuItems:x,onSelect:b,onSelectAll:I,searchPlaceholder:E,shouldRetainSelection:M=!1,shouldTruncateText:k=!0,minW:N="240px",maxW:C,maxH:w="480px"}=r,y=e.__rest(r,["canSelectAll","canSelectGroups","children","isGrouped","isMatchWidthSet","isMultiSelect","isSearchable","menuItems","onSelect","onSelectAll","searchPlaceholder","shouldRetainSelection","shouldTruncateText","minW","maxW","maxH"]);const{filteredMenuItems:A,setFilteredMenuItems:B,allMenuItems:L,groups:_,setGroups:j,focusedItemIndex:T,setFocusedItemIndex:G,searchInputRef:W,menuItemRefs:q}=o.useMenuContext(),R=t.useCallback((e=>{var t,l;if(!(null==q?void 0:q.current))return;const a=0===T,n=T===(null==q?void 0:q.current.length)-1;let r=-1;if("ArrowDown"===e)if(n){if(g)return null===(t=null==W?void 0:W.current)||void 0===t||t.focus(),void G(-1);r=0}else r=T+1;else if("ArrowUp"===e)if(a){if(g)return null===(l=null==W?void 0:W.current)||void 0===l||l.focus(),void G(-1);r=q.current.length-1}else r=T-1;const u=null==q?void 0:q.current[r];u?(null==u||u.focus(),G(r)):G(-1)}),[T,g,q,W,G]),z=t.useCallback(((e,t)=>{e.persist(),(null==q?void 0:q.current)&&("ArrowDown"!==e.key&&"Tab"!==e.key||R("ArrowDown"),"ArrowUp"===e.key&&R("ArrowUp"),"Enter"===e.key&&(e.preventDefault(),e.target.click()))}),[R,q]),D=t.useCallback(((e,t)=>{if(A&&L){const l=[...A],a=l.find((t=>t.value===e.value));S&&a&&(a.isSelected=!a.isSelected),B(l);const n=L.filter((e=>e.isSelected));b&&a&&b(a,n),t&&a&&t(a,n)}}),[L,A,S,b,B]),F=t.useCallback((({groupName:e,clear:t=!1})=>{if(A&&L){const l=[...A],a=[];l.forEach((l=>{e?e===l.groupLabel&&(l.isSelected=!t,l.value&&l.isSelected&&a.push(l.value)):(l.isSelected=!t,l.value&&l.isSelected&&a.push(l.value))})),B(l),I&&I(L.filter((e=>e.isSelected)))}}),[A,L,I,B]);t.useEffect((()=>{if(h){const e=[...new Set(null==A?void 0:A.map((e=>e.groupLabel)))];e.length&&j(e)}}),[A,h,j]);const H=t.useCallback(((e,t)=>e.isPlaceholder?d.default.createElement(d.default.Fragment,{key:e.value}):d.default.createElement(n.MenuItem,Object.assign({},e,{key:e.value,canSelectAll:s,handleKeyboardNavigation:z,isMultiSelect:S,itemIndex:t.toString(),menuItemRefs:q,onSelect:t=>D(t,e.onSelect),shouldRetainSelection:M,shouldTruncateText:k}))),[z,D,S,q,M,k,s]);return v||(C="320px"),p?d.default.createElement(u.MenuList,Object.assign({},y),p):d.default.createElement(u.MenuList,Object.assign({className:"MeuList"},y,{maxW:C||"unset",maxH:w,minW:N,overflow:"hidden auto"}),(g||s&&S)&&d.default.createElement(c.Box,{className:"MenuList__Header",m:"0 12px 8px"},g&&d.default.createElement(m,{handleKeyboardNavigation:z,menuItems:x||[],searchInputRef:W,setFilteredMenuItems:B,placeholder:E}),s&&S&&d.default.createElement(f,{handleToggleAllItems:F,hasSelectedItems:Boolean(null==A?void 0:A.find((e=>e.isSelected))),isGrouped:!1})),d.default.createElement(c.Box,{className:"MenuList__Body"},(null==A?void 0:A.length)?h?null==_?void 0:_.map(((e,t)=>{const a=null==A?void 0:A.filter((t=>t.groupLabel===e));return d.default.createElement(c.Box,{className:"MenuList__Group",key:`${e||"noGroup"}-${t}`},e&&d.default.createElement(c.Flex,{minH:8,pt:4,pr:3,pb:1,pl:5,justify:"space-between",align:"center"},d.default.createElement(c.Box,{textAlign:"left",className:"MenuList__GroupTitle"},d.default.createElement(l.WrappedHeading,{size:"xs"},e)),S&&i&&d.default.createElement(f,{handleToggleAllItems:F,hasSelectedItems:Boolean(null==a?void 0:a.find((e=>e.isSelected))),isGrouped:!0,groupName:e})),null==a?void 0:a.map(((e,t)=>H(e,t))))})):null==A?void 0:A.map(((e,t)=>H(e,t))):d.default.createElement(c.Box,{textAlign:"center",display:"block",p:3},d.default.createElement(a.WrappedText,{size:"sm",variant:"subtle"},"No results found"))))};
|
|
2
|
-
//# sourceMappingURL=menuList.component-94bc629a.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"menuList.component-a4b6a355.js","sources":["../src/components/Menu/components/MenuSearchBar/menuSearchBar.component.tsx","../src/components/Menu/components/MenuSelectAllButtons/menuSelectAllButtons.component.tsx","../src/components/Menu/components/MenuList/menuList.component.tsx"],"sourcesContent":["import React, {\n ChangeEventHandler,\n Dispatch,\n SetStateAction,\n useCallback,\n KeyboardEvent,\n MutableRefObject,\n useEffect,\n} from 'react';\nimport { TextInput } from '../../../TextInput/textInput.component';\nimport { MenuItemProps } from '../MenuItem/menuItem.component';\nimport { useMenuState } from '@chakra-ui/react';\n\nexport interface MenuSearchBarProps {\n handleKeyboardNavigation: (e: KeyboardEvent<HTMLInputElement>, elementIsInputField: boolean) => void;\n menuItems: MenuItemProps[];\n onSearchCallback?: (e: ChangeEventHandler) => void;\n searchInputRef?: MutableRefObject<HTMLInputElement | null>;\n setFilteredMenuItems: Dispatch<SetStateAction<MenuItemProps[]>>;\n placeholder?: string;\n}\n\nexport const MenuSearchBar = ({\n handleKeyboardNavigation,\n menuItems,\n onSearchCallback,\n searchInputRef,\n setFilteredMenuItems,\n placeholder = 'Search...',\n}: MenuSearchBarProps): JSX.Element => {\n const { isOpen } = useMenuState();\n\n const handleSearch = useCallback(\n (e) => {\n const searchInput = e.target.value;\n\n if (searchInput === '' || !searchInput) {\n setFilteredMenuItems(menuItems);\n } else {\n const filterdItems = menuItems.filter((item) => {\n const labelText = typeof item.label === 'string' ? item.label : (item.label?.key as string);\n\n return labelText?.toLowerCase().includes(searchInput.toLowerCase());\n });\n setFilteredMenuItems(filterdItems);\n }\n\n if (onSearchCallback) {\n onSearchCallback(e);\n }\n },\n [menuItems, onSearchCallback, setFilteredMenuItems],\n );\n\n useEffect(() => {\n let focusTimeout: NodeJS.Timeout;\n\n if (isOpen) {\n focusTimeout = setTimeout(() => {\n searchInputRef?.current?.focus();\n }, 200);\n }\n\n return (): void => clearTimeout(focusTimeout);\n }, [searchInputRef, isOpen]);\n\n return (\n <TextInput\n className=\"MenuList__SearchBar\"\n placeholder={placeholder}\n onChange={handleSearch}\n mt={1}\n onKeyDown={(e: KeyboardEvent<HTMLInputElement>): void => handleKeyboardNavigation(e, true)}\n size=\"sm\"\n ref={searchInputRef}\n />\n );\n};\n","import React from 'react';\nimport { Box, Flex } from '@chakra-ui/react';\nimport { Button } from '../../../Button/button.component';\n\nexport interface MenuSelectAllButtonsProps {\n groupName?: string;\n handleToggleAllItems: ({ groupName, clear }: { groupName?: string; clear?: boolean }) => void;\n hasSelectedItems: boolean;\n isGrouped: boolean;\n}\n\nexport const MenuSelectAllButtons = ({\n groupName,\n handleToggleAllItems,\n hasSelectedItems,\n isGrouped,\n}: MenuSelectAllButtonsProps): JSX.Element => {\n if (isGrouped) {\n return (\n <Box textAlign=\"right\" w=\"50%\" className=\"MenuListItem__SelectAllButton\">\n {hasSelectedItems ? (\n <Button\n variant=\"ghostNeutral\"\n iconName=\"arrowCircle\"\n size=\"xs\"\n onClick={(): void => handleToggleAllItems({ groupName, clear: true })}\n isDisabled={!hasSelectedItems}\n >\n Clear all\n </Button>\n ) : (\n <Button variant=\"ghost\" size=\"xs\" onClick={(): void => handleToggleAllItems({ groupName, clear: false })}>\n Select all\n </Button>\n )}\n </Box>\n );\n }\n\n return (\n <Box mt=\"8px\" className=\"MenuList__SelectAllButtons\">\n <Flex justifyContent=\"space-between\">\n <Button variant=\"ghost\" size=\"xs\" onClick={(): void => handleToggleAllItems({ clear: false })}>\n Select all\n </Button>\n <Button\n variant=\"ghostNeutral\"\n iconName=\"arrowCircle\"\n size=\"xs\"\n onClick={(): void => handleToggleAllItems({ clear: true })}\n isDisabled={!hasSelectedItems}\n >\n Clear all\n </Button>\n </Flex>\n </Box>\n );\n};\n","import React, { useCallback, KeyboardEvent, useEffect } from 'react';\nimport { MenuList as CMenuList, MenuListProps as CMenuListProps, Box, Flex } from '@chakra-ui/react';\nimport { Heading } from '../../../Heading/heading.component';\nimport { Text } from '../../../Text/text.component';\nimport { MenuItem, MenuItemProps } from '../MenuItem/menuItem.component';\nimport { MenuSearchBar } from '../MenuSearchBar/menuSearchBar.component';\nimport { MenuSelectAllButtons } from '../MenuSelectAllButtons/menuSelectAllButtons.component';\nimport { useMenuContext } from '../../context/menu.context';\nimport { SelectOptionProps } from '../../../Select/select.types';\n\nexport interface MenuListProps extends Omit<CMenuListProps, 'onSelect'> {\n canSelectAll?: boolean;\n canSelectGroups?: boolean;\n isGrouped?: boolean;\n isMultiSelect?: boolean;\n isSearchable?: boolean;\n menuItems?: MenuItemProps[];\n onSelect?:\n | ((selectedItem: MenuItemProps, allSelectedItems?: MenuItemProps[]) => void)\n | ((selectedItem: MenuItemProps, allSelectedItems?: MenuItemProps[]) => Promise<void>);\n onSelectAll?: ((selectedItems: MenuItemProps[]) => void) | ((selectedItems: MenuItemProps[]) => Promise<void>);\n searchPlaceholder?: string;\n shouldRetainSelection?: boolean;\n isMatchWidthSet?: boolean;\n shouldTruncateText?: boolean;\n}\n\nexport const MenuList = ({\n canSelectAll = false,\n canSelectGroups = false,\n children,\n isGrouped = false,\n isMatchWidthSet,\n isMultiSelect = false,\n isSearchable = false,\n menuItems,\n onSelect,\n onSelectAll,\n searchPlaceholder,\n shouldRetainSelection = false,\n shouldTruncateText = true,\n minW = '240px',\n maxW,\n maxH = '480px',\n ...rest\n}: MenuListProps): JSX.Element => {\n const {\n filteredMenuItems,\n setFilteredMenuItems,\n allMenuItems,\n groups,\n setGroups,\n focusedItemIndex,\n setFocusedItemIndex,\n searchInputRef,\n menuItemRefs,\n } = useMenuContext();\n\n const focusNextListItem = useCallback(\n (direction) => {\n if (!menuItemRefs?.current) return;\n\n const isFirstOption = focusedItemIndex === 0;\n const isLastOption = focusedItemIndex === menuItemRefs?.current.length - 1;\n let newIndex = -1;\n\n if (direction === 'ArrowDown') {\n if (isLastOption) {\n if (isSearchable) {\n searchInputRef?.current?.focus();\n setFocusedItemIndex(-1);\n return;\n }\n\n newIndex = 0;\n } else {\n newIndex = focusedItemIndex + 1;\n }\n } else if (direction === 'ArrowUp') {\n if (isFirstOption) {\n if (isSearchable) {\n searchInputRef?.current?.focus();\n setFocusedItemIndex(-1);\n return;\n }\n\n newIndex = menuItemRefs.current.length - 1;\n } else {\n newIndex = focusedItemIndex - 1;\n }\n }\n\n const nextListItem = menuItemRefs?.current[newIndex];\n\n if (nextListItem) {\n nextListItem?.focus();\n setFocusedItemIndex(newIndex);\n } else {\n setFocusedItemIndex(-1);\n }\n },\n [focusedItemIndex, isSearchable, menuItemRefs, searchInputRef, setFocusedItemIndex],\n );\n\n const handleKeyboardNavigation = useCallback(\n (e: KeyboardEvent<HTMLInputElement | HTMLDivElement>, elementIsInputField): void => {\n e.persist();\n\n if (!menuItemRefs?.current) return;\n\n if (e.key === 'ArrowDown' || e.key === 'Tab') {\n focusNextListItem('ArrowDown');\n }\n\n if (e.key === 'ArrowUp') {\n focusNextListItem('ArrowUp');\n }\n\n if (e.key === 'Enter') {\n e.preventDefault();\n (e.target as HTMLElement).click();\n }\n },\n [focusNextListItem, menuItemRefs],\n );\n\n const handleToggleSingleItem = useCallback(\n (selectedValue: MenuItemProps, itemOnSelect) => {\n if (filteredMenuItems && allMenuItems) {\n const _filteredMenuItemsCopy = [...filteredMenuItems];\n const selectedItem = _filteredMenuItemsCopy.find((item) => item.value === selectedValue.value);\n\n if (isMultiSelect && selectedItem) {\n selectedItem.isSelected = !selectedItem.isSelected;\n }\n\n setFilteredMenuItems(_filteredMenuItemsCopy);\n\n const allSelectedItems = allMenuItems.filter((item) => item.isSelected);\n\n if (onSelect && selectedItem) {\n onSelect(selectedItem, allSelectedItems);\n }\n\n if (itemOnSelect && selectedItem) {\n itemOnSelect(selectedItem, allSelectedItems);\n }\n }\n },\n [allMenuItems, filteredMenuItems, isMultiSelect, onSelect, setFilteredMenuItems],\n );\n\n const handleToggleAllItems = useCallback(\n ({ groupName, clear = false }: { groupName?: string; clear?: boolean }) => {\n if (filteredMenuItems && allMenuItems) {\n const _filteredMenuItemsCopy = [...filteredMenuItems];\n const value: string[] = [];\n\n _filteredMenuItemsCopy.forEach((item) => {\n if (groupName) {\n if (groupName === item.groupLabel) {\n item.isSelected = !clear;\n\n if (item.value && item.isSelected) {\n value.push(item.value);\n }\n }\n } else {\n item.isSelected = !clear;\n\n if (item.value && item.isSelected) {\n value.push(item.value);\n }\n }\n });\n\n setFilteredMenuItems(_filteredMenuItemsCopy);\n\n if (onSelectAll) {\n onSelectAll(allMenuItems.filter((item) => item.isSelected));\n }\n }\n },\n [filteredMenuItems, allMenuItems, onSelectAll, setFilteredMenuItems],\n );\n\n useEffect(() => {\n if (isGrouped) {\n const groupNames = [...new Set(filteredMenuItems?.map((item) => item.groupLabel))];\n if (groupNames.length) {\n setGroups(groupNames);\n }\n }\n }, [filteredMenuItems, isGrouped, setGroups]);\n\n const getMenuItem = useCallback(\n (item: MenuItemProps, index: number) => {\n if (item.isPlaceholder) return <React.Fragment key={item.value}></React.Fragment>;\n\n return (\n <MenuItem\n {...item}\n key={item.value}\n canSelectAll={canSelectAll}\n handleKeyboardNavigation={handleKeyboardNavigation}\n isMultiSelect={isMultiSelect}\n itemIndex={index.toString()}\n menuItemRefs={menuItemRefs}\n onSelect={(selectedItem: SelectOptionProps): void => handleToggleSingleItem(selectedItem, item.onSelect)}\n shouldRetainSelection={shouldRetainSelection}\n shouldTruncateText={shouldTruncateText}\n />\n );\n },\n [\n handleKeyboardNavigation,\n handleToggleSingleItem,\n isMultiSelect,\n menuItemRefs,\n shouldRetainSelection,\n shouldTruncateText,\n canSelectAll,\n ],\n );\n\n if (!isMatchWidthSet) {\n maxW = '320px';\n }\n\n // Return default Chakra menu if user passes in custom child elements\n if (children) {\n return <CMenuList {...rest}>{children}</CMenuList>;\n }\n\n return (\n <CMenuList className=\"MeuList\" {...rest} maxW={maxW || 'unset'} maxH={maxH} minW={minW} overflow=\"hidden auto\">\n {(isSearchable || (canSelectAll && isMultiSelect)) && (\n <Box className=\"MenuList__Header\" m=\"0 12px 8px\">\n {isSearchable && (\n <MenuSearchBar\n handleKeyboardNavigation={handleKeyboardNavigation}\n menuItems={menuItems || []}\n searchInputRef={searchInputRef}\n setFilteredMenuItems={setFilteredMenuItems}\n placeholder={searchPlaceholder}\n />\n )}\n {canSelectAll && isMultiSelect && (\n <MenuSelectAllButtons\n handleToggleAllItems={handleToggleAllItems}\n hasSelectedItems={Boolean(filteredMenuItems?.find((item) => item.isSelected))}\n isGrouped={false}\n />\n )}\n </Box>\n )}\n <Box className=\"MenuList__Body\">\n {!filteredMenuItems?.length ? (\n <Box textAlign=\"center\" display=\"block\" p={3}>\n <Text size=\"sm\" variant=\"subtle\">\n No results found\n </Text>\n </Box>\n ) : isGrouped ? (\n groups?.map((groupName, index) => {\n const menuItems = filteredMenuItems?.filter((item) => item.groupLabel === groupName);\n return (\n <Box className=\"MenuList__Group\" key={`${groupName || 'noGroup'}-${index}`}>\n {groupName && (\n <Flex minH={8} pt={4} pr={3} pb={1} pl={5} justify=\"space-between\" align=\"center\">\n <Box textAlign=\"left\" className=\"MenuList__GroupTitle\">\n <Heading size=\"xs\">{groupName}</Heading>\n </Box>\n {isMultiSelect && canSelectGroups && (\n <MenuSelectAllButtons\n handleToggleAllItems={handleToggleAllItems}\n hasSelectedItems={Boolean(menuItems?.find((item) => item.isSelected))}\n isGrouped={true}\n groupName={groupName}\n />\n )}\n </Flex>\n )}\n {menuItems?.map((item: MenuItemProps, index: number) => {\n return getMenuItem(item, index);\n })}\n </Box>\n );\n })\n ) : (\n filteredMenuItems?.map((item: MenuItemProps, index: number) => {\n return getMenuItem(item, index);\n })\n )}\n </Box>\n </CMenuList>\n );\n};\n"],"names":["MenuSearchBar","handleKeyboardNavigation","menuItems","onSearchCallback","searchInputRef","setFilteredMenuItems","placeholder","isOpen","useMenuState","handleSearch","useCallback","e","searchInput","target","value","filterdItems","filter","item","labelText","label","_a","key","toLowerCase","includes","useEffect","focusTimeout","setTimeout","current","focus","clearTimeout","React","createElement","TextInput","WrappedTextInput","className","onChange","mt","onKeyDown","size","ref","MenuSelectAllButtons","groupName","handleToggleAllItems","hasSelectedItems","isGrouped","Box","textAlign","w","Button","variant","iconName","onClick","clear","isDisabled","Flex","justifyContent","canSelectAll","canSelectGroups","children","isMatchWidthSet","isMultiSelect","isSearchable","onSelect","onSelectAll","searchPlaceholder","shouldRetainSelection","shouldTruncateText","minW","maxW","maxH","rest","__rest","filteredMenuItems","allMenuItems","groups","setGroups","focusedItemIndex","setFocusedItemIndex","menuItemRefs","useMenuContext","focusNextListItem","direction","isFirstOption","isLastOption","length","newIndex","_b","nextListItem","elementIsInputField","persist","preventDefault","click","handleToggleSingleItem","selectedValue","itemOnSelect","_filteredMenuItemsCopy","selectedItem","find","isSelected","allSelectedItems","forEach","groupLabel","push","groupNames","Set","map","getMenuItem","index","isPlaceholder","Fragment","MenuItem","Object","assign","itemIndex","toString","CMenuList","overflow","m","Boolean","minH","pt","pr","pb","pl","justify","align","Heading","display","p","Text","WrappedText"],"mappings":"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"}
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
"use strict";var e=require("./tslib.es6-d6f17add.js"),l=require("react"),a=require("./chakra-ui-media-query.esm-6217de7e.js"),s=require("./chakra-ui-modal.esm-fa7beddc.js");function r(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var o=r(l);exports.Modal=l=>{var{children:r,isOpen:i,onClose:t,isCentered:n=!0,responsiveModalSizes:u,allowEscape:d=!0,useFullScreenMobile:c=!0,initialFocusRef:b,scrollBehavior:m,size:f="xl"}=l,p=e.__rest(l,["children","isOpen","onClose","isCentered","responsiveModalSizes","allowEscape","useFullScreenMobile","initialFocusRef","scrollBehavior","size"]);const v=a.useBreakpointValue({base:"full",md:f}),k=a.useBreakpointValue({base:0,md:"xl"}),C=a.useBreakpointValue({base:c?0:16,md:16});return o.default.createElement(s.Modal,Object.assign({closeOnEsc:d,closeOnOverlayClick:d,autoFocus:!!b,isOpen:i,onClose:t,scrollBehavior:m,isCentered:n,size:c?v:f,motionPreset:"slideInBottom"},p),o.default.createElement(s.ModalOverlay,null),o.default.createElement(s.ModalContent,Object.assign({backgroundColor:"background.overlay",m:C},!c&&{mx:5},{borderRadius:c?k:"xl"},c&&{minH:{base:"-webkit-fill-available",md:"auto"}}),r))};
|
|
2
|
-
//# sourceMappingURL=modal.component-14279c46.js.map
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
"use strict";var e=require("./tslib.es6-d6f17add.js"),r=require("react"),t=require("./chakra-ui-modal.esm-fa7beddc.js");function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var d=a(r);exports.ModalBody=r=>{var{children:a}=r,i=e.__rest(r,["children"]);return d.default.createElement(t.ModalBody,Object.assign({py:1},i),a)};
|
|
2
|
-
//# sourceMappingURL=modalBody.component-b08c6819.js.map
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
"use strict";var e=require("./tslib.es6-d6f17add.js"),t=require("react"),o=require("./button.component-31667514.js"),r=require("./chakra-ui-modal.esm-fa7beddc.js");function s(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var a=s(t);exports.ModalCloseButton=t=>{var{right:s=2,top:i=2,size:n="md"}=t,u=e.__rest(t,["right","top","size"]);const{onClose:l}=r.useModalContext();return a.default.createElement(o.Button,Object.assign({variant:"ghostNeutral",onClick:l,iconName:"close",position:"absolute",right:s,top:i,size:n},u))};
|
|
2
|
-
//# sourceMappingURL=modalCloseButton.component-1e3c8bf1.js.map
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
"use strict";var e=require("./tslib.es6-d6f17add.js"),t=require("react"),o=require("./button.component-0b765852.js"),r=require("./chakra-ui-modal.esm-fa7beddc.js");function s(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var a=s(t);exports.ModalCloseButton=t=>{var{right:s=2,top:i=2,size:n="md"}=t,u=e.__rest(t,["right","top","size"]);const{onClose:l}=r.useModalContext();return a.default.createElement(o.Button,Object.assign({variant:"ghostNeutral",onClick:l,iconName:"close",position:"absolute",right:s,top:i,size:n},u))};
|
|
2
|
-
//# sourceMappingURL=modalCloseButton.component-e94eccd3.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"modalCloseButton.component-e94eccd3.js","sources":["../src/components/Modal/components/ModalCloseButton/modalCloseButton.component.tsx"],"sourcesContent":["import React from 'react';\nimport { useModalContext } from '@chakra-ui/react';\nimport { Button, ButtonProps } from '../../../Button/button.component';\n\nexport interface ModalCloseButtonProps extends ButtonProps {}\n\nexport const ModalCloseButton = ({ right = 2, top = 2, size = 'md', ...rest }: ModalCloseButtonProps): JSX.Element => {\n const { onClose } = useModalContext();\n return (\n <Button\n variant=\"ghostNeutral\"\n onClick={onClose}\n iconName=\"close\"\n position=\"absolute\"\n right={right}\n top={top}\n size={size}\n {...rest}\n />\n );\n};\n"],"names":["_a","right","top","size","rest","__rest","onClose","useModalContext","React","createElement","Button","Object","assign","variant","onClick","iconName","position"],"mappings":"gRAMiCA,IAAA,IAAAC,MAAEA,EAAQ,EAACC,IAAEA,EAAM,EAACC,KAAEA,EAAO,MAAsCH,EAA7BI,EAAIC,EAAAA,OAAAL,EAA1C,wBAC/B,MAAMM,QAAEA,GAAYC,EAAAA,kBACpB,OACEC,UAAAC,cAACC,EAAMA,OAAAC,OAAAC,OAAA,CACLC,QAAQ,eACRC,QAASR,EACTS,SAAS,QACTC,SAAS,WACTf,MAAOA,EACPC,IAAKA,EACLC,KAAMA,GACFC"}
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
"use strict";var e=require("./tslib.es6-d6f17add.js"),r=require("react"),t=require("./chakra-ui-modal.esm-fa7beddc.js");function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var d=a(r);exports.ModalFooter=r=>{var{children:a}=r,i=e.__rest(r,["children"]);return d.default.createElement(t.ModalFooter,Object.assign({pb:6},i),a)};
|
|
2
|
-
//# sourceMappingURL=modalFooter.component-6173abd3.js.map
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
"use strict";var e=require("./tslib.es6-d6f17add.js"),t=require("react"),a=require("./button.component-0b765852.js"),i=require("./chakra-ui-modal.esm-fa7beddc.js"),n=require("./chakra-ui-layout.esm-6ee578f7.js");function l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var r=l(t);exports.ModalFooterButtons=t=>{var{submitText:l="Submit",isLoading:o,loadingText:s,isDisabled:u,isDestructive:c,mixpanelName:d,children:m,onSubmit:b,allowCancel:f=!0,onCancel:x}=t,p=e.__rest(t,["submitText","isLoading","loadingText","isDisabled","isDestructive","mixpanelName","children","onSubmit","allowCancel","onCancel"]);const{onClose:C}=i.useModalContext();return r.default.createElement(i.ModalFooter,Object.assign({},p,{pb:6}),r.default.createElement(n.Flex,{w:"100%"},f&&r.default.createElement(a.Button,{variant:"tertiary",onClick:()=>{x&&x(),C()}},"Cancel"),r.default.createElement(n.Spacer,null),r.default.createElement(a.Button,{"data-mixpanel-name":d,onClick:b,isLoading:o,loadingText:s,isDisabled:u,variant:c?"primaryDestructive":"primary"},l)))};
|
|
2
|
-
//# sourceMappingURL=modalFooterButtons.component-898f34d4.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"modalFooterButtons.component-898f34d4.js","sources":["../src/components/Modal/components/ModalFooterButtons/modalFooterButtons.component.tsx"],"sourcesContent":["import React from 'react';\nimport {\n ModalFooter as CModalFooter,\n ModalFooterProps as CModalFooterProps,\n useModalContext,\n Flex,\n Spacer,\n} from '@chakra-ui/react';\nimport { Button } from '../../../Button/button.component';\n\nexport interface ModalFooterButtonProps extends CModalFooterProps {\n mixpanelName?: string;\n submitText?: string;\n isLoading?: boolean;\n loadingText?: string;\n isDisabled?: boolean;\n isDestructive?: boolean;\n onSubmit?: () => void;\n allowCancel?: boolean;\n onCancel?: () => void;\n}\n\nexport const ModalFooterButtons = ({\n submitText = 'Submit',\n isLoading,\n loadingText,\n isDisabled,\n isDestructive,\n mixpanelName,\n children,\n onSubmit,\n allowCancel = true,\n onCancel,\n ...rest\n}: ModalFooterButtonProps): JSX.Element => {\n const { onClose } = useModalContext();\n\n const handleCancel = (): void => {\n if (onCancel) {\n onCancel();\n }\n onClose();\n };\n\n return (\n <CModalFooter {...rest} pb={6}>\n <Flex w=\"100%\">\n {allowCancel && (\n <Button variant=\"tertiary\" onClick={handleCancel}>\n Cancel\n </Button>\n )}\n <Spacer />\n <Button\n data-mixpanel-name={mixpanelName}\n onClick={onSubmit}\n isLoading={isLoading}\n loadingText={loadingText}\n isDisabled={isDisabled}\n variant={isDestructive ? 'primaryDestructive' : 'primary'}\n >\n {submitText}\n </Button>\n </Flex>\n </CModalFooter>\n );\n};\n"],"names":["_a","submitText","isLoading","loadingText","isDisabled","isDestructive","mixpanelName","children","onSubmit","allowCancel","onCancel","rest","__rest","onClose","useModalContext","React","CModalFooter","ModalFooter","Object","assign","pb","createElement","Flex","w","Button","variant","onClick","Spacer"],"mappings":"kUAsBmCA,IAAA,IAAAC,WACjCA,EAAa,SAAQC,UACrBA,EAASC,YACTA,EAAWC,WACXA,EAAUC,cACVA,EAAaC,aACbA,EAAYC,SACZA,EAAQC,SACRA,EAAQC,YACRA,GAAc,EAAIC,SAClBA,GAAQV,EACLW,EAX8BC,EAAAA,OAAAZ,EAAA,CAAA,aAAA,YAAA,cAAA,aAAA,gBAAA,eAAA,WAAA,WAAA,cAAA,aAajC,MAAMa,QAAEA,GAAYC,EAAAA,kBASpB,OACEC,wBAACC,EAAYC,YAAAC,OAAAC,OAAA,GAAKR,EAAM,CAAAS,GAAI,IAC1BL,EAAAA,QAAAM,cAACC,EAAAA,KAAI,CAACC,EAAE,QACLd,GACCM,EAAC,QAAAM,cAAAG,EAAAA,OAAO,CAAAC,QAAQ,WAAWC,QAXd,KACfhB,GACFA,IAEFG,gBAWIE,UAAAM,cAACM,EAAMA,OAAG,MACVZ,UAAAM,cAACG,EAAMA,OACe,CAAA,qBAAAlB,EACpBoB,QAASlB,EACTN,UAAWA,EACXC,YAAaA,EACbC,WAAYA,EACZqB,QAASpB,EAAgB,qBAAuB,WAE/CJ"}
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
"use strict";var e=require("./tslib.es6-d6f17add.js"),r=require("react"),a=require("./heading.component-e55f8364.js"),t=require("./chakra-ui-modal.esm-fa7beddc.js");function d(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var i=d(r);exports.ModalHeader=r=>{var{size:d="md",children:s}=r,n=e.__rest(r,["size","children"]);return i.default.createElement(t.ModalHeader,Object.assign({px:6,pt:6,pb:2},n),i.default.createElement(a.WrappedHeading,{size:d},s))};
|
|
2
|
-
//# sourceMappingURL=modalHeader.component-90d0ac34.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export declare function checkForNewSnapshots(expectedSnapshots: Record<string, string>): Promise<Record<string, string>>;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export declare function fetchSnapshots(): Promise<void>;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export declare function pushSnapshots(): Promise<void>;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export {};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export {};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export {};
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
"use strict";var e=require("./tslib.es6-d6f17add.js"),t=require("react"),r=require("./popoverHeader.component-f08671c4.js"),o=require("./popoverFooter.component-361655aa.js"),a=require("./text.component-057889c3.js"),s=require("./chakra-ui-popover.esm-1e836c11.js");function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var c=n(t);exports.Popover=n=>{var{allowEscape:i=!0,anchor:l,children:u,contentProps:p,footerProps:d,headerProps:f,placement:v="auto",size:g="sm",trigger:m="click",variant:P="contrast"}=n,b=e.__rest(n,["allowEscape","anchor","children","contentProps","footerProps","headerProps","placement","size","trigger","variant"]);const j=t.useMemo((()=>{switch(P){case"contrast":case"contrastDestructive":return{bg:"background.contrast",color:"text.onContrast"};case"default":case"defaultDestructive":return{bg:"background.default",color:"text.default"}}}),[P]),E="contrast"===P||"contrastDestructive"===P,h="contrastDestructive"===P||"defaultDestructive"===P;return c.default.createElement(s.Popover,Object.assign({size:g,closeOnBlur:i,closeOnEsc:i,placement:v,trigger:m},b),c.default.createElement(s.PopoverTrigger,null,l),c.default.createElement(s.PopoverContent,Object.assign({},j,p,{shadow:"md"}),c.default.createElement(s.PopoverArrow,Object.assign({},j)),f&&c.default.createElement(r.PopoverHeader,Object.assign({isOnContrast:E},j,f)),c.default.createElement(s.PopoverBody,Object.assign({py:3,borderRadius:"inherit"},j),"string"==typeof u?c.default.createElement(a.WrappedText,{variant:E?"onContrast":"default",size:"sm"},u):u),d&&c.default.createElement(o.PopoverFooter,Object.assign({isDestructive:h,isOnContrast:E},d,j))))};
|
|
2
|
-
//# sourceMappingURL=popover.component-fed9ff4e.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"popover.component-fed9ff4e.js","sources":["../src/components/Popover/popover.component.tsx"],"sourcesContent":["import React, { ReactNode, useMemo } from 'react';\nimport {\n Popover as CPopover,\n PopoverProps as CPopoverProps,\n PopoverTrigger as CPopoverTrigger,\n PopoverContent as CPopoverContent,\n PopoverArrow as CPopoverArrow,\n PopoverBody as CPopoverBody,\n PopoverContentProps,\n} from '@chakra-ui/react';\nimport { PopoverPlacement, PopoverSize, PopoverVariant, PopoverTriggerType } from './popover.types';\nimport { PopoverHeader, PopoverHeaderProps } from './components/PopoverHeader';\nimport { PopoverFooter, PopoverFooterProps } from './components/PopoverFooter';\nimport { Text } from '../Text';\n\nexport interface KPopoverProps {\n allowEscape?: boolean;\n anchor: ReactNode;\n children: ReactNode;\n footerProps?: PopoverFooterProps;\n headerProps?: PopoverHeaderProps;\n contentProps?: PopoverContentProps;\n placement?: PopoverPlacement;\n size?: PopoverSize;\n trigger?: PopoverTriggerType;\n variant?: PopoverVariant;\n}\n\nexport type PopoverProps = KPopoverProps & CPopoverProps;\n\nexport const Popover = ({\n allowEscape = true,\n anchor,\n children,\n contentProps,\n footerProps,\n headerProps,\n placement = 'auto',\n size = 'sm',\n trigger = 'click',\n variant = 'contrast',\n ...rest\n}: PopoverProps): JSX.Element => {\n // Manually setting the variant styles here rather than in the config\n // because chakra doesn't style the tooltip/popover arrow properly when styles are customized\n // See GH issue for reference: https://github.com/chakra-ui/chakra-ui/issues/4695#issuecomment-991023319\n const styles = useMemo(() => {\n switch (variant) {\n case 'contrast':\n case 'contrastDestructive':\n return {\n bg: 'background.contrast',\n color: 'text.onContrast',\n };\n case 'default':\n case 'defaultDestructive':\n return {\n bg: 'background.default',\n color: 'text.default',\n };\n default:\n break;\n }\n }, [variant]);\n\n const isOnContrast = variant === 'contrast' || variant === 'contrastDestructive';\n const isDestructive = variant === 'contrastDestructive' || variant === 'defaultDestructive';\n\n return (\n <CPopover\n size={size}\n closeOnBlur={allowEscape}\n closeOnEsc={allowEscape}\n placement={placement}\n trigger={trigger}\n {...rest}\n >\n <CPopoverTrigger>{anchor}</CPopoverTrigger>\n <CPopoverContent {...styles} {...contentProps} shadow=\"md\">\n <CPopoverArrow {...styles} />\n {headerProps && <PopoverHeader isOnContrast={isOnContrast} {...styles} {...headerProps} />}\n <CPopoverBody py={3} borderRadius=\"inherit\" {...styles}>\n {typeof children === 'string' ? (\n <Text variant={isOnContrast ? 'onContrast' : 'default'} size=\"sm\">\n {children}\n </Text>\n ) : (\n children\n )}\n </CPopoverBody>\n {footerProps && (\n <PopoverFooter isDestructive={isDestructive} isOnContrast={isOnContrast} {...footerProps} {...styles} />\n )}\n </CPopoverContent>\n </CPopover>\n );\n};\n"],"names":["_a","allowEscape","anchor","children","contentProps","footerProps","headerProps","placement","size","trigger","variant","rest","__rest","styles","useMemo","bg","color","isOnContrast","isDestructive","React","createElement","CPopover","Popover","Object","assign","closeOnBlur","closeOnEsc","CPopoverTrigger","CPopoverContent","shadow","CPopoverArrow","PopoverHeader","CPopoverBody","py","borderRadius","Text","PopoverFooter"],"mappings":"6WA8BwBA,IAAA,IAAAC,YACtBA,GAAc,EAAIC,OAClBA,EAAMC,SACNA,EAAQC,aACRA,EAAYC,YACZA,EAAWC,YACXA,EAAWC,UACXA,EAAY,OAAMC,KAClBA,EAAO,KAAIC,QACXA,EAAU,QAAOC,QACjBA,EAAU,YAEGV,EADVW,EAAIC,EAAAA,OAAAZ,EAXe,uHAgBtB,MAAMa,EAASC,EAAAA,SAAQ,KACrB,OAAQJ,GACN,IAAK,WACL,IAAK,sBACH,MAAO,CACLK,GAAI,sBACJC,MAAO,mBAEX,IAAK,UACL,IAAK,qBACH,MAAO,CACLD,GAAI,qBACJC,MAAO,mBAKZ,CAACN,IAEEO,EAA2B,aAAZP,GAAsC,wBAAZA,EACzCQ,EAA4B,wBAAZR,GAAiD,uBAAZA,EAE3D,OACES,EAAAA,QAACC,cAAAC,EAAQC,QACPC,OAAAC,OAAA,CAAAhB,KAAMA,EACNiB,YAAaxB,EACbyB,WAAYzB,EACZM,UAAWA,EACXE,QAASA,GACLE,GAEJQ,EAAAA,QAACC,cAAAO,iBAAiB,KAAAzB,GAClBiB,EAAAA,QAACC,cAAAQ,kCAAoBf,EAAYT,EAAc,CAAAyB,OAAO,OACpDV,EAAC,QAAAC,cAAAU,eAAkBP,OAAAC,OAAA,GAAAX,IAClBP,GAAea,EAAC,QAAAC,cAAAW,EAAAA,cAAcR,OAAAC,OAAA,CAAAP,aAAcA,GAAkBJ,EAAYP,IAC3Ea,EAAAA,QAACC,cAAAY,EAAAA,2BAAaC,GAAI,EAAGC,aAAa,WAAcrB,GACzB,iBAAbV,EACNgB,EAAAA,QAACC,cAAAe,EAAAA,YAAK,CAAAzB,QAASO,EAAe,aAAe,UAAWT,KAAK,MAC1DL,GACI,GAKVE,GACCc,EAAC,QAAAC,cAAAgB,EAAaA,6BAAClB,cAAeA,EAAeD,aAAcA,GAAkBZ,EAAiBQ"}
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
"use strict";var e=require("./tslib.es6-d6f17add.js"),t=require("react"),r=require("./button.component-31667514.js"),i=require("./chakra-ui-popover.esm-1e836c11.js"),n=require("./chakra-ui-layout.esm-6ee578f7.js");function s(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var a=s(t);exports.PopoverFooter=t=>{var{submitText:s="Submit",isLoading:o,isDisabled:u,isDestructive:l,children:c,onSubmit:d,hideCancelButton:m=!1,hideButtons:b=!1,onCancel:p,isOnContrast:C=!0}=t,v=e.__rest(t,["submitText","isLoading","isDisabled","isDestructive","children","onSubmit","hideCancelButton","hideButtons","onCancel","isOnContrast"]);const{onClose:f}=i.usePopoverContext();return a.default.createElement(i.PopoverFooter,Object.assign({},v,{pb:3,pt:0,borderRadius:"inherit",borderTop:0}),c,!b&&a.default.createElement(n.Flex,{w:"100%"},!m&&a.default.createElement(r.Button,{variant:"tertiary",isOnContrast:C,size:"sm",onClick:()=>{p&&p(),f()}},"Cancel"),a.default.createElement(n.Spacer,null),a.default.createElement(r.Button,{onClick:d,isLoading:o,isDisabled:u,size:"sm",isOnContrast:C,variant:l?"primaryDestructive":"primary"},s)))};
|
|
2
|
-
//# sourceMappingURL=popoverFooter.component-d747dcfb.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"popoverFooter.component-d747dcfb.js","sources":["../src/components/Popover/components/PopoverFooter/popoverFooter.component.tsx"],"sourcesContent":["import React, { ReactNode } from 'react';\nimport {\n PopoverFooterProps as CPopoverFooterProps,\n PopoverFooter as CPopoverFooter,\n usePopoverContext,\n Flex,\n Spacer,\n} from '@chakra-ui/react';\nimport { Button } from '../../../Button/button.component';\n\nexport interface KPopoverFooterProps {\n submitText?: string;\n isLoading?: boolean;\n isDisabled?: boolean;\n isDestructive?: boolean;\n onSubmit?: () => void;\n hideCancelButton?: boolean;\n onCancel?: () => void;\n isOnContrast?: boolean;\n hideButtons?: boolean;\n children?: ReactNode;\n}\n\nexport type PopoverFooterProps = KPopoverFooterProps & CPopoverFooterProps;\n\nexport const PopoverFooter = ({\n submitText = 'Submit',\n isLoading,\n isDisabled,\n isDestructive,\n children,\n onSubmit,\n hideCancelButton = false,\n hideButtons = false,\n onCancel,\n isOnContrast = true,\n ...rest\n}: PopoverFooterProps): JSX.Element => {\n const { onClose } = usePopoverContext();\n\n const handleCancel = (): void => {\n if (onCancel) {\n onCancel();\n }\n onClose();\n };\n\n return (\n <CPopoverFooter {...rest} pb={3} pt={0} borderRadius=\"inherit\" borderTop={0}>\n {children}\n {!hideButtons && (\n <Flex w=\"100%\">\n {!hideCancelButton && (\n <Button variant=\"tertiary\" isOnContrast={isOnContrast} size=\"sm\" onClick={handleCancel}>\n Cancel\n </Button>\n )}\n <Spacer />\n <Button\n onClick={onSubmit}\n isLoading={isLoading}\n isDisabled={isDisabled}\n size=\"sm\"\n isOnContrast={isOnContrast}\n variant={isDestructive ? 'primaryDestructive' : 'primary'}\n >\n {submitText}\n </Button>\n </Flex>\n )}\n </CPopoverFooter>\n );\n};\n"],"names":["_a","submitText","isLoading","isDisabled","isDestructive","children","onSubmit","hideCancelButton","hideButtons","onCancel","isOnContrast","rest","__rest","onClose","usePopoverContext","React","CPopoverFooter","PopoverFooter","Object","assign","pb","pt","borderRadius","borderTop","createElement","Flex","w","Button","variant","size","onClick","Spacer"],"mappings":"+TAyB8BA,IAAA,IAAAC,WAC5BA,EAAa,SAAQC,UACrBA,EAASC,WACTA,EAAUC,cACVA,EAAaC,SACbA,EAAQC,SACRA,EAAQC,iBACRA,GAAmB,EAAKC,YACxBA,GAAc,EAAKC,SACnBA,EAAQC,aACRA,GAAe,GAEIV,EADhBW,EAAIC,EAAAA,OAAAZ,EAXqB,0IAa5B,MAAMa,QAAEA,GAAYC,EAAAA,oBASpB,OACEC,EAAAA,sBAACC,EAAcC,cAAAC,OAAAC,OAAA,GAAKR,EAAM,CAAAS,GAAI,EAAGC,GAAI,EAAGC,aAAa,UAAUC,UAAW,IACvElB,GACCG,GACAO,EAAAA,QAAAS,cAACC,EAAAA,KAAK,CAAAC,EAAE,SACJnB,GACAQ,EAAAA,QAAAS,cAACG,EAAAA,OAAO,CAAAC,QAAQ,WAAWlB,aAAcA,EAAcmB,KAAK,KAAKC,QAbtD,KACfrB,GACFA,IAEFI,MAS8F,UAIxFE,UAAAS,cAACO,EAAMA,OAAG,MACVhB,UAAAS,cAACG,EAAMA,OACL,CAAAG,QAASxB,EACTJ,UAAWA,EACXC,WAAYA,EACZ0B,KAAK,KACLnB,aAAcA,EACdkB,QAASxB,EAAgB,qBAAuB,WAE/CH"}
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
"use strict";var e=require("./tslib.es6-d6f17add.js"),t=require("react"),o=require("./heading.component-e55f8364.js"),r=require("./button.component-31667514.js"),n=require("./chakra-ui-popover.esm-1e836c11.js");function s(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var i=s(t);exports.PopoverHeader=t=>{var{size:s="sm",children:a,color:l,hideCloseButton:u=!1,isOnContrast:c=!0,onClose:d}=t,p=e.__rest(t,["size","children","color","hideCloseButton","isOnContrast","onClose"]);const{onClose:h}=n.usePopoverContext();return i.default.createElement(n.PopoverHeader,Object.assign({px:3,pt:3,pb:0,borderBottom:0,borderRadius:"inherit",minH:6},p),i.default.createElement(o.WrappedHeading,{size:s,color:l||"inherit"},a),!u&&i.default.createElement(r.Button,Object.assign({variant:"ghostNeutral",isOnContrast:c,onClick:d||h,iconName:"close",position:"absolute",right:1,top:1,size:"xs"},p)))};
|
|
2
|
-
//# sourceMappingURL=popoverHeader.component-be710516.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"popoverHeader.component-f08671c4.js","sources":["../src/components/Popover/components/PopoverHeader/popoverHeader.component.tsx"],"sourcesContent":["import React, { ReactNode } from 'react';\nimport {\n PopoverHeader as CPopoverHeader,\n PopoverHeaderProps as CPopoverHeaderProps,\n usePopoverContext,\n} from '@chakra-ui/react';\nimport { Heading } from '../../../Heading/heading.component';\nimport { HeadingSize } from '../../../Heading/heading.types';\nimport { Button } from 'components/Button';\nimport { SemanticColorToken } from 'theme/tokens';\n\nexport interface KPopoverHeaderProps {\n children?: ReactNode;\n color?: SemanticColorToken | string;\n hideCloseButton?: boolean;\n onClose?: () => void;\n isOnContrast?: boolean;\n size?: HeadingSize;\n}\n\nexport type PopoverHeaderProps = KPopoverHeaderProps & CPopoverHeaderProps;\n\nexport const PopoverHeader = ({\n size = 'sm',\n children,\n color,\n hideCloseButton = false,\n isOnContrast = true,\n onClose,\n ...rest\n}: PopoverHeaderProps): JSX.Element => {\n const { onClose: contextOnClose } = usePopoverContext();\n\n return (\n <CPopoverHeader px={3} pt={3} pb={0} borderBottom={0} borderRadius=\"inherit\" minH={6} {...rest}>\n <Heading size={size} color={color || 'inherit'}>\n {children}\n </Heading>\n {!hideCloseButton && (\n <Button\n variant=\"ghostNeutral\"\n isOnContrast={isOnContrast}\n onClick={onClose ? onClose : contextOnClose}\n iconName=\"close\"\n position=\"absolute\"\n right={1}\n top={1}\n size=\"xs\"\n {...rest}\n />\n )}\n </CPopoverHeader>\n );\n};\n"],"names":["_a","size","children","color","hideCloseButton","isOnContrast","onClose","rest","__rest","contextOnClose","usePopoverContext","React","createElement","CPopoverHeader","Object","assign","px","pt","pb","borderBottom","borderRadius","minH","Heading","WrappedHeading","Button","variant","onClick","iconName","position","right","top"],"mappings":"4TAsB8BA,QAAAC,KAC5BA,EAAO,KAAIC,SACXA,EAAQC,MACRA,EAAKC,gBACLA,GAAkB,EAAKC,aACvBA,GAAe,EAAIC,QACnBA,KACGC,EAPyBC,EAAAA,OAAAR,EAAA,CAAA,OAAA,WAAA,QAAA,kBAAA,eAAA,YAS5B,MAAQM,QAASG,GAAmBC,EAAiBA,oBAErD,OACEC,EAAA,QAAAC,cAACC,gBAAcC,OAAAC,OAAA,CAACC,GAAI,EAAGC,GAAI,EAAGC,GAAI,EAAGC,aAAc,EAAGC,aAAa,UAAUC,KAAM,GAAOd,GACxFI,UAAAC,cAACU,EAAOC,eAAA,CAACtB,KAAMA,EAAME,MAAOA,GAAS,WAClCD,IAEDE,GACAO,EAAA,QAAAC,cAACY,EAAMA,OACLV,OAAAC,OAAA,CAAAU,QAAQ,eACRpB,aAAcA,EACdqB,QAASpB,GAAoBG,EAC7BkB,SAAS,QACTC,SAAS,WACTC,MAAO,EACPC,IAAK,EACL7B,KAAK,MACDM"}
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
"use strict";var e=require("./tslib.es6-d6f17add.js"),t=require("react"),r=require("./chakra-ui-radio.esm-f310d451.js");function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var s=a(t);exports.Radio=t=>{var{children:a,size:i="md",isOnContrast:n}=t,d=e.__rest(t,["children","size","isOnContrast"]);const o=n?"onContrast":"default";return s.default.createElement(r.Radio,Object.assign({variant:o},d,{size:i,alignItems:"flex-start"}),a)};
|
|
2
|
-
//# sourceMappingURL=radio.component-1ebba5e1.js.map
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
"use strict";var e=require("./tslib.es6-d6f17add.js"),r=require("react"),i=require("./withFormControl-238d7eec.js"),t=require("./radio.component-1ebba5e1.js"),a=require("./chakra-ui-radio.esm-f310d451.js"),s=require("./chakra-ui-layout.esm-6ee578f7.js");function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var o=n(r);const d=r=>{var{radios:i,size:n="md",direction:d="row",spacing:c,isFieldInline:u,isOnContrast:l}=r,m=e.__rest(r,["radios","size","direction","spacing","isFieldInline","isOnContrast"]);return o.default.createElement(a.RadioGroup,Object.assign({},m),o.default.createElement(s.Stack,{direction:d,spacing:c,maxW:m.maxW||"max-content"},i.map(((e,r)=>o.default.createElement(t.Radio,Object.assign({isOnContrast:l,key:r},e,{size:n}))))))};d.displayName="RadioGroup";const c=i.withFormControl(d);exports.WrappedRadioGroup=c;
|
|
2
|
-
//# sourceMappingURL=radioGroup.component-6a3d9466.js.map
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
"use strict";var e=require("./tslib.es6-d6f17add.js"),r=require("react"),i=require("./withFormControl-23bf744e.js"),t=require("./radio.component-1ebba5e1.js"),a=require("./chakra-ui-radio.esm-f310d451.js"),s=require("./chakra-ui-layout.esm-6ee578f7.js");function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var o=n(r);const d=r=>{var{radios:i,size:n="md",direction:d="row",spacing:c,isFieldInline:u,isOnContrast:l}=r,m=e.__rest(r,["radios","size","direction","spacing","isFieldInline","isOnContrast"]);return o.default.createElement(a.RadioGroup,Object.assign({},m),o.default.createElement(s.Stack,{direction:d,spacing:c,maxW:m.maxW||"max-content"},i.map(((e,r)=>o.default.createElement(t.Radio,Object.assign({isOnContrast:l,key:r},e,{size:n}))))))};d.displayName="RadioGroup";const c=i.withFormControl(d);exports.WrappedRadioGroup=c;
|
|
2
|
-
//# sourceMappingURL=radioGroup.component-f797e33f.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"radioGroup.component-f797e33f.js","sources":["../src/components/RadioGroup/radioGroup.component.tsx"],"sourcesContent":["import React from 'react';\nimport { RadioGroup as CRadioGroup, RadioGroupProps as CRadioGroupProps, Stack, SystemProps } from '@chakra-ui/react';\nimport { withFormControl, WithFormControlProps } from 'shared/hocs/FormControl/withFormControl';\nimport { FlexDirection } from 'shared/types/alignment';\nimport { Radio, RadioProps } from '../Radio/radio.component';\nimport { RadioSize } from '../Radio/radio.types';\n\nexport interface KRadioGroupProps extends WithFormControlProps {\n size?: RadioSize;\n radios: RadioProps[];\n direction?: FlexDirection;\n spacing?: SystemProps['margin'];\n isOnContrast?: boolean;\n name?: string;\n value?: string | number;\n onChange?: (value: string) => void;\n}\n\nexport type RadioGroupProps = KRadioGroupProps & Omit<CRadioGroupProps, 'children'>;\n\nconst RadioGroup = ({\n radios,\n size = 'md',\n direction = 'row',\n spacing,\n isFieldInline,\n isOnContrast,\n ...rest\n}: RadioGroupProps): JSX.Element => {\n return (\n <CRadioGroup {...rest}>\n <Stack direction={direction} spacing={spacing} maxW={rest.maxW || 'max-content'}>\n {radios.map((radio, index) => (\n <Radio isOnContrast={isOnContrast} key={index} {...radio} size={size} />\n ))}\n </Stack>\n </CRadioGroup>\n );\n};\n\nRadioGroup.displayName = 'RadioGroup';\n\nconst WrappedRadioGroup = withFormControl(RadioGroup);\n\nexport { WrappedRadioGroup as RadioGroup };\n"],"names":["RadioGroup","_a","radios","size","direction","spacing","isFieldInline","isOnContrast","rest","__rest","React","createElement","CRadioGroup","Object","assign","Stack","maxW","map","radio","index","Radio","key","displayName","WrappedRadioGroup","withFormControl"],"mappings":"iVAoBA,MAAMA,EAAcC,QAAAC,OAClBA,EAAMC,KACNA,EAAO,KAAIC,UACXA,EAAY,MAAKC,QACjBA,EAAOC,cACPA,EAAaC,aACbA,GAAYN,EACTO,EAAIC,EAAAA,OAAAR,EAPW,wEASlB,OACES,EAAAA,QAAAC,cAACC,EAAWZ,WAAAa,OAAAC,OAAA,GAAKN,GACfE,EAAC,QAAAC,cAAAI,EAAKA,MAAC,CAAAX,UAAWA,EAAWC,QAASA,EAASW,KAAMR,EAAKQ,MAAQ,eAC/Dd,EAAOe,KAAI,CAACC,EAAOC,IAClBT,EAAA,QAAAC,cAACS,EAAKA,MAAAP,OAAAC,OAAA,CAACP,aAAcA,EAAcc,IAAKF,GAAWD,EAAK,CAAEf,KAAMA,UAO1EH,EAAWsB,YAAc,aAEzB,MAAMC,EAAoBC,EAAeA,gBAACxB"}
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
"use strict";var e=require("./tslib.es6-d6f17add.js"),t=require("react"),n=require("./menuContainer.component-e6d43e42.js"),l=require("./withFormControl-238d7eec.js"),a=require("./menu.context-22d23674.js"),s=require("./menuList.component-a4b6a355.js"),r=require("./chakra-ui-select.esm-793cf4de.js"),u=require("./text.component-057889c3.js"),o=require("./chakra-ui-layout.esm-6ee578f7.js"),i=require("./icon.component-729a7547.js"),c=require("./chakra-ui-menu.esm-3741fe08.js");function d(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var m=d(t);const f=t=>{const{options:n}=t,l=e.__rest(t,["options"]);return m.default.createElement(s.MenuList,Object.assign({shouldRetainSelection:!0,menuItems:n,isMatchWidthSet:!0},l))},p=e=>{const{options:t}=e;return m.default.createElement(r.Select,Object.assign({className:"Select"},e),t.map(((e,t)=>m.default.createElement("option",{key:`options-${t}`,value:e.value},e.label))))},v=({selectedOption:e,defaultLeftElement:t,shouldTruncateText:n=!0})=>m.default.createElement(o.Flex,{className:"Select__Container",justify:"flex-start",align:"center",textAlign:"left",color:e.variant?`text.${e.variant}`:"text.default"},(null==e?void 0:e.leftElement)?m.default.createElement(o.Flex,{align:"center",className:"Select__LeftElement",pr:2},e.leftElement):t?m.default.createElement(o.Flex,{align:"center",className:"Select__LeftElement",pr:2},t):null,"string"==typeof e.label?m.default.createElement(u.WrappedText,{className:"Select__Text",isTruncated:n,variant:e.variant||"default"},e.label):e.label),h=l=>{var{defaultLeftElement:s,isFieldInline:u,listProps:o,onChange:d,options:h,placeholder:x,size:E="md",value:j,useBrowserDefaultMenu:S,maxW:b="100%",isOnContrast:g}=l,C=e.__rest(l,["defaultLeftElement","isFieldInline","listProps","onChange","options","placeholder","size","value","useBrowserDefaultMenu","maxW","isOnContrast"]);const O=g?"onContrast":"default",_=t.useRef(null),q=t.useMemo((()=>({label:x,value:"",variant:g?"placeholderOnContrast":"placeholder",leftElement:null,isSelected:!1,isPlaceholder:!0})),[x,g]),[M,T]=t.useState([]),W=t.useMemo((()=>{const e=M.find((e=>e.isSelected));return e||q}),[M,q]),L=t.useCallback((e=>{if(!M)return;const t=M.map((t=>Object.assign(Object.assign({},t),{isSelected:t.value===e.value})));T(t),(null==o?void 0:o.onSelect)&&o.onSelect(e)}),[M,o]),y=(null==o?void 0:o.shouldTruncateText)?{}:{height:"max-content",minH:10},F=t.useMemo((()=>{var e;return _.current?`${null===(e=null==_?void 0:_.current)||void 0===e?void 0:e.clientWidth}px`:"320px"}),[null==_?void 0:_.current]);return t.useEffect((()=>{const e=h.map((e=>Object.assign(Object.assign({},e),{isSelected:e.value===j})));T([...e,q])}),[h,q,j]),S&&d?m.default.createElement(p,Object.assign({},C,{maxW:b,size:E,options:h,onChange:d})):m.default.createElement(a.MenuProvider,{menuItems:M},m.default.createElement(n.MenuContainer,{matchWidth:!0,isLazy:!0},m.default.createElement(r.Select,Object.assign({icon:m.default.createElement(i.Icon,{name:"chevronDown",size:E}),as:c.MenuButton,ref:_,onClick:e=>e.stopPropagation(),type:"button",className:"Select__MenuButton",variant:O,maxW:b},y,C),m.default.createElement(v,{selectedOption:W,defaultLeftElement:s,shouldTruncateText:null==o?void 0:o.shouldTruncateText})),m.default.createElement(f,Object.assign({},o,{onSelect:L,options:M,maxW:F||b}))))};h.displayName="Select";const x=l.withFormControl(h);exports.WrappedSelect=x;
|
|
2
|
-
//# sourceMappingURL=select.component-d3b85455.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"select.component-d3b85455.js","sources":["../src/components/Select/components/SelectList/selectList.component.tsx","../src/components/Select/components/SelectBrowserDefault/selectBrowserDefault.component.tsx","../src/components/Select/components/SelectContainer/selectContainer.component.tsx","../src/components/Select/select.component.tsx"],"sourcesContent":["import React from 'react';\nimport { MenuList, MenuListProps } from '../../../Menu/components/MenuList/menuList.component';\nimport { SelectOptionProps } from '../../../Select/select.types';\n\nexport interface SelectListProps\n extends Omit<MenuListProps, 'canSelectAll' | 'canSelectGroups' | 'isMultiSelect' | 'onSelectAll' | 'menuItems'> {\n options?: SelectOptionProps[];\n}\n\nexport const SelectList = (props: SelectListProps): JSX.Element => {\n const { options, ...rest } = props;\n\n return <MenuList shouldRetainSelection={true} menuItems={options} isMatchWidthSet={true} {...rest} />;\n};\n","import React from 'react';\nimport { Select as CSelect } from '@chakra-ui/react';\nimport { BrowserDefaultSelectProps } from '../../../Select/select.component';\n\nexport const SelectBrowserDefault = (props: BrowserDefaultSelectProps): JSX.Element => {\n const { options } = props;\n return (\n <CSelect className=\"Select\" {...props}>\n {options.map((option, index) => (\n <option key={`options-${index}`} value={option.value}>\n {option.label}\n </option>\n ))}\n </CSelect>\n );\n};\n","import React, { ReactNode } from 'react';\nimport { SelectOptionProps } from '../../../Select/select.types';\nimport { Flex } from '@chakra-ui/react';\nimport { Text } from '../../../Text/text.component';\n\nexport interface SelectContainerProps {\n selectedOption: SelectOptionProps;\n defaultLeftElement: ReactNode;\n shouldTruncateText?: boolean;\n}\n\nexport const SelectContainer = ({\n selectedOption,\n defaultLeftElement,\n shouldTruncateText = true,\n}: SelectContainerProps): JSX.Element => {\n return (\n <Flex\n className=\"Select__Container\"\n justify=\"flex-start\"\n align=\"center\"\n textAlign=\"left\"\n color={selectedOption.variant ? `text.${selectedOption.variant}` : 'text.default'}\n >\n {selectedOption?.leftElement ? (\n <Flex align=\"center\" className=\"Select__LeftElement\" pr={2}>\n {selectedOption.leftElement}\n </Flex>\n ) : defaultLeftElement ? (\n <Flex align=\"center\" className=\"Select__LeftElement\" pr={2}>\n {defaultLeftElement}\n </Flex>\n ) : null}\n {typeof selectedOption.label === 'string' ? (\n <Text className=\"Select__Text\" isTruncated={shouldTruncateText} variant={selectedOption.variant || 'default'}>\n {selectedOption.label}\n </Text>\n ) : (\n selectedOption.label\n )}\n </Flex>\n );\n};\n","import React, { useMemo, ChangeEvent, ReactNode, useRef, useState, useCallback, useEffect } from 'react';\nimport { Select as CSelect, SelectProps as CSelectProps, MenuButton } from '@chakra-ui/react';\nimport { MenuContainer } from '../Menu/components/MenuContainer/menuContainer.component';\nimport { WithFormControlProps, withFormControl } from 'shared/hocs/FormControl/withFormControl';\nimport { MenuProvider } from '../Menu/context/menu.context';\nimport { SelectOptionProps } from '../Select/select.types';\nimport { SelectList, SelectListProps } from './components/SelectList/selectList.component';\nimport { SelectBrowserDefault } from './components/SelectBrowserDefault/selectBrowserDefault.component';\nimport { SelectContainer } from './components/SelectContainer/selectContainer.component';\nimport { Icon } from '../Icon/icon.component';\nimport { IconSize } from '../Icon/icon.types';\nimport { FormControlSize } from 'shared/types/formControl';\n\nexport interface SelectBaseProps extends WithFormControlProps, CSelectProps {\n options: SelectOptionProps[];\n size?: FormControlSize;\n isOnContrast?: boolean;\n}\n\nexport interface BrowserDefaultSelectProps extends SelectBaseProps {\n defaultLeftElement?: never;\n listProps?: never;\n onChange: (e: ChangeEvent<HTMLSelectElement>) => void;\n useBrowserDefaultMenu?: boolean;\n}\n\nexport interface CustomSelectProps extends SelectBaseProps {\n defaultLeftElement?: ReactNode;\n listProps?: SelectListProps;\n onChange?: never;\n useBrowserDefaultMenu?: never;\n}\n\nexport type SelectProps = BrowserDefaultSelectProps | CustomSelectProps;\n\nconst Select = ({\n defaultLeftElement,\n isFieldInline,\n listProps,\n onChange,\n options,\n placeholder,\n size = 'md',\n value,\n useBrowserDefaultMenu,\n maxW = '100%',\n isOnContrast,\n ...domProps\n}: SelectProps): JSX.Element => {\n // TODO: Need to add full support for isOnContrast, currently menu list still renders white\n const _computedVariant = isOnContrast ? 'onContrast' : 'default';\n const selectRef = useRef<HTMLSelectElement>(null);\n const placeholderOption: SelectOptionProps = useMemo(\n () => ({\n label: placeholder,\n value: '',\n variant: isOnContrast ? 'placeholderOnContrast' : 'placeholder',\n leftElement: null,\n isSelected: false,\n isPlaceholder: true,\n }),\n [placeholder, isOnContrast],\n );\n\n const [allOptions, setAllOptions] = useState<SelectOptionProps[]>([]);\n\n const selectedOption: SelectOptionProps = useMemo(() => {\n const selectedItem = allOptions.find((option) => option.isSelected);\n\n return selectedItem ? selectedItem : placeholderOption;\n }, [allOptions, placeholderOption]);\n\n const handleSelect = useCallback(\n (selectedItem: SelectOptionProps) => {\n if (!allOptions) return;\n\n const updatedOptions = allOptions.map((option) => {\n return {\n ...option,\n isSelected: option.value === selectedItem.value,\n };\n });\n setAllOptions(updatedOptions);\n\n if (listProps?.onSelect) {\n listProps.onSelect(selectedItem);\n }\n },\n [allOptions, listProps],\n );\n\n // If the text is not being truncated it should grow to fit the content\n const flexibleHeightProps = !listProps?.shouldTruncateText ? { height: 'max-content', minH: 10 } : {};\n\n const selectWidth = useMemo(() => {\n if (!selectRef.current) {\n return '320px';\n }\n\n return `${selectRef?.current?.clientWidth}px`;\n\n // Disables the warning for not including unused dependency in the hook array. This dependency is needed to rerender the menu list with the correct width\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [selectRef?.current]);\n\n // Set default selected state\n useEffect(() => {\n const mappedOptions = options.map((option) => ({\n ...option,\n isSelected: option.value === value,\n }));\n\n setAllOptions([...mappedOptions, placeholderOption]);\n }, [options, placeholderOption, value]);\n\n // Allow users to use browser default Select element instead of custom Select\n if (useBrowserDefaultMenu && onChange) {\n return <SelectBrowserDefault {...domProps} maxW={maxW} size={size} options={options} onChange={onChange} />;\n }\n\n return (\n <MenuProvider menuItems={allOptions}>\n <MenuContainer matchWidth={true} isLazy={true}>\n <CSelect\n icon={<Icon name=\"chevronDown\" size={size as IconSize} />}\n as={MenuButton}\n ref={selectRef}\n onClick={(event: React.MouseEvent): void => event.stopPropagation()}\n type=\"button\"\n className=\"Select__MenuButton\"\n variant={_computedVariant}\n maxW={maxW}\n {...flexibleHeightProps}\n {...domProps}\n >\n <SelectContainer\n selectedOption={selectedOption}\n defaultLeftElement={defaultLeftElement}\n shouldTruncateText={listProps?.shouldTruncateText}\n />\n </CSelect>\n <SelectList {...listProps} onSelect={handleSelect} options={allOptions} maxW={selectWidth || maxW} />\n </MenuContainer>\n </MenuProvider>\n );\n};\n\nSelect.displayName = 'Select';\n\nconst WrappedSelect = withFormControl(Select);\n\nexport { WrappedSelect as Select };\n"],"names":["SelectList","props","options","rest","__rest","React","MenuList","Object","assign","shouldRetainSelection","menuItems","isMatchWidthSet","SelectBrowserDefault","createElement","CSelect","Select","className","map","option","index","key","value","label","SelectContainer","selectedOption","defaultLeftElement","shouldTruncateText","Flex","justify","align","textAlign","color","variant","leftElement","pr","Text","isTruncated","_a","isFieldInline","listProps","onChange","placeholder","size","useBrowserDefaultMenu","maxW","isOnContrast","domProps","_computedVariant","selectRef","useRef","placeholderOption","useMemo","isSelected","isPlaceholder","allOptions","setAllOptions","useState","selectedItem","find","handleSelect","useCallback","updatedOptions","onSelect","flexibleHeightProps","height","minH","selectWidth","current","clientWidth","useEffect","mappedOptions","MenuProvider","MenuContainer","matchWidth","isLazy","icon","Icon","name","as","MenuButton","ref","onClick","event","stopPropagation","type","displayName","WrappedSelect","withFormControl"],"mappings":"kjBASO,MAAMA,EAAcC,IACzB,MAAMC,QAAEA,GAAqBD,EAATE,EAAIC,EAAAA,OAAKH,EAAvB,CAAoB,YAE1B,OAAOI,EAAAA,sBAACC,EAAAA,SAAQC,OAAAC,OAAA,CAACC,uBAAuB,EAAMC,UAAWR,EAASS,iBAAiB,GAAUR,KCRlFS,EAAwBX,IACnC,MAAMC,QAAEA,GAAYD,EACpB,OACEI,EAAC,QAAAQ,cAAAC,EAAOC,sBAACC,UAAU,UAAaf,GAC7BC,EAAQe,KAAI,CAACC,EAAQC,IACpBd,EAAQ,QAAAQ,cAAA,SAAA,CAAAO,IAAK,WAAWD,IAASE,MAAOH,EAAOG,OAC5CH,EAAOI,WCCLC,EAAkB,EAC7BC,eAAAA,EACAC,mBAAAA,EACAC,mBAAAA,GAAqB,KAGnBrB,EAAC,QAAAQ,cAAAc,EAAAA,KACC,CAAAX,UAAU,oBACVY,QAAQ,aACRC,MAAM,SACNC,UAAU,OACVC,MAAOP,EAAeQ,QAAU,QAAQR,EAAeQ,UAAY,iBAElER,MAAAA,OAAc,EAAdA,EAAgBS,aACf5B,EAAA,QAAAQ,cAACc,OAAI,CAACE,MAAM,SAASb,UAAU,sBAAsBkB,GAAI,GACtDV,EAAeS,aAEhBR,EACFpB,EAAA,QAAAQ,cAACc,OAAI,CAACE,MAAM,SAASb,UAAU,sBAAsBkB,GAAI,GACtDT,GAED,KAC6B,iBAAzBD,EAAeF,MACrBjB,wBAAC8B,cAAI,CAACnB,UAAU,eAAeoB,YAAaV,EAAoBM,QAASR,EAAeQ,SAAW,WAChGR,EAAeF,OAGlBE,EAAoB,OCHtBT,EAAUsB,IAAA,IAAAZ,mBACdA,EAAkBa,cAClBA,EAAaC,UACbA,EAASC,SACTA,EAAQtC,QACRA,EAAOuC,YACPA,EAAWC,KACXA,EAAO,KAAIrB,MACXA,EAAKsB,sBACLA,EAAqBC,KACrBA,EAAO,OAAMC,aACbA,GAEYR,EADTS,EAAQ1C,EAAAA,OAAAiC,EAZG,oJAed,MAAMU,EAAmBF,EAAe,aAAe,UACjDG,EAAYC,SAA0B,MACtCC,EAAuCC,EAAAA,SAC3C,KAAO,CACL7B,MAAOmB,EACPpB,MAAO,GACPW,QAASa,EAAe,wBAA0B,cAClDZ,YAAa,KACbmB,YAAY,EACZC,eAAe,KAEjB,CAACZ,EAAaI,KAGTS,EAAYC,GAAiBC,EAAQA,SAAsB,IAE5DhC,EAAoC2B,EAAAA,SAAQ,KAChD,MAAMM,EAAeH,EAAWI,MAAMxC,GAAWA,EAAOkC,aAExD,OAAOK,GAA8BP,IACpC,CAACI,EAAYJ,IAEVS,EAAeC,eAClBH,IACC,IAAKH,EAAY,OAEjB,MAAMO,EAAiBP,EAAWrC,KAAKC,GAEhCX,OAAAC,OAAAD,OAAAC,OAAA,GAAAU,GACH,CAAAkC,WAAYlC,EAAOG,QAAUoC,EAAapC,UAG9CkC,EAAcM,IAEVtB,MAAAA,SAAAA,EAAWuB,WACbvB,EAAUuB,SAASL,KAGvB,CAACH,EAAYf,IAITwB,GAAuBxB,MAAAA,OAAS,EAATA,EAAWb,oBAA2D,GAAtC,CAAEsC,OAAQ,cAAeC,KAAM,IAEtFC,EAAcf,EAAAA,SAAQ,WAC1B,OAAKH,EAAUmB,QAIR,GAAqB,QAAlB9B,EAAAW,MAAAA,OAAS,EAATA,EAAWmB,eAAO,IAAA9B,OAAA,EAAAA,EAAE+B,gBAHrB,UAOR,CAACpB,MAAAA,OAAA,EAAAA,EAAWmB,UAaf,OAVAE,EAAAA,WAAU,KACR,MAAMC,EAAgBpE,EAAQe,KAAKC,kCAC9BA,GAAM,CACTkC,WAAYlC,EAAOG,QAAUA,MAG/BkC,EAAc,IAAIe,EAAepB,MAChC,CAAChD,EAASgD,EAAmB7B,IAG5BsB,GAAyBH,EACpBnC,EAAAA,QAAAQ,cAACD,EAAyBL,OAAAC,OAAA,GAAAsC,GAAUF,KAAMA,EAAMF,KAAMA,EAAMxC,QAASA,EAASsC,SAAUA,KAI/FnC,EAAC,QAAAQ,cAAA0D,EAAYA,aAAC,CAAA7D,UAAW4C,GACvBjD,EAAC,QAAAQ,cAAA2D,iBAAcC,YAAY,EAAMC,QAAQ,GACvCrE,EAAC,QAAAQ,cAAAC,SACCP,OAAAC,OAAA,CAAAmE,KAAMtE,UAAAQ,cAAC+D,EAAAA,KAAK,CAAAC,KAAK,cAAcnC,KAAMA,IACrCoC,GAAIC,EAAUA,WACdC,IAAKhC,EACLiC,QAAUC,GAAkCA,EAAMC,kBAClDC,KAAK,SACLpE,UAAU,qBACVgB,QAASe,EACTH,KAAMA,GACFmB,EACAjB,GAEJzC,EAAC,QAAAQ,cAAAU,GACCC,eAAgBA,EAChBC,mBAAoBA,EACpBC,mBAAoBa,MAAAA,OAAS,EAATA,EAAWb,sBAGnCrB,EAAC,QAAAQ,cAAAb,mBAAeuC,EAAS,CAAEuB,SAAUH,EAAczD,QAASoD,EAAYV,KAAMsB,GAAetB,QAMrG7B,EAAOsE,YAAc,SAErB,MAAMC,EAAgBC,EAAeA,gBAACxE"}
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
"use strict";var e=require("./tslib.es6-d6f17add.js"),t=require("react"),r=require("./withFormControl-238d7eec.js"),a=require("./chakra-ui-checkbox.esm-4cded6a7.js"),n=require("./chakra-ui-system.esm-c70df670.js");function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function c(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var a=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,a.get?a:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,Object.freeze(t)}var s=c(t),o=i(t);function l(){return l=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var a in r)Object.prototype.hasOwnProperty.call(r,a)&&(e[a]=r[a])}return e},l.apply(this,arguments)}var u=["spacing","children"],d=n.forwardRef((function(e,t){var r=n.useMultiStyleConfig("Switch",e),i=n.omitThemingProps(e),c=i.spacing,o=void 0===c?"0.5rem":c,d=i.children,h=function(e,t){if(null==e)return{};var r,a,n={},i=Object.keys(e);for(a=0;a<i.length;a++)r=i[a],t.indexOf(r)>=0||(n[r]=e[r]);return n}(i,u),f=a.useCheckbox(h),m=f.state,p=f.getInputProps,k=f.getCheckboxProps,b=f.getRootProps,_=f.getLabelProps,g=s.useMemo((function(){return l({display:"inline-block",position:"relative",verticalAlign:"middle",lineHeight:0},r.container)}),[r.container]),v=s.useMemo((function(){return l({display:"inline-flex",flexShrink:0,justifyContent:"flex-start",boxSizing:"content-box",cursor:"pointer"},r.track)}),[r.track]),y=s.useMemo((function(){return l({userSelect:"none",marginStart:o},r.label)}),[o,r.label]);return s.createElement(n.chakra.label,l({},b(),{className:n.cx("chakra-switch",e.className),__css:g}),s.createElement("input",l({className:"chakra-switch__input"},p({},t))),s.createElement(n.chakra.span,l({},k(),{className:"chakra-switch__track",__css:v}),s.createElement(n.chakra.span,{__css:r.thumb,className:"chakra-switch__thumb","data-checked":n.dataAttr(m.isChecked),"data-hover":n.dataAttr(m.isHovered)})),d&&s.createElement(n.chakra.span,l({className:"chakra-switch__label"},_(),{__css:y}),d))}));n.__DEV__&&(d.displayName="Switch");const h=r=>{var{isChecked:a,isIndeterminate:n,isFieldInline:i,isOnContrast:c}=r,s=e.__rest(r,["isChecked","isIndeterminate","isFieldInline","isOnContrast"]);const l=t.useMemo((()=>n?c?"indeterminateOnContrast":"indeterminate":c?"onContrast":"default"),[n,c]);return o.default.createElement(d,Object.assign({isChecked:a,display:i?"inline-block":"block",variant:l},s))};h.displayName="Switch";const f=r.withFormControl(h);exports.WrappedSwitch=f;
|
|
2
|
-
//# sourceMappingURL=switch.component-5eae26fb.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"switch.component-afb4b60c.js","sources":["../node_modules/@chakra-ui/switch/dist/chakra-ui-switch.esm.js","../src/components/Switch/switch.component.tsx"],"sourcesContent":["import { useCheckbox } from '@chakra-ui/checkbox';\nimport { forwardRef, useMultiStyleConfig, omitThemingProps, chakra } from '@chakra-ui/system';\nimport { cx, dataAttr, __DEV__ } from '@chakra-ui/utils';\nimport * as React from 'react';\n\nfunction _extends() {\n _extends = Object.assign || function (target) {\n for (var i = 1; i < arguments.length; i++) {\n var source = arguments[i];\n\n for (var key in source) {\n if (Object.prototype.hasOwnProperty.call(source, key)) {\n target[key] = source[key];\n }\n }\n }\n\n return target;\n };\n\n return _extends.apply(this, arguments);\n}\n\nfunction _objectWithoutPropertiesLoose(source, excluded) {\n if (source == null) return {};\n var target = {};\n var sourceKeys = Object.keys(source);\n var key, i;\n\n for (i = 0; i < sourceKeys.length; i++) {\n key = sourceKeys[i];\n if (excluded.indexOf(key) >= 0) continue;\n target[key] = source[key];\n }\n\n return target;\n}\n\nvar _excluded = [\"spacing\", \"children\"];\nvar Switch = /*#__PURE__*/forwardRef(function (props, ref) {\n var styles = useMultiStyleConfig(\"Switch\", props);\n\n var _omitThemingProps = omitThemingProps(props),\n _omitThemingProps$spa = _omitThemingProps.spacing,\n spacing = _omitThemingProps$spa === void 0 ? \"0.5rem\" : _omitThemingProps$spa,\n children = _omitThemingProps.children,\n ownProps = _objectWithoutPropertiesLoose(_omitThemingProps, _excluded);\n\n var _useCheckbox = useCheckbox(ownProps),\n state = _useCheckbox.state,\n getInputProps = _useCheckbox.getInputProps,\n getCheckboxProps = _useCheckbox.getCheckboxProps,\n getRootProps = _useCheckbox.getRootProps,\n getLabelProps = _useCheckbox.getLabelProps;\n\n var containerStyles = React.useMemo(function () {\n return _extends({\n display: \"inline-block\",\n position: \"relative\",\n verticalAlign: \"middle\",\n lineHeight: 0\n }, styles.container);\n }, [styles.container]);\n var trackStyles = React.useMemo(function () {\n return _extends({\n display: \"inline-flex\",\n flexShrink: 0,\n justifyContent: \"flex-start\",\n boxSizing: \"content-box\",\n cursor: \"pointer\"\n }, styles.track);\n }, [styles.track]);\n var labelStyles = React.useMemo(function () {\n return _extends({\n userSelect: \"none\",\n marginStart: spacing\n }, styles.label);\n }, [spacing, styles.label]);\n return /*#__PURE__*/React.createElement(chakra.label, _extends({}, getRootProps(), {\n className: cx(\"chakra-switch\", props.className),\n __css: containerStyles\n }), /*#__PURE__*/React.createElement(\"input\", _extends({\n className: \"chakra-switch__input\"\n }, getInputProps({}, ref))), /*#__PURE__*/React.createElement(chakra.span, _extends({}, getCheckboxProps(), {\n className: \"chakra-switch__track\",\n __css: trackStyles\n }), /*#__PURE__*/React.createElement(chakra.span, {\n __css: styles.thumb,\n className: \"chakra-switch__thumb\",\n \"data-checked\": dataAttr(state.isChecked),\n \"data-hover\": dataAttr(state.isHovered)\n })), children && /*#__PURE__*/React.createElement(chakra.span, _extends({\n className: \"chakra-switch__label\"\n }, getLabelProps(), {\n __css: labelStyles\n }), children));\n});\n\nif (__DEV__) {\n Switch.displayName = \"Switch\";\n}\n\nexport { Switch };\n","import React, { useMemo } from 'react';\nimport { Switch as CSwitch, SwitchProps as CSwitchProps } from '@chakra-ui/react';\nimport { WithFormControlProps, withFormControl } from 'shared/hocs/FormControl/withFormControl';\nimport { FormControlSize } from 'shared/types/formControl';\n\nexport interface KSwitchProps extends WithFormControlProps {\n isChecked?: boolean;\n isFieldInline?: boolean;\n isIndeterminate?: boolean;\n isOnContrast?: boolean;\n size?: FormControlSize;\n}\n\nexport type SwitchProps = KSwitchProps & CSwitchProps;\n\nconst Switch = ({ isChecked, isIndeterminate, isFieldInline, isOnContrast, ...rest }: SwitchProps): JSX.Element => {\n const _computedVariant = useMemo(() => {\n if (isIndeterminate) {\n return isOnContrast ? 'indeterminateOnContrast' : 'indeterminate';\n } else {\n return isOnContrast ? 'onContrast' : 'default';\n }\n }, [isIndeterminate, isOnContrast]);\n\n return (\n <CSwitch\n isChecked={isChecked}\n display={isFieldInline ? 'inline-block' : 'block'}\n variant={_computedVariant}\n {...rest}\n />\n );\n};\n\nSwitch.displayName = 'Switch';\n\nconst WrappedSwitch = withFormControl(Switch);\n\nexport { WrappedSwitch as Switch };\n"],"names":["_extends","Object","assign","target","i","arguments","length","source","key","prototype","hasOwnProperty","call","apply","this","_excluded","Switch","forwardRef","props","ref","styles","useMultiStyleConfig","_omitThemingProps","omitThemingProps","_omitThemingProps$spa","spacing","children","ownProps","excluded","sourceKeys","keys","indexOf","_objectWithoutPropertiesLoose","_useCheckbox","useCheckbox","state","getInputProps","getCheckboxProps","getRootProps","getLabelProps","containerStyles","React","useMemo","display","position","verticalAlign","lineHeight","container","trackStyles","flexShrink","justifyContent","boxSizing","cursor","track","labelStyles","userSelect","marginStart","label","createElement","chakra","className","cx","__css","span","thumb","dataAttr","isChecked","isHovered","__DEV__","displayName","_a","isIndeterminate","isFieldInline","isOnContrast","rest","__rest","_computedVariant","CSwitch","variant","WrappedSwitch","withFormControl"],"mappings":"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"}
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
"use strict";var e=require("./tslib.es6-d6f17add.js"),t=require("./notificationCounter.component-043f3ed6.js"),i=require("./icon.component-d618e1f5.js"),n=require("react"),a=require("./heading.component-e55f8364.js"),o=require("./chakra-ui-tabs.esm-e6372403.js"),r=require("./chakra-ui-layout.esm-6ee578f7.js");function s(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var u=s(n);const c={xs:"sm",sm:"md",md:"md",lg:"lg"},m={xs:"xs",sm:"xs",md:"sm",lg:"md"};exports.Tab=n=>{var{iconName:s,label:f,showNotificationCounter:d=!1,notificationCount:l=0,notificationCounterVariant:C=t.NotificationCounterVariant.Red,size:b="md"}=n,j=e.__rest(n,["iconName","label","showNotificationCounter","notificationCount","notificationCounterVariant","size"]);return u.default.createElement(o.Tab,Object.assign({},j),!!s&&u.default.createElement(r.Box,{pr:2},u.default.createElement(i.Icon,{name:s,size:b})),u.default.createElement(a.WrappedHeading,{size:m[b]},f),d&&u.default.createElement(t.NotificationCounter,{count:l,variant:C,size:c[b],ml:2}))};
|
|
2
|
-
//# sourceMappingURL=tab.component-041a9f31.js.map
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
"use strict";var e=require("./tslib.es6-d6f17add.js"),t=require("./notificationCounter.component-043f3ed6.js"),i=require("./icon.component-729a7547.js"),n=require("react"),a=require("./heading.component-e55f8364.js"),o=require("./chakra-ui-tabs.esm-e6372403.js"),r=require("./chakra-ui-layout.esm-6ee578f7.js");function s(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var u=s(n);const c={xs:"sm",sm:"md",md:"md",lg:"lg"},m={xs:"xs",sm:"xs",md:"sm",lg:"md"};exports.Tab=n=>{var{iconName:s,label:f,showNotificationCounter:l=!1,notificationCount:d=0,notificationCounterVariant:C=t.NotificationCounterVariant.Red,size:b="md"}=n,j=e.__rest(n,["iconName","label","showNotificationCounter","notificationCount","notificationCounterVariant","size"]);return u.default.createElement(o.Tab,Object.assign({},j),!!s&&u.default.createElement(r.Box,{pr:2},u.default.createElement(i.Icon,{name:s,size:b})),u.default.createElement(a.WrappedHeading,{size:m[b]},f),l&&u.default.createElement(t.NotificationCounter,{count:d,variant:C,size:c[b],ml:2}))};
|
|
2
|
-
//# sourceMappingURL=tab.component-0abd2704.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"tab.component-0abd2704.js","sources":["../src/components/Tabs/components/Tab/tab.records.ts","../src/components/Tabs/components/Tab/tab.component.tsx"],"sourcesContent":["import { HeadingSize } from 'components/Heading';\nimport { NotificationCounterSize } from '../../../NotificationCounter/notificationCounter.types';\nimport { TabSize } from './tab.types';\n\nexport const notificationCounterSize: Record<TabSize, NotificationCounterSize> = {\n xs: 'sm',\n sm: 'md',\n md: 'md',\n lg: 'lg',\n};\n\nexport const tabHeadingSize: Record<TabSize, HeadingSize> = {\n xs: 'xs',\n sm: 'xs',\n md: 'sm',\n lg: 'md',\n};\n","import { Tab as CTab, TabProps as CTabProps, Box } from '@chakra-ui/react';\nimport { NotificationCounter } from '../../../NotificationCounter/notificationCounter.component';\nimport { Icon } from '../../../Icon/icon.component';\nimport React from 'react';\nimport { NotificationCounterVariant } from '../../../NotificationCounter/notificationCounter.types';\nimport { TabSize } from './tab.types';\nimport { notificationCounterSize, tabHeadingSize } from './tab.records';\nimport { IconName } from '../../../../icons';\nimport { Heading } from 'components/Heading';\n\nexport interface TabProps extends CTabProps {\n iconName?: IconName;\n label: string;\n showNotificationCounter?: boolean;\n notificationCount?: number;\n notificationCounterVariant?: NotificationCounterVariant;\n size?: TabSize;\n}\n\nexport const Tab = ({\n iconName,\n label,\n showNotificationCounter = false,\n notificationCount = 0,\n notificationCounterVariant = NotificationCounterVariant.Red,\n size = 'md',\n ...rest\n}: TabProps): JSX.Element => {\n return (\n <CTab {...rest}>\n {!!iconName && (\n <Box pr={2}>\n <Icon name={iconName} size={size} />\n </Box>\n )}\n <Heading size={tabHeadingSize[size]}>{label}</Heading>\n {showNotificationCounter && (\n <NotificationCounter\n count={notificationCount}\n variant={notificationCounterVariant}\n size={notificationCounterSize[size]}\n ml={2}\n />\n )}\n </CTab>\n );\n};\n"],"names":["notificationCounterSize","xs","sm","md","lg","tabHeadingSize","_a","iconName","label","showNotificationCounter","notificationCount","notificationCounterVariant","NotificationCounterVariant","Red","size","rest","__rest","React","createElement","CTab","Tab","Object","assign","Box","pr","Icon","name","Heading","NotificationCounter","count","variant","ml"],"mappings":"0YAIO,MAAMA,EAAoE,CAC/EC,GAAI,KACJC,GAAI,KACJC,GAAI,KACJC,GAAI,MAGOC,EAA+C,CAC1DJ,GAAI,KACJC,GAAI,KACJC,GAAI,KACJC,GAAI,kBCIcE,QAAAC,SAClBA,EAAQC,MACRA,EAAKC,wBACLA,GAA0B,EAAKC,kBAC/BA,EAAoB,EAACC,2BACrBA,EAA6BC,6BAA2BC,IAAGC,KAC3DA,EAAO,MAAIR,EACRS,EAPeC,SAAAV,EAAA,CAAA,WAAA,QAAA,0BAAA,oBAAA,6BAAA,SASlB,OACEW,EAAAA,QAAAC,cAACC,EAAIC,IAAAC,OAAAC,OAAA,GAAKP,KACLR,GACDU,wBAACM,EAAAA,IAAG,CAACC,GAAI,GACPP,UAACC,cAAAO,EAAAA,KAAK,CAAAC,KAAMnB,EAAUO,KAAMA,KAGhCG,UAACC,cAAAS,EAAAA,eAAQ,CAAAb,KAAMT,EAAeS,IAAQN,GACrCC,GACCQ,EAAA,QAAAC,cAACU,EAAmBA,oBAAA,CAClBC,MAAOnB,EACPoB,QAASnB,EACTG,KAAMd,EAAwBc,GAC9BiB,GAAI"}
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
"use strict";var e=require("./tslib.es6-d6f17add.js"),t=require("react"),a=require("./tab.component-0abd2704.js"),s=require("./chakra-ui-tabs.esm-e6372403.js");function r(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var l=r(t);exports.Tabs=t=>{var{size:r="md",tabList:n,tabPanels:b,tabPanelsStyle:i}=t,u=e.__rest(t,["size","tabList","tabPanels","tabPanelsStyle"]);return l.default.createElement(s.Tabs,Object.assign({},u,{size:r}),l.default.createElement(s.TabList,null,n.map(((e,t)=>l.default.createElement(a.Tab,Object.assign({key:t,size:r},e))))),!!b&&l.default.createElement(s.TabPanels,Object.assign({},i),b.map((e=>e))))};
|
|
2
|
-
//# sourceMappingURL=tabs.component-49941f67.js.map
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
"use strict";var e=require("./tslib.es6-d6f17add.js"),t=require("react"),a=require("./tab.component-041a9f31.js"),s=require("./chakra-ui-tabs.esm-e6372403.js");function r(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var l=r(t);exports.Tabs=t=>{var{size:r="md",tabList:n,tabPanels:i,tabPanelsStyle:b}=t,u=e.__rest(t,["size","tabList","tabPanels","tabPanelsStyle"]);return l.default.createElement(s.Tabs,Object.assign({},u,{size:r}),l.default.createElement(s.TabList,null,n.map(((e,t)=>l.default.createElement(a.Tab,Object.assign({key:t,size:r},e))))),!!i&&l.default.createElement(s.TabPanels,Object.assign({},b),i.map((e=>e))))};
|
|
2
|
-
//# sourceMappingURL=tabs.component-a39930c7.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"tabs.component-a39930c7.js","sources":["../src/components/Tabs/tabs.component.tsx"],"sourcesContent":["import { TabList, TabPanels, TabPanelProps, Tabs as CTabs, StyleProps } from '@chakra-ui/react';\nimport React from 'react';\nimport { Alignment } from 'shared/types/alignment';\nimport { Tab, TabProps } from './components/Tab/tab.component';\nimport { TabSize } from './components/Tab/tab.types';\n\nexport interface TabsProps extends StyleProps {\n size?: TabSize;\n tabList: TabProps[];\n tabPanels?: JSX.Element[];\n tabPanelsStyle?: TabPanelProps;\n isFitted?: boolean;\n align?: Alignment;\n defaultIndex?: number;\n isLazy?: boolean;\n isManual?: boolean;\n index?: number;\n onChange?: (index: number) => void;\n}\n\nexport const Tabs = ({ size = 'md', tabList, tabPanels, tabPanelsStyle, ...rest }: TabsProps): JSX.Element => {\n return (\n <CTabs {...rest} size={size}>\n <TabList>\n {tabList.map((tab, index) => (\n <Tab key={index} size={size} {...tab} />\n ))}\n </TabList>\n {!!tabPanels && <TabPanels {...tabPanelsStyle}>{tabPanels.map((panel) => panel)}</TabPanels>}\n </CTabs>\n );\n};\n"],"names":["_a","size","tabList","tabPanels","tabPanelsStyle","rest","__rest","React","CTabs","Tabs","Object","assign","createElement","TabList","map","tab","index","Tab","key","TabPanels","panel"],"mappings":"gQAoBqBA,IAAA,IAAAC,KAAEA,EAAO,KAAIC,QAAEA,EAAOC,UAAEA,EAASC,eAAEA,GAAoCJ,EAAjBK,EAAIC,EAAAA,OAAAN,EAA1D,iDACnB,OACEO,wBAACC,EAAKC,KAAAC,OAAAC,OAAA,GAAKN,EAAM,CAAAJ,KAAMA,IACrBM,UAAAK,cAACC,EAAOA,QAAA,KACLX,EAAQY,KAAI,CAACC,EAAKC,IACjBT,EAAAA,QAACK,cAAAK,EAAGA,IAACP,OAAAC,OAAA,CAAAO,IAAKF,EAAOf,KAAMA,GAAUc,SAGlCZ,GAAaI,EAAA,QAAAK,cAACO,EAASA,UAAKT,OAAAC,OAAA,GAAAP,GAAiBD,EAAUW,KAAKM,GAAUA"}
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
"use strict";var e=require("react"),t=require("./tabs.component-a39930c7.js");function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var r=a(e);exports.TabsLayout=e=>r.default.createElement(t.Tabs,Object.assign({},e));
|
|
2
|
-
//# sourceMappingURL=tabsLayout.component-a4fd4798.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"tabsLayout.component-a4fd4798.js","sources":["../src/components/TabsLayout/tabsLayout.component.tsx"],"sourcesContent":["import React from 'react';\nimport { Tabs, TabsProps } from '../Tabs/tabs.component';\n\nexport interface TabsLayoutProps extends TabsProps {\n tabPanels: JSX.Element[];\n}\n\nexport const TabsLayout = (props: TabsLayoutProps): JSX.Element => {\n return <Tabs {...props} />;\n};\n"],"names":["props","React","createElement","Tabs","Object","assign"],"mappings":"oLAO2BA,GAClBC,EAAC,QAAAC,cAAAC,OAASC,OAAAC,OAAA,GAAAL"}
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
"use strict";var e=require("./tslib.es6-d6f17add.js"),t=require("react"),n=require("./withFormControl-23bf744e.js"),l=require("./icon.component-d618e1f5.js"),a=require("./chakra-ui-button.esm-bd065780.js"),r=require("./chakra-ui-input.esm-5fd07056.js");function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var u=i(t);const s={sm:5,md:5,lg:6},o=({handleClear:e,size:t="md"})=>u.default.createElement(a.Button,{display:"inline-flex",minW:"auto",w:s[t],h:s[t],variant:"unstyled",opacity:.5,_hover:{opacity:.8},_active:{opacity:1},mr:"sm"===t?3:4,onClick:e},u.default.createElement(l.Icon,{variant:"default",name:"close",size:"lg"===t?"sm":"xs"})),d=n.withFormControl((t=>{var{isClearable:n=!1,size:l="md",leftElement:a,rightElement:i,inputRef:s,isFieldInline:d,onClear:c,value:m,isOnContrast:f}=t,p=e.__rest(t,["isClearable","size","leftElement","rightElement","inputRef","isFieldInline","onClear","value","isOnContrast"]);let h=f?"onContrast":"default";const E=()=>{c&&c(m||"")};return n&&m&&(i=u.default.createElement(o,{size:l,handleClear:E})),u.default.createElement(r.InputGroup,null,a?u.default.createElement(r.InputLeftElement,{children:a,h:"100%"}):null,u.default.createElement(r.Input,Object.assign({variant:h},p,{ref:s,size:l,value:m})),i?u.default.createElement(r.InputRightElement,{children:i,h:"100%"}):null)})),c=t.forwardRef(((e,t)=>u.default.createElement(d,Object.assign({inputRef:t},e))));c.displayName="TextInput",exports.WrappedTextInput=c;
|
|
2
|
-
//# sourceMappingURL=textInput.component-a8c1fd60.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"textInput.component-a8c1fd60.js","sources":["../src/components/TextInput/components/ClearButton/clearButton.records.ts","../src/components/TextInput/components/ClearButton/clearButton.component.tsx","../src/components/TextInput/textInput.component.tsx"],"sourcesContent":["import { FormControlSize } from 'shared/types/formControl';\n\nexport const closeButtonSize: Record<FormControlSize, number> = {\n sm: 5,\n md: 5,\n lg: 6,\n};\n","import React from 'react';\nimport { Button } from '@chakra-ui/react';\nimport { Icon } from '../../../Icon/icon.component';\nimport { FormControlSize } from 'shared/types/formControl';\nimport { closeButtonSize } from './clearButton.records';\n\nexport interface ClearButtonProps {\n handleClear?: () => void;\n size?: FormControlSize;\n}\n\nexport const ClearButton = ({ handleClear, size = 'md' }: ClearButtonProps): JSX.Element => {\n return (\n <Button\n display=\"inline-flex\"\n minW=\"auto\"\n w={closeButtonSize[size]}\n h={closeButtonSize[size]}\n variant=\"unstyled\"\n opacity={0.5}\n _hover={{ opacity: 0.8 }}\n _active={{ opacity: 1 }}\n mr={size === 'sm' ? 3 : 4}\n onClick={handleClear}\n >\n <Icon variant=\"default\" name=\"close\" size={size === 'lg' ? 'sm' : 'xs'} />\n </Button>\n );\n};\n","import React, { forwardRef, ForwardedRef, ReactElement } from 'react';\nimport {\n Input as CInput,\n InputProps as CInputProps,\n InputGroup,\n InputLeftElement,\n InputRightElement,\n} from '@chakra-ui/react';\nimport { withFormControl, WithFormControlProps } from 'shared/hocs/FormControl/withFormControl';\nimport { FormControlSize } from 'shared/types/formControl';\nimport { ClearButton } from './components/ClearButton/clearButton.component';\n\nexport interface TextInputBaseProps extends WithFormControlProps, CInputProps {\n leftElement?: ReactElement;\n rightElement?: ReactElement;\n inputRef?: ForwardedRef<HTMLInputElement>;\n size?: FormControlSize;\n isOnContrast?: boolean;\n}\n\nexport interface DefaultTextInputProps extends TextInputBaseProps {\n isClearable?: never;\n onClear?: never;\n}\n\nexport interface ClearableTextInputProps extends TextInputBaseProps {\n isClearable: boolean;\n onClear: (val: string | number | readonly string[]) => void;\n}\n\nexport type TextInputProps = DefaultTextInputProps | ClearableTextInputProps;\n\nconst TextInput = withFormControl(\n ({\n isClearable = false,\n size = 'md',\n leftElement,\n rightElement,\n inputRef,\n isFieldInline,\n onClear,\n value,\n isOnContrast,\n ...rest\n }: TextInputProps): JSX.Element => {\n let _computedVariant = isOnContrast ? 'onContrast' : 'default';\n\n const handleClear = (): void => {\n if (onClear) {\n onClear(value || '');\n }\n };\n\n if (isClearable && !!value) {\n rightElement = <ClearButton size={size} handleClear={handleClear} />;\n }\n\n return (\n <InputGroup>\n {leftElement ? <InputLeftElement children={leftElement} h=\"100%\" /> : null}\n <CInput variant={_computedVariant} {...rest} ref={inputRef} size={size} value={value} />\n {rightElement ? <InputRightElement children={rightElement} h=\"100%\" /> : null}\n </InputGroup>\n );\n },\n);\n\nconst WrappedTextInput = forwardRef((props: TextInputProps, ref: ForwardedRef<HTMLInputElement>) => (\n <TextInput inputRef={ref} {...props} />\n));\n\nWrappedTextInput.displayName = 'TextInput';\n\nexport { WrappedTextInput as TextInput };\n"],"names":["closeButtonSize","sm","md","lg","ClearButton","handleClear","size","React","createElement","Button","display","minW","w","h","variant","opacity","_hover","_active","mr","onClick","Icon","name","TextInput","withFormControl","_a","isClearable","leftElement","rightElement","inputRef","isFieldInline","onClear","value","isOnContrast","rest","__rest","_computedVariant","InputGroup","InputLeftElement","children","CInput","Object","assign","ref","InputRightElement","WrappedTextInput","forwardRef","props","displayName"],"mappings":"gVAEO,MAAMA,EAAmD,CAC9DC,GAAI,EACJC,GAAI,EACJC,GAAI,GCMOC,EAAc,EAAGC,YAAAA,EAAaC,KAAAA,EAAO,QAE9CC,EAAAA,QAAAC,cAACC,EAAAA,OAAM,CACLC,QAAQ,cACRC,KAAK,OACLC,EAAGZ,EAAgBM,GACnBO,EAAGb,EAAgBM,GACnBQ,QAAQ,WACRC,QAAS,GACTC,OAAQ,CAAED,QAAS,IACnBE,QAAS,CAAEF,QAAS,GACpBG,GAAa,OAATZ,EAAgB,EAAI,EACxBa,QAASd,GAETE,EAAAA,QAACC,cAAAY,EAAAA,KAAK,CAAAN,QAAQ,UAAUO,KAAK,QAAQf,KAAe,OAATA,EAAgB,KAAO,QCOlEgB,EAAYC,EAAAA,iBACfC,QAAAC,YACCA,GAAc,EAAKnB,KACnBA,EAAO,KAAIoB,YACXA,EAAWC,aACXA,EAAYC,SACZA,EAAQC,cACRA,EAAaC,QACbA,EAAOC,MACPA,EAAKC,aACLA,GAAYR,EACTS,EAVJC,EAAAA,OAAAV,EAAA,CAAA,cAAA,OAAA,cAAA,eAAA,WAAA,gBAAA,UAAA,QAAA,iBAYC,IAAIW,EAAmBH,EAAe,aAAe,UAErD,MAAM3B,EAAc,KACdyB,GACFA,EAAQC,GAAS,KAQrB,OAJIN,GAAiBM,IACnBJ,EAAepB,EAAAA,QAAAC,cAACJ,EAAW,CAACE,KAAMA,EAAMD,YAAaA,KAIrDE,wBAAC6B,EAAAA,WAAU,KACRV,EAAcnB,EAAAA,QAACC,cAAA6B,oBAAiBC,SAAUZ,EAAab,EAAE,SAAY,KACtEN,EAAA,QAAAC,cAAC+B,QAAOC,OAAAC,OAAA,CAAA3B,QAASqB,GAAsBF,EAAM,CAAAS,IAAKd,EAAUtB,KAAMA,EAAMyB,MAAOA,KAC9EJ,EAAepB,EAAA,QAAAC,cAACmC,EAAAA,kBAAkB,CAAAL,SAAUX,EAAcd,EAAE,SAAY,SAM3E+B,EAAmBC,EAAUA,YAAC,CAACC,EAAuBJ,IAC1DnC,EAAAA,QAACC,cAAAc,EAAUkB,OAAAC,OAAA,CAAAb,SAAUc,GAASI,MAGhCF,EAAiBG,YAAc"}
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
"use strict";var e=require("./tslib.es6-d6f17add.js"),t=require("react"),r=require("./withFormControl-238d7eec.js"),a=require("./chakra-ui-textarea.esm-23fad4cd.js");function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var s=n(t);const i=r.withFormControl((t=>{var{isFieldInline:r,textareaRef:n,isOnContrast:i}=t,o=e.__rest(t,["isFieldInline","textareaRef","isOnContrast"]);const d=i?"onContrast":"default";return s.default.createElement(a.Textarea,Object.assign({variant:d},o,{ref:n}))})),o=t.forwardRef(((e,t)=>s.default.createElement(i,Object.assign({textareaRef:t},e))));o.displayName="Textarea",exports.WrappedTextArea=o;
|
|
2
|
-
//# sourceMappingURL=textarea.component-ebc0b2cc.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"textarea.component-ebc0b2cc.js","sources":["../src/components/Textarea/textarea.component.tsx"],"sourcesContent":["import React, { ForwardedRef, forwardRef } from 'react';\nimport { Textarea as CTextarea, TextareaProps as CTextareaProps } from '@chakra-ui/react';\nimport { withFormControl, WithFormControlProps } from 'shared/hocs/FormControl/withFormControl';\nimport { FormControlSize } from 'shared/types/formControl';\n\nexport interface TextareaProps extends WithFormControlProps, CTextareaProps {\n textareaRef?: ForwardedRef<HTMLTextAreaElement>;\n size?: FormControlSize;\n}\n\nconst Textarea = withFormControl(\n ({ isFieldInline, textareaRef, isOnContrast, ...rest }: TextareaProps): JSX.Element => {\n const _computedVariant = isOnContrast ? 'onContrast' : 'default';\n\n return <CTextarea variant={_computedVariant} {...rest} ref={textareaRef} />;\n },\n);\n\nconst WrappedTextArea = forwardRef((props: TextareaProps, ref: ForwardedRef<HTMLTextAreaElement>) => (\n <Textarea textareaRef={ref} {...props} />\n));\n\nWrappedTextArea.displayName = 'Textarea';\n\nexport { WrappedTextArea as Textarea };\n"],"names":["Textarea","withFormControl","_a","isFieldInline","textareaRef","isOnContrast","rest","__rest","_computedVariant","React","createElement","CTextarea","Object","assign","variant","ref","WrappedTextArea","forwardRef","props","displayName"],"mappings":"yPAUA,MAAMA,EAAWC,EAAAA,iBACdC,QAAAC,cAAEA,EAAaC,YAAEA,EAAWC,aAAEA,KAAiBC,EAA/CC,EAAAA,OAAAL,EAAA,CAAA,gBAAA,cAAA,iBACC,MAAMM,EAAmBH,EAAe,aAAe,UAEvD,OAAOI,EAAC,QAAAC,cAAAC,EAASX,SAACY,OAAAC,OAAA,CAAAC,QAASN,GAAsBF,EAAM,CAAAS,IAAKX,QAI1DY,EAAkBC,EAAUA,YAAC,CAACC,EAAsBH,IACxDN,EAAAA,QAACC,cAAAV,EAASY,OAAAC,OAAA,CAAAT,YAAaW,GAASG,MAGlCF,EAAgBG,YAAc"}
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
"use strict";var e=require("react"),t=require("./icon.component-729a7547.js"),r=require("./popover.component-e2c8d816.js"),n=require("./index-fee8538e.js"),o=require("./textInput.component-103a9118.js"),a=require("./chakra-ui-layout.esm-6ee578f7.js"),i=require("./useIconTextSizeMap-301c4f35.js"),l=require("./chakra-ui-hooks.esm-21b313f3.js");function u(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var s=u(e);const c=({value:t,innerRef:r,isSelected:n,handleClick:o})=>{const i=e.useCallback((e=>{const t=e.currentTarget.textContent||"";o(t)}),[o]);return s.default.createElement(a.Box,{ref:r,onClick:i,background:n?"background.primary":"background.default",color:n?"text.onContrast":"text.subtle",fontSize:"sm",textAlign:"center",px:3,py:1,borderRadius:"md",cursor:"pointer",_hover:{background:n?"background.primary.hover":"background.primaryAlpha.hover"}},t)},p=({options:t,optionType:r,selectedValue:n,handleClick:o,isOpen:i=!1})=>{const l=e.useRef(null),u=e.useRef(null);return e.useEffect((()=>{var e,t;i&&u.current&&l.current&&(u.current.scrollTop=(null===(e=l.current)||void 0===e?void 0:e.offsetTop)-(null===(t=u.current)||void 0===t?void 0:t.offsetTop))}),[i]),s.default.createElement(a.Flex,{direction:"column",gap:1,ref:u,overflowY:"auto",sx:{"&::-webkit-scrollbar":{display:"none"}}},t.map((e=>s.default.createElement(c,{key:`${r}-option-${e}`,innerRef:e===n?l:null,value:e,isSelected:e===n,handleClick:o}))))};var d;exports.Meridiem=void 0,(d=exports.Meridiem||(exports.Meridiem={})).AM="AM",d.PM="PM";exports.TimePicker=({initialTime:u,minuteInterval:c=5,inputProps:d,placement:m,onTimeChange:f})=>{const{isOpen:x,onOpen:M,onClose:k}=l.useDisclosure(),h=e.useMemo((()=>new Date(u)),[u]),[b,g]=e.useState(u),v=e.useMemo((()=>{const e=h.getHours();let t=e;return e>12&&(t=e-12),0===e&&(t=12),t.toString()}),[h]),[C,T]=e.useState(v),[y,E]=e.useState(h.getMinutes().toString()),[S,O]=e.useState(h.getHours()>11?exports.Meridiem.PM:exports.Meridiem.AM),j=e.useMemo((()=>n.format(b,"h:mm aa")),[b]),P=e=>{const t=e.toString();return 1===t.length?`0${t}`:t},q=e.useMemo((()=>[12,1,2,3,4,5,6,7,8,9,10,11].map((e=>e.toString()))),[]),w=e.useMemo((()=>{const e=[];for(let t=0;t<60;t+=c)e.push(t);return e.map(P)}),[c]),A=[exports.Meridiem.AM,exports.Meridiem.PM],z=e.useCallback(((e,t,r)=>{let n=0;r===exports.Meridiem.PM&&Number(e)<12&&(n=12),r===exports.Meridiem.AM&&12===Number(e)&&(n=-12);const o=Number(e)+n,a=(new Date).setHours(o,Number(t),0,0),i=new Date(a);g(i),f&&f(i)}),[f]),I=e.useCallback((e=>{T(e),z(e,y,S)}),[z,S,y]),R=e.useCallback((e=>{E(e),z(C,e,S)}),[z,C,S]),D=e.useCallback((e=>{O(e),z(C,y,e)}),[z,C,y]);return s.default.createElement(r.Popover,{isOpen:x,onOpen:M,onClose:k,placement:m,contentProps:{width:"max-content"},variant:"default",size:"sm",anchor:s.default.createElement(a.Box,null,s.default.createElement(o.WrappedTextInput,Object.assign({rightElement:s.default.createElement(t.Icon,{size:i.useIconTextSizeMap((null==d?void 0:d.size)||"md"),name:"clock"}),value:j,isReadOnly:!0,cursor:"pointer"},d)))},s.default.createElement(a.Flex,{height:"186px",gap:1.5,overflow:"hidden"},s.default.createElement(p,{options:q,optionType:"hour",selectedValue:C,handleClick:I,isOpen:x}),s.default.createElement(p,{options:w,optionType:"minute",selectedValue:P(y),handleClick:R,isOpen:x}),s.default.createElement(p,{options:A,optionType:"meridiem",selectedValue:S,handleClick:D,isOpen:x})))};
|
|
2
|
-
//# sourceMappingURL=timePicker.component-5f523119.js.map
|