@elliemae/ds-pills 2.0.0-alpha.1 → 2.0.0-alpha.13
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.
- package/cjs/components/Pill.js +53 -0
- package/cjs/components/PillButton.js +56 -0
- package/cjs/components/PillGroup.js +64 -0
- package/cjs/components/index.js +17 -0
- package/cjs/components/styled.js +85 -0
- package/cjs/components/types/DropdownPill.js +86 -0
- package/cjs/components/types/InputPill.js +74 -0
- package/cjs/components/types/LabelPill.js +46 -0
- package/cjs/components/types/ReadOnlyPill.js +50 -0
- package/cjs/components/types/RemovablePill.js +72 -0
- package/cjs/components/types/ValuePill.js +54 -0
- package/cjs/components/types/index.js +19 -0
- package/cjs/{DropdownPill.js → deprecated/DropdownPill.js} +16 -11
- package/cjs/{InputPill.js → deprecated/InputPill.js} +24 -20
- package/cjs/{LabeledDropdownPills.js → deprecated/LabeledDropdownPills.js} +8 -3
- package/cjs/{LabeledDropdownPillsTypes → deprecated/LabeledDropdownPillsTypes}/LabeledDropdownCascadeMenuPill.js +25 -15
- package/cjs/{LabeledDropdownPillsTypes → deprecated/LabeledDropdownPillsTypes}/LabeledDropdownMultiPill.js +28 -20
- package/cjs/{LabeledDropdownPillsTypes → deprecated/LabeledDropdownPillsTypes}/LabeledDropdownSinglePill.js +29 -24
- package/cjs/{LabeledDropdownPillsTypes → deprecated/LabeledDropdownPillsTypes}/utils.js +4 -2
- package/cjs/{LabeledPills.js → deprecated/LabeledPills.js} +11 -10
- package/cjs/{OverflowPill.js → deprecated/OverflowPill.js} +20 -15
- package/cjs/{Pill.js → deprecated/Pill.js} +21 -13
- package/cjs/{PillGroup.js → deprecated/PillGroup.js} +26 -18
- package/cjs/{ReadOnlyPill.js → deprecated/ReadOnlyPill.js} +33 -29
- package/cjs/{RemovablePill.js → deprecated/RemovablePill.js} +17 -17
- package/cjs/deprecated/index.js +33 -0
- package/cjs/index.d.js +2 -0
- package/cjs/index.js +19 -9
- package/cjs/props.js +69 -0
- package/cjs/utils.js +28 -0
- package/esm/components/Pill.js +44 -0
- package/esm/components/PillButton.js +46 -0
- package/esm/components/PillGroup.js +53 -0
- package/esm/components/index.js +3 -0
- package/esm/components/styled.js +67 -0
- package/esm/components/types/DropdownPill.js +76 -0
- package/esm/components/types/InputPill.js +65 -0
- package/esm/components/types/LabelPill.js +37 -0
- package/esm/components/types/ReadOnlyPill.js +41 -0
- package/esm/components/types/RemovablePill.js +63 -0
- package/esm/components/types/ValuePill.js +45 -0
- package/esm/components/types/index.js +6 -0
- package/esm/{DropdownPill.js → deprecated/DropdownPill.js} +7 -1
- package/esm/{InputPill.js → deprecated/InputPill.js} +18 -11
- package/esm/{LabeledDropdownPills.js → deprecated/LabeledDropdownPills.js} +5 -0
- package/esm/{LabeledDropdownPillsTypes → deprecated/LabeledDropdownPillsTypes}/LabeledDropdownCascadeMenuPill.js +15 -5
- package/esm/{LabeledDropdownPillsTypes → deprecated/LabeledDropdownPillsTypes}/LabeledDropdownMultiPill.js +10 -2
- package/esm/{LabeledDropdownPillsTypes → deprecated/LabeledDropdownPillsTypes}/LabeledDropdownSinglePill.js +15 -8
- package/esm/{LabeledDropdownPillsTypes → deprecated/LabeledDropdownPillsTypes}/utils.js +3 -1
- package/esm/{LabeledPills.js → deprecated/LabeledPills.js} +9 -8
- package/esm/{OverflowPill.js → deprecated/OverflowPill.js} +12 -7
- package/esm/{Pill.js → deprecated/Pill.js} +18 -10
- package/esm/{PillGroup.js → deprecated/PillGroup.js} +25 -17
- package/esm/{ReadOnlyPill.js → deprecated/ReadOnlyPill.js} +26 -21
- package/esm/{RemovablePill.js → deprecated/RemovablePill.js} +10 -9
- package/esm/deprecated/index.js +8 -0
- package/esm/index.d.js +1 -0
- package/esm/index.js +11 -8
- package/esm/props.js +60 -0
- package/esm/utils.js +24 -0
- package/package.json +120 -51
- package/types/components/Pill.d.ts +5 -0
- package/types/components/PillButton.d.ts +5 -0
- package/types/components/PillGroup.d.ts +13 -0
- package/types/components/index.d.ts +3 -0
- package/types/components/styled.d.ts +24 -0
- package/types/components/types/DropdownPill.d.ts +3 -0
- package/types/components/types/InputPill.d.ts +3 -0
- package/types/components/types/LabelPill.d.ts +3 -0
- package/types/components/types/ReadOnlyPill.d.ts +3 -0
- package/types/components/types/RemovablePill.d.ts +3 -0
- package/types/components/types/ValuePill.d.ts +3 -0
- package/types/components/types/index.d.ts +6 -0
- package/types/deprecated/DropdownPill.d.ts +75 -0
- package/types/{InputPill.d.ts → deprecated/InputPill.d.ts} +0 -0
- package/types/deprecated/LabeledDropdownPills.d.ts +93 -0
- package/types/{LabeledDropdownPillsTypes → deprecated/LabeledDropdownPillsTypes}/LabeledDropdownCascadeMenuPill.d.ts +0 -0
- package/types/{LabeledDropdownPillsTypes → deprecated/LabeledDropdownPillsTypes}/LabeledDropdownMultiPill.d.ts +0 -0
- package/types/{LabeledDropdownPillsTypes → deprecated/LabeledDropdownPillsTypes}/LabeledDropdownSinglePill.d.ts +0 -0
- package/types/{LabeledDropdownPillsTypes → deprecated/LabeledDropdownPillsTypes}/utils.d.ts +1 -1
- package/types/deprecated/LabeledPills.d.ts +59 -0
- package/types/deprecated/OverflowPill.d.ts +37 -0
- package/types/deprecated/Pill.d.ts +67 -0
- package/types/deprecated/PillGroup.d.ts +56 -0
- package/types/deprecated/ReadOnlyPill.d.ts +63 -0
- package/types/deprecated/RemovablePill.d.ts +55 -0
- package/types/deprecated/index.d.ts +9 -0
- package/types/index.d.ts +3 -9
- package/types/props.d.ts +92 -0
- package/types/tests/DSPill.test.d.ts +1 -0
- package/types/tests/DSPillGroup.test.d.ts +1 -0
- package/types/tests/events/DSPill.events.keyboard.test.d.ts +1 -0
- package/types/tests/events/DSPill.events.test.d.ts +1 -0
- package/types/tests/events/DSPillGroup.events.keyboard.test.d.ts +1 -0
- package/types/tests/events/DSPillGroup.events.test.d.ts +1 -0
- package/types/utils.d.ts +4 -0
- package/cjs/package.json +0 -7
- package/esm/package.json +0 -7
- package/types/DropdownPill.d.ts +0 -31
- package/types/LabeledDropdownPills.d.ts +0 -37
- package/types/LabeledPills.d.ts +0 -27
- package/types/OverflowPill.d.ts +0 -18
- package/types/Pill.d.ts +0 -29
- package/types/PillGroup.d.ts +0 -25
- package/types/ReadOnlyPill.d.ts +0 -26
- package/types/RemovablePill.d.ts +0 -24
|
@@ -0,0 +1,67 @@
|
|
|
1
|
+
/// <reference path="../../../../../shared/typings/react-desc.d.ts" />
|
|
2
|
+
/// <reference types="react" />
|
|
3
|
+
declare function Pill({ containerProps, label, leftAddon, rightAddon, variant, size, ...otherProps }: {
|
|
4
|
+
[x: string]: any;
|
|
5
|
+
containerProps?: {} | undefined;
|
|
6
|
+
label?: string | undefined;
|
|
7
|
+
leftAddon: any;
|
|
8
|
+
rightAddon: any;
|
|
9
|
+
variant?: string | undefined;
|
|
10
|
+
size?: string | undefined;
|
|
11
|
+
}): JSX.Element;
|
|
12
|
+
declare namespace Pill {
|
|
13
|
+
var propTypes: {
|
|
14
|
+
/** props to inject to pill wrapper */
|
|
15
|
+
containerProps: {
|
|
16
|
+
defaultValue<T = unknown>(arg: T): {
|
|
17
|
+
deprecated: import("react-desc").PropTypesDescValidator;
|
|
18
|
+
};
|
|
19
|
+
isRequired: import("react-desc").PropTypesDescValidator;
|
|
20
|
+
};
|
|
21
|
+
/** pill text label */
|
|
22
|
+
label: any;
|
|
23
|
+
/** pill size */
|
|
24
|
+
size: {
|
|
25
|
+
defaultValue<T = unknown>(arg: T): {
|
|
26
|
+
deprecated: import("react-desc").PropTypesDescValidator;
|
|
27
|
+
};
|
|
28
|
+
isRequired: import("react-desc").PropTypesDescValidator;
|
|
29
|
+
};
|
|
30
|
+
/** pill variant */
|
|
31
|
+
variant: {
|
|
32
|
+
defaultValue<T = unknown>(arg: T): {
|
|
33
|
+
deprecated: import("react-desc").PropTypesDescValidator;
|
|
34
|
+
};
|
|
35
|
+
isRequired: import("react-desc").PropTypesDescValidator;
|
|
36
|
+
};
|
|
37
|
+
/** addon component to left */
|
|
38
|
+
leftAddon: {
|
|
39
|
+
defaultValue<T = unknown>(arg: T): {
|
|
40
|
+
deprecated: import("react-desc").PropTypesDescValidator;
|
|
41
|
+
};
|
|
42
|
+
isRequired: import("react-desc").PropTypesDescValidator;
|
|
43
|
+
};
|
|
44
|
+
/** addon component to right */
|
|
45
|
+
rightAddon: {
|
|
46
|
+
defaultValue<T = unknown>(arg: T): {
|
|
47
|
+
deprecated: import("react-desc").PropTypesDescValidator;
|
|
48
|
+
};
|
|
49
|
+
isRequired: import("react-desc").PropTypesDescValidator;
|
|
50
|
+
};
|
|
51
|
+
};
|
|
52
|
+
}
|
|
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
|
+
};
|
|
66
|
+
export { Pill, DSPillWithSchema };
|
|
67
|
+
export default Pill;
|
|
@@ -0,0 +1,56 @@
|
|
|
1
|
+
/// <reference path="../../../../../shared/typings/react-desc.d.ts" />
|
|
2
|
+
import React from 'react';
|
|
3
|
+
export declare const Container: React.ForwardRefExoticComponent<React.RefAttributes<unknown>>;
|
|
4
|
+
declare const PillGroup: {
|
|
5
|
+
({ containerProps, onFocusNextGroup, onFocusPreviousGroup, onFocusGroupSet, children, }: {
|
|
6
|
+
containerProps?: {} | undefined;
|
|
7
|
+
onFocusNextGroup: any;
|
|
8
|
+
onFocusPreviousGroup: any;
|
|
9
|
+
onFocusGroupSet: any;
|
|
10
|
+
children: any;
|
|
11
|
+
}): JSX.Element;
|
|
12
|
+
propTypes: {
|
|
13
|
+
/** props injected to component wrapper */
|
|
14
|
+
containerProps: {
|
|
15
|
+
defaultValue<T = unknown>(arg: T): {
|
|
16
|
+
deprecated: import("react-desc").PropTypesDescValidator;
|
|
17
|
+
};
|
|
18
|
+
isRequired: import("react-desc").PropTypesDescValidator;
|
|
19
|
+
};
|
|
20
|
+
/** focus next group callback */
|
|
21
|
+
onFocusNextGroup: {
|
|
22
|
+
defaultValue<T = unknown>(arg: T): {
|
|
23
|
+
deprecated: import("react-desc").PropTypesDescValidator;
|
|
24
|
+
};
|
|
25
|
+
isRequired: import("react-desc").PropTypesDescValidator;
|
|
26
|
+
};
|
|
27
|
+
/** focus prev group callback */
|
|
28
|
+
onFocusPreviousGroup: {
|
|
29
|
+
defaultValue<T = unknown>(arg: T): {
|
|
30
|
+
deprecated: import("react-desc").PropTypesDescValidator;
|
|
31
|
+
};
|
|
32
|
+
isRequired: import("react-desc").PropTypesDescValidator;
|
|
33
|
+
};
|
|
34
|
+
/** focus group set callback */
|
|
35
|
+
onFocusGroupSet: {
|
|
36
|
+
defaultValue<T = unknown>(arg: T): {
|
|
37
|
+
deprecated: import("react-desc").PropTypesDescValidator;
|
|
38
|
+
};
|
|
39
|
+
isRequired: import("react-desc").PropTypesDescValidator;
|
|
40
|
+
};
|
|
41
|
+
/** pill components */
|
|
42
|
+
children: any;
|
|
43
|
+
};
|
|
44
|
+
};
|
|
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
|
+
};
|
|
56
|
+
export { PillGroup, DSPillGroupWithSchema };
|
|
@@ -0,0 +1,63 @@
|
|
|
1
|
+
/// <reference path="../../../../../shared/typings/react-desc.d.ts" />
|
|
2
|
+
/// <reference types="react" />
|
|
3
|
+
declare const ReadOnlyPill: {
|
|
4
|
+
({ containerProps, modalContent, label, leftAddon, modalTitle, tooltipText, }: {
|
|
5
|
+
containerProps?: {} | undefined;
|
|
6
|
+
modalContent?: string | undefined;
|
|
7
|
+
label?: string | undefined;
|
|
8
|
+
leftAddon: any;
|
|
9
|
+
modalTitle?: string | undefined;
|
|
10
|
+
tooltipText?: string | undefined;
|
|
11
|
+
}): JSX.Element;
|
|
12
|
+
propTypes: {
|
|
13
|
+
/** props injected to component wrapper */
|
|
14
|
+
containerProps: {
|
|
15
|
+
defaultValue<T = unknown>(arg: T): {
|
|
16
|
+
deprecated: import("react-desc").PropTypesDescValidator;
|
|
17
|
+
};
|
|
18
|
+
isRequired: import("react-desc").PropTypesDescValidator;
|
|
19
|
+
};
|
|
20
|
+
/** labeled pill text label */
|
|
21
|
+
label: any;
|
|
22
|
+
/** addon component to left */
|
|
23
|
+
leftAddon: {
|
|
24
|
+
defaultValue<T = unknown>(arg: T): {
|
|
25
|
+
deprecated: import("react-desc").PropTypesDescValidator;
|
|
26
|
+
};
|
|
27
|
+
isRequired: import("react-desc").PropTypesDescValidator;
|
|
28
|
+
};
|
|
29
|
+
/** read only pill modal content */
|
|
30
|
+
modalContent: {
|
|
31
|
+
defaultValue<T = unknown>(arg: T): {
|
|
32
|
+
deprecated: import("react-desc").PropTypesDescValidator;
|
|
33
|
+
};
|
|
34
|
+
isRequired: import("react-desc").PropTypesDescValidator;
|
|
35
|
+
};
|
|
36
|
+
/** read only pill modal title */
|
|
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
|
+
};
|
|
49
|
+
};
|
|
50
|
+
};
|
|
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
|
+
};
|
|
63
|
+
export { ReadOnlyPill, DSReadOnlyPillWithSchema };
|
|
@@ -0,0 +1,55 @@
|
|
|
1
|
+
/// <reference path="../../../../../shared/typings/react-desc.d.ts" />
|
|
2
|
+
/// <reference types="react" />
|
|
3
|
+
declare function RemovablePill({ containerProps, label, onRemove, size, leftAddon }: {
|
|
4
|
+
containerProps?: {} | undefined;
|
|
5
|
+
label?: string | undefined;
|
|
6
|
+
onRemove: any;
|
|
7
|
+
size?: string | undefined;
|
|
8
|
+
leftAddon: any;
|
|
9
|
+
}): JSX.Element;
|
|
10
|
+
declare namespace RemovablePill {
|
|
11
|
+
var propTypes: {
|
|
12
|
+
/** props injected to component wrapper */
|
|
13
|
+
containerProps: {
|
|
14
|
+
defaultValue<T = unknown>(arg: T): {
|
|
15
|
+
deprecated: import("react-desc").PropTypesDescValidator;
|
|
16
|
+
};
|
|
17
|
+
isRequired: import("react-desc").PropTypesDescValidator;
|
|
18
|
+
};
|
|
19
|
+
/** labeled pill text label */
|
|
20
|
+
label: any;
|
|
21
|
+
/** remove click callback */
|
|
22
|
+
onRemove: {
|
|
23
|
+
defaultValue<T = unknown>(arg: T): {
|
|
24
|
+
deprecated: import("react-desc").PropTypesDescValidator;
|
|
25
|
+
};
|
|
26
|
+
isRequired: import("react-desc").PropTypesDescValidator;
|
|
27
|
+
};
|
|
28
|
+
/** pill size */
|
|
29
|
+
size: {
|
|
30
|
+
defaultValue<T = unknown>(arg: T): {
|
|
31
|
+
deprecated: import("react-desc").PropTypesDescValidator;
|
|
32
|
+
};
|
|
33
|
+
isRequired: import("react-desc").PropTypesDescValidator;
|
|
34
|
+
};
|
|
35
|
+
/** addon component to left */
|
|
36
|
+
leftAddon: {
|
|
37
|
+
defaultValue<T = unknown>(arg: T): {
|
|
38
|
+
deprecated: import("react-desc").PropTypesDescValidator;
|
|
39
|
+
};
|
|
40
|
+
isRequired: import("react-desc").PropTypesDescValidator;
|
|
41
|
+
};
|
|
42
|
+
};
|
|
43
|
+
}
|
|
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
|
+
};
|
|
55
|
+
export { RemovablePill, DSRemovablePillWithSchema };
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
export * from './Pill';
|
|
2
|
+
export * from './PillGroup';
|
|
3
|
+
export * from './LabeledDropdownPills';
|
|
4
|
+
export * from './LabeledPills';
|
|
5
|
+
export * from './DropdownPill';
|
|
6
|
+
export * from './RemovablePill';
|
|
7
|
+
export * from './ReadOnlyPill';
|
|
8
|
+
export * from './OverflowPill';
|
|
9
|
+
export { default } from './Pill';
|
package/types/index.d.ts
CHANGED
|
@@ -1,9 +1,3 @@
|
|
|
1
|
-
export * from './
|
|
2
|
-
export * from './
|
|
3
|
-
export
|
|
4
|
-
export * from './LabeledPills';
|
|
5
|
-
export * from './DropdownPill';
|
|
6
|
-
export * from './RemovablePill';
|
|
7
|
-
export * from './ReadOnlyPill';
|
|
8
|
-
export * from './OverflowPill';
|
|
9
|
-
export { default } from './Pill';
|
|
1
|
+
export * from './deprecated';
|
|
2
|
+
export * from './components';
|
|
3
|
+
export { default } from './deprecated';
|
package/types/props.d.ts
ADDED
|
@@ -0,0 +1,92 @@
|
|
|
1
|
+
/// <reference path="../../../../shared/typings/react-desc.d.ts" />
|
|
2
|
+
export declare const DSPillV2PropTypes: {
|
|
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
|
+
};
|
|
47
|
+
};
|
|
48
|
+
export declare const DSPillButtonPropTypes: {
|
|
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
|
+
};
|
|
58
|
+
};
|
|
59
|
+
export declare const DSPillGroupPropTypes: {
|
|
60
|
+
width: {
|
|
61
|
+
deprecated: import("react-desc").PropTypesDescValidator;
|
|
62
|
+
};
|
|
63
|
+
innerRef: {
|
|
64
|
+
deprecated: import("react-desc").PropTypesDescValidator;
|
|
65
|
+
};
|
|
66
|
+
};
|
|
67
|
+
export declare const DSPillV2DefaultProps: {
|
|
68
|
+
innerRef: () => null;
|
|
69
|
+
ariaLabel: string;
|
|
70
|
+
size: string;
|
|
71
|
+
labelTruncated: boolean;
|
|
72
|
+
tooltipValue: string;
|
|
73
|
+
iconLeft: null;
|
|
74
|
+
iconRight: null;
|
|
75
|
+
onRemove: () => null;
|
|
76
|
+
inputPlaceholder: string;
|
|
77
|
+
onInputChange: () => null;
|
|
78
|
+
onInputClear: () => null;
|
|
79
|
+
inputWidth: number;
|
|
80
|
+
inputRender: any;
|
|
81
|
+
dropdownProps: {};
|
|
82
|
+
onDropdownClick: () => null;
|
|
83
|
+
};
|
|
84
|
+
export declare const DSPillButtonDefaultProps: {
|
|
85
|
+
type: string;
|
|
86
|
+
width: string;
|
|
87
|
+
height: string;
|
|
88
|
+
};
|
|
89
|
+
export declare const DSPillGroupDefaultProps: {
|
|
90
|
+
width: string;
|
|
91
|
+
innerRef: () => null;
|
|
92
|
+
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
package/types/utils.d.ts
ADDED
package/cjs/package.json
DELETED
package/esm/package.json
DELETED
package/types/DropdownPill.d.ts
DELETED
|
@@ -1,31 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
declare function DropdownPill({ containerProps, label, variant, tabIndex, closeMenuOnItemSelection, maxWidth, minWidth, ...dropdownProps }: {
|
|
3
|
-
[x: string]: any;
|
|
4
|
-
containerProps?: {} | undefined;
|
|
5
|
-
label?: string | undefined;
|
|
6
|
-
variant: any;
|
|
7
|
-
tabIndex?: number | undefined;
|
|
8
|
-
closeMenuOnItemSelection?: boolean | undefined;
|
|
9
|
-
maxWidth: any;
|
|
10
|
-
minWidth: any;
|
|
11
|
-
}): JSX.Element;
|
|
12
|
-
declare namespace DropdownPill {
|
|
13
|
-
var propTypes: {
|
|
14
|
-
/** props injected to component wrapper */
|
|
15
|
-
containerProps: any;
|
|
16
|
-
/** labeled pill text label */
|
|
17
|
-
label: any;
|
|
18
|
-
/** pill variant */
|
|
19
|
-
variant: any;
|
|
20
|
-
/** html focus border */
|
|
21
|
-
tabIndex: any;
|
|
22
|
-
/** close menu on item selection */
|
|
23
|
-
closeMenuOnItemSelection: any;
|
|
24
|
-
/** pill max width */
|
|
25
|
-
maxWidth: any;
|
|
26
|
-
/** pill min width */
|
|
27
|
-
minWidth: any;
|
|
28
|
-
};
|
|
29
|
-
}
|
|
30
|
-
declare const DSDropdownPillWithSchema: any;
|
|
31
|
-
export { DropdownPill, DSDropdownPillWithSchema };
|
|
@@ -1,37 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
declare function LabeledDropdownPills({ label, value, type, onFocusNextGroup, onFocusPreviousGroup, onFocusGroupSet, maxWidth, minWidth, fixed, ...menuProps }: {
|
|
3
|
-
[x: string]: any;
|
|
4
|
-
label?: string | undefined;
|
|
5
|
-
value: any;
|
|
6
|
-
type: any;
|
|
7
|
-
onFocusNextGroup: any;
|
|
8
|
-
onFocusPreviousGroup: any;
|
|
9
|
-
onFocusGroupSet: any;
|
|
10
|
-
maxWidth: any;
|
|
11
|
-
minWidth: any;
|
|
12
|
-
fixed: any;
|
|
13
|
-
}): JSX.Element;
|
|
14
|
-
declare namespace LabeledDropdownPills {
|
|
15
|
-
var propTypes: {
|
|
16
|
-
/** pill type */
|
|
17
|
-
type: any;
|
|
18
|
-
/** focus next group callback */
|
|
19
|
-
onFocusNextGroup: any;
|
|
20
|
-
/** focus prev group callback */
|
|
21
|
-
onFocusPreviousGroup: any;
|
|
22
|
-
/** focus group set callback */
|
|
23
|
-
onFocusGroupSet: any;
|
|
24
|
-
/** pill max width */
|
|
25
|
-
maxWidth: any;
|
|
26
|
-
/** pill min width */
|
|
27
|
-
minWidth: any;
|
|
28
|
-
/** fixed pill */
|
|
29
|
-
fixed: any;
|
|
30
|
-
/** pill label text */
|
|
31
|
-
label: any;
|
|
32
|
-
/** pill value */
|
|
33
|
-
value: any;
|
|
34
|
-
};
|
|
35
|
-
}
|
|
36
|
-
declare const DSLabeledDropdownPillsWithSchema: any;
|
|
37
|
-
export { LabeledDropdownPills, DSLabeledDropdownPillsWithSchema };
|
package/types/LabeledPills.d.ts
DELETED
|
@@ -1,27 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
declare function LabeledPills({ children, label, leftAddon, onFocusGroupSet, onFocusNextGroup, onFocusPreviousGroup, }: {
|
|
3
|
-
children: any;
|
|
4
|
-
label?: string | undefined;
|
|
5
|
-
leftAddon: any;
|
|
6
|
-
onFocusGroupSet: any;
|
|
7
|
-
onFocusNextGroup: any;
|
|
8
|
-
onFocusPreviousGroup: any;
|
|
9
|
-
}): JSX.Element;
|
|
10
|
-
declare namespace LabeledPills {
|
|
11
|
-
var propTypes: {
|
|
12
|
-
/** labeled pill text label */
|
|
13
|
-
label: any;
|
|
14
|
-
/** pill to add the label to */
|
|
15
|
-
children: any;
|
|
16
|
-
/** addon component to left */
|
|
17
|
-
leftAddon: any;
|
|
18
|
-
/** focus next group callback */
|
|
19
|
-
onFocusNextGroup: any;
|
|
20
|
-
/** focus prev group callback */
|
|
21
|
-
onFocusPreviousGroup: any;
|
|
22
|
-
/** focus group set callback */
|
|
23
|
-
onFocusGroupSet: any;
|
|
24
|
-
};
|
|
25
|
-
}
|
|
26
|
-
declare const DSLabeledPillsWithSchema: any;
|
|
27
|
-
export { LabeledPills, DSLabeledPillsWithSchema };
|
package/types/OverflowPill.d.ts
DELETED
|
@@ -1,18 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
declare function OverflowPill({ containerProps, label, options }: {
|
|
3
|
-
containerProps?: {} | undefined;
|
|
4
|
-
label?: string | undefined;
|
|
5
|
-
options?: never[] | undefined;
|
|
6
|
-
}): JSX.Element;
|
|
7
|
-
declare namespace OverflowPill {
|
|
8
|
-
var propTypes: {
|
|
9
|
-
/** props to inject to pill wrapper */
|
|
10
|
-
containerProps: any;
|
|
11
|
-
/** pill text label */
|
|
12
|
-
label: any;
|
|
13
|
-
/** overflow pills options */
|
|
14
|
-
options: any;
|
|
15
|
-
};
|
|
16
|
-
}
|
|
17
|
-
declare const DSOverflowPillWithSchema: any;
|
|
18
|
-
export { OverflowPill, DSOverflowPillWithSchema };
|
package/types/Pill.d.ts
DELETED
|
@@ -1,29 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
declare function Pill({ containerProps, label, leftAddon, rightAddon, variant, size, ...otherProps }: {
|
|
3
|
-
[x: string]: any;
|
|
4
|
-
containerProps?: {} | undefined;
|
|
5
|
-
label?: string | undefined;
|
|
6
|
-
leftAddon: any;
|
|
7
|
-
rightAddon: any;
|
|
8
|
-
variant?: string | undefined;
|
|
9
|
-
size?: string | undefined;
|
|
10
|
-
}): JSX.Element;
|
|
11
|
-
declare namespace Pill {
|
|
12
|
-
var propTypes: {
|
|
13
|
-
/** props to inject to pill wrapper */
|
|
14
|
-
containerProps: any;
|
|
15
|
-
/** pill text label */
|
|
16
|
-
label: any;
|
|
17
|
-
/** pill size */
|
|
18
|
-
size: any;
|
|
19
|
-
/** pill variant */
|
|
20
|
-
variant: any;
|
|
21
|
-
/** addon component to left */
|
|
22
|
-
leftAddon: any;
|
|
23
|
-
/** addon component to right */
|
|
24
|
-
rightAddon: any;
|
|
25
|
-
};
|
|
26
|
-
}
|
|
27
|
-
declare const DSPillWithSchema: any;
|
|
28
|
-
export { Pill, DSPillWithSchema };
|
|
29
|
-
export default Pill;
|
package/types/PillGroup.d.ts
DELETED
|
@@ -1,25 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
export declare const Container: React.ForwardRefExoticComponent<React.RefAttributes<unknown>>;
|
|
3
|
-
declare const PillGroup: {
|
|
4
|
-
({ containerProps, onFocusNextGroup, onFocusPreviousGroup, onFocusGroupSet, children, }: {
|
|
5
|
-
containerProps?: {} | undefined;
|
|
6
|
-
onFocusNextGroup: any;
|
|
7
|
-
onFocusPreviousGroup: any;
|
|
8
|
-
onFocusGroupSet: any;
|
|
9
|
-
children: any;
|
|
10
|
-
}): JSX.Element;
|
|
11
|
-
propTypes: {
|
|
12
|
-
/** props injected to component wrapper */
|
|
13
|
-
containerProps: any;
|
|
14
|
-
/** focus next group callback */
|
|
15
|
-
onFocusNextGroup: any;
|
|
16
|
-
/** focus prev group callback */
|
|
17
|
-
onFocusPreviousGroup: any;
|
|
18
|
-
/** focus group set callback */
|
|
19
|
-
onFocusGroupSet: any;
|
|
20
|
-
/** pill components */
|
|
21
|
-
children: any;
|
|
22
|
-
};
|
|
23
|
-
};
|
|
24
|
-
declare const DSPillGroupWithSchema: any;
|
|
25
|
-
export { PillGroup, DSPillGroupWithSchema };
|
package/types/ReadOnlyPill.d.ts
DELETED
|
@@ -1,26 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
declare const ReadOnlyPill: {
|
|
3
|
-
({ containerProps, modalContent, label, leftAddon, modalTitle, tooltipText, }: {
|
|
4
|
-
containerProps?: {} | undefined;
|
|
5
|
-
modalContent?: string | undefined;
|
|
6
|
-
label?: string | undefined;
|
|
7
|
-
leftAddon: any;
|
|
8
|
-
modalTitle?: string | undefined;
|
|
9
|
-
tooltipText?: string | undefined;
|
|
10
|
-
}): JSX.Element;
|
|
11
|
-
propTypes: {
|
|
12
|
-
/** props injected to component wrapper */
|
|
13
|
-
containerProps: any;
|
|
14
|
-
/** labeled pill text label */
|
|
15
|
-
label: any;
|
|
16
|
-
/** addon component to left */
|
|
17
|
-
leftAddon: any;
|
|
18
|
-
/** read only pill modal content */
|
|
19
|
-
modalContent: any;
|
|
20
|
-
/** read only pill modal title */
|
|
21
|
-
modalTitle: any;
|
|
22
|
-
tooltipText: any;
|
|
23
|
-
};
|
|
24
|
-
};
|
|
25
|
-
declare const DSReadOnlyPillWithSchema: any;
|
|
26
|
-
export { ReadOnlyPill, DSReadOnlyPillWithSchema };
|
package/types/RemovablePill.d.ts
DELETED
|
@@ -1,24 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
declare function RemovablePill({ containerProps, label, onRemove, size, leftAddon, }: {
|
|
3
|
-
containerProps?: {} | undefined;
|
|
4
|
-
label?: string | undefined;
|
|
5
|
-
onRemove: any;
|
|
6
|
-
size?: string | undefined;
|
|
7
|
-
leftAddon: any;
|
|
8
|
-
}): JSX.Element;
|
|
9
|
-
declare namespace RemovablePill {
|
|
10
|
-
var propTypes: {
|
|
11
|
-
/** props injected to component wrapper */
|
|
12
|
-
containerProps: any;
|
|
13
|
-
/** labeled pill text label */
|
|
14
|
-
label: any;
|
|
15
|
-
/** remove click callback */
|
|
16
|
-
onRemove: any;
|
|
17
|
-
/** pill size */
|
|
18
|
-
size: any;
|
|
19
|
-
/** addon component to left */
|
|
20
|
-
leftAddon: any;
|
|
21
|
-
};
|
|
22
|
-
}
|
|
23
|
-
declare const DSRemovablePillWithSchema: any;
|
|
24
|
-
export { RemovablePill, DSRemovablePillWithSchema };
|