@elliemae/ds-controlled-form 2.2.0 → 2.3.0-alpha.3

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/controlled-autocomplete/parts/container/styled.tsx", "../../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import styled from 'styled-components';\n\nexport const StyledContainerWithPopper = styled.div`\n  width: 100%;\n  height: 28px;\n  position: relative;\n`;\n\nexport const StyledContainerInline = styled.div`\n  width: 100%;\n  position: relative;\n`;\n\nexport const StyledPopperWrapper = styled.div`\n  background: #fff;\n  overflow: auto;\n  position: relative;\n`;\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,+BAAmB;AAEZ,MAAM,4BAA4B,iCAAO;AAAA;AAAA;AAAA;AAAA;AAMzC,MAAM,wBAAwB,iCAAO;AAAA;AAAA;AAAA;AAKrC,MAAM,sBAAsB,iCAAO;AAAA;AAAA;AAAA;AAAA;",
+  "names": []
+}

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

@@ -1,63 +1,72 @@
-'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);
-
+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");
 const Controls = () => {
   const {
-    props: {
-      autoFocus,
-      hasError,
-      placeholder,
-      inputMinWidth
-    },
+    props: { autoFocus, hasError, placeholder, inputMinWidth },
     inputRef,
     showPopover,
     focusOptionIdx,
     controlsWrapperRef
-  } = React.useContext(AutocompleteCTX.AutocompleteContext);
-  const {
-    onInputKeyDown
-  } = useKeyboardNavigation.useKeyboardNavigation();
-  const {
-    handleOnBlur,
-    handleOnInputMouseDown,
-    handleOnChange
-  } = useControlsInput.useControlsInput();
-  return /*#__PURE__*/jsxRuntime.jsx(styled.StyledControlsWrapper, {
+  } = (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, {
     ref: controlsWrapperRef,
-    cols: ['minmax(20px, auto)'],
+    cols: ["minmax(20px, auto)"],
     minWidth: inputMinWidth,
-    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
-    }))
-  });
+    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
+  })));
 };
-
-exports.Controls = Controls;
+module.exports = __toCommonJS(Controls_exports);
+//# sourceMappingURL=Controls.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/controlled-autocomplete/parts/controls/Controls.tsx", "../../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["/* eslint-disable complexity */\nimport React, { useContext } from 'react';\nimport { AutocompleteContext } from '../../AutocompleteCTX';\nimport { useKeyboardNavigation } from '../../utils/hooks/useKeyboardNavigation';\nimport { useControlsInput } from './useControlsInput';\n\nimport { StyledControlsWrapper, StyledInputWrapper, StyledInput } from './styled';\nconst Controls = (): JSX.Element => {\n  const {\n    props: { autoFocus, hasError, placeholder, inputMinWidth },\n    inputRef,\n    showPopover,\n    focusOptionIdx,\n    controlsWrapperRef,\n  } = useContext(AutocompleteContext);\n\n  const { onInputKeyDown } = useKeyboardNavigation();\n  const { handleOnBlur, handleOnInputMouseDown, handleOnChange } = useControlsInput();\n\n  return (\n    <StyledControlsWrapper\n      ref={controlsWrapperRef}\n      cols={['minmax(20px, auto)']}\n      minWidth={inputMinWidth}\n      hasError={hasError}\n    >\n      <StyledInputWrapper>\n        <StyledInput\n          autoFocus={autoFocus}\n          aria-labelledby=\"combo-label\"\n          aria-controls=\"combo-listbox\"\n          aria-owns=\"combo-listbox\"\n          aria-activedescendant={focusOptionIdx}\n          aria-expanded={showPopover}\n          aria-haspopup=\"listbox\"\n          placeholder={placeholder}\n          role=\"combobox\"\n          ref={inputRef}\n          type=\"text\"\n          onKeyDown={onInputKeyDown}\n          onChange={handleOnChange}\n          onBlur={handleOnBlur}\n          onClick={handleOnInputMouseDown}\n        />\n      </StyledInputWrapper>\n    </StyledControlsWrapper>\n  );\n};\n\nexport { Controls };\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADCvB,mBAAkC;AAClC,6BAAoC;AACpC,mCAAsC;AACtC,8BAAiC;AAEjC,oBAAuE;AACvE,MAAM,WAAW,MAAmB;AAClC,QAAM;AAAA,IACJ,OAAO,EAAE,WAAW,UAAU,aAAa;AAAA,IAC3C;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,MACE,6BAAW;AAEf,QAAM,EAAE,mBAAmB;AAC3B,QAAM,EAAE,cAAc,wBAAwB,mBAAmB;AAEjE,SACE,mDAAC,qCAAD;AAAA,IACE,KAAK;AAAA,IACL,MAAM,CAAC;AAAA,IACP,UAAU;AAAA,IACV;AAAA,KAEA,mDAAC,kCAAD,MACE,mDAAC,2BAAD;AAAA,IACE;AAAA,IACA,mBAAgB;AAAA,IAChB,iBAAc;AAAA,IACd,aAAU;AAAA,IACV,yBAAuB;AAAA,IACvB,iBAAe;AAAA,IACf,iBAAc;AAAA,IACd;AAAA,IACA,MAAK;AAAA,IACL,KAAK;AAAA,IACL,MAAK;AAAA,IACL,WAAW;AAAA,IACX,UAAU;AAAA,IACV,QAAQ;AAAA,IACR,SAAS;AAAA;AAAA;",
+  "names": []
+}

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

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

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

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

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

@@ -1,44 +1,108 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var _taggedTemplateLiteral = require('@babel/runtime/helpers/taggedTemplateLiteral');
-var styled = require('styled-components');
-var dsSystem = require('@elliemae/ds-system');
-var Grid = require('@elliemae/ds-grid');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var _taggedTemplateLiteral__default = /*#__PURE__*/_interopDefaultLegacy(_taggedTemplateLiteral);
-var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
-
-var _templateObject, _templateObject2;
-const normalBorder = dsSystem.css(_templateObject || (_templateObject = _taggedTemplateLiteral__default["default"](["\n  border: 1px solid ", ";\n"])), props => props.hasError ? props.theme.colors.danger[900] : props.theme.colors.neutral[400]);
-const focusBorder = dsSystem.css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral__default["default"](["\n  border: 2px solid ", ";\n"])), _ref => {
-  let {
-    theme
-  } = _ref;
-  return theme.colors.brand[700];
+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, {
+  StyledControlsWrapper: () => StyledControlsWrapper,
+  StyledInput: () => StyledInput,
+  StyledInputPlaceHolder: () => StyledInputPlaceHolder,
+  StyledInputWrapper: () => StyledInputWrapper
 });
-const StyledControlsWrapper = /*#__PURE__*/styled__default["default"](Grid.Grid).withConfig({
-  componentId: "sc-xlhlqm-0"
-})(["background:transparent;position:relative;border-radius:2px;min-width:", ";align-items:center;align-content:center;height:28px;padding-left:8px;::after{display:block;content:' ';position:absolute;top:0;left:0;right:0;bottom:0;border-radius:2px;", " pointer-events:none;z-index:7;}:focus-within{::after{", "}}"], _ref2 => {
-  let {
-    minWidth
-  } = _ref2;
-  return "".concat(minWidth, "px");
-}, normalBorder, focusBorder);
-const StyledInput = /*#__PURE__*/styled__default["default"].input.withConfig({
-  componentId: "sc-xlhlqm-1"
-})(["::placeholder{font-style:italic;color:", ";}font-size:13px;line-height:13px;border:none;padding:0;outline:none;width:100%;color:", ";&:focus{outline:none;}"], props => props.theme.colors.neutral[500], props => props.theme.colors.neutral[700]);
-const StyledInputPlaceHolder = /*#__PURE__*/styled__default["default"].div.withConfig({
-  componentId: "sc-xlhlqm-2"
-})(["font-style:italic;color:", ";position:absolute;display:flex;align-items:center;width:100%;user-select:none;height:28px;"], props => props.theme.colors.neutral[500]);
-const StyledInputWrapper = /*#__PURE__*/styled__default["default"].div.withConfig({
-  componentId: "sc-xlhlqm-3"
-})(["position:relative;flex:1;margin-right:5px;display:flex;align-items:center;"]);
+var React = __toESM(require("react"));
+var import_styled_components = __toESM(require("styled-components"));
+var import_ds_system = require("@elliemae/ds-system");
+var import_ds_grid = require("@elliemae/ds-grid");
+const normalBorder = import_ds_system.css`
+  border: 1px solid ${(props) => props.hasError ? props.theme.colors.danger[900] : props.theme.colors.neutral[400]};
+`;
+const focusBorder = import_ds_system.css`
+  border: 2px solid ${({ theme }) => theme.colors.brand[700]};
+`;
+const StyledControlsWrapper = (0, import_styled_components.default)(import_ds_grid.Grid)`
+  background: transparent;
+  position: relative;
+  border-radius: 2px;
+  min-width: ${({ minWidth }) => `${minWidth}px`};
+  align-items: center;
+  align-content: center;
+  height: 28px;
+  padding-left: 8px;
+  ::after {
+    display: block;
+    content: ' ';
+    position: absolute;
+    top: 0;
+    left: 0;
+    right: 0;
+    bottom: 0;
+    border-radius: 2px;
+    ${normalBorder}
+    pointer-events: none;
+    z-index: 7;
+  }
 
-exports.StyledControlsWrapper = StyledControlsWrapper;
-exports.StyledInput = StyledInput;
-exports.StyledInputPlaceHolder = StyledInputPlaceHolder;
-exports.StyledInputWrapper = StyledInputWrapper;
+  :focus-within {
+    ::after {
+      ${focusBorder}
+    }
+  }
+`;
+const StyledInput = import_styled_components.default.input`
+  ::placeholder {
+    font-style: italic;
+    color: ${(props) => props.theme.colors.neutral[500]};
+  }
+  font-size: 13px;
+  line-height: 13px;
+  border: none;
+  padding: 0;
+  outline: none;
+  width: 100%;
+  color: ${(props) => props.theme.colors.neutral[700]};
+  &:focus {
+    outline: none;
+  }
+`;
+const StyledInputPlaceHolder = import_styled_components.default.div`
+  font-style: italic;
+  color: ${(props) => props.theme.colors.neutral[500]};
+  position: absolute;
+  display: flex;
+  align-items: center;
+  width: 100%;
+  user-select: none;
+  height: 28px;
+`;
+const StyledInputWrapper = import_styled_components.default.div`
+  position: relative;
+  flex: 1;
+  margin-right: 5px;
+  display: flex;
+  align-items: center;
+`;
+module.exports = __toCommonJS(styled_exports);
+//# sourceMappingURL=styled.js.map

package/cjs/controlled-autocomplete/parts/controls/styled.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/controlled-autocomplete/parts/controls/styled.tsx", "../../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import styled from 'styled-components';\nimport { css } from '@elliemae/ds-system';\nimport { Grid } from '@elliemae/ds-grid';\nimport { AutocompletePropsT } from '../../index.d';\n\nconst normalBorder = css<{ hasError: boolean }>`\n  border: 1px solid ${(props) => (props.hasError ? props.theme.colors.danger[900] : props.theme.colors.neutral[400])};\n`;\nconst focusBorder = css`\n  border: 2px solid ${({ theme }) => theme.colors.brand[700]};\n`;\n\nexport const StyledControlsWrapper = styled(Grid)<{ minWidth: number; hasError: boolean }>`\n  background: transparent;\n  position: relative;\n  border-radius: 2px;\n  min-width: ${({ minWidth }) => `${minWidth}px`};\n  align-items: center;\n  align-content: center;\n  height: 28px;\n  padding-left: 8px;\n  ::after {\n    display: block;\n    content: ' ';\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    border-radius: 2px;\n    ${normalBorder}\n    pointer-events: none;\n    z-index: 7;\n  }\n\n  :focus-within {\n    ::after {\n      ${focusBorder}\n    }\n  }\n`;\n\nexport const StyledInput = styled.input`\n  ::placeholder {\n    font-style: italic;\n    color: ${(props) => props.theme.colors.neutral[500]};\n  }\n  font-size: 13px;\n  line-height: 13px;\n  border: none;\n  padding: 0;\n  outline: none;\n  width: 100%;\n  color: ${(props) => props.theme.colors.neutral[700]};\n  &:focus {\n    outline: none;\n  }\n`;\n\nexport const StyledInputPlaceHolder = styled.div`\n  font-style: italic;\n  color: ${(props) => props.theme.colors.neutral[500]};\n  position: absolute;\n  display: flex;\n  align-items: center;\n  width: 100%;\n  user-select: none;\n  height: 28px;\n`;\n\nexport const StyledInputWrapper = styled.div`\n  position: relative;\n  flex: 1;\n  margin-right: 5px;\n  display: flex;\n  align-items: center;\n`;\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,+BAAmB;AACnB,uBAAoB;AACpB,qBAAqB;AAGrB,MAAM,eAAe;AAAA,sBACC,CAAC,UAAW,MAAM,WAAW,MAAM,MAAM,OAAO,OAAO,OAAO,MAAM,MAAM,OAAO,QAAQ;AAAA;AAE/G,MAAM,cAAc;AAAA,sBACE,CAAC,EAAE,YAAY,MAAM,OAAO,MAAM;AAAA;AAGjD,MAAM,wBAAwB,sCAAO;AAAA;AAAA;AAAA;AAAA,eAI7B,CAAC,EAAE,eAAe,GAAG;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,MAc9B;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,QAOE;AAAA;AAAA;AAAA;AAKD,MAAM,cAAc,iCAAO;AAAA;AAAA;AAAA,aAGrB,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,WAQxC,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA;AAAA;AAAA;AAAA;AAM1C,MAAM,yBAAyB,iCAAO;AAAA;AAAA,WAElC,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAS1C,MAAM,qBAAqB,iCAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;",
+  "names": []
+}

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

@@ -1,44 +1,62 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var React = require('react');
-var AutocompleteCTX = require('../../AutocompleteCTX.js');
-
+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 useControlsInput_exports = {};
+__export(useControlsInput_exports, {
+  useControlsInput: () => useControlsInput
+});
+var React = __toESM(require("react"));
+var import_react = require("react");
+var import_AutocompleteCTX = require("../../AutocompleteCTX");
 const useControlsInput = () => {
   const {
-    props: {
-      selectedValues,
-      onChange,
-      placeholder,
-      onFilter
-    },
+    props: { selectedValues, onChange, placeholder, onFilter },
     setShowPopover,
     inputRef
-  } = React.useContext(AutocompleteCTX.AutocompleteContext);
-  const handleOnChange = React.useCallback(e => {
+  } = (0, import_react.useContext)(import_AutocompleteCTX.AutocompleteContext);
+  const handleOnChange = (0, import_react.useCallback)((e) => {
     const target = e.target;
     onChange(target.value);
     setShowPopover(true);
     onFilter(target.value);
   }, [onFilter, onChange, setShowPopover]);
-  const handleOnBlur = React.useCallback(() => {
+  const handleOnBlur = (0, import_react.useCallback)(() => {
     setShowPopover(false);
   }, [setShowPopover]);
-  const handleOnInputMouseDown = React.useCallback(e => {
+  const handleOnInputMouseDown = (0, import_react.useCallback)((e) => {
     e.stopPropagation();
   }, []);
-  const showPlaceholder = React.useMemo(() => {
-    var _inputRef$current;
-
-    return !((_inputRef$current = inputRef.current) !== null && _inputRef$current !== void 0 && _inputRef$current.value) && selectedValues === '' ? placeholder : null;
-  }, [placeholder, inputRef, selectedValues]);
-  return React.useMemo(() => ({
+  const showPlaceholder = (0, import_react.useMemo)(() => !inputRef.current?.value && selectedValues === "" ? placeholder : null, [placeholder, inputRef, selectedValues]);
+  return (0, import_react.useMemo)(() => ({
     handleOnBlur,
     handleOnChange,
     handleOnInputMouseDown,
     showPlaceholder
   }), [handleOnBlur, handleOnInputMouseDown, handleOnChange, showPlaceholder]);
 };
-
-exports.useControlsInput = useControlsInput;
+module.exports = __toCommonJS(useControlsInput_exports);
+//# sourceMappingURL=useControlsInput.js.map

package/cjs/controlled-autocomplete/parts/controls/useControlsInput.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/controlled-autocomplete/parts/controls/useControlsInput.tsx", "../../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import React, { useContext, useMemo, useCallback } from 'react';\n\nimport { AutocompleteContext } from '../../AutocompleteCTX';\n\ninterface UseControlsInputT {\n  handleOnBlur: () => void;\n  handleOnChange: (e: React.ChangeEvent<HTMLInputElement>) => void;\n  handleOnInputMouseDown: (e: React.MouseEvent) => void;\n  showPlaceholder: string | null | undefined;\n}\nconst useControlsInput = (): UseControlsInputT => {\n  const {\n    props: { selectedValues, onChange, placeholder, onFilter },\n    setShowPopover,\n    inputRef,\n  } = useContext(AutocompleteContext);\n\n  const handleOnChange = useCallback(\n    (e: React.FormEvent<HTMLInputElement>) => {\n      const target = e.target as HTMLInputElement;\n      onChange(target.value);\n\n      setShowPopover(true);\n      onFilter(target.value);\n    },\n    [onFilter, onChange, setShowPopover],\n  );\n\n  const handleOnBlur = useCallback(() => {\n    setShowPopover(false);\n  }, [setShowPopover]);\n\n  const handleOnInputMouseDown = useCallback((e: React.MouseEvent) => {\n    e.stopPropagation();\n  }, []);\n\n  const showPlaceholder = useMemo(\n    () => (!inputRef.current?.value && selectedValues === '' ? placeholder : null),\n    [placeholder, inputRef, selectedValues],\n  );\n\n  return useMemo(\n    () => ({\n      handleOnBlur,\n      handleOnChange,\n      handleOnInputMouseDown,\n      showPlaceholder,\n    }),\n    [handleOnBlur, handleOnInputMouseDown, handleOnChange, showPlaceholder],\n  );\n};\n\nexport { useControlsInput };\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAwD;AAExD,6BAAoC;AAQpC,MAAM,mBAAmB,MAAyB;AAChD,QAAM;AAAA,IACJ,OAAO,EAAE,gBAAgB,UAAU,aAAa;AAAA,IAChD;AAAA,IACA;AAAA,MACE,6BAAW;AAEf,QAAM,iBAAiB,8BACrB,CAAC,MAAyC;AACxC,UAAM,SAAS,EAAE;AACjB,aAAS,OAAO;AAEhB,mBAAe;AACf,aAAS,OAAO;AAAA,KAElB,CAAC,UAAU,UAAU;AAGvB,QAAM,eAAe,8BAAY,MAAM;AACrC,mBAAe;AAAA,KACd,CAAC;AAEJ,QAAM,yBAAyB,8BAAY,CAAC,MAAwB;AAClE,MAAE;AAAA,KACD;AAEH,QAAM,kBAAkB,0BACtB,MAAO,CAAC,SAAS,SAAS,SAAS,mBAAmB,KAAK,cAAc,MACzE,CAAC,aAAa,UAAU;AAG1B,SAAO,0BACL,MAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,MAEF,CAAC,cAAc,wBAAwB,gBAAgB;AAAA;",
+  "names": []
+}