@cloudscape-design/components-themeable 3.0.958 → 3.0.960

package/lib/internal/template/internal/components/button-trigger/styles.scoped.css

@@ -158,21 +158,21 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
  SPDX-License-Identifier: Apache-2.0
 */
-.awsui_button-trigger_18eso_1k9dx_161 > .awsui_arrow_18eso_1k9dx_161:not(#\9) {
+.awsui_button-trigger_18eso_10wgd_161 > .awsui_arrow_18eso_10wgd_161:not(#\9) {
   transition: transform var(--motion-duration-rotate-180-llqolb, 135ms) var(--motion-easing-rotate-180-wt4cje, cubic-bezier(0.165, 0.84, 0.44, 1));
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_button-trigger_18eso_1k9dx_161 > .awsui_arrow_18eso_1k9dx_161:not(#\9) {
+  .awsui_button-trigger_18eso_10wgd_161 > .awsui_arrow_18eso_10wgd_161:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_button-trigger_18eso_1k9dx_161 > .awsui_arrow_18eso_1k9dx_161:not(#\9), .awsui-mode-entering .awsui_button-trigger_18eso_1k9dx_161 > .awsui_arrow_18eso_1k9dx_161:not(#\9) {
+.awsui-motion-disabled .awsui_button-trigger_18eso_10wgd_161 > .awsui_arrow_18eso_10wgd_161:not(#\9), .awsui-mode-entering .awsui_button-trigger_18eso_10wgd_161 > .awsui_arrow_18eso_10wgd_161:not(#\9) {
   animation: none;
   transition: none;
 }
 
-.awsui_button-trigger_18eso_1k9dx_161:not(#\9) {
+.awsui_button-trigger_18eso_10wgd_161:not(#\9) {
   border-collapse: separate;
   border-spacing: 0;
   box-sizing: border-box;
@@ -219,7 +219,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   border-inline: var(--border-width-field-9kmoac, 1px) solid var(--color-border-input-default-2868kh, #687078);
   min-block-size: var(--size-vertical-input-t2p4dg, 32px);
 }
-.awsui_button-trigger_18eso_1k9dx_161.awsui_in-filtering-token-root_18eso_1k9dx_221:not(#\9), .awsui_button-trigger_18eso_1k9dx_161.awsui_in-filtering-token-nested_18eso_1k9dx_221:not(#\9) {
+.awsui_button-trigger_18eso_10wgd_161.awsui_in-filtering-token-root_18eso_10wgd_221:not(#\9), .awsui_button-trigger_18eso_10wgd_161.awsui_in-filtering-token-nested_18eso_10wgd_221:not(#\9) {
   padding-block: 0px;
   padding-inline: var(--space-field-horizontal-cxdor9, 8px);
   border-color: var(--color-border-item-selected-aam4fo, #0073bb);
@@ -228,14 +228,14 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   block-size: 100%;
   min-block-size: unset;
 }
-body[data-awsui-focus-visible=true] .awsui_button-trigger_18eso_1k9dx_161.awsui_in-filtering-token-root_18eso_1k9dx_221:not(#\9):focus, body[data-awsui-focus-visible=true] .awsui_button-trigger_18eso_1k9dx_161.awsui_in-filtering-token-nested_18eso_1k9dx_221:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_button-trigger_18eso_10wgd_161.awsui_in-filtering-token-root_18eso_10wgd_221:not(#\9):focus, body[data-awsui-focus-visible=true] .awsui_button-trigger_18eso_10wgd_161.awsui_in-filtering-token-nested_18eso_10wgd_221:not(#\9):focus {
   position: relative;
 }
-body[data-awsui-focus-visible=true] .awsui_button-trigger_18eso_1k9dx_161.awsui_in-filtering-token-root_18eso_1k9dx_221:not(#\9):focus, body[data-awsui-focus-visible=true] .awsui_button-trigger_18eso_1k9dx_161.awsui_in-filtering-token-nested_18eso_1k9dx_221:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_button-trigger_18eso_10wgd_161.awsui_in-filtering-token-root_18eso_10wgd_221:not(#\9):focus, body[data-awsui-focus-visible=true] .awsui_button-trigger_18eso_10wgd_161.awsui_in-filtering-token-nested_18eso_10wgd_221:not(#\9):focus {
   outline: 2px dotted transparent;
   outline-offset: calc(var(--space-filtering-token-operation-select-focus-outline-gutter-8eag46, 0px) - 1px);
 }
-body[data-awsui-focus-visible=true] .awsui_button-trigger_18eso_1k9dx_161.awsui_in-filtering-token-root_18eso_1k9dx_221:not(#\9):focus::before, body[data-awsui-focus-visible=true] .awsui_button-trigger_18eso_1k9dx_161.awsui_in-filtering-token-nested_18eso_1k9dx_221:not(#\9):focus::before {
+body[data-awsui-focus-visible=true] .awsui_button-trigger_18eso_10wgd_161.awsui_in-filtering-token-root_18eso_10wgd_221:not(#\9):focus::before, body[data-awsui-focus-visible=true] .awsui_button-trigger_18eso_10wgd_161.awsui_in-filtering-token-nested_18eso_10wgd_221:not(#\9):focus::before {
   content: " ";
   display: block;
   position: absolute;
@@ -249,55 +249,55 @@ body[data-awsui-focus-visible=true] .awsui_button-trigger_18eso_1k9dx_161.awsui_
   border-end-end-radius: var(--border-radius-control-default-focus-ring-vy2hlh, 2px);
   box-shadow: 0 0 0 2px var(--color-border-item-focused-q68bgg, #0073bb);
 }
-.awsui_button-trigger_18eso_1k9dx_161.awsui_in-filtering-token-nested_18eso_1k9dx_221:not(#\9) {
+.awsui_button-trigger_18eso_10wgd_161.awsui_in-filtering-token-nested_18eso_10wgd_221:not(#\9) {
   border-start-start-radius: calc(var(--border-radius-input-bx26um, 2px) / 2);
   border-end-start-radius: calc(var(--border-radius-input-bx26um, 2px) / 2);
 }
-.awsui_button-trigger_18eso_1k9dx_161.awsui_has-caret_18eso_1k9dx_255:not(#\9) {
+.awsui_button-trigger_18eso_10wgd_161.awsui_has-caret_18eso_10wgd_255:not(#\9) {
   padding-inline-end: var(--space-field-icon-offset-0lab0t, 32px);
 }
-.awsui_button-trigger_18eso_1k9dx_161 > .awsui_placeholder_18eso_1k9dx_258:not(#\9) {
+.awsui_button-trigger_18eso_10wgd_161 > .awsui_placeholder_18eso_10wgd_258:not(#\9) {
   color: var(--color-text-input-placeholder-od847j, #687078);
   font-style: italic;
 }
-.awsui_button-trigger_18eso_1k9dx_161 > .awsui_arrow_18eso_1k9dx_161:not(#\9) {
+.awsui_button-trigger_18eso_10wgd_161 > .awsui_arrow_18eso_10wgd_161:not(#\9) {
   position: absolute;
   inset-inline-end: var(--space-field-horizontal-cxdor9, 8px);
   inset-block-start: calc(50% - var(--line-height-body-m-gw0130, 22px) / 2);
   color: var(--color-text-button-inline-icon-default-b49xj6, #545b64);
 }
-.awsui_button-trigger_18eso_1k9dx_161:not(#\9):hover > .awsui_arrow_18eso_1k9dx_161 {
+.awsui_button-trigger_18eso_10wgd_161:not(#\9):hover > .awsui_arrow_18eso_10wgd_161 {
   color: var(--color-text-button-inline-icon-hover-h3zsyn, #16191f);
 }
-.awsui_button-trigger_18eso_1k9dx_161.awsui_pressed_18eso_1k9dx_271 > .awsui_arrow_18eso_1k9dx_161:not(#\9) {
+.awsui_button-trigger_18eso_10wgd_161.awsui_pressed_18eso_10wgd_271 > .awsui_arrow_18eso_10wgd_161:not(#\9) {
   transform: rotate(-180deg);
 }
-.awsui_button-trigger_18eso_1k9dx_161.awsui_disabled_18eso_1k9dx_274:not(#\9) {
+.awsui_button-trigger_18eso_10wgd_161.awsui_disabled_18eso_10wgd_274:not(#\9) {
   background-color: var(--color-background-input-disabled-fxvqfu, #eaeded);
   border-block: var(--border-width-field-9kmoac, 1px) solid var(--color-border-input-disabled-vjmitr, #eaeded);
   border-inline: var(--border-width-field-9kmoac, 1px) solid var(--color-border-input-disabled-vjmitr, #eaeded);
   color: var(--color-text-input-disabled-uyphto, #879596);
   cursor: auto;
 }
-.awsui_button-trigger_18eso_1k9dx_161.awsui_disabled_18eso_1k9dx_274 > .awsui_arrow_18eso_1k9dx_161:not(#\9) {
+.awsui_button-trigger_18eso_10wgd_161.awsui_disabled_18eso_10wgd_274 > .awsui_arrow_18eso_10wgd_161:not(#\9) {
   color: var(--color-text-button-inline-icon-disabled-pdpnjk, #aab7b8);
 }
-.awsui_button-trigger_18eso_1k9dx_161.awsui_disabled_18eso_1k9dx_274.awsui_in-filtering-token_18eso_1k9dx_221:not(#\9) {
+.awsui_button-trigger_18eso_10wgd_161.awsui_disabled_18eso_10wgd_274.awsui_in-filtering-token_18eso_10wgd_221:not(#\9) {
   border-color: var(--color-border-control-disabled-7jgofv, #d5dbdb);
 }
-.awsui_button-trigger_18eso_1k9dx_161.awsui_disabled_18eso_1k9dx_274 > .awsui_placeholder_18eso_1k9dx_258:not(#\9) {
+.awsui_button-trigger_18eso_10wgd_161.awsui_disabled_18eso_10wgd_274 > .awsui_placeholder_18eso_10wgd_258:not(#\9) {
   color: var(--color-text-input-placeholder-disabled-kh03qh, #687078);
 }
-.awsui_button-trigger_18eso_1k9dx_161.awsui_readonly_18eso_1k9dx_290:not(#\9):not(.awsui_button-trigger_18eso_1k9dx_161.awsui_disabled_18eso_1k9dx_274) {
+.awsui_button-trigger_18eso_10wgd_161.awsui_readonly_18eso_10wgd_290:not(#\9):not(.awsui_button-trigger_18eso_10wgd_161.awsui_disabled_18eso_10wgd_274):not(.awsui_button-trigger_18eso_10wgd_161.awsui_in-filtering-token_18eso_10wgd_221) {
   background-color: var(--color-background-input-default-refava, #ffffff);
   border-block: var(--border-width-field-9kmoac, 1px) solid var(--color-border-input-disabled-vjmitr, #eaeded);
   border-inline: var(--border-width-field-9kmoac, 1px) solid var(--color-border-input-disabled-vjmitr, #eaeded);
 }
-.awsui_button-trigger_18eso_1k9dx_161:not(#\9):focus {
+.awsui_button-trigger_18eso_10wgd_161:not(#\9):focus {
   outline: none;
   text-decoration: none;
 }
-body[data-awsui-focus-visible=true] .awsui_button-trigger_18eso_1k9dx_161:not(#\9):not(.awsui_in-filtering-token_18eso_1k9dx_221):focus {
+body[data-awsui-focus-visible=true] .awsui_button-trigger_18eso_10wgd_161:not(#\9):not(.awsui_in-filtering-token_18eso_10wgd_221):focus {
   outline: 2px dotted transparent;
   border-block: var(--border-width-field-9kmoac, 1px) solid var(--color-border-input-focused-rg4ms2, #0073bb);
   border-inline: var(--border-width-field-9kmoac, 1px) solid var(--color-border-input-focused-rg4ms2, #0073bb);
@@ -307,27 +307,27 @@ body[data-awsui-focus-visible=true] .awsui_button-trigger_18eso_1k9dx_161:not(#\
   border-end-end-radius: var(--border-radius-input-bx26um, 2px);
   box-shadow: 0 0 0 var(--border-control-focus-ring-shadow-spread-kvz439, 1px) var(--color-border-item-focused-q68bgg, #0073bb);
 }
-.awsui_button-trigger_18eso_1k9dx_161:not(#\9):not(.awsui_in-filtering-token_18eso_1k9dx_221):invalid {
+.awsui_button-trigger_18eso_10wgd_161:not(#\9):not(.awsui_in-filtering-token_18eso_10wgd_221):invalid {
   box-shadow: none;
 }
-.awsui_button-trigger_18eso_1k9dx_161:not(#\9):not(.awsui_in-filtering-token_18eso_1k9dx_221).awsui_invalid_18eso_1k9dx_312, .awsui_button-trigger_18eso_1k9dx_161:not(#\9):not(.awsui_in-filtering-token_18eso_1k9dx_221).awsui_invalid_18eso_1k9dx_312:focus {
+.awsui_button-trigger_18eso_10wgd_161:not(#\9):not(.awsui_in-filtering-token_18eso_10wgd_221).awsui_invalid_18eso_10wgd_312, .awsui_button-trigger_18eso_10wgd_161:not(#\9):not(.awsui_in-filtering-token_18eso_10wgd_221).awsui_invalid_18eso_10wgd_312:focus {
   color: var(--color-text-status-error-p5bdwa, #d13212);
   border-color: var(--color-text-status-error-p5bdwa, #d13212);
   padding-inline-start: calc(var(--space-field-horizontal-cxdor9, 8px) - (var(--border-invalid-width-bkxihb, 4px) - var(--border-width-field-9kmoac, 1px)));
   border-inline-start-width: var(--border-invalid-width-bkxihb, 4px);
 }
-.awsui_button-trigger_18eso_1k9dx_161:not(#\9):not(.awsui_in-filtering-token_18eso_1k9dx_221).awsui_invalid_18eso_1k9dx_312:focus, .awsui_button-trigger_18eso_1k9dx_161:not(#\9):not(.awsui_in-filtering-token_18eso_1k9dx_221).awsui_invalid_18eso_1k9dx_312:focus:focus {
+.awsui_button-trigger_18eso_10wgd_161:not(#\9):not(.awsui_in-filtering-token_18eso_10wgd_221).awsui_invalid_18eso_10wgd_312:focus, .awsui_button-trigger_18eso_10wgd_161:not(#\9):not(.awsui_in-filtering-token_18eso_10wgd_221).awsui_invalid_18eso_10wgd_312:focus:focus {
   box-shadow: 0 0 0 var(--border-control-invalid-focus-ring-shadow-spread-rdec9x, 1px) var(--color-border-item-focused-q68bgg, #0073bb);
 }
-.awsui_button-trigger_18eso_1k9dx_161:not(#\9):not(.awsui_in-filtering-token_18eso_1k9dx_221).awsui_warning_18eso_1k9dx_321, .awsui_button-trigger_18eso_1k9dx_161:not(#\9):not(.awsui_in-filtering-token_18eso_1k9dx_221).awsui_warning_18eso_1k9dx_321:focus {
+.awsui_button-trigger_18eso_10wgd_161:not(#\9):not(.awsui_in-filtering-token_18eso_10wgd_221).awsui_warning_18eso_10wgd_321, .awsui_button-trigger_18eso_10wgd_161:not(#\9):not(.awsui_in-filtering-token_18eso_10wgd_221).awsui_warning_18eso_10wgd_321:focus {
   color: var(--color-text-status-warning-3hbtsc, #906806);
   border-color: var(--color-text-status-warning-3hbtsc, #906806);
   padding-inline-start: calc(var(--space-field-horizontal-cxdor9, 8px) - (var(--border-invalid-width-bkxihb, 4px) - var(--border-width-field-9kmoac, 1px)));
   border-inline-start-width: var(--border-invalid-width-bkxihb, 4px);
 }
-.awsui_button-trigger_18eso_1k9dx_161:not(#\9):not(.awsui_in-filtering-token_18eso_1k9dx_221).awsui_warning_18eso_1k9dx_321:focus, .awsui_button-trigger_18eso_1k9dx_161:not(#\9):not(.awsui_in-filtering-token_18eso_1k9dx_221).awsui_warning_18eso_1k9dx_321:focus:focus {
+.awsui_button-trigger_18eso_10wgd_161:not(#\9):not(.awsui_in-filtering-token_18eso_10wgd_221).awsui_warning_18eso_10wgd_321:focus, .awsui_button-trigger_18eso_10wgd_161:not(#\9):not(.awsui_in-filtering-token_18eso_10wgd_221).awsui_warning_18eso_10wgd_321:focus:focus {
   box-shadow: 0 0 0 var(--border-control-invalid-focus-ring-shadow-spread-rdec9x, 1px) var(--color-border-item-focused-q68bgg, #0073bb);
 }
-.awsui_button-trigger_18eso_1k9dx_161.awsui_inline-tokens_18eso_1k9dx_330:not(#\9) {
+.awsui_button-trigger_18eso_10wgd_161.awsui_inline-tokens_18eso_10wgd_330:not(#\9) {
   padding-block: 0;
 }

package/lib/internal/template/internal/components/button-trigger/styles.selectors.js

@@ -2,18 +2,18 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "button-trigger": "awsui_button-trigger_18eso_1k9dx_161",
-  "arrow": "awsui_arrow_18eso_1k9dx_161",
-  "in-filtering-token-root": "awsui_in-filtering-token-root_18eso_1k9dx_221",
-  "in-filtering-token-nested": "awsui_in-filtering-token-nested_18eso_1k9dx_221",
-  "has-caret": "awsui_has-caret_18eso_1k9dx_255",
-  "placeholder": "awsui_placeholder_18eso_1k9dx_258",
-  "pressed": "awsui_pressed_18eso_1k9dx_271",
-  "disabled": "awsui_disabled_18eso_1k9dx_274",
-  "in-filtering-token": "awsui_in-filtering-token_18eso_1k9dx_221",
-  "readonly": "awsui_readonly_18eso_1k9dx_290",
-  "invalid": "awsui_invalid_18eso_1k9dx_312",
-  "warning": "awsui_warning_18eso_1k9dx_321",
-  "inline-tokens": "awsui_inline-tokens_18eso_1k9dx_330"
+  "button-trigger": "awsui_button-trigger_18eso_10wgd_161",
+  "arrow": "awsui_arrow_18eso_10wgd_161",
+  "in-filtering-token-root": "awsui_in-filtering-token-root_18eso_10wgd_221",
+  "in-filtering-token-nested": "awsui_in-filtering-token-nested_18eso_10wgd_221",
+  "has-caret": "awsui_has-caret_18eso_10wgd_255",
+  "placeholder": "awsui_placeholder_18eso_10wgd_258",
+  "pressed": "awsui_pressed_18eso_10wgd_271",
+  "disabled": "awsui_disabled_18eso_10wgd_274",
+  "in-filtering-token": "awsui_in-filtering-token_18eso_10wgd_221",
+  "readonly": "awsui_readonly_18eso_10wgd_290",
+  "invalid": "awsui_invalid_18eso_10wgd_312",
+  "warning": "awsui_warning_18eso_10wgd_321",
+  "inline-tokens": "awsui_inline-tokens_18eso_10wgd_330"
 };
   

package/lib/internal/template/internal/components/drag-handle/button.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../../../../src/internal/components/drag-handle/button.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA6B,MAAM,OAAO,CAAC;AAMlD,OAAO,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAK/C,QAAA,MAAM,gBAAgB,6FA+DrB,CAAC;AAEF,eAAe,gBAAgB,CAAC"}
+{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../../../../src/internal/components/drag-handle/button.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA6B,MAAM,OAAO,CAAC;AAMlD,OAAO,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAK/C,QAAA,MAAM,gBAAgB,6FAiErB,CAAC;AAEF,eAAe,gBAAgB,CAAC"}

package/lib/internal/template/internal/components/drag-handle/button.js

@@ -6,7 +6,7 @@ import InternalIcon from '../../../icon/internal';
 import useForwardFocus from '../../hooks/forward-focus';
 import { ResizeIcon } from './resize-icon';
 import styles from './styles.css.js';
-const DragHandleButton = forwardRef(({ variant = 'drag-indicator', size = 'normal', className, ariaLabel, ariaDescribedby, ariaValue, disabled, onPointerDown, onKeyDown, }, ref) => {
+const DragHandleButton = forwardRef(({ variant = 'drag-indicator', size = 'normal', className, ariaLabel, ariaLabelledBy, ariaDescribedby, ariaValue, disabled, onPointerDown, onKeyDown, }, ref) => {
     const dragHandleRefObject = useRef(null);
     useForwardFocus(ref, dragHandleRefObject);
     const iconProps = (() => {
@@ -28,7 +28,7 @@ const DragHandleButton = forwardRef(({ variant = 'drag-indicator', size = 'norma
     // (See https://bugs.webkit.org/show_bug.cgi?id=22261)
     // Otherwise, we can't reliably catch keyboard events coming from the handle
     // when it is being dragged.
-    React.createElement("div", { ref: dragHandleRefObject, role: ariaValue ? 'slider' : 'button', tabIndex: 0, className: clsx(className, styles.handle, styles[`handle-${variant}`], styles[`handle-size-${size}`], disabled && styles['handle-disabled']), "aria-label": ariaLabel, "aria-describedby": ariaDescribedby, "aria-disabled": disabled, "aria-valuemax": ariaValue === null || ariaValue === void 0 ? void 0 : ariaValue.valueMax, "aria-valuemin": ariaValue === null || ariaValue === void 0 ? void 0 : ariaValue.valueMin, "aria-valuenow": ariaValue === null || ariaValue === void 0 ? void 0 : ariaValue.valueNow, onPointerDown: onPointerDown, onKeyDown: onKeyDown },
+    React.createElement("div", { ref: dragHandleRefObject, role: ariaValue ? 'slider' : 'button', tabIndex: 0, className: clsx(className, styles.handle, styles[`handle-${variant}`], styles[`handle-size-${size}`], disabled && styles['handle-disabled']), "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy, "aria-describedby": ariaDescribedby, "aria-disabled": disabled, "aria-valuemax": ariaValue === null || ariaValue === void 0 ? void 0 : ariaValue.valueMax, "aria-valuemin": ariaValue === null || ariaValue === void 0 ? void 0 : ariaValue.valueMin, "aria-valuenow": ariaValue === null || ariaValue === void 0 ? void 0 : ariaValue.valueNow, onPointerDown: onPointerDown, onKeyDown: onKeyDown },
         React.createElement(InternalIcon, Object.assign({}, iconProps))));
 });
 export default DragHandleButton;

package/lib/internal/template/internal/components/drag-handle/button.js.map

@@ -1 +1 @@
-{"version":3,"file":"button.js","sourceRoot":"","sources":["../../../../../src/internal/components/drag-handle/button.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAClD,OAAO,IAAI,MAAM,MAAM,CAAC;AAGxB,OAAO,YAAY,MAAM,wBAAwB,CAAC;AAClD,OAAO,eAAe,MAAM,2BAA2B,CAAC;AAExD,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAE3C,OAAO,MAAM,MAAM,iBAAiB,CAAC;AAErC,MAAM,gBAAgB,GAAG,UAAU,CACjC,CACE,EACE,OAAO,GAAG,gBAAgB,EAC1B,IAAI,GAAG,QAAQ,EACf,SAAS,EACT,SAAS,EACT,eAAe,EACf,SAAS,EACT,QAAQ,EACR,aAAa,EACb,SAAS,GACO,EAClB,GAAmC,EACnC,EAAE;IACF,MAAM,mBAAmB,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IAEzD,eAAe,CAAC,GAAG,EAAE,mBAAmB,CAAC,CAAC;IAE1C,MAAM,SAAS,GAAc,CAAC,GAAG,EAAE;QACjC,MAAM,MAAM,GAAG,EAAE,OAAO,EAAE,QAAQ,CAAC,CAAC,CAAE,UAAoB,CAAC,CAAC,CAAC,SAAS,EAAE,IAAI,EAAE,CAAC;QAC/E,QAAQ,OAAO,EAAE;YACf,KAAK,gBAAgB;gBACnB,uCAAY,MAAM,KAAE,IAAI,EAAE,gBAAgB,IAAG;YAC/C,KAAK,aAAa;gBAChB,uCAAY,MAAM,KAAE,IAAI,EAAE,aAAa,IAAG;YAC5C,KAAK,mBAAmB;gBACtB,uCAAY,MAAM,KAAE,GAAG,EAAE,oBAAC,UAAU,IAAC,OAAO,EAAC,YAAY,GAAG,IAAG;YACjE,KAAK,iBAAiB;gBACpB,uCAAY,MAAM,KAAE,GAAG,EAAE,oBAAC,UAAU,IAAC,OAAO,EAAC,UAAU,GAAG,IAAG;SAChE;IACH,CAAC,CAAC,EAAE,CAAC;IAEL,OAAO;IACL,4DAA4D;IAC5D,oDAAoD;IACpD,sDAAsD;IACtD,4EAA4E;IAC5E,4BAA4B;IAC5B,6BACE,GAAG,EAAE,mBAAmB,EACxB,IAAI,EAAE,SAAS,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,QAAQ,EACrC,QAAQ,EAAE,CAAC,EACX,SAAS,EAAE,IAAI,CACb,SAAS,EACT,MAAM,CAAC,MAAM,EACb,MAAM,CAAC,UAAU,OAAO,EAAE,CAAC,EAC3B,MAAM,CAAC,eAAe,IAAI,EAAE,CAAC,EAC7B,QAAQ,IAAI,MAAM,CAAC,iBAAiB,CAAC,CACtC,gBACW,SAAS,sBACH,eAAe,mBAClB,QAAQ,mBACR,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,QAAQ,mBACnB,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,QAAQ,mBACnB,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,QAAQ,EAClC,aAAa,EAAE,aAAa,EAC5B,SAAS,EAAE,SAAS;QAEpB,oBAAC,YAAY,oBAAK,SAAS,EAAI,CAC3B,CACP,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,eAAe,gBAAgB,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React, { forwardRef, useRef } from 'react';\nimport clsx from 'clsx';\n\nimport { IconProps } from '../../../icon/interfaces';\nimport InternalIcon from '../../../icon/internal';\nimport useForwardFocus from '../../hooks/forward-focus';\nimport { DragHandleProps } from './interfaces';\nimport { ResizeIcon } from './resize-icon';\n\nimport styles from './styles.css.js';\n\nconst DragHandleButton = forwardRef(\n  (\n    {\n      variant = 'drag-indicator',\n      size = 'normal',\n      className,\n      ariaLabel,\n      ariaDescribedby,\n      ariaValue,\n      disabled,\n      onPointerDown,\n      onKeyDown,\n    }: DragHandleProps,\n    ref: React.Ref<DragHandleProps.Ref>\n  ) => {\n    const dragHandleRefObject = useRef<HTMLDivElement>(null);\n\n    useForwardFocus(ref, dragHandleRefObject);\n\n    const iconProps: IconProps = (() => {\n      const shared = { variant: disabled ? ('disabled' as const) : undefined, size };\n      switch (variant) {\n        case 'drag-indicator':\n          return { ...shared, name: 'drag-indicator' };\n        case 'resize-area':\n          return { ...shared, name: 'resize-area' };\n        case 'resize-horizontal':\n          return { ...shared, svg: <ResizeIcon variant=\"horizontal\" /> };\n        case 'resize-vertical':\n          return { ...shared, svg: <ResizeIcon variant=\"vertical\" /> };\n      }\n    })();\n\n    return (\n      // We need to use a div with button role instead of a button\n      // so that Safari will focus on it when clicking it.\n      // (See https://bugs.webkit.org/show_bug.cgi?id=22261)\n      // Otherwise, we can't reliably catch keyboard events coming from the handle\n      // when it is being dragged.\n      <div\n        ref={dragHandleRefObject}\n        role={ariaValue ? 'slider' : 'button'}\n        tabIndex={0}\n        className={clsx(\n          className,\n          styles.handle,\n          styles[`handle-${variant}`],\n          styles[`handle-size-${size}`],\n          disabled && styles['handle-disabled']\n        )}\n        aria-label={ariaLabel}\n        aria-describedby={ariaDescribedby}\n        aria-disabled={disabled}\n        aria-valuemax={ariaValue?.valueMax}\n        aria-valuemin={ariaValue?.valueMin}\n        aria-valuenow={ariaValue?.valueNow}\n        onPointerDown={onPointerDown}\n        onKeyDown={onKeyDown}\n      >\n        <InternalIcon {...iconProps} />\n      </div>\n    );\n  }\n);\n\nexport default DragHandleButton;\n"]}
+{"version":3,"file":"button.js","sourceRoot":"","sources":["../../../../../src/internal/components/drag-handle/button.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAClD,OAAO,IAAI,MAAM,MAAM,CAAC;AAGxB,OAAO,YAAY,MAAM,wBAAwB,CAAC;AAClD,OAAO,eAAe,MAAM,2BAA2B,CAAC;AAExD,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAE3C,OAAO,MAAM,MAAM,iBAAiB,CAAC;AAErC,MAAM,gBAAgB,GAAG,UAAU,CACjC,CACE,EACE,OAAO,GAAG,gBAAgB,EAC1B,IAAI,GAAG,QAAQ,EACf,SAAS,EACT,SAAS,EACT,cAAc,EACd,eAAe,EACf,SAAS,EACT,QAAQ,EACR,aAAa,EACb,SAAS,GACO,EAClB,GAAmC,EACnC,EAAE;IACF,MAAM,mBAAmB,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IAEzD,eAAe,CAAC,GAAG,EAAE,mBAAmB,CAAC,CAAC;IAE1C,MAAM,SAAS,GAAc,CAAC,GAAG,EAAE;QACjC,MAAM,MAAM,GAAG,EAAE,OAAO,EAAE,QAAQ,CAAC,CAAC,CAAE,UAAoB,CAAC,CAAC,CAAC,SAAS,EAAE,IAAI,EAAE,CAAC;QAC/E,QAAQ,OAAO,EAAE;YACf,KAAK,gBAAgB;gBACnB,uCAAY,MAAM,KAAE,IAAI,EAAE,gBAAgB,IAAG;YAC/C,KAAK,aAAa;gBAChB,uCAAY,MAAM,KAAE,IAAI,EAAE,aAAa,IAAG;YAC5C,KAAK,mBAAmB;gBACtB,uCAAY,MAAM,KAAE,GAAG,EAAE,oBAAC,UAAU,IAAC,OAAO,EAAC,YAAY,GAAG,IAAG;YACjE,KAAK,iBAAiB;gBACpB,uCAAY,MAAM,KAAE,GAAG,EAAE,oBAAC,UAAU,IAAC,OAAO,EAAC,UAAU,GAAG,IAAG;SAChE;IACH,CAAC,CAAC,EAAE,CAAC;IAEL,OAAO;IACL,4DAA4D;IAC5D,oDAAoD;IACpD,sDAAsD;IACtD,4EAA4E;IAC5E,4BAA4B;IAC5B,6BACE,GAAG,EAAE,mBAAmB,EACxB,IAAI,EAAE,SAAS,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,QAAQ,EACrC,QAAQ,EAAE,CAAC,EACX,SAAS,EAAE,IAAI,CACb,SAAS,EACT,MAAM,CAAC,MAAM,EACb,MAAM,CAAC,UAAU,OAAO,EAAE,CAAC,EAC3B,MAAM,CAAC,eAAe,IAAI,EAAE,CAAC,EAC7B,QAAQ,IAAI,MAAM,CAAC,iBAAiB,CAAC,CACtC,gBACW,SAAS,qBACJ,cAAc,sBACb,eAAe,mBAClB,QAAQ,mBACR,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,QAAQ,mBACnB,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,QAAQ,mBACnB,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,QAAQ,EAClC,aAAa,EAAE,aAAa,EAC5B,SAAS,EAAE,SAAS;QAEpB,oBAAC,YAAY,oBAAK,SAAS,EAAI,CAC3B,CACP,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,eAAe,gBAAgB,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React, { forwardRef, useRef } from 'react';\nimport clsx from 'clsx';\n\nimport { IconProps } from '../../../icon/interfaces';\nimport InternalIcon from '../../../icon/internal';\nimport useForwardFocus from '../../hooks/forward-focus';\nimport { DragHandleProps } from './interfaces';\nimport { ResizeIcon } from './resize-icon';\n\nimport styles from './styles.css.js';\n\nconst DragHandleButton = forwardRef(\n  (\n    {\n      variant = 'drag-indicator',\n      size = 'normal',\n      className,\n      ariaLabel,\n      ariaLabelledBy,\n      ariaDescribedby,\n      ariaValue,\n      disabled,\n      onPointerDown,\n      onKeyDown,\n    }: DragHandleProps,\n    ref: React.Ref<DragHandleProps.Ref>\n  ) => {\n    const dragHandleRefObject = useRef<HTMLDivElement>(null);\n\n    useForwardFocus(ref, dragHandleRefObject);\n\n    const iconProps: IconProps = (() => {\n      const shared = { variant: disabled ? ('disabled' as const) : undefined, size };\n      switch (variant) {\n        case 'drag-indicator':\n          return { ...shared, name: 'drag-indicator' };\n        case 'resize-area':\n          return { ...shared, name: 'resize-area' };\n        case 'resize-horizontal':\n          return { ...shared, svg: <ResizeIcon variant=\"horizontal\" /> };\n        case 'resize-vertical':\n          return { ...shared, svg: <ResizeIcon variant=\"vertical\" /> };\n      }\n    })();\n\n    return (\n      // We need to use a div with button role instead of a button\n      // so that Safari will focus on it when clicking it.\n      // (See https://bugs.webkit.org/show_bug.cgi?id=22261)\n      // Otherwise, we can't reliably catch keyboard events coming from the handle\n      // when it is being dragged.\n      <div\n        ref={dragHandleRefObject}\n        role={ariaValue ? 'slider' : 'button'}\n        tabIndex={0}\n        className={clsx(\n          className,\n          styles.handle,\n          styles[`handle-${variant}`],\n          styles[`handle-size-${size}`],\n          disabled && styles['handle-disabled']\n        )}\n        aria-label={ariaLabel}\n        aria-labelledby={ariaLabelledBy}\n        aria-describedby={ariaDescribedby}\n        aria-disabled={disabled}\n        aria-valuemax={ariaValue?.valueMax}\n        aria-valuemin={ariaValue?.valueMin}\n        aria-valuenow={ariaValue?.valueNow}\n        onPointerDown={onPointerDown}\n        onKeyDown={onKeyDown}\n      >\n        <InternalIcon {...iconProps} />\n      </div>\n    );\n  }\n);\n\nexport default DragHandleButton;\n"]}

package/lib/internal/template/internal/components/drag-handle/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/internal/components/drag-handle/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAK1C,OAAO,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAE/C,OAAO,EAAE,eAAe,EAAE,CAAC;AAE3B,QAAA,MAAM,kBAAkB,6FAyCvB,CAAC;AAEF,eAAe,kBAAkB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/internal/components/drag-handle/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAK1C,OAAO,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAE/C,OAAO,EAAE,eAAe,EAAE,CAAC;AAE3B,QAAA,MAAM,kBAAkB,6FA2CvB,CAAC;AAEF,eAAe,kBAAkB,CAAC"}

package/lib/internal/template/internal/components/drag-handle/index.js

@@ -6,10 +6,10 @@ import { getBaseProps } from '../../base-component';
 import DragHandleWrapper from '../drag-handle-wrapper';
 import DragHandleButton from './button';
 const InternalDragHandle = forwardRef((_a, ref) => {
-    var { variant, size, ariaLabel, ariaDescribedby, tooltipText, ariaValue, disabled, directions = {}, onPointerDown, onKeyDown, onDirectionClick } = _a, rest = __rest(_a, ["variant", "size", "ariaLabel", "ariaDescribedby", "tooltipText", "ariaValue", "disabled", "directions", "onPointerDown", "onKeyDown", "onDirectionClick"]);
+    var { variant, size, ariaLabel, ariaLabelledBy, ariaDescribedby, tooltipText, ariaValue, disabled, directions = {}, onPointerDown, onKeyDown, onDirectionClick } = _a, rest = __rest(_a, ["variant", "size", "ariaLabel", "ariaLabelledBy", "ariaDescribedby", "tooltipText", "ariaValue", "disabled", "directions", "onPointerDown", "onKeyDown", "onDirectionClick"]);
     const baseProps = getBaseProps(rest);
     return (React.createElement(DragHandleWrapper, { directions: !disabled ? directions : {}, tooltipText: tooltipText, onDirectionClick: onDirectionClick },
-        React.createElement(DragHandleButton, { ref: ref, className: baseProps.className, variant: variant, size: size, ariaLabel: ariaLabel, ariaDescribedby: ariaDescribedby, ariaValue: ariaValue, disabled: disabled, onPointerDown: onPointerDown, onKeyDown: onKeyDown })));
+        React.createElement(DragHandleButton, { ref: ref, className: baseProps.className, variant: variant, size: size, ariaLabel: ariaLabel, ariaLabelledBy: ariaLabelledBy, ariaDescribedby: ariaDescribedby, ariaValue: ariaValue, disabled: disabled, onPointerDown: onPointerDown, onKeyDown: onKeyDown })));
 });
 export default InternalDragHandle;
 //# sourceMappingURL=index.js.map

package/lib/internal/template/internal/components/drag-handle/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/internal/components/drag-handle/index.tsx"],"names":[],"mappings":";AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAE1C,OAAO,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC;AACpD,OAAO,iBAAiB,MAAM,wBAAwB,CAAC;AACvD,OAAO,gBAAgB,MAAM,UAAU,CAAC;AAKxC,MAAM,kBAAkB,GAAG,UAAU,CACnC,CACE,EAakB,EAClB,GAAmC,EACnC,EAAE;QAfF,EACE,OAAO,EACP,IAAI,EACJ,SAAS,EACT,eAAe,EACf,WAAW,EACX,SAAS,EACT,QAAQ,EACR,UAAU,GAAG,EAAE,EACf,aAAa,EACb,SAAS,EACT,gBAAgB,OAEA,EADb,IAAI,cAZT,2JAaC,CADQ;IAIT,MAAM,SAAS,GAAG,YAAY,CAAC,IAAI,CAAC,CAAC;IAErC,OAAO,CACL,oBAAC,iBAAiB,IAChB,UAAU,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,EAAE,EACvC,WAAW,EAAE,WAAW,EACxB,gBAAgB,EAAE,gBAAgB;QAElC,oBAAC,gBAAgB,IACf,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,SAAS,CAAC,SAAS,EAC9B,OAAO,EAAE,OAAO,EAChB,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,SAAS,EACpB,eAAe,EAAE,eAAe,EAChC,SAAS,EAAE,SAAS,EACpB,QAAQ,EAAE,QAAQ,EAClB,aAAa,EAAE,aAAa,EAC5B,SAAS,EAAE,SAAS,GACpB,CACgB,CACrB,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,eAAe,kBAAkB,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React, { forwardRef } from 'react';\n\nimport { getBaseProps } from '../../base-component';\nimport DragHandleWrapper from '../drag-handle-wrapper';\nimport DragHandleButton from './button';\nimport { DragHandleProps } from './interfaces';\n\nexport { DragHandleProps };\n\nconst InternalDragHandle = forwardRef(\n  (\n    {\n      variant,\n      size,\n      ariaLabel,\n      ariaDescribedby,\n      tooltipText,\n      ariaValue,\n      disabled,\n      directions = {},\n      onPointerDown,\n      onKeyDown,\n      onDirectionClick,\n      ...rest\n    }: DragHandleProps,\n    ref: React.Ref<DragHandleProps.Ref>\n  ) => {\n    const baseProps = getBaseProps(rest);\n\n    return (\n      <DragHandleWrapper\n        directions={!disabled ? directions : {}}\n        tooltipText={tooltipText}\n        onDirectionClick={onDirectionClick}\n      >\n        <DragHandleButton\n          ref={ref}\n          className={baseProps.className}\n          variant={variant}\n          size={size}\n          ariaLabel={ariaLabel}\n          ariaDescribedby={ariaDescribedby}\n          ariaValue={ariaValue}\n          disabled={disabled}\n          onPointerDown={onPointerDown}\n          onKeyDown={onKeyDown}\n        />\n      </DragHandleWrapper>\n    );\n  }\n);\n\nexport default InternalDragHandle;\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/internal/components/drag-handle/index.tsx"],"names":[],"mappings":";AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAE1C,OAAO,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC;AACpD,OAAO,iBAAiB,MAAM,wBAAwB,CAAC;AACvD,OAAO,gBAAgB,MAAM,UAAU,CAAC;AAKxC,MAAM,kBAAkB,GAAG,UAAU,CACnC,CACE,EAckB,EAClB,GAAmC,EACnC,EAAE;QAhBF,EACE,OAAO,EACP,IAAI,EACJ,SAAS,EACT,cAAc,EACd,eAAe,EACf,WAAW,EACX,SAAS,EACT,QAAQ,EACR,UAAU,GAAG,EAAE,EACf,aAAa,EACb,SAAS,EACT,gBAAgB,OAEA,EADb,IAAI,cAbT,6KAcC,CADQ;IAIT,MAAM,SAAS,GAAG,YAAY,CAAC,IAAI,CAAC,CAAC;IAErC,OAAO,CACL,oBAAC,iBAAiB,IAChB,UAAU,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,EAAE,EACvC,WAAW,EAAE,WAAW,EACxB,gBAAgB,EAAE,gBAAgB;QAElC,oBAAC,gBAAgB,IACf,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,SAAS,CAAC,SAAS,EAC9B,OAAO,EAAE,OAAO,EAChB,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,SAAS,EACpB,cAAc,EAAE,cAAc,EAC9B,eAAe,EAAE,eAAe,EAChC,SAAS,EAAE,SAAS,EACpB,QAAQ,EAAE,QAAQ,EAClB,aAAa,EAAE,aAAa,EAC5B,SAAS,EAAE,SAAS,GACpB,CACgB,CACrB,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,eAAe,kBAAkB,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React, { forwardRef } from 'react';\n\nimport { getBaseProps } from '../../base-component';\nimport DragHandleWrapper from '../drag-handle-wrapper';\nimport DragHandleButton from './button';\nimport { DragHandleProps } from './interfaces';\n\nexport { DragHandleProps };\n\nconst InternalDragHandle = forwardRef(\n  (\n    {\n      variant,\n      size,\n      ariaLabel,\n      ariaLabelledBy,\n      ariaDescribedby,\n      tooltipText,\n      ariaValue,\n      disabled,\n      directions = {},\n      onPointerDown,\n      onKeyDown,\n      onDirectionClick,\n      ...rest\n    }: DragHandleProps,\n    ref: React.Ref<DragHandleProps.Ref>\n  ) => {\n    const baseProps = getBaseProps(rest);\n\n    return (\n      <DragHandleWrapper\n        directions={!disabled ? directions : {}}\n        tooltipText={tooltipText}\n        onDirectionClick={onDirectionClick}\n      >\n        <DragHandleButton\n          ref={ref}\n          className={baseProps.className}\n          variant={variant}\n          size={size}\n          ariaLabel={ariaLabel}\n          ariaLabelledBy={ariaLabelledBy}\n          ariaDescribedby={ariaDescribedby}\n          ariaValue={ariaValue}\n          disabled={disabled}\n          onPointerDown={onPointerDown}\n          onKeyDown={onKeyDown}\n        />\n      </DragHandleWrapper>\n    );\n  }\n);\n\nexport default InternalDragHandle;\n"]}

package/lib/internal/template/internal/components/drag-handle/interfaces.d.ts

@@ -4,6 +4,7 @@ export interface DragHandleProps {
     variant?: DragHandleProps.Variant;
     size?: DragHandleProps.Size;
     ariaLabel?: string;
+    ariaLabelledBy?: string;
     ariaDescribedby?: string;
     ariaValue?: DragHandleProps.AriaValue;
     disabled?: boolean;

package/lib/internal/template/internal/components/drag-handle/interfaces.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"interfaces.d.ts","sourceRoot":"","sources":["../../../../../src/internal/components/drag-handle/interfaces.ts"],"names":[],"mappings":";AAGA,OAAO,EACL,SAAS,IAAI,gBAAgB,EAC7B,cAAc,IAAI,qBAAqB,EACxC,MAAM,mCAAmC,CAAC;AAE3C,MAAM,WAAW,eAAe;IAC9B,OAAO,CAAC,EAAE,eAAe,CAAC,OAAO,CAAC;IAClC,IAAI,CAAC,EAAE,eAAe,CAAC,IAAI,CAAC;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,SAAS,CAAC,EAAE,eAAe,CAAC,SAAS,CAAC;IACtC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,aAAa,CAAC,EAAE,KAAK,CAAC,mBAAmB,CAAC;IAC1C,SAAS,CAAC,EAAE,KAAK,CAAC,oBAAoB,CAAC;IAEvC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,UAAU,CAAC,EAAE,OAAO,CAAC,MAAM,CAAC,eAAe,CAAC,SAAS,EAAE,eAAe,CAAC,cAAc,CAAC,CAAC,CAAC;IACxF,gBAAgB,CAAC,EAAE,CAAC,SAAS,EAAE,eAAe,CAAC,SAAS,KAAK,IAAI,CAAC;CACnE;AAED,yBAAiB,eAAe,CAAC;IAC/B,KAAY,OAAO,GAAG,gBAAgB,GAAG,aAAa,GAAG,mBAAmB,GAAG,iBAAiB,CAAC;IAEjG,KAAY,SAAS,GAAG,gBAAgB,CAAC;IACzC,KAAY,cAAc,GAAG,qBAAqB,CAAC;IAEnD,KAAY,IAAI,GAAG,OAAO,GAAG,QAAQ,CAAC;IAEtC,UAAiB,SAAS;QACxB,QAAQ,EAAE,MAAM,CAAC;QACjB,QAAQ,EAAE,MAAM,CAAC;QACjB,QAAQ,EAAE,MAAM,CAAC;KAClB;IAED,UAAiB,GAAG;QAClB,KAAK,CAAC,OAAO,CAAC,EAAE,YAAY,GAAG,IAAI,CAAC;KACrC;CACF"}
+{"version":3,"file":"interfaces.d.ts","sourceRoot":"","sources":["../../../../../src/internal/components/drag-handle/interfaces.ts"],"names":[],"mappings":";AAGA,OAAO,EACL,SAAS,IAAI,gBAAgB,EAC7B,cAAc,IAAI,qBAAqB,EACxC,MAAM,mCAAmC,CAAC;AAE3C,MAAM,WAAW,eAAe;IAC9B,OAAO,CAAC,EAAE,eAAe,CAAC,OAAO,CAAC;IAClC,IAAI,CAAC,EAAE,eAAe,CAAC,IAAI,CAAC;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,SAAS,CAAC,EAAE,eAAe,CAAC,SAAS,CAAC;IACtC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,aAAa,CAAC,EAAE,KAAK,CAAC,mBAAmB,CAAC;IAC1C,SAAS,CAAC,EAAE,KAAK,CAAC,oBAAoB,CAAC;IAEvC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,UAAU,CAAC,EAAE,OAAO,CAAC,MAAM,CAAC,eAAe,CAAC,SAAS,EAAE,eAAe,CAAC,cAAc,CAAC,CAAC,CAAC;IACxF,gBAAgB,CAAC,EAAE,CAAC,SAAS,EAAE,eAAe,CAAC,SAAS,KAAK,IAAI,CAAC;CACnE;AAED,yBAAiB,eAAe,CAAC;IAC/B,KAAY,OAAO,GAAG,gBAAgB,GAAG,aAAa,GAAG,mBAAmB,GAAG,iBAAiB,CAAC;IAEjG,KAAY,SAAS,GAAG,gBAAgB,CAAC;IACzC,KAAY,cAAc,GAAG,qBAAqB,CAAC;IAEnD,KAAY,IAAI,GAAG,OAAO,GAAG,QAAQ,CAAC;IAEtC,UAAiB,SAAS;QACxB,QAAQ,EAAE,MAAM,CAAC;QACjB,QAAQ,EAAE,MAAM,CAAC;QACjB,QAAQ,EAAE,MAAM,CAAC;KAClB;IAED,UAAiB,GAAG;QAClB,KAAK,CAAC,OAAO,CAAC,EAAE,YAAY,GAAG,IAAI,CAAC;KACrC;CACF"}

package/lib/internal/template/internal/components/drag-handle/interfaces.js.map

@@ -1 +1 @@
-{"version":3,"file":"interfaces.js","sourceRoot":"","sources":["../../../../../src/internal/components/drag-handle/interfaces.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport {\n  Direction as WrapperDirection,\n  DirectionState as WrapperDirectionState,\n} from '../drag-handle-wrapper/interfaces';\n\nexport interface DragHandleProps {\n  variant?: DragHandleProps.Variant;\n  size?: DragHandleProps.Size;\n  ariaLabel?: string;\n  ariaDescribedby?: string;\n  ariaValue?: DragHandleProps.AriaValue;\n  disabled?: boolean;\n  className?: string;\n  onPointerDown?: React.PointerEventHandler;\n  onKeyDown?: React.KeyboardEventHandler;\n\n  tooltipText?: string;\n  directions?: Partial<Record<DragHandleProps.Direction, DragHandleProps.DirectionState>>;\n  onDirectionClick?: (direction: DragHandleProps.Direction) => void;\n}\n\nexport namespace DragHandleProps {\n  export type Variant = 'drag-indicator' | 'resize-area' | 'resize-horizontal' | 'resize-vertical';\n\n  export type Direction = WrapperDirection;\n  export type DirectionState = WrapperDirectionState;\n\n  export type Size = 'small' | 'normal';\n\n  export interface AriaValue {\n    valueMin: number;\n    valueMax: number;\n    valueNow: number;\n  }\n\n  export interface Ref {\n    focus(options?: FocusOptions): void;\n  }\n}\n"]}
+{"version":3,"file":"interfaces.js","sourceRoot":"","sources":["../../../../../src/internal/components/drag-handle/interfaces.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport {\n  Direction as WrapperDirection,\n  DirectionState as WrapperDirectionState,\n} from '../drag-handle-wrapper/interfaces';\n\nexport interface DragHandleProps {\n  variant?: DragHandleProps.Variant;\n  size?: DragHandleProps.Size;\n  ariaLabel?: string;\n  ariaLabelledBy?: string;\n  ariaDescribedby?: string;\n  ariaValue?: DragHandleProps.AriaValue;\n  disabled?: boolean;\n  className?: string;\n  onPointerDown?: React.PointerEventHandler;\n  onKeyDown?: React.KeyboardEventHandler;\n\n  tooltipText?: string;\n  directions?: Partial<Record<DragHandleProps.Direction, DragHandleProps.DirectionState>>;\n  onDirectionClick?: (direction: DragHandleProps.Direction) => void;\n}\n\nexport namespace DragHandleProps {\n  export type Variant = 'drag-indicator' | 'resize-area' | 'resize-horizontal' | 'resize-vertical';\n\n  export type Direction = WrapperDirection;\n  export type DirectionState = WrapperDirectionState;\n\n  export type Size = 'small' | 'normal';\n\n  export interface AriaValue {\n    valueMin: number;\n    valueMax: number;\n    valueNow: number;\n  }\n\n  export interface Ref {\n    focus(options?: FocusOptions): void;\n  }\n}\n"]}

package/lib/internal/template/internal/environment.js

@@ -1,4 +1,4 @@
 export var PACKAGE_SOURCE = "components";
-export var PACKAGE_VERSION = "3.0.0 (9f7c9071)";
+export var PACKAGE_VERSION = "3.0.0 (9ea8f8d6)";
 export var THEME = "open-source-visual-refresh";
 export var ALWAYS_VISUAL_REFRESH = true;

package/lib/internal/template/internal/environment.json

@@ -1,6 +1,6 @@
 {
   "PACKAGE_SOURCE": "components",
-  "PACKAGE_VERSION": "3.0.0 (9f7c9071)",
+  "PACKAGE_VERSION": "3.0.0 (9ea8f8d6)",
   "THEME": "default",
   "ALWAYS_VISUAL_REFRESH": false
 }

package/lib/internal/template/package.json

@@ -94,6 +94,7 @@
     "./toggle-button": "./toggle-button/index.js",
     "./token-group": "./token-group/index.js",
     "./top-navigation": "./top-navigation/index.js",
+    "./tree-view": "./tree-view/index.js",
     "./tutorial-panel": "./tutorial-panel/index.js",
     "./wizard": "./wizard/index.js",
     "./top-navigation/1.0-beta": "./top-navigation/1.0-beta/index.js",

package/lib/internal/template/property-filter/filtering-token/index.d.ts

@@ -8,6 +8,7 @@ export interface FilteringTokenProps {
     operation: FilteringTokenProps.Operation;
     groupOperation: FilteringTokenProps.Operation;
     showOperation: boolean;
+    readOnlyOperations: boolean;
     andText: string;
     orText: string;
     groupAriaLabel: string;

package/lib/internal/template/property-filter/filtering-token/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/property-filter/filtering-token/index.tsx"],"names":[],"mappings":"AAGA,OAAO,KAA4D,MAAM,OAAO,CAAC;AAYjF,OAAwB,EAAE,oBAAoB,EAAsB,MAAM,wBAAwB,CAAC;AAOnG,yBAAiB,mBAAmB,CAAC;IACnC,KAAY,SAAS,GAAG,KAAK,GAAG,IAAI,CAAC;CACtC;AAED,MAAM,WAAW,mBAAmB;IAClC,MAAM,EAAE,SAAS,EAAE,CAAC;IACpB,SAAS,EAAE,mBAAmB,CAAC,SAAS,CAAC;IACzC,cAAc,EAAE,mBAAmB,CAAC,SAAS,CAAC;IAC9C,aAAa,EAAE,OAAO,CAAC;IACvB,OAAO,EAAE,MAAM,CAAC;IAChB,MAAM,EAAE,MAAM,CAAC;IACf,cAAc,EAAE,MAAM,CAAC;IACvB,kBAAkB,EAAE,MAAM,CAAC;IAC3B,kBAAkB,EAAE,MAAM,CAAC;IAC3B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,iBAAiB,EAAE,CAAC,SAAS,EAAE,mBAAmB,CAAC,SAAS,KAAK,IAAI,CAAC;IACtE,sBAAsB,EAAE,CAAC,SAAS,EAAE,mBAAmB,CAAC,SAAS,KAAK,IAAI,CAAC;IAC3E,cAAc,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,IAAI,CAAC;IAC7C,aAAa,EAAE,KAAK,CAAC,SAAS,CAAC;IAC/B,YAAY,EAAE,MAAM,CAAC;IACrB,sBAAsB,CAAC,EAAE,MAAM,CAAC;IAChC,sBAAsB,EAAE,OAAO,CAAC;IAChC,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAC1B,SAAS,EAAE,OAAO,CAAC;IACnB,WAAW,EAAE,oBAAoB,CAAC,MAAM,CAAC,CAAC;CAC3C;AAED,MAAM,WAAW,iBAAiB;IAChC,WAAW,IAAI,IAAI,CAAC;CACrB;AAED,UAAU,SAAS;IACjB,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,SAAS,EAAE,MAAM,CAAC;IAClB,gBAAgB,EAAE,MAAM,CAAC;CAC1B;AAED,QAAA,MAAM,cAAc,+FA+InB,CAAC;AAEF,eAAe,cAAc,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/property-filter/filtering-token/index.tsx"],"names":[],"mappings":"AAGA,OAAO,KAA4D,MAAM,OAAO,CAAC;AAYjF,OAAwB,EAAE,oBAAoB,EAAsB,MAAM,wBAAwB,CAAC;AAOnG,yBAAiB,mBAAmB,CAAC;IACnC,KAAY,SAAS,GAAG,KAAK,GAAG,IAAI,CAAC;CACtC;AAED,MAAM,WAAW,mBAAmB;IAClC,MAAM,EAAE,SAAS,EAAE,CAAC;IACpB,SAAS,EAAE,mBAAmB,CAAC,SAAS,CAAC;IACzC,cAAc,EAAE,mBAAmB,CAAC,SAAS,CAAC;IAC9C,aAAa,EAAE,OAAO,CAAC;IACvB,kBAAkB,EAAE,OAAO,CAAC;IAC5B,OAAO,EAAE,MAAM,CAAC;IAChB,MAAM,EAAE,MAAM,CAAC;IACf,cAAc,EAAE,MAAM,CAAC;IACvB,kBAAkB,EAAE,MAAM,CAAC;IAC3B,kBAAkB,EAAE,MAAM,CAAC;IAC3B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,iBAAiB,EAAE,CAAC,SAAS,EAAE,mBAAmB,CAAC,SAAS,KAAK,IAAI,CAAC;IACtE,sBAAsB,EAAE,CAAC,SAAS,EAAE,mBAAmB,CAAC,SAAS,KAAK,IAAI,CAAC;IAC3E,cAAc,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,IAAI,CAAC;IAC7C,aAAa,EAAE,KAAK,CAAC,SAAS,CAAC;IAC/B,YAAY,EAAE,MAAM,CAAC;IACrB,sBAAsB,CAAC,EAAE,MAAM,CAAC;IAChC,sBAAsB,EAAE,OAAO,CAAC;IAChC,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAC1B,SAAS,EAAE,OAAO,CAAC;IACnB,WAAW,EAAE,oBAAoB,CAAC,MAAM,CAAC,CAAC;CAC3C;AAED,MAAM,WAAW,iBAAiB;IAChC,WAAW,IAAI,IAAI,CAAC;CACrB;AAED,UAAU,SAAS;IACjB,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,SAAS,EAAE,MAAM,CAAC;IAClB,gBAAgB,EAAE,MAAM,CAAC;CAC1B;AAED,QAAA,MAAM,cAAc,+FAkJnB,CAAC;AAEF,eAAe,cAAc,CAAC"}

package/lib/internal/template/property-filter/filtering-token/index.js

@@ -13,7 +13,7 @@ import InternalSelect from '../../select/internal';
 import testUtilStyles from '../test-classes/styles.css.js';
 import styles from './styles.css.js';
 const FilteringToken = forwardRef((_a, ref) => {
-    var { tokens, showOperation, operation, groupOperation, andText, orText, groupAriaLabel, operationAriaLabel, groupEditAriaLabel, disabled = false, onChangeOperation, onChangeGroupOperation, onDismissToken, editorContent, editorHeader, editorDismissAriaLabel, editorExpandToViewport, onEditorOpen, hasGroups, popoverSize } = _a, rest = __rest(_a, ["tokens", "showOperation", "operation", "groupOperation", "andText", "orText", "groupAriaLabel", "operationAriaLabel", "groupEditAriaLabel", "disabled", "onChangeOperation", "onChangeGroupOperation", "onDismissToken", "editorContent", "editorHeader", "editorDismissAriaLabel", "editorExpandToViewport", "onEditorOpen", "hasGroups", "popoverSize"]);
+    var { tokens, showOperation, readOnlyOperations, operation, groupOperation, andText, orText, groupAriaLabel, operationAriaLabel, groupEditAriaLabel, disabled = false, onChangeOperation, onChangeGroupOperation, onDismissToken, editorContent, editorHeader, editorDismissAriaLabel, editorExpandToViewport, onEditorOpen, hasGroups, popoverSize } = _a, rest = __rest(_a, ["tokens", "showOperation", "readOnlyOperations", "operation", "groupOperation", "andText", "orText", "groupAriaLabel", "operationAriaLabel", "groupEditAriaLabel", "disabled", "onChangeOperation", "onChangeGroupOperation", "onDismissToken", "editorContent", "editorHeader", "editorDismissAriaLabel", "editorExpandToViewport", "onEditorOpen", "hasGroups", "popoverSize"]);
     const [nextFocusIndex, setNextFocusIndex] = useState(null);
     const tokenListRef = useListFocusController({
         nextFocusIndex,
@@ -37,12 +37,12 @@ const FilteringToken = forwardRef((_a, ref) => {
         __closeAnalyticsAction: 'editClose',
     };
     useImperativeHandle(ref, () => ({ closeEditor: () => { var _a; return (_a = popoverRef.current) === null || _a === void 0 ? void 0 : _a.dismissPopover(); } }));
-    return (React.createElement(TokenGroup, Object.assign({ ref: tokenListRef, ariaLabel: tokens.length === 1 ? tokens[0].ariaLabel : groupAriaLabel, operation: showOperation && (React.createElement(OperationSelector, { operation: operation, onChange: onChangeOperation, ariaLabel: operationAriaLabel, andText: andText, orText: orText, parent: true, disabled: disabled })), tokenAction: tokens.length === 1 ? (React.createElement(TokenDismissButton, { ariaLabel: tokens[0].dismissAriaLabel, onClick: () => onDismissToken(0), parent: true, disabled: disabled })) : (React.createElement(InternalPopover, Object.assign({ ref: popoverRef }, popoverProps, { triggerType: "filtering-token" }),
+    return (React.createElement(TokenGroup, Object.assign({ ref: tokenListRef, ariaLabel: tokens.length === 1 ? tokens[0].ariaLabel : groupAriaLabel, operation: showOperation && (React.createElement(OperationSelector, { operation: operation, onChange: onChangeOperation, ariaLabel: operationAriaLabel, andText: andText, orText: orText, parent: true, readOnlyOperations: readOnlyOperations, disabled: disabled })), tokenAction: tokens.length === 1 ? (React.createElement(TokenDismissButton, { ariaLabel: tokens[0].dismissAriaLabel, onClick: () => onDismissToken(0), parent: true, disabled: disabled })) : (React.createElement(InternalPopover, Object.assign({ ref: popoverRef }, popoverProps, { triggerType: "filtering-token" }),
             React.createElement(TokenEditButton, { ariaLabel: groupEditAriaLabel, disabled: disabled }))), parent: true, grouped: tokens.length > 1, disabled: disabled, hasGroups: hasGroups }, copyAnalyticsMetadataAttribute(rest)), tokens.length === 1 ? (React.createElement(InternalPopover, Object.assign({ ref: popoverRef }, popoverProps),
         React.createElement("span", Object.assign({}, getAnalyticsMetadataAttribute({
             action: 'editStart',
         })), tokens[0].content))) : (React.createElement("ul", { className: styles.list }, tokens.map((token, index) => (React.createElement("li", { key: index },
-        React.createElement(TokenGroup, { ariaLabel: token.ariaLabel, operation: index !== 0 && (React.createElement(OperationSelector, { operation: groupOperation, onChange: onChangeGroupOperation, ariaLabel: operationAriaLabel, andText: andText, orText: orText, parent: false, disabled: disabled })), tokenAction: React.createElement(TokenDismissButton, { ariaLabel: token.dismissAriaLabel, onClick: () => {
+        React.createElement(TokenGroup, { ariaLabel: token.ariaLabel, operation: index !== 0 && (React.createElement(OperationSelector, { operation: groupOperation, onChange: onChangeGroupOperation, ariaLabel: operationAriaLabel, andText: andText, orText: orText, parent: false, readOnlyOperations: readOnlyOperations, disabled: disabled })), tokenAction: React.createElement(TokenDismissButton, { ariaLabel: token.dismissAriaLabel, onClick: () => {
                     onDismissToken(index);
                     setNextFocusIndex(index);
                 }, parent: false, disabled: disabled }), parent: false, grouped: false, disabled: disabled, hasGroups: false }, token.content))))))));
@@ -63,13 +63,13 @@ const TokenGroup = forwardRef((_a, ref) => {
                     : clsx(styles['inner-token-content'], testUtilStyles['filtering-token-inner-content']), grouped && styles['token-content-grouped']) }, children),
             tokenAction)));
 });
-function OperationSelector({ operation, onChange, ariaLabel, andText, orText, parent, disabled, }) {
+function OperationSelector({ operation, onChange, ariaLabel, andText, orText, parent, readOnlyOperations, disabled, }) {
     return (React.createElement(InternalSelect, { __inFilteringToken: parent ? 'root' : 'nested', className: clsx(parent
             ? clsx(styles.select, testUtilStyles['filtering-token-select'])
             : clsx(styles['inner-select'], testUtilStyles['filtering-token-inner-select'])), options: [
             { value: 'and', label: andText },
             { value: 'or', label: orText },
-        ], selectedOption: { value: operation, label: operation === 'and' ? andText : orText }, onChange: e => onChange(e.detail.selectedOption.value), disabled: disabled, ariaLabel: ariaLabel }));
+        ], selectedOption: { value: operation, label: operation === 'and' ? andText : orText }, onChange: e => onChange(e.detail.selectedOption.value), disabled: disabled, readOnly: readOnlyOperations, ariaLabel: ariaLabel }));
 }
 function TokenDismissButton({ ariaLabel, onClick, parent, disabled, }) {
     return (React.createElement("button", Object.assign({ type: "button", className: clsx(parent

package/lib/internal/template/property-filter/filtering-token/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/property-filter/filtering-token/index.tsx"],"names":[],"mappings":"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","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport React, { forwardRef, useImperativeHandle, useRef, useState } from 'react';\nimport clsx from 'clsx';\n\nimport { useDensityMode } from '@cloudscape-design/component-toolkit/internal';\nimport {\n  copyAnalyticsMetadataAttribute,\n  getAnalyticsMetadataAttribute,\n} from '@cloudscape-design/component-toolkit/internal/analytics-metadata';\n\nimport InternalIcon from '../../icon/internal';\nimport { useListFocusController } from '../../internal/hooks/use-list-focus-controller';\nimport { useMergeRefs } from '../../internal/hooks/use-merge-refs';\nimport InternalPopover, { InternalPopoverProps, InternalPopoverRef } from '../../popover/internal';\nimport InternalSelect from '../../select/internal';\nimport { GeneratedAnalyticsMetadataPropertyEditStart } from '../analytics-metadata/interfaces';\n\nimport testUtilStyles from '../test-classes/styles.css.js';\nimport styles from './styles.css.js';\n\nexport namespace FilteringTokenProps {\n  export type Operation = 'and' | 'or';\n}\n\nexport interface FilteringTokenProps {\n  tokens: TokenItem[];\n  operation: FilteringTokenProps.Operation;\n  groupOperation: FilteringTokenProps.Operation;\n  showOperation: boolean;\n  andText: string;\n  orText: string;\n  groupAriaLabel: string;\n  operationAriaLabel: string;\n  groupEditAriaLabel: string;\n  disabled?: boolean;\n  onChangeOperation: (operation: FilteringTokenProps.Operation) => void;\n  onChangeGroupOperation: (operation: FilteringTokenProps.Operation) => void;\n  onDismissToken: (tokenIndex: number) => void;\n  editorContent: React.ReactNode;\n  editorHeader: string;\n  editorDismissAriaLabel?: string;\n  editorExpandToViewport: boolean;\n  onEditorOpen?: () => void;\n  hasGroups: boolean;\n  popoverSize: InternalPopoverProps['size'];\n}\n\nexport interface FilteringTokenRef {\n  closeEditor(): void;\n}\n\ninterface TokenItem {\n  content: React.ReactNode;\n  ariaLabel: string;\n  dismissAriaLabel: string;\n}\n\nconst FilteringToken = forwardRef(\n  (\n    {\n      tokens,\n      showOperation,\n      operation,\n      groupOperation,\n      andText,\n      orText,\n      groupAriaLabel,\n      operationAriaLabel,\n      groupEditAriaLabel,\n      disabled = false,\n      onChangeOperation,\n      onChangeGroupOperation,\n      onDismissToken,\n      editorContent,\n      editorHeader,\n      editorDismissAriaLabel,\n      editorExpandToViewport,\n      onEditorOpen,\n      hasGroups,\n      popoverSize,\n      ...rest\n    }: FilteringTokenProps,\n    ref: React.Ref<FilteringTokenRef>\n  ) => {\n    const [nextFocusIndex, setNextFocusIndex] = useState<null | number>(null);\n    const tokenListRef = useListFocusController({\n      nextFocusIndex,\n      onFocusMoved: target => {\n        target.focus();\n        setNextFocusIndex(null);\n      },\n      listItemSelector: `.${styles['inner-root']}`,\n      fallbackSelector: `.${styles.root}`,\n    });\n\n    const popoverRef = useRef<InternalPopoverRef>(null);\n    const popoverProps: InternalPopoverProps = {\n      content: editorContent,\n      triggerType: 'text',\n      header: editorHeader,\n      size: popoverSize,\n      position: 'bottom',\n      dismissAriaLabel: editorDismissAriaLabel,\n      renderWithPortal: editorExpandToViewport,\n      __onOpen: onEditorOpen,\n      __closeAnalyticsAction: 'editClose',\n    };\n    useImperativeHandle(ref, () => ({ closeEditor: () => popoverRef.current?.dismissPopover() }));\n\n    return (\n      <TokenGroup\n        ref={tokenListRef}\n        ariaLabel={tokens.length === 1 ? tokens[0].ariaLabel : groupAriaLabel}\n        operation={\n          showOperation && (\n            <OperationSelector\n              operation={operation}\n              onChange={onChangeOperation}\n              ariaLabel={operationAriaLabel}\n              andText={andText}\n              orText={orText}\n              parent={true}\n              disabled={disabled}\n            />\n          )\n        }\n        tokenAction={\n          tokens.length === 1 ? (\n            <TokenDismissButton\n              ariaLabel={tokens[0].dismissAriaLabel}\n              onClick={() => onDismissToken(0)}\n              parent={true}\n              disabled={disabled}\n            />\n          ) : (\n            <InternalPopover ref={popoverRef} {...popoverProps} triggerType=\"filtering-token\">\n              <TokenEditButton ariaLabel={groupEditAriaLabel} disabled={disabled} />\n            </InternalPopover>\n          )\n        }\n        parent={true}\n        grouped={tokens.length > 1}\n        disabled={disabled}\n        hasGroups={hasGroups}\n        {...copyAnalyticsMetadataAttribute(rest)}\n      >\n        {tokens.length === 1 ? (\n          <InternalPopover ref={popoverRef} {...popoverProps}>\n            <span\n              {...getAnalyticsMetadataAttribute({\n                action: 'editStart',\n              } as Partial<GeneratedAnalyticsMetadataPropertyEditStart>)}\n            >\n              {tokens[0].content}\n            </span>\n          </InternalPopover>\n        ) : (\n          <ul className={styles.list}>\n            {tokens.map((token, index) => (\n              <li key={index}>\n                <TokenGroup\n                  ariaLabel={token.ariaLabel}\n                  operation={\n                    index !== 0 && (\n                      <OperationSelector\n                        operation={groupOperation}\n                        onChange={onChangeGroupOperation}\n                        ariaLabel={operationAriaLabel}\n                        andText={andText}\n                        orText={orText}\n                        parent={false}\n                        disabled={disabled}\n                      />\n                    )\n                  }\n                  tokenAction={\n                    <TokenDismissButton\n                      ariaLabel={token.dismissAriaLabel}\n                      onClick={() => {\n                        onDismissToken(index);\n                        setNextFocusIndex(index);\n                      }}\n                      parent={false}\n                      disabled={disabled}\n                    />\n                  }\n                  parent={false}\n                  grouped={false}\n                  disabled={disabled}\n                  hasGroups={false}\n                >\n                  {token.content}\n                </TokenGroup>\n              </li>\n            ))}\n          </ul>\n        )}\n      </TokenGroup>\n    );\n  }\n);\n\nexport default FilteringToken;\n\nconst TokenGroup = forwardRef(\n  (\n    {\n      ariaLabel,\n      children,\n      operation,\n      tokenAction,\n      parent,\n      grouped,\n      disabled,\n      hasGroups,\n      ...rest\n    }: {\n      ariaLabel?: string;\n      children: React.ReactNode;\n      operation: React.ReactNode;\n      tokenAction: React.ReactNode;\n      parent: boolean;\n      grouped: boolean;\n      disabled: boolean;\n      hasGroups: boolean;\n    },\n    ref: React.Ref<HTMLDivElement>\n  ) => {\n    const groupRef = useRef<HTMLDivElement>(null);\n    const mergedRef = useMergeRefs(ref, groupRef);\n    const isCompactMode = useDensityMode(groupRef) === 'compact';\n    return (\n      <div\n        ref={mergedRef}\n        className={clsx(\n          parent\n            ? clsx(styles.root, testUtilStyles['filtering-token'])\n            : clsx(styles['inner-root'], testUtilStyles['filtering-token-inner']),\n          hasGroups && styles['has-groups'],\n          isCompactMode && styles['compact-mode']\n        )}\n        role=\"group\"\n        aria-label={ariaLabel}\n        {...copyAnalyticsMetadataAttribute(rest)}\n      >\n        {operation}\n\n        <div\n          className={clsx(\n            parent ? styles.token : styles['inner-token'],\n            !!operation && styles['show-operation'],\n            grouped && styles.grouped,\n            disabled && styles['token-disabled']\n          )}\n          aria-disabled={disabled}\n        >\n          <div\n            className={clsx(\n              parent\n                ? clsx(styles['token-content'], testUtilStyles['filtering-token-content'])\n                : clsx(styles['inner-token-content'], testUtilStyles['filtering-token-inner-content']),\n              grouped && styles['token-content-grouped']\n            )}\n          >\n            {children}\n          </div>\n\n          {tokenAction}\n        </div>\n      </div>\n    );\n  }\n);\n\nfunction OperationSelector({\n  operation,\n  onChange,\n  ariaLabel,\n  andText,\n  orText,\n  parent,\n  disabled,\n}: {\n  operation: FilteringTokenProps.Operation;\n  onChange: (operation: FilteringTokenProps.Operation) => void;\n  andText: string;\n  orText: string;\n  ariaLabel: string;\n  parent: boolean;\n  disabled?: boolean;\n}) {\n  return (\n    <InternalSelect\n      __inFilteringToken={parent ? 'root' : 'nested'}\n      className={clsx(\n        parent\n          ? clsx(styles.select, testUtilStyles['filtering-token-select'])\n          : clsx(styles['inner-select'], testUtilStyles['filtering-token-inner-select'])\n      )}\n      options={[\n        { value: 'and', label: andText },\n        { value: 'or', label: orText },\n      ]}\n      selectedOption={{ value: operation, label: operation === 'and' ? andText : orText }}\n      onChange={e => onChange(e.detail.selectedOption.value as FilteringTokenProps.Operation)}\n      disabled={disabled}\n      ariaLabel={ariaLabel}\n    />\n  );\n}\n\nfunction TokenDismissButton({\n  ariaLabel,\n  onClick,\n  parent,\n  disabled,\n}: {\n  ariaLabel: string;\n  onClick: () => void;\n  parent: boolean;\n  disabled?: boolean;\n}) {\n  return (\n    <button\n      type=\"button\"\n      className={clsx(\n        parent\n          ? clsx(styles['dismiss-button'], testUtilStyles['filtering-token-dismiss-button'])\n          : clsx(styles['inner-dismiss-button'], testUtilStyles['filtering-token-inner-dismiss-button'])\n      )}\n      aria-label={ariaLabel}\n      onClick={onClick}\n      disabled={disabled}\n      {...getAnalyticsMetadataAttribute({ action: 'dismiss' })}\n    >\n      <InternalIcon name=\"close\" />\n    </button>\n  );\n}\n\nfunction TokenEditButton({ ariaLabel, disabled }: { ariaLabel: string; disabled?: boolean }) {\n  return (\n    <button\n      type=\"button\"\n      className={clsx(styles['edit-button'], testUtilStyles['filtering-token-edit-button'])}\n      aria-label={ariaLabel}\n      disabled={disabled}\n    >\n      <InternalIcon name=\"edit\" />\n    </button>\n  );\n}\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/property-filter/filtering-token/index.tsx"],"names":[],"mappings":"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","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport React, { forwardRef, useImperativeHandle, useRef, useState } from 'react';\nimport clsx from 'clsx';\n\nimport { useDensityMode } from '@cloudscape-design/component-toolkit/internal';\nimport {\n  copyAnalyticsMetadataAttribute,\n  getAnalyticsMetadataAttribute,\n} from '@cloudscape-design/component-toolkit/internal/analytics-metadata';\n\nimport InternalIcon from '../../icon/internal';\nimport { useListFocusController } from '../../internal/hooks/use-list-focus-controller';\nimport { useMergeRefs } from '../../internal/hooks/use-merge-refs';\nimport InternalPopover, { InternalPopoverProps, InternalPopoverRef } from '../../popover/internal';\nimport InternalSelect from '../../select/internal';\nimport { GeneratedAnalyticsMetadataPropertyEditStart } from '../analytics-metadata/interfaces';\n\nimport testUtilStyles from '../test-classes/styles.css.js';\nimport styles from './styles.css.js';\n\nexport namespace FilteringTokenProps {\n  export type Operation = 'and' | 'or';\n}\n\nexport interface FilteringTokenProps {\n  tokens: TokenItem[];\n  operation: FilteringTokenProps.Operation;\n  groupOperation: FilteringTokenProps.Operation;\n  showOperation: boolean;\n  readOnlyOperations: boolean;\n  andText: string;\n  orText: string;\n  groupAriaLabel: string;\n  operationAriaLabel: string;\n  groupEditAriaLabel: string;\n  disabled?: boolean;\n  onChangeOperation: (operation: FilteringTokenProps.Operation) => void;\n  onChangeGroupOperation: (operation: FilteringTokenProps.Operation) => void;\n  onDismissToken: (tokenIndex: number) => void;\n  editorContent: React.ReactNode;\n  editorHeader: string;\n  editorDismissAriaLabel?: string;\n  editorExpandToViewport: boolean;\n  onEditorOpen?: () => void;\n  hasGroups: boolean;\n  popoverSize: InternalPopoverProps['size'];\n}\n\nexport interface FilteringTokenRef {\n  closeEditor(): void;\n}\n\ninterface TokenItem {\n  content: React.ReactNode;\n  ariaLabel: string;\n  dismissAriaLabel: string;\n}\n\nconst FilteringToken = forwardRef(\n  (\n    {\n      tokens,\n      showOperation,\n      readOnlyOperations,\n      operation,\n      groupOperation,\n      andText,\n      orText,\n      groupAriaLabel,\n      operationAriaLabel,\n      groupEditAriaLabel,\n      disabled = false,\n      onChangeOperation,\n      onChangeGroupOperation,\n      onDismissToken,\n      editorContent,\n      editorHeader,\n      editorDismissAriaLabel,\n      editorExpandToViewport,\n      onEditorOpen,\n      hasGroups,\n      popoverSize,\n      ...rest\n    }: FilteringTokenProps,\n    ref: React.Ref<FilteringTokenRef>\n  ) => {\n    const [nextFocusIndex, setNextFocusIndex] = useState<null | number>(null);\n    const tokenListRef = useListFocusController({\n      nextFocusIndex,\n      onFocusMoved: target => {\n        target.focus();\n        setNextFocusIndex(null);\n      },\n      listItemSelector: `.${styles['inner-root']}`,\n      fallbackSelector: `.${styles.root}`,\n    });\n\n    const popoverRef = useRef<InternalPopoverRef>(null);\n    const popoverProps: InternalPopoverProps = {\n      content: editorContent,\n      triggerType: 'text',\n      header: editorHeader,\n      size: popoverSize,\n      position: 'bottom',\n      dismissAriaLabel: editorDismissAriaLabel,\n      renderWithPortal: editorExpandToViewport,\n      __onOpen: onEditorOpen,\n      __closeAnalyticsAction: 'editClose',\n    };\n    useImperativeHandle(ref, () => ({ closeEditor: () => popoverRef.current?.dismissPopover() }));\n\n    return (\n      <TokenGroup\n        ref={tokenListRef}\n        ariaLabel={tokens.length === 1 ? tokens[0].ariaLabel : groupAriaLabel}\n        operation={\n          showOperation && (\n            <OperationSelector\n              operation={operation}\n              onChange={onChangeOperation}\n              ariaLabel={operationAriaLabel}\n              andText={andText}\n              orText={orText}\n              parent={true}\n              readOnlyOperations={readOnlyOperations}\n              disabled={disabled}\n            />\n          )\n        }\n        tokenAction={\n          tokens.length === 1 ? (\n            <TokenDismissButton\n              ariaLabel={tokens[0].dismissAriaLabel}\n              onClick={() => onDismissToken(0)}\n              parent={true}\n              disabled={disabled}\n            />\n          ) : (\n            <InternalPopover ref={popoverRef} {...popoverProps} triggerType=\"filtering-token\">\n              <TokenEditButton ariaLabel={groupEditAriaLabel} disabled={disabled} />\n            </InternalPopover>\n          )\n        }\n        parent={true}\n        grouped={tokens.length > 1}\n        disabled={disabled}\n        hasGroups={hasGroups}\n        {...copyAnalyticsMetadataAttribute(rest)}\n      >\n        {tokens.length === 1 ? (\n          <InternalPopover ref={popoverRef} {...popoverProps}>\n            <span\n              {...getAnalyticsMetadataAttribute({\n                action: 'editStart',\n              } as Partial<GeneratedAnalyticsMetadataPropertyEditStart>)}\n            >\n              {tokens[0].content}\n            </span>\n          </InternalPopover>\n        ) : (\n          <ul className={styles.list}>\n            {tokens.map((token, index) => (\n              <li key={index}>\n                <TokenGroup\n                  ariaLabel={token.ariaLabel}\n                  operation={\n                    index !== 0 && (\n                      <OperationSelector\n                        operation={groupOperation}\n                        onChange={onChangeGroupOperation}\n                        ariaLabel={operationAriaLabel}\n                        andText={andText}\n                        orText={orText}\n                        parent={false}\n                        readOnlyOperations={readOnlyOperations}\n                        disabled={disabled}\n                      />\n                    )\n                  }\n                  tokenAction={\n                    <TokenDismissButton\n                      ariaLabel={token.dismissAriaLabel}\n                      onClick={() => {\n                        onDismissToken(index);\n                        setNextFocusIndex(index);\n                      }}\n                      parent={false}\n                      disabled={disabled}\n                    />\n                  }\n                  parent={false}\n                  grouped={false}\n                  disabled={disabled}\n                  hasGroups={false}\n                >\n                  {token.content}\n                </TokenGroup>\n              </li>\n            ))}\n          </ul>\n        )}\n      </TokenGroup>\n    );\n  }\n);\n\nexport default FilteringToken;\n\nconst TokenGroup = forwardRef(\n  (\n    {\n      ariaLabel,\n      children,\n      operation,\n      tokenAction,\n      parent,\n      grouped,\n      disabled,\n      hasGroups,\n      ...rest\n    }: {\n      ariaLabel?: string;\n      children: React.ReactNode;\n      operation: React.ReactNode;\n      tokenAction: React.ReactNode;\n      parent: boolean;\n      grouped: boolean;\n      disabled: boolean;\n      hasGroups: boolean;\n    },\n    ref: React.Ref<HTMLDivElement>\n  ) => {\n    const groupRef = useRef<HTMLDivElement>(null);\n    const mergedRef = useMergeRefs(ref, groupRef);\n    const isCompactMode = useDensityMode(groupRef) === 'compact';\n    return (\n      <div\n        ref={mergedRef}\n        className={clsx(\n          parent\n            ? clsx(styles.root, testUtilStyles['filtering-token'])\n            : clsx(styles['inner-root'], testUtilStyles['filtering-token-inner']),\n          hasGroups && styles['has-groups'],\n          isCompactMode && styles['compact-mode']\n        )}\n        role=\"group\"\n        aria-label={ariaLabel}\n        {...copyAnalyticsMetadataAttribute(rest)}\n      >\n        {operation}\n\n        <div\n          className={clsx(\n            parent ? styles.token : styles['inner-token'],\n            !!operation && styles['show-operation'],\n            grouped && styles.grouped,\n            disabled && styles['token-disabled']\n          )}\n          aria-disabled={disabled}\n        >\n          <div\n            className={clsx(\n              parent\n                ? clsx(styles['token-content'], testUtilStyles['filtering-token-content'])\n                : clsx(styles['inner-token-content'], testUtilStyles['filtering-token-inner-content']),\n              grouped && styles['token-content-grouped']\n            )}\n          >\n            {children}\n          </div>\n\n          {tokenAction}\n        </div>\n      </div>\n    );\n  }\n);\n\nfunction OperationSelector({\n  operation,\n  onChange,\n  ariaLabel,\n  andText,\n  orText,\n  parent,\n  readOnlyOperations,\n  disabled,\n}: {\n  operation: FilteringTokenProps.Operation;\n  onChange: (operation: FilteringTokenProps.Operation) => void;\n  andText: string;\n  orText: string;\n  ariaLabel: string;\n  parent: boolean;\n  readOnlyOperations: boolean;\n  disabled?: boolean;\n}) {\n  return (\n    <InternalSelect\n      __inFilteringToken={parent ? 'root' : 'nested'}\n      className={clsx(\n        parent\n          ? clsx(styles.select, testUtilStyles['filtering-token-select'])\n          : clsx(styles['inner-select'], testUtilStyles['filtering-token-inner-select'])\n      )}\n      options={[\n        { value: 'and', label: andText },\n        { value: 'or', label: orText },\n      ]}\n      selectedOption={{ value: operation, label: operation === 'and' ? andText : orText }}\n      onChange={e => onChange(e.detail.selectedOption.value as FilteringTokenProps.Operation)}\n      disabled={disabled}\n      readOnly={readOnlyOperations}\n      ariaLabel={ariaLabel}\n    />\n  );\n}\n\nfunction TokenDismissButton({\n  ariaLabel,\n  onClick,\n  parent,\n  disabled,\n}: {\n  ariaLabel: string;\n  onClick: () => void;\n  parent: boolean;\n  disabled?: boolean;\n}) {\n  return (\n    <button\n      type=\"button\"\n      className={clsx(\n        parent\n          ? clsx(styles['dismiss-button'], testUtilStyles['filtering-token-dismiss-button'])\n          : clsx(styles['inner-dismiss-button'], testUtilStyles['filtering-token-inner-dismiss-button'])\n      )}\n      aria-label={ariaLabel}\n      onClick={onClick}\n      disabled={disabled}\n      {...getAnalyticsMetadataAttribute({ action: 'dismiss' })}\n    >\n      <InternalIcon name=\"close\" />\n    </button>\n  );\n}\n\nfunction TokenEditButton({ ariaLabel, disabled }: { ariaLabel: string; disabled?: boolean }) {\n  return (\n    <button\n      type=\"button\"\n      className={clsx(styles['edit-button'], testUtilStyles['filtering-token-edit-button'])}\n      aria-label={ariaLabel}\n      disabled={disabled}\n    >\n      <InternalIcon name=\"edit\" />\n    </button>\n  );\n}\n"]}

package/lib/internal/template/property-filter/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/property-filter/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAQ1B,OAAO,EAAE,mBAAmB,EAAO,MAAM,cAAc,CAAC;AAKxD,OAAO,EAAE,mBAAmB,EAAE,CAAC;AAE/B,QAAA,MAAM,cAAc,qGAgFnB,CAAC;AAGF,eAAe,cAAc,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/property-filter/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAQ1B,OAAO,EAAE,mBAAmB,EAAO,MAAM,cAAc,CAAC;AAKxD,OAAO,EAAE,mBAAmB,EAAE,CAAC;AAE/B,QAAA,MAAM,cAAc,qGAmFnB,CAAC;AAGF,eAAe,cAAc,CAAC"}

package/lib/internal/template/property-filter/index.js

@@ -10,7 +10,7 @@ import PropertyFilterInternal from './internal';
 import analyticsSelectors from './analytics-metadata/styles.css.js';
 const PropertyFilter = React.forwardRef((_a, ref) => {
     var _b;
-    var { filteringProperties, filteringOptions = [], customGroupsText = [], enableTokenGroups = false, disableFreeTextFiltering = false, asyncProperties, expandToViewport, hideOperations = false, tokenLimit, virtualScroll } = _a, rest = __rest(_a, ["filteringProperties", "filteringOptions", "customGroupsText", "enableTokenGroups", "disableFreeTextFiltering", "asyncProperties", "expandToViewport", "hideOperations", "tokenLimit", "virtualScroll"]);
+    var { filteringProperties, filteringOptions = [], customGroupsText = [], enableTokenGroups = false, disableFreeTextFiltering = false, asyncProperties, expandToViewport, hideOperations = false, readOnlyOperations = false, tokenLimit, virtualScroll } = _a, rest = __rest(_a, ["filteringProperties", "filteringOptions", "customGroupsText", "enableTokenGroups", "disableFreeTextFiltering", "asyncProperties", "expandToViewport", "hideOperations", "readOnlyOperations", "tokenLimit", "virtualScroll"]);
     let hasCustomForms = false;
     let hasEnumTokens = false;
     let hasCustomFormatters = false;
@@ -30,6 +30,7 @@ const PropertyFilter = React.forwardRef((_a, ref) => {
             enableTokenGroups,
             expandToViewport,
             hideOperations,
+            readOnlyOperations,
             tokenLimit,
             virtualScroll,
         },
@@ -51,7 +52,7 @@ const PropertyFilter = React.forwardRef((_a, ref) => {
         warnOnce('PropertyFilter', 'Operations cannot be hidden when token groups are enabled.');
         hideOperations = false;
     }
-    return (React.createElement(PropertyFilterInternal, Object.assign({ ref: ref }, baseComponentProps, { filteringProperties: filteringProperties, filteringOptions: filteringOptions, customGroupsText: customGroupsText, enableTokenGroups: enableTokenGroups, disableFreeTextFiltering: disableFreeTextFiltering, asyncProperties: asyncProperties, expandToViewport: expandToViewport, hideOperations: hideOperations, tokenLimit: tokenLimit, virtualScroll: virtualScroll }, getAnalyticsMetadataAttribute({ component: componentAnalyticsMetadata }), rest)));
+    return (React.createElement(PropertyFilterInternal, Object.assign({ ref: ref }, baseComponentProps, { filteringProperties: filteringProperties, filteringOptions: filteringOptions, customGroupsText: customGroupsText, enableTokenGroups: enableTokenGroups, disableFreeTextFiltering: disableFreeTextFiltering, asyncProperties: asyncProperties, expandToViewport: expandToViewport, hideOperations: hideOperations, readOnlyOperations: readOnlyOperations, tokenLimit: tokenLimit, virtualScroll: virtualScroll }, getAnalyticsMetadataAttribute({ component: componentAnalyticsMetadata }), rest)));
 });
 applyDisplayName(PropertyFilter, 'PropertyFilter');
 export default PropertyFilter;

package/lib/internal/template/property-filter/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/property-filter/index.tsx"],"names":[],"mappings":"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","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React from 'react';\n\nimport { warnOnce } from '@cloudscape-design/component-toolkit/internal';\nimport { getAnalyticsMetadataAttribute } from '@cloudscape-design/component-toolkit/internal/analytics-metadata';\n\nimport useBaseComponent from '../internal/hooks/use-base-component';\nimport { applyDisplayName } from '../internal/utils/apply-display-name';\nimport { GeneratedAnalyticsMetadataPropertyFilterComponent } from './analytics-metadata/interfaces';\nimport { PropertyFilterProps, Ref } from './interfaces';\nimport PropertyFilterInternal from './internal';\n\nimport analyticsSelectors from './analytics-metadata/styles.css.js';\n\nexport { PropertyFilterProps };\n\nconst PropertyFilter = React.forwardRef(\n  (\n    {\n      filteringProperties,\n      filteringOptions = [],\n      customGroupsText = [],\n      enableTokenGroups = false,\n      disableFreeTextFiltering = false,\n      asyncProperties,\n      expandToViewport,\n      hideOperations = false,\n      tokenLimit,\n      virtualScroll,\n      ...rest\n    }: PropertyFilterProps,\n    ref: React.Ref<Ref>\n  ) => {\n    let hasCustomForms = false;\n    let hasEnumTokens = false;\n    let hasCustomFormatters = false;\n    for (const property of filteringProperties) {\n      for (const operator of property.operators ?? []) {\n        if (typeof operator === 'object') {\n          hasCustomForms = hasCustomForms || !!operator.form;\n          hasEnumTokens = hasEnumTokens || operator.tokenType === 'enum';\n          hasCustomFormatters = hasCustomFormatters || !!operator.format;\n        }\n      }\n    }\n\n    const baseComponentProps = useBaseComponent('PropertyFilter', {\n      props: {\n        asyncProperties,\n        disableFreeTextFiltering,\n        enableTokenGroups,\n        expandToViewport,\n        hideOperations,\n        tokenLimit,\n        virtualScroll,\n      },\n      metadata: {\n        hasCustomForms,\n        hasEnumTokens,\n        hasCustomFormatters,\n      },\n    });\n\n    const componentAnalyticsMetadata: GeneratedAnalyticsMetadataPropertyFilterComponent = {\n      name: 'awsui.PropertyFilter',\n      label: `.${analyticsSelectors['search-field']} input`,\n      properties: {\n        disabled: `${!!rest.disabled}`,\n        queryTokensCount: `${rest.query && rest.query.tokens ? rest.query.tokens.length : 0}`,\n      },\n    };\n\n    if (hideOperations && enableTokenGroups) {\n      warnOnce('PropertyFilter', 'Operations cannot be hidden when token groups are enabled.');\n      hideOperations = false;\n    }\n\n    return (\n      <PropertyFilterInternal\n        ref={ref}\n        {...baseComponentProps}\n        filteringProperties={filteringProperties}\n        filteringOptions={filteringOptions}\n        customGroupsText={customGroupsText}\n        enableTokenGroups={enableTokenGroups}\n        disableFreeTextFiltering={disableFreeTextFiltering}\n        asyncProperties={asyncProperties}\n        expandToViewport={expandToViewport}\n        hideOperations={hideOperations}\n        tokenLimit={tokenLimit}\n        virtualScroll={virtualScroll}\n        {...getAnalyticsMetadataAttribute({ component: componentAnalyticsMetadata })}\n        {...rest}\n      />\n    );\n  }\n);\n\napplyDisplayName(PropertyFilter, 'PropertyFilter');\nexport default PropertyFilter;\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/property-filter/index.tsx"],"names":[],"mappings":"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","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React from 'react';\n\nimport { warnOnce } from '@cloudscape-design/component-toolkit/internal';\nimport { getAnalyticsMetadataAttribute } from '@cloudscape-design/component-toolkit/internal/analytics-metadata';\n\nimport useBaseComponent from '../internal/hooks/use-base-component';\nimport { applyDisplayName } from '../internal/utils/apply-display-name';\nimport { GeneratedAnalyticsMetadataPropertyFilterComponent } from './analytics-metadata/interfaces';\nimport { PropertyFilterProps, Ref } from './interfaces';\nimport PropertyFilterInternal from './internal';\n\nimport analyticsSelectors from './analytics-metadata/styles.css.js';\n\nexport { PropertyFilterProps };\n\nconst PropertyFilter = React.forwardRef(\n  (\n    {\n      filteringProperties,\n      filteringOptions = [],\n      customGroupsText = [],\n      enableTokenGroups = false,\n      disableFreeTextFiltering = false,\n      asyncProperties,\n      expandToViewport,\n      hideOperations = false,\n      readOnlyOperations = false,\n      tokenLimit,\n      virtualScroll,\n      ...rest\n    }: PropertyFilterProps,\n    ref: React.Ref<Ref>\n  ) => {\n    let hasCustomForms = false;\n    let hasEnumTokens = false;\n    let hasCustomFormatters = false;\n    for (const property of filteringProperties) {\n      for (const operator of property.operators ?? []) {\n        if (typeof operator === 'object') {\n          hasCustomForms = hasCustomForms || !!operator.form;\n          hasEnumTokens = hasEnumTokens || operator.tokenType === 'enum';\n          hasCustomFormatters = hasCustomFormatters || !!operator.format;\n        }\n      }\n    }\n\n    const baseComponentProps = useBaseComponent('PropertyFilter', {\n      props: {\n        asyncProperties,\n        disableFreeTextFiltering,\n        enableTokenGroups,\n        expandToViewport,\n        hideOperations,\n        readOnlyOperations,\n        tokenLimit,\n        virtualScroll,\n      },\n      metadata: {\n        hasCustomForms,\n        hasEnumTokens,\n        hasCustomFormatters,\n      },\n    });\n\n    const componentAnalyticsMetadata: GeneratedAnalyticsMetadataPropertyFilterComponent = {\n      name: 'awsui.PropertyFilter',\n      label: `.${analyticsSelectors['search-field']} input`,\n      properties: {\n        disabled: `${!!rest.disabled}`,\n        queryTokensCount: `${rest.query && rest.query.tokens ? rest.query.tokens.length : 0}`,\n      },\n    };\n\n    if (hideOperations && enableTokenGroups) {\n      warnOnce('PropertyFilter', 'Operations cannot be hidden when token groups are enabled.');\n      hideOperations = false;\n    }\n\n    return (\n      <PropertyFilterInternal\n        ref={ref}\n        {...baseComponentProps}\n        filteringProperties={filteringProperties}\n        filteringOptions={filteringOptions}\n        customGroupsText={customGroupsText}\n        enableTokenGroups={enableTokenGroups}\n        disableFreeTextFiltering={disableFreeTextFiltering}\n        asyncProperties={asyncProperties}\n        expandToViewport={expandToViewport}\n        hideOperations={hideOperations}\n        readOnlyOperations={readOnlyOperations}\n        tokenLimit={tokenLimit}\n        virtualScroll={virtualScroll}\n        {...getAnalyticsMetadataAttribute({ component: componentAnalyticsMetadata })}\n        {...rest}\n      />\n    );\n  }\n);\n\napplyDisplayName(PropertyFilter, 'PropertyFilter');\nexport default PropertyFilter;\n"]}

package/lib/internal/template/property-filter/interfaces.d.ts

@@ -48,11 +48,16 @@ export interface PropertyFilterProps extends BaseComponentProps, ExpandToViewpor
      * If hideOperations it set, the indicator of the operation (that is, `and` or `or`) and the selection of operations
      * (applied to the property and value token) are hidden from the user. Only use when you have a custom
      * filtering logic which combines tokens in different way than the default one. When used, ensure that
-     * operations are communicated to the user in another way.
+     * operations are communicated to the user in another way, or use `readOnlyOperations`.
      *
      * This property cannot be set when `enableTokenGroups=true`.
      */
     hideOperations?: boolean;
+    /**
+     * If readOnlyOperations it set, the indicator of the operation (that is, `and` or `or`) is shown, but the
+     * operation cannot be changed. This is also supported for nested tokens when `enableTokenGroups=true`.
+     */
+    readOnlyOperations?: boolean;
     /**
      * Activates token grouping mechanism to support token nesting (up to one level).
      * When `true`, the `query.tokens` property is ignored and `query.tokenGroups` is used instead.