@elliemae/ds-pills 2.3.0-alpha.8 → 2.3.0-next.2

package/dist/esm/deprecated/LabeledDropdownPillsTypes/LabeledDropdownMultiPill.js

@@ -1,116 +0,0 @@
-import * as React from "react";
-import React2, { useState, useEffect, useCallback } from "react";
-import { find } from "lodash";
-import { isFunction, addOrRemove } from "@elliemae/ds-utilities";
-import { RemovablePill } from "../RemovablePill";
-import { Pill } from "../Pill";
-import { OverflowPill } from "../OverflowPill";
-import { DropdownPill } from "../DropdownPill";
-function LabeledDropdownMultiPills({
-  label,
-  options = [],
-  value = [],
-  onSelect = () => null,
-  onRemove = () => null,
-  onChange,
-  maxWidth,
-  minWidth,
-  ...menuProps
-}) {
-  const [totalDefaultOptions, setTotalDefaultOptions] = useState(0);
-  const [selectedOptions, setSelectedOptions] = useState(value);
-  const [allOptions, setAllOptions] = useState(options);
-  const [overflowOptions, setOverflowOptions] = useState([]);
-  const overflowQuantity = 3;
-  useEffect(() => setSelectedOptions(value), [value]);
-  useEffect(() => {
-    const newOptions = allOptions.filter((option) => option.fixedItem);
-    if (newOptions.length > 0) {
-      setSelectedOptions(newOptions);
-    }
-    setTotalDefaultOptions(newOptions.length);
-  }, []);
-  useEffect(() => {
-    if (totalDefaultOptions) {
-      const newOptions = allOptions.map((opt) => {
-        if (selectedOptions.length <= totalDefaultOptions && find(selectedOptions, { id: opt.id })) {
-          return { ...opt, fixedItem: true };
-        }
-        return { ...opt, fixedItem: false };
-      });
-      setAllOptions(newOptions);
-    }
-  }, [onSelect, onRemove, selectedOptions]);
-  useEffect(() => {
-    if (selectedOptions.length > overflowQuantity) {
-      const overflow = selectedOptions.filter((val, index) => index >= overflowQuantity);
-      setOverflowOptions(overflow);
-    }
-  }, [selectedOptions]);
-  const selectOption = useCallback((option) => {
-    if (!option.fixedItem) {
-      if (isFunction(onChange)) {
-        const nextValue = addOrRemove(selectedOptions, option, (item) => item.id);
-        setSelectedOptions(nextValue);
-        onChange(nextValue);
-      }
-      onSelect(option);
-    }
-  }, [selectedOptions]);
-  const removeOption = useCallback((option) => {
-    if (!option.fixedItem || selectedOptions.length > totalDefaultOptions) {
-      if (isFunction(onChange)) {
-        const nextValue = selectedOptions.filter((val) => option.id !== val.id);
-        setSelectedOptions(nextValue);
-        onChange(nextValue);
-      }
-      onRemove(option);
-    }
-  }, [selectedOptions]);
-  const typeOfPill = () => {
-    if (selectedOptions.length > totalDefaultOptions) {
-      return RemovablePill;
-    }
-    return Pill;
-  };
-  return /* @__PURE__ */ React2.createElement(React2.Fragment, null, /* @__PURE__ */ React2.createElement(DropdownPill, {
-    ...menuProps,
-    focusOnOpen: false,
-    label,
-    maxWidth,
-    minWidth,
-    onSelectMenuItem: selectOption,
-    options: [
-      {
-        ...menuProps,
-        type: "SelectionGroup",
-        id: "multi-selection-views",
-        multi: true,
-        items: allOptions
-      }
-    ],
-    selection: {
-      "multi-selection-views": selectedOptions ? selectedOptions.map((o) => o.id) : ""
-    },
-    variant: "title"
-  }), selectedOptions && selectedOptions.map((option, index) => {
-    const TypeOfPill = typeOfPill();
-    if (index < overflowQuantity) {
-      return /* @__PURE__ */ React2.createElement(TypeOfPill, {
-        key: option.id,
-        label: option.label,
-        onRemove: () => removeOption(option)
-      });
-    }
-    return null;
-  }), selectedOptions && selectedOptions.length > overflowQuantity && /* @__PURE__ */ React2.createElement(OverflowPill, {
-    label: `+ ${selectedOptions.length - overflowQuantity}`,
-    options: overflowOptions
-  }));
-}
-var LabeledDropdownMultiPill_default = LabeledDropdownMultiPills;
-export {
-  LabeledDropdownMultiPills,
-  LabeledDropdownMultiPill_default as default
-};
-//# sourceMappingURL=LabeledDropdownMultiPill.js.map

package/dist/esm/deprecated/LabeledDropdownPillsTypes/LabeledDropdownMultiPill.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/deprecated/LabeledDropdownPillsTypes/LabeledDropdownMultiPill.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React, { useState, useEffect, useCallback } from 'react';\nimport { find } from 'lodash';\nimport { isFunction, addOrRemove } from '@elliemae/ds-utilities';\nimport { RemovablePill } from '../RemovablePill';\nimport { Pill } from '../Pill';\nimport { OverflowPill } from '../OverflowPill';\nimport { DropdownPill } from '../DropdownPill';\n\nfunction LabeledDropdownMultiPills({\n  label,\n  options = [],\n  value = [],\n  onSelect = () => null,\n  onRemove = () => null,\n  onChange, // if this is defined, then it's calculating the next result onSelect or onRemove\n  maxWidth,\n  minWidth,\n  ...menuProps\n}) {\n  const [totalDefaultOptions, setTotalDefaultOptions] = useState(0);\n  const [selectedOptions, setSelectedOptions] = useState(value);\n  const [allOptions, setAllOptions] = useState(options);\n  const [overflowOptions, setOverflowOptions] = useState([]);\n\n  const overflowQuantity = 3;\n\n  useEffect(() => setSelectedOptions(value), [value]);\n\n  useEffect(() => {\n    const newOptions = allOptions.filter((option) => option.fixedItem);\n    if (newOptions.length > 0) {\n      setSelectedOptions(newOptions);\n    }\n    setTotalDefaultOptions(newOptions.length);\n  }, []);\n\n  useEffect(() => {\n    if (totalDefaultOptions) {\n      const newOptions = allOptions.map((opt) => {\n        if (selectedOptions.length <= totalDefaultOptions && find(selectedOptions, { id: opt.id })) {\n          return { ...opt, fixedItem: true };\n        }\n        return { ...opt, fixedItem: false };\n      });\n\n      setAllOptions(newOptions);\n    }\n  }, [onSelect, onRemove, selectedOptions]);\n\n  useEffect(() => {\n    if (selectedOptions.length > overflowQuantity) {\n      const overflow = selectedOptions.filter((val, index) => index >= overflowQuantity);\n      setOverflowOptions(overflow);\n    }\n  }, [selectedOptions]);\n\n  const selectOption = useCallback(\n    (option) => {\n      if (!option.fixedItem) {\n        if (isFunction(onChange)) {\n          const nextValue = addOrRemove(selectedOptions, option, (item) => item.id);\n          setSelectedOptions(nextValue);\n          onChange(nextValue);\n        }\n        onSelect(option);\n      }\n    },\n    [selectedOptions],\n  );\n\n  const removeOption = useCallback(\n    (option) => {\n      if (!option.fixedItem || selectedOptions.length > totalDefaultOptions) {\n        if (isFunction(onChange)) {\n          const nextValue = selectedOptions.filter((val) => option.id !== val.id);\n          setSelectedOptions(nextValue);\n          onChange(nextValue);\n        }\n        onRemove(option);\n      }\n    },\n    [selectedOptions],\n  );\n\n  const typeOfPill = () => {\n    if (selectedOptions.length > totalDefaultOptions) {\n      return RemovablePill;\n    }\n\n    return Pill;\n  };\n\n  return (\n    <>\n      <DropdownPill\n        {...menuProps}\n        focusOnOpen={false}\n        label={label}\n        maxWidth={maxWidth}\n        minWidth={minWidth}\n        onSelectMenuItem={selectOption}\n        options={[\n          {\n            ...menuProps,\n            type: 'SelectionGroup',\n            id: 'multi-selection-views',\n            multi: true,\n            items: allOptions,\n          },\n        ]}\n        selection={{\n          'multi-selection-views': selectedOptions ? selectedOptions.map((o) => o.id) : '',\n        }}\n        variant=\"title\"\n      />\n      {selectedOptions &&\n        selectedOptions.map((option, index) => {\n          const TypeOfPill = typeOfPill();\n          if (index < overflowQuantity) {\n            return <TypeOfPill key={option.id} label={option.label} onRemove={() => removeOption(option)} />;\n          }\n          return null;\n        })}\n      {selectedOptions && selectedOptions.length > overflowQuantity && (\n        <OverflowPill label={`+ ${selectedOptions.length - overflowQuantity}`} options={overflowOptions} />\n      )}\n    </>\n  );\n}\n\nexport { LabeledDropdownMultiPills };\nexport default LabeledDropdownMultiPills;"],
-  "mappings": "AAAA;ACAA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA,mCAAmC;AAAA,EACjC;AAAA,EACA,UAAU;AAAA,EACV,QAAQ;AAAA,EACR,WAAW,MAAM;AAAA,EACjB,WAAW,MAAM;AAAA,EACjB;AAAA,EACA;AAAA,EACA;AAAA,KACG;AAAA,GACF;AACD,QAAM,CAAC,qBAAqB,0BAA0B,SAAS;AAC/D,QAAM,CAAC,iBAAiB,sBAAsB,SAAS;AACvD,QAAM,CAAC,YAAY,iBAAiB,SAAS;AAC7C,QAAM,CAAC,iBAAiB,sBAAsB,SAAS;AAEvD,QAAM,mBAAmB;AAEzB,YAAU,MAAM,mBAAmB,QAAQ,CAAC;AAE5C,YAAU,MAAM;AACd,UAAM,aAAa,WAAW,OAAO,CAAC,WAAW,OAAO;AACxD,QAAI,WAAW,SAAS,GAAG;AACzB,yBAAmB;AAAA;AAErB,2BAAuB,WAAW;AAAA,KACjC;AAEH,YAAU,MAAM;AACd,QAAI,qBAAqB;AACvB,YAAM,aAAa,WAAW,IAAI,CAAC,QAAQ;AACzC,YAAI,gBAAgB,UAAU,uBAAuB,KAAK,iBAAiB,EAAE,IAAI,IAAI,OAAO;AAC1F,iBAAO,KAAK,KAAK,WAAW;AAAA;AAE9B,eAAO,KAAK,KAAK,WAAW;AAAA;AAG9B,oBAAc;AAAA;AAAA,KAEf,CAAC,UAAU,UAAU;AAExB,YAAU,MAAM;AACd,QAAI,gBAAgB,SAAS,kBAAkB;AAC7C,YAAM,WAAW,gBAAgB,OAAO,CAAC,KAAK,UAAU,SAAS;AACjE,yBAAmB;AAAA;AAAA,KAEpB,CAAC;AAEJ,QAAM,eAAe,YACnB,CAAC,WAAW;AACV,QAAI,CAAC,OAAO,WAAW;AACrB,UAAI,WAAW,WAAW;AACxB,cAAM,YAAY,YAAY,iBAAiB,QAAQ,CAAC,SAAS,KAAK;AACtE,2BAAmB;AACnB,iBAAS;AAAA;AAEX,eAAS;AAAA;AAAA,KAGb,CAAC;AAGH,QAAM,eAAe,YACnB,CAAC,WAAW;AACV,QAAI,CAAC,OAAO,aAAa,gBAAgB,SAAS,qBAAqB;AACrE,UAAI,WAAW,WAAW;AACxB,cAAM,YAAY,gBAAgB,OAAO,CAAC,QAAQ,OAAO,OAAO,IAAI;AACpE,2BAAmB;AACnB,iBAAS;AAAA;AAEX,eAAS;AAAA;AAAA,KAGb,CAAC;AAGH,QAAM,aAAa,MAAM;AACvB,QAAI,gBAAgB,SAAS,qBAAqB;AAChD,aAAO;AAAA;AAGT,WAAO;AAAA;AAGT,SACE,4DACE,qCAAC,cAAD;AAAA,OACM;AAAA,IACJ,aAAa;AAAA,IACb;AAAA,IACA;AAAA,IACA;AAAA,IACA,kBAAkB;AAAA,IAClB,SAAS;AAAA,MACP;AAAA,WACK;AAAA,QACH,MAAM;AAAA,QACN,IAAI;AAAA,QACJ,OAAO;AAAA,QACP,OAAO;AAAA;AAAA;AAAA,IAGX,WAAW;AAAA,MACT,yBAAyB,kBAAkB,gBAAgB,IAAI,CAAC,MAAM,EAAE,MAAM;AAAA;AAAA,IAEhF,SAAQ;AAAA,MAET,mBACC,gBAAgB,IAAI,CAAC,QAAQ,UAAU;AACrC,UAAM,aAAa;AACnB,QAAI,QAAQ,kBAAkB;AAC5B,aAAO,qCAAC,YAAD;AAAA,QAAY,KAAK,OAAO;AAAA,QAAI,OAAO,OAAO;AAAA,QAAO,UAAU,MAAM,aAAa;AAAA;AAAA;AAEvF,WAAO;AAAA,MAEV,mBAAmB,gBAAgB,SAAS,oBAC3C,qCAAC,cAAD;AAAA,IAAc,OAAO,KAAK,gBAAgB,SAAS;AAAA,IAAoB,SAAS;AAAA;AAAA;AAOxF,IAAO,mCAAQ;",
-  "names": []
-}

package/dist/esm/deprecated/LabeledDropdownPillsTypes/LabeledDropdownSinglePill.js

@@ -1,125 +0,0 @@
-import * as React from "react";
-import React2, { useCallback, useState, useEffect, useLayoutEffect } from "react";
-import PropTypes from "prop-types";
-import { isFunction, isString, useShouldRecalculate, usePrevious } from "@elliemae/ds-utilities";
-import { DropdownPill } from "../DropdownPill";
-import { InputPill } from "../InputPill";
-import { Pill } from "../Pill";
-import { RemovablePill } from "../RemovablePill";
-import { hasOptionChanged } from "./utils";
-function LabeledDropdownSinglePill({
-  label,
-  labelIsValue = false,
-  options,
-  value,
-  onSelect = () => null,
-  onChange,
-  maxWidth,
-  minWidth,
-  fixed = false,
-  ...menuProps
-}) {
-  const [optionValue, setOptionValue] = useState(value);
-  const prevOptions = usePrevious(options);
-  const areOptionsEqual = useShouldRecalculate(hasOptionChanged(prevOptions, options));
-  useEffect(() => setOptionValue(value), [value]);
-  useEffect(() => {
-    const selectedValue = options.find((option) => option.selected);
-    if (selectedValue) {
-      setOptionValue(selectedValue);
-    } else if (!selectedValue) {
-      setOptionValue(options[0]);
-    }
-  }, [areOptionsEqual]);
-  useLayoutEffect(() => {
-    if (optionValue) {
-      const selectedValue = options.find((option) => option.id === optionValue.id);
-      setOptionValue(selectedValue);
-    }
-  }, [options]);
-  const selectOption = useCallback((option) => {
-    if (isFunction(onChange)) {
-      onChange(option);
-    }
-    setOptionValue(option);
-    onSelect(option);
-  }, [onChange, onSelect]);
-  const onChangeInputValue = useCallback(({ target: { value: inputValue } }) => {
-    const { onChangeInput } = optionValue;
-    onChangeInput && onChangeInput(inputValue);
-  }, [optionValue]);
-  const removeOption = (removedOption) => {
-    const { onRemove } = menuProps;
-    const { onChangeInput } = optionValue;
-    setOptionValue(null);
-    onChangeInput && onChangeInput("");
-    const newOption = { ...removedOption, input: "" };
-    onRemove && onRemove(newOption, removedOption);
-  };
-  const renderPill = (option, fixed2) => {
-    const { input, onChangeInput, ...otherProps } = option;
-    let SelectedPill;
-    if (isString(input)) {
-      SelectedPill = InputPill;
-    } else if (fixed2) {
-      SelectedPill = Pill;
-    } else {
-      SelectedPill = RemovablePill;
-    }
-    return /* @__PURE__ */ React2.createElement(SelectedPill, {
-      key: option.id,
-      label: option.label,
-      onChange: onChangeInputValue,
-      onRemove: (e) => removeOption(option, e),
-      value: input,
-      ...otherProps
-    });
-  };
-  const renderSelection = () => {
-    if (!labelIsValue) {
-      if (optionValue)
-        return renderPill(optionValue, fixed);
-      return /* @__PURE__ */ React2.createElement(Pill, {
-        label: "-"
-      });
-    }
-  };
-  return /* @__PURE__ */ React2.createElement(React2.Fragment, null, /* @__PURE__ */ React2.createElement(DropdownPill, {
-    ...menuProps,
-    label: !labelIsValue ? label : optionValue?.label,
-    maxWidth,
-    minWidth,
-    onSelectMenuItem: selectOption,
-    options: [
-      {
-        ...menuProps,
-        type: "SelectionGroup",
-        id: "multi-selection-views",
-        multi: false,
-        items: options,
-        closeOnClick: true
-      }
-    ],
-    selection: {
-      "multi-selection-views": optionValue ? [optionValue?.id] : ""
-    },
-    variant: "title"
-  }), renderSelection());
-}
-LabeledDropdownSinglePill.propTypes = {
-  label: PropTypes.string,
-  labelIsValue: PropTypes.bool,
-  options: PropTypes.array,
-  value: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
-  onSelect: PropTypes.func,
-  onChange: PropTypes.func,
-  maxWidth: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
-  minWidth: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
-  fixed: PropTypes.bool
-};
-var LabeledDropdownSinglePill_default = LabeledDropdownSinglePill;
-export {
-  LabeledDropdownSinglePill,
-  LabeledDropdownSinglePill_default as default
-};
-//# sourceMappingURL=LabeledDropdownSinglePill.js.map

package/dist/esm/deprecated/LabeledDropdownPillsTypes/LabeledDropdownSinglePill.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/deprecated/LabeledDropdownPillsTypes/LabeledDropdownSinglePill.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable mdx/no-unused-expressions */\n/* eslint-disable no-shadow */\n/* eslint-disable no-unused-expressions */\n/* eslint-disable max-lines */\nimport React, { useCallback, useState, useEffect, useLayoutEffect } from 'react';\nimport PropTypes from 'prop-types';\nimport { isFunction, isString, useShouldRecalculate, usePrevious } from '@elliemae/ds-utilities';\nimport { DropdownPill } from '../DropdownPill';\nimport { InputPill } from '../InputPill';\nimport { Pill } from '../Pill';\nimport { RemovablePill } from '../RemovablePill';\nimport { hasOptionChanged } from './utils';\n\nfunction LabeledDropdownSinglePill({\n  label,\n  labelIsValue = false,\n  options,\n  value,\n  onSelect = () => null,\n  onChange,\n  maxWidth,\n  minWidth,\n  fixed = false,\n  ...menuProps\n}) {\n  const [optionValue, setOptionValue] = useState(value);\n  const prevOptions = usePrevious(options);\n  const areOptionsEqual = useShouldRecalculate(hasOptionChanged(prevOptions, options));\n\n  useEffect(() => setOptionValue(value), [value]);\n\n  useEffect(() => {\n    const selectedValue = options.find((option) => option.selected);\n\n    if (selectedValue) {\n      setOptionValue(selectedValue);\n    } else if (!selectedValue) {\n      setOptionValue(options[0]);\n    }\n  }, [areOptionsEqual]);\n\n  useLayoutEffect(() => {\n    if (optionValue) {\n      const selectedValue = options.find((option) => option.id === optionValue.id);\n      setOptionValue(selectedValue);\n    }\n  }, [options]);\n\n  const selectOption = useCallback(\n    (option) => {\n      if (isFunction(onChange)) {\n        onChange(option);\n      }\n      setOptionValue(option);\n      onSelect(option);\n    },\n    [onChange, onSelect],\n  );\n\n  const onChangeInputValue = useCallback(\n    ({ target: { value: inputValue } }) => {\n      const { onChangeInput } = optionValue;\n\n      onChangeInput && onChangeInput(inputValue);\n    },\n    [optionValue],\n  );\n\n  const removeOption = (removedOption) => {\n    const { onRemove } = menuProps;\n    const { onChangeInput } = optionValue;\n    setOptionValue(null);\n    onChangeInput && onChangeInput('');\n    const newOption = { ...removedOption, input: '' };\n    onRemove && onRemove(newOption, removedOption);\n  };\n\n  const renderPill = (option, fixed) => {\n    const { input, onChangeInput, ...otherProps } = option;\n    let SelectedPill;\n    if (isString(input)) {\n      SelectedPill = InputPill;\n    } else if (fixed) {\n      SelectedPill = Pill;\n    } else {\n      SelectedPill = RemovablePill;\n    }\n\n    return (\n      <SelectedPill\n        key={option.id}\n        label={option.label}\n        onChange={onChangeInputValue}\n        onRemove={(e) => removeOption(option, e)}\n        value={input}\n        {...otherProps}\n      />\n    );\n  };\n\n  const renderSelection = () => {\n    if (!labelIsValue) {\n      if (optionValue) return renderPill(optionValue, fixed);\n      return <Pill label=\"-\" />;\n    }\n  };\n\n  return (\n    <>\n      <DropdownPill\n        {...menuProps}\n        label={!labelIsValue ? label : optionValue?.label}\n        maxWidth={maxWidth}\n        minWidth={minWidth}\n        onSelectMenuItem={selectOption}\n        options={[\n          {\n            ...menuProps,\n            type: 'SelectionGroup',\n            id: 'multi-selection-views',\n            multi: false,\n            items: options,\n            closeOnClick: true,\n          },\n        ]}\n        selection={{\n          'multi-selection-views': optionValue ? [optionValue?.id] : '',\n        }}\n        variant=\"title\"\n      />\n      {renderSelection()}\n    </>\n  );\n}\n\nLabeledDropdownSinglePill.propTypes = {\n  label: PropTypes.string,\n  labelIsValue: PropTypes.bool,\n  options: PropTypes.array,\n  value: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n  onSelect: PropTypes.func,\n  onChange: PropTypes.func,\n  maxWidth: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n  minWidth: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n  fixed: PropTypes.bool,\n};\n\nexport { LabeledDropdownSinglePill };\nexport default LabeledDropdownSinglePill;"],
-  "mappings": "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",
-  "names": []
-}

package/dist/esm/deprecated/LabeledDropdownPillsTypes/utils.js

@@ -1,15 +0,0 @@
-import * as React from "react";
-import { isEqual } from "@elliemae/ds-utilities";
-import { omit } from "lodash";
-const hasOptionChanged = (prevOptions, options) => {
-  if (prevOptions && options) {
-    const prevOptionsOmited = prevOptions.map((option) => omit(option, ["input", "onChangeInput", "mask"]));
-    const optionsOmited = options.map((option) => omit(option, ["input", "onChangeInput", "mask"]));
-    return isEqual(prevOptionsOmited, optionsOmited);
-  }
-  return false;
-};
-export {
-  hasOptionChanged
-};
-//# sourceMappingURL=utils.js.map

package/dist/esm/deprecated/LabeledDropdownPillsTypes/utils.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/deprecated/LabeledDropdownPillsTypes/utils.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { isEqual } from '@elliemae/ds-utilities';\nimport { omit } from 'lodash';\n\nexport const hasOptionChanged = (prevOptions, options) => {\n  if (prevOptions && options) {\n    const prevOptionsOmited = prevOptions.map((option) => omit(option, ['input', 'onChangeInput', 'mask']));\n    const optionsOmited = options.map((option) => omit(option, ['input', 'onChangeInput', 'mask']));\n\n    return isEqual(prevOptionsOmited, optionsOmited);\n  }\n\n  return false;\n};\n"],
-  "mappings": "AAAA;ACAA;AACA;AAEO,MAAM,mBAAmB,CAAC,aAAa,YAAY;AACxD,MAAI,eAAe,SAAS;AAC1B,UAAM,oBAAoB,YAAY,IAAI,CAAC,WAAW,KAAK,QAAQ,CAAC,SAAS,iBAAiB;AAC9F,UAAM,gBAAgB,QAAQ,IAAI,CAAC,WAAW,KAAK,QAAQ,CAAC,SAAS,iBAAiB;AAEtF,WAAO,QAAQ,mBAAmB;AAAA;AAGpC,SAAO;AAAA;",
-  "names": []
-}

package/dist/esm/deprecated/LabeledPills.js

@@ -1,46 +0,0 @@
-import * as React from "react";
-import React2 from "react";
-import { PropTypes, describe } from "react-desc";
-import { PillGroup } from "./PillGroup";
-import { RemovablePill } from "./RemovablePill";
-import { Pill } from "./Pill";
-function LabeledPills({
-  children,
-  label = "",
-  leftAddon,
-  onFocusGroupSet,
-  onFocusNextGroup,
-  onFocusPreviousGroup
-}) {
-  return /* @__PURE__ */ React2.createElement(PillGroup, {
-    onFocusGroupSet,
-    onFocusNextGroup,
-    onFocusPreviousGroup
-  }, /* @__PURE__ */ React2.createElement(Pill, {
-    label,
-    leftAddon,
-    variant: "title",
-    "data-testid": "pill-title"
-  }), children);
-}
-const props = {
-  label: PropTypes.string.isRequired.description("pill text label"),
-  children: PropTypes.arrayOf(PropTypes.shape({
-    type: PropTypes.oneOf([
-      PropTypes.instanceOf(Pill),
-      PropTypes.instanceOf(RemovablePill)
-    ])
-  })).isRequired.description("pill to add the label to"),
-  leftAddon: PropTypes.node.description("addon component to left"),
-  onFocusNextGroup: PropTypes.func.description("focus next group callback"),
-  onFocusPreviousGroup: PropTypes.func.description("focus prev group callback"),
-  onFocusGroupSet: PropTypes.func.description("focus group set callback")
-};
-LabeledPills.propTypes = props;
-const DSLabeledPillsWithSchema = describe(LabeledPills);
-DSLabeledPillsWithSchema.propTypes = props;
-export {
-  DSLabeledPillsWithSchema,
-  LabeledPills
-};
-//# sourceMappingURL=LabeledPills.js.map

package/dist/esm/deprecated/LabeledPills.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/deprecated/LabeledPills.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { PropTypes, describe } from 'react-desc';\nimport { PillGroup } from './PillGroup';\nimport { RemovablePill } from './RemovablePill';\nimport { Pill } from './Pill';\n\nfunction LabeledPills({\n  children,\n  label = '',\n  leftAddon,\n  onFocusGroupSet,\n  onFocusNextGroup,\n  onFocusPreviousGroup,\n}) {\n  return (\n    <PillGroup\n      onFocusGroupSet={onFocusGroupSet}\n      onFocusNextGroup={onFocusNextGroup}\n      onFocusPreviousGroup={onFocusPreviousGroup}\n    >\n      <Pill\n        label={label}\n        leftAddon={leftAddon}\n        variant=\"title\"\n        data-testid=\"pill-title\"\n      />\n      {children}\n    </PillGroup>\n  );\n}\n\nconst props = {\n  /** labeled pill text label */\n  label: PropTypes.string.isRequired.description('pill text label'),\n  /** pill to add the label to */\n  children: PropTypes.arrayOf(\n    PropTypes.shape({\n      type: PropTypes.oneOf([\n        PropTypes.instanceOf(Pill),\n        PropTypes.instanceOf(RemovablePill),\n      ]),\n    }),\n  ).isRequired.description('pill to add the label to'),\n  /** addon component to left */\n  leftAddon: PropTypes.node.description('addon component to left'),\n  /** focus next group callback */\n  onFocusNextGroup: PropTypes.func.description('focus next group callback'),\n  /** focus prev group callback */\n  onFocusPreviousGroup: PropTypes.func.description('focus prev group callback'),\n  /** focus group set callback */\n  onFocusGroupSet: PropTypes.func.description('focus group set callback'),\n};\n\nLabeledPills.propTypes = props;\n\nconst DSLabeledPillsWithSchema = describe(LabeledPills);\nDSLabeledPillsWithSchema.propTypes = props;\n\nexport { LabeledPills, DSLabeledPillsWithSchema };\n"],
-  "mappings": "AAAA;ACAA;AACA;AACA;AACA;AACA;AAEA,sBAAsB;AAAA,EACpB;AAAA,EACA,QAAQ;AAAA,EACR;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,GACC;AACD,SACE,qCAAC,WAAD;AAAA,IACE;AAAA,IACA;AAAA,IACA;AAAA,KAEA,qCAAC,MAAD;AAAA,IACE;AAAA,IACA;AAAA,IACA,SAAQ;AAAA,IACR,eAAY;AAAA,MAEb;AAAA;AAKP,MAAM,QAAQ;AAAA,EAEZ,OAAO,UAAU,OAAO,WAAW,YAAY;AAAA,EAE/C,UAAU,UAAU,QAClB,UAAU,MAAM;AAAA,IACd,MAAM,UAAU,MAAM;AAAA,MACpB,UAAU,WAAW;AAAA,MACrB,UAAU,WAAW;AAAA;AAAA,MAGzB,WAAW,YAAY;AAAA,EAEzB,WAAW,UAAU,KAAK,YAAY;AAAA,EAEtC,kBAAkB,UAAU,KAAK,YAAY;AAAA,EAE7C,sBAAsB,UAAU,KAAK,YAAY;AAAA,EAEjD,iBAAiB,UAAU,KAAK,YAAY;AAAA;AAG9C,aAAa,YAAY;AAEzB,MAAM,2BAA2B,SAAS;AAC1C,yBAAyB,YAAY;",
-  "names": []
-}

package/dist/esm/deprecated/OverflowPill.js

@@ -1,50 +0,0 @@
-import * as React from "react";
-import React2, { useRef, useState, useEffect } from "react";
-import { PropTypes, describe } from "react-desc";
-import { useFocusGroupItem } from "@elliemae/ds-shared/FocusGroup/useFocusGroupItem";
-import { DSTooltip } from "@elliemae/ds-tooltip";
-import { Pill } from "./Pill";
-function OverflowPill({ containerProps = {}, label = "", options = [] }) {
-  const ref = useRef(null);
-  const [tooltipIsOpen, setTooltipIsOpen] = useState(false);
-  const [tooltipText, setTooltipText] = useState("");
-  useEffect(() => {
-    let text = "";
-    options.forEach((option) => {
-      if (!tooltipText || option === options[0]) {
-        text = `${option.label}`;
-      } else {
-        text = text.concat(`, ${option.label}`);
-      }
-    });
-    setTooltipText(text);
-  }, [options]);
-  useFocusGroupItem(ref);
-  return /* @__PURE__ */ React2.createElement(DSTooltip, {
-    isOpen: tooltipIsOpen,
-    title: tooltipText,
-    zIndex: 11,
-    triggerComponent: /* @__PURE__ */ React2.createElement(Pill, {
-      className: "overflow-pill",
-      containerProps,
-      innerRef: ref,
-      label,
-      tabIndex: -1,
-      onMouseEnter: () => setTooltipIsOpen(true),
-      onMouseLeave: () => setTooltipIsOpen(false)
-    })
-  });
-}
-const props = {
-  containerProps: PropTypes.object.description("props to inject to pill wrapper"),
-  label: PropTypes.string.isRequired.description("pill text label"),
-  options: PropTypes.array.description("overflow pills options")
-};
-OverflowPill.propTypes = props;
-const DSOverflowPillWithSchema = describe(OverflowPill);
-DSOverflowPillWithSchema.propTypes = props;
-export {
-  DSOverflowPillWithSchema,
-  OverflowPill
-};
-//# sourceMappingURL=OverflowPill.js.map

package/dist/esm/deprecated/OverflowPill.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/deprecated/OverflowPill.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React, { useRef, useState, useEffect } from 'react';\nimport { PropTypes, describe } from 'react-desc';\nimport { useFocusGroupItem } from '@elliemae/ds-shared/FocusGroup/useFocusGroupItem';\nimport { DSTooltip } from '@elliemae/ds-tooltip';\nimport { Pill } from './Pill';\n\nfunction OverflowPill({ containerProps = {}, label = '', options = [] }) {\n  const ref = useRef(null);\n  const [tooltipIsOpen, setTooltipIsOpen] = useState(false);\n  const [tooltipText, setTooltipText] = useState('');\n\n  useEffect(() => {\n    let text = '';\n    options.forEach((option) => {\n      if (!tooltipText || option === options[0]) {\n        text = `${option.label}`;\n      } else {\n        text = text.concat(`, ${option.label}`);\n      }\n    });\n    setTooltipText(text);\n  }, [options]);\n\n  useFocusGroupItem(ref);\n\n  return (\n    <DSTooltip\n      isOpen={tooltipIsOpen}\n      title={tooltipText}\n      zIndex={11}\n      triggerComponent={\n        <Pill\n          className=\"overflow-pill\"\n          containerProps={containerProps}\n          innerRef={ref}\n          label={label}\n          tabIndex={-1}\n          onMouseEnter={() => setTooltipIsOpen(true)}\n          onMouseLeave={() => setTooltipIsOpen(false)}\n        />\n      }\n    />\n  );\n}\n\nconst props = {\n  /** props to inject to pill wrapper */\n  containerProps: PropTypes.object.description(\n    'props to inject to pill wrapper',\n  ),\n  /** pill text label */\n  label: PropTypes.string.isRequired.description('pill text label'),\n  /** overflow pills options */\n  options: PropTypes.array.description('overflow pills options'),\n};\n\nOverflowPill.propTypes = props;\nconst DSOverflowPillWithSchema = describe(OverflowPill);\nDSOverflowPillWithSchema.propTypes = props;\n\nexport { OverflowPill, DSOverflowPillWithSchema };\n"],
-  "mappings": "AAAA;ACAA;AACA;AACA;AACA;AACA;AAEA,sBAAsB,EAAE,iBAAiB,IAAI,QAAQ,IAAI,UAAU,MAAM;AACvE,QAAM,MAAM,OAAO;AACnB,QAAM,CAAC,eAAe,oBAAoB,SAAS;AACnD,QAAM,CAAC,aAAa,kBAAkB,SAAS;AAE/C,YAAU,MAAM;AACd,QAAI,OAAO;AACX,YAAQ,QAAQ,CAAC,WAAW;AAC1B,UAAI,CAAC,eAAe,WAAW,QAAQ,IAAI;AACzC,eAAO,GAAG,OAAO;AAAA,aACZ;AACL,eAAO,KAAK,OAAO,KAAK,OAAO;AAAA;AAAA;AAGnC,mBAAe;AAAA,KACd,CAAC;AAEJ,oBAAkB;AAElB,SACE,qCAAC,WAAD;AAAA,IACE,QAAQ;AAAA,IACR,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,kBACE,qCAAC,MAAD;AAAA,MACE,WAAU;AAAA,MACV;AAAA,MACA,UAAU;AAAA,MACV;AAAA,MACA,UAAU;AAAA,MACV,cAAc,MAAM,iBAAiB;AAAA,MACrC,cAAc,MAAM,iBAAiB;AAAA;AAAA;AAAA;AAO/C,MAAM,QAAQ;AAAA,EAEZ,gBAAgB,UAAU,OAAO,YAC/B;AAAA,EAGF,OAAO,UAAU,OAAO,WAAW,YAAY;AAAA,EAE/C,SAAS,UAAU,MAAM,YAAY;AAAA;AAGvC,aAAa,YAAY;AACzB,MAAM,2BAA2B,SAAS;AAC1C,yBAAyB,YAAY;",
-  "names": []
-}

package/dist/esm/deprecated/Pill.js

@@ -1,44 +0,0 @@
-import * as React from "react";
-import React2 from "react";
-import { PropTypes, describe } from "react-desc";
-import { aggregatedClasses } from "@elliemae/ds-classnames";
-const pillBlockName = "pill";
-const PillWrapper = aggregatedClasses("div")(pillBlockName, null, ({ size, variant }) => ({
-  [variant]: !!variant,
-  [size]: !!size
-}));
-const PillLabel = aggregatedClasses("span")(pillBlockName, "label");
-const PillAddon = aggregatedClasses("div")(pillBlockName, "addon");
-function Pill({
-  containerProps = {},
-  label = "",
-  leftAddon,
-  rightAddon,
-  variant = "value",
-  size = "m",
-  ...otherProps
-}) {
-  return /* @__PURE__ */ React2.createElement(PillWrapper, {
-    ...containerProps,
-    classProps: { variant, size },
-    ...otherProps
-  }, leftAddon && /* @__PURE__ */ React2.createElement(PillAddon, null, leftAddon), /* @__PURE__ */ React2.createElement(PillLabel, null, label), rightAddon && /* @__PURE__ */ React2.createElement(PillAddon, null, rightAddon));
-}
-const props = {
-  containerProps: PropTypes.object.description("props to inject to pill wrapper"),
-  label: PropTypes.string.isRequired.description("pill text label"),
-  size: PropTypes.oneOf(["m", "l"]).description("pill size"),
-  variant: PropTypes.oneOf(["value", "title"]).description("pill variant"),
-  leftAddon: PropTypes.node.description("addon component to left"),
-  rightAddon: PropTypes.node.description("addon component to right")
-};
-Pill.propTypes = props;
-const DSPillWithSchema = describe(Pill);
-DSPillWithSchema.propTypes = props;
-var Pill_default = Pill;
-export {
-  DSPillWithSchema,
-  Pill,
-  Pill_default as default
-};
-//# sourceMappingURL=Pill.js.map

package/dist/esm/deprecated/Pill.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/deprecated/Pill.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { PropTypes, describe } from 'react-desc';\nimport { aggregatedClasses } from '@elliemae/ds-classnames';\n\nconst pillBlockName = 'pill';\n\nconst PillWrapper = aggregatedClasses('div')(\n  pillBlockName,\n  null,\n  ({ size, variant }) => ({\n    [variant]: !!variant,\n    [size]: !!size,\n  }),\n);\nconst PillLabel = aggregatedClasses('span')(pillBlockName, 'label');\nconst PillAddon = aggregatedClasses('div')(pillBlockName, 'addon');\n\nfunction Pill({\n  containerProps = {},\n  label = '',\n  leftAddon,\n  rightAddon,\n  variant = 'value',\n  size = 'm',\n  ...otherProps\n}) {\n  return (\n    <PillWrapper\n      {...containerProps}\n      classProps={{ variant, size }}\n      {...otherProps}\n    >\n      {leftAddon && <PillAddon>{leftAddon}</PillAddon>}\n      <PillLabel>{label}</PillLabel>\n      {rightAddon && <PillAddon>{rightAddon}</PillAddon>}\n    </PillWrapper>\n  );\n}\n\nconst props = {\n  /** props to inject to pill wrapper */\n  containerProps: PropTypes.object.description(\n    'props to inject to pill wrapper',\n  ),\n  /** pill text label */\n  label: PropTypes.string.isRequired.description('pill text label'),\n  /** pill size */\n  size: PropTypes.oneOf(['m', 'l']).description('pill size'),\n  /** pill variant */\n  variant: PropTypes.oneOf(['value', 'title']).description('pill variant'),\n  /** addon component to left */\n  leftAddon: PropTypes.node.description('addon component to left'),\n  /** addon component to right */\n  rightAddon: PropTypes.node.description('addon component to right'),\n};\n\nPill.propTypes = props;\nconst DSPillWithSchema = describe(Pill);\nDSPillWithSchema.propTypes = props;\n\nexport { Pill, DSPillWithSchema };\nexport default Pill;\n"],
-  "mappings": "AAAA;ACAA;AACA;AACA;AAEA,MAAM,gBAAgB;AAEtB,MAAM,cAAc,kBAAkB,OACpC,eACA,MACA,CAAC,EAAE,MAAM,cAAe;AAAA,GACrB,UAAU,CAAC,CAAC;AAAA,GACZ,OAAO,CAAC,CAAC;AAAA;AAGd,MAAM,YAAY,kBAAkB,QAAQ,eAAe;AAC3D,MAAM,YAAY,kBAAkB,OAAO,eAAe;AAE1D,cAAc;AAAA,EACZ,iBAAiB;AAAA,EACjB,QAAQ;AAAA,EACR;AAAA,EACA;AAAA,EACA,UAAU;AAAA,EACV,OAAO;AAAA,KACJ;AAAA,GACF;AACD,SACE,qCAAC,aAAD;AAAA,OACM;AAAA,IACJ,YAAY,EAAE,SAAS;AAAA,OACnB;AAAA,KAEH,aAAa,qCAAC,WAAD,MAAY,YAC1B,qCAAC,WAAD,MAAY,QACX,cAAc,qCAAC,WAAD,MAAY;AAAA;AAKjC,MAAM,QAAQ;AAAA,EAEZ,gBAAgB,UAAU,OAAO,YAC/B;AAAA,EAGF,OAAO,UAAU,OAAO,WAAW,YAAY;AAAA,EAE/C,MAAM,UAAU,MAAM,CAAC,KAAK,MAAM,YAAY;AAAA,EAE9C,SAAS,UAAU,MAAM,CAAC,SAAS,UAAU,YAAY;AAAA,EAEzD,WAAW,UAAU,KAAK,YAAY;AAAA,EAEtC,YAAY,UAAU,KAAK,YAAY;AAAA;AAGzC,KAAK,YAAY;AACjB,MAAM,mBAAmB,SAAS;AAClC,iBAAiB,YAAY;AAG7B,IAAO,eAAQ;",
-  "names": []
-}

package/dist/esm/deprecated/PillGroup.js

@@ -1,43 +0,0 @@
-import * as React from "react";
-import React2 from "react";
-import { describe, PropTypes } from "react-desc";
-import { aggregatedClasses } from "@elliemae/ds-classnames";
-import { FocusGroupProvider } from "@elliemae/ds-shared/FocusGroup/FocusGroupManager";
-const pillGroupBlockName = "pill-group";
-const Container = aggregatedClasses("div")(pillGroupBlockName);
-const PillGroup = ({
-  containerProps = {},
-  onFocusNextGroup,
-  onFocusPreviousGroup,
-  onFocusGroupSet,
-  children
-}) => /* @__PURE__ */ React2.createElement(FocusGroupProvider, {
-  keyBindings: {
-    Tab: "next"
-  },
-  onFocusGroupSet,
-  onFocusNextGroup,
-  onFocusPreviousGroup,
-  orientation: "horizontal"
-}, /* @__PURE__ */ React2.createElement(Container, {
-  ...containerProps
-}, children));
-const props = {
-  containerProps: PropTypes.object.description("props injected to component wrapper"),
-  onFocusNextGroup: PropTypes.func.description("focus next group callback"),
-  onFocusPreviousGroup: PropTypes.func.description("focus prev group callback"),
-  onFocusGroupSet: PropTypes.func.description("focus group set callback"),
-  children: PropTypes.oneOfType([
-    PropTypes.arrayOf(PropTypes.node),
-    PropTypes.node
-  ]).isRequired.description("pill components")
-};
-PillGroup.propTypes = props;
-const DSPillGroupWithSchema = describe(PillGroup);
-DSPillGroupWithSchema.propTypes = props;
-export {
-  Container,
-  DSPillGroupWithSchema,
-  PillGroup
-};
-//# sourceMappingURL=PillGroup.js.map

package/dist/esm/deprecated/PillGroup.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/deprecated/PillGroup.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { describe, PropTypes } from 'react-desc';\nimport { aggregatedClasses } from '@elliemae/ds-classnames';\nimport { FocusGroupProvider } from '@elliemae/ds-shared/FocusGroup/FocusGroupManager';\n\nconst pillGroupBlockName = 'pill-group';\n\nexport const Container = aggregatedClasses('div')(pillGroupBlockName);\n\nconst PillGroup = ({\n  containerProps = {},\n  onFocusNextGroup,\n  onFocusPreviousGroup,\n  onFocusGroupSet,\n  children,\n}) => (\n  <FocusGroupProvider\n    keyBindings={{\n      Tab: 'next',\n    }}\n    onFocusGroupSet={onFocusGroupSet}\n    onFocusNextGroup={onFocusNextGroup}\n    onFocusPreviousGroup={onFocusPreviousGroup}\n    orientation=\"horizontal\"\n  >\n    <Container {...containerProps}>{children}</Container>\n  </FocusGroupProvider>\n);\n\nconst props = {\n  /** props injected to component wrapper */\n  containerProps: PropTypes.object.description(\n    'props injected to component wrapper',\n  ),\n  /** focus next group callback */\n  onFocusNextGroup: PropTypes.func.description('focus next group callback'),\n  /** focus prev group callback */\n  onFocusPreviousGroup: PropTypes.func.description('focus prev group callback'),\n  /** focus group set callback */\n  onFocusGroupSet: PropTypes.func.description('focus group set callback'),\n  /** pill components */\n  children: PropTypes.oneOfType([\n    PropTypes.arrayOf(PropTypes.node),\n    PropTypes.node,\n  ]).isRequired.description('pill components'),\n};\n\nPillGroup.propTypes = props;\n\nconst DSPillGroupWithSchema = describe(PillGroup);\nDSPillGroupWithSchema.propTypes = props;\n\nexport { PillGroup, DSPillGroupWithSchema };\n"],
-  "mappings": "AAAA;ACAA;AACA;AACA;AACA;AAEA,MAAM,qBAAqB;AAEpB,MAAM,YAAY,kBAAkB,OAAO;AAElD,MAAM,YAAY,CAAC;AAAA,EACjB,iBAAiB;AAAA,EACjB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,MAEA,qCAAC,oBAAD;AAAA,EACE,aAAa;AAAA,IACX,KAAK;AAAA;AAAA,EAEP;AAAA,EACA;AAAA,EACA;AAAA,EACA,aAAY;AAAA,GAEZ,qCAAC,WAAD;AAAA,KAAe;AAAA,GAAiB;AAIpC,MAAM,QAAQ;AAAA,EAEZ,gBAAgB,UAAU,OAAO,YAC/B;AAAA,EAGF,kBAAkB,UAAU,KAAK,YAAY;AAAA,EAE7C,sBAAsB,UAAU,KAAK,YAAY;AAAA,EAEjD,iBAAiB,UAAU,KAAK,YAAY;AAAA,EAE5C,UAAU,UAAU,UAAU;AAAA,IAC5B,UAAU,QAAQ,UAAU;AAAA,IAC5B,UAAU;AAAA,KACT,WAAW,YAAY;AAAA;AAG5B,UAAU,YAAY;AAEtB,MAAM,wBAAwB,SAAS;AACvC,sBAAsB,YAAY;",
-  "names": []
-}

package/dist/esm/deprecated/ReadOnlyPill.js

@@ -1,71 +0,0 @@
-import * as React from "react";
-import React2, { useRef, useState } from "react";
-import { PropTypes, describe } from "react-desc";
-import { InfoCircleSmall } from "@elliemae/ds-icons";
-import { DSModal, MODAL_TYPE_V2 } from "@elliemae/ds-modal";
-import { DSPopover } from "@elliemae/ds-popover";
-import { Pill } from "./Pill";
-const ReadOnlyPill = ({
-  containerProps = {},
-  modalContent = "",
-  label = "",
-  leftAddon,
-  modalTitle = "",
-  tooltipText = ""
-}) => {
-  const ref = useRef(null);
-  const [isModalOpen, setIsModalOpen] = useState(false);
-  const [isTooltipOpen, setIsTooltipOpen] = useState(false);
-  const toggle = () => {
-    setIsModalOpen(!isModalOpen);
-  };
-  return /* @__PURE__ */ React2.createElement(React2.Fragment, null, /* @__PURE__ */ React2.createElement(Pill, {
-    "data-testid": "read-only-pill",
-    className: "removable-pill",
-    containerProps,
-    innerRef: ref,
-    label,
-    leftAddon,
-    rightAddon: /* @__PURE__ */ React2.createElement(DSPopover, {
-      isOpen: tooltipText && isTooltipOpen,
-      content: tooltipText,
-      placement: "top",
-      showArrow: true,
-      renderTrigger: ({ ref: ref2 }) => /* @__PURE__ */ React2.createElement(InfoCircleSmall, {
-        role: "button",
-        "data-testid": "read-only-info-btn",
-        className: "remove-pill-button",
-        onClick: toggle,
-        onMouseEnter: () => setIsTooltipOpen(true),
-        onMouseLeave: () => setIsTooltipOpen(false),
-        color: ["brand-primary", "600"],
-        innerRef: ref2
-      })
-    }),
-    tabIndex: -1
-  }), /* @__PURE__ */ React2.createElement(DSModal, {
-    isOpen: isModalOpen,
-    showClose: true,
-    shouldCloseOnOverlayClick: true,
-    modalTitle,
-    modalType: MODAL_TYPE_V2.INFORMATION,
-    onClose: toggle,
-    version: 2
-  }, modalContent));
-};
-const props = {
-  containerProps: PropTypes.object.description("props injected to component wrapper"),
-  label: PropTypes.string.isRequired.description("pill text label"),
-  leftAddon: PropTypes.node.description("addon component to left"),
-  modalContent: PropTypes.string.description("read only pill modal content"),
-  modalTitle: PropTypes.string.description("read only pill modal title"),
-  tooltipText: PropTypes.string.description("text to display in tooltip")
-};
-ReadOnlyPill.propTypes = props;
-const DSReadOnlyPillWithSchema = describe(ReadOnlyPill);
-DSReadOnlyPillWithSchema.propTypes = props;
-export {
-  DSReadOnlyPillWithSchema,
-  ReadOnlyPill
-};
-//# sourceMappingURL=ReadOnlyPill.js.map

package/dist/esm/deprecated/ReadOnlyPill.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/deprecated/ReadOnlyPill.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React, { useRef, useState } from 'react';\nimport { PropTypes, describe } from 'react-desc';\nimport { InfoCircleSmall } from '@elliemae/ds-icons';\nimport { DSModal, MODAL_TYPE_V2 } from '@elliemae/ds-modal';\nimport { DSPopover } from '@elliemae/ds-popover';\nimport { Pill } from './Pill';\n\nconst ReadOnlyPill = ({\n  containerProps = {},\n  modalContent = '',\n  label = '',\n  leftAddon,\n  modalTitle = '',\n  tooltipText = '',\n}) => {\n  const ref = useRef(null);\n  const [isModalOpen, setIsModalOpen] = useState(false);\n  const [isTooltipOpen, setIsTooltipOpen] = useState(false);\n\n  const toggle = () => {\n    setIsModalOpen(!isModalOpen);\n  };\n\n  return (\n    <>\n      <Pill\n        data-testid=\"read-only-pill\"\n        className=\"removable-pill\"\n        containerProps={containerProps}\n        innerRef={ref}\n        label={label}\n        leftAddon={leftAddon}\n        rightAddon={\n          <DSPopover\n            isOpen={tooltipText && isTooltipOpen}\n            content={tooltipText}\n            placement=\"top\"\n            showArrow\n            renderTrigger={({ ref }) => (\n              <InfoCircleSmall\n                role=\"button\"\n                data-testid=\"read-only-info-btn\"\n                className=\"remove-pill-button\"\n                onClick={toggle}\n                onMouseEnter={() => setIsTooltipOpen(true)}\n                onMouseLeave={() => setIsTooltipOpen(false)}\n                color={['brand-primary', '600']}\n                innerRef={ref}\n              />\n            )}\n          />\n        }\n        tabIndex={-1}\n      />\n      <DSModal\n        isOpen={isModalOpen}\n        showClose\n        shouldCloseOnOverlayClick\n        modalTitle={modalTitle}\n        modalType={MODAL_TYPE_V2.INFORMATION}\n        onClose={toggle}\n        version={2}\n      >\n        {modalContent}\n      </DSModal>\n    </>\n  );\n};\n\nconst props = {\n  /** props injected to component wrapper */\n  containerProps: PropTypes.object.description('props injected to component wrapper'),\n  /** labeled pill text label */\n  label: PropTypes.string.isRequired.description('pill text label'),\n  /** addon component to left */\n  leftAddon: PropTypes.node.description('addon component to left'),\n  /** read only pill modal content */\n  modalContent: PropTypes.string.description('read only pill modal content'),\n  /** read only pill modal title */\n  modalTitle: PropTypes.string.description('read only pill modal title'),\n  tooltipText: PropTypes.string.description('text to display in tooltip'),\n};\n\nReadOnlyPill.propTypes = props;\n\nconst DSReadOnlyPillWithSchema = describe(ReadOnlyPill);\nDSReadOnlyPillWithSchema.propTypes = props;\n\nexport { ReadOnlyPill, DSReadOnlyPillWithSchema };\n"],
-  "mappings": "AAAA;ACAA;AACA;AACA;AACA;AACA;AACA;AAEA,MAAM,eAAe,CAAC;AAAA,EACpB,iBAAiB;AAAA,EACjB,eAAe;AAAA,EACf,QAAQ;AAAA,EACR;AAAA,EACA,aAAa;AAAA,EACb,cAAc;AAAA,MACV;AACJ,QAAM,MAAM,OAAO;AACnB,QAAM,CAAC,aAAa,kBAAkB,SAAS;AAC/C,QAAM,CAAC,eAAe,oBAAoB,SAAS;AAEnD,QAAM,SAAS,MAAM;AACnB,mBAAe,CAAC;AAAA;AAGlB,SACE,4DACE,qCAAC,MAAD;AAAA,IACE,eAAY;AAAA,IACZ,WAAU;AAAA,IACV;AAAA,IACA,UAAU;AAAA,IACV;AAAA,IACA;AAAA,IACA,YACE,qCAAC,WAAD;AAAA,MACE,QAAQ,eAAe;AAAA,MACvB,SAAS;AAAA,MACT,WAAU;AAAA,MACV,WAAS;AAAA,MACT,eAAe,CAAC,EAAE,gBAChB,qCAAC,iBAAD;AAAA,QACE,MAAK;AAAA,QACL,eAAY;AAAA,QACZ,WAAU;AAAA,QACV,SAAS;AAAA,QACT,cAAc,MAAM,iBAAiB;AAAA,QACrC,cAAc,MAAM,iBAAiB;AAAA,QACrC,OAAO,CAAC,iBAAiB;AAAA,QACzB,UAAU;AAAA;AAAA;AAAA,IAKlB,UAAU;AAAA,MAEZ,qCAAC,SAAD;AAAA,IACE,QAAQ;AAAA,IACR,WAAS;AAAA,IACT,2BAAyB;AAAA,IACzB;AAAA,IACA,WAAW,cAAc;AAAA,IACzB,SAAS;AAAA,IACT,SAAS;AAAA,KAER;AAAA;AAMT,MAAM,QAAQ;AAAA,EAEZ,gBAAgB,UAAU,OAAO,YAAY;AAAA,EAE7C,OAAO,UAAU,OAAO,WAAW,YAAY;AAAA,EAE/C,WAAW,UAAU,KAAK,YAAY;AAAA,EAEtC,cAAc,UAAU,OAAO,YAAY;AAAA,EAE3C,YAAY,UAAU,OAAO,YAAY;AAAA,EACzC,aAAa,UAAU,OAAO,YAAY;AAAA;AAG5C,aAAa,YAAY;AAEzB,MAAM,2BAA2B,SAAS;AAC1C,yBAAyB,YAAY;",
-  "names": []
-}