@elliemae/ds-pills 2.2.0-alpha.2 → 2.2.0-beta.0

package/cjs/deprecated/DropdownPill.js

@@ -1,92 +1,113 @@
-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 DropdownPill_exports = {};
-__export(DropdownPill_exports, {
-  DSDropdownPillWithSchema: () => DSDropdownPillWithSchema,
-  DropdownPill: () => DropdownPill
-});
-var React = __toESM(require("react"));
-var import_react = __toESM(require("react"));
-var import_react_desc = __toESM(require("react-desc"));
-var import_ds_dropdownmenu = __toESM(require("@elliemae/ds-dropdownmenu"));
-var import_ds_icons = __toESM(require("@elliemae/ds-icons"));
-var import_useFocusGroupItem = __toESM(require("@elliemae/ds-shared/FocusGroup/useFocusGroupItem"));
-var import_Pill = __toESM(require("./Pill"));
-function DropdownPill({
-  containerProps = {},
-  label = "",
-  variant,
-  tabIndex = -1,
-  closeMenuOnItemSelection = false,
-  maxWidth,
-  minWidth,
-  ...dropdownProps
-}) {
-  const ref = (0, import_react.useRef)(null);
-  const [chevronEl, chevronRef] = (0, import_react.useState)();
-  const { focusFirst } = (0, import_useFocusGroupItem.useFocusGroupItem)(ref);
-  return /* @__PURE__ */ import_react.default.createElement(import_ds_dropdownmenu.DSDropdownMenu, {
-    ...dropdownProps,
-    closeMenuOnItemSelection,
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _jsx = require('@babel/runtime/helpers/jsx');
+var _defineProperty = require('@babel/runtime/helpers/defineProperty');
+var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
+require('core-js/modules/web.dom-collections.iterator.js');
+require('core-js/modules/esnext.async-iterator.filter.js');
+require('core-js/modules/esnext.iterator.constructor.js');
+require('core-js/modules/esnext.iterator.filter.js');
+require('core-js/modules/esnext.async-iterator.for-each.js');
+require('core-js/modules/esnext.iterator.for-each.js');
+var React = require('react');
+var reactDesc = require('react-desc');
+var DSDropdownMenu = require('@elliemae/ds-dropdownmenu');
+var dsIcons = require('@elliemae/ds-icons');
+var useFocusGroupItem = require('@elliemae/ds-shared/FocusGroup/useFocusGroupItem');
+var Pill = require('./Pill.js');
+var jsxRuntime = require('react/jsx-runtime');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
+var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
+var _objectWithoutProperties__default = /*#__PURE__*/_interopDefaultLegacy(_objectWithoutProperties);
+var DSDropdownMenu__default = /*#__PURE__*/_interopDefaultLegacy(DSDropdownMenu);
+var useFocusGroupItem__default = /*#__PURE__*/_interopDefaultLegacy(useFocusGroupItem);
+
+var _ChevronDown;
+
+const _excluded = ["containerProps", "label", "variant", "tabIndex", "closeMenuOnItemSelection", "maxWidth", "minWidth"];
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+function DropdownPill(_ref) {
+  let {
+    containerProps = {},
+    label = '',
+    variant,
+    tabIndex = -1,
+    closeMenuOnItemSelection = false,
     maxWidth,
+    minWidth
+  } = _ref,
+      dropdownProps = _objectWithoutProperties__default["default"](_ref, _excluded);
+
+  const ref = React.useRef(null);
+  const [chevronEl, chevronRef] = React.useState();
+  const {
+    focusFirst
+  } = useFocusGroupItem__default["default"](ref);
+  return /*#__PURE__*/jsxRuntime.jsx(DSDropdownMenu__default["default"], _objectSpread(_objectSpread({}, dropdownProps), {}, {
+    closeMenuOnItemSelection: closeMenuOnItemSelection,
+    maxWidth: maxWidth,
     hideIfNotVisible: true,
-    menuProps: { className: "dropdown-pill-menu", zIndex: 100 },
-    minWidth,
+    menuProps: {
+      className: 'dropdown-pill-menu',
+      zIndex: 100
+    },
+    minWidth: minWidth,
     onClose: focusFirst,
     referenceNode: chevronEl,
-    triggerComponent: /* @__PURE__ */ import_react.default.createElement(import_Pill.Pill, {
+    triggerComponent: /*#__PURE__*/_jsx__default["default"](Pill.Pill, {
       "data-testid": "dropdown-pill",
       className: "dropdown-pill",
-      containerProps: { role: "listbox", ...containerProps },
+      containerProps: _objectSpread({
+        role: 'listbox'
+      }, containerProps),
       innerRef: ref,
-      label,
-      rightAddon: /* @__PURE__ */ import_react.default.createElement("div", {
-        ref: chevronRef
-      }, /* @__PURE__ */ import_react.default.createElement(import_ds_icons.ChevronDown, {
-        className: "dropdown-pill-chevron-down",
-        "data-testid": "dropdown-pill-button"
-      })),
-      tabIndex,
-      variant
+      label: label,
+      rightAddon: /*#__PURE__*/jsxRuntime.jsx("div", {
+        ref: chevronRef,
+        children: _ChevronDown || (_ChevronDown = /*#__PURE__*/_jsx__default["default"](dsIcons.ChevronDown, {
+          className: "dropdown-pill-chevron-down",
+          "data-testid": "dropdown-pill-button"
+        }))
+      }),
+      tabIndex: tabIndex,
+      variant: variant
     })
-  });
+  }));
 }
+
 const props = {
-  containerProps: import_react_desc.PropTypes.object.description("props injected to component wrapper"),
-  label: import_react_desc.PropTypes.string.isRequired.description("pill text label"),
-  variant: import_react_desc.PropTypes.oneOf(["value", "title"]).description("pill variant"),
-  tabIndex: import_react_desc.PropTypes.number.description("html focus order"),
-  closeMenuOnItemSelection: import_react_desc.PropTypes.bool.description("close menu on item selection"),
-  maxWidth: import_react_desc.PropTypes.oneOfType([import_react_desc.PropTypes.string, import_react_desc.PropTypes.number]).description("pill max width"),
-  minWidth: import_react_desc.PropTypes.oneOfType([import_react_desc.PropTypes.string, import_react_desc.PropTypes.number]).description("pill min width")
+  /** props injected to component wrapper */
+  containerProps: reactDesc.PropTypes.object.description('props injected to component wrapper'),
+
+  /** labeled pill text label */
+  label: reactDesc.PropTypes.string.isRequired.description('pill text label'),
+
+  /** pill variant */
+  variant: reactDesc.PropTypes.oneOf(['value', 'title']).description('pill variant'),
+
+  /** html focus border */
+  tabIndex: reactDesc.PropTypes.number.description('html focus order'),
+
+  /** close menu on item selection */
+  closeMenuOnItemSelection: reactDesc.PropTypes.bool.description('close menu on item selection'),
+
+  /** pill max width */
+  maxWidth: reactDesc.PropTypes.oneOfType([reactDesc.PropTypes.string, reactDesc.PropTypes.number]).description('pill max width'),
+
+  /** pill min width */
+  minWidth: reactDesc.PropTypes.oneOfType([reactDesc.PropTypes.string, reactDesc.PropTypes.number]).description('pill min width')
 };
-DropdownPill.propTypes = props;
-const DSDropdownPillWithSchema = (0, import_react_desc.describe)(DropdownPill);
+const DSDropdownPillWithSchema = reactDesc.describe(DropdownPill);
 DSDropdownPillWithSchema.propTypes = props;
-module.exports = __toCommonJS(DropdownPill_exports);
-//# sourceMappingURL=DropdownPill.js.map
+
+exports.DSDropdownPillWithSchema = DSDropdownPillWithSchema;
+exports.DropdownPill = DropdownPill;

package/cjs/deprecated/InputPill.js

@@ -1,76 +1,78 @@
-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);
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+require('core-js/modules/esnext.async-iterator.filter.js');
+require('core-js/modules/esnext.iterator.constructor.js');
+require('core-js/modules/esnext.iterator.filter.js');
+require('core-js/modules/esnext.async-iterator.for-each.js');
+require('core-js/modules/esnext.iterator.for-each.js');
+var _jsx = require('@babel/runtime/helpers/jsx');
+var _defineProperty = require('@babel/runtime/helpers/defineProperty');
+var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
+require('react');
+var dsIcons = require('@elliemae/ds-icons');
+var dsClassnames = require('@elliemae/ds-classnames');
+var dsForm = require('@elliemae/ds-form');
+var Pill = require('./Pill.js');
+var jsxRuntime = require('react/jsx-runtime');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
+var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
+var _objectWithoutProperties__default = /*#__PURE__*/_interopDefaultLegacy(_objectWithoutProperties);
+
+const _excluded = ["containerProps", "placeholder", "onChange", "onRemove", "value", "type"];
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+const StyledInputPill = dsClassnames.aggregatedClasses(Pill.Pill)('input-pill', null, _ref => {
+  let {
+    value
+  } = _ref;
+  return {
+    value
   };
-})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
-var InputPill_exports = {};
-__export(InputPill_exports, {
-  InputPill: () => InputPill
 });
-var React = __toESM(require("react"));
-var import_react = __toESM(require("react"));
-var import_ds_icons = __toESM(require("@elliemae/ds-icons"));
-var import_ds_classnames = __toESM(require("@elliemae/ds-classnames"));
-var import_ds_form = __toESM(require("@elliemae/ds-form"));
-var import_Pill = __toESM(require("./Pill"));
-const StyledInputPill = (0, import_ds_classnames.aggregatedClasses)(import_Pill.Pill)("input-pill", null, ({ value }) => ({
-  value
-}));
-function InputPill({
-  containerProps = {},
-  placeholder = "Enter Value",
-  onChange = () => {
-  },
-  onRemove,
-  value,
-  type,
-  ...otherProps
-}) {
-  let TypeOfInput = import_ds_form.DSInput;
+function InputPill(_ref2) {
+  let {
+    containerProps = {},
+    placeholder = 'Enter Value',
+    onChange = () => {},
+    onRemove,
+    value,
+    type
+  } = _ref2,
+      otherProps = _objectWithoutProperties__default["default"](_ref2, _excluded);
+
+  let TypeOfInput = dsForm.DSInput; // TODO: implement the DSTimeInput, see how because it returns a moment()
+  // TODO: implement the DSDateInput
+
   switch (type) {
-    case "inputText":
-      TypeOfInput = import_ds_form.DSInput;
-      break;
-    case "inputMask":
-      TypeOfInput = import_ds_form.DSInputMask;
+    case 'inputText':
+      TypeOfInput = dsForm.DSInput;
       break;
-    default:
+
+    case 'inputMask':
+      TypeOfInput = dsForm.DSInputMask;
       break;
   }
-  return /* @__PURE__ */ import_react.default.createElement(StyledInputPill, {
+
+  return /*#__PURE__*/_jsx__default["default"](StyledInputPill, {
     className: "input-pill",
-    classProps: { value },
-    containerProps,
-    label: /* @__PURE__ */ import_react.default.createElement(TypeOfInput, {
+    classProps: {
+      value
+    },
+    containerProps: containerProps,
+    label: /*#__PURE__*/jsxRuntime.jsx(TypeOfInput, _objectSpread({
       "data-testid": "input-pill",
-      onChange,
-      placeholder,
-      value,
-      ...otherProps
-    }),
-    rightAddon: value && /* @__PURE__ */ import_react.default.createElement(import_ds_icons.CloseXsmall, {
+      onChange: onChange,
+      placeholder: placeholder,
+      value: value
+    }, otherProps)),
+    rightAddon: value && /*#__PURE__*/_jsx__default["default"](dsIcons.CloseXsmall, {
       className: "remove-pill-button",
       "data-testid": "remove-pill-button",
       onClick: onRemove
@@ -78,5 +80,5 @@ function InputPill({
     tabIndex: -1
   });
 }
-module.exports = __toCommonJS(InputPill_exports);
-//# sourceMappingURL=InputPill.js.map
+
+exports.InputPill = InputPill;

package/cjs/deprecated/LabeledDropdownPills.js

@@ -1,102 +1,106 @@
-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 LabeledDropdownPills_exports = {};
-__export(LabeledDropdownPills_exports, {
-  DSLabeledDropdownPillsWithSchema: () => DSLabeledDropdownPillsWithSchema,
-  LabeledDropdownPills: () => LabeledDropdownPills
-});
-var React = __toESM(require("react"));
-var import_react = __toESM(require("react"));
-var import_react_desc = __toESM(require("react-desc"));
-var import_PillGroup = __toESM(require("./PillGroup"));
-var import_LabeledDropdownSinglePill = __toESM(require("./LabeledDropdownPillsTypes/LabeledDropdownSinglePill"));
-var import_LabeledDropdownMultiPill = __toESM(require("./LabeledDropdownPillsTypes/LabeledDropdownMultiPill"));
-var import_LabeledDropdownCascadeMenuPill = __toESM(require("./LabeledDropdownPillsTypes/LabeledDropdownCascadeMenuPill"));
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+require('core-js/modules/esnext.async-iterator.filter.js');
+require('core-js/modules/esnext.iterator.constructor.js');
+require('core-js/modules/esnext.iterator.filter.js');
+require('core-js/modules/esnext.async-iterator.for-each.js');
+require('core-js/modules/esnext.iterator.for-each.js');
+var _jsx = require('@babel/runtime/helpers/jsx');
+var _defineProperty = require('@babel/runtime/helpers/defineProperty');
+var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
+require('react');
+var reactDesc = require('react-desc');
+var PillGroup = require('./PillGroup.js');
+var LabeledDropdownSinglePill = require('./LabeledDropdownPillsTypes/LabeledDropdownSinglePill.js');
+var LabeledDropdownMultiPill = require('./LabeledDropdownPillsTypes/LabeledDropdownMultiPill.js');
+var LabeledDropdownCascadeMenuPill = require('./LabeledDropdownPillsTypes/LabeledDropdownCascadeMenuPill.js');
+var jsxRuntime = require('react/jsx-runtime');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
+var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
+var _objectWithoutProperties__default = /*#__PURE__*/_interopDefaultLegacy(_objectWithoutProperties);
+
+const _excluded = ["label", "value", "type", "onFocusNextGroup", "onFocusPreviousGroup", "onFocusGroupSet", "maxWidth", "minWidth", "fixed"];
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 const DropdownPills = {
-  single: import_LabeledDropdownSinglePill.LabeledDropdownSinglePill,
-  multi: import_LabeledDropdownMultiPill.LabeledDropdownMultiPills,
-  cascaded: import_LabeledDropdownCascadeMenuPill.LabeledDropdownCascadeMenuPill
+  single: LabeledDropdownSinglePill,
+  multi: LabeledDropdownMultiPill,
+  cascaded: LabeledDropdownCascadeMenuPill
 };
-const createDropdownPill = (type) => DropdownPills[type] || DropdownPills.single;
-function LabeledDropdownPills({
-  label = "",
-  value,
-  type,
-  onFocusNextGroup,
-  onFocusPreviousGroup,
-  onFocusGroupSet,
-  maxWidth,
-  minWidth,
-  fixed,
-  ...menuProps
-}) {
-  const Component = createDropdownPill(type);
-  return /* @__PURE__ */ import_react.default.createElement(import_PillGroup.PillGroup, {
-    onFocusGroupSet,
+
+const createDropdownPill = type => DropdownPills[type] || DropdownPills.single;
+
+function LabeledDropdownPills(_ref) {
+  let {
+    label = '',
+    value,
+    type,
     onFocusNextGroup,
-    onFocusPreviousGroup
-  }, /* @__PURE__ */ import_react.default.createElement(Component, {
-    ...menuProps,
-    label,
+    onFocusPreviousGroup,
+    onFocusGroupSet,
     maxWidth,
     minWidth,
-    value,
     fixed
-  }));
+  } = _ref,
+      menuProps = _objectWithoutProperties__default["default"](_ref, _excluded);
+
+  const Component = createDropdownPill(type);
+  return /*#__PURE__*/_jsx__default["default"](PillGroup.PillGroup, {
+    onFocusGroupSet: onFocusGroupSet,
+    onFocusNextGroup: onFocusNextGroup,
+    onFocusPreviousGroup: onFocusPreviousGroup
+  }, void 0, /*#__PURE__*/jsxRuntime.jsx(Component, _objectSpread(_objectSpread({}, menuProps), {}, {
+    label: label,
+    maxWidth: maxWidth,
+    minWidth: minWidth,
+    value: value,
+    fixed: fixed
+  })));
 }
+
 const props = {
-  type: import_react_desc.PropTypes.oneOf(["single", "multi", "cascaded"]).description("pill type"),
-  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"),
-  maxWidth: import_react_desc.PropTypes.oneOfType([
-    import_react_desc.PropTypes.string,
-    import_react_desc.PropTypes.number
-  ]).description("pill max width"),
-  minWidth: import_react_desc.PropTypes.oneOfType([
-    import_react_desc.PropTypes.string,
-    import_react_desc.PropTypes.number
-  ]).description("pill min width"),
-  fixed: import_react_desc.PropTypes.bool.description("fixed pill"),
-  label: import_react_desc.PropTypes.string.isRequired.description("pill label text"),
-  value: import_react_desc.PropTypes.oneOfType([
-    import_react_desc.PropTypes.arrayOf(import_react_desc.PropTypes.shape({
-      id: import_react_desc.PropTypes.string,
-      label: import_react_desc.PropTypes.string
-    })),
-    import_react_desc.PropTypes.shape({
-      id: import_react_desc.PropTypes.string,
-      label: import_react_desc.PropTypes.string
-    })
-  ]).description("pill value")
+  /** pill type */
+  type: reactDesc.PropTypes.oneOf(['single', 'multi', 'cascaded']).description('pill type'),
+
+  /** focus next group callback */
+  onFocusNextGroup: reactDesc.PropTypes.func.description('focus next group callback'),
+
+  /** focus prev group callback */
+  onFocusPreviousGroup: reactDesc.PropTypes.func.description('focus prev group callback'),
+
+  /** focus group set callback */
+  onFocusGroupSet: reactDesc.PropTypes.func.description('focus group set callback'),
+
+  /** pill max width */
+  maxWidth: reactDesc.PropTypes.oneOfType([reactDesc.PropTypes.string, reactDesc.PropTypes.number]).description('pill max width'),
+
+  /** pill min width */
+  minWidth: reactDesc.PropTypes.oneOfType([reactDesc.PropTypes.string, reactDesc.PropTypes.number]).description('pill min width'),
+
+  /** fixed pill */
+  fixed: reactDesc.PropTypes.bool.description('fixed pill'),
+
+  /** pill label text */
+  label: reactDesc.PropTypes.string.isRequired.description('pill label text'),
+
+  /** pill value */
+  value: reactDesc.PropTypes.oneOfType([reactDesc.PropTypes.arrayOf(reactDesc.PropTypes.shape({
+    id: reactDesc.PropTypes.string,
+    label: reactDesc.PropTypes.string
+  })), reactDesc.PropTypes.shape({
+    id: reactDesc.PropTypes.string,
+    label: reactDesc.PropTypes.string
+  })]).description('pill value')
 };
-LabeledDropdownPills.propTypes = props;
-const DSLabeledDropdownPillsWithSchema = (0, import_react_desc.describe)(LabeledDropdownPills);
+const DSLabeledDropdownPillsWithSchema = reactDesc.describe(LabeledDropdownPills);
 DSLabeledDropdownPillsWithSchema.propTypes = props;
-module.exports = __toCommonJS(LabeledDropdownPills_exports);
-//# sourceMappingURL=LabeledDropdownPills.js.map
+
+exports.DSLabeledDropdownPillsWithSchema = DSLabeledDropdownPillsWithSchema;
+exports.LabeledDropdownPills = LabeledDropdownPills;