@cloudscape-design/components 3.0.317 → 3.0.319
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/annotation-context/annotation/styles.css.js +24 -24
- package/annotation-context/annotation/styles.scoped.css +30 -30
- package/annotation-context/annotation/styles.selectors.js +24 -24
- package/app-layout/drawer/interfaces.d.ts +0 -7
- package/app-layout/drawer/interfaces.d.ts.map +1 -1
- package/app-layout/drawer/interfaces.js.map +1 -1
- package/app-layout/drawer/resizable-drawer.d.ts.map +1 -1
- package/app-layout/drawer/resizable-drawer.js +3 -3
- package/app-layout/drawer/resizable-drawer.js.map +1 -1
- package/app-layout/index.d.ts.map +1 -1
- package/app-layout/index.js +19 -2
- package/app-layout/index.js.map +1 -1
- package/app-layout/notifications/styles.css.js +3 -3
- package/app-layout/notifications/styles.scoped.css +7 -7
- package/app-layout/notifications/styles.selectors.js +3 -3
- package/app-layout/runtime-api.d.ts +8 -0
- package/app-layout/runtime-api.d.ts.map +1 -0
- package/app-layout/runtime-api.js +35 -0
- package/app-layout/runtime-api.js.map +1 -0
- package/app-layout/styles.css.js +17 -13
- package/app-layout/styles.scoped.css +44 -13
- package/app-layout/styles.selectors.js +17 -13
- package/app-layout/utils/interfaces.d.ts +10 -0
- package/app-layout/utils/interfaces.d.ts.map +1 -0
- package/app-layout/utils/interfaces.js +2 -0
- package/app-layout/utils/interfaces.js.map +1 -0
- package/app-layout/utils/use-drawer-focus-control.d.ts.map +1 -1
- package/app-layout/utils/use-drawer-focus-control.js +8 -3
- package/app-layout/utils/use-drawer-focus-control.js.map +1 -1
- package/app-layout/utils/use-keyboard-events.d.ts +4 -0
- package/app-layout/utils/use-keyboard-events.d.ts.map +1 -0
- package/{split-panel → app-layout}/utils/use-keyboard-events.js +10 -11
- package/app-layout/utils/use-keyboard-events.js.map +1 -0
- package/app-layout/utils/use-pointer-events.d.ts +3 -0
- package/app-layout/utils/use-pointer-events.d.ts.map +1 -0
- package/{split-panel → app-layout}/utils/use-pointer-events.js +15 -8
- package/app-layout/utils/use-pointer-events.js.map +1 -0
- package/app-layout/utils/use-resize.d.ts +16 -0
- package/app-layout/utils/use-resize.d.ts.map +1 -0
- package/app-layout/utils/use-resize.js +84 -0
- package/app-layout/utils/use-resize.js.map +1 -0
- package/app-layout/visual-refresh/context.d.ts +11 -6
- package/app-layout/visual-refresh/context.d.ts.map +1 -1
- package/app-layout/visual-refresh/context.js +26 -7
- package/app-layout/visual-refresh/context.js.map +1 -1
- package/app-layout/visual-refresh/drawers.d.ts +1 -33
- package/app-layout/visual-refresh/drawers.d.ts.map +1 -1
- package/app-layout/visual-refresh/drawers.js +14 -7
- package/app-layout/visual-refresh/drawers.js.map +1 -1
- package/app-layout/visual-refresh/styles.css.js +69 -68
- package/app-layout/visual-refresh/styles.scoped.css +294 -298
- package/app-layout/visual-refresh/styles.selectors.js +69 -68
- package/app-layout/visual-refresh/trigger-button.d.ts.map +1 -1
- package/app-layout/visual-refresh/trigger-button.js +1 -2
- package/app-layout/visual-refresh/trigger-button.js.map +1 -1
- package/area-chart/{model/async-store.d.ts → async-store/index.d.ts} +1 -1
- package/area-chart/async-store/index.d.ts.map +1 -0
- package/area-chart/{model/async-store.js → async-store/index.js} +1 -1
- package/area-chart/async-store/index.js.map +1 -0
- package/area-chart/elements/area-chart-legend.d.ts.map +1 -1
- package/area-chart/elements/area-chart-legend.js +1 -1
- package/area-chart/elements/area-chart-legend.js.map +1 -1
- package/area-chart/elements/data-series.js +1 -1
- package/area-chart/elements/data-series.js.map +1 -1
- package/area-chart/elements/highlighted-point.js +1 -1
- package/area-chart/elements/highlighted-point.js.map +1 -1
- package/area-chart/elements/use-highlight-details.d.ts.map +1 -1
- package/area-chart/elements/use-highlight-details.js +3 -1
- package/area-chart/elements/use-highlight-details.js.map +1 -1
- package/area-chart/elements/vertical-marker.js +1 -1
- package/area-chart/elements/vertical-marker.js.map +1 -1
- package/area-chart/model/index.d.ts +1 -1
- package/area-chart/model/index.d.ts.map +1 -1
- package/area-chart/model/index.js.map +1 -1
- package/area-chart/model/interactions-store.d.ts +1 -1
- package/area-chart/model/interactions-store.d.ts.map +1 -1
- package/area-chart/model/interactions-store.js +1 -1
- package/area-chart/model/interactions-store.js.map +1 -1
- package/area-chart/model/use-chart-model.d.ts.map +1 -1
- package/area-chart/model/use-chart-model.js +1 -1
- package/area-chart/model/use-chart-model.js.map +1 -1
- package/attribute-editor/interfaces.d.ts +1 -1
- package/attribute-editor/interfaces.d.ts.map +1 -1
- package/attribute-editor/interfaces.js.map +1 -1
- package/content-layout/styles.css.js +7 -7
- package/content-layout/styles.scoped.css +13 -13
- package/content-layout/styles.selectors.js +7 -7
- package/expandable-section/expandable-section-header.d.ts.map +1 -1
- package/expandable-section/expandable-section-header.js +10 -10
- package/expandable-section/expandable-section-header.js.map +1 -1
- package/expandable-section/interfaces.d.ts +1 -1
- package/expandable-section/interfaces.js.map +1 -1
- package/expandable-section/styles.css.js +31 -29
- package/expandable-section/styles.scoped.css +56 -51
- package/expandable-section/styles.selectors.js +31 -29
- package/expandable-section/utils.js +1 -1
- package/expandable-section/utils.js.map +1 -1
- package/flashbar/styles.css.js +45 -45
- package/flashbar/styles.scoped.css +169 -169
- package/flashbar/styles.selectors.js +45 -45
- package/internal/environment.js +1 -1
- package/internal/generated/custom-css-properties/index.js +39 -39
- package/internal/generated/custom-css-properties/index.js.map +1 -1
- package/internal/manifest.json +1 -1
- package/internal/plugins/api.d.ts +15 -0
- package/internal/plugins/api.d.ts.map +1 -0
- package/internal/plugins/api.js +50 -0
- package/internal/plugins/api.js.map +1 -0
- package/internal/plugins/drawers-controller.d.ts +22 -0
- package/internal/plugins/drawers-controller.d.ts.map +1 -0
- package/internal/plugins/drawers-controller.js +34 -0
- package/internal/plugins/drawers-controller.js.map +1 -0
- package/internal/plugins/index.d.ts +2 -0
- package/internal/plugins/index.d.ts.map +1 -0
- package/internal/plugins/index.js +4 -0
- package/internal/plugins/index.js.map +1 -0
- package/mixed-line-bar-chart/data-series.d.ts.map +1 -1
- package/mixed-line-bar-chart/data-series.js +8 -2
- package/mixed-line-bar-chart/data-series.js.map +1 -1
- package/package.json +1 -1
- package/split-panel/index.d.ts.map +1 -1
- package/split-panel/index.js +3 -3
- package/split-panel/index.js.map +1 -1
- package/split-panel/interfaces.d.ts +0 -7
- package/split-panel/interfaces.d.ts.map +1 -1
- package/split-panel/interfaces.js.map +1 -1
- package/split-panel/styles.css.js +56 -59
- package/split-panel/styles.scoped.css +77 -93
- package/split-panel/styles.selectors.js +56 -59
- package/table/body-cell/td-element.d.ts +2 -2
- package/table/body-cell/td-element.d.ts.map +1 -1
- package/table/body-cell/td-element.js +2 -2
- package/table/body-cell/td-element.js.map +1 -1
- package/table/column-widths-utils.d.ts +3 -0
- package/table/column-widths-utils.d.ts.map +1 -0
- package/table/column-widths-utils.js +16 -0
- package/table/column-widths-utils.js.map +1 -0
- package/table/header-cell/index.d.ts +3 -3
- package/table/header-cell/index.d.ts.map +1 -1
- package/table/header-cell/index.js +2 -2
- package/table/header-cell/index.js.map +1 -1
- package/table/internal.d.ts.map +1 -1
- package/table/internal.js +15 -10
- package/table/internal.js.map +1 -1
- package/table/resizer/index.d.ts.map +1 -1
- package/table/resizer/index.js +2 -2
- package/table/resizer/index.js.map +1 -1
- package/table/sticky-columns/index.d.ts +2 -0
- package/table/sticky-columns/index.d.ts.map +1 -0
- package/table/sticky-columns/index.js +4 -0
- package/table/sticky-columns/index.js.map +1 -0
- package/table/{use-sticky-columns.d.ts → sticky-columns/use-sticky-columns.d.ts} +7 -9
- package/table/sticky-columns/use-sticky-columns.d.ts.map +1 -0
- package/table/{use-sticky-columns.js → sticky-columns/use-sticky-columns.js} +3 -4
- package/table/sticky-columns/use-sticky-columns.js.map +1 -0
- package/table/sticky-scrollbar/index.d.ts +2 -0
- package/table/sticky-scrollbar/index.d.ts.map +1 -0
- package/table/sticky-scrollbar/index.js +4 -0
- package/table/sticky-scrollbar/index.js.map +1 -0
- package/table/sticky-scrollbar/sticky-scrollbar.d.ts.map +1 -0
- package/table/{sticky-scrollbar.js → sticky-scrollbar/sticky-scrollbar.js} +2 -2
- package/table/sticky-scrollbar/sticky-scrollbar.js.map +1 -0
- package/table/sticky-scrollbar/styles.css.js +9 -0
- package/table/sticky-scrollbar/styles.scoped.css +22 -0
- package/table/sticky-scrollbar/styles.selectors.js +10 -0
- package/table/sticky-scrollbar/use-sticky-scrollbar.d.ts.map +1 -0
- package/table/{use-sticky-scrollbar.js → sticky-scrollbar/use-sticky-scrollbar.js} +3 -3
- package/table/sticky-scrollbar/use-sticky-scrollbar.js.map +1 -0
- package/table/styles.css.js +32 -36
- package/table/styles.scoped.css +40 -59
- package/table/styles.selectors.js +32 -36
- package/table/thead.d.ts +2 -1
- package/table/thead.d.ts.map +1 -1
- package/table/thead.js +4 -4
- package/table/thead.js.map +1 -1
- package/table/use-column-widths.d.ts +10 -8
- package/table/use-column-widths.d.ts.map +1 -1
- package/table/use-column-widths.js +30 -47
- package/table/use-column-widths.js.map +1 -1
- package/table/utils.d.ts +1 -1
- package/table/utils.d.ts.map +1 -1
- package/table/utils.js.map +1 -1
- package/test-utils/dom/app-layout/index.d.ts +1 -1
- package/test-utils/tsconfig.tsbuildinfo +1 -1
- package/wizard/styles.css.js +31 -31
- package/wizard/styles.scoped.css +63 -63
- package/wizard/styles.selectors.js +31 -31
- package/area-chart/model/async-store.d.ts.map +0 -1
- package/area-chart/model/async-store.js.map +0 -1
- package/split-panel/utils/use-keyboard-events.d.ts +0 -4
- package/split-panel/utils/use-keyboard-events.d.ts.map +0 -1
- package/split-panel/utils/use-keyboard-events.js.map +0 -1
- package/split-panel/utils/use-pointer-events.d.ts +0 -3
- package/split-panel/utils/use-pointer-events.d.ts.map +0 -1
- package/split-panel/utils/use-pointer-events.js.map +0 -1
- package/table/sticky-scrollbar.d.ts.map +0 -1
- package/table/sticky-scrollbar.js.map +0 -1
- package/table/use-sticky-columns.d.ts.map +0 -1
- package/table/use-sticky-columns.js.map +0 -1
- package/table/use-sticky-scrollbar.d.ts.map +0 -1
- package/table/use-sticky-scrollbar.js.map +0 -1
- /package/table/{sticky-scrollbar.d.ts → sticky-scrollbar/sticky-scrollbar.d.ts} +0 -0
- /package/table/{use-sticky-scrollbar.d.ts → sticky-scrollbar/use-sticky-scrollbar.d.ts} +0 -0
|
@@ -2,50 +2,50 @@
|
|
|
2
2
|
// es-module interop with Babel and Typescript
|
|
3
3
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
4
4
|
module.exports.default = {
|
|
5
|
-
"flash-with-motion": "awsui_flash-with-
|
|
6
|
-
"enter": "
|
|
7
|
-
"flash-body": "awsui_flash-
|
|
8
|
-
"flash-message": "awsui_flash-
|
|
9
|
-
"flash-header": "awsui_flash-
|
|
10
|
-
"flash-content": "awsui_flash-
|
|
11
|
-
"action-button-wrapper": "awsui_action-button-
|
|
12
|
-
"dismiss-button-wrapper": "awsui_dismiss-button-
|
|
13
|
-
"flash-icon": "awsui_flash-
|
|
14
|
-
"entering": "
|
|
15
|
-
"entered": "
|
|
16
|
-
"exiting": "
|
|
17
|
-
"stack": "
|
|
18
|
-
"animation-running": "awsui_animation-
|
|
19
|
-
"item": "
|
|
20
|
-
"flash-list-item": "awsui_flash-list-
|
|
21
|
-
"notification-bar": "awsui_notification-
|
|
22
|
-
"collapsed": "
|
|
23
|
-
"animation-ready": "awsui_animation-
|
|
24
|
-
"expanded-only": "awsui_expanded-
|
|
25
|
-
"expanded": "
|
|
26
|
-
"flash": "
|
|
27
|
-
"collapsible": "
|
|
28
|
-
"short-list": "awsui_short-
|
|
29
|
-
"visual-refresh": "awsui_visual-
|
|
30
|
-
"status": "
|
|
31
|
-
"header": "
|
|
32
|
-
"item-count": "awsui_item-
|
|
33
|
-
"button": "
|
|
34
|
-
"type-count": "awsui_type-
|
|
35
|
-
"count-number": "awsui_count-
|
|
36
|
-
"icon": "
|
|
37
|
-
"floating": "
|
|
38
|
-
"flashbar": "
|
|
39
|
-
"flash-refresh": "awsui_flash-
|
|
40
|
-
"flash-list": "awsui_flash-
|
|
41
|
-
"flash-focus-container": "awsui_flash-focus-
|
|
42
|
-
"flash-text": "awsui_flash-
|
|
43
|
-
"dismiss-button": "awsui_dismiss-
|
|
44
|
-
"breakpoint-default": "awsui_breakpoint-
|
|
45
|
-
"action-button": "awsui_action-
|
|
46
|
-
"flash-type-success": "awsui_flash-type-
|
|
47
|
-
"flash-type-error": "awsui_flash-type-
|
|
48
|
-
"flash-type-warning": "awsui_flash-type-
|
|
49
|
-
"flash-type-info": "awsui_flash-type-
|
|
5
|
+
"flash-with-motion": "awsui_flash-with-motion_1q84n_cyh2o_93",
|
|
6
|
+
"enter": "awsui_enter_1q84n_cyh2o_93",
|
|
7
|
+
"flash-body": "awsui_flash-body_1q84n_cyh2o_107",
|
|
8
|
+
"flash-message": "awsui_flash-message_1q84n_cyh2o_107",
|
|
9
|
+
"flash-header": "awsui_flash-header_1q84n_cyh2o_107",
|
|
10
|
+
"flash-content": "awsui_flash-content_1q84n_cyh2o_108",
|
|
11
|
+
"action-button-wrapper": "awsui_action-button-wrapper_1q84n_cyh2o_109",
|
|
12
|
+
"dismiss-button-wrapper": "awsui_dismiss-button-wrapper_1q84n_cyh2o_110",
|
|
13
|
+
"flash-icon": "awsui_flash-icon_1q84n_cyh2o_133",
|
|
14
|
+
"entering": "awsui_entering_1q84n_cyh2o_146",
|
|
15
|
+
"entered": "awsui_entered_1q84n_cyh2o_167",
|
|
16
|
+
"exiting": "awsui_exiting_1q84n_cyh2o_272",
|
|
17
|
+
"stack": "awsui_stack_1q84n_cyh2o_294",
|
|
18
|
+
"animation-running": "awsui_animation-running_1q84n_cyh2o_294",
|
|
19
|
+
"item": "awsui_item_1q84n_cyh2o_294",
|
|
20
|
+
"flash-list-item": "awsui_flash-list-item_1q84n_cyh2o_295",
|
|
21
|
+
"notification-bar": "awsui_notification-bar_1q84n_cyh2o_296",
|
|
22
|
+
"collapsed": "awsui_collapsed_1q84n_cyh2o_316",
|
|
23
|
+
"animation-ready": "awsui_animation-ready_1q84n_cyh2o_316",
|
|
24
|
+
"expanded-only": "awsui_expanded-only_1q84n_cyh2o_316",
|
|
25
|
+
"expanded": "awsui_expanded_1q84n_cyh2o_316",
|
|
26
|
+
"flash": "awsui_flash_1q84n_cyh2o_93",
|
|
27
|
+
"collapsible": "awsui_collapsible_1q84n_cyh2o_380",
|
|
28
|
+
"short-list": "awsui_short-list_1q84n_cyh2o_386",
|
|
29
|
+
"visual-refresh": "awsui_visual-refresh_1q84n_cyh2o_386",
|
|
30
|
+
"status": "awsui_status_1q84n_cyh2o_603",
|
|
31
|
+
"header": "awsui_header_1q84n_cyh2o_603",
|
|
32
|
+
"item-count": "awsui_item-count_1q84n_cyh2o_604",
|
|
33
|
+
"button": "awsui_button_1q84n_cyh2o_605",
|
|
34
|
+
"type-count": "awsui_type-count_1q84n_cyh2o_640",
|
|
35
|
+
"count-number": "awsui_count-number_1q84n_cyh2o_640",
|
|
36
|
+
"icon": "awsui_icon_1q84n_cyh2o_674",
|
|
37
|
+
"floating": "awsui_floating_1q84n_cyh2o_712",
|
|
38
|
+
"flashbar": "awsui_flashbar_1q84n_cyh2o_720",
|
|
39
|
+
"flash-refresh": "awsui_flash-refresh_1q84n_cyh2o_766",
|
|
40
|
+
"flash-list": "awsui_flash-list_1q84n_cyh2o_295",
|
|
41
|
+
"flash-focus-container": "awsui_flash-focus-container_1q84n_cyh2o_785",
|
|
42
|
+
"flash-text": "awsui_flash-text_1q84n_cyh2o_812",
|
|
43
|
+
"dismiss-button": "awsui_dismiss-button_1q84n_cyh2o_110",
|
|
44
|
+
"breakpoint-default": "awsui_breakpoint-default_1q84n_cyh2o_853",
|
|
45
|
+
"action-button": "awsui_action-button_1q84n_cyh2o_109",
|
|
46
|
+
"flash-type-success": "awsui_flash-type-success_1q84n_cyh2o_866",
|
|
47
|
+
"flash-type-error": "awsui_flash-type-error_1q84n_cyh2o_870",
|
|
48
|
+
"flash-type-warning": "awsui_flash-type-warning_1q84n_cyh2o_874",
|
|
49
|
+
"flash-type-info": "awsui_flash-type-info_1q84n_cyh2o_878"
|
|
50
50
|
};
|
|
51
51
|
|
package/internal/environment.js
CHANGED
|
@@ -1,43 +1,43 @@
|
|
|
1
1
|
const customCSSPropertiesMap = {
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
footerHeight: '--awsui-footer-height-
|
|
12
|
-
headerGap: '--awsui-header-gap-
|
|
13
|
-
headerHeight: '--awsui-header-height-
|
|
14
|
-
layoutWidth: '--awsui-layout-width-
|
|
15
|
-
mainGap: '--awsui-main-gap-
|
|
16
|
-
mainOffsetLeft: '--awsui-main-offset-left-
|
|
17
|
-
mainTemplateRows: '--awsui-main-template-rows-
|
|
18
|
-
maxContentWidth: '--awsui-max-content-width-
|
|
19
|
-
minContentWidth: '--awsui-min-content-width-
|
|
20
|
-
mobileBarHeight: '--awsui-mobile-bar-height-
|
|
21
|
-
notificationsGap: '--awsui-notifications-gap-
|
|
22
|
-
notificationsHeight: '--awsui-notifications-height-
|
|
23
|
-
offsetTop: '--awsui-offset-top-
|
|
24
|
-
offsetTopWithNotifications: '--awsui-offset-top-with-notifications-
|
|
25
|
-
overlapHeight: '--awsui-overlap-height-
|
|
26
|
-
navigationWidth: '--awsui-navigation-width-
|
|
27
|
-
splitPanelReportedHeaderSize: '--awsui-split-panel-reported-header-size-
|
|
28
|
-
splitPanelReportedSize: '--awsui-split-panel-reported-size-
|
|
29
|
-
splitPanelHeight: '--awsui-split-panel-height-
|
|
30
|
-
splitPanelMinWidth: '--awsui-split-panel-min-width-
|
|
31
|
-
splitPanelMaxWidth: '--awsui-split-panel-max-width-
|
|
32
|
-
toolsMaxWidth: '--awsui-tools-max-width-
|
|
33
|
-
toolsWidth: '--awsui-tools-width-
|
|
34
|
-
toolsAnimationStartingOpacity: '--awsui-tools-animation-starting-opacity-
|
|
35
|
-
contentScrollMargin: '--awsui-content-scroll-margin-
|
|
36
|
-
flashbarStackDepth: '--awsui-flashbar-stack-depth-
|
|
37
|
-
flashbarStackIndex: '--awsui-flashbar-stack-index-
|
|
38
|
-
flashbarStickyBottomMargin: '--awsui-flashbar-sticky-bottom-margin-
|
|
39
|
-
stackedNotificationsBottomMargin: '--awsui-stacked-notifications-bottom-margin-
|
|
40
|
-
stackedNotificationsDefaultBottomMargin: '--awsui-stacked-notifications-default-bottom-margin-
|
|
2
|
+
breadcrumbsGap: '--awsui-breadcrumbs-gap-zw2xxa',
|
|
3
|
+
contentGapLeft: '--awsui-content-gap-left-zw2xxa',
|
|
4
|
+
contentGapRight: '--awsui-content-gap-right-zw2xxa',
|
|
5
|
+
contentHeight: '--awsui-content-height-zw2xxa',
|
|
6
|
+
containerFirstGap: '--awsui-container-first-gap-zw2xxa',
|
|
7
|
+
containerFirstOverlapExtension: '--awsui-container-first-overlap-extension-zw2xxa',
|
|
8
|
+
defaultMaxContentWidth: '--awsui-default-max-content-width-zw2xxa',
|
|
9
|
+
defaultMinContentWidth: '--awsui-default-min-content-width-zw2xxa',
|
|
10
|
+
drawerSize: '--awsui-drawer-size-zw2xxa',
|
|
11
|
+
footerHeight: '--awsui-footer-height-zw2xxa',
|
|
12
|
+
headerGap: '--awsui-header-gap-zw2xxa',
|
|
13
|
+
headerHeight: '--awsui-header-height-zw2xxa',
|
|
14
|
+
layoutWidth: '--awsui-layout-width-zw2xxa',
|
|
15
|
+
mainGap: '--awsui-main-gap-zw2xxa',
|
|
16
|
+
mainOffsetLeft: '--awsui-main-offset-left-zw2xxa',
|
|
17
|
+
mainTemplateRows: '--awsui-main-template-rows-zw2xxa',
|
|
18
|
+
maxContentWidth: '--awsui-max-content-width-zw2xxa',
|
|
19
|
+
minContentWidth: '--awsui-min-content-width-zw2xxa',
|
|
20
|
+
mobileBarHeight: '--awsui-mobile-bar-height-zw2xxa',
|
|
21
|
+
notificationsGap: '--awsui-notifications-gap-zw2xxa',
|
|
22
|
+
notificationsHeight: '--awsui-notifications-height-zw2xxa',
|
|
23
|
+
offsetTop: '--awsui-offset-top-zw2xxa',
|
|
24
|
+
offsetTopWithNotifications: '--awsui-offset-top-with-notifications-zw2xxa',
|
|
25
|
+
overlapHeight: '--awsui-overlap-height-zw2xxa',
|
|
26
|
+
navigationWidth: '--awsui-navigation-width-zw2xxa',
|
|
27
|
+
splitPanelReportedHeaderSize: '--awsui-split-panel-reported-header-size-zw2xxa',
|
|
28
|
+
splitPanelReportedSize: '--awsui-split-panel-reported-size-zw2xxa',
|
|
29
|
+
splitPanelHeight: '--awsui-split-panel-height-zw2xxa',
|
|
30
|
+
splitPanelMinWidth: '--awsui-split-panel-min-width-zw2xxa',
|
|
31
|
+
splitPanelMaxWidth: '--awsui-split-panel-max-width-zw2xxa',
|
|
32
|
+
toolsMaxWidth: '--awsui-tools-max-width-zw2xxa',
|
|
33
|
+
toolsWidth: '--awsui-tools-width-zw2xxa',
|
|
34
|
+
toolsAnimationStartingOpacity: '--awsui-tools-animation-starting-opacity-zw2xxa',
|
|
35
|
+
contentScrollMargin: '--awsui-content-scroll-margin-zw2xxa',
|
|
36
|
+
flashbarStackDepth: '--awsui-flashbar-stack-depth-zw2xxa',
|
|
37
|
+
flashbarStackIndex: '--awsui-flashbar-stack-index-zw2xxa',
|
|
38
|
+
flashbarStickyBottomMargin: '--awsui-flashbar-sticky-bottom-margin-zw2xxa',
|
|
39
|
+
stackedNotificationsBottomMargin: '--awsui-stacked-notifications-bottom-margin-zw2xxa',
|
|
40
|
+
stackedNotificationsDefaultBottomMargin: '--awsui-stacked-notifications-default-bottom-margin-zw2xxa',
|
|
41
41
|
};
|
|
42
42
|
export default customCSSPropertiesMap;
|
|
43
43
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"lib/default/","sources":["internal/generated/custom-css-properties/index.ts"],"names":[],"mappings":"AAAA,MAAM,sBAAsB,GAA2B;IACrD,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"lib/default/","sources":["internal/generated/custom-css-properties/index.ts"],"names":[],"mappings":"AAAA,MAAM,sBAAsB,GAA2B;IACrD,cAAc,EAAE,gCAAgC;IAChD,cAAc,EAAE,iCAAiC;IACjD,eAAe,EAAE,kCAAkC;IACnD,aAAa,EAAE,+BAA+B;IAC9C,iBAAiB,EAAE,oCAAoC;IACvD,8BAA8B,EAAE,kDAAkD;IAClF,sBAAsB,EAAE,0CAA0C;IAClE,sBAAsB,EAAE,0CAA0C;IAClE,UAAU,EAAE,4BAA4B;IACxC,YAAY,EAAE,8BAA8B;IAC5C,SAAS,EAAE,2BAA2B;IACtC,YAAY,EAAE,8BAA8B;IAC5C,WAAW,EAAE,6BAA6B;IAC1C,OAAO,EAAE,yBAAyB;IAClC,cAAc,EAAE,iCAAiC;IACjD,gBAAgB,EAAE,mCAAmC;IACrD,eAAe,EAAE,kCAAkC;IACnD,eAAe,EAAE,kCAAkC;IACnD,eAAe,EAAE,kCAAkC;IACnD,gBAAgB,EAAE,kCAAkC;IACpD,mBAAmB,EAAE,qCAAqC;IAC1D,SAAS,EAAE,2BAA2B;IACtC,0BAA0B,EAAE,8CAA8C;IAC1E,aAAa,EAAE,+BAA+B;IAC9C,eAAe,EAAE,iCAAiC;IAClD,4BAA4B,EAAE,iDAAiD;IAC/E,sBAAsB,EAAE,0CAA0C;IAClE,gBAAgB,EAAE,mCAAmC;IACrD,kBAAkB,EAAE,sCAAsC;IAC1D,kBAAkB,EAAE,sCAAsC;IAC1D,aAAa,EAAE,gCAAgC;IAC/C,UAAU,EAAE,4BAA4B;IACxC,6BAA6B,EAAE,iDAAiD;IAChF,mBAAmB,EAAE,sCAAsC;IAC3D,kBAAkB,EAAE,qCAAqC;IACzD,kBAAkB,EAAE,qCAAqC;IACzD,0BAA0B,EAAE,8CAA8C;IAC1E,gCAAgC,EAAE,oDAAoD;IACtF,uCAAuC,EAAE,4DAA4D;CACtG,CAAC;AACF,eAAe,sBAAsB,CAAC","sourcesContent":["const customCSSPropertiesMap: Record<string, string> = {\n breadcrumbsGap: '--awsui-breadcrumbs-gap-zw2xxa',\n contentGapLeft: '--awsui-content-gap-left-zw2xxa',\n contentGapRight: '--awsui-content-gap-right-zw2xxa',\n contentHeight: '--awsui-content-height-zw2xxa',\n containerFirstGap: '--awsui-container-first-gap-zw2xxa',\n containerFirstOverlapExtension: '--awsui-container-first-overlap-extension-zw2xxa',\n defaultMaxContentWidth: '--awsui-default-max-content-width-zw2xxa',\n defaultMinContentWidth: '--awsui-default-min-content-width-zw2xxa',\n drawerSize: '--awsui-drawer-size-zw2xxa',\n footerHeight: '--awsui-footer-height-zw2xxa',\n headerGap: '--awsui-header-gap-zw2xxa',\n headerHeight: '--awsui-header-height-zw2xxa',\n layoutWidth: '--awsui-layout-width-zw2xxa',\n mainGap: '--awsui-main-gap-zw2xxa',\n mainOffsetLeft: '--awsui-main-offset-left-zw2xxa',\n mainTemplateRows: '--awsui-main-template-rows-zw2xxa',\n maxContentWidth: '--awsui-max-content-width-zw2xxa',\n minContentWidth: '--awsui-min-content-width-zw2xxa',\n mobileBarHeight: '--awsui-mobile-bar-height-zw2xxa',\n notificationsGap: '--awsui-notifications-gap-zw2xxa',\n notificationsHeight: '--awsui-notifications-height-zw2xxa',\n offsetTop: '--awsui-offset-top-zw2xxa',\n offsetTopWithNotifications: '--awsui-offset-top-with-notifications-zw2xxa',\n overlapHeight: '--awsui-overlap-height-zw2xxa',\n navigationWidth: '--awsui-navigation-width-zw2xxa',\n splitPanelReportedHeaderSize: '--awsui-split-panel-reported-header-size-zw2xxa',\n splitPanelReportedSize: '--awsui-split-panel-reported-size-zw2xxa',\n splitPanelHeight: '--awsui-split-panel-height-zw2xxa',\n splitPanelMinWidth: '--awsui-split-panel-min-width-zw2xxa',\n splitPanelMaxWidth: '--awsui-split-panel-max-width-zw2xxa',\n toolsMaxWidth: '--awsui-tools-max-width-zw2xxa',\n toolsWidth: '--awsui-tools-width-zw2xxa',\n toolsAnimationStartingOpacity: '--awsui-tools-animation-starting-opacity-zw2xxa',\n contentScrollMargin: '--awsui-content-scroll-margin-zw2xxa',\n flashbarStackDepth: '--awsui-flashbar-stack-depth-zw2xxa',\n flashbarStackIndex: '--awsui-flashbar-stack-index-zw2xxa',\n flashbarStickyBottomMargin: '--awsui-flashbar-sticky-bottom-margin-zw2xxa',\n stackedNotificationsBottomMargin: '--awsui-stacked-notifications-bottom-margin-zw2xxa',\n stackedNotificationsDefaultBottomMargin: '--awsui-stacked-notifications-default-bottom-margin-zw2xxa',\n};\nexport default customCSSPropertiesMap;\n"]}
|
package/internal/manifest.json
CHANGED
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import { DrawerConfig, DrawersRegistrationListener } from './drawers-controller';
|
|
2
|
+
interface AwsuiPluginApiPublic {
|
|
3
|
+
appLayout: {
|
|
4
|
+
registerDrawer(config: DrawerConfig): void;
|
|
5
|
+
};
|
|
6
|
+
}
|
|
7
|
+
interface AwsuiPluginApiInternal {
|
|
8
|
+
appLayout: {
|
|
9
|
+
clearRegisteredDrawers(): void;
|
|
10
|
+
onDrawersRegistered(listener: DrawersRegistrationListener): () => void;
|
|
11
|
+
};
|
|
12
|
+
}
|
|
13
|
+
export declare const awsuiPlugins: AwsuiPluginApiPublic, awsuiPluginsInternal: AwsuiPluginApiInternal;
|
|
14
|
+
export {};
|
|
15
|
+
//# sourceMappingURL=api.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"api.d.ts","sourceRoot":"lib/default/","sources":["internal/plugins/api.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,YAAY,EAAqB,2BAA2B,EAAE,MAAM,sBAAsB,CAAC;AAIpG,UAAU,oBAAoB;IAC5B,SAAS,EAAE;QACT,cAAc,CAAC,MAAM,EAAE,YAAY,GAAG,IAAI,CAAC;KAC5C,CAAC;CACH;AACD,UAAU,sBAAsB;IAC9B,SAAS,EAAE;QACT,sBAAsB,IAAI,IAAI,CAAC;QAC/B,mBAAmB,CAAC,QAAQ,EAAE,2BAA2B,GAAG,MAAM,IAAI,CAAC;KACxE,CAAC;CACH;AA0CD,eAAO,MAAQ,YAAY,wBAAE,oBAAoB,wBAAc,CAAC"}
|
|
@@ -0,0 +1,50 @@
|
|
|
1
|
+
// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
2
|
+
// SPDX-License-Identifier: Apache-2.0
|
|
3
|
+
import { DrawersController } from './drawers-controller';
|
|
4
|
+
const storageKey = Symbol.for('awsui-plugin-api');
|
|
5
|
+
function findUpApi(currentWindow) {
|
|
6
|
+
try {
|
|
7
|
+
if (currentWindow === null || currentWindow === void 0 ? void 0 : currentWindow[storageKey]) {
|
|
8
|
+
return currentWindow[storageKey];
|
|
9
|
+
}
|
|
10
|
+
if (!currentWindow || currentWindow.parent === currentWindow) {
|
|
11
|
+
// When the window has no more parents, it references itself
|
|
12
|
+
return undefined;
|
|
13
|
+
}
|
|
14
|
+
return findUpApi(currentWindow.parent);
|
|
15
|
+
}
|
|
16
|
+
catch (ex) {
|
|
17
|
+
// Most likely a cross-origin access error
|
|
18
|
+
return undefined;
|
|
19
|
+
}
|
|
20
|
+
}
|
|
21
|
+
function loadApi() {
|
|
22
|
+
if (typeof window === 'undefined') {
|
|
23
|
+
return createApi();
|
|
24
|
+
}
|
|
25
|
+
const win = window;
|
|
26
|
+
const api = findUpApi(win);
|
|
27
|
+
if (api) {
|
|
28
|
+
return api;
|
|
29
|
+
}
|
|
30
|
+
win[storageKey] = createApi();
|
|
31
|
+
return win[storageKey];
|
|
32
|
+
}
|
|
33
|
+
export const { awsuiPlugins, awsuiPluginsInternal } = loadApi();
|
|
34
|
+
function createApi() {
|
|
35
|
+
const drawers = new DrawersController();
|
|
36
|
+
return {
|
|
37
|
+
awsuiPlugins: {
|
|
38
|
+
appLayout: {
|
|
39
|
+
registerDrawer: drawers.registerDrawer,
|
|
40
|
+
},
|
|
41
|
+
},
|
|
42
|
+
awsuiPluginsInternal: {
|
|
43
|
+
appLayout: {
|
|
44
|
+
clearRegisteredDrawers: drawers.clearRegisteredDrawers,
|
|
45
|
+
onDrawersRegistered: drawers.onDrawersRegistered,
|
|
46
|
+
},
|
|
47
|
+
},
|
|
48
|
+
};
|
|
49
|
+
}
|
|
50
|
+
//# sourceMappingURL=api.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"api.js","sourceRoot":"lib/default/","sources":["internal/plugins/api.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,EAAgB,iBAAiB,EAA+B,MAAM,sBAAsB,CAAC;AAEpG,MAAM,UAAU,GAAG,MAAM,CAAC,GAAG,CAAC,kBAAkB,CAAC,CAAC;AAuBlD,SAAS,SAAS,CAAC,aAA4B;IAC7C,IAAI;QACF,IAAI,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAG,UAAU,CAAC,EAAE;YAC/B,OAAO,aAAa,CAAC,UAAU,CAAC,CAAC;SAClC;QAED,IAAI,CAAC,aAAa,IAAI,aAAa,CAAC,MAAM,KAAK,aAAa,EAAE;YAC5D,4DAA4D;YAC5D,OAAO,SAAS,CAAC;SAClB;QAED,OAAO,SAAS,CAAC,aAAa,CAAC,MAAuB,CAAC,CAAC;KACzD;IAAC,OAAO,EAAE,EAAE;QACX,0CAA0C;QAC1C,OAAO,SAAS,CAAC;KAClB;AACH,CAAC;AAED,SAAS,OAAO;IACd,IAAI,OAAO,MAAM,KAAK,WAAW,EAAE;QACjC,OAAO,SAAS,EAAE,CAAC;KACpB;IACD,MAAM,GAAG,GAAG,MAAkC,CAAC;IAC/C,MAAM,GAAG,GAAG,SAAS,CAAC,GAAG,CAAC,CAAC;IAC3B,IAAI,GAAG,EAAE;QACP,OAAO,GAAG,CAAC;KACZ;IACD,GAAG,CAAC,UAAU,CAAC,GAAG,SAAS,EAAE,CAAC;IAC9B,OAAO,GAAG,CAAC,UAAU,CAAC,CAAC;AACzB,CAAC;AAED,MAAM,CAAC,MAAM,EAAE,YAAY,EAAE,oBAAoB,EAAE,GAAG,OAAO,EAAE,CAAC;AAEhE,SAAS,SAAS;IAChB,MAAM,OAAO,GAAG,IAAI,iBAAiB,EAAE,CAAC;IAExC,OAAO;QACL,YAAY,EAAE;YACZ,SAAS,EAAE;gBACT,cAAc,EAAE,OAAO,CAAC,cAAc;aACvC;SACF;QACD,oBAAoB,EAAE;YACpB,SAAS,EAAE;gBACT,sBAAsB,EAAE,OAAO,CAAC,sBAAsB;gBACtD,mBAAmB,EAAE,OAAO,CAAC,mBAAmB;aACjD;SACF;KACF,CAAC;AACJ,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport { DrawerConfig, DrawersController, DrawersRegistrationListener } from './drawers-controller';\n\nconst storageKey = Symbol.for('awsui-plugin-api');\n\ninterface AwsuiPluginApiPublic {\n appLayout: {\n registerDrawer(config: DrawerConfig): void;\n };\n}\ninterface AwsuiPluginApiInternal {\n appLayout: {\n clearRegisteredDrawers(): void;\n onDrawersRegistered(listener: DrawersRegistrationListener): () => void;\n };\n}\n\ninterface AwsuiApi {\n awsuiPlugins: AwsuiPluginApiPublic;\n awsuiPluginsInternal: AwsuiPluginApiInternal;\n}\n\ninterface WindowWithApi extends Window {\n [storageKey]: AwsuiApi;\n}\n\nfunction findUpApi(currentWindow: WindowWithApi): AwsuiApi | undefined {\n try {\n if (currentWindow?.[storageKey]) {\n return currentWindow[storageKey];\n }\n\n if (!currentWindow || currentWindow.parent === currentWindow) {\n // When the window has no more parents, it references itself\n return undefined;\n }\n\n return findUpApi(currentWindow.parent as WindowWithApi);\n } catch (ex) {\n // Most likely a cross-origin access error\n return undefined;\n }\n}\n\nfunction loadApi() {\n if (typeof window === 'undefined') {\n return createApi();\n }\n const win = window as unknown as WindowWithApi;\n const api = findUpApi(win);\n if (api) {\n return api;\n }\n win[storageKey] = createApi();\n return win[storageKey];\n}\n\nexport const { awsuiPlugins, awsuiPluginsInternal } = loadApi();\n\nfunction createApi(): AwsuiApi {\n const drawers = new DrawersController();\n\n return {\n awsuiPlugins: {\n appLayout: {\n registerDrawer: drawers.registerDrawer,\n },\n },\n awsuiPluginsInternal: {\n appLayout: {\n clearRegisteredDrawers: drawers.clearRegisteredDrawers,\n onDrawersRegistered: drawers.onDrawersRegistered,\n },\n },\n };\n}\n"]}
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
import { DrawerItem } from '../../app-layout/drawer/interfaces';
|
|
2
|
+
import { IconProps } from '../../icon/interfaces';
|
|
3
|
+
export type DrawerConfig = Omit<DrawerItem, 'content'> & {
|
|
4
|
+
orderPriority?: number;
|
|
5
|
+
trigger: {
|
|
6
|
+
iconName?: IconProps.Name;
|
|
7
|
+
iconSvg?: string;
|
|
8
|
+
};
|
|
9
|
+
mountContent: (container: HTMLElement) => void;
|
|
10
|
+
unmountContent: (container: HTMLElement) => void;
|
|
11
|
+
};
|
|
12
|
+
export type DrawersRegistrationListener = (drawers: Array<DrawerConfig>) => void;
|
|
13
|
+
export declare class DrawersController {
|
|
14
|
+
private drawers;
|
|
15
|
+
private drawersRegistrationListener;
|
|
16
|
+
private updateTimeout;
|
|
17
|
+
private scheduleUpdate;
|
|
18
|
+
registerDrawer: (config: DrawerConfig) => void;
|
|
19
|
+
onDrawersRegistered: (listener: DrawersRegistrationListener) => () => void;
|
|
20
|
+
clearRegisteredDrawers: () => void;
|
|
21
|
+
}
|
|
22
|
+
//# sourceMappingURL=drawers-controller.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"drawers-controller.d.ts","sourceRoot":"lib/default/","sources":["internal/plugins/drawers-controller.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,UAAU,EAAE,MAAM,oCAAoC,CAAC;AAChE,OAAO,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAElD,MAAM,MAAM,YAAY,GAAG,IAAI,CAAC,UAAU,EAAE,SAAS,CAAC,GAAG;IACvD,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,OAAO,EAAE;QACP,QAAQ,CAAC,EAAE,SAAS,CAAC,IAAI,CAAC;QAC1B,OAAO,CAAC,EAAE,MAAM,CAAC;KAClB,CAAC;IACF,YAAY,EAAE,CAAC,SAAS,EAAE,WAAW,KAAK,IAAI,CAAC;IAC/C,cAAc,EAAE,CAAC,SAAS,EAAE,WAAW,KAAK,IAAI,CAAC;CAClD,CAAC;AACF,MAAM,MAAM,2BAA2B,GAAG,CAAC,OAAO,EAAE,KAAK,CAAC,YAAY,CAAC,KAAK,IAAI,CAAC;AAEjF,qBAAa,iBAAiB;IAC5B,OAAO,CAAC,OAAO,CAA2B;IAC1C,OAAO,CAAC,2BAA2B,CAA4C;IAC/E,OAAO,CAAC,aAAa,CAA8C;IAEnE,OAAO,CAAC,cAAc;IAStB,cAAc,WAAY,YAAY,UAGpC;IAEF,mBAAmB,aAAc,2BAA2B,gBAS1D;IAEF,sBAAsB,aAEpB;CACH"}
|
|
@@ -0,0 +1,34 @@
|
|
|
1
|
+
export class DrawersController {
|
|
2
|
+
constructor() {
|
|
3
|
+
this.drawers = [];
|
|
4
|
+
this.drawersRegistrationListener = null;
|
|
5
|
+
this.updateTimeout = null;
|
|
6
|
+
this.registerDrawer = (config) => {
|
|
7
|
+
this.drawers = this.drawers.concat(config);
|
|
8
|
+
this.scheduleUpdate();
|
|
9
|
+
};
|
|
10
|
+
this.onDrawersRegistered = (listener) => {
|
|
11
|
+
if (this.drawersRegistrationListener !== null) {
|
|
12
|
+
console.warn('[AwsUi] [runtime plugins] multiple app layout instances detected');
|
|
13
|
+
}
|
|
14
|
+
this.drawersRegistrationListener = listener;
|
|
15
|
+
this.scheduleUpdate();
|
|
16
|
+
return () => {
|
|
17
|
+
this.drawersRegistrationListener = null;
|
|
18
|
+
};
|
|
19
|
+
};
|
|
20
|
+
this.clearRegisteredDrawers = () => {
|
|
21
|
+
this.drawers = [];
|
|
22
|
+
};
|
|
23
|
+
}
|
|
24
|
+
scheduleUpdate() {
|
|
25
|
+
if (this.updateTimeout) {
|
|
26
|
+
clearTimeout(this.updateTimeout);
|
|
27
|
+
}
|
|
28
|
+
this.updateTimeout = setTimeout(() => {
|
|
29
|
+
var _a;
|
|
30
|
+
(_a = this.drawersRegistrationListener) === null || _a === void 0 ? void 0 : _a.call(this, this.drawers);
|
|
31
|
+
});
|
|
32
|
+
}
|
|
33
|
+
}
|
|
34
|
+
//# sourceMappingURL=drawers-controller.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"drawers-controller.js","sourceRoot":"lib/default/","sources":["internal/plugins/drawers-controller.ts"],"names":[],"mappings":"AAgBA,MAAM,OAAO,iBAAiB;IAA9B;QACU,YAAO,GAAwB,EAAE,CAAC;QAClC,gCAA2B,GAAuC,IAAI,CAAC;QACvE,kBAAa,GAAyC,IAAI,CAAC;QAWnE,mBAAc,GAAG,CAAC,MAAoB,EAAE,EAAE;YACxC,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC,OAAO,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC;YAC3C,IAAI,CAAC,cAAc,EAAE,CAAC;QACxB,CAAC,CAAC;QAEF,wBAAmB,GAAG,CAAC,QAAqC,EAAE,EAAE;YAC9D,IAAI,IAAI,CAAC,2BAA2B,KAAK,IAAI,EAAE;gBAC7C,OAAO,CAAC,IAAI,CAAC,kEAAkE,CAAC,CAAC;aAClF;YACD,IAAI,CAAC,2BAA2B,GAAG,QAAQ,CAAC;YAC5C,IAAI,CAAC,cAAc,EAAE,CAAC;YACtB,OAAO,GAAG,EAAE;gBACV,IAAI,CAAC,2BAA2B,GAAG,IAAI,CAAC;YAC1C,CAAC,CAAC;QACJ,CAAC,CAAC;QAEF,2BAAsB,GAAG,GAAG,EAAE;YAC5B,IAAI,CAAC,OAAO,GAAG,EAAE,CAAC;QACpB,CAAC,CAAC;IACJ,CAAC;IA5BS,cAAc;QACpB,IAAI,IAAI,CAAC,aAAa,EAAE;YACtB,YAAY,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC;SAClC;QACD,IAAI,CAAC,aAAa,GAAG,UAAU,CAAC,GAAG,EAAE;;YACnC,MAAA,IAAI,CAAC,2BAA2B,qDAAG,IAAI,CAAC,OAAO,CAAC,CAAC;QACnD,CAAC,CAAC,CAAC;IACL,CAAC;CAqBF","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport { DrawerItem } from '../../app-layout/drawer/interfaces';\nimport { IconProps } from '../../icon/interfaces';\n\nexport type DrawerConfig = Omit<DrawerItem, 'content'> & {\n orderPriority?: number;\n trigger: {\n iconName?: IconProps.Name;\n iconSvg?: string;\n };\n mountContent: (container: HTMLElement) => void;\n unmountContent: (container: HTMLElement) => void;\n};\nexport type DrawersRegistrationListener = (drawers: Array<DrawerConfig>) => void;\n\nexport class DrawersController {\n private drawers: Array<DrawerConfig> = [];\n private drawersRegistrationListener: DrawersRegistrationListener | null = null;\n private updateTimeout: ReturnType<typeof setTimeout> | null = null;\n\n private scheduleUpdate() {\n if (this.updateTimeout) {\n clearTimeout(this.updateTimeout);\n }\n this.updateTimeout = setTimeout(() => {\n this.drawersRegistrationListener?.(this.drawers);\n });\n }\n\n registerDrawer = (config: DrawerConfig) => {\n this.drawers = this.drawers.concat(config);\n this.scheduleUpdate();\n };\n\n onDrawersRegistered = (listener: DrawersRegistrationListener) => {\n if (this.drawersRegistrationListener !== null) {\n console.warn('[AwsUi] [runtime plugins] multiple app layout instances detected');\n }\n this.drawersRegistrationListener = listener;\n this.scheduleUpdate();\n return () => {\n this.drawersRegistrationListener = null;\n };\n };\n\n clearRegisteredDrawers = () => {\n this.drawers = [];\n };\n}\n"]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"lib/default/","sources":["internal/plugins/index.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,YAAY,IAAI,OAAO,EAAE,MAAM,OAAO,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"lib/default/","sources":["internal/plugins/index.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,EAAE,YAAY,IAAI,OAAO,EAAE,MAAM,OAAO,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nexport { awsuiPlugins as default } from './api';\n"]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"data-series.d.ts","sourceRoot":"lib/default/","sources":["mixed-line-bar-chart/data-series.tsx"],"names":[],"mappings":";AAMA,OAAO,EAAE,UAAU,EAAE,iBAAiB,EAAE,MAAM,+CAA+C,CAAC;AAG9F,OAAO,EAAE,cAAc,EAAE,mBAAmB,EAAE,sBAAsB,EAAE,MAAM,cAAc,CAAC;
|
|
1
|
+
{"version":3,"file":"data-series.d.ts","sourceRoot":"lib/default/","sources":["mixed-line-bar-chart/data-series.tsx"],"names":[],"mappings":";AAMA,OAAO,EAAE,UAAU,EAAE,iBAAiB,EAAE,MAAM,+CAA+C,CAAC;AAG9F,OAAO,EAAE,cAAc,EAAE,mBAAmB,EAAE,sBAAsB,EAAE,MAAM,cAAc,CAAC;AAQ3F,MAAM,WAAW,eAAe,CAAC,CAAC;IAChC,IAAI,EAAE,GAAG,GAAG,GAAG,CAAC;IAEhB,UAAU,EAAE,MAAM,CAAC;IACnB,SAAS,EAAE,MAAM,CAAC;IAElB,iBAAiB,EAAE,sBAAsB,CAAC,WAAW,CAAC,CAAC,CAAC,GAAG,IAAI,CAAC;IAChE,qBAAqB,EAAE,MAAM,GAAG,IAAI,CAAC;IAErC,WAAW,EAAE,OAAO,CAAC;IACrB,iBAAiB,EAAE,OAAO,CAAC;IAE3B,aAAa,EAAE,aAAa,CAAC,mBAAmB,CAAC,CAAC,CAAC,CAAC,CAAC;IACrD,MAAM,EAAE,UAAU,CAAC;IACnB,MAAM,EAAE,iBAAiB,CAAC;CAC3B;AAED,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,CAAC,SAAS,cAAc,EAAE,EAC3D,IAAI,EACJ,UAAU,EACV,SAAS,EACT,qBAAqB,EACrB,iBAAiB,EACjB,WAAW,EACX,iBAAiB,EACjB,aAAa,EACb,MAAM,EACN,MAAM,GACP,EAAE,eAAe,CAAC,CAAC,CAAC,eAoFpB"}
|
|
@@ -7,8 +7,12 @@ import LineSeries from './line-series';
|
|
|
7
7
|
import BarSeries from './bar-series';
|
|
8
8
|
import styles from './styles.css.js';
|
|
9
9
|
import { calculateOffsetMaps } from './utils';
|
|
10
|
+
// Should have the same value as the `border-line-chart-width` token.
|
|
11
|
+
const STROKE_WIDTH = 2;
|
|
10
12
|
export default function DataSeries({ axis, plotHeight, plotWidth, highlightedGroupIndex, highlightedSeries, stackedBars, isGroupNavigation, visibleSeries, xScale, yScale, }) {
|
|
11
13
|
const chartAreaClipPath = useUniqueId('awsui-mixed-line-bar-chart__chart-area-');
|
|
14
|
+
// Lines get a small extra space at the top and bottom to account for the strokes when they are at the edge of the graph.
|
|
15
|
+
const lineAreaClipPath = useUniqueId('awsui-line-chart__chart-area-');
|
|
12
16
|
const stackedBarOffsetMaps = useMemo(() => {
|
|
13
17
|
if (!stackedBars) {
|
|
14
18
|
return [];
|
|
@@ -24,7 +28,9 @@ export default function DataSeries({ axis, plotHeight, plotWidth, highlightedGro
|
|
|
24
28
|
return (React.createElement(React.Fragment, null,
|
|
25
29
|
React.createElement("defs", { "aria-hidden": "true" },
|
|
26
30
|
React.createElement("clipPath", { id: chartAreaClipPath },
|
|
27
|
-
React.createElement("rect", { x: 0, y: 0, width: plotWidth, height: plotHeight }))
|
|
31
|
+
React.createElement("rect", { x: 0, y: 0, width: plotWidth, height: plotHeight })),
|
|
32
|
+
React.createElement("clipPath", { id: lineAreaClipPath },
|
|
33
|
+
React.createElement("rect", { x: 0, y: -STROKE_WIDTH / 2, width: plotWidth, height: plotHeight + STROKE_WIDTH }))),
|
|
28
34
|
React.createElement("g", { "aria-hidden": isGroupNavigation ? true : undefined, role: "group" }, visibleSeries.map(({ series, color }, index) => {
|
|
29
35
|
const isHighlighted = series === highlightedSeries;
|
|
30
36
|
const isDimmed = !!highlightedSeries && !isHighlighted;
|
|
@@ -35,7 +41,7 @@ export default function DataSeries({ axis, plotHeight, plotWidth, highlightedGro
|
|
|
35
41
|
[styles['series--highlighted']]: isHighlighted,
|
|
36
42
|
[styles['series--dimmed']]: isDimmed,
|
|
37
43
|
}) },
|
|
38
|
-
React.createElement(LineSeries, { axis: axis, series: series, color: color, xScale: xScale, yScale: yScale, chartAreaClipPath:
|
|
44
|
+
React.createElement(LineSeries, { axis: axis, series: series, color: color, xScale: xScale, yScale: yScale, chartAreaClipPath: lineAreaClipPath })));
|
|
39
45
|
}
|
|
40
46
|
case 'bar':
|
|
41
47
|
return (React.createElement(BarSeries, { key: index, axis: axis, series: series, color: color, totalSeriesCount: visibleSeries.filter(s => s.series.type === 'bar').length, seriesIndex: index, xScale: xScale, yScale: yScale, plotSize: axis === 'y' ? plotWidth : plotHeight, highlighted: isHighlighted, dimmed: isDimmed, chartAreaClipPath: chartAreaClipPath, stackedBarOffsets: stackedBarOffsetMaps[index], highlightedGroupIndex: highlightedGroupIndex }));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"data-series.js","sourceRoot":"lib/default/","sources":["mixed-line-bar-chart/data-series.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,IAAI,MAAM,MAAM,CAAC;AAExB,OAAO,EAAE,WAAW,EAAE,MAAM,iCAAiC,CAAC;AAE9D,OAAO,UAAU,MAAM,eAAe,CAAC;AACvC,OAAO,SAAS,MAAM,cAAc,CAAC;AAGrC,OAAO,MAAM,MAAM,iBAAiB,CAAC;AACrC,OAAO,EAAE,mBAAmB,EAAkB,MAAM,SAAS,CAAC;
|
|
1
|
+
{"version":3,"file":"data-series.js","sourceRoot":"lib/default/","sources":["mixed-line-bar-chart/data-series.tsx"],"names":[],"mappings":"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","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React, { useMemo } from 'react';\nimport clsx from 'clsx';\n\nimport { useUniqueId } from '../internal/hooks/use-unique-id';\nimport { ChartScale, NumericChartScale } from '../internal/components/cartesian-chart/scales';\nimport LineSeries from './line-series';\nimport BarSeries from './bar-series';\nimport { ChartDataTypes, InternalChartSeries, MixedLineBarChartProps } from './interfaces';\n\nimport styles from './styles.css.js';\nimport { calculateOffsetMaps, StackedOffsets } from './utils';\n\n// Should have the same value as the `border-line-chart-width` token.\nconst STROKE_WIDTH = 2;\n\nexport interface DataSeriesProps<T> {\n axis: 'x' | 'y';\n\n plotHeight: number;\n plotWidth: number;\n\n highlightedSeries: MixedLineBarChartProps.ChartSeries<T> | null;\n highlightedGroupIndex: number | null;\n\n stackedBars: boolean;\n isGroupNavigation: boolean;\n\n visibleSeries: ReadonlyArray<InternalChartSeries<T>>;\n xScale: ChartScale;\n yScale: NumericChartScale;\n}\n\nexport default function DataSeries<T extends ChartDataTypes>({\n axis,\n plotHeight,\n plotWidth,\n highlightedGroupIndex,\n highlightedSeries,\n stackedBars,\n isGroupNavigation,\n visibleSeries,\n xScale,\n yScale,\n}: DataSeriesProps<T>) {\n const chartAreaClipPath = useUniqueId('awsui-mixed-line-bar-chart__chart-area-');\n\n // Lines get a small extra space at the top and bottom to account for the strokes when they are at the edge of the graph.\n const lineAreaClipPath = useUniqueId('awsui-line-chart__chart-area-');\n\n const stackedBarOffsetMaps: StackedOffsets[] = useMemo(() => {\n if (!stackedBars) {\n return [];\n }\n\n const barData: Array<readonly MixedLineBarChartProps.Datum<ChartDataTypes>[]> = [];\n visibleSeries.forEach(({ series }) => {\n if (series.type === 'bar') {\n barData.push(series.data);\n }\n });\n return calculateOffsetMaps(barData);\n }, [visibleSeries, stackedBars]);\n\n return (\n <>\n <defs aria-hidden=\"true\">\n <clipPath id={chartAreaClipPath}>\n <rect x={0} y={0} width={plotWidth} height={plotHeight} />\n </clipPath>\n <clipPath id={lineAreaClipPath}>\n <rect x={0} y={-STROKE_WIDTH / 2} width={plotWidth} height={plotHeight + STROKE_WIDTH} />\n </clipPath>\n </defs>\n <g aria-hidden={isGroupNavigation ? true : undefined} role=\"group\">\n {visibleSeries.map(({ series, color }, index) => {\n const isHighlighted = series === highlightedSeries;\n const isDimmed = !!highlightedSeries && !isHighlighted;\n\n switch (series.type) {\n case 'line':\n case 'threshold': {\n return (\n <g\n key={index}\n role=\"group\"\n aria-label={series.title}\n className={clsx(styles.series, styles[`series--${series.type}`], {\n [styles['series--highlighted']]: isHighlighted,\n [styles['series--dimmed']]: isDimmed,\n })}\n >\n <LineSeries\n axis={axis}\n series={series}\n color={color}\n xScale={xScale}\n yScale={yScale}\n chartAreaClipPath={lineAreaClipPath}\n />\n </g>\n );\n }\n\n case 'bar':\n return (\n <BarSeries\n key={index}\n axis={axis}\n series={series}\n color={color}\n totalSeriesCount={visibleSeries.filter(s => s.series.type === 'bar').length}\n seriesIndex={index}\n xScale={xScale}\n yScale={yScale}\n plotSize={axis === 'y' ? plotWidth : plotHeight}\n highlighted={isHighlighted}\n dimmed={isDimmed}\n chartAreaClipPath={chartAreaClipPath}\n stackedBarOffsets={stackedBarOffsetMaps[index]}\n highlightedGroupIndex={highlightedGroupIndex}\n />\n );\n }\n })}\n </g>\n </>\n );\n}\n"]}
|
package/package.json
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"lib/default/","sources":["split-panel/index.tsx"],"names":[],"mappings":";AAUA,OAAO,EAAE,eAAe,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"lib/default/","sources":["split-panel/index.tsx"],"names":[],"mappings":";AAUA,OAAO,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAmB/C,OAAO,EAAE,eAAe,EAAE,CAAC;AAK3B,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,EACjC,MAAM,EACN,QAAQ,EACR,qBAA6B,EAC7B,aAA0B,EAC1B,WAAW,EACX,GAAG,SAAS,EACb,EAAE,eAAe,eAqRjB"}
|
package/split-panel/index.js
CHANGED
|
@@ -9,8 +9,8 @@ import { useSplitPanelContext } from '../internal/context/split-panel-context';
|
|
|
9
9
|
import { applyDisplayName } from '../internal/utils/apply-display-name';
|
|
10
10
|
import ResizeHandler from './icons/resize-handler';
|
|
11
11
|
import PreferencesModal from './preferences-modal';
|
|
12
|
-
import { usePointerEvents } from '
|
|
13
|
-
import { useKeyboardEvents } from '
|
|
12
|
+
import { usePointerEvents } from '../app-layout/utils/use-pointer-events';
|
|
13
|
+
import { useKeyboardEvents } from '../app-layout/utils/use-keyboard-events';
|
|
14
14
|
import styles from './styles.css.js';
|
|
15
15
|
import useBaseComponent from '../internal/hooks/use-base-component';
|
|
16
16
|
import { useMergeRefs } from '../internal/hooks/use-merge-refs';
|
|
@@ -76,7 +76,7 @@ export default function SplitPanel(_a) {
|
|
|
76
76
|
const splitPanelRefObject = useRef(null);
|
|
77
77
|
const sizeControlProps = {
|
|
78
78
|
position,
|
|
79
|
-
|
|
79
|
+
panelRef: splitPanelRefObject,
|
|
80
80
|
handleRef: refs.slider,
|
|
81
81
|
setSidePanelWidth,
|
|
82
82
|
setBottomPanelHeight,
|