@qoretechnologies/reqore 0.78.5-pr.708.gd1c403a → 0.78.6-pr.715.g22e6b27
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/Accordion/index.d.ts.map +1 -1
- package/dist/components/Accordion/index.js +11 -15
- package/dist/components/Accordion/index.js.map +1 -1
- package/dist/components/Breadcrumbs/index.d.ts.map +1 -1
- package/dist/components/Breadcrumbs/index.js +14 -86
- package/dist/components/Breadcrumbs/index.js.map +1 -1
- package/dist/components/Breadcrumbs/item.d.ts +0 -10
- package/dist/components/Breadcrumbs/item.d.ts.map +1 -1
- package/dist/components/Breadcrumbs/item.js +3 -28
- package/dist/components/Breadcrumbs/item.js.map +1 -1
- package/dist/components/Bubble/index.d.ts.map +1 -1
- package/dist/components/Bubble/index.js +39 -7
- package/dist/components/Bubble/index.js.map +1 -1
- package/dist/components/Button/index.d.ts +0 -8
- package/dist/components/Button/index.d.ts.map +1 -1
- package/dist/components/Button/index.js +26 -77
- package/dist/components/Button/index.js.map +1 -1
- package/dist/components/ButtonRail/index.d.ts.map +1 -1
- package/dist/components/ButtonRail/index.js +2 -3
- package/dist/components/ButtonRail/index.js.map +1 -1
- package/dist/components/Callout/index.d.ts +3 -4
- package/dist/components/Callout/index.d.ts.map +1 -1
- package/dist/components/Callout/index.js +8 -39
- package/dist/components/Callout/index.js.map +1 -1
- package/dist/components/Checkbox/index.js +8 -8
- package/dist/components/Checkbox/index.js.map +1 -1
- package/dist/components/Collapse/index.d.ts.map +1 -1
- package/dist/components/Collapse/index.js +36 -7
- package/dist/components/Collapse/index.js.map +1 -1
- package/dist/components/CollapsibleContent/index.d.ts.map +1 -1
- package/dist/components/CollapsibleContent/index.js +37 -5
- package/dist/components/CollapsibleContent/index.js.map +1 -1
- package/dist/components/Collection/index.js +3 -3
- 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 -4
- package/dist/components/Collection/item.js.map +1 -1
- package/dist/components/Columns/column.d.ts.map +1 -1
- package/dist/components/Columns/column.js +35 -6
- package/dist/components/Columns/column.js.map +1 -1
- package/dist/components/Columns/index.d.ts.map +1 -1
- package/dist/components/Columns/index.js +35 -3
- package/dist/components/Columns/index.js.map +1 -1
- package/dist/components/Comment/index.js +8 -8
- package/dist/components/Comment/index.js.map +1 -1
- package/dist/components/CommentFeed/index.js +2 -2
- package/dist/components/CommentFeed/index.js.map +1 -1
- package/dist/components/Content/index.d.ts.map +1 -1
- package/dist/components/Content/index.js +35 -3
- package/dist/components/Content/index.js.map +1 -1
- package/dist/components/Content/wrapper.js +2 -2
- package/dist/components/Content/wrapper.js.map +1 -1
- package/dist/components/ControlGroup/index.js +3 -3
- 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 +6 -35
- package/dist/components/ControlGroup/item.js.map +1 -1
- package/dist/components/DataView/index.d.ts.map +1 -1
- package/dist/components/DataView/index.js +49 -17
- 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 +8 -40
- package/dist/components/DatePicker/index.js.map +1 -1
- package/dist/components/DescriptionList/index.d.ts.map +1 -1
- package/dist/components/DescriptionList/index.js +39 -7
- package/dist/components/DescriptionList/index.js.map +1 -1
- package/dist/components/Drawer/backdrop.d.ts.map +1 -1
- package/dist/components/Drawer/backdrop.js +6 -35
- package/dist/components/Drawer/backdrop.js.map +1 -1
- package/dist/components/Drawer/index.d.ts.map +1 -1
- package/dist/components/Drawer/index.js +37 -5
- package/dist/components/Drawer/index.js.map +1 -1
- package/dist/components/Effect/index.d.ts +6 -0
- package/dist/components/Effect/index.d.ts.map +1 -1
- package/dist/components/Effect/index.js +26 -27
- package/dist/components/Effect/index.js.map +1 -1
- package/dist/components/EntityRow/index.d.ts +1 -18
- package/dist/components/EntityRow/index.d.ts.map +1 -1
- package/dist/components/EntityRow/index.js +16 -54
- package/dist/components/EntityRow/index.js.map +1 -1
- package/dist/components/FadeScroller/index.d.ts.map +1 -1
- package/dist/components/FadeScroller/index.js +62 -12
- package/dist/components/FadeScroller/index.js.map +1 -1
- package/dist/components/FeatureCard/index.d.ts +1 -7
- package/dist/components/FeatureCard/index.d.ts.map +1 -1
- package/dist/components/FeatureCard/index.js +8 -30
- package/dist/components/FeatureCard/index.js.map +1 -1
- package/dist/components/Header/index.js +2 -2
- package/dist/components/Header/index.js.map +1 -1
- package/dist/components/Icon/index.d.ts.map +1 -1
- package/dist/components/Icon/index.js +16 -26
- package/dist/components/Icon/index.js.map +1 -1
- package/dist/components/IconPicker/index.js +2 -2
- package/dist/components/IconPicker/index.js.map +1 -1
- package/dist/components/Input/index.js +6 -6
- package/dist/components/Input/index.js.map +1 -1
- package/dist/components/InputClearButton/index.d.ts.map +1 -1
- package/dist/components/InputClearButton/index.js +3 -35
- package/dist/components/InputClearButton/index.js.map +1 -1
- package/dist/components/InternalPopover/index.d.ts.map +1 -1
- package/dist/components/InternalPopover/index.js +4 -5
- package/dist/components/InternalPopover/index.js.map +1 -1
- package/dist/components/KeyboardShortcut/index.js +3 -3
- package/dist/components/KeyboardShortcut/index.js.map +1 -1
- package/dist/components/Layout/content.js +2 -2
- package/dist/components/Layout/content.js.map +1 -1
- package/dist/components/Layout/index.d.ts.map +1 -1
- package/dist/components/Layout/index.js +35 -3
- package/dist/components/Layout/index.js.map +1 -1
- package/dist/components/Link/index.d.ts.map +1 -1
- package/dist/components/Link/index.js +38 -6
- package/dist/components/Link/index.js.map +1 -1
- package/dist/components/Menu/divider.js +3 -3
- 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 +4 -4
- package/dist/components/Menu/index.js.map +1 -1
- package/dist/components/Menu/item.d.ts.map +1 -1
- package/dist/components/Menu/item.js +0 -27
- package/dist/components/Menu/item.js.map +1 -1
- package/dist/components/NavRail/index.d.ts.map +1 -1
- package/dist/components/NavRail/index.js +10 -8
- package/dist/components/NavRail/index.js.map +1 -1
- package/dist/components/Navbar/divider.d.ts.map +1 -1
- package/dist/components/Navbar/divider.js +6 -35
- package/dist/components/Navbar/divider.js.map +1 -1
- package/dist/components/Navbar/group.js +3 -3
- package/dist/components/Navbar/group.js.map +1 -1
- package/dist/components/Navbar/index.js +3 -3
- package/dist/components/Navbar/index.js.map +1 -1
- package/dist/components/Navbar/item.js +3 -3
- package/dist/components/Navbar/item.js.map +1 -1
- package/dist/components/Notifications/index.d.ts.map +1 -1
- package/dist/components/Notifications/index.js +35 -6
- package/dist/components/Notifications/index.js.map +1 -1
- package/dist/components/Notifications/notification.d.ts.map +1 -1
- package/dist/components/Notifications/notification.js +41 -9
- package/dist/components/Notifications/notification.js.map +1 -1
- package/dist/components/Notifications/styles.js +8 -8
- package/dist/components/Notifications/styles.js.map +1 -1
- package/dist/components/Paging/index.js +2 -2
- package/dist/components/Paging/index.js.map +1 -1
- package/dist/components/Panel/index.d.ts +0 -12
- package/dist/components/Panel/index.d.ts.map +1 -1
- package/dist/components/Panel/index.js +64 -219
- package/dist/components/Panel/index.js.map +1 -1
- package/dist/components/Paragraph/index.d.ts +0 -6
- package/dist/components/Paragraph/index.d.ts.map +1 -1
- package/dist/components/Paragraph/index.js +8 -57
- package/dist/components/Paragraph/index.js.map +1 -1
- package/dist/components/Popover/index.d.ts.map +1 -1
- package/dist/components/Popover/index.js +7 -36
- package/dist/components/Popover/index.js.map +1 -1
- package/dist/components/Progress/index.d.ts.map +1 -1
- package/dist/components/Progress/index.js +42 -10
- package/dist/components/Progress/index.js.map +1 -1
- package/dist/components/Rating/index.d.ts.map +1 -1
- package/dist/components/Rating/index.js +36 -4
- package/dist/components/Rating/index.js.map +1 -1
- package/dist/components/RichTextEditor/index.d.ts.map +1 -1
- package/dist/components/RichTextEditor/index.js +7 -42
- package/dist/components/RichTextEditor/index.js.map +1 -1
- package/dist/components/SegmentedControl/index.d.ts.map +1 -1
- package/dist/components/SegmentedControl/index.js +37 -5
- package/dist/components/SegmentedControl/index.js.map +1 -1
- package/dist/components/Select/valuePreview.js +2 -2
- package/dist/components/Select/valuePreview.js.map +1 -1
- package/dist/components/SeverityRow/index.d.ts +1 -19
- package/dist/components/SeverityRow/index.d.ts.map +1 -1
- package/dist/components/SeverityRow/index.js +16 -43
- package/dist/components/SeverityRow/index.js.map +1 -1
- package/dist/components/Skeleton/index.d.ts.map +1 -1
- package/dist/components/Skeleton/index.js +35 -6
- package/dist/components/Skeleton/index.js.map +1 -1
- package/dist/components/Slider/index.js +9 -9
- package/dist/components/Slider/index.js.map +1 -1
- package/dist/components/Spacer/index.js +7 -7
- 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 -35
- package/dist/components/Span/index.js.map +1 -1
- package/dist/components/StackedBar/index.d.ts.map +1 -1
- package/dist/components/StackedBar/index.js +38 -9
- package/dist/components/StackedBar/index.js.map +1 -1
- package/dist/components/Statistic/index.d.ts +8 -0
- package/dist/components/Statistic/index.d.ts.map +1 -1
- package/dist/components/Statistic/index.js +41 -9
- package/dist/components/Statistic/index.js.map +1 -1
- package/dist/components/Table/body.d.ts.map +1 -1
- package/dist/components/Table/body.js +38 -6
- package/dist/components/Table/body.js.map +1 -1
- package/dist/components/Table/cell.d.ts.map +1 -1
- package/dist/components/Table/cell.js +14 -7
- 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 +10 -13
- package/dist/components/Table/header.js.map +1 -1
- package/dist/components/Table/headerCell.d.ts.map +1 -1
- package/dist/components/Table/headerCell.js +38 -8
- package/dist/components/Table/headerCell.js.map +1 -1
- package/dist/components/Table/helpers.d.ts +0 -20
- package/dist/components/Table/helpers.d.ts.map +1 -1
- package/dist/components/Table/helpers.js +1 -53
- package/dist/components/Table/helpers.js.map +1 -1
- package/dist/components/Table/index.d.ts +2 -48
- package/dist/components/Table/index.d.ts.map +1 -1
- package/dist/components/Table/index.js +59 -122
- package/dist/components/Table/index.js.map +1 -1
- package/dist/components/Table/row.d.ts +1 -3
- package/dist/components/Table/row.d.ts.map +1 -1
- package/dist/components/Table/row.js +12 -30
- package/dist/components/Table/row.js.map +1 -1
- package/dist/components/Table/scrollbar.js +3 -3
- package/dist/components/Table/scrollbar.js.map +1 -1
- package/dist/components/Tabs/content.js +2 -2
- package/dist/components/Tabs/content.js.map +1 -1
- package/dist/components/Tabs/index.js +3 -3
- 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 -6
- package/dist/components/Tabs/item.js.map +1 -1
- package/dist/components/Tabs/list.js +3 -3
- package/dist/components/Tabs/list.js.map +1 -1
- package/dist/components/Tag/group.d.ts.map +1 -1
- package/dist/components/Tag/group.js +35 -3
- package/dist/components/Tag/group.js.map +1 -1
- package/dist/components/Tag/index.d.ts +0 -7
- package/dist/components/Tag/index.d.ts.map +1 -1
- package/dist/components/Tag/index.js +20 -86
- package/dist/components/Tag/index.js.map +1 -1
- package/dist/components/Testimonial/index.d.ts +1 -6
- package/dist/components/Testimonial/index.d.ts.map +1 -1
- package/dist/components/Testimonial/index.js +7 -28
- package/dist/components/Testimonial/index.js.map +1 -1
- package/dist/components/Textarea/index.d.ts +0 -10
- package/dist/components/Textarea/index.d.ts.map +1 -1
- package/dist/components/Textarea/index.js +14 -135
- package/dist/components/Textarea/index.js.map +1 -1
- package/dist/components/Tier/group.d.ts.map +1 -1
- package/dist/components/Tier/group.js +8 -9
- package/dist/components/Tier/group.js.map +1 -1
- package/dist/components/Tier/index.d.ts +0 -5
- package/dist/components/Tier/index.d.ts.map +1 -1
- package/dist/components/Tier/index.js +10 -14
- package/dist/components/Tier/index.js.map +1 -1
- package/dist/components/Timeline/index.d.ts.map +1 -1
- package/dist/components/Timeline/index.js +12 -13
- 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 +7 -6
- package/dist/components/TooltipComponent/index.js.map +1 -1
- package/dist/components/Tree/index.js +3 -3
- package/dist/components/Tree/index.js.map +1 -1
- package/dist/constants/sizes.d.ts +0 -5
- package/dist/constants/sizes.d.ts.map +1 -1
- package/dist/constants/sizes.js +1 -6
- package/dist/constants/sizes.js.map +1 -1
- package/dist/constants/theme.d.ts +26 -0
- package/dist/constants/theme.d.ts.map +1 -1
- package/dist/constants/theme.js.map +1 -1
- package/dist/containers/UIProvider.d.ts.map +1 -1
- package/dist/containers/UIProvider.js +35 -3
- package/dist/containers/UIProvider.js.map +1 -1
- package/dist/helpers/colors.d.ts +11 -1
- package/dist/helpers/colors.d.ts.map +1 -1
- package/dist/helpers/colors.js +24 -3
- package/dist/helpers/colors.js.map +1 -1
- package/dist/helpers/styled.d.ts +26 -39
- package/dist/helpers/styled.d.ts.map +1 -1
- package/dist/helpers/styled.js +4 -156
- package/dist/helpers/styled.js.map +1 -1
- package/dist/hooks/usePointerDrag.d.ts.map +1 -1
- package/dist/hooks/usePointerDrag.js +3 -13
- package/dist/hooks/usePointerDrag.js.map +1 -1
- package/dist/styles.js +6 -6
- package/dist/styles.js.map +1 -1
- package/package.json +1 -1
- package/vitest.config.ts +0 -6
- package/dist/components/RowActionsMenu/index.d.ts +0 -53
- package/dist/components/RowActionsMenu/index.d.ts.map +0 -1
- package/dist/components/RowActionsMenu/index.js +0 -93
- package/dist/components/RowActionsMenu/index.js.map +0 -1
- package/dist/hooks/useDragToScroll.d.ts +0 -58
- package/dist/hooks/useDragToScroll.d.ts.map +0 -1
- package/dist/hooks/useDragToScroll.js +0 -262
- package/dist/hooks/useDragToScroll.js.map +0 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Accordion/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAA2D,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Accordion/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAA2D,MAAM,OAAO,CAAC;AAShF,OAAO,EAAgB,aAAa,EAAE,MAAM,uBAAuB,CAAC;AAWpE,OAAO,EACL,eAAe,EACf,aAAa,EACb,sBAAsB,EACtB,eAAe,EACf,gBAAgB,EAChB,eAAe,EACf,kBAAkB,EACnB,MAAM,oBAAoB,CAAC;AAC5B,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAe,YAAY,EAAE,MAAM,WAAW,CAAC;AACtD,OAAO,EAAE,aAAa,EAAsC,kBAAkB,EAAE,MAAM,WAAW,CAAC;AAMlG,MAAM,WAAW,oBAAoB;IACnC,qCAAqC;IACrC,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,oCAAoC;IACpC,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,aAAa,CAAC;IAC5B,sCAAsC;IACtC,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,kCAAkC;IAClC,IAAI,CAAC,EAAE,eAAe,CAAC;IACvB,0BAA0B;IAC1B,SAAS,CAAC,EAAE,kBAAkB,CAAC;IAC/B,iCAAiC;IACjC,MAAM,CAAC,EAAE,aAAa,CAAC;IACvB,wCAAwC;IACxC,KAAK,CAAC,EAAE,YAAY,GAAG,YAAY,EAAE,CAAC;IACtC,oCAAoC;IACpC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,oCAAoC;IACpC,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB;AAED,MAAM,WAAW,qBACf,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,UAAU,CAAC,EAC5D,eAAe,EACf,aAAa,EACb,sBAAsB,EACtB,gBAAgB,EAChB,eAAe,EACf,eAAe,EACf,kBAAkB;IACpB,sBAAsB;IACtB,KAAK,EAAE,oBAAoB,EAAE,CAAC;IAC9B,wDAAwD;IACxD,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,6BAA6B;IAC7B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,0CAA0C;IAC1C,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,8CAA8C;IAC9C,MAAM,CAAC,EAAE,aAAa,CAAC;IACvB,yBAAyB;IACzB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,6BAA6B;IAC7B,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,uCAAuC;IACvC,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC;CACzD;AAmPD,eAAO,MAAM,eAAe,8HAwH3B,CAAC;AAEF,eAAe,eAAe,CAAC"}
|
|
@@ -58,16 +58,12 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
58
58
|
}
|
|
59
59
|
return t;
|
|
60
60
|
};
|
|
61
|
-
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
62
|
-
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
63
|
-
};
|
|
64
61
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
65
62
|
exports.ReqoreAccordion = void 0;
|
|
66
63
|
var jsx_runtime_1 = require("react/jsx-runtime");
|
|
67
64
|
var polished_1 = require("polished");
|
|
68
65
|
var react_1 = require("react");
|
|
69
|
-
var styled_components_1 = require("styled-components");
|
|
70
|
-
var styled_1 = __importDefault(require("../../helpers/styled"));
|
|
66
|
+
var styled_components_1 = __importStar(require("styled-components"));
|
|
71
67
|
var sizes_1 = require("../../constants/sizes");
|
|
72
68
|
var colors_1 = require("../../helpers/colors");
|
|
73
69
|
var utils_1 = require("../../helpers/utils");
|
|
@@ -79,7 +75,7 @@ var Header_1 = require("../Header");
|
|
|
79
75
|
var Icon_1 = __importStar(require("../Icon"));
|
|
80
76
|
var Span_1 = require("../Span");
|
|
81
77
|
var TooltipComponent_1 = require("../TooltipComponent");
|
|
82
|
-
var StyledAccordionWrapper = (0,
|
|
78
|
+
var StyledAccordionWrapper = (0, styled_components_1.default)(Effect_1.StyledEffect)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n display: flex;\n flex-direction: column;\n width: ", ";\n border-radius: ", "px;\n overflow: hidden;\n border: ", ";\n\n ", "\n"], ["\n display: flex;\n flex-direction: column;\n width: ", ";\n border-radius: ", "px;\n overflow: hidden;\n border: ", ";\n\n ", "\n"])), function (_a) {
|
|
83
79
|
var $fluid = _a.$fluid;
|
|
84
80
|
return ($fluid ? '100%' : undefined);
|
|
85
81
|
}, function (_a) {
|
|
@@ -87,16 +83,16 @@ var StyledAccordionWrapper = (0, styled_1.default)(Effect_1.StyledEffect)(templa
|
|
|
87
83
|
return (rounded ? sizes_1.RADIUS_FROM_SIZE[size] : 0);
|
|
88
84
|
}, function (_a) {
|
|
89
85
|
var flat = _a.flat, theme = _a.theme;
|
|
90
|
-
return flat ? undefined : "1px solid ".concat((0, colors_1.
|
|
86
|
+
return flat ? undefined : "1px solid ".concat((0, colors_1.getPanelHairlineColor)(theme));
|
|
91
87
|
}, function (_a) {
|
|
92
88
|
var disabled = _a.disabled;
|
|
93
89
|
return disabled && (0, styled_components_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n ", ";\n "], ["\n ", ";\n "])), styles_1.DisabledElement);
|
|
94
90
|
});
|
|
95
|
-
var StyledAccordionItem =
|
|
91
|
+
var StyledAccordionItem = styled_components_1.default.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n &:not(:first-child) {\n border-top: ", ";\n }\n"], ["\n &:not(:first-child) {\n border-top: ", ";\n }\n"])), function (_a) {
|
|
96
92
|
var flat = _a.flat, theme = _a.theme;
|
|
97
|
-
return flat ? undefined : "1px solid ".concat((0, colors_1.
|
|
93
|
+
return flat ? undefined : "1px solid ".concat((0, colors_1.getPanelHairlineColor)(theme));
|
|
98
94
|
});
|
|
99
|
-
var StyledAccordionHeader =
|
|
95
|
+
var StyledAccordionHeader = styled_components_1.default.div(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n display: flex;\n align-items: center;\n gap: ", "px;\n padding: ", ";\n cursor: pointer;\n user-select: none;\n transition: background-color 0.15s ease-out;\n background-color: ", ";\n color: ", ";\n font-size: ", "px;\n\n ", " {\n transform: scale(", ");\n transition: transform 0.15s ease-out;\n }\n\n &:hover {\n background-color: ", ";\n\n ", " {\n transform: scale(", ");\n }\n }\n\n ", "\n"], ["\n display: flex;\n align-items: center;\n gap: ", "px;\n padding: ", ";\n cursor: pointer;\n user-select: none;\n transition: background-color 0.15s ease-out;\n background-color: ", ";\n color: ", ";\n font-size: ", "px;\n\n ", " {\n transform: scale(", ");\n transition: transform 0.15s ease-out;\n }\n\n &:hover {\n background-color: ", ";\n\n ", " {\n transform: scale(", ");\n }\n }\n\n ", "\n"])), function () { return sizes_1.GAP_FROM_SIZE.normal; }, function (_a) {
|
|
100
96
|
var size = _a.size;
|
|
101
97
|
return "".concat(sizes_1.PADDING_FROM_SIZE[size] * 1.5, "px ").concat(sizes_1.PADDING_FROM_SIZE[size] * 1.5, "px");
|
|
102
98
|
}, function (_a) {
|
|
@@ -123,16 +119,16 @@ var StyledAccordionHeader = styled_1.default.div(templateObject_5 || (templateOb
|
|
|
123
119
|
var disabled = _a.disabled;
|
|
124
120
|
return disabled && (0, styled_components_1.css)(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n ", ";\n "], ["\n ", ";\n "])), styles_1.DisabledElement);
|
|
125
121
|
});
|
|
126
|
-
var StyledAccordionChevron = (0,
|
|
122
|
+
var StyledAccordionChevron = (0, styled_components_1.default)(Icon_1.StyledIconWrapper)(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n transition: transform 0.2s ease-out !important;\n transform: rotate(", ") !important;\n flex-shrink: 0;\n"], ["\n transition: transform 0.2s ease-out !important;\n transform: rotate(", ") !important;\n flex-shrink: 0;\n"])), function (_a) {
|
|
127
123
|
var $isOpen = _a.$isOpen;
|
|
128
124
|
return ($isOpen ? '180deg' : '0deg');
|
|
129
125
|
});
|
|
130
|
-
var StyledAccordionContentWrapper =
|
|
126
|
+
var StyledAccordionContentWrapper = styled_components_1.default.div(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n display: grid;\n grid-template-rows: ", ";\n transition: grid-template-rows 0.2s ease-in-out;\n"], ["\n display: grid;\n grid-template-rows: ", ";\n transition: grid-template-rows 0.2s ease-in-out;\n"])), function (_a) {
|
|
131
127
|
var $isOpen = _a.$isOpen;
|
|
132
128
|
return ($isOpen ? '1fr' : '0fr');
|
|
133
129
|
});
|
|
134
|
-
var StyledAccordionContentInner =
|
|
135
|
-
var StyledAccordionContentBody =
|
|
130
|
+
var StyledAccordionContentInner = styled_components_1.default.div(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n overflow: hidden;\n"], ["\n overflow: hidden;\n"])));
|
|
131
|
+
var StyledAccordionContentBody = styled_components_1.default.div(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n padding: ", ";\n font-size: ", "px;\n color: ", ";\n background-color: ", ";\n border-top: 1px solid ", ";\n"], ["\n padding: ", ";\n font-size: ", "px;\n color: ", ";\n background-color: ", ";\n border-top: 1px solid ", ";\n"])), function (_a) {
|
|
136
132
|
var size = _a.size;
|
|
137
133
|
return "".concat(sizes_1.PADDING_FROM_SIZE[size] * 3, "px ").concat(sizes_1.PADDING_FROM_SIZE[size] * 4.6, "px");
|
|
138
134
|
}, function (_a) {
|
|
@@ -143,7 +139,7 @@ var StyledAccordionContentBody = styled_1.default.div(templateObject_9 || (templ
|
|
|
143
139
|
return (0, colors_1.getReadableColor)(theme, undefined, undefined, true);
|
|
144
140
|
}, function (_a) {
|
|
145
141
|
var theme = _a.theme;
|
|
146
|
-
return (0, polished_1.rgba)((0, colors_1.
|
|
142
|
+
return (0, polished_1.rgba)((0, colors_1.getPanelBackgroundColor)(theme), 1);
|
|
147
143
|
}, function (_a) {
|
|
148
144
|
var theme = _a.theme;
|
|
149
145
|
return (0, colors_1.changeLightness)((0, colors_1.getMainBackgroundColor)(theme), 0.05);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Accordion/index.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Accordion/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Breadcrumbs/index.tsx"],"names":[],"mappings":"AACA,OAAO,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Breadcrumbs/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,OAAO,EAAuC,MAAM,EAAE,MAAM,uBAAuB,CAAC;AACpF,OAAO,EAAE,uBAAuB,EAAgB,aAAa,EAAE,MAAM,uBAAuB,CAAC;AAG7F,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,kBAAkB,EAAE,MAAM,WAAW,CAAC;AAG/C,OAAO,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAC;AAK9C,MAAM,WAAW,yBAAyB;IACxC,IAAI,EAAE,mBAAmB,EAAE,CAAC;IAC5B,WAAW,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,KAAK,GAAG,CAAC;IAC7C,SAAS,EAAE,MAAM,CAAC;IAClB,eAAe,CAAC,EAAE,aAAa,CAAC;CACjC;AAED,MAAM,WAAW,qBAAsB,SAAQ,kBAAkB;IAC/D,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;;;OAKG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,EAAE,CAAC,EAAE,GAAG,CAAC;IACT,KAAK,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;IAC5B,QAAQ,CAAC,EAAE,yBAAyB,CAAC;CACtC;AAED,MAAM,WAAW,uBACf,SAAQ,gBAAgB,EACtB,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACtC,KAAK,EAAE,qBAAqB,EAAE,CAAC;IAC/B,YAAY,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IAG3B,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,WAAW,CAAC,EAAE,uBAAuB,CAAC;IACtC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,OAAO,CAAC;IAEf,UAAU,CAAC,EAAE,OAAO,CAAC;IAErB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,MAAM,CAAC,EAAE,KAAK,GAAG,QAAQ,GAAG,MAAM,GAAG,MAAM,CAAC;CAC7C;AAoID,QAAA,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC,uBAAuB,CAyMxD,CAAC;AAEF,eAAe,iBAAiB,CAAC"}
|
|
@@ -58,25 +58,15 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
58
58
|
}
|
|
59
59
|
return t;
|
|
60
60
|
};
|
|
61
|
-
var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
|
|
62
|
-
if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
|
|
63
|
-
if (ar || !(i in from)) {
|
|
64
|
-
if (!ar) ar = Array.prototype.slice.call(from, 0, i);
|
|
65
|
-
ar[i] = from[i];
|
|
66
|
-
}
|
|
67
|
-
}
|
|
68
|
-
return to.concat(ar || Array.prototype.slice.call(from));
|
|
69
|
-
};
|
|
70
61
|
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
71
62
|
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
72
63
|
};
|
|
73
64
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
74
65
|
var jsx_runtime_1 = require("react/jsx-runtime");
|
|
75
66
|
var lodash_1 = require("lodash");
|
|
76
|
-
var react_1 =
|
|
67
|
+
var react_1 = __importDefault(require("react"));
|
|
77
68
|
var react_overflow_list_1 = require("react-overflow-list");
|
|
78
|
-
var styled_components_1 = require("styled-components");
|
|
79
|
-
var styled_1 = __importDefault(require("../../helpers/styled"));
|
|
69
|
+
var styled_components_1 = __importStar(require("styled-components"));
|
|
80
70
|
var __1 = require("../..");
|
|
81
71
|
var colors_1 = require("../../constants/colors");
|
|
82
72
|
var sizes_1 = require("../../constants/sizes");
|
|
@@ -92,7 +82,7 @@ var item_2 = __importDefault(require("./item"));
|
|
|
92
82
|
// element never shrinks (`flex: 0 0 auto`) and the trail takes whatever is left
|
|
93
83
|
// (`flex: 1; min-width: 0; overflow: hidden`), so the two can never overlap at
|
|
94
84
|
// any width; the trail collapses/ellipsises to fit the space it's given.
|
|
95
|
-
var StyledReqoreBreadcrumbs =
|
|
85
|
+
var StyledReqoreBreadcrumbs = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), function (_a) {
|
|
96
86
|
var _b;
|
|
97
87
|
var theme = _a.theme, size = _a.size, flat = _a.flat, _c = _a.padded, padded = _c === void 0 ? true : _c, _d = _a.margin, margin = _d === void 0 ? 'both' : _d, responsive = _a.responsive;
|
|
98
88
|
return (0, styled_components_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n width: ", ";\n margin-top: ", "px;\n margin-bottom: ", "px;\n display: flex;\n align-items: center;\n padding: 0 ", "px;\n border-bottom: ", ";\n background-color: ", ";\n\n ", " {\n flex: 1;\n }\n ", ", ", " {\n border-bottom: 0;\n }\n "], ["\n width: ", ";\n margin-top: ", "px;\n margin-bottom: ", "px;\n display: flex;\n align-items: center;\n padding: 0 ", "px;\n border-bottom: ", ";\n background-color: ", ";\n\n ", " {\n flex: 1;\n }\n ", ", ", " {\n border-bottom: 0;\n }\n "])), responsive ? '100%' : undefined, margin === 'both' || margin === 'top' ? sizes_1.MARGIN_FROM_SIZE[size] : 0, margin === 'both' || margin === 'bottom' ? sizes_1.MARGIN_FROM_SIZE[size] : 0, padded ? sizes_1.PADDING_FROM_SIZE[size] : 0, flat ? undefined : "1px solid ".concat((0, colors_2.changeLightness)(theme.main, 0.05)), ((_b = theme.breadcrumbs) === null || _b === void 0 ? void 0 : _b.main) || 'transparent', list_1.StyledReqoreTabsList, list_1.StyledReqoreTabsList, item_1.StyledTabListItem);
|
|
@@ -102,7 +92,7 @@ var StyledReqoreBreadcrumbs = styled_1.default.div(templateObject_2 || (template
|
|
|
102
92
|
// ellipsise; `overflow: hidden` is the final safety net. Its single child (the
|
|
103
93
|
// `OverflowList` row, or the static row) fills it so `OverflowList` measures the
|
|
104
94
|
// AVAILABLE width, not its own content.
|
|
105
|
-
var StyledTrail =
|
|
95
|
+
var StyledTrail = styled_components_1.default.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n flex: 1 1 auto;\n min-width: 0;\n overflow: hidden;\n display: flex;\n align-items: center;\n color: ", ";\n\n > * {\n flex: 1 1 auto;\n min-width: 0;\n }\n\n /* The OverflowList container sets only display/flexWrap/minWidth inline (no\n align-items), so without this its crumbs top-align against the tallest one\n \u2014 e.g. a crumb carrying a two-line description. Center them so the row\n reads as a single baseline, matching the static trail. */\n .reqore-breadcrumbs-overflow-list {\n align-items: center;\n }\n\n /* Force the readable item colour onto the crumbs + collapsed dropdowns, as the\n original did with a descendant selector. A minimal/flat button sets its OWN\n text colour directly on the element \u2014 for a chromatic custom theme that\n resolves to a near-white tint (saturate(tint(0.8, main))) \u2014 which beats the\n trail's merely-inherited colour. Overriding it here keeps the labels legible\n (readable-dark on a light themed bar) instead of washing out to white. */\n .reqore-breadcrumbs-item,\n .reqore-dropdown-control {\n color: ", ";\n }\n"], ["\n flex: 1 1 auto;\n min-width: 0;\n overflow: hidden;\n display: flex;\n align-items: center;\n color: ", ";\n\n > * {\n flex: 1 1 auto;\n min-width: 0;\n }\n\n /* The OverflowList container sets only display/flexWrap/minWidth inline (no\n align-items), so without this its crumbs top-align against the tallest one\n \u2014 e.g. a crumb carrying a two-line description. Center them so the row\n reads as a single baseline, matching the static trail. */\n .reqore-breadcrumbs-overflow-list {\n align-items: center;\n }\n\n /* Force the readable item colour onto the crumbs + collapsed dropdowns, as the\n original did with a descendant selector. A minimal/flat button sets its OWN\n text colour directly on the element \u2014 for a chromatic custom theme that\n resolves to a near-white tint (saturate(tint(0.8, main))) \u2014 which beats the\n trail's merely-inherited colour. Overriding it here keeps the labels legible\n (readable-dark on a light themed bar) instead of washing out to white. */\n .reqore-breadcrumbs-item,\n .reqore-dropdown-control {\n color: ", ";\n }\n"])), function (_a) {
|
|
106
96
|
var $color = _a.$color;
|
|
107
97
|
return $color;
|
|
108
98
|
}, function (_a) {
|
|
@@ -111,9 +101,9 @@ var StyledTrail = styled_1.default.div(templateObject_3 || (templateObject_3 = _
|
|
|
111
101
|
});
|
|
112
102
|
// The right element NEVER shrinks — this is what makes overlap with the trail
|
|
113
103
|
// structurally impossible at any width.
|
|
114
|
-
var StyledRight =
|
|
115
|
-
var StyledStaticTrail =
|
|
116
|
-
var StyledBreadcrumbsTabsWrapper =
|
|
104
|
+
var StyledRight = styled_components_1.default.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n flex: 0 0 auto;\n display: flex;\n align-items: center;\n margin-left: 8px;\n"], ["\n flex: 0 0 auto;\n display: flex;\n align-items: center;\n margin-left: 8px;\n"])));
|
|
105
|
+
var StyledStaticTrail = styled_components_1.default.div(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n display: flex;\n align-items: center;\n min-width: 0;\n"], ["\n display: flex;\n align-items: center;\n min-width: 0;\n"])));
|
|
106
|
+
var StyledBreadcrumbsTabsWrapper = styled_components_1.default.div(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n display: flex;\n align-items: center;\n overflow: hidden;\n min-width: 0;\n"], ["\n display: flex;\n align-items: center;\n overflow: hidden;\n min-width: 0;\n"])));
|
|
117
107
|
// The overflow dropdowns present the collapsed crumbs as a NAVIGATION MENU, so
|
|
118
108
|
// each crumb must render as a clean left-aligned menu row — not as the pill/chip
|
|
119
109
|
// it is in the trail. Strip the crumb's trail-only layout treatment (raised /
|
|
@@ -165,65 +155,6 @@ var ReqoreBreadcrumbs = function (_a) {
|
|
|
165
155
|
? (0, colors_2.getReadableColorFrom)(theme.breadcrumbs.main, true)
|
|
166
156
|
: (0, colors_2.getReadableColor)(theme, undefined, undefined, true));
|
|
167
157
|
var leafItem = items[items.length - 1];
|
|
168
|
-
/* What fits is measured from the crumbs' widths, and `OverflowList` measures again only when the trail
|
|
169
|
-
itself changes width. A crumb can change width after that: its size changes, a badge arrives, or its
|
|
170
|
-
padding animates (`transition: all`) after its page has loaded - measured at the start of that, the
|
|
171
|
-
crumb grew from 151 to 160px and the last crumb stayed clipped (qorus#646). So every crumb is
|
|
172
|
-
observed while it is drawn, and a crumb that grows past the trail, or narrows (a folded crumb may
|
|
173
|
-
fit again), has the trail measured again, from all its crumbs - a new `items` array is how
|
|
174
|
-
`OverflowList` is told to. A crumb's width is taken when it starts being observed - the width the
|
|
175
|
-
trail was measured with - not from the observer's first report, which can come after the crumb has
|
|
176
|
-
already changed. */
|
|
177
|
-
var trailRef = (0, react_1.useRef)(null);
|
|
178
|
-
var _g = (0, react_1.useState)(0), measurement = _g[0], setMeasurement = _g[1];
|
|
179
|
-
var _h = (0, react_1.useState)(), crumbSizeObserver = _h[0], setCrumbSizeObserver = _h[1];
|
|
180
|
-
(0, react_1.useLayoutEffect)(function () {
|
|
181
|
-
if (!responsive || typeof ResizeObserver === 'undefined') {
|
|
182
|
-
return undefined;
|
|
183
|
-
}
|
|
184
|
-
var widths = new WeakMap();
|
|
185
|
-
var observer = new ResizeObserver(function (entries) {
|
|
186
|
-
var _a, _b, _c, _d;
|
|
187
|
-
var list = (_a = trailRef.current) === null || _a === void 0 ? void 0 : _a.querySelector('.reqore-breadcrumbs-overflow-list');
|
|
188
|
-
var overflowing = !!list && list.scrollWidth > list.clientWidth + 0.5;
|
|
189
|
-
var measureAgain = false;
|
|
190
|
-
for (var _i = 0, entries_1 = entries; _i < entries_1.length; _i++) {
|
|
191
|
-
var entry = entries_1[_i];
|
|
192
|
-
var width = (_d = (_c = (_b = entry.borderBoxSize) === null || _b === void 0 ? void 0 : _b[0]) === null || _c === void 0 ? void 0 : _c.inlineSize) !== null && _d !== void 0 ? _d : entry.contentRect.width;
|
|
193
|
-
var was = widths.get(entry.target);
|
|
194
|
-
widths.set(entry.target, width);
|
|
195
|
-
if (was !== undefined && Math.abs(width - was) >= 0.5 && (overflowing || width < was)) {
|
|
196
|
-
measureAgain = true;
|
|
197
|
-
}
|
|
198
|
-
}
|
|
199
|
-
if (measureAgain) {
|
|
200
|
-
setMeasurement(function (times) { return times + 1; });
|
|
201
|
-
}
|
|
202
|
-
});
|
|
203
|
-
setCrumbSizeObserver({
|
|
204
|
-
observe: function (element) {
|
|
205
|
-
widths.set(element, element.getBoundingClientRect().width);
|
|
206
|
-
// the border box: a crumb that grows by its padding keeps its content box
|
|
207
|
-
observer.observe(element, { box: 'border-box' });
|
|
208
|
-
},
|
|
209
|
-
unobserve: function (element) {
|
|
210
|
-
widths.delete(element);
|
|
211
|
-
observer.unobserve(element);
|
|
212
|
-
},
|
|
213
|
-
});
|
|
214
|
-
return function () {
|
|
215
|
-
observer.disconnect();
|
|
216
|
-
setCrumbSizeObserver(undefined);
|
|
217
|
-
};
|
|
218
|
-
}, [responsive]);
|
|
219
|
-
// A new array for each measurement (`measurement` is read for that alone): `OverflowList` partitions
|
|
220
|
-
// the crumbs again when its items change.
|
|
221
|
-
var trailItems = (0, react_1.useMemo)(function () { return (measurement >= 0 ? __spreadArray([], items, true) : items); }, [items, measurement]);
|
|
222
|
-
/* How many crumbs are folded into the menu, as `OverflowList` last drew it: its overflow is drawn
|
|
223
|
-
before its visible crumbs, so a crumb's key is its place in the whole trail. A key by its place among
|
|
224
|
-
the VISIBLE crumbs gave a folded crumb's element to the next crumb along, which then animated from
|
|
225
|
-
that crumb's look to its own - and was measured while it did. */
|
|
226
|
-
var foldedCount = (0, react_1.useRef)(0);
|
|
227
158
|
var renderArrow = function (key) { return ((0, jsx_runtime_1.jsx)(Icon_1.default, { icon: 'ArrowRightSLine', size: size, margin: 'both', effect: { opacity: 0.5 } }, key)); };
|
|
228
159
|
// `OverflowList` calls this for every VISIBLE crumb (collapsed ancestors go to
|
|
229
160
|
// `renderOverflow` instead), passing the crumb's POSITION. Both the React key
|
|
@@ -238,8 +169,8 @@ var ReqoreBreadcrumbs = function (_a) {
|
|
|
238
169
|
// ancestors collapse, `renderOverflow` emits the "…" group followed by its own
|
|
239
170
|
// trailing "›", so the first visible crumb (position 0, no leading separator)
|
|
240
171
|
// still connects to it.
|
|
241
|
-
var renderItem = function (item, index
|
|
242
|
-
var key = "crumb-".concat(
|
|
172
|
+
var renderItem = function (item, index) {
|
|
173
|
+
var key = "crumb-".concat(index);
|
|
243
174
|
if (item.withTabs) {
|
|
244
175
|
return ((0, jsx_runtime_1.jsxs)(StyledBreadcrumbsTabsWrapper, { children: [index !== 0 && renderArrow("".concat(key, "-arrow")), (0, jsx_runtime_1.jsx)(list_1.default, { tabs: item.withTabs.tabs, onTabChange: item.withTabs.onTabChange, activeTab: item.withTabs.activeTab, activeTabIntent: item.withTabs.activeTabIntent, customTheme: customTheme, flat: flat, size: size })] }, key));
|
|
245
176
|
}
|
|
@@ -249,7 +180,7 @@ var ReqoreBreadcrumbs = function (_a) {
|
|
|
249
180
|
// squeezed down to an unreadable icon + single letter. When even the current
|
|
250
181
|
// page can't fit, `renderOverflow` folds the whole trail into one dropdown
|
|
251
182
|
// labelled with it (see below), so it's always legible somewhere.
|
|
252
|
-
return ((0, jsx_runtime_1.jsxs)(react_1.default.Fragment, { children: [index !== 0 && renderArrow("".concat(key, "-arrow")), (0, jsx_runtime_1.jsx)(item_2.default, __assign({ customTheme: customTheme }, item, { size: size
|
|
183
|
+
return ((0, jsx_runtime_1.jsxs)(react_1.default.Fragment, { children: [index !== 0 && renderArrow("".concat(key, "-arrow")), (0, jsx_runtime_1.jsx)(item_2.default, __assign({ customTheme: customTheme }, item, { size: size }))] }, key));
|
|
253
184
|
};
|
|
254
185
|
// The collapsed crumbs, folded into a dropdown at the start of the trail.
|
|
255
186
|
// Two shapes, because collapse happens from the start (`collapseFrom:'start'`):
|
|
@@ -262,8 +193,7 @@ var ReqoreBreadcrumbs = function (_a) {
|
|
|
262
193
|
// "one button that reads as the current page instead of just …" behaviour,
|
|
263
194
|
// and it guarantees the current page is always legible however tight it gets.
|
|
264
195
|
var renderOverflow = function (overflowItems) {
|
|
265
|
-
var _a, _b, _c
|
|
266
|
-
foldedCount.current = (0, lodash_1.size)(overflowItems);
|
|
196
|
+
var _a, _b, _c;
|
|
267
197
|
if (!(0, lodash_1.size)(overflowItems)) {
|
|
268
198
|
return null;
|
|
269
199
|
}
|
|
@@ -285,7 +215,7 @@ var ReqoreBreadcrumbs = function (_a) {
|
|
|
285
215
|
// collapsed button IS that same solid chip; a minimal leaf stays
|
|
286
216
|
// minimal. Mirrors ReqoreBreadcrumbsItem (minimal + flat defaults,
|
|
287
217
|
// overridden by the item's own active/minimal/flat).
|
|
288
|
-
active: leafItem === null || leafItem === void 0 ? void 0 : leafItem.active, minimal: (_b = leafItem === null || leafItem === void 0 ? void 0 : leafItem.minimal) !== null && _b !== void 0 ? _b : true, flat: (_c = leafItem === null || leafItem === void 0 ? void 0 : leafItem.flat) !== null && _c !== void 0 ? _c : true, raised: leafItem === null || leafItem === void 0 ? void 0 : leafItem.raised, showCaret: false, icon: leafItem === null || leafItem === void 0 ? void 0 : leafItem.icon, rightIcon: 'ArrowDownSLine', intent: leafItem === null || leafItem === void 0 ? void 0 : leafItem.intent, label: leafItem === null || leafItem === void 0 ? void 0 : leafItem.label, badge: leafItem === null || leafItem === void 0 ? void 0 : leafItem.badge,
|
|
218
|
+
active: leafItem === null || leafItem === void 0 ? void 0 : leafItem.active, minimal: (_b = leafItem === null || leafItem === void 0 ? void 0 : leafItem.minimal) !== null && _b !== void 0 ? _b : true, flat: (_c = leafItem === null || leafItem === void 0 ? void 0 : leafItem.flat) !== null && _c !== void 0 ? _c : true, raised: leafItem === null || leafItem === void 0 ? void 0 : leafItem.raised, showCaret: false, icon: leafItem === null || leafItem === void 0 ? void 0 : leafItem.icon, rightIcon: 'ArrowDownSLine', intent: leafItem === null || leafItem === void 0 ? void 0 : leafItem.intent, label: leafItem === null || leafItem === void 0 ? void 0 : leafItem.label, badge: leafItem === null || leafItem === void 0 ? void 0 : leafItem.badge,
|
|
289
219
|
// A floor so the current page always keeps a few readable characters —
|
|
290
220
|
// never just an icon — however tight the bar gets. This can't cause an
|
|
291
221
|
// overlap: the trail is `min-width: 0; overflow: hidden`, so it clips
|
|
@@ -297,14 +227,12 @@ var ReqoreBreadcrumbs = function (_a) {
|
|
|
297
227
|
// separator) connects to it as "… › current page".
|
|
298
228
|
return ((0, jsx_runtime_1.jsxs)(react_1.default.Fragment, { children: [(0, jsx_runtime_1.jsx)(__1.ReqoreDropdown, { handler: 'hoverStay', delay: 500, size: size, customTheme: customTheme, showCaret: false, badge: (0, lodash_1.size)(overflowItems), items: toMenuItems(overflowItems), children: (0, jsx_runtime_1.jsx)(Icon_1.default, { icon: 'MoreLine', effect: { opacity: colors_1.CONTROL_ICON_OPACITY } }) }, 'reqore-breadcrumbs-overflow-menu'), renderArrow('reqore-breadcrumbs-overflow-arrow')] }, 'reqore-breadcrumbs-overflow'));
|
|
299
229
|
};
|
|
300
|
-
return ((0, jsx_runtime_1.jsx)(__1.ReqoreErrorBoundary, __assign({}, errorBoundaryOptions, { children: (0, jsx_runtime_1.jsxs)(StyledReqoreBreadcrumbs, __assign({}, rest, { className: "".concat(rest.className || '', " reqore-breadcrumbs-wrapper"), flat: flat, theme: theme, size: size, responsive: responsive, children: [(0, jsx_runtime_1.jsx)(StyledTrail, {
|
|
301
|
-
// drawn every time, folded crumbs or not, so `foldedCount` is always current
|
|
302
|
-
alwaysRenderOverflow: true, collapseFrom: 'start',
|
|
230
|
+
return ((0, jsx_runtime_1.jsx)(__1.ReqoreErrorBoundary, __assign({}, errorBoundaryOptions, { children: (0, jsx_runtime_1.jsxs)(StyledReqoreBreadcrumbs, __assign({}, rest, { className: "".concat(rest.className || '', " reqore-breadcrumbs-wrapper"), flat: flat, theme: theme, size: size, responsive: responsive, children: [(0, jsx_runtime_1.jsx)(StyledTrail, { className: 'reqore-breadcrumbs-trail', "$color": itemColor, children: responsive ? ((0, jsx_runtime_1.jsx)(react_overflow_list_1.OverflowList, { className: 'reqore-breadcrumbs-overflow-list', items: items, collapseFrom: 'start',
|
|
303
231
|
// 0, not 1: when even the current page can't fit, it must be
|
|
304
232
|
// allowed to collapse too so `renderOverflow` can fold the trail
|
|
305
233
|
// into the single current-page-labelled dropdown. Keeping 1 here is
|
|
306
234
|
// what forced the leaf to stay and shrink to an unreadable stub.
|
|
307
|
-
minVisibleItems: 0, itemRenderer:
|
|
235
|
+
minVisibleItems: 0, itemRenderer: renderItem, overflowRenderer: renderOverflow })) : ((0, jsx_runtime_1.jsx)(StyledStaticTrail, { children: items.map(renderItem) })) }), rightElement && ((0, jsx_runtime_1.jsx)(StyledRight, { className: 'reqore-breadcrumbs-right', children: rightElement }))] })) })));
|
|
308
236
|
};
|
|
309
237
|
exports.default = ReqoreBreadcrumbs;
|
|
310
238
|
var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Breadcrumbs/index.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Breadcrumbs/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,19 +1,9 @@
|
|
|
1
1
|
import { IReqoreBreadcrumbItem } from '.';
|
|
2
2
|
import { TSizes } from '../../constants/sizes';
|
|
3
3
|
import { IReqoreTheme } from '../../constants/theme';
|
|
4
|
-
/** How the trail watches its crumbs' widths: a crumb is observed while it is drawn. */
|
|
5
|
-
export interface IReqoreCrumbSizeObserver {
|
|
6
|
-
observe(element: Element): void;
|
|
7
|
-
unobserve(element: Element): void;
|
|
8
|
-
}
|
|
9
4
|
export interface IReqoreBreadcrumbItemProps extends IReqoreBreadcrumbItem {
|
|
10
5
|
interactive?: boolean;
|
|
11
6
|
size?: TSizes;
|
|
12
|
-
/**
|
|
13
|
-
* Internal: the trail's observer of its crumbs' widths, so it can measure again what fits when a
|
|
14
|
-
* crumb changes width after it was measured.
|
|
15
|
-
*/
|
|
16
|
-
sizeObserver?: IReqoreCrumbSizeObserver;
|
|
17
7
|
}
|
|
18
8
|
export interface IReqoreBreadcrumbItemStyle extends IReqoreBreadcrumbItemProps {
|
|
19
9
|
theme: IReqoreTheme;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"item.d.ts","sourceRoot":"","sources":["../../../src/components/Breadcrumbs/item.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,qBAAqB,EAAE,MAAM,GAAG,CAAC;AAC1C,OAAO,EAAE,MAAM,EAAE,MAAM,uBAAuB,CAAC;AAC/C,OAAO,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAIrD,
|
|
1
|
+
{"version":3,"file":"item.d.ts","sourceRoot":"","sources":["../../../src/components/Breadcrumbs/item.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,qBAAqB,EAAE,MAAM,GAAG,CAAC;AAC1C,OAAO,EAAE,MAAM,EAAE,MAAM,uBAAuB,CAAC;AAC/C,OAAO,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAIrD,MAAM,WAAW,0BAA2B,SAAQ,qBAAqB;IACvE,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,0BAA2B,SAAQ,0BAA0B;IAC5E,KAAK,EAAE,YAAY,CAAC;CACrB;AAED,QAAA,MAAM,qBAAqB,+HAyB1B,CAAC;AAEF,eAAe,qBAAqB,CAAC"}
|
|
@@ -29,35 +29,10 @@ var jsx_runtime_1 = require("react/jsx-runtime");
|
|
|
29
29
|
var react_1 = require("react");
|
|
30
30
|
var useTheme_1 = require("../../hooks/useTheme");
|
|
31
31
|
var Button_1 = __importDefault(require("../Button"));
|
|
32
|
-
var ReqoreBreadcrumbsItem = (0, react_1.forwardRef)(function (
|
|
33
|
-
|
|
34
|
-
_a, ref) {
|
|
35
|
-
var label = _a.label, props = _a.props, as = _a.as, customTheme = _a.customTheme, _interactive = _a.interactive, sizeObserver = _a.sizeObserver, rest = __rest(_a,
|
|
36
|
-
// `interactive` is not a button prop; a button rendered `as` a router link would hand it on.
|
|
37
|
-
["label", "props", "as", "customTheme", "interactive", "sizeObserver"]);
|
|
32
|
+
var ReqoreBreadcrumbsItem = (0, react_1.forwardRef)(function (_a, ref) {
|
|
33
|
+
var label = _a.label, props = _a.props, as = _a.as, customTheme = _a.customTheme, rest = __rest(_a, ["label", "props", "as", "customTheme"]);
|
|
38
34
|
var theme = (0, useTheme_1.useReqoreTheme)('main', customTheme);
|
|
39
|
-
|
|
40
|
-
// The element the crumb is drawn as, handed on to the caller's ref. A button sets its refs after it
|
|
41
|
-
// renders, and never unsets them, so the crumb observes its element in an effect of its own - which
|
|
42
|
-
// runs after the button's, and is undone when the crumb goes.
|
|
43
|
-
var setElement = (0, react_1.useCallback)(function (node) {
|
|
44
|
-
element.current = node;
|
|
45
|
-
if (typeof ref === 'function') {
|
|
46
|
-
ref(node);
|
|
47
|
-
}
|
|
48
|
-
else if (ref) {
|
|
49
|
-
ref.current = node;
|
|
50
|
-
}
|
|
51
|
-
}, [ref]);
|
|
52
|
-
(0, react_1.useEffect)(function () {
|
|
53
|
-
var node = element.current;
|
|
54
|
-
if (!node || !sizeObserver) {
|
|
55
|
-
return undefined;
|
|
56
|
-
}
|
|
57
|
-
sizeObserver.observe(node);
|
|
58
|
-
return function () { return sizeObserver.unobserve(node); };
|
|
59
|
-
}, [sizeObserver]);
|
|
60
|
-
return ((0, jsx_runtime_1.jsx)(Button_1.default, __assign({ as: as, ref: setElement, className: 'reqore-breadcrumbs-item', customTheme: theme, minimal: true, flat: true }, rest, props, { onClick: function (e) {
|
|
35
|
+
return ((0, jsx_runtime_1.jsx)(Button_1.default, __assign({ as: as, ref: ref, className: 'reqore-breadcrumbs-item', customTheme: theme, minimal: true, flat: true }, rest, props, { onClick: function (e) {
|
|
61
36
|
var _a;
|
|
62
37
|
e.persist();
|
|
63
38
|
e.stopPropagation();
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"item.js","sourceRoot":"","sources":["../../../src/components/Breadcrumbs/item.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+
|
|
1
|
+
{"version":3,"file":"item.js","sourceRoot":"","sources":["../../../src/components/Breadcrumbs/item.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+BAAmC;AAInC,iDAAsD;AACtD,qDAAqC;AAWrC,IAAM,qBAAqB,GAAG,IAAA,kBAAU,EACtC,UAAC,EAAsE,EAAE,GAAG;IAAzE,IAAA,KAAK,WAAA,EAAE,KAAK,WAAA,EAAE,EAAE,QAAA,EAAE,WAAW,iBAAA,EAAK,IAAI,cAAxC,uCAA0C,CAAF;IACvC,IAAM,KAAK,GAAG,IAAA,yBAAc,EAAC,MAAM,EAAE,WAAW,CAAC,CAAC;IAElD,OAAO,CACL,uBAAC,gBAAY,aACX,EAAE,EAAE,EAAE,EACN,GAAG,EAAE,GAAG,EACR,SAAS,EAAC,yBAAyB,EACnC,WAAW,EAAE,KAAK,EAClB,OAAO,QACP,IAAI,UACA,IAAI,EACJ,KAAK,IACT,OAAO,EAAE,UAAC,CAAC;;YACT,CAAC,CAAC,OAAO,EAAE,CAAC;YACZ,CAAC,CAAC,eAAe,EAAE,CAAC;YAEpB,MAAA,IAAI,CAAC,OAAO,qDAAG,CAAC,CAAC,CAAC;QACpB,CAAC,YAEA,KAAK,IACO,CAChB,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,kBAAe,qBAAqB,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Bubble/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAQL,KAAK,cAAc,EACnB,KAAK,YAAY,EACjB,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Bubble/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAQL,KAAK,cAAc,EACnB,KAAK,YAAY,EACjB,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AAGf,OAAO,EASL,MAAM,EACP,MAAM,uBAAuB,CAAC;AAM/B,OAAO,EACL,aAAa,EACb,sBAAsB,EACtB,iBAAiB,EACjB,eAAe,EACf,kBAAkB,EAClB,eAAe,EAChB,MAAM,oBAAoB,CAAC;AAC5B,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAEpD,OAAO,EAAE,aAAa,EAA8B,MAAM,WAAW,CAAC;AAQtE,MAAM,MAAM,kBAAkB,GAAG,MAAM,GAAG,OAAO,CAAC;AAClD,MAAM,MAAM,0BAA0B,GAAG,QAAQ,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM,CAAC;AAEhF,MAAM,WAAW,mBAAmB;IAClC,mEAAmE;IACnE,IAAI,CAAC,EAAE,eAAe,CAAC;IACvB,+DAA+D;IAC/D,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;OAGG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB;AAED,MAAM,WAAW,kBACf,SAAQ,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,OAAO,CAAC,EACnD,sBAAsB,EACtB,iBAAiB,EACjB,eAAe,EACf,kBAAkB,EAClB,eAAe,EACf,aAAa;IACf,uEAAuE;IACvE,KAAK,CAAC,EAAE,kBAAkB,CAAC;IAC3B,8DAA8D;IAC9D,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,kEAAkE;IAClE,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;;OAIG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB;;;;OAIG;IACH,aAAa,CAAC,EAAE,0BAA0B,CAAC;IAC3C;;;OAGG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB;;;;;OAKG;IACH,MAAM,CAAC,EAAE,mBAAmB,CAAC;IAC7B,6EAA6E;IAC7E,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,gEAAgE;IAChE,WAAW,CAAC,EAAE,aAAa,CAAC;IAC5B;;;;OAIG;IACH,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,+EAA+E;IAC/E,aAAa,CAAC,EAAE,aAAa,CAAC;IAC9B,sEAAsE;IACtE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,cAAc,CAAC,KAAK,IAAI,CAAC;IAC5D,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AA+CD,eAAO,MAAM,YAAY,KAgExB,CAAC;AAIF,eAAO,MAAM,kBAAkB,KAqB9B,CAAC;AAkBF;;;;;;;;;;;;;;GAcG;AACH,eAAO,MAAM,YAAY,yIAqLxB,CAAC;AAIF,MAAM,WAAW,uBAAwB,SAAQ,cAAc,CAAC,cAAc,CAAC;IAC7E,gEAAgE;IAChE,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,+EAA+E;IAC/E,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAOD;;;;GAIG;AACH,eAAO,MAAM,iBAAiB,GAAI,sCAK/B,uBAAuB,4CA+BzB,CAAC;AAEF,eAAe,YAAY,CAAC"}
|
|
@@ -14,6 +14,39 @@ var __assign = (this && this.__assign) || function () {
|
|
|
14
14
|
};
|
|
15
15
|
return __assign.apply(this, arguments);
|
|
16
16
|
};
|
|
17
|
+
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
18
|
+
if (k2 === undefined) k2 = k;
|
|
19
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
20
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
21
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
22
|
+
}
|
|
23
|
+
Object.defineProperty(o, k2, desc);
|
|
24
|
+
}) : (function(o, m, k, k2) {
|
|
25
|
+
if (k2 === undefined) k2 = k;
|
|
26
|
+
o[k2] = m[k];
|
|
27
|
+
}));
|
|
28
|
+
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
29
|
+
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
30
|
+
}) : function(o, v) {
|
|
31
|
+
o["default"] = v;
|
|
32
|
+
});
|
|
33
|
+
var __importStar = (this && this.__importStar) || (function () {
|
|
34
|
+
var ownKeys = function(o) {
|
|
35
|
+
ownKeys = Object.getOwnPropertyNames || function (o) {
|
|
36
|
+
var ar = [];
|
|
37
|
+
for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
|
|
38
|
+
return ar;
|
|
39
|
+
};
|
|
40
|
+
return ownKeys(o);
|
|
41
|
+
};
|
|
42
|
+
return function (mod) {
|
|
43
|
+
if (mod && mod.__esModule) return mod;
|
|
44
|
+
var result = {};
|
|
45
|
+
if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
|
|
46
|
+
__setModuleDefault(result, mod);
|
|
47
|
+
return result;
|
|
48
|
+
};
|
|
49
|
+
})();
|
|
17
50
|
var __rest = (this && this.__rest) || function (s, e) {
|
|
18
51
|
var t = {};
|
|
19
52
|
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
@@ -33,8 +66,7 @@ exports.ReqoreBubbleGroup = exports.ReqoreBubble = exports.StyledBubbleAvatar =
|
|
|
33
66
|
var jsx_runtime_1 = require("react/jsx-runtime");
|
|
34
67
|
var react_1 = require("react");
|
|
35
68
|
var polished_1 = require("polished");
|
|
36
|
-
var styled_components_1 = require("styled-components");
|
|
37
|
-
var styled_1 = __importDefault(require("../../helpers/styled"));
|
|
69
|
+
var styled_components_1 = __importStar(require("styled-components"));
|
|
38
70
|
var sizes_1 = require("../../constants/sizes");
|
|
39
71
|
var colors_1 = require("../../helpers/colors");
|
|
40
72
|
var utils_1 = require("../../helpers/utils");
|
|
@@ -69,7 +101,7 @@ function groupRadius(position, align, round, tight) {
|
|
|
69
101
|
return "".concat(t, " ").concat(r, " ").concat(r, " ").concat(t);
|
|
70
102
|
return "".concat(t, " ").concat(r, " ").concat(r, " ").concat(r);
|
|
71
103
|
}
|
|
72
|
-
exports.StyledBubble = (0,
|
|
104
|
+
exports.StyledBubble = (0, styled_components_1.default)(Effect_1.StyledEffect)(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n display: block;\n width: fit-content;\n /* Inside a timestamp stack the wrapper carries the cap and the bubble fills it;\n standalone (or directly in the avatar row) the bubble carries it. */\n max-width: ", ";\n /* Standalone, the bubble aligns itself; once wrapped, the wrapper does. */\n margin-left: ", ";\n margin-right: ", ";\n padding: ", ";\n font-size: ", "px;\n line-height: 1.5;\n word-break: break-word;\n cursor: ", ";\n transition: background-color 0.15s ease-out, filter 0.15s ease-out;\n border-radius: ", ";\n\n ", "\n\n ", "\n\n ", "\n"], ["\n display: block;\n width: fit-content;\n /* Inside a timestamp stack the wrapper carries the cap and the bubble fills it;\n standalone (or directly in the avatar row) the bubble carries it. */\n max-width: ", ";\n /* Standalone, the bubble aligns itself; once wrapped, the wrapper does. */\n margin-left: ", ";\n margin-right: ", ";\n padding: ", ";\n font-size: ", "px;\n line-height: 1.5;\n word-break: break-word;\n cursor: ", ";\n transition: background-color 0.15s ease-out, filter 0.15s ease-out;\n border-radius: ", ";\n\n ", "\n\n ", "\n\n ", "\n"])), function (_a) {
|
|
73
105
|
var $stacked = _a.$stacked, $maxWidth = _a.$maxWidth;
|
|
74
106
|
return ($stacked ? '100%' : $maxWidth);
|
|
75
107
|
}, function (_a) {
|
|
@@ -120,7 +152,7 @@ exports.StyledBubble = (0, styled_1.default)(Effect_1.StyledEffect)(templateObje
|
|
|
120
152
|
});
|
|
121
153
|
// The avatar echoes the bubble's own colour at the same strength a `minimal`
|
|
122
154
|
// bubble uses, so the pair reads as one object whatever the bubble is themed to.
|
|
123
|
-
exports.StyledBubbleAvatar =
|
|
155
|
+
exports.StyledBubbleAvatar = styled_components_1.default.div(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n flex: 0 0 auto;\n display: flex;\n align-items: center;\n justify-content: center;\n overflow: hidden;\n width: ", "px;\n height: ", "px;\n border-radius: ", ";\n background-color: ", ";\n color: ", ";\n"], ["\n flex: 0 0 auto;\n display: flex;\n align-items: center;\n justify-content: center;\n overflow: hidden;\n width: ", "px;\n height: ", "px;\n border-radius: ", ";\n background-color: ", ";\n color: ", ";\n"])), function (_a) {
|
|
124
156
|
var $size = _a.$size;
|
|
125
157
|
return sizes_1.SIZE_TO_PX[$size];
|
|
126
158
|
}, function (_a) {
|
|
@@ -138,7 +170,7 @@ exports.StyledBubbleAvatar = styled_1.default.div(templateObject_5 || (templateO
|
|
|
138
170
|
var theme = _a.theme;
|
|
139
171
|
return (0, colors_1.getReadableColor)(theme);
|
|
140
172
|
});
|
|
141
|
-
var StyledBubbleHeader =
|
|
173
|
+
var StyledBubbleHeader = styled_components_1.default.div(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n display: flex;\n align-items: baseline;\n gap: ", "px;\n margin-bottom: 4px;\n"], ["\n display: flex;\n align-items: baseline;\n gap: ", "px;\n margin-bottom: 4px;\n"])), function (_a) {
|
|
142
174
|
var $size = _a.$size;
|
|
143
175
|
return sizes_1.PADDING_FROM_SIZE[$size];
|
|
144
176
|
});
|
|
@@ -146,7 +178,7 @@ var StyledBubbleHeader = styled_1.default.div(templateObject_6 || (templateObjec
|
|
|
146
178
|
// inset so it doesn't sit hard against the bubble's edge, and non-selectable so
|
|
147
179
|
// dragging across the transcript skips the clock. `padding`/`user-select` aren't
|
|
148
180
|
// ReqoreSpan props, which is why this is a styled wrapper rather than props.
|
|
149
|
-
var StyledBubbleTimestamp = (0,
|
|
181
|
+
var StyledBubbleTimestamp = (0, styled_components_1.default)(Span_1.ReqoreSpan)(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n padding: 2px 4px;\n user-select: none;\n"], ["\n padding: 2px 4px;\n user-select: none;\n"])));
|
|
150
182
|
/**
|
|
151
183
|
* A lightweight, themeable chat-style bubble. It sizes to its content (capped
|
|
152
184
|
* by `maxWidth`) and hugs the left or right edge of its container via `align`.
|
|
@@ -213,7 +245,7 @@ exports.ReqoreBubble = (0, react_1.memo)((0, react_1.forwardRef)(function (_a, r
|
|
|
213
245
|
style: rowStyle, horizontalAlign: align === 'right' ? 'flex-end' : 'flex-start', className: 'reqore-bubble-row', children: [align === 'left' && avatarNode, stack, align === 'right' && avatarNode] }));
|
|
214
246
|
}));
|
|
215
247
|
exports.ReqoreBubble.displayName = 'ReqoreBubble';
|
|
216
|
-
var StyledBubbleGroup =
|
|
248
|
+
var StyledBubbleGroup = styled_components_1.default.div(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n display: flex;\n flex-direction: column;\n"], ["\n display: flex;\n flex-direction: column;\n"])));
|
|
217
249
|
/**
|
|
218
250
|
* Lays out a column of `ReqoreBubble`s and assigns each one a `groupPosition`
|
|
219
251
|
* based on consecutive `align` values, so runs of same-side bubbles render as
|