@televet/kibble-ui 3.0.5 → 3.0.6-franklin-1
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/build/components/Select/index.js +1 -1
- package/build/components/index.js +1 -1
- package/build/index.js +1 -1
- package/build/patterns/TagBlock/index.js +1 -1
- package/build/patterns/index.js +1 -1
- package/build/{select.component-6e04374d.js → select.component-d9822e30.js} +2 -2
- package/build/{select.component-6e04374d.js.map → select.component-d9822e30.js.map} +1 -1
- package/build/{tagBlock.component-48e9f06e.js → tagBlock.component-e81f575b.js} +2 -2
- package/build/{tagBlock.component-48e9f06e.js.map → tagBlock.component-e81f575b.js.map} +1 -1
- package/package.json +1 -1
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../select.component-
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../select.component-d9822e30.js");require("../../tslib.es6-d6f17add.js"),require("react"),require("../../menuContainer.component-17d9413b.js"),require("../../menu.context-66211f5a.js"),require("../../chakra-ui-menu.esm-1ed98193.js"),require("../../chakra-ui-system.esm-c70df670.js"),require("../../chakra-ui-clickable.esm-4394877f.js"),require("../../chakra-ui-hooks.esm-21b313f3.js"),require("../../use-animation-state-5054a9f7.esm-c89cafc4.js"),require("../../chakra-ui-popper.esm-c15ff4a5.js"),require("../../motion-7de675ca.js"),require("../../withFormControl-68ae1a3f.js"),require("../../useTheme-8873c39f.js"),require("../../icon.component-7f3bb6e4.js"),require("../../icons/index.js"),require("../../chakra-ui-layout.esm-6ee578f7.js"),require("../../chakra-ui-icon.esm-9c49b31b.js"),require("../../text.component-906b3f66.js"),require("../../withTruncation-a62a9e5f.js"),require("../../tooltip.component-197bff7c.js"),require("../../chakra-ui-portal.esm-bbcb5d1d.js"),require("react-dom"),require("../../chakra-ui-visually-hidden.esm-b758df74.js"),require("../../index-5a9be08d.js"),require("../../chakra-ui-form-control.esm-6d25b1a4.js"),require("../../menuList.component-0e42aad0.js"),require("../../heading.component-95e89325.js"),require("../../menuItem.component-cda4312b.js"),require("../../menu.config-78717999.js"),require("../../checkbox.component-788e86ca.js"),require("../../chakra-ui-checkbox.esm-4cded6a7.js"),require("../../textInput.component-2475fcc3.js"),require("../../button.component-ceecd820.js"),require("../../chakra-ui-button.esm-bd065780.js"),require("../../chakra-ui-input.esm-5fd07056.js"),require("../../spinner.component-5f7f0fb2.js"),require("../../chakra-ui-select.esm-793cf4de.js"),exports.Select=e.WrappedSelect;
|
|
2
2
|
//# sourceMappingURL=index.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../alert.component-cde5fee2.js"),r=require("../avatar.component-2408f7c5.js"),o=require("../avatar.types-a4f5868a.js"),t=require("../avatarGroup.component-04dcae7b.js"),a=require("../button.component-ceecd820.js"),s=require("../button.types-f42b599b.js"),i=require("../card.component-de5d4b2a.js"),n=require("../checkbox.component-788e86ca.js"),p=require("../checkboxGroup.component-46de05fa.js"),u=require("../datepicker.component-a4553b5a.js"),c=require("../_baseGetTag-fd05839f.js"),d=require("../heading.component-95e89325.js"),m=require("../heading.types-b6ca7d59.js"),x=require("../icon.component-7f3bb6e4.js"),j=require("../link.component-a2a6bc26.js"),q=require("../logo.component-0450a9a6.js"),b=require("../menuButton.component-8e249fc4.js"),l=require("../menuContainer.component-17d9413b.js"),f=require("../menuItem.component-cda4312b.js"),h=require("../menuList.component-0e42aad0.js"),k=require("../menu.component-d0dadcb1.js"),v=require("../modalBody.component-aef93b82.js"),S=require("../modalCloseButton.component-18478a44.js"),g=require("../modalExpandButton.component-6baac626.js"),M=require("../modalFooter.component-dcdf89f3.js"),T=require("../modalFooterButtons.component-92450533.js"),y=require("../modalHeader.component-d5b515c7.js"),z=require("../useExpandButton-de853387.js"),B=require("../notificationCounter.component-4f126f12.js"),P=require("../notificationCounter.types-799d7b6c.js"),C=require("../picture.component-19489bee.js"),I=require("../popoverFooter.component-f94e0550.js"),D=require("../popoverHeader.component-33d59d07.js"),L=require("../popover.component-f94a174a.js"),w=require("../popover.types-bc105ea7.js"),F=require("../radio.component-2502a55b.js"),H=require("../radioGroup.component-4ab76c64.js"),R=require("../ratingDot.component-01592415.js"),G=require("../ratingDots.component-cd5946a2.js"),W=require("../select.component-
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../alert.component-cde5fee2.js"),r=require("../avatar.component-2408f7c5.js"),o=require("../avatar.types-a4f5868a.js"),t=require("../avatarGroup.component-04dcae7b.js"),a=require("../button.component-ceecd820.js"),s=require("../button.types-f42b599b.js"),i=require("../card.component-de5d4b2a.js"),n=require("../checkbox.component-788e86ca.js"),p=require("../checkboxGroup.component-46de05fa.js"),u=require("../datepicker.component-a4553b5a.js"),c=require("../_baseGetTag-fd05839f.js"),d=require("../heading.component-95e89325.js"),m=require("../heading.types-b6ca7d59.js"),x=require("../icon.component-7f3bb6e4.js"),j=require("../link.component-a2a6bc26.js"),q=require("../logo.component-0450a9a6.js"),b=require("../menuButton.component-8e249fc4.js"),l=require("../menuContainer.component-17d9413b.js"),f=require("../menuItem.component-cda4312b.js"),h=require("../menuList.component-0e42aad0.js"),k=require("../menu.component-d0dadcb1.js"),v=require("../modalBody.component-aef93b82.js"),S=require("../modalCloseButton.component-18478a44.js"),g=require("../modalExpandButton.component-6baac626.js"),M=require("../modalFooter.component-dcdf89f3.js"),T=require("../modalFooterButtons.component-92450533.js"),y=require("../modalHeader.component-d5b515c7.js"),z=require("../useExpandButton-de853387.js"),B=require("../notificationCounter.component-4f126f12.js"),P=require("../notificationCounter.types-799d7b6c.js"),C=require("../picture.component-19489bee.js"),I=require("../popoverFooter.component-f94e0550.js"),D=require("../popoverHeader.component-33d59d07.js"),L=require("../popover.component-f94a174a.js"),w=require("../popover.types-bc105ea7.js"),F=require("../radio.component-2502a55b.js"),H=require("../radioGroup.component-4ab76c64.js"),R=require("../ratingDot.component-01592415.js"),G=require("../ratingDots.component-cd5946a2.js"),W=require("../select.component-d9822e30.js"),V=require("../dragHandle.component-053d53f1.js"),A=require("../sortableItem.component-ce1a7136.js"),O=require("../sortableOverlay.component-39d84330.js"),E=require("../sortableList.component-84706639.js"),N=require("../spinner.component-5f7f0fb2.js"),_=require("../spinner.types-9d350e31.js"),J=require("../swatch.component-47f70104.js"),K=require("../switch.component-4d9efb0d.js"),Q=require("../tab.component-6c54d170.js"),U=require("../tabs.component-97a8152d.js"),X=require("../tabsLayout.component-b8621f91.js"),Y=require("../tag.component-d8aa8bcb.js"),Z=require("../tag.types-71e7699b.js"),$=require("../text.component-906b3f66.js"),ee=require("../text.types-fef8ead3.js"),re=require("../textarea.component-76d6dc50.js"),oe=require("../textInput.component-2475fcc3.js"),te=require("../timePicker.component-b2d8d2ba.js"),ae=require("../timePicker.types-eedca939.js"),se=require("../timeRange.component-74d54cc4.js"),ie=require("../useToast-f50b0f2a.js"),ne=require("../tooltip.component-197bff7c.js");require("../tslib.es6-d6f17add.js"),require("react"),require("../chakra-ui-layout.esm-6ee578f7.js"),require("../chakra-ui-system.esm-c70df670.js"),require("../chakra-ui-icon.esm-9c49b31b.js"),require("../chakra-ui-alert.esm-17eebb99.js"),require("../chakra-ui-avatar.esm-eee70d3a.js"),require("../chakra-ui-image.esm-66324087.js"),require("../use-animation-state-5054a9f7.esm-c89cafc4.js"),require("../chakra-ui-button.esm-bd065780.js"),require("../chakra-ui-hooks.esm-21b313f3.js"),require("../chakra-ui-visually-hidden.esm-b758df74.js"),require("../withFormControl-68ae1a3f.js"),require("../useTheme-8873c39f.js"),require("../chakra-ui-form-control.esm-6d25b1a4.js"),require("../chakra-ui-checkbox.esm-4cded6a7.js"),require("../motion-7de675ca.js"),require("../index-5a9be08d.js"),require("../index-ebcb699d.js"),require("../index-7708e04e.js"),require("../chakra-ui-popover.esm-1e836c11.js"),require("../chakra-ui-popper.esm-c15ff4a5.js"),require("../withTruncation-a62a9e5f.js"),require("../icons/index.js"),require("../useIconTextSizeMap-301c4f35.js"),require("../chakra-ui-menu.esm-1ed98193.js"),require("../chakra-ui-clickable.esm-4394877f.js"),require("../menu.context-66211f5a.js"),require("../menu.config-78717999.js"),require("../chakra-ui-portal.esm-bbcb5d1d.js"),require("react-dom"),require("../chakra-ui-modal.esm-1fae54f8.js"),require("../index-c47ce06b.js"),require("../inheritsLoose-490721fe.js"),require("../chakra-ui-media-query.esm-6217de7e.js"),require("../chakra-ui-radio.esm-f310d451.js"),require("../chakra-ui-select.esm-793cf4de.js"),require("../sortableItem.context-5bba7c97.js"),require("../core.esm-3a85aed4.js"),require("../sortable.esm-53c38ebd.js"),require("../chakra-ui-tabs.esm-e6372403.js"),require("../chakra-ui-textarea.esm-23fad4cd.js"),require("../chakra-ui-input.esm-5fd07056.js"),require("../chakra-ui-theme.esm-d6d72df5.js"),exports.Alert=e.Alert,exports.Avatar=r.Avatar,exports.avatarBadePositions=o.avatarBadePositions,exports.avatarSizes=o.avatarSizes,exports.avatarTypes=o.avatarTypes,exports.avatarVariants=o.avatarVariants,exports.AvatarGroup=t.AvatarGroup,exports.Button=a.Button,exports.buttonSizes=s.buttonSizes,exports.buttonVariants=s.buttonVariants,exports.Card=i.Card,exports.CardPaddingMap=i.CardPaddingMap,exports.cardSizes=i.cardSizes,exports.Checkbox=n.WrappedCheckbox,exports.CheckboxGroup=p.WrappedCheckboxGroup,exports.DatePicker=u.DatePicker,Object.defineProperty(exports,"DateFormats",{enumerable:!0,get:function(){return c.DateFormats}}),exports.Heading=d.WrappedHeading,exports.headingSizes=m.headingSizes,exports.Icon=x.Icon,exports.IconSizeMap=x.IconSizeMap,exports.iconSizes=x.iconSizes,exports.Link=j.Link,exports.Logo=q.Logo,exports.MenuButton=b.MenuButton,exports.MenuContainer=l.MenuContainer,exports.MenuItem=f.MenuItem,exports.MenuList=h.MenuList,exports.Menu=k.Menu,exports.ModalBody=v.ModalBody,exports.ModalCloseButton=S.ModalCloseButton,exports.ModalExpandButton=g.ModalExpandButton,exports.ModalFooter=M.ModalFooter,exports.ModalFooterButtons=T.ModalFooterButtons,exports.ModalHeader=y.ModalHeader,exports.Modal=z.Modal,exports.useExpandButton=z.useExpandButton,exports.NotificationCounter=B.NotificationCounter,Object.defineProperty(exports,"NotificationCounterVariant",{enumerable:!0,get:function(){return P.NotificationCounterVariant}}),exports.Picture=C.Picture,exports.PopoverFooter=I.PopoverFooter,exports.PopoverHeader=D.PopoverHeader,exports.Popover=L.Popover,exports.popoverPlacements=w.popoverPlacements,exports.popoverSizes=w.popoverSizes,exports.popoverTriggerTypes=w.popoverTriggerTypes,exports.popoverVariants=w.popoverVariants,exports.Radio=F.Radio,exports.RadioGroup=H.WrappedRadioGroup,exports.RatingDot=R.RatingDot,exports.RatingDots=G.RatingDots,exports.Select=W.WrappedSelect,exports.DragHandle=V.DragHandle,exports.SortableItem=A.SortableItem,exports.SortableOverlay=O.SortableOverlay,exports.SortableList=E.SortableList,exports.Spinner=N.Spinner,exports.spinnerSizes=_.spinnerSizes,exports.Swatch=J.Swatch,exports.SwatchSizeMap=J.SwatchSizeMap,exports.swatchSizes=J.swatchSizes,exports.Switch=K.WrappedSwitch,exports.Tab=Q.Tab,exports.Tabs=U.Tabs,exports.TabsLayout=X.TabsLayout,exports.Tag=Y.Tag,exports.closeButtonDisplays=Z.closeButtonDisplays,exports.tagSizes=Z.tagSizes,exports.Text=$.WrappedText,exports.textSizes=ee.textSizes,exports.Textarea=re.WrappedTextArea,exports.TextInput=oe.WrappedTextInput,exports.TimePicker=te.TimePicker,Object.defineProperty(exports,"Meridiem",{enumerable:!0,get:function(){return ae.Meridiem}}),exports.TimeRange=se.TimeRange,exports.useToast=ie.useToast,exports.Tooltip=ne.Tooltip;
|
|
2
2
|
//# sourceMappingURL=index.js.map
|
package/build/index.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./chakra-ui-react.esm-f4206977.js"),r=require("./alert.component-cde5fee2.js"),o=require("./avatar.component-2408f7c5.js"),t=require("./avatar.types-a4f5868a.js"),s=require("./avatarGroup.component-04dcae7b.js"),a=require("./button.component-ceecd820.js"),p=require("./button.types-f42b599b.js"),i=require("./card.component-de5d4b2a.js"),n=require("./checkbox.component-788e86ca.js"),u=require("./checkboxGroup.component-46de05fa.js"),d=require("./datepicker.component-a4553b5a.js"),x=require("./_baseGetTag-fd05839f.js"),c=require("./heading.component-95e89325.js"),l=require("./heading.types-b6ca7d59.js"),m=require("./icon.component-7f3bb6e4.js"),b=require("./link.component-a2a6bc26.js"),j=require("./logo.component-0450a9a6.js"),q=require("./menuButton.component-8e249fc4.js"),C=require("./menuContainer.component-17d9413b.js"),h=require("./menuItem.component-cda4312b.js"),f=require("./menuList.component-0e42aad0.js"),T=require("./menu.component-d0dadcb1.js"),v=require("./modalBody.component-aef93b82.js"),k=require("./modalCloseButton.component-18478a44.js"),M=require("./modalExpandButton.component-6baac626.js"),S=require("./modalFooter.component-dcdf89f3.js"),g=require("./modalFooterButtons.component-92450533.js"),y=require("./modalHeader.component-d5b515c7.js"),B=require("./useExpandButton-de853387.js"),I=require("./notificationCounter.component-4f126f12.js"),P=require("./notificationCounter.types-799d7b6c.js"),D=require("./picture.component-19489bee.js"),A=require("./popoverFooter.component-f94e0550.js"),F=require("./popoverHeader.component-33d59d07.js"),L=require("./popover.component-f94a174a.js"),G=require("./popover.types-bc105ea7.js"),w=require("./radio.component-2502a55b.js"),z=require("./radioGroup.component-4ab76c64.js"),H=require("./ratingDot.component-01592415.js"),R=require("./ratingDots.component-cd5946a2.js"),O=require("./select.component-6e04374d.js"),N=require("./dragHandle.component-053d53f1.js"),W=require("./sortableItem.component-ce1a7136.js"),E=require("./sortableOverlay.component-39d84330.js"),V=require("./sortableList.component-84706639.js"),_=require("./spinner.component-5f7f0fb2.js"),K=require("./spinner.types-9d350e31.js"),Q=require("./swatch.component-47f70104.js"),U=require("./switch.component-4d9efb0d.js"),$=require("./tab.component-6c54d170.js"),J=require("./tabs.component-97a8152d.js"),X=require("./tabsLayout.component-b8621f91.js"),Y=require("./tag.component-d8aa8bcb.js"),Z=require("./tag.types-71e7699b.js"),ee=require("./text.component-906b3f66.js"),re=require("./text.types-fef8ead3.js"),oe=require("./textarea.component-76d6dc50.js"),te=require("./textInput.component-2475fcc3.js"),se=require("./timePicker.component-b2d8d2ba.js"),ae=require("./timePicker.types-eedca939.js"),pe=require("./timeRange.component-74d54cc4.js"),ie=require("./useToast-f50b0f2a.js"),ne=require("./tooltip.component-197bff7c.js"),ue=require("./styledAvatar.types-4b1591c0.js"),de=require("./conversationCard.component-8b718d6e.js"),xe=require("./timestamp.component-c0c80c32.js"),ce=require("./tagBlock.component-48e9f06e.js"),le=require("./withTheme-e33ed8bc.js"),me=require("./useTheme-8873c39f.js"),be=require("./theme.provider-fb68984f.js"),je=require("./colors-6e9db598.js"),qe=require("./chakra-ui-skeleton.esm-42c3dd50.js"),Ce=require("./chakra-ui-modal.esm-1fae54f8.js"),he=require("./chakra-ui-layout.esm-6ee578f7.js"),fe=require("./chakra-ui-button.esm-bd065780.js"),Te=require("./chakra-ui-alert.esm-17eebb99.js"),ve=require("./chakra-ui-avatar.esm-eee70d3a.js"),ke=require("./chakra-ui-checkbox.esm-4cded6a7.js"),Me=require("./chakra-ui-input.esm-5fd07056.js"),Se=require("./chakra-ui-menu.esm-1ed98193.js"),ge=require("./chakra-ui-popover.esm-1e836c11.js"),ye=require("./chakra-ui-radio.esm-f310d451.js"),Be=require("./chakra-ui-select.esm-793cf4de.js"),Ie=require("./chakra-ui-tabs.esm-e6372403.js"),Pe=require("./chakra-ui-textarea.esm-23fad4cd.js"),De=require("./chakra-ui-form-control.esm-6d25b1a4.js"),Ae=require("./chakra-ui-media-query.esm-6217de7e.js"),Fe=require("./chakra-ui-image.esm-66324087.js"),Le=require("./chakra-ui-system.esm-c70df670.js"),Ge=require("./chakra-ui-portal.esm-bbcb5d1d.js"),we=require("./chakra-ui-hooks.esm-21b313f3.js");require("react"),require("./chakra-ui-theme.esm-d6d72df5.js"),require("./tslib.es6-d6f17add.js"),require("./withFormControl-68ae1a3f.js"),require("./index-ebcb699d.js"),require("./index-7708e04e.js"),require("./withTruncation-a62a9e5f.js"),require("./icons/index.js"),require("./useIconTextSizeMap-301c4f35.js"),require("./menu.context-66211f5a.js"),require("./menu.config-78717999.js"),require("./sortableItem.context-5bba7c97.js"),require("./core.esm-3a85aed4.js"),require("react-dom"),require("./sortable.esm-53c38ebd.js"),require("./chakra-ui-icon.esm-9c49b31b.js"),require("./index-c47ce06b.js"),require("./index-5a9be08d.js"),require("./motion-7de675ca.js"),require("./chakra-ui-popper.esm-c15ff4a5.js"),require("./chakra-ui-visually-hidden.esm-b758df74.js"),require("./use-animation-state-5054a9f7.esm-c89cafc4.js"),require("./zIndeces-cb5e9be6.js"),require("./borders.config-b28ff4c1.js"),require("./color.record-cc264e0d.js"),require("./shadows.config-04ea1faa.js"),require("./inheritsLoose-490721fe.js"),require("./chakra-ui-clickable.esm-4394877f.js"),exports.extendTheme=e.extendTheme,exports.Alert=r.Alert,exports.Avatar=o.Avatar,exports.avatarBadePositions=t.avatarBadePositions,exports.avatarSizes=t.avatarSizes,exports.avatarTypes=t.avatarTypes,exports.avatarVariants=t.avatarVariants,exports.AvatarGroup=s.AvatarGroup,exports.Button=a.Button,exports.buttonSizes=p.buttonSizes,exports.buttonVariants=p.buttonVariants,exports.Card=i.Card,exports.CardPaddingMap=i.CardPaddingMap,exports.cardSizes=i.cardSizes,exports.Checkbox=n.WrappedCheckbox,exports.CheckboxGroup=u.WrappedCheckboxGroup,exports.DatePicker=d.DatePicker,Object.defineProperty(exports,"DateFormats",{enumerable:!0,get:function(){return x.DateFormats}}),exports.Heading=c.WrappedHeading,exports.headingSizes=l.headingSizes,exports.Icon=m.Icon,exports.IconSizeMap=m.IconSizeMap,exports.iconSizes=m.iconSizes,exports.Link=b.Link,exports.Logo=j.Logo,exports.MenuButton=q.MenuButton,exports.MenuContainer=C.MenuContainer,exports.MenuItem=h.MenuItem,exports.MenuList=f.MenuList,exports.Menu=T.Menu,exports.ModalBody=v.ModalBody,exports.ModalCloseButton=k.ModalCloseButton,exports.ModalExpandButton=M.ModalExpandButton,exports.ModalFooter=S.ModalFooter,exports.ModalFooterButtons=g.ModalFooterButtons,exports.ModalHeader=y.ModalHeader,exports.Modal=B.Modal,exports.useExpandButton=B.useExpandButton,exports.NotificationCounter=I.NotificationCounter,Object.defineProperty(exports,"NotificationCounterVariant",{enumerable:!0,get:function(){return P.NotificationCounterVariant}}),exports.Picture=D.Picture,exports.PopoverFooter=A.PopoverFooter,exports.PopoverHeader=F.PopoverHeader,exports.Popover=L.Popover,exports.popoverPlacements=G.popoverPlacements,exports.popoverSizes=G.popoverSizes,exports.popoverTriggerTypes=G.popoverTriggerTypes,exports.popoverVariants=G.popoverVariants,exports.Radio=w.Radio,exports.RadioGroup=z.WrappedRadioGroup,exports.RatingDot=H.RatingDot,exports.RatingDots=R.RatingDots,exports.Select=O.WrappedSelect,exports.DragHandle=N.DragHandle,exports.SortableItem=W.SortableItem,exports.SortableOverlay=E.SortableOverlay,exports.SortableList=V.SortableList,exports.Spinner=_.Spinner,exports.spinnerSizes=K.spinnerSizes,exports.Swatch=Q.Swatch,exports.SwatchSizeMap=Q.SwatchSizeMap,exports.swatchSizes=Q.swatchSizes,exports.Switch=U.WrappedSwitch,exports.Tab=$.Tab,exports.Tabs=J.Tabs,exports.TabsLayout=X.TabsLayout,exports.Tag=Y.Tag,exports.closeButtonDisplays=Z.closeButtonDisplays,exports.tagSizes=Z.tagSizes,exports.Text=ee.WrappedText,exports.textSizes=re.textSizes,exports.Textarea=oe.WrappedTextArea,exports.TextInput=te.WrappedTextInput,exports.TimePicker=se.TimePicker,Object.defineProperty(exports,"Meridiem",{enumerable:!0,get:function(){return ae.Meridiem}}),exports.TimeRange=pe.TimeRange,exports.useToast=ie.useToast,exports.Tooltip=ne.Tooltip,exports.StyledAvatar=ue.StyledAvatar,exports.styledAvatarTypes=ue.styledAvatarTypes,exports.ConversationCard=de.ConversationCard,exports.Timestamp=xe.Timestamp,exports.TagBlock=ce.TagBlock,Object.defineProperty(exports,"TagDisabledState",{enumerable:!0,get:function(){return ce.TagDisabledState}}),exports.withDarkMode=le.withDarkMode,exports.withTheme=le.withTheme,exports.useTheme=me.useTheme,exports.KibbleThemeProvider=be.KibbleThemeProvider,exports.theme=be.theme,exports.colorLightenDarken=je.colorLightenDarken,exports.hexToRgb=je.hexToRgb,exports.isDark=je.isDark,exports.isRGB=je.isRGB,exports.Accordion=qe.Accordion,exports.AccordionButton=qe.AccordionButton,exports.AccordionIcon=qe.AccordionIcon,exports.AccordionItem=qe.AccordionItem,exports.AccordionPanel=qe.AccordionPanel,exports.NumberDecrementStepper=qe.NumberDecrementStepper,exports.NumberIncrementStepper=qe.NumberIncrementStepper,exports.NumberInput=qe.NumberInput,exports.NumberInputField=qe.NumberInputField,exports.NumberInputStepper=qe.NumberInputStepper,exports.PinInput=qe.PinInput,exports.PinInputField=qe.PinInputField,exports.Progress=qe.Progress,exports.Skeleton=qe.Skeleton,exports.SkeletonText=qe.SkeletonText,exports.Table=qe.Table,exports.TableCaption=qe.TableCaption,exports.TableContainer=qe.TableContainer,exports.Tbody=qe.Tbody,exports.Td=qe.Td,exports.Tfoot=qe.Tfoot,exports.Th=qe.Th,exports.Thead=qe.Thead,exports.Tr=qe.Tr,exports.AlertDialog=Ce.AlertDialog,exports.AlertDialogBody=Ce.ModalBody,exports.AlertDialogContent=Ce.AlertDialogContent,exports.AlertDialogFooter=Ce.ModalFooter,exports.AlertDialogHeader=Ce.ModalHeader,exports.AlertDialogOverlay=Ce.ModalOverlay,exports.CModal=Ce.Modal,exports.CModalBody=Ce.ModalBody,exports.CModalCloseButton=Ce.ModalCloseButton,exports.CModalFooter=Ce.ModalFooter,exports.CModalHeader=Ce.ModalHeader,exports.Collapse=Ce.Collapse,exports.Drawer=Ce.Drawer,exports.DrawerBody=Ce.ModalBody,exports.DrawerCloseButton=Ce.ModalCloseButton,exports.DrawerContent=Ce.DrawerContent,exports.DrawerFooter=Ce.ModalFooter,exports.DrawerHeader=Ce.ModalHeader,exports.DrawerOverlay=Ce.ModalOverlay,exports.Fade=Ce.Fade,exports.ModalContent=Ce.ModalContent,exports.ModalOverlay=Ce.ModalOverlay,exports.Slide=Ce.Slide,exports.SlideFade=Ce.SlideFade,exports.Badge=he.Badge,exports.Box=he.Box,exports.Center=he.Center,exports.Circle=he.Circle,exports.Code=he.Code,exports.Container=he.Container,exports.Divider=he.Divider,exports.Flex=he.Flex,exports.Grid=he.Grid,exports.GridItem=he.GridItem,exports.HStack=he.HStack,exports.LinkBox=he.LinkBox,exports.LinkOverlay=he.LinkOverlay,exports.List=he.List,exports.ListItem=he.ListItem,exports.OrderedList=he.OrderedList,exports.SimpleGrid=he.SimpleGrid,exports.Spacer=he.Spacer,exports.Square=he.Square,exports.Stack=he.Stack,exports.UnorderedList=he.UnorderedList,exports.VStack=he.VStack,exports.Wrap=he.Wrap,exports.WrapItem=he.WrapItem,exports.ButtonGroup=fe.ButtonGroup,exports.CButton=fe.Button,exports.IconButton=fe.IconButton,exports.CAlert=Te.Alert,exports.CAvatar=ve.Avatar,exports.CCheckboxGroup=ke.CheckboxGroup,exports.useCheckbox=ke.useCheckbox,exports.useCheckboxGroup=ke.useCheckboxGroup,exports.CInput=Me.Input,exports.InputGroup=Me.InputGroup,exports.InputLeftAddon=Me.InputLeftAddon,exports.InputLeftElement=Me.InputLeftElement,exports.InputRightElement=Me.InputRightElement,exports.CMenu=Se.Menu,exports.CMenuButton=Se.MenuButton,exports.CMenuItem=Se.MenuItem,exports.CMenuList=Se.MenuList,exports.MenuDivider=Se.MenuDivider,exports.MenuGroup=Se.MenuGroup,exports.MenuItemOption=Se.MenuItemOption,exports.CPopover=ge.Popover,exports.CPopoverBody=ge.PopoverBody,exports.CPopoverFooter=ge.PopoverFooter,exports.CPopoverHeader=ge.PopoverHeader,exports.PopoverArrow=ge.PopoverArrow,exports.PopoverContent=ge.PopoverContent,exports.PopoverTrigger=ge.PopoverTrigger,exports.usePopoverContext=ge.usePopoverContext,exports.CRadioGroup=ye.RadioGroup,exports.useRadio=ye.useRadio,exports.useRadioGroup=ye.useRadioGroup,exports.CSelect=Be.Select,exports.CTab=Ie.Tab,exports.CTabs=Ie.Tabs,exports.TabList=Ie.TabList,exports.TabPanel=Ie.TabPanel,exports.TabPanels=Ie.TabPanels,exports.CTextarea=Pe.Textarea,exports.FormControl=De.FormControl,exports.FormErrorMessage=De.FormErrorMessage,exports.FormHelperText=De.FormHelperText,exports.FormLabel=De.FormLabel,exports.Hide=Ae.Hide,exports.Show=Ae.Show,exports.useBreakpoint=Ae.useBreakpoint,exports.useBreakpointValue=Ae.useBreakpointValue,exports.useMediaQuery=Ae.useMediaQuery,exports.Image=Fe.Image$1,exports.keyframes=Le.keyframes,exports.useColorMode=Le.useColorMode,exports.Portal=Ge.Portal,exports.useConst=we.useConst,exports.useDisclosure=we.useDisclosure,exports.useInterval=we.useInterval,exports.useOutsideClick=we.useOutsideClick;
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./chakra-ui-react.esm-f4206977.js"),r=require("./alert.component-cde5fee2.js"),o=require("./avatar.component-2408f7c5.js"),t=require("./avatar.types-a4f5868a.js"),s=require("./avatarGroup.component-04dcae7b.js"),a=require("./button.component-ceecd820.js"),p=require("./button.types-f42b599b.js"),i=require("./card.component-de5d4b2a.js"),n=require("./checkbox.component-788e86ca.js"),u=require("./checkboxGroup.component-46de05fa.js"),d=require("./datepicker.component-a4553b5a.js"),x=require("./_baseGetTag-fd05839f.js"),c=require("./heading.component-95e89325.js"),l=require("./heading.types-b6ca7d59.js"),m=require("./icon.component-7f3bb6e4.js"),b=require("./link.component-a2a6bc26.js"),j=require("./logo.component-0450a9a6.js"),q=require("./menuButton.component-8e249fc4.js"),C=require("./menuContainer.component-17d9413b.js"),h=require("./menuItem.component-cda4312b.js"),f=require("./menuList.component-0e42aad0.js"),T=require("./menu.component-d0dadcb1.js"),v=require("./modalBody.component-aef93b82.js"),k=require("./modalCloseButton.component-18478a44.js"),M=require("./modalExpandButton.component-6baac626.js"),S=require("./modalFooter.component-dcdf89f3.js"),g=require("./modalFooterButtons.component-92450533.js"),y=require("./modalHeader.component-d5b515c7.js"),B=require("./useExpandButton-de853387.js"),I=require("./notificationCounter.component-4f126f12.js"),P=require("./notificationCounter.types-799d7b6c.js"),D=require("./picture.component-19489bee.js"),A=require("./popoverFooter.component-f94e0550.js"),F=require("./popoverHeader.component-33d59d07.js"),L=require("./popover.component-f94a174a.js"),G=require("./popover.types-bc105ea7.js"),w=require("./radio.component-2502a55b.js"),z=require("./radioGroup.component-4ab76c64.js"),H=require("./ratingDot.component-01592415.js"),R=require("./ratingDots.component-cd5946a2.js"),O=require("./select.component-d9822e30.js"),N=require("./dragHandle.component-053d53f1.js"),W=require("./sortableItem.component-ce1a7136.js"),E=require("./sortableOverlay.component-39d84330.js"),V=require("./sortableList.component-84706639.js"),_=require("./spinner.component-5f7f0fb2.js"),K=require("./spinner.types-9d350e31.js"),Q=require("./swatch.component-47f70104.js"),U=require("./switch.component-4d9efb0d.js"),$=require("./tab.component-6c54d170.js"),J=require("./tabs.component-97a8152d.js"),X=require("./tabsLayout.component-b8621f91.js"),Y=require("./tag.component-d8aa8bcb.js"),Z=require("./tag.types-71e7699b.js"),ee=require("./text.component-906b3f66.js"),re=require("./text.types-fef8ead3.js"),oe=require("./textarea.component-76d6dc50.js"),te=require("./textInput.component-2475fcc3.js"),se=require("./timePicker.component-b2d8d2ba.js"),ae=require("./timePicker.types-eedca939.js"),pe=require("./timeRange.component-74d54cc4.js"),ie=require("./useToast-f50b0f2a.js"),ne=require("./tooltip.component-197bff7c.js"),ue=require("./styledAvatar.types-4b1591c0.js"),de=require("./conversationCard.component-8b718d6e.js"),xe=require("./timestamp.component-c0c80c32.js"),ce=require("./tagBlock.component-e81f575b.js"),le=require("./withTheme-e33ed8bc.js"),me=require("./useTheme-8873c39f.js"),be=require("./theme.provider-fb68984f.js"),je=require("./colors-6e9db598.js"),qe=require("./chakra-ui-skeleton.esm-42c3dd50.js"),Ce=require("./chakra-ui-modal.esm-1fae54f8.js"),he=require("./chakra-ui-layout.esm-6ee578f7.js"),fe=require("./chakra-ui-button.esm-bd065780.js"),Te=require("./chakra-ui-alert.esm-17eebb99.js"),ve=require("./chakra-ui-avatar.esm-eee70d3a.js"),ke=require("./chakra-ui-checkbox.esm-4cded6a7.js"),Me=require("./chakra-ui-input.esm-5fd07056.js"),Se=require("./chakra-ui-menu.esm-1ed98193.js"),ge=require("./chakra-ui-popover.esm-1e836c11.js"),ye=require("./chakra-ui-radio.esm-f310d451.js"),Be=require("./chakra-ui-select.esm-793cf4de.js"),Ie=require("./chakra-ui-tabs.esm-e6372403.js"),Pe=require("./chakra-ui-textarea.esm-23fad4cd.js"),De=require("./chakra-ui-form-control.esm-6d25b1a4.js"),Ae=require("./chakra-ui-media-query.esm-6217de7e.js"),Fe=require("./chakra-ui-image.esm-66324087.js"),Le=require("./chakra-ui-system.esm-c70df670.js"),Ge=require("./chakra-ui-portal.esm-bbcb5d1d.js"),we=require("./chakra-ui-hooks.esm-21b313f3.js");require("react"),require("./chakra-ui-theme.esm-d6d72df5.js"),require("./tslib.es6-d6f17add.js"),require("./withFormControl-68ae1a3f.js"),require("./index-ebcb699d.js"),require("./index-7708e04e.js"),require("./withTruncation-a62a9e5f.js"),require("./icons/index.js"),require("./useIconTextSizeMap-301c4f35.js"),require("./menu.context-66211f5a.js"),require("./menu.config-78717999.js"),require("./sortableItem.context-5bba7c97.js"),require("./core.esm-3a85aed4.js"),require("react-dom"),require("./sortable.esm-53c38ebd.js"),require("./chakra-ui-icon.esm-9c49b31b.js"),require("./index-c47ce06b.js"),require("./index-5a9be08d.js"),require("./motion-7de675ca.js"),require("./chakra-ui-popper.esm-c15ff4a5.js"),require("./chakra-ui-visually-hidden.esm-b758df74.js"),require("./use-animation-state-5054a9f7.esm-c89cafc4.js"),require("./zIndeces-cb5e9be6.js"),require("./borders.config-b28ff4c1.js"),require("./color.record-cc264e0d.js"),require("./shadows.config-04ea1faa.js"),require("./inheritsLoose-490721fe.js"),require("./chakra-ui-clickable.esm-4394877f.js"),exports.extendTheme=e.extendTheme,exports.Alert=r.Alert,exports.Avatar=o.Avatar,exports.avatarBadePositions=t.avatarBadePositions,exports.avatarSizes=t.avatarSizes,exports.avatarTypes=t.avatarTypes,exports.avatarVariants=t.avatarVariants,exports.AvatarGroup=s.AvatarGroup,exports.Button=a.Button,exports.buttonSizes=p.buttonSizes,exports.buttonVariants=p.buttonVariants,exports.Card=i.Card,exports.CardPaddingMap=i.CardPaddingMap,exports.cardSizes=i.cardSizes,exports.Checkbox=n.WrappedCheckbox,exports.CheckboxGroup=u.WrappedCheckboxGroup,exports.DatePicker=d.DatePicker,Object.defineProperty(exports,"DateFormats",{enumerable:!0,get:function(){return x.DateFormats}}),exports.Heading=c.WrappedHeading,exports.headingSizes=l.headingSizes,exports.Icon=m.Icon,exports.IconSizeMap=m.IconSizeMap,exports.iconSizes=m.iconSizes,exports.Link=b.Link,exports.Logo=j.Logo,exports.MenuButton=q.MenuButton,exports.MenuContainer=C.MenuContainer,exports.MenuItem=h.MenuItem,exports.MenuList=f.MenuList,exports.Menu=T.Menu,exports.ModalBody=v.ModalBody,exports.ModalCloseButton=k.ModalCloseButton,exports.ModalExpandButton=M.ModalExpandButton,exports.ModalFooter=S.ModalFooter,exports.ModalFooterButtons=g.ModalFooterButtons,exports.ModalHeader=y.ModalHeader,exports.Modal=B.Modal,exports.useExpandButton=B.useExpandButton,exports.NotificationCounter=I.NotificationCounter,Object.defineProperty(exports,"NotificationCounterVariant",{enumerable:!0,get:function(){return P.NotificationCounterVariant}}),exports.Picture=D.Picture,exports.PopoverFooter=A.PopoverFooter,exports.PopoverHeader=F.PopoverHeader,exports.Popover=L.Popover,exports.popoverPlacements=G.popoverPlacements,exports.popoverSizes=G.popoverSizes,exports.popoverTriggerTypes=G.popoverTriggerTypes,exports.popoverVariants=G.popoverVariants,exports.Radio=w.Radio,exports.RadioGroup=z.WrappedRadioGroup,exports.RatingDot=H.RatingDot,exports.RatingDots=R.RatingDots,exports.Select=O.WrappedSelect,exports.DragHandle=N.DragHandle,exports.SortableItem=W.SortableItem,exports.SortableOverlay=E.SortableOverlay,exports.SortableList=V.SortableList,exports.Spinner=_.Spinner,exports.spinnerSizes=K.spinnerSizes,exports.Swatch=Q.Swatch,exports.SwatchSizeMap=Q.SwatchSizeMap,exports.swatchSizes=Q.swatchSizes,exports.Switch=U.WrappedSwitch,exports.Tab=$.Tab,exports.Tabs=J.Tabs,exports.TabsLayout=X.TabsLayout,exports.Tag=Y.Tag,exports.closeButtonDisplays=Z.closeButtonDisplays,exports.tagSizes=Z.tagSizes,exports.Text=ee.WrappedText,exports.textSizes=re.textSizes,exports.Textarea=oe.WrappedTextArea,exports.TextInput=te.WrappedTextInput,exports.TimePicker=se.TimePicker,Object.defineProperty(exports,"Meridiem",{enumerable:!0,get:function(){return ae.Meridiem}}),exports.TimeRange=pe.TimeRange,exports.useToast=ie.useToast,exports.Tooltip=ne.Tooltip,exports.StyledAvatar=ue.StyledAvatar,exports.styledAvatarTypes=ue.styledAvatarTypes,exports.ConversationCard=de.ConversationCard,exports.Timestamp=xe.Timestamp,exports.TagBlock=ce.TagBlock,Object.defineProperty(exports,"TagDisabledState",{enumerable:!0,get:function(){return ce.TagDisabledState}}),exports.withDarkMode=le.withDarkMode,exports.withTheme=le.withTheme,exports.useTheme=me.useTheme,exports.KibbleThemeProvider=be.KibbleThemeProvider,exports.theme=be.theme,exports.colorLightenDarken=je.colorLightenDarken,exports.hexToRgb=je.hexToRgb,exports.isDark=je.isDark,exports.isRGB=je.isRGB,exports.Accordion=qe.Accordion,exports.AccordionButton=qe.AccordionButton,exports.AccordionIcon=qe.AccordionIcon,exports.AccordionItem=qe.AccordionItem,exports.AccordionPanel=qe.AccordionPanel,exports.NumberDecrementStepper=qe.NumberDecrementStepper,exports.NumberIncrementStepper=qe.NumberIncrementStepper,exports.NumberInput=qe.NumberInput,exports.NumberInputField=qe.NumberInputField,exports.NumberInputStepper=qe.NumberInputStepper,exports.PinInput=qe.PinInput,exports.PinInputField=qe.PinInputField,exports.Progress=qe.Progress,exports.Skeleton=qe.Skeleton,exports.SkeletonText=qe.SkeletonText,exports.Table=qe.Table,exports.TableCaption=qe.TableCaption,exports.TableContainer=qe.TableContainer,exports.Tbody=qe.Tbody,exports.Td=qe.Td,exports.Tfoot=qe.Tfoot,exports.Th=qe.Th,exports.Thead=qe.Thead,exports.Tr=qe.Tr,exports.AlertDialog=Ce.AlertDialog,exports.AlertDialogBody=Ce.ModalBody,exports.AlertDialogContent=Ce.AlertDialogContent,exports.AlertDialogFooter=Ce.ModalFooter,exports.AlertDialogHeader=Ce.ModalHeader,exports.AlertDialogOverlay=Ce.ModalOverlay,exports.CModal=Ce.Modal,exports.CModalBody=Ce.ModalBody,exports.CModalCloseButton=Ce.ModalCloseButton,exports.CModalFooter=Ce.ModalFooter,exports.CModalHeader=Ce.ModalHeader,exports.Collapse=Ce.Collapse,exports.Drawer=Ce.Drawer,exports.DrawerBody=Ce.ModalBody,exports.DrawerCloseButton=Ce.ModalCloseButton,exports.DrawerContent=Ce.DrawerContent,exports.DrawerFooter=Ce.ModalFooter,exports.DrawerHeader=Ce.ModalHeader,exports.DrawerOverlay=Ce.ModalOverlay,exports.Fade=Ce.Fade,exports.ModalContent=Ce.ModalContent,exports.ModalOverlay=Ce.ModalOverlay,exports.Slide=Ce.Slide,exports.SlideFade=Ce.SlideFade,exports.Badge=he.Badge,exports.Box=he.Box,exports.Center=he.Center,exports.Circle=he.Circle,exports.Code=he.Code,exports.Container=he.Container,exports.Divider=he.Divider,exports.Flex=he.Flex,exports.Grid=he.Grid,exports.GridItem=he.GridItem,exports.HStack=he.HStack,exports.LinkBox=he.LinkBox,exports.LinkOverlay=he.LinkOverlay,exports.List=he.List,exports.ListItem=he.ListItem,exports.OrderedList=he.OrderedList,exports.SimpleGrid=he.SimpleGrid,exports.Spacer=he.Spacer,exports.Square=he.Square,exports.Stack=he.Stack,exports.UnorderedList=he.UnorderedList,exports.VStack=he.VStack,exports.Wrap=he.Wrap,exports.WrapItem=he.WrapItem,exports.ButtonGroup=fe.ButtonGroup,exports.CButton=fe.Button,exports.IconButton=fe.IconButton,exports.CAlert=Te.Alert,exports.CAvatar=ve.Avatar,exports.CCheckboxGroup=ke.CheckboxGroup,exports.useCheckbox=ke.useCheckbox,exports.useCheckboxGroup=ke.useCheckboxGroup,exports.CInput=Me.Input,exports.InputGroup=Me.InputGroup,exports.InputLeftAddon=Me.InputLeftAddon,exports.InputLeftElement=Me.InputLeftElement,exports.InputRightElement=Me.InputRightElement,exports.CMenu=Se.Menu,exports.CMenuButton=Se.MenuButton,exports.CMenuItem=Se.MenuItem,exports.CMenuList=Se.MenuList,exports.MenuDivider=Se.MenuDivider,exports.MenuGroup=Se.MenuGroup,exports.MenuItemOption=Se.MenuItemOption,exports.CPopover=ge.Popover,exports.CPopoverBody=ge.PopoverBody,exports.CPopoverFooter=ge.PopoverFooter,exports.CPopoverHeader=ge.PopoverHeader,exports.PopoverArrow=ge.PopoverArrow,exports.PopoverContent=ge.PopoverContent,exports.PopoverTrigger=ge.PopoverTrigger,exports.usePopoverContext=ge.usePopoverContext,exports.CRadioGroup=ye.RadioGroup,exports.useRadio=ye.useRadio,exports.useRadioGroup=ye.useRadioGroup,exports.CSelect=Be.Select,exports.CTab=Ie.Tab,exports.CTabs=Ie.Tabs,exports.TabList=Ie.TabList,exports.TabPanel=Ie.TabPanel,exports.TabPanels=Ie.TabPanels,exports.CTextarea=Pe.Textarea,exports.FormControl=De.FormControl,exports.FormErrorMessage=De.FormErrorMessage,exports.FormHelperText=De.FormHelperText,exports.FormLabel=De.FormLabel,exports.Hide=Ae.Hide,exports.Show=Ae.Show,exports.useBreakpoint=Ae.useBreakpoint,exports.useBreakpointValue=Ae.useBreakpointValue,exports.useMediaQuery=Ae.useMediaQuery,exports.Image=Fe.Image$1,exports.keyframes=Le.keyframes,exports.useColorMode=Le.useColorMode,exports.Portal=Ge.Portal,exports.useConst=we.useConst,exports.useDisclosure=we.useDisclosure,exports.useInterval=we.useInterval,exports.useOutsideClick=we.useOutsideClick;
|
|
2
2
|
//# sourceMappingURL=index.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../tagBlock.component-
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../tagBlock.component-e81f575b.js");require("react"),require("../../button.component-ceecd820.js"),require("../../tslib.es6-d6f17add.js"),require("../../icon.component-7f3bb6e4.js"),require("../../icons/index.js"),require("../../chakra-ui-layout.esm-6ee578f7.js"),require("../../chakra-ui-system.esm-c70df670.js"),require("../../chakra-ui-icon.esm-9c49b31b.js"),require("../../chakra-ui-button.esm-bd065780.js"),require("../../chakra-ui-hooks.esm-21b313f3.js"),require("../../use-animation-state-5054a9f7.esm-c89cafc4.js"),require("../../chakra-ui-visually-hidden.esm-b758df74.js"),require("../../heading.component-95e89325.js"),require("../../withTruncation-a62a9e5f.js"),require("../../tooltip.component-197bff7c.js"),require("../../chakra-ui-popper.esm-c15ff4a5.js"),require("../../chakra-ui-portal.esm-bbcb5d1d.js"),require("react-dom"),require("../../motion-7de675ca.js"),require("../../index-5a9be08d.js"),require("../../text.component-906b3f66.js"),require("../../checkbox.component-788e86ca.js"),require("../../withFormControl-68ae1a3f.js"),require("../../useTheme-8873c39f.js"),require("../../chakra-ui-form-control.esm-6d25b1a4.js"),require("../../chakra-ui-checkbox.esm-4cded6a7.js"),require("../../checkboxGroup.component-46de05fa.js"),require("../../_baseGetTag-fd05839f.js"),require("../../menu.component-d0dadcb1.js"),require("../../menuContainer.component-17d9413b.js"),require("../../menu.context-66211f5a.js"),require("../../chakra-ui-menu.esm-1ed98193.js"),require("../../chakra-ui-clickable.esm-4394877f.js"),require("../../menuButton.component-8e249fc4.js"),require("../../menuList.component-0e42aad0.js"),require("../../menuItem.component-cda4312b.js"),require("../../menu.config-78717999.js"),require("../../textInput.component-2475fcc3.js"),require("../../chakra-ui-input.esm-5fd07056.js"),require("../../spinner.component-5f7f0fb2.js"),require("../../link.component-a2a6bc26.js"),require("../../useIconTextSizeMap-301c4f35.js"),require("../../logo.component-0450a9a6.js"),require("../../notificationCounter.types-799d7b6c.js"),require("../../radioGroup.component-4ab76c64.js"),require("../../radio.component-2502a55b.js"),require("../../chakra-ui-radio.esm-f310d451.js"),require("../../select.component-d9822e30.js"),require("../../chakra-ui-select.esm-793cf4de.js"),require("../../sortableItem.context-5bba7c97.js"),require("../../core.esm-3a85aed4.js"),require("../../sortable.esm-53c38ebd.js"),require("../../switch.component-4d9efb0d.js"),require("../../tag.component-d8aa8bcb.js"),require("../../textarea.component-76d6dc50.js"),require("../../chakra-ui-textarea.esm-23fad4cd.js"),require("../../timePicker.types-eedca939.js"),exports.TagBlock=e.TagBlock,Object.defineProperty(exports,"TagDisabledState",{enumerable:!0,get:function(){return e.TagDisabledState}});
|
|
2
2
|
//# sourceMappingURL=index.js.map
|
package/build/patterns/index.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../styledAvatar.types-4b1591c0.js"),r=require("../conversationCard.component-8b718d6e.js"),i=require("../timestamp.component-c0c80c32.js"),a=require("../tagBlock.component-
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../styledAvatar.types-4b1591c0.js"),r=require("../conversationCard.component-8b718d6e.js"),i=require("../timestamp.component-c0c80c32.js"),a=require("../tagBlock.component-e81f575b.js");require("../tslib.es6-d6f17add.js"),require("../avatar.component-2408f7c5.js"),require("react"),require("../icon.component-7f3bb6e4.js"),require("../icons/index.js"),require("../chakra-ui-layout.esm-6ee578f7.js"),require("../chakra-ui-system.esm-c70df670.js"),require("../chakra-ui-icon.esm-9c49b31b.js"),require("../tooltip.component-197bff7c.js"),require("../chakra-ui-popper.esm-c15ff4a5.js"),require("../chakra-ui-portal.esm-bbcb5d1d.js"),require("../chakra-ui-hooks.esm-21b313f3.js"),require("../use-animation-state-5054a9f7.esm-c89cafc4.js"),require("react-dom"),require("../chakra-ui-visually-hidden.esm-b758df74.js"),require("../motion-7de675ca.js"),require("../index-5a9be08d.js"),require("../chakra-ui-avatar.esm-eee70d3a.js"),require("../chakra-ui-image.esm-66324087.js"),require("../picture.component-19489bee.js"),require("../card.component-de5d4b2a.js"),require("../notificationCounter.component-4f126f12.js"),require("../notificationCounter.types-799d7b6c.js"),require("../heading.component-95e89325.js"),require("../withTruncation-a62a9e5f.js"),require("../text.component-906b3f66.js"),require("../button.component-ceecd820.js"),require("../chakra-ui-button.esm-bd065780.js"),require("../menu.context-66211f5a.js"),require("../checkbox.component-788e86ca.js"),require("../withFormControl-68ae1a3f.js"),require("../useTheme-8873c39f.js"),require("../chakra-ui-form-control.esm-6d25b1a4.js"),require("../chakra-ui-checkbox.esm-4cded6a7.js"),require("../textInput.component-2475fcc3.js"),require("../chakra-ui-input.esm-5fd07056.js"),require("../spinner.component-5f7f0fb2.js"),require("../menu.component-d0dadcb1.js"),require("../menuContainer.component-17d9413b.js"),require("../chakra-ui-menu.esm-1ed98193.js"),require("../chakra-ui-clickable.esm-4394877f.js"),require("../menuButton.component-8e249fc4.js"),require("../menuList.component-0e42aad0.js"),require("../menuItem.component-cda4312b.js"),require("../menu.config-78717999.js"),require("../tag.component-d8aa8bcb.js"),require("../index-7708e04e.js"),require("../index-ebcb699d.js"),require("../checkboxGroup.component-46de05fa.js"),require("../_baseGetTag-fd05839f.js"),require("../link.component-a2a6bc26.js"),require("../useIconTextSizeMap-301c4f35.js"),require("../logo.component-0450a9a6.js"),require("../radioGroup.component-4ab76c64.js"),require("../radio.component-2502a55b.js"),require("../chakra-ui-radio.esm-f310d451.js"),require("../select.component-d9822e30.js"),require("../chakra-ui-select.esm-793cf4de.js"),require("../sortableItem.context-5bba7c97.js"),require("../core.esm-3a85aed4.js"),require("../sortable.esm-53c38ebd.js"),require("../switch.component-4d9efb0d.js"),require("../textarea.component-76d6dc50.js"),require("../chakra-ui-textarea.esm-23fad4cd.js"),require("../timePicker.types-eedca939.js"),exports.StyledAvatar=e.StyledAvatar,exports.styledAvatarTypes=e.styledAvatarTypes,exports.ConversationCard=r.ConversationCard,exports.Timestamp=i.Timestamp,exports.TagBlock=a.TagBlock,Object.defineProperty(exports,"TagDisabledState",{enumerable:!0,get:function(){return a.TagDisabledState}});
|
|
2
2
|
//# sourceMappingURL=index.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";var e=require("./tslib.es6-d6f17add.js"),t=require("react"),n=require("./menuContainer.component-17d9413b.js"),l=require("./withFormControl-68ae1a3f.js"),a=require("./menu.context-66211f5a.js"),r=require("./menuList.component-0e42aad0.js"),s=require("./text.component-906b3f66.js"),i=require("./chakra-ui-layout.esm-6ee578f7.js"),o=require("./icon.component-7f3bb6e4.js"),c=require("./chakra-ui-select.esm-793cf4de.js"),u=require("./chakra-ui-menu.esm-1ed98193.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(r.MenuList,Object.assign({shouldRetainSelection:!0,menuItems:n,isMatchWidthSet:!0},l))},p=t=>{var{selectedOption:n,defaultLeftElement:l,shouldTruncateText:a=!0}=t,r=e.__rest(t,["selectedOption","defaultLeftElement","shouldTruncateText"]);return m.default.createElement(i.Flex,Object.assign({"data-testid":"dropdown-container",className:"Select__Container",justify:"flex-start",align:"center",textAlign:"left",color:n.variant?`text.${n.variant}`:"text.default"},r),(null==n?void 0:n.leftElement)?m.default.createElement(i.Flex,{align:"center",className:"Select__LeftElement",pr:2},n.leftElement):l?m.default.createElement(i.Flex,{align:"center",className:"Select__LeftElement",pr:2},l):null,"string"==typeof n.label?m.default.createElement(s.WrappedText,{className:"Select__Text",isTruncated:a,variant:n.variant||"default"},n.label):n.label)},x=l=>{var{defaultLeftElement:r,isFieldInline:s,listProps:i,options:d,placeholder:x,size:v="md",value:h,maxW:j="100%",isOnContrast:b,emptyStateText:E,containerProps:S,selectedOptionContainerProps:g}=l,O=e.__rest(l,["defaultLeftElement","isFieldInline","listProps","options","placeholder","size","value","maxW","isOnContrast","emptyStateText","containerProps","selectedOptionContainerProps"]);const T=b?"onContrast":"default",_=t.useRef(null),C=t.useMemo((()=>({label:x,value:"",variant:b?"placeholderOnContrast":"placeholder",leftElement:null,isSelected:!1,isPlaceholder:!0})),[x,b]),[y,q]=t.useState([]),L=t.useMemo((()=>{const e=y.find((e=>e.isSelected));return e||C}),[y,C]),M=t.useCallback((e=>{if(!y)return;const t=y.map((t=>Object.assign(Object.assign({},t),{isSelected:t.value===e.value})));q(t),(null==i?void 0:i.onSelect)&&i.onSelect(e)}),[y,i]),P=(null==i?void 0:i.shouldTruncateText)?{}:{height:"max-content",minH:10},W=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=d.map((e=>Object.assign(Object.assign({},e),{isSelected:e.value===h})));q([...e,C])}),[d,C,h]),m.default.createElement(a.MenuProvider,{menuItems:y},m.default.createElement(n.MenuContainer,Object.assign({matchWidth:!0,isLazy:!0},S),m.default.createElement(c.Select,Object.assign({icon:m.default.createElement(o.Icon,{name:"chevronDown",size:v,display:"flex",justifyContent:"center",alignItems:"center"}),as:u.MenuButton,ref:_,onClick:e=>e.stopPropagation(),type:"button",className:"Select__MenuButton",variant:T,maxW:j},P,O),m.default.createElement(p,Object.assign({selectedOption:L,defaultLeftElement:r,shouldTruncateText:null==i?void 0:i.shouldTruncateText},g))),m.default.createElement(f,Object.assign({},i,{onSelect:M,options:y,maxW:W||j,emptyStateText:E}))))};x.displayName="Select";const v=l.withFormControl(x);exports.WrappedSelect=v;
|
|
2
|
-
//# sourceMappingURL=select.component-
|
|
1
|
+
"use strict";var e=require("./tslib.es6-d6f17add.js"),t=require("react"),n=require("./menuContainer.component-17d9413b.js"),l=require("./withFormControl-68ae1a3f.js"),a=require("./menu.context-66211f5a.js"),r=require("./menuList.component-0e42aad0.js"),s=require("./text.component-906b3f66.js"),i=require("./chakra-ui-layout.esm-6ee578f7.js"),o=require("./icon.component-7f3bb6e4.js"),c=require("./chakra-ui-select.esm-793cf4de.js"),u=require("./chakra-ui-menu.esm-1ed98193.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(r.MenuList,Object.assign({shouldRetainSelection:!0,menuItems:n,isMatchWidthSet:!0},l))},p=t=>{var{selectedOption:n,defaultLeftElement:l,shouldTruncateText:a=!0}=t,r=e.__rest(t,["selectedOption","defaultLeftElement","shouldTruncateText"]);return m.default.createElement(i.Flex,Object.assign({"data-testid":"dropdown-container",className:"Select__Container",justify:"flex-start",align:"center",textAlign:"left",color:n.variant?`text.${n.variant}`:"text.default"},r),(null==n?void 0:n.leftElement)?m.default.createElement(i.Flex,{align:"center",className:"Select__LeftElement",pr:2},n.leftElement):l?m.default.createElement(i.Flex,{align:"center",className:"Select__LeftElement",pr:2},l):null,"string"==typeof n.label?m.default.createElement(s.WrappedText,{className:"Select__Text",isTruncated:a,variant:n.variant||"default"},n.label):n.label)},x=l=>{var{defaultLeftElement:r,isFieldInline:s,listProps:i,options:d,placeholder:x,size:v="md",value:h,maxW:j="100%",isOnContrast:b,emptyStateText:E,containerProps:S,selectedOptionContainerProps:g}=l,O=e.__rest(l,["defaultLeftElement","isFieldInline","listProps","options","placeholder","size","value","maxW","isOnContrast","emptyStateText","containerProps","selectedOptionContainerProps"]);const T=b?"onContrast":"default",_=t.useRef(null),C=t.useMemo((()=>({label:x,value:"",variant:b?"placeholderOnContrast":"placeholder",leftElement:null,isSelected:!1,isPlaceholder:!0})),[x,b]),[y,q]=t.useState([]),L=t.useMemo((()=>{const e=y.find((e=>e.isSelected));return e||C}),[y,C]),M=t.useCallback((e=>{if(!y)return;const t=y.map((t=>Object.assign(Object.assign({},t),{isSelected:t.value===e.value})));q(t),(null==i?void 0:i.onSelect)&&i.onSelect(e)}),[y,i]),P=(null==i?void 0:i.shouldTruncateText)?{}:{height:"max-content",minH:10},W=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=d.map((e=>Object.assign(Object.assign({},e),{isSelected:e.value===h})));setTimeout((()=>{q([...e,C])}),250)}),[d,C,h]),m.default.createElement(a.MenuProvider,{menuItems:y},m.default.createElement(n.MenuContainer,Object.assign({matchWidth:!0,isLazy:!0},S),m.default.createElement(c.Select,Object.assign({icon:m.default.createElement(o.Icon,{name:"chevronDown",size:v,display:"flex",justifyContent:"center",alignItems:"center"}),as:u.MenuButton,ref:_,onClick:e=>e.stopPropagation(),type:"button",className:"Select__MenuButton",variant:T,maxW:j},P,O),m.default.createElement(p,Object.assign({selectedOption:L,defaultLeftElement:r,shouldTruncateText:null==i?void 0:i.shouldTruncateText},g))),m.default.createElement(f,Object.assign({},i,{onSelect:M,options:y,maxW:W||j,emptyStateText:E}))))};x.displayName="Select";const v=l.withFormControl(x);exports.WrappedSelect=v;
|
|
2
|
+
//# sourceMappingURL=select.component-d9822e30.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"select.component-6e04374d.js","sources":["../src/components/Select/components/SelectList/selectList.component.tsx","../src/components/Select/components/SelectContainer/selectContainer.component.tsx","../src/components/Select/select.component.tsx"],"sourcesContent":["import React from 'react';\nimport { MenuList, KMenuListProps, MenuListProps } from '../../../Menu/components/MenuList/menuList.component';\nimport { SelectOptionProps } from '../SelectOption/selectOption.types';\n\nexport interface KSelectListProps\n extends Omit<\n KMenuListProps,\n | 'canSelectAll'\n | 'canSelectGroups'\n | 'isMultiSelect'\n | 'onSelectAll'\n | 'menuItems'\n | 'shouldRetainSelection'\n | 'isMatchWidthSet'\n | 'isLoading'\n > {\n options?: SelectOptionProps[];\n}\n\nexport type SelectListProps = KSelectListProps & MenuListProps;\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, { ReactNode } from 'react';\nimport { Flex, FlexProps } from '@chakra-ui/react';\nimport { Text } from '../../../Text/text.component';\nimport { SelectOptionProps } from '../SelectOption/selectOption.types';\n\nexport interface SelectContainerProps extends FlexProps {\n selectedOption: SelectOptionProps;\n defaultLeftElement: ReactNode;\n shouldTruncateText?: boolean;\n}\n\nexport const SelectContainer = ({\n selectedOption,\n defaultLeftElement,\n shouldTruncateText = true,\n ...rest\n}: SelectContainerProps): JSX.Element => {\n return (\n <Flex\n data-testid=\"dropdown-container\"\n className=\"Select__Container\"\n justify=\"flex-start\"\n align=\"center\"\n textAlign=\"left\"\n color={selectedOption.variant ? `text.${selectedOption.variant}` : 'text.default'}\n {...rest}\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, ReactNode, useRef, useState, useCallback, useEffect } from 'react';\nimport { Select as CSelect, SelectProps as CSelectProps, MenuButton, FlexProps } from '@chakra-ui/react';\nimport { MenuContainer, MenuContainerProps } from '../Menu/components/MenuContainer/menuContainer.component';\nimport { WithFormControlProps, withFormControl } from 'shared/hocs/FormControl/withFormControl';\nimport { MenuProvider } from '../Menu/context/menu.context';\nimport { SelectList, SelectListProps } from './components/SelectList/selectList.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';\nimport { SelectOptionProps } from './components/SelectOption/selectOption.types';\n\nexport interface KSelectProps extends WithFormControlProps {\n defaultLeftElement?: ReactNode;\n listProps?: SelectListProps;\n containerProps?: MenuContainerProps;\n options: SelectOptionProps[];\n size?: FormControlSize;\n isOnContrast?: boolean;\n placeholder?: string;\n emptyStateText?: string;\n selectedOptionContainerProps?: FlexProps;\n}\n\nexport type SelectProps = KSelectProps & Omit<CSelectProps, 'onSelect'>;\n\nconst Select = ({\n defaultLeftElement,\n isFieldInline,\n listProps,\n options,\n placeholder,\n size = 'md',\n value,\n maxW = '100%',\n isOnContrast,\n emptyStateText,\n containerProps,\n selectedOptionContainerProps,\n ...rest\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 return (\n <MenuProvider menuItems={allOptions}>\n <MenuContainer matchWidth={true} isLazy={true} {...containerProps}>\n <CSelect\n icon={\n <Icon\n name=\"chevronDown\"\n size={size as IconSize}\n display=\"flex\"\n justifyContent=\"center\"\n alignItems=\"center\"\n />\n }\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 {...rest}\n >\n <SelectContainer\n selectedOption={selectedOption}\n defaultLeftElement={defaultLeftElement}\n shouldTruncateText={listProps?.shouldTruncateText}\n {...selectedOptionContainerProps}\n />\n </CSelect>\n <SelectList\n {...listProps}\n onSelect={handleSelect}\n options={allOptions}\n maxW={selectWidth || maxW}\n emptyStateText={emptyStateText}\n />\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","SelectContainer","_a","selectedOption","defaultLeftElement","shouldTruncateText","createElement","Flex","className","justify","align","textAlign","color","variant","leftElement","pr","label","Text","isTruncated","Select","isFieldInline","listProps","placeholder","size","value","maxW","isOnContrast","emptyStateText","containerProps","selectedOptionContainerProps","_computedVariant","selectRef","useRef","placeholderOption","useMemo","isSelected","isPlaceholder","allOptions","setAllOptions","useState","selectedItem","find","option","handleSelect","useCallback","updatedOptions","map","onSelect","flexibleHeightProps","height","minH","selectWidth","current","clientWidth","useEffect","mappedOptions","MenuProvider","MenuContainer","matchWidth","isLazy","CSelect","icon","Icon","name","display","justifyContent","alignItems","as","MenuButton","ref","onClick","event","stopPropagation","type","displayName","WrappedSelect","withFormControl"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"select.component-d9822e30.js","sources":["../src/components/Select/components/SelectList/selectList.component.tsx","../src/components/Select/components/SelectContainer/selectContainer.component.tsx","../src/components/Select/select.component.tsx"],"sourcesContent":["import React from 'react';\nimport { MenuList, KMenuListProps, MenuListProps } from '../../../Menu/components/MenuList/menuList.component';\nimport { SelectOptionProps } from '../SelectOption/selectOption.types';\n\nexport interface KSelectListProps\n extends Omit<\n KMenuListProps,\n | 'canSelectAll'\n | 'canSelectGroups'\n | 'isMultiSelect'\n | 'onSelectAll'\n | 'menuItems'\n | 'shouldRetainSelection'\n | 'isMatchWidthSet'\n | 'isLoading'\n > {\n options?: SelectOptionProps[];\n}\n\nexport type SelectListProps = KSelectListProps & MenuListProps;\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, { ReactNode } from 'react';\nimport { Flex, FlexProps } from '@chakra-ui/react';\nimport { Text } from '../../../Text/text.component';\nimport { SelectOptionProps } from '../SelectOption/selectOption.types';\n\nexport interface SelectContainerProps extends FlexProps {\n selectedOption: SelectOptionProps;\n defaultLeftElement: ReactNode;\n shouldTruncateText?: boolean;\n}\n\nexport const SelectContainer = ({\n selectedOption,\n defaultLeftElement,\n shouldTruncateText = true,\n ...rest\n}: SelectContainerProps): JSX.Element => {\n return (\n <Flex\n data-testid=\"dropdown-container\"\n className=\"Select__Container\"\n justify=\"flex-start\"\n align=\"center\"\n textAlign=\"left\"\n color={selectedOption.variant ? `text.${selectedOption.variant}` : 'text.default'}\n {...rest}\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, ReactNode, useRef, useState, useCallback, useEffect } from 'react';\nimport { Select as CSelect, SelectProps as CSelectProps, MenuButton, FlexProps } from '@chakra-ui/react';\nimport { MenuContainer, MenuContainerProps } from '../Menu/components/MenuContainer/menuContainer.component';\nimport { WithFormControlProps, withFormControl } from 'shared/hocs/FormControl/withFormControl';\nimport { MenuProvider } from '../Menu/context/menu.context';\nimport { SelectList, SelectListProps } from './components/SelectList/selectList.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';\nimport { SelectOptionProps } from './components/SelectOption/selectOption.types';\n\nexport interface KSelectProps extends WithFormControlProps {\n defaultLeftElement?: ReactNode;\n listProps?: SelectListProps;\n containerProps?: MenuContainerProps;\n options: SelectOptionProps[];\n size?: FormControlSize;\n isOnContrast?: boolean;\n placeholder?: string;\n emptyStateText?: string;\n selectedOptionContainerProps?: FlexProps;\n}\n\nexport type SelectProps = KSelectProps & Omit<CSelectProps, 'onSelect'>;\n\nconst Select = ({\n defaultLeftElement,\n isFieldInline,\n listProps,\n options,\n placeholder,\n size = 'md',\n value,\n maxW = '100%',\n isOnContrast,\n emptyStateText,\n containerProps,\n selectedOptionContainerProps,\n ...rest\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 // A timeout is used in MenuProvider->handleOnClose to modify `filteredMenuItems` with a delay of 200 ms.\n // This was introduced to prevent a jumpy menu effect during closure.\n // Internally, selecting a menu item triggers updates to `menuItems`.\n // However, for this component, we rely on `setAllOptions` as the main source of truth.\n // The additional timeout ensures that the menu items update correctly without conflicts,\n // addressing an issue where the options wouldn't reflect the latest changes.\n setTimeout(() => {\n setAllOptions([...mappedOptions, placeholderOption]);\n }, 250);\n }, [options, placeholderOption, value]);\n\n return (\n <MenuProvider menuItems={allOptions}>\n <MenuContainer matchWidth={true} isLazy={true} {...containerProps}>\n <CSelect\n icon={\n <Icon\n name=\"chevronDown\"\n size={size as IconSize}\n display=\"flex\"\n justifyContent=\"center\"\n alignItems=\"center\"\n />\n }\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 {...rest}\n >\n <SelectContainer\n selectedOption={selectedOption}\n defaultLeftElement={defaultLeftElement}\n shouldTruncateText={listProps?.shouldTruncateText}\n {...selectedOptionContainerProps}\n />\n </CSelect>\n <SelectList\n {...listProps}\n onSelect={handleSelect}\n options={allOptions}\n maxW={selectWidth || maxW}\n emptyStateText={emptyStateText}\n />\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","SelectContainer","_a","selectedOption","defaultLeftElement","shouldTruncateText","createElement","Flex","className","justify","align","textAlign","color","variant","leftElement","pr","label","Text","isTruncated","Select","isFieldInline","listProps","placeholder","size","value","maxW","isOnContrast","emptyStateText","containerProps","selectedOptionContainerProps","_computedVariant","selectRef","useRef","placeholderOption","useMemo","isSelected","isPlaceholder","allOptions","setAllOptions","useState","selectedItem","find","option","handleSelect","useCallback","updatedOptions","map","onSelect","flexibleHeightProps","height","minH","selectWidth","current","clientWidth","useEffect","mappedOptions","setTimeout","MenuProvider","MenuContainer","matchWidth","isLazy","CSelect","icon","Icon","name","display","justifyContent","alignItems","as","MenuButton","ref","onClick","event","stopPropagation","type","displayName","WrappedSelect","withFormControl"],"mappings":"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"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";var e=require("react"),t=require("./button.component-ceecd820.js");require("./heading.component-95e89325.js"),require("./icon.component-7f3bb6e4.js");var a=require("./text.component-906b3f66.js");require("./checkbox.component-788e86ca.js"),require("./checkboxGroup.component-46de05fa.js"),require("./_baseGetTag-fd05839f.js");var r=require("./menu.component-d0dadcb1.js");require("./textInput.component-2475fcc3.js"),require("./link.component-a2a6bc26.js"),require("./logo.component-0450a9a6.js"),require("./menu.context-66211f5a.js");var n=require("./spinner.component-5f7f0fb2.js");require("./notificationCounter.types-799d7b6c.js"),require("./radioGroup.component-4ab76c64.js"),require("./select.component-
|
|
2
|
-
//# sourceMappingURL=tagBlock.component-
|
|
1
|
+
"use strict";var e=require("react"),t=require("./button.component-ceecd820.js");require("./heading.component-95e89325.js"),require("./icon.component-7f3bb6e4.js");var a=require("./text.component-906b3f66.js");require("./checkbox.component-788e86ca.js"),require("./checkboxGroup.component-46de05fa.js"),require("./_baseGetTag-fd05839f.js");var r=require("./menu.component-d0dadcb1.js");require("./textInput.component-2475fcc3.js"),require("./link.component-a2a6bc26.js"),require("./logo.component-0450a9a6.js"),require("./menu.context-66211f5a.js");var n=require("./spinner.component-5f7f0fb2.js");require("./notificationCounter.types-799d7b6c.js"),require("./radioGroup.component-4ab76c64.js"),require("./select.component-d9822e30.js"),require("./sortableItem.context-5bba7c97.js"),require("./core.esm-3a85aed4.js"),require("./sortable.esm-53c38ebd.js"),require("./switch.component-4d9efb0d.js");var o=require("./tag.component-d8aa8bcb.js");require("./textarea.component-76d6dc50.js"),require("./timePicker.types-eedca939.js");var l=require("./chakra-ui-layout.esm-6ee578f7.js");function s(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(a){if("default"!==a){var r=Object.getOwnPropertyDescriptor(e,a);Object.defineProperty(t,a,r.get?r:{enumerable:!0,get:function(){return e[a]}})}})),t.default=e,Object.freeze(t)}var c,i=s(e);exports.TagDisabledState=void 0,(c=exports.TagDisabledState||(exports.TagDisabledState={})).Inactive="Inactive",c.Deleted="Deleted";exports.TagBlock=({title:e,menuButtonProps:s={size:"sm",variant:"secondarySubtle",leftIconName:"plus",text:"Add",showRightIcon:!1},menuListProps:c={isMultiSelect:!0},menuContainerProps:u,tags:d,canBeDeleted:m=!1,onClearAll:p,onRemoveTag:b,handleDelete:g,hasError:f=!1,errorText:j="This field contains an error",isLoading:x=!1,dataTestId:T="tag-block"})=>i.createElement(l.Box,{className:"TagBlock",position:"relative",mb:3,py:2,pl:4,pr:2,bg:"background.subtle",borderRadius:"lg",boxShadow:f?"0 0 0 2px var(--chakra-colors-border-danger)":"",border:"1px",borderColor:"border.default"},i.createElement(l.Flex,{className:"TagBlock__ButtonContainer","data-testid":`${T}-container`,justifyContent:"space-between"},i.createElement(l.HStack,{spacing:1,minH:10},e&&i.createElement(a.WrappedText,{className:"TagBlock__Title",mr:2,fontWeight:"bold"},e),i.createElement(r.Menu,{buttonProps:s,listProps:c,containerProps:u,dataTestId:`${T}-menu`}),i.createElement(t.Button,{className:"TagBlock__Button--ClearAll","data-testid":`${T}-clear-all-button`,size:"sm",iconName:"arrowCircle",variant:"ghostNeutral",onClick:p,isDisabled:d.length<=0},"Clear All")),m&&i.createElement(l.Box,null,i.createElement(t.Button,{className:"TagBlock__Button--Delete","data-testid":`${T}-delete-button`,iconName:"trashcan",variant:"ghostNeutral",onClick:g,justifySelf:"flex-end"}))),Boolean(d.length)&&i.createElement(l.Flex,{className:"TagBlock__TagContainer",mt:2,pb:1,alignContent:"space-between",flexWrap:"wrap",justifyContent:"flex-start",alignItems:"flex-start"},d.map((e=>{const t=e.label.includes(exports.TagDisabledState.Inactive)||e.label.includes(exports.TagDisabledState.Deleted);return i.createElement(o.Tag,{className:"TagBlock__Tag","data-testid":`${T}-tag`,mr:1,mb:1,key:e.value,label:e.label,onClose:()=>{return t=e.value,void(b&&b(t,d));var t},closeButtonDisplay:"always",fontWeight:"normal",color:t?"text.placeholder":"text.default",size:"md"})}))),x&&i.createElement(n.Spinner,{isFullScreen:!0}),f&&i.createElement(a.WrappedText,{className:"TagBlock__Error","data-testid":`${T}-error`,mt:2,size:"xs",as:"p",variant:"danger"},j));
|
|
2
|
+
//# sourceMappingURL=tagBlock.component-e81f575b.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tagBlock.component-
|
|
1
|
+
{"version":3,"file":"tagBlock.component-e81f575b.js","sources":["../src/patterns/TagBlock/tagBlock.component.tsx"],"sourcesContent":["import * as React from 'react';\nimport { Text, Menu, Button, MenuButtonProps, MenuListProps, Tag, Spinner, MenuContainerProps } from '../../components';\nimport { Box, HStack, Flex } from 'chakra';\n\nexport enum TagDisabledState {\n Inactive = 'Inactive',\n Deleted = 'Deleted',\n}\n\nexport interface TagBlockTag {\n label: string;\n value: string;\n}\n\nexport interface TagBlockProps {\n title?: string;\n menuButtonProps?: MenuButtonProps;\n menuListProps?: MenuListProps;\n menuContainerProps?: MenuContainerProps;\n tags: TagBlockTag[];\n canBeDeleted?: boolean;\n onClearAll?: () => void;\n onRemoveTag?: (tag: string, selectedTags: TagBlockTag[]) => void;\n handleDelete?: () => void;\n hasError?: boolean;\n errorText?: string;\n isLoading?: boolean;\n dataTestId?: string;\n}\n\nexport const TagBlock = ({\n title,\n menuButtonProps = {\n size: 'sm',\n variant: 'secondarySubtle',\n leftIconName: 'plus',\n text: 'Add',\n showRightIcon: false,\n },\n menuListProps = {\n isMultiSelect: true,\n },\n menuContainerProps,\n tags,\n canBeDeleted = false,\n onClearAll,\n onRemoveTag,\n handleDelete,\n hasError = false,\n errorText = 'This field contains an error',\n isLoading = false,\n dataTestId = 'tag-block',\n}: TagBlockProps): JSX.Element => {\n const handleRemoveTag = (value: string): void => {\n if (onRemoveTag) {\n onRemoveTag(value, tags);\n }\n };\n\n return (\n <Box\n className=\"TagBlock\"\n position=\"relative\"\n mb={3}\n py={2}\n pl={4}\n pr={2}\n bg=\"background.subtle\"\n borderRadius=\"lg\"\n boxShadow={hasError ? `0 0 0 2px var(--chakra-colors-border-danger)` : ''}\n border=\"1px\"\n borderColor=\"border.default\"\n >\n <Flex\n className=\"TagBlock__ButtonContainer\"\n data-testid={`${dataTestId}-container`}\n justifyContent=\"space-between\"\n >\n <HStack spacing={1} minH={10}>\n {title && (\n <Text className=\"TagBlock__Title\" mr={2} fontWeight=\"bold\">\n {title}\n </Text>\n )}\n <Menu\n buttonProps={menuButtonProps}\n listProps={menuListProps}\n containerProps={menuContainerProps}\n dataTestId={`${dataTestId}-menu`}\n />\n <Button\n className=\"TagBlock__Button--ClearAll\"\n data-testid={`${dataTestId}-clear-all-button`}\n size=\"sm\"\n iconName=\"arrowCircle\"\n variant=\"ghostNeutral\"\n onClick={onClearAll}\n isDisabled={tags.length <= 0}\n >\n Clear All\n </Button>\n </HStack>\n {canBeDeleted && (\n <Box>\n <Button\n className=\"TagBlock__Button--Delete\"\n data-testid={`${dataTestId}-delete-button`}\n iconName=\"trashcan\"\n variant=\"ghostNeutral\"\n onClick={handleDelete}\n justifySelf=\"flex-end\"\n />\n </Box>\n )}\n </Flex>\n {Boolean(tags.length) && (\n <Flex\n className=\"TagBlock__TagContainer\"\n mt={2}\n pb={1}\n alignContent=\"space-between\"\n flexWrap=\"wrap\"\n justifyContent=\"flex-start\"\n alignItems=\"flex-start\"\n >\n {tags.map((tag) => {\n const isDisabled =\n tag.label.includes(TagDisabledState.Inactive) || tag.label.includes(TagDisabledState.Deleted);\n\n return (\n <Tag\n className=\"TagBlock__Tag\"\n data-testid={`${dataTestId}-tag`}\n mr={1}\n mb={1}\n key={tag.value}\n label={tag.label}\n onClose={(): void => handleRemoveTag(tag.value)}\n closeButtonDisplay=\"always\"\n fontWeight=\"normal\"\n color={isDisabled ? 'text.placeholder' : 'text.default'}\n size=\"md\"\n />\n );\n })}\n </Flex>\n )}\n {isLoading && <Spinner isFullScreen />}\n {hasError && (\n <Text className=\"TagBlock__Error\" data-testid={`${dataTestId}-error`} mt={2} size=\"xs\" as=\"p\" variant=\"danger\">\n {errorText}\n </Text>\n )}\n </Box>\n );\n};\n"],"names":["TagDisabledState","title","menuButtonProps","size","variant","leftIconName","text","showRightIcon","menuListProps","isMultiSelect","menuContainerProps","tags","canBeDeleted","onClearAll","onRemoveTag","handleDelete","hasError","errorText","isLoading","dataTestId","React","createElement","Box","className","position","mb","py","pl","pr","bg","borderRadius","boxShadow","border","borderColor","Flex","justifyContent","HStack","spacing","minH","Text","WrappedText","mr","fontWeight","Menu","buttonProps","listProps","containerProps","Button","iconName","onClick","isDisabled","length","justifySelf","Boolean","mt","pb","alignContent","flexWrap","alignItems","map","tag","label","includes","Inactive","Deleted","Tag","key","value","onClose","handleRemoveTag","closeButtonDisplay","color","Spinner","isFullScreen","as"],"mappings":"01CAIYA,SAAAA,QAGXA,sBAAA,GAHWA,EAAAA,2BAAAA,QAAAA,iBAGX,KAFC,SAAA,WACAA,EAAA,QAAA,2BAwBsB,EACtBC,MAAAA,EACAC,gBAAAA,EAAkB,CAChBC,KAAM,KACNC,QAAS,kBACTC,aAAc,OACdC,KAAM,MACNC,eAAe,GAEjBC,cAAAA,EAAgB,CACdC,eAAe,GAEjBC,mBAAAA,EACAC,KAAAA,EACAC,aAAAA,GAAe,EACfC,WAAAA,EACAC,YAAAA,EACAC,aAAAA,EACAC,SAAAA,GAAW,EACXC,UAAAA,EAAY,+BACZC,UAAAA,GAAY,EACZC,WAAAA,EAAa,eASXC,EAACC,cAAAC,EAAGA,IACF,CAAAC,UAAU,WACVC,SAAS,WACTC,GAAI,EACJC,GAAI,EACJC,GAAI,EACJC,GAAI,EACJC,GAAG,oBACHC,aAAa,KACbC,UAAWf,EAAW,+CAAiD,GACvEgB,OAAO,MACPC,YAAY,kBAEZb,EAAAC,cAACa,OAAI,CACHX,UAAU,4BAA2B,cACxB,GAAGJ,cAChBgB,eAAe,iBAEff,EAACC,cAAAe,UAAOC,QAAS,EAAGC,KAAM,IACvBrC,GACCmB,EAAAC,cAACkB,EAAIC,YAAC,CAAAjB,UAAU,kBAAkBkB,GAAI,EAAGC,WAAW,QACjDzC,GAGLmB,EAAAC,cAACsB,EAAIA,KACH,CAAAC,YAAa1C,EACb2C,UAAWrC,EACXsC,eAAgBpC,EAChBS,WAAY,GAAGA,WAEjBC,EAAAC,cAAC0B,SAAM,CACLxB,UAAU,6BACG,cAAA,GAAGJ,qBAChBhB,KAAK,KACL6C,SAAS,cACT5C,QAAQ,eACR6C,QAASpC,EACTqC,WAAYvC,EAAKwC,QAAU,iBAK9BvC,GACCQ,EAAAC,cAACC,EAAAA,IAAG,KACFF,EAAAC,cAAC0B,EAAAA,OAAM,CACLxB,UAAU,2BAA0B,cACvB,GAAGJ,kBAChB6B,SAAS,WACT5C,QAAQ,eACR6C,QAASlC,EACTqC,YAAY,eAKnBC,QAAQ1C,EAAKwC,SACZ/B,gBAACc,OAAI,CACHX,UAAU,yBACV+B,GAAI,EACJC,GAAI,EACJC,aAAa,gBACbC,SAAS,OACTtB,eAAe,aACfuB,WAAW,cAEV/C,EAAKgD,KAAKC,IACT,MAAMV,EACJU,EAAIC,MAAMC,SAAS9D,QAAAA,iBAAiB+D,WAAaH,EAAIC,MAAMC,SAAS9D,QAAgBA,iBAACgE,SAEvF,OACE5C,EAAAC,cAAC4C,EAAGA,IAAA,CACF1C,UAAU,gBACG,cAAA,GAAGJ,QAChBsB,GAAI,EACJhB,GAAI,EACJyC,IAAKN,EAAIO,MACTN,MAAOD,EAAIC,MACXO,QAAS,KAAYC,OApFVF,EAoF0BP,EAAIO,WAnFjDrD,GACFA,EAAYqD,EAAOxD,IAFC,IAACwD,GAqFXG,mBAAmB,SACnB5B,WAAW,SACX6B,MAAOrB,EAAa,mBAAqB,eACzC/C,KAAK,WAMde,GAAaE,EAAAC,cAACmD,EAAOA,QAAA,CAACC,cAAe,IACrCzD,GACCI,EAACC,cAAAkB,eAAKhB,UAAU,kBAAiB,cAAc,GAAGJ,UAAoBmC,GAAI,EAAGnD,KAAK,KAAKuE,GAAG,IAAItE,QAAQ,UACnGa"}
|