@codeits/react-codeits-rrhh-lib 0.0.1-master

package/dist/index.modern.js

@@ -0,0 +1,816 @@
+import React, { useState, useEffect } from 'react';
+import { DynamicGraphQL, UserImage, ImageUpload, Configure, ApiRequest, GraphQLRequest } from '@codeits/react-codeits-lib';
+import { Form, Select, Input, Tag } from 'antd';
+import { useTranslation } from 'react-i18next';
+
+var Uid = function Uid(_ref) {
+  var formData = _ref.formData,
+    comp_key = _ref.comp_key;
+  var type_uid = [{
+    id: 'rut',
+    name: 'Rut'
+  }, {
+    id: 'pasaporte',
+    name: 'Pasaporte'
+  }, {
+    id: 'dni',
+    name: 'DNI'
+  }, {
+    id: 'other',
+    name: 'Otro'
+  }];
+  var _useState = useState(''),
+    selectedType = _useState[0],
+    setSelectedType = _useState[1];
+  useEffect(function () {
+    console.log('formData Uid', formData);
+    if (formData && formData.person && formData.person.type_uid) {
+      setSelectedType(formData.person.type_uid);
+    }
+  }, [formData]);
+  var handleTypeChange = function handleTypeChange(value) {
+    setSelectedType(value);
+  };
+  var validateUID = function validateUID(rule, value) {
+    if (!value) {
+      return Promise.reject('El identificador es requerido');
+    }
+    switch (selectedType) {
+      case 'rut':
+        if (!validateRUT(value)) {
+          return Promise.reject('El RUT no es válido, debe tener el formato 12345678-9');
+        }
+        break;
+      case 'pasaporte':
+        if (!/^[A-Z0-9]+$/.test(value)) {
+          return Promise.reject('El pasaporte solo debe contener letras y números');
+        }
+        break;
+      case 'dni':
+        if (!/^\d{8}$/.test(value)) {
+          return Promise.reject('El DNI debe tener 8 dígitos numéricos');
+        }
+        break;
+    }
+    return Promise.resolve();
+  };
+  var validateRUT = function validateRUT(rut) {
+    var regex = /^[0-9]+-[0-9kK]{1}$/;
+    return regex.test(rut);
+  };
+  return /*#__PURE__*/React.createElement("div", {
+    className: "flex flex-col gap-2"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "flex flex-row gap-2"
+  }, /*#__PURE__*/React.createElement(Form.Item, {
+    name: ['user', 'person', 'type_uid'],
+    label: "Tipo de Identificador",
+    required: true,
+    key: "opt_type_uid_" + comp_key,
+    className: "w-[50%]"
+  }, /*#__PURE__*/React.createElement(Select, {
+    className: "m-0 w-[100%]",
+    onChange: handleTypeChange
+  }, type_uid === null || type_uid === void 0 ? void 0 : type_uid.map(function (option, index) {
+    return /*#__PURE__*/React.createElement(Select.Option, {
+      key: "opt_organization_id_" + index,
+      value: option.id
+    }, option.name);
+  }))), /*#__PURE__*/React.createElement(Form.Item, {
+    name: ['user', 'person', 'uid'],
+    label: "Identificador",
+    required: true,
+    key: "opt_uid_" + comp_key,
+    className: "w-[50%]",
+    rules: [{
+      validator: validateUID
+    }]
+  }, /*#__PURE__*/React.createElement(Input, {
+    type: "text",
+    placeholder: "Identificador"
+  }))));
+};
+
+var ComponentCargoDependecy = function ComponentCargoDependecy(props) {
+  console.log("ComponentCargoDependecy", props.form.getFieldsValue());
+  var formData = props.form.getFieldsValue();
+  var _React$useState = React.useState([]),
+    cargosDependency = _React$useState[0],
+    setCargosDependency = _React$useState[1];
+  var _React$useState2 = React.useState([]),
+    usersCargoDependency = _React$useState2[0],
+    setUsersCargoDependency = _React$useState2[1];
+  var _useTranslation = useTranslation(),
+    t = _useTranslation.t;
+  var loadCargos = function loadCargos() {
+    var modelName = "Cargo";
+    var select_fields = ["key", "id", "dependency_cargo_id"];
+    var filter = {
+      id: formData.cargo_id
+    };
+    DynamicGraphQL.all(modelName, select_fields, filter).then(function (data) {
+      console.log("cargo_id_dependency data", data);
+      DynamicGraphQL.all("Cargo", ["id", "name"], {
+        id: data[0].dependency_cargo_id
+      }).then(function (data) {
+        console.log("cargosDependency data", data);
+        setCargosDependency(data);
+      });
+    });
+  };
+  var onChangeCargoDependency = function onChangeCargoDependency(value) {
+    console.log("onChangeCargoDependency", value);
+    var modelName = "UserAreaCargoRel";
+    var select_fields = ["id", "user { id, email, person { id, name, lastname } }"];
+    var filter = {
+      cargo_id: value
+    };
+    DynamicGraphQL.all(modelName, select_fields, filter).then(function (data) {
+      console.log("usersCargoDependency data", data);
+      var users = data.map(function (userRel) {
+        return {
+          id: userRel.id,
+          name: userRel.user.person.name + " " + userRel.user.person.lastname
+        };
+      });
+      setUsersCargoDependency(users);
+    });
+  };
+  useEffect(function () {
+    loadCargos();
+    if (props.formData.cargo_id_dependency) {
+      onChangeCargoDependency(props.formData.cargo_id_dependency);
+    }
+  }, [props.formData]);
+  useEffect(function () {
+    loadCargos();
+    if (props.formData.cargo_id_dependency) {
+      onChangeCargoDependency(props.formData.cargo_id_dependency);
+    }
+  }, []);
+  return /*#__PURE__*/React.createElement("div", null, formData.has_dependency && /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Form.Item, {
+    label: t("schema.userRel.form.cargo_dependency"),
+    name: "cargo_id_dependency",
+    labelAlign: "left",
+    rules: [{
+      required: true
+    }]
+  }, /*#__PURE__*/React.createElement(Select, {
+    onChange: onChangeCargoDependency,
+    fieldNames: {
+      label: "name",
+      value: "id"
+    },
+    options: cargosDependency
+  })), /*#__PURE__*/React.createElement(Form.Item, {
+    label: t("schema.userRel.form.user_dependency"),
+    name: "user_id_dependency",
+    labelAlign: "left",
+    rules: [{
+      required: true
+    }]
+  }, /*#__PURE__*/React.createElement(Select, {
+    fieldNames: {
+      label: "name",
+      value: "id"
+    },
+    options: usersCargoDependency
+  }))));
+};
+
+var handleKeyPress = function handleKeyPress(e) {
+  console.log(e.key);
+  console.log(e.target.value);
+  var regex = /^[a-zA-Z\s]*$/;
+  if (!regex.test(e.key)) {
+    e.preventDefault();
+  }
+  console.log(regex.test(e.key));
+};
+var UserAreaCargoRel = function UserAreaCargoRel() {};
+UserAreaCargoRel.messageMap = {};
+UserAreaCargoRel.schema = {
+  model: 'UserAreaCargoRel',
+  listTableTitle: 'translate:schema.userRel.list.title',
+  editFormTitle: 'translate:schema.userRel.form.title',
+  fields: [{
+    field: 'key'
+  }, {
+    field: 'id',
+    title: 'ID',
+    listTable: false,
+    editForm: {
+      type: 'hidden'
+    }
+  }, {
+    field: 'user.id',
+    title: 'ID',
+    listTable: false,
+    editForm: {
+      type: 'hidden'
+    }
+  }, {
+    field: 'user.photo',
+    title: 'translate:schema.userRel.form.photo',
+    listTable: {
+      render: function render(text, item) {
+        return /*#__PURE__*/React.createElement(UserImage, {
+          person: item
+        });
+      }
+    },
+    editForm: {
+      component: ImageUpload,
+      disabledIf: function disabledIf(data, action) {
+        console.log('action:' + action);
+        return action !== 'create' && action !== 'update';
+      }
+    }
+  }, {
+    field: 'user.person.id',
+    listTable: false,
+    editForm: {
+      type: 'hidden'
+    }
+  }, {
+    field: 'user.person.name',
+    title: 'translate:schema.userRel.form.name',
+    listTable: true,
+    editForm: {
+      type: 'text',
+      required: true,
+      filter: true,
+      props: {
+        onKeyDown: handleKeyPress,
+        maxLength: 25
+      }
+    }
+  }, {
+    field: 'user.person.lastname',
+    title: 'translate:schema.userRel.form.lastname',
+    listTable: true,
+    editForm: {
+      type: 'text',
+      required: true,
+      filter: true,
+      props: {
+        onKeyDown: handleKeyPress,
+        maxLength: 25
+      }
+    }
+  }, {
+    field: 'user.email',
+    title: 'translate:schema.userRel.form.email',
+    listTable: true,
+    editForm: {
+      type: 'text',
+      disabledIf: function disabledIf(data, action) {
+        console.log('action:' + action);
+        return action !== 'create' && action !== 'filter';
+      },
+      required: true,
+      filter: true,
+      pattern: /^[a-zA-Z0-9_]+([.][a-zA-Z0-9_]+)*@[a-zA-Z0-9_]+([.][a-zA-Z0-9_]+)*[.][a-zA-Z]{2,5}$/,
+      pattern_message: 'Formato incorrecto',
+      props: {}
+    }
+  }, {
+    field: 'user.person.type_uid',
+    listTable: false,
+    editForm: {
+      type: 'hidden'
+    }
+  }, {
+    field: 'user.person.uid',
+    title: 'translate:schema.userRel.form.uid',
+    listTable: true,
+    editForm: {
+      type: 'formItem',
+      dataProviderComp: Uid,
+      required: true,
+      filter: true
+    }
+  }, {
+    field: 'user.code_sso',
+    title: 'translate:schema.userRel.form.code_sso',
+    listTable: true,
+    editForm: {
+      type: 'text'
+    }
+  }, {
+    field: 'user.person.birthdate',
+    title: 'translate:schema.userRel.form.birthdate',
+    listTable: true,
+    editForm: {
+      type: 'date'
+    }
+  }, {
+    field: 'user.organization.profiles',
+    title: 'translate:schema.userRel.form.profiles',
+    listTable: false,
+    editForm: {
+      type: 'select',
+      label: 'name',
+      field: 'id',
+      required: true,
+      ignoreIf: function ignoreIf(data, action) {
+        console.log('Schema User', data, action);
+        var userProfile = Configure.env.useProfile ? Configure.env.useProfile : true;
+        if (userProfile === undefined || userProfile === true) {
+          return false;
+        } else {
+          return true;
+        }
+      },
+      props: {
+        mode: 'multiple'
+      }
+    },
+    dataProvider: {
+      model: 'OrganizationProfile',
+      select_fields: 'id,name'
+    }
+  }, {
+    field: 'user.organization.user_id'
+  }, {
+    field: 'user.organization.organization_id'
+  }, {
+    field: 'has_cargo',
+    title: 'translate:schema.userRel.form.has_cargo',
+    listTable: false,
+    editForm: {
+      type: 'switch',
+      props: function props(e) {
+        return {
+          checkedChildren: e.t('schema.form.switch.yes'),
+          unCheckedChildren: e.t('schema.form.switch.no')
+        };
+      }
+    }
+  }, {
+    field: 'area_id',
+    title: 'translate:schema.userRel.form.area',
+    listTable: false,
+    editForm: {
+      type: 'select',
+      label: 'name',
+      field: 'id',
+      required: true,
+      render: function render(area) {
+        return area === null || area === void 0 ? void 0 : area.name;
+      },
+      ignoreIf: function ignoreIf(data, action) {
+        return !data.has_cargo;
+      }
+    },
+    dataProvider: {
+      model: 'Area',
+      select_fields: 'key,id,name'
+    }
+  }, {
+    field: 'area.id'
+  }, {
+    field: 'area.name',
+    title: 'translate:schema.userRel.form.area',
+    listTable: {
+      render: function render(value, record) {
+        return record.area ? record.area.name : '--';
+      }
+    }
+  }, {
+    field: 'cargo_id',
+    title: 'translate:schema.userRel.form.cargo',
+    listTable: false,
+    editForm: {
+      type: 'select',
+      label: 'name',
+      field: 'id',
+      required: true,
+      render: function render(cargo) {
+        return cargo === null || cargo === void 0 ? void 0 : cargo.name;
+      },
+      ignoreIf: function ignoreIf(data, action) {
+        return !data.has_cargo;
+      }
+    },
+    dataProvider: {
+      model: 'Cargo',
+      select_fields: 'key,id,name,area_id,has_dependency,dependency_area_id,dependency_cargo_id',
+      filter: {
+        trigger: ['area_id'],
+        builder: function builder(formData, name, field, triggerField) {
+          if (!formData || !formData.area_id) {
+            return {
+              area_id: -1
+            };
+          }
+          return {
+            area_id: formData.area_id
+          };
+        }
+      }
+    }
+  }, {
+    field: 'cargo.id'
+  }, {
+    field: 'cargo.name',
+    title: 'translate:schema.userRel.form.cargo',
+    listTable: {
+      render: function render(value, record) {
+        return record.cargo ? record.cargo.name : '--';
+      }
+    }
+  }, {
+    field: 'cargo.has_dependency'
+  }, {
+    field: 'has_dependency',
+    title: 'translate:schema.userRel.form.has_dependency',
+    listTable: false,
+    editForm: {
+      type: 'switch',
+      ignoreIf: function ignoreIf(data, action) {
+        return !data.has_cargo;
+      },
+      props: function props(e) {
+        return {
+          checkedChildren: e.t('schema.form.switch.yes'),
+          unCheckedChildren: e.t('schema.form.switch.no')
+        };
+      }
+    }
+  }, {
+    field: 'cargo.dependency_area.id'
+  }, {
+    field: 'cargo.dependency_area.name'
+  }, {
+    field: 'cargo.dependency_area.id'
+  }, {
+    field: 'cargo.dependency_area.name'
+  }, {
+    field: 'cargo.dependency_cargo.id'
+  }, {
+    field: "cargo_id_dependency",
+    listTable: false,
+    editForm: {
+      type: "formItem",
+      component: ComponentCargoDependecy
+    }
+  }, {
+    field: 'user_id_dependency'
+  }, {
+    field: 'user.active',
+    title: 'translate:schema.userRel.form.user',
+    listTable: {
+      render: function render(value, record) {
+        return value ? /*#__PURE__*/React.createElement(Tag, {
+          color: "yellow"
+        }, "Validado") : /*#__PURE__*/React.createElement(Tag, {
+          color: "magenta"
+        }, "Sin Validar");
+      }
+    },
+    editForm: {
+      type: 'select',
+      "default": true,
+      ignoreIf: function ignoreIf(data, action) {
+        return action !== 'update' && action !== 'filter';
+      },
+      filter: false,
+      props: {
+        options: [{
+          label: /*#__PURE__*/React.createElement(Tag, {
+            color: "yellow",
+            className: "w-[160px] text-center"
+          }, "Validado"),
+          value: true
+        }, {
+          label: /*#__PURE__*/React.createElement(Tag, {
+            color: "magenta",
+            className: "w-[160px] text-center"
+          }, "Sin Validar"),
+          value: false
+        }]
+      }
+    }
+  }, {
+    field: 'user.blocked',
+    title: 'translate:schema.userRel.form.blocked',
+    listTable: {
+      render: function render(value) {
+        return value ? /*#__PURE__*/React.createElement(Tag, {
+          color: "red"
+        }, "Bloqueado") : /*#__PURE__*/React.createElement(Tag, {
+          color: "green"
+        }, "Activo");
+      }
+    },
+    editForm: {
+      type: 'select',
+      "default": false,
+      ignoreIf: function ignoreIf(data, action) {
+        return action !== 'update';
+      },
+      filter: true,
+      props: {
+        options: [{
+          label: /*#__PURE__*/React.createElement(Tag, {
+            color: "green",
+            className: "w-[160px] text-center"
+          }, "Activo"),
+          value: false
+        }, {
+          label: /*#__PURE__*/React.createElement(Tag, {
+            color: "red",
+            className: "w-[160px] text-center"
+          }, "Bloqueado"),
+          value: true
+        }]
+      }
+    }
+  }]
+};
+
+function _toPrimitive(t, r) {
+  if ("object" != typeof t || !t) return t;
+  var e = t[Symbol.toPrimitive];
+  if (void 0 !== e) {
+    var i = e.call(t, r || "default");
+    if ("object" != typeof i) return i;
+    throw new TypeError("@@toPrimitive must return a primitive value.");
+  }
+  return ("string" === r ? String : Number)(t);
+}
+function _toPropertyKey(t) {
+  var i = _toPrimitive(t, "string");
+  return "symbol" == typeof i ? i : i + "";
+}
+function _defineProperties(target, props) {
+  for (var i = 0; i < props.length; i++) {
+    var descriptor = props[i];
+    descriptor.enumerable = descriptor.enumerable || false;
+    descriptor.configurable = true;
+    if ("value" in descriptor) descriptor.writable = true;
+    Object.defineProperty(target, _toPropertyKey(descriptor.key), descriptor);
+  }
+}
+function _createClass(Constructor, protoProps, staticProps) {
+  if (protoProps) _defineProperties(Constructor.prototype, protoProps);
+  if (staticProps) _defineProperties(Constructor, staticProps);
+  Object.defineProperty(Constructor, "prototype", {
+    writable: false
+  });
+  return Constructor;
+}
+
+var Area = /*#__PURE__*/function () {
+  function Area() {}
+  return _createClass(Area, null, [{
+    key: "schema",
+    get: function get() {
+      return {
+        model: 'Area',
+        paginable: true,
+        listTableTitle: 'translate:schema.area.list.title',
+        editFormTitle: 'translate:schema.area.form.title',
+        fields: [{
+          field: 'key'
+        }, {
+          field: 'id',
+          title: 'ID',
+          listTable: true,
+          editForm: {
+            type: 'hidden'
+          }
+        }, {
+          field: 'name',
+          title: 'translate:schema.common.name',
+          listTable: true,
+          editForm: {
+            type: 'text',
+            filter: true,
+            required: true
+          }
+        }, {
+          field: 'description',
+          title: 'translate:schema.area.list.description',
+          listTable: false,
+          editForm: {
+            type: 'textarea',
+            filter: false
+          }
+        }, {
+          field: 'parent_area_id',
+          title: 'translate:schema.area.parent_area',
+          listTable: {
+            render: function render(value, record) {
+              return record.parent_area_id ? record.parent_area.name : '-';
+            }
+          },
+          editForm: {
+            type: 'select',
+            label: 'name',
+            field: 'id',
+            filter: true
+          },
+          dataProvider: {
+            model: 'Area',
+            select_fields: 'key,id,name'
+          }
+        }, {
+          field: 'parent_area.id'
+        }, {
+          field: 'parent_area.name'
+        }, {
+          field: 'updated_at',
+          title: 'translate:schema.common.updated_at',
+          listTable: {
+            render: function render(value) {
+              return new Date(value).toLocaleString();
+            }
+          },
+          editForm: {
+            type: 'hidden'
+          },
+          excludeSET: true
+        }]
+      };
+    }
+  }]);
+}();
+Area.messageMap = {};
+
+var Cargo = /*#__PURE__*/function () {
+  function Cargo() {}
+  return _createClass(Cargo, null, [{
+    key: "schema",
+    get: function get() {
+      return {
+        model: 'Cargo',
+        paginable: true,
+        listTableTitle: 'translate:schema.cargo.list.title',
+        editFormTitle: 'translate:schema.cargo.form.title',
+        fields: [{
+          field: 'key'
+        }, {
+          field: 'id',
+          title: 'ID',
+          listTable: true,
+          editForm: {
+            type: 'hidden'
+          }
+        }, {
+          field: 'name',
+          title: 'translate:schema.common.name',
+          listTable: true,
+          editForm: {
+            type: 'text',
+            filter: true,
+            required: true
+          }
+        }, {
+          field: 'area_id',
+          title: 'translate:schema.cargo.area',
+          listTable: {
+            render: function render(value, record) {
+              return record.area_id ? record.area.name : '-';
+            }
+          },
+          editForm: {
+            type: 'select',
+            label: 'name',
+            field: 'id',
+            filter: true,
+            required: true
+          },
+          dataProvider: {
+            model: 'Area',
+            select_fields: 'key,id,name'
+          }
+        }, {
+          field: 'area.id'
+        }, {
+          field: 'area.name'
+        }, {
+          field: 'has_dependency',
+          title: 'translate:schema.cargo.has_dependency',
+          listTable: false,
+          editForm: {
+            type: 'switch',
+            props: function props(e) {
+              return {
+                checkedChildren: e.t('schema.form.switch.yes'),
+                unCheckedChildren: e.t('schema.form.switch.no')
+              };
+            }
+          }
+        }, {
+          field: 'dependency_area_id',
+          title: 'translate:schema.cargo.dependency_area',
+          listTable: {
+            render: function render(value, record) {
+              return record.dependency_area_id ? record.dependency_area.name : '-';
+            }
+          },
+          editForm: {
+            type: 'select',
+            label: 'name',
+            field: 'id',
+            filter: false,
+            required: true,
+            ignoreIf: function ignoreIf(formData) {
+              return !formData.has_dependency;
+            }
+          },
+          dataProvider: {
+            model: 'Area',
+            select_fields: 'key,id,name'
+          }
+        }, {
+          field: 'dependency_area.id'
+        }, {
+          field: 'dependency_area.name'
+        }, {
+          field: 'dependency_cargo_id',
+          title: 'translate:schema.cargo.dependency_cargo',
+          listTable: {
+            render: function render(value, record) {
+              return record.dependency_cargo_id ? record.dependency_cargo.name : '-';
+            }
+          },
+          editForm: {
+            type: 'select',
+            label: 'name',
+            field: 'id',
+            filter: false,
+            required: true,
+            ignoreIf: function ignoreIf(formData) {
+              return !formData.has_dependency;
+            }
+          },
+          dataProvider: {
+            model: 'Cargo',
+            select_fields: 'key,id,name',
+            filter: {
+              trigger: ['dependency_area_id'],
+              builder: function builder(formData, name, field, triggerField) {
+                if (formData && formData.dependency_area_id) {
+                  return {
+                    area_id: formData.dependency_area_id
+                  };
+                } else {
+                  return {};
+                }
+              }
+            }
+          }
+        }, {
+          field: 'dependency_cargo.id'
+        }, {
+          field: 'dependency_cargo.name'
+        }, {
+          field: 'updated_at',
+          title: 'translate:schema.common.updated_at',
+          listTable: {
+            render: function render(value) {
+              return new Date(value).toLocaleString();
+            }
+          },
+          editForm: {
+            type: 'hidden'
+          },
+          excludeSET: true
+        }]
+      };
+    }
+  }]);
+}();
+Cargo.messageMap = {};
+
+var TestService = /*#__PURE__*/function () {
+  function TestService() {}
+  TestService.login = function login(values) {
+    return ApiRequest.post(Configure.env.auth.login, values, null, 5000);
+  };
+  return TestService;
+}();
+
+var TestGQL = /*#__PURE__*/function () {
+  function TestGQL() {}
+  TestGQL.app_module_update = function app_module_update(item) {
+    return GraphQLRequest.fetch({
+      url: Configure.env.graphql,
+      params: {
+        update: item
+      },
+      query: "\n\t\t\t\tmutation app_module_update{\n\t\t\t\t\tapp_module_update($params){\n\t\t\t\t\t  output{\n\t\t\t\t\t\tid\n\t\t\t\t\t  }\n\t\t\t\t\t}\n\t\t\t\t  }\n\t\t\t\t"
+    }).then(function (r) {
+      return r.data.app_module_update;
+    })["catch"](function (err) {
+      return console.log(err);
+    });
+  };
+  return TestGQL;
+}();
+
+export { Area, Cargo, TestGQL, TestService, UserAreaCargoRel };
+//# sourceMappingURL=index.modern.js.map