@cloudscape-design/components 3.0.318 → 3.0.320
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/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.map +1 -1
- package/app-layout/runtime-api.js +5 -2
- package/app-layout/runtime-api.js.map +1 -1
- 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-container.js +2 -2
- package/expandable-section/expandable-section-container.js.map +1 -1
- package/expandable-section/interfaces.d.ts +3 -1
- package/expandable-section/interfaces.d.ts.map +1 -1
- package/expandable-section/interfaces.js.map +1 -1
- package/expandable-section/internal.d.ts.map +1 -1
- package/expandable-section/internal.js +4 -2
- package/expandable-section/internal.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/drawers-controller.d.ts +5 -0
- package/internal/plugins/drawers-controller.d.ts.map +1 -1
- package/internal/plugins/drawers-controller.js.map +1 -1
- 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 +1 -1
- package/table/body-cell/td-element.d.ts.map +1 -1
- package/table/body-cell/td-element.js +1 -1
- package/table/body-cell/td-element.js.map +1 -1
- package/table/header-cell/index.d.ts +1 -1
- package/table/header-cell/index.d.ts.map +1 -1
- package/table/header-cell/index.js +1 -1
- package/table/header-cell/index.js.map +1 -1
- package/table/internal.js +2 -2
- package/table/internal.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} +1 -1
- 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 -3
- 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 +1 -1
- package/table/thead.d.ts.map +1 -1
- package/table/thead.js +1 -1
- package/table/thead.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/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
package/table/thead.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"thead.js","sourceRoot":"lib/default/","sources":["table/thead.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,IAAI,MAAM,MAAM,CAAC;AACxB,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,gBAAgB,MAAM,qBAAqB,CAAC;AACnD,OAAO,EAAE,YAAY,EAAkB,MAAM,iBAAiB,CAAC;AAC/D,OAAO,EAAE,sBAAsB,EAA6B,MAAM,oBAAoB,CAAC;AACvF,OAAO,EAAE,YAAY,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAC;AAC5D,OAAO,EAAE,eAAe,EAAE,MAAM,eAAe,CAAC;AAChD,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AACtD,OAAO,EAAE,gBAAgB,EAAE,MAAM,mCAAmC,CAAC;AACrE,OAAO,EAAsB,mBAAmB,EAAE,MAAM,sBAAsB,CAAC;AAC/E,OAAO,MAAM,MAAM,iBAAiB,CAAC;AACrC,OAAO,UAAU,MAAM,6BAA6B,CAAC;AACrD,OAAO,gBAAgB,MAAM,6BAA6B,CAAC;AAC3D,OAAO,gBAAgB,MAAM,0CAA0C,CAAC;AAgCxE,MAAM,KAAK,GAAG,KAAK,CAAC,UAAU,CAC5B,CACE,EACE,cAAc,EACd,aAAa,EACb,iBAAiB,EACjB,iBAAiB,EACjB,aAAa,EACb,eAAe,EACf,iBAAiB,EACjB,gBAAgB,EAChB,OAAO,EACP,SAAS,EACT,WAAW,EACX,eAAe,EACf,cAAc,EACd,8BAA8B,EAC9B,WAAW,EACX,MAAM,GAAG,KAAK,EACd,MAAM,GAAG,KAAK,EACd,KAAK,GAAG,KAAK,EACb,WAAW,EACX,iBAAiB,EACjB,gBAAgB,EAChB,wBAAwB,GACb,EACb,QAAwC,EACxC,EAAE;IACF,MAAM,eAAe,GAAG,gBAAgB,EAAE,CAAC;IAE3C,MAAM,eAAe,GAAG,IAAI,CAC1B,gBAAgB,CAAC,aAAa,CAAC,EAC/B,gBAAgB,CAAC,uBAAuB,OAAO,EAAE,CAAC,EAClD,MAAM,IAAI,gBAAgB,CAAC,oBAAoB,CAAC,EAChD,KAAK,IAAI,gBAAgB,CAAC,mBAAmB,CAAC,EAC9C,WAAW,IAAI,gBAAgB,CAAC,kBAAkB,CAAC,EACnD,eAAe,IAAI,gBAAgB,CAAC,mBAAmB,CAAC,CACzD,CAAC;IAEF,MAAM,kBAAkB,GAAG,IAAI,CAC7B,MAAM,CAAC,mBAAmB,CAAC,EAC3B,MAAM,CAAC,0BAA0B,CAAC,EAClC,eAAe,IAAI,MAAM,CAAC,mBAAmB,CAAC,CAC/C,CAAC;IAEF,MAAM,EAAE,YAAY,EAAE,UAAU,EAAE,YAAY,EAAE,GAAG,eAAe,EAAE,CAAC;IAErE,MAAM,YAAY,GAAG,mBAAmB,CAAC;QACvC,aAAa,EAAE,WAAW;QAC1B,QAAQ,EAAE,iBAAiB;QAC3B,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAAC,UAAU,EAAE,KAAK,CAAC;KAC9D,CAAC,CAAC;IACH,OAAO,CACL,+BAAO,SAAS,EAAE,IAAI,CAAC,CAAC,MAAM,IAAI,MAAM,CAAC,cAAc,CAAC,CAAC;QACvD,4CAAQ,YAAY,CAAC,GAAG,IAAE,GAAG,EAAE,QAAQ,mBAAiB,CAAC;YACtD,aAAa,CAAC,CAAC,CAAC,CACf,4BACE,SAAS,EAAE,IAAI,CACb,eAAe,EACf,kBAAkB,EAClB,MAAM,IAAI,gBAAgB,CAAC,oBAAoB,CAAC,EAChD,YAAY,CAAC,SAAS,CACvB,EACD,KAAK,EAAE,YAAY,CAAC,KAAK,EACzB,GAAG,EAAE,YAAY,CAAC,GAAG,EACrB,KAAK,EAAC,KAAK,IAEV,aAAa,KAAK,OAAO,CAAC,CAAC,CAAC,CAC3B,oBAAC,gBAAgB,kBACf,WAAW,EAAE,KAAK,CAAC,EAAE;oBACnB,WAAY,CAAC,KAAK,CAAC,MAAqB,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC;gBACpD,CAAC,EACD,gBAAgB,EAAE,gBAAgB,EAClC,wBAAwB,EAAE,wBAAwB,IAC9C,iBAAiB,EAAE,EACnB,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,QAAQ,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,EACpC,CACH,CAAC,CAAC,CAAC,CACF,oBAAC,gBAAgB,QAAE,8BAA8B,CAAoB,CACtE,CACE,CACN,CAAC,CAAC,CAAC,IAAI;YAEP,iBAAiB,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,QAAQ,EAAE,EAAE;;gBAC1C,IAAI,aAAa,CAAC;gBAClB,IAAI,gBAAgB,EAAE;oBACpB,IAAI,YAAY,EAAE;wBAChB,kCAAkC;wBAClC,aAAa,GAAG,YAAY,CAAC,YAAY,CAAC,MAAM,EAAE,QAAQ,CAAC,CAAC,CAAC;qBAC9D;oBACD,IAAI,QAAQ,KAAK,iBAAiB,CAAC,MAAM,GAAG,CAAC,IAAI,cAAc,IAAI,cAAc,GAAG,UAAU,EAAE;wBAC9F,wDAAwD;wBACxD,aAAa,GAAG,MAAM,CAAC;qBACxB;iBACF;gBACD,OAAO,CACL,oBAAC,eAAe,IACd,GAAG,EAAE,YAAY,CAAC,MAAM,EAAE,QAAQ,CAAC,EACnC,SAAS,EAAE,eAAe,EAC1B,KAAK,EAAE;wBACL,KAAK,EAAE,aAAa,IAAI,MAAM,CAAC,KAAK;wBACpC,QAAQ,EAAE,MAAM,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,QAAQ;wBAC9C,QAAQ,EAAE,gBAAgB,IAAI,MAAM,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,QAAQ;qBACnE,EACD,QAAQ,EAAE,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EACzB,gBAAgB,EAAE,gBAAgB,EAClC,wBAAwB,EAAE,wBAAwB,EAClD,MAAM,EAAE,MAAM,EACd,mBAAmB,EAAE,aAAa,EAClC,iBAAiB,EAAE,iBAAiB,EACpC,eAAe,EAAE,eAAe,EAChC,SAAS,EAAE,SAAS,EACpB,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,MAAA,MAAM,CAAC,EAAE,mCAAI,QAAQ,EAC/B,YAAY,EAAE,YAAY,EAC1B,cAAc,EAAE,GAAG,EAAE,CAAC,cAAc,CAAC,YAAY,CAAC,EAClD,gBAAgB,EAAE,gBAAgB,EAClC,OAAO,EAAE,MAAM,CAAC,EAAE,CAAC,sBAAsB,CAAC,eAAe,EAAE,MAAM,CAAC,EAClE,UAAU,EAAE,CAAC,CAAC,MAAM,CAAC,UAAU,EAC/B,WAAW,EAAE,WAAW,GACxB,CACH,CAAC;YACJ,CAAC,CAAC,CACC,CACC,CACT,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,eAAe,KAAK,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport clsx from 'clsx';\nimport React from 'react';\nimport { TableProps } from './interfaces';\nimport SelectionControl from './selection-control';\nimport { focusMarkers, SelectionProps } from './use-selection';\nimport { fireNonCancelableEvent, NonCancelableEventHandler } from '../internal/events';\nimport { getColumnKey, getStickyClassNames } from './utils';\nimport { TableHeaderCell } from './header-cell';\nimport { useColumnWidths } from './use-column-widths';\nimport { useVisualRefresh } from '../internal/hooks/use-visual-mode';\nimport { StickyColumnsModel, useStickyCellStyles } from './use-sticky-columns';\nimport styles from './styles.css.js';\nimport cellStyles from './header-cell/styles.css.js';\nimport headerCellStyles from './header-cell/styles.css.js';\nimport ScreenreaderOnly from '../internal/components/screenreader-only';\n\nexport type InteractiveComponent =\n | { type: 'selection' }\n | { type: 'column'; col: number }\n | { type: 'resizer'; col: number };\n\nexport interface TheadProps {\n containerWidth: number | null;\n selectionType: TableProps.SelectionType | undefined;\n columnDefinitions: ReadonlyArray<TableProps.ColumnDefinition<any>>;\n sortingColumn: TableProps.SortingColumn<any> | undefined;\n sortingDescending: boolean | undefined;\n sortingDisabled: boolean | undefined;\n variant: TableProps.Variant;\n wrapLines: boolean | undefined;\n resizableColumns: boolean | undefined;\n getSelectAllProps: () => SelectionProps;\n onFocusMove: ((sourceElement: HTMLElement, fromIndex: number, direction: -1 | 1) => void) | undefined;\n onResizeFinish: (newWidths: Record<string, number>) => void;\n onSortingChange: NonCancelableEventHandler<TableProps.SortingState<any>> | undefined;\n sticky?: boolean;\n hidden?: boolean;\n stuck?: boolean;\n singleSelectionHeaderAriaLabel?: string;\n stripedRows?: boolean;\n stickyState: StickyColumnsModel;\n selectionColumnId: PropertyKey;\n focusedComponent?: InteractiveComponent | null;\n onFocusedComponentChange?: (element: InteractiveComponent | null) => void;\n}\n\nconst Thead = React.forwardRef(\n (\n {\n containerWidth,\n selectionType,\n getSelectAllProps,\n columnDefinitions,\n sortingColumn,\n sortingDisabled,\n sortingDescending,\n resizableColumns,\n variant,\n wrapLines,\n onFocusMove,\n onSortingChange,\n onResizeFinish,\n singleSelectionHeaderAriaLabel,\n stripedRows,\n sticky = false,\n hidden = false,\n stuck = false,\n stickyState,\n selectionColumnId,\n focusedComponent,\n onFocusedComponentChange,\n }: TheadProps,\n outerRef: React.Ref<HTMLTableRowElement>\n ) => {\n const isVisualRefresh = useVisualRefresh();\n\n const headerCellClass = clsx(\n headerCellStyles['header-cell'],\n headerCellStyles[`header-cell-variant-${variant}`],\n sticky && headerCellStyles['header-cell-sticky'],\n stuck && headerCellStyles['header-cell-stuck'],\n stripedRows && headerCellStyles['has-striped-rows'],\n isVisualRefresh && headerCellStyles['is-visual-refresh']\n );\n\n const selectionCellClass = clsx(\n styles['selection-control'],\n styles['selection-control-header'],\n isVisualRefresh && styles['is-visual-refresh']\n );\n\n const { columnWidths, totalWidth, updateColumn } = useColumnWidths();\n\n const stickyStyles = useStickyCellStyles({\n stickyColumns: stickyState,\n columnId: selectionColumnId,\n getClassName: props => getStickyClassNames(cellStyles, props),\n });\n return (\n <thead className={clsx(!hidden && styles['thead-active'])}>\n <tr {...focusMarkers.all} ref={outerRef} aria-rowindex={1}>\n {selectionType ? (\n <th\n className={clsx(\n headerCellClass,\n selectionCellClass,\n hidden && headerCellStyles['header-cell-hidden'],\n stickyStyles.className\n )}\n style={stickyStyles.style}\n ref={stickyStyles.ref}\n scope=\"col\"\n >\n {selectionType === 'multi' ? (\n <SelectionControl\n onFocusDown={event => {\n onFocusMove!(event.target as HTMLElement, -1, +1);\n }}\n focusedComponent={focusedComponent}\n onFocusedComponentChange={onFocusedComponentChange}\n {...getSelectAllProps()}\n {...(sticky ? { tabIndex: -1 } : {})}\n />\n ) : (\n <ScreenreaderOnly>{singleSelectionHeaderAriaLabel}</ScreenreaderOnly>\n )}\n </th>\n ) : null}\n\n {columnDefinitions.map((column, colIndex) => {\n let widthOverride;\n if (resizableColumns) {\n if (columnWidths) {\n // use stateful value if available\n widthOverride = columnWidths[getColumnKey(column, colIndex)];\n }\n if (colIndex === columnDefinitions.length - 1 && containerWidth && containerWidth > totalWidth) {\n // let the last column grow and fill the container width\n widthOverride = 'auto';\n }\n }\n return (\n <TableHeaderCell\n key={getColumnKey(column, colIndex)}\n className={headerCellClass}\n style={{\n width: widthOverride || column.width,\n minWidth: sticky ? undefined : column.minWidth,\n maxWidth: resizableColumns || sticky ? undefined : column.maxWidth,\n }}\n tabIndex={sticky ? -1 : 0}\n focusedComponent={focusedComponent}\n onFocusedComponentChange={onFocusedComponentChange}\n column={column}\n activeSortingColumn={sortingColumn}\n sortingDescending={sortingDescending}\n sortingDisabled={sortingDisabled}\n wrapLines={wrapLines}\n hidden={hidden}\n colIndex={colIndex}\n columnId={column.id ?? colIndex}\n updateColumn={updateColumn}\n onResizeFinish={() => onResizeFinish(columnWidths)}\n resizableColumns={resizableColumns}\n onClick={detail => fireNonCancelableEvent(onSortingChange, detail)}\n isEditable={!!column.editConfig}\n stickyState={stickyState}\n />\n );\n })}\n </tr>\n </thead>\n );\n }\n);\n\nexport default Thead;\n"]}
|
|
1
|
+
{"version":3,"file":"thead.js","sourceRoot":"lib/default/","sources":["table/thead.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 clsx from 'clsx';\nimport React from 'react';\nimport { TableProps } from './interfaces';\nimport SelectionControl from './selection-control';\nimport { focusMarkers, SelectionProps } from './use-selection';\nimport { fireNonCancelableEvent, NonCancelableEventHandler } from '../internal/events';\nimport { getColumnKey, getStickyClassNames } from './utils';\nimport { TableHeaderCell } from './header-cell';\nimport { useColumnWidths } from './use-column-widths';\nimport { useVisualRefresh } from '../internal/hooks/use-visual-mode';\nimport styles from './styles.css.js';\nimport cellStyles from './header-cell/styles.css.js';\nimport headerCellStyles from './header-cell/styles.css.js';\nimport ScreenreaderOnly from '../internal/components/screenreader-only';\nimport { StickyColumnsModel, useStickyCellStyles } from './sticky-columns';\n\nexport type InteractiveComponent =\n | { type: 'selection' }\n | { type: 'column'; col: number }\n | { type: 'resizer'; col: number };\n\nexport interface TheadProps {\n containerWidth: number | null;\n selectionType: TableProps.SelectionType | undefined;\n columnDefinitions: ReadonlyArray<TableProps.ColumnDefinition<any>>;\n sortingColumn: TableProps.SortingColumn<any> | undefined;\n sortingDescending: boolean | undefined;\n sortingDisabled: boolean | undefined;\n variant: TableProps.Variant;\n wrapLines: boolean | undefined;\n resizableColumns: boolean | undefined;\n getSelectAllProps: () => SelectionProps;\n onFocusMove: ((sourceElement: HTMLElement, fromIndex: number, direction: -1 | 1) => void) | undefined;\n onResizeFinish: (newWidths: Record<string, number>) => void;\n onSortingChange: NonCancelableEventHandler<TableProps.SortingState<any>> | undefined;\n sticky?: boolean;\n hidden?: boolean;\n stuck?: boolean;\n singleSelectionHeaderAriaLabel?: string;\n stripedRows?: boolean;\n stickyState: StickyColumnsModel;\n selectionColumnId: PropertyKey;\n focusedComponent?: InteractiveComponent | null;\n onFocusedComponentChange?: (element: InteractiveComponent | null) => void;\n}\n\nconst Thead = React.forwardRef(\n (\n {\n containerWidth,\n selectionType,\n getSelectAllProps,\n columnDefinitions,\n sortingColumn,\n sortingDisabled,\n sortingDescending,\n resizableColumns,\n variant,\n wrapLines,\n onFocusMove,\n onSortingChange,\n onResizeFinish,\n singleSelectionHeaderAriaLabel,\n stripedRows,\n sticky = false,\n hidden = false,\n stuck = false,\n stickyState,\n selectionColumnId,\n focusedComponent,\n onFocusedComponentChange,\n }: TheadProps,\n outerRef: React.Ref<HTMLTableRowElement>\n ) => {\n const isVisualRefresh = useVisualRefresh();\n\n const headerCellClass = clsx(\n headerCellStyles['header-cell'],\n headerCellStyles[`header-cell-variant-${variant}`],\n sticky && headerCellStyles['header-cell-sticky'],\n stuck && headerCellStyles['header-cell-stuck'],\n stripedRows && headerCellStyles['has-striped-rows'],\n isVisualRefresh && headerCellStyles['is-visual-refresh']\n );\n\n const selectionCellClass = clsx(\n styles['selection-control'],\n styles['selection-control-header'],\n isVisualRefresh && styles['is-visual-refresh']\n );\n\n const { columnWidths, totalWidth, updateColumn } = useColumnWidths();\n\n const stickyStyles = useStickyCellStyles({\n stickyColumns: stickyState,\n columnId: selectionColumnId,\n getClassName: props => getStickyClassNames(cellStyles, props),\n });\n return (\n <thead className={clsx(!hidden && styles['thead-active'])}>\n <tr {...focusMarkers.all} ref={outerRef} aria-rowindex={1}>\n {selectionType ? (\n <th\n className={clsx(\n headerCellClass,\n selectionCellClass,\n hidden && headerCellStyles['header-cell-hidden'],\n stickyStyles.className\n )}\n style={stickyStyles.style}\n ref={stickyStyles.ref}\n scope=\"col\"\n >\n {selectionType === 'multi' ? (\n <SelectionControl\n onFocusDown={event => {\n onFocusMove!(event.target as HTMLElement, -1, +1);\n }}\n focusedComponent={focusedComponent}\n onFocusedComponentChange={onFocusedComponentChange}\n {...getSelectAllProps()}\n {...(sticky ? { tabIndex: -1 } : {})}\n />\n ) : (\n <ScreenreaderOnly>{singleSelectionHeaderAriaLabel}</ScreenreaderOnly>\n )}\n </th>\n ) : null}\n\n {columnDefinitions.map((column, colIndex) => {\n let widthOverride;\n if (resizableColumns) {\n if (columnWidths) {\n // use stateful value if available\n widthOverride = columnWidths[getColumnKey(column, colIndex)];\n }\n if (colIndex === columnDefinitions.length - 1 && containerWidth && containerWidth > totalWidth) {\n // let the last column grow and fill the container width\n widthOverride = 'auto';\n }\n }\n return (\n <TableHeaderCell\n key={getColumnKey(column, colIndex)}\n className={headerCellClass}\n style={{\n width: widthOverride || column.width,\n minWidth: sticky ? undefined : column.minWidth,\n maxWidth: resizableColumns || sticky ? undefined : column.maxWidth,\n }}\n tabIndex={sticky ? -1 : 0}\n focusedComponent={focusedComponent}\n onFocusedComponentChange={onFocusedComponentChange}\n column={column}\n activeSortingColumn={sortingColumn}\n sortingDescending={sortingDescending}\n sortingDisabled={sortingDisabled}\n wrapLines={wrapLines}\n hidden={hidden}\n colIndex={colIndex}\n columnId={column.id ?? colIndex}\n updateColumn={updateColumn}\n onResizeFinish={() => onResizeFinish(columnWidths)}\n resizableColumns={resizableColumns}\n onClick={detail => fireNonCancelableEvent(onSortingChange, detail)}\n isEditable={!!column.editConfig}\n stickyState={stickyState}\n />\n );\n })}\n </tr>\n </thead>\n );\n }\n);\n\nexport default Thead;\n"]}
|
package/table/utils.d.ts
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { InternalContainerProps } from '../container/internal';
|
|
2
|
+
import { StickyColumnsCellState } from './sticky-columns';
|
|
2
3
|
import { TableProps } from './interfaces';
|
|
3
|
-
import { StickyColumnsCellState } from './use-sticky-columns';
|
|
4
4
|
export declare const applyTrackBy: <T>(trackBy: TableProps.TrackBy<T>, item: T) => any;
|
|
5
5
|
export declare const getItemKey: <T>(trackBy: TableProps.TrackBy<T> | undefined, item: T, index: number) => any;
|
|
6
6
|
export declare const getTrackableValue: <T>(trackBy: TableProps.TrackBy<T> | undefined, item: T) => any;
|
package/table/utils.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"utils.d.ts","sourceRoot":"lib/default/","sources":["table/utils.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,sBAAsB,EAAE,MAAM,uBAAuB,CAAC;AAC/D,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"utils.d.ts","sourceRoot":"lib/default/","sources":["table/utils.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,sBAAsB,EAAE,MAAM,uBAAuB,CAAC;AAC/D,OAAO,EAAE,sBAAsB,EAAE,MAAM,kBAAkB,CAAC;AAC1D,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAG1C,eAAO,MAAM,YAAY,qDAKxB,CAAC;AAEF,eAAO,MAAM,UAAU,kEAAmE,MAAM,QAK/F,CAAC;AAEF,eAAO,MAAM,iBAAiB,iEAK7B,CAAC;AAEF,eAAO,MAAM,YAAY,qDAAsD,MAAM,oBAEpF,CAAC;AAEF,eAAO,MAAM,kBAAkB,YAAa,WAAW,OAAO,GAAG,SAAS,KAAG,sBAAsB,CAAC,SAAS,CAG5G,CAAC;AAEF,wBAAgB,iBAAiB,CAAC,CAAC,EACjC,iBAAiB,EAAE,aAAa,CAAC,UAAU,CAAC,gBAAgB,CAAC,CAAC,CAAC,CAAC,EAChE,iBAAiB,EAAE,UAAU,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC,mBAAmB,CAAC,QASpE;AAED,wBAAgB,2BAA2B,CAAC,CAAC,EAAE,EAC7C,aAAa,EACb,cAAc,EACd,iBAAiB,GAClB,EAAE;IACD,aAAa,CAAC,EAAE,aAAa,CAAC,UAAU,CAAC,uBAAuB,CAAC,CAAC;IAClE,cAAc,CAAC,EAAE,aAAa,CAAC,MAAM,CAAC,CAAC;IACvC,iBAAiB,EAAE,aAAa,CAAC,UAAU,CAAC,gBAAgB,CAAC,CAAC,CAAC,CAAC,CAAC;CAClE,6CASA;AA8BD,wBAAgB,mBAAmB,CAAC,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,EAAE,KAAK,EAAE,sBAAsB,GAAG,IAAI;;EAOvG"}
|
package/table/utils.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"utils.js","sourceRoot":"lib/default/","sources":["table/utils.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"utils.js","sourceRoot":"lib/default/","sources":["table/utils.ts"],"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 { InternalContainerProps } from '../container/internal';\nimport { StickyColumnsCellState } from './sticky-columns';\nimport { TableProps } from './interfaces';\nimport { warnOnce } from '@cloudscape-design/component-toolkit/internal';\n\nexport const applyTrackBy = <T>(trackBy: TableProps.TrackBy<T>, item: T) => {\n if (typeof trackBy === 'function') {\n return trackBy(item);\n }\n return (item as any)[trackBy];\n};\n\nexport const getItemKey = <T>(trackBy: TableProps.TrackBy<T> | undefined, item: T, index: number) => {\n if (!trackBy) {\n return index;\n }\n return applyTrackBy(trackBy, item);\n};\n\nexport const getTrackableValue = <T>(trackBy: TableProps.TrackBy<T> | undefined, item: T) => {\n if (!trackBy) {\n return item;\n }\n return applyTrackBy(trackBy, item);\n};\n\nexport const getColumnKey = <T>(column: TableProps.ColumnDefinition<T>, index: number) => {\n return column.id || index;\n};\n\nexport const toContainerVariant = (variant: TableProps.Variant | undefined): InternalContainerProps['variant'] => {\n const isDefaultVariant = !variant || variant === 'container';\n return isDefaultVariant ? 'default' : variant === 'borderless' ? 'embedded' : variant;\n};\n\nexport function checkSortingState<T>(\n columnDefinitions: ReadonlyArray<TableProps.ColumnDefinition<T>>,\n sortingComparator: TableProps.SortingColumn<T>['sortingComparator']\n) {\n const matchedColumn = columnDefinitions.filter(column => column.sortingComparator === sortingComparator)[0];\n if (!matchedColumn) {\n warnOnce(\n 'Table',\n 'Currently active sorting comparator was not found in any columns. Make sure to provide the same comparator function instance on each render.'\n );\n }\n}\n\nexport function getVisibleColumnDefinitions<T>({\n columnDisplay,\n visibleColumns,\n columnDefinitions,\n}: {\n columnDisplay?: ReadonlyArray<TableProps.ColumnDisplayProperties>;\n visibleColumns?: ReadonlyArray<string>;\n columnDefinitions: ReadonlyArray<TableProps.ColumnDefinition<T>>;\n}) {\n // columnsDisplay has a precedence over visibleColumns.\n if (columnDisplay) {\n return getVisibleColumnDefinitionsFromColumnDisplay({ columnDisplay, columnDefinitions });\n } else if (visibleColumns) {\n return getVisibleColumnDefinitionsFromVisibleColumns({ visibleColumns, columnDefinitions });\n } else {\n return columnDefinitions;\n }\n}\n\nfunction getVisibleColumnDefinitionsFromColumnDisplay<T>({\n columnDisplay,\n columnDefinitions,\n}: {\n columnDisplay: ReadonlyArray<TableProps.ColumnDisplayProperties>;\n columnDefinitions: ReadonlyArray<TableProps.ColumnDefinition<T>>;\n}) {\n const columnDefinitionsById: Record<string, TableProps.ColumnDefinition<T>> = columnDefinitions.reduce(\n (accumulator, item) => (item.id === undefined ? accumulator : { ...accumulator, [item.id]: item }),\n {}\n );\n return columnDisplay\n .filter(item => item.visible)\n .map(item => columnDefinitionsById[item.id])\n .filter(Boolean);\n}\n\nfunction getVisibleColumnDefinitionsFromVisibleColumns<T>({\n visibleColumns,\n columnDefinitions,\n}: {\n visibleColumns: ReadonlyArray<string>;\n columnDefinitions: ReadonlyArray<TableProps.ColumnDefinition<T>>;\n}) {\n const ids = new Set(visibleColumns);\n return columnDefinitions.filter(({ id }) => id !== undefined && ids.has(id));\n}\n\nexport function getStickyClassNames(styles: Record<string, string>, props: StickyColumnsCellState | null) {\n return {\n [styles['sticky-cell']]: !!props,\n [styles['sticky-cell-pad-left']]: !!props?.padLeft,\n [styles['sticky-cell-last-left']]: !!props?.lastLeft,\n [styles['sticky-cell-last-right']]: !!props?.lastRight,\n };\n}\n"]}
|
package/wizard/styles.css.js
CHANGED
|
@@ -1,36 +1,36 @@
|
|
|
1
1
|
|
|
2
2
|
import './styles.scoped.css';
|
|
3
3
|
export default {
|
|
4
|
-
"root": "
|
|
5
|
-
"wizard": "
|
|
6
|
-
"refresh": "
|
|
7
|
-
"small-container": "awsui_small-
|
|
8
|
-
"navigation": "
|
|
9
|
-
"number": "
|
|
10
|
-
"circle": "
|
|
11
|
-
"title": "
|
|
12
|
-
"active": "
|
|
13
|
-
"disabled": "
|
|
14
|
-
"enabled": "
|
|
15
|
-
"form": "
|
|
16
|
-
"form-header": "awsui_form-
|
|
17
|
-
"background": "
|
|
18
|
-
"form-header-content": "awsui_form-header-
|
|
19
|
-
"form-component": "awsui_form-
|
|
20
|
-
"hidden": "
|
|
21
|
-
"collapsed-steps": "awsui_collapsed-
|
|
22
|
-
"collapsed-steps-hidden": "awsui_collapsed-steps-
|
|
23
|
-
"form-header-component-wrapper": "awsui_form-header-component-
|
|
24
|
-
"form-header-component": "awsui_form-header-
|
|
25
|
-
"navigation-link": "awsui_navigation-
|
|
26
|
-
"navigation-link-item": "awsui_navigation-link-
|
|
27
|
-
"navigation-link-label": "awsui_navigation-link-
|
|
28
|
-
"navigation-link-active": "awsui_navigation-link-
|
|
29
|
-
"navigation-link-disabled": "awsui_navigation-link-
|
|
30
|
-
"cancel-button": "awsui_cancel-
|
|
31
|
-
"previous-button": "awsui_previous-
|
|
32
|
-
"primary-button": "awsui_primary-
|
|
33
|
-
"skip-to-button": "awsui_skip-to-
|
|
34
|
-
"action-buttons": "awsui_action-
|
|
4
|
+
"root": "awsui_root_1xupv_1dj8u_94",
|
|
5
|
+
"wizard": "awsui_wizard_1xupv_1dj8u_107",
|
|
6
|
+
"refresh": "awsui_refresh_1xupv_1dj8u_107",
|
|
7
|
+
"small-container": "awsui_small-container_1xupv_1dj8u_114",
|
|
8
|
+
"navigation": "awsui_navigation_1xupv_1dj8u_123",
|
|
9
|
+
"number": "awsui_number_1xupv_1dj8u_185",
|
|
10
|
+
"circle": "awsui_circle_1xupv_1dj8u_201",
|
|
11
|
+
"title": "awsui_title_1xupv_1dj8u_209",
|
|
12
|
+
"active": "awsui_active_1xupv_1dj8u_238",
|
|
13
|
+
"disabled": "awsui_disabled_1xupv_1dj8u_249",
|
|
14
|
+
"enabled": "awsui_enabled_1xupv_1dj8u_259",
|
|
15
|
+
"form": "awsui_form_1xupv_1dj8u_301",
|
|
16
|
+
"form-header": "awsui_form-header_1xupv_1dj8u_307",
|
|
17
|
+
"background": "awsui_background_1xupv_1dj8u_318",
|
|
18
|
+
"form-header-content": "awsui_form-header-content_1xupv_1dj8u_330",
|
|
19
|
+
"form-component": "awsui_form-component_1xupv_1dj8u_334",
|
|
20
|
+
"hidden": "awsui_hidden_1xupv_1dj8u_348",
|
|
21
|
+
"collapsed-steps": "awsui_collapsed-steps_1xupv_1dj8u_352",
|
|
22
|
+
"collapsed-steps-hidden": "awsui_collapsed-steps-hidden_1xupv_1dj8u_357",
|
|
23
|
+
"form-header-component-wrapper": "awsui_form-header-component-wrapper_1xupv_1dj8u_361",
|
|
24
|
+
"form-header-component": "awsui_form-header-component_1xupv_1dj8u_361",
|
|
25
|
+
"navigation-link": "awsui_navigation-link_1xupv_1dj8u_374",
|
|
26
|
+
"navigation-link-item": "awsui_navigation-link-item_1xupv_1dj8u_375",
|
|
27
|
+
"navigation-link-label": "awsui_navigation-link-label_1xupv_1dj8u_376",
|
|
28
|
+
"navigation-link-active": "awsui_navigation-link-active_1xupv_1dj8u_380",
|
|
29
|
+
"navigation-link-disabled": "awsui_navigation-link-disabled_1xupv_1dj8u_385",
|
|
30
|
+
"cancel-button": "awsui_cancel-button_1xupv_1dj8u_389",
|
|
31
|
+
"previous-button": "awsui_previous-button_1xupv_1dj8u_390",
|
|
32
|
+
"primary-button": "awsui_primary-button_1xupv_1dj8u_391",
|
|
33
|
+
"skip-to-button": "awsui_skip-to-button_1xupv_1dj8u_392",
|
|
34
|
+
"action-buttons": "awsui_action-buttons_1xupv_1dj8u_396"
|
|
35
35
|
};
|
|
36
36
|
|
package/wizard/styles.scoped.css
CHANGED
|
@@ -91,7 +91,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
91
91
|
SPDX-License-Identifier: Apache-2.0
|
|
92
92
|
*/
|
|
93
93
|
/* stylelint-disable selector-max-universal, selector-max-type */
|
|
94
|
-
.
|
|
94
|
+
.awsui_root_1xupv_1dj8u_94:not(#\9) {
|
|
95
95
|
/* stylelint-disable-next-line plugin/no-unsupported-browser-features */
|
|
96
96
|
border-collapse: separate;
|
|
97
97
|
border-spacing: 0;
|
|
@@ -130,28 +130,28 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
130
130
|
-moz-osx-font-smoothing: auto;
|
|
131
131
|
}
|
|
132
132
|
|
|
133
|
-
.
|
|
133
|
+
.awsui_wizard_1xupv_1dj8u_107.awsui_refresh_1xupv_1dj8u_107:not(#\9) {
|
|
134
134
|
column-gap: var(--space-xl-gsucfg, 24px);
|
|
135
135
|
display: grid;
|
|
136
136
|
grid-template-columns: auto minmax(0, 1fr);
|
|
137
137
|
grid-template-rows: auto 1fr;
|
|
138
138
|
row-gap: var(--space-scaled-xl-jawob6, 24px);
|
|
139
139
|
}
|
|
140
|
-
.
|
|
140
|
+
.awsui_wizard_1xupv_1dj8u_107.awsui_refresh_1xupv_1dj8u_107.awsui_small-container_1xupv_1dj8u_114:not(#\9) {
|
|
141
141
|
grid-template-columns: minmax(0, 1fr) 0;
|
|
142
142
|
row-gap: var(--space-scaled-l-2rs0gk, 20px);
|
|
143
143
|
}
|
|
144
144
|
|
|
145
|
-
.
|
|
145
|
+
.awsui_wizard_1xupv_1dj8u_107:not(#\9):not(.awsui_refresh_1xupv_1dj8u_107) {
|
|
146
146
|
display: flex;
|
|
147
147
|
}
|
|
148
148
|
|
|
149
|
-
.
|
|
149
|
+
.awsui_navigation_1xupv_1dj8u_123.awsui_refresh_1xupv_1dj8u_107:not(#\9) {
|
|
150
150
|
grid-column: 1;
|
|
151
151
|
grid-row: 1/span 2;
|
|
152
|
-
padding-top: var(--awsui-container-first-gap-
|
|
152
|
+
padding-top: var(--awsui-container-first-gap-zw2xxa, 0px);
|
|
153
153
|
}
|
|
154
|
-
.
|
|
154
|
+
.awsui_navigation_1xupv_1dj8u_123.awsui_refresh_1xupv_1dj8u_107 > ul:not(#\9) {
|
|
155
155
|
background: var(--color-background-container-content-og3y0v, #ffffff);
|
|
156
156
|
position: relative;
|
|
157
157
|
border-radius: var(--border-radius-container-pmtq2d, 16px);
|
|
@@ -161,7 +161,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
161
161
|
width: 280px;
|
|
162
162
|
box-sizing: border-box;
|
|
163
163
|
}
|
|
164
|
-
.
|
|
164
|
+
.awsui_navigation_1xupv_1dj8u_123.awsui_refresh_1xupv_1dj8u_107 > ul:not(#\9)::before {
|
|
165
165
|
content: "";
|
|
166
166
|
position: absolute;
|
|
167
167
|
left: 0px;
|
|
@@ -176,7 +176,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
176
176
|
border-radius: var(--border-radius-container-pmtq2d, 16px);
|
|
177
177
|
z-index: 1;
|
|
178
178
|
}
|
|
179
|
-
.
|
|
179
|
+
.awsui_navigation_1xupv_1dj8u_123.awsui_refresh_1xupv_1dj8u_107 > ul:not(#\9)::after {
|
|
180
180
|
content: "";
|
|
181
181
|
position: absolute;
|
|
182
182
|
left: 0px;
|
|
@@ -191,30 +191,30 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
191
191
|
mix-blend-mode: multiply;
|
|
192
192
|
}
|
|
193
193
|
@media screen and (-ms-high-contrast: active) {
|
|
194
|
-
.
|
|
194
|
+
.awsui_navigation_1xupv_1dj8u_123.awsui_refresh_1xupv_1dj8u_107 > ul:not(#\9) {
|
|
195
195
|
border: var(--border-field-width-riro62, 2px) solid var(--color-border-container-top-camjrq, transparent);
|
|
196
196
|
}
|
|
197
197
|
}
|
|
198
|
-
.
|
|
198
|
+
.awsui_navigation_1xupv_1dj8u_123.awsui_refresh_1xupv_1dj8u_107 > ul > li:not(#\9) {
|
|
199
199
|
display: grid;
|
|
200
200
|
column-gap: var(--space-s-hdd878, 12px);
|
|
201
201
|
grid-template-columns: var(--space-l-f4l5gr, 20px) 1fr;
|
|
202
202
|
grid-template-rows: repeat(2, auto);
|
|
203
203
|
}
|
|
204
|
-
.
|
|
204
|
+
.awsui_navigation_1xupv_1dj8u_123.awsui_refresh_1xupv_1dj8u_107 > ul > li > hr:not(#\9) {
|
|
205
205
|
background-color: var(--color-border-divider-default-9o8zql, #e9ebed);
|
|
206
206
|
border: 0;
|
|
207
207
|
grid-column: 1;
|
|
208
208
|
height: 100%;
|
|
209
209
|
width: var(--space-xxxs-j6dpcy, 2px);
|
|
210
210
|
}
|
|
211
|
-
.
|
|
211
|
+
.awsui_navigation_1xupv_1dj8u_123.awsui_refresh_1xupv_1dj8u_107 > ul > li > .awsui_number_1xupv_1dj8u_185:not(#\9) {
|
|
212
212
|
color: var(--color-text-small-l0u24v, #5f6b7a);
|
|
213
213
|
font-size: var(--font-body-s-size-6jmxer, 12px);
|
|
214
214
|
grid-column: 2;
|
|
215
215
|
grid-row: 1;
|
|
216
216
|
}
|
|
217
|
-
.
|
|
217
|
+
.awsui_navigation_1xupv_1dj8u_123.awsui_refresh_1xupv_1dj8u_107 > ul > li > a:not(#\9) {
|
|
218
218
|
align-items: start;
|
|
219
219
|
column-gap: var(--space-s-hdd878, 12px);
|
|
220
220
|
cursor: pointer;
|
|
@@ -224,7 +224,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
224
224
|
grid-row: 2;
|
|
225
225
|
grid-template-columns: var(--space-l-f4l5gr, 20px) 1fr;
|
|
226
226
|
}
|
|
227
|
-
.
|
|
227
|
+
.awsui_navigation_1xupv_1dj8u_123.awsui_refresh_1xupv_1dj8u_107 > ul > li > a > .awsui_circle_1xupv_1dj8u_201:not(#\9) {
|
|
228
228
|
border-radius: 100%;
|
|
229
229
|
grid-column: 1;
|
|
230
230
|
height: 10px;
|
|
@@ -232,13 +232,13 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
232
232
|
margin-top: 6px;
|
|
233
233
|
width: 10px;
|
|
234
234
|
}
|
|
235
|
-
.
|
|
235
|
+
.awsui_navigation_1xupv_1dj8u_123.awsui_refresh_1xupv_1dj8u_107 > ul > li > a > .awsui_title_1xupv_1dj8u_209:not(#\9) {
|
|
236
236
|
min-width: 0;
|
|
237
237
|
-ms-word-break: break-all;
|
|
238
238
|
word-break: break-word;
|
|
239
239
|
grid-column: 2;
|
|
240
240
|
}
|
|
241
|
-
body[data-awsui-focus-visible=true] .
|
|
241
|
+
body[data-awsui-focus-visible=true] .awsui_navigation_1xupv_1dj8u_123.awsui_refresh_1xupv_1dj8u_107 > ul > li > a:not(#\9):focus {
|
|
242
242
|
outline: thin dotted;
|
|
243
243
|
outline: var(--border-link-focus-ring-outline-pwlekd, 0);
|
|
244
244
|
outline-offset: 2px;
|
|
@@ -246,58 +246,58 @@ body[data-awsui-focus-visible=true] .awsui_navigation_1xupv_1gsij_123.awsui_refr
|
|
|
246
246
|
border-radius: var(--border-radius-control-default-focus-ring-muizvi, 4px);
|
|
247
247
|
box-shadow: 0 0 0 var(--border-link-focus-ring-shadow-spread-z7lixz, 2px) var(--color-border-item-focused-4t19h5, #0972d3);
|
|
248
248
|
}
|
|
249
|
-
.
|
|
249
|
+
.awsui_navigation_1xupv_1dj8u_123.awsui_refresh_1xupv_1dj8u_107 > ul > li:not(#\9):first-child > hr {
|
|
250
250
|
grid-row: 2/span 2;
|
|
251
251
|
}
|
|
252
|
-
.
|
|
252
|
+
.awsui_navigation_1xupv_1dj8u_123.awsui_refresh_1xupv_1dj8u_107 > ul > li:not(#\9):not(:first-child) > .awsui_number_1xupv_1dj8u_185 {
|
|
253
253
|
margin-top: var(--space-scaled-xl-jawob6, 24px);
|
|
254
254
|
}
|
|
255
|
-
.
|
|
255
|
+
.awsui_navigation_1xupv_1dj8u_123.awsui_refresh_1xupv_1dj8u_107 > ul > li:not(#\9):last-child > hr {
|
|
256
256
|
grid-row: 1;
|
|
257
257
|
}
|
|
258
|
-
.
|
|
258
|
+
.awsui_navigation_1xupv_1dj8u_123.awsui_refresh_1xupv_1dj8u_107 > ul > li:not(#\9):only-of-type > hr {
|
|
259
259
|
display: none;
|
|
260
260
|
}
|
|
261
|
-
.
|
|
261
|
+
.awsui_navigation_1xupv_1dj8u_123.awsui_refresh_1xupv_1dj8u_107 > ul > li:not(#\9):not(:first-child):not(:last-child) > hr {
|
|
262
262
|
grid-row: 1/span 3;
|
|
263
263
|
}
|
|
264
|
-
.
|
|
264
|
+
.awsui_navigation_1xupv_1dj8u_123.awsui_refresh_1xupv_1dj8u_107 > ul > li.awsui_active_1xupv_1dj8u_238 > a:not(#\9) {
|
|
265
265
|
cursor: text;
|
|
266
266
|
}
|
|
267
|
-
.
|
|
267
|
+
.awsui_navigation_1xupv_1dj8u_123.awsui_refresh_1xupv_1dj8u_107 > ul > li.awsui_active_1xupv_1dj8u_238 > a > .awsui_circle_1xupv_1dj8u_201:not(#\9) {
|
|
268
268
|
background-color: var(--color-background-control-checked-k2dd8u, #0972d3);
|
|
269
269
|
box-shadow: 0 0 0 3px var(--color-background-container-content-og3y0v, #ffffff), 0 0 0 5px var(--color-background-control-checked-k2dd8u, #0972d3), 0 0 0 7px var(--color-background-container-content-og3y0v, #ffffff);
|
|
270
270
|
}
|
|
271
|
-
.
|
|
271
|
+
.awsui_navigation_1xupv_1dj8u_123.awsui_refresh_1xupv_1dj8u_107 > ul > li.awsui_active_1xupv_1dj8u_238 > a > .awsui_title_1xupv_1dj8u_209:not(#\9) {
|
|
272
272
|
color: var(--color-background-control-checked-k2dd8u, #0972d3);
|
|
273
273
|
font-weight: 700;
|
|
274
274
|
}
|
|
275
|
-
.
|
|
275
|
+
.awsui_navigation_1xupv_1dj8u_123.awsui_refresh_1xupv_1dj8u_107 > ul > li.awsui_disabled_1xupv_1dj8u_249 > a:not(#\9) {
|
|
276
276
|
cursor: text;
|
|
277
277
|
}
|
|
278
|
-
.
|
|
278
|
+
.awsui_navigation_1xupv_1dj8u_123.awsui_refresh_1xupv_1dj8u_107 > ul > li.awsui_disabled_1xupv_1dj8u_249 > a > .awsui_circle_1xupv_1dj8u_201:not(#\9) {
|
|
279
279
|
background-color: var(--color-background-container-content-og3y0v, #ffffff);
|
|
280
280
|
box-shadow: 0 0 0 2px var(--color-text-interactive-disabled-nss20z, #9ba7b6), 0 0 0 4px var(--color-background-container-content-og3y0v, #ffffff);
|
|
281
281
|
}
|
|
282
|
-
.
|
|
282
|
+
.awsui_navigation_1xupv_1dj8u_123.awsui_refresh_1xupv_1dj8u_107 > ul > li.awsui_disabled_1xupv_1dj8u_249 > a > .awsui_title_1xupv_1dj8u_209:not(#\9) {
|
|
283
283
|
color: var(--color-text-status-inactive-5laoxv, #5f6b7a);
|
|
284
284
|
}
|
|
285
|
-
.
|
|
285
|
+
.awsui_navigation_1xupv_1dj8u_123.awsui_refresh_1xupv_1dj8u_107 > ul > li.awsui_enabled_1xupv_1dj8u_259 > a > .awsui_circle_1xupv_1dj8u_201:not(#\9) {
|
|
286
286
|
background-color: var(--color-text-interactive-default-2sml2m, #414d5c);
|
|
287
287
|
box-shadow: 0 0 0 2px var(--color-text-interactive-default-2sml2m, #414d5c), 0 0 0 4px var(--color-background-container-content-og3y0v, #ffffff);
|
|
288
288
|
}
|
|
289
|
-
.
|
|
289
|
+
.awsui_navigation_1xupv_1dj8u_123.awsui_refresh_1xupv_1dj8u_107 > ul > li.awsui_enabled_1xupv_1dj8u_259 > a > .awsui_title_1xupv_1dj8u_209:not(#\9) {
|
|
290
290
|
color: var(--color-text-interactive-default-2sml2m, #414d5c);
|
|
291
291
|
}
|
|
292
|
-
.
|
|
292
|
+
.awsui_navigation_1xupv_1dj8u_123.awsui_refresh_1xupv_1dj8u_107 > ul > li.awsui_enabled_1xupv_1dj8u_259 > a:not(#\9):hover > .awsui_circle_1xupv_1dj8u_201 {
|
|
293
293
|
background-color: var(--color-background-control-checked-k2dd8u, #0972d3);
|
|
294
294
|
box-shadow: 0 0 0 2px var(--color-background-control-checked-k2dd8u, #0972d3), 0 0 0 4px var(--color-background-container-content-og3y0v, #ffffff);
|
|
295
295
|
}
|
|
296
|
-
.
|
|
296
|
+
.awsui_navigation_1xupv_1dj8u_123.awsui_refresh_1xupv_1dj8u_107 > ul > li.awsui_enabled_1xupv_1dj8u_259 > a:not(#\9):hover > .awsui_title_1xupv_1dj8u_209 {
|
|
297
297
|
color: var(--color-background-control-checked-k2dd8u, #0972d3);
|
|
298
298
|
}
|
|
299
299
|
|
|
300
|
-
.
|
|
300
|
+
.awsui_navigation_1xupv_1dj8u_123:not(#\9):not(.awsui_refresh_1xupv_1dj8u_107) {
|
|
301
301
|
color: var(--color-text-disabled-t7vw2a, #9ba7b6);
|
|
302
302
|
display: inline-block;
|
|
303
303
|
margin-right: calc(2 * var(--space-xxxl-65sweb, 40px));
|
|
@@ -305,89 +305,89 @@ body[data-awsui-focus-visible=true] .awsui_navigation_1xupv_1gsij_123.awsui_refr
|
|
|
305
305
|
padding-top: var(--space-xxs-ja5cp8, 4px);
|
|
306
306
|
width: 200px;
|
|
307
307
|
}
|
|
308
|
-
.
|
|
308
|
+
.awsui_navigation_1xupv_1dj8u_123:not(#\9):not(.awsui_refresh_1xupv_1dj8u_107) > ul {
|
|
309
309
|
list-style: none;
|
|
310
310
|
padding: 0;
|
|
311
311
|
margin: 0;
|
|
312
312
|
}
|
|
313
|
-
.
|
|
313
|
+
.awsui_navigation_1xupv_1dj8u_123:not(#\9):not(.awsui_refresh_1xupv_1dj8u_107) > ul > li {
|
|
314
314
|
min-width: 0;
|
|
315
315
|
-ms-word-break: break-all;
|
|
316
316
|
word-break: break-word;
|
|
317
317
|
padding-bottom: var(--space-scaled-m-gxhdpl, 16px);
|
|
318
318
|
padding-top: 0;
|
|
319
319
|
}
|
|
320
|
-
.
|
|
320
|
+
.awsui_navigation_1xupv_1dj8u_123:not(#\9):not(.awsui_refresh_1xupv_1dj8u_107) > ul > li:not(:first-child) {
|
|
321
321
|
margin-top: var(--space-scaled-m-gxhdpl, 16px);
|
|
322
322
|
}
|
|
323
|
-
.
|
|
323
|
+
.awsui_navigation_1xupv_1dj8u_123:not(#\9):not(.awsui_refresh_1xupv_1dj8u_107) > ul > li:not(:last-child) {
|
|
324
324
|
border-bottom: var(--border-divider-list-width-um3zli, 1px) solid var(--color-border-layout-wyrb3c, #d1d5db);
|
|
325
325
|
}
|
|
326
326
|
|
|
327
|
-
.
|
|
327
|
+
.awsui_form_1xupv_1dj8u_301:not(#\9):not(.awsui_refresh_1xupv_1dj8u_107) {
|
|
328
328
|
min-width: 0;
|
|
329
329
|
-ms-word-break: break-all;
|
|
330
330
|
word-break: break-word;
|
|
331
331
|
width: 100%;
|
|
332
332
|
}
|
|
333
|
-
.
|
|
333
|
+
.awsui_form_1xupv_1dj8u_301:not(#\9):not(.awsui_refresh_1xupv_1dj8u_107) > .awsui_form-header_1xupv_1dj8u_307 {
|
|
334
334
|
position: relative;
|
|
335
335
|
margin-bottom: var(--space-scaled-m-gxhdpl, 16px);
|
|
336
336
|
}
|
|
337
337
|
|
|
338
|
-
.
|
|
338
|
+
.awsui_form_1xupv_1dj8u_301.awsui_refresh_1xupv_1dj8u_107:not(#\9) {
|
|
339
339
|
min-width: 0;
|
|
340
340
|
-ms-word-break: break-all;
|
|
341
341
|
word-break: break-word;
|
|
342
342
|
display: contents;
|
|
343
343
|
}
|
|
344
|
-
.
|
|
344
|
+
.awsui_form_1xupv_1dj8u_301.awsui_refresh_1xupv_1dj8u_107 > .awsui_background_1xupv_1dj8u_318:not(#\9) {
|
|
345
345
|
background-color: var(--color-background-layout-main-m49752, #ffffff);
|
|
346
346
|
grid-column: 1/span 2;
|
|
347
347
|
grid-row: 1;
|
|
348
348
|
color: var(--color-text-body-default-mmvcvg, #000716);
|
|
349
349
|
}
|
|
350
|
-
.
|
|
350
|
+
.awsui_form_1xupv_1dj8u_301.awsui_refresh_1xupv_1dj8u_107 > .awsui_form-header_1xupv_1dj8u_307:not(#\9) {
|
|
351
351
|
background-color: var(--color-background-layout-main-m49752, #ffffff);
|
|
352
352
|
grid-column: 2;
|
|
353
353
|
grid-row: 1;
|
|
354
354
|
color: var(--color-text-body-default-mmvcvg, #000716);
|
|
355
355
|
}
|
|
356
|
-
.
|
|
356
|
+
.awsui_form_1xupv_1dj8u_301.awsui_refresh_1xupv_1dj8u_107 > .awsui_form-header_1xupv_1dj8u_307 > .awsui_form-header-content_1xupv_1dj8u_330:not(#\9) {
|
|
357
357
|
padding-top: var(--space-scaled-m-gxhdpl, 16px);
|
|
358
358
|
padding-bottom: var(--space-scaled-m-gxhdpl, 16px);
|
|
359
359
|
}
|
|
360
|
-
.
|
|
360
|
+
.awsui_form_1xupv_1dj8u_301.awsui_refresh_1xupv_1dj8u_107 > .awsui_form-component_1xupv_1dj8u_334:not(#\9) {
|
|
361
361
|
grid-column: 2;
|
|
362
362
|
grid-row: 2;
|
|
363
363
|
}
|
|
364
|
-
.
|
|
364
|
+
.awsui_form_1xupv_1dj8u_301.awsui_refresh_1xupv_1dj8u_107.awsui_small-container_1xupv_1dj8u_114 > .awsui_form-header_1xupv_1dj8u_307:not(#\9) {
|
|
365
365
|
grid-column: 1/span 2;
|
|
366
366
|
}
|
|
367
|
-
.
|
|
367
|
+
.awsui_form_1xupv_1dj8u_301.awsui_refresh_1xupv_1dj8u_107.awsui_small-container_1xupv_1dj8u_114 > .awsui_form-header_1xupv_1dj8u_307 > .awsui_form-header-content_1xupv_1dj8u_330:not(#\9) {
|
|
368
368
|
padding-top: 0;
|
|
369
369
|
}
|
|
370
|
-
.
|
|
370
|
+
.awsui_form_1xupv_1dj8u_301.awsui_refresh_1xupv_1dj8u_107.awsui_small-container_1xupv_1dj8u_114 > .awsui_form-component_1xupv_1dj8u_334:not(#\9) {
|
|
371
371
|
grid-column: 1/span 2;
|
|
372
372
|
}
|
|
373
373
|
|
|
374
|
-
.
|
|
374
|
+
.awsui_navigation_1xupv_1dj8u_123.awsui_hidden_1xupv_1dj8u_348:not(#\9) {
|
|
375
375
|
display: none;
|
|
376
376
|
}
|
|
377
377
|
|
|
378
|
-
.awsui_collapsed-
|
|
378
|
+
.awsui_collapsed-steps_1xupv_1dj8u_352:not(#\9) {
|
|
379
379
|
color: var(--color-text-heading-secondary-x2nd6m, #414d5c);
|
|
380
380
|
font-weight: 700;
|
|
381
381
|
padding-top: var(--space-scaled-xxs-t2t62i, 4px);
|
|
382
382
|
}
|
|
383
|
-
.awsui_collapsed-steps-
|
|
383
|
+
.awsui_collapsed-steps-hidden_1xupv_1dj8u_357:not(#\9) {
|
|
384
384
|
display: none;
|
|
385
385
|
}
|
|
386
386
|
|
|
387
|
-
.awsui_form-header-component-
|
|
387
|
+
.awsui_form-header-component-wrapper_1xupv_1dj8u_361:not(#\9) {
|
|
388
388
|
outline: none;
|
|
389
389
|
}
|
|
390
|
-
body[data-awsui-focus-visible=true] .awsui_form-header-component-
|
|
390
|
+
body[data-awsui-focus-visible=true] .awsui_form-header-component-wrapper_1xupv_1dj8u_361:not(#\9):focus {
|
|
391
391
|
outline: thin dotted;
|
|
392
392
|
outline: var(--border-link-focus-ring-outline-pwlekd, 0);
|
|
393
393
|
outline-offset: 2px;
|
|
@@ -396,30 +396,30 @@ body[data-awsui-focus-visible=true] .awsui_form-header-component-wrapper_1xupv_1
|
|
|
396
396
|
box-shadow: 0 0 0 var(--border-link-focus-ring-shadow-spread-z7lixz, 2px) var(--color-border-item-focused-4t19h5, #0972d3);
|
|
397
397
|
}
|
|
398
398
|
|
|
399
|
-
.awsui_form-header-
|
|
400
|
-
.awsui_navigation-
|
|
401
|
-
.awsui_navigation-link-
|
|
402
|
-
.awsui_navigation-link-
|
|
399
|
+
.awsui_form-header-component_1xupv_1dj8u_361:not(#\9),
|
|
400
|
+
.awsui_navigation-link_1xupv_1dj8u_374:not(#\9),
|
|
401
|
+
.awsui_navigation-link-item_1xupv_1dj8u_375:not(#\9),
|
|
402
|
+
.awsui_navigation-link-label_1xupv_1dj8u_376:not(#\9) {
|
|
403
403
|
/* used in test-utils */
|
|
404
404
|
}
|
|
405
405
|
|
|
406
|
-
.awsui_navigation-link-
|
|
406
|
+
.awsui_navigation-link-active_1xupv_1dj8u_380:not(#\9) {
|
|
407
407
|
font-weight: 700;
|
|
408
408
|
color: var(--color-text-body-default-mmvcvg, #000716);
|
|
409
409
|
}
|
|
410
410
|
|
|
411
|
-
.awsui_navigation-link-
|
|
411
|
+
.awsui_navigation-link-disabled_1xupv_1dj8u_385:not(#\9) {
|
|
412
412
|
color: var(--color-text-status-inactive-5laoxv, #5f6b7a);
|
|
413
413
|
}
|
|
414
414
|
|
|
415
|
-
.awsui_cancel-
|
|
416
|
-
.awsui_previous-
|
|
417
|
-
.awsui_primary-
|
|
418
|
-
.awsui_skip-to-
|
|
415
|
+
.awsui_cancel-button_1xupv_1dj8u_389:not(#\9),
|
|
416
|
+
.awsui_previous-button_1xupv_1dj8u_390:not(#\9),
|
|
417
|
+
.awsui_primary-button_1xupv_1dj8u_391:not(#\9),
|
|
418
|
+
.awsui_skip-to-button_1xupv_1dj8u_392:not(#\9) {
|
|
419
419
|
/* used in test-utils */
|
|
420
420
|
}
|
|
421
421
|
|
|
422
|
-
.awsui_action-
|
|
422
|
+
.awsui_action-buttons_1xupv_1dj8u_396:not(#\9) {
|
|
423
423
|
display: flex;
|
|
424
424
|
justify-content: flex-end;
|
|
425
425
|
}
|
|
@@ -2,36 +2,36 @@
|
|
|
2
2
|
// es-module interop with Babel and Typescript
|
|
3
3
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
4
4
|
module.exports.default = {
|
|
5
|
-
"root": "
|
|
6
|
-
"wizard": "
|
|
7
|
-
"refresh": "
|
|
8
|
-
"small-container": "awsui_small-
|
|
9
|
-
"navigation": "
|
|
10
|
-
"number": "
|
|
11
|
-
"circle": "
|
|
12
|
-
"title": "
|
|
13
|
-
"active": "
|
|
14
|
-
"disabled": "
|
|
15
|
-
"enabled": "
|
|
16
|
-
"form": "
|
|
17
|
-
"form-header": "awsui_form-
|
|
18
|
-
"background": "
|
|
19
|
-
"form-header-content": "awsui_form-header-
|
|
20
|
-
"form-component": "awsui_form-
|
|
21
|
-
"hidden": "
|
|
22
|
-
"collapsed-steps": "awsui_collapsed-
|
|
23
|
-
"collapsed-steps-hidden": "awsui_collapsed-steps-
|
|
24
|
-
"form-header-component-wrapper": "awsui_form-header-component-
|
|
25
|
-
"form-header-component": "awsui_form-header-
|
|
26
|
-
"navigation-link": "awsui_navigation-
|
|
27
|
-
"navigation-link-item": "awsui_navigation-link-
|
|
28
|
-
"navigation-link-label": "awsui_navigation-link-
|
|
29
|
-
"navigation-link-active": "awsui_navigation-link-
|
|
30
|
-
"navigation-link-disabled": "awsui_navigation-link-
|
|
31
|
-
"cancel-button": "awsui_cancel-
|
|
32
|
-
"previous-button": "awsui_previous-
|
|
33
|
-
"primary-button": "awsui_primary-
|
|
34
|
-
"skip-to-button": "awsui_skip-to-
|
|
35
|
-
"action-buttons": "awsui_action-
|
|
5
|
+
"root": "awsui_root_1xupv_1dj8u_94",
|
|
6
|
+
"wizard": "awsui_wizard_1xupv_1dj8u_107",
|
|
7
|
+
"refresh": "awsui_refresh_1xupv_1dj8u_107",
|
|
8
|
+
"small-container": "awsui_small-container_1xupv_1dj8u_114",
|
|
9
|
+
"navigation": "awsui_navigation_1xupv_1dj8u_123",
|
|
10
|
+
"number": "awsui_number_1xupv_1dj8u_185",
|
|
11
|
+
"circle": "awsui_circle_1xupv_1dj8u_201",
|
|
12
|
+
"title": "awsui_title_1xupv_1dj8u_209",
|
|
13
|
+
"active": "awsui_active_1xupv_1dj8u_238",
|
|
14
|
+
"disabled": "awsui_disabled_1xupv_1dj8u_249",
|
|
15
|
+
"enabled": "awsui_enabled_1xupv_1dj8u_259",
|
|
16
|
+
"form": "awsui_form_1xupv_1dj8u_301",
|
|
17
|
+
"form-header": "awsui_form-header_1xupv_1dj8u_307",
|
|
18
|
+
"background": "awsui_background_1xupv_1dj8u_318",
|
|
19
|
+
"form-header-content": "awsui_form-header-content_1xupv_1dj8u_330",
|
|
20
|
+
"form-component": "awsui_form-component_1xupv_1dj8u_334",
|
|
21
|
+
"hidden": "awsui_hidden_1xupv_1dj8u_348",
|
|
22
|
+
"collapsed-steps": "awsui_collapsed-steps_1xupv_1dj8u_352",
|
|
23
|
+
"collapsed-steps-hidden": "awsui_collapsed-steps-hidden_1xupv_1dj8u_357",
|
|
24
|
+
"form-header-component-wrapper": "awsui_form-header-component-wrapper_1xupv_1dj8u_361",
|
|
25
|
+
"form-header-component": "awsui_form-header-component_1xupv_1dj8u_361",
|
|
26
|
+
"navigation-link": "awsui_navigation-link_1xupv_1dj8u_374",
|
|
27
|
+
"navigation-link-item": "awsui_navigation-link-item_1xupv_1dj8u_375",
|
|
28
|
+
"navigation-link-label": "awsui_navigation-link-label_1xupv_1dj8u_376",
|
|
29
|
+
"navigation-link-active": "awsui_navigation-link-active_1xupv_1dj8u_380",
|
|
30
|
+
"navigation-link-disabled": "awsui_navigation-link-disabled_1xupv_1dj8u_385",
|
|
31
|
+
"cancel-button": "awsui_cancel-button_1xupv_1dj8u_389",
|
|
32
|
+
"previous-button": "awsui_previous-button_1xupv_1dj8u_390",
|
|
33
|
+
"primary-button": "awsui_primary-button_1xupv_1dj8u_391",
|
|
34
|
+
"skip-to-button": "awsui_skip-to-button_1xupv_1dj8u_392",
|
|
35
|
+
"action-buttons": "awsui_action-buttons_1xupv_1dj8u_396"
|
|
36
36
|
};
|
|
37
37
|
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"async-store.d.ts","sourceRoot":"lib/default/","sources":["area-chart/model/async-store.ts"],"names":[],"mappings":"AAMA,KAAK,QAAQ,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,KAAK,EAAE,CAAC,KAAK,CAAC,CAAC;AACtC,KAAK,QAAQ,CAAC,CAAC,IAAI,CAAC,KAAK,EAAE,CAAC,EAAE,SAAS,EAAE,CAAC,KAAK,GAAG,CAAC;AAEnD,MAAM,WAAW,kBAAkB,CAAC,CAAC;IACnC,GAAG,IAAI,CAAC,CAAC;IACT,SAAS,CAAC,CAAC,EAAE,QAAQ,EAAE,QAAQ,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,QAAQ,EAAE,QAAQ,CAAC,CAAC,CAAC,GAAG,MAAM,IAAI,CAAC;IAC1E,WAAW,CAAC,QAAQ,EAAE,QAAQ,CAAC,GAAG,CAAC,GAAG,IAAI,CAAC;CAC5C;AAED,MAAM,CAAC,OAAO,OAAO,UAAU,CAAC,CAAC,CAAE,YAAW,kBAAkB,CAAC,CAAC,CAAC;IACjE,MAAM,EAAE,CAAC,CAAC;IACV,UAAU,EAAE,CAAC,QAAQ,CAAC,CAAC,EAAE,GAAG,CAAC,EAAE,QAAQ,CAAC,GAAG,CAAC,CAAC,EAAE,CAAM;gBAEzC,KAAK,EAAE,CAAC;IAIpB,GAAG,IAAI,CAAC;IAIR,GAAG,CAAC,EAAE,EAAE,CAAC,KAAK,EAAE,CAAC,KAAK,CAAC,GAAG,IAAI;IAe9B,SAAS,CAAC,CAAC,EAAE,QAAQ,EAAE,QAAQ,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,QAAQ,EAAE,QAAQ,CAAC,CAAC,CAAC,GAAG,MAAM,IAAI;IAMzE,WAAW,CAAC,QAAQ,EAAE,QAAQ,CAAC,GAAG,CAAC,GAAG,IAAI;CAU3C;AAED,wBAAgB,WAAW,CAAC,CAAC,EAAE,CAAC,EAAE,KAAK,EAAE,kBAAkB,CAAC,CAAC,CAAC,EAAE,QAAQ,EAAE,QAAQ,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,MAAM,EAAE,QAAQ,CAAC,CAAC,CAAC,GAAG,IAAI,CAYnH;AAED,wBAAgB,WAAW,CAAC,CAAC,EAAE,CAAC,EAAE,KAAK,EAAE,kBAAkB,CAAC,CAAC,CAAC,EAAE,QAAQ,EAAE,QAAQ,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG,CAAC,CAc3F"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"async-store.js","sourceRoot":"lib/default/","sources":["area-chart/model/async-store.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,EAAE,eAAe,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAClD,OAAO,EAAE,uBAAuB,EAAE,MAAM,WAAW,CAAC;AACpD,OAAO,EAAE,WAAW,EAAE,MAAM,mCAAmC,CAAC;AAWhE,MAAM,CAAC,OAAO,OAAO,UAAU;IAI7B,YAAY,KAAQ;QAFpB,eAAU,GAAwC,EAAE,CAAC;QAGnD,IAAI,CAAC,MAAM,GAAG,KAAK,CAAC;IACtB,CAAC;IAED,GAAG;QACD,OAAO,IAAI,CAAC,MAAM,CAAC;IACrB,CAAC;IAED,GAAG,CAAC,EAAmB;QACrB,MAAM,SAAS,GAAG,IAAI,CAAC,MAAM,CAAC;QAC9B,MAAM,QAAQ,GAAG,EAAE,CAAC,SAAS,CAAC,CAAC;QAE/B,IAAI,CAAC,MAAM,GAAG,QAAQ,CAAC;QAEvB,uBAAuB,CAAC,GAAG,EAAE;YAC3B,KAAK,MAAM,CAAC,QAAQ,EAAE,QAAQ,CAAC,IAAI,IAAI,CAAC,UAAU,EAAE;gBAClD,IAAI,QAAQ,CAAC,SAAS,CAAC,KAAK,QAAQ,CAAC,QAAQ,CAAC,EAAE;oBAC9C,QAAQ,CAAC,QAAQ,EAAE,SAAS,CAAC,CAAC;iBAC/B;aACF;QACH,CAAC,CAAC,CAAC;IACL,CAAC;IAED,SAAS,CAAI,QAAwB,EAAE,QAAqB;QAC1D,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAC,CAAC;QAE3C,OAAO,GAAG,EAAE,CAAC,IAAI,CAAC,WAAW,CAAC,QAAQ,CAAC,CAAC;IAC1C,CAAC;IAED,WAAW,CAAC,QAAuB;QACjC,KAAK,IAAI,KAAK,GAAG,CAAC,EAAE,KAAK,GAAG,IAAI,CAAC,UAAU,CAAC,MAAM,EAAE,KAAK,EAAE,EAAE;YAC3D,MAAM,CAAC,EAAE,cAAc,CAAC,GAAG,IAAI,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC;YAElD,IAAI,cAAc,KAAK,QAAQ,EAAE;gBAC/B,IAAI,CAAC,UAAU,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC;gBACjC,MAAM;aACP;SACF;IACH,CAAC;CACF;AAED,MAAM,UAAU,WAAW,CAAO,KAA4B,EAAE,QAAwB,EAAE,MAAmB;IAC3G,eAAe,CACb,GAAG,EAAE;QACH,MAAM,WAAW,GAAG,KAAK,CAAC,SAAS,CAAC,QAAQ,EAAE,CAAC,QAAQ,EAAE,SAAS,EAAE,EAAE,CACpE,MAAM,CAAC,QAAQ,CAAC,QAAQ,CAAC,EAAE,QAAQ,CAAC,SAAS,CAAC,CAAC,CAChD,CAAC;QACF,OAAO,WAAW,CAAC;IACrB,CAAC;IACD,qEAAqE;IACrE,uDAAuD;IACvD,CAAC,KAAK,CAAC,CACR,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,WAAW,CAAO,KAA4B,EAAE,QAAwB;IACtF,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAI,QAAQ,CAAC,KAAK,CAAC,GAAG,EAAE,CAAC,CAAC,CAAC;IAE7D,WAAW,CAAC,KAAK,EAAE,QAAQ,EAAE,QAAQ,CAAC,EAAE;QACtC,QAAQ,CAAC,QAAQ,CAAC,CAAC;IACrB,CAAC,CAAC,CAAC;IAEH,6FAA6F;IAC7F,MAAM,SAAS,GAAG,WAAW,CAAC,KAAK,CAAC,CAAC;IACrC,IAAI,SAAS,KAAK,IAAI,IAAI,SAAS,KAAK,KAAK,EAAE;QAC7C,OAAO,QAAQ,CAAC,KAAK,CAAC,GAAG,EAAE,CAAC,CAAC;KAC9B;IAED,OAAO,KAAK,CAAC;AACf,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport { useLayoutEffect, useState } from 'react';\nimport { unstable_batchedUpdates } from 'react-dom';\nimport { usePrevious } from '../../internal/hooks/use-previous';\n\ntype Selector<S, R> = (state: S) => R;\ntype Listener<S> = (state: S, prevState: S) => any;\n\nexport interface ReadonlyAsyncStore<S> {\n get(): S;\n subscribe<R>(selector: Selector<S, R>, listener: Listener<S>): () => void;\n unsubscribe(listener: Listener<any>): void;\n}\n\nexport default class AsyncStore<S> implements ReadonlyAsyncStore<S> {\n _state: S;\n _listeners: [Selector<S, any>, Listener<any>][] = [];\n\n constructor(state: S) {\n this._state = state;\n }\n\n get(): S {\n return this._state;\n }\n\n set(cb: (state: S) => S): void {\n const prevState = this._state;\n const newState = cb(prevState);\n\n this._state = newState;\n\n unstable_batchedUpdates(() => {\n for (const [selector, listener] of this._listeners) {\n if (selector(prevState) !== selector(newState)) {\n listener(newState, prevState);\n }\n }\n });\n }\n\n subscribe<R>(selector: Selector<S, R>, listener: Listener<S>): () => void {\n this._listeners.push([selector, listener]);\n\n return () => this.unsubscribe(listener);\n }\n\n unsubscribe(listener: Listener<any>): void {\n for (let index = 0; index < this._listeners.length; index++) {\n const [, storedListener] = this._listeners[index];\n\n if (storedListener === listener) {\n this._listeners.splice(index, 1);\n break;\n }\n }\n }\n}\n\nexport function useReaction<S, R>(store: ReadonlyAsyncStore<S>, selector: Selector<S, R>, effect: Listener<R>): void {\n useLayoutEffect(\n () => {\n const unsubscribe = store.subscribe(selector, (newState, prevState) =>\n effect(selector(newState), selector(prevState))\n );\n return unsubscribe;\n },\n // ignoring selector and effect as they are expected to stay constant\n // eslint-disable-next-line react-hooks/exhaustive-deps\n [store]\n );\n}\n\nexport function useSelector<S, R>(store: ReadonlyAsyncStore<S>, selector: Selector<S, R>): R {\n const [state, setState] = useState<R>(selector(store.get()));\n\n useReaction(store, selector, newState => {\n setState(newState);\n });\n\n // When store changes we need the state to be updated synchronously to avoid inconsistencies.\n const prevStore = usePrevious(store);\n if (prevStore !== null && prevStore !== store) {\n return selector(store.get());\n }\n\n return state;\n}\n"]}
|