@soyfri/shared-library 1.5.0-beta.4 → 1.5.0

package/tailwind.config.js

@@ -0,0 +1,10 @@
+module.exports = {
+    content: ["./src/**/*.{js,jsx,ts,tsx}"],
+    theme: {
+      extend: {},
+    },
+    plugins: [],
+    corePlugins: {
+      preflight: false, // Disable Tailwind's base styles to avoid conflicts with MUI
+    },
+  }

package/tsconfig.json

@@ -0,0 +1,48 @@
+{
+  "compilerOptions": {
+    /* Specifies ECMAScript target version: 'ES3' (default), 'ES5', 'ES2015', 'ES2016', 'ES2017', 'ES2018', 'ES2019', 'ES2020', or 'ESNEXT'. */
+    "target": "es2017",
+    /* Specifies library files to be included in the compilation. */
+    "lib": ["dom", "dom.iterable", "esnext"],
+    /* Allows JavaScript files to be compiled. */
+    "allowJs": true,
+    /* Skip type checking of declaration files. */
+    "skipLibCheck": true,
+    /* Enables emit interoperability between CommonJS and ES Modules. */
+    "esModuleInterop": true,
+    /* Allows import x from y when a module doesn't have a default export. */
+    "allowSyntheticDefaultImports": true,
+    /* Enables all strict type-checking options. */
+    "strict": true,
+    /* Ensures file names are consistent in casing with imports. */
+    "forceConsistentCasingInFileNames": true,
+    /* Report errors for fallthrough cases in switch statements. */
+    "noFallthroughCasesInSwitch": true,
+    /* Specifies module code generation: 'none', 'commonjs', 'amd', 'system', 'umd', 'es2015', 'es2020', or 'ESNext'. */
+    "module": "esnext",
+    /* Specifies how TypeScript looks up a file from a given module specifier. */
+    "moduleResolution": "node",
+    /* Allows importing .json files. */
+    "resolveJsonModule": true,
+    /* Ensures each file can be safely transpiled without relying on other imports. */
+    "isolatedModules": true,
+    /* Specifies the JSX factory function to use when targeting React JSX emit. */
+    "jsx": "react-jsx",
+    /* Generates corresponding .d.ts file for each output JavaScript file. */
+    "declaration": true,
+    /* Specifies the output directory for generated declaration files. */
+    "declarationDir": "dist/esm",
+    /* Specifies the output directory for all emitted files. */
+    "outDir": "dist",
+
+    /* --- Configuración de Alias de Módulos --- */
+    "baseUrl": ".", // 👈 Base para resolver rutas absolutas
+    "paths": {
+      "@soyfri/shared-library/*": ["src/*"] // 👈 Alias que mapea @soyfri/shared-library a la carpeta src
+    }
+  },
+  /* Specifies a list of glob patterns that match files to be included in compilation. */
+  "include": ["src"],
+  /* Specifies a list of files to be excluded from compilation. */
+  "exclude": ["node_modules", "dist"]
+}

package/tsup.config.js

@@ -0,0 +1,41 @@
+import { defineConfig } from 'tsup';
+import { glob } from 'glob';
+
+// Find all entry points in the 'src/components' directory
+const componentEntries = glob.sync('src/components/*/index.ts');
+const mainEntry = 'src/index.ts';
+
+export default defineConfig({
+  // Configure multiple entry points for each component and the main library index.
+  entry: [mainEntry, ...componentEntries],
+  
+  // Clean the 'dist' directory before building.
+  clean: true,
+  
+  // Generate both ESM and CommonJS formats.
+  format: ['esm', 'cjs'],
+  
+  // Generate sourcemaps for better debugging.
+  sourcemap: true,
+  
+  // Generate declaration files (.d.ts) for TypeScript.
+  dts: true,
+  
+  // Split code into chunks for better optimization.
+  splitting: true,
+  
+  // Do not bundle these dependencies. They will be handled by the consumer's package manager.
+  external: [
+    'react',
+    'react-dom',
+    /@mui\/.*/,
+    /@emotion\/.*/,
+    'dayjs',
+    'react-hook-form',
+  ],
+
+  // Override tsup's default esbuild options if needed.
+  esbuildOptions(options) {
+    // You can add custom esbuild configurations here, if necessary.
+  },
+});

package/vite.config.js

@@ -0,0 +1,132 @@
+import { defineConfig } from 'vite';
+import react from '@vitejs/plugin-react';
+import { resolve } from 'path';
+import { fileURLToPath } from 'url';
+import { dirname } from 'path';
+import { globSync } from 'glob';
+import dts from 'vite-plugin-dts';
+import { libInjectCss } from 'vite-plugin-lib-inject-css';
+
+// Obtener __dirname en ESM
+const __filename = fileURLToPath(import.meta.url);
+const __dirname = dirname(__filename);
+
+// Función para generar los puntos de entrada de componentes y hooks con validación de mayúsculas
+const getEntryPoints = (sourceDir, prefix) => {
+  const entryPoints = {};
+  const files = globSync(`${sourceDir}/*/index.ts`);
+
+  files.forEach(file => {
+    const componentName = file.split('/').slice(-2, -1)[0];
+    
+    // Verificar si el nombre de la carpeta tiene la inicial en mayúscula
+    if (!/^[A-Z]/.test(componentName)) {
+      console.log(`Saltando el directorio '${componentName}' porque no empieza con mayúscula.`);
+      return;
+    }
+    
+    entryPoints[`${prefix}/${componentName}`] = resolve(__dirname, file);
+  });
+  
+  return entryPoints;
+};
+
+// Generar entry points para componentes
+const componentEntryPoints = getEntryPoints('src/components', 'components');
+
+// Generar entry points para hooks
+const hooksEntryPoints = getEntryPoints('src/hooks', 'hooks');
+
+export default defineConfig(({ mode }) => {
+  const isLibraryBuild = mode === 'lib';
+  
+  const baseConfig = {
+    plugins: [
+      react(),
+      ...(isLibraryBuild ? [
+        dts({
+          include: ['src'],
+          exclude: [
+            '**/*.test.*', 
+            '**/*.spec.*', 
+            '**/*.stories.*',
+            'src/stories/**'
+          ],
+          outDir: 'dist',
+          insertTypesEntry: true,
+        }),
+        libInjectCss()
+      ] : [])
+    ],
+    resolve: {
+      alias: {
+        '@soyfri/shared-library': resolve(__dirname, './src'),
+      },
+      extensions: ['.mjs', '.js', '.ts', '.jsx', '.tsx', '.json'],
+    },
+  };
+
+  // Si estamos haciendo build de librería
+  if (isLibraryBuild) {
+    return {
+      ...baseConfig,
+      build: {
+        lib: {
+          entry: {
+            index: resolve(__dirname, 'src/index.ts'),
+            ...componentEntryPoints,
+            ...hooksEntryPoints,
+          },
+          formats: ['es', 'cjs'],
+          // Lógica para generar la estructura de directorios
+          fileName: (format, entryName) => {
+            const extension = format === 'es' ? 'js' : 'cjs';
+            if (entryName === 'index') {
+              return `index.${extension}`;
+            }
+            // Esto asume que el entryName es algo como 'components/Button' o 'hooks/useHook'
+            // y crea la estructura de directorios apropiada.
+            const parts = entryName.split('/');
+            const type = parts[0]; // 'components' o 'hooks'
+            const name = parts[1]; // 'Button' o 'useHook'
+            return `${type}/${name}/${name}.${extension}`;
+          },
+        },
+        rollupOptions: {
+          external: [
+            'react',
+            'react-dom',
+            'react/jsx-runtime',
+            /@mui\/.*/,
+            /@emotion\/.*/,
+            'dayjs',
+            'react-hook-form',
+            'tailwindcss',
+            'autoprefixer', 
+            'postcss',
+          ],
+          output: {
+            globals: {
+              react: 'React',
+              'react-dom': 'ReactDOM',
+              'react/jsx-runtime': 'jsxRuntime',
+            },
+            assetFileNames: (assetInfo) => {
+              if (assetInfo.name === 'style.css') return 'styles.css';
+              return assetInfo.name;
+            },
+          },
+        },
+        target: 'es2017',
+        sourcemap: true,
+        minify: false,
+        cssCodeSplit: false,
+        outDir: 'dist',
+        emptyOutDir: true,
+      },
+    };
+  }
+
+  // Configuración para desarrollo/Storybook (sin cambios)
+  return baseConfig;
+});

package/vitest.config.ts

@@ -0,0 +1,35 @@
+import path from 'node:path';
+import { fileURLToPath } from 'node:url';
+
+import { defineConfig } from 'vitest/config';
+
+import { storybookTest } from '@storybook/addon-vitest/vitest-plugin';
+
+const dirname =
+  typeof __dirname !== 'undefined' ? __dirname : path.dirname(fileURLToPath(import.meta.url));
+
+// More info at: https://storybook.js.org/docs/writing-tests/test-addon
+export default defineConfig({
+  test: {
+    workspace: [
+      {
+        extends: true,
+        plugins: [
+          // The plugin will run tests for the stories defined in your Storybook config
+          // See options at: https://storybook.js.org/docs/writing-tests/test-addon#storybooktest
+          storybookTest({ configDir: path.join(dirname, '.storybook') }),
+        ],
+        test: {
+          name: 'storybook',
+          browser: {
+        enabled: true,
+        headless: true,
+        name: 'chromium',
+        provider: 'playwright'
+      },
+          setupFiles: ['.storybook/vitest.setup.ts'],
+        },
+      },
+    ],
+  },
+});

package/components/Autocomplete/Autocomplete.cjs

@@ -1,132 +0,0 @@
-"use strict";
-var __defProp = Object.defineProperty;
-var __defProps = Object.defineProperties;
-var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
-    }
-  return a;
-};
-var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("react/jsx-runtime");
-require("react");
-const material = require("@mui/material");
-require("@mui/icons-material/Clear");
-const system = require("@mui/system");
-const StyledAutocomplete = system.styled(material.Autocomplete)(
-  ({ theme }) => ({
-    "& .MuiOutlinedInput-root": {
-      maxHeight: "36px",
-      padding: "8px 10px",
-      borderRadius: "10px",
-      display: "flex",
-      alignItems: "center",
-      fontSize: "14px"
-    },
-    "& .MuiAutocomplete-inputRoot": {
-      padding: "0 !important"
-    },
-    "& .MuiAutocomplete-input": {
-      padding: "0 !important",
-      height: "28px",
-      marginLeft: "8px"
-    },
-    "& .MuiOutlinedInput-notchedOutline": {
-      marginBottom: "-4px",
-      borderRadius: "10px"
-    },
-    "& .MuiOutlinedInput-notchedOutline > legend": {
-      display: "none"
-    },
-    "& .MuiAutocomplete-endAdornment": {
-      top: "50%",
-      transform: "translateY(-50%)"
-    }
-  })
-);
-function AutocompleteSelect(props) {
-  const {
-    label,
-    options = [],
-    value,
-    onChange,
-    placeholder,
-    multiple = false,
-    disabled = false,
-    loading = false,
-    error = false,
-    helperText,
-    renderOptionItem,
-    renderChipLabel,
-    maxChipsToShow = 3
-  } = props;
-  const renderAutocomplete = (value2, onChange2) => {
-    var _a, _b;
-    return /* @__PURE__ */ jsxRuntime.jsx(
-      material.Box,
-      {
-        sx: {
-          width: "100%",
-          display: "grid",
-          marginBottom: "10px",
-          marginTop: "10px"
-        },
-        children: /* @__PURE__ */ jsxRuntime.jsx(
-          StyledAutocomplete,
-          {
-            multiple,
-            options,
-            value: multiple ? (_a = options.filter(
-              (o) => value2 == null ? void 0 : value2.includes(o.value)
-            )) != null ? _a : [] : (_b = options.find((o) => o.value === value2)) != null ? _b : null,
-            disabled,
-            loading,
-            getOptionLabel: (opt) => {
-              var _a2;
-              return (_a2 = opt == null ? void 0 : opt.label) != null ? _a2 : "";
-            },
-            isOptionEqualToValue: (a, b) => a.value === b.value,
-            onChange: onChange2,
-            noOptionsText: "No hay opciones",
-            loadingText: /* @__PURE__ */ jsxRuntime.jsxs(material.Box, { sx: { display: "flex", alignItems: "center", gap: 1 }, children: [
-              /* @__PURE__ */ jsxRuntime.jsx(material.CircularProgress, { size: 20 }),
-              /* @__PURE__ */ jsxRuntime.jsx(material.Typography, { children: "Cargando..." })
-            ] }),
-            renderInput: (params) => /* @__PURE__ */ jsxRuntime.jsx(
-              material.TextField,
-              __spreadProps(__spreadValues({}, params), {
-                placeholder,
-                error,
-                helperText
-              })
-            )
-          }
-        )
-      }
-    );
-  };
-  const handleChangeInternal = (event, newValue) => {
-    var _a;
-    if (multiple) {
-      const values = (newValue != null ? newValue : []).map((opt) => opt.value);
-      onChange == null ? void 0 : onChange(values);
-    } else {
-      const value2 = (_a = newValue == null ? void 0 : newValue.value) != null ? _a : "";
-      onChange == null ? void 0 : onChange(value2);
-    }
-  };
-  return renderAutocomplete(value, handleChangeInternal);
-}
-exports.Autocomplete = AutocompleteSelect;
-//# sourceMappingURL=Autocomplete.cjs.map

package/components/Autocomplete/Autocomplete.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"Autocomplete.cjs","sources":["../../../src/components/Autocomplete/Autocomplete.tsx"],"sourcesContent":["import React from \"react\";\nimport {\n  Autocomplete,\n  TextField,\n  Chip,\n  Avatar,\n  Box,\n  Typography,\n  CircularProgress,\n} from \"@mui/material\";\nimport ClearIcon from \"@mui/icons-material/Clear\";\nimport { styled } from \"@mui/system\";\n\nexport interface SelectOption {\n  value: string | number;\n  label: string;\n  img?: string;\n  disabled?: boolean;\n  group?: string;\n  [key: string]: any;\n}\n\ntype RenderOptionItem = (item: SelectOption) => React.ReactNode;\ntype RenderChipLabel = (item: SelectOption) => React.ReactNode;\n\ninterface AutocompleteProps<\n  TValue extends SelectOption[\"value\"] = SelectOption[\"value\"],\n> {\n  label?: string;\n  value: TValue | TValue[];\n  onChange: (val: TValue | TValue[]) => void;\n  options?: SelectOption[];\n  placeholder?: string;\n  multiple?: boolean;\n  disabled?: boolean;\n  loading?: boolean;\n  error?: boolean;\n  helperText?: string;\n  maxChipsToShow?: number;\n  renderOptionItem?: RenderOptionItem;\n  renderChipLabel?: RenderChipLabel;\n}\n\nconst StyledAutocomplete = styled(Autocomplete as typeof Autocomplete)(\n  ({ theme }) => ({\n    \"& .MuiOutlinedInput-root\": {\n      maxHeight: \"36px\",\n      padding: \"8px 10px\",\n      borderRadius: \"10px\",\n      display: \"flex\",\n      alignItems: \"center\",\n      fontSize: \"14px\",\n    },\n\n    \"& .MuiAutocomplete-inputRoot\": {\n      padding: \"0 !important\",\n    },\n\n    \"& .MuiAutocomplete-input\": {\n      padding: \"0 !important\",\n      height: \"28px\",\n      marginLeft: \"8px\",\n    },\n\n    \"& .MuiOutlinedInput-notchedOutline\": {\n      marginBottom: \"-4px\",\n      borderRadius: \"10px\",\n    },\n\n    \"& .MuiOutlinedInput-notchedOutline > legend\": {\n      display: \"none\",\n    },\n\n    \"& .MuiAutocomplete-endAdornment\": {\n      top: \"50%\",\n      transform: \"translateY(-50%)\",\n    },\n  }),\n);\n\nexport function AutocompleteSelect<\n  TValue extends SelectOption[\"value\"] = SelectOption[\"value\"],\n>(props: AutocompleteProps<TValue>) {\n  const {\n    label,\n    options = [],\n    value,\n    onChange,\n    placeholder,\n    multiple = false,\n    disabled = false,\n    loading = false,\n    error = false,\n    helperText,\n    renderOptionItem,\n    renderChipLabel,\n    maxChipsToShow = 3,\n  } = props;\n\n  const renderTags = (value: SelectOption[], getTagProps: any) => {\n    const displayed = value.slice(0, maxChipsToShow);\n    const hidden = value.length - maxChipsToShow;\n\n    return (\n      <>\n        {displayed.map((option, index) => (\n          <Chip\n            {...getTagProps({ index })}\n            key={option.value}\n            label={renderChipLabel ? renderChipLabel(option) : option.label}\n            avatar={option.img ? <Avatar src={option.img} /> : undefined}\n            deleteIcon={<ClearIcon />}\n          />\n        ))}\n\n        {hidden > 0 && <Chip label={`+${hidden} más`} />}\n      </>\n    );\n  };\n\n  const renderOption = (propsLi: any, option: SelectOption) => (\n    <li {...propsLi} key={option.value}>\n      {renderOptionItem ? renderOptionItem(option) : option.label}\n    </li>\n  );\n\n  const renderAutocomplete = (value: any, onChange: any) => (\n    <Box\n      sx={{\n        width: \"100%\",\n        display: \"grid\",\n        marginBottom: \"10px\",\n        marginTop: \"10px\",\n      }}\n    >\n      <StyledAutocomplete\n        multiple={multiple}\n        options={options}\n        value={\n          multiple\n            ? (options.filter((o) =>\n                (value as string[] | undefined)?.includes(o.value as string),\n              ) ?? [])\n            : (options.find((o) => o.value === value) ?? null)\n        }\n        disabled={disabled}\n        loading={loading}\n        getOptionLabel={(opt: any) => opt?.label ?? \"\"}\n        isOptionEqualToValue={(a: any, b: any) => a.value === b.value}\n        onChange={onChange}\n      //   renderOption={renderOption}\n      //   renderTags={multiple ? renderTags : undefined}\n        noOptionsText=\"No hay opciones\"\n        loadingText={\n          <Box sx={{ display: \"flex\", alignItems: \"center\", gap: 1 }}>\n            <CircularProgress size={20} />\n            <Typography>Cargando...</Typography>\n          </Box>\n        }\n        renderInput={(params) => (\n          <TextField\n            {...params}\n            // label={label}\n            placeholder={placeholder}\n            error={error}\n            helperText={helperText}\n          />\n        )}\n      />\n    </Box>\n  );\n\n  const handleChangeInternal = (event: any, newValue: any) => {\n    if (multiple) {\n      const values = (newValue ?? []).map((opt: any) => opt.value);\n      (onChange as (val: TValue[]) => void)?.(values);\n    } else {\n      const value = newValue?.value ?? \"\";\n      (onChange as (val: TValue) => void)?.(value);\n    }\n  };\n\n  return renderAutocomplete(value, handleChangeInternal);\n}\n\nexport default AutocompleteSelect;\n"],"names":["styled","Autocomplete","value","onChange","jsx","Box","_a","jsxs","CircularProgress","Typography","TextField"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AA2CA,MAAM,qBAAqBA,OAAAA,OAAOC,qBAAmC;AAAA,EACnE,CAAC,EAAE,MAAA,OAAa;AAAA,IACd,4BAA4B;AAAA,MAC1B,WAAW;AAAA,MACX,SAAS;AAAA,MACT,cAAc;AAAA,MACd,SAAS;AAAA,MACT,YAAY;AAAA,MACZ,UAAU;AAAA,IAAA;AAAA,IAGZ,gCAAgC;AAAA,MAC9B,SAAS;AAAA,IAAA;AAAA,IAGX,4BAA4B;AAAA,MAC1B,SAAS;AAAA,MACT,QAAQ;AAAA,MACR,YAAY;AAAA,IAAA;AAAA,IAGd,sCAAsC;AAAA,MACpC,cAAc;AAAA,MACd,cAAc;AAAA,IAAA;AAAA,IAGhB,+CAA+C;AAAA,MAC7C,SAAS;AAAA,IAAA;AAAA,IAGX,mCAAmC;AAAA,MACjC,KAAK;AAAA,MACL,WAAW;AAAA,IAAA;AAAA,EACb;AAEJ;AAEO,SAAS,mBAEd,OAAkC;AAClC,QAAM;AAAA,IACJ;AAAA,IACA,UAAU,CAAA;AAAA,IACV;AAAA,IACA;AAAA,IACA;AAAA,IACA,WAAW;AAAA,IACX,WAAW;AAAA,IACX,UAAU;AAAA,IACV,QAAQ;AAAA,IACR;AAAA,IACA;AAAA,IACA;AAAA,IACA,iBAAiB;AAAA,EAAA,IACf;AA6BJ,QAAM,qBAAqB,CAACC,QAAYC;;AACtCC,sCAAAA;AAAAA,MAACC,SAAAA;AAAAA,MAAA;AAAA,QACC,IAAI;AAAA,UACF,OAAO;AAAA,UACP,SAAS;AAAA,UACT,cAAc;AAAA,UACd,WAAW;AAAA,QAAA;AAAA,QAGb,UAAAD,2BAAAA;AAAAA,UAAC;AAAA,UAAA;AAAA,YACC;AAAA,YACA;AAAA,YACA,OACE,YACK,aAAQ;AAAA,cAAO,CAAC,MACdF,iCAAgC,SAAS,EAAE;AAAA,YAAe,MAD5D,YAEI,CAAA,KACJ,aAAQ,KAAK,CAAC,MAAM,EAAE,UAAUA,MAAK,MAArC,YAA0C;AAAA,YAEjD;AAAA,YACA;AAAA,YACA,gBAAgB,CAAC;;AAAa,sBAAAI,MAAA,2BAAK,UAAL,OAAAA,MAAc;AAAA;AAAA,YAC5C,sBAAsB,CAAC,GAAQ,MAAW,EAAE,UAAU,EAAE;AAAA,YACxD,UAAUH;AAAAA,YAGV,eAAc;AAAA,YACd,aACEI,2BAAAA,KAACF,SAAAA,KAAA,EAAI,IAAI,EAAE,SAAS,QAAQ,YAAY,UAAU,KAAK,EAAA,GACrD,UAAA;AAAA,cAAAD,2BAAAA,IAACI,SAAAA,kBAAA,EAAiB,MAAM,GAAA,CAAI;AAAA,cAC5BJ,2BAAAA,IAACK,SAAAA,cAAW,UAAA,cAAA,CAAW;AAAA,YAAA,GACzB;AAAA,YAEF,aAAa,CAAC,WACZL,2BAAAA;AAAAA,cAACM,SAAAA;AAAAA,cAAA,iCACK,SADL;AAAA,gBAGC;AAAA,gBACA;AAAA,gBACA;AAAA,cAAA;AAAA,YAAA;AAAA,UACF;AAAA,QAAA;AAAA,MAEJ;AAAA,IAAA;AAAA;AAIJ,QAAM,uBAAuB,CAAC,OAAY,aAAkB;;AAC1D,QAAI,UAAU;AACZ,YAAM,UAAU,8BAAY,CAAA,GAAI,IAAI,CAAC,QAAa,IAAI,KAAK;AAC1D,2CAAuC;AAAA,IAC1C,OAAO;AACL,YAAMR,UAAQ,0CAAU,UAAV,YAAmB;AAChC,2CAAqCA;AAAAA,IACxC;AAAA,EACF;AAEA,SAAO,mBAAmB,OAAO,oBAAoB;AACvD;;"}

package/components/Autocomplete/Autocomplete.js

@@ -1,132 +0,0 @@
-var __defProp = Object.defineProperty;
-var __defProps = Object.defineProperties;
-var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
-    }
-  return a;
-};
-var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-import { jsx, jsxs } from "react/jsx-runtime";
-import "react";
-import { Autocomplete, Box, TextField, CircularProgress, Typography } from "@mui/material";
-import "@mui/icons-material/Clear";
-import { styled } from "@mui/system";
-const StyledAutocomplete = styled(Autocomplete)(
-  ({ theme }) => ({
-    "& .MuiOutlinedInput-root": {
-      maxHeight: "36px",
-      padding: "8px 10px",
-      borderRadius: "10px",
-      display: "flex",
-      alignItems: "center",
-      fontSize: "14px"
-    },
-    "& .MuiAutocomplete-inputRoot": {
-      padding: "0 !important"
-    },
-    "& .MuiAutocomplete-input": {
-      padding: "0 !important",
-      height: "28px",
-      marginLeft: "8px"
-    },
-    "& .MuiOutlinedInput-notchedOutline": {
-      marginBottom: "-4px",
-      borderRadius: "10px"
-    },
-    "& .MuiOutlinedInput-notchedOutline > legend": {
-      display: "none"
-    },
-    "& .MuiAutocomplete-endAdornment": {
-      top: "50%",
-      transform: "translateY(-50%)"
-    }
-  })
-);
-function AutocompleteSelect(props) {
-  const {
-    label,
-    options = [],
-    value,
-    onChange,
-    placeholder,
-    multiple = false,
-    disabled = false,
-    loading = false,
-    error = false,
-    helperText,
-    renderOptionItem,
-    renderChipLabel,
-    maxChipsToShow = 3
-  } = props;
-  const renderAutocomplete = (value2, onChange2) => {
-    var _a, _b;
-    return /* @__PURE__ */ jsx(
-      Box,
-      {
-        sx: {
-          width: "100%",
-          display: "grid",
-          marginBottom: "10px",
-          marginTop: "10px"
-        },
-        children: /* @__PURE__ */ jsx(
-          StyledAutocomplete,
-          {
-            multiple,
-            options,
-            value: multiple ? (_a = options.filter(
-              (o) => value2 == null ? void 0 : value2.includes(o.value)
-            )) != null ? _a : [] : (_b = options.find((o) => o.value === value2)) != null ? _b : null,
-            disabled,
-            loading,
-            getOptionLabel: (opt) => {
-              var _a2;
-              return (_a2 = opt == null ? void 0 : opt.label) != null ? _a2 : "";
-            },
-            isOptionEqualToValue: (a, b) => a.value === b.value,
-            onChange: onChange2,
-            noOptionsText: "No hay opciones",
-            loadingText: /* @__PURE__ */ jsxs(Box, { sx: { display: "flex", alignItems: "center", gap: 1 }, children: [
-              /* @__PURE__ */ jsx(CircularProgress, { size: 20 }),
-              /* @__PURE__ */ jsx(Typography, { children: "Cargando..." })
-            ] }),
-            renderInput: (params) => /* @__PURE__ */ jsx(
-              TextField,
-              __spreadProps(__spreadValues({}, params), {
-                placeholder,
-                error,
-                helperText
-              })
-            )
-          }
-        )
-      }
-    );
-  };
-  const handleChangeInternal = (event, newValue) => {
-    var _a;
-    if (multiple) {
-      const values = (newValue != null ? newValue : []).map((opt) => opt.value);
-      onChange == null ? void 0 : onChange(values);
-    } else {
-      const value2 = (_a = newValue == null ? void 0 : newValue.value) != null ? _a : "";
-      onChange == null ? void 0 : onChange(value2);
-    }
-  };
-  return renderAutocomplete(value, handleChangeInternal);
-}
-export {
-  AutocompleteSelect as Autocomplete
-};
-//# sourceMappingURL=Autocomplete.js.map

package/components/Autocomplete/Autocomplete.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Autocomplete.js","sources":["../../../src/components/Autocomplete/Autocomplete.tsx"],"sourcesContent":["import React from \"react\";\nimport {\n  Autocomplete,\n  TextField,\n  Chip,\n  Avatar,\n  Box,\n  Typography,\n  CircularProgress,\n} from \"@mui/material\";\nimport ClearIcon from \"@mui/icons-material/Clear\";\nimport { styled } from \"@mui/system\";\n\nexport interface SelectOption {\n  value: string | number;\n  label: string;\n  img?: string;\n  disabled?: boolean;\n  group?: string;\n  [key: string]: any;\n}\n\ntype RenderOptionItem = (item: SelectOption) => React.ReactNode;\ntype RenderChipLabel = (item: SelectOption) => React.ReactNode;\n\ninterface AutocompleteProps<\n  TValue extends SelectOption[\"value\"] = SelectOption[\"value\"],\n> {\n  label?: string;\n  value: TValue | TValue[];\n  onChange: (val: TValue | TValue[]) => void;\n  options?: SelectOption[];\n  placeholder?: string;\n  multiple?: boolean;\n  disabled?: boolean;\n  loading?: boolean;\n  error?: boolean;\n  helperText?: string;\n  maxChipsToShow?: number;\n  renderOptionItem?: RenderOptionItem;\n  renderChipLabel?: RenderChipLabel;\n}\n\nconst StyledAutocomplete = styled(Autocomplete as typeof Autocomplete)(\n  ({ theme }) => ({\n    \"& .MuiOutlinedInput-root\": {\n      maxHeight: \"36px\",\n      padding: \"8px 10px\",\n      borderRadius: \"10px\",\n      display: \"flex\",\n      alignItems: \"center\",\n      fontSize: \"14px\",\n    },\n\n    \"& .MuiAutocomplete-inputRoot\": {\n      padding: \"0 !important\",\n    },\n\n    \"& .MuiAutocomplete-input\": {\n      padding: \"0 !important\",\n      height: \"28px\",\n      marginLeft: \"8px\",\n    },\n\n    \"& .MuiOutlinedInput-notchedOutline\": {\n      marginBottom: \"-4px\",\n      borderRadius: \"10px\",\n    },\n\n    \"& .MuiOutlinedInput-notchedOutline > legend\": {\n      display: \"none\",\n    },\n\n    \"& .MuiAutocomplete-endAdornment\": {\n      top: \"50%\",\n      transform: \"translateY(-50%)\",\n    },\n  }),\n);\n\nexport function AutocompleteSelect<\n  TValue extends SelectOption[\"value\"] = SelectOption[\"value\"],\n>(props: AutocompleteProps<TValue>) {\n  const {\n    label,\n    options = [],\n    value,\n    onChange,\n    placeholder,\n    multiple = false,\n    disabled = false,\n    loading = false,\n    error = false,\n    helperText,\n    renderOptionItem,\n    renderChipLabel,\n    maxChipsToShow = 3,\n  } = props;\n\n  const renderTags = (value: SelectOption[], getTagProps: any) => {\n    const displayed = value.slice(0, maxChipsToShow);\n    const hidden = value.length - maxChipsToShow;\n\n    return (\n      <>\n        {displayed.map((option, index) => (\n          <Chip\n            {...getTagProps({ index })}\n            key={option.value}\n            label={renderChipLabel ? renderChipLabel(option) : option.label}\n            avatar={option.img ? <Avatar src={option.img} /> : undefined}\n            deleteIcon={<ClearIcon />}\n          />\n        ))}\n\n        {hidden > 0 && <Chip label={`+${hidden} más`} />}\n      </>\n    );\n  };\n\n  const renderOption = (propsLi: any, option: SelectOption) => (\n    <li {...propsLi} key={option.value}>\n      {renderOptionItem ? renderOptionItem(option) : option.label}\n    </li>\n  );\n\n  const renderAutocomplete = (value: any, onChange: any) => (\n    <Box\n      sx={{\n        width: \"100%\",\n        display: \"grid\",\n        marginBottom: \"10px\",\n        marginTop: \"10px\",\n      }}\n    >\n      <StyledAutocomplete\n        multiple={multiple}\n        options={options}\n        value={\n          multiple\n            ? (options.filter((o) =>\n                (value as string[] | undefined)?.includes(o.value as string),\n              ) ?? [])\n            : (options.find((o) => o.value === value) ?? null)\n        }\n        disabled={disabled}\n        loading={loading}\n        getOptionLabel={(opt: any) => opt?.label ?? \"\"}\n        isOptionEqualToValue={(a: any, b: any) => a.value === b.value}\n        onChange={onChange}\n      //   renderOption={renderOption}\n      //   renderTags={multiple ? renderTags : undefined}\n        noOptionsText=\"No hay opciones\"\n        loadingText={\n          <Box sx={{ display: \"flex\", alignItems: \"center\", gap: 1 }}>\n            <CircularProgress size={20} />\n            <Typography>Cargando...</Typography>\n          </Box>\n        }\n        renderInput={(params) => (\n          <TextField\n            {...params}\n            // label={label}\n            placeholder={placeholder}\n            error={error}\n            helperText={helperText}\n          />\n        )}\n      />\n    </Box>\n  );\n\n  const handleChangeInternal = (event: any, newValue: any) => {\n    if (multiple) {\n      const values = (newValue ?? []).map((opt: any) => opt.value);\n      (onChange as (val: TValue[]) => void)?.(values);\n    } else {\n      const value = newValue?.value ?? \"\";\n      (onChange as (val: TValue) => void)?.(value);\n    }\n  };\n\n  return renderAutocomplete(value, handleChangeInternal);\n}\n\nexport default AutocompleteSelect;\n"],"names":["value","onChange","_a"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AA2CA,MAAM,qBAAqB,OAAO,YAAmC;AAAA,EACnE,CAAC,EAAE,MAAA,OAAa;AAAA,IACd,4BAA4B;AAAA,MAC1B,WAAW;AAAA,MACX,SAAS;AAAA,MACT,cAAc;AAAA,MACd,SAAS;AAAA,MACT,YAAY;AAAA,MACZ,UAAU;AAAA,IAAA;AAAA,IAGZ,gCAAgC;AAAA,MAC9B,SAAS;AAAA,IAAA;AAAA,IAGX,4BAA4B;AAAA,MAC1B,SAAS;AAAA,MACT,QAAQ;AAAA,MACR,YAAY;AAAA,IAAA;AAAA,IAGd,sCAAsC;AAAA,MACpC,cAAc;AAAA,MACd,cAAc;AAAA,IAAA;AAAA,IAGhB,+CAA+C;AAAA,MAC7C,SAAS;AAAA,IAAA;AAAA,IAGX,mCAAmC;AAAA,MACjC,KAAK;AAAA,MACL,WAAW;AAAA,IAAA;AAAA,EACb;AAEJ;AAEO,SAAS,mBAEd,OAAkC;AAClC,QAAM;AAAA,IACJ;AAAA,IACA,UAAU,CAAA;AAAA,IACV;AAAA,IACA;AAAA,IACA;AAAA,IACA,WAAW;AAAA,IACX,WAAW;AAAA,IACX,UAAU;AAAA,IACV,QAAQ;AAAA,IACR;AAAA,IACA;AAAA,IACA;AAAA,IACA,iBAAiB;AAAA,EAAA,IACf;AA6BJ,QAAM,qBAAqB,CAACA,QAAYC;;AACtC;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,IAAI;AAAA,UACF,OAAO;AAAA,UACP,SAAS;AAAA,UACT,cAAc;AAAA,UACd,WAAW;AAAA,QAAA;AAAA,QAGb,UAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC;AAAA,YACA;AAAA,YACA,OACE,YACK,aAAQ;AAAA,cAAO,CAAC,MACdD,iCAAgC,SAAS,EAAE;AAAA,YAAe,MAD5D,YAEI,CAAA,KACJ,aAAQ,KAAK,CAAC,MAAM,EAAE,UAAUA,MAAK,MAArC,YAA0C;AAAA,YAEjD;AAAA,YACA;AAAA,YACA,gBAAgB,CAAC;;AAAa,sBAAAE,MAAA,2BAAK,UAAL,OAAAA,MAAc;AAAA;AAAA,YAC5C,sBAAsB,CAAC,GAAQ,MAAW,EAAE,UAAU,EAAE;AAAA,YACxD,UAAUD;AAAAA,YAGV,eAAc;AAAA,YACd,aACE,qBAAC,KAAA,EAAI,IAAI,EAAE,SAAS,QAAQ,YAAY,UAAU,KAAK,EAAA,GACrD,UAAA;AAAA,cAAA,oBAAC,kBAAA,EAAiB,MAAM,GAAA,CAAI;AAAA,cAC5B,oBAAC,cAAW,UAAA,cAAA,CAAW;AAAA,YAAA,GACzB;AAAA,YAEF,aAAa,CAAC,WACZ;AAAA,cAAC;AAAA,cAAA,iCACK,SADL;AAAA,gBAGC;AAAA,gBACA;AAAA,gBACA;AAAA,cAAA;AAAA,YAAA;AAAA,UACF;AAAA,QAAA;AAAA,MAEJ;AAAA,IAAA;AAAA;AAIJ,QAAM,uBAAuB,CAAC,OAAY,aAAkB;;AAC1D,QAAI,UAAU;AACZ,YAAM,UAAU,8BAAY,CAAA,GAAI,IAAI,CAAC,QAAa,IAAI,KAAK;AAC1D,2CAAuC;AAAA,IAC1C,OAAO;AACL,YAAMD,UAAQ,0CAAU,UAAV,YAAmB;AAChC,2CAAqCA;AAAAA,IACxC;AAAA,EACF;AAEA,SAAO,mBAAmB,OAAO,oBAAoB;AACvD;"}