trepur_components 0.4.7 → 1.0.0

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 sm:text-lg, 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.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"]}

package/dist/components/Timeline/index.js

@@ -1,254 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-require("core-js/modules/es.array.reverse.js");
-
-var _react = _interopRequireDefault(require("react"));
-
-var _classnames = _interopRequireDefault(require("classnames"));
-
-var _Image = _interopRequireDefault(require("../Image"));
-
-var _Column = _interopRequireDefault(require("../Column"));
-
-var _Row = _interopRequireDefault(require("../Row"));
-
-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; }
-
-const Timeline = _ref => {
-  let {
-    id,
-    classes,
-    isHorizontal,
-    items,
-    reverse,
-    textCenter,
-    useImages,
-    horizontalComponentClasses,
-    isSm = false
-  } = _ref;
-  const classList = (0, _classnames.default)({
-    [classes]: classes
-  }, 'w-full list-none overflow-x-auto pb-4');
-  const ulClasses = (0, _classnames.default)({
-    [classes]: classes,
-    'flex-row none-reverse justify-between': !reverse && isHorizontal,
-    'flex-col none-reverse': !reverse && !isHorizontal,
-    'flex-row reverse justify-between': reverse && isHorizontal,
-    'flex-col reverse': reverse && !isHorizontal
-  }, 'timeline status-flow relative list-none pl-0 flex');
-  const liClasses = (0, _classnames.default)({
-    'text-center': textCenter,
-    'items-center flex-col justify-between': !reverse && isHorizontal,
-    'flex-row none-reverse': !reverse && !isHorizontal,
-    'items-center flex-col-reverse': reverse && isHorizontal,
-    'flex-row-reverse': reverse && !isHorizontal
-  }, 'status-flow-item relative flex flex-auto flex-row leading-tight');
-  const circle = (0, _classnames.default)({
-    'horizontal collapse': isHorizontal && isSm,
-    'horizontal': isHorizontal && !isSm,
-    'vertical collapse': !isHorizontal && isSm,
-    'vertical': !isHorizontal && !isSm
-  }, 'w-4 h-4 my-16 text-center mx-auto rounded-full border bg-black');
-  const circleVerticalBefore = {
-    'position': 'absolute',
-    'display': 'block',
-    'borderLeft': '1px solid #31a3dd',
-    'content': '""',
-    'height': '50%',
-    'top': '0%',
-    'left': '49.9%',
-    'zIndex': '-1'
-  };
-  const circleVerticalCollapseBefore = {
-    'position': ' absolute',
-    'display': ' block',
-    'borderLeft': ' 1px solid #31a3dd',
-    'content': ' ""',
-    'height': ' 50%',
-    'top': ' 0%',
-    'left': ' 8.2%',
-    'zIndex': ' -1'
-  };
-  const lastCircleVerticalBefore = {
-    'position': 'absolute',
-    'display': 'block',
-    'borderLeft': '1px solid #31a3dd',
-    'content': '""',
-    'height': '50%',
-    'top': '0%',
-    'left': '49.9%',
-    'zIndex': '-1'
-  };
-  const lastCircleVerticalCollapseBefore = {
-    'position': ' absolute',
-    'display': ' block',
-    'borderLeft': ' 1px solid #31a3dd',
-    'content': ' ""',
-    'height': ' 50%',
-    'top': ' 0%',
-    'left': ' 8.2%',
-    'zIndex': ' -1'
-  };
-  const circleVerticalAfter = {
-    'position': 'absolute',
-    'display': 'block',
-    'borderLeft': '1px solid #31a3dd',
-    'content': '""',
-    'height': '50%',
-    'bottom': '0%',
-    'left': '49.9%',
-    'zIndex': '-1'
-  };
-  const firstCircleVerticalAfter = {
-    'position': 'absolute',
-    'display': 'block',
-    'borderLeft': '1px solid #31a3dd',
-    'content': '""',
-    'height': '50%',
-    'bottom': '0%',
-    'left': '49.9%',
-    'zIndex': '-1'
-  };
-  const circleVerticalCollapseAfter = {
-    'position': 'absolute',
-    'display': 'block',
-    'borderLeft': '1px solid #31a3dd',
-    'content': '""',
-    'height': '50%',
-    'bottom': '0%',
-    'left': '8.2%',
-    'zIndex': '-1'
-  };
-  const firstCircleVerticalCollapseAfter = {
-    'position': 'absolute',
-    'display': 'block',
-    'borderLeft': '1px solid #31a3dd',
-    'content': '""',
-    'height': '50%',
-    'bottom': '0%',
-    'left': '8.2%',
-    'zIndex': '-1'
-  };
-  return /*#__PURE__*/_react.default.createElement(_Column.default, {
-    columnProps: {
-      sm: 12,
-      id: id,
-      className: classList
-    }
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    className: ulClasses
-  }, items && items.map((item, i) => {
-    let before;
-    if (i % 2 === 0) before = true;else before = false;
-    let circlePos;
-
-    if (items.length - 1 > 0) {
-      if (i === 0) circlePos = 'first-circle';else if (i === items.length - 1) circlePos = 'last-circle';else circlePos = "circle";
-    }
-
-    let verticalCircleStylesBefore;
-
-    if (circlePos === 'circle' && isSm) {
-      verticalCircleStylesBefore = circleVerticalCollapseBefore;
-    } else if (circlePos === 'circle' && !isSm) {
-      verticalCircleStylesBefore = circleVerticalBefore;
-    } else if (circlePos === 'last-circle' && isSm) {
-      verticalCircleStylesBefore = lastCircleVerticalCollapseBefore;
-    } else if (circlePos === 'last-circle' && !isSm) {
-      verticalCircleStylesBefore = lastCircleVerticalBefore;
-    }
-
-    let verticalCircleStylesAfter;
-
-    if (circlePos === 'circle' && isSm) {
-      verticalCircleStylesAfter = circleVerticalCollapseAfter;
-    } else if (circlePos === 'circle' && !isSm) {
-      verticalCircleStylesAfter = circleVerticalAfter;
-    } else if (circlePos === 'first-circle' && isSm) {
-      verticalCircleStylesAfter = firstCircleVerticalCollapseAfter;
-    } else if (circlePos === 'first-circle' && !isSm) {
-      verticalCircleStylesAfter = firstCircleVerticalAfter;
-    }
-
-    if (isHorizontal) {
-      return /*#__PURE__*/_react.default.createElement(_Column.default, {
-        key: "horizontal_col_".concat(i + 0),
-        columnProps: {
-          id: 'timeline-item',
-          classes: "".concat(liClasses, " py-4 mb-8")
-        }
-      }, /*#__PURE__*/_react.default.createElement(_Row.default, {
-        rowProps: {
-          classes: horizontalComponentClasses
-        }
-      }, before && item.component), /*#__PURE__*/_react.default.createElement(_Row.default, null, useImages ? /*#__PURE__*/_react.default.createElement("div", {
-        id: circlePos,
-        className: isHorizontal ? 'horizontal py-0 my-0' : 'vertical'
-      }, /*#__PURE__*/_react.default.createElement(_Image.default, {
-        imageProps: _objectSpread({}, item.centerImageProps)
-      })) : /*#__PURE__*/_react.default.createElement("p", {
-        id: circlePos,
-        className: circle
-      })), /*#__PURE__*/_react.default.createElement(_Row.default, {
-        rowProps: {
-          classes: horizontalComponentClasses
-        }
-      }, !before && item.component));
-    } else {
-      return /*#__PURE__*/_react.default.createElement(_Row.default, {
-        key: "vertical_row_".concat(i + 0),
-        rowProps: {
-          id: 'timeline-item',
-          classes: "".concat(liClasses, " py-4")
-        }
-      }, !isSm && /*#__PURE__*/_react.default.createElement(_Column.default, {
-        columnProps: {
-          sm: 5,
-          classes: 'text-center my-auto'
-        }
-      }, before && item.component), /*#__PURE__*/_react.default.createElement(_Column.default, {
-        columnProps: {
-          sm: 2,
-          id: 'circle-wrapper',
-          classes: 'my-auto'
-        }
-      }, useImages ? /*#__PURE__*/_react.default.createElement("div", {
-        id: circlePos,
-        className: isSm ? 'vertical collapse' : 'vertical'
-      }, /*#__PURE__*/_react.default.createElement("span", {
-        style: verticalCircleStylesBefore
-      }), /*#__PURE__*/_react.default.createElement(_Image.default, {
-        imageProps: _objectSpread({}, item.centerImageProps)
-      }), /*#__PURE__*/_react.default.createElement("span", {
-        style: verticalCircleStylesAfter
-      })) : /*#__PURE__*/_react.default.createElement("p", {
-        id: circlePos,
-        className: circle
-      })), isSm && /*#__PURE__*/_react.default.createElement(_Column.default, {
-        columnProps: {
-          sm: 10,
-          classes: 'text-center my-auto'
-        }
-      }, item.component), !isSm && /*#__PURE__*/_react.default.createElement(_Column.default, {
-        columnProps: {
-          sm: 5,
-          classes: 'text-center my-auto'
-        }
-      }, !before && item.component));
-    }
-  })));
-};
-
-var _default = Timeline;
-exports.default = _default;

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

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/lib/components/Tubestops/index.css"],"names":[],"mappings":"AAAA,aAAa;AAEX;;EAAA,kBAAe;;EACf,cAAY;;EAEZ,WAAW;EACX,UAAU;EACV,YAAY;EACZ,SAAS;EACT;AAPe;;AAWf;;EAAA,kBAAe;;EACf,cAAY;;EAEZ,WAAW;EACX,UAAU;EACV,YAAY;EACZ,SAAS;EACT;AAPe;;AAUjB,YAAY;AAEV;;EAAA,kBAAe;;EACf,cAAY;;EAEZ,WAAW;EACX,UAAU;EACV,YAAY;EACZ,UAAU;EACV;AAPe;;AAWf;;EAAA,kBAAe;;EACf,cAAY;;EAEZ,WAAW;EACX,UAAU;EACV,YAAY;EACZ,UAAU;EACV;AAPe;;AAUjB,eAAe;AAEb;;EAAA,kBAAe;;EACf,cAAY;;EAEZ,WAAW;EACX,WAAW;EACX,WAAW;EACX,UAAU;EACV;AAPe;;AAYf;;;EAAA,kBAAe;;EACf,cAAY;;EAEZ,WAAW;EACX,WAAW;EACX,WAAW;EACX,WAAW;EACX;AAPe;;AAUjB,UAAU;AAER;EAMA,UAAU;EACV,WAAW;EAIX,kBAAe;EACf,cAAY;;EAEZ,WAAW;EACX,WAAW;EACX,WAAW;EACX,WAAW;EACX;AAlBe","file":"index.css","sourcesContent":["/* Vertical */\n.tubestop.flex-col.none-reverse .status-flow-item:not(:first-child):before {\n  @apply absolute;\n  @apply block;\n  \n  content: \"\";\n  width: 1px;\n  height: 100%;\n  left: 7px;\n  top: -100%;\n}\n\n.tubestop.flex-col.none-reverse .status-flow-item:not(:last-child):after {\n  @apply absolute;\n  @apply block;\n \n  content: \"\";\n  width: 1px;\n  height: 100%;\n  left: 7px;\n  top: 40%;\n}\n\n/* reverse */\n.tubestop.flex-col.reverse .status-flow-item:not(:first-child):before {\n  @apply absolute;\n  @apply block;\n\n  content: \"\";\n  width: 1px;\n  height: 100%;\n  right: 7px;\n  top: -100%;\n}\n\n.tubestop.flex-col.reverse .status-flow-item:not(:last-child):after {\n  @apply absolute;\n  @apply block;\n\n  content: \"\";\n  width: 1px;\n  height: 100%;\n  right: 7px;\n  top: 40%;\n}\n\n/* Horizontal */\n.tubestop.flex-row.none-reverse .status-flow-item:not(:first-child):after {\n  @apply absolute;\n  @apply block;\n\n  content: \"\";\n  width: 100%;\n  height: 1px;\n  left: -50%;\n  bottom: 7px;\n}\n\n.tubestop.flex-row-reverse.none-reverse\n  .status-flow-item:not(:first-child):after {\n  @apply absolute;\n  @apply block;\n\n  content: \"\";\n  width: 100%;\n  height: 1px;\n  right: -50%;\n  top: 7px;\n}\n\n/*reverse*/\n.tubestop.flex-row.reverse .status-flow-item:not(:first-child):after {\n  @apply absolute;\n  @apply block;\n\n  content: \"\";\n  width: 100%;\n  height: 1px;\n  left: -50%;\n  bottom: 7px;\n}\n\n.tubestop.flex-row.reverse .status-flow-item:not(:first-child):after {\n  @apply absolute;\n  @apply block;\n\n  content: \"\";\n  width: 100%;\n  height: 1px;\n  right: -50%;\n  top: 7px;\n}\n"]}