@selfdecode/sd-component-library 4.0.83 → 4.0.85

package/lib/sd-component-library200.js

@@ -1,68 +1,60 @@
-import { j as r } from "./sd-component-library190.js";
-import { Box as n } from "rebass";
-import { useHover as S } from "./sd-component-library3.js";
-import { isTouchScreen as j } from "./sd-component-library4.js";
-import { FlexItemsCenter as v, FlexCenter as z } from "./sd-component-library35.js";
-const g = "10px", e = "20px", B = "5px", R = ({
-  disabled: o,
-  containerSx: x,
-  showHoverCheckbox: c,
-  bg: s,
-  showBGColorWhenIdle: l,
-  disabledColor: p = "cl_grey",
-  color: h = "cl_blue",
-  children: d,
-  showInnerBox: m,
-  onClick: u,
-  borderRadius: C = "3px",
-  borderWidth: a = "2px",
-  innerBoxSx: f
-}) => {
-  const { isHover: b, hoverCallbacks: k } = S(), t = b || !c || j(), i = o ? p : h;
-  return /* @__PURE__ */ r.jsxs(
-    v,
-    {
-      onClick: o ? void 0 : u,
-      sx: {
-        cursor: o ? "default" : "pointer",
-        gap: "10px",
-        ...x
+import { j as t } from "./sd-component-library195.js";
+import { Crumb as c } from "./sd-component-library16.js";
+const l = (s, h, p) => s.map(({ title: e, dontTranslate: r, onClick: u }, o) => /* @__PURE__ */ t.jsx(
+  c,
+  {
+    variant: h,
+    crumb: { title: e, dontTranslate: r },
+    isLast: o === s.length - 1,
+    textTransform: p,
+    onClick: u
+  },
+  e + o
+)), a = (s, h, p) => {
+  const e = [];
+  return s.slice(0, 2).forEach(({ title: r, dontTranslate: u, onClick: o }, m) => {
+    e.push(
+      /* @__PURE__ */ t.jsx(
+        c,
+        {
+          variant: h,
+          crumb: { title: r, dontTranslate: u },
+          isLast: !1,
+          textTransform: p,
+          onClick: o
+        },
+        r + m
+      )
+    );
+  }), e.push(
+    /* @__PURE__ */ t.jsx(
+      c,
+      {
+        variant: h,
+        crumb: { title: "..." },
+        isLast: !1,
+        textTransform: p
       },
-      ...k,
-      children: [
-        /* @__PURE__ */ r.jsx(n, { size: e, sx: { flexShrink: 0 }, children: /* @__PURE__ */ r.jsx(
-          z,
-          {
-            width: t ? e : B,
-            height: e,
-            bg: l && t ? "" : s,
-            sx: {
-              flexShrink: 0,
-              borderRadius: C,
-              borderWidth: a,
-              borderColor: i,
-              borderStyle: "solid",
-              transition: "width 0.1s ease-in"
-            },
-            children: m && /* @__PURE__ */ r.jsx(
-              n,
-              {
-                sx: {
-                  border: `calc(${g} / 2) solid`,
-                  borderColor: i,
-                  borderRadius: "2px",
-                  ...f
-                }
-              }
-            )
-          }
-        ) }),
-        d
-      ]
-    }
-  );
+      "..."
+    )
+  ), s.slice(s.length - 2, s.length).forEach(({ title: r, onClick: u, dontTranslate: o }, m) => {
+    e.push(
+      /* @__PURE__ */ t.jsx(
+        c,
+        {
+          variant: h,
+          crumb: { title: r, dontTranslate: o },
+          isLast: m === 1,
+          textTransform: p,
+          onClick: u
+        },
+        r + m
+      )
+    );
+  }), e;
 };
 export {
-  R as CheckboxV2Container
+  a as renderMoreThanFiveCrumbs,
+  l as renderUpToFiveCrumbs
 };
 //# sourceMappingURL=sd-component-library200.js.map

package/lib/sd-component-library200.js.map

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library200.js","sources":["../src/components/checkboxes/checkbox-v2/partials/checkbox-v2-container/checkbox-v2-container.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { Box } from \"rebass\";\n\nimport { useHover } from \"../../../../../core/custom-hooks\";\nimport { isTouchScreen } from \"../../../../../core/functions\";\nimport { FlexCenter, FlexItemsCenter } from \"../../../../containers\";\nimport { CheckboxV2ContainerProps as Props } from \"./interfaces\";\n\nconst innerBoxSize = \"10px\";\nconst outerBoxSize = \"20px\";\n\nconst shrankSize = \"5px\";\n\nexport const CheckboxV2Container: React.FC<Props> = ({\n  disabled,\n  containerSx,\n  showHoverCheckbox,\n  bg,\n  showBGColorWhenIdle,\n  disabledColor = \"cl_grey\",\n  color = \"cl_blue\",\n  children,\n  showInnerBox,\n  onClick,\n  borderRadius = \"3px\",\n  borderWidth = \"2px\",\n  innerBoxSx,\n}) => {\n  const { isHover, hoverCallbacks } = useHover();\n  const isCheckboxExtended = isHover || !showHoverCheckbox || isTouchScreen();\n  const currentColor = disabled ? disabledColor : color;\n\n  return (\n    <FlexItemsCenter\n      onClick={disabled ? undefined : onClick}\n      sx={{\n        cursor: disabled ? \"default\" : \"pointer\",\n        gap: \"10px\",\n        ...containerSx,\n      }}\n      {...hoverCallbacks}\n    >\n      <Box size={outerBoxSize} sx={{ flexShrink: 0 }}>\n        <FlexCenter\n          width={isCheckboxExtended ? outerBoxSize : shrankSize}\n          height={outerBoxSize}\n          bg={showBGColorWhenIdle ? (isCheckboxExtended ? \"\" : bg) : bg}\n          sx={{\n            flexShrink: 0,\n            borderRadius,\n            borderWidth,\n            borderColor: currentColor,\n            borderStyle: \"solid\",\n            transition: \"width 0.1s ease-in\",\n          }}\n        >\n          {showInnerBox && (\n            <Box\n              sx={{\n                border: `calc(${innerBoxSize} / 2) solid`,\n                borderColor: currentColor,\n                borderRadius: \"2px\",\n                ...innerBoxSx,\n              }}\n            />\n          )}\n        </FlexCenter>\n      </Box>\n\n      {children}\n    </FlexItemsCenter>\n  );\n};\n"],"names":["innerBoxSize","outerBoxSize","shrankSize","CheckboxV2Container","disabled","containerSx","showHoverCheckbox","bg","showBGColorWhenIdle","disabledColor","color","children","showInnerBox","onClick","borderRadius","borderWidth","innerBoxSx","isHover","hoverCallbacks","useHover","isCheckboxExtended","isTouchScreen","currentColor","jsxs","FlexItemsCenter","jsx","Box","FlexCenter"],"mappings":";;;;;AASA,MAAMA,IAAe,QACfC,IAAe,QAEfC,IAAa,OAENC,IAAuC,CAAC;AAAA,EACnD,UAAAC;AAAA,EACA,aAAAC;AAAA,EACA,mBAAAC;AAAA,EACA,IAAAC;AAAA,EACA,qBAAAC;AAAA,EACA,eAAAC,IAAgB;AAAA,EAChB,OAAAC,IAAQ;AAAA,EACR,UAAAC;AAAA,EACA,cAAAC;AAAA,EACA,SAAAC;AAAA,EACA,cAAAC,IAAe;AAAA,EACf,aAAAC,IAAc;AAAA,EACd,YAAAC;AACF,MAAM;AACJ,QAAM,EAAE,SAAAC,GAAS,gBAAAC,EAAe,IAAIC,EAAS,GACvCC,IAAqBH,KAAW,CAACX,KAAqBe,EAAc,GACpEC,IAAelB,IAAWK,IAAgBC;AAG9C,SAAAa,gBAAAA,EAAA;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,SAASpB,IAAW,SAAYS;AAAA,MAChC,IAAI;AAAA,QACF,QAAQT,IAAW,YAAY;AAAA,QAC/B,KAAK;AAAA,QACL,GAAGC;AAAA,MACL;AAAA,MACC,GAAGa;AAAA,MAEJ,UAAA;AAAA,QAAAO,gBAAAA,MAACC,KAAI,MAAMzB,GAAc,IAAI,EAAE,YAAY,KACzC,UAAAwB,gBAAAA,EAAA;AAAA,UAACE;AAAA,UAAA;AAAA,YACC,OAAOP,IAAqBnB,IAAeC;AAAA,YAC3C,QAAQD;AAAA,YACR,IAAIO,KAAuBY,IAAqB,KAAWb;AAAA,YAC3D,IAAI;AAAA,cACF,YAAY;AAAA,cACZ,cAAAO;AAAA,cACA,aAAAC;AAAA,cACA,aAAaO;AAAA,cACb,aAAa;AAAA,cACb,YAAY;AAAA,YACd;AAAA,YAEC,UACCV,KAAAa,gBAAAA,EAAA;AAAA,cAACC;AAAA,cAAA;AAAA,gBACC,IAAI;AAAA,kBACF,QAAQ,QAAQ1B,CAAY;AAAA,kBAC5B,aAAasB;AAAA,kBACb,cAAc;AAAA,kBACd,GAAGN;AAAA,gBACL;AAAA,cAAA;AAAA,YACF;AAAA,UAAA;AAAA,QAAA,GAGN;AAAA,QAECL;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGP;"}
+{"version":3,"file":"sd-component-library200.js","sources":["../src/components/breadcrumbs/breadcrumb/functions.tsx"],"sourcesContent":["import React, { CSSProperties } from \"react\";\n\nimport { Crumb, CrumbType } from \"./crumb\";\n\nexport const renderUpToFiveCrumbs = (\n  crumbs: CrumbType[],\n  variant: string | undefined,\n  textTransform: CSSProperties[\"textTransform\"]\n) => {\n  return crumbs.map(({ title, dontTranslate, onClick }, index: number) => (\n    <Crumb\n      variant={variant}\n      crumb={{ title, dontTranslate }}\n      isLast={index === crumbs.length - 1}\n      key={title + index}\n      textTransform={textTransform}\n      onClick={onClick}\n    />\n  ));\n};\n\nexport const renderMoreThanFiveCrumbs = (\n  crumbs: CrumbType[],\n  variant: string | undefined,\n  textTransform: CSSProperties[\"textTransform\"]\n) => {\n  const elements: JSX.Element[] = [];\n\n  crumbs\n    .slice(0, 2)\n    .forEach(({ title, dontTranslate, onClick }, index: number): void => {\n      elements.push(\n        <Crumb\n          variant={variant}\n          crumb={{ title, dontTranslate }}\n          isLast={false}\n          key={title + index}\n          textTransform={textTransform}\n          onClick={onClick}\n        />\n      );\n    });\n  elements.push(\n    <Crumb\n      variant={variant}\n      crumb={{ title: \"...\" }}\n      isLast={false}\n      textTransform={textTransform}\n      key=\"...\"\n    />\n  );\n\n  crumbs\n    .slice(crumbs.length - 2, crumbs.length)\n    .forEach(({ title, onClick, dontTranslate }, index: number): void => {\n      elements.push(\n        <Crumb\n          variant={variant}\n          crumb={{ title, dontTranslate }}\n          isLast={index === 1}\n          key={title + index}\n          textTransform={textTransform}\n          onClick={onClick}\n        />\n      );\n    });\n  return elements;\n};\n"],"names":["renderUpToFiveCrumbs","crumbs","variant","textTransform","title","dontTranslate","onClick","index","jsx","Crumb","renderMoreThanFiveCrumbs","elements"],"mappings":";;AAIO,MAAMA,IAAuB,CAClCC,GACAC,GACAC,MAEOF,EAAO,IAAI,CAAC,EAAE,OAAAG,GAAO,eAAAC,GAAe,SAAAC,EAAA,GAAWC,MACpDC,gBAAAA,EAAA;AAAA,EAACC;AAAA,EAAA;AAAA,IACC,SAAAP;AAAA,IACA,OAAO,EAAE,OAAAE,GAAO,eAAAC,EAAc;AAAA,IAC9B,QAAQE,MAAUN,EAAO,SAAS;AAAA,IAElC,eAAAE;AAAA,IACA,SAAAG;AAAA,EAAA;AAAA,EAFKF,IAAQG;AAAA,CAIhB,GAGUG,IAA2B,CACtCT,GACAC,GACAC,MACG;AACH,QAAMQ,IAA0B,CAAA;AAG7B,SAAAV,EAAA,MAAM,GAAG,CAAC,EACV,QAAQ,CAAC,EAAE,OAAAG,GAAO,eAAAC,GAAe,SAAAC,EAAQ,GAAGC,MAAwB;AAC1D,IAAAI,EAAA;AAAA,MACPH,gBAAAA,EAAA;AAAA,QAACC;AAAA,QAAA;AAAA,UACC,SAAAP;AAAA,UACA,OAAO,EAAE,OAAAE,GAAO,eAAAC,EAAc;AAAA,UAC9B,QAAQ;AAAA,UAER,eAAAF;AAAA,UACA,SAAAG;AAAA,QAAA;AAAA,QAFKF,IAAQG;AAAA,MAGf;AAAA,IAAA;AAAA,EACF,CACD,GACMI,EAAA;AAAA,IACPH,gBAAAA,EAAA;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,SAAAP;AAAA,QACA,OAAO,EAAE,OAAO,MAAM;AAAA,QACtB,QAAQ;AAAA,QACR,eAAAC;AAAA,MAAA;AAAA,MACI;AAAA,IACN;AAAA,EAAA,GAGFF,EACG,MAAMA,EAAO,SAAS,GAAGA,EAAO,MAAM,EACtC,QAAQ,CAAC,EAAE,OAAAG,GAAO,SAAAE,GAAS,eAAAD,EAAA,GAAiBE,MAAwB;AAC1D,IAAAI,EAAA;AAAA,MACPH,gBAAAA,EAAA;AAAA,QAACC;AAAA,QAAA;AAAA,UACC,SAAAP;AAAA,UACA,OAAO,EAAE,OAAAE,GAAO,eAAAC,EAAc;AAAA,UAC9B,QAAQE,MAAU;AAAA,UAElB,eAAAJ;AAAA,UACA,SAAAG;AAAA,QAAA;AAAA,QAFKF,IAAQG;AAAA,MAGf;AAAA,IAAA;AAAA,EACF,CACD,GACII;AACT;"}

package/lib/sd-component-library201.js

@@ -1,21 +1,5 @@
-import { j as o } from "./sd-component-library190.js";
-import { Box as e } from "rebass";
-const m = ({
-  color: r = "cl_lightGrey",
-  sx: t,
-  ...i
-}) => /* @__PURE__ */ o.jsx(
-  e,
-  {
-    sx: {
-      bg: r,
-      ...i,
-      ...t
-    },
-    "data-test": "divider"
-  }
-);
+var e = { exports: {} };
 export {
-  m as Divider
+  e as __module
 };
 //# sourceMappingURL=sd-component-library201.js.map

package/lib/sd-component-library201.js.map

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library201.js","sources":["../src/components/dividers/divider/divider.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { Box } from \"rebass\";\n\nimport { DividerProps as Props } from \"./interfaces\";\n\n/**\n * Base divider component. Other divider components should be built from this.\n */\nexport const Divider: React.FC<Props> = ({\n  color = \"cl_lightGrey\",\n  sx,\n  ...props\n}) => {\n  return (\n    <Box\n      sx={{\n        bg: color,\n        ...props,\n        ...sx,\n      }}\n      data-test=\"divider\"\n    />\n  );\n};\n"],"names":["Divider","color","sx","props","jsx","Box"],"mappings":";;AASO,MAAMA,IAA2B,CAAC;AAAA,EACvC,OAAAC,IAAQ;AAAA,EACR,IAAAC;AAAA,EACA,GAAGC;AACL,MAEIC,gBAAAA,EAAA;AAAA,EAACC;AAAA,EAAA;AAAA,IACC,IAAI;AAAA,MACF,IAAIJ;AAAA,MACJ,GAAGE;AAAA,MACH,GAAGD;AAAA,IACL;AAAA,IACA,aAAU;AAAA,EAAA;AAAA;"}
+{"version":3,"file":"sd-component-library201.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/lib/sd-component-library202.js

@@ -1,5 +1,33 @@
-var e = { exports: {} };
+import { __exports as t } from "./sd-component-library278.js";
+import R from "react";
+/**
+ * @license React
+ * react-jsx-runtime.production.min.js
+ *
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+var p;
+function v() {
+  if (p)
+    return t;
+  p = 1;
+  var s = R, m = Symbol.for("react.element"), l = Symbol.for("react.fragment"), c = Object.prototype.hasOwnProperty, a = s.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, d = { key: !0, ref: !0, __self: !0, __source: !0 };
+  function i(o, r, u) {
+    var e, n = {}, _ = null, f = null;
+    u !== void 0 && (_ = "" + u), r.key !== void 0 && (_ = "" + r.key), r.ref !== void 0 && (f = r.ref);
+    for (e in r)
+      c.call(r, e) && !d.hasOwnProperty(e) && (n[e] = r[e]);
+    if (o && o.defaultProps)
+      for (e in r = o.defaultProps, r)
+        n[e] === void 0 && (n[e] = r[e]);
+    return { $$typeof: m, type: o, key: _, ref: f, props: n, _owner: a.current };
+  }
+  return t.Fragment = l, t.jsx = i, t.jsxs = i, t;
+}
 export {
-  e as __module
+  v as __require
 };
 //# sourceMappingURL=sd-component-library202.js.map

package/lib/sd-component-library202.js.map

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library202.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
+{"version":3,"file":"sd-component-library202.js","sources":["../node_modules/react/cjs/react-jsx-runtime.production.min.js"],"sourcesContent":["/**\n * @license React\n * react-jsx-runtime.production.min.js\n *\n * Copyright (c) Facebook, Inc. and its affiliates.\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n'use strict';var f=require(\"react\"),k=Symbol.for(\"react.element\"),l=Symbol.for(\"react.fragment\"),m=Object.prototype.hasOwnProperty,n=f.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,p={key:!0,ref:!0,__self:!0,__source:!0};\nfunction q(c,a,g){var b,d={},e=null,h=null;void 0!==g&&(e=\"\"+g);void 0!==a.key&&(e=\"\"+a.key);void 0!==a.ref&&(h=a.ref);for(b in a)m.call(a,b)&&!p.hasOwnProperty(b)&&(d[b]=a[b]);if(c&&c.defaultProps)for(b in a=c.defaultProps,a)void 0===d[b]&&(d[b]=a[b]);return{$$typeof:k,type:c,key:e,ref:h,props:d,_owner:n.current}}exports.Fragment=l;exports.jsx=q;exports.jsxs=q;\n"],"names":["f","require$$0","k","m","n","p","q","c","a","g","b","d","e","h","reactJsxRuntime_production_min"],"mappings":";;;;;;;;;;;;;;;;AASa,MAAIA,IAAEC,GAAiBC,IAAE,OAAO,IAAI,eAAe,GAAE,IAAE,OAAO,IAAI,gBAAgB,GAAEC,IAAE,OAAO,UAAU,gBAAeC,IAAEJ,EAAE,mDAAmD,mBAAkBK,IAAE,EAAC,KAAI,IAAG,KAAI,IAAG,QAAO,IAAG,UAAS,GAAE;AAClP,WAASC,EAAEC,GAAEC,GAAEC,GAAE;AAAC,QAAIC,GAAEC,IAAE,IAAGC,IAAE,MAAKC,IAAE;AAAK,IAASJ,MAAT,WAAaG,IAAE,KAAGH,IAAYD,EAAE,QAAX,WAAiBI,IAAE,KAAGJ,EAAE,MAAcA,EAAE,QAAX,WAAiBK,IAAEL,EAAE;AAAK,SAAIE,KAAKF;AAAE,MAAAL,EAAE,KAAKK,GAAEE,CAAC,KAAG,CAACL,EAAE,eAAeK,CAAC,MAAIC,EAAED,CAAC,IAAEF,EAAEE,CAAC;AAAG,QAAGH,KAAGA,EAAE;AAAa,WAAIG,KAAKF,IAAED,EAAE,cAAaC;AAAE,QAASG,EAAED,CAAC,MAAZ,WAAgBC,EAAED,CAAC,IAAEF,EAAEE,CAAC;AAAG,WAAM,EAAC,UAASR,GAAE,MAAKK,GAAE,KAAIK,GAAE,KAAIC,GAAE,OAAMF,GAAE,QAAOP,EAAE,QAAO;AAAA,EAAC;AAAC,SAAAU,aAAiB,GAAEA,EAAW,MAACR,GAAEQ,EAAA,OAAaR;;","x_google_ignoreList":[0]}