@cloudscape-design/components 3.0.1333 → 3.0.1335

package/table/header-cell/sort-menu.d.ts

@@ -0,0 +1,21 @@
+import { TableProps } from '../interfaces';
+export type SortMenuAction = 'sort-ascending' | 'sort-descending' | 'add-to-sort-ascending' | 'add-to-sort-descending' | 'remove-from-sort';
+export interface SortMenuProps<T> {
+  column: TableProps.ColumnDefinition<T>;
+  inSort: boolean;
+  isSortedAscending: boolean;
+  isSortedDescending: boolean;
+  i18nStrings?: TableProps.I18nStrings;
+  ariaLabel?: string;
+  ariaDescribedby?: string;
+  onAction: (action: SortMenuAction) => void;
+}
+export declare function SortMenu<T>({
+  inSort,
+  isSortedAscending,
+  isSortedDescending,
+  i18nStrings,
+  ariaLabel,
+  ariaDescribedby,
+  onAction
+}: SortMenuProps<T>): JSX.Element;

package/table/header-cell/sort-menu.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"sort-menu.d.ts","sourceRoot":"","sources":["../../../../src/table/header-cell/sort-menu.tsx"],"names":[],"mappings":"AAOA,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAE3C,MAAM,MAAM,cAAc,GACtB,gBAAgB,GAChB,iBAAiB,GACjB,uBAAuB,GACvB,wBAAwB,GACxB,kBAAkB,CAAC;AAEvB,MAAM,WAAW,aAAa,CAAC,CAAC;IAC9B,MAAM,EAAE,UAAU,CAAC,gBAAgB,CAAC,CAAC,CAAC,CAAC;IACvC,MAAM,EAAE,OAAO,CAAC;IAChB,iBAAiB,EAAE,OAAO,CAAC;IAC3B,kBAAkB,EAAE,OAAO,CAAC;IAC5B,WAAW,CAAC,EAAE,UAAU,CAAC,WAAW,CAAC;IACrC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,QAAQ,EAAE,CAAC,MAAM,EAAE,cAAc,KAAK,IAAI,CAAC;CAC5C;AAED,wBAAgB,QAAQ,CAAC,CAAC,EAAE,EAC1B,MAAM,EACN,iBAAiB,EACjB,kBAAkB,EAClB,WAAW,EACX,SAAS,EACT,eAAe,EACf,QAAQ,GACT,EAAE,aAAa,CAAC,CAAC,CAAC,eA+DlB"}

package/table/header-cell/sort-menu.js

@@ -0,0 +1,50 @@
+// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+// SPDX-License-Identifier: Apache-2.0
+import React from 'react';
+import InternalButtonDropdown from '../../button-dropdown/internal';
+import { useInternalI18n } from '../../i18n/context';
+export function SortMenu({ inSort, isSortedAscending, isSortedDescending, i18nStrings, ariaLabel, ariaDescribedby, onAction, }) {
+    var _a, _b, _c, _d, _e, _f, _g;
+    const i18n = useInternalI18n('table');
+    const items = [
+        {
+            id: 'sort-ascending',
+            itemType: 'checkbox',
+            text: (_a = i18n('i18nStrings.sortDropdownSortAscending', i18nStrings === null || i18nStrings === void 0 ? void 0 : i18nStrings.sortDropdownSortAscending)) !== null && _a !== void 0 ? _a : '',
+            checked: isSortedAscending,
+        },
+        {
+            id: 'sort-descending',
+            itemType: 'checkbox',
+            text: (_b = i18n('i18nStrings.sortDropdownSortDescending', i18nStrings === null || i18nStrings === void 0 ? void 0 : i18nStrings.sortDropdownSortDescending)) !== null && _b !== void 0 ? _b : '',
+            checked: isSortedDescending,
+        },
+        {
+            id: 'multi-column-sort-group',
+            itemType: 'group',
+            text: (_c = i18n('i18nStrings.sortDropdownMultiColumnSortGroup', i18nStrings === null || i18nStrings === void 0 ? void 0 : i18nStrings.sortDropdownMultiColumnSortGroup)) !== null && _c !== void 0 ? _c : '',
+            items: [
+                {
+                    id: 'add-to-sort-ascending',
+                    text: (_d = i18n('i18nStrings.sortDropdownAddToSortAscending', i18nStrings === null || i18nStrings === void 0 ? void 0 : i18nStrings.sortDropdownAddToSortAscending)) !== null && _d !== void 0 ? _d : '',
+                    disabled: inSort,
+                    disabledReason: i18n('i18nStrings.sortDropdownAddToSortDisabledReason', i18nStrings === null || i18nStrings === void 0 ? void 0 : i18nStrings.sortDropdownAddToSortDisabledReason),
+                },
+                {
+                    id: 'add-to-sort-descending',
+                    text: (_e = i18n('i18nStrings.sortDropdownAddToSortDescending', i18nStrings === null || i18nStrings === void 0 ? void 0 : i18nStrings.sortDropdownAddToSortDescending)) !== null && _e !== void 0 ? _e : '',
+                    disabled: inSort,
+                    disabledReason: i18n('i18nStrings.sortDropdownAddToSortDisabledReason', i18nStrings === null || i18nStrings === void 0 ? void 0 : i18nStrings.sortDropdownAddToSortDisabledReason),
+                },
+                {
+                    id: 'remove-from-sort',
+                    text: (_f = i18n('i18nStrings.sortDropdownRemoveFromSort', i18nStrings === null || i18nStrings === void 0 ? void 0 : i18nStrings.sortDropdownRemoveFromSort)) !== null && _f !== void 0 ? _f : '',
+                    disabled: !inSort,
+                    disabledReason: i18n('i18nStrings.sortDropdownRemoveFromSortDisabledReason', i18nStrings === null || i18nStrings === void 0 ? void 0 : i18nStrings.sortDropdownRemoveFromSortDisabledReason),
+                },
+            ],
+        },
+    ];
+    return (React.createElement(InternalButtonDropdown, { items: items, variant: "icon", compactTrigger: true, expandToViewport: true, ariaLabel: (_g = i18n('ariaLabels.sortMenuTriggerLabel', ariaLabel)) !== null && _g !== void 0 ? _g : '', ariaDescribedby: ariaDescribedby, onItemClick: ({ detail }) => onAction(detail.id) }));
+}
+//# sourceMappingURL=sort-menu.js.map

package/table/header-cell/sort-menu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"sort-menu.js","sourceRoot":"","sources":["../../../../src/table/header-cell/sort-menu.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,sBAAsB,MAAM,gCAAgC,CAAC;AACpE,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAqBrD,MAAM,UAAU,QAAQ,CAAI,EAC1B,MAAM,EACN,iBAAiB,EACjB,kBAAkB,EAClB,WAAW,EACX,SAAS,EACT,eAAe,EACf,QAAQ,GACS;;IACjB,MAAM,IAAI,GAAG,eAAe,CAAC,OAAO,CAAC,CAAC;IAEtC,MAAM,KAAK,GAAsC;QAC/C;YACE,EAAE,EAAE,gBAAgB;YACpB,QAAQ,EAAE,UAAU;YACpB,IAAI,EAAE,MAAA,IAAI,CAAC,uCAAuC,EAAE,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,yBAAyB,CAAC,mCAAI,EAAE;YACjG,OAAO,EAAE,iBAAiB;SAC3B;QACD;YACE,EAAE,EAAE,iBAAiB;YACrB,QAAQ,EAAE,UAAU;YACpB,IAAI,EAAE,MAAA,IAAI,CAAC,wCAAwC,EAAE,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,0BAA0B,CAAC,mCAAI,EAAE;YACnG,OAAO,EAAE,kBAAkB;SAC5B;QACD;YACE,EAAE,EAAE,yBAAyB;YAC7B,QAAQ,EAAE,OAAO;YACjB,IAAI,EAAE,MAAA,IAAI,CAAC,8CAA8C,EAAE,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,gCAAgC,CAAC,mCAAI,EAAE;YAC/G,KAAK,EAAE;gBACL;oBACE,EAAE,EAAE,uBAAuB;oBAC3B,IAAI,EAAE,MAAA,IAAI,CAAC,4CAA4C,EAAE,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,8BAA8B,CAAC,mCAAI,EAAE;oBAC3G,QAAQ,EAAE,MAAM;oBAChB,cAAc,EAAE,IAAI,CAClB,iDAAiD,EACjD,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,mCAAmC,CACjD;iBACF;gBACD;oBACE,EAAE,EAAE,wBAAwB;oBAC5B,IAAI,EAAE,MAAA,IAAI,CAAC,6CAA6C,EAAE,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,+BAA+B,CAAC,mCAAI,EAAE;oBAC7G,QAAQ,EAAE,MAAM;oBAChB,cAAc,EAAE,IAAI,CAClB,iDAAiD,EACjD,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,mCAAmC,CACjD;iBACF;gBACD;oBACE,EAAE,EAAE,kBAAkB;oBACtB,IAAI,EAAE,MAAA,IAAI,CAAC,wCAAwC,EAAE,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,0BAA0B,CAAC,mCAAI,EAAE;oBACnG,QAAQ,EAAE,CAAC,MAAM;oBACjB,cAAc,EAAE,IAAI,CAClB,sDAAsD,EACtD,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,wCAAwC,CACtD;iBACF;aACF;SACF;KACF,CAAC;IAEF,OAAO,CACL,oBAAC,sBAAsB,IACrB,KAAK,EAAE,KAAK,EACZ,OAAO,EAAC,MAAM,EACd,cAAc,EAAE,IAAI,EACpB,gBAAgB,EAAE,IAAI,EACtB,SAAS,EAAE,MAAA,IAAI,CAAC,iCAAiC,EAAE,SAAS,CAAC,mCAAI,EAAE,EACnE,eAAe,EAAE,eAAe,EAChC,WAAW,EAAE,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,QAAQ,CAAC,MAAM,CAAC,EAAoB,CAAC,GAClE,CACH,CAAC;AACJ,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React from 'react';\n\nimport { ButtonDropdownProps } from '../../button-dropdown/interfaces';\nimport InternalButtonDropdown from '../../button-dropdown/internal';\nimport { useInternalI18n } from '../../i18n/context';\nimport { TableProps } from '../interfaces';\n\nexport type SortMenuAction =\n  | 'sort-ascending'\n  | 'sort-descending'\n  | 'add-to-sort-ascending'\n  | 'add-to-sort-descending'\n  | 'remove-from-sort';\n\nexport interface SortMenuProps<T> {\n  column: TableProps.ColumnDefinition<T>;\n  inSort: boolean;\n  isSortedAscending: boolean;\n  isSortedDescending: boolean;\n  i18nStrings?: TableProps.I18nStrings;\n  ariaLabel?: string;\n  ariaDescribedby?: string;\n  onAction: (action: SortMenuAction) => void;\n}\n\nexport function SortMenu<T>({\n  inSort,\n  isSortedAscending,\n  isSortedDescending,\n  i18nStrings,\n  ariaLabel,\n  ariaDescribedby,\n  onAction,\n}: SortMenuProps<T>) {\n  const i18n = useInternalI18n('table');\n\n  const items: ButtonDropdownProps.ItemOrGroup[] = [\n    {\n      id: 'sort-ascending',\n      itemType: 'checkbox',\n      text: i18n('i18nStrings.sortDropdownSortAscending', i18nStrings?.sortDropdownSortAscending) ?? '',\n      checked: isSortedAscending,\n    },\n    {\n      id: 'sort-descending',\n      itemType: 'checkbox',\n      text: i18n('i18nStrings.sortDropdownSortDescending', i18nStrings?.sortDropdownSortDescending) ?? '',\n      checked: isSortedDescending,\n    },\n    {\n      id: 'multi-column-sort-group',\n      itemType: 'group',\n      text: i18n('i18nStrings.sortDropdownMultiColumnSortGroup', i18nStrings?.sortDropdownMultiColumnSortGroup) ?? '',\n      items: [\n        {\n          id: 'add-to-sort-ascending',\n          text: i18n('i18nStrings.sortDropdownAddToSortAscending', i18nStrings?.sortDropdownAddToSortAscending) ?? '',\n          disabled: inSort,\n          disabledReason: i18n(\n            'i18nStrings.sortDropdownAddToSortDisabledReason',\n            i18nStrings?.sortDropdownAddToSortDisabledReason\n          ),\n        },\n        {\n          id: 'add-to-sort-descending',\n          text: i18n('i18nStrings.sortDropdownAddToSortDescending', i18nStrings?.sortDropdownAddToSortDescending) ?? '',\n          disabled: inSort,\n          disabledReason: i18n(\n            'i18nStrings.sortDropdownAddToSortDisabledReason',\n            i18nStrings?.sortDropdownAddToSortDisabledReason\n          ),\n        },\n        {\n          id: 'remove-from-sort',\n          text: i18n('i18nStrings.sortDropdownRemoveFromSort', i18nStrings?.sortDropdownRemoveFromSort) ?? '',\n          disabled: !inSort,\n          disabledReason: i18n(\n            'i18nStrings.sortDropdownRemoveFromSortDisabledReason',\n            i18nStrings?.sortDropdownRemoveFromSortDisabledReason\n          ),\n        },\n      ],\n    },\n  ];\n\n  return (\n    <InternalButtonDropdown\n      items={items}\n      variant=\"icon\"\n      compactTrigger={true}\n      expandToViewport={true}\n      ariaLabel={i18n('ariaLabels.sortMenuTriggerLabel', ariaLabel) ?? ''}\n      ariaDescribedby={ariaDescribedby}\n      onItemClick={({ detail }) => onAction(detail.id as SortMenuAction)}\n    />\n  );\n}\n"]}

package/table/header-cell/styles.css.js

@@ -1,38 +1,43 @@
 
     import './styles.scoped.css';
     export default {
-  "header-cell": "awsui_header-cell_1spae_1ef0j_149",
-  "header-cell-fake-focus": "awsui_header-cell-fake-focus_1spae_1ef0j_183",
-  "header-cell-group": "awsui_header-cell-group_1spae_1ef0j_204",
-  "header-cell-grouped": "awsui_header-cell-grouped_1spae_1ef0j_204",
-  "header-cell-spans-rows": "awsui_header-cell-spans-rows_1spae_1ef0j_204",
-  "resize-divider": "awsui_resize-divider_1spae_1ef0j_209",
-  "header-cell-sticky": "awsui_header-cell-sticky_1spae_1ef0j_212",
-  "header-cell-stuck": "awsui_header-cell-stuck_1spae_1ef0j_218",
-  "header-cell-variant-full-page": "awsui_header-cell-variant-full-page_1spae_1ef0j_218",
-  "header-cell-hidden": "awsui_header-cell-hidden_1spae_1ef0j_224",
-  "header-cell-variant-embedded": "awsui_header-cell-variant-embedded_1spae_1ef0j_227",
-  "is-visual-refresh": "awsui_is-visual-refresh_1spae_1ef0j_227",
-  "sticky-cell": "awsui_sticky-cell_1spae_1ef0j_227",
-  "header-cell-variant-borderless": "awsui_header-cell-variant-borderless_1spae_1ef0j_227",
-  "header-cell-sortable": "awsui_header-cell-sortable_1spae_1ef0j_230",
-  "table-variant-full-page": "awsui_table-variant-full-page_1spae_1ef0j_251",
-  "sticky-cell-pad-left": "awsui_sticky-cell-pad-left_1spae_1ef0j_254",
-  "has-selection": "awsui_has-selection_1spae_1ef0j_254",
-  "sticky-cell-last-inline-start": "awsui_sticky-cell-last-inline-start_1spae_1ef0j_257",
-  "sticky-cell-last-inline-end": "awsui_sticky-cell-last-inline-end_1spae_1ef0j_269",
-  "sorting-icon": "awsui_sorting-icon_1spae_1ef0j_279",
-  "edit-icon": "awsui_edit-icon_1spae_1ef0j_287",
-  "header-cell-content": "awsui_header-cell-content_1spae_1ef0j_293",
-  "header-cell-content-expandable": "awsui_header-cell-content-expandable_1spae_1ef0j_299",
-  "header-cell-disabled": "awsui_header-cell-disabled_1spae_1ef0j_354",
-  "header-cell-sorted": "awsui_header-cell-sorted_1spae_1ef0j_354",
-  "header-cell-text": "awsui_header-cell-text_1spae_1ef0j_385",
-  "header-cell-text-wrap": "awsui_header-cell-text-wrap_1spae_1ef0j_389",
-  "header-cell-ascending": "awsui_header-cell-ascending_1spae_1ef0j_395",
-  "header-cell-descending": "awsui_header-cell-descending_1spae_1ef0j_396",
-  "has-striped-rows": "awsui_has-striped-rows_1spae_1ef0j_510",
-  "sticky-cell-pad-inline-start": "awsui_sticky-cell-pad-inline-start_1spae_1ef0j_510",
-  "header-cell-resizable": "awsui_header-cell-resizable_1spae_1ef0j_522"
+  "header-cell": "awsui_header-cell_1spae_18njx_149",
+  "header-cell-fake-focus": "awsui_header-cell-fake-focus_1spae_18njx_183",
+  "header-cell-group": "awsui_header-cell-group_1spae_18njx_204",
+  "header-cell-grouped": "awsui_header-cell-grouped_1spae_18njx_204",
+  "header-cell-spans-rows": "awsui_header-cell-spans-rows_1spae_18njx_204",
+  "resize-divider": "awsui_resize-divider_1spae_18njx_209",
+  "header-cell-sticky": "awsui_header-cell-sticky_1spae_18njx_212",
+  "header-cell-stuck": "awsui_header-cell-stuck_1spae_18njx_218",
+  "header-cell-variant-full-page": "awsui_header-cell-variant-full-page_1spae_18njx_218",
+  "header-cell-hidden": "awsui_header-cell-hidden_1spae_18njx_224",
+  "header-cell-variant-embedded": "awsui_header-cell-variant-embedded_1spae_18njx_227",
+  "is-visual-refresh": "awsui_is-visual-refresh_1spae_18njx_227",
+  "sticky-cell": "awsui_sticky-cell_1spae_18njx_227",
+  "header-cell-variant-borderless": "awsui_header-cell-variant-borderless_1spae_18njx_227",
+  "header-cell-sortable": "awsui_header-cell-sortable_1spae_18njx_230",
+  "table-variant-full-page": "awsui_table-variant-full-page_1spae_18njx_251",
+  "sticky-cell-pad-left": "awsui_sticky-cell-pad-left_1spae_18njx_254",
+  "has-selection": "awsui_has-selection_1spae_18njx_254",
+  "sticky-cell-last-inline-start": "awsui_sticky-cell-last-inline-start_1spae_18njx_257",
+  "sticky-cell-last-inline-end": "awsui_sticky-cell-last-inline-end_1spae_18njx_269",
+  "sorting-icon": "awsui_sorting-icon_1spae_18njx_279",
+  "header-cell-main": "awsui_header-cell-main_1spae_18njx_287",
+  "sort-priority-badge": "awsui_sort-priority-badge_1spae_18njx_292",
+  "edit-icon": "awsui_edit-icon_1spae_18njx_296",
+  "header-cell-content": "awsui_header-cell-content_1spae_18njx_302",
+  "header-cell-content-expandable": "awsui_header-cell-content-expandable_1spae_18njx_308",
+  "header-cell-content-multi-sorted": "awsui_header-cell-content-multi-sorted_1spae_18njx_366",
+  "header-cell-disabled": "awsui_header-cell-disabled_1spae_18njx_369",
+  "header-cell-sorted": "awsui_header-cell-sorted_1spae_18njx_369",
+  "header-cell-main-with-menu": "awsui_header-cell-main-with-menu_1spae_18njx_373",
+  "header-cell-content-with-menu": "awsui_header-cell-content-with-menu_1spae_18njx_378",
+  "header-cell-text": "awsui_header-cell-text_1spae_18njx_410",
+  "header-cell-text-wrap": "awsui_header-cell-text-wrap_1spae_18njx_414",
+  "header-cell-ascending": "awsui_header-cell-ascending_1spae_18njx_420",
+  "header-cell-descending": "awsui_header-cell-descending_1spae_18njx_421",
+  "has-striped-rows": "awsui_has-striped-rows_1spae_18njx_535",
+  "sticky-cell-pad-inline-start": "awsui_sticky-cell-pad-inline-start_1spae_18njx_535",
+  "header-cell-resizable": "awsui_header-cell-resizable_1spae_18njx_547"
 };