npm - @televet/kibble-ui - Versions diffs - 2.1.2-beta.866b0wdrd.3 → 2.1.2-beta.866b0wdrd.4 - Mend

@televet/kibble-ui 2.1.2-beta.866b0wdrd.3 → 2.1.2-beta.866b0wdrd.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (13) hide show

package/build/components/Select/examples/withError.stories.d.ts ADDED Viewed

@@ -0,0 +1,20 @@
+import React from 'react';
+import { SelectProps } from '../select.component';
+declare const _default: {
+    title: string;
+    component: React.FC<import("../select.component").KSelectProps & Omit<import("@chakra-ui/react").SelectProps, "onSelect">>;
+    argTypes: {
+        helperText: import("@storybook/addons").ArgType<unknown>;
+        errorText: import("@storybook/addons").ArgType<unknown>;
+        invalidIconColor: import("@storybook/addons").ArgType<unknown>;
+        isInvalid: import("@storybook/addons").ArgType<unknown>;
+        useInvalidIcon: import("@storybook/addons").ArgType<unknown>;
+        useInvalidText: import("@storybook/addons").ArgType<unknown>;
+        useInvalidBorder: import("@storybook/addons").ArgType<unknown>;
+    };
+};
+export default _default;
+export declare const WithError: {
+    (args: Partial<SelectProps>): JSX.Element;
+    args: Partial<SelectProps>;
+};

package/build/components/Select/index.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../select.component-3906b900.js");require("../../tslib.es6-194b75fc.js"),require("react"),require("../../menuContainer.component-315466f2.js"),require("../../menu.context-22d23674.js"),require("../../chakra-ui-menu.esm-92cf9b97.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-b6060749.js"),require("../../withFormControl-1971ad8f.js"),require("../../useTheme-8873c39f.js"),require("../../icon.component-729a7547.js"),require("../../icons/index.js"),require("../../chakra-ui-layout.esm-6ee578f7.js"),require("../../chakra-ui-icon.esm-9c49b31b.js"),require("../../chakra-ui-form-control.esm-6d25b1a4.js"),require("../../menuList.component-926efe0c.js"),require("../../heading.component-198f40a3.js"),require("../../withTruncation-a7b4edf1.js"),require("../../tooltip.component-76a21c48.js"),require("../../chakra-ui-portal.esm-bbcb5d1d.js"),require("react-dom"),require("../../chakra-ui-visually-hidden.esm-b758df74.js"),require("../../index-6cdfadbe.js"),require("../../text.component-30355fe6.js"),require("../../menuItem.component-5d391ad0.js"),require("../../menu.config-14739188.js"),require("../../checkbox.component-b2d6ac56.js"),require("../../chakra-ui-checkbox.esm-499c8b0c.js"),require("../../textInput.component-d63fb051.js"),require("../../chakra-ui-button.esm-bd065780.js"),require("../../chakra-ui-input.esm-5fd07056.js"),require("../../button.component-957d9e9f.js"),require("../../spinner.component-39040867.js"),require("../../chakra-ui-select.esm-793cf4de.js"),exports.Select=e.WrappedSelect;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../select.component-c71a3601.js");require("../../tslib.es6-194b75fc.js"),require("react"),require("../../menuContainer.component-315466f2.js"),require("../../menu.context-22d23674.js"),require("../../chakra-ui-menu.esm-92cf9b97.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-b6060749.js"),require("../../withFormControl-1971ad8f.js"),require("../../useTheme-8873c39f.js"),require("../../icon.component-729a7547.js"),require("../../icons/index.js"),require("../../chakra-ui-layout.esm-6ee578f7.js"),require("../../chakra-ui-icon.esm-9c49b31b.js"),require("../../chakra-ui-form-control.esm-6d25b1a4.js"),require("../../menuList.component-926efe0c.js"),require("../../heading.component-198f40a3.js"),require("../../withTruncation-a7b4edf1.js"),require("../../tooltip.component-76a21c48.js"),require("../../chakra-ui-portal.esm-bbcb5d1d.js"),require("react-dom"),require("../../chakra-ui-visually-hidden.esm-b758df74.js"),require("../../index-6cdfadbe.js"),require("../../text.component-30355fe6.js"),require("../../menuItem.component-5d391ad0.js"),require("../../menu.config-14739188.js"),require("../../checkbox.component-b2d6ac56.js"),require("../../chakra-ui-checkbox.esm-499c8b0c.js"),require("../../textInput.component-d63fb051.js"),require("../../chakra-ui-button.esm-bd065780.js"),require("../../chakra-ui-input.esm-5fd07056.js"),require("../../button.component-957d9e9f.js"),require("../../spinner.component-39040867.js"),require("../../chakra-ui-select.esm-793cf4de.js"),exports.Select=e.WrappedSelect;
 //# sourceMappingURL=index.js.map

package/build/components/Select/select.component.d.ts CHANGED Viewed

@@ -10,6 +10,7 @@ export interface KSelectProps extends WithFormControlProps {
     options: SelectOptionProps[];
     size?: FormControlSize;
     isOnContrast?: boolean;
+    placeholder?: string;
 }
 export type SelectProps = KSelectProps & Omit<CSelectProps, 'onSelect'>;
 declare const WrappedSelect: React.FC<KSelectProps & Omit<CSelectProps, "onSelect">>;

package/build/components/index.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../alert.component-52451145.js"),r=require("../avatar.component-a96cbc6b.js"),o=require("../avatar.types-a87ebfb5.js"),t=require("../avatarGroup.component-98140be9.js"),a=require("../button.component-957d9e9f.js"),s=require("../button.types-f42b599b.js"),i=require("../card.component-20080f05.js"),n=require("../checkbox.component-b2d6ac56.js"),p=require("../checkboxGroup.component-3fce48e7.js"),u=require("../datepicker.types-e3f2773d.js"),c=require("../heading.component-198f40a3.js"),d=require("../heading.types-b6ca7d59.js"),m=require("../icon.component-729a7547.js"),j=require("../link.component-a5027ab7.js"),q=require("../logo.component-3ae8d1c6.js"),x=require("../menuButton.component-4aa92838.js"),b=require("../menuContainer.component-315466f2.js"),l=require("../menuItem.component-5d391ad0.js"),f=require("../menuList.component-926efe0c.js"),h=require("../menu.component-2da11db1.js"),k=require("../modalBody.component-d16ec3c2.js"),v=require("../modalCloseButton.component-a2ee80b8.js"),g=require("../modalFooter.component-cdecefb9.js"),T=require("../modalFooterButtons.component-85166391.js"),S=require("../modalHeader.component-8b663f4e.js"),y=require("../modal.component-488c95b3.js"),M=require("../notificationCounter.component-6581a359.js"),P=require("../picture.component-b0edf814.js"),C=require("../popoverFooter.component-3280b596.js"),z=require("../popoverHeader.component-63b549bf.js"),B=require("../popover.component-c06d692e.js"),I=require("../popover.types-bc105ea7.js"),D=require("../radio.component-de7ecece.js"),L=require("../radioGroup.component-5719cd37.js"),F=require("../ratingDot.component-bd47c659.js"),H=require("../ratingDots.component-2bc23086.js"),R=require("../select.component-3906b900.js"),G=require("../dragHandle.component-faffecf9.js"),W=require("../sortableItem.component-3bdead95.js"),V=require("../sortableOverlay.component-39d84330.js"),A=require("../sortableList.component-2c36f685.js"),O=require("../spinner.component-39040867.js"),w=require("../switch.component-1065f097.js"),N=require("../tab.component-df791b96.js"),_=require("../tabs.component-cfe10d1e.js"),E=require("../tabsLayout.component-4055835c.js"),J=require("../tag.types-892f3c99.js"),K=require("../text.component-30355fe6.js"),Q=require("../text.types-fef8ead3.js"),U=require("../textarea.component-eda7f5d3.js"),X=require("../textInput.component-d63fb051.js"),Y=require("../timePicker.component-0385a923.js"),Z=require("../timeRange.component-41f34bea.js"),$=require("../useToast-dc263271.js"),ee=require("../tooltip.component-76a21c48.js");require("../tslib.es6-194b75fc.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("../avatar.config-e43cfce7.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-1971ad8f.js"),require("../useTheme-8873c39f.js"),require("../chakra-ui-form-control.esm-6d25b1a4.js"),require("../chakra-ui-checkbox.esm-499c8b0c.js"),require("../motion-b6060749.js"),require("../index-6cdfadbe.js"),require("../index-fee8538e.js"),require("../chakra-ui-popover.esm-172468d8.js"),require("../chakra-ui-popper.esm-c15ff4a5.js"),require("../withTruncation-a7b4edf1.js"),require("../icons/index.js"),require("../useIconTextSizeMap-301c4f35.js"),require("../chakra-ui-menu.esm-92cf9b97.js"),require("../chakra-ui-clickable.esm-4394877f.js"),require("../menu.context-22d23674.js"),require("../menu.config-14739188.js"),require("../chakra-ui-modal.esm-5b3636d6.js"),require("../index-c60b408f.js"),require("../inheritsLoose-490721fe.js"),require("../chakra-ui-portal.esm-bbcb5d1d.js"),require("react-dom"),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("../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,Object.defineProperty(exports,"DateFormats",{enumerable:!0,get:function(){return u.DateFormats}}),exports.DatePicker=u.DatePicker,exports.Heading=c.WrappedHeading,exports.headingSizes=d.headingSizes,exports.Icon=m.Icon,exports.IconSizeMap=m.IconSizeMap,exports.iconSizes=m.iconSizes,exports.Link=j.Link,exports.Logo=q.Logo,exports.MenuButton=x.MenuButton,exports.MenuContainer=b.MenuContainer,exports.MenuItem=l.MenuItem,exports.MenuList=f.MenuList,exports.Menu=h.Menu,exports.ModalBody=k.ModalBody,exports.ModalCloseButton=v.ModalCloseButton,exports.ModalFooter=g.ModalFooter,exports.ModalFooterButtons=T.ModalFooterButtons,exports.ModalHeader=S.ModalHeader,exports.Modal=y.Modal,exports.NotificationCounter=M.NotificationCounter,Object.defineProperty(exports,"NotificationCounterVariant",{enumerable:!0,get:function(){return M.NotificationCounterVariant}}),exports.Picture=P.Picture,exports.PopoverFooter=C.PopoverFooter,exports.PopoverHeader=z.PopoverHeader,exports.Popover=B.Popover,exports.popoverPlacements=I.popoverPlacements,exports.popoverSizes=I.popoverSizes,exports.popoverTriggerTypes=I.popoverTriggerTypes,exports.popoverVariants=I.popoverVariants,exports.Radio=D.Radio,exports.RadioGroup=L.WrappedRadioGroup,exports.RatingDot=F.RatingDot,exports.RatingDots=H.RatingDots,exports.Select=R.WrappedSelect,exports.DragHandle=G.DragHandle,exports.SortableItem=W.SortableItem,exports.SortableOverlay=V.SortableOverlay,exports.SortableList=A.SortableList,exports.Spinner=O.Spinner,exports.Switch=w.WrappedSwitch,exports.Tab=N.Tab,exports.Tabs=_.Tabs,exports.TabsLayout=E.TabsLayout,exports.Tag=J.Tag,exports.closeButtonDisplays=J.closeButtonDisplays,exports.tagSizes=J.tagSizes,exports.Text=K.WrappedText,exports.textSizes=Q.textSizes,exports.Textarea=U.WrappedTextArea,exports.TextInput=X.WrappedTextInput,Object.defineProperty(exports,"Meridiem",{enumerable:!0,get:function(){return Y.Meridiem}}),exports.TimePicker=Y.TimePicker,exports.TimeRange=Z.TimeRange,exports.useToast=$.useToast,exports.Tooltip=ee.Tooltip;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../alert.component-52451145.js"),r=require("../avatar.component-a96cbc6b.js"),o=require("../avatar.types-a87ebfb5.js"),t=require("../avatarGroup.component-98140be9.js"),a=require("../button.component-957d9e9f.js"),s=require("../button.types-f42b599b.js"),i=require("../card.component-20080f05.js"),n=require("../checkbox.component-b2d6ac56.js"),p=require("../checkboxGroup.component-3fce48e7.js"),u=require("../datepicker.types-e3f2773d.js"),c=require("../heading.component-198f40a3.js"),d=require("../heading.types-b6ca7d59.js"),m=require("../icon.component-729a7547.js"),j=require("../link.component-a5027ab7.js"),q=require("../logo.component-3ae8d1c6.js"),x=require("../menuButton.component-4aa92838.js"),b=require("../menuContainer.component-315466f2.js"),l=require("../menuItem.component-5d391ad0.js"),f=require("../menuList.component-926efe0c.js"),h=require("../menu.component-2da11db1.js"),k=require("../modalBody.component-d16ec3c2.js"),v=require("../modalCloseButton.component-a2ee80b8.js"),g=require("../modalFooter.component-cdecefb9.js"),T=require("../modalFooterButtons.component-85166391.js"),S=require("../modalHeader.component-8b663f4e.js"),y=require("../modal.component-488c95b3.js"),M=require("../notificationCounter.component-6581a359.js"),P=require("../picture.component-b0edf814.js"),C=require("../popoverFooter.component-3280b596.js"),z=require("../popoverHeader.component-63b549bf.js"),B=require("../popover.component-c06d692e.js"),I=require("../popover.types-bc105ea7.js"),D=require("../radio.component-de7ecece.js"),L=require("../radioGroup.component-5719cd37.js"),F=require("../ratingDot.component-bd47c659.js"),H=require("../ratingDots.component-2bc23086.js"),R=require("../select.component-c71a3601.js"),G=require("../dragHandle.component-faffecf9.js"),W=require("../sortableItem.component-3bdead95.js"),V=require("../sortableOverlay.component-39d84330.js"),A=require("../sortableList.component-2c36f685.js"),O=require("../spinner.component-39040867.js"),w=require("../switch.component-1065f097.js"),N=require("../tab.component-df791b96.js"),_=require("../tabs.component-cfe10d1e.js"),E=require("../tabsLayout.component-4055835c.js"),J=require("../tag.types-892f3c99.js"),K=require("../text.component-30355fe6.js"),Q=require("../text.types-fef8ead3.js"),U=require("../textarea.component-eda7f5d3.js"),X=require("../textInput.component-d63fb051.js"),Y=require("../timePicker.component-0385a923.js"),Z=require("../timeRange.component-41f34bea.js"),$=require("../useToast-dc263271.js"),ee=require("../tooltip.component-76a21c48.js");require("../tslib.es6-194b75fc.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("../avatar.config-e43cfce7.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-1971ad8f.js"),require("../useTheme-8873c39f.js"),require("../chakra-ui-form-control.esm-6d25b1a4.js"),require("../chakra-ui-checkbox.esm-499c8b0c.js"),require("../motion-b6060749.js"),require("../index-6cdfadbe.js"),require("../index-fee8538e.js"),require("../chakra-ui-popover.esm-172468d8.js"),require("../chakra-ui-popper.esm-c15ff4a5.js"),require("../withTruncation-a7b4edf1.js"),require("../icons/index.js"),require("../useIconTextSizeMap-301c4f35.js"),require("../chakra-ui-menu.esm-92cf9b97.js"),require("../chakra-ui-clickable.esm-4394877f.js"),require("../menu.context-22d23674.js"),require("../menu.config-14739188.js"),require("../chakra-ui-modal.esm-5b3636d6.js"),require("../index-c60b408f.js"),require("../inheritsLoose-490721fe.js"),require("../chakra-ui-portal.esm-bbcb5d1d.js"),require("react-dom"),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("../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,Object.defineProperty(exports,"DateFormats",{enumerable:!0,get:function(){return u.DateFormats}}),exports.DatePicker=u.DatePicker,exports.Heading=c.WrappedHeading,exports.headingSizes=d.headingSizes,exports.Icon=m.Icon,exports.IconSizeMap=m.IconSizeMap,exports.iconSizes=m.iconSizes,exports.Link=j.Link,exports.Logo=q.Logo,exports.MenuButton=x.MenuButton,exports.MenuContainer=b.MenuContainer,exports.MenuItem=l.MenuItem,exports.MenuList=f.MenuList,exports.Menu=h.Menu,exports.ModalBody=k.ModalBody,exports.ModalCloseButton=v.ModalCloseButton,exports.ModalFooter=g.ModalFooter,exports.ModalFooterButtons=T.ModalFooterButtons,exports.ModalHeader=S.ModalHeader,exports.Modal=y.Modal,exports.NotificationCounter=M.NotificationCounter,Object.defineProperty(exports,"NotificationCounterVariant",{enumerable:!0,get:function(){return M.NotificationCounterVariant}}),exports.Picture=P.Picture,exports.PopoverFooter=C.PopoverFooter,exports.PopoverHeader=z.PopoverHeader,exports.Popover=B.Popover,exports.popoverPlacements=I.popoverPlacements,exports.popoverSizes=I.popoverSizes,exports.popoverTriggerTypes=I.popoverTriggerTypes,exports.popoverVariants=I.popoverVariants,exports.Radio=D.Radio,exports.RadioGroup=L.WrappedRadioGroup,exports.RatingDot=F.RatingDot,exports.RatingDots=H.RatingDots,exports.Select=R.WrappedSelect,exports.DragHandle=G.DragHandle,exports.SortableItem=W.SortableItem,exports.SortableOverlay=V.SortableOverlay,exports.SortableList=A.SortableList,exports.Spinner=O.Spinner,exports.Switch=w.WrappedSwitch,exports.Tab=N.Tab,exports.Tabs=_.Tabs,exports.TabsLayout=E.TabsLayout,exports.Tag=J.Tag,exports.closeButtonDisplays=J.closeButtonDisplays,exports.tagSizes=J.tagSizes,exports.Text=K.WrappedText,exports.textSizes=Q.textSizes,exports.Textarea=U.WrappedTextArea,exports.TextInput=X.WrappedTextInput,Object.defineProperty(exports,"Meridiem",{enumerable:!0,get:function(){return Y.Meridiem}}),exports.TimePicker=Y.TimePicker,exports.TimeRange=Z.TimeRange,exports.useToast=$.useToast,exports.Tooltip=ee.Tooltip;
 //# sourceMappingURL=index.js.map

package/build/index.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./alert.component-52451145.js"),r=require("./avatar.component-a96cbc6b.js"),o=require("./avatar.types-a87ebfb5.js"),t=require("./avatarGroup.component-98140be9.js"),s=require("./button.component-957d9e9f.js"),a=require("./button.types-f42b599b.js"),p=require("./card.component-20080f05.js"),i=require("./checkbox.component-b2d6ac56.js"),n=require("./checkboxGroup.component-3fce48e7.js"),u=require("./datepicker.types-e3f2773d.js"),x=require("./heading.component-198f40a3.js"),c=require("./heading.types-b6ca7d59.js"),d=require("./icon.component-729a7547.js"),l=require("./link.component-a5027ab7.js"),m=require("./logo.component-3ae8d1c6.js"),b=require("./menuButton.component-4aa92838.js"),q=require("./menuContainer.component-315466f2.js"),j=require("./menuItem.component-5d391ad0.js"),C=require("./menuList.component-926efe0c.js"),f=require("./menu.component-2da11db1.js"),h=require("./modalBody.component-d16ec3c2.js"),v=require("./modalCloseButton.component-a2ee80b8.js"),k=require("./modalFooter.component-cdecefb9.js"),M=require("./modalFooterButtons.component-85166391.js"),T=require("./modalHeader.component-8b663f4e.js"),g=require("./modal.component-488c95b3.js"),I=require("./notificationCounter.component-6581a359.js"),S=require("./picture.component-b0edf814.js"),P=require("./popoverFooter.component-3280b596.js"),y=require("./popoverHeader.component-63b549bf.js"),B=require("./popover.component-c06d692e.js"),D=require("./popover.types-bc105ea7.js"),L=require("./radio.component-de7ecece.js"),F=require("./radioGroup.component-5719cd37.js"),A=require("./ratingDot.component-bd47c659.js"),G=require("./ratingDots.component-2bc23086.js"),H=require("./select.component-3906b900.js"),w=require("./dragHandle.component-faffecf9.js"),O=require("./sortableItem.component-3bdead95.js"),z=require("./sortableOverlay.component-39d84330.js"),R=require("./sortableList.component-2c36f685.js"),N=require("./spinner.component-39040867.js"),W=require("./switch.component-1065f097.js"),V=require("./tab.component-df791b96.js"),E=require("./tabs.component-cfe10d1e.js"),K=require("./tabsLayout.component-4055835c.js"),Q=require("./tag.types-892f3c99.js"),U=require("./text.component-30355fe6.js"),_=require("./text.types-fef8ead3.js"),$=require("./textarea.component-eda7f5d3.js"),J=require("./textInput.component-d63fb051.js"),X=require("./timePicker.component-0385a923.js"),Y=require("./timeRange.component-41f34bea.js"),Z=require("./useToast-dc263271.js"),ee=require("./tooltip.component-76a21c48.js"),re=require("./withTheme-e33ed8bc.js"),oe=require("./useTheme-8873c39f.js"),te=require("./theme.provider-0d9a5ebb.js"),se=require("./chakra-ui-skeleton.esm-65be7af3.js"),ae=require("./chakra-ui-modal.esm-5b3636d6.js"),pe=require("./chakra-ui-layout.esm-6ee578f7.js"),ie=require("./chakra-ui-button.esm-bd065780.js"),ne=require("./chakra-ui-alert.esm-17eebb99.js"),ue=require("./chakra-ui-avatar.esm-eee70d3a.js"),xe=require("./chakra-ui-checkbox.esm-499c8b0c.js"),ce=require("./chakra-ui-input.esm-5fd07056.js"),de=require("./chakra-ui-menu.esm-92cf9b97.js"),le=require("./chakra-ui-popover.esm-172468d8.js"),me=require("./chakra-ui-radio.esm-f310d451.js"),be=require("./chakra-ui-select.esm-793cf4de.js"),qe=require("./chakra-ui-tabs.esm-e6372403.js"),je=require("./chakra-ui-textarea.esm-23fad4cd.js"),Ce=require("./chakra-ui-form-control.esm-6d25b1a4.js"),fe=require("./chakra-ui-media-query.esm-6217de7e.js"),he=require("./chakra-ui-image.esm-66324087.js"),ve=require("./chakra-ui-system.esm-c70df670.js"),ke=require("./chakra-ui-portal.esm-bbcb5d1d.js"),Me=require("./chakra-ui-hooks.esm-21b313f3.js");require("./tslib.es6-194b75fc.js"),require("react"),require("./avatar.config-e43cfce7.js"),require("./withFormControl-1971ad8f.js"),require("./index-fee8538e.js"),require("./withTruncation-a7b4edf1.js"),require("./icons/index.js"),require("./useIconTextSizeMap-301c4f35.js"),require("./menu.context-22d23674.js"),require("./menu.config-14739188.js"),require("./sortableItem.context-5bba7c97.js"),require("./core.esm-3a85aed4.js"),require("react-dom"),require("./chakra-ui-icon.esm-9c49b31b.js"),require("./chakra-ui-theme.esm-d6d72df5.js"),require("./index-c60b408f.js"),require("./index-6cdfadbe.js"),require("./motion-b6060749.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("./chakra-ui-react.esm-f4206977.js"),require("./zIndeces-9141d4bd.js"),require("./color.record-c0a60cfc.js"),require("./shadows.config-9e24e611.js"),require("./inheritsLoose-490721fe.js"),require("./chakra-ui-clickable.esm-4394877f.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=s.Button,exports.buttonSizes=a.buttonSizes,exports.buttonVariants=a.buttonVariants,exports.Card=p.Card,exports.CardPaddingMap=p.CardPaddingMap,exports.cardSizes=p.cardSizes,exports.Checkbox=i.WrappedCheckbox,exports.CheckboxGroup=n.WrappedCheckboxGroup,Object.defineProperty(exports,"DateFormats",{enumerable:!0,get:function(){return u.DateFormats}}),exports.DatePicker=u.DatePicker,exports.Heading=x.WrappedHeading,exports.headingSizes=c.headingSizes,exports.Icon=d.Icon,exports.IconSizeMap=d.IconSizeMap,exports.iconSizes=d.iconSizes,exports.Link=l.Link,exports.Logo=m.Logo,exports.MenuButton=b.MenuButton,exports.MenuContainer=q.MenuContainer,exports.MenuItem=j.MenuItem,exports.MenuList=C.MenuList,exports.Menu=f.Menu,exports.ModalBody=h.ModalBody,exports.ModalCloseButton=v.ModalCloseButton,exports.ModalFooter=k.ModalFooter,exports.ModalFooterButtons=M.ModalFooterButtons,exports.ModalHeader=T.ModalHeader,exports.Modal=g.Modal,exports.NotificationCounter=I.NotificationCounter,Object.defineProperty(exports,"NotificationCounterVariant",{enumerable:!0,get:function(){return I.NotificationCounterVariant}}),exports.Picture=S.Picture,exports.PopoverFooter=P.PopoverFooter,exports.PopoverHeader=y.PopoverHeader,exports.Popover=B.Popover,exports.popoverPlacements=D.popoverPlacements,exports.popoverSizes=D.popoverSizes,exports.popoverTriggerTypes=D.popoverTriggerTypes,exports.popoverVariants=D.popoverVariants,exports.Radio=L.Radio,exports.RadioGroup=F.WrappedRadioGroup,exports.RatingDot=A.RatingDot,exports.RatingDots=G.RatingDots,exports.Select=H.WrappedSelect,exports.DragHandle=w.DragHandle,exports.SortableItem=O.SortableItem,exports.SortableOverlay=z.SortableOverlay,exports.SortableList=R.SortableList,exports.Spinner=N.Spinner,exports.Switch=W.WrappedSwitch,exports.Tab=V.Tab,exports.Tabs=E.Tabs,exports.TabsLayout=K.TabsLayout,exports.Tag=Q.Tag,exports.closeButtonDisplays=Q.closeButtonDisplays,exports.tagSizes=Q.tagSizes,exports.Text=U.WrappedText,exports.textSizes=_.textSizes,exports.Textarea=$.WrappedTextArea,exports.TextInput=J.WrappedTextInput,Object.defineProperty(exports,"Meridiem",{enumerable:!0,get:function(){return X.Meridiem}}),exports.TimePicker=X.TimePicker,exports.TimeRange=Y.TimeRange,exports.useToast=Z.useToast,exports.Tooltip=ee.Tooltip,exports.withDarkMode=re.withDarkMode,exports.withTheme=re.withTheme,exports.useTheme=oe.useTheme,exports.KibbleThemeProvider=te.KibbleThemeProvider,exports.theme=te.theme,exports.Accordion=se.Accordion,exports.AccordionButton=se.AccordionButton,exports.AccordionIcon=se.AccordionIcon,exports.AccordionItem=se.AccordionItem,exports.AccordionPanel=se.AccordionPanel,exports.NumberDecrementStepper=se.NumberDecrementStepper,exports.NumberIncrementStepper=se.NumberIncrementStepper,exports.NumberInput=se.NumberInput,exports.NumberInputField=se.NumberInputField,exports.NumberInputStepper=se.NumberInputStepper,exports.PinInput=se.PinInput,exports.PinInputField=se.PinInputField,exports.Progress=se.Progress,exports.Skeleton=se.Skeleton,exports.SkeletonText=se.SkeletonText,exports.Table=se.Table,exports.TableCaption=se.TableCaption,exports.TableContainer=se.TableContainer,exports.Tbody=se.Tbody,exports.Td=se.Td,exports.Tfoot=se.Tfoot,exports.Th=se.Th,exports.Thead=se.Thead,exports.Tr=se.Tr,exports.AlertDialog=ae.AlertDialog,exports.AlertDialogBody=ae.ModalBody,exports.AlertDialogContent=ae.AlertDialogContent,exports.AlertDialogFooter=ae.ModalFooter,exports.AlertDialogHeader=ae.ModalHeader,exports.AlertDialogOverlay=ae.ModalOverlay,exports.CModal=ae.Modal,exports.CModalBody=ae.ModalBody,exports.CModalCloseButton=ae.ModalCloseButton,exports.CModalFooter=ae.ModalFooter,exports.CModalHeader=ae.ModalHeader,exports.Collapse=ae.Collapse,exports.Drawer=ae.Drawer,exports.DrawerBody=ae.ModalBody,exports.DrawerCloseButton=ae.ModalCloseButton,exports.DrawerContent=ae.DrawerContent,exports.DrawerFooter=ae.ModalFooter,exports.DrawerHeader=ae.ModalHeader,exports.DrawerOverlay=ae.ModalOverlay,exports.ModalContent=ae.ModalContent,exports.ModalOverlay=ae.ModalOverlay,exports.Badge=pe.Badge,exports.Box=pe.Box,exports.Center=pe.Center,exports.Circle=pe.Circle,exports.Code=pe.Code,exports.Container=pe.Container,exports.Divider=pe.Divider,exports.Flex=pe.Flex,exports.Grid=pe.Grid,exports.GridItem=pe.GridItem,exports.HStack=pe.HStack,exports.LinkBox=pe.LinkBox,exports.LinkOverlay=pe.LinkOverlay,exports.List=pe.List,exports.ListItem=pe.ListItem,exports.OrderedList=pe.OrderedList,exports.SimpleGrid=pe.SimpleGrid,exports.Spacer=pe.Spacer,exports.Square=pe.Square,exports.Stack=pe.Stack,exports.UnorderedList=pe.UnorderedList,exports.VStack=pe.VStack,exports.Wrap=pe.Wrap,exports.WrapItem=pe.WrapItem,exports.ButtonGroup=ie.ButtonGroup,exports.CButton=ie.Button,exports.IconButton=ie.IconButton,exports.CAlert=ne.Alert,exports.CAvatar=ue.Avatar,exports.CCheckboxGroup=xe.CheckboxGroup,exports.useCheckbox=xe.useCheckbox,exports.useCheckboxGroup=xe.useCheckboxGroup,exports.CInput=ce.Input,exports.InputGroup=ce.InputGroup,exports.InputLeftAddon=ce.InputLeftAddon,exports.InputLeftElement=ce.InputLeftElement,exports.InputRightElement=ce.InputRightElement,exports.CMenu=de.Menu,exports.CMenuButton=de.MenuButton,exports.CMenuItem=de.MenuItem,exports.CMenuList=de.MenuList,exports.MenuDivider=de.MenuDivider,exports.MenuGroup=de.MenuGroup,exports.MenuItemOption=de.MenuItemOption,exports.CPopover=le.Popover,exports.CPopoverBody=le.PopoverBody,exports.CPopoverFooter=le.PopoverFooter,exports.CPopoverHeader=le.PopoverHeader,exports.PopoverArrow=le.PopoverArrow,exports.PopoverContent=le.PopoverContent,exports.PopoverTrigger=le.PopoverTrigger,exports.usePopoverContext=le.usePopoverContext,exports.CRadioGroup=me.RadioGroup,exports.useRadio=me.useRadio,exports.useRadioGroup=me.useRadioGroup,exports.CSelect=be.Select,exports.CTab=qe.Tab,exports.CTabs=qe.Tabs,exports.TabList=qe.TabList,exports.TabPanel=qe.TabPanel,exports.TabPanels=qe.TabPanels,exports.CTextarea=je.Textarea,exports.FormControl=Ce.FormControl,exports.FormErrorMessage=Ce.FormErrorMessage,exports.FormHelperText=Ce.FormHelperText,exports.FormLabel=Ce.FormLabel,exports.Hide=fe.Hide,exports.Show=fe.Show,exports.useBreakpoint=fe.useBreakpoint,exports.useBreakpointValue=fe.useBreakpointValue,exports.useMediaQuery=fe.useMediaQuery,exports.Image=he.Image$1,exports.keyframes=ve.keyframes,exports.useColorMode=ve.useColorMode,exports.Portal=ke.Portal,exports.useConst=Me.useConst,exports.useDisclosure=Me.useDisclosure,exports.useInterval=Me.useInterval,exports.useOutsideClick=Me.useOutsideClick;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./alert.component-52451145.js"),r=require("./avatar.component-a96cbc6b.js"),o=require("./avatar.types-a87ebfb5.js"),t=require("./avatarGroup.component-98140be9.js"),s=require("./button.component-957d9e9f.js"),a=require("./button.types-f42b599b.js"),p=require("./card.component-20080f05.js"),i=require("./checkbox.component-b2d6ac56.js"),n=require("./checkboxGroup.component-3fce48e7.js"),u=require("./datepicker.types-e3f2773d.js"),x=require("./heading.component-198f40a3.js"),c=require("./heading.types-b6ca7d59.js"),d=require("./icon.component-729a7547.js"),l=require("./link.component-a5027ab7.js"),m=require("./logo.component-3ae8d1c6.js"),b=require("./menuButton.component-4aa92838.js"),q=require("./menuContainer.component-315466f2.js"),j=require("./menuItem.component-5d391ad0.js"),C=require("./menuList.component-926efe0c.js"),f=require("./menu.component-2da11db1.js"),h=require("./modalBody.component-d16ec3c2.js"),v=require("./modalCloseButton.component-a2ee80b8.js"),k=require("./modalFooter.component-cdecefb9.js"),M=require("./modalFooterButtons.component-85166391.js"),T=require("./modalHeader.component-8b663f4e.js"),g=require("./modal.component-488c95b3.js"),I=require("./notificationCounter.component-6581a359.js"),S=require("./picture.component-b0edf814.js"),P=require("./popoverFooter.component-3280b596.js"),y=require("./popoverHeader.component-63b549bf.js"),B=require("./popover.component-c06d692e.js"),D=require("./popover.types-bc105ea7.js"),L=require("./radio.component-de7ecece.js"),F=require("./radioGroup.component-5719cd37.js"),A=require("./ratingDot.component-bd47c659.js"),G=require("./ratingDots.component-2bc23086.js"),H=require("./select.component-c71a3601.js"),w=require("./dragHandle.component-faffecf9.js"),O=require("./sortableItem.component-3bdead95.js"),z=require("./sortableOverlay.component-39d84330.js"),R=require("./sortableList.component-2c36f685.js"),N=require("./spinner.component-39040867.js"),W=require("./switch.component-1065f097.js"),V=require("./tab.component-df791b96.js"),E=require("./tabs.component-cfe10d1e.js"),K=require("./tabsLayout.component-4055835c.js"),Q=require("./tag.types-892f3c99.js"),U=require("./text.component-30355fe6.js"),_=require("./text.types-fef8ead3.js"),$=require("./textarea.component-eda7f5d3.js"),J=require("./textInput.component-d63fb051.js"),X=require("./timePicker.component-0385a923.js"),Y=require("./timeRange.component-41f34bea.js"),Z=require("./useToast-dc263271.js"),ee=require("./tooltip.component-76a21c48.js"),re=require("./withTheme-e33ed8bc.js"),oe=require("./useTheme-8873c39f.js"),te=require("./theme.provider-0d9a5ebb.js"),se=require("./chakra-ui-skeleton.esm-65be7af3.js"),ae=require("./chakra-ui-modal.esm-5b3636d6.js"),pe=require("./chakra-ui-layout.esm-6ee578f7.js"),ie=require("./chakra-ui-button.esm-bd065780.js"),ne=require("./chakra-ui-alert.esm-17eebb99.js"),ue=require("./chakra-ui-avatar.esm-eee70d3a.js"),xe=require("./chakra-ui-checkbox.esm-499c8b0c.js"),ce=require("./chakra-ui-input.esm-5fd07056.js"),de=require("./chakra-ui-menu.esm-92cf9b97.js"),le=require("./chakra-ui-popover.esm-172468d8.js"),me=require("./chakra-ui-radio.esm-f310d451.js"),be=require("./chakra-ui-select.esm-793cf4de.js"),qe=require("./chakra-ui-tabs.esm-e6372403.js"),je=require("./chakra-ui-textarea.esm-23fad4cd.js"),Ce=require("./chakra-ui-form-control.esm-6d25b1a4.js"),fe=require("./chakra-ui-media-query.esm-6217de7e.js"),he=require("./chakra-ui-image.esm-66324087.js"),ve=require("./chakra-ui-system.esm-c70df670.js"),ke=require("./chakra-ui-portal.esm-bbcb5d1d.js"),Me=require("./chakra-ui-hooks.esm-21b313f3.js");require("./tslib.es6-194b75fc.js"),require("react"),require("./avatar.config-e43cfce7.js"),require("./withFormControl-1971ad8f.js"),require("./index-fee8538e.js"),require("./withTruncation-a7b4edf1.js"),require("./icons/index.js"),require("./useIconTextSizeMap-301c4f35.js"),require("./menu.context-22d23674.js"),require("./menu.config-14739188.js"),require("./sortableItem.context-5bba7c97.js"),require("./core.esm-3a85aed4.js"),require("react-dom"),require("./chakra-ui-icon.esm-9c49b31b.js"),require("./chakra-ui-theme.esm-d6d72df5.js"),require("./index-c60b408f.js"),require("./index-6cdfadbe.js"),require("./motion-b6060749.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("./chakra-ui-react.esm-f4206977.js"),require("./zIndeces-9141d4bd.js"),require("./color.record-c0a60cfc.js"),require("./shadows.config-9e24e611.js"),require("./inheritsLoose-490721fe.js"),require("./chakra-ui-clickable.esm-4394877f.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=s.Button,exports.buttonSizes=a.buttonSizes,exports.buttonVariants=a.buttonVariants,exports.Card=p.Card,exports.CardPaddingMap=p.CardPaddingMap,exports.cardSizes=p.cardSizes,exports.Checkbox=i.WrappedCheckbox,exports.CheckboxGroup=n.WrappedCheckboxGroup,Object.defineProperty(exports,"DateFormats",{enumerable:!0,get:function(){return u.DateFormats}}),exports.DatePicker=u.DatePicker,exports.Heading=x.WrappedHeading,exports.headingSizes=c.headingSizes,exports.Icon=d.Icon,exports.IconSizeMap=d.IconSizeMap,exports.iconSizes=d.iconSizes,exports.Link=l.Link,exports.Logo=m.Logo,exports.MenuButton=b.MenuButton,exports.MenuContainer=q.MenuContainer,exports.MenuItem=j.MenuItem,exports.MenuList=C.MenuList,exports.Menu=f.Menu,exports.ModalBody=h.ModalBody,exports.ModalCloseButton=v.ModalCloseButton,exports.ModalFooter=k.ModalFooter,exports.ModalFooterButtons=M.ModalFooterButtons,exports.ModalHeader=T.ModalHeader,exports.Modal=g.Modal,exports.NotificationCounter=I.NotificationCounter,Object.defineProperty(exports,"NotificationCounterVariant",{enumerable:!0,get:function(){return I.NotificationCounterVariant}}),exports.Picture=S.Picture,exports.PopoverFooter=P.PopoverFooter,exports.PopoverHeader=y.PopoverHeader,exports.Popover=B.Popover,exports.popoverPlacements=D.popoverPlacements,exports.popoverSizes=D.popoverSizes,exports.popoverTriggerTypes=D.popoverTriggerTypes,exports.popoverVariants=D.popoverVariants,exports.Radio=L.Radio,exports.RadioGroup=F.WrappedRadioGroup,exports.RatingDot=A.RatingDot,exports.RatingDots=G.RatingDots,exports.Select=H.WrappedSelect,exports.DragHandle=w.DragHandle,exports.SortableItem=O.SortableItem,exports.SortableOverlay=z.SortableOverlay,exports.SortableList=R.SortableList,exports.Spinner=N.Spinner,exports.Switch=W.WrappedSwitch,exports.Tab=V.Tab,exports.Tabs=E.Tabs,exports.TabsLayout=K.TabsLayout,exports.Tag=Q.Tag,exports.closeButtonDisplays=Q.closeButtonDisplays,exports.tagSizes=Q.tagSizes,exports.Text=U.WrappedText,exports.textSizes=_.textSizes,exports.Textarea=$.WrappedTextArea,exports.TextInput=J.WrappedTextInput,Object.defineProperty(exports,"Meridiem",{enumerable:!0,get:function(){return X.Meridiem}}),exports.TimePicker=X.TimePicker,exports.TimeRange=Y.TimeRange,exports.useToast=Z.useToast,exports.Tooltip=ee.Tooltip,exports.withDarkMode=re.withDarkMode,exports.withTheme=re.withTheme,exports.useTheme=oe.useTheme,exports.KibbleThemeProvider=te.KibbleThemeProvider,exports.theme=te.theme,exports.Accordion=se.Accordion,exports.AccordionButton=se.AccordionButton,exports.AccordionIcon=se.AccordionIcon,exports.AccordionItem=se.AccordionItem,exports.AccordionPanel=se.AccordionPanel,exports.NumberDecrementStepper=se.NumberDecrementStepper,exports.NumberIncrementStepper=se.NumberIncrementStepper,exports.NumberInput=se.NumberInput,exports.NumberInputField=se.NumberInputField,exports.NumberInputStepper=se.NumberInputStepper,exports.PinInput=se.PinInput,exports.PinInputField=se.PinInputField,exports.Progress=se.Progress,exports.Skeleton=se.Skeleton,exports.SkeletonText=se.SkeletonText,exports.Table=se.Table,exports.TableCaption=se.TableCaption,exports.TableContainer=se.TableContainer,exports.Tbody=se.Tbody,exports.Td=se.Td,exports.Tfoot=se.Tfoot,exports.Th=se.Th,exports.Thead=se.Thead,exports.Tr=se.Tr,exports.AlertDialog=ae.AlertDialog,exports.AlertDialogBody=ae.ModalBody,exports.AlertDialogContent=ae.AlertDialogContent,exports.AlertDialogFooter=ae.ModalFooter,exports.AlertDialogHeader=ae.ModalHeader,exports.AlertDialogOverlay=ae.ModalOverlay,exports.CModal=ae.Modal,exports.CModalBody=ae.ModalBody,exports.CModalCloseButton=ae.ModalCloseButton,exports.CModalFooter=ae.ModalFooter,exports.CModalHeader=ae.ModalHeader,exports.Collapse=ae.Collapse,exports.Drawer=ae.Drawer,exports.DrawerBody=ae.ModalBody,exports.DrawerCloseButton=ae.ModalCloseButton,exports.DrawerContent=ae.DrawerContent,exports.DrawerFooter=ae.ModalFooter,exports.DrawerHeader=ae.ModalHeader,exports.DrawerOverlay=ae.ModalOverlay,exports.ModalContent=ae.ModalContent,exports.ModalOverlay=ae.ModalOverlay,exports.Badge=pe.Badge,exports.Box=pe.Box,exports.Center=pe.Center,exports.Circle=pe.Circle,exports.Code=pe.Code,exports.Container=pe.Container,exports.Divider=pe.Divider,exports.Flex=pe.Flex,exports.Grid=pe.Grid,exports.GridItem=pe.GridItem,exports.HStack=pe.HStack,exports.LinkBox=pe.LinkBox,exports.LinkOverlay=pe.LinkOverlay,exports.List=pe.List,exports.ListItem=pe.ListItem,exports.OrderedList=pe.OrderedList,exports.SimpleGrid=pe.SimpleGrid,exports.Spacer=pe.Spacer,exports.Square=pe.Square,exports.Stack=pe.Stack,exports.UnorderedList=pe.UnorderedList,exports.VStack=pe.VStack,exports.Wrap=pe.Wrap,exports.WrapItem=pe.WrapItem,exports.ButtonGroup=ie.ButtonGroup,exports.CButton=ie.Button,exports.IconButton=ie.IconButton,exports.CAlert=ne.Alert,exports.CAvatar=ue.Avatar,exports.CCheckboxGroup=xe.CheckboxGroup,exports.useCheckbox=xe.useCheckbox,exports.useCheckboxGroup=xe.useCheckboxGroup,exports.CInput=ce.Input,exports.InputGroup=ce.InputGroup,exports.InputLeftAddon=ce.InputLeftAddon,exports.InputLeftElement=ce.InputLeftElement,exports.InputRightElement=ce.InputRightElement,exports.CMenu=de.Menu,exports.CMenuButton=de.MenuButton,exports.CMenuItem=de.MenuItem,exports.CMenuList=de.MenuList,exports.MenuDivider=de.MenuDivider,exports.MenuGroup=de.MenuGroup,exports.MenuItemOption=de.MenuItemOption,exports.CPopover=le.Popover,exports.CPopoverBody=le.PopoverBody,exports.CPopoverFooter=le.PopoverFooter,exports.CPopoverHeader=le.PopoverHeader,exports.PopoverArrow=le.PopoverArrow,exports.PopoverContent=le.PopoverContent,exports.PopoverTrigger=le.PopoverTrigger,exports.usePopoverContext=le.usePopoverContext,exports.CRadioGroup=me.RadioGroup,exports.useRadio=me.useRadio,exports.useRadioGroup=me.useRadioGroup,exports.CSelect=be.Select,exports.CTab=qe.Tab,exports.CTabs=qe.Tabs,exports.TabList=qe.TabList,exports.TabPanel=qe.TabPanel,exports.TabPanels=qe.TabPanels,exports.CTextarea=je.Textarea,exports.FormControl=Ce.FormControl,exports.FormErrorMessage=Ce.FormErrorMessage,exports.FormHelperText=Ce.FormHelperText,exports.FormLabel=Ce.FormLabel,exports.Hide=fe.Hide,exports.Show=fe.Show,exports.useBreakpoint=fe.useBreakpoint,exports.useBreakpointValue=fe.useBreakpointValue,exports.useMediaQuery=fe.useMediaQuery,exports.Image=he.Image$1,exports.keyframes=ve.keyframes,exports.useColorMode=ve.useColorMode,exports.Portal=ke.Portal,exports.useConst=Me.useConst,exports.useDisclosure=Me.useDisclosure,exports.useInterval=Me.useInterval,exports.useOutsideClick=Me.useOutsideClick;
 //# sourceMappingURL=index.js.map

package/build/{select.component-7fd94a5b.js → select.component-1f4872c6.js} RENAMED Viewed

@@ -1,2 +1,2 @@
 "use strict";var e=require("./tslib.es6-194b75fc.js"),t=require("react"),n=require("./menuContainer.component-315466f2.js"),l=require("./withFormControl-12f2fa49.js"),a=require("./menu.context-22d23674.js"),r=require("./menuList.component-2003e673.js"),s=require("./text.component-30355fe6.js"),i=require("./chakra-ui-layout.esm-6ee578f7.js"),u=require("./icon.component-d618e1f5.js"),c=require("./chakra-ui-select.esm-793cf4de.js"),o=require("./chakra-ui-menu.esm-92cf9b97.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=({selectedOption:e,defaultLeftElement:t,shouldTruncateText:n=!0})=>m.default.createElement(i.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(i.Flex,{align:"center",className:"Select__LeftElement",pr:2},e.leftElement):t?m.default.createElement(i.Flex,{align:"center",className:"Select__LeftElement",pr:2},t):null,"string"==typeof e.label?m.default.createElement(s.WrappedText,{className:"Select__Text",isTruncated:n,variant:e.variant||"default"},e.label):e.label),v=l=>{var{defaultLeftElement:r,isFieldInline:s,listProps:i,options:d,placeholder:v,size:h="md",value:x,maxW:E="100%",isOnContrast:j}=l,S=e.__rest(l,["defaultLeftElement","isFieldInline","listProps","options","placeholder","size","value","maxW","isOnContrast"]);const b=j?"onContrast":"default",g=t.useRef(null),_=t.useMemo((()=>({label:v,value:"",variant:j?"placeholderOnContrast":"placeholder",leftElement:null,isSelected:!1,isPlaceholder:!0})),[v,j]),[O,q]=t.useState([]),C=t.useMemo((()=>{const e=O.find((e=>e.isSelected));return e||_}),[O,_]),T=t.useCallback((e=>{if(!O)return;const t=O.map((t=>Object.assign(Object.assign({},t),{isSelected:t.value===e.value})));q(t),(null==i?void 0:i.onSelect)&&i.onSelect(e)}),[O,i]),L=(null==i?void 0:i.shouldTruncateText)?{}:{height:"max-content",minH:10},M=t.useMemo((()=>{var e;return g.current?`${null===(e=null==g?void 0:g.current)||void 0===e?void 0:e.clientWidth}px`:"320px"}),[null==g?void 0:g.current]);return t.useEffect((()=>{const e=d.map((e=>Object.assign(Object.assign({},e),{isSelected:e.value===x})));q([...e,_])}),[d,_,x]),m.default.createElement(a.MenuProvider,{menuItems:O},m.default.createElement(n.MenuContainer,{matchWidth:!0,isLazy:!0},m.default.createElement(c.Select,Object.assign({icon:m.default.createElement(u.Icon,{name:"chevronDown",size:h}),as:o.MenuButton,ref:g,onClick:e=>e.stopPropagation(),type:"button",className:"Select__MenuButton",variant:b,maxW:E},L,S),m.default.createElement(p,{selectedOption:C,defaultLeftElement:r,shouldTruncateText:null==i?void 0:i.shouldTruncateText})),m.default.createElement(f,Object.assign({},i,{onSelect:T,options:O,maxW:M||E}))))};v.displayName="Select";const h=l.withFormControl(v);exports.WrappedSelect=h;
-//# sourceMappingURL=select.component-7fd94a5b.js.map
+//# sourceMappingURL=select.component-1f4872c6.js.map

package/build/select.component-1f4872c6.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"select.component-1f4872c6.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 } from '@chakra-ui/react';\nimport { Text } from '../../../Text/text.component';\nimport { SelectOptionProps } from '../SelectOption/selectOption.types';\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, 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 { 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 options: SelectOptionProps[];\n size?: FormControlSize;\n isOnContrast?: boolean;\n placeholder?: string;\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 ...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}>\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 {...rest}\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","SelectContainer","selectedOption","defaultLeftElement","shouldTruncateText","createElement","Flex","className","justify","align","textAlign","color","variant","leftElement","pr","label","Text","isTruncated","Select","_a","isFieldInline","listProps","placeholder","size","value","maxW","isOnContrast","_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","as","MenuButton","ref","onClick","event","stopPropagation","type","displayName","WrappedSelect","withFormControl"],"mappings":"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"}

package/build/{select.component-3906b900.js → select.component-c71a3601.js} RENAMED Viewed

@@ -1,2 +1,2 @@
 "use strict";var e=require("./tslib.es6-194b75fc.js"),t=require("react"),n=require("./menuContainer.component-315466f2.js"),l=require("./withFormControl-1971ad8f.js"),a=require("./menu.context-22d23674.js"),r=require("./menuList.component-926efe0c.js"),s=require("./text.component-30355fe6.js"),i=require("./chakra-ui-layout.esm-6ee578f7.js"),u=require("./icon.component-729a7547.js"),c=require("./chakra-ui-select.esm-793cf4de.js"),o=require("./chakra-ui-menu.esm-92cf9b97.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=({selectedOption:e,defaultLeftElement:t,shouldTruncateText:n=!0})=>m.default.createElement(i.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(i.Flex,{align:"center",className:"Select__LeftElement",pr:2},e.leftElement):t?m.default.createElement(i.Flex,{align:"center",className:"Select__LeftElement",pr:2},t):null,"string"==typeof e.label?m.default.createElement(s.WrappedText,{className:"Select__Text",isTruncated:n,variant:e.variant||"default"},e.label):e.label),v=l=>{var{defaultLeftElement:r,isFieldInline:s,listProps:i,options:d,placeholder:v,size:h="md",value:x,maxW:E="100%",isOnContrast:j}=l,S=e.__rest(l,["defaultLeftElement","isFieldInline","listProps","options","placeholder","size","value","maxW","isOnContrast"]);const b=j?"onContrast":"default",g=t.useRef(null),_=t.useMemo((()=>({label:v,value:"",variant:j?"placeholderOnContrast":"placeholder",leftElement:null,isSelected:!1,isPlaceholder:!0})),[v,j]),[O,q]=t.useState([]),C=t.useMemo((()=>{const e=O.find((e=>e.isSelected));return e||_}),[O,_]),T=t.useCallback((e=>{if(!O)return;const t=O.map((t=>Object.assign(Object.assign({},t),{isSelected:t.value===e.value})));q(t),(null==i?void 0:i.onSelect)&&i.onSelect(e)}),[O,i]),L=(null==i?void 0:i.shouldTruncateText)?{}:{height:"max-content",minH:10},M=t.useMemo((()=>{var e;return g.current?`${null===(e=null==g?void 0:g.current)||void 0===e?void 0:e.clientWidth}px`:"320px"}),[null==g?void 0:g.current]);return t.useEffect((()=>{const e=d.map((e=>Object.assign(Object.assign({},e),{isSelected:e.value===x})));q([...e,_])}),[d,_,x]),m.default.createElement(a.MenuProvider,{menuItems:O},m.default.createElement(n.MenuContainer,{matchWidth:!0,isLazy:!0},m.default.createElement(c.Select,Object.assign({icon:m.default.createElement(u.Icon,{name:"chevronDown",size:h}),as:o.MenuButton,ref:g,onClick:e=>e.stopPropagation(),type:"button",className:"Select__MenuButton",variant:b,maxW:E},L,S),m.default.createElement(p,{selectedOption:C,defaultLeftElement:r,shouldTruncateText:null==i?void 0:i.shouldTruncateText})),m.default.createElement(f,Object.assign({},i,{onSelect:T,options:O,maxW:M||E}))))};v.displayName="Select";const h=l.withFormControl(v);exports.WrappedSelect=h;
-//# sourceMappingURL=select.component-3906b900.js.map
+//# sourceMappingURL=select.component-c71a3601.js.map

package/build/select.component-c71a3601.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"select.component-c71a3601.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 } from '@chakra-ui/react';\nimport { Text } from '../../../Text/text.component';\nimport { SelectOptionProps } from '../SelectOption/selectOption.types';\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, 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 { 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 options: SelectOptionProps[];\n size?: FormControlSize;\n isOnContrast?: boolean;\n placeholder?: string;\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 ...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}>\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 {...rest}\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","SelectContainer","selectedOption","defaultLeftElement","shouldTruncateText","createElement","Flex","className","justify","align","textAlign","color","variant","leftElement","pr","label","Text","isTruncated","Select","_a","isFieldInline","listProps","placeholder","size","value","maxW","isOnContrast","_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","as","MenuButton","ref","onClick","event","stopPropagation","type","displayName","WrappedSelect","withFormControl"],"mappings":"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"}

package/build/shared/argTypes/buttonSize.argTypes.d.ts CHANGED Viewed

@@ -1,7 +1,7 @@
 import { ArgType } from '@storybook/addons';
 import { ButtonSize } from '../../components/Button';
 interface buttonSizeArgTypeProps {
-    description: string;
+    description?: string;
     defaultValue?: ButtonSize;
     subcomponentName?: string;
     propertyName?: string;

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@televet/kibble-ui",
-  "version": "2.1.2-beta.866b0wdrd.3",
+  "version": "2.1.2-beta.866b0wdrd.4",
   "description": "Kibble Design System by Otto",
   "author": "Otto",
   "main": "build/index.js",

package/build/select.component-3906b900.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"select.component-3906b900.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 } from '@chakra-ui/react';\nimport { Text } from '../../../Text/text.component';\nimport { SelectOptionProps } from '../SelectOption/selectOption.types';\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, 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 { 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 options: SelectOptionProps[];\n size?: FormControlSize;\n isOnContrast?: boolean;\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 ...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 selectedOption = allOptions.find((option) => option.isSelected);\n\n return selectedOption ? selectedOption : placeholderoption;\n }, [allOptions, placeholderoption]);\n\n const handleSelect = useCallback(\n (selectedOption: SelectOptionProps) => {\n if (!allOptions) return;\n\n const updatedOptions = allOptions.map((option) => {\n return {\n ...option,\n isSelected: option.value === selectedOption.value,\n };\n });\n setAllOptions(updatedOptions);\n\n if (listProps?.onSelect) {\n listProps.onSelect(selectedOption);\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}>\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 {...rest}\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","SelectContainer","selectedOption","defaultLeftElement","shouldTruncateText","createElement","Flex","className","justify","align","textAlign","color","variant","leftElement","pr","label","Text","isTruncated","Select","_a","isFieldInline","listProps","placeholder","size","value","maxW","isOnContrast","_computedVariant","selectRef","useRef","placeholderoption","useMemo","isSelected","isPlaceholder","allOptions","setAllOptions","useState","find","option","handleSelect","useCallback","updatedOptions","map","onSelect","flexibleHeightProps","height","minH","selectWidth","current","clientWidth","useEffect","mappedOptions","MenuProvider","MenuContainer","matchWidth","isLazy","CSelect","icon","Icon","name","as","MenuButton","ref","onClick","event","stopPropagation","type","displayName","WrappedSelect","withFormControl"],"mappings":"kjBAqBO,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,KCblFS,EAAkB,EAC7BC,eAAAA,EACAC,mBAAAA,EACAC,mBAAAA,GAAqB,KAGnBV,EAAC,QAAAW,cAAAC,EAAAA,KACC,CAAAC,UAAU,oBACVC,QAAQ,aACRC,MAAM,SACNC,UAAU,OACVC,MAAOT,EAAeU,QAAU,QAAQV,EAAeU,UAAY,iBAElEV,MAAAA,OAAc,EAAdA,EAAgBW,aACfnB,EAAA,QAAAW,cAACC,OAAI,CAACG,MAAM,SAASF,UAAU,sBAAsBO,GAAI,GACtDZ,EAAeW,aAEhBV,EACFT,EAAA,QAAAW,cAACC,OAAI,CAACG,MAAM,SAASF,UAAU,sBAAsBO,GAAI,GACtDX,GAED,KAC6B,iBAAzBD,EAAea,MACrBrB,wBAACsB,cAAI,CAACT,UAAU,eAAeU,YAAab,EAAoBQ,QAASV,EAAeU,SAAW,WAChGV,EAAea,OAGlBb,EAAoB,OChBtBgB,EAAUC,QAAAhB,mBACdA,EAAkBiB,cAClBA,EAAaC,UACbA,EAAS9B,QACTA,EAAO+B,YACPA,EAAWC,KACXA,EAAO,KAAIC,MACXA,EAAKC,KACLA,EAAO,OAAMC,aACbA,GAAYP,EACT3B,EAVWC,EAAAA,OAAA0B,EAAA,CAAA,qBAAA,gBAAA,YAAA,UAAA,cAAA,OAAA,QAAA,OAAA,iBAad,MAAMQ,EAAmBD,EAAe,aAAe,UACjDE,EAAYC,SAA0B,MACtCC,EAAuCC,EAAAA,SAC3C,KAAO,CACLhB,MAAOO,EACPE,MAAO,GACPZ,QAASc,EAAe,wBAA0B,cAClDb,YAAa,KACbmB,YAAY,EACZC,eAAe,KAEjB,CAACX,EAAaI,KAGTQ,EAAYC,GAAiBC,EAAQA,SAAsB,IAE5DlC,EAAoC6B,EAAAA,SAAQ,KAChD,MAAM7B,EAAiBgC,EAAWG,MAAMC,GAAWA,EAAON,aAE1D,OAAO9B,GAAkC4B,IACxC,CAACI,EAAYJ,IAEVS,EAAeC,eAClBtC,IACC,IAAKgC,EAAY,OAEjB,MAAMO,EAAiBP,EAAWQ,KAAKJ,GAEhC1C,OAAAC,OAAAD,OAAAC,OAAA,GAAAyC,GACH,CAAAN,WAAYM,EAAOd,QAAUtB,EAAesB,UAGhDW,EAAcM,IAEVpB,MAAAA,SAAAA,EAAWsB,WACbtB,EAAUsB,SAASzC,KAGvB,CAACgC,EAAYb,IAITuB,GAAuBvB,MAAAA,OAAS,EAATA,EAAWjB,oBAA2D,GAAtC,CAAEyC,OAAQ,cAAeC,KAAM,IAEtFC,EAAchB,EAAAA,SAAQ,WAC1B,OAAKH,EAAUoB,QAIR,GAAqB,QAAlB7B,EAAAS,MAAAA,OAAS,EAATA,EAAWoB,eAAO,IAAA7B,OAAA,EAAAA,EAAE8B,gBAHrB,UAOR,CAACrB,MAAAA,OAAA,EAAAA,EAAWoB,UAYf,OATAE,EAAAA,WAAU,KACR,MAAMC,EAAgB5D,EAAQmD,KAAKJ,kCAC9BA,GAAM,CACTN,WAAYM,EAAOd,QAAUA,MAG/BW,EAAc,IAAIgB,EAAerB,MAChC,CAACvC,EAASuC,EAAmBN,IAG9B9B,EAAC,QAAAW,cAAA+C,EAAYA,aAAC,CAAArD,UAAWmC,GACvBxC,EAAC,QAAAW,cAAAgD,iBAAcC,YAAY,EAAMC,QAAQ,GACvC7D,EAAC,QAAAW,cAAAmD,SACC5D,OAAAC,OAAA,CAAA4D,KAAM/D,UAAAW,cAACqD,EAAAA,KAAK,CAAAC,KAAK,cAAcpC,KAAMA,IACrCqC,GAAIC,EAAUA,WACdC,IAAKlC,EACLmC,QAAUC,GAAkCA,EAAMC,kBAClDC,KAAK,SACL3D,UAAU,qBACVK,QAASe,EACTF,KAAMA,GACFmB,EACApD,GAEJE,EAAC,QAAAW,cAAAJ,GACCC,eAAgBA,EAChBC,mBAAoBA,EACpBC,mBAAoBiB,MAAAA,OAAS,EAATA,EAAWjB,sBAGnCV,EAAC,QAAAW,cAAAhB,mBAAegC,EAAS,CAAEsB,SAAUJ,EAAchD,QAAS2C,EAAYT,KAAMsB,GAAetB,QAMrGP,EAAOiD,YAAc,SAErB,MAAMC,EAAgBC,EAAeA,gBAACnD"}

package/build/select.component-7fd94a5b.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"select.component-7fd94a5b.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 } from '@chakra-ui/react';\nimport { Text } from '../../../Text/text.component';\nimport { SelectOptionProps } from '../SelectOption/selectOption.types';\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, 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 { 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 options: SelectOptionProps[];\n size?: FormControlSize;\n isOnContrast?: boolean;\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 ...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 selectedOption = allOptions.find((option) => option.isSelected);\n\n return selectedOption ? selectedOption : placeholderoption;\n }, [allOptions, placeholderoption]);\n\n const handleSelect = useCallback(\n (selectedOption: SelectOptionProps) => {\n if (!allOptions) return;\n\n const updatedOptions = allOptions.map((option) => {\n return {\n ...option,\n isSelected: option.value === selectedOption.value,\n };\n });\n setAllOptions(updatedOptions);\n\n if (listProps?.onSelect) {\n listProps.onSelect(selectedOption);\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}>\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 {...rest}\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","SelectContainer","selectedOption","defaultLeftElement","shouldTruncateText","createElement","Flex","className","justify","align","textAlign","color","variant","leftElement","pr","label","Text","isTruncated","Select","_a","isFieldInline","listProps","placeholder","size","value","maxW","isOnContrast","_computedVariant","selectRef","useRef","placeholderoption","useMemo","isSelected","isPlaceholder","allOptions","setAllOptions","useState","find","option","handleSelect","useCallback","updatedOptions","map","onSelect","flexibleHeightProps","height","minH","selectWidth","current","clientWidth","useEffect","mappedOptions","MenuProvider","MenuContainer","matchWidth","isLazy","CSelect","icon","Icon","name","as","MenuButton","ref","onClick","event","stopPropagation","type","displayName","WrappedSelect","withFormControl"],"mappings":"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"}