@qoretechnologies/reqore 0.29.0 → 0.29.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/__tests__/checkbox.test.tsx +7 -12
- package/__tests__/multiselect.test.tsx +46 -0
- package/dist/components/Button/index.js +1 -1
- package/dist/components/Button/index.js.map +1 -1
- package/dist/components/Checkbox/index.d.ts +7 -2
- package/dist/components/Checkbox/index.d.ts.map +1 -1
- package/dist/components/Checkbox/index.js +60 -26
- package/dist/components/Checkbox/index.js.map +1 -1
- package/dist/components/Effect/index.d.ts +12 -1
- package/dist/components/Effect/index.d.ts.map +1 -1
- package/dist/components/Effect/index.js +39 -7
- package/dist/components/Effect/index.js.map +1 -1
- package/dist/components/Icon/index.d.ts +2 -9
- package/dist/components/Icon/index.d.ts.map +1 -1
- package/dist/components/Icon/index.js +4 -28
- package/dist/components/Icon/index.js.map +1 -1
- package/dist/components/InternalPopover/index.d.ts.map +1 -1
- package/dist/components/InternalPopover/index.js +16 -2
- package/dist/components/InternalPopover/index.js.map +1 -1
- package/dist/components/MultiSelect/index.d.ts +4 -2
- package/dist/components/MultiSelect/index.d.ts.map +1 -1
- package/dist/components/MultiSelect/index.js +15 -14
- package/dist/components/MultiSelect/index.js.map +1 -1
- package/dist/components/RadioGroup/index.d.ts +3 -1
- package/dist/components/RadioGroup/index.d.ts.map +1 -1
- package/dist/components/RadioGroup/index.js +2 -2
- package/dist/components/RadioGroup/index.js.map +1 -1
- package/dist/components/Tag/index.d.ts +1 -1
- package/dist/components/Tag/index.d.ts.map +1 -1
- package/dist/components/Tag/index.js +17 -14
- package/dist/components/Tag/index.js.map +1 -1
- package/dist/components/Textarea/index.js +3 -3
- package/dist/components/Textarea/index.js.map +1 -1
- package/package.json +1 -1
- package/src/components/Button/index.tsx +1 -1
- package/src/components/Checkbox/index.tsx +189 -34
- package/src/components/Effect/index.tsx +68 -7
- package/src/components/Icon/index.tsx +4 -52
- package/src/components/InternalPopover/index.tsx +3 -0
- package/src/components/MultiSelect/index.tsx +20 -11
- package/src/components/RadioGroup/index.tsx +6 -0
- package/src/components/Tag/index.tsx +19 -13
- package/src/components/Textarea/index.tsx +3 -3
- package/src/mock/collectionData.tsx +6 -6
- package/src/mock/multiSelect.ts +8 -0
- package/src/stories/Checkbox/Checkbox.stories.tsx +42 -7
- package/src/stories/Icon/Icon.stories.tsx +42 -12
- package/src/stories/Menu/Menu.stories.tsx +2 -1
- package/src/stories/MultiSelect/MultiSelect.stories.tsx +9 -2
- package/src/stories/Popover/Popover.stories.tsx +19 -2
- package/src/stories/RadioGroup/RadioGroup.stories.tsx +51 -1
- package/src/stories/Tag/Tag.stories.tsx +2 -2
- package/src/stories/utils/args.ts +1 -1
- package/tests.json +1 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Icon/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA2B,MAAM,OAAO,CAAC;AAEhD,OAAO,EAAE,aAAa,EAAY,MAAM,iBAAiB,CAAC;AAI1D,OAAO,EAAqC,MAAM,EAAE,MAAM,uBAAuB,CAAC;AAClF,OAAO,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AAEtD,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Icon/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA2B,MAAM,OAAO,CAAC;AAEhD,OAAO,EAAE,aAAa,EAAY,MAAM,iBAAiB,CAAC;AAI1D,OAAO,EAAqC,MAAM,EAAE,MAAM,uBAAuB,CAAC;AAClF,OAAO,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AAEtD,OAAO,EAAE,iBAAiB,EAAE,MAAM,oBAAoB,CAAC;AACvD,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAGpD,MAAM,WAAW,gBAAiB,SAAQ,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC,EAAE,iBAAiB;IAChG,IAAI,CAAC,EAAE,eAAe,CAAC;IACvB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,SAAS,CAAC,EAAE,aAAa,CAAC;IAC1B,MAAM,CAAC,EAAE,aAAa,CAAC;IACvB,MAAM,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,MAAM,CAAC;IACnC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,eAAO,MAAM,iBAAiB,KA2B7B,CAAC;AAEF,QAAA,MAAM,UAAU,iHAYX,gBAAgB,iBAsDpB,CAAC;AAEF,eAAe,UAAU,CAAC"}
|
|
@@ -58,37 +58,13 @@ var styled_components_1 = __importStar(require("styled-components"));
|
|
|
58
58
|
var __1 = require("../..");
|
|
59
59
|
var sizes_1 = require("../../constants/sizes");
|
|
60
60
|
var utils_1 = require("../../helpers/utils");
|
|
61
|
-
|
|
61
|
+
var Effect_1 = require("../Effect");
|
|
62
|
+
exports.StyledIconWrapper = (0, styled_components_1["default"])(Effect_1.StyledEffect)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n display: inline-block;\n flex: 0 0 auto;\n vertical-align: text-bottom;\n transition: all 0.2s ease-out;\n overflow: hidden;\n\n border-radius: ", ";\n\n ", "\n\n img {\n width: 100%;\n }\n"], ["\n display: inline-block;\n flex: 0 0 auto;\n vertical-align: text-bottom;\n transition: all 0.2s ease-out;\n overflow: hidden;\n\n border-radius: ", ";\n\n ", "\n\n img {\n width: 100%;\n }\n"])), function (_a) {
|
|
62
63
|
var rounded = _a.rounded;
|
|
63
64
|
return (rounded ? '50%' : undefined);
|
|
64
|
-
}, function (_a) {
|
|
65
|
-
var grayscale = _a.grayscale;
|
|
66
|
-
return grayscale && (0, styled_components_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n filter: grayscale(100%);\n "], ["\n filter: grayscale(100%);\n "])));
|
|
67
|
-
}, function (_a) {
|
|
68
|
-
var blur = _a.blur;
|
|
69
|
-
return blur && (0, styled_components_1.css)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n filter: blur(", "px);\n "], ["\n filter: blur(", "px);\n "])), blur);
|
|
70
|
-
}, function (_a) {
|
|
71
|
-
var sepia = _a.sepia;
|
|
72
|
-
return sepia && (0, styled_components_1.css)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n filter: sepia(100%);\n "], ["\n filter: sepia(100%);\n "])));
|
|
73
|
-
}, function (_a) {
|
|
74
|
-
var invert = _a.invert;
|
|
75
|
-
return invert && (0, styled_components_1.css)(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n filter: invert(100%);\n "], ["\n filter: invert(100%);\n "])));
|
|
76
|
-
}, function (_a) {
|
|
77
|
-
var opacity = _a.opacity;
|
|
78
|
-
return opacity || opacity === 0
|
|
79
|
-
? (0, styled_components_1.css)(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n opacity: ", ";\n "], ["\n opacity: ", ";\n "])), opacity) : undefined;
|
|
80
|
-
}, function (_a) {
|
|
81
|
-
var brightness = _a.brightness;
|
|
82
|
-
return brightness && (0, styled_components_1.css)(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n filter: brightness(", "%);\n "], ["\n filter: brightness(", "%);\n "])), brightness);
|
|
83
|
-
}, function (_a) {
|
|
84
|
-
var contrast = _a.contrast;
|
|
85
|
-
return contrast && (0, styled_components_1.css)(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n filter: contrast(", "%);\n "], ["\n filter: contrast(", "%);\n "])), contrast);
|
|
86
|
-
}, function (_a) {
|
|
87
|
-
var saturate = _a.saturate;
|
|
88
|
-
return saturate && (0, styled_components_1.css)(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n filter: saturate(", "%);\n "], ["\n filter: saturate(", "%);\n "])), saturate);
|
|
89
65
|
}, function (_a) {
|
|
90
66
|
var margin = _a.margin, size = _a.size;
|
|
91
|
-
return margin && (0, styled_components_1.css)(
|
|
67
|
+
return margin && (0, styled_components_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n margin-left: ", ";\n margin-right: ", ";\n "], ["\n margin-left: ", ";\n margin-right: ", ";\n "])), margin === 'left' || margin === 'both'
|
|
92
68
|
? (0, utils_1.isStringSize)(size)
|
|
93
69
|
? "".concat(sizes_1.PADDING_FROM_SIZE[size], "px")
|
|
94
70
|
: '10px'
|
|
@@ -119,5 +95,5 @@ var ReqoreIcon = (0, react_1.memo)(function (_a) {
|
|
|
119
95
|
} }, { children: (0, jsx_runtime_1.jsx)(Icon, __assign({}, iconProps)) })) })));
|
|
120
96
|
});
|
|
121
97
|
exports["default"] = ReqoreIcon;
|
|
122
|
-
var templateObject_1, templateObject_2
|
|
98
|
+
var templateObject_1, templateObject_2;
|
|
123
99
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Icon/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+BAAgD;AAChD,2CAA0C;AAE1C,yDAA6C;AAC7C,qEAAgD;AAChD,2BAA2C;AAC3C,+CAAkF;AAElF,6CAAmD;
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Icon/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/InternalPopover/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAoE,MAAM,OAAO,CAAC;AAKzF,OAAO,EAAE,YAAY,EAAE,MAAM,kCAAkC,CAAC;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/InternalPopover/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAoE,MAAM,OAAO,CAAC;AAKzF,OAAO,EAAE,YAAY,EAAE,MAAM,kCAAkC,CAAC;AAoIhE,MAAM,WAAW,2BAA4B,SAAQ,YAAY;CAAG;AAEpE,QAAA,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,2BAA2B,CA+H1D,CAAC;AAEF,eAAe,eAAe,CAAC"}
|
|
@@ -37,6 +37,17 @@ var __importStar = (this && this.__importStar) || function (mod) {
|
|
|
37
37
|
__setModuleDefault(result, mod);
|
|
38
38
|
return result;
|
|
39
39
|
};
|
|
40
|
+
var __rest = (this && this.__rest) || function (s, e) {
|
|
41
|
+
var t = {};
|
|
42
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
43
|
+
t[p] = s[p];
|
|
44
|
+
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
45
|
+
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
46
|
+
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
47
|
+
t[p[i]] = s[p[i]];
|
|
48
|
+
}
|
|
49
|
+
return t;
|
|
50
|
+
};
|
|
40
51
|
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
41
52
|
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
42
53
|
};
|
|
@@ -65,13 +76,16 @@ var getPopoverArrowColor = function (_a) {
|
|
|
65
76
|
(0, polished_1.rgba)((0, colors_1.changeLightness)(flat ? theme.main : (0, colors_1.getNotificationIntent)(theme, intent), flat ? 0.1 : 0.2), isOpaque ? 1 : 0.3), dim ? 0.3 : 1);
|
|
66
77
|
};
|
|
67
78
|
var StyledPopoverArrow = styled_components_1["default"].div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n width: 10px;\n height: 10px;\n position: absolute;\n z-index: -1;\n\n &:before {\n content: '';\n display: block;\n width: 0;\n height: 0;\n position: absolute;\n z-index: -1;\n }\n"], ["\n width: 10px;\n height: 10px;\n position: absolute;\n z-index: -1;\n\n &:before {\n content: '';\n display: block;\n width: 0;\n height: 0;\n position: absolute;\n z-index: -1;\n }\n"])));
|
|
68
|
-
var StyledPopoverWrapper = styled_components_1["default"].div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n animation: 0.2s ", " ease-out;\n max-width: ", ";\n max-height: ", ";\n z-index: 999999;\n border-radius: ", "px;\n\n ", "\n\n &[data-popper-placement^='top'] > ", " {\n bottom: -5px;\n\n &:before {\n border-left: 10px solid transparent;\n border-right: 10px solid transparent;\n border-top: 10px solid ", ";\n\n top: 5px;\n left: -5px;\n }\n }\n\n &[data-popper-placement^='bottom'] > ", " {\n top: -5px;\n\n &:before {\n border-left: 10px solid transparent;\n border-right: 10px solid transparent;\n border-bottom: 10px solid ", ";\n\n top: -5px;\n left: -5px;\n }\n }\n\n &[data-popper-placement^='left'] > ", " {\n right: -5px;\n\n &:before {\n border-top: 10px solid transparent;\n border-bottom: 10px solid transparent;\n border-left: 10px solid ", ";\n\n top: -5px;\n left: 5px;\n }\n }\n\n &[data-popper-placement^='right'] > ", " {\n left: -5px;\n\n &:before {\n border-top: 10px solid transparent;\n border-bottom: 10px solid transparent;\n border-right: 10px solid ", ";\n\n top: -5px;\n left: -5px;\n }\n }\n\n &[data-popper-reference-hidden='true'] {\n visibility: hidden;\n pointer-events: none;\n }\n"], ["\n animation: 0.2s ", " ease-out;\n max-width: ", ";\n max-height: ", ";\n z-index: 999999;\n border-radius: ", "px;\n\n ", "\n\n &[data-popper-placement^='top'] > ", " {\n bottom: -5px;\n\n &:before {\n border-left: 10px solid transparent;\n border-right: 10px solid transparent;\n border-top: 10px solid ", ";\n\n top: 5px;\n left: -5px;\n }\n }\n\n &[data-popper-placement^='bottom'] > ", " {\n top: -5px;\n\n &:before {\n border-left: 10px solid transparent;\n border-right: 10px solid transparent;\n border-bottom: 10px solid ", ";\n\n top: -5px;\n left: -5px;\n }\n }\n\n &[data-popper-placement^='left'] > ", " {\n right: -5px;\n\n &:before {\n border-top: 10px solid transparent;\n border-bottom: 10px solid transparent;\n border-left: 10px solid ", ";\n\n top: -5px;\n left: 5px;\n }\n }\n\n &[data-popper-placement^='right'] > ", " {\n left: -5px;\n\n &:before {\n border-top: 10px solid transparent;\n border-bottom: 10px solid transparent;\n border-right: 10px solid ", ";\n\n top: -5px;\n left: -5px;\n }\n }\n\n &[data-popper-reference-hidden='true'] {\n visibility: hidden;\n pointer-events: none;\n }\n"])), animations_1.fadeIn, function (_a) {
|
|
79
|
+
var StyledPopoverWrapper = styled_components_1["default"].div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n animation: 0.2s ", " ease-out;\n max-width: ", ";\n max-height: ", ";\n z-index: 999999;\n border-radius: ", "px;\n border: ", ";\n\n ", "\n\n &[data-popper-placement^='top'] > ", " {\n bottom: -5px;\n\n &:before {\n border-left: 10px solid transparent;\n border-right: 10px solid transparent;\n border-top: 10px solid ", ";\n\n top: 5px;\n left: -5px;\n }\n }\n\n &[data-popper-placement^='bottom'] > ", " {\n top: -5px;\n\n &:before {\n border-left: 10px solid transparent;\n border-right: 10px solid transparent;\n border-bottom: 10px solid ", ";\n\n top: -5px;\n left: -5px;\n }\n }\n\n &[data-popper-placement^='left'] > ", " {\n right: -5px;\n\n &:before {\n border-top: 10px solid transparent;\n border-bottom: 10px solid transparent;\n border-left: 10px solid ", ";\n\n top: -5px;\n left: 5px;\n }\n }\n\n &[data-popper-placement^='right'] > ", " {\n left: -5px;\n\n &:before {\n border-top: 10px solid transparent;\n border-bottom: 10px solid transparent;\n border-right: 10px solid ", ";\n\n top: -5px;\n left: -5px;\n }\n }\n\n &[data-popper-reference-hidden='true'] {\n visibility: hidden;\n pointer-events: none;\n }\n"], ["\n animation: 0.2s ", " ease-out;\n max-width: ", ";\n max-height: ", ";\n z-index: 999999;\n border-radius: ", "px;\n border: ", ";\n\n ", "\n\n &[data-popper-placement^='top'] > ", " {\n bottom: -5px;\n\n &:before {\n border-left: 10px solid transparent;\n border-right: 10px solid transparent;\n border-top: 10px solid ", ";\n\n top: 5px;\n left: -5px;\n }\n }\n\n &[data-popper-placement^='bottom'] > ", " {\n top: -5px;\n\n &:before {\n border-left: 10px solid transparent;\n border-right: 10px solid transparent;\n border-bottom: 10px solid ", ";\n\n top: -5px;\n left: -5px;\n }\n }\n\n &[data-popper-placement^='left'] > ", " {\n right: -5px;\n\n &:before {\n border-top: 10px solid transparent;\n border-bottom: 10px solid transparent;\n border-left: 10px solid ", ";\n\n top: -5px;\n left: 5px;\n }\n }\n\n &[data-popper-placement^='right'] > ", " {\n left: -5px;\n\n &:before {\n border-top: 10px solid transparent;\n border-bottom: 10px solid transparent;\n border-right: 10px solid ", ";\n\n top: -5px;\n left: -5px;\n }\n }\n\n &[data-popper-reference-hidden='true'] {\n visibility: hidden;\n pointer-events: none;\n }\n"])), animations_1.fadeIn, function (_a) {
|
|
69
80
|
var _b = _a.maxWidth, maxWidth = _b === void 0 ? '80vw' : _b;
|
|
70
81
|
return maxWidth;
|
|
71
82
|
}, function (_a) {
|
|
72
83
|
var _b = _a.maxHeight, maxHeight = _b === void 0 ? '80vh' : _b;
|
|
73
84
|
return maxHeight;
|
|
74
85
|
}, sizes_1.RADIUS_FROM_SIZE.normal, function (_a) {
|
|
86
|
+
var flat = _a.flat, isString = _a.isString, rest = __rest(_a, ["flat", "isString"]);
|
|
87
|
+
return !flat && !isString ? "1px solid ".concat(getPopoverArrowColor(__assign(__assign({}, rest), { flat: flat }))) : undefined;
|
|
88
|
+
}, function (_a) {
|
|
75
89
|
var transparent = _a.transparent;
|
|
76
90
|
return !transparent && (0, styled_components_1.css)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n box-shadow: rgba(31, 26, 34, 0.7) 0px 0px 10px;\n "], ["\n box-shadow: rgba(31, 26, 34, 0.7) 0px 0px 10px;\n "])));
|
|
77
91
|
}, StyledPopoverArrow, function (props) { return getPopoverArrowColor(props); }, StyledPopoverArrow, function (props) { return getPopoverArrowColor(props); }, StyledPopoverArrow, function (props) { return getPopoverArrowColor(props); }, StyledPopoverArrow, function (props) { return getPopoverArrowColor(props); });
|
|
@@ -122,7 +136,7 @@ var InternalPopover = function (_a) {
|
|
|
122
136
|
}
|
|
123
137
|
return parseInt(axis, 10);
|
|
124
138
|
});
|
|
125
|
-
return ((0, jsx_runtime_1.jsxs)(ThemeProvider_1["default"], { children: [blur > 0 ? (0, jsx_runtime_1.jsx)(Drawer_1.StyledBackdrop, { zIndex: 999998, blur: blur, closable: true }) : null, (0, jsx_runtime_1.jsxs)(StyledPopoverWrapper, __assign({ maxWidth: maxWidth, maxHeight: maxHeight, transparent: transparent, effect: effect, isOpaque: !transparent && !minimal, intent: intent, flat: flat, dim: flat && !transparent && !effect && minimal, className: 'reqore-popover-content', ref: function (el) {
|
|
139
|
+
return ((0, jsx_runtime_1.jsxs)(ThemeProvider_1["default"], { children: [blur > 0 ? (0, jsx_runtime_1.jsx)(Drawer_1.StyledBackdrop, { zIndex: 999998, blur: blur, closable: true }) : null, (0, jsx_runtime_1.jsxs)(StyledPopoverWrapper, __assign({ maxWidth: maxWidth, maxHeight: maxHeight, transparent: transparent, effect: effect, isOpaque: !transparent && !minimal, intent: intent, flat: flat, isString: (0, lodash_1.isString)(content), dim: flat && !transparent && !effect && minimal, className: 'reqore-popover-content', ref: function (el) {
|
|
126
140
|
setPopperElement(el);
|
|
127
141
|
popperRef.current = el;
|
|
128
142
|
}, style: __assign(__assign({}, styles.popper), { transform: "translate(".concat((translateValues === null || translateValues === void 0 ? void 0 : translateValues[0]) || 0, "px, ").concat((translateValues === null || translateValues === void 0 ? void 0 : translateValues[1]) || 0, "px)"), width: useTargetWidth && (((_c = targetElement === null || targetElement === void 0 ? void 0 : targetElement.getBoundingClientRect()) === null || _c === void 0 ? void 0 : _c.width) || undefined) }) }, attributes.popper, { children: [!noArrow && !transparent ? ((0, jsx_runtime_1.jsx)(StyledPopoverArrow, { ref: setArrowElement, style: styles.arrow, "data-popper-arrow": true })) : null, (0, jsx_runtime_1.jsx)(StyledPopoverContent, __assign({ isString: (0, lodash_1.isString)(content) }, { children: (0, lodash_1.isString)(content) ? ((0, jsx_runtime_1.jsx)(Message_1["default"], __assign({ opaque: !transparent && !minimal, className: 'reqore-popover-text', intent: intent, title: title, icon: icon, minimal: transparent, flat: flat || transparent, effect: effect }, { children: content }))) : ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: react_1["default"].Children.map(content, function (child) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/InternalPopover/index.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/InternalPopover/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -6,7 +6,7 @@ import { IReqoreDropdownItem } from '../Dropdown/list';
|
|
|
6
6
|
import { IReqoreEffect } from '../Effect';
|
|
7
7
|
import { IReqoreInputProps } from '../Input';
|
|
8
8
|
import { IReqoreTagProps } from '../Tag';
|
|
9
|
-
export declare type TReqoreMultiSelectItem = Omit<IReqoreDropdownItem, 'color'> & Pick<IReqoreTagProps, '
|
|
9
|
+
export declare type TReqoreMultiSelectItem = Omit<IReqoreDropdownItem, 'color'> & Pick<IReqoreTagProps, 'asBadge' | 'rightIcon' | 'actions'> & {
|
|
10
10
|
isNew?: boolean;
|
|
11
11
|
};
|
|
12
12
|
export interface IReqoreMultiSelectProps extends Omit<IReqoreControlGroupProps, 'children' | 'vertical' | 'stack'> {
|
|
@@ -14,6 +14,7 @@ export interface IReqoreMultiSelectProps extends Omit<IReqoreControlGroupProps,
|
|
|
14
14
|
onValueChange?: (value: string[]) => void;
|
|
15
15
|
items?: TReqoreMultiSelectItem[];
|
|
16
16
|
onItemClick?: (item: IReqoreDropdownItem) => void;
|
|
17
|
+
onItemClickIcon?: IReqoreTagProps['rightIcon'];
|
|
17
18
|
canRemoveItems?: boolean;
|
|
18
19
|
canCreateItems?: boolean;
|
|
19
20
|
selectedItemEffect?: IReqoreEffect;
|
|
@@ -26,7 +27,8 @@ export interface IReqoreMultiSelectItemProps extends Pick<IReqoreMultiSelectProp
|
|
|
26
27
|
item: TReqoreMultiSelectItem;
|
|
27
28
|
onClick?: () => void;
|
|
28
29
|
onRemoveClick?: () => void;
|
|
30
|
+
onItemClickIcon?: IReqoreTagProps['rightIcon'];
|
|
29
31
|
}
|
|
30
|
-
export declare const ReqoreMultiSelectItem: import("react").MemoExoticComponent<({ item, onRemoveClick, onClick, selectedItemEffect, selectedItemSize, }: IReqoreMultiSelectItemProps) => JSX.Element>;
|
|
32
|
+
export declare const ReqoreMultiSelectItem: import("react").MemoExoticComponent<({ item, onRemoveClick, onClick, selectedItemEffect, selectedItemSize, onItemClickIcon, }: IReqoreMultiSelectItemProps) => JSX.Element>;
|
|
31
33
|
export declare const ReqoreMultiSelect: import("react").ForwardRefExoticComponent<IReqoreMultiSelectProps & import("react").RefAttributes<HTMLDivElement>>;
|
|
32
34
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/MultiSelect/index.tsx"],"names":[],"mappings":";AAIA,OAAO,EAAE,MAAM,EAAE,MAAM,uBAAuB,CAAC;AAE/C,OAA2B,EAAE,wBAAwB,EAAE,MAAM,iBAAiB,CAAC;AAC/E,OAAO,EAAE,oBAAoB,EAAE,MAAM,aAAa,CAAC;AACnD,OAAO,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,EAAE,aAAa,EAAE,MAAM,WAAW,CAAC;AAC1C,OAAO,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAC;AAC7C,OAAkB,EAAE,eAAe,EAAE,MAAM,QAAQ,CAAC;AAGpD,oBAAY,sBAAsB,GAAG,IAAI,CAAC,mBAAmB,EAAE,OAAO,CAAC,GACrE,IAAI,CAAC,eAAe,EAAE,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/MultiSelect/index.tsx"],"names":[],"mappings":";AAIA,OAAO,EAAE,MAAM,EAAE,MAAM,uBAAuB,CAAC;AAE/C,OAA2B,EAAE,wBAAwB,EAAE,MAAM,iBAAiB,CAAC;AAC/E,OAAO,EAAE,oBAAoB,EAAE,MAAM,aAAa,CAAC;AACnD,OAAO,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,EAAE,aAAa,EAAE,MAAM,WAAW,CAAC;AAC1C,OAAO,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAC;AAC7C,OAAkB,EAAE,eAAe,EAAE,MAAM,QAAQ,CAAC;AAGpD,oBAAY,sBAAsB,GAAG,IAAI,CAAC,mBAAmB,EAAE,OAAO,CAAC,GACrE,IAAI,CAAC,eAAe,EAAE,SAAS,GAAG,WAAW,GAAG,SAAS,CAAC,GAAG;IAAE,KAAK,CAAC,EAAE,OAAO,CAAA;CAAE,CAAC;AAEnF,MAAM,WAAW,uBACf,SAAQ,IAAI,CAAC,wBAAwB,EAAE,UAAU,GAAG,UAAU,GAAG,OAAO,CAAC;IACzE,KAAK,CAAC,EAAE,MAAM,EAAE,CAAC;IACjB,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IAC1C,KAAK,CAAC,EAAE,sBAAsB,EAAE,CAAC;IACjC,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,mBAAmB,KAAK,IAAI,CAAC;IAClD,eAAe,CAAC,EAAE,eAAe,CAAC,WAAW,CAAC,CAAC;IAC/C,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,kBAAkB,CAAC,EAAE,aAAa,CAAC;IACnC,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,aAAa,CAAC,EAAE,IAAI,CAAC,iBAAiB,EAAE,OAAO,GAAG,eAAe,CAAC,GAAG,oBAAoB,CAAC;IAC1F,WAAW,CAAC,EAAE,oBAAoB,CAAC,aAAa,CAAC,CAAC;IAClD,eAAe,CAAC,EAAE,OAAO,CAAC;CAC3B;AAED,MAAM,WAAW,2BACf,SAAQ,IAAI,CAAC,uBAAuB,EAAE,oBAAoB,GAAG,kBAAkB,CAAC;IAChF,IAAI,EAAE,sBAAsB,CAAC;IAC7B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;IAC3B,eAAe,CAAC,EAAE,eAAe,CAAC,WAAW,CAAC,CAAC;CAChD;AAED,eAAO,MAAM,qBAAqB,iIAQ7B,2BAA2B,iBAkB/B,CAAC;AAEF,eAAO,MAAM,iBAAiB,oHA8N7B,CAAC"}
|
|
@@ -44,18 +44,19 @@ var ControlGroup_1 = __importDefault(require("../ControlGroup"));
|
|
|
44
44
|
var Tag_1 = __importDefault(require("../Tag"));
|
|
45
45
|
var group_1 = __importDefault(require("../Tag/group"));
|
|
46
46
|
exports.ReqoreMultiSelectItem = (0, react_1.memo)(function (_a) {
|
|
47
|
-
var item = _a.item, onRemoveClick = _a.onRemoveClick, onClick = _a.onClick, selectedItemEffect = _a.selectedItemEffect, selectedItemSize = _a.selectedItemSize;
|
|
47
|
+
var item = _a.item, onRemoveClick = _a.onRemoveClick, onClick = _a.onClick, selectedItemEffect = _a.selectedItemEffect, selectedItemSize = _a.selectedItemSize, onItemClickIcon = _a.onItemClickIcon;
|
|
48
48
|
if (!item) {
|
|
49
49
|
return null;
|
|
50
50
|
}
|
|
51
|
-
return ((0, jsx_runtime_1.jsx)(Tag_1["default"], __assign({}, item, { label: item.label || item.value, onRemoveClick: onRemoveClick, intent: item.intent, effect: !item.intent ? item.effect || selectedItemEffect : undefined, size: selectedItemSize, onClick: onClick })));
|
|
51
|
+
return ((0, jsx_runtime_1.jsx)(Tag_1["default"], __assign({}, item, { label: item.label || item.value, onRemoveClick: onRemoveClick, intent: item.intent, effect: !item.intent ? item.effect || selectedItemEffect : undefined, size: selectedItemSize, onClick: onClick, rightIcon: item.rightIcon || item.disabled ? undefined : onItemClickIcon })));
|
|
52
52
|
});
|
|
53
53
|
exports.ReqoreMultiSelect = (0, react_1.forwardRef)(function (_a, ref) {
|
|
54
|
-
var value = _a.value, onValueChange = _a.onValueChange, onItemClick = _a.onItemClick, canRemoveItems = _a.canRemoveItems, canCreateItems = _a.canCreateItems, _b = _a.items, items = _b === void 0 ? [] : _b, selectedItemEffect = _a.selectedItemEffect, selectedItemSize = _a.selectedItemSize, selectorProps = _a.selectorProps, openOnMount = _a.openOnMount, enterKeySelects = _a.enterKeySelects, rest = __rest(_a, ["value", "onValueChange", "onItemClick", "canRemoveItems", "canCreateItems", "items", "selectedItemEffect", "selectedItemSize", "selectorProps", "openOnMount", "enterKeySelects"]);
|
|
54
|
+
var value = _a.value, onValueChange = _a.onValueChange, onItemClick = _a.onItemClick, canRemoveItems = _a.canRemoveItems, canCreateItems = _a.canCreateItems, _b = _a.items, items = _b === void 0 ? [] : _b, selectedItemEffect = _a.selectedItemEffect, selectedItemSize = _a.selectedItemSize, selectorProps = _a.selectorProps, openOnMount = _a.openOnMount, enterKeySelects = _a.enterKeySelects, onItemClickIcon = _a.onItemClickIcon, rest = __rest(_a, ["value", "onValueChange", "onItemClick", "canRemoveItems", "canCreateItems", "items", "selectedItemEffect", "selectedItemSize", "selectorProps", "openOnMount", "enterKeySelects", "onItemClickIcon"]);
|
|
55
55
|
var _c = (0, react_1.useState)(value || []), _value = _c[0], setValue = _c[1];
|
|
56
56
|
var _d = (0, react_1.useState)([]), createdItems = _d[0], setCreatedItems = _d[1];
|
|
57
57
|
var _e = (0, react_1.useState)(''), query = _e[0], setQuery = _e[1];
|
|
58
58
|
var popoverData = (0, react_1.useRef)(undefined);
|
|
59
|
+
var _f = (0, react_1.useState)(false), focused = _f[0], setFocused = _f[1];
|
|
59
60
|
(0, react_use_1.useUpdateEffect)(function () {
|
|
60
61
|
onValueChange === null || onValueChange === void 0 ? void 0 : onValueChange(_value);
|
|
61
62
|
}, [_value]);
|
|
@@ -96,11 +97,11 @@ exports.ReqoreMultiSelect = (0, react_1.forwardRef)(function (_a, ref) {
|
|
|
96
97
|
setQuery('');
|
|
97
98
|
}, [createdItems, _value]);
|
|
98
99
|
/*
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
100
|
+
This code creates a list of all items that are available
|
|
101
|
+
for selection in the dropdown. It will include the items
|
|
102
|
+
that are passed in as props, as well as any items that the
|
|
103
|
+
user has created.
|
|
104
|
+
*/
|
|
104
105
|
var allItems = (0, react_1.useMemo)(function () {
|
|
105
106
|
var customItems = (0, lodash_1.size)(createdItems)
|
|
106
107
|
? __spreadArray([{ divider: true, label: 'Custom Items' }], createdItems, true) : [];
|
|
@@ -114,7 +115,7 @@ exports.ReqoreMultiSelect = (0, react_1.forwardRef)(function (_a, ref) {
|
|
|
114
115
|
: true;
|
|
115
116
|
});
|
|
116
117
|
// Mark selected items as selected
|
|
117
|
-
filteredItems = filteredItems.map(function (item) { return (__assign(__assign({}, item), { selected: _value.includes(item.value) })); });
|
|
118
|
+
filteredItems = filteredItems.map(function (item) { return (__assign(__assign({}, (0, lodash_1.omit)(item, ['actions', 'asBadge', 'rightIcon'])), { selected: _value.includes(item.value) })); });
|
|
118
119
|
if (query && !(0, lodash_1.size)(filteredItems)) {
|
|
119
120
|
filteredItems = [
|
|
120
121
|
{ label: 'No existing items found', readOnly: true, minimal: true, icon: 'ForbidLine' },
|
|
@@ -148,27 +149,27 @@ exports.ReqoreMultiSelect = (0, react_1.forwardRef)(function (_a, ref) {
|
|
|
148
149
|
return filteredItems;
|
|
149
150
|
}, [items, createdItems, query, _value]);
|
|
150
151
|
var handleKeyDown = (0, react_1.useCallback)(function (e) {
|
|
151
|
-
if (e.key === 'Enter') {
|
|
152
|
+
if (e.key === 'Enter' && focused) {
|
|
152
153
|
var item = __spreadArray(__spreadArray([], items, true), createdItems, true).find(function (item) { return item.value === query; });
|
|
153
154
|
if (item) {
|
|
154
155
|
handleItemSelect(item);
|
|
155
156
|
}
|
|
156
|
-
else if (canCreateItems) {
|
|
157
|
+
else if (canCreateItems && query) {
|
|
157
158
|
handleItemSelect({
|
|
158
159
|
value: query,
|
|
159
160
|
isNew: true
|
|
160
161
|
});
|
|
161
162
|
}
|
|
162
163
|
}
|
|
163
|
-
}, [items, createdItems, query, canCreateItems]);
|
|
164
|
+
}, [items, createdItems, query, canCreateItems, focused]);
|
|
164
165
|
var getItemByValue = (0, react_1.useCallback)(function (value) {
|
|
165
166
|
return __spreadArray(__spreadArray([], items, true), createdItems, true).find(function (item) { return item.value === value; });
|
|
166
167
|
}, [items, createdItems, _value]);
|
|
167
|
-
return ((0, jsx_runtime_1.jsxs)(ControlGroup_1["default"], __assign({ vertical: true, fluid: true }, rest, { ref: ref }, { children: [(0, jsx_runtime_1.jsx)(group_1["default"], __assign({ minimal: rest.minimal, size: rest.size }, { children: (0, lodash_1.size)(_value) ? (_value.map(function (v) { return ((0, jsx_runtime_1.jsx)(exports.ReqoreMultiSelectItem, { item: getItemByValue(v), onRemoveClick: canRemoveItems ? function () { return addRemoveItem(getItemByValue(v)); } : undefined, onClick: onItemClick
|
|
168
|
+
return ((0, jsx_runtime_1.jsxs)(ControlGroup_1["default"], __assign({ vertical: true, fluid: true }, rest, { ref: ref }, { children: [(0, jsx_runtime_1.jsx)(group_1["default"], __assign({ minimal: rest.minimal, size: rest.size }, { children: (0, lodash_1.size)(_value) ? (_value.map(function (v) { return ((0, jsx_runtime_1.jsx)(exports.ReqoreMultiSelectItem, { item: getItemByValue(v), onItemClickIcon: onItemClickIcon, onRemoveClick: canRemoveItems ? function () { return addRemoveItem(getItemByValue(v)); } : undefined, onClick: onItemClick
|
|
168
169
|
? function () {
|
|
169
170
|
onItemClick(getItemByValue(v));
|
|
170
171
|
}
|
|
171
|
-
: undefined, selectedItemEffect: selectedItemEffect, selectedItemSize: selectedItemSize }, v)); })) : ((0, jsx_runtime_1.jsx)(Tag_1["default"], { color: 'transparent', icon: 'ForbidLine', label: 'No items selected' })) })), (0, jsx_runtime_1.jsx)(ControlGroup_1["default"], __assign({ minimal: rest.minimal, flat: rest.flat, size: rest.size }, { children: (0, jsx_runtime_1.jsx)(__1.ReqoreDropdown, __assign({}, selectorProps, { multiSelect: true, handler: 'focus', passPopoverData: function (data) { return (popoverData.current = data); }, component: __1.ReqoreInput, onClearClick: function () { return setQuery(''); }, value: query, isDefaultOpen: openOnMount, onItemSelect: handleItemSelect, placeholder: canCreateItems ? 'Type to search or create an item...' : 'Type to search...', onChange: function (e) { return setQuery(e.target.value); }, items: (0, lodash_1.size)(allItems)
|
|
172
|
+
: undefined, selectedItemEffect: selectedItemEffect, selectedItemSize: selectedItemSize }, v)); })) : ((0, jsx_runtime_1.jsx)(Tag_1["default"], { color: 'transparent', icon: 'ForbidLine', label: 'No items selected' })) })), (0, jsx_runtime_1.jsx)(ControlGroup_1["default"], __assign({ minimal: rest.minimal, flat: rest.flat, size: rest.size }, { children: (0, jsx_runtime_1.jsx)(__1.ReqoreDropdown, __assign({}, selectorProps, { multiSelect: true, handler: 'focus', onFocus: function () { return setFocused(true); }, onBlur: function () { return setFocused(false); }, passPopoverData: function (data) { return (popoverData.current = data); }, component: __1.ReqoreInput, onClearClick: function () { return setQuery(''); }, value: query, isDefaultOpen: openOnMount, onItemSelect: handleItemSelect, placeholder: canCreateItems ? 'Type to search or create an item...' : 'Type to search...', onChange: function (e) { return setQuery(e.target.value); }, items: (0, lodash_1.size)(allItems)
|
|
172
173
|
? allItems
|
|
173
174
|
: canCreateItems
|
|
174
175
|
? [{ label: 'No items exist', readOnly: true, minimal: true, icon: 'ForbidLine' }]
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/MultiSelect/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/MultiSelect/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -13,7 +13,9 @@ export interface IReqoreRadioGroupProps extends Omit<IReqoreControlGroupProps, '
|
|
|
13
13
|
size?: TSizes;
|
|
14
14
|
disabled?: boolean;
|
|
15
15
|
asSwitch?: boolean;
|
|
16
|
+
onText?: string;
|
|
17
|
+
offText?: string;
|
|
16
18
|
}
|
|
17
|
-
declare const ReqoreRadioGroup: ({ items, selected, onSelectClick, size, disabled, asSwitch, vertical, ...rest }: IReqoreRadioGroupProps) => JSX.Element;
|
|
19
|
+
declare const ReqoreRadioGroup: ({ items, selected, onSelectClick, size, disabled, asSwitch, vertical, onText, offText, ...rest }: IReqoreRadioGroupProps) => JSX.Element;
|
|
18
20
|
export default ReqoreRadioGroup;
|
|
19
21
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/RadioGroup/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,MAAM,EAAE,MAAM,uBAAuB,CAAC;AAC/C,OAAO,EAAE,oBAAoB,EAAE,MAAM,aAAa,CAAC;AACnD,OAAO,EAAE,wBAAwB,EAAE,MAAM,iBAAiB,CAAC;AAG3D,MAAM,WAAW,qBAAsB,SAAQ,oBAAoB;IACjE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,MAAM,WAAW,sBACf,SAAQ,IAAI,CAAC,wBAAwB,EAAE,UAAU,CAAC,EAChD,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,UAAU,CAAC;IACxD,KAAK,EAAE,qBAAqB,EAAE,CAAC;IAC/B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/RadioGroup/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,MAAM,EAAE,MAAM,uBAAuB,CAAC;AAC/C,OAAO,EAAE,oBAAoB,EAAE,MAAM,aAAa,CAAC;AACnD,OAAO,EAAE,wBAAwB,EAAE,MAAM,iBAAiB,CAAC;AAG3D,MAAM,WAAW,qBAAsB,SAAQ,oBAAoB;IACjE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,MAAM,WAAW,sBACf,SAAQ,IAAI,CAAC,wBAAwB,EAAE,UAAU,CAAC,EAChD,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,UAAU,CAAC;IACxD,KAAK,EAAE,qBAAqB,EAAE,CAAC;IAC/B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAED,QAAA,MAAM,gBAAgB,qGAWnB,sBAAsB,gBA4BxB,CAAC;AAEF,eAAe,gBAAgB,CAAC"}
|
|
@@ -30,10 +30,10 @@ var jsx_runtime_1 = require("react/jsx-runtime");
|
|
|
30
30
|
var __1 = require("../..");
|
|
31
31
|
var divider_1 = __importDefault(require("../Menu/divider"));
|
|
32
32
|
var ReqoreRadioGroup = function (_a) {
|
|
33
|
-
var _b = _a.items, items = _b === void 0 ? [] : _b, selected = _a.selected, onSelectClick = _a.onSelectClick, size = _a.size, disabled = _a.disabled, asSwitch = _a.asSwitch, _c = _a.vertical, vertical = _c === void 0 ? true : _c, rest = __rest(_a, ["items", "selected", "onSelectClick", "size", "disabled", "asSwitch", "vertical"]);
|
|
33
|
+
var _b = _a.items, items = _b === void 0 ? [] : _b, selected = _a.selected, onSelectClick = _a.onSelectClick, size = _a.size, disabled = _a.disabled, asSwitch = _a.asSwitch, _c = _a.vertical, vertical = _c === void 0 ? true : _c, onText = _a.onText, offText = _a.offText, rest = __rest(_a, ["items", "selected", "onSelectClick", "size", "disabled", "asSwitch", "vertical", "onText", "offText"]);
|
|
34
34
|
return ((0, jsx_runtime_1.jsx)(__1.ReqoreControlGroup, __assign({}, rest, { vertical: vertical }, { children: items.map(function (_a) {
|
|
35
35
|
var value = _a.value, divider = _a.divider, itemRest = __rest(_a, ["value", "divider"]);
|
|
36
|
-
return divider ? ((0, jsx_runtime_1.jsx)(divider_1["default"], __assign({}, itemRest, { size: size || itemRest.size, effect: __assign(__assign({}, itemRest.effect), { textAlign: 'left' }), margin: 'left', label: vertical ? itemRest.label : undefined }))) : ((0, react_1.createElement)(__1.ReqoreCheckbox, __assign({ asSwitch: asSwitch }, itemRest, { key: value, checked: value === selected, size: size || itemRest.size, disabled: disabled || itemRest.disabled, onClick: function () {
|
|
36
|
+
return divider ? ((0, jsx_runtime_1.jsx)(divider_1["default"], __assign({}, itemRest, { size: size || itemRest.size, effect: __assign(__assign({}, itemRest.effect), { textAlign: 'left' }), margin: 'left', label: vertical ? itemRest.label : undefined }))) : ((0, react_1.createElement)(__1.ReqoreCheckbox, __assign({ asSwitch: asSwitch, onText: onText, offText: offText }, itemRest, { key: value, checked: value === selected, size: size || itemRest.size, disabled: disabled || itemRest.disabled, onClick: function () {
|
|
37
37
|
onSelectClick(value);
|
|
38
38
|
} })));
|
|
39
39
|
}) })));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/RadioGroup/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AACA,2BAA2D;AAI3D,4DAAgD;
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/RadioGroup/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AACA,2BAA2D;AAI3D,4DAAgD;AAoBhD,IAAM,gBAAgB,GAAG,UAAC,EAWD;IAVvB,IAAA,aAAU,EAAV,KAAK,mBAAG,EAAE,KAAA,EACV,QAAQ,cAAA,EACR,aAAa,mBAAA,EACb,IAAI,UAAA,EACJ,QAAQ,cAAA,EACR,QAAQ,cAAA,EACR,gBAAe,EAAf,QAAQ,mBAAG,IAAI,KAAA,EACf,MAAM,YAAA,EACN,OAAO,aAAA,EACJ,IAAI,cAViB,uGAWzB,CADQ;IACqB,OAAA,CAC5B,uBAAC,sBAAkB,eAAK,IAAI,IAAE,QAAQ,EAAE,QAAQ,gBAC7C,KAAK,CAAC,GAAG,CAAC,UAAC,EAA+B;YAA7B,IAAA,KAAK,WAAA,EAAE,OAAO,aAAA,EAAK,QAAQ,cAA7B,oBAA+B,CAAF;YACvC,OAAA,OAAO,CAAC,CAAC,CAAC,CACR,uBAAC,oBAAiB,eACZ,QAAQ,IACZ,IAAI,EAAE,IAAI,IAAI,QAAQ,CAAC,IAAI,EAC3B,MAAM,wBAAO,QAAQ,CAAC,MAAM,KAAE,SAAS,EAAE,MAAM,KAC/C,MAAM,EAAC,MAAM,EACb,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,CAAC,SAAS,IAC5C,CACH,CAAC,CAAC,CAAC,CACF,2BAAC,kBAAc,aACb,QAAQ,EAAE,QAAQ,EAClB,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,OAAO,IACZ,QAAQ,IACZ,GAAG,EAAE,KAAK,EACV,OAAO,EAAE,KAAK,KAAK,QAAQ,EAC3B,IAAI,EAAE,IAAI,IAAI,QAAQ,CAAC,IAAI,EAC3B,QAAQ,EAAE,QAAQ,IAAI,QAAQ,CAAC,QAAQ,EACvC,OAAO,EAAE;oBACP,aAAa,CAAC,KAAK,CAAC,CAAC;gBACvB,CAAC,IACD,CACH,CAAA;SAAA,CACF,IACkB,CACtB,CAAA;CAAA,CAAC;AAEF,qBAAe,gBAAgB,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Tag/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAiC,MAAM,OAAO,CAAC;AAGtD,OAAO,EAML,MAAM,EACP,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EAAE,YAAY,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AAUpE,OAAO,EACL,eAAe,EACf,aAAa,EACb,iBAAiB,EACjB,kBAAkB,EAClB,kBAAkB,EACnB,MAAM,oBAAoB,CAAC;AAC5B,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAgB,kBAAkB,EAAE,eAAe,EAAE,MAAM,WAAW,CAAC;AAG9E,MAAM,WAAW,gBAAiB,SAAQ,kBAAkB,EAAE,eAAe,EAAE,aAAa;IAC1F,IAAI,EAAE,eAAe,CAAC;IACtB,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,cAAc,CAAC,KAAK,IAAI,CAAC;CAC7D;AAED,MAAM,WAAW,eACf,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC,EAAE,UAAU,CAAC,EAC7D,kBAAkB,EAClB,eAAe,EACf,iBAAiB,EACjB,kBAAkB;IACpB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC3B,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,cAAc,CAAC,KAAK,IAAI,CAAC;IAClE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,cAAc,CAAC,KAAK,IAAI,CAAC;IAC5D,IAAI,CAAC,EAAE,eAAe,CAAC;IACvB,SAAS,CAAC,EAAE,eAAe,CAAC;IAC5B,KAAK,CAAC,EAAE,kBAAkB,CAAC;IAC3B,OAAO,CAAC,EAAE,gBAAgB,EAAE,CAAC;IAC7B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Tag/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAiC,MAAM,OAAO,CAAC;AAGtD,OAAO,EAML,MAAM,EACP,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EAAE,YAAY,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AAUpE,OAAO,EACL,eAAe,EACf,aAAa,EACb,iBAAiB,EACjB,kBAAkB,EAClB,kBAAkB,EACnB,MAAM,oBAAoB,CAAC;AAC5B,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAgB,kBAAkB,EAAE,eAAe,EAAE,MAAM,WAAW,CAAC;AAG9E,MAAM,WAAW,gBAAiB,SAAQ,kBAAkB,EAAE,eAAe,EAAE,aAAa;IAC1F,IAAI,EAAE,eAAe,CAAC;IACtB,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,cAAc,CAAC,KAAK,IAAI,CAAC;CAC7D;AAED,MAAM,WAAW,eACf,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC,EAAE,UAAU,CAAC,EAC7D,kBAAkB,EAClB,eAAe,EACf,iBAAiB,EACjB,kBAAkB;IACpB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC3B,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,cAAc,CAAC,KAAK,IAAI,CAAC;IAClE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,cAAc,CAAC,KAAK,IAAI,CAAC;IAC5D,IAAI,CAAC,EAAE,eAAe,CAAC;IACvB,SAAS,CAAC,EAAE,eAAe,CAAC;IAC5B,KAAK,CAAC,EAAE,kBAAkB,CAAC;IAC3B,OAAO,CAAC,EAAE,gBAAgB,EAAE,CAAC;IAC7B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,MAAM,CAAC,EAAE,aAAa,CAAC;IACvB,IAAI,CAAC,EAAE,OAAO,CAAC;CAChB;AAED,MAAM,WAAW,eAAgB,SAAQ,eAAe;IACtD,KAAK,EAAE,YAAY,CAAC;IACpB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,KAAK,CAAC,EAAE,eAAe,CAAC;CACzB;AAED,eAAO,MAAM,SAAS,KA+DrB,CAAC;AAgFF,QAAA,MAAM,SAAS,yFA8Id,CAAC;AAEF,eAAe,SAAS,CAAC"}
|
|
@@ -73,8 +73,8 @@ exports.StyledTag = (0, styled_components_1["default"])(Effect_1.StyledEffect)(t
|
|
|
73
73
|
var size = _a.size;
|
|
74
74
|
return sizes_1.SIZE_TO_PX[size];
|
|
75
75
|
}, function (_a) {
|
|
76
|
-
var
|
|
77
|
-
return (
|
|
76
|
+
var asBadge = _a.asBadge, size = _a.size;
|
|
77
|
+
return (asBadge ? 18 : sizes_1.RADIUS_FROM_SIZE[size]);
|
|
78
78
|
}, function (_a) {
|
|
79
79
|
var width = _a.width;
|
|
80
80
|
return width || undefined;
|
|
@@ -82,11 +82,11 @@ exports.StyledTag = (0, styled_components_1["default"])(Effect_1.StyledEffect)(t
|
|
|
82
82
|
var wrap = _a.wrap, hasWidth = _a.hasWidth;
|
|
83
83
|
return wrap || hasWidth
|
|
84
84
|
? (0, styled_components_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n min-height: ", "px;\n "], ["\n min-height: ", "px;\n "])), function (_a) {
|
|
85
|
-
var size = _a.size,
|
|
86
|
-
return
|
|
85
|
+
var size = _a.size, asBadge = _a.asBadge;
|
|
86
|
+
return asBadge ? sizes_1.BADGE_SIZE_TO_PX[size] : sizes_1.SIZE_TO_PX[size];
|
|
87
87
|
}) : (0, styled_components_1.css)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n height: ", "px;\n "], ["\n height: ", "px;\n "])), function (_a) {
|
|
88
|
-
var size = _a.size,
|
|
89
|
-
return (
|
|
88
|
+
var size = _a.size, asBadge = _a.asBadge;
|
|
89
|
+
return (asBadge ? sizes_1.BADGE_SIZE_TO_PX[size] : sizes_1.SIZE_TO_PX[size]);
|
|
90
90
|
});
|
|
91
91
|
}, function (_a) {
|
|
92
92
|
var theme = _a.theme, color = _a.color, labelKey = _a.labelKey, minimal = _a.minimal;
|
|
@@ -140,19 +140,22 @@ var StyledButtonWrapper = styled_components_1["default"].span(templateObject_16
|
|
|
140
140
|
: (0, polished_1.rgba)('#000000', 0.2));
|
|
141
141
|
});
|
|
142
142
|
var ReqoreTag = (0, react_1.forwardRef)(function (_a, ref) {
|
|
143
|
-
var tooltip = _a.tooltip, label = _a.label, labelKey = _a.labelKey, icon = _a.icon, rightIcon = _a.rightIcon, className = _a.className, onClick = _a.onClick, _b = _a.size, size = _b === void 0 ? 'normal' : _b, onRemoveClick = _a.onRemoveClick, actions = _a.actions,
|
|
143
|
+
var tooltip = _a.tooltip, label = _a.label, labelKey = _a.labelKey, icon = _a.icon, rightIcon = _a.rightIcon, className = _a.className, onClick = _a.onClick, _b = _a.size, size = _b === void 0 ? 'normal' : _b, onRemoveClick = _a.onRemoveClick, actions = _a.actions, asBadge = _a.asBadge, intent = _a.intent, color = _a.color, minimal = _a.minimal, _c = _a.wrap, wrap = _c === void 0 ? false : _c, width = _a.width, rest = __rest(_a, ["tooltip", "label", "labelKey", "icon", "rightIcon", "className", "onClick", "size", "onRemoveClick", "actions", "asBadge", "intent", "color", "minimal", "wrap", "width"]);
|
|
144
144
|
var targetRef = (0, useCombinedRefs_1.useCombinedRefs)(ref).targetRef;
|
|
145
145
|
var theme = (0, react_1.useContext)(ThemeContext_1["default"]);
|
|
146
146
|
(0, useTooltip_1.useTooltip)(targetRef.current, tooltip);
|
|
147
147
|
// If color or intent was specified, set the color
|
|
148
|
-
var
|
|
149
|
-
|
|
150
|
-
|
|
151
|
-
|
|
152
|
-
|
|
148
|
+
var getCustomColor = function (itemIntent) {
|
|
149
|
+
var customColor = itemIntent
|
|
150
|
+
? theme.intents[itemIntent]
|
|
151
|
+
: (0, colors_1.getColorFromMaybeString)(theme, color);
|
|
152
|
+
customColor = minimal ? "".concat(customColor || '#000000', "40") : customColor;
|
|
153
|
+
return customColor;
|
|
154
|
+
};
|
|
155
|
+
return ((0, jsx_runtime_1.jsxs)(exports.StyledTag, __assign({}, rest, { effect: __assign(__assign({}, rest.effect), { interactive: !!onClick && !rest.disabled }), width: width, labelKey: labelKey, color: getCustomColor(intent), className: "".concat(className || '', " reqore-tag"), size: size, ref: targetRef, asBadge: asBadge, minimal: minimal, removable: !!onRemoveClick, interactive: !!onClick && !rest.disabled, wrap: wrap, hasWidth: !!width }, { children: [icon || labelKey ? ((0, jsx_runtime_1.jsxs)(StyledTagKeyWrapper, __assign({ size: size, className: 'reqore-tag-key-content', onClick: rest.disabled ? undefined : onClick, wrap: wrap, hasWidth: !!width, hasKey: !!labelKey }, { children: [icon && (0, jsx_runtime_1.jsx)(Icon_1["default"], { icon: icon, size: size, margin: label ? 'left' : 'both' }), labelKey && ((0, jsx_runtime_1.jsx)(StyledTagContentKey, __assign({ wrap: wrap, hasWidth: !!width, size: size }, { children: labelKey })))] }))) : null, label || label === 0 || rightIcon ? ((0, jsx_runtime_1.jsxs)(StyledTagContentWrapper, __assign({ size: size, className: 'reqore-tag-content', onClick: rest.disabled ? undefined : onClick, wrap: wrap, hasWidth: !!width, hasKey: !!labelKey }, { children: [label || label === 0 ? ((0, jsx_runtime_1.jsx)(StyledTagContent, __assign({ size: size, wrap: wrap, hasWidth: !!width }, { children: label }))) : null, rightIcon && ((0, jsx_runtime_1.jsx)(StyledTagRightIcon, { icon: rightIcon, size: size, margin: label || icon ? 'right' : 'both' }))] }))) : null, (0, size_1["default"])(actions)
|
|
153
156
|
? actions.map(function (action, index) { return ((0, jsx_runtime_1.jsx)(react_1["default"].Fragment, { children: (0, jsx_runtime_1.jsx)(__1.ReqorePopover, __assign({ component: StyledButtonWrapper, componentProps: {
|
|
154
157
|
size: size,
|
|
155
|
-
color:
|
|
158
|
+
color: getCustomColor(action.intent),
|
|
156
159
|
className: 'reqore-tag-action',
|
|
157
160
|
onClick: action.onClick,
|
|
158
161
|
effect: rest.effect
|
|
@@ -163,7 +166,7 @@ var ReqoreTag = (0, react_1.forwardRef)(function (_a, ref) {
|
|
|
163
166
|
: {}), { noWrapper: true }, { children: (0, jsx_runtime_1.jsx)(Icon_1["default"], { icon: action.icon, size: size }) })) }, index)); })
|
|
164
167
|
: null, onRemoveClick && !rest.disabled ? ((0, jsx_runtime_1.jsx)(__1.ReqorePopover, __assign({ component: StyledButtonWrapper, componentProps: {
|
|
165
168
|
size: size,
|
|
166
|
-
color:
|
|
169
|
+
color: getCustomColor(intent),
|
|
167
170
|
className: 'reqore-tag-remove',
|
|
168
171
|
onClick: onRemoveClick,
|
|
169
172
|
effect: rest.effect
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Tag/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,qDAAgC;AAChC,qCAAgC;AAChC,6CAAsD;AACtD,qEAAgD;AAChD,2BAAsC;AACtC,+CAO+B;AAE/B,4EAAsD;AACtD,+CAK8B;AAC9B,+DAA8D;AAC9D,qDAAoD;AASpD,oCAA8E;AAC9E,iDAAiC;AAmCpB,QAAA,SAAS,GAAG,IAAA,8BAAM,EAAC,qBAAY,CAAC,4aAAiB,kNAS/C,EAAkC,sBAElC,EAA8B,wBAC1B,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Tag/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -92,16 +92,16 @@ exports.StyledTextarea = (0, styled_components_1["default"])(Effect_1.StyledEffe
|
|
|
92
92
|
return minimal || !rounded ? 0 : sizes_1.RADIUS_FROM_SIZE[_size];
|
|
93
93
|
}, function (_a) {
|
|
94
94
|
var minimal = _a.minimal, theme = _a.theme, flat = _a.flat;
|
|
95
|
-
return !minimal && !flat ? "1px solid ".concat((0, colors_1.changeLightness)(theme.main, 0.
|
|
95
|
+
return !minimal && !flat ? "1px solid ".concat((0, colors_1.changeLightness)(theme.main, 0.2)) : 0;
|
|
96
96
|
}, function (_a) {
|
|
97
97
|
var minimal = _a.minimal, theme = _a.theme, flat = _a.flat;
|
|
98
|
-
return minimal && !flat ? "0.5px solid ".concat((0, colors_1.changeLightness)(theme.main, 0.
|
|
98
|
+
return minimal && !flat ? "0.5px solid ".concat((0, colors_1.changeLightness)(theme.main, 0.2)) : undefined;
|
|
99
99
|
}, function (_a) {
|
|
100
100
|
var disabled = _a.disabled, readOnly = _a.readOnly;
|
|
101
101
|
return !disabled && !readOnly
|
|
102
102
|
? (0, styled_components_1.css)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n &:active,\n &:focus,\n &:hover {\n outline: none;\n border-color: ", ";\n }\n "], ["\n &:active,\n &:focus,\n &:hover {\n outline: none;\n border-color: ", ";\n }\n "])), function (_a) {
|
|
103
103
|
var theme = _a.theme;
|
|
104
|
-
return (0, colors_1.changeLightness)(theme.main, 0.
|
|
104
|
+
return (0, colors_1.changeLightness)(theme.main, 0.25);
|
|
105
105
|
}) : undefined;
|
|
106
106
|
}, function (_a) {
|
|
107
107
|
var theme = _a.theme;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Textarea/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,qCAAgC;AAChC,+BAA0C;AAC1C,qEAAgD;AAChD,+CAAiF;AAEjF,+CAAyE;AACzE,+DAA8D;AAC9D,iDAAsD;AACtD,qDAAoD;AACpD,uCAAgE;AAShE,oCAAyC;AAEzC,yEAAyD;AA+B5C,QAAA,qBAAqB,GAAG,8BAAM,CAAC,GAAG,mKAAsB,cACzD,EAAoD,cACrD,EAAsE,aACvE,EAAwC,iDAGjD,KALW,UAAC,EAAU;QAAR,MAAM,YAAA;IAAO,OAAA,CAAC,MAAM,CAAC,CAAC,CAAC,UAAG,MAAM,OAAI,CAAC,CAAC,CAAC,SAAS,CAAC;AAApC,CAAoC,EACrD,UAAC,EAAgB;QAAd,KAAK,WAAA,EAAE,KAAK,WAAA;IAAO,OAAA,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,UAAG,KAAK,OAAI,CAAC,CAAC,CAAC,MAAM,CAAC;AAAhD,CAAgD,EACvE,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,CAAC,KAAK,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,SAAS,CAAC;AAAzB,CAAyB,EAGhD;AAEW,QAAA,cAAc,GAAG,IAAA,8BAAM,EAAC,qBAAY,CAAC,unBAAsB,kDAGzD,EAAoC,iFAK7B,EAC6B,cACxC,EACgE,2FAMnD,EAC8B,6BAGnC,EACkC,iBACzC,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Textarea/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,qCAAgC;AAChC,+BAA0C;AAC1C,qEAAgD;AAChD,+CAAiF;AAEjF,+CAAyE;AACzE,+DAA8D;AAC9D,iDAAsD;AACtD,qDAAoD;AACpD,uCAAgE;AAShE,oCAAyC;AAEzC,yEAAyD;AA+B5C,QAAA,qBAAqB,GAAG,8BAAM,CAAC,GAAG,mKAAsB,cACzD,EAAoD,cACrD,EAAsE,aACvE,EAAwC,iDAGjD,KALW,UAAC,EAAU;QAAR,MAAM,YAAA;IAAO,OAAA,CAAC,MAAM,CAAC,CAAC,CAAC,UAAG,MAAM,OAAI,CAAC,CAAC,CAAC,SAAS,CAAC;AAApC,CAAoC,EACrD,UAAC,EAAgB;QAAd,KAAK,WAAA,EAAE,KAAK,WAAA;IAAO,OAAA,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,UAAG,KAAK,OAAI,CAAC,CAAC,CAAC,MAAM,CAAC;AAAhD,CAAgD,EACvE,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,CAAC,KAAK,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,SAAS,CAAC;AAAzB,CAAyB,EAGhD;AAEW,QAAA,cAAc,GAAG,IAAA,8BAAM,EAAC,qBAAY,CAAC,unBAAsB,kDAGzD,EAAoC,iFAK7B,EAC6B,cACxC,EACgE,2FAMnD,EAC8B,6BAGnC,EACkC,iBACzC,EAC+D,sBACxD,EACiE,6CAIhF,EAUa,yEAIJ,EAC2E,4DAKzE,EAC2E,qBAItF,EAA6C,2BAG3C,EAAe,UAEpB,KAzDc,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,sBAAc,CAAC,KAAK,CAAC;AAArB,CAAqB,EAK7B,UAAC,EAAqC;QAAnC,KAAK,WAAA,EAAE,OAAO,aAAA;IACnC,OAAA,OAAO,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,IAAA,eAAI,EAAC,KAAK,CAAC,IAAI,EAAE,GAAG,CAAC;AAA/C,CAA+C,EACxC,UAAC,EAA4B;QAA1B,KAAK,WAAA;IACf,OAAA,IAAA,yBAAgB,EAAC,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,IAAI,EAAE,KAAK,CAAC,YAAY,CAAC;AAAvE,CAAuE,EAMnD,UAAC,EAAqC;QAAnC,KAAK,WAAA,EAAE,OAAO,aAAA;IACnC,OAAA,OAAO,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,IAAA,eAAI,EAAC,KAAK,CAAC,IAAI,EAAE,IAAI,CAAC;AAAhD,CAAgD,EAGnC,UAAC,EAA2B;QAAzB,OAAO,aAAA,EAAE,OAAO,aAAA,EAAE,KAAK,WAAA;IACzC,OAAA,OAAO,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,wBAAgB,CAAC,KAAK,CAAC;AAAjD,CAAiD,EACzC,UAAC,EAAwB;QAAtB,OAAO,aAAA,EAAE,KAAK,WAAA,EAAE,IAAI,UAAA;IAC/B,OAAA,CAAC,OAAO,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,oBAAa,IAAA,wBAAe,EAAC,KAAK,CAAC,IAAI,EAAE,GAAG,CAAC,CAAE,CAAC,CAAC,CAAC,CAAC;AAAvE,CAAuE,EACxD,UAAC,EAAwB;QAAtB,OAAO,aAAA,EAAE,KAAK,WAAA,EAAE,IAAI,UAAA;IACtC,OAAA,OAAO,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,sBAAe,IAAA,wBAAe,EAAC,KAAK,CAAC,IAAI,EAAE,GAAG,CAAC,CAAE,CAAC,CAAC,CAAC,SAAS;AAAhF,CAAgF,EAIhF,UAAC,EAAsB;QAApB,QAAQ,cAAA,EAAE,QAAQ,cAAA;IACrB,OAAA,CAAC,QAAQ,IAAI,CAAC,QAAQ;QACpB,CAAC,KAAC,uBAAG,wNAAA,wHAKiB,EAAgD,0BAEnE,KAFmB,UAAC,EAAS;gBAAP,KAAK,WAAA;YAAO,OAAA,IAAA,wBAAe,EAAC,KAAK,CAAC,IAAI,EAAE,IAAI,CAAC;QAAjC,CAAiC,EAGtE,CAAC,CAAC,SAAS;AATb,CASa,EAIJ,UAAC,EAAS;QAAP,KAAK,WAAA;IACf,OAAA,IAAA,eAAI,EAAC,IAAA,yBAAgB,EAAC,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,IAAI,EAAE,KAAK,CAAC,YAAY,CAAC,EAAE,GAAG,CAAC;AAAlF,CAAkF,EAKzE,UAAC,EAAS;QAAP,KAAK,WAAA;IACf,OAAA,IAAA,eAAI,EAAC,IAAA,yBAAgB,EAAC,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,IAAI,EAAE,KAAK,CAAC,YAAY,CAAC,EAAE,GAAG,CAAC;AAAlF,CAAkF,EAItF,UAAC,EAAY;QAAV,QAAQ,cAAA;IAAO,OAAA,QAAQ,IAAI,wBAAe;AAA3B,CAA2B,EAG3C,wBAAe,EAEnB;AAEF,IAAM,WAAW,GAAG,IAAA,kBAAU,EAC5B,UACE,EAcuB,EACvB,GAAQ;;IAdN,IAAA,KAAK,WAAA,EACL,MAAM,YAAA,EACN,gBAAgB,sBAAA,EAChB,YAAe,EAAf,IAAI,mBAAG,QAAQ,KAAA,EACf,SAAS,eAAA,EACT,YAAY,kBAAA,EACZ,KAAK,WAAA,EACL,OAAO,aAAA,EACP,WAAW,iBAAA,EACX,MAAM,YAAA,EACN,eAAc,EAAd,OAAO,mBAAG,IAAI,KAAA,EACd,YAAY,kBAAA,EACT,IAAI,cAbT,oJAcC,CADQ;IAID,IAAA,SAAS,GAAK,IAAA,iCAAe,EAAC,GAAG,CAAC,UAAzB,CAA0B;IAC3C,IAAM,KAAK,GAAG,IAAA,yBAAc,EAAC,MAAM,EAAE,WAAW,EAAE,MAAM,CAAC,CAAC;IAE1D,IAAA,uBAAU,EAAC,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,OAAO,EAAE,OAAO,CAAC,CAAC;IAExC,OAAO,CACL,wBAAC,6BAAqB,aACpB,SAAS,EAAE,UAAG,SAAS,IAAI,EAAE,4BAAyB,EACtD,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,MAAM,EACd,KAAK,EAAE,KAAK,EACZ,KAAK,EAAE,IAAI,EACX,KAAK,EAAE,KAAK,EACZ,KAAK,EAAE,YAAY,iBAEnB,uBAAC,sBAAc,eACT,IAAI,IACR,MAAM,aACJ,WAAW,EAAE,CAAC,CAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,QAAQ,CAAA,IAAI,CAAC,IAAI,CAAC,QAAQ,IAC3C,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,MAAM,GAEjB,EAAE,EAAC,UAAU,EACb,SAAS,EAAE,UAAG,SAAS,IAAI,EAAE,oCAAiC,EAC9D,KAAK,EAAE,IAAI,EACX,GAAG,EAAE,SAAS,EACd,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,OAAO,EAChB,IAAI,EAAE,gBAAgB,CAAC,CAAC,CAAC,CAAC,CAAA,MAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,KAAK,0CAAE,KAAK,CAAC,YAAY,EAAE,MAAM,KAAI,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,IACvF,EACD,CAAC,IAAI,CAAC,QAAQ,IAAI,CACjB,uBAAC,6BAAsB,IACrB,OAAO,EAAE,CAAC,CAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,QAAQ,CAAA,IAAI,CAAC,CAAC,CAAC,YAAY,KAAI,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,QAAQ,CAAA,CAAC,EAC9D,IAAI,EAAE,CAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,KAAK,KAAI,IAAI,CAAC,KAAK,KAAK,EAAE,EACtC,OAAO,EAAE,YAAY,EACrB,IAAI,EAAC,KAAK,GACV,CACH,KACqB,CACzB,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,qBAAe,WAAW,CAAC"}
|
package/package.json
CHANGED
|
@@ -304,7 +304,7 @@ export const ButtonBadge = memo((props: IReqoreButtonBadgeProps) => {
|
|
|
304
304
|
<ReqoreTag
|
|
305
305
|
key={key}
|
|
306
306
|
size={getOneLessSize(size)}
|
|
307
|
-
|
|
307
|
+
asBadge
|
|
308
308
|
color={color}
|
|
309
309
|
className='reqore-button-badge'
|
|
310
310
|
minimal={!(content as IReqoreTagProps)?.effect?.gradient}
|