trepur_components 0.4.8 → 1.0.1

package/dist/components/TextAndTitle/index.js

@@ -1,283 +0,0 @@
-"use strict";
-
-require("core-js/modules/es.object.assign.js");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.textAndTitleProps = exports.default = void 0;
-
-require("core-js/modules/es.parse-float.js");
-
-require("core-js/modules/web.dom-collections.iterator.js");
-
-require("core-js/modules/es.regexp.exec.js");
-
-require("core-js/modules/es.string.split.js");
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _Input = _interopRequireDefault(require("../Input"));
-
-var _Button = _interopRequireDefault(require("../Button"));
-
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
-var _classnames = _interopRequireDefault(require("classnames"));
-
-var _TextArea = _interopRequireDefault(require("../TextArea"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-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; }
-
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
-const textAndTitleProps = {
-  id: _propTypes.default.string,
-  classes: _propTypes.default.string,
-  titleClasses: _propTypes.default.string,
-  editTitleClasses: _propTypes.default.string,
-  editTextClasses: _propTypes.default.string,
-  editInputClasses: _propTypes.default.string,
-  textClasses: _propTypes.default.string,
-  textLineOne: _propTypes.default.string,
-  textLineTwo: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.object]),
-  textLineThree: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.object]),
-  title: _propTypes.default.string,
-  titleBold: _propTypes.default.bool,
-  titleBgColor: _propTypes.default.string,
-  textBgColor: _propTypes.default.string,
-  textColor: _propTypes.default.string,
-  titleColor: _propTypes.default.string,
-  textCenter: _propTypes.default.bool,
-  titleCenter: _propTypes.default.bool,
-  withLiveUpdates: _propTypes.default.bool,
-  onSave: _propTypes.default.func,
-  saveButtonProps: _propTypes.default.object,
-  cancelButtonProps: _propTypes.default.object,
-  isHorizontal: _propTypes.default.bool
-};
-exports.textAndTitleProps = textAndTitleProps;
-
-const TextAndTitle = _ref => {
-  var _textAndTitleProps$sa, _textAndTitleProps$sa2, _textAndTitleProps$sa3, _textAndTitleProps$sa4, _textAndTitleProps$sa5, _textAndTitleProps$sa6, _textAndTitleProps$sa7, _textAndTitleProps$sa8, _textAndTitleProps$ca, _textAndTitleProps$ca2, _textAndTitleProps$ca3, _textAndTitleProps$ca4, _textAndTitleProps$ca5, _textAndTitleProps$ca6, _textAndTitleProps$ca7, _textAndTitleProps$ca8;
-
-  let {
-    textAndTitleProps,
-    children
-  } = _ref;
-
-  const getLineHeight = id => {
-    var _document$getElementB;
-
-    const divHeight = (_document$getElementB = document.getElementById(id)) === null || _document$getElementB === void 0 ? void 0 : _document$getElementB.offsetHeight;
-    const lineHeight = parseFloat(getComputedStyle(document.getElementById(id)).fontSize);
-    const pt = parseFloat(getComputedStyle(document.getElementById(id)).paddingTop);
-    const pb = parseFloat(getComputedStyle(document.getElementById(id)).paddingBottom);
-    const mt = parseFloat(getComputedStyle(document.getElementById(id)).marginTop);
-    const mb = parseFloat(getComputedStyle(document.getElementById(id)).marginBottom);
-    const bw = parseFloat(getComputedStyle(document.getElementById(id)).borderWidth);
-    const height = divHeight - mt - mb - pt - pb - bw * 2;
-
-    if (textAndTitleProps.isHorizontal) {
-      return Math.floor(height / lineHeight) - 1;
-    }
-
-    return Math.floor(height / lineHeight);
-  };
-
-  const defaultComponentData = {
-    title: {
-      text: textAndTitleProps === null || textAndTitleProps === void 0 ? void 0 : textAndTitleProps.title
-    },
-    textLineOne: {
-      text: textAndTitleProps === null || textAndTitleProps === void 0 ? void 0 : textAndTitleProps.textLineOne
-    },
-    textLineTwo: {
-      text: textAndTitleProps === null || textAndTitleProps === void 0 ? void 0 : textAndTitleProps.textLineTwo
-    },
-    textLineThree: {
-      text: textAndTitleProps === null || textAndTitleProps === void 0 ? void 0 : textAndTitleProps.textLineThree
-    }
-  };
-  const [isInEditingMode, setIsInEditingMode] = (0, _react.useState)(false);
-  const [componentData, setComponentData] = (0, _react.useState)(defaultComponentData);
-  if (textAndTitleProps == undefined) return;
-  const borderClasses = 'border border-transparent';
-  const classList = (0, _classnames.default)({
-    [textAndTitleProps.classes]: textAndTitleProps === null || textAndTitleProps === void 0 ? void 0 : textAndTitleProps.classes
-  });
-  const titleClassList = (0, _classnames.default)({
-    'font-bold': textAndTitleProps === null || textAndTitleProps === void 0 ? void 0 : textAndTitleProps.titleBold,
-    'text-center': textAndTitleProps === null || textAndTitleProps === void 0 ? void 0 : textAndTitleProps.titleCenter,
-    [textAndTitleProps.titleClasses]: textAndTitleProps === null || textAndTitleProps === void 0 ? void 0 : textAndTitleProps.titleClasses,
-    [textAndTitleProps.titleBgColor]: textAndTitleProps === null || textAndTitleProps === void 0 ? void 0 : textAndTitleProps.titleBgColor,
-    'bg-white': !(textAndTitleProps !== null && textAndTitleProps !== void 0 && textAndTitleProps.titleBgColor),
-    [textAndTitleProps.titleColor]: textAndTitleProps === null || textAndTitleProps === void 0 ? void 0 : textAndTitleProps.titleColor,
-    'text-black': !(textAndTitleProps !== null && textAndTitleProps !== void 0 && textAndTitleProps.titleColor),
-    [borderClasses]: (textAndTitleProps === null || textAndTitleProps === void 0 ? void 0 : textAndTitleProps.withLiveUpdates) && !isInEditingMode
-  }, 'text-md break-words');
-  const textClassList = (0, _classnames.default)({
-    'text-center': textAndTitleProps === null || textAndTitleProps === void 0 ? void 0 : textAndTitleProps.textCenter,
-    [textAndTitleProps.textClasses]: textAndTitleProps === null || textAndTitleProps === void 0 ? void 0 : textAndTitleProps.textClasses,
-    [textAndTitleProps.textBgColor]: textAndTitleProps === null || textAndTitleProps === void 0 ? void 0 : textAndTitleProps.textBgColor,
-    'bg-white': !(textAndTitleProps !== null && textAndTitleProps !== void 0 && textAndTitleProps.textBgColor),
-    [textAndTitleProps.textColor]: textAndTitleProps === null || textAndTitleProps === void 0 ? void 0 : textAndTitleProps.textColor,
-    'text-black': !(textAndTitleProps !== null && textAndTitleProps !== void 0 && textAndTitleProps.textColor),
-    [borderClasses]: (textAndTitleProps === null || textAndTitleProps === void 0 ? void 0 : textAndTitleProps.withLiveUpdates) && !isInEditingMode
-  }, 'pt-2 mt-2');
-
-  const toggleEditState = () => {
-    (textAndTitleProps === null || textAndTitleProps === void 0 ? void 0 : textAndTitleProps.withLiveUpdates) && setIsInEditingMode(!isInEditingMode);
-  };
-
-  const handleButtonSave = () => {
-    const arr = [];
-    arr.push({
-      key: 'title',
-      value: componentData.title.text
-    });
-    arr.push({
-      key: 'textLineOne',
-      value: componentData.textLineOne.text
-    });
-    arr.push({
-      key: 'textLineTwo',
-      value: componentData.textLineTwo.text
-    });
-    arr.push({
-      key: 'textLineThree',
-      value: componentData.textLineThree.text
-    });
-    toggleEditState();
-    textAndTitleProps === null || textAndTitleProps === void 0 ? void 0 : textAndTitleProps.onSave(arr, textAndTitleProps === null || textAndTitleProps === void 0 ? void 0 : textAndTitleProps.id);
-  };
-
-  const handleButtonCancel = () => {
-    toggleEditState();
-  };
-
-  const handleChange = e => {
-    let id = e.target.id;
-    id = id.split('-')[id.split('-').length - 1];
-    setComponentData(_objectSpread(_objectSpread({}, componentData), {}, {
-      [id]: {
-        text: e.target.value
-      }
-    }));
-  };
-
-  const wrapperClassList = (0, _classnames.default)({
-    'flex flex-wrap justify-center md:items-center': textAndTitleProps === null || textAndTitleProps === void 0 ? void 0 : textAndTitleProps.isHorizontal,
-    'hover:border-black hover:border-dashed': (textAndTitleProps === null || textAndTitleProps === void 0 ? void 0 : textAndTitleProps.withLiveUpdates) && !isInEditingMode
-  }, 'border-2 border-transparent');
-  const titleWrapperClassList = (0, _classnames.default)({
-    'md:w-1/2 md:text-center md:px-8': textAndTitleProps === null || textAndTitleProps === void 0 ? void 0 : textAndTitleProps.isHorizontal
-  });
-  const textWrapperClassList = (0, _classnames.default)({
-    'md:w-1/2 md:text-center md:py-8 md:px-8': textAndTitleProps === null || textAndTitleProps === void 0 ? void 0 : textAndTitleProps.isHorizontal
-  });
-  return /*#__PURE__*/_react.default.createElement("div", _extends({}, (textAndTitleProps === null || textAndTitleProps === void 0 ? void 0 : textAndTitleProps.id) && {
-    id: textAndTitleProps.id
-  }, {
-    className: classList
-  }), textAndTitleProps !== null && textAndTitleProps !== void 0 && textAndTitleProps.withLiveUpdates && isInEditingMode ? /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
-    className: wrapperClassList
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    className: titleWrapperClassList
-  }, componentData.title.text ? /*#__PURE__*/_react.default.createElement(_Input.default, {
-    inputProps: {
-      id: 'title',
-      classes: textAndTitleProps === null || textAndTitleProps === void 0 ? void 0 : textAndTitleProps.editTitleClasses,
-      inputClasses: "".concat(textAndTitleProps === null || textAndTitleProps === void 0 ? void 0 : textAndTitleProps.editInputClasses, " ").concat(textClassList),
-      autoFocus: true,
-      value: componentData.title.text,
-      onChange: e => handleChange(e),
-      type: "text"
-    }
-  }) : /*#__PURE__*/_react.default.createElement("div", null, children)), /*#__PURE__*/_react.default.createElement("div", {
-    className: textWrapperClassList
-  }, /*#__PURE__*/_react.default.createElement(_TextArea.default, {
-    textAreaProps: {
-      id: 'textLineOne',
-      classes: textAndTitleProps === null || textAndTitleProps === void 0 ? void 0 : textAndTitleProps.editTextClasses,
-      textAreaClasses: "".concat(textAndTitleProps === null || textAndTitleProps === void 0 ? void 0 : textAndTitleProps.editInputClasses, " ").concat(titleClassList, " ").concat(textAndTitleProps !== null && textAndTitleProps !== void 0 && textAndTitleProps.isHorizontal ? 'text-center' : ''),
-      rows: getLineHeight('textLineOne'),
-      onChange: e => handleChange(e)
-    }
-  }, componentData.textLineOne.text), /*#__PURE__*/_react.default.createElement(_TextArea.default, {
-    textAreaProps: {
-      id: 'textLineTwo',
-      classes: "".concat(textAndTitleProps === null || textAndTitleProps === void 0 ? void 0 : textAndTitleProps.editTextClasses),
-      textAreaClasses: "".concat(textAndTitleProps === null || textAndTitleProps === void 0 ? void 0 : textAndTitleProps.editInputClasses, " ").concat(textClassList, " ").concat(textAndTitleProps !== null && textAndTitleProps !== void 0 && textAndTitleProps.isHorizontal ? 'text-center' : ''),
-      rows: getLineHeight('textLineTwo'),
-      onChange: e => handleChange(e)
-    }
-  }, componentData.textLineTwo.text), /*#__PURE__*/_react.default.createElement(_TextArea.default, {
-    textAreaProps: {
-      id: 'textLineThree',
-      classes: textAndTitleProps === null || textAndTitleProps === void 0 ? void 0 : textAndTitleProps.editTextClasses,
-      textAreaClasses: "".concat(textAndTitleProps === null || textAndTitleProps === void 0 ? void 0 : textAndTitleProps.editInputClasses, " ").concat(textClassList, " ").concat(textAndTitleProps !== null && textAndTitleProps !== void 0 && textAndTitleProps.isHorizontal ? 'text-center' : ''),
-      rows: getLineHeight('textLineThree'),
-      onChange: e => handleChange(e)
-    }
-  }, componentData.textLineThree.text))), /*#__PURE__*/_react.default.createElement(_Button.default, {
-    buttonProps: {
-      classes: textAndTitleProps === null || textAndTitleProps === void 0 ? void 0 : (_textAndTitleProps$sa = textAndTitleProps.saveButtonProps) === null || _textAndTitleProps$sa === void 0 ? void 0 : _textAndTitleProps$sa.classes,
-      onClick: handleButtonSave,
-      bgColor: textAndTitleProps === null || textAndTitleProps === void 0 ? void 0 : (_textAndTitleProps$sa2 = textAndTitleProps.saveButtonProps) === null || _textAndTitleProps$sa2 === void 0 ? void 0 : _textAndTitleProps$sa2.bgColor,
-      borderColor: textAndTitleProps === null || textAndTitleProps === void 0 ? void 0 : (_textAndTitleProps$sa3 = textAndTitleProps.saveButtonProps) === null || _textAndTitleProps$sa3 === void 0 ? void 0 : _textAndTitleProps$sa3.borderColor,
-      textColor: textAndTitleProps === null || textAndTitleProps === void 0 ? void 0 : (_textAndTitleProps$sa4 = textAndTitleProps.saveButtonProps) === null || _textAndTitleProps$sa4 === void 0 ? void 0 : _textAndTitleProps$sa4.textColor,
-      hoverTextColor: textAndTitleProps === null || textAndTitleProps === void 0 ? void 0 : (_textAndTitleProps$sa5 = textAndTitleProps.saveButtonProps) === null || _textAndTitleProps$sa5 === void 0 ? void 0 : _textAndTitleProps$sa5.hoverTextColor,
-      hoverBorderColor: textAndTitleProps === null || textAndTitleProps === void 0 ? void 0 : (_textAndTitleProps$sa6 = textAndTitleProps.saveButtonProps) === null || _textAndTitleProps$sa6 === void 0 ? void 0 : _textAndTitleProps$sa6.hoverBorderColor,
-      hoverBgColor: textAndTitleProps === null || textAndTitleProps === void 0 ? void 0 : (_textAndTitleProps$sa7 = textAndTitleProps.saveButtonProps) === null || _textAndTitleProps$sa7 === void 0 ? void 0 : _textAndTitleProps$sa7.hoverBgColor
-    }
-  }, textAndTitleProps === null || textAndTitleProps === void 0 ? void 0 : (_textAndTitleProps$sa8 = textAndTitleProps.saveButtonProps) === null || _textAndTitleProps$sa8 === void 0 ? void 0 : _textAndTitleProps$sa8.text), /*#__PURE__*/_react.default.createElement(_Button.default, {
-    buttonProps: {
-      classes: textAndTitleProps === null || textAndTitleProps === void 0 ? void 0 : (_textAndTitleProps$ca = textAndTitleProps.cancelButtonProps) === null || _textAndTitleProps$ca === void 0 ? void 0 : _textAndTitleProps$ca.classes,
-      onClick: handleButtonCancel,
-      bgColor: textAndTitleProps === null || textAndTitleProps === void 0 ? void 0 : (_textAndTitleProps$ca2 = textAndTitleProps.cancelButtonProps) === null || _textAndTitleProps$ca2 === void 0 ? void 0 : _textAndTitleProps$ca2.bgColor,
-      borderColor: textAndTitleProps === null || textAndTitleProps === void 0 ? void 0 : (_textAndTitleProps$ca3 = textAndTitleProps.cancelButtonProps) === null || _textAndTitleProps$ca3 === void 0 ? void 0 : _textAndTitleProps$ca3.borderColor,
-      textColor: textAndTitleProps === null || textAndTitleProps === void 0 ? void 0 : (_textAndTitleProps$ca4 = textAndTitleProps.cancelButtonProps) === null || _textAndTitleProps$ca4 === void 0 ? void 0 : _textAndTitleProps$ca4.textColor,
-      hoverTextColor: textAndTitleProps === null || textAndTitleProps === void 0 ? void 0 : (_textAndTitleProps$ca5 = textAndTitleProps.cancelButtonProps) === null || _textAndTitleProps$ca5 === void 0 ? void 0 : _textAndTitleProps$ca5.hoverTextColor,
-      hoverBorderColor: textAndTitleProps === null || textAndTitleProps === void 0 ? void 0 : (_textAndTitleProps$ca6 = textAndTitleProps.cancelButtonProps) === null || _textAndTitleProps$ca6 === void 0 ? void 0 : _textAndTitleProps$ca6.hoverBorderColor,
-      hoverBgColor: textAndTitleProps === null || textAndTitleProps === void 0 ? void 0 : (_textAndTitleProps$ca7 = textAndTitleProps.cancelButtonProps) === null || _textAndTitleProps$ca7 === void 0 ? void 0 : _textAndTitleProps$ca7.hoverBgColor
-    }
-  }, textAndTitleProps === null || textAndTitleProps === void 0 ? void 0 : (_textAndTitleProps$ca8 = textAndTitleProps.cancelButtonProps) === null || _textAndTitleProps$ca8 === void 0 ? void 0 : _textAndTitleProps$ca8.text)) : /*#__PURE__*/_react.default.createElement("div", {
-    className: wrapperClassList,
-    onClick: toggleEditState
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    className: titleWrapperClassList
-  }, componentData.title.text ? /*#__PURE__*/_react.default.createElement("h1", {
-    className: titleClassList
-  }, componentData.title.text) : /*#__PURE__*/_react.default.createElement("div", null, children)), /*#__PURE__*/_react.default.createElement("div", {
-    className: textWrapperClassList
-  }, !componentData.title.text ? /*#__PURE__*/_react.default.createElement("h1", {
-    id: "textLineOne",
-    className: titleClassList
-  }, componentData.textLineOne.text) : /*#__PURE__*/_react.default.createElement("p", {
-    id: "textLineOne",
-    className: textClassList
-  }, componentData.textLineOne.text), /*#__PURE__*/_react.default.createElement("div", {
-    id: "textLineTwo",
-    className: textClassList
-  }, componentData.textLineTwo.text), /*#__PURE__*/_react.default.createElement("div", {
-    id: "textLineThree",
-    className: textClassList
-  }, componentData.textLineThree.text))));
-};
-
-TextAndTitle.propTypes = {
-  textAndTitleProps: _propTypes.default.shape(_objectSpread({}, textAndTitleProps))
-};
-var _default = TextAndTitle;
-exports.default = _default;

package/dist/components/TextArea/index.js

@@ -1,97 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.textAreaProps = exports.default = void 0;
-
-require("core-js/modules/es.object.assign.js");
-
-var _react = _interopRequireDefault(require("react"));
-
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
-var _classnames = _interopRequireDefault(require("classnames"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
-const textAreaProps = {
-  id: _propTypes.default.string,
-  classes: _propTypes.default.string,
-  labelClasses: _propTypes.default.string,
-  textAreaClasses: _propTypes.default.string,
-  label: _propTypes.default.string,
-  placeholder: _propTypes.default.string,
-  bold: _propTypes.default.bool,
-  name: _propTypes.default.string,
-  disabled: _propTypes.default.bool,
-  rows: _propTypes.default.number,
-  cols: _propTypes.default.number,
-  autoFocus: _propTypes.default.bool,
-  formId: _propTypes.default.string,
-  maxLength: _propTypes.default.string,
-  readOnly: _propTypes.default.string,
-  required: _propTypes.default.bool,
-  onBlur: _propTypes.default.func,
-  onFocus: _propTypes.default.func,
-  onChange: _propTypes.default.func,
-  withPadding: _propTypes.default.bool
-};
-exports.textAreaProps = textAreaProps;
-
-const TextArea = _ref => {
-  let {
-    textAreaProps,
-    children
-  } = _ref;
-  const classList = (0, _classnames.default)({
-    [textAreaProps.classes]: textAreaProps === null || textAreaProps === void 0 ? void 0 : textAreaProps.classes
-  }, 'flex flex-col');
-  const labelClassList = (0, _classnames.default)({
-    'font-bold': textAreaProps === null || textAreaProps === void 0 ? void 0 : textAreaProps.bold,
-    [textAreaProps.labelClasses]: textAreaProps === null || textAreaProps === void 0 ? void 0 : textAreaProps.labelClasses
-  }, 'w-auto pb-2');
-  const textAreaClassList = (0, _classnames.default)({
-    [textAreaProps.textAreaClasses]: textAreaProps === null || textAreaProps === void 0 ? void 0 : textAreaProps.textAreaClasses,
-    'p-2': textAreaProps === null || textAreaProps === void 0 ? void 0 : textAreaProps.withPadding
-  }, 'border rounded-md');
-  return /*#__PURE__*/_react.default.createElement("div", _extends({}, (textAreaProps === null || textAreaProps === void 0 ? void 0 : textAreaProps.id) && {
-    id: textAreaProps === null || textAreaProps === void 0 ? void 0 : textAreaProps.id
-  }, {
-    className: classList
-  }), (textAreaProps === null || textAreaProps === void 0 ? void 0 : textAreaProps.label) && /*#__PURE__*/_react.default.createElement("label", {
-    id: "label-".concat(textAreaProps === null || textAreaProps === void 0 ? void 0 : textAreaProps.id),
-    className: labelClassList,
-    htmlFor: "text-area-".concat(textAreaProps === null || textAreaProps === void 0 ? void 0 : textAreaProps.id)
-  }, textAreaProps === null || textAreaProps === void 0 ? void 0 : textAreaProps.label), /*#__PURE__*/_react.default.createElement("textarea", {
-    id: "text-area-".concat(textAreaProps === null || textAreaProps === void 0 ? void 0 : textAreaProps.id),
-    className: textAreaClassList,
-    autoFocus: textAreaProps === null || textAreaProps === void 0 ? void 0 : textAreaProps.autoFocus,
-    form: textAreaProps === null || textAreaProps === void 0 ? void 0 : textAreaProps.formId,
-    maxLength: textAreaProps === null || textAreaProps === void 0 ? void 0 : textAreaProps.maxLength,
-    readOnly: textAreaProps === null || textAreaProps === void 0 ? void 0 : textAreaProps.readOnly,
-    required: textAreaProps === null || textAreaProps === void 0 ? void 0 : textAreaProps.required,
-    disabled: textAreaProps === null || textAreaProps === void 0 ? void 0 : textAreaProps.disabled,
-    rows: textAreaProps === null || textAreaProps === void 0 ? void 0 : textAreaProps.rows,
-    cols: textAreaProps === null || textAreaProps === void 0 ? void 0 : textAreaProps.cols,
-    name: textAreaProps === null || textAreaProps === void 0 ? void 0 : textAreaProps.name,
-    placeholder: textAreaProps === null || textAreaProps === void 0 ? void 0 : textAreaProps.placeholder,
-    onChange: textAreaProps === null || textAreaProps === void 0 ? void 0 : textAreaProps.onChange,
-    onFocus: textAreaProps === null || textAreaProps === void 0 ? void 0 : textAreaProps.onFocus,
-    onBlur: textAreaProps === null || textAreaProps === void 0 ? void 0 : textAreaProps.onBlur
-  }, children));
-};
-
-TextArea.propTypes = {
-  textAreaProps: _propTypes.default.shape(_objectSpread({}, textAreaProps))
-};
-var _default = TextArea;
-exports.default = _default;

package/dist/components/Timeline/index.css

@@ -1,133 +0,0 @@
-/* Vertical */
-/* #circle.vertical:before {
-  position: absolute;
-  display: block;
-  border-left: 1px solid #31a3dd;
-  content: "";
-  height: 50%;
-  top: 0%;
-  left: 49.9%;
-  z-index: -1;
-}
-
-#circle.vertical:after {
-  position: absolute;
-  display: block;
-  border-left: 1px solid #31a3dd;
-  content: "";
-  height: 50%;
-  bottom: 0%;
-  left: 49.9%;
-  z-index: -1;
-}
-
-#first-circle.vertical:after {
-  position: absolute;
-  display: block;
-  border-left: 1px solid #31a3dd;
-  content: "";
-  height: 50%;
-  bottom: 0%;
-  left: 49.9%;
-  z-index: -1;
-}
-
-#last-circle.vertical:before {
-  position: absolute;
-  display: block;
-  border-left: 1px solid #31a3dd;
-  content: "";
-  height: 50%;
-  top: 0%;
-  left: 49.9%;
-  z-index: -1;
-} */
-
-/* V - collapse*/
-/* #circle.vertical.collapse:before {
-  position: absolute;
-  display: block;
-  border-left: 1px solid #31a3dd;
-  content: "";
-  height: 50%;
-  top: 0%;
-  left: 8.2%;
-  z-index: -1;
-}
-
-#circle.vertical.collapse:after {
-  position: absolute;
-  display: block;
-  border-left: 1px solid #31a3dd;
-  content: "";
-  height: 50%;
-  bottom: 0%;
-  left: 8.2%;
-  z-index: -1;
-}
-
-#first-circle.vertical.collapse:after {
-  position: absolute;
-  display: block;
-  border-left: 1px solid #31a3dd;
-  content: "";
-  height: 50%;
-  bottom: 0%;
-  left: 8.2%;
-  z-index: -1;
-}
-
-#last-circle.vertical.collapse:before {
-  position: absolute;
-  display: block;
-  border-left: 1px solid #31a3dd;
-  content: "";
-  height: 50%;
-  top: 0%;
-  left: 8.2%;
-  z-index: -1;
-} */
-/* Horizontal */
-/* #circle.horizontal:before {
-  position: absolute;
-  display: block;
-  border-top: 1px solid #31a3dd;
-  content: "";
-  width: 70%;
-  top: 50%;
-  left: -8%;
-  z-index: -1;
-}
-
-#circle.horizontal:after {
-  position: absolute;
-  display: block;
-  border-top: 1px solid #31a3dd;
-  content: "";
-  width: 70%;
-  top: 50%;
-  right: -12%;
-  z-index: -1;
-}
-
-#first-circle.horizontal:after {
-  position: absolute;
-  display: block;
-  border-top: 1px solid #31a3dd;
-  content: "";
-  width: 60%;
-  top: 50%;
-  right: -12%;
-  z-index: -1;
-}
-
-#last-circle.horizontal:before {
-  position: absolute;
-  display: block;
-  border-top: 1px solid #31a3dd;
-  content: "";
-  width: 55%;
-  top: 50%;
-  left: -8%;
-  z-index: -1;
-} */

package/dist/components/Timeline/index.css.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/lib/components/Timeline/index.css"],"names":[],"mappings":"AAAA,aAAa;AACb;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA0CG;;AAEH,gBAAgB;AAChB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA0CG;AACH,eAAe;AACf;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA0CG","file":"index.css","sourcesContent":["/* Vertical */\n/* #circle.vertical:before {\n  position: absolute;\n  display: block;\n  border-left: 1px solid #31a3dd;\n  content: \"\";\n  height: 50%;\n  top: 0%;\n  left: 49.9%;\n  z-index: -1;\n}\n\n#circle.vertical:after {\n  position: absolute;\n  display: block;\n  border-left: 1px solid #31a3dd;\n  content: \"\";\n  height: 50%;\n  bottom: 0%;\n  left: 49.9%;\n  z-index: -1;\n}\n\n#first-circle.vertical:after {\n  position: absolute;\n  display: block;\n  border-left: 1px solid #31a3dd;\n  content: \"\";\n  height: 50%;\n  bottom: 0%;\n  left: 49.9%;\n  z-index: -1;\n}\n\n#last-circle.vertical:before {\n  position: absolute;\n  display: block;\n  border-left: 1px solid #31a3dd;\n  content: \"\";\n  height: 50%;\n  top: 0%;\n  left: 49.9%;\n  z-index: -1;\n} */\n\n/* V - collapse*/\n/* #circle.vertical.collapse:before {\n  position: absolute;\n  display: block;\n  border-left: 1px solid #31a3dd;\n  content: \"\";\n  height: 50%;\n  top: 0%;\n  left: 8.2%;\n  z-index: -1;\n}\n\n#circle.vertical.collapse:after {\n  position: absolute;\n  display: block;\n  border-left: 1px solid #31a3dd;\n  content: \"\";\n  height: 50%;\n  bottom: 0%;\n  left: 8.2%;\n  z-index: -1;\n}\n\n#first-circle.vertical.collapse:after {\n  position: absolute;\n  display: block;\n  border-left: 1px solid #31a3dd;\n  content: \"\";\n  height: 50%;\n  bottom: 0%;\n  left: 8.2%;\n  z-index: -1;\n}\n\n#last-circle.vertical.collapse:before {\n  position: absolute;\n  display: block;\n  border-left: 1px solid #31a3dd;\n  content: \"\";\n  height: 50%;\n  top: 0%;\n  left: 8.2%;\n  z-index: -1;\n} */\n/* Horizontal */\n/* #circle.horizontal:before {\n  position: absolute;\n  display: block;\n  border-top: 1px solid #31a3dd;\n  content: \"\";\n  width: 70%;\n  top: 50%;\n  left: -8%;\n  z-index: -1;\n}\n\n#circle.horizontal:after {\n  position: absolute;\n  display: block;\n  border-top: 1px solid #31a3dd;\n  content: \"\";\n  width: 70%;\n  top: 50%;\n  right: -12%;\n  z-index: -1;\n}\n\n#first-circle.horizontal:after {\n  position: absolute;\n  display: block;\n  border-top: 1px solid #31a3dd;\n  content: \"\";\n  width: 60%;\n  top: 50%;\n  right: -12%;\n  z-index: -1;\n}\n\n#last-circle.horizontal:before {\n  position: absolute;\n  display: block;\n  border-top: 1px solid #31a3dd;\n  content: \"\";\n  width: 55%;\n  top: 50%;\n  left: -8%;\n  z-index: -1;\n} */\n"]}