@elliemae/ds-pills 1.60.0 → 2.0.0-alpha.12

package/esm/props.js

@@ -2,82 +2,59 @@ import { PropTypes } from 'react-desc';
 import { DSInput } from '@elliemae/ds-form';
 
 /* eslint-disable @typescript-eslint/explicit-module-boundary-types */
-var pillTypes = PropTypes.oneOf(['label', 'value', 'input', 'dropdown', 'removable', 'readonly']);
-var DSPillV2PropTypes = {
+const pillTypes = PropTypes.oneOf(['label', 'value', 'input', 'dropdown', 'removable', 'readonly']);
+const DSPillV2PropTypes = {
   label: PropTypes.string.description('Label to show in the pill').isRequired,
   type: pillTypes.description('The type of pill that you want to render').isRequired,
-  innerRef: PropTypes.oneOfType([PropTypes.object, PropTypes.func]).description('Reference to the focuseable internal element of each pill (remove icons, inputs, dropdown, etc.)').defaultValue(function () {
-    return null;
-  }),
+  innerRef: PropTypes.oneOfType([PropTypes.object, PropTypes.func]).description('Reference to the focuseable internal element of each pill (remove icons, inputs, dropdown, etc.)').defaultValue(() => null),
+  size: PropTypes.oneOf(['s', 'm']).description('Vertical pill size').defaultValue('m'),
   ariaLabel: PropTypes.string.description('Aria label for the pill. If not provided we will use the label').defaultValue(''),
   labelTruncated: PropTypes.bool.description('Whether to truncate the pills label').defaultValue(true),
   tooltipValue: PropTypes.string.description('String to show as a tooltip in the value pill').defaultValue(''),
   iconLeft: PropTypes.node.description('A component to show int the left of a readonly pill').defaultValue(null),
   iconRight: PropTypes.node.description('A component to show in the right of a readonly pill').defaultValue(null),
-  onRemove: PropTypes.func.description('Callback triggered when removing a pill with the close icon').defaultValue(function () {
-    return null;
-  }),
+  onRemove: PropTypes.func.description('Callback triggered when removing a pill with the close icon').defaultValue(() => null),
   inputPlaceholder: PropTypes.string.description('Placeholder for the input pill').defaultValue(''),
-  onInputChange: PropTypes.func.description('Callback triggered when user provides input to the input pill').defaultValue(function () {
-    return null;
-  }),
-  onInputClear: PropTypes.func.description('Callback triggered when the user clears an input pill').defaultValue(function () {
-    return null;
-  }),
+  onInputChange: PropTypes.func.description('Callback triggered when user provides input to the input pill').defaultValue(() => null),
+  onInputClear: PropTypes.func.description('Callback triggered when the user clears an input pill').defaultValue(() => null),
   inputWidth: PropTypes.number.description('Width in pixels for the input tag in the input pill').defaultValue(150),
   dropdownProps: PropTypes.object.description('Properties that will be used for the dropdown-menu').defaultValue({}),
-  onDropdownClick: PropTypes.func.description('Callback when dropdown button is clicked or pressed').defaultValue(function () {
-    return null;
-  })
+  onDropdownClick: PropTypes.func.description('Callback when dropdown button is clicked or pressed').defaultValue(() => null)
 };
-var DSPillButtonPropTypes = {
+const DSPillButtonPropTypes = {
   type: PropTypes.oneOf(['only', 'left', 'right']).description('The position in which this button will be placed. Only used for css styling internally').defaultValue('right'),
   width: PropTypes.string.description('Width of the button').defaultValue('100%'),
   height: PropTypes.string.description('Height of the button').defaultValue('100%')
 };
-var DSPillGroupPropTypes = {
+const DSPillGroupPropTypes = {
   width: PropTypes.string.description('Width of the group').defaultValue('fit-content'),
-  innerRef: PropTypes.oneOfType([PropTypes.object, PropTypes.func]).description('Reference to the pill group wrapper').defaultValue(function () {
-    return null;
-  })
+  innerRef: PropTypes.oneOfType([PropTypes.object, PropTypes.func]).description('Reference to the pill group wrapper').defaultValue(() => null)
 };
-var DSPillV2DefaultProps = {
-  innerRef: function innerRef() {
-    return null;
-  },
+const DSPillV2DefaultProps = {
+  innerRef: () => null,
   ariaLabel: '',
+  size: 'm',
   labelTruncated: true,
   tooltipValue: '',
   iconLeft: null,
   iconRight: null,
-  onRemove: function onRemove() {
-    return null;
-  },
+  onRemove: () => null,
   inputPlaceholder: '',
-  onInputChange: function onInputChange() {
-    return null;
-  },
-  onInputClear: function onInputClear() {
-    return null;
-  },
+  onInputChange: () => null,
+  onInputClear: () => null,
   inputWidth: 72,
   inputRender: DSInput,
   dropdownProps: {},
-  onDropdownClick: function onDropdownClick() {
-    return null;
-  }
+  onDropdownClick: () => null
 };
-var DSPillButtonDefaultProps = {
+const DSPillButtonDefaultProps = {
   type: 'right',
   width: '100%',
   height: '100%'
 };
-var DSPillGroupDefaultProps = {
+const DSPillGroupDefaultProps = {
   width: 'fit-content',
-  innerRef: function innerRef() {
-    return null;
-  }
+  innerRef: () => null
 };
 
 export { DSPillButtonDefaultProps, DSPillButtonPropTypes, DSPillGroupDefaultProps, DSPillGroupPropTypes, DSPillV2DefaultProps, DSPillV2PropTypes };
-//# sourceMappingURL=props.js.map

package/esm/utils.js

@@ -1,10 +1,14 @@
-var setMultipleRefs = function setMultipleRefs() {
+import 'core-js/modules/esnext.async-iterator.for-each.js';
+import 'core-js/modules/esnext.iterator.constructor.js';
+import 'core-js/modules/esnext.iterator.for-each.js';
+
+const setMultipleRefs = function () {
   for (var _len = arguments.length, refs = new Array(_len), _key = 0; _key < _len; _key++) {
     refs[_key] = arguments[_key];
   }
 
-  return function (_ref) {
-    refs.forEach(function (ref) {
+  return _ref => {
+    refs.forEach(ref => {
       if (!ref || !_ref) return;
 
       if (typeof ref === 'function') {
@@ -18,4 +22,3 @@ var setMultipleRefs = function setMultipleRefs() {
 };
 
 export { setMultipleRefs };
-//# sourceMappingURL=utils.js.map

package/package.json

@@ -1,14 +1,142 @@
 {
   "name": "@elliemae/ds-pills",
-  "version": "1.60.0",
+  "version": "2.0.0-alpha.12",
   "license": "MIT",
-  "description": "Ellie Mae - Dim Sum - Pills",
-  "module": "esm/index.js",
-  "main": "cjs/index.js",
+  "description": "ICE MT - Dimsum - Pills",
+  "module": "./esm/index.js",
+  "main": "./cjs/index.js",
+  "types": "./types/index.d.ts",
+  "exports": {
+    ".": {
+      "import": "./esm/index.js",
+      "require": "./cjs/index.js"
+    },
+    "./utils": {
+      "import": "./esm/utils.js",
+      "require": "./cjs/utils.js"
+    },
+    "./props": {
+      "import": "./esm/props.js",
+      "require": "./cjs/props.js"
+    },
+    "./deprecated/RemovablePill": {
+      "import": "./esm/deprecated/RemovablePill.js",
+      "require": "./cjs/deprecated/RemovablePill.js"
+    },
+    "./deprecated/ReadOnlyPill": {
+      "import": "./esm/deprecated/ReadOnlyPill.js",
+      "require": "./cjs/deprecated/ReadOnlyPill.js"
+    },
+    "./deprecated/PillGroup": {
+      "import": "./esm/deprecated/PillGroup.js",
+      "require": "./cjs/deprecated/PillGroup.js"
+    },
+    "./deprecated/Pill": {
+      "import": "./esm/deprecated/Pill.js",
+      "require": "./cjs/deprecated/Pill.js"
+    },
+    "./deprecated/OverflowPill": {
+      "import": "./esm/deprecated/OverflowPill.js",
+      "require": "./cjs/deprecated/OverflowPill.js"
+    },
+    "./deprecated/LabeledPills": {
+      "import": "./esm/deprecated/LabeledPills.js",
+      "require": "./cjs/deprecated/LabeledPills.js"
+    },
+    "./deprecated/LabeledDropdownPillsTypes/utils": {
+      "import": "./esm/deprecated/LabeledDropdownPillsTypes/utils.js",
+      "require": "./cjs/deprecated/LabeledDropdownPillsTypes/utils.js"
+    },
+    "./deprecated/LabeledDropdownPillsTypes/LabeledDropdownSinglePill": {
+      "import": "./esm/deprecated/LabeledDropdownPillsTypes/LabeledDropdownSinglePill.js",
+      "require": "./cjs/deprecated/LabeledDropdownPillsTypes/LabeledDropdownSinglePill.js"
+    },
+    "./deprecated/LabeledDropdownPillsTypes/LabeledDropdownMultiPill": {
+      "import": "./esm/deprecated/LabeledDropdownPillsTypes/LabeledDropdownMultiPill.js",
+      "require": "./cjs/deprecated/LabeledDropdownPillsTypes/LabeledDropdownMultiPill.js"
+    },
+    "./deprecated/LabeledDropdownPillsTypes/LabeledDropdownCascadeMenuPill": {
+      "import": "./esm/deprecated/LabeledDropdownPillsTypes/LabeledDropdownCascadeMenuPill.js",
+      "require": "./cjs/deprecated/LabeledDropdownPillsTypes/LabeledDropdownCascadeMenuPill.js"
+    },
+    "./deprecated/LabeledDropdownPills": {
+      "import": "./esm/deprecated/LabeledDropdownPills.js",
+      "require": "./cjs/deprecated/LabeledDropdownPills.js"
+    },
+    "./deprecated/InputPill": {
+      "import": "./esm/deprecated/InputPill.js",
+      "require": "./cjs/deprecated/InputPill.js"
+    },
+    "./deprecated": {
+      "import": "./esm/deprecated/index.js",
+      "require": "./cjs/deprecated/index.js"
+    },
+    "./deprecated/DropdownPill": {
+      "import": "./esm/deprecated/DropdownPill.js",
+      "require": "./cjs/deprecated/DropdownPill.js"
+    },
+    "./components/types/ValuePill": {
+      "import": "./esm/components/types/ValuePill.js",
+      "require": "./cjs/components/types/ValuePill.js"
+    },
+    "./components/types/RemovablePill": {
+      "import": "./esm/components/types/RemovablePill.js",
+      "require": "./cjs/components/types/RemovablePill.js"
+    },
+    "./components/types/ReadOnlyPill": {
+      "import": "./esm/components/types/ReadOnlyPill.js",
+      "require": "./cjs/components/types/ReadOnlyPill.js"
+    },
+    "./components/types/LabelPill": {
+      "import": "./esm/components/types/LabelPill.js",
+      "require": "./cjs/components/types/LabelPill.js"
+    },
+    "./components/types/InputPill": {
+      "import": "./esm/components/types/InputPill.js",
+      "require": "./cjs/components/types/InputPill.js"
+    },
+    "./components/types": {
+      "import": "./esm/components/types/index.js",
+      "require": "./cjs/components/types/index.js"
+    },
+    "./components/types/DropdownPill": {
+      "import": "./esm/components/types/DropdownPill.js",
+      "require": "./cjs/components/types/DropdownPill.js"
+    },
+    "./components/styled": {
+      "import": "./esm/components/styled.js",
+      "require": "./cjs/components/styled.js"
+    },
+    "./components/PillGroup": {
+      "import": "./esm/components/PillGroup.js",
+      "require": "./cjs/components/PillGroup.js"
+    },
+    "./components/PillButton": {
+      "import": "./esm/components/PillButton.js",
+      "require": "./cjs/components/PillButton.js"
+    },
+    "./components/Pill": {
+      "import": "./esm/components/Pill.js",
+      "require": "./cjs/components/Pill.js"
+    },
+    "./components": {
+      "import": "./esm/components/index.js",
+      "require": "./cjs/components/index.js"
+    }
+  },
   "sideEffects": [
     "*.css",
     "*.scss"
   ],
+  "repository": {
+    "type": "git",
+    "url": "https://git.elliemae.io/platform-ui/dimsum.git"
+  },
+  "engines": {
+    "npm": ">=7",
+    "node": ">=14"
+  },
+  "author": "ICE MT",
   "scripts": {
     "dev": "cross-env NODE_ENV=development && node ../../scripts/build/build.js -w",
     "prebuild": "exit 0",
@@ -16,32 +144,38 @@
     "build": "node ../../scripts/build/build.js"
   },
   "dependencies": {
-    "@elliemae/ds-classnames": "1.60.0",
-    "@elliemae/ds-dropdownmenu": "1.60.0",
-    "@elliemae/ds-form": "1.60.0",
-    "@elliemae/ds-grid": "1.60.0",
-    "@elliemae/ds-icons": "1.60.0",
-    "@elliemae/ds-modal": "1.60.0",
-    "@elliemae/ds-popover": "1.60.0",
-    "@elliemae/ds-shared": "1.60.0",
-    "@elliemae/ds-system": "1.60.0",
-    "@elliemae/ds-tooltip": "1.60.0",
-    "@elliemae/ds-utilities": "1.60.0",
+    "@elliemae/ds-button": "2.0.0-alpha.12",
+    "@elliemae/ds-classnames": "2.0.0-alpha.12",
+    "@elliemae/ds-dropdownmenu": "2.0.0-alpha.12",
+    "@elliemae/ds-form": "2.0.0-alpha.12",
+    "@elliemae/ds-grid": "2.0.0-alpha.12",
+    "@elliemae/ds-icons": "2.0.0-alpha.12",
+    "@elliemae/ds-modal": "2.0.0-alpha.12",
+    "@elliemae/ds-popover": "2.0.0-alpha.12",
+    "@elliemae/ds-props-helpers": "2.0.0-alpha.12",
+    "@elliemae/ds-shared": "2.0.0-alpha.12",
+    "@elliemae/ds-system": "2.0.0-alpha.12",
+    "@elliemae/ds-tooltip": "2.0.0-alpha.12",
+    "@elliemae/ds-truncated-tooltip-text": "2.0.0-alpha.12",
+    "@elliemae/ds-utilities": "2.0.0-alpha.12",
     "prop-types": "~15.7.2",
-    "react-desc": "^4.1.2",
-    "uid": "^2.0.0"
+    "react-desc": "~4.1.3",
+    "uid": "~2.0.0"
   },
   "devDependencies": {
-    "styled-components": "~5.3.0"
+    "@testing-library/react": "~12.1.2",
+    "@testing-library/user-event": "~13.5.0",
+    "styled-components": "~5.3.3"
   },
   "peerDependencies": {
-    "lodash": "^4.17.20",
-    "react": "^17.0.1",
-    "react-dom": "^17.0.1",
-    "styled-components": "^5.3.0"
+    "lodash": "^4.17.21",
+    "react": "^17.0.2",
+    "react-dom": "^17.0.2",
+    "styled-components": "^5.3.3"
   },
   "publishConfig": {
     "access": "public",
-    "directory": "dist"
+    "directory": "dist",
+    "generateSubmodules": true
   }
 }

package/types/components/Pill.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import type { DSPillProps } from '../index.d';
+declare const DSPillV2: React.ComponentType<DSPillProps>;
+declare const DSPillV2WithSchema: any;
+export { DSPillV2, DSPillV2WithSchema };

package/types/components/PillButton.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import { DSButtonPropsT } from '@elliemae/ds-button';
+declare const DSPillButton: React.ComponentType<DSButtonPropsT>;
+declare const DSPillButtonWithSchema: any;
+export { DSPillButton, DSPillButtonWithSchema };

package/types/components/PillGroup.d.ts

@@ -0,0 +1,13 @@
+/// <reference path="../../../../../shared/typings/react-desc.d.ts" />
+import React from 'react';
+import { DSPillGroupProps } from '../index.d';
+export declare const DSPillGroupV2Context: React.Context<{
+    onKeyboardRemove: (pillUid: string) => void;
+}>;
+declare const DSPillGroupV2: React.ComponentType<DSPillGroupProps>;
+declare const DSPillGroupV2WithSchema: {
+    (props?: React.PropsWithChildren<DSPillGroupProps> | undefined): JSX.Element;
+    propTypes: unknown;
+    toTypescript: () => import("react-desc").TypescriptSchema;
+};
+export { DSPillGroupV2, DSPillGroupV2WithSchema };

package/types/components/index.d.ts

@@ -0,0 +1,3 @@
+export * from './Pill';
+export * from './PillGroup';
+export * from './PillButton';

package/types/components/styled.d.ts

@@ -0,0 +1,24 @@
+/// <reference types="react" />
+export declare const StyledLabelPillWrapper: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/types/types").GridPropsT & import("react").RefAttributes<HTMLDivElement>>, import("styled-components").DefaultTheme, {
+    size: 'm' | 's';
+}, never>;
+export declare const StyledValuePillWrapper: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/types/types").GridPropsT & import("react").RefAttributes<HTMLDivElement>>, import("styled-components").DefaultTheme, {
+    size: 'm' | 's';
+}, never>;
+export declare const StyledInputPillWrapper: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/types/types").GridPropsT & import("react").RefAttributes<HTMLDivElement>>, import("styled-components").DefaultTheme, {}, never>;
+export declare const StyledDropdownPillWrapper: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/types/types").GridPropsT & import("react").RefAttributes<HTMLDivElement>>, import("styled-components").DefaultTheme, {
+    size: 'm' | 's';
+}, never>;
+export declare const StyledReadonlyPillWrapper: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/types/types").GridPropsT & import("react").RefAttributes<HTMLDivElement>>, import("styled-components").DefaultTheme, {}, never>;
+export declare const StyledRemovablePillWrapper: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/types/types").GridPropsT & import("react").RefAttributes<HTMLDivElement>>, import("styled-components").DefaultTheme, {
+    size: 'm' | 's';
+}, never>;
+export declare const StyledPillGroup: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/types/types").GridPropsT & import("react").RefAttributes<HTMLDivElement>>, import("styled-components").DefaultTheme, {}, never>;
+export declare const StyledSpanWithTooltip: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, {}, never>;
+export declare const StyledPillButton: import("styled-components").StyledComponent<{
+    (props: import("@elliemae/ds-button/types/v2/propTypes").DSButtonPropsT): JSX.Element;
+    propTypes: import("react").WeakValidationMap<unknown>;
+}, import("styled-components").DefaultTheme, {
+    width: string;
+    height: string;
+}, never>;

package/types/components/types/DropdownPill.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import type { DSPillProps } from '../../index.d';
+export declare const DropdownPill: React.NamedExoticComponent<DSPillProps>;

package/types/components/types/InputPill.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import type { DSPillProps } from '../../index.d';
+export declare const InputPill: React.NamedExoticComponent<DSPillProps>;

package/types/components/types/LabelPill.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import type { DSPillProps } from '../../index.d';
+export declare const LabelPill: React.NamedExoticComponent<DSPillProps>;

package/types/components/types/ReadOnlyPill.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import type { DSPillProps } from '../../index.d';
+export declare const ReadOnlyPill: React.NamedExoticComponent<DSPillProps>;

package/types/components/types/RemovablePill.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import type { DSPillProps } from '../../index.d';
+export declare const RemovablePill: React.NamedExoticComponent<DSPillProps>;

package/types/components/types/ValuePill.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import type { DSPillProps } from '../../index.d';
+export declare const ValuePill: React.NamedExoticComponent<DSPillProps>;

package/types/components/types/index.d.ts

@@ -0,0 +1,6 @@
+export * from './DropdownPill';
+export * from './InputPill';
+export * from './LabelPill';
+export * from './ReadOnlyPill';
+export * from './RemovablePill';
+export * from './ValuePill';

package/types/deprecated/DropdownPill.d.ts

@@ -0,0 +1,75 @@
+/// <reference path="../../../../../shared/typings/react-desc.d.ts" />
+/// <reference types="react" />
+declare function DropdownPill({ containerProps, label, variant, tabIndex, closeMenuOnItemSelection, maxWidth, minWidth, ...dropdownProps }: {
+    [x: string]: any;
+    containerProps?: {} | undefined;
+    label?: string | undefined;
+    variant: any;
+    tabIndex?: number | undefined;
+    closeMenuOnItemSelection?: boolean | undefined;
+    maxWidth: any;
+    minWidth: any;
+}): JSX.Element;
+declare namespace DropdownPill {
+    var propTypes: {
+        /** props injected to component wrapper */
+        containerProps: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
+        /** labeled pill text label */
+        label: any;
+        /** pill variant */
+        variant: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
+        /** html focus border */
+        tabIndex: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
+        /** close menu on item selection */
+        closeMenuOnItemSelection: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
+        /** pill max width */
+        maxWidth: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
+        /** pill min width */
+        minWidth: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
+    };
+}
+declare const DSDropdownPillWithSchema: {
+    (props?: {
+        [x: string]: any;
+        containerProps?: {} | undefined;
+        label?: string | undefined;
+        variant: any;
+        tabIndex?: number | undefined;
+        closeMenuOnItemSelection?: boolean | undefined;
+        maxWidth: any;
+        minWidth: any;
+    } | undefined): JSX.Element;
+    propTypes: unknown;
+    toTypescript: () => import("react-desc").TypescriptSchema;
+};
+export { DropdownPill, DSDropdownPillWithSchema };

package/types/deprecated/InputPill.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+export declare function InputPill({ containerProps, placeholder, onChange, onRemove, value, type, ...otherProps }: {
+    [x: string]: any;
+    containerProps?: {} | undefined;
+    placeholder?: string | undefined;
+    onChange?: (() => void) | undefined;
+    onRemove: any;
+    value: any;
+    type: any;
+}): JSX.Element;

package/types/deprecated/LabeledDropdownPills.d.ts

@@ -0,0 +1,93 @@
+/// <reference path="../../../../../shared/typings/react-desc.d.ts" />
+/// <reference types="react" />
+declare function LabeledDropdownPills({ label, value, type, onFocusNextGroup, onFocusPreviousGroup, onFocusGroupSet, maxWidth, minWidth, fixed, ...menuProps }: {
+    [x: string]: any;
+    label?: string | undefined;
+    value: any;
+    type: any;
+    onFocusNextGroup: any;
+    onFocusPreviousGroup: any;
+    onFocusGroupSet: any;
+    maxWidth: any;
+    minWidth: any;
+    fixed: any;
+}): JSX.Element;
+declare namespace LabeledDropdownPills {
+    var propTypes: {
+        /** pill type */
+        type: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
+        /** focus next group callback */
+        onFocusNextGroup: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
+        /** focus prev group callback */
+        onFocusPreviousGroup: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
+        /** focus group set callback */
+        onFocusGroupSet: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
+        /** pill max width */
+        maxWidth: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
+        /** pill min width */
+        minWidth: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
+        /** fixed pill */
+        fixed: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
+        /** pill label text */
+        label: any;
+        /** pill value */
+        value: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
+    };
+}
+declare const DSLabeledDropdownPillsWithSchema: {
+    (props?: {
+        [x: string]: any;
+        label?: string | undefined;
+        value: any;
+        type: any;
+        onFocusNextGroup: any;
+        onFocusPreviousGroup: any;
+        onFocusGroupSet: any;
+        maxWidth: any;
+        minWidth: any;
+        fixed: any;
+    } | undefined): JSX.Element;
+    propTypes: unknown;
+    toTypescript: () => import("react-desc").TypescriptSchema;
+};
+export { LabeledDropdownPills, DSLabeledDropdownPillsWithSchema };

package/types/deprecated/LabeledDropdownPillsTypes/LabeledDropdownCascadeMenuPill.d.ts

@@ -0,0 +1,15 @@
+/// <reference types="react" />
+export default function LabeledDropdownCascadeMenuPill({ label, options, value: optionValue, onChange, onRemove, value: selection, placeholder, onFocusNextGroup, onFocusPreviousGroup, onFocusGroupSet, maxWidth, minWidth, ...menuProps }: {
+    [x: string]: any;
+    label: any;
+    options: any;
+    value?: {} | undefined;
+    onChange: any;
+    onRemove: any;
+    placeholder?: string | undefined;
+    onFocusNextGroup: any;
+    onFocusPreviousGroup: any;
+    onFocusGroupSet: any;
+    maxWidth: any;
+    minWidth: any;
+}): JSX.Element;

package/types/deprecated/LabeledDropdownPillsTypes/LabeledDropdownMultiPill.d.ts

@@ -0,0 +1,13 @@
+/// <reference types="react" />
+export default function LabeledDropdownMultiPills({ label, options, value, onSelect, onRemove, onChange, // if this is defined, then it's calculating the next result onSelect or onRemove
+maxWidth, minWidth, ...menuProps }: {
+    [x: string]: any;
+    label: any;
+    options?: never[] | undefined;
+    value?: never[] | undefined;
+    onSelect?: (() => null) | undefined;
+    onRemove?: (() => null) | undefined;
+    onChange: any;
+    maxWidth: any;
+    minWidth: any;
+}): JSX.Element;