@carbon/web-components 2.0.0-beta.1 → 2.0.0-beta.2

package/es/components/file-uploader/file-uploader-button.js

@@ -0,0 +1,295 @@
+import _decorate from "@babel/runtime/helpers/esm/decorate";
+let _ = t => t,
+  _t;
+/**
+ * @license
+ *
+ * Copyright IBM Corp. 2020, 2023
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+import { classMap } from 'lit/directives/class-map.js';
+import { LitElement, html } from 'lit';
+import { property, customElement } from 'lit/decorators.js';
+import { prefix } from '../../globals/settings';
+import HostListenerMixin from '../../globals/mixins/host-listener';
+import ifNonEmpty from '../../globals/directives/if-non-empty';
+import styles from "././file-uploader.css.js";
+import { BUTTON_KIND, BUTTON_SIZE } from '../button/defs';
+export { FORM_ELEMENT_COLOR_SCHEME as TILE_COLOR_SCHEME } from '../../globals/shared-enums';
+
+/**
+ * File uploader button .
+ *
+ * @element cds-file-uploader-container
+ * @fires cds-file-uploader-button-changed The custom event fired when there is a user gesture to select files to upload.
+ */
+let CDSFileUploaderButton = _decorate([customElement(`${prefix}-file-uploader-button`)], function (_initialize, _HostListenerMixin) {
+  class CDSFileUploaderButton extends _HostListenerMixin {
+    constructor(...args) {
+      super(...args);
+      _initialize(this);
+    }
+  }
+  return {
+    F: CDSFileUploaderButton,
+    d: [{
+      kind: "method",
+      key: "_handleClick",
+      value:
+      /**
+       * Handles `click` event on the button.
+       */
+      function _handleClick(event) {
+        var _this$shadowRoot, _this$shadowRoot$quer, _this$shadowRoot2;
+        event.target.value = null;
+        const {
+          selectorInput
+        } = this.constructor;
+        this === null || this === void 0 ? void 0 : (_this$shadowRoot = this.shadowRoot) === null || _this$shadowRoot === void 0 ? void 0 : (_this$shadowRoot$quer = _this$shadowRoot.querySelector(selectorInput)) === null || _this$shadowRoot$quer === void 0 ? void 0 : _this$shadowRoot$quer.setAttribute('value', '');
+        (this === null || this === void 0 ? void 0 : (_this$shadowRoot2 = this.shadowRoot) === null || _this$shadowRoot2 === void 0 ? void 0 : _this$shadowRoot2.querySelector(selectorInput)).click();
+      }
+
+      /**
+       * Handles `keydown` event on the button.
+       */
+    }, {
+      kind: "method",
+      key: "_handleKeyDown",
+      value: function _handleKeyDown(event) {
+        const {
+          selectorInput
+        } = this.constructor;
+        if (event.key === 'Enter' || event.key === 'Space') {
+          var _this$shadowRoot3, _this$shadowRoot3$que, _this$shadowRoot4;
+          this === null || this === void 0 ? void 0 : (_this$shadowRoot3 = this.shadowRoot) === null || _this$shadowRoot3 === void 0 ? void 0 : (_this$shadowRoot3$que = _this$shadowRoot3.querySelector(selectorInput)) === null || _this$shadowRoot3$que === void 0 ? void 0 : _this$shadowRoot3$que.setAttribute('value', '');
+          (this === null || this === void 0 ? void 0 : (_this$shadowRoot4 = this.shadowRoot) === null || _this$shadowRoot4 === void 0 ? void 0 : _this$shadowRoot4.querySelector(selectorInput)).click();
+        }
+      }
+
+      /**
+       * Handles user gesture to select files to upload.
+       *
+       * @param event The event.
+       */
+    }, {
+      kind: "method",
+      key: "_handleChange",
+      value: function _handleChange(event) {
+        var _this$shadowRoot5;
+        const addedFiles = this._getFiles(event);
+        const {
+          eventChange,
+          selectorInput
+        } = this.constructor;
+        this.dispatchEvent(new CustomEvent(eventChange, {
+          bubbles: true,
+          composed: true,
+          detail: {
+            addedFiles
+          }
+        }));
+        const fileInput = this === null || this === void 0 ? void 0 : (_this$shadowRoot5 = this.shadowRoot) === null || _this$shadowRoot5 === void 0 ? void 0 : _this$shadowRoot5.querySelector(selectorInput);
+        if (fileInput) {
+          fileInput.value = '';
+        }
+      }
+
+      /**
+       * @param event The event.
+       * @returns The list of files user chose to upload.
+       */
+    }, {
+      kind: "method",
+      key: "_getFiles",
+      value: function _getFiles(event) {
+        var _ref;
+        const {
+          files
+        } = (_ref = event.type === 'drop' ? event.dataTransfer : event.target) !== null && _ref !== void 0 ? _ref : {};
+        const {
+          accept
+        } = this;
+        if (!accept || !/^(change|drop)$/.test(event.type)) {
+          return Array.from(files !== null && files !== void 0 ? files : []);
+        }
+        const acceptedTypes = new Set(accept.split(' '));
+        return Array.prototype.filter.call(files, ({
+          name,
+          type: mimeType = ''
+        }) => {
+          var _fileExtensionRegExp$;
+          const fileExtensionRegExp = /\.[^.]+$/;
+          const hasFileExtension = fileExtensionRegExp.test(name);
+          const [fileExtension] = !hasFileExtension ? [undefined] : (_fileExtensionRegExp$ = fileExtensionRegExp.exec(name)) !== null && _fileExtensionRegExp$ !== void 0 ? _fileExtensionRegExp$ : [];
+          return acceptedTypes.has(mimeType) || fileExtension && acceptedTypes.has(fileExtension);
+        });
+      }
+
+      /**
+       * Button kind.
+       */
+    }, {
+      kind: "field",
+      decorators: [property({
+        reflect: true,
+        attribute: 'button-kind'
+      })],
+      key: "buttonKind",
+      value() {
+        return BUTTON_KIND.PRIMARY;
+      }
+    }, {
+      kind: "field",
+      decorators: [property({
+        reflect: true
+      })],
+      key: "size",
+      value() {
+        return BUTTON_SIZE.MEDIUM;
+      }
+    }, {
+      kind: "field",
+      decorators: [property()],
+      key: "accept",
+      value() {
+        return '';
+      }
+    }, {
+      kind: "field",
+      decorators: [property({
+        type: Boolean,
+        reflect: true
+      })],
+      key: "disabled",
+      value() {
+        return false;
+      }
+    }, {
+      kind: "field",
+      decorators: [property({
+        type: Boolean,
+        reflect: true
+      })],
+      key: "multiple",
+      value() {
+        return false;
+      }
+    }, {
+      kind: "field",
+      decorators: [property({
+        reflect: true
+      })],
+      key: "name",
+      value() {
+        return '';
+      }
+    }, {
+      kind: "field",
+      decorators: [property({
+        reflect: true
+      })],
+      key: "slot",
+      value() {
+        return 'drop-container';
+      }
+    }, {
+      kind: "method",
+      key: "render",
+      value:
+      /**
+       * Button size.
+       */
+      /**
+       * The file types the file input should accept, separated by space.
+       */
+      /**
+       * `true` if this drop container should be disabled.
+       */
+      /**
+       * `true` if this drop container should accept more than one files at once.
+       * Note that even with `false` set here, user _can_ select multiple files one by one.
+       */
+      /**
+       * The name of the input.
+       */
+      /**
+       * The shadow DOM slot to put this drop container in.
+       */
+      function render() {
+        const {
+          accept,
+          disabled,
+          multiple,
+          name,
+          buttonKind,
+          size,
+          _handleChange: handleChange
+        } = this;
+        const labelClasses = classMap({
+          [`${prefix}--file-browse-btn`]: true,
+          [`${prefix}--file-browse-btn--disabled`]: disabled
+        });
+        const buttonClasses = classMap({
+          [`${prefix}--btn`]: true,
+          [`${prefix}--btn--${buttonKind}`]: buttonKind,
+          [`${prefix}--btn--disabled`]: disabled,
+          [`${prefix}--btn--${size}`]: size
+        });
+        return html(_t || (_t = _`
+      <button
+        type="button"
+        class="${0}"
+        @click="${0}"
+        @keydown="${0}">
+        <slot></slot>
+      </button>
+      <label class="${0}" for="file"> </label>
+      <input
+        id="file"
+        type="file"
+        class="${0}--file-input"
+        tabindex="-1"
+        accept="${0}"
+        ?disabled="${0}"
+        ?multiple="${0}"
+        name="${0}"
+        @change="${0}" />
+    `), buttonClasses, this._handleClick, this._handleKeyDown, labelClasses, prefix, ifNonEmpty(accept), disabled, multiple, ifNonEmpty(name), handleChange);
+      }
+
+      /**
+       * The name of the custom event fired when there is a user gesture to select files to upload.
+       */
+    }, {
+      kind: "get",
+      static: true,
+      key: "eventChange",
+      value: function eventChange() {
+        return `${prefix}-file-uploader-button-changed`;
+      }
+
+      /**
+       * A selector that will return the file `<input>`.
+       */
+    }, {
+      kind: "get",
+      static: true,
+      key: "selectorInput",
+      value: function selectorInput() {
+        return `.${prefix}--file-input`;
+      }
+    }, {
+      kind: "field",
+      static: true,
+      key: "styles",
+      value() {
+        return styles;
+      }
+    }]
+  };
+}, HostListenerMixin(LitElement));
+export default CDSFileUploaderButton;
+//# sourceMappingURL=file-uploader-button.js.map

package/es/components/file-uploader/file-uploader-button.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"file-uploader-button.js","names":["classMap","LitElement","html","property","customElement","prefix","HostListenerMixin","ifNonEmpty","styles","BUTTON_KIND","BUTTON_SIZE","FORM_ELEMENT_COLOR_SCHEME","TILE_COLOR_SCHEME","CDSFileUploaderButton","_decorate","_initialize","_HostListenerMixin","constructor","args","F","d","kind","key","value","_handleClick","event","_this$shadowRoot","_this$shadowRoot$quer","_this$shadowRoot2","target","selectorInput","shadowRoot","querySelector","setAttribute","click","_handleKeyDown","_this$shadowRoot3","_this$shadowRoot3$que","_this$shadowRoot4","_handleChange","_this$shadowRoot5","addedFiles","_getFiles","eventChange","dispatchEvent","CustomEvent","bubbles","composed","detail","fileInput","_ref","files","type","dataTransfer","accept","test","Array","from","acceptedTypes","Set","split","prototype","filter","call","name","mimeType","_fileExtensionRegExp$","fileExtensionRegExp","hasFileExtension","fileExtension","undefined","exec","has","decorators","reflect","attribute","PRIMARY","MEDIUM","Boolean","render","disabled","multiple","buttonKind","size","handleChange","labelClasses","buttonClasses","_t","_","static"],"sources":["components/file-uploader/file-uploader-button.ts"],"sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2020, 2023\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { classMap } from 'lit/directives/class-map.js';\nimport { LitElement, html } from 'lit';\nimport { property, customElement } from 'lit/decorators.js';\nimport { prefix } from '../../globals/settings';\nimport HostListenerMixin from '../../globals/mixins/host-listener';\nimport ifNonEmpty from '../../globals/directives/if-non-empty';\nimport styles from './file-uploader.scss';\nimport { BUTTON_KIND, BUTTON_SIZE } from '../button/defs';\n\nexport { FORM_ELEMENT_COLOR_SCHEME as TILE_COLOR_SCHEME } from '../../globals/shared-enums';\n\n/**\n * File uploader button .\n *\n * @element cds-file-uploader-container\n * @fires cds-file-uploader-button-changed The custom event fired when there is a user gesture to select files to upload.\n */\n@customElement(`${prefix}-file-uploader-button`)\nclass CDSFileUploaderButton extends HostListenerMixin(LitElement) {\n  /**\n   * Handles `click` event on the button.\n   */\n  private _handleClick(event) {\n    event.target.value = null;\n    const { selectorInput } = this.constructor as typeof CDSFileUploaderButton;\n    this?.shadowRoot?.querySelector(selectorInput)?.setAttribute('value', '');\n    (this?.shadowRoot?.querySelector(selectorInput) as HTMLElement).click();\n  }\n\n  /**\n   * Handles `keydown` event on the button.\n   */\n  private _handleKeyDown(event) {\n    const { selectorInput } = this.constructor as typeof CDSFileUploaderButton;\n    if (event.key === 'Enter' || event.key === 'Space') {\n      this?.shadowRoot?.querySelector(selectorInput)?.setAttribute('value', '');\n      (this?.shadowRoot?.querySelector(selectorInput) as HTMLElement).click();\n    }\n  }\n\n  /**\n   * Handles user gesture to select files to upload.\n   *\n   * @param event The event.\n   */\n  private _handleChange(event: Event | DragEvent) {\n    const addedFiles = this._getFiles(event);\n    const { eventChange, selectorInput } = this\n      .constructor as typeof CDSFileUploaderButton;\n    this.dispatchEvent(\n      new CustomEvent(eventChange, {\n        bubbles: true,\n        composed: true,\n        detail: {\n          addedFiles,\n        },\n      })\n    );\n\n    const fileInput = this?.shadowRoot?.querySelector(selectorInput);\n    if (fileInput) {\n      (fileInput as HTMLInputElement).value = '';\n    }\n  }\n\n  /**\n   * @param event The event.\n   * @returns The list of files user chose to upload.\n   */\n  private _getFiles(event: Event | DragEvent) {\n    const { files } =\n      (event.type === 'drop'\n        ? (event as DragEvent).dataTransfer\n        : (event.target as HTMLInputElement)) ?? {};\n    const { accept } = this;\n    if (!accept || !/^(change|drop)$/.test(event.type)) {\n      return Array.from(files ?? []);\n    }\n    const acceptedTypes = new Set(accept.split(' '));\n    return Array.prototype.filter.call(\n      files,\n      ({ name, type: mimeType = '' }) => {\n        const fileExtensionRegExp = /\\.[^.]+$/;\n        const hasFileExtension = fileExtensionRegExp.test(name);\n        const [fileExtension] = !hasFileExtension\n          ? [undefined]\n          : fileExtensionRegExp.exec(name) ?? [];\n\n        return (\n          acceptedTypes.has(mimeType) ||\n          (fileExtension && acceptedTypes.has(fileExtension))\n        );\n      }\n    ) as File[];\n  }\n\n  /**\n   * Button kind.\n   */\n  @property({ reflect: true, attribute: 'button-kind' })\n  buttonKind = BUTTON_KIND.PRIMARY;\n\n  /**\n   * Button size.\n   */\n  @property({ reflect: true })\n  size = BUTTON_SIZE.MEDIUM;\n\n  /**\n   * The file types the file input should accept, separated by space.\n   */\n  @property()\n  accept = '';\n\n  /**\n   * `true` if this drop container should be disabled.\n   */\n  @property({ type: Boolean, reflect: true })\n  disabled = false;\n\n  /**\n   * `true` if this drop container should accept more than one files at once.\n   * Note that even with `false` set here, user _can_ select multiple files one by one.\n   */\n  @property({ type: Boolean, reflect: true })\n  multiple = false;\n\n  /**\n   * The name of the input.\n   */\n  @property({ reflect: true })\n  name = '';\n\n  /**\n   * The shadow DOM slot to put this drop container in.\n   */\n  @property({ reflect: true })\n  slot = 'drop-container';\n\n  render() {\n    const {\n      accept,\n      disabled,\n      multiple,\n      name,\n      buttonKind,\n      size,\n      _handleChange: handleChange,\n    } = this;\n\n    const labelClasses = classMap({\n      [`${prefix}--file-browse-btn`]: true,\n      [`${prefix}--file-browse-btn--disabled`]: disabled,\n    });\n    const buttonClasses = classMap({\n      [`${prefix}--btn`]: true,\n      [`${prefix}--btn--${buttonKind}`]: buttonKind,\n      [`${prefix}--btn--disabled`]: disabled,\n      [`${prefix}--btn--${size}`]: size,\n    });\n    return html`\n      <button\n        type=\"button\"\n        class=\"${buttonClasses}\"\n        @click=\"${this._handleClick}\"\n        @keydown=\"${this._handleKeyDown}\">\n        <slot></slot>\n      </button>\n      <label class=\"${labelClasses}\" for=\"file\"> </label>\n      <input\n        id=\"file\"\n        type=\"file\"\n        class=\"${prefix}--file-input\"\n        tabindex=\"-1\"\n        accept=\"${ifNonEmpty(accept)}\"\n        ?disabled=\"${disabled}\"\n        ?multiple=\"${multiple}\"\n        name=\"${ifNonEmpty(name)}\"\n        @change=\"${handleChange}\" />\n    `;\n  }\n\n  /**\n   * The name of the custom event fired when there is a user gesture to select files to upload.\n   */\n  static get eventChange() {\n    return `${prefix}-file-uploader-button-changed`;\n  }\n\n  /**\n   * A selector that will return the file `<input>`.\n   */\n  static get selectorInput() {\n    return `.${prefix}--file-input`;\n  }\n\n  static styles = styles;\n}\n\nexport default CDSFileUploaderButton;\n"],"mappings":"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"}