siam-ui-utils 2.2.24 → 2.2.26

package/dist/siam-ui-utils.css

@@ -0,0 +1 @@
+.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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "siam-ui-utils",
-  "version": "2.2.24",
+  "version": "2.2.26",
   "keywords": [
     "ampf-react",
     "ampf-utils",
@@ -9,9 +9,10 @@
   "author": "Ampf Development Team",
   "license": "MIT",
   "description": "Conjunto de librerias de componentes utiles para AMPF",
-  "main": "src/index.js",
-  "browser": "src/index.js",
-  "types": "index",
+  "main": "dist/index.cjs.js",
+  "module": "dist/index.es.js",
+  "types": "dist/index.d.ts",
+  "sideEffects": false,
   "homepage": "https://github.com/ampfgit/siam-ui-utils#readme",
   "repository": {
     "type": "git",
@@ -20,29 +21,26 @@
   "moduleResolution": "nodenext",
   "scripts": {
     "start": "vite",
-    "publish-npm": "npm publish"
+    "publish-npm": "vite build && npm publish"
   },
   "dependencies": {
     "@whereby.com/browser-sdk": "^3.13.1",
     "html5-file-selector": "^2.1.0",
-    "react-notifications": "^1.7.4",
-    "react-select": "^5.8.0",
     "react-tagsinput": "^3.20.3",
     "source-map-loader": "^5.0.0"
   },
   "peerDependencies": {
+    "react-select": "^5.8.0",
     "@types/react-intl": "^3.0.0",
     "events": "^3.3.0",
+    "prop-types": "^15.8.1",
     "react": "^18.3.1",
-    "react-router": "^6.26.2",
-    "react-router-dom": "^6.26.2",
     "react-intl": "^6.4.2",
-    "prop-types": "^15.8.1",
-    "siam-utils": "^1.1.4",
+    "react-notifications": "^1.7.4",
+    "reactstrap": "^9.2.2",
     "styled-components": "^6.1.12",
     "typescript": "^5.5.4",
-    "vite-plugin-commonjs": "^0.10.3",
-    "reactstrap": "^9.2.2"
+    "vite-plugin-commonjs": "^0.10.3"
   },
   "devDependencies": {
     "@eslint/js": "^9.31.0",

package/src/index.js

@@ -1,6 +1,5 @@
 export * from './dropzone-uploader';
 export * from './dropzone-uploader/dropzone-uploader-dni-digital';
-export * from './bridges';
 export * from './CustomBootstrap';
 export * from './custom-input';
 export * from './select';

package/vite.config.ts

@@ -1,12 +1,22 @@
 import react from '@vitejs/plugin-react';
 import { defineConfig } from 'vitest/config';
-import commonjs from 'vite-plugin-commonjs';
 
 export default defineConfig({
   define: {
     'process.env': {},
   },
-  plugins: [react(), commonjs()],
+  plugins: [react()],
+  build: {
+    lib: {
+      entry: 'src/index.js',
+      name: 'siam-ui-utils',
+      formats: ['es', 'cjs'],
+      fileName: (format) => `index.${format}.js`,
+    },
+    rollupOptions: {
+      external: ['react', 'react-dom'],
+    },
+  },
   server: {
     port: 5173,
     open: true,

package/src/bridges/index.js

@@ -1 +0,0 @@
-export * from './with-router-bridge'

package/src/bridges/with-router-bridge.jsx

@@ -1,11 +0,0 @@
-import { useNavigate } from 'react-router';
-
-export const withRouter = (Component) => {
-  const Wrapper = (props) => {
-    const history = useNavigate();
-    return <Component history={history} {...props} />;
-  };
-  return Wrapper;
-};
-
-export default withRouter;