@carbon/charts 0.58.1 → 1.0.1

package/styles/vendor/carbon-components/src/components/file-uploader/file-uploader.hbs

@@ -1,110 +0,0 @@
-<!--
-  Copyright IBM Corp. 2016, 2018
-
-  This source code is licensed under the Apache-2.0 license found in the
-  LICENSE file in the root directory of this source tree.
--->
-
-{{#unless legacy}}
-<div class="{{prefix}}--form-item">
-  <strong class="{{prefix}}--file--label">Account
-    photo</strong>
-  <p class="{{prefix}}--label-description">Only .jpg and .png files. 500kb max file size.</p>
-  <div class="{{prefix}}--file" data-file data-file-demo-state-manager>
-    <label for="{{id}}" class="{{prefix}}--file-browse-btn" role="button" tabindex="0">
-      <div data-file-drop-container class="{{prefix}}--file__drop-container">
-        Drag and drop files here or
-        upload
-        <input type="file" class="{{prefix}}--file-input" id="{{id}}" data-file-uploader
-          data-target="[data-file-container]" multiple />
-      </div>
-    </label>
-    <div data-file-container class="{{prefix}}--file-container">
-      {{#if exampleUploadStates}}
-      <div class="{{prefix}}--file__selected-file">
-        <p class="{{prefix}}--file-filename">Lorem ipsum dolor sit amet consectetur adipisicing elit. Libero vero
-          sapiente illum reprehenderit molestiae perferendis voluptatem temporibus laudantium ducimus magni voluptatum
-          veniam, odit nesciunt corporis numquam maxime sunt excepturi sint!</p>
-        <span data-for="{{id}}" class="{{prefix}}--file__state-container">
-          {{ carbon-icon 'CheckmarkFilled16' class=(add prefix '--file-complete') }}
-        </span>
-      </div>
-      <div class="{{prefix}}--file__selected-file {{prefix}}--file__selected-file--invalid" data-invalid>
-        <p class="{{prefix}}--file-filename">color.jpeg</p>
-        <span data-for="{{id}}" class="{{prefix}}--file__state-container">
-          {{ carbon-icon 'WarningFilled16' class=(add prefix '--file--invalid')}}
-          {{ carbon-icon 'Close16' class=(add prefix '--file-close') aria-label="Remove uploaded file" tabindex="0" }}
-        </span>
-        <div class="{{prefix}}--form-requirement">
-          <div class="{{prefix}}--form-requirement__title">File size exceeds limit.</div>
-          <p class="{{prefix}}--form-requirement__supplement">500 kb max file size. Select a new file and try
-            again.</p>
-        </div>
-      </div>
-      <div class="{{prefix}}--file__selected-file">
-        <p class="{{prefix}}--file-filename">color.jpeg</p>
-        <span data-for="{{id}}" class="{{prefix}}--file__state-container">
-          <div class="{{prefix}}--inline-loading__animation">
-            <div data-inline-loading-spinner="" class="{{prefix}}--loading {{prefix}}--loading--small">
-              <svg class="{{prefix}}--loading__svg" viewBox="-75 -75 150 150">
-                <circle class="{{prefix}}--loading__background" cx="0" cy="0" r="26.8125"></circle>
-                <circle class="{{prefix}}--loading__stroke" cx="0" cy="0" r="26.8125"></circle>
-              </svg>
-            </div>
-          </div>
-        </span>
-      </div>
-      {{/if}}
-    </div>
-  </div>
-</div>
-{{else}}
-<div class="{{prefix}}--form-item">
-  <strong class="{{prefix}}--file--label">Account
-    photo</strong>
-  <p class="{{prefix}}--label-description">Only .jpg and .png files. 500kb max file size.</p>
-  <div class="{{prefix}}--file" data-file data-file-demo-state-manager>
-    <label for="legacy-file-uploader" class="{{prefix}}--file-btn {{prefix}}--btn {{prefix}}--btn--primary"
-      role="button" tabindex="0">Add file</label>
-    <input type="file" class="{{prefix}}--file-input" id="legacy-file-uploader" data-file-uploader
-      data-target="[data-file-container]" multiple />
-    <div data-file-container data-file-drop-container class="{{prefix}}--file-container">
-      {{#if exampleUploadStates}}
-      <div class="{{prefix}}--file__selected-file">
-        <p class="{{prefix}}--file-filename">Lorem ipsum dolor sit amet consectetur adipisicing elit. Libero vero
-          sapiente illum reprehenderit molestiae perferendis voluptatem temporibus laudantium ducimus magni voluptatum
-          veniam, odit nesciunt corporis numquam maxime sunt excepturi sint!</p>
-        <span data-for="{{id}}" class="{{prefix}}--file__state-container">
-          {{ carbon-icon 'CheckmarkFilled16' class=(add prefix '--file-complete') }}
-        </span>
-      </div>
-      <div class="{{prefix}}--file__selected-file {{prefix}}--file__selected-file--invalid" data-invalid>
-        <p class="{{prefix}}--file-filename">color.jpeg</p>
-        <span data-for="{{id}}" class="{{prefix}}--file__state-container">
-          {{ carbon-icon 'WarningFilled16' class=(add prefix '--file--invalid')}}
-          {{ carbon-icon 'Close16' class=(add prefix '--file-close') aria-label="Remove uploaded file" tabindex="0" }}
-        </span>
-        <div class="{{prefix}}--form-requirement">
-          <div class="{{prefix}}--form-requirement__title">File size exceeds limit.</div>
-          <p class="{{prefix}}--form-requirement__supplement">500 kb max file size. Select a new file and try
-            again.</p>
-        </div>
-      </div>
-      <div class="{{prefix}}--file__selected-file">
-        <p class="{{prefix}}--file-filename">color.jpeg</p>
-        <span data-for="{{id}}" class="{{prefix}}--file__state-container">
-          <div class="{{prefix}}--inline-loading__animation">
-            <div data-inline-loading-spinner="" class="{{prefix}}--loading {{prefix}}--loading--small">
-              <svg class="{{prefix}}--loading__svg" viewBox="-75 -75 150 150">
-                <circle class="{{prefix}}--loading__background" cx="0" cy="0" r="26.8125"></circle>
-                <circle class="{{prefix}}--loading__stroke" cx="0" cy="0" r="26.8125"></circle>
-              </svg>
-            </div>
-          </div>
-        </span>
-      </div>
-      {{/if}}
-    </div>
-  </div>
-</div>
-{{/unless}}

package/styles/vendor/carbon-components/src/components/file-uploader/file-uploader.js

@@ -1,285 +0,0 @@
-/**
- * Copyright IBM Corp. 2016, 2018
- *
- * 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 settings from '../../globals/js/settings';
-import mixin from '../../globals/js/misc/mixin';
-import createComponent from '../../globals/js/mixins/create-component';
-import initComponentBySearch from '../../globals/js/mixins/init-component-by-search';
-import eventedState from '../../globals/js/mixins/evented-state';
-import handles from '../../globals/js/mixins/handles';
-import eventMatches from '../../globals/js/misc/event-matches';
-import on from '../../globals/js/misc/on';
-
-const toArray = (arrayLike) => Array.prototype.slice.call(arrayLike);
-
-class FileUploader extends mixin(
-  createComponent,
-  initComponentBySearch,
-  eventedState,
-  handles
-) {
-  /**
-   * File uploader.
-   * @extends CreateComponent
-   * @extends InitComponentBySearch
-   * @extends eventedState
-   * @extends Handles
-   * @param {HTMLElement} element The element working as a file uploader.
-   * @param {object} [options] The component options. See static options.
-   */
-  constructor(element, options = {}) {
-    super(element, options);
-    this.input = this.element.querySelector(this.options.selectorInput);
-    this.container = this.element.querySelector(this.options.selectorContainer);
-    this.dropContainer = this.element.querySelector(
-      this.options.selectorDropContainer
-    );
-
-    if (!this.input) {
-      throw new TypeError('Cannot find the file input box.');
-    }
-
-    if (!this.container) {
-      throw new TypeError('Cannot find the file names container.');
-    }
-
-    this.inputId = this.input.getAttribute('id');
-    this.manage(on(this.input, 'change', () => this._displayFilenames()));
-    this.manage(on(this.container, 'click', this._handleDeleteButton));
-    this.manage(
-      on(this.element.ownerDocument, 'dragleave', this._handleDragDrop)
-    );
-    this.manage(on(this.dropContainer, 'dragover', this._handleDragDrop));
-    this.manage(on(this.dropContainer, 'drop', this._handleDragDrop));
-  }
-
-  _filenamesHTML(name, id) {
-    return `<span class="${this.options.classSelectedFile}">
-      <p class="${this.options.classFileName}">${name}</p>
-      <span data-for="${id}" class="${this.options.classStateContainer}"></span>
-    </span>`;
-  }
-
-  _uploadHTML() {
-    return `
-      <div class="${this.options.classLoadingAnimation}">
-        <div data-inline-loading-spinner class="${this.options.classLoading}">
-          <svg class="${this.options.classLoadingSvg}" viewBox="-75 -75 150 150">
-            <circle class="${this.options.classLoadingBackground}" cx="0" cy="0" r="37.5" />
-            <circle class="${this.options.classLoadingStroke}" cx="0" cy="0" r="37.5" />
-          </svg>
-        </div>
-      </div>`;
-  }
-
-  _closeButtonHTML() {
-    return `
-      <button class="${this.options.classFileClose}" type="button" aria-label="close">
-      <svg aria-hidden="true" viewBox="0 0 16 16" width="16" height="16">
-      <path fill="#231F20" d="M12 4.7l-.7-.7L8 7.3 4.7 4l-.7.7L7.3 8 4 11.3l.7.7L8 8.7l3.3 3.3.7-.7L8.7 8z"/>
-      </svg>
-      </button>`;
-  }
-
-  _checkmarkHTML() {
-    return `
-      <svg focusable="false"
-        preserveAspectRatio="xMidYMid meet"
-        style="will-change: transform;"
-        xmlns="http://www.w3.org/2000/svg"
-        class="${this.options.classFileComplete}"
-        width="16" height="16" viewBox="0 0 16 16"
-        aria-hidden="true">
-        <path d="M8 1C4.1 1 1 4.1 1 8s3.1 7 7 7 7-3.1 7-7-3.1-7-7-7zM7 11L4.3 8.3l.9-.8L7 9.3l4-3.9.9.8L7 11z"></path>
-        <path d="M7 11L4.3 8.3l.9-.8L7 9.3l4-3.9.9.8L7 11z" data-icon-path="inner-path" opacity="0"></path>
-      </svg>
-    `;
-  }
-
-  _changeState = (state, detail, callback) => {
-    if (state === 'delete-filename-fileuploader') {
-      this.container.removeChild(detail.filenameElement);
-    }
-    if (typeof callback === 'function') {
-      callback();
-    }
-  };
-
-  _getStateContainers() {
-    const stateContainers = toArray(
-      this.element.querySelectorAll(`[data-for=${this.inputId}]`)
-    );
-
-    if (stateContainers.length === 0) {
-      throw new TypeError(
-        'State container elements not found; invoke _displayFilenames() first'
-      );
-    }
-
-    if (stateContainers[0].dataset.for !== this.inputId) {
-      throw new TypeError('File input id must equal [data-for] attribute');
-    }
-
-    return stateContainers;
-  }
-
-  /**
-   * Inject selected files into DOM. Invoked on change event.
-   * @param {File[]} files The files to upload.
-   */
-  _displayFilenames(files = this.input.files) {
-    const container = this.element.querySelector(
-      this.options.selectorContainer
-    );
-    const HTMLString = toArray(files)
-      .map((file) => this._filenamesHTML(file.name, this.inputId))
-      .join('');
-
-    container.insertAdjacentHTML('afterbegin', HTMLString);
-  }
-
-  _removeState(element) {
-    if (!element || element.nodeType !== Node.ELEMENT_NODE) {
-      throw new TypeError(
-        'DOM element should be given to initialize this widget.'
-      );
-    }
-    while (element.firstChild) {
-      element.removeChild(element.firstChild);
-    }
-  }
-
-  _handleStateChange(elements, selectIndex, html) {
-    if (selectIndex === undefined) {
-      elements.forEach((el) => {
-        this._removeState(el);
-        el.insertAdjacentHTML('beforeend', html);
-      });
-    } else {
-      elements.forEach((el, index) => {
-        if (index === selectIndex) {
-          this._removeState(el);
-          el.insertAdjacentHTML('beforeend', html);
-        }
-      });
-    }
-  }
-
-  /**
-   * Handles delete button.
-   * @param {Event} evt The event triggering this action.
-   * @private
-   */
-  _handleDeleteButton = (evt) => {
-    const target = eventMatches(evt, this.options.selectorCloseButton);
-    if (target) {
-      this.changeState('delete-filename-fileuploader', {
-        initialEvt: evt,
-        filenameElement: target.closest(this.options.selectorSelectedFile),
-      });
-    }
-  };
-
-  /**
-   * Handles drag/drop event.
-   * @param {MouseEvent} evt The event.
-   * @private
-   */
-  _handleDragDrop = (evt) => {
-    const isOfSelf = this.element.contains(evt.target);
-    // In IE11 `evt.dataTransfer.types` is a `DOMStringList` instead of an array
-    if (
-      Array.prototype.indexOf.call(evt.dataTransfer.types, 'Files') >= 0 &&
-      !eventMatches(evt, this.options.selectorOtherDropContainers)
-    ) {
-      const inArea =
-        isOfSelf && eventMatches(evt, this.options.selectorDropContainer);
-      if (evt.type === 'dragover') {
-        evt.preventDefault();
-        const dropEffect = inArea ? 'copy' : 'none';
-        if (Array.isArray(evt.dataTransfer.types)) {
-          // IE11 throws a "permission denied" error accessing `.effectAllowed`
-          evt.dataTransfer.effectAllowed = dropEffect;
-        }
-        evt.dataTransfer.dropEffect = dropEffect;
-        this.dropContainer.classList.toggle(
-          this.options.classDragOver,
-          Boolean(inArea)
-        );
-      }
-      if (evt.type === 'dragleave') {
-        this.dropContainer.classList.toggle(this.options.classDragOver, false);
-      }
-      if (inArea && evt.type === 'drop') {
-        evt.preventDefault();
-        this._displayFilenames(evt.dataTransfer.files);
-        this.dropContainer.classList.remove(this.options.classDragOver);
-      }
-    }
-  };
-
-  setState(state, selectIndex) {
-    const stateContainers = this._getStateContainers();
-
-    if (state === 'edit') {
-      this._handleStateChange(
-        stateContainers,
-        selectIndex,
-        this._closeButtonHTML()
-      );
-    }
-
-    if (state === 'upload') {
-      this._handleStateChange(stateContainers, selectIndex, this._uploadHTML());
-    }
-
-    if (state === 'complete') {
-      this._handleStateChange(
-        stateContainers,
-        selectIndex,
-        this._checkmarkHTML()
-      );
-    }
-  }
-
-  /**
-   * The map associating DOM element and file uploader instance.
-   * @member FileUploader.components
-   * @type {WeakMap}
-   */
-  static components /* #__PURE_CLASS_PROPERTY__ */ = new WeakMap();
-
-  static get options() {
-    const { prefix } = settings;
-    return {
-      selectorInit: '[data-file]',
-      selectorInput: `input[type="file"].${prefix}--file-input`,
-      selectorContainer: '[data-file-container]',
-      selectorCloseButton: `.${prefix}--file-close`,
-      selectorSelectedFile: `.${prefix}--file__selected-file`,
-      selectorDropContainer: `[data-file-drop-container]`,
-      selectorOtherDropContainers: '[data-drop-container]',
-      classLoading: `${prefix}--loading ${prefix}--loading--small`,
-      classLoadingAnimation: `${prefix}--inline-loading__animation`,
-      classLoadingSvg: `${prefix}--loading__svg`,
-      classLoadingBackground: `${prefix}--loading__background`,
-      classLoadingStroke: `${prefix}--loading__stroke`,
-      classFileName: `${prefix}--file-filename`,
-      classFileClose: `${prefix}--file-close`,
-      classFileComplete: `${prefix}--file-complete`,
-      classSelectedFile: `${prefix}--file__selected-file`,
-      classStateContainer: `${prefix}--file__state-container`,
-      classDragOver: `${prefix}--file__drop-container--drag-over`,
-      eventBeforeDeleteFilenameFileuploader:
-        'fileuploader-before-delete-filename',
-      eventAfterDeleteFilenameFileuploader:
-        'fileuploader-after-delete-filename',
-    };
-  }
-}
-
-export default FileUploader;

package/styles/vendor/carbon-components/src/components/file-uploader/migrate-to-10.x.md

@@ -1,30 +0,0 @@
-### HTML
-
-No structural changes, however, the label now has a new CSS class.
-
-Vanilla markup should be migrated to one shown in
-[carbondesignsystem.com](https://next.carbondesignsystem.com/components/file-uploader/code)
-site. React and other framework variants should reflect the change
-automatically.
-
-**New Markup**:
-
-```html
-<div class="bx--form-item">
-  <strong class="bx--file--label">Account photo</strong> ...
-</div>
-```
-
-**Old Markup**:
-
-```html
-<div class="bx--form-item">
-  <strong class="bx--label">Account photo</strong> ...
-</div>
-```
-
-### SCSS
-
-| v9  | v10              | Note  |
-| --- | ---------------- | ----- |
-| -   | `bx--file—label` | ✨New |

package/styles/vendor/carbon-components/src/components/file-uploader/migrate-to-7.x.md

@@ -1,46 +0,0 @@
-### HTML
-
-HTML for File Uploader has changed a lot, it will be best to simply copy and
-paste the HTML to your project. With that said, here are some of the main
-changes to be aware of.
-
-HTML for File Uploader (along with all other form elements) now use
-`.bx--form-item` to wrap the HTML and `.bx--label` to use as a label. There's
-also a new `.bx--file-container` element that is used to display filename
-elements. See README for details on how this works.
-
-### SCSS
-
-The `_file-uploader.scss` file is now located at
-`src/components/file-uploader/_file-uploader.scss`. You will need to update any
-`@import` statements for this file to reflect this change.
-
-**New**:
-
-```scss
-@import 'path_to_node_modules/carbon-components/src/components/file-uploader/file-uploader';
-```
-
-**Old**:
-
-```scss
-@import 'path_to_node_modules/@console/bluemix-components/src/components/file-uploader/file-uploader';
-```
-
-| Old Class         | New Class                   | Note    |
-| ----------------- | --------------------------- | ------- |
-| bx--file\_\_label | bx--label                   | Changed |
-|                   | bx--form-item               | Added   |
-|                   | bx--label-description       | Added   |
-|                   | bx--file                    | Added   |
-|                   | bx--file-btn                | Added   |
-|                   | bx--file-container          | Added   |
-|                   | .bx--file=filename          | Added   |
-|                   | bx--file\_\_state-container | Added   |
-|                   | bx--file--close             | Added   |
-|                   | bx--file--complete          | Added   |
-|                   | bx--loading                 | Added   |
-
-### JavaScript
-
-The entire API for `FileUploader` has changed. See README for details.

package/styles/vendor/carbon-components/src/components/floating-menu/README.md

@@ -1,32 +0,0 @@
-#### Public Methods
-
-| Name                   | Params                                                        | Description                                                            |
-| ---------------------- | ------------------------------------------------------------- | ---------------------------------------------------------------------- |
-| `show`/`hide`          | `evt`: `Event` or `Element`, `callback`: `Function`           | Shows/hides the menu.                                                  |
-| `changeState`          | `state`: `string`, `detail`: `Object`, `callback`: `Function` | Changes the shown/hidden state.                                        |
-| `shouldStateBeChanged` | `state`: `string`                                             | Returns `true` if the given state is different from the current state. |
-| `release`              |                                                               | Deletes the instance and removes resize event listeners.               |
-
-#### Options
-
-| Option              | Default value                    | Description                                                                                               |
-| ------------------- | -------------------------------- | --------------------------------------------------------------------------------------------------------- |
-| `selectorContainer` | `[data-floating-menu-container]` | The CSS selector to find the element you wish the append the menu contents to.                            |
-| `attribDirection`   | `data-floating-menu-direction`   | The attribute name to specify menu placement direction (top/right/bottom/left).                           |
-| `classShown`        | None                             | The CSS class for shown state, for the menu. Should be provided via component creation options.           |
-| `classRefShown`     | None                             | The CSS class for shown state, for the trigger button. Should be provided via component creation options. |
-| `eventBeforeShown`  | `floating-menu-beingshown`       | The name of the custom event fired before a menu is opened.                                               |
-| `eventAfterShown`   | `floating-menu-shown`            | The name of the custom event fired after a menu is opened.                                                |
-| `eventBeforeHidden` | `floating-menu-beinghidden`      | The name of the custom event fired before a menu is closed.                                               |
-| `eventAfterHidden`  | `floating-menu-hidden`           | The name of the custom event fired after a menu is closed.                                                |
-| `refNode`           | None                             | The trigger button. Should be provided via component creation options.                                    |
-| `offset`            | `{ top: 0, left: 0}`             | An object containing the top and left offset values in px.                                                |
-
-#### Events
-
-| Event Name                  | Description                                                                                              |
-| --------------------------- | -------------------------------------------------------------------------------------------------------- |
-| `floating-menu-beingshown`  | The name of the custom event fired before a menu is opened. Cancellation of this event stops it opening. |
-| `floating-menu-shown`       | The name of the custom event fired after a menu is opened.                                               |
-| `floating-menu-beinghidden` | The name of the custom event fired before a menu is closed. Cancellation of this event stops it closing. |
-| `floating-menu-hidden`      | The name of the custom event fired after a menu is closed.                                               |