@sinco/react 1.2.3 → 1.2.4-rc.0

package/index.esm.js

@@ -1,11 +1,10 @@
 import * as React from 'react';
 import React__default, { Children, isValidElement, cloneElement, useState, useCallback, useEffect } from 'react';
-import { CheckCircleRounded, ErrorRounded, WarningRounded, InfoRounded, Close, KeyboardArrowDown, KeyboardArrowUp, AttachFile, UploadFileOutlined, Autorenew, CancelOutlined, DeleteOutline } from '@mui/icons-material';
+import { CheckCircleRounded, ErrorRounded, WarningRounded, InfoRounded, Close, KeyboardArrowDown, KeyboardArrowUp } from '@mui/icons-material';
 import { withEmotionCache, ThemeContext, keyframes, css } from '@emotion/react';
 import { jsx, jsxs } from 'react/jsx-runtime';
 import * as ReactDOM from 'react-dom';
 import ReactDOM__default from 'react-dom';
-import { useDropzone } from 'react-dropzone';
 
 function _arrayLikeToArray(r, a) {
   (null == a || a > r.length) && (a = r.length);
@@ -15,9 +14,6 @@ function _arrayLikeToArray(r, a) {
 function _arrayWithHoles(r) {
   if (Array.isArray(r)) return r;
 }
-function _arrayWithoutHoles(r) {
-  if (Array.isArray(r)) return _arrayLikeToArray(r);
-}
 function asyncGeneratorStep(n, t, e, r, o, a, c) {
   try {
     var i = n[a](c),
@@ -51,9 +47,6 @@ function _defineProperty(e, r, t) {
     writable: !0
   }) : e[r] = t, e;
 }
-function _iterableToArray(r) {
-  if ("undefined" != typeof Symbol && null != r[Symbol.iterator] || null != r["@@iterator"]) return Array.from(r);
-}
 function _iterableToArrayLimit(r, l) {
   var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"];
   if (null != t) {
@@ -84,9 +77,6 @@ function _iterableToArrayLimit(r, l) {
 function _nonIterableRest() {
   throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
 }
-function _nonIterableSpread() {
-  throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
-}
 function ownKeys(e, r) {
   var t = Object.keys(e);
   if (Object.getOwnPropertySymbols) {
@@ -412,9 +402,6 @@ function _regeneratorRuntime() {
 function _slicedToArray(r, e) {
   return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest();
 }
-function _toConsumableArray(r) {
-  return _arrayWithoutHoles(r) || _iterableToArray(r) || _unsupportedIterableToArray(r) || _nonIterableSpread();
-}
 function _toPrimitive(t, r) {
   if ("object" != typeof t || !t) return t;
   var e = t[Symbol.toPrimitive];
@@ -7364,6 +7351,14 @@ const styled = createStyled({
 });
 
 var components = {
+  MuiBackdrop: {
+    styleOverrides: {
+      root: {
+        backgroundColor: "#000000",
+        opacity: "28%"
+      }
+    }
+  },
   MuiSelect: {
     styleOverrides: {
       outlined: {
@@ -16834,7 +16829,7 @@ var DrawerComponent = function DrawerComponent(_ref) {
     onClose: onClose,
     sx: _objectSpread2({
       "& .MuiBackdrop-root": {
-        backgroundColor: "#F0f0f099 !important",
+        backgroundColor: "#000000 !important",
         backdropFilter: "blur(4px)"
       },
       "& .MuiDrawer-paper": _objectSpread2({
@@ -20129,253 +20124,6 @@ var UserFolder = createSvgIcon(React__default.createElement("svg", {
   fill: "#00BCD4"
 })), "UserFolder");
 
-var AdjuntarArchivo = function AdjuntarArchivo(_ref) {
-  var compact = _ref.compact,
-    sx = _ref.sx,
-    controlArchivo = _ref.controlArchivo;
-  var _useState = useState(function () {
-      var guardarArchivo = localStorage.getItem("archivos");
-      return guardarArchivo ? JSON.parse(guardarArchivo).map(function (file) {
-        return {
-          file: new File([file], file.name),
-          progress: 0,
-          loadingComplete: false
-        };
-      }) : [];
-    }),
-    _useState2 = _slicedToArray(_useState, 2),
-    archivos = _useState2[0],
-    setArchivos = _useState2[1];
-  useEffect(function () {
-    setArchivos([]);
-  }, []);
-  useEffect(function () {
-    archivos.forEach(function (archivo, index) {
-      if (archivo.progress < 100) {
-        var intervalo = setInterval(function () {
-          setArchivos(function (prevArchivos) {
-            return prevArchivos.map(function (item, idx) {
-              return idx === index ? _objectSpread2(_objectSpread2({}, item), {}, {
-                progress: Math.min(item.progress + 10, 100),
-                loadingComplete: Math.min(item.progress + 10, 100) === 100
-              }) : item;
-            });
-          });
-        }, 1000);
-        return function () {
-          return clearInterval(intervalo);
-        };
-      }
-    });
-  }, [archivos]);
-  var validarArchivoDuplicado = function validarArchivoDuplicado(file) {
-    var archivoDuplicado = archivos.some(function (archivoExistente) {
-      return archivoExistente.file.name === file.name;
-    });
-    if (archivoDuplicado) {
-      return {
-        code: "archivo-duplicado",
-        message: "No se puede elegir el mismo archivo, seleccione otro por favor"
-      };
-    }
-    return null;
-  };
-  var _useDropzone = useDropzone({
-      validator: validarArchivoDuplicado,
-      multiple: true,
-      onDrop: function onDrop(acceptedFiles) {
-        setArchivos(function (prev) {
-          var actualizarArchivos = [].concat(_toConsumableArray(prev), _toConsumableArray(acceptedFiles.map(function (file) {
-            return {
-              file: file,
-              progress: 0,
-              loadingComplete: false
-            };
-          })));
-          localStorage.setItem("archivos", JSON.stringify(actualizarArchivos.map(function (_ref2) {
-            var file = _ref2.file;
-            return file;
-          })));
-          return actualizarArchivos;
-        });
-      }
-    }),
-    getRootProps = _useDropzone.getRootProps,
-    getInputProps = _useDropzone.getInputProps;
-  var Eliminar = useCallback(function (index) {
-    setArchivos(function (prevFiles) {
-      var actualizarArchivos = prevFiles.filter(function (_, indexIteration) {
-        return indexIteration !== index;
-      });
-      localStorage.setItem("archivos", JSON.stringify(actualizarArchivos.map(function (_ref3) {
-        var file = _ref3.file;
-        return file;
-      })));
-      return actualizarArchivos;
-    });
-  }, [setArchivos]);
-  var Editar = useCallback(function (index) {
-    var input = document.createElement('input');
-    input.type = 'file';
-    input.onchange = function (event) {
-      var newFile = event.target.files[0];
-      if (newFile) {
-        setArchivos(function (prevFiles) {
-          var actualizarArchivos = prevFiles.map(function (archivo, idx) {
-            return idx === index ? _objectSpread2(_objectSpread2({}, archivo), {}, {
-              file: newFile,
-              progress: 0,
-              loadingComplete: false
-            }) : archivo;
-          });
-          localStorage.setItem("archivos", JSON.stringify(actualizarArchivos.map(function (_ref4) {
-            var file = _ref4.file;
-            return file;
-          })));
-          return actualizarArchivos;
-        });
-      }
-    };
-    input.click();
-  }, [setArchivos]);
-  var controlEventoAdjuntar = function controlEventoAdjuntar(e) {
-    e.stopPropagation();
-    controlArchivo(archivos.map(function (e) {
-      return e.file;
-    }));
-    setArchivos([]);
-    localStorage.removeItem("archivos");
-  };
-  return React__default.createElement(Stack, {
-    width: "100%",
-    alignItems: "center",
-    bgcolor: "transparent",
-    height: "100%",
-    gap: 1
-  }, React__default.createElement(Stack, _objectSpread2({
-    id: "dropzone",
-    alignItems: "center",
-    flexDirection: compact === true ? "row" : "column",
-    justifyContent: "center",
-    bgcolor: "transparent",
-    width: "100%",
-    boxShadow: 1,
-    gap: 1,
-    borderRadius: 1,
-    py: 3,
-    sx: _objectSpread2({
-      border: function border(theme) {
-        return "1px dashed ".concat(theme.palette.grey[500]);
-      },
-      cursor: "pointer",
-      ":hover": {
-        backgroundColor: "action.hover"
-      }
-    }, sx)
-  }, getRootProps()), React__default.createElement("input", _objectSpread2({}, getInputProps())), React__default.createElement("img", {
-    src: "src/assets/logoAdjuntarArchivos.svg",
-    alt: "icon"
-  }), React__default.createElement(Stack, {
-    gap: 0.5
-  }, React__default.createElement(Typography, {
-    variant: "body2",
-    color: "text.primary"
-  }, "Arrastrar o adjuntar archivos"), React__default.createElement(Typography, {
-    variant: "caption",
-    color: "text.secondary"
-  }, "DOCX, XML, PNG, JPG \u2022 Max 00 MB")), React__default.createElement(Button, {
-    size: "small",
-    startIcon: React__default.createElement(AttachFile, {
-      fontSize: "inherit"
-    }),
-    onClick: controlEventoAdjuntar
-  }, "Adjuntar")), React__default.createElement(Stack, {
-    id: "informacion",
-    width: "100%",
-    height: "auto",
-    gap: 1,
-    sx: {
-      overflowY: "auto"
-    }
-  }, archivos.map(function (_ref5, index) {
-    var file = _ref5.file,
-      progress = _ref5.progress,
-      loadingComplete = _ref5.loadingComplete;
-    return React__default.createElement(Stack, {
-      flexDirection: "row",
-      key: "".concat(file.name, "-").concat(index),
-      width: "100%",
-      gap: 1,
-      borderRadius: 0.5,
-      sx: {
-        ":hover": {
-          backgroundColor: "action.hover"
-        }
-      }
-    }, React__default.createElement(Stack, {
-      width: "100%",
-      alignItems: "center",
-      flexDirection: "row",
-      gap: 2,
-      p: 1
-    }, React__default.createElement(Stack, {
-      width: "100%",
-      flexDirection: "row",
-      alignItems: "center",
-      gap: 0.5
-    }, React__default.createElement(UploadFileOutlined, {
-      color: "primary",
-      fontSize: "small"
-    }), React__default.createElement(Stack, {
-      flexDirection: "column",
-      width: "100%"
-    }, React__default.createElement(Typography, {
-      variant: "body2",
-      color: "text.primary"
-    }, file.name), React__default.createElement(Typography, {
-      variant: "caption",
-      color: "text.secondary"
-    }, loadingComplete ? "".concat(new Date().toLocaleDateString(), " \u2022 ").concat(Math.round(file.size / 1024), " KB") : "  Cargando... \u2022 ".concat(Math.round(file.size / 1024), " KB")), !loadingComplete && React__default.createElement(LinearProgress, {
-      color: "primary",
-      variant: "determinate",
-      value: progress,
-      sx: {
-        width: "100%"
-      }
-    })))), React__default.createElement(Box$2, {
-      display: "flex",
-      justifyContent: "center",
-      alignItems: "center"
-    }, !loadingComplete ? React__default.createElement(React__default.Fragment, null, React__default.createElement(IconButton, {
-      id: "editarArchivo",
-      size: "small",
-      onClick: function onClick() {
-        return Editar(index);
-      }
-    }, React__default.createElement(Autorenew, {
-      fontSize: "small",
-      color: "action"
-    })), React__default.createElement(IconButton, {
-      id: "EliminarArchivo",
-      size: "small",
-      onClick: function onClick() {
-        return Eliminar(index);
-      }
-    }, React__default.createElement(CancelOutlined, {
-      fontSize: "small",
-      color: "action"
-    }))) : React__default.createElement(IconButton, {
-      size: "medium",
-      onClick: function onClick() {
-        return Eliminar(index);
-      }
-    }, React__default.createElement(DeleteOutline, {
-      fontSize: "small",
-      color: "action"
-    }))));
-  })));
-};
-
 /**
  * @license
  * Copyright 2021 Google LLC
@@ -24789,4 +24537,4 @@ var useDynamicColor = function useDynamicColor(url) {
   };
 };
 
-export { ADCSincoTheme, AddCalendar, AdjuntarArchivo, AdproSincoTheme, Ai, BarChart, BarChartHorizontal, BasicCalendar, Books, Box$1 as Box, BoxReceived, Boxes, Brick, Building, BussinesTarget, CalendarUserEvents, Call, CardRadio, Cement, Chat, CheckBill, CheckBillSearch, CheckDocSearch, CheckedCalendar, CircularChart, Click, ClipBoard, ClipBoardUser, Clock, Cloud, Coin, Config, ContactMails, Contacts, Conversation, Coupon, Crane, DaysCalendar, Develop, Diagram, Discount, Doc, DonutChart, DownloadDoc, DrawerComponent as Drawer, DrawerComponent, Drill, DuplicateTemplate, DynamicColor, EmailAddress, EmptyStateComponent as EmptyState, EmptyStateComponent, Engine, ErrorCalendar, ErrorDoc, EventsCalendar, Excavator, ExclamationBox, ExclamationCalendar, Flag, Flow, FooterAction, Gasoline, General, Hammer, Img, Law, Lego, Lift, Location, LockedFolder, Mail, Megaphone, Microphone, MoneyBill, MoneyBillSearch, MoneyDoc, MoneyDocSearch, MountainFlag, Notification, OpenBox, OpenFolder, Padlock, PageHeaderComponent as PageHeader, PageHeaderComponent, PaintRoller, Pdf, PintPot, Ppt, ProgressSinco, Puzzle, QuestionBill, QuestionBillSearch, QuestionBox, QuestionDocSearch, Rar, ReceivedMail, ReloadDoc, SealedBox, SearchCountry, SearchHome, SearchMoney, SearchUser, ShippingBox, Sholve, SincoTheme, Speedometer, StackedChart, StarChart, StartPennant, Support, TextDoc, TextFolder, ToastNotification, ToolBox, TrafficCone, TrendChart, Trolly, TrollyBox, Truck, Txt, UnlockedCalendar, Upload, UploadDoc, UserConfig, UserFolder, Users, WhatsApp, Xls, Zip, useDynamicColor };
+export { ADCSincoTheme, AddCalendar, AdproSincoTheme, Ai, BarChart, BarChartHorizontal, BasicCalendar, Books, Box$1 as Box, BoxReceived, Boxes, Brick, Building, BussinesTarget, CalendarUserEvents, Call, CardRadio, Cement, Chat, CheckBill, CheckBillSearch, CheckDocSearch, CheckedCalendar, CircularChart, Click, ClipBoard, ClipBoardUser, Clock, Cloud, Coin, Config, ContactMails, Contacts, Conversation, Coupon, Crane, DaysCalendar, Develop, Diagram, Discount, Doc, DonutChart, DownloadDoc, DrawerComponent as Drawer, DrawerComponent, Drill, DuplicateTemplate, DynamicColor, EmailAddress, EmptyStateComponent as EmptyState, EmptyStateComponent, Engine, ErrorCalendar, ErrorDoc, EventsCalendar, Excavator, ExclamationBox, ExclamationCalendar, Flag, Flow, FooterAction, Gasoline, General, Hammer, Img, Law, Lego, Lift, Location, LockedFolder, Mail, Megaphone, Microphone, MoneyBill, MoneyBillSearch, MoneyDoc, MoneyDocSearch, MountainFlag, Notification, OpenBox, OpenFolder, Padlock, PageHeaderComponent as PageHeader, PageHeaderComponent, PaintRoller, Pdf, PintPot, Ppt, ProgressSinco, Puzzle, QuestionBill, QuestionBillSearch, QuestionBox, QuestionDocSearch, Rar, ReceivedMail, ReloadDoc, SealedBox, SearchCountry, SearchHome, SearchMoney, SearchUser, ShippingBox, Sholve, SincoTheme, Speedometer, StackedChart, StarChart, StartPennant, Support, TextDoc, TextFolder, ToastNotification, ToolBox, TrafficCone, TrendChart, Trolly, TrollyBox, Truck, Txt, UnlockedCalendar, Upload, UploadDoc, UserConfig, UserFolder, Users, WhatsApp, Xls, Zip, useDynamicColor };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sinco/react",
-  "version": "1.2.3",
+  "version": "1.2.4-rc.0",
   "description": "package for the configuration of mui react sinco",
   "private": false,
   "license": "MIT",

package/src/lib/Components/index.d.ts

@@ -6,5 +6,3 @@ export * from "./PageHeader";
 export * from "./ProgressSinco";
 export * from "./CardRadio";
 export * from "./Icons";
-export * from './adjuntar/';
-export * from './MultiSelect/';

package/src/lib/Components/MultiSelect/MultiSelect.d.ts

@@ -1,13 +0,0 @@
-import React from "react";
-export interface MultiSelectProps {
-    topPanel?: React.ReactNode;
-    acciones?: React.ReactNode;
-    anchorEl: HTMLElement | null;
-    dense?: boolean;
-    open: boolean;
-    items: any[];
-    onClose?: () => void;
-    filterFunction: (items: any[], filtroTexto: string) => any[];
-    getItemLabel: (item: any) => string;
-}
-export declare const MultiSelect: ({ topPanel, acciones, open, onClose, items, filterFunction, getItemLabel, anchorEl, dense }: MultiSelectProps) => React.JSX.Element;

package/src/lib/Components/MultiSelect/index.d.ts

@@ -1 +0,0 @@
-export * from '../MultiSelect';

package/src/lib/Components/adjuntar/AdjuntarArchivos.d.ts

@@ -1,8 +0,0 @@
-import React from "react";
-import { SxProps } from "@mui/material";
-export interface AdjuntarProps {
-    controlArchivo: (archivos: File[]) => any;
-    compact?: boolean;
-    sx?: SxProps;
-}
-export declare const AdjuntarArchivo: ({ compact, sx, controlArchivo }: AdjuntarProps) => React.JSX.Element;

package/src/lib/Components/adjuntar/index.d.ts

@@ -1 +0,0 @@
-export * from './AdjuntarArchivos';