@elliemae/ds-pills 2.3.0-alpha.8 → 2.3.0-next.2
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/deprecated/DropdownPill.js +113 -0
- package/cjs/deprecated/InputPill.js +84 -0
- package/cjs/deprecated/LabeledDropdownPills.js +106 -0
- package/cjs/deprecated/LabeledDropdownPillsTypes/LabeledDropdownCascadeMenuPill.js +134 -0
- package/cjs/deprecated/LabeledDropdownPillsTypes/LabeledDropdownMultiPill.js +153 -0
- package/cjs/deprecated/LabeledDropdownPillsTypes/LabeledDropdownSinglePill.js +162 -0
- package/cjs/deprecated/LabeledDropdownPillsTypes/utils.js +20 -0
- package/cjs/deprecated/LabeledPills.js +62 -0
- package/cjs/deprecated/OverflowPill.js +73 -0
- package/cjs/deprecated/Pill.js +88 -0
- package/cjs/deprecated/PillGroup.js +72 -0
- package/cjs/deprecated/ReadOnlyPill.js +101 -0
- package/cjs/deprecated/RemovablePill.js +74 -0
- package/cjs/deprecated/index.js +33 -0
- package/cjs/index.d.js +2 -0
- package/cjs/index.js +43 -0
- 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/deprecated/DropdownPill.js +100 -0
- package/esm/deprecated/InputPill.js +74 -0
- package/esm/deprecated/LabeledDropdownPills.js +95 -0
- package/esm/deprecated/LabeledDropdownPillsTypes/LabeledDropdownCascadeMenuPill.js +126 -0
- package/esm/deprecated/LabeledDropdownPillsTypes/LabeledDropdownMultiPill.js +145 -0
- package/esm/deprecated/LabeledDropdownPillsTypes/LabeledDropdownSinglePill.js +154 -0
- package/esm/deprecated/LabeledDropdownPillsTypes/utils.js +16 -0
- package/esm/deprecated/LabeledPills.js +53 -0
- package/esm/deprecated/OverflowPill.js +62 -0
- package/esm/deprecated/Pill.js +76 -0
- package/esm/deprecated/PillGroup.js +60 -0
- package/esm/deprecated/ReadOnlyPill.js +90 -0
- package/esm/deprecated/RemovablePill.js +64 -0
- package/esm/deprecated/index.js +8 -0
- package/esm/index.d.js +1 -0
- package/esm/index.js +11 -0
- package/esm/props.js +60 -0
- package/esm/utils.js +24 -0
- package/package.json +86 -88
- 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 +66 -0
- package/types/deprecated/InputPill.d.ts +10 -0
- package/types/deprecated/LabeledDropdownPills.d.ts +82 -0
- package/types/deprecated/LabeledDropdownPillsTypes/LabeledDropdownCascadeMenuPill.d.ts +15 -0
- package/types/deprecated/LabeledDropdownPillsTypes/LabeledDropdownMultiPill.d.ts +13 -0
- package/types/deprecated/LabeledDropdownPillsTypes/LabeledDropdownSinglePill.d.ts +28 -0
- package/types/deprecated/LabeledDropdownPillsTypes/utils.d.ts +1 -0
- package/types/deprecated/LabeledPills.d.ts +52 -0
- package/types/deprecated/OverflowPill.d.ts +33 -0
- package/types/deprecated/Pill.d.ts +59 -0
- package/types/deprecated/PillGroup.d.ts +50 -0
- package/types/deprecated/ReadOnlyPill.d.ts +56 -0
- package/types/deprecated/RemovablePill.d.ts +49 -0
- package/types/deprecated/index.d.ts +9 -0
- package/types/index.d.ts +3 -0
- 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/dist/cjs/components/Pill.js +0 -60
- package/dist/cjs/components/Pill.js.map +0 -7
- package/dist/cjs/components/PillButton.js +0 -58
- package/dist/cjs/components/PillButton.js.map +0 -7
- package/dist/cjs/components/PillGroup.js +0 -72
- package/dist/cjs/components/PillGroup.js.map +0 -7
- package/dist/cjs/components/index.js +0 -30
- package/dist/cjs/components/index.js.map +0 -7
- package/dist/cjs/components/styled.js +0 -235
- package/dist/cjs/components/styled.js.map +0 -7
- package/dist/cjs/components/types/DropdownPill.js +0 -88
- package/dist/cjs/components/types/DropdownPill.js.map +0 -7
- package/dist/cjs/components/types/InputPill.js +0 -84
- package/dist/cjs/components/types/InputPill.js.map +0 -7
- package/dist/cjs/components/types/LabelPill.js +0 -52
- package/dist/cjs/components/types/LabelPill.js.map +0 -7
- package/dist/cjs/components/types/ReadOnlyPill.js +0 -55
- package/dist/cjs/components/types/ReadOnlyPill.js.map +0 -7
- package/dist/cjs/components/types/RemovablePill.js +0 -79
- package/dist/cjs/components/types/RemovablePill.js.map +0 -7
- package/dist/cjs/components/types/ValuePill.js +0 -59
- package/dist/cjs/components/types/ValuePill.js.map +0 -7
- package/dist/cjs/components/types/index.js +0 -33
- package/dist/cjs/components/types/index.js.map +0 -7
- package/dist/cjs/deprecated/DropdownPill.js +0 -92
- package/dist/cjs/deprecated/DropdownPill.js.map +0 -7
- package/dist/cjs/deprecated/InputPill.js +0 -82
- package/dist/cjs/deprecated/InputPill.js.map +0 -7
- package/dist/cjs/deprecated/LabeledDropdownPills.js +0 -102
- package/dist/cjs/deprecated/LabeledDropdownPills.js.map +0 -7
- package/dist/cjs/deprecated/LabeledDropdownPillsTypes/LabeledDropdownCascadeMenuPill.js +0 -131
- package/dist/cjs/deprecated/LabeledDropdownPillsTypes/LabeledDropdownCascadeMenuPill.js.map +0 -7
- package/dist/cjs/deprecated/LabeledDropdownPillsTypes/LabeledDropdownMultiPill.js +0 -145
- package/dist/cjs/deprecated/LabeledDropdownPillsTypes/LabeledDropdownMultiPill.js.map +0 -7
- package/dist/cjs/deprecated/LabeledDropdownPillsTypes/LabeledDropdownSinglePill.js +0 -154
- package/dist/cjs/deprecated/LabeledDropdownPillsTypes/LabeledDropdownSinglePill.js.map +0 -7
- package/dist/cjs/deprecated/LabeledDropdownPillsTypes/utils.js +0 -44
- package/dist/cjs/deprecated/LabeledDropdownPillsTypes/utils.js.map +0 -7
- package/dist/cjs/deprecated/LabeledPills.js +0 -75
- package/dist/cjs/deprecated/LabeledPills.js.map +0 -7
- package/dist/cjs/deprecated/OverflowPill.js +0 -79
- package/dist/cjs/deprecated/OverflowPill.js.map +0 -7
- package/dist/cjs/deprecated/Pill.js +0 -73
- package/dist/cjs/deprecated/Pill.js.map +0 -7
- package/dist/cjs/deprecated/PillGroup.js +0 -72
- package/dist/cjs/deprecated/PillGroup.js.map +0 -7
- package/dist/cjs/deprecated/ReadOnlyPill.js +0 -100
- package/dist/cjs/deprecated/ReadOnlyPill.js.map +0 -7
- package/dist/cjs/deprecated/RemovablePill.js +0 -78
- package/dist/cjs/deprecated/RemovablePill.js.map +0 -7
- package/dist/cjs/deprecated/index.js +0 -43
- package/dist/cjs/deprecated/index.js.map +0 -7
- package/dist/cjs/index.d.js +0 -27
- package/dist/cjs/index.d.js.map +0 -7
- package/dist/cjs/index.js +0 -37
- package/dist/cjs/index.js.map +0 -7
- package/dist/cjs/props.js +0 -95
- package/dist/cjs/props.js.map +0 -7
- package/dist/cjs/utils.js +0 -46
- package/dist/cjs/utils.js.map +0 -7
- package/dist/esm/components/Pill.js +0 -31
- package/dist/esm/components/Pill.js.map +0 -7
- package/dist/esm/components/PillButton.js +0 -29
- package/dist/esm/components/PillButton.js.map +0 -7
- package/dist/esm/components/PillGroup.js +0 -43
- package/dist/esm/components/PillGroup.js.map +0 -7
- package/dist/esm/components/index.js +0 -5
- package/dist/esm/components/index.js.map +0 -7
- package/dist/esm/components/styled.js +0 -206
- package/dist/esm/components/styled.js.map +0 -7
- package/dist/esm/components/types/DropdownPill.js +0 -59
- package/dist/esm/components/types/DropdownPill.js.map +0 -7
- package/dist/esm/components/types/InputPill.js +0 -55
- package/dist/esm/components/types/InputPill.js.map +0 -7
- package/dist/esm/components/types/LabelPill.js +0 -23
- package/dist/esm/components/types/LabelPill.js.map +0 -7
- package/dist/esm/components/types/ReadOnlyPill.js +0 -26
- package/dist/esm/components/types/ReadOnlyPill.js.map +0 -7
- package/dist/esm/components/types/RemovablePill.js +0 -50
- package/dist/esm/components/types/RemovablePill.js.map +0 -7
- package/dist/esm/components/types/ValuePill.js +0 -30
- package/dist/esm/components/types/ValuePill.js.map +0 -7
- package/dist/esm/components/types/index.js +0 -8
- package/dist/esm/components/types/index.js.map +0 -7
- package/dist/esm/deprecated/DropdownPill.js +0 -63
- package/dist/esm/deprecated/DropdownPill.js.map +0 -7
- package/dist/esm/deprecated/InputPill.js +0 -53
- package/dist/esm/deprecated/InputPill.js.map +0 -7
- package/dist/esm/deprecated/LabeledDropdownPills.js +0 -73
- package/dist/esm/deprecated/LabeledDropdownPills.js.map +0 -7
- package/dist/esm/deprecated/LabeledDropdownPillsTypes/LabeledDropdownCascadeMenuPill.js +0 -102
- package/dist/esm/deprecated/LabeledDropdownPillsTypes/LabeledDropdownCascadeMenuPill.js.map +0 -7
- package/dist/esm/deprecated/LabeledDropdownPillsTypes/LabeledDropdownMultiPill.js +0 -116
- package/dist/esm/deprecated/LabeledDropdownPillsTypes/LabeledDropdownMultiPill.js.map +0 -7
- package/dist/esm/deprecated/LabeledDropdownPillsTypes/LabeledDropdownSinglePill.js +0 -125
- package/dist/esm/deprecated/LabeledDropdownPillsTypes/LabeledDropdownSinglePill.js.map +0 -7
- package/dist/esm/deprecated/LabeledDropdownPillsTypes/utils.js +0 -15
- package/dist/esm/deprecated/LabeledDropdownPillsTypes/utils.js.map +0 -7
- package/dist/esm/deprecated/LabeledPills.js +0 -46
- package/dist/esm/deprecated/LabeledPills.js.map +0 -7
- package/dist/esm/deprecated/OverflowPill.js +0 -50
- package/dist/esm/deprecated/OverflowPill.js.map +0 -7
- package/dist/esm/deprecated/Pill.js +0 -44
- package/dist/esm/deprecated/Pill.js.map +0 -7
- package/dist/esm/deprecated/PillGroup.js +0 -43
- package/dist/esm/deprecated/PillGroup.js.map +0 -7
- package/dist/esm/deprecated/ReadOnlyPill.js +0 -71
- package/dist/esm/deprecated/ReadOnlyPill.js.map +0 -7
- package/dist/esm/deprecated/RemovablePill.js +0 -49
- package/dist/esm/deprecated/RemovablePill.js.map +0 -7
- package/dist/esm/deprecated/index.js +0 -14
- package/dist/esm/deprecated/index.js.map +0 -7
- package/dist/esm/index.d.js +0 -2
- package/dist/esm/index.d.js.map +0 -7
- package/dist/esm/index.js +0 -8
- package/dist/esm/index.js.map +0 -7
- package/dist/esm/props.js +0 -66
- package/dist/esm/props.js.map +0 -7
- package/dist/esm/utils.js +0 -17
- package/dist/esm/utils.js.map +0 -7
|
@@ -0,0 +1,52 @@
|
|
|
1
|
+
/// <reference path="../../../../../shared/typings/react-desc.d.ts" />
|
|
2
|
+
/// <reference types="react" />
|
|
3
|
+
declare function LabeledPills({ children, label, leftAddon, onFocusGroupSet, onFocusNextGroup, onFocusPreviousGroup, }: {
|
|
4
|
+
children: any;
|
|
5
|
+
label?: string | undefined;
|
|
6
|
+
leftAddon: any;
|
|
7
|
+
onFocusGroupSet: any;
|
|
8
|
+
onFocusNextGroup: any;
|
|
9
|
+
onFocusPreviousGroup: any;
|
|
10
|
+
}): JSX.Element;
|
|
11
|
+
declare namespace LabeledPills {
|
|
12
|
+
var propTypes: {
|
|
13
|
+
/** labeled pill text label */
|
|
14
|
+
label: any;
|
|
15
|
+
/** pill to add the label to */
|
|
16
|
+
children: any;
|
|
17
|
+
/** addon component to left */
|
|
18
|
+
leftAddon: {
|
|
19
|
+
defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
|
|
20
|
+
deprecated: import("react-desc").PropTypesDescValidator;
|
|
21
|
+
};
|
|
22
|
+
isRequired: import("react-desc").PropTypesDescValue;
|
|
23
|
+
};
|
|
24
|
+
/** focus next group callback */
|
|
25
|
+
onFocusNextGroup: {
|
|
26
|
+
defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
|
|
27
|
+
deprecated: import("react-desc").PropTypesDescValidator;
|
|
28
|
+
};
|
|
29
|
+
isRequired: import("react-desc").PropTypesDescValue;
|
|
30
|
+
};
|
|
31
|
+
/** focus prev group callback */
|
|
32
|
+
onFocusPreviousGroup: {
|
|
33
|
+
defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
|
|
34
|
+
deprecated: import("react-desc").PropTypesDescValidator;
|
|
35
|
+
};
|
|
36
|
+
isRequired: import("react-desc").PropTypesDescValue;
|
|
37
|
+
};
|
|
38
|
+
/** focus group set callback */
|
|
39
|
+
onFocusGroupSet: {
|
|
40
|
+
defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
|
|
41
|
+
deprecated: import("react-desc").PropTypesDescValidator;
|
|
42
|
+
};
|
|
43
|
+
isRequired: import("react-desc").PropTypesDescValue;
|
|
44
|
+
};
|
|
45
|
+
};
|
|
46
|
+
}
|
|
47
|
+
declare const DSLabeledPillsWithSchema: {
|
|
48
|
+
(props?: unknown): JSX.Element;
|
|
49
|
+
propTypes: unknown;
|
|
50
|
+
toTypescript: () => import("react-desc").TypescriptSchema;
|
|
51
|
+
};
|
|
52
|
+
export { LabeledPills, DSLabeledPillsWithSchema };
|
|
@@ -0,0 +1,33 @@
|
|
|
1
|
+
/// <reference path="../../../../../shared/typings/react-desc.d.ts" />
|
|
2
|
+
/// <reference types="react" />
|
|
3
|
+
declare function OverflowPill({ containerProps, label, options }: {
|
|
4
|
+
containerProps?: {} | undefined;
|
|
5
|
+
label?: string | undefined;
|
|
6
|
+
options?: never[] | undefined;
|
|
7
|
+
}): JSX.Element;
|
|
8
|
+
declare namespace OverflowPill {
|
|
9
|
+
var propTypes: {
|
|
10
|
+
/** props to inject to pill wrapper */
|
|
11
|
+
containerProps: {
|
|
12
|
+
defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
|
|
13
|
+
deprecated: import("react-desc").PropTypesDescValidator;
|
|
14
|
+
};
|
|
15
|
+
isRequired: import("react-desc").PropTypesDescValue;
|
|
16
|
+
};
|
|
17
|
+
/** pill text label */
|
|
18
|
+
label: any;
|
|
19
|
+
/** overflow pills options */
|
|
20
|
+
options: {
|
|
21
|
+
defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
|
|
22
|
+
deprecated: import("react-desc").PropTypesDescValidator;
|
|
23
|
+
};
|
|
24
|
+
isRequired: import("react-desc").PropTypesDescValue;
|
|
25
|
+
};
|
|
26
|
+
};
|
|
27
|
+
}
|
|
28
|
+
declare const DSOverflowPillWithSchema: {
|
|
29
|
+
(props?: unknown): JSX.Element;
|
|
30
|
+
propTypes: unknown;
|
|
31
|
+
toTypescript: () => import("react-desc").TypescriptSchema;
|
|
32
|
+
};
|
|
33
|
+
export { OverflowPill, DSOverflowPillWithSchema };
|
|
@@ -0,0 +1,59 @@
|
|
|
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(arg: import("react-desc").ReactDescPossibleDefaultValues): {
|
|
17
|
+
deprecated: import("react-desc").PropTypesDescValidator;
|
|
18
|
+
};
|
|
19
|
+
isRequired: import("react-desc").PropTypesDescValue;
|
|
20
|
+
};
|
|
21
|
+
/** pill text label */
|
|
22
|
+
label: any;
|
|
23
|
+
/** pill size */
|
|
24
|
+
size: {
|
|
25
|
+
defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
|
|
26
|
+
deprecated: import("react-desc").PropTypesDescValidator;
|
|
27
|
+
};
|
|
28
|
+
isRequired: import("react-desc").PropTypesDescValue;
|
|
29
|
+
};
|
|
30
|
+
/** pill variant */
|
|
31
|
+
variant: {
|
|
32
|
+
defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
|
|
33
|
+
deprecated: import("react-desc").PropTypesDescValidator;
|
|
34
|
+
};
|
|
35
|
+
isRequired: import("react-desc").PropTypesDescValue;
|
|
36
|
+
};
|
|
37
|
+
/** addon component to left */
|
|
38
|
+
leftAddon: {
|
|
39
|
+
defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
|
|
40
|
+
deprecated: import("react-desc").PropTypesDescValidator;
|
|
41
|
+
};
|
|
42
|
+
isRequired: import("react-desc").PropTypesDescValue;
|
|
43
|
+
};
|
|
44
|
+
/** addon component to right */
|
|
45
|
+
rightAddon: {
|
|
46
|
+
defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
|
|
47
|
+
deprecated: import("react-desc").PropTypesDescValidator;
|
|
48
|
+
};
|
|
49
|
+
isRequired: import("react-desc").PropTypesDescValue;
|
|
50
|
+
};
|
|
51
|
+
};
|
|
52
|
+
}
|
|
53
|
+
declare const DSPillWithSchema: {
|
|
54
|
+
(props?: unknown): JSX.Element;
|
|
55
|
+
propTypes: unknown;
|
|
56
|
+
toTypescript: () => import("react-desc").TypescriptSchema;
|
|
57
|
+
};
|
|
58
|
+
export { Pill, DSPillWithSchema };
|
|
59
|
+
export default Pill;
|
|
@@ -0,0 +1,50 @@
|
|
|
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(arg: import("react-desc").ReactDescPossibleDefaultValues): {
|
|
16
|
+
deprecated: import("react-desc").PropTypesDescValidator;
|
|
17
|
+
};
|
|
18
|
+
isRequired: import("react-desc").PropTypesDescValue;
|
|
19
|
+
};
|
|
20
|
+
/** focus next group callback */
|
|
21
|
+
onFocusNextGroup: {
|
|
22
|
+
defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
|
|
23
|
+
deprecated: import("react-desc").PropTypesDescValidator;
|
|
24
|
+
};
|
|
25
|
+
isRequired: import("react-desc").PropTypesDescValue;
|
|
26
|
+
};
|
|
27
|
+
/** focus prev group callback */
|
|
28
|
+
onFocusPreviousGroup: {
|
|
29
|
+
defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
|
|
30
|
+
deprecated: import("react-desc").PropTypesDescValidator;
|
|
31
|
+
};
|
|
32
|
+
isRequired: import("react-desc").PropTypesDescValue;
|
|
33
|
+
};
|
|
34
|
+
/** focus group set callback */
|
|
35
|
+
onFocusGroupSet: {
|
|
36
|
+
defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
|
|
37
|
+
deprecated: import("react-desc").PropTypesDescValidator;
|
|
38
|
+
};
|
|
39
|
+
isRequired: import("react-desc").PropTypesDescValue;
|
|
40
|
+
};
|
|
41
|
+
/** pill components */
|
|
42
|
+
children: any;
|
|
43
|
+
};
|
|
44
|
+
};
|
|
45
|
+
declare const DSPillGroupWithSchema: {
|
|
46
|
+
(props?: unknown): JSX.Element;
|
|
47
|
+
propTypes: unknown;
|
|
48
|
+
toTypescript: () => import("react-desc").TypescriptSchema;
|
|
49
|
+
};
|
|
50
|
+
export { PillGroup, DSPillGroupWithSchema };
|
|
@@ -0,0 +1,56 @@
|
|
|
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(arg: import("react-desc").ReactDescPossibleDefaultValues): {
|
|
16
|
+
deprecated: import("react-desc").PropTypesDescValidator;
|
|
17
|
+
};
|
|
18
|
+
isRequired: import("react-desc").PropTypesDescValue;
|
|
19
|
+
};
|
|
20
|
+
/** labeled pill text label */
|
|
21
|
+
label: any;
|
|
22
|
+
/** addon component to left */
|
|
23
|
+
leftAddon: {
|
|
24
|
+
defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
|
|
25
|
+
deprecated: import("react-desc").PropTypesDescValidator;
|
|
26
|
+
};
|
|
27
|
+
isRequired: import("react-desc").PropTypesDescValue;
|
|
28
|
+
};
|
|
29
|
+
/** read only pill modal content */
|
|
30
|
+
modalContent: {
|
|
31
|
+
defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
|
|
32
|
+
deprecated: import("react-desc").PropTypesDescValidator;
|
|
33
|
+
};
|
|
34
|
+
isRequired: import("react-desc").PropTypesDescValue;
|
|
35
|
+
};
|
|
36
|
+
/** read only pill modal title */
|
|
37
|
+
modalTitle: {
|
|
38
|
+
defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
|
|
39
|
+
deprecated: import("react-desc").PropTypesDescValidator;
|
|
40
|
+
};
|
|
41
|
+
isRequired: import("react-desc").PropTypesDescValue;
|
|
42
|
+
};
|
|
43
|
+
tooltipText: {
|
|
44
|
+
defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
|
|
45
|
+
deprecated: import("react-desc").PropTypesDescValidator;
|
|
46
|
+
};
|
|
47
|
+
isRequired: import("react-desc").PropTypesDescValue;
|
|
48
|
+
};
|
|
49
|
+
};
|
|
50
|
+
};
|
|
51
|
+
declare const DSReadOnlyPillWithSchema: {
|
|
52
|
+
(props?: unknown): JSX.Element;
|
|
53
|
+
propTypes: unknown;
|
|
54
|
+
toTypescript: () => import("react-desc").TypescriptSchema;
|
|
55
|
+
};
|
|
56
|
+
export { ReadOnlyPill, DSReadOnlyPillWithSchema };
|
|
@@ -0,0 +1,49 @@
|
|
|
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(arg: import("react-desc").ReactDescPossibleDefaultValues): {
|
|
15
|
+
deprecated: import("react-desc").PropTypesDescValidator;
|
|
16
|
+
};
|
|
17
|
+
isRequired: import("react-desc").PropTypesDescValue;
|
|
18
|
+
};
|
|
19
|
+
/** labeled pill text label */
|
|
20
|
+
label: any;
|
|
21
|
+
/** remove click callback */
|
|
22
|
+
onRemove: {
|
|
23
|
+
defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
|
|
24
|
+
deprecated: import("react-desc").PropTypesDescValidator;
|
|
25
|
+
};
|
|
26
|
+
isRequired: import("react-desc").PropTypesDescValue;
|
|
27
|
+
};
|
|
28
|
+
/** pill size */
|
|
29
|
+
size: {
|
|
30
|
+
defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
|
|
31
|
+
deprecated: import("react-desc").PropTypesDescValidator;
|
|
32
|
+
};
|
|
33
|
+
isRequired: import("react-desc").PropTypesDescValue;
|
|
34
|
+
};
|
|
35
|
+
/** addon component to left */
|
|
36
|
+
leftAddon: {
|
|
37
|
+
defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
|
|
38
|
+
deprecated: import("react-desc").PropTypesDescValidator;
|
|
39
|
+
};
|
|
40
|
+
isRequired: import("react-desc").PropTypesDescValue;
|
|
41
|
+
};
|
|
42
|
+
};
|
|
43
|
+
}
|
|
44
|
+
declare const DSRemovablePillWithSchema: {
|
|
45
|
+
(props?: unknown): JSX.Element;
|
|
46
|
+
propTypes: unknown;
|
|
47
|
+
toTypescript: () => import("react-desc").TypescriptSchema;
|
|
48
|
+
};
|
|
49
|
+
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
ADDED
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").PropTypesDescValue;
|
|
4
|
+
type: import("react-desc").PropTypesDescValue;
|
|
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
|
@@ -1,60 +0,0 @@
|
|
|
1
|
-
var __create = Object.create;
|
|
2
|
-
var __defProp = Object.defineProperty;
|
|
3
|
-
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
4
|
-
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
5
|
-
var __getProtoOf = Object.getPrototypeOf;
|
|
6
|
-
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
7
|
-
var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
|
|
8
|
-
var __export = (target, all) => {
|
|
9
|
-
for (var name in all)
|
|
10
|
-
__defProp(target, name, { get: all[name], enumerable: true });
|
|
11
|
-
};
|
|
12
|
-
var __reExport = (target, module2, copyDefault, desc) => {
|
|
13
|
-
if (module2 && typeof module2 === "object" || typeof module2 === "function") {
|
|
14
|
-
for (let key of __getOwnPropNames(module2))
|
|
15
|
-
if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
|
|
16
|
-
__defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
|
|
17
|
-
}
|
|
18
|
-
return target;
|
|
19
|
-
};
|
|
20
|
-
var __toESM = (module2, isNodeMode) => {
|
|
21
|
-
return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
|
|
22
|
-
};
|
|
23
|
-
var __toCommonJS = /* @__PURE__ */ ((cache) => {
|
|
24
|
-
return (module2, temp) => {
|
|
25
|
-
return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
|
|
26
|
-
};
|
|
27
|
-
})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
|
|
28
|
-
var Pill_exports = {};
|
|
29
|
-
__export(Pill_exports, {
|
|
30
|
-
DSPillV2: () => DSPillV2,
|
|
31
|
-
DSPillV2WithSchema: () => DSPillV2WithSchema
|
|
32
|
-
});
|
|
33
|
-
var React = __toESM(require("react"));
|
|
34
|
-
var import_react = __toESM(require("react"));
|
|
35
|
-
var import_react_desc = require("react-desc");
|
|
36
|
-
var import_ds_props_helpers = require("@elliemae/ds-props-helpers");
|
|
37
|
-
var import_props = require("../props");
|
|
38
|
-
var import_types = require("./types");
|
|
39
|
-
const pillComponentGetter = {
|
|
40
|
-
dropdown: import_types.DropdownPill,
|
|
41
|
-
input: import_types.InputPill,
|
|
42
|
-
label: import_types.LabelPill,
|
|
43
|
-
readonly: import_types.ReadOnlyPill,
|
|
44
|
-
removable: import_types.RemovablePill,
|
|
45
|
-
value: import_types.ValuePill
|
|
46
|
-
};
|
|
47
|
-
const DSPillV2 = (props) => {
|
|
48
|
-
const propsWithDefaults = (0, import_ds_props_helpers.useMemoMergePropsWithDefault)(props, import_props.DSPillV2DefaultProps);
|
|
49
|
-
(0, import_ds_props_helpers.useValidateTypescriptPropTypes)(propsWithDefaults, import_props.DSPillV2PropTypes);
|
|
50
|
-
const { type } = propsWithDefaults;
|
|
51
|
-
const PillComponent = pillComponentGetter[type];
|
|
52
|
-
return /* @__PURE__ */ import_react.default.createElement(PillComponent, {
|
|
53
|
-
...propsWithDefaults
|
|
54
|
-
});
|
|
55
|
-
};
|
|
56
|
-
DSPillV2.propTypes = import_props.DSPillV2PropTypes;
|
|
57
|
-
const DSPillV2WithSchema = (0, import_react_desc.describe)(DSPillV2).description("Pill");
|
|
58
|
-
DSPillV2WithSchema.propTypes = import_props.DSPillV2PropTypes;
|
|
59
|
-
module.exports = __toCommonJS(Pill_exports);
|
|
60
|
-
//# sourceMappingURL=Pill.js.map
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../../src/components/Pill.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
|
|
4
|
-
"sourcesContent": ["/* eslint-disable react/prop-types */\nimport React from 'react';\nimport { describe } from 'react-desc';\nimport { useMemoMergePropsWithDefault, useValidateTypescriptPropTypes } from '@elliemae/ds-props-helpers';\nimport type { DSPillProps } from '../index.d';\nimport { DSPillV2DefaultProps, DSPillV2PropTypes } from '../props';\nimport { DropdownPill, LabelPill, ValuePill, InputPill, ReadOnlyPill, RemovablePill } from './types';\n\nconst pillComponentGetter: Record<string, React.ComponentType<DSPillProps>> = {\n dropdown: DropdownPill,\n input: InputPill,\n label: LabelPill,\n readonly: ReadOnlyPill,\n removable: RemovablePill,\n value: ValuePill,\n};\n\nconst DSPillV2: React.ComponentType<DSPillProps> = (props) => {\n const propsWithDefaults = useMemoMergePropsWithDefault(props, DSPillV2DefaultProps);\n useValidateTypescriptPropTypes(propsWithDefaults, DSPillV2PropTypes);\n const { type } = propsWithDefaults;\n const PillComponent = pillComponentGetter[type];\n\n return <PillComponent {...propsWithDefaults} />;\n};\n\nDSPillV2.propTypes = DSPillV2PropTypes;\nconst DSPillV2WithSchema = describe(DSPillV2).description('Pill');\nDSPillV2WithSchema.propTypes = DSPillV2PropTypes;\n\nexport { DSPillV2, DSPillV2WithSchema };\n", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADCvB,mBAAkB;AAClB,wBAAyB;AACzB,8BAA6E;AAE7E,mBAAwD;AACxD,mBAA2F;AAE3F,MAAM,sBAAwE;AAAA,EAC5E,UAAU;AAAA,EACV,OAAO;AAAA,EACP,OAAO;AAAA,EACP,UAAU;AAAA,EACV,WAAW;AAAA,EACX,OAAO;AAAA;AAGT,MAAM,WAA6C,CAAC,UAAU;AAC5D,QAAM,oBAAoB,0DAA6B,OAAO;AAC9D,8DAA+B,mBAAmB;AAClD,QAAM,EAAE,SAAS;AACjB,QAAM,gBAAgB,oBAAoB;AAE1C,SAAO,mDAAC,eAAD;AAAA,OAAmB;AAAA;AAAA;AAG5B,SAAS,YAAY;AACrB,MAAM,qBAAqB,gCAAS,UAAU,YAAY;AAC1D,mBAAmB,YAAY;",
|
|
6
|
-
"names": []
|
|
7
|
-
}
|
|
@@ -1,58 +0,0 @@
|
|
|
1
|
-
var __create = Object.create;
|
|
2
|
-
var __defProp = Object.defineProperty;
|
|
3
|
-
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
4
|
-
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
5
|
-
var __getProtoOf = Object.getPrototypeOf;
|
|
6
|
-
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
7
|
-
var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
|
|
8
|
-
var __export = (target, all) => {
|
|
9
|
-
for (var name in all)
|
|
10
|
-
__defProp(target, name, { get: all[name], enumerable: true });
|
|
11
|
-
};
|
|
12
|
-
var __reExport = (target, module2, copyDefault, desc) => {
|
|
13
|
-
if (module2 && typeof module2 === "object" || typeof module2 === "function") {
|
|
14
|
-
for (let key of __getOwnPropNames(module2))
|
|
15
|
-
if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
|
|
16
|
-
__defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
|
|
17
|
-
}
|
|
18
|
-
return target;
|
|
19
|
-
};
|
|
20
|
-
var __toESM = (module2, isNodeMode) => {
|
|
21
|
-
return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
|
|
22
|
-
};
|
|
23
|
-
var __toCommonJS = /* @__PURE__ */ ((cache) => {
|
|
24
|
-
return (module2, temp) => {
|
|
25
|
-
return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
|
|
26
|
-
};
|
|
27
|
-
})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
|
|
28
|
-
var PillButton_exports = {};
|
|
29
|
-
__export(PillButton_exports, {
|
|
30
|
-
DSPillButton: () => DSPillButton,
|
|
31
|
-
DSPillButtonWithSchema: () => DSPillButtonWithSchema
|
|
32
|
-
});
|
|
33
|
-
var React = __toESM(require("react"));
|
|
34
|
-
var import_react = __toESM(require("react"));
|
|
35
|
-
var import_react_desc = require("react-desc");
|
|
36
|
-
var import_ds_props_helpers = require("@elliemae/ds-props-helpers");
|
|
37
|
-
var import_styled = require("./styled");
|
|
38
|
-
var import_props = require("../props");
|
|
39
|
-
const typeToClassName = {
|
|
40
|
-
only: "ds-pill-button-only",
|
|
41
|
-
left: "ds-pill-button-left",
|
|
42
|
-
right: "ds-pill-button-right"
|
|
43
|
-
};
|
|
44
|
-
const DSPillButton = (props) => {
|
|
45
|
-
const propsWithDefaults = (0, import_ds_props_helpers.useMemoMergePropsWithDefault)(props, import_props.DSPillButtonDefaultProps);
|
|
46
|
-
(0, import_ds_props_helpers.useValidateTypescriptPropTypes)(propsWithDefaults, import_props.DSPillButtonPropTypes);
|
|
47
|
-
const { type, children, ...rest } = propsWithDefaults;
|
|
48
|
-
return /* @__PURE__ */ import_react.default.createElement(import_styled.StyledPillButton, {
|
|
49
|
-
...rest,
|
|
50
|
-
buttonType: "raw",
|
|
51
|
-
className: `${typeToClassName[type]} ${rest.className}`
|
|
52
|
-
}, children);
|
|
53
|
-
};
|
|
54
|
-
DSPillButton.propTypes = import_props.DSPillButtonPropTypes;
|
|
55
|
-
const DSPillButtonWithSchema = (0, import_react_desc.describe)(DSPillButton).description("Pill button");
|
|
56
|
-
DSPillButtonWithSchema.propTypes = import_props.DSPillButtonPropTypes;
|
|
57
|
-
module.exports = __toCommonJS(PillButton_exports);
|
|
58
|
-
//# sourceMappingURL=PillButton.js.map
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../../src/components/PillButton.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
|
|
4
|
-
"sourcesContent": ["/* eslint-disable react/prop-types */\nimport React from 'react';\nimport { describe } from 'react-desc';\nimport { DSButtonPropsT } from '@elliemae/ds-button';\nimport { useMemoMergePropsWithDefault, useValidateTypescriptPropTypes } from '@elliemae/ds-props-helpers';\nimport { StyledPillButton } from './styled';\nimport { DSPillButtonDefaultProps, DSPillButtonPropTypes } from '../props';\n\nconst typeToClassName = {\n only: 'ds-pill-button-only',\n left: 'ds-pill-button-left',\n right: 'ds-pill-button-right',\n};\n\nconst DSPillButton: React.ComponentType<DSButtonPropsT> = (props) => {\n const propsWithDefaults = useMemoMergePropsWithDefault(props, DSPillButtonDefaultProps);\n useValidateTypescriptPropTypes(propsWithDefaults, DSPillButtonPropTypes);\n\n const { type, children, ...rest } = propsWithDefaults;\n\n return (\n <StyledPillButton {...rest} buttonType=\"raw\" className={`${typeToClassName[type]} ${rest.className}`}>\n {children}\n </StyledPillButton>\n );\n};\n\nDSPillButton.propTypes = DSPillButtonPropTypes;\nconst DSPillButtonWithSchema = describe(DSPillButton).description('Pill button');\nDSPillButtonWithSchema.propTypes = DSPillButtonPropTypes;\n\nexport { DSPillButton, DSPillButtonWithSchema };\n", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADCvB,mBAAkB;AAClB,wBAAyB;AAEzB,8BAA6E;AAC7E,oBAAiC;AACjC,mBAAgE;AAEhE,MAAM,kBAAkB;AAAA,EACtB,MAAM;AAAA,EACN,MAAM;AAAA,EACN,OAAO;AAAA;AAGT,MAAM,eAAoD,CAAC,UAAU;AACnE,QAAM,oBAAoB,0DAA6B,OAAO;AAC9D,8DAA+B,mBAAmB;AAElD,QAAM,EAAE,MAAM,aAAa,SAAS;AAEpC,SACE,mDAAC,gCAAD;AAAA,OAAsB;AAAA,IAAM,YAAW;AAAA,IAAM,WAAW,GAAG,gBAAgB,SAAS,KAAK;AAAA,KACtF;AAAA;AAKP,aAAa,YAAY;AACzB,MAAM,yBAAyB,gCAAS,cAAc,YAAY;AAClE,uBAAuB,YAAY;",
|
|
6
|
-
"names": []
|
|
7
|
-
}
|
|
@@ -1,72 +0,0 @@
|
|
|
1
|
-
var __create = Object.create;
|
|
2
|
-
var __defProp = Object.defineProperty;
|
|
3
|
-
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
4
|
-
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
5
|
-
var __getProtoOf = Object.getPrototypeOf;
|
|
6
|
-
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
7
|
-
var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
|
|
8
|
-
var __export = (target, all) => {
|
|
9
|
-
for (var name in all)
|
|
10
|
-
__defProp(target, name, { get: all[name], enumerable: true });
|
|
11
|
-
};
|
|
12
|
-
var __reExport = (target, module2, copyDefault, desc) => {
|
|
13
|
-
if (module2 && typeof module2 === "object" || typeof module2 === "function") {
|
|
14
|
-
for (let key of __getOwnPropNames(module2))
|
|
15
|
-
if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
|
|
16
|
-
__defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
|
|
17
|
-
}
|
|
18
|
-
return target;
|
|
19
|
-
};
|
|
20
|
-
var __toESM = (module2, isNodeMode) => {
|
|
21
|
-
return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
|
|
22
|
-
};
|
|
23
|
-
var __toCommonJS = /* @__PURE__ */ ((cache) => {
|
|
24
|
-
return (module2, temp) => {
|
|
25
|
-
return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
|
|
26
|
-
};
|
|
27
|
-
})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
|
|
28
|
-
var PillGroup_exports = {};
|
|
29
|
-
__export(PillGroup_exports, {
|
|
30
|
-
DSPillGroupV2: () => DSPillGroupV2,
|
|
31
|
-
DSPillGroupV2Context: () => DSPillGroupV2Context,
|
|
32
|
-
DSPillGroupV2WithSchema: () => DSPillGroupV2WithSchema
|
|
33
|
-
});
|
|
34
|
-
var React = __toESM(require("react"));
|
|
35
|
-
var import_react = __toESM(require("react"));
|
|
36
|
-
var import_react_desc = require("react-desc");
|
|
37
|
-
var import_uid = require("uid");
|
|
38
|
-
var import_ds_props_helpers = require("@elliemae/ds-props-helpers");
|
|
39
|
-
var import_props = require("../props");
|
|
40
|
-
var import_styled = require("./styled");
|
|
41
|
-
const DSPillGroupV2Context = (0, import_react.createContext)({
|
|
42
|
-
onKeyboardRemove: () => null
|
|
43
|
-
});
|
|
44
|
-
const DSPillGroupV2 = (props) => {
|
|
45
|
-
const propsWithDefaults = (0, import_ds_props_helpers.useMemoMergePropsWithDefault)(props, import_props.DSPillGroupDefaultProps);
|
|
46
|
-
(0, import_ds_props_helpers.useValidateTypescriptPropTypes)(propsWithDefaults, import_props.DSPillGroupPropTypes);
|
|
47
|
-
const pillGroupUid = (0, import_react.useMemo)(() => `ds-pill-group-${(0, import_uid.uid)()}`, []);
|
|
48
|
-
const { children, width, innerRef } = propsWithDefaults;
|
|
49
|
-
const onKeyboardRemove = (0, import_react.useCallback)((pillUid) => {
|
|
50
|
-
const elems = [...document.querySelectorAll(`#${pillGroupUid} .ds-pill-focus-point`)];
|
|
51
|
-
const pillIndex = elems.findIndex((elem) => elem.id === pillUid);
|
|
52
|
-
if (pillIndex > 0) {
|
|
53
|
-
elems[pillIndex - 1].focus();
|
|
54
|
-
} else if (pillIndex + 1 < elems.length) {
|
|
55
|
-
elems[pillIndex + 1].focus();
|
|
56
|
-
}
|
|
57
|
-
}, [pillGroupUid]);
|
|
58
|
-
return /* @__PURE__ */ import_react.default.createElement(DSPillGroupV2Context.Provider, {
|
|
59
|
-
value: { onKeyboardRemove }
|
|
60
|
-
}, /* @__PURE__ */ import_react.default.createElement(import_styled.StyledPillGroup, {
|
|
61
|
-
width,
|
|
62
|
-
id: pillGroupUid,
|
|
63
|
-
cols: import_react.default.Children.map(children, () => "auto"),
|
|
64
|
-
gutter: "2px",
|
|
65
|
-
ref: innerRef
|
|
66
|
-
}, children));
|
|
67
|
-
};
|
|
68
|
-
DSPillGroupV2.propTypes = import_props.DSPillGroupPropTypes;
|
|
69
|
-
const DSPillGroupV2WithSchema = (0, import_react_desc.describe)(DSPillGroupV2);
|
|
70
|
-
DSPillGroupV2WithSchema.propTypes = import_props.DSPillGroupPropTypes;
|
|
71
|
-
module.exports = __toCommonJS(PillGroup_exports);
|
|
72
|
-
//# sourceMappingURL=PillGroup.js.map
|