@televet/kibble-ui 3.0.13-franklin-1 → 3.0.13
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/{alert.component-08e02a01.js → alert.component-4d48d218.js} +2 -2
- package/build/{alert.component-08e02a01.js.map → alert.component-4d48d218.js.map} +1 -1
- package/build/{avatar.component-92acde54.js → avatar.component-dd61be1f.js} +2 -2
- package/build/{avatar.component-92acde54.js.map → avatar.component-dd61be1f.js.map} +1 -1
- package/build/avatarGroup.component-50a37594.js +2 -0
- package/build/{avatarGroup.component-2e4d7707.js.map → avatarGroup.component-50a37594.js.map} +1 -1
- package/build/button.component-15b49687.js +2 -0
- package/build/{button.component-c427cfcc.js.map → button.component-15b49687.js.map} +1 -1
- package/build/chakra/index.js +1 -1
- package/build/{chakra-ui-modal.esm-8092955a.js → chakra-ui-modal.esm-2c76cb7b.js} +2 -2
- package/build/{chakra-ui-modal.esm-8092955a.js.map → chakra-ui-modal.esm-2c76cb7b.js.map} +1 -1
- package/build/{chakra-ui-skeleton.esm-521bb4b7.js → chakra-ui-skeleton.esm-93e41d9f.js} +2 -2
- package/build/{chakra-ui-skeleton.esm-521bb4b7.js.map → chakra-ui-skeleton.esm-93e41d9f.js.map} +1 -1
- package/build/{checkbox.component-ff4a4003.js → checkbox.component-ca33f17c.js} +2 -2
- package/build/{checkbox.component-ff4a4003.js.map → checkbox.component-ca33f17c.js.map} +1 -1
- package/build/checkboxGroup.component-7a918704.js +2 -0
- package/build/{checkboxGroup.component-1d74ce5c.js.map → checkboxGroup.component-7a918704.js.map} +1 -1
- package/build/{color.record-cc264e0d.js → color.record-f5dba322.js} +2 -2
- package/build/{color.record-cc264e0d.js.map → color.record-f5dba322.js.map} +1 -1
- package/build/components/Alert/index.js +1 -1
- package/build/components/Avatar/index.js +1 -1
- package/build/components/AvatarGroup/index.js +1 -1
- package/build/components/Button/index.js +1 -1
- package/build/components/Checkbox/index.js +1 -1
- package/build/components/CheckboxGroup/index.js +1 -1
- package/build/components/DatePicker/index.js +1 -1
- package/build/components/Icon/index.js +1 -1
- package/build/components/Link/index.js +1 -1
- package/build/components/Menu/components/MenuButton/index.js +1 -1
- package/build/components/Menu/components/MenuItem/index.js +1 -1
- package/build/components/Menu/components/MenuList/index.js +1 -1
- package/build/components/Menu/index.js +1 -1
- package/build/components/Modal/components/ModalBody/index.js +1 -1
- package/build/components/Modal/components/ModalCloseButton/index.js +1 -1
- package/build/components/Modal/components/ModalExpandButton/index.js +1 -1
- package/build/components/Modal/components/ModalFooter/index.js +1 -1
- package/build/components/Modal/components/ModalFooterButtons/index.js +1 -1
- package/build/components/Modal/components/ModalHeader/index.js +1 -1
- package/build/components/Modal/index.js +1 -1
- package/build/components/Popover/components/PopoverFooter/index.js +1 -1
- package/build/components/Popover/components/PopoverHeader/index.js +1 -1
- package/build/components/Popover/index.js +1 -1
- package/build/components/RadioButtonGroup/index.js +1 -1
- package/build/components/RadioGroup/index.js +1 -1
- package/build/components/Select/index.js +1 -1
- package/build/components/SortableList/components/DragHandle/index.js +1 -1
- package/build/components/SortableList/index.js +1 -1
- package/build/components/Switch/index.js +1 -1
- package/build/components/Tabs/components/Tab/index.js +1 -1
- package/build/components/Tabs/index.js +1 -1
- package/build/components/TabsLayout/index.js +1 -1
- package/build/components/TextInput/index.js +1 -1
- package/build/components/Textarea/index.js +1 -1
- package/build/components/TimePicker/index.js +1 -1
- package/build/components/TimeRange/index.js +1 -1
- package/build/components/Toast/index.js +1 -1
- package/build/components/index.js +1 -1
- package/build/{conversationCard.component-461817c2.js → conversationCard.component-8cf3cb66.js} +2 -2
- package/build/{conversationCard.component-461817c2.js.map → conversationCard.component-8cf3cb66.js.map} +1 -1
- package/build/{datepicker.component-99f9007e.js → datepicker.component-c38c1102.js} +2 -2
- package/build/{datepicker.component-99f9007e.js.map → datepicker.component-c38c1102.js.map} +1 -1
- package/build/dragHandle.component-87559e3a.js +2 -0
- package/build/{dragHandle.component-4180e134.js.map → dragHandle.component-87559e3a.js.map} +1 -1
- package/build/{icon.component-8fca09a3.js → icon.component-8d0ca544.js} +1 -1
- package/build/{icon.component-8fca09a3.js.map → icon.component-8d0ca544.js.map} +1 -1
- package/build/icons/index.d.ts +1 -1
- package/build/icons/index.js +1 -1
- package/build/icons/index.js.map +1 -1
- package/build/{index-c47ce06b.js → index-8fecff45.js} +1 -1
- package/build/{index-c47ce06b.js.map → index-8fecff45.js.map} +1 -1
- package/build/index.js +1 -1
- package/build/{link.component-a60b8009.js → link.component-a45bd0f4.js} +2 -2
- package/build/{link.component-a60b8009.js.map → link.component-a45bd0f4.js.map} +1 -1
- package/build/{menu.component-76107342.js → menu.component-6addfd4a.js} +2 -2
- package/build/{menu.component-76107342.js.map → menu.component-6addfd4a.js.map} +1 -1
- package/build/{menuButton.component-12b5fa03.js → menuButton.component-4552e39b.js} +2 -2
- package/build/{menuButton.component-12b5fa03.js.map → menuButton.component-4552e39b.js.map} +1 -1
- package/build/{menuItem.component-d31b4803.js → menuItem.component-5d94368e.js} +2 -2
- package/build/{menuItem.component-d31b4803.js.map → menuItem.component-5d94368e.js.map} +1 -1
- package/build/{menuList.component-d7f4a7ff.js → menuList.component-1f658cfe.js} +2 -2
- package/build/{menuList.component-d7f4a7ff.js.map → menuList.component-1f658cfe.js.map} +1 -1
- package/build/{modalBody.component-bbf482ce.js → modalBody.component-64a6b636.js} +2 -2
- package/build/{modalBody.component-bbf482ce.js.map → modalBody.component-64a6b636.js.map} +1 -1
- package/build/modalCloseButton.component-b8750057.js +2 -0
- package/build/{modalCloseButton.component-3e2893c2.js.map → modalCloseButton.component-b8750057.js.map} +1 -1
- package/build/{modalExpandButton.component-b2298efc.js → modalExpandButton.component-e82f4fca.js} +2 -2
- package/build/{modalExpandButton.component-b2298efc.js.map → modalExpandButton.component-e82f4fca.js.map} +1 -1
- package/build/{modalFooter.component-15697294.js → modalFooter.component-87129be4.js} +2 -2
- package/build/{modalFooter.component-15697294.js.map → modalFooter.component-87129be4.js.map} +1 -1
- package/build/{modalFooterButtons.component-ff5a744a.js → modalFooterButtons.component-43364bf5.js} +2 -2
- package/build/{modalFooterButtons.component-ff5a744a.js.map → modalFooterButtons.component-43364bf5.js.map} +1 -1
- package/build/{modalHeader.component-cd4f489b.js → modalHeader.component-5876efa7.js} +2 -2
- package/build/{modalHeader.component-cd4f489b.js.map → modalHeader.component-5876efa7.js.map} +1 -1
- package/build/patterns/ConversationCard/index.js +1 -1
- package/build/patterns/StyledAvatar/index.js +1 -1
- package/build/patterns/TagBlock/index.js +1 -1
- package/build/patterns/index.js +1 -1
- package/build/{popover.component-1f2af454.js → popover.component-902fefb6.js} +2 -2
- package/build/{popover.component-1f2af454.js.map → popover.component-902fefb6.js.map} +1 -1
- package/build/{popoverFooter.component-ce63a294.js → popoverFooter.component-c68647aa.js} +2 -2
- package/build/{popoverFooter.component-ce63a294.js.map → popoverFooter.component-c68647aa.js.map} +1 -1
- package/build/{popoverHeader.component-d397c037.js → popoverHeader.component-8d58bacd.js} +2 -2
- package/build/{popoverHeader.component-d397c037.js.map → popoverHeader.component-8d58bacd.js.map} +1 -1
- package/build/{radioGroup.component-f070a4be.js → radioGroup.component-32f61d36.js} +2 -2
- package/build/{radioGroup.component-f070a4be.js.map → radioGroup.component-32f61d36.js.map} +1 -1
- package/build/{select.component-180e4c49.js → select.component-455fdcbd.js} +2 -2
- package/build/{select.component-180e4c49.js.map → select.component-455fdcbd.js.map} +1 -1
- package/build/{styledAvatar.types-ce7a7adb.js → styledAvatar.types-2540b39f.js} +2 -2
- package/build/{styledAvatar.types-ce7a7adb.js.map → styledAvatar.types-2540b39f.js.map} +1 -1
- package/build/{switch.component-502828b6.js → switch.component-b10c0f86.js} +2 -2
- package/build/{switch.component-502828b6.js.map → switch.component-b10c0f86.js.map} +1 -1
- package/build/{tab.component-f8d9cbe2.js → tab.component-bf82a8a4.js} +2 -2
- package/build/{tab.component-f8d9cbe2.js.map → tab.component-bf82a8a4.js.map} +1 -1
- package/build/{tabs.component-4cc8d121.js → tabs.component-7130dcff.js} +2 -2
- package/build/{tabs.component-4cc8d121.js.map → tabs.component-7130dcff.js.map} +1 -1
- package/build/{tabsLayout.component-ce3d001f.js → tabsLayout.component-87f867f4.js} +2 -2
- package/build/{tabsLayout.component-ce3d001f.js.map → tabsLayout.component-87f867f4.js.map} +1 -1
- package/build/{tagBlock.component-b656f24e.js → tagBlock.component-995091dd.js} +2 -2
- package/build/{tagBlock.component-b656f24e.js.map → tagBlock.component-995091dd.js.map} +1 -1
- package/build/{textInput.component-03cdf2a9.js → textInput.component-daebc8ef.js} +2 -2
- package/build/{textInput.component-03cdf2a9.js.map → textInput.component-daebc8ef.js.map} +1 -1
- package/build/{textarea.component-e62b5ac2.js → textarea.component-4975fe4e.js} +2 -2
- package/build/{textarea.component-e62b5ac2.js.map → textarea.component-4975fe4e.js.map} +1 -1
- package/build/theme/index.js +1 -1
- package/build/theme/tokens/colors/index.js +1 -1
- package/build/theme/tokens/index.js +1 -1
- package/build/{theme.provider-774244a4.js → theme.provider-6802032a.js} +2 -2
- package/build/{theme.provider-774244a4.js.map → theme.provider-6802032a.js.map} +1 -1
- package/build/{timePicker.component-c5df3bfb.js → timePicker.component-6265ee22.js} +2 -2
- package/build/{timePicker.component-c5df3bfb.js.map → timePicker.component-6265ee22.js.map} +1 -1
- package/build/{timeRange.component-78df9aac.js → timeRange.component-a5b363c7.js} +2 -2
- package/build/{timeRange.component-78df9aac.js.map → timeRange.component-a5b363c7.js.map} +1 -1
- package/build/{useExpandButton-9cffadc3.js → useExpandButton-478244d5.js} +2 -2
- package/build/{useExpandButton-9cffadc3.js.map → useExpandButton-478244d5.js.map} +1 -1
- package/build/{useToast-567c9d25.js → useToast-6a6f0bf3.js} +2 -2
- package/build/{useToast-567c9d25.js.map → useToast-6a6f0bf3.js.map} +1 -1
- package/build/{withFormControl-7a1e24fb.js → withFormControl-a4a73b4d.js} +2 -2
- package/build/{withFormControl-7a1e24fb.js.map → withFormControl-a4a73b4d.js.map} +1 -1
- package/package.json +1 -1
- package/build/avatarGroup.component-2e4d7707.js +0 -2
- package/build/button.component-c427cfcc.js +0 -2
- package/build/checkboxGroup.component-1d74ce5c.js +0 -2
- package/build/dragHandle.component-4180e134.js +0 -2
- package/build/icons/FormsFilled.d.ts +0 -10
- package/build/modalCloseButton.component-3e2893c2.js +0 -2
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../radioGroup.component-
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../radioGroup.component-32f61d36.js");require("../../tslib.es6-d6f17add.js"),require("react"),require("../../withFormControl-a4a73b4d.js"),require("../../useTheme-ee73b181.js"),require("../../chakra-ui-system.esm-434904f8.js"),require("../../icon.component-8d0ca544.js"),require("../../icons/index.js"),require("../../chakra-ui-layout.esm-0601b9a5.js"),require("../../chakra-ui-icon.esm-e3ed2ec9.js"),require("../../text.component-a1231840.js"),require("../../withTruncation-19e872ac.js"),require("../../tooltip.component-e2205174.js"),require("../../chakra-ui-popper.esm-b9439d86.js"),require("../../chakra-ui-portal.esm-309fc8f3.js"),require("../../chakra-ui-hooks.esm-20b27af2.js"),require("../../use-animation-state-5054a9f7.esm-ffd221fb.js"),require("react-dom"),require("../../chakra-ui-visually-hidden.esm-9f62b36b.js"),require("../../motion-7de675ca.js"),require("../../index-5a9be08d.js"),require("../../chakra-ui-form-control.esm-b138a4e1.js"),require("../../radio.component-1c03819e.js"),require("../../chakra-ui-radio.esm-bd0e90ff.js"),exports.RadioGroup=e.WrappedRadioGroup;
|
|
2
2
|
//# sourceMappingURL=index.js.map
|
|
@@ -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-455fdcbd.js");require("../../tslib.es6-d6f17add.js"),require("react"),require("../../menuContainer.component-34ab3f3f.js"),require("../../menu.context-66211f5a.js"),require("../../chakra-ui-menu.esm-bb35ab5f.js"),require("../../chakra-ui-system.esm-434904f8.js"),require("../../chakra-ui-clickable.esm-44971157.js"),require("../../chakra-ui-hooks.esm-20b27af2.js"),require("../../use-animation-state-5054a9f7.esm-ffd221fb.js"),require("../../chakra-ui-popper.esm-b9439d86.js"),require("../../motion-7de675ca.js"),require("../../withFormControl-a4a73b4d.js"),require("../../useTheme-ee73b181.js"),require("../../icon.component-8d0ca544.js"),require("../../icons/index.js"),require("../../chakra-ui-layout.esm-0601b9a5.js"),require("../../chakra-ui-icon.esm-e3ed2ec9.js"),require("../../text.component-a1231840.js"),require("../../withTruncation-19e872ac.js"),require("../../tooltip.component-e2205174.js"),require("../../chakra-ui-portal.esm-309fc8f3.js"),require("react-dom"),require("../../chakra-ui-visually-hidden.esm-9f62b36b.js"),require("../../index-5a9be08d.js"),require("../../chakra-ui-form-control.esm-b138a4e1.js"),require("../../menuList.component-1f658cfe.js"),require("../../heading.component-8febedd1.js"),require("../../menuItem.component-5d94368e.js"),require("../../menu.config-78717999.js"),require("../../checkbox.component-ca33f17c.js"),require("../../chakra-ui-checkbox.esm-a616aab9.js"),require("../../textInput.component-daebc8ef.js"),require("../../button.component-15b49687.js"),require("../../chakra-ui-button.esm-ef745168.js"),require("../../chakra-ui-input.esm-de5d4e45.js"),require("../../spinner.component-e13e6346.js"),require("../../chakra-ui-select.esm-e7128fb0.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("../../../../dragHandle.component-
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../../dragHandle.component-87559e3a.js");require("../../../../tslib.es6-d6f17add.js"),require("react"),require("../../../../sortableItem.context-5bba7c97.js"),require("../../../../core.esm-3a85aed4.js"),require("react-dom"),require("../../../../button.component-15b49687.js"),require("../../../../icon.component-8d0ca544.js"),require("../../../../icons/index.js"),require("../../../../chakra-ui-layout.esm-0601b9a5.js"),require("../../../../chakra-ui-system.esm-434904f8.js"),require("../../../../chakra-ui-icon.esm-e3ed2ec9.js"),require("../../../../chakra-ui-button.esm-ef745168.js"),require("../../../../chakra-ui-hooks.esm-20b27af2.js"),require("../../../../use-animation-state-5054a9f7.esm-ffd221fb.js"),require("../../../../chakra-ui-visually-hidden.esm-9f62b36b.js"),exports.DragHandle=e.DragHandle;
|
|
2
2
|
//# sourceMappingURL=index.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../dragHandle.component-
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../dragHandle.component-87559e3a.js"),r=require("../../sortableItem.component-5ffbdefe.js"),s=require("../../sortableOverlay.component-39d84330.js"),a=require("../../sortableList.component-15455cc0.js");require("../../tslib.es6-d6f17add.js"),require("react"),require("../../sortableItem.context-5bba7c97.js"),require("../../core.esm-3a85aed4.js"),require("react-dom"),require("../../button.component-15b49687.js"),require("../../icon.component-8d0ca544.js"),require("../../icons/index.js"),require("../../chakra-ui-layout.esm-0601b9a5.js"),require("../../chakra-ui-system.esm-434904f8.js"),require("../../chakra-ui-icon.esm-e3ed2ec9.js"),require("../../chakra-ui-button.esm-ef745168.js"),require("../../chakra-ui-hooks.esm-20b27af2.js"),require("../../use-animation-state-5054a9f7.esm-ffd221fb.js"),require("../../chakra-ui-visually-hidden.esm-9f62b36b.js"),require("../../sortable.esm-53c38ebd.js"),exports.DragHandle=e.DragHandle,exports.SortableItem=r.SortableItem,exports.SortableOverlay=s.SortableOverlay,exports.SortableList=a.SortableList;
|
|
2
2
|
//# sourceMappingURL=index.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../switch.component-
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../switch.component-b10c0f86.js");require("../../tslib.es6-d6f17add.js"),require("react"),require("../../withFormControl-a4a73b4d.js"),require("../../useTheme-ee73b181.js"),require("../../chakra-ui-system.esm-434904f8.js"),require("../../icon.component-8d0ca544.js"),require("../../icons/index.js"),require("../../chakra-ui-layout.esm-0601b9a5.js"),require("../../chakra-ui-icon.esm-e3ed2ec9.js"),require("../../text.component-a1231840.js"),require("../../withTruncation-19e872ac.js"),require("../../tooltip.component-e2205174.js"),require("../../chakra-ui-popper.esm-b9439d86.js"),require("../../chakra-ui-portal.esm-309fc8f3.js"),require("../../chakra-ui-hooks.esm-20b27af2.js"),require("../../use-animation-state-5054a9f7.esm-ffd221fb.js"),require("react-dom"),require("../../chakra-ui-visually-hidden.esm-9f62b36b.js"),require("../../motion-7de675ca.js"),require("../../index-5a9be08d.js"),require("../../chakra-ui-form-control.esm-b138a4e1.js"),require("../../chakra-ui-checkbox.esm-a616aab9.js"),exports.Switch=e.WrappedSwitch;
|
|
2
2
|
//# sourceMappingURL=index.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../../tab.component-
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../../tab.component-bf82a8a4.js");require("../../../../tslib.es6-d6f17add.js"),require("../../../../notificationCounter.component-bf1cf6b8.js"),require("react"),require("../../../../notificationCounter.types-799d7b6c.js"),require("../../../../chakra-ui-layout.esm-0601b9a5.js"),require("../../../../chakra-ui-system.esm-434904f8.js"),require("../../../../chakra-ui-icon.esm-e3ed2ec9.js"),require("../../../../icon.component-8d0ca544.js"),require("../../../../icons/index.js"),require("../../../../heading.component-8febedd1.js"),require("../../../../withTruncation-19e872ac.js"),require("../../../../tooltip.component-e2205174.js"),require("../../../../chakra-ui-popper.esm-b9439d86.js"),require("../../../../chakra-ui-portal.esm-309fc8f3.js"),require("../../../../chakra-ui-hooks.esm-20b27af2.js"),require("../../../../use-animation-state-5054a9f7.esm-ffd221fb.js"),require("react-dom"),require("../../../../chakra-ui-visually-hidden.esm-9f62b36b.js"),require("../../../../motion-7de675ca.js"),require("../../../../index-5a9be08d.js"),require("../../../../chakra-ui-tabs.esm-91de32e1.js"),require("../../../../chakra-ui-clickable.esm-44971157.js"),exports.Tab=e.Tab;
|
|
2
2
|
//# sourceMappingURL=index.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../tab.component-
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../tab.component-bf82a8a4.js"),r=require("../../tabs.component-7130dcff.js");require("../../tslib.es6-d6f17add.js"),require("../../notificationCounter.component-bf1cf6b8.js"),require("react"),require("../../notificationCounter.types-799d7b6c.js"),require("../../chakra-ui-layout.esm-0601b9a5.js"),require("../../chakra-ui-system.esm-434904f8.js"),require("../../chakra-ui-icon.esm-e3ed2ec9.js"),require("../../icon.component-8d0ca544.js"),require("../../icons/index.js"),require("../../heading.component-8febedd1.js"),require("../../withTruncation-19e872ac.js"),require("../../tooltip.component-e2205174.js"),require("../../chakra-ui-popper.esm-b9439d86.js"),require("../../chakra-ui-portal.esm-309fc8f3.js"),require("../../chakra-ui-hooks.esm-20b27af2.js"),require("../../use-animation-state-5054a9f7.esm-ffd221fb.js"),require("react-dom"),require("../../chakra-ui-visually-hidden.esm-9f62b36b.js"),require("../../motion-7de675ca.js"),require("../../index-5a9be08d.js"),require("../../chakra-ui-tabs.esm-91de32e1.js"),require("../../chakra-ui-clickable.esm-44971157.js"),exports.Tab=e.Tab,exports.Tabs=r.Tabs;
|
|
2
2
|
//# sourceMappingURL=index.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../tabsLayout.component-
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../tabsLayout.component-87f867f4.js");require("react"),require("../../tabs.component-7130dcff.js"),require("../../tslib.es6-d6f17add.js"),require("../../tab.component-bf82a8a4.js"),require("../../notificationCounter.component-bf1cf6b8.js"),require("../../notificationCounter.types-799d7b6c.js"),require("../../chakra-ui-layout.esm-0601b9a5.js"),require("../../chakra-ui-system.esm-434904f8.js"),require("../../chakra-ui-icon.esm-e3ed2ec9.js"),require("../../icon.component-8d0ca544.js"),require("../../icons/index.js"),require("../../heading.component-8febedd1.js"),require("../../withTruncation-19e872ac.js"),require("../../tooltip.component-e2205174.js"),require("../../chakra-ui-popper.esm-b9439d86.js"),require("../../chakra-ui-portal.esm-309fc8f3.js"),require("../../chakra-ui-hooks.esm-20b27af2.js"),require("../../use-animation-state-5054a9f7.esm-ffd221fb.js"),require("react-dom"),require("../../chakra-ui-visually-hidden.esm-9f62b36b.js"),require("../../motion-7de675ca.js"),require("../../index-5a9be08d.js"),require("../../chakra-ui-tabs.esm-91de32e1.js"),require("../../chakra-ui-clickable.esm-44971157.js"),exports.TabsLayout=e.TabsLayout;
|
|
2
2
|
//# sourceMappingURL=index.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../textInput.component-
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../textInput.component-daebc8ef.js");require("../../tslib.es6-d6f17add.js"),require("react"),require("../../withFormControl-a4a73b4d.js"),require("../../useTheme-ee73b181.js"),require("../../chakra-ui-system.esm-434904f8.js"),require("../../icon.component-8d0ca544.js"),require("../../icons/index.js"),require("../../chakra-ui-layout.esm-0601b9a5.js"),require("../../chakra-ui-icon.esm-e3ed2ec9.js"),require("../../text.component-a1231840.js"),require("../../withTruncation-19e872ac.js"),require("../../tooltip.component-e2205174.js"),require("../../chakra-ui-popper.esm-b9439d86.js"),require("../../chakra-ui-portal.esm-309fc8f3.js"),require("../../chakra-ui-hooks.esm-20b27af2.js"),require("../../use-animation-state-5054a9f7.esm-ffd221fb.js"),require("react-dom"),require("../../chakra-ui-visually-hidden.esm-9f62b36b.js"),require("../../motion-7de675ca.js"),require("../../index-5a9be08d.js"),require("../../chakra-ui-form-control.esm-b138a4e1.js"),require("../../button.component-15b49687.js"),require("../../chakra-ui-button.esm-ef745168.js"),require("../../chakra-ui-input.esm-de5d4e45.js"),exports.TextInput=e.WrappedTextInput;
|
|
2
2
|
//# sourceMappingURL=index.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../textarea.component-
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../textarea.component-4975fe4e.js");require("../../tslib.es6-d6f17add.js"),require("react"),require("../../withFormControl-a4a73b4d.js"),require("../../useTheme-ee73b181.js"),require("../../chakra-ui-system.esm-434904f8.js"),require("../../icon.component-8d0ca544.js"),require("../../icons/index.js"),require("../../chakra-ui-layout.esm-0601b9a5.js"),require("../../chakra-ui-icon.esm-e3ed2ec9.js"),require("../../text.component-a1231840.js"),require("../../withTruncation-19e872ac.js"),require("../../tooltip.component-e2205174.js"),require("../../chakra-ui-popper.esm-b9439d86.js"),require("../../chakra-ui-portal.esm-309fc8f3.js"),require("../../chakra-ui-hooks.esm-20b27af2.js"),require("../../use-animation-state-5054a9f7.esm-ffd221fb.js"),require("react-dom"),require("../../chakra-ui-visually-hidden.esm-9f62b36b.js"),require("../../motion-7de675ca.js"),require("../../index-5a9be08d.js"),require("../../chakra-ui-form-control.esm-b138a4e1.js"),require("../../chakra-ui-textarea.esm-d82076ec.js"),exports.Textarea=e.WrappedTextArea;
|
|
2
2
|
//# sourceMappingURL=index.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../timePicker.component-
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../timePicker.component-6265ee22.js"),r=require("../../timePicker.types-eedca939.js");require("react"),require("../../icon.component-8d0ca544.js"),require("../../tslib.es6-d6f17add.js"),require("../../icons/index.js"),require("../../chakra-ui-layout.esm-0601b9a5.js"),require("../../chakra-ui-system.esm-434904f8.js"),require("../../chakra-ui-icon.esm-e3ed2ec9.js"),require("../../popover.component-902fefb6.js"),require("../../popoverHeader.component-8d58bacd.js"),require("../../heading.component-8febedd1.js"),require("../../withTruncation-19e872ac.js"),require("../../tooltip.component-e2205174.js"),require("../../chakra-ui-popper.esm-b9439d86.js"),require("../../chakra-ui-portal.esm-309fc8f3.js"),require("../../chakra-ui-hooks.esm-20b27af2.js"),require("../../use-animation-state-5054a9f7.esm-ffd221fb.js"),require("react-dom"),require("../../chakra-ui-visually-hidden.esm-9f62b36b.js"),require("../../motion-7de675ca.js"),require("../../index-5a9be08d.js"),require("../../button.component-15b49687.js"),require("../../chakra-ui-button.esm-ef745168.js"),require("../../chakra-ui-popover.esm-d21bf3b5.js"),require("../../popoverFooter.component-c68647aa.js"),require("../../text.component-a1231840.js"),require("../../index-7708e04e.js"),require("../../textInput.component-daebc8ef.js"),require("../../withFormControl-a4a73b4d.js"),require("../../useTheme-ee73b181.js"),require("../../chakra-ui-form-control.esm-b138a4e1.js"),require("../../chakra-ui-input.esm-de5d4e45.js"),require("../../useIconTextSizeMap-301c4f35.js"),exports.TimePicker=e.TimePicker,Object.defineProperty(exports,"Meridiem",{enumerable:!0,get:function(){return r.Meridiem}});
|
|
2
2
|
//# sourceMappingURL=index.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../timeRange.component-
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../timeRange.component-a5b363c7.js");require("react"),require("../../timePicker.component-6265ee22.js"),require("../../icon.component-8d0ca544.js"),require("../../tslib.es6-d6f17add.js"),require("../../icons/index.js"),require("../../chakra-ui-layout.esm-0601b9a5.js"),require("../../chakra-ui-system.esm-434904f8.js"),require("../../chakra-ui-icon.esm-e3ed2ec9.js"),require("../../popover.component-902fefb6.js"),require("../../popoverHeader.component-8d58bacd.js"),require("../../heading.component-8febedd1.js"),require("../../withTruncation-19e872ac.js"),require("../../tooltip.component-e2205174.js"),require("../../chakra-ui-popper.esm-b9439d86.js"),require("../../chakra-ui-portal.esm-309fc8f3.js"),require("../../chakra-ui-hooks.esm-20b27af2.js"),require("../../use-animation-state-5054a9f7.esm-ffd221fb.js"),require("react-dom"),require("../../chakra-ui-visually-hidden.esm-9f62b36b.js"),require("../../motion-7de675ca.js"),require("../../index-5a9be08d.js"),require("../../button.component-15b49687.js"),require("../../chakra-ui-button.esm-ef745168.js"),require("../../chakra-ui-popover.esm-d21bf3b5.js"),require("../../popoverFooter.component-c68647aa.js"),require("../../text.component-a1231840.js"),require("../../index-7708e04e.js"),require("../../textInput.component-daebc8ef.js"),require("../../withFormControl-a4a73b4d.js"),require("../../useTheme-ee73b181.js"),require("../../chakra-ui-form-control.esm-b138a4e1.js"),require("../../chakra-ui-input.esm-de5d4e45.js"),require("../../timePicker.types-eedca939.js"),require("../../useIconTextSizeMap-301c4f35.js"),exports.TimeRange=e.TimeRange;
|
|
2
2
|
//# sourceMappingURL=index.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../useToast-
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../useToast-6a6f0bf3.js");require("../../tslib.es6-d6f17add.js"),require("react"),require("../../chakra-ui-system.esm-434904f8.js"),require("../../chakra-ui-theme.esm-23420bf9.js"),require("../../chakra-ui-hooks.esm-20b27af2.js"),require("../../use-animation-state-5054a9f7.esm-ffd221fb.js"),require("../../alert.component-4d48d218.js"),require("../../button.component-15b49687.js"),require("../../icon.component-8d0ca544.js"),require("../../icons/index.js"),require("../../chakra-ui-layout.esm-0601b9a5.js"),require("../../chakra-ui-icon.esm-e3ed2ec9.js"),require("../../chakra-ui-button.esm-ef745168.js"),require("../../chakra-ui-visually-hidden.esm-9f62b36b.js"),require("../../heading.component-8febedd1.js"),require("../../withTruncation-19e872ac.js"),require("../../tooltip.component-e2205174.js"),require("../../chakra-ui-popper.esm-b9439d86.js"),require("../../chakra-ui-portal.esm-309fc8f3.js"),require("react-dom"),require("../../motion-7de675ca.js"),require("../../index-5a9be08d.js"),require("../../text.component-a1231840.js"),require("../../chakra-ui-alert.esm-a086e23c.js"),require("../../useTheme-ee73b181.js"),require("../../index-8fecff45.js"),exports.useToast=e.useToast;
|
|
2
2
|
//# sourceMappingURL=index.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../alert.component-
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../alert.component-4d48d218.js"),r=require("../avatar.component-dd61be1f.js"),o=require("../avatar.types-a4f5868a.js"),t=require("../avatarGroup.component-50a37594.js"),a=require("../button.component-15b49687.js"),s=require("../button.types-f42b599b.js"),i=require("../card.component-04437e79.js"),n=require("../checkbox.component-ca33f17c.js"),p=require("../checkboxGroup.component-7a918704.js"),u=require("../datepicker.component-c38c1102.js"),c=require("../_baseGetTag-7b5fc763.js"),d=require("../heading.component-8febedd1.js"),m=require("../heading.types-b6ca7d59.js"),x=require("../icon.component-8d0ca544.js"),j=require("../link.component-a45bd0f4.js"),q=require("../logo.component-e2cf4d68.js"),b=require("../menuButton.component-4552e39b.js"),f=require("../menuContainer.component-34ab3f3f.js"),l=require("../menuItem.component-5d94368e.js"),h=require("../menuList.component-1f658cfe.js"),k=require("../menu.component-6addfd4a.js"),v=require("../modalBody.component-64a6b636.js"),S=require("../modalCloseButton.component-b8750057.js"),g=require("../modalExpandButton.component-e82f4fca.js"),M=require("../modalFooter.component-87129be4.js"),T=require("../modalFooterButtons.component-43364bf5.js"),y=require("../modalHeader.component-5876efa7.js"),z=require("../useExpandButton-478244d5.js"),B=require("../notificationCounter.component-bf1cf6b8.js"),P=require("../notificationCounter.types-799d7b6c.js"),C=require("../picture.component-daf0e558.js"),I=require("../popoverFooter.component-c68647aa.js"),D=require("../popoverHeader.component-8d58bacd.js"),L=require("../popover.component-902fefb6.js"),w=require("../popover.types-bc105ea7.js"),F=require("../radio.component-1c03819e.js"),H=require("../radioGroup.component-32f61d36.js"),R=require("../ratingDot.component-4b3f6639.js"),G=require("../ratingDots.component-b68ac49d.js"),W=require("../select.component-455fdcbd.js"),V=require("../dragHandle.component-87559e3a.js"),A=require("../sortableItem.component-5ffbdefe.js"),O=require("../sortableOverlay.component-39d84330.js"),E=require("../sortableList.component-15455cc0.js"),N=require("../spinner.component-e13e6346.js"),_=require("../spinner.types-9d350e31.js"),J=require("../swatch.component-026bccba.js"),K=require("../switch.component-b10c0f86.js"),Q=require("../tab.component-bf82a8a4.js"),U=require("../tabs.component-7130dcff.js"),X=require("../tabsLayout.component-87f867f4.js"),Y=require("../tag.component-e5da4b8d.js"),Z=require("../tag.types-71e7699b.js"),$=require("../text.component-a1231840.js"),ee=require("../text.types-fef8ead3.js"),re=require("../textarea.component-4975fe4e.js"),oe=require("../textInput.component-daebc8ef.js"),te=require("../timePicker.component-6265ee22.js"),ae=require("../timePicker.types-eedca939.js"),se=require("../timeRange.component-a5b363c7.js"),ie=require("../useToast-6a6f0bf3.js"),ne=require("../tooltip.component-e2205174.js");require("../tslib.es6-d6f17add.js"),require("react"),require("../chakra-ui-layout.esm-0601b9a5.js"),require("../chakra-ui-system.esm-434904f8.js"),require("../chakra-ui-icon.esm-e3ed2ec9.js"),require("../chakra-ui-alert.esm-a086e23c.js"),require("../chakra-ui-avatar.esm-3ef01808.js"),require("../chakra-ui-image.esm-2b438d18.js"),require("../use-animation-state-5054a9f7.esm-ffd221fb.js"),require("../chakra-ui-button.esm-ef745168.js"),require("../chakra-ui-hooks.esm-20b27af2.js"),require("../chakra-ui-visually-hidden.esm-9f62b36b.js"),require("../withFormControl-a4a73b4d.js"),require("../useTheme-ee73b181.js"),require("../chakra-ui-form-control.esm-b138a4e1.js"),require("../chakra-ui-checkbox.esm-a616aab9.js"),require("../motion-7de675ca.js"),require("../index-5a9be08d.js"),require("../index-ebcb699d.js"),require("../index-7708e04e.js"),require("../chakra-ui-popover.esm-d21bf3b5.js"),require("../chakra-ui-popper.esm-b9439d86.js"),require("../withTruncation-19e872ac.js"),require("../icons/index.js"),require("../useIconTextSizeMap-301c4f35.js"),require("../chakra-ui-menu.esm-bb35ab5f.js"),require("../chakra-ui-clickable.esm-44971157.js"),require("../menu.context-66211f5a.js"),require("../menu.config-78717999.js"),require("../chakra-ui-portal.esm-309fc8f3.js"),require("react-dom"),require("../chakra-ui-modal.esm-2c76cb7b.js"),require("../index-8fecff45.js"),require("../inheritsLoose-490721fe.js"),require("../chakra-ui-media-query.esm-d370ebec.js"),require("../chakra-ui-radio.esm-bd0e90ff.js"),require("../chakra-ui-select.esm-e7128fb0.js"),require("../sortableItem.context-5bba7c97.js"),require("../core.esm-3a85aed4.js"),require("../sortable.esm-53c38ebd.js"),require("../chakra-ui-tabs.esm-91de32e1.js"),require("../chakra-ui-textarea.esm-d82076ec.js"),require("../chakra-ui-input.esm-de5d4e45.js"),require("../chakra-ui-theme.esm-23420bf9.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=f.MenuContainer,exports.MenuItem=l.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/{conversationCard.component-461817c2.js → conversationCard.component-8cf3cb66.js}
RENAMED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";var e=require("react"),t=require("./card.component-04437e79.js"),a=require("./timestamp.component-16be4ef2.js"),n=require("./notificationCounter.component-bf1cf6b8.js");require("./notificationCounter.types-799d7b6c.js");var o=require("./icon.component-
|
|
2
|
-
//# sourceMappingURL=conversationCard.component-
|
|
1
|
+
"use strict";var e=require("react"),t=require("./card.component-04437e79.js"),a=require("./timestamp.component-16be4ef2.js"),n=require("./notificationCounter.component-bf1cf6b8.js");require("./notificationCounter.types-799d7b6c.js");var o=require("./icon.component-8d0ca544.js"),r=require("./heading.component-8febedd1.js"),s=require("./text.component-a1231840.js"),i=require("./avatar.component-dd61be1f.js"),l=require("./tooltip.component-e2205174.js"),c=require("./chakra-ui-layout.esm-0601b9a5.js"),d=require("./button.component-15b49687.js");require("./menu.context-66211f5a.js"),require("./checkbox.component-ca33f17c.js"),require("./textInput.component-daebc8ef.js"),require("./spinner.component-e13e6346.js");var u=require("./menu.component-6addfd4a.js"),m=require("./tslib.es6-d6f17add.js"),p=require("./tag.component-e5da4b8d.js");function f(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var v=f(e);const C=({avatars:e,max:t=1,onAvatarGroupClick:a,tooltipLabel:n})=>v.default.createElement(l.Tooltip,{label:n||"",isDisabled:!(null==n?void 0:n.length)},v.default.createElement(c.Flex,{className:"ConversationCardAvatarGroup__Container",align:"flex-start",justify:"flex-start"},t&&e.length>t?v.default.createElement(i.Avatar,{onClick:e=>{e.stopPropagation(),a&&a(e)},cursor:"pointer",name:e.length.toString(),showTooltip:!1}):v.default.createElement(v.default.Fragment,null,e.map((e=>e))))),b=({avatarGroupProps:e,timestampProps:t,isHoveringCard:i,isCardPinned:l,title:d,showNotificationIndicator:u,subtitle:m})=>v.default.createElement(c.HStack,{className:"ConversationCard__Header",justify:"space-between",align:"flex-start"},v.default.createElement(c.HStack,{className:"ConversationCard__Header--Left",cursor:"pointer"},e&&v.default.createElement(C,Object.assign({},e,{tooltipLabel:(null==e?void 0:e.tooltipLabel)||d})),v.default.createElement(c.VStack,{className:"ConversationCard__HeaderText",justify:"center",align:"left",spacing:"0"},v.default.createElement(r.WrappedHeading,{className:"ConversationCard__HeaderText--Title",size:"sm",isTruncated:!0},d),m&&v.default.createElement(s.WrappedText,{className:"ConversationCard__HeaderNamesText--Subtitle",as:"p",size:"sm",variant:"subtle",isTruncated:!0},m))),v.default.createElement(c.HStack,{className:"ConversationCard__Header--Right",visibility:i?"hidden":"visible",align:"center",spacing:1},v.default.createElement(a.Timestamp,Object.assign({},t)),u&&v.default.createElement(c.Box,{as:"span",className:"ConversationCard__HeaderNotificationCounter","data-testid":"conversation-card-unread-indicator"},v.default.createElement(n.NotificationCounter,{size:"xs"})),l&&v.default.createElement(c.Flex,{"data-testid":"conversation-card-pinned-icon"},v.default.createElement(o.Icon,{size:"md",variant:"info",name:"pin"})))),g=({overlayProps:e,pinProps:t,headerMenuProps:a,isHovering:n,setIsHovering:r})=>{const{isOpenInOverlay:s,openInOverlay:i}=e||{},{isPinned:l,togglePin:m}=t||{},{listProps:p}=a||{},f=l?"pinCancel":"pin";return v.default.createElement(c.HStack,{className:"ConversationCard__Menu",spacing:1},e&&v.default.createElement(d.Button,{"data-testid":"conversation-card-overlay-icon-button",variant:"secondarySubtle",borderRadius:"sm",isActive:s,onClick:()=>{i&&i(),n&&r(!1)},iconName:"popup",size:"sm"}),t&&v.default.createElement(d.Button,{"data-testid":"conversation-card-pin-toggle-icon-button",variant:l?"secondarySubtleDestructive":"secondarySubtle",borderRadius:"sm",onClick:()=>{m&&m(!l),n&&r(!1)},iconName:f,size:"sm"}),a&&v.default.createElement(u.Menu,Object.assign({buttonProps:a.buttonProps||{variant:"secondarySubtle",size:"sm",borderRadius:"sm",leftIconName:"dotsVertical",showRightIcon:!1},closeOnSelect:!1,isLazy:!0},a,{listProps:Object.assign(Object.assign({},p),{menuItems:[...t?[{"data-testid":"conversation-card-pin-toggle-dropdown-button",label:(l?"Unpin":"Pin")+" Conversation",value:"PinConversation",variant:l?"danger":"default",leftElement:v.default.createElement(o.Icon,{size:"md",variant:l?"danger":"default",name:f}),onSelect:()=>{m&&m(!l)}}]:[],...(null==p?void 0:p.menuItems)||[]]})})))},E=({tags:e})=>v.default.createElement(c.Box,{className:"ConversationCard__Tags",mt:3},v.default.createElement(c.Wrap,{spacing:"6px"},e.map((e=>{const t=m.__rest(e,["tooltipContent"]);let a=v.default.createElement(p.Tag,Object.assign({closeButtonDisplay:"hover"},t,{size:"sm",textTransform:"capitalize"}));return e.tooltipContent&&(a=v.default.createElement(l.Tooltip,{label:e.tooltipContent,placement:"top"},v.default.createElement(c.Box,null,a))),v.default.createElement(c.WrapItem,{key:e.label},a)})))),P=({iconProps:e,content:t,contentProps:a})=>{const n="string"==typeof t?v.default.createElement(s.WrappedText,Object.assign({className:"ConversationCard__Footer--Message",as:"p",size:"sm",variant:"subtle"},a,e&&{ml:1}),t):t;return v.default.createElement(c.Flex,{className:"ConversationCard__Footer",mt:3,alignItems:"center"},e&&v.default.createElement(o.Icon,Object.assign({size:"sm",variant:"subtle"},e)),n)},j=({contentMenu:e,content:t,contentProps:a})=>{const n="string"==typeof t?v.default.createElement(s.WrappedText,Object.assign({className:"ConversationCard__ConversationDetails--Content",isTruncated:!0,size:"sm"},a),t):t;return v.default.createElement(c.HStack,{className:"ConversationCard__ConversationDetails",mt:3,justify:"space-between",align:"center"},n,e&&v.default.createElement(c.Box,{className:"ConversationCard__ConversationDetails--ContentMenu",ml:"auto"},e))};exports.ConversationCard=({allowHoverActions:a=!0,avatarGroupProps:n,content:o,contentProps:r,contentMenu:s,footerProps:i,headerMenuProps:l,headerProps:d,isActive:u,onClick:m,overlayProps:p,pinProps:f,shouldPreservePosition:C,showNotificationIndicator:_,tags:x})=>{const{isPinned:N}=f||{},[h,y]=e.useState(!1);return v.default.createElement(t.Card,{className:"ConversationCard",id:"conversation-card-item","data-testid":"conversation-card-item",isInteractive:!0,isActive:u,size:"sm",onClick:()=>{m&&m()},bg:_||u||h?"background.default":"background.alphaContrast.pressed",onMouseEnter:()=>{a&&y(!0)},onMouseLeave:()=>y(!1),pos:"relative",sx:{overflowAnchor:C?"auto":"none"}},h&&v.default.createElement(c.Box,{className:"ConversationCard__Menu--Container",pos:"absolute",top:2,zIndex:"banner",right:2,bg:"background.default",borderRadius:"md",onClick:e=>e.stopPropagation()},v.default.createElement(g,{overlayProps:p,pinProps:f,headerMenuProps:l,isHovering:h,setIsHovering:y})),v.default.createElement(b,Object.assign({avatarGroupProps:n,isHoveringCard:h,isCardPinned:N,showNotificationIndicator:_},d)),v.default.createElement(j,{content:o,contentProps:r,contentMenu:s}),!!(null==x?void 0:x.length)&&v.default.createElement(E,{tags:x}),i&&v.default.createElement(P,Object.assign({},i)))};
|
|
2
|
+
//# sourceMappingURL=conversationCard.component-8cf3cb66.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"conversationCard.component-461817c2.js","sources":["../src/patterns/ConversationCard/components/conversationCardAvatarGroup.component.tsx","../src/patterns/ConversationCard/components/conversationCardHeader.component.tsx","../src/patterns/ConversationCard/components/conversationCardButtons.component.tsx","../src/patterns/ConversationCard/components/conversationCardTags.component.tsx","../src/patterns/ConversationCard/components/conversationCardFooter.component.tsx","../src/patterns/ConversationCard/components/conversationCardContent.tsx","../src/patterns/ConversationCard/conversationCard.component.tsx"],"sourcesContent":["import { Flex } from '@chakra-ui/react';\nimport { Avatar } from 'components/Avatar';\nimport { Tooltip } from 'components/Tooltip';\nimport React, { ReactNode } from 'react';\n\nexport interface ConversationCardAvatarGroupProps {\n avatars: ReactNode[];\n max?: number;\n onAvatarGroupClick?: (e: React.MouseEvent<HTMLSpanElement, MouseEvent>) => void;\n tooltipLabel?: string;\n}\n\nexport const ConversationCardAvatarGroup = ({\n avatars,\n max = 1,\n onAvatarGroupClick,\n tooltipLabel,\n}: ConversationCardAvatarGroupProps): JSX.Element => {\n return (\n <Tooltip label={tooltipLabel || ''} isDisabled={!tooltipLabel?.length}>\n <Flex className=\"ConversationCardAvatarGroup__Container\" align=\"flex-start\" justify=\"flex-start\">\n {max && avatars.length > max ? (\n <Avatar\n onClick={(e): void => {\n e.stopPropagation();\n if (onAvatarGroupClick) {\n onAvatarGroupClick(e);\n }\n }}\n cursor=\"pointer\"\n name={avatars.length.toString()}\n showTooltip={false}\n />\n ) : (\n <>{avatars.map((avatar) => avatar)}</>\n )}\n </Flex>\n </Tooltip>\n );\n};\n","import React from 'react';\nimport { Box, Flex, HStack, VStack } from '@chakra-ui/react';\nimport { Timestamp, TimestampProps } from 'patterns/Timestamp';\nimport { NotificationCounter } from 'components/NotificationCounter';\nimport { Icon } from 'components/Icon';\nimport { Heading } from 'components/Heading';\nimport { Text } from 'components/Text';\nimport { ConversationCardAvatarGroup, ConversationCardAvatarGroupProps } from './conversationCardAvatarGroup.component';\n\nexport interface ConversationCardHeaderProps {\n avatarGroupProps?: ConversationCardAvatarGroupProps;\n showNotificationIndicator?: boolean;\n isCardPinned?: boolean;\n isHoveringCard?: boolean;\n subtitle?: string;\n timestampProps: TimestampProps;\n title: string;\n}\n\nexport const ConversationCardHeader = ({\n avatarGroupProps,\n timestampProps,\n isHoveringCard,\n isCardPinned,\n title,\n showNotificationIndicator,\n subtitle,\n}: ConversationCardHeaderProps): JSX.Element => {\n return (\n <HStack className=\"ConversationCard__Header\" justify=\"space-between\" align=\"flex-start\">\n <HStack className=\"ConversationCard__Header--Left\" cursor=\"pointer\">\n {avatarGroupProps && (\n <ConversationCardAvatarGroup {...avatarGroupProps} tooltipLabel={avatarGroupProps?.tooltipLabel || title} />\n )}\n <VStack className=\"ConversationCard__HeaderText\" justify=\"center\" align=\"left\" spacing=\"0\">\n <Heading className=\"ConversationCard__HeaderText--Title\" size=\"sm\" isTruncated>\n {title}\n </Heading>\n {subtitle && (\n <Text className=\"ConversationCard__HeaderNamesText--Subtitle\" as=\"p\" size=\"sm\" variant=\"subtle\" isTruncated>\n {subtitle}\n </Text>\n )}\n </VStack>\n </HStack>\n <HStack\n className=\"ConversationCard__Header--Right\"\n visibility={isHoveringCard ? 'hidden' : 'visible'}\n align=\"center\"\n spacing={1}\n >\n <Timestamp {...timestampProps} />\n {showNotificationIndicator && (\n <Box\n as=\"span\"\n className=\"ConversationCard__HeaderNotificationCounter\"\n data-testid=\"conversation-card-unread-indicator\"\n >\n <NotificationCounter size=\"xs\" />\n </Box>\n )}\n {isCardPinned && (\n <Flex data-testid=\"conversation-card-pinned-icon\">\n <Icon size=\"md\" variant=\"info\" name=\"pin\" />\n </Flex>\n )}\n </HStack>\n </HStack>\n );\n};\n","import React from 'react';\nimport { HStack } from '@chakra-ui/react';\nimport { Button } from 'components/Button';\nimport { Menu, MenuProps, MenuItemProps } from 'components/Menu';\nimport { Icon } from 'components/Icon';\n\nexport interface ConversationCardOverlayProps {\n isOpenInOverlay?: boolean;\n openInOverlay: () => void;\n}\n\nexport interface ConversationCardPinProps {\n isPinned?: boolean;\n togglePin: (isPinned: boolean) => void;\n}\n\nexport interface ConversationCardButtonsProps {\n overlayProps?: ConversationCardOverlayProps;\n pinProps?: ConversationCardPinProps;\n headerMenuProps?: MenuProps;\n}\n\ninterface ConversationCardButtonsComponentProps extends ConversationCardButtonsProps {\n isHovering: boolean;\n setIsHovering: (isHovering: boolean) => void;\n}\n\nexport const ConversationCardButtons = ({\n overlayProps,\n pinProps,\n headerMenuProps,\n isHovering,\n setIsHovering,\n}: ConversationCardButtonsComponentProps): JSX.Element => {\n const { isOpenInOverlay, openInOverlay } = overlayProps || {};\n const { isPinned, togglePin } = pinProps || {};\n const { listProps } = headerMenuProps || {};\n const pinIconName = isPinned ? 'pinCancel' : 'pin';\n\n return (\n <HStack className=\"ConversationCard__Menu\" spacing={1}>\n {overlayProps && (\n <Button\n data-testid=\"conversation-card-overlay-icon-button\"\n variant=\"secondarySubtle\"\n borderRadius=\"sm\"\n isActive={isOpenInOverlay}\n onClick={(): void => {\n if (openInOverlay) {\n openInOverlay();\n }\n\n if (isHovering) {\n setIsHovering(false);\n }\n }}\n iconName=\"popup\"\n size=\"sm\"\n />\n )}\n {pinProps && (\n <Button\n data-testid=\"conversation-card-pin-toggle-icon-button\"\n variant={isPinned ? 'secondarySubtleDestructive' : 'secondarySubtle'}\n borderRadius=\"sm\"\n onClick={(): void => {\n if (togglePin) {\n togglePin(!isPinned);\n }\n\n if (isHovering) {\n setIsHovering(false);\n }\n }}\n iconName={pinIconName}\n size=\"sm\"\n />\n )}\n {headerMenuProps && (\n <Menu\n buttonProps={\n headerMenuProps.buttonProps || {\n variant: 'secondarySubtle',\n size: 'sm',\n borderRadius: 'sm',\n leftIconName: 'dotsVertical',\n showRightIcon: false,\n }\n }\n closeOnSelect={false}\n isLazy\n {...headerMenuProps}\n listProps={{\n ...listProps,\n menuItems: [\n ...(pinProps\n ? [\n {\n 'data-testid': 'conversation-card-pin-toggle-dropdown-button',\n label: `${isPinned ? 'Unpin' : 'Pin'} Conversation`,\n value: 'PinConversation',\n variant: isPinned ? 'danger' : 'default',\n leftElement: <Icon size=\"md\" variant={isPinned ? 'danger' : 'default'} name={pinIconName} />,\n onSelect: (): void => {\n if (togglePin) {\n togglePin(!isPinned);\n }\n },\n } as MenuItemProps,\n ]\n : []),\n ...(listProps?.menuItems || []),\n ],\n }}\n />\n )}\n </HStack>\n );\n};\n","import React from 'react';\nimport { Box, Wrap, WrapItem } from '@chakra-ui/react';\nimport { Tag, TagProps } from 'components/Tag';\nimport { Tooltip } from 'components/Tooltip';\n\nexport interface ConversationCardTag extends TagProps {\n tooltipContent?: string;\n}\n\nexport interface ConversationCardTagsProps {\n tags: ConversationCardTag[];\n}\n\nexport const ConversationCardTags = ({ tags }: ConversationCardTagsProps): JSX.Element => {\n return (\n <Box className=\"ConversationCard__Tags\" mt={3}>\n <Wrap spacing=\"6px\">\n {tags.map((tag) => {\n const { tooltipContent, ...rest } = tag;\n let tagElement = <Tag closeButtonDisplay=\"hover\" {...rest} size=\"sm\" textTransform=\"capitalize\" />;\n\n if (tag.tooltipContent) {\n tagElement = (\n <Tooltip label={tag.tooltipContent} placement=\"top\">\n <Box>{tagElement}</Box>\n </Tooltip>\n );\n }\n\n return <WrapItem key={tag.label}>{tagElement}</WrapItem>;\n })}\n </Wrap>\n </Box>\n );\n};\n","import { Flex } from '@chakra-ui/react';\nimport { Icon, IconProps } from 'components/Icon';\nimport { Text, TextProps } from 'components/Text';\nimport React, { ReactNode } from 'react';\n\nexport interface ConversationCardFooterProps {\n iconProps?: IconProps;\n content: string | ReactNode;\n contentProps?: Omit<TextProps, 'children'>;\n}\n\nexport const ConversationCardFooter = ({\n iconProps,\n content,\n contentProps,\n}: ConversationCardFooterProps): JSX.Element => {\n const _content =\n typeof content === 'string' ? (\n <Text\n className=\"ConversationCard__Footer--Message\"\n as=\"p\"\n size=\"sm\"\n variant=\"subtle\"\n {...contentProps}\n {...(iconProps && { ml: 1 })}\n >\n {content}\n </Text>\n ) : (\n content\n );\n return (\n <Flex className=\"ConversationCard__Footer\" mt={3} alignItems=\"center\">\n {iconProps && <Icon size=\"sm\" variant=\"subtle\" {...iconProps} />}\n {_content}\n </Flex>\n );\n};\n","import { Box, HStack } from '@chakra-ui/react';\nimport { Text, TextProps } from 'components/Text';\nimport React, { ReactNode } from 'react';\n\nexport interface ConversationCardContentProps {\n content?: string | ReactNode;\n contentProps?: Omit<TextProps, 'children'>;\n contentMenu?: ReactNode;\n}\n\nexport const ConversationCardContent = ({\n contentMenu,\n content,\n contentProps,\n}: ConversationCardContentProps): JSX.Element => {\n const _content =\n typeof content === 'string' ? (\n <Text className=\"ConversationCard__ConversationDetails--Content\" isTruncated size=\"sm\" {...contentProps}>\n {content}\n </Text>\n ) : (\n content\n );\n\n return (\n <HStack className=\"ConversationCard__ConversationDetails\" mt={3} justify=\"space-between\" align=\"center\">\n {_content}\n {contentMenu && (\n <Box className=\"ConversationCard__ConversationDetails--ContentMenu\" ml=\"auto\">\n {contentMenu}\n </Box>\n )}\n </HStack>\n );\n};\n","import { Box } from '@chakra-ui/react';\nimport React, { useState } from 'react';\nimport { Card } from 'components/Card';\nimport { MenuProps } from 'components/Menu';\nimport { ConversationCardHeader, ConversationCardHeaderProps } from './components/conversationCardHeader.component';\nimport {\n ConversationCardButtons,\n ConversationCardOverlayProps,\n ConversationCardPinProps,\n} from './components/conversationCardButtons.component';\nimport { ConversationCardTag, ConversationCardTags } from './components/conversationCardTags.component';\nimport { ConversationCardFooter, ConversationCardFooterProps } from './components/conversationCardFooter.component';\nimport { ConversationCardContent, ConversationCardContentProps } from './components/conversationCardContent';\nimport { ConversationCardAvatarGroupProps } from './components/conversationCardAvatarGroup.component';\n\nexport interface ConversationCardProps extends ConversationCardContentProps {\n allowHoverActions?: boolean;\n avatarGroupProps?: ConversationCardAvatarGroupProps;\n footerProps?: ConversationCardFooterProps;\n headerMenuProps?: MenuProps;\n headerProps: ConversationCardHeaderProps;\n isActive?: boolean;\n onClick?: () => void;\n overlayProps?: ConversationCardOverlayProps;\n pinProps?: ConversationCardPinProps;\n shouldPreservePosition?: boolean;\n showNotificationIndicator?: boolean;\n tags?: ConversationCardTag[];\n}\n\nexport const ConversationCard = ({\n allowHoverActions = true,\n avatarGroupProps,\n content,\n contentProps,\n contentMenu,\n footerProps,\n headerMenuProps,\n headerProps,\n isActive,\n onClick,\n overlayProps,\n pinProps,\n shouldPreservePosition,\n showNotificationIndicator,\n tags,\n}: ConversationCardProps): JSX.Element => {\n const { isPinned } = pinProps || {};\n const [isHovering, setIsHovering] = useState(false);\n\n return (\n <Card\n className=\"ConversationCard\"\n id=\"conversation-card-item\"\n data-testid=\"conversation-card-item\"\n isInteractive\n isActive={isActive}\n size=\"sm\"\n onClick={(): void => {\n if (onClick) {\n onClick();\n }\n }}\n bg={\n showNotificationIndicator || isActive || isHovering ? 'background.default' : 'background.alphaContrast.pressed'\n }\n onMouseEnter={(): void => {\n if (allowHoverActions) {\n setIsHovering(true);\n }\n }}\n onMouseLeave={(): void => setIsHovering(false)}\n pos=\"relative\"\n sx={{ overflowAnchor: shouldPreservePosition ? 'auto' : 'none' }}\n >\n {isHovering && (\n <Box\n className=\"ConversationCard__Menu--Container\"\n pos=\"absolute\"\n top={2}\n zIndex=\"banner\"\n right={2}\n bg=\"background.default\"\n borderRadius=\"md\"\n onClick={(e): void => e.stopPropagation()}\n >\n <ConversationCardButtons\n overlayProps={overlayProps}\n pinProps={pinProps}\n headerMenuProps={headerMenuProps}\n isHovering={isHovering}\n setIsHovering={setIsHovering}\n />\n </Box>\n )}\n <ConversationCardHeader\n avatarGroupProps={avatarGroupProps}\n isHoveringCard={isHovering}\n isCardPinned={isPinned}\n showNotificationIndicator={showNotificationIndicator}\n {...headerProps}\n />\n <ConversationCardContent content={content} contentProps={contentProps} contentMenu={contentMenu} />\n {!!tags?.length && <ConversationCardTags tags={tags} />}\n {footerProps && <ConversationCardFooter {...footerProps} />}\n </Card>\n );\n};\n"],"names":["ConversationCardAvatarGroup","avatars","max","onAvatarGroupClick","tooltipLabel","React","Tooltip","label","isDisabled","length","createElement","Flex","className","align","justify","Avatar","onClick","e","stopPropagation","cursor","name","toString","showTooltip","Fragment","map","avatar","ConversationCardHeader","avatarGroupProps","timestampProps","isHoveringCard","isCardPinned","title","showNotificationIndicator","subtitle","HStack","VStack","spacing","Heading","size","isTruncated","Text","as","variant","visibility","Timestamp","Object","assign","Box","NotificationCounter","Icon","ConversationCardButtons","overlayProps","pinProps","headerMenuProps","isHovering","setIsHovering","isOpenInOverlay","openInOverlay","isPinned","togglePin","listProps","pinIconName","Button","borderRadius","isActive","iconName","Menu","buttonProps","leftIconName","showRightIcon","closeOnSelect","isLazy","menuItems","value","leftElement","onSelect","ConversationCardTags","tags","mt","Wrap","tag","rest","__rest","tagElement","Tag","closeButtonDisplay","textTransform","tooltipContent","placement","WrapItem","key","ConversationCardFooter","iconProps","content","contentProps","_content","ml","alignItems","ConversationCardContent","contentMenu","WrappedText","allowHoverActions","footerProps","headerProps","shouldPreservePosition","useState","Card","id","isInteractive","bg","onMouseEnter","onMouseLeave","pos","sx","overflowAnchor","top","zIndex","right"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"conversationCard.component-8cf3cb66.js","sources":["../src/patterns/ConversationCard/components/conversationCardAvatarGroup.component.tsx","../src/patterns/ConversationCard/components/conversationCardHeader.component.tsx","../src/patterns/ConversationCard/components/conversationCardButtons.component.tsx","../src/patterns/ConversationCard/components/conversationCardTags.component.tsx","../src/patterns/ConversationCard/components/conversationCardFooter.component.tsx","../src/patterns/ConversationCard/components/conversationCardContent.tsx","../src/patterns/ConversationCard/conversationCard.component.tsx"],"sourcesContent":["import { Flex } from '@chakra-ui/react';\nimport { Avatar } from 'components/Avatar';\nimport { Tooltip } from 'components/Tooltip';\nimport React, { ReactNode } from 'react';\n\nexport interface ConversationCardAvatarGroupProps {\n avatars: ReactNode[];\n max?: number;\n onAvatarGroupClick?: (e: React.MouseEvent<HTMLSpanElement, MouseEvent>) => void;\n tooltipLabel?: string;\n}\n\nexport const ConversationCardAvatarGroup = ({\n avatars,\n max = 1,\n onAvatarGroupClick,\n tooltipLabel,\n}: ConversationCardAvatarGroupProps): JSX.Element => {\n return (\n <Tooltip label={tooltipLabel || ''} isDisabled={!tooltipLabel?.length}>\n <Flex className=\"ConversationCardAvatarGroup__Container\" align=\"flex-start\" justify=\"flex-start\">\n {max && avatars.length > max ? (\n <Avatar\n onClick={(e): void => {\n e.stopPropagation();\n if (onAvatarGroupClick) {\n onAvatarGroupClick(e);\n }\n }}\n cursor=\"pointer\"\n name={avatars.length.toString()}\n showTooltip={false}\n />\n ) : (\n <>{avatars.map((avatar) => avatar)}</>\n )}\n </Flex>\n </Tooltip>\n );\n};\n","import React from 'react';\nimport { Box, Flex, HStack, VStack } from '@chakra-ui/react';\nimport { Timestamp, TimestampProps } from 'patterns/Timestamp';\nimport { NotificationCounter } from 'components/NotificationCounter';\nimport { Icon } from 'components/Icon';\nimport { Heading } from 'components/Heading';\nimport { Text } from 'components/Text';\nimport { ConversationCardAvatarGroup, ConversationCardAvatarGroupProps } from './conversationCardAvatarGroup.component';\n\nexport interface ConversationCardHeaderProps {\n avatarGroupProps?: ConversationCardAvatarGroupProps;\n showNotificationIndicator?: boolean;\n isCardPinned?: boolean;\n isHoveringCard?: boolean;\n subtitle?: string;\n timestampProps: TimestampProps;\n title: string;\n}\n\nexport const ConversationCardHeader = ({\n avatarGroupProps,\n timestampProps,\n isHoveringCard,\n isCardPinned,\n title,\n showNotificationIndicator,\n subtitle,\n}: ConversationCardHeaderProps): JSX.Element => {\n return (\n <HStack className=\"ConversationCard__Header\" justify=\"space-between\" align=\"flex-start\">\n <HStack className=\"ConversationCard__Header--Left\" cursor=\"pointer\">\n {avatarGroupProps && (\n <ConversationCardAvatarGroup {...avatarGroupProps} tooltipLabel={avatarGroupProps?.tooltipLabel || title} />\n )}\n <VStack className=\"ConversationCard__HeaderText\" justify=\"center\" align=\"left\" spacing=\"0\">\n <Heading className=\"ConversationCard__HeaderText--Title\" size=\"sm\" isTruncated>\n {title}\n </Heading>\n {subtitle && (\n <Text className=\"ConversationCard__HeaderNamesText--Subtitle\" as=\"p\" size=\"sm\" variant=\"subtle\" isTruncated>\n {subtitle}\n </Text>\n )}\n </VStack>\n </HStack>\n <HStack\n className=\"ConversationCard__Header--Right\"\n visibility={isHoveringCard ? 'hidden' : 'visible'}\n align=\"center\"\n spacing={1}\n >\n <Timestamp {...timestampProps} />\n {showNotificationIndicator && (\n <Box\n as=\"span\"\n className=\"ConversationCard__HeaderNotificationCounter\"\n data-testid=\"conversation-card-unread-indicator\"\n >\n <NotificationCounter size=\"xs\" />\n </Box>\n )}\n {isCardPinned && (\n <Flex data-testid=\"conversation-card-pinned-icon\">\n <Icon size=\"md\" variant=\"info\" name=\"pin\" />\n </Flex>\n )}\n </HStack>\n </HStack>\n );\n};\n","import React from 'react';\nimport { HStack } from '@chakra-ui/react';\nimport { Button } from 'components/Button';\nimport { Menu, MenuProps, MenuItemProps } from 'components/Menu';\nimport { Icon } from 'components/Icon';\n\nexport interface ConversationCardOverlayProps {\n isOpenInOverlay?: boolean;\n openInOverlay: () => void;\n}\n\nexport interface ConversationCardPinProps {\n isPinned?: boolean;\n togglePin: (isPinned: boolean) => void;\n}\n\nexport interface ConversationCardButtonsProps {\n overlayProps?: ConversationCardOverlayProps;\n pinProps?: ConversationCardPinProps;\n headerMenuProps?: MenuProps;\n}\n\ninterface ConversationCardButtonsComponentProps extends ConversationCardButtonsProps {\n isHovering: boolean;\n setIsHovering: (isHovering: boolean) => void;\n}\n\nexport const ConversationCardButtons = ({\n overlayProps,\n pinProps,\n headerMenuProps,\n isHovering,\n setIsHovering,\n}: ConversationCardButtonsComponentProps): JSX.Element => {\n const { isOpenInOverlay, openInOverlay } = overlayProps || {};\n const { isPinned, togglePin } = pinProps || {};\n const { listProps } = headerMenuProps || {};\n const pinIconName = isPinned ? 'pinCancel' : 'pin';\n\n return (\n <HStack className=\"ConversationCard__Menu\" spacing={1}>\n {overlayProps && (\n <Button\n data-testid=\"conversation-card-overlay-icon-button\"\n variant=\"secondarySubtle\"\n borderRadius=\"sm\"\n isActive={isOpenInOverlay}\n onClick={(): void => {\n if (openInOverlay) {\n openInOverlay();\n }\n\n if (isHovering) {\n setIsHovering(false);\n }\n }}\n iconName=\"popup\"\n size=\"sm\"\n />\n )}\n {pinProps && (\n <Button\n data-testid=\"conversation-card-pin-toggle-icon-button\"\n variant={isPinned ? 'secondarySubtleDestructive' : 'secondarySubtle'}\n borderRadius=\"sm\"\n onClick={(): void => {\n if (togglePin) {\n togglePin(!isPinned);\n }\n\n if (isHovering) {\n setIsHovering(false);\n }\n }}\n iconName={pinIconName}\n size=\"sm\"\n />\n )}\n {headerMenuProps && (\n <Menu\n buttonProps={\n headerMenuProps.buttonProps || {\n variant: 'secondarySubtle',\n size: 'sm',\n borderRadius: 'sm',\n leftIconName: 'dotsVertical',\n showRightIcon: false,\n }\n }\n closeOnSelect={false}\n isLazy\n {...headerMenuProps}\n listProps={{\n ...listProps,\n menuItems: [\n ...(pinProps\n ? [\n {\n 'data-testid': 'conversation-card-pin-toggle-dropdown-button',\n label: `${isPinned ? 'Unpin' : 'Pin'} Conversation`,\n value: 'PinConversation',\n variant: isPinned ? 'danger' : 'default',\n leftElement: <Icon size=\"md\" variant={isPinned ? 'danger' : 'default'} name={pinIconName} />,\n onSelect: (): void => {\n if (togglePin) {\n togglePin(!isPinned);\n }\n },\n } as MenuItemProps,\n ]\n : []),\n ...(listProps?.menuItems || []),\n ],\n }}\n />\n )}\n </HStack>\n );\n};\n","import React from 'react';\nimport { Box, Wrap, WrapItem } from '@chakra-ui/react';\nimport { Tag, TagProps } from 'components/Tag';\nimport { Tooltip } from 'components/Tooltip';\n\nexport interface ConversationCardTag extends TagProps {\n tooltipContent?: string;\n}\n\nexport interface ConversationCardTagsProps {\n tags: ConversationCardTag[];\n}\n\nexport const ConversationCardTags = ({ tags }: ConversationCardTagsProps): JSX.Element => {\n return (\n <Box className=\"ConversationCard__Tags\" mt={3}>\n <Wrap spacing=\"6px\">\n {tags.map((tag) => {\n const { tooltipContent, ...rest } = tag;\n let tagElement = <Tag closeButtonDisplay=\"hover\" {...rest} size=\"sm\" textTransform=\"capitalize\" />;\n\n if (tag.tooltipContent) {\n tagElement = (\n <Tooltip label={tag.tooltipContent} placement=\"top\">\n <Box>{tagElement}</Box>\n </Tooltip>\n );\n }\n\n return <WrapItem key={tag.label}>{tagElement}</WrapItem>;\n })}\n </Wrap>\n </Box>\n );\n};\n","import { Flex } from '@chakra-ui/react';\nimport { Icon, IconProps } from 'components/Icon';\nimport { Text, TextProps } from 'components/Text';\nimport React, { ReactNode } from 'react';\n\nexport interface ConversationCardFooterProps {\n iconProps?: IconProps;\n content: string | ReactNode;\n contentProps?: Omit<TextProps, 'children'>;\n}\n\nexport const ConversationCardFooter = ({\n iconProps,\n content,\n contentProps,\n}: ConversationCardFooterProps): JSX.Element => {\n const _content =\n typeof content === 'string' ? (\n <Text\n className=\"ConversationCard__Footer--Message\"\n as=\"p\"\n size=\"sm\"\n variant=\"subtle\"\n {...contentProps}\n {...(iconProps && { ml: 1 })}\n >\n {content}\n </Text>\n ) : (\n content\n );\n return (\n <Flex className=\"ConversationCard__Footer\" mt={3} alignItems=\"center\">\n {iconProps && <Icon size=\"sm\" variant=\"subtle\" {...iconProps} />}\n {_content}\n </Flex>\n );\n};\n","import { Box, HStack } from '@chakra-ui/react';\nimport { Text, TextProps } from 'components/Text';\nimport React, { ReactNode } from 'react';\n\nexport interface ConversationCardContentProps {\n content?: string | ReactNode;\n contentProps?: Omit<TextProps, 'children'>;\n contentMenu?: ReactNode;\n}\n\nexport const ConversationCardContent = ({\n contentMenu,\n content,\n contentProps,\n}: ConversationCardContentProps): JSX.Element => {\n const _content =\n typeof content === 'string' ? (\n <Text className=\"ConversationCard__ConversationDetails--Content\" isTruncated size=\"sm\" {...contentProps}>\n {content}\n </Text>\n ) : (\n content\n );\n\n return (\n <HStack className=\"ConversationCard__ConversationDetails\" mt={3} justify=\"space-between\" align=\"center\">\n {_content}\n {contentMenu && (\n <Box className=\"ConversationCard__ConversationDetails--ContentMenu\" ml=\"auto\">\n {contentMenu}\n </Box>\n )}\n </HStack>\n );\n};\n","import { Box } from '@chakra-ui/react';\nimport React, { useState } from 'react';\nimport { Card } from 'components/Card';\nimport { MenuProps } from 'components/Menu';\nimport { ConversationCardHeader, ConversationCardHeaderProps } from './components/conversationCardHeader.component';\nimport {\n ConversationCardButtons,\n ConversationCardOverlayProps,\n ConversationCardPinProps,\n} from './components/conversationCardButtons.component';\nimport { ConversationCardTag, ConversationCardTags } from './components/conversationCardTags.component';\nimport { ConversationCardFooter, ConversationCardFooterProps } from './components/conversationCardFooter.component';\nimport { ConversationCardContent, ConversationCardContentProps } from './components/conversationCardContent';\nimport { ConversationCardAvatarGroupProps } from './components/conversationCardAvatarGroup.component';\n\nexport interface ConversationCardProps extends ConversationCardContentProps {\n allowHoverActions?: boolean;\n avatarGroupProps?: ConversationCardAvatarGroupProps;\n footerProps?: ConversationCardFooterProps;\n headerMenuProps?: MenuProps;\n headerProps: ConversationCardHeaderProps;\n isActive?: boolean;\n onClick?: () => void;\n overlayProps?: ConversationCardOverlayProps;\n pinProps?: ConversationCardPinProps;\n shouldPreservePosition?: boolean;\n showNotificationIndicator?: boolean;\n tags?: ConversationCardTag[];\n}\n\nexport const ConversationCard = ({\n allowHoverActions = true,\n avatarGroupProps,\n content,\n contentProps,\n contentMenu,\n footerProps,\n headerMenuProps,\n headerProps,\n isActive,\n onClick,\n overlayProps,\n pinProps,\n shouldPreservePosition,\n showNotificationIndicator,\n tags,\n}: ConversationCardProps): JSX.Element => {\n const { isPinned } = pinProps || {};\n const [isHovering, setIsHovering] = useState(false);\n\n return (\n <Card\n className=\"ConversationCard\"\n id=\"conversation-card-item\"\n data-testid=\"conversation-card-item\"\n isInteractive\n isActive={isActive}\n size=\"sm\"\n onClick={(): void => {\n if (onClick) {\n onClick();\n }\n }}\n bg={\n showNotificationIndicator || isActive || isHovering ? 'background.default' : 'background.alphaContrast.pressed'\n }\n onMouseEnter={(): void => {\n if (allowHoverActions) {\n setIsHovering(true);\n }\n }}\n onMouseLeave={(): void => setIsHovering(false)}\n pos=\"relative\"\n sx={{ overflowAnchor: shouldPreservePosition ? 'auto' : 'none' }}\n >\n {isHovering && (\n <Box\n className=\"ConversationCard__Menu--Container\"\n pos=\"absolute\"\n top={2}\n zIndex=\"banner\"\n right={2}\n bg=\"background.default\"\n borderRadius=\"md\"\n onClick={(e): void => e.stopPropagation()}\n >\n <ConversationCardButtons\n overlayProps={overlayProps}\n pinProps={pinProps}\n headerMenuProps={headerMenuProps}\n isHovering={isHovering}\n setIsHovering={setIsHovering}\n />\n </Box>\n )}\n <ConversationCardHeader\n avatarGroupProps={avatarGroupProps}\n isHoveringCard={isHovering}\n isCardPinned={isPinned}\n showNotificationIndicator={showNotificationIndicator}\n {...headerProps}\n />\n <ConversationCardContent content={content} contentProps={contentProps} contentMenu={contentMenu} />\n {!!tags?.length && <ConversationCardTags tags={tags} />}\n {footerProps && <ConversationCardFooter {...footerProps} />}\n </Card>\n );\n};\n"],"names":["ConversationCardAvatarGroup","avatars","max","onAvatarGroupClick","tooltipLabel","React","Tooltip","label","isDisabled","length","createElement","Flex","className","align","justify","Avatar","onClick","e","stopPropagation","cursor","name","toString","showTooltip","Fragment","map","avatar","ConversationCardHeader","avatarGroupProps","timestampProps","isHoveringCard","isCardPinned","title","showNotificationIndicator","subtitle","HStack","VStack","spacing","Heading","size","isTruncated","Text","as","variant","visibility","Timestamp","Object","assign","Box","NotificationCounter","Icon","ConversationCardButtons","overlayProps","pinProps","headerMenuProps","isHovering","setIsHovering","isOpenInOverlay","openInOverlay","isPinned","togglePin","listProps","pinIconName","Button","borderRadius","isActive","iconName","Menu","buttonProps","leftIconName","showRightIcon","closeOnSelect","isLazy","menuItems","value","leftElement","onSelect","ConversationCardTags","tags","mt","Wrap","tag","rest","__rest","tagElement","Tag","closeButtonDisplay","textTransform","tooltipContent","placement","WrapItem","key","ConversationCardFooter","iconProps","content","contentProps","_content","ml","alignItems","ConversationCardContent","contentMenu","WrappedText","allowHoverActions","footerProps","headerProps","shouldPreservePosition","useState","Card","id","isInteractive","bg","onMouseEnter","onMouseLeave","pos","sx","overflowAnchor","top","zIndex","right"],"mappings":"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"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";var e=require("react"),t=require("./_baseGetTag-7b5fc763.js"),a=require("./index-ebcb699d.js"),n=require("./index-7708e04e.js"),r=require("./chakra-ui-hooks.esm-20b27af2.js"),o=require("./chakra-ui-popover.esm-d21bf3b5.js"),u=require("./menu.component-76107342.js"),s=require("./button.component-c427cfcc.js"),l=require("./chakra-ui-layout.esm-0601b9a5.js"),i=require("./textInput.component-03cdf2a9.js"),c=require("./icon.component-8fca09a3.js"),d=require("./text.component-a1231840.js");function D(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var f=D(e);function m(e,t){n.requiredArgs(2,arguments);var a=n.toDate(e),r=n.toInteger(t);return isNaN(r)?new Date(NaN):r?(a.setDate(a.getDate()+r),a):a}function p(e,t){n.requiredArgs(2,arguments);var a=n.toDate(e),r=n.toInteger(t);if(isNaN(r))return new Date(NaN);if(!r)return a;var o=a.getDate(),u=new Date(a.getTime());u.setMonth(a.getMonth()+r+1,0);var s=u.getDate();return o>=s?u:(a.setFullYear(u.getFullYear(),u.getMonth(),o),a)}function g(e){return g="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},g(e)}function v(e,t){n.requiredArgs(2,arguments);var a=n.toDate(e),r=n.toDate(t);return a.getTime()>r.getTime()}const b=({children:u,dateFormat:s=t.defaultDateFormat,endDate:l,inputProps:i,isDateRange:c,maxDate:d,maxYear:D,maxDaysInRange:b,minDate:y,minYear:h,onDateChange:S,placement:I,startDate:k})=>{const{onOpen:E,onClose:x,isOpen:F}=r.useDisclosure(),[C,j]=e.useState({startDate:k,endDate:l||k,focusedInput:null}),M=e.useCallback((e=>b&&e?function(e,t){if(n.requiredArgs(2,arguments),!t||"object"!==g(t))return new Date(NaN);var a=t.years?n.toInteger(t.years):0,r=t.months?n.toInteger(t.months):0,o=t.weeks?n.toInteger(t.weeks):0,u=t.days?n.toInteger(t.days):0,s=t.hours?n.toInteger(t.hours):0,l=t.minutes?n.toInteger(t.minutes):0,i=t.seconds?n.toInteger(t.seconds):0,c=n.toDate(e),d=r||a?p(c,r+12*a):c,D=u||o?m(d,u+7*o):d,f=1e3*(i+60*(l+60*s));return new Date(D.getTime()+f)}(e,{days:b}):d||void 0),[d,b]),O=e.useCallback((()=>{j({startDate:null,endDate:null,focusedInput:F?t.FocusedInput.StartDate:null})}),[F]),{activeMonths:N,firstDayOfWeek:P,focusedDate:w,goToDate:T,goToNextMonths:R,goToPreviousMonths:q,isDateBlocked:Y,isDateFocused:H,isDateHovered:B,isDateSelected:A,isFirstOrLastSelectedDate:z,onDateFocus:W,onDateHover:L,onDateSelect:G}=t.Ye(Object.assign({endDate:C.endDate,focusedInput:C.focusedInput,initialVisibleMonth:C.startDate||t.today,maxBookingDate:c&&C.focusedInput===t.FocusedInput.StartDate?void 0:M(C.startDate),minBookingDate:y,minBookingDays:1,numberOfMonths:1,onDatesChange:e=>{if(!e)return;e.endDate||(e.endDate=e.startDate);const r=M(e.startDate);e.endDate&&r&&v(e.endDate,r)&&(e.endDate=null),e.startDate=e.startDate?a.startOfDay(e.startDate):e.startDate,e.endDate=e.endDate?function(e){n.requiredArgs(1,arguments);var t=n.toDate(e);return t.setHours(23,59,59,999),t}(e.endDate):e.endDate,j(Object.assign(Object.assign({},e),{focusedInput:e.focusedInput||t.FocusedInput.StartDate})),!c&&S&&S(e)},startDate:C.startDate},!c&&{exactMinBookingDays:!0})),$=e.useCallback((e=>{e===t.FocusedInput.EndDate&&C.endDate?T(C.endDate):C.startDate&&T(C.startDate)}),[T,C.endDate,C.startDate]),_=e.useCallback((e=>{j((t=>Object.assign(Object.assign({},t),{focusedInput:e}))),$(e)}),[$]),K=e.useCallback((()=>{_(null),x(),c&&S&&setTimeout((()=>{S({startDate:C.startDate,endDate:C.endDate})}),200)}),[c,x,S,_,C.endDate,C.startDate]),J=e.useMemo((()=>N[0]),[N]);return e.useEffect((()=>{j((e=>Object.assign(Object.assign({},e),{startDate:k,endDate:l||k})))}),[k,l]),f.default.createElement(t.DatePickerContext.Provider,{value:{activeMonth:J,activeMonths:N,dateFormat:s||t.defaultDateFormat,endDate:C.endDate||null,firstDayOfWeek:P,focusedDate:w||t.defaultFocusedDate,focusedInput:C.focusedInput,goToDate:T,goToNextMonths:R,goToPreviousMonths:q,setFocusedInput:_,isDateBlocked:Y,isDateFocused:H,isDateHovered:B,isDateRange:c||!1,isDateSelected:A,isFirstOrLastSelectedDate:z,maxDate:d,maxYear:D||t.defaultMaxYear,minDate:y,minYear:h||t.defaultMinYear,onDateChange:S,onDateFocus:W,onDateHover:L,onDateSelect:G,startDate:C.startDate,isOpen:F,onOpen:E,onClose:K,clearDates:O}},f.default.createElement(o.Popover,{isOpen:F,onClose:K,onOpen:()=>{(null==i?void 0:i.isDisabled)||(E(),C.startDate&&c||_(t.FocusedInput.StartDate))},placement:I},u))};var y=Math.ceil,h=Math.max;var S=function(e,t,a,n){for(var r=-1,o=h(y((t-e)/(a||1)),0),u=Array(o);o--;)u[n?o:++r]=e,e+=a;return u};var I=function(e,t){return e===t||e!=e&&t!=t};var k=function(e){var t=typeof e;return null!=e&&("object"==t||"function"==t)},E=t._baseGetTag,x=k;var F=function(e){if(!x(e))return!1;var t=E(e);return"[object Function]"==t||"[object GeneratorFunction]"==t||"[object AsyncFunction]"==t||"[object Proxy]"==t},C=function(e){return"number"==typeof e&&e>-1&&e%1==0&&e<=9007199254740991};var j=/^(?:0|[1-9]\d*)$/;var M=I,O=function(e){return null!=e&&C(e.length)&&!F(e)},N=function(e,t){var a=typeof e;return!!(t=null==t?9007199254740991:t)&&("number"==a||"symbol"!=a&&j.test(e))&&e>-1&&e%1==0&&e<t},P=k;var w=function(e,t,a){if(!P(a))return!1;var n=typeof t;return!!("number"==n?O(a)&&N(t,a.length):"string"==n&&t in a)&&M(a[t],e)},T=/\s/;var R=function(e){for(var t=e.length;t--&&T.test(e.charAt(t)););return t},q=R,Y=/^\s+/;var H=function(e){return e?e.slice(0,q(e)+1).replace(Y,""):e};var B=function(e){return null!=e&&"object"==typeof e},A=t._baseGetTag,z=B;var W=H,L=k,G=function(e){return"symbol"==typeof e||z(e)&&"[object Symbol]"==A(e)},$=/^[-+]0x[0-9a-f]+$/i,_=/^0b[01]+$/i,K=/^0o[0-7]+$/i,J=parseInt;var U=function(e){if("number"==typeof e)return e;if(G(e))return NaN;if(L(e)){var t="function"==typeof e.valueOf?e.valueOf():e;e=L(t)?t+"":t}if("string"!=typeof e)return 0===e?e:+e;e=W(e);var a=_.test(e);return a||K.test(e)?J(e.slice(2),a?2:8):$.test(e)?NaN:+e};var V=S,Q=w,X=function(e){return e?Infinity===(e=U(e))||-Infinity===e?17976931348623157e292*(e<0?-1:1):e==e?e:0:0===e?e:0};var Z=function(e){return function(t,a,n){return n&&"number"!=typeof n&&Q(t,a,n)&&(a=n=void 0),t=X(t),void 0===a?(a=t,t=0):a=X(a),n=void 0===n?t<a?1:-1:X(n),V(t,a,n,e)}}();const ee={sm:"sm",md:"md",lg:"lg"},te=["January","February","March","April","May","June","July","August","September","October","November","December"];function ae(e){n.requiredArgs(1,arguments);var t=n.toDate(e),a=t.getFullYear(),r=t.getMonth(),o=new Date(0);return o.setFullYear(a,r+1,0),o.setHours(0,0,0,0),o.getDate()}function ne(e,t){n.requiredArgs(2,arguments);var a=n.toDate(e),r=n.toInteger(t),o=a.getFullYear(),u=a.getDate(),s=new Date(0);s.setFullYear(o,r,15),s.setHours(0,0,0,0);var l=ae(s);return a.setMonth(r,Math.min(u,l)),a}function re(e){return re="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},re(e)}function oe(e,t){if(n.requiredArgs(2,arguments),"object"!==re(t)||null===t)throw new RangeError("values parameter must be an object");var a=n.toDate(e);return isNaN(a.getTime())?new Date(NaN):(null!=t.year&&a.setFullYear(t.year),null!=t.month&&(a=ne(a,t.month)),null!=t.date&&a.setDate(n.toInteger(t.date)),null!=t.hours&&a.setHours(n.toInteger(t.hours)),null!=t.minutes&&a.setMinutes(n.toInteger(t.minutes)),null!=t.seconds&&a.setSeconds(n.toInteger(t.seconds)),null!=t.milliseconds&&a.setMilliseconds(n.toInteger(t.milliseconds)),a)}function ue({scrollToYear:a}){const{focusedDate:n,activeMonth:r,minYear:i,maxYear:c,goToDate:d,goToNextMonths:D,goToPreviousMonths:m}=t.useDatePickerContext(),p=e.useMemo((()=>te.map(((e,t)=>({label:e,value:String(t),isSelected:t===(null==r?void 0:r.month)})))),[null==r?void 0:r.month]),g=e.useMemo((()=>Z(i,c+1).map((e=>{const t=String(e);return{label:t,value:t,isSelected:e===(null==r?void 0:r.year)}}))),[c,i,null==r?void 0:r.year]);return f.default.createElement(o.PopoverHeader,{justifyItems:"space-between"},f.default.createElement(l.HStack,{w:"100%",justify:"space-between"},f.default.createElement(s.Button,{iconName:"chevronLeft",onClick:m,variant:"ghostNeutral",size:"sm"}),f.default.createElement(l.Center,{gap:2,h:"100%"},f.default.createElement(u.Menu,{buttonProps:{variant:"tertiary",text:te[(null==r?void 0:r.month)||0],size:"sm"},listProps:{menuItems:p,onSelect:e=>d(oe(n||t.today,{month:Number(e.value),year:null==r?void 0:r.year})),maxH:400,shouldRetainSelection:!0}}),f.default.createElement(u.Menu,{buttonProps:{variant:"tertiary",text:String(null==r?void 0:r.year),size:"sm"},listProps:{menuItems:g,onSelect:e=>d(oe(n||t.today,{month:null==r?void 0:r.month,year:Number(e.value)})),maxH:200,shouldRetainSelection:!0},onOpen:a})),f.default.createElement(s.Button,{iconName:"chevronRight",onClick:D,variant:"ghostNeutral",size:"sm"})))}const se=(e,t)=>!t||function(e,t){n.requiredArgs(2,arguments);var a=n.toDate(e),r=n.toDate(t);return a.getTime()<r.getTime()}(e,t),le={borderColor:"var(--chakra-colors-border-info) !important",borderWidth:"2px !important"},ie={_hover:{borderWidth:"1px",borderColor:"border.strong"}};function ce({inputProps:e,startDateInputRef:a}){const{setFocusedInput:r,startDate:u,endDate:s,focusedInput:D,dateFormat:m,isDateRange:p,minDate:g,maxDate:b,onDateChange:y,onDateSelect:h,isOpen:S,onClose:I}=t.useDatePickerContext(),k=(null==e?void 0:e.size)?ee[e.size]:"md",E=e=>{"Enter"===e.key&&S&&(I(),e.preventDefault(),e.stopPropagation())},x=e=>{const a=e.target.value,r=t.xt(a,m,t.today);a.length===m.length&&n.isDate(r)&&((e,t)=>!t||v(e,t))(r,g)&&se(r,b)&&h(r),!a.length&&y&&y({startDate:null,endDate:null})};return f.default.createElement(o.PopoverTrigger,null,f.default.createElement(l.HStack,{w:"100%"},f.default.createElement(i.WrappedTextInput,Object.assign({"data-testid":"date-picker-text-input",rightElement:f.default.createElement(l.Flex,Object.assign({},!(null==e?void 0:e.isDisabled)&&{onClick:()=>r(t.FocusedInput.StartDate)},{h:"100%",align:"center"}),f.default.createElement(c.Icon,{name:"calendarDate",size:k})),value:t.Ue(u,m,""),onChange:x,inputRef:a,onKeyDown:E},!(null==e?void 0:e.isDisabled)&&{onFocus:()=>r(t.FocusedInput.StartDate)},{placeholder:n.format(t.today,m).toString()},D===t.FocusedInput.StartDate&&le,ie,e)),p&&f.default.createElement(f.default.Fragment,null,f.default.createElement(d.WrappedText,null," - "),f.default.createElement(i.WrappedTextInput,Object.assign({"data-testid":"date-picker-text-input",rightElement:f.default.createElement(l.Flex,Object.assign({},!(null==e?void 0:e.isDisabled)&&{onClick:()=>r(t.FocusedInput.StartDate)},{h:"100%",align:"center"}),f.default.createElement(c.Icon,{name:"calendarDate",size:k})),value:t.Ue(s,m,""),onChange:x},!(null==e?void 0:e.isDisabled)&&{onFocus:()=>r(t.FocusedInput.EndDate)},{onKeyDown:E,placeholder:n.format(t.today,m).toString()},D===t.FocusedInput.EndDate&&le,ie,e)))))}const de={default:{variant:"ghostNeutral"},selectedStart:{variant:"primary"},disabled:{isDisabled:!0,variant:"ghostNeutral"},inRange:{variant:"ghost",borderRadius:"0",isActive:!0},selectedEnd:{variant:"ghost",borderWidth:"2px",borderColor:"border.info"}},De=({dayLabel:a,date:r,onDaySelected:o})=>{const u=new Date,i=e.useRef(null),{startDate:c,endDate:d,dateFormat:D}=t.useDatePickerContext(),m=e.useMemo((()=>({currentDay:n.format(r,D),startDate:c&&n.format(c,D),endDate:d&&n.format(d,D)})),[r,D,d,c]),p=m.currentDay===m.startDate,g=m.currentDay===m.endDate,v=m.currentDay===n.format(u,D),{focusedDate:b,isDateFocused:y,isDateSelected:h,isDateHovered:S,isDateBlocked:I,isFirstOrLastSelectedDate:k,onDateSelect:E,onDateFocus:x,onDateHover:F}=t.useDatePickerContext(),{disabledDate:C,isSelected:j,onClick:M,onKeyDown:O,onMouseEnter:N,tabIndex:P}=t.Ne({date:r,focusedDate:b,isDateFocused:y,isDateSelected:h,isDateHovered:S,isDateBlocked:I,isFirstOrLastSelectedDate:k,onDateFocus:x,onDateSelect:E,onDateHover:F,dayRef:i}),w=e.useMemo((()=>{switch(!0){case C:return"disabled";case p:return"selectedStart";case g:return"selectedEnd";case j&&!p&&!g:return"inRange";default:return"default"}}),[C,g,p,j]);if(!a)return f.default.createElement(f.default.Fragment,null);return f.default.createElement(s.Button,Object.assign({onClick:()=>{M(),o()},onKeyDown:O,onMouseEnter:N,tabIndex:P,type:"button",ref:i,size:"sm",fontWeight:"normal",isDisabled:C,overflow:"hidden",pos:"relative","data-testid":m.currentDay},de[w]),v&&f.default.createElement(l.Box,{pos:"absolute",w:"6",h:"6",top:"-4",right:"-4",transform:"rotate(45deg)",bg:p?"background.default":"background.primary"}),a)},fe=({onDaySelected:a})=>{const n=e.useRef(null),{firstDayOfWeek:r,activeMonth:o}=t.useDatePickerContext(),{days:u,weekdayLabels:s}=t.de({year:(null==o?void 0:o.year)||t.currentYear,month:void 0!==(null==o?void 0:o.month)?o.month:t.currentMonth,firstDayOfWeek:r});return f.default.createElement(l.Box,{ref:n},f.default.createElement(l.Grid,{templateColumns:"repeat(7, 1fr)",my:2},s.map((e=>f.default.createElement(l.GridItem,{key:e},f.default.createElement(l.Center,null,f.default.createElement(d.WrappedText,{size:"xs",variant:"subtle"},e)))))),f.default.createElement(l.Grid,{templateColumns:"repeat(7, 1fr)"},u.map(((e,t)=>"object"==typeof e?f.default.createElement(De,{key:e.date.toString(),date:e.date,dayLabel:e.dayLabel,onDaySelected:a}):f.default.createElement("div",{key:t})))))};function me(){const{isDateRange:e,activeMonths:a,onClose:n}=t.useDatePickerContext(),r=()=>{e||n()};return f.default.createElement(o.PopoverBody,null,f.default.createElement(l.Grid,{gap:"0 64px"},a.map((e=>f.default.createElement(fe,{key:`${e.year}-${e.month}`,onDaySelected:r})))))}function pe({buttonText:a="Apply",onSubmit:n,hideResetButton:r}){const{startDate:u,endDate:i,onClose:c,clearDates:d}=t.useDatePickerContext(),D=e.useCallback((()=>{c(),n&&n({startDate:u,endDate:i})}),[c,n,u,i]);return f.default.createElement(o.PopoverFooter,null,f.default.createElement(l.HStack,{w:"100%",justify:r?"end":"space-between",align:"center"},!r&&f.default.createElement(s.Button,{size:"sm",variant:"ghostNeutral",onClick:d},"Clear Dates"),f.default.createElement(s.Button,{size:"sm",onClick:D},a)))}exports.DatePicker=t=>{const{isDateRange:a=!1,hideFooter:n=!1,footerProps:r,inputProps:u}=t,s=e.useRef(null),l=e.useRef(null);return f.default.createElement(b,Object.assign({calendarRef:s},t),f.default.createElement(ce,{inputProps:u,startDateInputRef:l}),f.default.createElement(o.PopoverContent,{ref:s,shadow:"md","data-testid":"calendar-popover"},f.default.createElement(ue,{scrollToYear:()=>{setTimeout((()=>{var e;const t=null===(e=null==s?void 0:s.current)||void 0===e?void 0:e.querySelector(".MenuList__Item.current");t&&t.scrollIntoView({block:"center"})}))}}),f.default.createElement(me,null),a&&!n&&f.default.createElement(pe,Object.assign({},r))))};
|
|
2
|
-
//# sourceMappingURL=datepicker.component-
|
|
1
|
+
"use strict";var e=require("react"),t=require("./_baseGetTag-7b5fc763.js"),a=require("./index-ebcb699d.js"),n=require("./index-7708e04e.js"),r=require("./chakra-ui-hooks.esm-20b27af2.js"),o=require("./chakra-ui-popover.esm-d21bf3b5.js"),u=require("./menu.component-6addfd4a.js"),s=require("./button.component-15b49687.js"),l=require("./chakra-ui-layout.esm-0601b9a5.js"),i=require("./textInput.component-daebc8ef.js"),c=require("./icon.component-8d0ca544.js"),d=require("./text.component-a1231840.js");function D(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var f=D(e);function m(e,t){n.requiredArgs(2,arguments);var a=n.toDate(e),r=n.toInteger(t);return isNaN(r)?new Date(NaN):r?(a.setDate(a.getDate()+r),a):a}function p(e,t){n.requiredArgs(2,arguments);var a=n.toDate(e),r=n.toInteger(t);if(isNaN(r))return new Date(NaN);if(!r)return a;var o=a.getDate(),u=new Date(a.getTime());u.setMonth(a.getMonth()+r+1,0);var s=u.getDate();return o>=s?u:(a.setFullYear(u.getFullYear(),u.getMonth(),o),a)}function g(e){return g="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},g(e)}function v(e,t){n.requiredArgs(2,arguments);var a=n.toDate(e),r=n.toDate(t);return a.getTime()>r.getTime()}const b=({children:u,dateFormat:s=t.defaultDateFormat,endDate:l,inputProps:i,isDateRange:c,maxDate:d,maxYear:D,maxDaysInRange:b,minDate:y,minYear:h,onDateChange:S,placement:I,startDate:k})=>{const{onOpen:E,onClose:x,isOpen:F}=r.useDisclosure(),[C,j]=e.useState({startDate:k,endDate:l||k,focusedInput:null}),M=e.useCallback((e=>b&&e?function(e,t){if(n.requiredArgs(2,arguments),!t||"object"!==g(t))return new Date(NaN);var a=t.years?n.toInteger(t.years):0,r=t.months?n.toInteger(t.months):0,o=t.weeks?n.toInteger(t.weeks):0,u=t.days?n.toInteger(t.days):0,s=t.hours?n.toInteger(t.hours):0,l=t.minutes?n.toInteger(t.minutes):0,i=t.seconds?n.toInteger(t.seconds):0,c=n.toDate(e),d=r||a?p(c,r+12*a):c,D=u||o?m(d,u+7*o):d,f=1e3*(i+60*(l+60*s));return new Date(D.getTime()+f)}(e,{days:b}):d||void 0),[d,b]),O=e.useCallback((()=>{j({startDate:null,endDate:null,focusedInput:F?t.FocusedInput.StartDate:null})}),[F]),{activeMonths:N,firstDayOfWeek:P,focusedDate:w,goToDate:T,goToNextMonths:R,goToPreviousMonths:q,isDateBlocked:Y,isDateFocused:H,isDateHovered:B,isDateSelected:A,isFirstOrLastSelectedDate:z,onDateFocus:W,onDateHover:L,onDateSelect:G}=t.Ye(Object.assign({endDate:C.endDate,focusedInput:C.focusedInput,initialVisibleMonth:C.startDate||t.today,maxBookingDate:c&&C.focusedInput===t.FocusedInput.StartDate?void 0:M(C.startDate),minBookingDate:y,minBookingDays:1,numberOfMonths:1,onDatesChange:e=>{if(!e)return;e.endDate||(e.endDate=e.startDate);const r=M(e.startDate);e.endDate&&r&&v(e.endDate,r)&&(e.endDate=null),e.startDate=e.startDate?a.startOfDay(e.startDate):e.startDate,e.endDate=e.endDate?function(e){n.requiredArgs(1,arguments);var t=n.toDate(e);return t.setHours(23,59,59,999),t}(e.endDate):e.endDate,j(Object.assign(Object.assign({},e),{focusedInput:e.focusedInput||t.FocusedInput.StartDate})),!c&&S&&S(e)},startDate:C.startDate},!c&&{exactMinBookingDays:!0})),$=e.useCallback((e=>{e===t.FocusedInput.EndDate&&C.endDate?T(C.endDate):C.startDate&&T(C.startDate)}),[T,C.endDate,C.startDate]),_=e.useCallback((e=>{j((t=>Object.assign(Object.assign({},t),{focusedInput:e}))),$(e)}),[$]),K=e.useCallback((()=>{_(null),x(),c&&S&&setTimeout((()=>{S({startDate:C.startDate,endDate:C.endDate})}),200)}),[c,x,S,_,C.endDate,C.startDate]),J=e.useMemo((()=>N[0]),[N]);return e.useEffect((()=>{j((e=>Object.assign(Object.assign({},e),{startDate:k,endDate:l||k})))}),[k,l]),f.default.createElement(t.DatePickerContext.Provider,{value:{activeMonth:J,activeMonths:N,dateFormat:s||t.defaultDateFormat,endDate:C.endDate||null,firstDayOfWeek:P,focusedDate:w||t.defaultFocusedDate,focusedInput:C.focusedInput,goToDate:T,goToNextMonths:R,goToPreviousMonths:q,setFocusedInput:_,isDateBlocked:Y,isDateFocused:H,isDateHovered:B,isDateRange:c||!1,isDateSelected:A,isFirstOrLastSelectedDate:z,maxDate:d,maxYear:D||t.defaultMaxYear,minDate:y,minYear:h||t.defaultMinYear,onDateChange:S,onDateFocus:W,onDateHover:L,onDateSelect:G,startDate:C.startDate,isOpen:F,onOpen:E,onClose:K,clearDates:O}},f.default.createElement(o.Popover,{isOpen:F,onClose:K,onOpen:()=>{(null==i?void 0:i.isDisabled)||(E(),C.startDate&&c||_(t.FocusedInput.StartDate))},placement:I},u))};var y=Math.ceil,h=Math.max;var S=function(e,t,a,n){for(var r=-1,o=h(y((t-e)/(a||1)),0),u=Array(o);o--;)u[n?o:++r]=e,e+=a;return u};var I=function(e,t){return e===t||e!=e&&t!=t};var k=function(e){var t=typeof e;return null!=e&&("object"==t||"function"==t)},E=t._baseGetTag,x=k;var F=function(e){if(!x(e))return!1;var t=E(e);return"[object Function]"==t||"[object GeneratorFunction]"==t||"[object AsyncFunction]"==t||"[object Proxy]"==t},C=function(e){return"number"==typeof e&&e>-1&&e%1==0&&e<=9007199254740991};var j=/^(?:0|[1-9]\d*)$/;var M=I,O=function(e){return null!=e&&C(e.length)&&!F(e)},N=function(e,t){var a=typeof e;return!!(t=null==t?9007199254740991:t)&&("number"==a||"symbol"!=a&&j.test(e))&&e>-1&&e%1==0&&e<t},P=k;var w=function(e,t,a){if(!P(a))return!1;var n=typeof t;return!!("number"==n?O(a)&&N(t,a.length):"string"==n&&t in a)&&M(a[t],e)},T=/\s/;var R=function(e){for(var t=e.length;t--&&T.test(e.charAt(t)););return t},q=R,Y=/^\s+/;var H=function(e){return e?e.slice(0,q(e)+1).replace(Y,""):e};var B=function(e){return null!=e&&"object"==typeof e},A=t._baseGetTag,z=B;var W=H,L=k,G=function(e){return"symbol"==typeof e||z(e)&&"[object Symbol]"==A(e)},$=/^[-+]0x[0-9a-f]+$/i,_=/^0b[01]+$/i,K=/^0o[0-7]+$/i,J=parseInt;var U=function(e){if("number"==typeof e)return e;if(G(e))return NaN;if(L(e)){var t="function"==typeof e.valueOf?e.valueOf():e;e=L(t)?t+"":t}if("string"!=typeof e)return 0===e?e:+e;e=W(e);var a=_.test(e);return a||K.test(e)?J(e.slice(2),a?2:8):$.test(e)?NaN:+e};var V=S,Q=w,X=function(e){return e?Infinity===(e=U(e))||-Infinity===e?17976931348623157e292*(e<0?-1:1):e==e?e:0:0===e?e:0};var Z=function(e){return function(t,a,n){return n&&"number"!=typeof n&&Q(t,a,n)&&(a=n=void 0),t=X(t),void 0===a?(a=t,t=0):a=X(a),n=void 0===n?t<a?1:-1:X(n),V(t,a,n,e)}}();const ee={sm:"sm",md:"md",lg:"lg"},te=["January","February","March","April","May","June","July","August","September","October","November","December"];function ae(e){n.requiredArgs(1,arguments);var t=n.toDate(e),a=t.getFullYear(),r=t.getMonth(),o=new Date(0);return o.setFullYear(a,r+1,0),o.setHours(0,0,0,0),o.getDate()}function ne(e,t){n.requiredArgs(2,arguments);var a=n.toDate(e),r=n.toInteger(t),o=a.getFullYear(),u=a.getDate(),s=new Date(0);s.setFullYear(o,r,15),s.setHours(0,0,0,0);var l=ae(s);return a.setMonth(r,Math.min(u,l)),a}function re(e){return re="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},re(e)}function oe(e,t){if(n.requiredArgs(2,arguments),"object"!==re(t)||null===t)throw new RangeError("values parameter must be an object");var a=n.toDate(e);return isNaN(a.getTime())?new Date(NaN):(null!=t.year&&a.setFullYear(t.year),null!=t.month&&(a=ne(a,t.month)),null!=t.date&&a.setDate(n.toInteger(t.date)),null!=t.hours&&a.setHours(n.toInteger(t.hours)),null!=t.minutes&&a.setMinutes(n.toInteger(t.minutes)),null!=t.seconds&&a.setSeconds(n.toInteger(t.seconds)),null!=t.milliseconds&&a.setMilliseconds(n.toInteger(t.milliseconds)),a)}function ue({scrollToYear:a}){const{focusedDate:n,activeMonth:r,minYear:i,maxYear:c,goToDate:d,goToNextMonths:D,goToPreviousMonths:m}=t.useDatePickerContext(),p=e.useMemo((()=>te.map(((e,t)=>({label:e,value:String(t),isSelected:t===(null==r?void 0:r.month)})))),[null==r?void 0:r.month]),g=e.useMemo((()=>Z(i,c+1).map((e=>{const t=String(e);return{label:t,value:t,isSelected:e===(null==r?void 0:r.year)}}))),[c,i,null==r?void 0:r.year]);return f.default.createElement(o.PopoverHeader,{justifyItems:"space-between"},f.default.createElement(l.HStack,{w:"100%",justify:"space-between"},f.default.createElement(s.Button,{iconName:"chevronLeft",onClick:m,variant:"ghostNeutral",size:"sm"}),f.default.createElement(l.Center,{gap:2,h:"100%"},f.default.createElement(u.Menu,{buttonProps:{variant:"tertiary",text:te[(null==r?void 0:r.month)||0],size:"sm"},listProps:{menuItems:p,onSelect:e=>d(oe(n||t.today,{month:Number(e.value),year:null==r?void 0:r.year})),maxH:400,shouldRetainSelection:!0}}),f.default.createElement(u.Menu,{buttonProps:{variant:"tertiary",text:String(null==r?void 0:r.year),size:"sm"},listProps:{menuItems:g,onSelect:e=>d(oe(n||t.today,{month:null==r?void 0:r.month,year:Number(e.value)})),maxH:200,shouldRetainSelection:!0},onOpen:a})),f.default.createElement(s.Button,{iconName:"chevronRight",onClick:D,variant:"ghostNeutral",size:"sm"})))}const se=(e,t)=>!t||function(e,t){n.requiredArgs(2,arguments);var a=n.toDate(e),r=n.toDate(t);return a.getTime()<r.getTime()}(e,t),le={borderColor:"var(--chakra-colors-border-info) !important",borderWidth:"2px !important"},ie={_hover:{borderWidth:"1px",borderColor:"border.strong"}};function ce({inputProps:e,startDateInputRef:a}){const{setFocusedInput:r,startDate:u,endDate:s,focusedInput:D,dateFormat:m,isDateRange:p,minDate:g,maxDate:b,onDateChange:y,onDateSelect:h,isOpen:S,onClose:I}=t.useDatePickerContext(),k=(null==e?void 0:e.size)?ee[e.size]:"md",E=e=>{"Enter"===e.key&&S&&(I(),e.preventDefault(),e.stopPropagation())},x=e=>{const a=e.target.value,r=t.xt(a,m,t.today);a.length===m.length&&n.isDate(r)&&((e,t)=>!t||v(e,t))(r,g)&&se(r,b)&&h(r),!a.length&&y&&y({startDate:null,endDate:null})};return f.default.createElement(o.PopoverTrigger,null,f.default.createElement(l.HStack,{w:"100%"},f.default.createElement(i.WrappedTextInput,Object.assign({"data-testid":"date-picker-text-input",rightElement:f.default.createElement(l.Flex,Object.assign({},!(null==e?void 0:e.isDisabled)&&{onClick:()=>r(t.FocusedInput.StartDate)},{h:"100%",align:"center"}),f.default.createElement(c.Icon,{name:"calendarDate",size:k})),value:t.Ue(u,m,""),onChange:x,inputRef:a,onKeyDown:E},!(null==e?void 0:e.isDisabled)&&{onFocus:()=>r(t.FocusedInput.StartDate)},{placeholder:n.format(t.today,m).toString()},D===t.FocusedInput.StartDate&&le,ie,e)),p&&f.default.createElement(f.default.Fragment,null,f.default.createElement(d.WrappedText,null," - "),f.default.createElement(i.WrappedTextInput,Object.assign({"data-testid":"date-picker-text-input",rightElement:f.default.createElement(l.Flex,Object.assign({},!(null==e?void 0:e.isDisabled)&&{onClick:()=>r(t.FocusedInput.StartDate)},{h:"100%",align:"center"}),f.default.createElement(c.Icon,{name:"calendarDate",size:k})),value:t.Ue(s,m,""),onChange:x},!(null==e?void 0:e.isDisabled)&&{onFocus:()=>r(t.FocusedInput.EndDate)},{onKeyDown:E,placeholder:n.format(t.today,m).toString()},D===t.FocusedInput.EndDate&&le,ie,e)))))}const de={default:{variant:"ghostNeutral"},selectedStart:{variant:"primary"},disabled:{isDisabled:!0,variant:"ghostNeutral"},inRange:{variant:"ghost",borderRadius:"0",isActive:!0},selectedEnd:{variant:"ghost",borderWidth:"2px",borderColor:"border.info"}},De=({dayLabel:a,date:r,onDaySelected:o})=>{const u=new Date,i=e.useRef(null),{startDate:c,endDate:d,dateFormat:D}=t.useDatePickerContext(),m=e.useMemo((()=>({currentDay:n.format(r,D),startDate:c&&n.format(c,D),endDate:d&&n.format(d,D)})),[r,D,d,c]),p=m.currentDay===m.startDate,g=m.currentDay===m.endDate,v=m.currentDay===n.format(u,D),{focusedDate:b,isDateFocused:y,isDateSelected:h,isDateHovered:S,isDateBlocked:I,isFirstOrLastSelectedDate:k,onDateSelect:E,onDateFocus:x,onDateHover:F}=t.useDatePickerContext(),{disabledDate:C,isSelected:j,onClick:M,onKeyDown:O,onMouseEnter:N,tabIndex:P}=t.Ne({date:r,focusedDate:b,isDateFocused:y,isDateSelected:h,isDateHovered:S,isDateBlocked:I,isFirstOrLastSelectedDate:k,onDateFocus:x,onDateSelect:E,onDateHover:F,dayRef:i}),w=e.useMemo((()=>{switch(!0){case C:return"disabled";case p:return"selectedStart";case g:return"selectedEnd";case j&&!p&&!g:return"inRange";default:return"default"}}),[C,g,p,j]);if(!a)return f.default.createElement(f.default.Fragment,null);return f.default.createElement(s.Button,Object.assign({onClick:()=>{M(),o()},onKeyDown:O,onMouseEnter:N,tabIndex:P,type:"button",ref:i,size:"sm",fontWeight:"normal",isDisabled:C,overflow:"hidden",pos:"relative","data-testid":m.currentDay},de[w]),v&&f.default.createElement(l.Box,{pos:"absolute",w:"6",h:"6",top:"-4",right:"-4",transform:"rotate(45deg)",bg:p?"background.default":"background.primary"}),a)},fe=({onDaySelected:a})=>{const n=e.useRef(null),{firstDayOfWeek:r,activeMonth:o}=t.useDatePickerContext(),{days:u,weekdayLabels:s}=t.de({year:(null==o?void 0:o.year)||t.currentYear,month:void 0!==(null==o?void 0:o.month)?o.month:t.currentMonth,firstDayOfWeek:r});return f.default.createElement(l.Box,{ref:n},f.default.createElement(l.Grid,{templateColumns:"repeat(7, 1fr)",my:2},s.map((e=>f.default.createElement(l.GridItem,{key:e},f.default.createElement(l.Center,null,f.default.createElement(d.WrappedText,{size:"xs",variant:"subtle"},e)))))),f.default.createElement(l.Grid,{templateColumns:"repeat(7, 1fr)"},u.map(((e,t)=>"object"==typeof e?f.default.createElement(De,{key:e.date.toString(),date:e.date,dayLabel:e.dayLabel,onDaySelected:a}):f.default.createElement("div",{key:t})))))};function me(){const{isDateRange:e,activeMonths:a,onClose:n}=t.useDatePickerContext(),r=()=>{e||n()};return f.default.createElement(o.PopoverBody,null,f.default.createElement(l.Grid,{gap:"0 64px"},a.map((e=>f.default.createElement(fe,{key:`${e.year}-${e.month}`,onDaySelected:r})))))}function pe({buttonText:a="Apply",onSubmit:n,hideResetButton:r}){const{startDate:u,endDate:i,onClose:c,clearDates:d}=t.useDatePickerContext(),D=e.useCallback((()=>{c(),n&&n({startDate:u,endDate:i})}),[c,n,u,i]);return f.default.createElement(o.PopoverFooter,null,f.default.createElement(l.HStack,{w:"100%",justify:r?"end":"space-between",align:"center"},!r&&f.default.createElement(s.Button,{size:"sm",variant:"ghostNeutral",onClick:d},"Clear Dates"),f.default.createElement(s.Button,{size:"sm",onClick:D},a)))}exports.DatePicker=t=>{const{isDateRange:a=!1,hideFooter:n=!1,footerProps:r,inputProps:u}=t,s=e.useRef(null),l=e.useRef(null);return f.default.createElement(b,Object.assign({calendarRef:s},t),f.default.createElement(ce,{inputProps:u,startDateInputRef:l}),f.default.createElement(o.PopoverContent,{ref:s,shadow:"md","data-testid":"calendar-popover"},f.default.createElement(ue,{scrollToYear:()=>{setTimeout((()=>{var e;const t=null===(e=null==s?void 0:s.current)||void 0===e?void 0:e.querySelector(".MenuList__Item.current");t&&t.scrollIntoView({block:"center"})}))}}),f.default.createElement(me,null),a&&!n&&f.default.createElement(pe,Object.assign({},r))))};
|
|
2
|
+
//# sourceMappingURL=datepicker.component-c38c1102.js.map
|