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

package/dist/esm/ComboBox/v3/parts/single-selected-value-container/styled.js

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

package/dist/esm/ComboBox/v3/parts/single-selected-value-container/styled.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n"],
+  "mappings": "AAAA;",
+  "names": []
+}

package/dist/esm/ComboBox/v3/propTypes.js

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

package/dist/esm/ComboBox/v3/propTypes.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n"],
+  "mappings": "AAAA;",
+  "names": []
+}

package/dist/esm/ComboBox/v3/tests/utils.js

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

package/dist/esm/ComboBox/v3/tests/utils.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n"],
+  "mappings": "AAAA;",
+  "names": []
+}

package/dist/esm/ComboBox/v3/utils/hooks/useKeyboardNavigation.js

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

package/dist/esm/ComboBox/v3/utils/hooks/useKeyboardNavigation.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n"],
+  "mappings": "AAAA;",
+  "names": []
+}

package/dist/esm/ComboBox/v3/utils/hooks/useOnElementResize.js

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

package/dist/esm/ComboBox/v3/utils/hooks/useOnElementResize.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n"],
+  "mappings": "AAAA;",
+  "names": []
+}

package/dist/esm/ComboBox/v3/utils/listHelper.js

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

package/dist/esm/ComboBox/v3/utils/listHelper.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n"],
+  "mappings": "AAAA;",
+  "names": []
+}

package/dist/esm/ComboBoxFreeSolo/ComboBoxFreeSolo.js

@@ -0,0 +1,138 @@
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+import * as React from "react";
+import React2 from "react";
+import PropTypes from "prop-types";
+import { noop } from "lodash";
+import { DSComboBox2 } from "../ComboBox";
+import { MultiValueLabel } from "./components/MultiValueLabel";
+import { MultiValueRemove } from "./components/MultiValueRemove";
+import { SingleValue } from "./components/SingleValue";
+import { SingleValueRemove } from "./components/SingleValueRemove";
+const customStyles = {
+  multiValueRemove: MultiValueRemove.style,
+  clearIndicator: SingleValueRemove.style,
+  multiValue: (base) => __spreadProps(__spreadValues({}, base), {
+    borderRadius: "10px",
+    backgroundColor: "#ebf6ff"
+  }),
+  valueContainer: (base) => __spreadProps(__spreadValues({}, base), {
+    display: "-webkit-box",
+    flexWrap: "nowrap",
+    overflowX: "scroll",
+    overflowY: "hidden",
+    "-ms-overflow-style": "none",
+    "scrollbar-width": "none",
+    "::-webkit-scrollbar": { display: "none" }
+  })
+};
+function ComboBoxFreeSolo(_a) {
+  var _b = _a, {
+    isMulti = false,
+    options = {},
+    value = [],
+    onChange = noop,
+    onChangeV2 = noop,
+    onInputChange = noop,
+    onFocus = noop,
+    onBlur = noop,
+    containerProps = {},
+    disabled = false,
+    menuIsOpen = false,
+    placeholder = "Select values",
+    formatCreateLabel = (val) => `Create ${val}`,
+    maxOptions = void 0
+  } = _b, rest = __objRest(_b, [
+    "isMulti",
+    "options",
+    "value",
+    "onChange",
+    "onChangeV2",
+    "onInputChange",
+    "onFocus",
+    "onBlur",
+    "containerProps",
+    "disabled",
+    "menuIsOpen",
+    "placeholder",
+    "formatCreateLabel",
+    "maxOptions"
+  ]);
+  return /* @__PURE__ */ React2.createElement(DSComboBox2, __spreadProps(__spreadValues({}, rest), {
+    isFreeSolo: true,
+    clearable: true,
+    isMulti,
+    value,
+    options,
+    keepTypedValue: false,
+    placeholder,
+    disabled,
+    menuIsOpen,
+    formatCreateLabel,
+    createOptionPosition: "first",
+    onChange,
+    onChangeV2,
+    onInputChange,
+    onFocus,
+    onBlur,
+    containerProps,
+    maxOptions,
+    components: {
+      MultiValueLabel,
+      MultiValueRemove,
+      SingleValue
+    },
+    componentsStyle: customStyles
+  }));
+}
+ComboBoxFreeSolo.propTypes = {
+  containerProps: PropTypes.object,
+  onFocus: PropTypes.func,
+  onBlur: PropTypes.func,
+  onChange: PropTypes.func.isRequired,
+  onChangeV2: PropTypes.func,
+  onInputChange: PropTypes.func,
+  value: PropTypes.oneOfType([PropTypes.array, PropTypes.object]),
+  options: PropTypes.arrayOf(PropTypes.object),
+  disabled: PropTypes.bool,
+  isMulti: PropTypes.bool,
+  placeholder: PropTypes.string,
+  menuIsOpen: PropTypes.bool,
+  formatCreateLabel: PropTypes.func,
+  maxOptions: PropTypes.number
+};
+var ComboBoxFreeSolo_default = ComboBoxFreeSolo;
+export {
+  ComboBoxFreeSolo,
+  ComboBoxFreeSolo_default as default
+};
+//# sourceMappingURL=ComboBoxFreeSolo.js.map

package/dist/esm/ComboBoxFreeSolo/ComboBoxFreeSolo.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/ComboBoxFreeSolo/ComboBoxFreeSolo.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport PropTypes from 'prop-types';\nimport { noop } from 'lodash';\nimport { DSComboBox2 } from '../ComboBox';\nimport { MultiValueLabel } from './components/MultiValueLabel';\nimport { MultiValueRemove } from './components/MultiValueRemove';\nimport { SingleValue } from './components/SingleValue';\nimport { SingleValueRemove } from './components/SingleValueRemove';\n\nconst customStyles = {\n  multiValueRemove: MultiValueRemove.style,\n  clearIndicator: SingleValueRemove.style,\n  multiValue: (base) => ({\n    ...base,\n    borderRadius: '10px',\n    backgroundColor: '#ebf6ff',\n  }),\n  valueContainer: (base) => ({\n    ...base,\n    display: '-webkit-box',\n    flexWrap: 'nowrap',\n    overflowX: 'scroll',\n    overflowY: 'hidden',\n    '-ms-overflow-style': 'none', // IE and Edge\n    'scrollbar-width': 'none', // Firefox\n    '::-webkit-scrollbar': { display: 'none' }, // Chrome\n  }),\n};\n\nfunction ComboBoxFreeSolo({\n  isMulti = false,\n  options = {},\n  value = [],\n  onChange = noop,\n  onChangeV2 = noop,\n  onInputChange = noop,\n  onFocus = noop,\n  onBlur = noop,\n  containerProps = {},\n  disabled = false,\n  menuIsOpen = false,\n  placeholder = 'Select values',\n  formatCreateLabel = (val) => `Create ${val}`,\n  maxOptions = undefined,\n  ...rest\n}) {\n  return (\n    <DSComboBox2\n      {...rest}\n      isFreeSolo\n      clearable\n      isMulti={isMulti}\n      value={value}\n      options={options}\n      keepTypedValue={false}\n      placeholder={placeholder}\n      disabled={disabled}\n      menuIsOpen={menuIsOpen}\n      formatCreateLabel={formatCreateLabel}\n      createOptionPosition=\"first\"\n      onChange={onChange}\n      onChangeV2={onChangeV2}\n      onInputChange={onInputChange}\n      onFocus={onFocus}\n      onBlur={onBlur}\n      containerProps={containerProps}\n      maxOptions={maxOptions}\n      components={{\n        MultiValueLabel,\n        MultiValueRemove,\n        SingleValue,\n      }}\n      componentsStyle={customStyles}\n    />\n  );\n}\n\nComboBoxFreeSolo.propTypes = {\n  containerProps: PropTypes.object,\n  /**\n   * Allows a function that is triggered once the combo box is focused\n   */\n  onFocus: PropTypes.func,\n  /**\n   * Allows a function that is triggered once the combo box loses focus\n   */\n  onBlur: PropTypes.func,\n  /**\n   * Allows a function that is triggered when a new value is selected from the dropdown menu\n   */\n  onChange: PropTypes.func.isRequired,\n  /**\n   * Allows a function that is triggered when a new value is selected from the dropdown menu\n   * It will return the current options selected\n   */\n  onChangeV2: PropTypes.func,\n  /**\n   * Allows a function that is triggered once the input value changes (on every keystroke)\n   */\n  onInputChange: PropTypes.func,\n  value: PropTypes.oneOfType([PropTypes.array, PropTypes.object]),\n  /**\n   * Value that the combo box has as default\n   */\n  options: PropTypes.arrayOf(PropTypes.object),\n  /**\n   * Whether the combo box is disabled or not\n   */\n  disabled: PropTypes.bool,\n  /**\n   * Whether the combo box free solo is multi selectable or not\n   */\n  isMulti: PropTypes.bool,\n  /**\n   * Placeholder for the combo box\n   */\n  placeholder: PropTypes.string,\n  /**\n   * Whether the combo box menu is open or not\n   */\n  menuIsOpen: PropTypes.bool,\n  /**\n   * Whether to show the combo box menu inline or not\n   */\n  /**\n   * function that reciveves the new value and returns the formatted value\n   */\n  formatCreateLabel: PropTypes.func,\n  /**\n   * Max options to be displayed on the menu list\n   */\n  maxOptions: PropTypes.number,\n};\n\nexport { ComboBoxFreeSolo };\nexport default ComboBoxFreeSolo;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;ACAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA,MAAM,eAAe;AAAA,EACnB,kBAAkB,iBAAiB;AAAA,EACnC,gBAAgB,kBAAkB;AAAA,EAClC,YAAY,CAAC,SAAU,iCAClB,OADkB;AAAA,IAErB,cAAc;AAAA,IACd,iBAAiB;AAAA;AAAA,EAEnB,gBAAgB,CAAC,SAAU,iCACtB,OADsB;AAAA,IAEzB,SAAS;AAAA,IACT,UAAU;AAAA,IACV,WAAW;AAAA,IACX,WAAW;AAAA,IACX,sBAAsB;AAAA,IACtB,mBAAmB;AAAA,IACnB,uBAAuB,EAAE,SAAS;AAAA;AAAA;AAItC,0BAA0B,IAgBvB;AAhBuB,eACxB;AAAA,cAAU;AAAA,IACV,UAAU;AAAA,IACV,QAAQ;AAAA,IACR,WAAW;AAAA,IACX,aAAa;AAAA,IACb,gBAAgB;AAAA,IAChB,UAAU;AAAA,IACV,SAAS;AAAA,IACT,iBAAiB;AAAA,IACjB,WAAW;AAAA,IACX,aAAa;AAAA,IACb,cAAc;AAAA,IACd,oBAAoB,CAAC,QAAQ,UAAU;AAAA,IACvC,aAAa;AAAA,MAdW,IAerB,iBAfqB,IAerB;AAAA,IAdH;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,IACA;AAAA;AAGA,SACE,qCAAC,aAAD,iCACM,OADN;AAAA,IAEE,YAAU;AAAA,IACV,WAAS;AAAA,IACT;AAAA,IACA;AAAA,IACA;AAAA,IACA,gBAAgB;AAAA,IAChB;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,sBAAqB;AAAA,IACrB;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,YAAY;AAAA,MACV;AAAA,MACA;AAAA,MACA;AAAA;AAAA,IAEF,iBAAiB;AAAA;AAAA;AAKvB,iBAAiB,YAAY;AAAA,EAC3B,gBAAgB,UAAU;AAAA,EAI1B,SAAS,UAAU;AAAA,EAInB,QAAQ,UAAU;AAAA,EAIlB,UAAU,UAAU,KAAK;AAAA,EAKzB,YAAY,UAAU;AAAA,EAItB,eAAe,UAAU;AAAA,EACzB,OAAO,UAAU,UAAU,CAAC,UAAU,OAAO,UAAU;AAAA,EAIvD,SAAS,UAAU,QAAQ,UAAU;AAAA,EAIrC,UAAU,UAAU;AAAA,EAIpB,SAAS,UAAU;AAAA,EAInB,aAAa,UAAU;AAAA,EAIvB,YAAY,UAAU;AAAA,EAOtB,mBAAmB,UAAU;AAAA,EAI7B,YAAY,UAAU;AAAA;AAIxB,IAAO,2BAAQ;",
+  "names": []
+}

package/dist/esm/ComboBoxFreeSolo/components/MultiValueLabel.js

@@ -0,0 +1,37 @@
+import * as React from "react";
+import React2 from "react";
+import styled from "styled-components";
+const RemovablePillWrapper = styled.div`
+  display: flex;
+  align-items: center;
+  outline: none;
+  height: ${(props) => props.theme.space.xs};
+  max-width: 90%;
+  margin: 0;
+  padding: 0 4px;
+  background-color: ${(props) => props.theme.colors.brand[200]};
+  border-top-left-radius: ${(props) => props.theme.fontSizes.value[600]};
+  border-bottom-left-radius: ${(props) => props.theme.fontSizes.value[600]};
+  & + div {
+    border-top-right-radius: ${(props) => props.theme.fontSizes.value[600]};
+    border-bottom-right-radius: ${(props) => props.theme.fontSizes.value[600]};
+  }
+`;
+const PillLabel = styled.span`
+  margin: 0 4px;
+  color: ${(props) => props.theme.colors.neutral[800]};
+  white-space: nowrap;
+  text-overflow: ellipsis;
+  overflow: hidden;
+`;
+const RemovablePill = ({ label, clear }) => /* @__PURE__ */ React2.createElement(React2.Fragment, null, /* @__PURE__ */ React2.createElement(RemovablePillWrapper, {
+  "data-testid": "pill-wrapper"
+}, /* @__PURE__ */ React2.createElement(PillLabel, null, label)), clear);
+const MultiValueLabel = ({ children, clear }) => /* @__PURE__ */ React2.createElement(RemovablePill, {
+  label: children,
+  clear
+});
+export {
+  MultiValueLabel
+};
+//# sourceMappingURL=MultiValueLabel.js.map

package/dist/esm/ComboBoxFreeSolo/components/MultiValueLabel.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/ComboBoxFreeSolo/components/MultiValueLabel.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable react/prop-types */\nimport React from 'react';\nimport styled from 'styled-components';\n\nconst RemovablePillWrapper = styled.div`\n  display: flex;\n  align-items: center;\n  outline: none;\n  height: ${(props) => props.theme.space.xs};\n  max-width: 90%;\n  margin: 0;\n  padding: 0 4px;\n  background-color: ${(props) => props.theme.colors.brand[200]};\n  border-top-left-radius: ${(props) => props.theme.fontSizes.value[600]};\n  border-bottom-left-radius: ${(props) => props.theme.fontSizes.value[600]};\n  & + div {\n    border-top-right-radius: ${(props) => props.theme.fontSizes.value[600]};\n    border-bottom-right-radius: ${(props) => props.theme.fontSizes.value[600]};\n  }\n`;\n\nconst PillLabel = styled.span`\n  margin: 0 4px;\n  color: ${(props) => props.theme.colors.neutral[800]};\n  white-space: nowrap;\n  text-overflow: ellipsis;\n  overflow: hidden;\n`;\n\nconst RemovablePill = ({ label, clear }) => (\n  <>\n    <RemovablePillWrapper data-testid=\"pill-wrapper\">\n      <PillLabel>{label}</PillLabel>\n    </RemovablePillWrapper>\n    {clear}\n  </>\n);\n\nconst MultiValueLabel = ({ children, clear }) => (\n  <RemovablePill label={children} clear={clear} />\n);\n\nexport { MultiValueLabel };\n"],
+  "mappings": "AAAA;ACCA;AACA;AAEA,MAAM,uBAAuB,OAAO;AAAA;AAAA;AAAA;AAAA,YAIxB,CAAC,UAAU,MAAM,MAAM,MAAM;AAAA;AAAA;AAAA;AAAA,sBAInB,CAAC,UAAU,MAAM,MAAM,OAAO,MAAM;AAAA,4BAC9B,CAAC,UAAU,MAAM,MAAM,UAAU,MAAM;AAAA,+BACpC,CAAC,UAAU,MAAM,MAAM,UAAU,MAAM;AAAA;AAAA,+BAEvC,CAAC,UAAU,MAAM,MAAM,UAAU,MAAM;AAAA,kCACpC,CAAC,UAAU,MAAM,MAAM,UAAU,MAAM;AAAA;AAAA;AAIzE,MAAM,YAAY,OAAO;AAAA;AAAA,WAEd,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA;AAAA;AAAA;AAAA;AAMjD,MAAM,gBAAgB,CAAC,EAAE,OAAO,YAC9B,4DACE,qCAAC,sBAAD;AAAA,EAAsB,eAAY;AAAA,GAChC,qCAAC,WAAD,MAAY,SAEb;AAIL,MAAM,kBAAkB,CAAC,EAAE,UAAU,YACnC,qCAAC,eAAD;AAAA,EAAe,OAAO;AAAA,EAAU;AAAA;",
+  "names": []
+}

package/dist/esm/ComboBoxFreeSolo/components/MultiValueRemove.js

@@ -0,0 +1,43 @@
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+import * as React from "react";
+import React2 from "react";
+import styled from "styled-components";
+import { components } from "react-select";
+import { CloseXsmall } from "@elliemae/ds-icons";
+const PillCloseAddon = styled.div`
+  cursor: pointer;
+  height: ${(props) => props.theme.space.xs};
+  & > span {
+    height: auto;
+  }
+`;
+const MultiValueRemove = (props) => /* @__PURE__ */ React2.createElement(components.MultiValueRemove, __spreadValues({}, props), /* @__PURE__ */ React2.createElement(PillCloseAddon, null, /* @__PURE__ */ React2.createElement(CloseXsmall, null)));
+MultiValueRemove.style = (base) => __spreadProps(__spreadValues({}, base), {
+  paddingLeft: 0,
+  height: "100%",
+  ":hover": {
+    backgroundColor: "#EBF6FF"
+  }
+});
+export {
+  MultiValueRemove
+};
+//# sourceMappingURL=MultiValueRemove.js.map

package/dist/esm/ComboBoxFreeSolo/components/MultiValueRemove.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/ComboBoxFreeSolo/components/MultiValueRemove.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport styled from 'styled-components';\nimport { components } from 'react-select';\nimport { CloseXsmall } from '@elliemae/ds-icons';\n\nconst PillCloseAddon = styled.div`\n  cursor: pointer;\n  height: ${(props) => props.theme.space.xs};\n  & > span {\n    height: auto;\n  }\n`;\n\nconst MultiValueRemove = (props) => (\n  <components.MultiValueRemove {...props}>\n    <PillCloseAddon>\n      <CloseXsmall />\n    </PillCloseAddon>\n  </components.MultiValueRemove>\n);\n\nMultiValueRemove.style = (base) => ({\n  ...base,\n  paddingLeft: 0,\n  height: '100%',\n  ':hover': {\n    backgroundColor: '#EBF6FF',\n  },\n});\n\nexport { MultiValueRemove };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;AAAA;ACAA;AACA;AACA;AACA;AAEA,MAAM,iBAAiB,OAAO;AAAA;AAAA,YAElB,CAAC,UAAU,MAAM,MAAM,MAAM;AAAA;AAAA;AAAA;AAAA;AAMzC,MAAM,mBAAmB,CAAC,UACxB,qCAAC,WAAW,kBAAZ,mBAAiC,QAC/B,qCAAC,gBAAD,MACE,qCAAC,aAAD;AAKN,iBAAiB,QAAQ,CAAC,SAAU,iCAC/B,OAD+B;AAAA,EAElC,aAAa;AAAA,EACb,QAAQ;AAAA,EACR,UAAU;AAAA,IACR,iBAAiB;AAAA;AAAA;",
+  "names": []
+}

package/dist/esm/ComboBoxFreeSolo/components/SingleValue.js

@@ -0,0 +1,30 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+import * as React from "react";
+import React2 from "react";
+import { SingleValueRemove } from "./SingleValueRemove";
+import { MultiValueLabel } from "./MultiValueLabel";
+const SingleValue = (props) => {
+  const { children } = props;
+  return /* @__PURE__ */ React2.createElement(MultiValueLabel, {
+    clear: /* @__PURE__ */ React2.createElement(SingleValueRemove, __spreadValues({}, props))
+  }, children);
+};
+export {
+  SingleValue
+};
+//# sourceMappingURL=SingleValue.js.map

package/dist/esm/ComboBoxFreeSolo/components/SingleValue.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/ComboBoxFreeSolo/components/SingleValue.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { SingleValueRemove } from './SingleValueRemove';\nimport { MultiValueLabel } from './MultiValueLabel';\n\nconst SingleValue = (props) => {\n  // eslint-disable-next-line react/prop-types\n  const { children } = props;\n  return (\n    <MultiValueLabel clear={<SingleValueRemove {...props} />}>\n      {children}\n    </MultiValueLabel>\n  );\n};\n\nexport { SingleValue };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;AAAA;ACAA;AACA;AACA;AAEA,MAAM,cAAc,CAAC,UAAU;AAE7B,QAAM,EAAE,aAAa;AACrB,SACE,qCAAC,iBAAD;AAAA,IAAiB,OAAO,qCAAC,mBAAD,mBAAuB;AAAA,KAC5C;AAAA;",
+  "names": []
+}

package/dist/esm/ComboBoxFreeSolo/components/SingleValueRemove.js

@@ -0,0 +1,57 @@
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+import * as React from "react";
+import React2 from "react";
+import { components } from "react-select";
+import styled from "styled-components";
+import { CloseXsmall } from "@elliemae/ds-icons";
+import { DSButton } from "@elliemae/ds-button";
+const StyledButton = styled(DSButton)`
+  padding-right: 8px;
+  width: 1.16rem !important;
+  height: auto;
+  z-index: 10;
+  color: '#000';
+`;
+const SingleValueRemove = (props) => {
+  const { clearValue } = props;
+  return /* @__PURE__ */ React2.createElement(components.ClearIndicator, __spreadValues({}, props), /* @__PURE__ */ React2.createElement(StyledButton, __spreadProps(__spreadValues({}, props), {
+    "data-testid": "free-solo-pill-clear-btn",
+    "aria-label": "clear-indicator",
+    buttonType: "text",
+    className: "clear-indicator",
+    icon: /* @__PURE__ */ React2.createElement(CloseXsmall, {
+      fill: "#000"
+    }),
+    onClick: () => clearValue()
+  })));
+};
+SingleValueRemove.style = (base) => __spreadProps(__spreadValues({}, base), {
+  padding: 0,
+  height: "16px",
+  backgroundColor: "#EBF6FF",
+  ":hover": {
+    backgroundColor: "#EBF6FF"
+  }
+});
+export {
+  SingleValueRemove
+};
+//# sourceMappingURL=SingleValueRemove.js.map

package/dist/esm/ComboBoxFreeSolo/components/SingleValueRemove.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/ComboBoxFreeSolo/components/SingleValueRemove.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { components } from 'react-select';\nimport styled from 'styled-components';\nimport { CloseXsmall } from '@elliemae/ds-icons';\nimport { DSButton } from '@elliemae/ds-button';\n\nconst StyledButton = styled(DSButton)`\n  padding-right: 8px;\n  width: 1.16rem !important;\n  height: auto;\n  z-index: 10;\n  color: '#000';\n`;\n\nconst SingleValueRemove = (props) => {\n  // eslint-disable-next-line react/prop-types\n  const { clearValue } = props;\n\n  return (\n    <components.ClearIndicator {...props}>\n      <StyledButton\n        {...props}\n        data-testid=\"free-solo-pill-clear-btn\"\n        aria-label=\"clear-indicator\"\n        buttonType=\"text\"\n        className=\"clear-indicator\"\n        icon={<CloseXsmall fill=\"#000\" />}\n        onClick={() => clearValue()}\n      />\n    </components.ClearIndicator>\n  );\n};\n\nSingleValueRemove.style = (base) => ({\n  ...base,\n  padding: 0,\n  height: '16px',\n  backgroundColor: '#EBF6FF',\n  ':hover': {\n    backgroundColor: '#EBF6FF',\n  },\n});\n\nexport { SingleValueRemove };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;AAAA;ACAA;AACA;AACA;AACA;AACA;AAEA,MAAM,eAAe,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAQ5B,MAAM,oBAAoB,CAAC,UAAU;AAEnC,QAAM,EAAE,eAAe;AAEvB,SACE,qCAAC,WAAW,gBAAZ,mBAA+B,QAC7B,qCAAC,cAAD,iCACM,QADN;AAAA,IAEE,eAAY;AAAA,IACZ,cAAW;AAAA,IACX,YAAW;AAAA,IACX,WAAU;AAAA,IACV,MAAM,qCAAC,aAAD;AAAA,MAAa,MAAK;AAAA;AAAA,IACxB,SAAS,MAAM;AAAA;AAAA;AAMvB,kBAAkB,QAAQ,CAAC,SAAU,iCAChC,OADgC;AAAA,EAEnC,SAAS;AAAA,EACT,QAAQ;AAAA,EACR,iBAAiB;AAAA,EACjB,UAAU;AAAA,IACR,iBAAiB;AAAA;AAAA;",
+  "names": []
+}

package/dist/esm/ComboBoxFreeSolo/index.js

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

package/dist/esm/ComboBoxFreeSolo/index.js.map

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

package/dist/esm/DateInput/DSDateInput.js

@@ -0,0 +1,117 @@
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+import * as React from "react";
+import React2, { useState, useCallback, useEffect } from "react";
+import { describe } from "react-desc";
+import { runAll } from "@elliemae/ds-utilities";
+import { DSInput } from "../Input";
+import { DateInputImpl } from "./components/DateInputImpl";
+import { props } from "./props";
+import { defaultProps } from "./defaultProps";
+const DSDateInput = ({
+  innerRef,
+  className,
+  style,
+  onFocus,
+  onBlur,
+  onClear,
+  onChange,
+  onKeyDown,
+  onError,
+  format,
+  value,
+  clearable,
+  disabled,
+  yearMaxRange,
+  yearMinRange,
+  containerProps,
+  INTERNAL_V2_NO_MUTATION
+}) => {
+  const [valueDate, setValueDate] = useState(value);
+  useEffect(() => {
+    if (value) {
+      setValueDate(value);
+    }
+  }, [value]);
+  const handleOnClear = useCallback(() => {
+    runAll(onClear, setValueDate(""));
+  }, [onClear]);
+  const handleKeyDown = useCallback((e, date, inputOnKeyDown) => {
+    inputOnKeyDown(e, date);
+  }, []);
+  const handleOnChange = useCallback((date, inputOnChange) => {
+    setValueDate(date);
+    inputOnChange(date);
+  }, []);
+  return /* @__PURE__ */ React2.createElement(DSInput, {
+    className: `${className} input-date-input `,
+    clearable,
+    containerProps,
+    customInputType: (_a) => {
+      var _b = _a, { onChange: inputOnChange, onKeyDown: inputOnKeyDown } = _b, restInputProps = __objRest(_b, ["onChange", "onKeyDown"]);
+      return /* @__PURE__ */ React2.createElement(DateInputImpl, __spreadProps(__spreadValues({
+        INTERNAL_V2_NO_MUTATION,
+        disabled,
+        format,
+        onChange: (date) => handleOnChange(date, inputOnChange),
+        onError,
+        onKeyDown: (e, date) => handleKeyDown(e, date, inputOnKeyDown),
+        value: valueDate
+      }, restInputProps), {
+        style,
+        yearMaxRange,
+        yearMinRange,
+        onFocus
+      }));
+    },
+    disableTooltip: false,
+    disabled,
+    innerRef,
+    onBlur,
+    onChange,
+    onKeyDown,
+    onClear: handleOnClear,
+    value: valueDate
+  });
+};
+DSDateInput.propTypes = props;
+DSDateInput.defaultProps = defaultProps;
+const DSDateInputWithSchema = describe(DSDateInput).deprecated("use DateInputV2 instead");
+DSDateInputWithSchema.propTypes = props;
+var DSDateInput_default = DSDateInput;
+export {
+  DSDateInput,
+  DSDateInputWithSchema,
+  DateInputImpl,
+  DSDateInput_default as default
+};
+//# sourceMappingURL=DSDateInput.js.map

package/dist/esm/DateInput/DSDateInput.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/DateInput/DSDateInput.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable max-lines */\nimport React, { useState, useCallback, useEffect } from 'react';\nimport { describe } from 'react-desc';\nimport { runAll } from '@elliemae/ds-utilities';\nimport { DSInput } from '../Input';\nimport { DateInputImpl } from './components/DateInputImpl';\nimport { props } from './props';\nimport { defaultProps } from './defaultProps';\n\nconst DSDateInput = ({\n  innerRef,\n  className,\n  style,\n  onFocus,\n  onBlur,\n  onClear,\n  onChange,\n  onKeyDown,\n  onError,\n  format,\n  value,\n  clearable,\n  disabled,\n  yearMaxRange,\n  yearMinRange,\n  containerProps,\n  // TODO remove and keep `true` behavior ( PUI-4141 )\n  INTERNAL_V2_NO_MUTATION,\n}) => {\n  const [valueDate, setValueDate] = useState(value);\n\n  useEffect(() => {\n    if (value) {\n      setValueDate(value);\n    }\n  }, [value]);\n\n  const handleOnClear = useCallback(() => {\n    runAll(onClear, setValueDate(''));\n  }, [onClear]);\n\n  const handleKeyDown = useCallback((e, date, inputOnKeyDown) => {\n    inputOnKeyDown(e, date);\n  }, []);\n\n  const handleOnChange = useCallback((date, inputOnChange) => {\n    setValueDate(date);\n    inputOnChange(date);\n  }, []);\n\n  return (\n    <DSInput\n      className={`${className} input-date-input `}\n      clearable={clearable}\n      containerProps={containerProps}\n      customInputType={({ onChange: inputOnChange, onKeyDown: inputOnKeyDown, ...restInputProps }) => (\n        <DateInputImpl\n          INTERNAL_V2_NO_MUTATION={INTERNAL_V2_NO_MUTATION}\n          disabled={disabled}\n          format={format}\n          onChange={(date) => handleOnChange(date, inputOnChange)}\n          onError={onError}\n          onKeyDown={(e, date) => handleKeyDown(e, date, inputOnKeyDown)}\n          value={valueDate}\n          {...restInputProps}\n          style={style}\n          yearMaxRange={yearMaxRange}\n          yearMinRange={yearMinRange}\n          onFocus={onFocus}\n        />\n      )}\n      disableTooltip={false}\n      disabled={disabled}\n      innerRef={innerRef}\n      onBlur={onBlur}\n      onChange={onChange}\n      onKeyDown={onKeyDown}\n      onClear={handleOnClear}\n      value={valueDate}\n    />\n  );\n};\n\nDSDateInput.propTypes = props;\nDSDateInput.defaultProps = defaultProps;\nconst DSDateInputWithSchema = describe(DSDateInput).deprecated('use DateInputV2 instead');\nDSDateInputWithSchema.propTypes = props;\n\nexport { DateInputImpl, DSDateInputWithSchema, DSDateInput };\n\nexport default DSDateInput;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;ACCA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA,MAAM,cAAc,CAAC;AAAA,EACnB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EAEA;AAAA,MACI;AACJ,QAAM,CAAC,WAAW,gBAAgB,SAAS;AAE3C,YAAU,MAAM;AACd,QAAI,OAAO;AACT,mBAAa;AAAA;AAAA,KAEd,CAAC;AAEJ,QAAM,gBAAgB,YAAY,MAAM;AACtC,WAAO,SAAS,aAAa;AAAA,KAC5B,CAAC;AAEJ,QAAM,gBAAgB,YAAY,CAAC,GAAG,MAAM,mBAAmB;AAC7D,mBAAe,GAAG;AAAA,KACjB;AAEH,QAAM,iBAAiB,YAAY,CAAC,MAAM,kBAAkB;AAC1D,iBAAa;AACb,kBAAc;AAAA,KACb;AAEH,SACE,qCAAC,SAAD;AAAA,IACE,WAAW,GAAG;AAAA,IACd;AAAA,IACA;AAAA,IACA,iBAAiB,CAAC,OAA2E;AAA3E,mBAAE,YAAU,eAAe,WAAW,mBAAtC,IAAyD,2BAAzD,IAAyD,CAAvD,YAAyB;AAC3C,kDAAC,eAAD;AAAA,QACE;AAAA,QACA;AAAA,QACA;AAAA,QACA,UAAU,CAAC,SAAS,eAAe,MAAM;AAAA,QACzC;AAAA,QACA,WAAW,CAAC,GAAG,SAAS,cAAc,GAAG,MAAM;AAAA,QAC/C,OAAO;AAAA,SACH,iBARN;AAAA,QASE;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA;AAAA;AAAA,IAGJ,gBAAgB;AAAA,IAChB;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,SAAS;AAAA,IACT,OAAO;AAAA;AAAA;AAKb,YAAY,YAAY;AACxB,YAAY,eAAe;AAC3B,MAAM,wBAAwB,SAAS,aAAa,WAAW;AAC/D,sBAAsB,YAAY;AAIlC,IAAO,sBAAQ;",
+  "names": []
+}