@cloudscape-design/components-themeable 3.0.1107 → 3.0.1109
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/lib/internal/manifest.json +1 -1
- package/lib/internal/scss/alert/styles.scss +1 -1
- package/lib/internal/scss/internal/components/expand-toggle-button/styles.scss +6 -2
- package/lib/internal/scss/internal/generated/custom-css-properties/index.scss +86 -85
- package/lib/internal/scss/internal/styles/utils/styles-reset.scss +1 -0
- package/lib/internal/scss/tree-view/tree-item/styles.scss +38 -21
- package/lib/internal/template/alert/interfaces.d.ts +3 -0
- package/lib/internal/template/alert/interfaces.d.ts.map +1 -1
- package/lib/internal/template/alert/interfaces.js.map +1 -1
- package/lib/internal/template/alert/internal.js +2 -2
- package/lib/internal/template/alert/internal.js.map +1 -1
- package/lib/internal/template/alert/style.d.ts +3 -0
- package/lib/internal/template/alert/style.d.ts.map +1 -1
- package/lib/internal/template/alert/style.js +9 -0
- package/lib/internal/template/alert/style.js.map +1 -1
- package/lib/internal/template/alert/styles.css.js +27 -27
- package/lib/internal/template/alert/styles.scoped.css +50 -50
- package/lib/internal/template/alert/styles.selectors.js +27 -27
- package/lib/internal/template/annotation-context/annotation/styles.css.js +24 -24
- package/lib/internal/template/annotation-context/annotation/styles.scoped.css +32 -32
- package/lib/internal/template/annotation-context/annotation/styles.selectors.js +24 -24
- package/lib/internal/template/app-layout/classic.js +11 -11
- package/lib/internal/template/app-layout/classic.js.map +1 -1
- package/lib/internal/template/app-layout/notifications/styles.css.js +3 -3
- package/lib/internal/template/app-layout/notifications/styles.scoped.css +7 -7
- package/lib/internal/template/app-layout/notifications/styles.selectors.js +3 -3
- package/lib/internal/template/app-layout/utils/use-focus-control.d.ts +4 -1
- package/lib/internal/template/app-layout/utils/use-focus-control.d.ts.map +1 -1
- package/lib/internal/template/app-layout/utils/use-focus-control.js +7 -4
- package/lib/internal/template/app-layout/utils/use-focus-control.js.map +1 -1
- package/lib/internal/template/app-layout/visual-refresh/context.d.ts.map +1 -1
- package/lib/internal/template/app-layout/visual-refresh/context.js +10 -12
- package/lib/internal/template/app-layout/visual-refresh/context.js.map +1 -1
- package/lib/internal/template/app-layout/visual-refresh/styles.css.js +86 -86
- package/lib/internal/template/app-layout/visual-refresh/styles.scoped.css +258 -258
- package/lib/internal/template/app-layout/visual-refresh/styles.selectors.js +86 -86
- package/lib/internal/template/app-layout/visual-refresh-toolbar/drawer/styles.css.js +25 -25
- package/lib/internal/template/app-layout/visual-refresh-toolbar/drawer/styles.scoped.css +73 -73
- package/lib/internal/template/app-layout/visual-refresh-toolbar/drawer/styles.selectors.js +25 -25
- package/lib/internal/template/app-layout/visual-refresh-toolbar/navigation/styles.css.js +4 -4
- package/lib/internal/template/app-layout/visual-refresh-toolbar/navigation/styles.scoped.css +7 -7
- package/lib/internal/template/app-layout/visual-refresh-toolbar/navigation/styles.selectors.js +4 -4
- package/lib/internal/template/app-layout/visual-refresh-toolbar/skeleton/styles.css.js +25 -25
- package/lib/internal/template/app-layout/visual-refresh-toolbar/skeleton/styles.scoped.css +50 -50
- package/lib/internal/template/app-layout/visual-refresh-toolbar/skeleton/styles.selectors.js +25 -25
- package/lib/internal/template/app-layout/visual-refresh-toolbar/state/use-app-layout.js +10 -10
- package/lib/internal/template/app-layout/visual-refresh-toolbar/state/use-app-layout.js.map +1 -1
- package/lib/internal/template/attribute-editor/styles.css.js +15 -15
- package/lib/internal/template/attribute-editor/styles.scoped.css +28 -28
- package/lib/internal/template/attribute-editor/styles.selectors.js +15 -15
- package/lib/internal/template/breadcrumb-group/item/styles.css.js +7 -7
- package/lib/internal/template/breadcrumb-group/item/styles.scoped.css +28 -28
- package/lib/internal/template/breadcrumb-group/item/styles.selectors.js +7 -7
- package/lib/internal/template/button/styles.css.js +22 -22
- package/lib/internal/template/button/styles.scoped.css +256 -256
- package/lib/internal/template/button/styles.selectors.js +22 -22
- package/lib/internal/template/button-dropdown/item-element/styles.css.js +16 -16
- package/lib/internal/template/button-dropdown/item-element/styles.scoped.css +27 -27
- package/lib/internal/template/button-dropdown/item-element/styles.selectors.js +16 -16
- package/lib/internal/template/checkbox/styles.css.js +3 -3
- package/lib/internal/template/checkbox/styles.scoped.css +11 -11
- package/lib/internal/template/checkbox/styles.selectors.js +3 -3
- package/lib/internal/template/content-layout/styles.css.js +14 -14
- package/lib/internal/template/content-layout/styles.scoped.css +27 -27
- package/lib/internal/template/content-layout/styles.selectors.js +14 -14
- package/lib/internal/template/flashbar/styles.css.js +50 -50
- package/lib/internal/template/flashbar/styles.scoped.css +187 -187
- package/lib/internal/template/flashbar/styles.selectors.js +50 -50
- package/lib/internal/template/help-panel/styles.css.js +6 -6
- package/lib/internal/template/help-panel/styles.scoped.css +73 -73
- package/lib/internal/template/help-panel/styles.selectors.js +6 -6
- package/lib/internal/template/internal/base-component/styles.scoped.css +1 -1
- package/lib/internal/template/internal/components/drag-handle-wrapper/styles.css.js +21 -21
- package/lib/internal/template/internal/components/drag-handle-wrapper/styles.scoped.css +44 -44
- package/lib/internal/template/internal/components/drag-handle-wrapper/styles.selectors.js +21 -21
- package/lib/internal/template/internal/components/dropdown/styles.css.js +20 -20
- package/lib/internal/template/internal/components/dropdown/styles.scoped.css +38 -38
- package/lib/internal/template/internal/components/dropdown/styles.selectors.js +20 -20
- package/lib/internal/template/internal/components/expand-toggle-button/index.d.ts +3 -1
- package/lib/internal/template/internal/components/expand-toggle-button/index.d.ts.map +1 -1
- package/lib/internal/template/internal/components/expand-toggle-button/index.js +2 -2
- package/lib/internal/template/internal/components/expand-toggle-button/index.js.map +1 -1
- package/lib/internal/template/internal/components/expand-toggle-button/styles.css.js +4 -3
- package/lib/internal/template/internal/components/expand-toggle-button/styles.scoped.css +13 -13
- package/lib/internal/template/internal/components/expand-toggle-button/styles.selectors.js +4 -3
- package/lib/internal/template/internal/components/structured-item/index.d.ts +3 -1
- package/lib/internal/template/internal/components/structured-item/index.d.ts.map +1 -1
- package/lib/internal/template/internal/components/structured-item/index.js +2 -2
- package/lib/internal/template/internal/components/structured-item/index.js.map +1 -1
- package/lib/internal/template/internal/components/token-list/styles.css.js +10 -10
- package/lib/internal/template/internal/components/token-list/styles.scoped.css +25 -25
- package/lib/internal/template/internal/components/token-list/styles.selectors.js +10 -10
- package/lib/internal/template/internal/environment.js +2 -2
- package/lib/internal/template/internal/environment.json +2 -2
- package/lib/internal/template/internal/generated/custom-css-properties/index.d.ts +1 -0
- package/lib/internal/template/internal/generated/custom-css-properties/index.d.ts.map +1 -1
- package/lib/internal/template/internal/generated/custom-css-properties/index.js +85 -84
- package/lib/internal/template/internal/generated/custom-css-properties/index.js.map +1 -1
- package/lib/internal/template/link/styles.css.js +20 -20
- package/lib/internal/template/link/styles.scoped.css +103 -103
- package/lib/internal/template/link/styles.selectors.js +20 -20
- package/lib/internal/template/radio-group/styles.css.js +10 -10
- package/lib/internal/template/radio-group/styles.scoped.css +22 -22
- package/lib/internal/template/radio-group/styles.selectors.js +10 -10
- package/lib/internal/template/slider/styles.css.js +26 -26
- package/lib/internal/template/slider/styles.scoped.css +86 -86
- package/lib/internal/template/slider/styles.selectors.js +26 -26
- package/lib/internal/template/spinner/styles.css.js +13 -13
- package/lib/internal/template/spinner/styles.scoped.css +39 -39
- package/lib/internal/template/spinner/styles.selectors.js +13 -13
- package/lib/internal/template/tag-editor/styles.css.js +3 -3
- package/lib/internal/template/tag-editor/styles.scoped.css +13 -13
- package/lib/internal/template/tag-editor/styles.selectors.js +3 -3
- package/lib/internal/template/text-content/styles.css.js +1 -1
- package/lib/internal/template/text-content/styles.scoped.css +66 -66
- package/lib/internal/template/text-content/styles.selectors.js +1 -1
- package/lib/internal/template/toggle/styles.css.js +10 -10
- package/lib/internal/template/toggle/styles.scoped.css +23 -23
- package/lib/internal/template/toggle/styles.selectors.js +10 -10
- package/lib/internal/template/tree-view/internal.d.ts.map +1 -1
- package/lib/internal/template/tree-view/internal.js +10 -4
- package/lib/internal/template/tree-view/internal.js.map +1 -1
- package/lib/internal/template/tree-view/keyboard-navigation/index.d.ts +31 -0
- package/lib/internal/template/tree-view/keyboard-navigation/index.d.ts.map +1 -0
- package/lib/internal/template/tree-view/keyboard-navigation/index.js +224 -0
- package/lib/internal/template/tree-view/keyboard-navigation/index.js.map +1 -0
- package/lib/internal/template/tree-view/keyboard-navigation/utils.d.ts +7 -0
- package/lib/internal/template/tree-view/keyboard-navigation/utils.d.ts.map +1 -0
- package/lib/internal/template/tree-view/keyboard-navigation/utils.js +40 -0
- package/lib/internal/template/tree-view/keyboard-navigation/utils.js.map +1 -0
- package/lib/internal/template/tree-view/styles.css.js +2 -2
- package/lib/internal/template/tree-view/styles.scoped.css +3 -2
- package/lib/internal/template/tree-view/styles.selectors.js +2 -2
- package/lib/internal/template/tree-view/tree-item/focus-target.d.ts +5 -0
- package/lib/internal/template/tree-view/tree-item/focus-target.d.ts.map +1 -0
- package/lib/internal/template/tree-view/tree-item/focus-target.js +11 -0
- package/lib/internal/template/tree-view/tree-item/focus-target.js.map +1 -0
- package/lib/internal/template/tree-view/tree-item/index.d.ts +4 -1
- package/lib/internal/template/tree-view/tree-item/index.d.ts.map +1 -1
- package/lib/internal/template/tree-view/tree-item/index.js +11 -9
- package/lib/internal/template/tree-view/tree-item/index.js.map +1 -1
- package/lib/internal/template/tree-view/tree-item/styles.css.js +9 -5
- package/lib/internal/template/tree-view/tree-item/styles.scoped.css +46 -11
- package/lib/internal/template/tree-view/tree-item/styles.selectors.js +9 -5
- package/lib/internal/template/tree-view/utils.d.ts +11 -0
- package/lib/internal/template/tree-view/utils.d.ts.map +1 -0
- package/lib/internal/template/tree-view/utils.js +20 -0
- package/lib/internal/template/tree-view/utils.js.map +1 -0
- package/package.json +1 -1
|
@@ -2,10 +2,14 @@
|
|
|
2
2
|
// es-module interop with Babel and Typescript
|
|
3
3
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
4
4
|
module.exports.default = {
|
|
5
|
-
"treeitem-group": "awsui_treeitem-
|
|
6
|
-
"treeitem": "
|
|
7
|
-
"
|
|
8
|
-
"
|
|
9
|
-
"
|
|
5
|
+
"treeitem-group": "awsui_treeitem-group_1agpu_1hpjs_185",
|
|
6
|
+
"treeitem": "awsui_treeitem_1agpu_1hpjs_185",
|
|
7
|
+
"offset": "awsui_offset_1agpu_1hpjs_202",
|
|
8
|
+
"treeitem-content-wrapper": "awsui_treeitem-content-wrapper_1agpu_1hpjs_205",
|
|
9
|
+
"tree-item-focus-target": "awsui_tree-item-focus-target_1agpu_1hpjs_210",
|
|
10
|
+
"expand-toggle-wrapper": "awsui_expand-toggle-wrapper_1agpu_1hpjs_231",
|
|
11
|
+
"toggle": "awsui_toggle_1agpu_1hpjs_236",
|
|
12
|
+
"structured-item-wrapper": "awsui_structured-item-wrapper_1agpu_1hpjs_241",
|
|
13
|
+
"tree-item-structured-item": "awsui_tree-item-structured-item_1agpu_1hpjs_248"
|
|
10
14
|
};
|
|
11
15
|
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
interface IndicesByItemId {
|
|
2
|
+
[key: string]: number;
|
|
3
|
+
}
|
|
4
|
+
export declare function getAllVisibleItemsIndices<T>({ items, expandedItems, getItemId, getItemChildren, }: {
|
|
5
|
+
items: ReadonlyArray<T>;
|
|
6
|
+
expandedItems?: ReadonlyArray<string>;
|
|
7
|
+
getItemId: (item: T, index: number) => string;
|
|
8
|
+
getItemChildren: (item: T, index: number) => ReadonlyArray<T> | undefined;
|
|
9
|
+
}): IndicesByItemId;
|
|
10
|
+
export {};
|
|
11
|
+
//# sourceMappingURL=utils.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../src/tree-view/utils.ts"],"names":[],"mappings":"AAGA,UAAU,eAAe;IACvB,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAAC;CACvB;AAGD,wBAAgB,yBAAyB,CAAC,CAAC,EAAE,EAC3C,KAAK,EACL,aAAa,EACb,SAAS,EACT,eAAe,GAChB,EAAE;IACD,KAAK,EAAE,aAAa,CAAC,CAAC,CAAC,CAAC;IACxB,aAAa,CAAC,EAAE,aAAa,CAAC,MAAM,CAAC,CAAC;IACtC,SAAS,EAAE,CAAC,IAAI,EAAE,CAAC,EAAE,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;IAC9C,eAAe,EAAE,CAAC,IAAI,EAAE,CAAC,EAAE,KAAK,EAAE,MAAM,KAAK,aAAa,CAAC,CAAC,CAAC,GAAG,SAAS,CAAC;CAC3E,mBAoBA"}
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
2
|
+
// SPDX-License-Identifier: Apache-2.0
|
|
3
|
+
// Flattens the items and assigns indices in ascending order for keyboard navigation
|
|
4
|
+
export function getAllVisibleItemsIndices({ items, expandedItems, getItemId, getItemChildren, }) {
|
|
5
|
+
const allIndicesByItemId = {};
|
|
6
|
+
let currentIndex = 0;
|
|
7
|
+
const traverse = (item, index) => {
|
|
8
|
+
const itemId = getItemId(item, index);
|
|
9
|
+
const children = getItemChildren(item, index);
|
|
10
|
+
allIndicesByItemId[itemId] = currentIndex;
|
|
11
|
+
currentIndex += 1;
|
|
12
|
+
const isExpanded = children && children.length > 0 && (expandedItems === null || expandedItems === void 0 ? void 0 : expandedItems.includes(itemId));
|
|
13
|
+
if (isExpanded) {
|
|
14
|
+
children.forEach((child, index) => traverse(child, index));
|
|
15
|
+
}
|
|
16
|
+
};
|
|
17
|
+
items.forEach((item, index) => traverse(item, index));
|
|
18
|
+
return allIndicesByItemId;
|
|
19
|
+
}
|
|
20
|
+
//# sourceMappingURL=utils.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../src/tree-view/utils.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AAMtC,oFAAoF;AACpF,MAAM,UAAU,yBAAyB,CAAI,EAC3C,KAAK,EACL,aAAa,EACb,SAAS,EACT,eAAe,GAMhB;IACC,MAAM,kBAAkB,GAAoB,EAAE,CAAC;IAC/C,IAAI,YAAY,GAAG,CAAC,CAAC;IAErB,MAAM,QAAQ,GAAG,CAAC,IAAO,EAAE,KAAa,EAAE,EAAE;QAC1C,MAAM,MAAM,GAAG,SAAS,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC;QACtC,MAAM,QAAQ,GAAG,eAAe,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC;QAE9C,kBAAkB,CAAC,MAAM,CAAC,GAAG,YAAY,CAAC;QAC1C,YAAY,IAAI,CAAC,CAAC;QAElB,MAAM,UAAU,GAAG,QAAQ,IAAI,QAAQ,CAAC,MAAM,GAAG,CAAC,KAAI,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,QAAQ,CAAC,MAAM,CAAC,CAAA,CAAC;QACtF,IAAI,UAAU,EAAE;YACd,QAAQ,CAAC,OAAO,CAAC,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE,CAAC,QAAQ,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC,CAAC;SAC5D;IACH,CAAC,CAAC;IAEF,KAAK,CAAC,OAAO,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC,QAAQ,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC,CAAC;IAEtD,OAAO,kBAAkB,CAAC;AAC5B,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\n\ninterface IndicesByItemId {\n [key: string]: number;\n}\n\n// Flattens the items and assigns indices in ascending order for keyboard navigation\nexport function getAllVisibleItemsIndices<T>({\n items,\n expandedItems,\n getItemId,\n getItemChildren,\n}: {\n items: ReadonlyArray<T>;\n expandedItems?: ReadonlyArray<string>;\n getItemId: (item: T, index: number) => string;\n getItemChildren: (item: T, index: number) => ReadonlyArray<T> | undefined;\n}) {\n const allIndicesByItemId: IndicesByItemId = {};\n let currentIndex = 0;\n\n const traverse = (item: T, index: number) => {\n const itemId = getItemId(item, index);\n const children = getItemChildren(item, index);\n\n allIndicesByItemId[itemId] = currentIndex;\n currentIndex += 1;\n\n const isExpanded = children && children.length > 0 && expandedItems?.includes(itemId);\n if (isExpanded) {\n children.forEach((child, index) => traverse(child, index));\n }\n };\n\n items.forEach((item, index) => traverse(item, index));\n\n return allIndicesByItemId;\n}\n"]}
|