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

package/dist/components/EmptyState/EmptyStateImage.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"EmptyStateImage.d.ts","sourceRoot":"","sources":["../../../src/components/EmptyState/EmptyStateImage.tsx"],"names":[],"mappings":"AAkBA;;;GAGG;AACH,wBAAgB,eAAe,4CA6C9B"}
+{"version":3,"file":"EmptyStateImage.d.ts","sourceRoot":"","sources":["../../../src/components/EmptyState/EmptyStateImage.tsx"],"names":[],"mappings":"AAkBA;;GAEG;AACH,wBAAgB,eAAe,4CA2B9B"}

package/dist/components/EmptyState/EmptyStateImage.js

@@ -1,46 +1,25 @@
 import { jsx } from "react/jsx-runtime";
 import { useState, useEffect } from "react";
-const loadIllustrationUrl = /* @__PURE__ */ Object.assign({
-  "../../assets/webp/emptyState1.webp": () => import("../../assets/webp/emptyState1.webp.js").then((m) => m["default"]),
-  "../../assets/webp/emptyState2.webp": () => import("../../assets/webp/emptyState2.webp.js").then((m) => m["default"]),
-  "../../assets/webp/emptyState3.webp": () => import("../../assets/webp/emptyState3.webp.js").then((m) => m["default"]),
-  "../../assets/webp/emptyState4.webp": () => import("../../assets/webp/emptyState4.webp.js").then((m) => m["default"]),
-  "../../assets/webp/emptyState5.webp": () => import("../../assets/webp/emptyState5.webp.js").then((m) => m["default"]),
-  "../../assets/webp/emptyState6.webp": () => import("../../assets/webp/emptyState6.webp.js").then((m) => m["default"])
-});
-function sortedEmptyStateKeys(loaders) {
-  return Object.keys(loaders).sort((a, b) => {
-    var _a, _b;
-    const na = Number(((_a = /emptyState(\d+)\.webp/i.exec(a)) == null ? void 0 : _a[1]) ?? 0);
-    const nb = Number(((_b = /emptyState(\d+)\.webp/i.exec(b)) == null ? void 0 : _b[1]) ?? 0);
-    return na - nb;
-  });
+import { getAssetUrl } from "../../utils/assetBase.js";
+const EMPTY_STATE_WEBP_PATHS = [
+  "images/emptyState1.webp",
+  "images/emptyState2.webp",
+  "images/emptyState3.webp",
+  "images/emptyState4.webp",
+  "images/emptyState5.webp",
+  "images/emptyState6.webp"
+].map((f) => getAssetUrl(f));
+function pickRandomUrl(urls) {
+  if (urls.length === 0) return null;
+  return urls[Math.floor(Math.random() * urls.length)] ?? null;
 }
-const emptyStateKeys = sortedEmptyStateKeys(loadIllustrationUrl);
 function EmptyStateImage() {
   const [src, setSrc] = useState(null);
   useEffect(() => {
-    if (emptyStateKeys.length === 0) {
-      return;
+    const url = pickRandomUrl(EMPTY_STATE_WEBP_PATHS);
+    if (url != null) {
+      setSrc(url);
     }
-    let cancelled = false;
-    const randomIndex = Math.floor(Math.random() * emptyStateKeys.length);
-    const key = emptyStateKeys.at(randomIndex);
-    if (key == null) {
-      return;
-    }
-    const loader = loadIllustrationUrl[key];
-    if (loader == null) {
-      return;
-    }
-    void loader().then((url) => {
-      if (!cancelled) {
-        setSrc(url);
-      }
-    });
-    return () => {
-      cancelled = true;
-    };
   }, []);
   if (src == null) {
     return /* @__PURE__ */ jsx("div", { className: "impact_emptystate_placeholder", style: { width: 225, height: 150 } });
@@ -49,11 +28,14 @@ function EmptyStateImage() {
     "img",
     {
       alt: "",
+      decoding: "async",
       height: 150,
+      loading: "eager",
       role: "presentation",
       src,
       style: { objectFit: "contain" },
-      width: 225
+      width: 225,
+      ...{ fetchPriority: "high" }
     }
   );
 }

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

@@ -1,10 +1,9 @@
 import { EmptyStateProps } from './EmptyState.types';
 
-export type { EmptyStateProps } from './EmptyState.types';
 /**
  * Empty state placeholder with optional heading, description, and primary/secondary actions.
  */
-export declare function EmptyState({ heading, description, secondaryButtonLabel, onSecondaryButtonClick, primaryButtonLabel, onPrimaryButtonClick, emptyStateIcon, emptyStateBottomOptions, primaryButtonProps, secondaryButtonProps, className, 'data-testid': dataTestId, }: EmptyStateProps): import("react/jsx-runtime").JSX.Element;
+export declare function EmptyState({ heading, description, secondaryButtonLabel, onSecondaryButtonClick, primaryButtonLabel, onPrimaryButtonClick, emptyStateIcon, emptyStateBottomOptions, primaryButtonProps, secondaryButtonProps, className, id, 'data-testid': dataTestId, 'aria-label': ariaLabel, role, }: EmptyStateProps): import("react/jsx-runtime").JSX.Element;
 export declare namespace EmptyState {
     var displayName: string;
 }

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/EmptyState/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAC1D,OAAO,0BAA0B,CAAC;AAElC,YAAY,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAE1D;;GAEG;AACH,wBAAgB,UAAU,CAAC,EACzB,OAAO,EACP,WAAgB,EAChB,oBAAoB,EACpB,sBAAsB,EACtB,kBAAkB,EAClB,oBAAoB,EACpB,cAAqB,EACrB,uBAA8B,EAC9B,kBAAuB,EACvB,oBAAyB,EACzB,SAAc,EACd,aAAa,EAAE,UAAU,GAC1B,EAAE,eAAe,2CA4BjB;yBAzCe,UAAU"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/EmptyState/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAC1D,OAAO,0BAA0B,CAAC;AAElC;;GAEG;AACH,wBAAgB,UAAU,CAAC,EACzB,OAAO,EACP,WAAgB,EAChB,oBAAoB,EACpB,sBAAsB,EACtB,kBAAkB,EAClB,oBAAoB,EACpB,cAAqB,EACrB,uBAA8B,EAC9B,kBAAuB,EACvB,oBAAyB,EACzB,SAAc,EACd,EAAE,EACF,aAAa,EAAE,UAAU,EACzB,YAAY,EAAE,SAAyB,EACvC,IAAe,GAChB,EAAE,eAAe,2CAkCjB;yBAlDe,UAAU"}

package/dist/components/EmptyState/index.js

@@ -1,7 +1,8 @@
+!function(){"use strict";try{if("undefined"!=typeof document){var t=document.createElement("style");t.appendChild(document.createTextNode(".impact_emptystate{align-items:center;background-color:#fff;border:1px solid #ebebf0;border-radius:12px;box-sizing:border-box;display:flex;flex-direction:column;height:auto;justify-content:center;margin:0 auto;padding:40px 20px;text-align:center;width:884px}.impact_emptystate .impact_center_svg{align-items:center;display:flex;height:150px;justify-content:center;margin-bottom:12px;min-height:180px;overflow:hidden;position:relative;width:225px}.impact_emptystate .impact_center_svg_with_icon{background:none!important;min-height:180px}.impact_emptystate .impact_heading{color:#1f2b4d;font-size:20px;font-weight:700;margin-bottom:16px}.impact_emptystate .impact_paragraph{color:#5f6673;font-size:16px;font-weight:500;line-height:21px;margin-bottom:40px;margin-top:12px;text-align:center;width:650px}.impact_emptystate .bottom_cta_container{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:center}.impact_emptystate .bottom_cta_container .primary_btn{border:none;border-radius:8px}.impact_emptystate .bottom_cta_container .primary_btn,.impact_emptystate .bottom_cta_container .secondary_btn{box-sizing:border-box;cursor:pointer;font-size:14px;font-weight:500;height:32px;line-height:20px;padding:6px 12px;text-transform:capitalize}.impact_emptystate .bottom_cta_container .secondary_btn{background:#fff;border:1px solid #c3c8d4;border-radius:8px;color:#1f2b4d}")),document.head.appendChild(t)}}catch(e){console.error("vite-plugin-css-injected-by-js",e)}}();
 import { jsxs, jsx } from "react/jsx-runtime";
 import { Button } from "../Button/index.js";
 import { EmptyStateImage } from "./EmptyStateImage.js";
-/* empty css                       */
+
 function EmptyState({
   heading,
   description = "",
@@ -14,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/fileUploadAssets.loader.d.ts

@@ -1,7 +1,5 @@
 /**
- * Dynamic asset loader for FileUpload.
- * Using dynamic import() moves all SVG assets into a separate async chunk,
- * so the main FileUpload entry stays small and assets load only when the component is used.
+ * Asset URLs for FileUpload (GCP-backed static asset CDN).
  */
 export interface FileUploadAssets {
     csvIconUrl: string;

package/dist/components/FileUpload/fileUploadAssets.loader.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"fileUploadAssets.loader.d.ts","sourceRoot":"","sources":["../../../src/components/FileUpload/fileUploadAssets.loader.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AACH,MAAM,WAAW,gBAAgB;IAC/B,UAAU,EAAE,MAAM,CAAC;IACnB,SAAS,EAAE,MAAM,CAAC;IAClB,YAAY,EAAE,MAAM,CAAC;IACrB,gBAAgB,EAAE,MAAM,CAAC;IACzB,kBAAkB,EAAE,MAAM,CAAC;IAC3B,oBAAoB,EAAE,MAAM,CAAC;IAC7B,eAAe,EAAE,MAAM,CAAC;IACxB,sBAAsB,EAAE,MAAM,CAAC;IAC/B,mBAAmB,EAAE,MAAM,CAAC;IAC5B,WAAW,EAAE,MAAM,CAAC;IACpB,eAAe,EAAE,MAAM,CAAC;IACxB,eAAe,EAAE,MAAM,CAAC;IACxB,kBAAkB,EAAE,MAAM,CAAC;CAC5B;AAID,wBAAgB,oBAAoB,IAAI,OAAO,CAAC,gBAAgB,CAAC,CAkDhE"}
+{"version":3,"file":"fileUploadAssets.loader.d.ts","sourceRoot":"","sources":["../../../src/components/FileUpload/fileUploadAssets.loader.ts"],"names":[],"mappings":"AAEA;;GAEG;AACH,MAAM,WAAW,gBAAgB;IAC/B,UAAU,EAAE,MAAM,CAAC;IACnB,SAAS,EAAE,MAAM,CAAC;IAClB,YAAY,EAAE,MAAM,CAAC;IACrB,gBAAgB,EAAE,MAAM,CAAC;IACzB,kBAAkB,EAAE,MAAM,CAAC;IAC3B,oBAAoB,EAAE,MAAM,CAAC;IAC7B,eAAe,EAAE,MAAM,CAAC;IACxB,sBAAsB,EAAE,MAAM,CAAC;IAC/B,mBAAmB,EAAE,MAAM,CAAC;IAC5B,WAAW,EAAE,MAAM,CAAC;IACpB,eAAe,EAAE,MAAM,CAAC;IACxB,eAAe,EAAE,MAAM,CAAC;IACxB,kBAAkB,EAAE,MAAM,CAAC;CAC5B;AAID,wBAAgB,oBAAoB,IAAI,OAAO,CAAC,gBAAgB,CAAC,CAkBhE"}

package/dist/components/FileUpload/fileUploadAssets.loader.js

@@ -1,54 +1,23 @@
+import { getAssetUrl } from "../../utils/assetBase.js";
 let cached = null;
 function loadFileUploadAssets() {
   if (cached) return Promise.resolve(cached);
-  return Promise.all([
-    import("../../assets/csv-icon.svg.js"),
-    import("../../assets/downArrow.svg.js"),
-    import("../../assets/excel-icon.svg.js"),
-    import("../../assets/failed-csv-icon.svg.js"),
-    import("../../assets/failed-excel-icon.svg.js"),
-    import("../../assets/file-upload-error.svg.js"),
-    import("../../assets/file-upload.svg.js"),
-    import("../../assets/fileUploadDownloadIcon.svg.js"),
-    import("../../assets/fileUploadRetryIcon.svg.js"),
-    import("../../assets/text-icon.svg.js"),
-    import("../../assets/upload-close-icon.svg.js"),
-    import("../../assets/upload-pause-icon.svg.js"),
-    import("../../assets/uploadDownloadIcon.svg.js")
-  ]).then(
-    ([
-      csv,
-      downArrow,
-      excel,
-      failedCsv,
-      failedExcel,
-      fileUploadError,
-      fileUpload,
-      fileUploadDownload,
-      fileUploadRetry,
-      text,
-      uploadClose,
-      uploadPause,
-      uploadDownload
-    ]) => {
-      cached = {
-        csvIconUrl: csv.default,
-        downArrow: downArrow.default,
-        excelIconUrl: excel.default,
-        failedCsvIconUrl: failedCsv.default,
-        failedExcelIconUrl: failedExcel.default,
-        fileUploadErrorBgUrl: fileUploadError.default,
-        fileUploadBgUrl: fileUpload.default,
-        fileUploadDownloadIcon: fileUploadDownload.default,
-        fileUploadRetryIcon: fileUploadRetry.default,
-        textIconUrl: text.default,
-        uploadCloseIcon: uploadClose.default,
-        uploadPauseIcon: uploadPause.default,
-        uploadDownloadIcon: uploadDownload.default
-      };
-      return cached;
-    }
-  );
+  cached = {
+    csvIconUrl: getAssetUrl("icons/csv-icon.svg"),
+    downArrow: getAssetUrl("icons/downArrow.svg"),
+    excelIconUrl: getAssetUrl("icons/excel-icon.svg"),
+    failedCsvIconUrl: getAssetUrl("icons/failed-csv-icon.svg"),
+    failedExcelIconUrl: getAssetUrl("icons/failed-excel-icon.svg"),
+    fileUploadErrorBgUrl: getAssetUrl("icons/file-upload-error.svg"),
+    fileUploadBgUrl: getAssetUrl("icons/file-upload.svg"),
+    fileUploadDownloadIcon: getAssetUrl("icons/deleteIcon.svg"),
+    fileUploadRetryIcon: getAssetUrl("icons/fileUploadRetryIcon.svg"),
+    textIconUrl: getAssetUrl("icons/text-icon.svg"),
+    uploadCloseIcon: getAssetUrl("icons/upload-close-icon.svg"),
+    uploadPauseIcon: getAssetUrl("icons/upload-pause-icon.svg"),
+    uploadDownloadIcon: getAssetUrl("icons/uploadDownloadIcon.svg")
+  };
+  return Promise.resolve(cached);
 }
 export {
   loadFileUploadAssets

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"}