@elliemae/ds-form 3.27.0-next.1 → 3.27.0-next.3

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

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

package/dist/esm/CheckboxGroup/DSCheckboxGroup.js

@@ -1,100 +0,0 @@
-import * as React from "react";
-import { jsx } from "react/jsx-runtime";
-import React2 from "react";
-import PropTypes from "prop-types";
-import { describe } from "@elliemae/ds-props-helpers";
-import { GroupItem, Group } from "@elliemae/ds-shared";
-import { DSFormItemLayout } from "../FormItem/index.js";
-import { DSCheckbox } from "../Checkbox/index.js";
-import { props as cprops } from "./props.js";
-import { defaultProps } from "./defaultProps.js";
-const emClassPrefix = "em-ds";
-const baseClass = `${emClassPrefix}-checkbox-group`;
-const CheckboxItem = (props) => /* @__PURE__ */ jsx(
-  GroupItem,
-  {
-    render: (context) => /* @__PURE__ */ jsx(
-      DSCheckbox,
-      {
-        ...props,
-        checked: context.activeValue && context.activeValue.indexOf(props.value) !== -1,
-        disabled: context.disabled || props.disabled,
-        onChange: context.onChange
-      }
-    )
-  }
-);
-const DSCheckboxGroup = ({
-  onChange,
-  activeValue,
-  children,
-  disabled,
-  orientation,
-  truncateText,
-  labelProps,
-  containerProps
-}) => {
-  const checkRefs = [];
-  const count = React2.Children.count(children);
-  const onKeyDown = (e, index) => {
-    if (e.key === "ArrowLeft" || e.key === "ArrowUp") {
-      if (index === 0)
-        checkRefs[count - 1].focus();
-      else
-        checkRefs[index - 1].focus();
-    }
-    if (e.key === "ArrowRight" || e.key === "ArrowDown") {
-      if (index === count - 1)
-        checkRefs[0].focus();
-      else
-        checkRefs[index + 1].focus();
-    }
-  };
-  const group = /* @__PURE__ */ jsx(Group, { activeValue, disabled, multiple: true, onChange, children: /* @__PURE__ */ jsx(
-    "div",
-    {
-      className: `${baseClass} ${baseClass}--${orientation}`,
-      ...labelProps && labelProps.labelText ? {} : containerProps,
-      role: "group",
-      children: React2.Children.map(
-        children,
-        (child, index) => /* @__PURE__ */ jsx(
-          CheckboxItem,
-          {
-            ...child.props,
-            innerRef: (t) => {
-              checkRefs.push(t);
-            },
-            onKeyDown: (e) => onKeyDown(e, index)
-          }
-        ),
-        null
-      )
-    }
-  ) });
-  if (labelProps && labelProps.labelText) {
-    return /* @__PURE__ */ jsx("div", { className: `${baseClass}-form-item-layout-wrapper`, ...containerProps, role: "group", children: /* @__PURE__ */ jsx(DSFormItemLayout, { ...labelProps, inputComponent: group, onChange, truncateText }) });
-  }
-  return group;
-};
-const noop = () => null;
-DSCheckboxGroup.propTypes = cprops;
-DSCheckboxGroup.defaultProps = defaultProps;
-DSCheckboxGroup.displayName = "DSCheckboxGroup";
-const DSCheckboxGroupWithSchema = describe(DSCheckboxGroup);
-DSCheckboxGroupWithSchema.propTypes = cprops;
-CheckboxItem.propTypes = {
-  checked: PropTypes.bool,
-  disabled: PropTypes.bool,
-  onChange: PropTypes.func
-};
-CheckboxItem.defaultProps = {
-  checked: false,
-  disabled: false,
-  onChange: noop
-};
-export {
-  DSCheckboxGroup,
-  DSCheckboxGroupWithSchema
-};
-//# sourceMappingURL=DSCheckboxGroup.js.map

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

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../src/CheckboxGroup/DSCheckboxGroup.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport PropTypes from 'prop-types';\nimport { describe } from '@elliemae/ds-props-helpers';\nimport { GroupItem, Group } from '@elliemae/ds-shared';\nimport { DSFormItemLayout } from '../FormItem/index.js';\nimport { DSCheckbox } from '../Checkbox/index.js';\nimport { props as cprops } from './props.js';\nimport { defaultProps } from './defaultProps.js';\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"],
-  "mappings": "AAAA,YAAY,WAAW;ACgBjB;AAhBN,OAAOA,YAAW;AAClB,OAAO,eAAe;AACtB,SAAS,gBAAgB;AACzB,SAAS,WAAW,aAAa;AACjC,SAAS,wBAAwB;AACjC,SAAS,kBAAkB;AAC3B,SAAS,SAAS,cAAc;AAChC,SAAS,oBAAoB;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,QAAQA,OAAM,SAAS,MAAM,QAAQ;AAC3C,QAAM,YAAY,CAAC,GAAG,UAAU;AAC9B,QAAI,EAAE,QAAQ,eAAe,EAAE,QAAQ,WAAW;AAChD,UAAI,UAAU;AAAG,kBAAU,QAAQ,CAAC,EAAE,MAAM;AAAA;AACvC,kBAAU,QAAQ,CAAC,EAAE,MAAM;AAAA,IAClC;AACA,QAAI,EAAE,QAAQ,gBAAgB,EAAE,QAAQ,aAAa;AACnD,UAAI,UAAU,QAAQ;AAAG,kBAAU,CAAC,EAAE,MAAM;AAAA;AACvC,kBAAU,QAAQ,CAAC,EAAE,MAAM;AAAA,IAClC;AAAA,EACF;AACA,QAAM,QACJ,oBAAC,SAAM,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,UAAAA,OAAM,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,oBAAC,SAAI,WAAW,GAAG,sCAAuC,GAAG,gBAAgB,MAAK,SAChF,8BAAC,oBAAkB,GAAG,YAAY,gBAAgB,OAAO,UAAoB,cAA4B,GAC3G;AAAA,EAEJ;AACA,SAAO;AACT;AAEA,MAAM,OAAO,MAAM;AAEnB,gBAAgB,YAAY;AAC5B,gBAAgB,eAAe;AAC/B,gBAAgB,cAAc;AAC9B,MAAM,4BAA4B,SAAS,eAAe;AAC1D,0BAA0B,YAAY;AAEtC,aAAa,YAAY;AAAA,EACvB,SAAS,UAAU;AAAA,EACnB,UAAU,UAAU;AAAA,EACpB,UAAU,UAAU;AACtB;AAEA,aAAa,eAAe;AAAA,EAC1B,SAAS;AAAA,EACT,UAAU;AAAA,EACV,UAAU;AACZ;",
-  "names": ["React"]
-}

package/dist/esm/CheckboxGroup/defaultProps.js

@@ -1,19 +0,0 @@
-import * as React from "react";
-const defaultProps = {
-  onChange: () => null,
-  activeValue: [],
-  children: [],
-  disabled: false,
-  orientation: "vertical",
-  truncateText: false,
-  labelProps: {
-    feedbackMessage: "",
-    labelText: "",
-    required: false
-  },
-  containerProps: {}
-};
-export {
-  defaultProps
-};
-//# sourceMappingURL=defaultProps.js.map

package/dist/esm/CheckboxGroup/defaultProps.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../src/CheckboxGroup/defaultProps.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export const defaultProps = {\n  onChange: () => null,\n  activeValue: [],\n  children: [],\n  disabled: false,\n  orientation: 'vertical',\n  truncateText: false,\n  labelProps: {\n    feedbackMessage: '',\n    labelText: '',\n    required: false,\n  },\n  containerProps: {},\n};\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACAhB,MAAM,eAAe;AAAA,EAC1B,UAAU,MAAM;AAAA,EAChB,aAAa,CAAC;AAAA,EACd,UAAU,CAAC;AAAA,EACX,UAAU;AAAA,EACV,aAAa;AAAA,EACb,cAAc;AAAA,EACd,YAAY;AAAA,IACV,iBAAiB;AAAA,IACjB,WAAW;AAAA,IACX,UAAU;AAAA,EACZ;AAAA,EACA,gBAAgB,CAAC;AACnB;",
-  "names": []
-}

package/dist/esm/CheckboxGroup/index.js

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

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

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

package/dist/esm/CheckboxGroup/props.js

@@ -1,44 +0,0 @@
-import * as React from "react";
-import { PropTypes } from "@elliemae/ds-props-helpers";
-import { DSCheckbox } from "../Checkbox/index.js";
-import { orientation as checkboxGroupOrientation } from "@elliemae/ds-shared";
-const props = {
-  /**
-   * Allows a function that is triggered once the checkbox group changes
-   */
-  onChange: PropTypes.func.description("Allows a function that is triggered once the checkbox group changes"),
-  /**
-   * Default active value
-   */
-  activeValue: PropTypes.oneOfType([PropTypes.string, PropTypes.number, PropTypes.array]).description(
-    "Default active value"
-  ),
-  /**
-   * Checkbox group items to show of type DSCheckbox
-   */
-  children: PropTypes.arrayOf(
-    PropTypes.shape({
-      type: PropTypes.oneOf([DSCheckbox])
-    })
-  ).description("Checkbox group items to show of type DSCheckbox"),
-  /**
-   * Whether the checkbox group is disabled or not
-   */
-  disabled: PropTypes.bool.description("Whether the checkbox group is disabled or not"),
-  /**
-   * ['horizontal', 'vertical']
-   */
-  orientation: PropTypes.oneOf(checkboxGroupOrientation).description("['horizontal', 'vertical']"),
-  /**
-   * label props
-   */
-  labelProps: PropTypes.shape({
-    feedbackMessage: PropTypes.string,
-    labelText: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),
-    required: PropTypes.bool
-  }).description("label props")
-};
-export {
-  props
-};
-//# sourceMappingURL=props.js.map

package/dist/esm/CheckboxGroup/props.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../src/CheckboxGroup/props.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { PropTypes } from '@elliemae/ds-props-helpers';\nimport { DSCheckbox } from '../Checkbox/index.js';\nimport { orientation as checkboxGroupOrientation } from '@elliemae/ds-shared';\n\nexport const props = {\n  /**\n   * Allows a function that is triggered once the checkbox group changes\n   */\n  onChange: PropTypes.func.description('Allows a function that is triggered once the checkbox group changes'),\n  /**\n   * Default active value\n   */\n  activeValue: PropTypes.oneOfType([PropTypes.string, PropTypes.number, PropTypes.array]).description(\n    'Default active value',\n  ),\n  /**\n   * Checkbox group items to show of type DSCheckbox\n   */\n  children: PropTypes.arrayOf(\n    PropTypes.shape({\n      type: PropTypes.oneOf([DSCheckbox]),\n    }),\n  ).description('Checkbox group items to show of type DSCheckbox'),\n  /**\n   * Whether the checkbox group is disabled or not\n   */\n  disabled: PropTypes.bool.description('Whether the checkbox group is disabled or not'),\n  /**\n   * ['horizontal', 'vertical']\n   */\n  orientation: PropTypes.oneOf(checkboxGroupOrientation).description(\"['horizontal', 'vertical']\"),\n  /**\n   * label props\n   */\n  labelProps: PropTypes.shape({\n    feedbackMessage: PropTypes.string,\n    labelText: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),\n    required: PropTypes.bool,\n  }).description('label props'),\n};\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,iBAAiB;AAC1B,SAAS,kBAAkB;AAC3B,SAAS,eAAe,gCAAgC;AAEjD,MAAM,QAAQ;AAAA;AAAA;AAAA;AAAA,EAInB,UAAU,UAAU,KAAK,YAAY,qEAAqE;AAAA;AAAA;AAAA;AAAA,EAI1G,aAAa,UAAU,UAAU,CAAC,UAAU,QAAQ,UAAU,QAAQ,UAAU,KAAK,CAAC,EAAE;AAAA,IACtF;AAAA,EACF;AAAA;AAAA;AAAA;AAAA,EAIA,UAAU,UAAU;AAAA,IAClB,UAAU,MAAM;AAAA,MACd,MAAM,UAAU,MAAM,CAAC,UAAU,CAAC;AAAA,IACpC,CAAC;AAAA,EACH,EAAE,YAAY,iDAAiD;AAAA;AAAA;AAAA;AAAA,EAI/D,UAAU,UAAU,KAAK,YAAY,+CAA+C;AAAA;AAAA;AAAA;AAAA,EAIpF,aAAa,UAAU,MAAM,wBAAwB,EAAE,YAAY,4BAA4B;AAAA;AAAA;AAAA;AAAA,EAI/F,YAAY,UAAU,MAAM;AAAA,IAC1B,iBAAiB,UAAU;AAAA,IAC3B,WAAW,UAAU,UAAU,CAAC,UAAU,QAAQ,UAAU,OAAO,CAAC;AAAA,IACpE,UAAU,UAAU;AAAA,EACtB,CAAC,EAAE,YAAY,aAAa;AAC9B;",
-  "names": []
-}

package/dist/esm/ComboBox/index.js

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

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

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

package/dist/esm/ComboBoxFreeSolo/ComboBoxFreeSolo.js

@@ -1,139 +0,0 @@
-import * as React from "react";
-import { jsx } from "react/jsx-runtime";
-import PropTypes from "prop-types";
-import { noop } from "lodash";
-import { DSComboBox2 } from "../ComboBox/index.js";
-import { MultiValueLabel } from "./components/MultiValueLabel.js";
-import { MultiValueRemove } from "./components/MultiValueRemove.js";
-import { SingleValue } from "./components/SingleValue.js";
-import { SingleValueRemove } from "./components/SingleValueRemove.js";
-const customStyles = {
-  multiValueRemove: MultiValueRemove.style,
-  clearIndicator: SingleValueRemove.style,
-  multiValue: (base) => ({
-    ...base,
-    borderRadius: "10px",
-    backgroundColor: "#ebf6ff"
-  }),
-  valueContainer: (base) => ({
-    ...base,
-    display: "-webkit-box",
-    flexWrap: "nowrap",
-    overflowX: "scroll",
-    overflowY: "hidden",
-    "-ms-overflow-style": "none",
-    // IE and Edge
-    "scrollbar-width": "none",
-    // Firefox
-    "::-webkit-scrollbar": { display: "none" }
-    // Chrome
-  })
-};
-const ComboBoxFreeSolo = ({
-  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,
-  ...rest
-}) => /* @__PURE__ */ jsx(
-  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,
-      MultiValueRemove,
-      SingleValue
-    },
-    componentsStyle: customStyles
-  }
-);
-ComboBoxFreeSolo.propTypes = {
-  containerProps: PropTypes.object,
-  /**
-   * Allows a function that is triggered once the combo box is focused
-   */
-  onFocus: PropTypes.func,
-  /**
-   * Allows a function that is triggered once the combo box loses focus
-   */
-  onBlur: PropTypes.func,
-  /**
-   * Allows a function that is triggered when a new value is selected from the dropdown menu
-   */
-  onChange: PropTypes.func.isRequired,
-  /**
-   * Allows a function that is triggered when a new value is selected from the dropdown menu
-   * It will return the current options selected
-   */
-  onChangeV2: PropTypes.func,
-  /**
-   * Allows a function that is triggered once the input value changes (on every keystroke)
-   */
-  onInputChange: PropTypes.func,
-  value: PropTypes.oneOfType([PropTypes.array, PropTypes.object]),
-  /**
-   * Value that the combo box has as default
-   */
-  options: PropTypes.arrayOf(PropTypes.object),
-  /**
-   * Whether the combo box is disabled or not
-   */
-  disabled: PropTypes.bool,
-  /**
-   * Whether the combo box free solo is multi selectable or not
-   */
-  isMulti: PropTypes.bool,
-  /**
-   * Placeholder for the combo box
-   */
-  placeholder: PropTypes.string,
-  /**
-   * Whether the combo box menu is open or not
-   */
-  menuIsOpen: PropTypes.bool,
-  /**
-   * Whether to show the combo box menu inline or not
-   */
-  /**
-   * function that reciveves the new value and returns the formatted value
-   */
-  formatCreateLabel: PropTypes.func,
-  /**
-   * Max options to be displayed on the menu list
-   */
-  maxOptions: PropTypes.number
-};
-var ComboBoxFreeSolo_default = ComboBoxFreeSolo;
-export {
-  ComboBoxFreeSolo,
-  ComboBoxFreeSolo_default as default
-};
-//# sourceMappingURL=ComboBoxFreeSolo.js.map

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

@@ -1,7 +0,0 @@
-{
-  "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/index.js';\nimport { MultiValueLabel } from './components/MultiValueLabel.js';\nimport { MultiValueRemove } from './components/MultiValueRemove.js';\nimport { SingleValue } from './components/SingleValue.js';\nimport { SingleValueRemove } from './components/SingleValueRemove.js';\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"],
-  "mappings": "AAAA,YAAY,WAAW;AC8CrB;AA7CF,OAAO,eAAe;AACtB,SAAS,YAAY;AACrB,SAAS,mBAAmB;AAC5B,SAAS,uBAAuB;AAChC,SAAS,wBAAwB;AACjC,SAAS,mBAAmB;AAC5B,SAAS,yBAAyB;AAElC,MAAM,eAAe;AAAA,EACnB,kBAAkB,iBAAiB;AAAA,EACnC,gBAAgB,kBAAkB;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;AAAA,IACtB,mBAAmB;AAAA;AAAA,IACnB,uBAAuB,EAAE,SAAS,OAAO;AAAA;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,EACb,GAAG;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,UAAU;AAAA;AAAA;AAAA;AAAA,EAI1B,SAAS,UAAU;AAAA;AAAA;AAAA;AAAA,EAInB,QAAQ,UAAU;AAAA;AAAA;AAAA;AAAA,EAIlB,UAAU,UAAU,KAAK;AAAA;AAAA;AAAA;AAAA;AAAA,EAKzB,YAAY,UAAU;AAAA;AAAA;AAAA;AAAA,EAItB,eAAe,UAAU;AAAA,EACzB,OAAO,UAAU,UAAU,CAAC,UAAU,OAAO,UAAU,MAAM,CAAC;AAAA;AAAA;AAAA;AAAA,EAI9D,SAAS,UAAU,QAAQ,UAAU,MAAM;AAAA;AAAA;AAAA;AAAA,EAI3C,UAAU,UAAU;AAAA;AAAA;AAAA;AAAA,EAIpB,SAAS,UAAU;AAAA;AAAA;AAAA;AAAA,EAInB,aAAa,UAAU;AAAA;AAAA;AAAA;AAAA,EAIvB,YAAY,UAAU;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAOtB,mBAAmB,UAAU;AAAA;AAAA;AAAA;AAAA,EAI7B,YAAY,UAAU;AACxB;AAGA,IAAO,2BAAQ;",
-  "names": []
-}

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

@@ -1,35 +0,0 @@
-import * as React from "react";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-import { styled } from "@elliemae/ds-system";
-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__ */ jsxs(Fragment, { children: [
-  /* @__PURE__ */ jsx(RemovablePillWrapper, { "data-testid": "pill-wrapper", children: /* @__PURE__ */ jsx(PillLabel, { children: label }) }),
-  clear
-] });
-const MultiValueLabel = ({ children, clear }) => /* @__PURE__ */ jsx(RemovablePill, { label: children, clear });
-export {
-  MultiValueLabel
-};
-//# sourceMappingURL=MultiValueLabel.js.map

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

@@ -1,7 +0,0 @@
-{
-  "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 '@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"],
-  "mappings": "AAAA,YAAY,WAAW;AC8BrB,mBAEI,KAFJ;AA5BF,SAAS,cAAc;AAEvB,MAAM,uBAAuB,OAAO;AAAA;AAAA;AAAA;AAAA,YAIxB,CAAC,UAAU,MAAM,MAAM,MAAM;AAAA;AAAA;AAAA;AAAA,sBAInB,CAAC,UAAU,MAAM,MAAM,OAAO,MAAM,GAAG;AAAA,4BACjC,CAAC,UAAU,MAAM,MAAM,UAAU,MAAM,GAAG;AAAA,+BACvC,CAAC,UAAU,MAAM,MAAM,UAAU,MAAM,GAAG;AAAA;AAAA,+BAE1C,CAAC,UAAU,MAAM,MAAM,UAAU,MAAM,GAAG;AAAA,kCACvC,CAAC,UAAU,MAAM,MAAM,UAAU,MAAM,GAAG;AAAA;AAAA;AAI5E,MAAM,YAAY,OAAO;AAAA;AAAA,WAEd,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ,GAAG;AAAA;AAAA;AAAA;AAAA;AAMpD,MAAM,gBAAgB,CAAC,EAAE,OAAO,MAAM,MACpC,iCACE;AAAA,sBAAC,wBAAqB,eAAY,gBAChC,8BAAC,aAAW,iBAAM,GACpB;AAAA,EACC;AAAA,GACH;AAGF,MAAM,kBAAkB,CAAC,EAAE,UAAU,MAAM,MAAM,oBAAC,iBAAc,OAAO,UAAU,OAAc;",
-  "names": []
-}

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

@@ -1,25 +0,0 @@
-import * as React from "react";
-import { jsx } from "react/jsx-runtime";
-import { styled } from "@elliemae/ds-system";
-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__ */ jsx(components.MultiValueRemove, { ...props, children: /* @__PURE__ */ jsx(PillCloseAddon, { children: /* @__PURE__ */ jsx(CloseXsmall, {}) }) });
-MultiValueRemove.style = (base) => ({
-  ...base,
-  paddingLeft: 0,
-  height: "100%",
-  ":hover": {
-    backgroundColor: "#EBF6FF"
-  }
-});
-export {
-  MultiValueRemove
-};
-//# sourceMappingURL=MultiValueRemove.js.map

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

@@ -1,7 +0,0 @@
-{
-  "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 '@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"],
-  "mappings": "AAAA,YAAY,WAAW;ACgBjB;AAfN,SAAS,cAAc;AACvB,SAAS,kBAAkB;AAC3B,SAAS,mBAAmB;AAE5B,MAAM,iBAAiB,OAAO;AAAA;AAAA,YAElB,CAAC,UAAU,MAAM,MAAM,MAAM;AAAA;AAAA;AAAA;AAAA;AAMzC,MAAM,mBAAmB,CAAC,UACxB,oBAAC,WAAW,kBAAX,EAA6B,GAAG,OAC/B,8BAAC,kBACC,8BAAC,eAAY,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/esm/ComboBoxFreeSolo/components/SingleValue.js

@@ -1,12 +0,0 @@
-import * as React from "react";
-import { jsx } from "react/jsx-runtime";
-import { SingleValueRemove } from "./SingleValueRemove.js";
-import { MultiValueLabel } from "./MultiValueLabel.js";
-const SingleValue = (props) => {
-  const { children } = props;
-  return /* @__PURE__ */ jsx(MultiValueLabel, { clear: /* @__PURE__ */ jsx(SingleValueRemove, { ...props }), children });
-};
-export {
-  SingleValue
-};
-//# sourceMappingURL=SingleValue.js.map

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

@@ -1,7 +0,0 @@
-{
-  "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.js';\nimport { MultiValueLabel } from './MultiValueLabel.js';\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"],
-  "mappings": "AAAA,YAAY,WAAW;ACOU;AANjC,SAAS,yBAAyB;AAClC,SAAS,uBAAuB;AAEhC,MAAM,cAAc,CAAC,UAAU;AAE7B,QAAM,EAAE,SAAS,IAAI;AACrB,SAAO,oBAAC,mBAAgB,OAAO,oBAAC,qBAAmB,GAAG,OAAO,GAAK,UAAS;AAC7E;",
-  "names": []
-}

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

@@ -1,41 +0,0 @@
-import * as React from "react";
-import { jsx } from "react/jsx-runtime";
-import { components } from "react-select";
-import { styled } from "@elliemae/ds-system";
-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__ */ jsx(components.ClearIndicator, { ...props, children: /* @__PURE__ */ jsx(
-    StyledButton,
-    {
-      ...props,
-      "data-testid": "free-solo-pill-clear-btn",
-      "aria-label": "clear-indicator",
-      buttonType: "text",
-      className: "clear-indicator",
-      icon: /* @__PURE__ */ jsx(CloseXsmall, { fill: "#000" }),
-      onClick: () => clearValue()
-    }
-  ) });
-};
-SingleValueRemove.style = (base) => ({
-  ...base,
-  padding: 0,
-  height: "16px",
-  backgroundColor: "#EBF6FF",
-  ":hover": {
-    backgroundColor: "#EBF6FF"
-  }
-});
-export {
-  SingleValueRemove
-};
-//# sourceMappingURL=SingleValueRemove.js.map

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

@@ -1,7 +0,0 @@
-{
-  "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 '@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"],
-  "mappings": "AAAA,YAAY,WAAW;AC0BT;AAzBd,SAAS,kBAAkB;AAC3B,SAAS,cAAc;AACvB,SAAS,mBAAmB;AAC5B,SAAS,gBAAgB;AAEzB,MAAM,eAAe,OAAO,QAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAQpC,MAAM,oBAAoB,CAAC,UAAU;AAEnC,QAAM,EAAE,WAAW,IAAI;AAEvB,SACE,oBAAC,WAAW,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,oBAAC,eAAY,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/esm/ComboBoxFreeSolo/index.js

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

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

@@ -1,7 +0,0 @@
-{
-  "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.js';\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACAvB,cAAc;",
-  "names": []
-}