@dxc-technology/halstack-react 0.0.0-ff43881 → 0.0.0-ff5083e

package/V3Textarea/V3Textarea.js

@@ -1,260 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-var _typeof3 = require("@babel/runtime/helpers/typeof");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-
-var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
-
-var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
-
-var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
-
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _styledComponents = _interopRequireWildcard(require("styled-components"));
-
-var _TextField = _interopRequireDefault(require("@material-ui/core/TextField"));
-
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
-var _variables = require("../common/variables.js");
-
-var _utils = require("../common/utils.js");
-
-var _useTheme = _interopRequireDefault(require("../useTheme"));
-
-var _RequiredComponent = _interopRequireDefault(require("../common/RequiredComponent"));
-
-var _BackgroundColorContext = _interopRequireDefault(require("../BackgroundColorContext"));
-
-var _templateObject;
-
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof3(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
-var V3DxcTextarea = function V3DxcTextarea(_ref) {
-  var _ref$label = _ref.label,
-      label = _ref$label === void 0 ? " " : _ref$label,
-      _ref$name = _ref.name,
-      name = _ref$name === void 0 ? "" : _ref$name,
-      value = _ref.value,
-      _ref$assistiveText = _ref.assistiveText,
-      assistiveText = _ref$assistiveText === void 0 ? "" : _ref$assistiveText,
-      _ref$disabled = _ref.disabled,
-      disabled = _ref$disabled === void 0 ? false : _ref$disabled,
-      _ref$onChange = _ref.onChange,
-      onChange = _ref$onChange === void 0 ? "" : _ref$onChange,
-      _ref$onBlur = _ref.onBlur,
-      onBlur = _ref$onBlur === void 0 ? "" : _ref$onBlur,
-      _ref$numRows = _ref.numRows,
-      numRows = _ref$numRows === void 0 ? 4 : _ref$numRows,
-      _ref$invalid = _ref.invalid,
-      invalid = _ref$invalid === void 0 ? false : _ref$invalid,
-      _ref$required = _ref.required,
-      required = _ref$required === void 0 ? false : _ref$required,
-      _ref$placeholder = _ref.placeholder,
-      placeholder = _ref$placeholder === void 0 ? "" : _ref$placeholder,
-      margin = _ref.margin,
-      _ref$size = _ref.size,
-      size = _ref$size === void 0 ? "medium" : _ref$size,
-      _ref$tabIndex = _ref.tabIndex,
-      tabIndex = _ref$tabIndex === void 0 ? 0 : _ref$tabIndex;
-
-  var _useState = (0, _react.useState)(""),
-      _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
-      innerValue = _useState2[0],
-      setInnerValue = _useState2[1];
-
-  var colorsTheme = (0, _useTheme["default"])();
-  var backgroundType = (0, _react.useContext)(_BackgroundColorContext["default"]);
-
-  var handlerTextareaChange = function handlerTextareaChange(event) {
-    if (value === null || value === undefined) {
-      if (typeof onChange === "function") {
-        setInnerValue(event.target.value);
-        onChange(event.target.value);
-      } else {
-        setInnerValue(event.target.value);
-      }
-    } else if (onChange !== "") {
-      if (typeof onChange === "function") {
-        onChange(event.target.value);
-      } else {
-        setInnerValue(event.target.value);
-      }
-    }
-  };
-
-  var handlerTextareaBlur = function handlerTextareaBlur(event) {
-    setInnerValue(event.target.value);
-
-    if (onBlur) {
-      onBlur(event.target.value);
-    }
-  };
-
-  return /*#__PURE__*/_react["default"].createElement(_styledComponents.ThemeProvider, {
-    theme: colorsTheme.V3Textarea
-  }, /*#__PURE__*/_react["default"].createElement(TextContainer, {
-    required: required,
-    assistiveText: assistiveText,
-    margin: margin,
-    size: size,
-    backgroundType: backgroundType
-  }, /*#__PURE__*/_react["default"].createElement(_TextField["default"], {
-    error: invalid,
-    value: value !== null ? value : innerValue,
-    name: name,
-    multiline: true,
-    disabled: disabled,
-    label: required ? /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_RequiredComponent["default"], null), label) : label,
-    helperText: assistiveText,
-    onChange: handlerTextareaChange,
-    onBlur: onBlur && handlerTextareaBlur || null,
-    rows: numRows,
-    placeholder: placeholder,
-    inputProps: {
-      tabIndex: tabIndex
-    }
-  })));
-};
-
-var sizes = {
-  small: "42px",
-  medium: "240px",
-  large: "480px",
-  fillParent: "100%"
-};
-
-var calculateWidth = function calculateWidth(margin, size) {
-  return size === "fillParent" ? "calc(".concat(sizes[size], " - ").concat((0, _utils.getMargin)(margin, "left"), " - ").concat((0, _utils.getMargin)(margin, "right"), ")") : sizes[size];
-};
-
-var TextContainer = _styledComponents["default"].div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["\n  margin: ", ";\n  margin-top: ", ";\n  margin-right: ", ";\n  margin-bottom: ", ";\n  margin-left: ", ";\n  display: inline-block;\n  position: relative;\n  height: auto;\n  width: ", ";\n\n  .MuiTextField-root {\n    width: 100%;\n\n    .MuiFormHelperText-root {\n      font-family: ", ";\n      font-size: ", ";\n      font-style: ", ";\n      font-weight: ", ";\n      letter-spacing: ", ";\n      margin-top: 6px;\n    }\n    .MuiFormLabel-root {\n      font-size: ", ";\n      font-style: ", ";\n      font-weight: ", ";\n      letter-spacing: ", ";\n      color: ", ";\n      padding-left: \"inherit\";\n\n      &.Mui-disabled {\n        color: ", " !important;\n        cursor: not-allowed;\n      }\n\n      &.Mui-focused {\n        color: ", ";\n        &.MuiInputLabel-shrink {\n          transform: \"translate(0, 1.5px) scale(0.75);\";\n        }\n      }\n\n      &.MuiInputLabel-shrink {\n        font-family: ", ";\n        transform: \"translate(0, 1.5px) scale(0.75)\";\n      }\n\n      &.Mui-error {\n        color: ", ";\n      }\n\n      &:not(.MuiInputLabel-shrink) {\n        font-family: ", ";\n        color: ", ";\n        & + div,\n        & + div + p {\n          color: ", ";\n        }\n      }\n\n      &.MuiInputLabel-shrink {\n        & + div::before {\n          border-color: ", ";\n        }\n        & + div + p {\n          color: ", ";\n        }\n      }\n    }\n    .MuiInputBase-root.MuiInput-root.MuiInput-underline {\n      &::before {\n        border-bottom: ", ";\n      }\n\n      &:not(.Mui-error)::before,\n      &:not(&.Mui-focused)::before {\n        border-bottom: ", ";\n      }\n\n      &::after {\n        border-bottom: ", ";\n      }\n\n      .MuiInputBase-inputMultiline {\n        overflow: auto !important;\n\n        ::-webkit-scrollbar {\n          width: 3px;\n        }\n\n        ::-webkit-scrollbar-track {\n          background-color: ", ";\n          border-radius: 3px;\n        }\n\n        ::-webkit-scrollbar-thumb {\n          background-color: ", ";\n          border-radius: 3px;\n        }\n      }\n\n      &.Mui-error {\n        &::before {\n          border-width: ", ";\n          border-color: ", ";\n        }\n        &::after {\n          transform: scaleX(0);\n        }\n      }\n\n      &.Mui-focused {\n        &::after {\n          border-width: calc(", " + 1px);\n          border-color: ", ";\n        }\n        &.Mui-error::after {\n          border-color: ", ";\n        }\n      }\n\n      &.Mui-disabled {\n        cursor: not-allowed;\n\n        &::before {\n          border-bottom: ", ";\n          border-bottom-style: solid;\n        }\n      }\n\n      .MuiInputBase-input {\n        font-family: ", ";\n        font-size: ", ";\n        font-style: ", ";\n        font-weight: ", ";\n        letter-spacing: ", ";\n        color: ", ";\n        line-height: ", ";\n        padding-left: \"inherit\";\n        text-overflow: ellipsis;\n\n        &.Mui-disabled {\n          cursor: not-allowed;\n          color: ", ";\n        }\n      }\n\n      &:hover:not(.Mui-disabled):before &:hover:not(.Mui-error):before {\n        border-bottom-color: ", ";\n      }\n    }\n\n    & > p {\n      &.Mui-error {\n        color: ", ";\n      }\n      &.Mui-disabled {\n        color: ", " !important;\n        cursor: not-allowed;\n      }\n    }\n  }\n"])), function (props) {
-  return props.margin && (0, _typeof2["default"])(props.margin) !== "object" ? _variables.spaces[props.margin] : "0px";
-}, function (props) {
-  return props.margin && (0, _typeof2["default"])(props.margin) === "object" && props.margin.top ? _variables.spaces[props.margin.top] : "";
-}, function (props) {
-  return props.margin && (0, _typeof2["default"])(props.margin) === "object" && props.margin.right ? _variables.spaces[props.margin.right] : "";
-}, function (props) {
-  return props.margin && (0, _typeof2["default"])(props.margin) === "object" && props.margin.bottom ? _variables.spaces[props.margin.bottom] : "";
-}, function (props) {
-  return props.margin && (0, _typeof2["default"])(props.margin) === "object" && props.margin.left ? _variables.spaces[props.margin.left] : "";
-}, function (props) {
-  return calculateWidth(props.margin, props.size);
-}, function (props) {
-  return props.theme.fontFamily;
-}, function (props) {
-  return props.theme.assistiveTextFontSize;
-}, function (props) {
-  return props.theme.assistiveTextFontStyle;
-}, function (props) {
-  return props.theme.assistiveTextFontWeight;
-}, function (props) {
-  return props.theme.assistiveTextLetterSpacing;
-}, function (props) {
-  return props.theme.labelFontSize;
-}, function (props) {
-  return props.theme.labelFontStyle;
-}, function (props) {
-  return props.theme.labelFontWeight;
-}, function (props) {
-  return props.theme.labelLetterSpacing;
-}, function (props) {
-  return props.backgroundType === "dark" ? props.theme.labelFontColorOnDark : props.theme.labelFontColor;
-}, function (props) {
-  return props.backgroundType === "dark" ? props.theme.disabledColorOnDark : props.theme.disabledColor;
-}, function (props) {
-  return props.backgroundType === "dark" ? props.theme.labelFontColorOnDark : props.theme.labelFontColor;
-}, function (props) {
-  return props.theme.fontFamily;
-}, function (props) {
-  return props.backgroundType === "dark" ? props.theme.errorColorOnDark : props.theme.errorColor;
-}, function (props) {
-  return props.theme.fontFamily;
-}, function (props) {
-  return props.backgroundType === "dark" ? props.theme.labelFontColorOnDark : props.theme.labelFontColor;
-}, function (props) {
-  return props.backgroundType === "dark" ? props.theme.assistiveTextFontColorOnDark : props.theme.assistiveTextFontColor;
-}, function (props) {
-  return props.backgroundType ? props.theme.underlineColorOnDark : props.theme.underlineColor;
-}, function (props) {
-  return props.backgroundType === "dark" ? props.theme.labelFontColorOnDark : props.theme.labelFontColor;
-}, function (props) {
-  return "".concat(props.theme.underlineThickness, " solid ").concat(props.backgroundType === "dark" ? props.theme.underlineColorOnDark : props.theme.underlineColor);
-}, function (props) {
-  return "".concat(props.theme.underlineThickness, " solid ").concat(props.backgroundType === "dark" ? props.theme.underlineColorOnDark : props.theme.underlineColor);
-}, function (props) {
-  return "calc(".concat(props.theme.underlineThickness, " + 1px) solid ").concat(props.backgroundType === "dark" ? props.theme.underlineFocusColorOnDark : props.theme.underlineFocusColor);
-}, function (props) {
-  return props.backgroundType === "dark" ? props.theme.scrollBarTrackColorOnDark : props.theme.scrollBarTrackColor;
-}, function (props) {
-  return props.backgroundType === "dark" ? props.theme.scrollBarThumbColorOnDark : props.theme.scrollBarThumbColor;
-}, function (props) {
-  return props.theme.underlineThickness;
-}, function (props) {
-  return props.backgroundType === "dark" ? props.theme.errorColorOnDark : props.theme.errorColor;
-}, function (props) {
-  return props.theme.underlineThickness;
-}, function (props) {
-  return props.backgroundType === "dark" ? props.theme.underlineFocusColorOnDark : props.theme.underlineFocusColor;
-}, function (props) {
-  return props.backgroundType === "dark" ? props.theme.errorColorOnDark : props.theme.errorColor;
-}, function (props) {
-  return "".concat(props.theme.underlineThickness, " solid ").concat(props.backgroundType === "dark" ? props.theme.disabledColorOnDark : props.theme.disabledColor, " !important");
-}, function (props) {
-  return props.theme.fontFamily;
-}, function (props) {
-  return props.theme.valueFontSize;
-}, function (props) {
-  return props.theme.valueFontStyle;
-}, function (props) {
-  return props.theme.valueFontWeight;
-}, function (props) {
-  return props.theme.valueLetterSpacing;
-}, function (props) {
-  return props.backgroundType === "dark" ? props.theme.valueFontColorOnDark : props.theme.valueFontColor;
-}, function (props) {
-  return props.theme.valueLineHeight;
-}, function (props) {
-  return props.backgroundType === "dark" ? props.theme.disabledColorOnDark : props.theme.disabledColor;
-}, function (props) {
-  return props.backgroundType === "dark" ? props.theme.underlineFocusColorOnDark : props.theme.underlineFocusColor;
-}, function (props) {
-  return "".concat(props.backgroundType === "dark" ? props.theme.errorColorOnDark : props.theme.errorColor, " !important");
-}, function (props) {
-  return props.backgroundType === "dark" ? props.theme.disabledColorOnDark : props.theme.disabledColor;
-});
-
-V3DxcTextarea.propTypes = {
-  label: _propTypes["default"].string,
-  name: _propTypes["default"].string,
-  value: _propTypes["default"].string,
-  assistiveText: _propTypes["default"].string,
-  disabled: _propTypes["default"].bool,
-  required: _propTypes["default"].bool,
-  invalid: _propTypes["default"].bool,
-  placeholder: _propTypes["default"].string,
-  onChange: _propTypes["default"].func,
-  onBlur: _propTypes["default"].func,
-  numRows: _propTypes["default"].number,
-  size: _propTypes["default"].oneOf((0, _toConsumableArray2["default"])(Object.keys(sizes))),
-  margin: _propTypes["default"].oneOfType([_propTypes["default"].shape({
-    top: _propTypes["default"].oneOf(Object.keys(_variables.spaces)),
-    bottom: _propTypes["default"].oneOf(Object.keys(_variables.spaces)),
-    left: _propTypes["default"].oneOf(Object.keys(_variables.spaces)),
-    right: _propTypes["default"].oneOf(Object.keys(_variables.spaces))
-  }), _propTypes["default"].oneOf((0, _toConsumableArray2["default"])(Object.keys(_variables.spaces)))]),
-  tabIndex: _propTypes["default"].number
-};
-var _default = V3DxcTextarea;
-exports["default"] = _default;

package/V3Textarea/index.d.ts

@@ -1,27 +0,0 @@
-type Size = "small" | "medium" | "large" | "fillParent";
-type Space = "xxsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "xxlarge";
-type Margin = {
-  top?: Space;
-  bottom?: Space;
-  left?: Space;
-  right?: Space;
-};
-
-type Props = {
-  label?: string;
-  name?: string;
-  value?: string;
-  assistiveText?: string;
-  disabled?: boolean,
-  onChange?: void;
-  onBlur?: void;
-  numRows?: number;
-  required?: boolean;
-  invalid?: boolean;
-  placeholder?: string;
-  margin?: Space | Margin;
-  size?: Size;
-  tabIndex?: number;
-};
-
-export default function V3DxcTextarea(props: Props): JSX.Element;

package/date/Date.js

@@ -1,373 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-var _typeof = require("@babel/runtime/helpers/typeof");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
-var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
-
-var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
-
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _pickers = require("@material-ui/pickers");
-
-var _core = require("@material-ui/core");
-
-var _ClickAwayListener = _interopRequireDefault(require("@material-ui/core/ClickAwayListener"));
-
-var _Popover = _interopRequireDefault(require("@material-ui/core/Popover"));
-
-var _moment = _interopRequireDefault(require("moment"));
-
-var _dateFns = _interopRequireDefault(require("@date-io/date-fns"));
-
-var _styledComponents = _interopRequireWildcard(require("styled-components"));
-
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
-var _InputText = _interopRequireDefault(require("../input-text/InputText"));
-
-var _variables = require("../common/variables.js");
-
-var _useTheme = _interopRequireDefault(require("../useTheme"));
-
-var _templateObject, _DxcDate$propTypes;
-
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
-var DxcDate = function DxcDate(_ref) {
-  var value = _ref.value,
-      _ref$format = _ref.format,
-      format = _ref$format === void 0 ? "dd-MM-yyyy" : _ref$format,
-      _ref$label = _ref.label,
-      label = _ref$label === void 0 ? "" : _ref$label,
-      name = _ref.name,
-      _ref$disabled = _ref.disabled,
-      disabled = _ref$disabled === void 0 ? false : _ref$disabled,
-      _ref$required = _ref.required,
-      required = _ref$required === void 0 ? false : _ref$required,
-      _ref$assistiveText = _ref.assistiveText,
-      assistiveText = _ref$assistiveText === void 0 ? "" : _ref$assistiveText,
-      _ref$invalid = _ref.invalid,
-      invalid = _ref$invalid === void 0 ? false : _ref$invalid,
-      onChange = _ref.onChange,
-      _ref$placeholder = _ref.placeholder,
-      placeholder = _ref$placeholder === void 0 ? false : _ref$placeholder,
-      _ref$onBlur = _ref.onBlur,
-      onBlur = _ref$onBlur === void 0 ? "" : _ref$onBlur,
-      margin = _ref.margin,
-      _ref$size = _ref.size,
-      size = _ref$size === void 0 ? "medium" : _ref$size,
-      _ref$tabIndex = _ref.tabIndex,
-      tabIndex = _ref$tabIndex === void 0 ? 0 : _ref$tabIndex;
-
-  var _useState = (0, _react.useState)(""),
-      _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
-      innerValue = _useState2[0],
-      setInnerValue = _useState2[1];
-
-  var _useState3 = (0, _react.useState)(false),
-      _useState4 = (0, _slicedToArray2["default"])(_useState3, 2),
-      isOpen = _useState4[0],
-      setIsOpen = _useState4[1];
-
-  var _useState5 = (0, _react.useState)(null),
-      _useState6 = (0, _slicedToArray2["default"])(_useState5, 2),
-      anchorEl = _useState6[0],
-      setAnchorEl = _useState6[1];
-
-  var colorsTheme = (0, _useTheme["default"])();
-
-  var handleMenuItemClick = function handleMenuItemClick(date) {
-    var stringValue = (0, _moment["default"])(date).format(format.toUpperCase());
-    if (value == null) setInnerValue(stringValue);
-    if (typeof onChange === "function") onChange({
-      stringValue: stringValue,
-      dateValue: date && date.toJSON() ? date : null
-    });
-  };
-
-  var onChangeInput = function onChangeInput(string) {
-    var momentDate = (0, _moment["default"])(string, format.toUpperCase(), true);
-
-    if (value == null) {
-      setInnerValue(string);
-    }
-
-    if (typeof onChange === "function") {
-      onChange({
-        stringValue: string,
-        dateValue: momentDate.isValid() ? momentDate._d : null
-      });
-    }
-  };
-
-  var handlerInputBlur = function handlerInputBlur(inputString) {
-    setInnerValue(inputString);
-    if (onBlur) onBlur(inputString);
-  };
-
-  var getValueForPicker = function getValueForPicker() {
-    return (0, _moment["default"])(value == null ? innerValue : value, format.toUpperCase(), true).format();
-  };
-
-  var openCalendar = function openCalendar(event) {
-    if (event) {
-      setIsOpen(!isOpen);
-      setAnchorEl(event.currentTarget);
-    }
-  };
-
-  var handlerPickerClose = function handlerPickerClose() {
-    setIsOpen(false);
-    handlerInputBlur(value == null ? innerValue : value);
-  };
-
-  var calendarSVG = function calendarSVG() {
-    return /*#__PURE__*/_react["default"].createElement("svg", {
-      xmlns: "http://www.w3.org/2000/svg",
-      height: "24",
-      viewBox: "0 0 24 24",
-      width: "24",
-      fill: "currentColor"
-    }, /*#__PURE__*/_react["default"].createElement("path", {
-      "data-testid": "calendarIcon",
-      d: "M17 12h-5v5h5v-5zM16 1v2H8V1H6v2H5c-1.11 0-1.99.9-1.99 2L3 19c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2h-1V1h-2zm3 18H5V8h14v11z"
-    }), /*#__PURE__*/_react["default"].createElement("path", {
-      d: "M0 0h24v24H0z",
-      fill: "none"
-    }));
-  };
-
-  var dateTheme = (0, _core.createMuiTheme)({
-    overrides: {
-      MuiTypography: {
-        root: {
-          fontFamily: "".concat(colorsTheme.date.fontFamily, " !important")
-        }
-      },
-      MuiPickersYearSelection: {
-        container: {
-          color: colorsTheme.date.pickerYearColor,
-          "&::-webkit-scrollbar": {
-            width: "3px"
-          },
-          "&::-webkit-scrollbar-track": {
-            backgroundColor: "#D9D9D9",
-            borderRadius: "3px"
-          },
-          "&::-webkit-scrollbar-thumb": {
-            backgroundColor: "#666666",
-            borderRadius: "3px"
-          }
-        }
-      },
-      MuiPickersToolbar: {
-        toolbar: {
-          backgroundColor: colorsTheme.date.pickerBackgroundColor,
-          color: colorsTheme.date.pickerFontColor
-        }
-      },
-      MuiIconButton: {
-        root: {
-          height: "36px",
-          width: "36px",
-          padding: "0px"
-        }
-      },
-      MuiTouchRipple: {
-        child: {
-          opacity: "0"
-        }
-      },
-      MuiButtonBase: {
-        root: {
-          "&:focus": {
-            outline: colorsTheme.date.focusColor + " solid 2px"
-          }
-        }
-      },
-      MuiPickersBasePicker: {
-        pickerView: {
-          minWidth: "unset",
-          maxWidth: "unset",
-          minHeight: "unset",
-          padding: "0px 10px",
-          height: colorsTheme.date.pickerHeight,
-          width: colorsTheme.date.pickerWidth,
-          backgroundColor: colorsTheme.date.pickerBackgroundColor,
-          fontFamily: colorsTheme.date.fontFamily
-        }
-      },
-      MuiPickersToolbarText: {
-        toolbarTxt: {
-          color: colorsTheme.date.pickerActualDateColor,
-          fontFamily: colorsTheme.date.fontFamily,
-          fontSize: "2rem"
-        },
-        toolbarBtnSelected: {
-          color: colorsTheme.date.pickerActualDateColor
-        }
-      },
-      MuiPickersCalendarHeader: {
-        transitionContainer: {
-          color: colorsTheme.date.pickerMonthColor
-        },
-        dayLabel: {
-          color: colorsTheme.date.pickerWeekLabelColor,
-          fontFamily: colorsTheme.date.fontFamily
-        },
-        switchHeader: {
-          backgroundColor: colorsTheme.white,
-          color: colorsTheme.date.pickerFontColor
-        },
-        iconButton: {
-          backgroundColor: colorsTheme.date.pickerBackgroundColorMonthArrows,
-          "&:hover": {
-            backgroundColor: colorsTheme.date.pickerBackgroundColorMonthArrows
-          }
-        }
-      },
-      MuiPickersCalendar: {
-        week: {
-          marginBottom: "2px"
-        }
-      },
-      MuiPickersDay: {
-        current: {
-          border: colorsTheme.date.pickerActualDateColor + " 2px solid",
-          color: colorsTheme.date.pickerFontColor
-        },
-        day: {
-          fontFamily: colorsTheme.date.fontFamily,
-          color: colorsTheme.date.pickerFontColor,
-          "&:hover": {
-            backgroundColor: colorsTheme.date.pickerHoverDateBackgroundColor,
-            color: colorsTheme.date.pickerHoverDateFontColor
-          }
-        },
-        daySelected: {
-          backgroundColor: colorsTheme.date.pickerSelectedDateBackgroundColor,
-          color: colorsTheme.date.pickerSelectedDateColor,
-          "&:hover": {
-            backgroundColor: colorsTheme.date.pickerSelectedDateBackgroundColor,
-            color: colorsTheme.date.pickerSelectedDateColor,
-            opacity: "1"
-          }
-        }
-      },
-      MuiPickersYear: {
-        yearSelected: {
-          color: colorsTheme.date.pickerSelectedDateColor,
-          backgroundColor: colorsTheme.date.pickerSelectedDateBackgroundColor,
-          margin: "0px 100px",
-          borderRadius: "20px"
-        },
-        root: {
-          "&:focus": {
-            color: colorsTheme.date.pickerHoverDateFontColor,
-            backgroundColor: colorsTheme.date.pickerHoverDateBackgroundColor
-          }
-        }
-      },
-      MuiPickersModal: {
-        dialogAction: {
-          color: "pink"
-        }
-      }
-    }
-  });
-  return /*#__PURE__*/_react["default"].createElement(_styledComponents.ThemeProvider, {
-    theme: colorsTheme
-  }, /*#__PURE__*/_react["default"].createElement(_core.MuiThemeProvider, {
-    theme: dateTheme
-  }, /*#__PURE__*/_react["default"].createElement(_pickers.MuiPickersUtilsProvider, {
-    utils: _dateFns["default"]
-  }, /*#__PURE__*/_react["default"].createElement(StyledDPicker, {
-    margin: margin
-  }, /*#__PURE__*/_react["default"].createElement(_InputText["default"], {
-    label: label,
-    name: name,
-    suffixIcon: calendarSVG,
-    required: required,
-    invalid: invalid,
-    disabled: disabled,
-    assistiveText: assistiveText,
-    margin: margin,
-    size: size,
-    placeholder: placeholder ? format.toUpperCase() : null,
-    value: value == null ? innerValue : value,
-    onClickSuffix: openCalendar,
-    onChange: onChangeInput,
-    onBlur: onBlur && handlerInputBlur || null,
-    tabIndex: tabIndex
-  }), /*#__PURE__*/_react["default"].createElement(_Popover["default"], {
-    open: isOpen,
-    anchorEl: anchorEl,
-    anchorOrigin: {
-      vertical: "bottom",
-      horizontal: "left"
-    },
-    transformOrigin: {
-      vertical: "top",
-      horizontal: "center"
-    },
-    PaperProps: {
-      style: {
-        marginTop: "10px"
-      }
-    }
-  }, /*#__PURE__*/_react["default"].createElement(_ClickAwayListener["default"], {
-    onClickAway: handlerPickerClose
-  }, /*#__PURE__*/_react["default"].createElement(_core.Paper, null, /*#__PURE__*/_react["default"].createElement(_pickers.DatePicker, {
-    variant: "static",
-    value: getValueForPicker(),
-    onChange: function onChange(date) {
-      return handleMenuItemClick(date);
-    },
-    format: format,
-    disabled: disabled
-  }))))))));
-};
-
-var sizes = {
-  medium: "240px",
-  large: "480px",
-  fillParent: "100%"
-};
-
-var StyledDPicker = _styledComponents["default"].div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])([""])));
-
-DxcDate.propTypes = (_DxcDate$propTypes = {
-  value: _propTypes["default"].string,
-  format: _propTypes["default"].string,
-  label: _propTypes["default"].string,
-  theme: _propTypes["default"].oneOf(["light", "dark", ""]),
-  name: _propTypes["default"].string,
-  disabled: _propTypes["default"].bool,
-  required: _propTypes["default"].bool,
-  placeholder: _propTypes["default"].bool,
-  assistiveText: _propTypes["default"].string,
-  invalid: _propTypes["default"].bool,
-  onChange: _propTypes["default"].func,
-  onBlur: _propTypes["default"].func
-}, (0, _defineProperty2["default"])(_DxcDate$propTypes, "onChange", _propTypes["default"].func), (0, _defineProperty2["default"])(_DxcDate$propTypes, "size", _propTypes["default"].oneOf((0, _toConsumableArray2["default"])(Object.keys(sizes)))), (0, _defineProperty2["default"])(_DxcDate$propTypes, "margin", _propTypes["default"].oneOfType([_propTypes["default"].shape({
-  top: _propTypes["default"].oneOf(Object.keys(_variables.spaces)),
-  bottom: _propTypes["default"].oneOf(Object.keys(_variables.spaces)),
-  left: _propTypes["default"].oneOf(Object.keys(_variables.spaces)),
-  right: _propTypes["default"].oneOf(Object.keys(_variables.spaces))
-}), _propTypes["default"].oneOf((0, _toConsumableArray2["default"])(Object.keys(_variables.spaces)))])), (0, _defineProperty2["default"])(_DxcDate$propTypes, "tabIndex", _propTypes["default"].number), _DxcDate$propTypes);
-var _default = DxcDate;
-exports["default"] = _default;