@elliemae/ds-pills 2.3.0-alpha.9 → 2.3.0-next.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 +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/{dist/types → types}/components/Pill.d.ts +0 -0
- package/{dist/types → types}/components/PillButton.d.ts +0 -0
- package/{dist/types → types}/components/PillGroup.d.ts +0 -0
- package/{dist/types → types}/components/index.d.ts +0 -0
- package/{dist/types → types}/components/styled.d.ts +8 -8
- package/{dist/types → types}/components/types/DropdownPill.d.ts +0 -0
- package/{dist/types → types}/components/types/InputPill.d.ts +0 -0
- package/{dist/types → types}/components/types/LabelPill.d.ts +0 -0
- package/{dist/types → types}/components/types/ReadOnlyPill.d.ts +0 -0
- package/{dist/types → types}/components/types/RemovablePill.d.ts +0 -0
- package/{dist/types → types}/components/types/ValuePill.d.ts +0 -0
- package/{dist/types → types}/components/types/index.d.ts +0 -0
- package/{dist/types → types}/deprecated/DropdownPill.d.ts +0 -0
- package/{dist/types → types}/deprecated/InputPill.d.ts +0 -0
- package/{dist/types → types}/deprecated/LabeledDropdownPills.d.ts +1 -1
- package/{dist/types → types}/deprecated/LabeledDropdownPillsTypes/LabeledDropdownCascadeMenuPill.d.ts +1 -3
- package/{dist/types → types}/deprecated/LabeledDropdownPillsTypes/LabeledDropdownMultiPill.d.ts +1 -3
- package/{dist/types → types}/deprecated/LabeledDropdownPillsTypes/LabeledDropdownSinglePill.d.ts +0 -1
- package/{dist/types → types}/deprecated/LabeledDropdownPillsTypes/utils.d.ts +0 -0
- package/{dist/types → types}/deprecated/LabeledPills.d.ts +0 -0
- package/{dist/types → types}/deprecated/OverflowPill.d.ts +0 -0
- package/{dist/types → types}/deprecated/Pill.d.ts +0 -0
- package/{dist/types → types}/deprecated/PillGroup.d.ts +0 -0
- package/{dist/types → types}/deprecated/ReadOnlyPill.d.ts +0 -0
- package/{dist/types → types}/deprecated/RemovablePill.d.ts +0 -0
- package/{dist/types → types}/deprecated/index.d.ts +0 -0
- package/{dist/types → types}/index.d.ts +0 -0
- package/{dist/types → types}/props.d.ts +0 -0
- package/{dist/types → types}/tests/DSPill.test.d.ts +0 -0
- package/{dist/types → types}/tests/DSPillGroup.test.d.ts +0 -0
- package/{dist/types → types}/tests/events/DSPill.events.keyboard.test.d.ts +0 -0
- package/{dist/types → types}/tests/events/DSPill.events.test.d.ts +0 -0
- package/{dist/types → types}/tests/events/DSPillGroup.events.keyboard.test.d.ts +0 -0
- package/{dist/types → types}/tests/events/DSPillGroup.events.test.d.ts +0 -0
- package/{dist/types → types}/utils.d.ts +0 -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
|
@@ -1,55 +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 ReadOnlyPill_exports = {};
|
|
29
|
-
__export(ReadOnlyPill_exports, {
|
|
30
|
-
ReadOnlyPill: () => ReadOnlyPill
|
|
31
|
-
});
|
|
32
|
-
var React = __toESM(require("react"));
|
|
33
|
-
var import_react = __toESM(require("react"));
|
|
34
|
-
var import_ds_truncated_tooltip_text = require("@elliemae/ds-truncated-tooltip-text");
|
|
35
|
-
var import_styled = require("../styled");
|
|
36
|
-
const ReadOnlyPill = import_react.default.memo(({ label, size, labelTruncated, iconLeft, iconRight, ariaLabel }) => {
|
|
37
|
-
const hasIconLeft = iconLeft !== null || iconRight !== null && label === "";
|
|
38
|
-
const hasIconRight = iconRight !== null || iconLeft !== null && label === "";
|
|
39
|
-
const TextComponent = labelTruncated ? ({ children }) => /* @__PURE__ */ import_react.default.createElement(import_ds_truncated_tooltip_text.SimpleTruncatedTooltipText, {
|
|
40
|
-
value: children
|
|
41
|
-
}) : import_react.default.Fragment;
|
|
42
|
-
return /* @__PURE__ */ import_react.default.createElement(import_styled.StyledReadonlyPillWrapper, {
|
|
43
|
-
size,
|
|
44
|
-
alignItems: "center",
|
|
45
|
-
className: "ds-pill-wrapper ds-pill-wrapper-readonly",
|
|
46
|
-
"data-testid": "ds-pill-wrapper",
|
|
47
|
-
"aria-label": ariaLabel || label,
|
|
48
|
-
cols: [iconLeft && "min-content", label && "auto", iconRight && "min-content"].filter((notFalse) => notFalse),
|
|
49
|
-
gutter: "xxxs",
|
|
50
|
-
hasIconRight,
|
|
51
|
-
hasIconLeft
|
|
52
|
-
}, iconLeft, label ? /* @__PURE__ */ import_react.default.createElement(TextComponent, null, label) : null, iconRight);
|
|
53
|
-
});
|
|
54
|
-
module.exports = __toCommonJS(ReadOnlyPill_exports);
|
|
55
|
-
//# sourceMappingURL=ReadOnlyPill.js.map
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../../../src/components/types/ReadOnlyPill.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
|
|
4
|
-
"sourcesContent": ["/* eslint-disable complexity */\n/* eslint-disable react/prop-types */\nimport React from 'react';\nimport { SimpleTruncatedTooltipText } from '@elliemae/ds-truncated-tooltip-text';\nimport type { DSPillProps } from '../../index.d';\nimport { StyledReadonlyPillWrapper } from '../styled';\n\nexport const ReadOnlyPill = React.memo<DSPillProps>(\n ({ label, size, labelTruncated, iconLeft, iconRight, ariaLabel }) => {\n const hasIconLeft = iconLeft !== null || (iconRight !== null && label === '');\n const hasIconRight = iconRight !== null || (iconLeft !== null && label === '');\n\n const TextComponent = labelTruncated\n ? ({ children }) => <SimpleTruncatedTooltipText value={children} />\n : React.Fragment;\n\n return (\n <StyledReadonlyPillWrapper\n size={size}\n alignItems=\"center\"\n className=\"ds-pill-wrapper ds-pill-wrapper-readonly\"\n data-testid=\"ds-pill-wrapper\"\n aria-label={ariaLabel || label}\n cols={[iconLeft && 'min-content', label && 'auto', iconRight && 'min-content'].filter((notFalse) => notFalse)}\n gutter=\"xxxs\"\n hasIconRight={hasIconRight}\n hasIconLeft={hasIconLeft}\n >\n {iconLeft}\n {label ? <TextComponent>{label}</TextComponent> : null}\n {iconRight}\n </StyledReadonlyPillWrapper>\n );\n },\n);\n", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADEvB,mBAAkB;AAClB,uCAA2C;AAE3C,oBAA0C;AAEnC,MAAM,eAAe,qBAAM,KAChC,CAAC,EAAE,OAAO,MAAM,gBAAgB,UAAU,WAAW,gBAAgB;AACnE,QAAM,cAAc,aAAa,QAAS,cAAc,QAAQ,UAAU;AAC1E,QAAM,eAAe,cAAc,QAAS,aAAa,QAAQ,UAAU;AAE3E,QAAM,gBAAgB,iBAClB,CAAC,EAAE,eAAe,mDAAC,6DAAD;AAAA,IAA4B,OAAO;AAAA,OACrD,qBAAM;AAEV,SACE,mDAAC,yCAAD;AAAA,IACE;AAAA,IACA,YAAW;AAAA,IACX,WAAU;AAAA,IACV,eAAY;AAAA,IACZ,cAAY,aAAa;AAAA,IACzB,MAAM,CAAC,YAAY,eAAe,SAAS,QAAQ,aAAa,eAAe,OAAO,CAAC,aAAa;AAAA,IACpG,QAAO;AAAA,IACP;AAAA,IACA;AAAA,KAEC,UACA,QAAQ,mDAAC,eAAD,MAAgB,SAAyB,MACjD;AAAA;",
|
|
6
|
-
"names": []
|
|
7
|
-
}
|
|
@@ -1,79 +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 RemovablePill_exports = {};
|
|
29
|
-
__export(RemovablePill_exports, {
|
|
30
|
-
RemovablePill: () => RemovablePill
|
|
31
|
-
});
|
|
32
|
-
var React = __toESM(require("react"));
|
|
33
|
-
var import_react = __toESM(require("react"));
|
|
34
|
-
var import_uid = require("uid");
|
|
35
|
-
var import_ds_icons = require("@elliemae/ds-icons");
|
|
36
|
-
var import_ds_truncated_tooltip_text = require("@elliemae/ds-truncated-tooltip-text");
|
|
37
|
-
var import_styled = require("../styled");
|
|
38
|
-
var import_PillGroup = require("../PillGroup");
|
|
39
|
-
var import_PillButton = require("../PillButton");
|
|
40
|
-
const RemovablePill = import_react.default.memo(({ label, size, labelTruncated, onRemove, innerRef, ariaLabel }) => {
|
|
41
|
-
const { onKeyboardRemove } = (0, import_react.useContext)(import_PillGroup.DSPillGroupV2Context);
|
|
42
|
-
const pillUid = (0, import_react.useMemo)(() => `ds-pill-${(0, import_uid.uid)()}`, []);
|
|
43
|
-
const TextComponent = labelTruncated ? ({ children }) => /* @__PURE__ */ import_react.default.createElement(import_ds_truncated_tooltip_text.SimpleTruncatedTooltipText, {
|
|
44
|
-
value: children
|
|
45
|
-
}) : import_react.default.Fragment;
|
|
46
|
-
const onKeyDown = (0, import_react.useCallback)((e) => {
|
|
47
|
-
if (["Enter", "Space"].includes(e.code)) {
|
|
48
|
-
e.preventDefault();
|
|
49
|
-
if (onKeyboardRemove)
|
|
50
|
-
onKeyboardRemove(pillUid);
|
|
51
|
-
onRemove(e);
|
|
52
|
-
}
|
|
53
|
-
}, [onKeyboardRemove, onRemove, pillUid]);
|
|
54
|
-
return /* @__PURE__ */ import_react.default.createElement(import_styled.StyledRemovablePillWrapper, {
|
|
55
|
-
size,
|
|
56
|
-
cols: ["auto", "24px"],
|
|
57
|
-
gutter: "2px",
|
|
58
|
-
alignItems: "center",
|
|
59
|
-
justifyItems: "center",
|
|
60
|
-
className: "ds-pill-wrapper ds-pill-wrapper-removable",
|
|
61
|
-
"data-testid": "ds-pill-wrapper",
|
|
62
|
-
"aria-label": ariaLabel || label
|
|
63
|
-
}, /* @__PURE__ */ import_react.default.createElement(TextComponent, null, label), /* @__PURE__ */ import_react.default.createElement(import_PillButton.DSPillButton, {
|
|
64
|
-
className: "ds-pill-focus-point",
|
|
65
|
-
id: pillUid,
|
|
66
|
-
"data-testid": "ds-pill-close-icon",
|
|
67
|
-
innerRef,
|
|
68
|
-
onClick: onRemove,
|
|
69
|
-
onKeyDown,
|
|
70
|
-
"aria-label": `Remove ${label}`,
|
|
71
|
-
type: "right"
|
|
72
|
-
}, /* @__PURE__ */ import_react.default.createElement(import_ds_icons.CloseXsmall, {
|
|
73
|
-
width: 22.65,
|
|
74
|
-
height: 22.65,
|
|
75
|
-
color: ["brand-primary", "700"]
|
|
76
|
-
})));
|
|
77
|
-
});
|
|
78
|
-
module.exports = __toCommonJS(RemovablePill_exports);
|
|
79
|
-
//# sourceMappingURL=RemovablePill.js.map
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../../../src/components/types/RemovablePill.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
|
|
4
|
-
"sourcesContent": ["/* eslint-disable react/prop-types */\nimport React, { useCallback, useContext, useMemo } from 'react';\nimport { uid } from 'uid';\nimport { CloseXsmall } from '@elliemae/ds-icons';\nimport { SimpleTruncatedTooltipText } from '@elliemae/ds-truncated-tooltip-text';\nimport type { DSPillProps } from '../../index.d';\nimport { StyledRemovablePillWrapper } from '../styled';\nimport { DSPillGroupV2Context } from '../PillGroup';\nimport { DSPillButton } from '../PillButton';\n\nexport const RemovablePill = React.memo<DSPillProps>(\n ({ label, size, labelTruncated, onRemove, innerRef, ariaLabel }) => {\n const { onKeyboardRemove } = useContext(DSPillGroupV2Context);\n const pillUid = useMemo(() => `ds-pill-${uid()}`, []);\n\n const TextComponent = labelTruncated\n ? ({ children }) => <SimpleTruncatedTooltipText value={children} />\n : React.Fragment;\n\n const onKeyDown: React.MouseEventHandler & React.KeyboardEventHandler = useCallback(\n (e) => {\n if (['Enter', 'Space'].includes(e.code)) {\n e.preventDefault();\n if (onKeyboardRemove) onKeyboardRemove(pillUid);\n onRemove(e);\n }\n },\n [onKeyboardRemove, onRemove, pillUid],\n );\n\n return (\n <StyledRemovablePillWrapper\n size={size}\n cols={['auto', '24px']}\n gutter=\"2px\"\n alignItems=\"center\"\n justifyItems=\"center\"\n className=\"ds-pill-wrapper ds-pill-wrapper-removable\"\n data-testid=\"ds-pill-wrapper\"\n aria-label={ariaLabel || label}\n >\n <TextComponent>{label}</TextComponent>\n <DSPillButton\n className=\"ds-pill-focus-point\"\n id={pillUid}\n data-testid=\"ds-pill-close-icon\"\n innerRef={innerRef}\n onClick={onRemove}\n onKeyDown={onKeyDown}\n aria-label={`Remove ${label}`}\n type=\"right\"\n >\n <CloseXsmall width={22.65} height={22.65} color={['brand-primary', '700']} />\n </DSPillButton>\n </StyledRemovablePillWrapper>\n );\n },\n);\n", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADCvB,mBAAwD;AACxD,iBAAoB;AACpB,sBAA4B;AAC5B,uCAA2C;AAE3C,oBAA2C;AAC3C,uBAAqC;AACrC,wBAA6B;AAEtB,MAAM,gBAAgB,qBAAM,KACjC,CAAC,EAAE,OAAO,MAAM,gBAAgB,UAAU,UAAU,gBAAgB;AAClE,QAAM,EAAE,qBAAqB,6BAAW;AACxC,QAAM,UAAU,0BAAQ,MAAM,WAAW,yBAAS;AAElD,QAAM,gBAAgB,iBAClB,CAAC,EAAE,eAAe,mDAAC,6DAAD;AAAA,IAA4B,OAAO;AAAA,OACrD,qBAAM;AAEV,QAAM,YAAkE,8BACtE,CAAC,MAAM;AACL,QAAI,CAAC,SAAS,SAAS,SAAS,EAAE,OAAO;AACvC,QAAE;AACF,UAAI;AAAkB,yBAAiB;AACvC,eAAS;AAAA;AAAA,KAGb,CAAC,kBAAkB,UAAU;AAG/B,SACE,mDAAC,0CAAD;AAAA,IACE;AAAA,IACA,MAAM,CAAC,QAAQ;AAAA,IACf,QAAO;AAAA,IACP,YAAW;AAAA,IACX,cAAa;AAAA,IACb,WAAU;AAAA,IACV,eAAY;AAAA,IACZ,cAAY,aAAa;AAAA,KAEzB,mDAAC,eAAD,MAAgB,QAChB,mDAAC,gCAAD;AAAA,IACE,WAAU;AAAA,IACV,IAAI;AAAA,IACJ,eAAY;AAAA,IACZ;AAAA,IACA,SAAS;AAAA,IACT;AAAA,IACA,cAAY,UAAU;AAAA,IACtB,MAAK;AAAA,KAEL,mDAAC,6BAAD;AAAA,IAAa,OAAO;AAAA,IAAO,QAAQ;AAAA,IAAO,OAAO,CAAC,iBAAiB;AAAA;AAAA;",
|
|
6
|
-
"names": []
|
|
7
|
-
}
|
|
@@ -1,59 +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 ValuePill_exports = {};
|
|
29
|
-
__export(ValuePill_exports, {
|
|
30
|
-
ValuePill: () => ValuePill
|
|
31
|
-
});
|
|
32
|
-
var React = __toESM(require("react"));
|
|
33
|
-
var import_react = __toESM(require("react"));
|
|
34
|
-
var import_ds_tooltip = require("@elliemae/ds-tooltip");
|
|
35
|
-
var import_ds_truncated_tooltip_text = require("@elliemae/ds-truncated-tooltip-text");
|
|
36
|
-
var import_styled = require("../styled");
|
|
37
|
-
const ValuePill = import_react.default.memo(({ label, size, labelTruncated, tooltipValue, iconLeft, ariaLabel }) => {
|
|
38
|
-
const TextComponent = labelTruncated ? ({ children }) => /* @__PURE__ */ import_react.default.createElement(import_ds_truncated_tooltip_text.SimpleTruncatedTooltipText, {
|
|
39
|
-
value: children
|
|
40
|
-
}) : import_react.default.Fragment;
|
|
41
|
-
return /* @__PURE__ */ import_react.default.createElement(import_styled.StyledValuePillWrapper, {
|
|
42
|
-
size,
|
|
43
|
-
alignItems: "center",
|
|
44
|
-
className: "ds-pill-wrapper ds-pill-wrapper-value",
|
|
45
|
-
"data-testid": "ds-pill-wrapper",
|
|
46
|
-
"aria-label": ariaLabel || label,
|
|
47
|
-
cols: [iconLeft && "min-content", "auto"].filter((notFalse) => notFalse),
|
|
48
|
-
gutter: "xxxs",
|
|
49
|
-
hasIcon: iconLeft !== null
|
|
50
|
-
}, iconLeft, tooltipValue !== "" ? /* @__PURE__ */ import_react.default.createElement(import_ds_tooltip.DSTooltipV2, {
|
|
51
|
-
title: tooltipValue,
|
|
52
|
-
triggerComponent: /* @__PURE__ */ import_react.default.createElement(import_styled.StyledSpanWithTooltip, {
|
|
53
|
-
className: "ds-pill-tooltip-value",
|
|
54
|
-
tabIndex: 0
|
|
55
|
-
}, label)
|
|
56
|
-
}) : /* @__PURE__ */ import_react.default.createElement(TextComponent, null, label));
|
|
57
|
-
});
|
|
58
|
-
module.exports = __toCommonJS(ValuePill_exports);
|
|
59
|
-
//# sourceMappingURL=ValuePill.js.map
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../../../src/components/types/ValuePill.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
|
|
4
|
-
"sourcesContent": ["/* eslint-disable react/prop-types */\nimport React from 'react';\nimport { DSTooltipV2 } from '@elliemae/ds-tooltip';\nimport { SimpleTruncatedTooltipText } from '@elliemae/ds-truncated-tooltip-text';\nimport type { DSPillProps } from '../../index.d';\nimport { StyledSpanWithTooltip, StyledValuePillWrapper } from '../styled';\n\nexport const ValuePill = React.memo<DSPillProps>(\n ({ label, size, labelTruncated, tooltipValue, iconLeft, ariaLabel }) => {\n const TextComponent = labelTruncated\n ? ({ children }) => <SimpleTruncatedTooltipText value={children} />\n : React.Fragment;\n\n return (\n <StyledValuePillWrapper\n size={size}\n alignItems=\"center\"\n className=\"ds-pill-wrapper ds-pill-wrapper-value\"\n data-testid=\"ds-pill-wrapper\"\n aria-label={ariaLabel || label}\n cols={[iconLeft && 'min-content', 'auto'].filter((notFalse) => notFalse)}\n gutter=\"xxxs\"\n hasIcon={iconLeft !== null}\n >\n {iconLeft}\n {tooltipValue !== '' ? (\n <DSTooltipV2\n title={tooltipValue}\n triggerComponent={\n <StyledSpanWithTooltip className=\"ds-pill-tooltip-value\" tabIndex={0}>\n {label}\n </StyledSpanWithTooltip>\n }\n />\n ) : (\n <TextComponent>{label}</TextComponent>\n )}\n </StyledValuePillWrapper>\n );\n },\n);\n", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADCvB,mBAAkB;AAClB,wBAA4B;AAC5B,uCAA2C;AAE3C,oBAA8D;AAEvD,MAAM,YAAY,qBAAM,KAC7B,CAAC,EAAE,OAAO,MAAM,gBAAgB,cAAc,UAAU,gBAAgB;AACtE,QAAM,gBAAgB,iBAClB,CAAC,EAAE,eAAe,mDAAC,6DAAD;AAAA,IAA4B,OAAO;AAAA,OACrD,qBAAM;AAEV,SACE,mDAAC,sCAAD;AAAA,IACE;AAAA,IACA,YAAW;AAAA,IACX,WAAU;AAAA,IACV,eAAY;AAAA,IACZ,cAAY,aAAa;AAAA,IACzB,MAAM,CAAC,YAAY,eAAe,QAAQ,OAAO,CAAC,aAAa;AAAA,IAC/D,QAAO;AAAA,IACP,SAAS,aAAa;AAAA,KAErB,UACA,iBAAiB,KAChB,mDAAC,+BAAD;AAAA,IACE,OAAO;AAAA,IACP,kBACE,mDAAC,qCAAD;AAAA,MAAuB,WAAU;AAAA,MAAwB,UAAU;AAAA,OAChE;AAAA,OAKP,mDAAC,eAAD,MAAgB;AAAA;",
|
|
6
|
-
"names": []
|
|
7
|
-
}
|
|
@@ -1,33 +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 __reExport = (target, module2, copyDefault, desc) => {
|
|
9
|
-
if (module2 && typeof module2 === "object" || typeof module2 === "function") {
|
|
10
|
-
for (let key of __getOwnPropNames(module2))
|
|
11
|
-
if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
|
|
12
|
-
__defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
|
|
13
|
-
}
|
|
14
|
-
return target;
|
|
15
|
-
};
|
|
16
|
-
var __toESM = (module2, isNodeMode) => {
|
|
17
|
-
return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
|
|
18
|
-
};
|
|
19
|
-
var __toCommonJS = /* @__PURE__ */ ((cache) => {
|
|
20
|
-
return (module2, temp) => {
|
|
21
|
-
return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
|
|
22
|
-
};
|
|
23
|
-
})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
|
|
24
|
-
var types_exports = {};
|
|
25
|
-
var React = __toESM(require("react"));
|
|
26
|
-
__reExport(types_exports, require("./DropdownPill"));
|
|
27
|
-
__reExport(types_exports, require("./InputPill"));
|
|
28
|
-
__reExport(types_exports, require("./LabelPill"));
|
|
29
|
-
__reExport(types_exports, require("./ReadOnlyPill"));
|
|
30
|
-
__reExport(types_exports, require("./RemovablePill"));
|
|
31
|
-
__reExport(types_exports, require("./ValuePill"));
|
|
32
|
-
module.exports = __toCommonJS(types_exports);
|
|
33
|
-
//# sourceMappingURL=index.js.map
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../../../src/components/types/index.ts", "../../../../../../scripts/build/transpile/react-shim.js"],
|
|
4
|
-
"sourcesContent": ["export * from './DropdownPill';\nexport * from './InputPill';\nexport * from './LabelPill';\nexport * from './ReadOnlyPill';\nexport * from './RemovablePill';\nexport * from './ValuePill';\n", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;AAAA;ACAA,YAAuB;ADAvB,0BAAc;AACd,0BAAc;AACd,0BAAc;AACd,0BAAc;AACd,0BAAc;AACd,0BAAc;",
|
|
6
|
-
"names": []
|
|
7
|
-
}
|
|
@@ -1,92 +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 DropdownPill_exports = {};
|
|
29
|
-
__export(DropdownPill_exports, {
|
|
30
|
-
DSDropdownPillWithSchema: () => DSDropdownPillWithSchema,
|
|
31
|
-
DropdownPill: () => DropdownPill
|
|
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_dropdownmenu = require("@elliemae/ds-dropdownmenu");
|
|
37
|
-
var import_ds_icons = require("@elliemae/ds-icons");
|
|
38
|
-
var import_useFocusGroupItem = require("@elliemae/ds-shared/FocusGroup/useFocusGroupItem");
|
|
39
|
-
var import_Pill = require("./Pill");
|
|
40
|
-
function DropdownPill({
|
|
41
|
-
containerProps = {},
|
|
42
|
-
label = "",
|
|
43
|
-
variant,
|
|
44
|
-
tabIndex = -1,
|
|
45
|
-
closeMenuOnItemSelection = false,
|
|
46
|
-
maxWidth,
|
|
47
|
-
minWidth,
|
|
48
|
-
...dropdownProps
|
|
49
|
-
}) {
|
|
50
|
-
const ref = (0, import_react.useRef)(null);
|
|
51
|
-
const [chevronEl, chevronRef] = (0, import_react.useState)();
|
|
52
|
-
const { focusFirst } = (0, import_useFocusGroupItem.useFocusGroupItem)(ref);
|
|
53
|
-
return /* @__PURE__ */ import_react.default.createElement(import_ds_dropdownmenu.DSDropdownMenu, {
|
|
54
|
-
...dropdownProps,
|
|
55
|
-
closeMenuOnItemSelection,
|
|
56
|
-
maxWidth,
|
|
57
|
-
hideIfNotVisible: true,
|
|
58
|
-
menuProps: { className: "dropdown-pill-menu", zIndex: 100 },
|
|
59
|
-
minWidth,
|
|
60
|
-
onClose: focusFirst,
|
|
61
|
-
referenceNode: chevronEl,
|
|
62
|
-
triggerComponent: /* @__PURE__ */ import_react.default.createElement(import_Pill.Pill, {
|
|
63
|
-
"data-testid": "dropdown-pill",
|
|
64
|
-
className: "dropdown-pill",
|
|
65
|
-
containerProps: { role: "listbox", ...containerProps },
|
|
66
|
-
innerRef: ref,
|
|
67
|
-
label,
|
|
68
|
-
rightAddon: /* @__PURE__ */ import_react.default.createElement("div", {
|
|
69
|
-
ref: chevronRef
|
|
70
|
-
}, /* @__PURE__ */ import_react.default.createElement(import_ds_icons.ChevronDown, {
|
|
71
|
-
className: "dropdown-pill-chevron-down",
|
|
72
|
-
"data-testid": "dropdown-pill-button"
|
|
73
|
-
})),
|
|
74
|
-
tabIndex,
|
|
75
|
-
variant
|
|
76
|
-
})
|
|
77
|
-
});
|
|
78
|
-
}
|
|
79
|
-
const props = {
|
|
80
|
-
containerProps: import_react_desc.PropTypes.object.description("props injected to component wrapper"),
|
|
81
|
-
label: import_react_desc.PropTypes.string.isRequired.description("pill text label"),
|
|
82
|
-
variant: import_react_desc.PropTypes.oneOf(["value", "title"]).description("pill variant"),
|
|
83
|
-
tabIndex: import_react_desc.PropTypes.number.description("html focus order"),
|
|
84
|
-
closeMenuOnItemSelection: import_react_desc.PropTypes.bool.description("close menu on item selection"),
|
|
85
|
-
maxWidth: import_react_desc.PropTypes.oneOfType([import_react_desc.PropTypes.string, import_react_desc.PropTypes.number]).description("pill max width"),
|
|
86
|
-
minWidth: import_react_desc.PropTypes.oneOfType([import_react_desc.PropTypes.string, import_react_desc.PropTypes.number]).description("pill min width")
|
|
87
|
-
};
|
|
88
|
-
DropdownPill.propTypes = props;
|
|
89
|
-
const DSDropdownPillWithSchema = (0, import_react_desc.describe)(DropdownPill);
|
|
90
|
-
DSDropdownPillWithSchema.propTypes = props;
|
|
91
|
-
module.exports = __toCommonJS(DropdownPill_exports);
|
|
92
|
-
//# sourceMappingURL=DropdownPill.js.map
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../../src/deprecated/DropdownPill.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
|
|
4
|
-
"sourcesContent": ["import React, { useRef, useState } from 'react';\nimport { PropTypes, describe } from 'react-desc';\nimport { DSDropdownMenu } from '@elliemae/ds-dropdownmenu';\nimport { ChevronDown } from '@elliemae/ds-icons';\nimport { useFocusGroupItem } from '@elliemae/ds-shared/FocusGroup/useFocusGroupItem';\nimport { Pill } from './Pill';\n\nfunction DropdownPill({\n containerProps = {},\n label = '',\n variant,\n tabIndex = -1,\n closeMenuOnItemSelection = false,\n maxWidth,\n minWidth,\n ...dropdownProps\n}) {\n const ref = useRef(null);\n const [chevronEl, chevronRef] = useState();\n const { focusFirst } = useFocusGroupItem(ref);\n return (\n <DSDropdownMenu\n {...dropdownProps}\n closeMenuOnItemSelection={closeMenuOnItemSelection}\n maxWidth={maxWidth}\n hideIfNotVisible\n menuProps={{ className: 'dropdown-pill-menu', zIndex: 100 }}\n minWidth={minWidth}\n onClose={focusFirst}\n referenceNode={chevronEl}\n triggerComponent={\n <Pill\n data-testid=\"dropdown-pill\"\n className=\"dropdown-pill\"\n containerProps={{ role: 'listbox', ...containerProps }}\n innerRef={ref}\n label={label}\n rightAddon={\n <div ref={chevronRef}>\n <ChevronDown className=\"dropdown-pill-chevron-down\" data-testid=\"dropdown-pill-button\" />\n </div>\n }\n tabIndex={tabIndex}\n variant={variant}\n />\n }\n />\n );\n}\n\nconst props = {\n /** props injected to component wrapper */\n containerProps: PropTypes.object.description('props injected to component wrapper'),\n /** labeled pill text label */\n label: PropTypes.string.isRequired.description('pill text label'),\n /** pill variant */\n variant: PropTypes.oneOf(['value', 'title']).description('pill variant'),\n /** html focus border */\n tabIndex: PropTypes.number.description('html focus order'),\n /** close menu on item selection */\n closeMenuOnItemSelection: PropTypes.bool.description('close menu on item selection'),\n /** pill max width */\n maxWidth: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).description('pill max width'),\n /** pill min width */\n minWidth: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).description('pill min width'),\n};\n\nDropdownPill.propTypes = props;\nconst DSDropdownPillWithSchema = describe(DropdownPill);\nDSDropdownPillWithSchema.propTypes = props;\n\nexport { DropdownPill, DSDropdownPillWithSchema };\n", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAwC;AACxC,wBAAoC;AACpC,6BAA+B;AAC/B,sBAA4B;AAC5B,+BAAkC;AAClC,kBAAqB;AAErB,sBAAsB;AAAA,EACpB,iBAAiB;AAAA,EACjB,QAAQ;AAAA,EACR;AAAA,EACA,WAAW;AAAA,EACX,2BAA2B;AAAA,EAC3B;AAAA,EACA;AAAA,KACG;AAAA,GACF;AACD,QAAM,MAAM,yBAAO;AACnB,QAAM,CAAC,WAAW,cAAc;AAChC,QAAM,EAAE,eAAe,gDAAkB;AACzC,SACE,mDAAC,uCAAD;AAAA,OACM;AAAA,IACJ;AAAA,IACA;AAAA,IACA,kBAAgB;AAAA,IAChB,WAAW,EAAE,WAAW,sBAAsB,QAAQ;AAAA,IACtD;AAAA,IACA,SAAS;AAAA,IACT,eAAe;AAAA,IACf,kBACE,mDAAC,kBAAD;AAAA,MACE,eAAY;AAAA,MACZ,WAAU;AAAA,MACV,gBAAgB,EAAE,MAAM,cAAc;AAAA,MACtC,UAAU;AAAA,MACV;AAAA,MACA,YACE,mDAAC,OAAD;AAAA,QAAK,KAAK;AAAA,SACR,mDAAC,6BAAD;AAAA,QAAa,WAAU;AAAA,QAA6B,eAAY;AAAA;AAAA,MAGpE;AAAA,MACA;AAAA;AAAA;AAAA;AAOV,MAAM,QAAQ;AAAA,EAEZ,gBAAgB,4BAAU,OAAO,YAAY;AAAA,EAE7C,OAAO,4BAAU,OAAO,WAAW,YAAY;AAAA,EAE/C,SAAS,4BAAU,MAAM,CAAC,SAAS,UAAU,YAAY;AAAA,EAEzD,UAAU,4BAAU,OAAO,YAAY;AAAA,EAEvC,0BAA0B,4BAAU,KAAK,YAAY;AAAA,EAErD,UAAU,4BAAU,UAAU,CAAC,4BAAU,QAAQ,4BAAU,SAAS,YAAY;AAAA,EAEhF,UAAU,4BAAU,UAAU,CAAC,4BAAU,QAAQ,4BAAU,SAAS,YAAY;AAAA;AAGlF,aAAa,YAAY;AACzB,MAAM,2BAA2B,gCAAS;AAC1C,yBAAyB,YAAY;",
|
|
6
|
-
"names": []
|
|
7
|
-
}
|
|
@@ -1,82 +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 InputPill_exports = {};
|
|
29
|
-
__export(InputPill_exports, {
|
|
30
|
-
InputPill: () => InputPill
|
|
31
|
-
});
|
|
32
|
-
var React = __toESM(require("react"));
|
|
33
|
-
var import_react = __toESM(require("react"));
|
|
34
|
-
var import_ds_icons = require("@elliemae/ds-icons");
|
|
35
|
-
var import_ds_classnames = require("@elliemae/ds-classnames");
|
|
36
|
-
var import_ds_form = require("@elliemae/ds-form");
|
|
37
|
-
var import_Pill = require("./Pill");
|
|
38
|
-
const StyledInputPill = (0, import_ds_classnames.aggregatedClasses)(import_Pill.Pill)("input-pill", null, ({ value }) => ({
|
|
39
|
-
value
|
|
40
|
-
}));
|
|
41
|
-
function InputPill({
|
|
42
|
-
containerProps = {},
|
|
43
|
-
placeholder = "Enter Value",
|
|
44
|
-
onChange = () => {
|
|
45
|
-
},
|
|
46
|
-
onRemove,
|
|
47
|
-
value,
|
|
48
|
-
type,
|
|
49
|
-
...otherProps
|
|
50
|
-
}) {
|
|
51
|
-
let TypeOfInput = import_ds_form.DSInput;
|
|
52
|
-
switch (type) {
|
|
53
|
-
case "inputText":
|
|
54
|
-
TypeOfInput = import_ds_form.DSInput;
|
|
55
|
-
break;
|
|
56
|
-
case "inputMask":
|
|
57
|
-
TypeOfInput = import_ds_form.DSInputMask;
|
|
58
|
-
break;
|
|
59
|
-
default:
|
|
60
|
-
break;
|
|
61
|
-
}
|
|
62
|
-
return /* @__PURE__ */ import_react.default.createElement(StyledInputPill, {
|
|
63
|
-
className: "input-pill",
|
|
64
|
-
classProps: { value },
|
|
65
|
-
containerProps,
|
|
66
|
-
label: /* @__PURE__ */ import_react.default.createElement(TypeOfInput, {
|
|
67
|
-
"data-testid": "input-pill",
|
|
68
|
-
onChange,
|
|
69
|
-
placeholder,
|
|
70
|
-
value,
|
|
71
|
-
...otherProps
|
|
72
|
-
}),
|
|
73
|
-
rightAddon: value && /* @__PURE__ */ import_react.default.createElement(import_ds_icons.CloseXsmall, {
|
|
74
|
-
className: "remove-pill-button",
|
|
75
|
-
"data-testid": "remove-pill-button",
|
|
76
|
-
onClick: onRemove
|
|
77
|
-
}),
|
|
78
|
-
tabIndex: -1
|
|
79
|
-
});
|
|
80
|
-
}
|
|
81
|
-
module.exports = __toCommonJS(InputPill_exports);
|
|
82
|
-
//# sourceMappingURL=InputPill.js.map
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../../src/deprecated/InputPill.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
|
|
4
|
-
"sourcesContent": ["import React from 'react';\nimport { CloseXsmall } from '@elliemae/ds-icons';\nimport { aggregatedClasses } from '@elliemae/ds-classnames';\nimport { DSInput, DSInputMask } from '@elliemae/ds-form';\nimport { Pill } from './Pill';\n\nconst StyledInputPill = aggregatedClasses(Pill)('input-pill', null, ({ value }) => ({\n value,\n}));\n\nexport function InputPill({\n containerProps = {},\n placeholder = 'Enter Value',\n onChange = () => {},\n onRemove,\n value,\n type,\n ...otherProps\n}) {\n let TypeOfInput = DSInput;\n // TODO: implement the DSTimeInput, see how because it returns a moment()\n // TODO: implement the DSDateInput\n switch (type) {\n case 'inputText':\n TypeOfInput = DSInput;\n break;\n case 'inputMask':\n TypeOfInput = DSInputMask;\n break;\n default:\n break;\n }\n\n return (\n <StyledInputPill\n className=\"input-pill\"\n classProps={{ value }}\n containerProps={containerProps}\n label={\n <TypeOfInput\n data-testid=\"input-pill\"\n onChange={onChange}\n placeholder={placeholder}\n value={value}\n {...otherProps}\n />\n }\n rightAddon={\n value && <CloseXsmall className=\"remove-pill-button\" data-testid=\"remove-pill-button\" onClick={onRemove} />\n }\n tabIndex={-1}\n />\n );\n}\n", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkB;AAClB,sBAA4B;AAC5B,2BAAkC;AAClC,qBAAqC;AACrC,kBAAqB;AAErB,MAAM,kBAAkB,4CAAkB,kBAAM,cAAc,MAAM,CAAC,EAAE,YAAa;AAAA,EAClF;AAAA;AAGK,mBAAmB;AAAA,EACxB,iBAAiB;AAAA,EACjB,cAAc;AAAA,EACd,WAAW,MAAM;AAAA;AAAA,EACjB;AAAA,EACA;AAAA,EACA;AAAA,KACG;AAAA,GACF;AACD,MAAI,cAAc;AAGlB,UAAQ;AAAA,SACD;AACH,oBAAc;AACd;AAAA,SACG;AACH,oBAAc;AACd;AAAA;AAEA;AAAA;AAGJ,SACE,mDAAC,iBAAD;AAAA,IACE,WAAU;AAAA,IACV,YAAY,EAAE;AAAA,IACd;AAAA,IACA,OACE,mDAAC,aAAD;AAAA,MACE,eAAY;AAAA,MACZ;AAAA,MACA;AAAA,MACA;AAAA,SACI;AAAA;AAAA,IAGR,YACE,SAAS,mDAAC,6BAAD;AAAA,MAAa,WAAU;AAAA,MAAqB,eAAY;AAAA,MAAqB,SAAS;AAAA;AAAA,IAEjG,UAAU;AAAA;AAAA;",
|
|
6
|
-
"names": []
|
|
7
|
-
}
|
|
@@ -1,102 +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 LabeledDropdownPills_exports = {};
|
|
29
|
-
__export(LabeledDropdownPills_exports, {
|
|
30
|
-
DSLabeledDropdownPillsWithSchema: () => DSLabeledDropdownPillsWithSchema,
|
|
31
|
-
LabeledDropdownPills: () => LabeledDropdownPills
|
|
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_PillGroup = require("./PillGroup");
|
|
37
|
-
var import_LabeledDropdownSinglePill = require("./LabeledDropdownPillsTypes/LabeledDropdownSinglePill");
|
|
38
|
-
var import_LabeledDropdownMultiPill = require("./LabeledDropdownPillsTypes/LabeledDropdownMultiPill");
|
|
39
|
-
var import_LabeledDropdownCascadeMenuPill = require("./LabeledDropdownPillsTypes/LabeledDropdownCascadeMenuPill");
|
|
40
|
-
const DropdownPills = {
|
|
41
|
-
single: import_LabeledDropdownSinglePill.LabeledDropdownSinglePill,
|
|
42
|
-
multi: import_LabeledDropdownMultiPill.LabeledDropdownMultiPills,
|
|
43
|
-
cascaded: import_LabeledDropdownCascadeMenuPill.LabeledDropdownCascadeMenuPill
|
|
44
|
-
};
|
|
45
|
-
const createDropdownPill = (type) => DropdownPills[type] || DropdownPills.single;
|
|
46
|
-
function LabeledDropdownPills({
|
|
47
|
-
label = "",
|
|
48
|
-
value,
|
|
49
|
-
type,
|
|
50
|
-
onFocusNextGroup,
|
|
51
|
-
onFocusPreviousGroup,
|
|
52
|
-
onFocusGroupSet,
|
|
53
|
-
maxWidth,
|
|
54
|
-
minWidth,
|
|
55
|
-
fixed,
|
|
56
|
-
...menuProps
|
|
57
|
-
}) {
|
|
58
|
-
const Component = createDropdownPill(type);
|
|
59
|
-
return /* @__PURE__ */ import_react.default.createElement(import_PillGroup.PillGroup, {
|
|
60
|
-
onFocusGroupSet,
|
|
61
|
-
onFocusNextGroup,
|
|
62
|
-
onFocusPreviousGroup
|
|
63
|
-
}, /* @__PURE__ */ import_react.default.createElement(Component, {
|
|
64
|
-
...menuProps,
|
|
65
|
-
label,
|
|
66
|
-
maxWidth,
|
|
67
|
-
minWidth,
|
|
68
|
-
value,
|
|
69
|
-
fixed
|
|
70
|
-
}));
|
|
71
|
-
}
|
|
72
|
-
const props = {
|
|
73
|
-
type: import_react_desc.PropTypes.oneOf(["single", "multi", "cascaded"]).description("pill type"),
|
|
74
|
-
onFocusNextGroup: import_react_desc.PropTypes.func.description("focus next group callback"),
|
|
75
|
-
onFocusPreviousGroup: import_react_desc.PropTypes.func.description("focus prev group callback"),
|
|
76
|
-
onFocusGroupSet: import_react_desc.PropTypes.func.description("focus group set callback"),
|
|
77
|
-
maxWidth: import_react_desc.PropTypes.oneOfType([
|
|
78
|
-
import_react_desc.PropTypes.string,
|
|
79
|
-
import_react_desc.PropTypes.number
|
|
80
|
-
]).description("pill max width"),
|
|
81
|
-
minWidth: import_react_desc.PropTypes.oneOfType([
|
|
82
|
-
import_react_desc.PropTypes.string,
|
|
83
|
-
import_react_desc.PropTypes.number
|
|
84
|
-
]).description("pill min width"),
|
|
85
|
-
fixed: import_react_desc.PropTypes.bool.description("fixed pill"),
|
|
86
|
-
label: import_react_desc.PropTypes.string.isRequired.description("pill label text"),
|
|
87
|
-
value: import_react_desc.PropTypes.oneOfType([
|
|
88
|
-
import_react_desc.PropTypes.arrayOf(import_react_desc.PropTypes.shape({
|
|
89
|
-
id: import_react_desc.PropTypes.string,
|
|
90
|
-
label: import_react_desc.PropTypes.string
|
|
91
|
-
})),
|
|
92
|
-
import_react_desc.PropTypes.shape({
|
|
93
|
-
id: import_react_desc.PropTypes.string,
|
|
94
|
-
label: import_react_desc.PropTypes.string
|
|
95
|
-
})
|
|
96
|
-
]).description("pill value")
|
|
97
|
-
};
|
|
98
|
-
LabeledDropdownPills.propTypes = props;
|
|
99
|
-
const DSLabeledDropdownPillsWithSchema = (0, import_react_desc.describe)(LabeledDropdownPills);
|
|
100
|
-
DSLabeledDropdownPillsWithSchema.propTypes = props;
|
|
101
|
-
module.exports = __toCommonJS(LabeledDropdownPills_exports);
|
|
102
|
-
//# sourceMappingURL=LabeledDropdownPills.js.map
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../../src/deprecated/LabeledDropdownPills.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
|
|
4
|
-
"sourcesContent": ["/* eslint-disable max-lines */\nimport React from 'react';\nimport { PropTypes, describe } from 'react-desc';\nimport { PillGroup } from './PillGroup';\nimport { LabeledDropdownSinglePill } from './LabeledDropdownPillsTypes/LabeledDropdownSinglePill';\nimport { LabeledDropdownMultiPills } from './LabeledDropdownPillsTypes/LabeledDropdownMultiPill';\nimport { LabeledDropdownCascadeMenuPill } from './LabeledDropdownPillsTypes/LabeledDropdownCascadeMenuPill';\n\nconst DropdownPills = {\n single: LabeledDropdownSinglePill,\n multi: LabeledDropdownMultiPills,\n cascaded: LabeledDropdownCascadeMenuPill,\n};\n\nconst createDropdownPill = (type) =>\n DropdownPills[type] || DropdownPills.single;\n\nfunction LabeledDropdownPills({\n label = '',\n value,\n type,\n onFocusNextGroup,\n onFocusPreviousGroup,\n onFocusGroupSet,\n maxWidth,\n minWidth,\n fixed,\n ...menuProps\n}) {\n const Component = createDropdownPill(type);\n\n return (\n <PillGroup\n onFocusGroupSet={onFocusGroupSet}\n onFocusNextGroup={onFocusNextGroup}\n onFocusPreviousGroup={onFocusPreviousGroup}\n >\n <Component\n {...menuProps}\n label={label}\n maxWidth={maxWidth}\n minWidth={minWidth}\n value={value}\n fixed={fixed}\n />\n </PillGroup>\n );\n}\n\nconst props = {\n /** pill type */\n type: PropTypes.oneOf(['single', 'multi', 'cascaded']).description(\n 'pill type',\n ),\n /** focus next group callback */\n onFocusNextGroup: PropTypes.func.description('focus next group callback'),\n /** focus prev group callback */\n onFocusPreviousGroup: PropTypes.func.description('focus prev group callback'),\n /** focus group set callback */\n onFocusGroupSet: PropTypes.func.description('focus group set callback'),\n /** pill max width */\n maxWidth: PropTypes.oneOfType([\n PropTypes.string,\n PropTypes.number,\n ]).description('pill max width'),\n /** pill min width */\n minWidth: PropTypes.oneOfType([\n PropTypes.string,\n PropTypes.number,\n ]).description('pill min width'),\n /** fixed pill */\n fixed: PropTypes.bool.description('fixed pill'),\n /** pill label text */\n label: PropTypes.string.isRequired.description('pill label text'),\n /** pill value */\n value: PropTypes.oneOfType([\n PropTypes.arrayOf(\n PropTypes.shape({\n id: PropTypes.string,\n label: PropTypes.string,\n }),\n ),\n PropTypes.shape({\n id: PropTypes.string,\n label: PropTypes.string,\n }),\n ]).description('pill value'),\n};\n\nLabeledDropdownPills.propTypes = props;\nconst DSLabeledDropdownPillsWithSchema = describe(LabeledDropdownPills);\nDSLabeledDropdownPillsWithSchema.propTypes = props;\n\nexport { LabeledDropdownPills, DSLabeledDropdownPillsWithSchema };\n", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADCvB,mBAAkB;AAClB,wBAAoC;AACpC,uBAA0B;AAC1B,uCAA0C;AAC1C,sCAA0C;AAC1C,4CAA+C;AAE/C,MAAM,gBAAgB;AAAA,EACpB,QAAQ;AAAA,EACR,OAAO;AAAA,EACP,UAAU;AAAA;AAGZ,MAAM,qBAAqB,CAAC,SAC1B,cAAc,SAAS,cAAc;AAEvC,8BAA8B;AAAA,EAC5B,QAAQ;AAAA,EACR;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,KACG;AAAA,GACF;AACD,QAAM,YAAY,mBAAmB;AAErC,SACE,mDAAC,4BAAD;AAAA,IACE;AAAA,IACA;AAAA,IACA;AAAA,KAEA,mDAAC,WAAD;AAAA,OACM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAAA;AAMR,MAAM,QAAQ;AAAA,EAEZ,MAAM,4BAAU,MAAM,CAAC,UAAU,SAAS,aAAa,YACrD;AAAA,EAGF,kBAAkB,4BAAU,KAAK,YAAY;AAAA,EAE7C,sBAAsB,4BAAU,KAAK,YAAY;AAAA,EAEjD,iBAAiB,4BAAU,KAAK,YAAY;AAAA,EAE5C,UAAU,4BAAU,UAAU;AAAA,IAC5B,4BAAU;AAAA,IACV,4BAAU;AAAA,KACT,YAAY;AAAA,EAEf,UAAU,4BAAU,UAAU;AAAA,IAC5B,4BAAU;AAAA,IACV,4BAAU;AAAA,KACT,YAAY;AAAA,EAEf,OAAO,4BAAU,KAAK,YAAY;AAAA,EAElC,OAAO,4BAAU,OAAO,WAAW,YAAY;AAAA,EAE/C,OAAO,4BAAU,UAAU;AAAA,IACzB,4BAAU,QACR,4BAAU,MAAM;AAAA,MACd,IAAI,4BAAU;AAAA,MACd,OAAO,4BAAU;AAAA;AAAA,IAGrB,4BAAU,MAAM;AAAA,MACd,IAAI,4BAAU;AAAA,MACd,OAAO,4BAAU;AAAA;AAAA,KAElB,YAAY;AAAA;AAGjB,qBAAqB,YAAY;AACjC,MAAM,mCAAmC,gCAAS;AAClD,iCAAiC,YAAY;",
|
|
6
|
-
"names": []
|
|
7
|
-
}
|