@cloudscape-design/components 3.0.0

package/button/interfaces.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"interfaces.js","sourceRoot":"","sources":["../../../src/button/interfaces.ts"],"names":[],"mappings":"","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport { BaseComponentProps } from '../internal/base-component';\nimport { IconProps } from '../icon/interfaces';\nimport React from 'react';\nimport { CancelableEventHandler, ClickDetail as _ClickDetail } from '../internal/events';\n\nexport interface ButtonProps extends BaseComponentProps {\n  /**\n   * Renders the button as disabled and prevents clicks.\n   */\n  disabled?: boolean;\n  /**\n   * Renders the button as being in a loading state. It takes precedence over the `disabled` if both are set to `true`.\n   * It prevents users from clicking the button.\n   */\n  loading?: boolean;\n  /**\n   * Displays an icon next to the text. You can use the `iconAlign` property to position the icon.\n   */\n  iconName?: IconProps.Name;\n  /**\n   * Specifies the alignment of the icon.\n   */\n  iconAlign?: ButtonProps.IconAlign;\n  /**\n   * Specifies the URL of a custom icon. Use this property if the icon you want isn't available.\n   *\n   * If you set both `iconUrl` and `iconSvg`, `iconSvg` will take precedence.\n   */\n  iconUrl?: string;\n  /**\n   * Specifies the SVG of a custom icon.\n   *\n   * Use this property if you want your custom icon to inherit colors dictated by variant or hover states.\n   * When this property is set, the component will be decorated with `aria-hidden=\"true\"`. Ensure that the `svg` element:\n   * - has attribute `focusable=\"false\"`.\n   * - has `viewBox=\"0 0 16 16\"`.\n   *\n   * If you set the `svg` element as the root node of the slot, the component will automatically\n   * - set `stroke=\"currentColor\"`, `fill=\"none\"`, and `vertical-align=\"top\"`.\n   * - set the stroke width based on the size of the icon.\n   * - set the width and height of the SVG element based on the size of the icon.\n   *\n   * If you don't want these styles to be automatically set, wrap the `svg` element into a `span`.\n   * You can still set the stroke to `currentColor` to inherit the color of the surrounding elements.\n   *\n   * If you set both `iconUrl` and `iconSvg`, `iconSvg` will take precedence.\n   *\n   * *Note:* Remember to remove any additional elements (for example: `defs`) and related CSS classes from SVG files exported from design software.\n   * In most cases, they aren't needed, as the `svg` element inherits styles from the icon component.\n   */\n  iconSvg?: React.ReactNode;\n  /**\n   * Specifies alternate text for a custom icon. We recommend that you provide this for accessibility.\n   * This property is ignored if you use a predefined icon or if you set your custom icon using the `iconSvg` slot.\n   */\n  iconAlt?: string;\n  /**\n   * The form action that is performed by a button click.\n   */\n  formAction?: ButtonProps.FormAction;\n  /**\n   * Adds `aria-label` to the button element. It should be used in buttons that don't have text in order to make\n   * them accessible.\n   */\n  ariaLabel?: string;\n  /**\n   * Applies button styling to a link. Use this property if you need a link styled as a button (`variant=link`).\n   * For example, if you have a 'help' button that links to a documentation page.\n   */\n  href?: string;\n\n  /**\n   * Specifies where to open the linked URL (for example, to open in a new browser window or tab use `_blank`).\n   * This property only applies when an `href` is provided.\n   */\n  target?: string;\n\n  /**\n   * Specifies whether the linked URL, when selected, will prompt the user to download instead of navigate.\n   * You can specify a string value that will be suggested as the name of the downloaded file.\n   * This property only applies when an `href` is provided.\n   **/\n  download?: boolean | string;\n\n  /**\n   * Specifies if the `text` content wraps. If you set it to `false`, it prevents the text from wrapping.\n   */\n  wrapText?: boolean;\n\n  /** Determines the general styling of the button as follows:\n   * * `primary` for primary buttons.\n   * * `normal` for secondary buttons.\n   * * `link` for tertiary buttons.\n   * * `icon` to display an icon only (no text).\n   * * `inline-icon` to display an icon-only (no text) button within a text context.\n   */\n  variant?: ButtonProps.Variant;\n\n  /**\n   * Text displayed in the button element.\n   * @displayname text\n   */\n  children?: React.ReactNode;\n\n  /**\n   * Called when the user clicks on the button and the button is not disabled or in loading state.\n   */\n  onClick?: CancelableEventHandler<ButtonProps.ClickDetail>;\n\n  /**\n   * Called when the user clicks on the button with the left mouse button without pressing\n   * modifier keys (that is, CTRL, ALT, SHIFT, META), and the button has an `href` set.\n   */\n  onFollow?: CancelableEventHandler<null>;\n\n  /**\n   *  Adds aria-expanded to the button element. Use when the button controls an expandable element.\n   */\n\n  ariaExpanded?: boolean;\n}\n\nexport namespace ButtonProps {\n  export type Variant = 'normal' | 'primary' | 'link' | 'icon' | 'inline-icon';\n  export type ClickDetail = _ClickDetail;\n\n  export type FormAction = 'submit' | 'none';\n\n  export type IconAlign = 'left' | 'right';\n\n  export interface Ref {\n    /**\n     * Focuses the underlying native button.\n     */\n    focus(options?: FocusOptions): void;\n  }\n}\n"]}

package/button/internal.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+import { ButtonProps } from './interfaces';
+import { InternalBaseComponentProps } from '../internal/hooks/use-base-component';
+export declare const InternalButton: React.ForwardRefExoticComponent<Omit<ButtonProps, "variant"> & {
+    variant?: ButtonProps['variant'] | 'flashbar-icon' | 'breadcrumb-group' | 'menu-trigger' | 'modal-dismiss';
+    __nativeAttributes?: Record<string, any> | undefined;
+    __iconClass?: string | undefined;
+    __activated?: boolean | undefined;
+} & InternalBaseComponentProps & React.RefAttributes<ButtonProps.Ref>>;
+export default InternalButton;
+//# sourceMappingURL=internal.d.ts.map

package/button/internal.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"internal.d.ts","sourceRoot":"","sources":["../../../src/button/internal.tsx"],"names":[],"mappings":"AAGA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAMnD,OAAO,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAC3C,OAAO,EAAE,0BAA0B,EAAE,MAAM,sCAAsC,CAAC;AAWlF,eAAO,MAAM,cAAc;cANf,WAAW,CAAC,SAAS,CAAC,GAAG,eAAe,GAAG,kBAAkB,GAAG,cAAc,GAAG,eAAe;;;;sEA0H3G,CAAC;AAEF,eAAe,cAAc,CAAC"}

package/button/internal.js

@@ -0,0 +1,68 @@
+import { __assign, __rest } from "tslib";
+// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+// SPDX-License-Identifier: Apache-2.0
+import clsx from 'clsx';
+import React, { useCallback, useRef } from 'react';
+import { fireCancelableEvent, isPlainLeftClick } from '../internal/events';
+import useFocusVisible from '../internal/hooks/focus-visible';
+import useForwardFocus from '../internal/hooks/forward-focus';
+import styles from './styles.css.js';
+import { LeftIcon, RightIcon } from './icon-helper';
+import { checkSafeUrl } from '../internal/utils/check-safe-url';
+import { useMergeRefs } from '../internal/hooks/use-merge-refs';
+export var InternalButton = React.forwardRef(function (_a, ref) {
+    var _b;
+    var children = _a.children, iconName = _a.iconName, __iconClass = _a.__iconClass, onClick = _a.onClick, onFollow = _a.onFollow, _c = _a.iconAlign, iconAlign = _c === void 0 ? 'left' : _c, iconUrl = _a.iconUrl, iconSvg = _a.iconSvg, iconAlt = _a.iconAlt, _d = _a.variant, variant = _d === void 0 ? 'normal' : _d, _e = _a.loading, loading = _e === void 0 ? false : _e, _f = _a.disabled, disabled = _f === void 0 ? false : _f, _g = _a.wrapText, wrapText = _g === void 0 ? true : _g, href = _a.href, target = _a.target, download = _a.download, _h = _a.formAction, formAction = _h === void 0 ? 'submit' : _h, ariaLabel = _a.ariaLabel, ariaExpanded = _a.ariaExpanded, __nativeAttributes = _a.__nativeAttributes, _j = _a.__internalRootRef, __internalRootRef = _j === void 0 ? null : _j, _k = _a.__activated, __activated = _k === void 0 ? false : _k, props = __rest(_a, ["children", "iconName", "__iconClass", "onClick", "onFollow", "iconAlign", "iconUrl", "iconSvg", "iconAlt", "variant", "loading", "disabled", "wrapText", "href", "target", "download", "formAction", "ariaLabel", "ariaExpanded", "__nativeAttributes", "__internalRootRef", "__activated"]);
+    checkSafeUrl('Button', href);
+    var focusVisible = useFocusVisible();
+    var isAnchor = Boolean(href);
+    var isDisabled = loading || disabled;
+    var shouldHaveContent = children && ['icon', 'inline-icon', 'flashbar-icon', 'modal-dismiss'].indexOf(variant) === -1;
+    var buttonRef = useRef(null);
+    useForwardFocus(ref, buttonRef);
+    var handleClick = useCallback(function (event) {
+        if (isAnchor && isDisabled) {
+            return event.preventDefault();
+        }
+        if (isAnchor && isPlainLeftClick(event)) {
+            fireCancelableEvent(onFollow, null, event);
+        }
+        var altKey = event.altKey, button = event.button, ctrlKey = event.ctrlKey, metaKey = event.metaKey, shiftKey = event.shiftKey;
+        fireCancelableEvent(onClick, { altKey: altKey, button: button, ctrlKey: ctrlKey, metaKey: metaKey, shiftKey: shiftKey }, event);
+    }, [isAnchor, isDisabled, onClick, onFollow]);
+    var buttonClass = clsx(props.className, styles.button, styles["variant-".concat(variant)], (_b = {},
+        _b[styles.disabled] = isDisabled,
+        _b[styles['button-no-wrap']] = !wrapText,
+        _b[styles['button-no-text']] = !shouldHaveContent,
+        _b[styles['is-activated']] = __activated,
+        _b));
+    var buttonProps = __assign(__assign(__assign(__assign({}, props), focusVisible), __nativeAttributes), { 
+        // https://github.com/microsoft/TypeScript/issues/36659
+        ref: useMergeRefs(buttonRef, __internalRootRef), 'aria-label': ariaLabel, 'aria-expanded': ariaExpanded, className: buttonClass, onClick: handleClick });
+    var iconProps = {
+        loading: loading,
+        iconName: iconName,
+        iconAlign: iconAlign,
+        iconUrl: iconUrl,
+        iconSvg: iconSvg,
+        iconAlt: iconAlt,
+        variant: variant,
+        iconClass: __iconClass,
+        iconSize: variant === 'modal-dismiss' ? 'medium' : 'normal'
+    };
+    var buttonContent = (React.createElement(React.Fragment, null,
+        React.createElement(LeftIcon, __assign({}, iconProps)),
+        shouldHaveContent && React.createElement("span", { className: styles.content }, children),
+        React.createElement(RightIcon, __assign({}, iconProps))));
+    if (isAnchor) {
+        return (
+        // https://github.com/yannickcr/eslint-plugin-react/issues/2962
+        // eslint-disable-next-line react/jsx-no-target-blank
+        React.createElement("a", __assign({}, buttonProps, { href: href, target: target, 
+            // security recommendation: https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#target
+            rel: target === '_blank' ? 'noopener noreferrer' : undefined, tabIndex: isDisabled ? -1 : undefined, "aria-disabled": isDisabled ? true : undefined, download: download }), buttonContent));
+    }
+    return (React.createElement("button", __assign({}, buttonProps, { type: formAction === 'none' ? 'button' : 'submit', disabled: isDisabled }), buttonContent));
+});
+export default InternalButton;
+//# sourceMappingURL=internal.js.map

package/button/internal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"internal.js","sourceRoot":"","sources":["../../../src/button/internal.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 clsx from 'clsx';\nimport React, { useCallback, useRef } from 'react';\nimport { fireCancelableEvent, isPlainLeftClick } from '../internal/events';\nimport useFocusVisible from '../internal/hooks/focus-visible';\nimport useForwardFocus from '../internal/hooks/forward-focus';\nimport styles from './styles.css.js';\nimport { ButtonIconProps, LeftIcon, RightIcon } from './icon-helper';\nimport { ButtonProps } from './interfaces';\nimport { InternalBaseComponentProps } from '../internal/hooks/use-base-component';\nimport { checkSafeUrl } from '../internal/utils/check-safe-url';\nimport { useMergeRefs } from '../internal/hooks/use-merge-refs';\n\ntype InternalButtonProps = Omit<ButtonProps, 'variant'> & {\n  variant?: ButtonProps['variant'] | 'flashbar-icon' | 'breadcrumb-group' | 'menu-trigger' | 'modal-dismiss';\n  __nativeAttributes?: Record<string, any>;\n  __iconClass?: string;\n  __activated?: boolean;\n} & InternalBaseComponentProps;\n\nexport const InternalButton = React.forwardRef(\n  (\n    {\n      children,\n      iconName,\n      __iconClass,\n      onClick,\n      onFollow,\n      iconAlign = 'left',\n      iconUrl,\n      iconSvg,\n      iconAlt,\n      variant = 'normal',\n      loading = false,\n      disabled = false,\n      wrapText = true,\n      href,\n      target,\n      download,\n      formAction = 'submit',\n      ariaLabel,\n      ariaExpanded,\n      __nativeAttributes,\n      __internalRootRef = null,\n      __activated = false,\n      ...props\n    }: InternalButtonProps,\n    ref: React.Ref<ButtonProps.Ref>\n  ) => {\n    checkSafeUrl('Button', href);\n    const focusVisible = useFocusVisible();\n    const isAnchor = Boolean(href);\n    const isDisabled = loading || disabled;\n    const shouldHaveContent =\n      children && ['icon', 'inline-icon', 'flashbar-icon', 'modal-dismiss'].indexOf(variant) === -1;\n\n    const buttonRef = useRef<HTMLElement>(null);\n    useForwardFocus(ref, buttonRef);\n\n    const handleClick = useCallback(\n      (event: React.MouseEvent) => {\n        if (isAnchor && isDisabled) {\n          return event.preventDefault();\n        }\n\n        if (isAnchor && isPlainLeftClick(event)) {\n          fireCancelableEvent(onFollow, null, event);\n        }\n\n        const { altKey, button, ctrlKey, metaKey, shiftKey } = event;\n        fireCancelableEvent(onClick, { altKey, button, ctrlKey, metaKey, shiftKey }, event);\n      },\n      [isAnchor, isDisabled, onClick, onFollow]\n    );\n\n    const buttonClass = clsx(props.className, styles.button, styles[`variant-${variant}`], {\n      [styles.disabled]: isDisabled,\n      [styles['button-no-wrap']]: !wrapText,\n      [styles['button-no-text']]: !shouldHaveContent,\n      [styles['is-activated']]: __activated,\n    });\n\n    const buttonProps = {\n      ...props,\n      ...focusVisible,\n      ...__nativeAttributes,\n      // https://github.com/microsoft/TypeScript/issues/36659\n      ref: useMergeRefs(buttonRef as any, __internalRootRef),\n      'aria-label': ariaLabel,\n      'aria-expanded': ariaExpanded,\n      className: buttonClass,\n      onClick: handleClick,\n    } as const;\n    const iconProps: ButtonIconProps = {\n      loading,\n      iconName,\n      iconAlign,\n      iconUrl,\n      iconSvg,\n      iconAlt,\n      variant,\n      iconClass: __iconClass,\n      iconSize: variant === 'modal-dismiss' ? 'medium' : 'normal',\n    };\n    const buttonContent = (\n      <>\n        <LeftIcon {...iconProps} />\n        {shouldHaveContent && <span className={styles.content}>{children}</span>}\n        <RightIcon {...iconProps} />\n      </>\n    );\n\n    if (isAnchor) {\n      return (\n        // https://github.com/yannickcr/eslint-plugin-react/issues/2962\n        // eslint-disable-next-line react/jsx-no-target-blank\n        <a\n          {...buttonProps}\n          href={href}\n          target={target}\n          // security recommendation: https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#target\n          rel={target === '_blank' ? 'noopener noreferrer' : undefined}\n          tabIndex={isDisabled ? -1 : undefined}\n          aria-disabled={isDisabled ? true : undefined}\n          download={download}\n        >\n          {buttonContent}\n        </a>\n      );\n    }\n    return (\n      <button {...buttonProps} type={formAction === 'none' ? 'button' : 'submit'} disabled={isDisabled}>\n        {buttonContent}\n      </button>\n    );\n  }\n);\n\nexport default InternalButton;\n"]}

package/button/styles.css.js

@@ -0,0 +1,23 @@
+
+    import './styles.scoped.css';
+    export default {
+  "content": "awsui_content_vjswe_1hr3t_97",
+  "button": "awsui_button_vjswe_1hr3t_101",
+  "variant-normal": "awsui_variant-normal_vjswe_1hr3t_122",
+  "is-activated": "awsui_is-activated_vjswe_1hr3t_135",
+  "variant-icon": "awsui_variant-icon_vjswe_1hr3t_162",
+  "variant-modal-dismiss": "awsui_variant-modal-dismiss_vjswe_1hr3t_162",
+  "variant-flashbar-icon": "awsui_variant-flashbar-icon_vjswe_1hr3t_162",
+  "variant-inline-icon": "awsui_variant-inline-icon_vjswe_1hr3t_180",
+  "disabled": "awsui_disabled_vjswe_1hr3t_198",
+  "variant-primary": "awsui_variant-primary_vjswe_1hr3t_206",
+  "variant-link": "awsui_variant-link_vjswe_1hr3t_290",
+  "variant-breadcrumb-group": "awsui_variant-breadcrumb-group_vjswe_1hr3t_710",
+  "variant-menu-trigger": "awsui_variant-menu-trigger_vjswe_1hr3t_797",
+  "button-no-text": "awsui_button-no-text_vjswe_1hr3t_881",
+  "button-no-wrap": "awsui_button-no-wrap_vjswe_1hr3t_885",
+  "icon-left": "awsui_icon-left_vjswe_1hr3t_901",
+  "icon-right": "awsui_icon-right_vjswe_1hr3t_906",
+  "icon": "awsui_icon_vjswe_1hr3t_901"
+};
+