@qoretechnologies/reqore 0.28.6 → 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/.vscode/settings.json +2 -1
- package/__tests__/checkbox.test.tsx +7 -12
- package/__tests__/multiselect.test.tsx +407 -0
- package/__tests__/popover.test.tsx +35 -8
- 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/Collection/item.js +2 -2
- package/dist/components/Collection/item.js.map +1 -1
- package/dist/components/ControlGroup/index.d.ts +3 -4
- package/dist/components/ControlGroup/index.d.ts.map +1 -1
- package/dist/components/ControlGroup/index.js +7 -9
- package/dist/components/ControlGroup/index.js.map +1 -1
- package/dist/components/Dropdown/index.d.ts +2 -1
- package/dist/components/Dropdown/index.d.ts.map +1 -1
- package/dist/components/Dropdown/index.js +3 -3
- package/dist/components/Dropdown/index.js.map +1 -1
- package/dist/components/Dropdown/list.d.ts +6 -3
- package/dist/components/Dropdown/list.d.ts.map +1 -1
- package/dist/components/Dropdown/list.js +19 -1
- package/dist/components/Dropdown/list.js.map +1 -1
- package/dist/components/Effect/index.d.ts +15 -2
- package/dist/components/Effect/index.d.ts.map +1 -1
- package/dist/components/Effect/index.js +60 -23
- 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/Input/index.js +3 -3
- package/dist/components/Input/index.js.map +1 -1
- package/dist/components/InputClearButton/index.d.ts.map +1 -1
- package/dist/components/InputClearButton/index.js +1 -1
- package/dist/components/InputClearButton/index.js.map +1 -1
- package/dist/components/InternalPopover/index.d.ts.map +1 -1
- package/dist/components/InternalPopover/index.js +19 -5
- package/dist/components/InternalPopover/index.js.map +1 -1
- package/dist/components/Menu/divider.d.ts +3 -2
- package/dist/components/Menu/divider.d.ts.map +1 -1
- package/dist/components/Menu/divider.js +2 -2
- package/dist/components/Menu/divider.js.map +1 -1
- package/dist/components/Menu/index.js +4 -3
- package/dist/components/Menu/index.js.map +1 -1
- package/dist/components/MultiSelect/index.d.ts +34 -0
- package/dist/components/MultiSelect/index.d.ts.map +1 -0
- package/dist/components/MultiSelect/index.js +178 -0
- package/dist/components/MultiSelect/index.js.map +1 -0
- package/dist/components/Panel/index.d.ts.map +1 -1
- package/dist/components/Panel/index.js +1 -1
- package/dist/components/Panel/index.js.map +1 -1
- package/dist/components/Popover/index.d.ts +1 -1
- package/dist/components/Popover/index.d.ts.map +1 -1
- package/dist/components/Popover/index.js +5 -2
- package/dist/components/Popover/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/Table/row.js +2 -2
- package/dist/components/Table/row.js.map +1 -1
- package/dist/components/Tabs/item.js +1 -1
- package/dist/components/Tabs/item.js.map +1 -1
- package/dist/components/Tabs/list.d.ts.map +1 -1
- package/dist/components/Tabs/list.js +5 -4
- package/dist/components/Tabs/list.js.map +1 -1
- package/dist/components/Tag/group.d.ts +3 -3
- package/dist/components/Tag/group.d.ts.map +1 -1
- package/dist/components/Tag/group.js +6 -3
- package/dist/components/Tag/group.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 +21 -18
- 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/components/Tree/index.js +1 -1
- package/dist/components/Tree/index.js.map +1 -1
- package/dist/containers/PopoverProvider.d.ts.map +1 -1
- package/dist/containers/PopoverProvider.js +28 -3
- package/dist/containers/PopoverProvider.js.map +1 -1
- package/dist/containers/ReqoreProvider.d.ts.map +1 -1
- package/dist/containers/ReqoreProvider.js +6 -5
- package/dist/containers/ReqoreProvider.js.map +1 -1
- package/dist/containers/UIProvider.d.ts +1 -0
- package/dist/containers/UIProvider.d.ts.map +1 -1
- package/dist/containers/UIProvider.js.map +1 -1
- package/dist/context/PopoverContext.d.ts +1 -0
- package/dist/context/PopoverContext.d.ts.map +1 -1
- package/dist/context/PopoverContext.js.map +1 -1
- package/dist/context/ReqoreContext.d.ts +1 -0
- package/dist/context/ReqoreContext.d.ts.map +1 -1
- package/dist/context/ReqoreContext.js +2 -1
- package/dist/context/ReqoreContext.js.map +1 -1
- package/dist/helpers/colors.d.ts +3 -0
- package/dist/helpers/colors.d.ts.map +1 -1
- package/dist/helpers/colors.js +27 -3
- package/dist/helpers/colors.js.map +1 -1
- package/dist/hooks/usePopover.d.ts +8 -1
- package/dist/hooks/usePopover.d.ts.map +1 -1
- package/dist/hooks/usePopover.js +12 -7
- package/dist/hooks/usePopover.js.map +1 -1
- package/dist/hooks/useReqore.d.ts +3 -0
- package/dist/hooks/useReqore.d.ts.map +1 -0
- package/dist/hooks/useReqore.js +17 -0
- package/dist/hooks/useReqore.js.map +1 -0
- package/dist/hooks/useTheme.d.ts +1 -1
- package/dist/hooks/useTheme.d.ts.map +1 -1
- package/dist/hooks/useTheme.js +3 -0
- package/dist/hooks/useTheme.js.map +1 -1
- package/dist/index.d.ts +3 -0
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +8 -2
- package/dist/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/Collection/item.tsx +2 -2
- package/src/components/ControlGroup/index.tsx +46 -35
- package/src/components/Dropdown/index.tsx +5 -0
- package/src/components/Dropdown/list.tsx +29 -15
- package/src/components/Effect/index.tsx +123 -55
- package/src/components/Icon/index.tsx +4 -52
- package/src/components/Input/index.tsx +3 -3
- package/src/components/InputClearButton/index.tsx +1 -0
- package/src/components/InternalPopover/index.tsx +6 -3
- package/src/components/Menu/divider.tsx +15 -4
- package/src/components/Menu/index.tsx +3 -3
- package/src/components/MultiSelect/index.tsx +292 -0
- package/src/components/Panel/index.tsx +6 -4
- package/src/components/Popover/index.tsx +8 -3
- package/src/components/RadioGroup/index.tsx +6 -0
- package/src/components/Table/row.tsx +2 -2
- package/src/components/Tabs/item.tsx +1 -1
- package/src/components/Tabs/list.tsx +11 -11
- package/src/components/Tag/group.tsx +10 -2
- package/src/components/Tag/index.tsx +26 -20
- package/src/components/Textarea/index.tsx +3 -3
- package/src/components/Tree/index.tsx +3 -3
- package/src/containers/PopoverProvider.tsx +35 -3
- package/src/containers/ReqoreProvider.tsx +6 -4
- package/src/containers/UIProvider.tsx +1 -0
- package/src/context/PopoverContext.tsx +1 -0
- package/src/context/ReqoreContext.tsx +2 -0
- package/src/helpers/colors.ts +52 -4
- package/src/hooks/usePopover.tsx +24 -10
- package/src/hooks/useReqore.ts +12 -0
- package/src/hooks/useTheme.ts +6 -1
- package/src/index.tsx +3 -0
- package/src/mock/collectionData.tsx +6 -6
- package/src/mock/multiSelect.ts +69 -0
- package/src/stories/Button/Button.stories.tsx +20 -8
- package/src/stories/Checkbox/Checkbox.stories.tsx +42 -7
- package/src/stories/ControlGroup/ControlGroup.stories.tsx +7 -2
- package/src/stories/Dropdown/Dropdown.stories.tsx +6 -1
- package/src/stories/Icon/Icon.stories.tsx +42 -12
- package/src/stories/Input/Input.stories.tsx +25 -0
- package/src/stories/Menu/Menu.stories.tsx +3 -1
- package/src/stories/MultiSelect/MultiSelect.stories.tsx +106 -0
- package/src/stories/Popover/Popover.stories.tsx +19 -2
- package/src/stories/RadioGroup/RadioGroup.stories.tsx +51 -1
- package/src/stories/Tabs/Tabs.stories.tsx +23 -3
- package/src/stories/Tag/Tag.stories.tsx +10 -3
- package/src/stories/utils/args.ts +1 -1
- package/tests.json +1 -1
|
@@ -48,47 +48,53 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
48
48
|
}
|
|
49
49
|
return t;
|
|
50
50
|
};
|
|
51
|
-
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
52
|
-
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
53
|
-
};
|
|
54
51
|
exports.__esModule = true;
|
|
55
52
|
var jsx_runtime_1 = require("react/jsx-runtime");
|
|
56
53
|
var polished_1 = require("polished");
|
|
57
54
|
var react_1 = require("react");
|
|
55
|
+
var react_use_1 = require("react-use");
|
|
58
56
|
var styled_components_1 = __importStar(require("styled-components"));
|
|
59
57
|
var sizes_1 = require("../../constants/sizes");
|
|
60
58
|
var colors_1 = require("../../helpers/colors");
|
|
59
|
+
var utils_1 = require("../../helpers/utils");
|
|
61
60
|
var useCombinedRefs_1 = require("../../hooks/useCombinedRefs");
|
|
61
|
+
var useTheme_1 = require("../../hooks/useTheme");
|
|
62
62
|
var useTooltip_1 = require("../../hooks/useTooltip");
|
|
63
63
|
var styles_1 = require("../../styles");
|
|
64
64
|
var Effect_1 = require("../Effect");
|
|
65
|
-
var Icon_1 =
|
|
66
|
-
var
|
|
65
|
+
var Icon_1 = __importStar(require("../Icon"));
|
|
66
|
+
var Spacer_1 = require("../Spacer");
|
|
67
|
+
var StyledSwitchToggle = styled_components_1["default"].div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n transition: all 0.2s ease-in-out;\n content: '';\n display: flex;\n align-items: center;\n justify-content: center;\n position: absolute;\n height: ", "px;\n width: ", "px;\n top: 50%;\n transform: translateY(-50%);\n left: ", ";\n border-radius: 50px;\n background-color: ", ";\n"], ["\n transition: all 0.2s ease-in-out;\n content: '';\n display: flex;\n align-items: center;\n justify-content: center;\n position: absolute;\n height: ", "px;\n width: ", "px;\n top: 50%;\n transform: translateY(-50%);\n left: ", ";\n border-radius: 50px;\n background-color: ", ";\n"])), function (_a) {
|
|
67
68
|
var size = _a.size;
|
|
68
|
-
return sizes_1.SIZE_TO_PX[size] -
|
|
69
|
+
return sizes_1.SIZE_TO_PX[size] - 4;
|
|
69
70
|
}, function (_a) {
|
|
70
|
-
var size = _a.size;
|
|
71
|
-
return sizes_1.SIZE_TO_PX[size] -
|
|
71
|
+
var size = _a.size, width = _a.width;
|
|
72
|
+
return width || sizes_1.SIZE_TO_PX[size] - 4;
|
|
72
73
|
}, function (_a) {
|
|
73
|
-
var checked = _a.checked, size = _a.size;
|
|
74
|
-
return !checked ? '
|
|
74
|
+
var checked = _a.checked, size = _a.size, width = _a.width;
|
|
75
|
+
return !checked ? '1px' : "calc(100% - ".concat(width || sizes_1.SIZE_TO_PX[size] - 4, "px - 1px)");
|
|
75
76
|
}, function (_a) {
|
|
76
|
-
var
|
|
77
|
+
var _b, _c;
|
|
78
|
+
var theme = _a.theme, checked = _a.checked, transparent = _a.transparent, parentEffect = _a.parentEffect;
|
|
77
79
|
return transparent
|
|
78
80
|
? 'transparent'
|
|
79
81
|
: !checked
|
|
80
|
-
? (
|
|
81
|
-
|
|
82
|
+
? (parentEffect === null || parentEffect === void 0 ? void 0 : parentEffect.gradient)
|
|
83
|
+
? (0, colors_1.changeLightness)((0, colors_1.getNthGradientColor)(theme, (_b = parentEffect === null || parentEffect === void 0 ? void 0 : parentEffect.gradient) === null || _b === void 0 ? void 0 : _b.colors, 1), 0.2)
|
|
84
|
+
: theme.main
|
|
85
|
+
: (parentEffect === null || parentEffect === void 0 ? void 0 : parentEffect.gradient)
|
|
86
|
+
? (0, colors_1.changeLightness)((0, colors_1.getNthGradientColor)(theme, (_c = parentEffect === null || parentEffect === void 0 ? void 0 : parentEffect.gradient) === null || _c === void 0 ? void 0 : _c.colors, 2), 0.2)
|
|
87
|
+
: theme.main;
|
|
82
88
|
});
|
|
83
|
-
var StyledSwitch = styled_components_1["default"].
|
|
89
|
+
var StyledSwitch = (0, styled_components_1["default"])(Effect_1.StyledEffect)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n transition: all 0.2s ease-out;\n position: relative;\n display: flex;\n align-items: center;\n justify-content: center;\n\n height: ", "px;\n min-width: ", "px;\n\n border: 1px solid ", ";\n border-radius: 50px;\n\n margin-right: ", "px;\n margin-left: ", "px;\n\n background-color: ", ";\n\n ", " {\n z-index: 1;\n }\n"], ["\n transition: all 0.2s ease-out;\n position: relative;\n display: flex;\n align-items: center;\n justify-content: center;\n\n height: ", "px;\n min-width: ", "px;\n\n border: 1px solid ", ";\n border-radius: 50px;\n\n margin-right: ", "px;\n margin-left: ", "px;\n\n background-color: ", ";\n\n ", " {\n z-index: 1;\n }\n"])), function (_a) {
|
|
84
90
|
var size = _a.size;
|
|
85
|
-
return sizes_1.SIZE_TO_PX[size]
|
|
91
|
+
return sizes_1.SIZE_TO_PX[size];
|
|
86
92
|
}, function (_a) {
|
|
87
93
|
var size = _a.size;
|
|
88
94
|
return sizes_1.SIZE_TO_PX[size] * 1.8;
|
|
89
95
|
}, function (_a) {
|
|
90
96
|
var theme = _a.theme, checked = _a.checked;
|
|
91
|
-
return (0,
|
|
97
|
+
return (0, colors_1.changeLightness)(theme.main, checked ? 0.25 : 0.2);
|
|
92
98
|
}, function (_a) {
|
|
93
99
|
var size = _a.size;
|
|
94
100
|
return sizes_1.PADDING_FROM_SIZE[size];
|
|
@@ -97,9 +103,21 @@ var StyledSwitch = styled_components_1["default"].div(templateObject_2 || (templ
|
|
|
97
103
|
return sizes_1.PADDING_FROM_SIZE[size];
|
|
98
104
|
}, function (_a) {
|
|
99
105
|
var theme = _a.theme, checked = _a.checked;
|
|
100
|
-
return checked ? (0, polished_1.rgba)((0, colors_1.
|
|
106
|
+
return checked ? (0, polished_1.rgba)((0, colors_1.changeLightness)(theme.main, 0.15), 0.5) : 'transparent';
|
|
107
|
+
}, Icon_1.StyledIconWrapper);
|
|
108
|
+
var StyledSwitchTextWrapper = (0, styled_components_1["default"])(Effect_1.StyledTextEffect)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n margin: 0 ", "px;\n display: flex;\n align-items: center;\n justify-content: center;\n z-index: 1;\n"], ["\n margin: 0 ", "px;\n display: flex;\n align-items: center;\n justify-content: center;\n z-index: 1;\n"])), function (_a) {
|
|
109
|
+
var size = _a.size;
|
|
110
|
+
return sizes_1.PADDING_FROM_SIZE[size];
|
|
111
|
+
});
|
|
112
|
+
var StyledOnSwitchText = (0, styled_components_1["default"])(StyledSwitchTextWrapper)(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n color: ", ";\n"], ["\n color: ", ";\n"])), function (_a) {
|
|
113
|
+
var theme = _a.theme, checked = _a.checked;
|
|
114
|
+
return (0, colors_1.getReadableColorFrom)(!checked ? theme.originalMain : theme.main);
|
|
115
|
+
});
|
|
116
|
+
var StyledOffSwitchText = (0, styled_components_1["default"])(StyledSwitchTextWrapper)(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n color: ", ";\n"], ["\n color: ", ";\n"])), function (_a) {
|
|
117
|
+
var theme = _a.theme, checked = _a.checked;
|
|
118
|
+
return (0, colors_1.getReadableColorFrom)(!checked ? theme.main : (0, colors_1.changeLightness)(theme.main, 0.1));
|
|
101
119
|
});
|
|
102
|
-
var StyledCheckbox = styled_components_1["default"].div(
|
|
120
|
+
var StyledCheckbox = styled_components_1["default"].div(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n display: inline-flex;\n align-items: center;\n cursor: pointer;\n padding: 0px;\n transition: all 0.2s ease-out;\n\n height: ", "px;\n font-size: ", "px;\n\n flex: ", ";\n\n ", "\n\n ", "\n\n color: ", ";\n\n &:hover {\n color: ", ";\n\n > ", " {\n border-color: ", ";\n }\n }\n"], ["\n display: inline-flex;\n align-items: center;\n cursor: pointer;\n padding: 0px;\n transition: all 0.2s ease-out;\n\n height: ", "px;\n font-size: ", "px;\n\n flex: ", ";\n\n ", "\n\n ", "\n\n color: ", ";\n\n &:hover {\n color: ", ";\n\n > ", " {\n border-color: ", ";\n }\n }\n"])), function (_a) {
|
|
103
121
|
var size = _a.size;
|
|
104
122
|
return sizes_1.SIZE_TO_PX[size];
|
|
105
123
|
}, function (_a) {
|
|
@@ -110,26 +128,42 @@ var StyledCheckbox = styled_components_1["default"].div(templateObject_5 || (tem
|
|
|
110
128
|
return (fixed ? '0 auto' : fluid ? '1' : '0 0 auto');
|
|
111
129
|
}, function (_a) {
|
|
112
130
|
var disabled = _a.disabled;
|
|
113
|
-
return disabled && (0, styled_components_1.css)(
|
|
131
|
+
return disabled && (0, styled_components_1.css)(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n ", ";\n "], ["\n ", ";\n "])), styles_1.DisabledElement);
|
|
114
132
|
}, function (_a) {
|
|
115
133
|
var readOnly = _a.readOnly;
|
|
116
|
-
return readOnly && (0, styled_components_1.css)(
|
|
134
|
+
return readOnly && (0, styled_components_1.css)(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n ", ";\n "], ["\n ", ";\n "])), styles_1.ReadOnlyElement);
|
|
117
135
|
}, function (_a) {
|
|
118
136
|
var theme = _a.theme, checked = _a.checked;
|
|
119
|
-
return (0, colors_1.getReadableColor)(theme, undefined, undefined, !checked);
|
|
137
|
+
return (0, colors_1.getReadableColor)(theme, undefined, undefined, !checked, theme.originalMain);
|
|
120
138
|
}, function (_a) {
|
|
121
139
|
var theme = _a.theme;
|
|
122
|
-
return (0, colors_1.getReadableColor)(theme, undefined, undefined, false);
|
|
140
|
+
return (0, colors_1.getReadableColor)(theme, undefined, undefined, false, theme.originalMain);
|
|
123
141
|
}, StyledSwitch, function (_a) {
|
|
124
142
|
var theme = _a.theme, checked = _a.checked;
|
|
125
|
-
return (0,
|
|
143
|
+
return (0, colors_1.changeLightness)(theme.main, checked ? 0.3 : 0.25);
|
|
126
144
|
});
|
|
127
145
|
var Checkbox = (0, react_1.forwardRef)(function (_a, ref) {
|
|
128
|
-
var label = _a.label, labelDetail = _a.labelDetail, _b = _a.labelDetailPosition, labelDetailPosition = _b === void 0 ? 'right' : _b, _c = _a.size, size = _c === void 0 ? 'normal' : _c, checked = _a.checked, disabled = _a.disabled, className = _a.className, _d = _a.labelPosition, labelPosition = _d === void 0 ? 'right' : _d, tooltip = _a.tooltip, asSwitch = _a.asSwitch,
|
|
146
|
+
var label = _a.label, labelDetail = _a.labelDetail, _b = _a.labelDetailPosition, labelDetailPosition = _b === void 0 ? 'right' : _b, _c = _a.size, size = _c === void 0 ? 'normal' : _c, checked = _a.checked, disabled = _a.disabled, className = _a.className, _d = _a.labelPosition, labelPosition = _d === void 0 ? 'right' : _d, tooltip = _a.tooltip, asSwitch = _a.asSwitch, uncheckedIcon = _a.uncheckedIcon, checkedIcon = _a.checkedIcon, readOnly = _a.readOnly, labelEffect = _a.labelEffect, switchTextEffect = _a.switchTextEffect, image = _a.image, onText = _a.onText, offText = _a.offText, intent = _a.intent, effect = _a.effect, customTheme = _a.customTheme, rest = __rest(_a, ["label", "labelDetail", "labelDetailPosition", "size", "checked", "disabled", "className", "labelPosition", "tooltip", "asSwitch", "uncheckedIcon", "checkedIcon", "readOnly", "labelEffect", "switchTextEffect", "image", "onText", "offText", "intent", "effect", "customTheme"]);
|
|
129
147
|
var targetRef = (0, useCombinedRefs_1.useCombinedRefs)(ref).targetRef;
|
|
148
|
+
var _e = (0, react_use_1.useMeasure)(), offRef = _e[0], offWidth = _e[1].width;
|
|
149
|
+
var _f = (0, react_use_1.useMeasure)(), onRef = _f[0], onWidth = _f[1].width;
|
|
150
|
+
var theme = (0, useTheme_1.useReqoreTheme)('main', customTheme, intent);
|
|
130
151
|
(0, useTooltip_1.useTooltip)(targetRef.current, tooltip);
|
|
131
|
-
|
|
152
|
+
var width = (0, react_1.useMemo)(function () {
|
|
153
|
+
if ((!image && !onText) || !offText)
|
|
154
|
+
return undefined;
|
|
155
|
+
var selectedWidth = checked ? onWidth : offWidth;
|
|
156
|
+
return selectedWidth + sizes_1.PADDING_FROM_SIZE[size] * 2;
|
|
157
|
+
}, [checked, offWidth, onWidth, size]);
|
|
158
|
+
var hasText = (0, react_1.useMemo)(function () {
|
|
159
|
+
return !!onText || !!offText;
|
|
160
|
+
}, [onText, offText]);
|
|
161
|
+
return ((0, jsx_runtime_1.jsxs)(StyledCheckbox, __assign({}, rest, { ref: targetRef, theme: theme, size: size, disabled: disabled, checked: checked, readOnly: readOnly, className: "".concat(className || '', " reqore-checkbox reqore-control") }, { children: [label && labelPosition === 'left' ? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(Spacer_1.ReqoreSpacer, { width: sizes_1.PADDING_FROM_SIZE[size] }), labelDetailPosition === 'left' && labelDetail, (0, jsx_runtime_1.jsx)(Effect_1.ReqoreTextEffect, __assign({ active: checked, effect: __assign(__assign({}, labelEffect), { interactive: !disabled && !readOnly && !checked }) }, { children: label })), labelDetailPosition === 'right' && labelDetail] })) : null, asSwitch ? ((0, jsx_runtime_1.jsxs)(StyledSwitch, __assign({ size: size, labelPosition: labelPosition, checked: checked, theme: theme, as: 'div', effect: effect }, { children: [(0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [offText || offText === 0 ? ((0, jsx_runtime_1.jsxs)(StyledOffSwitchText, __assign({ ref: offRef, size: size, theme: theme, checked: checked, effect: __assign(__assign({ uppercase: true, textSize: (0, utils_1.getOneLessSize)(size), weight: 'bold' }, switchTextEffect), { opacity: checked ? 0.8 : 1 }) }, { children: [image || uncheckedIcon ? ((0, jsx_runtime_1.jsx)(Icon_1["default"], { size: size, image: image, icon: uncheckedIcon, effect: { grayscale: true }, margin: offText ? 'right' : undefined })) : null, offText] }))) : null, onText || onText === 0 ? ((0, jsx_runtime_1.jsxs)(StyledOnSwitchText, __assign({ ref: onRef, size: size, theme: theme, checked: checked, effect: __assign(__assign({ uppercase: true, textSize: (0, utils_1.getOneLessSize)(size), weight: 'thick' }, switchTextEffect), { opacity: checked ? 1 : 0.5 }) }, { children: [image || checkedIcon ? ((0, jsx_runtime_1.jsx)(Icon_1["default"], { size: size, image: image, margin: onText ? 'right' : undefined, icon: checkedIcon })) : null, onText] }))) : null] }), (0, jsx_runtime_1.jsx)(StyledSwitchToggle, __assign({ size: size, checked: checked, width: width, theme: theme, parentEffect: effect, transparent: (image || checkedIcon) && !hasText }, { children: !onText && !offText ? ((0, jsx_runtime_1.jsx)(Icon_1["default"], { size: size, image: image, icon: checked ? checkedIcon : uncheckedIcon, effect: { grayscale: !checked, opacity: checked ? 1 : 0.5 } })) : null }))] }))) : ((0, jsx_runtime_1.jsx)(Icon_1["default"], { size: size, icon: !image
|
|
162
|
+
? checked
|
|
163
|
+
? checkedIcon || 'CheckboxCircleFill'
|
|
164
|
+
: uncheckedIcon || 'CheckboxBlankCircleLine'
|
|
165
|
+
: undefined, image: image, effect: { grayscale: image ? !checked : undefined, opacity: checked ? 1 : 0.5 }, margin: 'both', intent: intent })), label && labelPosition === 'right' ? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [labelDetailPosition === 'left' && labelDetail, (0, jsx_runtime_1.jsx)(Effect_1.ReqoreTextEffect, __assign({ active: checked, effect: __assign(__assign({}, labelEffect), { interactive: !disabled && !readOnly && !checked }) }, { children: label })), labelDetailPosition === 'right' && labelDetail] })) : null] })));
|
|
132
166
|
});
|
|
133
167
|
exports["default"] = Checkbox;
|
|
134
|
-
var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5;
|
|
168
|
+
var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8;
|
|
135
169
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Checkbox/index.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Checkbox/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -152,7 +152,7 @@ var ReqoreCollectionItem = function (_a) {
|
|
|
152
152
|
}
|
|
153
153
|
setIsSelected(!isSelected);
|
|
154
154
|
}
|
|
155
|
-
(_j = rest
|
|
155
|
+
(_j = rest.onClick) === null || _j === void 0 ? void 0 : _j.call(rest, event);
|
|
156
156
|
};
|
|
157
157
|
var actualContent = expandedContent && isSelected ? expandedContent : content;
|
|
158
158
|
var actualActions = isSelected
|
|
@@ -164,7 +164,7 @@ var ReqoreCollectionItem = function (_a) {
|
|
|
164
164
|
: undefined;
|
|
165
165
|
return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [position && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("div", { style: __assign({}, originalDimensions.current) }), (0, jsx_runtime_1.jsx)(Drawer_1.StyledBackdrop, { zIndex: getAndIncreaseZIndex(), blur: 5, closable: true, onClick: handleItemClick })] })), (0, jsx_runtime_1.jsxs)(Panel_1.ReqorePanel, __assign({ flat: flat, headerSize: headerSize, ref: ref, minimal: minimal }, rest, { bottomActions: isSelected ? expandedActions : undefined, style: __assign(__assign(__assign(__assign({}, style), { position: position, zIndex: isSelected ? getAndIncreaseZIndex() : undefined }), dimensions), { transformOrigin: 'center' }), onClick: (expandable && !isSelected) || rest.onClick ? handleItemClick : undefined, actions: actualActions, className: "reqore-collection-item ".concat(rest.className || '') }, { children: [(0, jsx_runtime_1.jsx)(exports.StyledCollectionItemContent, __assign({ theme: theme, opacity: rest.opacity, providedHeight: isSelected ? undefined : maxContentHeight, contentOverflows: !isSelected && (sizes === null || sizes === void 0 ? void 0 : sizes.height) > maxContentHeight }, { children: (0, jsx_runtime_1.jsx)("div", __assign({ ref: contentRef }, { children: actualContent })) })), (0, lodash_1.size)(tags) ? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(Spacer_1.ReqoreSpacer, { height: 10 }), (0, jsx_runtime_1.jsx)(group_1["default"], __assign({ size: isSelected ? 'normal' : 'small' }, { children: (0, lodash_1.map)(tags, function (tagProps, index) { return ((0, jsx_runtime_1.jsx)(Tag_1["default"], __assign({}, tagProps), index)); }) }))] })) : null] }))] }));
|
|
166
166
|
};
|
|
167
|
-
return
|
|
167
|
+
return renderContent();
|
|
168
168
|
};
|
|
169
169
|
exports.ReqoreCollectionItem = ReqoreCollectionItem;
|
|
170
170
|
var templateObject_1, templateObject_2;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"item.js","sourceRoot":"","sources":["../../../src/components/Collection/item.tsx"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"item.js","sourceRoot":"","sources":["../../../src/components/Collection/item.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,10 +1,9 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { TSizes } from '../../constants/sizes';
|
|
3
3
|
import { IReqoreTheme } from '../../constants/theme';
|
|
4
|
-
|
|
4
|
+
import { IWithReqoreFlat, IWithReqoreMinimal, IWithReqoreSize } from '../../types/global';
|
|
5
|
+
export interface IReqoreControlGroupProps extends React.HTMLAttributes<HTMLDivElement>, IWithReqoreFlat, IWithReqoreSize, IWithReqoreMinimal {
|
|
5
6
|
stack?: boolean;
|
|
6
|
-
minimal?: boolean;
|
|
7
|
-
size?: TSizes;
|
|
8
7
|
children: any;
|
|
9
8
|
fluid?: boolean;
|
|
10
9
|
rounded?: boolean;
|
|
@@ -15,6 +14,6 @@ export interface IReqoreControlGroupStyle extends IReqoreControlGroupProps {
|
|
|
15
14
|
theme: IReqoreTheme;
|
|
16
15
|
}
|
|
17
16
|
export declare const StyledReqoreControlGroup: any;
|
|
18
|
-
declare const ReqoreControlGroup:
|
|
17
|
+
declare const ReqoreControlGroup: React.ForwardRefExoticComponent<IReqoreControlGroupProps & React.RefAttributes<HTMLDivElement>>;
|
|
19
18
|
export default ReqoreControlGroup;
|
|
20
19
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/ControlGroup/index.tsx"],"names":[],"mappings":"AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/ControlGroup/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAE1C,OAAO,EAAmC,MAAM,EAAE,MAAM,uBAAuB,CAAC;AAChF,OAAO,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AACrD,OAAO,EAAE,eAAe,EAAE,kBAAkB,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAE1F,MAAM,WAAW,wBACf,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAC1C,eAAe,EACf,eAAe,EACf,kBAAkB;IACpB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,QAAQ,EAAE,GAAG,CAAC;IACd,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,OAAO,CAAC,EAAE,MAAM,CAAC;IAIjB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,WAAW,wBAAyB,SAAQ,wBAAwB;IACxE,KAAK,EAAE,YAAY,CAAC;CACrB;AAED,eAAO,MAAM,wBAAwB,KA2EpC,CAAC;AAEF,QAAA,MAAM,kBAAkB,iGAuCvB,CAAC;AAEF,eAAe,kBAAkB,CAAC"}
|
|
@@ -48,13 +48,10 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
48
48
|
}
|
|
49
49
|
return t;
|
|
50
50
|
};
|
|
51
|
-
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
52
|
-
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
53
|
-
};
|
|
54
51
|
exports.__esModule = true;
|
|
55
52
|
exports.StyledReqoreControlGroup = void 0;
|
|
56
53
|
var jsx_runtime_1 = require("react/jsx-runtime");
|
|
57
|
-
var react_1 =
|
|
54
|
+
var react_1 = __importStar(require("react"));
|
|
58
55
|
var styled_components_1 = __importStar(require("styled-components"));
|
|
59
56
|
var sizes_1 = require("../../constants/sizes");
|
|
60
57
|
exports.StyledReqoreControlGroup = styled_components_1["default"].div(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n display: flex;\n flex: 0 auto;\n width: ", ";\n align-items: ", ";\n flex-flow: ", ";\n\n > .reqore-control-wrapper .reqore-control {\n border-radius: ", ";\n }\n\n ", "\n"], ["\n display: flex;\n flex: 0 auto;\n width: ", ";\n align-items: ", ";\n flex-flow: ", ";\n\n > .reqore-control-wrapper .reqore-control {\n border-radius: ", ";\n }\n\n ", "\n"])), function (_a) {
|
|
@@ -104,21 +101,22 @@ exports.StyledReqoreControlGroup = styled_components_1["default"].div(templateOb
|
|
|
104
101
|
return rounded && (0, styled_components_1.css)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n &:first-child {\n border-top-left-radius: ", "px;\n border-bottom-left-radius: ", "px;\n }\n\n &:last-child {\n border-top-right-radius: ", "px;\n border-bottom-right-radius: ", "px;\n }\n "], ["\n &:first-child {\n border-top-left-radius: ", "px;\n border-bottom-left-radius: ", "px;\n }\n\n &:last-child {\n border-top-right-radius: ", "px;\n border-bottom-right-radius: ", "px;\n }\n "])), sizes_1.RADIUS_FROM_SIZE[size], sizes_1.RADIUS_FROM_SIZE[size], sizes_1.RADIUS_FROM_SIZE[size], sizes_1.RADIUS_FROM_SIZE[size]);
|
|
105
102
|
});
|
|
106
103
|
});
|
|
107
|
-
var ReqoreControlGroup = function (_a) {
|
|
108
|
-
var children = _a.children, className = _a.className, minimal = _a.minimal, _b = _a.size, size = _b === void 0 ? 'normal' : _b, _c = _a.gapSize, gapSize = _c === void 0 ? 'normal' : _c, fluid = _a.fluid, _d = _a.rounded, rounded = _d === void 0 ? true : _d, rest = __rest(_a, ["children", "className", "minimal", "size", "gapSize", "fluid", "rounded"]);
|
|
109
|
-
return ((0, jsx_runtime_1.jsx)(exports.StyledReqoreControlGroup, __assign({}, rest, { size: size, gapSize: gapSize, rounded: rounded, fluid: fluid, className: "".concat(className || '', " reqore-control-group") }, { children: react_1["default"].Children.map(children, function (child) {
|
|
110
|
-
var _a, _b, _c;
|
|
104
|
+
var ReqoreControlGroup = (0, react_1.forwardRef)(function (_a, ref) {
|
|
105
|
+
var children = _a.children, className = _a.className, minimal = _a.minimal, _b = _a.size, size = _b === void 0 ? 'normal' : _b, _c = _a.gapSize, gapSize = _c === void 0 ? 'normal' : _c, fluid = _a.fluid, flat = _a.flat, _d = _a.rounded, rounded = _d === void 0 ? true : _d, rest = __rest(_a, ["children", "className", "minimal", "size", "gapSize", "fluid", "flat", "rounded"]);
|
|
106
|
+
return ((0, jsx_runtime_1.jsx)(exports.StyledReqoreControlGroup, __assign({}, rest, { size: size, gapSize: gapSize, ref: ref, rounded: rounded, fluid: fluid, className: "".concat(className || '', " reqore-control-group") }, { children: react_1["default"].Children.map(children, function (child) {
|
|
107
|
+
var _a, _b, _c, _d, _e;
|
|
111
108
|
return child
|
|
112
109
|
? react_1["default"].cloneElement(child, {
|
|
113
110
|
minimal: ((_a = child.props) === null || _a === void 0 ? void 0 : _a.minimal) || ((_b = child.props) === null || _b === void 0 ? void 0 : _b.minimal) === false
|
|
114
111
|
? child.props.minimal
|
|
115
112
|
: minimal,
|
|
116
113
|
size: ((_c = child.props) === null || _c === void 0 ? void 0 : _c.size) || size,
|
|
114
|
+
flat: ((_d = child.props) === null || _d === void 0 ? void 0 : _d.flat) || ((_e = child.props) === null || _e === void 0 ? void 0 : _e.flat) === false ? child.props.flat : flat,
|
|
117
115
|
fluid: fluid
|
|
118
116
|
})
|
|
119
117
|
: null;
|
|
120
118
|
}) })));
|
|
121
|
-
};
|
|
119
|
+
});
|
|
122
120
|
exports["default"] = ReqoreControlGroup;
|
|
123
121
|
var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5;
|
|
124
122
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/ControlGroup/index.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/ControlGroup/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -13,13 +13,14 @@ export interface IReqoreDropdownProps extends Partial<IPopoverOptions> {
|
|
|
13
13
|
label?: any;
|
|
14
14
|
children?: any;
|
|
15
15
|
listWidth?: string;
|
|
16
|
+
listHeight?: string;
|
|
16
17
|
icon?: IReqoreIconName;
|
|
17
18
|
rightIcon?: IReqoreIconName;
|
|
18
19
|
caretPosition?: 'left' | 'right';
|
|
19
20
|
isDefaultOpen?: boolean;
|
|
20
21
|
onItemSelect?: TDropdownItemOnClick;
|
|
21
22
|
}
|
|
22
|
-
declare function ReqoreDropdown<T extends unknown = IReqoreButtonProps>({ items, component, label, children, multiSelect, buttonStyle, listStyle, handler, placement, filterable, icon, rightIcon, caretPosition, isDefaultOpen, onItemSelect, closeOnOutsideClick, blur, closeOnAnyClick, content, delay, maxHeight, maxWidth, noArrow, transparent, openOnMount, show, targetElement, useTargetWidth, listWidth, ...rest }: IReqoreDropdownProps & T): JSX.Element;
|
|
23
|
+
declare function ReqoreDropdown<T extends unknown = IReqoreButtonProps>({ items, component, label, children, multiSelect, buttonStyle, listStyle, handler, placement, filterable, icon, rightIcon, caretPosition, isDefaultOpen, onItemSelect, closeOnOutsideClick, blur, closeOnAnyClick, content, delay, maxHeight, maxWidth, noArrow, transparent, openOnMount, show, targetElement, useTargetWidth, listWidth, listHeight, passPopoverData, ...rest }: IReqoreDropdownProps & T): JSX.Element;
|
|
23
24
|
declare const _default: typeof ReqoreDropdown;
|
|
24
25
|
export default _default;
|
|
25
26
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Dropdown/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAwB,MAAM,OAAO,CAAC;AAE7C,OAAO,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAC;AACzD,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAqB,EAAE,kBAAkB,EAAE,MAAM,WAAW,CAAC;AAC7D,OAA2B,EAAE,mBAAmB,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAAC;AAEvF,MAAM,WAAW,oBAAqB,SAAQ,OAAO,CAAC,eAAe,CAAC;IACpE,KAAK,CAAC,EAAE,mBAAmB,EAAE,CAAC;IAC9B,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,WAAW,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAClC,SAAS,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAChC,SAAS,CAAC,EAAE,GAAG,CAAC;IAChB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,KAAK,CAAC,EAAE,GAAG,CAAC;IACZ,QAAQ,CAAC,EAAE,GAAG,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,CAAC,EAAE,eAAe,CAAC;IACvB,SAAS,CAAC,EAAE,eAAe,CAAC;IAC5B,aAAa,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IACjC,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,YAAY,CAAC,EAAE,oBAAoB,CAAC;CACrC;AAED,iBAAS,cAAc,CAAC,CAAC,SAAS,OAAO,GAAG,kBAAkB,EAAE,EAC9D,KAAK,EACL,SAAS,EACT,KAAK,EACL,QAAQ,EACR,WAAW,EACX,WAAW,EACX,SAAS,EACT,OAAO,EACP,SAAS,EACT,UAAU,EACV,IAAI,EACJ,SAAS,EACT,aAAsB,EACtB,aAAqB,EACrB,YAAY,EACZ,mBAAmB,EACnB,IAAI,EACJ,eAAe,EACf,OAAO,EACP,KAAK,EACL,SAAS,EACT,QAAQ,EACR,OAAc,EACd,WAAW,EACX,WAAW,EACX,IAAI,EACJ,aAAa,EACb,cAAc,EACd,SAAS,EACT,GAAG,IAAI,EACR,EAAE,oBAAoB,GAAG,CAAC,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Dropdown/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAwB,MAAM,OAAO,CAAC;AAE7C,OAAO,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAC;AACzD,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAqB,EAAE,kBAAkB,EAAE,MAAM,WAAW,CAAC;AAC7D,OAA2B,EAAE,mBAAmB,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAAC;AAEvF,MAAM,WAAW,oBAAqB,SAAQ,OAAO,CAAC,eAAe,CAAC;IACpE,KAAK,CAAC,EAAE,mBAAmB,EAAE,CAAC;IAC9B,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,WAAW,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAClC,SAAS,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAChC,SAAS,CAAC,EAAE,GAAG,CAAC;IAChB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,KAAK,CAAC,EAAE,GAAG,CAAC;IACZ,QAAQ,CAAC,EAAE,GAAG,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,IAAI,CAAC,EAAE,eAAe,CAAC;IACvB,SAAS,CAAC,EAAE,eAAe,CAAC;IAC5B,aAAa,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IACjC,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,YAAY,CAAC,EAAE,oBAAoB,CAAC;CACrC;AAED,iBAAS,cAAc,CAAC,CAAC,SAAS,OAAO,GAAG,kBAAkB,EAAE,EAC9D,KAAK,EACL,SAAS,EACT,KAAK,EACL,QAAQ,EACR,WAAW,EACX,WAAW,EACX,SAAS,EACT,OAAO,EACP,SAAS,EACT,UAAU,EACV,IAAI,EACJ,SAAS,EACT,aAAsB,EACtB,aAAqB,EACrB,YAAY,EACZ,mBAAmB,EACnB,IAAI,EACJ,eAAe,EACf,OAAO,EACP,KAAK,EACL,SAAS,EACT,QAAQ,EACR,OAAc,EACd,WAAW,EACX,WAAW,EACX,IAAI,EACJ,aAAa,EACb,cAAc,EACd,SAAS,EACT,UAAU,EACV,eAAe,EACf,GAAG,IAAI,EACR,EAAE,oBAAoB,GAAG,CAAC,eAmD1B;;AAED,wBAA6D"}
|
|
@@ -32,14 +32,14 @@ var __1 = require("../..");
|
|
|
32
32
|
var Button_1 = __importDefault(require("../Button"));
|
|
33
33
|
var list_1 = __importDefault(require("./list"));
|
|
34
34
|
function ReqoreDropdown(_a) {
|
|
35
|
-
var items = _a.items, component = _a.component, label = _a.label, children = _a.children, multiSelect = _a.multiSelect, buttonStyle = _a.buttonStyle, listStyle = _a.listStyle, handler = _a.handler, placement = _a.placement, filterable = _a.filterable, icon = _a.icon, rightIcon = _a.rightIcon, _b = _a.caretPosition, caretPosition = _b === void 0 ? 'left' : _b, _c = _a.isDefaultOpen, isDefaultOpen = _c === void 0 ? false : _c, onItemSelect = _a.onItemSelect, closeOnOutsideClick = _a.closeOnOutsideClick, blur = _a.blur, closeOnAnyClick = _a.closeOnAnyClick, content = _a.content, delay = _a.delay, maxHeight = _a.maxHeight, maxWidth = _a.maxWidth, _d = _a.noArrow, noArrow = _d === void 0 ? true : _d, transparent = _a.transparent, openOnMount = _a.openOnMount, show = _a.show, targetElement = _a.targetElement, useTargetWidth = _a.useTargetWidth, listWidth = _a.listWidth, rest = __rest(_a, ["items", "component", "label", "children", "multiSelect", "buttonStyle", "listStyle", "handler", "placement", "filterable", "icon", "rightIcon", "caretPosition", "isDefaultOpen", "onItemSelect", "closeOnOutsideClick", "blur", "closeOnAnyClick", "content", "delay", "maxHeight", "maxWidth", "noArrow", "transparent", "openOnMount", "show", "targetElement", "useTargetWidth", "listWidth"]);
|
|
35
|
+
var items = _a.items, component = _a.component, label = _a.label, children = _a.children, multiSelect = _a.multiSelect, buttonStyle = _a.buttonStyle, listStyle = _a.listStyle, handler = _a.handler, placement = _a.placement, filterable = _a.filterable, icon = _a.icon, rightIcon = _a.rightIcon, _b = _a.caretPosition, caretPosition = _b === void 0 ? 'left' : _b, _c = _a.isDefaultOpen, isDefaultOpen = _c === void 0 ? false : _c, onItemSelect = _a.onItemSelect, closeOnOutsideClick = _a.closeOnOutsideClick, blur = _a.blur, closeOnAnyClick = _a.closeOnAnyClick, content = _a.content, delay = _a.delay, maxHeight = _a.maxHeight, maxWidth = _a.maxWidth, _d = _a.noArrow, noArrow = _d === void 0 ? true : _d, transparent = _a.transparent, openOnMount = _a.openOnMount, show = _a.show, targetElement = _a.targetElement, useTargetWidth = _a.useTargetWidth, listWidth = _a.listWidth, listHeight = _a.listHeight, passPopoverData = _a.passPopoverData, rest = __rest(_a, ["items", "component", "label", "children", "multiSelect", "buttonStyle", "listStyle", "handler", "placement", "filterable", "icon", "rightIcon", "caretPosition", "isDefaultOpen", "onItemSelect", "closeOnOutsideClick", "blur", "closeOnAnyClick", "content", "delay", "maxHeight", "maxWidth", "noArrow", "transparent", "openOnMount", "show", "targetElement", "useTargetWidth", "listWidth", "listHeight", "passPopoverData"]);
|
|
36
36
|
var componentProps = (0, react_1.useMemo)(function () {
|
|
37
37
|
return (__assign(__assign({}, rest), { icon: caretPosition === 'left' ? icon || 'ArrowDownSFill' : rightIcon, rightIcon: caretPosition === 'right' ? icon || 'ArrowDownSFill' : rightIcon, style: buttonStyle, disabled: !(0, lodash_1.size)(items), className: "".concat((rest === null || rest === void 0 ? void 0 : rest.className) || '', " reqore-dropdown-control") }));
|
|
38
38
|
}, [items, icon, rightIcon, buttonStyle, caretPosition, rest]);
|
|
39
39
|
var popoverContent = (0, react_1.useMemo)(function () {
|
|
40
|
-
return (0, lodash_1.size)(items) ? ((0, jsx_runtime_1.jsx)(list_1["default"], { multiSelect: multiSelect, listStyle: listStyle, width: useTargetWidth ? '100%' : listWidth, items: items, filterable: filterable, onItemSelect: onItemSelect })) : undefined;
|
|
40
|
+
return (0, lodash_1.size)(items) ? ((0, jsx_runtime_1.jsx)(list_1["default"], { multiSelect: multiSelect, listStyle: listStyle, width: useTargetWidth ? '100%' : listWidth, height: listHeight, items: items, filterable: filterable, onItemSelect: onItemSelect })) : undefined;
|
|
41
41
|
}, [items]);
|
|
42
|
-
return ((0, jsx_runtime_1.jsx)(__1.ReqorePopover, __assign({ closeOnOutsideClick: closeOnOutsideClick, blur: blur, closeOnAnyClick: closeOnAnyClick, delay: delay, maxHeight: maxHeight, maxWidth: maxWidth, noArrow: noArrow, transparent: transparent, useTargetWidth: useTargetWidth, component: component || Button_1["default"], componentProps: componentProps, noWrapper: true, placement: placement || 'bottom-start', handler: handler || 'click', openOnMount: isDefaultOpen, content: popoverContent }, { children: children || label })));
|
|
42
|
+
return ((0, jsx_runtime_1.jsx)(__1.ReqorePopover, __assign({ closeOnOutsideClick: closeOnOutsideClick, blur: blur, closeOnAnyClick: closeOnAnyClick, delay: delay, maxHeight: maxHeight, maxWidth: maxWidth, noArrow: noArrow, transparent: transparent, useTargetWidth: useTargetWidth, component: component || Button_1["default"], componentProps: componentProps, noWrapper: true, placement: placement || 'bottom-start', handler: handler || 'click', openOnMount: isDefaultOpen, content: popoverContent, passPopoverData: passPopoverData }, { children: children || label })));
|
|
43
43
|
}
|
|
44
44
|
exports["default"] = (0, react_1.memo)(ReqoreDropdown);
|
|
45
45
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Dropdown/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,iCAA8B;AAC9B,+BAA6C;AAC7C,2BAAsC;AAGtC,qDAA6D;AAC7D,gDAAuF;
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Dropdown/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -3,12 +3,15 @@ import { IReqoreComponent } from '../../types/global';
|
|
|
3
3
|
import { IReqoreMenuItemProps } from '../Menu/item';
|
|
4
4
|
export declare type TDropdownItemOnClick = (item: IReqoreDropdownItem) => void;
|
|
5
5
|
export interface IReqoreDropdownItem extends Omit<IReqoreMenuItemProps, 'onClick' | 'rightIcon' | 'onRightIconClick'> {
|
|
6
|
-
value
|
|
7
|
-
label?: string;
|
|
6
|
+
value?: any;
|
|
8
7
|
onClick?: TDropdownItemOnClick;
|
|
8
|
+
divider?: boolean;
|
|
9
|
+
dividerAlign?: 'left' | 'center' | 'right';
|
|
9
10
|
}
|
|
11
|
+
export declare type TReqoreDropdownItem = IReqoreDropdownItem;
|
|
12
|
+
export declare type TReqoreDropdownItems = TReqoreDropdownItem[];
|
|
10
13
|
export interface IReqoreDropdownListProps extends IReqoreComponent {
|
|
11
|
-
items?:
|
|
14
|
+
items?: TReqoreDropdownItems;
|
|
12
15
|
multiSelect?: boolean;
|
|
13
16
|
listStyle?: React.CSSProperties;
|
|
14
17
|
width?: string;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"list.d.ts","sourceRoot":"","sources":["../../../src/components/Dropdown/list.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA6C,MAAM,OAAO,CAAC;AAClE,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;
|
|
1
|
+
{"version":3,"file":"list.d.ts","sourceRoot":"","sources":["../../../src/components/Dropdown/list.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA6C,MAAM,OAAO,CAAC;AAClE,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAItD,OAAuB,EAAE,oBAAoB,EAAE,MAAM,cAAc,CAAC;AAEpE,oBAAY,oBAAoB,GAAG,CAAC,IAAI,EAAE,mBAAmB,KAAK,IAAI,CAAC;AACvE,MAAM,WAAW,mBACf,SAAQ,IAAI,CAAC,oBAAoB,EAAE,SAAS,GAAG,WAAW,GAAG,kBAAkB,CAAC;IAChF,KAAK,CAAC,EAAE,GAAG,CAAC;IACZ,OAAO,CAAC,EAAE,oBAAoB,CAAC;IAC/B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,YAAY,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAC;CAC5C;AAED,oBAAY,mBAAmB,GAAG,mBAAmB,CAAC;AACtD,oBAAY,oBAAoB,GAAG,mBAAmB,EAAE,CAAC;AAEzD,MAAM,WAAW,wBAAyB,SAAQ,gBAAgB;IAChE,KAAK,CAAC,EAAE,oBAAoB,CAAC;IAC7B,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,SAAS,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAChC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,YAAY,CAAC,EAAE,oBAAoB,CAAC;CACrC;AAED,QAAA,MAAM,kBAAkB,sHAUnB,wBAAwB,iBA6E5B,CAAC;AAEF,eAAe,kBAAkB,CAAC"}
|
|
@@ -10,6 +10,17 @@ var __assign = (this && this.__assign) || function () {
|
|
|
10
10
|
};
|
|
11
11
|
return __assign.apply(this, arguments);
|
|
12
12
|
};
|
|
13
|
+
var __rest = (this && this.__rest) || function (s, e) {
|
|
14
|
+
var t = {};
|
|
15
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
16
|
+
t[p] = s[p];
|
|
17
|
+
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
18
|
+
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
19
|
+
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
20
|
+
t[p[i]] = s[p[i]];
|
|
21
|
+
}
|
|
22
|
+
return t;
|
|
23
|
+
};
|
|
13
24
|
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
14
25
|
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
15
26
|
};
|
|
@@ -18,6 +29,7 @@ var jsx_runtime_1 = require("react/jsx-runtime");
|
|
|
18
29
|
var react_1 = require("react");
|
|
19
30
|
var Input_1 = __importDefault(require("../Input"));
|
|
20
31
|
var Menu_1 = __importDefault(require("../Menu"));
|
|
32
|
+
var divider_1 = __importDefault(require("../Menu/divider"));
|
|
21
33
|
var item_1 = __importDefault(require("../Menu/item"));
|
|
22
34
|
var ReqoreDropdownList = (0, react_1.memo)(function (_a) {
|
|
23
35
|
var items = _a.items, multiSelect = _a.multiSelect, listStyle = _a.listStyle, _popoverId = _a._popoverId, filterable = _a.filterable, width = _a.width, height = _a.height, onItemSelect = _a.onItemSelect;
|
|
@@ -31,6 +43,9 @@ var ReqoreDropdownList = (0, react_1.memo)(function (_a) {
|
|
|
31
43
|
return _items;
|
|
32
44
|
}
|
|
33
45
|
return _items.filter(function (item) {
|
|
46
|
+
if (item.divider) {
|
|
47
|
+
return false;
|
|
48
|
+
}
|
|
34
49
|
var text = item.label || item.value || item.children;
|
|
35
50
|
if (!text) {
|
|
36
51
|
return false;
|
|
@@ -49,7 +64,10 @@ var ReqoreDropdownList = (0, react_1.memo)(function (_a) {
|
|
|
49
64
|
onItemSelect(item);
|
|
50
65
|
}
|
|
51
66
|
};
|
|
52
|
-
return ((0, jsx_runtime_1.jsxs)(Menu_1["default"], __assign({ _insidePopover: !multiSelect, _popoverId: _popoverId, style: listStyle, width: width, maxHeight: height || '300px' }, { children: [filterable && ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (0, jsx_runtime_1.jsx)(Input_1["default"], { value: query, onChange: handleQueryChange, placeholder: 'Filter', onClearClick: function () { return setQuery(''); } }) })), filteredItems.map(function (
|
|
67
|
+
return ((0, jsx_runtime_1.jsxs)(Menu_1["default"], __assign({ _insidePopover: !multiSelect, _popoverId: _popoverId, style: listStyle, width: width, maxHeight: height || '300px' }, { children: [filterable && ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (0, jsx_runtime_1.jsx)(Input_1["default"], { value: query, onChange: handleQueryChange, placeholder: 'Filter', onClearClick: function () { return setQuery(''); } }) })), filteredItems.map(function (_a, index) {
|
|
68
|
+
var onClick = _a.onClick, dividerAlign = _a.dividerAlign, divider = _a.divider, item = __rest(_a, ["onClick", "dividerAlign", "divider"]);
|
|
69
|
+
return divider ? ((0, jsx_runtime_1.jsx)(divider_1["default"], __assign({}, item, { align: dividerAlign }), index)) : ((0, jsx_runtime_1.jsx)(item_1["default"], __assign({}, item, { label: item.label || item.value, onClick: function () { return handleItemClick(__assign(__assign({}, item), { onClick: onClick })); }, rightIcon: item.selected ? 'CheckLine' : undefined }), index));
|
|
70
|
+
})] })));
|
|
53
71
|
});
|
|
54
72
|
exports["default"] = ReqoreDropdownList;
|
|
55
73
|
//# sourceMappingURL=list.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"list.js","sourceRoot":"","sources":["../../../src/components/Dropdown/list.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"list.js","sourceRoot":"","sources":["../../../src/components/Dropdown/list.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import { HTMLAttributes } from 'react';
|
|
2
2
|
import { TSizes } from '../../constants/sizes';
|
|
3
3
|
import { IReqoreTheme, TReqoreIntent } from '../../constants/theme';
|
|
4
|
+
import { IWithReqoreMinimal } from '../../types/global';
|
|
4
5
|
export declare type TReqoreEffectColorManipulation = 'darken' | 'lighten';
|
|
5
6
|
export declare type TReqoreEffectColorManipulationMultiplier = 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10;
|
|
6
7
|
export declare type TReqoreHexColor = `#${string}`;
|
|
@@ -11,7 +12,17 @@ export declare type TReqoreEffectColorList = [
|
|
|
11
12
|
TReqoreEffectColorManipulation | undefined,
|
|
12
13
|
TReqoreEffectColorManipulationMultiplier | undefined
|
|
13
14
|
];
|
|
14
|
-
export interface
|
|
15
|
+
export interface IReqoreEffectFilters {
|
|
16
|
+
grayscale?: boolean;
|
|
17
|
+
blur?: number;
|
|
18
|
+
sepia?: boolean;
|
|
19
|
+
invert?: boolean;
|
|
20
|
+
opacity?: number;
|
|
21
|
+
brightness?: number;
|
|
22
|
+
contrast?: number;
|
|
23
|
+
saturate?: number;
|
|
24
|
+
}
|
|
25
|
+
export interface IReqoreEffect extends IReqoreEffectFilters {
|
|
15
26
|
gradient?: {
|
|
16
27
|
type?: 'linear' | 'radial';
|
|
17
28
|
shape?: 'circle' | 'ellipse';
|
|
@@ -35,11 +46,13 @@ export interface IReqoreEffect {
|
|
|
35
46
|
};
|
|
36
47
|
interactive?: boolean;
|
|
37
48
|
}
|
|
38
|
-
export interface IReqoreTextEffectProps extends HTMLAttributes<HTMLSpanElement
|
|
49
|
+
export interface IReqoreTextEffectProps extends HTMLAttributes<HTMLSpanElement>, IWithReqoreMinimal {
|
|
39
50
|
children: React.ReactNode;
|
|
40
51
|
effect: IReqoreEffect;
|
|
41
52
|
as?: React.ElementType;
|
|
42
53
|
theme?: IReqoreTheme;
|
|
54
|
+
active?: boolean;
|
|
55
|
+
isText?: boolean;
|
|
43
56
|
}
|
|
44
57
|
export declare const StyledEffect: any;
|
|
45
58
|
export declare const StyledTextEffect: any;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Effect/index.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Effect/index.tsx"],"names":[],"mappings":"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"}
|