@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.
Files changed (149) hide show
  1. package/lib/internal/manifest.json +1 -1
  2. package/lib/internal/scss/alert/styles.scss +1 -1
  3. package/lib/internal/scss/internal/components/expand-toggle-button/styles.scss +6 -2
  4. package/lib/internal/scss/internal/generated/custom-css-properties/index.scss +86 -85
  5. package/lib/internal/scss/internal/styles/utils/styles-reset.scss +1 -0
  6. package/lib/internal/scss/tree-view/tree-item/styles.scss +38 -21
  7. package/lib/internal/template/alert/interfaces.d.ts +3 -0
  8. package/lib/internal/template/alert/interfaces.d.ts.map +1 -1
  9. package/lib/internal/template/alert/interfaces.js.map +1 -1
  10. package/lib/internal/template/alert/internal.js +2 -2
  11. package/lib/internal/template/alert/internal.js.map +1 -1
  12. package/lib/internal/template/alert/style.d.ts +3 -0
  13. package/lib/internal/template/alert/style.d.ts.map +1 -1
  14. package/lib/internal/template/alert/style.js +9 -0
  15. package/lib/internal/template/alert/style.js.map +1 -1
  16. package/lib/internal/template/alert/styles.css.js +27 -27
  17. package/lib/internal/template/alert/styles.scoped.css +50 -50
  18. package/lib/internal/template/alert/styles.selectors.js +27 -27
  19. package/lib/internal/template/annotation-context/annotation/styles.css.js +24 -24
  20. package/lib/internal/template/annotation-context/annotation/styles.scoped.css +32 -32
  21. package/lib/internal/template/annotation-context/annotation/styles.selectors.js +24 -24
  22. package/lib/internal/template/app-layout/classic.js +11 -11
  23. package/lib/internal/template/app-layout/classic.js.map +1 -1
  24. package/lib/internal/template/app-layout/notifications/styles.css.js +3 -3
  25. package/lib/internal/template/app-layout/notifications/styles.scoped.css +7 -7
  26. package/lib/internal/template/app-layout/notifications/styles.selectors.js +3 -3
  27. package/lib/internal/template/app-layout/utils/use-focus-control.d.ts +4 -1
  28. package/lib/internal/template/app-layout/utils/use-focus-control.d.ts.map +1 -1
  29. package/lib/internal/template/app-layout/utils/use-focus-control.js +7 -4
  30. package/lib/internal/template/app-layout/utils/use-focus-control.js.map +1 -1
  31. package/lib/internal/template/app-layout/visual-refresh/context.d.ts.map +1 -1
  32. package/lib/internal/template/app-layout/visual-refresh/context.js +10 -12
  33. package/lib/internal/template/app-layout/visual-refresh/context.js.map +1 -1
  34. package/lib/internal/template/app-layout/visual-refresh/styles.css.js +86 -86
  35. package/lib/internal/template/app-layout/visual-refresh/styles.scoped.css +258 -258
  36. package/lib/internal/template/app-layout/visual-refresh/styles.selectors.js +86 -86
  37. package/lib/internal/template/app-layout/visual-refresh-toolbar/drawer/styles.css.js +25 -25
  38. package/lib/internal/template/app-layout/visual-refresh-toolbar/drawer/styles.scoped.css +73 -73
  39. package/lib/internal/template/app-layout/visual-refresh-toolbar/drawer/styles.selectors.js +25 -25
  40. package/lib/internal/template/app-layout/visual-refresh-toolbar/navigation/styles.css.js +4 -4
  41. package/lib/internal/template/app-layout/visual-refresh-toolbar/navigation/styles.scoped.css +7 -7
  42. package/lib/internal/template/app-layout/visual-refresh-toolbar/navigation/styles.selectors.js +4 -4
  43. package/lib/internal/template/app-layout/visual-refresh-toolbar/skeleton/styles.css.js +25 -25
  44. package/lib/internal/template/app-layout/visual-refresh-toolbar/skeleton/styles.scoped.css +50 -50
  45. package/lib/internal/template/app-layout/visual-refresh-toolbar/skeleton/styles.selectors.js +25 -25
  46. package/lib/internal/template/app-layout/visual-refresh-toolbar/state/use-app-layout.js +10 -10
  47. package/lib/internal/template/app-layout/visual-refresh-toolbar/state/use-app-layout.js.map +1 -1
  48. package/lib/internal/template/attribute-editor/styles.css.js +15 -15
  49. package/lib/internal/template/attribute-editor/styles.scoped.css +28 -28
  50. package/lib/internal/template/attribute-editor/styles.selectors.js +15 -15
  51. package/lib/internal/template/breadcrumb-group/item/styles.css.js +7 -7
  52. package/lib/internal/template/breadcrumb-group/item/styles.scoped.css +28 -28
  53. package/lib/internal/template/breadcrumb-group/item/styles.selectors.js +7 -7
  54. package/lib/internal/template/button/styles.css.js +22 -22
  55. package/lib/internal/template/button/styles.scoped.css +256 -256
  56. package/lib/internal/template/button/styles.selectors.js +22 -22
  57. package/lib/internal/template/button-dropdown/item-element/styles.css.js +16 -16
  58. package/lib/internal/template/button-dropdown/item-element/styles.scoped.css +27 -27
  59. package/lib/internal/template/button-dropdown/item-element/styles.selectors.js +16 -16
  60. package/lib/internal/template/checkbox/styles.css.js +3 -3
  61. package/lib/internal/template/checkbox/styles.scoped.css +11 -11
  62. package/lib/internal/template/checkbox/styles.selectors.js +3 -3
  63. package/lib/internal/template/content-layout/styles.css.js +14 -14
  64. package/lib/internal/template/content-layout/styles.scoped.css +27 -27
  65. package/lib/internal/template/content-layout/styles.selectors.js +14 -14
  66. package/lib/internal/template/flashbar/styles.css.js +50 -50
  67. package/lib/internal/template/flashbar/styles.scoped.css +187 -187
  68. package/lib/internal/template/flashbar/styles.selectors.js +50 -50
  69. package/lib/internal/template/help-panel/styles.css.js +6 -6
  70. package/lib/internal/template/help-panel/styles.scoped.css +73 -73
  71. package/lib/internal/template/help-panel/styles.selectors.js +6 -6
  72. package/lib/internal/template/internal/base-component/styles.scoped.css +1 -1
  73. package/lib/internal/template/internal/components/drag-handle-wrapper/styles.css.js +21 -21
  74. package/lib/internal/template/internal/components/drag-handle-wrapper/styles.scoped.css +44 -44
  75. package/lib/internal/template/internal/components/drag-handle-wrapper/styles.selectors.js +21 -21
  76. package/lib/internal/template/internal/components/dropdown/styles.css.js +20 -20
  77. package/lib/internal/template/internal/components/dropdown/styles.scoped.css +38 -38
  78. package/lib/internal/template/internal/components/dropdown/styles.selectors.js +20 -20
  79. package/lib/internal/template/internal/components/expand-toggle-button/index.d.ts +3 -1
  80. package/lib/internal/template/internal/components/expand-toggle-button/index.d.ts.map +1 -1
  81. package/lib/internal/template/internal/components/expand-toggle-button/index.js +2 -2
  82. package/lib/internal/template/internal/components/expand-toggle-button/index.js.map +1 -1
  83. package/lib/internal/template/internal/components/expand-toggle-button/styles.css.js +4 -3
  84. package/lib/internal/template/internal/components/expand-toggle-button/styles.scoped.css +13 -13
  85. package/lib/internal/template/internal/components/expand-toggle-button/styles.selectors.js +4 -3
  86. package/lib/internal/template/internal/components/structured-item/index.d.ts +3 -1
  87. package/lib/internal/template/internal/components/structured-item/index.d.ts.map +1 -1
  88. package/lib/internal/template/internal/components/structured-item/index.js +2 -2
  89. package/lib/internal/template/internal/components/structured-item/index.js.map +1 -1
  90. package/lib/internal/template/internal/components/token-list/styles.css.js +10 -10
  91. package/lib/internal/template/internal/components/token-list/styles.scoped.css +25 -25
  92. package/lib/internal/template/internal/components/token-list/styles.selectors.js +10 -10
  93. package/lib/internal/template/internal/environment.js +2 -2
  94. package/lib/internal/template/internal/environment.json +2 -2
  95. package/lib/internal/template/internal/generated/custom-css-properties/index.d.ts +1 -0
  96. package/lib/internal/template/internal/generated/custom-css-properties/index.d.ts.map +1 -1
  97. package/lib/internal/template/internal/generated/custom-css-properties/index.js +85 -84
  98. package/lib/internal/template/internal/generated/custom-css-properties/index.js.map +1 -1
  99. package/lib/internal/template/link/styles.css.js +20 -20
  100. package/lib/internal/template/link/styles.scoped.css +103 -103
  101. package/lib/internal/template/link/styles.selectors.js +20 -20
  102. package/lib/internal/template/radio-group/styles.css.js +10 -10
  103. package/lib/internal/template/radio-group/styles.scoped.css +22 -22
  104. package/lib/internal/template/radio-group/styles.selectors.js +10 -10
  105. package/lib/internal/template/slider/styles.css.js +26 -26
  106. package/lib/internal/template/slider/styles.scoped.css +86 -86
  107. package/lib/internal/template/slider/styles.selectors.js +26 -26
  108. package/lib/internal/template/spinner/styles.css.js +13 -13
  109. package/lib/internal/template/spinner/styles.scoped.css +39 -39
  110. package/lib/internal/template/spinner/styles.selectors.js +13 -13
  111. package/lib/internal/template/tag-editor/styles.css.js +3 -3
  112. package/lib/internal/template/tag-editor/styles.scoped.css +13 -13
  113. package/lib/internal/template/tag-editor/styles.selectors.js +3 -3
  114. package/lib/internal/template/text-content/styles.css.js +1 -1
  115. package/lib/internal/template/text-content/styles.scoped.css +66 -66
  116. package/lib/internal/template/text-content/styles.selectors.js +1 -1
  117. package/lib/internal/template/toggle/styles.css.js +10 -10
  118. package/lib/internal/template/toggle/styles.scoped.css +23 -23
  119. package/lib/internal/template/toggle/styles.selectors.js +10 -10
  120. package/lib/internal/template/tree-view/internal.d.ts.map +1 -1
  121. package/lib/internal/template/tree-view/internal.js +10 -4
  122. package/lib/internal/template/tree-view/internal.js.map +1 -1
  123. package/lib/internal/template/tree-view/keyboard-navigation/index.d.ts +31 -0
  124. package/lib/internal/template/tree-view/keyboard-navigation/index.d.ts.map +1 -0
  125. package/lib/internal/template/tree-view/keyboard-navigation/index.js +224 -0
  126. package/lib/internal/template/tree-view/keyboard-navigation/index.js.map +1 -0
  127. package/lib/internal/template/tree-view/keyboard-navigation/utils.d.ts +7 -0
  128. package/lib/internal/template/tree-view/keyboard-navigation/utils.d.ts.map +1 -0
  129. package/lib/internal/template/tree-view/keyboard-navigation/utils.js +40 -0
  130. package/lib/internal/template/tree-view/keyboard-navigation/utils.js.map +1 -0
  131. package/lib/internal/template/tree-view/styles.css.js +2 -2
  132. package/lib/internal/template/tree-view/styles.scoped.css +3 -2
  133. package/lib/internal/template/tree-view/styles.selectors.js +2 -2
  134. package/lib/internal/template/tree-view/tree-item/focus-target.d.ts +5 -0
  135. package/lib/internal/template/tree-view/tree-item/focus-target.d.ts.map +1 -0
  136. package/lib/internal/template/tree-view/tree-item/focus-target.js +11 -0
  137. package/lib/internal/template/tree-view/tree-item/focus-target.js.map +1 -0
  138. package/lib/internal/template/tree-view/tree-item/index.d.ts +4 -1
  139. package/lib/internal/template/tree-view/tree-item/index.d.ts.map +1 -1
  140. package/lib/internal/template/tree-view/tree-item/index.js +11 -9
  141. package/lib/internal/template/tree-view/tree-item/index.js.map +1 -1
  142. package/lib/internal/template/tree-view/tree-item/styles.css.js +9 -5
  143. package/lib/internal/template/tree-view/tree-item/styles.scoped.css +46 -11
  144. package/lib/internal/template/tree-view/tree-item/styles.selectors.js +9 -5
  145. package/lib/internal/template/tree-view/utils.d.ts +11 -0
  146. package/lib/internal/template/tree-view/utils.d.ts.map +1 -0
  147. package/lib/internal/template/tree-view/utils.js +20 -0
  148. package/lib/internal/template/tree-view/utils.js.map +1 -0
  149. 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-group_1agpu_sttqi_181",
6
- "treeitem": "awsui_treeitem_1agpu_sttqi_181",
7
- "expand-toggle-wrapper": "awsui_expand-toggle-wrapper_1agpu_sttqi_198",
8
- "toggle": "awsui_toggle_1agpu_sttqi_203",
9
- "structured-item-wrapper": "awsui_structured-item-wrapper_1agpu_sttqi_208"
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"]}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@cloudscape-design/components-themeable",
3
- "version": "3.0.1107",
3
+ "version": "3.0.1109",
4
4
  "files": [
5
5
  "lib"
6
6
  ],