@datability/8ui 1.1.0 → 1.1.2

package/dist/types/App.d.ts

@@ -0,0 +1,2 @@
+declare function App(): import("react/jsx-runtime").JSX.Element;
+export default App;

package/dist/types/components/blackdrop/index.d.ts

@@ -0,0 +1,4 @@
+import { default as React } from 'react';
+import { PropsBlackdrop } from './index.type';
+declare const Blackdrop: React.FC<PropsBlackdrop>;
+export default Blackdrop;

package/dist/types/components/blackdrop/index.type.d.ts

@@ -0,0 +1,6 @@
+import { JSX } from 'react';
+export type PropsBlackdrop = {
+    children: JSX.Element | JSX.Element[];
+    open: boolean;
+    onClose?: () => void;
+};

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

@@ -0,0 +1,4 @@
+import { default as React } from 'react';
+import { PropsButton } from './index.type';
+declare const Button: React.FC<PropsButton>;
+export default Button;

package/dist/types/components/button/index.type.d.ts

@@ -0,0 +1,12 @@
+import { CSSProperties, ElementType } from 'react';
+export type PropsButton = {
+    name?: string;
+    type?: "button" | "submit";
+    disabled?: boolean;
+    onClick?: (e: React.MouseEvent<HTMLButtonElement>) => void;
+    startIcon?: string | ElementType;
+    endIcon?: string | ElementType;
+    className?: string;
+    style?: CSSProperties;
+    isLoading?: boolean;
+};

package/dist/types/components/chip/index.d.ts

@@ -0,0 +1,4 @@
+import { default as React } from 'react';
+import { PropsChip } from './index.type';
+declare const Chip: React.FC<PropsChip>;
+export default Chip;

package/dist/types/components/chip/index.type.d.ts

@@ -0,0 +1,9 @@
+import { CSSProperties, ElementType } from 'react';
+export type PropsChip = {
+    label: string;
+    onDelete?: () => void;
+    onClick?: () => void;
+    icon?: string | ElementType;
+    className?: string;
+    style?: CSSProperties;
+};

package/dist/types/components/context.d.ts

@@ -0,0 +1,8 @@
+import { default as React } from 'react';
+type TContext = {
+    openModalCount: number;
+    setOpenModalCount?: React.Dispatch<React.SetStateAction<number>>;
+};
+export declare const DBuiContext: React.Context<TContext>;
+export declare const DBuiProvider: (props: any) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/types/components/divider/index.d.ts

@@ -0,0 +1,3 @@
+import { default as React } from 'react';
+declare const Divider: React.FC;
+export default Divider;

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

@@ -0,0 +1,41 @@
+export { default as Button } from './button';
+export type { PropsButton } from './button/index.type';
+export { default as Blackdrop } from './blackdrop';
+export type { PropsBlackdrop } from './blackdrop/index.type';
+export { default as Chip } from './chip';
+export type { PropsChip } from './chip/index.type';
+export { default as Divider } from './divider';
+export { default as Menu } from './menu';
+export type { PropsMenu } from './menu/index.type';
+export { default as Modal } from './modal';
+export type { PropsModal } from './modal/index.type';
+export { default as Input } from './input/input-basic';
+export type { PropsInputBasic as PropsInput } from './input/input-basic/index.type';
+export { default as InputNumber } from './input/input-number';
+export type { PropsInputNumber } from './input/input-number/index.type';
+export { default as InputDate } from './input/input-date';
+export type { PropsInputDate } from './input/input-date/index.type';
+export { default as InputDateRange } from './input/input-date-range';
+export type { PropsInputDateRange } from './input/input-date-range/index.type';
+export { default as InputDateTime } from './input/input-date-time';
+export type { PropsInputDateTime } from './input/input-date-time/index.type';
+export { default as InputPassword } from './input/input-password';
+export type { PropsInputPassword } from './input/input-password/index.type';
+export { default as InputRadio } from './input/input-radio';
+export type { PropsInputRadio } from './input/input-radio/index.type';
+export { default as InputCheckbox } from './input/input-checkbox';
+export type { PropsInputCheckbox } from './input/input-checkbox/index.type';
+export { default as InputTextarea } from './input/input-textarea';
+export type { PropsInputTextarea } from './input/input-textarea/index.type';
+export { default as InputSelect } from './input/input-select';
+export type { PropsInputSelect } from './input/input-select/index.type';
+export { default as InputAutoComplete } from './input/input-auto-complete';
+export type { PropsInputAutoComplete } from './input/input-auto-complete/index.type';
+export { default as InputSwitch } from './input/input-switch';
+export type { PropsInputSwitch } from './input/input-switch/index.type';
+export type TValueOption = string | number;
+export type TOption = {
+    label: string;
+    value: TValueOption;
+};
+export { DBuiContext, DBuiProvider } from './context';

package/dist/types/components/input/input-auto-complete/index.d.ts

@@ -0,0 +1,4 @@
+import { default as React } from 'react';
+import { PropsInputAutoComplete } from './index.type';
+declare const InputAutoComplete: React.FC<PropsInputAutoComplete>;
+export default InputAutoComplete;

package/dist/types/components/input/input-auto-complete/index.type.d.ts

@@ -0,0 +1,14 @@
+import { Control } from 'react-hook-form';
+import { TOption } from '../..';
+export type PropsInputAutoComplete = {
+    control: Control<any>;
+    name: string;
+    label?: string;
+    placeholder?: string;
+    disabled?: boolean;
+    require?: boolean;
+    fullWidth?: boolean;
+    options: TOption[];
+    isMultiple?: boolean;
+    isInModal?: boolean;
+};

package/dist/types/components/input/input-base/index.d.ts

@@ -0,0 +1,4 @@
+import { default as React } from 'react';
+import { PropsInputBase } from './index.type';
+declare const InputBase: React.FC<PropsInputBase>;
+export default InputBase;

package/dist/types/components/input/input-base/index.type.d.ts

@@ -0,0 +1,11 @@
+import { JSX } from 'react';
+import { FieldError, FieldErrorsImpl, Merge } from 'react-hook-form';
+export type PropsInputBase = {
+    name: string;
+    label?: string;
+    require?: boolean;
+    fullWidth?: boolean;
+    children: JSX.Element | JSX.Element[];
+    isInvalid: boolean;
+    errorMessage: string | FieldError | Merge<FieldError, FieldErrorsImpl<any>> | undefined;
+};

package/dist/types/components/input/input-basic/index.d.ts

@@ -0,0 +1,4 @@
+import { default as React } from 'react';
+import { PropsInputBasic } from './index.type';
+declare const Input: React.FC<PropsInputBasic>;
+export default Input;

package/dist/types/components/input/input-basic/index.type.d.ts

@@ -0,0 +1,10 @@
+import { Control } from 'react-hook-form';
+export type PropsInputBasic = {
+    control: Control<any>;
+    name: string;
+    label?: string;
+    placeholder?: string;
+    disabled?: boolean;
+    require?: boolean;
+    fullWidth?: boolean;
+};

package/dist/types/components/input/input-checkbox/index.d.ts

@@ -0,0 +1,4 @@
+import { default as React } from 'react';
+import { PropsInputCheckbox } from './index.type';
+declare const InputCheckbox: React.FC<PropsInputCheckbox>;
+export default InputCheckbox;

package/dist/types/components/input/input-checkbox/index.type.d.ts

@@ -0,0 +1,13 @@
+import { Control } from 'react-hook-form';
+export type PropsInputCheckbox = {
+    control: Control<any>;
+    name: string;
+    label?: string;
+    disabled?: boolean;
+    require?: boolean;
+    fullWidth?: boolean;
+    options: {
+        label: string;
+        value: string | number;
+    }[];
+};

package/dist/types/components/input/input-date/index.d.ts

@@ -0,0 +1,22 @@
+import { default as React } from 'react';
+import { PropsInputDate } from './index.type';
+declare const InputDate: React.FC<PropsInputDate>;
+export default InputDate;
+export declare function generateYearOptions(minYear?: number, maxYear?: number): {
+    label: string;
+    value: number;
+}[];
+export declare function generateMonthOptions(): {
+    label: string;
+    value: string;
+}[];
+export declare function updateYearInDateString(dateStr: string, newYear: number): string;
+export declare function updateMonthInDateString(dateStr: string, newMonth: string): string;
+export declare function getYearInDateString(dateStr: string): number;
+export declare function getMonthInDateString(dateStr: string): string;
+export declare function getDayInDateString(dateStr: string): string;
+export declare function getDaysInMonthWithWeekday(year: number, month: string): {
+    date: string;
+    weekday: string;
+}[];
+export declare function getDateNow(): string;

package/dist/types/components/input/input-date/index.type.d.ts

@@ -0,0 +1,13 @@
+import { Control } from 'react-hook-form';
+export type PropsInputDate = {
+    control: Control<any>;
+    name: string;
+    label?: string;
+    placeholder?: string;
+    disabled?: boolean;
+    require?: boolean;
+    fullWidth?: boolean;
+    isHideClearIcon?: boolean;
+    minYear?: number;
+    maxYear?: number;
+};

package/dist/types/components/input/input-date-range/index.d.ts

@@ -0,0 +1,4 @@
+import { default as React } from 'react';
+import { PropsInputDateRange } from './index.type';
+declare const InputDateRange: React.FC<PropsInputDateRange>;
+export default InputDateRange;

package/dist/types/components/input/input-date-range/index.type.d.ts

@@ -0,0 +1,13 @@
+import { Control } from 'react-hook-form';
+export type PropsInputDateRange = {
+    control: Control<any>;
+    name: string;
+    label?: string;
+    placeholder?: string;
+    disabled?: boolean;
+    require?: boolean;
+    fullWidth?: boolean;
+    isHideClearIcon?: boolean;
+    minYear?: number;
+    maxYear?: number;
+};

package/dist/types/components/input/input-date-time/index.d.ts

@@ -0,0 +1,4 @@
+import { default as React } from 'react';
+import { PropsInputDateTime } from './index.type';
+declare const InputDateTime: React.FC<PropsInputDateTime>;
+export default InputDateTime;

package/dist/types/components/input/input-date-time/index.type.d.ts

@@ -0,0 +1,13 @@
+import { Control } from 'react-hook-form';
+export type PropsInputDateTime = {
+    control: Control<any>;
+    name: string;
+    label?: string;
+    placeholder?: string;
+    disabled?: boolean;
+    require?: boolean;
+    fullWidth?: boolean;
+    isHideClearIcon?: boolean;
+    minYear?: number;
+    maxYear?: number;
+};

package/dist/types/components/input/input-number/index.d.ts

@@ -0,0 +1,4 @@
+import { default as React } from 'react';
+import { PropsInputNumber } from './index.type';
+declare const InputNumber: React.FC<PropsInputNumber>;
+export default InputNumber;

package/dist/types/components/input/input-number/index.type.d.ts

@@ -0,0 +1,12 @@
+import { Control } from 'react-hook-form';
+export type PropsInputNumber = {
+    control: Control<any>;
+    name: string;
+    label?: string;
+    placeholder?: string;
+    disabled?: boolean;
+    require?: boolean;
+    fullWidth?: boolean;
+    isPhoneNumber?: boolean;
+    isAvailableMinus?: boolean;
+};

package/dist/types/components/input/input-password/index.d.ts

@@ -0,0 +1,4 @@
+import { default as React } from 'react';
+import { PropsInputPassword } from './index.type';
+declare const InputPassword: React.FC<PropsInputPassword>;
+export default InputPassword;

package/dist/types/components/input/input-password/index.type.d.ts

@@ -0,0 +1,10 @@
+import { Control } from 'react-hook-form';
+export type PropsInputPassword = {
+    control: Control<any>;
+    name: string;
+    label?: string;
+    placeholder?: string;
+    disabled?: boolean;
+    require?: boolean;
+    fullWidth?: boolean;
+};

package/dist/types/components/input/input-radio/index.d.ts

@@ -0,0 +1,4 @@
+import { default as React } from 'react';
+import { PropsInputRadio } from './index.type';
+declare const InputRadio: React.FC<PropsInputRadio>;
+export default InputRadio;

package/dist/types/components/input/input-radio/index.type.d.ts

@@ -0,0 +1,14 @@
+import { Control } from 'react-hook-form';
+export type PropsInputRadio = {
+    control: Control<any>;
+    name: string;
+    label?: string;
+    disabled?: boolean;
+    require?: boolean;
+    fullWidth?: boolean;
+    isVertical?: boolean;
+    options: {
+        label: string;
+        value: string | number;
+    }[];
+};

package/dist/types/components/input/input-select/index.d.ts

@@ -0,0 +1,4 @@
+import { default as React } from 'react';
+import { PropsInputSelect } from './index.type';
+declare const InputSelect: React.FC<PropsInputSelect>;
+export default InputSelect;

package/dist/types/components/input/input-select/index.type.d.ts

@@ -0,0 +1,16 @@
+import { Control } from 'react-hook-form';
+import { TOption, TValueOption } from '../..';
+export type PropsInputSelect = {
+    control: Control<any>;
+    name: string;
+    label?: string;
+    placeholder?: string;
+    disabled?: boolean;
+    require?: boolean;
+    fullWidth?: boolean;
+    options: TOption[];
+    onChange?: (value: TValueOption | null) => void;
+    value?: string;
+    isHideClearIcon?: boolean;
+    isInModal?: boolean;
+};

package/dist/types/components/input/input-switch/index.d.ts

@@ -0,0 +1,4 @@
+import { default as React } from 'react';
+import { PropsInputSwitch } from './index.type';
+declare const InputSwitch: React.FC<PropsInputSwitch>;
+export default InputSwitch;

package/dist/types/components/input/input-switch/index.type.d.ts

@@ -0,0 +1,6 @@
+import { Control } from 'react-hook-form';
+export type PropsInputSwitch = {
+    control: Control<any>;
+    name: string;
+    disabled?: boolean;
+};

package/dist/types/components/input/input-textarea/index.d.ts

@@ -0,0 +1,4 @@
+import { default as React } from 'react';
+import { PropsInputTextarea } from './index.type';
+declare const InputTextarea: React.FC<PropsInputTextarea>;
+export default InputTextarea;

package/dist/types/components/input/input-textarea/index.type.d.ts

@@ -0,0 +1,12 @@
+import { Control } from 'react-hook-form';
+export type PropsInputTextarea = {
+    control: Control<any>;
+    name: string;
+    label?: string;
+    placeholder?: string;
+    disabled?: boolean;
+    require?: boolean;
+    fullWidth?: boolean;
+    rows?: number;
+    cols?: number;
+};

package/dist/types/components/menu/index.d.ts

@@ -0,0 +1,4 @@
+import { default as React } from 'react';
+import { PropsMenu } from './index.type';
+declare const Menu: React.FC<PropsMenu>;
+export default Menu;

package/dist/types/components/menu/index.type.d.ts

@@ -0,0 +1,11 @@
+import { JSX } from 'react';
+export type PropsMenu = {
+    trigger: (props: {
+        isOpen: boolean;
+    }) => JSX.Element;
+    children: (args: {
+        close: () => void;
+    }) => JSX.Element | JSX.Element[];
+    disabled?: boolean;
+    isInModal?: boolean;
+};

package/dist/types/components/modal/index.d.ts

@@ -0,0 +1,4 @@
+import { default as React } from 'react';
+import { PropsModal } from './index.type';
+declare const Modal: React.FC<PropsModal>;
+export default Modal;

package/dist/types/components/modal/index.type.d.ts

@@ -0,0 +1,7 @@
+import { JSX } from 'react';
+export type PropsModal = {
+    children: JSX.Element | JSX.Element[];
+    open: boolean;
+    onClose: () => void;
+    id: string;
+};

package/dist/types/index.d.ts

@@ -0,0 +1,41 @@
+export { default as Button } from './components/button';
+export type { PropsButton } from './components/button/index.type';
+export { default as Blackdrop } from './components/blackdrop';
+export type { PropsBlackdrop } from './components/blackdrop/index.type';
+export { default as Chip } from './components/chip';
+export type { PropsChip } from './components/chip/index.type';
+export { default as Divider } from './components/divider';
+export { default as Menu } from './components/menu';
+export type { PropsMenu } from './components/menu/index.type';
+export { default as Modal } from './components/modal';
+export type { PropsModal } from './components/modal/index.type';
+export { default as Input } from './components/input/input-basic';
+export type { PropsInputBasic as PropsInput } from './components/input/input-basic/index.type';
+export { default as InputNumber } from './components/input/input-number';
+export type { PropsInputNumber } from './components/input/input-number/index.type';
+export { default as InputDate } from './components/input/input-date';
+export type { PropsInputDate } from './components/input/input-date/index.type';
+export { default as InputDateRange } from './components/input/input-date-range';
+export type { PropsInputDateRange } from './components/input/input-date-range/index.type';
+export { default as InputDateTime } from './components/input/input-date-time';
+export type { PropsInputDateTime } from './components/input/input-date-time/index.type';
+export { default as InputPassword } from './components/input/input-password';
+export type { PropsInputPassword } from './components/input/input-password/index.type';
+export { default as InputRadio } from './components/input/input-radio';
+export type { PropsInputRadio } from './components/input/input-radio/index.type';
+export { default as InputCheckbox } from './components/input/input-checkbox';
+export type { PropsInputCheckbox } from './components/input/input-checkbox/index.type';
+export { default as InputTextarea } from './components/input/input-textarea';
+export type { PropsInputTextarea } from './components/input/input-textarea/index.type';
+export { default as InputSelect } from './components/input/input-select';
+export type { PropsInputSelect } from './components/input/input-select/index.type';
+export { default as InputAutoComplete } from './components/input/input-auto-complete';
+export type { PropsInputAutoComplete } from './components/input/input-auto-complete/index.type';
+export { default as InputSwitch } from './components/input/input-switch';
+export type { PropsInputSwitch } from './components/input/input-switch/index.type';
+export type TValueOption = string | number;
+export type TOption = {
+    label: string;
+    value: TValueOption;
+};
+export { DBuiContext, DBuiProvider } from './components/context';

package/dist/types/main.d.ts

@@ -0,0 +1 @@
+export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@datability/8ui",
-  "version": "1.1.0",
+  "version": "1.1.2",
   "type": "module",
   "exports": {
     ".": {
@@ -11,6 +11,10 @@
     "./dist/index.css": "./dist/index.css",
     "./style.css": "./dist/index.css"
   },
+  "style": "./dist/index.css",
+  "files": [
+    "dist"
+  ],
   "scripts": {
     "dev": "vite",
     "build": "vite build && npm run cp-scss && npm run cp-scss-2 && npm run cp-svg",

package/.prettierrc

@@ -1,8 +0,0 @@
-{
-  "semi": false,
-  "trailingComma": "all",
-  "singleQuote": false,
-  "printWidth": 120,
-  "tabWidth": 2,
-  "endOfLine": "auto"
-}

package/.vscode/extensions.json

@@ -1,6 +0,0 @@
-{
-  "recommendations": [
-    "esbenp.prettier-vscode",
-    "dbaeumer.vscode-eslint"
-  ]
-}

package/declaration.d.ts

@@ -1,10 +0,0 @@
-/* eslint-disable @typescript-eslint/no-explicit-any */
-declare module "*.scss" {
-  const content: Record<string, string>
-  export default content
-}
-
-declare module "*.svg" {
-  const content: any
-  export default content
-}

package/docker-compose.yml

@@ -1,20 +0,0 @@
-services:
-  frontend:
-    container_name: npm-fe
-    image: node:20
-    volumes:
-      - .:/workdir
-    working_dir: /workdir
-    ports:
-      - 4000:3000
-    # command: >
-    #   bash -c "
-    #     npm install &&
-    #     npm run dev
-    #   "
-    command: >
-      bash -c "
-        npm install &&
-        npm run build && 
-        npm run preview
-      "

package/eslint.config.js

@@ -1,23 +0,0 @@
-import js from '@eslint/js'
-import globals from 'globals'
-import reactHooks from 'eslint-plugin-react-hooks'
-import reactRefresh from 'eslint-plugin-react-refresh'
-import tseslint from 'typescript-eslint'
-import { defineConfig, globalIgnores } from 'eslint/config'
-
-export default defineConfig([
-  globalIgnores(['dist']),
-  {
-    files: ['**/*.{ts,tsx}'],
-    extends: [
-      js.configs.recommended,
-      tseslint.configs.recommended,
-      reactHooks.configs.flat.recommended,
-      reactRefresh.configs.vite,
-    ],
-    languageOptions: {
-      ecmaVersion: 2020,
-      globals: globals.browser,
-    },
-  },
-])

package/index.html

@@ -1,13 +0,0 @@
-<!doctype html>
-<html lang="en">
-  <head>
-    <meta charset="UTF-8" />
-    <link rel="icon" type="image/svg+xml" href="/vite.svg" />
-    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>8ui</title>
-  </head>
-  <body>
-    <div id="root"></div>
-    <script type="module" src="/src/main.tsx"></script>
-  </body>
-</html>