bianic-ui 0.4.16 → 0.4.17

package/package.json

@@ -3,31 +3,73 @@
   "publishConfig": {
     "@biaenergi:registry": "https://gitlab.com/api/v4/projects/50905269/packages/npm/"
   },
-  "version": "0.4.16",
+  "version": "0.4.17",
   "description": "Design Language System develop by BIAENERGI",
   "scripts": {
-    "rollup": "rollup -c"
+    "rollup": "rollup -c",
+    "storybook": "storybook dev -p 6006",
+    "build-storybook": "storybook build",
+    "publish-storybook": "npx chromatic --project-token=chpt_2ced61576f9e1e6",
+    "lint": "npx eslint src/components",
+    "lint:fix": "npx eslint src/components --fix",
+    "prepare": "husky install"
+  },
+  "author": {
+    "name": "Biaenergi"
   },
-  "author": "Biaenergi",
   "license": "ISC",
   "devDependencies": {
+    "@chromatic-com/storybook": "^1.5.0",
+    "@eslint/js": "^9.5.0",
     "@rollup/plugin-commonjs": "^25.0.4",
     "@rollup/plugin-node-resolve": "^15.2.1",
     "@rollup/plugin-typescript": "^11.1.4",
     "@rollup/plugin-url": "^8.0.2",
+    "@storybook/addon-essentials": "^8.1.11",
+    "@storybook/addon-interactions": "^8.1.6",
+    "@storybook/addon-links": "^8.1.6",
+    "@storybook/addon-onboarding": "^8.1.6",
+    "@storybook/addon-styling-webpack": "^1.0.0",
+    "@storybook/addon-webpack5-compiler-swc": "^1.0.3",
+    "@storybook/blocks": "^8.1.6",
+    "@storybook/react": "^8.1.11",
+    "@storybook/react-webpack5": "^8.1.6",
+    "@storybook/test": "^8.1.6",
     "@types/react": "^18.2.24",
-    "autoprefixer": "^10.4.16",
+    "@typescript-eslint/eslint-plugin": "^7.13.1",
+    "@typescript-eslint/parser": "^7.13.1",
+    "autoprefixer": "^10.4.19",
+    "chromatic": "^11.5.3",
+    "css-loader": "^7.1.2",
+    "eslint": "^8.57.0",
+    "eslint-config-airbnb": "^19.0.4",
+    "eslint-config-airbnb-typescript": "^18.0.0",
+    "eslint-config-node": "^4.1.0",
+    "eslint-config-prettier": "^9.1.0",
+    "eslint-plugin-import": "^2.25.3",
+    "eslint-plugin-jsx-a11y": "^6.5.1",
+    "eslint-plugin-node": "^11.1.0",
+    "eslint-plugin-prettier": "^5.1.3",
+    "eslint-plugin-react": "^7.34.3",
+    "eslint-plugin-react-hooks": "^4.3.0",
+    "globals": "^15.6.0",
+    "husky": "^9.0.11",
     "postcss": "^8.4.31",
-    "prettier": "^3.0.3",
+    "postcss-loader": "^8.1.1",
+    "prettier": "^3.3.2",
     "prettier-plugin-tailwindcss": "^0.5.6",
-    "react": "^18.2.0",
     "rollup": "^3.29.4",
     "rollup-plugin-copy": "^3.5.0",
     "rollup-plugin-dts": "^6.0.2",
     "rollup-plugin-image": "^1.0.2",
-    "tailwindcss": "^3.3.3",
+    "sass": "^1.77.6",
+    "sass-loader": "^14.2.1",
+    "storybook": "^8.1.6",
+    "style-loader": "^4.0.0",
+    "tailwindcss": "^3.4.4",
     "tslib": "^2.6.2",
     "typescript": "^5.2.2",
+    "typescript-eslint": "^7.13.1",
     "url-loader": "^4.1.1",
     "webpack": "^5.88.2"
   },
@@ -43,7 +85,7 @@
   },
   "types": "dist/index.d.ts",
   "dependencies": {
-    "bianic-ui": "^0.4.8",
+    "react-icons": "^5.2.1",
     "rollup-plugin-postcss": "^4.0.2"
   }
 }

package/dist/cjs/types/components/Button/Button.d.ts

@@ -1,12 +0,0 @@
-import React, { ComponentPropsWithoutRef } from "react";
-export interface ButtonProps extends ComponentPropsWithoutRef<"button"> {
-    label?: any;
-    variant?: string;
-    size?: string;
-    radius?: string;
-    left?: any;
-    right?: any;
-    shadow?: boolean;
-}
-declare const Button: ({ label, variant, size, radius, left, shadow, right, ...rest }: ButtonProps) => React.JSX.Element;
-export default Button;

package/dist/cjs/types/components/Dump/Dump.d.ts

@@ -1,3 +0,0 @@
-import React from "react";
-declare const Dump: () => React.JSX.Element;
-export default Dump;

package/dist/cjs/types/components/Dump/index.d.ts

@@ -1 +0,0 @@
-export { default } from "./Dump";

package/dist/cjs/types/components/Forms/Checkbox.d.ts

@@ -1,7 +0,0 @@
-import React, { ComponentPropsWithoutRef } from "react";
-export interface CheckboxProps extends ComponentPropsWithoutRef<"input"> {
-    label: string;
-    inputSize: string;
-}
-declare const Checkbox: ({ label, inputSize, ...rest }: CheckboxProps) => React.JSX.Element;
-export default Checkbox;

package/dist/cjs/types/components/Forms/LiveSearch.d.ts

@@ -1,13 +0,0 @@
-import React, { ComponentPropsWithoutRef } from "react";
-export interface LiveSearchProps extends ComponentPropsWithoutRef<"input"> {
-    label: string;
-    inputSize: string;
-    searchData: any;
-    isOpen: boolean;
-    setIsOpen: any;
-    value: any;
-    setValue: any;
-    descText: string;
-}
-declare const LiveSearch: ({ isOpen, setIsOpen, value, setValue, inputSize, ...rest }: LiveSearchProps) => React.JSX.Element;
-export default LiveSearch;

package/dist/cjs/types/components/Forms/Radio.d.ts

@@ -1,8 +0,0 @@
-import React, { ComponentPropsWithoutRef } from "react";
-export interface RadioProps extends ComponentPropsWithoutRef<"input"> {
-    data: any;
-    label: string;
-    InputSize: string;
-}
-declare const Radio: ({ label, data, InputSize, ...rest }: RadioProps) => React.JSX.Element;
-export default Radio;

package/dist/cjs/types/components/Forms/SelectInput.d.ts

@@ -1,13 +0,0 @@
-import React, { ComponentPropsWithoutRef } from "react";
-export interface SelectInputProps extends ComponentPropsWithoutRef<"input"> {
-    label: string;
-    descText: string;
-    isOpen: boolean;
-    setIsOpen: any;
-    options: any;
-    selected: object;
-    setSelected: any;
-    inputSize: string;
-}
-declare const SelectInput: ({ label, descText, isOpen, setIsOpen, options, selected, setSelected, inputSize, ...rest }: SelectInputProps) => React.JSX.Element;
-export default SelectInput;

package/dist/cjs/types/components/Forms/TextArea.d.ts

@@ -1,10 +0,0 @@
-import React, { ComponentPropsWithoutRef } from "react";
-export interface TextAreaProps extends ComponentPropsWithoutRef<"textarea"> {
-    state: string;
-    label: string;
-    important: boolean;
-    descText: string;
-    errText: string;
-}
-declare const TextArea: ({ label, important, descText, errText, ...rest }: TextAreaProps) => React.JSX.Element;
-export default TextArea;

package/dist/cjs/types/components/Forms/TextInput.d.ts

@@ -1,14 +0,0 @@
-import React, { ComponentPropsWithoutRef } from "react";
-export interface TextInputProps extends ComponentPropsWithoutRef<"input"> {
-    variant: string;
-    state: string;
-    label: string;
-    important: boolean;
-    descText: string;
-    errText: string;
-    placeholder: string;
-    icon: string;
-    inputSize: string;
-}
-declare const TextInput: ({ variant, label, important, descText, errText, icon, inputSize, ...rest }: TextInputProps) => React.JSX.Element;
-export default TextInput;

package/dist/cjs/types/components/Forms/Toggle.d.ts

@@ -1,8 +0,0 @@
-import React, { ComponentPropsWithoutRef } from "react";
-export interface CheckboxProps extends ComponentPropsWithoutRef<"input"> {
-    label: string;
-    inputSize: string;
-    data: string;
-}
-declare const Toggle: ({ label, inputSize, onClick, ...rest }: CheckboxProps) => React.JSX.Element;
-export default Toggle;

package/dist/cjs/types/components/Modal/ModalBody.d.ts

@@ -1,10 +0,0 @@
-import React, { ComponentPropsWithoutRef } from "react";
-export interface ModalProps extends ComponentPropsWithoutRef<"div"> {
-    modalSize: string;
-    title: string;
-    isShow: boolean;
-    setIsShow: any;
-    atribut: any;
-}
-declare const ModalBody: ({ ...rest }: ModalProps) => React.JSX.Element;
-export default ModalBody;

package/dist/cjs/types/components/Modal/ModalFooter.d.ts

@@ -1,7 +0,0 @@
-import React from "react";
-import { ComponentPropsWithoutRef } from "react";
-export interface ModalFooterProps extends ComponentPropsWithoutRef<"div"> {
-    position?: string;
-}
-declare const ModalFooter: ({ ...rest }: ModalFooterProps) => React.JSX.Element;
-export default ModalFooter;

package/dist/cjs/types/components/Modal/index.d.ts

@@ -1,3 +0,0 @@
-export { default as ModalBody } from "./ModalBody";
-export { default as ModalContent } from "./ModalContent";
-export { default as ModalFooter } from "./ModalFooter";

package/dist/cjs/types/components/Tag/TagLabel.d.ts

@@ -1,14 +0,0 @@
-import React, { ComponentPropsWithoutRef } from "react";
-export interface TagLabelProps extends ComponentPropsWithoutRef<"span"> {
-    text: string;
-    variant: string;
-    size: string;
-    color: string;
-    capitalize: boolean;
-    textColor: string;
-    closeHandler?: any;
-    right?: any;
-    left?: any;
-}
-declare const TagLabel: ({ text, variant, size, color, right, left, closeHandler, capitalize, textColor, ...rest }: TagLabelProps) => React.JSX.Element;
-export default TagLabel;

package/dist/cjs/types/components/Tag/index.d.ts

@@ -1 +0,0 @@
-export { default as TagLabel } from "./TagLabel";

package/dist/cjs/types/components/Typography/Text.d.ts

@@ -1,7 +0,0 @@
-import React, { ComponentPropsWithoutRef } from "react";
-export interface TextProps extends ComponentPropsWithoutRef<"span"> {
-    variant: string;
-    action: string;
-}
-declare const Text: ({ variant, action, ...rest }: TextProps) => React.JSX.Element;
-export default Text;

package/dist/esm/types/components/Button/Button.d.ts

@@ -1,12 +0,0 @@
-import React, { ComponentPropsWithoutRef } from "react";
-export interface ButtonProps extends ComponentPropsWithoutRef<"button"> {
-    label?: any;
-    variant?: string;
-    size?: string;
-    radius?: string;
-    left?: any;
-    right?: any;
-    shadow?: boolean;
-}
-declare const Button: ({ label, variant, size, radius, left, shadow, right, ...rest }: ButtonProps) => React.JSX.Element;
-export default Button;

package/dist/esm/types/components/Dump/Dump.d.ts

@@ -1,3 +0,0 @@
-import React from "react";
-declare const Dump: () => React.JSX.Element;
-export default Dump;

package/dist/esm/types/components/Dump/index.d.ts

@@ -1 +0,0 @@
-export { default } from "./Dump";

package/dist/esm/types/components/Forms/Checkbox.d.ts

@@ -1,7 +0,0 @@
-import React, { ComponentPropsWithoutRef } from "react";
-export interface CheckboxProps extends ComponentPropsWithoutRef<"input"> {
-    label: string;
-    inputSize: string;
-}
-declare const Checkbox: ({ label, inputSize, ...rest }: CheckboxProps) => React.JSX.Element;
-export default Checkbox;

package/dist/esm/types/components/Forms/LiveSearch.d.ts

@@ -1,13 +0,0 @@
-import React, { ComponentPropsWithoutRef } from "react";
-export interface LiveSearchProps extends ComponentPropsWithoutRef<"input"> {
-    label: string;
-    inputSize: string;
-    searchData: any;
-    isOpen: boolean;
-    setIsOpen: any;
-    value: any;
-    setValue: any;
-    descText: string;
-}
-declare const LiveSearch: ({ isOpen, setIsOpen, value, setValue, inputSize, ...rest }: LiveSearchProps) => React.JSX.Element;
-export default LiveSearch;

package/dist/esm/types/components/Forms/Radio.d.ts

@@ -1,8 +0,0 @@
-import React, { ComponentPropsWithoutRef } from "react";
-export interface RadioProps extends ComponentPropsWithoutRef<"input"> {
-    data: any;
-    label: string;
-    InputSize: string;
-}
-declare const Radio: ({ label, data, InputSize, ...rest }: RadioProps) => React.JSX.Element;
-export default Radio;

package/dist/esm/types/components/Forms/SelectInput.d.ts

@@ -1,13 +0,0 @@
-import React, { ComponentPropsWithoutRef } from "react";
-export interface SelectInputProps extends ComponentPropsWithoutRef<"input"> {
-    label: string;
-    descText: string;
-    isOpen: boolean;
-    setIsOpen: any;
-    options: any;
-    selected: object;
-    setSelected: any;
-    inputSize: string;
-}
-declare const SelectInput: ({ label, descText, isOpen, setIsOpen, options, selected, setSelected, inputSize, ...rest }: SelectInputProps) => React.JSX.Element;
-export default SelectInput;

package/dist/esm/types/components/Forms/TextArea.d.ts

@@ -1,10 +0,0 @@
-import React, { ComponentPropsWithoutRef } from "react";
-export interface TextAreaProps extends ComponentPropsWithoutRef<"textarea"> {
-    state: string;
-    label: string;
-    important: boolean;
-    descText: string;
-    errText: string;
-}
-declare const TextArea: ({ label, important, descText, errText, ...rest }: TextAreaProps) => React.JSX.Element;
-export default TextArea;

package/dist/esm/types/components/Forms/TextInput.d.ts

@@ -1,14 +0,0 @@
-import React, { ComponentPropsWithoutRef } from "react";
-export interface TextInputProps extends ComponentPropsWithoutRef<"input"> {
-    variant: string;
-    state: string;
-    label: string;
-    important: boolean;
-    descText: string;
-    errText: string;
-    placeholder: string;
-    icon: string;
-    inputSize: string;
-}
-declare const TextInput: ({ variant, label, important, descText, errText, icon, inputSize, ...rest }: TextInputProps) => React.JSX.Element;
-export default TextInput;

package/dist/esm/types/components/Forms/Toggle.d.ts

@@ -1,8 +0,0 @@
-import React, { ComponentPropsWithoutRef } from "react";
-export interface CheckboxProps extends ComponentPropsWithoutRef<"input"> {
-    label: string;
-    inputSize: string;
-    data: string;
-}
-declare const Toggle: ({ label, inputSize, onClick, ...rest }: CheckboxProps) => React.JSX.Element;
-export default Toggle;

package/dist/esm/types/components/Modal/ModalBody.d.ts

@@ -1,10 +0,0 @@
-import React, { ComponentPropsWithoutRef } from "react";
-export interface ModalProps extends ComponentPropsWithoutRef<"div"> {
-    modalSize: string;
-    title: string;
-    isShow: boolean;
-    setIsShow: any;
-    atribut: any;
-}
-declare const ModalBody: ({ ...rest }: ModalProps) => React.JSX.Element;
-export default ModalBody;

package/dist/esm/types/components/Modal/ModalFooter.d.ts

@@ -1,7 +0,0 @@
-import React from "react";
-import { ComponentPropsWithoutRef } from "react";
-export interface ModalFooterProps extends ComponentPropsWithoutRef<"div"> {
-    position?: string;
-}
-declare const ModalFooter: ({ ...rest }: ModalFooterProps) => React.JSX.Element;
-export default ModalFooter;

package/dist/esm/types/components/Modal/index.d.ts

@@ -1,3 +0,0 @@
-export { default as ModalBody } from "./ModalBody";
-export { default as ModalContent } from "./ModalContent";
-export { default as ModalFooter } from "./ModalFooter";

package/dist/esm/types/components/Tag/TagLabel.d.ts

@@ -1,14 +0,0 @@
-import React, { ComponentPropsWithoutRef } from "react";
-export interface TagLabelProps extends ComponentPropsWithoutRef<"span"> {
-    text: string;
-    variant: string;
-    size: string;
-    color: string;
-    capitalize: boolean;
-    textColor: string;
-    closeHandler?: any;
-    right?: any;
-    left?: any;
-}
-declare const TagLabel: ({ text, variant, size, color, right, left, closeHandler, capitalize, textColor, ...rest }: TagLabelProps) => React.JSX.Element;
-export default TagLabel;

package/dist/esm/types/components/Tag/index.d.ts

@@ -1 +0,0 @@
-export { default as TagLabel } from "./TagLabel";

package/dist/esm/types/components/Typography/Text.d.ts

@@ -1,7 +0,0 @@
-import React, { ComponentPropsWithoutRef } from "react";
-export interface TextProps extends ComponentPropsWithoutRef<"span"> {
-    variant: string;
-    action: string;
-}
-declare const Text: ({ variant, action, ...rest }: TextProps) => React.JSX.Element;
-export default Text;