siam-ui-utils 2.2.25 → 2.2.27

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "siam-ui-utils",
-  "version": "2.2.25",
+  "version": "2.2.27",
   "keywords": [
     "ampf-react",
     "ampf-utils",
@@ -9,8 +9,54 @@
   "author": "Ampf Development Team",
   "license": "MIT",
   "description": "Conjunto de librerias de componentes utiles para AMPF",
-  "main": "src/index.js",
-  "browser": "src/index.js",
+  "type": "module",
+  "main": "./dist/index.js",
+  "module": "./dist/index.js",
+  "exports": {
+    ".": {
+      "import": "./dist/index.js",
+      "types": "./index.d.ts"
+    },
+    "./bridges": {
+      "import": "./dist/bridges/index.js"
+    },
+    "./copy-link": {
+      "import": "./dist/copy-link/index.js"
+    },
+    "./custom-input": {
+      "import": "./dist/custom-input/index.js"
+    },
+    "./dropzone-uploader": {
+      "import": "./dist/dropzone-uploader/index.js"
+    },
+    "./select": {
+      "import": "./dist/select/index.js"
+    },
+    "./timer": {
+      "import": "./dist/timer/index.js"
+    },
+    "./tomar-foto": {
+      "import": "./dist/tomar-foto/index.js"
+    },
+    "./view-layout": {
+      "import": "./dist/view-layout/index.js"
+    },
+    "./where-by-room": {
+      "import": "./dist/where-by-room/index.js"
+    },
+    "./CustomBootstrap": {
+      "import": "./dist/CustomBootstrap.js"
+    },
+    "./CustomSelectInput": {
+      "import": "./dist/CustomSelectInput.js"
+    },
+    "./package.json": "./package.json"
+  },
+  "sideEffects": [
+    "*.css",
+    "*.scss",
+    "*.sass"
+  ],
   "types": "index",
   "homepage": "https://github.com/ampfgit/siam-ui-utils#readme",
   "repository": {
@@ -20,29 +66,29 @@
   "moduleResolution": "nodenext",
   "scripts": {
     "start": "vite",
-    "publish-npm": "npm publish"
+    "build": "vite build",
+    "publish-npm": "npm run build && npm publish"
+  },
+  "peerDependencies": {
+    "react": "^18.0.0",
+    "react-dom": "^18.0.0",
+    "react-router": "^6.0.0",
+    "react-router-dom": "^6.0.0"
   },
   "dependencies": {
+    "@types/react-intl": "^3.0.0",
     "@whereby.com/browser-sdk": "^3.13.1",
+    "events": "^3.3.0",
     "html5-file-selector": "^2.1.0",
+    "prop-types": "^15.8.1",
+    "react-intl": "^6.4.2",
     "react-notifications": "^1.7.4",
-    "react-router": "^6.26.2",
-    "react-router-dom": "^6.26.2",
     "react-select": "^5.8.0",
+    "reactstrap": "^9.2.2",
     "react-tagsinput": "^3.20.3",
-    "source-map-loader": "^5.0.0"
-  },
-  "peerDependencies": {
-    "@types/react-intl": "^3.0.0",
-    "events": "^3.3.0",
-    "react": "^18.3.1",
-    "react-intl": "^6.4.2",
-    "prop-types": "^15.8.1",
     "siam-utils": "^1.1.4",
-    "styled-components": "^6.1.12",
-    "typescript": "^5.5.4",
-    "vite-plugin-commonjs": "^0.10.3",
-    "reactstrap": "^9.2.2"
+    "source-map-loader": "^5.0.0",
+    "styled-components": "^6.1.12"
   },
   "devDependencies": {
     "@eslint/js": "^9.31.0",
@@ -60,10 +106,15 @@
     "eslint-plugin-react-hooks": "^5.2.0",
     "eslint-plugin-react-refresh": "^0.4.20",
     "globals": "^16.3.0",
+    "react": "^18.3.1",
+    "react-dom": "^18.3.1",
+    "react-router": "^6.26.2",
+    "react-router-dom": "^6.26.2",
     "sass-embedded": "^1.79.4",
     "typescript": "^5.5.3",
     "typescript-eslint": "^8.38.0",
     "vite": "^7.0.1",
+    "vite-plugin-commonjs": "^0.10.3",
     "vitest": "^3.2.4"
   }
 }

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,
-});