bianic-ui 0.4.15 → 0.4.17

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

@@ -0,0 +1,29 @@
+import React, { ComponentPropsWithoutRef } from 'react';
+interface SelectInputProps extends ComponentPropsWithoutRef<'input'> {
+    descText?: string;
+    isDisabled?: boolean;
+    id?: string;
+    inputSize?: 'medium' | 'small';
+    label?: string;
+    options: any;
+    isRequired?: boolean;
+    selected?: {
+        id: any;
+        label: any;
+    };
+    setSelected?: any;
+}
+declare function SelectInput({ descText, isDisabled, inputSize, id, label, options, isRequired, selected, setSelected, }: SelectInputProps): React.JSX.Element;
+declare namespace SelectInput {
+    var defaultProps: {
+        descText: string;
+        isDisabled: boolean;
+        id: string;
+        inputSize: string;
+        label: string;
+        isRequired: boolean;
+        selected: {};
+        setSelected: () => void;
+    };
+}
+export default SelectInput;

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

@@ -0,0 +1,6 @@
+import React from 'react';
+interface SelectInputSimulationProps {
+    size: 'medium' | 'small';
+}
+declare function SelectInputSimulation({ size, }: SelectInputSimulationProps): React.JSX.Element;
+export default SelectInputSimulation;

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

@@ -0,0 +1,11 @@
+declare const sizeConfig: {
+    medium: {
+        searchSize: string;
+        iconSize: string;
+    };
+    small: {
+        searchSize: string;
+        iconSize: string;
+    };
+};
+export default sizeConfig;

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

@@ -0,0 +1,3 @@
+import SelectInput from './SelectedInput';
+import SelectInputSimulation from './Simulation';
+export { SelectInput, SelectInputSimulation };

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

@@ -0,0 +1,9 @@
+declare const sizeConfig: {
+    medium: {
+        inputClass: string;
+    };
+    small: {
+        inputClass: string;
+    };
+};
+export default sizeConfig;

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

@@ -0,0 +1,25 @@
+import React, { ComponentPropsWithoutRef } from 'react';
+export interface TextAreaProps extends ComponentPropsWithoutRef<'textarea'> {
+    descText?: string;
+    disabled?: boolean;
+    id?: string;
+    inputSize?: 'medium' | 'small';
+    label?: string;
+    placeholder?: string;
+    required?: boolean;
+    rows?: number;
+}
+declare function TextArea({ descText, disabled, id, inputSize, label, placeholder, required, rows, ...props }: TextAreaProps): React.JSX.Element;
+declare namespace TextArea {
+    var defaultProps: {
+        disabled: boolean;
+        descText: string;
+        id: string;
+        inputSize: string;
+        label: string;
+        placeholder: string;
+        required: boolean;
+        rows: number;
+    };
+}
+export default TextArea;

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

@@ -0,0 +1,8 @@
+import React from 'react';
+declare function PasswordIcon({ isShow, showHandler, iconSize, isDisabled, }: {
+    isShow: boolean;
+    showHandler: (isShow: boolean) => void;
+    iconSize: number;
+    isDisabled: boolean;
+}): React.JSX.Element;
+export default PasswordIcon;

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

@@ -0,0 +1,11 @@
+import React from 'react';
+interface TextInputSimulationProps {
+    size?: 'medium' | 'small';
+}
+declare function TextInputSimulation({ size }: TextInputSimulationProps): React.JSX.Element;
+declare namespace TextInputSimulation {
+    var defaultProps: {
+        size: string;
+    };
+}
+export default TextInputSimulation;

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

@@ -0,0 +1,33 @@
+import React, { ChangeEvent, ComponentPropsWithoutRef } from 'react';
+interface TextInputProps extends ComponentPropsWithoutRef<'input'> {
+    descText?: string;
+    isDisabled?: boolean;
+    icon?: React.ReactNode;
+    id?: string;
+    inputSize?: 'medium' | 'small';
+    isValid?: boolean | null;
+    label?: string;
+    placeholder?: string;
+    readOnly?: boolean;
+    variant?: 'password' | 'text' | 'number' | 'date';
+    value?: string;
+    onChange?: (event: ChangeEvent<HTMLInputElement>) => void;
+}
+declare function TextInput({ descText, isDisabled, icon, id, inputSize, isValid, label, placeholder, readOnly, required, variant, value, onChange, }: TextInputProps): React.JSX.Element;
+declare namespace TextInput {
+    var defaultProps: {
+        descText: string;
+        isDisabled: boolean;
+        icon: null;
+        id: string;
+        inputSize: string;
+        isValid: null;
+        label: string;
+        placeholder: string;
+        readOnly: boolean;
+        variant: string;
+        value: string;
+        onChange: () => void;
+    };
+}
+export default TextInput;

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

@@ -0,0 +1,6 @@
+import React from 'react';
+declare function ValidationIcon({ isValid, iconSize, }: {
+    isValid: boolean | null;
+    iconSize: number;
+}): React.JSX.Element;
+export default ValidationIcon;

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

@@ -0,0 +1,30 @@
+export declare const sizeConfig: {
+    medium: {
+        fieldSize: string;
+        iconPosition: string;
+        iconSize: number;
+    };
+    small: {
+        fieldSize: string;
+        iconPosition: string;
+        iconSize: number;
+    };
+};
+export declare const styleConfig: {
+    password: {
+        fieldStyle: string;
+        iconStyle: string;
+    };
+    text: {
+        fieldStyle: string;
+        iconStyle: string;
+    };
+    number: {
+        fieldStyle: string;
+        iconStyle: string;
+    };
+    date: {
+        fieldStyle: string;
+        iconStyle: string;
+    };
+};

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

@@ -0,0 +1,3 @@
+import TextInput from './TextInput';
+import TextInputSimulation from './Simulation';
+export { TextInput, TextInputSimulation };

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

@@ -0,0 +1,13 @@
+declare const sizeConfig: {
+    medium: {
+        containerSize: string;
+        checkSize: string;
+        labelClass: string;
+    };
+    small: {
+        containerSize: string;
+        checkSize: string;
+        labelClass: string;
+    };
+};
+export default sizeConfig;

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

@@ -0,0 +1,21 @@
+import React, { ComponentPropsWithoutRef } from 'react';
+interface CheckboxProps extends ComponentPropsWithoutRef<'input'> {
+    label?: string;
+    inputSize?: 'medium' | 'small';
+    isChecked?: boolean;
+    id?: string;
+    onClick?: (event: React.MouseEvent<HTMLInputElement>) => void;
+    disabled?: boolean;
+}
+declare function Toggle({ label, inputSize, onClick, isChecked, id, disabled, }: CheckboxProps): React.JSX.Element;
+declare namespace Toggle {
+    var defaultProps: {
+        label: string;
+        inputSize: string;
+        onClick: () => void;
+        isChecked: boolean;
+        id: string;
+        disabled: boolean;
+    };
+}
+export default Toggle;

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

@@ -1,7 +1,8 @@
-export { default as TextInput } from "./TextInput";
-export { default as Radio } from "./Radio";
-export { default as TextArea } from "./TextArea";
-export { default as Checkbox } from "./Checkbox";
-export { default as SelectInput } from "./SelectInput";
-export { default as LiveSearch } from "./LiveSearch";
-export { default as Toggle } from "./Toggle";
+export { TextInput, TextInputSimulation } from './TextInput';
+export { default as Radio } from './Radio';
+export { default as TextArea } from './TextArea';
+export { Checkbox, CheckboxSimulation } from './Checkbox';
+export { SelectInput, SelectInputSimulation } from './SelectInput';
+export { LiveSearch, LiveSearchSimulation } from './LiveSearch';
+export { default as Toggle } from './Toggle';
+export { SegmentButtonItem, SegmentButtonGroup, SegmentButtonSimulation, } from './SegmentButton';

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

@@ -1,10 +1,15 @@
-import React, { ComponentPropsWithoutRef } from "react";
-export interface ModalProps extends ComponentPropsWithoutRef<"div"> {
-    modalSize: string;
-    title: string;
+import React, { ComponentPropsWithoutRef } from 'react';
+import '../../tailwind.css';
+export interface ModalProps extends ComponentPropsWithoutRef<'div'> {
+    size: 'small' | 'medium' | 'large' | 'extra large';
+    title?: string;
     isShow: boolean;
-    setIsShow: any;
-    atribut: any;
+    setIsShow: (arg0: boolean) => void;
+}
+declare function Modal({ size, title, isShow, setIsShow, ...rest }: ModalProps): React.JSX.Element | null;
+declare namespace Modal {
+    var defaultProps: {
+        title: null;
+    };
 }
-declare const Modal: ({ ...rest }: ModalProps) => React.JSX.Element;
 export default Modal;

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

@@ -0,0 +1,11 @@
+import React, { ComponentPropsWithoutRef } from 'react';
+interface ModalActionProps extends ComponentPropsWithoutRef<'div'> {
+    justify?: 'justify-end' | 'justify-between';
+}
+declare function ModalAction({ children, justify }: ModalActionProps): React.JSX.Element;
+declare namespace ModalAction {
+    var defaultProps: {
+        justify: string;
+    };
+}
+export default ModalAction;

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

@@ -1,6 +1,11 @@
-import React from "react";
-import { ComponentPropsWithoutRef } from "react";
-export interface ModalContentProps extends ComponentPropsWithoutRef<"div"> {
+import React, { ComponentPropsWithoutRef } from 'react';
+interface ModalContentProps extends ComponentPropsWithoutRef<'div'> {
+    variant?: 'small' | 'medium';
+}
+declare function ModalContent({ children, variant }: ModalContentProps): React.JSX.Element;
+declare namespace ModalContent {
+    var defaultProps: {
+        variant: string;
+    };
 }
-declare const ModalContent: ({ ...rest }: ModalContentProps) => React.JSX.Element;
 export default ModalContent;

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

@@ -0,0 +1,2 @@
+import React from 'react';
+export default function ModalDemo(): React.JSX.Element;

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

@@ -0,0 +1,59 @@
+declare const ModalConfig: {
+    small: {
+        'btn small': {
+            container: string;
+            button: string;
+            padding: string;
+            containerChildren: string;
+        };
+        'btn medium': {
+            container: string;
+            button: string;
+            padding: string;
+            containerChildren: string;
+        };
+    };
+    medium: {
+        'btn small': {
+            container: string;
+            button: string;
+            padding: string;
+            containerChildren: string;
+        };
+        'btn medium': {
+            container: string;
+            button: string;
+            padding: string;
+            containerChildren: string;
+        };
+    };
+    large: {
+        'btn small': {
+            container: string;
+            button: string;
+            padding: string;
+            containerChildren: string;
+        };
+        'btn medium': {
+            container: string;
+            button: string;
+            padding: string;
+            containerChildren: string;
+        };
+    };
+    'extra large': {
+        'btn small': {
+            container: string;
+            button: string;
+            padding: string;
+            containerChildren: string;
+        };
+        'btn medium': {
+            container: string;
+            button: string;
+            padding: string;
+            containerChildren: string;
+        };
+    };
+};
+export default ModalConfig;

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

@@ -0,0 +1,10 @@
+import React, { ComponentPropsWithoutRef } from 'react';
+export interface PagingProps extends ComponentPropsWithoutRef<'div'> {
+    size: 'small' | 'medium';
+    position: 'start' | 'center' | 'end';
+    currentPage: number;
+    totalPages: number;
+    onPageChange: (page: number) => void;
+}
+declare function PaginationBar({ size, position, currentPage, totalPages, onPageChange, }: PagingProps): React.JSX.Element;
+export default PaginationBar;

package/dist/esm/types/components/PaginationBar/PaginationBarDemo.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare function PaginationBarDemo(): React.JSX.Element;
+export default PaginationBarDemo;

package/dist/esm/types/components/PaginationBar/config.d.ts

@@ -0,0 +1,9 @@
+export declare const sizeConfig: {
+    medium: string;
+    small: string;
+};
+export declare const positionConfig: {
+    start: string;
+    center: string;
+    end: string;
+};

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

@@ -0,0 +1,2 @@
+export { default as PaginationBar } from './PaginationBar';
+export { default as PagingDemo } from './PaginationBarDemo';

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

@@ -0,0 +1,10 @@
+import React, { ComponentPropsWithoutRef } from 'react';
+export interface PagingProps extends ComponentPropsWithoutRef<'div'> {
+    size: 'small' | 'medium';
+    position: 'start' | 'center' | 'end';
+    currentPage: number;
+    totalPages: number;
+    onPageChange: (page: number) => void;
+}
+declare function PaginationBar({ size, position, currentPage, totalPages, onPageChange, }: PagingProps): React.JSX.Element;
+export default PaginationBar;

package/dist/esm/types/components/Paging/PagingDemo.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare function PagingDemo(): React.JSX.Element;
+export default PagingDemo;

package/dist/esm/types/components/Paging/config.d.ts

@@ -0,0 +1,9 @@
+export declare const sizeConfig: {
+    medium: string;
+    small: string;
+};
+export declare const positionConfig: {
+    start: string;
+    center: string;
+    end: string;
+};

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

@@ -0,0 +1,2 @@
+export { default as PaginationBar } from './Paging';
+export { default as PagingDemo } from './PagingDemo';

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

@@ -0,0 +1,15 @@
+import React, { ComponentPropsWithoutRef } from 'react';
+export interface PillsProps extends ComponentPropsWithoutRef<'button'> {
+    title: string;
+    selected: boolean;
+    iconLeft?: React.ReactNode;
+    iconRight?: React.ReactNode;
+}
+declare function Piils({ title, iconLeft, iconRight, selected, onClick, ...props }: PillsProps): React.JSX.Element;
+declare namespace Piils {
+    var defaultProps: {
+        iconLeft: null;
+        iconRight: null;
+    };
+}
+export default Piils;

package/dist/esm/types/components/Pills/PillsDemo.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export default function PillsDemo(): React.JSX.Element;

package/dist/esm/types/components/Pills/config.d.ts

@@ -0,0 +1,11 @@
+interface Config {
+    ActiveContainer: string;
+    ActiveIcon: string;
+    ActiveText: string;
+    ActivePointer: string;
+}
+declare const activeConfig: {
+    true: Config;
+    false: Config;
+};
+export default activeConfig;

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

@@ -0,0 +1,2 @@
+export { default as Pills } from './Pills';
+export { default as PillsDemo } from './PillsDemo';

package/dist/esm/types/components/Popover/configs.d.ts

@@ -0,0 +1,23 @@
+declare const classConfig: {
+    top: {
+        tooltipContainer: string;
+        triangleContainer: string;
+        triangleShape: string;
+    };
+    right: {
+        tooltipContainer: string;
+        triangleContainer: string;
+        triangleShape: string;
+    };
+    bottom: {
+        tooltipContainer: string;
+        triangleContainer: string;
+        triangleShape: string;
+    };
+    left: {
+        tooltipContainer: string;
+        triangleContainer: string;
+        triangleShape: string;
+    };
+};
+export default classConfig;

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

@@ -0,0 +1,19 @@
+import React from 'react';
+interface PopoverProps {
+    children: React.ReactNode;
+    content: string;
+    delay?: number;
+    direction?: 'top' | 'right' | 'bottom' | 'left';
+    title?: string;
+    isActive: boolean;
+    setIsActive: (arg0: boolean) => void;
+}
+declare function Popover({ children, content, delay, direction, title, isActive, setIsActive, }: PopoverProps): React.JSX.Element;
+declare namespace Popover {
+    var defaultProps: {
+        delay: number;
+        direction: string;
+        title: string;
+    };
+}
+export default Popover;

package/dist/esm/types/components/Popover/popoverHoverDemo.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare function PopoverHoverDemo(): React.JSX.Element;
+export default PopoverHoverDemo;

package/dist/esm/types/components/Progress/Circle/ProgressCircle.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+interface ProgressCircleProps {
+    variant: 'success' | 'failed' | 'persentage';
+    persentage: number;
+}
+export default function ProgressCircle({ variant, persentage, }: ProgressCircleProps): React.JSX.Element;
+export {};

package/dist/esm/types/components/Progress/Circle/Simulation.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare function ProgressCircleSimulation(): React.JSX.Element;
+export default ProgressCircleSimulation;

package/dist/esm/types/components/Progress/Circle/config.d.ts

@@ -0,0 +1,16 @@
+import React from 'react';
+declare const config: {
+    success: {
+        container: string;
+        content: React.JSX.Element;
+    };
+    failed: {
+        container: string;
+        content: React.JSX.Element;
+    };
+    persentage: {
+        container: string;
+        content: string;
+    };
+};
+export default config;

package/dist/esm/types/components/Progress/Circle/index.d.ts

@@ -0,0 +1,3 @@
+import ProgressCircle from './ProgressCircle';
+import ProgressCircleSimulation from './Simulation';
+export { ProgressCircle, ProgressCircleSimulation };

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

@@ -0,0 +1,2 @@
+import { ProgressCircle } from './Circle';
+export { ProgressCircle };

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

@@ -0,0 +1,2 @@
+import React from 'react';
+export default function ProgressBar(): React.JSX.Element;

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

@@ -0,0 +1,12 @@
+import React, { ComponentPropsWithRef } from 'react';
+interface ResizeableDivProps extends ComponentPropsWithRef<'div'> {
+    position?: 'top' | 'right' | 'bottom' | 'left';
+    children: React.ReactNode;
+}
+declare function ResizeableDiv({ position, children, className, }: ResizeableDivProps): React.JSX.Element;
+declare namespace ResizeableDiv {
+    var defaultProps: {
+        position: string;
+    };
+}
+export default ResizeableDiv;

package/dist/esm/types/components/ResizeableDiv/Simulation.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+interface ResizeableDivSimulationProps {
+    resizerPosition?: 'top' | 'right' | 'bottom' | 'left';
+}
+declare function ResizeableDivSimulation({ resizerPosition, }: ResizeableDivSimulationProps): React.JSX.Element;
+declare namespace ResizeableDivSimulation {
+    var defaultProps: {
+        resizerPosition: string;
+    };
+}
+export default ResizeableDivSimulation;

package/dist/esm/types/components/ResizeableDiv/config.d.ts

@@ -0,0 +1,13 @@
+declare const containerClass: {
+    top: string;
+    right: string;
+    bottom: string;
+    left: string;
+};
+declare const stripClass: {
+    top: string;
+    right: string;
+    bottom: string;
+    left: string;
+};
+export { containerClass, stripClass };

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

@@ -0,0 +1,3 @@
+import ResizeableDiv from './ResizeableDiv';
+import ResizeableDivSimulation from './Simulation';
+export { ResizeableDiv, ResizeableDivSimulation };

package/dist/esm/types/components/Scrollbar/HiddenSimulation.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare function HiddenScrollbarSimulation(): React.JSX.Element;
+export default HiddenScrollbarSimulation;

package/dist/esm/types/components/Scrollbar/Simulation.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare function ScrollbarSimulation(): React.JSX.Element;
+export default ScrollbarSimulation;

package/dist/esm/types/components/Scrollbar/config.d.ts

@@ -0,0 +1,11 @@
+declare const ScrollbarConfig: {
+    vertical: {
+        scroll: string;
+        content: string;
+    };
+    horizontal: {
+        scroll: string;
+        content: string;
+    };
+};
+export default ScrollbarConfig;

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

@@ -0,0 +1,3 @@
+import ScrollbarSimulation from './Simulation';
+import HiddenScrollbarSimulation from './HiddenSimulation';
+export { ScrollbarSimulation, HiddenScrollbarSimulation };

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

@@ -0,0 +1,6 @@
+import React from 'react';
+import './style.css';
+export interface SliderProps {
+    disabled: boolean;
+}
+export default function Slider({ disabled }: SliderProps): React.JSX.Element;

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

@@ -0,0 +1,3 @@
+import React from 'react';
+import './Style.css';
+export default function Spinner(): React.JSX.Element;