@cloudscape-design/components 3.0.38 → 3.0.41

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 (54) hide show
  1. package/app-layout/navigation-panel.d.ts.map +1 -1
  2. package/app-layout/navigation-panel.js +1 -3
  3. package/app-layout/navigation-panel.js.map +1 -1
  4. package/app-layout/styles.css.js +38 -37
  5. package/app-layout/styles.scoped.css +54 -50
  6. package/app-layout/styles.selectors.js +38 -37
  7. package/autosuggest/autosuggest-option.js +1 -1
  8. package/autosuggest/autosuggest-option.js.map +1 -1
  9. package/autosuggest/input-controller.d.ts +12 -0
  10. package/autosuggest/input-controller.d.ts.map +1 -0
  11. package/autosuggest/input-controller.js +38 -0
  12. package/autosuggest/input-controller.js.map +1 -0
  13. package/autosuggest/internal.d.ts.map +1 -1
  14. package/autosuggest/internal.js +51 -38
  15. package/autosuggest/internal.js.map +1 -1
  16. package/autosuggest/load-more-controller.d.ts +16 -0
  17. package/autosuggest/load-more-controller.d.ts.map +1 -0
  18. package/autosuggest/load-more-controller.js +27 -0
  19. package/autosuggest/load-more-controller.js.map +1 -0
  20. package/autosuggest/options-controller.d.ts +3 -2
  21. package/autosuggest/options-controller.d.ts.map +1 -1
  22. package/autosuggest/options-controller.js +18 -22
  23. package/autosuggest/options-controller.js.map +1 -1
  24. package/autosuggest/options-list.d.ts +2 -3
  25. package/autosuggest/options-list.d.ts.map +1 -1
  26. package/autosuggest/options-list.js +3 -12
  27. package/autosuggest/options-list.js.map +1 -1
  28. package/date-picker/calendar/index.d.ts.map +1 -1
  29. package/date-picker/calendar/index.js +9 -4
  30. package/date-picker/calendar/index.js.map +1 -1
  31. package/date-picker/calendar/utils/move-focus-handler.d.ts.map +1 -1
  32. package/date-picker/calendar/utils/move-focus-handler.js +4 -2
  33. package/date-picker/calendar/utils/move-focus-handler.js.map +1 -1
  34. package/internal/components/selectable-item/index.d.ts +8 -4
  35. package/internal/components/selectable-item/index.d.ts.map +1 -1
  36. package/internal/components/selectable-item/index.js +2 -2
  37. package/internal/components/selectable-item/index.js.map +1 -1
  38. package/internal/environment.js +1 -1
  39. package/package.json +1 -1
  40. package/property-filter/property-filter-autosuggest.d.ts.map +1 -1
  41. package/property-filter/property-filter-autosuggest.js +52 -38
  42. package/property-filter/property-filter-autosuggest.js.map +1 -1
  43. package/select/parts/item.d.ts.map +1 -1
  44. package/select/parts/item.js +3 -2
  45. package/select/parts/item.js.map +1 -1
  46. package/select/parts/multiselect-item.js +1 -1
  47. package/select/parts/multiselect-item.js.map +1 -1
  48. package/select/parts/styles.css.js +9 -8
  49. package/select/parts/styles.scoped.css +12 -9
  50. package/select/parts/styles.selectors.js +9 -8
  51. package/autosuggest/controller.d.ts +0 -6
  52. package/autosuggest/controller.d.ts.map +0 -1
  53. package/autosuggest/controller.js +0 -52
  54. package/autosuggest/controller.js.map +0 -1
@@ -2,13 +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
- "placeholder": "awsui_placeholder_dwuol_igxxa_93",
6
- "item": "awsui_item_dwuol_igxxa_98",
7
- "checkbox": "awsui_checkbox_dwuol_igxxa_102",
8
- "filter": "awsui_filter_dwuol_igxxa_111",
9
- "trigger": "awsui_trigger_dwuol_igxxa_116",
10
- "layout-strut": "awsui_layout-strut_dwuol_igxxa_122",
11
- "list-bottom": "awsui_list-bottom_dwuol_igxxa_128",
12
- "selected-icon": "awsui_selected-icon_dwuol_igxxa_132"
5
+ "placeholder": "awsui_placeholder_dwuol_agn1m_93",
6
+ "item": "awsui_item_dwuol_agn1m_98",
7
+ "checkbox": "awsui_checkbox_dwuol_agn1m_102",
8
+ "filter": "awsui_filter_dwuol_agn1m_111",
9
+ "trigger": "awsui_trigger_dwuol_agn1m_116",
10
+ "layout-strut": "awsui_layout-strut_dwuol_agn1m_122",
11
+ "list-bottom": "awsui_list-bottom_dwuol_agn1m_128",
12
+ "selected-icon": "awsui_selected-icon_dwuol_agn1m_132",
13
+ "show-label-tag": "awsui_show-label-tag_dwuol_agn1m_136"
13
14
  };
14
15
 
@@ -1,6 +0,0 @@
1
- import { CancelableEventHandler, BaseKeyDetail } from '../internal/events';
2
- import { AutosuggestItem } from './interfaces';
3
- export declare const useSelectVisibleOption: (filteredItems: readonly AutosuggestItem[], selectOption: (option: AutosuggestItem) => void, isInteractive: (option: AutosuggestItem) => boolean) => (index: number) => void;
4
- export declare const useHighlightVisibleOption: (filteredItems: readonly AutosuggestItem[], setHighlightedIndex: (index: number) => void, isHighlightable: (option: AutosuggestItem) => boolean) => (index: number) => void;
5
- export declare const useKeyboardHandler: (open: boolean, openDropdown: () => void, closeDropdown: () => void, interceptKeyDown: (e: CustomEvent<BaseKeyDetail>) => boolean, onKeyDown?: CancelableEventHandler<BaseKeyDetail> | undefined) => (e: CustomEvent<BaseKeyDetail>) => void;
6
- //# sourceMappingURL=controller.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"controller.d.ts","sourceRoot":"","sources":["../../../src/autosuggest/controller.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,sBAAsB,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AAE3E,OAAO,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAE/C,eAAO,MAAM,sBAAsB,kBAClB,SAAS,eAAe,EAAE,yBAClB,eAAe,KAAK,IAAI,0BACvB,eAAe,KAAK,OAAO,aAGzC,MAAM,SAOf,CAAC;AAEJ,eAAO,MAAM,yBAAyB,kBACrB,SAAS,eAAe,EAAE,+BACZ,MAAM,KAAK,IAAI,4BAClB,eAAe,KAAK,OAAO,aAG3C,MAAM,SAOf,CAAC;AAEJ,eAAO,MAAM,kBAAkB,SACvB,OAAO,gBACC,MAAM,IAAI,iBACT,MAAM,IAAI,wBACH,YAAY,aAAa,CAAC,KAAK,OAAO,wEAItD,YAAY,aAAa,CAAC,SA+BjC,CAAC"}
@@ -1,52 +0,0 @@
1
- // Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
2
- // SPDX-License-Identifier: Apache-2.0
3
- import { useCallback } from 'react';
4
- import { KeyCode } from '../internal/keycode';
5
- export var useSelectVisibleOption = function (filteredItems, selectOption, isInteractive) {
6
- return useCallback(function (index) {
7
- var option = filteredItems[index];
8
- if (option && isInteractive(option)) {
9
- selectOption(option);
10
- }
11
- }, [filteredItems, selectOption, isInteractive]);
12
- };
13
- export var useHighlightVisibleOption = function (filteredItems, setHighlightedIndex, isHighlightable) {
14
- return useCallback(function (index) {
15
- var option = filteredItems[index];
16
- if (option && isHighlightable(option)) {
17
- setHighlightedIndex(index);
18
- }
19
- }, [filteredItems, setHighlightedIndex, isHighlightable]);
20
- };
21
- export var useKeyboardHandler = function (open, openDropdown, closeDropdown, interceptKeyDown, onKeyDown) {
22
- return useCallback(function (e) {
23
- switch (e.detail.keyCode) {
24
- case KeyCode.down: {
25
- interceptKeyDown(e);
26
- openDropdown();
27
- e.preventDefault();
28
- break;
29
- }
30
- case KeyCode.up: {
31
- interceptKeyDown(e);
32
- openDropdown();
33
- e.preventDefault();
34
- break;
35
- }
36
- case KeyCode.enter: {
37
- if (open) {
38
- if (!interceptKeyDown(e)) {
39
- closeDropdown();
40
- }
41
- e.preventDefault();
42
- }
43
- onKeyDown && onKeyDown(e);
44
- break;
45
- }
46
- default: {
47
- onKeyDown && onKeyDown(e);
48
- }
49
- }
50
- }, [open, openDropdown, closeDropdown, interceptKeyDown, onKeyDown]);
51
- };
52
- //# sourceMappingURL=controller.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"controller.js","sourceRoot":"","sources":["../../../src/autosuggest/controller.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAEpC,OAAO,EAAE,OAAO,EAAE,MAAM,qBAAqB,CAAC;AAG9C,MAAM,CAAC,IAAM,sBAAsB,GAAG,UACpC,aAAyC,EACzC,YAA+C,EAC/C,aAAmD;IAEnD,OAAA,WAAW,CACT,UAAC,KAAa;QACZ,IAAM,MAAM,GAAG,aAAa,CAAC,KAAK,CAAC,CAAC;QACpC,IAAI,MAAM,IAAI,aAAa,CAAC,MAAM,CAAC,EAAE;YACnC,YAAY,CAAC,MAAM,CAAC,CAAC;SACtB;IACH,CAAC,EACD,CAAC,aAAa,EAAE,YAAY,EAAE,aAAa,CAAC,CAC7C;AARD,CAQC,CAAC;AAEJ,MAAM,CAAC,IAAM,yBAAyB,GAAG,UACvC,aAAyC,EACzC,mBAA4C,EAC5C,eAAqD;IAErD,OAAA,WAAW,CACT,UAAC,KAAa;QACZ,IAAM,MAAM,GAAG,aAAa,CAAC,KAAK,CAAC,CAAC;QACpC,IAAI,MAAM,IAAI,eAAe,CAAC,MAAM,CAAC,EAAE;YACrC,mBAAmB,CAAC,KAAK,CAAC,CAAC;SAC5B;IACH,CAAC,EACD,CAAC,aAAa,EAAE,mBAAmB,EAAE,eAAe,CAAC,CACtD;AARD,CAQC,CAAC;AAEJ,MAAM,CAAC,IAAM,kBAAkB,GAAG,UAChC,IAAa,EACb,YAAwB,EACxB,aAAyB,EACzB,gBAA4D,EAC5D,SAAiD;IAEjD,OAAO,WAAW,CAChB,UAAC,CAA6B;QAC5B,QAAQ,CAAC,CAAC,MAAM,CAAC,OAAO,EAAE;YACxB,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;gBACjB,gBAAgB,CAAC,CAAC,CAAC,CAAC;gBACpB,YAAY,EAAE,CAAC;gBACf,CAAC,CAAC,cAAc,EAAE,CAAC;gBACnB,MAAM;aACP;YACD,KAAK,OAAO,CAAC,EAAE,CAAC,CAAC;gBACf,gBAAgB,CAAC,CAAC,CAAC,CAAC;gBACpB,YAAY,EAAE,CAAC;gBACf,CAAC,CAAC,cAAc,EAAE,CAAC;gBACnB,MAAM;aACP;YACD,KAAK,OAAO,CAAC,KAAK,CAAC,CAAC;gBAClB,IAAI,IAAI,EAAE;oBACR,IAAI,CAAC,gBAAgB,CAAC,CAAC,CAAC,EAAE;wBACxB,aAAa,EAAE,CAAC;qBACjB;oBACD,CAAC,CAAC,cAAc,EAAE,CAAC;iBACpB;gBACD,SAAS,IAAI,SAAS,CAAC,CAAC,CAAC,CAAC;gBAC1B,MAAM;aACP;YACD,OAAO,CAAC,CAAC;gBACP,SAAS,IAAI,SAAS,CAAC,CAAC,CAAC,CAAC;aAC3B;SACF;IACH,CAAC,EACD,CAAC,IAAI,EAAE,YAAY,EAAE,aAAa,EAAE,gBAAgB,EAAE,SAAS,CAAC,CACjE,CAAC;AACJ,CAAC,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport { useCallback } from 'react';\nimport { CancelableEventHandler, BaseKeyDetail } from '../internal/events';\nimport { KeyCode } from '../internal/keycode';\nimport { AutosuggestItem } from './interfaces';\n\nexport const useSelectVisibleOption = (\n filteredItems: readonly AutosuggestItem[],\n selectOption: (option: AutosuggestItem) => void,\n isInteractive: (option: AutosuggestItem) => boolean\n) =>\n useCallback(\n (index: number) => {\n const option = filteredItems[index];\n if (option && isInteractive(option)) {\n selectOption(option);\n }\n },\n [filteredItems, selectOption, isInteractive]\n );\n\nexport const useHighlightVisibleOption = (\n filteredItems: readonly AutosuggestItem[],\n setHighlightedIndex: (index: number) => void,\n isHighlightable: (option: AutosuggestItem) => boolean\n) =>\n useCallback(\n (index: number) => {\n const option = filteredItems[index];\n if (option && isHighlightable(option)) {\n setHighlightedIndex(index);\n }\n },\n [filteredItems, setHighlightedIndex, isHighlightable]\n );\n\nexport const useKeyboardHandler = (\n open: boolean,\n openDropdown: () => void,\n closeDropdown: () => void,\n interceptKeyDown: (e: CustomEvent<BaseKeyDetail>) => boolean,\n onKeyDown?: CancelableEventHandler<BaseKeyDetail>\n) => {\n return useCallback(\n (e: CustomEvent<BaseKeyDetail>) => {\n switch (e.detail.keyCode) {\n case KeyCode.down: {\n interceptKeyDown(e);\n openDropdown();\n e.preventDefault();\n break;\n }\n case KeyCode.up: {\n interceptKeyDown(e);\n openDropdown();\n e.preventDefault();\n break;\n }\n case KeyCode.enter: {\n if (open) {\n if (!interceptKeyDown(e)) {\n closeDropdown();\n }\n e.preventDefault();\n }\n onKeyDown && onKeyDown(e);\n break;\n }\n default: {\n onKeyDown && onKeyDown(e);\n }\n }\n },\n [open, openDropdown, closeDropdown, interceptKeyDown, onKeyDown]\n );\n};\n"]}