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

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

@@ -0,0 +1,181 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __reExport = (target, module2, copyDefault, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+  }
+  return target;
+};
+var __toESM = (module2, isNodeMode) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+};
+var __toCommonJS = /* @__PURE__ */ ((cache) => {
+  return (module2, temp) => {
+    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
+  };
+})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+var LabeledDropdownMultiPill_exports = {};
+__export(LabeledDropdownMultiPill_exports, {
+  LabeledDropdownMultiPills: () => LabeledDropdownMultiPills,
+  default: () => LabeledDropdownMultiPill_default
+});
+var React = __toESM(require("react"));
+var import_react = __toESM(require("react"));
+var import_lodash = require("lodash");
+var import_ds_utilities = require("@elliemae/ds-utilities");
+var import_RemovablePill = require("../RemovablePill");
+var import_Pill = require("../Pill");
+var import_OverflowPill = require("../OverflowPill");
+var import_DropdownPill = require("../DropdownPill");
+function LabeledDropdownMultiPills(_a) {
+  var _b = _a, {
+    label,
+    options = [],
+    value = [],
+    onSelect = () => null,
+    onRemove = () => null,
+    onChange,
+    maxWidth,
+    minWidth
+  } = _b, menuProps = __objRest(_b, [
+    "label",
+    "options",
+    "value",
+    "onSelect",
+    "onRemove",
+    "onChange",
+    "maxWidth",
+    "minWidth"
+  ]);
+  const [totalDefaultOptions, setTotalDefaultOptions] = (0, import_react.useState)(0);
+  const [selectedOptions, setSelectedOptions] = (0, import_react.useState)(value);
+  const [allOptions, setAllOptions] = (0, import_react.useState)(options);
+  const [overflowOptions, setOverflowOptions] = (0, import_react.useState)([]);
+  const overflowQuantity = 3;
+  (0, import_react.useEffect)(() => setSelectedOptions(value), [value]);
+  (0, import_react.useEffect)(() => {
+    const newOptions = allOptions.filter((option) => option.fixedItem);
+    if (newOptions.length > 0) {
+      setSelectedOptions(newOptions);
+    }
+    setTotalDefaultOptions(newOptions.length);
+  }, []);
+  (0, import_react.useEffect)(() => {
+    if (totalDefaultOptions) {
+      const newOptions = allOptions.map((opt) => {
+        if (selectedOptions.length <= totalDefaultOptions && (0, import_lodash.find)(selectedOptions, { id: opt.id })) {
+          return __spreadProps(__spreadValues({}, opt), { fixedItem: true });
+        }
+        return __spreadProps(__spreadValues({}, opt), { fixedItem: false });
+      });
+      setAllOptions(newOptions);
+    }
+  }, [onSelect, onRemove, selectedOptions]);
+  (0, import_react.useEffect)(() => {
+    if (selectedOptions.length > overflowQuantity) {
+      const overflow = selectedOptions.filter((val, index) => index >= overflowQuantity);
+      setOverflowOptions(overflow);
+    }
+  }, [selectedOptions]);
+  const selectOption = (0, import_react.useCallback)((option) => {
+    if (!option.fixedItem) {
+      if ((0, import_ds_utilities.isFunction)(onChange)) {
+        const nextValue = (0, import_ds_utilities.addOrRemove)(selectedOptions, option, (item) => item.id);
+        setSelectedOptions(nextValue);
+        onChange(nextValue);
+      }
+      onSelect(option);
+    }
+  }, [selectedOptions]);
+  const removeOption = (0, import_react.useCallback)((option) => {
+    if (!option.fixedItem || selectedOptions.length > totalDefaultOptions) {
+      if ((0, import_ds_utilities.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 import_RemovablePill.RemovablePill;
+    }
+    return import_Pill.Pill;
+  };
+  return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement(import_DropdownPill.DropdownPill, __spreadProps(__spreadValues({}, menuProps), {
+    focusOnOpen: false,
+    label,
+    maxWidth,
+    minWidth,
+    onSelectMenuItem: selectOption,
+    options: [
+      __spreadProps(__spreadValues({}, 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__ */ import_react.default.createElement(TypeOfPill, {
+        key: option.id,
+        label: option.label,
+        onRemove: () => removeOption(option)
+      });
+    }
+    return null;
+  }), selectedOptions && selectedOptions.length > overflowQuantity && /* @__PURE__ */ import_react.default.createElement(import_OverflowPill.OverflowPill, {
+    label: `+ ${selectedOptions.length - overflowQuantity}`,
+    options: overflowOptions
+  }));
+}
+var LabeledDropdownMultiPill_default = LabeledDropdownMultiPills;
+module.exports = __toCommonJS(LabeledDropdownMultiPill_exports);
+//# sourceMappingURL=LabeledDropdownMultiPill.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/deprecated/LabeledDropdownPillsTypes/LabeledDropdownMultiPill.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["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;", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": "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",
+  "names": []
+}

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

@@ -0,0 +1,190 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __reExport = (target, module2, copyDefault, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+  }
+  return target;
+};
+var __toESM = (module2, isNodeMode) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+};
+var __toCommonJS = /* @__PURE__ */ ((cache) => {
+  return (module2, temp) => {
+    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
+  };
+})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+var LabeledDropdownSinglePill_exports = {};
+__export(LabeledDropdownSinglePill_exports, {
+  LabeledDropdownSinglePill: () => LabeledDropdownSinglePill,
+  default: () => LabeledDropdownSinglePill_default
+});
+var React = __toESM(require("react"));
+var import_react = __toESM(require("react"));
+var import_prop_types = __toESM(require("prop-types"));
+var import_ds_utilities = require("@elliemae/ds-utilities");
+var import_DropdownPill = require("../DropdownPill");
+var import_InputPill = require("../InputPill");
+var import_Pill = require("../Pill");
+var import_RemovablePill = require("../RemovablePill");
+var import_utils = require("./utils");
+function LabeledDropdownSinglePill(_a) {
+  var _b = _a, {
+    label,
+    labelIsValue = false,
+    options,
+    value,
+    onSelect = () => null,
+    onChange,
+    maxWidth,
+    minWidth,
+    fixed = false
+  } = _b, menuProps = __objRest(_b, [
+    "label",
+    "labelIsValue",
+    "options",
+    "value",
+    "onSelect",
+    "onChange",
+    "maxWidth",
+    "minWidth",
+    "fixed"
+  ]);
+  const [optionValue, setOptionValue] = (0, import_react.useState)(value);
+  const prevOptions = (0, import_ds_utilities.usePrevious)(options);
+  const areOptionsEqual = (0, import_ds_utilities.useShouldRecalculate)((0, import_utils.hasOptionChanged)(prevOptions, options));
+  (0, import_react.useEffect)(() => setOptionValue(value), [value]);
+  (0, import_react.useEffect)(() => {
+    const selectedValue = options.find((option) => option.selected);
+    if (selectedValue) {
+      setOptionValue(selectedValue);
+    } else if (!selectedValue) {
+      setOptionValue(options[0]);
+    }
+  }, [areOptionsEqual]);
+  (0, import_react.useLayoutEffect)(() => {
+    if (optionValue) {
+      const selectedValue = options.find((option) => option.id === optionValue.id);
+      setOptionValue(selectedValue);
+    }
+  }, [options]);
+  const selectOption = (0, import_react.useCallback)((option) => {
+    if ((0, import_ds_utilities.isFunction)(onChange)) {
+      onChange(option);
+    }
+    setOptionValue(option);
+    onSelect(option);
+  }, [onChange, onSelect]);
+  const onChangeInputValue = (0, import_react.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 = __spreadProps(__spreadValues({}, removedOption), { input: "" });
+    onRemove && onRemove(newOption, removedOption);
+  };
+  const renderPill = (option, fixed2) => {
+    const _a2 = option, { input, onChangeInput } = _a2, otherProps = __objRest(_a2, ["input", "onChangeInput"]);
+    let SelectedPill;
+    if ((0, import_ds_utilities.isString)(input)) {
+      SelectedPill = import_InputPill.InputPill;
+    } else if (fixed2) {
+      SelectedPill = import_Pill.Pill;
+    } else {
+      SelectedPill = import_RemovablePill.RemovablePill;
+    }
+    return /* @__PURE__ */ import_react.default.createElement(SelectedPill, __spreadValues({
+      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__ */ import_react.default.createElement(import_Pill.Pill, {
+        label: "-"
+      });
+    }
+  };
+  return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement(import_DropdownPill.DropdownPill, __spreadProps(__spreadValues({}, menuProps), {
+    label: !labelIsValue ? label : optionValue?.label,
+    maxWidth,
+    minWidth,
+    onSelectMenuItem: selectOption,
+    options: [
+      __spreadProps(__spreadValues({}, 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: import_prop_types.default.string,
+  labelIsValue: import_prop_types.default.bool,
+  options: import_prop_types.default.array,
+  value: import_prop_types.default.oneOfType([import_prop_types.default.string, import_prop_types.default.number]),
+  onSelect: import_prop_types.default.func,
+  onChange: import_prop_types.default.func,
+  maxWidth: import_prop_types.default.oneOfType([import_prop_types.default.string, import_prop_types.default.number]),
+  minWidth: import_prop_types.default.oneOfType([import_prop_types.default.string, import_prop_types.default.number]),
+  fixed: import_prop_types.default.bool
+};
+var LabeledDropdownSinglePill_default = LabeledDropdownSinglePill;
+module.exports = __toCommonJS(LabeledDropdownSinglePill_exports);
+//# sourceMappingURL=LabeledDropdownSinglePill.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/deprecated/LabeledDropdownPillsTypes/LabeledDropdownSinglePill.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["/* 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;", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": "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",
+  "names": []
+}

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

@@ -0,0 +1,44 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __reExport = (target, module2, copyDefault, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+  }
+  return target;
+};
+var __toESM = (module2, isNodeMode) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+};
+var __toCommonJS = /* @__PURE__ */ ((cache) => {
+  return (module2, temp) => {
+    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
+  };
+})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+var utils_exports = {};
+__export(utils_exports, {
+  hasOptionChanged: () => hasOptionChanged
+});
+var React = __toESM(require("react"));
+var import_ds_utilities = require("@elliemae/ds-utilities");
+var import_lodash = require("lodash");
+const hasOptionChanged = (prevOptions, options) => {
+  if (prevOptions && options) {
+    const prevOptionsOmited = prevOptions.map((option) => (0, import_lodash.omit)(option, ["input", "onChangeInput", "mask"]));
+    const optionsOmited = options.map((option) => (0, import_lodash.omit)(option, ["input", "onChangeInput", "mask"]));
+    return (0, import_ds_utilities.isEqual)(prevOptionsOmited, optionsOmited);
+  }
+  return false;
+};
+module.exports = __toCommonJS(utils_exports);
+//# sourceMappingURL=utils.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/deprecated/LabeledDropdownPillsTypes/utils.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["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", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,0BAAwB;AACxB,oBAAqB;AAEd,MAAM,mBAAmB,CAAC,aAAa,YAAY;AACxD,MAAI,eAAe,SAAS;AAC1B,UAAM,oBAAoB,YAAY,IAAI,CAAC,WAAW,wBAAK,QAAQ,CAAC,SAAS,iBAAiB;AAC9F,UAAM,gBAAgB,QAAQ,IAAI,CAAC,WAAW,wBAAK,QAAQ,CAAC,SAAS,iBAAiB;AAEtF,WAAO,iCAAQ,mBAAmB;AAAA;AAGpC,SAAO;AAAA;",
+  "names": []
+}

package/dist/cjs/deprecated/LabeledPills.js

@@ -0,0 +1,75 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __reExport = (target, module2, copyDefault, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+  }
+  return target;
+};
+var __toESM = (module2, isNodeMode) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+};
+var __toCommonJS = /* @__PURE__ */ ((cache) => {
+  return (module2, temp) => {
+    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
+  };
+})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+var LabeledPills_exports = {};
+__export(LabeledPills_exports, {
+  DSLabeledPillsWithSchema: () => DSLabeledPillsWithSchema,
+  LabeledPills: () => LabeledPills
+});
+var React = __toESM(require("react"));
+var import_react = __toESM(require("react"));
+var import_react_desc = require("react-desc");
+var import_PillGroup = require("./PillGroup");
+var import_RemovablePill = require("./RemovablePill");
+var import_Pill = require("./Pill");
+function LabeledPills({
+  children,
+  label = "",
+  leftAddon,
+  onFocusGroupSet,
+  onFocusNextGroup,
+  onFocusPreviousGroup
+}) {
+  return /* @__PURE__ */ import_react.default.createElement(import_PillGroup.PillGroup, {
+    onFocusGroupSet,
+    onFocusNextGroup,
+    onFocusPreviousGroup
+  }, /* @__PURE__ */ import_react.default.createElement(import_Pill.Pill, {
+    label,
+    leftAddon,
+    variant: "title",
+    "data-testid": "pill-title"
+  }), children);
+}
+const props = {
+  label: import_react_desc.PropTypes.string.isRequired.description("pill text label"),
+  children: import_react_desc.PropTypes.arrayOf(import_react_desc.PropTypes.shape({
+    type: import_react_desc.PropTypes.oneOf([
+      import_react_desc.PropTypes.instanceOf(import_Pill.Pill),
+      import_react_desc.PropTypes.instanceOf(import_RemovablePill.RemovablePill)
+    ])
+  })).isRequired.description("pill to add the label to"),
+  leftAddon: import_react_desc.PropTypes.node.description("addon component to left"),
+  onFocusNextGroup: import_react_desc.PropTypes.func.description("focus next group callback"),
+  onFocusPreviousGroup: import_react_desc.PropTypes.func.description("focus prev group callback"),
+  onFocusGroupSet: import_react_desc.PropTypes.func.description("focus group set callback")
+};
+LabeledPills.propTypes = props;
+const DSLabeledPillsWithSchema = (0, import_react_desc.describe)(LabeledPills);
+DSLabeledPillsWithSchema.propTypes = props;
+module.exports = __toCommonJS(LabeledPills_exports);
+//# sourceMappingURL=LabeledPills.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/deprecated/LabeledPills.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["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", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkB;AAClB,wBAAoC;AACpC,uBAA0B;AAC1B,2BAA8B;AAC9B,kBAAqB;AAErB,sBAAsB;AAAA,EACpB;AAAA,EACA,QAAQ;AAAA,EACR;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,GACC;AACD,SACE,mDAAC,4BAAD;AAAA,IACE;AAAA,IACA;AAAA,IACA;AAAA,KAEA,mDAAC,kBAAD;AAAA,IACE;AAAA,IACA;AAAA,IACA,SAAQ;AAAA,IACR,eAAY;AAAA,MAEb;AAAA;AAKP,MAAM,QAAQ;AAAA,EAEZ,OAAO,4BAAU,OAAO,WAAW,YAAY;AAAA,EAE/C,UAAU,4BAAU,QAClB,4BAAU,MAAM;AAAA,IACd,MAAM,4BAAU,MAAM;AAAA,MACpB,4BAAU,WAAW;AAAA,MACrB,4BAAU,WAAW;AAAA;AAAA,MAGzB,WAAW,YAAY;AAAA,EAEzB,WAAW,4BAAU,KAAK,YAAY;AAAA,EAEtC,kBAAkB,4BAAU,KAAK,YAAY;AAAA,EAE7C,sBAAsB,4BAAU,KAAK,YAAY;AAAA,EAEjD,iBAAiB,4BAAU,KAAK,YAAY;AAAA;AAG9C,aAAa,YAAY;AAEzB,MAAM,2BAA2B,gCAAS;AAC1C,yBAAyB,YAAY;",
+  "names": []
+}

package/dist/cjs/deprecated/OverflowPill.js

@@ -0,0 +1,79 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __reExport = (target, module2, copyDefault, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+  }
+  return target;
+};
+var __toESM = (module2, isNodeMode) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+};
+var __toCommonJS = /* @__PURE__ */ ((cache) => {
+  return (module2, temp) => {
+    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
+  };
+})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+var OverflowPill_exports = {};
+__export(OverflowPill_exports, {
+  DSOverflowPillWithSchema: () => DSOverflowPillWithSchema,
+  OverflowPill: () => OverflowPill
+});
+var React = __toESM(require("react"));
+var import_react = __toESM(require("react"));
+var import_react_desc = require("react-desc");
+var import_useFocusGroupItem = require("@elliemae/ds-shared/FocusGroup/useFocusGroupItem");
+var import_ds_tooltip = require("@elliemae/ds-tooltip");
+var import_Pill = require("./Pill");
+function OverflowPill({ containerProps = {}, label = "", options = [] }) {
+  const ref = (0, import_react.useRef)(null);
+  const [tooltipIsOpen, setTooltipIsOpen] = (0, import_react.useState)(false);
+  const [tooltipText, setTooltipText] = (0, import_react.useState)("");
+  (0, import_react.useEffect)(() => {
+    let text = "";
+    options.forEach((option) => {
+      if (!tooltipText || option === options[0]) {
+        text = `${option.label}`;
+      } else {
+        text = text.concat(`, ${option.label}`);
+      }
+    });
+    setTooltipText(text);
+  }, [options]);
+  (0, import_useFocusGroupItem.useFocusGroupItem)(ref);
+  return /* @__PURE__ */ import_react.default.createElement(import_ds_tooltip.DSTooltip, {
+    isOpen: tooltipIsOpen,
+    title: tooltipText,
+    zIndex: 11,
+    triggerComponent: /* @__PURE__ */ import_react.default.createElement(import_Pill.Pill, {
+      className: "overflow-pill",
+      containerProps,
+      innerRef: ref,
+      label,
+      tabIndex: -1,
+      onMouseEnter: () => setTooltipIsOpen(true),
+      onMouseLeave: () => setTooltipIsOpen(false)
+    })
+  });
+}
+const props = {
+  containerProps: import_react_desc.PropTypes.object.description("props to inject to pill wrapper"),
+  label: import_react_desc.PropTypes.string.isRequired.description("pill text label"),
+  options: import_react_desc.PropTypes.array.description("overflow pills options")
+};
+OverflowPill.propTypes = props;
+const DSOverflowPillWithSchema = (0, import_react_desc.describe)(OverflowPill);
+DSOverflowPillWithSchema.propTypes = props;
+module.exports = __toCommonJS(OverflowPill_exports);
+//# sourceMappingURL=OverflowPill.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/deprecated/OverflowPill.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["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", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAmD;AACnD,wBAAoC;AACpC,+BAAkC;AAClC,wBAA0B;AAC1B,kBAAqB;AAErB,sBAAsB,EAAE,iBAAiB,IAAI,QAAQ,IAAI,UAAU,MAAM;AACvE,QAAM,MAAM,yBAAO;AACnB,QAAM,CAAC,eAAe,oBAAoB,2BAAS;AACnD,QAAM,CAAC,aAAa,kBAAkB,2BAAS;AAE/C,8BAAU,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,kDAAkB;AAElB,SACE,mDAAC,6BAAD;AAAA,IACE,QAAQ;AAAA,IACR,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,kBACE,mDAAC,kBAAD;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,4BAAU,OAAO,YAC/B;AAAA,EAGF,OAAO,4BAAU,OAAO,WAAW,YAAY;AAAA,EAE/C,SAAS,4BAAU,MAAM,YAAY;AAAA;AAGvC,aAAa,YAAY;AACzB,MAAM,2BAA2B,gCAAS;AAC1C,yBAAyB,YAAY;",
+  "names": []
+}