impact-ui 4.0.0-alpha.21 → 4.0.0-alpha.23

package/dist/components/EmptyState/index.js

@@ -31,7 +31,7 @@ function EmptyState({
       children: [
         /* @__PURE__ */ jsx("div", { className: `impact_center_svg ${emptyStateIcon ? "impact_center_svg_with_icon" : ""}`, children: emptyStateIcon ?? /* @__PURE__ */ jsx(EmptyStateImage, {}) }),
         /* @__PURE__ */ jsx("div", { className: "impact_heading", children: heading }),
-        description ? /* @__PURE__ */ jsx("div", { className: "impact_paragraph", children: description }) : null,
+        /* @__PURE__ */ jsx("div", { className: "impact_paragraph", children: description }),
         /* @__PURE__ */ jsxs("div", { className: "bottom_cta_container", children: [
           emptyStateBottomOptions,
           secondaryButtonLabel != null && /* @__PURE__ */ jsx(

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

@@ -51,5 +51,17 @@ export interface FileUploadProps extends RootComponentProps {
     secondaryButtonProps?: Partial<ButtonProps>;
     onClose?: () => void;
     customFailedActionButton?: ReactNode;
+    /** Whether to show the header section (default true) */
+    showHeader?: boolean;
+    /** Title text in the header (default "Upload Your File") */
+    headerTitle?: string;
+    /** Subtitle text in the header; defaults to "You can upload up to N file(s)" */
+    headerSubtitle?: string;
+    /** Whether to show the close icon in the header (default true) */
+    showCloseIcon?: boolean;
+    /** Custom width for the upload container */
+    width?: string | number;
+    /** Custom height for the drop zone area */
+    height?: string | number;
 }
 //# sourceMappingURL=FileUpload.types.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"FileUpload.types.d.ts","sourceRoot":"","sources":["../../../src/components/FileUpload/FileUpload.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,aAAa,CAAC;AACtD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,WAAW,CAAC;AAE7C;;GAEG;AACH,MAAM,WAAW,cAAc;IAC7B,IAAI,EAAE,IAAI,CAAC;IACX,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAED;;GAEG;AACH,MAAM,WAAW,mBAAmB;IAClC,QAAQ,EAAE,MAAM,CAAC;IACjB,kBAAkB,CAAC,EAAE,MAAM,IAAI,CAAC;IAChC,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB;AAED;;GAEG;AACH,eAAO,MAAM,kBAAkB,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,EAAE,CA2B9C,CAAC;AAEX,eAAO,MAAM,gBAAgB,gEAAiE,CAAC;AAE/F,MAAM,WAAW,eAAgB,SAAQ,kBAAkB;IACzD,QAAQ,EAAE,cAAc,EAAE,CAAC;IAC3B,gBAAgB,EAAE,CAAC,IAAI,EAAE,cAAc,EAAE,KAAK,IAAI,CAAC;IACnD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,cAAc,CAAC,EAAE,mBAAmB,EAAE,CAAC;IACvC,uFAAuF;IACvF,OAAO,CAAC,EAAE,MAAM,EAAE,CAAC;IACnB,yEAAyE;IACzE,cAAc,CAAC,EAAE,MAAM,EAAE,CAAC;IAC1B,gGAAgG;IAChG,wBAAwB,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,eAAe,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IACjF,iGAAiG;IACjG,qBAAqB,CAAC,EAAE,CAAC,eAAe,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IAC5D,kBAAkB,CAAC,EAAE,SAAS,CAAC;IAC/B,oBAAoB,CAAC,EAAE,SAAS,CAAC;IACjC,oBAAoB,CAAC,EAAE,MAAM,IAAI,CAAC;IAClC,sBAAsB,CAAC,EAAE,MAAM,IAAI,CAAC;IACpC,kBAAkB,CAAC,EAAE,OAAO,CAAC,WAAW,CAAC,CAAC;IAC1C,oBAAoB,CAAC,EAAE,OAAO,CAAC,WAAW,CAAC,CAAC;IAC5C,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,wBAAwB,CAAC,EAAE,SAAS,CAAC;CACtC"}
+{"version":3,"file":"FileUpload.types.d.ts","sourceRoot":"","sources":["../../../src/components/FileUpload/FileUpload.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,aAAa,CAAC;AACtD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,WAAW,CAAC;AAE7C;;GAEG;AACH,MAAM,WAAW,cAAc;IAC7B,IAAI,EAAE,IAAI,CAAC;IACX,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAED;;GAEG;AACH,MAAM,WAAW,mBAAmB;IAClC,QAAQ,EAAE,MAAM,CAAC;IACjB,kBAAkB,CAAC,EAAE,MAAM,IAAI,CAAC;IAChC,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB;AAED;;GAEG;AACH,eAAO,MAAM,kBAAkB,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,EAAE,CA2B9C,CAAC;AAEX,eAAO,MAAM,gBAAgB,gEAAiE,CAAC;AAE/F,MAAM,WAAW,eAAgB,SAAQ,kBAAkB;IACzD,QAAQ,EAAE,cAAc,EAAE,CAAC;IAC3B,gBAAgB,EAAE,CAAC,IAAI,EAAE,cAAc,EAAE,KAAK,IAAI,CAAC;IACnD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,cAAc,CAAC,EAAE,mBAAmB,EAAE,CAAC;IACvC,uFAAuF;IACvF,OAAO,CAAC,EAAE,MAAM,EAAE,CAAC;IACnB,yEAAyE;IACzE,cAAc,CAAC,EAAE,MAAM,EAAE,CAAC;IAC1B,gGAAgG;IAChG,wBAAwB,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,eAAe,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IACjF,iGAAiG;IACjG,qBAAqB,CAAC,EAAE,CAAC,eAAe,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IAC5D,kBAAkB,CAAC,EAAE,SAAS,CAAC;IAC/B,oBAAoB,CAAC,EAAE,SAAS,CAAC;IACjC,oBAAoB,CAAC,EAAE,MAAM,IAAI,CAAC;IAClC,sBAAsB,CAAC,EAAE,MAAM,IAAI,CAAC;IACpC,kBAAkB,CAAC,EAAE,OAAO,CAAC,WAAW,CAAC,CAAC;IAC1C,oBAAoB,CAAC,EAAE,OAAO,CAAC,WAAW,CAAC,CAAC;IAC5C,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,wBAAwB,CAAC,EAAE,SAAS,CAAC;IACrC,wDAAwD;IACxD,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,4DAA4D;IAC5D,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,gFAAgF;IAChF,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,kEAAkE;IAClE,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,4CAA4C;IAC5C,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,2CAA2C;IAC3C,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CAC1B"}

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

@@ -2,7 +2,7 @@ import { FileUploadProps } from './FileUpload.types';
 
 export type { FileUploadProps, FileUploadItem, ValidFileTypeConfig } from './FileUpload.types';
 export { FILE_TYPE_MIME_MAP, SIZE_CONVENTIONS } from './FileUpload.types';
-export declare function FileUpload({ fileList, onFileListChange, disabled, numberOfFiles: numFiles, validFileTypes, primaryButtonLabel, secondaryButtonLabel, onPrimaryButtonClick, primaryButtonProps, onSecondaryButtonClick, secondaryButtonProps, onClose, customFailedActionButton, options: templateColumnOptions, selectedValues: templateColumnSelections, onMenuPrimaryButtonClick: onTemplateMenuPrimaryClick, onTertiaryButtonClick: onTemplateMenuTertiaryClick, className, id, 'data-testid': dataTestId, 'aria-label': ariaLabel, role, }: FileUploadProps): import("react/jsx-runtime").JSX.Element;
+export declare function FileUpload({ fileList, onFileListChange, disabled, numberOfFiles: numFiles, validFileTypes, primaryButtonLabel, secondaryButtonLabel, onPrimaryButtonClick, primaryButtonProps, onSecondaryButtonClick, secondaryButtonProps, onClose, customFailedActionButton, options: templateColumnOptions, selectedValues: templateColumnSelections, onMenuPrimaryButtonClick: onTemplateMenuPrimaryClick, onTertiaryButtonClick: onTemplateMenuTertiaryClick, showHeader, headerTitle, headerSubtitle, showCloseIcon, width, height, className, id, 'data-testid': dataTestId, 'aria-label': ariaLabel, role, }: FileUploadProps): import("react/jsx-runtime").JSX.Element;
 export declare namespace FileUpload {
     var displayName: string;
 }

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/FileUpload/index.tsx"],"names":[],"mappings":"AAWA,OAAO,KAAK,EAAkB,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAC1E,OAAO,0BAA0B,CAAC;AAGlC,YAAY,EAAE,eAAe,EAAE,cAAc,EAAE,mBAAmB,EAAE,MAAM,oBAAoB,CAAC;AAC/F,OAAO,EAAE,kBAAkB,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAE1E,wBAAgB,UAAU,CAAC,EACzB,QAAQ,EACR,gBAAgB,EAChB,QAAgB,EAChB,aAAa,EAAE,QAAY,EAC3B,cAA2F,EAC3F,kBAAkB,EAClB,oBAAoB,EACpB,oBAAoB,EACpB,kBAAkB,EAClB,sBAAsB,EACtB,oBAAoB,EACpB,OAAO,EACP,wBAAwB,EACxB,OAAO,EAAE,qBAAqB,EAC9B,cAAc,EAAE,wBAAwB,EACxC,wBAAwB,EAAE,0BAA0B,EACpD,qBAAqB,EAAE,2BAA2B,EAClD,SAAS,EACT,EAAE,EACF,aAAa,EAAE,UAAU,EACzB,YAAY,EAAE,SAAyB,EACvC,IAAe,GAChB,EAAE,eAAe,2CAqjBjB;yBA5kBe,UAAU"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/FileUpload/index.tsx"],"names":[],"mappings":"AAWA,OAAO,KAAK,EAAkB,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAC1E,OAAO,0BAA0B,CAAC;AAGlC,YAAY,EAAE,eAAe,EAAE,cAAc,EAAE,mBAAmB,EAAE,MAAM,oBAAoB,CAAC;AAC/F,OAAO,EAAE,kBAAkB,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAE1E,wBAAgB,UAAU,CAAC,EACzB,QAAQ,EACR,gBAAgB,EAChB,QAAgB,EAChB,aAAa,EAAE,QAAY,EAC3B,cAGC,EACD,kBAAkB,EAClB,oBAAoB,EACpB,oBAAoB,EACpB,kBAAkB,EAClB,sBAAsB,EACtB,oBAAoB,EACpB,OAAO,EACP,wBAAwB,EACxB,OAAO,EAAE,qBAAqB,EAC9B,cAAc,EAAE,wBAAwB,EACxC,wBAAwB,EAAE,0BAA0B,EACpD,qBAAqB,EAAE,2BAA2B,EAClD,UAAiB,EACjB,WAAgC,EAChC,cAAc,EACd,aAAoB,EACpB,KAAK,EACL,MAAM,EACN,SAAS,EACT,EAAE,EACF,aAAa,EAAE,UAAU,EACzB,YAAY,EAAE,SAAyB,EACvC,IAAe,GAChB,EAAE,eAAe,2CA+mBjB;yBA/oBe,UAAU"}

package/dist/components/FileUpload/index.js

@@ -1,6 +1,6 @@
-!function(){"use strict";try{if("undefined"!=typeof document){var e=document.createElement("style");e.appendChild(document.createTextNode(".ia-fileUpload-container{align-items:stretch;background-color:#fff;border-radius:16px;box-shadow:0 0 16px 2px #0000000f;display:flex;flex-direction:column;gap:16px;min-height:274px;padding:16px;width:550px}.ia-fileUpload-container .ia-fileUpload-container-header{align-items:center;display:flex;justify-content:space-between}.ia-fileUpload-container .ia-fileUpload-container-header .ia-fileUpload-container-header-title{display:flex;flex-direction:column;gap:2px}.ia-fileUpload-container .ia-fileUpload-container-header .ia-fileUpload-container-header-title .ia-fileUpload-container-header-title-primary{color:#0d152c;font-family:Manrope,sans-serif;font-size:16px;font-weight:800;line-height:24px}.ia-fileUpload-container .ia-fileUpload-container-header .ia-fileUpload-container-header-title .ia-fileUpload-container-header-title-secondary{color:#7a8294;font-family:Manrope,sans-serif;font-size:14px;font-weight:500;line-height:20px}.ia-fileUpload-container .ia-fileUpload-container-header .ia-fileUpload-container-header-closeIcon{color:#60697d;cursor:pointer}.ia-fileUpload{align-items:center;background-color:initial;background-position:50% 24px;background-repeat:no-repeat;background-size:55px;border:1px dashed #b3bdf8;border-radius:8px;display:flex;flex-direction:column;gap:8px;height:148px;justify-content:flex-end;margin:auto;padding:24px 16px;position:relative;width:100%}.ia-fileUpload input{height:calc(2px + 100%);left:-1px;opacity:0;position:absolute;top:-1px;width:calc(2px + 100%)}.ia-fileUpload .ia-fileUpload-label{color:#1f2b4d;font-size:14px;font-weight:500;line-height:20px;text-align:center}.ia-fileUpload.ia-fileUpload-error{background-position:50% 24px;background-size:55px;border:1px solid #e15554;box-shadow:inset 0 0 20px #e155541f}.ia-fileUpload.ia-fileUpload-error .ia-fileUpload-label{color:#e15554}.ia-fileUpload.ia-fileUpload-disabled{opacity:.5;pointer-events:none}.ia-fileUpload.ia-fileUpload-dragOver{background:none;border:1px solid #4259ee;box-shadow:inset 0 0 96px 23px #4259ee24;justify-content:center}.ia-fileUpload.ia-fileUpload-dragOver .ia-fileUpload-dragOverLabel{color:#1f2b4d;font-family:Manrope,sans-serif;font-size:14px;font-weight:700;line-height:21px}.ia-fileUpload .ia-fileUpload-label-secondary{color:#7a8294;font-size:12px;font-weight:500;line-height:16px;text-align:center}.ia-fileUpload .ia-fileUpload-label-primary,.ia-fileUpload-validFileType{align-items:center;display:flex;gap:4px}.ia-fileUpload-validFileType{color:#60697d;font-size:14px;font-weight:500;height:16px;line-height:16.1px}.ia-fileUpload-validFileType .ia-fileUpload-validFileType-container{position:relative}.ia-fileUpload-validFileType .ia-fileUpload-validFileType-container .ia-fileUpload-validFileType-arrow{cursor:pointer;height:11px;margin-top:2px;width:11px}.ia-fileUpload-validFileType .ia-fileUpload-validFileType-container .ia-fileUpload-validFileType-arrow.rotate{transform:rotate(180deg)}.ia-fileUpload-validFileType .ia-fileUpload-validFileType-menu{background-color:#fff;border-radius:8px;bottom:32px;box-shadow:0 0 4px #0000001f;display:flex;flex-direction:column;gap:5px;left:0;padding-bottom:16px;padding-top:16px;position:absolute;width:100px;z-index:99}.ia-fileUpload-validFileType .ia-fileUpload-validFileType-menu .ia-fileUpload-validFileType-menu-item{align-items:center;color:#1f2b4d;cursor:pointer;display:flex;font-size:14px;font-weight:500;height:25px;line-height:20px;padding-left:18px;text-align:left}.ia-fileUpload-validFileType .ia-fileUpload-validFileType-menu .ia-fileUpload-validFileType-menu-item:hover{background-color:#f5f6fa}.ia-fileUpload-previewItem{align-items:stretch;border:1px solid #e7e7e7;border-radius:12px;display:flex;flex-direction:column;gap:8px;justify-content:space-between;padding:16px}.ia-fileUpload-previewItem img{max-height:36px;max-width:36px}.ia-fileUpload-previewItem .ia-fileUpload-previewItem-exceptProgress{display:flex;gap:8px;justify-content:space-between;z-index:99}.ia-fileUpload-previewItem .ia-fileUpload-previewItem-exceptProgress .ia-fileUpload-previewItem-details{display:flex;gap:8px}.ia-fileUpload-previewItem .ia-fileUpload-previewItem-exceptProgress .ia-fileUpload-previewItem-details .ia-fileUpload-previewItemIcon{background-repeat:no-repeat;height:36px;width:36px}.ia-fileUpload-previewItem .ia-fileUpload-previewItem-exceptProgress .ia-fileUpload-previewItem-details .ia-fileUpload-previewItem-info{display:flex;flex-direction:column;gap:2px;justify-content:space-between}.ia-fileUpload-previewItem .ia-fileUpload-previewItem-exceptProgress .ia-fileUpload-previewItem-details .ia-fileUpload-previewItem-info .ia-fileUpload-previewItem-name{color:#0b0b0b;font-size:12px;font-weight:700;line-height:18px}.ia-fileUpload-previewItem .ia-fileUpload-previewItem-exceptProgress .ia-fileUpload-previewItem-details .ia-fileUpload-previewItem-info .ia-fileUpload-previewItem-name.ia-fileUpload-previewItem-name-failed{color:#7a8294}.ia-fileUpload-previewItem .ia-fileUpload-previewItem-exceptProgress .ia-fileUpload-previewItem-details .ia-fileUpload-previewItem-info .ia-fileUpload-previewItem-size{color:#6d6d6d;font-size:12px;font-weight:500;line-height:16px}.ia-fileUpload-previewItem .ia-fileUpload-previewItem-exceptProgress .ia-fileUpload-previewItem-details .ia-fileUpload-previewItem-info .ia-fileUpload-previewItem-size.uploadFailed{color:#e15554}.ia-fileUpload-previewItem .ia-fileUpload-previewItem-exceptProgress .ia-fileUpload-previewItem-details .ia-fileUpload-previewItem-info .ia-fileUpload-previewItem-size.uploading{color:#0000}.ia-fileUpload-previewItem .ia-fileUpload-previewItem-exceptProgress .ia-fileUpload-previewItem-details .ia-fileUpload-previewItem-info .ia-fileUpload-previewItem-size.disabled{color:#7a8294}.ia-fileUpload-previewItem .ia-fileUpload-previewItem-exceptProgress .ia-fileUpload-previewItem-actions{align-items:center;display:flex;gap:14px}.ia-fileUpload-previewItem .ia-fileUpload-previewItem-exceptProgress .ia-fileUpload-previewItem-actions .ia-fileUpload-previewItem-action{color:#4259ee;cursor:pointer}.ia-fileUpload-previewItem .ia-fileUpload-previewItem-exceptProgress .ia-fileUpload-previewItem-actions .ia-fileUpload-previewItem-action.removeIcon{color:#60697d}.ia-fileUpload-previewItem .ia-fileUpload-progress .progressbar_layout{margin:0}.ia-fileUpload-previewItem .ia-fileUpload-progress .progressbar_label_container{margin:-24px 0 8px}.ia-fileUpload-actions{display:flex;gap:16px;justify-content:flex-end}.ia-fileUpload-validFileType-menu .MuiPaper-root{min-width:226px}.ia-fileUpload-validFileType-menu .MuiPaper-root .ia-btn-icon{margin-bottom:0}.ia-template-preview{background-color:#f5f6fa;border-radius:8px;box-shadow:0 0 16px 2px #0000000f;padding:12px}.ia-template-preview .ia-template-preview__title{color:#0d152c;font-size:14px;font-weight:800;line-height:21px;margin:0 0 10px}.ia-template-preview .ia-template-preview__grid-wrapper{border:1px solid #d9dde7;border-radius:4px;overflow-x:auto}.ia-template-preview .ia-template-preview__table{background-color:#fff;border-collapse:collapse;table-layout:fixed;width:100%}.ia-template-preview .ia-template-preview__table td,.ia-template-preview .ia-template-preview__table th{border:1px solid #d9dde7;font-size:12px;line-height:20px;padding:0;text-align:center}.ia-template-preview .ia-template-preview__col-header,.ia-template-preview .ia-template-preview__row-header{background-color:#f3f4f6;color:#6b7280;font-size:12px;font-weight:500}.ia-template-preview .ia-template-preview__row-header{max-width:28px;min-width:28px!important;width:28px}.ia-template-preview .ia-template-preview__cell{background-color:#fff}.ia-template-preview .ia-template-preview__cell-value{color:#0d152c;font-size:12px;font-weight:600;overflow:hidden;padding-inline:2px;text-overflow:ellipsis;white-space:nowrap}")),document.head.appendChild(e)}}catch(i){console.error("vite-plugin-css-injected-by-js",i)}}();
+!function(){"use strict";try{if("undefined"!=typeof document){var e=document.createElement("style");e.appendChild(document.createTextNode('.ia-fileUpload-container{align-items:stretch;background-color:#fff;border-radius:16px;box-shadow:0 0 16px 2px #0000000f;display:flex;flex-direction:column;gap:16px;min-height:274px;padding:16px;width:550px}.ia-fileUpload-container .ia-fileUpload-heading{color:#0d152c;font-size:16px;font-weight:800;line-height:24px;text-align:left}.ia-fileUpload-container .ia-fileUpload-subHeading{color:#7a8294;font-size:14px;font-weight:500;line-height:20px;margin-top:2px;text-align:left}.ia-fileUpload-container .ia-fileUpload-container-header{align-items:center;display:flex;justify-content:space-between}.ia-fileUpload-container .ia-fileUpload-container-header .ia-fileUpload-container-header-title{display:flex;flex-direction:column;gap:2px}.ia-fileUpload-container .ia-fileUpload-container-header .ia-fileUpload-container-header-title .ia-fileUpload-container-header-title-primary{color:#0d152c;font-family:Manrope,sans-serif;font-size:16px;font-weight:800;line-height:24px}.ia-fileUpload-container .ia-fileUpload-container-header .ia-fileUpload-container-header-title .ia-fileUpload-container-header-title-secondary{color:#7a8294;font-family:Manrope,sans-serif;font-size:14px;font-weight:500;line-height:20px}.ia-fileUpload-container .ia-fileUpload-container-header .ia-fileUpload-container-header-closeIcon{color:#60697d;cursor:pointer}.ia-fileUpload{align-items:center;background-color:initial;background-position:50% 24px;background-repeat:no-repeat;background-size:55px;border:1px dashed #b3bdf8;border-radius:8px;display:flex;flex-direction:column;gap:8px;height:148px;justify-content:flex-end;margin:auto;padding:24px 16px;position:relative;width:100%}.ia-fileUpload .ia-fileUpload-hr{color:#7a8294;font-size:12px;font-weight:500;line-height:15px;text-align:center;width:25px}.ia-fileUpload .ia-fileUpload-hr:before{left:calc(50% - 100px)}.ia-fileUpload .ia-fileUpload-hr:after,.ia-fileUpload .ia-fileUpload-hr:before{background-color:#d9dde7;content:"";height:1px;position:absolute;top:112px;width:80px}.ia-fileUpload .ia-fileUpload-hr:after{right:calc(50% - 100px)}.ia-fileUpload input{height:calc(2px + 100%);left:-1px;opacity:0;position:absolute;top:-1px;width:calc(2px + 100%)}.ia-fileUpload .ia-fileUpload-label{color:#1f2b4d;font-size:14px;font-weight:500;line-height:20px;text-align:center}.ia-fileUpload.ia-fileUpload-error{background-position:50% 24px;background-size:55px;border:1px solid #e15554;box-shadow:inset 0 0 20px #e155541f}.ia-fileUpload.ia-fileUpload-error .ia-fileUpload-label{color:#e15554}.ia-fileUpload.ia-fileUpload-disabled{opacity:.5;pointer-events:none}.ia-fileUpload.ia-fileUpload-dragOver{background:none;border:1px solid #4259ee;box-shadow:inset 0 0 96px 23px #4259ee24;justify-content:center}.ia-fileUpload.ia-fileUpload-dragOver .ia-fileUpload-dragOverLabel{color:#1f2b4d;font-family:Manrope,sans-serif;font-size:14px;font-weight:700;line-height:21px}.ia-fileUpload.ia-fileUpload-dragOver button{border-color:#1849d6!important;color:#1849d6!important}.ia-fileUpload .ia-fileUpload-label-secondary{color:#7a8294;font-size:12px;font-weight:500;line-height:16px;text-align:center}.ia-fileUpload .ia-fileUpload-label-primary,.ia-fileUpload-validFileType{align-items:center;display:flex;gap:4px}.ia-fileUpload-validFileType{color:#60697d;font-size:14px;font-weight:500;height:16px;letter-spacing:.01em;line-height:16.1px}.ia-fileUpload-validFileType button:focus-visible{box-shadow:0 0 0 var(--ia-focus-ring-offset,2px) var(--ia-focus-bg,#fff),0 0 0 calc(var(--ia-focus-ring-offset, 2px) + var(--ia-focus-ring-width, 2px)) var(--ia-focus-color,#4259ee);outline:none;transition:box-shadow .15s ease-in-out}.ia-fileUpload-validFileType button:focus:not(:focus-visible){box-shadow:none;outline:none}.ia-fileUpload-validFileType button:focus{outline:none!important}.ia-fileUpload-validFileType button[data-fileUpload=templateDownload]{padding:0}.ia-fileUpload-validFileType .ia-fileUpload-validFileType-container{position:relative}.ia-fileUpload-validFileType .ia-fileUpload-validFileType-container .ia-fileUpload-validFileType-arrow{cursor:pointer;height:11px;margin-top:2px;width:11px}.ia-fileUpload-validFileType .ia-fileUpload-validFileType-container .ia-fileUpload-validFileType-arrow.rotate{transform:rotate(180deg)}.ia-fileUpload-validFileType .ia-fileUpload-validFileType-menu{background-color:#fff;border-radius:8px;bottom:32px;box-shadow:0 0 4px #0000001f;display:flex;flex-direction:column;gap:5px;left:0;padding-bottom:16px;padding-top:16px;position:absolute;width:100px;z-index:99}.ia-fileUpload-validFileType .ia-fileUpload-validFileType-menu .ia-fileUpload-validFileType-menu-item{align-items:center;color:#1f2b4d;cursor:pointer;display:flex;font-size:14px;font-weight:500;height:25px;line-height:20px;padding-left:18px;text-align:left}.ia-fileUpload-validFileType .ia-fileUpload-validFileType-menu .ia-fileUpload-validFileType-menu-item:hover{background-color:#f5f6fa}.ia-fileUpload-previewItem{align-items:stretch;border:1px solid #e7e7e7;border-radius:12px;display:flex;flex-direction:column;gap:8px;justify-content:space-between;padding:16px}.ia-fileUpload-previewItem img{max-height:36px;max-width:36px}.ia-fileUpload-previewItem .ia-fileUpload-previewItem-exceptProgress{display:flex;gap:8px;justify-content:space-between;z-index:99}.ia-fileUpload-previewItem .ia-fileUpload-previewItem-exceptProgress .ia-fileUpload-previewItem-details{display:flex;gap:8px}.ia-fileUpload-previewItem .ia-fileUpload-previewItem-exceptProgress .ia-fileUpload-previewItem-details .ia-fileUpload-previewItemIcon{background-repeat:no-repeat;height:36px;width:36px}.ia-fileUpload-previewItem .ia-fileUpload-previewItem-exceptProgress .ia-fileUpload-previewItem-details .ia-fileUpload-previewItem-info{display:flex;flex-direction:column;gap:2px;justify-content:space-between}.ia-fileUpload-previewItem .ia-fileUpload-previewItem-exceptProgress .ia-fileUpload-previewItem-details .ia-fileUpload-previewItem-info .ia-fileUpload-previewItem-name{color:#0b0b0b;font-size:12px;font-weight:700;line-height:18px}.ia-fileUpload-previewItem .ia-fileUpload-previewItem-exceptProgress .ia-fileUpload-previewItem-details .ia-fileUpload-previewItem-info .ia-fileUpload-previewItem-name.ia-fileUpload-previewItem-name-failed{color:#7a8294}.ia-fileUpload-previewItem .ia-fileUpload-previewItem-exceptProgress .ia-fileUpload-previewItem-details .ia-fileUpload-previewItem-info .ia-fileUpload-previewItem-size{color:#6d6d6d;font-size:12px;font-weight:500;line-height:16px;text-align:left}.ia-fileUpload-previewItem .ia-fileUpload-previewItem-exceptProgress .ia-fileUpload-previewItem-details .ia-fileUpload-previewItem-info .ia-fileUpload-previewItem-size.uploadFailed{color:#e15554}.ia-fileUpload-previewItem .ia-fileUpload-previewItem-exceptProgress .ia-fileUpload-previewItem-details .ia-fileUpload-previewItem-info .ia-fileUpload-previewItem-size.uploading{color:#0000}.ia-fileUpload-previewItem .ia-fileUpload-previewItem-exceptProgress .ia-fileUpload-previewItem-details .ia-fileUpload-previewItem-info .ia-fileUpload-previewItem-size.disabled{color:#7a8294}.ia-fileUpload-previewItem .ia-fileUpload-previewItem-exceptProgress .ia-fileUpload-previewItem-actions{align-items:center;display:flex;gap:14px}.ia-fileUpload-previewItem .ia-fileUpload-previewItem-exceptProgress .ia-fileUpload-previewItem-actions .ia-fileUpload-previewItem-action{color:#4259ee;cursor:pointer}.ia-fileUpload-previewItem .ia-fileUpload-previewItem-exceptProgress .ia-fileUpload-previewItem-actions .ia-fileUpload-previewItem-action.removeIcon{color:#60697d}.ia-fileUpload-previewItem .ia-fileUpload-progress .progressbar_layout{margin:0}.ia-fileUpload-previewItem .ia-fileUpload-progress .progressbar_label_container{margin:-24px 0 8px}.ia-fileUpload-previewItem .ia-fileUpload-previewItem:hover .ia-fileUpload-previewItem-del{opacity:1}.ia-fileUpload-actions{display:flex;gap:16px;justify-content:flex-end}.ia-fileUpload-validFileType-menu .MuiPaper-root{min-width:226px}.ia-fileUpload-validFileType-menu .MuiPaper-root .ia-btn-icon{margin-bottom:0}.ia-template-preview{background-color:#e9e3f2;border-radius:8px;box-shadow:0 0 16px 2px #0000000f;padding:12px}.ia-template-preview .ia-template-preview__title{color:#0d152c;font-size:14px;font-weight:800;line-height:21px;margin:0 0 10px}.ia-template-preview .ia-template-preview__grid-wrapper{border:1px solid #d9dde7;border-radius:4px;overflow-x:auto}.ia-template-preview .ia-template-preview__table{background-color:#fff;border-collapse:collapse;table-layout:fixed;width:100%}.ia-template-preview .ia-template-preview__table td,.ia-template-preview .ia-template-preview__table th{border:1px solid #d9dde7;font-size:12px;line-height:20px;padding:0;text-align:center}.ia-template-preview .ia-template-preview__col-header,.ia-template-preview .ia-template-preview__row-header{background-color:#f3f4f6;color:#6b7280;font-size:12px;font-weight:500}.ia-template-preview .ia-template-preview__row-header{max-width:28px;min-width:28px!important;width:28px}.ia-template-preview .ia-template-preview__cell{background-color:#fff}.ia-template-preview .ia-template-preview__cell-value{color:#0d152c;font-size:12px;font-weight:600;overflow:hidden;padding-inline:2px;text-overflow:ellipsis;white-space:nowrap}')),document.head.appendChild(e)}}catch(i){console.error("vite-plugin-css-injected-by-js",i)}}();
 import { jsxs, jsx, Fragment } from "react/jsx-runtime";
-import { useRef, useState, useEffect, useCallback, useMemo } from "react";
+import { useRef, useState, useCallback, useEffect, useMemo } from "react";
 import default_1 from "../../node_modules/@mui/icons-material/Clear.js";
 import { Button } from "../Button/index.js";
 import { Menu } from "../Menu/index.js";
@@ -15,7 +15,10 @@ function FileUpload({
   onFileListChange,
   disabled = false,
   numberOfFiles: numFiles = 1,
-  validFileTypes = [{ fileType: "xlsx", templateDownloader: void 0, typeOverride: false }],
+  validFileTypes = [
+    { fileType: "xlsx", templateDownloader: void 0, typeOverride: false },
+    { fileType: "csv", templateDownloader: void 0, typeOverride: false }
+  ],
   primaryButtonLabel,
   secondaryButtonLabel,
   onPrimaryButtonClick,
@@ -28,6 +31,12 @@ function FileUpload({
   selectedValues: templateColumnSelections,
   onMenuPrimaryButtonClick: onTemplateMenuPrimaryClick,
   onTertiaryButtonClick: onTemplateMenuTertiaryClick,
+  showHeader = true,
+  headerTitle = "Upload Your File",
+  headerSubtitle,
+  showCloseIcon = true,
+  width,
+  height,
   className,
   id,
   "data-testid": dataTestId,
@@ -45,6 +54,7 @@ function FileUpload({
   const [isOpen, setIsOpen] = useState(false);
   const [anchorEl, setAnchorEl] = useState(null);
   const numberOfFiles = numFiles >= 1 ? Math.floor(numFiles) : 1;
+  const uploadSubtitle = headerSubtitle ?? `You can upload up to ${numberOfFiles} file${numberOfFiles > 1 ? "s" : ""}`;
   const {
     selected,
     hasTemplateOptions,
@@ -58,6 +68,16 @@ function FileUpload({
     onMenuPrimaryButtonClick: onTemplateMenuPrimaryClick,
     onTertiaryButtonClick: onTemplateMenuTertiaryClick
   });
+  const activateOnEnterOrSpace = useCallback(
+    (handler) => (e) => {
+      if (!handler) return;
+      if (e.key === "Enter" || e.key === " ") {
+        e.preventDefault();
+        handler(e);
+      }
+    },
+    []
+  );
   const [assets, setAssets] = useState(null);
   useEffect(() => {
     void loadFileUploadAssets().then(setAssets);
@@ -204,23 +224,26 @@ function FileUpload({
       "data-testid": dataTestId,
       id,
       role,
+      style: { width },
       children: [
-        /* @__PURE__ */ jsxs("div", { className: "ia-fileUpload-container-header", children: [
+        showHeader && /* @__PURE__ */ jsxs("div", { className: "ia-fileUpload-container-header", children: [
           /* @__PURE__ */ jsxs("div", { className: "ia-fileUpload-container-header-title", children: [
-            /* @__PURE__ */ jsx("span", { className: "ia-fileUpload-container-header-title-primary", children: "Upload Your File" }),
-            /* @__PURE__ */ jsxs("span", { className: "ia-fileUpload-container-header-title-secondary", children: [
-              "You can upload up to ",
-              numberOfFiles,
-              " file",
-              numberOfFiles > 1 ? "s" : ""
-            ] })
+            headerTitle && /* @__PURE__ */ jsx("span", { className: "ia-fileUpload-container-header-title-primary", children: headerTitle }),
+            uploadSubtitle && /* @__PURE__ */ jsx("span", { className: "ia-fileUpload-container-header-title-secondary", children: uploadSubtitle })
           ] }),
-          /* @__PURE__ */ jsx(
+          showCloseIcon && onClose && /* @__PURE__ */ jsx(
             default_1,
             {
               "aria-label": "Close",
               className: "ia-fileUpload-container-header-closeIcon",
-              onClick: onClose
+              role: "button",
+              tabIndex: 0,
+              onClick: onClose,
+              onKeyDown: (e) => {
+                if (e.key === "Enter" || e.key === " ") {
+                  onClose();
+                }
+              }
             }
           )
         ] }),
@@ -243,6 +266,7 @@ function FileUpload({
             className: `ia-styles ia-fileUpload ${isError ? "ia-fileUpload-error" : ""} ${disabled ? "ia-fileUpload-disabled" : ""}`,
             role: "button",
             style: {
+              height,
               backgroundImage: assets && !isDraggedOver ? `url(${isError ? assets.fileUploadErrorBgUrl : assets.fileUploadBgUrl})` : void 0
             },
             tabIndex: 0,
@@ -266,7 +290,9 @@ function FileUpload({
                   {
                     ref: fileUploadRef,
                     accept: currentFileType,
+                    "aria-hidden": "true",
                     multiple: numberOfFiles > 1,
+                    tabIndex: -1,
                     title: (_a = fileList[0]) == null ? void 0 : _a.file.name,
                     type: "file",
                     value: "",
@@ -363,8 +389,14 @@ function FileUpload({
                       },
                       open: isOpen,
                       options: menuOptions,
-                      primaryButtonProps: { label: selectedFileType },
+                      primaryButtonProps: {
+                        label: selectedFileType,
+                        icon: assets ? /* @__PURE__ */ jsx("img", { alt: "", src: assets.uploadDownloadIcon }) : void 0
+                      },
                       tertiaryButtonLabel: tertiaryFileType,
+                      tertiaryButtonProps: {
+                        icon: assets ? /* @__PURE__ */ jsx("img", { alt: "", src: assets.uploadDownloadIcon }) : void 0
+                      },
                       onClose: handleMenuClose,
                       onPrimaryButtonClick: () => {
                         handleMenuPrimaryClick(selectedFileType);
@@ -452,22 +484,30 @@ function FileUpload({
                       "img",
                       {
                         alt: "Remove",
+                        "aria-label": `Remove ${item.file.name}`,
                         className: "ia-fileUpload-previewItem-action removeIcon",
+                        role: "button",
                         src: assets.fileUploadDownloadIcon,
                         style: item.disabled ? { opacity: 0.5, pointerEvents: "none" } : void 0,
+                        tabIndex: item.disabled ? -1 : 0,
                         onClick: () => {
                           fileRemove(item);
-                        }
+                        },
+                        onKeyDown: activateOnEnterOrSpace(() => fileRemove(item))
                       }
                     ),
                     item.onRetry && assets && /* @__PURE__ */ jsx(
                       "img",
                       {
                         alt: "Retry",
+                        "aria-label": `Retry upload of ${item.file.name}`,
                         className: "ia-fileUpload-previewItem-action",
+                        role: "button",
                         src: assets.fileUploadRetryIcon,
                         style: item.disabled ? { opacity: 0.5, pointerEvents: "none" } : void 0,
-                        onClick: item.onRetry
+                        tabIndex: item.disabled ? -1 : 0,
+                        onClick: item.onRetry,
+                        onKeyDown: activateOnEnterOrSpace(item.onRetry)
                       }
                     )
                   ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
@@ -475,22 +515,30 @@ function FileUpload({
                       "img",
                       {
                         alt: "Pause",
+                        "aria-label": `Pause upload of ${item.file.name}`,
                         className: "ia-fileUpload-previewItem-action",
+                        role: "button",
                         src: assets.uploadPauseIcon,
                         style: item.disabled ? { opacity: 0.5, pointerEvents: "none" } : void 0,
-                        onClick: item.onPause
+                        tabIndex: item.disabled ? -1 : 0,
+                        onClick: item.onPause,
+                        onKeyDown: activateOnEnterOrSpace(item.onPause)
                       }
                     ),
                     assets && /* @__PURE__ */ jsx(
                       "img",
                       {
                         alt: item.isUploadRunning ? "Cancel" : "Remove",
+                        "aria-label": item.isUploadRunning ? `Cancel upload of ${item.file.name}` : `Remove ${item.file.name}`,
                         className: "ia-fileUpload-previewItem-action removeIcon",
+                        role: "button",
                         src: item.isUploadRunning ? assets.uploadCloseIcon : assets.fileUploadDownloadIcon,
                         style: item.disabled ? { opacity: 0.5, pointerEvents: "none" } : void 0,
+                        tabIndex: item.disabled ? -1 : 0,
                         onClick: () => {
                           fileRemove(item);
-                        }
+                        },
+                        onKeyDown: activateOnEnterOrSpace(() => fileRemove(item))
                       }
                     )
                   ] })
@@ -500,7 +548,7 @@ function FileUpload({
             item.isUploadRunning && /* @__PURE__ */ jsx("div", { className: "ia-fileUpload-progress", children: /* @__PURE__ */ jsx(
               ProgressBar,
               {
-                showTime: Boolean(item.timeRemaining != null),
+                showTime: Boolean(item.timeRemaining),
                 time: item.timeRemaining,
                 value: item.progress ?? 0
               }

package/dist/components/FilterPanel/PanelSidebar.js

@@ -1,7 +1,7 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useRef, useState, useEffect } from "react";
 import default_1 from "../../node_modules/@mui/icons-material/ErrorOutline.js";
-import Tooltip from "../../node_modules/@mui/material/Tooltip/Tooltip.js";
+import { Tooltip } from "../Tooltip/index.js";
 function SidebarItem({
   item,
   active,
@@ -53,7 +53,7 @@ function SidebarItem({
       ]
     }
   );
-  return showTooltip ? /* @__PURE__ */ jsx(Tooltip, { placement: "left", title: item.title, children: tabContent }) : tabContent;
+  return showTooltip ? /* @__PURE__ */ jsx(Tooltip, { title: item.title, orientation: "left", variant: "tertiary", children: tabContent }) : tabContent;
 }
 function PanelSidebar({ filters, active, setActive }) {
   return /* @__PURE__ */ jsx("div", { className: "impact_drawer_filter_container_left_panel", children: /* @__PURE__ */ jsx("div", { className: "impact_drawer_filter_left_filters_tabs", children: filters.map((item, index) => /* @__PURE__ */ jsx(SidebarItem, { active, item, setActive }, item.id ?? index)) }) });

package/dist/components/FilterPanel/index.js

@@ -1,4 +1,4 @@
-!function(){"use strict";try{if("undefined"!=typeof document){var e=document.createElement("style");e.appendChild(document.createTextNode(".impact_drawer_filter_container_medium{height:100%;width:675px}.impact_drawer_filter_container_large{height:100%;width:840px}.MuiBox-root{width:auto}.impact_drawer_filter_container{display:flex;flex-direction:column;position:relative}.impact_drawer_filter_container .impact_drawer_filter_header{align-items:center;background:#fff;border-bottom:1px solid #d9dde7;display:flex;justify-content:space-between;padding:9px 16px;position:sticky;top:0;z-index:1}.impact_drawer_filter_container .impact_drawer_filter_header .impact_drawer_filter_left_header{align-items:center;display:flex;gap:16px}.impact_drawer_filter_container .impact_drawer_filter_header .impact_drawer_filter_left_header .impact_drawer_filter_left_heading_icon{background:#fff url(https://impact-kit.devs.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/icons/filter-icon.svg) no-repeat;background-position:50%;background-size:14px;border:1px solid #eceefd;border-radius:8px;height:32px;width:32px}.impact_drawer_filter_container .impact_drawer_filter_header .impact_drawer_filter_left_header .impact_drawer_filter_left_heading{color:#1f2b4d;font-size:18px;font-weight:700}.impact_drawer_filter_container .impact_drawer_filter_container_left_panel{background:#f5f6fa;border-right:1px solid #d9dde7;flex-shrink:0;height:100%;padding-top:10px;width:200px}.impact_drawer_filter_container .impact_drawer_filter_container_left_panel .impact_drawer_filter_left_filters_tabs{display:flex;flex-direction:column;gap:8px;padding:0 8px}.impact_drawer_filter_container .impact_drawer_filter_container_left_panel .impact_drawer_filter_left_filters_tabs .impact-drawer-filter-separator{background-color:#d9dde7;display:block;height:1px;margin-left:-8px;margin-right:-8px;width:200px}.impact_drawer_filter_container .impact_drawer_filter_container_left_panel .impact_drawer_filter_left_filters_tabs .impact_drawer_filter_tab{align-items:center;display:flex;justify-content:space-between;padding:6px 8px 6px 18px}.impact_drawer_filter_container .impact_drawer_filter_container_left_panel .impact_drawer_filter_left_filters_tabs .impact_drawer_filter_tab:hover{background-color:#eceefd;border-radius:8px;cursor:pointer}.impact_drawer_filter_container .impact_drawer_filter_container_left_panel .impact_drawer_filter_left_filters_tabs .impact_drawer_filter_tab_content{align-items:center;display:flex;gap:10px;width:85%}.impact_drawer_filter_container .impact_drawer_filter_container_left_panel .impact_drawer_filter_left_filters_tabs .impact_drawer_filter_tab_icon img,.impact_drawer_filter_container .impact_drawer_filter_container_left_panel .impact_drawer_filter_left_filters_tabs .impact_drawer_filter_tab_icon svg{color:#60697d;display:flex;height:16px;width:16px}.impact_drawer_filter_container .impact_drawer_filter_container_left_panel .impact_drawer_filter_left_filters_tabs .impact_drawer_filter_tab_label{color:#60697d;display:flex;flex-direction:row;font-size:16px;gap:4px;line-height:20px;overflow:hidden;white-space:nowrap}.impact_drawer_filter_container .impact_drawer_filter_container_left_panel .impact_drawer_filter_left_filters_tabs .impact_drawer_filter_tab_label span{overflow:hidden;text-overflow:ellipsis}.impact_drawer_filter_container .impact_drawer_filter_container_left_panel .impact_drawer_filter_left_filters_tabs .impact_drawer_filter_tab_label-required{color:#ec4c5c}.impact_drawer_filter_container .impact_drawer_filter_container_left_panel .impact_drawer_filter_left_filters_tabs .impact_drawer_filter_tab_badges{background-color:#fff;border-radius:8px;box-sizing:border-box;color:#60697d;font-size:12px;height:18px;line-height:18px;min-width:27px;padding:0 8px;text-align:center}.impact_drawer_filter_container .impact_drawer_filter_container_left_panel .impact_drawer_filter_left_filters_tabs .filter_tab_active{background-color:#eceefd;border-radius:8px}.impact_drawer_filter_container .impact_drawer_filter_container_left_panel .impact_drawer_filter_left_filters_tabs .filter_tab_active .impact_drawer_filter_tab_icon svg,.impact_drawer_filter_container .impact_drawer_filter_container_left_panel .impact_drawer_filter_left_filters_tabs .filter_tab_active .impact_drawer_filter_tab_label{color:#4259ee}.impact_drawer_filter_container .impact_drawer_filter_container_left_panel .impact_drawer_filter_left_filters_tabs .filter_tab_active .impact_drawer_filter_tab_icon img{filter:brightness(0) saturate(100%) invert(30%) sepia(100%) saturate(4545%) hue-rotate(231deg) brightness(103%) contrast(87%)}.impact_drawer_filter_container .impact_drawer_filter_container_left_panel .impact_drawer_filter_left_filters_tabs .filter_tab_active .impact_drawer_filter_tab_badges{color:#4259ee}.impact_drawer_filter_container .impact_drawer_filter_container_left_panel .impact_drawer_filter_left_filters_tabs .filter_tab_disabled .impact_drawer_filter_tab_badges,.impact_drawer_filter_container .impact_drawer_filter_container_left_panel .impact_drawer_filter_left_filters_tabs .filter_tab_disabled .impact_drawer_filter_tab_icon svg,.impact_drawer_filter_container .impact_drawer_filter_container_left_panel .impact_drawer_filter_left_filters_tabs .filter_tab_disabled .impact_drawer_filter_tab_label,.impact_drawer_filter_container .impact_drawer_filter_container_left_panel .impact_drawer_filter_left_filters_tabs .filter_tab_disabled svg{color:#b4bac7}.impact_drawer_filter_container .impact_drawer_filter_container_left_panel .impact_drawer_filter_left_filters_tabs .filter_tab_disabled:hover{background-color:#f5f6fa;cursor:default}.impact_drawer_filter_container .impact-drawer-filter-main-container{display:flex;flex-direction:row;flex-shrink:0;height:calc(100% - 40px)}.impact_drawer_filter_container .impact_drawer_filter_container_right_panel{width:640px}.impact_drawer_filter_container .impact_drawer_filter_container_right_panel .impact_drawer_filter_body{height:calc(100% - 60px);overflow-y:auto;padding:16px;position:relative;width:100%;z-index:0}.impact_drawer_filter_container .impact_drawer_filter_container_right_panel .impact_drawer_filter_footer{align-items:center;background:#fff;border-top:1px solid #d9dde7;bottom:0;display:flex;height:56px;justify-content:space-between;left:200px;padding:0 16px;position:absolute;right:0;z-index:1}.impact_drawer_filter_container .impact_drawer_filter_container_right_panel .impact_drawer_filter_footer .impact_drawer_filter_footer_left_container,.impact_drawer_filter_container .impact_drawer_filter_container_right_panel .impact_drawer_filter_footer .impact_drawer_filter_footer_right_container{align-items:center;display:flex;gap:8px}.impact_drawer_filter_container .impact_drawer_filter_container_right_panel .impact_drawer_filter_footer_no_buttons{height:100%}")),document.head.appendChild(e)}}catch(r){console.error("vite-plugin-css-injected-by-js",r)}}();
+!function(){"use strict";try{if("undefined"!=typeof document){var e=document.createElement("style");e.appendChild(document.createTextNode(".impact_drawer_filter_container_medium{height:100%;width:675px}.impact_drawer_filter_container_large{height:100%;width:840px}.MuiBox-root{width:auto}.impact_drawer_filter_container{display:flex;flex-direction:column;position:relative}.impact_drawer_filter_container .impact_drawer_filter_header{align-items:center;background:#fff;border-bottom:1px solid #d9dde7;display:flex;justify-content:space-between;padding:9px 16px;position:sticky;top:0;z-index:1}.impact_drawer_filter_container .impact_drawer_filter_header .impact_drawer_filter_left_header{align-items:center;display:flex;gap:16px}.impact_drawer_filter_container .impact_drawer_filter_header .impact_drawer_filter_left_header .impact_drawer_filter_left_heading_icon{background:#fff url(https://impact-kit.devs.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/icons/filter-icon.svg) no-repeat;background-position:50%;background-size:14px;border:1px solid #eceefd;border-radius:8px;height:32px;width:32px}.impact_drawer_filter_container .impact_drawer_filter_header .impact_drawer_filter_left_header .impact_drawer_filter_left_heading{color:#1f2b4d;font-size:18px;font-weight:700}.impact_drawer_filter_container .impact_drawer_filter_container_left_panel{background:#f5f6fa;border-right:1px solid #d9dde7;flex-shrink:0;height:100%;padding-top:10px;width:200px}.impact_drawer_filter_container .impact_drawer_filter_container_left_panel .impact_drawer_filter_left_filters_tabs{display:flex;flex-direction:column;gap:8px;padding:0 8px}.impact_drawer_filter_container .impact_drawer_filter_container_left_panel .impact_drawer_filter_left_filters_tabs .impact-drawer-filter-separator{background-color:#d9dde7;display:block;height:1px;margin-left:-8px;margin-right:-8px;width:200px}.impact_drawer_filter_container .impact_drawer_filter_container_left_panel .impact_drawer_filter_left_filters_tabs .impact_drawer_filter_tab{align-items:center;display:flex;justify-content:space-between;padding:6px 8px 6px 18px}.impact_drawer_filter_container .impact_drawer_filter_container_left_panel .impact_drawer_filter_left_filters_tabs .impact_drawer_filter_tab:focus-visible{box-shadow:0 0 0 var(--ia-focus-ring-offset,2px) var(--ia-focus-bg,#fff),0 0 0 calc(var(--ia-focus-ring-offset, 2px) + var(--ia-focus-ring-width, 2px)) var(--ia-focus-color,#4259ee);outline:none;transition:box-shadow .15s ease-in-out}.impact_drawer_filter_container .impact_drawer_filter_container_left_panel .impact_drawer_filter_left_filters_tabs .impact_drawer_filter_tab:focus:not(:focus-visible){box-shadow:none;outline:none}.impact_drawer_filter_container .impact_drawer_filter_container_left_panel .impact_drawer_filter_left_filters_tabs .impact_drawer_filter_tab:hover{background-color:#eceefd;border-radius:8px;cursor:pointer}.impact_drawer_filter_container .impact_drawer_filter_container_left_panel .impact_drawer_filter_left_filters_tabs .impact_drawer_filter_tab_content{align-items:center;display:flex;gap:10px;width:85%}.impact_drawer_filter_container .impact_drawer_filter_container_left_panel .impact_drawer_filter_left_filters_tabs .impact_drawer_filter_tab_icon img,.impact_drawer_filter_container .impact_drawer_filter_container_left_panel .impact_drawer_filter_left_filters_tabs .impact_drawer_filter_tab_icon svg{color:#60697d;display:flex;height:16px;width:16px}.impact_drawer_filter_container .impact_drawer_filter_container_left_panel .impact_drawer_filter_left_filters_tabs .impact_drawer_filter_tab_label{color:#60697d;display:flex;flex-direction:row;font-size:16px;gap:4px;line-height:20px;overflow:hidden;white-space:nowrap}.impact_drawer_filter_container .impact_drawer_filter_container_left_panel .impact_drawer_filter_left_filters_tabs .impact_drawer_filter_tab_label span{overflow:hidden;text-overflow:ellipsis}.impact_drawer_filter_container .impact_drawer_filter_container_left_panel .impact_drawer_filter_left_filters_tabs .impact_drawer_filter_tab_label-required{color:#ec4c5c}.impact_drawer_filter_container .impact_drawer_filter_container_left_panel .impact_drawer_filter_left_filters_tabs .impact_drawer_filter_tab_badges{background-color:#fff;border-radius:8px;box-sizing:border-box;color:#60697d;font-size:12px;height:18px;line-height:18px;min-width:27px;padding:0 8px;text-align:center}.impact_drawer_filter_container .impact_drawer_filter_container_left_panel .impact_drawer_filter_left_filters_tabs .filter_tab_active{background-color:#eceefd;border-radius:8px}.impact_drawer_filter_container .impact_drawer_filter_container_left_panel .impact_drawer_filter_left_filters_tabs .filter_tab_active .impact_drawer_filter_tab_icon svg,.impact_drawer_filter_container .impact_drawer_filter_container_left_panel .impact_drawer_filter_left_filters_tabs .filter_tab_active .impact_drawer_filter_tab_label{color:#4259ee}.impact_drawer_filter_container .impact_drawer_filter_container_left_panel .impact_drawer_filter_left_filters_tabs .filter_tab_active .impact_drawer_filter_tab_icon img{filter:brightness(0) saturate(100%) invert(30%) sepia(100%) saturate(4545%) hue-rotate(231deg) brightness(103%) contrast(87%)}.impact_drawer_filter_container .impact_drawer_filter_container_left_panel .impact_drawer_filter_left_filters_tabs .filter_tab_active .impact_drawer_filter_tab_badges{color:#4259ee}.impact_drawer_filter_container .impact_drawer_filter_container_left_panel .impact_drawer_filter_left_filters_tabs .filter_tab_disabled .impact_drawer_filter_tab_badges,.impact_drawer_filter_container .impact_drawer_filter_container_left_panel .impact_drawer_filter_left_filters_tabs .filter_tab_disabled .impact_drawer_filter_tab_icon svg,.impact_drawer_filter_container .impact_drawer_filter_container_left_panel .impact_drawer_filter_left_filters_tabs .filter_tab_disabled .impact_drawer_filter_tab_label,.impact_drawer_filter_container .impact_drawer_filter_container_left_panel .impact_drawer_filter_left_filters_tabs .filter_tab_disabled svg{color:#b4bac7}.impact_drawer_filter_container .impact_drawer_filter_container_left_panel .impact_drawer_filter_left_filters_tabs .filter_tab_disabled:hover{background-color:#f5f6fa;cursor:default}.impact_drawer_filter_container .impact-drawer-filter-main-container{display:flex;flex-direction:row;flex-shrink:0;height:calc(100% - 40px)}.impact_drawer_filter_container .impact_drawer_filter_container_right_panel{width:640px}.impact_drawer_filter_container .impact_drawer_filter_container_right_panel .impact_drawer_filter_body{height:calc(100% - 60px);overflow-y:auto;padding:16px;position:relative;width:100%;z-index:0}.impact_drawer_filter_container .impact_drawer_filter_container_right_panel .impact_drawer_filter_footer{align-items:center;background:#fff;border-top:1px solid #d9dde7;bottom:0;display:flex;height:56px;justify-content:space-between;left:200px;padding:0 16px;position:absolute;right:0;z-index:1}.impact_drawer_filter_container .impact_drawer_filter_container_right_panel .impact_drawer_filter_footer .impact_drawer_filter_footer_left_container,.impact_drawer_filter_container .impact_drawer_filter_container_right_panel .impact_drawer_filter_footer .impact_drawer_filter_footer_right_container{align-items:center;display:flex;gap:8px}.impact_drawer_filter_container .impact_drawer_filter_container_right_panel .impact_drawer_filter_footer_no_buttons{height:100%}")),document.head.appendChild(e)}}catch(r){console.error("vite-plugin-css-injected-by-js",r)}}();
 import { jsx, jsxs } from "react/jsx-runtime";
 import { FilterPanelHeader } from "./FilterPanelHeader.js";
 import { PanelFooter } from "./PanelFooter.js";

package/dist/components/FiltersStrip/FilterDropDown.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FilterDropDown.d.ts","sourceRoot":"","sources":["../../../src/components/FiltersStrip/FilterDropDown.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EACV,gBAAgB,EAChB,gBAAgB,EAChB,qBAAqB,EACtB,MAAM,sBAAsB,CAAC;AAE9B,2DAA2D;AAE3D,MAAM,WAAW,mBAAmB;IAClC,cAAc,EAAE,MAAM,CAAC;IACvB,iBAAiB,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAC3C,aAAa,EAAE,gBAAgB,EAAE,CAAC;IAClC,gBAAgB,EAAE,qBAAqB,EAAE,CAAC;IAC1C,iBAAiB,EAAE,gBAAgB,EAAE,CAAC;IACtC,iBAAiB,EAAE,CAAC,cAAc,EAAE,MAAM,KAAK,IAAI,CAAC;IACpD,kBAAkB,EAAE,MAAM,IAAI,CAAC;IAC/B,iBAAiB,EAAE,CAAC,KAAK,EAAE,gBAAgB,KAAK,IAAI,CAAC;IACrD,uBAAuB,CAAC,EAAE,OAAO,CAAC;IAClC,wBAAwB,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACzC,+BAA+B,CAAC,EAAE,MAAM,IAAI,CAAC;IAC7C,mBAAmB,CAAC,EAAE,MAAM,CAAC;CAC9B;AAED,wBAAgB,cAAc,CAAC,EAC7B,cAAc,EACd,iBAAiB,EACjB,aAAkB,EAClB,gBAAqB,EACrB,iBAAsB,EACtB,iBAAiB,EACjB,kBAAkB,EAClB,iBAAiB,EACjB,uBAA+B,EAC/B,wBAA+B,EAC/B,+BAA+B,EAC/B,mBAAuC,GACxC,EAAE,mBAAmB,2CAsFrB;yBAnGe,cAAc"}
+{"version":3,"file":"FilterDropDown.d.ts","sourceRoot":"","sources":["../../../src/components/FiltersStrip/FilterDropDown.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EACV,gBAAgB,EAChB,gBAAgB,EAChB,qBAAqB,EACtB,MAAM,sBAAsB,CAAC;AAE9B,2DAA2D;AAE3D,MAAM,WAAW,mBAAmB;IAClC,cAAc,EAAE,MAAM,CAAC;IACvB,iBAAiB,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAC3C,aAAa,EAAE,gBAAgB,EAAE,CAAC;IAClC,gBAAgB,EAAE,qBAAqB,EAAE,CAAC;IAC1C,iBAAiB,EAAE,gBAAgB,EAAE,CAAC;IACtC,iBAAiB,EAAE,CAAC,cAAc,EAAE,MAAM,KAAK,IAAI,CAAC;IACpD,kBAAkB,EAAE,MAAM,IAAI,CAAC;IAC/B,iBAAiB,EAAE,CAAC,KAAK,EAAE,gBAAgB,KAAK,IAAI,CAAC;IACrD,uBAAuB,CAAC,EAAE,OAAO,CAAC;IAClC,wBAAwB,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACzC,+BAA+B,CAAC,EAAE,MAAM,IAAI,CAAC;IAC7C,mBAAmB,CAAC,EAAE,MAAM,CAAC;CAC9B;AAED,wBAAgB,cAAc,CAAC,EAC7B,cAAc,EACd,iBAAiB,EACjB,aAAkB,EAClB,gBAAqB,EACrB,iBAAsB,EACtB,iBAAiB,EACjB,kBAAkB,EAClB,iBAAiB,EACjB,uBAA+B,EAC/B,wBAA+B,EAC/B,+BAA+B,EAC/B,mBAAuC,GACxC,EAAE,mBAAmB,2CAyFrB;yBAtGe,cAAc"}

package/dist/components/FiltersStrip/FilterDropDown.js

@@ -44,7 +44,7 @@ function FilterDropDown({
   }, [handleClickOutside]);
   return /* @__PURE__ */ jsxs("div", { className: "impact-filter-dropdown-container", children: [
     /* @__PURE__ */ jsx("div", { className: "impact-filter-dropdown-label", children: filterDropDownLabel }),
-    !hideSelectedFilterBadge && /* @__PURE__ */ jsx(Badge, { color: "info", label: tempSelectedFilter, variant: "stroke", onClick: () => {
+    !hideSelectedFilterBadge && /* @__PURE__ */ jsx(Badge, { color: "info", label: tempSelectedFilter, tabIndex: -1, variant: "stroke", onClick: () => {
     } }),
     !hideSelectedFilterBadge && /* @__PURE__ */ jsx(
       "div",
@@ -67,6 +67,9 @@ function FilterDropDown({
             setShowDropDown((prev) => !prev);
             handleSavedRecentFilterDropdown == null ? void 0 : handleSavedRecentFilterDropdown();
           }
+          if (e.key === "Escape") {
+            setShowDropDown(false);
+          }
         },
         children: /* @__PURE__ */ jsx(default_1, {})
       }

package/dist/components/FiltersStrip/FilterSlider.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FilterSlider.d.ts","sourceRoot":"","sources":["../../../src/components/FiltersStrip/FilterSlider.tsx"],"names":[],"mappings":"AACA,OAAO,EAA6D,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAQlG,MAAM,WAAW,eAAe;IAC9B,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,MAAM,EAAE;QAAE,KAAK,EAAE,MAAM,CAAA;KAAE,EAAE,CAAC;IAC5B,aAAa,CAAC,EAAE,CAAC,GAAG,EAAE,eAAe,KAAK,IAAI,CAAC;CAChD;AAED,MAAM,WAAW,iBAAiB;IAChC,IAAI,EAAE,eAAe,EAAE,CAAC;IACxB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,iBAAiB,CAAC,EAAE,MAAM,IAAI,CAAC;IAC/B,YAAY,EAAE,CAAC,IAAI,EAAE,eAAe,EAAE,KAAK,EAAE,MAAM,KAAK,SAAS,CAAC;IAClE,iBAAiB,CAAC,EAAE,CAAC,IAAI,EAAE,eAAe,EAAE,KAAK,EAAE,MAAM,KAAK,SAAS,CAAC;IACxE,gBAAgB,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IAC3C,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;IACzB,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;IACzB,YAAY,EAAE,MAAM,GAAG,IAAI,CAAC;IAC5B,kBAAkB,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,KAAK,IAAI,CAAC;CAClD;AAED,wBAAgB,YAAY,CAAC,EAC3B,IAAI,EACJ,KAAK,EACL,UAAiB,EACjB,iBAAiB,EACjB,YAAY,EACZ,iBAAiB,EACjB,gBAAgB,EAChB,WAAW,EACX,WAAW,EACX,YAAY,EACZ,kBAA6B,GAC9B,EAAE,iBAAiB,kDAwNnB;yBApOe,YAAY"}
+{"version":3,"file":"FilterSlider.d.ts","sourceRoot":"","sources":["../../../src/components/FiltersStrip/FilterSlider.tsx"],"names":[],"mappings":"AACA,OAAO,EAA6D,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAQlG,MAAM,WAAW,eAAe;IAC9B,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,MAAM,EAAE;QAAE,KAAK,EAAE,MAAM,CAAA;KAAE,EAAE,CAAC;IAC5B,aAAa,CAAC,EAAE,CAAC,GAAG,EAAE,eAAe,KAAK,IAAI,CAAC;CAChD;AAED,MAAM,WAAW,iBAAiB;IAChC,IAAI,EAAE,eAAe,EAAE,CAAC;IACxB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,iBAAiB,CAAC,EAAE,MAAM,IAAI,CAAC;IAC/B,YAAY,EAAE,CAAC,IAAI,EAAE,eAAe,EAAE,KAAK,EAAE,MAAM,KAAK,SAAS,CAAC;IAClE,iBAAiB,CAAC,EAAE,CAAC,IAAI,EAAE,eAAe,EAAE,KAAK,EAAE,MAAM,KAAK,SAAS,CAAC;IACxE,gBAAgB,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IAC3C,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;IACzB,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;IACzB,YAAY,EAAE,MAAM,GAAG,IAAI,CAAC;IAC5B,kBAAkB,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,KAAK,IAAI,CAAC;CAClD;AAED,wBAAgB,YAAY,CAAC,EAC3B,IAAI,EACJ,KAAK,EACL,UAAiB,EACjB,iBAAiB,EACjB,YAAY,EACZ,iBAAiB,EACjB,gBAAgB,EAChB,WAAW,EACX,WAAW,EACX,YAAY,EACZ,kBAA6B,GAC9B,EAAE,iBAAiB,kDAgOnB;yBA5Oe,YAAY"}

package/dist/components/FiltersStrip/FilterSlider.js

@@ -86,8 +86,8 @@ function FilterSlider({
     if (el) {
       const rect = el.getBoundingClientRect();
       setDropdownPosition({
-        x: rect.right,
-        y: rect.bottom,
+        x: rect.right + window.scrollX,
+        y: rect.bottom + window.scrollY,
         width: rect.width
       });
     }
@@ -123,8 +123,8 @@ function FilterSlider({
                     width: `${dropdownPosition.width}px`
                   },
                   children: [
-                    /* @__PURE__ */ jsx("div", { className: "impact-selected-filter-tag-container", children: item.values.slice(2, 5).map((tag, i) => /* @__PURE__ */ jsx("div", { className: "impact-selected-filter-tag-label", children: tag.label }, i)) }),
-                    item.values.length > 6 && item.handleViewAll && /* @__PURE__ */ jsxs("div", { className: "impact-selected-filter-tags-actions-container", children: [
+                    /* @__PURE__ */ jsx("div", { className: "impact-selected-filter-tag-container", children: item.values.slice(2, 7).map((tag, i) => /* @__PURE__ */ jsx("div", { className: "impact-selected-filter-tag-label", children: tag.label }, i)) }),
+                    item.values.length > 7 && item.handleViewAll && /* @__PURE__ */ jsxs("div", { className: "impact-selected-filter-tags-actions-container", children: [
                       /* @__PURE__ */ jsx("div", { className: "impact-notification-horizontal-separator" }),
                       /* @__PURE__ */ jsx(
                         Button,
@@ -152,10 +152,14 @@ function FilterSlider({
       /* @__PURE__ */ jsx(
         "div",
         {
+          "aria-label": "Previous filter",
           className: "impact-selected-filter-action-btn prev",
           role: "button",
-          style: { opacity: canScrollLeft ? 1 : 0.5 },
-          tabIndex: 0,
+          style: {
+            opacity: canScrollLeft ? 1 : 0.5,
+            pointerEvents: canScrollLeft ? "auto" : "none"
+          },
+          tabIndex: canScrollLeft ? 0 : -1,
           onClick: handlePrevClick,
           onKeyDown: (e) => {
             if (e.key === "Enter" || e.key === " ") {
@@ -169,10 +173,14 @@ function FilterSlider({
       /* @__PURE__ */ jsx(
         "div",
         {
+          "aria-label": "Next filter",
           className: "impact-selected-filter-action-btn next",
           role: "button",
-          style: { opacity: canScrollRight ? 1 : 0.5 },
-          tabIndex: 0,
+          style: {
+            opacity: canScrollRight ? 1 : 0.5,
+            pointerEvents: canScrollRight ? "auto" : "none"
+          },
+          tabIndex: canScrollRight ? 0 : -1,
           onClick: handleNextClick,
           onKeyDown: (e) => {
             if (e.key === "Enter" || e.key === " ") {

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/FiltersStrip/index.tsx"],"names":[],"mappings":"AAUA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AAC9D,OAAO,4BAA4B,CAAC;AAEpC,YAAY,EACV,iBAAiB,EACjB,aAAa,EACb,cAAc,EACd,gBAAgB,EAChB,gBAAgB,EAChB,qBAAqB,GACtB,MAAM,sBAAsB,CAAC;AAC9B,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAElD;;GAEG;AACH,wBAAgB,YAAY,CAAC,EAC3B,cAAmB,EACnB,iBAA4B,EAC5B,aAAkB,EAClB,iBAAsB,EACtB,gBAAqB,EACrB,UAAe,EACf,iBAA4B,EAC5B,iBAAiB,EACjB,kBAAkB,EAClB,iBAAiC,EACjC,iBAAiB,EACjB,iBAAiB,EACjB,uBAA+B,EAC/B,wBAA+B,EAC/B,+BAA0C,EAC1C,mBAAmB,EACnB,SAAS,EACT,EAAE,EACF,aAAa,EAAE,UAAU,EACzB,YAAY,EAAE,SAAqB,EACnC,IAAe,GAChB,EAAE,iBAAiB,2CA+GnB;yBArIe,YAAY"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/FiltersStrip/index.tsx"],"names":[],"mappings":"AASA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AAC9D,OAAO,4BAA4B,CAAC;AAEpC,YAAY,EACV,iBAAiB,EACjB,aAAa,EACb,cAAc,EACd,gBAAgB,EAChB,gBAAgB,EAChB,qBAAqB,GACtB,MAAM,sBAAsB,CAAC;AAC9B,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAElD;;GAEG;AACH,wBAAgB,YAAY,CAAC,EAC3B,cAAmB,EACnB,iBAA4B,EAC5B,aAAkB,EAClB,iBAAsB,EACtB,gBAAqB,EACrB,UAAe,EACf,iBAA4B,EAC5B,iBAAiB,EACjB,kBAAkB,EAClB,iBAAiC,EACjC,iBAAiB,EACjB,iBAAiB,EACjB,uBAA+B,EAC/B,wBAA+B,EAC/B,+BAA0C,EAC1C,mBAAmB,EACnB,SAAS,EACT,EAAE,EACF,aAAa,EAAE,UAAU,EACzB,YAAY,EAAE,SAAqB,EACnC,IAAe,GAChB,EAAE,iBAAiB,2CA+GnB;yBArIe,YAAY"}

package/dist/components/FiltersStrip/index.js

@@ -1,8 +1,7 @@
-!function(){"use strict";try{if("undefined"!=typeof document){var e=document.createElement("style");e.appendChild(document.createTextNode(".impact-info-panel-container{align-items:center;background-color:#fff;display:flex;flex-direction:row;font-family:Manrope,sans-serif;gap:12px;height:48px;justify-content:space-between;padding:8px 24px;width:100%}.impact-info-panel-container .impact-info-panel-left-container{align-items:center;display:flex;flex:1 0 auto;flex-direction:row;gap:12px;justify-content:space-between}.impact-info-panel-container .impact-info-panel-left-container .impact-filter-dropdown-container{align-items:center;display:flex;flex-direction:row;flex-shrink:0;gap:8px;justify-content:space-between;position:relative}.impact-info-panel-container .impact-info-panel-left-container .impact-filter-dropdown-container .MuiChip-root.impact_badges_only_label_stroke{max-width:145px}.impact-info-panel-container .impact-info-panel-left-container .impact-filter-dropdown-container .impact-filter-dropdown-label{color:#60697d;font-family:Manrope,sans-serif;font-size:14px;font-weight:500;line-height:21px}.impact-info-panel-container .impact-info-panel-left-container .impact-filter-dropdown-container .impact-filter-dropdown-button{align-items:center;background-color:#f5f6fa;border-radius:8px;display:flex;height:32px;justify-content:center;padding:8px;transition:transform .2s ease;width:32px}.impact-info-panel-container .impact-info-panel-left-container .impact-filter-dropdown-container .impact-filter-dropdown-button:hover{cursor:pointer}.impact-info-panel-container .impact-info-panel-left-container .impact-filter-dropdown-container .impact-filter-dropdown-button svg{color:#1f2b4d;height:20px;width:20px}.impact-info-panel-container .impact-info-panel-left-container .impact-filter-dropdown-container .impact-filter-dropdown-wrapper{background-color:#fff;border-radius:8px;box-shadow:0 0 4px #0000001f;left:0;min-width:265px;padding:8px 6px;position:absolute;top:54px;z-index:1200}.impact-info-panel-container .impact-info-panel-left-container .impact-filter-dropdown-container .impact-filter-dropdown-wrapper .impact-filter-dropdown-recent-container{display:flex;flex-direction:column}.impact-info-panel-container .impact-info-panel-left-container .impact-filter-dropdown-container .impact-filter-dropdown-wrapper .impact-filter-dropdown-recent-container .impact-filter-dropdown-label{color:#60697d;font-family:Manrope,sans-serif;font-size:12px;font-weight:500;line-height:21px;padding:6px 18px}.impact-info-panel-container .impact-info-panel-left-container .impact-filter-dropdown-container .impact-filter-dropdown-wrapper .impact-filter-dropdown-recent-container .impact-filter-dropdown-recent-filters-wrapper{display:flex;flex-direction:column;margin-bottom:6px}.impact-info-panel-container .impact-info-panel-left-container .impact-filter-dropdown-container .impact-filter-dropdown-wrapper .impact-filter-dropdown-recent-container .impact-filter-dropdown-recent-filters-wrapper .impact-filter-dropdown-recent-filters{border-radius:8px;display:flex;flex-direction:row;padding:8px 18px}.impact-info-panel-container .impact-info-panel-left-container .impact-filter-dropdown-container .impact-filter-dropdown-wrapper .impact-filter-dropdown-recent-container .impact-filter-dropdown-recent-filters-wrapper .impact-filter-dropdown-recent-filters:hover{background-color:#edf0ff;cursor:pointer}.impact-info-panel-container .impact-info-panel-left-container .impact-filter-dropdown-container .impact-filter-dropdown-wrapper .impact-filter-dropdown-recent-container .impact-filter-dropdown-recent-filters-wrapper .impact-filter-dropdown-recent-filters span{color:#1f2b4d;font-family:Manrope,sans-serif;font-size:14px;font-weight:500;line-height:20px}.impact-info-panel-container .impact-info-panel-left-container .impact-filter-dropdown-container .impact-filter-dropdown-wrapper .impact-filter-dropdown-saved-container{display:flex;flex-direction:column}.impact-info-panel-container .impact-info-panel-left-container .impact-filter-dropdown-container .impact-filter-dropdown-wrapper .impact-filter-dropdown-saved-container .impact-filter-dropdown-label{color:#60697d;font-family:Manrope,sans-serif;font-size:12px;font-weight:500;line-height:21px;padding:6px 18px}.impact-info-panel-container .impact-info-panel-left-container .impact-filter-dropdown-container .impact-filter-dropdown-wrapper .impact-filter-dropdown-saved-container .impact-filter-dropdown-saved-filters-badge-wrapper{display:flex;flex-direction:row;gap:6px;padding:8px 18px}.impact-info-panel-container .impact-info-panel-left-container .impact-filter-dropdown-container .impact-filter-dropdown-wrapper .impact-filter-dropdown-saved-container .impact-filter-dropdown-saved-filters-badge-wrapper .MuiChip-root.impact_badges_only_label_stroke{cursor:pointer}.impact-info-panel-container .impact-info-panel-left-container .impact-filter-dropdown-container .impact-filter-dropdown-wrapper .impact-filter-dropdown-saved-container .impact-filter-dropdown-saved-filters-no-data-text{align-items:center;color:#7a8294;display:flex;font-family:Manrope,sans-serif;font-size:14px;font-weight:400;justify-content:center;line-height:20px;margin:24px 0}.impact-info-panel-container .impact-info-panel-left-container .impact-filter-dropdown-container .impact-filter-dropdown-wrapper .impact-filter-dropdown-saved-container .impact-filter-dropdown-saved-filters-search-wrapper{padding:8px 18px}.impact-info-panel-container .impact-info-panel-left-container .impact-filter-dropdown-container .impact-filter-dropdown-wrapper .impact-filter-dropdown-saved-container .impact-filter-dropdown-saved-filters-search-wrapper .impact-input-wrapper{border:none!important;min-width:100%!important;padding-left:0}.impact-info-panel-container .impact-info-panel-left-container .impact-filter-dropdown-container .impact-filter-dropdown-wrapper .impact-filter-dropdown-saved-container .impact-filter-dropdown-saved-filters-lists-wrapper{display:flex;flex-direction:column;max-height:160px;overflow:auto}.impact-info-panel-container .impact-info-panel-left-container .impact-filter-dropdown-container .impact-filter-dropdown-wrapper .impact-filter-dropdown-saved-container .impact-filter-dropdown-saved-filters-lists-wrapper .impact-filter-dropdown-saved-filters-list{border-radius:8px;color:#1f2b4d;font-family:Manrope,sans-serif;font-size:14px;font-weight:500;line-height:20px;margin-bottom:4px;padding:8px 18px}.impact-info-panel-container .impact-info-panel-left-container .impact-filter-dropdown-container .impact-filter-dropdown-wrapper .impact-filter-dropdown-saved-container .impact-filter-dropdown-saved-filters-lists-wrapper .impact-filter-dropdown-saved-filters-list:hover{background-color:#f5f6fa;cursor:pointer}.impact-info-panel-container .impact-info-panel-left-container .impact-filter-dropdown-container .impact-filter-dropdown-wrapper .impact-filter-dropdown-saved-container .filter-dropdown-selected-list{background-color:#edf0ff}.impact-info-panel-container .impact-info-panel-left-container .impact-filter-dropdown-container .impact-filter-dropdown-wrapper .impact-filter-dropdown-action-wrapper{display:flex;flex-direction:column;gap:8px}.impact-info-panel-container .impact-info-panel-left-container .impact-filter-dropdown-container .impact-filter-dropdown-wrapper .impact-filter-dropdown-action-wrapper .impact-filter-dropdown-action-btns{display:flex;flex-direction:row;gap:8px;justify-content:flex-end;padding:0 18px}.impact-info-panel-container .impact-info-panel-left-container .impact-selected-filter-container{align-items:center;display:flex;flex-direction:row;gap:8px;justify-content:space-between}.impact-info-panel-container .impact-info-panel-left-container .impact-selected-filter-container .impact-selected-filter-tags{align-items:center;display:flex;flex:1 0 auto;flex-direction:row;gap:8px;max-width:100%;overflow:scroll;scrollbar-width:none;width:700px}.impact-info-panel-container .impact-info-panel-left-container .impact-selected-filter-container .impact-selected-filter-tags .impact-selected-filter-wrapper{align-items:center;display:flex;flex-direction:row;flex-shrink:0;gap:6px;position:relative;transition:transform .5s ease-in-out}.impact-info-panel-container .impact-info-panel-left-container .impact-selected-filter-container .impact-selected-filter-tags .impact-selected-filter-wrapper .impact-selected-filter-label{color:#60697d;font-family:Manrope,sans-serif;font-size:12px;font-weight:500;line-height:21px;padding-right:4px}.impact-info-panel-container .impact-info-panel-left-container .impact-selected-filter-container .impact-selected-filter-tags .impact-selected-filter-wrapper .impact-selected-filter-tags-container{align-items:center;display:flex;flex-direction:row;gap:4px}.impact-info-panel-container .impact-info-panel-left-container .impact-selected-filter-container .impact-selected-filter-tags .impact-selected-filter-wrapper .impact-filter-strip-separator{margin-right:8px}.impact-info-panel-container .impact-info-panel-left-container .impact-selected-filter-container .impact-selected-filter-tags.collapsed{overflow:hidden}.impact-info-panel-container .impact-info-panel-left-container .impact-selected-filter-container .impact-selected-filter-action-btns{align-items:center;display:flex;flex-direction:row;gap:4px}.impact-info-panel-container .impact-info-panel-left-container .impact-selected-filter-container .impact-selected-filter-action-btns .impact-selected-filter-action-btn{align-items:center;background-color:#f5f6fa;cursor:pointer;display:flex;justify-content:center;padding:8px 4px}.impact-info-panel-container .impact-info-panel-left-container .impact-selected-filter-container .impact-selected-filter-action-btns .impact-selected-filter-action-btn svg{color:#60697d;font-size:18px}.impact-info-panel-container .impact-info-panel-left-container .impact-selected-filter-container .impact-selected-filter-action-btns .prev{border-bottom-left-radius:4px;border-top-left-radius:4px}.impact-info-panel-container .impact-info-panel-left-container .impact-selected-filter-container .impact-selected-filter-action-btns .next{border-bottom-right-radius:4px;border-top-right-radius:4px}.impact-info-panel-container .impact-info-panel-left-container .impact-selected-filter-container .impact-selected-filter-action-btns .expand{border-radius:8px;color:#60697d;font-size:14px}.impact-info-panel-container .impact-info-panel-right-container{align-items:center;display:flex;flex-direction:row;flex-shrink:0;gap:12px}.impact-info-panel-container .impact-filter-strip-separator{background-color:#d9dde7;display:inline-block;height:16px;width:1px}.impact-selected-filter-tags-dropdown{background-color:#fff;border-radius:8px;box-shadow:0 0 4px #0000001f;max-width:200px;padding:8px 6px;position:absolute;right:0;top:45px;width:100%;z-index:1200}.impact-selected-filter-tags-dropdown .impact-selected-filter-tag-container{display:flex;flex-direction:column;gap:4px;margin-bottom:8px}.impact-selected-filter-tags-dropdown .impact-selected-filter-tag-label{color:#1f2b4d;font-family:Manrope,sans-serif;font-size:14px;font-weight:500;line-height:20px;overflow:hidden;padding:8px 18px;text-overflow:ellipsis;white-space:nowrap}.impact-selected-filter-tags-dropdown .impact-selected-filter-tags-actions-container{display:flex;flex-direction:column;gap:8px}.impact-selected-filter-tags-dropdown .impact-selected-filter-tags-actions-container .ia-styles.ia-btn{width:100%}")),document.head.appendChild(e)}}catch(t){console.error("vite-plugin-css-injected-by-js",t)}}();
+!function(){"use strict";try{if("undefined"!=typeof document){var e=document.createElement("style");e.appendChild(document.createTextNode(".impact-info-panel-container{align-items:center;background-color:#fff;display:flex;flex-direction:row;font-family:Manrope,sans-serif;gap:12px;height:48px;justify-content:space-between;padding:8px 24px;position:relative;width:100%}.impact-info-panel-container .impact-info-panel-left-container{align-items:center;display:flex;flex:1 1 auto;flex-direction:row;gap:12px;justify-content:space-between;min-width:0}.impact-info-panel-container .impact-info-panel-left-container .impact-filter-dropdown-container{align-items:center;display:flex;flex-direction:row;flex-shrink:0;gap:8px;justify-content:space-between}.impact-info-panel-container .impact-info-panel-left-container .impact-filter-dropdown-container .MuiChip-root.impact_badges_only_label_stroke{max-width:145px}.impact-info-panel-container .impact-info-panel-left-container .impact-filter-dropdown-container .impact-filter-dropdown-label{color:#60697d;font-family:Manrope,sans-serif;font-size:14px;font-weight:500;line-height:21px}.impact-info-panel-container .impact-info-panel-left-container .impact-filter-dropdown-container .impact-filter-dropdown-button{align-items:center;background-color:#f5f6fa;border-radius:8px;display:flex;height:32px;justify-content:center;padding:8px;transition:transform .2s ease;width:32px}.impact-info-panel-container .impact-info-panel-left-container .impact-filter-dropdown-container .impact-filter-dropdown-button:focus-visible{box-shadow:0 0 0 var(--ia-focus-ring-offset,2px) var(--ia-focus-bg,#fff),0 0 0 calc(var(--ia-focus-ring-offset, 2px) + var(--ia-focus-ring-width, 2px)) var(--ia-focus-color,#4259ee);outline:none;transition:box-shadow .15s ease-in-out}.impact-info-panel-container .impact-info-panel-left-container .impact-filter-dropdown-container .impact-filter-dropdown-button:focus:not(:focus-visible){box-shadow:none;outline:none}.impact-info-panel-container .impact-info-panel-left-container .impact-filter-dropdown-container .impact-filter-dropdown-button:hover{cursor:pointer}.impact-info-panel-container .impact-info-panel-left-container .impact-filter-dropdown-container .impact-filter-dropdown-button svg{color:#1f2b4d;height:20px;width:20px}.impact-info-panel-container .impact-info-panel-left-container .impact-filter-dropdown-container .impact-filter-dropdown-wrapper{background-color:#fff;border-radius:8px;box-shadow:0 0 4px #0000001f;left:0;min-width:265px;padding:8px 6px;position:absolute;top:54px;z-index:1200}.impact-info-panel-container .impact-info-panel-left-container .impact-filter-dropdown-container .impact-filter-dropdown-wrapper .impact-filter-dropdown-recent-container{display:flex;flex-direction:column}.impact-info-panel-container .impact-info-panel-left-container .impact-filter-dropdown-container .impact-filter-dropdown-wrapper .impact-filter-dropdown-recent-container .impact-filter-dropdown-label{color:#60697d;font-family:Manrope,sans-serif;font-size:12px;font-weight:500;line-height:21px;padding:6px 18px}.impact-info-panel-container .impact-info-panel-left-container .impact-filter-dropdown-container .impact-filter-dropdown-wrapper .impact-filter-dropdown-recent-container .impact-filter-dropdown-recent-filters-wrapper{display:flex;flex-direction:column;margin-bottom:6px}.impact-info-panel-container .impact-info-panel-left-container .impact-filter-dropdown-container .impact-filter-dropdown-wrapper .impact-filter-dropdown-recent-container .impact-filter-dropdown-recent-filters-wrapper .impact-filter-dropdown-recent-filters{border-radius:8px;display:flex;flex-direction:row;padding:8px 18px}.impact-info-panel-container .impact-info-panel-left-container .impact-filter-dropdown-container .impact-filter-dropdown-wrapper .impact-filter-dropdown-recent-container .impact-filter-dropdown-recent-filters-wrapper .impact-filter-dropdown-recent-filters:hover{background-color:#edf0ff;cursor:pointer}.impact-info-panel-container .impact-info-panel-left-container .impact-filter-dropdown-container .impact-filter-dropdown-wrapper .impact-filter-dropdown-recent-container .impact-filter-dropdown-recent-filters-wrapper .impact-filter-dropdown-recent-filters span{color:#1f2b4d;font-family:Manrope,sans-serif;font-size:14px;font-weight:500;line-height:20px}.impact-info-panel-container .impact-info-panel-left-container .impact-filter-dropdown-container .impact-filter-dropdown-wrapper .impact-filter-dropdown-saved-container{display:flex;flex-direction:column}.impact-info-panel-container .impact-info-panel-left-container .impact-filter-dropdown-container .impact-filter-dropdown-wrapper .impact-filter-dropdown-saved-container .impact-filter-dropdown-label{color:#60697d;font-family:Manrope,sans-serif;font-size:12px;font-weight:500;line-height:21px;padding:6px 18px}.impact-info-panel-container .impact-info-panel-left-container .impact-filter-dropdown-container .impact-filter-dropdown-wrapper .impact-filter-dropdown-saved-container .impact-filter-dropdown-saved-filters-badge-wrapper{display:flex;flex-direction:row;gap:6px;padding:8px 18px}.impact-info-panel-container .impact-info-panel-left-container .impact-filter-dropdown-container .impact-filter-dropdown-wrapper .impact-filter-dropdown-saved-container .impact-filter-dropdown-saved-filters-badge-wrapper .MuiChip-root.impact_badges_only_label_stroke{cursor:pointer}.impact-info-panel-container .impact-info-panel-left-container .impact-filter-dropdown-container .impact-filter-dropdown-wrapper .impact-filter-dropdown-saved-container .impact-filter-dropdown-saved-filters-no-data-text{align-items:center;color:#7a8294;display:flex;font-family:Manrope,sans-serif;font-size:14px;font-weight:400;justify-content:center;line-height:20px;margin:24px 0}.impact-info-panel-container .impact-info-panel-left-container .impact-filter-dropdown-container .impact-filter-dropdown-wrapper .impact-filter-dropdown-saved-container .impact-filter-dropdown-saved-filters-search-wrapper{padding:8px 18px}.impact-info-panel-container .impact-info-panel-left-container .impact-filter-dropdown-container .impact-filter-dropdown-wrapper .impact-filter-dropdown-saved-container .impact-filter-dropdown-saved-filters-search-wrapper .impact-input-wrapper{border:none!important;min-width:100%!important;padding-left:0}.impact-info-panel-container .impact-info-panel-left-container .impact-filter-dropdown-container .impact-filter-dropdown-wrapper .impact-filter-dropdown-saved-container .impact-filter-dropdown-saved-filters-lists-wrapper{display:flex;flex-direction:column;max-height:160px;overflow:auto}.impact-info-panel-container .impact-info-panel-left-container .impact-filter-dropdown-container .impact-filter-dropdown-wrapper .impact-filter-dropdown-saved-container .impact-filter-dropdown-saved-filters-lists-wrapper .impact-filter-dropdown-saved-filters-list{border-radius:8px;color:#1f2b4d;font-family:Manrope,sans-serif;font-size:14px;font-weight:500;line-height:20px;margin-bottom:4px;padding:8px 18px}.impact-info-panel-container .impact-info-panel-left-container .impact-filter-dropdown-container .impact-filter-dropdown-wrapper .impact-filter-dropdown-saved-container .impact-filter-dropdown-saved-filters-lists-wrapper .impact-filter-dropdown-saved-filters-list:hover{background-color:#f5f6fa;cursor:pointer}.impact-info-panel-container .impact-info-panel-left-container .impact-filter-dropdown-container .impact-filter-dropdown-wrapper .impact-filter-dropdown-saved-container .filter-dropdown-selected-list{background-color:#edf0ff}.impact-info-panel-container .impact-info-panel-left-container .impact-filter-dropdown-container .impact-filter-dropdown-wrapper .impact-filter-dropdown-action-wrapper{display:flex;flex-direction:column;gap:8px}.impact-info-panel-container .impact-info-panel-left-container .impact-filter-dropdown-container .impact-filter-dropdown-wrapper .impact-filter-dropdown-action-wrapper .impact-filter-dropdown-action-btns{display:flex;flex-direction:row;gap:8px;justify-content:flex-end;padding:0 18px}.impact-info-panel-container .impact-info-panel-left-container .impact-selected-filter-container{align-items:center;display:flex;flex-direction:row;gap:8px;justify-content:space-between;min-width:0;width:100%}.impact-info-panel-container .impact-info-panel-left-container .impact-selected-filter-container .impact-selected-filter-tags{align-items:center;display:flex;flex:1 1 0;flex-direction:row;gap:8px;max-width:100%;min-width:0;overflow:scroll;scrollbar-width:none}.impact-info-panel-container .impact-info-panel-left-container .impact-selected-filter-container .impact-selected-filter-tags .impact-selected-filter-wrapper{align-items:center;display:flex;flex-direction:row;flex-shrink:0;gap:6px;position:relative;transition:transform .5s ease-in-out}.impact-info-panel-container .impact-info-panel-left-container .impact-selected-filter-container .impact-selected-filter-tags .impact-selected-filter-wrapper .impact-selected-filter-label{color:#60697d;font-family:Manrope,sans-serif;font-size:12px;font-weight:500;line-height:21px;padding-right:4px}.impact-info-panel-container .impact-info-panel-left-container .impact-selected-filter-container .impact-selected-filter-tags .impact-selected-filter-wrapper .impact-selected-filter-tags-container{align-items:center;display:flex;flex-direction:row;gap:4px}.impact-info-panel-container .impact-info-panel-left-container .impact-selected-filter-container .impact-selected-filter-tags .impact-selected-filter-wrapper .impact-filter-strip-separator{margin-right:8px}.impact-info-panel-container .impact-info-panel-left-container .impact-selected-filter-container .impact-selected-filter-tags.collapsed{overflow:hidden}.impact-info-panel-container .impact-info-panel-left-container .impact-selected-filter-container .impact-selected-filter-action-btns{align-items:center;display:flex;flex-direction:row;gap:4px}.impact-info-panel-container .impact-info-panel-left-container .impact-selected-filter-container .impact-selected-filter-action-btns .impact-selected-filter-action-btn{align-items:center;background-color:#f5f6fa;cursor:pointer;display:flex;justify-content:center;padding:8px 4px}.impact-info-panel-container .impact-info-panel-left-container .impact-selected-filter-container .impact-selected-filter-action-btns .impact-selected-filter-action-btn svg{color:#60697d;font-size:18px}.impact-info-panel-container .impact-info-panel-left-container .impact-selected-filter-container .impact-selected-filter-action-btns .prev{border-bottom-left-radius:4px;border-top-left-radius:4px}.impact-info-panel-container .impact-info-panel-left-container .impact-selected-filter-container .impact-selected-filter-action-btns .next{border-bottom-right-radius:4px;border-top-right-radius:4px}.impact-info-panel-container .impact-info-panel-left-container .impact-selected-filter-container .impact-selected-filter-action-btns .expand{border-radius:8px;color:#60697d;font-size:14px}.impact-info-panel-container .impact-info-panel-right-container{align-items:center;display:flex;flex-direction:row;flex-shrink:0;gap:12px}.impact-info-panel-container .impact-filter-strip-separator{background-color:#d9dde7;display:inline-block;height:16px;width:1px}.impact-selected-filter-tags-dropdown{background-color:#fff;border-radius:8px;box-shadow:0 0 4px #0000001f;max-width:200px;padding:8px 6px;position:absolute;right:0;top:45px;width:100%;z-index:1200}.impact-selected-filter-tags-dropdown .impact-selected-filter-tag-container{display:flex;flex-direction:column;gap:4px;margin-bottom:8px}.impact-selected-filter-tags-dropdown .impact-selected-filter-tag-label{color:#1f2b4d;font-family:Manrope,sans-serif;font-size:14px;font-weight:500;line-height:20px;overflow:hidden;padding:8px 18px;text-overflow:ellipsis;white-space:nowrap}.impact-selected-filter-tags-dropdown .impact-selected-filter-tags-actions-container{display:flex;flex-direction:column;gap:8px}.impact-selected-filter-tags-dropdown .impact-selected-filter-tags-actions-container .ia-styles.ia-btn{width:100%}")),document.head.appendChild(e)}}catch(i){console.error("vite-plugin-css-injected-by-js",i)}}();
 import { jsxs, Fragment, jsx } from "react/jsx-runtime";
 import { useState, useCallback, Fragment as Fragment$1 } from "react";
 import default_1 from "../../node_modules/@mui/icons-material/FilterList.js";
-import { toSentenceCase } from "../../utils/helper.js";
 import { Button } from "../Button/index.js";
 import { Tag } from "../Tag/index.js";
 import { FilterDropDown } from "./FilterDropDown.js";
@@ -83,7 +82,7 @@ function FiltersStrip({
               containerChildren: (item, index) => /* @__PURE__ */ jsxs(Fragment, { children: [
                 index !== 0 && /* @__PURE__ */ jsx("span", { className: "impact-filter-strip-separator" }),
                 /* @__PURE__ */ jsxs("div", { className: "impact-selected-filter-label", children: [
-                  toSentenceCase(item.label),
+                  item.label,
                   " ",
                   item.required && /* @__PURE__ */ jsx("span", { style: { color: "red" }, children: "*" })
                 ] })

package/dist/components/FiltersStrip/mockData.d.ts

@@ -0,0 +1,29 @@
+export declare const filterTags: {
+    id: number;
+    label: string;
+    required: boolean;
+    handleViewAll: (tag: unknown) => void;
+    values: {
+        id: number;
+        label: string;
+    }[];
+}[];
+export declare const recentFilters: {
+    id: number;
+    handleRecentFilter: (filter: unknown) => void;
+    filterSet: {
+        id: number;
+        label: string;
+    }[];
+}[];
+export declare const savedFiltersBadge: {
+    id: number;
+    label: string;
+    handleClick: () => void;
+}[];
+export declare const savedFilterLists: {
+    id: number;
+    label: string;
+    value: string;
+}[];
+//# sourceMappingURL=mockData.d.ts.map

package/dist/components/FiltersStrip/mockData.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"mockData.d.ts","sourceRoot":"","sources":["../../../src/components/FiltersStrip/mockData.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,UAAU;;;;yBAKE,OAAO;;;;;GAwH/B,CAAC;AAEF,eAAO,MAAM,aAAa;;iCAGO,OAAO;;;;;GAkCvC,CAAC;AAEF,eAAO,MAAM,iBAAiB;;;;GAgB7B,CAAC;AAEF,eAAO,MAAM,gBAAgB;;;;GAyC5B,CAAC"}

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

@@ -53,5 +53,9 @@ export interface HeaderProps extends RootComponentProps {
     avatarProps?: Partial<AvatarProps>;
     /** Avatar display type */
     avatarType?: AvatarProps['type'];
+    /** Show the keyboard shortcuts button */
+    showKeyboardShortcuts?: boolean;
+    /** Called when the keyboard shortcuts button is clicked */
+    handleKeyboardShortcutsClick?: () => void;
 }
 //# sourceMappingURL=Header.types.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Header.types.d.ts","sourceRoot":"","sources":["../../../src/components/Header/Header.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,aAAa,CAAC;AACtD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,wBAAwB,CAAC;AAE1D;;GAEG;AACH,MAAM,WAAW,oBAAoB;IACnC,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAED;;;GAGG;AACH,MAAM,WAAW,WAAY,SAAQ,kBAAkB;IACrD,mCAAmC;IACnC,KAAK,CAAC,EAAE,SAAS,CAAC;IAElB,wDAAwD;IACxD,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB,sCAAsC;IACtC,eAAe,CAAC,EAAE,MAAM,IAAI,CAAC;IAE7B,iCAAiC;IACjC,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAE/B,sCAAsC;IACtC,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAEhC,+CAA+C;IAC/C,uBAAuB,CAAC,EAAE,MAAM,IAAI,CAAC;IAErC,yBAAyB;IACzB,YAAY,CAAC,EAAE,OAAO,CAAC;IAEvB,uCAAuC;IACvC,eAAe,CAAC,EAAE,MAAM,IAAI,CAAC;IAE7B,4BAA4B;IAC5B,eAAe,CAAC,EAAE,OAAO,CAAC;IAE1B,0CAA0C;IAC1C,kBAAkB,CAAC,EAAE,MAAM,IAAI,CAAC;IAEhC,yCAAyC;IACzC,eAAe,CAAC,EAAE,OAAO,CAAC;IAE1B,4CAA4C;IAC5C,kBAAkB,CAAC,EAAE,MAAM,IAAI,CAAC;IAEhC,+DAA+D;IAC/D,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAEhC,uDAAuD;IACvD,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAE5B,2CAA2C;IAC3C,eAAe,CAAC,EAAE,oBAAoB,EAAE,CAAC;IAEzC,4CAA4C;IAC5C,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAE5B,sCAAsC;IACtC,eAAe,CAAC,EAAE,SAAS,CAAC;IAE5B,iEAAiE;IACjE,WAAW,CAAC,EAAE,OAAO,CAAC,WAAW,CAAC,CAAC;IAEnC,0BAA0B;IAC1B,UAAU,CAAC,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;CAClC"}
+{"version":3,"file":"Header.types.d.ts","sourceRoot":"","sources":["../../../src/components/Header/Header.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,aAAa,CAAC;AACtD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,wBAAwB,CAAC;AAE1D;;GAEG;AACH,MAAM,WAAW,oBAAoB;IACnC,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAED;;;GAGG;AACH,MAAM,WAAW,WAAY,SAAQ,kBAAkB;IACrD,mCAAmC;IACnC,KAAK,CAAC,EAAE,SAAS,CAAC;IAElB,wDAAwD;IACxD,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB,sCAAsC;IACtC,eAAe,CAAC,EAAE,MAAM,IAAI,CAAC;IAE7B,iCAAiC;IACjC,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAE/B,sCAAsC;IACtC,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAEhC,+CAA+C;IAC/C,uBAAuB,CAAC,EAAE,MAAM,IAAI,CAAC;IAErC,yBAAyB;IACzB,YAAY,CAAC,EAAE,OAAO,CAAC;IAEvB,uCAAuC;IACvC,eAAe,CAAC,EAAE,MAAM,IAAI,CAAC;IAE7B,4BAA4B;IAC5B,eAAe,CAAC,EAAE,OAAO,CAAC;IAE1B,0CAA0C;IAC1C,kBAAkB,CAAC,EAAE,MAAM,IAAI,CAAC;IAEhC,yCAAyC;IACzC,eAAe,CAAC,EAAE,OAAO,CAAC;IAE1B,4CAA4C;IAC5C,kBAAkB,CAAC,EAAE,MAAM,IAAI,CAAC;IAEhC,+DAA+D;IAC/D,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAEhC,uDAAuD;IACvD,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAE5B,2CAA2C;IAC3C,eAAe,CAAC,EAAE,oBAAoB,EAAE,CAAC;IAEzC,4CAA4C;IAC5C,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAE5B,sCAAsC;IACtC,eAAe,CAAC,EAAE,SAAS,CAAC;IAE5B,iEAAiE;IACjE,WAAW,CAAC,EAAE,OAAO,CAAC,WAAW,CAAC,CAAC;IAEnC,0BAA0B;IAC1B,UAAU,CAAC,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;IAEjC,yCAAyC;IACzC,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAEhC,2DAA2D;IAC3D,4BAA4B,CAAC,EAAE,MAAM,IAAI,CAAC;CAC3C"}

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

@@ -4,7 +4,7 @@ export type { HeaderProps, HeaderDropMenuOption } from './Header.types';
 /**
  * App header with logo, title, actions (help, message, notification, chatbot) and avatar menu.
  */
-export declare function Header({ title, userName, handleLogoClick, showNotificationIcon, notificationIndicator, handleNotificationClick, showHelpIcon, handleHelpClick, showMessageIcon, handleMessageClick, showChatBotIcon, handleChatBotClick, isMessageIconDisabled, isNotificationDnd, dropMenuOptions, isChatBotDisabled, centerComponent, avatarProps, avatarType, className, id, 'data-testid': dataTestId, role, }: HeaderProps): import("react/jsx-runtime").JSX.Element;
+export declare function Header({ title, userName, handleLogoClick, showNotificationIcon, notificationIndicator, handleNotificationClick, showHelpIcon, handleHelpClick, showMessageIcon, handleMessageClick, showChatBotIcon, handleChatBotClick, isMessageIconDisabled, isNotificationDnd, dropMenuOptions, isChatBotDisabled, centerComponent, avatarProps, avatarType, showKeyboardShortcuts, handleKeyboardShortcutsClick, className, id, 'data-testid': dataTestId, role, }: HeaderProps): import("react/jsx-runtime").JSX.Element;
 export declare namespace Header {
     var displayName: string;
 }

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Header/index.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAClD,OAAO,sBAAsB,CAAC;AAS9B,YAAY,EAAE,WAAW,EAAE,oBAAoB,EAAE,MAAM,gBAAgB,CAAC;AAExE;;GAEG;AACH,wBAAgB,MAAM,CAAC,EACrB,KAAK,EACL,QAAQ,EACR,eAAe,EACf,oBAA2B,EAC3B,qBAA4B,EAC5B,uBAAuB,EACvB,YAAmB,EACnB,eAAe,EACf,eAAsB,EACtB,kBAAkB,EAClB,eAAsB,EACtB,kBAAkB,EAClB,qBAA6B,EAC7B,iBAAyB,EACzB,eAAoE,EACpE,iBAAyB,EACzB,eAAe,EACf,WAAW,EACX,UAA6B,EAC7B,SAAS,EACT,EAAE,EACF,aAAa,EAAE,UAAU,EACzB,IAAe,GAChB,EAAE,WAAW,2CAuIb;yBA/Je,MAAM"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Header/index.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAClD,OAAO,sBAAsB,CAAC;AAU9B,YAAY,EAAE,WAAW,EAAE,oBAAoB,EAAE,MAAM,gBAAgB,CAAC;AAExE;;GAEG;AACH,wBAAgB,MAAM,CAAC,EACrB,KAAK,EACL,QAAQ,EACR,eAAe,EACf,oBAA2B,EAC3B,qBAA4B,EAC5B,uBAAuB,EACvB,YAAmB,EACnB,eAAe,EACf,eAAsB,EACtB,kBAAkB,EAClB,eAAsB,EACtB,kBAAkB,EAClB,qBAA6B,EAC7B,iBAAyB,EACzB,eAAoE,EACpE,iBAAyB,EACzB,eAAe,EACf,WAAW,EACX,UAA6B,EAC7B,qBAA6B,EAC7B,4BAA4B,EAC5B,SAAS,EACT,EAAE,EACF,aAAa,EAAE,UAAU,EACzB,IAAe,GAChB,EAAE,WAAW,2CA2Jb;yBArLe,MAAM"}