@qoretechnologies/reqore 0.20.7 → 0.21.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/__tests__/dropdown.test.tsx +1 -1
- package/dist/components/Breadcrumbs/index.d.ts +2 -2
- package/dist/components/Breadcrumbs/index.d.ts.map +1 -1
- package/dist/components/Breadcrumbs/item.d.ts.map +1 -1
- package/dist/components/Breadcrumbs/item.js +3 -4
- package/dist/components/Breadcrumbs/item.js.map +1 -1
- package/dist/components/Button/index.d.ts +3 -7
- package/dist/components/Button/index.d.ts.map +1 -1
- package/dist/components/Button/index.js +28 -19
- package/dist/components/Button/index.js.map +1 -1
- package/dist/components/Checkbox/index.d.ts +3 -4
- package/dist/components/Checkbox/index.d.ts.map +1 -1
- package/dist/components/Checkbox/index.js +35 -12
- package/dist/components/Checkbox/index.js.map +1 -1
- package/dist/components/Comment/index.d.ts +2 -2
- package/dist/components/ControlGroup/index.d.ts +1 -0
- package/dist/components/ControlGroup/index.d.ts.map +1 -1
- package/dist/components/ControlGroup/index.js +3 -2
- package/dist/components/ControlGroup/index.js.map +1 -1
- package/dist/components/Header/index.d.ts +2 -2
- package/dist/components/Header/index.d.ts.map +1 -1
- package/dist/components/Icon/index.d.ts +2 -2
- package/dist/components/Input/index.d.ts +2 -4
- package/dist/components/Input/index.d.ts.map +1 -1
- package/dist/components/Input/index.js +57 -28
- package/dist/components/Input/index.js.map +1 -1
- package/dist/components/Menu/index.d.ts +3 -2
- package/dist/components/Menu/index.d.ts.map +1 -1
- package/dist/components/Menu/index.js +7 -4
- package/dist/components/Menu/index.js.map +1 -1
- package/dist/components/Menu/item.d.ts +7 -6
- package/dist/components/Menu/item.d.ts.map +1 -1
- package/dist/components/Menu/item.js +9 -67
- package/dist/components/Menu/item.js.map +1 -1
- package/dist/components/Message/index.d.ts +2 -2
- package/dist/components/Message/index.d.ts.map +1 -1
- package/dist/components/Navbar/item.d.ts.map +1 -1
- package/dist/components/Navbar/item.js +12 -5
- package/dist/components/Navbar/item.js.map +1 -1
- package/dist/components/Notifications/notification.d.ts +4 -4
- package/dist/components/Notifications/notification.d.ts.map +1 -1
- package/dist/components/Panel/index.d.ts +3 -3
- package/dist/components/Panel/index.d.ts.map +1 -1
- package/dist/components/Paragraph/index.d.ts +2 -2
- package/dist/components/Paragraph/index.d.ts.map +1 -1
- package/dist/components/Sidebar/index.d.ts.map +1 -1
- package/dist/components/Sidebar/index.js +7 -6
- package/dist/components/Sidebar/index.js.map +1 -1
- package/dist/components/Table/index.d.ts +6 -6
- package/dist/components/Table/index.d.ts.map +1 -1
- package/dist/components/Table/row.d.ts +6 -6
- package/dist/components/Table/row.d.ts.map +1 -1
- package/dist/components/Tabs/index.d.ts +5 -5
- package/dist/components/Tabs/item.d.ts.map +1 -1
- package/dist/components/Tabs/item.js +2 -3
- package/dist/components/Tabs/item.js.map +1 -1
- package/dist/components/Tag/index.d.ts +5 -10
- package/dist/components/Tag/index.d.ts.map +1 -1
- package/dist/components/Tag/index.js +10 -7
- package/dist/components/Tag/index.js.map +1 -1
- package/dist/components/Textarea/index.d.ts +4 -2
- package/dist/components/Textarea/index.d.ts.map +1 -1
- package/dist/components/Textarea/index.js +55 -15
- package/dist/components/Textarea/index.js.map +1 -1
- package/dist/constants/theme.d.ts +1 -1
- package/dist/containers/ReqoreProvider.d.ts +4 -4
- package/dist/helpers/colors.d.ts +2 -2
- package/dist/helpers/colors.d.ts.map +1 -1
- package/dist/hooks/useCombinedRefs.d.ts +10 -1
- package/dist/hooks/useCombinedRefs.d.ts.map +1 -1
- package/dist/hooks/useCombinedRefs.js +18 -2
- package/dist/hooks/useCombinedRefs.js.map +1 -1
- package/dist/hooks/useTheme.d.ts +2 -2
- package/dist/hooks/useTheme.d.ts.map +1 -1
- package/dist/styles.d.ts +2 -0
- package/dist/styles.d.ts.map +1 -1
- package/dist/styles.js +5 -3
- package/dist/styles.js.map +1 -1
- package/dist/types/global.d.ts +69 -0
- package/dist/types/global.d.ts.map +1 -1
- package/package.json +1 -1
- package/src/components/Breadcrumbs/index.tsx +2 -2
- package/src/components/Breadcrumbs/item.tsx +4 -5
- package/src/components/Button/index.tsx +77 -49
- package/src/components/Checkbox/index.tsx +27 -17
- package/src/components/Comment/index.tsx +2 -2
- package/src/components/ControlGroup/index.tsx +3 -3
- package/src/components/Header/index.tsx +2 -2
- package/src/components/Icon/index.tsx +2 -2
- package/src/components/Input/index.tsx +58 -44
- package/src/components/Menu/index.tsx +14 -3
- package/src/components/Menu/item.tsx +42 -132
- package/src/components/Message/index.tsx +2 -2
- package/src/components/Navbar/item.tsx +20 -3
- package/src/components/Notifications/notification.tsx +4 -4
- package/src/components/Panel/index.tsx +3 -3
- package/src/components/Paragraph/index.tsx +2 -2
- package/src/components/Sidebar/index.tsx +11 -0
- package/src/components/Table/index.tsx +8 -8
- package/src/components/Table/row.tsx +11 -11
- package/src/components/Tabs/index.tsx +5 -5
- package/src/components/Tabs/item.tsx +3 -4
- package/src/components/Tag/index.tsx +18 -21
- package/src/components/Textarea/index.tsx +76 -28
- package/src/constants/theme.ts +1 -1
- package/src/containers/ReqoreProvider.tsx +4 -4
- package/src/helpers/colors.ts +2 -2
- package/src/hooks/useCombinedRefs.ts +9 -2
- package/src/hooks/useTheme.ts +2 -2
- package/src/stories/Button/Button.stories.tsx +4 -1
- package/src/stories/Checkbox/Checkbox.stories.tsx +5 -4
- package/src/stories/Input/Input.stories.tsx +39 -6
- package/src/stories/Menu/Menu.stories.tsx +14 -2
- package/src/stories/RadioGroup/RadioGroup.stories.tsx +10 -0
- package/src/stories/Tag/Tag.stories.tsx +7 -1
- package/src/stories/TextArea/TextArea.stories.tsx +83 -13
- package/src/styles.ts +11 -2
- package/src/types/global.ts +74 -0
- package/tests.json +1 -1
|
@@ -42,7 +42,7 @@ test('Renders <Dropdown /> properly', () => {
|
|
|
42
42
|
fireEvent.click(document.querySelector('.reqore-button')!);
|
|
43
43
|
|
|
44
44
|
expect(document.querySelector('.reqore-button')?.getAttribute('disabled')).toBe(null);
|
|
45
|
-
expect(document.querySelectorAll('.reqore-button').length).toBe(
|
|
45
|
+
expect(document.querySelectorAll('.reqore-button').length).toBe(5);
|
|
46
46
|
expect(document.querySelectorAll('.reqore-popover-content').length).toBe(1);
|
|
47
47
|
expect(document.querySelectorAll('.reqore-menu-item').length).toBe(3);
|
|
48
48
|
});
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { TSizes } from '../../constants/sizes';
|
|
3
|
-
import { IReqoreBreadcrumbsTheme,
|
|
3
|
+
import { IReqoreBreadcrumbsTheme, TReqoreIntent } from '../../constants/theme';
|
|
4
4
|
import { TReqoreTooltipProp } from '../../types/global';
|
|
5
5
|
import { IReqoreIconName } from '../../types/icons';
|
|
6
6
|
import { IReqoreTabsListItem } from '../Tabs';
|
|
@@ -8,7 +8,7 @@ export interface IReqoreBreadcrumbItemTabs {
|
|
|
8
8
|
tabs: IReqoreTabsListItem[];
|
|
9
9
|
onTabChange: (tabId: string | number) => any;
|
|
10
10
|
activeTab: string;
|
|
11
|
-
activeTabIntent?:
|
|
11
|
+
activeTabIntent?: TReqoreIntent;
|
|
12
12
|
}
|
|
13
13
|
export interface IReqoreBreadcrumbItem {
|
|
14
14
|
tooltip?: TReqoreTooltipProp;
|
|
@@ -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,
|
|
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;AAkHD,QAAA,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC,uBAAuB,CAmHxD,CAAC;AAEF,eAAe,iBAAiB,CAAC"}
|
|
@@ -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,EAAqC,MAAM,EAAE,MAAM,uBAAuB,CAAC;AAClF,OAAO,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAcrD,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;AAqFD,QAAA,MAAM,qBAAqB,
|
|
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;AAcrD,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;AAqFD,QAAA,MAAM,qBAAqB,gHA8C1B,CAAC;AAEF,eAAe,qBAAqB,CAAC"}
|
|
@@ -72,11 +72,10 @@ var StyledBreadcrumbItem = styled_components_1["default"].div(templateObject_4 |
|
|
|
72
72
|
});
|
|
73
73
|
var ReqoreBreadcrumbsItem = (0, react_1.forwardRef)(function (_a, ref) {
|
|
74
74
|
var tooltip = _a.tooltip, label = _a.label, props = _a.props, icon = _a.icon, active = _a.active, as = _a.as, interactive = _a.interactive, customTheme = _a.customTheme, _b = _a.size, size = _b === void 0 ? 'normal' : _b;
|
|
75
|
-
var
|
|
76
|
-
var combinedRef = (0, useCombinedRefs_1.useCombinedRefs)(innerRef, ref);
|
|
75
|
+
var targetRef = (0, useCombinedRefs_1.useCombinedRefs)(ref).targetRef;
|
|
77
76
|
var theme = (0, useTheme_1.useReqoreTheme)('breadcrumbs', customTheme);
|
|
78
|
-
(0, useTooltip_1.useTooltip)(
|
|
79
|
-
return ((0, jsx_runtime_1.jsxs)(StyledBreadcrumbItem, __assign({ ref:
|
|
77
|
+
(0, useTooltip_1.useTooltip)(targetRef === null || targetRef === void 0 ? void 0 : targetRef.current, tooltip);
|
|
78
|
+
return ((0, jsx_runtime_1.jsxs)(StyledBreadcrumbItem, __assign({ ref: targetRef, 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: "".concat(sizes_1.TEXT_FROM_SIZE[size], "px"), margin: label ? 'right' : undefined })), label && ((0, jsx_runtime_1.jsxs)(Button_1.StyledAnimatedTextWrapper, __assign({ as: as || 'span' }, props, { children: [(0, jsx_runtime_1.jsx)(Button_1.StyledActiveContent, { children: label }), (0, jsx_runtime_1.jsx)(Button_1.StyledInActiveContent, { children: label }), (0, jsx_runtime_1.jsx)(Button_1.StyledInvisibleContent, { children: label })] })))] })));
|
|
80
79
|
});
|
|
81
80
|
exports["default"] = ReqoreBreadcrumbsItem;
|
|
82
81
|
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,+
|
|
1
|
+
{"version":3,"file":"item.js","sourceRoot":"","sources":["../../../src/components/Breadcrumbs/item.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,19 +1,15 @@
|
|
|
1
|
-
import { Placement } from '@popperjs/core';
|
|
2
1
|
import React from 'react';
|
|
3
2
|
import { TSizes } from '../../constants/sizes';
|
|
4
|
-
import { IReqoreCustomTheme,
|
|
5
|
-
import { TReqoreTooltipProp } from '../../types/global';
|
|
3
|
+
import { IReqoreCustomTheme, IReqoreTheme } from '../../constants/theme';
|
|
4
|
+
import { IReqoreDisabled, IReqoreIntent, IReqoreReadOnly, TReqoreTooltipProp } from '../../types/global';
|
|
6
5
|
import { IReqoreIconName } from '../../types/icons';
|
|
7
|
-
export interface IReqoreButtonProps extends React.HTMLAttributes<HTMLButtonElement
|
|
6
|
+
export interface IReqoreButtonProps extends React.HTMLAttributes<HTMLButtonElement>, IReqoreDisabled, IReqoreIntent, IReqoreReadOnly {
|
|
8
7
|
icon?: IReqoreIconName;
|
|
9
8
|
size?: TSizes;
|
|
10
9
|
minimal?: boolean;
|
|
11
|
-
disabled?: boolean;
|
|
12
10
|
tooltip?: TReqoreTooltipProp;
|
|
13
|
-
tooltipPlacement?: Placement;
|
|
14
11
|
fluid?: boolean;
|
|
15
12
|
fixed?: boolean;
|
|
16
|
-
intent?: IReqoreIntent;
|
|
17
13
|
active?: boolean;
|
|
18
14
|
flat?: boolean;
|
|
19
15
|
rightIcon?: IReqoreIconName;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Button/index.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Button/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAE1C,OAAO,EAKL,MAAM,EACP,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EAAE,kBAAkB,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAYzE,OAAO,EACL,eAAe,EACf,aAAa,EACb,eAAe,EACf,kBAAkB,EACnB,MAAM,oBAAoB,CAAC;AAC5B,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAGpD,MAAM,WAAW,kBACf,SAAQ,KAAK,CAAC,cAAc,CAAC,iBAAiB,CAAC,EAC7C,eAAe,EACf,aAAa,EACb,eAAe;IACjB,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;CAChB;AAED,MAAM,WAAW,kBAAmB,SAAQ,IAAI,CAAC,kBAAkB,EAAE,QAAQ,CAAC;IAC5E,KAAK,EAAE,YAAY,CAAC;CACrB;AAUD,eAAO,MAAM,yBAAyB,KAIrC,CAAC;AAEF,eAAO,MAAM,mBAAmB,KAe/B,CAAC;AAEF,eAAO,MAAM,qBAAqB,KAajC,CAAC;AAEF,eAAO,MAAM,sBAAsB,KAUlC,CAAC;AAEF,eAAO,MAAM,YAAY,KAgHxB,CAAC;AAEF,QAAA,MAAM,YAAY,oFAsEjB,CAAC;AAEF,eAAe,YAAY,CAAC"}
|
|
@@ -70,7 +70,7 @@ var getButtonMainColor = function (theme, color) {
|
|
|
70
70
|
}
|
|
71
71
|
return theme.main;
|
|
72
72
|
};
|
|
73
|
-
exports.StyledAnimatedTextWrapper = styled_components_1["default"].span(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n overflow: hidden;\n position: relative;\n"], ["\n overflow: hidden;\n position: relative;\n"])));
|
|
73
|
+
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"])));
|
|
74
74
|
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) {
|
|
75
75
|
var wrap = _a.wrap;
|
|
76
76
|
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 "])));
|
|
@@ -83,7 +83,7 @@ exports.StyledInvisibleContent = styled_components_1["default"].span(templateObj
|
|
|
83
83
|
var wrap = _a.wrap;
|
|
84
84
|
return wrap && (0, styled_components_1.css)(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n white-space: nowrap;\n "], ["\n white-space: nowrap;\n "])));
|
|
85
85
|
});
|
|
86
|
-
exports.StyledButton = styled_components_1["default"].button(
|
|
86
|
+
exports.StyledButton = styled_components_1["default"].button(templateObject_12 || (templateObject_12 = __makeTemplateObject(["\n display: flex;\n text-align: left;\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 min-height: ", "px;\n\n ", "\n\n min-width: ", "px;\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 display: flex;\n text-align: left;\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 min-height: ", "px;\n\n ", "\n\n min-width: ", "px;\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"])), function (_a) {
|
|
87
87
|
var theme = _a.theme, minimal = _a.minimal, color = _a.color, flat = _a.flat;
|
|
88
88
|
return !minimal && !flat ? "1px solid ".concat((0, colors_1.changeLightness)(getButtonMainColor(theme, color), 0.05)) : 0;
|
|
89
89
|
}, function (_a) {
|
|
@@ -95,6 +95,12 @@ exports.StyledButton = styled_components_1["default"].button(templateObject_9 ||
|
|
|
95
95
|
}, function (_a) {
|
|
96
96
|
var size = _a.size;
|
|
97
97
|
return sizes_1.SIZE_TO_PX[size];
|
|
98
|
+
}, function (_a) {
|
|
99
|
+
var wrap = _a.wrap;
|
|
100
|
+
return wrap && (0, styled_components_1.css)(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n max-height: ", "px;\n "], ["\n max-height: ", "px;\n "])), function (_a) {
|
|
101
|
+
var size = _a.size;
|
|
102
|
+
return sizes_1.SIZE_TO_PX[size];
|
|
103
|
+
});
|
|
98
104
|
}, function (_a) {
|
|
99
105
|
var size = _a.size;
|
|
100
106
|
return sizes_1.SIZE_TO_PX[size];
|
|
@@ -120,35 +126,38 @@ exports.StyledButton = styled_components_1["default"].button(templateObject_9 ||
|
|
|
120
126
|
? (0, colors_1.getReadableColor)(theme, undefined, undefined, true)
|
|
121
127
|
: (0, colors_1.getReadableColorFrom)(color, true)
|
|
122
128
|
: (0, colors_1.getReadableColor)(theme, undefined, undefined, true);
|
|
123
|
-
}, styles_1.
|
|
124
|
-
var
|
|
125
|
-
return
|
|
126
|
-
}, function (_a) {
|
|
127
|
-
|
|
128
|
-
|
|
129
|
+
}, styles_1.InactiveIconScale, function (_a) {
|
|
130
|
+
var readOnly = _a.readOnly;
|
|
131
|
+
return !readOnly
|
|
132
|
+
? (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: scale(0.95);\n }\n\n &:hover,\n &:focus {\n background-color: ", ";\n color: ", ";\n border-color: ", ";\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 &:not(:disabled) {\n ", "\n\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 ", " {\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 "])), styles_1.ScaleIconOnHover, function (_a) {
|
|
133
|
+
var theme = _a.theme, color = _a.color;
|
|
134
|
+
return (0, colors_1.changeLightness)(getButtonMainColor(theme, color), 0.05);
|
|
135
|
+
}, function (_a) {
|
|
136
|
+
var theme = _a.theme, color = _a.color;
|
|
137
|
+
return (0, colors_1.getReadableColor)({ main: getButtonMainColor(theme, color) }, undefined, undefined);
|
|
138
|
+
}, function (_a) {
|
|
139
|
+
var minimal = _a.minimal, theme = _a.theme, color = _a.color;
|
|
140
|
+
return minimal ? undefined : (0, colors_1.changeLightness)(getButtonMainColor(theme, color), 0.1);
|
|
141
|
+
}, exports.StyledActiveContent, exports.StyledInActiveContent) : (0, styled_components_1.css)(templateObject_10 || (templateObject_10 = __makeTemplateObject(["\n ", ";\n "], ["\n ", ";\n "])), styles_1.ReadOnlyElement);
|
|
129
142
|
}, function (_a) {
|
|
130
|
-
var minimal = _a.minimal, theme = _a.theme, color = _a.color;
|
|
131
|
-
return minimal ? undefined : (0, colors_1.changeLightness)(getButtonMainColor(theme, color), 0.1);
|
|
132
|
-
}, exports.StyledActiveContent, exports.StyledInActiveContent, function (_a) {
|
|
133
143
|
var active = _a.active, minimal = _a.minimal, theme = _a.theme, color = _a.color;
|
|
134
|
-
return active && (0, styled_components_1.css)(
|
|
144
|
+
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
|
|
135
145
|
? undefined
|
|
136
146
|
: (0, colors_1.changeLightness)(getButtonMainColor(theme, color), 0.075), styles_1.ActiveIconScale);
|
|
137
|
-
}, function (_a) {
|
|
147
|
+
}, styles_1.DisabledElement, function (_a) {
|
|
138
148
|
var minimal = _a.minimal, theme = _a.theme, color = _a.color;
|
|
139
149
|
return minimal ? undefined : (0, colors_1.changeLightness)(getButtonMainColor(theme, color), 0.4);
|
|
140
150
|
});
|
|
141
151
|
var ReqoreButton = (0, react_1.forwardRef)(function (_a, ref) {
|
|
142
|
-
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, _c = _a.wrap, wrap = _c === void 0 ? true : _c, rest = __rest(_a, ["icon", "size", "minimal", "children", "tooltip", "className", "fluid", "fixed", "intent", "active", "flat", "rightIcon", "customTheme", "wrap"]);
|
|
143
|
-
var
|
|
144
|
-
var combinedRef = (0, useCombinedRefs_1.useCombinedRefs)(innerRef, ref);
|
|
152
|
+
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, _c = _a.wrap, wrap = _c === void 0 ? true : _c, readOnly = _a.readOnly, rest = __rest(_a, ["icon", "size", "minimal", "children", "tooltip", "className", "fluid", "fixed", "intent", "active", "flat", "rightIcon", "customTheme", "wrap", "readOnly"]);
|
|
153
|
+
var targetRef = (0, useCombinedRefs_1.useCombinedRefs)(ref).targetRef;
|
|
145
154
|
var theme = (0, useTheme_1.useReqoreTheme)('main', customTheme, intent);
|
|
146
155
|
/* A custom hook that is used to add a tooltip to the button. */
|
|
147
|
-
(0, useTooltip_1.useTooltip)(
|
|
156
|
+
(0, useTooltip_1.useTooltip)(targetRef.current, tooltip);
|
|
148
157
|
// If color or intent was specified, set the color
|
|
149
158
|
var customColor = theme.main;
|
|
150
|
-
return ((0, jsx_runtime_1.jsxs)(exports.StyledButton, __assign({}, rest, { theme: theme, ref:
|
|
159
|
+
return ((0, jsx_runtime_1.jsxs)(exports.StyledButton, __assign({}, rest, { theme: theme, ref: targetRef, fluid: fluid, fixed: fixed, minimal: minimal, size: size, color: customColor, flat: flat, active: active, readOnly: readOnly, className: "".concat(className || '', " reqore-control reqore-button") }, { children: [icon && ((0, jsx_runtime_1.jsx)(Icon_1["default"], { icon: icon, margin: children || rightIcon ? 'right' : undefined, size: "".concat(sizes_1.TEXT_FROM_SIZE[size], "px") })), children && ((0, jsx_runtime_1.jsxs)(exports.StyledAnimatedTextWrapper, { 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 }))] })), rightIcon && ((0, jsx_runtime_1.jsx)(Icon_1["default"], { icon: rightIcon, margin: children ? 'left' : undefined, size: "".concat(sizes_1.TEXT_FROM_SIZE[size], "px") }))] })));
|
|
151
160
|
});
|
|
152
161
|
exports["default"] = ReqoreButton;
|
|
153
|
-
var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9;
|
|
162
|
+
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;
|
|
154
163
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Button/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Button/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,19 +1,18 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { TSizes } from '../../constants/sizes';
|
|
3
3
|
import { IReqoreTheme } from '../../constants/theme';
|
|
4
|
-
import {
|
|
4
|
+
import { IReqoreDisabled, IReqoreReadOnly, TReqoreTooltipProp } from '../../types/global';
|
|
5
5
|
import { IReqoreIconName } from '../../types/icons';
|
|
6
|
-
export interface IReqoreCheckboxProps extends React.HTMLAttributes<HTMLDivElement
|
|
6
|
+
export interface IReqoreCheckboxProps extends React.HTMLAttributes<HTMLDivElement>, IReqoreDisabled, IReqoreReadOnly {
|
|
7
7
|
label?: string;
|
|
8
8
|
labelDetail?: any;
|
|
9
9
|
labelDetailPosition?: 'left' | 'right';
|
|
10
10
|
size?: TSizes;
|
|
11
11
|
checked?: boolean;
|
|
12
|
-
disabled?: boolean;
|
|
13
12
|
labelPosition?: 'right' | 'left';
|
|
14
13
|
fluid?: boolean;
|
|
15
14
|
fixed?: boolean;
|
|
16
|
-
tooltip?:
|
|
15
|
+
tooltip?: TReqoreTooltipProp;
|
|
17
16
|
asSwitch?: boolean;
|
|
18
17
|
uncheckedIcon?: IReqoreIconName;
|
|
19
18
|
checkedIcon?: IReqoreIconName;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Checkbox/index.tsx"],"names":[],"mappings":"AACA,OAAO,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Checkbox/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAE1C,OAAO,EAA8B,MAAM,EAAE,MAAM,uBAAuB,CAAC;AAC3E,OAAO,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAKrD,OAAO,EAAE,eAAe,EAAE,eAAe,EAAE,kBAAkB,EAAE,MAAM,oBAAoB,CAAC;AAC1F,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAGpD,MAAM,WAAW,oBACf,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAC1C,eAAe,EACf,eAAe;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,GAAG,CAAC;IAClB,mBAAmB,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IACvC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,aAAa,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IACjC,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,OAAO,CAAC,EAAE,kBAAkB,CAAC;IAC7B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,aAAa,CAAC,EAAE,eAAe,CAAC;IAChC,WAAW,CAAC,EAAE,eAAe,CAAC;CAC/B;AAED,MAAM,WAAW,oBAAqB,SAAQ,oBAAoB;IAChE,KAAK,EAAE,YAAY,CAAC;CACrB;AA2ED,QAAA,MAAM,QAAQ,sFA4Db,CAAC;AAEF,eAAe,QAAQ,CAAC"}
|
|
@@ -14,6 +14,29 @@ var __assign = (this && this.__assign) || function () {
|
|
|
14
14
|
};
|
|
15
15
|
return __assign.apply(this, arguments);
|
|
16
16
|
};
|
|
17
|
+
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
18
|
+
if (k2 === undefined) k2 = k;
|
|
19
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
20
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
21
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
22
|
+
}
|
|
23
|
+
Object.defineProperty(o, k2, desc);
|
|
24
|
+
}) : (function(o, m, k, k2) {
|
|
25
|
+
if (k2 === undefined) k2 = k;
|
|
26
|
+
o[k2] = m[k];
|
|
27
|
+
}));
|
|
28
|
+
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
29
|
+
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
30
|
+
}) : function(o, v) {
|
|
31
|
+
o["default"] = v;
|
|
32
|
+
});
|
|
33
|
+
var __importStar = (this && this.__importStar) || function (mod) {
|
|
34
|
+
if (mod && mod.__esModule) return mod;
|
|
35
|
+
var result = {};
|
|
36
|
+
if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
|
37
|
+
__setModuleDefault(result, mod);
|
|
38
|
+
return result;
|
|
39
|
+
};
|
|
17
40
|
var __rest = (this && this.__rest) || function (s, e) {
|
|
18
41
|
var t = {};
|
|
19
42
|
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
@@ -32,11 +55,12 @@ exports.__esModule = true;
|
|
|
32
55
|
var jsx_runtime_1 = require("react/jsx-runtime");
|
|
33
56
|
var polished_1 = require("polished");
|
|
34
57
|
var react_1 = require("react");
|
|
35
|
-
var styled_components_1 =
|
|
58
|
+
var styled_components_1 = __importStar(require("styled-components"));
|
|
36
59
|
var sizes_1 = require("../../constants/sizes");
|
|
37
60
|
var colors_1 = require("../../helpers/colors");
|
|
38
61
|
var useCombinedRefs_1 = require("../../hooks/useCombinedRefs");
|
|
39
|
-
var
|
|
62
|
+
var useTooltip_1 = require("../../hooks/useTooltip");
|
|
63
|
+
var styles_1 = require("../../styles");
|
|
40
64
|
var Icon_1 = __importDefault(require("../Icon"));
|
|
41
65
|
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
66
|
var size = _a.size;
|
|
@@ -71,7 +95,7 @@ var StyledSwitch = styled_components_1["default"].div(templateObject_1 || (templ
|
|
|
71
95
|
? (0, polished_1.rgba)((0, colors_1.getReadableColor)(theme, undefined, undefined), 0.2)
|
|
72
96
|
: (0, colors_1.getReadableColor)(theme, undefined, undefined);
|
|
73
97
|
});
|
|
74
|
-
var StyledCheckbox = styled_components_1["default"].div(
|
|
98
|
+
var StyledCheckbox = styled_components_1["default"].div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n display: inline-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 ", "\n\n ", "\n\n color: ", ";\n\n &:hover {\n color: ", ";\n\n > ", " {\n border-color: ", ";\n }\n }\n"], ["\n display: inline-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 ", "\n\n ", "\n\n color: ", ";\n\n &:hover {\n color: ", ";\n\n > ", " {\n border-color: ", ";\n }\n }\n"])), function (_a) {
|
|
75
99
|
var size = _a.size;
|
|
76
100
|
return sizes_1.SIZE_TO_PX[size];
|
|
77
101
|
}, function (_a) {
|
|
@@ -82,10 +106,10 @@ var StyledCheckbox = styled_components_1["default"].div(templateObject_2 || (tem
|
|
|
82
106
|
return (fixed ? '0 auto' : fluid ? '1' : '0 0 auto');
|
|
83
107
|
}, function (_a) {
|
|
84
108
|
var disabled = _a.disabled;
|
|
85
|
-
return disabled && 0.
|
|
109
|
+
return disabled && (0, styled_components_1.css)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n ", ";\n "], ["\n ", ";\n "])), styles_1.DisabledElement);
|
|
86
110
|
}, function (_a) {
|
|
87
|
-
var
|
|
88
|
-
return
|
|
111
|
+
var readOnly = _a.readOnly;
|
|
112
|
+
return readOnly && (0, styled_components_1.css)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n ", ";\n "], ["\n ", ";\n "])), styles_1.ReadOnlyElement);
|
|
89
113
|
}, function (_a) {
|
|
90
114
|
var theme = _a.theme, checked = _a.checked;
|
|
91
115
|
return (0, colors_1.getReadableColor)(theme, undefined, undefined, !checked);
|
|
@@ -97,12 +121,11 @@ var StyledCheckbox = styled_components_1["default"].div(templateObject_2 || (tem
|
|
|
97
121
|
return (0, polished_1.rgba)((0, colors_1.getReadableColor)(theme, undefined, undefined, false), checked ? 0.8 : 0.5);
|
|
98
122
|
});
|
|
99
123
|
var Checkbox = (0, react_1.forwardRef)(function (_a, ref) {
|
|
100
|
-
var label = _a.label, labelDetail = _a.labelDetail, _b = _a.labelDetailPosition, labelDetailPosition = _b === void 0 ? 'right' : _b, _c = _a.size, size = _c === void 0 ? 'normal' : _c, checked = _a.checked, disabled = _a.disabled, className = _a.className, _d = _a.labelPosition, labelPosition = _d === void 0 ? 'right' : _d, tooltip = _a.tooltip, asSwitch = _a.asSwitch, _e = _a.uncheckedIcon, uncheckedIcon = _e === void 0 ? 'CheckboxBlankCircleLine' : _e, _f = _a.checkedIcon, checkedIcon = _f === void 0 ? 'CheckboxCircleFill' : _f, rest = __rest(_a, ["label", "labelDetail", "labelDetailPosition", "size", "checked", "disabled", "className", "labelPosition", "tooltip", "asSwitch", "uncheckedIcon", "checkedIcon"]);
|
|
101
|
-
var
|
|
102
|
-
|
|
103
|
-
(0,
|
|
104
|
-
return ((0, jsx_runtime_1.jsxs)(StyledCheckbox, __assign({}, rest, { ref: combinedRef, size: size, disabled: disabled, checked: checked, className: "".concat(className || '', " reqore-checkbox reqore-control") }, { children: [label && labelPosition === 'left' ? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [labelDetailPosition === 'left' && labelDetail, (0, jsx_runtime_1.jsx)("span", { children: label }), labelDetailPosition === 'right' && labelDetail] })) : null, asSwitch ? ((0, jsx_runtime_1.jsx)(StyledSwitch, { size: size, labelPosition: labelPosition, checked: checked })) : ((0, jsx_runtime_1.jsx)(Icon_1["default"], { size: "".concat(sizes_1.TEXT_FROM_SIZE[size], "px"), icon: checked ? checkedIcon : uncheckedIcon, margin: labelPosition })), label && labelPosition === 'right' ? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [labelDetailPosition === 'left' && labelDetail, (0, jsx_runtime_1.jsx)("span", { children: label }), labelDetailPosition === 'right' && labelDetail] })) : null] })));
|
|
124
|
+
var label = _a.label, labelDetail = _a.labelDetail, _b = _a.labelDetailPosition, labelDetailPosition = _b === void 0 ? 'right' : _b, _c = _a.size, size = _c === void 0 ? 'normal' : _c, checked = _a.checked, disabled = _a.disabled, className = _a.className, _d = _a.labelPosition, labelPosition = _d === void 0 ? 'right' : _d, tooltip = _a.tooltip, asSwitch = _a.asSwitch, _e = _a.uncheckedIcon, uncheckedIcon = _e === void 0 ? 'CheckboxBlankCircleLine' : _e, _f = _a.checkedIcon, checkedIcon = _f === void 0 ? 'CheckboxCircleFill' : _f, readOnly = _a.readOnly, rest = __rest(_a, ["label", "labelDetail", "labelDetailPosition", "size", "checked", "disabled", "className", "labelPosition", "tooltip", "asSwitch", "uncheckedIcon", "checkedIcon", "readOnly"]);
|
|
125
|
+
var targetRef = (0, useCombinedRefs_1.useCombinedRefs)(ref).targetRef;
|
|
126
|
+
(0, useTooltip_1.useTooltip)(targetRef.current, tooltip);
|
|
127
|
+
return ((0, jsx_runtime_1.jsxs)(StyledCheckbox, __assign({}, rest, { ref: targetRef, size: size, disabled: disabled, checked: checked, readOnly: readOnly, className: "".concat(className || '', " reqore-checkbox reqore-control") }, { children: [label && labelPosition === 'left' ? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [labelDetailPosition === 'left' && labelDetail, (0, jsx_runtime_1.jsx)("span", { children: label }), labelDetailPosition === 'right' && labelDetail] })) : null, asSwitch ? ((0, jsx_runtime_1.jsx)(StyledSwitch, { size: size, labelPosition: labelPosition, checked: checked })) : ((0, jsx_runtime_1.jsx)(Icon_1["default"], { size: "".concat(sizes_1.TEXT_FROM_SIZE[size], "px"), icon: checked ? checkedIcon : uncheckedIcon, margin: labelPosition })), label && labelPosition === 'right' ? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [labelDetailPosition === 'left' && labelDetail, (0, jsx_runtime_1.jsx)("span", { children: label }), labelDetailPosition === 'right' && labelDetail] })) : null] })));
|
|
105
128
|
});
|
|
106
129
|
exports["default"] = Checkbox;
|
|
107
|
-
var templateObject_1, templateObject_2;
|
|
130
|
+
var templateObject_1, templateObject_2, templateObject_3, templateObject_4;
|
|
108
131
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Checkbox/index.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Checkbox/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
import {
|
|
2
|
+
import { TReqoreIntent } from '../../constants/theme';
|
|
3
3
|
import { IReqoreIconName } from '../../types/icons';
|
|
4
4
|
import { IReqorePanelAction } from '../Panel';
|
|
5
5
|
export interface IReqoreCommentProps {
|
|
@@ -7,7 +7,7 @@ export interface IReqoreCommentProps {
|
|
|
7
7
|
image?: string;
|
|
8
8
|
title?: string;
|
|
9
9
|
children: any;
|
|
10
|
-
intent?:
|
|
10
|
+
intent?: TReqoreIntent;
|
|
11
11
|
rounded?: boolean;
|
|
12
12
|
flat?: boolean;
|
|
13
13
|
detail?: string;
|
|
@@ -12,6 +12,7 @@ export interface IReqoreControlGroupProps extends React.HTMLAttributes<HTMLDivEl
|
|
|
12
12
|
export interface IReqoreControlGroupStyle extends IReqoreControlGroupProps {
|
|
13
13
|
theme: IReqoreTheme;
|
|
14
14
|
}
|
|
15
|
+
export declare const StyledReqoreControlGroup: any;
|
|
15
16
|
declare const ReqoreControlGroup: ({ children, className, minimal, size, fluid, rounded, ...rest }: IReqoreControlGroupProps) => JSX.Element;
|
|
16
17
|
export default ReqoreControlGroup;
|
|
17
18
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/ControlGroup/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAoB,MAAM,EAAE,MAAM,uBAAuB,CAAC;AACjE,OAAO,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAErD,MAAM,WAAW,wBAAyB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACpF,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,GAAG,CAAC;IACd,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,MAAM,WAAW,wBAAyB,SAAQ,wBAAwB;IACxE,KAAK,EAAE,YAAY,CAAC;CACrB;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/ControlGroup/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAoB,MAAM,EAAE,MAAM,uBAAuB,CAAC;AACjE,OAAO,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAErD,MAAM,WAAW,wBAAyB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACpF,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,GAAG,CAAC;IACd,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,MAAM,WAAW,wBAAyB,SAAQ,wBAAwB;IACxE,KAAK,EAAE,YAAY,CAAC;CACrB;AAED,eAAO,MAAM,wBAAwB,KAgCpC,CAAC;AAEF,QAAA,MAAM,kBAAkB,oEAQrB,wBAAwB,gBAkB1B,CAAC;AAEF,eAAe,kBAAkB,CAAC"}
|
|
@@ -52,11 +52,12 @@ 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.StyledReqoreControlGroup = void 0;
|
|
55
56
|
var jsx_runtime_1 = require("react/jsx-runtime");
|
|
56
57
|
var react_1 = __importDefault(require("react"));
|
|
57
58
|
var styled_components_1 = __importStar(require("styled-components"));
|
|
58
59
|
var sizes_1 = require("../../constants/sizes");
|
|
59
|
-
|
|
60
|
+
exports.StyledReqoreControlGroup = styled_components_1["default"].div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n display: flex;\n flex: 0 auto;\n width: ", ";\n\n > .reqore-control-wrapper .reqore-control {\n border-radius: ", ";\n }\n\n > .reqore-control,\n > .reqore-control-wrapper,\n > * {\n &:not(:last-child) {\n margin-right: ", ";\n }\n\n border-radius: ", ";\n\n ", "\n }\n"], ["\n display: flex;\n flex: 0 auto;\n width: ", ";\n\n > .reqore-control-wrapper .reqore-control {\n border-radius: ", ";\n }\n\n > .reqore-control,\n > .reqore-control-wrapper,\n > * {\n &:not(:last-child) {\n margin-right: ", ";\n }\n\n border-radius: ", ";\n\n ", "\n }\n"])), function (_a) {
|
|
60
61
|
var fluid = _a.fluid;
|
|
61
62
|
return (fluid ? '100%' : undefined);
|
|
62
63
|
}, function (_a) {
|
|
@@ -74,7 +75,7 @@ var StyledControlGroup = styled_components_1["default"].div(templateObject_2 ||
|
|
|
74
75
|
});
|
|
75
76
|
var ReqoreControlGroup = function (_a) {
|
|
76
77
|
var children = _a.children, className = _a.className, minimal = _a.minimal, _b = _a.size, size = _b === void 0 ? 'normal' : _b, fluid = _a.fluid, _c = _a.rounded, rounded = _c === void 0 ? true : _c, rest = __rest(_a, ["children", "className", "minimal", "size", "fluid", "rounded"]);
|
|
77
|
-
return ((0, jsx_runtime_1.jsx)(
|
|
78
|
+
return ((0, jsx_runtime_1.jsx)(exports.StyledReqoreControlGroup, __assign({}, rest, { size: size, rounded: rounded, fluid: fluid, className: "".concat(className || '', " reqore-control-group") }, { children: react_1["default"].Children.map(children, function (child) {
|
|
78
79
|
var _a;
|
|
79
80
|
return child
|
|
80
81
|
? react_1["default"].cloneElement(child, {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/ControlGroup/index.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/ControlGroup/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAA0B;AAC1B,qEAAgD;AAChD,+CAAiE;AAgBpD,QAAA,wBAAwB,GAAG,8BAAM,CAAC,GAAG,kXAA0B,gDAGjE,EAA2C,yEAGjC,EAAuC,uHAOtC,EAA2C,iCAG5C,EAAuC,WAEtD,EAYC,SAEN,KA7BU,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,CAAC;AAA5B,CAA4B,EAGjC,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC;AAAxB,CAAwB,EAOtC,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,SAAS,CAAC;AAA5B,CAA4B,EAG5C,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC;AAAxB,CAAwB,EAEtD,UAAC,EAAiB;QAAf,OAAO,aAAA,EAAE,IAAI,UAAA;IAChB,OAAA,OAAO,QACP,uBAAG,2UAAA,+DAE2B,EAAsB,4CACnB,EAAsB,+EAIxB,EAAsB,6CACnB,EAAsB,wBAEvD,KAR6B,wBAAgB,CAAC,IAAI,CAAC,EACnB,wBAAgB,CAAC,IAAI,CAAC,EAIxB,wBAAgB,CAAC,IAAI,CAAC,EACnB,wBAAgB,CAAC,IAAI,CAAC,CAEvD;AAXD,CAWC,EAEL;AAEF,IAAM,kBAAkB,GAAG,UAAC,EAQD;IAPzB,IAAA,QAAQ,cAAA,EACR,SAAS,eAAA,EACT,OAAO,aAAA,EACP,YAAe,EAAf,IAAI,mBAAG,QAAQ,KAAA,EACf,KAAK,WAAA,EACL,eAAc,EAAd,OAAO,mBAAG,IAAI,KAAA,EACX,IAAI,cAPmB,gEAQ3B,CADQ;IACuB,OAAA,CAC9B,uBAAC,gCAAwB,eACnB,IAAI,IACR,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,UAAG,SAAS,IAAI,EAAE,0BAAuB,gBAEnD,kBAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,QAAQ,EAAE,UAAC,KAAK;;YAClC,OAAA,KAAK;gBACH,CAAC,CAAC,kBAAK,CAAC,YAAY,CAAC,KAAK,EAAE;oBACxB,OAAO,EAAE,OAAO,KAAI,MAAA,KAAK,CAAC,KAAK,0CAAE,OAAO,CAAA;oBACxC,IAAI,MAAA;oBACJ,KAAK,OAAA;iBACN,CAAC;gBACJ,CAAC,CAAC,IAAI,CAAA;SAAA,CACT,IACwB,CAC5B,CAAA;CAAA,CAAC;AAEF,qBAAe,kBAAkB,CAAC"}
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
import {
|
|
2
|
+
import { IReqoreTheme, TReqoreIntent } from '../../constants/theme';
|
|
3
3
|
export interface IReqoreHeaderStyle extends React.HTMLAttributes<HTMLHeadingElement> {
|
|
4
4
|
theme: IReqoreTheme;
|
|
5
|
-
intent?:
|
|
5
|
+
intent?: TReqoreIntent;
|
|
6
6
|
}
|
|
7
7
|
export declare const ReqoreH1: React.FC<Omit<IReqoreHeaderStyle, 'theme'>>;
|
|
8
8
|
export declare const ReqoreH2: React.FC<Omit<IReqoreHeaderStyle, 'theme'>>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Header/index.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Header/index.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,YAAY,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AAGpE,MAAM,WAAW,kBAAmB,SAAQ,KAAK,CAAC,cAAc,CAAC,kBAAkB,CAAC;IAClF,KAAK,EAAE,YAAY,CAAC;IACpB,MAAM,CAAC,EAAE,aAAa,CAAC;CACxB;AAQD,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,IAAI,CAAC,kBAAkB,EAAE,OAAO,CAAC,CAEhE,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,IAAI,CAAC,kBAAkB,EAAE,OAAO,CAAC,CAEhE,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,IAAI,CAAC,kBAAkB,EAAE,OAAO,CAAC,CAEhE,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,IAAI,CAAC,kBAAkB,EAAE,OAAO,CAAC,CAEhE,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,IAAI,CAAC,kBAAkB,EAAE,OAAO,CAAC,CAEhE,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,IAAI,CAAC,kBAAkB,EAAE,OAAO,CAAC,CAEhE,CAAC"}
|
|
@@ -1,13 +1,13 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { IconBaseProps } from 'react-icons/lib';
|
|
3
|
-
import {
|
|
3
|
+
import { TReqoreIntent } from '../../constants/theme';
|
|
4
4
|
import { IReqoreIconName } from '../../types/icons';
|
|
5
5
|
export interface IReqoreIconProps extends React.HTMLAttributes<HTMLSpanElement> {
|
|
6
6
|
icon: IReqoreIconName;
|
|
7
7
|
color?: string;
|
|
8
8
|
size?: string;
|
|
9
9
|
iconProps?: IconBaseProps;
|
|
10
|
-
intent?:
|
|
10
|
+
intent?: TReqoreIntent;
|
|
11
11
|
margin?: 'right' | 'left' | 'both';
|
|
12
12
|
}
|
|
13
13
|
export declare const StyledIconWrapper: any;
|
|
@@ -1,13 +1,11 @@
|
|
|
1
|
-
import { Placement } from '@popperjs/core';
|
|
2
1
|
import React from 'react';
|
|
3
2
|
import { TSizes } from '../../constants/sizes';
|
|
4
3
|
import { IReqoreTheme } from '../../constants/theme';
|
|
4
|
+
import { IReqoreDisabled, IReqoreIntent, IReqoreReadOnly, IWithReqoreCustomTheme } from '../../types/global';
|
|
5
5
|
import { IReqoreIconName } from '../../types/icons';
|
|
6
|
-
export interface IReqoreInputProps extends React.HTMLAttributes<HTMLInputElement
|
|
6
|
+
export interface IReqoreInputProps extends React.HTMLAttributes<HTMLInputElement>, IReqoreDisabled, IReqoreReadOnly, IReqoreIntent, IWithReqoreCustomTheme {
|
|
7
7
|
autoFocus?: boolean;
|
|
8
|
-
disabled?: boolean;
|
|
9
8
|
tooltip?: string;
|
|
10
|
-
tooltipPlacement?: Placement;
|
|
11
9
|
width?: number;
|
|
12
10
|
size?: TSizes;
|
|
13
11
|
minimal?: boolean;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Input/index.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Input/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAE1C,OAAO,EAAgD,MAAM,EAAE,MAAM,uBAAuB,CAAC;AAC7F,OAAO,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAMrD,OAAO,EACL,eAAe,EACf,aAAa,EACb,eAAe,EACf,sBAAsB,EACvB,MAAM,oBAAoB,CAAC;AAC5B,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAIpD,MAAM,WAAW,iBACf,SAAQ,KAAK,CAAC,cAAc,CAAC,gBAAgB,CAAC,EAC5C,eAAe,EACf,eAAe,EACf,aAAa,EACb,sBAAsB;IACxB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,CAAC,EAAE,eAAe,CAAC;IACvB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,MAAM,WAAW,iBAAkB,SAAQ,iBAAiB;IAC1D,KAAK,EAAE,YAAY,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,eAAO,MAAM,kBAAkB,KAS9B,CAAC;AAWF,eAAO,MAAM,WAAW,KA0DvB,CAAC;AAEF,QAAA,MAAM,WAAW,mFAoEhB,CAAC;AAEF,eAAe,WAAW,CAAC"}
|