@carbon/react 1.0.1 → 1.1.0-rc.0

package/es/components/ToolbarSearch/ToolbarSearch.js

@@ -1,168 +0,0 @@
-/**
- * Copyright IBM Corp. 2016, 2021
- *
- * 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 { inherits as _inherits, createSuper as _createSuper, classCallCheck as _classCallCheck, defineProperty as _defineProperty, assertThisInitialized as _assertThisInitialized, createClass as _createClass, objectWithoutProperties as _objectWithoutProperties, extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
-import React__default, { Component } from 'react';
-import PropTypes from 'prop-types';
-import cx from 'classnames';
-import { Search } from '@carbon/icons-react';
-import ClickListener from '../../internal/ClickListener.js';
-import { warning } from '../../internal/warning.js';
-import { PrefixContext } from '../../internal/usePrefix.js';
-
-var _excluded = ["className", "type", "id", "placeHolderText", "labelText", "role", "labelId"];
-var didWarnAboutDeprecation = false;
-
-var ToolbarSearch = /*#__PURE__*/function (_Component) {
-  _inherits(ToolbarSearch, _Component);
-
-  var _super = _createSuper(ToolbarSearch);
-
-  function ToolbarSearch(props) {
-    var _this;
-
-    _classCallCheck(this, ToolbarSearch);
-
-    _this = _super.call(this, props);
-
-    _defineProperty(_assertThisInitialized(_this), "state", {
-      expanded: false
-    });
-
-    _defineProperty(_assertThisInitialized(_this), "expandSearch", function () {
-      _this.setState({
-        expanded: !_this.state.expanded
-      });
-
-      _this.input.focus();
-    });
-
-    _defineProperty(_assertThisInitialized(_this), "handleClickOutside", function () {
-      _this.setState({
-        expanded: false
-      });
-    });
-
-    if (process.env.NODE_ENV !== "production") {
-      process.env.NODE_ENV !== "production" ? warning(didWarnAboutDeprecation, 'The ToolbarSearch component has been deprecated and will be removed in the next major release of `carbon-components-react`') : void 0;
-      didWarnAboutDeprecation = true;
-    }
-
-    return _this;
-  }
-
-  _createClass(ToolbarSearch, [{
-    key: "render",
-    value: function render() {
-      var _classNames,
-          _this2 = this;
-
-      var prefix = this.context;
-
-      var _this$props = this.props,
-          className = _this$props.className,
-          type = _this$props.type,
-          id = _this$props.id,
-          placeHolderText = _this$props.placeHolderText,
-          labelText = _this$props.labelText,
-          role = _this$props.role,
-          labelId = _this$props.labelId,
-          other = _objectWithoutProperties(_this$props, _excluded);
-
-      var searchClasses = cx((_classNames = {}, _defineProperty(_classNames, "".concat(prefix, "--search ").concat(prefix, "--search--sm ").concat(prefix, "--toolbar-search"), true), _defineProperty(_classNames, "".concat(prefix, "--toolbar-search--active"), this.state.expanded), _defineProperty(_classNames, className, className), _classNames));
-      return /*#__PURE__*/React__default.createElement(ClickListener, {
-        onClickOutside: this.handleClickOutside
-      }, /*#__PURE__*/React__default.createElement("div", {
-        className: searchClasses,
-        role: role
-      }, /*#__PURE__*/React__default.createElement("label", {
-        htmlFor: id,
-        className: "".concat(prefix, "--label"),
-        id: labelId
-      }, labelText), /*#__PURE__*/React__default.createElement("input", _extends({}, other, {
-        type: type,
-        className: "".concat(prefix, "--search-input"),
-        id: id,
-        "aria-labelledby": labelId,
-        placeholder: placeHolderText,
-        ref: function ref(input) {
-          _this2.input = input;
-        }
-      })), /*#__PURE__*/React__default.createElement("button", {
-        type: "button",
-        className: "".concat(prefix, "--toolbar-search__btn"),
-        title: labelText,
-        onClick: this.expandSearch
-      }, /*#__PURE__*/React__default.createElement(Search, {
-        className: "".concat(prefix, "--search-magnifier"),
-        "aria-label": labelText
-      }))));
-    }
-  }]);
-
-  return ToolbarSearch;
-}(Component);
-
-_defineProperty(ToolbarSearch, "contextType", PrefixContext);
-
-_defineProperty(ToolbarSearch, "propTypes", {
-  /**
-   * The child nodes.
-   */
-  children: PropTypes.node,
-
-  /**
-   * The CSS class names.
-   */
-  className: PropTypes.string,
-
-  /**
-   * The ID of the `<input>`.
-   */
-  id: PropTypes.string,
-
-  /**
-   * The ID of the `<label>`.
-   */
-  labelId: PropTypes.string,
-
-  /**
-   * The text in the `<label>`.
-   */
-  labelText: PropTypes.node,
-
-  /**
-   * The placeholder text of the `<input>`.
-   */
-  placeHolderText: PropTypes.string,
-
-  /**
-   * Optional prop to specify the role of the ToolbarSearch
-   */
-  role: PropTypes.string,
-
-  /**
-   * `true` to use the small version of the UI.
-   */
-  small: PropTypes.bool,
-
-  /**
-   * The `type` of the `<input>`.
-   */
-  type: PropTypes.string
-});
-
-_defineProperty(ToolbarSearch, "defaultProps", {
-  type: 'search',
-  id: 'search__input',
-  labelText: '',
-  placeHolderText: '',
-  role: 'search',
-  labelId: 'search__label'
-});
-
-export { ToolbarSearch as default };

package/lib/components/ToggleSmall/ToggleSmall.js

@@ -1,114 +0,0 @@
-/**
- * Copyright IBM Corp. 2016, 2021
- *
- * This source code is licensed under the Apache-2.0 license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
-var cx = require('classnames');
-var PropTypes = require('prop-types');
-var React = require('react');
-var warning = require('../../internal/warning.js');
-var usePrefix = require('../../internal/usePrefix.js');
-var match = require('../../internal/keyboard/match.js');
-var keys = require('../../internal/keyboard/keys.js');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
-var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-
-var _path, _ToggleSmall$propType;
-
-var _excluded = ["className", "defaultToggled", "toggled", "onChange", "onToggle", "id", "labelText", "labelA", "labelB"];
-var didWarnAboutDeprecation = false;
-
-var ToggleSmall = function ToggleSmall(_ref) {
-  var className = _ref.className,
-      defaultToggled = _ref.defaultToggled,
-      toggled = _ref.toggled,
-      _onChange = _ref.onChange,
-      onToggle = _ref.onToggle,
-      id = _ref.id,
-      labelText = _ref.labelText,
-      labelA = _ref.labelA,
-      labelB = _ref.labelB,
-      other = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
-
-  var prefix = usePrefix.usePrefix();
-
-  if (process.env.NODE_ENV !== "production") {
-    process.env.NODE_ENV !== "production" ? warning.warning(didWarnAboutDeprecation, '`<ToggleSmall>` has been deprecated in favor of `<Toggle size="sm" />` and will be removed in the next major release of `carbon-components-react`') : void 0;
-    didWarnAboutDeprecation = true;
-  }
-
-  var input;
-  var wrapperClasses = cx__default["default"]("".concat(prefix, "--form-item"), _rollupPluginBabelHelpers.defineProperty({}, className, className));
-  var checkedProps = {};
-
-  if (typeof toggled !== 'undefined') {
-    checkedProps.checked = toggled;
-  } else {
-    checkedProps.defaultChecked = defaultToggled;
-  }
-
-  var ariaLabel = typeof labelText === 'string' && labelText || other['aria-label'] || other.ariaLabel || null;
-  return /*#__PURE__*/React__default["default"].createElement("div", {
-    className: wrapperClasses
-  }, /*#__PURE__*/React__default["default"].createElement("input", _rollupPluginBabelHelpers["extends"]({}, other, checkedProps, {
-    "aria-label": null,
-    type: "checkbox",
-    id: id,
-    className: "".concat(prefix, "--toggle-input ").concat(prefix, "--toggle-input--small"),
-    onChange: function onChange(evt) {
-      _onChange && _onChange(evt);
-      onToggle(input.checked, id, evt);
-    },
-    ref: function ref(el) {
-      input = el;
-    },
-    onKeyUp: function onKeyUp(evt) {
-      if (match.match(evt, keys.Enter)) {
-        input.checked = !input.checked;
-        _onChange && _onChange(evt);
-        onToggle(input.checked, id, evt);
-      }
-    }
-  })), /*#__PURE__*/React__default["default"].createElement("label", {
-    className: "".concat(prefix, "--toggle-input__label"),
-    htmlFor: id,
-    "aria-label": ariaLabel
-  }, labelText, /*#__PURE__*/React__default["default"].createElement("span", {
-    className: "".concat(prefix, "--toggle__switch")
-  }, /*#__PURE__*/React__default["default"].createElement("svg", {
-    className: "".concat(prefix, "--toggle__check"),
-    width: "6px",
-    height: "5px",
-    viewBox: "0 0 6 5"
-  }, _path || (_path = /*#__PURE__*/React__default["default"].createElement("path", {
-    d: "M2.2 2.7L5 0 6 1 2.2 5 0 2.7 1 1.5z"
-  }))), /*#__PURE__*/React__default["default"].createElement("span", {
-    className: "".concat(prefix, "--toggle__text--off"),
-    "aria-hidden": "true"
-  }, labelA), /*#__PURE__*/React__default["default"].createElement("span", {
-    className: "".concat(prefix, "--toggle__text--on"),
-    "aria-hidden": "true"
-  }, labelB))));
-};
-
-ToggleSmall.propTypes = (_ToggleSmall$propType = {}, _rollupPluginBabelHelpers.defineProperty(_ToggleSmall$propType, 'aria-label', PropTypes__default["default"].string.isRequired), _rollupPluginBabelHelpers.defineProperty(_ToggleSmall$propType, "className", PropTypes__default["default"].string), _rollupPluginBabelHelpers.defineProperty(_ToggleSmall$propType, "defaultToggled", PropTypes__default["default"].bool), _rollupPluginBabelHelpers.defineProperty(_ToggleSmall$propType, "id", PropTypes__default["default"].string.isRequired), _rollupPluginBabelHelpers.defineProperty(_ToggleSmall$propType, "labelA", PropTypes__default["default"].node.isRequired), _rollupPluginBabelHelpers.defineProperty(_ToggleSmall$propType, "labelB", PropTypes__default["default"].node.isRequired), _rollupPluginBabelHelpers.defineProperty(_ToggleSmall$propType, "labelText", PropTypes__default["default"].node), _rollupPluginBabelHelpers.defineProperty(_ToggleSmall$propType, "onChange", PropTypes__default["default"].func), _rollupPluginBabelHelpers.defineProperty(_ToggleSmall$propType, "onToggle", PropTypes__default["default"].func), _rollupPluginBabelHelpers.defineProperty(_ToggleSmall$propType, "toggled", PropTypes__default["default"].bool), _ToggleSmall$propType);
-ToggleSmall.defaultProps = {
-  defaultToggled: false,
-  onToggle: function onToggle() {},
-  labelA: 'Off',
-  labelB: 'On'
-};
-var ToggleSmall$1 = ToggleSmall;
-
-exports["default"] = ToggleSmall$1;

package/lib/components/Toolbar/Toolbar.js

@@ -1,135 +0,0 @@
-/**
- * Copyright IBM Corp. 2016, 2021
- *
- * This source code is licensed under the Apache-2.0 license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
-var React = require('react');
-var PropTypes = require('prop-types');
-var ToolbarSearch = require('../ToolbarSearch/ToolbarSearch.js');
-var cx = require('classnames');
-var warning = require('../../internal/warning.js');
-var usePrefix = require('../../internal/usePrefix.js');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
-var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
-
-var _excluded = ["children", "className"];
-var didWarnAboutDeprecation = false;
-
-var Toolbar = function Toolbar(_ref) {
-  var children = _ref.children,
-      className = _ref.className,
-      other = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
-
-  var prefix = usePrefix.usePrefix();
-  var wrapperClasses = cx__default["default"]("".concat(prefix, "--toolbar"), className);
-
-  if (process.env.NODE_ENV !== "production") {
-    process.env.NODE_ENV !== "production" ? warning.warning(didWarnAboutDeprecation, 'The Toolbar component has been deprecated and will be removed in the next major release of `carbon-components-react`') : void 0;
-    didWarnAboutDeprecation = true;
-  }
-
-  return /*#__PURE__*/React__default["default"].createElement("div", _rollupPluginBabelHelpers["extends"]({
-    className: wrapperClasses
-  }, other), children);
-};
-
-Toolbar.propTypes = {
-  /**
-   * Specify a collection of ToolbarItem's that should render in the Toolbar
-   */
-  children: PropTypes__default["default"].node,
-
-  /**
-   * Specify an optional className to be applied to the containing Toolbar node
-   */
-  className: PropTypes__default["default"].string
-};
-var ToolbarItem = function ToolbarItem(_ref2) {
-  var children = _ref2.children,
-      type = _ref2.type,
-      placeHolderText = _ref2.placeHolderText;
-  var toolbarItem = type === 'search' ? /*#__PURE__*/React__default["default"].createElement(ToolbarSearch["default"], {
-    placeHolderText: placeHolderText
-  }) : children;
-  return toolbarItem;
-};
-ToolbarItem.propTypes = {
-  /**
-   * Specify the contents of the ToolbarItem
-   */
-  children: PropTypes__default["default"].node,
-
-  /**
-   * Specify the placeholder text for the ToolbarSearch component. Useful if
-   * `type` is set to 'search'
-   */
-  placeHolderText: PropTypes__default["default"].string,
-
-  /**
-   * Specify the type of the ToolbarItem. The `search` type will render a
-   * `ToolbarSearch` component
-   */
-  type: PropTypes__default["default"].string
-};
-ToolbarItem.defaultProps = {
-  placeHolderText: 'Provide placeHolderText'
-}; // eslint-disable-next-line react/display-name
-
-var ToolbarTitle = /*#__PURE__*/React__default["default"].forwardRef(function (_ref3, ref) {
-  var title = _ref3.title;
-  var prefix = usePrefix.usePrefix();
-  return /*#__PURE__*/React__default["default"].createElement("li", {
-    ref: ref,
-    className: "".concat(prefix, "--toolbar-menu__title")
-  }, title);
-});
-ToolbarTitle.displayName = 'ToolbarTitle';
-ToolbarTitle.propTypes = {
-  /**
-   * Specify the title of the Toolbar
-   */
-  title: PropTypes__default["default"].string
-}; // eslint-disable-next-line react/display-name
-
-var ToolbarOption = /*#__PURE__*/React__default["default"].forwardRef(function (_ref4, ref) {
-  var children = _ref4.children;
-  var prefix = usePrefix.usePrefix();
-  return /*#__PURE__*/React__default["default"].createElement("li", {
-    ref: ref,
-    className: "".concat(prefix, "--toolbar-menu__option")
-  }, children);
-});
-ToolbarOption.displayName = 'ToolbarOption';
-ToolbarOption.propTypes = {
-  /**
-   * Specify the contents of the ToolbarOption
-   */
-  children: PropTypes__default["default"].node
-}; // eslint-disable-next-line react/display-name
-
-var ToolbarDivider = /*#__PURE__*/React__default["default"].forwardRef(function (props, ref) {
-  var prefix = usePrefix.usePrefix();
-  return /*#__PURE__*/React__default["default"].createElement("hr", {
-    ref: ref,
-    className: "".concat(prefix, "--toolbar-menu__divider")
-  });
-});
-ToolbarDivider.displayName = 'ToolbarDivider';
-var Toolbar$1 = Toolbar;
-
-exports.ToolbarDivider = ToolbarDivider;
-exports.ToolbarItem = ToolbarItem;
-exports.ToolbarOption = ToolbarOption;
-exports.ToolbarTitle = ToolbarTitle;
-exports["default"] = Toolbar$1;

package/lib/components/ToolbarSearch/ToolbarSearch.js

@@ -1,178 +0,0 @@
-/**
- * Copyright IBM Corp. 2016, 2021
- *
- * This source code is licensed under the Apache-2.0 license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
-var React = require('react');
-var PropTypes = require('prop-types');
-var cx = require('classnames');
-var iconsReact = require('@carbon/icons-react');
-var ClickListener = require('../../internal/ClickListener.js');
-var warning = require('../../internal/warning.js');
-var usePrefix = require('../../internal/usePrefix.js');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
-var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
-
-var _excluded = ["className", "type", "id", "placeHolderText", "labelText", "role", "labelId"];
-var didWarnAboutDeprecation = false;
-
-var ToolbarSearch = /*#__PURE__*/function (_Component) {
-  _rollupPluginBabelHelpers.inherits(ToolbarSearch, _Component);
-
-  var _super = _rollupPluginBabelHelpers.createSuper(ToolbarSearch);
-
-  function ToolbarSearch(props) {
-    var _this;
-
-    _rollupPluginBabelHelpers.classCallCheck(this, ToolbarSearch);
-
-    _this = _super.call(this, props);
-
-    _rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.assertThisInitialized(_this), "state", {
-      expanded: false
-    });
-
-    _rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.assertThisInitialized(_this), "expandSearch", function () {
-      _this.setState({
-        expanded: !_this.state.expanded
-      });
-
-      _this.input.focus();
-    });
-
-    _rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.assertThisInitialized(_this), "handleClickOutside", function () {
-      _this.setState({
-        expanded: false
-      });
-    });
-
-    if (process.env.NODE_ENV !== "production") {
-      process.env.NODE_ENV !== "production" ? warning.warning(didWarnAboutDeprecation, 'The ToolbarSearch component has been deprecated and will be removed in the next major release of `carbon-components-react`') : void 0;
-      didWarnAboutDeprecation = true;
-    }
-
-    return _this;
-  }
-
-  _rollupPluginBabelHelpers.createClass(ToolbarSearch, [{
-    key: "render",
-    value: function render() {
-      var _classNames,
-          _this2 = this;
-
-      var prefix = this.context;
-
-      var _this$props = this.props,
-          className = _this$props.className,
-          type = _this$props.type,
-          id = _this$props.id,
-          placeHolderText = _this$props.placeHolderText,
-          labelText = _this$props.labelText,
-          role = _this$props.role,
-          labelId = _this$props.labelId,
-          other = _rollupPluginBabelHelpers.objectWithoutProperties(_this$props, _excluded);
-
-      var searchClasses = cx__default["default"]((_classNames = {}, _rollupPluginBabelHelpers.defineProperty(_classNames, "".concat(prefix, "--search ").concat(prefix, "--search--sm ").concat(prefix, "--toolbar-search"), true), _rollupPluginBabelHelpers.defineProperty(_classNames, "".concat(prefix, "--toolbar-search--active"), this.state.expanded), _rollupPluginBabelHelpers.defineProperty(_classNames, className, className), _classNames));
-      return /*#__PURE__*/React__default["default"].createElement(ClickListener["default"], {
-        onClickOutside: this.handleClickOutside
-      }, /*#__PURE__*/React__default["default"].createElement("div", {
-        className: searchClasses,
-        role: role
-      }, /*#__PURE__*/React__default["default"].createElement("label", {
-        htmlFor: id,
-        className: "".concat(prefix, "--label"),
-        id: labelId
-      }, labelText), /*#__PURE__*/React__default["default"].createElement("input", _rollupPluginBabelHelpers["extends"]({}, other, {
-        type: type,
-        className: "".concat(prefix, "--search-input"),
-        id: id,
-        "aria-labelledby": labelId,
-        placeholder: placeHolderText,
-        ref: function ref(input) {
-          _this2.input = input;
-        }
-      })), /*#__PURE__*/React__default["default"].createElement("button", {
-        type: "button",
-        className: "".concat(prefix, "--toolbar-search__btn"),
-        title: labelText,
-        onClick: this.expandSearch
-      }, /*#__PURE__*/React__default["default"].createElement(iconsReact.Search, {
-        className: "".concat(prefix, "--search-magnifier"),
-        "aria-label": labelText
-      }))));
-    }
-  }]);
-
-  return ToolbarSearch;
-}(React.Component);
-
-_rollupPluginBabelHelpers.defineProperty(ToolbarSearch, "contextType", usePrefix.PrefixContext);
-
-_rollupPluginBabelHelpers.defineProperty(ToolbarSearch, "propTypes", {
-  /**
-   * The child nodes.
-   */
-  children: PropTypes__default["default"].node,
-
-  /**
-   * The CSS class names.
-   */
-  className: PropTypes__default["default"].string,
-
-  /**
-   * The ID of the `<input>`.
-   */
-  id: PropTypes__default["default"].string,
-
-  /**
-   * The ID of the `<label>`.
-   */
-  labelId: PropTypes__default["default"].string,
-
-  /**
-   * The text in the `<label>`.
-   */
-  labelText: PropTypes__default["default"].node,
-
-  /**
-   * The placeholder text of the `<input>`.
-   */
-  placeHolderText: PropTypes__default["default"].string,
-
-  /**
-   * Optional prop to specify the role of the ToolbarSearch
-   */
-  role: PropTypes__default["default"].string,
-
-  /**
-   * `true` to use the small version of the UI.
-   */
-  small: PropTypes__default["default"].bool,
-
-  /**
-   * The `type` of the `<input>`.
-   */
-  type: PropTypes__default["default"].string
-});
-
-_rollupPluginBabelHelpers.defineProperty(ToolbarSearch, "defaultProps", {
-  type: 'search',
-  id: 'search__input',
-  labelText: '',
-  placeHolderText: '',
-  role: 'search',
-  labelId: 'search__label'
-});
-
-exports["default"] = ToolbarSearch;