@elliemae/ds-form 3.12.0-rc.2 → 3.12.0-rc.4

package/dist/cjs/CheckboxGroup/DSCheckboxGroup.js

@@ -40,14 +40,20 @@ var import_props = require("./props");
 var import_defaultProps = require("./defaultProps");
 const emClassPrefix = "em-ds";
 const baseClass = `${emClassPrefix}-checkbox-group`;
-const CheckboxItem = (props) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_shared.GroupItem, {
-  render: (context) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Checkbox.DSCheckbox, {
-    ...props,
-    checked: context.activeValue && context.activeValue.indexOf(props.value) !== -1,
-    disabled: context.disabled || props.disabled,
-    onChange: context.onChange
-  })
-});
+const CheckboxItem = (props) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+  import_ds_shared.GroupItem,
+  {
+    render: (context) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_Checkbox.DSCheckbox,
+      {
+        ...props,
+        checked: context.activeValue && context.activeValue.indexOf(props.value) !== -1,
+        disabled: context.disabled || props.disabled,
+        onChange: context.onChange
+      }
+    )
+  }
+);
 const DSCheckboxGroup = ({
   onChange,
   activeValue,
@@ -74,40 +80,30 @@ const DSCheckboxGroup = ({
         checkRefs[index + 1].focus();
     }
   };
-  const group = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_shared.Group, {
-    activeValue,
-    disabled,
-    multiple: true,
-    onChange,
-    children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+  const group = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_shared.Group, { activeValue, disabled, multiple: true, onChange, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    "div",
+    {
       className: `${baseClass} ${baseClass}--${orientation}`,
       ...labelProps && labelProps.labelText ? {} : containerProps,
       role: "group",
       children: import_react.default.Children.map(
         children,
-        (child, index) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(CheckboxItem, {
-          ...child.props,
-          innerRef: (t) => {
-            checkRefs.push(t);
-          },
-          onKeyDown: (e) => onKeyDown(e, index)
-        }),
+        (child, index) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          CheckboxItem,
+          {
+            ...child.props,
+            innerRef: (t) => {
+              checkRefs.push(t);
+            },
+            onKeyDown: (e) => onKeyDown(e, index)
+          }
+        ),
         null
       )
-    })
-  });
+    }
+  ) });
   if (labelProps && labelProps.labelText) {
-    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
-      className: `${baseClass}-form-item-layout-wrapper`,
-      ...containerProps,
-      role: "group",
-      children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_FormItem.DSFormItemLayout, {
-        ...labelProps,
-        inputComponent: group,
-        onChange,
-        truncateText
-      })
-    });
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: `${baseClass}-form-item-layout-wrapper`, ...containerProps, role: "group", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_FormItem.DSFormItemLayout, { ...labelProps, inputComponent: group, onChange, truncateText }) });
   }
   return group;
 };

package/dist/cjs/CheckboxGroup/DSCheckboxGroup.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../src/CheckboxGroup/DSCheckboxGroup.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { describe } from '@elliemae/ds-utilities';\nimport { GroupItem, Group } from '@elliemae/ds-shared';\nimport { DSFormItemLayout } from '../FormItem';\nimport { DSCheckbox } from '../Checkbox';\nimport { props as cprops } from './props';\nimport { defaultProps } from './defaultProps';\n\n// todo: replace that for aggregatedClasses\nconst emClassPrefix = 'em-ds';\nconst baseClass = `${emClassPrefix}-checkbox-group`;\n\nconst CheckboxItem = (props) => (\n  <GroupItem\n    render={(context) => (\n      <DSCheckbox\n        {...props}\n        checked={context.activeValue && context.activeValue.indexOf(props.value) !== -1}\n        disabled={context.disabled || props.disabled}\n        onChange={context.onChange}\n      />\n    )}\n  />\n);\n\nconst DSCheckboxGroup = ({\n  onChange,\n  activeValue,\n  children,\n  disabled,\n  orientation,\n  truncateText,\n  labelProps,\n  containerProps,\n}) => {\n  const checkRefs = [];\n  const count = React.Children.count(children);\n  const onKeyDown = (e, index) => {\n    if (e.key === 'ArrowLeft' || e.key === 'ArrowUp') {\n      if (index === 0) checkRefs[count - 1].focus();\n      else checkRefs[index - 1].focus();\n    }\n    if (e.key === 'ArrowRight' || e.key === 'ArrowDown') {\n      if (index === count - 1) checkRefs[0].focus();\n      else checkRefs[index + 1].focus();\n    }\n  };\n  const group = (\n    <Group activeValue={activeValue} disabled={disabled} multiple onChange={onChange}>\n      <div\n        className={`${baseClass} ${baseClass}--${orientation}`}\n        {...(labelProps && labelProps.labelText ? {} : containerProps)}\n        role=\"group\"\n      >\n        {React.Children.map(\n          children,\n          (child, index) => (\n            <CheckboxItem\n              {...child.props}\n              innerRef={(t) => {\n                checkRefs.push(t);\n              }}\n              onKeyDown={(e) => onKeyDown(e, index)}\n            />\n          ),\n          null,\n        )}\n      </div>\n    </Group>\n  );\n\n  if (labelProps && labelProps.labelText) {\n    return (\n      <div className={`${baseClass}-form-item-layout-wrapper`} {...containerProps} role=\"group\">\n        <DSFormItemLayout {...labelProps} inputComponent={group} onChange={onChange} truncateText={truncateText} />\n      </div>\n    );\n  }\n  return group;\n};\n\nconst noop = () => null;\n\nDSCheckboxGroup.propTypes = cprops;\nDSCheckboxGroup.defaultProps = defaultProps;\nDSCheckboxGroup.displayName = 'DSCheckboxGroup';\nconst DSCheckboxGroupWithSchema = describe(DSCheckboxGroup);\nDSCheckboxGroupWithSchema.propTypes = cprops;\n\nCheckboxItem.propTypes = {\n  checked: PropTypes.bool,\n  disabled: PropTypes.bool,\n  onChange: PropTypes.func,\n};\n\nCheckboxItem.defaultProps = {\n  checked: false,\n  disabled: false,\n  onChange: noop,\n};\n\nexport { DSCheckboxGroup, DSCheckboxGroupWithSchema };\n// export default DSCheckboxGroup;\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADgBjB;AAhBN,mBAAkB;AAClB,wBAAsB;AACtB,0BAAyB;AACzB,uBAAiC;AACjC,sBAAiC;AACjC,sBAA2B;AAC3B,mBAAgC;AAChC,0BAA6B;AAG7B,MAAM,gBAAgB;AACtB,MAAM,YAAY,GAAG;AAErB,MAAM,eAAe,CAAC,UACpB,4CAAC;AAAA,EACC,QAAQ,CAAC,YACP,4CAAC;AAAA,IACE,GAAG;AAAA,IACJ,SAAS,QAAQ,eAAe,QAAQ,YAAY,QAAQ,MAAM,KAAK,MAAM;AAAA,IAC7E,UAAU,QAAQ,YAAY,MAAM;AAAA,IACpC,UAAU,QAAQ;AAAA,GACpB;AAAA,CAEJ;AAGF,MAAM,kBAAkB,CAAC;AAAA,EACvB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAM;AACJ,QAAM,YAAY,CAAC;AACnB,QAAM,QAAQ,aAAAA,QAAM,SAAS,MAAM,QAAQ;AAC3C,QAAM,YAAY,CAAC,GAAG,UAAU;AAC9B,QAAI,EAAE,QAAQ,eAAe,EAAE,QAAQ,WAAW;AAChD,UAAI,UAAU;AAAG,kBAAU,QAAQ,GAAG,MAAM;AAAA;AACvC,kBAAU,QAAQ,GAAG,MAAM;AAAA,IAClC;AACA,QAAI,EAAE,QAAQ,gBAAgB,EAAE,QAAQ,aAAa;AACnD,UAAI,UAAU,QAAQ;AAAG,kBAAU,GAAG,MAAM;AAAA;AACvC,kBAAU,QAAQ,GAAG,MAAM;AAAA,IAClC;AAAA,EACF;AACA,QAAM,QACJ,4CAAC;AAAA,IAAM;AAAA,IAA0B;AAAA,IAAoB,UAAQ;AAAA,IAAC;AAAA,IAC5D,sDAAC;AAAA,MACC,WAAW,GAAG,aAAa,cAAc;AAAA,MACxC,GAAI,cAAc,WAAW,YAAY,CAAC,IAAI;AAAA,MAC/C,MAAK;AAAA,MAEJ,uBAAAA,QAAM,SAAS;AAAA,QACd;AAAA,QACA,CAAC,OAAO,UACN,4CAAC;AAAA,UACE,GAAG,MAAM;AAAA,UACV,UAAU,CAAC,MAAM;AACf,sBAAU,KAAK,CAAC;AAAA,UAClB;AAAA,UACA,WAAW,CAAC,MAAM,UAAU,GAAG,KAAK;AAAA,SACtC;AAAA,QAEF;AAAA,MACF;AAAA,KACF;AAAA,GACF;AAGF,MAAI,cAAc,WAAW,WAAW;AACtC,WACE,4CAAC;AAAA,MAAI,WAAW,GAAG;AAAA,MAAuC,GAAG;AAAA,MAAgB,MAAK;AAAA,MAChF,sDAAC;AAAA,QAAkB,GAAG;AAAA,QAAY,gBAAgB;AAAA,QAAO;AAAA,QAAoB;AAAA,OAA4B;AAAA,KAC3G;AAAA,EAEJ;AACA,SAAO;AACT;AAEA,MAAM,OAAO,MAAM;AAEnB,gBAAgB,YAAY,aAAAC;AAC5B,gBAAgB,eAAe;AAC/B,gBAAgB,cAAc;AAC9B,MAAM,gCAA4B,8BAAS,eAAe;AAC1D,0BAA0B,YAAY,aAAAA;AAEtC,aAAa,YAAY;AAAA,EACvB,SAAS,kBAAAC,QAAU;AAAA,EACnB,UAAU,kBAAAA,QAAU;AAAA,EACpB,UAAU,kBAAAA,QAAU;AACtB;AAEA,aAAa,eAAe;AAAA,EAC1B,SAAS;AAAA,EACT,UAAU;AAAA,EACV,UAAU;AACZ;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADgBjB;AAhBN,mBAAkB;AAClB,wBAAsB;AACtB,0BAAyB;AACzB,uBAAiC;AACjC,sBAAiC;AACjC,sBAA2B;AAC3B,mBAAgC;AAChC,0BAA6B;AAG7B,MAAM,gBAAgB;AACtB,MAAM,YAAY,GAAG;AAErB,MAAM,eAAe,CAAC,UACpB;AAAA,EAAC;AAAA;AAAA,IACC,QAAQ,CAAC,YACP;AAAA,MAAC;AAAA;AAAA,QACE,GAAG;AAAA,QACJ,SAAS,QAAQ,eAAe,QAAQ,YAAY,QAAQ,MAAM,KAAK,MAAM;AAAA,QAC7E,UAAU,QAAQ,YAAY,MAAM;AAAA,QACpC,UAAU,QAAQ;AAAA;AAAA,IACpB;AAAA;AAEJ;AAGF,MAAM,kBAAkB,CAAC;AAAA,EACvB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAM;AACJ,QAAM,YAAY,CAAC;AACnB,QAAM,QAAQ,aAAAA,QAAM,SAAS,MAAM,QAAQ;AAC3C,QAAM,YAAY,CAAC,GAAG,UAAU;AAC9B,QAAI,EAAE,QAAQ,eAAe,EAAE,QAAQ,WAAW;AAChD,UAAI,UAAU;AAAG,kBAAU,QAAQ,GAAG,MAAM;AAAA;AACvC,kBAAU,QAAQ,GAAG,MAAM;AAAA,IAClC;AACA,QAAI,EAAE,QAAQ,gBAAgB,EAAE,QAAQ,aAAa;AACnD,UAAI,UAAU,QAAQ;AAAG,kBAAU,GAAG,MAAM;AAAA;AACvC,kBAAU,QAAQ,GAAG,MAAM;AAAA,IAClC;AAAA,EACF;AACA,QAAM,QACJ,4CAAC,0BAAM,aAA0B,UAAoB,UAAQ,MAAC,UAC5D;AAAA,IAAC;AAAA;AAAA,MACC,WAAW,GAAG,aAAa,cAAc;AAAA,MACxC,GAAI,cAAc,WAAW,YAAY,CAAC,IAAI;AAAA,MAC/C,MAAK;AAAA,MAEJ,uBAAAA,QAAM,SAAS;AAAA,QACd;AAAA,QACA,CAAC,OAAO,UACN;AAAA,UAAC;AAAA;AAAA,YACE,GAAG,MAAM;AAAA,YACV,UAAU,CAAC,MAAM;AACf,wBAAU,KAAK,CAAC;AAAA,YAClB;AAAA,YACA,WAAW,CAAC,MAAM,UAAU,GAAG,KAAK;AAAA;AAAA,QACtC;AAAA,QAEF;AAAA,MACF;AAAA;AAAA,EACF,GACF;AAGF,MAAI,cAAc,WAAW,WAAW;AACtC,WACE,4CAAC,SAAI,WAAW,GAAG,sCAAuC,GAAG,gBAAgB,MAAK,SAChF,sDAAC,oCAAkB,GAAG,YAAY,gBAAgB,OAAO,UAAoB,cAA4B,GAC3G;AAAA,EAEJ;AACA,SAAO;AACT;AAEA,MAAM,OAAO,MAAM;AAEnB,gBAAgB,YAAY,aAAAC;AAC5B,gBAAgB,eAAe;AAC/B,gBAAgB,cAAc;AAC9B,MAAM,gCAA4B,8BAAS,eAAe;AAC1D,0BAA0B,YAAY,aAAAA;AAEtC,aAAa,YAAY;AAAA,EACvB,SAAS,kBAAAC,QAAU;AAAA,EACnB,UAAU,kBAAAA,QAAU;AAAA,EACpB,UAAU,kBAAAA,QAAU;AACtB;AAEA,aAAa,eAAe;AAAA,EAC1B,SAAS;AAAA,EACT,UAAU;AAAA,EACV,UAAU;AACZ;",
   "names": ["React", "cprops", "PropTypes"]
 }

package/dist/cjs/ComboBoxFreeSolo/ComboBoxFreeSolo.js

@@ -72,33 +72,36 @@ const ComboBoxFreeSolo = ({
   formatCreateLabel = (val) => `Create ${val}`,
   maxOptions = void 0,
   ...rest
-}) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ComboBox.DSComboBox2, {
-  ...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: import_MultiValueLabel.MultiValueLabel,
-    MultiValueRemove: import_MultiValueRemove.MultiValueRemove,
-    SingleValue: import_SingleValue.SingleValue
-  },
-  componentsStyle: customStyles
-});
+}) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+  import_ComboBox.DSComboBox2,
+  {
+    ...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: import_MultiValueLabel.MultiValueLabel,
+      MultiValueRemove: import_MultiValueRemove.MultiValueRemove,
+      SingleValue: import_SingleValue.SingleValue
+    },
+    componentsStyle: customStyles
+  }
+);
 ComboBoxFreeSolo.propTypes = {
   containerProps: import_prop_types.default.object,
   onFocus: import_prop_types.default.func,

package/dist/cjs/ComboBoxFreeSolo/ComboBoxFreeSolo.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../src/ComboBoxFreeSolo/ComboBoxFreeSolo.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["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\nconst 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  <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\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", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;AD8CrB;AA7CF,wBAAsB;AACtB,oBAAqB;AACrB,sBAA4B;AAC5B,6BAAgC;AAChC,8BAAiC;AACjC,yBAA4B;AAC5B,+BAAkC;AAElC,MAAM,eAAe;AAAA,EACnB,kBAAkB,yCAAiB;AAAA,EACnC,gBAAgB,2CAAkB;AAAA,EAClC,YAAY,CAAC,UAAU;AAAA,IACrB,GAAG;AAAA,IACH,cAAc;AAAA,IACd,iBAAiB;AAAA,EACnB;AAAA,EACA,gBAAgB,CAAC,UAAU;AAAA,IACzB,GAAG;AAAA,IACH,SAAS;AAAA,IACT,UAAU;AAAA,IACV,WAAW;AAAA,IACX,WAAW;AAAA,IACX,sBAAsB;AAAA,IACtB,mBAAmB;AAAA,IACnB,uBAAuB,EAAE,SAAS,OAAO;AAAA,EAC3C;AACF;AAEA,MAAM,mBAAmB,CAAC;AAAA,EACxB,UAAU;AAAA,EACV,UAAU,CAAC;AAAA,EACX,QAAQ,CAAC;AAAA,EACT,WAAW;AAAA,EACX,aAAa;AAAA,EACb,gBAAgB;AAAA,EAChB,UAAU;AAAA,EACV,SAAS;AAAA,EACT,iBAAiB,CAAC;AAAA,EAClB,WAAW;AAAA,EACX,aAAa;AAAA,EACb,cAAc;AAAA,EACd,oBAAoB,CAAC,QAAQ,UAAU;AAAA,EACvC,aAAa;AAAA,KACV;AACL,MACE,4CAAC;AAAA,EACE,GAAG;AAAA,EACJ,YAAU;AAAA,EACV,WAAS;AAAA,EACT;AAAA,EACA;AAAA,EACA;AAAA,EACA,gBAAgB;AAAA,EAChB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,sBAAqB;AAAA,EACrB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,YAAY;AAAA,IACV;AAAA,IACA;AAAA,IACA;AAAA,EACF;AAAA,EACA,iBAAiB;AAAA,CACnB;AAGF,iBAAiB,YAAY;AAAA,EAC3B,gBAAgB,kBAAAA,QAAU;AAAA,EAI1B,SAAS,kBAAAA,QAAU;AAAA,EAInB,QAAQ,kBAAAA,QAAU;AAAA,EAIlB,UAAU,kBAAAA,QAAU,KAAK;AAAA,EAKzB,YAAY,kBAAAA,QAAU;AAAA,EAItB,eAAe,kBAAAA,QAAU;AAAA,EACzB,OAAO,kBAAAA,QAAU,UAAU,CAAC,kBAAAA,QAAU,OAAO,kBAAAA,QAAU,MAAM,CAAC;AAAA,EAI9D,SAAS,kBAAAA,QAAU,QAAQ,kBAAAA,QAAU,MAAM;AAAA,EAI3C,UAAU,kBAAAA,QAAU;AAAA,EAIpB,SAAS,kBAAAA,QAAU;AAAA,EAInB,aAAa,kBAAAA,QAAU;AAAA,EAIvB,YAAY,kBAAAA,QAAU;AAAA,EAOtB,mBAAmB,kBAAAA,QAAU;AAAA,EAI7B,YAAY,kBAAAA,QAAU;AACxB;AAGA,IAAO,2BAAQ;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;AD8CrB;AA7CF,wBAAsB;AACtB,oBAAqB;AACrB,sBAA4B;AAC5B,6BAAgC;AAChC,8BAAiC;AACjC,yBAA4B;AAC5B,+BAAkC;AAElC,MAAM,eAAe;AAAA,EACnB,kBAAkB,yCAAiB;AAAA,EACnC,gBAAgB,2CAAkB;AAAA,EAClC,YAAY,CAAC,UAAU;AAAA,IACrB,GAAG;AAAA,IACH,cAAc;AAAA,IACd,iBAAiB;AAAA,EACnB;AAAA,EACA,gBAAgB,CAAC,UAAU;AAAA,IACzB,GAAG;AAAA,IACH,SAAS;AAAA,IACT,UAAU;AAAA,IACV,WAAW;AAAA,IACX,WAAW;AAAA,IACX,sBAAsB;AAAA,IACtB,mBAAmB;AAAA,IACnB,uBAAuB,EAAE,SAAS,OAAO;AAAA,EAC3C;AACF;AAEA,MAAM,mBAAmB,CAAC;AAAA,EACxB,UAAU;AAAA,EACV,UAAU,CAAC;AAAA,EACX,QAAQ,CAAC;AAAA,EACT,WAAW;AAAA,EACX,aAAa;AAAA,EACb,gBAAgB;AAAA,EAChB,UAAU;AAAA,EACV,SAAS;AAAA,EACT,iBAAiB,CAAC;AAAA,EAClB,WAAW;AAAA,EACX,aAAa;AAAA,EACb,cAAc;AAAA,EACd,oBAAoB,CAAC,QAAQ,UAAU;AAAA,EACvC,aAAa;AAAA,KACV;AACL,MACE;AAAA,EAAC;AAAA;AAAA,IACE,GAAG;AAAA,IACJ,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,IACF;AAAA,IACA,iBAAiB;AAAA;AACnB;AAGF,iBAAiB,YAAY;AAAA,EAC3B,gBAAgB,kBAAAA,QAAU;AAAA,EAI1B,SAAS,kBAAAA,QAAU;AAAA,EAInB,QAAQ,kBAAAA,QAAU;AAAA,EAIlB,UAAU,kBAAAA,QAAU,KAAK;AAAA,EAKzB,YAAY,kBAAAA,QAAU;AAAA,EAItB,eAAe,kBAAAA,QAAU;AAAA,EACzB,OAAO,kBAAAA,QAAU,UAAU,CAAC,kBAAAA,QAAU,OAAO,kBAAAA,QAAU,MAAM,CAAC;AAAA,EAI9D,SAAS,kBAAAA,QAAU,QAAQ,kBAAAA,QAAU,MAAM;AAAA,EAI3C,UAAU,kBAAAA,QAAU;AAAA,EAIpB,SAAS,kBAAAA,QAAU;AAAA,EAInB,aAAa,kBAAAA,QAAU;AAAA,EAIvB,YAAY,kBAAAA,QAAU;AAAA,EAOtB,mBAAmB,kBAAAA,QAAU;AAAA,EAI7B,YAAY,kBAAAA,QAAU;AACxB;AAGA,IAAO,2BAAQ;",
   "names": ["PropTypes"]
 }

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

@@ -53,19 +53,9 @@ const PillLabel = import_ds_system.styled.span`
   text-overflow: ellipsis;
   overflow: hidden;
 `;
-const RemovablePill = ({ label, clear }) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
-  children: [
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(RemovablePillWrapper, {
-      "data-testid": "pill-wrapper",
-      children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(PillLabel, {
-        children: label
-      })
-    }),
-    clear
-  ]
-});
-const MultiValueLabel = ({ children, clear }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(RemovablePill, {
-  label: children,
+const RemovablePill = ({ label, clear }) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(RemovablePillWrapper, { "data-testid": "pill-wrapper", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(PillLabel, { children: label }) }),
   clear
-});
+] });
+const MultiValueLabel = ({ children, clear }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(RemovablePill, { label: children, clear });
 //# sourceMappingURL=MultiValueLabel.js.map

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

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../src/ComboBoxFreeSolo/components/MultiValueLabel.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["/* eslint-disable react/prop-types */\nimport React from 'react';\nimport { styled } from '@elliemae/ds-system';\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 }) => <RemovablePill label={children} clear={clear} />;\n\nexport { MultiValueLabel };\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;AD8BrB;AA5BF,uBAAuB;AAEvB,MAAM,uBAAuB,wBAAO;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,wBAAO;AAAA;AAAA,WAEd,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA;AAAA;AAAA;AAAA;AAMjD,MAAM,gBAAgB,CAAC,EAAE,OAAO,MAAM,MACpC;AAAA,EACE;AAAA,gDAAC;AAAA,MAAqB,eAAY;AAAA,MAChC,sDAAC;AAAA,QAAW;AAAA,OAAM;AAAA,KACpB;AAAA,IACC;AAAA;AAAA,CACH;AAGF,MAAM,kBAAkB,CAAC,EAAE,UAAU,MAAM,MAAM,4CAAC;AAAA,EAAc,OAAO;AAAA,EAAU;AAAA,CAAc;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;AD8BrB;AA5BF,uBAAuB;AAEvB,MAAM,uBAAuB,wBAAO;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,wBAAO;AAAA;AAAA,WAEd,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA;AAAA;AAAA;AAAA;AAMjD,MAAM,gBAAgB,CAAC,EAAE,OAAO,MAAM,MACpC,4EACE;AAAA,8CAAC,wBAAqB,eAAY,gBAChC,sDAAC,aAAW,iBAAM,GACpB;AAAA,EACC;AAAA,GACH;AAGF,MAAM,kBAAkB,CAAC,EAAE,UAAU,MAAM,MAAM,4CAAC,iBAAc,OAAO,UAAU,OAAc;",
   "names": []
 }

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

@@ -39,12 +39,7 @@ const PillCloseAddon = import_ds_system.styled.div`
     height: auto;
   }
 `;
-const MultiValueRemove = (props) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_select.components.MultiValueRemove, {
-  ...props,
-  children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(PillCloseAddon, {
-    children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_icons.CloseXsmall, {})
-  })
-});
+const MultiValueRemove = (props) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_select.components.MultiValueRemove, { ...props, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(PillCloseAddon, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_icons.CloseXsmall, {}) }) });
 MultiValueRemove.style = (base) => ({
   ...base,
   paddingLeft: 0,

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

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../src/ComboBoxFreeSolo/components/MultiValueRemove.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["import React from 'react';\nimport { styled } from '@elliemae/ds-system';\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", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADgBjB;AAfN,uBAAuB;AACvB,0BAA2B;AAC3B,sBAA4B;AAE5B,MAAM,iBAAiB,wBAAO;AAAA;AAAA,YAElB,CAAC,UAAU,MAAM,MAAM,MAAM;AAAA;AAAA;AAAA;AAAA;AAMzC,MAAM,mBAAmB,CAAC,UACxB,4CAAC,+BAAW,kBAAX;AAAA,EAA6B,GAAG;AAAA,EAC/B,sDAAC;AAAA,IACC,sDAAC,+BAAY;AAAA,GACf;AAAA,CACF;AAGF,iBAAiB,QAAQ,CAAC,UAAU;AAAA,EAClC,GAAG;AAAA,EACH,aAAa;AAAA,EACb,QAAQ;AAAA,EACR,UAAU;AAAA,IACR,iBAAiB;AAAA,EACnB;AACF;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADgBjB;AAfN,uBAAuB;AACvB,0BAA2B;AAC3B,sBAA4B;AAE5B,MAAM,iBAAiB,wBAAO;AAAA;AAAA,YAElB,CAAC,UAAU,MAAM,MAAM,MAAM;AAAA;AAAA;AAAA;AAAA;AAMzC,MAAM,mBAAmB,CAAC,UACxB,4CAAC,+BAAW,kBAAX,EAA6B,GAAG,OAC/B,sDAAC,kBACC,sDAAC,+BAAY,GACf,GACF;AAGF,iBAAiB,QAAQ,CAAC,UAAU;AAAA,EAClC,GAAG;AAAA,EACH,aAAa;AAAA,EACb,QAAQ;AAAA,EACR,UAAU;AAAA,IACR,iBAAiB;AAAA,EACnB;AACF;",
   "names": []
 }

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

@@ -33,11 +33,6 @@ var import_SingleValueRemove = require("./SingleValueRemove");
 var import_MultiValueLabel = require("./MultiValueLabel");
 const SingleValue = (props) => {
   const { children } = props;
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_MultiValueLabel.MultiValueLabel, {
-    clear: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_SingleValueRemove.SingleValueRemove, {
-      ...props
-    }),
-    children
-  });
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_MultiValueLabel.MultiValueLabel, { clear: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_SingleValueRemove.SingleValueRemove, { ...props }), children });
 };
 //# sourceMappingURL=SingleValue.js.map

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

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../src/ComboBoxFreeSolo/components/SingleValue.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["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 <MultiValueLabel clear={<SingleValueRemove {...props} />}>{children}</MultiValueLabel>;\n};\n\nexport { SingleValue };\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADOU;AANjC,+BAAkC;AAClC,6BAAgC;AAEhC,MAAM,cAAc,CAAC,UAAU;AAE7B,QAAM,EAAE,SAAS,IAAI;AACrB,SAAO,4CAAC;AAAA,IAAgB,OAAO,4CAAC;AAAA,MAAmB,GAAG;AAAA,KAAO;AAAA,IAAK;AAAA,GAAS;AAC7E;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADOU;AANjC,+BAAkC;AAClC,6BAAgC;AAEhC,MAAM,cAAc,CAAC,UAAU;AAE7B,QAAM,EAAE,SAAS,IAAI;AACrB,SAAO,4CAAC,0CAAgB,OAAO,4CAAC,8CAAmB,GAAG,OAAO,GAAK,UAAS;AAC7E;",
   "names": []
 }

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

@@ -42,20 +42,18 @@ const StyledButton = (0, import_ds_system.styled)(import_ds_button.DSButton)`
 `;
 const SingleValueRemove = (props) => {
   const { clearValue } = props;
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_select.components.ClearIndicator, {
-    ...props,
-    children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(StyledButton, {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_select.components.ClearIndicator, { ...props, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    StyledButton,
+    {
       ...props,
       "data-testid": "free-solo-pill-clear-btn",
       "aria-label": "clear-indicator",
       buttonType: "text",
       className: "clear-indicator",
-      icon: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_icons.CloseXsmall, {
-        fill: "#000"
-      }),
+      icon: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_icons.CloseXsmall, { fill: "#000" }),
       onClick: () => clearValue()
-    })
-  });
+    }
+  ) });
 };
 SingleValueRemove.style = (base) => ({
   ...base,

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

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../src/ComboBoxFreeSolo/components/SingleValueRemove.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["import React from 'react';\nimport { components } from 'react-select';\nimport { styled } from '@elliemae/ds-system';\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", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;AD0BT;AAzBd,0BAA2B;AAC3B,uBAAuB;AACvB,sBAA4B;AAC5B,uBAAyB;AAEzB,MAAM,mBAAe,yBAAO,yBAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAQpC,MAAM,oBAAoB,CAAC,UAAU;AAEnC,QAAM,EAAE,WAAW,IAAI;AAEvB,SACE,4CAAC,+BAAW,gBAAX;AAAA,IAA2B,GAAG;AAAA,IAC7B,sDAAC;AAAA,MACE,GAAG;AAAA,MACJ,eAAY;AAAA,MACZ,cAAW;AAAA,MACX,YAAW;AAAA,MACX,WAAU;AAAA,MACV,MAAM,4CAAC;AAAA,QAAY,MAAK;AAAA,OAAO;AAAA,MAC/B,SAAS,MAAM,WAAW;AAAA,KAC5B;AAAA,GACF;AAEJ;AAEA,kBAAkB,QAAQ,CAAC,UAAU;AAAA,EACnC,GAAG;AAAA,EACH,SAAS;AAAA,EACT,QAAQ;AAAA,EACR,iBAAiB;AAAA,EACjB,UAAU;AAAA,IACR,iBAAiB;AAAA,EACnB;AACF;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;AD0BT;AAzBd,0BAA2B;AAC3B,uBAAuB;AACvB,sBAA4B;AAC5B,uBAAyB;AAEzB,MAAM,mBAAe,yBAAO,yBAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAQpC,MAAM,oBAAoB,CAAC,UAAU;AAEnC,QAAM,EAAE,WAAW,IAAI;AAEvB,SACE,4CAAC,+BAAW,gBAAX,EAA2B,GAAG,OAC7B;AAAA,IAAC;AAAA;AAAA,MACE,GAAG;AAAA,MACJ,eAAY;AAAA,MACZ,cAAW;AAAA,MACX,YAAW;AAAA,MACX,WAAU;AAAA,MACV,MAAM,4CAAC,+BAAY,MAAK,QAAO;AAAA,MAC/B,SAAS,MAAM,WAAW;AAAA;AAAA,EAC5B,GACF;AAEJ;AAEA,kBAAkB,QAAQ,CAAC,UAAU;AAAA,EACnC,GAAG;AAAA,EACH,SAAS;AAAA,EACT,QAAQ;AAAA,EACR,iBAAiB;AAAA,EACjB,UAAU;AAAA,IACR,iBAAiB;AAAA,EACnB;AACF;",
   "names": []
 }

package/dist/cjs/DateInput/DSDateInput.js

@@ -73,33 +73,39 @@ const DSDateInput = ({
     setValueDate(date);
     inputOnChange(date);
   }, []);
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Input.DSInput, {
-    className: `${className} input-date-input `,
-    clearable,
-    containerProps,
-    customInputType: ({ onChange: inputOnChange, onKeyDown: inputOnKeyDown, ...restInputProps }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_DateInputImpl.DateInputImpl, {
-      INTERNAL_V2_NO_MUTATION,
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_Input.DSInput,
+    {
+      className: `${className} input-date-input `,
+      clearable,
+      containerProps,
+      customInputType: ({ onChange: inputOnChange, onKeyDown: inputOnKeyDown, ...restInputProps }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        import_DateInputImpl.DateInputImpl,
+        {
+          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,
-      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
-  });
+      innerRef,
+      onBlur,
+      onChange,
+      onKeyDown,
+      onClear: handleOnClear,
+      value: valueDate
+    }
+  );
 };
 DSDateInput.propTypes = import_props.props;
 DSDateInput.defaultProps = import_defaultProps.defaultProps;

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

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../src/DateInput/DSDateInput.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["/* eslint-disable max-lines */\nimport React, { useState, useCallback, useEffect } from 'react';\nimport { describe, 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;\nDSDateInput.displayName = 'DSDateInput';\nconst DSDateInputWithSchema = describe(DSDateInput).deprecated('use DateInputV2 instead');\nDSDateInputWithSchema.propTypes = props;\n\nexport { DateInputImpl, DSDateInputWithSchema, DSDateInput };\n\nexport default DSDateInput;\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADuDf;AAtDR,mBAAwD;AACxD,0BAAiC;AACjC,mBAAwB;AACxB,2BAA8B;AAC9B,mBAAsB;AACtB,0BAA6B;AAE7B,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;AACF,MAAM;AACJ,QAAM,CAAC,WAAW,YAAY,QAAI,uBAAS,KAAK;AAEhD,8BAAU,MAAM;AACd,QAAI,OAAO;AACT,mBAAa,KAAK;AAAA,IACpB;AAAA,EACF,GAAG,CAAC,KAAK,CAAC;AAEV,QAAM,oBAAgB,0BAAY,MAAM;AACtC,oCAAO,SAAS,aAAa,EAAE,CAAC;AAAA,EAClC,GAAG,CAAC,OAAO,CAAC;AAEZ,QAAM,oBAAgB,0BAAY,CAAC,GAAG,MAAM,mBAAmB;AAC7D,mBAAe,GAAG,IAAI;AAAA,EACxB,GAAG,CAAC,CAAC;AAEL,QAAM,qBAAiB,0BAAY,CAAC,MAAM,kBAAkB;AAC1D,iBAAa,IAAI;AACjB,kBAAc,IAAI;AAAA,EACpB,GAAG,CAAC,CAAC;AAEL,SACE,4CAAC;AAAA,IACC,WAAW,GAAG;AAAA,IACd;AAAA,IACA;AAAA,IACA,iBAAiB,CAAC,EAAE,UAAU,eAAe,WAAW,mBAAmB,eAAe,MACxF,4CAAC;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA,UAAU,CAAC,SAAS,eAAe,MAAM,aAAa;AAAA,MACtD;AAAA,MACA,WAAW,CAAC,GAAG,SAAS,cAAc,GAAG,MAAM,cAAc;AAAA,MAC7D,OAAO;AAAA,MACN,GAAG;AAAA,MACJ;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,KACF;AAAA,IAEF,gBAAgB;AAAA,IAChB;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,SAAS;AAAA,IACT,OAAO;AAAA,GACT;AAEJ;AAEA,YAAY,YAAY;AACxB,YAAY,eAAe;AAC3B,YAAY,cAAc;AAC1B,MAAM,4BAAwB,8BAAS,WAAW,EAAE,WAAW,yBAAyB;AACxF,sBAAsB,YAAY;AAIlC,IAAO,sBAAQ;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADuDf;AAtDR,mBAAwD;AACxD,0BAAiC;AACjC,mBAAwB;AACxB,2BAA8B;AAC9B,mBAAsB;AACtB,0BAA6B;AAE7B,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;AACF,MAAM;AACJ,QAAM,CAAC,WAAW,YAAY,QAAI,uBAAS,KAAK;AAEhD,8BAAU,MAAM;AACd,QAAI,OAAO;AACT,mBAAa,KAAK;AAAA,IACpB;AAAA,EACF,GAAG,CAAC,KAAK,CAAC;AAEV,QAAM,oBAAgB,0BAAY,MAAM;AACtC,oCAAO,SAAS,aAAa,EAAE,CAAC;AAAA,EAClC,GAAG,CAAC,OAAO,CAAC;AAEZ,QAAM,oBAAgB,0BAAY,CAAC,GAAG,MAAM,mBAAmB;AAC7D,mBAAe,GAAG,IAAI;AAAA,EACxB,GAAG,CAAC,CAAC;AAEL,QAAM,qBAAiB,0BAAY,CAAC,MAAM,kBAAkB;AAC1D,iBAAa,IAAI;AACjB,kBAAc,IAAI;AAAA,EACpB,GAAG,CAAC,CAAC;AAEL,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW,GAAG;AAAA,MACd;AAAA,MACA;AAAA,MACA,iBAAiB,CAAC,EAAE,UAAU,eAAe,WAAW,mBAAmB,eAAe,MACxF;AAAA,QAAC;AAAA;AAAA,UACC;AAAA,UACA;AAAA,UACA;AAAA,UACA,UAAU,CAAC,SAAS,eAAe,MAAM,aAAa;AAAA,UACtD;AAAA,UACA,WAAW,CAAC,GAAG,SAAS,cAAc,GAAG,MAAM,cAAc;AAAA,UAC7D,OAAO;AAAA,UACN,GAAG;AAAA,UACJ;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA;AAAA,MACF;AAAA,MAEF,gBAAgB;AAAA,MAChB;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,SAAS;AAAA,MACT,OAAO;AAAA;AAAA,EACT;AAEJ;AAEA,YAAY,YAAY;AACxB,YAAY,eAAe;AAC3B,YAAY,cAAc;AAC1B,MAAM,4BAAwB,8BAAS,WAAW,EAAE,WAAW,yBAAyB;AACxF,sBAAsB,YAAY;AAIlC,IAAO,sBAAQ;",
   "names": []
 }

package/dist/cjs/DateInput/components/DateInputImpl.js

@@ -65,12 +65,9 @@ const DateInputImpl = ({
     }
   };
   const visibleInputs = (0, import_react.useMemo)(() => getVisibleTimeByFormat(format), [format]);
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(DateInputContainer, {
-    className,
-    disabled,
-    innerRef,
-    onClick: handleFocus,
-    children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_DateInputs.DateInputs, {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(DateInputContainer, { className, disabled, innerRef, onClick: handleFocus, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_DateInputs.DateInputs,
+    {
       disabled,
       format,
       INTERNAL_V2_NO_MUTATION,
@@ -83,8 +80,8 @@ const DateInputImpl = ({
       yearMaxRange,
       yearMinRange,
       ...visibleInputs
-    })
-  });
+    }
+  ) });
 };
 DateInputImpl.propTypes = {
   innerRef: import_prop_types.default.oneOfType([import_prop_types.default.func, import_prop_types.default.shape({ current: import_prop_types.default.any })]),

package/dist/cjs/DateInput/components/DateInputImpl.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../src/DateInput/components/DateInputImpl.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["import React, { useRef, useMemo } from 'react';\nimport PropTypes from 'prop-types';\nimport Moment from 'moment';\nimport { aggregatedClasses } from '@elliemae/ds-classnames';\nimport { DateInputs } from './DateInputs';\n\nconst blockName = 'input-time';\n\nconst DateInputContainer = aggregatedClasses('div')(blockName);\n\nconst getVisibleTimeByFormat = (format) => ({\n  showMonth: format.indexOf('MM') > -1 || format.indexOf('M') > -1,\n  showDay: format.indexOf('DD') > -1 || format.indexOf('D') > -1,\n  showYear: format.indexOf('YYYY') > -1,\n});\n\nconst DateInputImpl = ({\n  format,\n  innerRef,\n  onBlur,\n  onChange,\n  onKeyDown,\n  onError,\n  className,\n  value,\n  disabled,\n  yearMaxRange,\n  yearMinRange,\n  onFocus,\n  // eslint-disable-next-line react/prop-types\n  INTERNAL_V2_NO_MUTATION,\n}) => {\n  const inputContainerRef = useRef();\n\n  const handleFocus = (e) => {\n    onFocus();\n    if (!e.target.type) {\n      inputContainerRef.current.querySelector('input').focus();\n    }\n  };\n\n  const visibleInputs = useMemo(() => getVisibleTimeByFormat(format), [format]);\n\n  return (\n    <DateInputContainer className={className} disabled={disabled} innerRef={innerRef} onClick={handleFocus}>\n      <DateInputs\n        disabled={disabled}\n        format={format}\n        INTERNAL_V2_NO_MUTATION={INTERNAL_V2_NO_MUTATION}\n        innerRef={inputContainerRef}\n        onBlur={onBlur}\n        onChange={onChange}\n        onCustomKeyDown={onKeyDown}\n        onError={onError}\n        time={value}\n        yearMaxRange={yearMaxRange}\n        yearMinRange={yearMinRange}\n        {...visibleInputs}\n      />\n    </DateInputContainer>\n  );\n};\n\nDateInputImpl.propTypes = {\n  innerRef: PropTypes.oneOfType([PropTypes.func, PropTypes.shape({ current: PropTypes.any })]),\n  onBlur: PropTypes.bool,\n  onChange: PropTypes.func,\n  onKeyDown: PropTypes.func,\n  onError: PropTypes.func,\n  format: PropTypes.string,\n  showMonth: PropTypes.bool,\n  className: PropTypes.string,\n  showDay: PropTypes.bool,\n  showYear: PropTypes.bool,\n  step: PropTypes.number,\n  onFocus: PropTypes.func,\n  yearMaxRange: PropTypes.number,\n  disabled: PropTypes.bool,\n  yearMinRange: PropTypes.number,\n  value: PropTypes.instanceOf(Moment),\n};\n\nexport { DateInputImpl };\nexport default DateInputImpl;\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;AD6CjB;AA7CN,mBAAuC;AACvC,wBAAsB;AACtB,oBAAmB;AACnB,2BAAkC;AAClC,wBAA2B;AAE3B,MAAM,YAAY;AAElB,MAAM,yBAAqB,wCAAkB,KAAK,EAAE,SAAS;AAE7D,MAAM,yBAAyB,CAAC,YAAY;AAAA,EAC1C,WAAW,OAAO,QAAQ,IAAI,IAAI,MAAM,OAAO,QAAQ,GAAG,IAAI;AAAA,EAC9D,SAAS,OAAO,QAAQ,IAAI,IAAI,MAAM,OAAO,QAAQ,GAAG,IAAI;AAAA,EAC5D,UAAU,OAAO,QAAQ,MAAM,IAAI;AACrC;AAEA,MAAM,gBAAgB,CAAC;AAAA,EACrB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EAEA;AACF,MAAM;AACJ,QAAM,wBAAoB,qBAAO;AAEjC,QAAM,cAAc,CAAC,MAAM;AACzB,YAAQ;AACR,QAAI,CAAC,EAAE,OAAO,MAAM;AAClB,wBAAkB,QAAQ,cAAc,OAAO,EAAE,MAAM;AAAA,IACzD;AAAA,EACF;AAEA,QAAM,oBAAgB,sBAAQ,MAAM,uBAAuB,MAAM,GAAG,CAAC,MAAM,CAAC;AAE5E,SACE,4CAAC;AAAA,IAAmB;AAAA,IAAsB;AAAA,IAAoB;AAAA,IAAoB,SAAS;AAAA,IACzF,sDAAC;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA,UAAU;AAAA,MACV;AAAA,MACA;AAAA,MACA,iBAAiB;AAAA,MACjB;AAAA,MACA,MAAM;AAAA,MACN;AAAA,MACA;AAAA,MACC,GAAG;AAAA,KACN;AAAA,GACF;AAEJ;AAEA,cAAc,YAAY;AAAA,EACxB,UAAU,kBAAAA,QAAU,UAAU,CAAC,kBAAAA,QAAU,MAAM,kBAAAA,QAAU,MAAM,EAAE,SAAS,kBAAAA,QAAU,IAAI,CAAC,CAAC,CAAC;AAAA,EAC3F,QAAQ,kBAAAA,QAAU;AAAA,EAClB,UAAU,kBAAAA,QAAU;AAAA,EACpB,WAAW,kBAAAA,QAAU;AAAA,EACrB,SAAS,kBAAAA,QAAU;AAAA,EACnB,QAAQ,kBAAAA,QAAU;AAAA,EAClB,WAAW,kBAAAA,QAAU;AAAA,EACrB,WAAW,kBAAAA,QAAU;AAAA,EACrB,SAAS,kBAAAA,QAAU;AAAA,EACnB,UAAU,kBAAAA,QAAU;AAAA,EACpB,MAAM,kBAAAA,QAAU;AAAA,EAChB,SAAS,kBAAAA,QAAU;AAAA,EACnB,cAAc,kBAAAA,QAAU;AAAA,EACxB,UAAU,kBAAAA,QAAU;AAAA,EACpB,cAAc,kBAAAA,QAAU;AAAA,EACxB,OAAO,kBAAAA,QAAU,WAAW,cAAAC,OAAM;AACpC;AAGA,IAAO,wBAAQ;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;AD6CjB;AA7CN,mBAAuC;AACvC,wBAAsB;AACtB,oBAAmB;AACnB,2BAAkC;AAClC,wBAA2B;AAE3B,MAAM,YAAY;AAElB,MAAM,yBAAqB,wCAAkB,KAAK,EAAE,SAAS;AAE7D,MAAM,yBAAyB,CAAC,YAAY;AAAA,EAC1C,WAAW,OAAO,QAAQ,IAAI,IAAI,MAAM,OAAO,QAAQ,GAAG,IAAI;AAAA,EAC9D,SAAS,OAAO,QAAQ,IAAI,IAAI,MAAM,OAAO,QAAQ,GAAG,IAAI;AAAA,EAC5D,UAAU,OAAO,QAAQ,MAAM,IAAI;AACrC;AAEA,MAAM,gBAAgB,CAAC;AAAA,EACrB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EAEA;AACF,MAAM;AACJ,QAAM,wBAAoB,qBAAO;AAEjC,QAAM,cAAc,CAAC,MAAM;AACzB,YAAQ;AACR,QAAI,CAAC,EAAE,OAAO,MAAM;AAClB,wBAAkB,QAAQ,cAAc,OAAO,EAAE,MAAM;AAAA,IACzD;AAAA,EACF;AAEA,QAAM,oBAAgB,sBAAQ,MAAM,uBAAuB,MAAM,GAAG,CAAC,MAAM,CAAC;AAE5E,SACE,4CAAC,sBAAmB,WAAsB,UAAoB,UAAoB,SAAS,aACzF;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA,UAAU;AAAA,MACV;AAAA,MACA;AAAA,MACA,iBAAiB;AAAA,MACjB;AAAA,MACA,MAAM;AAAA,MACN;AAAA,MACA;AAAA,MACC,GAAG;AAAA;AAAA,EACN,GACF;AAEJ;AAEA,cAAc,YAAY;AAAA,EACxB,UAAU,kBAAAA,QAAU,UAAU,CAAC,kBAAAA,QAAU,MAAM,kBAAAA,QAAU,MAAM,EAAE,SAAS,kBAAAA,QAAU,IAAI,CAAC,CAAC,CAAC;AAAA,EAC3F,QAAQ,kBAAAA,QAAU;AAAA,EAClB,UAAU,kBAAAA,QAAU;AAAA,EACpB,WAAW,kBAAAA,QAAU;AAAA,EACrB,SAAS,kBAAAA,QAAU;AAAA,EACnB,QAAQ,kBAAAA,QAAU;AAAA,EAClB,WAAW,kBAAAA,QAAU;AAAA,EACrB,WAAW,kBAAAA,QAAU;AAAA,EACrB,SAAS,kBAAAA,QAAU;AAAA,EACnB,UAAU,kBAAAA,QAAU;AAAA,EACpB,MAAM,kBAAAA,QAAU;AAAA,EAChB,SAAS,kBAAAA,QAAU;AAAA,EACnB,cAAc,kBAAAA,QAAU;AAAA,EACxB,UAAU,kBAAAA,QAAU;AAAA,EACpB,cAAc,kBAAAA,QAAU;AAAA,EACxB,OAAO,kBAAAA,QAAU,WAAW,cAAAC,OAAM;AACpC;AAGA,IAAO,wBAAQ;",
   "names": ["PropTypes", "Moment"]
 }

package/dist/cjs/DateInput/components/DateInputs.js

@@ -45,10 +45,7 @@ const YearInput = (0, import_ds_classnames.aggregatedClasses)("input")(blockName
 const Divider = (0, import_ds_classnames.aggregatedClasses)("span")(blockName, "divider", ({ value }) => ({
   value
 }));
-const DateDivider = ({ content = ":", value = "" }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Divider, {
-  value: !!value,
-  children: content
-});
+const DateDivider = ({ content = ":", value = "" }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Divider, { value: !!value, children: content });
 const DateInputs = ({
   innerRef,
   onBlur,
@@ -242,17 +239,20 @@ const DateInputs = ({
       handleMonthChange(e);
       (0, import_utils.triggerOnBlur)(e, onBlur);
     };
-    return /* @__PURE__ */ (0, import_react.createElement)(MonthInput, {
-      ...(0, import_utils.commonInputProps)(digits, onKeyDown, placeholder),
-      autocomplete: "off",
-      key: "month-input",
-      "data-testid": "month",
-      disabled,
-      name: "month",
-      onBlur: onMonthInputBlur,
-      onChange: handleMonthChange,
-      value: month
-    });
+    return /* @__PURE__ */ (0, import_react.createElement)(
+      MonthInput,
+      {
+        ...(0, import_utils.commonInputProps)(digits, onKeyDown, placeholder),
+        autocomplete: "off",
+        key: "month-input",
+        "data-testid": "month",
+        disabled,
+        name: "month",
+        onBlur: onMonthInputBlur,
+        onChange: handleMonthChange,
+        value: month
+      }
+    );
   };
   const renderDayInput = () => {
     if (!showDay)
@@ -262,17 +262,20 @@ const DateInputs = ({
       handleDayChange(e);
       (0, import_utils.triggerOnBlur)(e, onBlur);
     };
-    return /* @__PURE__ */ (0, import_react.createElement)(DayInput, {
-      ...(0, import_utils.commonInputProps)(digits, onKeyDown, placeholder),
-      autocomplete: "off",
-      key: "day-input",
-      "data-testid": "day",
-      disabled,
-      name: "day",
-      onBlur: onDayInputBlur,
-      onChange: handleDayChange,
-      value: day
-    });
+    return /* @__PURE__ */ (0, import_react.createElement)(
+      DayInput,
+      {
+        ...(0, import_utils.commonInputProps)(digits, onKeyDown, placeholder),
+        autocomplete: "off",
+        key: "day-input",
+        "data-testid": "day",
+        disabled,
+        name: "day",
+        onBlur: onDayInputBlur,
+        onChange: handleDayChange,
+        value: day
+      }
+    );
   };
   const renderYearInput = () => {
     if (!showYear)
@@ -283,25 +286,25 @@ const DateInputs = ({
       handleYearChange(e);
       (0, import_utils.triggerOnBlur)(e, onBlur);
     };
-    return /* @__PURE__ */ (0, import_react.createElement)(YearInput, {
-      ...(0, import_utils.commonInputProps)(digits, onKeyDown, placeholder),
-      autocomplete: "off",
-      key: "seconds-input",
-      "data-testid": "year",
-      disabled,
-      name: "year",
-      onBlur: onYearInputBlur,
-      onChange: handleYearChange,
-      value: year
-    });
+    return /* @__PURE__ */ (0, import_react.createElement)(
+      YearInput,
+      {
+        ...(0, import_utils.commonInputProps)(digits, onKeyDown, placeholder),
+        autocomplete: "off",
+        key: "seconds-input",
+        "data-testid": "year",
+        disabled,
+        name: "year",
+        onBlur: onYearInputBlur,
+        onChange: handleYearChange,
+        value: year
+      }
+    );
   };
   const renderDateInputs = () => {
     const inputs = [renderMonthInput(), renderDayInput(), renderYearInput()];
     const inputsWithDividers = inputs.reduce(
-      (acc, input, index) => input ? acc.concat([index ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(DateDivider, {
-        content: " / ",
-        value: input.props.value
-      }, index) : null, input]) : acc,
+      (acc, input, index) => input ? acc.concat([index ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(DateDivider, { content: " / ", value: input.props.value }, index) : null, input]) : acc,
       []
     );
     return [
@@ -309,10 +312,7 @@ const DateInputs = ({
       import_react2.default.createElement("span", { key: "span" })
     ];
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(InputTimesGroup, {
-    innerRef,
-    children: renderDateInputs()
-  });
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(InputTimesGroup, { innerRef, children: renderDateInputs() });
 };
 DateInputs.propTypes = {
   innerRef: import_prop_types.default.oneOfType([import_prop_types.default.func, import_prop_types.default.shape({ current: import_prop_types.default.any })]),