@selfdecode/sd-component-library 4.0.76-test1 → 4.0.76-test3

package/lib/sd-component-library3.js

@@ -1,74 +1,74 @@
-import { useState as u, useCallback as f, useEffect as a, useRef as w } from "react";
-import { disableBodyScroll as L, enableBodyScroll as b } from "./sd-component-library188.js";
-import { debounce as v } from "lodash-es";
-import d from "./sd-component-library189.js";
-const p = (e) => {
-  const [t, n] = u(e);
-  return a(() => {
+import { r as i } from "./sd-component-library188.js";
+import { disableBodyScroll as m, enableBodyScroll as w } from "./sd-component-library189.js";
+import { debounce as h } from "lodash-es";
+import a from "./sd-component-library190.js";
+const S = (e) => {
+  const [t, n] = i.useState(e);
+  return i.useEffect(() => {
     n(e);
   }, [e]), [t, n];
-}, k = (e, t) => {
-  const [n, r] = u(!1), [o, c] = u(0), i = f(() => {
-    e.current && (r(!1), c(e.current.getBoundingClientRect().height), r(!0));
-  }, [e, t]), s = f(v(i, 200), [
+}, g = (e, t) => {
+  const [n, o] = i.useState(!1), [c, u] = i.useState(0), r = i.useCallback(() => {
+    e.current && (o(!1), u(e.current.getBoundingClientRect().height), o(!0));
+  }, [e, t]), s = i.useCallback(h(r, 200), [
     e
   ]);
-  return a(() => (setTimeout(() => {
-    i();
+  return i.useEffect(() => (setTimeout(() => {
+    r();
   }), window.addEventListener("resize", s), window.addEventListener("change", s), () => {
     window.removeEventListener("resize", s), window.removeEventListener("change", s);
-  }), [s, i]), { contentHeight: o, isHeightMeasured: n };
+  }), [s, r]), { contentHeight: c, isHeightMeasured: n };
 };
-function y(e, t) {
-  a(() => {
-    const n = (r) => {
-      !e.current || e.current.contains(r.target) || t(r);
+function M(e, t) {
+  i.useEffect(() => {
+    const n = (o) => {
+      !e.current || e.current.contains(o.target) || t(o);
     };
     return document.addEventListener("mousedown", n), document.addEventListener("touchstart", n), () => {
       document.removeEventListener("mousedown", n), document.removeEventListener("touchstart", n);
     };
   }, [e, t]);
 }
-function l(e) {
-  const t = typeof window < "u" && typeof window.matchMedia < "u", n = !1, [r, o] = u(() => t ? matchMedia(e).matches : n);
-  return a(() => {
-    let c = !0;
+function d(e) {
+  const t = typeof window < "u" && typeof window.matchMedia < "u", n = !1, [o, c] = i.useState(() => t ? matchMedia(e).matches : n);
+  return i.useEffect(() => {
+    let u = !0;
     if (!t)
       return;
-    const i = matchMedia(e), s = () => {
-      c && o(i.matches);
+    const r = matchMedia(e), s = () => {
+      u && c(r.matches);
     };
-    return i.addEventListener ? i.addEventListener("change", s) : i.addListener(s), () => {
-      c = !1, i.removeEventListener ? i.removeEventListener("change", s) : i.removeListener(s);
+    return r.addEventListener ? r.addEventListener("change", s) : r.addListener(s), () => {
+      u = !1, r.removeEventListener ? r.removeEventListener("change", s) : r.removeListener(s);
     };
-  }, [e, t]), r;
+  }, [e, t]), o;
 }
-function z() {
-  const e = d.breakpoints[0], t = d.breakpoints[1], n = d.breakpoints[2], r = l(`(min-width:${e})`), o = l(
+function p() {
+  const e = a.breakpoints[0], t = a.breakpoints[1], n = a.breakpoints[2], o = d(`(min-width:${e})`), c = d(
     `(min-width:${t})`
-  ), c = l(`(min-width:${n})`);
-  let i = !1, s = !1, h = !1, m = !1;
-  return c ? m = !0 : o ? h = !0 : r ? s = !0 : i = !0, {
-    isMobile: i,
+  ), u = d(`(min-width:${n})`);
+  let r = !1, s = !1, f = !1, l = !1;
+  return u ? l = !0 : c ? f = !0 : o ? s = !0 : r = !0, {
+    isMobile: r,
     isLargeMobile: s,
-    isTab: h,
-    isDesktop: m,
-    isWiderThanMobile: r,
-    isWiderThanLargeMobile: o
+    isTab: f,
+    isDesktop: l,
+    isWiderThanMobile: o,
+    isWiderThanLargeMobile: c
   };
 }
-function C(e, t, n) {
+function k(e, t, n) {
   if (e.current) {
-    const r = {
+    const o = {
       root: e.current,
       rootMargin: t,
       threshold: 1
     };
-    return new IntersectionObserver(n, r);
+    return new IntersectionObserver(n, o);
   }
 }
-function R(e) {
-  const [t, n] = u(!1);
+function C(e) {
+  const [t, n] = i.useState(!1);
   return {
     isHover: t,
     hoverCallbacks: {
@@ -81,43 +81,43 @@ function R(e) {
     }
   };
 }
-function B() {
-  const e = w(null), [t, n] = u(0), [r, o] = u(0);
-  return a(() => {
+function y() {
+  const e = i.useRef(null), [t, n] = i.useState(0), [o, c] = i.useState(0);
+  return i.useEffect(() => {
     if (e.current) {
-      const { x: c, y: i } = e.current.getBoundingClientRect();
-      n(c), o(i);
+      const { x: u, y: r } = e.current.getBoundingClientRect();
+      n(u), c(r);
     }
-  }, [e.current]), { ref: e, x: t, y: r };
+  }, [e.current]), { ref: e, x: t, y: o };
 }
-function T(e = {}) {
-  const { listenForResize: t, checkEachRender: n, debounceDelay: r = 200 } = e, o = w(null), [c, i] = u(), s = f(
-    v(() => {
-      o.current && i(o.current.getBoundingClientRect());
-    }, r),
-    [o]
+function z(e = {}) {
+  const { listenForResize: t, checkEachRender: n, debounceDelay: o = 200 } = e, c = i.useRef(null), [u, r] = i.useState(), s = i.useCallback(
+    h(() => {
+      c.current && r(c.current.getBoundingClientRect());
+    }, o),
+    [c]
   );
-  return a(() => {
+  return i.useEffect(() => {
     n && s();
-  }), a(() => (s(), t && (window.addEventListener("resize", s), window.addEventListener("change", s)), () => {
+  }), i.useEffect(() => (s(), t && (window.addEventListener("resize", s), window.addEventListener("change", s)), () => {
     t && (window.removeEventListener("resize", s), window.removeEventListener("change", s));
-  }), [s, t]), { ref: o, rect: c };
+  }), [s, t]), { ref: c, rect: u };
 }
-const I = (e, t = !0) => {
-  a(() => (e && t && L(e), () => {
-    e && b(e);
+const R = (e, t = !0) => {
+  i.useEffect(() => (e && t && m(e), () => {
+    e && w(e);
   }), [e, t]);
 };
 export {
-  I as useBodyScrollLock,
-  T as useBoundingClientRect,
-  z as useBreakPoints,
-  p as useDependantState,
-  B as useElementCoordinates,
-  R as useHover,
-  C as useIntersectionObserver,
-  l as useMediaQuery,
-  y as useOnClickOutside,
-  k as useResize
+  R as useBodyScrollLock,
+  z as useBoundingClientRect,
+  p as useBreakPoints,
+  S as useDependantState,
+  y as useElementCoordinates,
+  C as useHover,
+  k as useIntersectionObserver,
+  d as useMediaQuery,
+  M as useOnClickOutside,
+  g as useResize
 };
 //# sourceMappingURL=sd-component-library3.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library3.js","sources":["../src/core/custom-hooks.ts"],"sourcesContent":["import {\n  Dispatch,\n  RefObject,\n  SetStateAction,\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n} from \"react\";\n\nimport { disableBodyScroll, enableBodyScroll } from \"body-scroll-lock\";\nimport { debounce } from \"lodash-es\";\n\nimport theme from \"./theme\";\n\n/**\n * A custom useState hook function, that automatically\n * updates the state whenever the dependency param changes\n *\n * Note that, for maximum performance, dependency should be\n * the result of calling useMemo or useCallback: otherwise,\n * the state would be reseted on each render of the component\n * @param dependency\n */\nexport const useDependantState = <D>(\n  dependency: D\n): [D, Dispatch<SetStateAction<D>>] => {\n  const [state, setState] = useState<D>(dependency);\n\n  useEffect(() => {\n    setState(dependency);\n  }, [dependency]);\n\n  return [state, setState];\n};\n\n/**\n * The useCarousel hook\n */\nexport const useCarousel = (\n  itemWidth: number,\n  amountOfItems: number,\n  spacing: number\n): {\n  ref: any;\n  leftIsDisabled: boolean;\n  rightIsDisabled: boolean;\n  swipe: (direction: 1 | -1) => void;\n} => {\n  const [currentIndex, setCurrentIndex] = useState(0);\n  const [divElem, setDivElem] = useState<HTMLDivElement | null>(null);\n\n  const leftIsDisabled: boolean = useMemo(() => {\n    if (!divElem) return false;\n    // There's no items to the left\n    return currentIndex === 0;\n  }, [currentIndex, divElem]);\n\n  const rightIsDisabled: boolean = useMemo(() => {\n    if (!divElem) return false;\n\n    // How many elements are to the right of the current one\n    const remainingItems = amountOfItems - currentIndex;\n\n    /* How many pixels are:\n       - from the left corner of the element that is most to the left\n       - to the right corner of the element that is most to the right\n    */\n    const remainingPixels = itemWidth * remainingItems;\n\n    return remainingPixels < divElem.offsetWidth;\n  }, [currentIndex, divElem, amountOfItems, itemWidth]);\n\n  const swipe = (direction: 1 | -1) => {\n    if (divElem) {\n      const newcurrentIndex = currentIndex + direction;\n      const pixelsToTheRight = (itemWidth + spacing) * newcurrentIndex;\n\n      const left = pixelsToTheRight;\n      divElem.scroll({ left, behavior: \"smooth\" });\n\n      setCurrentIndex((prev) => prev + direction);\n    }\n  };\n\n  return { swipe, ref: setDivElem, leftIsDisabled, rightIsDisabled };\n};\n\n/**\n * Calculates height of specified element and carries out recalculation of height\n * on window resize with the delay of 0.2s.\n * @param refElement ref to an element height of which is going to be measured.\n * @returns current content state and height measuring status\n */\nexport const useResize = (\n  refElement: RefObject<HTMLDivElement | null>,\n  contentHash?: string\n): {\n  contentHeight: number;\n  isHeightMeasured: boolean;\n} => {\n  const [isHeightMeasured, setIsHeightMeasured] = useState<boolean>(false);\n  const [contentHeight, setContentHeight] = useState<number>(0);\n\n  const calcContentHeight = useCallback(() => {\n    if (refElement.current) {\n      setIsHeightMeasured(false);\n      setContentHeight(refElement.current.getBoundingClientRect().height);\n      setIsHeightMeasured(true);\n    }\n  }, [refElement, contentHash]);\n\n  /**\n   * Waits for 0.2 seconds and recalculates content height\n   */\n  const handleResize = useCallback(debounce(calcContentHeight, 200), [\n    refElement,\n  ]);\n\n  useEffect(() => {\n    // Not finished painting without setTimeout.\n    // If ever running into further problems consider adding requestAnimationFrame as well.\n    setTimeout(() => {\n      calcContentHeight();\n    });\n\n    window.addEventListener(\"resize\", handleResize);\n    window.addEventListener(\"change\", handleResize);\n    return () => {\n      window.removeEventListener(\"resize\", handleResize);\n      window.removeEventListener(\"change\", handleResize);\n    };\n  }, [handleResize, calcContentHeight]);\n\n  return { contentHeight, isHeightMeasured };\n};\n\n/**\n * Executes handler function each time user clicks outside of ref object.\n */\nexport function useOnClickOutside(\n  ref: RefObject<HTMLElement>,\n  handler: (event: MouseEvent | TouchEvent) => void\n) {\n  useEffect(() => {\n    const listener = (event: MouseEvent | TouchEvent) => {\n      if (!ref.current || ref.current.contains(event.target as Node)) {\n        return;\n      }\n      handler(event);\n    };\n    document.addEventListener(\"mousedown\", listener);\n    document.addEventListener(\"touchstart\", listener);\n    return () => {\n      document.removeEventListener(\"mousedown\", listener);\n      document.removeEventListener(\"touchstart\", listener);\n    };\n  }, [ref, handler]);\n}\n\nexport function useMediaQuery(query: string) {\n  const supportMatchMedia =\n    typeof window !== \"undefined\" && typeof window.matchMedia !== \"undefined\";\n  const defaultMatches = false;\n\n  const [isMatchQuery, setIsMatchQuery] = useState(() => {\n    if (supportMatchMedia) {\n      const queryList = matchMedia(query);\n      return queryList.matches;\n    } else {\n      return defaultMatches;\n    }\n  });\n\n  useEffect(() => {\n    let active = true;\n\n    if (!supportMatchMedia) {\n      return undefined;\n    }\n\n    const queryList = matchMedia(query);\n\n    const updateMatch = () => {\n      if (active) {\n        setIsMatchQuery(queryList.matches);\n      }\n    };\n\n    if (queryList.addEventListener)\n      queryList.addEventListener(\"change\", updateMatch);\n    else queryList.addListener(updateMatch);\n\n    return () => {\n      active = false;\n      if (queryList.removeEventListener)\n        queryList.removeEventListener(\"change\", updateMatch);\n      else queryList.removeListener(updateMatch);\n    };\n  }, [query, supportMatchMedia]);\n\n  return isMatchQuery;\n}\n\n/**\n * Provides set of flags indicating what is the current screen size.\n */\nexport function useBreakPoints() {\n  const mobileSize = theme.breakpoints[0];\n  const largeMobileSize = theme.breakpoints[1];\n  const tabSize = theme.breakpoints[2];\n\n  const isWiderThanMobile = useMediaQuery(`(min-width:${mobileSize})`);\n  const isWiderThanLargeMobile = useMediaQuery(\n    `(min-width:${largeMobileSize})`\n  );\n  const isWiderThanTab = useMediaQuery(`(min-width:${tabSize})`);\n\n  let isMobile = false,\n    isLargeMobile = false,\n    isTab = false,\n    isDesktop = false;\n\n  if (isWiderThanTab) {\n    isDesktop = true;\n  } else if (isWiderThanLargeMobile) {\n    isTab = true;\n  } else if (isWiderThanMobile) {\n    isLargeMobile = true;\n  } else isMobile = true;\n\n  return {\n    isMobile,\n    isLargeMobile,\n    isTab,\n    isDesktop,\n    isWiderThanMobile,\n    isWiderThanLargeMobile,\n  };\n}\n\n/**\n * Provided intersection observer for the specified elements.\n *\n * @param rootRef Ref for the root element.\n * @param rootMargin Margin for the root element area.\n * @param callback Function to process intersection changes.\n */\nexport function useIntersectionObserver(\n  rootRef: RefObject<HTMLElement>,\n  rootMargin: string,\n  callback: IntersectionObserverCallback\n) {\n  if (rootRef.current) {\n    const options = {\n      root: rootRef.current,\n      rootMargin,\n      threshold: 1,\n    };\n\n    return new IntersectionObserver(callback, options);\n  }\n}\n\nexport function useHover(onHover?: (newState: boolean) => void) {\n  const [isHover, setIsHover] = useState(false);\n\n  const hoverCallbacks = {\n    onMouseEnter: () => {\n      const newState = true;\n      setIsHover(newState);\n      onHover?.(newState);\n    },\n    onMouseLeave: () => {\n      const newState = false;\n      setIsHover(newState);\n      onHover?.(newState);\n    },\n  };\n\n  return {\n    isHover,\n    hoverCallbacks,\n  };\n}\n\nexport function useContentSize<T extends Element = HTMLElement>(\n  settings: {\n    listenForResize?: boolean;\n    debounceDelay?: number;\n    checkEachRender?: boolean;\n  } = {}\n) {\n  const { ref, rect } = useBoundingClientRect<T>(settings);\n  return {\n    ref,\n    contentWidth: rect?.width ?? 0,\n    contentHeight: rect?.height ?? 0,\n  };\n}\n\nexport function useElementCoordinates<T extends Element = HTMLElement>() {\n  const ref = useRef<T>(null);\n\n  const [x, setX] = useState(0);\n  const [y, setY] = useState(0);\n\n  useEffect(() => {\n    if (ref.current) {\n      const { x, y } = ref.current.getBoundingClientRect();\n      setX(x);\n      setY(y);\n    }\n  }, [ref.current]);\n\n  return { ref, x, y };\n}\n\nexport function useBoundingClientRect<T extends Element = HTMLElement>(\n  settings: {\n    listenForResize?: boolean;\n    debounceDelay?: number;\n    checkEachRender?: boolean;\n  } = {}\n) {\n  const { listenForResize, checkEachRender, debounceDelay = 200 } = settings;\n  const ref = useRef<T>(null);\n\n  const [rect, setRect] = useState<DOMRect>();\n\n  const handleResize = useCallback(\n    debounce(() => {\n      ref.current && setRect(ref.current.getBoundingClientRect());\n    }, debounceDelay),\n    [ref]\n  );\n\n  useEffect(() => {\n    if (checkEachRender) handleResize();\n  });\n\n  useEffect(() => {\n    handleResize();\n\n    if (listenForResize) {\n      window.addEventListener(\"resize\", handleResize);\n      window.addEventListener(\"change\", handleResize);\n    }\n\n    return () => {\n      if (listenForResize) {\n        window.removeEventListener(\"resize\", handleResize);\n        window.removeEventListener(\"change\", handleResize);\n      }\n    };\n  }, [handleResize, listenForResize]);\n\n  return { ref, rect };\n}\n\nexport const useBodyScrollLock = <T extends HTMLElement = HTMLElement>(\n  target: T | null,\n  shouldEnable = true\n) => {\n  useEffect(() => {\n    if (target && shouldEnable) disableBodyScroll(target);\n    return () => {\n      if (target) enableBodyScroll(target);\n    };\n  }, [target, shouldEnable]);\n};\n"],"names":["useDependantState","dependency","state","setState","useState","useEffect","useResize","refElement","contentHash","isHeightMeasured","setIsHeightMeasured","contentHeight","setContentHeight","calcContentHeight","useCallback","handleResize","debounce","useOnClickOutside","ref","handler","listener","event","useMediaQuery","query","supportMatchMedia","defaultMatches","isMatchQuery","setIsMatchQuery","active","queryList","updateMatch","useBreakPoints","mobileSize","theme","largeMobileSize","tabSize","isWiderThanMobile","isWiderThanLargeMobile","isWiderThanTab","isMobile","isLargeMobile","isTab","isDesktop","useIntersectionObserver","rootRef","rootMargin","callback","options","useHover","onHover","isHover","setIsHover","useElementCoordinates","useRef","x","setX","y","setY","useBoundingClientRect","settings","listenForResize","checkEachRender","debounceDelay","rect","setRect","useBodyScrollLock","target","shouldEnable","disableBodyScroll","enableBodyScroll"],"mappings":"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"}
+{"version":3,"file":"sd-component-library3.js","sources":["../src/core/custom-hooks.ts"],"sourcesContent":["import {\n  Dispatch,\n  RefObject,\n  SetStateAction,\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n} from \"react\";\n\nimport { disableBodyScroll, enableBodyScroll } from \"body-scroll-lock\";\nimport { debounce } from \"lodash-es\";\n\nimport theme from \"./theme\";\n\n/**\n * A custom useState hook function, that automatically\n * updates the state whenever the dependency param changes\n *\n * Note that, for maximum performance, dependency should be\n * the result of calling useMemo or useCallback: otherwise,\n * the state would be reseted on each render of the component\n * @param dependency\n */\nexport const useDependantState = <D>(\n  dependency: D\n): [D, Dispatch<SetStateAction<D>>] => {\n  const [state, setState] = useState<D>(dependency);\n\n  useEffect(() => {\n    setState(dependency);\n  }, [dependency]);\n\n  return [state, setState];\n};\n\n/**\n * The useCarousel hook\n */\nexport const useCarousel = (\n  itemWidth: number,\n  amountOfItems: number,\n  spacing: number\n): {\n  ref: any;\n  leftIsDisabled: boolean;\n  rightIsDisabled: boolean;\n  swipe: (direction: 1 | -1) => void;\n} => {\n  const [currentIndex, setCurrentIndex] = useState(0);\n  const [divElem, setDivElem] = useState<HTMLDivElement | null>(null);\n\n  const leftIsDisabled: boolean = useMemo(() => {\n    if (!divElem) return false;\n    // There's no items to the left\n    return currentIndex === 0;\n  }, [currentIndex, divElem]);\n\n  const rightIsDisabled: boolean = useMemo(() => {\n    if (!divElem) return false;\n\n    // How many elements are to the right of the current one\n    const remainingItems = amountOfItems - currentIndex;\n\n    /* How many pixels are:\n       - from the left corner of the element that is most to the left\n       - to the right corner of the element that is most to the right\n    */\n    const remainingPixels = itemWidth * remainingItems;\n\n    return remainingPixels < divElem.offsetWidth;\n  }, [currentIndex, divElem, amountOfItems, itemWidth]);\n\n  const swipe = (direction: 1 | -1) => {\n    if (divElem) {\n      const newcurrentIndex = currentIndex + direction;\n      const pixelsToTheRight = (itemWidth + spacing) * newcurrentIndex;\n\n      const left = pixelsToTheRight;\n      divElem.scroll({ left, behavior: \"smooth\" });\n\n      setCurrentIndex((prev) => prev + direction);\n    }\n  };\n\n  return { swipe, ref: setDivElem, leftIsDisabled, rightIsDisabled };\n};\n\n/**\n * Calculates height of specified element and carries out recalculation of height\n * on window resize with the delay of 0.2s.\n * @param refElement ref to an element height of which is going to be measured.\n * @returns current content state and height measuring status\n */\nexport const useResize = (\n  refElement: RefObject<HTMLDivElement | null>,\n  contentHash?: string\n): {\n  contentHeight: number;\n  isHeightMeasured: boolean;\n} => {\n  const [isHeightMeasured, setIsHeightMeasured] = useState<boolean>(false);\n  const [contentHeight, setContentHeight] = useState<number>(0);\n\n  const calcContentHeight = useCallback(() => {\n    if (refElement.current) {\n      setIsHeightMeasured(false);\n      setContentHeight(refElement.current.getBoundingClientRect().height);\n      setIsHeightMeasured(true);\n    }\n  }, [refElement, contentHash]);\n\n  /**\n   * Waits for 0.2 seconds and recalculates content height\n   */\n  const handleResize = useCallback(debounce(calcContentHeight, 200), [\n    refElement,\n  ]);\n\n  useEffect(() => {\n    // Not finished painting without setTimeout.\n    // If ever running into further problems consider adding requestAnimationFrame as well.\n    setTimeout(() => {\n      calcContentHeight();\n    });\n\n    window.addEventListener(\"resize\", handleResize);\n    window.addEventListener(\"change\", handleResize);\n    return () => {\n      window.removeEventListener(\"resize\", handleResize);\n      window.removeEventListener(\"change\", handleResize);\n    };\n  }, [handleResize, calcContentHeight]);\n\n  return { contentHeight, isHeightMeasured };\n};\n\n/**\n * Executes handler function each time user clicks outside of ref object.\n */\nexport function useOnClickOutside(\n  ref: RefObject<HTMLElement>,\n  handler: (event: MouseEvent | TouchEvent) => void\n) {\n  useEffect(() => {\n    const listener = (event: MouseEvent | TouchEvent) => {\n      if (!ref.current || ref.current.contains(event.target as Node)) {\n        return;\n      }\n      handler(event);\n    };\n    document.addEventListener(\"mousedown\", listener);\n    document.addEventListener(\"touchstart\", listener);\n    return () => {\n      document.removeEventListener(\"mousedown\", listener);\n      document.removeEventListener(\"touchstart\", listener);\n    };\n  }, [ref, handler]);\n}\n\nexport function useMediaQuery(query: string) {\n  const supportMatchMedia =\n    typeof window !== \"undefined\" && typeof window.matchMedia !== \"undefined\";\n  const defaultMatches = false;\n\n  const [isMatchQuery, setIsMatchQuery] = useState(() => {\n    if (supportMatchMedia) {\n      const queryList = matchMedia(query);\n      return queryList.matches;\n    } else {\n      return defaultMatches;\n    }\n  });\n\n  useEffect(() => {\n    let active = true;\n\n    if (!supportMatchMedia) {\n      return undefined;\n    }\n\n    const queryList = matchMedia(query);\n\n    const updateMatch = () => {\n      if (active) {\n        setIsMatchQuery(queryList.matches);\n      }\n    };\n\n    if (queryList.addEventListener)\n      queryList.addEventListener(\"change\", updateMatch);\n    else queryList.addListener(updateMatch);\n\n    return () => {\n      active = false;\n      if (queryList.removeEventListener)\n        queryList.removeEventListener(\"change\", updateMatch);\n      else queryList.removeListener(updateMatch);\n    };\n  }, [query, supportMatchMedia]);\n\n  return isMatchQuery;\n}\n\n/**\n * Provides set of flags indicating what is the current screen size.\n */\nexport function useBreakPoints() {\n  const mobileSize = theme.breakpoints[0];\n  const largeMobileSize = theme.breakpoints[1];\n  const tabSize = theme.breakpoints[2];\n\n  const isWiderThanMobile = useMediaQuery(`(min-width:${mobileSize})`);\n  const isWiderThanLargeMobile = useMediaQuery(\n    `(min-width:${largeMobileSize})`\n  );\n  const isWiderThanTab = useMediaQuery(`(min-width:${tabSize})`);\n\n  let isMobile = false,\n    isLargeMobile = false,\n    isTab = false,\n    isDesktop = false;\n\n  if (isWiderThanTab) {\n    isDesktop = true;\n  } else if (isWiderThanLargeMobile) {\n    isTab = true;\n  } else if (isWiderThanMobile) {\n    isLargeMobile = true;\n  } else isMobile = true;\n\n  return {\n    isMobile,\n    isLargeMobile,\n    isTab,\n    isDesktop,\n    isWiderThanMobile,\n    isWiderThanLargeMobile,\n  };\n}\n\n/**\n * Provided intersection observer for the specified elements.\n *\n * @param rootRef Ref for the root element.\n * @param rootMargin Margin for the root element area.\n * @param callback Function to process intersection changes.\n */\nexport function useIntersectionObserver(\n  rootRef: RefObject<HTMLElement>,\n  rootMargin: string,\n  callback: IntersectionObserverCallback\n) {\n  if (rootRef.current) {\n    const options = {\n      root: rootRef.current,\n      rootMargin,\n      threshold: 1,\n    };\n\n    return new IntersectionObserver(callback, options);\n  }\n}\n\nexport function useHover(onHover?: (newState: boolean) => void) {\n  const [isHover, setIsHover] = useState(false);\n\n  const hoverCallbacks = {\n    onMouseEnter: () => {\n      const newState = true;\n      setIsHover(newState);\n      onHover?.(newState);\n    },\n    onMouseLeave: () => {\n      const newState = false;\n      setIsHover(newState);\n      onHover?.(newState);\n    },\n  };\n\n  return {\n    isHover,\n    hoverCallbacks,\n  };\n}\n\nexport function useContentSize<T extends Element = HTMLElement>(\n  settings: {\n    listenForResize?: boolean;\n    debounceDelay?: number;\n    checkEachRender?: boolean;\n  } = {}\n) {\n  const { ref, rect } = useBoundingClientRect<T>(settings);\n  return {\n    ref,\n    contentWidth: rect?.width ?? 0,\n    contentHeight: rect?.height ?? 0,\n  };\n}\n\nexport function useElementCoordinates<T extends Element = HTMLElement>() {\n  const ref = useRef<T>(null);\n\n  const [x, setX] = useState(0);\n  const [y, setY] = useState(0);\n\n  useEffect(() => {\n    if (ref.current) {\n      const { x, y } = ref.current.getBoundingClientRect();\n      setX(x);\n      setY(y);\n    }\n  }, [ref.current]);\n\n  return { ref, x, y };\n}\n\nexport function useBoundingClientRect<T extends Element = HTMLElement>(\n  settings: {\n    listenForResize?: boolean;\n    debounceDelay?: number;\n    checkEachRender?: boolean;\n  } = {}\n) {\n  const { listenForResize, checkEachRender, debounceDelay = 200 } = settings;\n  const ref = useRef<T>(null);\n\n  const [rect, setRect] = useState<DOMRect>();\n\n  const handleResize = useCallback(\n    debounce(() => {\n      ref.current && setRect(ref.current.getBoundingClientRect());\n    }, debounceDelay),\n    [ref]\n  );\n\n  useEffect(() => {\n    if (checkEachRender) handleResize();\n  });\n\n  useEffect(() => {\n    handleResize();\n\n    if (listenForResize) {\n      window.addEventListener(\"resize\", handleResize);\n      window.addEventListener(\"change\", handleResize);\n    }\n\n    return () => {\n      if (listenForResize) {\n        window.removeEventListener(\"resize\", handleResize);\n        window.removeEventListener(\"change\", handleResize);\n      }\n    };\n  }, [handleResize, listenForResize]);\n\n  return { ref, rect };\n}\n\nexport const useBodyScrollLock = <T extends HTMLElement = HTMLElement>(\n  target: T | null,\n  shouldEnable = true\n) => {\n  useEffect(() => {\n    if (target && shouldEnable) disableBodyScroll(target);\n    return () => {\n      if (target) enableBodyScroll(target);\n    };\n  }, [target, shouldEnable]);\n};\n"],"names":["useDependantState","dependency","state","setState","useState","useEffect","useResize","refElement","contentHash","isHeightMeasured","setIsHeightMeasured","contentHeight","setContentHeight","calcContentHeight","useCallback","handleResize","debounce","useOnClickOutside","ref","handler","listener","event","useMediaQuery","query","supportMatchMedia","defaultMatches","isMatchQuery","setIsMatchQuery","active","queryList","updateMatch","useBreakPoints","mobileSize","theme","largeMobileSize","tabSize","isWiderThanMobile","isWiderThanLargeMobile","isWiderThanTab","isMobile","isLargeMobile","isTab","isDesktop","useIntersectionObserver","rootRef","rootMargin","callback","options","useHover","onHover","isHover","setIsHover","useElementCoordinates","useRef","x","setX","y","setY","useBoundingClientRect","settings","listenForResize","checkEachRender","debounceDelay","rect","setRect","useBodyScrollLock","target","shouldEnable","disableBodyScroll","enableBodyScroll"],"mappings":"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"}

package/lib/sd-component-library30.js

@@ -1,4 +1,4 @@
-import { j as o } from "./sd-component-library190.js";
+import { j as o } from "./sd-component-library191.js";
 import { Label as f } from "@rebass/forms";
 import { Box as d } from "rebass";
 import { useDependantState as m } from "./sd-component-library3.js";

package/lib/sd-component-library301.js

@@ -1,4 +1,4 @@
-import { __exports as r } from "./sd-component-library309.js";
+import { __exports as r } from "./sd-component-library313.js";
 /** @license React v16.13.1
  * react-is.production.min.js
  *

package/lib/sd-component-library302.js

@@ -1,4 +1,4 @@
-import { __exports as r } from "./sd-component-library310.js";
+import { __exports as r } from "./sd-component-library314.js";
 /** @license React v16.13.1
  * react-is.development.js
  *

package/lib/sd-component-library307.js

@@ -1,9 +1,12 @@
-function e(o, r) {
-  return e = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function(t, f) {
-    return t.__proto__ = f, t;
-  }, e(o, r);
+function a(r, o) {
+  if (r == null)
+    return {};
+  var n = {}, i = Object.keys(r), e, t;
+  for (t = 0; t < i.length; t++)
+    e = i[t], !(o.indexOf(e) >= 0) && (n[e] = r[e]);
+  return n;
 }
 export {
-  e as default
+  a as default
 };
 //# sourceMappingURL=sd-component-library307.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library307.js","sources":["../node_modules/@babel/runtime/helpers/esm/setPrototypeOf.js"],"sourcesContent":["export default function _setPrototypeOf(o, p) {\n  _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) {\n    o.__proto__ = p;\n    return o;\n  };\n  return _setPrototypeOf(o, p);\n}"],"names":["_setPrototypeOf","p","o"],"mappings":"AAAe,SAASA,EAAgB,GAAGC,GAAG;AAC5C,SAAAD,IAAkB,OAAO,iBAAiB,OAAO,eAAe,KAAI,IAAK,SAAyBE,GAAGD,GAAG;AACtG,WAAAC,EAAE,YAAYD,GACPC;AAAA,EACX,GACSF,EAAgB,GAAGC,CAAC;AAC7B;","x_google_ignoreList":[0]}
+{"version":3,"file":"sd-component-library307.js","sources":["../node_modules/@babel/runtime/helpers/esm/objectWithoutPropertiesLoose.js"],"sourcesContent":["export default function _objectWithoutPropertiesLoose(source, excluded) {\n  if (source == null) return {};\n  var target = {};\n  var sourceKeys = Object.keys(source);\n  var key, i;\n  for (i = 0; i < sourceKeys.length; i++) {\n    key = sourceKeys[i];\n    if (excluded.indexOf(key) >= 0) continue;\n    target[key] = source[key];\n  }\n  return target;\n}"],"names":["_objectWithoutPropertiesLoose","source","excluded","target","sourceKeys","key","i"],"mappings":"AAAe,SAASA,EAA8BC,GAAQC,GAAU;AACtE,MAAID,KAAU;AAAM,WAAO;AAC3B,MAAIE,IAAS,CAAA,GACTC,IAAa,OAAO,KAAKH,CAAM,GAC/BI,GAAKC;AACT,OAAKA,IAAI,GAAGA,IAAIF,EAAW,QAAQE;AAEjC,IADAD,IAAMD,EAAWE,CAAC,GACd,EAAAJ,EAAS,QAAQG,CAAG,KAAK,OAC7BF,EAAOE,CAAG,IAAIJ,EAAOI,CAAG;AAE1B,SAAOF;AACT;","x_google_ignoreList":[0]}

package/lib/sd-component-library308.js

@@ -1,9 +1,8 @@
-function i(e) {
-  if (e === void 0)
-    throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
-  return e;
+import e from "./sd-component-library315.js";
+function p(t, o) {
+  t.prototype = Object.create(o.prototype), t.prototype.constructor = t, e(t, o);
 }
 export {
-  i as default
+  p as default
 };
 //# sourceMappingURL=sd-component-library308.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library308.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]}
+{"version":3,"file":"sd-component-library308.js","sources":["../node_modules/@babel/runtime/helpers/esm/inheritsLoose.js"],"sourcesContent":["import setPrototypeOf from \"./setPrototypeOf.js\";\nexport default function _inheritsLoose(subClass, superClass) {\n  subClass.prototype = Object.create(superClass.prototype);\n  subClass.prototype.constructor = subClass;\n  setPrototypeOf(subClass, superClass);\n}"],"names":["_inheritsLoose","subClass","superClass","setPrototypeOf"],"mappings":";AACe,SAASA,EAAeC,GAAUC,GAAY;AAC3D,EAAAD,EAAS,YAAY,OAAO,OAAOC,EAAW,SAAS,GACvDD,EAAS,UAAU,cAAcA,GACjCE,EAAeF,GAAUC,CAAU;AACrC;","x_google_ignoreList":[0]}

package/lib/sd-component-library309.js

@@ -1,5 +1,22 @@
-var r = {};
+import { getDefaultExportFromCjs as _ } from "./sd-component-library195.js";
+import { __module as r } from "./sd-component-library316.js";
+import { __require as t } from "./sd-component-library317.js";
+import { __require as c } from "./sd-component-library318.js";
+function e() {
+  if (!(typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ > "u" || typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.checkDCE != "function")) {
+    if (process.env.NODE_ENV !== "production")
+      throw new Error("^_^");
+    try {
+      __REACT_DEVTOOLS_GLOBAL_HOOK__.checkDCE(e);
+    } catch (o) {
+      console.error(o);
+    }
+  }
+}
+process.env.NODE_ENV === "production" ? (e(), r.exports = t()) : r.exports = c();
+var i = r.exports;
+const s = /* @__PURE__ */ _(i);
 export {
-  r as __exports
+  s as default
 };
 //# sourceMappingURL=sd-component-library309.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library309.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
+{"version":3,"file":"sd-component-library309.js","sources":["../node_modules/react-dom/index.js"],"sourcesContent":["'use strict';\n\nfunction checkDCE() {\n  /* global __REACT_DEVTOOLS_GLOBAL_HOOK__ */\n  if (\n    typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ === 'undefined' ||\n    typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.checkDCE !== 'function'\n  ) {\n    return;\n  }\n  if (process.env.NODE_ENV !== 'production') {\n    // This branch is unreachable because this function is only called\n    // in production, but the condition is true only in development.\n    // Therefore if the branch is still here, dead code elimination wasn't\n    // properly applied.\n    // Don't change the message. React DevTools relies on it. Also make sure\n    // this message doesn't occur elsewhere in this function, or it will cause\n    // a false positive.\n    throw new Error('^_^');\n  }\n  try {\n    // Verify that the code above has been dead code eliminated (DCE'd).\n    __REACT_DEVTOOLS_GLOBAL_HOOK__.checkDCE(checkDCE);\n  } catch (err) {\n    // DevTools shouldn't crash React, no matter what.\n    // We should still report in case we break this code.\n    console.error(err);\n  }\n}\n\nif (process.env.NODE_ENV === 'production') {\n  // DCE check should happen before ReactDOM bundle executes so that\n  // DevTools can report bad minification during injection.\n  checkDCE();\n  module.exports = require('./cjs/react-dom.production.min.js');\n} else {\n  module.exports = require('./cjs/react-dom.development.js');\n}\n"],"names":["checkDCE","err","reactDomModule","require$$0","require$$1"],"mappings":";;;;AAEA,SAASA,IAAW;AAElB,MACE,SAAO,iCAAmC,OAC1C,OAAO,+BAA+B,YAAa,aAIrD;AAAA,QAAI,QAAQ,IAAI,aAAa;AAQ3B,YAAM,IAAI,MAAM,KAAK;AAEvB,QAAI;AAEF,qCAA+B,SAASA,CAAQ;AAAA,IACjD,SAAQC,GAAK;AAGZ,cAAQ,MAAMA,CAAG;AAAA,IAClB;AAAA;AACH;AAEI,QAAQ,IAAI,aAAa,gBAG3BD,KACAE,EAAA,UAAiBC,OAEjBD,EAAA,UAAiBE;;;","x_google_ignoreList":[0]}

package/lib/sd-component-library31.js

@@ -1,77 +1,77 @@
-import { j as o } from "./sd-component-library190.js";
-import { useMemo as j, useRef as w, useEffect as S } from "react";
-import { Label as g } from "@rebass/forms";
-import { Box as h } from "rebass";
-import { useDependantState as z } from "./sd-component-library3.js";
-import { FlexCenter as B } from "./sd-component-library35.js";
-function y(n, e) {
-  return (d) => {
-    const r = d.target.checked ? "checked" : "unchecked";
+import { j as o } from "./sd-component-library191.js";
+import { r as d } from "./sd-component-library188.js";
+import { Label as w } from "@rebass/forms";
+import { Box as p } from "rebass";
+import { useDependantState as S } from "./sd-component-library3.js";
+import { FlexCenter as g } from "./sd-component-library35.js";
+function z(n, e) {
+  return (a) => {
+    const r = a.target.checked ? "checked" : "unchecked";
     e == null || e(r), n(r);
   };
 }
-const R = "10px", s = "20px", a = "5px", f = ({ sx: n, ...e }) => /* @__PURE__ */ o.jsx(
-  h,
+const B = "10px", s = "20px", h = "5px", k = ({ sx: n, ...e }) => /* @__PURE__ */ o.jsx(
+  p,
   {
-    size: R,
+    size: B,
     sx: {
       borderRadius: "2px",
       ...n
     },
     ...e
   }
-), $ = ({
+), q = ({
   children: n,
   onChange: e,
-  value: d = "unchecked",
+  value: a = "unchecked",
   disabled: r = !1,
-  color: p = "cl_blue",
-  bg: i = "cl_transparent",
-  borderWidth: k = "2px",
-  m = "10px",
-  isHoverCheckbox: u = !1
+  color: u = "cl_blue",
+  bg: c = "cl_transparent",
+  borderWidth: m = "2px",
+  m: b = "10px",
+  isHoverCheckbox: l = !1
 }) => {
-  const [t, b] = z(d), x = j(
-    () => r ? "cl_grey" : p,
-    [p, r]
-  ), c = w(null);
-  S(() => {
-    c.current && (c.current.checked = t === "checked", c.current.indeterminate = t === "partial");
+  const [t, C] = S(a), x = d.useMemo(
+    () => r ? "cl_grey" : u,
+    [u, r]
+  ), i = d.useRef(null);
+  d.useEffect(() => {
+    i.current && (i.current.checked = t === "checked", i.current.indeterminate = t === "partial");
   }, [t]);
-  const l = u && t === "unchecked", C = l ? null : t !== "partial" ? /* @__PURE__ */ o.jsx(
-    f,
+  const f = l && t === "unchecked", j = f ? null : t !== "partial" ? /* @__PURE__ */ o.jsx(
+    k,
     {
       sx: {
-        bg: t === "checked" ? x : i
+        bg: t === "checked" ? x : c
       },
       "data-testid": "checkbox-inner-square"
     }
   ) : /* @__PURE__ */ o.jsx(
-    f,
+    k,
     {
       sx: {
         border: "5px solid",
         borderColor: x,
-        borderLeftColor: i,
-        borderTopColor: i
+        borderLeftColor: c,
+        borderTopColor: c
       },
       "data-testid": "checkbox-inner-triangle"
     }
   );
-  return /* @__PURE__ */ o.jsxs(g, { alignItems: "center", "data-testid": "partial-checkbox", children: [
+  return /* @__PURE__ */ o.jsxs(w, { alignItems: "center", "data-testid": "partial-checkbox", children: [
     /* @__PURE__ */ o.jsxs(
-      B,
+      g,
       {
         size: s,
         sx: {
           position: "relative",
-          m,
+          m: b,
           cursor: "pointer",
           flexShrink: 0
         },
         children: [
           /* @__PURE__ */ o.jsx(
-            h,
+            p,
             {
               as: "input",
               type: "checkbox",
@@ -83,36 +83,36 @@ const R = "10px", s = "20px", a = "5px", f = ({ sx: n, ...e }) => /* @__PURE__ *
                 height: 1,
                 overflow: "hidden"
               },
-              onChange: y(b, e),
+              onChange: z(C, e),
               checked: t === "checked",
               disabled: r,
-              ref: c,
+              ref: i,
               "data-testid": "checkbox-input"
             }
           ),
           /* @__PURE__ */ o.jsx(
-            h,
+            p,
             {
               sx: {
                 position: "absolute",
                 left: 0,
                 top: 0,
                 borderRadius: "3px",
-                bg: i,
-                width: l ? a : s,
+                bg: c,
+                width: f ? h : s,
                 height: s,
                 borderColor: x,
                 borderStyle: "solid",
-                borderWidth: k,
-                ...u ? {
+                borderWidth: m,
+                ...l ? {
                   /* Extends the area where hovering works */
                   ":before": {
                     content: "''",
                     position: "absolute",
                     top: 0,
                     bottom: 0,
-                    left: a,
-                    width: `calc(${s} - ${a})`
+                    left: h,
+                    width: `calc(${s} - ${h})`
                   },
                   ":hover": {
                     transition: "width 0.1s ease-in",
@@ -123,7 +123,7 @@ const R = "10px", s = "20px", a = "5px", f = ({ sx: n, ...e }) => /* @__PURE__ *
               "data-testid": "checkbox-outer-square"
             }
           ),
-          C
+          j
         ]
       }
     ),
@@ -131,6 +131,6 @@ const R = "10px", s = "20px", a = "5px", f = ({ sx: n, ...e }) => /* @__PURE__ *
   ] });
 };
 export {
-  $ as PartialCheckbox
+  q as PartialCheckbox
 };
 //# sourceMappingURL=sd-component-library31.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library31.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, ...props }) => (\n  <Box\n    size={innerBoxSize}\n    sx={{\n      borderRadius: \"2px\",\n      ...sx,\n    }}\n    {...props}\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-testid=\"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-testid=\"checkbox-inner-triangle\"\n    />\n  );\n\n  return (\n    <Label alignItems=\"center\" data-testid=\"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          data-testid=\"checkbox-input\"\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-testid=\"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","props","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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"}
+{"version":3,"file":"sd-component-library31.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, ...props }) => (\n  <Box\n    size={innerBoxSize}\n    sx={{\n      borderRadius: \"2px\",\n      ...sx,\n    }}\n    {...props}\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-testid=\"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-testid=\"checkbox-inner-triangle\"\n    />\n  );\n\n  return (\n    <Label alignItems=\"center\" data-testid=\"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          data-testid=\"checkbox-input\"\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-testid=\"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","props","jsx","Box","PartialCheckbox","children","onChange","value","disabled","color","bg","borderWidth","m","isHoverCheckbox","checkboxState","setCheckboxState","useDependantState","checkedBgColor","useMemo","ref","useRef","useEffect","showHoverCheckbox","innerCheckBox","jsxs","Label","FlexCenter"],"mappings":"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"}

package/lib/sd-component-library310.js

@@ -1,5 +1,7 @@
-var e = {};
+const a = {
+  disabled: !1
+};
 export {
-  e as __exports
+  a as default
 };
 //# sourceMappingURL=sd-component-library310.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library310.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
+{"version":3,"file":"sd-component-library310.js","sources":["../node_modules/react-transition-group/esm/config.js"],"sourcesContent":["export default {\n  disabled: false\n};"],"names":["config"],"mappings":"AAAA,MAAeA,IAAA;AAAA,EACb,UAAU;AACZ;","x_google_ignoreList":[0]}