@qoretechnologies/reqore 0.29.0 → 0.29.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/__tests__/checkbox.test.tsx +7 -12
- package/__tests__/multiselect.test.tsx +46 -0
- package/dist/components/Button/index.d.ts.map +1 -1
- package/dist/components/Button/index.js +4 -2
- package/dist/components/Button/index.js.map +1 -1
- package/dist/components/Checkbox/index.d.ts +9 -2
- package/dist/components/Checkbox/index.d.ts.map +1 -1
- package/dist/components/Checkbox/index.js +61 -31
- package/dist/components/Checkbox/index.js.map +1 -1
- package/dist/components/Effect/index.d.ts +18 -4
- package/dist/components/Effect/index.d.ts.map +1 -1
- package/dist/components/Effect/index.js +67 -26
- 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/Menu/divider.d.ts +1 -1
- package/dist/components/Menu/divider.d.ts.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/Panel/index.d.ts.map +1 -1
- package/dist/components/Panel/index.js.map +1 -1
- package/dist/components/RadioGroup/index.d.ts +4 -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/dist/constants/sizes.d.ts +7 -0
- package/dist/constants/sizes.d.ts.map +1 -1
- package/dist/constants/sizes.js +8 -1
- package/dist/constants/sizes.js.map +1 -1
- package/dist/constants/theme.d.ts +4 -1
- package/dist/constants/theme.d.ts.map +1 -1
- package/dist/constants/theme.js.map +1 -1
- package/dist/helpers/colors.d.ts +5 -4
- package/dist/helpers/colors.d.ts.map +1 -1
- package/dist/helpers/colors.js +35 -8
- package/dist/helpers/colors.js.map +1 -1
- package/dist/hooks/useReqoreEffect.d.ts +4 -0
- package/dist/hooks/useReqoreEffect.d.ts.map +1 -0
- package/dist/hooks/useReqoreEffect.js +42 -0
- package/dist/hooks/useReqoreEffect.js.map +1 -0
- package/dist/hooks/useTheme.d.ts +1 -0
- package/dist/hooks/useTheme.d.ts.map +1 -1
- package/dist/hooks/useTheme.js.map +1 -1
- package/dist/index.d.ts +2 -0
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +5 -1
- package/dist/index.js.map +1 -1
- package/package.json +1 -1
- package/src/components/Button/index.tsx +5 -3
- package/src/components/Checkbox/index.tsx +217 -38
- package/src/components/Effect/index.tsx +125 -17
- package/src/components/Icon/index.tsx +4 -52
- package/src/components/InternalPopover/index.tsx +3 -0
- package/src/components/Menu/divider.tsx +1 -1
- package/src/components/MultiSelect/index.tsx +20 -11
- package/src/components/Panel/index.tsx +3 -3
- package/src/components/RadioGroup/index.tsx +10 -2
- package/src/components/Tag/index.tsx +19 -13
- package/src/components/Textarea/index.tsx +3 -3
- package/src/constants/sizes.ts +8 -0
- package/src/constants/theme.ts +8 -1
- package/src/helpers/colors.ts +54 -11
- package/src/hooks/useReqoreEffect.ts +49 -0
- package/src/hooks/useTheme.ts +2 -1
- package/src/index.tsx +2 -0
- package/src/mock/collectionData.tsx +6 -6
- package/src/mock/multiSelect.ts +8 -0
- package/src/stories/Button/Button.stories.tsx +14 -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/Panel/Panel.stories.tsx +1 -1
- package/src/stories/Popover/Popover.stories.tsx +19 -2
- package/src/stories/RadioGroup/RadioGroup.stories.tsx +98 -1
- package/src/stories/Tag/Tag.stories.tsx +2 -2
- package/src/stories/utils/args.ts +1 -1
- package/tests.json +1 -1
|
@@ -53,16 +53,19 @@ exports.ReqoreTextEffect = exports.ReqoreEffect = exports.StyledTextEffect = exp
|
|
|
53
53
|
var jsx_runtime_1 = require("react/jsx-runtime");
|
|
54
54
|
var polished_1 = require("polished");
|
|
55
55
|
var styled_components_1 = __importStar(require("styled-components"));
|
|
56
|
+
var colors_1 = require("../../constants/colors");
|
|
56
57
|
var sizes_1 = require("../../constants/sizes");
|
|
57
|
-
var
|
|
58
|
-
|
|
59
|
-
|
|
58
|
+
var colors_2 = require("../../helpers/colors");
|
|
59
|
+
// Animate the gradient
|
|
60
|
+
var StyledGradientKeyframes = (0, styled_components_1.keyframes)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n 0% {\n background-position: 0% 0%;\n }\n 50% {\n background-position: 100% 100%;\n }\n 100% {\n background-position: 0% 0%;\n }\n"], ["\n 0% {\n background-position: 0% 0%;\n }\n 50% {\n background-position: 100% 100%;\n }\n 100% {\n background-position: 0% 0%;\n }\n"])));
|
|
61
|
+
exports.StyledEffect = styled_components_1["default"].span(templateObject_24 || (templateObject_24 = __makeTemplateObject(["\n transition: all 0.2s ease-in-out;\n\n // If gradient was supplied\n ", "\n\n ", "\n\n ", "\n\n ", "\n\n ", "\n\n ", "\n\n ", "\n\n ", "\n\n ", "\n\n ", ";\n ", ";\n ", ";\n ", ";\n ", ";\n ", ";\n ", ";\n ", ";\n"], ["\n transition: all 0.2s ease-in-out;\n\n // If gradient was supplied\n ", "\n\n ", "\n\n ", "\n\n ", "\n\n ", "\n\n ", "\n\n ", "\n\n ", "\n\n ", "\n\n ", ";\n ", ";\n ", ";\n ", ";\n ", ";\n ", ";\n ", ";\n ", ";\n"])), function (_a) {
|
|
62
|
+
var effect = _a.effect, theme = _a.theme, minimal = _a.minimal, active = _a.active, isText = _a.isText;
|
|
60
63
|
if (!effect || !effect.gradient) {
|
|
61
64
|
return undefined;
|
|
62
65
|
}
|
|
63
66
|
var gradientType = effect.gradient.type || 'linear';
|
|
64
|
-
var gradientColors = (0,
|
|
65
|
-
var gradientColorsActive = (0,
|
|
67
|
+
var gradientColors = (0, colors_2.createEffectGradient)(theme, effect.gradient.colors, 0, !isText && minimal && !active);
|
|
68
|
+
var gradientColorsActive = (0, colors_2.createEffectGradient)(theme, effect.gradient.colors, 0.05);
|
|
66
69
|
var gradientDirectionOrShape = gradientType === 'linear'
|
|
67
70
|
? effect.gradient.direction || 'to right'
|
|
68
71
|
: effect.gradient.shape || 'circle';
|
|
@@ -72,70 +75,108 @@ exports.StyledEffect = styled_components_1["default"].span(templateObject_13 ||
|
|
|
72
75
|
var color;
|
|
73
76
|
// Only works if there are 2 colors not more and color was not provided
|
|
74
77
|
if (!effect.color) {
|
|
75
|
-
color = (0,
|
|
78
|
+
color = (0, colors_2.getGradientMix)(theme, effect.gradient.colors);
|
|
76
79
|
}
|
|
77
80
|
var borderColor;
|
|
78
81
|
var borderHoverColor;
|
|
79
82
|
// The user provided a border color - we will use that
|
|
80
83
|
if (effect.gradient.borderColor) {
|
|
81
|
-
borderColor = "".concat((0,
|
|
82
|
-
borderHoverColor = "".concat((0,
|
|
84
|
+
borderColor = "".concat((0, colors_2.getColorFromMaybeString)(theme, effect.gradient.borderColor));
|
|
85
|
+
borderHoverColor = "".concat((0, colors_2.changeLightness)((0, colors_2.getColorFromMaybeString)(theme, effect.gradient.borderColor), 0.15));
|
|
83
86
|
}
|
|
84
|
-
else {
|
|
87
|
+
else if (!isText) {
|
|
85
88
|
// We will use border-image and create a gradient border
|
|
86
89
|
borderColor = 'transparent';
|
|
87
90
|
borderHoverColor = 'transparent';
|
|
88
|
-
var borderGradientColors = (0,
|
|
89
|
-
var borderGradientColorsActive = (0,
|
|
91
|
+
var borderGradientColors = (0, colors_2.createEffectGradient)(theme, effect.gradient.colors, 0.15);
|
|
92
|
+
var borderGradientColorsActive = (0, colors_2.createEffectGradient)(theme, effect.gradient.colors, 0.25);
|
|
90
93
|
gradient = "".concat(gradient, ", ").concat(gradientType, "-gradient(").concat(gradientDirectionOrShape).concat(borderGradientColors, ") border-box");
|
|
91
94
|
gradientActive = "".concat(gradientActive, ", ").concat(gradientType, "-gradient(").concat(gradientDirectionOrShape).concat(borderGradientColorsActive, ") border-box");
|
|
92
95
|
}
|
|
93
|
-
return (0, styled_components_1.css)(
|
|
96
|
+
return (0, styled_components_1.css)(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n background: ", ";\n border-color: ", " !important;\n\n ", "\n\n ", "\n\n ", "\n "], ["\n background: ", ";\n border-color: ", " !important;\n\n ", "\n\n ", "\n\n ", "\n "])), active ? gradientActive : gradient, borderColor, color && (0, styled_components_1.css)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n color: ", " !important;\n &::placeholder {\n color: ", " !important;\n }\n "], ["\n color: ", " !important;\n &::placeholder {\n color: ", " !important;\n }\n "])), (0, colors_2.getReadableColorFrom)((0, colors_2.getColorFromMaybeString)(theme, color), false), (0, polished_1.rgba)((0, colors_2.getReadableColorFrom)((0, colors_2.getColorFromMaybeString)(theme, color), false), 0.7)), effect.gradient.animate === 'always' || (effect.gradient.animate === 'active' && active)
|
|
97
|
+
? (0, styled_components_1.css)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n background-size: 200% 200%;\n animation: ", " 1.5s linear infinite;\n "], ["\n background-size: 200% 200%;\n animation: ", " 1.5s linear infinite;\n "])), StyledGradientKeyframes) : undefined, effect.interactive && (0, styled_components_1.css)(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n cursor: pointer;\n\n &:hover,\n &:focus,\n &:active {\n background: ", ";\n border-color: ", " !important;\n\n ", "\n }\n "], ["\n cursor: pointer;\n\n &:hover,\n &:focus,\n &:active {\n background: ", ";\n border-color: ", " !important;\n\n ", "\n }\n "])), gradientActive, borderHoverColor, effect.gradient.animate === 'hover' ||
|
|
98
|
+
(effect.gradient.animate === 'active' && active) ||
|
|
99
|
+
effect.gradient.animate === 'always'
|
|
100
|
+
? (0, styled_components_1.css)(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n background-size: 200% 200%;\n animation: ", " 2s linear infinite;\n "], ["\n background-size: 200% 200%;\n animation: ", " 2s linear infinite;\n "])), StyledGradientKeyframes) : undefined));
|
|
94
101
|
}, function (_a) {
|
|
95
|
-
var effect = _a.effect, theme = _a.theme;
|
|
102
|
+
var effect = _a.effect, theme = _a.theme, isText = _a.isText;
|
|
96
103
|
if (!effect || !effect.glow) {
|
|
97
104
|
return undefined;
|
|
98
105
|
}
|
|
99
|
-
if (
|
|
100
|
-
return (0, styled_components_1.css)(
|
|
106
|
+
if (!isText) {
|
|
107
|
+
return (0, styled_components_1.css)(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n box-shadow: ", " 0 0 ", "px\n ", "px ", ";\n "], ["\n box-shadow: ", " 0 0 ", "px\n ", "px ", ";\n "])), effect.glow.inset ? 'inset ' : '', effect.glow.blur || 0, effect.glow.size || 2, (0, colors_2.getColorFromMaybeString)(theme, effect.glow.color));
|
|
101
108
|
}
|
|
102
|
-
|
|
109
|
+
var color = (0, colors_2.getColorFromMaybeString)(theme, effect.glow.color === 'main' ? 'main:lighten:2' : effect.glow.color);
|
|
110
|
+
var blur = effect.glow.blur || 0;
|
|
111
|
+
return (0, styled_components_1.css)(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n color: ", ";\n text-shadow: 0 0 ", "px ", ", 0 0 ", "px ", ", 0 0 ", "px ", ",\n 0 0 1px ", ", 0 0 2px ", ",\n 0 0 3px ", ";\n "], ["\n color: ", ";\n text-shadow: 0 0 ", "px ", ", 0 0 ", "px ", ", 0 0 ", "px ", ",\n 0 0 1px ", ", 0 0 2px ", ",\n 0 0 3px ", ";\n "])), colors_1.Colors.LIGHT, blur, color, blur + 5, color, blur + 10, color, (0, colors_2.getReadableColorFrom)(color), (0, colors_2.getReadableColorFrom)(color), (0, colors_2.getReadableColorFrom)(color));
|
|
103
112
|
}, function (_a) {
|
|
104
113
|
var effect = _a.effect;
|
|
105
114
|
return effect && effect.spaced
|
|
106
|
-
? (0, styled_components_1.css)(
|
|
115
|
+
? (0, styled_components_1.css)(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n letter-spacing: ", "px;\n "], ["\n letter-spacing: ", "px;\n "])), effect.spaced) : undefined;
|
|
107
116
|
}, function (_a) {
|
|
108
117
|
var effect = _a.effect;
|
|
109
118
|
return effect && effect.uppercase
|
|
110
|
-
? (0, styled_components_1.css)(
|
|
119
|
+
? (0, styled_components_1.css)(templateObject_10 || (templateObject_10 = __makeTemplateObject(["\n text-transform: uppercase;\n "], ["\n text-transform: uppercase;\n "]))) : undefined;
|
|
111
120
|
}, function (_a) {
|
|
112
121
|
var effect = _a.effect;
|
|
113
122
|
if (!effect || !effect.weight) {
|
|
114
123
|
return undefined;
|
|
115
124
|
}
|
|
116
125
|
var weight = typeof effect.weight === 'number' ? effect.weight : sizes_1.WEIGHT_TO_NUMBER[effect.weight];
|
|
117
|
-
return (0, styled_components_1.css)(
|
|
126
|
+
return (0, styled_components_1.css)(templateObject_11 || (templateObject_11 = __makeTemplateObject(["\n font-weight: ", " !important;\n "], ["\n font-weight: ", " !important;\n "])), weight);
|
|
118
127
|
}, function (_a) {
|
|
119
128
|
var effect = _a.effect;
|
|
120
129
|
return effect && effect.noWrap
|
|
121
|
-
? (0, styled_components_1.css)(
|
|
130
|
+
? (0, styled_components_1.css)(templateObject_12 || (templateObject_12 = __makeTemplateObject(["\n white-space: nowrap;\n text-overflow: ellipsis;\n overflow: hidden;\n "], ["\n white-space: nowrap;\n text-overflow: ellipsis;\n overflow: hidden;\n "]))) : undefined;
|
|
122
131
|
}, function (_a) {
|
|
123
132
|
var effect = _a.effect, theme = _a.theme;
|
|
124
133
|
return effect && effect.color
|
|
125
|
-
? (0, styled_components_1.css)(
|
|
134
|
+
? (0, styled_components_1.css)(templateObject_13 || (templateObject_13 = __makeTemplateObject(["\n color: ", " !important;\n "], ["\n color: ", " !important;\n "])), (0, colors_2.getColorFromMaybeString)(theme, effect.color)) : undefined;
|
|
126
135
|
}, function (_a) {
|
|
127
136
|
var effect = _a.effect;
|
|
128
137
|
return effect && effect.textSize
|
|
129
|
-
? (0, styled_components_1.css)(
|
|
138
|
+
? (0, styled_components_1.css)(templateObject_14 || (templateObject_14 = __makeTemplateObject(["\n font-size: ", "px !important;\n "], ["\n font-size: ", "px !important;\n "])), sizes_1.TEXT_FROM_SIZE[effect.textSize]) : undefined;
|
|
130
139
|
}, function (_a) {
|
|
131
140
|
var effect = _a.effect;
|
|
132
141
|
return effect && effect.textAlign
|
|
133
|
-
? (0, styled_components_1.css)(
|
|
142
|
+
? (0, styled_components_1.css)(templateObject_15 || (templateObject_15 = __makeTemplateObject(["\n width: 100%;\n text-align: ", ";\n "], ["\n width: 100%;\n text-align: ", ";\n "])), effect.textAlign) : undefined;
|
|
143
|
+
}, function (_a) {
|
|
144
|
+
var effect = _a.effect;
|
|
145
|
+
return effect &&
|
|
146
|
+
effect.grayscale && (0, styled_components_1.css)(templateObject_16 || (templateObject_16 = __makeTemplateObject(["\n filter: grayscale(100%);\n "], ["\n filter: grayscale(100%);\n "])));
|
|
147
|
+
}, function (_a) {
|
|
148
|
+
var effect = _a.effect;
|
|
149
|
+
return effect &&
|
|
150
|
+
effect.blur && (0, styled_components_1.css)(templateObject_17 || (templateObject_17 = __makeTemplateObject(["\n filter: blur(", "px);\n "], ["\n filter: blur(", "px);\n "])), effect.blur);
|
|
151
|
+
}, function (_a) {
|
|
152
|
+
var effect = _a.effect;
|
|
153
|
+
return effect &&
|
|
154
|
+
effect.sepia && (0, styled_components_1.css)(templateObject_18 || (templateObject_18 = __makeTemplateObject(["\n filter: sepia(100%);\n "], ["\n filter: sepia(100%);\n "])));
|
|
155
|
+
}, function (_a) {
|
|
156
|
+
var effect = _a.effect;
|
|
157
|
+
return effect &&
|
|
158
|
+
effect.invert && (0, styled_components_1.css)(templateObject_19 || (templateObject_19 = __makeTemplateObject(["\n filter: invert(100%);\n "], ["\n filter: invert(100%);\n "])));
|
|
159
|
+
}, function (_a) {
|
|
160
|
+
var effect = _a.effect;
|
|
161
|
+
return effect && (effect.opacity || effect.opacity === 0)
|
|
162
|
+
? (0, styled_components_1.css)(templateObject_20 || (templateObject_20 = __makeTemplateObject(["\n opacity: ", ";\n "], ["\n opacity: ", ";\n "])), effect.opacity) : undefined;
|
|
163
|
+
}, function (_a) {
|
|
164
|
+
var effect = _a.effect;
|
|
165
|
+
return effect &&
|
|
166
|
+
effect.brightness && (0, styled_components_1.css)(templateObject_21 || (templateObject_21 = __makeTemplateObject(["\n filter: brightness(", "%);\n "], ["\n filter: brightness(", "%);\n "])), effect.brightness);
|
|
167
|
+
}, function (_a) {
|
|
168
|
+
var effect = _a.effect;
|
|
169
|
+
return effect &&
|
|
170
|
+
effect.contrast && (0, styled_components_1.css)(templateObject_22 || (templateObject_22 = __makeTemplateObject(["\n filter: contrast(", "%);\n "], ["\n filter: contrast(", "%);\n "])), effect.contrast);
|
|
171
|
+
}, function (_a) {
|
|
172
|
+
var effect = _a.effect;
|
|
173
|
+
return effect &&
|
|
174
|
+
effect.saturate && (0, styled_components_1.css)(templateObject_23 || (templateObject_23 = __makeTemplateObject(["\n filter: saturate(", "%);\n "], ["\n filter: saturate(", "%);\n "])), effect.saturate);
|
|
134
175
|
});
|
|
135
|
-
exports.StyledTextEffect = (0, styled_components_1["default"])(exports.StyledEffect)(
|
|
176
|
+
exports.StyledTextEffect = (0, styled_components_1["default"])(exports.StyledEffect).attrs(function (props) { return (__assign(__assign({}, props), { isText: true })); })(templateObject_26 || (templateObject_26 = __makeTemplateObject(["\n display: inline-block;\n\n ", "\n"], ["\n display: inline-block;\n\n ", "\n"])), function (_a) {
|
|
136
177
|
var effect = _a.effect;
|
|
137
178
|
return effect && effect.gradient
|
|
138
|
-
? (0, styled_components_1.css)(
|
|
179
|
+
? (0, styled_components_1.css)(templateObject_25 || (templateObject_25 = __makeTemplateObject(["\n -webkit-background-clip: text !important;\n -webkit-text-fill-color: transparent !important;\n "], ["\n -webkit-background-clip: text !important;\n -webkit-text-fill-color: transparent !important;\n "]))) : undefined;
|
|
139
180
|
});
|
|
140
181
|
var ReqoreEffect = function (_a) {
|
|
141
182
|
var children = _a.children, rest = __rest(_a, ["children"]);
|
|
@@ -147,5 +188,5 @@ var ReqoreTextEffect = function (_a) {
|
|
|
147
188
|
return ((0, jsx_runtime_1.jsx)(exports.StyledTextEffect, __assign({ className: 'reqore-text-effect' }, rest, { children: children })));
|
|
148
189
|
};
|
|
149
190
|
exports.ReqoreTextEffect = ReqoreTextEffect;
|
|
150
|
-
var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9, templateObject_10, templateObject_11, templateObject_12, templateObject_13, templateObject_14, templateObject_15;
|
|
191
|
+
var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9, templateObject_10, templateObject_11, templateObject_12, templateObject_13, templateObject_14, templateObject_15, templateObject_16, templateObject_17, templateObject_18, templateObject_19, templateObject_20, templateObject_21, templateObject_22, templateObject_23, templateObject_24, templateObject_25, templateObject_26;
|
|
151
192
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Effect/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,qCAAgC;AAEhC,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Effect/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -2,8 +2,9 @@ import React from 'react';
|
|
|
2
2
|
import { IconBaseProps } from 'react-icons/lib';
|
|
3
3
|
import { TSizes } from '../../constants/sizes';
|
|
4
4
|
import { TReqoreIntent } from '../../constants/theme';
|
|
5
|
+
import { IWithReqoreEffect } from '../../types/global';
|
|
5
6
|
import { IReqoreIconName } from '../../types/icons';
|
|
6
|
-
export interface IReqoreIconProps extends React.HTMLAttributes<HTMLSpanElement
|
|
7
|
+
export interface IReqoreIconProps extends React.HTMLAttributes<HTMLSpanElement>, IWithReqoreEffect {
|
|
7
8
|
icon?: IReqoreIconName;
|
|
8
9
|
color?: string;
|
|
9
10
|
size?: TSizes | string;
|
|
@@ -12,14 +13,6 @@ export interface IReqoreIconProps extends React.HTMLAttributes<HTMLSpanElement>
|
|
|
12
13
|
margin?: 'right' | 'left' | 'both';
|
|
13
14
|
image?: string;
|
|
14
15
|
rounded?: boolean;
|
|
15
|
-
grayscale?: boolean;
|
|
16
|
-
blur?: number;
|
|
17
|
-
sepia?: boolean;
|
|
18
|
-
invert?: boolean;
|
|
19
|
-
opacity?: number;
|
|
20
|
-
brightness?: number;
|
|
21
|
-
contrast?: number;
|
|
22
|
-
saturate?: number;
|
|
23
16
|
}
|
|
24
17
|
export declare const StyledIconWrapper: any;
|
|
25
18
|
declare const ReqoreIcon: React.MemoExoticComponent<({ icon, size, className, color, margin, style, iconProps, intent, image, ...rest }: IReqoreIconProps) => JSX.Element>;
|
|
@@ -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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"}
|
|
@@ -2,7 +2,7 @@ import React from 'react';
|
|
|
2
2
|
import { IWithReqoreEffect, IWithReqoreSize } from '../../types/global';
|
|
3
3
|
export interface IReqoreMenuDividerProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'children'>, IWithReqoreEffect, IWithReqoreSize {
|
|
4
4
|
label?: string | number;
|
|
5
|
-
margin?: 'left' | 'right' | 'both';
|
|
5
|
+
margin?: 'left' | 'right' | 'both' | 'none';
|
|
6
6
|
align?: 'left' | 'center' | 'right';
|
|
7
7
|
}
|
|
8
8
|
export declare const StyledMenuDivider: any;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"divider.d.ts","sourceRoot":"","sources":["../../../src/components/Menu/divider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAK1C,OAAO,EAAE,iBAAiB,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAGxE,MAAM,WAAW,uBACf,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,UAAU,CAAC,EAC5D,iBAAiB,EACjB,eAAe;IACjB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,MAAM,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,MAAM,CAAC;
|
|
1
|
+
{"version":3,"file":"divider.d.ts","sourceRoot":"","sources":["../../../src/components/Menu/divider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAK1C,OAAO,EAAE,iBAAiB,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAGxE,MAAM,WAAW,uBACf,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,UAAU,CAAC,EAC5D,iBAAiB,EACjB,eAAe;IACjB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,MAAM,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,MAAM,GAAG,MAAM,CAAC;IAC5C,KAAK,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAC;CACrC;AAED,eAAO,MAAM,iBAAiB,KAqB7B,CAAC;AAEF,QAAA,MAAM,iBAAiB,gGAgCtB,CAAC;AAEF,eAAe,iBAAiB,CAAC"}
|
|
@@ -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' }]
|