@cloudscape-design/components 3.0.60 → 3.0.61

package/property-filter/styles.scoped.css

@@ -90,7 +90,7 @@ 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_root_1wzqe_3s5a7_93:not(#\9) {
+.awsui_root_1wzqe_1yuv2_93:not(#\9) {
   /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
   border-collapse: separate;
   border-spacing: 0;
@@ -127,51 +127,50 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   font-family: var(--font-family-base-qnistn, "Open Sans", "Helvetica Neue", Roboto, Arial, sans-serif);
 }
 
-.awsui_search-field_1wzqe_3s5a7_104:not(#\9) {
+.awsui_search-field_1wzqe_1yuv2_104:not(#\9) {
   display: flex;
   align-items: center;
   max-width: calc(688px - 2 * var(--space-l-4vl6xu, 20px));
 }
 
-.awsui_input-wrapper_1wzqe_3s5a7_110:not(#\9) {
+.awsui_input-wrapper_1wzqe_1yuv2_110:not(#\9) {
   flex-grow: 1;
 }
 
-.awsui_add-token_1wzqe_3s5a7_114:not(#\9) {
+.awsui_add-token_1wzqe_1yuv2_114:not(#\9) {
   border-left: 1px solid var(--color-border-divider-default-7s2wjw, #e9ebed);
   box-sizing: border-box;
   margin-left: var(--space-m-17eucw, 16px);
   padding-left: var(--space-m-17eucw, 16px);
 }
 
-.awsui_tokens_1wzqe_3s5a7_121:not(#\9) {
+.awsui_tokens_1wzqe_1yuv2_121:not(#\9) {
   margin-top: var(--space-xs-rsr2qu, 8px);
 }
 
-.awsui_token-operator_1wzqe_3s5a7_125:not(#\9) {
+.awsui_token-operator_1wzqe_1yuv2_125:not(#\9) {
   font-weight: bold;
 }
 
-.awsui_token-editor_1wzqe_3s5a7_129:not(#\9) {
+.awsui_token-editor_1wzqe_1yuv2_129:not(#\9) {
   margin: var(--space-xxs-ynfts5, 4px);
-  min-width: 300px;
   display: flex;
   flex-direction: column;
   justify-content: space-between;
 }
-.awsui_token-editor-form_1wzqe_3s5a7_136:not(#\9) {
+.awsui_token-editor-form_1wzqe_1yuv2_135:not(#\9) {
   margin-bottom: var(--space-scaled-l-t03y3z, 20px);
 }
-.awsui_token-editor-field-property_1wzqe_3s5a7_139:not(#\9) {
+.awsui_token-editor-field-property_1wzqe_1yuv2_138:not(#\9) {
   /* used in test-utils */
 }
-.awsui_token-editor-field-operator_1wzqe_3s5a7_142:not(#\9) {
+.awsui_token-editor-field-operator_1wzqe_1yuv2_141:not(#\9) {
   margin-top: var(--space-scaled-l-t03y3z, 20px);
 }
-.awsui_token-editor-field-value_1wzqe_3s5a7_145:not(#\9) {
+.awsui_token-editor-field-value_1wzqe_1yuv2_144:not(#\9) {
   margin-top: var(--space-scaled-l-t03y3z, 20px);
 }
-.awsui_token-editor-actions_1wzqe_3s5a7_148:not(#\9) {
+.awsui_token-editor-actions_1wzqe_1yuv2_147:not(#\9) {
   display: flex;
   justify-content: flex-end;
   padding-top: var(--space-s-hv8c1d, 12px);
@@ -180,53 +179,53 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   margin-left: calc(-1 * var(--space-m-17eucw, 16px) + -1 * var(--space-xxs-ynfts5, 4px));
   margin-right: calc(-1 * var(--space-m-17eucw, 16px) + -1 * var(--space-xxs-ynfts5, 4px));
 }
-.awsui_token-editor-commit_1wzqe_3s5a7_157:not(#\9) {
+.awsui_token-editor-commit_1wzqe_1yuv2_156:not(#\9) {
   margin-left: var(--space-xs-rsr2qu, 8px);
 }
 
-.awsui_custom-control_1wzqe_3s5a7_161:not(#\9) {
+.awsui_custom-control_1wzqe_1yuv2_160:not(#\9) {
   margin-right: var(--space-s-hv8c1d, 12px);
 }
 
-.awsui_input_1wzqe_3s5a7_110:not(#\9) {
+.awsui_input_1wzqe_1yuv2_110:not(#\9) {
   flex: 1;
 }
 
-.awsui_results_1wzqe_3s5a7_169:not(#\9) {
+.awsui_results_1wzqe_1yuv2_168:not(#\9) {
   color: var(--color-text-form-label-k3j0b4, #000716);
   display: inline-block;
   box-sizing: border-box;
   white-space: nowrap;
 }
-.awsui_results-visible_1wzqe_3s5a7_175:not(#\9) {
+.awsui_results-visible_1wzqe_1yuv2_174:not(#\9) {
   padding-left: var(--space-s-hv8c1d, 12px);
 }
 
-.awsui_separator_1wzqe_3s5a7_179:not(#\9) {
+.awsui_separator_1wzqe_1yuv2_178:not(#\9) {
   margin: 0px var(--space-scaled-m-pv0fmt, 16px);
   height: 100%;
   width: var(--border-divider-section-width-4wm2it, 2px);
   background-color: var(--color-border-divider-default-7s2wjw, #e9ebed);
 }
 
-.awsui_toggle-collapsed_1wzqe_3s5a7_186:not(#\9) {
+.awsui_toggle-collapsed_1wzqe_1yuv2_185:not(#\9) {
   margin-top: calc(-1 * var(--space-scaled-xxs-95dhkm, 4px));
   margin-left: var(--space-xs-rsr2qu, 8px);
 }
 
-.awsui_token-trigger_1wzqe_3s5a7_191:not(#\9) {
+.awsui_token-trigger_1wzqe_1yuv2_190:not(#\9) {
   min-width: 0;
   -ms-word-break: break-all;
   word-break: break-word;
 }
 
-.awsui_token-editor-cancel_1wzqe_3s5a7_197:not(#\9) {
+.awsui_token-editor-cancel_1wzqe_1yuv2_196:not(#\9) {
   margin-right: var(--space-xs-rsr2qu, 8px);
 }
 
-.awsui_remove-all_1wzqe_3s5a7_201:not(#\9),
-.awsui_token-label_1wzqe_3s5a7_202:not(#\9),
-.awsui_join-operation_1wzqe_3s5a7_203:not(#\9),
-.awsui_token-editor-submit_1wzqe_3s5a7_204:not(#\9) {
+.awsui_remove-all_1wzqe_1yuv2_200:not(#\9),
+.awsui_token-label_1wzqe_1yuv2_201:not(#\9),
+.awsui_join-operation_1wzqe_1yuv2_202:not(#\9),
+.awsui_token-editor-submit_1wzqe_1yuv2_203:not(#\9) {
   /* used in test-utils */
 }

package/property-filter/styles.selectors.js

@@ -2,30 +2,30 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "root": "awsui_root_1wzqe_3s5a7_93",
-  "search-field": "awsui_search-field_1wzqe_3s5a7_104",
-  "input-wrapper": "awsui_input-wrapper_1wzqe_3s5a7_110",
-  "add-token": "awsui_add-token_1wzqe_3s5a7_114",
-  "tokens": "awsui_tokens_1wzqe_3s5a7_121",
-  "token-operator": "awsui_token-operator_1wzqe_3s5a7_125",
-  "token-editor": "awsui_token-editor_1wzqe_3s5a7_129",
-  "token-editor-form": "awsui_token-editor-form_1wzqe_3s5a7_136",
-  "token-editor-field-property": "awsui_token-editor-field-property_1wzqe_3s5a7_139",
-  "token-editor-field-operator": "awsui_token-editor-field-operator_1wzqe_3s5a7_142",
-  "token-editor-field-value": "awsui_token-editor-field-value_1wzqe_3s5a7_145",
-  "token-editor-actions": "awsui_token-editor-actions_1wzqe_3s5a7_148",
-  "token-editor-commit": "awsui_token-editor-commit_1wzqe_3s5a7_157",
-  "custom-control": "awsui_custom-control_1wzqe_3s5a7_161",
-  "input": "awsui_input_1wzqe_3s5a7_110",
-  "results": "awsui_results_1wzqe_3s5a7_169",
-  "results-visible": "awsui_results-visible_1wzqe_3s5a7_175",
-  "separator": "awsui_separator_1wzqe_3s5a7_179",
-  "toggle-collapsed": "awsui_toggle-collapsed_1wzqe_3s5a7_186",
-  "token-trigger": "awsui_token-trigger_1wzqe_3s5a7_191",
-  "token-editor-cancel": "awsui_token-editor-cancel_1wzqe_3s5a7_197",
-  "remove-all": "awsui_remove-all_1wzqe_3s5a7_201",
-  "token-label": "awsui_token-label_1wzqe_3s5a7_202",
-  "join-operation": "awsui_join-operation_1wzqe_3s5a7_203",
-  "token-editor-submit": "awsui_token-editor-submit_1wzqe_3s5a7_204"
+  "root": "awsui_root_1wzqe_1yuv2_93",
+  "search-field": "awsui_search-field_1wzqe_1yuv2_104",
+  "input-wrapper": "awsui_input-wrapper_1wzqe_1yuv2_110",
+  "add-token": "awsui_add-token_1wzqe_1yuv2_114",
+  "tokens": "awsui_tokens_1wzqe_1yuv2_121",
+  "token-operator": "awsui_token-operator_1wzqe_1yuv2_125",
+  "token-editor": "awsui_token-editor_1wzqe_1yuv2_129",
+  "token-editor-form": "awsui_token-editor-form_1wzqe_1yuv2_135",
+  "token-editor-field-property": "awsui_token-editor-field-property_1wzqe_1yuv2_138",
+  "token-editor-field-operator": "awsui_token-editor-field-operator_1wzqe_1yuv2_141",
+  "token-editor-field-value": "awsui_token-editor-field-value_1wzqe_1yuv2_144",
+  "token-editor-actions": "awsui_token-editor-actions_1wzqe_1yuv2_147",
+  "token-editor-commit": "awsui_token-editor-commit_1wzqe_1yuv2_156",
+  "custom-control": "awsui_custom-control_1wzqe_1yuv2_160",
+  "input": "awsui_input_1wzqe_1yuv2_110",
+  "results": "awsui_results_1wzqe_1yuv2_168",
+  "results-visible": "awsui_results-visible_1wzqe_1yuv2_174",
+  "separator": "awsui_separator_1wzqe_1yuv2_178",
+  "toggle-collapsed": "awsui_toggle-collapsed_1wzqe_1yuv2_185",
+  "token-trigger": "awsui_token-trigger_1wzqe_1yuv2_190",
+  "token-editor-cancel": "awsui_token-editor-cancel_1wzqe_1yuv2_196",
+  "remove-all": "awsui_remove-all_1wzqe_1yuv2_200",
+  "token-label": "awsui_token-label_1wzqe_1yuv2_201",
+  "join-operation": "awsui_join-operation_1wzqe_1yuv2_202",
+  "token-editor-submit": "awsui_token-editor-submit_1wzqe_1yuv2_203"
 };
   

package/property-filter/token.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"token.d.ts","sourceRoot":"","sources":["../../../src/property-filter/token.tsx"],"names":[],"mappings":"AAGA,OAAO,EACL,eAAe,EACf,iBAAiB,EACjB,SAAS,EACT,WAAW,EACX,aAAa,EACb,eAAe,EACf,KAAK,EACN,MAAM,cAAc,CAAC;AAMtB,OAAO,EAAE,yBAAyB,EAAE,MAAM,oBAAoB,CAAC;AAC/D,OAAO,EAAE,mBAAmB,EAAE,MAAM,mDAAmD,CAAC;AAExF,UAAU,UAAU;IAClB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,UAAU,EAAE,mBAAmB,CAAC;IAChC,gBAAgB,EAAE,SAAS,SAAS,EAAE,CAAC;IACvC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,wBAAwB,CAAC,EAAE,OAAO,CAAC;IACnC,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,gBAAgB,EAAE,SAAS,eAAe,EAAE,CAAC;IAC7C,mBAAmB,EAAE,SAAS,iBAAiB,EAAE,CAAC;IAClD,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,WAAW,EAAE,WAAW,CAAC;IACzB,WAAW,CAAC,EAAE,yBAAyB,CAAC,eAAe,CAAC,CAAC;IACzD,SAAS,EAAE,aAAa,CAAC;IACzB,WAAW,EAAE,MAAM,IAAI,CAAC;IACxB,YAAY,EAAE,CAAC,YAAY,EAAE,aAAa,KAAK,IAAI,CAAC;IACpD,QAAQ,EAAE,CAAC,QAAQ,EAAE,KAAK,KAAK,IAAI,CAAC;IACpC,KAAK,EAAE,KAAK,CAAC;CACd;AAED,eAAO,MAAM,WAAW,4PAkBrB,UAAU,gBAkCZ,CAAC"}
+{"version":3,"file":"token.d.ts","sourceRoot":"","sources":["../../../src/property-filter/token.tsx"],"names":[],"mappings":"AAGA,OAAO,EAEL,eAAe,EACf,iBAAiB,EACjB,SAAS,EACT,WAAW,EACX,aAAa,EACb,eAAe,EACf,KAAK,EACN,MAAM,cAAc,CAAC;AAMtB,OAAO,EAAE,yBAAyB,EAAE,MAAM,oBAAoB,CAAC;AAC/D,OAAO,EAAE,mBAAmB,EAAE,MAAM,mDAAmD,CAAC;AAExF,UAAU,UAAU;IAClB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,UAAU,EAAE,mBAAmB,CAAC;IAChC,gBAAgB,EAAE,SAAS,SAAS,EAAE,CAAC;IACvC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,wBAAwB,CAAC,EAAE,OAAO,CAAC;IACnC,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,gBAAgB,EAAE,SAAS,eAAe,EAAE,CAAC;IAC7C,mBAAmB,EAAE,SAAS,iBAAiB,EAAE,CAAC;IAClD,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,WAAW,EAAE,WAAW,CAAC;IACzB,WAAW,CAAC,EAAE,yBAAyB,CAAC,eAAe,CAAC,CAAC;IACzD,SAAS,EAAE,aAAa,CAAC;IACzB,WAAW,EAAE,MAAM,IAAI,CAAC;IACxB,YAAY,EAAE,CAAC,YAAY,EAAE,aAAa,KAAK,IAAI,CAAC;IACpD,QAAQ,EAAE,CAAC,QAAQ,EAAE,KAAK,KAAK,IAAI,CAAC;IACpC,KAAK,EAAE,KAAK,CAAC;CACd;AAED,eAAO,MAAM,WAAW,4PAkBrB,UAAU,gBAkCZ,CAAC"}

package/property-filter/token.js.map

@@ -1 +1 @@
-{"version":3,"file":"token.js","sourceRoot":"","sources":["../../../src/property-filter/token.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAK,MAAM,OAAO,CAAC;AAU1B,OAAO,MAAM,MAAM,iBAAiB,CAAC;AACrC,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAC7C,OAAO,EAAE,gBAAgB,EAAE,MAAM,cAAc,CAAC;AAEhD,OAAO,cAAc,MAAM,wCAAwC,CAAC;AAwBpE,MAAM,CAAC,IAAM,WAAW,GAAG,UAAC,EAkBf;QAjBX,KAAK,WAAA,EACL,iBAAiB,EAAjB,SAAS,mBAAG,KAAK,KAAA,EACjB,KAAK,WAAA,EACL,WAAW,iBAAA,EACX,QAAQ,cAAA,EACR,YAAY,kBAAA,EACZ,gBAAgB,sBAAA,EAChB,mBAAmB,yBAAA,EACnB,UAAU,gBAAA,EACV,WAAW,iBAAA,EACX,WAAW,iBAAA,EACX,eAAe,qBAAA,EACf,cAAc,oBAAA,EACd,gBAAgB,sBAAA,EAChB,QAAQ,cAAA,EACR,wBAAwB,8BAAA,EACxB,gBAAgB,sBAAA;IAEhB,IAAM,QAAQ,GAAG,KAAK,CAAC,WAAW,IAAI,gBAAgB,CAAC,mBAAmB,EAAE,KAAK,CAAC,WAAW,CAAC,CAAC;IAC/F,IAAM,aAAa,GAAG,QAAQ,IAAI,QAAQ,CAAC,aAAa,CAAC;IACzD,OAAO,CACL,oBAAC,cAAc,IACb,aAAa,EAAE,CAAC,KAAK,IAAI,CAAC,cAAc,EACxC,SAAS,EAAE,SAAS,EACpB,OAAO,EAAE,WAAW,CAAC,gBAAgB,EACrC,MAAM,EAAE,WAAW,CAAC,eAAe,EACnC,gBAAgB,EAAE,WAAW,CAAC,0BAA0B,CAAC,KAAK,CAAC,EAC/D,QAAQ,EAAE,YAAY,EACtB,SAAS,EAAE,WAAW,EACtB,QAAQ,EAAE,QAAQ;QAElB,oBAAC,WAAW,IACV,QAAQ,EAAE,QAAQ,EAClB,gBAAgB,EACd,8BAAM,SAAS,EAAE,MAAM,CAAC,eAAe,CAAC;gBACtC,oBAAC,YAAY,IAAC,QAAQ,EAAE,aAAa,EAAE,QAAQ,EAAE,KAAK,CAAC,QAAQ,EAAE,KAAK,EAAE,KAAK,CAAC,KAAK,GAAI,CAClF,EAET,gBAAgB,EAAE,gBAAgB,EAClC,mBAAmB,EAAE,mBAAmB,EACxC,KAAK,EAAE,KAAK,EACZ,UAAU,EAAE,UAAU,EACtB,WAAW,EAAE,WAAW,EACxB,WAAW,EAAE,WAAW,EACxB,eAAe,EAAE,eAAe,EAChC,gBAAgB,EAAE,gBAAgB,EAClC,wBAAwB,EAAE,wBAAwB,EAClD,gBAAgB,EAAE,gBAAgB,GAClC,CACa,CAClB,CAAC;AACJ,CAAC,CAAC;AAEF,IAAM,YAAY,GAAG,UAAC,EAAsF;QAApF,QAAQ,cAAA,EAAE,QAAQ,cAAA,EAAE,KAAK,WAAA;IAC/C,IAAI,QAAQ,EAAE;QACZ,QAAQ,IAAI,GAAG,CAAC;KACjB;IACD,IAAM,qBAAqB,GAAG,QAAQ,KAAK,GAAG,IAAI,CAAC,QAAQ,CAAC;IAC5D,IAAM,YAAY,GAAG,qBAAqB,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,QAAQ,GAAG,GAAG,CAAC;IACjE,OAAO,CACL;QACG,QAAQ;QACT,8BAAM,SAAS,EAAE,MAAM,CAAC,gBAAgB,CAAC,IAAG,YAAY,CAAQ;QAC/D,KAAK,CACL,CACJ,CAAC;AACJ,CAAC,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React from 'react';\nimport {\n  FilteringOption,\n  FilteringProperty,\n  GroupText,\n  I18nStrings,\n  JoinOperation,\n  LoadItemsDetail,\n  Token,\n} from './interfaces';\nimport styles from './styles.css.js';\nimport { TokenEditor } from './token-editor';\nimport { getPropertyByKey } from './controller';\n\nimport FilteringToken from '../internal/components/filtering-token';\nimport { NonCancelableEventHandler } from '../internal/events';\nimport { DropdownStatusProps } from '../internal/components/dropdown-status/interfaces';\n\ninterface TokenProps {\n  asyncProperties?: boolean;\n  asyncProps: DropdownStatusProps;\n  customGroupsText: readonly GroupText[];\n  disabled?: boolean;\n  disableFreeTextFiltering?: boolean;\n  expandToViewport?: boolean;\n  filteringOptions: readonly FilteringOption[];\n  filteringProperties: readonly FilteringProperty[];\n  first?: boolean;\n  hideOperations?: boolean;\n  i18nStrings: I18nStrings;\n  onLoadItems?: NonCancelableEventHandler<LoadItemsDetail>;\n  operation: JoinOperation;\n  removeToken: () => void;\n  setOperation: (newOperation: JoinOperation) => void;\n  setToken: (newToken: Token) => void;\n  token: Token;\n}\n\nexport const TokenButton = ({\n  token,\n  operation = 'and',\n  first,\n  removeToken,\n  setToken,\n  setOperation,\n  filteringOptions,\n  filteringProperties,\n  asyncProps,\n  onLoadItems,\n  i18nStrings,\n  asyncProperties,\n  hideOperations,\n  customGroupsText,\n  disabled,\n  disableFreeTextFiltering,\n  expandToViewport,\n}: TokenProps) => {\n  const property = token.propertyKey && getPropertyByKey(filteringProperties, token.propertyKey);\n  const propertyLabel = property && property.propertyLabel;\n  return (\n    <FilteringToken\n      showOperation={!first && !hideOperations}\n      operation={operation}\n      andText={i18nStrings.operationAndText}\n      orText={i18nStrings.operationOrText}\n      dismissAriaLabel={i18nStrings.removeTokenButtonAriaLabel(token)}\n      onChange={setOperation}\n      onDismiss={removeToken}\n      disabled={disabled}\n    >\n      <TokenEditor\n        setToken={setToken}\n        triggerComponent={\n          <span className={styles['token-trigger']}>\n            <TokenTrigger property={propertyLabel} operator={token.operator} value={token.value} />\n          </span>\n        }\n        filteringOptions={filteringOptions}\n        filteringProperties={filteringProperties}\n        token={token}\n        asyncProps={asyncProps}\n        onLoadItems={onLoadItems}\n        i18nStrings={i18nStrings}\n        asyncProperties={asyncProperties}\n        customGroupsText={customGroupsText}\n        disableFreeTextFiltering={disableFreeTextFiltering}\n        expandToViewport={expandToViewport}\n      />\n    </FilteringToken>\n  );\n};\n\nconst TokenTrigger = ({ property, operator, value }: { property?: string; operator?: string; value: string }) => {\n  if (property) {\n    property += ' ';\n  }\n  const freeTextContainsToken = operator === ':' && !property;\n  const operatorText = freeTextContainsToken ? '' : operator + ' ';\n  return (\n    <>\n      {property}\n      <span className={styles['token-operator']}>{operatorText}</span>\n      {value}\n    </>\n  );\n};\n"]}
+{"version":3,"file":"token.js","sourceRoot":"","sources":["../../../src/property-filter/token.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAK,MAAM,OAAO,CAAC;AAW1B,OAAO,MAAM,MAAM,iBAAiB,CAAC;AACrC,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAC7C,OAAO,EAAE,gBAAgB,EAAE,MAAM,cAAc,CAAC;AAEhD,OAAO,cAAc,MAAM,wCAAwC,CAAC;AAwBpE,MAAM,CAAC,IAAM,WAAW,GAAG,UAAC,EAkBf;QAjBX,KAAK,WAAA,EACL,iBAAiB,EAAjB,SAAS,mBAAG,KAAK,KAAA,EACjB,KAAK,WAAA,EACL,WAAW,iBAAA,EACX,QAAQ,cAAA,EACR,YAAY,kBAAA,EACZ,gBAAgB,sBAAA,EAChB,mBAAmB,yBAAA,EACnB,UAAU,gBAAA,EACV,WAAW,iBAAA,EACX,WAAW,iBAAA,EACX,eAAe,qBAAA,EACf,cAAc,oBAAA,EACd,gBAAgB,sBAAA,EAChB,QAAQ,cAAA,EACR,wBAAwB,8BAAA,EACxB,gBAAgB,sBAAA;IAEhB,IAAM,QAAQ,GAAG,KAAK,CAAC,WAAW,IAAI,gBAAgB,CAAC,mBAAmB,EAAE,KAAK,CAAC,WAAW,CAAC,CAAC;IAC/F,IAAM,aAAa,GAAG,QAAQ,IAAI,QAAQ,CAAC,aAAa,CAAC;IACzD,OAAO,CACL,oBAAC,cAAc,IACb,aAAa,EAAE,CAAC,KAAK,IAAI,CAAC,cAAc,EACxC,SAAS,EAAE,SAAS,EACpB,OAAO,EAAE,WAAW,CAAC,gBAAgB,EACrC,MAAM,EAAE,WAAW,CAAC,eAAe,EACnC,gBAAgB,EAAE,WAAW,CAAC,0BAA0B,CAAC,KAAK,CAAC,EAC/D,QAAQ,EAAE,YAAY,EACtB,SAAS,EAAE,WAAW,EACtB,QAAQ,EAAE,QAAQ;QAElB,oBAAC,WAAW,IACV,QAAQ,EAAE,QAAQ,EAClB,gBAAgB,EACd,8BAAM,SAAS,EAAE,MAAM,CAAC,eAAe,CAAC;gBACtC,oBAAC,YAAY,IAAC,QAAQ,EAAE,aAAa,EAAE,QAAQ,EAAE,KAAK,CAAC,QAAQ,EAAE,KAAK,EAAE,KAAK,CAAC,KAAK,GAAI,CAClF,EAET,gBAAgB,EAAE,gBAAgB,EAClC,mBAAmB,EAAE,mBAAmB,EACxC,KAAK,EAAE,KAAK,EACZ,UAAU,EAAE,UAAU,EACtB,WAAW,EAAE,WAAW,EACxB,WAAW,EAAE,WAAW,EACxB,eAAe,EAAE,eAAe,EAChC,gBAAgB,EAAE,gBAAgB,EAClC,wBAAwB,EAAE,wBAAwB,EAClD,gBAAgB,EAAE,gBAAgB,GAClC,CACa,CAClB,CAAC;AACJ,CAAC,CAAC;AAEF,IAAM,YAAY,GAAG,UAAC,EAQrB;QAPC,QAAQ,cAAA,EACR,QAAQ,cAAA,EACR,KAAK,WAAA;IAML,IAAI,QAAQ,EAAE;QACZ,QAAQ,IAAI,GAAG,CAAC;KACjB;IACD,IAAM,qBAAqB,GAAG,QAAQ,KAAK,GAAG,IAAI,CAAC,QAAQ,CAAC;IAC5D,IAAM,YAAY,GAAG,qBAAqB,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,QAAQ,GAAG,GAAG,CAAC;IACjE,OAAO,CACL;QACG,QAAQ;QACT,8BAAM,SAAS,EAAE,MAAM,CAAC,gBAAgB,CAAC,IAAG,YAAY,CAAQ;QAC/D,KAAK,CACL,CACJ,CAAC;AACJ,CAAC,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React from 'react';\nimport {\n  ComparisonOperator,\n  FilteringOption,\n  FilteringProperty,\n  GroupText,\n  I18nStrings,\n  JoinOperation,\n  LoadItemsDetail,\n  Token,\n} from './interfaces';\nimport styles from './styles.css.js';\nimport { TokenEditor } from './token-editor';\nimport { getPropertyByKey } from './controller';\n\nimport FilteringToken from '../internal/components/filtering-token';\nimport { NonCancelableEventHandler } from '../internal/events';\nimport { DropdownStatusProps } from '../internal/components/dropdown-status/interfaces';\n\ninterface TokenProps {\n  asyncProperties?: boolean;\n  asyncProps: DropdownStatusProps;\n  customGroupsText: readonly GroupText[];\n  disabled?: boolean;\n  disableFreeTextFiltering?: boolean;\n  expandToViewport?: boolean;\n  filteringOptions: readonly FilteringOption[];\n  filteringProperties: readonly FilteringProperty[];\n  first?: boolean;\n  hideOperations?: boolean;\n  i18nStrings: I18nStrings;\n  onLoadItems?: NonCancelableEventHandler<LoadItemsDetail>;\n  operation: JoinOperation;\n  removeToken: () => void;\n  setOperation: (newOperation: JoinOperation) => void;\n  setToken: (newToken: Token) => void;\n  token: Token;\n}\n\nexport const TokenButton = ({\n  token,\n  operation = 'and',\n  first,\n  removeToken,\n  setToken,\n  setOperation,\n  filteringOptions,\n  filteringProperties,\n  asyncProps,\n  onLoadItems,\n  i18nStrings,\n  asyncProperties,\n  hideOperations,\n  customGroupsText,\n  disabled,\n  disableFreeTextFiltering,\n  expandToViewport,\n}: TokenProps) => {\n  const property = token.propertyKey && getPropertyByKey(filteringProperties, token.propertyKey);\n  const propertyLabel = property && property.propertyLabel;\n  return (\n    <FilteringToken\n      showOperation={!first && !hideOperations}\n      operation={operation}\n      andText={i18nStrings.operationAndText}\n      orText={i18nStrings.operationOrText}\n      dismissAriaLabel={i18nStrings.removeTokenButtonAriaLabel(token)}\n      onChange={setOperation}\n      onDismiss={removeToken}\n      disabled={disabled}\n    >\n      <TokenEditor\n        setToken={setToken}\n        triggerComponent={\n          <span className={styles['token-trigger']}>\n            <TokenTrigger property={propertyLabel} operator={token.operator} value={token.value} />\n          </span>\n        }\n        filteringOptions={filteringOptions}\n        filteringProperties={filteringProperties}\n        token={token}\n        asyncProps={asyncProps}\n        onLoadItems={onLoadItems}\n        i18nStrings={i18nStrings}\n        asyncProperties={asyncProperties}\n        customGroupsText={customGroupsText}\n        disableFreeTextFiltering={disableFreeTextFiltering}\n        expandToViewport={expandToViewport}\n      />\n    </FilteringToken>\n  );\n};\n\nconst TokenTrigger = ({\n  property,\n  operator,\n  value,\n}: {\n  property?: string;\n  operator?: ComparisonOperator;\n  value: string;\n}) => {\n  if (property) {\n    property += ' ';\n  }\n  const freeTextContainsToken = operator === ':' && !property;\n  const operatorText = freeTextContainsToken ? '' : operator + ' ';\n  return (\n    <>\n      {property}\n      <span className={styles['token-operator']}>{operatorText}</span>\n      {value}\n    </>\n  );\n};\n"]}