@qoretechnologies/reqore 0.27.5 → 0.28.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__/tabs.test.tsx +1 -1
- package/dist/components/Breadcrumbs/index.d.ts.map +1 -1
- package/dist/components/Breadcrumbs/index.js +4 -5
- 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 +1 -1
- package/dist/components/Breadcrumbs/item.js.map +1 -1
- package/dist/components/Button/index.d.ts +8 -2
- package/dist/components/Button/index.d.ts.map +1 -1
- package/dist/components/Button/index.js +41 -24
- package/dist/components/Button/index.js.map +1 -1
- package/dist/components/Checkbox/index.js +1 -1
- package/dist/components/Checkbox/index.js.map +1 -1
- package/dist/components/Header/index.d.ts +2 -1
- package/dist/components/Header/index.d.ts.map +1 -1
- package/dist/components/Header/index.js +5 -2
- package/dist/components/Header/index.js.map +1 -1
- package/dist/components/Icon/index.d.ts +2 -1
- package/dist/components/Icon/index.d.ts.map +1 -1
- package/dist/components/Icon/index.js +17 -6
- package/dist/components/Icon/index.js.map +1 -1
- package/dist/components/Input/index.js +1 -1
- package/dist/components/Input/index.js.map +1 -1
- package/dist/components/Menu/index.d.ts +1 -1
- package/dist/components/Menu/index.d.ts.map +1 -1
- package/dist/components/Menu/index.js +2 -2
- package/dist/components/Menu/index.js.map +1 -1
- package/dist/components/Menu/item.d.ts +1 -1
- package/dist/components/Menu/item.d.ts.map +1 -1
- package/dist/components/Menu/item.js.map +1 -1
- package/dist/components/Message/index.d.ts +3 -4
- package/dist/components/Message/index.d.ts.map +1 -1
- package/dist/components/Message/index.js +8 -7
- package/dist/components/Message/index.js.map +1 -1
- package/dist/components/Notifications/notification.d.ts +4 -5
- package/dist/components/Notifications/notification.d.ts.map +1 -1
- package/dist/components/Notifications/notification.js +22 -19
- package/dist/components/Notifications/notification.js.map +1 -1
- package/dist/components/Panel/index.d.ts +3 -2
- package/dist/components/Panel/index.d.ts.map +1 -1
- package/dist/components/Panel/index.js +19 -11
- package/dist/components/Panel/index.js.map +1 -1
- package/dist/components/Table/row.js +1 -1
- package/dist/components/Table/row.js.map +1 -1
- package/dist/components/Tabs/index.d.ts +2 -6
- package/dist/components/Tabs/index.d.ts.map +1 -1
- 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 +19 -10
- package/dist/components/Tabs/item.js.map +1 -1
- package/dist/components/Tabs/list.d.ts +8 -0
- package/dist/components/Tabs/list.d.ts.map +1 -1
- package/dist/components/Tabs/list.js +30 -12
- package/dist/components/Tabs/list.js.map +1 -1
- package/dist/components/Tag/group.d.ts +2 -1
- package/dist/components/Tag/group.d.ts.map +1 -1
- package/dist/components/Tag/group.js +8 -4
- package/dist/components/Tag/group.js.map +1 -1
- package/dist/components/Tag/index.d.ts.map +1 -1
- package/dist/components/Tag/index.js +3 -3
- package/dist/components/Tag/index.js.map +1 -1
- package/dist/constants/sizes.d.ts +22 -0
- package/dist/constants/sizes.d.ts.map +1 -1
- package/dist/constants/sizes.js +36 -14
- package/dist/constants/sizes.js.map +1 -1
- package/dist/containers/ReqoreProvider.d.ts +1 -1
- package/dist/containers/ReqoreProvider.d.ts.map +1 -1
- package/dist/containers/UIProvider.d.ts.map +1 -1
- package/dist/containers/UIProvider.js +1 -1
- package/dist/containers/UIProvider.js.map +1 -1
- package/dist/helpers/colors.d.ts.map +1 -1
- package/dist/helpers/colors.js +8 -4
- package/dist/helpers/colors.js.map +1 -1
- package/dist/helpers/utils.d.ts +1 -0
- package/dist/helpers/utils.d.ts.map +1 -1
- package/dist/helpers/utils.js +7 -2
- package/dist/helpers/utils.js.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 +13 -0
- package/dist/types/global.d.ts.map +1 -1
- package/package.json +1 -1
- package/src/components/Breadcrumbs/index.tsx +6 -21
- package/src/components/Breadcrumbs/item.tsx +1 -7
- package/src/components/Button/index.tsx +88 -50
- package/src/components/Checkbox/index.tsx +1 -1
- package/src/components/Header/index.tsx +6 -3
- package/src/components/Icon/index.tsx +21 -8
- package/src/components/Input/index.tsx +1 -1
- package/src/components/Menu/index.tsx +8 -8
- package/src/components/Menu/item.tsx +2 -5
- package/src/components/Message/index.tsx +21 -17
- package/src/components/Notifications/notification.tsx +44 -43
- package/src/components/Panel/index.tsx +40 -8
- package/src/components/Table/row.tsx +1 -1
- package/src/components/Tabs/index.tsx +2 -6
- package/src/components/Tabs/item.tsx +33 -24
- package/src/components/Tabs/list.tsx +45 -15
- package/src/components/Tag/group.tsx +22 -5
- package/src/components/Tag/index.tsx +9 -11
- package/src/constants/sizes.ts +39 -13
- package/src/containers/ReqoreProvider.tsx +1 -1
- package/src/containers/UIProvider.tsx +3 -0
- package/src/helpers/colors.ts +8 -4
- package/src/helpers/utils.ts +7 -2
- package/src/mock/collectionData.tsx +4 -0
- package/src/stories/Button/Button.stories.tsx +43 -17
- package/src/stories/ControlGroup/ControlGroup.stories.tsx +2 -2
- package/src/stories/Message/Message.stories.tsx +6 -6
- package/src/stories/Notifications/Notification.stories.tsx +4 -3
- package/src/stories/Panel/Panel.stories.tsx +17 -1
- package/src/stories/Tabs/Tabs.stories.tsx +20 -13
- package/src/styles.ts +5 -2
- package/src/types/global.ts +14 -0
- package/tests.json +1 -1
|
@@ -138,7 +138,7 @@ var ReqoreInput = (0, react_1.forwardRef)(function (_a, ref) {
|
|
|
138
138
|
var targetRef = (0, useCombinedRefs_1.useCombinedRefs)(ref).targetRef;
|
|
139
139
|
var theme = (0, useTheme_1.useReqoreTheme)('main', customTheme, intent);
|
|
140
140
|
(0, useTooltip_1.useTooltip)(targetRef.current, tooltip);
|
|
141
|
-
return ((0, jsx_runtime_1.jsxs)(exports.StyledInputWrapper, __assign({ className: 'reqore-control-wrapper', fluid: fluid, fixed: fixed, width: width, flat: flat, theme: theme, rounded: rounded, minimal: minimal, _size: size, ref: targetRef, readOnly: readOnly, disabled: rest.disabled }, { children: [icon && ((0, jsx_runtime_1.jsx)(StyledIconWrapper, __assign({ _size: size }, { children: (0, jsx_runtime_1.jsx)(Icon_1["default"], { size:
|
|
141
|
+
return ((0, jsx_runtime_1.jsxs)(exports.StyledInputWrapper, __assign({ className: 'reqore-control-wrapper', fluid: fluid, fixed: fixed, width: width, flat: flat, theme: theme, rounded: rounded, minimal: minimal, _size: size, ref: targetRef, readOnly: readOnly, disabled: rest.disabled }, { children: [icon && ((0, jsx_runtime_1.jsx)(StyledIconWrapper, __assign({ _size: size }, { children: (0, jsx_runtime_1.jsx)(Icon_1["default"], { size: size, icon: icon }) }))), (0, jsx_runtime_1.jsx)(exports.StyledInput, __assign({}, rest, { effect: __assign({ interactive: !(rest === null || rest === void 0 ? void 0 : rest.disabled) && !readOnly }, rest === null || rest === void 0 ? void 0 : rest.effect), as: 'input', theme: theme, _size: size, minimal: minimal, flat: flat, rounded: rounded, hasIcon: !!icon, clearable: !(rest === null || rest === void 0 ? void 0 : rest.disabled) && !!(onClearClick && (rest === null || rest === void 0 ? void 0 : rest.onChange)), className: "".concat(className || '', " reqore-control reqore-input"), readOnly: readOnly })), (0, jsx_runtime_1.jsx)(InputClearButton_1["default"], { enabled: !readOnly && !(rest === null || rest === void 0 ? void 0 : rest.disabled) && !!(onClearClick && (rest === null || rest === void 0 ? void 0 : rest.onChange)), onClick: onClearClick, size: size, show: (rest === null || rest === void 0 ? void 0 : rest.value) && rest.value !== '' ? true : false })] })));
|
|
142
142
|
});
|
|
143
143
|
exports["default"] = ReqoreInput;
|
|
144
144
|
var templateObject_1, templateObject_2, templateObject_3, templateObject_4;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Input/index.tsx"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Input/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -14,6 +14,6 @@ export interface IReqoreMenuProps extends IReqoreComponent, React.HTMLAttributes
|
|
|
14
14
|
export interface IReqoreMenuStyle extends IReqoreMenuProps {
|
|
15
15
|
theme: IReqoreTheme;
|
|
16
16
|
}
|
|
17
|
-
declare const ReqoreMenu: React.
|
|
17
|
+
declare const ReqoreMenu: React.ForwardRefExoticComponent<IReqoreMenuProps & React.RefAttributes<HTMLDivElement>>;
|
|
18
18
|
export default ReqoreMenu;
|
|
19
19
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Menu/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAE1C,OAAO,EAAE,kBAAkB,EAAE,YAAY,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AAIxF,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAGtD,MAAM,WAAW,gBAAiB,SAAQ,gBAAgB,EAAE,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC9F,QAAQ,EAAE,GAAG,CAAC;IACd,QAAQ,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IAC5B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,kBAAkB,CAAC;IACjC,MAAM,CAAC,EAAE,aAAa,CAAC;IACvB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,OAAO,CAAC;CAChB;AAED,MAAM,WAAW,gBAAiB,SAAQ,gBAAgB;IACxD,KAAK,EAAE,YAAY,CAAC;CACrB;AA2BD,QAAA,MAAM,UAAU,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Menu/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAE1C,OAAO,EAAE,kBAAkB,EAAE,YAAY,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AAIxF,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAGtD,MAAM,WAAW,gBAAiB,SAAQ,gBAAgB,EAAE,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC9F,QAAQ,EAAE,GAAG,CAAC;IACd,QAAQ,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IAC5B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,kBAAkB,CAAC;IACjC,MAAM,CAAC,EAAE,aAAa,CAAC;IACvB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,OAAO,CAAC;CAChB;AAED,MAAM,WAAW,gBAAiB,SAAQ,gBAAgB;IACxD,KAAK,EAAE,YAAY,CAAC;CACrB;AA2BD,QAAA,MAAM,UAAU,yFAoCf,CAAC;AAEF,eAAe,UAAU,CAAC"}
|
|
@@ -84,9 +84,9 @@ var ReqoreMenu = (0, react_1.forwardRef)(function (_a, ref) {
|
|
|
84
84
|
react_1["default"].cloneElement(child, {
|
|
85
85
|
_insidePopover: _insidePopover,
|
|
86
86
|
_popoverId: _popoverId,
|
|
87
|
-
customTheme: theme,
|
|
87
|
+
customTheme: (child === null || child === void 0 ? void 0 : child.props.customTheme) || theme,
|
|
88
88
|
wrap: wrapText,
|
|
89
|
-
flat: flat
|
|
89
|
+
flat: (child === null || child === void 0 ? void 0 : child.props.flat) || flat
|
|
90
90
|
})
|
|
91
91
|
: null;
|
|
92
92
|
}) })) })));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Menu/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA0C;AAC1C,qEAAgD;AAEhD,iFAAiE;AACjE,+CAAuD;AACvD,iDAAsD;AAEtD,gDAA2D;AAiB3D,IAAM,gBAAgB,GAAG,8BAAM,CAAC,GAAG,+RAAkB,aAC1C,EAAiC,kBAC7B,EAA4C,oCAE3C,EAAyC,uEAInC,EAAyB,SAE3C,EAQD,QAEC,EAAwB,qDAG3B,KAtBU,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,IAAI,SAAS;AAAlB,CAAkB,EAC7B,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,CAAC,KAAK,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,OAAO,CAAC;AAA7B,CAA6B,EAE3C,UAAC,EAAa;QAAX,SAAS,eAAA;IAAO,OAAA,SAAS,IAAI,SAAS;AAAtB,CAAsB,EAInC,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,IAAI;AAAV,CAAU,EAE3C,UAAC,EAAmB;QAAjB,KAAK,WAAA,EAAE,QAAQ,cAAA;IAClB,OAAA,QAAQ,QACR,uBAAG,qIAAA,eACM,EAAsC,cAAe,EAG7D,iBACS,EAAsC,aACjD,KALU,QAAQ,KAAK,MAAM,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,EAAe,IAAA,wBAAe,EAC3E,KAAK,CAAC,IAAI,EACV,IAAI,CACL,EACS,QAAQ,KAAK,MAAM,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CACjD;AAPC,CAOD,EAEC,uCAAwB,CAG3B,CAAC;AAEF,IAAM,UAAU,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Menu/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA0C;AAC1C,qEAAgD;AAEhD,iFAAiE;AACjE,+CAAuD;AACvD,iDAAsD;AAEtD,gDAA2D;AAiB3D,IAAM,gBAAgB,GAAG,8BAAM,CAAC,GAAG,+RAAkB,aAC1C,EAAiC,kBAC7B,EAA4C,oCAE3C,EAAyC,uEAInC,EAAyB,SAE3C,EAQD,QAEC,EAAwB,qDAG3B,KAtBU,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,IAAI,SAAS;AAAlB,CAAkB,EAC7B,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,CAAC,KAAK,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,OAAO,CAAC;AAA7B,CAA6B,EAE3C,UAAC,EAAa;QAAX,SAAS,eAAA;IAAO,OAAA,SAAS,IAAI,SAAS;AAAtB,CAAsB,EAInC,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,IAAI;AAAV,CAAU,EAE3C,UAAC,EAAmB;QAAjB,KAAK,WAAA,EAAE,QAAQ,cAAA;IAClB,OAAA,QAAQ,QACR,uBAAG,qIAAA,eACM,EAAsC,cAAe,EAG7D,iBACS,EAAsC,aACjD,KALU,QAAQ,KAAK,MAAM,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,EAAe,IAAA,wBAAe,EAC3E,KAAK,CAAC,IAAI,EACV,IAAI,CACL,EACS,QAAQ,KAAK,MAAM,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CACjD;AAPC,CAOD,EAEC,uCAAwB,CAG3B,CAAC;AAEF,IAAM,UAAU,GAAG,IAAA,kBAAU,EAC3B,UACE,EAUmB,EACnB,GAAQ;IAVN,IAAA,QAAQ,cAAA,EACR,QAAQ,cAAA,EACR,cAAc,oBAAA,EACd,UAAU,gBAAA,EACV,WAAW,iBAAA,EACX,MAAM,YAAA,EACN,QAAQ,cAAA,EACR,YAAW,EAAX,IAAI,mBAAG,IAAI,KAAA,EACR,IAAI,cATT,qGAUC,CADQ;IAIT,IAAM,KAAK,GAAG,IAAA,yBAAc,EAAC,MAAM,EAAE,WAAW,EAAE,MAAM,CAAC,CAAC;IAE1D,OAAO,CACL,uBAAC,0BAAmB,aAAC,KAAK,EAAE,KAAK,gBAC/B,uBAAC,gBAAgB,eAAK,IAAI,IAAE,QAAQ,EAAE,QAAQ,EAAE,GAAG,EAAE,GAAG,EAAE,KAAK,EAAE,KAAK,gBACnE,kBAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,QAAQ,EAAE,UAAC,KAAK;gBAClC,OAAO,KAAK;oBACV,CAAC,CAAC,aAAa;wBACb,kBAAK,CAAC,YAAY,CAAC,KAAK,EAAE;4BACxB,cAAc,gBAAA;4BACd,UAAU,YAAA;4BACV,WAAW,EAAE,CAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,KAAK,CAAC,WAAW,KAAI,KAAK;4BAC9C,IAAI,EAAE,QAAQ;4BACd,IAAI,EAAE,CAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,KAAK,CAAC,IAAI,KAAI,IAAI;yBAChC,CAAC;oBACJ,CAAC,CAAC,IAAI,CAAC;YACX,CAAC,CAAC,IACe,IACC,CACvB,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,qBAAe,UAAU,CAAC"}
|
|
@@ -21,6 +21,6 @@ export interface IReqoreMenuItemRightIconStyle {
|
|
|
21
21
|
interactive?: boolean;
|
|
22
22
|
intent?: TReqoreIntent;
|
|
23
23
|
}
|
|
24
|
-
declare const ReqoreMenuItem: React.
|
|
24
|
+
declare const ReqoreMenuItem: React.ForwardRefExoticComponent<IReqoreMenuItemProps & React.RefAttributes<HTMLDivElement>>;
|
|
25
25
|
export default ReqoreMenuItem;
|
|
26
26
|
//# sourceMappingURL=item.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"item.d.ts","sourceRoot":"","sources":["../../../src/components/Menu/item.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAiC,MAAM,OAAO,CAAC;AAEtD,OAAO,EAAE,YAAY,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AAIpE,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,kBAAkB,EAAE,MAAM,WAAW,CAAC;AAG/C,MAAM,WAAW,oBACf,SAAQ,gBAAgB,EACtB,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,EACjC,kBAAkB;IACpB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,EAAE,CAAC,EAAE,GAAG,CAAC,OAAO,GAAG,KAAK,CAAC,WAAW,GAAG,KAAK,CAAC;IAC7C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,gBAAgB,CAAC,EAAE,CAAC,MAAM,CAAC,EAAE,MAAM,EAAE,KAAK,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,WAAW,CAAC,KAAK,IAAI,CAAC;IACpF,OAAO,CAAC,EAAE,CAAC,MAAM,CAAC,EAAE,MAAM,EAAE,KAAK,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,WAAW,CAAC,KAAK,IAAI,CAAC;CAC5E;AAED,MAAM,WAAW,oBAAoB;IACnC,KAAK,EAAE,YAAY,CAAC;IACpB,QAAQ,EAAE,OAAO,CAAC;IAClB,QAAQ,EAAE,OAAO,CAAC;IAClB,MAAM,CAAC,EAAE,aAAa,CAAC;CACxB;AAED,MAAM,WAAW,6BAA6B;IAC5C,KAAK,EAAE,YAAY,CAAC;IACpB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,MAAM,CAAC,EAAE,aAAa,CAAC;CACxB;AAED,QAAA,MAAM,cAAc,
|
|
1
|
+
{"version":3,"file":"item.d.ts","sourceRoot":"","sources":["../../../src/components/Menu/item.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAiC,MAAM,OAAO,CAAC;AAEtD,OAAO,EAAE,YAAY,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AAIpE,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,kBAAkB,EAAE,MAAM,WAAW,CAAC;AAG/C,MAAM,WAAW,oBACf,SAAQ,gBAAgB,EACtB,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,EACjC,kBAAkB;IACpB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,EAAE,CAAC,EAAE,GAAG,CAAC,OAAO,GAAG,KAAK,CAAC,WAAW,GAAG,KAAK,CAAC;IAC7C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,gBAAgB,CAAC,EAAE,CAAC,MAAM,CAAC,EAAE,MAAM,EAAE,KAAK,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,WAAW,CAAC,KAAK,IAAI,CAAC;IACpF,OAAO,CAAC,EAAE,CAAC,MAAM,CAAC,EAAE,MAAM,EAAE,KAAK,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,WAAW,CAAC,KAAK,IAAI,CAAC;CAC5E;AAED,MAAM,WAAW,oBAAoB;IACnC,KAAK,EAAE,YAAY,CAAC;IACpB,QAAQ,EAAE,OAAO,CAAC;IAClB,QAAQ,EAAE,OAAO,CAAC;IAClB,MAAM,CAAC,EAAE,aAAa,CAAC;CACxB;AAED,MAAM,WAAW,6BAA6B;IAC5C,KAAK,EAAE,YAAY,CAAC;IACpB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,MAAM,CAAC,EAAE,aAAa,CAAC;CACxB;AAED,QAAA,MAAM,cAAc,6FAqFnB,CAAC;AAEF,eAAe,cAAc,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"item.js","sourceRoot":"","sources":["../../../src/components/Menu/item.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+BAAsD;AACtD,2BAAyD;AAEzD,gFAA0D;AAC1D,+DAA8D;AAC9D,qDAAoD;AA8BpD,IAAM,cAAc,
|
|
1
|
+
{"version":3,"file":"item.js","sourceRoot":"","sources":["../../../src/components/Menu/item.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+BAAsD;AACtD,2BAAyD;AAEzD,gFAA0D;AAC1D,+DAA8D;AAC9D,qDAAoD;AA8BpD,IAAM,cAAc,GAAG,IAAA,kBAAU,EAC/B,UACE,EAiBuB,EACvB,GAAQ;IAjBN,IAAA,QAAQ,cAAA,EACR,KAAK,WAAA,EACL,IAAI,UAAA,EACJ,SAAS,eAAA,EACT,EAAE,QAAA,EACF,QAAQ,cAAA,EACR,OAAO,aAAA,EACP,gBAAgB,sBAAA,EAChB,QAAQ,cAAA,EACR,MAAM,YAAA,EACN,cAAc,oBAAA,EACd,UAAU,gBAAA,EACV,OAAO,aAAA,EACP,MAAM,YAAA,EACN,YAAW,EAAX,IAAI,mBAAG,IAAI,KAAA,EACR,IAAI,cAhBT,8KAiBC,CADQ;IAID,IAAA,aAAa,GAAK,IAAA,kBAAU,EAAC,2BAAc,CAAC,cAA/B,CAAgC;IAC7C,IAAA,SAAS,GAAK,IAAA,iCAAe,EAAC,GAAG,CAAC,UAAzB,CAA0B;IAE3C,IAAM,WAAW,GAAG,UAAC,KAA0C;QAC7D,KAAK,CAAC,OAAO,EAAE,CAAC;QAEhB,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAG,MAAM,EAAE,KAAK,CAAC,CAAC;QAEzB,IAAI,cAAc,IAAI,UAAU,EAAE;YAChC,aAAc,CAAC,UAAU,CAAC,CAAC;SAC5B;IACH,CAAC,CAAC;IAEF,IAAM,oBAAoB,GAAG,UAAC,KAAwC;QACpE,KAAK,CAAC,OAAO,EAAE,CAAC;QAChB,KAAK,CAAC,eAAe,EAAE,CAAC;QAExB,IAAI,gBAAgB,EAAE;YACpB,gBAAgB,CAAC,MAAM,EAAE,KAAK,CAAC,CAAC;YAEhC,IAAI,cAAc,IAAI,UAAU,EAAE;gBAChC,aAAc,CAAC,UAAU,CAAC,CAAC;aAC5B;SACF;IACH,CAAC,CAAC;IAEF,IAAA,uBAAU,EAAC,SAAS,CAAC,OAAO,EAAE,OAAO,CAAC,CAAC;IAEvC,OAAO,CACL,wBAAC,sBAAkB,aAAC,KAAK,EAAE,CAAC,CAAC,gBAAgB,EAAE,KAAK,uBAClD,uBAAC,gBAAY;YACX,YAAY;;gBAAZ,YAAY;gBACZ,EAAE,EAAE,EAAE,IACF,IAAI,IACR,IAAI,EAAE,IAAI,EACV,SAAS,EAAC,kBAAkB,EAC5B,KAAK,QACL,OAAO,EAAE,WAAW,EACpB,MAAM,EAAE,QAAQ,EAChB,GAAG,EAAE,SAAS,EACd,QAAQ,EAAE,QAAQ,EAClB,MAAM,EAAE,MAAM,EACd,IAAI,EAAE,IAAI,gBAET,KAAK,IAAI,QAAQ,IACL,EACd,SAAS,IAAI,CACZ,uBAAC,gBAAY,IACX,IAAI,EAAE,SAAS,EACf,IAAI,EAAE,IAAI,EACV,KAAK,QACL,OAAO,EAAE,CAAC,gBAAgB,EAC1B,WAAW,EAAE,IAAI,CAAC,WAAW,EAC7B,SAAS,EAAC,6BAA6B,EACvC,OAAO,EAAE,oBAAoB,EAC7B,QAAQ,EAAE,CAAC,gBAAgB,EAC3B,MAAM,EAAE,MAAM,EACd,MAAM,EAAE,QAAQ,IAAI,CAAC,CAAC,gBAAgB,GACtC,CACH,KACkB,CACtB,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,qBAAe,cAAc,CAAC"}
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { IReqoreTheme } from '../../constants/theme';
|
|
3
|
-
import { IReqoreIntent, IWithReqoreCustomTheme, IWithReqoreEffect, IWithReqoreSize } from '../../types/global';
|
|
3
|
+
import { IReqoreIntent, IWithReqoreCustomTheme, IWithReqoreEffect, IWithReqoreMinimal, IWithReqoreSize } from '../../types/global';
|
|
4
4
|
import { IReqoreIconName } from '../../types/icons';
|
|
5
|
-
export interface IReqoreMessageProps extends IWithReqoreCustomTheme, IWithReqoreEffect, IWithReqoreSize, IReqoreIntent, React.HTMLAttributes<HTMLDivElement> {
|
|
5
|
+
export interface IReqoreMessageProps extends IWithReqoreCustomTheme, IWithReqoreEffect, IWithReqoreSize, IReqoreIntent, IWithReqoreMinimal, React.HTMLAttributes<HTMLDivElement> {
|
|
6
6
|
title?: string;
|
|
7
7
|
children: any;
|
|
8
8
|
icon?: IReqoreIconName;
|
|
@@ -11,13 +11,12 @@ export interface IReqoreMessageProps extends IWithReqoreCustomTheme, IWithReqore
|
|
|
11
11
|
duration?: number;
|
|
12
12
|
onFinish?: () => any;
|
|
13
13
|
flat?: boolean;
|
|
14
|
-
inverted?: boolean;
|
|
15
14
|
}
|
|
16
15
|
export interface IReqoreNotificationStyle extends IReqoreMessageProps {
|
|
17
16
|
theme: IReqoreTheme;
|
|
18
17
|
clickable?: boolean;
|
|
19
18
|
timeout?: number;
|
|
20
19
|
}
|
|
21
|
-
declare const ReqoreMessage: React.
|
|
20
|
+
declare const ReqoreMessage: React.ForwardRefExoticComponent<IReqoreMessageProps & React.RefAttributes<HTMLDivElement>>;
|
|
22
21
|
export default ReqoreMessage;
|
|
23
22
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Message/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAmD,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Message/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAmD,MAAM,OAAO,CAAC;AAExE,OAAO,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAGrD,OAAO,EACL,aAAa,EACb,sBAAsB,EACtB,iBAAiB,EACjB,kBAAkB,EAClB,eAAe,EAChB,MAAM,oBAAoB,CAAC;AAC5B,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAWpD,MAAM,WAAW,mBACf,SAAQ,sBAAsB,EAC5B,iBAAiB,EACjB,eAAe,EACf,aAAa,EACb,kBAAkB,EAClB,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACtC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,GAAG,CAAC;IACd,IAAI,CAAC,EAAE,eAAe,CAAC;IACvB,OAAO,CAAC,EAAE,MAAM,GAAG,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,GAAG,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,GAAG,CAAC;IACrB,IAAI,CAAC,EAAE,OAAO,CAAC;CAChB;AAED,MAAM,WAAW,wBAAyB,SAAQ,mBAAmB;IACnE,KAAK,EAAE,YAAY,CAAC;IACpB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAED,QAAA,MAAM,aAAa,4FAoHlB,CAAC;AAEF,eAAe,aAAa,CAAC"}
|
|
@@ -30,14 +30,15 @@ var react_1 = require("react");
|
|
|
30
30
|
var web_1 = require("@react-spring/web");
|
|
31
31
|
var react_2 = require("react");
|
|
32
32
|
var react_use_1 = require("react-use");
|
|
33
|
-
var sizes_1 = require("../../constants/sizes");
|
|
34
33
|
var ThemeProvider_1 = __importDefault(require("../../containers/ThemeProvider"));
|
|
35
34
|
var useTheme_1 = require("../../hooks/useTheme");
|
|
35
|
+
var Header_1 = require("../Header");
|
|
36
36
|
var Icon_1 = __importDefault(require("../Icon"));
|
|
37
37
|
var notification_1 = require("../Notifications/notification");
|
|
38
38
|
var ReqoreMessage = (0, react_2.forwardRef)(function (_a, ref) {
|
|
39
|
-
var
|
|
40
|
-
var
|
|
39
|
+
var _b;
|
|
40
|
+
var intent = _a.intent, icon = _a.icon, title = _a.title, children = _a.children, onClose = _a.onClose, onClick = _a.onClick, duration = _a.duration, onFinish = _a.onFinish, flat = _a.flat, minimal = _a.minimal, _c = _a.size, size = _c === void 0 ? 'normal' : _c, customTheme = _a.customTheme, rest = __rest(_a, ["intent", "icon", "title", "children", "onClose", "onClick", "duration", "onFinish", "flat", "minimal", "size", "customTheme"]);
|
|
41
|
+
var _d = (0, react_2.useState)(null), internalTimeout = _d[0], setInternalTimeout = _d[1];
|
|
41
42
|
var theme = (0, useTheme_1.useReqoreTheme)('main', customTheme, intent);
|
|
42
43
|
(0, react_use_1.useMount)(function () {
|
|
43
44
|
if (duration) {
|
|
@@ -60,13 +61,13 @@ var ReqoreMessage = (0, react_2.forwardRef)(function (_a, ref) {
|
|
|
60
61
|
}
|
|
61
62
|
});
|
|
62
63
|
var leftIcon = (0, react_2.useMemo)(function () { return icon || (intent ? notification_1.typeToIcon[intent] : undefined); }, [icon, intent]);
|
|
63
|
-
return ((0, jsx_runtime_1.jsx)(ThemeProvider_1["default"], { children: (0, react_1.createElement)(notification_1.StyledReqoreNotification, __assign({}, rest, { effect: __assign({ interactive: !!onClick }, rest === null || rest === void 0 ? void 0 : rest.effect), as: web_1.animated.div, key: "".concat(duration).concat(intent).concat(title).concat(children), intent: intent, timeout: duration, clickable: !!onClick, onClick: onClick, flat: flat,
|
|
64
|
-
leftIcon ? ((0, jsx_runtime_1.jsx)(notification_1.StyledIconWrapper, __assign({ intent: intent, size: size, theme: theme }, { children: (0, jsx_runtime_1.jsx)(Icon_1["default"], { icon: leftIcon, margin: flat &&
|
|
65
|
-
(0, jsx_runtime_1.jsxs)(notification_1.StyledNotificationContentWrapper, __assign({ size: size, theme: theme }, { children: [title && (0, jsx_runtime_1.jsx)(
|
|
64
|
+
return ((0, jsx_runtime_1.jsx)(ThemeProvider_1["default"], { children: (0, react_1.createElement)(notification_1.StyledReqoreNotification, __assign({}, rest, { effect: __assign({ interactive: !!onClick }, rest === null || rest === void 0 ? void 0 : rest.effect), as: web_1.animated.div, key: "".concat(duration).concat(intent).concat(title).concat(children), intent: intent, timeout: duration, clickable: !!onClick, onClick: onClick, flat: flat, minimal: minimal, asMessage: true, fluid: true, className: "".concat((rest === null || rest === void 0 ? void 0 : rest.className) || '', " reqore-message"), ref: ref, size: size, theme: theme }),
|
|
65
|
+
leftIcon ? ((0, jsx_runtime_1.jsx)(notification_1.StyledIconWrapper, __assign({ intent: intent, size: size, theme: theme }, { children: (0, jsx_runtime_1.jsx)(Icon_1["default"], { icon: leftIcon, margin: flat && minimal ? 'right' : 'both', size: size }) }))) : null,
|
|
66
|
+
(0, jsx_runtime_1.jsxs)(notification_1.StyledNotificationContentWrapper, __assign({ size: size, theme: theme }, { children: [title && ((0, jsx_runtime_1.jsx)(Header_1.ReqoreHeading, __assign({ size: size, customTheme: ((_b = rest.effect) === null || _b === void 0 ? void 0 : _b.color) ? { text: { color: rest.effect.color } } : undefined }, { children: title }))), (0, jsx_runtime_1.jsx)(notification_1.StyledNotificationContent, __assign({ theme: theme, hasTitle: !!title, size: size }, { children: children }))] })),
|
|
66
67
|
onClose && ((0, jsx_runtime_1.jsx)(notification_1.StyledIconWrapper, __assign({ theme: theme, size: size, intent: intent, clickable: true, className: 'reqore-message-close', onClick: function (event) {
|
|
67
68
|
event.stopPropagation();
|
|
68
69
|
onClose && onClose();
|
|
69
|
-
} }, { children: (0, jsx_runtime_1.jsx)(Icon_1["default"], { icon: 'CloseFill', margin: 'both', size:
|
|
70
|
+
} }, { children: (0, jsx_runtime_1.jsx)(Icon_1["default"], { icon: 'CloseFill', margin: 'both', size: size }) })))) }));
|
|
70
71
|
});
|
|
71
72
|
exports["default"] = ReqoreMessage;
|
|
72
73
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Message/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,yCAA6C;AAC7C,+BAAwE;AACxE,uCAAiD;
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Message/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { TSizes } from '../../constants/sizes';
|
|
3
3
|
import { IReqoreTheme, TReqoreIntent } from '../../constants/theme';
|
|
4
|
-
import { IWithReqoreEffect } from '../../types/global';
|
|
4
|
+
import { IWithReqoreEffect, IWithReqoreMinimal } from '../../types/global';
|
|
5
5
|
import { IReqoreIconName } from '../../types/icons';
|
|
6
6
|
export declare type IReqoreNotificationType = TReqoreIntent;
|
|
7
|
-
export interface IReqoreNotificationProps extends IWithReqoreEffect {
|
|
7
|
+
export interface IReqoreNotificationProps extends IWithReqoreEffect, IWithReqoreMinimal {
|
|
8
8
|
type?: IReqoreNotificationType;
|
|
9
9
|
intent?: TReqoreIntent;
|
|
10
10
|
title?: string;
|
|
@@ -16,7 +16,6 @@ export interface IReqoreNotificationProps extends IWithReqoreEffect {
|
|
|
16
16
|
onFinish?: () => any;
|
|
17
17
|
fluid?: boolean;
|
|
18
18
|
flat?: boolean;
|
|
19
|
-
inverted?: boolean;
|
|
20
19
|
size?: TSizes;
|
|
21
20
|
}
|
|
22
21
|
export interface IReqoreNotificationStyle {
|
|
@@ -28,7 +27,7 @@ export interface IReqoreNotificationStyle {
|
|
|
28
27
|
hasShadow?: boolean;
|
|
29
28
|
fluid?: boolean;
|
|
30
29
|
flat?: boolean;
|
|
31
|
-
|
|
30
|
+
minimal?: boolean;
|
|
32
31
|
size?: TSizes;
|
|
33
32
|
asMessage?: boolean;
|
|
34
33
|
}
|
|
@@ -40,6 +39,6 @@ export declare const StyledNotificationContent: any;
|
|
|
40
39
|
export declare const typeToIcon: {
|
|
41
40
|
[type: string]: IReqoreIconName;
|
|
42
41
|
};
|
|
43
|
-
declare const ReqoreNotification: React.
|
|
42
|
+
declare const ReqoreNotification: React.ForwardRefExoticComponent<IReqoreNotificationProps & React.RefAttributes<HTMLDivElement>>;
|
|
44
43
|
export default ReqoreNotification;
|
|
45
44
|
//# sourceMappingURL=notification.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"notification.d.ts","sourceRoot":"","sources":["../../../src/components/Notifications/notification.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA0C,MAAM,OAAO,CAAC;AAI/D,OAAO,
|
|
1
|
+
{"version":3,"file":"notification.d.ts","sourceRoot":"","sources":["../../../src/components/Notifications/notification.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA0C,MAAM,OAAO,CAAC;AAI/D,OAAO,EAKL,MAAM,EACP,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EAAE,YAAY,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AAIpE,OAAO,EAAE,iBAAiB,EAAE,kBAAkB,EAAE,MAAM,oBAAoB,CAAC;AAC3E,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAKpD,oBAAY,uBAAuB,GAAG,aAAa,CAAC;AAEpD,MAAM,WAAW,wBAAyB,SAAQ,iBAAiB,EAAE,kBAAkB;IACrF,IAAI,CAAC,EAAE,uBAAuB,CAAC;IAC/B,MAAM,CAAC,EAAE,aAAa,CAAC;IACvB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC;IAClC,IAAI,CAAC,EAAE,eAAe,CAAC;IACvB,OAAO,CAAC,EAAE,MAAM,GAAG,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,GAAG,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,GAAG,CAAC;IACrB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,wBAAwB;IACvC,KAAK,EAAE,YAAY,CAAC;IACpB,IAAI,CAAC,EAAE,uBAAuB,CAAC;IAC/B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,MAAM,CAAC,EAAE,aAAa,CAAC;IACvB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAWD,eAAO,MAAM,wBAAwB,KAwEpC,CAAC;AAEF,eAAO,MAAM,iBAAiB,KA0B7B,CAAC;AAEF,eAAO,MAAM,gCAAgC,KAO5C,CAAC;AAEF,eAAO,MAAM,uBAAuB,KAKnC,CAAC;AAEF,eAAO,MAAM,yBAAyB,KAWrC,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE;IAAE,CAAC,IAAI,EAAE,MAAM,GAAG,eAAe,CAAA;CAOzD,CAAC;AAEF,QAAA,MAAM,kBAAkB,iGAkGvB,CAAC;AAEF,eAAe,kBAAkB,CAAC"}
|
|
@@ -54,9 +54,10 @@ var ThemeProvider_1 = __importDefault(require("../../containers/ThemeProvider"))
|
|
|
54
54
|
var animations_2 = require("../../helpers/animations");
|
|
55
55
|
var colors_1 = require("../../helpers/colors");
|
|
56
56
|
var Effect_1 = require("../Effect");
|
|
57
|
+
var Header_1 = require("../Header");
|
|
57
58
|
var Icon_1 = __importDefault(require("../Icon"));
|
|
58
59
|
var timeoutAnimation = (0, styled_components_1.keyframes)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n 0% {\n width: 100%;\n }\n 100% {\n width: 0;\n }\n"], ["\n 0% {\n width: 100%;\n }\n 100% {\n width: 0;\n }\n"])));
|
|
59
|
-
exports.StyledReqoreNotification = (0, styled_components_1["default"])(Effect_1.StyledEffect)(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n min-width: ", ";\n max-width: ", ";\n border-radius: 5px;\n min-height: ", "px;\n display: flex;\n flex: 0 0 auto;\n overflow: auto;\n position: relative;\n transition: all 0.2s ease-out;\n\n // Do not fade in the component if it's a message\n ", ";\n\n
|
|
60
|
+
exports.StyledReqoreNotification = (0, styled_components_1["default"])(Effect_1.StyledEffect)(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n min-width: ", ";\n max-width: ", ";\n border-radius: 5px;\n min-height: ", "px;\n display: flex;\n flex: 0 0 auto;\n overflow: auto;\n position: relative;\n transition: all 0.2s ease-out;\n\n // Do not fade in the component if it's a message\n ", ";\n\n &:not(:first-child) {\n margin-top: ", ";\n }\n\n ", "\n"], ["\n min-width: ", ";\n max-width: ", ";\n border-radius: 5px;\n min-height: ", "px;\n display: flex;\n flex: 0 0 auto;\n overflow: auto;\n position: relative;\n transition: all 0.2s ease-out;\n\n // Do not fade in the component if it's a message\n ", ";\n\n &:not(:first-child) {\n margin-top: ", ";\n }\n\n ", "\n"])), function (_a) {
|
|
60
61
|
var fluid = _a.fluid;
|
|
61
62
|
return (!fluid ? '200px' : undefined);
|
|
62
63
|
}, function (_a) {
|
|
@@ -70,25 +71,21 @@ exports.StyledReqoreNotification = (0, styled_components_1["default"])(Effect_1.
|
|
|
70
71
|
return asMessage
|
|
71
72
|
? undefined
|
|
72
73
|
: (0, styled_components_1.css)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n animation: 0.2s ", " ease-in;\n "], ["\n animation: 0.2s ", " ease-in;\n "])), animations_2.fadeIn);
|
|
73
|
-
}, function (_a) {
|
|
74
|
-
var _b = _a.size, size = _b === void 0 ? 'normal' : _b;
|
|
75
|
-
return sizes_1.TEXT_FROM_SIZE[size];
|
|
76
74
|
}, function (_a) {
|
|
77
75
|
var asMessage = _a.asMessage;
|
|
78
76
|
return (asMessage ? undefined : "10px");
|
|
79
77
|
}, function (_a) {
|
|
80
|
-
var theme = _a.theme, type = _a.type, intent = _a.intent, clickable = _a.clickable, timeout = _a.timeout, hasShadow = _a.hasShadow, flat = _a.flat,
|
|
81
|
-
return (0, styled_components_1.css)(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n background-color: ", ";\n border: ", ";\n border-color: ", ";\n\n ", "\n\n ", "\n\n color: ", ";\n\n ", "\n "], ["\n background-color: ", ";\n border: ", ";\n border-color: ", ";\n\n ", "\n\n ", "\n\n color: ", ";\n\n ", "\n "])),
|
|
82
|
-
?
|
|
83
|
-
: (0, polished_1.
|
|
84
|
-
? (0, colors_1.getNotificationIntent)(theme, intent || type)
|
|
85
|
-
: (0, colors_1.getReadableColorFrom)((0, colors_1.getNotificationIntent)(theme, intent || type), true), clickable && (0, styled_components_1.css)(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n cursor: pointer;\n &:hover {\n background-color: ", ";\n }\n "], ["\n cursor: pointer;\n &:hover {\n background-color: ", ";\n }\n "])), inverted
|
|
86
|
-
? (0, polished_1.rgba)((0, colors_1.changeDarkness)((0, colors_1.getNotificationIntent)(theme, intent || type), 0.2), 0.1)
|
|
87
|
-
: (0, colors_1.changeLightness)((0, colors_1.getNotificationIntent)(theme, intent || type), 0.0625)));
|
|
78
|
+
var theme = _a.theme, type = _a.type, intent = _a.intent, clickable = _a.clickable, timeout = _a.timeout, hasShadow = _a.hasShadow, flat = _a.flat, minimal = _a.minimal;
|
|
79
|
+
return (0, styled_components_1.css)(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n background-color: ", ";\n border: ", ";\n border-color: ", ";\n\n ", "\n\n ", "\n\n color: ", ";\n\n ", "\n "], ["\n background-color: ", ";\n border: ", ";\n border-color: ", ";\n\n ", "\n\n ", "\n\n color: ", ";\n\n ", "\n "])), minimal
|
|
80
|
+
? 'transparent'
|
|
81
|
+
: (0, polished_1.rgba)((0, colors_1.getNotificationIntent)(theme, intent || type), 0.3), flat ? 0 : '1px solid', (0, colors_1.getNotificationIntent)(theme, intent || type), hasShadow && (0, styled_components_1.css)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n box-shadow: 0px 0px 30px 10px ", ";\n "], ["\n box-shadow: 0px 0px 30px 10px ", ";\n "])), (0, polished_1.rgba)('#000000', 0.3)), timeout && (0, styled_components_1.css)(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n &::before {\n content: '';\n position: absolute;\n display: block;\n top: 0;\n height: 3px;\n background-color: ", ";\n animation-name: ", ";\n animation-duration: ", "ms;\n }\n "], ["\n &::before {\n content: '';\n position: absolute;\n display: block;\n top: 0;\n height: 3px;\n background-color: ", ";\n animation-name: ", ";\n animation-duration: ", "ms;\n }\n "])), (0, colors_1.changeLightness)((0, colors_1.getNotificationIntent)(theme, intent || type), 0.1), timeoutAnimation, timeout), (0, colors_1.getReadableColor)(theme, null, null, true, theme.originalMain), clickable && (0, styled_components_1.css)(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n cursor: pointer;\n &:hover {\n background-color: ", ";\n border-color: ", ";\n }\n "], ["\n cursor: pointer;\n &:hover {\n background-color: ", ";\n border-color: ", ";\n }\n "])), (0, polished_1.rgba)((0, colors_1.getNotificationIntent)(theme, intent || type), minimal ? 0.2 : 0.5), (0, colors_1.changeLightness)((0, colors_1.getNotificationIntent)(theme, intent || type), 0.1)));
|
|
88
82
|
});
|
|
89
|
-
exports.StyledIconWrapper = styled_components_1["default"].div(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n
|
|
83
|
+
exports.StyledIconWrapper = styled_components_1["default"].div(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n height: ", "px;\n flex: 0 1 auto;\n flex-shrink: 0;\n display: flex;\n justify-content: center;\n align-items: center;\n transition: all 0.2s ease-out;\n margin-top: ", ";\n\n ", "\n"], ["\n height: ", "px;\n flex: 0 1 auto;\n flex-shrink: 0;\n display: flex;\n justify-content: center;\n align-items: center;\n transition: all 0.2s ease-out;\n margin-top: ", ";\n\n ", "\n"])), function (_a) {
|
|
90
84
|
var _b = _a.size, size = _b === void 0 ? 'normal' : _b;
|
|
91
|
-
return sizes_1.
|
|
85
|
+
return sizes_1.ICON_WRAPPER_FROM_HEADER_SIZE[size];
|
|
86
|
+
}, function (_a) {
|
|
87
|
+
var _b = _a.size, size = _b === void 0 ? 'normal' : _b;
|
|
88
|
+
return "".concat(sizes_1.PADDING_FROM_SIZE[size], "px");
|
|
92
89
|
}, function (_a) {
|
|
93
90
|
var clickable = _a.clickable, theme = _a.theme, intent = _a.intent, type = _a.type;
|
|
94
91
|
return clickable && (0, styled_components_1.css)(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n .reqore-icon {\n transform: scale(0.85);\n }\n\n &:hover {\n cursor: pointer;\n background-color: ", ";\n .reqore-icon {\n transform: scale(1);\n }\n }\n "], ["\n .reqore-icon {\n transform: scale(0.85);\n }\n\n &:hover {\n cursor: pointer;\n background-color: ", ";\n .reqore-icon {\n transform: scale(1);\n }\n }\n "])), (0, colors_1.changeLightness)((0, colors_1.getNotificationIntent)(theme, intent || type), 0.02));
|
|
@@ -101,7 +98,13 @@ exports.StyledNotificationContentWrapper = styled_components_1["default"].div(te
|
|
|
101
98
|
return "".concat(sizes_1.PADDING_FROM_SIZE[size], "px");
|
|
102
99
|
});
|
|
103
100
|
exports.StyledNotificationTitle = styled_components_1["default"].h4(templateObject_11 || (templateObject_11 = __makeTemplateObject(["\n margin: 0 0 5px 0;\n padding: 0;\n display: flex;\n align-items: center;\n"], ["\n margin: 0 0 5px 0;\n padding: 0;\n display: flex;\n align-items: center;\n"])));
|
|
104
|
-
exports.StyledNotificationContent = styled_components_1["default"].
|
|
101
|
+
exports.StyledNotificationContent = styled_components_1["default"].div(templateObject_13 || (templateObject_13 = __makeTemplateObject(["\n margin: 0;\n padding: 0;\n flex: 1;\n font-size: ", "px;\n\n ", "\n"], ["\n margin: 0;\n padding: 0;\n flex: 1;\n font-size: ", "px;\n\n ", "\n"])), function (_a) {
|
|
102
|
+
var _b = _a.size, size = _b === void 0 ? 'normal' : _b;
|
|
103
|
+
return sizes_1.TEXT_FROM_SIZE[size];
|
|
104
|
+
}, function (_a) {
|
|
105
|
+
var hasTitle = _a.hasTitle, _b = _a.size, size = _b === void 0 ? 'normal' : _b;
|
|
106
|
+
return hasTitle && (0, styled_components_1.css)(templateObject_12 || (templateObject_12 = __makeTemplateObject(["\n padding-top: ", "px;\n "], ["\n padding-top: ", "px;\n "])), sizes_1.PADDING_FROM_SIZE[size]);
|
|
107
|
+
});
|
|
105
108
|
exports.typeToIcon = {
|
|
106
109
|
info: 'InformationLine',
|
|
107
110
|
pending: 'TimerLine',
|
|
@@ -111,7 +114,7 @@ exports.typeToIcon = {
|
|
|
111
114
|
muted: 'Forbid2Line'
|
|
112
115
|
};
|
|
113
116
|
var ReqoreNotification = (0, react_1.forwardRef)(function (_a, ref) {
|
|
114
|
-
var type = _a.type, intent = _a.intent, icon = _a.icon, title = _a.title, content = _a.content, onClose = _a.onClose, onClick = _a.onClick, duration = _a.duration, onFinish = _a.onFinish, flat = _a.flat,
|
|
117
|
+
var type = _a.type, intent = _a.intent, icon = _a.icon, title = _a.title, content = _a.content, onClose = _a.onClose, onClick = _a.onClick, duration = _a.duration, onFinish = _a.onFinish, flat = _a.flat, minimal = _a.minimal, _b = _a.size, size = _b === void 0 ? 'normal' : _b;
|
|
115
118
|
var _c = (0, react_1.useState)(null), internalTimeout = _c[0], setInternalTimeout = _c[1];
|
|
116
119
|
var transitions = (0, web_1.useTransition)(true, {
|
|
117
120
|
from: { opacity: 0, transform: 'scale(0.9)' },
|
|
@@ -138,12 +141,12 @@ var ReqoreNotification = (0, react_1.forwardRef)(function (_a, ref) {
|
|
|
138
141
|
clearTimeout(internalTimeout);
|
|
139
142
|
});
|
|
140
143
|
return transitions(function (styles, item) {
|
|
141
|
-
return item ? ((0, jsx_runtime_1.jsx)(ThemeProvider_1["default"], { children: (0, jsx_runtime_1.jsxs)(exports.StyledReqoreNotification, __assign({ as: web_1.animated.div, type: type || intent, hasShadow: true, timeout: duration, clickable: !!onClick, onClick: onClick, flat: flat,
|
|
144
|
+
return item ? ((0, jsx_runtime_1.jsx)(ThemeProvider_1["default"], { children: (0, jsx_runtime_1.jsxs)(exports.StyledReqoreNotification, __assign({ as: web_1.animated.div, type: type || intent, hasShadow: true, timeout: duration, clickable: !!onClick, onClick: onClick, flat: flat, minimal: minimal, className: 'reqore-notification', ref: ref, style: styles, size: size }, { children: [type || intent || icon ? ((0, jsx_runtime_1.jsx)(exports.StyledIconWrapper, __assign({ type: type || intent, size: size }, { children: (0, jsx_runtime_1.jsx)(Icon_1["default"], { icon: icon || exports.typeToIcon[type || intent], margin: 'both', size: size }) }))) : null, (0, jsx_runtime_1.jsxs)(exports.StyledNotificationContentWrapper, __assign({ size: size }, { children: [title && (0, jsx_runtime_1.jsx)(Header_1.ReqoreHeading, __assign({ size: size }, { children: title })), (0, jsx_runtime_1.jsx)(exports.StyledNotificationContent, __assign({ hasTitle: !!title, size: size }, { children: content }))] })), (0, jsx_runtime_1.jsx)(exports.StyledIconWrapper, __assign({ type: type || intent, size: size, clickable: true, className: 'reqore-notification-close', onClick: function (event) {
|
|
142
145
|
event.stopPropagation();
|
|
143
146
|
onClose && onClose();
|
|
144
|
-
} }, { children: (0, jsx_runtime_1.jsx)(Icon_1["default"], { icon: 'CloseFill', margin: 'both', size:
|
|
147
|
+
} }, { children: (0, jsx_runtime_1.jsx)(Icon_1["default"], { icon: 'CloseFill', margin: 'both', size: size }) }))] }), "".concat(duration).concat(type || intent).concat(title).concat(content)) })) : null;
|
|
145
148
|
});
|
|
146
149
|
});
|
|
147
150
|
exports["default"] = ReqoreNotification;
|
|
148
|
-
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;
|
|
151
|
+
var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9, templateObject_10, templateObject_11, templateObject_12, templateObject_13;
|
|
149
152
|
//# sourceMappingURL=notification.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"notification.js","sourceRoot":"","sources":["../../../src/components/Notifications/notification.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,yCAA4D;AAC5D,
|
|
1
|
+
{"version":3,"file":"notification.js","sourceRoot":"","sources":["../../../src/components/Notifications/notification.tsx"],"names":[],"mappings":"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"}
|
|
@@ -3,13 +3,13 @@ import { TSizes } from '../../constants/sizes';
|
|
|
3
3
|
import { IReqoreTheme } from '../../constants/theme';
|
|
4
4
|
import { IReqoreIntent, IWithReqoreCustomTheme, IWithReqoreFlat, IWithReqoreSize, IWithReqoreTooltip } from '../../types/global';
|
|
5
5
|
import { IReqoreIconName } from '../../types/icons';
|
|
6
|
-
import { IReqoreButtonProps } from '../Button';
|
|
6
|
+
import { IReqoreButtonProps, TReqoreBadge } from '../Button';
|
|
7
7
|
import { IReqoreDropdownItem } from '../Dropdown/list';
|
|
8
8
|
import { IReqoreEffect } from '../Effect';
|
|
9
9
|
export interface IReqorePanelAction extends IReqoreButtonProps, IWithReqoreTooltip, IReqoreIntent {
|
|
10
10
|
label?: string | number;
|
|
11
11
|
onClick?: () => void;
|
|
12
|
-
actions?: IReqoreDropdownItem[]
|
|
12
|
+
actions?: Omit<IReqoreDropdownItem[], 'value'>;
|
|
13
13
|
as?: React.ElementType;
|
|
14
14
|
props?: any;
|
|
15
15
|
}
|
|
@@ -23,6 +23,7 @@ export interface IReqorePanelProps extends IWithReqoreSize, IWithReqoreCustomThe
|
|
|
23
23
|
children?: any;
|
|
24
24
|
icon?: IReqoreIconName;
|
|
25
25
|
label?: string | ReactElement<any>;
|
|
26
|
+
badge?: TReqoreBadge | TReqoreBadge[];
|
|
26
27
|
collapsible?: boolean;
|
|
27
28
|
isCollapsed?: boolean;
|
|
28
29
|
onClose?: () => void;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Panel/index.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,YAAY,EAA8C,MAAM,OAAO,CAAC;AAGjF,OAAO,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Panel/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -65,13 +65,15 @@ var colors_1 = require("../../helpers/colors");
|
|
|
65
65
|
var useCombinedRefs_1 = require("../../hooks/useCombinedRefs");
|
|
66
66
|
var useTheme_1 = require("../../hooks/useTheme");
|
|
67
67
|
var useTooltip_1 = require("../../hooks/useTooltip");
|
|
68
|
-
var
|
|
68
|
+
var styles_1 = require("../../styles");
|
|
69
|
+
var Button_1 = __importStar(require("../Button"));
|
|
69
70
|
var item_1 = require("../Collection/item");
|
|
70
71
|
var ControlGroup_1 = __importDefault(require("../ControlGroup"));
|
|
71
72
|
var Dropdown_1 = __importDefault(require("../Dropdown"));
|
|
72
73
|
var Effect_1 = require("../Effect");
|
|
73
74
|
var Header_1 = require("../Header");
|
|
74
|
-
var Icon_1 =
|
|
75
|
+
var Icon_1 = __importStar(require("../Icon"));
|
|
76
|
+
var Spacer_1 = require("../Spacer");
|
|
75
77
|
exports.StyledPanel = (0, styled_components_1["default"])(Effect_1.StyledEffect)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n background-color: ", ";\n border-radius: ", "px;\n border: ", ";\n color: ", ";\n overflow: hidden;\n display: flex;\n flex-flow: column;\n position: relative;\n backdrop-filter: ", ";\n transition: 0.2s ease-in-out;\n flex: auto;\n\n ", "\n\n ", "\n"], ["\n background-color: ", ";\n border-radius: ", "px;\n border: ", ";\n color: ", ";\n overflow: hidden;\n display: flex;\n flex-flow: column;\n position: relative;\n backdrop-filter: ", ";\n transition: 0.2s ease-in-out;\n flex: auto;\n\n ", "\n\n ", "\n"])), function (_a) {
|
|
76
78
|
var theme = _a.theme, _b = _a.opacity, opacity = _b === void 0 ? 1 : _b;
|
|
77
79
|
return (0, polished_1.rgba)((0, colors_1.changeDarkness)((0, colors_1.getMainBackgroundColor)(theme), 0.03), opacity);
|
|
@@ -92,7 +94,7 @@ exports.StyledPanel = (0, styled_components_1["default"])(Effect_1.StyledEffect)
|
|
|
92
94
|
}, function (_a) {
|
|
93
95
|
var interactive = _a.interactive, theme = _a.theme, _b = _a.opacity, opacity = _b === void 0 ? 1 : _b, flat = _a.flat, intent = _a.intent;
|
|
94
96
|
return interactive
|
|
95
|
-
? (0, styled_components_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n cursor: pointer;\n\n &:hover {\n background-color: ", ";\n\n border-color: ", ";\n\n ", ":after {\n background: linear-gradient(\n to top,\n ", "\n 0%,\n transparent 100%\n );\n }\n }\n "], ["\n cursor: pointer;\n\n &:hover {\n background-color: ", ";\n\n border-color: ", ";\n\n ", ":after {\n background: linear-gradient(\n to top,\n ", "\n 0%,\n transparent 100%\n );\n }\n }\n "])), (0, polished_1.rgba)((0, polished_1.darken)(0.025, (0, polished_1.rgba)((0, colors_1.changeDarkness)((0, colors_1.getMainBackgroundColor)(theme), 0.03), opacity)), opacity === 0 ? 0.2 : opacity), flat && !intent
|
|
97
|
+
? (0, styled_components_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n cursor: pointer;\n\n &:hover {\n ", " > div > ", " {\n transform: scale(", ");\n }\n\n background-color: ", ";\n\n border-color: ", ";\n\n ", ":after {\n background: linear-gradient(\n to top,\n ", "\n 0%,\n transparent 100%\n );\n }\n }\n "], ["\n cursor: pointer;\n\n &:hover {\n ", " > div > ", " {\n transform: scale(", ");\n }\n\n background-color: ", ";\n\n border-color: ", ";\n\n ", ":after {\n background: linear-gradient(\n to top,\n ", "\n 0%,\n transparent 100%\n );\n }\n }\n "])), exports.StyledPanelTitle, Icon_1.StyledIconWrapper, styles_1.ACTIVE_ICON_SCALE, (0, polished_1.rgba)((0, polished_1.darken)(0.025, (0, polished_1.rgba)((0, colors_1.changeDarkness)((0, colors_1.getMainBackgroundColor)(theme), 0.03), opacity)), opacity === 0 ? 0.2 : opacity), flat && !intent
|
|
96
98
|
? undefined
|
|
97
99
|
: "".concat((0, polished_1.rgba)((0, colors_1.changeLightness)(intent ? theme.intents[intent] : (0, colors_1.getMainBackgroundColor)(theme), 0.3), opacity)), item_1.StyledCollectionItemContent, (0, polished_1.rgba)((0, polished_1.darken)(0.025, (0, polished_1.rgba)((0, colors_1.changeDarkness)((0, colors_1.getMainBackgroundColor)(theme), 0.03), opacity)), opacity === 0 ? 0.2 : opacity)) : undefined;
|
|
98
100
|
}, function (_a) {
|
|
@@ -100,9 +102,9 @@ exports.StyledPanel = (0, styled_components_1["default"])(Effect_1.StyledEffect)
|
|
|
100
102
|
return !isCollapsed && fill
|
|
101
103
|
? (0, styled_components_1.css)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n height: 100%;\n flex: 1;\n "], ["\n height: 100%;\n flex: 1;\n "]))) : undefined;
|
|
102
104
|
});
|
|
103
|
-
exports.StyledPanelTitle = styled_components_1["default"].div(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n display: flex;\n background-color: ", ";\n justify-content: space-between;\n height: 40px;\n align-items: center;\n padding: ", ";\n border-bottom: ", ";\n transition: background-color 0.2s ease-out;\n overflow: hidden;\n flex: 0 0 auto;\n\n ", "\n"], ["\n display: flex;\n background-color: ", ";\n justify-content: space-between;\n height: 40px;\n align-items: center;\n padding: ", ";\n border-bottom: ", ";\n transition: background-color 0.2s ease-out;\n overflow: hidden;\n flex: 0 0 auto;\n\n ", "\n"])), function (_a) {
|
|
105
|
+
exports.StyledPanelTitle = styled_components_1["default"].div(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n display: flex;\n background-color: ", ";\n justify-content: space-between;\n height: 40px;\n align-items: center;\n padding: ", ";\n border-bottom: ", ";\n transition: background-color 0.2s ease-out;\n overflow: hidden;\n flex: 0 0 auto;\n\n > div > ", " {\n transform: scale(", ");\n }\n\n ", "\n"], ["\n display: flex;\n background-color: ", ";\n justify-content: space-between;\n height: 40px;\n align-items: center;\n padding: ", ";\n border-bottom: ", ";\n transition: background-color 0.2s ease-out;\n overflow: hidden;\n flex: 0 0 auto;\n\n > div > ", " {\n transform: scale(", ");\n }\n\n ", "\n"])), function (_a) {
|
|
104
106
|
var theme = _a.theme, _b = _a.opacity, opacity = _b === void 0 ? 1 : _b;
|
|
105
|
-
return (0, polished_1.rgba)((0, colors_1.changeLightness)((0, colors_1.getMainBackgroundColor)(theme), 0.
|
|
107
|
+
return (0, polished_1.rgba)((0, colors_1.changeLightness)((0, colors_1.getMainBackgroundColor)(theme), 0.03), opacity);
|
|
106
108
|
}, function (_a) {
|
|
107
109
|
var noHorizontalPadding = _a.noHorizontalPadding, contentSize = _a.contentSize;
|
|
108
110
|
return "0 ".concat(noHorizontalPadding ? 0 : '5px', " 0 ").concat(noHorizontalPadding ? 0 : "".concat(sizes_1.TEXT_FROM_SIZE[contentSize], "px"));
|
|
@@ -111,11 +113,11 @@ exports.StyledPanelTitle = styled_components_1["default"].div(templateObject_5 |
|
|
|
111
113
|
return !isCollapsed && !flat
|
|
112
114
|
? "1px solid ".concat((0, polished_1.rgba)((0, colors_1.changeLightness)((0, colors_1.getMainBackgroundColor)(theme), 0.2), opacity))
|
|
113
115
|
: null;
|
|
114
|
-
}, function (_a) {
|
|
116
|
+
}, Icon_1.StyledIconWrapper, styles_1.INACTIVE_ICON_SCALE, function (_a) {
|
|
115
117
|
var collapsible = _a.collapsible;
|
|
116
|
-
return collapsible && (0, styled_components_1.css)(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n cursor: pointer;\n &:hover {\n background-color: ", ";\n }\n "], ["\n cursor: pointer;\n &:hover {\n background-color: ", ";\n }\n "])), function (_a) {
|
|
118
|
+
return collapsible && (0, styled_components_1.css)(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n cursor: pointer;\n &:hover {\n > div > ", " {\n transform: scale(", ");\n }\n\n background-color: ", ";\n }\n "], ["\n cursor: pointer;\n &:hover {\n > div > ", " {\n transform: scale(", ");\n }\n\n background-color: ", ";\n }\n "])), Icon_1.StyledIconWrapper, styles_1.ACTIVE_ICON_SCALE, function (_a) {
|
|
117
119
|
var theme = _a.theme, _b = _a.opacity, opacity = _b === void 0 ? 1 : _b;
|
|
118
|
-
return (0, polished_1.rgba)((0, colors_1.changeLightness)((0, colors_1.getMainBackgroundColor)(theme), 0.
|
|
120
|
+
return (0, polished_1.rgba)((0, colors_1.changeLightness)((0, colors_1.getMainBackgroundColor)(theme), 0.05), opacity);
|
|
119
121
|
});
|
|
120
122
|
});
|
|
121
123
|
exports.StyledPanelBottomActions = (0, styled_components_1["default"])(exports.StyledPanelTitle)(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n padding: ", ";\n border-bottom: 0;\n border-top: ", ";\n"], ["\n padding: ", ";\n border-bottom: 0;\n border-top: ", ";\n"])), function (_a) {
|
|
@@ -150,7 +152,7 @@ exports.StyledPanelContent = styled_components_1["default"].div(templateObject_7
|
|
|
150
152
|
exports.StyledPanelTitleHeader = styled_components_1["default"].div(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n display: flex;\n justify-content: center;\n align-items: center;\n overflow: hidden;\n padding-right: 5px;\n"], ["\n display: flex;\n justify-content: center;\n align-items: center;\n overflow: hidden;\n padding-right: 5px;\n"])));
|
|
151
153
|
exports.ReqorePanel = (0, react_2.forwardRef)(function (_a, ref) {
|
|
152
154
|
var _b, _c;
|
|
153
|
-
var children = _a.children, label = _a.label, collapsible = _a.collapsible, onClose = _a.onClose, _d = _a.rounded, rounded = _d === void 0 ? true : _d, _e = _a.actions, actions = _e === void 0 ? [] : _e, _f = _a.bottomActions, bottomActions = _f === void 0 ? [] : _f, isCollapsed = _a.isCollapsed, customTheme = _a.customTheme, icon = _a.icon, intent = _a.intent, className = _a.className, flat = _a.flat, _g = _a.unMountContentOnCollapse, unMountContentOnCollapse = _g === void 0 ? true : _g, onCollapseChange = _a.onCollapseChange, _h = _a.padded, padded = _h === void 0 ? true : _h, contentStyle = _a.contentStyle, contentEffect = _a.contentEffect, _j = _a.headerEffect, headerEffect = _j === void 0 ? {} : _j, _k = _a.headerSize, headerSize = _k === void 0 ? 4 : _k, _l = _a.contentSize, contentSize = _l === void 0 ? 'normal' : _l, minimal = _a.minimal, tooltip = _a.tooltip, rest = __rest(_a, ["children", "label", "collapsible", "onClose", "rounded", "actions", "bottomActions", "isCollapsed", "customTheme", "icon", "intent", "className", "flat", "unMountContentOnCollapse", "onCollapseChange", "padded", "contentStyle", "contentEffect", "headerEffect", "headerSize", "contentSize", "minimal", "tooltip"]);
|
|
155
|
+
var children = _a.children, label = _a.label, collapsible = _a.collapsible, onClose = _a.onClose, _d = _a.rounded, rounded = _d === void 0 ? true : _d, _e = _a.actions, actions = _e === void 0 ? [] : _e, _f = _a.bottomActions, bottomActions = _f === void 0 ? [] : _f, isCollapsed = _a.isCollapsed, customTheme = _a.customTheme, icon = _a.icon, intent = _a.intent, className = _a.className, flat = _a.flat, _g = _a.unMountContentOnCollapse, unMountContentOnCollapse = _g === void 0 ? true : _g, onCollapseChange = _a.onCollapseChange, _h = _a.padded, padded = _h === void 0 ? true : _h, contentStyle = _a.contentStyle, contentEffect = _a.contentEffect, _j = _a.headerEffect, headerEffect = _j === void 0 ? {} : _j, _k = _a.headerSize, headerSize = _k === void 0 ? 4 : _k, _l = _a.contentSize, contentSize = _l === void 0 ? 'normal' : _l, minimal = _a.minimal, tooltip = _a.tooltip, badge = _a.badge, rest = __rest(_a, ["children", "label", "collapsible", "onClose", "rounded", "actions", "bottomActions", "isCollapsed", "customTheme", "icon", "intent", "className", "flat", "unMountContentOnCollapse", "onCollapseChange", "padded", "contentStyle", "contentEffect", "headerEffect", "headerSize", "contentSize", "minimal", "tooltip", "badge"]);
|
|
154
156
|
var _m = (0, react_2.useState)(isCollapsed || false), _isCollapsed = _m[0], setIsCollapsed = _m[1];
|
|
155
157
|
var theme = (0, useTheme_1.useReqoreTheme)('main', customTheme ||
|
|
156
158
|
((contentEffect === null || contentEffect === void 0 ? void 0 : contentEffect.gradient) && minimal
|
|
@@ -161,8 +163,13 @@ exports.ReqorePanel = (0, react_2.forwardRef)(function (_a, ref) {
|
|
|
161
163
|
(0, react_use_1.useUpdateEffect)(function () {
|
|
162
164
|
setIsCollapsed(!!isCollapsed);
|
|
163
165
|
}, [isCollapsed]);
|
|
164
|
-
|
|
166
|
+
// Return true if the card has a title bar, otherwise return false.
|
|
167
|
+
var hasTitleBar = (0, react_2.useMemo)(function () { return !!label || collapsible || !!onClose || !!(0, lodash_1.size)(actions) || !!badge; }, [label, collapsible, onClose, actions, badge]);
|
|
168
|
+
// If collapsible is true, toggle the isCollapsed state
|
|
169
|
+
// If the isCollapsed state is true, the component is expanded
|
|
170
|
+
// If the isCollapsed state is false, the component is collapsed
|
|
165
171
|
var handleCollapseClick = (0, react_2.useCallback)(function () {
|
|
172
|
+
// If collapsible is true, toggle the isCollapsed state
|
|
166
173
|
if (collapsible) {
|
|
167
174
|
setIsCollapsed(!_isCollapsed);
|
|
168
175
|
onCollapseChange === null || onCollapseChange === void 0 ? void 0 : onCollapseChange(!_isCollapsed);
|
|
@@ -176,6 +183,7 @@ exports.ReqorePanel = (0, react_2.forwardRef)(function (_a, ref) {
|
|
|
176
183
|
var position = _a.position;
|
|
177
184
|
return position === 'right';
|
|
178
185
|
}); }, [bottomActions]);
|
|
186
|
+
// Calculates whether or not the bottom actions should be displayed.
|
|
179
187
|
var hasBottomActions = (0, react_2.useMemo)(function () { return !!((0, lodash_1.size)(leftBottomActions) || (0, lodash_1.size)(rightBottomActions)); }, [leftBottomActions, rightBottomActions]);
|
|
180
188
|
var renderActions = (0, react_2.useCallback)(function (actionOrActions, index) {
|
|
181
189
|
if (Array.isArray(actionOrActions)) {
|
|
@@ -215,7 +223,7 @@ exports.ReqorePanel = (0, react_2.forwardRef)(function (_a, ref) {
|
|
|
215
223
|
newContentEffect.interactive = interactive;
|
|
216
224
|
return newContentEffect;
|
|
217
225
|
}, [intent, theme, contentEffect, interactive]);
|
|
218
|
-
return ((0, jsx_runtime_1.jsxs)(exports.StyledPanel, __assign({}, rest, { as: rest.as || 'div', ref: targetRef, isCollapsed: _isCollapsed, rounded: rounded, flat: flat, intent: intent, className: "".concat(className || '', " reqore-panel"), interactive: interactive, theme: theme, effect: transformedContentEffect }, { children: [hasTitleBar && ((0, jsx_runtime_1.jsxs)(exports.StyledPanelTitle, __assign({ flat: flat, isCollapsed: _isCollapsed, collapsible: collapsible, className: 'reqore-panel-title', onClick: handleCollapseClick, theme: theme, contentSize: contentSize, opacity: (_b = rest.opacity) !== null && _b !== void 0 ? _b : (minimal ? 0 : 1), noHorizontalPadding: rest.opacity === 0 }, { children: [(0, jsx_runtime_1.jsxs)(exports.StyledPanelTitleHeader, { children: [icon && ((0, jsx_runtime_1.jsx)(Icon_1["default"], { size: "".concat(sizes_1.ICON_FROM_HEADER_SIZE[headerSize], "px"), icon: icon, margin: 'right' })), typeof label === 'string' ? ((0, jsx_runtime_1.jsx)(Header_1.ReqoreHeading, __assign({ size: headerSize, customTheme: theme, effect: __assign({ noWrap: true }, headerEffect) }, { children: label }))) : (label)] }), (0, jsx_runtime_1.jsxs)(ControlGroup_1["default"], { children: [actions.map(renderActions), collapsible && ((0, jsx_runtime_1.jsx)(Button_1["default"], { customTheme: theme, icon: _isCollapsed ? 'ArrowDownSLine' : 'ArrowUpSLine', onClick: handleCollapseClick, tooltip: _isCollapsed ? 'Expand' : 'Collapse' })), onClose && ((0, jsx_runtime_1.jsx)(Button_1["default"], { customTheme: theme, icon: 'CloseLine', onClick: function (e) {
|
|
226
|
+
return ((0, jsx_runtime_1.jsxs)(exports.StyledPanel, __assign({}, rest, { as: rest.as || 'div', ref: targetRef, isCollapsed: _isCollapsed, rounded: rounded, flat: flat, intent: intent, className: "".concat(className || '', " reqore-panel"), interactive: interactive, theme: theme, effect: transformedContentEffect }, { children: [hasTitleBar && ((0, jsx_runtime_1.jsxs)(exports.StyledPanelTitle, __assign({ flat: flat, isCollapsed: _isCollapsed, collapsible: collapsible, className: 'reqore-panel-title', onClick: handleCollapseClick, theme: theme, contentSize: contentSize, opacity: (_b = rest.opacity) !== null && _b !== void 0 ? _b : (minimal ? 0 : 1), noHorizontalPadding: rest.opacity === 0 }, { children: [(0, jsx_runtime_1.jsxs)(exports.StyledPanelTitleHeader, { children: [icon && ((0, jsx_runtime_1.jsx)(Icon_1["default"], { size: "".concat(sizes_1.ICON_FROM_HEADER_SIZE[headerSize], "px"), icon: icon, margin: 'right' })), typeof label === 'string' ? ((0, jsx_runtime_1.jsx)(Header_1.ReqoreHeading, __assign({ size: headerSize, customTheme: theme, effect: __assign({ noWrap: true }, headerEffect) }, { children: label }))) : (label), badge && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(Button_1.ButtonBadge, { color: (0, colors_1.changeLightness)(theme.main, 0.18), size: 'big', content: badge }), (0, jsx_runtime_1.jsx)(Spacer_1.ReqoreSpacer, { width: sizes_1.PADDING_FROM_SIZE.normal })] }))] }), (0, jsx_runtime_1.jsxs)(ControlGroup_1["default"], { children: [actions.map(renderActions), collapsible && ((0, jsx_runtime_1.jsx)(Button_1["default"], { customTheme: theme, icon: _isCollapsed ? 'ArrowDownSLine' : 'ArrowUpSLine', onClick: handleCollapseClick, tooltip: _isCollapsed ? 'Expand' : 'Collapse' })), onClose && ((0, jsx_runtime_1.jsx)(Button_1["default"], { customTheme: theme, icon: 'CloseLine', onClick: function (e) {
|
|
219
227
|
e.stopPropagation();
|
|
220
228
|
onClose === null || onClose === void 0 ? void 0 : onClose();
|
|
221
229
|
} }))] })] }))), !_isCollapsed || (_isCollapsed && !unMountContentOnCollapse) ? ((0, jsx_runtime_1.jsx)(exports.StyledPanelContent, __assign({ as: 'div', className: 'reqore-panel-content', hasLabel: !!label, isCollapsed: _isCollapsed, style: contentStyle, padded: padded, minimal: minimal, contentSize: contentSize, noHorizontalPadding: rest.opacity === 0 }, { children: children }))) : null, hasBottomActions && !_isCollapsed ? ((0, jsx_runtime_1.jsxs)(exports.StyledPanelBottomActions, __assign({ flat: flat, className: 'reqore-panel-bottom-actions', theme: theme, opacity: (_c = rest.opacity) !== null && _c !== void 0 ? _c : (minimal ? 0 : 1), noHorizontalPadding: rest.opacity === 0 }, { children: [(0, jsx_runtime_1.jsx)(ControlGroup_1["default"], { children: leftBottomActions.map(renderActions) }), (0, jsx_runtime_1.jsx)(ControlGroup_1["default"], { children: rightBottomActions.map(renderActions) })] }))) : null] })));
|