@elliemae/ds-pills 2.0.0-rc.4 → 2.0.0-rc.8

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (20) hide show
  1. package/cjs/components/Pill.js +1 -1
  2. package/cjs/components/PillButton.js +1 -1
  3. package/cjs/components/PillGroup.js +1 -1
  4. package/cjs/components/styled.js +6 -3
  5. package/esm/components/Pill.js +1 -1
  6. package/esm/components/PillButton.js +1 -1
  7. package/esm/components/PillGroup.js +1 -1
  8. package/esm/components/styled.js +6 -4
  9. package/package.json +12 -12
  10. package/types/components/PillGroup.d.ts +6 -1
  11. package/types/components/styled.d.ts +9 -32
  12. package/types/deprecated/DropdownPill.d.ts +51 -7
  13. package/types/deprecated/LabeledDropdownPills.d.ts +65 -9
  14. package/types/deprecated/LabeledPills.d.ts +37 -5
  15. package/types/deprecated/OverflowPill.d.ts +22 -3
  16. package/types/deprecated/Pill.d.ts +44 -6
  17. package/types/deprecated/PillGroup.d.ts +36 -5
  18. package/types/deprecated/ReadOnlyPill.d.ts +43 -6
  19. package/types/deprecated/RemovablePill.d.ts +36 -5
  20. package/types/props.d.ts +60 -21
package/cjs/components/Pill.js CHANGED
@@ -38,7 +38,7 @@ const pillComponentGetter = {
38
38
 
39
39
  const DSPillV2 = props$1 => {
40
40
  const propsWithDefaults = dsPropsHelpers.useMemoMergePropsWithDefault(props$1, props.DSPillV2DefaultProps);
41
- dsPropsHelpers.useValidateTypescriptPropTypes(propsWithDefaults, DSPillV2WithSchema.toTypescript());
41
+ dsPropsHelpers.useValidateTypescriptPropTypes(propsWithDefaults, props.DSPillV2PropTypes);
42
42
  const {
43
43
  type
44
44
  } = propsWithDefaults;
package/cjs/components/PillButton.js CHANGED
@@ -34,7 +34,7 @@ const typeToClassName = {
34
34
 
35
35
  const DSPillButton = props$1 => {
36
36
  const propsWithDefaults = dsPropsHelpers.useMemoMergePropsWithDefault(props$1, props.DSPillButtonDefaultProps);
37
- dsPropsHelpers.useValidateTypescriptPropTypes(propsWithDefaults, DSPillButtonWithSchema.toTypescript());
37
+ dsPropsHelpers.useValidateTypescriptPropTypes(propsWithDefaults, props.DSPillButtonPropTypes);
38
38
 
39
39
  const {
40
40
  type,
package/cjs/components/PillGroup.js CHANGED
@@ -25,7 +25,7 @@ const DSPillGroupV2Context = /*#__PURE__*/React.createContext({
25
25
 
26
26
  const DSPillGroupV2 = props$1 => {
27
27
  const propsWithDefaults = dsPropsHelpers.useMemoMergePropsWithDefault(props$1, props.DSPillGroupDefaultProps);
28
- dsPropsHelpers.useValidateTypescriptPropTypes(propsWithDefaults, DSPillGroupV2WithSchema.toTypescript());
28
+ dsPropsHelpers.useValidateTypescriptPropTypes(propsWithDefaults, props.DSPillGroupPropTypes);
29
29
  const pillGroupUid = React.useMemo(() => "ds-pill-group-".concat(uid.uid()), []);
30
30
  const {
31
31
  children,
package/cjs/components/styled.js CHANGED
@@ -2,16 +2,19 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
+ var _taggedTemplateLiteral = require('@babel/runtime/helpers/taggedTemplateLiteral');
5
6
  var styled = require('styled-components');
7
+ var dsSystem = require('@elliemae/ds-system');
6
8
  var Grid = require('@elliemae/ds-grid');
7
9
  var dsButton = require('@elliemae/ds-button');
8
10
 
9
11
  function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
10
12
 
13
+ var _taggedTemplateLiteral__default = /*#__PURE__*/_interopDefaultLegacy(_taggedTemplateLiteral);
11
14
  var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
12
15
  var Grid__default = /*#__PURE__*/_interopDefaultLegacy(Grid);
13
16
 
14
- /* eslint-disable max-lines */
17
+ var _templateObject, _templateObject2;
15
18
  // Common CSS
16
19
  // =============================================================================
17
20
 
@@ -19,10 +22,10 @@ const borderOutside = function (color) {
19
22
  let size = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 1;
20
23
  let zIndex = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 2;
21
24
  let borderRadius = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : '12px';
22
- return styled.css([":after{content:' ';position:absolute;top:0px;left:0px;right:0px;bottom:0px;border:", "px solid ", ";border-top-left-radius:", ";border-top-right-radius:", ";border-bottom-left-radius:", ";border-bottom-right-radius:", ";pointer-events:none;z-index:", ";}"], size, color, borderRadius, borderRadius, borderRadius, borderRadius, zIndex);
25
+ return dsSystem.css(_templateObject || (_templateObject = _taggedTemplateLiteral__default["default"](["\n :after {\n content: ' ';\n position: absolute;\n top: 0px;\n left: 0px;\n right: 0px;\n bottom: 0px;\n border: ", "px solid ", ";\n border-top-left-radius: ", ";\n border-top-right-radius: ", ";\n border-bottom-left-radius: ", ";\n border-bottom-right-radius: ", ";\n pointer-events: none;\n z-index: ", ";\n }\n"])), size, color, borderRadius, borderRadius, borderRadius, borderRadius, zIndex);
23
26
  };
24
27
 
25
- const commonPillWrapperCss = /*#__PURE__*/styled.css(["height:", ";position:relative;width:fit-content;background-color:", ";outline:none;white-space:nowrap;padding:0px 12px 0 12px;border-radius:12px;font-size:13px;line-height:1;color:", ";", ";"], props => (props === null || props === void 0 ? void 0 : props.size) === 'm' ? '24px' : '18px', props => props.theme.colors.brand[200], props => props.theme.colors.brand[800], props => borderOutside(props.theme.colors.brand[300])); // =============================================================================
28
+ const commonPillWrapperCss = dsSystem.css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral__default["default"](["\n height: ", ";\n\n position: relative;\n\n width: fit-content;\n\n background-color: ", ";\n\n outline: none;\n\n white-space: nowrap;\n\n padding: 0px 12px 0 12px;\n border-radius: 12px;\n\n font-size: 13px;\n line-height: 1;\n color: ", ";\n ", ";\n"])), props => (props === null || props === void 0 ? void 0 : props.size) === 'm' ? '24px' : '18px', props => props.theme.colors.brand[200], props => props.theme.colors.brand[800], props => borderOutside(props.theme.colors.brand[300])); // =============================================================================
26
29
  // Pills wrappers
27
30
  // =============================================================================
28
31
 
package/esm/components/Pill.js CHANGED
@@ -30,7 +30,7 @@ const pillComponentGetter = {
30
30
 
31
31
  const DSPillV2 = props => {
32
32
  const propsWithDefaults = useMemoMergePropsWithDefault(props, DSPillV2DefaultProps);
33
- useValidateTypescriptPropTypes(propsWithDefaults, DSPillV2WithSchema.toTypescript());
33
+ useValidateTypescriptPropTypes(propsWithDefaults, DSPillV2PropTypes);
34
34
  const {
35
35
  type
36
36
  } = propsWithDefaults;
package/esm/components/PillButton.js CHANGED
@@ -25,7 +25,7 @@ const typeToClassName = {
25
25
 
26
26
  const DSPillButton = props => {
27
27
  const propsWithDefaults = useMemoMergePropsWithDefault(props, DSPillButtonDefaultProps);
28
- useValidateTypescriptPropTypes(propsWithDefaults, DSPillButtonWithSchema.toTypescript());
28
+ useValidateTypescriptPropTypes(propsWithDefaults, DSPillButtonPropTypes);
29
29
 
30
30
  const {
31
31
  type,
package/esm/components/PillGroup.js CHANGED
@@ -16,7 +16,7 @@ const DSPillGroupV2Context = /*#__PURE__*/createContext({
16
16
 
17
17
  const DSPillGroupV2 = props => {
18
18
  const propsWithDefaults = useMemoMergePropsWithDefault(props, DSPillGroupDefaultProps);
19
- useValidateTypescriptPropTypes(propsWithDefaults, DSPillGroupV2WithSchema.toTypescript());
19
+ useValidateTypescriptPropTypes(propsWithDefaults, DSPillGroupPropTypes);
20
20
  const pillGroupUid = useMemo(() => "ds-pill-group-".concat(uid()), []);
21
21
  const {
22
22
  children,
package/esm/components/styled.js CHANGED
@@ -1,8 +1,10 @@
1
- import styled, { css } from 'styled-components';
1
+ import _taggedTemplateLiteral from '@babel/runtime/helpers/esm/taggedTemplateLiteral';
2
+ import styled from 'styled-components';
3
+ import { css } from '@elliemae/ds-system';
2
4
  import Grid from '@elliemae/ds-grid';
3
5
  import { DSButtonV2 } from '@elliemae/ds-button';
4
6
 
5
- /* eslint-disable max-lines */
7
+ var _templateObject, _templateObject2;
6
8
  // Common CSS
7
9
  // =============================================================================
8
10
 
@@ -10,10 +12,10 @@ const borderOutside = function (color) {
10
12
  let size = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 1;
11
13
  let zIndex = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 2;
12
14
  let borderRadius = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : '12px';
13
- return css([":after{content:' ';position:absolute;top:0px;left:0px;right:0px;bottom:0px;border:", "px solid ", ";border-top-left-radius:", ";border-top-right-radius:", ";border-bottom-left-radius:", ";border-bottom-right-radius:", ";pointer-events:none;z-index:", ";}"], size, color, borderRadius, borderRadius, borderRadius, borderRadius, zIndex);
15
+ return css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n :after {\n content: ' ';\n position: absolute;\n top: 0px;\n left: 0px;\n right: 0px;\n bottom: 0px;\n border: ", "px solid ", ";\n border-top-left-radius: ", ";\n border-top-right-radius: ", ";\n border-bottom-left-radius: ", ";\n border-bottom-right-radius: ", ";\n pointer-events: none;\n z-index: ", ";\n }\n"])), size, color, borderRadius, borderRadius, borderRadius, borderRadius, zIndex);
14
16
  };
15
17
 
16
- const commonPillWrapperCss = /*#__PURE__*/css(["height:", ";position:relative;width:fit-content;background-color:", ";outline:none;white-space:nowrap;padding:0px 12px 0 12px;border-radius:12px;font-size:13px;line-height:1;color:", ";", ";"], props => (props === null || props === void 0 ? void 0 : props.size) === 'm' ? '24px' : '18px', props => props.theme.colors.brand[200], props => props.theme.colors.brand[800], props => borderOutside(props.theme.colors.brand[300])); // =============================================================================
18
+ const commonPillWrapperCss = css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n height: ", ";\n\n position: relative;\n\n width: fit-content;\n\n background-color: ", ";\n\n outline: none;\n\n white-space: nowrap;\n\n padding: 0px 12px 0 12px;\n border-radius: 12px;\n\n font-size: 13px;\n line-height: 1;\n color: ", ";\n ", ";\n"])), props => (props === null || props === void 0 ? void 0 : props.size) === 'm' ? '24px' : '18px', props => props.theme.colors.brand[200], props => props.theme.colors.brand[800], props => borderOutside(props.theme.colors.brand[300])); // =============================================================================
17
19
  // Pills wrappers
18
20
  // =============================================================================
19
21
 
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@elliemae/ds-pills",
3
- "version": "2.0.0-rc.4",
3
+ "version": "2.0.0-rc.8",
4
4
  "license": "MIT",
5
5
  "description": "ICE MT - Dimsum - Pills",
6
6
  "module": "./esm/index.js",
@@ -144,17 +144,17 @@
144
144
  "build": "node ../../scripts/build/build.js"
145
145
  },
146
146
  "dependencies": {
147
- "@elliemae/ds-classnames": "2.0.0-rc.4",
148
- "@elliemae/ds-dropdownmenu": "2.0.0-rc.4",
149
- "@elliemae/ds-form": "2.0.0-rc.4",
150
- "@elliemae/ds-grid": "2.0.0-rc.4",
151
- "@elliemae/ds-icons": "2.0.0-rc.4",
152
- "@elliemae/ds-modal": "2.0.0-rc.4",
153
- "@elliemae/ds-popover": "2.0.0-rc.4",
154
- "@elliemae/ds-shared": "2.0.0-rc.4",
155
- "@elliemae/ds-system": "2.0.0-rc.4",
156
- "@elliemae/ds-tooltip": "2.0.0-rc.4",
157
- "@elliemae/ds-utilities": "2.0.0-rc.4",
147
+ "@elliemae/ds-classnames": "2.0.0-rc.8",
148
+ "@elliemae/ds-dropdownmenu": "2.0.0-rc.8",
149
+ "@elliemae/ds-form": "2.0.0-rc.8",
150
+ "@elliemae/ds-grid": "2.0.0-rc.8",
151
+ "@elliemae/ds-icons": "2.0.0-rc.8",
152
+ "@elliemae/ds-modal": "2.0.0-rc.8",
153
+ "@elliemae/ds-popover": "2.0.0-rc.8",
154
+ "@elliemae/ds-shared": "2.0.0-rc.8",
155
+ "@elliemae/ds-system": "2.0.0-rc.8",
156
+ "@elliemae/ds-tooltip": "2.0.0-rc.8",
157
+ "@elliemae/ds-utilities": "2.0.0-rc.8",
158
158
  "prop-types": "~15.7.2",
159
159
  "react-desc": "~4.1.3",
160
160
  "uid": "~2.0.0"
package/types/components/PillGroup.d.ts CHANGED
@@ -1,8 +1,13 @@
1
+ /// <reference path="../../../../../shared/typings/react-desc.d.ts" />
1
2
  import React from 'react';
2
3
  import { DSPillGroupProps } from '../index.d';
3
4
  export declare const DSPillGroupV2Context: React.Context<{
4
5
  onKeyboardRemove: (pillUid: string) => void;
5
6
  }>;
6
7
  declare const DSPillGroupV2: React.ComponentType<DSPillGroupProps>;
7
- declare const DSPillGroupV2WithSchema: any;
8
+ declare const DSPillGroupV2WithSchema: {
9
+ (props?: React.PropsWithChildren<DSPillGroupProps> | undefined): JSX.Element;
10
+ propTypes: unknown;
11
+ toTypescript: () => import("react-desc").TypescriptSchema;
12
+ };
8
13
  export { DSPillGroupV2, DSPillGroupV2WithSchema };
package/types/components/styled.d.ts CHANGED
@@ -1,41 +1,18 @@
1
1
  /// <reference types="react" />
2
- export declare const StyledLabelPillWrapper: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/types/types").GridPropsT & import("react").RefAttributes<HTMLDivElement>>, any, {
2
+ 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, {
3
3
  size: 'm' | 's';
4
4
  }, never>;
5
- export declare const StyledValuePillWrapper: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/types/types").GridPropsT & import("react").RefAttributes<HTMLDivElement>>, any, {
5
+ 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, {
6
6
  size: 'm' | 's';
7
7
  }, never>;
8
- export declare const StyledInputPillWrapper: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/types/types").GridPropsT & import("react").RefAttributes<HTMLDivElement>>, any, {}, never>;
9
- export declare const StyledDropdownPillWrapper: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/types/types").GridPropsT & import("react").RefAttributes<HTMLDivElement>>, any, {
8
+ 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>;
9
+ 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, {
10
10
  size: 'm' | 's';
11
11
  }, never>;
12
- export declare const StyledReadonlyPillWrapper: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/types/types").GridPropsT & import("react").RefAttributes<HTMLDivElement>>, any, {}, never>;
13
- export declare const StyledRemovablePillWrapper: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/types/types").GridPropsT & import("react").RefAttributes<HTMLDivElement>>, any, {
12
+ 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>;
13
+ 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, {
14
14
  size: 'm' | 's';
15
15
  }, never>;
16
- export declare const StyledPillGroup: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/types/types").GridPropsT & import("react").RefAttributes<HTMLDivElement>>, any, {}, never>;
17
- export declare const StyledSpanWithTooltip: import("styled-components").StyledComponent<"span", any, {}, never>;
18
- export declare const StyledPillButton: import("styled-components").StyledComponent<{
19
- (props: import("@elliemae/ds-button/types/v2/DSButtonV2Types").DSButtonPropsT): JSX.Element;
20
- propTypes: {
21
- id: any;
22
- buttonType: any;
23
- size: any;
24
- disabled: any;
25
- onClick: any;
26
- onKeyDown: any;
27
- onBlur: any;
28
- onFocus: any;
29
- className: any;
30
- tabIndex: any;
31
- innerRef: any;
32
- 'aria-label': any;
33
- 'aria-pressed': any;
34
- 'data-testid': any;
35
- role: any;
36
- children: any;
37
- };
38
- }, any, {
39
- width: string;
40
- height: string;
41
- }, never>;
16
+ 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>;
17
+ export declare const StyledSpanWithTooltip: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, {}, never>;
18
+ export declare const StyledPillButton: import("styled-components").StyledComponent<any, import("styled-components").DefaultTheme, any, any>;
package/types/deprecated/DropdownPill.d.ts CHANGED
@@ -1,3 +1,4 @@
1
+ /// <reference path="../../../../../shared/typings/react-desc.d.ts" />
1
2
  /// <reference types="react" />
2
3
  declare function DropdownPill({ containerProps, label, variant, tabIndex, closeMenuOnItemSelection, maxWidth, minWidth, ...dropdownProps }: {
3
4
  [x: string]: any;
@@ -12,20 +13,63 @@ declare function DropdownPill({ containerProps, label, variant, tabIndex, closeM
12
13
  declare namespace DropdownPill {
13
14
  var propTypes: {
14
15
  /** props injected to component wrapper */
15
- containerProps: any;
16
+ containerProps: {
17
+ defaultValue<T = unknown>(arg: T): {
18
+ deprecated: import("react-desc").PropTypesDescValidator;
19
+ };
20
+ isRequired: import("react-desc").PropTypesDescValidator;
21
+ };
16
22
  /** labeled pill text label */
17
23
  label: any;
18
24
  /** pill variant */
19
- variant: any;
25
+ variant: {
26
+ defaultValue<T = unknown>(arg: T): {
27
+ deprecated: import("react-desc").PropTypesDescValidator;
28
+ };
29
+ isRequired: import("react-desc").PropTypesDescValidator;
30
+ };
20
31
  /** html focus border */
21
- tabIndex: any;
32
+ tabIndex: {
33
+ defaultValue<T = unknown>(arg: T): {
34
+ deprecated: import("react-desc").PropTypesDescValidator;
35
+ };
36
+ isRequired: import("react-desc").PropTypesDescValidator;
37
+ };
22
38
  /** close menu on item selection */
23
- closeMenuOnItemSelection: any;
39
+ closeMenuOnItemSelection: {
40
+ defaultValue<T = unknown>(arg: T): {
41
+ deprecated: import("react-desc").PropTypesDescValidator;
42
+ };
43
+ isRequired: import("react-desc").PropTypesDescValidator;
44
+ };
24
45
  /** pill max width */
25
- maxWidth: any;
46
+ maxWidth: {
47
+ defaultValue<T = unknown>(arg: T): {
48
+ deprecated: import("react-desc").PropTypesDescValidator;
49
+ };
50
+ isRequired: import("react-desc").PropTypesDescValidator;
51
+ };
26
52
  /** pill min width */
27
- minWidth: any;
53
+ minWidth: {
54
+ defaultValue<T = unknown>(arg: T): {
55
+ deprecated: import("react-desc").PropTypesDescValidator;
56
+ };
57
+ isRequired: import("react-desc").PropTypesDescValidator;
58
+ };
28
59
  };
29
60
  }
30
- declare const DSDropdownPillWithSchema: any;
61
+ declare const DSDropdownPillWithSchema: {
62
+ (props?: {
63
+ [x: string]: any;
64
+ containerProps?: {} | undefined;
65
+ label?: string | undefined;
66
+ variant: any;
67
+ tabIndex?: number | undefined;
68
+ closeMenuOnItemSelection?: boolean | undefined;
69
+ maxWidth: any;
70
+ minWidth: any;
71
+ } | undefined): JSX.Element;
72
+ propTypes: unknown;
73
+ toTypescript: () => import("react-desc").TypescriptSchema;
74
+ };
31
75
  export { DropdownPill, DSDropdownPillWithSchema };
package/types/deprecated/LabeledDropdownPills.d.ts CHANGED
@@ -1,3 +1,4 @@
1
+ /// <reference path="../../../../../shared/typings/react-desc.d.ts" />
1
2
  /// <reference types="react" />
2
3
  declare function LabeledDropdownPills({ label, value, type, onFocusNextGroup, onFocusPreviousGroup, onFocusGroupSet, maxWidth, minWidth, fixed, ...menuProps }: {
3
4
  [x: string]: any;
@@ -14,24 +15,79 @@ declare function LabeledDropdownPills({ label, value, type, onFocusNextGroup, on
14
15
  declare namespace LabeledDropdownPills {
15
16
  var propTypes: {
16
17
  /** pill type */
17
- type: any;
18
+ type: {
19
+ defaultValue<T = unknown>(arg: T): {
20
+ deprecated: import("react-desc").PropTypesDescValidator;
21
+ };
22
+ isRequired: import("react-desc").PropTypesDescValidator;
23
+ };
18
24
  /** focus next group callback */
19
- onFocusNextGroup: any;
25
+ onFocusNextGroup: {
26
+ defaultValue<T = unknown>(arg: T): {
27
+ deprecated: import("react-desc").PropTypesDescValidator;
28
+ };
29
+ isRequired: import("react-desc").PropTypesDescValidator;
30
+ };
20
31
  /** focus prev group callback */
21
- onFocusPreviousGroup: any;
32
+ onFocusPreviousGroup: {
33
+ defaultValue<T = unknown>(arg: T): {
34
+ deprecated: import("react-desc").PropTypesDescValidator;
35
+ };
36
+ isRequired: import("react-desc").PropTypesDescValidator;
37
+ };
22
38
  /** focus group set callback */
23
- onFocusGroupSet: any;
39
+ onFocusGroupSet: {
40
+ defaultValue<T = unknown>(arg: T): {
41
+ deprecated: import("react-desc").PropTypesDescValidator;
42
+ };
43
+ isRequired: import("react-desc").PropTypesDescValidator;
44
+ };
24
45
  /** pill max width */
25
- maxWidth: any;
46
+ maxWidth: {
47
+ defaultValue<T = unknown>(arg: T): {
48
+ deprecated: import("react-desc").PropTypesDescValidator;
49
+ };
50
+ isRequired: import("react-desc").PropTypesDescValidator;
51
+ };
26
52
  /** pill min width */
27
- minWidth: any;
53
+ minWidth: {
54
+ defaultValue<T = unknown>(arg: T): {
55
+ deprecated: import("react-desc").PropTypesDescValidator;
56
+ };
57
+ isRequired: import("react-desc").PropTypesDescValidator;
58
+ };
28
59
  /** fixed pill */
29
- fixed: any;
60
+ fixed: {
61
+ defaultValue<T = unknown>(arg: T): {
62
+ deprecated: import("react-desc").PropTypesDescValidator;
63
+ };
64
+ isRequired: import("react-desc").PropTypesDescValidator;
65
+ };
30
66
  /** pill label text */
31
67
  label: any;
32
68
  /** pill value */
33
- value: any;
69
+ value: {
70
+ defaultValue<T = unknown>(arg: T): {
71
+ deprecated: import("react-desc").PropTypesDescValidator;
72
+ };
73
+ isRequired: import("react-desc").PropTypesDescValidator;
74
+ };
34
75
  };
35
76
  }
36
- declare const DSLabeledDropdownPillsWithSchema: any;
77
+ declare const DSLabeledDropdownPillsWithSchema: {
78
+ (props?: {
79
+ [x: string]: any;
80
+ label?: string | undefined;
81
+ value: any;
82
+ type: any;
83
+ onFocusNextGroup: any;
84
+ onFocusPreviousGroup: any;
85
+ onFocusGroupSet: any;
86
+ maxWidth: any;
87
+ minWidth: any;
88
+ fixed: any;
89
+ } | undefined): JSX.Element;
90
+ propTypes: unknown;
91
+ toTypescript: () => import("react-desc").TypescriptSchema;
92
+ };
37
93
  export { LabeledDropdownPills, DSLabeledDropdownPillsWithSchema };
package/types/deprecated/LabeledPills.d.ts CHANGED
@@ -1,3 +1,4 @@
1
+ /// <reference path="../../../../../shared/typings/react-desc.d.ts" />
1
2
  /// <reference types="react" />
2
3
  declare function LabeledPills({ children, label, leftAddon, onFocusGroupSet, onFocusNextGroup, onFocusPreviousGroup, }: {
3
4
  children: any;
@@ -14,14 +15,45 @@ declare namespace LabeledPills {
14
15
  /** pill to add the label to */
15
16
  children: any;
16
17
  /** addon component to left */
17
- leftAddon: any;
18
+ leftAddon: {
19
+ defaultValue<T = unknown>(arg: T): {
20
+ deprecated: import("react-desc").PropTypesDescValidator;
21
+ };
22
+ isRequired: import("react-desc").PropTypesDescValidator;
23
+ };
18
24
  /** focus next group callback */
19
- onFocusNextGroup: any;
25
+ onFocusNextGroup: {
26
+ defaultValue<T = unknown>(arg: T): {
27
+ deprecated: import("react-desc").PropTypesDescValidator;
28
+ };
29
+ isRequired: import("react-desc").PropTypesDescValidator;
30
+ };
20
31
  /** focus prev group callback */
21
- onFocusPreviousGroup: any;
32
+ onFocusPreviousGroup: {
33
+ defaultValue<T = unknown>(arg: T): {
34
+ deprecated: import("react-desc").PropTypesDescValidator;
35
+ };
36
+ isRequired: import("react-desc").PropTypesDescValidator;
37
+ };
22
38
  /** focus group set callback */
23
- onFocusGroupSet: any;
39
+ onFocusGroupSet: {
40
+ defaultValue<T = unknown>(arg: T): {
41
+ deprecated: import("react-desc").PropTypesDescValidator;
42
+ };
43
+ isRequired: import("react-desc").PropTypesDescValidator;
44
+ };
24
45
  };
25
46
  }
26
- declare const DSLabeledPillsWithSchema: any;
47
+ declare const DSLabeledPillsWithSchema: {
48
+ (props?: {
49
+ children: any;
50
+ label?: string | undefined;
51
+ leftAddon: any;
52
+ onFocusGroupSet: any;
53
+ onFocusNextGroup: any;
54
+ onFocusPreviousGroup: any;
55
+ } | undefined): JSX.Element;
56
+ propTypes: unknown;
57
+ toTypescript: () => import("react-desc").TypescriptSchema;
58
+ };
27
59
  export { LabeledPills, DSLabeledPillsWithSchema };
package/types/deprecated/OverflowPill.d.ts CHANGED
@@ -1,3 +1,4 @@
1
+ /// <reference path="../../../../../shared/typings/react-desc.d.ts" />
1
2
  /// <reference types="react" />
2
3
  declare function OverflowPill({ containerProps, label, options }: {
3
4
  containerProps?: {} | undefined;
@@ -7,12 +8,30 @@ declare function OverflowPill({ containerProps, label, options }: {
7
8
  declare namespace OverflowPill {
8
9
  var propTypes: {
9
10
  /** props to inject to pill wrapper */
10
- containerProps: any;
11
+ containerProps: {
12
+ defaultValue<T = unknown>(arg: T): {
13
+ deprecated: import("react-desc").PropTypesDescValidator;
14
+ };
15
+ isRequired: import("react-desc").PropTypesDescValidator;
16
+ };
11
17
  /** pill text label */
12
18
  label: any;
13
19
  /** overflow pills options */
14
- options: any;
20
+ options: {
21
+ defaultValue<T = unknown>(arg: T): {
22
+ deprecated: import("react-desc").PropTypesDescValidator;
23
+ };
24
+ isRequired: import("react-desc").PropTypesDescValidator;
25
+ };
15
26
  };
16
27
  }
17
- declare const DSOverflowPillWithSchema: any;
28
+ declare const DSOverflowPillWithSchema: {
29
+ (props?: {
30
+ containerProps?: {} | undefined;
31
+ label?: string | undefined;
32
+ options?: never[] | undefined;
33
+ } | undefined): JSX.Element;
34
+ propTypes: unknown;
35
+ toTypescript: () => import("react-desc").TypescriptSchema;
36
+ };
18
37
  export { OverflowPill, DSOverflowPillWithSchema };
package/types/deprecated/Pill.d.ts CHANGED
@@ -1,3 +1,4 @@
1
+ /// <reference path="../../../../../shared/typings/react-desc.d.ts" />
1
2
  /// <reference types="react" />
2
3
  declare function Pill({ containerProps, label, leftAddon, rightAddon, variant, size, ...otherProps }: {
3
4
  [x: string]: any;
@@ -11,19 +12,56 @@ declare function Pill({ containerProps, label, leftAddon, rightAddon, variant, s
11
12
  declare namespace Pill {
12
13
  var propTypes: {
13
14
  /** props to inject to pill wrapper */
14
- containerProps: any;
15
+ containerProps: {
16
+ defaultValue<T = unknown>(arg: T): {
17
+ deprecated: import("react-desc").PropTypesDescValidator;
18
+ };
19
+ isRequired: import("react-desc").PropTypesDescValidator;
20
+ };
15
21
  /** pill text label */
16
22
  label: any;
17
23
  /** pill size */
18
- size: any;
24
+ size: {
25
+ defaultValue<T = unknown>(arg: T): {
26
+ deprecated: import("react-desc").PropTypesDescValidator;
27
+ };
28
+ isRequired: import("react-desc").PropTypesDescValidator;
29
+ };
19
30
  /** pill variant */
20
- variant: any;
31
+ variant: {
32
+ defaultValue<T = unknown>(arg: T): {
33
+ deprecated: import("react-desc").PropTypesDescValidator;
34
+ };
35
+ isRequired: import("react-desc").PropTypesDescValidator;
36
+ };
21
37
  /** addon component to left */
22
- leftAddon: any;
38
+ leftAddon: {
39
+ defaultValue<T = unknown>(arg: T): {
40
+ deprecated: import("react-desc").PropTypesDescValidator;
41
+ };
42
+ isRequired: import("react-desc").PropTypesDescValidator;
43
+ };
23
44
  /** addon component to right */
24
- rightAddon: any;
45
+ rightAddon: {
46
+ defaultValue<T = unknown>(arg: T): {
47
+ deprecated: import("react-desc").PropTypesDescValidator;
48
+ };
49
+ isRequired: import("react-desc").PropTypesDescValidator;
50
+ };
25
51
  };
26
52
  }
27
- declare const DSPillWithSchema: any;
53
+ declare const DSPillWithSchema: {
54
+ (props?: {
55
+ [x: string]: any;
56
+ containerProps?: {} | undefined;
57
+ label?: string | undefined;
58
+ leftAddon: any;
59
+ rightAddon: any;
60
+ variant?: string | undefined;
61
+ size?: string | undefined;
62
+ } | undefined): JSX.Element;
63
+ propTypes: unknown;
64
+ toTypescript: () => import("react-desc").TypescriptSchema;
65
+ };
28
66
  export { Pill, DSPillWithSchema };
29
67
  export default Pill;
package/types/deprecated/PillGroup.d.ts CHANGED
@@ -1,3 +1,4 @@
1
+ /// <reference path="../../../../../shared/typings/react-desc.d.ts" />
1
2
  import React from 'react';
2
3
  export declare const Container: React.ForwardRefExoticComponent<React.RefAttributes<unknown>>;
3
4
  declare const PillGroup: {
@@ -10,16 +11,46 @@ declare const PillGroup: {
10
11
  }): JSX.Element;
11
12
  propTypes: {
12
13
  /** props injected to component wrapper */
13
- containerProps: any;
14
+ containerProps: {
15
+ defaultValue<T = unknown>(arg: T): {
16
+ deprecated: import("react-desc").PropTypesDescValidator;
17
+ };
18
+ isRequired: import("react-desc").PropTypesDescValidator;
19
+ };
14
20
  /** focus next group callback */
15
- onFocusNextGroup: any;
21
+ onFocusNextGroup: {
22
+ defaultValue<T = unknown>(arg: T): {
23
+ deprecated: import("react-desc").PropTypesDescValidator;
24
+ };
25
+ isRequired: import("react-desc").PropTypesDescValidator;
26
+ };
16
27
  /** focus prev group callback */
17
- onFocusPreviousGroup: any;
28
+ onFocusPreviousGroup: {
29
+ defaultValue<T = unknown>(arg: T): {
30
+ deprecated: import("react-desc").PropTypesDescValidator;
31
+ };
32
+ isRequired: import("react-desc").PropTypesDescValidator;
33
+ };
18
34
  /** focus group set callback */
19
- onFocusGroupSet: any;
35
+ onFocusGroupSet: {
36
+ defaultValue<T = unknown>(arg: T): {
37
+ deprecated: import("react-desc").PropTypesDescValidator;
38
+ };
39
+ isRequired: import("react-desc").PropTypesDescValidator;
40
+ };
20
41
  /** pill components */
21
42
  children: any;
22
43
  };
23
44
  };
24
- declare const DSPillGroupWithSchema: any;
45
+ declare const DSPillGroupWithSchema: {
46
+ (props?: {
47
+ containerProps?: {} | undefined;
48
+ onFocusNextGroup: any;
49
+ onFocusPreviousGroup: any;
50
+ onFocusGroupSet: any;
51
+ children: any;
52
+ } | undefined): JSX.Element;
53
+ propTypes: unknown;
54
+ toTypescript: () => import("react-desc").TypescriptSchema;
55
+ };
25
56
  export { PillGroup, DSPillGroupWithSchema };
package/types/deprecated/ReadOnlyPill.d.ts CHANGED
@@ -1,3 +1,4 @@
1
+ /// <reference path="../../../../../shared/typings/react-desc.d.ts" />
1
2
  /// <reference types="react" />
2
3
  declare const ReadOnlyPill: {
3
4
  ({ containerProps, modalContent, label, leftAddon, modalTitle, tooltipText, }: {
@@ -10,17 +11,53 @@ declare const ReadOnlyPill: {
10
11
  }): JSX.Element;
11
12
  propTypes: {
12
13
  /** props injected to component wrapper */
13
- containerProps: any;
14
+ containerProps: {
15
+ defaultValue<T = unknown>(arg: T): {
16
+ deprecated: import("react-desc").PropTypesDescValidator;
17
+ };
18
+ isRequired: import("react-desc").PropTypesDescValidator;
19
+ };
14
20
  /** labeled pill text label */
15
21
  label: any;
16
22
  /** addon component to left */
17
- leftAddon: any;
23
+ leftAddon: {
24
+ defaultValue<T = unknown>(arg: T): {
25
+ deprecated: import("react-desc").PropTypesDescValidator;
26
+ };
27
+ isRequired: import("react-desc").PropTypesDescValidator;
28
+ };
18
29
  /** read only pill modal content */
19
- modalContent: any;
30
+ modalContent: {
31
+ defaultValue<T = unknown>(arg: T): {
32
+ deprecated: import("react-desc").PropTypesDescValidator;
33
+ };
34
+ isRequired: import("react-desc").PropTypesDescValidator;
35
+ };
20
36
  /** read only pill modal title */
21
- modalTitle: any;
22
- tooltipText: any;
37
+ modalTitle: {
38
+ defaultValue<T = unknown>(arg: T): {
39
+ deprecated: import("react-desc").PropTypesDescValidator;
40
+ };
41
+ isRequired: import("react-desc").PropTypesDescValidator;
42
+ };
43
+ tooltipText: {
44
+ defaultValue<T = unknown>(arg: T): {
45
+ deprecated: import("react-desc").PropTypesDescValidator;
46
+ };
47
+ isRequired: import("react-desc").PropTypesDescValidator;
48
+ };
23
49
  };
24
50
  };
25
- declare const DSReadOnlyPillWithSchema: any;
51
+ declare const DSReadOnlyPillWithSchema: {
52
+ (props?: {
53
+ containerProps?: {} | undefined;
54
+ modalContent?: string | undefined;
55
+ label?: string | undefined;
56
+ leftAddon: any;
57
+ modalTitle?: string | undefined;
58
+ tooltipText?: string | undefined;
59
+ } | undefined): JSX.Element;
60
+ propTypes: unknown;
61
+ toTypescript: () => import("react-desc").TypescriptSchema;
62
+ };
26
63
  export { ReadOnlyPill, DSReadOnlyPillWithSchema };
package/types/deprecated/RemovablePill.d.ts CHANGED
@@ -1,3 +1,4 @@
1
+ /// <reference path="../../../../../shared/typings/react-desc.d.ts" />
1
2
  /// <reference types="react" />
2
3
  declare function RemovablePill({ containerProps, label, onRemove, size, leftAddon }: {
3
4
  containerProps?: {} | undefined;
@@ -9,16 +10,46 @@ declare function RemovablePill({ containerProps, label, onRemove, size, leftAddo
9
10
  declare namespace RemovablePill {
10
11
  var propTypes: {
11
12
  /** props injected to component wrapper */
12
- containerProps: any;
13
+ containerProps: {
14
+ defaultValue<T = unknown>(arg: T): {
15
+ deprecated: import("react-desc").PropTypesDescValidator;
16
+ };
17
+ isRequired: import("react-desc").PropTypesDescValidator;
18
+ };
13
19
  /** labeled pill text label */
14
20
  label: any;
15
21
  /** remove click callback */
16
- onRemove: any;
22
+ onRemove: {
23
+ defaultValue<T = unknown>(arg: T): {
24
+ deprecated: import("react-desc").PropTypesDescValidator;
25
+ };
26
+ isRequired: import("react-desc").PropTypesDescValidator;
27
+ };
17
28
  /** pill size */
18
- size: any;
29
+ size: {
30
+ defaultValue<T = unknown>(arg: T): {
31
+ deprecated: import("react-desc").PropTypesDescValidator;
32
+ };
33
+ isRequired: import("react-desc").PropTypesDescValidator;
34
+ };
19
35
  /** addon component to left */
20
- leftAddon: any;
36
+ leftAddon: {
37
+ defaultValue<T = unknown>(arg: T): {
38
+ deprecated: import("react-desc").PropTypesDescValidator;
39
+ };
40
+ isRequired: import("react-desc").PropTypesDescValidator;
41
+ };
21
42
  };
22
43
  }
23
- declare const DSRemovablePillWithSchema: any;
44
+ declare const DSRemovablePillWithSchema: {
45
+ (props?: {
46
+ containerProps?: {} | undefined;
47
+ label?: string | undefined;
48
+ onRemove: any;
49
+ size?: string | undefined;
50
+ leftAddon: any;
51
+ } | undefined): JSX.Element;
52
+ propTypes: unknown;
53
+ toTypescript: () => import("react-desc").TypescriptSchema;
54
+ };
24
55
  export { RemovablePill, DSRemovablePillWithSchema };
package/types/props.d.ts CHANGED
@@ -1,29 +1,68 @@
1
+ /// <reference path="../../../../shared/typings/react-desc.d.ts" />
1
2
  export declare const DSPillV2PropTypes: {
2
- label: any;
3
- type: any;
4
- innerRef: any;
5
- size: any;
6
- ariaLabel: any;
7
- labelTruncated: any;
8
- tooltipValue: any;
9
- iconLeft: any;
10
- iconRight: any;
11
- onRemove: any;
12
- inputPlaceholder: any;
13
- onInputChange: any;
14
- onInputClear: any;
15
- inputWidth: any;
16
- dropdownProps: any;
17
- onDropdownClick: any;
3
+ label: import("react-desc").PropTypesDescValidator;
4
+ type: import("react-desc").PropTypesDescValidator;
5
+ innerRef: {
6
+ deprecated: import("react-desc").PropTypesDescValidator;
7
+ };
8
+ size: {
9
+ deprecated: import("react-desc").PropTypesDescValidator;
10
+ };
11
+ ariaLabel: {
12
+ deprecated: import("react-desc").PropTypesDescValidator;
13
+ };
14
+ labelTruncated: {
15
+ deprecated: import("react-desc").PropTypesDescValidator;
16
+ };
17
+ tooltipValue: {
18
+ deprecated: import("react-desc").PropTypesDescValidator;
19
+ };
20
+ iconLeft: {
21
+ deprecated: import("react-desc").PropTypesDescValidator;
22
+ };
23
+ iconRight: {
24
+ deprecated: import("react-desc").PropTypesDescValidator;
25
+ };
26
+ onRemove: {
27
+ deprecated: import("react-desc").PropTypesDescValidator;
28
+ };
29
+ inputPlaceholder: {
30
+ deprecated: import("react-desc").PropTypesDescValidator;
31
+ };
32
+ onInputChange: {
33
+ deprecated: import("react-desc").PropTypesDescValidator;
34
+ };
35
+ onInputClear: {
36
+ deprecated: import("react-desc").PropTypesDescValidator;
37
+ };
38
+ inputWidth: {
39
+ deprecated: import("react-desc").PropTypesDescValidator;
40
+ };
41
+ dropdownProps: {
42
+ deprecated: import("react-desc").PropTypesDescValidator;
43
+ };
44
+ onDropdownClick: {
45
+ deprecated: import("react-desc").PropTypesDescValidator;
46
+ };
18
47
  };
19
48
  export declare const DSPillButtonPropTypes: {
20
- type: any;
21
- width: any;
22
- height: any;
49
+ type: {
50
+ deprecated: import("react-desc").PropTypesDescValidator;
51
+ };
52
+ width: {
53
+ deprecated: import("react-desc").PropTypesDescValidator;
54
+ };
55
+ height: {
56
+ deprecated: import("react-desc").PropTypesDescValidator;
57
+ };
23
58
  };
24
59
  export declare const DSPillGroupPropTypes: {
25
- width: any;
26
- innerRef: any;
60
+ width: {
61
+ deprecated: import("react-desc").PropTypesDescValidator;
62
+ };
63
+ innerRef: {
64
+ deprecated: import("react-desc").PropTypesDescValidator;
65
+ };
27
66
  };
28
67
  export declare const DSPillV2DefaultProps: {
29
68
  innerRef: () => null;