@selfdecode/sd-component-library 4.0.146 → 4.0.148

package/lib/sd-component-library25.js

@@ -1,47 +1,124 @@
-import { j as B } from "./sd-component-library197.js";
-import { Button as C } from "./sd-component-library24.js";
-const m = (r) => {
-  const {
-    v1: h,
-    disabled: o,
-    borderRadius: a = h ? "0" : "5px",
-    borderWidth: e = "2px",
-    borderColor: s,
-    color: t,
-    bg: b,
-    hoverBorderColor: c,
-    hoverColor: l,
-    hoverBg: v,
-    disabledBg: d = "cl_grey",
-    disabledColor: i = "cl_white",
-    children: g,
-    height: n = "42px"
-  } = r;
-  return /* @__PURE__ */ B.jsx(
-    C,
-    {
-      "data-testid": "cta-button",
-      ...r,
-      variant: "_cta",
-      borderRadius: a,
-      height: n,
-      bg: o ? d : b,
-      color: o ? i : t,
-      fill: t,
-      borderStyle: "solid",
-      borderWidth: e,
-      borderColor: o ? "cl_grey" : s,
-      hoverBg: o ? d : v,
-      hoverColor: o ? i : l,
-      hoverFill: l,
-      hoverBorderStyle: "solid",
-      hoverBorderWidth: e,
-      hoverBorderColor: o ? "cl_grey" : c,
-      children: g
-    }
-  );
+import { j as o } from "./sd-component-library169.js";
+import { Label as m } from "@rebass/forms";
+import { Box as d } from "rebass";
+import { useDependantState as g } from "./sd-component-library3.js";
+import { generateTestLocator as w } from "./sd-component-library4.js";
+import { FlexCenter as k } from "./sd-component-library30.js";
+function y(s, e) {
+  return (n) => {
+    const t = n.target.checked;
+    e == null || e(t), s(t);
+  };
+}
+const C = "10px", r = "20px", j = "5px", R = ({
+  children: s,
+  onChange: e,
+  checked: n,
+  disabled: t,
+  color: p = "cl_blue",
+  bg: a = "cl_white",
+  borderWidth: c = "1px",
+  m: h = "10px",
+  width: u = ["100%"],
+  isHoverCheckbox: b = !1,
+  testLocatorId: l
+}) => {
+  const [x, f] = g(!!n), i = b && !x;
+  return /* @__PURE__ */ o.jsxs(m, { sx: { alignItems: "center", width: u }, "data-testid": "checkbox", children: [
+    /* @__PURE__ */ o.jsxs(
+      k,
+      {
+        size: r,
+        sx: {
+          position: "relative",
+          m: h,
+          cursor: t ? "default" : "pointer",
+          flexShrink: 0
+        },
+        children: [
+          /* @__PURE__ */ o.jsx(
+            d,
+            {
+              as: "input",
+              type: "checkbox",
+              sx: {
+                position: "absolute",
+                opacity: 0,
+                zIndex: -1,
+                width: 1,
+                height: 1,
+                overflow: "hidden"
+              },
+              onChange: y(f, e),
+              checked: x,
+              disabled: t || !1,
+              "data-testid": "checkbox-input",
+              ...w(l)
+            }
+          ),
+          /* @__PURE__ */ o.jsx(
+            d,
+            {
+              sx: {
+                transition: "width 0.1s ease-in",
+                position: "absolute",
+                left: "0px",
+                top: "0px",
+                borderRadius: "3px",
+                bg: a,
+                width: i ? j : r,
+                height: r,
+                borderColor: p,
+                borderStyle: "solid",
+                borderWidth: c,
+                "input:disabled ~ &": {
+                  borderColor: "cl_grey",
+                  borderStyle: "dotted"
+                },
+                /* Extends the area where hovering works */
+                ":before": i ? {
+                  content: "''",
+                  position: "absolute",
+                  top: "0px",
+                  bottom: "0px",
+                  left: "5px",
+                  width: "20px"
+                } : "",
+                ":hover": i ? {
+                  transition: "width 0.1s ease-in",
+                  width: r
+                } : ""
+              },
+              "data-testid": "checkbox-outer-square"
+            }
+          ),
+          !i && /* @__PURE__ */ o.jsx(
+            d,
+            {
+              size: C,
+              sx: {
+                borderRadius: "2px",
+                bg: "cl_white",
+                opacity: 0,
+                zIndex: 1,
+                "input:checked ~ &": {
+                  bg: p,
+                  opacity: 1
+                },
+                "input:disabled ~ &": {
+                  bg: "cl_grey"
+                }
+              },
+              "data-testid": "checkbox-inner-square"
+            }
+          )
+        ]
+      }
+    ),
+    s
+  ] });
 };
 export {
-  m as CtaButton
+  R as Checkbox
 };
 //# sourceMappingURL=sd-component-library25.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library25.js","sources":["../src/components/buttons/cta/cta-button/cta-button.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { Button } from \"../../button\";\nimport { CtaButtonProps } from \"./interfaces\";\n\n/**\n * The cta button.\n */\nexport const CtaButton: React.FC<CtaButtonProps> = (props) => {\n  const {\n    v1,\n    disabled,\n    borderRadius = v1 ? \"0\" : \"5px\",\n    borderWidth = \"2px\",\n    borderColor,\n    color,\n    bg,\n    hoverBorderColor,\n    hoverColor,\n    hoverBg,\n    disabledBg = \"cl_grey\",\n    disabledColor = \"cl_white\",\n    children,\n    height = \"42px\",\n  } = props;\n\n  return (\n    <Button\n      data-testid=\"cta-button\"\n      {...props}\n      variant=\"_cta\"\n      borderRadius={borderRadius}\n      height={height}\n      bg={disabled ? disabledBg : bg}\n      color={disabled ? disabledColor : color}\n      fill={color}\n      borderStyle=\"solid\"\n      borderWidth={borderWidth}\n      borderColor={disabled ? \"cl_grey\" : borderColor}\n      hoverBg={disabled ? disabledBg : hoverBg}\n      hoverColor={disabled ? disabledColor : hoverColor}\n      hoverFill={hoverColor}\n      hoverBorderStyle=\"solid\"\n      hoverBorderWidth={borderWidth}\n      hoverBorderColor={disabled ? \"cl_grey\" : hoverBorderColor}\n    >\n      {children}\n    </Button>\n  );\n};\n"],"names":["CtaButton","props","v1","disabled","borderRadius","borderWidth","borderColor","color","bg","hoverBorderColor","hoverColor","hoverBg","disabledBg","disabledColor","children","height","jsx","Button"],"mappings":";;AAQa,MAAAA,IAAsC,CAACC,MAAU;AACtD,QAAA;AAAA,IACJ,IAAAC;AAAA,IACA,UAAAC;AAAA,IACA,cAAAC,IAAeF,IAAK,MAAM;AAAA,IAC1B,aAAAG,IAAc;AAAA,IACd,aAAAC;AAAA,IACA,OAAAC;AAAA,IACA,IAAAC;AAAA,IACA,kBAAAC;AAAA,IACA,YAAAC;AAAA,IACA,SAAAC;AAAA,IACA,YAAAC,IAAa;AAAA,IACb,eAAAC,IAAgB;AAAA,IAChB,UAAAC;AAAA,IACA,QAAAC,IAAS;AAAA,EACP,IAAAd;AAGF,SAAAe,gBAAAA,EAAA;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,eAAY;AAAA,MACX,GAAGhB;AAAA,MACJ,SAAQ;AAAA,MACR,cAAAG;AAAA,MACA,QAAAW;AAAA,MACA,IAAIZ,IAAWS,IAAaJ;AAAA,MAC5B,OAAOL,IAAWU,IAAgBN;AAAA,MAClC,MAAMA;AAAA,MACN,aAAY;AAAA,MACZ,aAAAF;AAAA,MACA,aAAaF,IAAW,YAAYG;AAAA,MACpC,SAASH,IAAWS,IAAaD;AAAA,MACjC,YAAYR,IAAWU,IAAgBH;AAAA,MACvC,WAAWA;AAAA,MACX,kBAAiB;AAAA,MACjB,kBAAkBL;AAAA,MAClB,kBAAkBF,IAAW,YAAYM;AAAA,MAExC,UAAAK;AAAA,IAAA;AAAA,EAAA;AAGP;"}
+{"version":3,"file":"sd-component-library25.js","sources":["../src/components/checkboxes/checkbox/checkbox.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { Label } from \"@rebass/forms\";\nimport { Box } from \"rebass\";\n\nimport { useDependantState } from \"../../../core/custom-hooks\";\nimport { generateTestLocator } from \"../../../core/functions\";\nimport { FlexCenter } from \"../../containers\";\nimport { CheckboxProps } from \"./interfaces\";\n\n/**\n * Wrapper for the change event\n *\n * @param setChecked The dispatch function to set the state\n * @param callback The call function to run when the event happens\n */\nfunction changeWrapper(\n  setChecked: React.Dispatch<React.SetStateAction<boolean>>,\n  callback?: (newValue: boolean) => void\n): (event: React.ChangeEvent<HTMLInputElement>) => void {\n  return (event) => {\n    const newValue = event.target.checked;\n    callback?.(newValue);\n    setChecked(newValue);\n  };\n}\n\nconst innerBoxSize = \"10px\";\nconst outerBoxSize = \"20px\";\n\nconst shrankSize = \"5px\";\n\n/**\n * Base checkbox component. Other checkbox components should be built from this.\n * @deprecated use CheckboxV2 instead\n */\nexport const Checkbox = ({\n  children,\n  onChange,\n  checked,\n  disabled,\n  color = \"cl_blue\",\n  bg = \"cl_white\",\n  borderWidth = \"1px\",\n  m = \"10px\",\n  width = [\"100%\"],\n  isHoverCheckbox = false,\n  testLocatorId,\n}: CheckboxProps) => {\n  const [isChecked, setIsChecked] = useDependantState(!!checked);\n  const showHoverCheckbox = isHoverCheckbox && !isChecked;\n\n  return (\n    <Label sx={{ alignItems: \"center\", width }} data-testid=\"checkbox\">\n      <FlexCenter\n        size={outerBoxSize}\n        sx={{\n          position: \"relative\",\n          m,\n          cursor: disabled ? \"default\" : \"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(setIsChecked, onChange)}\n          checked={isChecked}\n          disabled={disabled || false}\n          data-testid=\"checkbox-input\"\n          {...generateTestLocator(testLocatorId)}\n        />\n        {/* Outer border of the checkbox */}\n        <Box\n          sx={{\n            transition: \"width 0.1s ease-in\",\n            position: \"absolute\",\n            left: \"0px\",\n            top: \"0px\",\n            borderRadius: \"3px\",\n            bg,\n            width: showHoverCheckbox ? shrankSize : outerBoxSize,\n            height: outerBoxSize,\n            borderColor: color,\n            borderStyle: \"solid\",\n            borderWidth: borderWidth,\n            \"input:disabled ~ &\": {\n              borderColor: \"cl_grey\",\n              borderStyle: \"dotted\",\n            },\n            /* Extends the area where hovering works */\n            \":before\": showHoverCheckbox\n              ? {\n                  content: \"''\",\n                  position: \"absolute\",\n                  top: \"0px\",\n                  bottom: \"0px\",\n                  left: \"5px\",\n                  width: \"20px\",\n                }\n              : \"\",\n            \":hover\": showHoverCheckbox\n              ? {\n                  transition: \"width 0.1s ease-in\",\n                  width: outerBoxSize,\n                }\n              : \"\",\n          }}\n          data-testid=\"checkbox-outer-square\"\n        />\n        {/* Inner square of the checkbox */}\n        {!showHoverCheckbox && (\n          <Box\n            size={innerBoxSize}\n            sx={{\n              borderRadius: \"2px\",\n              bg: \"cl_white\",\n              opacity: 0,\n              zIndex: 1,\n              \"input:checked ~ &\": {\n                bg: color,\n                opacity: 1,\n              },\n              \"input:disabled ~ &\": {\n                bg: \"cl_grey\",\n              },\n            }}\n            data-testid=\"checkbox-inner-square\"\n          />\n        )}\n      </FlexCenter>\n\n      {children}\n    </Label>\n  );\n};\n"],"names":["changeWrapper","setChecked","callback","event","newValue","innerBoxSize","outerBoxSize","shrankSize","Checkbox","children","onChange","checked","disabled","color","bg","borderWidth","m","width","isHoverCheckbox","testLocatorId","isChecked","setIsChecked","useDependantState","showHoverCheckbox","jsxs","Label","FlexCenter","jsx","Box","generateTestLocator"],"mappings":"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"}

package/lib/sd-component-library250.js

@@ -1,44 +1,9 @@
-import { j as n } from "./sd-component-library197.js";
-import g from "./sd-component-library196.js";
-import { getSegmentCoordinates as I } from "./sd-component-library245.js";
-const w = ({
-  segment: e,
-  size: o,
-  segmentWidth: s,
-  outlineWidth: c,
-  isMatching: a
-}) => {
-  const { color: d } = e, t = o / 2, $ = t - s, {
-    startX: l,
-    startY: m,
-    arc: i,
-    startInnerY: p,
-    startInnerX: h,
-    endInnerY: u,
-    endInnerX: x,
-    endX: f,
-    endY: j
-  } = I(e, t, s), r = o / 2;
-  return /* @__PURE__ */ n.jsxs("g", { children: [
-    /* @__PURE__ */ n.jsx(
-      "path",
-      {
-        d: `M${r},${r} L${l},${m} A${t},${t} 0 ${i > 180 ? "1" : "0"},1 ${f},${j}Z`,
-        fill: a ? d : g.colors.cl_lightGrey,
-        strokeWidth: c,
-        stroke: "white"
-      }
-    ),
-    /* @__PURE__ */ n.jsx(
-      "path",
-      {
-        d: `M${r},${r} L${h},${p} A${$},${$} 0 ${i > 180 ? "1" : "0"},1 ${x},${u}Z`,
-        fill: "white"
-      }
-    )
-  ] });
-};
+var o = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {};
+function l(e) {
+  return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
+}
 export {
-  w as CompactDonutGaugeSegment
+  o as commonjsGlobal,
+  l as getDefaultExportFromCjs
 };
 //# sourceMappingURL=sd-component-library250.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library250.js","sources":["../src/components/meters/compact-donut-gauge/partials/compact-donut-gauge-segment/compact-donut-gauge-segment.tsx"],"sourcesContent":["import React from \"react\";\n\nimport theme from \"../../../../../core/theme\";\nimport { getSegmentCoordinates } from \"../../../donut-diagram/utils\";\nimport { CompactDonutGaugeSegmentProps as Props } from \"./interfaces\";\n\nexport const CompactDonutGaugeSegment: React.FC<Props> = ({\n  segment,\n  size: diameter,\n  segmentWidth,\n  outlineWidth,\n  isMatching,\n}) => {\n  const { color } = segment;\n\n  const radius = diameter / 2;\n  const innerRadius = radius - segmentWidth;\n\n  const {\n    startX,\n    startY,\n    arc,\n    startInnerY,\n    startInnerX,\n    endInnerY,\n    endInnerX,\n    endX,\n    endY,\n  } = getSegmentCoordinates(segment, radius, segmentWidth);\n\n  const center = diameter / 2;\n\n  return (\n    <g>\n      {/* colored sector */}\n      <path\n        d={`M${center},${center} L${startX},${startY} A${radius},${radius} 0 ${\n          arc > 180 ? \"1\" : \"0\"\n        },1 ${endX},${endY}Z`}\n        fill={isMatching ? color : theme.colors[\"cl_lightGrey\"]}\n        strokeWidth={outlineWidth}\n        stroke=\"white\"\n      />\n\n      {/* white inner sector */}\n      <path\n        d={`M${center},${center} L${startInnerX},${startInnerY} A${innerRadius},${innerRadius} 0 ${\n          arc > 180 ? \"1\" : \"0\"\n        },1 ${endInnerX},${endInnerY}Z`}\n        fill=\"white\"\n      />\n    </g>\n  );\n};\n"],"names":["CompactDonutGaugeSegment","segment","diameter","segmentWidth","outlineWidth","isMatching","color","radius","innerRadius","startX","startY","arc","startInnerY","startInnerX","endInnerY","endInnerX","endX","endY","getSegmentCoordinates","center","jsx","theme"],"mappings":";;;AAMO,MAAMA,IAA4C,CAAC;AAAA,EACxD,SAAAC;AAAA,EACA,MAAMC;AAAA,EACN,cAAAC;AAAA,EACA,cAAAC;AAAA,EACA,YAAAC;AACF,MAAM;AACE,QAAA,EAAE,OAAAC,EAAU,IAAAL,GAEZM,IAASL,IAAW,GACpBM,IAAcD,IAASJ,GAEvB;AAAA,IACJ,QAAAM;AAAA,IACA,QAAAC;AAAA,IACA,KAAAC;AAAA,IACA,aAAAC;AAAA,IACA,aAAAC;AAAA,IACA,WAAAC;AAAA,IACA,WAAAC;AAAA,IACA,MAAAC;AAAA,IACA,MAAAC;AAAA,EACE,IAAAC,EAAsBjB,GAASM,GAAQJ,CAAY,GAEjDgB,IAASjB,IAAW;AAE1B,gCACG,KAEC,EAAA,UAAA;AAAA,IAAAkB,gBAAAA,EAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,GAAG,IAAID,CAAM,IAAIA,CAAM,KAAKV,CAAM,IAAIC,CAAM,KAAKH,CAAM,IAAIA,CAAM,MAC/DI,IAAM,MAAM,MAAM,GACpB,MAAMK,CAAI,IAAIC,CAAI;AAAA,QAClB,MAAMZ,IAAaC,IAAQe,EAAM,OAAO;AAAA,QACxC,aAAajB;AAAA,QACb,QAAO;AAAA,MAAA;AAAA,IACT;AAAA,IAGAgB,gBAAAA,EAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,GAAG,IAAID,CAAM,IAAIA,CAAM,KAAKN,CAAW,IAAID,CAAW,KAAKJ,CAAW,IAAIA,CAAW,MACnFG,IAAM,MAAM,MAAM,GACpB,MAAMI,CAAS,IAAID,CAAS;AAAA,QAC5B,MAAK;AAAA,MAAA;AAAA,IACP;AAAA,EACF,EAAA,CAAA;AAEJ;"}
+{"version":3,"file":"sd-component-library250.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

package/lib/sd-component-library251.js

@@ -1,30 +1,5 @@
-import { j as t } from "./sd-component-library197.js";
-import { FlexCenter as s } from "./sd-component-library34.js";
-import { ResponsiveTextV2 as i } from "./sd-component-library150.js";
-const l = ({
-  segment: { start: n, end: r, color: e },
-  size: o
-}) => /* @__PURE__ */ t.jsx("foreignObject", { x: 0, y: 0, width: o, height: o, children: /* @__PURE__ */ t.jsx(s, { height: "100%", children: /* @__PURE__ */ t.jsxs(
-  i,
-  {
-    fontSizeWeight: [20, "bold"],
-    color: e,
-    sx: { position: "relative" },
-    children: [
-      Math.round((r - n) * 100),
-      /* @__PURE__ */ t.jsx(
-        i,
-        {
-          fontSizeWeight: [10, "bold"],
-          color: e,
-          sx: { position: "absolute", top: "4px", left: "100%" },
-          children: "%"
-        }
-      )
-    ]
-  }
-) }) });
+var e = {};
 export {
-  l as CompactDonutGaugeValueIndicator
+  e as __exports
 };
 //# sourceMappingURL=sd-component-library251.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library251.js","sources":["../src/components/meters/compact-donut-gauge/partials/compact-donut-gauge-value-indicator/compact-donut-gauge-value-indicator.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { Flex } from \"rebass\";\n\nimport { FlexCenter } from \"../../../../containers\";\nimport { ResponsiveTextV2 } from \"../../../../texts\";\nimport { CompactDonutGaugeValueIndicatorProps as Props } from \"./interfaces\";\n\nexport const CompactDonutGaugeValueIndicator: React.FC<Props> = ({\n  segment: { start, end, color },\n  size,\n}) => {\n  return (\n    <foreignObject x={0} y={0} width={size} height={size}>\n      <FlexCenter height=\"100%\">\n        <ResponsiveTextV2\n          fontSizeWeight={[20, \"bold\"]}\n          color={color}\n          sx={{ position: \"relative\" }}\n        >\n          {Math.round((end - start) * 100)}\n\n          <ResponsiveTextV2\n            fontSizeWeight={[10, \"bold\"]}\n            color={color}\n            sx={{ position: \"absolute\", top: \"4px\", left: \"100%\" }}\n          >\n            %\n          </ResponsiveTextV2>\n        </ResponsiveTextV2>\n      </FlexCenter>\n    </foreignObject>\n  );\n};\n"],"names":["CompactDonutGaugeValueIndicator","start","end","color","size","jsx","FlexCenter","jsxs","ResponsiveTextV2"],"mappings":";;;AAQO,MAAMA,IAAmD,CAAC;AAAA,EAC/D,SAAS,EAAE,OAAAC,GAAO,KAAAC,GAAK,OAAAC,EAAM;AAAA,EAC7B,MAAAC;AACF,MAEKC,gBAAAA,EAAAA,IAAA,iBAAA,EAAc,GAAG,GAAG,GAAG,GAAG,OAAOD,GAAM,QAAQA,GAC9C,UAACC,gBAAAA,MAAAC,GAAA,EAAW,QAAO,QACjB,UAAAC,gBAAAA,EAAA;AAAA,EAACC;AAAA,EAAA;AAAA,IACC,gBAAgB,CAAC,IAAI,MAAM;AAAA,IAC3B,OAAAL;AAAA,IACA,IAAI,EAAE,UAAU,WAAW;AAAA,IAE1B,UAAA;AAAA,MAAK,KAAA,OAAOD,IAAMD,KAAS,GAAG;AAAA,MAE/BI,gBAAAA,EAAA;AAAA,QAACG;AAAA,QAAA;AAAA,UACC,gBAAgB,CAAC,IAAI,MAAM;AAAA,UAC3B,OAAAL;AAAA,UACA,IAAI,EAAE,UAAU,YAAY,KAAK,OAAO,MAAM,OAAO;AAAA,UACtD,UAAA;AAAA,QAAA;AAAA,MAED;AAAA,IAAA;AAAA,EAAA;AAAA,EAEJ,CAAA,EACF,CAAA;"}
+{"version":3,"file":"sd-component-library251.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/lib/sd-component-library252.js

@@ -1,328 +1,39 @@
-import O from "./sd-component-library300.js";
-import D from "./sd-component-library301.js";
-import o from "./sd-component-library286.js";
-import v from "react";
-import b from "react-dom";
-import N from "./sd-component-library302.js";
-import { timeoutsShape as R } from "./sd-component-library303.js";
-import g from "./sd-component-library304.js";
-var x = "unmounted", l = "exited", f = "entering", h = "entered", T = "exiting", p = /* @__PURE__ */ function(d) {
-  D(u, d);
-  function u(i, e) {
-    var t;
-    t = d.call(this, i, e) || this;
-    var n = e, r = n && !n.isMounting ? i.enter : i.appear, s;
-    return t.appearStatus = null, i.in ? r ? (s = l, t.appearStatus = f) : s = h : i.unmountOnExit || i.mountOnEnter ? s = x : s = l, t.state = {
-      status: s
-    }, t.nextCallback = null, t;
-  }
-  u.getDerivedStateFromProps = function(e, t) {
-    var n = e.in;
-    return n && t.status === x ? {
-      status: l
-    } : null;
-  };
-  var a = u.prototype;
-  return a.componentDidMount = function() {
-    this.updateStatus(!0, this.appearStatus);
-  }, a.componentDidUpdate = function(e) {
-    var t = null;
-    if (e !== this.props) {
-      var n = this.state.status;
-      this.props.in ? n !== f && n !== h && (t = f) : (n === f || n === h) && (t = T);
-    }
-    this.updateStatus(!1, t);
-  }, a.componentWillUnmount = function() {
-    this.cancelNextCallback();
-  }, a.getTimeouts = function() {
-    var e = this.props.timeout, t, n, r;
-    return t = n = r = e, e != null && typeof e != "number" && (t = e.exit, n = e.enter, r = e.appear !== void 0 ? e.appear : n), {
-      exit: t,
-      enter: n,
-      appear: r
-    };
-  }, a.updateStatus = function(e, t) {
-    e === void 0 && (e = !1), t !== null ? (this.cancelNextCallback(), t === f ? this.performEnter(e) : this.performExit()) : this.props.unmountOnExit && this.state.status === l && this.setState({
-      status: x
-    });
-  }, a.performEnter = function(e) {
-    var t = this, n = this.props.enter, r = this.context ? this.context.isMounting : e, s = this.props.nodeRef ? [r] : [b.findDOMNode(this), r], c = s[0], m = s[1], S = this.getTimeouts(), C = r ? S.appear : S.enter;
-    if (!e && !n || N.disabled) {
-      this.safeSetState({
-        status: h
-      }, function() {
-        t.props.onEntered(c);
-      });
-      return;
-    }
-    this.props.onEnter(c, m), this.safeSetState({
-      status: f
-    }, function() {
-      t.props.onEntering(c, m), t.onTransitionEnd(C, function() {
-        t.safeSetState({
-          status: h
-        }, function() {
-          t.props.onEntered(c, m);
-        });
-      });
-    });
-  }, a.performExit = function() {
-    var e = this, t = this.props.exit, n = this.getTimeouts(), r = this.props.nodeRef ? void 0 : b.findDOMNode(this);
-    if (!t || N.disabled) {
-      this.safeSetState({
-        status: l
-      }, function() {
-        e.props.onExited(r);
-      });
-      return;
+var c = function u(r, t) {
+  if (r === t)
+    return !0;
+  if (r && t && typeof r == "object" && typeof t == "object") {
+    if (r.constructor !== t.constructor)
+      return !1;
+    var f, e, o;
+    if (Array.isArray(r)) {
+      if (f = r.length, f != t.length)
+        return !1;
+      for (e = f; e-- !== 0; )
+        if (!u(r[e], t[e]))
+          return !1;
+      return !0;
     }
-    this.props.onExit(r), this.safeSetState({
-      status: T
-    }, function() {
-      e.props.onExiting(r), e.onTransitionEnd(n.exit, function() {
-        e.safeSetState({
-          status: l
-        }, function() {
-          e.props.onExited(r);
-        });
-      });
-    });
-  }, a.cancelNextCallback = function() {
-    this.nextCallback !== null && (this.nextCallback.cancel(), this.nextCallback = null);
-  }, a.safeSetState = function(e, t) {
-    t = this.setNextCallback(t), this.setState(e, t);
-  }, a.setNextCallback = function(e) {
-    var t = this, n = !0;
-    return this.nextCallback = function(r) {
-      n && (n = !1, t.nextCallback = null, e(r));
-    }, this.nextCallback.cancel = function() {
-      n = !1;
-    }, this.nextCallback;
-  }, a.onTransitionEnd = function(e, t) {
-    this.setNextCallback(t);
-    var n = this.props.nodeRef ? this.props.nodeRef.current : b.findDOMNode(this), r = e == null && !this.props.addEndListener;
-    if (!n || r) {
-      setTimeout(this.nextCallback, 0);
-      return;
+    if (r.constructor === RegExp)
+      return r.source === t.source && r.flags === t.flags;
+    if (r.valueOf !== Object.prototype.valueOf)
+      return r.valueOf() === t.valueOf();
+    if (r.toString !== Object.prototype.toString)
+      return r.toString() === t.toString();
+    if (o = Object.keys(r), f = o.length, f !== Object.keys(t).length)
+      return !1;
+    for (e = f; e-- !== 0; )
+      if (!Object.prototype.hasOwnProperty.call(t, o[e]))
+        return !1;
+    for (e = f; e-- !== 0; ) {
+      var n = o[e];
+      if (!u(r[n], t[n]))
+        return !1;
     }
-    if (this.props.addEndListener) {
-      var s = this.props.nodeRef ? [this.nextCallback] : [n, this.nextCallback], c = s[0], m = s[1];
-      this.props.addEndListener(c, m);
-    }
-    e != null && setTimeout(this.nextCallback, e);
-  }, a.render = function() {
-    var e = this.state.status;
-    if (e === x)
-      return null;
-    var t = this.props, n = t.children;
-    t.in, t.mountOnEnter, t.unmountOnExit, t.appear, t.enter, t.exit, t.timeout, t.addEndListener, t.onEnter, t.onEntering, t.onEntered, t.onExit, t.onExiting, t.onExited, t.nodeRef;
-    var r = O(t, ["children", "in", "mountOnEnter", "unmountOnExit", "appear", "enter", "exit", "timeout", "addEndListener", "onEnter", "onEntering", "onEntered", "onExit", "onExiting", "onExited", "nodeRef"]);
-    return (
-      // allows for nested Transitions
-      /* @__PURE__ */ v.createElement(g.Provider, {
-        value: null
-      }, typeof n == "function" ? n(e, r) : v.cloneElement(v.Children.only(n), r))
-    );
-  }, u;
-}(v.Component);
-p.contextType = g;
-p.propTypes = process.env.NODE_ENV !== "production" ? {
-  /**
-   * A React reference to DOM element that need to transition:
-   * https://stackoverflow.com/a/51127130/4671932
-   *
-   *   - When `nodeRef` prop is used, `node` is not passed to callback functions
-   *      (e.g. `onEnter`) because user already has direct access to the node.
-   *   - When changing `key` prop of `Transition` in a `TransitionGroup` a new
-   *     `nodeRef` need to be provided to `Transition` with changed `key` prop
-   *     (see
-   *     [test/CSSTransition-test.js](https://github.com/reactjs/react-transition-group/blob/13435f897b3ab71f6e19d724f145596f5910581c/test/CSSTransition-test.js#L362-L437)).
-   */
-  nodeRef: o.shape({
-    current: typeof Element > "u" ? o.any : function(d, u, a, i, e, t) {
-      var n = d[u];
-      return o.instanceOf(n && "ownerDocument" in n ? n.ownerDocument.defaultView.Element : Element)(d, u, a, i, e, t);
-    }
-  }),
-  /**
-   * A `function` child can be used instead of a React element. This function is
-   * called with the current transition status (`'entering'`, `'entered'`,
-   * `'exiting'`, `'exited'`), which can be used to apply context
-   * specific props to a component.
-   *
-   * ```jsx
-   * <Transition in={this.state.in} timeout={150}>
-   *   {state => (
-   *     <MyComponent className={`fade fade-${state}`} />
-   *   )}
-   * </Transition>
-   * ```
-   */
-  children: o.oneOfType([o.func.isRequired, o.element.isRequired]).isRequired,
-  /**
-   * Show the component; triggers the enter or exit states
-   */
-  in: o.bool,
-  /**
-   * By default the child component is mounted immediately along with
-   * the parent `Transition` component. If you want to "lazy mount" the component on the
-   * first `in={true}` you can set `mountOnEnter`. After the first enter transition the component will stay
-   * mounted, even on "exited", unless you also specify `unmountOnExit`.
-   */
-  mountOnEnter: o.bool,
-  /**
-   * By default the child component stays mounted after it reaches the `'exited'` state.
-   * Set `unmountOnExit` if you'd prefer to unmount the component after it finishes exiting.
-   */
-  unmountOnExit: o.bool,
-  /**
-   * By default the child component does not perform the enter transition when
-   * it first mounts, regardless of the value of `in`. If you want this
-   * behavior, set both `appear` and `in` to `true`.
-   *
-   * > **Note**: there are no special appear states like `appearing`/`appeared`, this prop
-   * > only adds an additional enter transition. However, in the
-   * > `<CSSTransition>` component that first enter transition does result in
-   * > additional `.appear-*` classes, that way you can choose to style it
-   * > differently.
-   */
-  appear: o.bool,
-  /**
-   * Enable or disable enter transitions.
-   */
-  enter: o.bool,
-  /**
-   * Enable or disable exit transitions.
-   */
-  exit: o.bool,
-  /**
-   * The duration of the transition, in milliseconds.
-   * Required unless `addEndListener` is provided.
-   *
-   * You may specify a single timeout for all transitions:
-   *
-   * ```jsx
-   * timeout={500}
-   * ```
-   *
-   * or individually:
-   *
-   * ```jsx
-   * timeout={{
-   *  appear: 500,
-   *  enter: 300,
-   *  exit: 500,
-   * }}
-   * ```
-   *
-   * - `appear` defaults to the value of `enter`
-   * - `enter` defaults to `0`
-   * - `exit` defaults to `0`
-   *
-   * @type {number | { enter?: number, exit?: number, appear?: number }}
-   */
-  timeout: function(u) {
-    var a = R;
-    u.addEndListener || (a = a.isRequired);
-    for (var i = arguments.length, e = new Array(i > 1 ? i - 1 : 0), t = 1; t < i; t++)
-      e[t - 1] = arguments[t];
-    return a.apply(void 0, [u].concat(e));
-  },
-  /**
-   * Add a custom transition end trigger. Called with the transitioning
-   * DOM node and a `done` callback. Allows for more fine grained transition end
-   * logic. Timeouts are still used as a fallback if provided.
-   *
-   * **Note**: when `nodeRef` prop is passed, `node` is not passed.
-   *
-   * ```jsx
-   * addEndListener={(node, done) => {
-   *   // use the css transitionend event to mark the finish of a transition
-   *   node.addEventListener('transitionend', done, false);
-   * }}
-   * ```
-   */
-  addEndListener: o.func,
-  /**
-   * Callback fired before the "entering" status is applied. An extra parameter
-   * `isAppearing` is supplied to indicate if the enter stage is occurring on the initial mount
-   *
-   * **Note**: when `nodeRef` prop is passed, `node` is not passed.
-   *
-   * @type Function(node: HtmlElement, isAppearing: bool) -> void
-   */
-  onEnter: o.func,
-  /**
-   * Callback fired after the "entering" status is applied. An extra parameter
-   * `isAppearing` is supplied to indicate if the enter stage is occurring on the initial mount
-   *
-   * **Note**: when `nodeRef` prop is passed, `node` is not passed.
-   *
-   * @type Function(node: HtmlElement, isAppearing: bool)
-   */
-  onEntering: o.func,
-  /**
-   * Callback fired after the "entered" status is applied. An extra parameter
-   * `isAppearing` is supplied to indicate if the enter stage is occurring on the initial mount
-   *
-   * **Note**: when `nodeRef` prop is passed, `node` is not passed.
-   *
-   * @type Function(node: HtmlElement, isAppearing: bool) -> void
-   */
-  onEntered: o.func,
-  /**
-   * Callback fired before the "exiting" status is applied.
-   *
-   * **Note**: when `nodeRef` prop is passed, `node` is not passed.
-   *
-   * @type Function(node: HtmlElement) -> void
-   */
-  onExit: o.func,
-  /**
-   * Callback fired after the "exiting" status is applied.
-   *
-   * **Note**: when `nodeRef` prop is passed, `node` is not passed.
-   *
-   * @type Function(node: HtmlElement) -> void
-   */
-  onExiting: o.func,
-  /**
-   * Callback fired after the "exited" status is applied.
-   *
-   * **Note**: when `nodeRef` prop is passed, `node` is not passed
-   *
-   * @type Function(node: HtmlElement) -> void
-   */
-  onExited: o.func
-} : {};
-function E() {
-}
-p.defaultProps = {
-  in: !1,
-  mountOnEnter: !1,
-  unmountOnExit: !1,
-  appear: !1,
-  enter: !0,
-  exit: !0,
-  onEnter: E,
-  onEntering: E,
-  onEntered: E,
-  onExit: E,
-  onExiting: E,
-  onExited: E
+    return !0;
+  }
+  return r !== r && t !== t;
 };
-p.UNMOUNTED = x;
-p.EXITED = l;
-p.ENTERING = f;
-p.ENTERED = h;
-p.EXITING = T;
-const _ = p;
 export {
-  h as ENTERED,
-  f as ENTERING,
-  l as EXITED,
-  T as EXITING,
-  x as UNMOUNTED,
-  _ as default
+  c as f
 };
 //# sourceMappingURL=sd-component-library252.js.map