@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
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"colors.js","sourceRoot":"","sources":["../../src/helpers/colors.ts"],"names":[],"mappings":";;;AAAA,
|
|
1
|
+
{"version":3,"file":"colors.js","sourceRoot":"","sources":["../../src/helpers/colors.ts"],"names":[],"mappings":"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"}
|
|
@@ -2,6 +2,12 @@
|
|
|
2
2
|
import { Placement } from '@popperjs/core';
|
|
3
3
|
import { IReqoreIntent, IWithReqoreEffect, IWithReqoreFlat, IWithReqoreMinimal } from '../types/global';
|
|
4
4
|
import { IReqoreIconName } from '../types/icons';
|
|
5
|
+
export interface IPopoverControls {
|
|
6
|
+
open: () => void;
|
|
7
|
+
close: () => void;
|
|
8
|
+
isOpen: () => boolean;
|
|
9
|
+
id: string;
|
|
10
|
+
}
|
|
5
11
|
export interface IPopover extends IReqoreIntent, IWithReqoreMinimal, IWithReqoreEffect, IWithReqoreFlat {
|
|
6
12
|
content?: JSX.Element | string | undefined;
|
|
7
13
|
handler?: 'hover' | 'click' | 'focus' | 'hoverStay';
|
|
@@ -22,7 +28,8 @@ export interface IPopover extends IReqoreIntent, IWithReqoreMinimal, IWithReqore
|
|
|
22
28
|
}
|
|
23
29
|
export interface IPopoverOptions extends IPopover {
|
|
24
30
|
targetElement?: HTMLElement;
|
|
31
|
+
passPopoverData?: (data: IPopoverControls) => void;
|
|
25
32
|
}
|
|
26
|
-
declare const usePopover: ({ targetElement, content, handler, placement, show, noArrow, useTargetWidth, closeOnOutsideClick, openOnMount, delay, ...rest }: IPopoverOptions) =>
|
|
33
|
+
declare const usePopover: ({ targetElement, content, handler, placement, show, noArrow, useTargetWidth, closeOnOutsideClick, openOnMount, delay, ...rest }: IPopoverOptions) => IPopoverControls;
|
|
27
34
|
export default usePopover;
|
|
28
35
|
//# sourceMappingURL=usePopover.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"usePopover.d.ts","sourceRoot":"","sources":["../../src/hooks/usePopover.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;
|
|
1
|
+
{"version":3,"file":"usePopover.d.ts","sourceRoot":"","sources":["../../src/hooks/usePopover.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAM3C,OAAO,EACL,aAAa,EACb,iBAAiB,EACjB,eAAe,EACf,kBAAkB,EACnB,MAAM,iBAAiB,CAAC;AACzB,OAAO,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAC;AAgBjD,MAAM,WAAW,gBAAgB;IAC/B,IAAI,EAAE,MAAM,IAAI,CAAC;IACjB,KAAK,EAAE,MAAM,IAAI,CAAC;IAClB,MAAM,EAAE,MAAM,OAAO,CAAC;IACtB,EAAE,EAAE,MAAM,CAAC;CACZ;AAED,MAAM,WAAW,QACf,SAAQ,aAAa,EACnB,kBAAkB,EAClB,iBAAiB,EACjB,eAAe;IACjB,OAAO,CAAC,EAAE,GAAG,CAAC,OAAO,GAAG,MAAM,GAAG,SAAS,CAAC;IAC3C,OAAO,CAAC,EAAE,OAAO,GAAG,OAAO,GAAG,OAAO,GAAG,WAAW,CAAC;IACpD,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,CAAC,EAAE,eAAe,CAAC;IACvB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,WAAW,eAAgB,SAAQ,QAAQ;IAC/C,aAAa,CAAC,EAAE,WAAW,CAAC;IAC5B,eAAe,CAAC,EAAE,CAAC,IAAI,EAAE,gBAAgB,KAAK,IAAI,CAAC;CACpD;AAED,QAAA,MAAM,UAAU,oIAYb,eAAe,KAAG,gBAkIpB,CAAC;AAEF,eAAe,UAAU,CAAC"}
|
package/dist/hooks/usePopover.js
CHANGED
|
@@ -43,7 +43,7 @@ var endEvents = {
|
|
|
43
43
|
};
|
|
44
44
|
var usePopover = function (_a) {
|
|
45
45
|
var targetElement = _a.targetElement, content = _a.content, _b = _a.handler, handler = _b === void 0 ? 'hover' : _b, placement = _a.placement, _c = _a.show, show = _c === void 0 ? true : _c, noArrow = _a.noArrow, useTargetWidth = _a.useTargetWidth, _d = _a.closeOnOutsideClick, closeOnOutsideClick = _d === void 0 ? true : _d, _e = _a.openOnMount, openOnMount = _e === void 0 ? false : _e, delay = _a.delay, rest = __rest(_a, ["targetElement", "content", "handler", "placement", "show", "noArrow", "useTargetWidth", "closeOnOutsideClick", "openOnMount", "delay"]);
|
|
46
|
-
var _f = (0, react_1.useContext)(PopoverContext_1["default"]), addPopover = _f.addPopover, removePopover = _f.removePopover, updatePopover = _f.updatePopover, popovers = _f.popovers;
|
|
46
|
+
var _f = (0, react_1.useContext)(PopoverContext_1["default"]), addPopover = _f.addPopover, removePopover = _f.removePopover, updatePopover = _f.updatePopover, popovers = _f.popovers, isPopoverOpen = _f.isPopoverOpen;
|
|
47
47
|
var current = (0, react_1.useRef)(shortid_1["default"].generate()).current;
|
|
48
48
|
var timeout = (0, react_1.useRef)(0).current;
|
|
49
49
|
var startEvent = startEvents[handler];
|
|
@@ -58,7 +58,7 @@ var usePopover = function (_a) {
|
|
|
58
58
|
};
|
|
59
59
|
var _addPopover = function () {
|
|
60
60
|
if (currentPopover) {
|
|
61
|
-
if (handler !== 'hoverStay') {
|
|
61
|
+
if (handler !== 'hoverStay' && handler !== 'focus') {
|
|
62
62
|
_removePopover === null || _removePopover === void 0 ? void 0 : _removePopover();
|
|
63
63
|
}
|
|
64
64
|
}
|
|
@@ -74,10 +74,6 @@ var usePopover = function (_a) {
|
|
|
74
74
|
}
|
|
75
75
|
};
|
|
76
76
|
var _removePopover = function () {
|
|
77
|
-
if ((rest === null || rest === void 0 ? void 0 : rest.blur) > 0) {
|
|
78
|
-
targetElement.style.position = 'initial';
|
|
79
|
-
targetElement.style.zIndex = 'initial';
|
|
80
|
-
}
|
|
81
77
|
cancelTimeout();
|
|
82
78
|
removePopover === null || removePopover === void 0 ? void 0 : removePopover(current);
|
|
83
79
|
};
|
|
@@ -127,7 +123,16 @@ var usePopover = function (_a) {
|
|
|
127
123
|
(0, react_use_1.useUnmount)(function () {
|
|
128
124
|
cancelTimeout();
|
|
129
125
|
});
|
|
130
|
-
return
|
|
126
|
+
return {
|
|
127
|
+
id: current,
|
|
128
|
+
open: function () {
|
|
129
|
+
if (!isPopoverOpen(current)) {
|
|
130
|
+
openPopover();
|
|
131
|
+
}
|
|
132
|
+
},
|
|
133
|
+
close: function () { return _removePopover(); },
|
|
134
|
+
isOpen: function () { return isPopoverOpen(current); }
|
|
135
|
+
};
|
|
131
136
|
};
|
|
132
137
|
exports["default"] = usePopover;
|
|
133
138
|
//# sourceMappingURL=usePopover.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"usePopover.js","sourceRoot":"","sources":["../../src/hooks/usePopover.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AACA,+BAAiF;AACjF,uCAAwD;AACxD,oDAA8B;
|
|
1
|
+
{"version":3,"file":"usePopover.js","sourceRoot":"","sources":["../../src/hooks/usePopover.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AACA,+BAAiF;AACjF,uCAAwD;AACxD,oDAA8B;AAE9B,6EAAuD;AASvD,IAAM,WAAW,GAAG;IAClB,KAAK,EAAE,YAAY;IACnB,SAAS,EAAE,YAAY;IACvB,KAAK,EAAE,OAAO;IACd,KAAK,EAAE,SAAS;CACjB,CAAC;AAEF,IAAM,SAAS,GAAG;IAChB,KAAK,EAAE,YAAY;IACnB,SAAS,EAAE,IAAI;IACf,KAAK,EAAE,IAAI;IACX,KAAK,EAAE,IAAI;CACZ,CAAC;AAqCF,IAAM,UAAU,GAAG,UAAC,EAYF;IAXhB,IAAA,aAAa,mBAAA,EACb,OAAO,aAAA,EACP,eAAiB,EAAjB,OAAO,mBAAG,OAAO,KAAA,EACjB,SAAS,eAAA,EACT,YAAW,EAAX,IAAI,mBAAG,IAAI,KAAA,EACX,OAAO,aAAA,EACP,cAAc,oBAAA,EACd,2BAA0B,EAA1B,mBAAmB,mBAAG,IAAI,KAAA,EAC1B,mBAAmB,EAAnB,WAAW,mBAAG,KAAK,KAAA,EACnB,KAAK,WAAA,EACF,IAAI,cAXW,wIAYnB,CADQ;IAED,IAAA,KACJ,IAAA,kBAAU,EAAC,2BAAc,CAAC,EADpB,UAAU,gBAAA,EAAE,aAAa,mBAAA,EAAE,aAAa,mBAAA,EAAE,QAAQ,cAAA,EAAE,aAAa,mBAC7C,CAAC;IACrB,IAAA,OAAO,GAA+B,IAAA,cAAM,EAAC,oBAAO,CAAC,QAAQ,EAAE,CAAC,QAAzD,CAA0D;IACnE,IAAS,OAAO,GAA4B,IAAA,cAAM,EAAC,CAAC,CAAC,QAArC,CAAsC;IAE5D,IAAM,UAAU,GAAG,WAAW,CAAC,OAAO,CAAC,CAAC;IACxC,IAAM,QAAQ,GAAG,SAAS,CAAC,OAAO,CAAC,CAAC;IACpC,IAAM,cAAc,GAAiB,IAAA,eAAO,EAC1C,cAAM,OAAA,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,IAAI,CAAC,UAAC,CAAC,IAAK,OAAA,CAAC,CAAC,EAAE,KAAK,OAAO,EAAhB,CAAgB,CAAC,EAAvC,CAAuC,EAC7C,CAAC,QAAQ,EAAE,OAAO,CAAC,CACpB,CAAC;IAEF,IAAM,WAAW,GAAG;QAClB,UAAU,aAAV,UAAU,uBAAV,UAAU,YACR,EAAE,EAAE,OAAO,EACX,OAAO,SAAA,EACP,aAAa,eAAA,EACb,SAAS,WAAA,EACT,OAAO,SAAA,EACP,cAAc,gBAAA,EACd,mBAAmB,qBAAA,EACnB,eAAe,EAAE,OAAO,KAAK,OAAO,IAAI,OAAO,KAAK,WAAW,IAC5D,IAAI,EACP,CAAC;QAEH,IAAI,CAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,IAAI,IAAG,CAAC,EAAE;YAClB,aAAa,CAAC,KAAK,CAAC,QAAQ,GAAG,UAAU,CAAC;YAC1C,aAAa,CAAC,KAAK,CAAC,MAAM,GAAG,QAAQ,CAAC;SACvC;IACH,CAAC,CAAC;IAEF,IAAM,WAAW,GAAG;QAClB,IAAI,cAAc,EAAE;YAClB,IAAI,OAAO,KAAK,WAAW,IAAI,OAAO,KAAK,OAAO,EAAE;gBAClD,cAAc,aAAd,cAAc,uBAAd,cAAc,EAAI,CAAC;aACpB;SACF;aAAM,IAAI,IAAI,EAAE;YACf,IAAI,KAAK,EAAE;gBACT,OAAO,GAAG,UAAU,CAAC;oBACnB,WAAW,EAAE,CAAC;gBAChB,CAAC,EAAE,KAAK,CAAC,CAAC;aACX;iBAAM;gBACL,WAAW,EAAE,CAAC;aACf;SACF;IACH,CAAC,CAAC;IAEF,IAAM,cAAc,GAAG;QACrB,aAAa,EAAE,CAAC;QAChB,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAG,OAAO,CAAC,CAAC;IAC3B,CAAC,CAAC;IAEF,IAAM,aAAa,GAAG;QACpB,YAAY,CAAC,OAAO,CAAC,CAAC;QACtB,OAAO,GAAG,IAAI,CAAC;IACjB,CAAC,CAAC;IAEF,IAAA,2BAAe,EAAC;QACd,IAAI,OAAO,IAAI,IAAI,EAAE;YACnB,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAG,OAAO,aACrB,EAAE,EAAE,OAAO,EACX,OAAO,SAAA,EACP,aAAa,eAAA,EACb,SAAS,WAAA,EACT,OAAO,SAAA,EACP,cAAc,gBAAA,EACd,mBAAmB,qBAAA,EACnB,eAAe,EAAE,OAAO,KAAK,OAAO,IAAI,OAAO,KAAK,WAAW,IAC5D,IAAI,EACP,CAAC;SACJ;IACH,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;IAEd,IAAA,iBAAS,EAAC;QACR,IAAI,WAAW,IAAI,aAAa,EAAE;YAChC,WAAW,EAAE,CAAC;SACf;IACH,CAAC,EAAE,CAAC,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,QAAQ,EAAE,CAAC,CAAC,CAAC;IAEhC,IAAA,iBAAS,EAAC;QACR,IAAI,aAAa,IAAI,OAAO,EAAE;YAC5B,aAAa,CAAC,gBAAgB,CAAC,UAAU,EAAE,WAAW,CAAC,CAAC;YAExD,IAAI,QAAQ,EAAE;gBACZ,aAAa,CAAC,gBAAgB,CAAC,QAAQ,EAAE,cAAc,CAAC,CAAC;aAC1D;YAED,IAAI,OAAO,KAAK,WAAW,EAAE;gBAC3B,aAAa,CAAC,gBAAgB,CAAC,YAAY,EAAE,aAAa,CAAC,CAAC;aAC7D;SACF;QAED,OAAO;YACL,IAAI,aAAa,IAAI,OAAO,EAAE;gBAC5B,aAAa,EAAE,CAAC;gBAEhB,aAAa,CAAC,mBAAmB,CAAC,UAAU,EAAE,WAAW,CAAC,CAAC;gBAE3D,IAAI,QAAQ,EAAE;oBACZ,aAAa,CAAC,mBAAmB,CAAC,QAAQ,EAAE,cAAc,CAAC,CAAC;iBAC7D;gBAED,IAAI,OAAO,KAAK,WAAW,EAAE;oBAC3B,aAAa,CAAC,mBAAmB,CAAC,YAAY,EAAE,aAAa,CAAC,CAAC;iBAChE;aACF;QACH,CAAC,CAAC;IACJ,CAAC,EAAE;QACD,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,QAAQ,EAAE;QACzB,YAAY;QACZ,OAAO;QACP,OAAO;QACP,cAAc;KACf,CAAC,CAAC;IAEH,IAAA,sBAAU,EAAC;QACT,aAAa,EAAE,CAAC;IAClB,CAAC,CAAC,CAAC;IAEH,OAAO;QACL,EAAE,EAAE,OAAO;QACX,IAAI,EAAE;YACJ,IAAI,CAAC,aAAa,CAAC,OAAO,CAAC,EAAE;gBAC3B,WAAW,EAAE,CAAC;aACf;QACH,CAAC;QACD,KAAK,EAAE,cAAM,OAAA,cAAc,EAAE,EAAhB,CAAgB;QAC7B,MAAM,EAAE,cAAM,OAAA,aAAa,CAAC,OAAO,CAAC,EAAtB,CAAsB;KACrC,CAAC;AACJ,CAAC,CAAC;AAEF,qBAAe,UAAU,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useReqore.d.ts","sourceRoot":"","sources":["../../src/hooks/useReqore.ts"],"names":[],"mappings":"AACA,OAAsB,EAAE,cAAc,EAAE,MAAM,0BAA0B,CAAC;AAEzE,eAAO,MAAM,SAAS,QAAO,cAQ5B,CAAC"}
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
|
+
};
|
|
5
|
+
exports.__esModule = true;
|
|
6
|
+
exports.useReqore = void 0;
|
|
7
|
+
var react_1 = require("react");
|
|
8
|
+
var ReqoreContext_1 = __importDefault(require("../context/ReqoreContext"));
|
|
9
|
+
var useReqore = function () {
|
|
10
|
+
var reqore = (0, react_1.useContext)(ReqoreContext_1["default"]);
|
|
11
|
+
if (!reqore) {
|
|
12
|
+
throw new Error('Reqore context is not defined');
|
|
13
|
+
}
|
|
14
|
+
return reqore;
|
|
15
|
+
};
|
|
16
|
+
exports.useReqore = useReqore;
|
|
17
|
+
//# sourceMappingURL=useReqore.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useReqore.js","sourceRoot":"","sources":["../../src/hooks/useReqore.ts"],"names":[],"mappings":";;;;;;AAAA,+BAAmC;AACnC,2EAAyE;AAElE,IAAM,SAAS,GAAG;IACvB,IAAM,MAAM,GAAG,IAAA,kBAAU,EAAC,0BAAa,CAAC,CAAC;IAEzC,IAAI,CAAC,MAAM,EAAE;QACX,MAAM,IAAI,KAAK,CAAC,+BAA+B,CAAC,CAAC;KAClD;IAED,OAAO,MAAM,CAAC;AAChB,CAAC,CAAC;AARW,QAAA,SAAS,aAQpB"}
|
package/dist/hooks/useTheme.d.ts
CHANGED
|
@@ -7,5 +7,5 @@ export interface IReqoreCustomTheme extends Partial<Omit<IReqoreTheme, 'main' |
|
|
|
7
7
|
dim?: boolean;
|
|
8
8
|
};
|
|
9
9
|
}
|
|
10
|
-
export declare const useReqoreTheme: (element
|
|
10
|
+
export declare const useReqoreTheme: (element?: string, customTheme?: IReqoreCustomTheme, intent?: TReqoreIntent) => IReqoreTheme;
|
|
11
11
|
//# 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;CACH;AAED,eAAO,MAAM,cAAc,
|
|
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;CACH;AAED,eAAO,MAAM,cAAc,aACf,MAAM,gBACH,kBAAkB,WACtB,aAAa,iBAuBvB,CAAC"}
|
package/dist/hooks/useTheme.js
CHANGED
|
@@ -12,6 +12,9 @@ var useReqoreTheme = function (element, customTheme, intent) {
|
|
|
12
12
|
var _a;
|
|
13
13
|
if (customTheme === void 0) { customTheme = {}; }
|
|
14
14
|
var theme = (0, react_1.useContext)(ThemeContext_1["default"]);
|
|
15
|
+
if (!element) {
|
|
16
|
+
return theme;
|
|
17
|
+
}
|
|
15
18
|
var _customTheme = (0, lodash_1.cloneDeep)(customTheme);
|
|
16
19
|
if (_customTheme.main) {
|
|
17
20
|
_customTheme.main = (0, colors_1.getColorFromMaybeString)(theme, customTheme.main);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useTheme.js","sourceRoot":"","sources":["../../src/hooks/useTheme.ts"],"names":[],"mappings":";;;;;;AAAA,iCAAmC;AACnC,+BAAmC;AAGnC,yEAAmD;AACnD,4CAAyE;AAUlE,IAAM,cAAc,GAAG,UAC5B,
|
|
1
|
+
{"version":3,"file":"useTheme.js","sourceRoot":"","sources":["../../src/hooks/useTheme.ts"],"names":[],"mappings":";;;;;;AAAA,iCAAmC;AACnC,+BAAmC;AAGnC,yEAAmD;AACnD,4CAAyE;AAUlE,IAAM,cAAc,GAAG,UAC5B,OAAgB,EAChB,WAAoC,EACpC,MAAsB;;IADtB,4BAAA,EAAA,gBAAoC;IAGpC,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,OAAO,CAAC,MAAM,CAAC,CAAC;KAC3C;IAED,OAAO,IAAA,oBAAW,EAAC,OAAO,EAAE,KAAK,EAAE,YAAY,CAAiB,CAAC;AACnE,CAAC,CAAC;AA1BW,QAAA,cAAc,kBA0BzB"}
|
package/dist/index.d.ts
CHANGED
|
@@ -22,6 +22,7 @@ export { default as ReqoreMenuDivider } from './components/Menu/divider';
|
|
|
22
22
|
export { default as ReqoreMenuItem } from './components/Menu/item';
|
|
23
23
|
export { default as ReqoreMessage } from './components/Message';
|
|
24
24
|
export { ReqoreModal } from './components/Modal';
|
|
25
|
+
export { ReqoreMultiSelect } from './components/MultiSelect';
|
|
25
26
|
export { ReqoreFooter, ReqoreHeader } from './components/Navbar';
|
|
26
27
|
export { default as ReqoreNavbarDivider } from './components/Navbar/divider';
|
|
27
28
|
export { default as ReqoreNavbarGroup } from './components/Navbar/group';
|
|
@@ -50,4 +51,6 @@ export { default as ReqoreUIProvider } from './containers/UIProvider';
|
|
|
50
51
|
export { default as ReqoreContext } from './context/ReqoreContext';
|
|
51
52
|
export { default as ReqoreThemeContext } from './context/ThemeContext';
|
|
52
53
|
export { default as useLatestZIndex } from './hooks/useLatestZIndex';
|
|
54
|
+
export { useReqore } from './hooks/useReqore';
|
|
55
|
+
export { useReqoreTheme } from './hooks/useTheme';
|
|
53
56
|
//# sourceMappingURL=index.d.ts.map
|
package/dist/index.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.tsx"],"names":[],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.tsx"],"names":[],"mappings":"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"}
|
package/dist/index.js
CHANGED
|
@@ -11,8 +11,8 @@ var __createBinding = (this && this.__createBinding) || (Object.create ? (functi
|
|
|
11
11
|
o[k2] = m[k];
|
|
12
12
|
}));
|
|
13
13
|
exports.__esModule = true;
|
|
14
|
-
exports.
|
|
15
|
-
exports.useLatestZIndex = exports.ReqoreThemeContext = exports.ReqoreContext = exports.ReqoreUIProvider = exports.ReqoreNotifications = exports.ReqoreColors = exports.ReqoreTree = exports.ReqoreTimeAgo = exports.ReqoreTextarea = exports.ReqoreTagGroup = exports.ReqoreTag = exports.ReqoreTabsList = void 0;
|
|
14
|
+
exports.ReqoreTabsContent = exports.ReqoreTabs = exports.ReqoreTable = exports.ReqoreSpacer = exports.ReqoreSidebar = exports.ReqoreRadioGroup = exports.ReqorePopover = exports.ReqoreParagraph = exports.ReqoreP = exports.ReqorePanel = exports.ReqoreNotification = exports.ReqoreNotificationsWrapper = exports.ReqoreNavbarItem = exports.ReqoreNavbarGroup = exports.ReqoreNavbarDivider = exports.ReqoreHeader = exports.ReqoreFooter = exports.ReqoreMultiSelect = exports.ReqoreModal = exports.ReqoreMessage = exports.ReqoreMenuItem = exports.ReqoreMenuDivider = exports.ReqoreMenu = exports.ReqoreLayoutContent = exports.ReqoreInput = exports.ReqoreIcon = exports.ReqoreHeading = exports.ReqoreH6 = exports.ReqoreH5 = exports.ReqoreH4 = exports.ReqoreH3 = exports.ReqoreH2 = exports.ReqoreH1 = exports.ReqoreTextEffect = exports.ReqoreEffect = exports.ReqoreDropdownItem = exports.ReqoreDropdownDivider = exports.ReqoreDropdown = exports.ReqoreDrawer = exports.ReqoreControlGroup = exports.ReqoreContent = exports.ReqoreCommentFeed = exports.ReqoreComment = exports.ReqoreColumn = exports.ReqoreColumns = exports.ReqoreCollection = exports.ReqoreCheckbox = exports.ReqoreButton = exports.ReqoreBreadcrumbsItem = exports.ReqoreBreadcrumbs = void 0;
|
|
15
|
+
exports.useReqoreTheme = exports.useReqore = exports.useLatestZIndex = exports.ReqoreThemeContext = exports.ReqoreContext = exports.ReqoreUIProvider = exports.ReqoreNotifications = exports.ReqoreColors = exports.ReqoreTree = exports.ReqoreTimeAgo = exports.ReqoreTextarea = exports.ReqoreTagGroup = exports.ReqoreTag = exports.ReqoreTabsList = exports.ReqoreTabsListItem = void 0;
|
|
16
16
|
var Breadcrumbs_1 = require("./components/Breadcrumbs");
|
|
17
17
|
__createBinding(exports, Breadcrumbs_1, "default", "ReqoreBreadcrumbs");
|
|
18
18
|
var item_1 = require("./components/Breadcrumbs/item");
|
|
@@ -69,6 +69,8 @@ var Message_1 = require("./components/Message");
|
|
|
69
69
|
__createBinding(exports, Message_1, "default", "ReqoreMessage");
|
|
70
70
|
var Modal_1 = require("./components/Modal");
|
|
71
71
|
__createBinding(exports, Modal_1, "ReqoreModal");
|
|
72
|
+
var MultiSelect_1 = require("./components/MultiSelect");
|
|
73
|
+
__createBinding(exports, MultiSelect_1, "ReqoreMultiSelect");
|
|
72
74
|
var Navbar_1 = require("./components/Navbar");
|
|
73
75
|
__createBinding(exports, Navbar_1, "ReqoreFooter");
|
|
74
76
|
__createBinding(exports, Navbar_1, "ReqoreHeader");
|
|
@@ -127,4 +129,8 @@ var ThemeContext_1 = require("./context/ThemeContext");
|
|
|
127
129
|
__createBinding(exports, ThemeContext_1, "default", "ReqoreThemeContext");
|
|
128
130
|
var useLatestZIndex_1 = require("./hooks/useLatestZIndex");
|
|
129
131
|
__createBinding(exports, useLatestZIndex_1, "default", "useLatestZIndex");
|
|
132
|
+
var useReqore_1 = require("./hooks/useReqore");
|
|
133
|
+
__createBinding(exports, useReqore_1, "useReqore");
|
|
134
|
+
var useTheme_1 = require("./hooks/useTheme");
|
|
135
|
+
__createBinding(exports, useTheme_1, "useReqoreTheme");
|
|
130
136
|
//# sourceMappingURL=index.js.map
|
package/dist/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;AAAA,wDAAwE;AAA/D,wEAA4B;AACrC,sDAAiF;AAAxE,qEAAgC;AACzC,8CAA8D;AAArD,8DAAuB;AAChC,kDAAkE;AAAzD,kEAAyB;AAClC,sDAA2D;AAAlD,2DAAgB;AACzB,gDAAqD;AAA5C,qDAAa;AACtB,sDAA2D;AAAlD,mDAAY;AACrB,gDAAqD;AAA5C,qDAAa;AACtB,wDAA6D;AAApD,6DAAiB;AAC1B,gDAAgE;AAAvD,gEAAwB;AACjC,0DAA0E;AAAjE,0EAA6B;AACtC,8CAAmD;AAA1C,mDAAY;AACrB,kDAAkE;AAAzD,kEAAyB;AAClC,mDAAuF;AAA9E,0DAAqB;AAAE,uDAAkB;AAClD,8CAAqE;AAA5D,mDAAY;AAAE,uDAAgB;AACvC,8CAQ6B;AAP3B,+CAAQ;AACR,+CAAQ;AACR,+CAAQ;AACR,+CAAQ;AACR,+CAAQ;AACR,+CAAQ;AACR,oDAAa;AAEf,0CAA0D;AAAjD,0DAAqB;AAC9B,4CAA4D;AAAnD,4DAAsB;AAC/B,uDAA6E;AAApE,sEAA8B;AACvC,0CAA0D;AAAjD,0DAAqB;AAC9B,qDAAyE;AAAhE,oEAA4B;AACrC,+CAAmE;AAA1D,8DAAyB;AAClC,gDAAgE;AAAvD,gEAAwB;AACjC,4CAAiD;AAAxC,iDAAW;AACpB,8CAAiE;AAAxD,mDAAY;AAAE,mDAAY;AACnC,uDAA6E;AAApE,sEAA8B;AACvC,mDAAyE;AAAhE,kEAA4B;AACrC,iDAAuE;AAA9D,gEAA2B;AACpC,4DAAmF;AAA1E,mFAAqC;AAC9C,wEAAwF;AAA/E,0EAA6B;AACtC,4CAAiD;AAAxC,iDAAW;AACpB,oDAA6E;AAApE,iDAAO;AAAE,oEAA0B;AAC5C,gDAAgE;AAAvD,gEAAwB;AACjC,sDAAsE;AAA7D,sEAA2B;AACpC,gDAAgE;AAAvD,gEAAwB;AACjC,8CAAmD;AAA1C,mDAAY;AACrB,4CAA4D;AAAnD,4DAAsB;AAC/B,0CAA0D;AAAjD,0DAAqB;AAC9B,qDAAyE;AAAhE,oEAA4B;AACrC,+CAAuE;AAA9D,kEAA6B;AACtC,+CAAmE;AAA1D,8DAAyB;AAClC,wCAAwD;AAA/C,wDAAoB;AAC7B,gDAAmE;AAA1D,+DAAyB;AAClC,kDAAkE;AAAzD,kEAAyB;AAClC,gDAAgE;AAAvD,gEAAwB;AACjC,0CAA+C;AAAtC,+CAAU;AACnB,6CAA4D;AAAnD,6DAAsB;AAC/B,8DAA6E;AAApE,6EAA8B;AACvC,sDAAsE;AAA7D,sEAA2B;AACpC,yDAAmE;AAA1D,sEAAwB;AACjC,uDAAuE;AAA9D,0EAA6B;AACtC,2DAAqE;AAA5D,0EAA0B"}
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;AAAA,wDAAwE;AAA/D,wEAA4B;AACrC,sDAAiF;AAAxE,qEAAgC;AACzC,8CAA8D;AAArD,8DAAuB;AAChC,kDAAkE;AAAzD,kEAAyB;AAClC,sDAA2D;AAAlD,2DAAgB;AACzB,gDAAqD;AAA5C,qDAAa;AACtB,sDAA2D;AAAlD,mDAAY;AACrB,gDAAqD;AAA5C,qDAAa;AACtB,wDAA6D;AAApD,6DAAiB;AAC1B,gDAAgE;AAAvD,gEAAwB;AACjC,0DAA0E;AAAjE,0EAA6B;AACtC,8CAAmD;AAA1C,mDAAY;AACrB,kDAAkE;AAAzD,kEAAyB;AAClC,mDAAuF;AAA9E,0DAAqB;AAAE,uDAAkB;AAClD,8CAAqE;AAA5D,mDAAY;AAAE,uDAAgB;AACvC,8CAQ6B;AAP3B,+CAAQ;AACR,+CAAQ;AACR,+CAAQ;AACR,+CAAQ;AACR,+CAAQ;AACR,+CAAQ;AACR,oDAAa;AAEf,0CAA0D;AAAjD,0DAAqB;AAC9B,4CAA4D;AAAnD,4DAAsB;AAC/B,uDAA6E;AAApE,sEAA8B;AACvC,0CAA0D;AAAjD,0DAAqB;AAC9B,qDAAyE;AAAhE,oEAA4B;AACrC,+CAAmE;AAA1D,8DAAyB;AAClC,gDAAgE;AAAvD,gEAAwB;AACjC,4CAAiD;AAAxC,iDAAW;AACpB,wDAA6D;AAApD,6DAAiB;AAC1B,8CAAiE;AAAxD,mDAAY;AAAE,mDAAY;AACnC,uDAA6E;AAApE,sEAA8B;AACvC,mDAAyE;AAAhE,kEAA4B;AACrC,iDAAuE;AAA9D,gEAA2B;AACpC,4DAAmF;AAA1E,mFAAqC;AAC9C,wEAAwF;AAA/E,0EAA6B;AACtC,4CAAiD;AAAxC,iDAAW;AACpB,oDAA6E;AAApE,iDAAO;AAAE,oEAA0B;AAC5C,gDAAgE;AAAvD,gEAAwB;AACjC,sDAAsE;AAA7D,sEAA2B;AACpC,gDAAgE;AAAvD,gEAAwB;AACjC,8CAAmD;AAA1C,mDAAY;AACrB,4CAA4D;AAAnD,4DAAsB;AAC/B,0CAA0D;AAAjD,0DAAqB;AAC9B,qDAAyE;AAAhE,oEAA4B;AACrC,+CAAuE;AAA9D,kEAA6B;AACtC,+CAAmE;AAA1D,8DAAyB;AAClC,wCAAwD;AAA/C,wDAAoB;AAC7B,gDAAmE;AAA1D,+DAAyB;AAClC,kDAAkE;AAAzD,kEAAyB;AAClC,gDAAgE;AAAvD,gEAAwB;AACjC,0CAA+C;AAAtC,+CAAU;AACnB,6CAA4D;AAAnD,6DAAsB;AAC/B,8DAA6E;AAApE,6EAA8B;AACvC,sDAAsE;AAA7D,sEAA2B;AACpC,yDAAmE;AAA1D,sEAAwB;AACjC,uDAAuE;AAA9D,0EAA6B;AACtC,2DAAqE;AAA5D,0EAA0B;AACnC,+CAA8C;AAArC,mDAAS;AAClB,6CAAkD;AAAzC,uDAAc"}
|
package/package.json
CHANGED
|
@@ -304,7 +304,7 @@ export const ButtonBadge = memo((props: IReqoreButtonBadgeProps) => {
|
|
|
304
304
|
<ReqoreTag
|
|
305
305
|
key={key}
|
|
306
306
|
size={getOneLessSize(size)}
|
|
307
|
-
|
|
307
|
+
asBadge
|
|
308
308
|
color={color}
|
|
309
309
|
className='reqore-button-badge'
|
|
310
310
|
minimal={!(content as IReqoreTagProps)?.effect?.gradient}
|
|
@@ -1,27 +1,40 @@
|
|
|
1
1
|
import { rgba } from 'polished';
|
|
2
|
-
import React, { forwardRef } from 'react';
|
|
2
|
+
import React, { forwardRef, useMemo } from 'react';
|
|
3
|
+
import { useMeasure } from 'react-use';
|
|
3
4
|
import styled, { css } from 'styled-components';
|
|
4
5
|
import { PADDING_FROM_SIZE, SIZE_TO_PX, TEXT_FROM_SIZE, TSizes } from '../../constants/sizes';
|
|
5
6
|
import { IReqoreTheme } from '../../constants/theme';
|
|
6
|
-
import {
|
|
7
|
+
import {
|
|
8
|
+
changeLightness,
|
|
9
|
+
getNthGradientColor,
|
|
10
|
+
getReadableColor,
|
|
11
|
+
getReadableColorFrom,
|
|
12
|
+
} from '../../helpers/colors';
|
|
13
|
+
import { getOneLessSize } from '../../helpers/utils';
|
|
7
14
|
import { useCombinedRefs } from '../../hooks/useCombinedRefs';
|
|
15
|
+
import { useReqoreTheme } from '../../hooks/useTheme';
|
|
8
16
|
import { useTooltip } from '../../hooks/useTooltip';
|
|
9
17
|
import { DisabledElement, ReadOnlyElement } from '../../styles';
|
|
10
18
|
import {
|
|
11
19
|
IReqoreDisabled,
|
|
20
|
+
IReqoreIntent,
|
|
12
21
|
IReqoreReadOnly,
|
|
22
|
+
IWithReqoreCustomTheme,
|
|
13
23
|
IWithReqoreEffect,
|
|
14
24
|
TReqoreTooltipProp,
|
|
15
25
|
} from '../../types/global';
|
|
16
26
|
import { IReqoreIconName } from '../../types/icons';
|
|
17
|
-
import { ReqoreTextEffect } from '../Effect';
|
|
18
|
-
import ReqoreIcon from '../Icon';
|
|
27
|
+
import { IReqoreEffect, ReqoreTextEffect, StyledEffect, StyledTextEffect } from '../Effect';
|
|
28
|
+
import ReqoreIcon, { StyledIconWrapper } from '../Icon';
|
|
29
|
+
import { ReqoreSpacer } from '../Spacer';
|
|
19
30
|
|
|
20
31
|
export interface IReqoreCheckboxProps
|
|
21
32
|
extends React.HTMLAttributes<HTMLDivElement>,
|
|
22
33
|
IReqoreDisabled,
|
|
23
34
|
IReqoreReadOnly,
|
|
24
|
-
IWithReqoreEffect
|
|
35
|
+
IWithReqoreEffect,
|
|
36
|
+
IReqoreIntent,
|
|
37
|
+
IWithReqoreCustomTheme {
|
|
25
38
|
label?: string;
|
|
26
39
|
labelDetail?: any;
|
|
27
40
|
labelDetailPosition?: 'left' | 'right';
|
|
@@ -35,6 +48,10 @@ export interface IReqoreCheckboxProps
|
|
|
35
48
|
uncheckedIcon?: IReqoreIconName;
|
|
36
49
|
checkedIcon?: IReqoreIconName;
|
|
37
50
|
image?: string;
|
|
51
|
+
onText?: string | number;
|
|
52
|
+
offText?: string | number;
|
|
53
|
+
switchTextEffect?: IReqoreEffect;
|
|
54
|
+
labelEffect?: IReqoreEffect;
|
|
38
55
|
}
|
|
39
56
|
|
|
40
57
|
export interface IReqoreCheckboxStyle extends IReqoreCheckboxProps {
|
|
@@ -48,38 +65,65 @@ const StyledSwitchToggle = styled.div`
|
|
|
48
65
|
align-items: center;
|
|
49
66
|
justify-content: center;
|
|
50
67
|
position: absolute;
|
|
51
|
-
height: ${({ size }) => SIZE_TO_PX[size] -
|
|
52
|
-
width: ${({ size }) => SIZE_TO_PX[size] -
|
|
68
|
+
height: ${({ size }) => SIZE_TO_PX[size] - 4}px;
|
|
69
|
+
width: ${({ size, width }) => width || SIZE_TO_PX[size] - 4}px;
|
|
53
70
|
top: 50%;
|
|
54
71
|
transform: translateY(-50%);
|
|
55
|
-
left: ${({ checked, size }) =>
|
|
56
|
-
!checked ? '
|
|
57
|
-
border-radius:
|
|
58
|
-
background-color: ${({ theme, checked, transparent }) =>
|
|
72
|
+
left: ${({ checked, size, width }) =>
|
|
73
|
+
!checked ? '1px' : `calc(100% - ${width || SIZE_TO_PX[size] - 4}px - 1px)`};
|
|
74
|
+
border-radius: 50px;
|
|
75
|
+
background-color: ${({ theme, checked, transparent, parentEffect }) =>
|
|
59
76
|
transparent
|
|
60
77
|
? 'transparent'
|
|
61
78
|
: !checked
|
|
62
|
-
?
|
|
63
|
-
|
|
79
|
+
? parentEffect?.gradient
|
|
80
|
+
? changeLightness(getNthGradientColor(theme, parentEffect?.gradient?.colors, 1), 0.2)
|
|
81
|
+
: theme.main
|
|
82
|
+
: parentEffect?.gradient
|
|
83
|
+
? changeLightness(getNthGradientColor(theme, parentEffect?.gradient?.colors, 2), 0.2)
|
|
84
|
+
: theme.main};
|
|
64
85
|
`;
|
|
65
86
|
|
|
66
|
-
const StyledSwitch = styled
|
|
87
|
+
const StyledSwitch = styled(StyledEffect)<IReqoreCheckboxStyle>`
|
|
67
88
|
transition: all 0.2s ease-out;
|
|
68
89
|
position: relative;
|
|
90
|
+
display: flex;
|
|
91
|
+
align-items: center;
|
|
92
|
+
justify-content: center;
|
|
69
93
|
|
|
70
|
-
height: ${({ size }) => SIZE_TO_PX[size]
|
|
71
|
-
width: ${({ size }) => SIZE_TO_PX[size] * 1.8}px;
|
|
94
|
+
height: ${({ size }) => SIZE_TO_PX[size]}px;
|
|
95
|
+
min-width: ${({ size }) => SIZE_TO_PX[size] * 1.8}px;
|
|
72
96
|
|
|
73
|
-
border: 1px solid
|
|
74
|
-
${({ theme, checked }) =>
|
|
75
|
-
rgba(getReadableColor(theme, undefined, undefined), checked ? 0.8 : 0.2)};
|
|
97
|
+
border: 1px solid ${({ theme, checked }) => changeLightness(theme.main, checked ? 0.25 : 0.2)};
|
|
76
98
|
border-radius: 50px;
|
|
77
99
|
|
|
78
100
|
margin-right: ${({ size }) => PADDING_FROM_SIZE[size]}px;
|
|
79
101
|
margin-left: ${({ size }) => PADDING_FROM_SIZE[size]}px;
|
|
80
102
|
|
|
81
103
|
background-color: ${({ theme, checked }) =>
|
|
82
|
-
checked ? rgba(
|
|
104
|
+
checked ? rgba(changeLightness(theme.main, 0.15), 0.5) : 'transparent'};
|
|
105
|
+
|
|
106
|
+
${StyledIconWrapper} {
|
|
107
|
+
z-index: 1;
|
|
108
|
+
}
|
|
109
|
+
`;
|
|
110
|
+
|
|
111
|
+
const StyledSwitchTextWrapper = styled(StyledTextEffect)`
|
|
112
|
+
margin: 0 ${({ size }) => PADDING_FROM_SIZE[size]}px;
|
|
113
|
+
display: flex;
|
|
114
|
+
align-items: center;
|
|
115
|
+
justify-content: center;
|
|
116
|
+
z-index: 1;
|
|
117
|
+
`;
|
|
118
|
+
|
|
119
|
+
const StyledOnSwitchText = styled(StyledSwitchTextWrapper)<IReqoreCheckboxStyle>`
|
|
120
|
+
color: ${({ theme, checked }) =>
|
|
121
|
+
getReadableColorFrom(!checked ? theme.originalMain : theme.main)};
|
|
122
|
+
`;
|
|
123
|
+
|
|
124
|
+
const StyledOffSwitchText = styled(StyledSwitchTextWrapper)<IReqoreCheckboxStyle>`
|
|
125
|
+
color: ${({ theme, checked }) =>
|
|
126
|
+
getReadableColorFrom(!checked ? theme.main : changeLightness(theme.main, 0.1))};
|
|
83
127
|
`;
|
|
84
128
|
|
|
85
129
|
const StyledCheckbox = styled.div<IReqoreCheckboxStyle>`
|
|
@@ -106,14 +150,15 @@ const StyledCheckbox = styled.div<IReqoreCheckboxStyle>`
|
|
|
106
150
|
${ReadOnlyElement};
|
|
107
151
|
`}
|
|
108
152
|
|
|
109
|
-
color: ${({ theme, checked }) =>
|
|
153
|
+
color: ${({ theme, checked }) =>
|
|
154
|
+
getReadableColor(theme, undefined, undefined, !checked, theme.originalMain)};
|
|
110
155
|
|
|
111
156
|
&:hover {
|
|
112
|
-
color: ${({ theme }) =>
|
|
157
|
+
color: ${({ theme }) =>
|
|
158
|
+
getReadableColor(theme, undefined, undefined, false, theme.originalMain)};
|
|
113
159
|
|
|
114
160
|
> ${StyledSwitch} {
|
|
115
|
-
border-color: ${({ theme, checked }) =>
|
|
116
|
-
rgba(getReadableColor(theme, undefined, undefined, false), checked ? 0.8 : 0.5)};
|
|
161
|
+
border-color: ${({ theme, checked }) => changeLightness(theme.main, checked ? 0.3 : 0.25)};
|
|
117
162
|
}
|
|
118
163
|
}
|
|
119
164
|
`;
|
|
@@ -131,23 +176,45 @@ const Checkbox = forwardRef<HTMLDivElement, IReqoreCheckboxProps>(
|
|
|
131
176
|
labelPosition = 'right',
|
|
132
177
|
tooltip,
|
|
133
178
|
asSwitch,
|
|
134
|
-
uncheckedIcon
|
|
135
|
-
checkedIcon
|
|
179
|
+
uncheckedIcon,
|
|
180
|
+
checkedIcon,
|
|
136
181
|
readOnly,
|
|
137
|
-
|
|
182
|
+
labelEffect,
|
|
183
|
+
switchTextEffect,
|
|
138
184
|
image,
|
|
185
|
+
onText,
|
|
186
|
+
offText,
|
|
187
|
+
intent,
|
|
188
|
+
effect,
|
|
189
|
+
customTheme,
|
|
139
190
|
...rest
|
|
140
191
|
}: IReqoreCheckboxProps,
|
|
141
192
|
ref
|
|
142
193
|
) => {
|
|
143
194
|
const { targetRef } = useCombinedRefs(ref);
|
|
195
|
+
const [offRef, { width: offWidth }] = useMeasure();
|
|
196
|
+
const [onRef, { width: onWidth }] = useMeasure();
|
|
197
|
+
const theme = useReqoreTheme('main', customTheme, intent);
|
|
144
198
|
|
|
145
199
|
useTooltip(targetRef.current, tooltip);
|
|
146
200
|
|
|
201
|
+
const width = useMemo(() => {
|
|
202
|
+
if ((!image && !onText) || !offText) return undefined;
|
|
203
|
+
|
|
204
|
+
const selectedWidth = checked ? onWidth : offWidth;
|
|
205
|
+
|
|
206
|
+
return selectedWidth + PADDING_FROM_SIZE[size] * 2;
|
|
207
|
+
}, [checked, offWidth, onWidth, size]);
|
|
208
|
+
|
|
209
|
+
const hasText = useMemo(() => {
|
|
210
|
+
return !!onText || !!offText;
|
|
211
|
+
}, [onText, offText]);
|
|
212
|
+
|
|
147
213
|
return (
|
|
148
214
|
<StyledCheckbox
|
|
149
215
|
{...rest}
|
|
150
216
|
ref={targetRef}
|
|
217
|
+
theme={theme}
|
|
151
218
|
size={size}
|
|
152
219
|
disabled={disabled}
|
|
153
220
|
checked={checked}
|
|
@@ -156,9 +223,11 @@ const Checkbox = forwardRef<HTMLDivElement, IReqoreCheckboxProps>(
|
|
|
156
223
|
>
|
|
157
224
|
{label && labelPosition === 'left' ? (
|
|
158
225
|
<>
|
|
226
|
+
<ReqoreSpacer width={PADDING_FROM_SIZE[size]} />
|
|
159
227
|
{labelDetailPosition === 'left' && labelDetail}
|
|
160
228
|
<ReqoreTextEffect
|
|
161
|
-
|
|
229
|
+
active={checked}
|
|
230
|
+
effect={{ ...labelEffect, interactive: !disabled && !readOnly && !checked }}
|
|
162
231
|
>
|
|
163
232
|
{label}
|
|
164
233
|
</ReqoreTextEffect>
|
|
@@ -166,25 +235,111 @@ const Checkbox = forwardRef<HTMLDivElement, IReqoreCheckboxProps>(
|
|
|
166
235
|
</>
|
|
167
236
|
) : null}
|
|
168
237
|
{asSwitch ? (
|
|
169
|
-
<StyledSwitch
|
|
170
|
-
|
|
171
|
-
|
|
238
|
+
<StyledSwitch
|
|
239
|
+
size={size}
|
|
240
|
+
labelPosition={labelPosition}
|
|
241
|
+
checked={checked}
|
|
242
|
+
theme={theme}
|
|
243
|
+
as='div'
|
|
244
|
+
effect={effect}
|
|
245
|
+
>
|
|
246
|
+
<>
|
|
247
|
+
{offText || offText === 0 ? (
|
|
248
|
+
<StyledOffSwitchText
|
|
249
|
+
ref={offRef}
|
|
250
|
+
size={size}
|
|
251
|
+
theme={theme}
|
|
252
|
+
checked={checked}
|
|
253
|
+
effect={
|
|
254
|
+
{
|
|
255
|
+
uppercase: true,
|
|
256
|
+
textSize: getOneLessSize(size),
|
|
257
|
+
weight: 'bold',
|
|
258
|
+
...switchTextEffect,
|
|
259
|
+
opacity: checked ? 0.8 : 1,
|
|
260
|
+
} as IReqoreEffect
|
|
261
|
+
}
|
|
262
|
+
>
|
|
263
|
+
{image || uncheckedIcon ? (
|
|
264
|
+
<ReqoreIcon
|
|
265
|
+
size={size}
|
|
266
|
+
image={image}
|
|
267
|
+
icon={uncheckedIcon}
|
|
268
|
+
effect={{ grayscale: true }}
|
|
269
|
+
margin={offText ? 'right' : undefined}
|
|
270
|
+
/>
|
|
271
|
+
) : null}
|
|
272
|
+
{offText}
|
|
273
|
+
</StyledOffSwitchText>
|
|
274
|
+
) : null}
|
|
275
|
+
{onText || onText === 0 ? (
|
|
276
|
+
<StyledOnSwitchText
|
|
277
|
+
ref={onRef}
|
|
278
|
+
size={size}
|
|
279
|
+
theme={theme}
|
|
280
|
+
checked={checked}
|
|
281
|
+
effect={
|
|
282
|
+
{
|
|
283
|
+
uppercase: true,
|
|
284
|
+
textSize: getOneLessSize(size),
|
|
285
|
+
weight: 'thick',
|
|
286
|
+
...switchTextEffect,
|
|
287
|
+
opacity: checked ? 1 : 0.5,
|
|
288
|
+
} as IReqoreEffect
|
|
289
|
+
}
|
|
290
|
+
>
|
|
291
|
+
{image || checkedIcon ? (
|
|
292
|
+
<ReqoreIcon
|
|
293
|
+
size={size}
|
|
294
|
+
image={image}
|
|
295
|
+
margin={onText ? 'right' : undefined}
|
|
296
|
+
icon={checkedIcon}
|
|
297
|
+
/>
|
|
298
|
+
) : null}
|
|
299
|
+
{onText}
|
|
300
|
+
</StyledOnSwitchText>
|
|
301
|
+
) : null}
|
|
302
|
+
</>
|
|
303
|
+
<StyledSwitchToggle
|
|
304
|
+
size={size}
|
|
305
|
+
checked={checked}
|
|
306
|
+
width={width}
|
|
307
|
+
theme={theme}
|
|
308
|
+
parentEffect={effect}
|
|
309
|
+
transparent={(image || checkedIcon) && !hasText}
|
|
310
|
+
>
|
|
311
|
+
{!onText && !offText ? (
|
|
312
|
+
<ReqoreIcon
|
|
313
|
+
size={size}
|
|
314
|
+
image={image}
|
|
315
|
+
icon={checked ? checkedIcon : uncheckedIcon}
|
|
316
|
+
effect={{ grayscale: !checked, opacity: checked ? 1 : 0.5 }}
|
|
317
|
+
/>
|
|
318
|
+
) : null}
|
|
172
319
|
</StyledSwitchToggle>
|
|
173
320
|
</StyledSwitch>
|
|
174
321
|
) : (
|
|
175
322
|
<ReqoreIcon
|
|
176
323
|
size={size}
|
|
177
|
-
icon={
|
|
324
|
+
icon={
|
|
325
|
+
!image
|
|
326
|
+
? checked
|
|
327
|
+
? checkedIcon || 'CheckboxCircleFill'
|
|
328
|
+
: uncheckedIcon || 'CheckboxBlankCircleLine'
|
|
329
|
+
: undefined
|
|
330
|
+
}
|
|
178
331
|
image={image}
|
|
179
|
-
|
|
332
|
+
effect={{ grayscale: image ? !checked : undefined, opacity: checked ? 1 : 0.5 }}
|
|
180
333
|
margin='both'
|
|
334
|
+
intent={intent}
|
|
181
335
|
/>
|
|
182
336
|
)}
|
|
183
337
|
{label && labelPosition === 'right' ? (
|
|
184
338
|
<>
|
|
185
339
|
{labelDetailPosition === 'left' && labelDetail}
|
|
186
340
|
<ReqoreTextEffect
|
|
187
|
-
|
|
341
|
+
active={checked}
|
|
342
|
+
effect={{ ...labelEffect, interactive: !disabled && !readOnly && !checked }}
|
|
188
343
|
>
|
|
189
344
|
{label}
|
|
190
345
|
</ReqoreTextEffect>
|