impact-ui 4.0.4-alpha.1 → 4.0.5
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/_virtual/index15.js +2 -2
- package/dist/_virtual/index16.js +2 -2
- package/dist/_virtual/index2.js +2 -2
- package/dist/_virtual/index3.js +4 -2
- package/dist/_virtual/index4.js +3 -3
- package/dist/_virtual/index5.js +2 -4
- package/dist/components/Accordion/index.d.ts.map +1 -1
- package/dist/components/Accordion/index.js +0 -1
- package/dist/components/CommentsPanel/CommentsPanel.impl.js +1 -1
- package/dist/components/CreateItemFlow/CreateItemFlow.types.d.ts +10 -4
- package/dist/components/CreateItemFlow/CreateItemFlow.types.d.ts.map +1 -1
- package/dist/components/CreateItemFlow/index.d.ts +3 -15
- package/dist/components/CreateItemFlow/index.d.ts.map +1 -1
- package/dist/components/CreateItemFlow/index.js +132 -52
- package/dist/components/DynamicLayout/index.d.ts +9 -11
- package/dist/components/DynamicLayout/index.d.ts.map +1 -1
- package/dist/components/DynamicLayout/index.js +37 -29
- 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/Stepper/index.js +1 -1
- package/dist/components/Table/index.js +1 -1
- package/dist/components/TableOld/AgGridHeader.d.ts.map +1 -1
- package/dist/mcp-component-registry.json +1 -1
- package/dist/node_modules/@mui/system/colorManipulator.js +2 -2
- package/dist/node_modules/hoist-non-react-statics/node_modules/react-is/index.js +1 -1
- package/dist/node_modules/is-symbol/index.js +1 -1
- package/dist/node_modules/prop-types/index.js +1 -1
- package/dist/node_modules/react-is/index.js +1 -1
- package/package.json +5 -4
package/dist/_virtual/index15.js
CHANGED
package/dist/_virtual/index16.js
CHANGED
package/dist/_virtual/index2.js
CHANGED
package/dist/_virtual/index3.js
CHANGED
|
@@ -1,4 +1,6 @@
|
|
|
1
|
-
|
|
1
|
+
import { getAugmentedNamespace } from "./_commonjsHelpers.js";
|
|
2
|
+
import * as index from "../node_modules/@mui/system/node_modules/@mui/utils/esm/formatMuiErrorMessage/index.js";
|
|
3
|
+
const require$$1 = /* @__PURE__ */ getAugmentedNamespace(index);
|
|
2
4
|
export {
|
|
3
|
-
|
|
5
|
+
require$$1 as default
|
|
4
6
|
};
|
package/dist/_virtual/index4.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { getAugmentedNamespace } from "./_commonjsHelpers.js";
|
|
2
|
-
import * as index from "../node_modules/@mui/system/node_modules/@mui/utils/esm/
|
|
3
|
-
const require$$
|
|
2
|
+
import * as index from "../node_modules/@mui/system/node_modules/@mui/utils/esm/clamp/index.js";
|
|
3
|
+
const require$$2 = /* @__PURE__ */ getAugmentedNamespace(index);
|
|
4
4
|
export {
|
|
5
|
-
require$$
|
|
5
|
+
require$$2 as default
|
|
6
6
|
};
|
package/dist/_virtual/index5.js
CHANGED
|
@@ -1,6 +1,4 @@
|
|
|
1
|
-
|
|
2
|
-
import * as index from "../node_modules/@mui/system/node_modules/@mui/utils/esm/clamp/index.js";
|
|
3
|
-
const require$$2 = /* @__PURE__ */ getAugmentedNamespace(index);
|
|
1
|
+
var reactIs = { exports: {} };
|
|
4
2
|
export {
|
|
5
|
-
|
|
3
|
+
reactIs as __module
|
|
6
4
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Accordion/index.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,KAAK,cAAc,EAAE,MAAM,mBAAmB,CAAC;AACxD,OAAO,yBAAyB,CAAC;AAEjC;;;;;;;;;;;;;;;;GAgBG;AACH,eAAO,MAAM,SAAS,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Accordion/index.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,KAAK,cAAc,EAAE,MAAM,mBAAmB,CAAC;AACxD,OAAO,yBAAyB,CAAC;AAEjC;;;;;;;;;;;;;;;;GAgBG;AACH,eAAO,MAAM,SAAS,wHA+HrB,CAAC"}
|
|
@@ -1,4 +1,4 @@
|
|
|
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)}}:root{--ia-focus-color:#4259ee;--ia-focus-bg:#fff;--ia-focus-ring-width:2px;--ia-focus-ring-offset:2px;--ia-modal-backdrop:#0d152ccc}*,:after,:before{box-sizing:border-box}body,textarea{font-style:normal;font-weight:500}a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{border:0;font-size:100%;font:inherit;margin:0;padding:0;vertical-align:initial}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}table{border-collapse:collapse;border-spacing:0}body{font-family:Manrope,sans-serif}.impact-notification-separator{background-color:#d9dde7;display:inline-block;height:16px;width:1.5px}.impact-notification-horizontal-separator{background-color:#d9dde7;display:inline-block;height:1px;width:100%}ul.storybook-order-list{list-style-type:disc;padding-left:12px}ul.storybook-order-list li{font-size:12px;line-height:20px;padding-bottom:8px}ul.storybook-order-list li strong{font-weight:800}ul.storybook-order-child-list{list-style-type:circle;padding-left:20px}ul.storybook-order-child-list li{font-size:12px;line-height:20px;padding-bottom:8px}ul.storybook-order-child-list li strong{font-weight:800}.comment-panel-main-container{background-color:#fff;box-shadow:0 0 4px #0000001f;display:flex;flex-direction:column;opacity:0;overflow:hidden;transition:all .2s ease-in-out;visibility:hidden;width:0}.comment-panel-main-container .comment-panel-header{align-items:center;background-color:#eceefd;display:flex;justify-content:space-between;padding:12px 16px}.comment-panel-main-container .comment-panel-header h2{color:#0d152c;font-family:Manrope,sans-serif;font-size:16px;font-weight:700;margin:0}.comment-panel-main-container .comment-panel-header .close_icon{background:url(https://impact-kit.devs.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/icons/close.svg) no-repeat;background-position:50%;background-size:12px;cursor:pointer;height:12px;width:12px}.comment-panel-main-container .comment-panel-header .close_icon:hover{background:#eceefd url(https://impact-kit.devs.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/icons/close.svg) no-repeat;background-position:50%;background-size:12px;color:#3649c6}.comment-panel-main-container .comment-panel-body{bottom:0;left:0;padding-top:8px;position:absolute;right:0;top:40px}.comment-panel-main-container .comment-panel-search-panel{align-items:center;display:flex;justify-content:space-between;padding:0 12px}.comment-panel-main-container .comment-panel-search-panel .left-input-icon{padding-top:2px}.comment-panel-main-container .comment-panel-search-panel .ia-styles.ia-btn.ia-btn-small{padding:14px!important}.comment-panel-main-container .comment-panel-search-panel .impact_inputbox_container_with_icons{width:279px}.comment-panel-main-container .comment-panel-content{bottom:0;display:flex;flex-direction:column;gap:0;left:0;line-height:20px;overflow:auto;padding:8px 12px;position:absolute;right:0;top:40px}.comment-panel-main-container .comment-panel-item{background-color:initial;cursor:pointer;padding:16px;position:relative}.comment-panel-main-container .comment-panel-item:not(:last-child){margin-bottom:16px}.comment-panel-main-container .comment-panel-item:not(:last-child):after{background:#d9dde7;bottom:-8px;content:"";height:1px;left:16px;position:absolute;right:16px}.comment-panel-main-container .comment-panel-item.active{background-color:#eceefd;border-radius:16px}.comment-panel-main-container .comment-panel-item-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:12px}.comment-panel-main-container .comment-panel-item-header .comment-panel-item-header-left{align-items:flex-start;display:flex;gap:8px}.comment-panel-main-container .comment-panel-item-header .comment-panel-author-info{display:flex;flex-direction:column;gap:2px}.comment-panel-main-container .comment-panel-item-header .comment-panel-author-info span:first-child{color:#31416e;font-size:14px;font-weight:600;line-height:21px}.comment-panel-main-container .comment-panel-item-header .comment-panel-author-info span:last-child{color:#60697d;font-size:12px;font-weight:500;line-height:16px}.comment-panel-main-container .comment-panel-item-header .comment-panel-item-header-right{align-items:baseline;display:flex}.comment-panel-main-container .comment-panel-item-header .comment-panel-item-header-right .comment-panel-action-icon{padding:8px}.comment-panel-main-container .comment-panel-item-header .comment-panel-item-header-right .comment-panel-action-icon svg{height:16px;width:16px}.comment-panel-main-container .comment-panel-item-header .comment-panel-item-header-right .comment-panel-action-button{background-color:initial;padding:8px}.comment-panel-main-container .comment-panel-item-content{color:#1f2b4d;display:-webkit-box;font-size:14px;font-weight:500;line-clamp:3;-webkit-line-clamp:3;line-height:20px;-webkit-box-orient:vertical;max-height:60px;overflow:hidden;text-overflow:ellipsis;white-space:normal}.comment-panel-main-container .comment-panel-item-footer{background:none;border:none;color:#4259ee;cursor:pointer;font-size:14px;font-weight:500;line-height:20px;padding:0;text-align:left}.comment-panel-main-container .comment-panel-item-footer-row{align-items:center;display:flex;gap:8px;justify-content:space-between;margin-top:12px;width:100%}.comment-panel-main-container .comment-panel-item-footer-link{color:#4259ee}.comment-panel-main-container .comment-panel-item-footer-muted{color:#7a8294;cursor:default}.comment-panel-main-container .impact_emptystate{border:none;border-radius:0;bottom:0;left:0;margin:0;min-height:auto;padding:0;position:absolute;right:0;top:2px;width:auto}.comment-panel-main-container .impact_emptystate .impact_center_svg_with_icon{min-height:0}.comment-panel-main-container .impact_emptystate .impact_center_svg{height:auto}.comment-panel-main-container .impact_emptystate .impact_heading{font-size:14px;line-height:21px;margin-bottom:0}.comment-panel-main-container .impact_emptystate .impact_paragraph{color:#7a8294;font-size:10px;font-weight:500;line-height:14px;margin-top:0;width:inherit;width:285px}.comment-panel-main-container.display-comment-panel{border-radius:8px;gap:8px;min-height:480px;opacity:1;padding:0;visibility:visible;width:355px;z-index:999}.comment-panel-main-container.display-comment-panel .comment-panel-header{border-bottom:none}.comment-panel-main-container.display-comment-panel .comment-panel-header .close_icon{padding:0}.header-comments-dropdown{border-radius:8px;box-shadow:0 4px 16px #00000029;margin-top:4px;overflow:hidden;position:absolute;right:0;top:100%;z-index:10000}.header-comments-dropdown .comment-panel-main-container{max-height:500px;position:relative}.header-comments-dropdown .comment-panel-main-container.display-comment-panel{bottom:unset;max-height:500px;min-height:400px}.header-comments-dropdown .comment-panel-main-container .comment-panel-body{flex:1;overflow:auto;position:relative;top:auto}.header-comments-dropdown .comment-panel-main-container .impact_emptystate{border:none;border-radius:0;margin:0;min-height:auto;padding:20px;width:auto}.header-comments-dropdown .comment-panel-main-container .impact_emptystate .impact_center_svg_with_icon{min-height:0}.header-comments-dropdown .comment-panel-main-container .impact_emptystate .impact_center_svg{height:auto}.header-comments-dropdown .comment-panel-main-container .impact_emptystate .impact_heading{font-size:14px;line-height:21px;margin-bottom:0}.header-comments-dropdown .comment-panel-main-container .impact_emptystate .impact_paragraph{color:#7a8294;font-size:10px;font-weight:500;line-height:14px;margin-top:0;width:285px}.header-comments-dropdown .comment-panel-main-container .comment-panel-content{bottom:auto;max-height:380px;min-height:300px;position:relative;top:auto}')),document.head.appendChild(e)}}catch(n){console.error("vite-plugin-css-injected-by-js",n)}}();
|
|
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)}}:root{--ia-focus-color:#4259ee;--ia-focus-bg:#fff;--ia-focus-ring-width:2px;--ia-focus-ring-offset:2px;--ia-modal-backdrop:#0d152ccc}*,:after,:before{box-sizing:border-box}body,textarea{font-style:normal;font-weight:500}a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{border:0;font-size:100%;font:inherit;margin:0;padding:0;vertical-align:initial}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}table{border-collapse:collapse;border-spacing:0}body{font-family:Manrope,sans-serif}.impact-notification-separator{background-color:#d9dde7;display:inline-block;height:16px;width:1.5px}.impact-notification-horizontal-separator{background-color:#d9dde7;display:inline-block;height:1px;width:100%}ul.storybook-order-list{list-style-type:disc;padding-left:12px}ul.storybook-order-list li{font-size:12px;line-height:20px;padding-bottom:8px}ul.storybook-order-list li strong{font-weight:800}ul.storybook-order-child-list{list-style-type:circle;padding-left:20px}ul.storybook-order-child-list li{font-size:12px;line-height:20px;padding-bottom:8px}ul.storybook-order-child-list li strong{font-weight:800}.comment-panel-main-container{background-color:#fff;box-shadow:0 0 4px #0000001f;display:flex;flex-direction:column;opacity:0;overflow:hidden;transition:all .2s ease-in-out;visibility:hidden;width:0}.comment-panel-main-container .comment-panel-header{align-items:center;background-color:#eceefd;display:flex;justify-content:space-between;padding:12px 16px}.comment-panel-main-container .comment-panel-header h2{color:#0d152c;font-family:Manrope,sans-serif;font-size:16px;font-weight:700;margin:0}.comment-panel-main-container .comment-panel-header .close_icon{background:url(https://impact-kit.devs.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/icons/close.svg) no-repeat;background-position:50%;background-size:12px;cursor:pointer;height:12px;width:12px}.comment-panel-main-container .comment-panel-header .close_icon:hover{background:#eceefd url(https://impact-kit.devs.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/icons/close.svg) no-repeat;background-position:50%;background-size:12px;color:#3649c6}.comment-panel-main-container .comment-panel-body{bottom:0;left:0;padding-top:8px;position:absolute;right:0;top:40px}.comment-panel-main-container .comment-panel-search-panel{align-items:center;display:flex;justify-content:space-between;padding:0 12px}.comment-panel-main-container .comment-panel-search-panel .left-input-icon{padding-top:2px}.comment-panel-main-container .comment-panel-search-panel .ia-styles.ia-btn.ia-btn-small{padding:14px!important}.comment-panel-main-container .comment-panel-search-panel .impact_inputbox_container_with_icons{width:279px}.comment-panel-main-container .comment-panel-content{bottom:0;display:flex;flex-direction:column;gap:0;left:0;line-height:20px;overflow:auto;padding:8px 12px;position:absolute;right:0;top:40px}.comment-panel-main-container .comment-panel-item{background-color:initial;cursor:pointer;padding:16px;position:relative}.comment-panel-main-container .comment-panel-item:not(:last-child){margin-bottom:16px}.comment-panel-main-container .comment-panel-item:not(:last-child):after{background:#d9dde7;bottom:-8px;content:"";height:1px;left:16px;position:absolute;right:16px}.comment-panel-main-container .comment-panel-item.active{background-color:#eceefd;border-radius:16px}.comment-panel-main-container .comment-panel-item-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:12px}.comment-panel-main-container .comment-panel-item-header .comment-panel-item-header-left{align-items:flex-start;display:flex;gap:8px}.comment-panel-main-container .comment-panel-item-header .comment-panel-author-info{display:flex;flex-direction:column;gap:2px}.comment-panel-main-container .comment-panel-item-header .comment-panel-author-info span:first-child{color:#31416e;font-size:14px;font-weight:600;line-height:21px}.comment-panel-main-container .comment-panel-item-header .comment-panel-author-info span:last-child{color:#60697d;font-size:12px;font-weight:500;line-height:16px}.comment-panel-main-container .comment-panel-item-header .comment-panel-item-header-right{align-items:baseline;display:flex}.comment-panel-main-container .comment-panel-item-header .comment-panel-item-header-right .comment-panel-action-icon{padding:8px}.comment-panel-main-container .comment-panel-item-header .comment-panel-item-header-right .comment-panel-action-button{background-color:initial;padding:8px}.comment-panel-main-container .comment-panel-item-content{color:#1f2b4d;display:-webkit-box;font-size:14px;font-weight:500;line-clamp:3;-webkit-line-clamp:3;line-height:20px;-webkit-box-orient:vertical;max-height:60px;overflow:hidden;text-overflow:ellipsis;white-space:normal}.comment-panel-main-container .comment-panel-item-footer{background:none;border:none;color:#4259ee;cursor:pointer;font-size:14px;font-weight:500;line-height:20px;padding:0;text-align:left}.comment-panel-main-container .comment-panel-item-footer-row{align-items:center;display:flex;gap:8px;justify-content:space-between;margin-top:12px;width:100%}.comment-panel-main-container .comment-panel-item-footer-link{color:#4259ee}.comment-panel-main-container .comment-panel-item-footer-muted{color:#7a8294;cursor:default}.comment-panel-main-container .impact_emptystate{border:none;border-radius:0;bottom:0;left:0;margin:0;min-height:auto;padding:0;position:absolute;right:0;top:2px;width:auto}.comment-panel-main-container .impact_emptystate .impact_center_svg_with_icon{min-height:0}.comment-panel-main-container .impact_emptystate .impact_center_svg{height:auto}.comment-panel-main-container .impact_emptystate .impact_heading{font-size:14px;line-height:21px;margin-bottom:0}.comment-panel-main-container .impact_emptystate .impact_paragraph{color:#7a8294;font-size:10px;font-weight:500;line-height:14px;margin-top:0;width:inherit;width:285px}.comment-panel-main-container.display-comment-panel{border-radius:8px;gap:8px;min-height:480px;opacity:1;padding:0;visibility:visible;width:355px;z-index:999}.comment-panel-main-container.display-comment-panel .comment-panel-header{border-bottom:none}.comment-panel-main-container.display-comment-panel .comment-panel-header .close_icon{padding:0}.header-comments-dropdown{border-radius:8px;box-shadow:0 4px 16px #00000029;margin-top:4px;overflow:hidden;position:absolute;right:0;top:100%;z-index:10000}.header-comments-dropdown .comment-panel-main-container{max-height:500px;position:relative}.header-comments-dropdown .comment-panel-main-container.display-comment-panel{bottom:unset;max-height:500px;min-height:400px}.header-comments-dropdown .comment-panel-main-container .comment-panel-body{flex:1;overflow:auto;position:relative;top:auto}.header-comments-dropdown .comment-panel-main-container .impact_emptystate{border:none;border-radius:0;margin:0;min-height:auto;padding:20px;width:auto}.header-comments-dropdown .comment-panel-main-container .impact_emptystate .impact_center_svg_with_icon{min-height:0}.header-comments-dropdown .comment-panel-main-container .impact_emptystate .impact_center_svg{height:auto}.header-comments-dropdown .comment-panel-main-container .impact_emptystate .impact_heading{font-size:14px;line-height:21px;margin-bottom:0}.header-comments-dropdown .comment-panel-main-container .impact_emptystate .impact_paragraph{color:#7a8294;font-size:10px;font-weight:500;line-height:14px;margin-top:0;width:285px}.header-comments-dropdown .comment-panel-main-container .comment-panel-content{bottom:auto;max-height:380px;min-height:300px;position:relative;top:auto}')),document.head.appendChild(e)}}catch(n){console.error("vite-plugin-css-injected-by-js",n)}}();
|
|
2
2
|
import { jsxs, jsx } from "react/jsx-runtime";
|
|
3
3
|
import { useState, useMemo, useEffect } from "react";
|
|
4
4
|
import { Search as Search_default, MaterialSymbolsSort as MaterialSymbolsSort_default, MoreHorizontal as MoreHorizontal_default, SuccessFill as SuccessFill_default, SuccessGray as SuccessGray_default } from "../../node_modules/@impactsmartsuite/impact-icons/dist/index.js";
|
|
@@ -1,25 +1,33 @@
|
|
|
1
|
-
import { ReactNode
|
|
1
|
+
import { ReactNode } from 'react';
|
|
2
2
|
import { BaseComponentProps } from '../../types';
|
|
3
|
+
import { InjectedLayoutProps } from '../DynamicLayout';
|
|
3
4
|
import { StepperStep } from '../Stepper/Stepper.types';
|
|
4
5
|
|
|
5
6
|
export interface CreateItemFlowProps extends BaseComponentProps {
|
|
7
|
+
/** Current step (1-based) */
|
|
6
8
|
step?: number;
|
|
7
9
|
totalSteps?: number;
|
|
10
|
+
/** Width of the left panel (e.g. "375px") */
|
|
8
11
|
leftPanelWidth?: string | number;
|
|
12
|
+
/** Headings for each step section in the right content */
|
|
9
13
|
headings?: string[];
|
|
14
|
+
/** One React node per step (matched with headings by index) */
|
|
10
15
|
children?: ReactNode | ReactNode[];
|
|
11
16
|
onCancel?: () => void;
|
|
12
17
|
onNext?: () => void;
|
|
13
18
|
onPrev?: () => void;
|
|
14
19
|
onStepClick?: (step: number) => void;
|
|
20
|
+
/** Stepper variant: default (MUI) or progress */
|
|
15
21
|
stepperVariant?: 'default' | 'progress' | 'mui';
|
|
16
22
|
leftPanelTitle?: string;
|
|
17
23
|
leftPanelDescription?: string;
|
|
24
|
+
/** Custom left panel image (overrides default) */
|
|
18
25
|
leftPanelImage?: ReactNode | null;
|
|
26
|
+
/** Custom actions (overrides default Prev/Next buttons) */
|
|
19
27
|
actionsChildren?: ReactNode | null;
|
|
20
28
|
showStepper?: boolean;
|
|
21
29
|
}
|
|
22
|
-
export interface RightContentPanelProps {
|
|
30
|
+
export interface RightContentPanelProps extends Partial<InjectedLayoutProps> {
|
|
23
31
|
showStepper: boolean;
|
|
24
32
|
steps: StepperStep[];
|
|
25
33
|
step: number;
|
|
@@ -32,7 +40,5 @@ export interface RightContentPanelProps {
|
|
|
32
40
|
onPrev?: () => void;
|
|
33
41
|
onNext?: () => void;
|
|
34
42
|
totalSteps: number;
|
|
35
|
-
contentRef?: RefObject<HTMLDivElement>;
|
|
36
|
-
hasScroll?: boolean;
|
|
37
43
|
}
|
|
38
44
|
//# sourceMappingURL=CreateItemFlow.types.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CreateItemFlow.types.d.ts","sourceRoot":"","sources":["../../../src/components/CreateItemFlow/CreateItemFlow.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,SAAS,EAAE,
|
|
1
|
+
{"version":3,"file":"CreateItemFlow.types.d.ts","sourceRoot":"","sources":["../../../src/components/CreateItemFlow/CreateItemFlow.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,EAAE,KAAK,kBAAkB,EAAE,MAAM,aAAa,CAAC;AACtD,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAC5D,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AAE5D,MAAM,WAAW,mBAAoB,SAAQ,kBAAkB;IAC7D,6BAA6B;IAC7B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,6CAA6C;IAC7C,cAAc,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACjC,0DAA0D;IAC1D,QAAQ,CAAC,EAAE,MAAM,EAAE,CAAC;IACpB,+DAA+D;IAC/D,QAAQ,CAAC,EAAE,SAAS,GAAG,SAAS,EAAE,CAAC;IACnC,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,iDAAiD;IACjD,cAAc,CAAC,EAAE,SAAS,GAAG,UAAU,GAAG,KAAK,CAAC;IAChD,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,kDAAkD;IAClD,cAAc,CAAC,EAAE,SAAS,GAAG,IAAI,CAAC;IAClC,2DAA2D;IAC3D,eAAe,CAAC,EAAE,SAAS,GAAG,IAAI,CAAC;IACnC,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AAED,MAAM,WAAW,sBAAuB,SAAQ,OAAO,CAAC,mBAAmB,CAAC;IAC1E,WAAW,EAAE,OAAO,CAAC;IACrB,KAAK,EAAE,WAAW,EAAE,CAAC;IACrB,IAAI,EAAE,MAAM,CAAC;IACb,cAAc,EAAE,SAAS,GAAG,UAAU,GAAG,KAAK,CAAC;IAC/C,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,QAAQ,EAAE,MAAM,EAAE,CAAC;IACnB,QAAQ,CAAC,EAAE,SAAS,GAAG,SAAS,EAAE,CAAC;IACnC,eAAe,CAAC,EAAE,SAAS,GAAG,IAAI,CAAC;IACnC,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,UAAU,EAAE,MAAM,CAAC;CACpB"}
|
|
@@ -1,18 +1,6 @@
|
|
|
1
1
|
import { default as React } from 'react';
|
|
2
|
+
import { CreateItemFlowProps } from './CreateItemFlow.types';
|
|
2
3
|
|
|
3
|
-
export
|
|
4
|
-
|
|
5
|
-
leftPanelContent?: React.ReactNode;
|
|
6
|
-
leftPanelImage?: React.ReactNode;
|
|
7
|
-
rightContent?: React.ReactNode;
|
|
8
|
-
title?: string;
|
|
9
|
-
description?: string;
|
|
10
|
-
onPrev?: () => void;
|
|
11
|
-
onNext?: () => void;
|
|
12
|
-
prevLabel?: string;
|
|
13
|
-
nextLabel?: string;
|
|
14
|
-
showPrevIcon?: boolean;
|
|
15
|
-
showNextIcon?: boolean;
|
|
16
|
-
}
|
|
17
|
-
export declare const CreateItemFlow: React.MemoExoticComponent<({ leftPanelWidth, leftPanelContent, leftPanelImage, rightContent, title, description, onPrev, onNext, prevLabel, nextLabel, showPrevIcon, showNextIcon, }: CreateItemFlowProps) => React.JSX.Element>;
|
|
4
|
+
export type { CreateItemFlowProps } from './CreateItemFlow.types';
|
|
5
|
+
export declare const CreateItemFlow: React.NamedExoticComponent<CreateItemFlowProps>;
|
|
18
6
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/CreateItemFlow/index.tsx"],"names":[],"mappings":"AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/CreateItemFlow/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAwB,MAAM,OAAO,CAAC;AAM7C,OAAO,KAAK,EAAE,mBAAmB,EAA0B,MAAM,wBAAwB,CAAC;AAC1F,OAAO,8BAA8B,CAAC;AAItC,YAAY,EAAE,mBAAmB,EAAE,MAAM,wBAAwB,CAAC;AAuFlE,eAAO,MAAM,cAAc,iDA+DzB,CAAC"}
|
|
@@ -1,63 +1,143 @@
|
|
|
1
|
-
!function(){"use strict";try{if("undefined"!=typeof document){var e=document.createElement("style");e.appendChild(document.createTextNode(
|
|
2
|
-
import { jsx, jsxs } from "react/jsx-runtime";
|
|
3
|
-
import React__default, { memo } from "react";
|
|
4
|
-
import default_1 from "../../node_modules/@mui/icons-material/ChevronLeft.js";
|
|
5
|
-
import default_1$1 from "../../node_modules/@mui/icons-material/ChevronRight.js";
|
|
1
|
+
!function(){"use strict";try{if("undefined"!=typeof document){var e=document.createElement("style");e.appendChild(document.createTextNode(".field .field-label{color:#666;font-size:14px;margin-bottom:8px}.form-section .field{margin-bottom:24px}.form-section .field:last-child{margin-bottom:0}.left-panel-content{display:flex;flex-direction:column;height:100%;justify-content:space-between}.left-panel-content .left-panel-title h1{margin-bottom:16px}.right-content .ia-stepper.progress .progress-steps{margin-bottom:32px}")),document.head.appendChild(e)}}catch(t){console.error("vite-plugin-css-injected-by-js",t)}}();
|
|
2
|
+
import { jsx, jsxs, Fragment } from "react/jsx-runtime";
|
|
3
|
+
import React__default, { memo, useMemo } from "react";
|
|
6
4
|
import { getAssetUrl } from "../../utils/assetBase.js";
|
|
7
5
|
import { Button } from "../Button/index.js";
|
|
8
6
|
import { DynamicLayout } from "../DynamicLayout/index.js";
|
|
7
|
+
import { Stepper } from "../Stepper/index.js";
|
|
9
8
|
|
|
10
|
-
|
|
11
|
-
const
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
(
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
9
|
+
import { useTranslation } from "../../i18n/useTranslation.js";
|
|
10
|
+
const createFlowImage = getAssetUrl("icons/createFlowImage.svg");
|
|
11
|
+
function LeftPanelContent({
|
|
12
|
+
leftPanelTitle,
|
|
13
|
+
leftPanelDescription,
|
|
14
|
+
leftPanelImage
|
|
15
|
+
}) {
|
|
16
|
+
const { t } = useTranslation();
|
|
17
|
+
return /* @__PURE__ */ jsxs("div", { className: "left-panel-content", children: [
|
|
18
|
+
/* @__PURE__ */ jsxs("div", { className: "left-panel-title", children: [
|
|
19
|
+
/* @__PURE__ */ jsx("h1", { children: leftPanelTitle }),
|
|
20
|
+
/* @__PURE__ */ jsx("p", { children: leftPanelDescription })
|
|
21
|
+
] }),
|
|
22
|
+
leftPanelImage ?? /* @__PURE__ */ jsx(
|
|
23
|
+
"img",
|
|
24
|
+
{
|
|
25
|
+
alt: t("createItemFlow.imageAlt"),
|
|
26
|
+
className: "left-panel-image",
|
|
27
|
+
src: createFlowImage
|
|
28
|
+
}
|
|
29
|
+
)
|
|
30
|
+
] });
|
|
31
|
+
}
|
|
32
|
+
function RightContentPanel({
|
|
33
|
+
showStepper,
|
|
34
|
+
steps,
|
|
35
|
+
step,
|
|
36
|
+
stepperVariant,
|
|
37
|
+
onStepClick,
|
|
38
|
+
headings,
|
|
39
|
+
children,
|
|
40
|
+
contentRef,
|
|
41
|
+
hasScroll,
|
|
42
|
+
actionsChildren,
|
|
43
|
+
onCancel,
|
|
44
|
+
onPrev,
|
|
45
|
+
onNext,
|
|
46
|
+
totalSteps
|
|
47
|
+
}) {
|
|
48
|
+
const { t } = useTranslation();
|
|
49
|
+
const childArray = React__default.Children.toArray(children ?? []);
|
|
50
|
+
return /* @__PURE__ */ jsxs(Fragment, { children: [
|
|
51
|
+
showStepper && /* @__PURE__ */ jsx(
|
|
52
|
+
Stepper,
|
|
53
|
+
{
|
|
54
|
+
activeStep: step - 1,
|
|
55
|
+
handleStep: (index) => onStepClick == null ? void 0 : onStepClick(index + 1),
|
|
56
|
+
orientation: "horizontal",
|
|
57
|
+
steps,
|
|
58
|
+
variant: stepperVariant
|
|
59
|
+
}
|
|
60
|
+
),
|
|
61
|
+
/* @__PURE__ */ jsx(
|
|
62
|
+
"div",
|
|
63
|
+
{
|
|
64
|
+
ref: contentRef,
|
|
65
|
+
className: `content-wrapper ${hasScroll === false ? "no-scroll" : ""}`,
|
|
66
|
+
children: headings.map((heading, index) => /* @__PURE__ */ jsxs("div", { className: "heading", children: [
|
|
67
|
+
/* @__PURE__ */ jsx("h2", { children: heading }),
|
|
68
|
+
childArray[index]
|
|
69
|
+
] }, index))
|
|
70
|
+
}
|
|
71
|
+
),
|
|
72
|
+
actionsChildren != null ? /* @__PURE__ */ jsx("div", { className: "actions", children: actionsChildren }) : /* @__PURE__ */ jsxs("div", { className: "actions", children: [
|
|
73
|
+
step === 1 ? /* @__PURE__ */ jsx(Button, { variant: "secondary", onClick: onCancel, children: t("common.cancel") }) : /* @__PURE__ */ jsx(Button, { variant: "secondary", onClick: onPrev, children: t("common.previous") }),
|
|
74
|
+
/* @__PURE__ */ jsx(Button, { variant: "primary", onClick: onNext, children: step === totalSteps ? t("common.submit") : t("common.next") })
|
|
75
|
+
] })
|
|
76
|
+
] });
|
|
77
|
+
}
|
|
78
|
+
const CreateItemFlow = memo(function CreateItemFlow2({
|
|
79
|
+
step = 1,
|
|
80
|
+
totalSteps = 3,
|
|
81
|
+
leftPanelWidth,
|
|
82
|
+
headings = [],
|
|
83
|
+
children,
|
|
84
|
+
onCancel,
|
|
85
|
+
onNext,
|
|
86
|
+
onPrev,
|
|
87
|
+
onStepClick,
|
|
88
|
+
stepperVariant = "progress",
|
|
89
|
+
leftPanelTitle,
|
|
90
|
+
leftPanelDescription = "",
|
|
91
|
+
leftPanelImage = null,
|
|
92
|
+
actionsChildren = null,
|
|
93
|
+
showStepper = true
|
|
94
|
+
}) {
|
|
95
|
+
const { t } = useTranslation();
|
|
96
|
+
const resolvedLeftPanelTitle = leftPanelTitle ?? t("createItemFlow.defaultTitle");
|
|
97
|
+
const steps = useMemo(
|
|
98
|
+
() => Array.from({ length: totalSteps }, (_, idx) => ({
|
|
99
|
+
label: t("createItemFlow.stepLabel", { number: idx + 1 }),
|
|
100
|
+
description: t("createItemFlow.stepDescription", {
|
|
101
|
+
number: idx + 1,
|
|
102
|
+
total: totalSteps
|
|
103
|
+
})
|
|
104
|
+
})),
|
|
105
|
+
[totalSteps, t]
|
|
106
|
+
);
|
|
107
|
+
const rightContent = /* @__PURE__ */ jsx(
|
|
108
|
+
RightContentPanel,
|
|
109
|
+
{
|
|
110
|
+
actionsChildren,
|
|
111
|
+
headings,
|
|
112
|
+
showStepper,
|
|
113
|
+
step,
|
|
114
|
+
stepperVariant,
|
|
115
|
+
steps,
|
|
116
|
+
totalSteps,
|
|
117
|
+
onCancel,
|
|
118
|
+
onNext,
|
|
119
|
+
onPrev,
|
|
120
|
+
onStepClick,
|
|
121
|
+
children
|
|
122
|
+
}
|
|
123
|
+
);
|
|
124
|
+
return /* @__PURE__ */ jsx(
|
|
31
125
|
DynamicLayout,
|
|
32
126
|
{
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
children: prevLabel
|
|
42
|
-
}
|
|
43
|
-
),
|
|
44
|
-
/* @__PURE__ */ jsx(
|
|
45
|
-
Button,
|
|
46
|
-
{
|
|
47
|
-
variant: "primary",
|
|
48
|
-
onClick: onNext,
|
|
49
|
-
...showNextIcon && { icon: /* @__PURE__ */ jsx(default_1$1, {}), iconPlacement: "right" },
|
|
50
|
-
children: nextLabel
|
|
51
|
-
}
|
|
52
|
-
)
|
|
53
|
-
] }),
|
|
54
|
-
leftPanel: /* @__PURE__ */ jsx(LeftPanelContent, { leftPanelContent, leftPanelImage }),
|
|
127
|
+
leftPanel: /* @__PURE__ */ jsx(
|
|
128
|
+
LeftPanelContent,
|
|
129
|
+
{
|
|
130
|
+
leftPanelDescription,
|
|
131
|
+
leftPanelImage,
|
|
132
|
+
leftPanelTitle: resolvedLeftPanelTitle
|
|
133
|
+
}
|
|
134
|
+
),
|
|
55
135
|
leftPanelWidth,
|
|
56
|
-
rightContent
|
|
57
|
-
|
|
136
|
+
rightContent,
|
|
137
|
+
showStepper
|
|
58
138
|
}
|
|
59
|
-
)
|
|
60
|
-
);
|
|
139
|
+
);
|
|
140
|
+
});
|
|
61
141
|
export {
|
|
62
142
|
CreateItemFlow
|
|
63
143
|
};
|
|
@@ -1,15 +1,13 @@
|
|
|
1
1
|
import { default as React } from 'react';
|
|
2
|
+
import { DynamicLayoutProps } from './DynamicLayout.types';
|
|
2
3
|
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
[key: string]: unknown;
|
|
4
|
+
export type { DynamicLayoutProps, InjectedLayoutProps } from './DynamicLayout.types';
|
|
5
|
+
/**
|
|
6
|
+
* Two-panel layout: left panel (fixed width) and right content that receives
|
|
7
|
+
* contentRef and hasScroll for scroll detection.
|
|
8
|
+
*/
|
|
9
|
+
export declare function DynamicLayout({ leftPanel, rightContent, leftPanelWidth, className, showStepper, ...props }: DynamicLayoutProps): React.JSX.Element;
|
|
10
|
+
export declare namespace DynamicLayout {
|
|
11
|
+
var displayName: string;
|
|
12
12
|
}
|
|
13
|
-
export declare const DynamicLayout: ({ title, description, leftPanel, rightContent, leftPanelWidth, className, footer, ...props }: DynamicLayoutProps) => React.JSX.Element;
|
|
14
|
-
export {};
|
|
15
13
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/DynamicLayout/index.tsx"],"names":[],"mappings":"AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/DynamicLayout/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4C,MAAM,OAAO,CAAC;AACjE,OAAO,EAAE,KAAK,kBAAkB,EAAE,MAAM,uBAAuB,CAAC;AAChE,OAAO,6BAA6B,CAAC;AAErC,YAAY,EAAE,kBAAkB,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAErF;;;GAGG;AACH,wBAAgB,aAAa,CAAC,EAC5B,SAAS,EACT,YAAY,EACZ,cAAc,EACd,SAAc,EACd,WAAmB,EACnB,GAAG,KAAK,EACT,EAAE,kBAAkB,qBA+CpB;yBAtDe,aAAa"}
|
|
@@ -1,40 +1,48 @@
|
|
|
1
|
-
!function(){"use strict";try{if("undefined"!=typeof document){var
|
|
1
|
+
!function(){"use strict";try{if("undefined"!=typeof document){var t=document.createElement("style");t.appendChild(document.createTextNode('.dynamic-layout-container{background-color:#fff;border-radius:8px;box-shadow:0 0 4px #ababab40;box-sizing:border-box;display:flex;top:90px;right:230px;bottom:90px;left:230px;position:absolute}.dynamic-layout-container .left-panel{border-right:1px solid #d9dde7;box-sizing:border-box;padding:100px 48px;width:375px}.dynamic-layout-container .left-panel h1{color:#1a1a1a;font-size:24px;font-weight:600;margin-bottom:16px}.dynamic-layout-container .left-panel p{color:#666;font-size:14px;line-height:1.5}.dynamic-layout-container .right-content{background-color:#fff;border-radius:0 8px 8px 0;box-sizing:border-box;display:flex;flex-direction:column;overflow:hidden;padding:100px 120px;width:calc(100% - 375px)}.dynamic-layout-container .right-content.with-stepper{padding-top:50px}.dynamic-layout-container .right-content .content-wrapper{flex:1;overflow-y:auto}.dynamic-layout-container .right-content .content-wrapper.no-scroll+.actions:before{display:none}.dynamic-layout-container .right-content .content-wrapper .heading{margin-bottom:32px}.dynamic-layout-container .right-content .content-wrapper .heading h2{color:#1a1a1a;font-size:20px;font-weight:600;margin-bottom:8px}.dynamic-layout-container .right-content .content-wrapper .heading .field-label{color:#666;font-size:14px;margin-bottom:8px}.dynamic-layout-container .right-content .content-wrapper .form-section{margin-bottom:32px}.dynamic-layout-container .right-content .content-wrapper .form-section .field-group{display:flex;flex-wrap:wrap;gap:24px;justify-content:flex-start;margin-bottom:24px}.dynamic-layout-container .right-content .actions{background:#fff;display:flex;flex-wrap:wrap;justify-content:space-between;padding-top:12px;position:relative}.dynamic-layout-container .right-content .actions:before{background:#d9dde7;content:"";height:1px;left:-25px;position:absolute;right:-25px;top:0}@media screen and (min-width:1400px) and (max-width:1600px){.dynamic-layout-container{top:90px;right:150px;bottom:90px;left:150px}.dynamic-layout-container .right-content{padding:50px 90px}.dynamic-layout-container .left-panel-image{width:100%}}@media screen and (max-width:1399px){.dynamic-layout-container .left-panel{width:300px}.dynamic-layout-container .right-content{width:calc(100% - 300px)}.dynamic-layout-container{top:90px;right:100px;bottom:90px;left:100px}.dynamic-layout-container .right-content{padding:50px 60px}.dynamic-layout-container .left-panel-image{width:100%}}')),document.head.appendChild(t)}}catch(n){console.error("vite-plugin-css-injected-by-js",n)}}();
|
|
2
2
|
import { jsxs, jsx } from "react/jsx-runtime";
|
|
3
|
-
import React__default, { useRef } from "react";
|
|
3
|
+
import React__default, { useRef, useState, useLayoutEffect } from "react";
|
|
4
4
|
|
|
5
|
-
|
|
6
|
-
const DynamicLayout = ({
|
|
7
|
-
title,
|
|
8
|
-
description,
|
|
5
|
+
function DynamicLayout({
|
|
9
6
|
leftPanel,
|
|
10
7
|
rightContent,
|
|
11
8
|
leftPanelWidth,
|
|
12
|
-
className,
|
|
13
|
-
|
|
9
|
+
className = "",
|
|
10
|
+
showStepper = false,
|
|
14
11
|
...props
|
|
15
|
-
})
|
|
12
|
+
}) {
|
|
16
13
|
const contentRef = useRef(null);
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
14
|
+
const [hasScroll, setHasScroll] = useState(false);
|
|
15
|
+
useLayoutEffect(() => {
|
|
16
|
+
const el = contentRef.current;
|
|
17
|
+
const checkScroll = () => {
|
|
18
|
+
if (!el) return;
|
|
19
|
+
setHasScroll(el.scrollHeight > el.clientHeight);
|
|
20
|
+
};
|
|
21
|
+
checkScroll();
|
|
22
|
+
window.addEventListener("resize", checkScroll);
|
|
23
|
+
const resizeObserver = typeof ResizeObserver !== "undefined" ? new ResizeObserver(checkScroll) : null;
|
|
24
|
+
if (resizeObserver && el) resizeObserver.observe(el);
|
|
25
|
+
const mutationObserver = typeof MutationObserver !== "undefined" ? new MutationObserver(checkScroll) : null;
|
|
26
|
+
if (mutationObserver && el) {
|
|
27
|
+
mutationObserver.observe(el, {
|
|
28
|
+
childList: true,
|
|
29
|
+
subtree: true,
|
|
30
|
+
characterData: true,
|
|
31
|
+
attributes: true
|
|
32
|
+
});
|
|
33
|
+
}
|
|
34
|
+
return () => {
|
|
35
|
+
window.removeEventListener("resize", checkScroll);
|
|
36
|
+
resizeObserver == null ? void 0 : resizeObserver.disconnect();
|
|
37
|
+
mutationObserver == null ? void 0 : mutationObserver.disconnect();
|
|
38
|
+
};
|
|
39
|
+
}, [rightContent]);
|
|
40
|
+
return /* @__PURE__ */ jsxs("div", { className: `dynamic-layout-container ${className}`.trim(), ...props, children: [
|
|
41
|
+
/* @__PURE__ */ jsx("div", { className: "left-panel", style: { width: leftPanelWidth }, children: leftPanel }),
|
|
42
|
+
/* @__PURE__ */ jsx("div", { className: `right-content ${showStepper ? "with-stepper" : ""}`, children: React__default.cloneElement(rightContent, { contentRef, hasScroll }) })
|
|
36
43
|
] });
|
|
37
|
-
}
|
|
44
|
+
}
|
|
45
|
+
DynamicLayout.displayName = "DynamicLayout";
|
|
38
46
|
export {
|
|
39
47
|
DynamicLayout
|
|
40
48
|
};
|
|
@@ -1,4 +1,4 @@
|
|
|
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-menu .MuiPaper-root{background:#fff;border:1px solid #f0f0f0;border-radius:16px;box-shadow:0 1px 6px #0000001f;margin-top:4px;padding:0 6px}.ia-styles.ia-menu .MuiList-root{display:flex;flex-direction:column;gap:4px}.ia-styles.ia-menu .MuiButtonBase-root{align-items:center;color:#1f2b4d;display:flex;font-family:Manrope,sans-serif;font-size:14px;font-weight:500;gap:6px;height:35px;justify-content:space-between;line-height:20px;padding:0 12px}.ia-styles.ia-menu .MuiButtonBase-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}.ia-styles.ia-menu .MuiButtonBase-root:focus:not(:focus-visible){box-shadow:none;outline:none}.ia-styles.ia-menu .MuiButtonBase-root.Mui-focusVisible{background-color:initial}.ia-styles.ia-menu .MuiButtonBase-root:hover{background:#f5f6fa;border-radius:8px;color:#1f2b4d}.ia-styles.ia-menu .css-kk1bwy-MuiButtonBase-root-MuiMenuItem-root:has(.ia-list-sublabel){min-height:56px!important}.ia-styles.ia-menu .css-kk1bwy-MuiButtonBase-root-MuiMenuItem-root.Mui-selected{background-color:#eceefd;border-radius:8px}.ia-styles.ia-menu .ia-list-body:has(.menu-section-header){border-top:1px solid #f5f6fa;gap:6px;padding-top:4px}.ia-styles.ia-menu li:first-of-type :has(.menu-section-header){border-top:none}.ia-styles.ia-menu li:has(.menu-section-header){cursor:default;pointer-events:none}.ia-styles.ia-menu .css-kk1bwy-MuiButtonBase-root-MuiMenuItem-root.child-hover{background:#f5f6fa;border-radius:8px;color:#1f2b4d}.ia-styles.ia-menu .ia-vertical-line{align-self:stretch;border:1px solid #f5f6fa;flex:none;flex-grow:0;height:0;min-width:228px}.ia-styles.ia-menu .ia-menu-action-button-container{align-items:center;display:flex;gap:12px;justify-content:flex-end;padding:8px 8px 4px}.ia-styles.ia-menu .ia-menu-action-button-container .ia-styles.ia-btn{font-weight:400;height:32px;padding:8px}.ia-styles.ia-menu .ia-menu-action-button-container .ia-btn-contained{color:#fff}.ia-styles.ia-menu .ia-menu-action-button-container .ia-btn-contained:hover{background-color:#3649c6;color:#fff}.ia-styles.ia-menu .ia-menu-action-button-container .ia-btn-tertiary:hover{background-color:#eceefd;border-color:#3649c6;border-width:1px;color:#3649c6}.ia-styles.ia-menu .menu-scroll-area{display:flex;flex-direction:column;gap:4px;max-height:300px;overflow-y:auto}.ia-styles.ia-menu .menu-item-selected{background:#f5f6fa;border-radius:8px;color:#1f2b4d}.ia-menu-checkbox .MuiCheckbox-root.impact-checkbox-container{height:16px;margin-right:0;width:16px}.ia-menu-checkbox .MuiCheckbox-root.impact-checkbox-container:hover{background:#fff;border-radius:4px!important}.ia-menu-checkbox .MuiCheckbox-root.default-variant.Mui-checked:hover{background:#eceefd url(https://impact-kit.devs.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/icons/tick.svg) no-repeat;background-position:50%;background-size:10px;border:1px solid #4259ee}.menu-section-header{align-items:center;color:#b4bac7;display:flex;font-size:12px;font-weight:700;height:35px;justify-content:flex-start;line-height:20px}.ia-list-icon{min-width:auto!important}.ia-
|
|
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-menu .MuiPaper-root{background:#fff;border:1px solid #f0f0f0;border-radius:16px;box-shadow:0 1px 6px #0000001f;margin-top:4px;padding:0 6px}.ia-styles.ia-menu .MuiList-root{display:flex;flex-direction:column;gap:4px}.ia-styles.ia-menu .MuiButtonBase-root{align-items:center;color:#1f2b4d;display:flex;font-family:Manrope,sans-serif;font-size:14px;font-weight:500;gap:6px;height:35px;justify-content:space-between;line-height:20px;padding:0 12px}.ia-styles.ia-menu .MuiButtonBase-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}.ia-styles.ia-menu .MuiButtonBase-root:focus:not(:focus-visible){box-shadow:none;outline:none}.ia-styles.ia-menu .MuiButtonBase-root.Mui-focusVisible{background-color:initial}.ia-styles.ia-menu .MuiButtonBase-root:hover{background:#f5f6fa;border-radius:8px;color:#1f2b4d}.ia-styles.ia-menu .css-kk1bwy-MuiButtonBase-root-MuiMenuItem-root:has(.ia-list-sublabel){min-height:56px!important}.ia-styles.ia-menu .css-kk1bwy-MuiButtonBase-root-MuiMenuItem-root.Mui-selected{background-color:#eceefd;border-radius:8px}.ia-styles.ia-menu .ia-list-body:has(.menu-section-header){border-top:1px solid #f5f6fa;gap:6px;padding-top:4px}.ia-styles.ia-menu li:first-of-type :has(.menu-section-header){border-top:none}.ia-styles.ia-menu li:has(.menu-section-header){cursor:default;pointer-events:none}.ia-styles.ia-menu .css-kk1bwy-MuiButtonBase-root-MuiMenuItem-root.child-hover{background:#f5f6fa;border-radius:8px;color:#1f2b4d}.ia-styles.ia-menu .ia-vertical-line{align-self:stretch;border:1px solid #f5f6fa;flex:none;flex-grow:0;height:0;min-width:228px}.ia-styles.ia-menu .ia-menu-action-button-container{align-items:center;display:flex;gap:12px;justify-content:flex-end;padding:8px 8px 4px}.ia-styles.ia-menu .ia-menu-action-button-container .ia-styles.ia-btn{font-weight:400;height:32px;padding:8px}.ia-styles.ia-menu .ia-menu-action-button-container .ia-btn-contained{color:#fff}.ia-styles.ia-menu .ia-menu-action-button-container .ia-btn-contained:hover{background-color:#3649c6;color:#fff}.ia-styles.ia-menu .ia-menu-action-button-container .ia-btn-tertiary:hover{background-color:#eceefd;border-color:#3649c6;border-width:1px;color:#3649c6}.ia-styles.ia-menu .menu-scroll-area{display:flex;flex-direction:column;gap:4px;max-height:300px;overflow-y:auto}.ia-styles.ia-menu .menu-item-selected{background:#f5f6fa;border-radius:8px;color:#1f2b4d}.ia-menu-checkbox .MuiCheckbox-root.impact-checkbox-container{height:16px;margin-right:0;width:16px}.ia-menu-checkbox .MuiCheckbox-root.impact-checkbox-container:hover{background:#fff;border-radius:4px!important}.ia-menu-checkbox .MuiCheckbox-root.default-variant.Mui-checked:hover{background:#eceefd url(https://impact-kit.devs.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/icons/tick.svg) no-repeat;background-position:50%;background-size:10px;border:1px solid #4259ee}.menu-section-header{align-items:center;color:#b4bac7;display:flex;font-size:12px;font-weight:700;height:35px;justify-content:flex-start;line-height:20px}.ia-list-icon{min-width:auto!important}.ia-section-icon{min-width:32px!important}.ia-list-label-container{display:flex;flex-direction:column;justify-content:center;overflow:hidden}.ia-list-sublabel{color:#7a8294;font-size:12px;font-weight:400;max-width:7rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ia-list-body{align-items:center;display:flex;flex-grow:1;gap:8px}.bottom_action{background:#fff;border-top:1px solid #f0f0f0;bottom:0;padding:0;position:sticky}')),document.head.appendChild(e)}}catch(i){console.error("vite-plugin-css-injected-by-js",i)}}();
|
|
2
2
|
import { jsxs, jsx } from "react/jsx-runtime";
|
|
3
3
|
import { forwardRef, createElement } from "react";
|
|
4
4
|
import default_1 from "../../node_modules/@mui/icons-material/ChevronRight.js";
|