@qoretechnologies/reqore 0.18.4 → 0.19.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/.gitpod.yml +17 -0
- package/dist/components/Breadcrumbs/index.d.ts.map +1 -1
- package/dist/components/Breadcrumbs/index.js +4 -4
- package/dist/components/Breadcrumbs/index.js.map +1 -1
- package/dist/components/Breadcrumbs/item.d.ts.map +1 -1
- package/dist/components/Breadcrumbs/item.js +2 -2
- package/dist/components/Breadcrumbs/item.js.map +1 -1
- package/dist/components/Button/index.d.ts +3 -1
- package/dist/components/Button/index.d.ts.map +1 -1
- package/dist/components/Button/index.js +38 -44
- package/dist/components/Button/index.js.map +1 -1
- package/dist/components/Checkbox/index.js +2 -2
- package/dist/components/Checkbox/index.js.map +1 -1
- package/dist/components/Drawer/index.d.ts +2 -1
- package/dist/components/Drawer/index.d.ts.map +1 -1
- package/dist/components/Drawer/index.js +11 -5
- package/dist/components/Drawer/index.js.map +1 -1
- package/dist/components/Dropdown/index.d.ts +6 -1
- package/dist/components/Dropdown/index.d.ts.map +1 -1
- package/dist/components/Dropdown/index.js +2 -2
- package/dist/components/Dropdown/index.js.map +1 -1
- package/dist/components/Header/index.d.ts +6 -6
- package/dist/components/Header/index.d.ts.map +1 -1
- package/dist/components/Header/index.js.map +1 -1
- package/dist/components/Icon/index.d.ts.map +1 -1
- package/dist/components/Icon/index.js +1 -1
- package/dist/components/Icon/index.js.map +1 -1
- package/dist/components/Input/index.js +2 -2
- package/dist/components/Input/index.js.map +1 -1
- package/dist/components/InternalPopover/index.js +1 -1
- package/dist/components/InternalPopover/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/Modal/index.d.ts +4 -2
- package/dist/components/Modal/index.d.ts.map +1 -1
- package/dist/components/Modal/index.js +19 -10
- package/dist/components/Modal/index.js.map +1 -1
- package/dist/components/Navbar/item.d.ts.map +1 -1
- package/dist/components/Navbar/item.js +2 -4
- package/dist/components/Navbar/item.js.map +1 -1
- package/dist/components/Notifications/notification.d.ts.map +1 -1
- package/dist/components/Notifications/notification.js +3 -3
- package/dist/components/Notifications/notification.js.map +1 -1
- package/dist/components/Panel/index.js +1 -1
- package/dist/components/Panel/index.js.map +1 -1
- package/dist/components/Panel/panel.screenshot.d.ts.map +1 -1
- package/dist/components/Panel/panel.screenshot.js +3 -3
- package/dist/components/Panel/panel.screenshot.js.map +1 -1
- package/dist/components/Paragraph/index.d.ts +1 -1
- package/dist/components/Paragraph/index.d.ts.map +1 -1
- package/dist/components/Paragraph/index.js.map +1 -1
- package/dist/components/Sidebar/index.js +1 -1
- package/dist/components/Table/body.d.ts +4 -9
- package/dist/components/Table/body.d.ts.map +1 -1
- package/dist/components/Table/body.js +3 -2
- package/dist/components/Table/body.js.map +1 -1
- package/dist/components/Table/header.d.ts +1 -0
- package/dist/components/Table/header.d.ts.map +1 -1
- package/dist/components/Table/header.js +12 -14
- package/dist/components/Table/header.js.map +1 -1
- package/dist/components/Table/headerCell.d.ts.map +1 -1
- package/dist/components/Table/headerCell.js +7 -10
- package/dist/components/Table/headerCell.js.map +1 -1
- package/dist/components/Table/index.d.ts +15 -5
- package/dist/components/Table/index.d.ts.map +1 -1
- package/dist/components/Table/index.js +17 -13
- package/dist/components/Table/index.js.map +1 -1
- package/dist/components/Table/row.d.ts +36 -12
- package/dist/components/Table/row.d.ts.map +1 -1
- package/dist/components/Table/row.js +96 -25
- package/dist/components/Table/row.js.map +1 -1
- package/dist/components/Tabs/index.d.ts +3 -1
- package/dist/components/Tabs/index.d.ts.map +1 -1
- package/dist/components/Tabs/index.js +4 -4
- package/dist/components/Tabs/index.js.map +1 -1
- package/dist/components/Tabs/item.d.ts.map +1 -1
- package/dist/components/Tabs/item.js +11 -8
- package/dist/components/Tabs/item.js.map +1 -1
- package/dist/components/Tabs/list.d.ts +2 -0
- package/dist/components/Tabs/list.d.ts.map +1 -1
- package/dist/components/Tabs/list.js +4 -3
- package/dist/components/Tabs/list.js.map +1 -1
- package/dist/components/Tag/index.d.ts +1 -1
- package/dist/components/Tag/index.d.ts.map +1 -1
- package/dist/components/Tag/index.js +3 -3
- package/dist/components/Tag/index.js.map +1 -1
- package/dist/components/Textarea/index.d.ts +3 -3
- package/dist/components/Textarea/index.d.ts.map +1 -1
- package/dist/components/Textarea/index.js +6 -8
- package/dist/components/Textarea/index.js.map +1 -1
- package/dist/components/Tree/index.d.ts.map +1 -1
- package/dist/components/Tree/index.js +2 -4
- package/dist/components/Tree/index.js.map +1 -1
- package/dist/constants/sizes.d.ts +15 -0
- package/dist/constants/sizes.d.ts.map +1 -1
- package/dist/constants/sizes.js +15 -1
- package/dist/constants/sizes.js.map +1 -1
- package/dist/constants/theme.d.ts +2 -1
- package/dist/constants/theme.d.ts.map +1 -1
- package/dist/constants/theme.js +2 -1
- package/dist/constants/theme.js.map +1 -1
- package/dist/containers/ReqoreProvider.d.ts +3 -1
- package/dist/containers/ReqoreProvider.d.ts.map +1 -1
- package/dist/containers/ReqoreProvider.js +14 -12
- package/dist/containers/ReqoreProvider.js.map +1 -1
- package/dist/helpers/animations.d.ts.map +1 -1
- package/dist/helpers/animations.js +1 -1
- package/dist/helpers/animations.js.map +1 -1
- package/dist/helpers/colors.d.ts +1 -1
- package/dist/helpers/colors.d.ts.map +1 -1
- package/package.json +3 -3
package/.gitpod.yml
ADDED
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
vscode:
|
|
2
|
+
extensions:
|
|
3
|
+
- oderwat.indent-rainbow
|
|
4
|
+
- tombonnike.vscode-status-bar-format-toggle
|
|
5
|
+
- usernamehw.errorlens
|
|
6
|
+
- emmanuelbeziat.vscode-great-icons
|
|
7
|
+
- esbenp.prettier-vscode
|
|
8
|
+
- jpoissonnier.vscode-styled-components
|
|
9
|
+
- streetsidesoftware.code-spell-checker
|
|
10
|
+
- foxhoundn.synthax
|
|
11
|
+
- alefragnani.bookmarks
|
|
12
|
+
- tabnine.tabnine-vscode
|
|
13
|
+
- akosyakov.gitpod-monitor
|
|
14
|
+
- eamodio.gitlens
|
|
15
|
+
tasks:
|
|
16
|
+
- init: "yarn install"
|
|
17
|
+
- command: "yarn storybook"
|
|
@@ -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,
|
|
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,EAAE,aAAa,EAAgB,MAAM,uBAAuB,CAAC;AAG7F,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAIpD,OAAO,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAC;AAI9C,MAAM,WAAW,qBAAqB;IACpC,OAAO,CAAC,EAAE,GAAG,CAAC,OAAO,GAAG,MAAM,CAAC;IAC/B,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;QACT,IAAI,EAAE,mBAAmB,EAAE,CAAC;QAC5B,WAAW,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,GAAG,CAAC;QACpC,SAAS,EAAE,MAAM,CAAC;QAClB,eAAe,CAAC,EAAE,aAAa,CAAC;KACjC,CAAC;IACF,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;AAsFD,QAAA,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC,uBAAuB,CAoHxD,CAAC;AAEF,eAAe,iBAAiB,CAAC"}
|
|
@@ -75,7 +75,7 @@ var item_2 = __importDefault(require("./item"));
|
|
|
75
75
|
var StyledReqoreBreadcrumbs = styled_components_1["default"].div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), function (_a) {
|
|
76
76
|
var _b, _c, _d;
|
|
77
77
|
var theme = _a.theme, flat = _a.flat, size = _a.size;
|
|
78
|
-
return (0, styled_components_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n width: 100%;\n height: ", "px;\n margin: ", "px 0;\n display: flex;\n padding: 0
|
|
78
|
+
return (0, styled_components_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n width: 100%;\n height: ", "px;\n margin: ", "px 0;\n display: flex;\n padding: 0 ", "px;\n justify-content: space-between;\n border-bottom: ", ";\n background-color: ", ";\n\n > div {\n height: 100%;\n display: flex;\n align-items: center;\n\n > * {\n color: ", ";\n }\n\n ", " {\n flex: 1;\n border-bottom: 0;\n }\n\n &:first-child {\n overflow: hidden;\n flex: 1;\n }\n }\n "], ["\n width: 100%;\n height: ", "px;\n margin: ", "px 0;\n display: flex;\n padding: 0 ", "px;\n justify-content: space-between;\n border-bottom: ", ";\n background-color: ", ";\n\n > div {\n height: 100%;\n display: flex;\n align-items: center;\n\n > * {\n color: ", ";\n }\n\n ", " {\n flex: 1;\n border-bottom: 0;\n }\n\n &:first-child {\n overflow: hidden;\n flex: 1;\n }\n }\n "])), sizes_1.TABS_SIZE_TO_PX[size], sizes_1.MARGIN_FROM_SIZE[size], sizes_1.PADDING_FROM_SIZE[size], flat ? 0 : "1px solid " + (0, colors_1.changeLightness)(theme.main, 0.05), function (_a) {
|
|
79
79
|
var _b;
|
|
80
80
|
var theme = _a.theme;
|
|
81
81
|
return ((_b = theme.breadcrumbs) === null || _b === void 0 ? void 0 : _b.main) || 'transparent';
|
|
@@ -125,7 +125,7 @@ var ReqoreBreadcrumbs = function (_a) {
|
|
|
125
125
|
var renderItem = function (item, index) {
|
|
126
126
|
var _a;
|
|
127
127
|
if ((0, lodash_1.isArray)(item)) {
|
|
128
|
-
return ((0, jsx_runtime_1.jsxs)(react_2["default"].Fragment, { children: [(0, jsx_runtime_1.jsx)(Icon_1["default"], { icon: 'ArrowRightSLine', size:
|
|
128
|
+
return ((0, jsx_runtime_1.jsxs)(react_2["default"].Fragment, { children: [(0, jsx_runtime_1.jsx)(Icon_1["default"], { icon: 'ArrowRightSLine', size: sizes_1.TEXT_FROM_SIZE[size] + "px" }, 'icon' + index), (0, jsx_runtime_1.jsx)(__1.ReqorePopover, { component: item_2["default"], componentProps: {
|
|
129
129
|
icon: 'MoreFill',
|
|
130
130
|
tooltip: 'Show more...',
|
|
131
131
|
interactive: true
|
|
@@ -135,9 +135,9 @@ var ReqoreBreadcrumbs = function (_a) {
|
|
|
135
135
|
}) }, void 0) }, index)] }, index));
|
|
136
136
|
}
|
|
137
137
|
if (item.withTabs) {
|
|
138
|
-
return ((0, jsx_runtime_1.jsxs)(react_2["default"].Fragment, { children: [(0, jsx_runtime_1.jsx)(Icon_1["default"], { icon: 'ArrowRightSLine', size:
|
|
138
|
+
return ((0, jsx_runtime_1.jsxs)(react_2["default"].Fragment, { children: [(0, jsx_runtime_1.jsx)(Icon_1["default"], { icon: 'ArrowRightSLine', size: sizes_1.TEXT_FROM_SIZE[size] + "px", margin: 'both' }, 'icon' + index), (0, jsx_runtime_1.jsx)(list_1["default"], { tabs: item.withTabs.tabs, onTabChange: item.withTabs.onTabChange, activeTab: item.withTabs.activeTab, activeTabIntent: item.withTabs.activeTabIntent, parentBackground: (_a = theme.breadcrumbs) === null || _a === void 0 ? void 0 : _a.main, flat: flat, size: size }, void 0)] }, index));
|
|
139
139
|
}
|
|
140
|
-
return ((0, jsx_runtime_1.jsxs)(react_2["default"].Fragment, { children: [index !== 0 && ((0, jsx_runtime_1.jsx)(Icon_1["default"], { icon: 'ArrowRightSLine', size:
|
|
140
|
+
return ((0, jsx_runtime_1.jsxs)(react_2["default"].Fragment, { children: [index !== 0 && ((0, jsx_runtime_1.jsx)(Icon_1["default"], { icon: 'ArrowRightSLine', size: sizes_1.TEXT_FROM_SIZE[size] + "px", margin: 'both' }, 'icon' + index)), (0, react_1.createElement)(item_2["default"], __assign({}, item, { key: index, customTheme: customTheme, size: size }))] }, index));
|
|
141
141
|
};
|
|
142
142
|
return ((0, jsx_runtime_1.jsxs)(StyledReqoreBreadcrumbs, __assign({}, rest, { className: (rest.className || '') + " reqore-breadcrumbs-wrapper", ref: ref, flat: flat, theme: theme, size: size }, { children: [(0, jsx_runtime_1.jsx)("div", { children: transformedItems.map(function (item, index) {
|
|
143
143
|
return renderItem(item, index);
|
|
@@ -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,+
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Breadcrumbs/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"item.d.ts","sourceRoot":"","sources":["../../../src/components/Breadcrumbs/item.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,qBAAqB,EAAE,MAAM,GAAG,CAAC;AAC1C,OAAO,
|
|
1
|
+
{"version":3,"file":"item.d.ts","sourceRoot":"","sources":["../../../src/components/Breadcrumbs/item.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,qBAAqB,EAAE,MAAM,GAAG,CAAC;AAC1C,OAAO,EAAqC,MAAM,EAAE,MAAM,uBAAuB,CAAC;AAClF,OAAO,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAMrD,MAAM,WAAW,0BAA2B,SAAQ,qBAAqB;IACvE,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,0BAA2B,SAAQ,0BAA0B;IAC5E,KAAK,EAAE,YAAY,CAAC;CACrB;AAkED,QAAA,MAAM,qBAAqB,iFAUxB,0BAA0B,gBA0B5B,CAAC;AAEF,eAAe,qBAAqB,CAAC"}
|
|
@@ -52,7 +52,7 @@ var StyledBreadcrumbItem = styled_components_1["default"].div(templateObject_4 |
|
|
|
52
52
|
(((_d = theme.breadcrumbs) === null || _d === void 0 ? void 0 : _d.main)
|
|
53
53
|
? (0, colors_1.getReadableColorFrom)(theme.breadcrumbs.main, true)
|
|
54
54
|
: (0, colors_1.getReadableColor)(theme, undefined, undefined, true));
|
|
55
|
-
return (0, styled_components_1.css)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n display: flex;\n height: 100%;\n justify-content: space-evenly;\n align-items: center;\n padding: 0
|
|
55
|
+
return (0, styled_components_1.css)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n display: flex;\n height: 100%;\n justify-content: space-evenly;\n align-items: center;\n padding: 0 ", "px;\n transition: background-color 0.15s ease-out;\n font-size: ", "px;\n font-weight: 450;\n border-bottom: 2px solid transparent;\n\n * {\n color: ", ";\n }\n\n ", "\n\n ", "\n\n a:hover {\n color: ", ";\n }\n "], ["\n display: flex;\n height: 100%;\n justify-content: space-evenly;\n align-items: center;\n padding: 0 ", "px;\n transition: background-color 0.15s ease-out;\n font-size: ", "px;\n font-weight: 450;\n border-bottom: 2px solid transparent;\n\n * {\n color: ", ";\n }\n\n ", "\n\n ", "\n\n a:hover {\n color: ", ";\n }\n "])), sizes_1.PADDING_FROM_SIZE[size], sizes_1.TEXT_FROM_SIZE[size], textColor, active && (0, styled_components_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n * {\n font-weight: 600;\n color: ", ";\n }\n "], ["\n * {\n font-weight: 600;\n color: ", ";\n }\n "])), ((_f = (_e = theme.breadcrumbs) === null || _e === void 0 ? void 0 : _e.item) === null || _f === void 0 ? void 0 : _f.activeColor) ||
|
|
56
56
|
(((_g = theme.breadcrumbs) === null || _g === void 0 ? void 0 : _g.main)
|
|
57
57
|
? (0, colors_1.getReadableColorFrom)(theme.breadcrumbs.main, true)
|
|
58
58
|
: (0, colors_1.getReadableColor)(theme, undefined, undefined))), interactive && (0, styled_components_1.css)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n cursor: pointer;\n &:hover {\n color: ", ";\n background-color: ", ";\n }\n "], ["\n cursor: pointer;\n &:hover {\n color: ", ";\n background-color: ", ";\n }\n "])), ((_j = (_h = theme.breadcrumbs) === null || _h === void 0 ? void 0 : _h.item) === null || _j === void 0 ? void 0 : _j.hoverColor) ||
|
|
@@ -69,7 +69,7 @@ var ReqoreBreadcrumbsItem = function (_a) {
|
|
|
69
69
|
var Element = as || 'span';
|
|
70
70
|
var theme = (0, useTheme_1.useReqoreTheme)('breadcrumbs', customTheme);
|
|
71
71
|
(0, usePopover_1["default"])({ targetElement: ref, content: tooltip, show: !!tooltip });
|
|
72
|
-
return ((0, jsx_runtime_1.jsxs)(StyledBreadcrumbItem, __assign({ ref: setRef, active: active, interactive: interactive || !!(props === null || props === void 0 ? void 0 : props.onClick), className: 'reqore-breadcrumbs-item', theme: theme, size: size }, { children: [icon && (0, jsx_runtime_1.jsx)(Icon_1["default"], { icon: icon, size:
|
|
72
|
+
return ((0, jsx_runtime_1.jsxs)(StyledBreadcrumbItem, __assign({ ref: setRef, active: active, interactive: interactive || !!(props === null || props === void 0 ? void 0 : props.onClick), className: 'reqore-breadcrumbs-item', theme: theme, size: size }, { children: [icon && ((0, jsx_runtime_1.jsx)(Icon_1["default"], { icon: icon, size: sizes_1.TEXT_FROM_SIZE[size] + "px", margin: label ? 'right' : undefined }, void 0)), label && (0, jsx_runtime_1.jsx)(Element, __assign({}, props, { children: label }), void 0)] }), void 0));
|
|
73
73
|
};
|
|
74
74
|
exports["default"] = ReqoreBreadcrumbsItem;
|
|
75
75
|
var templateObject_1, templateObject_2, templateObject_3, templateObject_4;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"item.js","sourceRoot":"","sources":["../../../src/components/Breadcrumbs/item.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+BAAiC;AACjC,qEAAgD;AAEhD,+
|
|
1
|
+
{"version":3,"file":"item.js","sourceRoot":"","sources":["../../../src/components/Breadcrumbs/item.tsx"],"names":[],"mappings":"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"}
|
|
@@ -15,8 +15,10 @@ export interface IReqoreButtonProps extends React.HTMLAttributes<HTMLButtonEleme
|
|
|
15
15
|
intent?: IReqoreIntent;
|
|
16
16
|
active?: boolean;
|
|
17
17
|
flat?: boolean;
|
|
18
|
+
rightIcon?: IReqoreIconName;
|
|
19
|
+
color?: string;
|
|
18
20
|
}
|
|
19
|
-
export interface IReqoreButtonStyle extends IReqoreButtonProps {
|
|
21
|
+
export interface IReqoreButtonStyle extends Omit<IReqoreButtonProps, 'intent'> {
|
|
20
22
|
theme: IReqoreTheme;
|
|
21
23
|
}
|
|
22
24
|
export declare const StyledActiveContent: any;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Button/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAE3C,OAAO,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Button/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAE3C,OAAO,KAAyC,MAAM,OAAO,CAAC;AAE9D,OAAO,EAKL,MAAM,EACP,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EAAE,aAAa,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAKpE,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAGpD,MAAM,WAAW,kBAAmB,SAAQ,KAAK,CAAC,cAAc,CAAC,iBAAiB,CAAC;IACjF,IAAI,CAAC,EAAE,eAAe,CAAC;IACvB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,gBAAgB,CAAC,EAAE,SAAS,CAAC;IAC7B,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,MAAM,CAAC,EAAE,aAAa,CAAC;IACvB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,SAAS,CAAC,EAAE,eAAe,CAAC;IAC5B,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,WAAW,kBAAmB,SAAQ,IAAI,CAAC,kBAAkB,EAAE,QAAQ,CAAC;IAC5E,KAAK,EAAE,YAAY,CAAC;CACrB;AAUD,eAAO,MAAM,mBAAmB,KAM/B,CAAC;AAEF,eAAO,MAAM,qBAAqB,KAIjC,CAAC;AAEF,eAAO,MAAM,sBAAsB,KAGlC,CAAC;AAEF,eAAO,MAAM,YAAY,KAuHxB,CAAC;AAEF,QAAA,MAAM,YAAY,oFAyEjB,CAAC;AAEF,eAAe,YAAY,CAAC"}
|
|
@@ -54,25 +54,24 @@ var polished_1 = require("polished");
|
|
|
54
54
|
var react_1 = require("react");
|
|
55
55
|
var styled_components_1 = __importStar(require("styled-components"));
|
|
56
56
|
var sizes_1 = require("../../constants/sizes");
|
|
57
|
+
var ThemeContext_1 = __importDefault(require("../../context/ThemeContext"));
|
|
57
58
|
var colors_1 = require("../../helpers/colors");
|
|
58
59
|
var useCombinedRefs_1 = require("../../hooks/useCombinedRefs");
|
|
59
60
|
var usePopover_1 = __importDefault(require("../../hooks/usePopover"));
|
|
60
61
|
var Icon_1 = __importDefault(require("../Icon"));
|
|
61
|
-
var getButtonMainColor = function (theme,
|
|
62
|
-
if (
|
|
63
|
-
return
|
|
62
|
+
var getButtonMainColor = function (theme, color) {
|
|
63
|
+
if (color) {
|
|
64
|
+
return color;
|
|
64
65
|
}
|
|
65
66
|
return theme.main;
|
|
66
67
|
};
|
|
67
68
|
exports.StyledActiveContent = styled_components_1["default"].span(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n position: absolute;\n transform: translateY(-150%);\n opacity: 0;\n transition: all 0.2s ease-out;\n filter: blur(10px);\n"], ["\n position: absolute;\n transform: translateY(-150%);\n opacity: 0;\n transition: all 0.2s ease-out;\n filter: blur(10px);\n"])));
|
|
68
69
|
exports.StyledInActiveContent = styled_components_1["default"].span(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n position: absolute;\n transform: translateY(0);\n transition: all 0.2s ease-out;\n"], ["\n position: absolute;\n transform: translateY(0);\n transition: all 0.2s ease-out;\n"])));
|
|
69
70
|
exports.StyledInvisibleContent = styled_components_1["default"].span(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n visibility: hidden;\n position: relative;\n"], ["\n visibility: hidden;\n position: relative;\n"])));
|
|
70
|
-
exports.StyledButton = styled_components_1["default"].button(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n display: flex;\n align-items: center;\n margin: 0;\n font-weight:
|
|
71
|
-
var theme = _a.theme, minimal = _a.minimal,
|
|
71
|
+
exports.StyledButton = styled_components_1["default"].button(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n display: flex;\n align-items: center;\n margin: 0;\n font-weight: 600;\n position: relative;\n overflow: hidden;\n border: ", ";\n padding: 0 ", "px;\n font-size: ", "px;\n\n height: ", "px;\n min-width: ", "px;\n\n flex: ", ";\n\n border-radius: ", "px;\n\n background-color: ", ";\n\n color: ", ";\n\n .reqore-icon {\n transform: scale(0.85);\n }\n\n &:not(:disabled) {\n cursor: pointer;\n transition: all 0.2s ease-out;\n\n &:active {\n transform: scale(0.95);\n }\n\n &:hover,\n &:focus {\n background-color: ", ";\n color: ", ";\n border-color: ", ";\n\n .reqore-icon {\n transform: scale(1);\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 }\n }\n\n ", "\n\n &:disabled {\n opacity: 0.5;\n pointer-events: none;\n cursor: not-allowed;\n }\n\n &:focus,\n &:active {\n outline: none;\n }\n\n &:focus {\n border-color: ", ";\n }\n"], ["\n display: flex;\n align-items: center;\n margin: 0;\n font-weight: 600;\n position: relative;\n overflow: hidden;\n border: ", ";\n padding: 0 ", "px;\n font-size: ", "px;\n\n height: ", "px;\n min-width: ", "px;\n\n flex: ", ";\n\n border-radius: ", "px;\n\n background-color: ", ";\n\n color: ", ";\n\n .reqore-icon {\n transform: scale(0.85);\n }\n\n &:not(:disabled) {\n cursor: pointer;\n transition: all 0.2s ease-out;\n\n &:active {\n transform: scale(0.95);\n }\n\n &:hover,\n &:focus {\n background-color: ", ";\n color: ", ";\n border-color: ", ";\n\n .reqore-icon {\n transform: scale(1);\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 }\n }\n\n ", "\n\n &:disabled {\n opacity: 0.5;\n pointer-events: none;\n cursor: not-allowed;\n }\n\n &:focus,\n &:active {\n outline: none;\n }\n\n &:focus {\n border-color: ", ";\n }\n"])), function (_a) {
|
|
72
|
+
var theme = _a.theme, minimal = _a.minimal, color = _a.color, flat = _a.flat;
|
|
72
73
|
return !minimal && !flat
|
|
73
|
-
? "1px solid " + (
|
|
74
|
-
? (0, polished_1.darken)(0.2, theme.intents[intent])
|
|
75
|
-
: (0, colors_1.changeLightness)(getButtonMainColor(theme, intent), 0.2))
|
|
74
|
+
? "1px solid " + (color ? (0, polished_1.darken)(0.2, color) : (0, colors_1.changeLightness)(getButtonMainColor(theme, color), 0.2))
|
|
76
75
|
: 0;
|
|
77
76
|
}, function (_a) {
|
|
78
77
|
var size = _a.size;
|
|
@@ -93,68 +92,63 @@ exports.StyledButton = styled_components_1["default"].button(templateObject_5 ||
|
|
|
93
92
|
var size = _a.size;
|
|
94
93
|
return sizes_1.RADIUS_FROM_SIZE[size];
|
|
95
94
|
}, function (_a) {
|
|
96
|
-
var minimal = _a.minimal, theme = _a.theme,
|
|
95
|
+
var minimal = _a.minimal, theme = _a.theme, color = _a.color;
|
|
97
96
|
if (minimal) {
|
|
98
|
-
if (
|
|
99
|
-
return (0, polished_1.rgba)(
|
|
97
|
+
if (color) {
|
|
98
|
+
return (0, polished_1.rgba)(color, 0.3);
|
|
100
99
|
}
|
|
101
100
|
return 'transparent';
|
|
102
101
|
}
|
|
103
|
-
return
|
|
102
|
+
return color || (0, colors_1.changeLightness)(theme.main, 0.1);
|
|
104
103
|
}, function (_a) {
|
|
105
|
-
var theme = _a.theme,
|
|
106
|
-
return
|
|
104
|
+
var theme = _a.theme, color = _a.color, minimal = _a.minimal;
|
|
105
|
+
return color
|
|
107
106
|
? minimal
|
|
108
107
|
? (0, colors_1.getReadableColor)(theme, undefined, undefined, true)
|
|
109
|
-
: (0, colors_1.getReadableColorFrom)(
|
|
108
|
+
: (0, colors_1.getReadableColorFrom)(color, true)
|
|
110
109
|
: (0, colors_1.getReadableColor)(theme, undefined, undefined, true);
|
|
111
110
|
}, function (_a) {
|
|
112
|
-
var
|
|
113
|
-
return
|
|
114
|
-
? (0, colors_1.changeLightness)(
|
|
115
|
-
:
|
|
116
|
-
? (0, colors_1.changeLightness)(getButtonMainColor(theme, intent), 0.15)
|
|
117
|
-
: (0, colors_1.changeLightness)(getButtonMainColor(theme, intent), 0.35);
|
|
111
|
+
var theme = _a.theme, color = _a.color;
|
|
112
|
+
return color
|
|
113
|
+
? (0, colors_1.changeLightness)(color, 0.09)
|
|
114
|
+
: (0, colors_1.changeLightness)(getButtonMainColor(theme, color), 0.2);
|
|
118
115
|
}, function (_a) {
|
|
119
|
-
var theme = _a.theme,
|
|
120
|
-
return
|
|
121
|
-
? (0, colors_1.getReadableColorFrom)(theme.intents[intent])
|
|
122
|
-
: (0, colors_1.getReadableColor)(theme, undefined, undefined);
|
|
116
|
+
var theme = _a.theme, color = _a.color;
|
|
117
|
+
return color ? (0, colors_1.getReadableColorFrom)(color) : (0, colors_1.getReadableColor)(theme, undefined, undefined);
|
|
123
118
|
}, function (_a) {
|
|
124
|
-
var minimal = _a.minimal, theme = _a.theme,
|
|
119
|
+
var minimal = _a.minimal, theme = _a.theme, color = _a.color;
|
|
125
120
|
return minimal
|
|
126
121
|
? undefined
|
|
127
|
-
:
|
|
128
|
-
? (0, polished_1.darken)(0.4,
|
|
129
|
-
: (0, colors_1.changeLightness)(getButtonMainColor(theme,
|
|
122
|
+
: color
|
|
123
|
+
? (0, polished_1.darken)(0.4, color)
|
|
124
|
+
: (0, colors_1.changeLightness)(getButtonMainColor(theme, color), 0.4);
|
|
130
125
|
}, exports.StyledActiveContent, exports.StyledInActiveContent, function (_a) {
|
|
131
|
-
var active = _a.active, minimal = _a.minimal, theme = _a.theme,
|
|
132
|
-
return active && (0, styled_components_1.css)(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n background-color: ", ";\n color: ", ";\n border-color: ", ";\n "], ["\n background-color: ", ";\n color: ", ";\n border-color: ", ";\n "])),
|
|
133
|
-
? (0, colors_1.changeLightness)(
|
|
134
|
-
: minimal
|
|
135
|
-
? (0, colors_1.changeLightness)(getButtonMainColor(theme, intent), 0.07)
|
|
136
|
-
: (0, colors_1.changeLightness)(getButtonMainColor(theme, intent), 0.16), intent
|
|
137
|
-
? (0, colors_1.getReadableColorFrom)(theme.intents[intent])
|
|
138
|
-
: (0, colors_1.getReadableColor)(theme, undefined, undefined), minimal
|
|
126
|
+
var active = _a.active, minimal = _a.minimal, theme = _a.theme, color = _a.color;
|
|
127
|
+
return active && (0, styled_components_1.css)(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n background-color: ", ";\n color: ", ";\n border-color: ", ";\n\n .reqore-icon {\n transform: scale(1);\n }\n "], ["\n background-color: ", ";\n color: ", ";\n border-color: ", ";\n\n .reqore-icon {\n transform: scale(1);\n }\n "])), color
|
|
128
|
+
? (0, colors_1.changeLightness)(color, 0.045)
|
|
129
|
+
: (0, colors_1.changeLightness)(getButtonMainColor(theme, color), 0.16), color ? (0, colors_1.getReadableColorFrom)(color) : (0, colors_1.getReadableColor)(theme, undefined, undefined), minimal
|
|
139
130
|
? undefined
|
|
140
|
-
:
|
|
141
|
-
? (0, polished_1.darken)(0.2,
|
|
142
|
-
: (0, colors_1.changeLightness)(getButtonMainColor(theme,
|
|
131
|
+
: color
|
|
132
|
+
? (0, polished_1.darken)(0.2, color)
|
|
133
|
+
: (0, colors_1.changeLightness)(getButtonMainColor(theme, color), 0.34));
|
|
143
134
|
}, function (_a) {
|
|
144
|
-
var minimal = _a.minimal, theme = _a.theme,
|
|
145
|
-
return minimal ? undefined : (0, colors_1.changeLightness)(getButtonMainColor(theme,
|
|
135
|
+
var minimal = _a.minimal, theme = _a.theme, color = _a.color;
|
|
136
|
+
return minimal ? undefined : (0, colors_1.changeLightness)(getButtonMainColor(theme, color), 0.4);
|
|
146
137
|
});
|
|
147
138
|
var ReqoreButton = (0, react_1.forwardRef)(function (_a, ref) {
|
|
148
|
-
var icon = _a.icon, _b = _a.size, size = _b === void 0 ? 'normal' : _b, minimal = _a.minimal, children = _a.children, tooltip = _a.tooltip, tooltipPlacement = _a.tooltipPlacement, className = _a.className, fluid = _a.fluid, fixed = _a.fixed, intent = _a.intent, active = _a.active, flat = _a.flat, rest = __rest(_a, ["icon", "size", "minimal", "children", "tooltip", "tooltipPlacement", "className", "fluid", "fixed", "intent", "active", "flat"]);
|
|
139
|
+
var icon = _a.icon, _b = _a.size, size = _b === void 0 ? 'normal' : _b, minimal = _a.minimal, children = _a.children, tooltip = _a.tooltip, tooltipPlacement = _a.tooltipPlacement, className = _a.className, fluid = _a.fluid, fixed = _a.fixed, intent = _a.intent, active = _a.active, flat = _a.flat, rightIcon = _a.rightIcon, color = _a.color, rest = __rest(_a, ["icon", "size", "minimal", "children", "tooltip", "tooltipPlacement", "className", "fluid", "fixed", "intent", "active", "flat", "rightIcon", "color"]);
|
|
149
140
|
var innerRef = (0, react_1.useRef)(null);
|
|
150
141
|
var combinedRef = (0, useCombinedRefs_1.useCombinedRefs)(innerRef, ref);
|
|
142
|
+
var theme = (0, react_1.useContext)(ThemeContext_1["default"]);
|
|
151
143
|
(0, usePopover_1["default"])({
|
|
152
144
|
targetElement: combinedRef.current,
|
|
153
145
|
content: tooltip,
|
|
154
146
|
placement: tooltipPlacement,
|
|
155
147
|
show: !!tooltip
|
|
156
148
|
});
|
|
157
|
-
|
|
149
|
+
// If color or intent was specified, set the color
|
|
150
|
+
var customColor = intent ? theme.intents[intent] : color;
|
|
151
|
+
return ((0, jsx_runtime_1.jsxs)(exports.StyledButton, __assign({}, rest, { ref: combinedRef, fluid: fluid, fixed: fixed, minimal: minimal, size: size, color: customColor, flat: flat, active: active, className: (className || '') + " reqore-control reqore-button", tabIndex: 1 }, { children: [icon && ((0, jsx_runtime_1.jsx)(Icon_1["default"], { icon: icon, margin: children || rightIcon ? 'right' : undefined, size: sizes_1.TEXT_FROM_SIZE[size] + "px" }, void 0)), children && ((0, jsx_runtime_1.jsxs)("span", { children: [(0, jsx_runtime_1.jsx)(exports.StyledActiveContent, { children: children }, void 0), (0, jsx_runtime_1.jsx)(exports.StyledInActiveContent, { children: children }, void 0), (0, jsx_runtime_1.jsx)(exports.StyledInvisibleContent, { children: children }, void 0)] }, void 0)), rightIcon && ((0, jsx_runtime_1.jsx)(Icon_1["default"], { icon: rightIcon, margin: children ? 'left' : undefined, size: sizes_1.TEXT_FROM_SIZE[size] + "px" }, void 0))] }), void 0));
|
|
158
152
|
});
|
|
159
153
|
exports["default"] = ReqoreButton;
|
|
160
154
|
var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Button/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AACA,qCAAwC;AACxC,+
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Button/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -38,7 +38,7 @@ var colors_1 = require("../../helpers/colors");
|
|
|
38
38
|
var useCombinedRefs_1 = require("../../hooks/useCombinedRefs");
|
|
39
39
|
var usePopover_1 = __importDefault(require("../../hooks/usePopover"));
|
|
40
40
|
var Icon_1 = __importDefault(require("../Icon"));
|
|
41
|
-
var StyledSwitch = styled_components_1["default"].div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n transition: all 0.
|
|
41
|
+
var StyledSwitch = styled_components_1["default"].div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n transition: all 0.2s ease-out;\n position: relative;\n\n height: ", "px;\n width: ", "px;\n\n border: 1px solid\n ", ";\n border-radius: 50px;\n\n margin-right: ", ";\n margin-left: ", ";\n\n background-color: ", ";\n\n &::before {\n transition: all 0.2s ease-in-out;\n content: '';\n display: block;\n position: absolute;\n height: ", "px;\n width: ", "px;\n top: 50%;\n transform: translateY(-50%);\n left: ", ";\n border-radius: 100%;\n background-color: ", ";\n }\n"], ["\n transition: all 0.2s ease-out;\n position: relative;\n\n height: ", "px;\n width: ", "px;\n\n border: 1px solid\n ", ";\n border-radius: 50px;\n\n margin-right: ", ";\n margin-left: ", ";\n\n background-color: ", ";\n\n &::before {\n transition: all 0.2s ease-in-out;\n content: '';\n display: block;\n position: absolute;\n height: ", "px;\n width: ", "px;\n top: 50%;\n transform: translateY(-50%);\n left: ", ";\n border-radius: 100%;\n background-color: ", ";\n }\n"])), function (_a) {
|
|
42
42
|
var size = _a.size;
|
|
43
43
|
return sizes_1.SIZE_TO_PX[size] - 5;
|
|
44
44
|
}, function (_a) {
|
|
@@ -71,7 +71,7 @@ var StyledSwitch = styled_components_1["default"].div(templateObject_1 || (templ
|
|
|
71
71
|
? (0, polished_1.rgba)((0, colors_1.getReadableColor)(theme, undefined, undefined), 0.2)
|
|
72
72
|
: (0, colors_1.getReadableColor)(theme, undefined, undefined);
|
|
73
73
|
});
|
|
74
|
-
var StyledCheckbox = styled_components_1["default"].div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n display: flex;\n align-items: center;\n cursor: pointer;\n padding: 0px;\n transition: all 0.
|
|
74
|
+
var StyledCheckbox = styled_components_1["default"].div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n display: flex;\n align-items: center;\n cursor: pointer;\n padding: 0px;\n transition: all 0.2s ease-out;\n\n height: ", "px;\n font-size: ", "px;\n\n flex: ", ";\n\n opacity: ", ";\n pointer-events: ", ";\n\n color: ", ";\n\n &:hover {\n color: ", ";\n\n > ", " {\n border-color: ", ";\n }\n }\n"], ["\n display: flex;\n align-items: center;\n cursor: pointer;\n padding: 0px;\n transition: all 0.2s ease-out;\n\n height: ", "px;\n font-size: ", "px;\n\n flex: ", ";\n\n opacity: ", ";\n pointer-events: ", ";\n\n color: ", ";\n\n &:hover {\n color: ", ";\n\n > ", " {\n border-color: ", ";\n }\n }\n"])), function (_a) {
|
|
75
75
|
var size = _a.size;
|
|
76
76
|
return sizes_1.SIZE_TO_PX[size];
|
|
77
77
|
}, function (_a) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Checkbox/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,qCAAgC;AAChC,+BAAkD;AAClD,wEAAuC;AACvC,+CAA2E;AAE3E,+CAAwD;AACxD,+DAA8D;AAC9D,sEAAgD;AAGhD,iDAAiC;AAsBjC,IAAM,YAAY,GAAG,8BAAM,CAAC,GAAG,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Checkbox/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -18,6 +18,7 @@ export interface IReqoreDrawerProps extends React.HTMLAttributes<HTMLDivElement>
|
|
|
18
18
|
flat?: boolean;
|
|
19
19
|
floating?: boolean;
|
|
20
20
|
padded?: boolean;
|
|
21
|
+
blur?: number;
|
|
21
22
|
}
|
|
22
23
|
export interface IReqoreDrawerStyle extends IReqoreDrawerProps {
|
|
23
24
|
theme: IReqoreTheme;
|
|
@@ -31,5 +32,5 @@ export declare const StyledVerticalDrawer: any;
|
|
|
31
32
|
export declare const StyledHorizontalDrawer: any;
|
|
32
33
|
export declare const StyledCloseWrapper: any;
|
|
33
34
|
export declare const StyledBackdrop: any;
|
|
34
|
-
export declare const ReqoreDrawer: ({ children, isOpen, isHidden, customTheme, position, maxSize, minSize, onClose, hasBackdrop, size, resizable, hidable, onHideToggle, className, flat, floating, ...rest }: IReqoreDrawerProps) => JSX.Element;
|
|
35
|
+
export declare const ReqoreDrawer: ({ children, isOpen, isHidden, customTheme, position, maxSize, minSize, onClose, hasBackdrop, size, resizable, hidable, onHideToggle, className, flat, floating, blur, ...rest }: IReqoreDrawerProps) => JSX.Element;
|
|
35
36
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Drawer/index.tsx"],"names":[],"mappings":";AAQA,OAAO,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAQrD,MAAM,WAAW,kBAAmB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC9E,QAAQ,CAAC,EAAE,GAAG,CAAC;IACf,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW,CAAC,EAAE,YAAY,CAAC;IAC3B,QAAQ,CAAC,EAAE,KAAK,GAAG,QAAQ,GAAG,MAAM,GAAG,OAAO,CAAC;IAC/C,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,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,MAAM,CAAC,EAAE,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Drawer/index.tsx"],"names":[],"mappings":";AAQA,OAAO,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAQrD,MAAM,WAAW,kBAAmB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC9E,QAAQ,CAAC,EAAE,GAAG,CAAC;IACf,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW,CAAC,EAAE,YAAY,CAAC;IAC3B,QAAQ,CAAC,EAAE,KAAK,GAAG,QAAQ,GAAG,MAAM,GAAG,OAAO,CAAC;IAC/C,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,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;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,YAAY,KAsBxB,CAAC;AAEF,eAAO,MAAM,oBAAoB,KAahC,CAAC;AAEF,eAAO,MAAM,sBAAsB,KAalC,CAAC;AAEF,eAAO,MAAM,kBAAkB,KA+C9B,CAAC;AAEF,eAAO,MAAM,cAAc,KAY1B,CAAC;AAkBF,eAAO,MAAM,YAAY,oLAmBtB,kBAAkB,gBAwKpB,CAAC"}
|
|
@@ -63,7 +63,7 @@ var colors_1 = require("../../helpers/colors");
|
|
|
63
63
|
var useLatestZIndex_1 = __importDefault(require("../../hooks/useLatestZIndex"));
|
|
64
64
|
var useTheme_1 = require("../../hooks/useTheme");
|
|
65
65
|
var Button_1 = __importDefault(require("../Button"));
|
|
66
|
-
exports.StyledDrawer = styled_components_1["default"].div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n background-color: ", ";\n color: ", ";\n border-radius: ", "px;\n padding: ", "px;\n box-shadow: ", ";\n overflow: hidden;\n display: flex;\n flex-flow: column;\n transition: all 0.2s ease-in-out;\n\n ", "\n"], ["\n background-color: ", ";\n color: ", ";\n border-radius: ", "px;\n padding: ", "px;\n box-shadow: ", ";\n overflow: hidden;\n display: flex;\n flex-flow: column;\n transition: all 0.2s ease-in-out;\n\n ", "\n"])), function (_a) {
|
|
66
|
+
exports.StyledDrawer = styled_components_1["default"].div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n background-color: ", ";\n color: ", ";\n border-radius: ", "px;\n padding: ", "px;\n box-shadow: ", ";\n overflow: hidden;\n display: flex;\n flex-flow: column;\n transition: all 0.2s ease-in-out;\n\n // Only apply the blur filter if the modal has no backdrop & transparent background.\n backdrop-filter: ", ";\n\n ", "\n"], ["\n background-color: ", ";\n color: ", ";\n border-radius: ", "px;\n padding: ", "px;\n box-shadow: ", ";\n overflow: hidden;\n display: flex;\n flex-flow: column;\n transition: all 0.2s ease-in-out;\n\n // Only apply the blur filter if the modal has no backdrop & transparent background.\n backdrop-filter: ", ";\n\n ", "\n"])), function (_a) {
|
|
67
67
|
var theme = _a.theme, _b = _a.opacity, opacity = _b === void 0 ? 1 : _b;
|
|
68
68
|
return (0, polished_1.rgba)((0, colors_1.getMainBackgroundColor)(theme), opacity);
|
|
69
69
|
}, function (_a) {
|
|
@@ -78,6 +78,9 @@ exports.StyledDrawer = styled_components_1["default"].div(templateObject_2 || (t
|
|
|
78
78
|
}, function (_a) {
|
|
79
79
|
var floating = _a.floating;
|
|
80
80
|
return floating ? "0px 0px 30px 0px " + (0, polished_1.rgba)('#000000', 0.4) : undefined;
|
|
81
|
+
}, function (_a) {
|
|
82
|
+
var blur = _a.blur, opacity = _a.opacity, hasBackdrop = _a.hasBackdrop;
|
|
83
|
+
return blur && !hasBackdrop && opacity < 1 ? "blur(" + blur + "px)" : undefined;
|
|
81
84
|
}, function (_a) {
|
|
82
85
|
var theme = _a.theme, flat = _a.flat, floating = _a.floating;
|
|
83
86
|
return !flat && floating
|
|
@@ -106,7 +109,10 @@ exports.StyledCloseWrapper = styled_components_1["default"].div(templateObject_1
|
|
|
106
109
|
return (0, styled_components_1.css)(templateObject_10 || (templateObject_10 = __makeTemplateObject(["\n display: flex;\n flex-flow: column;\n top: 0;\n margin-left: -30px;\n > * {\n margin-top: 5px;\n }\n "], ["\n display: flex;\n flex-flow: column;\n top: 0;\n margin-left: -30px;\n > * {\n margin-top: 5px;\n }\n "])));
|
|
107
110
|
}
|
|
108
111
|
});
|
|
109
|
-
exports.StyledBackdrop = (0, styled_components_1["default"])(web_1.animated.div)(templateObject_12 || (templateObject_12 = __makeTemplateObject(["\n position: fixed;\n top: 0;\n bottom: 0;\n right: 0;\n left: 0;\n
|
|
112
|
+
exports.StyledBackdrop = (0, styled_components_1["default"])(web_1.animated.div)(templateObject_12 || (templateObject_12 = __makeTemplateObject(["\n position: fixed;\n top: 0;\n bottom: 0;\n right: 0;\n left: 0;\n backdrop-filter: ", ";\n z-index: ", ";\n background-color: ", ";\n cursor: ", ";\n"], ["\n position: fixed;\n top: 0;\n bottom: 0;\n right: 0;\n left: 0;\n backdrop-filter: ", ";\n z-index: ", ";\n background-color: ", ";\n cursor: ", ";\n"])), function (_a) {
|
|
113
|
+
var blur = _a.blur;
|
|
114
|
+
return (blur ? "blur(" + blur + "px)" : undefined);
|
|
115
|
+
}, function (_a) {
|
|
110
116
|
var zIndex = _a.zIndex;
|
|
111
117
|
return zIndex;
|
|
112
118
|
}, function (_a) {
|
|
@@ -130,7 +136,7 @@ var getHideShowIcon = function (position, isHidden) {
|
|
|
130
136
|
};
|
|
131
137
|
var ReqoreDrawer = function (_a) {
|
|
132
138
|
var _b, _c, _d;
|
|
133
|
-
var children = _a.children, isOpen = _a.isOpen, isHidden = _a.isHidden, customTheme = _a.customTheme, _e = _a.position, position = _e === void 0 ? 'right' : _e, maxSize = _a.maxSize, _f = _a.minSize, minSize = _f === void 0 ? '55px' : _f, onClose = _a.onClose, hasBackdrop = _a.hasBackdrop, size = _a.size, resizable = _a.resizable, hidable = _a.hidable, onHideToggle = _a.onHideToggle, className = _a.className, flat = _a.flat, floating = _a.floating, rest = __rest(_a, ["children", "isOpen", "isHidden", "customTheme", "position", "maxSize", "minSize", "onClose", "hasBackdrop", "size", "resizable", "hidable", "onHideToggle", "className", "flat", "floating"]);
|
|
139
|
+
var children = _a.children, isOpen = _a.isOpen, isHidden = _a.isHidden, customTheme = _a.customTheme, _e = _a.position, position = _e === void 0 ? 'right' : _e, maxSize = _a.maxSize, _f = _a.minSize, minSize = _f === void 0 ? '55px' : _f, onClose = _a.onClose, hasBackdrop = _a.hasBackdrop, size = _a.size, resizable = _a.resizable, hidable = _a.hidable, onHideToggle = _a.onHideToggle, className = _a.className, flat = _a.flat, floating = _a.floating, blur = _a.blur, rest = __rest(_a, ["children", "isOpen", "isHidden", "customTheme", "position", "maxSize", "minSize", "onClose", "hasBackdrop", "size", "resizable", "hidable", "onHideToggle", "className", "flat", "floating", "blur"]);
|
|
134
140
|
var theme = (0, useTheme_1.useReqoreTheme)('main', customTheme);
|
|
135
141
|
var layout = (0, react_1.useMemo)(function () { return (position === 'top' || position === 'bottom' ? 'horizontal' : 'vertical'); }, [position]);
|
|
136
142
|
var _g = (0, react_1.useState)(isHidden || false), _isHidden = _g[0], setIsHidden = _g[1];
|
|
@@ -156,7 +162,7 @@ var ReqoreDrawer = function (_a) {
|
|
|
156
162
|
var zIndex = (0, useLatestZIndex_1["default"])();
|
|
157
163
|
return transitions(function (styles, item) {
|
|
158
164
|
return item
|
|
159
|
-
? (0, react_dom_1.createPortal)((0, jsx_runtime_1.jsxs)(ThemeProvider_1["default"], __assign({ theme: theme }, { children: [hasBackdrop && !_isHidden ? ((0, jsx_runtime_1.jsx)(exports.StyledBackdrop, { className: 'reqore-drawer-backdrop', onClick: function () { return onClose && onClose(); }, closable: !!onClose, zIndex: zIndex, style: {
|
|
165
|
+
? (0, react_dom_1.createPortal)((0, jsx_runtime_1.jsxs)(ThemeProvider_1["default"], __assign({ theme: theme }, { children: [hasBackdrop && !_isHidden ? ((0, jsx_runtime_1.jsx)(exports.StyledBackdrop, { className: 'reqore-drawer-backdrop', onClick: function () { return onClose && onClose(); }, closable: !!onClose, zIndex: zIndex, blur: blur, style: {
|
|
160
166
|
opacity: styles.opacity
|
|
161
167
|
} }, void 0)) : null, (0, jsx_runtime_1.jsxs)(re_resizable_1.Resizable, __assign({ className: 'reqore-drawer-resizable', maxHeight: layout === 'horizontal' ? maxSize : undefined, minHeight: layout === 'horizontal' ? (_isHidden ? 0 : minSize) : undefined, maxWidth: layout === 'vertical' ? maxSize : undefined, minWidth: layout === 'vertical' ? (_isHidden ? 0 : minSize) : undefined, as: web_1.animated.div, style: __assign({ zIndex: zIndex, display: 'flex', position: 'fixed', overflow: hidable ? undefined : 'hidden', top: position === 'top' || layout === 'vertical'
|
|
162
168
|
? floating
|
|
@@ -196,7 +202,7 @@ var ReqoreDrawer = function (_a) {
|
|
|
196
202
|
} }, { children: [onClose || hidable ? ((0, jsx_runtime_1.jsxs)(exports.StyledCloseWrapper, __assign({ className: 'reqore-drawer-controls', position: position, w: layout === 'vertical' && _isHidden ? 0 : _size.width, h: layout === 'horizontal' && _isHidden ? 0 : _size.height }, { children: [onClose && ((0, jsx_runtime_1.jsx)(Button_1["default"], { size: 'small', flat: flat, icon: 'CloseLine', onClick: function () { return onClose && onClose(); }, className: 'reqore-drawer-control reqore-drawer-close' }, void 0)), hidable && ((0, jsx_runtime_1.jsx)(Button_1["default"], { size: 'small', flat: flat, className: 'reqore-drawer-control reqore-drawer-hide', icon: getHideShowIcon(position, _isHidden), onClick: function () {
|
|
197
203
|
setIsHidden(!_isHidden);
|
|
198
204
|
onHideToggle && onHideToggle(!_isHidden);
|
|
199
|
-
} }, void 0))] }), void 0)) : null, !_isHidden && ((0, jsx_runtime_1.jsx)(Wrapper, __assign({}, rest, { flat: flat, className: (className || '') + " reqore-drawer", width: _size.width, height: _size.height, position: position, floating: floating }, { children: children }), void 0))] }), void 0)] }), void 0), document.querySelector('#reqore-portal'))
|
|
205
|
+
} }, void 0))] }), void 0)) : null, !_isHidden && ((0, jsx_runtime_1.jsx)(Wrapper, __assign({}, rest, { flat: flat, className: (className || '') + " reqore-drawer", width: _size.width, height: _size.height, position: position, floating: floating, blur: blur }, { children: children }), void 0))] }), void 0)] }), void 0), document.querySelector('#reqore-portal'))
|
|
200
206
|
: null;
|
|
201
207
|
});
|
|
202
208
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Drawer/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,yCAA4D;AAC5D,+CAA+C;AAC/C,qCAAgC;AAChC,6CAAyC;AACzC,+BAAqD;AACrD,uCAAyC;AACzC,qEAAgD;AAChD,yDAA2D;AAE3D,iFAAiE;AACjE,+CAAiG;AACjG,gFAA0D;AAC1D,iDAAsD;AAEtD,qDAAqC;
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Drawer/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { IPopoverOptions } from '../../hooks/usePopover';
|
|
3
|
+
import { IReqoreIconName } from '../../types/icons';
|
|
3
4
|
import { IReqoreDropdownItemProps } from './item';
|
|
4
5
|
export interface IReqoreDropdownProps extends IPopoverOptions {
|
|
5
6
|
items?: IReqoreDropdownItemProps[];
|
|
@@ -12,8 +13,12 @@ export interface IReqoreDropdownProps extends IPopoverOptions {
|
|
|
12
13
|
};
|
|
13
14
|
filterable?: boolean;
|
|
14
15
|
label?: any;
|
|
16
|
+
children?: any;
|
|
15
17
|
width?: string;
|
|
18
|
+
icon?: IReqoreIconName;
|
|
19
|
+
rightIcon?: IReqoreIconName;
|
|
20
|
+
caretPosition?: 'left' | 'right';
|
|
16
21
|
}
|
|
17
|
-
declare const ReqoreDropdown: ({ items, component, componentProps, label, multiSelect, buttonStyle, listStyle, handler, placement, filterable, ...rest }: IReqoreDropdownProps) => JSX.Element;
|
|
22
|
+
declare const ReqoreDropdown: ({ items, component, componentProps, label, children, multiSelect, buttonStyle, listStyle, handler, placement, filterable, icon, rightIcon, caretPosition, ...rest }: IReqoreDropdownProps) => JSX.Element;
|
|
18
23
|
export default ReqoreDropdown;
|
|
19
24
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Dropdown/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAC;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Dropdown/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAC;AACzD,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAEpD,OAAO,EAAE,wBAAwB,EAAE,MAAM,QAAQ,CAAC;AAGlD,MAAM,WAAW,oBAAqB,SAAQ,eAAe;IAC3D,KAAK,CAAC,EAAE,wBAAwB,EAAE,CAAC;IACnC,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,WAAW,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAClC,SAAS,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAChC,SAAS,CAAC,EAAE,GAAG,CAAC;IAChB,cAAc,CAAC,EAAE;QAAE,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAA;KAAE,CAAC;IACxC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,KAAK,CAAC,EAAE,GAAG,CAAC;IACZ,QAAQ,CAAC,EAAE,GAAG,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,eAAe,CAAC;IACvB,SAAS,CAAC,EAAE,eAAe,CAAC;IAC5B,aAAa,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;CAClC;AAED,QAAA,MAAM,cAAc,wKAgBjB,oBAAoB,gBAiCtB,CAAC;AAEF,eAAe,cAAc,CAAC"}
|