@carbon/react 1.3.0-rc.0 → 1.4.0-rc.0

package/es/components/DatePickerInput/next/DatePickerInput.js

@@ -1,244 +0,0 @@
-/**
- * Copyright IBM Corp. 2016, 2022
- *
- * 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 { objectWithoutProperties as _objectWithoutProperties, defineProperty as _defineProperty, extends as _extends } from '../../../_virtual/_rollupPluginBabelHelpers.js';
-import { WarningFilled, WarningAltFilled, Calendar } from '@carbon/icons-react';
-import cx from 'classnames';
-import PropTypes from 'prop-types';
-import React__default from 'react';
-import { usePrefix } from '../../../internal/usePrefix.js';
-
-var _excluded = ["datePickerType", "disabled", "helperText", "hideLabel", "id", "invalid", "invalidText", "labelText", "onClick", "onChange", "pattern", "placeholder", "size", "type", "warn", "warnText"];
-var DatePickerInput = /*#__PURE__*/React__default.forwardRef(function DatePickerInput(props, ref) {
-  var _cx, _cx2, _cx4;
-
-  var datePickerType = props.datePickerType,
-      _props$disabled = props.disabled,
-      disabled = _props$disabled === void 0 ? false : _props$disabled,
-      helperText = props.helperText,
-      hideLabel = props.hideLabel,
-      id = props.id,
-      _props$invalid = props.invalid,
-      invalid = _props$invalid === void 0 ? false : _props$invalid,
-      invalidText = props.invalidText,
-      labelText = props.labelText,
-      _props$onClick = props.onClick,
-      _onClick = _props$onClick === void 0 ? function () {} : _props$onClick,
-      _props$onChange = props.onChange,
-      _onChange = _props$onChange === void 0 ? function () {} : _props$onChange,
-      _props$pattern = props.pattern,
-      pattern = _props$pattern === void 0 ? '\\d{1,2}\\/\\d{1,2}\\/\\d{4}' : _props$pattern,
-      placeholder = props.placeholder,
-      _props$size = props.size,
-      size = _props$size === void 0 ? 'md' : _props$size,
-      _props$type = props.type,
-      type = _props$type === void 0 ? 'text' : _props$type,
-      warn = props.warn,
-      warnText = props.warnText,
-      rest = _objectWithoutProperties(props, _excluded);
-
-  var prefix = usePrefix();
-  var datePickerInputProps = {
-    id: id,
-    onChange: function onChange(event) {
-      if (!disabled) {
-        _onChange(event);
-      }
-    },
-    onClick: function onClick(event) {
-      if (!disabled) {
-        _onClick(event);
-      }
-    },
-    pattern: pattern,
-    placeholder: placeholder,
-    type: type
-  };
-  var wrapperClasses = cx("".concat(prefix, "--date-picker-input__wrapper"), (_cx = {}, _defineProperty(_cx, "".concat(prefix, "--date-picker-input__wrapper--invalid"), invalid), _defineProperty(_cx, "".concat(prefix, "--date-picker-input__wrapper--warn"), warn), _cx));
-  var labelClasses = cx("".concat(prefix, "--label"), (_cx2 = {}, _defineProperty(_cx2, "".concat(prefix, "--visually-hidden"), hideLabel), _defineProperty(_cx2, "".concat(prefix, "--label--disabled"), disabled), _cx2));
-  var helperTextClasses = cx("".concat(prefix, "--form__helper-text"), _defineProperty({}, "".concat(prefix, "--form__helper-text--disabled"), disabled));
-  var inputClasses = cx("".concat(prefix, "--date-picker__input"), (_cx4 = {}, _defineProperty(_cx4, "".concat(prefix, "--date-picker__input--").concat(size), size), _defineProperty(_cx4, "".concat(prefix, "--date-picker__input--invalid"), invalid), _cx4));
-  var containerClasses = cx("".concat(prefix, "--date-picker-container"), _defineProperty({}, "".concat(prefix, "--date-picker--nolabel"), !labelText));
-  var input = invalid ? /*#__PURE__*/React__default.createElement("input", _extends({}, rest, datePickerInputProps, {
-    disabled: disabled,
-    ref: ref,
-    "data-invalid": true,
-    className: inputClasses
-  })) : /*#__PURE__*/React__default.createElement("input", _extends({}, rest, datePickerInputProps, {
-    disabled: disabled,
-    className: inputClasses,
-    ref: ref
-  }));
-  return /*#__PURE__*/React__default.createElement("div", {
-    className: containerClasses
-  }, labelText && /*#__PURE__*/React__default.createElement("label", {
-    htmlFor: id,
-    className: labelClasses
-  }, labelText), /*#__PURE__*/React__default.createElement("div", {
-    className: wrapperClasses
-  }, input, /*#__PURE__*/React__default.createElement(DatePickerIcon, {
-    datePickerType: datePickerType,
-    invalid: invalid,
-    warn: warn
-  })), invalid && /*#__PURE__*/React__default.createElement("div", {
-    className: "".concat(prefix, "--form-requirement")
-  }, invalidText), warn && /*#__PURE__*/React__default.createElement("div", {
-    className: "".concat(prefix, "--form-requirement")
-  }, warnText), helperText && /*#__PURE__*/React__default.createElement("div", {
-    className: helperTextClasses
-  }, helperText));
-});
-DatePickerInput.propTypes = {
-  /**
-   * The type of the date picker:
-   *
-   * * `simple` - Without calendar dropdown.
-   * * `single` - With calendar dropdown and single date.
-   * * `range` - With calendar dropdown and a date range.
-   */
-  datePickerType: PropTypes.oneOf(['simple', 'single', 'range']),
-
-  /**
-   * Specify whether or not the input should be disabled
-   */
-  disabled: PropTypes.bool,
-
-  /**
-   * Provide text that is used alongside the control label for additional help
-   */
-  helperText: PropTypes.node,
-
-  /**
-   * Specify if the label should be hidden
-   */
-  hideLabel: PropTypes.bool,
-
-  /**
-   * Specify an id that uniquely identifies the `<input>`
-   */
-  id: PropTypes.string.isRequired,
-
-  /**
-   * Specify whether or not the input should be invalid
-   */
-  invalid: PropTypes.bool,
-
-  /**
-   * Specify the text to be rendered when the input is invalid
-   */
-  invalidText: PropTypes.node,
-
-  /**
-   * Provide the text that will be read by a screen reader when visiting this
-   * control
-   */
-  labelText: PropTypes.node.isRequired,
-
-  /**
-   * Specify an `onChange` handler that is called whenever a change in the
-   * input field has occurred
-   */
-  onChange: PropTypes.func,
-
-  /**
-   * Provide a function to be called when the input field is clicked
-   */
-  onClick: PropTypes.func,
-
-  /**
-   * Provide a regular expression that the input value must match
-   */
-  pattern: function pattern(props, propName, componentName) {
-    if (props[propName] === undefined) {
-      return;
-    }
-
-    try {
-      new RegExp(props[propName]);
-    } catch (e) {
-      return new Error("Invalid value of prop '".concat(propName, "' supplied to '").concat(componentName, "', it should be a valid regular expression"));
-    }
-  },
-
-  /**
-   * Specify the placeholder text
-   */
-  placeholder: PropTypes.string,
-
-  /**
-   * Specify the size of the Date Picker Input. Currently supports either `sm`, `md`, or `lg` as an option.
-   */
-  size: PropTypes.oneOf(['sm', 'md', 'lg']),
-
-  /**
-   * Specify the type of the `<input>`
-   */
-  type: PropTypes.string,
-
-  /**
-   * Specify whether the control is currently in warning state
-   */
-  warn: PropTypes.bool,
-
-  /**
-   * Provide the text that is displayed when the control is in warning state
-   */
-  warnText: PropTypes.node
-};
-
-function DatePickerIcon(_ref) {
-  var datePickerType = _ref.datePickerType,
-      invalid = _ref.invalid,
-      warn = _ref.warn;
-  var prefix = usePrefix();
-
-  if (datePickerType === 'simple' && !invalid && !warn) {
-    return null;
-  }
-
-  if (invalid) {
-    return /*#__PURE__*/React__default.createElement(WarningFilled, {
-      className: "".concat(prefix, "--date-picker__icon ").concat(prefix, "--date-picker__icon--invalid")
-    });
-  }
-
-  if (!invalid && warn) {
-    return /*#__PURE__*/React__default.createElement(WarningAltFilled, {
-      className: "".concat(prefix, "--date-picker__icon ").concat(prefix, "--date-picker__icon--warn")
-    });
-  }
-
-  return /*#__PURE__*/React__default.createElement(Calendar, {
-    className: "".concat(prefix, "--date-picker__icon"),
-    role: "img",
-    "aria-hidden": "true"
-  });
-}
-
-DatePickerIcon.propTypes = {
-  /**
-   * The type of the date picker:
-   *
-   * * `simple` - Without calendar dropdown.
-   * * `single` - With calendar dropdown and single date.
-   * * `range` - With calendar dropdown and a date range.
-   */
-  datePickerType: PropTypes.oneOf(['simple', 'single', 'range']),
-
-  /**
-   * Specify whether or not the input should be invalid
-   */
-  invalid: PropTypes.bool,
-
-  /**
-   * Specify whether the control is currently in warning state
-   */
-  warn: PropTypes.bool
-};
-var DatePickerInputNext = DatePickerInput;
-
-export { DatePickerInputNext as default };

package/lib/components/DatePicker/index.js

@@ -1,39 +0,0 @@
-/**
- * Copyright IBM Corp. 2016, 2022
- *
- * 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 FeatureFlags = require('@carbon/feature-flags');
-var DatePicker$2 = require('./next/DatePicker.js');
-var DatePicker$3 = require('./DatePicker.js');
-
-function _interopNamespace(e) {
-  if (e && e.__esModule) return e;
-  var n = Object.create(null);
-  if (e) {
-    Object.keys(e).forEach(function (k) {
-      if (k !== 'default') {
-        var d = Object.getOwnPropertyDescriptor(e, k);
-        Object.defineProperty(n, k, d.get ? d : {
-          enumerable: true,
-          get: function () { return e[k]; }
-        });
-      }
-    });
-  }
-  n["default"] = e;
-  return Object.freeze(n);
-}
-
-var FeatureFlags__namespace = /*#__PURE__*/_interopNamespace(FeatureFlags);
-
-var DatePicker = FeatureFlags__namespace.enabled('enable-v11-release') ? DatePicker$2["default"] : DatePicker$3["default"];
-var DatePicker$1 = DatePicker;
-
-exports["default"] = DatePicker$1;