@bynder/compact-view 5.2.0 → 5.2.2

package/Toolbar.js

@@ -1,8 +1,9 @@
 import { jsxs as n, Fragment as p, jsx as o } from "react/jsx-runtime";
-import m from "styled-components";
-import { IconExitApp as u, IconCancel as f } from "@bynder/icons";
-import { token as i, Button as l } from "@bynder/design-system";
-import { __ as a } from "./index2.js";
+import m from "./styled-components.browser.esm.js";
+import { IconExitApp as u, IconCancel as f } from "./index4.js";
+import { Button as a } from "./Button.js";
+import { token as i } from "./token.js";
+import { __ as l } from "./index2.js";
 import { useIsLoggedIn as g, useAuth as h } from "./LoginContext.js";
 import { useModalContext as x } from "./Modal.js";
 import { SearchInput as C } from "./SearchInput.js";
@@ -10,44 +11,43 @@ import { ViewSwitch as I } from "./ViewSwitch.js";
 import { useAssetFilter as v, useHideSwitch as w } from "./ConfigContext.js";
 function z() {
   const e = g(), t = x(), r = h(), s = v(), d = w(), c = s !== void 0 && !s.showToolbar;
-  return !e && !t && c ? null : /* @__PURE__ */ n(y, { children: [
+  return !e && !t && c ? null : /* @__PURE__ */ n(b, { children: [
     !c && /* @__PURE__ */ n(p, { children: [
       !d && /* @__PURE__ */ o(I, {}),
       /* @__PURE__ */ o(C, {})
     ] }),
-    /* @__PURE__ */ n(b, { children: [
+    /* @__PURE__ */ n(k, { children: [
       e && !r?.hideLogout && /* @__PURE__ */ o(
-        l,
+        a,
         {
           variant: "clean",
           onClick: () => r?.logout(),
           rightIcon: /* @__PURE__ */ o(u, {}),
-          children: a("Log out")
+          children: l("Log out")
         }
       ),
       t && /* @__PURE__ */ o(
-        l,
+        a,
         {
           variant: "clean",
           onClick: () => t.onClose(),
-          title: a("Close"),
+          title: l("Close"),
           icon: /* @__PURE__ */ o(f, {})
         }
       )
     ] })
   ] });
 }
-const y = m.nav`
+const b = m.nav`
 	display: flex;
 	justify-content: space-between;
 	background: ${i.gray10};
 	padding: ${i.spacing4} ${i.spacing4};
 	z-index: 30;
-`, b = m.div`
+`, k = m.div`
 	display: inline-flex;
 	margin-left: auto;
 `;
 export {
   z as Toolbar
 };
-//# sourceMappingURL=Toolbar.js.map

package/Tooltip.js

@@ -1,6 +1,6 @@
 import { jsxs as l, jsx as c } from "react/jsx-runtime";
-import { styled as o } from "styled-components";
-import { token as r } from "@bynder/design-system";
+import o from "./styled-components.browser.esm.js";
+import { token as r } from "./token.js";
 const b = ({
   text: e,
   position: t = "top",
@@ -78,4 +78,3 @@ const b = ({
 export {
   b as Tooltip
 };
-//# sourceMappingURL=Tooltip.js.map

package/Tooltip2.js

@@ -0,0 +1,111 @@
+import { jsxs as T, Fragment as C, jsx as o } from "react/jsx-runtime";
+import { useHover as O, useLayer as L } from "react-laag";
+import p, { css as P } from "./styled-components.browser.esm.js";
+import { useFocusRing as M } from "./useFocusRing.js";
+import { LightTheme as S, DarkTheme as F } from "./themeContainers.js";
+import { textStyles as m } from "./textStyles.js";
+import { token as r } from "./token.js";
+import { Flex as N } from "./Flex.js";
+import { useZIndex as j } from "./useZIndex.js";
+import { Image as B } from "./Image.js";
+import { Text as H } from "./Text4.js";
+import { ListItem as R } from "./ListItem4.js";
+import { declareTokens as D, internalTokens as a } from "./themes3.js";
+import { useId as E } from "./useId.js";
+function d({
+  position: t = "top-center",
+  timing: e = "instant",
+  size: n = "small",
+  isLightTheme: i = !1,
+  className: f,
+  icon: g,
+  secondaryText: h,
+  badge: y,
+  content: I,
+  ...s
+}) {
+  const [$, b] = O({
+    delayEnter: e === "delay" ? 800 : 0
+  }), {
+    isFocusVisible: v,
+    focusProps: u
+  } = M(), w = j("tooltip"), c = s.isOpen === void 0 ? $ || v : s.isOpen, {
+    triggerProps: x,
+    layerProps: k,
+    renderLayer: z
+  } = L({
+    isOpen: c,
+    auto: !0,
+    snap: !0,
+    placement: V(t),
+    possiblePlacements: W(t),
+    triggerOffset: 8,
+    containerOffset: 8
+  }), l = E("tooltip");
+  return /* @__PURE__ */ T(C, { children: [
+    typeof s.children == "function" ? s.children({
+      ...x,
+      ...b,
+      ...u,
+      "aria-describedby": c ? l : void 0
+    }) : /* @__PURE__ */ o("div", { "aria-describedby": c ? l : void 0, ...x, ...b, ...u, children: s.children }),
+    c && z(/* @__PURE__ */ o(Z, { isLightTheme: i, children: /* @__PURE__ */ o(q, { ...k, $zIndex: w, className: f, $size: n, id: l, role: "tooltip", children: /* @__PURE__ */ T(N, { alignItems: "center", gap: "3", children: [
+      g && /* @__PURE__ */ o(A, { $size: n, children: g }),
+      /* @__PURE__ */ o("div", { children: I }),
+      h && /* @__PURE__ */ o(G, { children: h }),
+      y
+    ] }) }) }))
+  ] });
+}
+function V(t) {
+  return {
+    "top-left": "top-start",
+    "top-center": "top-center",
+    "top-right": "top-end",
+    left: "left-center",
+    right: "right-center",
+    "bottom-left": "bottom-start",
+    "bottom-center": "bottom-center",
+    "bottom-right": "bottom-end"
+  }[t];
+}
+function W(t) {
+  const e = ["top-center", "bottom-center"], n = ["left-center", "right-center"], i = ["top-end", "top-start", "bottom-end", "bottom-start"];
+  return {
+    "top-left": i,
+    "top-center": e,
+    "top-right": i,
+    left: n,
+    right: n,
+    "bottom-left": i,
+    "bottom-center": e,
+    "bottom-right": i
+  }[t];
+}
+function Z({
+  isLightTheme: t,
+  children: e
+}) {
+  return t ? /* @__PURE__ */ o(S, { children: e }) : /* @__PURE__ */ o(F, { children: e });
+}
+d.Image = B;
+d.Text = H;
+d.ListItem = R;
+const q = p.div.withConfig({
+  displayName: "TooltipContainer",
+  componentId: "sc-10x22fh-0"
+})(["--ds-tooltip-border-radius:", ";", " z-index:", ";display:flex;box-sizing:border-box;border-radius:var(--ds-tooltip-border-radius);background:", ";color:", ";box-shadow:", ";word-break:break-word;", ";"], r.radiusBase, D, (t) => t.$zIndex, a["tooltip-background"], a["tooltip-title-color"], a["tooltip-shadow"], (t) => {
+  if (t.$size === "small")
+    return P(["", " max-width:240px;padding:", " ", ";"], m.uiTextS, r.spacing3, r.spacing4);
+  if (t.$size === "medium")
+    return P(["", " max-width:256px;padding:", " ", ";"], m.uiTextM, r.spacing3, r.spacing5);
+}), A = p.span.withConfig({
+  displayName: "IconContainer",
+  componentId: "sc-10x22fh-1"
+})(["display:flex;align-items:center;width:24px;height:24px;margin-block:calc(", " * -1);margin-left:", ";"], r.spacing1, (t) => t.$size === "medium" ? `calc(${r.spacing3} * -1)` : `calc(${r.spacing2} * -1)`), G = p.span.withConfig({
+  displayName: "SecondaryTextContainer",
+  componentId: "sc-10x22fh-2"
+})(["", " color:", ";"], m.uiTextS, a["tooltip-secondary-text-color"]);
+export {
+  d as Tooltip
+};

package/TruncatedText.js

@@ -0,0 +1,34 @@
+import { jsx as r } from "react/jsx-runtime";
+import { useState as l, useRef as p, useLayoutEffect as a } from "react";
+import d from "./styled-components.browser.esm.js";
+import u from "./bundle.esm.js";
+import { Tooltip as m } from "./Tooltip2.js";
+import { InputWrapper as h } from "./Input.styles.js";
+function I({
+  children: e,
+  tooltipPosition: i = "top-left",
+  ...s
+}) {
+  const [c, f] = l(!1), t = p(null);
+  function n() {
+    if (t.current) {
+      const o = t.current.offsetWidth < t.current.scrollWidth;
+      f(o);
+    }
+  }
+  return u({
+    ref: t,
+    onResize: () => {
+      n();
+    }
+  }), a(() => {
+    n();
+  }, []), /* @__PURE__ */ r(x, { ref: t, ...s, children: c ? /* @__PURE__ */ r(m, { content: e, position: i, timing: "delay", children: (o) => /* @__PURE__ */ r("span", { ...o, children: e }) }) : e });
+}
+const x = d.span.withConfig({
+  displayName: "StyledText",
+  componentId: "sc-o8bysd-0"
+})(["display:block;overflow:hidden;min-width:0;text-decoration:none;text-overflow:ellipsis;white-space:nowrap;&::after{content:'';display:block;}&:has(", "){overflow:visible;}"], h);
+export {
+  I as TruncatedText
+};

package/URLSearchParams.js

@@ -0,0 +1,5 @@
+import a from "./AxiosURLSearchParams.js";
+const e = typeof URLSearchParams < "u" ? URLSearchParams : a;
+export {
+  e as default
+};

package/Utility.js

@@ -0,0 +1,56 @@
+var c = Math.abs, o = String.fromCharCode, f = Object.assign;
+function u(n, r) {
+  return e(n, 0) ^ 45 ? (((r << 2 ^ e(n, 0)) << 2 ^ e(n, 1)) << 2 ^ e(n, 2)) << 2 ^ e(n, 3) : 0;
+}
+function s(n) {
+  return n.trim();
+}
+function i(n, r) {
+  return (n = r.exec(n)) ? n[0] : n;
+}
+function a(n, r, t) {
+  return n.replace(r, t);
+}
+function h(n, r, t) {
+  return n.indexOf(r, t);
+}
+function e(n, r) {
+  return n.charCodeAt(r) | 0;
+}
+function m(n, r, t) {
+  return n.slice(r, t);
+}
+function p(n) {
+  return n.length;
+}
+function b(n) {
+  return n.length;
+}
+function d(n, r) {
+  return r.push(n), n;
+}
+function g(n, r) {
+  return n.map(r).join("");
+}
+function x(n, r) {
+  return n.filter(function(t) {
+    return !i(t, r);
+  });
+}
+export {
+  c as abs,
+  d as append,
+  f as assign,
+  e as charat,
+  g as combine,
+  x as filter,
+  o as from,
+  u as hash,
+  h as indexof,
+  i as match,
+  a as replace,
+  b as sizeof,
+  p as strlen,
+  m as substr,
+  s as trim
+};

package/ViewSwitch.js

@@ -1,12 +1,13 @@
 import { jsxs as l, jsx as i } from "react/jsx-runtime";
-import m from "styled-components";
-import { token as p, Button as o } from "@bynder/design-system";
+import m from "./styled-components.browser.esm.js";
+import { Button as o } from "./Button.js";
+import { token as p } from "./token.js";
 import { __ as r } from "./index2.js";
 import { useRouter as f } from "./useRouterStore.js";
 import { useSimilaritySearchStore as d } from "./useSimilaritySearchStore.js";
 import { useSimilarityAssets as g } from "./getSimilarityAssets.js";
-function A() {
-  const [e, s] = f(), { setIsSelected: a, setIsNLSSelected: n } = d(), { resetData: c } = g(), t = () => {
+function I() {
+  const [e, t] = f(), { setIsSelected: a, setIsNLSSelected: n } = d(), { resetData: c } = g(), s = () => {
     a(!1), n(!1), c();
   };
   return /* @__PURE__ */ l(S, { children: [
@@ -16,7 +17,7 @@ function A() {
         isPressed: e.page === "assets",
         variant: "clean",
         onClick: () => {
-          s({ page: "assets" }), t();
+          t({ page: "assets" }), s();
         },
         children: r("Assets")
       }
@@ -27,7 +28,7 @@ function A() {
         isPressed: e.page === "collections",
         variant: "clean",
         onClick: () => {
-          s({ page: "collections" }), t();
+          t({ page: "collections" }), s();
         },
         children: r("Collections")
       }
@@ -40,6 +41,5 @@ const S = m.div`
 	gap: ${p.spacing2};
 `;
 export {
-  A as ViewSwitch
+  I as ViewSwitch
 };
-//# sourceMappingURL=ViewSwitch.js.map

package/_check_private_redeclaration.js

@@ -0,0 +1,7 @@
+function a(e, t) {
+  if (t.has(e))
+    throw new TypeError("Cannot initialize the same private elements twice on an object");
+}
+export {
+  a as _
+};

package/_class_apply_descriptor_get.js

@@ -0,0 +1,6 @@
+function a(t, e) {
+  return e.get ? e.get.call(t) : e.value;
+}
+export {
+  a as _
+};

package/_class_apply_descriptor_set.js

@@ -0,0 +1,11 @@
+function l(a, e, t) {
+  if (e.set) e.set.call(a, t);
+  else {
+    if (!e.writable)
+      throw new TypeError("attempted to set read only private field");
+    e.value = t;
+  }
+}
+export {
+  l as _
+};

package/_class_extract_field_descriptor.js

@@ -0,0 +1,7 @@
+function o(t, e, n) {
+  if (!e.has(t)) throw new TypeError("attempted to " + n + " private field on non-instance");
+  return e.get(t);
+}
+export {
+  o as _
+};

package/_class_private_field_get.js

@@ -0,0 +1,9 @@
+import { _ as s } from "./_class_apply_descriptor_get.js";
+import { _ as a } from "./_class_extract_field_descriptor.js";
+function p(_, r) {
+  var t = a(_, r, "get");
+  return s(_, t);
+}
+export {
+  p as _
+};

package/_class_private_field_init.js

@@ -0,0 +1,7 @@
+import { _ as t } from "./_check_private_redeclaration.js";
+function a(_, e, i) {
+  t(_, e), e.set(_, i);
+}
+export {
+  a as _
+};

package/_class_private_field_set.js

@@ -0,0 +1,9 @@
+import { _ as a } from "./_class_apply_descriptor_set.js";
+import { _ as o } from "./_class_extract_field_descriptor.js";
+function i(s, r, _) {
+  var t = o(s, r, "set");
+  return a(s, t, _), _;
+}
+export {
+  i as _
+};

package/_commonjsHelpers.js

@@ -0,0 +1,6 @@
+function e(t) {
+  return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
+}
+export {
+  e as getDefaultExportFromCjs
+};

package/adapters.js

@@ -0,0 +1,53 @@
+import a from "./utils6.js";
+import h from "./null.js";
+import m from "./xhr.js";
+import u from "./fetch2.js";
+import d from "./AxiosError.js";
+const s = {
+  http: h,
+  xhr: m,
+  fetch: u
+};
+a.forEach(s, (e, n) => {
+  if (e) {
+    try {
+      Object.defineProperty(e, "name", { value: n });
+    } catch {
+    }
+    Object.defineProperty(e, "adapterName", { value: n });
+  }
+});
+const c = (e) => `- ${e}`, b = (e) => a.isFunction(e) || e === null || e === !1, y = {
+  getAdapter: (e) => {
+    e = a.isArray(e) ? e : [e];
+    const { length: n } = e;
+    let o, r;
+    const p = {};
+    for (let t = 0; t < n; t++) {
+      o = e[t];
+      let i;
+      if (r = o, !b(o) && (r = s[(i = String(o)).toLowerCase()], r === void 0))
+        throw new d(`Unknown adapter '${i}'`);
+      if (r)
+        break;
+      p[i || "#" + t] = r;
+    }
+    if (!r) {
+      const t = Object.entries(p).map(
+        ([f, l]) => `adapter ${f} ` + (l === !1 ? "is not supported by the environment" : "is not available in the build")
+      );
+      let i = n ? t.length > 1 ? `since :
+` + t.map(c).join(`
+`) : " " + c(t[0]) : "as no adapter specified";
+      throw new d(
+        "There is no suitable adapter to dispatch the request " + i,
+        "ERR_NOT_SUPPORT"
+      );
+    }
+    return r;
+  },
+  adapters: s
+};
+export {
+  y as default
+};

package/api/types/getFilters_new.d.ts

@@ -1,6 +1,14 @@
 export interface Labels {
     [key: string]: string;
 }
+export interface CommonOption {
+    count: number;
+    zindex?: number;
+    name: string;
+    id: string;
+    isSelected: boolean;
+    label: string;
+}
 export interface MetapropertyOption {
     count: number;
     zindex: number;

package/api.js

@@ -0,0 +1,25 @@
+import { urlEncode as n } from "./object.js";
+const c = "7";
+function p(t) {
+  const e = t.protocol ? `${t.protocol}:` : "", o = t.port ? `:${t.port}` : "";
+  return `${e}//${t.host}${o}${t.path ? `/${t.path}` : ""}/api/`;
+}
+function i(t) {
+  return `${p(t)}${t.projectId}/envelope/`;
+}
+function $(t, e) {
+  return n({
+    // We send only the minimum set of required information. See
+    // https://github.com/getsentry/sentry-javascript/issues/2572.
+    sentry_key: t.publicKey,
+    sentry_version: c,
+    ...e && { sentry_client: `${e.name}/${e.version}` }
+  });
+}
+function u(t, e = {}) {
+  const o = typeof e == "string" ? e : e.tunnel, r = typeof e == "string" || !e._metadata ? void 0 : e._metadata.sdk;
+  return o || `${i(t)}?${$(t, r)}`;
+}
+export {
+  u as getEnvelopeEndpointWithUrlEncodedAuth
+};

package/api2.js

@@ -0,0 +1,40 @@
+import "./index12.js";
+import E from "./axios.js";
+var T;
+const F = ((T = document.querySelector('meta[name="x-csrf-token"]')) == null ? void 0 : T.getAttribute("content")) || "", s = {
+  "cache-control": "no-cache",
+  "x-csrf-token": F
+}, _ = "/v7/fonts/v2", l = E.create({ headers: s }), o = {
+  PORTAL_THEME: "/v7/portal/theme/",
+  GET_GLOBAL_FONTS: _ + "/",
+  GET_PORTAL_FONTS: _ + "/portal/",
+  // TODO: Replace this endpoint definition with the real one once is available
+  GET_DEFAULT_GLOBAL_FONT: "/v7/fonts/v2/default/",
+  // End TODO
+  GET_FONT_BY_ID: (t) => _ + `/${t}/`,
+  CREATE_SUBFAMILY: _ + "/subfamilies/",
+  GET_SUBFAMILY_BY_ID: (t) => _ + `/subfamilies/${t}/`,
+  DELETE_SUBFAMILY_BY_ID: (t) => _ + `/subfamilies/${t}/`
+}, c = {
+  getGlobalFonts: (t, n, a) => l.get(o.GET_GLOBAL_FONTS, {
+    params: {
+      ...a ? { offset: a } : null,
+      ...t ? { pageSize: t } : null,
+      ...n ? { searchTerm: n } : null
+    }
+  }).then((e) => e.data).then((e) => e.fonts),
+  getPortalFonts: (t, n, a) => l.get(o.GET_PORTAL_FONTS, {
+    params: {
+      ...a ? { offset: a } : null,
+      ...t ? { pageSize: t } : null,
+      ...n ? { searchTerm: n } : null
+    }
+  }).then((e) => e.data).then((e) => e.fonts),
+  getFontFamilyById: (t) => l.get(o.GET_FONT_BY_ID(t)).then((n) => n.data),
+  getSubfamilyById: (t) => l.get(o.GET_SUBFAMILY_BY_ID(t)).then((n) => n.data),
+  getDefaultGlobalFont: () => l.get(o.GET_DEFAULT_GLOBAL_FONT).then((t) => t.data)
+};
+export {
+  c as API,
+  o as ENDPOINTS
+};