impact-ui 4.0.0-alpha.13 → 4.0.0-alpha.15

package/dist/components/EmptyState/index.js

@@ -15,27 +15,40 @@ function EmptyState({
   primaryButtonProps = {},
   secondaryButtonProps = {},
   className = "",
-  "data-testid": dataTestId
+  id,
+  "data-testid": dataTestId,
+  "aria-label": ariaLabel = "Empty state",
+  role = "region"
 }) {
-  return /* @__PURE__ */ jsxs("div", { className: `impact_emptystate ${className}`.trim(), "data-testid": dataTestId, 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__ */ jsxs("div", { className: "bottom_cta_container", children: [
-      emptyStateBottomOptions,
-      secondaryButtonLabel != null && /* @__PURE__ */ jsx(
-        Button,
-        {
-          className: "secondary_btn",
-          variant: "secondary",
-          onClick: onSecondaryButtonClick,
-          ...secondaryButtonProps,
-          children: secondaryButtonLabel
-        }
-      ),
-      primaryButtonLabel != null && /* @__PURE__ */ jsx(Button, { className: "primary_btn", onClick: onPrimaryButtonClick, ...primaryButtonProps, children: primaryButtonLabel })
-    ] })
-  ] });
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      "aria-label": ariaLabel,
+      className: `impact_emptystate ${className}`.trim(),
+      "data-testid": dataTestId,
+      id,
+      role,
+      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__ */ jsxs("div", { className: "bottom_cta_container", children: [
+          emptyStateBottomOptions,
+          secondaryButtonLabel != null && /* @__PURE__ */ jsx(
+            Button,
+            {
+              className: "secondary_btn",
+              variant: "secondary",
+              onClick: onSecondaryButtonClick,
+              ...secondaryButtonProps,
+              children: secondaryButtonLabel
+            }
+          ),
+          primaryButtonLabel != null && /* @__PURE__ */ jsx(Button, { className: "primary_btn", onClick: onPrimaryButtonClick, ...primaryButtonProps, children: primaryButtonLabel })
+        ] })
+      ]
+    }
+  );
 }
 EmptyState.displayName = "EmptyState";
 export {

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

@@ -1,5 +1,5 @@
 import { ReactNode } from 'react';
-import { BaseComponentProps } from '../../types';
+import { RootComponentProps } from '../../types';
 import { ButtonProps } from '../Button';
 
 /**
@@ -29,12 +29,20 @@ export interface ValidFileTypeConfig {
  */
 export declare const FILE_TYPE_MIME_MAP: Record<string, string[]>;
 export declare const SIZE_CONVENTIONS: readonly ["B", "KB", "MB", "GB", "TB", "PB", "EB", "ZB", "YB"];
-export interface FileUploadProps extends BaseComponentProps {
+export interface FileUploadProps extends RootComponentProps {
     fileList: FileUploadItem[];
     onFileListChange: (list: FileUploadItem[]) => void;
     disabled?: boolean;
     numberOfFiles?: number;
     validFileTypes?: ValidFileTypeConfig[];
+    /** Column labels for template download menu; enables Template Preview grid when set */
+    options?: string[];
+    /** Initial selected template columns (mapped to camelCase internally) */
+    selectedValues?: string[];
+    /** Called when the primary template format button is clicked in the options menu (e.g. xlsx) */
+    onMenuPrimaryButtonClick?: (fileType: string, selectedColumns: string[]) => void;
+    /** Called when the secondary template format button is clicked in the options menu (e.g. csv) */
+    onTertiaryButtonClick?: (selectedColumns: string[]) => void;
     primaryButtonLabel?: ReactNode;
     secondaryButtonLabel?: ReactNode;
     onPrimaryButtonClick?: () => void;

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,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;CACtC"}

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

@@ -0,0 +1,9 @@
+interface TemplatePreviewProps {
+    selectedColumns: string[];
+}
+export declare function TemplatePreview({ selectedColumns }: TemplatePreviewProps): import("react/jsx-runtime").JSX.Element;
+export declare namespace TemplatePreview {
+    var displayName: string;
+}
+export {};
+//# sourceMappingURL=TemplatePreview.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TemplatePreview.d.ts","sourceRoot":"","sources":["../../../src/components/FileUpload/TemplatePreview.tsx"],"names":[],"mappings":"AAAA,UAAU,oBAAoB;IAC5B,eAAe,EAAE,MAAM,EAAE,CAAC;CAC3B;AASD,wBAAgB,eAAe,CAAC,EAAE,eAAe,EAAE,EAAE,oBAAoB,2CA0CxE;yBA1Ce,eAAe"}

package/dist/components/FileUpload/TemplatePreview.js

@@ -0,0 +1,31 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+const COLUMN_LETTERS = Array.from({ length: 9 }, (_, i) => String.fromCharCode(65 + i));
+function formatCellLabel(value) {
+  if (!value) return "";
+  return value.charAt(0).toUpperCase() + value.slice(1);
+}
+function TemplatePreview({ selectedColumns }) {
+  return /* @__PURE__ */ jsxs("div", { className: "ia-template-preview", "data-testid": "file-upload-template-preview", children: [
+    /* @__PURE__ */ jsx("h3", { className: "ia-template-preview__title", children: "Template Preview" }),
+    /* @__PURE__ */ jsx("div", { className: "ia-template-preview__grid-wrapper", children: /* @__PURE__ */ jsxs("table", { className: "ia-template-preview__table", children: [
+      /* @__PURE__ */ jsx("thead", { children: /* @__PURE__ */ jsxs("tr", { children: [
+        /* @__PURE__ */ jsx("th", { className: "ia-template-preview__row-header" }),
+        COLUMN_LETTERS.map((letter) => /* @__PURE__ */ jsx("th", { className: "ia-template-preview__col-header", children: letter }, letter))
+      ] }) }),
+      /* @__PURE__ */ jsxs("tbody", { children: [
+        /* @__PURE__ */ jsxs("tr", { children: [
+          /* @__PURE__ */ jsx("td", { className: "ia-template-preview__row-header", children: "1" }),
+          COLUMN_LETTERS.map((_, i) => /* @__PURE__ */ jsx("td", { className: "ia-template-preview__cell", children: selectedColumns[i] ? /* @__PURE__ */ jsx("div", { className: "ia-template-preview__cell-value", children: formatCellLabel(selectedColumns[i] ?? "") }) : null }, i))
+        ] }),
+        [2, 3].map((row) => /* @__PURE__ */ jsxs("tr", { children: [
+          /* @__PURE__ */ jsx("td", { className: "ia-template-preview__row-header", children: row }),
+          COLUMN_LETTERS.map((_, i) => /* @__PURE__ */ jsx("td", { className: "ia-template-preview__cell" }, i))
+        ] }, row))
+      ] })
+    ] }) })
+  ] });
+}
+TemplatePreview.displayName = "TemplatePreview";
+export {
+  TemplatePreview
+};

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

@@ -0,0 +1,4 @@
+/** Converts display labels (e.g. "Product Name") to camelCase keys for template preview cells */
+export declare function toCamelCase(value: string): string;
+export declare function toCamelCaseLabels(labels: readonly string[] | undefined): string[];
+//# sourceMappingURL=fileUploadUtils.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"fileUploadUtils.d.ts","sourceRoot":"","sources":["../../../src/components/FileUpload/fileUploadUtils.ts"],"names":[],"mappings":"AAAA,iGAAiG;AACjG,wBAAgB,WAAW,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CAUjD;AAED,wBAAgB,iBAAiB,CAAC,MAAM,EAAE,SAAS,MAAM,EAAE,GAAG,SAAS,GAAG,MAAM,EAAE,CAEjF"}

package/dist/components/FileUpload/fileUploadUtils.js

@@ -0,0 +1,14 @@
+function toCamelCase(value) {
+  return value.trim().split(/\s+/).map((word, index) => {
+    const lower = word.toLowerCase();
+    if (index === 0) return lower;
+    return lower.charAt(0).toUpperCase() + lower.slice(1);
+  }).join("");
+}
+function toCamelCaseLabels(labels) {
+  return (labels ?? []).map((label) => toCamelCase(label));
+}
+export {
+  toCamelCase,
+  toCamelCaseLabels
+};

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, className, 'data-testid': dataTestId, }: 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, 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":"AAQA,OAAO,KAAK,EAAE,eAAe,EAAkB,MAAM,oBAAoB,CAAC;AAC1E,OAAO,0BAA0B,CAAC;AAElC,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,SAAS,EACT,aAAa,EAAE,UAAU,GAC1B,EAAE,eAAe,2CAocjB;yBApde,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,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"}

package/dist/components/FileUpload/index.js

@@ -1,11 +1,14 @@
-!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}")),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-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)}}();
 import { jsxs, jsx, Fragment } from "react/jsx-runtime";
 import { useRef, useState, useEffect, useCallback, 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";
 import { ProgressBar } from "../ProgressBar/index.js";
 import { FILE_TYPE_MIME_MAP, SIZE_CONVENTIONS } from "./FileUpload.types.js";
 import { loadFileUploadAssets } from "./fileUploadAssets.loader.js";
+import { TemplatePreview } from "./TemplatePreview.js";
+import { useFileUploadTemplateState } from "./useFileUploadTemplateState.js";
 
 function FileUpload({
   fileList,
@@ -21,8 +24,15 @@ function FileUpload({
   secondaryButtonProps,
   onClose,
   customFailedActionButton,
+  options: templateColumnOptions,
+  selectedValues: templateColumnSelections,
+  onMenuPrimaryButtonClick: onTemplateMenuPrimaryClick,
+  onTertiaryButtonClick: onTemplateMenuTertiaryClick,
   className,
-  "data-testid": dataTestId
+  id,
+  "data-testid": dataTestId,
+  "aria-label": ariaLabel = "File upload",
+  role = "region"
 }) {
   var _a;
   const wrapperRef = useRef(null);
@@ -32,7 +42,22 @@ function FileUpload({
   const [isError, setIsError] = useState(false);
   const [isDraggedOver, setIsDraggedOver] = useState(false);
   const [showDownLoadMenu, setShowDownLoadMenu] = useState(false);
+  const [isOpen, setIsOpen] = useState(false);
+  const [anchorEl, setAnchorEl] = useState(null);
   const numberOfFiles = numFiles >= 1 ? Math.floor(numFiles) : 1;
+  const {
+    selected,
+    hasTemplateOptions,
+    menuOptions,
+    handleMenuSelectionChange,
+    handleMenuPrimaryClick,
+    handleMenuTertiaryClick
+  } = useFileUploadTemplateState({
+    options: templateColumnOptions,
+    selectedValues: templateColumnSelections,
+    onMenuPrimaryButtonClick: onTemplateMenuPrimaryClick,
+    onTertiaryButtonClick: onTemplateMenuTertiaryClick
+  });
   const [assets, setAssets] = useState(null);
   useEffect(() => {
     void loadFileUploadAssets().then(setAssets);
@@ -126,6 +151,17 @@ function FileUpload({
     if (!Array.isArray(validFileTypes)) return null;
     return validFileTypes.find((vft) => vft.templateDownloader) ?? null;
   }, [validFileTypes]);
+  const selectedFileType = useMemo(() => {
+    var _a2, _b;
+    return ((_a2 = validFileTypes.find((vft) => vft.fileType === "xlsx")) == null ? void 0 : _a2.fileType) ?? ((_b = validFileTypes[0]) == null ? void 0 : _b.fileType) ?? "xlsx";
+  }, [validFileTypes]);
+  const tertiaryFileType = useMemo(() => {
+    var _a2;
+    return (_a2 = validFileTypes.find((vft) => vft.fileType !== "xlsx")) == null ? void 0 : _a2.fileType;
+  }, [validFileTypes]);
+  const handleMenuClose = useCallback(() => {
+    setIsOpen(false);
+  }, []);
   const handleTemplateDownloadMenu = useCallback(() => {
     setShowDownLoadMenu((prev) => !prev);
   }, []);
@@ -133,22 +169,41 @@ function FileUpload({
     const target = event.target;
     if (!target.closest(".ia-fileUpload-validFileType-container") && !target.closest(".ia-fileUpload-validFileType-menu-item")) {
       setShowDownLoadMenu(false);
+      setIsOpen(false);
     }
   }, []);
   useEffect(() => {
+    const handleEscape = (event) => {
+      if (event.key === "Escape") {
+        setShowDownLoadMenu(false);
+      }
+    };
     if (showDownLoadMenu) {
       document.addEventListener("click", handleClickOutside);
+      document.addEventListener("keydown", handleEscape);
     }
     return () => {
       document.removeEventListener("click", handleClickOutside);
+      document.removeEventListener("keydown", handleEscape);
     };
   }, [showDownLoadMenu, handleClickOutside]);
+  useEffect(() => {
+    if (isOpen) {
+      document.addEventListener("click", handleClickOutside);
+    }
+    return () => {
+      document.removeEventListener("click", handleClickOutside);
+    };
+  }, [isOpen, handleClickOutside]);
   return /* @__PURE__ */ jsxs(
     "div",
     {
       ref: containerRef,
+      "aria-label": ariaLabel,
       className: `ia-fileUpload-container ${className ?? ""}`.trim(),
       "data-testid": dataTestId,
+      id,
+      role,
       children: [
         /* @__PURE__ */ jsxs("div", { className: "ia-fileUpload-container-header", children: [
           /* @__PURE__ */ jsxs("div", { className: "ia-fileUpload-container-header-title", children: [
@@ -246,15 +301,27 @@ function FileUpload({
             /* @__PURE__ */ jsxs(
               "div",
               {
+                "aria-expanded": validFileTypes.length > 1 || templateColumnOptions ? showDownLoadMenu || isOpen : void 0,
+                "aria-haspopup": validFileTypes.length > 1 || templateColumnOptions ? "menu" : void 0,
+                "aria-label": "Download template",
                 role: "button",
                 style: { display: "flex", alignItems: "center", gap: "4px" },
                 tabIndex: 0,
-                onClick: validFileTypes.length > 1 ? handleTemplateDownloadMenu : templateDownloader.templateDownloader,
+                onClick: (e) => {
+                  var _a2;
+                  setIsOpen(true);
+                  setAnchorEl(e.currentTarget);
+                  if (validFileTypes.length > 1 || templateColumnOptions) {
+                    handleTemplateDownloadMenu();
+                  } else {
+                    (_a2 = templateDownloader.templateDownloader) == null ? void 0 : _a2.call(templateDownloader);
+                  }
+                },
                 onKeyDown: (e) => {
                   var _a2;
                   if (e.key === "Enter" || e.key === " ") {
                     e.preventDefault();
-                    if (validFileTypes.length > 1) {
+                    if (validFileTypes.length > 1 || templateColumnOptions) {
                       handleTemplateDownloadMenu();
                     } else {
                       (_a2 = templateDownloader.templateDownloader) == null ? void 0 : _a2.call(templateDownloader);
@@ -262,33 +329,69 @@ function FileUpload({
                   }
                 },
                 children: [
-                  /* @__PURE__ */ jsx(Button, { "data-fileUpload": "templateDownload", variant: "url", children: "Download template" }),
+                  /* @__PURE__ */ jsx(Button, { "data-fileUpload": "templateDownload", tabIndex: -1, variant: "url", children: "Download template" }),
                   assets && /* @__PURE__ */ jsx(
                     "img",
                     {
                       alt: "",
-                      className: `ia-fileUpload-validFileType-arrow ${validFileTypes.length > 1 && showDownLoadMenu ? "rotate" : ""}`,
-                      src: validFileTypes.length > 1 ? assets.downArrow : assets.uploadDownloadIcon
+                      "aria-hidden": "true",
+                      className: `ia-fileUpload-validFileType-arrow ${(validFileTypes.length > 1 || templateColumnOptions) && showDownLoadMenu ? "rotate" : ""}`,
+                      src: validFileTypes.length > 1 || templateColumnOptions ? assets.downArrow : assets.uploadDownloadIcon
+                    }
+                  ),
+                  templateColumnOptions && isOpen && /* @__PURE__ */ jsx(
+                    Menu,
+                    {
+                      withActionButtons: true,
+                      withCheckbox: true,
+                      anchorEl,
+                      customHeaderProps: {
+                        onSelectionChange: handleMenuSelectionChange,
+                        selectedItems: selected
+                      },
+                      iconPlacement: "left",
+                      menuContainerClassName: "ia-fileUpload-validFileType-menu",
+                      MenuProps: {
+                        anchorOrigin: {
+                          vertical: "top",
+                          horizontal: "left"
+                        },
+                        transformOrigin: {
+                          vertical: "bottom",
+                          horizontal: "left"
+                        }
+                      },
+                      open: isOpen,
+                      options: menuOptions,
+                      primaryButtonProps: { label: selectedFileType },
+                      tertiaryButtonLabel: tertiaryFileType,
+                      onClose: handleMenuClose,
+                      onPrimaryButtonClick: () => {
+                        handleMenuPrimaryClick(selectedFileType);
+                      },
+                      onTertiaryButtonClick: handleMenuTertiaryClick
                     }
                   )
                 ]
               }
             ),
-            showDownLoadMenu && /* @__PURE__ */ jsx("div", { className: "ia-fileUpload-validFileType-menu", children: validFileTypes.map((vft) => /* @__PURE__ */ jsx(
+            showDownLoadMenu && !templateColumnOptions && /* @__PURE__ */ jsx("div", { className: "ia-fileUpload-validFileType-menu", role: "menu", children: validFileTypes.map((vft) => /* @__PURE__ */ jsx(
               "span",
               {
                 className: "ia-fileUpload-validFileType-menu-item",
-                role: "button",
+                role: "menuitem",
                 tabIndex: 0,
                 onClick: () => {
                   var _a2;
-                  return (_a2 = vft.templateDownloader) == null ? void 0 : _a2.call(vft);
+                  (_a2 = vft.templateDownloader) == null ? void 0 : _a2.call(vft);
+                  setShowDownLoadMenu(false);
                 },
                 onKeyDown: (e) => {
                   var _a2;
                   if (e.key === "Enter" || e.key === " ") {
                     e.preventDefault();
                     (_a2 = vft.templateDownloader) == null ? void 0 : _a2.call(vft);
+                    setShowDownLoadMenu(false);
                   }
                 },
                 children: `.${vft.fileType}`
@@ -297,6 +400,7 @@ function FileUpload({
             )) })
           ] })
         ] }) : null,
+        hasTemplateOptions && templateDownloader ? /* @__PURE__ */ jsx(TemplatePreview, { selectedColumns: selected }) : null,
         fileList.map((item) => {
           let fileSize = item.file.size;
           let i = 0;

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

@@ -0,0 +1,14 @@
+import { MenuOption } from '../Menu';
+import { FileUploadProps } from './FileUpload.types';
+
+type FileUploadTemplateProps = Pick<FileUploadProps, 'options' | 'selectedValues' | 'onMenuPrimaryButtonClick' | 'onTertiaryButtonClick'>;
+export declare function useFileUploadTemplateState({ options: templateColumnOptions, selectedValues: templateColumnSelections, onMenuPrimaryButtonClick: onTemplateMenuPrimaryClick, onTertiaryButtonClick: onTemplateMenuTertiaryClick, }: FileUploadTemplateProps): {
+    selected: string[];
+    hasTemplateOptions: boolean;
+    menuOptions: MenuOption[];
+    handleMenuSelectionChange: (items: string[]) => void;
+    handleMenuPrimaryClick: (selectedFileType: string) => void;
+    handleMenuTertiaryClick: () => void;
+};
+export {};
+//# sourceMappingURL=useFileUploadTemplateState.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useFileUploadTemplateState.d.ts","sourceRoot":"","sources":["../../../src/components/FileUpload/useFileUploadTemplateState.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAC1C,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAE1D,KAAK,uBAAuB,GAAG,IAAI,CACjC,eAAe,EACf,SAAS,GAAG,gBAAgB,GAAG,0BAA0B,GAAG,uBAAuB,CACpF,CAAC;AAEF,wBAAgB,0BAA0B,CAAC,EACzC,OAAO,EAAE,qBAAqB,EAC9B,cAAc,EAAE,wBAAwB,EACxC,wBAAwB,EAAE,0BAA0B,EACpD,qBAAqB,EAAE,2BAA2B,GACnD,EAAE,uBAAuB;;;;uCAmB8B,MAAM,EAAE;+CAKzC,MAAM;;EAkB5B"}

package/dist/components/FileUpload/useFileUploadTemplateState.js

@@ -0,0 +1,46 @@
+import { useState, useMemo, useEffect, useCallback } from "react";
+import { toCamelCaseLabels, toCamelCase } from "./fileUploadUtils.js";
+function useFileUploadTemplateState({
+  options: templateColumnOptions,
+  selectedValues: templateColumnSelections,
+  onMenuPrimaryButtonClick: onTemplateMenuPrimaryClick,
+  onTertiaryButtonClick: onTemplateMenuTertiaryClick
+}) {
+  const [selected, setSelected] = useState(
+    () => toCamelCaseLabels(templateColumnSelections)
+  );
+  const hasTemplateOptions = ((templateColumnOptions == null ? void 0 : templateColumnOptions.length) ?? 0) > 0;
+  const menuOptions = useMemo(() => {
+    if (!templateColumnOptions) return [];
+    return templateColumnOptions.map((item) => ({
+      label: item,
+      value: toCamelCase(item)
+    }));
+  }, [templateColumnOptions]);
+  useEffect(() => {
+    setSelected(toCamelCaseLabels(templateColumnSelections));
+  }, [templateColumnSelections]);
+  const handleMenuSelectionChange = useCallback((items) => {
+    setSelected(items);
+  }, []);
+  const handleMenuPrimaryClick = useCallback(
+    (selectedFileType) => {
+      onTemplateMenuPrimaryClick == null ? void 0 : onTemplateMenuPrimaryClick(selectedFileType, selected);
+    },
+    [onTemplateMenuPrimaryClick, selected]
+  );
+  const handleMenuTertiaryClick = useCallback(() => {
+    onTemplateMenuTertiaryClick == null ? void 0 : onTemplateMenuTertiaryClick(selected);
+  }, [onTemplateMenuTertiaryClick, selected]);
+  return {
+    selected,
+    hasTemplateOptions,
+    menuOptions,
+    handleMenuSelectionChange,
+    handleMenuPrimaryClick,
+    handleMenuTertiaryClick
+  };
+}
+export {
+  useFileUploadTemplateState
+};

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

@@ -1,4 +1,4 @@
-import { BaseComponentProps } from '../../types';
+import { RootComponentProps } from '../../types';
 
 export interface FilterTagValue {
     label: string;
@@ -23,7 +23,7 @@ export interface SavedFilterListOption {
     label: string;
     value: string;
 }
-export interface FiltersStripProps extends BaseComponentProps {
+export interface FiltersStripProps extends RootComponentProps {
     /** Currently selected saved filter label */
     selectedFilter?: string;
     /** Callback when saved filter selection changes */

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

@@ -7,7 +7,7 @@ export { AppliedFilters } from './AppliedFilters';
 /**
  * Horizontal strip with saved/recent filter dropdown and filter tags. Optional "All Filters" button.
  */
-export declare function FiltersStrip({ selectedFilter, setSelectedFilter, recentFilters, savedFiltersBadge, savedFilterLists, filterTags, handleBadgeChange, handleApplyFilter, handleCancelFilter, filterButtonLabel, filterButtonClick, filterButtonProps, hideSelectedFilterBadge, savedFilterSelectedBadge, handleSavedRecentFilterDropdown, filterDropDownLabel, className, 'data-testid': dataTestId, }: FiltersStripProps): import("react/jsx-runtime").JSX.Element;
+export declare function FiltersStrip({ selectedFilter, setSelectedFilter, recentFilters, savedFiltersBadge, savedFilterLists, filterTags, handleBadgeChange, handleApplyFilter, handleCancelFilter, filterButtonLabel, filterButtonClick, filterButtonProps, hideSelectedFilterBadge, savedFilterSelectedBadge, handleSavedRecentFilterDropdown, filterDropDownLabel, className, id, 'data-testid': dataTestId, 'aria-label': ariaLabel, role, }: FiltersStripProps): import("react/jsx-runtime").JSX.Element;
 export declare namespace FiltersStrip {
     var displayName: string;
 }

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,aAAa,EAAE,UAAU,GAC1B,EAAE,iBAAiB,2CA4GnB;yBA/He,YAAY"}
+{"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"}

package/dist/components/FiltersStrip/index.js

@@ -29,7 +29,10 @@ function FiltersStrip({
   },
   filterDropDownLabel,
   className,
-  "data-testid": dataTestId
+  id,
+  "data-testid": dataTestId,
+  "aria-label": ariaLabel = "Filters",
+  role = "region"
 }) {
   const [showSeparator, setShowSeparator] = useState(false);
   const [currDropShow, setCurrDropShow] = useState(null);
@@ -45,8 +48,11 @@ function FiltersStrip({
   return /* @__PURE__ */ jsxs(
     "div",
     {
+      "aria-label": ariaLabel,
       className: `impact-info-panel-container ${className ?? ""}`.trim(),
       "data-testid": dataTestId,
+      id,
+      role,
       children: [
         /* @__PURE__ */ jsxs("div", { className: "impact-info-panel-left-container", children: [
           hasDropDown && /* @__PURE__ */ jsxs(Fragment, { children: [

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

@@ -1,5 +1,5 @@
 import { ReactNode } from 'react';
-import { BaseComponentProps } from '../../types';
+import { RootComponentProps } from '../../types';
 import { AvatarProps } from '../Avatar/Avatar.types';
 
 /**
@@ -14,7 +14,7 @@ export interface HeaderDropMenuOption {
  * Header component props.
  * Avatar props can be extended via avatarProps; dropMenuOptions drive the avatar dropdown menu.
  */
-export interface HeaderProps extends BaseComponentProps {
+export interface HeaderProps extends RootComponentProps {
     /** Title shown next to the logo */
     title?: ReactNode;
     /** User name shown in avatar and default menu option */

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, 'data-testid': dataTestId, }: 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, 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,aAAa,EAAE,UAAU,GAC1B,EAAE,WAAW,2CAkIb;yBAxJe,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;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"}