@elliemae/ds-controlled-form 2.3.1 → 3.0.0-alpha.3

package/dist/cjs/controlled-toggle/propTypes.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/controlled-toggle/propTypes.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import { PropTypes } from 'react-desc';\n\nexport const propTypes = {\n  labelOn: PropTypes.string.description('Label when toggle is checked'),\n  labelOff: PropTypes.string.description('Label when toggle is unchecked'),\n  value: PropTypes.string.description('Value attribute for toggle'),\n  name: PropTypes.string.description('Name attribute for toggle'),\n  checked: PropTypes.bool.description('Wether the toggle is checked or not'),\n  onchange: PropTypes.func.description('OnClick callback'),\n  size: PropTypes.oneOf(['s', 'm', 'l']).description('Size of toggle'),\n  readOnly: PropTypes.bool.description('Wether the toggle is readOnly or not'),\n  active: PropTypes.bool.description('Wether the toggle has active styles or not'),\n  disabled: PropTypes.bool.description('Wether the toggle is disabled or not'),\n  containerProps: PropTypes.shape({}).description('Set of properties attached to the main container'),\n  id: PropTypes.string.description('Unique id.'),\n};\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,wBAA0B;AAEnB,MAAM,YAAY;AAAA,EACvB,SAAS,4BAAU,OAAO,YAAY;AAAA,EACtC,UAAU,4BAAU,OAAO,YAAY;AAAA,EACvC,OAAO,4BAAU,OAAO,YAAY;AAAA,EACpC,MAAM,4BAAU,OAAO,YAAY;AAAA,EACnC,SAAS,4BAAU,KAAK,YAAY;AAAA,EACpC,UAAU,4BAAU,KAAK,YAAY;AAAA,EACrC,MAAM,4BAAU,MAAM,CAAC,KAAK,KAAK,MAAM,YAAY;AAAA,EACnD,UAAU,4BAAU,KAAK,YAAY;AAAA,EACrC,QAAQ,4BAAU,KAAK,YAAY;AAAA,EACnC,UAAU,4BAAU,KAAK,YAAY;AAAA,EACrC,gBAAgB,4BAAU,MAAM,IAAI,YAAY;AAAA,EAChD,IAAI,4BAAU,OAAO,YAAY;AAAA;",
+  "names": []
+}

package/dist/cjs/controlled-toggle/styles.js

@@ -0,0 +1,125 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __reExport = (target, module2, copyDefault, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+  }
+  return target;
+};
+var __toESM = (module2, isNodeMode) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+};
+var __toCommonJS = /* @__PURE__ */ ((cache) => {
+  return (module2, temp) => {
+    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
+  };
+})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+var styles_exports = {};
+__export(styles_exports, {
+  SetLabelWidth: () => SetLabelWidth,
+  StyledCircle: () => StyledCircle,
+  StyledContainer: () => StyledContainer,
+  StyledInput: () => StyledInput,
+  StyledLabel: () => StyledLabel,
+  StyledText: () => StyledText,
+  StyledVisibleContent: () => StyledVisibleContent
+});
+var React = __toESM(require("react"));
+var import_styled_components = __toESM(require("styled-components"));
+var import_styleHelpers = require("./utils/styleHelpers");
+const StyledContainer = import_styled_components.default.div`
+  display: inline-flex;
+  width: fit-content;
+  justify-content: center;
+  align-items: center;
+  height: ${({ size }) => import_styleHelpers.containerHeight[size]};
+  border-radius: ${({ size }) => import_styleHelpers.borderRadius[size]};
+  outline: none;
+  position: relative;
+  border: 2px solid transparent;
+  &:hover,
+  &:focus-within {
+    border: 2px solid ${({ theme }) => theme.colors.brand[300]};
+    &:after {
+      content: '';
+      height: calc(100% + 4px);
+      width: calc(100% + 4px);
+      border: 1px solid ${({ theme }) => theme.colors.brand[600]};
+      border-radius: 20px;
+      position: absolute;
+    }
+  }
+`;
+const StyledLabel = import_styled_components.default.div`
+  width: ${({ width, size }) => `calc(${width}px + ${import_styleHelpers.margin[size]})`};
+  height: ${({ size }) => import_styleHelpers.labelHeight[size]};
+  z-index: 2;
+  outline: none;
+  border-radius: ${({ size }) => import_styleHelpers.labelHeight[size]};
+`;
+const StyledVisibleContent = import_styled_components.default.label`
+  display: flex;
+  margin: 0;
+  padding: 0;
+  align-items: center;
+  height: 100%;
+  flex-direction: ${({ checked }) => checked ? "row-reverse" : "row"};
+  border-radius: ${({ size }) => `calc(${import_styleHelpers.labelHeight[size]} - 4px)`};
+  border: ${({ theme, size, checked, disabled, readOnly, active }) => size === "s" ? `1px solid ${(0, import_styleHelpers.handleBorderColor)(checked, disabled, readOnly, active, theme)}` : `
+    2px solid ${(0, import_styleHelpers.handleBorderColor)(checked, disabled, readOnly, active, theme)}
+    `};
+  transition: background-color 0.2s;
+  background-color: ${({ theme, checked, disabled, readOnly, active }) => (0, import_styleHelpers.handleBackgroundColor)(checked, disabled, readOnly, active, theme)};
+
+  &:hover {
+    cursor: ${({ disabled, readOnly }) => (0, import_styleHelpers.handleCursors)(disabled, readOnly)};
+  }
+`;
+const StyledCircle = import_styled_components.default.div`
+  height: ${({ size }) => import_styleHelpers.circleValues[size]};
+  width: ${({ size }) => import_styleHelpers.circleValues[size]};
+  border-radius: 50%;
+  background-color: ${({ theme, readOnly }) => readOnly ? theme.colors.neutral[100] : theme.colors.neutral["000"]};
+`;
+const StyledText = import_styled_components.default.div`
+  display: flex;
+  flex-grow: 1;
+  line-height: 1;
+  margin-bottom: -0.12rem;
+  align-items: center;
+  justify-content: ${({ isLongerTextRendering }) => isLongerTextRendering ? "flex-start" : "center"};
+  font-size: ${({ theme, size }) => (0, import_styleHelpers.handleFontSize)(size, theme)};
+  font-weight: ${({ theme }) => theme.fontWeights.semibold};
+  color: ${({ theme, disabled }) => disabled ? "#5c6574" : theme.colors.neutral["000"]};
+  ${({ isLongerTextRendering, checked }) => isLongerTextRendering && checked ? `margin-left: 6px;` : void 0}
+  ${({ isLongerTextRendering, checked }) => isLongerTextRendering && !checked ? `margin-left: 4px;` : void 0}
+`;
+const StyledInput = import_styled_components.default.input`
+  position: absolute;
+  opacity: 0;
+  z-index: 20;
+  height: 100%;
+  width: 100%;
+  cursor: pointer;
+`;
+const SetLabelWidth = import_styled_components.default.div`
+  font-size: ${({ theme, size }) => (0, import_styleHelpers.handleFontSize)(size, theme)};
+  font-weight: ${({ theme }) => theme.fontWeights.semibold};
+  width: auto;
+  position: absolute;
+  white-space: nowrap;
+  visibility: hidden;
+`;
+module.exports = __toCommonJS(styles_exports);
+//# sourceMappingURL=styles.js.map

package/dist/cjs/controlled-toggle/styles.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/controlled-toggle/styles.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import styled from 'styled-components';\nimport type {\n  StyledContainerT,\n  StyledLabelT,\n  StyledVisibleContentT,\n  StyledCircleT,\n  StyledTextT,\n  SetLabelWidthT,\n} from './index.d';\nimport {\n  containerHeight,\n  borderRadius,\n  labelHeight,\n  handleBorderColor,\n  handleBackgroundColor,\n  circleValues,\n  handleFontSize,\n  margin,\n  handleCursors,\n} from './utils/styleHelpers';\n\nexport const StyledContainer = styled.div<StyledContainerT>`\n  display: inline-flex;\n  width: fit-content;\n  justify-content: center;\n  align-items: center;\n  height: ${({ size }) => containerHeight[size]};\n  border-radius: ${({ size }) => borderRadius[size]};\n  outline: none;\n  position: relative;\n  border: 2px solid transparent;\n  &:hover,\n  &:focus-within {\n    border: 2px solid ${({ theme }) => theme.colors.brand[300]};\n    &:after {\n      content: '';\n      height: calc(100% + 4px);\n      width: calc(100% + 4px);\n      border: 1px solid ${({ theme }) => theme.colors.brand[600]};\n      border-radius: 20px;\n      position: absolute;\n    }\n  }\n`;\n\nexport const StyledLabel = styled.div<StyledLabelT>`\n  width: ${({ width, size }) => `calc(${width}px + ${margin[size]})`};\n  height: ${({ size }) => labelHeight[size]};\n  z-index: 2;\n  outline: none;\n  border-radius: ${({ size }) => labelHeight[size]};\n`;\n\nexport const StyledVisibleContent = styled.label<StyledVisibleContentT>`\n  display: flex;\n  margin: 0;\n  padding: 0;\n  align-items: center;\n  height: 100%;\n  flex-direction: ${({ checked }) => (checked ? 'row-reverse' : 'row')};\n  border-radius: ${({ size }) => `calc(${labelHeight[size]} - 4px)`};\n  border: ${({ theme, size, checked, disabled, readOnly, active }) =>\n    size === 's'\n      ? `1px solid ${handleBorderColor(checked, disabled, readOnly, active, theme)}`\n      : `\n    2px solid ${handleBorderColor(checked, disabled, readOnly, active, theme)}\n    `};\n  transition: background-color 0.2s;\n  background-color: ${({ theme, checked, disabled, readOnly, active }) =>\n    handleBackgroundColor(checked, disabled, readOnly, active, theme)};\n\n  &:hover {\n    cursor: ${({ disabled, readOnly }) => handleCursors(disabled, readOnly)};\n  }\n`;\n\nexport const StyledCircle = styled.div<StyledCircleT>`\n  height: ${({ size }) => circleValues[size]};\n  width: ${({ size }) => circleValues[size]};\n  border-radius: 50%;\n  background-color: ${({ theme, readOnly }) => (readOnly ? theme.colors.neutral[100] : theme.colors.neutral['000'])};\n`;\n\nexport const StyledText = styled.div<StyledTextT>`\n  display: flex;\n  flex-grow: 1;\n  line-height: 1;\n  margin-bottom: -0.12rem;\n  align-items: center;\n  justify-content: ${({ isLongerTextRendering }) => (isLongerTextRendering ? 'flex-start' : 'center')};\n  font-size: ${({ theme, size }) => handleFontSize(size, theme)};\n  font-weight: ${({ theme }) => theme.fontWeights.semibold};\n  color: ${({ theme, disabled }) => (disabled ? '#5c6574' : theme.colors.neutral['000'])};\n  ${({ isLongerTextRendering, checked }) => (isLongerTextRendering && checked ? `margin-left: 6px;` : undefined)}\n  ${({ isLongerTextRendering, checked }) => (isLongerTextRendering && !checked ? `margin-left: 4px;` : undefined)}\n`;\n\nexport const StyledInput = styled.input`\n  position: absolute;\n  opacity: 0;\n  z-index: 20;\n  height: 100%;\n  width: 100%;\n  cursor: pointer;\n`;\n\nexport const SetLabelWidth = styled.div<SetLabelWidthT>`\n  font-size: ${({ theme, size }) => handleFontSize(size, theme)};\n  font-weight: ${({ theme }) => theme.fontWeights.semibold};\n  width: auto;\n  position: absolute;\n  white-space: nowrap;\n  visibility: hidden;\n`;\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,+BAAmB;AASnB,0BAUO;AAEA,MAAM,kBAAkB,iCAAO;AAAA;AAAA;AAAA;AAAA;AAAA,YAK1B,CAAC,EAAE,WAAW,oCAAgB;AAAA,mBACvB,CAAC,EAAE,WAAW,iCAAa;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,wBAMtB,CAAC,EAAE,YAAY,MAAM,OAAO,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA,0BAKhC,CAAC,EAAE,YAAY,MAAM,OAAO,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAOrD,MAAM,cAAc,iCAAO;AAAA,WACvB,CAAC,EAAE,OAAO,WAAW,QAAQ,aAAa,2BAAO;AAAA,YAChD,CAAC,EAAE,WAAW,gCAAY;AAAA;AAAA;AAAA,mBAGnB,CAAC,EAAE,WAAW,gCAAY;AAAA;AAGtC,MAAM,uBAAuB,iCAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,oBAMvB,CAAC,EAAE,cAAe,UAAU,gBAAgB;AAAA,mBAC7C,CAAC,EAAE,WAAW,QAAQ,gCAAY;AAAA,YACzC,CAAC,EAAE,OAAO,MAAM,SAAS,UAAU,UAAU,aACrD,SAAS,MACL,aAAa,2CAAkB,SAAS,UAAU,UAAU,QAAQ,WACpE;AAAA,gBACQ,2CAAkB,SAAS,UAAU,UAAU,QAAQ;AAAA;AAAA;AAAA,sBAGjD,CAAC,EAAE,OAAO,SAAS,UAAU,UAAU,aACzD,+CAAsB,SAAS,UAAU,UAAU,QAAQ;AAAA;AAAA;AAAA,cAGjD,CAAC,EAAE,UAAU,eAAe,uCAAc,UAAU;AAAA;AAAA;AAI3D,MAAM,eAAe,iCAAO;AAAA,YACvB,CAAC,EAAE,WAAW,iCAAa;AAAA,WAC5B,CAAC,EAAE,WAAW,iCAAa;AAAA;AAAA,sBAEhB,CAAC,EAAE,OAAO,eAAgB,WAAW,MAAM,OAAO,QAAQ,OAAO,MAAM,OAAO,QAAQ;AAAA;AAGrG,MAAM,aAAa,iCAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,qBAMZ,CAAC,EAAE,4BAA6B,wBAAwB,eAAe;AAAA,eAC7E,CAAC,EAAE,OAAO,WAAW,wCAAe,MAAM;AAAA,iBACxC,CAAC,EAAE,YAAY,MAAM,YAAY;AAAA,WACvC,CAAC,EAAE,OAAO,eAAgB,WAAW,YAAY,MAAM,OAAO,QAAQ;AAAA,IAC7E,CAAC,EAAE,uBAAuB,cAAe,yBAAyB,UAAU,sBAAsB;AAAA,IAClG,CAAC,EAAE,uBAAuB,cAAe,yBAAyB,CAAC,UAAU,sBAAsB;AAAA;AAGhG,MAAM,cAAc,iCAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAS3B,MAAM,gBAAgB,iCAAO;AAAA,eACrB,CAAC,EAAE,OAAO,WAAW,wCAAe,MAAM;AAAA,iBACxC,CAAC,EAAE,YAAY,MAAM,YAAY;AAAA;AAAA;AAAA;AAAA;AAAA;",
+  "names": []
+}

package/dist/cjs/controlled-toggle/utils/addTooltipOnReadOnly.js

@@ -0,0 +1,45 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __reExport = (target, module2, copyDefault, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+  }
+  return target;
+};
+var __toESM = (module2, isNodeMode) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+};
+var __toCommonJS = /* @__PURE__ */ ((cache) => {
+  return (module2, temp) => {
+    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
+  };
+})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+var addTooltipOnReadOnly_exports = {};
+__export(addTooltipOnReadOnly_exports, {
+  addTooltipOnReadOnly: () => addTooltipOnReadOnly
+});
+var React = __toESM(require("react"));
+var import_react = __toESM(require("react"));
+var import_ds_tooltip = require("@elliemae/ds-tooltip");
+const addTooltipOnReadOnly = (Component, readOnly) => {
+  if (readOnly)
+    return /* @__PURE__ */ import_react.default.createElement(import_ds_tooltip.DSTooltipV2, {
+      title: "Read Only",
+      offset: [0, 9],
+      triggerComponent: Component
+    });
+  return Component;
+};
+module.exports = __toCommonJS(addTooltipOnReadOnly_exports);
+//# sourceMappingURL=addTooltipOnReadOnly.js.map

package/dist/cjs/controlled-toggle/utils/addTooltipOnReadOnly.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/controlled-toggle/utils/addTooltipOnReadOnly.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import React from 'react';\nimport { DSTooltipV2 } from '@elliemae/ds-tooltip';\n\nexport const addTooltipOnReadOnly = (Component: JSX.Element, readOnly: boolean): JSX.Element => {\n  if (readOnly) return <DSTooltipV2 title=\"Read Only\" offset={[0, 9]} triggerComponent={Component} />;\n  return Component;\n};\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkB;AAClB,wBAA4B;AAErB,MAAM,uBAAuB,CAAC,WAAwB,aAAmC;AAC9F,MAAI;AAAU,WAAO,mDAAC,+BAAD;AAAA,MAAa,OAAM;AAAA,MAAY,QAAQ,CAAC,GAAG;AAAA,MAAI,kBAAkB;AAAA;AACtF,SAAO;AAAA;",
+  "names": []
+}

package/dist/cjs/controlled-toggle/utils/styleHelpers.js

@@ -0,0 +1,117 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __reExport = (target, module2, copyDefault, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+  }
+  return target;
+};
+var __toESM = (module2, isNodeMode) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+};
+var __toCommonJS = /* @__PURE__ */ ((cache) => {
+  return (module2, temp) => {
+    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
+  };
+})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+var styleHelpers_exports = {};
+__export(styleHelpers_exports, {
+  borderRadius: () => borderRadius,
+  circleValues: () => circleValues,
+  containerHeight: () => containerHeight,
+  handleBackgroundColor: () => handleBackgroundColor,
+  handleBorderColor: () => handleBorderColor,
+  handleCursors: () => handleCursors,
+  handleFontSize: () => handleFontSize,
+  labelHeight: () => labelHeight,
+  margin: () => margin
+});
+var React = __toESM(require("react"));
+const circleValues = {
+  s: "14px",
+  m: "20px",
+  l: "28px"
+};
+const margin = {
+  s: "26px",
+  m: "34px",
+  l: "42px"
+};
+const containerHeight = {
+  s: "20px",
+  m: "28px",
+  l: "36px"
+};
+const labelHeight = {
+  s: "16px",
+  m: "24px",
+  l: "32px"
+};
+const borderRadius = {
+  s: "16px",
+  m: "20px",
+  l: "22px"
+};
+const handleFontSize = (size, { fontSizes }) => {
+  switch (size) {
+    case "s":
+      return fontSizes.microText[200];
+    case "m":
+      return "15px";
+    case "l":
+      return "20px";
+    default:
+      return "15px";
+  }
+};
+const handleBackgroundColor = (checked, disabled, readOnly, active, { colors }) => {
+  if (disabled) {
+    return colors.neutral[100];
+  } else if (readOnly) {
+    return colors.neutral[500];
+  } else if (!active && checked) {
+    return colors.brand[600];
+  } else if (!active && !checked) {
+    return colors.neutral[500];
+  } else if (active && checked) {
+    return colors.brand[700];
+  } else if (active && !checked) {
+    return colors.neutral[600];
+  }
+};
+const handleBorderColor = (checked, disabled, readOnly, active, { colors }) => {
+  if (disabled) {
+    return colors.neutral[100];
+  } else if (readOnly) {
+    return colors.neutral[500];
+  } else if (!active && checked) {
+    return colors.brand[700];
+  } else if (!active && !checked) {
+    return colors.neutral[500];
+  } else if (active && checked) {
+    return colors.brand[800];
+  } else if (active && !checked) {
+    return colors.neutral[700];
+  }
+};
+const handleCursors = (disabled, readOnly) => {
+  if (disabled) {
+    return "not-allowed";
+  } else if (readOnly) {
+    return "default";
+  } else
+    return "pointer";
+};
+module.exports = __toCommonJS(styleHelpers_exports);
+//# sourceMappingURL=styleHelpers.js.map

package/dist/cjs/controlled-toggle/utils/styleHelpers.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/controlled-toggle/utils/styleHelpers.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import type { ToggleSize } from '../index.d';\n\nexport const circleValues = {\n  s: '14px',\n  m: '20px',\n  l: '28px',\n};\n\nexport const margin = {\n  s: '26px',\n  m: '34px',\n  l: '42px',\n};\n\nexport const containerHeight = {\n  s: '20px',\n  m: '28px',\n  l: '36px',\n};\n\nexport const labelHeight = {\n  s: '16px',\n  m: '24px',\n  l: '32px',\n};\n\nexport const borderRadius = {\n  s: '16px',\n  m: '20px',\n  l: '22px',\n};\n\nexport const handleFontSize = (size: ToggleSize, { fontSizes }): string => {\n  switch (size) {\n    case 's':\n      return fontSizes.microText[200];\n    case 'm':\n      return '15px';\n    case 'l':\n      return '20px';\n    default:\n      return '15px';\n  }\n};\nexport const handleBackgroundColor = (\n  checked: boolean,\n  disabled: boolean,\n  readOnly: boolean,\n  active: boolean,\n  { colors },\n): string => {\n  if (disabled) {\n    return colors.neutral[100];\n  } else if (readOnly) {\n    return colors.neutral[500];\n  } else if (!active && checked) {\n    return colors.brand[600];\n  } else if (!active && !checked) {\n    return colors.neutral[500];\n  } else if (active && checked) {\n    return colors.brand[700];\n  } else if (active && !checked) {\n    return colors.neutral[600];\n  }\n};\n\nexport const handleBorderColor = (\n  checked: boolean,\n  disabled: boolean,\n  readOnly: boolean,\n  active: boolean,\n  { colors },\n): string => {\n  if (disabled) {\n    return colors.neutral[100];\n  } else if (readOnly) {\n    return colors.neutral[500];\n  } else if (!active && checked) {\n    return colors.brand[700];\n  } else if (!active && !checked) {\n    return colors.neutral[500];\n  } else if (active && checked) {\n    return colors.brand[800];\n  } else if (active && !checked) {\n    return colors.neutral[700];\n  }\n};\n\nexport const handleCursors = (disabled: boolean, readOnly: boolean): string => {\n  if (disabled) {\n    return 'not-allowed';\n  } else if (readOnly) {\n    return 'default';\n  } else return 'pointer';\n};\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADEhB,MAAM,eAAe;AAAA,EAC1B,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AAAA;AAGE,MAAM,SAAS;AAAA,EACpB,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AAAA;AAGE,MAAM,kBAAkB;AAAA,EAC7B,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AAAA;AAGE,MAAM,cAAc;AAAA,EACzB,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AAAA;AAGE,MAAM,eAAe;AAAA,EAC1B,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AAAA;AAGE,MAAM,iBAAiB,CAAC,MAAkB,EAAE,gBAAwB;AACzE,UAAQ;AAAA,SACD;AACH,aAAO,UAAU,UAAU;AAAA,SACxB;AACH,aAAO;AAAA,SACJ;AACH,aAAO;AAAA;AAEP,aAAO;AAAA;AAAA;AAGN,MAAM,wBAAwB,CACnC,SACA,UACA,UACA,QACA,EAAE,aACS;AACX,MAAI,UAAU;AACZ,WAAO,OAAO,QAAQ;AAAA,aACb,UAAU;AACnB,WAAO,OAAO,QAAQ;AAAA,aACb,CAAC,UAAU,SAAS;AAC7B,WAAO,OAAO,MAAM;AAAA,aACX,CAAC,UAAU,CAAC,SAAS;AAC9B,WAAO,OAAO,QAAQ;AAAA,aACb,UAAU,SAAS;AAC5B,WAAO,OAAO,MAAM;AAAA,aACX,UAAU,CAAC,SAAS;AAC7B,WAAO,OAAO,QAAQ;AAAA;AAAA;AAInB,MAAM,oBAAoB,CAC/B,SACA,UACA,UACA,QACA,EAAE,aACS;AACX,MAAI,UAAU;AACZ,WAAO,OAAO,QAAQ;AAAA,aACb,UAAU;AACnB,WAAO,OAAO,QAAQ;AAAA,aACb,CAAC,UAAU,SAAS;AAC7B,WAAO,OAAO,MAAM;AAAA,aACX,CAAC,UAAU,CAAC,SAAS;AAC9B,WAAO,OAAO,QAAQ;AAAA,aACb,UAAU,SAAS;AAC5B,WAAO,OAAO,MAAM;AAAA,aACX,UAAU,CAAC,SAAS;AAC7B,WAAO,OAAO,QAAQ;AAAA;AAAA;AAInB,MAAM,gBAAgB,CAAC,UAAmB,aAA8B;AAC7E,MAAI,UAAU;AACZ,WAAO;AAAA,aACE,UAAU;AACnB,WAAO;AAAA;AACF,WAAO;AAAA;",
+  "names": []
+}

package/dist/cjs/index.js

@@ -0,0 +1,33 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __reExport = (target, module2, copyDefault, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+  }
+  return target;
+};
+var __toESM = (module2, isNodeMode) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+};
+var __toCommonJS = /* @__PURE__ */ ((cache) => {
+  return (module2, temp) => {
+    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
+  };
+})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+var src_exports = {};
+var React = __toESM(require("react"));
+__reExport(src_exports, require("./controlled-checkbox"));
+__reExport(src_exports, require("./controlled-date-range-picker"));
+__reExport(src_exports, require("./controlled-date-time-picker"));
+__reExport(src_exports, require("./controlled-toggle"));
+__reExport(src_exports, require("./controlled-autocomplete"));
+__reExport(src_exports, require("./controlled-combobox"));
+module.exports = __toCommonJS(src_exports);
+//# sourceMappingURL=index.js.map

package/dist/cjs/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/index.tsx", "../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["export * from './controlled-checkbox';\nexport * from './controlled-date-range-picker';\nexport * from './controlled-date-time-picker';\nexport * from './controlled-toggle';\nexport * from './controlled-autocomplete';\nexport * from './controlled-combobox';\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;AAAA;ACAA,YAAuB;ADAvB,wBAAc;AACd,wBAAc;AACd,wBAAc;AACd,wBAAc;AACd,wBAAc;AACd,wBAAc;",
+  "names": []
+}

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

@@ -0,0 +1,24 @@
+import * as React from "react";
+import React2 from "react";
+import { describe } from "react-desc";
+import { useMemoMergePropsWithDefault, useValidateTypescriptPropTypes } from "@elliemae/ds-props-helpers";
+import { useAutocomplete } from "./config/useAutocomplete";
+import { Container } from "./parts/container";
+import { propTypes } from "./propTypes";
+import { AutocompleteContext, defaultProps } from "./AutocompleteCTX";
+const DSAutocomplete = (props) => {
+  const propsWithDefault = useMemoMergePropsWithDefault(props, defaultProps);
+  useValidateTypescriptPropTypes(propsWithDefault, propTypes);
+  const ctx = useAutocomplete(props);
+  return /* @__PURE__ */ React2.createElement(AutocompleteContext.Provider, {
+    value: ctx
+  }, /* @__PURE__ */ React2.createElement(Container, null));
+};
+DSAutocomplete.propTypes = propTypes;
+const DSAutocompleteWithSchema = describe(DSAutocomplete);
+DSAutocompleteWithSchema.propTypes = propTypes;
+export {
+  DSAutocomplete,
+  DSAutocompleteWithSchema
+};
+//# sourceMappingURL=Autocomplete.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/controlled-autocomplete/Autocomplete.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { describe } from 'react-desc';\nimport { useMemoMergePropsWithDefault, useValidateTypescriptPropTypes } from '@elliemae/ds-props-helpers';\nimport { useAutocomplete } from './config/useAutocomplete';\nimport { Container } from './parts/container';\nimport { propTypes } from './propTypes';\nimport { AutocompleteContext, defaultProps } from './AutocompleteCTX';\nimport type { AutocompletePropsT } from './index.d';\n\nconst DSAutocomplete = (props: AutocompletePropsT): JSX.Element => {\n  const propsWithDefault = useMemoMergePropsWithDefault(props, defaultProps);\n\n  useValidateTypescriptPropTypes(propsWithDefault, propTypes);\n  const ctx = useAutocomplete(props);\n  return (\n    <AutocompleteContext.Provider value={ctx}>\n      <Container />\n    </AutocompleteContext.Provider>\n  );\n};\nDSAutocomplete.propTypes = propTypes;\nconst DSAutocompleteWithSchema = describe(DSAutocomplete);\nDSAutocompleteWithSchema.propTypes = propTypes;\n\nexport { DSAutocomplete, DSAutocompleteWithSchema };\n"],
+  "mappings": "AAAA;ACAA;AACA;AACA;AACA;AACA;AACA;AACA;AAGA,MAAM,iBAAiB,CAAC,UAA2C;AACjE,QAAM,mBAAmB,6BAA6B,OAAO;AAE7D,iCAA+B,kBAAkB;AACjD,QAAM,MAAM,gBAAgB;AAC5B,SACE,qCAAC,oBAAoB,UAArB;AAAA,IAA8B,OAAO;AAAA,KACnC,qCAAC,WAAD;AAAA;AAIN,eAAe,YAAY;AAC3B,MAAM,2BAA2B,SAAS;AAC1C,yBAAyB,YAAY;",
+  "names": []
+}

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

@@ -0,0 +1,40 @@
+import * as React from "react";
+import { createContext, createRef } from "react";
+import { noop } from "lodash";
+const defaultProps = {
+  placeholder: "",
+  options: [],
+  selectedValues: "",
+  hasError: false,
+  isLoading: false,
+  autoFocus: false,
+  startPlacementPreference: "bottom-start",
+  placementOrderPreference: ["bottom-start", "bottom-end"],
+  onChange: noop,
+  onKeyDown: noop,
+  onFilter: noop,
+  onMenuOpen: noop
+};
+const defaultContext = {
+  props: defaultProps,
+  showPopover: false,
+  setShowPopover: noop,
+  scrollOptionIntoView: noop,
+  referenceElement: null,
+  setReferenceElement: noop,
+  inputRef: createRef(),
+  listRef: createRef(),
+  wrapperListRef: createRef(),
+  controlsWrapperRef: createRef(),
+  selectedOptionsRef: createRef(),
+  focusOptionIdx: "",
+  setCurrentOption: noop
+};
+const AutocompleteContext = createContext(defaultContext);
+var AutocompleteCTX_default = AutocompleteContext;
+export {
+  AutocompleteContext,
+  AutocompleteCTX_default as default,
+  defaultProps
+};
+//# sourceMappingURL=AutocompleteCTX.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/controlled-autocomplete/AutocompleteCTX.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { createContext, createRef } from 'react';\nimport { noop } from 'lodash';\nimport type { AutocompletePropsT, AutocompleteContextT } from './index.d';\n// eslint-disable-next-line @typescript-eslint/no-empty-function\n\nexport const defaultProps: AutocompletePropsT = {\n  placeholder: '',\n  options: [],\n  selectedValues: '',\n  hasError: false,\n  isLoading: false,\n  autoFocus: false,\n  startPlacementPreference: 'bottom-start',\n  placementOrderPreference: ['bottom-start', 'bottom-end'],\n  onChange: noop,\n  onKeyDown: noop,\n  onFilter: noop,\n  onMenuOpen: noop,\n};\nconst defaultContext = {\n  props: defaultProps,\n  showPopover: false,\n  setShowPopover: noop,\n  scrollOptionIntoView: noop,\n  referenceElement: null,\n  setReferenceElement: noop,\n  inputRef: createRef<HTMLInputElement>(),\n  listRef: createRef<HTMLDivElement>(),\n  wrapperListRef: createRef<HTMLDivElement>(),\n  controlsWrapperRef: createRef<HTMLInputElement>(),\n  selectedOptionsRef: createRef<HTMLInputElement>(),\n  focusOptionIdx: '',\n  setCurrentOption: noop,\n};\n/** Context for cross component communication */\nexport const AutocompleteContext = createContext<AutocompleteContextT>(defaultContext);\n\nexport default AutocompleteContext;\n"],
+  "mappings": "AAAA;ACAA;AACA;AAIO,MAAM,eAAmC;AAAA,EAC9C,aAAa;AAAA,EACb,SAAS;AAAA,EACT,gBAAgB;AAAA,EAChB,UAAU;AAAA,EACV,WAAW;AAAA,EACX,WAAW;AAAA,EACX,0BAA0B;AAAA,EAC1B,0BAA0B,CAAC,gBAAgB;AAAA,EAC3C,UAAU;AAAA,EACV,WAAW;AAAA,EACX,UAAU;AAAA,EACV,YAAY;AAAA;AAEd,MAAM,iBAAiB;AAAA,EACrB,OAAO;AAAA,EACP,aAAa;AAAA,EACb,gBAAgB;AAAA,EAChB,sBAAsB;AAAA,EACtB,kBAAkB;AAAA,EAClB,qBAAqB;AAAA,EACrB,UAAU;AAAA,EACV,SAAS;AAAA,EACT,gBAAgB;AAAA,EAChB,oBAAoB;AAAA,EACpB,oBAAoB;AAAA,EACpB,gBAAgB;AAAA,EAChB,kBAAkB;AAAA;AAGb,MAAM,sBAAsB,cAAoC;AAEvE,IAAO,0BAAQ;",
+  "names": []
+}

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

@@ -0,0 +1,16 @@
+import * as React from "react";
+const AutocompleteDataTestid = {
+  INPUT: "autocomplete-input",
+  LIST: "autocomplete-menu-list",
+  SELECTED_VALUES: "autocomplete-selected-values",
+  SELECT_ALL_BUTTON: "autocomplete-all-btn",
+  CLEAR_ALL_BUTTON: "autocomplete-clear-btn",
+  DROPDOWN: "autocomplete-dropdown-btn",
+  OPTION: "autocomplete-option",
+  SHOW_ALL_BUTTON: "autocomplete-show-all-btn",
+  SHOW_SELECTED_OPTIONS_BUTTON: "autocomplete-selected-options-btn"
+};
+export {
+  AutocompleteDataTestid
+};
+//# sourceMappingURL=AutocompleteDataTestids.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/controlled-autocomplete/AutocompleteDataTestids.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export const AutocompleteDataTestid = {\n  INPUT: 'autocomplete-input',\n  LIST: 'autocomplete-menu-list',\n  SELECTED_VALUES: 'autocomplete-selected-values',\n  SELECT_ALL_BUTTON: 'autocomplete-all-btn',\n  CLEAR_ALL_BUTTON: 'autocomplete-clear-btn',\n  DROPDOWN: 'autocomplete-dropdown-btn',\n  OPTION: 'autocomplete-option',\n  SHOW_ALL_BUTTON: 'autocomplete-show-all-btn',\n  SHOW_SELECTED_OPTIONS_BUTTON: 'autocomplete-selected-options-btn',\n};\n"],
+  "mappings": "AAAA;ACAO,MAAM,yBAAyB;AAAA,EACpC,OAAO;AAAA,EACP,MAAM;AAAA,EACN,iBAAiB;AAAA,EACjB,mBAAmB;AAAA,EACnB,kBAAkB;AAAA,EAClB,UAAU;AAAA,EACV,QAAQ;AAAA,EACR,iBAAiB;AAAA,EACjB,8BAA8B;AAAA;",
+  "names": []
+}

package/dist/esm/controlled-autocomplete/config/constants.js

@@ -0,0 +1,13 @@
+import * as React from "react";
+const DATA_TESTID = {
+  COMBOBOX_MENU_LIST: "autocomplete-menu-list",
+  COMBOBOX_CLEAR_BTN: "autocomplete-clear-btn",
+  COMBOBOX_ALL_BTN: "autocomplete-all-btn",
+  COMBOBOX_DROPDOWN_BTN: "autocomplete-dropdown-btn",
+  COMBOBOX_OPTION: "autocomplete-option",
+  COMBOBOX: "autocomplete"
+};
+export {
+  DATA_TESTID
+};
+//# sourceMappingURL=constants.js.map

package/dist/esm/controlled-autocomplete/config/constants.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/controlled-autocomplete/config/constants.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export const DATA_TESTID = {\n  COMBOBOX_MENU_LIST: 'autocomplete-menu-list',\n  COMBOBOX_CLEAR_BTN: 'autocomplete-clear-btn',\n  COMBOBOX_ALL_BTN: 'autocomplete-all-btn',\n  COMBOBOX_DROPDOWN_BTN: 'autocomplete-dropdown-btn',\n  COMBOBOX_OPTION: 'autocomplete-option',\n  COMBOBOX: 'autocomplete',\n};\n"],
+  "mappings": "AAAA;ACAO,MAAM,cAAc;AAAA,EACzB,oBAAoB;AAAA,EACpB,oBAAoB;AAAA,EACpB,kBAAkB;AAAA,EAClB,uBAAuB;AAAA,EACvB,iBAAiB;AAAA,EACjB,UAAU;AAAA;",
+  "names": []
+}

package/dist/esm/controlled-autocomplete/config/useAutocomplete.js

@@ -0,0 +1,74 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+import * as React from "react";
+import { useMemo, useState, useRef, useCallback } from "react";
+import { useVirtual } from "react-virtual";
+import { useGetAutocompleteWithDefaultsProps } from "./useGetPropsWithDefault";
+const useAutocomplete = (props) => {
+  const [showPopover, setShowPopover] = useState(false);
+  const [referenceElement, setReferenceElement] = useState(null);
+  const [focusOptionIdx, setCurrentOption] = useState("");
+  const inputRef = useRef(null);
+  const listRef = useRef(null);
+  const wrapperListRef = useRef(null);
+  const selectedOptionsRef = useRef(null);
+  const controlsWrapperRef = useRef(null);
+  const propsWithDefaults = useGetAutocompleteWithDefaultsProps(props);
+  const { options } = propsWithDefaults;
+  const virtualListHelpers = useVirtual({
+    size: options.length,
+    parentRef: listRef,
+    overscan: 15,
+    paddingStart: 0
+  });
+  const scrollOptionIntoView = useCallback((dsId, opts = { align: "center" }) => {
+    virtualListHelpers.scrollToIndex(options.findIndex((opt) => opt.dsId === dsId), opts);
+  }, [options, virtualListHelpers]);
+  const ctx = useMemo(() => ({
+    props: __spreadValues({}, propsWithDefaults),
+    virtualListHelpers,
+    showPopover,
+    referenceElement,
+    inputRef,
+    listRef,
+    focusOptionIdx,
+    selectedOptionsRef,
+    controlsWrapperRef,
+    wrapperListRef,
+    setCurrentOption,
+    scrollOptionIntoView,
+    setReferenceElement,
+    setShowPopover
+  }), [
+    scrollOptionIntoView,
+    propsWithDefaults,
+    virtualListHelpers,
+    focusOptionIdx,
+    wrapperListRef,
+    showPopover,
+    referenceElement,
+    inputRef,
+    selectedOptionsRef,
+    controlsWrapperRef,
+    listRef
+  ]);
+  return ctx;
+};
+export {
+  useAutocomplete
+};
+//# sourceMappingURL=useAutocomplete.js.map

package/dist/esm/controlled-autocomplete/config/useAutocomplete.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/controlled-autocomplete/config/useAutocomplete.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable max-lines */\n/* eslint-disable import/prefer-default-export */\n/* eslint-disable complexity */\n/* eslint-disable max-statements */\nimport { useMemo, useState, useRef, useCallback } from 'react';\nimport { useVirtual } from 'react-virtual';\nimport { useGetAutocompleteWithDefaultsProps } from './useGetPropsWithDefault';\nimport type { AutocompletePropsT, AutocompleteContextT } from '../index.d';\n\nexport const useAutocomplete = (props: Partial<AutocompletePropsT>): AutocompleteContextT => {\n  const [showPopover, setShowPopover] = useState<boolean>(false);\n  const [referenceElement, setReferenceElement] = useState<HTMLElement | null>(null);\n\n  const [focusOptionIdx, setCurrentOption] = useState<string>('');\n  const inputRef = useRef<HTMLInputElement>(null);\n  const listRef = useRef<HTMLDivElement>(null);\n  const wrapperListRef = useRef<HTMLDivElement>(null);\n\n  const selectedOptionsRef = useRef<HTMLDivElement>(null);\n  const controlsWrapperRef = useRef<HTMLDivElement>(null);\n\n  const propsWithDefaults = useGetAutocompleteWithDefaultsProps(props);\n  const { options } = propsWithDefaults;\n\n  // ===========================================================================\n  // Virtualization setup\n  // ===========================================================================\n\n  const virtualListHelpers: ReturnType<typeof useVirtual> = useVirtual({\n    size: options.length,\n    parentRef: listRef,\n    overscan: 15,\n    paddingStart: 0,\n  });\n\n  // ===========================================================================\n  // Scroll into view function\n  // ===========================================================================\n  const scrollOptionIntoView = useCallback(\n    (dsId: string, opts = { align: 'center' }) => {\n      virtualListHelpers.scrollToIndex(\n        options.findIndex((opt) => opt.dsId === dsId),\n        opts,\n      );\n    },\n    [options, virtualListHelpers],\n  );\n\n  const ctx = useMemo(\n    () => ({\n      props: { ...propsWithDefaults },\n      virtualListHelpers,\n      showPopover,\n      referenceElement,\n      inputRef,\n      listRef,\n      focusOptionIdx,\n      selectedOptionsRef,\n      controlsWrapperRef,\n      wrapperListRef,\n      setCurrentOption,\n      scrollOptionIntoView,\n      setReferenceElement,\n      setShowPopover,\n    }),\n    [\n      scrollOptionIntoView,\n      propsWithDefaults,\n      virtualListHelpers,\n      focusOptionIdx,\n      wrapperListRef,\n      showPopover,\n      referenceElement,\n      inputRef,\n      selectedOptionsRef,\n      controlsWrapperRef,\n      listRef,\n    ],\n  );\n\n  return ctx;\n};\n"],
+  "mappings": ";;;;;;;;;;;;;;;;AAAA;ACIA;AACA;AACA;AAGO,MAAM,kBAAkB,CAAC,UAA6D;AAC3F,QAAM,CAAC,aAAa,kBAAkB,SAAkB;AACxD,QAAM,CAAC,kBAAkB,uBAAuB,SAA6B;AAE7E,QAAM,CAAC,gBAAgB,oBAAoB,SAAiB;AAC5D,QAAM,WAAW,OAAyB;AAC1C,QAAM,UAAU,OAAuB;AACvC,QAAM,iBAAiB,OAAuB;AAE9C,QAAM,qBAAqB,OAAuB;AAClD,QAAM,qBAAqB,OAAuB;AAElD,QAAM,oBAAoB,oCAAoC;AAC9D,QAAM,EAAE,YAAY;AAMpB,QAAM,qBAAoD,WAAW;AAAA,IACnE,MAAM,QAAQ;AAAA,IACd,WAAW;AAAA,IACX,UAAU;AAAA,IACV,cAAc;AAAA;AAMhB,QAAM,uBAAuB,YAC3B,CAAC,MAAc,OAAO,EAAE,OAAO,eAAe;AAC5C,uBAAmB,cACjB,QAAQ,UAAU,CAAC,QAAQ,IAAI,SAAS,OACxC;AAAA,KAGJ,CAAC,SAAS;AAGZ,QAAM,MAAM,QACV,MAAO;AAAA,IACL,OAAO,mBAAK;AAAA,IACZ;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,MAEF;AAAA,IACE;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAIJ,SAAO;AAAA;",
+  "names": []
+}

package/dist/esm/controlled-autocomplete/config/useGetPropsWithDefault.js

@@ -0,0 +1,8 @@
+import * as React from "react";
+import { useMemoMergePropsWithDefault } from "@elliemae/ds-props-helpers";
+import { defaultProps } from "../AutocompleteCTX";
+const useGetAutocompleteWithDefaultsProps = (props) => useMemoMergePropsWithDefault(props, defaultProps);
+export {
+  useGetAutocompleteWithDefaultsProps
+};
+//# sourceMappingURL=useGetPropsWithDefault.js.map

package/dist/esm/controlled-autocomplete/config/useGetPropsWithDefault.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/controlled-autocomplete/config/useGetPropsWithDefault.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { useMemoMergePropsWithDefault } from '@elliemae/ds-props-helpers';\nimport { defaultProps } from '../AutocompleteCTX';\nimport { AutocompletePropsT } from '../index.d';\n// we have to merge the \"default\" nested default values with what the user gives us...\nexport const useGetAutocompleteWithDefaultsProps = (props: Partial<AutocompletePropsT>): AutocompletePropsT =>\n  useMemoMergePropsWithDefault(props, defaultProps);\n"],
+  "mappings": "AAAA;ACAA;AACA;AAGO,MAAM,sCAAsC,CAAC,UAClD,6BAA6B,OAAO;",
+  "names": []
+}

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

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