impact-ui 4.0.5-tableV36.2 → 4.0.6
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/index13.js +2 -2
- package/dist/_virtual/index14.js +2 -2
- package/dist/_virtual/index15.js +2 -2
- package/dist/_virtual/index3.js +2 -4
- package/dist/_virtual/index4.js +3 -3
- package/dist/_virtual/index5.js +4 -2
- package/dist/components/CommentsPanel/CommentsContext.d.ts +4 -2
- package/dist/components/CommentsPanel/CommentsContext.d.ts.map +1 -1
- package/dist/components/CommentsPanel/CommentsPanel.impl.js +1 -1
- package/dist/components/CommentsPanel/CommentsPanel.types.d.ts +26 -0
- package/dist/components/CommentsPanel/CommentsPanel.types.d.ts.map +1 -1
- package/dist/components/CreateItemFlow/CreateItemFlow.types.d.ts +4 -10
- package/dist/components/CreateItemFlow/CreateItemFlow.types.d.ts.map +1 -1
- package/dist/components/CreateItemFlow/index.d.ts +15 -3
- package/dist/components/CreateItemFlow/index.d.ts.map +1 -1
- package/dist/components/CreateItemFlow/index.js +63 -134
- package/dist/components/DynamicLayout/index.d.ts +12 -9
- package/dist/components/DynamicLayout/index.d.ts.map +1 -1
- package/dist/components/DynamicLayout/index.js +38 -37
- 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/Notification/NotificationBody/NotificationList/NotificationList.js +1 -1
- package/dist/components/Notification/index.js +1 -1
- package/dist/components/Stepper/index.js +1 -1
- package/dist/components/Table/index.js +1 -1
- package/dist/components/Table/withCommentIcon.d.ts.map +1 -1
- package/dist/components/Table/withCommentIcon.js +3 -1
- package/dist/components/TableOld/index.js +1 -1
- package/dist/components/common/MentionEditor/index.js +1 -1
- package/dist/components/index.d.ts +0 -1
- package/dist/components/index.d.ts.map +1 -1
- package/dist/components/index.js +0 -2
- package/dist/mcp-component-registry.json +58 -845
- package/dist/node_modules/@mui/system/colorManipulator.js +2 -2
- package/dist/node_modules/call-bind/index.js +1 -1
- package/dist/node_modules/hoist-non-react-statics/node_modules/react-is/index.js +1 -1
- package/dist/node_modules/react-is/index.js +1 -1
- package/dist/node_modules/react-with-styles-interface-css/dist/index.js +1 -1
- package/package.json +5 -5
- package/dist/components/TableV36/AdvanceSearchModalItem.d.ts +0 -27
- package/dist/components/TableV36/AdvanceSearchModalItem.d.ts.map +0 -1
- package/dist/components/TableV36/AdvanceSortModal.d.ts +0 -8
- package/dist/components/TableV36/AdvanceSortModal.d.ts.map +0 -1
- package/dist/components/TableV36/AdvanceSortModal.js +0 -297
- package/dist/components/TableV36/AgGridHeader.d.ts +0 -16
- package/dist/components/TableV36/AgGridHeader.d.ts.map +0 -1
- package/dist/components/TableV36/AgGridHeader.js +0 -799
- package/dist/components/TableV36/CellTooltip.d.ts +0 -14
- package/dist/components/TableV36/CellTooltip.d.ts.map +0 -1
- package/dist/components/TableV36/CellTooltip.js +0 -11
- package/dist/components/TableV36/CommentsPortal.d.ts +0 -31
- package/dist/components/TableV36/CommentsPortal.d.ts.map +0 -1
- package/dist/components/TableV36/CommentsPortal.js +0 -362
- package/dist/components/TableV36/NewAdvanceSearchModal/NewAdvanceSearchModal.d.ts +0 -13
- package/dist/components/TableV36/NewAdvanceSearchModal/NewAdvanceSearchModal.d.ts.map +0 -1
- package/dist/components/TableV36/NewAdvanceSearchModal/NewAdvanceSearchModal.js +0 -282
- package/dist/components/TableV36/NewAdvanceSearchModal/NewAdvanceSearchModalItem.d.ts +0 -16
- package/dist/components/TableV36/NewAdvanceSearchModal/NewAdvanceSearchModalItem.d.ts.map +0 -1
- package/dist/components/TableV36/NewAdvanceSearchModal/NewAdvanceSearchModalItem.js +0 -302
- package/dist/components/TableV36/NoComments.d.ts +0 -16
- package/dist/components/TableV36/NoComments.d.ts.map +0 -1
- package/dist/components/TableV36/NoComments.js +0 -237
- package/dist/components/TableV36/Table.types.d.ts +0 -97
- package/dist/components/TableV36/Table.types.d.ts.map +0 -1
- package/dist/components/TableV36/actionBar.d.ts +0 -7
- package/dist/components/TableV36/actionBar.d.ts.map +0 -1
- package/dist/components/TableV36/actionBar.js +0 -31
- package/dist/components/TableV36/advanceSearchModal.d.ts +0 -20
- package/dist/components/TableV36/advanceSearchModal.d.ts.map +0 -1
- package/dist/components/TableV36/filterUtils.d.ts +0 -133
- package/dist/components/TableV36/filterUtils.d.ts.map +0 -1
- package/dist/components/TableV36/filterUtils.js +0 -478
- package/dist/components/TableV36/index.d.ts +0 -3
- package/dist/components/TableV36/index.d.ts.map +0 -1
- package/dist/components/TableV36/index.js +0 -1632
- package/dist/components/TableV36/mockData.d.ts +0 -39
- package/dist/components/TableV36/mockData.d.ts.map +0 -1
- package/dist/components/TableV36/tableFunctions.d.ts +0 -63
- package/dist/components/TableV36/tableFunctions.d.ts.map +0 -1
- package/dist/components/TableV36/tableFunctions.js +0 -1796
- package/dist/components/TableV36/tableHeader.d.ts +0 -80
- package/dist/components/TableV36/tableHeader.d.ts.map +0 -1
- package/dist/components/TableV36/tableHeader.js +0 -396
- package/dist/components/TableV36/tableIcons.d.ts +0 -3
- package/dist/components/TableV36/tableIcons.d.ts.map +0 -1
- package/dist/components/TableV36/tableMoreOptions.d.ts +0 -52
- package/dist/components/TableV36/tableMoreOptions.d.ts.map +0 -1
- package/dist/components/TableV36/tableMoreOptions.js +0 -324
- package/dist/components/TableV36/tablePagination.d.ts +0 -7
- package/dist/components/TableV36/tablePagination.d.ts.map +0 -1
- package/dist/components/TableV36/tablePagination.js +0 -67
- package/dist/components/TableV36/tableSettings.d.ts +0 -41
- package/dist/components/TableV36/tableSettings.d.ts.map +0 -1
- package/dist/components/TableV36/tableSettings.js +0 -317
- package/dist/components/TableV36/withCommentIcon.d.ts +0 -13
- package/dist/components/TableV36/withCommentIcon.d.ts.map +0 -1
- package/dist/components/TableV36/withCommentIcon.js +0 -125
package/dist/_virtual/index13.js
CHANGED
package/dist/_virtual/index14.js
CHANGED
package/dist/_virtual/index15.js
CHANGED
package/dist/_virtual/index3.js
CHANGED
|
@@ -1,6 +1,4 @@
|
|
|
1
|
-
|
|
2
|
-
import * as index from "../node_modules/@mui/system/node_modules/@mui/utils/esm/formatMuiErrorMessage/index.js";
|
|
3
|
-
const require$$1 = /* @__PURE__ */ getAugmentedNamespace(index);
|
|
1
|
+
var reactIs = { exports: {} };
|
|
4
2
|
export {
|
|
5
|
-
|
|
3
|
+
reactIs as __module
|
|
6
4
|
};
|
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/formatMuiErrorMessage/index.js";
|
|
3
|
+
const require$$1 = /* @__PURE__ */ getAugmentedNamespace(index);
|
|
4
4
|
export {
|
|
5
|
-
require$$
|
|
5
|
+
require$$1 as default
|
|
6
6
|
};
|
package/dist/_virtual/index5.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/clamp/index.js";
|
|
3
|
+
const require$$2 = /* @__PURE__ */ getAugmentedNamespace(index);
|
|
2
4
|
export {
|
|
3
|
-
|
|
5
|
+
require$$2 as default
|
|
4
6
|
};
|
|
@@ -1,9 +1,11 @@
|
|
|
1
|
-
|
|
1
|
+
import { CommentsContextValue } from './CommentsPanel.types';
|
|
2
|
+
|
|
3
|
+
declare const CommentsContext: import('react').Context<CommentsContextValue | null>;
|
|
2
4
|
export declare function CommentsProvider({ commentProps, children }: {
|
|
3
5
|
commentProps: any;
|
|
4
6
|
children: any;
|
|
5
7
|
}): import("react/jsx-runtime").JSX.Element;
|
|
6
|
-
export declare function useComments(): null;
|
|
8
|
+
export declare function useComments(): CommentsContextValue | null;
|
|
7
9
|
export { CommentsContext };
|
|
8
10
|
export default CommentsProvider;
|
|
9
11
|
//# sourceMappingURL=CommentsContext.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CommentsContext.d.ts","sourceRoot":"","sources":["../../../src/components/CommentsPanel/CommentsContext.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"CommentsContext.d.ts","sourceRoot":"","sources":["../../../src/components/CommentsPanel/CommentsContext.tsx"],"names":[],"mappings":"AAmBA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,uBAAuB,CAAC;AAElE,QAAA,MAAM,eAAe,sDAAmD,CAAC;AAEzE,wBAAgB,gBAAgB,CAAC,EAAE,YAAY,EAAE,QAAQ,EAAE;;;CAAA,2CAwlB1D;AAED,wBAAgB,WAAW,IAAI,oBAAoB,GAAG,IAAI,CAEzD;AAED,OAAO,EAAE,eAAe,EAAE,CAAC;AAC3B,eAAe,gBAAgB,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-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-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)}}();
|
|
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";
|
|
@@ -39,4 +39,30 @@ export interface CommentsPanelProps {
|
|
|
39
39
|
onClose?: () => void;
|
|
40
40
|
visibleSortOptions?: string[];
|
|
41
41
|
}
|
|
42
|
+
export interface CommentsContextValue {
|
|
43
|
+
comments: Record<string, unknown[]>;
|
|
44
|
+
resolvedComments: string[];
|
|
45
|
+
commentMode: boolean | string;
|
|
46
|
+
showCommentPanel: boolean;
|
|
47
|
+
commentError?: string | null;
|
|
48
|
+
commentProps?: CommentProps;
|
|
49
|
+
getEffectiveCellId: (cellId: string) => string;
|
|
50
|
+
getLatestUnresolvedThreadId: (cellId: string) => string | null | undefined;
|
|
51
|
+
toggleCommentMode: () => void;
|
|
52
|
+
setShowCommentPanel: (open: boolean) => void;
|
|
53
|
+
setCommentMode: (mode: boolean | string) => void;
|
|
54
|
+
setEditingComment: (comment: unknown) => void;
|
|
55
|
+
handleAddComment: (cellId: string, text: string, mentions?: unknown[]) => void;
|
|
56
|
+
handleUpdateComment: (id: unknown, text: string) => void;
|
|
57
|
+
handleMarkAsResolved: (cellId: string, commentsForCell: unknown[]) => void;
|
|
58
|
+
handleUnresolve: (cellId: string) => void;
|
|
59
|
+
handleMenuClick: (event: unknown, comment: unknown) => void;
|
|
60
|
+
handleMenuClose: () => void;
|
|
61
|
+
registerCommentItemClickHandler: (handler: (id: string) => void) => void;
|
|
62
|
+
onCommentItemClick: (...args: unknown[]) => void;
|
|
63
|
+
onShowResolvedCommentsRequest?: () => void;
|
|
64
|
+
onExitResolvedCommentsView?: () => void;
|
|
65
|
+
clearCommentError: () => void;
|
|
66
|
+
[key: string]: unknown;
|
|
67
|
+
}
|
|
42
68
|
//# sourceMappingURL=CommentsPanel.types.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CommentsPanel.types.d.ts","sourceRoot":"","sources":["../../../src/components/CommentsPanel/CommentsPanel.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,MAAM,WAAW,oBAAoB;IACnC,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,qBAAqB,CAAC,EAAE,OAAO,CAAC;CACjC;AAED,MAAM,WAAW,YAAY;IAC3B,QAAQ,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,EAAE,CAAC,CAAC;IACrC,gBAAgB,CAAC,EAAE,MAAM,EAAE,CAAC;IAC5B,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,aAAa,CAAC,EAAE,oBAAoB,CAAC;IACrC,kBAAkB,CAAC,EAAE,CAAC,GAAG,IAAI,EAAE,OAAO,EAAE,KAAK,IAAI,CAAC;IAClD,kBAAkB,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,OAAO,CAAC,OAAO,CAAC,CAAC;IACtD,gBAAgB,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,OAAO,CAAC,OAAO,CAAC,CAAC;IACpD,iBAAiB,CAAC,EAAE,CAAC,GAAG,IAAI,EAAE,OAAO,EAAE,KAAK,OAAO,CAAC,OAAO,CAAC,CAAC;IAC7D,iBAAiB,CAAC,EAAE,CAAC,GAAG,IAAI,EAAE,OAAO,EAAE,KAAK,OAAO,CAAC,OAAO,CAAC,CAAC;IAC7D,oBAAoB,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,eAAe,EAAE,OAAO,EAAE,KAAK,OAAO,CAAC,OAAO,CAAC,CAAC;IACxF,eAAe,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IACpD,mBAAmB,CAAC,EAAE,CAAC,EAAE,EAAE,OAAO,EAAE,OAAO,EAAE,OAAO,KAAK,OAAO,CAAC,OAAO,CAAC,CAAC;IAC1E,kBAAkB,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,OAAO,KAAK,OAAO,CAAC,OAAO,CAAC,CAAC;IACzE,2BAA2B,CAAC,EAAE,MAAM,OAAO,CAAC;QAC1C,QAAQ,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,EAAE,CAAC,CAAC;QACrC,gBAAgB,CAAC,EAAE,MAAM,EAAE,CAAC;KAC7B,CAAC,CAAC;CACJ;AAED,MAAM,WAAW,qBAAqB;IACpC,YAAY,CAAC,EAAE,YAAY,CAAC;IAC5B,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED,MAAM,WAAW,kBAAkB;IACjC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,kBAAkB,CAAC,EAAE,MAAM,EAAE,CAAC;CAC/B"}
|
|
1
|
+
{"version":3,"file":"CommentsPanel.types.d.ts","sourceRoot":"","sources":["../../../src/components/CommentsPanel/CommentsPanel.types.ts"],"names":[],"mappings":"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"}
|
|
@@ -1,33 +1,25 @@
|
|
|
1
|
-
import { ReactNode } from 'react';
|
|
1
|
+
import { ReactNode, RefObject } from 'react';
|
|
2
2
|
import { BaseComponentProps } from '../../types';
|
|
3
|
-
import { InjectedLayoutProps } from '../DynamicLayout';
|
|
4
3
|
import { StepperStep } from '../Stepper/Stepper.types';
|
|
5
4
|
|
|
6
5
|
export interface CreateItemFlowProps extends BaseComponentProps {
|
|
7
|
-
/** Current step (1-based) */
|
|
8
6
|
step?: number;
|
|
9
7
|
totalSteps?: number;
|
|
10
|
-
/** Width of the left panel (e.g. "375px") */
|
|
11
8
|
leftPanelWidth?: string | number;
|
|
12
|
-
/** Headings for each step section in the right content */
|
|
13
9
|
headings?: string[];
|
|
14
|
-
/** One React node per step (matched with headings by index) */
|
|
15
10
|
children?: ReactNode | ReactNode[];
|
|
16
11
|
onCancel?: () => void;
|
|
17
12
|
onNext?: () => void;
|
|
18
13
|
onPrev?: () => void;
|
|
19
14
|
onStepClick?: (step: number) => void;
|
|
20
|
-
/** Stepper variant: default (MUI) or progress */
|
|
21
15
|
stepperVariant?: 'default' | 'progress' | 'mui';
|
|
22
16
|
leftPanelTitle?: string;
|
|
23
17
|
leftPanelDescription?: string;
|
|
24
|
-
/** Custom left panel image (overrides default) */
|
|
25
18
|
leftPanelImage?: ReactNode | null;
|
|
26
|
-
/** Custom actions (overrides default Prev/Next buttons) */
|
|
27
19
|
actionsChildren?: ReactNode | null;
|
|
28
20
|
showStepper?: boolean;
|
|
29
21
|
}
|
|
30
|
-
export interface RightContentPanelProps
|
|
22
|
+
export interface RightContentPanelProps {
|
|
31
23
|
showStepper: boolean;
|
|
32
24
|
steps: StepperStep[];
|
|
33
25
|
step: number;
|
|
@@ -40,5 +32,7 @@ export interface RightContentPanelProps extends Partial<InjectedLayoutProps> {
|
|
|
40
32
|
onPrev?: () => void;
|
|
41
33
|
onNext?: () => void;
|
|
42
34
|
totalSteps: number;
|
|
35
|
+
contentRef?: RefObject<HTMLDivElement>;
|
|
36
|
+
hasScroll?: boolean;
|
|
43
37
|
}
|
|
44
38
|
//# 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,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"CreateItemFlow.types.d.ts","sourceRoot":"","sources":["../../../src/components/CreateItemFlow/CreateItemFlow.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,SAAS,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AACvD,OAAO,EAAE,KAAK,kBAAkB,EAAE,MAAM,aAAa,CAAC;AACtD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AAE5D,MAAM,WAAW,mBAAoB,SAAQ,kBAAkB;IAC7D,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,cAAc,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACjC,QAAQ,CAAC,EAAE,MAAM,EAAE,CAAC;IACpB,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,cAAc,CAAC,EAAE,SAAS,GAAG,UAAU,GAAG,KAAK,CAAC;IAChD,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,cAAc,CAAC,EAAE,SAAS,GAAG,IAAI,CAAC;IAClC,eAAe,CAAC,EAAE,SAAS,GAAG,IAAI,CAAC;IACnC,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AAED,MAAM,WAAW,sBAAsB;IACrC,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;IACnB,UAAU,CAAC,EAAE,SAAS,CAAC,cAAc,CAAC,CAAC;IACvC,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB"}
|
|
@@ -1,6 +1,18 @@
|
|
|
1
1
|
import { default as React } from 'react';
|
|
2
|
-
import {
|
|
2
|
+
import { ButtonProps } from '../Button/Button.types';
|
|
3
3
|
|
|
4
|
-
export
|
|
5
|
-
|
|
4
|
+
export interface CreateItemFlowProps {
|
|
5
|
+
leftPanelWidth?: string | number;
|
|
6
|
+
leftPanelContent?: React.ReactNode;
|
|
7
|
+
leftPanelImage?: React.ReactNode;
|
|
8
|
+
rightContent?: React.ReactNode;
|
|
9
|
+
title?: string;
|
|
10
|
+
description?: string;
|
|
11
|
+
prevButtonProps?: Partial<ButtonProps>;
|
|
12
|
+
extraButtonProp?: React.ReactNode;
|
|
13
|
+
nextButtonProps?: Partial<ButtonProps>;
|
|
14
|
+
customCSS?: React.CSSProperties;
|
|
15
|
+
className?: string;
|
|
16
|
+
}
|
|
17
|
+
export declare const CreateItemFlow: React.MemoExoticComponent<({ leftPanelWidth, leftPanelContent, leftPanelImage, rightContent, title, description, prevButtonProps, extraButtonProp, nextButtonProps, customCSS, className, }: CreateItemFlowProps) => import("react/jsx-runtime").JSX.Element>;
|
|
6
18
|
//# 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,KAAe,MAAM,OAAO,CAAC;AAKpC,OAAO,EAAE,KAAK,WAAW,EAAE,MAAM,wBAAwB,CAAC;AAE1D,OAAO,8BAA8B,CAAC;AA+BtC,MAAM,WAAW,mBAAmB;IAClC,cAAc,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACjC,gBAAgB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACnC,cAAc,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACjC,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC/B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,eAAe,CAAC,EAAE,OAAO,CAAC,WAAW,CAAC,CAAC;IACvC,eAAe,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAClC,eAAe,CAAC,EAAE,OAAO,CAAC,WAAW,CAAC,CAAC;IACvC,SAAS,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAChC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,cAAc,+LAatB,mBAAmB,6CAwCvB,CAAC"}
|
|
@@ -1,143 +1,72 @@
|
|
|
1
|
-
!function(){"use strict";try{if("undefined"!=typeof document){var e=document.createElement("style");e.appendChild(document.createTextNode(".
|
|
2
|
-
import { jsx, jsxs
|
|
3
|
-
import React__default, { memo
|
|
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}.content-wrapper{flex:1;min-height:100%}.form-section{width:100%}.form-section .form-section-title{color:#0d152c;font-size:16px;font-weight:600;margin-bottom:12px}.form-section .form-filter-block{background:#f7f9fd;border-radius:8px;margin-top:20px;padding:12px}.form-section .form-filter-block .form-filter-title{color:#0d152c;font-size:14px;font-weight:600;margin-bottom:16px}.form-section .form-filter-block .form-filter-fields{display:flex;flex-wrap:wrap;gap:24px}')),document.head.appendChild(e)}}catch(i){console.error("vite-plugin-css-injected-by-js",i)}}();
|
|
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";
|
|
4
6
|
import { getAssetUrl } from "../../utils/assetBase.js";
|
|
5
7
|
import { Button } from "../Button/index.js";
|
|
6
8
|
import { DynamicLayout } from "../DynamicLayout/index.js";
|
|
7
|
-
import { Stepper } from "../Stepper/index.js";
|
|
8
9
|
|
|
9
|
-
|
|
10
|
-
const
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
10
|
+
const createFlowImage = getAssetUrl("icons/create-item-flow-img.webp");
|
|
11
|
+
const LeftPanelContent = ({ leftPanelContent, leftPanelImage }) => /* @__PURE__ */ jsxs("div", { className: "left-panel-content", children: [
|
|
12
|
+
leftPanelContent,
|
|
13
|
+
leftPanelImage ? leftPanelImage : /* @__PURE__ */ jsx("img", { alt: "Create Item Flow", className: "left-panel-image", src: createFlowImage })
|
|
14
|
+
] });
|
|
15
|
+
const RightContentPanel = ({ contentRef, children }) => /* @__PURE__ */ jsx("div", { ref: contentRef, className: "content-wrapper", children });
|
|
16
|
+
const CreateItemFlow = memo(
|
|
17
|
+
({
|
|
18
|
+
leftPanelWidth,
|
|
19
|
+
leftPanelContent = null,
|
|
20
|
+
leftPanelImage = null,
|
|
21
|
+
rightContent,
|
|
22
|
+
title = "Create item",
|
|
23
|
+
description = "",
|
|
24
|
+
prevButtonProps = {},
|
|
25
|
+
extraButtonProp,
|
|
26
|
+
nextButtonProps = {},
|
|
27
|
+
customCSS,
|
|
28
|
+
className
|
|
29
|
+
}) => {
|
|
30
|
+
const { children: prevLabel = "Back", icon: prevIcon, ...restPrevProps } = prevButtonProps;
|
|
31
|
+
const { children: nextLabel = "Next", icon: nextIcon, ...restNextProps } = nextButtonProps;
|
|
32
|
+
return /* @__PURE__ */ jsx(
|
|
33
|
+
DynamicLayout,
|
|
24
34
|
{
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
35
|
+
className,
|
|
36
|
+
description,
|
|
37
|
+
footer: /* @__PURE__ */ jsxs(React__default.Fragment, { children: [
|
|
38
|
+
/* @__PURE__ */ jsx(
|
|
39
|
+
Button,
|
|
40
|
+
{
|
|
41
|
+
icon: "icon" in prevButtonProps ? prevIcon : /* @__PURE__ */ jsx(default_1, {}),
|
|
42
|
+
variant: restPrevProps.variant ?? "tertiary",
|
|
43
|
+
...restPrevProps,
|
|
44
|
+
children: prevLabel
|
|
45
|
+
}
|
|
46
|
+
),
|
|
47
|
+
/* @__PURE__ */ jsxs("div", { className: "footer-right-group", children: [
|
|
48
|
+
extraButtonProp,
|
|
49
|
+
/* @__PURE__ */ jsx(
|
|
50
|
+
Button,
|
|
51
|
+
{
|
|
52
|
+
icon: "icon" in nextButtonProps ? nextIcon : /* @__PURE__ */ jsx(default_1$1, {}),
|
|
53
|
+
iconPlacement: nextButtonProps.iconPlacement ?? "right",
|
|
54
|
+
variant: restNextProps.variant ?? "primary",
|
|
55
|
+
...restNextProps,
|
|
56
|
+
children: nextLabel
|
|
57
|
+
}
|
|
58
|
+
)
|
|
59
|
+
] })
|
|
60
|
+
] }),
|
|
61
|
+
leftPanel: /* @__PURE__ */ jsx(LeftPanelContent, { leftPanelContent, leftPanelImage }),
|
|
62
|
+
leftPanelWidth,
|
|
63
|
+
rightContent: /* @__PURE__ */ jsx(RightContentPanel, { children: rightContent }),
|
|
64
|
+
style: customCSS,
|
|
65
|
+
title
|
|
28
66
|
}
|
|
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(
|
|
125
|
-
DynamicLayout,
|
|
126
|
-
{
|
|
127
|
-
leftPanel: /* @__PURE__ */ jsx(
|
|
128
|
-
LeftPanelContent,
|
|
129
|
-
{
|
|
130
|
-
leftPanelDescription,
|
|
131
|
-
leftPanelImage,
|
|
132
|
-
leftPanelTitle: resolvedLeftPanelTitle
|
|
133
|
-
}
|
|
134
|
-
),
|
|
135
|
-
leftPanelWidth,
|
|
136
|
-
rightContent,
|
|
137
|
-
showStepper
|
|
138
|
-
}
|
|
139
|
-
);
|
|
140
|
-
});
|
|
67
|
+
);
|
|
68
|
+
}
|
|
69
|
+
);
|
|
141
70
|
export {
|
|
142
71
|
CreateItemFlow
|
|
143
72
|
};
|
|
@@ -1,12 +1,15 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { default as React } from 'react';
|
|
2
2
|
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
3
|
+
interface DynamicLayoutProps {
|
|
4
|
+
title?: React.ReactNode;
|
|
5
|
+
description?: React.ReactNode;
|
|
6
|
+
leftPanel?: React.ReactNode;
|
|
7
|
+
rightContent: React.ReactElement;
|
|
8
|
+
leftPanelWidth?: string | number;
|
|
9
|
+
className?: string;
|
|
10
|
+
footer?: React.ReactNode;
|
|
11
|
+
[key: string]: unknown;
|
|
11
12
|
}
|
|
13
|
+
export declare const DynamicLayout: ({ title, description, leftPanel, rightContent, leftPanelWidth, className, footer, ...props }: DynamicLayoutProps) => import("react/jsx-runtime").JSX.Element;
|
|
14
|
+
export {};
|
|
12
15
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/DynamicLayout/index.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/DynamicLayout/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqC,MAAM,OAAO,CAAC;AAE1D,OAAO,6BAA6B,CAAC;AAGrC,UAAU,kBAAkB;IAC1B,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC5B,YAAY,EAAE,KAAK,CAAC,YAAY,CAAC;IACjC,cAAc,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACjC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAC;CACxB;AAED,eAAO,MAAM,aAAa,GAAI,8FAS3B,kBAAkB,4CA+BpB,CAAC"}
|