@cloudscape-design/components-themeable 3.0.698 → 3.0.700

package/lib/internal/scss/internal/hooks/focus-visible/index.scss

@@ -1,13 +0,0 @@
-/*
- Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
- SPDX-License-Identifier: Apache-2.0
-*/
-
-// mixin to apply styles only when keyboard focus is needed
-// requires JavaScript part from useFocusVisible hook to be applied
-@mixin when-visible {
-  // stylelint-disable-next-line selector-combinator-disallowed-list
-  body[data-awsui-focus-visible='true'] &:focus {
-    @content;
-  }
-}

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/internal/components/filtering-token/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAQ1B,yBAAiB,mBAAmB,CAAC;IACnC,KAAY,SAAS,GAAG,KAAK,GAAG,IAAI,CAAC;CACtC;AAED,MAAM,WAAW,mBAAmB;IAClC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,aAAa,EAAE,OAAO,CAAC;IACvB,SAAS,EAAE,mBAAmB,CAAC,SAAS,CAAC;IACzC,OAAO,EAAE,MAAM,CAAC;IAChB,MAAM,EAAE,MAAM,CAAC;IACf,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAE1B,QAAQ,EAAE,CAAC,EAAE,EAAE,mBAAmB,CAAC,SAAS,KAAK,IAAI,CAAC;IACtD,SAAS,EAAE,MAAM,IAAI,CAAC;CACvB;AAED,MAAM,CAAC,OAAO,UAAU,cAAc,CAAC,EACrC,SAAS,EACT,aAAa,EACb,SAAS,EACT,OAAO,EACP,MAAM,EACN,gBAAgB,EAChB,iBAAiB,EACjB,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,SAAS,GACV,EAAE,mBAAmB,eAkCrB"}

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/internal/components/filtering-token/index.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,IAAI,MAAM,MAAM,CAAC;AAExB,OAAO,cAAc,MAAM,0BAA0B,CAAC;AACtD,OAAO,YAAY,MAAM,wBAAwB,CAAC;AAElD,OAAO,MAAM,MAAM,iBAAiB,CAAC;AAsBrC,MAAM,CAAC,OAAO,UAAU,cAAc,CAAC,EACrC,SAAS,EACT,aAAa,EACb,SAAS,EACT,OAAO,EACP,MAAM,EACN,gBAAgB,EAChB,iBAAiB,EACjB,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,SAAS,GACW;IACpB,OAAO,CACL,6BAAK,SAAS,EAAE,MAAM,CAAC,IAAI,EAAE,IAAI,EAAC,OAAO,gBAAa,SAAS;QAC5D,aAAa,IAAI,CAChB,oBAAC,cAAc,IACb,kBAAkB,EAAE,IAAI,EACxB,SAAS,EAAE,MAAM,CAAC,MAAM,EACxB,OAAO,EAAE;gBACP,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,OAAO,EAAE;gBAChC,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,EAAE;aAC/B,EACD,cAAc,EAAE,EAAE,KAAK,EAAE,SAAS,EAAE,KAAK,EAAE,SAAS,KAAK,KAAK,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,EAAE,EACnF,QAAQ,EAAE,CAAC,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,cAAc,CAAC,KAAsC,CAAC,EACvF,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,iBAAiB,GAC5B,CACH;QACD,6BACE,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,KAAK,EAAE,aAAa,IAAI,MAAM,CAAC,gBAAgB,CAAC,EAAE,QAAQ,IAAI,MAAM,CAAC,gBAAgB,CAAC,CAAC,mBAC/F,QAAQ;YAEvB,6BAAK,SAAS,EAAE,MAAM,CAAC,eAAe,CAAC,IAAG,QAAQ,CAAO;YACzD,gCACE,IAAI,EAAC,QAAQ,EACb,SAAS,EAAE,MAAM,CAAC,gBAAgB,CAAC,gBACvB,gBAAgB,EAC5B,OAAO,EAAE,SAAS,EAClB,QAAQ,EAAE,QAAQ;gBAElB,oBAAC,YAAY,IAAC,IAAI,EAAC,OAAO,GAAG,CACtB,CACL,CACF,CACP,CAAC;AACJ,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React from 'react';\nimport clsx from 'clsx';\n\nimport InternalSelect from '../../../select/internal';\nimport InternalIcon from '../../../icon/internal';\n\nimport styles from './styles.css.js';\n\nexport namespace FilteringTokenProps {\n  export type Operation = 'and' | 'or';\n}\n\nexport interface FilteringTokenProps {\n  ariaLabel?: string;\n  showOperation: boolean;\n  operation: FilteringTokenProps.Operation;\n  andText: string;\n  orText: string;\n  dismissAriaLabel?: string;\n  operatorAriaLabel?: string;\n  disabled?: boolean;\n\n  children: React.ReactNode;\n\n  onChange: (op: FilteringTokenProps.Operation) => void;\n  onDismiss: () => void;\n}\n\nexport default function FilteringToken({\n  ariaLabel,\n  showOperation,\n  operation,\n  andText,\n  orText,\n  dismissAriaLabel,\n  operatorAriaLabel,\n  disabled,\n  children,\n  onChange,\n  onDismiss,\n}: FilteringTokenProps) {\n  return (\n    <div className={styles.root} role=\"group\" aria-label={ariaLabel}>\n      {showOperation && (\n        <InternalSelect\n          __inFilteringToken={true}\n          className={styles.select}\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={operatorAriaLabel}\n        />\n      )}\n      <div\n        className={clsx(styles.token, showOperation && styles['show-operation'], disabled && styles['token-disabled'])}\n        aria-disabled={disabled}\n      >\n        <div className={styles['token-content']}>{children}</div>\n        <button\n          type=\"button\"\n          className={styles['dismiss-button']}\n          aria-label={dismissAriaLabel}\n          onClick={onDismiss}\n          disabled={disabled}\n        >\n          <InternalIcon name=\"close\" />\n        </button>\n      </div>\n    </div>\n  );\n}\n"]}

package/lib/internal/template/internal/components/filtering-token/styles.css.js

@@ -1,12 +0,0 @@
-
-    import './styles.scoped.css';
-    export default {
-  "root": "awsui_root_10m3l_1srox_101",
-  "token": "awsui_token_10m3l_1srox_106",
-  "show-operation": "awsui_show-operation_10m3l_1srox_121",
-  "select": "awsui_select_10m3l_1srox_127",
-  "token-content": "awsui_token-content_10m3l_1srox_131",
-  "dismiss-button": "awsui_dismiss-button_10m3l_1srox_136",
-  "token-disabled": "awsui_token-disabled_10m3l_1srox_178"
-};
-  

package/lib/internal/template/internal/components/filtering-token/styles.selectors.js

@@ -1,13 +0,0 @@
-
-    // es-module interop with Babel and Typescript
-    Object.defineProperty(exports, "__esModule", { value: true });
-    module.exports.default = {
-  "root": "awsui_root_10m3l_1srox_101",
-  "token": "awsui_token_10m3l_1srox_106",
-  "show-operation": "awsui_show-operation_10m3l_1srox_121",
-  "select": "awsui_select_10m3l_1srox_127",
-  "token-content": "awsui_token-content_10m3l_1srox_131",
-  "dismiss-button": "awsui_dismiss-button_10m3l_1srox_136",
-  "token-disabled": "awsui_token-disabled_10m3l_1srox_178"
-};
-  

package/lib/internal/template/internal/hooks/focus-visible/index.d.ts

@@ -1,3 +0,0 @@
-export declare function isModifierKey(event: KeyboardEvent): boolean;
-export default function useFocusVisible(): void;
-//# sourceMappingURL=index.d.ts.map

package/lib/internal/template/internal/hooks/focus-visible/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/internal/hooks/focus-visible/index.ts"],"names":[],"mappings":"AAKA,wBAAgB,aAAa,CAAC,KAAK,EAAE,aAAa,WAIjD;AAgCD,MAAM,CAAC,OAAO,UAAU,eAAe,SAatC"}

package/lib/internal/template/internal/hooks/focus-visible/index.js

@@ -1,49 +0,0 @@
-// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
-// SPDX-License-Identifier: Apache-2.0
-import { useEffect } from 'react';
-import { KeyCode } from '../../keycode';
-export function isModifierKey(event) {
-    // we do not want to highlight focused element
-    // when special keys are pressed
-    return [KeyCode.shift, KeyCode.alt, KeyCode.control, KeyCode.meta].indexOf(event.keyCode) > -1;
-}
-function setIsKeyboard(active) {
-    if (active) {
-        document.body.setAttribute('data-awsui-focus-visible', 'true');
-    }
-    else {
-        document.body.removeAttribute('data-awsui-focus-visible');
-    }
-}
-function handleMousedown() {
-    return setIsKeyboard(false);
-}
-function handleKeydown(event) {
-    if (!isModifierKey(event)) {
-        setIsKeyboard(true);
-    }
-}
-let componentsCount = 0;
-function addListeners() {
-    document.addEventListener('mousedown', handleMousedown);
-    document.addEventListener('keydown', handleKeydown);
-}
-function removeListeners() {
-    document.removeEventListener('mousedown', handleMousedown);
-    document.removeEventListener('keydown', handleKeydown);
-}
-export default function useFocusVisible() {
-    useEffect(() => {
-        if (componentsCount === 0) {
-            addListeners();
-        }
-        componentsCount++;
-        return () => {
-            componentsCount--;
-            if (componentsCount === 0) {
-                removeListeners();
-            }
-        };
-    }, []);
-}
-//# sourceMappingURL=index.js.map

package/lib/internal/template/internal/hooks/focus-visible/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/internal/hooks/focus-visible/index.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAClC,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC;AAExC,MAAM,UAAU,aAAa,CAAC,KAAoB;IAChD,8CAA8C;IAC9C,gCAAgC;IAChC,OAAO,CAAC,OAAO,CAAC,KAAK,EAAE,OAAO,CAAC,GAAG,EAAE,OAAO,CAAC,OAAO,EAAE,OAAO,CAAC,IAAI,CAAC,CAAC,OAAO,CAAC,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC;AACjG,CAAC;AAED,SAAS,aAAa,CAAC,MAAe;IACpC,IAAI,MAAM,EAAE;QACV,QAAQ,CAAC,IAAI,CAAC,YAAY,CAAC,0BAA0B,EAAE,MAAM,CAAC,CAAC;KAChE;SAAM;QACL,QAAQ,CAAC,IAAI,CAAC,eAAe,CAAC,0BAA0B,CAAC,CAAC;KAC3D;AACH,CAAC;AAED,SAAS,eAAe;IACtB,OAAO,aAAa,CAAC,KAAK,CAAC,CAAC;AAC9B,CAAC;AAED,SAAS,aAAa,CAAC,KAAoB;IACzC,IAAI,CAAC,aAAa,CAAC,KAAK,CAAC,EAAE;QACzB,aAAa,CAAC,IAAI,CAAC,CAAC;KACrB;AACH,CAAC;AAED,IAAI,eAAe,GAAG,CAAC,CAAC;AAExB,SAAS,YAAY;IACnB,QAAQ,CAAC,gBAAgB,CAAC,WAAW,EAAE,eAAe,CAAC,CAAC;IACxD,QAAQ,CAAC,gBAAgB,CAAC,SAAS,EAAE,aAAa,CAAC,CAAC;AACtD,CAAC;AAED,SAAS,eAAe;IACtB,QAAQ,CAAC,mBAAmB,CAAC,WAAW,EAAE,eAAe,CAAC,CAAC;IAC3D,QAAQ,CAAC,mBAAmB,CAAC,SAAS,EAAE,aAAa,CAAC,CAAC;AACzD,CAAC;AAED,MAAM,CAAC,OAAO,UAAU,eAAe;IACrC,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,eAAe,KAAK,CAAC,EAAE;YACzB,YAAY,EAAE,CAAC;SAChB;QACD,eAAe,EAAE,CAAC;QAClB,OAAO,GAAG,EAAE;YACV,eAAe,EAAE,CAAC;YAClB,IAAI,eAAe,KAAK,CAAC,EAAE;gBACzB,eAAe,EAAE,CAAC;aACnB;QACH,CAAC,CAAC;IACJ,CAAC,EAAE,EAAE,CAAC,CAAC;AACT,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport { useEffect } from 'react';\nimport { KeyCode } from '../../keycode';\n\nexport function isModifierKey(event: KeyboardEvent) {\n  // we do not want to highlight focused element\n  // when special keys are pressed\n  return [KeyCode.shift, KeyCode.alt, KeyCode.control, KeyCode.meta].indexOf(event.keyCode) > -1;\n}\n\nfunction setIsKeyboard(active: boolean) {\n  if (active) {\n    document.body.setAttribute('data-awsui-focus-visible', 'true');\n  } else {\n    document.body.removeAttribute('data-awsui-focus-visible');\n  }\n}\n\nfunction handleMousedown() {\n  return setIsKeyboard(false);\n}\n\nfunction handleKeydown(event: KeyboardEvent) {\n  if (!isModifierKey(event)) {\n    setIsKeyboard(true);\n  }\n}\n\nlet componentsCount = 0;\n\nfunction addListeners() {\n  document.addEventListener('mousedown', handleMousedown);\n  document.addEventListener('keydown', handleKeydown);\n}\n\nfunction removeListeners() {\n  document.removeEventListener('mousedown', handleMousedown);\n  document.removeEventListener('keydown', handleKeydown);\n}\n\nexport default function useFocusVisible() {\n  useEffect(() => {\n    if (componentsCount === 0) {\n      addListeners();\n    }\n    componentsCount++;\n    return () => {\n      componentsCount--;\n      if (componentsCount === 0) {\n        removeListeners();\n      }\n    };\n  }, []);\n}\n"]}

package/lib/internal/template/test-utils/dom/internal/filtering-token.d.ts

@@ -1,8 +0,0 @@
-import { ComponentWrapper, ElementWrapper } from '@cloudscape-design/test-utils-core/dom';
-import SelectWrapper from '../select';
-export default class FilteringTokenWrapper extends ComponentWrapper {
-    static rootSelector: string;
-    findLabel(): ElementWrapper;
-    findRemoveButton(): ElementWrapper<HTMLButtonElement>;
-    findTokenOperation(): SelectWrapper | null;
-}

package/lib/internal/template/test-utils/dom/internal/filtering-token.js

@@ -1,21 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
-// SPDX-License-Identifier: Apache-2.0
-const dom_1 = require("@cloudscape-design/test-utils-core/dom");
-const select_1 = require("../select");
-const styles_selectors_js_1 = require("../../../internal/components/filtering-token/styles.selectors.js");
-class FilteringTokenWrapper extends dom_1.ComponentWrapper {
-    findLabel() {
-        return this.findByClassName(styles_selectors_js_1.default['token-content']);
-    }
-    findRemoveButton() {
-        return this.findByClassName(styles_selectors_js_1.default['dismiss-button']);
-    }
-    findTokenOperation() {
-        return this.findComponent(`.${styles_selectors_js_1.default.select}`, select_1.default);
-    }
-}
-exports.default = FilteringTokenWrapper;
-FilteringTokenWrapper.rootSelector = styles_selectors_js_1.default.root;
-//# sourceMappingURL=filtering-token.js.map

package/lib/internal/template/test-utils/dom/internal/filtering-token.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"filtering-token.js","sourceRoot":"","sources":["../../../../../src/test-utils/dom/internal/filtering-token.ts"],"names":[],"mappings":";;AAAA,qEAAqE;AACrE,sCAAsC;AACtC,gEAA0F;AAC1F,sCAAsC;AACtC,0GAAsF;AAEtF,MAAqB,qBAAsB,SAAQ,sBAAgB;IAGjE,SAAS;QACP,OAAO,IAAI,CAAC,eAAe,CAAC,6BAAM,CAAC,eAAe,CAAC,CAAE,CAAC;IACxD,CAAC;IAED,gBAAgB;QACd,OAAO,IAAI,CAAC,eAAe,CAAoB,6BAAM,CAAC,gBAAgB,CAAC,CAAE,CAAC;IAC5E,CAAC;IAED,kBAAkB;QAChB,OAAO,IAAI,CAAC,aAAa,CAAC,IAAI,6BAAM,CAAC,MAAM,EAAE,EAAE,gBAAa,CAAC,CAAC;IAChE,CAAC;;AAbH,wCAcC;AAbQ,kCAAY,GAAG,6BAAM,CAAC,IAAI,CAAC"}

package/lib/internal/template/test-utils/selectors/internal/filtering-token.d.ts

@@ -1,8 +0,0 @@
-import { ComponentWrapper, ElementWrapper } from "@cloudscape-design/test-utils-core/selectors";
-import SelectWrapper from '../select';
-export default class FilteringTokenWrapper extends ComponentWrapper {
-    static rootSelector: string;
-    findLabel(): ElementWrapper;
-    findRemoveButton(): ElementWrapper;
-    findTokenOperation(): SelectWrapper;
-}

package/lib/internal/template/test-utils/selectors/internal/filtering-token.js

@@ -1,21 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
-// SPDX-License-Identifier: Apache-2.0
-const selectors_1 = require("@cloudscape-design/test-utils-core/selectors");
-const select_1 = require("../select");
-const styles_selectors_js_1 = require("../../../internal/components/filtering-token/styles.selectors.js");
-class FilteringTokenWrapper extends selectors_1.ComponentWrapper {
-    findLabel() {
-        return this.findByClassName(styles_selectors_js_1.default['token-content']);
-    }
-    findRemoveButton() {
-        return this.findByClassName(styles_selectors_js_1.default['dismiss-button']);
-    }
-    findTokenOperation() {
-        return this.findComponent(`.${styles_selectors_js_1.default.select}`, select_1.default);
-    }
-}
-exports.default = FilteringTokenWrapper;
-FilteringTokenWrapper.rootSelector = styles_selectors_js_1.default.root;
-//# sourceMappingURL=filtering-token.js.map

package/lib/internal/template/test-utils/selectors/internal/filtering-token.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"filtering-token.js","sourceRoot":"","sources":["../../../../../src/test-utils/selectors/internal/filtering-token.ts"],"names":[],"mappings":";;AAAA,qEAAqE;AACrE,sCAAsC;AACtC,4EAAgG;AAChG,sCAAsC;AACtC,0GAAsF;AACtF,MAAqB,qBAAsB,SAAQ,4BAAgB;IAEjE,SAAS;QACP,OAAO,IAAI,CAAC,eAAe,CAAC,6BAAM,CAAC,eAAe,CAAC,CAAE,CAAC;IACxD,CAAC;IACD,gBAAgB;QACd,OAAO,IAAI,CAAC,eAAe,CAAC,6BAAM,CAAC,gBAAgB,CAAC,CAAE,CAAC;IACzD,CAAC;IACD,kBAAkB;QAChB,OAAO,IAAI,CAAC,aAAa,CAAC,IAAI,6BAAM,CAAC,MAAM,EAAE,EAAE,gBAAa,CAAC,CAAC;IAChE,CAAC;;AAVH,wCAWC;AAVQ,kCAAY,GAAG,6BAAM,CAAC,IAAI,CAAC"}