@selfdecode/sd-component-library 4.0.73-vite1 → 4.0.73-vite11

package/lib/sd-component-library33.js

@@ -1,10 +1,9 @@
 import { j as t } from "./sd-component-library195.js";
 import { useMemo as j, useRef as w, useEffect as S } from "react";
-import { Label as g } from "./sd-component-library213.js";
-import "./sd-component-library196.js";
-import { useDependantState as B } from "./sd-component-library3.js";
-import { Box as d } from "./sd-component-library197.js";
-import { FlexCenter as z } from "./sd-component-library37.js";
+import { Label as g } from "@rebass/forms";
+import { Box as d } from "rebass";
+import { useDependantState as z } from "./sd-component-library3.js";
+import { FlexCenter as B } from "./sd-component-library37.js";
 function y(r, n) {
   return (x) => {
     const o = x.target.checked ? "checked" : "unchecked";
@@ -20,7 +19,7 @@ const R = "10px", s = "20px", h = "5px", f = ({ sx: r }) => /* @__PURE__ */ t.js
       ...r
     }
   }
-), D = ({
+), $ = ({
   children: r,
   onChange: n,
   value: x = "unchecked",
@@ -31,7 +30,7 @@ const R = "10px", s = "20px", h = "5px", f = ({ sx: r }) => /* @__PURE__ */ t.js
   m = "10px",
   isHoverCheckbox: u = !1
 }) => {
-  const [e, b] = B(x), a = j(
+  const [e, b] = z(x), a = j(
     () => o ? "cl_grey" : p,
     [p, o]
   ), i = w(null);
@@ -60,7 +59,7 @@ const R = "10px", s = "20px", h = "5px", f = ({ sx: r }) => /* @__PURE__ */ t.js
   );
   return /* @__PURE__ */ t.jsxs(g, { alignItems: "center", "data-test": "partial-checkbox", children: [
     /* @__PURE__ */ t.jsxs(
-      z,
+      B,
       {
         size: s,
         sx: {
@@ -130,6 +129,6 @@ const R = "10px", s = "20px", h = "5px", f = ({ sx: r }) => /* @__PURE__ */ t.js
   ] });
 };
 export {
-  D as PartialCheckbox
+  $ as PartialCheckbox
 };
 //# sourceMappingURL=sd-component-library33.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library33.js","sources":["../src/components/checkboxes/partial-checkbox/partial-checkbox.tsx"],"sourcesContent":["import React, { useEffect, useMemo, useRef } from \"react\";\n\nimport { Label } from \"@rebass/forms\";\nimport { Box, BoxProps } from \"rebass\";\n\nimport { useDependantState } from \"../../../core/custom-hooks\";\nimport { FlexCenter } from \"../../containers\";\nimport { PartialCheckboxProps, PartialCheckboxState } from \"./interfaces\";\n\n/**\n * Wrapper for the change event\n *\n * @param setState The dispatch function to set the state\n * @param callback The call function to run when the event happens\n */\nfunction changeWrapper(\n  setState: React.Dispatch<React.SetStateAction<PartialCheckboxState>>,\n  callback?: (newValue: PartialCheckboxState) => void\n): (event: React.ChangeEvent<HTMLInputElement>) => void {\n  return (event) => {\n    const newValue = event.target.checked ? \"checked\" : \"unchecked\";\n    callback?.(newValue);\n    setState(newValue);\n  };\n}\n\nconst innerBoxSize = \"10px\";\nconst outerBoxSize = \"20px\";\n\nconst shrankSize = \"5px\";\n\nconst InnerBox: React.FC<Pick<BoxProps, \"sx\">> = ({ sx }) => (\n  <Box\n    size={innerBoxSize}\n    sx={{\n      borderRadius: \"2px\",\n      ...sx,\n    }}\n  />\n);\n\n/**\n * Checkbox component that supports partially checked state\n * @deprecated use PartialCheckboxV2 instead\n */\nexport const PartialCheckbox: React.FC<PartialCheckboxProps> = ({\n  children,\n  onChange,\n  value = \"unchecked\",\n  disabled = false,\n  color = \"cl_blue\",\n  bg = \"cl_transparent\",\n  borderWidth = \"2px\",\n  m = \"10px\",\n  isHoverCheckbox = false,\n}) => {\n  const [checkboxState, setCheckboxState] =\n    useDependantState<PartialCheckboxState>(value);\n  const checkedBgColor = useMemo(\n    () => (disabled ? \"cl_grey\" : color),\n    [color, disabled]\n  );\n\n  // Checkbox ref\n  const ref = useRef<HTMLInputElement>(null);\n\n  // Update checkbox element properties if state changes\n  useEffect(() => {\n    if (ref.current) {\n      ref.current.checked = checkboxState === \"checked\";\n      ref.current.indeterminate = checkboxState === \"partial\";\n    }\n  }, [checkboxState]);\n\n  const showHoverCheckbox = isHoverCheckbox && checkboxState === \"unchecked\";\n\n  const innerCheckBox = showHoverCheckbox ? null : checkboxState !==\n    \"partial\" ? (\n    <InnerBox\n      sx={{\n        bg: checkboxState === \"checked\" ? checkedBgColor : bg,\n      }}\n      data-test=\"checkbox-inner-square\"\n    />\n  ) : (\n    <InnerBox\n      sx={{\n        border: \"5px solid\",\n        borderColor: checkedBgColor,\n        borderLeftColor: bg,\n        borderTopColor: bg,\n      }}\n      data-test=\"checkbox-inner-triangle\"\n    />\n  );\n\n  return (\n    <Label alignItems=\"center\" data-test=\"partial-checkbox\">\n      <FlexCenter\n        size={outerBoxSize}\n        sx={{\n          position: \"relative\",\n          m,\n          cursor: \"pointer\",\n          flexShrink: 0,\n        }}\n      >\n        <Box\n          as={\"input\"}\n          type={\"checkbox\"}\n          sx={{\n            position: \"absolute\",\n            opacity: 0,\n            zIndex: -1,\n            width: 1,\n            height: 1,\n            overflow: \"hidden\",\n          }}\n          onChange={changeWrapper(setCheckboxState, onChange)}\n          checked={checkboxState === \"checked\"}\n          disabled={disabled}\n          ref={ref}\n        />\n        {/* Outer border of the checkbox */}\n        <Box\n          sx={{\n            position: \"absolute\",\n            left: 0,\n            top: 0,\n            borderRadius: \"3px\",\n            bg,\n            width: showHoverCheckbox ? shrankSize : outerBoxSize,\n            height: outerBoxSize,\n            borderColor: checkedBgColor,\n            borderStyle: \"solid\",\n            borderWidth: borderWidth,\n            ...(isHoverCheckbox\n              ? {\n                  /* Extends the area where hovering works */\n                  \":before\": {\n                    content: \"''\",\n                    position: \"absolute\",\n                    top: 0,\n                    bottom: 0,\n                    left: shrankSize,\n                    width: `calc(${outerBoxSize} - ${shrankSize})`,\n                  },\n                  \":hover\": {\n                    transition: \"width 0.1s ease-in\",\n                    width: outerBoxSize,\n                  },\n                }\n              : {}),\n          }}\n          data-test=\"checkbox-outer-square\"\n        />\n\n        {innerCheckBox}\n      </FlexCenter>\n\n      {children}\n    </Label>\n  );\n};\n"],"names":["changeWrapper","setState","callback","event","newValue","innerBoxSize","outerBoxSize","shrankSize","InnerBox","sx","jsx","Box","PartialCheckbox","children","onChange","value","disabled","color","bg","borderWidth","isHoverCheckbox","checkboxState","setCheckboxState","useDependantState","checkedBgColor","useMemo","ref","useRef","useEffect","showHoverCheckbox","innerCheckBox","jsxs","Label","FlexCenter"],"mappings":";;;;;;;AAeA,SAASA,EACPC,GACAC,GACsD;AACtD,SAAO,CAACC,MAAU;AAChB,UAAMC,IAAWD,EAAM,OAAO,UAAU,YAAY;AACpD,IAAAD,KAAA,QAAAA,EAAWE,IACXH,EAASG,CAAQ;AAAA,EAAA;AAErB;AAEA,MAAMC,IAAe,QACfC,IAAe,QAEfC,IAAa,OAEbC,IAA2C,CAAC,EAAE,IAAAC,EAAA,MAClDC,gBAAAA,EAAA;AAAA,EAACC;AAAAA,EAAA;AAAA,IACC,MAAMN;AAAA,IACN,IAAI;AAAA,MACF,cAAc;AAAA,MACd,GAAGI;AAAA,IACL;AAAA,EAAA;AACF,GAOWG,IAAkD,CAAC;AAAA,EAC9D,UAAAC;AAAA,EACA,UAAAC;AAAA,EACA,OAAAC,IAAQ;AAAA,EACR,UAAAC,IAAW;AAAA,EACX,OAAAC,IAAQ;AAAA,EACR,IAAAC,IAAK;AAAA,EACL,aAAAC,IAAc;AAAA,EACd,IAAI;AAAA,EACJ,iBAAAC,IAAkB;AACpB,MAAM;AACJ,QAAM,CAACC,GAAeC,CAAgB,IACpCC,EAAwCR,CAAK,GACzCS,IAAiBC;AAAA,IACrB,MAAOT,IAAW,YAAYC;AAAA,IAC9B,CAACA,GAAOD,CAAQ;AAAA,EAAA,GAIZU,IAAMC,EAAyB,IAAI;AAGzC,EAAAC,EAAU,MAAM;AACd,IAAIF,EAAI,YACFA,EAAA,QAAQ,UAAUL,MAAkB,WACpCK,EAAA,QAAQ,gBAAgBL,MAAkB;AAAA,EAChD,GACC,CAACA,CAAa,CAAC;AAEZ,QAAAQ,IAAoBT,KAAmBC,MAAkB,aAEzDS,IAAgBD,IAAoB,OAAOR,MAC/C,YACAX,gBAAAA,EAAA;AAAA,IAACF;AAAA,IAAA;AAAA,MACC,IAAI;AAAA,QACF,IAAIa,MAAkB,YAAYG,IAAiBN;AAAA,MACrD;AAAA,MACA,aAAU;AAAA,IAAA;AAAA,EAAA,IAGZR,gBAAAA,EAAA;AAAA,IAACF;AAAA,IAAA;AAAA,MACC,IAAI;AAAA,QACF,QAAQ;AAAA,QACR,aAAagB;AAAA,QACb,iBAAiBN;AAAA,QACjB,gBAAgBA;AAAA,MAClB;AAAA,MACA,aAAU;AAAA,IAAA;AAAA,EAAA;AAId,SACGa,gBAAAA,EAAAA,KAAAC,GAAA,EAAM,YAAW,UAAS,aAAU,oBACnC,UAAA;AAAA,IAAAD,gBAAAA,EAAA;AAAA,MAACE;AAAA,MAAA;AAAA,QACC,MAAM3B;AAAA,QACN,IAAI;AAAA,UACF,UAAU;AAAA,UACV;AAAA,UACA,QAAQ;AAAA,UACR,YAAY;AAAA,QACd;AAAA,QAEA,UAAA;AAAA,UAAAI,gBAAAA,EAAA;AAAA,YAACC;AAAAA,YAAA;AAAA,cACC,IAAI;AAAA,cACJ,MAAM;AAAA,cACN,IAAI;AAAA,gBACF,UAAU;AAAA,gBACV,SAAS;AAAA,gBACT,QAAQ;AAAA,gBACR,OAAO;AAAA,gBACP,QAAQ;AAAA,gBACR,UAAU;AAAA,cACZ;AAAA,cACA,UAAUX,EAAcsB,GAAkBR,CAAQ;AAAA,cAClD,SAASO,MAAkB;AAAA,cAC3B,UAAAL;AAAA,cACA,KAAAU;AAAA,YAAA;AAAA,UACF;AAAA,UAEAhB,gBAAAA,EAAA;AAAA,YAACC;AAAAA,YAAA;AAAA,cACC,IAAI;AAAA,gBACF,UAAU;AAAA,gBACV,MAAM;AAAA,gBACN,KAAK;AAAA,gBACL,cAAc;AAAA,gBACd,IAAAO;AAAA,gBACA,OAAOW,IAAoBtB,IAAaD;AAAA,gBACxC,QAAQA;AAAA,gBACR,aAAakB;AAAA,gBACb,aAAa;AAAA,gBACb,aAAAL;AAAA,gBACA,GAAIC,IACA;AAAA;AAAA,kBAEE,WAAW;AAAA,oBACT,SAAS;AAAA,oBACT,UAAU;AAAA,oBACV,KAAK;AAAA,oBACL,QAAQ;AAAA,oBACR,MAAMb;AAAA,oBACN,OAAO,QAAQD,CAAY,MAAMC,CAAU;AAAA,kBAC7C;AAAA,kBACA,UAAU;AAAA,oBACR,YAAY;AAAA,oBACZ,OAAOD;AAAA,kBACT;AAAA,gBAAA,IAEF,CAAC;AAAA,cACP;AAAA,cACA,aAAU;AAAA,YAAA;AAAA,UACZ;AAAA,UAECwB;AAAA,QAAA;AAAA,MAAA;AAAA,IACH;AAAA,IAECjB;AAAA,EACH,EAAA,CAAA;AAEJ;"}
+{"version":3,"file":"sd-component-library33.js","sources":["../src/components/checkboxes/partial-checkbox/partial-checkbox.tsx"],"sourcesContent":["import React, { useEffect, useMemo, useRef } from \"react\";\n\nimport { Label } from \"@rebass/forms\";\nimport { Box, BoxProps } from \"rebass\";\n\nimport { useDependantState } from \"../../../core/custom-hooks\";\nimport { FlexCenter } from \"../../containers\";\nimport { PartialCheckboxProps, PartialCheckboxState } from \"./interfaces\";\n\n/**\n * Wrapper for the change event\n *\n * @param setState The dispatch function to set the state\n * @param callback The call function to run when the event happens\n */\nfunction changeWrapper(\n  setState: React.Dispatch<React.SetStateAction<PartialCheckboxState>>,\n  callback?: (newValue: PartialCheckboxState) => void\n): (event: React.ChangeEvent<HTMLInputElement>) => void {\n  return (event) => {\n    const newValue = event.target.checked ? \"checked\" : \"unchecked\";\n    callback?.(newValue);\n    setState(newValue);\n  };\n}\n\nconst innerBoxSize = \"10px\";\nconst outerBoxSize = \"20px\";\n\nconst shrankSize = \"5px\";\n\nconst InnerBox: React.FC<Pick<BoxProps, \"sx\">> = ({ sx }) => (\n  <Box\n    size={innerBoxSize}\n    sx={{\n      borderRadius: \"2px\",\n      ...sx,\n    }}\n  />\n);\n\n/**\n * Checkbox component that supports partially checked state\n * @deprecated use PartialCheckboxV2 instead\n */\nexport const PartialCheckbox: React.FC<PartialCheckboxProps> = ({\n  children,\n  onChange,\n  value = \"unchecked\",\n  disabled = false,\n  color = \"cl_blue\",\n  bg = \"cl_transparent\",\n  borderWidth = \"2px\",\n  m = \"10px\",\n  isHoverCheckbox = false,\n}) => {\n  const [checkboxState, setCheckboxState] =\n    useDependantState<PartialCheckboxState>(value);\n  const checkedBgColor = useMemo(\n    () => (disabled ? \"cl_grey\" : color),\n    [color, disabled]\n  );\n\n  // Checkbox ref\n  const ref = useRef<HTMLInputElement>(null);\n\n  // Update checkbox element properties if state changes\n  useEffect(() => {\n    if (ref.current) {\n      ref.current.checked = checkboxState === \"checked\";\n      ref.current.indeterminate = checkboxState === \"partial\";\n    }\n  }, [checkboxState]);\n\n  const showHoverCheckbox = isHoverCheckbox && checkboxState === \"unchecked\";\n\n  const innerCheckBox = showHoverCheckbox ? null : checkboxState !==\n    \"partial\" ? (\n    <InnerBox\n      sx={{\n        bg: checkboxState === \"checked\" ? checkedBgColor : bg,\n      }}\n      data-test=\"checkbox-inner-square\"\n    />\n  ) : (\n    <InnerBox\n      sx={{\n        border: \"5px solid\",\n        borderColor: checkedBgColor,\n        borderLeftColor: bg,\n        borderTopColor: bg,\n      }}\n      data-test=\"checkbox-inner-triangle\"\n    />\n  );\n\n  return (\n    <Label alignItems=\"center\" data-test=\"partial-checkbox\">\n      <FlexCenter\n        size={outerBoxSize}\n        sx={{\n          position: \"relative\",\n          m,\n          cursor: \"pointer\",\n          flexShrink: 0,\n        }}\n      >\n        <Box\n          as={\"input\"}\n          type={\"checkbox\"}\n          sx={{\n            position: \"absolute\",\n            opacity: 0,\n            zIndex: -1,\n            width: 1,\n            height: 1,\n            overflow: \"hidden\",\n          }}\n          onChange={changeWrapper(setCheckboxState, onChange)}\n          checked={checkboxState === \"checked\"}\n          disabled={disabled}\n          ref={ref}\n        />\n        {/* Outer border of the checkbox */}\n        <Box\n          sx={{\n            position: \"absolute\",\n            left: 0,\n            top: 0,\n            borderRadius: \"3px\",\n            bg,\n            width: showHoverCheckbox ? shrankSize : outerBoxSize,\n            height: outerBoxSize,\n            borderColor: checkedBgColor,\n            borderStyle: \"solid\",\n            borderWidth: borderWidth,\n            ...(isHoverCheckbox\n              ? {\n                  /* Extends the area where hovering works */\n                  \":before\": {\n                    content: \"''\",\n                    position: \"absolute\",\n                    top: 0,\n                    bottom: 0,\n                    left: shrankSize,\n                    width: `calc(${outerBoxSize} - ${shrankSize})`,\n                  },\n                  \":hover\": {\n                    transition: \"width 0.1s ease-in\",\n                    width: outerBoxSize,\n                  },\n                }\n              : {}),\n          }}\n          data-test=\"checkbox-outer-square\"\n        />\n\n        {innerCheckBox}\n      </FlexCenter>\n\n      {children}\n    </Label>\n  );\n};\n"],"names":["changeWrapper","setState","callback","event","newValue","innerBoxSize","outerBoxSize","shrankSize","InnerBox","sx","jsx","Box","PartialCheckbox","children","onChange","value","disabled","color","bg","borderWidth","isHoverCheckbox","checkboxState","setCheckboxState","useDependantState","checkedBgColor","useMemo","ref","useRef","useEffect","showHoverCheckbox","innerCheckBox","jsxs","Label","FlexCenter"],"mappings":"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"}

package/lib/sd-component-library330.js

@@ -1,114 +1,9 @@
-import { system as s, compose as o, get as t } from "./sd-component-library321.js";
-var e = {
-  space: [0, 4, 8, 16, 32, 64, 128, 256, 512]
-}, m = function(p) {
-  return typeof p == "number" && !isNaN(p);
-}, r = function(p, d) {
-  if (!m(p))
-    return t(d, p, p);
-  var g = p < 0, n = Math.abs(p), i = t(d, n, n);
-  return m(i) ? i * (g ? -1 : 1) : g ? "-" + i : i;
-}, a = {};
-a.margin = {
-  margin: {
-    property: "margin",
-    scale: "space",
-    transform: r,
-    defaultScale: e.space
-  },
-  marginTop: {
-    property: "marginTop",
-    scale: "space",
-    transform: r,
-    defaultScale: e.space
-  },
-  marginRight: {
-    property: "marginRight",
-    scale: "space",
-    transform: r,
-    defaultScale: e.space
-  },
-  marginBottom: {
-    property: "marginBottom",
-    scale: "space",
-    transform: r,
-    defaultScale: e.space
-  },
-  marginLeft: {
-    property: "marginLeft",
-    scale: "space",
-    transform: r,
-    defaultScale: e.space
-  },
-  marginX: {
-    properties: ["marginLeft", "marginRight"],
-    scale: "space",
-    transform: r,
-    defaultScale: e.space
-  },
-  marginY: {
-    properties: ["marginTop", "marginBottom"],
-    scale: "space",
-    transform: r,
-    defaultScale: e.space
-  }
-};
-a.margin.m = a.margin.margin;
-a.margin.mt = a.margin.marginTop;
-a.margin.mr = a.margin.marginRight;
-a.margin.mb = a.margin.marginBottom;
-a.margin.ml = a.margin.marginLeft;
-a.margin.mx = a.margin.marginX;
-a.margin.my = a.margin.marginY;
-a.padding = {
-  padding: {
-    property: "padding",
-    scale: "space",
-    defaultScale: e.space
-  },
-  paddingTop: {
-    property: "paddingTop",
-    scale: "space",
-    defaultScale: e.space
-  },
-  paddingRight: {
-    property: "paddingRight",
-    scale: "space",
-    defaultScale: e.space
-  },
-  paddingBottom: {
-    property: "paddingBottom",
-    scale: "space",
-    defaultScale: e.space
-  },
-  paddingLeft: {
-    property: "paddingLeft",
-    scale: "space",
-    defaultScale: e.space
-  },
-  paddingX: {
-    properties: ["paddingLeft", "paddingRight"],
-    scale: "space",
-    defaultScale: e.space
-  },
-  paddingY: {
-    properties: ["paddingTop", "paddingBottom"],
-    scale: "space",
-    defaultScale: e.space
-  }
-};
-a.padding.p = a.padding.padding;
-a.padding.pt = a.padding.paddingTop;
-a.padding.pr = a.padding.paddingRight;
-a.padding.pb = a.padding.paddingBottom;
-a.padding.pl = a.padding.paddingLeft;
-a.padding.px = a.padding.paddingX;
-a.padding.py = a.padding.paddingY;
-var l = s(a.margin), f = s(a.padding), y = o(l, f);
+function i(e) {
+  if (e === void 0)
+    throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
+  return e;
+}
 export {
-  y as default,
-  l as margin,
-  f as padding,
-  y as space
+  i as default
 };
 //# sourceMappingURL=sd-component-library330.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library330.js","sources":["../node_modules/@styled-system/space/dist/index.esm.js"],"sourcesContent":["import { get, system, compose } from '@styled-system/core';\nvar defaults = {\n  space: [0, 4, 8, 16, 32, 64, 128, 256, 512]\n};\n\nvar isNumber = function isNumber(n) {\n  return typeof n === 'number' && !isNaN(n);\n};\n\nvar getMargin = function getMargin(n, scale) {\n  if (!isNumber(n)) {\n    return get(scale, n, n);\n  }\n\n  var isNegative = n < 0;\n  var absolute = Math.abs(n);\n  var value = get(scale, absolute, absolute);\n\n  if (!isNumber(value)) {\n    return isNegative ? '-' + value : value;\n  }\n\n  return value * (isNegative ? -1 : 1);\n};\n\nvar configs = {};\nconfigs.margin = {\n  margin: {\n    property: 'margin',\n    scale: 'space',\n    transform: getMargin,\n    defaultScale: defaults.space\n  },\n  marginTop: {\n    property: 'marginTop',\n    scale: 'space',\n    transform: getMargin,\n    defaultScale: defaults.space\n  },\n  marginRight: {\n    property: 'marginRight',\n    scale: 'space',\n    transform: getMargin,\n    defaultScale: defaults.space\n  },\n  marginBottom: {\n    property: 'marginBottom',\n    scale: 'space',\n    transform: getMargin,\n    defaultScale: defaults.space\n  },\n  marginLeft: {\n    property: 'marginLeft',\n    scale: 'space',\n    transform: getMargin,\n    defaultScale: defaults.space\n  },\n  marginX: {\n    properties: ['marginLeft', 'marginRight'],\n    scale: 'space',\n    transform: getMargin,\n    defaultScale: defaults.space\n  },\n  marginY: {\n    properties: ['marginTop', 'marginBottom'],\n    scale: 'space',\n    transform: getMargin,\n    defaultScale: defaults.space\n  }\n};\nconfigs.margin.m = configs.margin.margin;\nconfigs.margin.mt = configs.margin.marginTop;\nconfigs.margin.mr = configs.margin.marginRight;\nconfigs.margin.mb = configs.margin.marginBottom;\nconfigs.margin.ml = configs.margin.marginLeft;\nconfigs.margin.mx = configs.margin.marginX;\nconfigs.margin.my = configs.margin.marginY;\nconfigs.padding = {\n  padding: {\n    property: 'padding',\n    scale: 'space',\n    defaultScale: defaults.space\n  },\n  paddingTop: {\n    property: 'paddingTop',\n    scale: 'space',\n    defaultScale: defaults.space\n  },\n  paddingRight: {\n    property: 'paddingRight',\n    scale: 'space',\n    defaultScale: defaults.space\n  },\n  paddingBottom: {\n    property: 'paddingBottom',\n    scale: 'space',\n    defaultScale: defaults.space\n  },\n  paddingLeft: {\n    property: 'paddingLeft',\n    scale: 'space',\n    defaultScale: defaults.space\n  },\n  paddingX: {\n    properties: ['paddingLeft', 'paddingRight'],\n    scale: 'space',\n    defaultScale: defaults.space\n  },\n  paddingY: {\n    properties: ['paddingTop', 'paddingBottom'],\n    scale: 'space',\n    defaultScale: defaults.space\n  }\n};\nconfigs.padding.p = configs.padding.padding;\nconfigs.padding.pt = configs.padding.paddingTop;\nconfigs.padding.pr = configs.padding.paddingRight;\nconfigs.padding.pb = configs.padding.paddingBottom;\nconfigs.padding.pl = configs.padding.paddingLeft;\nconfigs.padding.px = configs.padding.paddingX;\nconfigs.padding.py = configs.padding.paddingY;\nexport var margin = system(configs.margin);\nexport var padding = system(configs.padding);\nexport var space = compose(margin, padding);\nexport default space;\n"],"names":["defaults","isNumber","n","getMargin","scale","get","isNegative","absolute","value","configs","margin","system","padding","space","compose"],"mappings":"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","x_google_ignoreList":[0]}
+{"version":3,"file":"sd-component-library330.js","sources":["../node_modules/@babel/runtime/helpers/esm/assertThisInitialized.js"],"sourcesContent":["export default function _assertThisInitialized(self) {\n  if (self === void 0) {\n    throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\");\n  }\n  return self;\n}"],"names":["_assertThisInitialized","self"],"mappings":"AAAe,SAASA,EAAuBC,GAAM;AACnD,MAAIA,MAAS;AACX,UAAM,IAAI,eAAe,2DAA2D;AAEtF,SAAOA;AACT;","x_google_ignoreList":[0]}

package/lib/sd-component-library331.js

@@ -1,16 +1,61 @@
-import { system as o } from "./sd-component-library321.js";
-var s = o({
-  boxShadow: {
-    property: "boxShadow",
-    scale: "shadows"
-  },
-  textShadow: {
-    property: "textShadow",
-    scale: "shadows"
-  }
-});
+import { j as e } from "./sd-component-library195.js";
+import { useMemo as h } from "react";
+import { Flex as p, Box as j } from "rebass";
+import { SixteenRegular as l } from "./sd-component-library148.js";
+import { ThirteenRegular as i } from "./sd-component-library152.js";
+function b(o) {
+  const { synonyms: t, value: r, onSelect: c } = o, n = h(() => t[0], [t]), x = h(() => t.slice(1), [t]), a = h(() => {
+    const s = n.toLowerCase().indexOf(r.toLowerCase());
+    return /* @__PURE__ */ e.jsxs(p, { children: [
+      /* @__PURE__ */ e.jsx(l, { width: [""], cursor: "inherit", children: /* @__PURE__ */ e.jsx("span", { style: { whiteSpace: "pre" }, children: n.substring(0, s) }) }),
+      /* @__PURE__ */ e.jsx(l, { width: [""], color: "cl_purple", cursor: "inherit", children: /* @__PURE__ */ e.jsx("span", { style: { whiteSpace: "pre" }, children: n.substring(s, s + r.length) }) }),
+      /* @__PURE__ */ e.jsx(l, { width: [""], cursor: "inherit", children: /* @__PURE__ */ e.jsx("span", { style: { whiteSpace: "pre" }, children: n.substring(s + r.length) }) })
+    ] });
+  }, [n, r]);
+  return /* @__PURE__ */ e.jsxs(
+    j,
+    {
+      sx: {
+        p: "10px 16px",
+        cursor: "pointer"
+      },
+      onClick: (s) => c(n),
+      "data-test": "result-box",
+      children: [
+        a,
+        /* @__PURE__ */ e.jsx(p, { flexWrap: "wrap", children: x.map((s, d, u) => /* @__PURE__ */ e.jsx(
+          m,
+          {
+            value: r,
+            synonym: s,
+            appendSlash: d !== u.length - 1
+          },
+          s
+        )) })
+      ]
+    }
+  );
+}
+const m = (o) => {
+  const { value: t, synonym: r, appendSlash: c } = o, n = r.toLowerCase().indexOf(t.toLowerCase());
+  return /* @__PURE__ */ e.jsxs(p, { children: [
+    n !== -1 ? /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+      /* @__PURE__ */ e.jsx(i, { width: [""], cursor: "inherit", children: /* @__PURE__ */ e.jsx("span", { style: { whiteSpace: "pre" }, children: r.substring(0, n) }) }),
+      /* @__PURE__ */ e.jsx(i, { width: [""], color: "cl_purple", cursor: "inherit", children: /* @__PURE__ */ e.jsx("span", { style: { whiteSpace: "pre" }, children: r.substring(n, n + t.length) }) }),
+      /* @__PURE__ */ e.jsx(i, { width: [""], cursor: "inherit", children: /* @__PURE__ */ e.jsx("span", { style: { whiteSpace: "pre" }, children: r.substring(n + t.length) }) })
+    ] }) : /* @__PURE__ */ e.jsx(i, { width: [""], cursor: "inherit", children: /* @__PURE__ */ e.jsx("span", { style: { whiteSpace: "pre" }, children: r }) }),
+    c && /* @__PURE__ */ e.jsx(
+      i,
+      {
+        color: "cl_darkGrey",
+        width: ["12px"],
+        textAlign: "center",
+        children: "/"
+      }
+    )
+  ] }, r);
+};
 export {
-  s as default,
-  s as shadow
+  b as AutocompleteOptionBox
 };
 //# sourceMappingURL=sd-component-library331.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library331.js","sources":["../node_modules/@styled-system/shadow/dist/index.esm.js"],"sourcesContent":["import { system } from '@styled-system/core';\nexport var shadow = system({\n  boxShadow: {\n    property: 'boxShadow',\n    scale: 'shadows'\n  },\n  textShadow: {\n    property: 'textShadow',\n    scale: 'shadows'\n  }\n});\nexport default shadow;\n"],"names":["shadow","system"],"mappings":";AACU,IAACA,IAASC,EAAO;AAAA,EACzB,WAAW;AAAA,IACT,UAAU;AAAA,IACV,OAAO;AAAA,EACR;AAAA,EACD,YAAY;AAAA,IACV,UAAU;AAAA,IACV,OAAO;AAAA,EACR;AACH,CAAC;","x_google_ignoreList":[0]}
+{"version":3,"file":"sd-component-library331.js","sources":["../src/components/inputs/autocomplete-input/partials/autocomplete-option-box/autocomplete-option-box.tsx"],"sourcesContent":["import React, { PropsWithChildren, useMemo } from \"react\";\n\nimport { Box, Flex } from \"rebass\";\n\nimport { SixteenRegular } from \"../../../../texts/sixteen-regular\";\nimport { ThirteenRegular } from \"../../../../texts/thirteen-regular\";\nimport { AutocompleteOptionBox as Props } from \"./interfaces\";\n\nexport function AutocompleteOptionBox<T>(props: PropsWithChildren<Props<T>>) {\n  const { synonyms, value, onSelect } = props;\n\n  /* Synonym that first matches the query */\n  const matchingSynonym = useMemo(() => synonyms[0], [synonyms]);\n  /* List of synonyms to be displayed below the matching synonym */\n  const otherSynonyms = useMemo(() => synonyms.slice(1), [synonyms]);\n\n  const renderMatchingSynonym = useMemo(() => {\n    const startIndex = matchingSynonym\n      .toLowerCase()\n      .indexOf(value.toLowerCase());\n\n    return (\n      <Flex>\n        <SixteenRegular width={[\"\"]} cursor={\"inherit\"}>\n          <span style={{ whiteSpace: \"pre\" }}>\n            {matchingSynonym.substring(0, startIndex)}\n          </span>\n        </SixteenRegular>\n        <SixteenRegular width={[\"\"]} color=\"cl_purple\" cursor={\"inherit\"}>\n          <span style={{ whiteSpace: \"pre\" }}>\n            {matchingSynonym.substring(startIndex, startIndex + value.length)}\n          </span>\n        </SixteenRegular>\n        <SixteenRegular width={[\"\"]} cursor={\"inherit\"}>\n          <span style={{ whiteSpace: \"pre\" }}>\n            {matchingSynonym.substring(startIndex + value.length)}\n          </span>\n        </SixteenRegular>\n      </Flex>\n    );\n  }, [matchingSynonym, value]);\n\n  return (\n    <Box\n      sx={{\n        p: \"10px 16px\",\n        cursor: \"pointer\",\n      }}\n      onClick={(x) => onSelect(matchingSynonym)}\n      data-test=\"result-box\"\n    >\n      {renderMatchingSynonym}\n      <Flex flexWrap=\"wrap\">\n        {otherSynonyms.map((synonym, idx, arr) => (\n          <OtherSynonym\n            key={synonym}\n            value={value}\n            synonym={synonym}\n            appendSlash={idx !== arr.length - 1}\n          />\n        ))}\n      </Flex>\n    </Box>\n  );\n}\n\nconst OtherSynonym: React.FC<{\n  value: string;\n  synonym: string;\n  appendSlash: boolean;\n}> = (props) => {\n  const { value, synonym, appendSlash } = props;\n  const matchIdx = synonym.toLowerCase().indexOf(value.toLowerCase());\n\n  return (\n    <Flex key={synonym}>\n      {matchIdx !== -1 ? (\n        <>\n          <ThirteenRegular width={[\"\"]} cursor={\"inherit\"}>\n            <span style={{ whiteSpace: \"pre\" }}>\n              {synonym.substring(0, matchIdx)}\n            </span>\n          </ThirteenRegular>\n          <ThirteenRegular width={[\"\"]} color=\"cl_purple\" cursor={\"inherit\"}>\n            <span style={{ whiteSpace: \"pre\" }}>\n              {synonym.substring(matchIdx, matchIdx + value.length)}\n            </span>\n          </ThirteenRegular>\n          <ThirteenRegular width={[\"\"]} cursor={\"inherit\"}>\n            <span style={{ whiteSpace: \"pre\" }}>\n              {synonym.substring(matchIdx + value.length)}\n            </span>\n          </ThirteenRegular>\n        </>\n      ) : (\n        <ThirteenRegular width={[\"\"]} cursor={\"inherit\"}>\n          <span style={{ whiteSpace: \"pre\" }}>{synonym}</span>\n        </ThirteenRegular>\n      )}\n\n      {appendSlash && (\n        <ThirteenRegular\n          color=\"cl_darkGrey\"\n          width={[\"12px\"]}\n          textAlign=\"center\"\n        >\n          /\n        </ThirteenRegular>\n      )}\n    </Flex>\n  );\n};\n"],"names":["AutocompleteOptionBox","props","synonyms","value","onSelect","matchingSynonym","useMemo","otherSynonyms","renderMatchingSynonym","startIndex","Flex","jsx","SixteenRegular","jsxs","Box","x","synonym","idx","arr","OtherSynonym","appendSlash","matchIdx","Fragment","ThirteenRegular"],"mappings":"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"}

package/lib/sd-component-library332.js

@@ -1,28 +1,237 @@
-import { createParser as S, get as i } from "./sd-component-library321.js";
-import m from "./sd-component-library333.js";
-var n = function(t) {
-  var e, c = t.scale, s = t.prop, p = s === void 0 ? "variant" : s, l = t.variants, v = l === void 0 ? {} : l, u = t.key, r;
-  Object.keys(v).length ? r = function(a, o, k) {
-    return m(i(o, a, null))(k.theme);
-  } : r = function(a, o) {
-    return i(o, a, null);
-  }, r.scale = c || u, r.defaults = v;
-  var y = (e = {}, e[p] = r, e), f = S(y);
-  return f;
-}, h = n({
-  key: "buttons"
-}), $ = n({
-  key: "textStyles",
-  prop: "textStyle"
-}), j = n({
-  key: "colorStyles",
-  prop: "colors"
-});
-export {
-  h as buttonStyle,
-  j as colorStyle,
-  n as default,
-  $ as textStyle,
-  n as variant
-};
+import { __exports as Z } from "./sd-component-library338.js";
+import k from "react";
+import { p as ee } from "./sd-component-library298.js";
+import "./sd-component-library333.js";
+import "./sd-component-library355.js";
+import "./sd-component-library356.js";
+import te from "./sd-component-library357.js";
+import { c as ne } from "./sd-component-library358.js";
+import "./sd-component-library359.js";
+import { __exports as re } from "./sd-component-library339.js";
+import { __exports as ae } from "./sd-component-library360.js";
+import { __exports as oe } from "./sd-component-library361.js";
+import { __exports as ie } from "./sd-component-library362.js";
+(function(S) {
+  Object.defineProperty(S, "__esModule", {
+    value: !0
+  }), S.default = void 0;
+  var T = A(k), y = R(ee), M = R(re), z = ae, b = ie, u = te, B = R(ne), K = R(oe);
+  function R(e) {
+    return e && e.__esModule ? e : { default: e };
+  }
+  function j() {
+    if (typeof WeakMap != "function")
+      return null;
+    var e = /* @__PURE__ */ new WeakMap();
+    return j = function() {
+      return e;
+    }, e;
+  }
+  function A(e) {
+    if (e && e.__esModule)
+      return e;
+    if (e === null || h(e) !== "object" && typeof e != "function")
+      return { default: e };
+    var t = j();
+    if (t && t.has(e))
+      return t.get(e);
+    var n = {}, a = Object.defineProperty && Object.getOwnPropertyDescriptor;
+    for (var r in e)
+      if (Object.prototype.hasOwnProperty.call(e, r)) {
+        var o = a ? Object.getOwnPropertyDescriptor(e, r) : null;
+        o && (o.get || o.set) ? Object.defineProperty(n, r, o) : n[r] = e[r];
+      }
+    return n.default = e, t && t.set(e, n), n;
+  }
+  function h(e) {
+    return typeof Symbol == "function" && typeof Symbol.iterator == "symbol" ? h = function(n) {
+      return typeof n;
+    } : h = function(n) {
+      return n && typeof Symbol == "function" && n.constructor === Symbol && n !== Symbol.prototype ? "symbol" : typeof n;
+    }, h(e);
+  }
+  function C() {
+    return C = Object.assign || function(e) {
+      for (var t = 1; t < arguments.length; t++) {
+        var n = arguments[t];
+        for (var a in n)
+          Object.prototype.hasOwnProperty.call(n, a) && (e[a] = n[a]);
+      }
+      return e;
+    }, C.apply(this, arguments);
+  }
+  function q(e, t) {
+    var n = Object.keys(e);
+    if (Object.getOwnPropertySymbols) {
+      var a = Object.getOwnPropertySymbols(e);
+      t && (a = a.filter(function(r) {
+        return Object.getOwnPropertyDescriptor(e, r).enumerable;
+      })), n.push.apply(n, a);
+    }
+    return n;
+  }
+  function x(e) {
+    for (var t = 1; t < arguments.length; t++) {
+      var n = arguments[t] != null ? arguments[t] : {};
+      t % 2 ? q(Object(n), !0).forEach(function(a) {
+        p(e, a, n[a]);
+      }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(n)) : q(Object(n)).forEach(function(a) {
+        Object.defineProperty(e, a, Object.getOwnPropertyDescriptor(n, a));
+      });
+    }
+    return e;
+  }
+  function G(e, t) {
+    if (!(e instanceof t))
+      throw new TypeError("Cannot call a class as a function");
+  }
+  function $(e, t) {
+    for (var n = 0; n < t.length; n++) {
+      var a = t[n];
+      a.enumerable = a.enumerable || !1, a.configurable = !0, "value" in a && (a.writable = !0), Object.defineProperty(e, a.key, a);
+    }
+  }
+  function H(e, t, n) {
+    return t && $(e.prototype, t), n && $(e, n), e;
+  }
+  function J(e, t) {
+    return t && (h(t) === "object" || typeof t == "function") ? t : m(e);
+  }
+  function F(e) {
+    return F = Object.setPrototypeOf ? Object.getPrototypeOf : function(n) {
+      return n.__proto__ || Object.getPrototypeOf(n);
+    }, F(e);
+  }
+  function m(e) {
+    if (e === void 0)
+      throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
+    return e;
+  }
+  function L(e, t) {
+    if (typeof t != "function" && t !== null)
+      throw new TypeError("Super expression must either be null or a function");
+    e.prototype = Object.create(t && t.prototype, { constructor: { value: e, writable: !0, configurable: !0 } }), t && N(e, t);
+  }
+  function N(e, t) {
+    return N = Object.setPrototypeOf || function(a, r) {
+      return a.__proto__ = r, a;
+    }, N(e, t);
+  }
+  function p(e, t, n) {
+    return t in e ? Object.defineProperty(e, t, { value: n, enumerable: !0, configurable: !0, writable: !0 }) : e[t] = n, e;
+  }
+  var E = /* @__PURE__ */ function(e) {
+    L(t, e);
+    function t(n, a) {
+      var r;
+      return G(this, t), r = J(this, F(t).call(this, n, a)), p(m(r), "calcNewSelection", function(o) {
+        var g = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : !0, s = r.props.focusedRange || r.state.focusedRange, c = r.props, d = c.ranges, l = c.onChange, O = c.maxDate, w = c.moveRangeOnFirstSelection, v = c.disabledDates, _ = s[0], W = d[_];
+        if (!W || !l)
+          return {};
+        var f = W.startDate, i = W.endDate;
+        i || (i = new Date(f));
+        var D;
+        if (!g)
+          f = o.startDate, i = o.endDate;
+        else if (s[1] === 0) {
+          var U = (0, u.differenceInCalendarDays)(i, f);
+          f = o, i = w ? (0, u.addDays)(o, U) : o, O && (i = (0, u.min)([i, O])), D = [s[0], 1];
+        } else
+          i = o;
+        var I = s[1] === 0;
+        if ((0, u.isBefore)(i, f)) {
+          I = !I;
+          var V = [i, f];
+          f = V[0], i = V[1];
+        }
+        var P = v.filter(function(Y) {
+          return (0, u.isWithinInterval)(Y, {
+            start: f,
+            end: i
+          });
+        });
+        if (P.length > 0 && (I ? f = (0, u.addDays)((0, u.max)(P), 1) : i = (0, u.addDays)((0, u.min)(P), -1)), !D) {
+          var X = (0, b.findNextRangeIndex)(r.props.ranges, s[0]);
+          D = [X, 0];
+        }
+        return {
+          wasValid: !(P.length > 0),
+          range: {
+            startDate: f,
+            endDate: i
+          },
+          nextFocusRange: D
+        };
+      }), p(m(r), "setSelection", function(o, g) {
+        var s = r.props, c = s.onChange, d = s.ranges, l = s.onRangeFocusChange, O = r.props.focusedRange || r.state.focusedRange, w = O[0], v = d[w];
+        if (v) {
+          var _ = r.calcNewSelection(o, g);
+          c(p({}, v.key || "range".concat(w + 1), x({}, v, {}, _.range))), r.setState({
+            focusedRange: _.nextFocusRange,
+            preview: null
+          }), l && l(_.nextFocusRange);
+        }
+      }), p(m(r), "handleRangeFocusChange", function(o) {
+        r.setState({
+          focusedRange: o
+        }), r.props.onRangeFocusChange && r.props.onRangeFocusChange(o);
+      }), p(m(r), "updatePreview", function(o) {
+        if (!o) {
+          r.setState({
+            preview: null
+          });
+          return;
+        }
+        var g = r.props, s = g.rangeColors, c = g.ranges, d = r.props.focusedRange || r.state.focusedRange, l = c[d[0]].color || s[d[0]] || l;
+        r.setState({
+          preview: x({}, o.range, {
+            color: l
+          })
+        });
+      }), r.state = {
+        focusedRange: n.initialFocusedRange || [(0, b.findNextRangeIndex)(n.ranges), 0],
+        preview: null
+      }, r.styles = (0, b.generateStyles)([K.default, n.classNames]), r;
+    }
+    return H(t, [{
+      key: "render",
+      value: function() {
+        var a = this;
+        return T.default.createElement(M.default, C({
+          focusedRange: this.state.focusedRange,
+          onRangeFocusChange: this.handleRangeFocusChange,
+          preview: this.state.preview,
+          onPreviewChange: function(o) {
+            a.updatePreview(o ? a.calcNewSelection(o) : null);
+          }
+        }, this.props, {
+          displayMode: "dateRange",
+          className: (0, B.default)(this.styles.dateRangeWrapper, this.props.className),
+          onChange: this.setSelection,
+          updateRange: function(o) {
+            return a.setSelection(o, !1);
+          },
+          ref: function(o) {
+            a.calendar = o;
+          }
+        }));
+      }
+    }]), t;
+  }(T.Component);
+  E.defaultProps = {
+    classNames: {},
+    ranges: [],
+    moveRangeOnFirstSelection: !1,
+    rangeColors: ["#3d91ff", "#3ecf8e", "#fed14c"],
+    disabledDates: []
+  }, E.propTypes = x({}, M.default.propTypes, {
+    onChange: y.default.func,
+    onRangeFocusChange: y.default.func,
+    className: y.default.string,
+    ranges: y.default.arrayOf(z.rangeShape),
+    moveRangeOnFirstSelection: y.default.bool
+  });
+  var Q = E;
+  S.default = Q;
+})(Z);
 //# sourceMappingURL=sd-component-library332.js.map