@bynder/compact-view 5.2.2 → 5.2.4

package/Dropdown.js

@@ -1,72 +1,72 @@
-import { jsxs as c, Fragment as w, jsx as i } from "react/jsx-runtime";
-import { useState as h, useRef as D, useMemo as $ } from "react";
+import { jsxs as d, Fragment as h, jsx as o } from "react/jsx-runtime";
+import { useState as D, useRef as $, useMemo as v } from "react";
 import r from "./styled-components.browser.esm.js";
-import { Button as v } from "./Button.js";
-import { token as x } from "./token.js";
-import { DropdownContent as C } from "./DropdownContent.js";
-import { useAssetFilter as A } from "./AssetFilterContext.js";
-function O({
+import { Button as x } from "./Button.js";
+import { token as C } from "./token.js";
+import { DropdownContent as A } from "./DropdownContent.js";
+import { useAssetFilterStore as b } from "./useAssetFilterStore.js";
+function R({
   buttonKind: t = "clean",
-  direction: l = "Down",
-  isSmall: m,
-  fadeIn: f,
-  isMetapropertyDropdown: u,
+  direction: c = "Down",
+  isSmall: l,
+  fadeIn: m,
+  isMetapropertyDropdown: f,
   ...n
 }) {
-  const a = A(), s = b(), [e, p] = h(!1), d = D(null), o = () => {
-    p((g) => !g), a.setDropdownState(!a.isDropdownActive);
+  const { setDropdownState: u, isDropdownActive: p } = b(), a = I(), [e, g] = D(!1), s = $(null), i = () => {
+    g((w) => !w), u(!p);
   };
-  return /* @__PURE__ */ c(w, { children: [
-    /* @__PURE__ */ i(I, { $fadeIn: !!f, children: /* @__PURE__ */ c(
-      v,
+  return /* @__PURE__ */ d(h, { children: [
+    /* @__PURE__ */ o(S, { $fadeIn: !!m, children: /* @__PURE__ */ d(
+      x,
       {
         variant: t,
-        isSmall: m,
-        onClick: o,
-        ref: d,
+        isSmall: l,
+        onClick: i,
+        ref: s,
         isDisabled: n.disabled,
         isPressed: e,
         "aria-haspopup": !0,
         "aria-expanded": e,
-        "aria-controls": s,
+        "aria-controls": a,
         "data-testid": "button",
         children: [
-          /* @__PURE__ */ i(k, { title: n.alt, children: n.title }),
-          /* @__PURE__ */ i(S, { $active: e, className: "fa fa-caret-down" })
+          /* @__PURE__ */ o(P, { title: n.alt, children: n.title }),
+          /* @__PURE__ */ o(k, { $active: e, className: "fa fa-caret-down" })
         ]
       }
     ) }),
-    e && /* @__PURE__ */ i(
-      C,
+    e && /* @__PURE__ */ o(
+      A,
       {
         isPaddingContent: n.isPaddingContent,
-        onClickOutside: o,
-        direction: l,
-        target: d,
-        id: s,
-        isMetapropertyDropdown: u,
-        children: n.children(o)
+        onClickOutside: i,
+        direction: c,
+        target: s,
+        id: a,
+        isMetapropertyDropdown: f,
+        children: n.children(i)
       }
     )
   ] });
 }
-function b() {
-  return $(
+function I() {
+  return v(
     () => `dropdownmenu-${Date.now()}-${Math.random().toString(36).substring(2)}`,
     []
   );
 }
-const I = r.div`
+const S = r.div`
 	text-transform: inherit;
 	${(t) => t.$fadeIn ? "animation: var(--fade-in-down);" : ""}
-`, S = r.i`
-	margin-left: ${x.spacing3};
+`, k = r.i`
+	margin-left: ${C.spacing3};
 	transition: transform 200ms;
 	${(t) => t.$active ? "transform: rotate(180deg);" : ""}
-`, k = r.span`
+`, P = r.span`
 	display: inline-flex;
 	align-items: center;
 `;
 export {
-  O as Dropdown
+  R as Dropdown
 };

package/Dropdown2.js

@@ -1,6 +1,6 @@
 import { jsx as g, jsxs as P } from "react/jsx-runtime";
 import { useReducer as B, useRef as y, useEffect as I, useCallback as F, useMemo as W } from "react";
-import { useLayer as j, mergeRefs as O } from "react-laag";
+import { useLayer as j, mergeRefs as O } from "./react-laag.esm.js";
 import { useKeyDown as n } from "./useKeyDown.js";
 import { useId as K } from "./useId.js";
 import { Arrow as N } from "./Arrow.js";

package/DropdownListItem.js

@@ -1,7 +1,7 @@
 import { jsx as n, jsxs as e } from "react/jsx-runtime";
 import r from "./styled-components.browser.esm.js";
 import { token as o } from "./token.js";
-import { IconCheck as a } from "./index4.js";
+import { IconCheck as a } from "./index3.js";
 function m({ selected: i = !1, ...t }) {
   return /* @__PURE__ */ n("li", { children: /* @__PURE__ */ e(
     c,

package/FieldSelect.js

@@ -1,43 +1,45 @@
 import { jsx as r, jsxs as m } from "react/jsx-runtime";
 import t from "./styled-components.browser.esm.js";
 import { token as l } from "./token.js";
-import { Dropdown as f } from "./Dropdown.js";
+import { Dropdown as p } from "./Dropdown.js";
 import { __ as i } from "./index2.js";
-import { useOrderingByPage as p } from "./useOrderingStore.js";
+import { useOrderingByPage as f } from "./useOrderingStore.js";
 import { useRouterSelectors as g } from "./useRouterStore.js";
 import { DropdownListItem as u } from "./DropdownListItem.js";
-function $({ options: e }) {
-  const d = g.use.page(), [o, a] = p(d.page), s = {
+function R({ options: e }) {
+  const d = g.use.page(), [n, a] = f(d.page), s = {
     CREATED_AT: i("Date added"),
     NAME: i("Name"),
     PUBLISHED_AT: i("Date published"),
     UPDATED_AT: i("Date modified"),
     NL_SEARCH: i("Similarity")
   };
-  return /* @__PURE__ */ r(b, { children: /* @__PURE__ */ r(
-    f,
+  return /* @__PURE__ */ r(A, { children: /* @__PURE__ */ r(
+    p,
     {
       title: /* @__PURE__ */ r(
         D,
         {
           stringOfFieldMap: s,
-          orderingField: e[0] === "NL_SEARCH" ? e[0] : o.field
+          orderingField: e[0] === "NL_SEARCH" ? e[0] : n.field
         }
       ),
       alt: i("Order by"),
       isPaddingContent: !0,
       disabled: e[0] === "NL_SEARCH",
-      children: (c) => /* @__PURE__ */ r(S, { children: e.map((n) => /* @__PURE__ */ r(
-        h,
+      "data-testid": "order-by-field-dropdown",
+      children: (c) => /* @__PURE__ */ r(S, { children: e.map((o) => /* @__PURE__ */ r(
+        b,
         {
-          selected: o.field === n,
+          selected: n.field === o,
           onClick: () => {
-            a({ field: n, direction: o.direction }), c();
+            a({ field: o, direction: n.direction }), c();
           },
           isFieldSelect: !0,
-          children: /* @__PURE__ */ r(A, { children: s[n] })
+          "data-testid": "order-by-option",
+          children: /* @__PURE__ */ r(h, { children: s[o] })
         },
-        s[n]
+        s[o]
       )) })
     }
   ) });
@@ -53,14 +55,14 @@ const S = t.ul`
 	margin: 0;
 	padding: 0;
 	list-style: none;
-`, h = t(u)`
+`, b = t(u)`
 	font-size: ${l.fontSize75};
-`, A = t.span`
+`, h = t.span`
 	flex-grow: 1;
 	min-width: 96px;
 	padding: ${l.spacing3} 0;
 	font-size: ${l.fontSize75};
-`, b = t.div`
+`, A = t.div`
 	margin-left: auto;
 	border-radius: 5px 0 0 5px;
 	border: 1px solid #d9dee1;
@@ -69,5 +71,5 @@ const S = t.ul`
 	color: ${(e) => e.$isDisabled ? "rgba(0, 34, 51, 0.5)" : "#212c40"};
 `;
 export {
-  $ as FieldSelect
+  R as FieldSelect
 };

package/FileSelector.js

@@ -1,7 +1,7 @@
 import { jsxs as p, jsx as n, Fragment as B } from "react/jsx-runtime";
 import { useState as k, useRef as U, useEffect as I } from "react";
 import a from "./styled-components.browser.esm.js";
-import { IconCrop as E, IconAspectRatioOutline as R, IconImage as j } from "./index4.js";
+import { IconCrop as E, IconAspectRatioOutline as R, IconImage as j } from "./index3.js";
 import { Badge as N } from "./Badge.js";
 import { token as o } from "./token.js";
 import "./AssetCard.js";
@@ -34,9 +34,9 @@ import { convertAssetIdToBase64 as ne } from "./base64Converter.js";
 import { useDat as oe } from "./useDatStore.js";
 import { useSimilaritySearchStore as se } from "./useSimilaritySearchStore.js";
 async function ae(s) {
-  const { asset: m, auth: i, assetFieldSelection: f, noCache: v, isSimilaritySelected: u } = s, d = await X({
+  const { asset: m, auth: t, assetFieldSelection: f, noCache: v, isSimilaritySelected: u } = s, d = await X({
     assetId: u ? ne(m.id) : m.id,
-    auth: i,
+    auth: t,
     assetFieldSelection: f,
     noCache: v
   });
@@ -48,7 +48,7 @@ async function ae(s) {
 }
 const A = "Custom transformation", c = "adaptiveVideo";
 function et({ asset: s, onChange: m }) {
-  const [i, f] = k({ status: "Loading" }), [v, u] = k(!1), d = U(null), w = q(), { isSelected: S, NLSSearchText: O, isNLSSelected: z } = se(), {
+  const [t, f] = k({ status: "Loading" }), [v, u] = k(!1), d = U(null), w = q(), { isSelected: S, NLSSearchText: O, isNLSSelected: z } = se(), {
     assetFieldSelection: b,
     noCache: F,
     defaultImageDerivativeName: D,
@@ -56,27 +56,27 @@ function et({ asset: s, onChange: m }) {
     __shouldAddOriginal__: K
   } = Y(), { transformation: h } = oe();
   I(() => {
-    if (h?.url && i.status === "Data") {
-      const t = h.url !== i.files?.transformBaseUrl?.url;
-      y(t ? A : "transformBaseUrl");
+    if (h?.url && t.status === "Data") {
+      const i = h.url !== t.files?.transformBaseUrl?.url;
+      y(i ? A : "transformBaseUrl");
     }
-  }, [h]), I(() => {
-    i.status === "Data" && i.key !== c && u(!1);
-  }, [i]), I(() => {
+  }, [h, t.status]), I(() => {
+    t.status === "Data" && t.key !== c && u(!1);
+  }, [t]), I(() => {
     s.id && (f({ status: "Loading" }), m(void 0), ae({
       asset: s,
       auth: w,
       assetFieldSelection: b,
       noCache: F,
       isSimilaritySelected: S || !!O && z
-    }).then((t) => {
-      if (G(t)) {
-        M.error(t.error), f({ status: "Failure" });
+    }).then((i) => {
+      if (G(i)) {
+        M.error(i.error), f({ status: "Failure" });
         return;
       }
-      const { files: r, streamingLinks: e } = t.value;
+      const { files: r, streamingLinks: e } = i.value;
       K && !("original" in r) && (r.original = {
-        url: t.value.databaseId,
+        url: i.value.databaseId,
         isFakeOriginal: !0
       }), e && Object.keys(e).length > 0 && (r[c] = {
         url: "Adaptive video"
@@ -93,49 +93,50 @@ function et({ asset: s, onChange: m }) {
       }), m(l === c && e ? { url: e[g] } : r[l]);
     }));
   }, [s.id, w, b]);
-  function y(t, r) {
+  function y(i, r) {
     f((e) => {
       if (e.status !== "Data")
         return e;
-      const C = { ...e, key: t };
+      const C = { ...e, key: i };
       let l;
-      if (t === A && h)
+      if (i === A && h)
         l = { url: h.url };
-      else if (t === c) {
+      else if (i === c) {
         const g = r || e.selectedAdaptiveKey;
         g && e.streamingLinks && (l = { url: e.streamingLinks[g] }, C.selectedAdaptiveKey = g, u(!r));
       } else
-        l = e.files[t];
+        l = e.files[i];
       return setTimeout(() => m(l)), C;
     });
   }
-  const _ = (t) => {
-    if (i.status === "Data")
-      return i.key === t;
+  const _ = (i) => {
+    if (t.status === "Data")
+      return t.key === i;
   };
   return /* @__PURE__ */ p(de, { children: [
     /* @__PURE__ */ n(
       V,
       {
-        title: /* @__PURE__ */ n(le, { state: i }),
+        title: /* @__PURE__ */ n(le, { state: t }),
         buttonKind: "secondary",
         isPaddingContent: !0,
         direction: "Up",
-        disabled: i.status === "Loading",
-        children: (t) => i.status === "Data" && /* @__PURE__ */ p(L, { children: [
-          Object.entries(i.files).map(([r, e]) => /* @__PURE__ */ p(
+        disabled: t.status === "Loading",
+        children: (i) => t.status === "Data" && /* @__PURE__ */ p(L, { children: [
+          Object.entries(t.files).map(([r, e]) => /* @__PURE__ */ p(
             $,
             {
               selected: _(r),
               onClick: () => {
-                y(r), r !== c && t();
+                y(r), r !== c && i();
               },
+              "data-testid": "file-format-option",
               children: [
                 /* @__PURE__ */ n(me, { "data-testid": "file-extension", children: r === "transformBaseUrl" ? /* @__PURE__ */ n(pe, {}) : ee(e.url) ?? /* @__PURE__ */ n(fe, {}) }),
                 /* @__PURE__ */ p(ue, { children: [
                   /* @__PURE__ */ p(ge, { children: [
                     T(r),
-                    r === c && i.selectedAdaptiveKey && /* @__PURE__ */ n(we, { children: /* @__PURE__ */ n(N, { isSmall: !0, color: "black-alpha", children: i.selectedAdaptiveKey.toUpperCase() }) })
+                    r === c && t.selectedAdaptiveKey && /* @__PURE__ */ n(we, { children: /* @__PURE__ */ n(N, { isSmall: !0, color: "black-alpha", children: t.selectedAdaptiveKey.toUpperCase() }) })
                   ] }),
                   /* @__PURE__ */ p(he, { children: [
                     e.width && e.height && `${e.width} x ${e.height} px`,
@@ -150,15 +151,15 @@ function et({ asset: s, onChange: m }) {
           /* @__PURE__ */ n(
             re,
             {
-              transformBaseUrl: i.files?.transformBaseUrl?.url,
-              toggleDropdown: t,
+              transformBaseUrl: t.files?.transformBaseUrl?.url,
+              toggleDropdown: i,
               asset: s
             }
           )
         ] })
       }
     ),
-    i.status === "Data" && i.key === c && /* @__PURE__ */ n(ve, { ref: d, children: v && /* @__PURE__ */ n(
+    t.status === "Data" && t.key === c && /* @__PURE__ */ n(ve, { ref: d, children: v && /* @__PURE__ */ n(
       H,
       {
         isPaddingContent: !0,
@@ -167,14 +168,14 @@ function et({ asset: s, onChange: m }) {
         target: d,
         "data-testid": "streaming-links-dropdown",
         id: "streaming-links-dropdown",
-        children: /* @__PURE__ */ n(L, { children: Object.keys(i.streamingLinks || {}).map((t) => /* @__PURE__ */ n(
+        children: /* @__PURE__ */ n(L, { children: Object.keys(t.streamingLinks || {}).map((i) => /* @__PURE__ */ n(
           $,
           {
-            selected: i.selectedAdaptiveKey === t,
-            onClick: () => y(c, t),
-            children: t.toUpperCase()
+            selected: t.selectedAdaptiveKey === i,
+            onClick: () => y(c, i),
+            children: i.toUpperCase()
           },
-          t
+          i
         )) })
       }
     ) })

package/FontPicker.js

@@ -1,7 +1,7 @@
 import { jsxs as d, Fragment as z, jsx as l } from "react/jsx-runtime";
 import { useId as L, useState as A, useMemo as H, useEffect as v, useCallback as x } from "react";
 import { produce as J } from "./immer.js";
-import { useTranslate as K, Translate as u } from "./index6.js";
+import { useTranslate as K, Translate as u } from "./index12.js";
 import { Form as b } from "./Form.js";
 import { Select as i } from "./Select.js";
 import { useFonts as O } from "./useFonts.js";

package/Form.js

@@ -1,5 +1,5 @@
 import { jsx as t } from "react/jsx-runtime";
-import { IconError as e } from "./index4.js";
+import { IconError as e } from "./index3.js";
 import { Group as f } from "./Group.js";
 import { HelperText as i } from "./HelperText.js";
 import { Label as n } from "./Label.js";

package/Header.js

@@ -1,7 +1,7 @@
-import { jsxs as a, Fragment as r, jsx as t } from "react/jsx-runtime";
-import { __ as e } from "./index2.js";
+import { jsxs as a, Fragment as e, jsx as t } from "react/jsx-runtime";
+import { __ as l } from "./index2.js";
 function n() {
-  return /* @__PURE__ */ a(r, { children: [
+  return /* @__PURE__ */ a(e, { children: [
     /* @__PURE__ */ t(
       "svg",
       {
@@ -31,7 +31,8 @@ function n() {
       {
         className: "text-xl mb-2",
         style: { fontSize: 20, margin: 0, marginBottom: 8, fontWeight: 400 },
-        children: e("Connect your brand portal")
+        "data-testid": "connect-portal-title",
+        children: l("Connect your brand portal")
       }
     )
   ] });

package/HttpStatusCode.js

@@ -61,7 +61,13 @@ const e = {
   InsufficientStorage: 507,
   LoopDetected: 508,
   NotExtended: 510,
-  NetworkAuthenticationRequired: 511
+  NetworkAuthenticationRequired: 511,
+  WebServerIsDown: 521,
+  ConnectionTimedOut: 522,
+  OriginIsUnreachable: 523,
+  TimeoutOccurred: 524,
+  SslHandshakeFailed: 525,
+  InvalidSslCertificate: 526
 };
 Object.entries(e).forEach(([t, o]) => {
   e[o] = t;

package/InfiniteScroll.js

@@ -1,6 +1,6 @@
 import { jsxs as r, Fragment as o, jsx as t } from "react/jsx-runtime";
 import { useEffect as a } from "react";
-import { useInView as f } from "react-intersection-observer";
+import { useInView as f } from "./index23.js";
 import l from "./styled-components.browser.esm.js";
 import { Spinner as s } from "./Spinner.js";
 function u(e) {

package/InlineBanner.js

@@ -1,6 +1,6 @@
 import { jsxs as s, jsx as r } from "react/jsx-runtime";
 import n, { css as e } from "./styled-components.browser.esm.js";
-import { IconError as u, IconWarning as m, IconInfo as v } from "./index4.js";
+import { IconError as u, IconWarning as m, IconInfo as v } from "./index3.js";
 import { textStyles as l } from "./textStyles.js";
 import { token as o } from "./token.js";
 const f = {

package/Input.js

@@ -1,6 +1,6 @@
 import { jsxs as s, jsx as a } from "react/jsx-runtime";
 import { forwardRef as Y, useState as _, useRef as D } from "react";
-import { IconShow as aa, IconHide as ea, IconClear as ta } from "./index4.js";
+import { IconShow as aa, IconHide as ea, IconClear as ta } from "./index3.js";
 import { InputWrapper as na, LeftItems as ra, IconLeftContainer as ia, PrefixContainer as oa, InputStyled as sa, RightItems as la, SuffixContainer as da, ClearButton as ca, IconRightContainer as pa } from "./Input.styles.js";
 import { InteractiveIcon as ua } from "./InteractiveIcon.js";
 import { useTranslate as fa } from "./useTranslate.js";

package/InterceptorManager.js

@@ -8,6 +8,7 @@ class a {
    *
    * @param {Function} fulfilled The function to handle `then` for a `Promise`
    * @param {Function} rejected The function to handle `reject` for a `Promise`
+   * @param {Object} options The options for the interceptor, synchronous and runWhen
    *
    * @return {Number} An ID used to remove interceptor later
    */
@@ -24,7 +25,7 @@ class a {
    *
    * @param {Number} id The ID that was returned by `use`
    *
-   * @returns {Boolean} `true` if the interceptor was removed, `false` otherwise
+   * @returns {void}
    */
   eject(s) {
     this.handlers[s] && (this.handlers[s] = null);

package/Item.js

@@ -1,17 +1,17 @@
 import { jsxs as C, jsx as o } from "react/jsx-runtime";
-import L, { forwardRef as j } from "react";
+import L, { forwardRef as _ } from "react";
 import a, { css as l } from "./styled-components.browser.esm.js";
-import { useFocusRing as O } from "./useFocusRing.js";
+import { useFocusRing as j } from "./useFocusRing.js";
 import { textStyles as T } from "./textStyles.js";
 import { token as e } from "./token.js";
 import { Checkbox as w } from "./Checkbox.js";
-import { Thumbnail as B } from "./Thumbnail.js";
-import { useId as M } from "./useId.js";
+import { Thumbnail as O } from "./Thumbnail.js";
+import { useId as B } from "./useId.js";
 import { Switch as $ } from "./Switch.js";
 import { TruncatedText as I } from "./TruncatedText.js";
-import { useItemDragAndDropContext as _ } from "./context10.js";
+import { useItemDragAndDropContext as M } from "./context10.js";
 import { makeInternalTokens as q } from "./makeInternalTokens.js";
-const me = j(({
+const me = _(({
   children: i,
   subtext: u,
   switchProps: d,
@@ -25,10 +25,10 @@ const me = j(({
   isIndeterminateCheckbox: S = !1,
   ...A
 }, R) => {
-  const m = M("list-item-label"), {
+  const m = B("list-item-label"), {
     isFocusVisible: N,
     focusProps: z
-  } = O(), h = _(), x = L.useRef(null), E = d?.onChange ? "" : $.pointerEventsClassname, F = [w.pointerEventsClassname, E, B.pointerEventsClassname].join(" "), g = typeof s == "function", K = c === "switch" && !!d?.onChange, k = g && !!c && !K, p = g && !r && !k;
+  } = j(), h = M(), x = L.useRef(null), E = d?.onChange ? "" : $.pointerEventsClassname, F = [w.pointerEventsClassname, E, O.pointerEventsClassname].join(" "), g = typeof s == "function", K = c === "switch" && !!d?.onChange, k = g && !!c && !K, p = g && !r && !k;
   function P(t) {
     t.key !== "ArrowDown" && t.key !== "ArrowUp" && t.key !== "ArrowLeft" && t.key !== "ArrowRight" && t.stopPropagation();
   }

package/Item4.js

@@ -3,8 +3,8 @@ import { useState as F, useContext as V, useEffect as C } from "react";
 import s, { css as H } from "./styled-components.browser.esm.js";
 import { useHover as ee } from "./useHover.js";
 import { useFocusRing as oe } from "./useFocusRing.js";
-import { useLayer as ne } from "react-laag";
-import { IconCheck as te, IconArrowRight as re } from "./index4.js";
+import { useLayer as ne } from "./react-laag.esm.js";
+import { IconCheck as te, IconArrowRight as re } from "./index3.js";
 import { textStyles as ie } from "./textStyles.js";
 import { token as e } from "./token.js";
 import { Checkbox as A } from "./Checkbox.js";

package/LeftArrow.js

@@ -1,6 +1,6 @@
 import { jsx as o } from "react/jsx-runtime";
 import t from "./styled-components.browser.esm.js";
-import { IconArrowLeft as i } from "./index4.js";
+import { IconArrowLeft as i } from "./index3.js";
 import { Button as e } from "./Button.js";
 function p(r) {
   return /* @__PURE__ */ o(a, { children: /* @__PURE__ */ o(

package/ListItem2.js

@@ -1,7 +1,7 @@
 import { jsx as s, jsxs as I, Fragment as k } from "react/jsx-runtime";
 import { useEffect as m } from "react";
 import v from "./styled-components.browser.esm.js";
-import { IconCheck as y } from "./index4.js";
+import { IconCheck as y } from "./index3.js";
 import { token as a } from "./token.js";
 import { useId as S } from "./useId.js";
 import { useDropdownContext as w } from "./context3.js";

package/ModalBase.js

@@ -1,15 +1,15 @@
 import { jsxs as r, jsx as e } from "react/jsx-runtime";
-import T, { useState as S, useMemo as E, useEffect as I, useContext as y } from "react";
-import $ from "react-responsive-modal";
-import { IconCancel as g, IconArrowLeft as L } from "./index4.js";
+import M, { useState as S, useMemo as T, useEffect as I, useContext as y } from "react";
+import E from "./index5.js";
+import { IconCancel as $, IconArrowLeft as g } from "./index3.js";
 import { Flex as N } from "./Flex.js";
-import { Button as b } from "./Button.js";
+import { Button as v } from "./Button.js";
 import { Sidebar as O } from "./Sidebar.js";
-import { classNames as n, CloseButton as _, GlobalStyles as j, HeaderStyled as z, BackButton as B, Headings as R, Title as k, SecondaryInformation as D, AdditionalActions as G, ContentStyled as P, ContentInner as V, ContentExpander as Z, FooterStyled as q, ActionsRight as J, SidebarStyled as K } from "./ModalBase.styles.js";
+import { classNames as n, CloseButton as j, GlobalStyles as z, HeaderStyled as B, BackButton as L, Headings as R, Title as k, SecondaryInformation as D, AdditionalActions as G, ContentStyled as P, ContentInner as V, ContentExpander as Z, FooterStyled as q, ActionsRight as J, SidebarStyled as K } from "./ModalBase.styles.js";
 import { useZIndex as Q } from "./useZIndex.js";
 import { useTranslate as U } from "./useTranslate.js";
 import { useId as W } from "./useId.js";
-const u = T.createContext({
+const u = M.createContext({
   hideCloseIcon: !1,
   setHasSidebar: () => {
   },
@@ -28,8 +28,8 @@ function d({
   isClosedOnOverlayClick: i = !1,
   onCloseAnimationEnd: s,
   children: m,
-  container: v,
-  ...A
+  container: A,
+  ...b
 }) {
   const [p, x] = S(!1), c = W("modal-title"), H = {
     root: n.root,
@@ -42,7 +42,7 @@ function d({
     overlayAnimationOut: n.overlayAnimationOut
   }, {
     translate: f
-  } = U(), h = !a, M = Q("modal"), w = E(() => ({
+  } = U(), h = !a, _ = Q("modal"), w = T(() => ({
     hideCloseIcon: a,
     setHasSidebar: x,
     modalTitleId: c
@@ -50,13 +50,13 @@ function d({
   return I(() => {
     o && C(!0);
   }, [o]), /* @__PURE__ */ r(u.Provider, { value: w, children: [
-    /* @__PURE__ */ r($, { open: o, onClose: t, classNames: H, animationDuration: 200, showCloseIcon: !1, closeOnEsc: h, closeOnOverlayClick: i, container: v, ariaLabelledby: c, onAnimationEnd: () => {
+    /* @__PURE__ */ r(E, { open: o, onClose: t, classNames: H, animationDuration: 200, showCloseIcon: !1, closeOnEsc: h, closeOnOverlayClick: i, container: A, ariaLabelledby: c, onAnimationEnd: () => {
       o || (C(!1), s?.());
-    }, ...A, children: [
+    }, ...b, children: [
       o || F ? m : null,
-      h && /* @__PURE__ */ e(_, { children: /* @__PURE__ */ e(b, { variant: "clean", icon: /* @__PURE__ */ e(g, {}), "aria-label": f("modal.close"), title: f("modal.close"), onClick: t }) })
+      h && /* @__PURE__ */ e(j, { children: /* @__PURE__ */ e(v, { variant: "clean", icon: /* @__PURE__ */ e($, {}), "aria-label": f("modal.close"), title: f("modal.close"), onClick: t }) })
     ] }),
-    /* @__PURE__ */ e(j, { zIndex: M })
+    /* @__PURE__ */ e(z, { zIndex: _ })
   ] });
 }
 d.Header = Y;
@@ -74,8 +74,8 @@ function Y({
     hideCloseIcon: s,
     modalTitleId: m
   } = y(u);
-  return /* @__PURE__ */ r(z, { $hideCloseIcon: s, children: [
-    a && /* @__PURE__ */ e(B, { children: /* @__PURE__ */ e(b, { variant: "clean", icon: /* @__PURE__ */ e(L, {}), "aria-label": a.title, ...a }) }),
+  return /* @__PURE__ */ r(B, { $hideCloseIcon: s, children: [
+    a && /* @__PURE__ */ e(L, { children: /* @__PURE__ */ e(v, { variant: "clean", icon: /* @__PURE__ */ e(g, {}), "aria-label": a.title, ...a }) }),
     l && /* @__PURE__ */ e("div", { children: l }),
     /* @__PURE__ */ r(R, { children: [
       /* @__PURE__ */ e(k, { id: m, children: o }),

package/NoResults.js

@@ -1,6 +1,6 @@
 import { jsxs as e, jsx as o } from "react/jsx-runtime";
 import i from "./styled-components.browser.esm.js";
-import { IconSearch as s } from "./index4.js";
+import { IconSearch as s } from "./index3.js";
 import { Button as c } from "./Button.js";
 import { token as t } from "./token.js";
 import { __ as n } from "./index2.js";