@qoretechnologies/reqore 0.30.15 → 0.30.16
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__/multiselect.test.tsx +69 -0
- package/dist/components/Dropdown/list.d.ts.map +1 -1
- package/dist/components/Dropdown/list.js +0 -1
- package/dist/components/Dropdown/list.js.map +1 -1
- package/dist/components/Message/index.d.ts +2 -2
- package/dist/components/Message/index.d.ts.map +1 -1
- package/dist/components/Message/index.js +2 -2
- package/dist/components/Message/index.js.map +1 -1
- package/dist/components/MultiSelect/index.d.ts +3 -1
- package/dist/components/MultiSelect/index.d.ts.map +1 -1
- package/dist/components/MultiSelect/index.js +3 -1
- package/dist/components/MultiSelect/index.js.map +1 -1
- package/dist/components/Notifications/notification.d.ts +2 -2
- package/dist/components/Notifications/notification.d.ts.map +1 -1
- package/dist/components/Notifications/notification.js +15 -6
- package/dist/components/Notifications/notification.js.map +1 -1
- package/dist/components/Tag/index.d.ts +4 -2
- package/dist/components/Tag/index.d.ts.map +1 -1
- package/dist/components/Tag/index.js +4 -4
- package/dist/components/Tag/index.js.map +1 -1
- package/dist/components/Textarea/index.d.ts +1 -0
- package/dist/components/Textarea/index.d.ts.map +1 -1
- package/dist/components/Textarea/index.js +15 -6
- package/dist/components/Textarea/index.js.map +1 -1
- package/dist/components/Tree/index.d.ts +3 -2
- package/dist/components/Tree/index.d.ts.map +1 -1
- package/dist/components/Tree/index.js +45 -6
- package/dist/components/Tree/index.js.map +1 -1
- package/dist/hooks/useTheme.d.ts +1 -1
- package/dist/hooks/useTheme.d.ts.map +1 -1
- package/dist/hooks/useTheme.js +3 -2
- package/dist/hooks/useTheme.js.map +1 -1
- package/package.json +11 -3
- package/src/components/Dropdown/list.tsx +0 -2
- package/src/components/Message/index.tsx +8 -1
- package/src/components/MultiSelect/index.tsx +6 -0
- package/src/components/Notifications/notification.tsx +22 -8
- package/src/components/Tag/index.tsx +33 -7
- package/src/components/Textarea/index.tsx +11 -2
- package/src/components/Tree/index.tsx +51 -66
- package/src/hooks/useTheme.ts +3 -2
- package/src/stories/Notifications/Notification.stories.tsx +2 -0
- package/src/stories/Tag/Tag.stories.tsx +29 -1
- package/tests.json +1 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Textarea/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,qCAAgC;AAChC,+BAA+D;AAC/D,qEAAgD;AAChD,+
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Textarea/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,7 +1,8 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
import { IReqoreTheme } from '../../constants/theme';
|
|
3
3
|
import { IWithReqoreSize } from '../../types/global';
|
|
4
|
-
|
|
4
|
+
import { IReqorePanelProps } from '../Panel';
|
|
5
|
+
export interface IReqoreTreeProps extends IReqorePanelProps, IWithReqoreSize {
|
|
5
6
|
data: Object | Array<any>;
|
|
6
7
|
mode?: 'tree' | 'copy';
|
|
7
8
|
expanded?: boolean;
|
|
@@ -15,5 +16,5 @@ export interface ITreeStyle {
|
|
|
15
16
|
theme: IReqoreTheme;
|
|
16
17
|
}
|
|
17
18
|
export declare const StyledTreeLabel: any;
|
|
18
|
-
export declare const ReqoreTree: ({ data, mode, size, expanded, showTypes, onItemClick, withLabelCopy, showControls, }: IReqoreTreeProps) => JSX.Element;
|
|
19
|
+
export declare const ReqoreTree: ({ data, mode, size, expanded, showTypes, onItemClick, withLabelCopy, showControls, ...rest }: IReqoreTreeProps) => JSX.Element;
|
|
19
20
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Tree/index.tsx"],"names":[],"mappings":";AAIA,OAAO,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAGrD,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Tree/index.tsx"],"names":[],"mappings":";AAIA,OAAO,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAGrD,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAGrD,OAAO,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAC;AAG7C,MAAM,WAAW,gBAAiB,SAAQ,iBAAiB,EAAE,eAAe;IAC1E,IAAI,EAAE,MAAM,GAAG,KAAK,CAAC,GAAG,CAAC,CAAC;IAC1B,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,GAAG,EAAE,IAAI,CAAC,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IACpD,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB;AAED,MAAM,WAAW,UAAU;IACzB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,KAAK,EAAE,YAAY,CAAC;CACrB;AAED,eAAO,MAAM,eAAe,KAE3B,CAAC;AAEF,eAAO,MAAM,UAAU,iGAUpB,gBAAgB,gBAkMlB,CAAC"}
|
|
@@ -14,6 +14,17 @@ var __assign = (this && this.__assign) || function () {
|
|
|
14
14
|
};
|
|
15
15
|
return __assign.apply(this, arguments);
|
|
16
16
|
};
|
|
17
|
+
var __rest = (this && this.__rest) || function (s, e) {
|
|
18
|
+
var t = {};
|
|
19
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
20
|
+
t[p] = s[p];
|
|
21
|
+
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
22
|
+
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
23
|
+
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
24
|
+
t[p[i]] = s[p[i]];
|
|
25
|
+
}
|
|
26
|
+
return t;
|
|
27
|
+
};
|
|
17
28
|
var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
|
|
18
29
|
if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
|
|
19
30
|
if (ar || !(i in from)) {
|
|
@@ -38,10 +49,9 @@ var utils_1 = require("../../helpers/utils");
|
|
|
38
49
|
var Button_1 = __importDefault(require("../Button"));
|
|
39
50
|
var ControlGroup_1 = __importDefault(require("../ControlGroup"));
|
|
40
51
|
var Tag_1 = __importDefault(require("../Tag"));
|
|
41
|
-
|
|
42
|
-
exports.StyledTreeLabel = (0, styled_components_1["default"])(__1.ReqoreMessage)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n flex-shrink: 1;\n"], ["\n flex-shrink: 1;\n"])));
|
|
52
|
+
exports.StyledTreeLabel = (0, styled_components_1["default"])(__1.ReqoreMessage)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n flex-shrink: 1;\n"], ["\n flex-shrink: 1;\n"])));
|
|
43
53
|
var ReqoreTree = function (_a) {
|
|
44
|
-
var data = _a.data, _b = _a.mode, mode = _b === void 0 ? 'tree' : _b, _c = _a.size, size = _c === void 0 ? 'normal' : _c, expanded = _a.expanded, showTypes = _a.showTypes, onItemClick = _a.onItemClick, withLabelCopy = _a.withLabelCopy, _d = _a.showControls, showControls = _d === void 0 ? true : _d;
|
|
54
|
+
var data = _a.data, _b = _a.mode, mode = _b === void 0 ? 'tree' : _b, _c = _a.size, size = _c === void 0 ? 'normal' : _c, expanded = _a.expanded, showTypes = _a.showTypes, onItemClick = _a.onItemClick, withLabelCopy = _a.withLabelCopy, _d = _a.showControls, showControls = _d === void 0 ? true : _d, rest = __rest(_a, ["data", "mode", "size", "expanded", "showTypes", "onItemClick", "withLabelCopy", "showControls"]);
|
|
45
55
|
var _e = (0, react_1.useState)(mode), _mode = _e[0], setMode = _e[1];
|
|
46
56
|
var _f = (0, react_1.useState)({}), items = _f[0], setItems = _f[1];
|
|
47
57
|
var _g = (0, react_1.useState)(expanded || !showControls), allExpanded = _g[0], setAllExpanded = _g[1];
|
|
@@ -126,9 +136,38 @@ var ReqoreTree = function (_a) {
|
|
|
126
136
|
}
|
|
127
137
|
var textData = renderText(data);
|
|
128
138
|
var lineCount = (0, utils_1.getLineCount)(textData);
|
|
129
|
-
return ((0, jsx_runtime_1.jsxs)(
|
|
130
|
-
|
|
139
|
+
return ((0, jsx_runtime_1.jsxs)(__1.ReqorePanel, __assign({ className: 'reqore-tree', minimal: true, flat: true, transparent: true, size: size }, rest, { actions: showControls
|
|
140
|
+
? [
|
|
141
|
+
{
|
|
142
|
+
className: 'reqore-tree-expand-all',
|
|
143
|
+
icon: 'ArrowDownFill',
|
|
144
|
+
onClick: handleExpandClick,
|
|
145
|
+
show: !!(isDeep() && !allExpanded),
|
|
146
|
+
label: 'Expand all'
|
|
147
|
+
},
|
|
148
|
+
{
|
|
149
|
+
show: !!(isDeep() && (allExpanded || (0, lodash_1.size)(items) > 0)),
|
|
150
|
+
className: 'reqore-tree-collapse-all',
|
|
151
|
+
icon: 'ArrowUpFill',
|
|
152
|
+
onClick: handleCollapseClick,
|
|
153
|
+
label: 'Collapse all'
|
|
154
|
+
},
|
|
155
|
+
{
|
|
156
|
+
className: 'reqore-tree-show-types',
|
|
157
|
+
icon: 'CodeBoxFill',
|
|
158
|
+
active: _showTypes,
|
|
159
|
+
onClick: handleTypesClick,
|
|
160
|
+
label: 'Show types'
|
|
161
|
+
},
|
|
162
|
+
{
|
|
163
|
+
className: _mode === 'tree' ? 'reqore-tree-as-text' : 'reqore-tree-as-tree',
|
|
164
|
+
onClick: _mode === 'tree' ? handleCopyClick : handleTreeClick,
|
|
165
|
+
icon: _mode === 'tree' ? 'Menu2Fill' : 'ClipboardFill',
|
|
166
|
+
label: _mode === 'tree' ? 'Text View' : 'Tree View'
|
|
167
|
+
},
|
|
168
|
+
]
|
|
169
|
+
: undefined }, { children: [_mode === 'tree' && renderTree(data, true), _mode === 'copy' && ((0, jsx_runtime_1.jsx)(__1.ReqoreTextarea, { className: 'reqore-tree-textarea', id: 'tree-content', defaultValue: textData, scaleWithContent: true, size: size, fluid: true, readOnly: true, rows: lineCount > 20 ? 20 : lineCount }))] })));
|
|
131
170
|
};
|
|
132
171
|
exports.ReqoreTree = ReqoreTree;
|
|
133
|
-
var templateObject_1
|
|
172
|
+
var templateObject_1;
|
|
134
173
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Tree/index.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Tree/index.tsx"],"names":[],"mappings":"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"}
|
package/dist/hooks/useTheme.d.ts
CHANGED
|
@@ -8,5 +8,5 @@ export interface IReqoreCustomTheme extends Partial<Omit<IReqoreTheme, 'main' |
|
|
|
8
8
|
};
|
|
9
9
|
gradient?: boolean;
|
|
10
10
|
}
|
|
11
|
-
export declare const useReqoreTheme: (element?: string, customTheme?: IReqoreCustomTheme, intent?: TReqoreIntent) => IReqoreTheme;
|
|
11
|
+
export declare const useReqoreTheme: (element?: string, customTheme?: IReqoreCustomTheme, intent?: TReqoreIntent, intentsKey?: 'intents' | 'notifications') => IReqoreTheme;
|
|
12
12
|
//# sourceMappingURL=useTheme.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useTheme.d.ts","sourceRoot":"","sources":["../../src/hooks/useTheme.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAC1D,OAAO,EAAE,YAAY,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AAIjE,MAAM,WAAW,kBAAmB,SAAQ,OAAO,CAAC,IAAI,CAAC,YAAY,EAAE,MAAM,GAAG,MAAM,CAAC,CAAC;IACtF,IAAI,CAAC,EAAE,kBAAkB,CAAC;IAC1B,IAAI,CAAC,EAAE;QACL,KAAK,CAAC,EAAE,kBAAkB,CAAC;QAC3B,GAAG,CAAC,EAAE,OAAO,CAAC;KACf,CAAC;IACF,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,eAAO,MAAM,cAAc,aACf,MAAM,gBACH,kBAAkB,WACtB,aAAa,
|
|
1
|
+
{"version":3,"file":"useTheme.d.ts","sourceRoot":"","sources":["../../src/hooks/useTheme.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAC1D,OAAO,EAAE,YAAY,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AAIjE,MAAM,WAAW,kBAAmB,SAAQ,OAAO,CAAC,IAAI,CAAC,YAAY,EAAE,MAAM,GAAG,MAAM,CAAC,CAAC;IACtF,IAAI,CAAC,EAAE,kBAAkB,CAAC;IAC1B,IAAI,CAAC,EAAE;QACL,KAAK,CAAC,EAAE,kBAAkB,CAAC;QAC3B,GAAG,CAAC,EAAE,OAAO,CAAC;KACf,CAAC;IACF,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,eAAO,MAAM,cAAc,aACf,MAAM,gBACH,kBAAkB,WACtB,aAAa,eACV,SAAS,GAAG,eAAe,KACtC,YAsBF,CAAC"}
|
package/dist/hooks/useTheme.js
CHANGED
|
@@ -8,9 +8,10 @@ var lodash_1 = require("lodash");
|
|
|
8
8
|
var react_1 = require("react");
|
|
9
9
|
var ThemeContext_1 = __importDefault(require("../context/ThemeContext"));
|
|
10
10
|
var colors_1 = require("../helpers/colors");
|
|
11
|
-
var useReqoreTheme = function (element, customTheme, intent) {
|
|
11
|
+
var useReqoreTheme = function (element, customTheme, intent, intentsKey) {
|
|
12
12
|
var _a;
|
|
13
13
|
if (customTheme === void 0) { customTheme = {}; }
|
|
14
|
+
if (intentsKey === void 0) { intentsKey = 'intents'; }
|
|
14
15
|
var theme = (0, react_1.useContext)(ThemeContext_1["default"]);
|
|
15
16
|
if (!element) {
|
|
16
17
|
return theme;
|
|
@@ -23,7 +24,7 @@ var useReqoreTheme = function (element, customTheme, intent) {
|
|
|
23
24
|
_customTheme.text.color = (0, colors_1.getColorFromMaybeString)(theme, customTheme.text.color);
|
|
24
25
|
}
|
|
25
26
|
if (element === 'main' && intent) {
|
|
26
|
-
_customTheme.main = theme
|
|
27
|
+
_customTheme.main = theme[intentsKey][intent];
|
|
27
28
|
}
|
|
28
29
|
return (0, colors_1.mergeThemes)(element, theme, _customTheme);
|
|
29
30
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useTheme.js","sourceRoot":"","sources":["../../src/hooks/useTheme.ts"],"names":[],"mappings":";;;;;;AAAA,iCAAmC;AACnC,+BAAmC;AAGnC,yEAAmD;AACnD,4CAAyE;AAWlE,IAAM,cAAc,GAAG,UAC5B,OAAgB,EAChB,WAAoC,EACpC,MAAsB;;
|
|
1
|
+
{"version":3,"file":"useTheme.js","sourceRoot":"","sources":["../../src/hooks/useTheme.ts"],"names":[],"mappings":";;;;;;AAAA,iCAAmC;AACnC,+BAAmC;AAGnC,yEAAmD;AACnD,4CAAyE;AAWlE,IAAM,cAAc,GAAG,UAC5B,OAAgB,EAChB,WAAoC,EACpC,MAAsB,EACtB,UAAmD;;IAFnD,4BAAA,EAAA,gBAAoC;IAEpC,2BAAA,EAAA,sBAAmD;IAEnD,IAAM,KAAK,GAAiB,IAAA,kBAAU,EAAe,yBAAY,CAAC,CAAC;IAEnE,IAAI,CAAC,OAAO,EAAE;QACZ,OAAO,KAAK,CAAC;KACd;IAED,IAAI,YAAY,GAAuB,IAAA,kBAAS,EAAC,WAAW,CAAC,CAAC;IAE9D,IAAI,YAAY,CAAC,IAAI,EAAE;QACrB,YAAY,CAAC,IAAI,GAAG,IAAA,gCAAuB,EAAC,KAAK,EAAE,WAAW,CAAC,IAAI,CAAC,CAAC;KACtE;IAED,IAAI,MAAA,YAAY,CAAC,IAAI,0CAAE,KAAK,EAAE;QAC5B,YAAY,CAAC,IAAI,CAAC,KAAK,GAAG,IAAA,gCAAuB,EAAC,KAAK,EAAE,WAAW,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;KAClF;IAED,IAAI,OAAO,KAAK,MAAM,IAAI,MAAM,EAAE;QAChC,YAAY,CAAC,IAAI,GAAG,KAAK,CAAC,UAAU,CAAC,CAAC,MAAM,CAAC,CAAC;KAC/C;IAED,OAAO,IAAA,oBAAW,EAAC,OAAO,EAAE,KAAK,EAAE,YAAY,CAAiB,CAAC;AACnE,CAAC,CAAC;AA3BW,QAAA,cAAc,kBA2BzB"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@qoretechnologies/reqore",
|
|
3
|
-
"version": "0.30.
|
|
3
|
+
"version": "0.30.16",
|
|
4
4
|
"description": "ReQore is a highly theme-able and modular UI library for React",
|
|
5
5
|
"main": "dist/index.js",
|
|
6
6
|
"types": "dist/index.d.ts",
|
|
@@ -18,8 +18,16 @@
|
|
|
18
18
|
"type": "git",
|
|
19
19
|
"url": "git+https://github.com/qoretechnologies/reqore.git"
|
|
20
20
|
},
|
|
21
|
-
"keywords": [
|
|
22
|
-
|
|
21
|
+
"keywords": [
|
|
22
|
+
"library",
|
|
23
|
+
"ui",
|
|
24
|
+
"qorus",
|
|
25
|
+
"react"
|
|
26
|
+
],
|
|
27
|
+
"pre-push": [
|
|
28
|
+
"build:test",
|
|
29
|
+
"test"
|
|
30
|
+
],
|
|
23
31
|
"author": "Qore Technologies",
|
|
24
32
|
"license": "ISC",
|
|
25
33
|
"bugs": {
|
|
@@ -11,6 +11,8 @@ import {
|
|
|
11
11
|
IReqoreIntent,
|
|
12
12
|
IWithReqoreCustomTheme,
|
|
13
13
|
IWithReqoreEffect,
|
|
14
|
+
IWithReqoreFixed,
|
|
15
|
+
IWithReqoreFluid,
|
|
14
16
|
IWithReqoreMinimal,
|
|
15
17
|
IWithReqoreOpaque,
|
|
16
18
|
IWithReqoreSize,
|
|
@@ -36,6 +38,8 @@ export interface IReqoreMessageProps
|
|
|
36
38
|
IWithReqoreMinimal,
|
|
37
39
|
IWithReqoreOpaque,
|
|
38
40
|
IWithReqoreTooltip,
|
|
41
|
+
IWithReqoreFixed,
|
|
42
|
+
IWithReqoreFluid,
|
|
39
43
|
React.HTMLAttributes<HTMLDivElement> {
|
|
40
44
|
title?: string;
|
|
41
45
|
children: any;
|
|
@@ -73,6 +77,8 @@ const ReqoreMessage = memo(
|
|
|
73
77
|
customTheme,
|
|
74
78
|
iconColor,
|
|
75
79
|
tooltip,
|
|
80
|
+
fixed,
|
|
81
|
+
fluid,
|
|
76
82
|
...rest
|
|
77
83
|
},
|
|
78
84
|
ref
|
|
@@ -132,7 +138,8 @@ const ReqoreMessage = memo(
|
|
|
132
138
|
flat={flat}
|
|
133
139
|
minimal={minimal}
|
|
134
140
|
asMessage
|
|
135
|
-
fluid
|
|
141
|
+
fluid={fluid}
|
|
142
|
+
fixed={fixed}
|
|
136
143
|
className={`${rest?.className || ''} reqore-message`}
|
|
137
144
|
ref={targetRef}
|
|
138
145
|
size={size}
|
|
@@ -21,6 +21,8 @@ export interface IReqoreMultiSelectProps
|
|
|
21
21
|
items?: TReqoreMultiSelectItem[];
|
|
22
22
|
onItemClick?: (item: IReqoreDropdownItem) => void;
|
|
23
23
|
onItemClickIcon?: IReqoreTagProps['rightIcon'];
|
|
24
|
+
onItemAdded?: (item: TReqoreMultiSelectItem) => void;
|
|
25
|
+
onItemRemoved?: (item: TReqoreMultiSelectItem) => void;
|
|
24
26
|
canRemoveItems?: boolean;
|
|
25
27
|
canCreateItems?: boolean;
|
|
26
28
|
selectedItemEffect?: IReqoreEffect;
|
|
@@ -87,6 +89,8 @@ export const ReqoreMultiSelect = ({
|
|
|
87
89
|
openOnMount,
|
|
88
90
|
enterKeySelects,
|
|
89
91
|
onItemClickIcon,
|
|
92
|
+
onItemAdded,
|
|
93
|
+
onItemRemoved,
|
|
90
94
|
...rest
|
|
91
95
|
}: IReqoreMultiSelectProps) => {
|
|
92
96
|
const [createdItems, setCreatedItems] = useState<TReqoreMultiSelectItem[]>([]);
|
|
@@ -114,8 +118,10 @@ export const ReqoreMultiSelect = ({
|
|
|
114
118
|
(item: TReqoreMultiSelectItem): void => {
|
|
115
119
|
if (value.includes(item.value)) {
|
|
116
120
|
onValueChange(value.filter((v) => v !== item.value));
|
|
121
|
+
onItemRemoved?.(item.value);
|
|
117
122
|
} else {
|
|
118
123
|
onValueChange([...value, item.value]);
|
|
124
|
+
onItemAdded?.(item.value);
|
|
119
125
|
}
|
|
120
126
|
},
|
|
121
127
|
[value]
|
|
@@ -15,7 +15,13 @@ import { IReqoreTheme, TReqoreIntent } from '../../constants/theme';
|
|
|
15
15
|
import ReqoreThemeProvider from '../../containers/ThemeProvider';
|
|
16
16
|
import { fadeIn } from '../../helpers/animations';
|
|
17
17
|
import { changeLightness, getNotificationIntent, getReadableColor } from '../../helpers/colors';
|
|
18
|
-
import {
|
|
18
|
+
import { useReqoreTheme } from '../../hooks/useTheme';
|
|
19
|
+
import {
|
|
20
|
+
IWithReqoreCustomTheme,
|
|
21
|
+
IWithReqoreEffect,
|
|
22
|
+
IWithReqoreMinimal,
|
|
23
|
+
IWithReqoreOpaque,
|
|
24
|
+
} from '../../types/global';
|
|
19
25
|
import { IReqoreIconName } from '../../types/icons';
|
|
20
26
|
import { StyledEffect } from '../Effect';
|
|
21
27
|
import { ReqoreHeading } from '../Header';
|
|
@@ -26,7 +32,8 @@ export type IReqoreNotificationType = TReqoreIntent;
|
|
|
26
32
|
export interface IReqoreNotificationProps
|
|
27
33
|
extends IWithReqoreEffect,
|
|
28
34
|
IWithReqoreMinimal,
|
|
29
|
-
IWithReqoreOpaque
|
|
35
|
+
IWithReqoreOpaque,
|
|
36
|
+
IWithReqoreCustomTheme {
|
|
30
37
|
type?: IReqoreNotificationType;
|
|
31
38
|
intent?: TReqoreIntent;
|
|
32
39
|
title?: string;
|
|
@@ -65,13 +72,14 @@ const timeoutAnimation = keyframes`
|
|
|
65
72
|
`;
|
|
66
73
|
|
|
67
74
|
export const StyledReqoreNotification = styled(StyledEffect)<IReqoreNotificationStyle>`
|
|
68
|
-
min-width: ${({ fluid }) => (!fluid ? '
|
|
69
|
-
max-width: ${({ fluid }) => (
|
|
75
|
+
min-width: ${({ fluid }) => (!fluid ? '30px' : undefined)};
|
|
76
|
+
max-width: ${({ maxWidth, fluid, fixed }) => maxWidth || (fluid && !fixed ? '100%' : undefined)};
|
|
70
77
|
border-radius: 5px;
|
|
71
78
|
min-height: ${({ size = 'normal' }: IReqoreNotificationStyle) => TABS_SIZE_TO_PX[size]}px;
|
|
72
79
|
display: flex;
|
|
73
|
-
flex: 0 0 auto;
|
|
74
|
-
|
|
80
|
+
flex: ${({ fluid, fixed }) => (fixed ? '0 0 auto' : fluid ? '1 auto' : '0 0 auto')};
|
|
81
|
+
align-self: ${({ fixed, fluid }) => (fixed ? 'flex-start' : fluid ? 'stretch' : undefined)};
|
|
82
|
+
overflow: hidden;
|
|
75
83
|
position: relative;
|
|
76
84
|
transition: all 0.2s ease-out;
|
|
77
85
|
|
|
@@ -229,10 +237,14 @@ const ReqoreNotification = forwardRef<HTMLDivElement, IReqoreNotificationProps>(
|
|
|
229
237
|
minimal,
|
|
230
238
|
opaque,
|
|
231
239
|
size = 'normal',
|
|
240
|
+
customTheme,
|
|
232
241
|
},
|
|
233
242
|
ref: any
|
|
234
243
|
) => {
|
|
235
244
|
const [internalTimeout, setInternalTimeout] = useState(null);
|
|
245
|
+
const theme = useReqoreTheme('main', customTheme, type || intent, 'notifications');
|
|
246
|
+
|
|
247
|
+
console.log(theme, customTheme, intent);
|
|
236
248
|
|
|
237
249
|
const transitions = useTransition(true, {
|
|
238
250
|
from: { opacity: 0, transform: 'scale(0.9)' },
|
|
@@ -284,15 +296,17 @@ const ReqoreNotification = forwardRef<HTMLDivElement, IReqoreNotificationProps>(
|
|
|
284
296
|
style={styles}
|
|
285
297
|
size={size}
|
|
286
298
|
opaque={opaque}
|
|
299
|
+
theme={theme}
|
|
300
|
+
maxWidth='450px'
|
|
287
301
|
>
|
|
288
302
|
{type || intent || icon ? (
|
|
289
303
|
<StyledIconWrapper type={type || intent} size={size}>
|
|
290
304
|
<ReqoreIcon icon={icon || typeToIcon[type || intent]} margin={'both'} size={size} />
|
|
291
305
|
</StyledIconWrapper>
|
|
292
306
|
) : null}
|
|
293
|
-
<StyledNotificationContentWrapper size={size}>
|
|
307
|
+
<StyledNotificationContentWrapper size={size} theme={theme}>
|
|
294
308
|
{title && <ReqoreHeading size={size}>{title}</ReqoreHeading>}
|
|
295
|
-
<StyledNotificationContent hasTitle={!!title} size={size}>
|
|
309
|
+
<StyledNotificationContent theme={theme} hasTitle={!!title} size={size}>
|
|
296
310
|
{content}
|
|
297
311
|
</StyledNotificationContent>
|
|
298
312
|
</StyledNotificationContentWrapper>
|
|
@@ -32,7 +32,13 @@ import {
|
|
|
32
32
|
IWithReqoreTooltip,
|
|
33
33
|
} from '../../types/global';
|
|
34
34
|
import { IReqoreIconName } from '../../types/icons';
|
|
35
|
-
import {
|
|
35
|
+
import {
|
|
36
|
+
IReqoreEffect,
|
|
37
|
+
StyledEffect,
|
|
38
|
+
StyledTextEffect,
|
|
39
|
+
TReqoreEffectColor,
|
|
40
|
+
TReqoreHexColor,
|
|
41
|
+
} from '../Effect';
|
|
36
42
|
import ReqoreIcon from '../Icon';
|
|
37
43
|
|
|
38
44
|
export interface IReqoreTagAction extends IWithReqoreTooltip, IReqoreDisabled, IReqoreIntent {
|
|
@@ -45,10 +51,10 @@ export interface IReqoreTagProps
|
|
|
45
51
|
extends Omit<React.HTMLAttributes<HTMLSpanElement>, 'children'>,
|
|
46
52
|
IWithReqoreTooltip,
|
|
47
53
|
IReqoreDisabled,
|
|
48
|
-
IWithReqoreEffect,
|
|
49
54
|
IWithReqoreMinimal,
|
|
50
55
|
IWithReqoreFluid,
|
|
51
|
-
IWithReqoreFixed
|
|
56
|
+
IWithReqoreFixed,
|
|
57
|
+
IWithReqoreEffect {
|
|
52
58
|
size?: TSizes;
|
|
53
59
|
label?: string | number;
|
|
54
60
|
labelKey?: string | number;
|
|
@@ -65,6 +71,8 @@ export interface IReqoreTagProps
|
|
|
65
71
|
asBadge?: boolean;
|
|
66
72
|
intent?: TReqoreIntent;
|
|
67
73
|
wrap?: boolean;
|
|
74
|
+
labelEffect?: IReqoreEffect;
|
|
75
|
+
labelKeyEffect?: IReqoreEffect;
|
|
68
76
|
}
|
|
69
77
|
|
|
70
78
|
export interface IReqoreTagStyle extends IReqoreTagProps {
|
|
@@ -170,7 +178,7 @@ const StyledTagContentWrapper = styled.span<{ size: TSizes }>`
|
|
|
170
178
|
min-height: 100%;
|
|
171
179
|
`;
|
|
172
180
|
|
|
173
|
-
const StyledTagContent = styled
|
|
181
|
+
const StyledTagContent = styled(StyledTextEffect)<{ size: TSizes }>`
|
|
174
182
|
padding: 4px ${({ size }) => PADDING_FROM_SIZE[size]}px;
|
|
175
183
|
min-height: 100%;
|
|
176
184
|
display: flex;
|
|
@@ -190,7 +198,6 @@ const StyledTagContent = styled.span<{ size: TSizes }>`
|
|
|
190
198
|
`;
|
|
191
199
|
|
|
192
200
|
const StyledTagContentKey = styled(StyledTagContent)`
|
|
193
|
-
font-weight: 800;
|
|
194
201
|
flex: 1;
|
|
195
202
|
|
|
196
203
|
${({ wrap, hasWidth }) =>
|
|
@@ -250,6 +257,8 @@ const ReqoreTag = forwardRef<HTMLSpanElement, IReqoreTagProps>(
|
|
|
250
257
|
leftIconColor,
|
|
251
258
|
rightIconColor,
|
|
252
259
|
iconColor,
|
|
260
|
+
labelEffect,
|
|
261
|
+
labelKeyEffect,
|
|
253
262
|
...rest
|
|
254
263
|
}: IReqoreTagProps,
|
|
255
264
|
ref
|
|
@@ -309,7 +318,17 @@ const ReqoreTag = forwardRef<HTMLSpanElement, IReqoreTagProps>(
|
|
|
309
318
|
/>
|
|
310
319
|
)}
|
|
311
320
|
{labelKey && (
|
|
312
|
-
<StyledTagContentKey
|
|
321
|
+
<StyledTagContentKey
|
|
322
|
+
wrap={wrap}
|
|
323
|
+
hasWidth={!!width}
|
|
324
|
+
size={size}
|
|
325
|
+
effect={
|
|
326
|
+
{
|
|
327
|
+
weight: 'thick',
|
|
328
|
+
...labelKeyEffect,
|
|
329
|
+
} as IReqoreEffect
|
|
330
|
+
}
|
|
331
|
+
>
|
|
313
332
|
{labelKey}
|
|
314
333
|
</StyledTagContentKey>
|
|
315
334
|
)}
|
|
@@ -325,7 +344,14 @@ const ReqoreTag = forwardRef<HTMLSpanElement, IReqoreTagProps>(
|
|
|
325
344
|
hasKey={!!labelKey}
|
|
326
345
|
>
|
|
327
346
|
{label || label === 0 ? (
|
|
328
|
-
<StyledTagContent
|
|
347
|
+
<StyledTagContent
|
|
348
|
+
size={size}
|
|
349
|
+
wrap={wrap}
|
|
350
|
+
hasWidth={!!width}
|
|
351
|
+
effect={{
|
|
352
|
+
...labelEffect,
|
|
353
|
+
}}
|
|
354
|
+
>
|
|
329
355
|
{label}
|
|
330
356
|
</StyledTagContent>
|
|
331
357
|
) : null}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { rgba } from 'polished';
|
|
2
2
|
import React, { forwardRef, useEffect, useState } from 'react';
|
|
3
3
|
import styled, { css } from 'styled-components';
|
|
4
|
-
import { RADIUS_FROM_SIZE, TEXT_FROM_SIZE, TSizes } from '../../constants/sizes';
|
|
4
|
+
import { RADIUS_FROM_SIZE, SIZE_TO_PX, TEXT_FROM_SIZE, TSizes } from '../../constants/sizes';
|
|
5
5
|
import { IReqoreTheme } from '../../constants/theme';
|
|
6
6
|
import { changeLightness, getReadableColor } from '../../helpers/colors';
|
|
7
7
|
import { useCombinedRefs } from '../../hooks/useCombinedRefs';
|
|
@@ -41,6 +41,7 @@ export interface IReqoreTextareaProps
|
|
|
41
41
|
cols?: number;
|
|
42
42
|
rounded?: boolean;
|
|
43
43
|
flat?: boolean;
|
|
44
|
+
fixed?: boolean;
|
|
44
45
|
onClearClick?: () => any;
|
|
45
46
|
wrapperStyle?: React.CSSProperties;
|
|
46
47
|
}
|
|
@@ -52,17 +53,23 @@ export interface IReqoreTextareaStyle extends IReqoreTextareaProps {
|
|
|
52
53
|
|
|
53
54
|
export const StyledTextareaWrapper = styled.div<IReqoreTextareaStyle>`
|
|
54
55
|
height: ${({ height }) => (height ? `${height}px` : undefined)};
|
|
56
|
+
min-height: ${({ _size }) => SIZE_TO_PX[_size]}px;
|
|
57
|
+
max-height: 100%;
|
|
55
58
|
width: ${({ width, fluid }) => (fluid ? '100%' : width ? `${width}px` : 'auto')};
|
|
56
|
-
flex: ${({ fluid }) => (fluid ? '1' :
|
|
59
|
+
flex: ${({ fluid, fixed }) => (fixed ? '0 0 auto' : fluid ? '1 auto' : '0 0 auto')};
|
|
60
|
+
align-self: ${({ fixed, fluid }) => (fixed ? 'flex-start' : fluid ? 'stretch' : undefined)};
|
|
57
61
|
position: relative;
|
|
58
62
|
overflow: hidden;
|
|
59
63
|
`;
|
|
60
64
|
|
|
61
65
|
export const StyledTextarea = styled(StyledEffect)<IReqoreTextareaStyle>`
|
|
62
66
|
width: 100%;
|
|
67
|
+
max-width: 100%;
|
|
68
|
+
max-height: 100%;
|
|
63
69
|
font-size: ${({ _size }) => TEXT_FROM_SIZE[_size]}px;
|
|
64
70
|
margin: 0;
|
|
65
71
|
padding: 5px 7px;
|
|
72
|
+
min-height: ${({ _size }) => SIZE_TO_PX[_size]}px;
|
|
66
73
|
|
|
67
74
|
background-color: ${({ theme, minimal }: IReqoreInputStyle) =>
|
|
68
75
|
minimal ? 'transparent' : rgba(theme.main, 0.1)};
|
|
@@ -130,6 +137,7 @@ const ReqoreInput = forwardRef<HTMLTextAreaElement, IReqoreTextareaProps>(
|
|
|
130
137
|
wrapperStyle,
|
|
131
138
|
value,
|
|
132
139
|
onChange,
|
|
140
|
+
fixed,
|
|
133
141
|
...rest
|
|
134
142
|
}: IReqoreTextareaProps,
|
|
135
143
|
ref
|
|
@@ -151,6 +159,7 @@ const ReqoreInput = forwardRef<HTMLTextAreaElement, IReqoreTextareaProps>(
|
|
|
151
159
|
width={width}
|
|
152
160
|
height={height}
|
|
153
161
|
fluid={fluid}
|
|
162
|
+
fixed={fixed}
|
|
154
163
|
_size={size}
|
|
155
164
|
theme={theme}
|
|
156
165
|
style={wrapperStyle}
|