impact-ui 4.0.2 → 4.0.3-chatbot.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/AccordionModern/index.js +1 -1
- package/dist/components/Badge/index.js +1 -1
- package/dist/components/BottomSheet/index.d.ts +1 -1
- package/dist/components/BottomSheet/index.d.ts.map +1 -1
- package/dist/components/BottomSheet/index.js +7 -1
- package/dist/components/Breadcrumbs/index.js +1 -1
- package/dist/components/Button/index.js +1 -1
- package/dist/components/ButtonGroup/index.js +1 -1
- package/dist/components/Chart/ChartSkeleton.d.ts +23 -0
- package/dist/components/Chart/ChartSkeleton.d.ts.map +1 -0
- package/dist/components/Chart/ChartSkeleton.js +171 -0
- package/dist/components/Chart/index.d.ts +4 -1
- package/dist/components/Chart/index.d.ts.map +1 -1
- package/dist/components/Chart/index.js +15 -3
- package/dist/components/Chatbot/index.d.ts.map +1 -1
- package/dist/components/Chatbot/index.js +16 -8
- package/dist/components/Checkbox/index.js +1 -1
- package/dist/components/Chips/index.js +1 -1
- package/dist/components/CommentsPanel/CommentsPanel.impl.js +1 -1
- package/dist/components/DatePicker/index.js +1 -1
- package/dist/components/DateRangePicker/index.js +1 -1
- package/dist/components/FileUpload/index.js +1 -1
- package/dist/components/FilterPanel/index.js +1 -1
- package/dist/components/FiltersStrip/FilterSlider.js +1 -1
- package/dist/components/FiltersStrip/index.js +1 -1
- package/dist/components/Header/index.js +1 -1
- package/dist/components/HomePage/index.js +1 -1
- package/dist/components/Input/index.js +1 -1
- package/dist/components/KeyboardShortCuts/ShortcutLandingPage.js +1 -1
- package/dist/components/KeyboardShortCuts/ShortcutModal.js +1 -1
- package/dist/components/KeyboardShortCuts/allSetBox.js +1 -1
- package/dist/components/KeyboardShortCuts/index.js +1 -1
- package/dist/components/KeyboardShortCuts/tutorial.js +1 -1
- package/dist/components/Loader/Loader.types.d.ts +3 -3
- package/dist/components/Loader/Loader.types.d.ts.map +1 -1
- package/dist/components/Loader/index.d.ts.map +1 -1
- package/dist/components/Loader/index.js +4 -2
- package/dist/components/Menu/IconMenuItem.js +1 -1
- package/dist/components/Menu/NestedMenuItem.js +1 -1
- package/dist/components/Menu/index.js +1 -1
- package/dist/components/Menu/nestedMenuItemsFromObject.js +1 -1
- package/dist/components/Modal/index.js +1 -1
- package/dist/components/MonthPicker/index.js +1 -1
- package/dist/components/MonthRangePicker/index.js +1 -1
- package/dist/components/Notification/NotificationBody/NotificationList/NotificationList.js +1 -1
- package/dist/components/Notification/index.js +1 -1
- package/dist/components/Panel/index.js +1 -1
- package/dist/components/Popover/index.js +1 -1
- package/dist/components/Prompt/index.js +1 -1
- package/dist/components/Select/index.d.ts.map +1 -1
- package/dist/components/Select/index.js +2 -2
- package/dist/components/Skeleton/Skeleton.types.d.ts +39 -0
- package/dist/components/Skeleton/Skeleton.types.d.ts.map +1 -0
- package/dist/components/Skeleton/index.d.ts +13 -0
- package/dist/components/Skeleton/index.d.ts.map +1 -0
- package/dist/components/Skeleton/index.js +94 -0
- package/dist/components/Stepper/index.js +1 -1
- package/dist/components/Table/AdvanceSearchModalItem.js +1 -1
- package/dist/components/Table/AgGridHeader.d.ts.map +1 -1
- package/dist/components/Table/AgGridHeader.js +33 -24
- package/dist/components/Table/NewAdvanceSearchModal/NewAdvanceSearchModalItem.js +1 -1
- package/dist/components/Table/index.js +1 -1
- package/dist/components/TableChat/EmptyContainer.js +1 -1
- package/dist/components/TableChat/TableChatSidePanel.js +1 -1
- package/dist/components/TableChat/components/TableChatLeftSection/AddChatContainer/AddChatContainer.js +1 -1
- package/dist/components/TableChat/components/TableChatLeftSection/TableChatChannelHeader.js +1 -1
- package/dist/components/TableChat/components/TableChatRightSection/AvatarGroup/AvatarGroup.js +1 -1
- package/dist/components/TableChat/components/TableChatRightSection/ChatDefaultMessageType/ChatDefaultMessageType.js +1 -1
- package/dist/components/TableChat/components/TableChatRightSection/ChatDeleteMessageType/ChatDeletedMessageType.js +1 -1
- package/dist/components/TableChat/components/TableChatRightSection/ChatHeader/ChatHeader.js +1 -1
- package/dist/components/TableChat/components/TableChatRightSection/ChatInput/ChatInput.js +1 -1
- package/dist/components/TableChat/components/TableChatRightSection/ChatMessages/ChatMessage.js +1 -1
- package/dist/components/TableChat/components/TableChatRightSection/ChatNotificationSettings/ChatNotificationSettings.js +1 -1
- package/dist/components/TableChat/components/TableChatRightSection/TableChatRightSection.js +1 -1
- package/dist/components/TableChat/components/TextEditor/EditorToolbar.js +1 -1
- package/dist/components/TableChat/components/TextEditor/Mention.js +1 -1
- package/dist/components/TableChat/components/TextEditor/MentionList.js +1 -1
- package/dist/components/TableOld/AgGridHeader.d.ts.map +1 -1
- package/dist/components/TableOld/AgGridHeader.js +15 -13
- package/dist/components/TableOld/index.js +1 -1
- package/dist/components/Tag/index.js +1 -1
- package/dist/components/TextArea/index.js +1 -1
- package/dist/components/common/HelperText/index.js +1 -1
- package/dist/components/common/MentionEditor/MentionList/index.js +1 -1
- package/dist/components/common/MentionEditor/index.js +1 -1
- package/dist/components/index.d.ts +2 -0
- package/dist/components/index.d.ts.map +1 -1
- package/dist/components/index.js +3 -0
- package/dist/mcp-component-registry.json +1 -1
- package/dist/styles/style.css +1 -1
- package/dist/utils/assetBase.d.ts +1 -0
- package/dist/utils/assetBase.d.ts.map +1 -1
- package/dist/utils/assetBase.js +4 -7
- package/dist/utils/assetBaseDefault.d.ts +11 -0
- package/dist/utils/assetBaseDefault.d.ts.map +1 -0
- package/dist/utils/assetBaseDefault.js +9 -0
- package/dist/utils/helper.d.ts +1 -0
- package/dist/utils/helper.d.ts.map +1 -1
- package/package.json +1 -1
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
!function(){"use strict";try{if("undefined"!=typeof document){var
|
|
1
|
+
!function(){"use strict";try{if("undefined"!=typeof document){var e=document.createElement("style");e.appendChild(document.createTextNode('@keyframes ia-shimmer-horizontal{0%{background-position:100% 0}to{background-position:0 0}}@keyframes ia-shimmer-vertical{0%{background-position:0 100%}to{background-position:0 0}}@property --ia-shimmer-angle{syntax:"<angle>";inherits:false;initial-value:0deg}@keyframes ia-shimmer-circular{0%{--ia-shimmer-angle:0deg}to{--ia-shimmer-angle:360deg}}.ia-shimmer{animation:ia-shimmer-horizontal 1.6s ease-in-out infinite;animation-direction:normal;background-color:#e8edf5;background-image:linear-gradient(90deg,#e8edf5,#eceef4 22%,#e8edf5 48%,#d5dbe8 62%,#e8edf5);background-repeat:no-repeat;background-size:300% 100%}@media (prefers-reduced-motion:reduce){.ia-shimmer{animation:none;background-image:linear-gradient(90deg,#e8edf5,#eceef4 40%,#d5dbe8);background-size:100% 100%}}.ia-shimmer--ltr{animation:ia-shimmer-horizontal 1.6s ease-in-out infinite;animation-direction:normal;background-color:#e8edf5;background-image:linear-gradient(90deg,#e8edf5,#eceef4 22%,#e8edf5 48%,#d5dbe8 62%,#e8edf5);background-repeat:no-repeat;background-size:300% 100%}@media (prefers-reduced-motion:reduce){.ia-shimmer--ltr{animation:none;background-image:linear-gradient(90deg,#e8edf5,#eceef4 40%,#d5dbe8);background-size:100% 100%}}.ia-shimmer--rtl{animation:ia-shimmer-horizontal 1.6s ease-in-out infinite;animation-direction:reverse;background-color:#e8edf5;background-image:linear-gradient(270deg,#e8edf5,#eceef4 22%,#e8edf5 48%,#d5dbe8 62%,#e8edf5);background-repeat:no-repeat;background-size:300% 100%}@media (prefers-reduced-motion:reduce){.ia-shimmer--rtl{animation:none;background-image:linear-gradient(270deg,#e8edf5,#eceef4 40%,#d5dbe8);background-size:100% 100%}}.ia-shimmer--btt{animation:ia-shimmer-vertical 1.6s ease-in-out infinite;animation-direction:reverse;background-color:#e8edf5;background-image:linear-gradient(0deg,#e8edf5,#eceef4 22%,#e8edf5 48%,#d5dbe8 62%,#e8edf5);background-repeat:no-repeat;background-size:100% 300%}@media (prefers-reduced-motion:reduce){.ia-shimmer--btt{animation:none;background-image:linear-gradient(0deg,#e8edf5,#eceef4 40%,#d5dbe8);background-size:100% 100%}}.ia-shimmer--ttb{animation:ia-shimmer-vertical 1.6s ease-in-out infinite;animation-direction:normal;background-color:#e8edf5;background-image:linear-gradient(0deg,#e8edf5,#eceef4 22%,#e8edf5 48%,#d5dbe8 62%,#e8edf5);background-repeat:no-repeat;background-size:100% 300%}@media (prefers-reduced-motion:reduce){.ia-shimmer--ttb{animation:none;background-image:linear-gradient(0deg,#e8edf5,#eceef4 40%,#d5dbe8);background-size:100% 100%}}.ia-shimmer--circular{background-color:#e8edf5;background-repeat:no-repeat;--ia-shimmer-angle:0deg;animation:ia-shimmer-circular 1.6s linear infinite;background-image:conic-gradient(from var(--ia-shimmer-angle),#eceef4 0deg,#e8edf5 80deg,#d5dbe8 160deg,#e8edf5 260deg,#eceef4 1turn);background-size:100% 100%}@media (prefers-reduced-motion:reduce){.ia-shimmer--circular{animation:none;background-image:conic-gradient(from 0deg,#eceef4,#e8edf5,#d5dbe8,#e8edf5 1turn)}}.impact-accordion-modern-main-container{display:flex;flex-direction:column;gap:12px}.impact-modern-accordion-item{background-color:#fff;border:1px solid #eff2fa;border-radius:8px;display:flex;flex-direction:column;transition:border .2s ease}.impact-modern-accordion-item:focus-visible{box-shadow:0 0 0 var(--ia-focus-ring-offset,2px) var(--ia-focus-bg,#fff),0 0 0 calc(var(--ia-focus-ring-offset, 2px) + var(--ia-focus-ring-width, 2px)) var(--ia-focus-color,#4259ee);outline:none;transition:box-shadow .15s ease-in-out}.impact-modern-accordion-item:focus:not(:focus-visible){box-shadow:none;outline:none}.impact-modern-accordion-item.Mui-disabled:focus-visible,.impact-modern-accordion-item.ia-btn-disabled:focus-visible,.impact-modern-accordion-item.ia-switch-disabled:focus-visible,.impact-modern-accordion-item.impact-select-disabled:focus-visible,.impact-modern-accordion-item.impact_input_disabled:focus-visible,.impact-modern-accordion-item.route-disabled:focus-visible,.impact-modern-accordion-item:disabled:focus-visible,.impact-modern-accordion-item[aria-disabled=true]:focus-visible{box-shadow:none;outline:none}.impact-modern-accordion-item .impact-modern-accordion-header{align-items:center;cursor:pointer;display:flex;flex-direction:row;gap:12px;height:48px;padding:8px 16px;width:100%}.impact-modern-accordion-item .impact-modern-accordion-header .impact-modern-accordion-drag-icon{border-radius:8px}.impact-modern-accordion-item .impact-modern-accordion-header .impact-modern-accordion-drag-icon svg{color:#60697d;height:20px;margin-top:2px;width:20px}.impact-modern-accordion-item .impact-modern-accordion-header .impact-modern-accordion-expand-icon{align-items:center;background-color:#f5f6fa;border-radius:8px;display:flex;height:32px;justify-content:center;padding:8px;transition:transform .2s ease-in-out;width:32px}.impact-modern-accordion-item .impact-modern-accordion-header .impact-modern-accordion-expand-icon:focus-visible{box-shadow:0 0 0 var(--ia-focus-ring-offset,2px) var(--ia-focus-bg,#fff),0 0 0 calc(var(--ia-focus-ring-offset, 2px) + var(--ia-focus-ring-width, 2px)) var(--ia-focus-color,#4259ee);outline:none;transition:box-shadow .15s ease-in-out}.impact-modern-accordion-item .impact-modern-accordion-header .impact-modern-accordion-expand-icon:focus:not(:focus-visible){box-shadow:none;outline:none}.impact-modern-accordion-item .impact-modern-accordion-header .impact-modern-accordion-expand-icon:hover{cursor:pointer}.impact-modern-accordion-item .impact-modern-accordion-header .impact-modern-accordion-expand-icon svg{fill:#60697d;height:20px;transition:transform .2s ease-in-out;width:20px}.impact-modern-accordion-item .impact-modern-accordion-header .impact-modern-accordion-title{color:#0d152c;font-family:Manrope,sans-serif;font-size:14px;font-weight:600;line-height:21px;width:100%}.impact-modern-accordion-item .impact-modern-accordion-header .impact-modern-accordion-title.child-count{align-items:center;display:flex;gap:12px}.impact-modern-accordion-item .impact-modern-accordion-header .impact-modern-accordion-title.disabled{color:#b4bac7}.impact-modern-accordion-item .impact-modern-accordion-content{box-sizing:border-box;color:#0d152c;font-family:Manrope,sans-serif!important;font-size:14px;font-weight:500;height:0;line-height:21px;opacity:0;overflow:hidden;padding:0 16px;transition:height .2s ease,padding .2s ease,opacity .2s ease;visibility:hidden}.impact-modern-accordion-item .expand-content{height:auto;opacity:1;padding:16px;visibility:visible}.impact-modern-accordion-container.disabled{cursor:not-allowed}.impact-modern-accordion-container.disabled .impact-modern-accordion-item .impact-modern-accordion-header{pointer-events:none}.impact-modern-accordion-container.disabled .impact-modern-accordion-item .impact-modern-accordion-drag-icon,.impact-modern-accordion-container.disabled .impact-modern-accordion-item .impact-modern-accordion-expand-icon{background-color:#f8f9fb}.expand-content-icon{transform:rotate(-90deg)}.expand-content-icon+.impact-modern-accordion-title{fill:#60697d;font-weight:800!important}.expand-content-icon+.impact-modern-accordion-title h3{font-weight:800}')),document.head.appendChild(e)}}catch(i){console.error("vite-plugin-css-injected-by-js",i)}}();
|
|
2
2
|
import { jsx, jsxs } from "react/jsx-runtime";
|
|
3
3
|
import { useCallback } from "react";
|
|
4
4
|
import default_1 from "../../node_modules/@mui/icons-material/KeyboardArrowRight.js";
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
!function(){"use strict";try{if("undefined"!=typeof document){var i=document.createElement("style");i.appendChild(document.createTextNode(".MuiChip-root.impact_badges_icon_label_filled{background:#5f6673;cursor:default;height:24px;max-width:max-content;padding:2px 8px}.MuiChip-root.impact_badges_icon_label_filled .MuiChip-label{color:#fff;font-family:Manrope,sans-serif;font-size:14px;font-weight:500;line-height:20px;padding:0}.MuiChip-root.impact_badges_icon_label_filled.small-badge{height:20px}.MuiChip-root.impact_badges_icon_label_filled.small-badge .MuiChip-label{line-height:16px}.MuiChip-root.impact_badges_icon_label_filled svg{color:#fff!important;font-size:14px!important;height:14px;margin:0 6px 0 0!important;width:14px}.MuiChip-root.impact_badges_icon_label_filled.Mui-focusVisible,.MuiChip-root.impact_badges_icon_label_filled:hover{background:#5f6673}.MuiChip-root.impact_badges_only_icon_filled{background:#5f6673;cursor:default!important;height:24px;max-width:24px;padding:4px;width:24px}.MuiChip-root.impact_badges_only_icon_filled.small-badge{height:20px;width:20px}.MuiChip-root.impact_badges_only_icon_filled svg{color:#fff;font-size:14px!important;height:14px;margin:0!important;width:14px}.MuiChip-root.impact_badges_only_icon_filled span{display:none}.MuiChip-root.impact_badges_only_icon_filled.Mui-focusVisible,.MuiChip-root.impact_badges_only_icon_filled:hover{background:#5f6673}.MuiChip-root.impact_badges_only_label_filled{background:#5f6673;cursor:default;height:24px;max-width:max-content;padding:2px 8px}.MuiChip-root.impact_badges_only_label_filled .MuiChip-label{color:#fff;font-family:Manrope,sans-serif;font-size:14px;font-weight:500;line-height:20px;padding:0}.MuiChip-root.impact_badges_only_label_filled.small-badge{height:20px}.MuiChip-root.impact_badges_only_label_filled.small-badge .MuiChip-label{line-height:16px}.MuiChip-root.impact_badges_only_label_filled svg{cursor:default!important;height:14px;width:14px}.MuiChip-root.impact_badges_only_label_filled.Mui-focusVisible,.MuiChip-root.impact_badges_only_label_filled:hover{background:#5f6673}.MuiChip-root.info-badge-filled,.MuiChip-root.info-badge-filled.Mui-focusVisible,.MuiChip-root.info-badge-filled:hover{background:#5267f4}.MuiChip-root.success-badge-filled,.MuiChip-root.success-badge-filled.Mui-focusVisible,.MuiChip-root.success-badge-filled:hover{background:#108431}.MuiChip-root.warning-badge-filled,.MuiChip-root.warning-badge-filled.Mui-focusVisible,.MuiChip-root.warning-badge-filled:hover{background:#ffe174}.MuiChip-root.warning-badge-filled .MuiChip-label{color:#1f2b4d}.MuiChip-root.warning-badge-filled svg{color:#1f2b4d!important}.MuiChip-root.error-badge-filled,.MuiChip-root.error-badge-filled.Mui-focusVisible,.MuiChip-root.error-badge-filled:hover{background:#ec4c5c}.MuiChip-root.impact_badges_icon_label_stroke{background:#fff;border:1px solid #5f6673;cursor:default;height:24px;max-width:max-content;padding:2px 8px}.MuiChip-root.impact_badges_icon_label_stroke .MuiChip-label{color:#5f6673;font-family:Manrope,sans-serif;font-size:14px;font-weight:500;line-height:20px;padding:0}.MuiChip-root.impact_badges_icon_label_stroke.small-badge{height:20px}.MuiChip-root.impact_badges_icon_label_stroke.small-badge .MuiChip-label{line-height:16px}.MuiChip-root.impact_badges_icon_label_stroke svg{color:#5f6673;font-size:14px!important;height:14px;margin:0 6px 0 0!important;width:14px}.MuiChip-root.impact_badges_icon_label_stroke.Mui-focusVisible,.MuiChip-root.impact_badges_icon_label_stroke:hover{background:#fff}.MuiChip-root.impact_badges_only_icon_stroke{background:#fff;border:1px solid #c3c8d4;cursor:default!important;height:24px;max-width:24px;padding:4px;width:24px}.MuiChip-root.impact_badges_only_icon_stroke.small-badge{height:20px;width:20px}.MuiChip-root.impact_badges_only_icon_stroke svg{color:#5f6673;font-size:14px!important;height:14px;margin:0!important;width:14px}.MuiChip-root.impact_badges_only_icon_stroke span{display:none}.MuiChip-root.impact_badges_only_icon_stroke.Mui-focusVisible,.MuiChip-root.impact_badges_only_icon_stroke:hover{background:#f5f6fa}.MuiChip-root.impact_badges_only_label_stroke{background:#fff;border:1px solid #5f6673;height:24px!important;max-width:max-content;min-height:24px;padding:2px 8px}.MuiChip-root.impact_badges_only_label_stroke .MuiChip-label{color:#5f6673;font-family:Manrope,sans-serif;font-size:14px;font-weight:500;line-height:20px;padding:0}.MuiChip-root.impact_badges_only_label_stroke.small-badge{height:20px}.MuiChip-root.impact_badges_only_label_stroke.small-badge .MuiChip-label{line-height:16px}.MuiChip-root.impact_badges_only_label_stroke.Mui-focusVisible,.MuiChip-root.impact_badges_only_label_stroke:hover{background:#fff}.MuiChip-root.info-badge-stroke{background:#fff;border:1px solid #5267f4}.MuiChip-root.info-badge-stroke .MuiChip-label,.MuiChip-root.info-badge-stroke svg{color:#4259ee}.MuiChip-root.info-badge-stroke.Mui-focusVisible,.MuiChip-root.info-badge-stroke:hover{background-color:#fff}.MuiChip-root.success-badge-stroke{background:#fff;border:1px solid #108431}.MuiChip-root.success-badge-stroke .MuiChip-label,.MuiChip-root.success-badge-stroke svg{color:#108431}.MuiChip-root.success-badge-stroke.Mui-focusVisible,.MuiChip-root.success-badge-stroke:hover{background:#fff}.MuiChip-root.warning-badge-stroke{background:#fff;border:1px solid #8c6f06}.MuiChip-root.warning-badge-stroke .MuiChip-label,.MuiChip-root.warning-badge-stroke svg{color:#8c6f06}.MuiChip-root.warning-badge-stroke.Mui-focusVisible,.MuiChip-root.warning-badge-stroke:hover{background:#fff}.MuiChip-root.error-badge-stroke{background:#fff;border:1px solid #d62f2d}.MuiChip-root.error-badge-stroke .MuiChip-label,.MuiChip-root.error-badge-stroke svg{color:#d62f2d}.MuiChip-root.error-badge-stroke.Mui-focusVisible,.MuiChip-root.error-badge-stroke:hover{background:#fff}.MuiChip-root.impact_badges_icon_label_subtle{background:#f2f3f4;cursor:default;height:24px;max-width:max-content;padding:2px 8px}.MuiChip-root.impact_badges_icon_label_subtle .MuiChip-label{color:#5f6673;font-family:Manrope,sans-serif;font-size:14px;font-weight:500;line-height:20px;padding:0}.MuiChip-root.impact_badges_icon_label_subtle.small-badge{height:20px}.MuiChip-root.impact_badges_icon_label_subtle.small-badge .MuiChip-label{line-height:16px}.MuiChip-root.impact_badges_icon_label_subtle svg{color:#5f6673!important;font-size:14px!important;height:14px;margin:0 6px 0 0!important;width:14px}.MuiChip-root.impact_badges_icon_label_subtle.Mui-focusVisible,.MuiChip-root.impact_badges_icon_label_subtle:hover{background:#f2f3f4}.MuiChip-root.info-badge-subtle svg{color:#5267f4!important}.MuiChip-root.success-badge-subtle svg{color:#0b832f!important}.MuiChip-root.warning-badge-subtle svg{color:#8c6f06!important}.MuiChip-root.error-badge-subtle svg{color:#d62f2d!important}.MuiChip-root.impact_badges_only_icon_subtle{background:#5f6673;cursor:default!important;height:24px;max-width:24px;padding:4px;width:24px}.MuiChip-root.impact_badges_only_icon_subtle.small-badge{height:20px;width:20px}.MuiChip-root.impact_badges_only_icon_subtle svg{color:#fff;font-size:14px!important;height:14px;margin:0!important;width:14px}.MuiChip-root.impact_badges_only_icon_subtle span{display:none}.MuiChip-root.impact_badges_only_icon_subtle.Mui-focusVisible,.MuiChip-root.impact_badges_only_icon_subtle:hover{background:#5f6673}.MuiChip-root.impact_badges_only_label_subtle{background:#f2f3f4;cursor:default;height:24px;max-width:max-content;padding:2px 8px}.MuiChip-root.impact_badges_only_label_subtle .MuiChip-label{color:#5f6673;font-family:Manrope,sans-serif;font-size:14px;font-weight:500;line-height:20px;padding:0}.MuiChip-root.impact_badges_only_label_subtle.small-badge{height:20px}.MuiChip-root.impact_badges_only_label_subtle.small-badge .MuiChip-label{line-height:16px}.MuiChip-root.impact_badges_only_label_subtle svg{cursor:default!important;height:14px;width:14px}.MuiChip-root.impact_badges_only_label_subtle.Mui-focusVisible,.MuiChip-root.impact_badges_only_label_subtle:hover{background:#f2f3f4}.MuiChip-root.info-badge-subtle{background:#f1f3fe}.MuiChip-root.info-badge-subtle .MuiChip-label{color:#5267f4}.MuiChip-root.info-badge-subtle.Mui-focusVisible,.MuiChip-root.info-badge-subtle:hover{background:#f1f3fe}.MuiChip-root.success-badge-subtle{background:#f4fff7}.MuiChip-root.success-badge-subtle .MuiChip-label{color:#0b832f}.MuiChip-root.success-badge-subtle.Mui-focusVisible,.MuiChip-root.success-badge-subtle:hover{background:#f4fff7}.MuiChip-root.warning-badge-subtle{background:#fdfae9}.MuiChip-root.warning-badge-subtle .MuiChip-label{color:#8c6f06}.MuiChip-root.warning-badge-subtle.Mui-focusVisible,.MuiChip-root.warning-badge-subtle:hover{background:#fdfae9}.MuiChip-root.error-badge-subtle{background:#fef4f5}.MuiChip-root.error-badge-subtle .MuiChip-label{color:#d62f2d}.MuiChip-root.error-badge-subtle.Mui-focusVisible,.MuiChip-root.error-badge-subtle:hover{background:#fef4f5}.MuiChip-root{font-family:Manrope,sans-serif!important}.MuiChip-root:focus-visible{box-shadow:0 0 0 var(--ia-focus-ring-offset,2px) var(--ia-focus-bg,#fff),0 0 0 calc(var(--ia-focus-ring-offset, 2px) + var(--ia-focus-ring-width, 2px)) var(--ia-focus-color,#4259ee);outline:none;transition:box-shadow .15s ease-in-out}.MuiChip-root:focus:not(:focus-visible){box-shadow:none;outline:none}.MuiChip-root.Mui-disabled:focus-visible,.MuiChip-root.ia-btn-disabled:focus-visible,.MuiChip-root.ia-switch-disabled:focus-visible,.MuiChip-root.impact-select-disabled:focus-visible,.MuiChip-root.impact_input_disabled:focus-visible,.MuiChip-root.route-disabled:focus-visible,.MuiChip-root:disabled:focus-visible,.MuiChip-root[aria-disabled=true]:focus-visible{box-shadow:none;outline:none}.MuiChip-root.Mui-disabled{background-color:#f8f9fb!important;opacity:1!important}.MuiChip-root.Mui-disabled .MuiChip-label,.MuiChip-root.Mui-disabled svg{color:#b4bac7!important}.MuiChip-root.impact_badges_icon_label_filled .MuiChip-label,.MuiChip-root.impact_badges_icon_label_stroke .MuiChip-label,.MuiChip-root.impact_badges_icon_label_subtle .MuiChip-label,.MuiChip-root.impact_badges_only_label_filled.small-badge .MuiChip-label,.MuiChip-root.impact_badges_only_label_stroke.small-badge .MuiChip-label,.MuiChip-root.impact_badges_only_label_subtle.small-badge .MuiChip-label{font-size:12px}.MuiChip-root.impact_badges_icon_label_filled svg,.MuiChip-root.impact_badges_icon_label_stroke svg,.MuiChip-root.impact_badges_icon_label_subtle svg,.MuiChip-root.impact_badges_only_label_filled.small-badge svg,.MuiChip-root.impact_badges_only_label_stroke.small-badge svg,.MuiChip-root.impact_badges_only_label_subtle.small-badge svg{height:14px;width:14px}.MuiChip-root.impact_badges_icon_label_stroke.Mui-disabled,.MuiChip-root.impact_badges_only_label_stroke.Mui-disabled{border-color:#d9dde7!important}\n.impact_toast.MuiChip-root{background:#ebecf0;border-radius:4px;box-sizing:border-box;color:#758490;font-size:12px;height:26px;padding:4px 8px}.impact_toast.MuiChip-root.small_chip{height:22px;padding:2px 4px}.impact_toast.MuiChip-root span{padding:0}.impact_toast.MuiChip-root.MuiChip-deletable span{padding-right:8px}.impact_toast.MuiChip-root.MuiChip-deletable svg.MuiChip-deleteIcon{height:16px;margin:0;width:16px}.impact_toast.MuiChip-root.small_chip svg.MuiChip-deleteIcon{height:12px;margin:0;width:12px}.impact_toast.MuiChip-root.MuiChip-deletable:hover{background:#e2e4ed;cursor:pointer}.impact_toast.MuiChip-root.Mui-disabled{background:#efefef;color:#c7c7c7;opacity:1}.impact_chip_layout{border:1px solid #d4d4d4;display:flex;flex-direction:column;flex-wrap:wrap;gap:20px;margin:0 15px!important;padding:15px;width:100%}.impact_chip_layout h1{font-weight:600;margin-bottom:15px}")),document.head.appendChild(i)}}catch(o){console.error("vite-plugin-css-injected-by-js",o)}}();
|
|
1
|
+
!function(){"use strict";try{if("undefined"!=typeof document){var i=document.createElement("style");i.appendChild(document.createTextNode('@keyframes ia-shimmer-horizontal{0%{background-position:100% 0}to{background-position:0 0}}@keyframes ia-shimmer-vertical{0%{background-position:0 100%}to{background-position:0 0}}@property --ia-shimmer-angle{syntax:"<angle>";inherits:false;initial-value:0deg}@keyframes ia-shimmer-circular{0%{--ia-shimmer-angle:0deg}to{--ia-shimmer-angle:360deg}}.ia-shimmer{animation:ia-shimmer-horizontal 1.6s ease-in-out infinite;animation-direction:normal;background-color:#e8edf5;background-image:linear-gradient(90deg,#e8edf5,#eceef4 22%,#e8edf5 48%,#d5dbe8 62%,#e8edf5);background-repeat:no-repeat;background-size:300% 100%}@media (prefers-reduced-motion:reduce){.ia-shimmer{animation:none;background-image:linear-gradient(90deg,#e8edf5,#eceef4 40%,#d5dbe8);background-size:100% 100%}}.ia-shimmer--ltr{animation:ia-shimmer-horizontal 1.6s ease-in-out infinite;animation-direction:normal;background-color:#e8edf5;background-image:linear-gradient(90deg,#e8edf5,#eceef4 22%,#e8edf5 48%,#d5dbe8 62%,#e8edf5);background-repeat:no-repeat;background-size:300% 100%}@media (prefers-reduced-motion:reduce){.ia-shimmer--ltr{animation:none;background-image:linear-gradient(90deg,#e8edf5,#eceef4 40%,#d5dbe8);background-size:100% 100%}}.ia-shimmer--rtl{animation:ia-shimmer-horizontal 1.6s ease-in-out infinite;animation-direction:reverse;background-color:#e8edf5;background-image:linear-gradient(270deg,#e8edf5,#eceef4 22%,#e8edf5 48%,#d5dbe8 62%,#e8edf5);background-repeat:no-repeat;background-size:300% 100%}@media (prefers-reduced-motion:reduce){.ia-shimmer--rtl{animation:none;background-image:linear-gradient(270deg,#e8edf5,#eceef4 40%,#d5dbe8);background-size:100% 100%}}.ia-shimmer--btt{animation:ia-shimmer-vertical 1.6s ease-in-out infinite;animation-direction:reverse;background-color:#e8edf5;background-image:linear-gradient(0deg,#e8edf5,#eceef4 22%,#e8edf5 48%,#d5dbe8 62%,#e8edf5);background-repeat:no-repeat;background-size:100% 300%}@media (prefers-reduced-motion:reduce){.ia-shimmer--btt{animation:none;background-image:linear-gradient(0deg,#e8edf5,#eceef4 40%,#d5dbe8);background-size:100% 100%}}.ia-shimmer--ttb{animation:ia-shimmer-vertical 1.6s ease-in-out infinite;animation-direction:normal;background-color:#e8edf5;background-image:linear-gradient(0deg,#e8edf5,#eceef4 22%,#e8edf5 48%,#d5dbe8 62%,#e8edf5);background-repeat:no-repeat;background-size:100% 300%}@media (prefers-reduced-motion:reduce){.ia-shimmer--ttb{animation:none;background-image:linear-gradient(0deg,#e8edf5,#eceef4 40%,#d5dbe8);background-size:100% 100%}}.ia-shimmer--circular{background-color:#e8edf5;background-repeat:no-repeat;--ia-shimmer-angle:0deg;animation:ia-shimmer-circular 1.6s linear infinite;background-image:conic-gradient(from var(--ia-shimmer-angle),#eceef4 0deg,#e8edf5 80deg,#d5dbe8 160deg,#e8edf5 260deg,#eceef4 1turn);background-size:100% 100%}@media (prefers-reduced-motion:reduce){.ia-shimmer--circular{animation:none;background-image:conic-gradient(from 0deg,#eceef4,#e8edf5,#d5dbe8,#e8edf5 1turn)}}.MuiChip-root.impact_badges_icon_label_filled{background:#5f6673;cursor:default;height:24px;max-width:max-content;padding:2px 8px}.MuiChip-root.impact_badges_icon_label_filled .MuiChip-label{color:#fff;font-family:Manrope,sans-serif;font-size:14px;font-weight:500;line-height:20px;padding:0}.MuiChip-root.impact_badges_icon_label_filled.small-badge{height:20px}.MuiChip-root.impact_badges_icon_label_filled.small-badge .MuiChip-label{line-height:16px}.MuiChip-root.impact_badges_icon_label_filled svg{color:#fff!important;font-size:14px!important;height:14px;margin:0 6px 0 0!important;width:14px}.MuiChip-root.impact_badges_icon_label_filled.Mui-focusVisible,.MuiChip-root.impact_badges_icon_label_filled:hover{background:#5f6673}.MuiChip-root.impact_badges_only_icon_filled{background:#5f6673;cursor:default!important;height:24px;max-width:24px;padding:4px;width:24px}.MuiChip-root.impact_badges_only_icon_filled.small-badge{height:20px;width:20px}.MuiChip-root.impact_badges_only_icon_filled svg{color:#fff;font-size:14px!important;height:14px;margin:0!important;width:14px}.MuiChip-root.impact_badges_only_icon_filled span{display:none}.MuiChip-root.impact_badges_only_icon_filled.Mui-focusVisible,.MuiChip-root.impact_badges_only_icon_filled:hover{background:#5f6673}.MuiChip-root.impact_badges_only_label_filled{background:#5f6673;cursor:default;height:24px;max-width:max-content;padding:2px 8px}.MuiChip-root.impact_badges_only_label_filled .MuiChip-label{color:#fff;font-family:Manrope,sans-serif;font-size:14px;font-weight:500;line-height:20px;padding:0}.MuiChip-root.impact_badges_only_label_filled.small-badge{height:20px}.MuiChip-root.impact_badges_only_label_filled.small-badge .MuiChip-label{line-height:16px}.MuiChip-root.impact_badges_only_label_filled svg{cursor:default!important;height:14px;width:14px}.MuiChip-root.impact_badges_only_label_filled.Mui-focusVisible,.MuiChip-root.impact_badges_only_label_filled:hover{background:#5f6673}.MuiChip-root.info-badge-filled,.MuiChip-root.info-badge-filled.Mui-focusVisible,.MuiChip-root.info-badge-filled:hover{background:#5267f4}.MuiChip-root.success-badge-filled,.MuiChip-root.success-badge-filled.Mui-focusVisible,.MuiChip-root.success-badge-filled:hover{background:#108431}.MuiChip-root.warning-badge-filled,.MuiChip-root.warning-badge-filled.Mui-focusVisible,.MuiChip-root.warning-badge-filled:hover{background:#ffe174}.MuiChip-root.warning-badge-filled .MuiChip-label{color:#1f2b4d}.MuiChip-root.warning-badge-filled svg{color:#1f2b4d!important}.MuiChip-root.error-badge-filled,.MuiChip-root.error-badge-filled.Mui-focusVisible,.MuiChip-root.error-badge-filled:hover{background:#ec4c5c}.MuiChip-root.impact_badges_icon_label_stroke{background:#fff;border:1px solid #5f6673;cursor:default;height:24px;max-width:max-content;padding:2px 8px}.MuiChip-root.impact_badges_icon_label_stroke .MuiChip-label{color:#5f6673;font-family:Manrope,sans-serif;font-size:14px;font-weight:500;line-height:20px;padding:0}.MuiChip-root.impact_badges_icon_label_stroke.small-badge{height:20px}.MuiChip-root.impact_badges_icon_label_stroke.small-badge .MuiChip-label{line-height:16px}.MuiChip-root.impact_badges_icon_label_stroke svg{color:#5f6673;font-size:14px!important;height:14px;margin:0 6px 0 0!important;width:14px}.MuiChip-root.impact_badges_icon_label_stroke.Mui-focusVisible,.MuiChip-root.impact_badges_icon_label_stroke:hover{background:#fff}.MuiChip-root.impact_badges_only_icon_stroke{background:#fff;border:1px solid #c3c8d4;cursor:default!important;height:24px;max-width:24px;padding:4px;width:24px}.MuiChip-root.impact_badges_only_icon_stroke.small-badge{height:20px;width:20px}.MuiChip-root.impact_badges_only_icon_stroke svg{color:#5f6673;font-size:14px!important;height:14px;margin:0!important;width:14px}.MuiChip-root.impact_badges_only_icon_stroke span{display:none}.MuiChip-root.impact_badges_only_icon_stroke.Mui-focusVisible,.MuiChip-root.impact_badges_only_icon_stroke:hover{background:#f5f6fa}.MuiChip-root.impact_badges_only_label_stroke{background:#fff;border:1px solid #5f6673;height:24px!important;max-width:max-content;min-height:24px;padding:2px 8px}.MuiChip-root.impact_badges_only_label_stroke .MuiChip-label{color:#5f6673;font-family:Manrope,sans-serif;font-size:14px;font-weight:500;line-height:20px;padding:0}.MuiChip-root.impact_badges_only_label_stroke.small-badge{height:20px}.MuiChip-root.impact_badges_only_label_stroke.small-badge .MuiChip-label{line-height:16px}.MuiChip-root.impact_badges_only_label_stroke.Mui-focusVisible,.MuiChip-root.impact_badges_only_label_stroke:hover{background:#fff}.MuiChip-root.info-badge-stroke{background:#fff;border:1px solid #5267f4}.MuiChip-root.info-badge-stroke .MuiChip-label,.MuiChip-root.info-badge-stroke svg{color:#4259ee}.MuiChip-root.info-badge-stroke.Mui-focusVisible,.MuiChip-root.info-badge-stroke:hover{background-color:#fff}.MuiChip-root.success-badge-stroke{background:#fff;border:1px solid #108431}.MuiChip-root.success-badge-stroke .MuiChip-label,.MuiChip-root.success-badge-stroke svg{color:#108431}.MuiChip-root.success-badge-stroke.Mui-focusVisible,.MuiChip-root.success-badge-stroke:hover{background:#fff}.MuiChip-root.warning-badge-stroke{background:#fff;border:1px solid #8c6f06}.MuiChip-root.warning-badge-stroke .MuiChip-label,.MuiChip-root.warning-badge-stroke svg{color:#8c6f06}.MuiChip-root.warning-badge-stroke.Mui-focusVisible,.MuiChip-root.warning-badge-stroke:hover{background:#fff}.MuiChip-root.error-badge-stroke{background:#fff;border:1px solid #d62f2d}.MuiChip-root.error-badge-stroke .MuiChip-label,.MuiChip-root.error-badge-stroke svg{color:#d62f2d}.MuiChip-root.error-badge-stroke.Mui-focusVisible,.MuiChip-root.error-badge-stroke:hover{background:#fff}.MuiChip-root.impact_badges_icon_label_subtle{background:#f2f3f4;cursor:default;height:24px;max-width:max-content;padding:2px 8px}.MuiChip-root.impact_badges_icon_label_subtle .MuiChip-label{color:#5f6673;font-family:Manrope,sans-serif;font-size:14px;font-weight:500;line-height:20px;padding:0}.MuiChip-root.impact_badges_icon_label_subtle.small-badge{height:20px}.MuiChip-root.impact_badges_icon_label_subtle.small-badge .MuiChip-label{line-height:16px}.MuiChip-root.impact_badges_icon_label_subtle svg{color:#5f6673!important;font-size:14px!important;height:14px;margin:0 6px 0 0!important;width:14px}.MuiChip-root.impact_badges_icon_label_subtle.Mui-focusVisible,.MuiChip-root.impact_badges_icon_label_subtle:hover{background:#f2f3f4}.MuiChip-root.info-badge-subtle svg{color:#5267f4!important}.MuiChip-root.success-badge-subtle svg{color:#0b832f!important}.MuiChip-root.warning-badge-subtle svg{color:#8c6f06!important}.MuiChip-root.error-badge-subtle svg{color:#d62f2d!important}.MuiChip-root.impact_badges_only_icon_subtle{background:#5f6673;cursor:default!important;height:24px;max-width:24px;padding:4px;width:24px}.MuiChip-root.impact_badges_only_icon_subtle.small-badge{height:20px;width:20px}.MuiChip-root.impact_badges_only_icon_subtle svg{color:#fff;font-size:14px!important;height:14px;margin:0!important;width:14px}.MuiChip-root.impact_badges_only_icon_subtle span{display:none}.MuiChip-root.impact_badges_only_icon_subtle.Mui-focusVisible,.MuiChip-root.impact_badges_only_icon_subtle:hover{background:#5f6673}.MuiChip-root.impact_badges_only_label_subtle{background:#f2f3f4;cursor:default;height:24px;max-width:max-content;padding:2px 8px}.MuiChip-root.impact_badges_only_label_subtle .MuiChip-label{color:#5f6673;font-family:Manrope,sans-serif;font-size:14px;font-weight:500;line-height:20px;padding:0}.MuiChip-root.impact_badges_only_label_subtle.small-badge{height:20px}.MuiChip-root.impact_badges_only_label_subtle.small-badge .MuiChip-label{line-height:16px}.MuiChip-root.impact_badges_only_label_subtle svg{cursor:default!important;height:14px;width:14px}.MuiChip-root.impact_badges_only_label_subtle.Mui-focusVisible,.MuiChip-root.impact_badges_only_label_subtle:hover{background:#f2f3f4}.MuiChip-root.info-badge-subtle{background:#f1f3fe}.MuiChip-root.info-badge-subtle .MuiChip-label{color:#5267f4}.MuiChip-root.info-badge-subtle.Mui-focusVisible,.MuiChip-root.info-badge-subtle:hover{background:#f1f3fe}.MuiChip-root.success-badge-subtle{background:#f4fff7}.MuiChip-root.success-badge-subtle .MuiChip-label{color:#0b832f}.MuiChip-root.success-badge-subtle.Mui-focusVisible,.MuiChip-root.success-badge-subtle:hover{background:#f4fff7}.MuiChip-root.warning-badge-subtle{background:#fdfae9}.MuiChip-root.warning-badge-subtle .MuiChip-label{color:#8c6f06}.MuiChip-root.warning-badge-subtle.Mui-focusVisible,.MuiChip-root.warning-badge-subtle:hover{background:#fdfae9}.MuiChip-root.error-badge-subtle{background:#fef4f5}.MuiChip-root.error-badge-subtle .MuiChip-label{color:#d62f2d}.MuiChip-root.error-badge-subtle.Mui-focusVisible,.MuiChip-root.error-badge-subtle:hover{background:#fef4f5}.MuiChip-root{font-family:Manrope,sans-serif!important}.MuiChip-root:focus-visible{box-shadow:0 0 0 var(--ia-focus-ring-offset,2px) var(--ia-focus-bg,#fff),0 0 0 calc(var(--ia-focus-ring-offset, 2px) + var(--ia-focus-ring-width, 2px)) var(--ia-focus-color,#4259ee);outline:none;transition:box-shadow .15s ease-in-out}.MuiChip-root:focus:not(:focus-visible){box-shadow:none;outline:none}.MuiChip-root.Mui-disabled:focus-visible,.MuiChip-root.ia-btn-disabled:focus-visible,.MuiChip-root.ia-switch-disabled:focus-visible,.MuiChip-root.impact-select-disabled:focus-visible,.MuiChip-root.impact_input_disabled:focus-visible,.MuiChip-root.route-disabled:focus-visible,.MuiChip-root:disabled:focus-visible,.MuiChip-root[aria-disabled=true]:focus-visible{box-shadow:none;outline:none}.MuiChip-root.Mui-disabled{background-color:#f8f9fb!important;opacity:1!important}.MuiChip-root.Mui-disabled .MuiChip-label,.MuiChip-root.Mui-disabled svg{color:#b4bac7!important}.MuiChip-root.impact_badges_icon_label_filled .MuiChip-label,.MuiChip-root.impact_badges_icon_label_stroke .MuiChip-label,.MuiChip-root.impact_badges_icon_label_subtle .MuiChip-label,.MuiChip-root.impact_badges_only_label_filled.small-badge .MuiChip-label,.MuiChip-root.impact_badges_only_label_stroke.small-badge .MuiChip-label,.MuiChip-root.impact_badges_only_label_subtle.small-badge .MuiChip-label{font-size:12px}.MuiChip-root.impact_badges_icon_label_filled svg,.MuiChip-root.impact_badges_icon_label_stroke svg,.MuiChip-root.impact_badges_icon_label_subtle svg,.MuiChip-root.impact_badges_only_label_filled.small-badge svg,.MuiChip-root.impact_badges_only_label_stroke.small-badge svg,.MuiChip-root.impact_badges_only_label_subtle.small-badge svg{height:14px;width:14px}.MuiChip-root.impact_badges_icon_label_stroke.Mui-disabled,.MuiChip-root.impact_badges_only_label_stroke.Mui-disabled{border-color:#d9dde7!important}\n.impact_toast.MuiChip-root{background:#ebecf0;border-radius:4px;box-sizing:border-box;color:#758490;font-size:12px;height:26px;padding:4px 8px}.impact_toast.MuiChip-root.small_chip{height:22px;padding:2px 4px}.impact_toast.MuiChip-root span{padding:0}.impact_toast.MuiChip-root.MuiChip-deletable span{padding-right:8px}.impact_toast.MuiChip-root.MuiChip-deletable svg.MuiChip-deleteIcon{height:16px;margin:0;width:16px}.impact_toast.MuiChip-root.small_chip svg.MuiChip-deleteIcon{height:12px;margin:0;width:12px}.impact_toast.MuiChip-root.MuiChip-deletable:hover{background:#e2e4ed;cursor:pointer}.impact_toast.MuiChip-root.Mui-disabled{background:#efefef;color:#c7c7c7;opacity:1}.impact_chip_layout{border:1px solid #d4d4d4;display:flex;flex-direction:column;flex-wrap:wrap;gap:20px;margin:0 15px!important;padding:15px;width:100%}.impact_chip_layout h1{font-weight:600;margin-bottom:15px}')),document.head.appendChild(i)}}catch(e){console.error("vite-plugin-css-injected-by-js",e)}}();
|
|
2
2
|
import { jsx } from "react/jsx-runtime";
|
|
3
3
|
import FilledBadges from "./filled/index.js";
|
|
4
4
|
import StrokeBadges from "./stroke/index.js";
|
|
@@ -4,7 +4,7 @@ export type { BottomSheetProps } from './BottomSheet.types';
|
|
|
4
4
|
/**
|
|
5
5
|
* Bottom sheet modal that slides up from the bottom. Supports optional expand/collapse and custom footer.
|
|
6
6
|
*/
|
|
7
|
-
export declare function BottomSheet({ open, onClose, title, children, className, footerOptions, maxHeight, withExpandIcon, onExpand, ...props }: BottomSheetProps): import("react/jsx-runtime").JSX.Element;
|
|
7
|
+
export declare function BottomSheet({ open, onClose, title, children, className, footerOptions, maxHeight, withExpandIcon, onExpand, primaryButtonLabel, secondaryButtonLabel, ...props }: BottomSheetProps): import("react/jsx-runtime").JSX.Element;
|
|
8
8
|
export declare namespace BottomSheet {
|
|
9
9
|
var displayName: string;
|
|
10
10
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/BottomSheet/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAC5D,OAAO,2BAA2B,CAAC;AAEnC,YAAY,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAE5D;;GAEG;AACH,wBAAgB,WAAW,CAAC,EAC1B,IAAI,EACJ,OAAO,EACP,KAAK,EACL,QAAQ,EACR,SAAS,EACT,aAAa,EACb,SAAgC,EAChC,cAAsB,EACtB,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,gBAAgB,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/BottomSheet/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAC5D,OAAO,2BAA2B,CAAC;AAEnC,YAAY,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAE5D;;GAEG;AACH,wBAAgB,WAAW,CAAC,EAC1B,IAAI,EACJ,OAAO,EACP,KAAK,EACL,QAAQ,EACR,SAAS,EACT,aAAa,EACb,SAAgC,EAChC,cAAsB,EACtB,QAAQ,EACR,kBAAkB,EAClB,oBAAoB,EACpB,GAAG,KAAK,EACT,EAAE,gBAAgB,2CAiElB;yBA9Ee,WAAW"}
|
|
@@ -13,11 +13,15 @@ function BottomSheet({
|
|
|
13
13
|
maxHeight = "calc(100vh - 64px)",
|
|
14
14
|
withExpandIcon = false,
|
|
15
15
|
onExpand,
|
|
16
|
+
primaryButtonLabel,
|
|
17
|
+
secondaryButtonLabel,
|
|
16
18
|
...props
|
|
17
19
|
}) {
|
|
18
20
|
const [isExpanded, setIsExpanded] = useState(false);
|
|
19
21
|
const [contentHeight, setContentHeight] = useState("auto");
|
|
20
|
-
const
|
|
22
|
+
const hasFooterOptions = footerOptions != null && footerOptions !== false;
|
|
23
|
+
const hasFooterButtons = Boolean(primaryButtonLabel || secondaryButtonLabel);
|
|
24
|
+
const hasFooter = hasFooterOptions || hasFooterButtons;
|
|
21
25
|
const handleExpandClick = () => {
|
|
22
26
|
const next = !isExpanded;
|
|
23
27
|
setIsExpanded(next);
|
|
@@ -59,6 +63,8 @@ function BottomSheet({
|
|
|
59
63
|
isExpanded,
|
|
60
64
|
maxHeight: !withExpandIcon ? maxHeight : void 0,
|
|
61
65
|
open,
|
|
66
|
+
primaryButtonLabel,
|
|
67
|
+
secondaryButtonLabel,
|
|
62
68
|
title,
|
|
63
69
|
withExpandIcon,
|
|
64
70
|
onClose,
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
!function(){"use strict";try{if("undefined"!=typeof document){var e=document.createElement("style");e.appendChild(document.createTextNode(".ia-styles.ia-breadcrumb{color:#4259ee;cursor:pointer;font-family:Manrope,sans-serif;font-size:14px;font-weight:500;letter-spacing:-.01em;line-height:16.1px;text-align:left}.ia-styles.ia-breadcrumb:not(.ia-breadcrumb-home){border-radius:4px}.ia-styles.ia-breadcrumb:not(.ia-breadcrumb-home):focus-visible{box-shadow:0 0 0 var(--ia-focus-ring-offset,2px) var(--ia-focus-bg,#fff),0 0 0 calc(var(--ia-focus-ring-offset, 2px) + var(--ia-focus-ring-width, 2px)) var(--ia-focus-color,#4259ee);outline:none;transition:box-shadow .15s ease-in-out}.ia-styles.ia-breadcrumb:not(.ia-breadcrumb-home):focus:not(:focus-visible){box-shadow:none;outline:none}.ia-styles.ia-breadcrumb:not(.ia-breadcrumb-home).Mui-disabled:focus-visible,.ia-styles.ia-breadcrumb:not(.ia-breadcrumb-home).ia-btn-disabled:focus-visible,.ia-styles.ia-breadcrumb:not(.ia-breadcrumb-home).ia-switch-disabled:focus-visible,.ia-styles.ia-breadcrumb:not(.ia-breadcrumb-home).impact-select-disabled:focus-visible,.ia-styles.ia-breadcrumb:not(.ia-breadcrumb-home).impact_input_disabled:focus-visible,.ia-styles.ia-breadcrumb:not(.ia-breadcrumb-home).route-disabled:focus-visible,.ia-styles.ia-breadcrumb:not(.ia-breadcrumb-home):disabled:focus-visible,.ia-styles.ia-breadcrumb:not(.ia-breadcrumb-home)[aria-disabled=true]:focus-visible{box-shadow:none;outline:none}.ia-styles.ia-breadcrumb.ia-breadcrumb-disabled{color:#60697d}.ia-styles.ia-breadcrumb.ia-breadcrumb-home svg{display:flex}.ia-styles.ia-breadcrumb.ia-breadcrumb-home svg path{height:11.67px;width:10.67px}.ia-styles.ia-breadcrumb.ia-breadcrumb-extras{margin-left:5px;margin-right:-1px}.ia-styles.ia-breadcrumb:hover:not(.ia-breadcrumb-noLink):not(.ia-breadcrumb-disabled){color:#4259ee}.ia-styles.ia-breadcrumb:hover:not(.ia-breadcrumb-noLink):not(.ia-breadcrumb-disabled) path{fill:#4259ee}.ia-styles.ia-breadcrumb.ia-breadcrumb-noLink{color:#1f2b4d;cursor:default;font-weight:800}.MuiBreadcrumbs-root .MuiBreadcrumbs-separator{font-size:20px;margin-left:0;margin-right:0;margin-top:3px}.MuiBreadcrumbs-root .MuiBreadcrumbs-li:has(>*>.ia-breadcrumb-extras){height:24px}.MuiBreadcrumbs-root .MuiBreadcrumbs-li:has(>*>.ia-breadcrumb-extras) div{align-items:center;display:flex}.ia-breadcrumb-extras svg{fill:#6b7280!important;margin-top:1px}
|
|
1
|
+
!function(){"use strict";try{if("undefined"!=typeof document){var e=document.createElement("style");e.appendChild(document.createTextNode('@keyframes ia-shimmer-horizontal{0%{background-position:100% 0}to{background-position:0 0}}@keyframes ia-shimmer-vertical{0%{background-position:0 100%}to{background-position:0 0}}@property --ia-shimmer-angle{syntax:"<angle>";inherits:false;initial-value:0deg}@keyframes ia-shimmer-circular{0%{--ia-shimmer-angle:0deg}to{--ia-shimmer-angle:360deg}}.ia-shimmer{animation:ia-shimmer-horizontal 1.6s ease-in-out infinite;animation-direction:normal;background-color:#e8edf5;background-image:linear-gradient(90deg,#e8edf5,#eceef4 22%,#e8edf5 48%,#d5dbe8 62%,#e8edf5);background-repeat:no-repeat;background-size:300% 100%}@media (prefers-reduced-motion:reduce){.ia-shimmer{animation:none;background-image:linear-gradient(90deg,#e8edf5,#eceef4 40%,#d5dbe8);background-size:100% 100%}}.ia-shimmer--ltr{animation:ia-shimmer-horizontal 1.6s ease-in-out infinite;animation-direction:normal;background-color:#e8edf5;background-image:linear-gradient(90deg,#e8edf5,#eceef4 22%,#e8edf5 48%,#d5dbe8 62%,#e8edf5);background-repeat:no-repeat;background-size:300% 100%}@media (prefers-reduced-motion:reduce){.ia-shimmer--ltr{animation:none;background-image:linear-gradient(90deg,#e8edf5,#eceef4 40%,#d5dbe8);background-size:100% 100%}}.ia-shimmer--rtl{animation:ia-shimmer-horizontal 1.6s ease-in-out infinite;animation-direction:reverse;background-color:#e8edf5;background-image:linear-gradient(270deg,#e8edf5,#eceef4 22%,#e8edf5 48%,#d5dbe8 62%,#e8edf5);background-repeat:no-repeat;background-size:300% 100%}@media (prefers-reduced-motion:reduce){.ia-shimmer--rtl{animation:none;background-image:linear-gradient(270deg,#e8edf5,#eceef4 40%,#d5dbe8);background-size:100% 100%}}.ia-shimmer--btt{animation:ia-shimmer-vertical 1.6s ease-in-out infinite;animation-direction:reverse;background-color:#e8edf5;background-image:linear-gradient(0deg,#e8edf5,#eceef4 22%,#e8edf5 48%,#d5dbe8 62%,#e8edf5);background-repeat:no-repeat;background-size:100% 300%}@media (prefers-reduced-motion:reduce){.ia-shimmer--btt{animation:none;background-image:linear-gradient(0deg,#e8edf5,#eceef4 40%,#d5dbe8);background-size:100% 100%}}.ia-shimmer--ttb{animation:ia-shimmer-vertical 1.6s ease-in-out infinite;animation-direction:normal;background-color:#e8edf5;background-image:linear-gradient(0deg,#e8edf5,#eceef4 22%,#e8edf5 48%,#d5dbe8 62%,#e8edf5);background-repeat:no-repeat;background-size:100% 300%}@media (prefers-reduced-motion:reduce){.ia-shimmer--ttb{animation:none;background-image:linear-gradient(0deg,#e8edf5,#eceef4 40%,#d5dbe8);background-size:100% 100%}}.ia-shimmer--circular{background-color:#e8edf5;background-repeat:no-repeat;--ia-shimmer-angle:0deg;animation:ia-shimmer-circular 1.6s linear infinite;background-image:conic-gradient(from var(--ia-shimmer-angle),#eceef4 0deg,#e8edf5 80deg,#d5dbe8 160deg,#e8edf5 260deg,#eceef4 1turn);background-size:100% 100%}@media (prefers-reduced-motion:reduce){.ia-shimmer--circular{animation:none;background-image:conic-gradient(from 0deg,#eceef4,#e8edf5,#d5dbe8,#e8edf5 1turn)}}.ia-styles.ia-breadcrumb{color:#4259ee;cursor:pointer;font-family:Manrope,sans-serif;font-size:14px;font-weight:500;letter-spacing:-.01em;line-height:16.1px;text-align:left}.ia-styles.ia-breadcrumb:not(.ia-breadcrumb-home){border-radius:4px}.ia-styles.ia-breadcrumb:not(.ia-breadcrumb-home):focus-visible{box-shadow:0 0 0 var(--ia-focus-ring-offset,2px) var(--ia-focus-bg,#fff),0 0 0 calc(var(--ia-focus-ring-offset, 2px) + var(--ia-focus-ring-width, 2px)) var(--ia-focus-color,#4259ee);outline:none;transition:box-shadow .15s ease-in-out}.ia-styles.ia-breadcrumb:not(.ia-breadcrumb-home):focus:not(:focus-visible){box-shadow:none;outline:none}.ia-styles.ia-breadcrumb:not(.ia-breadcrumb-home).Mui-disabled:focus-visible,.ia-styles.ia-breadcrumb:not(.ia-breadcrumb-home).ia-btn-disabled:focus-visible,.ia-styles.ia-breadcrumb:not(.ia-breadcrumb-home).ia-switch-disabled:focus-visible,.ia-styles.ia-breadcrumb:not(.ia-breadcrumb-home).impact-select-disabled:focus-visible,.ia-styles.ia-breadcrumb:not(.ia-breadcrumb-home).impact_input_disabled:focus-visible,.ia-styles.ia-breadcrumb:not(.ia-breadcrumb-home).route-disabled:focus-visible,.ia-styles.ia-breadcrumb:not(.ia-breadcrumb-home):disabled:focus-visible,.ia-styles.ia-breadcrumb:not(.ia-breadcrumb-home)[aria-disabled=true]:focus-visible{box-shadow:none;outline:none}.ia-styles.ia-breadcrumb.ia-breadcrumb-disabled{color:#60697d}.ia-styles.ia-breadcrumb.ia-breadcrumb-home svg{display:flex}.ia-styles.ia-breadcrumb.ia-breadcrumb-home svg path{height:11.67px;width:10.67px}.ia-styles.ia-breadcrumb.ia-breadcrumb-extras{margin-left:5px;margin-right:-1px}.ia-styles.ia-breadcrumb:hover:not(.ia-breadcrumb-noLink):not(.ia-breadcrumb-disabled){color:#4259ee}.ia-styles.ia-breadcrumb:hover:not(.ia-breadcrumb-noLink):not(.ia-breadcrumb-disabled) path{fill:#4259ee}.ia-styles.ia-breadcrumb.ia-breadcrumb-noLink{color:#1f2b4d;cursor:default;font-weight:800}.MuiBreadcrumbs-root .MuiBreadcrumbs-separator{font-size:20px;margin-left:0;margin-right:0;margin-top:3px}.MuiBreadcrumbs-root .MuiBreadcrumbs-li:has(>*>.ia-breadcrumb-extras){height:24px}.MuiBreadcrumbs-root .MuiBreadcrumbs-li:has(>*>.ia-breadcrumb-extras) div{align-items:center;display:flex}.ia-breadcrumb-extras svg{fill:#6b7280!important;margin-top:1px}')),document.head.appendChild(e)}}catch(i){console.error("vite-plugin-css-injected-by-js",i)}}();
|
|
2
2
|
import { jsx, jsxs } from "react/jsx-runtime";
|
|
3
3
|
import { useState, useMemo } from "react";
|
|
4
4
|
import default_1$1 from "../../node_modules/@mui/icons-material/KeyboardArrowRight.js";
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
!function(){"use strict";try{if("undefined"!=typeof document){var i=document.createElement("style");i.appendChild(document.createTextNode(".ia-styles.ia-btn{background-color:#4259ee;border-radius:8px;border-style:solid;border-width:1px;color:#fff;font-family:Manrope,sans-serif;font-size:14px;font-weight:400;gap:6px;height:32px;min-width:0;padding:6px 12px;text-transform:none}.ia-styles.ia-btn svg{color:inherit!important;height:16px;margin:0;padding:0;width:16px}.ia-styles.ia-btn svg path{fill:inherit!important}.ia-styles.ia-btn.ia-btn-with-icon{align-items:center;display:flex;gap:4px}.ia-styles.ia-btn.ia-btn-with-icon svg{color:inherit!important}.ia-styles.ia-btn.ia-btn-with-icon svg path{fill:inherit!important}.ia-styles.ia-btn.ia-btn-with-icon .ia-btn-loading-icon{align-items:center;animation:rotate 1s linear infinite;border-radius:50%;display:flex;height:16px;justify-content:center;margin-right:4px;width:16px}.ia-styles.ia-btn.ia-btn-only-icon{aspect-ratio:1/1}.ia-styles.ia-btn.ia-btn-large{height:32px}.ia-styles.ia-btn.ia-btn-medium{height:28px;padding:4px 12px}.ia-styles.ia-btn.ia-btn-small{height:24px;padding:2px 12px}.ia-styles.ia-btn.ia-btn-contained{border-width:0}.ia-styles.ia-btn.ia-btn-contained:hover{background-color:#29399f;color:#fff}.ia-styles.ia-btn.ia-btn-contained.ia-btn-disabled{background-color:#c3c8d4;border-width:0;color:#fff}.ia-styles.ia-btn.ia-btn-contained svg{color:#fff!important}.ia-styles.ia-btn.ia-btn-contained svg path{fill:#fff!important}.ia-styles.ia-btn.ia-btn-contained.ia-btn-destructive{background-color:#e15554;border-color:#c3c8d4;color:#fff}.ia-styles.ia-btn.ia-btn-contained.ia-btn-destructive:hover{background-color:#ab3939;border-color:#fceeee}.ia-styles.ia-btn.ia-btn-contained.ia-btn-destructive.ia-btn-disabled{background-color:#c3c8d4;border-width:0;color:#fff}.ia-styles.ia-btn.ia-btn-contained.ia-btn-destructive.ia-btn-disabled svg{color:#fff!important}.ia-styles.ia-btn.ia-btn-contained.ia-btn-destructive.ia-btn-disabled svg path{fill:#fff!important}.ia-styles.ia-btn.ia-btn-outlined{background-color:#fff;border-color:#4259ee;color:#4259ee}.ia-styles.ia-btn.ia-btn-outlined:hover{background-color:#eceefd;border-color:#3649c6;border-width:1px;color:#3649c6}.ia-styles.ia-btn.ia-btn-outlined:hover svg{color:#3649c6!important}.ia-styles.ia-btn.ia-btn-outlined:hover svg path{fill:#3649c6!important}.ia-styles.ia-btn.ia-btn-outlined.ia-btn-disabled{background-color:#f8f9fb;border-color:#d9dde7;color:#b4bac7}.ia-styles.ia-btn.ia-btn-outlined.ia-btn-disabled svg{color:#b4bac7!important}.ia-styles.ia-btn.ia-btn-outlined.ia-btn-disabled svg path{fill:#b4bac7!important}.ia-styles.ia-btn.ia-btn-outlined svg{color:#3649c6!important}.ia-styles.ia-btn.ia-btn-outlined svg path{fill:#3649c6!important}.ia-styles.ia-btn.ia-btn-outlined.ia-btn-destructive{background-color:#fff;border-color:#c3c8d4;color:#1f2b4d}.ia-styles.ia-btn.ia-btn-outlined.ia-btn-destructive:hover{background-color:#fceeee;border-color:#e15554;color:#e15554}.ia-styles.ia-btn.ia-btn-outlined.ia-btn-destructive:hover svg{color:#e15554!important}.ia-styles.ia-btn.ia-btn-outlined.ia-btn-destructive:hover svg path{fill:#e15554!important}.ia-styles.ia-btn.ia-btn-outlined.ia-btn-destructive svg{color:#1f2b4d!important}.ia-styles.ia-btn.ia-btn-outlined.ia-btn-destructive svg path{fill:#1f2b4d!important}.ia-styles.ia-btn.ia-btn-outlined.ia-btn-destructive.ia-btn-disabled{background-color:#f8f9fb;border-color:#d9dde7;color:#b4bac7}.ia-styles.ia-btn.ia-btn-outlined.ia-btn-destructive.ia-btn-disabled svg{color:#b4bac7!important}.ia-styles.ia-btn.ia-btn-outlined.ia-btn-destructive.ia-btn-disabled svg path{fill:#b4bac7!important}.ia-styles.ia-btn.ia-btn-text{background-color:#f5f6fa;border-width:0;color:#60697d}.ia-styles.ia-btn.ia-btn-text:hover{background-color:#eceefd;border-width:0;color:#3649c6}.ia-styles.ia-btn.ia-btn-text:hover svg{color:#3649c6!important}.ia-styles.ia-btn.ia-btn-text:hover svg path{fill:#3649c6!important}.ia-styles.ia-btn.ia-btn-text.ia-btn-disabled{background-color:#f8f9fb;border-width:0;color:#b4bac7}.ia-styles.ia-btn.ia-btn-text.ia-btn-disabled svg{color:#b4bac7!important}.ia-styles.ia-btn.ia-btn-text.ia-btn-disabled svg path{fill:#b4bac7!important}.ia-styles.ia-btn.ia-btn-text svg{color:#60697d!important}.ia-styles.ia-btn.ia-btn-text svg path{fill:#60697d!important}.ia-styles.ia-btn.ia-btn-link{background-color:initial;border:none;color:#4259ee;padding:0}.ia-styles.ia-btn.ia-btn-link:hover{background-color:initial;text-decoration:underline}.ia-styles.ia-btn.ia-btn-link.ia-btn-disabled{background-color:initial;border:none;color:#b4bac7}.ia-styles.ia-btn.ia-btn-link.ia-btn-disabled svg{color:#b4bac7!important}.ia-styles.ia-btn.ia-btn-link.ia-btn-disabled svg path{fill:#b4bac7!important}.ia-styles.ia-btn.ia-btn-link svg{color:#4259ee!important}.ia-styles.ia-btn.ia-btn-link svg path{fill:#4259ee!important}.ia-styles.ia-btn.ia-btn-tertiary{background-color:#fff;border-color:#c3c8d4;color:#1f2b4d}.ia-styles.ia-btn.ia-btn-tertiary:hover{background-color:#eceefd;border-color:#3649c6;border-width:1px;color:#3649c6}.ia-styles.ia-btn.ia-btn-tertiary:hover svg{color:#3649c6!important}.ia-styles.ia-btn.ia-btn-tertiary:hover svg path{fill:#3649c6!important}.ia-styles.ia-btn.ia-btn-tertiary.ia-btn-disabled{background-color:#f8f9fb;border-color:#d9dde7;color:#b4bac7}.ia-styles.ia-btn.ia-btn-tertiary.ia-btn-disabled svg{color:#b4bac7!important}.ia-styles.ia-btn.ia-btn-tertiary.ia-btn-disabled svg path{fill:#b4bac7!important}.ia-styles.ia-btn.ia-btn-tertiary svg{color:#1f2b4d!important}.ia-styles.ia-btn.ia-btn-tertiary svg path{fill:#1f2b4d!important}.ia-styles.ia-btn:focus-visible{box-shadow:0 0 0 var(--ia-focus-ring-offset,2px) var(--ia-focus-bg,#fff),0 0 0 calc(var(--ia-focus-ring-offset, 2px) + var(--ia-focus-ring-width, 2px)) var(--ia-focus-color,#4259ee);outline:none;transition:box-shadow .15s ease-in-out}.ia-styles.ia-btn:focus:not(:focus-visible){box-shadow:none;outline:none}.ia-styles.ia-btn.Mui-disabled:focus-visible,.ia-styles.ia-btn.ia-btn-disabled:focus-visible,.ia-styles.ia-btn.ia-switch-disabled:focus-visible,.ia-styles.ia-btn.impact-select-disabled:focus-visible,.ia-styles.ia-btn.impact_input_disabled:focus-visible,.ia-styles.ia-btn.route-disabled:focus-visible,.ia-styles.ia-btn:disabled:focus-visible,.ia-styles.ia-btn[aria-disabled=true]:focus-visible{box-shadow:none;outline:none}.ia-btn-loading-icon{display:flex}@keyframes loader{0%{transform:rotate(45deg)}to{transform:rotate(405deg)}}.ia-btn-loading-icon .ia-btn-loading-track{animation-delay:0s;animation-duration:1s;animation-iteration-count:infinite;animation-name:loader;animation-timing-function:linear;border-radius:50%;border-style:solid;border-width:2px;box-sizing:border-box;display:inline-block;height:14px;position:relative;width:14px}.ia-btn-loading-icon .ia-btn-loading-track.ia-btn-loading-light{border-color:#5f6673 #7a829440 #7a829440}.ia-btn-loading-icon .ia-btn-loading-track.ia-btn-loading-dark{border-color:#fff #edeefd40 #edeefd40}.ia-btn-icon{height:16px;margin-bottom:3px;width:16px}.ia-btn-icon-loading{height:14px;margin-bottom:0}")),document.head.appendChild(i)}}catch(t){console.error("vite-plugin-css-injected-by-js",t)}}();
|
|
1
|
+
!function(){"use strict";try{if("undefined"!=typeof document){var i=document.createElement("style");i.appendChild(document.createTextNode('@keyframes ia-shimmer-horizontal{0%{background-position:100% 0}to{background-position:0 0}}@keyframes ia-shimmer-vertical{0%{background-position:0 100%}to{background-position:0 0}}@property --ia-shimmer-angle{syntax:"<angle>";inherits:false;initial-value:0deg}@keyframes ia-shimmer-circular{0%{--ia-shimmer-angle:0deg}to{--ia-shimmer-angle:360deg}}.ia-shimmer{animation:ia-shimmer-horizontal 1.6s ease-in-out infinite;animation-direction:normal;background-color:#e8edf5;background-image:linear-gradient(90deg,#e8edf5,#eceef4 22%,#e8edf5 48%,#d5dbe8 62%,#e8edf5);background-repeat:no-repeat;background-size:300% 100%}@media (prefers-reduced-motion:reduce){.ia-shimmer{animation:none;background-image:linear-gradient(90deg,#e8edf5,#eceef4 40%,#d5dbe8);background-size:100% 100%}}.ia-shimmer--ltr{animation:ia-shimmer-horizontal 1.6s ease-in-out infinite;animation-direction:normal;background-color:#e8edf5;background-image:linear-gradient(90deg,#e8edf5,#eceef4 22%,#e8edf5 48%,#d5dbe8 62%,#e8edf5);background-repeat:no-repeat;background-size:300% 100%}@media (prefers-reduced-motion:reduce){.ia-shimmer--ltr{animation:none;background-image:linear-gradient(90deg,#e8edf5,#eceef4 40%,#d5dbe8);background-size:100% 100%}}.ia-shimmer--rtl{animation:ia-shimmer-horizontal 1.6s ease-in-out infinite;animation-direction:reverse;background-color:#e8edf5;background-image:linear-gradient(270deg,#e8edf5,#eceef4 22%,#e8edf5 48%,#d5dbe8 62%,#e8edf5);background-repeat:no-repeat;background-size:300% 100%}@media (prefers-reduced-motion:reduce){.ia-shimmer--rtl{animation:none;background-image:linear-gradient(270deg,#e8edf5,#eceef4 40%,#d5dbe8);background-size:100% 100%}}.ia-shimmer--btt{animation:ia-shimmer-vertical 1.6s ease-in-out infinite;animation-direction:reverse;background-color:#e8edf5;background-image:linear-gradient(0deg,#e8edf5,#eceef4 22%,#e8edf5 48%,#d5dbe8 62%,#e8edf5);background-repeat:no-repeat;background-size:100% 300%}@media (prefers-reduced-motion:reduce){.ia-shimmer--btt{animation:none;background-image:linear-gradient(0deg,#e8edf5,#eceef4 40%,#d5dbe8);background-size:100% 100%}}.ia-shimmer--ttb{animation:ia-shimmer-vertical 1.6s ease-in-out infinite;animation-direction:normal;background-color:#e8edf5;background-image:linear-gradient(0deg,#e8edf5,#eceef4 22%,#e8edf5 48%,#d5dbe8 62%,#e8edf5);background-repeat:no-repeat;background-size:100% 300%}@media (prefers-reduced-motion:reduce){.ia-shimmer--ttb{animation:none;background-image:linear-gradient(0deg,#e8edf5,#eceef4 40%,#d5dbe8);background-size:100% 100%}}.ia-shimmer--circular{background-color:#e8edf5;background-repeat:no-repeat;--ia-shimmer-angle:0deg;animation:ia-shimmer-circular 1.6s linear infinite;background-image:conic-gradient(from var(--ia-shimmer-angle),#eceef4 0deg,#e8edf5 80deg,#d5dbe8 160deg,#e8edf5 260deg,#eceef4 1turn);background-size:100% 100%}@media (prefers-reduced-motion:reduce){.ia-shimmer--circular{animation:none;background-image:conic-gradient(from 0deg,#eceef4,#e8edf5,#d5dbe8,#e8edf5 1turn)}}.ia-styles.ia-btn{background-color:#4259ee;border-radius:8px;border-style:solid;border-width:1px;color:#fff;font-family:Manrope,sans-serif;font-size:14px;font-weight:400;gap:6px;height:32px;min-width:0;padding:6px 12px;text-transform:none}.ia-styles.ia-btn svg{color:inherit!important;height:16px;margin:0;padding:0;width:16px}.ia-styles.ia-btn svg path{fill:inherit!important}.ia-styles.ia-btn.ia-btn-with-icon{align-items:center;display:flex;gap:4px}.ia-styles.ia-btn.ia-btn-with-icon svg{color:inherit!important}.ia-styles.ia-btn.ia-btn-with-icon svg path{fill:inherit!important}.ia-styles.ia-btn.ia-btn-with-icon .ia-btn-loading-icon{align-items:center;animation:rotate 1s linear infinite;border-radius:50%;display:flex;height:16px;justify-content:center;margin-right:4px;width:16px}.ia-styles.ia-btn.ia-btn-only-icon{aspect-ratio:1/1}.ia-styles.ia-btn.ia-btn-large{height:32px}.ia-styles.ia-btn.ia-btn-medium{height:28px;padding:4px 12px}.ia-styles.ia-btn.ia-btn-small{height:24px;padding:2px 12px}.ia-styles.ia-btn.ia-btn-contained{border-width:0}.ia-styles.ia-btn.ia-btn-contained:hover{background-color:#29399f;color:#fff}.ia-styles.ia-btn.ia-btn-contained.ia-btn-disabled{background-color:#c3c8d4;border-width:0;color:#fff}.ia-styles.ia-btn.ia-btn-contained svg{color:#fff!important}.ia-styles.ia-btn.ia-btn-contained svg path{fill:#fff!important}.ia-styles.ia-btn.ia-btn-contained.ia-btn-destructive{background-color:#e15554;border-color:#c3c8d4;color:#fff}.ia-styles.ia-btn.ia-btn-contained.ia-btn-destructive:hover{background-color:#ab3939;border-color:#fceeee}.ia-styles.ia-btn.ia-btn-contained.ia-btn-destructive.ia-btn-disabled{background-color:#c3c8d4;border-width:0;color:#fff}.ia-styles.ia-btn.ia-btn-contained.ia-btn-destructive.ia-btn-disabled svg{color:#fff!important}.ia-styles.ia-btn.ia-btn-contained.ia-btn-destructive.ia-btn-disabled svg path{fill:#fff!important}.ia-styles.ia-btn.ia-btn-outlined{background-color:#fff;border-color:#4259ee;color:#4259ee}.ia-styles.ia-btn.ia-btn-outlined:hover{background-color:#eceefd;border-color:#3649c6;border-width:1px;color:#3649c6}.ia-styles.ia-btn.ia-btn-outlined:hover svg{color:#3649c6!important}.ia-styles.ia-btn.ia-btn-outlined:hover svg path{fill:#3649c6!important}.ia-styles.ia-btn.ia-btn-outlined.ia-btn-disabled{background-color:#f8f9fb;border-color:#d9dde7;color:#b4bac7}.ia-styles.ia-btn.ia-btn-outlined.ia-btn-disabled svg{color:#b4bac7!important}.ia-styles.ia-btn.ia-btn-outlined.ia-btn-disabled svg path{fill:#b4bac7!important}.ia-styles.ia-btn.ia-btn-outlined svg{color:#3649c6!important}.ia-styles.ia-btn.ia-btn-outlined svg path{fill:#3649c6!important}.ia-styles.ia-btn.ia-btn-outlined.ia-btn-destructive{background-color:#fff;border-color:#c3c8d4;color:#1f2b4d}.ia-styles.ia-btn.ia-btn-outlined.ia-btn-destructive:hover{background-color:#fceeee;border-color:#e15554;color:#e15554}.ia-styles.ia-btn.ia-btn-outlined.ia-btn-destructive:hover svg{color:#e15554!important}.ia-styles.ia-btn.ia-btn-outlined.ia-btn-destructive:hover svg path{fill:#e15554!important}.ia-styles.ia-btn.ia-btn-outlined.ia-btn-destructive svg{color:#1f2b4d!important}.ia-styles.ia-btn.ia-btn-outlined.ia-btn-destructive svg path{fill:#1f2b4d!important}.ia-styles.ia-btn.ia-btn-outlined.ia-btn-destructive.ia-btn-disabled{background-color:#f8f9fb;border-color:#d9dde7;color:#b4bac7}.ia-styles.ia-btn.ia-btn-outlined.ia-btn-destructive.ia-btn-disabled svg{color:#b4bac7!important}.ia-styles.ia-btn.ia-btn-outlined.ia-btn-destructive.ia-btn-disabled svg path{fill:#b4bac7!important}.ia-styles.ia-btn.ia-btn-text{background-color:#f5f6fa;border-width:0;color:#60697d}.ia-styles.ia-btn.ia-btn-text:hover{background-color:#eceefd;border-width:0;color:#3649c6}.ia-styles.ia-btn.ia-btn-text:hover svg{color:#3649c6!important}.ia-styles.ia-btn.ia-btn-text:hover svg path{fill:#3649c6!important}.ia-styles.ia-btn.ia-btn-text.ia-btn-disabled{background-color:#f8f9fb;border-width:0;color:#b4bac7}.ia-styles.ia-btn.ia-btn-text.ia-btn-disabled svg{color:#b4bac7!important}.ia-styles.ia-btn.ia-btn-text.ia-btn-disabled svg path{fill:#b4bac7!important}.ia-styles.ia-btn.ia-btn-text svg{color:#60697d!important}.ia-styles.ia-btn.ia-btn-text svg path{fill:#60697d!important}.ia-styles.ia-btn.ia-btn-link{background-color:initial;border:none;color:#4259ee;padding:0}.ia-styles.ia-btn.ia-btn-link:hover{background-color:initial;text-decoration:underline}.ia-styles.ia-btn.ia-btn-link.ia-btn-disabled{background-color:initial;border:none;color:#b4bac7}.ia-styles.ia-btn.ia-btn-link.ia-btn-disabled svg{color:#b4bac7!important}.ia-styles.ia-btn.ia-btn-link.ia-btn-disabled svg path{fill:#b4bac7!important}.ia-styles.ia-btn.ia-btn-link svg{color:#4259ee!important}.ia-styles.ia-btn.ia-btn-link svg path{fill:#4259ee!important}.ia-styles.ia-btn.ia-btn-tertiary{background-color:#fff;border-color:#c3c8d4;color:#1f2b4d}.ia-styles.ia-btn.ia-btn-tertiary:hover{background-color:#eceefd;border-color:#3649c6;border-width:1px;color:#3649c6}.ia-styles.ia-btn.ia-btn-tertiary:hover svg{color:#3649c6!important}.ia-styles.ia-btn.ia-btn-tertiary:hover svg path{fill:#3649c6!important}.ia-styles.ia-btn.ia-btn-tertiary.ia-btn-disabled{background-color:#f8f9fb;border-color:#d9dde7;color:#b4bac7}.ia-styles.ia-btn.ia-btn-tertiary.ia-btn-disabled svg{color:#b4bac7!important}.ia-styles.ia-btn.ia-btn-tertiary.ia-btn-disabled svg path{fill:#b4bac7!important}.ia-styles.ia-btn.ia-btn-tertiary svg{color:#1f2b4d!important}.ia-styles.ia-btn.ia-btn-tertiary svg path{fill:#1f2b4d!important}.ia-styles.ia-btn:focus-visible{box-shadow:0 0 0 var(--ia-focus-ring-offset,2px) var(--ia-focus-bg,#fff),0 0 0 calc(var(--ia-focus-ring-offset, 2px) + var(--ia-focus-ring-width, 2px)) var(--ia-focus-color,#4259ee);outline:none;transition:box-shadow .15s ease-in-out}.ia-styles.ia-btn:focus:not(:focus-visible){box-shadow:none;outline:none}.ia-styles.ia-btn.Mui-disabled:focus-visible,.ia-styles.ia-btn.ia-btn-disabled:focus-visible,.ia-styles.ia-btn.ia-switch-disabled:focus-visible,.ia-styles.ia-btn.impact-select-disabled:focus-visible,.ia-styles.ia-btn.impact_input_disabled:focus-visible,.ia-styles.ia-btn.route-disabled:focus-visible,.ia-styles.ia-btn:disabled:focus-visible,.ia-styles.ia-btn[aria-disabled=true]:focus-visible{box-shadow:none;outline:none}.ia-btn-loading-icon{display:flex}@keyframes loader{0%{transform:rotate(45deg)}to{transform:rotate(405deg)}}.ia-btn-loading-icon .ia-btn-loading-track{animation-delay:0s;animation-duration:1s;animation-iteration-count:infinite;animation-name:loader;animation-timing-function:linear;border-radius:50%;border-style:solid;border-width:2px;box-sizing:border-box;display:inline-block;height:14px;position:relative;width:14px}.ia-btn-loading-icon .ia-btn-loading-track.ia-btn-loading-light{border-color:#5f6673 #7a829440 #7a829440}.ia-btn-loading-icon .ia-btn-loading-track.ia-btn-loading-dark{border-color:#fff #edeefd40 #edeefd40}.ia-btn-icon{height:16px;margin-bottom:3px;width:16px}.ia-btn-icon-loading{height:14px;margin-bottom:0}')),document.head.appendChild(i)}}catch(e){console.error("vite-plugin-css-injected-by-js",e)}}();
|
|
2
2
|
import { jsx, jsxs } from "react/jsx-runtime";
|
|
3
3
|
import { forwardRef, useMemo } from "react";
|
|
4
4
|
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
!function(){"use strict";try{if("undefined"!=typeof document){var
|
|
1
|
+
!function(){"use strict";try{if("undefined"!=typeof document){var e=document.createElement("style");e.appendChild(document.createTextNode('@keyframes ia-shimmer-horizontal{0%{background-position:100% 0}to{background-position:0 0}}@keyframes ia-shimmer-vertical{0%{background-position:0 100%}to{background-position:0 0}}@property --ia-shimmer-angle{syntax:"<angle>";inherits:false;initial-value:0deg}@keyframes ia-shimmer-circular{0%{--ia-shimmer-angle:0deg}to{--ia-shimmer-angle:360deg}}.ia-shimmer{animation:ia-shimmer-horizontal 1.6s ease-in-out infinite;animation-direction:normal;background-color:#e8edf5;background-image:linear-gradient(90deg,#e8edf5,#eceef4 22%,#e8edf5 48%,#d5dbe8 62%,#e8edf5);background-repeat:no-repeat;background-size:300% 100%}@media (prefers-reduced-motion:reduce){.ia-shimmer{animation:none;background-image:linear-gradient(90deg,#e8edf5,#eceef4 40%,#d5dbe8);background-size:100% 100%}}.ia-shimmer--ltr{animation:ia-shimmer-horizontal 1.6s ease-in-out infinite;animation-direction:normal;background-color:#e8edf5;background-image:linear-gradient(90deg,#e8edf5,#eceef4 22%,#e8edf5 48%,#d5dbe8 62%,#e8edf5);background-repeat:no-repeat;background-size:300% 100%}@media (prefers-reduced-motion:reduce){.ia-shimmer--ltr{animation:none;background-image:linear-gradient(90deg,#e8edf5,#eceef4 40%,#d5dbe8);background-size:100% 100%}}.ia-shimmer--rtl{animation:ia-shimmer-horizontal 1.6s ease-in-out infinite;animation-direction:reverse;background-color:#e8edf5;background-image:linear-gradient(270deg,#e8edf5,#eceef4 22%,#e8edf5 48%,#d5dbe8 62%,#e8edf5);background-repeat:no-repeat;background-size:300% 100%}@media (prefers-reduced-motion:reduce){.ia-shimmer--rtl{animation:none;background-image:linear-gradient(270deg,#e8edf5,#eceef4 40%,#d5dbe8);background-size:100% 100%}}.ia-shimmer--btt{animation:ia-shimmer-vertical 1.6s ease-in-out infinite;animation-direction:reverse;background-color:#e8edf5;background-image:linear-gradient(0deg,#e8edf5,#eceef4 22%,#e8edf5 48%,#d5dbe8 62%,#e8edf5);background-repeat:no-repeat;background-size:100% 300%}@media (prefers-reduced-motion:reduce){.ia-shimmer--btt{animation:none;background-image:linear-gradient(0deg,#e8edf5,#eceef4 40%,#d5dbe8);background-size:100% 100%}}.ia-shimmer--ttb{animation:ia-shimmer-vertical 1.6s ease-in-out infinite;animation-direction:normal;background-color:#e8edf5;background-image:linear-gradient(0deg,#e8edf5,#eceef4 22%,#e8edf5 48%,#d5dbe8 62%,#e8edf5);background-repeat:no-repeat;background-size:100% 300%}@media (prefers-reduced-motion:reduce){.ia-shimmer--ttb{animation:none;background-image:linear-gradient(0deg,#e8edf5,#eceef4 40%,#d5dbe8);background-size:100% 100%}}.ia-shimmer--circular{background-color:#e8edf5;background-repeat:no-repeat;--ia-shimmer-angle:0deg;animation:ia-shimmer-circular 1.6s linear infinite;background-image:conic-gradient(from var(--ia-shimmer-angle),#eceef4 0deg,#e8edf5 80deg,#d5dbe8 160deg,#e8edf5 260deg,#eceef4 1turn);background-size:100% 100%}@media (prefers-reduced-motion:reduce){.ia-shimmer--circular{animation:none;background-image:conic-gradient(from 0deg,#eceef4,#e8edf5,#d5dbe8,#e8edf5 1turn)}}.ia-styles.ia-buttonGroup{color:#505c75;font-family:Manrope,sans-serif;font-size:14px;font-weight:500;height:32px;text-transform:none}.ia-styles.ia-buttonGroup.ia-buttonGroup-disabled{background-color:#f8f9fb;border-color:#d9dde7;color:#b4bac7}.ia-styles.ia-buttonGroupButton{background:#fff;border-radius:0;border-right:0;font-family:Manrope,sans-serif;padding:0 12px;text-transform:none}.ia-styles.ia-buttonGroupButton:first-child{border-bottom-left-radius:8px;border-top-left-radius:8px}.ia-styles.ia-buttonGroupButton:last-child{border-bottom-right-radius:8px;border-right:1px solid #c3c8d4;border-top-right-radius:8px}.ia-styles.ia-buttonGroupButton.ia-buttonGroupButton-withIcon{display:flex;gap:2px}.ia-styles.ia-buttonGroupButton:focus-visible{box-shadow:0 0 0 var(--ia-focus-ring-offset,2px) var(--ia-focus-bg,#fff),0 0 0 calc(var(--ia-focus-ring-offset, 2px) + var(--ia-focus-ring-width, 2px)) var(--ia-focus-color,#4259ee);outline:none;transition:box-shadow .15s ease-in-out}.ia-styles.ia-buttonGroupButton:focus:not(:focus-visible){box-shadow:none;outline:none}.ia-styles.ia-buttonGroupButton.Mui-disabled:focus-visible,.ia-styles.ia-buttonGroupButton.ia-btn-disabled:focus-visible,.ia-styles.ia-buttonGroupButton.ia-switch-disabled:focus-visible,.ia-styles.ia-buttonGroupButton.impact-select-disabled:focus-visible,.ia-styles.ia-buttonGroupButton.impact_input_disabled:focus-visible,.ia-styles.ia-buttonGroupButton.route-disabled:focus-visible,.ia-styles.ia-buttonGroupButton:disabled:focus-visible,.ia-styles.ia-buttonGroupButton[aria-disabled=true]:focus-visible{box-shadow:none;outline:none}.ia-styles.ia-buttonGroupButton:focus-visible{z-index:3}.ia-styles.ia-buttonGroupButton.Mui-focusVisible{background-color:#fff}.ia-styles.ia-buttonGroupButton.ia-buttonGroupButton-selected.Mui-focusVisible{background-color:#eceefd}.ia-styles.ia-buttonGroupButton:hover{background:#fff;color:#4259ee}.ia-styles.ia-buttonGroupButton.ia-buttonGroupButton-disabled{background:#f8f9fb;border-color:#d9dde7;color:#b4bac7}.ia-styles.ia-buttonGroupButton.ia-buttonGroupButton-disabled:last-child{border-right:1px solid #d9dde7}.ia-styles.ia-buttonGroupButton.ia-buttonGroupButton-selected{background:#eceefd;border:1px solid #4259ee;color:#4259ee;margin-left:-1px;position:relative;z-index:1}.ia-styles.ia-buttonGroupButton.ia-buttonGroupButton-selected:first-child{margin-left:0}.ia-styles.ia-buttonGroupButton.ia-buttonGroupButton-selected+.ia-buttonGroupButton{border-left:#0000!important}.ia-buttonGroupButton-selected.ia-buttonGroupButton,.ia-styles.ia-buttonGroupButton.ia-buttonGroupButton-selected:last-child{border-right-color:#4259ee!important}.ia-buttonGroup-disabled .ia-buttonGroupButton-selected{background:#f8f9fb!important;border-color:#d9dde7!important;color:#b4bac7!important}.ia-styles.ia-buttonGroupButton{border:1px solid #c3c8d4;margin-left:-1px;position:relative;z-index:1}.ia-styles.ia-buttonGroupButton:first-child{margin-left:0}.ia-styles.ia-buttonGroupButton.ia-buttonGroupButton-selected{z-index:2}')),document.head.appendChild(e)}}catch(i){console.error("vite-plugin-css-injected-by-js",i)}}();
|
|
2
2
|
import { jsx, jsxs } from "react/jsx-runtime";
|
|
3
3
|
import { useMemo } from "react";
|
|
4
4
|
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
import { ShimmerDirection } from '../Skeleton';
|
|
2
|
+
|
|
3
|
+
export type ChartShimmerDirection = ShimmerDirection | 'auto';
|
|
4
|
+
export interface ChartSkeletonProps {
|
|
5
|
+
/** Chart type used to pick the skeleton layout and default shimmer direction. */
|
|
6
|
+
graphType?: string;
|
|
7
|
+
/** Optional fixed height for the skeleton plot area. */
|
|
8
|
+
height?: string | number | null;
|
|
9
|
+
/**
|
|
10
|
+
* Skeleton shimmer direction. `auto` picks by chart type
|
|
11
|
+
* (column→btt, bar/line→ltr, pie→circular).
|
|
12
|
+
* @default 'auto'
|
|
13
|
+
*/
|
|
14
|
+
shimmerDirection?: ChartShimmerDirection;
|
|
15
|
+
}
|
|
16
|
+
/** Default shimmer direction per chart type when `shimmerDirection` is `auto`. */
|
|
17
|
+
export declare const getDefaultShimmerDirection: (graphType?: string) => ShimmerDirection;
|
|
18
|
+
export declare function ChartSkeleton({ graphType, height, shimmerDirection, }: ChartSkeletonProps): import("react/jsx-runtime").JSX.Element;
|
|
19
|
+
export declare namespace ChartSkeleton {
|
|
20
|
+
var displayName: string;
|
|
21
|
+
}
|
|
22
|
+
export default ChartSkeleton;
|
|
23
|
+
//# sourceMappingURL=ChartSkeleton.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ChartSkeleton.d.ts","sourceRoot":"","sources":["../../../src/components/Chart/ChartSkeleton.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAC;AAOpD,MAAM,MAAM,qBAAqB,GAAG,gBAAgB,GAAG,MAAM,CAAC;AAE9D,MAAM,WAAW,kBAAkB;IACjC,iFAAiF;IACjF,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,wDAAwD;IACxD,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,CAAC;IAChC;;;;OAIG;IACH,gBAAgB,CAAC,EAAE,qBAAqB,CAAC;CAC1C;AAED,kFAAkF;AAClF,eAAO,MAAM,0BAA0B,GAAI,YAAY,MAAM,KAAG,gBA+B/D,CAAC;AAmLF,wBAAgB,aAAa,CAAC,EAC5B,SAAoB,EACpB,MAAa,EACb,gBAAyB,GAC1B,EAAE,kBAAkB,2CASpB;yBAbe,aAAa;;;AAiB7B,eAAe,aAAa,CAAC"}
|
|
@@ -0,0 +1,171 @@
|
|
|
1
|
+
import { jsx, jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { Skeleton } from "../Skeleton/index.js";
|
|
3
|
+
const COLUMN_BAR_HEIGHTS = [45, 70, 55, 85, 40, 65, 75, 50, 60, 90];
|
|
4
|
+
const BAR_WIDTHS = [92, 78, 88, 64, 72];
|
|
5
|
+
const LINE_BAR_WIDTHS = [88, 72, 80, 58];
|
|
6
|
+
const LEGEND_WIDTHS = [64, 80, 56];
|
|
7
|
+
const getDefaultShimmerDirection = (graphType) => {
|
|
8
|
+
const type = (graphType || "column").toLowerCase();
|
|
9
|
+
if (type === "column" || type === "waterfall" || type === "candlestick" || type === "heatmap" || type === "treemap") {
|
|
10
|
+
return "btt";
|
|
11
|
+
}
|
|
12
|
+
if (type === "bar") {
|
|
13
|
+
return "ltr";
|
|
14
|
+
}
|
|
15
|
+
if (type === "pie" || type === "semidonut" || type === "venn" || type === "bubble" || type === "packedbubble" || type === "scatter" || type === "scatter3d") {
|
|
16
|
+
return "circular";
|
|
17
|
+
}
|
|
18
|
+
return "ltr";
|
|
19
|
+
};
|
|
20
|
+
const resolveShimmerDirection = (shimmerDirection, graphType) => {
|
|
21
|
+
if (shimmerDirection && shimmerDirection !== "auto") {
|
|
22
|
+
return shimmerDirection;
|
|
23
|
+
}
|
|
24
|
+
return getDefaultShimmerDirection(graphType);
|
|
25
|
+
};
|
|
26
|
+
const AxisFrame = ({ children, orientation = "column", direction }) => /* @__PURE__ */ jsxs("div", { className: `chart-skeleton-plot chart-skeleton-plot--${orientation}`, children: [
|
|
27
|
+
/* @__PURE__ */ jsx(
|
|
28
|
+
Skeleton,
|
|
29
|
+
{
|
|
30
|
+
borderRadius: 0,
|
|
31
|
+
className: "chart-skeleton-axis chart-skeleton-axis--y",
|
|
32
|
+
direction,
|
|
33
|
+
height: "100%",
|
|
34
|
+
variant: "rectangular",
|
|
35
|
+
width: 2
|
|
36
|
+
}
|
|
37
|
+
),
|
|
38
|
+
/* @__PURE__ */ jsxs("div", { className: "chart-skeleton-plot-inner", children: [
|
|
39
|
+
/* @__PURE__ */ jsx("div", { className: "chart-skeleton-bars", children }),
|
|
40
|
+
/* @__PURE__ */ jsx(
|
|
41
|
+
Skeleton,
|
|
42
|
+
{
|
|
43
|
+
borderRadius: 0,
|
|
44
|
+
className: "chart-skeleton-axis chart-skeleton-axis--x",
|
|
45
|
+
direction,
|
|
46
|
+
height: 2,
|
|
47
|
+
variant: "rectangular",
|
|
48
|
+
width: "100%"
|
|
49
|
+
}
|
|
50
|
+
)
|
|
51
|
+
] })
|
|
52
|
+
] });
|
|
53
|
+
const ColumnSkeleton = ({ direction }) => /* @__PURE__ */ jsx(AxisFrame, { direction, orientation: "column", children: COLUMN_BAR_HEIGHTS.map((height, index) => /* @__PURE__ */ jsx(
|
|
54
|
+
Skeleton,
|
|
55
|
+
{
|
|
56
|
+
borderRadius: 8,
|
|
57
|
+
className: "chart-skeleton-bar chart-skeleton-bar--column",
|
|
58
|
+
direction,
|
|
59
|
+
height: `${height}%`,
|
|
60
|
+
variant: "pill",
|
|
61
|
+
width: "auto"
|
|
62
|
+
},
|
|
63
|
+
`column-bar-${index}`
|
|
64
|
+
)) });
|
|
65
|
+
const BarSkeleton = ({ direction }) => /* @__PURE__ */ jsx(AxisFrame, { direction, orientation: "bar", children: BAR_WIDTHS.map((width, index) => /* @__PURE__ */ jsx(
|
|
66
|
+
Skeleton,
|
|
67
|
+
{
|
|
68
|
+
className: "chart-skeleton-bar chart-skeleton-bar--bar",
|
|
69
|
+
direction,
|
|
70
|
+
height: 14,
|
|
71
|
+
variant: "pill",
|
|
72
|
+
width: `${width}%`
|
|
73
|
+
},
|
|
74
|
+
`bar-${index}`
|
|
75
|
+
)) });
|
|
76
|
+
const LineSkeleton = ({ direction }) => /* @__PURE__ */ jsx(AxisFrame, { direction, orientation: "line", children: LINE_BAR_WIDTHS.map((width, index) => /* @__PURE__ */ jsx(
|
|
77
|
+
Skeleton,
|
|
78
|
+
{
|
|
79
|
+
className: "chart-skeleton-bar chart-skeleton-bar--line",
|
|
80
|
+
direction,
|
|
81
|
+
height: 14,
|
|
82
|
+
variant: "pill",
|
|
83
|
+
width: `${width}%`
|
|
84
|
+
},
|
|
85
|
+
`line-bar-${index}`
|
|
86
|
+
)) });
|
|
87
|
+
const DonutSkeleton = ({
|
|
88
|
+
direction,
|
|
89
|
+
variant = "donut"
|
|
90
|
+
}) => {
|
|
91
|
+
const isSemi = variant === "semidonut";
|
|
92
|
+
return /* @__PURE__ */ jsxs("div", { className: "chart-skeleton-plot chart-skeleton-plot--circular", children: [
|
|
93
|
+
/* @__PURE__ */ jsx(
|
|
94
|
+
Skeleton,
|
|
95
|
+
{
|
|
96
|
+
className: `chart-skeleton-donut${isSemi ? " chart-skeleton-donut--semi" : ""}`,
|
|
97
|
+
direction,
|
|
98
|
+
height: isSemi ? 90 : 180,
|
|
99
|
+
variant: "circular",
|
|
100
|
+
width: 180
|
|
101
|
+
}
|
|
102
|
+
),
|
|
103
|
+
/* @__PURE__ */ jsx("div", { className: "chart-skeleton-legend", children: LEGEND_WIDTHS.map((width, index) => /* @__PURE__ */ jsx(
|
|
104
|
+
Skeleton,
|
|
105
|
+
{
|
|
106
|
+
className: "chart-skeleton-legend-item",
|
|
107
|
+
direction: "ltr",
|
|
108
|
+
height: 10,
|
|
109
|
+
variant: "pill",
|
|
110
|
+
width
|
|
111
|
+
},
|
|
112
|
+
`legend-${index}`
|
|
113
|
+
)) })
|
|
114
|
+
] });
|
|
115
|
+
};
|
|
116
|
+
const CircularPlotSkeleton = ({ direction }) => /* @__PURE__ */ jsxs("div", { className: "chart-skeleton-plot chart-skeleton-plot--circular", children: [
|
|
117
|
+
/* @__PURE__ */ jsx(
|
|
118
|
+
Skeleton,
|
|
119
|
+
{
|
|
120
|
+
className: "chart-skeleton-circle",
|
|
121
|
+
direction,
|
|
122
|
+
height: 180,
|
|
123
|
+
variant: "circular",
|
|
124
|
+
width: 180
|
|
125
|
+
}
|
|
126
|
+
),
|
|
127
|
+
/* @__PURE__ */ jsx("div", { className: "chart-skeleton-legend", children: LEGEND_WIDTHS.map((width, index) => /* @__PURE__ */ jsx(
|
|
128
|
+
Skeleton,
|
|
129
|
+
{
|
|
130
|
+
className: "chart-skeleton-legend-item",
|
|
131
|
+
direction: "ltr",
|
|
132
|
+
height: 10,
|
|
133
|
+
variant: "pill",
|
|
134
|
+
width
|
|
135
|
+
},
|
|
136
|
+
`legend-${index}`
|
|
137
|
+
)) })
|
|
138
|
+
] });
|
|
139
|
+
const getSkeletonByType = (graphType, direction) => {
|
|
140
|
+
const type = (graphType || "column").toLowerCase();
|
|
141
|
+
if (type === "bar") {
|
|
142
|
+
return /* @__PURE__ */ jsx(BarSkeleton, { direction });
|
|
143
|
+
}
|
|
144
|
+
if (type === "line" || type === "area" || type === "area line") {
|
|
145
|
+
return /* @__PURE__ */ jsx(LineSkeleton, { direction });
|
|
146
|
+
}
|
|
147
|
+
if (type === "pie") {
|
|
148
|
+
return /* @__PURE__ */ jsx(DonutSkeleton, { direction, variant: "donut" });
|
|
149
|
+
}
|
|
150
|
+
if (type === "semidonut") {
|
|
151
|
+
return /* @__PURE__ */ jsx(DonutSkeleton, { direction, variant: "semidonut" });
|
|
152
|
+
}
|
|
153
|
+
if (type === "venn" || type === "bubble" || type === "packedbubble" || type === "scatter" || type === "scatter3d") {
|
|
154
|
+
return /* @__PURE__ */ jsx(CircularPlotSkeleton, { direction });
|
|
155
|
+
}
|
|
156
|
+
return /* @__PURE__ */ jsx(ColumnSkeleton, { direction });
|
|
157
|
+
};
|
|
158
|
+
function ChartSkeleton({
|
|
159
|
+
graphType = "column",
|
|
160
|
+
height = null,
|
|
161
|
+
shimmerDirection = "auto"
|
|
162
|
+
}) {
|
|
163
|
+
const style = height ? { height } : void 0;
|
|
164
|
+
const direction = resolveShimmerDirection(shimmerDirection, graphType);
|
|
165
|
+
return /* @__PURE__ */ jsx("div", { "aria-busy": "true", "aria-live": "polite", className: "chart-skeleton", style, children: getSkeletonByType(graphType, direction) });
|
|
166
|
+
}
|
|
167
|
+
ChartSkeleton.displayName = "ChartSkeleton";
|
|
168
|
+
export {
|
|
169
|
+
ChartSkeleton,
|
|
170
|
+
getDefaultShimmerDirection
|
|
171
|
+
};
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
|
|
2
|
-
export declare const Chart: ({ graphType, xAxisCategories, xAxisTitle, yAxisTitle, seriesData, graphTitle, stackedColumn, is3D, showSubTitle, onChartDownload, fallbackContent, topRightOptions, showSwitchButton, showChartTypeDropdown, showDownloadButton, chartTypesOptions, selectedChart, chartMenuProps, showScrollX, topLeftOptions, cardContainer, subtitleText, legendXPosition, legendYPosition, xAxisTitlePositionY, customTooltipFormatter, sharedTooltip, showchart, setShowChart, plotOptionsEvents, customSystemButton, handleChartExpand, chartMarginBottom, showHeader, height, width, showExpandButton, showDownloadMenu, showBuiltInDownloadOptions, downloadMenuOptions, customLegend, customLegendStyle, yAxisTitleRight, chartOptions, titleOptions, xAxisOptions, yAxisOptions, yAxisLeftOptions, yAxisRightOptions, zAxisOptions, tooltipOptions, plotOptionsOptions, subtitleOptions, creditsOptions, legendOptions, colorAxisOptions, seriesOptions, additionalOptions, hoveredXAxisIndex, exportingOptions, aboveChartComponent, isEmpty, }: {
|
|
2
|
+
export declare const Chart: ({ graphType, xAxisCategories, xAxisTitle, yAxisTitle, seriesData, graphTitle, stackedColumn, is3D, showSubTitle, onChartDownload, fallbackContent, topRightOptions, showSwitchButton, showChartTypeDropdown, showDownloadButton, chartTypesOptions, selectedChart, chartMenuProps, showScrollX, topLeftOptions, cardContainer, subtitleText, legendXPosition, legendYPosition, xAxisTitlePositionY, customTooltipFormatter, sharedTooltip, showchart, setShowChart, plotOptionsEvents, customSystemButton, handleChartExpand, chartMarginBottom, showHeader, height, width, showExpandButton, showDownloadMenu, showBuiltInDownloadOptions, downloadMenuOptions, customLegend, customLegendStyle, yAxisTitleRight, chartOptions, titleOptions, xAxisOptions, yAxisOptions, yAxisLeftOptions, yAxisRightOptions, zAxisOptions, tooltipOptions, plotOptionsOptions, subtitleOptions, creditsOptions, legendOptions, colorAxisOptions, seriesOptions, additionalOptions, hoveredXAxisIndex, exportingOptions, aboveChartComponent, isEmpty, isLoading, shimmerDirection, topSubHeader, }: {
|
|
3
3
|
graphType?: string | undefined;
|
|
4
4
|
xAxisCategories: any;
|
|
5
5
|
xAxisTitle?: string | undefined;
|
|
@@ -62,5 +62,8 @@ export declare const Chart: ({ graphType, xAxisCategories, xAxisTitle, yAxisTitl
|
|
|
62
62
|
exportingOptions?: {} | undefined;
|
|
63
63
|
aboveChartComponent?: null | undefined;
|
|
64
64
|
isEmpty?: boolean | undefined;
|
|
65
|
+
isLoading?: boolean | undefined;
|
|
66
|
+
shimmerDirection?: string | undefined;
|
|
67
|
+
topSubHeader?: null | undefined;
|
|
65
68
|
}) => import("react/jsx-runtime").JSX.Element;
|
|
66
69
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Chart/index.tsx"],"names":[],"mappings":"AAQA,OAAO,iCAAiC,CAAC;AACzC,OAAO,mCAAmC,CAAC;AAC3C,OAAO,mCAAmC,CAAC;AAC3C,OAAO,iCAAiC,CAAC;AACzC,OAAO,gCAAgC,CAAC;AACxC,OAAO,mCAAmC,CAAC;AAC3C,OAAO,qCAAqC,CAAC;AAC7C,OAAO,uCAAuC,CAAC;AAC/C,OAAO,6CAA6C,CAAC;AASrD,OAAO,qBAAqB,CAAC;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Chart/index.tsx"],"names":[],"mappings":"AAQA,OAAO,iCAAiC,CAAC;AACzC,OAAO,mCAAmC,CAAC;AAC3C,OAAO,mCAAmC,CAAC;AAC3C,OAAO,iCAAiC,CAAC;AACzC,OAAO,gCAAgC,CAAC;AACxC,OAAO,mCAAmC,CAAC;AAC3C,OAAO,qCAAqC,CAAC;AAC7C,OAAO,uCAAuC,CAAC;AAC/C,OAAO,6CAA6C,CAAC;AASrD,OAAO,qBAAqB,CAAC;AAoC7B,eAAO,MAAM,KAAK,GAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAkErB,4CAmoBA,CAAC"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
!function(){"use strict";try{if("undefined"!=typeof document){var
|
|
1
|
+
!function(){"use strict";try{if("undefined"!=typeof document){var e=document.createElement("style");e.appendChild(document.createTextNode(".chart-container{background:#fff;border-radius:8px;display:flex;flex-direction:column;gap:24px;height:100%;padding:12px 12px 0;position:relative;transform-origin:center center;transition:all .25s ease}.chart-container.above-chart-component{gap:16px}.chart-container.card-container{box-shadow:0 0 4px #0000001f}.chart-container.fullscreen-animating{animation:expandAnim .2s ease forwards}.chart-container.fullscreen-animating-out{animation:collapseAnim .2s ease forwards}.chart-container.expanded{padding:24px}.chart-container .chart-container-header{align-items:center;display:flex;justify-content:space-between}.chart-container .chart-container-header .chart-container-header-title{align-items:center;display:flex;gap:6px}.chart-container .chart-container-header .chart-container-header-title .chart-container-header-title-text{color:#0d152c;font-size:16px;font-style:normal;font-weight:600;line-height:24px}.chart-container .chart-container-header .chart-container-header-actions{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.chart-container .divider-line{background:#d9dde7;height:16px;width:1px}.chart-custom-actions{align-items:center;display:flex;gap:12px}.highcharts-xaxis-labels text,.highcharts-yaxis-labels text{color:#60697d!important;font-family:Manrope,sans-serif;font-size:12px!important;font-weight:500}.highcharts-xaxis .highcharts-axis-title,.highcharts-yaxis .highcharts-axis-title{color:#60697d!important;font-family:Manrope,sans-serif;font-size:14px!important;font-style:normal;font-weight:500;line-height:20px}.tooltip-key{font-size:12px;font-weight:500;line-height:16px}.tooltip-value{font-size:14px;font-weight:600;line-height:24px}.highcharts-text-outline{stroke-width:0px}.chart-empty-state{align-items:center;display:flex;flex-direction:column;gap:8px;height:100%;justify-content:center}.chart-empty-state span{color:#7a8294;font-size:16px;font-weight:600;line-height:24px;text-align:center}.chart-skeleton{box-sizing:border-box;display:flex;flex-direction:column;height:300px;min-height:160px;padding:8px 4px 16px;width:100%}.chart-skeleton .chart-skeleton-plot{display:flex;flex:1;height:100%;min-height:0;width:100%}.chart-skeleton .chart-skeleton-plot-inner{display:flex;flex:1;flex-direction:column;gap:4px;min-height:0;min-width:0}.chart-skeleton .chart-skeleton-axis{flex-shrink:0}.chart-skeleton .chart-skeleton-axis--y{align-self:stretch;height:100%;width:2px}.chart-skeleton .chart-skeleton-axis--x{height:2px;width:100%}.chart-skeleton .chart-skeleton-bars{display:flex;flex:1;min-height:0;min-width:0}.chart-skeleton .chart-skeleton-bar{border-radius:999px}.chart-skeleton .chart-skeleton-legend-item{border-radius:999px;height:10px}.chart-skeleton .chart-skeleton-plot--column{align-items:stretch;flex-direction:row;gap:8px}.chart-skeleton .chart-skeleton-plot--column .chart-skeleton-bars{align-items:flex-end;flex-direction:row;gap:8px;justify-content:space-around;padding:0 8px 0 4px}.chart-skeleton .chart-skeleton-plot--column .chart-skeleton-bar--column{flex:1;max-width:36px;min-width:12px}.chart-skeleton .chart-skeleton-plot--bar{align-items:stretch;flex-direction:row;gap:8px}.chart-skeleton .chart-skeleton-plot--bar .chart-skeleton-bars{flex-direction:column;gap:10px;justify-content:space-around;padding:4px 0 0 4px}.chart-skeleton .chart-skeleton-plot--bar .chart-skeleton-bar--bar{border-radius:999px;height:14px;max-width:100%;min-width:40px}.chart-skeleton .chart-skeleton-plot--line{align-items:stretch;flex-direction:row;gap:8px}.chart-skeleton .chart-skeleton-plot--line .chart-skeleton-bars{flex-direction:column;gap:18px;justify-content:space-evenly;padding:12px 8px 8px 4px}.chart-skeleton .chart-skeleton-plot--line .chart-skeleton-bar--line{align-self:flex-start;border-radius:999px;height:14px;max-width:100%;min-width:48px}.chart-skeleton .chart-skeleton-plot--circular{align-items:center;flex-direction:column;gap:20px;justify-content:center}.chart-skeleton .chart-skeleton-plot--circular .chart-skeleton-circle{border-radius:50%;flex-shrink:0;height:180px;width:180px}.chart-skeleton .chart-skeleton-plot--circular .chart-skeleton-donut{border-radius:50%;flex-shrink:0;height:180px;-webkit-mask-image:radial-gradient(farthest-side,#0000 calc(58% - .5px),#000 calc(58% + .5px));mask-image:radial-gradient(farthest-side,#0000 calc(58% - .5px),#000 calc(58% + .5px));width:180px}.chart-skeleton .chart-skeleton-plot--circular .chart-skeleton-donut--semi{border-radius:180px 180px 0 0;height:90px;-webkit-mask-image:radial-gradient(farthest-side at 50% 100%,#0000 calc(58% - .5px),#000 calc(58% + .5px));mask-image:radial-gradient(farthest-side at 50% 100%,#0000 calc(58% - .5px),#000 calc(58% + .5px))}.chart-skeleton .chart-skeleton-plot--circular .chart-skeleton-legend{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:center}@keyframes expandAnim{0%{opacity:.6;transform:scale(.98)}to{opacity:1;transform:scale(1)}}@keyframes collapseAnim{0%{opacity:1;transform:scale(1)}to{opacity:.6;transform:scale(.98)}}")),document.head.appendChild(e)}}catch(t){console.error("vite-plugin-css-injected-by-js",t)}}();
|
|
2
2
|
import { jsx, Fragment, jsxs } from "react/jsx-runtime";
|
|
3
3
|
import React__default, { useState, useRef, useEffect, useMemo } from "react";
|
|
4
4
|
import Highcharts from "highcharts/esm/highcharts.js";
|
|
@@ -21,6 +21,7 @@ import { Button } from "../Button/index.js";
|
|
|
21
21
|
import { Menu } from "../Menu/index.js";
|
|
22
22
|
import { Tooltip } from "../Tooltip/index.js";
|
|
23
23
|
import default_1$1 from "../../node_modules/@mui/icons-material/FileDownloadOutlined.js";
|
|
24
|
+
import { ChartSkeleton } from "./ChartSkeleton.js";
|
|
24
25
|
const EmptyStateImage = (props) => /* @__PURE__ */ jsx("img", { alt: "", src: getAssetUrl("icons/emptyStateImage.svg"), ...props });
|
|
25
26
|
const interopDefault = (mod) => {
|
|
26
27
|
let value = mod;
|
|
@@ -99,7 +100,10 @@ const Chart = ({
|
|
|
99
100
|
hoveredXAxisIndex = null,
|
|
100
101
|
exportingOptions = {},
|
|
101
102
|
aboveChartComponent = null,
|
|
102
|
-
isEmpty = false
|
|
103
|
+
isEmpty = false,
|
|
104
|
+
isLoading = false,
|
|
105
|
+
shimmerDirection = "auto",
|
|
106
|
+
topSubHeader = null
|
|
103
107
|
}) => {
|
|
104
108
|
var _a;
|
|
105
109
|
const [isExpanded, setIsExpanded] = useState(false);
|
|
@@ -602,7 +606,15 @@ const Chart = ({
|
|
|
602
606
|
}
|
|
603
607
|
}
|
|
604
608
|
),
|
|
605
|
-
|
|
609
|
+
topSubHeader && topSubHeader,
|
|
610
|
+
isLoading ? /* @__PURE__ */ jsx(
|
|
611
|
+
ChartSkeleton,
|
|
612
|
+
{
|
|
613
|
+
graphType,
|
|
614
|
+
height,
|
|
615
|
+
shimmerDirection
|
|
616
|
+
}
|
|
617
|
+
) : isEmpty ? /* @__PURE__ */ jsxs("div", { className: "chart-empty-state", children: [
|
|
606
618
|
/* @__PURE__ */ jsx(EmptyStateImage, {}),
|
|
607
619
|
/* @__PURE__ */ jsx("span", { children: "No data to display" })
|
|
608
620
|
] }) : /* @__PURE__ */ jsx(
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Chatbot/index.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Chatbot/index.tsx"],"names":[],"mappings":"AAsBA,OAAO,KAAK,EAAE,YAAY,EAAwB,MAAM,iBAAiB,CAAC;AAC1E,OAAO,sBAAsB,CAAC;AAI9B,YAAY,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAoCpD,wBAAgB,gBAAgB,CAAC,EAC/B,OAAO,EACP,QAAQ,EACR,aAAa,EACb,gBAAgB,EAChB,YAAiD,EACjD,QAAQ,EAAE,SAAS,EACnB,aAAa,EAAE,cAAc,EAC7B,cAAc,EAAE,eAAe,EAC/B,mBAAmB,EACnB,mBAAmB,EACnB,eAA0B,EAC1B,cAAc,EAAE,eAAoB,EACpC,mBAA2B,EAC3B,UAAe,EACf,aAAwB,EACxB,OAAO,EACP,eAAe,EACf,UAA6C,EAC7C,YAAmB,EACnB,cAAsB,EACtB,eAAsB,EACtB,WAAsB,EACtB,cAAyB,EACzB,kBAA6B,EAC7B,SAAc,EACd,aAAa,EACb,cAAc,EACd,cAAc,EACd,aAAqB,EACrB,aAAqB,EACrB,mBAA2B,EAC3B,gBAAgB,EAChB,UAAkB,EAClB,eAA0B,EAC1B,aAAqB,EACrB,UAAU,EACV,uBAAkC,EAClC,oBAA4B,EAC5B,WAAgB,EAChB,oBAA2B,EAC3B,mBAA8B,EAC9B,gBAAqB,EACrB,qBAAgC,EAChC,2BAAsC,EACtC,oBAA+B,EAC/B,iBAAiB,EACjB,mBAA8B,EAC9B,gBAAuB,EACvB,WAAmB,EACnB,oBAAoB,EACpB,iBAA4B,EAC5B,iBAA4B,EAC5B,iBAAiB,EACjB,eAA0B,GAC3B,EAAE,YAAY,kDAkXd;yBAzae,gBAAgB"}
|