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

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

@@ -1,50 +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 __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 MultiAllyMessages_exports = {};
-__export(MultiAllyMessages_exports, {
-  MultiAllyMessages: () => MultiAllyMessages
-});
-var React = __toESM(require("react"));
-var import_react = __toESM(require("react"));
-var import_AutocompleteCTX = require("../../AutocompleteCTX");
-var import_listHelper = require("../../utils/listHelper");
-var import_styled = require("./styled");
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _jsx = require('@babel/runtime/helpers/jsx');
+require('core-js/modules/esnext.async-iterator.map.js');
+require('core-js/modules/esnext.iterator.map.js');
+var React = require('react');
+var AutocompleteCTX = require('../../AutocompleteCTX.js');
+var listHelper = require('../../utils/listHelper.js');
+var styled = require('./styled.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
+
 const MultiAllyMessages = () => {
   const {
-    props: { options, selectedValues }
-  } = (0, import_react.useContext)(import_AutocompleteCTX.AutocompleteContext);
-  const selectableOptions = (0, import_listHelper.getSelectableOptions)(options);
+    props: {
+      options,
+      selectedValues
+    }
+  } = React.useContext(AutocompleteCTX.AutocompleteContext);
+  const selectableOptions = listHelper.getSelectableOptions(options);
   const multipleSelectedValues = selectedValues;
-  return /* @__PURE__ */ import_react.default.createElement(import_styled.StyledA11ySelectedValues, {
+  return /*#__PURE__*/_jsx__default["default"](styled.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));
 };
-module.exports = __toCommonJS(MultiAllyMessages_exports);
-//# sourceMappingURL=MultiAllyMessages.js.map
+
+exports.MultiAllyMessages = MultiAllyMessages;

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

@@ -1,48 +1,28 @@
-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 SingleAllyMessages_exports = {};
-__export(SingleAllyMessages_exports, {
-  SingleAllyMessages: () => SingleAllyMessages
-});
-var React = __toESM(require("react"));
-var import_react = __toESM(require("react"));
-var import_AutocompleteCTX = require("../../AutocompleteCTX");
-var import_styled = require("./styled");
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _jsx = require('@babel/runtime/helpers/jsx');
+var React = require('react');
+var AutocompleteCTX = require('../../AutocompleteCTX.js');
+var styled = require('./styled.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
+
 const SingleAllyMessages = () => {
   const {
-    props: { selectedValues }
-  } = (0, import_react.useContext)(import_AutocompleteCTX.AutocompleteContext);
+    props: {
+      selectedValues
+    }
+  } = React.useContext(AutocompleteCTX.AutocompleteContext);
   const singleSelectedValue = selectedValues;
-  return /* @__PURE__ */ import_react.default.createElement(import_styled.StyledA11ySelectedValues, {
+  return /*#__PURE__*/_jsx__default["default"](styled.StyledA11ySelectedValues, {
     "aria-live": "polite",
     "aria-atomic": "false",
     "aria-relevant": "additions text"
-  }, `Option selected: ${singleSelectedValue.label}.`);
+  }, void 0, "Option selected: ".concat(singleSelectedValue.label, "."));
 };
-module.exports = __toCommonJS(SingleAllyMessages_exports);
-//# sourceMappingURL=SingleAllyMessages.js.map
+
+exports.SingleAllyMessages = SingleAllyMessages;

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

@@ -1,37 +1,11 @@
-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 a11y_messages_exports = {};
-__export(a11y_messages_exports, {
-  MultiAllyMessages: () => import_MultiAllyMessages.MultiAllyMessages,
-  SingleAllyMessages: () => import_SingleAllyMessages.SingleAllyMessages
-});
-var React = __toESM(require("react"));
-var import_MultiAllyMessages = require("./MultiAllyMessages");
-var import_SingleAllyMessages = require("./SingleAllyMessages");
-module.exports = __toCommonJS(a11y_messages_exports);
-//# sourceMappingURL=index.js.map
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var MultiAllyMessages = require('./MultiAllyMessages.js');
+var SingleAllyMessages = require('./SingleAllyMessages.js');
+
+
+
+exports.MultiAllyMessages = MultiAllyMessages.MultiAllyMessages;
+exports.SingleAllyMessages = SingleAllyMessages.SingleAllyMessages;

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

@@ -1,41 +1,15 @@
-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 styled_exports = {};
-__export(styled_exports, {
-  StyledA11ySelectedValues: () => StyledA11ySelectedValues
-});
-var React = __toESM(require("react"));
-var import_styled_components = __toESM(require("styled-components"));
-const StyledA11ySelectedValues = import_styled_components.default.span`
-  width: 1px;
-  height: 1px;
-  position: absolute;
-  clip: rect(1px, 1px, 1px, 1px);
-`;
-module.exports = __toCommonJS(styled_exports);
-//# sourceMappingURL=styled.js.map
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var styled = require('styled-components');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
+
+const StyledA11ySelectedValues = /*#__PURE__*/styled__default["default"].span.withConfig({
+  componentId: "sc-1yqq7du-0"
+})(["width:1px;height:1px;position:absolute;clip:rect(1px,1px,1px,1px);"]);
+
+exports.StyledA11ySelectedValues = StyledA11ySelectedValues;

package/cjs/controlled-autocomplete/parts/container/Container.js

@@ -1,76 +1,63 @@
-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 Container_exports = {};
-__export(Container_exports, {
-  Container: () => Container
-});
-var React = __toESM(require("react"));
-var import_react = __toESM(require("react"));
-var import_ds_popperjs = require("@elliemae/ds-popperjs");
-var import_AutocompleteCTX = require("../../AutocompleteCTX");
-var import_styled = require("./styled");
-var import_controls = require("../controls");
-var import_menu_list = require("../menu-list");
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _jsx = require('@babel/runtime/helpers/jsx');
+var React = require('react');
+var dsPopperjs = require('@elliemae/ds-popperjs');
+var AutocompleteCTX = require('../../AutocompleteCTX.js');
+var styled = require('./styled.js');
+var Controls = require('../controls/Controls.js');
+var MenuList = require('../menu-list/MenuList.js');
+var jsxRuntime = require('react/jsx-runtime');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
+
+var _Controls, _MenuList, _MenuList2;
+
 const Container = () => {
   const {
-    props: { inline, startPlacementPreference, placementOrderPreference },
+    props: {
+      inline,
+      startPlacementPreference,
+      placementOrderPreference
+    },
     showPopover,
     inputRef,
     setReferenceElement,
     setShowPopover,
     referenceElement
-  } = (0, import_react.useContext)(import_AutocompleteCTX.AutocompleteContext);
-  const handleCloseMenu = (0, import_react.useCallback)(() => {
+  } = React.useContext(AutocompleteCTX.AutocompleteContext);
+  const handleCloseMenu = React.useCallback(() => {
     setShowPopover(false);
-    if (inputRef.current)
-      inputRef.current.blur();
+    if (inputRef.current) inputRef.current.blur();
   }, [inputRef, setShowPopover]);
-  const handleMouseDown = (0, import_react.useCallback)((e) => {
+  const handleMouseDown = React.useCallback(e => {
     e.preventDefault();
   }, []);
-  const StyledContainer = inline ? import_styled.StyledContainerInline : import_styled.StyledContainerWithPopper;
-  return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement(StyledContainer, {
-    ref: setReferenceElement
-  }, /* @__PURE__ */ import_react.default.createElement(import_controls.Controls, null), inline ? /* @__PURE__ */ import_react.default.createElement(import_menu_list.MenuList, null) : null), /* @__PURE__ */ import_react.default.createElement(import_ds_popperjs.DSPopperJS, {
-    customOffset: [0, 5],
-    closeContextMenu: handleCloseMenu,
-    referenceElement,
-    showPopover,
-    startPlacementPreference,
-    placementOrderPreference,
-    withoutPortal: true,
-    withoutArrow: true,
-    withoutAnimation: true,
-    zIndex: 10
-  }, /* @__PURE__ */ import_react.default.createElement(import_styled.StyledPopperWrapper, {
-    tabIndex: -1,
-    onMouseDown: handleMouseDown
-  }, /* @__PURE__ */ import_react.default.createElement(import_menu_list.MenuList, null))));
+  const StyledContainer = inline ? styled.StyledContainerInline : styled.StyledContainerWithPopper;
+  return /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
+    children: [/*#__PURE__*/jsxRuntime.jsxs(StyledContainer, {
+      ref: setReferenceElement,
+      children: [_Controls || (_Controls = /*#__PURE__*/_jsx__default["default"](Controls.Controls, {})), inline ? _MenuList || (_MenuList = /*#__PURE__*/_jsx__default["default"](MenuList.MenuList, {})) : null]
+    }), /*#__PURE__*/_jsx__default["default"](dsPopperjs.DSPopperJS, {
+      customOffset: [0, 5],
+      closeContextMenu: handleCloseMenu,
+      referenceElement: referenceElement,
+      showPopover: showPopover,
+      startPlacementPreference: startPlacementPreference,
+      placementOrderPreference: placementOrderPreference,
+      withoutPortal: true,
+      withoutArrow: true,
+      withoutAnimation: true,
+      zIndex: 10
+    }, void 0, /*#__PURE__*/_jsx__default["default"](styled.StyledPopperWrapper, {
+      tabIndex: -1,
+      onMouseDown: handleMouseDown
+    }, void 0, _MenuList2 || (_MenuList2 = /*#__PURE__*/_jsx__default["default"](MenuList.MenuList, {}))))]
+  });
 };
-module.exports = __toCommonJS(Container_exports);
-//# sourceMappingURL=Container.js.map
+
+exports.Container = Container;

package/cjs/controlled-autocomplete/parts/container/index.js

@@ -1,35 +1,9 @@
-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 container_exports = {};
-__export(container_exports, {
-  Container: () => import_Container.Container
-});
-var React = __toESM(require("react"));
-var import_Container = require("./Container");
-module.exports = __toCommonJS(container_exports);
-//# sourceMappingURL=index.js.map
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var Container = require('./Container.js');
+
+
+
+exports.Container = Container.Container;

package/cjs/controlled-autocomplete/parts/container/styled.js

@@ -1,51 +1,23 @@
-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 styled_exports = {};
-__export(styled_exports, {
-  StyledContainerInline: () => StyledContainerInline,
-  StyledContainerWithPopper: () => StyledContainerWithPopper,
-  StyledPopperWrapper: () => StyledPopperWrapper
-});
-var React = __toESM(require("react"));
-var import_styled_components = __toESM(require("styled-components"));
-const StyledContainerWithPopper = import_styled_components.default.div`
-  width: 100%;
-  height: 28px;
-  position: relative;
-`;
-const StyledContainerInline = import_styled_components.default.div`
-  width: 100%;
-  position: relative;
-`;
-const StyledPopperWrapper = import_styled_components.default.div`
-  background: #fff;
-  overflow: auto;
-  position: relative;
-`;
-module.exports = __toCommonJS(styled_exports);
-//# sourceMappingURL=styled.js.map
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var styled = require('styled-components');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
+
+const StyledContainerWithPopper = /*#__PURE__*/styled__default["default"].div.withConfig({
+  componentId: "sc-1xmjot4-0"
+})(["width:100%;height:28px;position:relative;"]);
+const StyledContainerInline = /*#__PURE__*/styled__default["default"].div.withConfig({
+  componentId: "sc-1xmjot4-1"
+})(["width:100%;position:relative;"]);
+const StyledPopperWrapper = /*#__PURE__*/styled__default["default"].div.withConfig({
+  componentId: "sc-1xmjot4-2"
+})(["background:#fff;overflow:auto;position:relative;"]);
+
+exports.StyledContainerInline = StyledContainerInline;
+exports.StyledContainerWithPopper = StyledContainerWithPopper;
+exports.StyledPopperWrapper = StyledPopperWrapper;

package/cjs/controlled-autocomplete/parts/controls/Controls.js

@@ -1,72 +1,63 @@
-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 Controls_exports = {};
-__export(Controls_exports, {
-  Controls: () => Controls
-});
-var React = __toESM(require("react"));
-var import_react = __toESM(require("react"));
-var import_AutocompleteCTX = require("../../AutocompleteCTX");
-var import_useKeyboardNavigation = require("../../utils/hooks/useKeyboardNavigation");
-var import_useControlsInput = require("./useControlsInput");
-var import_styled = require("./styled");
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _jsx = require('@babel/runtime/helpers/jsx');
+var React = require('react');
+var AutocompleteCTX = require('../../AutocompleteCTX.js');
+var useKeyboardNavigation = require('../../utils/hooks/useKeyboardNavigation.js');
+var useControlsInput = require('./useControlsInput.js');
+var styled = require('./styled.js');
+var jsxRuntime = require('react/jsx-runtime');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
+
 const Controls = () => {
   const {
-    props: { autoFocus, hasError, placeholder, inputMinWidth },
+    props: {
+      autoFocus,
+      hasError,
+      placeholder,
+      inputMinWidth
+    },
     inputRef,
     showPopover,
     focusOptionIdx,
     controlsWrapperRef
-  } = (0, import_react.useContext)(import_AutocompleteCTX.AutocompleteContext);
-  const { onInputKeyDown } = (0, import_useKeyboardNavigation.useKeyboardNavigation)();
-  const { handleOnBlur, handleOnInputMouseDown, handleOnChange } = (0, import_useControlsInput.useControlsInput)();
-  return /* @__PURE__ */ import_react.default.createElement(import_styled.StyledControlsWrapper, {
+  } = React.useContext(AutocompleteCTX.AutocompleteContext);
+  const {
+    onInputKeyDown
+  } = useKeyboardNavigation.useKeyboardNavigation();
+  const {
+    handleOnBlur,
+    handleOnInputMouseDown,
+    handleOnChange
+  } = useControlsInput.useControlsInput();
+  return /*#__PURE__*/jsxRuntime.jsx(styled.StyledControlsWrapper, {
     ref: controlsWrapperRef,
-    cols: ["minmax(20px, auto)"],
+    cols: ['minmax(20px, auto)'],
     minWidth: inputMinWidth,
-    hasError
-  }, /* @__PURE__ */ import_react.default.createElement(import_styled.StyledInputWrapper, null, /* @__PURE__ */ import_react.default.createElement(import_styled.StyledInput, {
-    autoFocus,
-    "aria-labelledby": "combo-label",
-    "aria-controls": "combo-listbox",
-    "aria-owns": "combo-listbox",
-    "aria-activedescendant": focusOptionIdx,
-    "aria-expanded": showPopover,
-    "aria-haspopup": "listbox",
-    placeholder,
-    role: "combobox",
-    ref: inputRef,
-    type: "text",
-    onKeyDown: onInputKeyDown,
-    onChange: handleOnChange,
-    onBlur: handleOnBlur,
-    onClick: handleOnInputMouseDown
-  })));
+    hasError: hasError,
+    children: /*#__PURE__*/_jsx__default["default"](styled.StyledInputWrapper, {}, void 0, /*#__PURE__*/jsxRuntime.jsx(styled.StyledInput, {
+      autoFocus: autoFocus,
+      "aria-labelledby": "combo-label",
+      "aria-controls": "combo-listbox",
+      "aria-owns": "combo-listbox",
+      "aria-activedescendant": focusOptionIdx,
+      "aria-expanded": showPopover,
+      "aria-haspopup": "listbox",
+      placeholder: placeholder,
+      role: "combobox",
+      ref: inputRef,
+      type: "text",
+      onKeyDown: onInputKeyDown,
+      onChange: handleOnChange,
+      onBlur: handleOnBlur,
+      onClick: handleOnInputMouseDown
+    }))
+  });
 };
-module.exports = __toCommonJS(Controls_exports);
-//# sourceMappingURL=Controls.js.map
+
+exports.Controls = Controls;