@elliemae/ds-controlled-form 2.2.0-alpha.3 → 3.0.0-next.0

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

@@ -1,81 +1,56 @@
-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"));
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
 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) {
@@ -90,7 +65,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) {
@@ -107,11 +86,18 @@ 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';
 };
-module.exports = __toCommonJS(styleHelpers_exports);
-//# sourceMappingURL=styleHelpers.js.map
+
+exports.borderRadius = borderRadius;
+exports.circleValues = circleValues;
+exports.containerHeight = containerHeight;
+exports.handleBackgroundColor = handleBackgroundColor;
+exports.handleBorderColor = handleBorderColor;
+exports.handleCursors = handleCursors;
+exports.handleFontSize = handleFontSize;
+exports.labelHeight = labelHeight;
+exports.margin = margin;

package/cjs/index.js

@@ -1,33 +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 __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, __toESM(require("./controlled-checkbox")));
-__reExport(src_exports, __toESM(require("./controlled-date-range-picker")));
-__reExport(src_exports, __toESM(require("./controlled-date-time-picker")));
-__reExport(src_exports, __toESM(require("./controlled-toggle")));
-__reExport(src_exports, __toESM(require("./controlled-autocomplete")));
-__reExport(src_exports, __toESM(require("./controlled-combobox")));
-module.exports = __toCommonJS(src_exports);
-//# sourceMappingURL=index.js.map
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var ControlledCheckbox = require('./controlled-checkbox/ControlledCheckbox.js');
+var ControlledDateRangePicker = require('./controlled-date-range-picker/ControlledDateRangePicker.js');
+var ControlledDateRangePickerDatatestid = require('./controlled-date-range-picker/ControlledDateRangePickerDatatestid.js');
+var ControlledDateRangePickerTypes = require('./controlled-date-range-picker/ControlledDateRangePickerTypes.js');
+var ControlledDateTimePicker = require('./controlled-date-time-picker/ControlledDateTimePicker.js');
+var ControlledDateTimePickerDatatestid = require('./controlled-date-time-picker/ControlledDateTimePickerDatatestid.js');
+var ControlledDateTimePickerTypes = require('./controlled-date-time-picker/ControlledDateTimePickerTypes.js');
+var stringHelpers = require('./controlled-date-time-picker/utils/stringHelpers.js');
+var dateTimeHelpers = require('./controlled-date-time-picker/utils/dateTimeHelpers.js');
+var dateHelpers = require('./controlled-date-time-picker/utils/dateHelpers.js');
+var timeHelpers = require('./controlled-date-time-picker/utils/timeHelpers.js');
+var ControlledToggle = require('./controlled-toggle/ControlledToggle.js');
+var Autocomplete = require('./controlled-autocomplete/Autocomplete.js');
+var ComboBox = require('./controlled-combobox/ComboBox.js');
+
+
+
+exports.DSControlledCheckbox = ControlledCheckbox.DSControlledCheckbox;
+exports.DSControlledCheckboxWithSchema = ControlledCheckbox.DSControlledCheckboxWithSchema;
+exports.DSControlledDateRangePicker = ControlledDateRangePicker.DSControlledDateRangePicker;
+exports.DSControlledDateRangePickerWithSchema = ControlledDateRangePicker.DSControlledDateRangePickerWithSchema;
+exports.ControlledDateRangePickerDatatestid = ControlledDateRangePickerDatatestid.ControlledDateRangePickerDatatestid;
+exports.CONTROLLED_DATE_RANGE_PICKER_TYPES = ControlledDateRangePickerTypes.CONTROLLED_DATE_RANGE_PICKER_TYPES;
+exports.DSControlledDateTimePicker = ControlledDateTimePicker.DSControlledDateTimePicker;
+exports.DSControlledDateTimePickerWithSchema = ControlledDateTimePicker.DSControlledDateTimePickerWithSchema;
+exports.ControlledDateTimePickerDatatestid = ControlledDateTimePickerDatatestid.ControlledDateTimePickerDatatestid;
+exports.CONTROLLED_DATE_TIME_PICKER_TYPES = ControlledDateTimePickerTypes.CONTROLLED_DATE_TIME_PICKER_TYPES;
+exports.deconstructValuesFromDateString = stringHelpers.deconstructValuesFromDateString;
+exports.prependStringWithPlaceHolders = stringHelpers.prependStringWithPlaceHolders;
+exports.getValidationDateTimeStringMetaInfo = dateTimeHelpers.getValidationDateTimeStringMetaInfo;
+exports.getDateStringFromDay = dateHelpers.getDateStringFromDay;
+exports.getDateValuesFromDate = dateHelpers.getDateValuesFromDate;
+exports.getDayFromDateString = dateHelpers.getDayFromDateString;
+exports.getValidationDateStringMetaInfo = dateHelpers.getValidationDateStringMetaInfo;
+exports.getValidationTimeStringMetaInfo = timeHelpers.getValidationTimeStringMetaInfo;
+exports.DSControlledToggle = ControlledToggle.DSControlledToggle;
+exports.DSControlledToggleWithSchema = ControlledToggle.DSControlledToggleWithSchema;
+exports.DSAutocomplete = Autocomplete.DSAutocomplete;
+exports.DSAutocompleteWithSchema = Autocomplete.DSAutocompleteWithSchema;
+exports.DSComboBox = ComboBox.DSComboBox;
+exports.DSComboBoxWithSchema = ComboBox.DSComboBoxWithSchema;

package/esm/controlled-autocomplete/Autocomplete.js

@@ -1,24 +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) => {
+import _jsx from '@babel/runtime/helpers/esm/jsx';
+import 'react';
+import { describe } from 'react-desc';
+import { useMemoMergePropsWithDefault, useValidateTypescriptPropTypes } from '@elliemae/ds-props-helpers';
+import { useAutocomplete } from './config/useAutocomplete.js';
+import { Container } from './parts/container/Container.js';
+import { propTypes } from './propTypes.js';
+import { defaultProps, AutocompleteContext } from './AutocompleteCTX.js';
+
+var _Container;
+
+const DSAutocomplete = props => {
   const propsWithDefault = useMemoMergePropsWithDefault(props, defaultProps);
   useValidateTypescriptPropTypes(propsWithDefault, propTypes);
   const ctx = useAutocomplete(props);
-  return /* @__PURE__ */ React2.createElement(AutocompleteContext.Provider, {
+  return /*#__PURE__*/_jsx(AutocompleteContext.Provider, {
     value: ctx
-  }, /* @__PURE__ */ React2.createElement(Container, null));
+  }, void 0, _Container || (_Container = /*#__PURE__*/_jsx(Container, {})));
 };
-DSAutocomplete.propTypes = propTypes;
+
 const DSAutocompleteWithSchema = describe(DSAutocomplete);
 DSAutocompleteWithSchema.propTypes = propTypes;
-export {
-  DSAutocomplete,
-  DSAutocompleteWithSchema
-};
-//# sourceMappingURL=Autocomplete.js.map
+
+export { DSAutocomplete, DSAutocompleteWithSchema };

package/esm/controlled-autocomplete/AutocompleteCTX.js

@@ -1,15 +1,16 @@
-import * as React from "react";
-import { createContext, createRef } from "react";
-import { noop } from "lodash";
+import { createContext, createRef } from 'react';
+import { noop } from 'lodash';
+
+// eslint-disable-next-line @typescript-eslint/no-empty-function
 const defaultProps = {
-  placeholder: "",
+  placeholder: '',
   options: [],
-  selectedValues: "",
+  selectedValues: '',
   hasError: false,
   isLoading: false,
   autoFocus: false,
-  startPlacementPreference: "bottom-start",
-  placementOrderPreference: ["bottom-start", "bottom-end"],
+  startPlacementPreference: 'bottom-start',
+  placementOrderPreference: ['bottom-start', 'bottom-end'],
   onChange: noop,
   onKeyDown: noop,
   onFilter: noop,
@@ -22,19 +23,16 @@ const defaultContext = {
   scrollOptionIntoView: noop,
   referenceElement: null,
   setReferenceElement: noop,
-  inputRef: createRef(),
-  listRef: createRef(),
-  wrapperListRef: createRef(),
-  controlsWrapperRef: createRef(),
-  selectedOptionsRef: createRef(),
-  focusOptionIdx: "",
+  inputRef: /*#__PURE__*/createRef(),
+  listRef: /*#__PURE__*/createRef(),
+  wrapperListRef: /*#__PURE__*/createRef(),
+  controlsWrapperRef: /*#__PURE__*/createRef(),
+  selectedOptionsRef: /*#__PURE__*/createRef(),
+  focusOptionIdx: '',
   setCurrentOption: noop
 };
-const AutocompleteContext = createContext(defaultContext);
-var AutocompleteCTX_default = AutocompleteContext;
-export {
-  AutocompleteContext,
-  AutocompleteCTX_default as default,
-  defaultProps
-};
-//# sourceMappingURL=AutocompleteCTX.js.map
+/** Context for cross component communication */
+
+const AutocompleteContext = /*#__PURE__*/createContext(defaultContext);
+
+export { AutocompleteContext, AutocompleteContext as default, defaultProps };

package/esm/controlled-autocomplete/AutocompleteDataTestids.js

@@ -1,16 +1,13 @@
-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"
+  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
+
+export { AutocompleteDataTestid };

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

@@ -1,13 +1,10 @@
-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"
+  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
+
+export { DATA_TESTID };

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

@@ -1,29 +1,50 @@
-import * as React from "react";
-import { useMemo, useState, useRef, useCallback } from "react";
-import { useVirtual } from "react-virtual";
-import { useGetAutocompleteWithDefaultsProps } from "./useGetPropsWithDefault";
-const useAutocomplete = (props) => {
+import 'core-js/modules/esnext.async-iterator.filter.js';
+import 'core-js/modules/esnext.iterator.constructor.js';
+import 'core-js/modules/esnext.iterator.filter.js';
+import 'core-js/modules/esnext.async-iterator.for-each.js';
+import 'core-js/modules/esnext.iterator.for-each.js';
+import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
+import 'core-js/modules/web.dom-collections.iterator.js';
+import { useState, useRef, useCallback, useMemo } from 'react';
+import { useVirtual } from 'react-virtual';
+import { useGetAutocompleteWithDefaultsProps } from './useGetPropsWithDefault.js';
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+const useAutocomplete = props => {
   const [showPopover, setShowPopover] = useState(false);
   const [referenceElement, setReferenceElement] = useState(null);
-  const [focusOptionIdx, setCurrentOption] = useState("");
+  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 {
+    options
+  } = propsWithDefaults; // ===========================================================================
+  // Virtualization setup
+  // ===========================================================================
+
   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);
+  }); // ===========================================================================
+  // Scroll into view function
+  // ===========================================================================
+
+  const scrollOptionIntoView = useCallback(function (dsId) {
+    let opts = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {
+      align: 'center'
+    };
+    virtualListHelpers.scrollToIndex(options.findIndex(opt => opt.dsId === dsId), opts);
   }, [options, virtualListHelpers]);
   const ctx = useMemo(() => ({
-    props: { ...propsWithDefaults },
+    props: _objectSpread({}, propsWithDefaults),
     virtualListHelpers,
     showPopover,
     referenceElement,
@@ -37,22 +58,8 @@ const useAutocomplete = (props) => {
     scrollOptionIntoView,
     setReferenceElement,
     setShowPopover
-  }), [
-    scrollOptionIntoView,
-    propsWithDefaults,
-    virtualListHelpers,
-    focusOptionIdx,
-    wrapperListRef,
-    showPopover,
-    referenceElement,
-    inputRef,
-    selectedOptionsRef,
-    controlsWrapperRef,
-    listRef
-  ]);
+  }), [scrollOptionIntoView, propsWithDefaults, virtualListHelpers, focusOptionIdx, wrapperListRef, showPopover, referenceElement, inputRef, selectedOptionsRef, controlsWrapperRef, listRef]);
   return ctx;
 };
-export {
-  useAutocomplete
-};
-//# sourceMappingURL=useAutocomplete.js.map
+
+export { useAutocomplete };

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

@@ -1,8 +1,7 @@
-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
+import { useMemoMergePropsWithDefault } from '@elliemae/ds-props-helpers';
+import { defaultProps } from '../AutocompleteCTX.js';
+
+// we have to merge the "default" nested default values with what the user gives us...
+const useGetAutocompleteWithDefaultsProps = props => useMemoMergePropsWithDefault(props, defaultProps);
+
+export { useGetAutocompleteWithDefaultsProps };

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

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

package/esm/controlled-autocomplete/index.js

@@ -1,3 +1 @@
-import * as React from "react";
-export * from "./Autocomplete";
-//# sourceMappingURL=index.js.map
+export { DSAutocomplete, DSAutocompleteWithSchema } from './Autocomplete.js';

package/esm/controlled-autocomplete/parts/a11y-messages/MultiAllyMessages.js

@@ -1,21 +1,25 @@
-import * as React from "react";
-import React2, { useContext } from "react";
-import { AutocompleteContext } from "../../AutocompleteCTX";
-import { getSelectableOptions } from "../../utils/listHelper";
-import { StyledA11ySelectedValues } from "./styled";
+import _jsx from '@babel/runtime/helpers/esm/jsx';
+import 'core-js/modules/esnext.async-iterator.map.js';
+import 'core-js/modules/esnext.iterator.map.js';
+import { useContext } from 'react';
+import { AutocompleteContext } from '../../AutocompleteCTX.js';
+import { getSelectableOptions } from '../../utils/listHelper.js';
+import { StyledA11ySelectedValues } from './styled.js';
+
 const MultiAllyMessages = () => {
   const {
-    props: { options, selectedValues }
+    props: {
+      options,
+      selectedValues
+    }
   } = useContext(AutocompleteContext);
   const selectableOptions = getSelectableOptions(options);
   const multipleSelectedValues = selectedValues;
-  return /* @__PURE__ */ React2.createElement(StyledA11ySelectedValues, {
+  return /*#__PURE__*/_jsx(StyledA11ySelectedValues, {
     "aria-live": "polite",
     "aria-atomic": "false",
     "aria-relevant": "additions text"
-  }, `Options selected: ${multipleSelectedValues.map((item) => item.label).join(", ")}. ${multipleSelectedValues.length} of ${selectableOptions.length}`);
+  }, void 0, "Options selected: ".concat(multipleSelectedValues.map(item => item.label).join(', '), ". ").concat(multipleSelectedValues.length, " of ").concat(selectableOptions.length));
 };
-export {
-  MultiAllyMessages
-};
-//# sourceMappingURL=MultiAllyMessages.js.map
+
+export { MultiAllyMessages };

package/esm/controlled-autocomplete/parts/a11y-messages/SingleAllyMessages.js

@@ -1,19 +1,20 @@
-import * as React from "react";
-import React2, { useContext } from "react";
-import { AutocompleteContext } from "../../AutocompleteCTX";
-import { StyledA11ySelectedValues } from "./styled";
+import _jsx from '@babel/runtime/helpers/esm/jsx';
+import { useContext } from 'react';
+import { AutocompleteContext } from '../../AutocompleteCTX.js';
+import { StyledA11ySelectedValues } from './styled.js';
+
 const SingleAllyMessages = () => {
   const {
-    props: { selectedValues }
+    props: {
+      selectedValues
+    }
   } = useContext(AutocompleteContext);
   const singleSelectedValue = selectedValues;
-  return /* @__PURE__ */ React2.createElement(StyledA11ySelectedValues, {
+  return /*#__PURE__*/_jsx(StyledA11ySelectedValues, {
     "aria-live": "polite",
     "aria-atomic": "false",
     "aria-relevant": "additions text"
-  }, `Option selected: ${singleSelectedValue.label}.`);
+  }, void 0, "Option selected: ".concat(singleSelectedValue.label, "."));
 };
-export {
-  SingleAllyMessages
-};
-//# sourceMappingURL=SingleAllyMessages.js.map
+
+export { SingleAllyMessages };

package/esm/controlled-autocomplete/parts/a11y-messages/index.js

@@ -1,8 +1,2 @@
-import * as React from "react";
-import { MultiAllyMessages } from "./MultiAllyMessages";
-import { SingleAllyMessages } from "./SingleAllyMessages";
-export {
-  MultiAllyMessages,
-  SingleAllyMessages
-};
-//# sourceMappingURL=index.js.map
+export { MultiAllyMessages } from './MultiAllyMessages.js';
+export { SingleAllyMessages } from './SingleAllyMessages.js';

package/esm/controlled-autocomplete/parts/a11y-messages/styled.js

@@ -1,12 +1,7 @@
-import * as React from "react";
-import styled from "styled-components";
-const StyledA11ySelectedValues = styled.span`
-  width: 1px;
-  height: 1px;
-  position: absolute;
-  clip: rect(1px, 1px, 1px, 1px);
-`;
-export {
-  StyledA11ySelectedValues
-};
-//# sourceMappingURL=styled.js.map
+import styled from 'styled-components';
+
+const StyledA11ySelectedValues = /*#__PURE__*/styled.span.withConfig({
+  componentId: "sc-1yqq7du-0"
+})(["width:1px;height:1px;position:absolute;clip:rect(1px,1px,1px,1px);"]);
+
+export { StyledA11ySelectedValues };