@soyfri/shared-library 1.0.6 → 1.0.7

package/cjs/components/Chip/Chip.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../_virtual/_tslib.cjs"),i=require("../../_virtual/jsx-runtime.cjs"),a=require("@mui/material");const r=r=>{var{label:l,onClick:t,onDelete:s,avatar:o,icon:n,disabled:c=!1,variant:u="filled",color:d="default",size:v="medium"}=r,b=e.__rest(r,["label","onClick","onDelete","avatar","icon","disabled","variant","color","size"]);return i.jsxRuntimeExports.jsx(a.Chip,Object.assign({label:l,onClick:t,onDelete:s,avatar:o,icon:n,disabled:c,variant:u,color:d,size:v,clickable:!!t},b))};exports.Chip=r,exports.default=r;
+//# sourceMappingURL=Chip.cjs.map

package/cjs/components/Chip/Chip.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Chip.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/cjs/components/Chip.cjs

@@ -0,0 +1,2 @@
+"use strict";var i=require("./Chip/Chip.cjs");exports.Chip=i.Chip;
+//# sourceMappingURL=Chip.cjs.map

package/cjs/components/Chip.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Chip.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/components/Chip/index.ts

@@ -0,0 +1 @@
+export * from '../../esm/components/Chip';

package/esm/components/Chip/Chip.d.ts

@@ -0,0 +1,20 @@
+import React from 'react';
+import { ChipProps as MuiChipProps } from '@mui/material';
+export interface ChipProps extends Omit<MuiChipProps, 'onClick' | 'onDelete' | 'avatar' | 'icon' | 'label' | 'variant' | 'color' | 'size'> {
+    label: React.ReactNode;
+    onClick?: (event: React.MouseEvent<HTMLDivElement>) => void;
+    onDelete?: (event: React.MouseEvent<HTMLDivElement>) => void;
+    avatar?: React.ReactElement;
+    icon?: React.ReactElement;
+    disabled?: boolean;
+    variant?: 'filled' | 'outlined';
+    color?: 'default' | 'primary' | 'secondary' | 'error' | 'info' | 'success' | 'warning';
+    size?: 'small' | 'medium';
+}
+/**
+ * Componente Chip personalizado de Material UI.
+ * Proporciona una interfaz simplificada para el componente Chip de Material UI,
+ * permitiendo una fácil personalización de etiquetas, avatares, iconos y acciones.
+ */
+export declare const Chip: React.FC<ChipProps>;
+export default Chip;

package/esm/components/Chip/Chip.definitions.d.ts

@@ -0,0 +1,10 @@
+export declare const BasicChipDefinition = "\nimport React from 'react';\nimport { Chip } from './Chip'; // Ajusta la ruta si es necesario\nimport { Box, Typography } from '@mui/material';\n\nexport const BasicChipExample = () => {\n  return (\n    <Chip label=\"Etiqueta B\u00E1sica\" />\n  );\n};\n";
+export declare const ClickableChipDefinition = "\nimport React from 'react';\nimport { Chip } from './Chip'; // Ajusta la ruta si es necesario\nimport { Box, Typography } from '@mui/material';\n\nexport const ClickableChipExample = () => {\n  const handleClick = () => {\n    alert('Chip clickeado!');\n  };\n  return (\n    <Chip label=\"Clickeable\" onClick={handleClick} />\n  );\n};\n";
+export declare const DeletableChipDefinition = "\nimport React from 'react';\nimport { Chip } from './Chip'; // Ajusta la ruta si es necesario\nimport { Box, Typography } from '@mui/material';\nimport DeleteIcon from '@mui/icons-material/Delete';\n\nexport const DeletableChipExample = () => {\n  const handleDelete = () => {\n    alert('Chip borrado!');\n  };\n  return (\n    <Chip label=\"Borrable\" onDelete={handleDelete} deleteIcon={<DeleteIcon />} />\n  );\n};\n";
+export declare const ChipWithAvatarDefinition = "\nimport React from 'react';\nimport { Chip } from './Chip'; // Ajusta la ruta si es necesario\nimport { Avatar, Box, Typography } from '@mui/material';\n\nexport const ChipWithAvatarExample = () => {\n  return (\n    <Chip\n      label=\"Con Avatar\"\n      avatar={<Avatar alt=\"Avatar\" src=\"https://placehold.co/40x40/FF7F50/FFFFFF?text=A\" />}\n    />\n  );\n};\n";
+export declare const ChipWithIconDefinition = "\nimport React from 'react';\nimport { Chip } from './Chip'; // Ajusta la ruta si es necesario\nimport { Box, Typography } from '@mui/material';\nimport FaceIcon from '@mui/icons-material/Face';\n\nexport const ChipWithIconExample = () => {\n  return (\n    <Chip label=\"Con Icono\" icon={<FaceIcon />} />\n  );\n};\n";
+export declare const DisabledChipDefinition = "\nimport React from 'react';\nimport { Chip } from './Chip'; // Ajusta la ruta si es necesario\nimport { Box, Typography } from '@mui/material';\n\nexport const DisabledChipExample = () => {\n  return (\n    <Box sx={{ display: 'flex', gap: 2 }}>\n      <Chip label=\"Deshabilitado\" disabled />\n      <Chip label=\"Deshabilitado Borrable\" onDelete={() => {}} disabled />\n    </Box>\n  );\n};\n";
+export declare const ChipVariantsDefinition = "\nimport React from 'react';\nimport { Chip } from './Chip'; // Ajusta la ruta si es necesario\nimport { Box, Typography } from '@mui/material';\n\nexport const ChipVariantsExample = () => {\n  return (\n    <Box sx={{ display: 'flex', gap: 2 }}>\n      <Chip label=\"Filled (Default)\" />\n      <Chip label=\"Outlined\" variant=\"outlined\" />\n    </Box>\n  );\n};\n";
+export declare const ChipColorsDefinition = "\nimport React from 'react';\nimport { Chip } from './Chip'; // Ajusta la ruta si es necesario\nimport { Box, Typography } from '@mui/material';\n\nexport const ChipColorsExample = () => {\n  return (\n    <Box sx={{ display: 'flex', flexWrap: 'wrap', gap: 2 }}>\n      <Chip label=\"Default\" />\n      <Chip label=\"Primary\" color=\"primary\" />\n      <Chip label=\"Secondary\" color=\"secondary\" />\n      <Chip label=\"Error\" color=\"error\" />\n      <Chip label=\"Info\" color=\"info\" />\n      <Chip label=\"Success\" color=\"success\" />\n      <Chip label=\"Warning\" color=\"warning\" />\n      <Chip label=\"Primary Outlined\" color=\"primary\" variant=\"outlined\" />\n      <Chip label=\"Success Outlined\" color=\"success\" variant=\"outlined\" />\n    </Box>\n  );\n};\n";
+export declare const ChipSizesDefinition = "\nimport React from 'react';\nimport { Chip } from './Chip'; // Ajusta la ruta si es necesario\nimport { Box, Typography } from '@mui/material';\n\nexport const ChipSizesExample = () => {\n  return (\n    <Box sx={{ display: 'flex', gap: 2, alignItems: 'center' }}>\n      <Chip label=\"Peque\u00F1o\" size=\"small\" />\n      <Chip label=\"Mediano (Default)\" size=\"medium\" />\n    </Box>\n  );\n};\n";
+export declare const CustomContentChipDefinition = "\nimport React from 'react';\nimport { Chip } from './Chip'; // Ajusta la ruta si es necesario\nimport { Box, Typography, Avatar } from '@mui/material';\nimport CheckCircleOutlineIcon from '@mui/icons-material/CheckCircleOutline';\n\nexport const CustomContentChipExample = () => {\n  const handleClick = () => alert('Perfil visto!');\n  const handleDelete = () => alert('Perfil eliminado!');\n\n  return (\n    <Chip\n      avatar={<Avatar src=\"https://placehold.co/40x40/87CEEB/FFFFFF?text=PR\" />}\n      label={\n        <Box sx={{ display: 'flex', alignItems: 'center', gap: 0.5 }}>\n          <CheckCircleOutlineIcon sx={{ fontSize: 16 }} />\n          <Typography variant=\"body2\" sx={{ fontWeight: 'bold' }}>Perfil Completo</Typography>\n        </Box>\n      }\n      onDelete={handleDelete}\n      onClick={handleClick}\n      color=\"info\"\n      variant=\"outlined\"\n    />\n  );\n};\n";

package/esm/components/Chip/Chip.js

@@ -0,0 +1,2 @@
+import{__rest as a}from"../../_virtual/_tslib.js";import{j as i}from"../../_virtual/jsx-runtime.js";import{Chip as e}from"@mui/material";const l=l=>{var{label:o,onClick:r,onDelete:t,avatar:s,icon:n,disabled:c=!1,variant:m="filled",color:d="default",size:b="medium"}=l,v=a(l,["label","onClick","onDelete","avatar","icon","disabled","variant","color","size"]);return i.jsx(e,Object.assign({label:o,onClick:r,onDelete:t,avatar:s,icon:n,disabled:c,variant:m,color:d,size:b,clickable:!!r},v))};export{l as Chip,l as default};
+//# sourceMappingURL=Chip.js.map

package/esm/components/Chip/Chip.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Chip.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/esm/components/Chip/Chip.stories.d.ts

@@ -0,0 +1,15 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import { Chip } from './Chip';
+declare const meta: Meta<typeof Chip>;
+export default meta;
+type Story = StoryObj<typeof Chip>;
+export declare const BasicChip: Story;
+export declare const ClickableChip: Story;
+export declare const DeletableChip: Story;
+export declare const ChipWithAvatar: Story;
+export declare const ChipWithIcon: Story;
+export declare const DisabledChip: Story;
+export declare const ChipVariants: Story;
+export declare const ChipColors: Story;
+export declare const ChipSizes: Story;
+export declare const CustomContentChip: Story;

package/esm/components/Chip/index.d.ts

@@ -0,0 +1 @@
+export { default as Chip } from './Chip';

package/esm/components/Chip.js

@@ -0,0 +1,2 @@
+export{Chip}from"./Chip/Chip.js";
+//# sourceMappingURL=Chip.js.map

package/esm/components/Chip.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Chip.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@soyfri/shared-library",
-  "version": "1.0.6",
+  "version": "1.0.7",
   "type": "module",
   "main": "dist/index.cjs.js",
   "module": "dist/index.esm.js",
@@ -79,6 +79,11 @@
       "require": "./cjs/components/Column.cjs",
       "types": "./esm/components/Column/Column.d.ts"
     },
+    "./components/Chip": {
+      "import": "./esm/components/Chip.js",
+      "require": "./cjs/components/Chip.cjs",
+      "types": "./esm/components/Chip/Chip.d.ts"
+    },
     "./components/Button": {
       "import": "./esm/components/Button.js",
       "require": "./cjs/components/Button.cjs",