@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.
- package/app-layout/navigation-panel.d.ts.map +1 -1
- package/app-layout/navigation-panel.js +1 -3
- package/app-layout/navigation-panel.js.map +1 -1
- package/app-layout/styles.css.js +38 -37
- package/app-layout/styles.scoped.css +54 -50
- package/app-layout/styles.selectors.js +38 -37
- package/autosuggest/autosuggest-option.js +1 -1
- package/autosuggest/autosuggest-option.js.map +1 -1
- package/autosuggest/input-controller.d.ts +12 -0
- package/autosuggest/input-controller.d.ts.map +1 -0
- package/autosuggest/input-controller.js +38 -0
- package/autosuggest/input-controller.js.map +1 -0
- package/autosuggest/internal.d.ts.map +1 -1
- package/autosuggest/internal.js +51 -38
- package/autosuggest/internal.js.map +1 -1
- package/autosuggest/load-more-controller.d.ts +16 -0
- package/autosuggest/load-more-controller.d.ts.map +1 -0
- package/autosuggest/load-more-controller.js +27 -0
- package/autosuggest/load-more-controller.js.map +1 -0
- package/autosuggest/options-controller.d.ts +3 -2
- package/autosuggest/options-controller.d.ts.map +1 -1
- package/autosuggest/options-controller.js +18 -22
- package/autosuggest/options-controller.js.map +1 -1
- package/autosuggest/options-list.d.ts +2 -3
- package/autosuggest/options-list.d.ts.map +1 -1
- package/autosuggest/options-list.js +3 -12
- package/autosuggest/options-list.js.map +1 -1
- package/date-picker/calendar/index.d.ts.map +1 -1
- package/date-picker/calendar/index.js +9 -4
- package/date-picker/calendar/index.js.map +1 -1
- package/date-picker/calendar/utils/move-focus-handler.d.ts.map +1 -1
- package/date-picker/calendar/utils/move-focus-handler.js +4 -2
- package/date-picker/calendar/utils/move-focus-handler.js.map +1 -1
- package/internal/components/selectable-item/index.d.ts +8 -4
- package/internal/components/selectable-item/index.d.ts.map +1 -1
- package/internal/components/selectable-item/index.js +2 -2
- package/internal/components/selectable-item/index.js.map +1 -1
- package/internal/environment.js +1 -1
- package/package.json +1 -1
- package/property-filter/property-filter-autosuggest.d.ts.map +1 -1
- package/property-filter/property-filter-autosuggest.js +52 -38
- package/property-filter/property-filter-autosuggest.js.map +1 -1
- package/select/parts/item.d.ts.map +1 -1
- package/select/parts/item.js +3 -2
- package/select/parts/item.js.map +1 -1
- package/select/parts/multiselect-item.js +1 -1
- package/select/parts/multiselect-item.js.map +1 -1
- package/select/parts/styles.css.js +9 -8
- package/select/parts/styles.scoped.css +12 -9
- package/select/parts/styles.selectors.js +9 -8
- package/autosuggest/controller.d.ts +0 -6
- package/autosuggest/controller.d.ts.map +0 -1
- package/autosuggest/controller.js +0 -52
- 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": "
|
|
6
|
-
"item": "
|
|
7
|
-
"checkbox": "
|
|
8
|
-
"filter": "
|
|
9
|
-
"trigger": "
|
|
10
|
-
"layout-strut": "awsui_layout-
|
|
11
|
-
"list-bottom": "awsui_list-
|
|
12
|
-
"selected-icon": "awsui_selected-
|
|
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"]}
|