@producteca/producteca-ui-kit 1.0.0 → 1.1.0

package/README.md

@@ -32,24 +32,37 @@ Follow these steps to integrate and configure the `@producteca/producteca-ui-kit
 
 1. **Install the package**  
    Make sure to install the latest version of the package:
+
    ```bash
    bun install @producteca/producteca-ui-kit
 
    ```
+
 2. **Import the styles**  
    Add the following line to your `app/css/setup.js` file:
+
    ```bash
    import "@producteca/producteca-ui-kit/dist/style.css";
 
    ```
+
 3. **Remove old SelectField instances**
 
 - Check for any existing version of `selectField`. If found, delete the file:
+
   ```bash
   app/components/form/selectField
 
   ```
+
 - Update any old imports to:
   ```bash
   import { SelectField } from "@producteca/producteca-ui-kit";
   ```
+
+### Auto Publish
+
+- Use the following options for the branch name
+  ```bash
+      (major | minor | patch | premajor | preminor | prepatch | prerelease)/name
+  ```

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@producteca/producteca-ui-kit",
-  "version": "1.0.0",
+  "version": "1.1.0",
   "main": "./dist/producteca-ui-kit.umd.js",
   "types": "./dist/index.d.ts",
   "repository": {
@@ -20,6 +20,8 @@
     "dev": "storybook dev -p 6006",
     "build": "storybook build",
     "build:lib": "rm -rf dist && tsc && vite build",
+    "version": "git add package.json",
+    "postversion": "npm publish",
     "deploy": "make deploy",
     "lint": "eslint --ext .js,.jsx,.ts,.tsx --fix",
     "prettier": "prettier --write \"src/**/*.{ts,tsx,js,mdx}\"",

package/dist/components/button/button.d.ts

@@ -1,11 +0,0 @@
-interface ButtonProps {
-    label: string;
-    variant?: 'primary' | 'secondary' | 'success' | 'error';
-    outline?: boolean;
-    size?: 'sm' | 'lg';
-    type?: 'submit' | 'button' | 'reset';
-    onClick?: () => void;
-}
-export declare const Button: ({ type, variant, size, label, outline, ...props }: ButtonProps) => import("react/jsx-runtime").JSX.Element;
-export type { ButtonProps };
-export default Button;

package/dist/components/emptyState/emptyState.d.ts

@@ -1,11 +0,0 @@
-import { default as React } from 'react';
-
-interface EmptyStateProps {
-    onActionClick?: () => void;
-    actionText?: string;
-    text?: string;
-    icon?: React.ReactNode;
-}
-export declare const EmptyState: ({ onActionClick, icon, actionText, text, }: EmptyStateProps) => import("react/jsx-runtime").JSX.Element;
-export type { EmptyStateProps };
-export default EmptyState;

package/dist/components/icons/closeIcon/closeIcon.d.ts

@@ -1,5 +0,0 @@
-import { IconInterface } from '../parameters';
-
-export declare const CloseIcon: ({ size, color }: IconInterface) => import("react/jsx-runtime").JSX.Element;
-export type { IconInterface };
-export default CloseIcon;

package/dist/components/icons/index.d.ts

@@ -1,3 +0,0 @@
-export { SearchPublication } from './searchPublication/searchPublication';
-export { CloseIcon } from './closeIcon/closeIcon';
-export { SearchIcon } from './searchIcon/searchIcon';

package/dist/components/icons/parameters.d.ts

@@ -1,35 +0,0 @@
-export interface IconInterface {
-    size?: number;
-    color?: string;
-}
-interface ArgTypes {
-    [key: string]: {
-        control: {
-            type: string;
-            presetColors?: {
-                title: string;
-                color: string;
-            }[];
-        };
-        description: string;
-    };
-}
-export declare const argTypes: ArgTypes;
-export declare const parameters: {
-    layout: string;
-    design: {
-        type: string;
-        url: string;
-    };
-};
-export declare const defaultParameters: {
-    parameters: {
-        layout: string;
-        design: {
-            type: string;
-            url: string;
-        };
-    };
-    argTypes: ArgTypes;
-};
-export default defaultParameters;

package/dist/components/icons/searchIcon/searchIcon.d.ts

@@ -1,5 +0,0 @@
-import { IconInterface } from '../parameters';
-
-export declare const SearchIcon: ({ size, color }: IconInterface) => import("react/jsx-runtime").JSX.Element;
-export type { IconInterface };
-export default SearchIcon;

package/dist/components/icons/searchPublication/searchPublication.d.ts

@@ -1,5 +0,0 @@
-import { IconInterface } from '../parameters';
-
-export declare const SearchPublication: ({ size, color }: IconInterface) => import("react/jsx-runtime").JSX.Element;
-export type { IconInterface };
-export default SearchPublication;

package/dist/components/index.d.ts

@@ -1,5 +0,0 @@
-export * from './button/button';
-export * from './emptyState/emptyState';
-export * from './selectField/selectField';
-export * from './icons';
-export * from './spinner/spinner';

package/dist/components/selectField/selectField.d.ts

@@ -1,28 +0,0 @@
-import { default as React } from 'react';
-
-interface SelectOption {
-    label: string;
-    value: string | number;
-    [key: string]: any;
-}
-export interface SelectFieldProps {
-    name: string;
-    label?: string;
-    placeholder?: string;
-    isDisabled?: boolean;
-    onBlur?: () => void;
-    noOptionsMessage?: string;
-    options: SelectOption[];
-    hideSelectedOptions?: boolean;
-    defaultValue?: SelectOption[] | SelectOption | null | undefined;
-    currentValue?: (string | number)[];
-    isMultiple?: boolean;
-    isSearchable?: boolean;
-    isClearable?: boolean;
-    isRequired?: boolean;
-    isOptionDisabled?: (option: SelectOption) => boolean;
-    rightModifier?: React.ReactNode;
-    setValue: (name: string, value: SelectOption | SelectOption[] | null) => void;
-}
-export declare const SelectField: React.FC<SelectFieldProps>;
-export default SelectField;

package/dist/components/spinner/spinner.d.ts

@@ -1,6 +0,0 @@
-interface SpinnerProps {
-    size?: number;
-}
-export declare const Spinner: ({ size }: SpinnerProps) => import("react/jsx-runtime").JSX.Element;
-export type { SpinnerProps };
-export default Spinner;

package/dist/index.d.ts

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

package/dist/locales/es.d.ts

@@ -1,12 +0,0 @@
-declare const _default: {
-    noResultsFound: string;
-    reloadPage: string;
-    selectPlaceholder: string;
-    noOptionsMessage: string;
-    noFoundOptions: string;
-    selectedPlural: string;
-    selected: string;
-    selectRequiredText: string;
-    hideSelectedOptionsExplainText: string;
-};
-export default _default;

package/dist/locales/index.d.ts

@@ -1,2 +0,0 @@
-declare const _default: import('i18next').TFunction<["translation", ...string[]], undefined>;
-export default _default;

package/dist/locales/translator.d.ts

@@ -1,3 +0,0 @@
-import { default as i18next } from 'i18next';
-
-export default i18next;