@elliemae/ds-controlled-form 2.2.0-alpha.4 → 3.0.0-next.2

package/esm/controlled-toggle/styles.js

@@ -1,106 +1,158 @@
-import * as React from "react";
-import styled from "styled-components";
-import {
-  containerHeight,
-  borderRadius,
-  labelHeight,
-  handleBorderColor,
-  handleBackgroundColor,
-  circleValues,
-  handleFontSize,
-  margin,
-  handleCursors
-} from "./utils/styleHelpers";
-const StyledContainer = styled.div`
-  display: inline-flex;
-  width: fit-content;
-  justify-content: center;
-  align-items: center;
-  height: ${({ size }) => containerHeight[size]};
-  border-radius: ${({ size }) => 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 = styled.div`
-  width: ${({ width, size }) => `calc(${width}px + ${margin[size]})`};
-  height: ${({ size }) => labelHeight[size]};
-  z-index: 2;
-  outline: none;
-  border-radius: ${({ size }) => labelHeight[size]};
-`;
-const StyledVisibleContent = styled.label`
-  display: flex;
-  margin: 0;
-  padding: 0;
-  align-items: center;
-  height: 100%;
-  flex-direction: ${({ checked }) => checked ? "row-reverse" : "row"};
-  border-radius: ${({ size }) => `calc(${labelHeight[size]} - 4px)`};
-  border: ${({ theme, size, checked, disabled, readOnly, active }) => size === "s" ? `1px solid ${handleBorderColor(checked, disabled, readOnly, active, theme)}` : `
-    2px solid ${handleBorderColor(checked, disabled, readOnly, active, theme)}
-    `};
-  transition: background-color 0.2s;
-  background-color: ${({ theme, checked, disabled, readOnly, active }) => handleBackgroundColor(checked, disabled, readOnly, active, theme)};
+import styled from 'styled-components';
+import { containerHeight, borderRadius, margin, labelHeight, handleBorderColor, handleBackgroundColor, handleCursors, circleValues, handleFontSize } from './utils/styleHelpers.js';
 
-  &:hover {
-    cursor: ${({ disabled, readOnly }) => handleCursors(disabled, readOnly)};
-  }
-`;
-const StyledCircle = styled.div`
-  height: ${({ size }) => circleValues[size]};
-  width: ${({ size }) => circleValues[size]};
-  border-radius: 50%;
-  background-color: ${({ theme, readOnly }) => readOnly ? theme.colors.neutral[100] : theme.colors.neutral["000"]};
-`;
-const StyledText = styled.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 }) => 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 = styled.input`
-  position: absolute;
-  opacity: 0;
-  z-index: 20;
-  height: 100%;
-  width: 100%;
-  cursor: pointer;
-`;
-const SetLabelWidth = styled.div`
-  font-size: ${({ theme, size }) => handleFontSize(size, theme)};
-  font-weight: ${({ theme }) => theme.fontWeights.semibold};
-  width: auto;
-  position: absolute;
-  white-space: nowrap;
-  visibility: hidden;
-`;
-export {
-  SetLabelWidth,
-  StyledCircle,
-  StyledContainer,
-  StyledInput,
-  StyledLabel,
-  StyledText,
-  StyledVisibleContent
-};
-//# sourceMappingURL=styles.js.map
+const StyledContainer = /*#__PURE__*/styled.div.withConfig({
+  componentId: "sc-v733m4-0"
+})(["display:inline-flex;width:fit-content;justify-content:center;align-items:center;height:", ";border-radius:", ";outline:none;position:relative;border:2px solid transparent;&:hover,&:focus-within{border:2px solid ", ";&:after{content:'';height:calc(100% + 4px);width:calc(100% + 4px);border:1px solid ", ";border-radius:20px;position:absolute;}}"], _ref => {
+  let {
+    size
+  } = _ref;
+  return containerHeight[size];
+}, _ref2 => {
+  let {
+    size
+  } = _ref2;
+  return borderRadius[size];
+}, _ref3 => {
+  let {
+    theme
+  } = _ref3;
+  return theme.colors.brand[300];
+}, _ref4 => {
+  let {
+    theme
+  } = _ref4;
+  return theme.colors.brand[600];
+});
+const StyledLabel = /*#__PURE__*/styled.div.withConfig({
+  componentId: "sc-v733m4-1"
+})(["width:", ";height:", ";z-index:2;outline:none;border-radius:", ";"], _ref5 => {
+  let {
+    width,
+    size
+  } = _ref5;
+  return "calc(".concat(width, "px + ").concat(margin[size], ")");
+}, _ref6 => {
+  let {
+    size
+  } = _ref6;
+  return labelHeight[size];
+}, _ref7 => {
+  let {
+    size
+  } = _ref7;
+  return labelHeight[size];
+});
+const StyledVisibleContent = /*#__PURE__*/styled.label.withConfig({
+  componentId: "sc-v733m4-2"
+})(["display:flex;margin:0;padding:0;align-items:center;height:100%;flex-direction:", ";border-radius:", ";border:", ";transition:background-color 0.2s;background-color:", ";&:hover{cursor:", ";}"], _ref8 => {
+  let {
+    checked
+  } = _ref8;
+  return checked ? 'row-reverse' : 'row';
+}, _ref9 => {
+  let {
+    size
+  } = _ref9;
+  return "calc(".concat(labelHeight[size], " - 4px)");
+}, _ref10 => {
+  let {
+    theme,
+    size,
+    checked,
+    disabled,
+    readOnly,
+    active
+  } = _ref10;
+  return size === 's' ? "1px solid ".concat(handleBorderColor(checked, disabled, readOnly, active, theme)) : "\n    2px solid ".concat(handleBorderColor(checked, disabled, readOnly, active, theme), "\n    ");
+}, _ref11 => {
+  let {
+    theme,
+    checked,
+    disabled,
+    readOnly,
+    active
+  } = _ref11;
+  return handleBackgroundColor(checked, disabled, readOnly, active, theme);
+}, _ref12 => {
+  let {
+    disabled,
+    readOnly
+  } = _ref12;
+  return handleCursors(disabled, readOnly);
+});
+const StyledCircle = /*#__PURE__*/styled.div.withConfig({
+  componentId: "sc-v733m4-3"
+})(["height:", ";width:", ";border-radius:50%;background-color:", ";"], _ref13 => {
+  let {
+    size
+  } = _ref13;
+  return circleValues[size];
+}, _ref14 => {
+  let {
+    size
+  } = _ref14;
+  return circleValues[size];
+}, _ref15 => {
+  let {
+    theme,
+    readOnly
+  } = _ref15;
+  return readOnly ? theme.colors.neutral[100] : theme.colors.neutral['000'];
+});
+const StyledText = /*#__PURE__*/styled.div.withConfig({
+  componentId: "sc-v733m4-4"
+})(["display:flex;flex-grow:1;line-height:1;margin-bottom:-0.12rem;align-items:center;justify-content:", ";font-size:", ";font-weight:", ";color:", ";", " ", ""], _ref16 => {
+  let {
+    isLongerTextRendering
+  } = _ref16;
+  return isLongerTextRendering ? 'flex-start' : 'center';
+}, _ref17 => {
+  let {
+    theme,
+    size
+  } = _ref17;
+  return handleFontSize(size, theme);
+}, _ref18 => {
+  let {
+    theme
+  } = _ref18;
+  return theme.fontWeights.semibold;
+}, _ref19 => {
+  let {
+    theme,
+    disabled
+  } = _ref19;
+  return disabled ? '#5c6574' : theme.colors.neutral['000'];
+}, _ref20 => {
+  let {
+    isLongerTextRendering,
+    checked
+  } = _ref20;
+  return isLongerTextRendering && checked ? "margin-left: 6px;" : undefined;
+}, _ref21 => {
+  let {
+    isLongerTextRendering,
+    checked
+  } = _ref21;
+  return isLongerTextRendering && !checked ? "margin-left: 4px;" : undefined;
+});
+const StyledInput = /*#__PURE__*/styled.input.withConfig({
+  componentId: "sc-v733m4-5"
+})(["position:absolute;opacity:0;z-index:20;height:100%;width:100%;cursor:pointer;"]);
+const SetLabelWidth = /*#__PURE__*/styled.div.withConfig({
+  componentId: "sc-v733m4-6"
+})(["font-size:", ";font-weight:", ";width:auto;position:absolute;white-space:nowrap;visibility:hidden;"], _ref22 => {
+  let {
+    theme,
+    size
+  } = _ref22;
+  return handleFontSize(size, theme);
+}, _ref23 => {
+  let {
+    theme
+  } = _ref23;
+  return theme.fontWeights.semibold;
+});
+
+export { SetLabelWidth, StyledCircle, StyledContainer, StyledInput, StyledLabel, StyledText, StyledVisibleContent };

package/esm/controlled-toggle/utils/addTooltipOnReadOnly.js

@@ -1,16 +1,14 @@
-import * as React from "react";
-import React2 from "react";
-import { DSTooltipV2 } from "@elliemae/ds-tooltip";
+import _jsx from '@babel/runtime/helpers/esm/jsx';
+import 'react';
+import { DSTooltipV2 } from '@elliemae/ds-tooltip';
+
 const addTooltipOnReadOnly = (Component, readOnly) => {
-  if (readOnly)
-    return /* @__PURE__ */ React2.createElement(DSTooltipV2, {
-      title: "Read Only",
-      offset: [0, 9],
-      triggerComponent: Component
-    });
+  if (readOnly) return /*#__PURE__*/_jsx(DSTooltipV2, {
+    title: "Read Only",
+    offset: [0, 9],
+    triggerComponent: Component
+  });
   return Component;
 };
-export {
-  addTooltipOnReadOnly
-};
-//# sourceMappingURL=addTooltipOnReadOnly.js.map
+
+export { addTooltipOnReadOnly };

package/esm/controlled-toggle/utils/styleHelpers.js

@@ -1,42 +1,52 @@
-import * as React from "react";
 const circleValues = {
-  s: "14px",
-  m: "20px",
-  l: "28px"
+  s: '14px',
+  m: '20px',
+  l: '28px'
 };
 const margin = {
-  s: "26px",
-  m: "34px",
-  l: "42px"
+  s: '26px',
+  m: '34px',
+  l: '42px'
 };
 const containerHeight = {
-  s: "20px",
-  m: "28px",
-  l: "36px"
+  s: '20px',
+  m: '28px',
+  l: '36px'
 };
 const labelHeight = {
-  s: "16px",
-  m: "24px",
-  l: "32px"
+  s: '16px',
+  m: '24px',
+  l: '32px'
 };
 const borderRadius = {
-  s: "16px",
-  m: "20px",
-  l: "22px"
+  s: '16px',
+  m: '20px',
+  l: '22px'
 };
-const handleFontSize = (size, { fontSizes }) => {
+const handleFontSize = (size, _ref) => {
+  let {
+    fontSizes
+  } = _ref;
+
   switch (size) {
-    case "s":
+    case 's':
       return fontSizes.microText[200];
-    case "m":
-      return "15px";
-    case "l":
-      return "20px";
+
+    case 'm':
+      return '15px';
+
+    case 'l':
+      return '20px';
+
     default:
-      return "15px";
+      return '15px';
   }
 };
-const handleBackgroundColor = (checked, disabled, readOnly, active, { colors }) => {
+const handleBackgroundColor = (checked, disabled, readOnly, active, _ref2) => {
+  let {
+    colors
+  } = _ref2;
+
   if (disabled) {
     return colors.neutral[100];
   } else if (readOnly) {
@@ -51,7 +61,11 @@ const handleBackgroundColor = (checked, disabled, readOnly, active, { colors })
     return colors.neutral[600];
   }
 };
-const handleBorderColor = (checked, disabled, readOnly, active, { colors }) => {
+const handleBorderColor = (checked, disabled, readOnly, active, _ref3) => {
+  let {
+    colors
+  } = _ref3;
+
   if (disabled) {
     return colors.neutral[100];
   } else if (readOnly) {
@@ -68,21 +82,10 @@ const handleBorderColor = (checked, disabled, readOnly, active, { colors }) => {
 };
 const handleCursors = (disabled, readOnly) => {
   if (disabled) {
-    return "not-allowed";
+    return 'not-allowed';
   } else if (readOnly) {
-    return "default";
-  } else
-    return "pointer";
+    return 'default';
+  } else return 'pointer';
 };
-export {
-  borderRadius,
-  circleValues,
-  containerHeight,
-  handleBackgroundColor,
-  handleBorderColor,
-  handleCursors,
-  handleFontSize,
-  labelHeight,
-  margin
-};
-//# sourceMappingURL=styleHelpers.js.map
+
+export { borderRadius, circleValues, containerHeight, handleBackgroundColor, handleBorderColor, handleCursors, handleFontSize, labelHeight, margin };

package/esm/index.js

@@ -1,8 +1,14 @@
-import * as React from "react";
-export * from "./controlled-checkbox";
-export * from "./controlled-date-range-picker";
-export * from "./controlled-date-time-picker";
-export * from "./controlled-toggle";
-export * from "./controlled-autocomplete";
-export * from "./controlled-combobox";
-//# sourceMappingURL=index.js.map
+export { DSControlledCheckbox, DSControlledCheckboxWithSchema } from './controlled-checkbox/ControlledCheckbox.js';
+export { DSControlledDateRangePicker, DSControlledDateRangePickerWithSchema } from './controlled-date-range-picker/ControlledDateRangePicker.js';
+export { ControlledDateRangePickerDatatestid } from './controlled-date-range-picker/ControlledDateRangePickerDatatestid.js';
+export { CONTROLLED_DATE_RANGE_PICKER_TYPES } from './controlled-date-range-picker/ControlledDateRangePickerTypes.js';
+export { DSControlledDateTimePicker, DSControlledDateTimePickerWithSchema } from './controlled-date-time-picker/ControlledDateTimePicker.js';
+export { ControlledDateTimePickerDatatestid } from './controlled-date-time-picker/ControlledDateTimePickerDatatestid.js';
+export { CONTROLLED_DATE_TIME_PICKER_TYPES } from './controlled-date-time-picker/ControlledDateTimePickerTypes.js';
+export { deconstructValuesFromDateString, prependStringWithPlaceHolders } from './controlled-date-time-picker/utils/stringHelpers.js';
+export { getValidationDateTimeStringMetaInfo } from './controlled-date-time-picker/utils/dateTimeHelpers.js';
+export { getDateStringFromDay, getDateValuesFromDate, getDayFromDateString, getValidationDateStringMetaInfo } from './controlled-date-time-picker/utils/dateHelpers.js';
+export { getValidationTimeStringMetaInfo } from './controlled-date-time-picker/utils/timeHelpers.js';
+export { DSControlledToggle, DSControlledToggleWithSchema } from './controlled-toggle/ControlledToggle.js';
+export { DSAutocomplete, DSAutocompleteWithSchema } from './controlled-autocomplete/Autocomplete.js';
+export { DSComboBox, DSComboBoxWithSchema } from './controlled-combobox/ComboBox.js';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elliemae/ds-controlled-form",
-  "version": "2.2.0-alpha.4",
+  "version": "3.0.0-next.2",
   "license": "MIT",
   "description": "ICE MT - Dimsum - Controlled Form Controllers",
   "module": "./esm/index.js",
@@ -744,31 +744,31 @@
     "build": "node ../../scripts/build/build.js"
   },
   "dependencies": {
-    "@elliemae/ds-button": "2.2.0-alpha.4",
-    "@elliemae/ds-form-layout-blocks": "2.2.0-alpha.4",
-    "@elliemae/ds-grid": "2.2.0-alpha.4",
-    "@elliemae/ds-icon": "2.2.0-alpha.4",
-    "@elliemae/ds-icons": "2.2.0-alpha.4",
-    "@elliemae/ds-props-helpers": "2.2.0-alpha.4",
-    "@elliemae/ds-system": "2.2.0-alpha.4",
-    "@elliemae/ds-tooltip": "2.2.0-alpha.4",
-    "@elliemae/ds-truncated-tooltip-text": "2.2.0-alpha.4",
+    "@elliemae/ds-button": "3.0.0-next.2",
+    "@elliemae/ds-form-layout-blocks": "3.0.0-next.2",
+    "@elliemae/ds-grid": "3.0.0-next.2",
+    "@elliemae/ds-icon": "3.0.0-next.2",
+    "@elliemae/ds-icons": "3.0.0-next.2",
+    "@elliemae/ds-props-helpers": "3.0.0-next.2",
+    "@elliemae/ds-system": "3.0.0-next.2",
+    "@elliemae/ds-tooltip": "3.0.0-next.2",
+    "@elliemae/ds-truncated-tooltip-text": "3.0.0-next.2",
     "prop-types": "~15.7.2",
     "react-desc": "~4.1.3",
     "react-popper": "~2.2.5",
     "uid": "~2.0.0"
   },
   "devDependencies": {
-    "@elliemae/pui-theme": "~2.3.0",
+    "@elliemae/pui-theme": "~2.2.5",
     "@testing-library/dom": "~8.11.1",
-    "@testing-library/jest-dom": "~5.16.1",
+    "@testing-library/jest-dom": "~5.15.0",
     "@testing-library/react": "~12.1.2",
     "@testing-library/user-event": "~13.5.0",
     "styled-components": "~5.3.3",
     "styled-system": "~5.1.5"
   },
   "peerDependencies": {
-    "@elliemae/pui-theme": "^2.3.0",
+    "@elliemae/pui-theme": "^2.2.5",
     "react": "^17.0.2",
     "react-dom": "^17.0.2",
     "styled-components": "^5.3.3",

package/types/controlled-combobox/ComboBox.d.ts

@@ -62,4 +62,4 @@ declare const DSComboBoxWithSchema: {
     propTypes: unknown;
     toTypescript: () => import("react-desc").TypescriptSchema;
 };
-export { DSComboBox, DSComboBoxWithSchema, DSComboBox as DSComboBoxV3 };
+export { DSComboBox, DSComboBoxWithSchema };

package/types/controlled-combobox/parts/dropdown-indicator/DropdownIndicator.d.ts

@@ -1,4 +1,3 @@
 /// <reference types="react" />
 declare const DropdownIndicator: () => JSX.Element;
-export { DropdownIndicator };
 export default DropdownIndicator;

package/cjs/controlled-autocomplete/Autocomplete.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/controlled-autocomplete/Autocomplete.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["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", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkB;AAClB,wBAAyB;AACzB,8BAA6E;AAC7E,6BAAgC;AAChC,uBAA0B;AAC1B,uBAA0B;AAC1B,6BAAkD;AAGlD,MAAM,iBAAiB,CAAC,UAA2C;AACjE,QAAM,mBAAmB,0DAA6B,OAAO;AAE7D,8DAA+B,kBAAkB;AACjD,QAAM,MAAM,4CAAgB;AAC5B,SACE,mDAAC,2CAAoB,UAArB;AAAA,IAA8B,OAAO;AAAA,KACnC,mDAAC,4BAAD;AAAA;AAIN,eAAe,YAAY;AAC3B,MAAM,2BAA2B,gCAAS;AAC1C,yBAAyB,YAAY;",
-  "names": []
-}

package/cjs/controlled-autocomplete/AutocompleteCTX.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/controlled-autocomplete/AutocompleteCTX.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["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", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAyC;AACzC,oBAAqB;AAId,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,gCAAoC;AAEvE,IAAO,0BAAQ;",
-  "names": []
-}

package/cjs/controlled-autocomplete/AutocompleteDataTestids.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/controlled-autocomplete/AutocompleteDataTestids.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["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", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAhB,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/cjs/controlled-autocomplete/config/constants.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../src/controlled-autocomplete/config/constants.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["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", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAhB,MAAM,cAAc;AAAA,EACzB,oBAAoB;AAAA,EACpB,oBAAoB;AAAA,EACpB,kBAAkB;AAAA,EAClB,uBAAuB;AAAA,EACvB,iBAAiB;AAAA,EACjB,UAAU;AAAA;",
-  "names": []
-}

package/cjs/controlled-autocomplete/config/useAutocomplete.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../src/controlled-autocomplete/config/useAutocomplete.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["/* 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", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADIvB,mBAAuD;AACvD,2BAA2B;AAC3B,oCAAoD;AAG7C,MAAM,kBAAkB,CAAC,UAA6D;AAC3F,QAAM,CAAC,aAAa,kBAAkB,2BAAkB;AACxD,QAAM,CAAC,kBAAkB,uBAAuB,2BAA6B;AAE7E,QAAM,CAAC,gBAAgB,oBAAoB,2BAAiB;AAC5D,QAAM,WAAW,yBAAyB;AAC1C,QAAM,UAAU,yBAAuB;AACvC,QAAM,iBAAiB,yBAAuB;AAE9C,QAAM,qBAAqB,yBAAuB;AAClD,QAAM,qBAAqB,yBAAuB;AAElD,QAAM,oBAAoB,uEAAoC;AAC9D,QAAM,EAAE,YAAY;AAMpB,QAAM,qBAAoD,qCAAW;AAAA,IACnE,MAAM,QAAQ;AAAA,IACd,WAAW;AAAA,IACX,UAAU;AAAA,IACV,cAAc;AAAA;AAMhB,QAAM,uBAAuB,8BAC3B,CAAC,MAAc,OAAO,EAAE,OAAO,eAAe;AAC5C,uBAAmB,cACjB,QAAQ,UAAU,CAAC,QAAQ,IAAI,SAAS,OACxC;AAAA,KAGJ,CAAC,SAAS;AAGZ,QAAM,MAAM,0BACV,MAAO;AAAA,IACL,OAAO,KAAK;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/cjs/controlled-autocomplete/config/useGetPropsWithDefault.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../src/controlled-autocomplete/config/useGetPropsWithDefault.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["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", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,8BAA6C;AAC7C,6BAA6B;AAGtB,MAAM,sCAAsC,CAAC,UAClD,0DAA6B,OAAO;",
-  "names": []
-}

package/cjs/controlled-autocomplete/index.d.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/controlled-autocomplete/index.d.ts", "../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import React from 'react';\nimport { useVirtual } from 'react-virtual';\nimport { LayoutProps } from 'styled-system';\n\ninterface CommonCBItemOptions {\n  dsId: string;\n  render?: React.ComponentType<unknown>;\n}\n\nexport interface CBOptionT extends CommonCBItemOptions {\n  value: string | undefined;\n  label: string;\n  type: 'option';\n  disabled?: boolean;\n}\n\nexport interface AutocompletePropsT {\n  placeholder?: string;\n  options: CBOptionT[];\n  selectedValues: string | '';\n  isLoading?: boolean;\n  hasError?: boolean;\n  autoFocus?: boolean;\n  startPlacementPreference: string;\n  placementOrderPreference: string[];\n  inputMinWidth?: LayoutProps['minWidth'];\n  menuMinWidth?: LayoutProps['minWidth'];\n  menuMaxHeight?: LayoutProps['maxHeight'];\n  onKeyDown: (e: KeyboardEvent<Element>, value: CBOptionT | undefined) => void;\n  onChange: (value: CBItemValue) => void;\n  onFilter: (value: string) => void;\n  onMenuOpen?: () => void;\n}\n\nexport interface AutocompleteContextT {\n  props: AutocompletePropsT;\n  virtualListHelpers?: ReturnType<typeof useVirtual>;\n  showPopover: boolean;\n  setShowPopover: React.Dispatch<React.SetStateAction<boolean>>;\n  referenceElement: HTMLElement | null;\n  setReferenceElement: React.Dispatch<React.SetStateAction<HTMLElement | null>>;\n  scrollOptionIntoView: (dsId: string, opts?: any) => void;\n  inputRef: React.RefObject<HTMLInputElement>;\n  listRef: React.RefObject<HTMLDivElement>;\n  wrapperListRef: React.RefObject<HTMLDivElement>;\n  selectedOptionsRef: React.RefObject<HTMLDivElement>;\n  controlsWrapperRef: React.RefObject<HTMLDivElement>;\n  focusOptionIdx: string;\n  setCurrentOption: React.Dispatch<React.SetStateAction<string>>;\n}\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;AAAA;ACAA,YAAuB;",
-  "names": []
-}

package/cjs/controlled-autocomplete/index.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/controlled-autocomplete/index.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["// export { CBContainer, CBContainerWithSchema } from './parts/cb-container';\nexport * from './Autocomplete';\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;AAAA;ACAA,YAAuB;ADCvB,4CAAc;",
-  "names": []
-}

package/cjs/controlled-autocomplete/parts/a11y-messages/MultiAllyMessages.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../src/controlled-autocomplete/parts/a11y-messages/MultiAllyMessages.tsx", "../../../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import React, { useContext } from 'react';\nimport { CBItemOption } from '../../index.d';\nimport { AutocompleteContext } from '../../AutocompleteCTX';\nimport { getSelectableOptions } from '../../utils/listHelper';\nimport { StyledA11ySelectedValues } from './styled';\nconst MultiAllyMessages = (): JSX.Element => {\n  const {\n    props: { options, selectedValues },\n  } = useContext(AutocompleteContext);\n  const selectableOptions = getSelectableOptions(options);\n\n  const multipleSelectedValues = selectedValues as CBItemOption[];\n  return (\n    <StyledA11ySelectedValues aria-live=\"polite\" aria-atomic=\"false\" aria-relevant=\"additions text\">\n      {`Options selected: ${multipleSelectedValues.map((item) => item.label).join(', ')}. ${\n        multipleSelectedValues.length\n      } of ${selectableOptions.length}`}\n    </StyledA11ySelectedValues>\n  );\n};\n\nexport { MultiAllyMessages };\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkC;AAElC,6BAAoC;AACpC,wBAAqC;AACrC,oBAAyC;AACzC,MAAM,oBAAoB,MAAmB;AAC3C,QAAM;AAAA,IACJ,OAAO,EAAE,SAAS;AAAA,MAChB,6BAAW;AACf,QAAM,oBAAoB,4CAAqB;AAE/C,QAAM,yBAAyB;AAC/B,SACE,mDAAC,wCAAD;AAAA,IAA0B,aAAU;AAAA,IAAS,eAAY;AAAA,IAAQ,iBAAc;AAAA,KAC5E,qBAAqB,uBAAuB,IAAI,CAAC,SAAS,KAAK,OAAO,KAAK,UAC1E,uBAAuB,aAClB,kBAAkB;AAAA;",
-  "names": []
-}

package/cjs/controlled-autocomplete/parts/a11y-messages/SingleAllyMessages.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../src/controlled-autocomplete/parts/a11y-messages/SingleAllyMessages.tsx", "../../../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import React, { useContext } from 'react';\nimport { CBItemOption } from '../../index.d';\nimport { AutocompleteContext } from '../../AutocompleteCTX';\nimport { StyledA11ySelectedValues } from './styled';\nconst SingleAllyMessages = (): JSX.Element => {\n  const {\n    props: { selectedValues },\n  } = useContext(AutocompleteContext);\n\n  const singleSelectedValue = selectedValues as CBItemOption;\n  return (\n    <StyledA11ySelectedValues aria-live=\"polite\" aria-atomic=\"false\" aria-relevant=\"additions text\">\n      {`Option selected: ${singleSelectedValue.label}.`}\n    </StyledA11ySelectedValues>\n  );\n};\n\nexport { SingleAllyMessages };\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkC;AAElC,6BAAoC;AACpC,oBAAyC;AACzC,MAAM,qBAAqB,MAAmB;AAC5C,QAAM;AAAA,IACJ,OAAO,EAAE;AAAA,MACP,6BAAW;AAEf,QAAM,sBAAsB;AAC5B,SACE,mDAAC,wCAAD;AAAA,IAA0B,aAAU;AAAA,IAAS,eAAY;AAAA,IAAQ,iBAAc;AAAA,KAC5E,oBAAoB,oBAAoB;AAAA;",
-  "names": []
-}

package/cjs/controlled-autocomplete/parts/a11y-messages/index.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../src/controlled-autocomplete/parts/a11y-messages/index.tsx", "../../../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["export { MultiAllyMessages } from './MultiAllyMessages';\nexport { SingleAllyMessages } from './SingleAllyMessages';\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,+BAAkC;AAClC,gCAAmC;",
-  "names": []
-}

package/cjs/controlled-autocomplete/parts/a11y-messages/styled.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../src/controlled-autocomplete/parts/a11y-messages/styled.tsx", "../../../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import styled from 'styled-components';\n\nexport const StyledA11ySelectedValues = styled.span`\n  width: 1px;\n  height: 1px;\n  position: absolute;\n  clip: rect(1px, 1px, 1px, 1px);\n`;\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,+BAAmB;AAEZ,MAAM,2BAA2B,iCAAO;AAAA;AAAA;AAAA;AAAA;AAAA;",
-  "names": []
-}