contentoh-components-library 21.4.124 → 21.4.126

package/dist/components/organisms/DragAndDropPhases/styles.js

@@ -0,0 +1,24 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Header = exports.Container = void 0;
+
+var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/taggedTemplateLiteral"));
+
+var _styledComponents = _interopRequireDefault(require("styled-components"));
+
+var _variables = require("../../../global-files/variables");
+
+var _templateObject, _templateObject2;
+
+var Container = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\ndisplay:flex;\nflex-direction: column;\ngap:20px;\nwidth:100%;\nul{\n  display:flex;\n  flex-direction:column;\n  width:100%;\n  gap:10px;\n}\n  .item{\n    display:flex;\n    width:100%;\n  }\n  .drag{\n    width:100%;\n  }\n  .container-input-name{\n    p{\n      font-family: ", ", sans-serif;\n      font-size: 12px;\n      font-weight: 400;\n      line-height: 14px;\n      letter-spacing: 0em;\n      text-align: left;\n      color: ", ";\n      margin-bottom:15px;\n    }\n    .input-phases{\n      width:100%;\n      height: 30px;\n      padding: 8px 10px;\n      border-radius: 5px;\n      border: 1px solid ", ";\n      ::placeholder {\n        font-family: ", ", sans-serif;\n        font-size: 12px;\n        font-weight: 400;\n        line-height: 14px;\n        letter-spacing: 0em;\n        text-align: left;\n        color: #CBCBCB;\n      }\n    }\n  }\n  .modal-add-phase {\n    .contentModal{\n      min-width:310px;\n    }\n    header .label-title{\n      text-align: left;\n    }\n    .container-buttons{\n      justify-content: flex-end;\n    }\n  }\n  .no-phases-container {\n    display: flex;\n    flex-direction:column;\n    gap:10px;\n    align-items: center;\n    border-radius:10px;\n    border:1px solid ", ";\n    padding:10px 15px;\n    font-family:", ", sans-serif;\n    font-size:12px;\n  }\n"])), _variables.FontFamily.RobotoRegular, _variables.GlobalColors.gray, _variables.GlobalColors.gray_light, _variables.FontFamily.RobotoRegular, _variables.GlobalColors.gray_light, _variables.FontFamily.Roboto);
+
+exports.Container = Container;
+
+var Header = _styledComponents.default.div(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  width:100%;\n  display: flex;\n  justify-content: space-between;\n  margin-top:10px;\n  .button-phase {\n    cursor: pointer;\n    padding: 9px 18px;\n    background-color: #ffffff;\n    border-radius: 30px;\n    font-family: RobotoMedium, sans-serif;\n    font-style: normal;\n    font-weight: 500;\n    font-size: 12px;\n    line-height: 14px;\n    border: none;\n    color: #e33aa9;\n    border:1px solid #e33aa9;\n  }\n  .button-save {\n    cursor: pointer;\n    font-family: RobotoMedium, sans-serif;\n    font-style: normal;\n    font-weight: 500;\n    border: none;\n    button{\n      padding: 9px 18px;\n    }\n  }\n  .modal-save{\n    width:20%;\n    background:transparent;\n  }\n"])));
+
+exports.Header = Header;

package/dist/components/organisms/DragPrueba/DragPrueba.stories.js

@@ -0,0 +1,28 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.DragPruebaDefault = void 0;
+
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
+
+var _index = require("./index");
+
+var _jsxRuntime = require("react/jsx-runtime");
+
+var _default = {
+  title: "Components/organisms/DragPrueba",
+  component: _index.DragPrueba
+};
+exports.default = _default;
+
+var Template = function Template(args) {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.DragPrueba, (0, _objectSpread2.default)({}, args));
+};
+
+var DragPruebaDefault = Template.bind({});
+exports.DragPruebaDefault = DragPruebaDefault;
+DragPruebaDefault.args = {};

package/dist/components/organisms/DragPrueba/index.js

@@ -0,0 +1,95 @@
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.DragPrueba = void 0;
+
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/slicedToArray"));
+
+var _objectDestructuringEmpty2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectDestructuringEmpty"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _styles = require("./styles");
+
+var _variables = require("../../../global-files/variables");
+
+var _ServiceDataValidator = require("../../molecules/ServiceDataValidator");
+
+var _GeneralButton = require("../../atoms/GeneralButton");
+
+var _uiReact = require("@aws-amplify/ui-react");
+
+var _jsxRuntime = require("react/jsx-runtime");
+
+var DragPrueba = function DragPrueba(_ref) {
+  (0, _objectDestructuringEmpty2.default)(_ref);
+
+  var _useState = (0, _react.useState)(["🍰 Cake", "🍩 Donut", "🍎 Apple", "🍕 Pizza"]),
+      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+      items = _useState2[0],
+      setItems = _useState2[1];
+
+  var _useState3 = (0, _react.useState)(null),
+      _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
+      draggedItem = _useState4[0],
+      setDraggedItem = _useState4[1];
+
+  var _onDragStart = function onDragStart(e, idx) {
+    e.dataTransfer.effectAllowed = "move";
+    e.dataTransfer.setData("text/html", e.target.parentNode);
+    e.dataTransfer.setDragImage(e.target.parentNode, 20, 20);
+    setDraggedItem(items[idx]);
+  };
+
+  var _onDragOver = function onDragOver(index) {
+    if (!draggedItem) {
+      return;
+    }
+
+    if (draggedItem === items[index]) {
+      return;
+    }
+
+    var updatedItems = items.filter(function (item) {
+      return item !== draggedItem;
+    });
+    updatedItems.splice(index, 0, draggedItem);
+    setItems(updatedItems);
+  };
+
+  var onDragEnd = function onDragEnd() {
+    setDraggedItem(null);
+  };
+
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.Container, {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("h3", {
+      children: "List of items"
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)("ul", {
+      children: items.map(function (item, idx) {
+        return /*#__PURE__*/(0, _jsxRuntime.jsxs)("li", {
+          className: "item",
+          onDragOver: function onDragOver() {
+            return _onDragOver(idx);
+          },
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+            className: "drag",
+            draggable: true,
+            onDragStart: function onDragStart(e) {
+              return _onDragStart(e, idx);
+            },
+            onDragEnd: onDragEnd,
+            children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_uiReact.IconInfo, {})
+          }), item]
+        }, item);
+      })
+    })]
+  });
+};
+
+exports.DragPrueba = DragPrueba;

package/dist/components/organisms/DragPrueba/styles.js

@@ -0,0 +1,20 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Container = void 0;
+
+var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/taggedTemplateLiteral"));
+
+var _styledComponents = _interopRequireDefault(require("styled-components"));
+
+var _variables = require("../../../global-files/variables");
+
+var _templateObject;
+
+var Container = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  .item{\n    display:flex;\n  }\n"])));
+
+exports.Container = Container;

package/dist/components/organisms/EditGroup/EditGroup.stories.js

@@ -0,0 +1,41 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.EditGroupDefault = void 0;
+
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
+
+var _index = require("./index");
+
+var _jsxRuntime = require("react/jsx-runtime");
+
+var _default = {
+  title: "Components/organisms/EditGroup",
+  component: _index.EditGroup
+};
+exports.default = _default;
+
+var Template = function Template(args) {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.EditGroup, (0, _objectSpread2.default)({}, args));
+};
+
+var EditGroupDefault = Template.bind({});
+exports.EditGroupDefault = EditGroupDefault;
+EditGroupDefault.args = {
+  show: true,
+  groups: [{
+    groupName: 'Impuestos',
+    editing: false
+  }, {
+    groupName: 'Legal',
+    editing: false
+  }, {
+    groupName: 'Datos Maestros',
+    editing: false
+  }],
+  token: "eyJraWQiOiJkQWJkZCtlclwvTlwveVRQUWNvUlVyOCtrNUd2M1hMM2N1MWUzQ09zWExVRnc9IiwiYWxnIjoiUlMyNTYifQ.eyJzdWIiOiIxZmFjNjY2Ny1hMDMzLTQ1NjAtOWU5ZC01MTQwMDc2MmI2MWYiLCJjb2duaXRvOmdyb3VwcyI6WyJ1c3VhcmlvX2NvbnRlbnRvaCJdLCJlbWFpbF92ZXJpZmllZCI6dHJ1ZSwiaXNzIjoiaHR0cHM6XC9cL2NvZ25pdG8taWRwLnVzLWVhc3QtMS5hbWF6b25hd3MuY29tXC91cy1lYXN0LTFfWE1aUWRxa0dqIiwicGhvbmVfbnVtYmVyX3ZlcmlmaWVkIjpmYWxzZSwiY29nbml0bzp1c2VybmFtZSI6IjFmYWM2NjY3LWEwMzMtNDU2MC05ZTlkLTUxNDAwNzYyYjYxZiIsImNvZ25pdG86cm9sZXMiOlsiYXJuOmF3czppYW06Ojg5ODY3MDIzMjgwNzpyb2xlXC9jb250ZW50b2gtZGV2LXVzLWVhc3QtMS1sYW1iZGFSb2xlIl0sImF1ZCI6IjVhYzh0cGdzNmdic3ExM2ZydnJwaWVlcDQwIiwiZXZlbnRfaWQiOiI4ZGIyZjdhZS01ZGFlLTQ3NDAtOGRiYS04YWYzYzQyNmIyOTkiLCJ0b2tlbl91c2UiOiJpZCIsImF1dGhfdGltZSI6MTcwMzc4Mzk0NywibmFtZSI6IlJhZGlvc2NoYWNrIE9uYm9hcmRpbmciLCJwaG9uZV9udW1iZXIiOiIrNTIxMjM0NTY3ODk4IiwiZXhwIjoxNzAzNzg3NTQ3LCJpYXQiOjE3MDM3ODM5NDcsImVtYWlsIjoicmFkaW9zaGFja2Ryb3BzaGlwQGFsbGZyZWVtYWlsLm5ldCJ9.kE0DTZhG3QNJCcVACjWQd4nm-QQKRU9n2jHwC9XtNC9H3Xz7T2F80qxcOUkaOU1IwuJLhxThzpJ9rMKS5XgyjSz_SO7nUQZFY4_vLXgmVowaV798kXRpP5uuUVPJ0b07BMjw12_k0QLeOiAfs4gP4micwedD8ItmsxfjJvv6OPir5NX0KgBjgd5OSlCafgH72yZX8SNmiCyzZkQIEO0MNLwEiIm2COgu4MwvFd73CnlJYYQa-WjCnhB35jgoc8gLpFUfBjgpMUSNRZU2Ndzt9CNuQ6he6RwsVmteMgm0e2Fyn_viRhOsMMxbP8wDXnA9pXwZHB2P-DqXYKhC4blsVA"
+};