@elliemae/ds-pills 2.2.0 → 2.3.0-alpha.3
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 +56 -49
- package/cjs/components/Pill.js.map +7 -0
- package/cjs/components/PillButton.js +54 -52
- package/cjs/components/PillButton.js.map +7 -0
- package/cjs/components/PillGroup.js +61 -53
- package/cjs/components/PillGroup.js.map +7 -0
- package/cjs/components/index.js +30 -17
- package/cjs/components/index.js.map +7 -0
- package/cjs/components/styled.js +228 -78
- package/cjs/components/styled.js.map +7 -0
- package/cjs/components/types/DropdownPill.js +79 -77
- package/cjs/components/types/DropdownPill.js.map +7 -0
- package/cjs/components/types/InputPill.js +58 -48
- package/cjs/components/types/InputPill.js.map +7 -0
- package/cjs/components/types/LabelPill.js +44 -38
- package/cjs/components/types/LabelPill.js.map +7 -0
- package/cjs/components/types/ReadOnlyPill.js +48 -43
- package/cjs/components/types/ReadOnlyPill.js.map +7 -0
- package/cjs/components/types/RemovablePill.js +60 -53
- package/cjs/components/types/RemovablePill.js.map +7 -0
- package/cjs/components/types/ValuePill.js +48 -43
- package/cjs/components/types/ValuePill.js.map +7 -0
- package/cjs/components/types/index.js +33 -19
- package/cjs/components/types/index.js.map +7 -0
- package/cjs/deprecated/DropdownPill.js +80 -101
- package/cjs/deprecated/DropdownPill.js.map +7 -0
- package/cjs/deprecated/InputPill.js +67 -69
- package/cjs/deprecated/InputPill.js.map +7 -0
- package/cjs/deprecated/LabeledDropdownPills.js +92 -96
- package/cjs/deprecated/LabeledDropdownPills.js.map +7 -0
- package/cjs/deprecated/LabeledDropdownPillsTypes/LabeledDropdownCascadeMenuPill.js +91 -94
- package/cjs/deprecated/LabeledDropdownPillsTypes/LabeledDropdownCascadeMenuPill.js.map +7 -0
- package/cjs/deprecated/LabeledDropdownPillsTypes/LabeledDropdownMultiPill.js +106 -114
- package/cjs/deprecated/LabeledDropdownPillsTypes/LabeledDropdownMultiPill.js.map +7 -0
- package/cjs/deprecated/LabeledDropdownPillsTypes/LabeledDropdownSinglePill.js +119 -127
- package/cjs/deprecated/LabeledDropdownPillsTypes/LabeledDropdownSinglePill.js.map +7 -0
- package/cjs/deprecated/LabeledDropdownPillsTypes/utils.js +39 -15
- package/cjs/deprecated/LabeledDropdownPillsTypes/utils.js.map +7 -0
- package/cjs/deprecated/LabeledPills.js +65 -52
- package/cjs/deprecated/LabeledPills.js.map +7 -0
- package/cjs/deprecated/OverflowPill.js +59 -53
- package/cjs/deprecated/OverflowPill.js.map +7 -0
- package/cjs/deprecated/Pill.js +67 -82
- package/cjs/deprecated/Pill.js.map +7 -0
- package/cjs/deprecated/PillGroup.js +68 -68
- package/cjs/deprecated/PillGroup.js.map +7 -0
- package/cjs/deprecated/ReadOnlyPill.js +93 -94
- package/cjs/deprecated/ReadOnlyPill.js.map +7 -0
- package/cjs/deprecated/RemovablePill.js +61 -57
- package/cjs/deprecated/RemovablePill.js.map +7 -0
- package/cjs/deprecated/index.js +43 -33
- package/cjs/deprecated/index.js.map +7 -0
- package/cjs/index.d.js +27 -2
- package/cjs/index.d.js.map +7 -0
- package/cjs/index.js +37 -43
- package/cjs/index.js.map +7 -0
- package/cjs/props.js +72 -46
- package/cjs/props.js.map +7 -0
- package/cjs/utils.js +43 -25
- package/cjs/utils.js.map +7 -0
- package/esm/components/Pill.js +18 -31
- package/esm/components/Pill.js.map +7 -0
- package/esm/components/PillButton.js +22 -39
- package/esm/components/PillButton.js.map +7 -0
- package/esm/components/PillGroup.js +28 -38
- package/esm/components/PillGroup.js.map +7 -0
- package/esm/components/index.js +5 -3
- package/esm/components/index.js.map +7 -0
- package/esm/components/styled.js +205 -66
- package/esm/components/styled.js.map +7 -0
- package/esm/components/types/DropdownPill.js +50 -67
- package/esm/components/types/DropdownPill.js.map +7 -0
- package/esm/components/types/InputPill.js +25 -35
- package/esm/components/types/InputPill.js.map +7 -0
- package/esm/components/types/LabelPill.js +15 -29
- package/esm/components/types/LabelPill.js.map +7 -0
- package/esm/components/types/ReadOnlyPill.js +19 -34
- package/esm/components/types/ReadOnlyPill.js.map +7 -0
- package/esm/components/types/RemovablePill.js +31 -44
- package/esm/components/types/RemovablePill.js.map +7 -0
- package/esm/components/types/ValuePill.js +19 -34
- package/esm/components/types/ValuePill.js.map +7 -0
- package/esm/components/types/index.js +8 -6
- package/esm/components/types/index.js.map +7 -0
- package/esm/deprecated/DropdownPill.js +49 -86
- package/esm/deprecated/DropdownPill.js.map +7 -0
- package/esm/deprecated/InputPill.js +38 -59
- package/esm/deprecated/InputPill.js.map +7 -0
- package/esm/deprecated/LabeledDropdownPills.js +59 -81
- package/esm/deprecated/LabeledDropdownPills.js.map +7 -0
- package/esm/deprecated/LabeledDropdownPillsTypes/LabeledDropdownCascadeMenuPill.js +60 -84
- package/esm/deprecated/LabeledDropdownPillsTypes/LabeledDropdownCascadeMenuPill.js.map +7 -0
- package/esm/deprecated/LabeledDropdownPillsTypes/LabeledDropdownMultiPill.js +65 -94
- package/esm/deprecated/LabeledDropdownPillsTypes/LabeledDropdownMultiPill.js.map +7 -0
- package/esm/deprecated/LabeledDropdownPillsTypes/LabeledDropdownSinglePill.js +79 -108
- package/esm/deprecated/LabeledDropdownPillsTypes/LabeledDropdownSinglePill.js.map +7 -0
- package/esm/deprecated/LabeledDropdownPillsTypes/utils.js +9 -10
- package/esm/deprecated/LabeledDropdownPillsTypes/utils.js.map +7 -0
- package/esm/deprecated/LabeledPills.js +34 -41
- package/esm/deprecated/LabeledPills.js.map +7 -0
- package/esm/deprecated/OverflowPill.js +25 -37
- package/esm/deprecated/OverflowPill.js.map +7 -0
- package/esm/deprecated/Pill.js +39 -71
- package/esm/deprecated/Pill.js.map +7 -0
- package/esm/deprecated/PillGroup.js +39 -56
- package/esm/deprecated/PillGroup.js.map +7 -0
- package/esm/deprecated/ReadOnlyPill.js +60 -79
- package/esm/deprecated/ReadOnlyPill.js.map +7 -0
- package/esm/deprecated/RemovablePill.js +30 -45
- package/esm/deprecated/RemovablePill.js.map +7 -0
- package/esm/deprecated/index.js +14 -8
- package/esm/deprecated/index.js.map +7 -0
- package/esm/index.d.js +2 -1
- package/esm/index.d.js.map +7 -0
- package/esm/index.js +8 -11
- package/esm/index.js.map +7 -0
- package/esm/props.js +42 -36
- package/esm/props.js.map +7 -0
- package/esm/utils.js +16 -23
- package/esm/utils.js.map +7 -0
- package/package.json +15 -15
- package/types/deprecated/LabeledDropdownPills.d.ts +1 -1
- package/types/deprecated/LabeledDropdownPillsTypes/LabeledDropdownCascadeMenuPill.d.ts +3 -1
- package/types/deprecated/LabeledDropdownPillsTypes/LabeledDropdownMultiPill.d.ts +3 -1
- package/types/deprecated/LabeledDropdownPillsTypes/LabeledDropdownSinglePill.d.ts +1 -0
package/esm/deprecated/index.js
CHANGED
|
@@ -1,8 +1,14 @@
|
|
|
1
|
-
|
|
2
|
-
export
|
|
3
|
-
export
|
|
4
|
-
export
|
|
5
|
-
export
|
|
6
|
-
export
|
|
7
|
-
export
|
|
8
|
-
export
|
|
1
|
+
import * as React from "react";
|
|
2
|
+
export * from "./Pill";
|
|
3
|
+
export * from "./PillGroup";
|
|
4
|
+
export * from "./LabeledDropdownPills";
|
|
5
|
+
export * from "./LabeledPills";
|
|
6
|
+
export * from "./DropdownPill";
|
|
7
|
+
export * from "./RemovablePill";
|
|
8
|
+
export * from "./ReadOnlyPill";
|
|
9
|
+
export * from "./OverflowPill";
|
|
10
|
+
import { default as default2 } from "./Pill";
|
|
11
|
+
export {
|
|
12
|
+
default2 as default
|
|
13
|
+
};
|
|
14
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/deprecated/index.tsx"],
|
|
4
|
+
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export * from './Pill';\nexport * from './PillGroup';\nexport * from './LabeledDropdownPills';\nexport * from './LabeledPills';\nexport * from './DropdownPill';\nexport * from './RemovablePill';\nexport * from './ReadOnlyPill';\nexport * from './OverflowPill';\n\nexport { default } from './Pill';\n"],
|
|
5
|
+
"mappings": "AAAA;ACAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;",
|
|
6
|
+
"names": []
|
|
7
|
+
}
|
package/esm/index.d.js
CHANGED
|
@@ -1 +1,2 @@
|
|
|
1
|
-
|
|
1
|
+
import * as React from "react";
|
|
2
|
+
//# sourceMappingURL=index.d.js.map
|
package/esm/index.js
CHANGED
|
@@ -1,11 +1,8 @@
|
|
|
1
|
-
|
|
2
|
-
export
|
|
3
|
-
export
|
|
4
|
-
|
|
5
|
-
export {
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
export { DSPillV2, DSPillV2WithSchema } from './components/Pill.js';
|
|
10
|
-
export { DSPillGroupV2, DSPillGroupV2Context, DSPillGroupV2WithSchema } from './components/PillGroup.js';
|
|
11
|
-
export { DSPillButton, DSPillButtonWithSchema } from './components/PillButton.js';
|
|
1
|
+
import * as React from "react";
|
|
2
|
+
export * from "./deprecated";
|
|
3
|
+
export * from "./components";
|
|
4
|
+
import { default as default2 } from "./deprecated";
|
|
5
|
+
export {
|
|
6
|
+
default2 as default
|
|
7
|
+
};
|
|
8
|
+
//# sourceMappingURL=index.js.map
|
package/esm/index.js.map
ADDED
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/index.tsx"],
|
|
4
|
+
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export * from './deprecated';\nexport * from './components';\nexport { default } from './deprecated';\n"],
|
|
5
|
+
"mappings": "AAAA;ACAA;AACA;AACA;",
|
|
6
|
+
"names": []
|
|
7
|
+
}
|
package/esm/props.js
CHANGED
|
@@ -1,45 +1,44 @@
|
|
|
1
|
-
import
|
|
2
|
-
import {
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
const pillTypes = PropTypes.oneOf(['label', 'value', 'input', 'dropdown', 'removable', 'readonly']);
|
|
1
|
+
import * as React from "react";
|
|
2
|
+
import { PropTypes } from "react-desc";
|
|
3
|
+
import { DSInput } from "@elliemae/ds-form";
|
|
4
|
+
const pillTypes = PropTypes.oneOf(["label", "value", "input", "dropdown", "removable", "readonly"]);
|
|
6
5
|
const DSPillV2PropTypes = {
|
|
7
|
-
label: PropTypes.string.description(
|
|
8
|
-
type: pillTypes.description(
|
|
9
|
-
innerRef: PropTypes.oneOfType([PropTypes.object, PropTypes.func]).description(
|
|
10
|
-
size: PropTypes.oneOf([
|
|
11
|
-
ariaLabel: PropTypes.string.description(
|
|
12
|
-
labelTruncated: PropTypes.bool.description(
|
|
13
|
-
tooltipValue: PropTypes.string.description(
|
|
14
|
-
iconLeft: PropTypes.node.description(
|
|
15
|
-
iconRight: PropTypes.node.description(
|
|
16
|
-
onRemove: PropTypes.func.description(
|
|
17
|
-
inputPlaceholder: PropTypes.string.description(
|
|
18
|
-
onInputChange: PropTypes.func.description(
|
|
19
|
-
onInputClear: PropTypes.func.description(
|
|
20
|
-
inputWidth: PropTypes.number.description(
|
|
21
|
-
dropdownProps: PropTypes.object.description(
|
|
22
|
-
onDropdownClick: PropTypes.func.description(
|
|
6
|
+
label: PropTypes.string.description("Label to show in the pill").isRequired,
|
|
7
|
+
type: pillTypes.description("The type of pill that you want to render").isRequired,
|
|
8
|
+
innerRef: PropTypes.oneOfType([PropTypes.object, PropTypes.func]).description("Reference to the focuseable internal element of each pill (remove icons, inputs, dropdown, etc.)").defaultValue(() => null),
|
|
9
|
+
size: PropTypes.oneOf(["s", "m"]).description("Vertical pill size").defaultValue("m"),
|
|
10
|
+
ariaLabel: PropTypes.string.description("Aria label for the pill. If not provided we will use the label").defaultValue(""),
|
|
11
|
+
labelTruncated: PropTypes.bool.description("Whether to truncate the pills label").defaultValue(true),
|
|
12
|
+
tooltipValue: PropTypes.string.description("String to show as a tooltip in the value pill").defaultValue(""),
|
|
13
|
+
iconLeft: PropTypes.node.description("A component to show int the left of a readonly pill").defaultValue(null),
|
|
14
|
+
iconRight: PropTypes.node.description("A component to show in the right of a readonly pill").defaultValue(null),
|
|
15
|
+
onRemove: PropTypes.func.description("Callback triggered when removing a pill with the close icon").defaultValue(() => null),
|
|
16
|
+
inputPlaceholder: PropTypes.string.description("Placeholder for the input pill").defaultValue(""),
|
|
17
|
+
onInputChange: PropTypes.func.description("Callback triggered when user provides input to the input pill").defaultValue(() => null),
|
|
18
|
+
onInputClear: PropTypes.func.description("Callback triggered when the user clears an input pill").defaultValue(() => null),
|
|
19
|
+
inputWidth: PropTypes.number.description("Width in pixels for the input tag in the input pill").defaultValue(150),
|
|
20
|
+
dropdownProps: PropTypes.object.description("Properties that will be used for the dropdown-menu").defaultValue({}),
|
|
21
|
+
onDropdownClick: PropTypes.func.description("Callback when dropdown button is clicked or pressed").defaultValue(() => null)
|
|
23
22
|
};
|
|
24
23
|
const DSPillButtonPropTypes = {
|
|
25
|
-
type: PropTypes.oneOf([
|
|
26
|
-
width: PropTypes.string.description(
|
|
27
|
-
height: PropTypes.string.description(
|
|
24
|
+
type: PropTypes.oneOf(["only", "left", "right"]).description("The position in which this button will be placed. Only used for css styling internally").defaultValue("right"),
|
|
25
|
+
width: PropTypes.string.description("Width of the button").defaultValue("100%"),
|
|
26
|
+
height: PropTypes.string.description("Height of the button").defaultValue("100%")
|
|
28
27
|
};
|
|
29
28
|
const DSPillGroupPropTypes = {
|
|
30
|
-
width: PropTypes.string.description(
|
|
31
|
-
innerRef: PropTypes.oneOfType([PropTypes.object, PropTypes.func]).description(
|
|
29
|
+
width: PropTypes.string.description("Width of the group").defaultValue("fit-content"),
|
|
30
|
+
innerRef: PropTypes.oneOfType([PropTypes.object, PropTypes.func]).description("Reference to the pill group wrapper").defaultValue(() => null)
|
|
32
31
|
};
|
|
33
32
|
const DSPillV2DefaultProps = {
|
|
34
33
|
innerRef: () => null,
|
|
35
|
-
ariaLabel:
|
|
36
|
-
size:
|
|
34
|
+
ariaLabel: "",
|
|
35
|
+
size: "m",
|
|
37
36
|
labelTruncated: true,
|
|
38
|
-
tooltipValue:
|
|
37
|
+
tooltipValue: "",
|
|
39
38
|
iconLeft: null,
|
|
40
39
|
iconRight: null,
|
|
41
40
|
onRemove: () => null,
|
|
42
|
-
inputPlaceholder:
|
|
41
|
+
inputPlaceholder: "",
|
|
43
42
|
onInputChange: () => null,
|
|
44
43
|
onInputClear: () => null,
|
|
45
44
|
inputWidth: 72,
|
|
@@ -48,13 +47,20 @@ const DSPillV2DefaultProps = {
|
|
|
48
47
|
onDropdownClick: () => null
|
|
49
48
|
};
|
|
50
49
|
const DSPillButtonDefaultProps = {
|
|
51
|
-
type:
|
|
52
|
-
width:
|
|
53
|
-
height:
|
|
50
|
+
type: "right",
|
|
51
|
+
width: "100%",
|
|
52
|
+
height: "100%"
|
|
54
53
|
};
|
|
55
54
|
const DSPillGroupDefaultProps = {
|
|
56
|
-
width:
|
|
55
|
+
width: "fit-content",
|
|
57
56
|
innerRef: () => null
|
|
58
57
|
};
|
|
59
|
-
|
|
60
|
-
|
|
58
|
+
export {
|
|
59
|
+
DSPillButtonDefaultProps,
|
|
60
|
+
DSPillButtonPropTypes,
|
|
61
|
+
DSPillGroupDefaultProps,
|
|
62
|
+
DSPillGroupPropTypes,
|
|
63
|
+
DSPillV2DefaultProps,
|
|
64
|
+
DSPillV2PropTypes
|
|
65
|
+
};
|
|
66
|
+
//# sourceMappingURL=props.js.map
|
package/esm/props.js.map
ADDED
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/props.tsx"],
|
|
4
|
+
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable @typescript-eslint/explicit-module-boundary-types */\nimport { PropTypes } from 'react-desc';\nimport { DSInput } from '@elliemae/ds-form';\n\nconst pillTypes = PropTypes.oneOf(['label', 'value', 'input', 'dropdown', 'removable', 'readonly']);\n\nexport const DSPillV2PropTypes = {\n label: PropTypes.string.description('Label to show in the pill').isRequired,\n type: pillTypes.description('The type of pill that you want to render').isRequired,\n innerRef: PropTypes.oneOfType([PropTypes.object, PropTypes.func])\n .description('Reference to the focuseable internal element of each pill (remove icons, inputs, dropdown, etc.)')\n .defaultValue(() => null),\n size: PropTypes.oneOf(['s', 'm']).description('Vertical pill size').defaultValue('m'),\n ariaLabel: PropTypes.string\n .description('Aria label for the pill. If not provided we will use the label')\n .defaultValue(''),\n labelTruncated: PropTypes.bool.description('Whether to truncate the pills label').defaultValue(true),\n tooltipValue: PropTypes.string.description('String to show as a tooltip in the value pill').defaultValue(''),\n iconLeft: PropTypes.node.description('A component to show int the left of a readonly pill').defaultValue(null),\n iconRight: PropTypes.node.description('A component to show in the right of a readonly pill').defaultValue(null),\n onRemove: PropTypes.func\n .description('Callback triggered when removing a pill with the close icon')\n .defaultValue(() => null),\n inputPlaceholder: PropTypes.string.description('Placeholder for the input pill').defaultValue(''),\n onInputChange: PropTypes.func\n .description('Callback triggered when user provides input to the input pill')\n .defaultValue(() => null),\n onInputClear: PropTypes.func\n .description('Callback triggered when the user clears an input pill')\n .defaultValue(() => null),\n inputWidth: PropTypes.number.description('Width in pixels for the input tag in the input pill').defaultValue(150),\n dropdownProps: PropTypes.object.description('Properties that will be used for the dropdown-menu').defaultValue({}),\n onDropdownClick: PropTypes.func\n .description('Callback when dropdown button is clicked or pressed')\n .defaultValue(() => null),\n};\n\nexport const DSPillButtonPropTypes = {\n type: PropTypes.oneOf(['only', 'left', 'right'])\n .description('The position in which this button will be placed. Only used for css styling internally')\n .defaultValue('right'),\n width: PropTypes.string.description('Width of the button').defaultValue('100%'),\n height: PropTypes.string.description('Height of the button').defaultValue('100%'),\n};\n\nexport const DSPillGroupPropTypes = {\n width: PropTypes.string.description('Width of the group').defaultValue('fit-content'),\n innerRef: PropTypes.oneOfType([PropTypes.object, PropTypes.func])\n .description('Reference to the pill group wrapper')\n .defaultValue(() => null),\n};\n\nexport const DSPillV2DefaultProps = {\n innerRef: () => null,\n ariaLabel: '',\n size: 'm',\n labelTruncated: true,\n tooltipValue: '',\n iconLeft: null,\n iconRight: null,\n onRemove: () => null,\n inputPlaceholder: '',\n onInputChange: () => null,\n onInputClear: () => null,\n inputWidth: 72,\n inputRender: DSInput,\n dropdownProps: {},\n onDropdownClick: () => null,\n};\n\nexport const DSPillButtonDefaultProps = {\n type: 'right',\n width: '100%',\n height: '100%',\n};\n\nexport const DSPillGroupDefaultProps = {\n width: 'fit-content',\n innerRef: () => null,\n};\n"],
|
|
5
|
+
"mappings": "AAAA;ACCA;AACA;AAEA,MAAM,YAAY,UAAU,MAAM,CAAC,SAAS,SAAS,SAAS,YAAY,aAAa;AAEhF,MAAM,oBAAoB;AAAA,EAC/B,OAAO,UAAU,OAAO,YAAY,6BAA6B;AAAA,EACjE,MAAM,UAAU,YAAY,4CAA4C;AAAA,EACxE,UAAU,UAAU,UAAU,CAAC,UAAU,QAAQ,UAAU,OACxD,YAAY,oGACZ,aAAa,MAAM;AAAA,EACtB,MAAM,UAAU,MAAM,CAAC,KAAK,MAAM,YAAY,sBAAsB,aAAa;AAAA,EACjF,WAAW,UAAU,OAClB,YAAY,kEACZ,aAAa;AAAA,EAChB,gBAAgB,UAAU,KAAK,YAAY,uCAAuC,aAAa;AAAA,EAC/F,cAAc,UAAU,OAAO,YAAY,iDAAiD,aAAa;AAAA,EACzG,UAAU,UAAU,KAAK,YAAY,uDAAuD,aAAa;AAAA,EACzG,WAAW,UAAU,KAAK,YAAY,uDAAuD,aAAa;AAAA,EAC1G,UAAU,UAAU,KACjB,YAAY,+DACZ,aAAa,MAAM;AAAA,EACtB,kBAAkB,UAAU,OAAO,YAAY,kCAAkC,aAAa;AAAA,EAC9F,eAAe,UAAU,KACtB,YAAY,iEACZ,aAAa,MAAM;AAAA,EACtB,cAAc,UAAU,KACrB,YAAY,yDACZ,aAAa,MAAM;AAAA,EACtB,YAAY,UAAU,OAAO,YAAY,uDAAuD,aAAa;AAAA,EAC7G,eAAe,UAAU,OAAO,YAAY,sDAAsD,aAAa;AAAA,EAC/G,iBAAiB,UAAU,KACxB,YAAY,uDACZ,aAAa,MAAM;AAAA;AAGjB,MAAM,wBAAwB;AAAA,EACnC,MAAM,UAAU,MAAM,CAAC,QAAQ,QAAQ,UACpC,YAAY,0FACZ,aAAa;AAAA,EAChB,OAAO,UAAU,OAAO,YAAY,uBAAuB,aAAa;AAAA,EACxE,QAAQ,UAAU,OAAO,YAAY,wBAAwB,aAAa;AAAA;AAGrE,MAAM,uBAAuB;AAAA,EAClC,OAAO,UAAU,OAAO,YAAY,sBAAsB,aAAa;AAAA,EACvE,UAAU,UAAU,UAAU,CAAC,UAAU,QAAQ,UAAU,OACxD,YAAY,uCACZ,aAAa,MAAM;AAAA;AAGjB,MAAM,uBAAuB;AAAA,EAClC,UAAU,MAAM;AAAA,EAChB,WAAW;AAAA,EACX,MAAM;AAAA,EACN,gBAAgB;AAAA,EAChB,cAAc;AAAA,EACd,UAAU;AAAA,EACV,WAAW;AAAA,EACX,UAAU,MAAM;AAAA,EAChB,kBAAkB;AAAA,EAClB,eAAe,MAAM;AAAA,EACrB,cAAc,MAAM;AAAA,EACpB,YAAY;AAAA,EACZ,aAAa;AAAA,EACb,eAAe;AAAA,EACf,iBAAiB,MAAM;AAAA;AAGlB,MAAM,2BAA2B;AAAA,EACtC,MAAM;AAAA,EACN,OAAO;AAAA,EACP,QAAQ;AAAA;AAGH,MAAM,0BAA0B;AAAA,EACrC,OAAO;AAAA,EACP,UAAU,MAAM;AAAA;",
|
|
6
|
+
"names": []
|
|
7
|
+
}
|
package/esm/utils.js
CHANGED
|
@@ -1,24 +1,17 @@
|
|
|
1
|
-
import
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
if (typeof ref === 'function') {
|
|
15
|
-
ref(_ref);
|
|
16
|
-
return;
|
|
17
|
-
}
|
|
18
|
-
|
|
19
|
-
if (ref) ref.current = _ref;
|
|
20
|
-
});
|
|
21
|
-
};
|
|
1
|
+
import * as React from "react";
|
|
2
|
+
const setMultipleRefs = (...refs) => (_ref) => {
|
|
3
|
+
refs.forEach((ref) => {
|
|
4
|
+
if (!ref || !_ref)
|
|
5
|
+
return;
|
|
6
|
+
if (typeof ref === "function") {
|
|
7
|
+
ref(_ref);
|
|
8
|
+
return;
|
|
9
|
+
}
|
|
10
|
+
if (ref)
|
|
11
|
+
ref.current = _ref;
|
|
12
|
+
});
|
|
22
13
|
};
|
|
23
|
-
|
|
24
|
-
|
|
14
|
+
export {
|
|
15
|
+
setMultipleRefs
|
|
16
|
+
};
|
|
17
|
+
//# sourceMappingURL=utils.js.map
|
package/esm/utils.js.map
ADDED
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/utils.tsx"],
|
|
4
|
+
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "type refInterfaceType = React.MutableRefObject<HTMLElement> | ((_ref: HTMLElement) => void);\n\nexport const setMultipleRefs =\n (...refs: refInterfaceType[]) =>\n (_ref: HTMLElement): void => {\n refs.forEach((ref) => {\n if (!ref || !_ref) return;\n if (typeof ref === 'function') {\n ref(_ref);\n return;\n }\n if (ref) ref.current = _ref;\n });\n };\n"],
|
|
5
|
+
"mappings": "AAAA;ACEO,MAAM,kBACX,IAAI,SACJ,CAAC,SAA4B;AAC3B,OAAK,QAAQ,CAAC,QAAQ;AACpB,QAAI,CAAC,OAAO,CAAC;AAAM;AACnB,QAAI,OAAO,QAAQ,YAAY;AAC7B,UAAI;AACJ;AAAA;AAEF,QAAI;AAAK,UAAI,UAAU;AAAA;AAAA;",
|
|
6
|
+
"names": []
|
|
7
|
+
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@elliemae/ds-pills",
|
|
3
|
-
"version": "2.
|
|
3
|
+
"version": "2.3.0-alpha.3",
|
|
4
4
|
"license": "MIT",
|
|
5
5
|
"description": "ICE MT - Dimsum - Pills",
|
|
6
6
|
"module": "./esm/index.js",
|
|
@@ -144,20 +144,20 @@
|
|
|
144
144
|
"build": "node ../../scripts/build/build.js"
|
|
145
145
|
},
|
|
146
146
|
"dependencies": {
|
|
147
|
-
"@elliemae/ds-button": "2.
|
|
148
|
-
"@elliemae/ds-classnames": "2.
|
|
149
|
-
"@elliemae/ds-dropdownmenu": "2.
|
|
150
|
-
"@elliemae/ds-form": "2.
|
|
151
|
-
"@elliemae/ds-grid": "2.
|
|
152
|
-
"@elliemae/ds-icons": "2.
|
|
153
|
-
"@elliemae/ds-modal": "2.
|
|
154
|
-
"@elliemae/ds-popover": "2.
|
|
155
|
-
"@elliemae/ds-props-helpers": "2.
|
|
156
|
-
"@elliemae/ds-shared": "2.
|
|
157
|
-
"@elliemae/ds-system": "2.
|
|
158
|
-
"@elliemae/ds-tooltip": "2.
|
|
159
|
-
"@elliemae/ds-truncated-tooltip-text": "2.
|
|
160
|
-
"@elliemae/ds-utilities": "2.
|
|
147
|
+
"@elliemae/ds-button": "2.3.0-alpha.3",
|
|
148
|
+
"@elliemae/ds-classnames": "2.3.0-alpha.3",
|
|
149
|
+
"@elliemae/ds-dropdownmenu": "2.3.0-alpha.3",
|
|
150
|
+
"@elliemae/ds-form": "2.3.0-alpha.3",
|
|
151
|
+
"@elliemae/ds-grid": "2.3.0-alpha.3",
|
|
152
|
+
"@elliemae/ds-icons": "2.3.0-alpha.3",
|
|
153
|
+
"@elliemae/ds-modal": "2.3.0-alpha.3",
|
|
154
|
+
"@elliemae/ds-popover": "2.3.0-alpha.3",
|
|
155
|
+
"@elliemae/ds-props-helpers": "2.3.0-alpha.3",
|
|
156
|
+
"@elliemae/ds-shared": "2.3.0-alpha.3",
|
|
157
|
+
"@elliemae/ds-system": "2.3.0-alpha.3",
|
|
158
|
+
"@elliemae/ds-tooltip": "2.3.0-alpha.3",
|
|
159
|
+
"@elliemae/ds-truncated-tooltip-text": "2.3.0-alpha.3",
|
|
160
|
+
"@elliemae/ds-utilities": "2.3.0-alpha.3",
|
|
161
161
|
"prop-types": "~15.7.2",
|
|
162
162
|
"react-desc": "~4.1.3",
|
|
163
163
|
"uid": "~2.0.0"
|
|
@@ -77,6 +77,6 @@ declare namespace LabeledDropdownPills {
|
|
|
77
77
|
declare const DSLabeledDropdownPillsWithSchema: {
|
|
78
78
|
(props?: unknown): JSX.Element;
|
|
79
79
|
propTypes: unknown;
|
|
80
|
-
toTypescript: () => import("react-desc").TypescriptSchema;
|
|
80
|
+
toTypescript: () => import("react-desc").TypescriptSchema; /** fixed pill */
|
|
81
81
|
};
|
|
82
82
|
export { LabeledDropdownPills, DSLabeledDropdownPillsWithSchema };
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
|
|
2
|
+
declare function LabeledDropdownCascadeMenuPill({ label, options, value: optionValue, onChange, onRemove, value: selection, placeholder, onFocusNextGroup, onFocusPreviousGroup, onFocusGroupSet, maxWidth, minWidth, ...menuProps }: {
|
|
3
3
|
[x: string]: any;
|
|
4
4
|
label: any;
|
|
5
5
|
options: any;
|
|
@@ -13,3 +13,5 @@ export default function LabeledDropdownCascadeMenuPill({ label, options, value:
|
|
|
13
13
|
maxWidth: any;
|
|
14
14
|
minWidth: any;
|
|
15
15
|
}): JSX.Element;
|
|
16
|
+
export { LabeledDropdownCascadeMenuPill };
|
|
17
|
+
export default LabeledDropdownCascadeMenuPill;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
|
|
2
|
+
declare function LabeledDropdownMultiPills({ label, options, value, onSelect, onRemove, onChange, // if this is defined, then it's calculating the next result onSelect or onRemove
|
|
3
3
|
maxWidth, minWidth, ...menuProps }: {
|
|
4
4
|
[x: string]: any;
|
|
5
5
|
label: any;
|
|
@@ -11,3 +11,5 @@ maxWidth, minWidth, ...menuProps }: {
|
|
|
11
11
|
maxWidth: any;
|
|
12
12
|
minWidth: any;
|
|
13
13
|
}): JSX.Element;
|
|
14
|
+
export { LabeledDropdownMultiPills };
|
|
15
|
+
export default LabeledDropdownMultiPills;
|