@elliemae/ds-controlled-form 2.3.0-alpha.8 → 2.3.0-next.2

package/dist/esm/controlled-autocomplete/parts/menu-list/useMenuList.js

@@ -1,53 +0,0 @@
-import * as React from "react";
-import { useEffect, useContext } from "react";
-import { AutocompleteContext } from "../../AutocompleteCTX";
-const useMenuList = () => {
-  const {
-    props: { selectedValues, onMenuOpen, options },
-    inputRef,
-    setCurrentOption,
-    scrollOptionIntoView,
-    setShowPopover,
-    showPopover
-  } = useContext(AutocompleteContext);
-  useEffect(() => {
-    if (options.length === 0 || inputRef.current?.value === "") {
-      setShowPopover(false);
-    }
-  }, [options, inputRef, setShowPopover]);
-  useEffect(() => {
-    const getFirstOption = () => {
-      for (let i = 0; i < options.length; i += 1)
-        if (!["section", "separator"].includes(options[i].type)) {
-          setCurrentOption(options[i].dsId);
-          break;
-        }
-    };
-    if (showPopover) {
-      onMenuOpen();
-      if (inputRef.current?.value !== "") {
-        getFirstOption();
-      } else if (Array.isArray(selectedValues)) {
-        const multiSelectedValues = selectedValues;
-        if (multiSelectedValues.length > 0) {
-          setCurrentOption(multiSelectedValues[multiSelectedValues.length - 1].dsId);
-          scrollOptionIntoView(multiSelectedValues[multiSelectedValues.length - 1].dsId);
-        } else {
-          getFirstOption();
-        }
-      } else {
-        const singleSelectedValue = selectedValues;
-        if (singleSelectedValue) {
-          setCurrentOption(selectedValues.dsId);
-          scrollOptionIntoView(selectedValues.dsId);
-        } else {
-          getFirstOption();
-        }
-      }
-    }
-  }, [showPopover, inputRef.current?.value]);
-};
-export {
-  useMenuList
-};
-//# sourceMappingURL=useMenuList.js.map

package/dist/esm/controlled-autocomplete/parts/menu-list/useMenuList.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../../../scripts/build/transpile/react-shim.js", "../../../../../src/controlled-autocomplete/parts/menu-list/useMenuList.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { useEffect, useContext } from 'react';\nimport { AutocompleteContext } from '../../AutocompleteCTX';\nimport type { CBItemOption } from '../../index.d';\n\nconst useMenuList = (): void => {\n  const {\n    props: { selectedValues, onMenuOpen, options },\n    inputRef,\n    setCurrentOption,\n    scrollOptionIntoView,\n    setShowPopover,\n    showPopover,\n  } = useContext(AutocompleteContext);\n\n  useEffect(() => {\n    if (options.length === 0 || inputRef.current?.value === '') {\n      setShowPopover(false);\n    }\n  }, [options, inputRef, setShowPopover]);\n\n  useEffect(() => {\n    const getFirstOption = () => {\n      for (let i = 0; i < options.length; i += 1)\n        if (!['section', 'separator'].includes(options[i].type)) {\n          setCurrentOption(options[i].dsId);\n          break;\n        }\n    };\n    if (showPopover) {\n      onMenuOpen();\n      if (inputRef.current?.value !== '') {\n        getFirstOption();\n      } else if (Array.isArray(selectedValues)) {\n        const multiSelectedValues = selectedValues as CBItemOption[];\n        if (multiSelectedValues.length > 0) {\n          setCurrentOption(multiSelectedValues[multiSelectedValues.length - 1].dsId);\n          scrollOptionIntoView(multiSelectedValues[multiSelectedValues.length - 1].dsId);\n        } else {\n          getFirstOption();\n        }\n      } else {\n        const singleSelectedValue = selectedValues as CBItemOption;\n        if (singleSelectedValue) {\n          setCurrentOption(selectedValues.dsId);\n          scrollOptionIntoView(selectedValues.dsId);\n        } else {\n          getFirstOption();\n        }\n      }\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [showPopover, inputRef.current?.value]);\n};\n\nexport { useMenuList };\n"],
-  "mappings": "AAAA;ACAA;AACA;AAGA,MAAM,cAAc,MAAY;AAC9B,QAAM;AAAA,IACJ,OAAO,EAAE,gBAAgB,YAAY;AAAA,IACrC;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,MACE,WAAW;AAEf,YAAU,MAAM;AACd,QAAI,QAAQ,WAAW,KAAK,SAAS,SAAS,UAAU,IAAI;AAC1D,qBAAe;AAAA;AAAA,KAEhB,CAAC,SAAS,UAAU;AAEvB,YAAU,MAAM;AACd,UAAM,iBAAiB,MAAM;AAC3B,eAAS,IAAI,GAAG,IAAI,QAAQ,QAAQ,KAAK;AACvC,YAAI,CAAC,CAAC,WAAW,aAAa,SAAS,QAAQ,GAAG,OAAO;AACvD,2BAAiB,QAAQ,GAAG;AAC5B;AAAA;AAAA;AAGN,QAAI,aAAa;AACf;AACA,UAAI,SAAS,SAAS,UAAU,IAAI;AAClC;AAAA,iBACS,MAAM,QAAQ,iBAAiB;AACxC,cAAM,sBAAsB;AAC5B,YAAI,oBAAoB,SAAS,GAAG;AAClC,2BAAiB,oBAAoB,oBAAoB,SAAS,GAAG;AACrE,+BAAqB,oBAAoB,oBAAoB,SAAS,GAAG;AAAA,eACpE;AACL;AAAA;AAAA,aAEG;AACL,cAAM,sBAAsB;AAC5B,YAAI,qBAAqB;AACvB,2BAAiB,eAAe;AAChC,+BAAqB,eAAe;AAAA,eAC/B;AACL;AAAA;AAAA;AAAA;AAAA,KAKL,CAAC,aAAa,SAAS,SAAS;AAAA;",
-  "names": []
-}

package/dist/esm/controlled-autocomplete/propTypes.js

@@ -1,27 +0,0 @@
-import * as React from "react";
-import { PropTypes } from "react-desc";
-const propTypes = {
-  placeholder: PropTypes.string.description("input s placeholder value").defaultValue(""),
-  options: PropTypes.oneOfType([PropTypes.array, PropTypes.object]).description("List of options").defaultValue([]),
-  selectedValues: PropTypes.oneOfType([
-    PropTypes.arrayOf(PropTypes.object),
-    PropTypes.object,
-    PropTypes.string
-  ]).description("Array of option or single option selected"),
-  autoFocus: PropTypes.bool.description("Whether the combo box uses auto focus or not").defaultValue("false"),
-  hasError: PropTypes.bool.description("Whether the combo box has error or not").defaultValue("false"),
-  onChange: PropTypes.func.description("function triggered when an option is selected it will send the options selected").defaultValue(""),
-  onSelectAll: PropTypes.func.description("function triggered when ALL button is selected from the header menu list").defaultValue(""),
-  onFilter: PropTypes.func.description("function triggered when user type in the autocomplete input").defaultValue(""),
-  onCreate: PropTypes.func.description('function triggered when user select "create" a new item whenever is not a match in the all option list').defaultValue(""),
-  onClearAll: PropTypes.func.description("function triggered when user select CLEAR button from the header menu list").defaultValue(""),
-  onMenuOpen: PropTypes.func.description("function triggered when user open the menu list").defaultValue(""),
-  inputMinWidth: PropTypes.any.description("Minimum width for the combo box input controller").defaultValue(void 0),
-  menuMinWidth: PropTypes.any.description("Minimum width for the dropdown menu").defaultValue(void 0),
-  menuMaxHeight: PropTypes.any.description("Maximum height for the dropdown menu").defaultValue(void 0),
-  withToggle: PropTypes.bool.description("POC purpose this prop will not remain").defaultValue("false")
-};
-export {
-  propTypes
-};
-//# sourceMappingURL=propTypes.js.map

package/dist/esm/controlled-autocomplete/propTypes.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/controlled-autocomplete/propTypes.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { PropTypes } from 'react-desc';\n\nexport const propTypes = {\n  placeholder: PropTypes.string.description('input s placeholder value').defaultValue(''),\n  options: PropTypes.oneOfType([PropTypes.array, PropTypes.object]).description('List of options').defaultValue([]),\n  selectedValues: PropTypes.oneOfType([\n    PropTypes.arrayOf(PropTypes.object),\n    PropTypes.object,\n    PropTypes.string,\n  ]).description('Array of option or single option selected'),\n  autoFocus: PropTypes.bool.description('Whether the combo box uses auto focus or not').defaultValue('false'),\n  hasError: PropTypes.bool.description('Whether the combo box has error or not').defaultValue('false'),\n  onChange: PropTypes.func\n    .description('function triggered when an option is selected it will send the options selected')\n    .defaultValue(''),\n  onSelectAll: PropTypes.func\n    .description('function triggered when ALL button is selected from the header menu list')\n    .defaultValue(''),\n  onFilter: PropTypes.func.description('function triggered when user type in the autocomplete input').defaultValue(''),\n  onCreate: PropTypes.func\n    .description(\n      'function triggered when user select \"create\" a new item whenever is not a match in the all option list',\n    )\n    .defaultValue(''),\n  onClearAll: PropTypes.func\n    .description('function triggered when user select CLEAR button from the header menu list')\n    .defaultValue(''),\n  onMenuOpen: PropTypes.func.description('function triggered when user open the menu list').defaultValue(''),\n  inputMinWidth: PropTypes.any.description('Minimum width for the combo box input controller').defaultValue(undefined),\n  menuMinWidth: PropTypes.any.description('Minimum width for the dropdown menu').defaultValue(undefined),\n  menuMaxHeight: PropTypes.any.description('Maximum height for the dropdown menu').defaultValue(undefined),\n  withToggle: PropTypes.bool.description('POC purpose this prop will not remain').defaultValue('false'),\n};\n"],
-  "mappings": "AAAA;ACAA;AAEO,MAAM,YAAY;AAAA,EACvB,aAAa,UAAU,OAAO,YAAY,6BAA6B,aAAa;AAAA,EACpF,SAAS,UAAU,UAAU,CAAC,UAAU,OAAO,UAAU,SAAS,YAAY,mBAAmB,aAAa;AAAA,EAC9G,gBAAgB,UAAU,UAAU;AAAA,IAClC,UAAU,QAAQ,UAAU;AAAA,IAC5B,UAAU;AAAA,IACV,UAAU;AAAA,KACT,YAAY;AAAA,EACf,WAAW,UAAU,KAAK,YAAY,gDAAgD,aAAa;AAAA,EACnG,UAAU,UAAU,KAAK,YAAY,0CAA0C,aAAa;AAAA,EAC5F,UAAU,UAAU,KACjB,YAAY,mFACZ,aAAa;AAAA,EAChB,aAAa,UAAU,KACpB,YAAY,4EACZ,aAAa;AAAA,EAChB,UAAU,UAAU,KAAK,YAAY,+DAA+D,aAAa;AAAA,EACjH,UAAU,UAAU,KACjB,YACC,0GAED,aAAa;AAAA,EAChB,YAAY,UAAU,KACnB,YAAY,8EACZ,aAAa;AAAA,EAChB,YAAY,UAAU,KAAK,YAAY,mDAAmD,aAAa;AAAA,EACvG,eAAe,UAAU,IAAI,YAAY,oDAAoD,aAAa;AAAA,EAC1G,cAAc,UAAU,IAAI,YAAY,uCAAuC,aAAa;AAAA,EAC5F,eAAe,UAAU,IAAI,YAAY,wCAAwC,aAAa;AAAA,EAC9F,YAAY,UAAU,KAAK,YAAY,yCAAyC,aAAa;AAAA;",
-  "names": []
-}

package/dist/esm/controlled-autocomplete/utils/hooks/useKeyboardNavigation.js

@@ -1,78 +0,0 @@
-import * as React from "react";
-import { useCallback, useContext } from "react";
-import { AutocompleteContext } from "../../AutocompleteCTX";
-import { findInCircularList } from "../listHelper";
-const isOptionFocuseable = (opt) => !["section", "separator"].includes(opt.type);
-const useKeyboardNavigation = () => {
-  const {
-    props: { onKeyDown, onChange, options, onFilter },
-    setShowPopover,
-    showPopover,
-    focusOptionIdx,
-    inputRef,
-    setCurrentOption,
-    scrollOptionIntoView
-  } = useContext(AutocompleteContext);
-  const currentItemIndex = options.findIndex((opt) => opt.dsId === focusOptionIdx);
-  const currentItem = options.find((item) => item.dsId === focusOptionIdx);
-  const selectOption = useCallback(() => {
-    if (inputRef.current)
-      inputRef.current.value = currentItem.label;
-    onFilter(currentItem.label);
-    onChange(currentItem.label);
-    setShowPopover(false);
-  }, [currentItem, setShowPopover, onFilter, inputRef, onChange]);
-  const onInputKeyDown = useCallback((e) => {
-    const targetElement = e.target;
-    onKeyDown(e, currentItem);
-    if (e.keyCode === 32 && targetElement.value === "" || e.key === "Enter") {
-      if (showPopover) {
-        e.preventDefault();
-        selectOption();
-      }
-    }
-    if (e.key === "ArrowDown") {
-      e.preventDefault();
-      if (showPopover) {
-        const nextItemIndex = findInCircularList(options, currentItemIndex, isOptionFocuseable);
-        setCurrentOption(options[nextItemIndex].dsId);
-        scrollOptionIntoView(options[nextItemIndex].dsId);
-      } else {
-        setShowPopover(true);
-      }
-    }
-    if (e.key === "ArrowUp") {
-      e.preventDefault();
-      if (showPopover) {
-        const nextItemIndex = findInCircularList(options, currentItemIndex, isOptionFocuseable, -1);
-        setCurrentOption(options[nextItemIndex].dsId);
-        scrollOptionIntoView(options[nextItemIndex].dsId);
-      } else {
-        setShowPopover(true);
-        setTimeout(() => {
-          const nextItemIndex = findInCircularList(options, 0, isOptionFocuseable, -1);
-          setCurrentOption(options[nextItemIndex].dsId);
-          scrollOptionIntoView(options[nextItemIndex].dsId);
-        });
-      }
-    }
-    if (e.key === "Escape") {
-      setShowPopover(false);
-    }
-  }, [
-    scrollOptionIntoView,
-    currentItemIndex,
-    options,
-    currentItem,
-    showPopover,
-    onKeyDown,
-    setCurrentOption,
-    setShowPopover,
-    selectOption
-  ]);
-  return { onInputKeyDown };
-};
-export {
-  useKeyboardNavigation
-};
-//# sourceMappingURL=useKeyboardNavigation.js.map

package/dist/esm/controlled-autocomplete/utils/hooks/useKeyboardNavigation.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../../../scripts/build/transpile/react-shim.js", "../../../../../src/controlled-autocomplete/utils/hooks/useKeyboardNavigation.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable max-lines */\n/* eslint-disable max-depth */\n/* eslint-disable max-statements */\n/* eslint-disable complexity */\nimport { useCallback, useContext } from 'react';\nimport { CBOptionT } from '../../index.d';\nimport { AutocompleteContext } from '../../AutocompleteCTX';\nimport { findInCircularList } from '../listHelper';\n\nconst isOptionFocuseable = (opt: CBOptionT): boolean => !['section', 'separator'].includes(opt.type);\n\nexport const useKeyboardNavigation = () => {\n  const {\n    props: { onKeyDown, onChange, options, onFilter },\n    setShowPopover,\n    showPopover,\n    focusOptionIdx,\n    inputRef,\n    setCurrentOption,\n    scrollOptionIntoView,\n  } = useContext(AutocompleteContext);\n\n  const currentItemIndex = options.findIndex((opt) => opt.dsId === focusOptionIdx);\n  const currentItem = options.find((item) => item.dsId === focusOptionIdx) as CBOptionT;\n  const selectOption = useCallback(() => {\n    if (inputRef.current) inputRef.current.value = currentItem.label;\n    onFilter(currentItem.label);\n    onChange(currentItem.label);\n    setShowPopover(false);\n  }, [currentItem, setShowPopover, onFilter, inputRef, onChange]);\n\n  const onInputKeyDown: React.KeyboardEventHandler = useCallback(\n    (e) => {\n      const targetElement = e.target as HTMLInputElement;\n\n      // =============================================================================\n      // CUSTOM KEYS\n      // =============================================================================\n      onKeyDown(e, currentItem);\n\n      // =============================================================================\n      // ENTER AND SPACE KEY SELECT OPTIONS AND OPEN CLOSE THE POPOVER\n      // =============================================================================\n      if ((e.keyCode === 32 && targetElement.value === '') || e.key === 'Enter') {\n        if (showPopover) {\n          e.preventDefault();\n          selectOption();\n        }\n      }\n\n      // =============================================================================\n      // ARROWS UP AND DOWN\n      // =============================================================================\n      if (e.key === 'ArrowDown') {\n        e.preventDefault();\n        if (showPopover) {\n          const nextItemIndex = findInCircularList(options, currentItemIndex, isOptionFocuseable);\n          setCurrentOption(options[nextItemIndex].dsId);\n          scrollOptionIntoView(options[nextItemIndex].dsId);\n        } else {\n          setShowPopover(true);\n        }\n      }\n      if (e.key === 'ArrowUp') {\n        e.preventDefault();\n        if (showPopover) {\n          const nextItemIndex = findInCircularList(options, currentItemIndex, isOptionFocuseable, -1);\n          setCurrentOption(options[nextItemIndex].dsId);\n          scrollOptionIntoView(options[nextItemIndex].dsId);\n        } else {\n          setShowPopover(true);\n          setTimeout(() => {\n            const nextItemIndex = findInCircularList(options, 0, isOptionFocuseable, -1);\n            setCurrentOption(options[nextItemIndex].dsId);\n            scrollOptionIntoView(options[nextItemIndex].dsId);\n          });\n        }\n      }\n      // =============================================================================\n      // ESCAPE\n      // =============================================================================\n      if (e.key === 'Escape') {\n        setShowPopover(false);\n      }\n    },\n    [\n      scrollOptionIntoView,\n      currentItemIndex,\n      options,\n      currentItem,\n      showPopover,\n      onKeyDown,\n      setCurrentOption,\n      setShowPopover,\n      selectOption,\n    ],\n  );\n\n  return { onInputKeyDown };\n};\n"],
-  "mappings": "AAAA;ACIA;AAEA;AACA;AAEA,MAAM,qBAAqB,CAAC,QAA4B,CAAC,CAAC,WAAW,aAAa,SAAS,IAAI;AAExF,MAAM,wBAAwB,MAAM;AACzC,QAAM;AAAA,IACJ,OAAO,EAAE,WAAW,UAAU,SAAS;AAAA,IACvC;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,MACE,WAAW;AAEf,QAAM,mBAAmB,QAAQ,UAAU,CAAC,QAAQ,IAAI,SAAS;AACjE,QAAM,cAAc,QAAQ,KAAK,CAAC,SAAS,KAAK,SAAS;AACzD,QAAM,eAAe,YAAY,MAAM;AACrC,QAAI,SAAS;AAAS,eAAS,QAAQ,QAAQ,YAAY;AAC3D,aAAS,YAAY;AACrB,aAAS,YAAY;AACrB,mBAAe;AAAA,KACd,CAAC,aAAa,gBAAgB,UAAU,UAAU;AAErD,QAAM,iBAA6C,YACjD,CAAC,MAAM;AACL,UAAM,gBAAgB,EAAE;AAKxB,cAAU,GAAG;AAKb,QAAK,EAAE,YAAY,MAAM,cAAc,UAAU,MAAO,EAAE,QAAQ,SAAS;AACzE,UAAI,aAAa;AACf,UAAE;AACF;AAAA;AAAA;AAOJ,QAAI,EAAE,QAAQ,aAAa;AACzB,QAAE;AACF,UAAI,aAAa;AACf,cAAM,gBAAgB,mBAAmB,SAAS,kBAAkB;AACpE,yBAAiB,QAAQ,eAAe;AACxC,6BAAqB,QAAQ,eAAe;AAAA,aACvC;AACL,uBAAe;AAAA;AAAA;AAGnB,QAAI,EAAE,QAAQ,WAAW;AACvB,QAAE;AACF,UAAI,aAAa;AACf,cAAM,gBAAgB,mBAAmB,SAAS,kBAAkB,oBAAoB;AACxF,yBAAiB,QAAQ,eAAe;AACxC,6BAAqB,QAAQ,eAAe;AAAA,aACvC;AACL,uBAAe;AACf,mBAAW,MAAM;AACf,gBAAM,gBAAgB,mBAAmB,SAAS,GAAG,oBAAoB;AACzE,2BAAiB,QAAQ,eAAe;AACxC,+BAAqB,QAAQ,eAAe;AAAA;AAAA;AAAA;AAOlD,QAAI,EAAE,QAAQ,UAAU;AACtB,qBAAe;AAAA;AAAA,KAGnB;AAAA,IACE;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAIJ,SAAO,EAAE;AAAA;",
-  "names": []
-}

package/dist/esm/controlled-autocomplete/utils/hooks/useOnElementResize.js

@@ -1,27 +0,0 @@
-import * as React from "react";
-import { useState, useEffect, useRef, useMemo } from "react";
-const useOnElementResize = (targetRef) => {
-  const [width, setWidth] = useState(targetRef.current ? targetRef.current?.offsetWidth : 0);
-  const [height, setHeight] = useState(targetRef.current ? targetRef.current?.offsetWidth : 0);
-  const observer = useRef(null);
-  useEffect(() => {
-    function outputsize() {
-      if (targetRef.current) {
-        setWidth(targetRef.current.offsetWidth);
-        setHeight(targetRef.current.offsetHeight);
-      }
-    }
-    observer.current = new ResizeObserver(outputsize).observe(targetRef.current);
-    return () => {
-      observer.current?.disconnect();
-    };
-  }, [targetRef]);
-  return useMemo(() => ({
-    width,
-    height
-  }), [width, height]);
-};
-export {
-  useOnElementResize
-};
-//# sourceMappingURL=useOnElementResize.js.map

package/dist/esm/controlled-autocomplete/utils/hooks/useOnElementResize.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../../../scripts/build/transpile/react-shim.js", "../../../../../src/controlled-autocomplete/utils/hooks/useOnElementResize.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React, { useState, useEffect, useRef, useMemo } from 'react';\n\n// Custom hook to track dimension of a component\n// Taken and modified from https://stackoverflow.com/a/60218754\nconst useOnElementResize = (targetRef: React.RefObject<HTMLDivElement>): Record<'width' | 'height', number> => {\n  const [width, setWidth] = useState(targetRef.current ? targetRef.current?.offsetWidth : 0);\n  const [height, setHeight] = useState(targetRef.current ? targetRef.current?.offsetWidth : 0);\n  const observer = useRef(null);\n\n  useEffect(() => {\n    function outputsize() {\n      if (targetRef.current) {\n        setWidth(targetRef.current.offsetWidth);\n        setHeight(targetRef.current.offsetHeight);\n      }\n    }\n    observer.current = new ResizeObserver(outputsize).observe(targetRef.current);\n\n    return () => {\n      observer.current?.disconnect();\n    };\n  }, [targetRef]);\n\n  return useMemo(\n    () => ({\n      width,\n      height,\n    }),\n    [width, height],\n  );\n};\n\nexport { useOnElementResize };\n"],
-  "mappings": "AAAA;ACAA;AAIA,MAAM,qBAAqB,CAAC,cAAmF;AAC7G,QAAM,CAAC,OAAO,YAAY,SAAS,UAAU,UAAU,UAAU,SAAS,cAAc;AACxF,QAAM,CAAC,QAAQ,aAAa,SAAS,UAAU,UAAU,UAAU,SAAS,cAAc;AAC1F,QAAM,WAAW,OAAO;AAExB,YAAU,MAAM;AACd,0BAAsB;AACpB,UAAI,UAAU,SAAS;AACrB,iBAAS,UAAU,QAAQ;AAC3B,kBAAU,UAAU,QAAQ;AAAA;AAAA;AAGhC,aAAS,UAAU,IAAI,eAAe,YAAY,QAAQ,UAAU;AAEpE,WAAO,MAAM;AACX,eAAS,SAAS;AAAA;AAAA,KAEnB,CAAC;AAEJ,SAAO,QACL,MAAO;AAAA,IACL;AAAA,IACA;AAAA,MAEF,CAAC,OAAO;AAAA;",
-  "names": []
-}

package/dist/esm/controlled-autocomplete/utils/listHelper.js

@@ -1,32 +0,0 @@
-import * as React from "react";
-const getSelectableOptions = (options) => options ? options.filter((option) => option.type === "option" && !option.disabled) : [];
-const getOptions = (options) => options ? options.filter((option) => option.type === "option") : [];
-const isSelectedValueEmpty = (value) => Array.isArray(value) ? value.length === 0 : !value;
-const isSelectedValueMultiple = (value) => Array.isArray(value);
-const isSelected = (value, activeOption) => {
-  if (isSelectedValueMultiple(value)) {
-    const multiValue = value;
-    return multiValue.some((item) => item?.value === activeOption?.value);
-  }
-  if (typeof value === "string") {
-    return false;
-  }
-  const singleValue = value;
-  return singleValue?.value === activeOption.value;
-};
-const findInCircularList = (list, from, criteria, step = 1) => {
-  for (let i = (from + step + list.length) % list.length; i !== from; i = (i + step + list.length) % list.length) {
-    if (criteria(list[i]))
-      return i;
-  }
-  return from;
-};
-export {
-  findInCircularList,
-  getOptions,
-  getSelectableOptions,
-  isSelected,
-  isSelectedValueEmpty,
-  isSelectedValueMultiple
-};
-//# sourceMappingURL=listHelper.js.map

package/dist/esm/controlled-autocomplete/utils/listHelper.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/controlled-autocomplete/utils/listHelper.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { CBOptionsT, CBOptionT } from '../index.d';\n\nexport const getSelectableOptions = (options: Array<CBOptionT>): Array<CBOptionT> =>\n  options ? options.filter((option) => option.type === 'option' && !option.disabled) : [];\n\nexport const getOptions = (options: Array<CBOptionT>): Array<CBOptionT> =>\n  options ? options.filter((option) => option.type === 'option') : [];\n\nexport const isSelectedValueEmpty = (value: CBOptionT | Array<CBOptionT>): boolean =>\n  Array.isArray(value) ? value.length === 0 : !value;\n\nexport const isSelectedValueMultiple = (value: CBOptionT | Array<CBOptionT>): boolean => Array.isArray(value);\n\nexport const isSelected = (value: CBOptionsT, activeOption: CBOptionT): boolean => {\n  if (isSelectedValueMultiple(value)) {\n    const multiValue = value as CBOptionT[];\n    return multiValue.some((item) => item?.value === activeOption?.value);\n  }\n  if (typeof value === 'string') {\n    return false;\n  }\n  const singleValue = value as CBOptionT;\n  return singleValue?.value === activeOption.value;\n};\n\nexport const findInCircularList = <T extends unknown>(\n  list: T[],\n  from: number,\n  criteria: (item: T) => boolean,\n  step = 1,\n  // eslint-disable-next-line max-params\n): number => {\n  for (let i = (from + step + list.length) % list.length; i !== from; i = (i + step + list.length) % list.length) {\n    if (criteria(list[i])) return i;\n  }\n  return from; // return same item\n};\n"],
-  "mappings": "AAAA;ACEO,MAAM,uBAAuB,CAAC,YACnC,UAAU,QAAQ,OAAO,CAAC,WAAW,OAAO,SAAS,YAAY,CAAC,OAAO,YAAY;AAEhF,MAAM,aAAa,CAAC,YACzB,UAAU,QAAQ,OAAO,CAAC,WAAW,OAAO,SAAS,YAAY;AAE5D,MAAM,uBAAuB,CAAC,UACnC,MAAM,QAAQ,SAAS,MAAM,WAAW,IAAI,CAAC;AAExC,MAAM,0BAA0B,CAAC,UAAiD,MAAM,QAAQ;AAEhG,MAAM,aAAa,CAAC,OAAmB,iBAAqC;AACjF,MAAI,wBAAwB,QAAQ;AAClC,UAAM,aAAa;AACnB,WAAO,WAAW,KAAK,CAAC,SAAS,MAAM,UAAU,cAAc;AAAA;AAEjE,MAAI,OAAO,UAAU,UAAU;AAC7B,WAAO;AAAA;AAET,QAAM,cAAc;AACpB,SAAO,aAAa,UAAU,aAAa;AAAA;AAGtC,MAAM,qBAAqB,CAChC,MACA,MACA,UACA,OAAO,MAEI;AACX,WAAS,IAAK,QAAO,OAAO,KAAK,UAAU,KAAK,QAAQ,MAAM,MAAM,IAAK,KAAI,OAAO,KAAK,UAAU,KAAK,QAAQ;AAC9G,QAAI,SAAS,KAAK;AAAK,aAAO;AAAA;AAEhC,SAAO;AAAA;",
-  "names": []
-}

package/dist/esm/controlled-checkbox/ControlledCheckbox.js

@@ -1,80 +0,0 @@
-import * as React from "react";
-import React2, { useRef, useCallback } from "react";
-import { describe } from "react-desc";
-import { SimpleTruncatedTooltipText } from "@elliemae/ds-truncated-tooltip-text";
-import { propTypes } from "./propTypes";
-import { StyledContainer, StyledInput, StyledLabel, StyledCheckBox } from "./styles";
-import { useValidateProps } from "./config/useValidateProps";
-import { setMultipleRefs } from "./utils/setMultipleRefs";
-const DSControlledCheckbox = (props) => {
-  useValidateProps(props, propTypes);
-  const checkboxRef = useRef();
-  const {
-    autoFocus,
-    checked,
-    ariaControls,
-    ariaLabel,
-    disabled,
-    id,
-    label,
-    hasError,
-    onChange,
-    onFocus,
-    onBlur,
-    value,
-    readOnly,
-    name,
-    innerRef,
-    tabIndex
-  } = props;
-  const handleOnKeyDown = useCallback((e) => {
-    if (checkboxRef.current && e.key === "Enter") {
-      checkboxRef.current.click();
-    }
-  }, []);
-  return /* @__PURE__ */ React2.createElement(StyledContainer, {
-    "data-testid": "ds-checkbox-container"
-  }, /* @__PURE__ */ React2.createElement(StyledCheckBox, {
-    checked: props.checked,
-    hasError,
-    disabled,
-    readOnly
-  }, /* @__PURE__ */ React2.createElement(StyledInput, {
-    disabled,
-    ref: (ref) => setMultipleRefs([checkboxRef, innerRef])(ref),
-    onKeyDown: handleOnKeyDown,
-    type: "checkbox",
-    checked: checked !== "mixed" ? checked : void 0,
-    "aria-controls": ariaControls,
-    "aria-checked": checked,
-    "aria-disabled": disabled,
-    "aria-invalid": hasError,
-    "aria-readonly": readOnly,
-    "aria-label": ariaLabel || label,
-    onFocus,
-    onBlur,
-    name,
-    value,
-    onChange,
-    id,
-    "data-testid": "ds-checkbox",
-    autoFocus,
-    tabIndex: tabIndex || 0
-  })), label && /* @__PURE__ */ React2.createElement(StyledLabel, {
-    htmlFor: id,
-    disabled,
-    readOnly,
-    checked,
-    "data-testid": "ds-checkbox-label"
-  }, /* @__PURE__ */ React2.createElement(SimpleTruncatedTooltipText, {
-    value: label
-  })));
-};
-DSControlledCheckbox.propTypes = propTypes;
-const DSControlledCheckboxWithSchema = describe(DSControlledCheckbox);
-DSControlledCheckboxWithSchema.propTypes = propTypes;
-export {
-  DSControlledCheckbox,
-  DSControlledCheckboxWithSchema
-};
-//# sourceMappingURL=ControlledCheckbox.js.map

package/dist/esm/controlled-checkbox/ControlledCheckbox.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/controlled-checkbox/ControlledCheckbox.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React, { useRef, useCallback } from 'react';\nimport { describe } from 'react-desc';\nimport { SimpleTruncatedTooltipText } from '@elliemae/ds-truncated-tooltip-text';\nimport { propTypes } from './propTypes';\nimport { StyledContainer, StyledInput, StyledLabel, StyledCheckBox } from './styles';\nimport type { DSControlledCheckboxPropsT } from './index.d';\nimport { useValidateProps } from './config/useValidateProps';\nimport { setMultipleRefs } from './utils/setMultipleRefs';\n\nconst DSControlledCheckbox = (props: DSControlledCheckboxPropsT): JSX.Element => {\n  useValidateProps(props, propTypes);\n  const checkboxRef = useRef<HTMLInputElement>();\n\n  const {\n    autoFocus,\n    checked,\n    ariaControls,\n    ariaLabel,\n    disabled,\n    id,\n    label,\n    hasError,\n    onChange,\n    onFocus,\n    onBlur,\n    value,\n    readOnly,\n    name,\n    innerRef,\n    tabIndex,\n  } = props;\n\n  const handleOnKeyDown = useCallback((e: React.KeyboardEvent) => {\n    if (checkboxRef.current && e.key === 'Enter') {\n      checkboxRef.current.click();\n    }\n  }, []);\n\n  return (\n    <StyledContainer data-testid=\"ds-checkbox-container\">\n      <StyledCheckBox checked={props.checked} hasError={hasError} disabled={disabled} readOnly={readOnly}>\n        <StyledInput\n          disabled={disabled}\n          ref={(ref) => setMultipleRefs<HTMLInputElement>([checkboxRef, innerRef])(ref)}\n          onKeyDown={handleOnKeyDown}\n          type=\"checkbox\"\n          checked={checked !== 'mixed' ? checked : undefined}\n          aria-controls={ariaControls}\n          aria-checked={checked}\n          aria-disabled={disabled}\n          aria-invalid={hasError}\n          aria-readonly={readOnly}\n          aria-label={ariaLabel || label}\n          onFocus={onFocus}\n          onBlur={onBlur}\n          name={name}\n          value={value}\n          onChange={onChange}\n          id={id}\n          data-testid=\"ds-checkbox\"\n          autoFocus={autoFocus}\n          tabIndex={tabIndex || 0}\n        />\n      </StyledCheckBox>\n      {label && (\n        <StyledLabel\n          htmlFor={id}\n          disabled={disabled}\n          readOnly={readOnly}\n          checked={checked}\n          data-testid=\"ds-checkbox-label\"\n        >\n          <SimpleTruncatedTooltipText value={label} />\n        </StyledLabel>\n      )}\n    </StyledContainer>\n  );\n};\n\nDSControlledCheckbox.propTypes = propTypes;\nconst DSControlledCheckboxWithSchema = describe(DSControlledCheckbox);\nDSControlledCheckboxWithSchema.propTypes = propTypes;\n\nexport { DSControlledCheckbox, DSControlledCheckboxWithSchema };\n"],
-  "mappings": "AAAA;ACAA;AACA;AACA;AACA;AACA;AAEA;AACA;AAEA,MAAM,uBAAuB,CAAC,UAAmD;AAC/E,mBAAiB,OAAO;AACxB,QAAM,cAAc;AAEpB,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,MACE;AAEJ,QAAM,kBAAkB,YAAY,CAAC,MAA2B;AAC9D,QAAI,YAAY,WAAW,EAAE,QAAQ,SAAS;AAC5C,kBAAY,QAAQ;AAAA;AAAA,KAErB;AAEH,SACE,qCAAC,iBAAD;AAAA,IAAiB,eAAY;AAAA,KAC3B,qCAAC,gBAAD;AAAA,IAAgB,SAAS,MAAM;AAAA,IAAS;AAAA,IAAoB;AAAA,IAAoB;AAAA,KAC9E,qCAAC,aAAD;AAAA,IACE;AAAA,IACA,KAAK,CAAC,QAAQ,gBAAkC,CAAC,aAAa,WAAW;AAAA,IACzE,WAAW;AAAA,IACX,MAAK;AAAA,IACL,SAAS,YAAY,UAAU,UAAU;AAAA,IACzC,iBAAe;AAAA,IACf,gBAAc;AAAA,IACd,iBAAe;AAAA,IACf,gBAAc;AAAA,IACd,iBAAe;AAAA,IACf,cAAY,aAAa;AAAA,IACzB;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,eAAY;AAAA,IACZ;AAAA,IACA,UAAU,YAAY;AAAA,OAGzB,SACC,qCAAC,aAAD;AAAA,IACE,SAAS;AAAA,IACT;AAAA,IACA;AAAA,IACA;AAAA,IACA,eAAY;AAAA,KAEZ,qCAAC,4BAAD;AAAA,IAA4B,OAAO;AAAA;AAAA;AAO7C,qBAAqB,YAAY;AACjC,MAAM,iCAAiC,SAAS;AAChD,+BAA+B,YAAY;",
-  "names": []
-}

package/dist/esm/controlled-checkbox/config/useValidateProps.js

@@ -1,20 +0,0 @@
-import * as React from "react";
-import { useValidateTypescriptPropTypes } from "@elliemae/ds-props-helpers";
-const throwError = (message) => {
-  throw new Error(`DSControlledCheckbox:: ${message}
-  `);
-};
-const useValidateProps = (props, propTypes) => {
-  useValidateTypescriptPropTypes(props, propTypes);
-  if (typeof props.label === "undefined" && typeof props.ariaLabel === "undefined") {
-    throwError(`Please provide a label or ariaLabel property to use this component.`);
-  }
-  if (props.checked === "mixed" && typeof props.ariaControls === "undefined") {
-    throwError(`Please provide an ariaControls property to use a checkbox mixed state. 
-      This property must be a string containing all the ids that this mixed checkbox is controlling.`);
-  }
-};
-export {
-  useValidateProps
-};
-//# sourceMappingURL=useValidateProps.js.map

package/dist/esm/controlled-checkbox/config/useValidateProps.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/controlled-checkbox/config/useValidateProps.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { useValidateTypescriptPropTypes } from '@elliemae/ds-props-helpers';\nimport { DSControlledCheckboxPropsT } from '../index.d';\n\nconst throwError = (message: string): void => {\n  throw new Error(\n    `DSControlledCheckbox:: ${message}\n  `,\n  );\n};\n\nexport const useValidateProps = (props: DSControlledCheckboxPropsT, propTypes: unknown): void => {\n  useValidateTypescriptPropTypes(props, propTypes);\n  if (typeof props.label === 'undefined' && typeof props.ariaLabel === 'undefined') {\n    throwError(`Please provide a label or ariaLabel property to use this component.`);\n  }\n  if (props.checked === 'mixed' && typeof props.ariaControls === 'undefined') {\n    throwError(\n      `Please provide an ariaControls property to use a checkbox mixed state. \n      This property must be a string containing all the ids that this mixed checkbox is controlling.`,\n    );\n  }\n};\n"],
-  "mappings": "AAAA;ACAA;AAGA,MAAM,aAAa,CAAC,YAA0B;AAC5C,QAAM,IAAI,MACR,0BAA0B;AAAA;AAAA;AAKvB,MAAM,mBAAmB,CAAC,OAAmC,cAA6B;AAC/F,iCAA+B,OAAO;AACtC,MAAI,OAAO,MAAM,UAAU,eAAe,OAAO,MAAM,cAAc,aAAa;AAChF,eAAW;AAAA;AAEb,MAAI,MAAM,YAAY,WAAW,OAAO,MAAM,iBAAiB,aAAa;AAC1E,eACE;AAAA;AAAA;AAAA;",
-  "names": []
-}

package/dist/esm/controlled-checkbox/index.d.js

@@ -1,2 +0,0 @@
-import * as React from "react";
-//# sourceMappingURL=index.d.js.map

package/dist/esm/controlled-checkbox/index.d.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n"],
-  "mappings": "AAAA;",
-  "names": []
-}

package/dist/esm/controlled-checkbox/index.js

@@ -1,3 +0,0 @@
-import * as React from "react";
-export * from "./ControlledCheckbox";
-//# sourceMappingURL=index.js.map

package/dist/esm/controlled-checkbox/index.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/controlled-checkbox/index.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export * from './ControlledCheckbox';\n"],
-  "mappings": "AAAA;ACAA;",
-  "names": []
-}

package/dist/esm/controlled-checkbox/propTypes.js

@@ -1,20 +0,0 @@
-import * as React from "react";
-import { PropTypes } from "react-desc";
-const propTypes = {
-  checked: PropTypes.oneOfType([PropTypes.bool, PropTypes.oneOf(["mixed"])]).isRequired.description("Whether the checkbox is invalid or not."),
-  value: PropTypes.string.description("Checkbox value property."),
-  name: PropTypes.string.isRequired.description("Checkbox name property."),
-  label: PropTypes.string.description("Checkbox Label property. This label is also going to be used as an aria-label for screen readers."),
-  id: PropTypes.string.isRequired.description("Checkbox unique id property, this property is required for accesibility purposes."),
-  readOnly: PropTypes.bool.description("Checkbox readOnly property."),
-  hasError: PropTypes.bool.description("Whether the checkbox has error or not."),
-  disabled: PropTypes.bool.description("Whether the checkbox is disabled or not."),
-  ariaControls: PropTypes.string.description("This string is required when you use a mixed checkbox. It contains all the ids that this checkbox is controlling."),
-  ariaLabel: PropTypes.string.description("Checkbox aria-label property. This property is going to be required if there is no label property added."),
-  innerRef: PropTypes.oneOfType([PropTypes.func, PropTypes.object]).description("Checkbox input ref."),
-  autoFocus: PropTypes.bool.description("Whether you want the checkbox to be autofocused on render")
-};
-export {
-  propTypes
-};
-//# sourceMappingURL=propTypes.js.map

package/dist/esm/controlled-checkbox/propTypes.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/controlled-checkbox/propTypes.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { PropTypes } from 'react-desc';\n\nexport const propTypes = {\n  checked: PropTypes.oneOfType([PropTypes.bool, PropTypes.oneOf(['mixed'])]).isRequired.description(\n    'Whether the checkbox is invalid or not.',\n  ),\n  value: PropTypes.string.description('Checkbox value property.'),\n  name: PropTypes.string.isRequired.description('Checkbox name property.'),\n  label: PropTypes.string.description(\n    'Checkbox Label property. This label is also going to be used as an aria-label for screen readers.',\n  ),\n  id: PropTypes.string.isRequired.description(\n    'Checkbox unique id property, this property is required for accesibility purposes.',\n  ),\n  readOnly: PropTypes.bool.description('Checkbox readOnly property.'),\n  hasError: PropTypes.bool.description('Whether the checkbox has error or not.'),\n  disabled: PropTypes.bool.description('Whether the checkbox is disabled or not.'),\n  ariaControls: PropTypes.string.description(\n    'This string is required when you use a mixed checkbox. It contains all the ids that this checkbox is controlling.',\n  ),\n  ariaLabel: PropTypes.string.description(\n    'Checkbox aria-label property. This property is going to be required if there is no label property added.',\n  ),\n  innerRef: PropTypes.oneOfType([PropTypes.func, PropTypes.object]).description('Checkbox input ref.'),\n  autoFocus: PropTypes.bool.description('Whether you want the checkbox to be autofocused on render'),\n};\n"],
-  "mappings": "AAAA;ACAA;AAEO,MAAM,YAAY;AAAA,EACvB,SAAS,UAAU,UAAU,CAAC,UAAU,MAAM,UAAU,MAAM,CAAC,YAAY,WAAW,YACpF;AAAA,EAEF,OAAO,UAAU,OAAO,YAAY;AAAA,EACpC,MAAM,UAAU,OAAO,WAAW,YAAY;AAAA,EAC9C,OAAO,UAAU,OAAO,YACtB;AAAA,EAEF,IAAI,UAAU,OAAO,WAAW,YAC9B;AAAA,EAEF,UAAU,UAAU,KAAK,YAAY;AAAA,EACrC,UAAU,UAAU,KAAK,YAAY;AAAA,EACrC,UAAU,UAAU,KAAK,YAAY;AAAA,EACrC,cAAc,UAAU,OAAO,YAC7B;AAAA,EAEF,WAAW,UAAU,OAAO,YAC1B;AAAA,EAEF,UAAU,UAAU,UAAU,CAAC,UAAU,MAAM,UAAU,SAAS,YAAY;AAAA,EAC9E,WAAW,UAAU,KAAK,YAAY;AAAA;",
-  "names": []
-}

package/dist/esm/controlled-checkbox/styles.js

@@ -1,59 +0,0 @@
-import * as React from "react";
-import styled from "styled-components";
-import { handleBackgroundColor, handleCheckmark } from "./utils/styleHelpers";
-const StyledContainer = styled.div`
-  display: inline-grid;
-  grid-template-rows: min-content;
-  grid-template-columns: ${({ theme }) => theme.space.xs} auto;
-  align-items: center;
-`;
-const StyledCheckBox = styled.span`
-  width: ${({ theme }) => theme.space.xs};
-  height: ${({ theme }) => theme.space.xs};
-  border: 1px solid ${({ theme, hasError }) => hasError ? theme.colors.danger[900] : theme.colors.neutral[400]};
-  border-radius: 2px;
-  position: relative;
-  background: ${({ theme, disabled }) => handleBackgroundColor(theme, disabled)};
-  ${({ theme, checked, disabled, readOnly, hasError }) => handleCheckmark(theme, checked, disabled, readOnly, hasError)}
-  &:focus-within {
-    ${({ theme, hasError, disabled }) => !disabled && !hasError ? `border: 1px solid ${theme.colors.brand[600]} ` : void 0};
-    &:hover {
-      ${({ theme, checked, disabled, readOnly, hasError }) => handleCheckmark(theme, checked, disabled, readOnly, hasError, true)}
-    }
-  }
-  &:hover {
-    background: ${({ theme, checked, disabled }) => !disabled && (checked === "mixed" || checked) ? theme.colors.brand[200] : void 0};
-    ${({ theme, hasError, disabled, readOnly }) => !hasError && !disabled && !readOnly ? ` border: 1px solid  ${theme.colors.brand[600]}` : void 0};
-  }
-`;
-const StyledInput = styled.input`
-  &:hover {
-    cursor: pointer;
-  }
-
-  &:disabled {
-    cursor: not-allowed;
-  }
-  height: 100%;
-  position: absolute;
-  top: 0;
-  left: 0;
-  opacity: 0;
-`;
-const StyledLabel = styled.label`
-  &:hover {
-    cursor: pointer;
-  }
-  padding-left: ${({ theme }) => theme.space.xxs};
-  color: ${({ theme, disabled, readOnly, checked }) => disabled && checked !== true || readOnly ? theme.colors.neutral[500] : theme.colors.neutral[800]};
-  font-size: 13px;
-  line-height: 13px;
-  display: inherit;
-`;
-export {
-  StyledCheckBox,
-  StyledContainer,
-  StyledInput,
-  StyledLabel
-};
-//# sourceMappingURL=styles.js.map

package/dist/esm/controlled-checkbox/styles.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/controlled-checkbox/styles.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import styled from 'styled-components';\nimport { StyledCheckBoxT, StyledLabelT } from './index.d';\nimport { handleBackgroundColor, handleCheckmark } from './utils/styleHelpers';\n\nexport const StyledContainer = styled.div`\n  display: inline-grid;\n  grid-template-rows: min-content;\n  grid-template-columns: ${({ theme }) => theme.space.xs} auto;\n  align-items: center;\n`;\n\nexport const StyledCheckBox = styled.span<StyledCheckBoxT>`\n  width: ${({ theme }) => theme.space.xs};\n  height: ${({ theme }) => theme.space.xs};\n  border: 1px solid ${({ theme, hasError }) => (hasError ? theme.colors.danger[900] : theme.colors.neutral[400])};\n  border-radius: 2px;\n  position: relative;\n  background: ${({ theme, disabled }) => handleBackgroundColor(theme, disabled)};\n  ${({ theme, checked, disabled, readOnly, hasError }) => handleCheckmark(theme, checked, disabled, readOnly, hasError)}\n  &:focus-within {\n    ${({ theme, hasError, disabled }) =>\n      !disabled && !hasError ? `border: 1px solid ${theme.colors.brand[600]} ` : undefined};\n    &:hover {\n      ${({ theme, checked, disabled, readOnly, hasError }) =>\n        handleCheckmark(theme, checked, disabled, readOnly, hasError, true)}\n    }\n  }\n  &:hover {\n    background: ${({ theme, checked, disabled }) =>\n      !disabled && (checked === 'mixed' || checked) ? theme.colors.brand[200] : undefined};\n    ${({ theme, hasError, disabled, readOnly }) =>\n      !hasError && !disabled && !readOnly ? ` border: 1px solid  ${theme.colors.brand[600]}` : undefined};\n  }\n`;\n\nexport const StyledInput = styled.input`\n  &:hover {\n    cursor: pointer;\n  }\n\n  &:disabled {\n    cursor: not-allowed;\n  }\n  height: 100%;\n  position: absolute;\n  top: 0;\n  left: 0;\n  opacity: 0;\n`;\n\nexport const StyledLabel = styled.label<StyledLabelT>`\n  &:hover {\n    cursor: pointer;\n  }\n  padding-left: ${({ theme }) => theme.space.xxs};\n  color: ${({ theme, disabled, readOnly, checked }) =>\n    (disabled && checked !== true) || readOnly ? theme.colors.neutral[500] : theme.colors.neutral[800]};\n  font-size: 13px;\n  line-height: 13px;\n  display: inherit;\n`;\n"],
-  "mappings": "AAAA;ACAA;AAEA;AAEO,MAAM,kBAAkB,OAAO;AAAA;AAAA;AAAA,2BAGX,CAAC,EAAE,YAAY,MAAM,MAAM;AAAA;AAAA;AAI/C,MAAM,iBAAiB,OAAO;AAAA,WAC1B,CAAC,EAAE,YAAY,MAAM,MAAM;AAAA,YAC1B,CAAC,EAAE,YAAY,MAAM,MAAM;AAAA,sBACjB,CAAC,EAAE,OAAO,eAAgB,WAAW,MAAM,OAAO,OAAO,OAAO,MAAM,OAAO,QAAQ;AAAA;AAAA;AAAA,gBAG3F,CAAC,EAAE,OAAO,eAAe,sBAAsB,OAAO;AAAA,IAClE,CAAC,EAAE,OAAO,SAAS,UAAU,UAAU,eAAe,gBAAgB,OAAO,SAAS,UAAU,UAAU;AAAA;AAAA,MAExG,CAAC,EAAE,OAAO,UAAU,eACpB,CAAC,YAAY,CAAC,WAAW,qBAAqB,MAAM,OAAO,MAAM,UAAU;AAAA;AAAA,QAEzE,CAAC,EAAE,OAAO,SAAS,UAAU,UAAU,eACvC,gBAAgB,OAAO,SAAS,UAAU,UAAU,UAAU;AAAA;AAAA;AAAA;AAAA,kBAIpD,CAAC,EAAE,OAAO,SAAS,eAC/B,CAAC,YAAa,aAAY,WAAW,WAAW,MAAM,OAAO,MAAM,OAAO;AAAA,MAC1E,CAAC,EAAE,OAAO,UAAU,UAAU,eAC9B,CAAC,YAAY,CAAC,YAAY,CAAC,WAAW,uBAAuB,MAAM,OAAO,MAAM,SAAS;AAAA;AAAA;AAIxF,MAAM,cAAc,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAe3B,MAAM,cAAc,OAAO;AAAA;AAAA;AAAA;AAAA,kBAIhB,CAAC,EAAE,YAAY,MAAM,MAAM;AAAA,WAClC,CAAC,EAAE,OAAO,UAAU,UAAU,cACpC,YAAY,YAAY,QAAS,WAAW,MAAM,OAAO,QAAQ,OAAO,MAAM,OAAO,QAAQ;AAAA;AAAA;AAAA;AAAA;",
-  "names": []
-}

package/dist/esm/controlled-checkbox/utils/setMultipleRefs.js

@@ -1,16 +0,0 @@
-import * as React from "react";
-function setMultipleRefs(refs) {
-  return (value) => {
-    refs.forEach((ref) => {
-      if (typeof ref === "function") {
-        ref(value);
-      } else if (ref != null) {
-        ref.current = value;
-      }
-    });
-  };
-}
-export {
-  setMultipleRefs
-};
-//# sourceMappingURL=setMultipleRefs.js.map

package/dist/esm/controlled-checkbox/utils/setMultipleRefs.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/controlled-checkbox/utils/setMultipleRefs.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export function setMultipleRefs<T = unknown>(\n  refs: Array<React.MutableRefObject<T> | React.LegacyRef<T>>,\n): React.RefCallback<T> {\n  return (value) => {\n    refs.forEach((ref) => {\n      if (typeof ref === 'function') {\n        ref(value);\n      } else if (ref != null) {\n        (ref as React.MutableRefObject<T | null>).current = value;\n      }\n    });\n  };\n}\n"],
-  "mappings": "AAAA;ACAO,yBACL,MACsB;AACtB,SAAO,CAAC,UAAU;AAChB,SAAK,QAAQ,CAAC,QAAQ;AACpB,UAAI,OAAO,QAAQ,YAAY;AAC7B,YAAI;AAAA,iBACK,OAAO,MAAM;AACtB,QAAC,IAAyC,UAAU;AAAA;AAAA;AAAA;AAAA;",
-  "names": []
-}

package/dist/esm/controlled-checkbox/utils/styleHelpers.js

@@ -1,52 +0,0 @@
-import * as React from "react";
-const handleCheckMarkColor = ({ colors }, disabled, readOnly, hasError, checked, isHovering) => {
-  if (hasError) {
-    return colors.danger[900];
-  }
-  if (disabled || readOnly) {
-    return colors.neutral[500];
-  }
-  if (isHovering && checked !== false) {
-    return colors.brand[800];
-  }
-  return colors.brand[500];
-};
-const handleCheckmark = (theme, checked, disabled, readOnly, hasError, isHovering = false) => {
-  if (checked === "mixed") {
-    return `&:before {
-      position: absolute;
-    content: '';
-    top: 6px;
-    left: 3px;
-    background: ${handleCheckMarkColor(theme, disabled, readOnly, hasError, checked, isHovering)};
-    width: ${theme.space.xxs};
-    height: 2px;
-    }`;
-  }
-  if (checked) {
-    return `&:before {
-      position: absolute;
-      content: '';
-          top: 3px;
-          left: 2px;
-          border-left: 2px solid ${handleCheckMarkColor(theme, disabled, readOnly, hasError, checked, isHovering)};
-          border-bottom: 2px solid ${handleCheckMarkColor(theme, disabled, readOnly, hasError, checked, isHovering)};
-          height: 5px;
-          width: 10px;
-          transform: rotate(-45deg);
-    }`;
-  }
-  return void 0;
-};
-const handleBackgroundColor = ({ colors }, disabled) => {
-  if (disabled) {
-    return colors.neutral["080"];
-  }
-  return colors.neutral["000"];
-};
-export {
-  handleBackgroundColor,
-  handleCheckMarkColor,
-  handleCheckmark
-};
-//# sourceMappingURL=styleHelpers.js.map