@elliemae/ds-pills 3.13.1-rc.1 → 3.13.1
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/dist/types/DSPillDefinitions.d.ts +3 -0
- package/dist/types/components/Pill.d.ts +5 -0
- package/dist/types/components/PillButton.d.ts +5 -0
- package/dist/types/components/PillGroup.d.ts +9 -0
- package/dist/types/components/index.d.ts +3 -0
- package/dist/types/components/styled.d.ts +31 -0
- package/dist/types/components/types/DropdownPill.d.ts +3 -0
- package/dist/types/components/types/InputPill.d.ts +3 -0
- package/dist/types/components/types/LabelPill.d.ts +3 -0
- package/dist/types/components/types/ReadOnlyPill.d.ts +3 -0
- package/dist/types/components/types/RemovablePill.d.ts +3 -0
- package/dist/types/components/types/ValuePill.d.ts +3 -0
- package/dist/types/components/types/index.d.ts +6 -0
- package/dist/types/deprecated/DropdownPill.d.ts +40 -0
- package/dist/types/deprecated/InputPill.d.ts +9 -0
- package/dist/types/deprecated/LabeledDropdownPills.d.ts +48 -0
- package/dist/types/deprecated/LabeledDropdownPillsTypes/LabeledDropdownCascadeMenuPill.d.ts +16 -0
- package/dist/types/deprecated/LabeledDropdownPillsTypes/LabeledDropdownMultiPill.d.ts +13 -0
- package/dist/types/deprecated/LabeledDropdownPillsTypes/LabeledDropdownSinglePill.d.ts +28 -0
- package/dist/types/deprecated/LabeledDropdownPillsTypes/utils.d.ts +1 -0
- package/dist/types/deprecated/LabeledPills.d.ts +34 -0
- package/dist/types/deprecated/OverflowPill.d.ts +22 -0
- package/dist/types/deprecated/Pill.d.ts +37 -0
- package/dist/types/deprecated/PillGroup.d.ts +32 -0
- package/dist/types/deprecated/ReadOnlyPill.d.ts +33 -0
- package/dist/types/deprecated/RemovablePill.d.ts +30 -0
- package/dist/types/deprecated/index.d.ts +9 -0
- package/dist/types/index.d.ts +3 -0
- package/dist/types/props.d.ts +59 -0
- package/dist/types/tests/DSPill.test.d.ts +1 -0
- package/dist/types/tests/DSPillGroup.test.d.ts +1 -0
- package/dist/types/tests/events/DSPill.events.keyboard.test.d.ts +1 -0
- package/dist/types/tests/events/DSPill.events.test.d.ts +1 -0
- package/dist/types/tests/events/DSPillGroup.events.keyboard.test.d.ts +1 -0
- package/dist/types/tests/events/DSPillGroup.events.test.d.ts +1 -0
- package/dist/types/utils.d.ts +4 -0
- package/package.json +14 -14
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import type { DSPillProps } from '../index.d';
|
|
3
|
+
declare const DSPillV2: React.ComponentType<DSPillProps>;
|
|
4
|
+
declare const DSPillV2WithSchema: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").DocumentedReactComponent<DSPillProps>;
|
|
5
|
+
export { DSPillV2, DSPillV2WithSchema };
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import type { DSButtonPropsT } from '@elliemae/ds-button';
|
|
3
|
+
declare const DSPillButton: React.ComponentType<DSButtonPropsT>;
|
|
4
|
+
declare const DSPillButtonWithSchema: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").DocumentedReactComponent<DSButtonPropsT>;
|
|
5
|
+
export { DSPillButton, DSPillButtonWithSchema };
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import type { DSPillGroupProps } from '../index.d';
|
|
3
|
+
export declare const DSPillGroupV2Context: React.Context<{
|
|
4
|
+
onKeyboardRemove: (pillUid: string) => void;
|
|
5
|
+
onKeyboardNavigation: (pillUid: string, step: number, e: KeyboardEvent) => void;
|
|
6
|
+
}>;
|
|
7
|
+
declare const DSPillGroupV2: React.ComponentType<DSPillGroupProps>;
|
|
8
|
+
declare const DSPillGroupV2WithSchema: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").DocumentedReactComponent<DSPillGroupProps>;
|
|
9
|
+
export { DSPillGroupV2, DSPillGroupV2WithSchema };
|
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
interface InputPillWrapperProps {
|
|
3
|
+
value: string;
|
|
4
|
+
inputWidth: number;
|
|
5
|
+
inputHasFocus: boolean;
|
|
6
|
+
hasError: boolean;
|
|
7
|
+
}
|
|
8
|
+
export declare const StyledLabelPillWrapper: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/dist/types/react-desc-prop-types").DSGridT.Props & import("react").RefAttributes<HTMLDivElement>>, import("@elliemae/ds-system").Theme, {
|
|
9
|
+
size: 'm' | 's';
|
|
10
|
+
}, never>;
|
|
11
|
+
export declare const StyledValuePillWrapper: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/dist/types/react-desc-prop-types").DSGridT.Props & import("react").RefAttributes<HTMLDivElement>>, import("@elliemae/ds-system").Theme, {
|
|
12
|
+
size: 'm' | 's';
|
|
13
|
+
}, never>;
|
|
14
|
+
export declare const StyledInputPillWrapper: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/dist/types/react-desc-prop-types").DSGridT.Props & import("react").RefAttributes<HTMLDivElement>>, import("@elliemae/ds-system").Theme, InputPillWrapperProps, never>;
|
|
15
|
+
export declare const StyledDropdownPillWrapper: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/dist/types/react-desc-prop-types").DSGridT.Props & import("react").RefAttributes<HTMLDivElement>>, import("@elliemae/ds-system").Theme, {
|
|
16
|
+
size: 'm' | 's';
|
|
17
|
+
}, never>;
|
|
18
|
+
export declare const StyledReadonlyPillWrapper: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/dist/types/react-desc-prop-types").DSGridT.Props & import("react").RefAttributes<HTMLDivElement>>, import("@elliemae/ds-system").Theme, {
|
|
19
|
+
hasIconRight: boolean;
|
|
20
|
+
hasIconLeft: boolean;
|
|
21
|
+
}, never>;
|
|
22
|
+
export declare const StyledRemovablePillWrapper: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/dist/types/react-desc-prop-types").DSGridT.Props & import("react").RefAttributes<HTMLDivElement>>, import("@elliemae/ds-system").Theme, {
|
|
23
|
+
size: 'm' | 's';
|
|
24
|
+
}, never>;
|
|
25
|
+
export declare const StyledPillGroup: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/dist/types/react-desc-prop-types").DSGridT.Props & import("react").RefAttributes<HTMLDivElement>>, import("@elliemae/ds-system").Theme, object, never>;
|
|
26
|
+
export declare const StyledSpanWithTooltip: import("styled-components").StyledComponent<keyof JSX.IntrinsicElements, import("@elliemae/ds-system").Theme, Record<string, unknown> & object, never>;
|
|
27
|
+
export declare const StyledPillButton: import("styled-components").StyledComponent<import("react").ComponentType<import("@elliemae/ds-button").DSButtonT.Props>, import("@elliemae/ds-system").Theme, {
|
|
28
|
+
width: string;
|
|
29
|
+
height: string;
|
|
30
|
+
}, never>;
|
|
31
|
+
export {};
|
|
@@ -0,0 +1,40 @@
|
|
|
1
|
+
declare const DropdownPill: {
|
|
2
|
+
({ 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
|
+
propTypes: {
|
|
13
|
+
/** props injected to component wrapper */
|
|
14
|
+
containerProps: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
|
|
15
|
+
/** labeled pill text label */
|
|
16
|
+
label: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
|
|
17
|
+
/** pill variant */
|
|
18
|
+
variant: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
|
|
19
|
+
/** html focus border */
|
|
20
|
+
tabIndex: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
|
|
21
|
+
/** close menu on item selection */
|
|
22
|
+
closeMenuOnItemSelection: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
|
|
23
|
+
/** pill max width */
|
|
24
|
+
maxWidth: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
|
|
25
|
+
/** pill min width */
|
|
26
|
+
minWidth: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
|
|
27
|
+
};
|
|
28
|
+
displayName: string;
|
|
29
|
+
};
|
|
30
|
+
declare const DSDropdownPillWithSchema: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").DocumentedReactComponent<{
|
|
31
|
+
[x: string]: any;
|
|
32
|
+
containerProps?: {} | undefined;
|
|
33
|
+
label?: string | undefined;
|
|
34
|
+
variant: any;
|
|
35
|
+
tabIndex?: number | undefined;
|
|
36
|
+
closeMenuOnItemSelection?: boolean | undefined;
|
|
37
|
+
maxWidth: any;
|
|
38
|
+
minWidth: any;
|
|
39
|
+
}>;
|
|
40
|
+
export { DropdownPill, DSDropdownPillWithSchema };
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
export declare const InputPill: ({ containerProps, placeholder, onChange, onRemove, value, type, ...otherProps }: {
|
|
2
|
+
[x: string]: any;
|
|
3
|
+
containerProps?: {} | undefined;
|
|
4
|
+
placeholder?: string | undefined;
|
|
5
|
+
onChange?: (() => void) | undefined;
|
|
6
|
+
onRemove: any;
|
|
7
|
+
value: any;
|
|
8
|
+
type: any;
|
|
9
|
+
}) => JSX.Element;
|
|
@@ -0,0 +1,48 @@
|
|
|
1
|
+
declare const LabeledDropdownPills: {
|
|
2
|
+
({ 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
|
+
propTypes: {
|
|
15
|
+
/** pill type */
|
|
16
|
+
type: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
|
|
17
|
+
/** focus next group callback */
|
|
18
|
+
onFocusNextGroup: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
|
|
19
|
+
/** focus prev group callback */
|
|
20
|
+
onFocusPreviousGroup: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
|
|
21
|
+
/** focus group set callback */
|
|
22
|
+
onFocusGroupSet: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
|
|
23
|
+
/** pill max width */
|
|
24
|
+
maxWidth: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
|
|
25
|
+
/** pill min width */
|
|
26
|
+
minWidth: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
|
|
27
|
+
/** fixed pill */
|
|
28
|
+
fixed: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
|
|
29
|
+
/** pill label text */
|
|
30
|
+
label: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
|
|
31
|
+
/** pill value */
|
|
32
|
+
value: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
|
|
33
|
+
};
|
|
34
|
+
displayName: string;
|
|
35
|
+
};
|
|
36
|
+
declare const DSLabeledDropdownPillsWithSchema: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").DocumentedReactComponent<{
|
|
37
|
+
[x: string]: any;
|
|
38
|
+
label?: string | undefined;
|
|
39
|
+
value: any;
|
|
40
|
+
type: any;
|
|
41
|
+
onFocusNextGroup: any;
|
|
42
|
+
onFocusPreviousGroup: any;
|
|
43
|
+
onFocusGroupSet: any;
|
|
44
|
+
maxWidth: any;
|
|
45
|
+
minWidth: any;
|
|
46
|
+
fixed: any;
|
|
47
|
+
}>;
|
|
48
|
+
export { LabeledDropdownPills, DSLabeledDropdownPillsWithSchema };
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
declare const LabeledDropdownCascadeMenuPill: ({ label, options, value: optionValue, onChange, onRemove, value: selection, placeholder, onFocusNextGroup, onFocusPreviousGroup, onFocusGroupSet, maxWidth, minWidth, ...menuProps }: {
|
|
2
|
+
[x: string]: any;
|
|
3
|
+
label: any;
|
|
4
|
+
options: any;
|
|
5
|
+
value?: {} | undefined;
|
|
6
|
+
onChange: any;
|
|
7
|
+
onRemove: any;
|
|
8
|
+
placeholder?: string | undefined;
|
|
9
|
+
onFocusNextGroup: any;
|
|
10
|
+
onFocusPreviousGroup: any;
|
|
11
|
+
onFocusGroupSet: any;
|
|
12
|
+
maxWidth: any;
|
|
13
|
+
minWidth: any;
|
|
14
|
+
}) => JSX.Element;
|
|
15
|
+
export { LabeledDropdownCascadeMenuPill };
|
|
16
|
+
export default LabeledDropdownCascadeMenuPill;
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
declare const LabeledDropdownMultiPills: ({ label, options, value, onSelect, onRemove, onChange, maxWidth, minWidth, ...menuProps }: {
|
|
2
|
+
[x: string]: any;
|
|
3
|
+
label: any;
|
|
4
|
+
options?: never[] | undefined;
|
|
5
|
+
value?: never[] | undefined;
|
|
6
|
+
onSelect?: (() => null) | undefined;
|
|
7
|
+
onRemove?: (() => null) | undefined;
|
|
8
|
+
onChange: any;
|
|
9
|
+
maxWidth: any;
|
|
10
|
+
minWidth: any;
|
|
11
|
+
}) => JSX.Element;
|
|
12
|
+
export { LabeledDropdownMultiPills };
|
|
13
|
+
export default LabeledDropdownMultiPills;
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
import PropTypes from 'prop-types';
|
|
2
|
+
declare const LabeledDropdownSinglePill: {
|
|
3
|
+
({ label, labelIsValue, options, value, onSelect, onChange, maxWidth, minWidth, fixed, ...menuProps }: {
|
|
4
|
+
[x: string]: any;
|
|
5
|
+
label: any;
|
|
6
|
+
labelIsValue?: boolean | undefined;
|
|
7
|
+
options: any;
|
|
8
|
+
value: any;
|
|
9
|
+
onSelect?: (() => null) | undefined;
|
|
10
|
+
onChange: any;
|
|
11
|
+
maxWidth: any;
|
|
12
|
+
minWidth: any;
|
|
13
|
+
fixed?: boolean | undefined;
|
|
14
|
+
}): JSX.Element;
|
|
15
|
+
propTypes: {
|
|
16
|
+
label: PropTypes.Requireable<string>;
|
|
17
|
+
labelIsValue: PropTypes.Requireable<boolean>;
|
|
18
|
+
options: PropTypes.Requireable<any[]>;
|
|
19
|
+
value: PropTypes.Requireable<NonNullable<string | number | null | undefined>>;
|
|
20
|
+
onSelect: PropTypes.Requireable<(...args: any[]) => any>;
|
|
21
|
+
onChange: PropTypes.Requireable<(...args: any[]) => any>;
|
|
22
|
+
maxWidth: PropTypes.Requireable<NonNullable<string | number | null | undefined>>;
|
|
23
|
+
minWidth: PropTypes.Requireable<NonNullable<string | number | null | undefined>>;
|
|
24
|
+
fixed: PropTypes.Requireable<boolean>;
|
|
25
|
+
};
|
|
26
|
+
};
|
|
27
|
+
export { LabeledDropdownSinglePill };
|
|
28
|
+
export default LabeledDropdownSinglePill;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare const hasOptionChanged: (prevOptions: any, options: any) => boolean;
|
|
@@ -0,0 +1,34 @@
|
|
|
1
|
+
declare const LabeledPills: {
|
|
2
|
+
({ 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
|
+
propTypes: {
|
|
11
|
+
/** labeled pill text label */
|
|
12
|
+
label: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
|
|
13
|
+
/** pill to add the label to */
|
|
14
|
+
children: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
|
|
15
|
+
/** addon component to left */
|
|
16
|
+
leftAddon: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
|
|
17
|
+
/** focus next group callback */
|
|
18
|
+
onFocusNextGroup: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
|
|
19
|
+
/** focus prev group callback */
|
|
20
|
+
onFocusPreviousGroup: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
|
|
21
|
+
/** focus group set callback */
|
|
22
|
+
onFocusGroupSet: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
|
|
23
|
+
};
|
|
24
|
+
displayName: string;
|
|
25
|
+
};
|
|
26
|
+
declare const DSLabeledPillsWithSchema: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").DocumentedReactComponent<{
|
|
27
|
+
children: any;
|
|
28
|
+
label?: string | undefined;
|
|
29
|
+
leftAddon: any;
|
|
30
|
+
onFocusGroupSet: any;
|
|
31
|
+
onFocusNextGroup: any;
|
|
32
|
+
onFocusPreviousGroup: any;
|
|
33
|
+
}>;
|
|
34
|
+
export { LabeledPills, DSLabeledPillsWithSchema };
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
declare const OverflowPill: {
|
|
2
|
+
({ containerProps, label, options }: {
|
|
3
|
+
containerProps?: {} | undefined;
|
|
4
|
+
label?: string | undefined;
|
|
5
|
+
options?: never[] | undefined;
|
|
6
|
+
}): JSX.Element;
|
|
7
|
+
propTypes: {
|
|
8
|
+
/** props to inject to pill wrapper */
|
|
9
|
+
containerProps: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
|
|
10
|
+
/** pill text label */
|
|
11
|
+
label: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
|
|
12
|
+
/** overflow pills options */
|
|
13
|
+
options: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
|
|
14
|
+
};
|
|
15
|
+
displayName: string;
|
|
16
|
+
};
|
|
17
|
+
declare const DSOverflowPillWithSchema: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").DocumentedReactComponent<{
|
|
18
|
+
containerProps?: {} | undefined;
|
|
19
|
+
label?: string | undefined;
|
|
20
|
+
options?: never[] | undefined;
|
|
21
|
+
}>;
|
|
22
|
+
export { OverflowPill, DSOverflowPillWithSchema };
|
|
@@ -0,0 +1,37 @@
|
|
|
1
|
+
declare const Pill: {
|
|
2
|
+
({ 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
|
+
propTypes: {
|
|
12
|
+
/** props to inject to pill wrapper */
|
|
13
|
+
containerProps: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
|
|
14
|
+
/** pill text label */
|
|
15
|
+
label: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
|
|
16
|
+
/** pill size */
|
|
17
|
+
size: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
|
|
18
|
+
/** pill variant */
|
|
19
|
+
variant: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
|
|
20
|
+
/** addon component to left */
|
|
21
|
+
leftAddon: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
|
|
22
|
+
/** addon component to right */
|
|
23
|
+
rightAddon: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
|
|
24
|
+
};
|
|
25
|
+
displayName: string;
|
|
26
|
+
};
|
|
27
|
+
declare const DSPillWithSchema: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").DocumentedReactComponent<{
|
|
28
|
+
[x: string]: any;
|
|
29
|
+
containerProps?: {} | undefined;
|
|
30
|
+
label?: string | undefined;
|
|
31
|
+
leftAddon: any;
|
|
32
|
+
rightAddon: any;
|
|
33
|
+
variant?: string | undefined;
|
|
34
|
+
size?: string | undefined;
|
|
35
|
+
}>;
|
|
36
|
+
export { Pill, DSPillWithSchema };
|
|
37
|
+
export default Pill;
|
|
@@ -0,0 +1,32 @@
|
|
|
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: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
|
|
14
|
+
/** focus next group callback */
|
|
15
|
+
onFocusNextGroup: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
|
|
16
|
+
/** focus prev group callback */
|
|
17
|
+
onFocusPreviousGroup: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
|
|
18
|
+
/** focus group set callback */
|
|
19
|
+
onFocusGroupSet: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
|
|
20
|
+
/** pill components */
|
|
21
|
+
children: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
|
|
22
|
+
};
|
|
23
|
+
displayName: string;
|
|
24
|
+
};
|
|
25
|
+
declare const DSPillGroupWithSchema: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").DocumentedReactComponent<{
|
|
26
|
+
containerProps?: {} | undefined;
|
|
27
|
+
onFocusNextGroup: any;
|
|
28
|
+
onFocusPreviousGroup: any;
|
|
29
|
+
onFocusGroupSet: any;
|
|
30
|
+
children: any;
|
|
31
|
+
}>;
|
|
32
|
+
export { PillGroup, DSPillGroupWithSchema };
|
|
@@ -0,0 +1,33 @@
|
|
|
1
|
+
declare const ReadOnlyPill: {
|
|
2
|
+
({ containerProps, modalContent, label, leftAddon, modalTitle, tooltipText, }: {
|
|
3
|
+
containerProps?: {} | undefined;
|
|
4
|
+
modalContent?: string | undefined;
|
|
5
|
+
label?: string | undefined;
|
|
6
|
+
leftAddon: any;
|
|
7
|
+
modalTitle?: string | undefined;
|
|
8
|
+
tooltipText?: string | undefined;
|
|
9
|
+
}): JSX.Element;
|
|
10
|
+
propTypes: {
|
|
11
|
+
/** props injected to component wrapper */
|
|
12
|
+
containerProps: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
|
|
13
|
+
/** labeled pill text label */
|
|
14
|
+
label: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
|
|
15
|
+
/** addon component to left */
|
|
16
|
+
leftAddon: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
|
|
17
|
+
/** read only pill modal content */
|
|
18
|
+
modalContent: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
|
|
19
|
+
/** read only pill modal title */
|
|
20
|
+
modalTitle: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
|
|
21
|
+
tooltipText: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
|
|
22
|
+
};
|
|
23
|
+
displayName: string;
|
|
24
|
+
};
|
|
25
|
+
declare const DSReadOnlyPillWithSchema: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").DocumentedReactComponent<{
|
|
26
|
+
containerProps?: {} | undefined;
|
|
27
|
+
modalContent?: string | undefined;
|
|
28
|
+
label?: string | undefined;
|
|
29
|
+
leftAddon: any;
|
|
30
|
+
modalTitle?: string | undefined;
|
|
31
|
+
tooltipText?: string | undefined;
|
|
32
|
+
}>;
|
|
33
|
+
export { ReadOnlyPill, DSReadOnlyPillWithSchema };
|
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
declare const RemovablePill: {
|
|
2
|
+
({ 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
|
+
propTypes: {
|
|
10
|
+
/** props injected to component wrapper */
|
|
11
|
+
containerProps: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
|
|
12
|
+
/** labeled pill text label */
|
|
13
|
+
label: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
|
|
14
|
+
/** remove click callback */
|
|
15
|
+
onRemove: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
|
|
16
|
+
/** pill size */
|
|
17
|
+
size: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
|
|
18
|
+
/** addon component to left */
|
|
19
|
+
leftAddon: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
|
|
20
|
+
};
|
|
21
|
+
displayName: string;
|
|
22
|
+
};
|
|
23
|
+
declare const DSRemovablePillWithSchema: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").DocumentedReactComponent<{
|
|
24
|
+
containerProps?: {} | undefined;
|
|
25
|
+
label?: string | undefined;
|
|
26
|
+
onRemove: any;
|
|
27
|
+
size?: string | undefined;
|
|
28
|
+
leftAddon: any;
|
|
29
|
+
}>;
|
|
30
|
+
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';
|
|
@@ -0,0 +1,59 @@
|
|
|
1
|
+
export declare const DSPillV2PropTypes: {
|
|
2
|
+
label: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
|
|
3
|
+
type: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
|
|
4
|
+
innerRef: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
|
|
5
|
+
size: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
|
|
6
|
+
ariaLabel: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
|
|
7
|
+
labelTruncated: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
|
|
8
|
+
tooltipValue: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
|
|
9
|
+
iconLeft: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
|
|
10
|
+
iconRight: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
|
|
11
|
+
onRemove: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
|
|
12
|
+
inputPlaceholder: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
|
|
13
|
+
onInputChange: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
|
|
14
|
+
onInputClear: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
|
|
15
|
+
inputWidth: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
|
|
16
|
+
inputId: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
|
|
17
|
+
dropdownProps: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
|
|
18
|
+
onDropdownClick: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
|
|
19
|
+
disabled: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
|
|
20
|
+
hasError: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
|
|
21
|
+
};
|
|
22
|
+
export declare const DSPillButtonPropTypes: {
|
|
23
|
+
type: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
|
|
24
|
+
width: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
|
|
25
|
+
height: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
|
|
26
|
+
};
|
|
27
|
+
export declare const DSPillGroupPropTypes: {
|
|
28
|
+
width: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
|
|
29
|
+
innerRef: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
|
|
30
|
+
};
|
|
31
|
+
export declare const DSPillV2DefaultProps: {
|
|
32
|
+
innerRef: () => null;
|
|
33
|
+
disabled: boolean;
|
|
34
|
+
hasError: boolean;
|
|
35
|
+
ariaLabel: string;
|
|
36
|
+
size: string;
|
|
37
|
+
labelTruncated: boolean;
|
|
38
|
+
tooltipValue: string;
|
|
39
|
+
iconLeft: null;
|
|
40
|
+
iconRight: null;
|
|
41
|
+
onRemove: () => null;
|
|
42
|
+
inputPlaceholder: string;
|
|
43
|
+
onInputChange: () => null;
|
|
44
|
+
onInputClear: () => null;
|
|
45
|
+
inputWidth: number;
|
|
46
|
+
inputRender: any;
|
|
47
|
+
dropdownProps: {};
|
|
48
|
+
onDropdownClick: () => null;
|
|
49
|
+
tabIndex: number;
|
|
50
|
+
};
|
|
51
|
+
export declare const DSPillButtonDefaultProps: {
|
|
52
|
+
type: string;
|
|
53
|
+
width: string;
|
|
54
|
+
height: string;
|
|
55
|
+
};
|
|
56
|
+
export declare const DSPillGroupDefaultProps: {
|
|
57
|
+
width: string;
|
|
58
|
+
innerRef: () => null;
|
|
59
|
+
};
|
|
@@ -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/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@elliemae/ds-pills",
|
|
3
|
-
"version": "3.13.1
|
|
3
|
+
"version": "3.13.1",
|
|
4
4
|
"license": "MIT",
|
|
5
5
|
"description": "ICE MT - Dimsum - Pills",
|
|
6
6
|
"files": [
|
|
@@ -149,19 +149,19 @@
|
|
|
149
149
|
"dependencies": {
|
|
150
150
|
"prop-types": "~15.8.1",
|
|
151
151
|
"uid": "~2.0.0",
|
|
152
|
-
"@elliemae/ds-
|
|
153
|
-
"@elliemae/ds-classnames": "3.13.1
|
|
154
|
-
"@elliemae/ds-
|
|
155
|
-
"@elliemae/ds-
|
|
156
|
-
"@elliemae/ds-grid": "3.13.1
|
|
157
|
-
"@elliemae/ds-modal": "3.13.1
|
|
158
|
-
"@elliemae/ds-
|
|
159
|
-
"@elliemae/ds-
|
|
160
|
-
"@elliemae/ds-
|
|
161
|
-
"@elliemae/ds-system": "3.13.1
|
|
162
|
-
"@elliemae/ds-tooltip": "3.13.1
|
|
163
|
-
"@elliemae/ds-
|
|
164
|
-
"@elliemae/ds-
|
|
152
|
+
"@elliemae/ds-dropdownmenu": "3.13.1",
|
|
153
|
+
"@elliemae/ds-classnames": "3.13.1",
|
|
154
|
+
"@elliemae/ds-form": "3.13.1",
|
|
155
|
+
"@elliemae/ds-icons": "3.13.1",
|
|
156
|
+
"@elliemae/ds-grid": "3.13.1",
|
|
157
|
+
"@elliemae/ds-modal": "3.13.1",
|
|
158
|
+
"@elliemae/ds-button": "3.13.1",
|
|
159
|
+
"@elliemae/ds-shared": "3.13.1",
|
|
160
|
+
"@elliemae/ds-popover": "3.13.1",
|
|
161
|
+
"@elliemae/ds-system": "3.13.1",
|
|
162
|
+
"@elliemae/ds-tooltip": "3.13.1",
|
|
163
|
+
"@elliemae/ds-utilities": "3.13.1",
|
|
164
|
+
"@elliemae/ds-truncated-tooltip-text": "3.13.1"
|
|
165
165
|
},
|
|
166
166
|
"devDependencies": {
|
|
167
167
|
"@testing-library/react": "~12.1.3",
|