siam-ui-utils 2.2.26 → 2.2.27

package/dist/siam-ui-utils.css

@@ -1 +0,0 @@
-.dzu-dropzone{display:flex;flex-direction:column;align-items:center;width:100%;min-height:120px;overflow:scroll;margin:0 auto;position:relative;box-sizing:border-box;transition:all .15s linear;border:2px solid #d9d9d9;border-radius:4px}.dzu-dropzoneActive{background-color:#deebff;border-color:#2484ff}.dzu-dropzoneDisabled{opacity:.5}.dzu-dropzoneDisabled *:hover{cursor:unset}.dzu-input{display:none}.dzu-inputLabel{display:flex;justify-content:center;align-items:center;position:absolute;inset:0;font-family:Helvetica,sans-serif;font-size:20px;font-weight:600;color:#2484ff;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;cursor:pointer}.dzu-inputLabelWithFiles{display:flex;justify-content:center;align-items:center;align-self:flex-start;padding:0 14px;min-height:32px;background-color:#e6e6e6;color:#2484ff;border:none;font-family:Helvetica,sans-serif;border-radius:4px;font-size:14px;font-weight:600;margin-top:20px;margin-left:3%;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;cursor:pointer}.dzu-previewContainer{padding:40px 3%;display:flex;flex-direction:row;align-items:center;justify-content:space-between;position:relative;width:100%;min-height:60px;z-index:1;border-bottom:1px solid #ECECEC;box-sizing:border-box}.dzu-previewStatusContainer{display:flex;align-items:center}.dzu-previewFileName{font-family:Helvetica,sans-serif;font-size:14px;font-weight:400;color:#333}.dzu-previewImage{width:auto;max-height:40px;max-width:140px;border-radius:4px}.dzu-previewButton{background-size:14px 14px;background-position:center;background-repeat:no-repeat;width:14px;height:14px;cursor:pointer;opacity:.9;margin:0 0 2px 10px}.dzu-submitButtonContainer{margin:24px 0;z-index:1}.dzu-submitButton{padding:0 14px;min-height:32px;background-color:#2484ff;border:none;border-radius:4px;font-family:Helvetica,sans-serif;font-size:14px;font-weight:600;color:#fff;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;cursor:pointer}.dzu-submitButton:disabled{background-color:#e6e6e6;color:#333;cursor:unset}.dropzone-upload-button{padding:25;border-radius:5px!important;cursor:pointer;color:#fff;width:10rem!important;height:2rem!important;line-height:1.5!important;font-size:13px;text-align:center;vertical-align:middle!important;border:none;padding-top:.5rem;margin-top:.5rem;background-color:#af251b}.dropzone-upload-button:hover{background-color:#6c1f01}.dropzone-upload-frame{border:0px!important;overflow:"none"!important}.dropzone-upload-previewContainer{display:flex;flex-direction:row;align-items:center;justify-content:space-between;position:relative;width:100px;min-height:60px;z-index:1;border-bottom:1px solid #ECECEC;box-sizing:border-box}.dropzone-upload-previewImage{width:60rem;max-height:60px;max-width:10rem;border-radius:4px;padding-right:1rem}.dropzone-upload-delete-btn{width:2rem;line-height:1.5;border:0;color:red;background-color:#f8f8f8;padding-right:1rem}.dropzone-upload-file-name-container{position:relative;display:inline-block;max-width:150px}.dropzone-upload-file-name{padding-right:1rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:150px}.custom-checkbox input[type=checkbox]{position:absolute;opacity:0;z-index:-1}.custom-checkbox input[type=checkbox]+label{position:relative;padding-left:2rem;cursor:pointer;line-height:0px!important}.custom-checkbox input[type=checkbox]+label:before{content:"";display:inline-block;width:1rem;height:1rem;border:1px solid #ccc;border-radius:.25rem;background-color:#fff;position:absolute;left:0;top:-11px;transition:background-color .2s,border-color .2s}.custom-checkbox input[type=checkbox]:checked+label:before{background-color:#900604;border-color:#900604}.custom-checkbox input[type=checkbox]:checked+label:after{content:"";position:absolute;top:-10px;left:.3rem;width:.5rem;height:.6rem;border:solid white;border-width:0 .2rem .2rem 0;transform:rotate(45deg)}.check-multi-select .custom-checkbox input[type=checkbox]:not(:checked)+label:before{background-color:#900604;border-color:#900604}.check-multi-select .custom-checkbox input[type=checkbox]:not(:checked)+label:after{content:"";position:absolute;top:-.29rem;left:.25rem;width:.5rem;height:.1rem;background-color:#fff}.custom-checkbox input[type=checkbox]:disabled+label{cursor:not-allowed;color:#6c757d;line-height:0px!important}.custom-checkbox input[type=checkbox]:disabled+label:before{background-color:#e9ecef;border-color:#ced4da}.custom-checkbox input[type=checkbox]:disabled:checked+label:before{background-color:#adb5bd;border-color:#adb5bd}.custom-radio input[type=radio]{position:absolute;opacity:0}.custom-radio label{display:inline-flex;align-items:center;cursor:pointer}.custom-radio label:before{content:"";display:inline-block;width:20px;height:20px;border-radius:50%;border:2px solid #ced4da;background-color:#fff;margin-right:10px;transition:background-color .2s,border-color .2s}.custom-radio input[type=radio]:checked+label:before{background-color:#900604;border-color:#900604}.custom-radio input[type=radio]:checked+label:after{content:"";position:absolute;left:26px;top:44%;transform:translateY(-50%);width:.5rem;height:.45rem;background-color:#fff!important;border-radius:50%}.custom-radio input[type=radio]:disabled+label{cursor:not-allowed;color:#6c757d}.custom-radio input[type=radio]:disabled+label:before{background-color:#e9ecef;border-color:#ced4da}.custom-radio input[type=radio]:disabled:checked+label:before{background-color:#adb5bd;border-color:#adb5bd}.custom-file{height:calc(2.5rem + 2px)}.custom-file-label:focus,.custom-file-input:focus{border-color:#900604}.custom-file-label:after{height:calc(2.5rem + 0px);padding:.75rem .75rem .5rem;background:#900604;color:#fff;border-color:#900604}.custom-file-input:focus~.custom-file-label{border-color:#90060499}.custom-file-input{box-shadow:initial!important}.react-tagsinput{background-color:#fff;border:1px solid #ccc;overflow:hidden;padding-left:5px;padding-top:5px}.react-tagsinput--focused{border-color:#a5d24a}.react-tagsinput-tag{background-color:#cde69c;border-radius:2px;border:1px solid #a5d24a;color:#638421;display:inline-block;font-family:sans-serif;font-size:13px;font-weight:400;margin-bottom:5px;margin-right:5px;padding:5px}.react-tagsinput-remove{cursor:pointer;font-weight:700}.react-tagsinput-tag a:before{content:" ×"}.react-tagsinput-input{background:transparent;border:0;color:#777;font-family:sans-serif;font-size:13px;font-weight:400;margin-bottom:6px;margin-top:1px;outline:none;padding:5px;width:80px}.copy-link-container{display:inline-flex;align-items:center;gap:8px;width:100%;position:relative}.copy-link-text{width:90%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:inline-block;vertical-align:middle;cursor:pointer;transition:color .2s;font-weight:500;color:#007bff}.copy-link-text.copied{color:#28a745}.copy-link-btn{padding:0;font-size:16px}.copy-link-copied{color:#28a745;font-size:13px;margin-left:8px;position:absolute;top:100%;left:0;white-space:nowrap}.visualizador-container{position:relative}.visualizador-grid,.visualizador-grid-css{width:100%;height:100%;min-width:90vh;min-height:80vh;background:#fff;border-radius:12px;display:grid;border:solid 2px #900604;position:relative;gap:1px;box-sizing:content-box}.visualizador-slot{display:flex;border:1px solid #900604;border-radius:7px;background:#fff}.visualizador-slot--row,.visualizador-slot-row{flex-direction:row}.visualizador-slot--column,.visualizador-slot-column,.visualizador-slot-column-col{flex-direction:column}.visualizador-slot-content--small{font-size:.85rem}.visualizador-slot-content--medium{font-size:1rem}.visualizador-slot-content--large{font-size:1.5rem}.visualizador-slot-align--start{align-items:flex-start}.visualizador-slot-align--center{align-items:center}.visualizador-slot-align--end{align-items:flex-end}.visualizador-slot-align--stretch{align-items:stretch}.visualizador-slot-justify--start{justify-content:flex-start}.visualizador-slot-justify--center{justify-content:center}.visualizador-slot-justify--end{justify-content:flex-end}.visualizador-slot-justify--space-between{justify-content:space-between}.visualizador-slot-justify--space-around{justify-content:space-around}.visualizador-slot-justify--space-evenly{justify-content:space-evenly}.visualizador-slot--no-border{border:none!important}.slot-legend{width:auto;font-size:.75rem;margin-bottom:0!important;margin-left:-20px!important;font-weight:700;color:#900604;white-space:nowrap}.editor-layer{position:absolute;width:100%;height:100%;pointer-events:none;z-index:20;display:grid}.editor-layer-cell-coord{font-size:.75rem;justify-self:center}.editor-layer-cell{font-size:.7em;color:#797979;align-content:center;padding:2px;text-align:left;pointer-events:none;box-sizing:border-box;border:1px dashed #bbb}.visualizador-editor-btn{position:absolute;top:8px;right:8px;z-index:100;padding:6px 12px;font-size:1em;color:#fff;border:none;border-radius:4px;cursor:pointer}.visualizador-editor-btn--activo{background:#900604}.visualizador-editor-btn--inactivo{background:#bbb}.av-video-timer{color:inherit;flex:1;text-align:center;display:flex;justify-content:center;font-weight:700;align-items:center;font-size:1.3em;width:100%;margin:8px 0}.timer{font-size:clamp(5px,2vw,20px);margin-right:4px}.timer-green{color:#28a745}.timer-yellow{color:#ffc107}.timer-red{color:#bd0300}@keyframes vibrate{0%{transform:translate(0)}20%{transform:translate(-3px)}40%{transform:translate(3px)}60%{transform:translate(-3px)}80%{transform:translate(3px)}to{transform:translate(0)}}.timer-out{color:#000;animation:vibrate .3s linear infinite}.timer-over{color:#c00805}

package/eslint.config.mjs

@@ -1,45 +0,0 @@
-import js from '@eslint/js';
-import globals from 'globals';
-import pluginReact from 'eslint-plugin-react';
-import pluginReactHooks from 'eslint-plugin-react-hooks';
-import pluginReactRefresh from 'eslint-plugin-react-refresh';
-import { defineConfig } from 'eslint/config';
-
-export default defineConfig([
-  { ignores: ['build', '**/*.d.ts'] },
-  {
-    files: ['**/*.{js,jsx,ts,tsx}'],
-    languageOptions: {
-      ecmaVersion: 'latest',
-      sourceType: 'module',
-      globals: globals.browser,
-      parserOptions: {
-        ecmaFeatures: { jsx: true },
-      },
-    },
-    parser: '@typescript-eslint/parser',
-    parserOptions: {
-      ecmaVersion: 'latest',
-    },
-    plugins: {
-      react: pluginReact,
-      'react-hooks': pluginReactHooks,
-      'react-refresh': pluginReactRefresh,
-    },
-    rules: {
-      ...js.configs.recommended.rules,
-      ...pluginReact.configs.recommended.rules,
-      ...pluginReact.configs['jsx-runtime'].rules,
-      ...pluginReactHooks.configs.recommended.rules,
-      'react/jsx-no-target-blank': 'off',
-      'react-refresh/only-export-components': [
-        'off',
-        { allowConstantExport: true },
-      ],
-      'react/prop-types': 'off',
-      '@/no-default-export': 'off',
-      'no-unused-vars': 'warn',
-    },
-    settings: { react: { version: 'detect' } },
-  },
-]);

package/index.html

@@ -1,17 +0,0 @@
-<!doctype html>
-<html lang="en">
-  <head>
-    <meta charset="UTF-8" />
-    <link rel="icon" type="image/svg+xml" href="/favicon.ico" />
-    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>Siam - UI - utils</title>
-    <link
-      rel="stylesheet"
-      href="https://cdnjs.cloudflare.com/ajax/libs/simple-line-icons/2.5.5/css/simple-line-icons.min.css"
-    />
-  </head>
-  <body>
-    <div id="root"></div>
-    <script type="module" src="/src/main.jsx"></script>
-  </body>
-</html>

package/src/App.css

@@ -1,47 +0,0 @@
-#root {
-  max-width: 1280px;
-  margin: 0 auto;
-  padding: 2rem;
-  text-align: center;
-}
-
-.logo {
-  height: 6em;
-  padding: 1.5em;
-  will-change: filter;
-  transition: filter 300ms;
-}
-.logo:hover {
-  filter: drop-shadow(0 0 2em #646cffaa);
-}
-.logo.react:hover {
-  filter: drop-shadow(0 0 2em #61dafbaa);
-}
-
-@keyframes logo-spin {
-  from {
-    transform: rotate(0deg);
-  }
-  to {
-    transform: rotate(360deg);
-  }
-}
-
-@media (prefers-reduced-motion: no-preference) {
-  a:nth-of-type(2) .logo {
-    animation: logo-spin infinite 20s linear;
-  }
-}
-
-.card {
-  padding: 2em;
-}
-
-.read-the-docs {
-  color: #888;
-}
-
-
-.custom-dropzone-uploader-dni-digital{
-    display: flex;
-}

package/src/App.jsx

@@ -1,66 +0,0 @@
-import { useState } from 'react';
-import {
-  Accordion,
-  AccordionBody,
-  AccordionHeader,
-  AccordionItem,
-} from 'reactstrap';
-import {
-  CopyLinkView,
-  CustomInputsView,
-  CustomSelectView,
-  DropzoneUploaderDniDigitalView,
-  DropzoneUploaderFirmaDigitalView,
-  DropzoneUploaderView,
-  TimerView,
-  VideoCallView,
-  ViewLayoutView,
-} from './test-resources';
-import './App.css';
-import './assets/css/vendor/bootstrap.min.css';
-import './index.css';
-
-const views = [
-  { title: 'CopyLink', component: <CopyLinkView /> },
-  { title: 'CustomInputs', component: <CustomInputsView /> },
-  { title: 'CustomSelect', component: <CustomSelectView /> },
-  {
-    title: 'DropzoneDniDigital',
-    component: <DropzoneUploaderDniDigitalView />,
-  },
-  {
-    title: 'DropZoneFirmaDigital',
-    component: <DropzoneUploaderFirmaDigitalView />,
-  },
-  { title: 'DropzoneUploader', component: <DropzoneUploaderView /> },
-  { title: 'Timer', component: <TimerView /> },
-  { title: 'VideoCall', component: <VideoCallView /> },
-  { title: 'ViewLayoutGenerico', component: <ViewLayoutView /> },
-];
-
-const App = () => {
-  const [open, setOpen] = useState('0');
-  const toggle = (id) => {
-    if (open === id) {
-      setOpen();
-    } else {
-      setOpen(id);
-    }
-  };
-
-  return (
-    <Accordion open={open} toggle={toggle}>
-      {views.map((view, index) => {
-        const { title, component: vista } = view;
-        return (
-          <AccordionItem key={index}>
-            <AccordionHeader targetId={`${index + 1}`}>{title}</AccordionHeader>
-            <AccordionBody accordionId={`${index + 1}`}>{vista}</AccordionBody>
-          </AccordionItem>
-        );
-      })}
-    </Accordion>
-  );
-};
-
-export default App;

package/src/CustomBootstrap.jsx

@@ -1,10 +0,0 @@
-import { Col } from 'reactstrap';
-
-const Colxx = (props) => (
-  <Col {...props} widths={['xxs', 'xs', 'sm', 'md', 'lg', 'xl', 'xxl']} />
-);
-
-const Separator = ({ className }) => (
-  <div className={`separator ${className}`} />
-);
-export { Colxx, Separator };

package/src/CustomSelectInput.jsx

@@ -1,8 +0,0 @@
-import { components } from 'react-select';
-
-export const CustomSelectInput = (props) => {
-  const customProps = { ...props };
-  delete customProps.autoCorrect;
-  delete customProps.autoCapitalize;
-  return <components.Input {...customProps} />;
-};

package/src/IntlMessages.jsx

@@ -1,7 +0,0 @@
-import { FormattedMessage, injectIntl } from 'react-intl';
-
-const InjectMassage = (props) => <FormattedMessage {...props} />;
-
-export default injectIntl(InjectMassage, {
-  withRef: false,
-});