impact-ui 4.0.15 → 4.0.17

package/dist/components/DynamicLayout/index.d.ts

@@ -1,15 +1,12 @@
-import { default as React } from 'react';
+import { DynamicLayoutProps } from './DynamicLayout.types';
 
-interface DynamicLayoutProps {
-    title?: React.ReactNode;
-    description?: React.ReactNode;
-    leftPanel?: React.ReactNode;
-    rightContent: React.ReactElement;
-    leftPanelWidth?: string | number;
-    className?: string;
-    footer?: React.ReactNode;
-    [key: string]: unknown;
+export type { DynamicLayoutProps, InjectedLayoutProps } from './DynamicLayout.types';
+/**
+ * Two-panel layout: left panel (fixed width) and right content that receives
+ * contentRef and hasScroll for scroll detection.
+ */
+export declare function DynamicLayout({ leftPanel, rightContent, leftPanelWidth, className, showStepper, ...props }: DynamicLayoutProps): import("react/jsx-runtime").JSX.Element;
+export declare namespace DynamicLayout {
+    var displayName: string;
 }
-export declare const DynamicLayout: ({ title, description, leftPanel, rightContent, leftPanelWidth, className, footer, ...props }: DynamicLayoutProps) => import("react/jsx-runtime").JSX.Element;
-export {};
 //# sourceMappingURL=index.d.ts.map

package/dist/components/DynamicLayout/index.d.ts.map

@@ -1 +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,4CAgCpB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/DynamicLayout/index.tsx"],"names":[],"mappings":"AACA,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,2CA+CpB;yBAtDe,aAAa"}

package/dist/components/DynamicLayout/index.js

@@ -1,45 +1,48 @@
-!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}.dynamic-layout-container{background-color:#fff;border-radius:24px!important;box-shadow:0 0 4px #ababab40;display:flex;flex-direction:column;top:0;right:24px;bottom:24px;left:24px;justify-content:center;position:absolute}.dynamic-layout-container .dynamic-layout-header{border-bottom:1px solid #d9dde7;display:flex;flex-direction:column;gap:8px;padding:24px}.dynamic-layout-container .dynamic-layout-header h1{color:#0d152c;font-size:24px;font-weight:800;line-height:36px}.dynamic-layout-container .dynamic-layout-header p{color:#7a8294;font-size:12px;font-weight:500;line-height:16px;text-transform:capitalize}.dynamic-layout-container .dynamic-layout-body{background-position:100% 0;background-repeat:no-repeat;background-size:contain;border-bottom-right-radius:24px;display:flex;flex:1;min-height:0;overflow:hidden;padding:24px}.dynamic-layout-container .dynamic-layout-body .left-panel{border-right:1px solid #d9dde7;padding-right:24px;width:var(--left-panel-width,220px)}.dynamic-layout-container .dynamic-layout-body .left-panel .left-panel-content{display:flex;flex-direction:column;height:100%;justify-content:space-between}.dynamic-layout-container .dynamic-layout-body .left-panel .left-panel-image{height:130px;margin:0 auto;width:132px}.dynamic-layout-container .dynamic-layout-body .right-column{display:flex;flex-direction:column;justify-content:space-between;min-height:0;padding-left:24px;width:calc(100% - var(--left-panel-width, 220px))}.dynamic-layout-container .dynamic-layout-body .right-column .right-content{display:flex;flex:1;flex-direction:column;min-height:0;overflow-x:hidden;overflow-y:auto}.dynamic-layout-container .dynamic-layout-body .right-column .dynamic-layout-footer{border-top:1px solid #d9dde7;display:flex;justify-content:space-between;padding-top:24px}.dynamic-layout-container .dynamic-layout-body .right-column .dynamic-layout-footer .footer-right-group{align-items:center;display:flex;gap:12px}@media screen and (min-width:1400px) and (max-width:1600px){.dynamic-layout-body{padding:20px}.left-panel-image{width:100%}}@media screen and (max-width:1399px){.dynamic-layout-body{padding:16px}.left-panel{flex-shrink:0;padding-right:16px;width:fit-content}.right-column{flex:1;padding-left:16px;width:auto}.left-panel-image{height:auto;max-width:132px;width:100%}}')),document.head.appendChild(e)}}catch(i){console.error("vite-plugin-css-injected-by-js",i)}}();
+!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)}}();
 import { jsxs, jsx } from "react/jsx-runtime";
-import React__default, { useRef } from "react";
+import React__default, { useRef, useState, useLayoutEffect } from "react";
 
-import { getAssetUrl } from "../../utils/assetBase.js";
-import Box from "../../node_modules/@mui/material/Box/Box.js";
-const DynamicLayout = ({
-  title,
-  description,
+function DynamicLayout({
   leftPanel,
   rightContent,
   leftPanelWidth,
-  className,
-  footer,
+  className = "",
+  showStepper = false,
   ...props
-}) => {
+}) {
   const contentRef = useRef(null);
-  const contentBackgroundImage = getAssetUrl("images/review-tech-bg.webp");
-  return /* @__PURE__ */ jsxs(Box, { className: `dynamic-layout-container ${className || ""}`, ...props, children: [
-    /* @__PURE__ */ jsxs(Box, { className: "dynamic-layout-header", children: [
-      /* @__PURE__ */ jsx("h1", { children: title }),
-      description && /* @__PURE__ */ jsx("p", { children: description })
-    ] }),
-    /* @__PURE__ */ jsxs(
-      Box,
-      {
-        className: "dynamic-layout-body",
-        style: leftPanelWidth ? {
-          "--left-panel-width": typeof leftPanelWidth === "number" ? `${leftPanelWidth}px` : leftPanelWidth
-        } : void 0,
-        sx: { backgroundImage: `url(${contentBackgroundImage})` },
-        children: [
-          /* @__PURE__ */ jsx(Box, { className: "left-panel", children: leftPanel }),
-          /* @__PURE__ */ jsxs(Box, { className: "right-column", children: [
-            /* @__PURE__ */ jsx(Box, { className: "right-content", children: React__default.cloneElement(rightContent, { contentRef }) }),
-            footer && /* @__PURE__ */ jsx(Box, { className: "dynamic-layout-footer", children: footer })
-          ] })
-        ]
-      }
-    )
+  const [hasScroll, setHasScroll] = useState(false);
+  useLayoutEffect(() => {
+    const el = contentRef.current;
+    const checkScroll = () => {
+      if (!el) return;
+      setHasScroll(el.scrollHeight > el.clientHeight);
+    };
+    checkScroll();
+    window.addEventListener("resize", checkScroll);
+    const resizeObserver = typeof ResizeObserver !== "undefined" ? new ResizeObserver(checkScroll) : null;
+    if (resizeObserver && el) resizeObserver.observe(el);
+    const mutationObserver = typeof MutationObserver !== "undefined" ? new MutationObserver(checkScroll) : null;
+    if (mutationObserver && el) {
+      mutationObserver.observe(el, {
+        childList: true,
+        subtree: true,
+        characterData: true,
+        attributes: true
+      });
+    }
+    return () => {
+      window.removeEventListener("resize", checkScroll);
+      resizeObserver == null ? void 0 : resizeObserver.disconnect();
+      mutationObserver == null ? void 0 : mutationObserver.disconnect();
+    };
+  }, [rightContent]);
+  return /* @__PURE__ */ jsxs("div", { className: `dynamic-layout-container ${className}`.trim(), ...props, children: [
+    /* @__PURE__ */ jsx("div", { className: "left-panel", style: { width: leftPanelWidth }, children: leftPanel }),
+    /* @__PURE__ */ jsx("div", { className: `right-content ${showStepper ? "with-stepper" : ""}`, children: React__default.cloneElement(rightContent, { contentRef, hasScroll }) })
   ] });
-};
+}
+DynamicLayout.displayName = "DynamicLayout";
 export {
   DynamicLayout
 };

package/dist/components/Header/index.js

@@ -19,8 +19,8 @@ const MessageIcon = getAssetUrl("icons/message-icon.svg");
 const NotificationDNDIcon = getAssetUrl("icons/notification-dnd.svg");
 const CommentIconHeaderSvg = getAssetUrl("icons/comment-gray.svg");
 const GlobalIcon = getAssetUrl("icons/Globe.svg");
-const FLAG_WIDTH = 20;
-const FLAG_HEIGHT = 14;
+const FLAG_WIDTH = 24;
+const FLAG_HEIGHT = 20;
 const renderLanguageFlag = (icon) => {
   if (!icon) {
     return /* @__PURE__ */ jsx("span", { className: "impact-header-language-flag-placeholder" });

package/dist/components/NewCreateItemFlow/NewCreateItemFlow.types.d.ts

@@ -0,0 +1,21 @@
+import { ReactNode, CSSProperties, Ref } from 'react';
+import { ButtonProps } from '../Button/Button.types';
+
+export interface NewCreateItemFlowProps {
+    leftPanelWidth?: string | number;
+    leftPanelContent?: ReactNode;
+    leftPanelImage?: ReactNode;
+    rightContent?: ReactNode;
+    title?: string;
+    description?: string;
+    prevButtonProps?: Partial<ButtonProps>;
+    extraButtonProp?: ReactNode;
+    nextButtonProps?: Partial<ButtonProps>;
+    customCSS?: CSSProperties;
+    className?: string;
+}
+export interface RightContentPanelProps {
+    contentRef?: Ref<HTMLDivElement>;
+    children?: ReactNode;
+}
+//# sourceMappingURL=NewCreateItemFlow.types.d.ts.map

package/dist/components/NewCreateItemFlow/NewCreateItemFlow.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"NewCreateItemFlow.types.d.ts","sourceRoot":"","sources":["../../../src/components/NewCreateItemFlow/NewCreateItemFlow.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,SAAS,EAAE,KAAK,aAAa,EAAE,KAAK,GAAG,EAAE,MAAM,OAAO,CAAC;AACrE,OAAO,EAAE,KAAK,WAAW,EAAE,MAAM,wBAAwB,CAAC;AAE1D,MAAM,WAAW,sBAAsB;IACrC,cAAc,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACjC,gBAAgB,CAAC,EAAE,SAAS,CAAC;IAC7B,cAAc,CAAC,EAAE,SAAS,CAAC;IAC3B,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,eAAe,CAAC,EAAE,OAAO,CAAC,WAAW,CAAC,CAAC;IACvC,eAAe,CAAC,EAAE,SAAS,CAAC;IAC5B,eAAe,CAAC,EAAE,OAAO,CAAC,WAAW,CAAC,CAAC;IACvC,SAAS,CAAC,EAAE,aAAa,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,WAAW,sBAAsB;IACrC,UAAU,CAAC,EAAE,GAAG,CAAC,cAAc,CAAC,CAAC;IACjC,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB"}

package/dist/components/NewCreateItemFlow/index.d.ts

@@ -0,0 +1,5 @@
+import { default as React } from 'react';
+import { NewCreateItemFlowProps } from './NewCreateItemFlow.types';
+
+export declare const NewCreateItemFlow: React.MemoExoticComponent<({ leftPanelWidth, leftPanelContent, leftPanelImage, rightContent, title, description, prevButtonProps, extraButtonProp, nextButtonProps, customCSS, className, }: NewCreateItemFlowProps) => import("react/jsx-runtime").JSX.Element>;
+//# sourceMappingURL=index.d.ts.map

package/dist/components/NewCreateItemFlow/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/NewCreateItemFlow/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAe,MAAM,OAAO,CAAC;AAOpC,OAAO,EACL,KAAK,sBAAsB,EAE5B,MAAM,2BAA2B,CAAC;AACnC,OAAO,iCAAiC,CAAC;AAiGzC,eAAO,MAAM,iBAAiB,+LAnD3B,sBAAsB,6CAmDwC,CAAC"}

package/dist/components/NewCreateItemFlow/index.js

@@ -0,0 +1,93 @@
+!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)}}();
+import { jsx, jsxs } from "react/jsx-runtime";
+import React__default, { memo } from "react";
+import default_1 from "../../node_modules/@mui/icons-material/ChevronLeft.js";
+import default_1$1 from "../../node_modules/@mui/icons-material/ChevronRight.js";
+import { getAssetUrl } from "../../utils/assetBase.js";
+import { Button } from "../Button/index.js";
+import { NewDynamicLayout } from "../NewDynamicLayout/index.js";
+
+import { useTranslation } from "../../i18n/useTranslation.js";
+const createFlowImage = getAssetUrl("icons/create-item-flow-img.webp");
+const LeftPanelContent = ({ leftPanelContent, leftPanelImage }) => {
+  const { t } = useTranslation();
+  return /* @__PURE__ */ jsxs("div", { className: "left-panel-content", children: [
+    leftPanelContent,
+    leftPanelImage ? leftPanelImage : /* @__PURE__ */ jsx(
+      "img",
+      {
+        alt: t("createItemFlow.imageAlt"),
+        className: "left-panel-image",
+        src: createFlowImage
+      }
+    )
+  ] });
+};
+const RightContentPanel = ({ contentRef, children }) => /* @__PURE__ */ jsx("div", { ref: contentRef, className: "content-wrapper", children });
+const NewCreateItemFlowComponent = ({
+  leftPanelWidth,
+  leftPanelContent = null,
+  leftPanelImage = null,
+  rightContent,
+  title,
+  description = "",
+  prevButtonProps = {},
+  extraButtonProp,
+  nextButtonProps = {},
+  customCSS,
+  className
+}) => {
+  const { t } = useTranslation();
+  const {
+    children: prevLabel = t("createItemFlow.back"),
+    icon: prevIcon,
+    ...restPrevProps
+  } = prevButtonProps;
+  const {
+    children: nextLabel = t("createItemFlow.next"),
+    icon: nextIcon,
+    ...restNextProps
+  } = nextButtonProps;
+  const resolvedTitle = title ?? t("createItemFlow.defaultTitle");
+  return /* @__PURE__ */ jsx(
+    NewDynamicLayout,
+    {
+      className,
+      description,
+      footer: /* @__PURE__ */ jsxs(React__default.Fragment, { children: [
+        /* @__PURE__ */ jsx(
+          Button,
+          {
+            icon: "icon" in prevButtonProps ? prevIcon : /* @__PURE__ */ jsx(default_1, {}),
+            variant: restPrevProps.variant ?? "tertiary",
+            ...restPrevProps,
+            children: prevLabel
+          }
+        ),
+        /* @__PURE__ */ jsxs("div", { className: "footer-right-group", children: [
+          extraButtonProp,
+          /* @__PURE__ */ jsx(
+            Button,
+            {
+              icon: "icon" in nextButtonProps ? nextIcon : /* @__PURE__ */ jsx(default_1$1, {}),
+              iconPlacement: nextButtonProps.iconPlacement ?? "right",
+              variant: restNextProps.variant ?? "primary",
+              ...restNextProps,
+              children: nextLabel
+            }
+          )
+        ] })
+      ] }),
+      leftPanel: /* @__PURE__ */ jsx(LeftPanelContent, { leftPanelContent, leftPanelImage }),
+      leftPanelWidth,
+      rightContent: /* @__PURE__ */ jsx(RightContentPanel, { children: rightContent }),
+      style: customCSS,
+      title: resolvedTitle
+    }
+  );
+};
+const NewCreateItemFlow = memo(NewCreateItemFlowComponent);
+NewCreateItemFlow.displayName = "NewCreateItemFlow";
+export {
+  NewCreateItemFlow
+};

package/dist/components/NewDynamicLayout/NewDynamicLayout.types.d.ts

@@ -0,0 +1,26 @@
+import { ReactElement, ReactNode } from 'react';
+import { BaseComponentProps } from '../../types';
+
+export interface InjectedLayoutProps {
+    contentRef: React.RefObject<HTMLDivElement | null>;
+    hasScroll: boolean;
+}
+export interface NewDynamicLayoutProps extends BaseComponentProps {
+    /**
+     * Left panel content (e.g. title, description, image)
+     */
+    leftPanel: ReactNode;
+    /**
+     * Right side content (single element; receives contentRef and hasScroll via cloneElement)
+     */
+    rightContent: ReactElement<InjectedLayoutProps>;
+    /**
+     * Width of the left panel (e.g. "375px" or "300px")
+     */
+    leftPanelWidth?: string | number;
+    /**
+     * Whether to show stepper styling on the right content area
+     */
+    showStepper?: boolean;
+}
+//# sourceMappingURL=NewDynamicLayout.types.d.ts.map

package/dist/components/NewDynamicLayout/NewDynamicLayout.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"NewDynamicLayout.types.d.ts","sourceRoot":"","sources":["../../../src/components/NewDynamicLayout/NewDynamicLayout.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,YAAY,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAC1D,OAAO,EAAE,KAAK,kBAAkB,EAAE,MAAM,aAAa,CAAC;AAEtD,MAAM,WAAW,mBAAmB;IAClC,UAAU,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAC;IACnD,SAAS,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,WAAW,qBAAsB,SAAQ,kBAAkB;IAC/D;;OAEG;IACH,SAAS,EAAE,SAAS,CAAC;IACrB;;OAEG;IACH,YAAY,EAAE,YAAY,CAAC,mBAAmB,CAAC,CAAC;IAChD;;OAEG;IACH,cAAc,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACjC;;OAEG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB"}

package/dist/components/NewDynamicLayout/index.d.ts

@@ -0,0 +1,15 @@
+import { default as React } from 'react';
+
+interface NewDynamicLayoutProps {
+    title?: React.ReactNode;
+    description?: React.ReactNode;
+    leftPanel?: React.ReactNode;
+    rightContent: React.ReactElement;
+    leftPanelWidth?: string | number;
+    className?: string;
+    footer?: React.ReactNode;
+    [key: string]: unknown;
+}
+export declare const NewDynamicLayout: ({ title, description, leftPanel, rightContent, leftPanelWidth, className, footer, ...props }: NewDynamicLayoutProps) => import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=index.d.ts.map

package/dist/components/NewDynamicLayout/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/NewDynamicLayout/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqC,MAAM,OAAO,CAAC;AAE1D,OAAO,gCAAgC,CAAC;AAGxC,UAAU,qBAAqB;IAC7B,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,gBAAgB,GAAI,8FAS9B,qBAAqB,4CAgCvB,CAAC"}

package/dist/components/NewDynamicLayout/index.js

@@ -0,0 +1,45 @@
+!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}.new-dynamic-layout-container{background-color:#fff;border-radius:24px!important;box-shadow:0 0 4px #ababab40;display:flex;flex-direction:column;top:0;right:24px;bottom:24px;left:24px;justify-content:center;position:absolute}.new-dynamic-layout-container .new-dynamic-layout-header{border-bottom:1px solid #d9dde7;display:flex;flex-direction:column;gap:8px;padding:24px}.new-dynamic-layout-container .new-dynamic-layout-header h1{color:#0d152c;font-size:24px;font-weight:800;line-height:36px}.new-dynamic-layout-container .new-dynamic-layout-header p{color:#7a8294;font-size:12px;font-weight:500;line-height:16px;text-transform:capitalize}.new-dynamic-layout-container .new-dynamic-layout-body{background-position:100% 0;background-repeat:no-repeat;background-size:contain;border-bottom-right-radius:24px;display:flex;flex:1;min-height:0;overflow:hidden;padding:24px}.new-dynamic-layout-container .new-dynamic-layout-body .left-panel{border-right:1px solid #d9dde7;padding-right:24px;width:var(--left-panel-width,220px)}.new-dynamic-layout-container .new-dynamic-layout-body .left-panel .left-panel-content{display:flex;flex-direction:column;height:100%;justify-content:space-between}.new-dynamic-layout-container .new-dynamic-layout-body .left-panel .left-panel-image{height:130px;margin:0 auto;width:132px}.new-dynamic-layout-container .new-dynamic-layout-body .right-column{display:flex;flex-direction:column;justify-content:space-between;min-height:0;padding-left:24px;width:calc(100% - var(--left-panel-width, 220px))}.new-dynamic-layout-container .new-dynamic-layout-body .right-column .right-content{display:flex;flex:1;flex-direction:column;min-height:0;overflow-x:hidden;overflow-y:auto}.new-dynamic-layout-container .new-dynamic-layout-body .right-column .new-dynamic-layout-footer{border-top:1px solid #d9dde7;display:flex;justify-content:space-between;padding-top:24px}.new-dynamic-layout-container .new-dynamic-layout-body .right-column .new-dynamic-layout-footer .footer-right-group{align-items:center;display:flex;gap:12px}@media screen and (min-width:1400px) and (max-width:1600px){.new-dynamic-layout-body{padding:20px}.left-panel-image{width:100%}}@media screen and (max-width:1399px){.new-dynamic-layout-body{padding:16px}.left-panel{flex-shrink:0;padding-right:16px;width:fit-content}.right-column{flex:1;padding-left:16px;width:auto}.left-panel-image{height:auto;max-width:132px;width:100%}}')),document.head.appendChild(e)}}catch(i){console.error("vite-plugin-css-injected-by-js",i)}}();
+import { jsxs, jsx } from "react/jsx-runtime";
+import React__default, { useRef } from "react";
+
+import { getAssetUrl } from "../../utils/assetBase.js";
+import Box from "../../node_modules/@mui/material/Box/Box.js";
+const NewDynamicLayout = ({
+  title,
+  description,
+  leftPanel,
+  rightContent,
+  leftPanelWidth,
+  className,
+  footer,
+  ...props
+}) => {
+  const contentRef = useRef(null);
+  const contentBackgroundImage = getAssetUrl("images/review-tech-bg.webp");
+  return /* @__PURE__ */ jsxs(Box, { className: `new-dynamic-layout-container ${className || ""}`, ...props, children: [
+    /* @__PURE__ */ jsxs(Box, { className: "new-dynamic-layout-header", children: [
+      /* @__PURE__ */ jsx("h1", { children: title }),
+      description && /* @__PURE__ */ jsx("p", { children: description })
+    ] }),
+    /* @__PURE__ */ jsxs(
+      Box,
+      {
+        className: "new-dynamic-layout-body",
+        style: leftPanelWidth ? {
+          "--left-panel-width": typeof leftPanelWidth === "number" ? `${leftPanelWidth}px` : leftPanelWidth
+        } : void 0,
+        sx: { backgroundImage: `url(${contentBackgroundImage})` },
+        children: [
+          /* @__PURE__ */ jsx(Box, { className: "left-panel", children: leftPanel }),
+          /* @__PURE__ */ jsxs(Box, { className: "right-column", children: [
+            /* @__PURE__ */ jsx(Box, { className: "right-content", children: React__default.cloneElement(rightContent, { contentRef }) }),
+            footer && /* @__PURE__ */ jsx(Box, { className: "new-dynamic-layout-footer", children: footer })
+          ] })
+        ]
+      }
+    )
+  ] });
+};
+export {
+  NewDynamicLayout
+};

package/dist/components/Notification/NotificationBody/NotificationList/NotificationListItem.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"NotificationListItem.d.ts","sourceRoot":"","sources":["../../../../../src/components/Notification/NotificationBody/NotificationList/NotificationListItem.tsx"],"names":[],"mappings":"AAiBA,OAAO,KAAK,EACV,wBAAwB,EAExB,qBAAqB,EACtB,MAAM,0BAA0B,CAAC;AAiGlC,UAAU,yBAAyB;IACjC,IAAI,EAAE,wBAAwB,CAAC;IAC/B,IAAI,EAAE,MAAM,CAAC;IACb,kBAAkB,EAAE,qBAAqB,EAAE,CAAC;IAC5C,qBAAqB,CAAC,EAAE,CAAC,MAAM,EAAE,qBAAqB,EAAE,KAAK,IAAI,CAAC;IAClE,aAAa,EAAE,MAAM,CAAC;IACtB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,qBAAqB,CAAC,EAAE,OAAO,CAAC;CACjC;AAmDD,wBAAgB,oBAAoB,CAAC,EACnC,IAAI,EACJ,IAAI,EACJ,kBAAkB,EAClB,qBAAqB,EACrB,aAAa,EACb,aAAqB,EACrB,qBAA6B,GAC9B,EAAE,yBAAyB,2CA4Z3B"}
+{"version":3,"file":"NotificationListItem.d.ts","sourceRoot":"","sources":["../../../../../src/components/Notification/NotificationBody/NotificationList/NotificationListItem.tsx"],"names":[],"mappings":"AAYA,OAAO,KAAK,EACV,wBAAwB,EAExB,qBAAqB,EACtB,MAAM,0BAA0B,CAAC;AAoGlC,UAAU,yBAAyB;IACjC,IAAI,EAAE,wBAAwB,CAAC;IAC/B,IAAI,EAAE,MAAM,CAAC;IACb,kBAAkB,EAAE,qBAAqB,EAAE,CAAC;IAC5C,qBAAqB,CAAC,EAAE,CAAC,MAAM,EAAE,qBAAqB,EAAE,KAAK,IAAI,CAAC;IAClE,aAAa,EAAE,MAAM,CAAC;IACtB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,qBAAqB,CAAC,EAAE,OAAO,CAAC;CACjC;AAmDD,wBAAgB,oBAAoB,CAAC,EACnC,IAAI,EACJ,IAAI,EACJ,kBAAkB,EAClB,qBAAqB,EACrB,aAAa,EACb,aAAqB,EACrB,qBAA6B,GAC9B,EAAE,yBAAyB,2CA0Y3B"}

package/dist/components/Notification/NotificationBody/NotificationList/NotificationListItem.js

@@ -1,6 +1,5 @@
 import { jsxs, jsx, Fragment } from "react/jsx-runtime";
 import { useState, useRef, useCallback, useEffect, useMemo } from "react";
-import { NotificationRead as NotificationRead_default, NotificationBookmark as NotificationBookmark_default, BookMarkedFill as BookMarkedFill_default } from "../../../../node_modules/@impactsmartsuite/impact-icons/dist/index.js";
 import default_1$1 from "../../../../node_modules/@mui/icons-material/BookmarkBorderOutlined.js";
 import default_1 from "../../../../node_modules/@mui/icons-material/DeleteOutlineOutlined.js";
 import default_1$2 from "../../../../node_modules/@mui/icons-material/FileDownloadOutlined.js";
@@ -13,6 +12,9 @@ import { Tooltip } from "../../../Tooltip/index.js";
 import { useTranslation } from "../../../../i18n/useTranslation.js";
 const OpenInNewIcon = getAssetUrl("icons/OpenInNew.svg");
 const SyncReloadIcon = getAssetUrl("icons/SyncReload.svg");
+const NotificationReadIcon = getAssetUrl("icons/notification-read.svg");
+const NotificationBookmarkIcon = getAssetUrl("icons/notification-bookmark.svg");
+const BookMarkedFillIcon = getAssetUrl("icons/bookMarkedFill.svg");
 const NOTIFICATION_DESCRIPTION_VISIBLE_MAX = 150;
 function getVisibleTextLengthFromHtml(html) {
   if (!html) {
@@ -299,32 +301,14 @@ function NotificationListItem({
                     list.titleIconsContent
                   ] }),
                   showHeaderIcons && /* @__PURE__ */ jsx("span", { className: "impact-notification-separator" }),
-                  list.showNOverdueIcon && /* @__PURE__ */ jsx(Tooltip, { orientation: "top", title: t("notification.noOverdue"), variant: "tertiary", children: /* @__PURE__ */ jsx(
-                    NotificationRead_default,
-                    {
-                      "aria-hidden": void 0,
-                      "aria-label": t("notification.readAlt"),
-                      height: 16,
-                      role: "img",
-                      width: 16
-                    }
-                  ) }),
+                  list.showNOverdueIcon && /* @__PURE__ */ jsx(Tooltip, { orientation: "top", title: t("notification.noOverdue"), variant: "tertiary", children: /* @__PURE__ */ jsx("img", { alt: "notification-read", src: NotificationReadIcon }) }),
                   list.showFastApproachingIcon && /* @__PURE__ */ jsx(
                     Tooltip,
                     {
                       orientation: "top",
                       title: t("notification.fastApproaching"),
                       variant: "tertiary",
-                      children: /* @__PURE__ */ jsx(
-                        NotificationBookmark_default,
-                        {
-                          "aria-hidden": void 0,
-                          "aria-label": t("notification.bookmarkAlt"),
-                          height: 16,
-                          role: "img",
-                          width: 16
-                        }
-                      )
+                      children: /* @__PURE__ */ jsx("img", { alt: "notification-bookmark", src: NotificationBookmarkIcon })
                     }
                   )
                 ]
@@ -362,16 +346,7 @@ function NotificationListItem({
                     {
                       className: list.bookMarked ? "impact-notification-list-item-bookmark-btn" : void 0,
                       disabled: list.showBookMark,
-                      icon: list.bookMarked ? /* @__PURE__ */ jsx(
-                        BookMarkedFill_default,
-                        {
-                          "aria-hidden": void 0,
-                          "aria-label": t("notification.bookmarked"),
-                          height: 20,
-                          role: "img",
-                          width: 20
-                        }
-                      ) : /* @__PURE__ */ jsx(default_1$1, {}),
+                      icon: list.bookMarked ? /* @__PURE__ */ jsx("img", { alt: "bookmarked", src: BookMarkedFillIcon }) : /* @__PURE__ */ jsx(default_1$1, {}),
                       size: "small",
                       variant: "text",
                       onClick: (event) => {

package/dist/components/Notification/NotificationBody/NotificationPanelContent.js

@@ -54,7 +54,6 @@ function NotificationPanelContent({
       isMultiSelectFilter: panel.isMultiSelectFilter,
       isWithSearch,
       listTypes,
-      onSearchChange,
       moveToPendingDropdownOptions,
       notificationList,
       notificationPanels,
@@ -64,7 +63,8 @@ function NotificationPanelContent({
       showBadgeLoader,
       showNotificationListLoader,
       type: panel.value,
-      onNotificationScrollToBottom
+      onNotificationScrollToBottom,
+      onSearchChange
     }
   );
 }

package/dist/components/Notification/NotificationBody/NotificationTaskList.js

@@ -102,8 +102,7 @@ function NotificationTaskList({
   }, [debouncedSearch]);
   const handleSearch = useCallback(
     (event) => {
-      var _a2;
-      const value = ((_a2 = event == null ? void 0 : event.target) == null ? void 0 : _a2.value) ?? "";
+      const value = event.target.value ?? "";
       setSearchInput(value);
       debouncedSearch(value, event);
     },

package/dist/components/Notification/index.js

@@ -100,7 +100,6 @@ function Notification({
             isHoverOnCard,
             isWithSearch,
             moveToPendingDropdownOptions,
-            onSearchChange,
             notificationPanels: notificationPanels ?? [],
             notificationTabs: notificationTabs ?? [],
             scrollThreshold,
@@ -108,6 +107,7 @@ function Notification({
             showBadgeLoader,
             showNotificationListLoader,
             onNotificationScrollToBottom,
+            onSearchChange,
             onSettingButtonClick
           }
         ) }),

package/dist/components/Table/AgGridHeader.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AgGridHeader.d.ts","sourceRoot":"","sources":["../../../src/components/Table/AgGridHeader.tsx"],"names":[],"mappings":"AA8BA,iBAAS,YAAY,CAAC,EACpB,QAAQ,EACR,SAAS,EACT,kBAAkB,EAClB,uBAAuB,EACvB,qBAAqB,EACrB,YAAY,EACZ,cAAc,EACd,oBAA2B,EAC3B,GAAG,IAAI,EACR;;;;;;;;;;CAAA,kDA+8BA;AAED,eAAe,YAAY,CAAC"}
+{"version":3,"file":"AgGridHeader.d.ts","sourceRoot":"","sources":["../../../src/components/Table/AgGridHeader.tsx"],"names":[],"mappings":"AA8BA,iBAAS,YAAY,CAAC,EACpB,QAAQ,EACR,SAAS,EACT,kBAAkB,EAClB,uBAAuB,EACvB,qBAAqB,EACrB,YAAY,EACZ,cAAc,EACd,oBAA2B,EAC3B,GAAG,IAAI,EACR;;;;;;;;;;CAAA,kDAi9BA;AAED,eAAe,YAAY,CAAC"}

package/dist/components/Table/AgGridHeader.js

@@ -649,7 +649,9 @@ function AgGridHeader({
                 iconClickOnDisabled: (_X = (_W = rest.column) == null ? void 0 : _W.colDef) == null ? void 0 : _X.toShowDuplicateColumnInAdvanceSearch,
                 inputProps: {
                   ...isNumericSearchColumn ? {
-                    inputMode: "decimal",
+                    // "text" so Shift+Minus (_) is not blocked by decimal inputMode; keys are
+                    // still validated in handleNumericKeyDown / isPartialNumericInput.
+                    inputMode: "text",
                     onKeyDown: handleNumericKeyDown,
                     onPaste: (e) => {
                       handleNumericPaste(e, applySearchText);

package/dist/components/Table/NewAdvanceSearchModal/NewAdvanceSearchModalItem.js

@@ -277,7 +277,7 @@ const NewAdvanceSearchModalItem = ({
       Input,
       {
         inputProps: isNumericColumn ? {
-          inputMode: "decimal",
+          inputMode: "text",
           onKeyDown: handleNumericKeyDown,
           onPaste: (event) => {
             handleNumericPaste(event, valueField.onChange);

package/dist/components/Table/Table.types.d.ts

@@ -1,8 +1,12 @@
 import { ReactNode } from 'react';
 import { AgGridReactProps } from 'ag-grid-react';
 
+/** Columns tab in table settings: legacy nested tree, or TableV36-style lazy mount + virtualization. */
+export type ColumnSettingsMode = 'legacy' | 'v36';
 /** Table wraps AG Grid but uses string tokens for row density; omit AG Grid's numeric-only `rowHeight`. */
 export interface TableProps extends Omit<AgGridReactProps, 'rowHeight'> {
+    /** @default 'legacy' */
+    columnSettingsMode?: ColumnSettingsMode;
     tableHeader?: string;
     rowHeight?: 'comfort' | 'compact' | number;
     height?: string | number;

package/dist/components/Table/Table.types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Table.types.d.ts","sourceRoot":"","sources":["../../../src/components/Table/Table.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC;AAEtD,2GAA2G;AAC3G,MAAM,WAAW,UAAW,SAAQ,IAAI,CAAC,gBAAgB,EAAE,WAAW,CAAC;IACrE,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,MAAM,CAAC;IAC3C,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB,eAAe,CAAC,EAAE,SAAS,CAAC;IAC5B,cAAc,CAAC,EAAE,SAAS,CAAC;IAC3B,iBAAiB,CAAC,EAAE,SAAS,CAAC;IAC9B,mBAAmB,CAAC,EAAE,SAAS,CAAC;IAChC,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,kBAAkB,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,EAAE,KAAK,IAAI,CAAC;IAClD,mBAAmB,CAAC,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC;IAChD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,uBAAuB,CAAC,EAAE,OAAO,CAAC;IAClC,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,kBAAkB,CAAC,EAAE;QACnB,cAAc,CAAC,EAAE,MAAM,CAAC;QACxB,eAAe,CAAC,EAAE,OAAO,CAAC;QAC1B,aAAa,CAAC,EAAE,MAAM,CAAC;KACxB,CAAC;IACF,eAAe,CAAC,EAAE,MAAM,IAAI,CAAC;IAC7B,gBAAgB,CAAC,EAAE,MAAM,IAAI,CAAC;IAC9B,aAAa,CAAC,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC;IAC1C,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,uBAAuB,CAAC,EAAE,OAAO,CAAC;IAClC,YAAY,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IACvC,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAC;CACxB"}
+{"version":3,"file":"Table.types.d.ts","sourceRoot":"","sources":["../../../src/components/Table/Table.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC;AAEtD,wGAAwG;AACxG,MAAM,MAAM,kBAAkB,GAAG,QAAQ,GAAG,KAAK,CAAC;AAElD,2GAA2G;AAC3G,MAAM,WAAW,UAAW,SAAQ,IAAI,CAAC,gBAAgB,EAAE,WAAW,CAAC;IACrE,wBAAwB;IACxB,kBAAkB,CAAC,EAAE,kBAAkB,CAAC;IACxC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,MAAM,CAAC;IAC3C,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB,eAAe,CAAC,EAAE,SAAS,CAAC;IAC5B,cAAc,CAAC,EAAE,SAAS,CAAC;IAC3B,iBAAiB,CAAC,EAAE,SAAS,CAAC;IAC9B,mBAAmB,CAAC,EAAE,SAAS,CAAC;IAChC,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,kBAAkB,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,EAAE,KAAK,IAAI,CAAC;IAClD,mBAAmB,CAAC,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC;IAChD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,uBAAuB,CAAC,EAAE,OAAO,CAAC;IAClC,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,kBAAkB,CAAC,EAAE;QACnB,cAAc,CAAC,EAAE,MAAM,CAAC;QACxB,eAAe,CAAC,EAAE,OAAO,CAAC;QAC1B,aAAa,CAAC,EAAE,MAAM,CAAC;KACxB,CAAC;IACF,eAAe,CAAC,EAAE,MAAM,IAAI,CAAC;IAC7B,gBAAgB,CAAC,EAAE,MAAM,IAAI,CAAC;IAC9B,aAAa,CAAC,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC;IAC1C,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,uBAAuB,CAAC,EAAE,OAAO,CAAC;IAClC,YAAY,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IACvC,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAC;CACxB"}

package/dist/components/Table/filterUtils.d.ts

@@ -30,10 +30,18 @@ export declare const roundedFilterValueGetter: (decimals?: number) => (params: a
 /**
  * Matches any value that is, or could still become, a decimal number.
  * Intermediate states such as "", "-", "1." are allowed so the user can keep typing.
+ * Underscores are also allowed between digits (and trailing, mid-type) since they are
+ * used as a digit-group separator by some data sources — e.g. "124_56", "1_234_567" —
+ * mirroring the underscore support already in `cleanNumericValue`/`GROUPED_DIGITS`.
  * @param {string} value - The candidate input value
  * @returns {boolean} - true when the value may be entered into a numeric field
  */
 export declare const isPartialNumericInput: (value: any) => boolean;
+/**
+ * Maps a keydown event to the character that would be inserted into a numeric field.
+ * Shift+Minus is often reported as key "-" (not "_"), which must still become "_".
+ */
+export declare const resolveNumericKeyInsert: (event: any) => any;
 /**
  * Inserts a pasted value into a numeric field, reading it the way it was rendered:
  * currency symbols, thousands separators and percent signs are dropped, accounting
@@ -57,6 +65,11 @@ export declare const handleNumericPaste: (event: any, applyValue: any) => void;
  * Rejecting the key press rather than the resulting value keeps the caret in place;
  * pasting is handled by handleNumericPaste, and drag-drop by the isPartialNumericInput
  * check on change.
+ *
+ * The resulting value (current value with this key spliced in at the caret/selection) is
+ * checked against `isPartialNumericInput` directly, rather than hand-rolling per-character
+ * rules, so every character this gate accepts — digits, one ".", a leading "-", and now
+ * "_" as a digit-group separator — stays in lockstep with what onChange/paste allow.
  * @param {object} event - React keyboard event from a numeric input
  */
 export declare const handleNumericKeyDown: (event: any) => void;