@qoretechnologies/reqore 0.25.10 → 0.26.0
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__/effect.test.tsx +70 -0
- package/dist/components/Button/index.d.ts +3 -2
- package/dist/components/Button/index.d.ts.map +1 -1
- package/dist/components/Button/index.js +15 -14
- package/dist/components/Button/index.js.map +1 -1
- package/dist/components/ControlGroup/index.d.ts.map +1 -1
- package/dist/components/ControlGroup/index.js +4 -1
- package/dist/components/ControlGroup/index.js.map +1 -1
- package/dist/components/Effect/index.d.ts +29 -0
- package/dist/components/Effect/index.d.ts.map +1 -0
- package/dist/components/Effect/index.js +117 -0
- package/dist/components/Effect/index.js.map +1 -0
- package/dist/components/Header/index.d.ts +14 -8
- package/dist/components/Header/index.d.ts.map +1 -1
- package/dist/components/Header/index.js +52 -33
- package/dist/components/Header/index.js.map +1 -1
- package/dist/components/Input/index.d.ts +3 -2
- package/dist/components/Input/index.d.ts.map +1 -1
- package/dist/components/Input/index.js +8 -7
- package/dist/components/Input/index.js.map +1 -1
- package/dist/components/Menu/index.js +1 -1
- package/dist/components/Menu/index.js.map +1 -1
- package/dist/components/Menu/item.d.ts +5 -11
- package/dist/components/Menu/item.d.ts.map +1 -1
- package/dist/components/Menu/item.js +4 -4
- package/dist/components/Menu/item.js.map +1 -1
- package/dist/components/Message/index.d.ts +3 -6
- package/dist/components/Message/index.d.ts.map +1 -1
- package/dist/components/Message/index.js +2 -1
- package/dist/components/Message/index.js.map +1 -1
- package/dist/components/Notifications/notification.d.ts +3 -2
- package/dist/components/Notifications/notification.d.ts.map +1 -1
- package/dist/components/Notifications/notification.js +3 -2
- package/dist/components/Notifications/notification.js.map +1 -1
- package/dist/components/Panel/index.d.ts +3 -1
- package/dist/components/Panel/index.d.ts.map +1 -1
- package/dist/components/Panel/index.js +14 -16
- package/dist/components/Panel/index.js.map +1 -1
- package/dist/components/Popover/index.d.ts.map +1 -1
- package/dist/components/Popover/index.js +0 -2
- package/dist/components/Popover/index.js.map +1 -1
- package/dist/components/Tabs/item.d.ts +1 -1
- package/dist/components/Tabs/item.d.ts.map +1 -1
- package/dist/components/Tabs/item.js +6 -5
- package/dist/components/Tabs/item.js.map +1 -1
- package/dist/components/Tag/index.d.ts +2 -2
- package/dist/components/Tag/index.d.ts.map +1 -1
- package/dist/components/Tag/index.js +6 -4
- package/dist/components/Tag/index.js.map +1 -1
- package/dist/components/Textarea/index.d.ts +2 -2
- package/dist/components/Textarea/index.d.ts.map +1 -1
- package/dist/components/Textarea/index.js +8 -7
- package/dist/components/Textarea/index.js.map +1 -1
- package/dist/constants/sizes.d.ts +7 -0
- package/dist/constants/sizes.d.ts.map +1 -1
- package/dist/constants/sizes.js +8 -1
- package/dist/constants/sizes.js.map +1 -1
- package/dist/constants/theme.d.ts +1 -0
- package/dist/constants/theme.d.ts.map +1 -1
- package/dist/constants/theme.js.map +1 -1
- package/dist/containers/ReqoreProvider.d.ts +2 -2
- package/dist/containers/ReqoreProvider.d.ts.map +1 -1
- package/dist/containers/ReqoreProvider.js +7 -5
- package/dist/containers/ReqoreProvider.js.map +1 -1
- package/dist/containers/UIProvider.d.ts +9 -3
- package/dist/containers/UIProvider.d.ts.map +1 -1
- package/dist/containers/UIProvider.js +3 -2
- package/dist/containers/UIProvider.js.map +1 -1
- package/dist/context/ReqoreContext.d.ts +2 -0
- package/dist/context/ReqoreContext.d.ts.map +1 -1
- package/dist/context/ReqoreContext.js +4 -1
- package/dist/context/ReqoreContext.js.map +1 -1
- package/dist/helpers/colors.js +1 -1
- package/dist/helpers/colors.js.map +1 -1
- package/dist/index.d.ts +2 -1
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +6 -2
- package/dist/index.js.map +1 -1
- package/dist/types/global.d.ts +13 -0
- package/dist/types/global.d.ts.map +1 -1
- package/package.json +2 -1
- package/src/components/Button/index.tsx +34 -23
- package/src/components/ControlGroup/index.tsx +1 -0
- package/src/components/Effect/index.tsx +134 -0
- package/src/components/Header/index.tsx +33 -28
- package/src/components/Input/index.tsx +15 -7
- package/src/components/Menu/index.tsx +1 -1
- package/src/components/Menu/item.tsx +8 -17
- package/src/components/Message/index.tsx +13 -5
- package/src/components/Notifications/notification.tsx +6 -3
- package/src/components/Panel/index.tsx +27 -25
- package/src/components/Popover/index.tsx +0 -13
- package/src/components/Tabs/item.tsx +92 -79
- package/src/components/Tag/index.tsx +16 -7
- package/src/components/Textarea/index.tsx +14 -7
- package/src/constants/sizes.ts +8 -0
- package/src/constants/theme.ts +1 -0
- package/src/containers/ReqoreProvider.tsx +16 -8
- package/src/containers/UIProvider.tsx +15 -13
- package/src/context/ReqoreContext.tsx +5 -0
- package/src/helpers/colors.ts +1 -1
- package/src/index.tsx +10 -1
- package/src/mock/collectionData.tsx +55 -2
- package/src/stories/Button/Button.stories.tsx +15 -2
- package/src/stories/Header/Header.stories.tsx +71 -0
- package/src/stories/Input/Input.stories.tsx +12 -0
- package/src/stories/Menu/Menu.stories.tsx +14 -0
- package/src/stories/Message/Message.stories.tsx +13 -0
- package/src/stories/Notifications/Notification.stories.tsx +7 -2
- package/src/stories/Panel/Panel.stories.tsx +37 -1
- package/src/stories/Tabs/Tabs.stories.tsx +23 -23
- package/src/stories/Tag/Tag.stories.tsx +16 -0
- package/src/stories/TextArea/TextArea.stories.tsx +18 -0
- package/src/types/global.ts +14 -0
- package/tests.json +1 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Popover/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAyB,MAAM,OAAO,CAAC;AAE9C,OAAmB,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAC;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Popover/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAyB,MAAM,OAAO,CAAC;AAE9C,OAAmB,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAC;AACrE,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAEtD,MAAM,WAAW,mBAAoB,SAAQ,gBAAgB,EAAE,eAAe;IAC5E,SAAS,EAAE,GAAG,CAAC;IACf,cAAc,CAAC,EAAE,GAAG,CAAC;IACrB,QAAQ,CAAC,EAAE,GAAG,CAAC;IACf,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,YAAY,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CACpC;AAED,eAAO,MAAM,aAAa,KAEzB,CAAC;AAEF,QAAA,MAAM,OAAO,8KAYR,mBAAmB,iBAiCvB,CAAC;AAEF,eAAe,OAAO,CAAC"}
|
|
@@ -34,12 +34,10 @@ var jsx_runtime_1 = require("react/jsx-runtime");
|
|
|
34
34
|
var react_1 = require("react");
|
|
35
35
|
var styled_components_1 = __importDefault(require("styled-components"));
|
|
36
36
|
var usePopover_1 = __importDefault(require("../../hooks/usePopover"));
|
|
37
|
-
var useWhyDidYouUpdate_1 = require("../../hooks/useWhyDidYouUpdate");
|
|
38
37
|
exports.StyledPopover = styled_components_1["default"].span(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n overflow: hidden;\n"], ["\n overflow: hidden;\n"])));
|
|
39
38
|
var Popover = (0, react_1.memo)(function (_a) {
|
|
40
39
|
var Component = _a.component, componentProps = _a.componentProps, children = _a.children, isReqoreComponent = _a.isReqoreComponent, noWrapper = _a.noWrapper, _b = _a.wrapperTag, wrapperTag = _b === void 0 ? 'span' : _b, _c = _a.wrapperStyle, wrapperStyle = _c === void 0 ? {} : _c, _insidePopover = _a._insidePopover, _popoverId = _a._popoverId, rest = __rest(_a, ["component", "componentProps", "children", "isReqoreComponent", "noWrapper", "wrapperTag", "wrapperStyle", "_insidePopover", "_popoverId"]);
|
|
41
40
|
var _d = (0, react_1.useState)(undefined), ref = _d[0], setRef = _d[1];
|
|
42
|
-
(0, useWhyDidYouUpdate_1.useWhyDidYouUpdate)('popover', __assign({ component: Component, componentProps: componentProps, children: children, isReqoreComponent: isReqoreComponent, noWrapper: noWrapper, wrapperTag: wrapperTag, wrapperStyle: wrapperStyle, _insidePopover: _insidePopover, _popoverId: _popoverId }, rest));
|
|
43
41
|
(0, usePopover_1["default"])(__assign({ targetElement: ref }, rest));
|
|
44
42
|
if (isReqoreComponent || noWrapper) {
|
|
45
43
|
return ((0, jsx_runtime_1.jsx)(Component, __assign({}, componentProps, { _insidePopover: _insidePopover, _popoverId: _popoverId, ref: setRef }, { children: children })));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Popover/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+BAA8C;AAC9C,wEAAuC;AACvC,sEAAqE;
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Popover/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+BAA8C;AAC9C,wEAAuC;AACvC,sEAAqE;AAaxD,QAAA,aAAa,GAAG,8BAAM,CAAC,IAAI,4FAAA,yBAEvC,KAAC;AAEF,IAAM,OAAO,GAAG,IAAA,YAAI,EAClB,UAAC,EAWqB;IAVpB,IAAW,SAAS,eAAA,EACpB,cAAc,oBAAA,EACd,QAAQ,cAAA,EACR,iBAAiB,uBAAA,EACjB,SAAS,eAAA,EACT,kBAAmB,EAAnB,UAAU,mBAAG,MAAM,KAAA,EACnB,oBAAiB,EAAjB,YAAY,mBAAG,EAAE,KAAA,EACjB,cAAc,oBAAA,EACd,UAAU,gBAAA,EACP,IAAI,cAVR,2IAWA,CADQ;IAED,IAAA,KAAgB,IAAA,gBAAQ,EAAC,SAAS,CAAC,EAAlC,GAAG,QAAA,EAAE,MAAM,QAAuB,CAAC;IAE1C,IAAA,uBAAU,aAAG,aAAa,EAAE,GAAG,IAAK,IAAI,EAAG,CAAC;IAE5C,IAAI,iBAAiB,IAAI,SAAS,EAAE;QAClC,OAAO,CACL,uBAAC,SAAS,eACJ,cAAc,IAClB,cAAc,EAAE,cAAc,EAC9B,UAAU,EAAE,UAAU,EACtB,GAAG,EAAE,MAAM,gBAEV,QAAQ,IACC,CACb,CAAC;KACH;IAED,OAAO;IACL,aAAa;IACb,uBAAC,qBAAa;IACZ,aAAa;;QAAb,aAAa;QACb,EAAE,EAAE,UAAU,EACd,SAAS,EAAC,wBAAwB,EAClC,GAAG,EAAE,MAAM,EACX,KAAK,EAAE,YAAY,gBAEnB,uBAAC,SAAS,eAAK,cAAc,IAAE,cAAc,EAAE,cAAc,EAAE,UAAU,EAAE,UAAU,gBAClF,QAAQ,IACC,IACE,CACjB,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,qBAAe,OAAO,CAAC"}
|
|
@@ -18,6 +18,6 @@ export interface IReqoreTabListItemStyle extends IReqoreTabListItemProps {
|
|
|
18
18
|
activeColor: string;
|
|
19
19
|
}
|
|
20
20
|
export declare const StyledTabListItem: any;
|
|
21
|
-
declare const ReqoreTabsListItem: import("react").ForwardRefExoticComponent<IReqoreTabListItemProps & import("react").RefAttributes<unknown
|
|
21
|
+
declare const ReqoreTabsListItem: import("react").MemoExoticComponent<import("react").ForwardRefExoticComponent<IReqoreTabListItemProps & import("react").RefAttributes<unknown>>>;
|
|
22
22
|
export default ReqoreTabsListItem;
|
|
23
23
|
//# sourceMappingURL=item.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"item.d.ts","sourceRoot":"","sources":["../../../src/components/Tabs/item.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,mBAAmB,EAAE,MAAM,GAAG,CAAC;AACxC,OAAO,EAAsB,MAAM,EAAE,MAAM,uBAAuB,CAAC;AACnE,OAAO,EAAE,kBAAkB,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;
|
|
1
|
+
{"version":3,"file":"item.d.ts","sourceRoot":"","sources":["../../../src/components/Tabs/item.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,mBAAmB,EAAE,MAAM,GAAG,CAAC;AACxC,OAAO,EAAsB,MAAM,EAAE,MAAM,uBAAuB,CAAC;AACnE,OAAO,EAAE,kBAAkB,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAOzE,MAAM,WAAW,uBAAwB,SAAQ,mBAAmB;IAClE,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,YAAY,CAAC,EAAE,GAAG,CAAC;IACnB,WAAW,CAAC,EAAE,kBAAkB,CAAC;IACjC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,WAAW,uBAAwB,SAAQ,uBAAuB;IACtE,KAAK,EAAE,YAAY,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW,EAAE,MAAM,CAAC;CACrB;AAED,eAAO,MAAM,iBAAiB,KA8C7B,CAAC;AAEF,QAAA,MAAM,kBAAkB,kJAoFvB,CAAC;AAEF,eAAe,kBAAkB,CAAC"}
|
|
@@ -46,25 +46,26 @@ var jsx_runtime_1 = require("react/jsx-runtime");
|
|
|
46
46
|
var react_1 = require("react");
|
|
47
47
|
var styled_components_1 = __importStar(require("styled-components"));
|
|
48
48
|
var sizes_1 = require("../../constants/sizes");
|
|
49
|
+
var colors_1 = require("../../helpers/colors");
|
|
49
50
|
var useCombinedRefs_1 = require("../../hooks/useCombinedRefs");
|
|
50
51
|
var useTheme_1 = require("../../hooks/useTheme");
|
|
51
52
|
var Button_1 = __importDefault(require("../Button"));
|
|
52
53
|
var ControlGroup_1 = __importDefault(require("../ControlGroup"));
|
|
53
54
|
exports.StyledTabListItem = styled_components_1["default"].div(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n ", "\n\n a {\n text-decoration: none;\n\n &:hover > * {\n text-decoration: underline;\n }\n }\n"], ["\n ", "\n\n a {\n text-decoration: none;\n\n &:hover > * {\n text-decoration: underline;\n }\n }\n"])), function (_a) {
|
|
54
55
|
var active = _a.active, disabled = _a.disabled, vertical = _a.vertical, activeColor = _a.activeColor, size = _a.size, fill = _a.fill;
|
|
55
|
-
return (0, styled_components_1.css)(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n display: flex;\n flex-shrink: 0;\n overflow: hidden;\n position: relative;\n align-items: center;\n width: ", ";\n padding: ", ";\n ", "\n\n ", "\n\n ", "\n "], ["\n display: flex;\n flex-shrink: 0;\n overflow: hidden;\n position: relative;\n align-items: center;\n width: ", ";\n padding: ", ";\n ", "\n\n ", "\n\n ", "\n "])), vertical ? "100%" : undefined, vertical ? "".concat(sizes_1.TABS_PADDING_TO_PX[size], "px") : "".concat(sizes_1.TABS_PADDING_TO_PX[size], "px"), active && (0, styled_components_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n background-color: ", "
|
|
56
|
+
return (0, styled_components_1.css)(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n display: flex;\n flex-shrink: 0;\n overflow: hidden;\n position: relative;\n align-items: center;\n width: ", ";\n padding: ", ";\n ", "\n\n ", "\n\n ", "\n "], ["\n display: flex;\n flex-shrink: 0;\n overflow: hidden;\n position: relative;\n align-items: center;\n width: ", ";\n padding: ", ";\n ", "\n\n ", "\n\n ", "\n "])), vertical ? "100%" : undefined, vertical ? "".concat(sizes_1.TABS_PADDING_TO_PX[size], "px") : "".concat(sizes_1.TABS_PADDING_TO_PX[size], "px"), active && (0, styled_components_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n &:after {\n width: ", ";\n height: ", ";\n left: ", ";\n top: ", ";\n bottom: ", ";\n content: '';\n position: absolute;\n background-color: ", ";\n }\n "], ["\n &:after {\n width: ", ";\n height: ", ";\n left: ", ";\n top: ", ";\n bottom: ", ";\n content: '';\n position: absolute;\n background-color: ", ";\n }\n "])), vertical ? '5px' : '1px', vertical ? '1px' : '5px', vertical ? '0' : '50%', vertical ? '50%' : undefined, vertical ? undefined : '0', activeColor), fill && (0, styled_components_1.css)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n flex: 1;\n "], ["\n flex: 1;\n "]))), disabled && (0, styled_components_1.css)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n cursor: not-allowed;\n > * {\n opacity: 0.5;\n }\n "], ["\n cursor: not-allowed;\n > * {\n opacity: 0.5;\n }\n "]))));
|
|
56
57
|
});
|
|
57
|
-
var ReqoreTabsListItem = (0, react_1.forwardRef)(function (_a, ref) {
|
|
58
|
+
var ReqoreTabsListItem = (0, react_1.memo)((0, react_1.forwardRef)(function (_a, ref) {
|
|
58
59
|
var tooltip = _a.tooltip, label = _a.label, props = _a.props, icon = _a.icon, active = _a.active, as = _a.as, disabled = _a.disabled, vertical = _a.vertical, onClick = _a.onClick, activeIntent = _a.activeIntent, onCloseClick = _a.onCloseClick, fill = _a.fill, intent = _a.intent, _b = _a.size, size = _b === void 0 ? 'normal' : _b, closeIcon = _a.closeIcon, customTheme = _a.customTheme, className = _a.className;
|
|
59
60
|
var targetRef = (0, useCombinedRefs_1.useCombinedRefs)(ref).targetRef;
|
|
60
61
|
var theme = (0, useTheme_1.useReqoreTheme)('main', customTheme);
|
|
61
62
|
var _intent = activeIntent || intent;
|
|
62
|
-
var activeColor = _intent ? theme.intents[_intent] : theme.main;
|
|
63
|
-
return ((0, jsx_runtime_1.jsx)(exports.StyledTabListItem, __assign({ ref: targetRef }, props, { className: className, intent: intent, activeIntent: activeIntent, activeColor: activeColor, as: as, size: size, active: active, disabled: disabled, vertical: vertical, theme: theme, fill: fill }, { children: label || icon ? ((0, jsx_runtime_1.jsxs)(ControlGroup_1["default"], __assign({ stack: true, size: size, fluid: fill || vertical }, { children: [(0, jsx_runtime_1.jsx)(Button_1["default"], __assign({ flat:
|
|
63
|
+
var activeColor = _intent ? theme.intents[_intent] : (0, colors_1.changeLightness)(theme.main, 0.05);
|
|
64
|
+
return ((0, jsx_runtime_1.jsx)(exports.StyledTabListItem, __assign({ ref: targetRef }, props, { className: className, intent: intent, activeIntent: activeIntent, activeColor: activeColor, as: as, size: size, active: active, disabled: disabled, vertical: vertical, theme: theme, fill: fill }, { children: label || icon ? ((0, jsx_runtime_1.jsxs)(ControlGroup_1["default"], __assign({ stack: true, size: size, fluid: fill || vertical }, { children: [(0, jsx_runtime_1.jsx)(Button_1["default"], __assign({ flat: !active && !intent, fluid: fill || vertical, icon: icon, minimal: true, intent: active ? activeIntent || intent : intent, active: active, disabled: disabled, onClick: onClick, tooltip: tooltip, customTheme: customTheme, className: "reqore-tabs-list-item ".concat(active ? 'reqore-tabs-list-item-active' : '') }, { children: label })), onCloseClick && !disabled ? ((0, jsx_runtime_1.jsx)(Button_1["default"], { fixed: true, flat: !active && !intent, icon: closeIcon || 'CloseLine', intent: active ? activeIntent || intent : intent, minimal: true, active: active, className: 'reqore-tabs-list-item-close', customTheme: customTheme, onClick: function (event) {
|
|
64
65
|
event.stopPropagation();
|
|
65
66
|
onCloseClick === null || onCloseClick === void 0 ? void 0 : onCloseClick();
|
|
66
67
|
} })) : null] }))) : null })));
|
|
67
|
-
});
|
|
68
|
+
}));
|
|
68
69
|
exports["default"] = ReqoreTabsListItem;
|
|
69
70
|
var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5;
|
|
70
71
|
//# sourceMappingURL=item.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"item.js","sourceRoot":"","sources":["../../../src/components/Tabs/item.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+
|
|
1
|
+
{"version":3,"file":"item.js","sourceRoot":"","sources":["../../../src/components/Tabs/item.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,13 +1,13 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { TSizes } from '../../constants/sizes';
|
|
3
3
|
import { IReqoreTheme, TReqoreIntent } from '../../constants/theme';
|
|
4
|
-
import { IReqoreDisabled, IReqoreIntent, IWithReqoreTooltip } from '../../types/global';
|
|
4
|
+
import { IReqoreDisabled, IReqoreIntent, IWithReqoreEffect, IWithReqoreTooltip } from '../../types/global';
|
|
5
5
|
import { IReqoreIconName } from '../../types/icons';
|
|
6
6
|
export interface IReqoreTagAction extends IWithReqoreTooltip, IReqoreDisabled, IReqoreIntent {
|
|
7
7
|
icon: IReqoreIconName;
|
|
8
8
|
onClick?: (event: React.MouseEvent<HTMLDivElement>) => void;
|
|
9
9
|
}
|
|
10
|
-
export interface IReqoreTagProps extends Omit<React.HTMLAttributes<HTMLSpanElement>, 'children'>, IWithReqoreTooltip, IReqoreDisabled {
|
|
10
|
+
export interface IReqoreTagProps extends Omit<React.HTMLAttributes<HTMLSpanElement>, 'children'>, IWithReqoreTooltip, IReqoreDisabled, IWithReqoreEffect {
|
|
11
11
|
size?: TSizes;
|
|
12
12
|
label?: string | number;
|
|
13
13
|
labelKey?: string | number;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Tag/index.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Tag/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAiC,MAAM,OAAO,CAAC;AAGtD,OAAO,EAKL,MAAM,EACP,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EAAE,YAAY,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AAKpE,OAAO,EACL,eAAe,EACf,aAAa,EACb,iBAAiB,EACjB,kBAAkB,EACnB,MAAM,oBAAoB,CAAC;AAC5B,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAIpD,MAAM,WAAW,gBAAiB,SAAQ,kBAAkB,EAAE,eAAe,EAAE,aAAa;IAC1F,IAAI,EAAE,eAAe,CAAC;IACtB,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,cAAc,CAAC,KAAK,IAAI,CAAC;CAC7D;AAED,MAAM,WAAW,eACf,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC,EAAE,UAAU,CAAC,EAC7D,kBAAkB,EAClB,eAAe,EACf,iBAAiB;IACnB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC3B,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,cAAc,CAAC,KAAK,IAAI,CAAC;IAClE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,cAAc,CAAC,KAAK,IAAI,CAAC;IAC5D,IAAI,CAAC,EAAE,eAAe,CAAC;IACvB,SAAS,CAAC,EAAE,eAAe,CAAC;IAC5B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,gBAAgB,EAAE,CAAC;IAC7B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,MAAM,CAAC,EAAE,aAAa,CAAC;CACxB;AAED,MAAM,WAAW,eAAgB,SAAQ,eAAe;IACtD,KAAK,EAAE,YAAY,CAAC;IACpB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AAED,eAAO,MAAM,SAAS,KA8CrB,CAAC;AAsDF,QAAA,MAAM,SAAS,iFAqGd,CAAC;AAEF,eAAe,SAAS,CAAC"}
|
|
@@ -55,6 +55,7 @@ exports.__esModule = true;
|
|
|
55
55
|
exports.StyledTag = void 0;
|
|
56
56
|
var jsx_runtime_1 = require("react/jsx-runtime");
|
|
57
57
|
var size_1 = __importDefault(require("lodash/size"));
|
|
58
|
+
var polished_1 = require("polished");
|
|
58
59
|
var react_1 = require("react");
|
|
59
60
|
var styled_components_1 = __importStar(require("styled-components"));
|
|
60
61
|
var __1 = require("../..");
|
|
@@ -63,8 +64,9 @@ var ThemeContext_1 = __importDefault(require("../../context/ThemeContext"));
|
|
|
63
64
|
var colors_1 = require("../../helpers/colors");
|
|
64
65
|
var useCombinedRefs_1 = require("../../hooks/useCombinedRefs");
|
|
65
66
|
var useTooltip_1 = require("../../hooks/useTooltip");
|
|
67
|
+
var Effect_1 = require("../Effect");
|
|
66
68
|
var Icon_1 = __importDefault(require("../Icon"));
|
|
67
|
-
exports.StyledTag = styled_components_1["default"].
|
|
69
|
+
exports.StyledTag = (0, styled_components_1["default"])(Effect_1.StyledEffect)(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n display: inline-flex;\n justify-content: center;\n flex-shrink: 0;\n align-items: center;\n font-family: system-ui;\n font-weight: 600;\n overflow: hidden;\n vertical-align: middle;\n font-size: ", "px;\n height: ", "px;\n min-width: ", "px;\n border-radius: ", "px;\n width: ", ";\n transition: all 0.2s ease-out;\n\n ", "\n\n ", "\n\n\n ", "\n"], ["\n display: inline-flex;\n justify-content: center;\n flex-shrink: 0;\n align-items: center;\n font-family: system-ui;\n font-weight: 600;\n overflow: hidden;\n vertical-align: middle;\n font-size: ", "px;\n height: ", "px;\n min-width: ", "px;\n border-radius: ", "px;\n width: ", ";\n transition: all 0.2s ease-out;\n\n ", "\n\n ", "\n\n\n ", "\n"])), function (_a) {
|
|
68
70
|
var size = _a.size;
|
|
69
71
|
return sizes_1.TEXT_FROM_SIZE[size];
|
|
70
72
|
}, function (_a) {
|
|
@@ -81,7 +83,7 @@ exports.StyledTag = styled_components_1["default"].div(templateObject_4 || (temp
|
|
|
81
83
|
return width || undefined;
|
|
82
84
|
}, function (_a) {
|
|
83
85
|
var theme = _a.theme, color = _a.color, labelKey = _a.labelKey;
|
|
84
|
-
return (0, styled_components_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n background-color: ", ";\n color: ", ";\n\n ", "
|
|
86
|
+
return (0, styled_components_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n background-color: ", ";\n color: ", ";\n\n ", " {\n background-color: ", ";\n }\n "], ["\n background-color: ", ";\n color: ", ";\n\n ", " {\n background-color: ", ";\n }\n "])), color || (0, colors_1.changeLightness)(theme.main, 0.1), color ? (0, colors_1.getReadableColorFrom)(color) : (0, colors_1.getReadableColor)(theme, undefined, undefined), StyledTagContentWrapper, labelKey ? (0, polished_1.rgba)('#000000', 0.2) : undefined);
|
|
85
87
|
}, function (_a) {
|
|
86
88
|
var theme = _a.theme, color = _a.color, interactive = _a.interactive;
|
|
87
89
|
return interactive && (0, styled_components_1.css)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n cursor: pointer;\n &:hover {\n background-color: ", ";\n color: ", ";\n }\n "], ["\n cursor: pointer;\n &:hover {\n background-color: ", ";\n color: ", ";\n }\n "])), (0, colors_1.changeLightness)(color || theme.main, color ? 0.05 : 0.15), color
|
|
@@ -108,8 +110,8 @@ var StyledButtonWrapper = styled_components_1["default"].div(templateObject_10 |
|
|
|
108
110
|
var size = _a.size;
|
|
109
111
|
return sizes_1.SIZE_TO_PX[size];
|
|
110
112
|
}, function (_a) {
|
|
111
|
-
var
|
|
112
|
-
return (0, styled_components_1.css)(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n .reqore-icon {\n transform: scale(0.85);\n }\n &:hover {\n cursor: pointer;\n background-color: ", ";\n\n .reqore-icon {\n transform: scale(1);\n }\n }\n "], ["\n .reqore-icon {\n transform: scale(0.85);\n }\n &:hover {\n cursor: pointer;\n background-color: ", ";\n\n .reqore-icon {\n transform: scale(1);\n }\n }\n "])), (0, colors_1.changeLightness)(color
|
|
113
|
+
var color = _a.color;
|
|
114
|
+
return (0, styled_components_1.css)(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n .reqore-icon {\n transform: scale(0.85);\n }\n &:hover {\n cursor: pointer;\n background-color: ", ";\n\n .reqore-icon {\n transform: scale(1);\n }\n }\n "], ["\n .reqore-icon {\n transform: scale(0.85);\n }\n &:hover {\n cursor: pointer;\n background-color: ", ";\n\n .reqore-icon {\n transform: scale(1);\n }\n }\n "])), color ? (0, colors_1.changeLightness)(color, 0.09) : (0, polished_1.rgba)('#000000', 0.2));
|
|
113
115
|
});
|
|
114
116
|
var ReqoreTag = (0, react_1.forwardRef)(function (_a, ref) {
|
|
115
117
|
var tooltip = _a.tooltip, label = _a.label, labelKey = _a.labelKey, icon = _a.icon, rightIcon = _a.rightIcon, className = _a.className, onClick = _a.onClick, _b = _a.size, size = _b === void 0 ? 'normal' : _b, onRemoveClick = _a.onRemoveClick, actions = _a.actions, badge = _a.badge, intent = _a.intent, color = _a.color, rest = __rest(_a, ["tooltip", "label", "labelKey", "icon", "rightIcon", "className", "onClick", "size", "onRemoveClick", "actions", "badge", "intent", "color"]);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Tag/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,qDAAgC;AAChC,+BAAsD;AACtD,qEAAgD;AAChD,2BAAsC;AACtC,+CAM+B;AAE/B,4EAAsD;AACtD,+CAA+F;AAC/F,+DAA8D;AAC9D,qDAAoD;
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Tag/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { TSizes } from '../../constants/sizes';
|
|
3
3
|
import { IReqoreTheme } from '../../constants/theme';
|
|
4
|
-
import { IReqoreDisabled, IReqoreIntent, IReqoreReadOnly, IWithReqoreCustomTheme, IWithReqoreTooltip } from '../../types/global';
|
|
5
|
-
export interface IReqoreTextareaProps extends React.HTMLAttributes<HTMLTextAreaElement>, IReqoreReadOnly, IReqoreDisabled, IWithReqoreCustomTheme, IWithReqoreTooltip, IReqoreIntent {
|
|
4
|
+
import { IReqoreDisabled, IReqoreIntent, IReqoreReadOnly, IWithReqoreCustomTheme, IWithReqoreEffect, IWithReqoreTooltip } from '../../types/global';
|
|
5
|
+
export interface IReqoreTextareaProps extends React.HTMLAttributes<HTMLTextAreaElement>, IReqoreReadOnly, IReqoreDisabled, IWithReqoreCustomTheme, IWithReqoreTooltip, IReqoreIntent, IWithReqoreEffect {
|
|
6
6
|
autoFocus?: boolean;
|
|
7
7
|
width?: number;
|
|
8
8
|
height?: number;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Textarea/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAE1C,OAAO,EAAoC,MAAM,EAAE,MAAM,uBAAuB,CAAC;AACjF,OAAO,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAMrD,OAAO,EACL,eAAe,EACf,aAAa,EACb,eAAe,EACf,sBAAsB,EACtB,kBAAkB,EACnB,MAAM,oBAAoB,CAAC;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Textarea/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAE1C,OAAO,EAAoC,MAAM,EAAE,MAAM,uBAAuB,CAAC;AACjF,OAAO,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAMrD,OAAO,EACL,eAAe,EACf,aAAa,EACb,eAAe,EACf,sBAAsB,EACtB,iBAAiB,EACjB,kBAAkB,EACnB,MAAM,oBAAoB,CAAC;AAK5B,MAAM,WAAW,oBACf,SAAQ,KAAK,CAAC,cAAc,CAAC,mBAAmB,CAAC,EAC/C,eAAe,EACf,eAAe,EACf,sBAAsB,EACtB,kBAAkB,EAClB,aAAa,EACb,iBAAiB;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,YAAY,CAAC,EAAE,MAAM,GAAG,CAAC;CAC1B;AAED,MAAM,WAAW,oBAAqB,SAAQ,oBAAoB;IAChE,KAAK,EAAE,YAAY,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,eAAO,MAAM,qBAAqB,KAMjC,CAAC;AAEF,eAAO,MAAM,cAAc,KA4D1B,CAAC;AAEF,QAAA,MAAM,WAAW,sFAqDhB,CAAC;AAEF,eAAe,WAAW,CAAC"}
|
|
@@ -63,6 +63,7 @@ var useCombinedRefs_1 = require("../../hooks/useCombinedRefs");
|
|
|
63
63
|
var useTheme_1 = require("../../hooks/useTheme");
|
|
64
64
|
var useTooltip_1 = require("../../hooks/useTooltip");
|
|
65
65
|
var styles_1 = require("../../styles");
|
|
66
|
+
var Effect_1 = require("../Effect");
|
|
66
67
|
var InputClearButton_1 = __importDefault(require("../InputClearButton"));
|
|
67
68
|
exports.StyledTextareaWrapper = styled_components_1["default"].div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n height: ", ";\n width: ", ";\n flex: ", ";\n position: relative;\n overflow: hidden;\n"], ["\n height: ", ";\n width: ", ";\n flex: ", ";\n position: relative;\n overflow: hidden;\n"])), function (_a) {
|
|
68
69
|
var height = _a.height;
|
|
@@ -74,18 +75,18 @@ exports.StyledTextareaWrapper = styled_components_1["default"].div(templateObjec
|
|
|
74
75
|
var fluid = _a.fluid;
|
|
75
76
|
return (fluid ? '1' : undefined);
|
|
76
77
|
});
|
|
77
|
-
exports.StyledTextarea = styled_components_1["default"].
|
|
78
|
+
exports.StyledTextarea = (0, styled_components_1["default"])(Effect_1.StyledEffect)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n height: 100%;\n width: 100%;\n font-size: ", "px;\n margin: 0;\n padding: 5px 7px;\n resize: none;\n\n background-color: ", ";\n color: ", ";\n\n transition: all 0.2s ease-out;\n\n &:active,\n &:focus {\n background-color: ", ";\n }\n\n border-radius: ", "px;\n border: ", ";\n border-bottom: ", ";\n\n transition: all 0.2s ease-out;\n\n ", "\n\n &::placeholder {\n transition: all 0.2s ease-out;\n color: ", ";\n }\n\n &:focus {\n &::placeholder {\n color: ", ";\n }\n }\n\n ", ";\n\n &:disabled {\n ", ";\n }\n"], ["\n height: 100%;\n width: 100%;\n font-size: ", "px;\n margin: 0;\n padding: 5px 7px;\n resize: none;\n\n background-color: ", ";\n color: ", ";\n\n transition: all 0.2s ease-out;\n\n &:active,\n &:focus {\n background-color: ", ";\n }\n\n border-radius: ", "px;\n border: ", ";\n border-bottom: ", ";\n\n transition: all 0.2s ease-out;\n\n ", "\n\n &::placeholder {\n transition: all 0.2s ease-out;\n color: ", ";\n }\n\n &:focus {\n &::placeholder {\n color: ", ";\n }\n }\n\n ", ";\n\n &:disabled {\n ", ";\n }\n"])), function (_a) {
|
|
78
79
|
var _size = _a._size;
|
|
79
80
|
return sizes_1.TEXT_FROM_SIZE[_size];
|
|
80
81
|
}, function (_a) {
|
|
81
82
|
var theme = _a.theme, minimal = _a.minimal;
|
|
82
|
-
return minimal ? 'transparent' : (0, polished_1.rgba)(theme.main, 0.
|
|
83
|
+
return minimal ? 'transparent' : (0, polished_1.rgba)(theme.main, 0.1);
|
|
83
84
|
}, function (_a) {
|
|
84
85
|
var theme = _a.theme;
|
|
85
|
-
return (0, colors_1.getReadableColor)(theme);
|
|
86
|
+
return (0, colors_1.getReadableColor)(theme, undefined, undefined, true, theme.originalMain);
|
|
86
87
|
}, function (_a) {
|
|
87
88
|
var theme = _a.theme, minimal = _a.minimal;
|
|
88
|
-
return minimal ? 'transparent' : (0, polished_1.rgba)(theme.main, 0.
|
|
89
|
+
return minimal ? 'transparent' : (0, polished_1.rgba)(theme.main, 0.15);
|
|
89
90
|
}, function (_a) {
|
|
90
91
|
var minimal = _a.minimal, rounded = _a.rounded, _size = _a._size;
|
|
91
92
|
return minimal || !rounded ? 0 : sizes_1.RADIUS_FROM_SIZE[_size];
|
|
@@ -104,10 +105,10 @@ exports.StyledTextarea = styled_components_1["default"].textarea(templateObject_
|
|
|
104
105
|
}) : undefined;
|
|
105
106
|
}, function (_a) {
|
|
106
107
|
var theme = _a.theme;
|
|
107
|
-
return (0, polished_1.rgba)((0, colors_1.getReadableColor)(theme), 0.3);
|
|
108
|
+
return (0, polished_1.rgba)((0, colors_1.getReadableColor)(theme, undefined, undefined, true, theme.originalMain), 0.3);
|
|
108
109
|
}, function (_a) {
|
|
109
110
|
var theme = _a.theme;
|
|
110
|
-
return (0, polished_1.rgba)((0, colors_1.getReadableColor)(theme), 0.5);
|
|
111
|
+
return (0, polished_1.rgba)((0, colors_1.getReadableColor)(theme, undefined, undefined, true, theme.originalMain), 0.5);
|
|
111
112
|
}, function (_a) {
|
|
112
113
|
var readOnly = _a.readOnly;
|
|
113
114
|
return readOnly && styles_1.ReadOnlyElement;
|
|
@@ -118,7 +119,7 @@ var ReqoreInput = (0, react_1.forwardRef)(function (_a, ref) {
|
|
|
118
119
|
var targetRef = (0, useCombinedRefs_1.useCombinedRefs)(ref).targetRef;
|
|
119
120
|
var theme = (0, useTheme_1.useReqoreTheme)('main', customTheme, intent);
|
|
120
121
|
(0, useTooltip_1.useTooltip)(targetRef === null || targetRef === void 0 ? void 0 : targetRef.current, tooltip);
|
|
121
|
-
return ((0, jsx_runtime_1.jsxs)(exports.StyledTextareaWrapper, __assign({ className: "".concat(className || '', " reqore-control-wrapper"), width: width, height: height, fluid: fluid, _size: size, theme: theme }, { children: [(0, jsx_runtime_1.jsx)(exports.StyledTextarea, __assign({}, rest, { className: "".concat(className || '', " reqore-control reqore-textarea"), _size: size, ref: targetRef, theme: theme, rounded: rounded, rows: scaleWithContent ? (((_b = rest === null || rest === void 0 ? void 0 : rest.value) === null || _b === void 0 ? void 0 : _b.split(/\r\n|\r|\n/).length) || 1) + 1 : rest.rows })), !rest.readOnly && ((0, jsx_runtime_1.jsx)(InputClearButton_1["default"], { enabled: !(rest === null || rest === void 0 ? void 0 : rest.disabled) && !!(onClearClick && (rest === null || rest === void 0 ? void 0 : rest.onChange)), show: (rest === null || rest === void 0 ? void 0 : rest.value) && rest.value !== '', onClick: onClearClick, size: 'big' }))] })));
|
|
122
|
+
return ((0, jsx_runtime_1.jsxs)(exports.StyledTextareaWrapper, __assign({ className: "".concat(className || '', " reqore-control-wrapper"), width: width, height: height, fluid: fluid, _size: size, theme: theme }, { children: [(0, jsx_runtime_1.jsx)(exports.StyledTextarea, __assign({}, rest, { as: 'textarea', className: "".concat(className || '', " reqore-control reqore-textarea"), _size: size, ref: targetRef, theme: theme, rounded: rounded, rows: scaleWithContent ? (((_b = rest === null || rest === void 0 ? void 0 : rest.value) === null || _b === void 0 ? void 0 : _b.split(/\r\n|\r|\n/).length) || 1) + 1 : rest.rows })), !rest.readOnly && ((0, jsx_runtime_1.jsx)(InputClearButton_1["default"], { enabled: !(rest === null || rest === void 0 ? void 0 : rest.disabled) && !!(onClearClick && (rest === null || rest === void 0 ? void 0 : rest.onChange)), show: (rest === null || rest === void 0 ? void 0 : rest.value) && rest.value !== '', onClick: onClearClick, size: 'big' }))] })));
|
|
122
123
|
});
|
|
123
124
|
exports["default"] = ReqoreInput;
|
|
124
125
|
var templateObject_1, templateObject_2, templateObject_3;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Textarea/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,qCAAgC;AAChC,+BAA0C;AAC1C,qEAAgD;AAChD,+CAAiF;AAEjF,+CAAyE;AACzE,+DAA8D;AAC9D,iDAAsD;AACtD,qDAAoD;AACpD,uCAAgE;AAShE,yEAAyD;
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Textarea/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -64,4 +64,11 @@ export declare const ICON_FROM_HEADER_SIZE: {
|
|
|
64
64
|
5: number;
|
|
65
65
|
6: number;
|
|
66
66
|
};
|
|
67
|
+
export declare const WEIGHT_TO_NUMBER: {
|
|
68
|
+
thin: number;
|
|
69
|
+
light: number;
|
|
70
|
+
normal: number;
|
|
71
|
+
bold: number;
|
|
72
|
+
thick: number;
|
|
73
|
+
};
|
|
67
74
|
//# sourceMappingURL=sizes.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"sizes.d.ts","sourceRoot":"","sources":["../../src/constants/sizes.ts"],"names":[],"mappings":"AAAA,oBAAY,MAAM,GAAG,MAAM,GAAG,OAAO,GAAG,QAAQ,GAAG,KAAK,GAAG,MAAM,CAAC;AAClE,oBAAY,QAAQ,GAAG,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAC;AAEnD,eAAO,MAAM,UAAU;;;;;;CAMtB,CAAC;AAEF,eAAO,MAAM,eAAe;;;;;;CAM3B,CAAC;AAEF,eAAO,MAAM,gBAAgB;;;;;;CAM5B,CAAC;AAEF,eAAO,MAAM,kBAAkB;;;;;;CAM9B,CAAC;AAEF,eAAO,MAAM,gBAAgB;;;;;;CAM5B,CAAC;AAEF,eAAO,MAAM,cAAc;;;;;;CAM1B,CAAC;AAEF,eAAO,MAAM,iBAAiB;;;;;;CAM7B,CAAC;AAEF,eAAO,MAAM,gBAAgB;;;;;;CAM5B,CAAC;AAEF,eAAO,MAAM,qBAAqB;;;;;;;CAOjC,CAAC"}
|
|
1
|
+
{"version":3,"file":"sizes.d.ts","sourceRoot":"","sources":["../../src/constants/sizes.ts"],"names":[],"mappings":"AAAA,oBAAY,MAAM,GAAG,MAAM,GAAG,OAAO,GAAG,QAAQ,GAAG,KAAK,GAAG,MAAM,CAAC;AAClE,oBAAY,QAAQ,GAAG,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAC;AAEnD,eAAO,MAAM,UAAU;;;;;;CAMtB,CAAC;AAEF,eAAO,MAAM,eAAe;;;;;;CAM3B,CAAC;AAEF,eAAO,MAAM,gBAAgB;;;;;;CAM5B,CAAC;AAEF,eAAO,MAAM,kBAAkB;;;;;;CAM9B,CAAC;AAEF,eAAO,MAAM,gBAAgB;;;;;;CAM5B,CAAC;AAEF,eAAO,MAAM,cAAc;;;;;;CAM1B,CAAC;AAEF,eAAO,MAAM,iBAAiB;;;;;;CAM7B,CAAC;AAEF,eAAO,MAAM,gBAAgB;;;;;;CAM5B,CAAC;AAEF,eAAO,MAAM,qBAAqB;;;;;;;CAOjC,CAAC;AAEF,eAAO,MAAM,gBAAgB;;;;;;CAM5B,CAAC"}
|
package/dist/constants/sizes.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
exports.__esModule = true;
|
|
3
|
-
exports.ICON_FROM_HEADER_SIZE = exports.RADIUS_FROM_SIZE = exports.PADDING_FROM_SIZE = exports.TEXT_FROM_SIZE = exports.MARGIN_FROM_SIZE = exports.TABS_PADDING_TO_PX = exports.TABLE_SIZE_TO_PX = exports.TABS_SIZE_TO_PX = exports.SIZE_TO_PX = void 0;
|
|
3
|
+
exports.WEIGHT_TO_NUMBER = exports.ICON_FROM_HEADER_SIZE = exports.RADIUS_FROM_SIZE = exports.PADDING_FROM_SIZE = exports.TEXT_FROM_SIZE = exports.MARGIN_FROM_SIZE = exports.TABS_PADDING_TO_PX = exports.TABLE_SIZE_TO_PX = exports.TABS_SIZE_TO_PX = exports.SIZE_TO_PX = void 0;
|
|
4
4
|
exports.SIZE_TO_PX = {
|
|
5
5
|
tiny: 10,
|
|
6
6
|
small: 20,
|
|
@@ -65,4 +65,11 @@ exports.ICON_FROM_HEADER_SIZE = {
|
|
|
65
65
|
5: 9,
|
|
66
66
|
6: 6
|
|
67
67
|
};
|
|
68
|
+
exports.WEIGHT_TO_NUMBER = {
|
|
69
|
+
thin: 100,
|
|
70
|
+
light: 250,
|
|
71
|
+
normal: 400,
|
|
72
|
+
bold: 550,
|
|
73
|
+
thick: 700
|
|
74
|
+
};
|
|
68
75
|
//# sourceMappingURL=sizes.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"sizes.js","sourceRoot":"","sources":["../../src/constants/sizes.ts"],"names":[],"mappings":";;;AAGa,QAAA,UAAU,GAAG;IACxB,IAAI,EAAE,EAAE;IACR,KAAK,EAAE,EAAE;IACT,MAAM,EAAE,EAAE;IACV,GAAG,EAAE,EAAE;IACP,IAAI,EAAE,EAAE;CACT,CAAC;AAEW,QAAA,eAAe,GAAG;IAC7B,IAAI,EAAE,EAAE;IACR,KAAK,EAAE,EAAE;IACT,MAAM,EAAE,EAAE;IACV,GAAG,EAAE,EAAE;IACP,IAAI,EAAE,EAAE;CACT,CAAC;AAEW,QAAA,gBAAgB,GAAG;IAC9B,IAAI,EAAE,EAAE;IACR,KAAK,EAAE,EAAE;IACT,MAAM,EAAE,EAAE;IACV,GAAG,EAAE,EAAE;IACP,IAAI,EAAE,EAAE;CACT,CAAC;AAEW,QAAA,kBAAkB,GAAG;IAChC,IAAI,EAAE,CAAC;IACP,KAAK,EAAE,CAAC;IACR,MAAM,EAAE,CAAC;IACT,GAAG,EAAE,CAAC;IACN,IAAI,EAAE,CAAC;CACR,CAAC;AAEW,QAAA,gBAAgB,GAAG;IAC9B,IAAI,EAAE,CAAC;IACP,KAAK,EAAE,CAAC;IACR,MAAM,EAAE,EAAE;IACV,GAAG,EAAE,EAAE;IACP,IAAI,EAAE,EAAE;CACT,CAAC;AAEW,QAAA,cAAc,GAAG;IAC5B,IAAI,EAAE,CAAC;IACP,KAAK,EAAE,EAAE;IACT,MAAM,EAAE,EAAE;IACV,GAAG,EAAE,EAAE;IACP,IAAI,EAAE,EAAE;CACT,CAAC;AAEW,QAAA,iBAAiB,GAAG;IAC/B,IAAI,EAAE,CAAC;IACP,KAAK,EAAE,CAAC;IACR,MAAM,EAAE,CAAC;IACT,GAAG,EAAE,EAAE;IACP,IAAI,EAAE,EAAE;CACT,CAAC;AAEW,QAAA,gBAAgB,GAAG;IAC9B,IAAI,EAAE,CAAC;IACP,KAAK,EAAE,CAAC;IACR,MAAM,EAAE,CAAC;IACT,GAAG,EAAE,CAAC;IACN,IAAI,EAAE,CAAC;CACR,CAAC;AAEW,QAAA,qBAAqB,GAAG;IACnC,CAAC,EAAE,EAAE;IACL,CAAC,EAAE,EAAE;IACL,CAAC,EAAE,EAAE;IACL,CAAC,EAAE,EAAE;IACL,CAAC,EAAE,CAAC;IACJ,CAAC,EAAE,CAAC;CACL,CAAC"}
|
|
1
|
+
{"version":3,"file":"sizes.js","sourceRoot":"","sources":["../../src/constants/sizes.ts"],"names":[],"mappings":";;;AAGa,QAAA,UAAU,GAAG;IACxB,IAAI,EAAE,EAAE;IACR,KAAK,EAAE,EAAE;IACT,MAAM,EAAE,EAAE;IACV,GAAG,EAAE,EAAE;IACP,IAAI,EAAE,EAAE;CACT,CAAC;AAEW,QAAA,eAAe,GAAG;IAC7B,IAAI,EAAE,EAAE;IACR,KAAK,EAAE,EAAE;IACT,MAAM,EAAE,EAAE;IACV,GAAG,EAAE,EAAE;IACP,IAAI,EAAE,EAAE;CACT,CAAC;AAEW,QAAA,gBAAgB,GAAG;IAC9B,IAAI,EAAE,EAAE;IACR,KAAK,EAAE,EAAE;IACT,MAAM,EAAE,EAAE;IACV,GAAG,EAAE,EAAE;IACP,IAAI,EAAE,EAAE;CACT,CAAC;AAEW,QAAA,kBAAkB,GAAG;IAChC,IAAI,EAAE,CAAC;IACP,KAAK,EAAE,CAAC;IACR,MAAM,EAAE,CAAC;IACT,GAAG,EAAE,CAAC;IACN,IAAI,EAAE,CAAC;CACR,CAAC;AAEW,QAAA,gBAAgB,GAAG;IAC9B,IAAI,EAAE,CAAC;IACP,KAAK,EAAE,CAAC;IACR,MAAM,EAAE,EAAE;IACV,GAAG,EAAE,EAAE;IACP,IAAI,EAAE,EAAE;CACT,CAAC;AAEW,QAAA,cAAc,GAAG;IAC5B,IAAI,EAAE,CAAC;IACP,KAAK,EAAE,EAAE;IACT,MAAM,EAAE,EAAE;IACV,GAAG,EAAE,EAAE;IACP,IAAI,EAAE,EAAE;CACT,CAAC;AAEW,QAAA,iBAAiB,GAAG;IAC/B,IAAI,EAAE,CAAC;IACP,KAAK,EAAE,CAAC;IACR,MAAM,EAAE,CAAC;IACT,GAAG,EAAE,EAAE;IACP,IAAI,EAAE,EAAE;CACT,CAAC;AAEW,QAAA,gBAAgB,GAAG;IAC9B,IAAI,EAAE,CAAC;IACP,KAAK,EAAE,CAAC;IACR,MAAM,EAAE,CAAC;IACT,GAAG,EAAE,CAAC;IACN,IAAI,EAAE,CAAC;CACR,CAAC;AAEW,QAAA,qBAAqB,GAAG;IACnC,CAAC,EAAE,EAAE;IACL,CAAC,EAAE,EAAE;IACL,CAAC,EAAE,EAAE;IACL,CAAC,EAAE,EAAE;IACL,CAAC,EAAE,CAAC;IACJ,CAAC,EAAE,CAAC;CACL,CAAC;AAEW,QAAA,gBAAgB,GAAG;IAC9B,IAAI,EAAE,GAAG;IACT,KAAK,EAAE,GAAG;IACV,MAAM,EAAE,GAAG;IACX,IAAI,EAAE,GAAG;IACT,KAAK,EAAE,GAAG;CACX,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../src/constants/theme.ts"],"names":[],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../src/constants/theme.ts"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"theme.js","sourceRoot":"","sources":["../../src/constants/theme.ts"],"names":[],"mappings":";;;
|
|
1
|
+
{"version":3,"file":"theme.js","sourceRoot":"","sources":["../../src/constants/theme.ts"],"names":[],"mappings":";;;AAsFa,QAAA,eAAe,GAAmB;IAC7C,IAAI,EAAE,SAAS;IACf,OAAO,EAAE,SAAS;IAClB,OAAO,EAAE,SAAS;IAClB,OAAO,EAAE,SAAS;IAClB,MAAM,EAAE,SAAS;IACjB,KAAK,EAAE,SAAS;CACjB,CAAC;AAEW,QAAA,aAAa,GAAiB;IACzC,IAAI,EAAE,SAAS;IACf,IAAI,EAAE;QACJ,GAAG,EAAE,IAAI;KACV;IACD,OAAO,EAAE,uBAAe;IACxB,aAAa,EAAE,EAAE;CAClB,CAAC;AAEW,QAAA,aAAa,GAAqC;IAC7D,IAAI,EAAE,MAAM;IACZ,OAAO,EAAE,SAAS;IAClB,OAAO,EAAE,SAAS;IAClB,OAAO,EAAE,SAAS;IAClB,MAAM,EAAE,QAAQ;IAChB,KAAK,EAAE,OAAO;CACf,CAAC"}
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import { IReqoreNotificationsPosition } from '../components/Notifications';
|
|
3
2
|
import { IReqoreNotificationType } from '../components/Notifications/notification';
|
|
4
3
|
import { TSizes } from '../constants/sizes';
|
|
5
4
|
import { TReqoreIntent } from '../constants/theme';
|
|
6
5
|
import { IReqoreIconName } from '../types/icons';
|
|
6
|
+
import { IReqoreOptions } from './UIProvider';
|
|
7
7
|
export interface IReqoreNotificationData {
|
|
8
8
|
title?: string;
|
|
9
9
|
content: string;
|
|
@@ -21,7 +21,7 @@ export interface IReqoreNotificationData {
|
|
|
21
21
|
}
|
|
22
22
|
export interface IReqoreNotifications {
|
|
23
23
|
children: any;
|
|
24
|
-
|
|
24
|
+
options?: IReqoreOptions;
|
|
25
25
|
}
|
|
26
26
|
export interface IReqoreConfirmationModal {
|
|
27
27
|
title?: string;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ReqoreProvider.d.ts","sourceRoot":"","sources":["../../src/containers/ReqoreProvider.tsx"],"names":[],"mappings":"AACA,OAAO,KAA2B,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"ReqoreProvider.d.ts","sourceRoot":"","sources":["../../src/containers/ReqoreProvider.tsx"],"names":[],"mappings":"AACA,OAAO,KAA2B,MAAM,OAAO,CAAC;AAKhD,OAA2B,EACzB,uBAAuB,EACxB,MAAM,0CAA0C,CAAC;AAClD,OAAO,EAAE,MAAM,EAAE,MAAM,oBAAoB,CAAC;AAC5C,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AAEnD,OAAO,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAC;AACjD,OAAO,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AAE9C,MAAM,WAAW,uBAAuB;IACtC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,EAAE,MAAM,CAAC;IAChB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,IAAI,CAAC,EAAE,eAAe,CAAC;IACvB,OAAO,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,MAAM,KAAK,GAAG,CAAC;IAC/B,OAAO,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,MAAM,KAAK,GAAG,CAAC;IAC/B,QAAQ,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,MAAM,KAAK,GAAG,CAAC;IAChC,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,IAAI,CAAC,EAAE,uBAAuB,CAAC;IAC/B,MAAM,CAAC,EAAE,aAAa,CAAC;IACvB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,oBAAoB;IACnC,QAAQ,EAAE,GAAG,CAAC;IACd,OAAO,CAAC,EAAE,cAAc,CAAC;CAC1B;AAED,MAAM,WAAW,wBAAwB;IACvC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,mBAAmB,CAAC,EAAE,aAAa,CAAC;IACpC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,WAAW,CAAC,EAAE,eAAe,CAAC;IAC9B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,MAAM,CAAC,EAAE,aAAa,CAAC;CACxB;AAED,QAAA,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CAsJlD,CAAC;AAEF,eAAe,cAAc,CAAC"}
|
|
@@ -34,7 +34,7 @@ var Notifications_1 = __importDefault(require("../components/Notifications"));
|
|
|
34
34
|
var notification_1 = __importDefault(require("../components/Notifications/notification"));
|
|
35
35
|
var ReqoreContext_1 = __importDefault(require("../context/ReqoreContext"));
|
|
36
36
|
var ReqoreProvider = function (_a) {
|
|
37
|
-
var children = _a.children,
|
|
37
|
+
var children = _a.children, options = _a.options;
|
|
38
38
|
var _b = (0, react_2.useState)([]), notifications = _b[0], setNotifications = _b[1];
|
|
39
39
|
var _c = (0, react_2.useState)({}), confirmationModal = _c[0], setConfirmationModal = _c[1];
|
|
40
40
|
var latestZIndex = (0, react_2.useRef)(9000);
|
|
@@ -76,6 +76,7 @@ var ReqoreProvider = function (_a) {
|
|
|
76
76
|
return __spreadArray([], cur, true).filter(function (notification) { return notification.id !== id; });
|
|
77
77
|
});
|
|
78
78
|
};
|
|
79
|
+
console.log(options);
|
|
79
80
|
return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (0, jsx_runtime_1.jsxs)(ReqoreContext_1["default"].Provider, __assign({ value: {
|
|
80
81
|
notifications: notifications,
|
|
81
82
|
addNotification: addNotification,
|
|
@@ -84,8 +85,9 @@ var ReqoreProvider = function (_a) {
|
|
|
84
85
|
isMobile: isMobile,
|
|
85
86
|
isTablet: isTablet,
|
|
86
87
|
isMobileOrTablet: isMobileOrTablet,
|
|
87
|
-
getAndIncreaseZIndex: getAndIncreaseZIndex
|
|
88
|
-
|
|
88
|
+
getAndIncreaseZIndex: getAndIncreaseZIndex,
|
|
89
|
+
animations: (options === null || options === void 0 ? void 0 : options.animations) || { buttons: true }
|
|
90
|
+
} }, { children: [(0, lodash_1.size)(notifications) > 0 ? ((0, jsx_runtime_1.jsx)(Notifications_1["default"], __assign({ position: options === null || options === void 0 ? void 0 : options.notificationsPosition }, { children: notifications.map(function (notification) { return ((0, react_1.createElement)(notification_1["default"], __assign({}, notification, { key: notification.id, onClick: (notification === null || notification === void 0 ? void 0 : notification.onClick)
|
|
89
91
|
? function () { return void notification.onClick(notification.id); }
|
|
90
92
|
: undefined, onClose: function () {
|
|
91
93
|
if (notification.onClose) {
|
|
@@ -97,7 +99,7 @@ var ReqoreProvider = function (_a) {
|
|
|
97
99
|
notification.onFinish(notification.id);
|
|
98
100
|
}
|
|
99
101
|
removeNotification(notification.id);
|
|
100
|
-
} }))); }) }))) : null, children, (0, jsx_runtime_1.jsx)(__1.ReqoreModal, __assign({ isOpen: confirmationModal.isOpen, flat: true, opacity: 0.9, blur: 2, intent: confirmationModal.intent, label: confirmationModal.title || 'Confirm your action', icon: 'ErrorWarningFill', bottomActions: [
|
|
102
|
+
} }))); }) }))) : null, children, (0, jsx_runtime_1.jsx)(__1.ReqoreModal, __assign({ isOpen: confirmationModal.isOpen, flat: true, opacity: 0.9, blur: 2, width: '500px', intent: confirmationModal.intent, label: confirmationModal.title || 'Confirm your action', icon: 'ErrorWarningFill', bottomActions: [
|
|
101
103
|
{
|
|
102
104
|
label: confirmationModal.cancelLabel || 'Cancel',
|
|
103
105
|
icon: 'CloseLine',
|
|
@@ -119,7 +121,7 @@ var ReqoreProvider = function (_a) {
|
|
|
119
121
|
},
|
|
120
122
|
position: 'right'
|
|
121
123
|
},
|
|
122
|
-
] }, { children: confirmationModal.description || 'Are you sure you want to proceed?' }))] })) }));
|
|
124
|
+
] }, { children: (0, jsx_runtime_1.jsx)(__1.ReqoreTextEffect, __assign({ as: 'p', effect: { textAlign: 'center', weight: 'bold', textSize: 'big' } }, { children: confirmationModal.description || 'Are you sure you want to proceed?' })) }))] })) }));
|
|
123
125
|
};
|
|
124
126
|
exports["default"] = ReqoreProvider;
|
|
125
127
|
//# sourceMappingURL=ReqoreProvider.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ReqoreProvider.js","sourceRoot":"","sources":["../../src/containers/ReqoreProvider.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,iCAA8B;AAC9B,+BAAgD;AAChD,uCAAqC;AACrC,oDAA8B;AAC9B,
|
|
1
|
+
{"version":3,"file":"ReqoreProvider.js","sourceRoot":"","sources":["../../src/containers/ReqoreProvider.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,12 +1,18 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { IReqoreNotificationsPosition } from '../components/Notifications';
|
|
3
3
|
import { IReqoreTheme } from '../constants/theme';
|
|
4
|
+
export interface IReqoreOptions {
|
|
5
|
+
withSidebar?: boolean;
|
|
6
|
+
notificationsPosition?: IReqoreNotificationsPosition;
|
|
7
|
+
uiScale?: number;
|
|
8
|
+
animations?: {
|
|
9
|
+
buttons?: boolean;
|
|
10
|
+
};
|
|
11
|
+
}
|
|
4
12
|
export interface IReqoreUIProviderProps {
|
|
5
13
|
children: any;
|
|
6
14
|
theme?: Partial<IReqoreTheme>;
|
|
7
|
-
|
|
8
|
-
withSidebar?: boolean;
|
|
9
|
-
uiScale?: number;
|
|
15
|
+
options?: IReqoreOptions;
|
|
10
16
|
}
|
|
11
17
|
declare const ReqoreUIProvider: React.FC<IReqoreUIProviderProps>;
|
|
12
18
|
export default ReqoreUIProvider;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"UIProvider.d.ts","sourceRoot":"","sources":["../../src/containers/UIProvider.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAGxC,OAAO,EAAE,4BAA4B,EAAE,MAAM,6BAA6B,CAAC;AAC3E,OAAO,EAAiB,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAMjE,MAAM,WAAW,
|
|
1
|
+
{"version":3,"file":"UIProvider.d.ts","sourceRoot":"","sources":["../../src/containers/UIProvider.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAGxC,OAAO,EAAE,4BAA4B,EAAE,MAAM,6BAA6B,CAAC;AAC3E,OAAO,EAAiB,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAMjE,MAAM,WAAW,cAAc;IAC7B,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,qBAAqB,CAAC,EAAE,4BAA4B,CAAC;IACrD,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,UAAU,CAAC,EAAE;QACX,OAAO,CAAC,EAAE,OAAO,CAAC;KACnB,CAAC;CACH;AACD,MAAM,WAAW,sBAAsB;IACrC,QAAQ,EAAE,GAAG,CAAC;IACd,KAAK,CAAC,EAAE,OAAO,CAAC,YAAY,CAAC,CAAC;IAC9B,OAAO,CAAC,EAAE,cAAc,CAAC;CAC1B;AAMD,QAAA,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,sBAAsB,CAuBtD,CAAC;AAEF,eAAe,gBAAgB,CAAC"}
|
|
@@ -31,12 +31,13 @@ var PopoverProvider_1 = __importDefault(require("./PopoverProvider"));
|
|
|
31
31
|
var ReqoreProvider_1 = __importDefault(require("./ReqoreProvider"));
|
|
32
32
|
var StyledPortal = styled_components_1["default"].div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n z-index: 9999;\n"], ["\n z-index: 9999;\n"])));
|
|
33
33
|
var ReqoreUIProvider = function (_a) {
|
|
34
|
-
var children = _a.children, theme = _a.theme,
|
|
34
|
+
var children = _a.children, theme = _a.theme, options = _a.options;
|
|
35
35
|
var _b = (0, react_1.useState)(false), modalPortal = _b[0], setModalPortal = _b[1];
|
|
36
36
|
var _theme = (0, lodash_1.cloneDeep)(theme || {});
|
|
37
37
|
var _defaultTheme = (0, lodash_1.cloneDeep)(theme_1.DEFAULT_THEME);
|
|
38
38
|
var rebuiltTheme = (0, colors_1.buildTheme)((0, merge_1["default"])(_defaultTheme, _theme));
|
|
39
|
-
|
|
39
|
+
console.log(options);
|
|
40
|
+
return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(ThemeContext_1["default"].Provider, __assign({ value: __assign({}, rebuiltTheme) }, { children: (0, jsx_runtime_1.jsx)(Layout_1["default"], __assign({ withSidebar: options === null || options === void 0 ? void 0 : options.withSidebar }, { children: modalPortal ? ((0, jsx_runtime_1.jsx)(ReqoreProvider_1["default"], __assign({ options: options }, { children: (0, jsx_runtime_1.jsx)(PopoverProvider_1["default"], __assign({ uiScale: options === null || options === void 0 ? void 0 : options.uiScale }, { children: children })) }))) : null })) })), (0, jsx_runtime_1.jsx)(StyledPortal, { id: 'reqore-portal', ref: setModalPortal })] }));
|
|
40
41
|
};
|
|
41
42
|
exports["default"] = ReqoreUIProvider;
|
|
42
43
|
var templateObject_1;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"UIProvider.js","sourceRoot":"","sources":["../../src/containers/UIProvider.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA,iCAAmC;AACnC,uDAAiC;AACjC,+BAAwC;AACxC,wEAAuC;AACvC,gEAAuD;AAEvD,4CAAiE;AACjE,yEAAmD;AACnD,4CAA+C;AAC/C,sEAAgD;AAChD,oEAA8C;
|
|
1
|
+
{"version":3,"file":"UIProvider.js","sourceRoot":"","sources":["../../src/containers/UIProvider.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA,iCAAmC;AACnC,uDAAiC;AACjC,+BAAwC;AACxC,wEAAuC;AACvC,gEAAuD;AAEvD,4CAAiE;AACjE,yEAAmD;AACnD,4CAA+C;AAC/C,sEAAgD;AAChD,oEAA8C;AAgB9C,IAAM,YAAY,GAAG,8BAAM,CAAC,GAAG,yFAAA,sBAE9B,IAAA,CAAC;AAEF,IAAM,gBAAgB,GAAqC,UAAC,EAA4B;QAA1B,QAAQ,cAAA,EAAE,KAAK,WAAA,EAAE,OAAO,aAAA;IAC9E,IAAA,KAAgC,IAAA,gBAAQ,EAAM,KAAK,CAAC,EAAnD,WAAW,QAAA,EAAE,cAAc,QAAwB,CAAC;IAE3D,IAAM,MAAM,GAA0B,IAAA,kBAAS,EAAC,KAAK,IAAI,EAAE,CAAC,CAAC;IAC7D,IAAM,aAAa,GAAiB,IAAA,kBAAS,EAAC,qBAAa,CAAC,CAAC;IAC7D,IAAM,YAAY,GAAiB,IAAA,mBAAU,EAAC,IAAA,kBAAK,EAAC,aAAa,EAAE,MAAM,CAAC,CAAC,CAAC;IAE5E,OAAO,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC;IAErB,OAAO,CACL,6DACE,uBAAC,yBAAY,CAAC,QAAQ,aAAC,KAAK,eAAO,YAAY,iBAC7C,uBAAC,mBAAmB,aAAC,WAAW,EAAE,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,WAAW,gBACnD,WAAW,CAAC,CAAC,CAAC,CACb,uBAAC,2BAAc,aAAC,OAAO,EAAE,OAAO,gBAC9B,uBAAC,4BAAe,aAAC,OAAO,EAAE,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,OAAO,gBAAG,QAAQ,IAAmB,IACzD,CAClB,CAAC,CAAC,CAAC,IAAI,IACY,IACA,EACxB,uBAAC,YAAY,IAAC,EAAE,EAAC,eAAe,EAAC,GAAG,EAAE,cAAc,GAAI,IACvD,CACJ,CAAC;AACJ,CAAC,CAAC;AAEF,qBAAe,gBAAgB,CAAC"}
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
import { IReqoreConfirmationModal, IReqoreNotificationData } from '../containers/ReqoreProvider';
|
|
3
|
+
import { IReqoreOptions } from '../containers/UIProvider';
|
|
3
4
|
export interface IReqoreContext {
|
|
4
5
|
readonly confirmAction: (data: IReqoreConfirmationModal) => void;
|
|
5
6
|
readonly notifications?: IReqoreNotificationData[] | null;
|
|
@@ -9,6 +10,7 @@ export interface IReqoreContext {
|
|
|
9
10
|
readonly isTablet?: boolean;
|
|
10
11
|
readonly isMobileOrTablet?: boolean;
|
|
11
12
|
readonly getAndIncreaseZIndex?: () => number;
|
|
13
|
+
readonly animations?: IReqoreOptions['animations'];
|
|
12
14
|
}
|
|
13
15
|
declare const _default: import("react").Context<IReqoreContext>;
|
|
14
16
|
export default _default;
|