@selfdecode/sd-component-library 4.0.136 → 4.0.137

package/lib/components/buttons/button/interfaces.d.ts

@@ -185,4 +185,5 @@ export interface ButtonProps extends BaseComponentProps, Pick<LinkProps, "target
      * Default value: "pointer"
      */
     cursor?: CSSProperties["cursor"];
+    tooltipText?: string;
 }

package/lib/sd-component-library100.js

@@ -1,6 +1,6 @@
 import { j as r } from "./sd-component-library197.js";
-import { LinearGaugeSegment as c } from "./sd-component-library249.js";
-import { LinearGaugeLabel as d } from "./sd-component-library250.js";
+import { LinearGaugeSegment as c } from "./sd-component-library250.js";
+import { LinearGaugeLabel as d } from "./sd-component-library251.js";
 import { GridCenter as f } from "./sd-component-library41.js";
 import { GridContainerV2 as h } from "./sd-component-library38.js";
 function $(l) {

package/lib/sd-component-library101.js

@@ -1,9 +1,9 @@
 import { j as e } from "./sd-component-library197.js";
-import { isMatchingRange as u } from "./sd-component-library248.js";
+import { isMatchingRange as u } from "./sd-component-library249.js";
 import { GridCenter as c } from "./sd-component-library41.js";
 import { GridContainerV2 as f } from "./sd-component-library38.js";
-import { LinearGaugeSegment as d } from "./sd-component-library249.js";
-import { LinearGaugeLabel as j } from "./sd-component-library250.js";
+import { LinearGaugeSegment as d } from "./sd-component-library250.js";
+import { LinearGaugeLabel as j } from "./sd-component-library251.js";
 const M = ({
   gap: i = 3,
   segmentHeight: l = 8,

package/lib/sd-component-library104.js

@@ -1,8 +1,8 @@
 import { j as r } from "./sd-component-library197.js";
 import { useDependantState as j } from "./sd-component-library3.js";
-import { SquareButton as g } from "./sd-component-library254.js";
+import { SquareButton as g } from "./sd-component-library258.js";
 import { ReactComponent as P } from "./sd-component-library255.js";
-import { CurrentPage as h } from "./sd-component-library256.js";
+import { CurrentPage as h } from "./sd-component-library259.js";
 import { ReactComponent as S } from "./sd-component-library257.js";
 import { GridCenter as R } from "./sd-component-library41.js";
 function x(m, t, o, n) {

package/lib/sd-component-library106.js

@@ -1,7 +1,7 @@
 import { j as e } from "./sd-component-library197.js";
-import { PaginationBarButton as i } from "./sd-component-library258.js";
+import { PaginationBarButton as i } from "./sd-component-library254.js";
 import { ReactComponent as h } from "./sd-component-library255.js";
-import { PaginationBarCurrentPage as u } from "./sd-component-library259.js";
+import { PaginationBarCurrentPage as u } from "./sd-component-library256.js";
 import { ReactComponent as f } from "./sd-component-library257.js";
 import { GridContainerV2 as s } from "./sd-component-library38.js";
 import { ResponsiveTextV2 as j } from "./sd-component-library150.js";

package/lib/sd-component-library112.js

@@ -3,7 +3,7 @@ import { useMemo as P } from "react";
 import { Select as Z } from "@rebass/forms";
 import { Box as q } from "rebass";
 import { useDependantState as G } from "./sd-component-library3.js";
-import { BaseLabel as J } from "./sd-component-library222.js";
+import { BaseLabel as J } from "./sd-component-library225.js";
 import { MaxMaxContainer as K } from "./sd-component-library40.js";
 import { ResponsiveTextV2 as Q } from "./sd-component-library150.js";
 const U = (s, r, t, d, a, n) => {

package/lib/sd-component-library117.js

@@ -3,7 +3,7 @@ import u, { useState as h, useMemo as f } from "react";
 import { Box as g } from "rebass";
 import { OutsideClickBox as b } from "./sd-component-library12.js";
 import { ReactComponent as j } from "./sd-component-library188.js";
-import { CustomOptionBox as C } from "./sd-component-library260.js";
+import { CustomOptionBox as C } from "./sd-component-library261.js";
 import { GridCenter as S } from "./sd-component-library41.js";
 import { EighteenRegular as d } from "./sd-component-library142.js";
 import { HorizontalDivider as _ } from "./sd-component-library48.js";

package/lib/sd-component-library118.js

@@ -1,9 +1,9 @@
 import { j as o } from "./sd-component-library197.js";
 import { useState as x } from "react";
-import { BaseLabel as f } from "./sd-component-library222.js";
+import { BaseLabel as f } from "./sd-component-library225.js";
 import { OutsideClickBox as u } from "./sd-component-library12.js";
 import { ReactComponent as h } from "./sd-component-library188.js";
-import { SecondaryCustomSelectorOptionsBox as S } from "./sd-component-library261.js";
+import { SecondaryCustomSelectorOptionsBox as S } from "./sd-component-library260.js";
 import { GridContainerV2 as g } from "./sd-component-library38.js";
 import { ResponsiveTextV2 as C } from "./sd-component-library150.js";
 import { FlexCenter as j } from "./sd-component-library34.js";

package/lib/sd-component-library120.js

@@ -5,7 +5,7 @@ import { ReactComponent as x } from "./sd-component-library188.js";
 import { ResponsiveTextV2 as f } from "./sd-component-library150.js";
 import { BaseTextV2 as u } from "./sd-component-library138.js";
 import { FlexCenter as h } from "./sd-component-library34.js";
-import { SecondaryCustomSelectorOptionsBox as g } from "./sd-component-library261.js";
+import { SecondaryCustomSelectorOptionsBox as g } from "./sd-component-library260.js";
 const k = ({
   width: l,
   options: r,

package/lib/sd-component-library126.js

@@ -1,8 +1,8 @@
 import { j as o } from "./sd-component-library197.js";
 import { useState as x } from "react";
-import { BaseLabel as f } from "./sd-component-library222.js";
+import { BaseLabel as f } from "./sd-component-library225.js";
 import { ReactComponent as u } from "./sd-component-library188.js";
-import { CustomScrollableOptionsBox as h } from "./sd-component-library264.js";
+import { CustomScrollableOptionsBox as h } from "./sd-component-library263.js";
 import { GridContainerV2 as S } from "./sd-component-library38.js";
 import { OutsideClickBox as b } from "./sd-component-library12.js";
 import { ResponsiveTextV2 as C } from "./sd-component-library150.js";

package/lib/sd-component-library127.js

@@ -2,9 +2,9 @@ import { j as o } from "./sd-component-library197.js";
 import { useState as x } from "react";
 import { Flex as i } from "rebass";
 import { OutsideClickBox as d } from "./sd-component-library12.js";
-import { BaseLabel as u } from "./sd-component-library222.js";
+import { BaseLabel as u } from "./sd-component-library225.js";
 import { ReactComponent as f } from "./sd-component-library188.js";
-import { CustomScrollableOptionsBox as h } from "./sd-component-library263.js";
+import { CustomScrollableOptionsBox as h } from "./sd-component-library264.js";
 import { ResponsiveTextV2 as b } from "./sd-component-library150.js";
 const w = (t) => {
   const { leftSlot: s, label: l, value: n, width: c } = t, [e, r] = x(!1), p = () => r(!1), a = () => r((m) => !m);

package/lib/sd-component-library129.js

@@ -1,6 +1,6 @@
 import { j as t } from "./sd-component-library197.js";
 import { IconButton as s } from "./sd-component-library23.js";
-import { ReactComponent as c } from "./sd-component-library224.js";
+import { ReactComponent as c } from "./sd-component-library204.js";
 import { EighteenBold as p } from "./sd-component-library141.js";
 import { GridCenter as g } from "./sd-component-library41.js";
 const C = ({

package/lib/sd-component-library167.js

@@ -4,7 +4,7 @@ import { Flex as s, Box as i } from "rebass";
 import { useHover as m } from "./sd-component-library3.js";
 import { ReactComponent as b } from "./sd-component-library188.js";
 import { TriangularPointerIcon as u } from "./sd-component-library191.js";
-import { ActionBox as g } from "./sd-component-library251.js";
+import { ActionBox as g } from "./sd-component-library214.js";
 import { HorizontalDivider as n } from "./sd-component-library48.js";
 const B = (x) => {
   const {

package/lib/sd-component-library172.js

@@ -4,9 +4,9 @@ import { Box as z } from "rebass";
 import { useBreakPoints as B, useBodyScrollLock as C } from "./sd-component-library3.js";
 import { isIOS as E } from "./sd-component-library4.js";
 import M from "./sd-component-library252.js";
-import { TooltipWithPointerMobile as V } from "./sd-component-library272.js";
-import { TooltipWithPointerHorizontal as D } from "./sd-component-library273.js";
-import { TooltipWithPointerVertical as I } from "./sd-component-library274.js";
+import { TooltipWithPointerMobile as V } from "./sd-component-library274.js";
+import { TooltipWithPointerHorizontal as D } from "./sd-component-library275.js";
+import { TooltipWithPointerVertical as I } from "./sd-component-library276.js";
 const f = 200, N = (u) => {
   const {
     children: x,

package/lib/sd-component-library202.js

@@ -1,4 +1,4 @@
-import { __exports as t } from "./sd-component-library275.js";
+import { __exports as t } from "./sd-component-library272.js";
 import R from "react";
 /**
  * @license React

package/lib/sd-component-library203.js

@@ -1,4 +1,4 @@
-import { __exports as R } from "./sd-component-library276.js";
+import { __exports as R } from "./sd-component-library273.js";
 import tr from "react";
 /**
  * @license React

package/lib/sd-component-library204.js

@@ -1,29 +1,6 @@
-import { j as o } from "./sd-component-library197.js";
-import { Box as m } from "rebass";
-import { generateTestLocator as p } from "./sd-component-library4.js";
-import { ReactComponent as f } from "./sd-component-library182.js";
-const h = (t) => {
-  const { width: n, height: r, fill: e, stroke: i, icon: s } = t, a = s || f;
-  return /* @__PURE__ */ o.jsx(
-    m,
-    {
-      sx: {
-        width: n || 25,
-        height: r || 25,
-        fill: e || "purple",
-        stroke: i || "none",
-        animation: "rotation 2s infinite linear",
-        "@keyframes rotation ": {
-          from: { transform: "rotate(0deg)" },
-          to: { transform: "rotate(359deg)" }
-        }
-      },
-      ...p("loading-spinner"),
-      children: /* @__PURE__ */ o.jsx(a, {})
-    }
-  );
-};
+import * as t from "react";
+const e = (a) => /* @__PURE__ */ t.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: 9.984, height: 6.021, viewBox: "0 0 9.984 6.021", ...a }, /* @__PURE__ */ t.createElement("path", { id: "dropdown_arrow_up", d: "M1262.106,88.295l4.662-4.218a.336.336,0,0,1,.459,0l4.662,4.218a.266.266,0,0,1,0,.416l-.5,1.205a.327.327,0,0,1-.23.091.331.331,0,0,1-.23-.091L1267,86.359l-3.93,3.557a.338.338,0,0,1-.46,0l-.5-1.205a.265.265,0,0,1,0-.416Z", transform: "translate(-1262.005 -83.986)" }));
 export {
-  h as LoadingSpinner
+  e as ReactComponent
 };
 //# sourceMappingURL=sd-component-library204.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library204.js","sources":["../src/components/animations/loading-spinner/loading-spinner.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { Box } from \"rebass\";\n\nimport { generateTestLocator } from \"../../../core/functions\";\nimport { RescanIcon } from \"../../icons\";\nimport { LoadingSpinnerProps as Props } from \"./interfaces\";\n\nexport const LoadingSpinner: React.FC<Props> = (props) => {\n  const { width, height, fill, stroke, icon } = props;\n\n  const IconComponent = icon || RescanIcon;\n\n  return (\n    <Box\n      sx={{\n        width: width || 25,\n        height: height || 25,\n        fill: fill || \"purple\",\n        stroke: stroke || \"none\",\n        animation: \"rotation 2s infinite linear\",\n\n        \"@keyframes rotation \": {\n          from: { transform: \"rotate(0deg)\" },\n          to: { transform: \"rotate(359deg)\" },\n        },\n      }}\n      {...generateTestLocator(\"loading-spinner\")}\n    >\n      <IconComponent />\n    </Box>\n  );\n};\n"],"names":["LoadingSpinner","props","width","height","fill","stroke","icon","IconComponent","RescanIcon","jsx","Box","generateTestLocator"],"mappings":";;;;AAQa,MAAAA,IAAkC,CAACC,MAAU;AACxD,QAAM,EAAE,OAAAC,GAAO,QAAAC,GAAQ,MAAAC,GAAM,QAAAC,GAAQ,MAAAC,EAAS,IAAAL,GAExCM,IAAgBD,KAAQE;AAG5B,SAAAC,gBAAAA,EAAA;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,IAAI;AAAA,QACF,OAAOR,KAAS;AAAA,QAChB,QAAQC,KAAU;AAAA,QAClB,MAAMC,KAAQ;AAAA,QACd,QAAQC,KAAU;AAAA,QAClB,WAAW;AAAA,QAEX,wBAAwB;AAAA,UACtB,MAAM,EAAE,WAAW,eAAe;AAAA,UAClC,IAAI,EAAE,WAAW,iBAAiB;AAAA,QACpC;AAAA,MACF;AAAA,MACC,GAAGM,EAAoB,iBAAiB;AAAA,MAEzC,gCAACJ,GAAc,EAAA;AAAA,IAAA;AAAA,EAAA;AAGrB;"}
+{"version":3,"file":"sd-component-library204.js","sources":["../src/components/accordions/base-accordion/assets/dropdown_arrow_up.svg"],"sourcesContent":["export default \"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI5Ljk4NCIgaGVpZ2h0PSI2LjAyMSIgdmlld0JveD0iMCAwIDkuOTg0IDYuMDIxIj4NCiAgPHBhdGggaWQ9ImRyb3Bkb3duX2Fycm93X3VwIiBkPSJNMTI2Mi4xMDYsODguMjk1bDQuNjYyLTQuMjE4YS4zMzYuMzM2LDAsMCwxLC40NTksMGw0LjY2Miw0LjIxOGEuMjY2LjI2NiwwLDAsMSwwLC40MTZsLS41LDEuMjA1YS4zMjcuMzI3LDAsMCwxLS4yMy4wOTEuMzMxLjMzMSwwLDAsMS0uMjMtLjA5MUwxMjY3LDg2LjM1OWwtMy45MywzLjU1N2EuMzM4LjMzOCwwLDAsMS0uNDYsMGwtLjUtMS4yMDVhLjI2NS4yNjUsMCwwLDEsMC0uNDE2WiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTEyNjIuMDA1IC04My45ODYpIi8+DQo8L3N2Zz4NCg==\""],"names":["SvgDropdownArrowUp","props","React"],"mappings":";AACK,MAACA,IAAqB,CAACC,MAA0B,gBAAAC,EAAM,cAAc,OAAO,EAAE,OAAO,8BAA8B,OAAO,OAAO,QAAQ,OAAO,SAAS,mBAAmB,GAAGD,EAAO,GAAkB,gBAAAC,EAAM,cAAc,QAAQ,EAAE,IAAI,qBAAqB,GAAG,8NAA8N,WAAW,+BAA8B,CAAE,CAAC;"}

package/lib/sd-component-library212.js

@@ -1,43 +1,29 @@
 import { j as o } from "./sd-component-library197.js";
-import p from "react";
-import { Box as a } from "rebass";
-import { AutocompleteOptionBox as n } from "./sd-component-library309.js";
-import { HorizontalDivider as d } from "./sd-component-library48.js";
-function f(s) {
-  const { results: t, value: i, onSelect: l, translateContent: x = !0 } = s;
+import { Box as m } from "rebass";
+import { generateTestLocator as p } from "./sd-component-library4.js";
+import { ReactComponent as f } from "./sd-component-library182.js";
+const h = (t) => {
+  const { width: n, height: r, fill: e, stroke: i, icon: s } = t, a = s || f;
   return /* @__PURE__ */ o.jsx(
-    a,
+    m,
     {
       sx: {
-        position: "absolute",
-        top: "100%",
-        bg: "white",
-        width: "100%",
-        borderRadius: "0px 0px 3px 3px",
-        borderWidth: "1px",
-        borderStyle: "solid",
-        borderColor: "#C8CCE5",
-        boxShadow: "2px 3px 10px rgba(211,223,255,0.25)",
-        zIndex: 100
+        width: n || 25,
+        height: r || 25,
+        fill: e || "purple",
+        stroke: i || "none",
+        animation: "rotation 2s infinite linear",
+        "@keyframes rotation ": {
+          from: { transform: "rotate(0deg)" },
+          to: { transform: "rotate(359deg)" }
+        }
       },
-      className: x ? void 0 : "no-translate",
-      "data-test": "results-box",
-      children: t.map(({ synonyms: r }, e) => /* @__PURE__ */ o.jsxs(p.Fragment, { children: [
-        /* @__PURE__ */ o.jsx(
-          n,
-          {
-            value: i,
-            synonyms: r,
-            onSelect: l
-          },
-          r.join()
-        ),
-        e !== t.length - 1 && /* @__PURE__ */ o.jsx(d, { color: "cl_lightGrey" })
-      ] }, e))
+      ...p("loading-spinner"),
+      children: /* @__PURE__ */ o.jsx(a, {})
     }
   );
-}
+};
 export {
-  f as ResultsBox
+  h as LoadingSpinner
 };
 //# sourceMappingURL=sd-component-library212.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library212.js","sources":["../src/components/inputs/autocomplete-input/partials/results-box/results-box.tsx"],"sourcesContent":["import React, { PropsWithChildren } from \"react\";\n\nimport { Box } from \"rebass\";\n\nimport { HorizontalDivider } from \"../../../../dividers/horizontal-divider\";\nimport { AutocompleteOptionBox } from \"../autocomplete-option-box\";\nimport { ResultsBoxProps as Props } from \"./interfaces\";\n\nexport function ResultsBox<T>(props: PropsWithChildren<Props<T>>) {\n  const { results, value, onSelect, translateContent = true } = props;\n\n  return (\n    <Box\n      sx={{\n        position: \"absolute\",\n        top: \"100%\",\n        bg: \"white\",\n        width: \"100%\",\n        borderRadius: \"0px 0px 3px 3px\",\n        borderWidth: \"1px\",\n        borderStyle: \"solid\",\n        borderColor: \"#C8CCE5\",\n        boxShadow: \"2px 3px 10px rgba(211,223,255,0.25)\",\n        zIndex: 100,\n      }}\n      className={!translateContent ? \"no-translate\" : undefined}\n      data-test=\"results-box\"\n    >\n      {results.map(({ synonyms }, idx) => (\n        <React.Fragment key={idx}>\n          <AutocompleteOptionBox\n            value={value}\n            synonyms={synonyms}\n            key={synonyms.join()}\n            onSelect={onSelect}\n          />\n          {idx !== results.length - 1 && (\n            <HorizontalDivider color=\"cl_lightGrey\" />\n          )}\n        </React.Fragment>\n      ))}\n    </Box>\n  );\n}\n"],"names":["ResultsBox","props","results","value","onSelect","translateContent","jsx","Box","synonyms","idx","jsxs","React","AutocompleteOptionBox","HorizontalDivider"],"mappings":";;;;;AAQO,SAASA,EAAcC,GAAoC;AAChE,QAAM,EAAE,SAAAC,GAAS,OAAAC,GAAO,UAAAC,GAAU,kBAAAC,IAAmB,GAAS,IAAAJ;AAG5D,SAAAK,gBAAAA,EAAA;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,IAAI;AAAA,QACF,UAAU;AAAA,QACV,KAAK;AAAA,QACL,IAAI;AAAA,QACJ,OAAO;AAAA,QACP,cAAc;AAAA,QACd,aAAa;AAAA,QACb,aAAa;AAAA,QACb,aAAa;AAAA,QACb,WAAW;AAAA,QACX,QAAQ;AAAA,MACV;AAAA,MACA,WAAYF,IAAoC,SAAjB;AAAA,MAC/B,aAAU;AAAA,MAET,UAAAH,EAAQ,IAAI,CAAC,EAAE,UAAAM,EAAA,GAAYC,MAC1BC,gBAAAA,OAACC,EAAM,UAAN,EACC,UAAA;AAAA,QAAAL,gBAAAA,EAAA;AAAA,UAACM;AAAA,UAAA;AAAA,YACC,OAAAT;AAAA,YACA,UAAAK;AAAA,YAEA,UAAAJ;AAAA,UAAA;AAAA,UADKI,EAAS,KAAK;AAAA,QAErB;AAAA,QACCC,MAAQP,EAAQ,SAAS,KACvBI,gBAAAA,EAAA,IAAAO,GAAA,EAAkB,OAAM,gBAAe;AAAA,MAAA,EAAA,GARvBJ,CAUrB,CACD;AAAA,IAAA;AAAA,EAAA;AAGP;"}
+{"version":3,"file":"sd-component-library212.js","sources":["../src/components/animations/loading-spinner/loading-spinner.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { Box } from \"rebass\";\n\nimport { generateTestLocator } from \"../../../core/functions\";\nimport { RescanIcon } from \"../../icons\";\nimport { LoadingSpinnerProps as Props } from \"./interfaces\";\n\nexport const LoadingSpinner: React.FC<Props> = (props) => {\n  const { width, height, fill, stroke, icon } = props;\n\n  const IconComponent = icon || RescanIcon;\n\n  return (\n    <Box\n      sx={{\n        width: width || 25,\n        height: height || 25,\n        fill: fill || \"purple\",\n        stroke: stroke || \"none\",\n        animation: \"rotation 2s infinite linear\",\n\n        \"@keyframes rotation \": {\n          from: { transform: \"rotate(0deg)\" },\n          to: { transform: \"rotate(359deg)\" },\n        },\n      }}\n      {...generateTestLocator(\"loading-spinner\")}\n    >\n      <IconComponent />\n    </Box>\n  );\n};\n"],"names":["LoadingSpinner","props","width","height","fill","stroke","icon","IconComponent","RescanIcon","jsx","Box","generateTestLocator"],"mappings":";;;;AAQa,MAAAA,IAAkC,CAACC,MAAU;AACxD,QAAM,EAAE,OAAAC,GAAO,QAAAC,GAAQ,MAAAC,GAAM,QAAAC,GAAQ,MAAAC,EAAS,IAAAL,GAExCM,IAAgBD,KAAQE;AAG5B,SAAAC,gBAAAA,EAAA;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,IAAI;AAAA,QACF,OAAOR,KAAS;AAAA,QAChB,QAAQC,KAAU;AAAA,QAClB,MAAMC,KAAQ;AAAA,QACd,QAAQC,KAAU;AAAA,QAClB,WAAW;AAAA,QAEX,wBAAwB;AAAA,UACtB,MAAM,EAAE,WAAW,eAAe;AAAA,UAClC,IAAI,EAAE,WAAW,iBAAiB;AAAA,QACpC;AAAA,MACF;AAAA,MACC,GAAGM,EAAoB,iBAAiB;AAAA,MAEzC,gCAACJ,GAAc,EAAA;AAAA,IAAA;AAAA,EAAA;AAGrB;"}

package/lib/sd-component-library213.js

@@ -1,132 +1,43 @@
-import { commonjsGlobal as a } from "./sd-component-library283.js";
-import { __exports as h } from "./sd-component-library284.js";
-import d from "react";
-import { f as g } from "./sd-component-library285.js";
-import { p as y } from "./sd-component-library286.js";
-var v = a && a.__extends || function() {
-  var t = function(r, e) {
-    return t = Object.setPrototypeOf || { __proto__: [] } instanceof Array && function(n, o) {
-      n.__proto__ = o;
-    } || function(n, o) {
-      for (var i in o)
-        Object.prototype.hasOwnProperty.call(o, i) && (n[i] = o[i]);
-    }, t(r, e);
-  };
-  return function(r, e) {
-    if (typeof e != "function" && e !== null)
-      throw new TypeError("Class extends value " + String(e) + " is not a constructor or null");
-    t(r, e);
-    function n() {
-      this.constructor = r;
+import { j as o } from "./sd-component-library197.js";
+import p from "react";
+import { Box as a } from "rebass";
+import { AutocompleteOptionBox as n } from "./sd-component-library309.js";
+import { HorizontalDivider as d } from "./sd-component-library48.js";
+function f(s) {
+  const { results: t, value: i, onSelect: l, translateContent: x = !0 } = s;
+  return /* @__PURE__ */ o.jsx(
+    a,
+    {
+      sx: {
+        position: "absolute",
+        top: "100%",
+        bg: "white",
+        width: "100%",
+        borderRadius: "0px 0px 3px 3px",
+        borderWidth: "1px",
+        borderStyle: "solid",
+        borderColor: "#C8CCE5",
+        boxShadow: "2px 3px 10px rgba(211,223,255,0.25)",
+        zIndex: 100
+      },
+      className: x ? void 0 : "no-translate",
+      "data-test": "results-box",
+      children: t.map(({ synonyms: r }, e) => /* @__PURE__ */ o.jsxs(p.Fragment, { children: [
+        /* @__PURE__ */ o.jsx(
+          n,
+          {
+            value: i,
+            synonyms: r,
+            onSelect: l
+          },
+          r.join()
+        ),
+        e !== t.length - 1 && /* @__PURE__ */ o.jsx(d, { color: "cl_lightGrey" })
+      ] }, e))
     }
-    r.prototype = e === null ? Object.create(e) : (n.prototype = e.prototype, new n());
-  };
-}(), p = a && a.__assign || function() {
-  return p = Object.assign || function(t) {
-    for (var r, e = 1, n = arguments.length; e < n; e++) {
-      r = arguments[e];
-      for (var o in r)
-        Object.prototype.hasOwnProperty.call(r, o) && (t[o] = r[o]);
-    }
-    return t;
-  }, p.apply(this, arguments);
-}, b = a && a.__createBinding || (Object.create ? function(t, r, e, n) {
-  n === void 0 && (n = e), Object.defineProperty(t, n, { enumerable: !0, get: function() {
-    return r[e];
-  } });
-} : function(t, r, e, n) {
-  n === void 0 && (n = e), t[n] = r[e];
-}), O = a && a.__setModuleDefault || (Object.create ? function(t, r) {
-  Object.defineProperty(t, "default", { enumerable: !0, value: r });
-} : function(t, r) {
-  t.default = r;
-}), m = a && a.__importStar || function(t) {
-  if (t && t.__esModule)
-    return t;
-  var r = {};
-  if (t != null)
-    for (var e in t)
-      e !== "default" && Object.prototype.hasOwnProperty.call(t, e) && b(r, t, e);
-  return O(r, t), r;
-}, j = a && a.__rest || function(t, r) {
-  var e = {};
-  for (var n in t)
-    Object.prototype.hasOwnProperty.call(t, n) && r.indexOf(n) < 0 && (e[n] = t[n]);
-  if (t != null && typeof Object.getOwnPropertySymbols == "function")
-    for (var o = 0, n = Object.getOwnPropertySymbols(t); o < n.length; o++)
-      r.indexOf(n[o]) < 0 && Object.prototype.propertyIsEnumerable.call(t, n[o]) && (e[n[o]] = t[n[o]]);
-  return e;
-}, R = a && a.__importDefault || function(t) {
-  return t && t.__esModule ? t : { default: t };
-};
-Object.defineProperty(h, "__esModule", { value: !0 });
-var f = m(d), C = R(g), l = m(y);
-function c(t) {
-  return t && t.replace(/&nbsp;|\u202F|\u00A0/g, " ");
+  );
 }
-function E(t) {
-  var r = document.createTextNode("");
-  t.appendChild(r);
-  var e = document.activeElement === t;
-  if (r !== null && r.nodeValue !== null && e) {
-    var n = window.getSelection();
-    if (n !== null) {
-      var o = document.createRange();
-      o.setStart(r, r.nodeValue.length), o.collapse(!0), n.removeAllRanges(), n.addRange(o);
-    }
-    t instanceof HTMLElement && t.focus();
-  }
-}
-var w = (
-  /** @class */
-  function(t) {
-    v(r, t);
-    function r() {
-      var e = t !== null && t.apply(this, arguments) || this;
-      return e.lastHtml = e.props.html, e.el = typeof e.props.innerRef == "function" ? { current: null } : f.createRef(), e.getEl = function() {
-        return (e.props.innerRef && typeof e.props.innerRef != "function" ? e.props.innerRef : e.el).current;
-      }, e.emitChange = function(n) {
-        var o = e.getEl();
-        if (o) {
-          var i = o.innerHTML;
-          if (e.props.onChange && i !== e.lastHtml) {
-            var u = Object.assign({}, n, {
-              target: {
-                value: i
-              }
-            });
-            e.props.onChange(u);
-          }
-          e.lastHtml = i;
-        }
-      }, e;
-    }
-    return r.prototype.render = function() {
-      var e = this, n = this.props, o = n.tagName, i = n.html, u = n.innerRef, _ = j(n, ["tagName", "html", "innerRef"]);
-      return f.createElement(o || "div", p(p({}, _), { ref: typeof u == "function" ? function(s) {
-        u(s), e.el.current = s;
-      } : u || this.el, onInput: this.emitChange, onBlur: this.props.onBlur || this.emitChange, onKeyUp: this.props.onKeyUp || this.emitChange, onKeyDown: this.props.onKeyDown || this.emitChange, contentEditable: !this.props.disabled, dangerouslySetInnerHTML: { __html: i } }), this.props.children);
-    }, r.prototype.shouldComponentUpdate = function(e) {
-      var n = this.props, o = this.getEl();
-      return !o || c(e.html) !== c(o.innerHTML) ? !0 : n.disabled !== e.disabled || n.tagName !== e.tagName || n.className !== e.className || n.innerRef !== e.innerRef || n.placeholder !== e.placeholder || !C.default(n.style, e.style);
-    }, r.prototype.componentDidUpdate = function() {
-      var e = this.getEl();
-      e && (this.props.html !== e.innerHTML && (e.innerHTML = this.props.html), this.lastHtml = this.props.html, E(e));
-    }, r.propTypes = {
-      html: l.string.isRequired,
-      onChange: l.func,
-      disabled: l.bool,
-      tagName: l.string,
-      className: l.string,
-      style: l.object,
-      innerRef: l.oneOfType([
-        l.object,
-        l.func
-      ])
-    }, r;
-  }(f.Component)
-), D = h.default = w;
 export {
-  D as default
+  f as ResultsBox
 };
 //# sourceMappingURL=sd-component-library213.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library213.js","sources":["../node_modules/react-contenteditable/lib/react-contenteditable.js"],"sourcesContent":["\"use strict\";\nvar __extends = (this && this.__extends) || (function () {\n    var extendStatics = function (d, b) {\n        extendStatics = Object.setPrototypeOf ||\n            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||\n            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };\n        return extendStatics(d, b);\n    };\n    return function (d, b) {\n        if (typeof b !== \"function\" && b !== null)\n            throw new TypeError(\"Class extends value \" + String(b) + \" is not a constructor or null\");\n        extendStatics(d, b);\n        function __() { this.constructor = d; }\n        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\n    };\n})();\nvar __assign = (this && this.__assign) || function () {\n    __assign = Object.assign || function(t) {\n        for (var s, i = 1, n = arguments.length; i < n; i++) {\n            s = arguments[i];\n            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\n                t[p] = s[p];\n        }\n        return t;\n    };\n    return __assign.apply(this, arguments);\n};\nvar __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {\n    if (k2 === undefined) k2 = k;\n    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });\n}) : (function(o, m, k, k2) {\n    if (k2 === undefined) k2 = k;\n    o[k2] = m[k];\n}));\nvar __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {\n    Object.defineProperty(o, \"default\", { enumerable: true, value: v });\n}) : function(o, v) {\n    o[\"default\"] = v;\n});\nvar __importStar = (this && this.__importStar) || function (mod) {\n    if (mod && mod.__esModule) return mod;\n    var result = {};\n    if (mod != null) for (var k in mod) if (k !== \"default\" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);\n    __setModuleDefault(result, mod);\n    return result;\n};\nvar __rest = (this && this.__rest) || function (s, e) {\n    var t = {};\n    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)\n        t[p] = s[p];\n    if (s != null && typeof Object.getOwnPropertySymbols === \"function\")\n        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {\n            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))\n                t[p[i]] = s[p[i]];\n        }\n    return t;\n};\nvar __importDefault = (this && this.__importDefault) || function (mod) {\n    return (mod && mod.__esModule) ? mod : { \"default\": mod };\n};\nObject.defineProperty(exports, \"__esModule\", { value: true });\nvar React = __importStar(require(\"react\"));\nvar fast_deep_equal_1 = __importDefault(require(\"fast-deep-equal\"));\nvar PropTypes = __importStar(require(\"prop-types\"));\nfunction normalizeHtml(str) {\n    return str && str.replace(/&nbsp;|\\u202F|\\u00A0/g, ' ');\n}\nfunction replaceCaret(el) {\n    // Place the caret at the end of the element\n    var target = document.createTextNode('');\n    el.appendChild(target);\n    // do not move caret if element was not focused\n    var isTargetFocused = document.activeElement === el;\n    if (target !== null && target.nodeValue !== null && isTargetFocused) {\n        var sel = window.getSelection();\n        if (sel !== null) {\n            var range = document.createRange();\n            range.setStart(target, target.nodeValue.length);\n            range.collapse(true);\n            sel.removeAllRanges();\n            sel.addRange(range);\n        }\n        if (el instanceof HTMLElement)\n            el.focus();\n    }\n}\n/**\n * A simple component for an html element with editable contents.\n */\nvar ContentEditable = /** @class */ (function (_super) {\n    __extends(ContentEditable, _super);\n    function ContentEditable() {\n        var _this = _super !== null && _super.apply(this, arguments) || this;\n        _this.lastHtml = _this.props.html;\n        _this.el = typeof _this.props.innerRef === 'function' ? { current: null } : React.createRef();\n        _this.getEl = function () { return (_this.props.innerRef && typeof _this.props.innerRef !== 'function' ? _this.props.innerRef : _this.el).current; };\n        _this.emitChange = function (originalEvt) {\n            var el = _this.getEl();\n            if (!el)\n                return;\n            var html = el.innerHTML;\n            if (_this.props.onChange && html !== _this.lastHtml) {\n                // Clone event with Object.assign to avoid\n                // \"Cannot assign to read only property 'target' of object\"\n                var evt = Object.assign({}, originalEvt, {\n                    target: {\n                        value: html\n                    }\n                });\n                _this.props.onChange(evt);\n            }\n            _this.lastHtml = html;\n        };\n        return _this;\n    }\n    ContentEditable.prototype.render = function () {\n        var _this = this;\n        var _a = this.props, tagName = _a.tagName, html = _a.html, innerRef = _a.innerRef, props = __rest(_a, [\"tagName\", \"html\", \"innerRef\"]);\n        return React.createElement(tagName || 'div', __assign(__assign({}, props), { ref: typeof innerRef === 'function' ? function (current) {\n                innerRef(current);\n                _this.el.current = current;\n            } : innerRef || this.el, onInput: this.emitChange, onBlur: this.props.onBlur || this.emitChange, onKeyUp: this.props.onKeyUp || this.emitChange, onKeyDown: this.props.onKeyDown || this.emitChange, contentEditable: !this.props.disabled, dangerouslySetInnerHTML: { __html: html } }), this.props.children);\n    };\n    ContentEditable.prototype.shouldComponentUpdate = function (nextProps) {\n        var props = this.props;\n        var el = this.getEl();\n        // We need not rerender if the change of props simply reflects the user's edits.\n        // Rerendering in this case would make the cursor/caret jump\n        // Rerender if there is no element yet... (somehow?)\n        if (!el)\n            return true;\n        // ...or if html really changed... (programmatically, not by user edit)\n        if (normalizeHtml(nextProps.html) !== normalizeHtml(el.innerHTML)) {\n            return true;\n        }\n        // Handle additional properties\n        return props.disabled !== nextProps.disabled ||\n            props.tagName !== nextProps.tagName ||\n            props.className !== nextProps.className ||\n            props.innerRef !== nextProps.innerRef ||\n            props.placeholder !== nextProps.placeholder ||\n            !fast_deep_equal_1.default(props.style, nextProps.style);\n    };\n    ContentEditable.prototype.componentDidUpdate = function () {\n        var el = this.getEl();\n        if (!el)\n            return;\n        // Perhaps React (whose VDOM gets outdated because we often prevent\n        // rerendering) did not update the DOM. So we update it manually now.\n        if (this.props.html !== el.innerHTML) {\n            el.innerHTML = this.props.html;\n        }\n        this.lastHtml = this.props.html;\n        replaceCaret(el);\n    };\n    ContentEditable.propTypes = {\n        html: PropTypes.string.isRequired,\n        onChange: PropTypes.func,\n        disabled: PropTypes.bool,\n        tagName: PropTypes.string,\n        className: PropTypes.string,\n        style: PropTypes.object,\n        innerRef: PropTypes.oneOfType([\n            PropTypes.object,\n            PropTypes.func,\n        ])\n    };\n    return ContentEditable;\n}(React.Component));\nexports.default = ContentEditable;\n"],"names":["__extends","this","extendStatics","d","b","p","__","__assign","s","i","__createBinding","o","m","k","k2","__setModuleDefault","v","__importStar","mod","result","__rest","e","t","__importDefault","reactContenteditable","React","require$$0","fast_deep_equal_1","require$$1","PropTypes","require$$2","normalizeHtml","str","replaceCaret","el","target","isTargetFocused","sel","range","ContentEditable","_super","_this","originalEvt","html","evt","_a","tagName","innerRef","props","current","nextProps","_default"],"mappings":"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","x_google_ignoreList":[0]}
+{"version":3,"file":"sd-component-library213.js","sources":["../src/components/inputs/autocomplete-input/partials/results-box/results-box.tsx"],"sourcesContent":["import React, { PropsWithChildren } from \"react\";\n\nimport { Box } from \"rebass\";\n\nimport { HorizontalDivider } from \"../../../../dividers/horizontal-divider\";\nimport { AutocompleteOptionBox } from \"../autocomplete-option-box\";\nimport { ResultsBoxProps as Props } from \"./interfaces\";\n\nexport function ResultsBox<T>(props: PropsWithChildren<Props<T>>) {\n  const { results, value, onSelect, translateContent = true } = props;\n\n  return (\n    <Box\n      sx={{\n        position: \"absolute\",\n        top: \"100%\",\n        bg: \"white\",\n        width: \"100%\",\n        borderRadius: \"0px 0px 3px 3px\",\n        borderWidth: \"1px\",\n        borderStyle: \"solid\",\n        borderColor: \"#C8CCE5\",\n        boxShadow: \"2px 3px 10px rgba(211,223,255,0.25)\",\n        zIndex: 100,\n      }}\n      className={!translateContent ? \"no-translate\" : undefined}\n      data-test=\"results-box\"\n    >\n      {results.map(({ synonyms }, idx) => (\n        <React.Fragment key={idx}>\n          <AutocompleteOptionBox\n            value={value}\n            synonyms={synonyms}\n            key={synonyms.join()}\n            onSelect={onSelect}\n          />\n          {idx !== results.length - 1 && (\n            <HorizontalDivider color=\"cl_lightGrey\" />\n          )}\n        </React.Fragment>\n      ))}\n    </Box>\n  );\n}\n"],"names":["ResultsBox","props","results","value","onSelect","translateContent","jsx","Box","synonyms","idx","jsxs","React","AutocompleteOptionBox","HorizontalDivider"],"mappings":";;;;;AAQO,SAASA,EAAcC,GAAoC;AAChE,QAAM,EAAE,SAAAC,GAAS,OAAAC,GAAO,UAAAC,GAAU,kBAAAC,IAAmB,GAAS,IAAAJ;AAG5D,SAAAK,gBAAAA,EAAA;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,IAAI;AAAA,QACF,UAAU;AAAA,QACV,KAAK;AAAA,QACL,IAAI;AAAA,QACJ,OAAO;AAAA,QACP,cAAc;AAAA,QACd,aAAa;AAAA,QACb,aAAa;AAAA,QACb,aAAa;AAAA,QACb,WAAW;AAAA,QACX,QAAQ;AAAA,MACV;AAAA,MACA,WAAYF,IAAoC,SAAjB;AAAA,MAC/B,aAAU;AAAA,MAET,UAAAH,EAAQ,IAAI,CAAC,EAAE,UAAAM,EAAA,GAAYC,MAC1BC,gBAAAA,OAACC,EAAM,UAAN,EACC,UAAA;AAAA,QAAAL,gBAAAA,EAAA;AAAA,UAACM;AAAA,UAAA;AAAA,YACC,OAAAT;AAAA,YACA,UAAAK;AAAA,YAEA,UAAAJ;AAAA,UAAA;AAAA,UADKI,EAAS,KAAK;AAAA,QAErB;AAAA,QACCC,MAAQP,EAAQ,SAAS,KACvBI,gBAAAA,EAAA,IAAAO,GAAA,EAAkB,OAAM,gBAAe;AAAA,MAAA,EAAA,GARvBJ,CAUrB,CACD;AAAA,IAAA;AAAA,EAAA;AAGP;"}

package/lib/sd-component-library214.js

@@ -1,16 +1,29 @@
-import { escape as c, unescape as a } from "lodash-es";
-const l = "&nbsp;", n = (e) => `<div>${e}</div>`, r = (e, p) => p === 0 ? e : n(e), i = (e) => a(
-  e.replaceAll("<br>", "\r").split("<div>").map(
-    (p) => p.endsWith("</div>") ? p.slice(0, -6) : p
-  ).join(`
-`)
-).replaceAll(l, " "), t = (e) => c(e).replaceAll(" ", l).replaceAll("\r", "<br>").split(`
-`).map(r).join("");
+import { j as n } from "./sd-component-library197.js";
+import { ResponsiveTextV2 as p } from "./sd-component-library150.js";
+const c = (t) => {
+  const { text: o, onClick: e, px: r = "10px", py: i = "15px" } = t;
+  return /* @__PURE__ */ n.jsx(
+    p,
+    {
+      fontSizeWeight: [[16, "regular"]],
+      sx: {
+        display: "flex",
+        justifyContent: "end",
+        px: r,
+        py: i,
+        cursor: "pointer",
+        textTransform: "capitalize",
+        opacity: 0.7,
+        ":hover": {
+          opacity: 1
+        }
+      },
+      onClick: e,
+      children: o
+    }
+  );
+};
 export {
-  t as escapeWrapper,
-  l as htmlSpace,
-  r as lineToHtml,
-  i as unescapeWrapper,
-  n as wrapByDiv
+  c as ActionBox
 };
 //# sourceMappingURL=sd-component-library214.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library214.js","sources":["../src/components/inputs/multi-row-secondary-text-input/utils.ts"],"sourcesContent":["import { escape, unescape } from \"lodash-es\";\n\nexport const htmlSpace = \"&nbsp;\";\n\nexport const wrapByDiv = (s: string) => `<div>${s}</div>`;\n\nexport const lineToHtml = (line: string, idx: number) =>\n  idx === 0 ? line : wrapByDiv(line);\n\nexport const unescapeWrapper = (s: string) =>\n  unescape(\n    s\n      .replaceAll(\"<br>\", \"\\r\")\n      .split(\"<div>\")\n      .map((row) =>\n        row.endsWith(\"</div>\") ? row.slice(0, -\"<div/>\".length) : row\n      )\n      .join(\"\\n\")\n  ).replaceAll(htmlSpace, \" \");\n\nexport const escapeWrapper = (s: string) =>\n  escape(s)\n    .replaceAll(\" \", htmlSpace)\n    .replaceAll(\"\\r\", \"<br>\")\n    .split(\"\\n\")\n    .map(lineToHtml)\n    .join(\"\");\n"],"names":["htmlSpace","wrapByDiv","s","lineToHtml","line","idx","unescapeWrapper","unescape","row","escapeWrapper","escape"],"mappings":";AAEO,MAAMA,IAAY,UAEZC,IAAY,CAACC,MAAc,QAAQA,CAAC,UAEpCC,IAAa,CAACC,GAAcC,MACvCA,MAAQ,IAAID,IAAOH,EAAUG,CAAI,GAEtBE,IAAkB,CAACJ,MAC9BK;AAAA,EACEL,EACG,WAAW,QAAQ,IAAI,EACvB,MAAM,OAAO,EACb;AAAA,IAAI,CAACM,MACJA,EAAI,SAAS,QAAQ,IAAIA,EAAI,MAAM,GAAG,EAAgB,IAAIA;AAAA,EAAA,EAE3D,KAAK;AAAA,CAAI;AACd,EAAE,WAAWR,GAAW,GAAG,GAEhBS,IAAgB,CAACP,MAC5BQ,EAAOR,CAAC,EACL,WAAW,KAAKF,CAAS,EACzB,WAAW,MAAM,MAAM,EACvB,MAAM;AAAA,CAAI,EACV,IAAIG,CAAU,EACd,KAAK,EAAE;"}
+{"version":3,"file":"sd-component-library214.js","sources":["../src/components/tooltips/actions-tooltip/partials/action-box/action-box.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { Box, Flex } from \"rebass\";\n\nimport { ResponsiveTextV2 } from \"../../../../texts/responsive-text-v2\";\nimport { ActionBoxProps as Props } from \"./interfaces\";\n\nexport const ActionBox: React.FC<Props> = (props) => {\n  const { text, onClick, px = \"10px\", py = \"15px\" } = props;\n\n  return (\n    <ResponsiveTextV2\n      fontSizeWeight={[[16, \"regular\"]]}\n      sx={{\n        display: \"flex\",\n        justifyContent: \"end\",\n        px,\n        py,\n        cursor: \"pointer\",\n        textTransform: \"capitalize\",\n        opacity: 0.7,\n        \":hover\": {\n          opacity: 1,\n        },\n      }}\n      onClick={onClick}\n    >\n      {text}\n    </ResponsiveTextV2>\n  );\n};\n"],"names":["ActionBox","props","text","onClick","px","py","jsx","ResponsiveTextV2"],"mappings":";;AAOa,MAAAA,IAA6B,CAACC,MAAU;AACnD,QAAM,EAAE,MAAAC,GAAM,SAAAC,GAAS,IAAAC,IAAK,QAAQ,IAAAC,IAAK,OAAW,IAAAJ;AAGlD,SAAAK,gBAAAA,EAAA;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,gBAAgB,CAAC,CAAC,IAAI,SAAS,CAAC;AAAA,MAChC,IAAI;AAAA,QACF,SAAS;AAAA,QACT,gBAAgB;AAAA,QAChB,IAAAH;AAAA,QACA,IAAAC;AAAA,QACA,QAAQ;AAAA,QACR,eAAe;AAAA,QACf,SAAS;AAAA,QACT,UAAU;AAAA,UACR,SAAS;AAAA,QACX;AAAA,MACF;AAAA,MACA,SAAAF;AAAA,MAEC,UAAAD;AAAA,IAAA;AAAA,EAAA;AAGP;"}