componentes-sinco 1.0.1-rc.1

package/README.md

@@ -0,0 +1,50 @@
+# React + TypeScript + Vite
+
+This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.
+
+Currently, two official plugins are available:
+
+- [@vitejs/plugin-react](https://github.com/vitejs/vite-plugin-react/blob/main/packages/plugin-react/README.md) uses [Babel](https://babeljs.io/) for Fast Refresh
+- [@vitejs/plugin-react-swc](https://github.com/vitejs/vite-plugin-react-swc) uses [SWC](https://swc.rs/) for Fast Refresh
+
+## Expanding the ESLint configuration
+
+If you are developing a production application, we recommend updating the configuration to enable type aware lint rules:
+
+- Configure the top-level `parserOptions` property like this:
+
+```js
+export default tseslint.config({
+  languageOptions: {
+    // other options...
+    parserOptions: {
+      project: ['./tsconfig.node.json', './tsconfig.app.json'],
+      tsconfigRootDir: import.meta.dirname,
+    },
+  },
+})
+```
+
+- Replace `tseslint.configs.recommended` to `tseslint.configs.recommendedTypeChecked` or `tseslint.configs.strictTypeChecked`
+- Optionally add `...tseslint.configs.stylisticTypeChecked`
+- Install [eslint-plugin-react](https://github.com/jsx-eslint/eslint-plugin-react) and update the config:
+
+```js
+// eslint.config.js
+import react from 'eslint-plugin-react'
+
+export default tseslint.config({
+  // Set the react version
+  settings: { react: { version: '18.3' } },
+  plugins: {
+    // Add the react plugin
+    react,
+  },
+  rules: {
+    // other rules...
+    // Enable its recommended rules
+    ...react.configs.recommended.rules,
+    ...react.configs['jsx-runtime'].rules,
+  },
+})
+```

package/dist/index.d.mts

@@ -0,0 +1,101 @@
+import React$1 from 'react';
+import * as Muicon from '@mui/icons-material';
+
+type ReplyPalette = "primary" | "secondary" | "warning" | "info" | "success" | "error";
+type ReplyTextPalette$1 = "primary" | "secondary" | "disabled";
+type ReplyVariants$1 = "outlined" | "filled" | "standard";
+
+interface SCTextFieldProps {
+    title?: string;
+    iconTitle?: string;
+    infoTitle?: string;
+    label?: string;
+    placeholder?: string;
+    color?: ReplyPalette;
+    width?: string;
+    background?: string;
+    format?: string;
+    iconInputStart?: string;
+    iconInputEnd?: string;
+    infoElement?: string;
+    size?: "small" | "medium";
+    variant?: "outlined" | "filled" | "standard";
+    value: string | any;
+    maxLength?: number;
+    disabled?: boolean;
+    required?: boolean;
+    state?: React$1.Dispatch<React$1.SetStateAction<string>>;
+    onChange?: (event: React$1.ChangeEvent<HTMLInputElement>) => void;
+    onBlur?: (event: React$1.FocusEvent<HTMLInputElement>) => void;
+    onKeyDown?: (event: React$1.KeyboardEvent<HTMLInputElement>) => void;
+}
+declare const SCTextField: ({ label, placeholder, width, variant, color, disabled, required, maxLength, background, size, format, title, iconTitle, infoTitle, iconInputStart, iconInputEnd, infoElement, value, state, onChange, onBlur, onKeyDown, }: SCTextFieldProps) => React$1.JSX.Element;
+
+interface ArrayElement {
+    title?: string;
+    iconTitle?: keyof typeof Muicon;
+    infoTitle?: string;
+    placeholder?: string;
+    name?: string;
+    infoElement?: string;
+    iconInputStart?: string;
+    iconInputEnd?: string;
+    component?: React.ReactNode;
+    required?: boolean;
+    disabled?: boolean;
+    value?: string;
+    maxLength?: number;
+    rows?: number;
+    width?: string;
+    background?: string;
+    variant?: ReplyVariants$1;
+    size?: 'small' | 'medium';
+    type?: 'text' | 'textArea';
+    onChange?: () => {};
+    onBlur?: () => {};
+    state?: React.Dispatch<React.SetStateAction<string>>;
+}
+interface DrawerProps {
+    colorTitle?: ReplyTextPalette$1 | ReplyPalette | string;
+    buttonColor?: ReplyPalette;
+    iconPosition?: 'left' | 'right';
+    anchor?: "left" | "right";
+    title?: string;
+    width?: string;
+    iconButton?: string;
+    textButton?: string;
+    open: boolean;
+    arrayElements?: ArrayElement[];
+    actions?: {
+        text: string;
+        fn: () => void;
+        disabled?: boolean;
+    }[];
+}
+
+declare const SCDrawer: ({ title, colorTitle, textButton, iconButton, buttonColor, anchor, iconPosition, width, open, arrayElements, actions, }: DrawerProps) => React$1.JSX.Element;
+
+type ReplyTextPalette = "primary" | "secondary" | "disabled";
+type ReplyVariants = "outlined" | "filled" | "standard";
+
+interface SCTextAreaProps {
+    title?: string;
+    iconTitle?: keyof typeof Muicon;
+    infoTitle?: string;
+    colorTitle?: ReplyTextPalette;
+    placeholder?: string;
+    label?: string;
+    width?: string;
+    required?: boolean;
+    background?: string;
+    variant?: ReplyVariants;
+    disabled?: boolean;
+    rows?: number;
+    maxLength?: number;
+    value: string;
+    state?: React$1.Dispatch<React$1.SetStateAction<string>>;
+    onBlur?: (event: React$1.FocusEvent<HTMLInputElement | HTMLTextAreaElement>) => void;
+}
+declare const SCTextArea: ({ title, infoTitle, colorTitle, iconTitle, placeholder, label, variant, required, disabled, width, rows, maxLength, value, state, onBlur, }: SCTextAreaProps) => React$1.JSX.Element;
+
+export { SCDrawer, SCTextArea, type SCTextAreaProps, SCTextField };

package/dist/index.d.ts

@@ -0,0 +1,101 @@
+import React$1 from 'react';
+import * as Muicon from '@mui/icons-material';
+
+type ReplyPalette = "primary" | "secondary" | "warning" | "info" | "success" | "error";
+type ReplyTextPalette$1 = "primary" | "secondary" | "disabled";
+type ReplyVariants$1 = "outlined" | "filled" | "standard";
+
+interface SCTextFieldProps {
+    title?: string;
+    iconTitle?: string;
+    infoTitle?: string;
+    label?: string;
+    placeholder?: string;
+    color?: ReplyPalette;
+    width?: string;
+    background?: string;
+    format?: string;
+    iconInputStart?: string;
+    iconInputEnd?: string;
+    infoElement?: string;
+    size?: "small" | "medium";
+    variant?: "outlined" | "filled" | "standard";
+    value: string | any;
+    maxLength?: number;
+    disabled?: boolean;
+    required?: boolean;
+    state?: React$1.Dispatch<React$1.SetStateAction<string>>;
+    onChange?: (event: React$1.ChangeEvent<HTMLInputElement>) => void;
+    onBlur?: (event: React$1.FocusEvent<HTMLInputElement>) => void;
+    onKeyDown?: (event: React$1.KeyboardEvent<HTMLInputElement>) => void;
+}
+declare const SCTextField: ({ label, placeholder, width, variant, color, disabled, required, maxLength, background, size, format, title, iconTitle, infoTitle, iconInputStart, iconInputEnd, infoElement, value, state, onChange, onBlur, onKeyDown, }: SCTextFieldProps) => React$1.JSX.Element;
+
+interface ArrayElement {
+    title?: string;
+    iconTitle?: keyof typeof Muicon;
+    infoTitle?: string;
+    placeholder?: string;
+    name?: string;
+    infoElement?: string;
+    iconInputStart?: string;
+    iconInputEnd?: string;
+    component?: React.ReactNode;
+    required?: boolean;
+    disabled?: boolean;
+    value?: string;
+    maxLength?: number;
+    rows?: number;
+    width?: string;
+    background?: string;
+    variant?: ReplyVariants$1;
+    size?: 'small' | 'medium';
+    type?: 'text' | 'textArea';
+    onChange?: () => {};
+    onBlur?: () => {};
+    state?: React.Dispatch<React.SetStateAction<string>>;
+}
+interface DrawerProps {
+    colorTitle?: ReplyTextPalette$1 | ReplyPalette | string;
+    buttonColor?: ReplyPalette;
+    iconPosition?: 'left' | 'right';
+    anchor?: "left" | "right";
+    title?: string;
+    width?: string;
+    iconButton?: string;
+    textButton?: string;
+    open: boolean;
+    arrayElements?: ArrayElement[];
+    actions?: {
+        text: string;
+        fn: () => void;
+        disabled?: boolean;
+    }[];
+}
+
+declare const SCDrawer: ({ title, colorTitle, textButton, iconButton, buttonColor, anchor, iconPosition, width, open, arrayElements, actions, }: DrawerProps) => React$1.JSX.Element;
+
+type ReplyTextPalette = "primary" | "secondary" | "disabled";
+type ReplyVariants = "outlined" | "filled" | "standard";
+
+interface SCTextAreaProps {
+    title?: string;
+    iconTitle?: keyof typeof Muicon;
+    infoTitle?: string;
+    colorTitle?: ReplyTextPalette;
+    placeholder?: string;
+    label?: string;
+    width?: string;
+    required?: boolean;
+    background?: string;
+    variant?: ReplyVariants;
+    disabled?: boolean;
+    rows?: number;
+    maxLength?: number;
+    value: string;
+    state?: React$1.Dispatch<React$1.SetStateAction<string>>;
+    onBlur?: (event: React$1.FocusEvent<HTMLInputElement | HTMLTextAreaElement>) => void;
+}
+declare const SCTextArea: ({ title, infoTitle, colorTitle, iconTitle, placeholder, label, variant, required, disabled, width, rows, maxLength, value, state, onBlur, }: SCTextAreaProps) => React$1.JSX.Element;
+
+export { SCDrawer, SCTextArea, type SCTextAreaProps, SCTextField };