@datability/8ui 1.2.3 → 1.4.0

package/dist/components/input/input-radio/index.scss

@@ -1,35 +0,0 @@
-@import '../extend.scss';
-
-.DBui-wrapInputRadioList {
-    display: flex;
-    width: 100%;
-    gap: 1em;
-
-    &[data-vertical='true'] {
-        flex-direction: column;
-        gap: 0.5em;
-    }
-
-    .DBui-wrapInputRadio {
-        display: flex;
-        align-items: center;
-        gap: 0.3em;
-
-        .DBui-labelRadio {
-            &[data-invalid='true'] {
-                color: #EB5757;
-            }
-        }
-
-        .DBui-inputRadio {
-            border-radius: 0.3em;
-            width: 20px;
-            height: 20px;
-            cursor: pointer;
-
-            &:disabled {
-                @extend .DBui-disabled;
-            }
-        }
-    }
-}

package/dist/components/input/input-select/index.scss

@@ -1,81 +0,0 @@
-@import '../extend.scss';
-
-.DBui-wrapperInputSelect {
-  cursor: pointer;
-  position: relative;
-  height: 35px;
-  width: 100%;
-  padding: 0.3em 35px 0.3em 0.5em;
-  border-radius: 8px;
-  border: 1px solid #e3e3e8;
-  background-color: #ffffff;
-  color: #000000;
-  display: flex;
-
-  &[data-invalid='true'] {
-    border: 1px solid #eb5757;
-  }
-
-  &[data-disabled='true'] {
-    @extend .DBui-disabled;
-  }
-
-  .DBui-wrapperLabel {
-    text-overflow: ellipsis;
-    overflow: hidden;
-    display: -webkit-box;
-    -webkit-line-clamp: 1;
-    -webkit-box-orient: vertical;
-  }
-
-  .DBui-placeholder {
-    color: #c3c3c3;
-  }
-
-  .DBui-wrapperLabelInputSelect {
-    display: flex;
-    gap: 0.3em;
-    align-items: center;
-    width: 100%;
-
-    .DBui-clearIconInputSelect {
-      width: 20px;
-
-      &[data-hidden='true'] {
-        display: none !important;
-      }
-
-      &:hover {
-        opacity: 0.8;
-      }
-    }
-  }
-
-  .DBui-arrowIconInputSelect {
-    position: absolute;
-    right: 5px;
-    top: 50%;
-    transform: translateY(-50%);
-    transition: transform 0.2s;
-
-    &[data-checked='false'] {
-      transform: rotate(180deg) translateY(50%);
-    }
-  }
-}
-
-.DBui-menuItemInputSelect {
-  background-color: #ffffff;
-  color: #000000;
-  padding: 0.3em 0.5em;
-  cursor: pointer;
-
-  &:hover {
-    background-color: #fafafa;
-  }
-
-  &[data-checked='true'] {
-    background-color: #0045a5;
-    color: #ffffff;
-  }
-}

package/dist/components/input/input-switch/index.scss

@@ -1,84 +0,0 @@
-.DBui-switch {
-    position: relative;
-    display: inline-block;
-    width: 51px;
-    height: 28px;
-
-    input {
-        opacity: 0;
-        width: 0;
-        height: 0;
-    }
-
-    .DBui-minus {
-        position: absolute;
-        height: 9px;
-        width: 1px;
-        left: 18px;
-        bottom: 9px;
-        background-color: #1C1C1E;
-        z-index: 1;
-        border-radius: 999px;
-    }
-
-    .DBui-miniCircle {
-        position: absolute;
-        border-radius: 100%;
-        height: 7px;
-        width: 7px;
-        right: 11px;
-        bottom: 10px;
-        box-shadow: 0 0 0px 1px #000000;
-        z-index: 1;
-    }
-
-    .DBui-slider {
-        border-radius: 34px;
-
-        position: absolute;
-        cursor: pointer;
-        top: 0;
-        left: 0;
-        right: 0;
-        bottom: 0;
-        background-color: #AAAAAA;
-        -webkit-transition: 0.3s cubic-bezier(0.61, -0.01, 0.2, 1.37);
-        transition: 0.3s cubic-bezier(0.61, -0.01, 0.2, 1.37);
-
-        &:before {
-            border-radius: 50%;
-            z-index: 2;
-
-            position: absolute;
-            content: '';
-            height: 20px;
-            width: 20px;
-            left: 4px;
-            bottom: 4px;
-            background-color: #1C1C1E;
-            box-shadow: 0px 0.31px 10px 0px #00000004;
-            -webkit-transition: 0.3s cubic-bezier(0.61, -0.01, 0.2, 1.37);
-            transition: 0.3s cubic-bezier(0.61, -0.01, 0.2, 1.37);
-        }
-    }
-
-    input:checked+.DBui-slider {
-        background-color: #477cee;
-    }
-
-    input:checked+.DBui-slider:before {
-        -webkit-transform: translateX(22px);
-        -ms-transform: translateX(22px);
-        transform: translateX(22px);
-    }
-
-    .DBui-wrapInputList {
-        display: flex;
-        flex-direction: row;
-
-        &[data-disabled='true'] {
-            opacity: 0.6;
-            pointer-events: none;
-        }
-    }
-}

package/dist/components/input/input-textarea/index.scss

@@ -1,10 +0,0 @@
-@import '../extend.scss';
-
-.DBui-inputTextarea {
-    @extend .DBui-input;
-    resize: none;
-
-    &:disabled {
-        @extend .DBui-disabled;
-    }
-}

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

@@ -1,4 +0,0 @@
-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

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

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

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

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

@@ -1,45 +0,0 @@
-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 { default as InputAsyncSelect } from './input/input-async-select';
-export type { PropsInputAsyncSelect } from './input/input-async-select/index.type';
-export { default as InputAsyncAutoComplete } from './input/input-async-auto-complete';
-export type { PropsInputAsyncAutoComplete } from './input/input-async-auto-complete/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-async-auto-complete/index.d.ts

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

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

@@ -1,19 +0,0 @@
-import { Control } from 'react-hook-form';
-import { TOption } from '../..';
-export type PropsInputAsyncAutoComplete = {
-    control: Control<any>;
-    name: string;
-    label?: string;
-    placeholder?: string;
-    disabled?: boolean;
-    require?: boolean;
-    fullWidth?: boolean;
-    isMultiple?: boolean;
-    isInModal?: boolean;
-    fetchOptions: (params: {
-        search: string;
-        page: number;
-        limit: number;
-    }) => Promise<TOption[]>;
-    pageSize: number;
-};

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

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

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

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

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

@@ -1,4 +0,0 @@
-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

@@ -1,14 +0,0 @@
-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-basic/index.d.ts

@@ -1,4 +0,0 @@
-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

@@ -1,10 +0,0 @@
-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

@@ -1,4 +0,0 @@
-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

@@ -1,13 +0,0 @@
-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

@@ -1,22 +0,0 @@
-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

@@ -1,13 +0,0 @@
-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

@@ -1,4 +0,0 @@
-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

@@ -1,13 +0,0 @@
-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

@@ -1,4 +0,0 @@
-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

@@ -1,13 +0,0 @@
-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

@@ -1,4 +0,0 @@
-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

@@ -1,12 +0,0 @@
-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

@@ -1,4 +0,0 @@
-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

@@ -1,10 +0,0 @@
-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

@@ -1,4 +0,0 @@
-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

@@ -1,14 +0,0 @@
-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

@@ -1,4 +0,0 @@
-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

@@ -1,15 +0,0 @@
-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;
-    isHideClearIcon?: boolean;
-    isInModal?: boolean;
-};

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

@@ -1,4 +0,0 @@
-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-textarea/index.d.ts

@@ -1,4 +0,0 @@
-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

@@ -1,12 +0,0 @@
-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;
-};