@qoretechnologies/reqore 0.77.6-pr.696.gfd93ff2 → 0.77.7-pr.697.g8beb34a
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/Button/index.d.ts.map +1 -1
- package/dist/components/Button/index.js +6 -3
- package/dist/components/Button/index.js.map +1 -1
- package/dist/components/Checkbox/index.d.ts.map +1 -1
- package/dist/components/Checkbox/index.js +9 -2
- package/dist/components/Checkbox/index.js.map +1 -1
- package/dist/components/Collection/index.d.ts.map +1 -1
- package/dist/components/Collection/index.js +4 -1
- package/dist/components/Collection/index.js.map +1 -1
- package/dist/components/Collection/item.d.ts.map +1 -1
- package/dist/components/Collection/item.js +4 -1
- package/dist/components/Collection/item.js.map +1 -1
- package/dist/components/ControlGroup/index.d.ts.map +1 -1
- package/dist/components/ControlGroup/index.js.map +1 -1
- package/dist/components/ControlGroup/item.d.ts.map +1 -1
- package/dist/components/ControlGroup/item.js +10 -1
- package/dist/components/ControlGroup/item.js.map +1 -1
- package/dist/components/DataView/index.js +1 -1
- package/dist/components/DataView/index.js.map +1 -1
- package/dist/components/DatePicker/index.d.ts.map +1 -1
- package/dist/components/DatePicker/index.js +7 -1
- package/dist/components/DatePicker/index.js.map +1 -1
- package/dist/components/Effect/index.d.ts.map +1 -1
- package/dist/components/Effect/index.js +13 -1
- package/dist/components/Effect/index.js.map +1 -1
- package/dist/components/FeatureCard/index.d.ts +2 -27
- package/dist/components/FeatureCard/index.d.ts.map +1 -1
- package/dist/components/FeatureCard/index.js +4 -18
- package/dist/components/FeatureCard/index.js.map +1 -1
- package/dist/components/Icon/index.d.ts.map +1 -1
- package/dist/components/Icon/index.js +3 -1
- package/dist/components/Icon/index.js.map +1 -1
- package/dist/components/Input/index.d.ts.map +1 -1
- package/dist/components/Input/index.js +18 -4
- package/dist/components/Input/index.js.map +1 -1
- package/dist/components/InternalPopover/index.d.ts.map +1 -1
- package/dist/components/InternalPopover/index.js +6 -3
- package/dist/components/InternalPopover/index.js.map +1 -1
- package/dist/components/KeyboardShortcut/index.d.ts.map +1 -1
- package/dist/components/KeyboardShortcut/index.js +1 -1
- package/dist/components/KeyboardShortcut/index.js.map +1 -1
- package/dist/components/Layout/index.d.ts +1 -12
- package/dist/components/Layout/index.d.ts.map +1 -1
- package/dist/components/Layout/index.js +6 -10
- package/dist/components/Layout/index.js.map +1 -1
- package/dist/components/Menu/divider.d.ts.map +1 -1
- package/dist/components/Menu/divider.js +6 -1
- package/dist/components/Menu/divider.js.map +1 -1
- package/dist/components/Menu/index.d.ts.map +1 -1
- package/dist/components/Menu/index.js +7 -1
- package/dist/components/Menu/index.js.map +1 -1
- package/dist/components/Navbar/divider.d.ts.map +1 -1
- package/dist/components/Navbar/divider.js +5 -1
- package/dist/components/Navbar/divider.js.map +1 -1
- package/dist/components/Navbar/group.d.ts.map +1 -1
- package/dist/components/Navbar/group.js +5 -1
- package/dist/components/Navbar/group.js.map +1 -1
- package/dist/components/Navbar/index.d.ts.map +1 -1
- package/dist/components/Navbar/index.js +5 -1
- package/dist/components/Navbar/index.js.map +1 -1
- package/dist/components/Navbar/item.d.ts.map +1 -1
- package/dist/components/Navbar/item.js +5 -1
- package/dist/components/Navbar/item.js.map +1 -1
- package/dist/components/Notifications/styles.d.ts.map +1 -1
- package/dist/components/Notifications/styles.js +3 -1
- package/dist/components/Notifications/styles.js.map +1 -1
- package/dist/components/Panel/index.d.ts +1 -35
- package/dist/components/Panel/index.d.ts.map +1 -1
- package/dist/components/Panel/index.js +27 -44
- package/dist/components/Panel/index.js.map +1 -1
- package/dist/components/Paragraph/index.d.ts.map +1 -1
- package/dist/components/Paragraph/index.js +5 -1
- package/dist/components/Paragraph/index.js.map +1 -1
- package/dist/components/SegmentedControl/index.d.ts +2 -14
- package/dist/components/SegmentedControl/index.d.ts.map +1 -1
- package/dist/components/SegmentedControl/index.js +24 -34
- package/dist/components/SegmentedControl/index.js.map +1 -1
- package/dist/components/Slider/index.d.ts.map +1 -1
- package/dist/components/Slider/index.js +6 -1
- package/dist/components/Slider/index.js.map +1 -1
- package/dist/components/Spacer/index.d.ts.map +1 -1
- package/dist/components/Spacer/index.js +12 -3
- package/dist/components/Spacer/index.js.map +1 -1
- package/dist/components/Span/index.d.ts.map +1 -1
- package/dist/components/Span/index.js +6 -1
- package/dist/components/Span/index.js.map +1 -1
- package/dist/components/Statistic/index.d.ts +0 -35
- package/dist/components/Statistic/index.d.ts.map +1 -1
- package/dist/components/Statistic/index.js +4 -26
- package/dist/components/Statistic/index.js.map +1 -1
- package/dist/components/Table/cell.d.ts.map +1 -1
- package/dist/components/Table/cell.js +3 -2
- package/dist/components/Table/cell.js.map +1 -1
- package/dist/components/Table/header.d.ts.map +1 -1
- package/dist/components/Table/header.js +4 -1
- package/dist/components/Table/header.js.map +1 -1
- package/dist/components/Tabs/index.d.ts.map +1 -1
- package/dist/components/Tabs/index.js +4 -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 +4 -1
- package/dist/components/Tabs/item.js.map +1 -1
- package/dist/components/Tabs/list.d.ts.map +1 -1
- package/dist/components/Tabs/list.js +4 -1
- package/dist/components/Tabs/list.js.map +1 -1
- package/dist/components/Tag/index.d.ts.map +1 -1
- package/dist/components/Tag/index.js +11 -3
- package/dist/components/Tag/index.js.map +1 -1
- package/dist/components/Textarea/index.d.ts.map +1 -1
- package/dist/components/Textarea/index.js +1 -1
- package/dist/components/Textarea/index.js.map +1 -1
- package/dist/components/Tier/index.d.ts +1 -15
- package/dist/components/Tier/index.d.ts.map +1 -1
- package/dist/components/Tier/index.js +2 -2
- package/dist/components/Tier/index.js.map +1 -1
- package/dist/components/Timeline/index.d.ts +0 -14
- package/dist/components/Timeline/index.d.ts.map +1 -1
- package/dist/components/Timeline/index.js +30 -30
- package/dist/components/Timeline/index.js.map +1 -1
- package/dist/components/TooltipComponent/index.d.ts.map +1 -1
- package/dist/components/TooltipComponent/index.js +5 -1
- package/dist/components/TooltipComponent/index.js.map +1 -1
- package/dist/components/Tree/index.d.ts +1 -1
- package/dist/components/Tree/index.d.ts.map +1 -1
- package/dist/components/Tree/index.js +3 -1
- package/dist/components/Tree/index.js.map +1 -1
- package/dist/constants/fonts.d.ts +2 -5
- package/dist/constants/fonts.d.ts.map +1 -1
- package/dist/constants/fonts.js +2 -5
- package/dist/constants/fonts.js.map +1 -1
- package/dist/constants/theme.d.ts +0 -10
- package/dist/constants/theme.d.ts.map +1 -1
- package/dist/constants/theme.js.map +1 -1
- package/dist/containers/UIProvider.d.ts +0 -9
- package/dist/containers/UIProvider.d.ts.map +1 -1
- package/dist/containers/UIProvider.js +4 -8
- package/dist/containers/UIProvider.js.map +1 -1
- package/dist/helpers/styled.d.ts +8 -0
- package/dist/helpers/styled.d.ts.map +1 -1
- package/dist/helpers/styled.js +35 -1
- package/dist/helpers/styled.js.map +1 -1
- package/dist/styles.d.ts.map +1 -1
- package/dist/styles.js +14 -4
- package/dist/styles.js.map +1 -1
- package/dist/types/global.d.ts +0 -8
- package/dist/types/global.d.ts.map +1 -1
- package/package.json +1 -1
- package/dist/hooks/useCountUp.d.ts +0 -71
- package/dist/hooks/useCountUp.d.ts.map +0 -1
- package/dist/hooks/useCountUp.js +0 -214
- package/dist/hooks/useCountUp.js.map +0 -1
|
@@ -70,13 +70,19 @@ var __1 = require("../..");
|
|
|
70
70
|
var sizes_1 = require("../../constants/sizes");
|
|
71
71
|
var ThemeProvider_1 = __importDefault(require("../../containers/ThemeProvider"));
|
|
72
72
|
var colors_1 = require("../../helpers/colors");
|
|
73
|
+
var styled_1 = require("../../helpers/styled");
|
|
73
74
|
var useCloneThroughFragments_1 = require("../../hooks/useCloneThroughFragments");
|
|
74
75
|
var useCombinedRefs_1 = require("../../hooks/useCombinedRefs");
|
|
75
76
|
var useTheme_1 = require("../../hooks/useTheme");
|
|
76
77
|
var ControlGroup_1 = __importDefault(require("../ControlGroup"));
|
|
77
78
|
var Effect_1 = require("../Effect");
|
|
78
79
|
var Skeleton_1 = require("../Skeleton");
|
|
79
|
-
|
|
80
|
+
/* Rendered as re-resizable's `Resizable` when the menu is resizable, which writes every prop it
|
|
81
|
+
does not know onto its `div`: the menu's styling flags stop here. Resizable's own props
|
|
82
|
+
(`size`, `minWidth`, `maxHeight`, …) still pass. */
|
|
83
|
+
var StyledReqoreMenu = (0, styled_components_1.default)(Effect_1.StyledEffect).withConfig({
|
|
84
|
+
shouldForwardProp: (0, styled_1.omitStyleProps)('_size', 'fill', 'fixed', 'flat', 'fluid', 'isResizableLeft', 'isResizableRight', 'minimal', 'padded', 'position', 'rounded', 'showResizableBorder', 'spaceBetween', 'stack', 'transparent', 'width'),
|
|
85
|
+
})(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n width: ", ";\n min-width: ", ";\n padding: ", ";\n max-height: ", ";\n /* When the menu is height-capped it becomes independently scrollable; keep\n that scroll from chaining to the page/popover behind it. */\n overscroll-behavior: ", ";\n overflow-y: auto;\n overflow-x: hidden;\n display: flex;\n flex-flow: column nowrap;\n\n background-color: ", ";\n border-radius: ", ";\n\n ", "\n\n ", "\n"], ["\n width: ", ";\n min-width: ", ";\n padding: ", ";\n max-height: ", ";\n /* When the menu is height-capped it becomes independently scrollable; keep\n that scroll from chaining to the page/popover behind it. */\n overscroll-behavior: ", ";\n overflow-y: auto;\n overflow-x: hidden;\n display: flex;\n flex-flow: column nowrap;\n\n background-color: ", ";\n border-radius: ", ";\n\n ", "\n\n ", "\n"])), function (_a) {
|
|
80
86
|
var width = _a.width;
|
|
81
87
|
return width || undefined;
|
|
82
88
|
}, function (_a) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Menu/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAAyD;AACzD,6CAAyD;AACzD,qEAAgD;AAChD,2BAA4C;AAC5C,+CAAiF;AAEjF,iFAAiE;AACjE,+CAA+F;AAC/F,iFAAgF;AAChF,+DAA8D;AAC9D,iDAAsD;AAStD,iEAA+E;AAC/E,oCAAyC;AACzC,wCAA6C;AA+B7C,IAAM,gBAAgB,GAAG,IAAA,2BAAM,EAAC,qBAAY,CAAC,qeAAkB,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Menu/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"divider.d.ts","sourceRoot":"","sources":["../../../src/components/Navbar/divider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAE1C,OAAO,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;
|
|
1
|
+
{"version":3,"file":"divider.d.ts","sourceRoot":"","sources":["../../../src/components/Navbar/divider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAE1C,OAAO,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAIrD,MAAM,WAAW,yBAA0B,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACrF,IAAI,CAAC,EAAE,QAAQ,GAAG,QAAQ,CAAC;IAC3B,KAAK,CAAC,EAAE,YAAY,CAAC;CACtB;AAiCD,QAAA,MAAM,mBAAmB,uGASxB,CAAC;AAEF,eAAe,mBAAmB,CAAC"}
|
|
@@ -32,8 +32,12 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
32
32
|
var jsx_runtime_1 = require("react/jsx-runtime");
|
|
33
33
|
var react_1 = require("react");
|
|
34
34
|
var styled_components_1 = __importDefault(require("styled-components"));
|
|
35
|
+
var styled_1 = require("../../helpers/styled");
|
|
35
36
|
var colors_1 = require("../../helpers/colors");
|
|
36
|
-
|
|
37
|
+
// The navbar's `type` (`header` / `footer`) picks its theme; it is not the element's `type`.
|
|
38
|
+
var StyledNavbarDivider = styled_components_1.default.div.withConfig({
|
|
39
|
+
shouldForwardProp: (0, styled_1.omitStyleProps)('type'),
|
|
40
|
+
})(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n position: relative;\n width: 20px;\n height: 100%;\n display: flex;\n justify-content: center;\n align-items: center;\n\n &:before {\n content: '';\n display: block;\n width: 1px;\n height: 50%;\n background-color: ", ";\n opacity: 0.2;\n }\n"], ["\n position: relative;\n width: 20px;\n height: 100%;\n display: flex;\n justify-content: center;\n align-items: center;\n\n &:before {\n content: '';\n display: block;\n width: 1px;\n height: 50%;\n background-color: ", ";\n opacity: 0.2;\n }\n"])), function (_a) {
|
|
37
41
|
var _b, _c;
|
|
38
42
|
var theme = _a.theme, type = _a.type;
|
|
39
43
|
return (0, colors_1.getReadableColor)(theme, undefined, undefined, true, ((_b = theme[type]) === null || _b === void 0 ? void 0 : _b.background) || ((_c = theme[type]) === null || _c === void 0 ? void 0 : _c.main) || theme.main);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"divider.js","sourceRoot":"","sources":["../../../src/components/Navbar/divider.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+BAA0C;AAC1C,wEAAuC;AAEvC,+CAAwD;AAOxD,IAAM,mBAAmB,GAAG,2BAAM,CAAC,GAAG,
|
|
1
|
+
{"version":3,"file":"divider.js","sourceRoot":"","sources":["../../../src/components/Navbar/divider.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+BAA0C;AAC1C,wEAAuC;AAEvC,+CAAsD;AACtD,+CAAwD;AAOxD,6FAA6F;AAC7F,IAAM,mBAAmB,GAAG,2BAAM,CAAC,GAAG,CAAC,UAAU,CAAC;IAChD,iBAAiB,EAAE,IAAA,uBAAc,EAAC,MAAM,CAAC;CAC1C,CAAC,oVAGA,kPAasB,EAOjB,6BAGN,KAVuB,UAAC,EAAe;;QAAb,KAAK,WAAA,EAAE,IAAI,UAAA;IAChC,OAAA,IAAA,yBAAgB,EACd,KAAK,EACL,SAAS,EACT,SAAS,EACT,IAAI,EACJ,CAAA,MAAA,KAAK,CAAC,IAAI,CAAC,0CAAE,UAAU,MAAI,MAAA,KAAK,CAAC,IAAI,CAAC,0CAAE,IAAI,CAAA,IAAI,KAAK,CAAC,IAAI,CAC3D,CAAA;CAAA,CAGN,CAAC;AAEF,IAAM,mBAAmB,GAAG,IAAA,kBAAU,EACpC,UAAC,EAA4C,EAAE,GAAQ;IAApD,IAAA,IAAI,UAAA,EAAK,IAAI,cAAf,QAAiB,CAAF;IAA4C,OAAA,CAC1D,uBAAC,mBAAmB,eACd,IAAI,IACR,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,UAAG,IAAI,CAAC,SAAS,IAAI,EAAE,2BAAwB,EAC1D,GAAG,EAAE,GAAG,IACR,CACH,CAAA;CAAA,CACF,CAAC;AAEF,kBAAe,mBAAmB,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"group.d.ts","sourceRoot":"","sources":["../../../src/components/Navbar/group.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAE1C,OAAO,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;
|
|
1
|
+
{"version":3,"file":"group.d.ts","sourceRoot":"","sources":["../../../src/components/Navbar/group.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAE1C,OAAO,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAGrD,MAAM,WAAW,uBAAwB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACnF,QAAQ,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IAC5B,IAAI,CAAC,EAAE,QAAQ,GAAG,QAAQ,CAAC;IAC3B,QAAQ,CAAC,EAAE,GAAG,CAAC;IACf,KAAK,CAAC,EAAE,YAAY,CAAC;CACtB;AAED,MAAM,WAAW,uBAAwB,SAAQ,uBAAuB;IACtE,KAAK,EAAE,YAAY,CAAC;CACrB;AAGD,eAAO,MAAM,iBAAiB,KAY7B,CAAC;AAEF,QAAA,MAAM,iBAAiB,qGAuBtB,CAAC;AAEF,eAAe,iBAAiB,CAAC"}
|
|
@@ -63,7 +63,11 @@ exports.StyledNavbarGroup = void 0;
|
|
|
63
63
|
var jsx_runtime_1 = require("react/jsx-runtime");
|
|
64
64
|
var react_1 = __importStar(require("react"));
|
|
65
65
|
var styled_components_1 = __importStar(require("styled-components"));
|
|
66
|
-
|
|
66
|
+
var styled_1 = require("../../helpers/styled");
|
|
67
|
+
// The navbar's `type` (`header` / `footer`) picks its theme; it is not the element's `type`.
|
|
68
|
+
exports.StyledNavbarGroup = styled_components_1.default.div.withConfig({
|
|
69
|
+
shouldForwardProp: (0, styled_1.omitStyleProps)('type'),
|
|
70
|
+
})(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), function (_a) {
|
|
67
71
|
var position = _a.position;
|
|
68
72
|
return (0, styled_components_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n height: 100%;\n float: ", ";\n color: inherit;\n background-color: inherit;\n display: flex;\n justify-content: center;\n align-items: center;\n "], ["\n height: 100%;\n float: ", ";\n color: inherit;\n background-color: inherit;\n display: flex;\n justify-content: center;\n align-items: center;\n "])), position);
|
|
69
73
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"group.js","sourceRoot":"","sources":["../../../src/components/Navbar/group.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA0C;AAC1C,qEAAgD;
|
|
1
|
+
{"version":3,"file":"group.js","sourceRoot":"","sources":["../../../src/components/Navbar/group.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA0C;AAC1C,qEAAgD;AAEhD,+CAAsD;AAatD,6FAA6F;AAChF,QAAA,iBAAiB,GAAG,2BAAM,CAAC,GAAG,CAAC,UAAU,CAAC;IACrD,iBAAiB,EAAE,IAAA,uBAAc,EAAC,MAAM,CAAC;CAC1C,CAAC,+EAAyB,MACvB,EAQD,IACF,KATG,UAAC,EAAqC;QAAnC,QAAQ,cAAA;IAAgC,WAAA,uBAAG,gPAAA,kCAErC,EAAQ,wIAMlB,KANU,QAAQ;AAF0B,CAQ5C,EACD;AAEF,IAAM,iBAAiB,GAAG,IAAA,kBAAU,EAClC,UAAC,EAAuE,EAAE,GAAQ;IAA/E,IAAA,gBAAiB,EAAjB,QAAQ,mBAAG,MAAM,KAAA,EAAE,QAAQ,cAAA,EAAE,IAAI,UAAA,EAAK,IAAI,cAA5C,gCAA8C,CAAF;IAA0C,OAAA,CACrF,uBAAC,yBAAiB,eACZ,IAAI,IACR,SAAS,EAAE,UAAG,IAAI,CAAC,SAAS,IAAI,EAAE,yBAAsB,EACxD,QAAQ,EAAE,QAAQ,EAClB,GAAG,EAAE,GAAG,YAEP,eAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,QAAQ,EAAE,UAAC,KAAK;;YAClC,OAAA,KAAK;gBACH,CAAC,CAAC,eAAK,CAAC,YAAY,CAAC,KAAK,EAAE;oBACxB,IAAI,MAAA;oBACJ,KAAK,EAAE,IAAI,CAAC,KAAK;oBACjB,cAAc,wBACT,MAAA,KAAK,CAAC,KAAK,0CAAE,cAAc,KAC9B,IAAI,MAAA,EACJ,KAAK,EAAE,IAAI,CAAC,KAAK,GAClB;iBACF,CAAC;gBACJ,CAAC,CAAC,IAAI,CAAA;SAAA,CACT,IACiB,CACrB,CAAA;CAAA,CACF,CAAC;AAEF,kBAAe,iBAAiB,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Navbar/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAE1C,OAAO,EAAE,kBAAkB,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Navbar/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAE1C,OAAO,EAAE,kBAAkB,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAIzE,OAAO,EAAE,iBAAiB,EAAE,MAAM,oBAAoB,CAAC;AACvD,OAAO,EAAE,aAAa,EAAgB,MAAM,WAAW,CAAC;AAExD,MAAM,WAAW,kBACf,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAC1C,iBAAiB;IACnB,QAAQ,CAAC,EAAE,GAAG,CAAC;IACf,QAAQ,CAAC,EAAE,KAAK,GAAG,QAAQ,CAAC;IAC5B,IAAI,CAAC,EAAE,QAAQ,GAAG,QAAQ,CAAC;IAC3B,WAAW,CAAC,EAAE,kBAAkB,CAAC;IACjC,IAAI,CAAC,EAAE,OAAO,CAAC;CAChB;AAED,MAAM,WAAW,kBAAmB,SAAQ,kBAAkB;IAC5D,KAAK,EAAE,YAAY,CAAC;IACpB,MAAM,CAAC,EAAE,aAAa,CAAC;CACxB;AAGD,eAAO,MAAM,YAAY,KA6BxB,CAAC;AA6BF,eAAO,MAAM,YAAY,gGAExB,CAAC;AAEF,eAAO,MAAM,YAAY,gGAExB,CAAC"}
|
|
@@ -65,9 +65,13 @@ var polished_1 = require("polished");
|
|
|
65
65
|
var react_1 = __importStar(require("react"));
|
|
66
66
|
var styled_components_1 = __importStar(require("styled-components"));
|
|
67
67
|
var colors_1 = require("../../helpers/colors");
|
|
68
|
+
var styled_1 = require("../../helpers/styled");
|
|
68
69
|
var useTheme_1 = require("../../hooks/useTheme");
|
|
69
70
|
var Effect_1 = require("../Effect");
|
|
70
|
-
|
|
71
|
+
// The navbar's `type` (`header` / `footer`) picks its theme; it is not the element's `type`.
|
|
72
|
+
exports.StyledNavbar = (0, styled_components_1.default)(Effect_1.StyledEffect).withConfig({
|
|
73
|
+
shouldForwardProp: (0, styled_1.omitStyleProps)('type'),
|
|
74
|
+
})(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n ", "\n\n ", "\n"], ["\n ", "\n\n ", "\n"])), function (_a) {
|
|
71
75
|
var _b, _c, _d, _e, _f;
|
|
72
76
|
var theme = _a.theme, type = _a.type;
|
|
73
77
|
return (0, styled_components_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n height: 50px;\n flex-shrink: 0;\n width: 100%;\n padding: 0 10px;\n color: ", ";\n background-color: ", ";\n "], ["\n height: 50px;\n flex-shrink: 0;\n width: 100%;\n padding: 0 10px;\n color: ", ";\n background-color: ", ";\n "])), ((_b = theme[type]) === null || _b === void 0 ? void 0 : _b.color) ||
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Navbar/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,qCAAkC;AAClC,6CAA0C;AAC1C,qEAAgD;AAEhD,+CAAsE;AACtE,iDAAsD;AAEtD,oCAAwD;
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Navbar/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"item.d.ts","sourceRoot":"","sources":["../../../src/components/Navbar/item.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAE1C,OAAO,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;
|
|
1
|
+
{"version":3,"file":"item.d.ts","sourceRoot":"","sources":["../../../src/components/Navbar/item.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAE1C,OAAO,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAUrD,MAAM,WAAW,sBAAuB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAClF,QAAQ,CAAC,EAAE,GAAG,CAAC;IACf,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,IAAI,CAAC,EAAE,QAAQ,GAAG,QAAQ,CAAC;IAC3B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,KAAK,CAAC,EAAE,YAAY,CAAC;CACtB;AAED,MAAM,WAAW,sBAAuB,SAAQ,sBAAsB;IACpE,KAAK,CAAC,EAAE,YAAY,CAAC;CACtB;AAqDD,QAAA,MAAM,gBAAgB,oGAiBrB,CAAC;AAEF,eAAe,gBAAgB,CAAC"}
|
|
@@ -62,9 +62,13 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
62
62
|
var jsx_runtime_1 = require("react/jsx-runtime");
|
|
63
63
|
var react_1 = require("react");
|
|
64
64
|
var styled_components_1 = __importStar(require("styled-components"));
|
|
65
|
+
var styled_1 = require("../../helpers/styled");
|
|
65
66
|
var colors_1 = require("../../helpers/colors");
|
|
66
67
|
var styles_1 = require("../../styles");
|
|
67
|
-
|
|
68
|
+
// The navbar's `type` (`header` / `footer`) picks its theme; it is not the element's `type`.
|
|
69
|
+
var StyledNavbarItem = styled_components_1.default.div.withConfig({
|
|
70
|
+
shouldForwardProp: (0, styled_1.omitStyleProps)('type'),
|
|
71
|
+
})(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n height: 100%;\n min-width: 50px;\n display: flex;\n justify-content: center;\n align-items: center;\n padding: 10px;\n color: inherit;\n background-color: ", ";\n\n ", "\n\n ", "\n\n ", "\n\n opacity: ", ";\n\n ", "\n"], ["\n height: 100%;\n min-width: 50px;\n display: flex;\n justify-content: center;\n align-items: center;\n padding: 10px;\n color: inherit;\n background-color: ", ";\n\n ", "\n\n ", "\n\n ", "\n\n opacity: ", ";\n\n ", "\n"])), function (_a) {
|
|
68
72
|
var _b;
|
|
69
73
|
var theme = _a.theme, active = _a.active, type = _a.type;
|
|
70
74
|
return active && (((_b = theme[type]) === null || _b === void 0 ? void 0 : _b.hoverColor) || (0, colors_1.changeLightness)((0, colors_1.getMainColor)(theme, type), 0.05));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"item.js","sourceRoot":"","sources":["../../../src/components/Navbar/item.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+BAA0C;AAC1C,qEAAgD;AAEhD,+CAAqE;AACrE,uCAKsB;AAetB,IAAM,gBAAgB,GAAG,2BAAM,CAAC,GAAG,8SAAwB,
|
|
1
|
+
{"version":3,"file":"item.js","sourceRoot":"","sources":["../../../src/components/Navbar/item.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+BAA0C;AAC1C,qEAAgD;AAEhD,+CAAsD;AACtD,+CAAqE;AACrE,uCAKsB;AAetB,6FAA6F;AAC7F,IAAM,gBAAgB,GAAG,2BAAM,CAAC,GAAG,CAAC,UAAU,CAAC;IAC7C,iBAAiB,EAAE,IAAA,uBAAc,EAAC,MAAM,CAAC;CAC1C,CAAC,8SAAwB,wKAQJ,EACqE,SAEvF,EAAiB,QAEjB,EAQD,QAEC,EAcD,iBAEU,EAAiC,SAE1C,EAIC,IACJ,KAtCqB,UAAC,EAAuB;;QAArB,KAAK,WAAA,EAAE,MAAM,YAAA,EAAE,IAAI,UAAA;IACxC,OAAA,MAAM,IAAI,CAAC,CAAA,MAAA,KAAK,CAAC,IAAI,CAAC,0CAAE,UAAU,KAAI,IAAA,wBAAe,EAAC,IAAA,qBAAY,EAAC,KAAK,EAAE,IAAI,CAAC,EAAE,IAAI,CAAC,CAAC,CAAA;CAAA,EAEvF,0BAAiB,EAEjB,UAAC,EAAkC;QAAhC,MAAM,YAAA;IACT,IAAI,MAAM,EAAE,CAAC;QACX,WAAO,uBAAG,4FAAA,YACN,EAAe,UAClB,KADG,wBAAe,EACjB;IACJ,CAAC;IAED,OAAO,SAAS,CAAC;AACnB,CAAC,EAEC,UAAC,EAAoD;;QAAlD,WAAW,iBAAA,EAAE,KAAK,WAAA,EAAE,IAAI,UAAA;IAC3B,IAAI,WAAW,EAAE,CAAC;QAChB,WAAO,uBAAG,4OAAA,kIAIc,EAC4B,wBAEhD,EAAgB,UACnB,KAJuB,CAAA,MAAA,KAAK,CAAC,IAAI,CAAC,0CAAE,UAAU;YAC3C,IAAA,wBAAe,EAAC,IAAA,qBAAY,EAAC,KAAK,EAAE,IAAI,CAAC,EAAE,IAAI,CAAC,EAEhD,yBAAgB,EAClB;IACJ,CAAC;IAED,OAAO,SAAS,CAAC;AACnB,CAAC,EAEU,UAAC,EAAY;QAAV,QAAQ,cAAA;IAAO,OAAA,QAAQ,IAAI,GAAG;AAAf,CAAe,EAE1C,UAAC,EAAY;QAAV,QAAQ,cAAA;IACX,OAAA,QAAQ,QACR,uBAAG,wFAAA,UACC,EAAe,QAClB,KADG,wBAAe,CAClB;AAHD,CAGC,CACJ,CAAC;AAEF,IAAM,gBAAgB,GAAG,IAAA,kBAAU,EACjC,UACE,EAAkF,EAClF,GAAQ;IADN,IAAA,WAAW,iBAAA,EAAE,QAAQ,cAAA,EAAE,IAAI,UAAA,EAAE,QAAQ,cAAA,EAAE,MAAM,YAAA,EAAK,IAAI,cAAxD,yDAA0D,CAAF;IAErD,OAAA,CACH,uBAAC,gBAAgB,eACX,IAAI,IACR,SAAS,EAAE,UAAG,IAAI,CAAC,SAAS,IAAI,EAAE,wBAAqB,EACvD,WAAW,EAAE,WAAW,IAAI,CAAC,CAAC,IAAI,CAAC,OAAO,EAC1C,QAAQ,EAAE,QAAQ,EAClB,MAAM,EAAE,MAAM,EACd,IAAI,EAAE,IAAI,EACV,GAAG,EAAE,GAAG,YAEP,QAAQ,IACQ,CACpB,CAAA;CAAA,CACF,CAAC;AAEF,kBAAe,gBAAgB,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/components/Notifications/styles.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAqC,MAAM,EAAE,MAAM,uBAAuB,CAAC;AAClF,OAAO,EAAE,YAAY,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AAIpE,OAAO,EAAkB,aAAa,EAAE,MAAM,qBAAqB,CAAC;AAEpE,OAAO,EAAE,iBAAiB,EAAE,MAAM,oBAAoB,CAAC;AACvD,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAGpD;;;;;;GAMG;AAEH,MAAM,MAAM,uBAAuB,GAAG,aAAa,CAAC;AAEpD,MAAM,WAAW,wBAAyB,SAAQ,iBAAiB;IACjE,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;IACpB,MAAM,CAAC,EAAE,KAAK,GAAG,QAAQ,GAAG,MAAM,GAAG,MAAM,CAAC;IAC5C,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,OAAO,CAAC,EAAE,aAAa,CAAC;IACxB,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAWD,eAAO,MAAM,wBAAwB,
|
|
1
|
+
{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/components/Notifications/styles.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAqC,MAAM,EAAE,MAAM,uBAAuB,CAAC;AAClF,OAAO,EAAE,YAAY,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AAIpE,OAAO,EAAkB,aAAa,EAAE,MAAM,qBAAqB,CAAC;AAEpE,OAAO,EAAE,iBAAiB,EAAE,MAAM,oBAAoB,CAAC;AACvD,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAGpD;;;;;;GAMG;AAEH,MAAM,MAAM,uBAAuB,GAAG,aAAa,CAAC;AAEpD,MAAM,WAAW,wBAAyB,SAAQ,iBAAiB;IACjE,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;IACpB,MAAM,CAAC,EAAE,KAAK,GAAG,QAAQ,GAAG,MAAM,GAAG,MAAM,CAAC;IAC5C,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,OAAO,CAAC,EAAE,aAAa,CAAC;IACxB,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAWD,eAAO,MAAM,wBAAwB,KAiIpC,CAAC;AAEF,eAAO,MAAM,iBAAiB,KA0B7B,CAAC;AAEF,eAAO,MAAM,8BAA8B,KAS1C,CAAC;AAEF,eAAO,MAAM,gCAAgC,KAW5C,CAAC;AAEF,eAAO,MAAM,uBAAuB,KAKnC,CAAC;AAEF,eAAO,MAAM,yBAAyB,KAerC,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE;IAAE,CAAC,IAAI,EAAE,MAAM,GAAG,eAAe,CAAA;CAOzD,CAAC"}
|
|
@@ -54,7 +54,9 @@ exports.StyledReqoreNotification = (0, styled_components_1.default)(Effect_1.Sty
|
|
|
54
54
|
// then spreads the leftovers onto the real `<div>`. Every styling-only prop the css
|
|
55
55
|
// blocks read must therefore be named explicitly; the DOM-attribute validator does not
|
|
56
56
|
// apply to a component target and cannot catch them.
|
|
57
|
-
shouldForwardProp: (0, styled_1.omitStyleProps)('asMessage', 'backgroundBlur', 'blur', 'clickable',
|
|
57
|
+
shouldForwardProp: (0, styled_1.omitStyleProps)('asMessage', 'backgroundBlur', 'blur', 'clickable',
|
|
58
|
+
// Handed to popover content.
|
|
59
|
+
'closePopover', 'customTheme', 'fill', 'fixed', 'flat', 'fluid', 'hasShadow', 'margin', 'maxWidth', 'minimal', 'opaque', 'raised', 'size', 'spaceBetween', 'stack', 'timeout', 'tooltip'),
|
|
58
60
|
})(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n min-width: ", ";\n max-width: ", ";\n border-radius: 5px;\n display: flex;\n flex: ", ";\n align-self: ", ";\n overflow: hidden;\n position: relative;\n transition: all 0.2s ease-out;\n\n ", ";\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 display: flex;\n flex: ", ";\n align-self: ", ";\n overflow: hidden;\n position: relative;\n transition: all 0.2s ease-out;\n\n ", ";\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) {
|
|
59
61
|
var fluid = _a.fluid;
|
|
60
62
|
return (!fluid ? '30px' : undefined);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/components/Notifications/styles.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,qCAAgC;AAChC,qEAA2D;AAC3D,+CAAkF;AAElF,uDAAkD;AAClD,+CAAgH;AAChH,+CAAsD;AACtD,6CAAoE;AACpE,uCAA6C;AAG7C,oCAAyC;AA+BzC,IAAM,gBAAgB,OAAG,6BAAS,qIAAA,iEAOjC,IAAA,CAAC;AAEW,QAAA,wBAAwB,GAAG,IAAA,2BAAM,EAAC,qBAAY,CAAC,CAAC,UAAU,CAAC;IACtE,oFAAoF;IACpF,yFAAyF;IACzF,oFAAoF;IACpF,uFAAuF;IACvF,qDAAqD;IACrD,iBAAiB,EAAE,IAAA,uBAAc,EAC/B,WAAW,EACX,gBAAgB,EAChB,MAAM,EACN,WAAW,
|
|
1
|
+
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/components/Notifications/styles.tsx"],"names":[],"mappings":"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"}
|
|
@@ -2,7 +2,7 @@ import { ResizableProps } from 're-resizable';
|
|
|
2
2
|
import { ReactElement } from 'react';
|
|
3
3
|
import { TSizes } from '../../constants/sizes';
|
|
4
4
|
import { IReqoreTheme, TReqoreIntent } from '../../constants/theme';
|
|
5
|
-
import { IReqoreComponent, IReqoreIntent, IReqoreTooltip, IWithReqoreCustomTheme, IWithReqoreFlat, IWithReqoreFluid, IWithReqoreIconImage, IWithReqoreLoading, IWithReqoreSize, IWithReqoreTooltip
|
|
5
|
+
import { IReqoreComponent, IReqoreIntent, IReqoreTooltip, IWithReqoreCustomTheme, IWithReqoreFlat, IWithReqoreFluid, IWithReqoreIconImage, IWithReqoreLoading, IWithReqoreSize, IWithReqoreTooltip } from '../../types/global';
|
|
6
6
|
import { IReqoreIconName } from '../../types/icons';
|
|
7
7
|
import { IReqoreBreadcrumbsProps } from '../Breadcrumbs';
|
|
8
8
|
import { IReqoreButtonProps, TReqoreBadge } from '../Button';
|
|
@@ -216,33 +216,6 @@ export interface IReqorePanelProps extends IReqoreComponent, IWithReqoreSize, IW
|
|
|
216
216
|
* resolved through `ACCENT_SIZE_TO_PX`. Defaults to `'normal'` (5px).
|
|
217
217
|
*/
|
|
218
218
|
accentSize?: number | TSizes;
|
|
219
|
-
/**
|
|
220
|
-
* A cover — an image URL, or any node (an `<img>`, a `<picture>`, a `<video>`, an
|
|
221
|
-
* illustration) — drawn edge to edge across the panel, outside its padding, and clipped to
|
|
222
|
-
* its rounded corners. At the `'top'` (the default) it sits above the title bar; at the
|
|
223
|
-
* `'bottom'`, under the bottom actions. A URL renders an `<img>` (`mediaAlt` is its text); an
|
|
224
|
-
* `img`, `picture`, `video`, `svg`, `canvas` or `iframe` node fills the width. Hidden while the
|
|
225
|
-
* panel is collapsed.
|
|
226
|
-
*/
|
|
227
|
-
media?: string | React.ReactNode;
|
|
228
|
-
/**
|
|
229
|
-
* Alternative text for a `media` URL. Default `''`: a decorative image, skipped by screen
|
|
230
|
-
* readers. A node carries its own.
|
|
231
|
-
*/
|
|
232
|
-
mediaAlt?: string;
|
|
233
|
-
/** Where the media sits. Default `'top'`. */
|
|
234
|
-
mediaPosition?: 'top' | 'bottom';
|
|
235
|
-
/**
|
|
236
|
-
* The media frame's aspect ratio — anything CSS `aspect-ratio` takes (`'16 / 9'`, `1.6`).
|
|
237
|
-
* The media then covers the frame (`object-fit: cover`), cropped rather than stretched.
|
|
238
|
-
* Unset, the frame is as tall as the media.
|
|
239
|
-
*/
|
|
240
|
-
mediaAspectRatio?: string | number;
|
|
241
|
-
/**
|
|
242
|
-
* Props for the media frame (a `div`): `className` (merged with `reqore-panel-media`),
|
|
243
|
-
* `style` (e.g. a `maxHeight`), `aria-*`, `data-*`.
|
|
244
|
-
*/
|
|
245
|
-
mediaProps?: React.HTMLAttributes<HTMLDivElement> & TReqoreDataAttributes;
|
|
246
219
|
}
|
|
247
220
|
export interface IStyledPanel extends Omit<IReqorePanelProps, 'accentSize'> {
|
|
248
221
|
theme: IReqoreTheme;
|
|
@@ -267,9 +240,6 @@ export interface IStyledPanel extends Omit<IReqorePanelProps, 'accentSize'> {
|
|
|
267
240
|
* runtime). The header drops its top radius while stuck so it reads as a
|
|
268
241
|
* full-width bar, and regains it at rest. */
|
|
269
242
|
isStuck?: boolean;
|
|
270
|
-
/** True when `media` sits above the title bar: the bar is not the panel's top edge, so a
|
|
271
|
-
* sticky header has no top corners to round. */
|
|
272
|
-
$mediaAbove?: boolean;
|
|
273
243
|
}
|
|
274
244
|
export declare const StyledPanelTitleHeader: any;
|
|
275
245
|
export declare const StyledPanelTitleHeaderContent: any;
|
|
@@ -286,10 +256,6 @@ export declare const StyledPanelTitle: any;
|
|
|
286
256
|
export declare const StyledPanelTopBar: any;
|
|
287
257
|
export declare const StyledPanelBottomActions: any;
|
|
288
258
|
export declare const StyledPanelContent: any;
|
|
289
|
-
/** The media frame. Its outer corners take the panel's inner curve, so the media is clipped to
|
|
290
|
-
* the panel's shape even where the panel cannot clip it (a sticky header makes the panel
|
|
291
|
-
* overflow visible). */
|
|
292
|
-
export declare const StyledPanelMedia: any;
|
|
293
259
|
export declare const StyledFloatingActions: any;
|
|
294
260
|
export declare const ReqorePanelSkeleton: import("react").MemoExoticComponent<({ size, isCollapsed, children, }: Pick<IReqorePanelProps, "size" | "isCollapsed" | "children">) => import("react/jsx-runtime").JSX.Element>;
|
|
295
261
|
export declare const ReqorePanel: (props: IReqorePanelProps & import("react").RefAttributes<HTMLDivElement>) => ReactElement | null;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Panel/index.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAa,cAAc,EAAE,MAAM,cAAc,CAAC;AACzD,OAAO,EAGL,YAAY,EAOb,MAAM,OAAO,CAAC;AAMf,OAAO,EAUL,MAAM,EACP,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EAAE,YAAY,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AAmBpE,OAAO,EACL,gBAAgB,EAChB,aAAa,EACb,cAAc,EACd,sBAAsB,EACtB,eAAe,EACf,gBAAgB,EAChB,oBAAoB,EACpB,kBAAkB,EAClB,eAAe,EACf,kBAAkB,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Panel/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -62,7 +62,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
62
62
|
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
63
63
|
};
|
|
64
64
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
65
|
-
exports.ReqorePanel = exports.ReqorePanelSkeleton = exports.StyledFloatingActions = exports.
|
|
65
|
+
exports.ReqorePanel = exports.ReqorePanelSkeleton = exports.StyledFloatingActions = exports.StyledPanelContent = exports.StyledPanelBottomActions = exports.StyledPanelTopBar = exports.StyledPanelTitle = exports.StyledPanel = exports.StyledPanelTitleHeaderLabelAndBadge = exports.StyledPanelTitleHeaderLabelAndDescription = exports.StyledPanelTitleHeaderContent = exports.StyledPanelTitleHeader = void 0;
|
|
66
66
|
var react_1 = require("react");
|
|
67
67
|
var jsx_runtime_1 = require("react/jsx-runtime");
|
|
68
68
|
var classnames_1 = __importDefault(require("classnames"));
|
|
@@ -198,7 +198,9 @@ exports.StyledPanel = (0, styled_components_1.default)(Effect_1.StyledEffect).wi
|
|
|
198
198
|
// Filtering here still leaves the styled-component's own interpolations reading the prop.
|
|
199
199
|
// Everything else follows styled-components' own rule, so re-resizable still receives its
|
|
200
200
|
// `enable` / size / handle config — those are component props, not HTML attributes.
|
|
201
|
-
|
|
201
|
+
// `opacity` is the surface's background opacity, an SVG attribute a `div` would keep; the
|
|
202
|
+
// remaining flags only style the surface, and re-resizable would write them onto its div.
|
|
203
|
+
shouldForwardProp: (0, styled_1.omitStyleProps)('accentPosition', 'fill', 'flat', 'fluid', 'interactive', 'isCollapsed', 'opacity', 'rounded'),
|
|
202
204
|
})(templateObject_20 || (templateObject_20 = __makeTemplateObject(["\n background-color: ", ";\n border-radius: ", "px;\n border: ", ";\n color: ", ";\n ", "\n overflow: ", ";\n display: flex;\n flex-flow: column;\n position: relative;\n backdrop-filter: ", ";\n width: ", ";\n max-width: 100%;\n flex: ", ";\n\n /* Hover-hiding applies ONLY where the pointer can hover. A touch device never\n fires :hover, so without this gate a `show: 'hover'` action is display:none\n forever \u2014 not merely invisible but absent from the layout, with nothing on\n screen hinting it exists. Where hover is unavailable the action stays\n visible; losing the tidiness beats losing the action. */\n @media (hover: hover) and (pointer: fine) {\n &:not(:hover) {\n .reqore-panel-action-hidden {\n display: none;\n }\n }\n }\n\n &.reqore-panel-floating-active {\n border-top-right-radius: 0;\n }\n\n ", "\n\n ", "\n\n ", "\n\n ", "\n"], ["\n background-color: ", ";\n border-radius: ", "px;\n border: ", ";\n color: ", ";\n ", "\n overflow: ", ";\n display: flex;\n flex-flow: column;\n position: relative;\n backdrop-filter: ", ";\n width: ", ";\n max-width: 100%;\n flex: ", ";\n\n /* Hover-hiding applies ONLY where the pointer can hover. A touch device never\n fires :hover, so without this gate a \\`show: 'hover'\\` action is display:none\n forever \u2014 not merely invisible but absent from the layout, with nothing on\n screen hinting it exists. Where hover is unavailable the action stays\n visible; losing the tidiness beats losing the action. */\n @media (hover: hover) and (pointer: fine) {\n &:not(:hover) {\n .reqore-panel-action-hidden {\n display: none;\n }\n }\n }\n\n &.reqore-panel-floating-active {\n border-top-right-radius: 0;\n }\n\n ", "\n\n ", "\n\n ", "\n\n ", "\n"])), function (_a) {
|
|
203
205
|
var theme = _a.theme, _b = _a.opacity, opacity = _b === void 0 ? 1 : _b;
|
|
204
206
|
return (0, polished_1.rgba)((0, colors_2.changeDarkness)((0, colors_2.getMainBackgroundColor)(theme), 0.03), opacity);
|
|
@@ -270,7 +272,9 @@ exports.StyledPanel = (0, styled_components_1.default)(Effect_1.StyledEffect).wi
|
|
|
270
272
|
var disabled = _a.disabled;
|
|
271
273
|
return disabled && styles_1.DisabledElement;
|
|
272
274
|
});
|
|
273
|
-
exports.StyledPanelTitle = styled_components_1.default.div
|
|
275
|
+
exports.StyledPanelTitle = styled_components_1.default.div.withConfig({
|
|
276
|
+
shouldForwardProp: (0, styled_1.omitStyleProps)('opacity'),
|
|
277
|
+
})(templateObject_25 || (templateObject_25 = __makeTemplateObject(["\n display: flex;\n /* Always a row. The title bar used to flip to a column when narrow; it now ellipsizes its\n label and lets the responsive action group collapse instead, which is what the \"hidden when\n small\" actions are for and what the stack was quietly defeating (a column made the group\n fluid, and a full-width group had room not to collapse). */\n flex-flow: ", ";\n\n ", "\n\n ", "\n\n ", "\n\n background-color: ", ";\n justify-content: space-between;\n\n padding: ", ";\n\n align-items: center;\n border-bottom: ", ";\n transition: background-color 0.2s ease-out;\n overflow: hidden;\n flex: 0 0 auto;\n gap: ", "px;\n\n ", " .reqore-panel-title-icon {\n transform: scale(", ");\n }\n\n ", "\n"], ["\n display: flex;\n /* Always a row. The title bar used to flip to a column when narrow; it now ellipsizes its\n label and lets the responsive action group collapse instead, which is what the \"hidden when\n small\" actions are for and what the stack was quietly defeating (a column made the group\n fluid, and a full-width group had room not to collapse). */\n flex-flow: ", ";\n\n ", "\n\n ", "\n\n ", "\n\n background-color: ", ";\n justify-content: space-between;\n\n padding: ", ";\n\n align-items: center;\n border-bottom: ", ";\n transition: background-color 0.2s ease-out;\n overflow: hidden;\n flex: 0 0 auto;\n gap: ", "px;\n\n ", " .reqore-panel-title-icon {\n transform: scale(", ");\n }\n\n ", "\n"])), function (_a) {
|
|
274
278
|
var $descriptionBelow = _a.$descriptionBelow;
|
|
275
279
|
return ($descriptionBelow ? 'row wrap' : 'row');
|
|
276
280
|
}, function (_a) {
|
|
@@ -324,17 +328,17 @@ exports.StyledPanelTopBar = (0, styled_components_1.default)(exports.StyledPanel
|
|
|
324
328
|
var stickyHeader = _a.stickyHeader;
|
|
325
329
|
return (stickyHeader ? 2 : undefined);
|
|
326
330
|
}, function (_a) {
|
|
327
|
-
var stickyHeader = _a.stickyHeader, rounded = _a.rounded, radiusSize = _a.radiusSize, flat = _a.flat, intent = _a.intent, accentPosition = _a.accentPosition, isStuck = _a.isStuck
|
|
331
|
+
var stickyHeader = _a.stickyHeader, rounded = _a.rounded, radiusSize = _a.radiusSize, flat = _a.flat, intent = _a.intent, accentPosition = _a.accentPosition, isStuck = _a.isStuck;
|
|
328
332
|
return stickyHeader && rounded
|
|
329
|
-
? isStuck
|
|
333
|
+
? isStuck
|
|
330
334
|
? '0px'
|
|
331
335
|
: "".concat(Math.max(0, (0, sizes_1.resolveRadius)('normal', radiusSize) -
|
|
332
336
|
(hasPanelBorder({ flat: flat, intent: intent, accentPosition: accentPosition }) ? 1 : 0)), "px")
|
|
333
337
|
: undefined;
|
|
334
338
|
}, function (_a) {
|
|
335
|
-
var stickyHeader = _a.stickyHeader, rounded = _a.rounded, radiusSize = _a.radiusSize, flat = _a.flat, intent = _a.intent, accentPosition = _a.accentPosition, isStuck = _a.isStuck
|
|
339
|
+
var stickyHeader = _a.stickyHeader, rounded = _a.rounded, radiusSize = _a.radiusSize, flat = _a.flat, intent = _a.intent, accentPosition = _a.accentPosition, isStuck = _a.isStuck;
|
|
336
340
|
return stickyHeader && rounded
|
|
337
|
-
? isStuck
|
|
341
|
+
? isStuck
|
|
338
342
|
? '0px'
|
|
339
343
|
: "".concat(Math.max(0, (0, sizes_1.resolveRadius)('normal', radiusSize) -
|
|
340
344
|
(hasPanelBorder({ flat: flat, intent: intent, accentPosition: accentPosition }) ? 1 : 0)), "px")
|
|
@@ -381,18 +385,7 @@ exports.StyledPanelContent = styled_components_1.default.div(templateObject_29 |
|
|
|
381
385
|
var size = _a.size;
|
|
382
386
|
return sizes_1.TEXT_FROM_SIZE[size];
|
|
383
387
|
});
|
|
384
|
-
|
|
385
|
-
* the panel's shape even where the panel cannot clip it (a sticky header makes the panel
|
|
386
|
-
* overflow visible). */
|
|
387
|
-
exports.StyledPanelMedia = styled_components_1.default.div(templateObject_33 || (templateObject_33 = __makeTemplateObject(["\n flex: 0 0 auto;\n position: relative;\n overflow: hidden;\n ", "\n\n > img,\n > video,\n > picture,\n > picture > img,\n > svg,\n > canvas,\n > iframe {\n display: block;\n width: 100%;\n max-width: 100%;\n border: 0;\n }\n\n > img,\n > video,\n > picture > img {\n height: auto;\n }\n\n ", "\n"], ["\n flex: 0 0 auto;\n position: relative;\n overflow: hidden;\n ", "\n\n > img,\n > video,\n > picture,\n > picture > img,\n > svg,\n > canvas,\n > iframe {\n display: block;\n width: 100%;\n max-width: 100%;\n border: 0;\n }\n\n > img,\n > video,\n > picture > img {\n height: auto;\n }\n\n ", "\n"])), function (_a) {
|
|
388
|
-
var $position = _a.$position, $radius = _a.$radius;
|
|
389
|
-
return $position === 'top'
|
|
390
|
-
? (0, styled_components_1.css)(templateObject_30 || (templateObject_30 = __makeTemplateObject(["\n border-top-left-radius: ", "px;\n border-top-right-radius: ", "px;\n "], ["\n border-top-left-radius: ", "px;\n border-top-right-radius: ", "px;\n "])), $radius, $radius) : (0, styled_components_1.css)(templateObject_31 || (templateObject_31 = __makeTemplateObject(["\n border-bottom-left-radius: ", "px;\n border-bottom-right-radius: ", "px;\n "], ["\n border-bottom-left-radius: ", "px;\n border-bottom-right-radius: ", "px;\n "])), $radius, $radius);
|
|
391
|
-
}, function (_a) {
|
|
392
|
-
var $aspectRatio = _a.$aspectRatio;
|
|
393
|
-
return $aspectRatio !== undefined && (0, styled_components_1.css)(templateObject_32 || (templateObject_32 = __makeTemplateObject(["\n aspect-ratio: ", ";\n\n > img,\n > video,\n > picture,\n > picture > img,\n > svg,\n > canvas,\n > iframe {\n height: 100%;\n object-fit: cover;\n }\n "], ["\n aspect-ratio: ", ";\n\n > img,\n > video,\n > picture,\n > picture > img,\n > svg,\n > canvas,\n > iframe {\n height: 100%;\n object-fit: cover;\n }\n "])), $aspectRatio);
|
|
394
|
-
});
|
|
395
|
-
exports.StyledFloatingActions = styled_components_1.default.div(templateObject_34 || (templateObject_34 = __makeTemplateObject(["\n position: fixed;\n z-index: 999999;\n display: flex;\n padding: ", "px;\n background-color: ", ";\n border: ", ";\n border-bottom: none;\n border-radius: ", "px\n ", "px 0 0;\n gap: ", "px;\n pointer-events: auto;\n"], ["\n position: fixed;\n z-index: 999999;\n display: flex;\n padding: ", "px;\n background-color: ", ";\n border: ", ";\n border-bottom: none;\n border-radius: ", "px\n ", "px 0 0;\n gap: ", "px;\n pointer-events: auto;\n"])), function (_a) {
|
|
388
|
+
exports.StyledFloatingActions = styled_components_1.default.div(templateObject_30 || (templateObject_30 = __makeTemplateObject(["\n position: fixed;\n z-index: 999999;\n display: flex;\n padding: ", "px;\n background-color: ", ";\n border: ", ";\n border-bottom: none;\n border-radius: ", "px\n ", "px 0 0;\n gap: ", "px;\n pointer-events: auto;\n"], ["\n position: fixed;\n z-index: 999999;\n display: flex;\n padding: ", "px;\n background-color: ", ";\n border: ", ";\n border-bottom: none;\n border-radius: ", "px\n ", "px 0 0;\n gap: ", "px;\n pointer-events: auto;\n"])), function (_a) {
|
|
396
389
|
var size = _a.size;
|
|
397
390
|
return sizes_1.PADDING_FROM_SIZE[size];
|
|
398
391
|
}, function (_a) {
|
|
@@ -421,11 +414,11 @@ exports.ReqorePanelSkeleton = (0, react_2.memo)(function (_a) {
|
|
|
421
414
|
});
|
|
422
415
|
exports.ReqorePanel = (0, react_2.forwardRef)(function (_a, ref) {
|
|
423
416
|
var _b, _c;
|
|
424
|
-
var children = _a.children, label = _a.label, description = _a.description, _d = _a.collapseButtonProps, collapseButtonProps = _d === void 0 ? {} : _d, collapsible = _a.collapsible, onClose = _a.onClose, _e = _a.closeButtonProps, closeButtonProps = _e === void 0 ? {} : _e, _f = _a.rounded, rounded = _f === void 0 ? true : _f, _g = _a.actions, actions = _g === void 0 ? [] : _g, _h = _a.bottomActions, bottomActions = _h === void 0 ? [] : _h, isCollapsed = _a.isCollapsed, customTheme = _a.customTheme, inheritCustomTheme = _a.inheritCustomTheme, icon = _a.icon, iconImage = _a.iconImage, _j = _a.iconWithLabel, iconWithLabel = _j === void 0 ? false : _j, _k = _a.iconVerticalAlign, iconVerticalAlign = _k === void 0 ? 'center' : _k, intent = _a.intent, className = _a.className, flat = _a.flat, _l = _a.unMountContentOnCollapse, unMountContentOnCollapse = _l === void 0 ? true : _l, onCollapseChange = _a.onCollapseChange, _m = _a.padded, padded = _m === void 0 ? true : _m, _o = _a.wrapperPadding, wrapperPadding = _o === void 0 ? 'both' : _o, contentStyle = _a.contentStyle, contentEffect = _a.contentEffect, _p = _a.labelEffect, labelEffect = _p === void 0 ? {} : _p, _q = _a.descriptionEffect, descriptionEffect = _q === void 0 ? {} : _q, descriptionIntent = _a.descriptionIntent, labelSize = _a.labelSize, contentSize = _a.contentSize, minimal = _a.minimal, badge = _a.badge, iconColor = _a.iconColor, _r = _a.iconProps, iconProps = _r === void 0 ? {} : _r, fluid = _a.fluid, _s = _a.responsiveActions, responsiveActions = _s === void 0 ? true : _s, _t = _a.responsiveTitle, responsiveTitle = _t === void 0 ? true : _t, _u = _a.compactTitle, compactTitle = _u === void 0 ? false : _u, _v = _a.fitLabel, fitLabel = _v === void 0 ? true : _v, _w = _a.labelMaxLines, labelMaxLines = _w === void 0 ? 2 : _w, _x = _a.descriptionPosition, descriptionPosition = _x === void 0 ? 'inline' : _x, _y = _a.descriptionMaxLines, descriptionMaxLines = _y === void 0 ? 2 : _y, labelMinTextSize = _a.labelMinTextSize, _z = _a.size, panelSize = _z === void 0 ? 'normal' : _z, getContentRef = _a.getContentRef, _0 = _a.labelProps, labelProps = _0 === void 0 ? {} : _0, disabled = _a.disabled, breadcrumbs = _a.breadcrumbs, _1 = _a.showActionsWhenCollapsed, showActionsWhenCollapsed = _1 === void 0 ? true : _1, showLabelTooltip = _a.showLabelTooltip, customLabelTooltip = _a.customLabelTooltip, resizable = _a.resizable, onLabelEdit = _a.onLabelEdit, responsiveActionsWrapperProps = _a.responsiveActionsWrapperProps, loading = _a.loading, loadingIconType = _a.loadingIconType, skeleton = _a.skeleton, errorBoundaryOptions = _a.errorBoundaryOptions, floatingActions = _a.floatingActions, _2 = _a.collapseTooltip, collapseTooltip = _2 === void 0 ? 'Collapse' : _2, _3 = _a.expandTooltip, expandTooltip = _3 === void 0 ? 'Expand' : _3, _4 = _a.closeTooltip, closeTooltip = _4 === void 0 ? 'Close' : _4, accentPosition = _a.accentPosition, accentSize = _a.accentSize,
|
|
417
|
+
var children = _a.children, label = _a.label, description = _a.description, _d = _a.collapseButtonProps, collapseButtonProps = _d === void 0 ? {} : _d, collapsible = _a.collapsible, onClose = _a.onClose, _e = _a.closeButtonProps, closeButtonProps = _e === void 0 ? {} : _e, _f = _a.rounded, rounded = _f === void 0 ? true : _f, _g = _a.actions, actions = _g === void 0 ? [] : _g, _h = _a.bottomActions, bottomActions = _h === void 0 ? [] : _h, isCollapsed = _a.isCollapsed, customTheme = _a.customTheme, inheritCustomTheme = _a.inheritCustomTheme, icon = _a.icon, iconImage = _a.iconImage, _j = _a.iconWithLabel, iconWithLabel = _j === void 0 ? false : _j, _k = _a.iconVerticalAlign, iconVerticalAlign = _k === void 0 ? 'center' : _k, intent = _a.intent, className = _a.className, flat = _a.flat, _l = _a.unMountContentOnCollapse, unMountContentOnCollapse = _l === void 0 ? true : _l, onCollapseChange = _a.onCollapseChange, _m = _a.padded, padded = _m === void 0 ? true : _m, _o = _a.wrapperPadding, wrapperPadding = _o === void 0 ? 'both' : _o, contentStyle = _a.contentStyle, contentEffect = _a.contentEffect, _p = _a.labelEffect, labelEffect = _p === void 0 ? {} : _p, _q = _a.descriptionEffect, descriptionEffect = _q === void 0 ? {} : _q, descriptionIntent = _a.descriptionIntent, labelSize = _a.labelSize, contentSize = _a.contentSize, minimal = _a.minimal, badge = _a.badge, iconColor = _a.iconColor, _r = _a.iconProps, iconProps = _r === void 0 ? {} : _r, fluid = _a.fluid, _s = _a.responsiveActions, responsiveActions = _s === void 0 ? true : _s, _t = _a.responsiveTitle, responsiveTitle = _t === void 0 ? true : _t, _u = _a.compactTitle, compactTitle = _u === void 0 ? false : _u, _v = _a.fitLabel, fitLabel = _v === void 0 ? true : _v, _w = _a.labelMaxLines, labelMaxLines = _w === void 0 ? 2 : _w, _x = _a.descriptionPosition, descriptionPosition = _x === void 0 ? 'inline' : _x, _y = _a.descriptionMaxLines, descriptionMaxLines = _y === void 0 ? 2 : _y, labelMinTextSize = _a.labelMinTextSize, _z = _a.size, panelSize = _z === void 0 ? 'normal' : _z, getContentRef = _a.getContentRef, _0 = _a.labelProps, labelProps = _0 === void 0 ? {} : _0, disabled = _a.disabled, breadcrumbs = _a.breadcrumbs, _1 = _a.showActionsWhenCollapsed, showActionsWhenCollapsed = _1 === void 0 ? true : _1, showLabelTooltip = _a.showLabelTooltip, customLabelTooltip = _a.customLabelTooltip, resizable = _a.resizable, onLabelEdit = _a.onLabelEdit, responsiveActionsWrapperProps = _a.responsiveActionsWrapperProps, loading = _a.loading, loadingIconType = _a.loadingIconType, skeleton = _a.skeleton, errorBoundaryOptions = _a.errorBoundaryOptions, floatingActions = _a.floatingActions, _2 = _a.collapseTooltip, collapseTooltip = _2 === void 0 ? 'Collapse' : _2, _3 = _a.expandTooltip, expandTooltip = _3 === void 0 ? 'Expand' : _3, _4 = _a.closeTooltip, closeTooltip = _4 === void 0 ? 'Close' : _4, accentPosition = _a.accentPosition, accentSize = _a.accentSize, rest = __rest(_a, ["children", "label", "description", "collapseButtonProps", "collapsible", "onClose", "closeButtonProps", "rounded", "actions", "bottomActions", "isCollapsed", "customTheme", "inheritCustomTheme", "icon", "iconImage", "iconWithLabel", "iconVerticalAlign", "intent", "className", "flat", "unMountContentOnCollapse", "onCollapseChange", "padded", "wrapperPadding", "contentStyle", "contentEffect", "labelEffect", "descriptionEffect", "descriptionIntent", "labelSize", "contentSize", "minimal", "badge", "iconColor", "iconProps", "fluid", "responsiveActions", "responsiveTitle", "compactTitle", "fitLabel", "labelMaxLines", "descriptionPosition", "descriptionMaxLines", "labelMinTextSize", "size", "getContentRef", "labelProps", "disabled", "breadcrumbs", "showActionsWhenCollapsed", "showLabelTooltip", "customLabelTooltip", "resizable", "onLabelEdit", "responsiveActionsWrapperProps", "loading", "loadingIconType", "skeleton", "errorBoundaryOptions", "floatingActions", "collapseTooltip", "expandTooltip", "closeTooltip", "accentPosition", "accentSize"]);
|
|
425
418
|
// Resolved ONCE, here — the accent styles interpolate px and reserve padding,
|
|
426
419
|
// so they must only ever see a number. Shared with ReqoreCallout.
|
|
427
420
|
var accentSizePx = (0, react_2.useMemo)(function () { return (0, utils_1.resolveAccentSize)(accentSize); }, [accentSize]);
|
|
428
|
-
var
|
|
421
|
+
var _5 = (0, react_2.useState)(isCollapsed || false), _isCollapsed = _5[0], setIsCollapsed = _5[1];
|
|
429
422
|
var primaryContentGradient = (0, Effect_1.getPrimaryGradient)(contentEffect === null || contentEffect === void 0 ? void 0 : contentEffect.gradient);
|
|
430
423
|
var primaryContentColors = primaryContentGradient && typeof primaryContentGradient.colors === 'object'
|
|
431
424
|
? primaryContentGradient.colors
|
|
@@ -443,8 +436,8 @@ exports.ReqorePanel = (0, react_2.forwardRef)(function (_a, ref) {
|
|
|
443
436
|
}, []);
|
|
444
437
|
var isMobile = (0, useReqoreContext_1.useReqoreProperty)('isMobile');
|
|
445
438
|
var targetRef = (0, useCombinedRefs_1.useCombinedRefs)(ref).targetRef;
|
|
446
|
-
var
|
|
447
|
-
var
|
|
439
|
+
var _6 = (0, react_use_1.useMeasure)(), measureRef = _6[0], width = _6[1].width;
|
|
440
|
+
var _7 = (0, react_2.useState)(false), _isHovered = _7[0], setIsHovered = _7[1];
|
|
448
441
|
var floatingActionsRef = (0, react_2.useRef)(null);
|
|
449
442
|
var panelRef = (0, react_2.useRef)(null);
|
|
450
443
|
var hoverTimerRef = (0, react_2.useRef)(null);
|
|
@@ -462,8 +455,8 @@ exports.ReqorePanel = (0, react_2.forwardRef)(function (_a, ref) {
|
|
|
462
455
|
// triggers it. Only wired when `stickyHeader` is on, so ordinary panels pay
|
|
463
456
|
// nothing.
|
|
464
457
|
var stickySentinelRef = (0, react_2.useRef)(null);
|
|
465
|
-
var
|
|
466
|
-
var
|
|
458
|
+
var _8 = (0, react_2.useState)(false), isHeaderStuck = _8[0], setIsHeaderStuck = _8[1];
|
|
459
|
+
var _9 = (0, react_2.useState)(0), stickyInset = _9[0], setStickyInset = _9[1];
|
|
467
460
|
(0, react_2.useEffect)(function () {
|
|
468
461
|
var _a;
|
|
469
462
|
if (!rest.stickyHeader) {
|
|
@@ -794,16 +787,6 @@ exports.ReqorePanel = (0, react_2.forwardRef)(function (_a, ref) {
|
|
|
794
787
|
}, [intent, theme, contentEffect, interactive]);
|
|
795
788
|
var opacity = rest.transparent ? 0 : rest.opacity;
|
|
796
789
|
var noHorizontalPadding = opacity === 0 && flat && !intent && !rest.raised;
|
|
797
|
-
// The media frame's outer corners follow the panel's INNER curve: its radius, less the 1px
|
|
798
|
-
// border when it draws one — the same inset the sticky header and the accent strip take.
|
|
799
|
-
var mediaRadius = rounded
|
|
800
|
-
? Math.max(0, (0, sizes_1.resolveRadius)('normal', rest.radiusSize) -
|
|
801
|
-
(hasPanelBorder({ flat: flat, intent: intent, accentPosition: accentPosition }) ? 1 : 0))
|
|
802
|
-
: 0;
|
|
803
|
-
var hasMedia = media !== undefined && media !== null && media !== false && media !== '';
|
|
804
|
-
var mediaNode = (0, react_2.useMemo)(function () {
|
|
805
|
-
return hasMedia ? ((0, jsx_runtime_1.jsx)(exports.StyledPanelMedia, __assign({}, mediaProps, { className: (0, classnames_1.default)(mediaProps === null || mediaProps === void 0 ? void 0 : mediaProps.className, 'reqore-panel-media', "reqore-panel-media-".concat(mediaPosition)), "$position": mediaPosition, "$radius": mediaRadius, "$aspectRatio": mediaAspectRatio, children: typeof media === 'string' ? ((0, jsx_runtime_1.jsx)("img", { src: media, alt: mediaAlt, decoding: 'async', className: 'reqore-panel-media-image' })) : (media) }))) : null;
|
|
806
|
-
}, [hasMedia, media, mediaAlt, mediaPosition, mediaAspectRatio, mediaProps, mediaRadius]);
|
|
807
790
|
var showNonResponsiveGroup = (0, react_2.useCallback)(function () {
|
|
808
791
|
var show = false;
|
|
809
792
|
// SHOULD THIS GROUP SHOW CONTROL BUTTONS?
|
|
@@ -855,8 +838,8 @@ exports.ReqorePanel = (0, react_2.forwardRef)(function (_a, ref) {
|
|
|
855
838
|
* way it always has. When it IS cut, that same click must not reach the bar — opening the
|
|
856
839
|
* text and folding the panel away in one gesture is the worst of both.
|
|
857
840
|
*/
|
|
858
|
-
var
|
|
859
|
-
var
|
|
841
|
+
var _10 = (0, react_2.useState)(false), isDescriptionExpanded = _10[0], setIsDescriptionExpanded = _10[1];
|
|
842
|
+
var _11 = (0, react_2.useState)(false), isDescriptionTruncated = _11[0], setIsDescriptionTruncated = _11[1];
|
|
860
843
|
var descriptionRef = (0, react_2.useRef)(null);
|
|
861
844
|
var descriptionIsClamped = descriptionClamp > 0 && !isDescriptionExpanded;
|
|
862
845
|
(0, react_2.useLayoutEffect)(function () {
|
|
@@ -889,15 +872,15 @@ exports.ReqorePanel = (0, react_2.forwardRef)(function (_a, ref) {
|
|
|
889
872
|
style: { cursor: 'pointer' },
|
|
890
873
|
}
|
|
891
874
|
: {}));
|
|
892
|
-
var
|
|
893
|
-
var
|
|
875
|
+
var _12 = (0, react_2.useState)(undefined), labelAvailable = _12[0], setLabelAvailable = _12[1];
|
|
876
|
+
var _13 = (0, useFitTextSize_1.useFitTextSize)({
|
|
894
877
|
text: typeof label === 'string' ? label : '',
|
|
895
878
|
available: labelAvailable,
|
|
896
879
|
max: labelNaturalPx,
|
|
897
880
|
min: labelMinTextSize,
|
|
898
881
|
lines: clampLines,
|
|
899
882
|
enabled: fitLabel !== false && typeof label === 'string' && !(labelEffect === null || labelEffect === void 0 ? void 0 : labelEffect.textSize),
|
|
900
|
-
}), labelFitRef =
|
|
883
|
+
}), labelFitRef = _13[0], labelFitPx = _13[1];
|
|
901
884
|
/** Only while the title is actually below its natural size, and never over a caller who
|
|
902
885
|
* pinned the description's own size. */
|
|
903
886
|
var descriptionFontPx = fitLabel && !(descriptionEffect === null || descriptionEffect === void 0 ? void 0 : descriptionEffect.textSize) && labelFitPx < labelNaturalPx
|
|
@@ -969,9 +952,9 @@ exports.ReqorePanel = (0, react_2.forwardRef)(function (_a, ref) {
|
|
|
969
952
|
return ((0, jsx_runtime_1.jsx)(ErrorBoundary_1.ReqoreErrorBoundary, __assign({}, errorBoundaryOptions, { children: (0, jsx_runtime_1.jsxs)(TooltipComponent_1.ReqoreTooltipComponent, __assign({}, (0, lodash_1.omit)(rest, ['onResize']), _resizable, { as: rest.as || (!!resizable && !disabled && !_isCollapsed) ? re_resizable_1.Resizable : 'div', isCollapsed: _isCollapsed, rounded: rounded, flat: flat, intent: intent, accentPosition: accentPosition, "$accentSize": accentSizePx, className: "".concat(className || '', " reqore-panel").concat(_isHovered && (0, lodash_1.size)(floatingActionsList) > 0 ? ' reqore-panel-floating-active' : ''), interactive: interactive, theme: theme, effect: transformedContentEffect, opacity: opacity, fluid: fluid, disabled: disabled, Component: exports.StyledPanel, ref: function (node) {
|
|
970
953
|
handleRef(node);
|
|
971
954
|
panelRef.current = node;
|
|
972
|
-
}, onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave, children: [
|
|
955
|
+
}, onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave, children: [rest.stickyHeader ? ((0, jsx_runtime_1.jsx)("div", { ref: stickySentinelRef, "aria-hidden": 'true', style: { height: 0 } })) : null, _isHovered &&
|
|
973
956
|
(0, lodash_1.size)(floatingActionsList) > 0 &&
|
|
974
|
-
(0, react_dom_1.createPortal)((0, jsx_runtime_1.jsx)(exports.StyledFloatingActions, { className: 'reqore-panel-floating-actions', theme: theme, size: panelSize, intent: intent, flat: flat, ref: floatingActionsRef, onMouseLeave: handleFloatingActionsMouseLeave, children: (0, jsx_runtime_1.jsx)(ControlGroup_1.default, { size: panelSize, gapSize: panelSize, children: floatingActionsList.map(function (action, index) { return renderActions(action, index, true); }) }) }), document.body), hasTitleBar && ((0, jsx_runtime_1.jsxs)(exports.StyledPanelTopBar, { flat: flat, isCollapsed: _isCollapsed, collapsible: collapsible, className: 'reqore-panel-title', onClick: handleCollapseClick, theme: theme, minimal: minimal || opacity === 0, size: contentSize || panelSize, opacity: minimal ? 0 : (opacity !== null && opacity !== void 0 ? opacity : 1), noHorizontalPadding: noHorizontalPadding, responsive: responsiveTitle, "$descriptionBelow": descriptionBelow, "$descriptionMaxLines": descriptionIsClamped ? descriptionClamp : 0, "$descriptionFontPx": descriptionFontPx, "data-narrow": isNarrow ? 'true' : 'false', ref: measureRef, padded: padded, wrapperPadding: wrapperPadding, intent: intent, rounded: rounded, radiusSize: rest.radiusSize, stickyHeader: rest.stickyHeader, stickyHeaderOffset: rest.stickyHeaderOffset, stickyHeaderInset: stickyInset, isStuck: isHeaderStuck,
|
|
957
|
+
(0, react_dom_1.createPortal)((0, jsx_runtime_1.jsx)(exports.StyledFloatingActions, { className: 'reqore-panel-floating-actions', theme: theme, size: panelSize, intent: intent, flat: flat, ref: floatingActionsRef, onMouseLeave: handleFloatingActionsMouseLeave, children: (0, jsx_runtime_1.jsx)(ControlGroup_1.default, { size: panelSize, gapSize: panelSize, children: floatingActionsList.map(function (action, index) { return renderActions(action, index, true); }) }) }), document.body), hasTitleBar && ((0, jsx_runtime_1.jsxs)(exports.StyledPanelTopBar, { flat: flat, isCollapsed: _isCollapsed, collapsible: collapsible, className: 'reqore-panel-title', onClick: handleCollapseClick, theme: theme, minimal: minimal || opacity === 0, size: contentSize || panelSize, opacity: minimal ? 0 : (opacity !== null && opacity !== void 0 ? opacity : 1), noHorizontalPadding: noHorizontalPadding, responsive: responsiveTitle, "$descriptionBelow": descriptionBelow, "$descriptionMaxLines": descriptionIsClamped ? descriptionClamp : 0, "$descriptionFontPx": descriptionFontPx, "data-narrow": isNarrow ? 'true' : 'false', ref: measureRef, padded: padded, wrapperPadding: wrapperPadding, intent: intent, rounded: rounded, radiusSize: rest.radiusSize, stickyHeader: rest.stickyHeader, stickyHeaderOffset: rest.stickyHeaderOffset, stickyHeaderInset: stickyInset, isStuck: isHeaderStuck, children: [hasTitleHeader && ((0, jsx_runtime_1.jsxs)(exports.StyledPanelTitleHeader, { className: 'reqore-panel-title-header', children: [breadcrumbs ? ((0, jsx_runtime_1.jsx)(Breadcrumbs_1.default, __assign({}, breadcrumbs, { padded: false, margin: 'none', flat: true, responsive: true }))) : icon || iconImage || label || badge ? ((function () {
|
|
975
958
|
var hasPanelIcon = !!icon || !!iconImage || loading;
|
|
976
959
|
// The icon takes the label's place, so there has to BE an icon. Without one
|
|
977
960
|
// the label is the only thing identifying the panel and it stays put — a
|
|
@@ -1081,7 +1064,7 @@ exports.ReqorePanel = (0, react_2.forwardRef)(function (_a, ref) {
|
|
|
1081
1064
|
// `flex-basis: 100%` is what puts it on its own line — the bar is a wrapping
|
|
1082
1065
|
// flex row, so a full-width item cannot share one with anything before it.
|
|
1083
1066
|
// `min-width: 0` so a long sentence wraps inside the bar instead of widening it.
|
|
1084
|
-
(0, jsx_runtime_1.jsx)("div", { className: 'reqore-panel-title-description-row', style: { flex: '0 0 100%', minWidth: 0 }, children: (0, jsx_runtime_1.jsx)(Span_1.ReqoreSpan, __assign({}, descriptionProps, { children: description })) })) : null] })), !_isCollapsed || (_isCollapsed && !unMountContentOnCollapse) ? ((0, jsx_runtime_1.jsx)(exports.StyledPanelContent, { as: 'div', className: 'reqore-panel-content', hasLabel: !!hasTitleBar, hasBottomActions: hasBottomActions, isCollapsed: _isCollapsed, style: contentStyle, padded: padded, minimal: minimal || opacity === 0, size: contentSize || panelSize, ref: getContentRef, noHorizontalPadding: noHorizontalPadding, children: children })) : null, hasBottomActions && !_isCollapsed ? ((0, jsx_runtime_1.jsxs)(exports.StyledPanelBottomActions, { flat: flat, className: 'reqore-panel-bottom-actions', theme: theme, padded: padded, intent: intent, minimal: minimal || opacity === 0, opacity: minimal ? 0 : (opacity !== null && opacity !== void 0 ? opacity : 1), size: contentSize || panelSize, noHorizontalPadding: noHorizontalPadding, children: [hasNonResponsiveActions(leftBottomActions) ? ((0, jsx_runtime_1.jsx)(ControlGroup_1.default, { size: panelSize, style: { marginRight: 'auto' }, children: leftBottomActions.map(renderNonResponsiveActions('flex-start')) })) : null, hasResponsiveActions(leftBottomActions) && ((0, jsx_runtime_1.jsx)(ControlGroup_1.default, { fluid: responsiveActions, responsive: responsiveActions, customTheme: theme, size: panelSize, style: { marginRight: 'auto' }, children: leftBottomActions.map(renderResponsiveActions('flex-start')) })), hasResponsiveActions(rightBottomActions) && ((0, jsx_runtime_1.jsx)(ControlGroup_1.default, { fluid: responsiveActions, horizontalAlign: 'flex-end', responsive: responsiveActions, customTheme: theme, style: { marginLeft: 'auto' }, size: panelSize, children: rightBottomActions.map(renderResponsiveActions()) })), hasNonResponsiveActions(rightBottomActions) ? ((0, jsx_runtime_1.jsx)(ControlGroup_1.default, { horizontalAlign: 'flex-end', size: panelSize, style: { marginLeft: 'auto' }, children: rightBottomActions.map(renderNonResponsiveActions()) })) : null] })) : null
|
|
1067
|
+
(0, jsx_runtime_1.jsx)("div", { className: 'reqore-panel-title-description-row', style: { flex: '0 0 100%', minWidth: 0 }, children: (0, jsx_runtime_1.jsx)(Span_1.ReqoreSpan, __assign({}, descriptionProps, { children: description })) })) : null] })), !_isCollapsed || (_isCollapsed && !unMountContentOnCollapse) ? ((0, jsx_runtime_1.jsx)(exports.StyledPanelContent, { as: 'div', className: 'reqore-panel-content', hasLabel: !!hasTitleBar, hasBottomActions: hasBottomActions, isCollapsed: _isCollapsed, style: contentStyle, padded: padded, minimal: minimal || opacity === 0, size: contentSize || panelSize, ref: getContentRef, noHorizontalPadding: noHorizontalPadding, children: children })) : null, hasBottomActions && !_isCollapsed ? ((0, jsx_runtime_1.jsxs)(exports.StyledPanelBottomActions, { flat: flat, className: 'reqore-panel-bottom-actions', theme: theme, padded: padded, intent: intent, minimal: minimal || opacity === 0, opacity: minimal ? 0 : (opacity !== null && opacity !== void 0 ? opacity : 1), size: contentSize || panelSize, noHorizontalPadding: noHorizontalPadding, children: [hasNonResponsiveActions(leftBottomActions) ? ((0, jsx_runtime_1.jsx)(ControlGroup_1.default, { size: panelSize, style: { marginRight: 'auto' }, children: leftBottomActions.map(renderNonResponsiveActions('flex-start')) })) : null, hasResponsiveActions(leftBottomActions) && ((0, jsx_runtime_1.jsx)(ControlGroup_1.default, { fluid: responsiveActions, responsive: responsiveActions, customTheme: theme, size: panelSize, style: { marginRight: 'auto' }, children: leftBottomActions.map(renderResponsiveActions('flex-start')) })), hasResponsiveActions(rightBottomActions) && ((0, jsx_runtime_1.jsx)(ControlGroup_1.default, { fluid: responsiveActions, horizontalAlign: 'flex-end', responsive: responsiveActions, customTheme: theme, style: { marginLeft: 'auto' }, size: panelSize, children: rightBottomActions.map(renderResponsiveActions()) })), hasNonResponsiveActions(rightBottomActions) ? ((0, jsx_runtime_1.jsx)(ControlGroup_1.default, { horizontalAlign: 'flex-end', size: panelSize, style: { marginLeft: 'auto' }, children: rightBottomActions.map(renderNonResponsiveActions()) })) : null] })) : null] })) })));
|
|
1085
1068
|
});
|
|
1086
|
-
var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9, templateObject_10, templateObject_11, templateObject_12, templateObject_13, templateObject_14, templateObject_15, templateObject_16, templateObject_17, templateObject_18, templateObject_19, templateObject_20, templateObject_21, templateObject_22, templateObject_23, templateObject_24, templateObject_25, templateObject_26, templateObject_27, templateObject_28, templateObject_29, templateObject_30
|
|
1069
|
+
var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9, templateObject_10, templateObject_11, templateObject_12, templateObject_13, templateObject_14, templateObject_15, templateObject_16, templateObject_17, templateObject_18, templateObject_19, templateObject_20, templateObject_21, templateObject_22, templateObject_23, templateObject_24, templateObject_25, templateObject_26, templateObject_27, templateObject_28, templateObject_29, templateObject_30;
|
|
1087
1070
|
//# sourceMappingURL=index.js.map
|