@qoretechnologies/reqore 0.26.1 → 0.27.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/dist/components/Breadcrumbs/index.d.ts.map +1 -1
- package/dist/components/Breadcrumbs/index.js +1 -1
- package/dist/components/Breadcrumbs/index.js.map +1 -1
- package/dist/components/Button/index.d.ts +7 -1
- package/dist/components/Button/index.d.ts.map +1 -1
- package/dist/components/Button/index.js +45 -20
- package/dist/components/Button/index.js.map +1 -1
- package/dist/components/Drawer/index.d.ts.map +1 -1
- package/dist/components/Drawer/index.js +3 -1
- package/dist/components/Drawer/index.js.map +1 -1
- package/dist/components/Menu/index.d.ts +1 -0
- package/dist/components/Menu/index.d.ts.map +1 -1
- package/dist/components/Menu/index.js +3 -2
- package/dist/components/Menu/index.js.map +1 -1
- package/dist/components/Menu/item.d.ts.map +1 -1
- package/dist/components/Menu/item.js +2 -2
- package/dist/components/Menu/item.js.map +1 -1
- package/dist/components/Spacer/index.d.ts.map +1 -1
- package/dist/components/Spacer/index.js +1 -1
- package/dist/components/Spacer/index.js.map +1 -1
- package/dist/components/Tabs/index.js +2 -2
- package/dist/components/Tabs/index.js.map +1 -1
- package/dist/components/Tabs/item.d.ts +2 -1
- package/dist/components/Tabs/item.d.ts.map +1 -1
- package/dist/components/Tabs/item.js +2 -2
- 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 +1 -1
- package/dist/components/Tabs/list.js.map +1 -1
- package/dist/components/Tag/index.d.ts.map +1 -1
- package/dist/components/Tag/index.js +3 -3
- package/dist/components/Tag/index.js.map +1 -1
- package/dist/constants/animations.d.ts +4 -0
- package/dist/constants/animations.d.ts.map +1 -1
- package/dist/constants/animations.js +5 -1
- package/dist/constants/animations.js.map +1 -1
- package/dist/constants/sizes.d.ts +21 -0
- package/dist/constants/sizes.d.ts.map +1 -1
- package/dist/constants/sizes.js +22 -1
- package/dist/constants/sizes.js.map +1 -1
- package/dist/containers/ReqoreProvider.js +1 -1
- 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/ReqoreContext.d.ts.map +1 -1
- package/dist/context/ReqoreContext.js +2 -1
- package/dist/context/ReqoreContext.js.map +1 -1
- package/dist/helpers/utils.d.ts +2 -0
- package/dist/helpers/utils.d.ts.map +1 -1
- package/dist/helpers/utils.js +11 -1
- package/dist/helpers/utils.js.map +1 -1
- package/package.json +1 -1
- package/src/components/Breadcrumbs/index.tsx +1 -0
- package/src/components/Button/index.tsx +156 -85
- package/src/components/Drawer/index.tsx +5 -3
- package/src/components/Menu/index.tsx +13 -1
- package/src/components/Menu/item.tsx +3 -2
- package/src/components/Spacer/index.tsx +1 -0
- package/src/components/Tabs/index.tsx +1 -1
- package/src/components/Tabs/item.tsx +7 -3
- package/src/components/Tabs/list.tsx +1 -0
- package/src/components/Tag/index.tsx +3 -2
- package/src/constants/animations.ts +5 -0
- package/src/constants/sizes.ts +24 -0
- package/src/containers/ReqoreProvider.tsx +1 -1
- package/src/containers/UIProvider.tsx +1 -0
- package/src/context/ReqoreContext.tsx +1 -0
- package/src/helpers/utils.ts +10 -0
- package/src/stories/Button/Button.stories.tsx +69 -1
- package/src/stories/Menu/Menu.stories.tsx +30 -5
- package/src/stories/Tabs/Tabs.stories.tsx +10 -5
- package/src/stories/Tag/Tag.stories.tsx +42 -4
- package/tests.json +1 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Breadcrumbs/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAkB,MAAM,OAAO,CAAC;AAIvC,OAAO,EAKL,MAAM,EACP,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EAAE,uBAAuB,EAAgB,aAAa,EAAE,MAAM,uBAAuB,CAAC;AAI7F,OAAO,EAAE,kBAAkB,EAAE,MAAM,oBAAoB,CAAC;AACxD,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAIpD,OAAO,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAC;AAK9C,MAAM,WAAW,yBAAyB;IACxC,IAAI,EAAE,mBAAmB,EAAE,CAAC;IAC5B,WAAW,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,KAAK,GAAG,CAAC;IAC7C,SAAS,EAAE,MAAM,CAAC;IAClB,eAAe,CAAC,EAAE,aAAa,CAAC;CACjC;AAED,MAAM,WAAW,qBAAqB;IACpC,OAAO,CAAC,EAAE,kBAAkB,CAAC;IAC7B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,eAAe,CAAC;IACvB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,EAAE,CAAC,EAAE,GAAG,CAAC;IACT,KAAK,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,GAAG,CAAC,CAAC;IAClC,QAAQ,CAAC,EAAE,yBAAyB,CAAC;IACrC,WAAW,CAAC,EAAE,uBAAuB,CAAC;CACvC;AAED,MAAM,WAAW,uBAAwB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACnF,KAAK,EAAE,qBAAqB,EAAE,CAAC;IAC/B,YAAY,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IAE3B,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,WAAW,CAAC,EAAE,uBAAuB,CAAC;IACtC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,OAAO,CAAC;CAChB;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Breadcrumbs/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAkB,MAAM,OAAO,CAAC;AAIvC,OAAO,EAKL,MAAM,EACP,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EAAE,uBAAuB,EAAgB,aAAa,EAAE,MAAM,uBAAuB,CAAC;AAI7F,OAAO,EAAE,kBAAkB,EAAE,MAAM,oBAAoB,CAAC;AACxD,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAIpD,OAAO,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAC;AAK9C,MAAM,WAAW,yBAAyB;IACxC,IAAI,EAAE,mBAAmB,EAAE,CAAC;IAC5B,WAAW,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,KAAK,GAAG,CAAC;IAC7C,SAAS,EAAE,MAAM,CAAC;IAClB,eAAe,CAAC,EAAE,aAAa,CAAC;CACjC;AAED,MAAM,WAAW,qBAAqB;IACpC,OAAO,CAAC,EAAE,kBAAkB,CAAC;IAC7B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,eAAe,CAAC;IACvB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,EAAE,CAAC,EAAE,GAAG,CAAC;IACT,KAAK,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,GAAG,CAAC,CAAC;IAClC,QAAQ,CAAC,EAAE,yBAAyB,CAAC;IACrC,WAAW,CAAC,EAAE,uBAAuB,CAAC;CACvC;AAED,MAAM,WAAW,uBAAwB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACnF,KAAK,EAAE,qBAAqB,EAAE,CAAC;IAC/B,YAAY,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IAE3B,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,WAAW,CAAC,EAAE,uBAAuB,CAAC;IACtC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,OAAO,CAAC;CAChB;AAmHD,QAAA,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC,uBAAuB,CAoHxD,CAAC;AAEF,eAAe,iBAAiB,CAAC"}
|
|
@@ -90,7 +90,7 @@ var StyledReqoreBreadcrumbs = styled_components_1["default"].div(templateObject_
|
|
|
90
90
|
? (0, colors_1.getReadableColorFrom)(theme.breadcrumbs.main, true)
|
|
91
91
|
: (0, colors_1.getReadableColor)(theme, undefined, undefined, true)), list_1.StyledReqoreTabsList, list_1.StyledReqoreTabsList, item_2.StyledTabListItem);
|
|
92
92
|
});
|
|
93
|
-
var StyledBreadcrumbsTabsWrapper = styled_components_1["default"].div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n display: flex;\n align-items: center;\n overflow: hidden;\n"], ["\n display: flex;\n align-items: center;\n overflow: hidden;\n"])));
|
|
93
|
+
var StyledBreadcrumbsTabsWrapper = styled_components_1["default"].div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n display: flex;\n align-items: center;\n overflow: hidden;\n width: 100%;\n"], ["\n display: flex;\n align-items: center;\n overflow: hidden;\n width: 100%;\n"])));
|
|
94
94
|
var itemPadding = 27;
|
|
95
95
|
var iconSize = 11;
|
|
96
96
|
var arrowSize = 50;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Breadcrumbs/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,iCAAiC;AACjC,6CAAuC;AACvC,uCAAuC;AACvC,qEAAgD;AAChD,2BAAsC;AACtC,+CAM+B;AAE/B,+CAA+F;AAC/F,6CAAkE;AAClE,iDAAsD;AAGtD,iDAAiC;AACjC,iDAAiC;AACjC,sDAA0C;AAE1C,qCAAiD;AACjD,mDAAmF;AACnF,gDAA2E;AAkC3E,IAAM,uBAAuB,GAAG,8BAAM,CAAC,GAAG,+EAAoB,MAC1D,EAoCD,IACF,KArCG,UAAC,EAAmC;;QAAjC,KAAK,WAAA,EAAE,IAAI,UAAA;IAA2B,WAAA,uBAAG,ylBAAA,kCAElC,EAAsB,mBACtB,EAAuB,4CAEpB,EAAwB,yEAEV,EAAiC,2BACxC,EACsB,yHAQ7B,EAG+C,sBAGxD,EAAoB,yCAIpB,EAAoB,IAAK,EAAiB,kIAS/C,KAlCW,uBAAe,CAAC,IAAK,CAAC,EACtB,wBAAgB,CAAC,IAAK,CAAC,EAEpB,yBAAiB,CAAC,IAAK,CAAC,EAEV,IAAA,wBAAe,EAAC,KAAK,CAAC,IAAI,EAAE,IAAI,CAAC,EACxC,UAAC,EAAkC;;YAAhC,KAAK,WAAA;QAC1B,OAAA,CAAA,MAAA,KAAK,CAAC,WAAW,0CAAE,IAAI,KAAI,aAAa,CAAA;KAAA,EAQ7B,CAAA,MAAA,MAAA,KAAK,CAAC,WAAW,0CAAE,IAAI,0CAAE,KAAK;QACvC,CAAC,CAAA,MAAA,KAAK,CAAC,WAAW,0CAAE,IAAI;YACtB,CAAC,CAAC,IAAA,6BAAoB,EAAC,KAAK,CAAC,WAAW,CAAC,IAAI,EAAE,IAAI,CAAC;YACpD,CAAC,CAAC,IAAA,yBAAgB,EAAC,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,IAAI,CAAC,CAAC,EAGxD,2BAAoB,EAIpB,2BAAoB,EAAK,wBAAiB,EAS/C;CAAA,CACF,CAAC;AAEF,IAAM,4BAA4B,GAAG,8BAAM,CAAC,GAAG,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Breadcrumbs/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -3,6 +3,7 @@ import { TSizes } from '../../constants/sizes';
|
|
|
3
3
|
import { IReqoreCustomTheme, IReqoreTheme } from '../../constants/theme';
|
|
4
4
|
import { IReqoreDisabled, IReqoreIntent, IReqoreReadOnly, IWithReqoreEffect, TReqoreTooltipProp } from '../../types/global';
|
|
5
5
|
import { IReqoreIconName } from '../../types/icons';
|
|
6
|
+
import { IReqoreTagProps } from '../Tag';
|
|
6
7
|
export interface IReqoreButtonProps extends React.HTMLAttributes<HTMLButtonElement>, IReqoreDisabled, IReqoreIntent, IReqoreReadOnly, IWithReqoreEffect {
|
|
7
8
|
icon?: IReqoreIconName;
|
|
8
9
|
size?: TSizes;
|
|
@@ -15,6 +16,10 @@ export interface IReqoreButtonProps extends React.HTMLAttributes<HTMLButtonEleme
|
|
|
15
16
|
rightIcon?: IReqoreIconName;
|
|
16
17
|
customTheme?: IReqoreCustomTheme;
|
|
17
18
|
wrap?: boolean;
|
|
19
|
+
badge?: string | number | IReqoreTagProps;
|
|
20
|
+
description?: string | number;
|
|
21
|
+
maxWidth?: string;
|
|
22
|
+
textAlign?: 'left' | 'center' | 'right';
|
|
18
23
|
}
|
|
19
24
|
export interface IReqoreButtonStyle extends Omit<IReqoreButtonProps, 'intent'> {
|
|
20
25
|
theme: IReqoreTheme;
|
|
@@ -25,6 +30,7 @@ export declare const StyledActiveContent: any;
|
|
|
25
30
|
export declare const StyledInActiveContent: any;
|
|
26
31
|
export declare const StyledInvisibleContent: any;
|
|
27
32
|
export declare const StyledButton: any;
|
|
28
|
-
declare const
|
|
33
|
+
export declare const StyledButtonContent: any;
|
|
34
|
+
declare const ReqoreButton: React.MemoExoticComponent<React.ForwardRefExoticComponent<IReqoreButtonProps & React.RefAttributes<unknown>>>;
|
|
29
35
|
export default ReqoreButton;
|
|
30
36
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Button/index.tsx"],"names":[],"mappings":"AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Button/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAuC,MAAM,OAAO,CAAC;AAE5D,OAAO,EAKL,MAAM,EACP,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EAAE,kBAAkB,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAczE,OAAO,EACL,eAAe,EACf,aAAa,EACb,eAAe,EACf,iBAAiB,EACjB,kBAAkB,EACnB,MAAM,oBAAoB,CAAC;AAC5B,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAIpD,OAAkB,EAAE,eAAe,EAAE,MAAM,QAAQ,CAAC;AAEpD,MAAM,WAAW,kBACf,SAAQ,KAAK,CAAC,cAAc,CAAC,iBAAiB,CAAC,EAC7C,eAAe,EACf,aAAa,EACb,eAAe,EACf,iBAAiB;IACnB,IAAI,CAAC,EAAE,eAAe,CAAC;IACvB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,OAAO,CAAC,EAAE,kBAAkB,CAAC;IAC7B,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,SAAS,CAAC,EAAE,eAAe,CAAC;IAC5B,WAAW,CAAC,EAAE,kBAAkB,CAAC;IACjC,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,eAAe,CAAC;IAC1C,WAAW,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC9B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAC;CACzC;AAED,MAAM,WAAW,kBAAmB,SAAQ,IAAI,CAAC,kBAAkB,EAAE,QAAQ,CAAC;IAC5E,KAAK,EAAE,YAAY,CAAC;IACpB,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAUD,eAAO,MAAM,yBAAyB,KAKrC,CAAC;AAEF,eAAO,MAAM,mBAAmB,KAe/B,CAAC;AAEF,eAAO,MAAM,qBAAqB,KAajC,CAAC;AAEF,eAAO,MAAM,sBAAsB,KAUlC,CAAC;AAEF,eAAO,MAAM,YAAY,KAwHxB,CAAC;AAEF,eAAO,MAAM,mBAAmB,KAc/B,CAAC;AAEF,QAAA,MAAM,YAAY,+GAyHjB,CAAC;AAEF,eAAe,YAAY,CAAC"}
|
|
@@ -52,39 +52,42 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
52
52
|
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
53
53
|
};
|
|
54
54
|
exports.__esModule = true;
|
|
55
|
-
exports.StyledButton = exports.StyledInvisibleContent = exports.StyledInActiveContent = exports.StyledActiveContent = exports.StyledAnimatedTextWrapper = void 0;
|
|
55
|
+
exports.StyledButtonContent = exports.StyledButton = exports.StyledInvisibleContent = exports.StyledInActiveContent = exports.StyledActiveContent = exports.StyledAnimatedTextWrapper = void 0;
|
|
56
56
|
var jsx_runtime_1 = require("react/jsx-runtime");
|
|
57
57
|
var react_1 = require("react");
|
|
58
58
|
var styled_components_1 = __importStar(require("styled-components"));
|
|
59
59
|
var sizes_1 = require("../../constants/sizes");
|
|
60
60
|
var ReqoreContext_1 = __importDefault(require("../../context/ReqoreContext"));
|
|
61
61
|
var colors_1 = require("../../helpers/colors");
|
|
62
|
+
var utils_1 = require("../../helpers/utils");
|
|
62
63
|
var useCombinedRefs_1 = require("../../hooks/useCombinedRefs");
|
|
63
64
|
var useTheme_1 = require("../../hooks/useTheme");
|
|
64
65
|
var useTooltip_1 = require("../../hooks/useTooltip");
|
|
65
66
|
var styles_1 = require("../../styles");
|
|
66
67
|
var Effect_1 = require("../Effect");
|
|
67
68
|
var Icon_1 = __importDefault(require("../Icon"));
|
|
69
|
+
var Spacer_1 = require("../Spacer");
|
|
70
|
+
var Tag_1 = __importDefault(require("../Tag"));
|
|
68
71
|
var getButtonMainColor = function (theme, color) {
|
|
69
72
|
if (color) {
|
|
70
73
|
return color;
|
|
71
74
|
}
|
|
72
75
|
return theme.main;
|
|
73
76
|
};
|
|
74
|
-
exports.StyledAnimatedTextWrapper = styled_components_1["default"].span(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n overflow: hidden;\n position: relative;\n padding: 4px 0;\n"], ["\n overflow: hidden;\n position: relative;\n padding: 4px 0;\n"])));
|
|
77
|
+
exports.StyledAnimatedTextWrapper = styled_components_1["default"].span(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n overflow: hidden;\n position: relative;\n padding: 4px 0;\n text-align: left;\n"], ["\n overflow: hidden;\n position: relative;\n padding: 4px 0;\n text-align: left;\n"])));
|
|
75
78
|
exports.StyledActiveContent = styled_components_1["default"].span(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n position: absolute;\n transform: translateY(-150%);\n opacity: 0;\n transition: all 0.2s ease-out;\n filter: blur(10px);\n\n ", "\n"], ["\n position: absolute;\n transform: translateY(-150%);\n opacity: 0;\n transition: all 0.2s ease-out;\n filter: blur(10px);\n\n ", "\n"])), function (_a) {
|
|
76
79
|
var wrap = _a.wrap;
|
|
77
|
-
return wrap && (0, styled_components_1.css)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n width: 100%;\n "], ["\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n width: 100%;\n "])));
|
|
80
|
+
return !wrap && (0, styled_components_1.css)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n width: 100%;\n "], ["\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n width: 100%;\n "])));
|
|
78
81
|
});
|
|
79
82
|
exports.StyledInActiveContent = styled_components_1["default"].span(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n position: absolute;\n transform: translateY(0);\n transition: all 0.2s ease-out;\n\n ", "\n"], ["\n position: absolute;\n transform: translateY(0);\n transition: all 0.2s ease-out;\n\n ", "\n"])), function (_a) {
|
|
80
83
|
var wrap = _a.wrap;
|
|
81
|
-
return wrap && (0, styled_components_1.css)(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n width: 100%;\n "], ["\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n width: 100%;\n "])));
|
|
84
|
+
return !wrap && (0, styled_components_1.css)(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n width: 100%;\n "], ["\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n width: 100%;\n "])));
|
|
82
85
|
});
|
|
83
86
|
exports.StyledInvisibleContent = styled_components_1["default"].span(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n visibility: hidden;\n position: relative;\n overflow: hidden;\n\n ", "\n"], ["\n visibility: hidden;\n position: relative;\n overflow: hidden;\n\n ", "\n"])), function (_a) {
|
|
84
87
|
var wrap = _a.wrap;
|
|
85
|
-
return wrap && (0, styled_components_1.css)(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n white-space: nowrap;\n "], ["\n white-space: nowrap;\n "])));
|
|
88
|
+
return !wrap && (0, styled_components_1.css)(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n white-space: nowrap;\n "], ["\n white-space: nowrap;\n "])));
|
|
86
89
|
});
|
|
87
|
-
exports.StyledButton = (0, styled_components_1["default"])(Effect_1.StyledEffect)(
|
|
90
|
+
exports.StyledButton = (0, styled_components_1["default"])(Effect_1.StyledEffect)(templateObject_12 || (templateObject_12 = __makeTemplateObject(["\n display: flex;\n flex-flow: column;\n align-items: center;\n justify-content: center;\n margin: 0;\n font-weight: 600;\n position: relative;\n overflow: hidden;\n vertical-align: middle;\n border: ", ";\n padding: 0 ", "px;\n font-size: ", "px;\n\n min-height: ", "px;\n\n min-width: ", "px;\n max-width: ", ";\n\n flex: ", ";\n\n border-radius: ", "px;\n\n background-color: ", ";\n\n color: ", ";\n\n ", "\n\n ", "\n\n ", "\n\n &:disabled {\n ", ";\n }\n\n &:focus,\n &:active {\n outline: none;\n }\n\n &:focus {\n border-color: ", ";\n }\n\n ", " {\n padding-bottom: ", "px;\n }\n"], ["\n display: flex;\n flex-flow: column;\n align-items: center;\n justify-content: center;\n margin: 0;\n font-weight: 600;\n position: relative;\n overflow: hidden;\n vertical-align: middle;\n border: ", ";\n padding: 0 ", "px;\n font-size: ", "px;\n\n min-height: ", "px;\n\n min-width: ", "px;\n max-width: ", ";\n\n flex: ", ";\n\n border-radius: ", "px;\n\n background-color: ", ";\n\n color: ", ";\n\n ", "\n\n ", "\n\n ", "\n\n &:disabled {\n ", ";\n }\n\n &:focus,\n &:active {\n outline: none;\n }\n\n &:focus {\n border-color: ", ";\n }\n\n ", " {\n padding-bottom: ", "px;\n }\n"])), function (_a) {
|
|
88
91
|
var theme = _a.theme, color = _a.color, flat = _a.flat;
|
|
89
92
|
return !flat ? "1px solid ".concat((0, colors_1.changeLightness)(getButtonMainColor(theme, color), 0.05)) : 0;
|
|
90
93
|
}, function (_a) {
|
|
@@ -96,15 +99,12 @@ exports.StyledButton = (0, styled_components_1["default"])(Effect_1.StyledEffect
|
|
|
96
99
|
}, function (_a) {
|
|
97
100
|
var size = _a.size;
|
|
98
101
|
return sizes_1.SIZE_TO_PX[size];
|
|
99
|
-
}, function (_a) {
|
|
100
|
-
var wrap = _a.wrap;
|
|
101
|
-
return wrap && (0, styled_components_1.css)(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n max-height: ", "px;\n "], ["\n max-height: ", "px;\n "])), function (_a) {
|
|
102
|
-
var size = _a.size;
|
|
103
|
-
return sizes_1.SIZE_TO_PX[size];
|
|
104
|
-
});
|
|
105
102
|
}, function (_a) {
|
|
106
103
|
var size = _a.size;
|
|
107
104
|
return sizes_1.SIZE_TO_PX[size];
|
|
105
|
+
}, function (_a) {
|
|
106
|
+
var maxWidth = _a.maxWidth;
|
|
107
|
+
return maxWidth || undefined;
|
|
108
108
|
}, function (_a) {
|
|
109
109
|
var fluid = _a.fluid, fixed = _a.fixed;
|
|
110
110
|
return (fixed ? '0 auto' : fluid ? '1 auto' : '0 0 auto');
|
|
@@ -127,7 +127,7 @@ exports.StyledButton = (0, styled_components_1["default"])(Effect_1.StyledEffect
|
|
|
127
127
|
}, styles_1.InactiveIconScale, function (_a) {
|
|
128
128
|
var readOnly = _a.readOnly, animate = _a.animate;
|
|
129
129
|
return !readOnly
|
|
130
|
-
? (0, styled_components_1.css)(
|
|
130
|
+
? (0, styled_components_1.css)(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n &:not(:disabled) {\n ", "\n\n cursor: pointer;\n transition: all 0.2s ease-out;\n\n &:active {\n transform: translateY(2px);\n }\n\n &:hover,\n &:focus {\n background-color: ", ";\n color: ", ";\n border-color: ", ";\n box-shadow: ", ";\n\n ", "\n }\n }\n "], ["\n &:not(:disabled) {\n ", "\n\n cursor: pointer;\n transition: all 0.2s ease-out;\n\n &:active {\n transform: translateY(2px);\n }\n\n &:hover,\n &:focus {\n background-color: ", ";\n color: ", ";\n border-color: ", ";\n box-shadow: ", ";\n\n ", "\n }\n }\n "])), styles_1.ScaleIconOnHover, function (_a) {
|
|
131
131
|
var theme = _a.theme, color = _a.color;
|
|
132
132
|
return (0, colors_1.changeLightness)(getButtonMainColor(theme, color), 0.05);
|
|
133
133
|
}, function (_a) {
|
|
@@ -141,18 +141,32 @@ exports.StyledButton = (0, styled_components_1["default"])(Effect_1.StyledEffect
|
|
|
141
141
|
return "0 0 0 2px ".concat((effect === null || effect === void 0 ? void 0 : effect.gradient)
|
|
142
142
|
? Object.values(effect.gradient.colors)[0]
|
|
143
143
|
: (0, colors_1.changeLightness)(getButtonMainColor(theme, color), 0.1));
|
|
144
|
-
}, animate && (0, styled_components_1.css)(
|
|
144
|
+
}, animate && (0, styled_components_1.css)(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n ", " {\n transform: translateY(0px);\n filter: blur(0);\n opacity: 1;\n }\n\n ", " {\n transform: translateY(150%);\n filter: blur(10px);\n opacity: 0;\n }\n "], ["\n ", " {\n transform: translateY(0px);\n filter: blur(0);\n opacity: 1;\n }\n\n ", " {\n transform: translateY(150%);\n filter: blur(10px);\n opacity: 0;\n }\n "])), exports.StyledActiveContent, exports.StyledInActiveContent)) : (0, styled_components_1.css)(templateObject_10 || (templateObject_10 = __makeTemplateObject(["\n ", ";\n "], ["\n ", ";\n "])), styles_1.ReadOnlyElement);
|
|
145
145
|
}, function (_a) {
|
|
146
146
|
var active = _a.active, minimal = _a.minimal, theme = _a.theme, color = _a.color;
|
|
147
|
-
return active && (0, styled_components_1.css)(
|
|
147
|
+
return active && (0, styled_components_1.css)(templateObject_11 || (templateObject_11 = __makeTemplateObject(["\n background-color: ", ";\n color: ", ";\n border-color: ", ";\n\n ", "\n "], ["\n background-color: ", ";\n color: ", ";\n border-color: ", ";\n\n ", "\n "])), (0, colors_1.changeLightness)(getButtonMainColor(theme, color), 0.16), (0, colors_1.getReadableColor)({ main: getButtonMainColor(theme, color) }, undefined, undefined), minimal
|
|
148
148
|
? undefined
|
|
149
149
|
: (0, colors_1.changeLightness)(getButtonMainColor(theme, color), 0.075), styles_1.ActiveIconScale);
|
|
150
150
|
}, styles_1.DisabledElement, function (_a) {
|
|
151
151
|
var minimal = _a.minimal, theme = _a.theme, color = _a.color;
|
|
152
152
|
return minimal ? undefined : (0, colors_1.changeLightness)(getButtonMainColor(theme, color), 0.4);
|
|
153
|
+
}, Effect_1.StyledTextEffect, function (_a) {
|
|
154
|
+
var size = _a.size;
|
|
155
|
+
return sizes_1.PADDING_FROM_SIZE[(0, utils_1.getOneLessSize)(size)];
|
|
153
156
|
});
|
|
154
|
-
|
|
155
|
-
var
|
|
157
|
+
exports.StyledButtonContent = styled_components_1["default"].div(templateObject_14 || (templateObject_14 = __makeTemplateObject(["\n display: flex;\n align-items: center;\n width: 100%;\n height: 100%;\n flex: 1;\n flex-shrink: 0;\n min-height: ", "px;\n ", "\n"], ["\n display: flex;\n align-items: center;\n width: 100%;\n height: 100%;\n flex: 1;\n flex-shrink: 0;\n min-height: ", "px;\n ", "\n"])), function (_a) {
|
|
158
|
+
var size = _a.size;
|
|
159
|
+
return sizes_1.SIZE_TO_PX[size];
|
|
160
|
+
}, function (_a) {
|
|
161
|
+
var wrap = _a.wrap, description = _a.description;
|
|
162
|
+
return !wrap && !description
|
|
163
|
+
? (0, styled_components_1.css)(templateObject_13 || (templateObject_13 = __makeTemplateObject(["\n max-height: ", "px;\n "], ["\n max-height: ", "px;\n "])), function (_a) {
|
|
164
|
+
var size = _a.size;
|
|
165
|
+
return sizes_1.SIZE_TO_PX[size];
|
|
166
|
+
}) : null;
|
|
167
|
+
});
|
|
168
|
+
var ReqoreButton = (0, react_1.memo)((0, react_1.forwardRef)(function (_a, ref) {
|
|
169
|
+
var icon = _a.icon, _b = _a.size, size = _b === void 0 ? 'normal' : _b, minimal = _a.minimal, children = _a.children, tooltip = _a.tooltip, className = _a.className, fluid = _a.fluid, fixed = _a.fixed, intent = _a.intent, active = _a.active, flat = _a.flat, rightIcon = _a.rightIcon, customTheme = _a.customTheme, wrap = _a.wrap, readOnly = _a.readOnly, badge = _a.badge, description = _a.description, maxWidth = _a.maxWidth, _c = _a.textAlign, textAlign = _c === void 0 ? 'left' : _c, rest = __rest(_a, ["icon", "size", "minimal", "children", "tooltip", "className", "fluid", "fixed", "intent", "active", "flat", "rightIcon", "customTheme", "wrap", "readOnly", "badge", "description", "maxWidth", "textAlign"]);
|
|
156
170
|
var targetRef = (0, useCombinedRefs_1.useCombinedRefs)(ref).targetRef;
|
|
157
171
|
var animations = (0, react_1.useContext)(ReqoreContext_1["default"]).animations;
|
|
158
172
|
var theme = (0, useTheme_1.useReqoreTheme)('main', customTheme, intent);
|
|
@@ -161,8 +175,19 @@ var ReqoreButton = (0, react_1.forwardRef)(function (_a, ref) {
|
|
|
161
175
|
// If color or intent was specified, set the color
|
|
162
176
|
var customColor = theme.main;
|
|
163
177
|
var _flat = minimal ? flat : flat !== false;
|
|
164
|
-
|
|
165
|
-
|
|
178
|
+
var color = customColor
|
|
179
|
+
? minimal
|
|
180
|
+
? (0, colors_1.getReadableColor)(theme, undefined, undefined, true, theme.originalMain)
|
|
181
|
+
: (0, colors_1.getReadableColorFrom)(customColor, true)
|
|
182
|
+
: (0, colors_1.getReadableColor)(theme, undefined, undefined, true);
|
|
183
|
+
var renderBadge = function () { return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(Spacer_1.ReqoreSpacer, { width: sizes_1.PADDING_FROM_SIZE[size] }), (0, jsx_runtime_1.jsx)(Tag_1["default"], __assign({ size: (0, utils_1.getOneLessSize)(size), badge: true, color: "".concat(color, "70") }, (typeof badge === 'string' || typeof badge === 'number' ? { label: badge } : badge)))] })); };
|
|
184
|
+
return ((0, jsx_runtime_1.jsxs)(exports.StyledButton, __assign({}, rest, { as: 'button', theme: theme, ref: targetRef, fluid: fluid, fixed: fixed, maxWidth: maxWidth, minimal: minimal, size: size, color: customColor, animate: animations.buttons, flat: _flat, active: active, readOnly: readOnly, wrap: wrap, description: description, className: "".concat(className || '', " reqore-control reqore-button") }, { children: [(0, jsx_runtime_1.jsxs)(exports.StyledButtonContent, __assign({ size: size, wrap: wrap, description: description }, { children: [icon && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(Icon_1["default"], { icon: icon, size: "".concat(sizes_1.TEXT_FROM_SIZE[size], "px") }), children || badge || rightIcon ? ((0, jsx_runtime_1.jsx)(Spacer_1.ReqoreSpacer, { width: sizes_1.PADDING_FROM_SIZE[size] })) : null] })), children && ((0, jsx_runtime_1.jsxs)(exports.StyledAnimatedTextWrapper, __assign({ textAlign: textAlign }, { children: [(0, jsx_runtime_1.jsx)(exports.StyledActiveContent, __assign({ wrap: wrap }, { children: children })), (0, jsx_runtime_1.jsx)(exports.StyledInActiveContent, __assign({ wrap: wrap }, { children: children })), (0, jsx_runtime_1.jsx)(exports.StyledInvisibleContent, __assign({ wrap: wrap }, { children: children })), badge && wrap ? renderBadge() : null] }))), badge && !wrap ? renderBadge() : null, rightIcon && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [children || badge ? (0, jsx_runtime_1.jsx)(Spacer_1.ReqoreSpacer, { width: sizes_1.PADDING_FROM_SIZE[size] }) : null, (0, jsx_runtime_1.jsx)(Icon_1["default"], { icon: rightIcon, size: "".concat(sizes_1.TEXT_FROM_SIZE[size], "px"), style: { marginLeft: 'auto' } })] }))] })), description && ((0, jsx_runtime_1.jsx)(Effect_1.ReqoreTextEffect, __assign({ effect: {
|
|
185
|
+
textSize: (0, utils_1.getOneLessSize)(size),
|
|
186
|
+
weight: 'light',
|
|
187
|
+
color: "".concat(color, "90"),
|
|
188
|
+
textAlign: textAlign
|
|
189
|
+
} }, { children: description })))] })));
|
|
190
|
+
}));
|
|
166
191
|
exports["default"] = ReqoreButton;
|
|
167
|
-
var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9, templateObject_10, templateObject_11, templateObject_12, templateObject_13;
|
|
192
|
+
var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9, templateObject_10, templateObject_11, templateObject_12, templateObject_13, templateObject_14;
|
|
168
193
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Button/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Button/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Drawer/index.tsx"],"names":[],"mappings":";
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Drawer/index.tsx"],"names":[],"mappings":";AAQA,OAAO,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAOrD,OAAO,EAAsB,iBAAiB,EAAe,MAAM,UAAU,CAAC;AAE9E,oBAAY,SAAS,GAAG,KAAK,GAAG,QAAQ,GAAG,MAAM,GAAG,OAAO,CAAC;AAE5D,MAAM,WAAW,kBAAmB,SAAQ,IAAI,CAAC,iBAAiB,EAAE,MAAM,CAAC;IACzE,QAAQ,CAAC,EAAE,GAAG,CAAC;IACf,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,YAAY,CAAC,EAAE,CAAC,QAAQ,EAAE,OAAO,KAAK,IAAI,CAAC;IAC3C,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CAC1B;AAED,MAAM,WAAW,kBAAmB,SAAQ,kBAAkB;IAC5D,KAAK,EAAE,YAAY,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB,CAAC,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACpB,CAAC,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CACrB;AAED,eAAO,MAAM,kBAAkB,KA+C9B,CAAC;AAEF,eAAO,MAAM,qBAAqB,KAAyB,CAAC;AAE5D,eAAO,MAAM,cAAc,KAY1B,CAAC;AAsCF,eAAO,MAAM,YAAY,8NAwBtB,kBAAkB,gCAsNpB,CAAC"}
|
|
@@ -60,6 +60,7 @@ var re_resizable_1 = require("re-resizable");
|
|
|
60
60
|
var react_1 = require("react");
|
|
61
61
|
var react_dom_1 = require("react-dom");
|
|
62
62
|
var styled_components_1 = __importStar(require("styled-components"));
|
|
63
|
+
var __1 = require("../..");
|
|
63
64
|
var animations_1 = require("../../constants/animations");
|
|
64
65
|
var ThemeProvider_1 = __importDefault(require("../../containers/ThemeProvider"));
|
|
65
66
|
var colors_1 = require("../../helpers/colors");
|
|
@@ -129,6 +130,7 @@ var getSpringConfig = function (isModal, position, floating) {
|
|
|
129
130
|
};
|
|
130
131
|
var ReqoreDrawer = function (_a) {
|
|
131
132
|
var children = _a.children, isOpen = _a.isOpen, isHidden = _a.isHidden, customTheme = _a.customTheme, _b = _a.position, position = _b === void 0 ? 'right' : _b, maxSize = _a.maxSize, _c = _a.minSize, minSize = _c === void 0 ? '150px' : _c, onClose = _a.onClose, _d = _a.hasBackdrop, hasBackdrop = _d === void 0 ? true : _d, size = _a.size, _e = _a.resizable, resizable = _e === void 0 ? true : _e, hidable = _a.hidable, onHideToggle = _a.onHideToggle, className = _a.className, flat = _a.flat, floating = _a.floating, blur = _a.blur, opacity = _a.opacity, intent = _a.intent, _isModal = _a._isModal, width = _a.width, height = _a.height, rest = __rest(_a, ["children", "isOpen", "isHidden", "customTheme", "position", "maxSize", "minSize", "onClose", "hasBackdrop", "size", "resizable", "hidable", "onHideToggle", "className", "flat", "floating", "blur", "opacity", "intent", "_isModal", "width", "height"]);
|
|
133
|
+
var animations = (0, react_1.useContext)(__1.ReqoreContext).animations;
|
|
132
134
|
var theme = (0, useTheme_1.useReqoreTheme)('main', customTheme, intent);
|
|
133
135
|
var layout = (0, react_1.useMemo)(function () {
|
|
134
136
|
return _isModal ? 'center' : position === 'top' || position === 'bottom' ? 'horizontal' : 'vertical';
|
|
@@ -144,7 +146,7 @@ var ReqoreDrawer = function (_a) {
|
|
|
144
146
|
height: height || (layout === 'vertical' ? 'auto' : size || '300px')
|
|
145
147
|
});
|
|
146
148
|
}, [position, size, width, height]);
|
|
147
|
-
var transitions = (0, web_1.useTransition)(isOpen, __assign(__assign({}, getSpringConfig(_isModal, position, floating)), { config: animations_1.SPRING_CONFIG }));
|
|
149
|
+
var transitions = (0, web_1.useTransition)(isOpen, __assign(__assign({}, getSpringConfig(_isModal, position, floating)), { config: animations.dialogs ? animations_1.SPRING_CONFIG : animations_1.SPRING_CONFIG_NO_ANIMATIONS }));
|
|
148
150
|
var zIndex = (0, useLatestZIndex_1["default"])();
|
|
149
151
|
var wrapperZIndex = (0, useLatestZIndex_1["default"])();
|
|
150
152
|
var actions = (0, react_1.useMemo)(function () {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Drawer/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,yCAA4D;AAC5D,qCAAgC;AAChC,6CAAyC;AACzC,+
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Drawer/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -9,6 +9,7 @@ export interface IReqoreMenuProps extends IReqoreComponent, React.HTMLAttributes
|
|
|
9
9
|
customTheme?: IReqoreCustomTheme;
|
|
10
10
|
intent?: TReqoreIntent;
|
|
11
11
|
wrapText?: boolean;
|
|
12
|
+
flat?: boolean;
|
|
12
13
|
}
|
|
13
14
|
export interface IReqoreMenuStyle extends IReqoreMenuProps {
|
|
14
15
|
theme: IReqoreTheme;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Menu/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAE1C,OAAO,EAAE,kBAAkB,EAAE,YAAY,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AAIxF,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAGtD,MAAM,WAAW,gBAAiB,SAAQ,gBAAgB,EAAE,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC9F,QAAQ,EAAE,GAAG,CAAC;IACd,QAAQ,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IAC5B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,kBAAkB,CAAC;IACjC,MAAM,CAAC,EAAE,aAAa,CAAC;IACvB,QAAQ,CAAC,EAAE,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Menu/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAE1C,OAAO,EAAE,kBAAkB,EAAE,YAAY,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AAIxF,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAGtD,MAAM,WAAW,gBAAiB,SAAQ,gBAAgB,EAAE,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC9F,QAAQ,EAAE,GAAG,CAAC;IACd,QAAQ,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IAC5B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,kBAAkB,CAAC;IACjC,MAAM,CAAC,EAAE,aAAa,CAAC;IACvB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,OAAO,CAAC;CAChB;AAED,MAAM,WAAW,gBAAiB,SAAQ,gBAAgB;IACxD,KAAK,EAAE,YAAY,CAAC;CACrB;AA2BD,QAAA,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAoC1C,CAAC;AAEF,eAAe,UAAU,CAAC"}
|
|
@@ -76,7 +76,7 @@ var StyledReqoreMenu = styled_components_1["default"].div(templateObject_2 || (t
|
|
|
76
76
|
return position && (0, styled_components_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n border-", ": 1px solid ", ";\n padding-", ": 10px;\n "], ["\n border-", ": 1px solid ", ";\n padding-", ": 10px;\n "])), position === 'left' ? 'right' : 'left', (0, colors_1.changeLightness)(theme.main, 0.05), position === 'left' ? 'right' : 'left');
|
|
77
77
|
}, ControlGroup_1.StyledReqoreControlGroup);
|
|
78
78
|
var ReqoreMenu = (0, react_1.forwardRef)(function (_a, ref) {
|
|
79
|
-
var children = _a.children, position = _a.position, _insidePopover = _a._insidePopover, _popoverId = _a._popoverId, customTheme = _a.customTheme, intent = _a.intent, wrapText = _a.wrapText, rest = __rest(_a, ["children", "position", "_insidePopover", "_popoverId", "customTheme", "intent", "wrapText"]);
|
|
79
|
+
var children = _a.children, position = _a.position, _insidePopover = _a._insidePopover, _popoverId = _a._popoverId, customTheme = _a.customTheme, intent = _a.intent, wrapText = _a.wrapText, _b = _a.flat, flat = _b === void 0 ? true : _b, rest = __rest(_a, ["children", "position", "_insidePopover", "_popoverId", "customTheme", "intent", "wrapText", "flat"]);
|
|
80
80
|
var theme = (0, useTheme_1.useReqoreTheme)('main', customTheme, intent);
|
|
81
81
|
return ((0, jsx_runtime_1.jsx)(ThemeProvider_1["default"], __assign({ theme: theme }, { children: (0, jsx_runtime_1.jsx)(StyledReqoreMenu, __assign({}, rest, { position: position, ref: ref, theme: theme }, { children: react_1["default"].Children.map(children, function (child) {
|
|
82
82
|
return child
|
|
@@ -85,7 +85,8 @@ var ReqoreMenu = (0, react_1.forwardRef)(function (_a, ref) {
|
|
|
85
85
|
_insidePopover: _insidePopover,
|
|
86
86
|
_popoverId: _popoverId,
|
|
87
87
|
customTheme: theme,
|
|
88
|
-
wrap: wrapText
|
|
88
|
+
wrap: wrapText,
|
|
89
|
+
flat: flat
|
|
89
90
|
})
|
|
90
91
|
: null;
|
|
91
92
|
}) })) })));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Menu/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA0C;AAC1C,qEAAgD;AAEhD,iFAAiE;AACjE,+CAAuD;AACvD,iDAAsD;AAEtD,gDAA2D;
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Menu/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA0C;AAC1C,qEAAgD;AAEhD,iFAAiE;AACjE,+CAAuD;AACvD,iDAAsD;AAEtD,gDAA2D;AAiB3D,IAAM,gBAAgB,GAAG,8BAAM,CAAC,GAAG,+RAAkB,aAC1C,EAAiC,kBAC7B,EAA4C,oCAE3C,EAAyC,uEAInC,EAAyB,SAE3C,EAQD,QAEC,EAAwB,qDAG3B,KAtBU,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,IAAI,SAAS;AAAlB,CAAkB,EAC7B,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,CAAC,KAAK,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,OAAO,CAAC;AAA7B,CAA6B,EAE3C,UAAC,EAAa;QAAX,SAAS,eAAA;IAAO,OAAA,SAAS,IAAI,SAAS;AAAtB,CAAsB,EAInC,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,IAAI;AAAV,CAAU,EAE3C,UAAC,EAAmB;QAAjB,KAAK,WAAA,EAAE,QAAQ,cAAA;IAClB,OAAA,QAAQ,QACR,uBAAG,qIAAA,eACM,EAAsC,cAAe,EAG7D,iBACS,EAAsC,aACjD,KALU,QAAQ,KAAK,MAAM,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,EAAe,IAAA,wBAAe,EAC3E,KAAK,CAAC,IAAI,EACV,IAAI,CACL,EACS,QAAQ,KAAK,MAAM,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CACjD;AAPC,CAOD,EAEC,uCAAwB,CAG3B,CAAC;AAEF,IAAM,UAAU,GAA+B,IAAA,kBAAU,EACvD,UACE,EAUC,EACD,GAAQ;IAVN,IAAA,QAAQ,cAAA,EACR,QAAQ,cAAA,EACR,cAAc,oBAAA,EACd,UAAU,gBAAA,EACV,WAAW,iBAAA,EACX,MAAM,YAAA,EACN,QAAQ,cAAA,EACR,YAAW,EAAX,IAAI,mBAAG,IAAI,KAAA,EACR,IAAI,cATT,qGAUC,CADQ;IAIT,IAAM,KAAK,GAAG,IAAA,yBAAc,EAAC,MAAM,EAAE,WAAW,EAAE,MAAM,CAAC,CAAC;IAE1D,OAAO,CACL,uBAAC,0BAAmB,aAAC,KAAK,EAAE,KAAK,gBAC/B,uBAAC,gBAAgB,eAAK,IAAI,IAAE,QAAQ,EAAE,QAAQ,EAAE,GAAG,EAAE,GAAG,EAAE,KAAK,EAAE,KAAK,gBACnE,kBAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,QAAQ,EAAE,UAAC,KAAK;gBAClC,OAAA,KAAK;oBACH,CAAC,CAAC,aAAa;wBACb,kBAAK,CAAC,YAAY,CAAC,KAAK,EAAE;4BACxB,cAAc,gBAAA;4BACd,UAAU,YAAA;4BACV,WAAW,EAAE,KAAK;4BAClB,IAAI,EAAE,QAAQ;4BACd,IAAI,MAAA;yBACL,CAAC;oBACJ,CAAC,CAAC,IAAI;YATR,CASQ,CACT,IACgB,IACC,CACvB,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,qBAAe,UAAU,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"item.d.ts","sourceRoot":"","sources":["../../../src/components/Menu/item.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAiC,MAAM,OAAO,CAAC;AAEtD,OAAO,EAAE,YAAY,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AAIpE,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,kBAAkB,EAAE,MAAM,WAAW,CAAC;AAG/C,MAAM,WAAW,oBACf,SAAQ,gBAAgB,EACtB,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,EACjC,kBAAkB;IACpB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,EAAE,CAAC,EAAE,GAAG,CAAC,OAAO,GAAG,KAAK,CAAC,WAAW,GAAG,KAAK,CAAC;IAC7C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,gBAAgB,CAAC,EAAE,CAAC,MAAM,CAAC,EAAE,MAAM,EAAE,KAAK,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,WAAW,CAAC,KAAK,IAAI,CAAC;IACpF,OAAO,CAAC,EAAE,CAAC,MAAM,CAAC,EAAE,MAAM,EAAE,KAAK,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,WAAW,CAAC,KAAK,IAAI,CAAC;CAC5E;AAED,MAAM,WAAW,oBAAoB;IACnC,KAAK,EAAE,YAAY,CAAC;IACpB,QAAQ,EAAE,OAAO,CAAC;IAClB,QAAQ,EAAE,OAAO,CAAC;IAClB,MAAM,CAAC,EAAE,aAAa,CAAC;CACxB;AAED,MAAM,WAAW,6BAA6B;IAC5C,KAAK,EAAE,YAAY,CAAC;IACpB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,MAAM,CAAC,EAAE,aAAa,CAAC;CACxB;AAED,QAAA,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,
|
|
1
|
+
{"version":3,"file":"item.d.ts","sourceRoot":"","sources":["../../../src/components/Menu/item.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAiC,MAAM,OAAO,CAAC;AAEtD,OAAO,EAAE,YAAY,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AAIpE,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,kBAAkB,EAAE,MAAM,WAAW,CAAC;AAG/C,MAAM,WAAW,oBACf,SAAQ,gBAAgB,EACtB,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,EACjC,kBAAkB;IACpB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,EAAE,CAAC,EAAE,GAAG,CAAC,OAAO,GAAG,KAAK,CAAC,WAAW,GAAG,KAAK,CAAC;IAC7C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,gBAAgB,CAAC,EAAE,CAAC,MAAM,CAAC,EAAE,MAAM,EAAE,KAAK,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,WAAW,CAAC,KAAK,IAAI,CAAC;IACpF,OAAO,CAAC,EAAE,CAAC,MAAM,CAAC,EAAE,MAAM,EAAE,KAAK,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,WAAW,CAAC,KAAK,IAAI,CAAC;CAC5E;AAED,MAAM,WAAW,oBAAoB;IACnC,KAAK,EAAE,YAAY,CAAC;IACpB,QAAQ,EAAE,OAAO,CAAC;IAClB,QAAQ,EAAE,OAAO,CAAC;IAClB,MAAM,CAAC,EAAE,aAAa,CAAC;CACxB;AAED,MAAM,WAAW,6BAA6B;IAC5C,KAAK,EAAE,YAAY,CAAC;IACpB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,MAAM,CAAC,EAAE,aAAa,CAAC;CACxB;AAED,QAAA,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CAqFlD,CAAC;AAEF,eAAe,cAAc,CAAC"}
|
|
@@ -32,7 +32,7 @@ var PopoverContext_1 = __importDefault(require("../../context/PopoverContext"));
|
|
|
32
32
|
var useCombinedRefs_1 = require("../../hooks/useCombinedRefs");
|
|
33
33
|
var useTooltip_1 = require("../../hooks/useTooltip");
|
|
34
34
|
var ReqoreMenuItem = (0, react_1.forwardRef)(function (_a, ref) {
|
|
35
|
-
var children = _a.children, label = _a.label, icon = _a.icon, rightIcon = _a.rightIcon, as = _a.as, selected = _a.selected, onClick = _a.onClick, onRightIconClick = _a.onRightIconClick, disabled = _a.disabled, itemId = _a.itemId, _insidePopover = _a._insidePopover, _popoverId = _a._popoverId, tooltip = _a.tooltip, intent = _a.intent, rest = __rest(_a, ["children", "label", "icon", "rightIcon", "as", "selected", "onClick", "onRightIconClick", "disabled", "itemId", "_insidePopover", "_popoverId", "tooltip", "intent"]);
|
|
35
|
+
var children = _a.children, label = _a.label, icon = _a.icon, rightIcon = _a.rightIcon, as = _a.as, selected = _a.selected, onClick = _a.onClick, onRightIconClick = _a.onRightIconClick, disabled = _a.disabled, itemId = _a.itemId, _insidePopover = _a._insidePopover, _popoverId = _a._popoverId, tooltip = _a.tooltip, intent = _a.intent, _b = _a.flat, flat = _b === void 0 ? true : _b, rest = __rest(_a, ["children", "label", "icon", "rightIcon", "as", "selected", "onClick", "onRightIconClick", "disabled", "itemId", "_insidePopover", "_popoverId", "tooltip", "intent", "flat"]);
|
|
36
36
|
var removePopover = (0, react_1.useContext)(PopoverContext_1["default"]).removePopover;
|
|
37
37
|
var targetRef = (0, useCombinedRefs_1.useCombinedRefs)(ref).targetRef;
|
|
38
38
|
var handleClick = function (event) {
|
|
@@ -57,7 +57,7 @@ var ReqoreMenuItem = (0, react_1.forwardRef)(function (_a, ref) {
|
|
|
57
57
|
//@ts-ignore
|
|
58
58
|
, __assign({
|
|
59
59
|
//@ts-ignore
|
|
60
|
-
as: as }, rest, { flat:
|
|
60
|
+
as: as }, rest, { flat: flat, className: 'reqore-menu-item', fluid: true, onClick: handleClick, active: selected, ref: targetRef, disabled: disabled, intent: intent, icon: icon }, { children: label || children })), rightIcon && ((0, jsx_runtime_1.jsx)(__1.ReqoreButton, { icon: rightIcon, flat: flat, fixed: true, minimal: !onRightIconClick, customTheme: rest.customTheme, className: 'reqore-menu-item-right-icon', onClick: handleRightIconClick, readOnly: !onRightIconClick, intent: intent, active: selected && !!onRightIconClick }))] })));
|
|
61
61
|
});
|
|
62
62
|
exports["default"] = ReqoreMenuItem;
|
|
63
63
|
//# sourceMappingURL=item.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"item.js","sourceRoot":"","sources":["../../../src/components/Menu/item.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+BAAsD;AACtD,2BAAyD;AAEzD,gFAA0D;AAC1D,+DAA8D;AAC9D,qDAAoD;AA8BpD,IAAM,cAAc,GAAmC,IAAA,kBAAU,EAC/D,UACE,
|
|
1
|
+
{"version":3,"file":"item.js","sourceRoot":"","sources":["../../../src/components/Menu/item.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+BAAsD;AACtD,2BAAyD;AAEzD,gFAA0D;AAC1D,+DAA8D;AAC9D,qDAAoD;AA8BpD,IAAM,cAAc,GAAmC,IAAA,kBAAU,EAC/D,UACE,EAiBC,EACD,GAAQ;IAjBN,IAAA,QAAQ,cAAA,EACR,KAAK,WAAA,EACL,IAAI,UAAA,EACJ,SAAS,eAAA,EACT,EAAE,QAAA,EACF,QAAQ,cAAA,EACR,OAAO,aAAA,EACP,gBAAgB,sBAAA,EAChB,QAAQ,cAAA,EACR,MAAM,YAAA,EACN,cAAc,oBAAA,EACd,UAAU,gBAAA,EACV,OAAO,aAAA,EACP,MAAM,YAAA,EACN,YAAW,EAAX,IAAI,mBAAG,IAAI,KAAA,EACR,IAAI,cAhBT,8KAiBC,CADQ;IAID,IAAA,aAAa,GAAK,IAAA,kBAAU,EAAC,2BAAc,CAAC,cAA/B,CAAgC;IAC7C,IAAA,SAAS,GAAK,IAAA,iCAAe,EAAC,GAAG,CAAC,UAAzB,CAA0B;IAE3C,IAAM,WAAW,GAAG,UAAC,KAA0C;QAC7D,KAAK,CAAC,OAAO,EAAE,CAAC;QAEhB,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAG,MAAM,EAAE,KAAK,CAAC,CAAC;QAEzB,IAAI,cAAc,IAAI,UAAU,EAAE;YAChC,aAAc,CAAC,UAAU,CAAC,CAAC;SAC5B;IACH,CAAC,CAAC;IAEF,IAAM,oBAAoB,GAAG,UAAC,KAAwC;QACpE,KAAK,CAAC,OAAO,EAAE,CAAC;QAChB,KAAK,CAAC,eAAe,EAAE,CAAC;QAExB,IAAI,gBAAgB,EAAE;YACpB,gBAAgB,CAAC,MAAM,EAAE,KAAK,CAAC,CAAC;YAEhC,IAAI,cAAc,IAAI,UAAU,EAAE;gBAChC,aAAc,CAAC,UAAU,CAAC,CAAC;aAC5B;SACF;IACH,CAAC,CAAC;IAEF,IAAA,uBAAU,EAAC,SAAS,CAAC,OAAO,EAAE,OAAO,CAAC,CAAC;IAEvC,OAAO,CACL,wBAAC,sBAAkB,aAAC,KAAK,EAAE,CAAC,CAAC,gBAAgB,EAAE,KAAK,uBAClD,uBAAC,gBAAY;YACX,YAAY;;gBAAZ,YAAY;gBACZ,EAAE,EAAE,EAAE,IACF,IAAI,IACR,IAAI,EAAE,IAAI,EACV,SAAS,EAAC,kBAAkB,EAC5B,KAAK,QACL,OAAO,EAAE,WAAW,EACpB,MAAM,EAAE,QAAQ,EAChB,GAAG,EAAE,SAAS,EACd,QAAQ,EAAE,QAAQ,EAClB,MAAM,EAAE,MAAM,EACd,IAAI,EAAE,IAAI,gBAET,KAAK,IAAI,QAAQ,IACL,EACd,SAAS,IAAI,CACZ,uBAAC,gBAAY,IACX,IAAI,EAAE,SAAS,EACf,IAAI,EAAE,IAAI,EACV,KAAK,QACL,OAAO,EAAE,CAAC,gBAAgB,EAC1B,WAAW,EAAE,IAAI,CAAC,WAAW,EAC7B,SAAS,EAAC,6BAA6B,EACvC,OAAO,EAAE,oBAAoB,EAC7B,QAAQ,EAAE,CAAC,gBAAgB,EAC3B,MAAM,EAAE,MAAM,EACd,MAAM,EAAE,QAAQ,IAAI,CAAC,CAAC,gBAAgB,GACtC,CACH,KACkB,CACtB,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,qBAAe,cAAc,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Spacer/index.tsx"],"names":[],"mappings":"AAEA,eAAO,MAAM,YAAY,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Spacer/index.tsx"],"names":[],"mappings":"AAEA,eAAO,MAAM,YAAY,KAKxB,CAAC"}
|
|
@@ -9,7 +9,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
9
9
|
exports.__esModule = true;
|
|
10
10
|
exports.ReqoreSpacer = void 0;
|
|
11
11
|
var styled_components_1 = __importDefault(require("styled-components"));
|
|
12
|
-
exports.ReqoreSpacer = styled_components_1["default"].div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n visibility: hidden;\n height: ", "px;\n width: ", "px;\n"], ["\n visibility: hidden;\n height: ", "px;\n width: ", "px;\n"])), function (_a) {
|
|
12
|
+
exports.ReqoreSpacer = styled_components_1["default"].div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n visibility: hidden;\n height: ", "px;\n width: ", "px;\n flex-shrink: 0;\n"], ["\n visibility: hidden;\n height: ", "px;\n width: ", "px;\n flex-shrink: 0;\n"])), function (_a) {
|
|
13
13
|
var height = _a.height;
|
|
14
14
|
return height || 1;
|
|
15
15
|
}, function (_a) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Spacer/index.tsx"],"names":[],"mappings":";;;;;;;;;;AAAA,wEAAuC;AAE1B,QAAA,YAAY,GAAG,8BAAM,CAAC,GAAG,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Spacer/index.tsx"],"names":[],"mappings":";;;;;;;;;;AAAA,wEAAuC;AAE1B,QAAA,YAAY,GAAG,8BAAM,CAAC,GAAG,sJAAA,qCAE1B,EAA2B,gBAC5B,EAAyB,0BAEnC,KAHW,UAAC,EAAU;QAAR,MAAM,YAAA;IAAO,OAAA,MAAM,IAAI,CAAC;AAAX,CAAW,EAC5B,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,IAAI,CAAC;AAAV,CAAU,EAElC"}
|
|
@@ -61,8 +61,8 @@ var StyledTabs = styled_components_1["default"].div(templateObject_2 || (templat
|
|
|
61
61
|
return (0, styled_components_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n width: ", ";\n height: ", ";\n flex-flow: ", ";\n "], ["\n width: ", ";\n height: ", ";\n flex-flow: ", ";\n "])), width ? "".concat(width, "px") : '100%', fillParent ? '100%' : undefined, vertical ? 'row' : 'column');
|
|
62
62
|
});
|
|
63
63
|
var ReqoreTabs = function (_a) {
|
|
64
|
-
var tabs = _a.tabs, activeTab = _a.activeTab, children = _a.children, className = _a.className, onTabChange = _a.onTabChange, fill = _a.fill, _testWidth = _a._testWidth, vertical = _a.vertical, activeTabIntent = _a.activeTabIntent,
|
|
65
|
-
var
|
|
64
|
+
var tabs = _a.tabs, activeTab = _a.activeTab, children = _a.children, className = _a.className, onTabChange = _a.onTabChange, fill = _a.fill, _testWidth = _a._testWidth, vertical = _a.vertical, activeTabIntent = _a.activeTabIntent, _b = _a.flat, flat = _b === void 0 ? true : _b, _c = _a.size, size = _c === void 0 ? 'normal' : _c, width = _a.width, wrapTabNames = _a.wrapTabNames, customTheme = _a.customTheme, intent = _a.intent, rest = __rest(_a, ["tabs", "activeTab", "children", "className", "onTabChange", "fill", "_testWidth", "vertical", "activeTabIntent", "flat", "size", "width", "wrapTabNames", "customTheme", "intent"]);
|
|
65
|
+
var _d = (0, react_1.useState)(activeTab || tabs[0].id), _activeTab = _d[0], setActiveTab = _d[1];
|
|
66
66
|
(0, react_1.useEffect)(function () {
|
|
67
67
|
if (activeTab || activeTab === 0) {
|
|
68
68
|
setActiveTab(activeTab);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Tabs/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAAiE;AACjE,qEAAgD;AAKhD,gDAAoC;AAoCpC,IAAM,UAAU,GAAG,8BAAM,CAAC,GAAG,iGAA2B,wBAEpD,EAID,IACF,KALG,UAAC,EAA+B;QAA7B,QAAQ,cAAA,EAAE,UAAU,gBAAA,EAAE,KAAK,WAAA;IAAO,WAAA,uBAAG,qIAAA,eAC/B,EAA6B,iBAC5B,EAA+B,oBAC5B,EAA2B,OACzC,KAHU,KAAK,CAAC,CAAC,CAAC,UAAG,KAAK,OAAI,CAAC,CAAC,CAAC,MAAM,EAC5B,UAAU,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,EAC5B,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,QAAQ;AAHH,CAItC,CACF,CAAC;AAEF,IAAM,UAAU,GAAG,UAAC,EAiBD;IAhBjB,IAAA,IAAI,UAAA,EACJ,SAAS,eAAA,EACT,QAAQ,cAAA,EACR,SAAS,eAAA,EACT,WAAW,iBAAA,EACX,IAAI,UAAA,EACJ,UAAU,gBAAA,EACV,QAAQ,cAAA,EACR,eAAe,qBAAA,EACf,IAAI,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Tabs/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAAiE;AACjE,qEAAgD;AAKhD,gDAAoC;AAoCpC,IAAM,UAAU,GAAG,8BAAM,CAAC,GAAG,iGAA2B,wBAEpD,EAID,IACF,KALG,UAAC,EAA+B;QAA7B,QAAQ,cAAA,EAAE,UAAU,gBAAA,EAAE,KAAK,WAAA;IAAO,WAAA,uBAAG,qIAAA,eAC/B,EAA6B,iBAC5B,EAA+B,oBAC5B,EAA2B,OACzC,KAHU,KAAK,CAAC,CAAC,CAAC,UAAG,KAAK,OAAI,CAAC,CAAC,CAAC,MAAM,EAC5B,UAAU,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,EAC5B,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,QAAQ;AAHH,CAItC,CACF,CAAC;AAEF,IAAM,UAAU,GAAG,UAAC,EAiBD;IAhBjB,IAAA,IAAI,UAAA,EACJ,SAAS,eAAA,EACT,QAAQ,cAAA,EACR,SAAS,eAAA,EACT,WAAW,iBAAA,EACX,IAAI,UAAA,EACJ,UAAU,gBAAA,EACV,QAAQ,cAAA,EACR,eAAe,qBAAA,EACf,YAAW,EAAX,IAAI,mBAAG,IAAI,KAAA,EACX,YAAe,EAAf,IAAI,mBAAG,QAAQ,KAAA,EACf,KAAK,WAAA,EACL,YAAY,kBAAA,EACZ,WAAW,iBAAA,EACX,MAAM,YAAA,EACH,IAAI,cAhBW,oLAiBnB,CADQ;IAED,IAAA,KAA6B,IAAA,gBAAQ,EAAkB,SAAS,IAAI,IAAI,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,EAA9E,UAAU,QAAA,EAAE,YAAY,QAAsD,CAAC;IAEtF,IAAA,iBAAS,EAAC;QACR,IAAI,SAAS,IAAI,SAAS,KAAK,CAAC,EAAE;YAChC,YAAY,CAAC,SAAS,CAAC,CAAC;YAExB,IAAI,WAAW,EAAE;gBACf,WAAW,CAAC,SAAS,CAAC,CAAC;aACxB;SACF;IACH,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAC;IAEhB,OAAO,CACL,wBAAC,UAAU,eACL,IAAI,IACR,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,UAAG,SAAS,IAAI,EAAE,iBAAc,iBAE3C,uBAAC,iBAAc,IACb,IAAI,EAAE,IAAI,EACV,IAAI,EAAE,IAAI,EACV,IAAI,EAAE,IAAI,EACV,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,EAClB,UAAU,EAAE,UAAU,EACtB,SAAS,EAAE,UAAU,EACrB,YAAY,EAAE,YAAY,EAC1B,eAAe,EAAE,eAAe,EAChC,WAAW,EAAE,WAAW,EACxB,MAAM,EAAE,MAAM,EACd,WAAW,EAAE,UAAC,KAAsB;oBAClC,YAAY,CAAC,KAAK,CAAC,CAAC;oBAEpB,IAAI,WAAW,EAAE;wBACf,WAAW,CAAC,KAAK,CAAC,CAAC;qBACpB;gBACH,CAAC,GACD,EACD,kBAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,QAAQ,EAAE,UAAC,KAAK,YAClC,OAAA,KAAK,IAAI,CAAA,MAAA,KAAK,CAAC,KAAK,0CAAE,KAAK,MAAK,UAAU,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,CAAA,EAAA,CAC1D,KACU,CACd,CAAC;AACJ,CAAC,CAAC;AAEF,qBAAe,UAAU,CAAC"}
|
|
@@ -2,7 +2,8 @@
|
|
|
2
2
|
import { IReqoreTabsListItem } from '.';
|
|
3
3
|
import { TSizes } from '../../constants/sizes';
|
|
4
4
|
import { IReqoreCustomTheme, IReqoreTheme } from '../../constants/theme';
|
|
5
|
-
|
|
5
|
+
import { IWithReqoreFlat } from '../../types/global';
|
|
6
|
+
export interface IReqoreTabListItemProps extends IReqoreTabsListItem, IWithReqoreFlat {
|
|
6
7
|
active?: boolean;
|
|
7
8
|
vertical?: boolean;
|
|
8
9
|
onCloseClick?: any;
|
|
@@ -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;AAIzE,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAIrD,MAAM,WAAW,uBAAwB,SAAQ,mBAAmB,EAAE,eAAe;IACnF,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,kJAuFvB,CAAC;AAEF,eAAe,kBAAkB,CAAC"}
|
|
@@ -56,12 +56,12 @@ exports.StyledTabListItem = styled_components_1["default"].div(templateObject_5
|
|
|
56
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 "]))));
|
|
57
57
|
});
|
|
58
58
|
var ReqoreTabsListItem = (0, react_1.memo)((0, react_1.forwardRef)(function (_a, ref) {
|
|
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
|
+
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, _c = _a.flat, flat = _c === void 0 ? true : _c, wrapTabNames = _a.wrapTabNames;
|
|
60
60
|
var targetRef = (0, useCombinedRefs_1.useCombinedRefs)(ref).targetRef;
|
|
61
61
|
var theme = (0, useTheme_1.useReqoreTheme)('main', customTheme);
|
|
62
62
|
var _intent = activeIntent || intent;
|
|
63
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:
|
|
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 ? false : flat, fluid: fill || vertical, icon: icon, minimal: true, wrap: wrapTabNames, 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 ? false : flat, icon: closeIcon || 'CloseLine', intent: active ? activeIntent || intent : intent, minimal: true, active: active, className: 'reqore-tabs-list-item-close', customTheme: customTheme, onClick: function (event) {
|
|
65
65
|
event.stopPropagation();
|
|
66
66
|
onCloseClick === null || onCloseClick === void 0 ? void 0 : onCloseClick();
|
|
67
67
|
} })) : null] }))) : null })));
|