1mpacto-react-ui 0.0.13 → 0.0.14

package/dist/src/components/Calendar/Calendar.d.ts

@@ -1,42 +1,4 @@
-import { ReactNode } from 'react';
-import { DateValue } from 'react-aria';
-import { CalendarState, CalendarStateOptions } from 'react-stately';
+import { ICalendar } from '../../interfaces/components/Calendar';
 
-export type TCalendarType = 'date' | 'month' | 'year';
-export type TDateType = Date | string | null | undefined;
-export interface ICalendarPrevNextIcon {
-    prevIcon?: ReactNode | ReactNode[] | (() => ReactNode) | (() => ReactNode[]);
-    nextIcon?: ReactNode | ReactNode[] | (() => ReactNode) | (() => ReactNode[]);
-}
-export interface ICalendarButton {
-    buttonReset?: ReactNode | ReactNode[] | (() => ReactNode) | (() => ReactNode[]);
-    buttonSubmit?: ReactNode | ReactNode[] | (() => ReactNode) | (() => ReactNode[]);
-}
-export interface ITimeCalendar {
-    hour?: number;
-    minut?: number;
-    second?: number;
-}
-export interface ICalendar extends CalendarStateOptions<DateValue>, ICalendarPrevNextIcon, ICalendarButton {
-    withConfirm?: boolean;
-    isCustomTime?: boolean;
-    minDate?: TDateType;
-    maxDate?: TDateType;
-    time?: ITimeCalendar;
-    handlerChangeTime: (v: ITimeCalendar) => void;
-    handlerReset: (v: CalendarState) => void;
-    handlerSubmit: () => void;
-}
-export interface ICalendarDateSelect extends CalendarStateOptions<DateValue>, ICalendarPrevNextIcon {
-    state: CalendarState;
-    setType: (v: TCalendarType) => void;
-}
-export interface ICustomTimeCalendar {
-    time?: ITimeCalendar;
-    value?: DateValue | null | undefined;
-    minDate?: TDateType;
-    maxDate?: TDateType;
-    handlerChangeTime: (v: ITimeCalendar) => void;
-}
 declare const Calendar: (props: ICalendar) => import("react/jsx-runtime").JSX.Element;
 export default Calendar;

package/dist/src/components/Calendar/CalendarButton.d.ts

@@ -1,8 +1,4 @@
-import { ReactNode } from 'react';
-import { AriaButtonOptions } from 'react-aria';
+import { ICalendarButton } from '../../interfaces/components/Calendar';
 
-export interface ICalendarButton extends AriaButtonOptions<'button'> {
-    children: ReactNode | ReactNode[];
-}
 declare const CalendarButton: (props: ICalendarButton) => import("react/jsx-runtime").JSX.Element;
 export default CalendarButton;

package/dist/src/components/Calendar/CalendarCell.d.ts

@@ -1,9 +1,4 @@
-import { CalendarDate } from '@internationalized/date';
-import { CalendarState, RangeCalendarState } from 'react-stately';
+import { ICalendarCell } from '../../interfaces/components/Calendar';
 
-export interface ICalendarCell {
-    state: RangeCalendarState | CalendarState;
-    date: CalendarDate;
-}
 declare const CalendarCell: (props: ICalendarCell) => import("react/jsx-runtime").JSX.Element;
 export default CalendarCell;

package/dist/src/components/Calendar/CalendarMonth.d.ts

@@ -1,9 +1,4 @@
-import { CalendarState, RangeCalendarState } from 'react-stately';
-import { ICalendarPrevNextIcon, TCalendarType } from './Calendar';
+import { ICalendarMonth } from '../../interfaces/components/Calendar';
 
-export interface ICalendarMonth extends ICalendarPrevNextIcon {
-    state: CalendarState | RangeCalendarState;
-    setType: (v: TCalendarType) => void;
-}
 declare const CalendarMonth: ({ prevIcon, nextIcon, state, setType }: ICalendarMonth) => import("react/jsx-runtime").JSX.Element;
 export default CalendarMonth;

package/dist/src/components/Calendar/CalendarRange.d.ts

@@ -1,16 +1,4 @@
-import { DateValue, RangeCalendarProps } from 'react-aria';
-import { DateRangePickerStateOptions, RangeCalendarState } from 'react-stately';
-import { ICalendarButton, ICalendarPrevNextIcon } from './Calendar';
+import { ICalendarRange } from '../../interfaces/components/Calendar';
 
-export interface ICalendarDateRange extends RangeCalendarProps<DateValue>, ICalendarPrevNextIcon, ICalendarButton {
-    withConfirm?: boolean;
-    handlerSubmit: () => void;
-    handlerReset: (v: RangeCalendarState) => void;
-}
-export interface ICalendarRange extends DateRangePickerStateOptions, ICalendarPrevNextIcon, ICalendarButton {
-    withConfirm?: boolean;
-    handlerSubmit: () => void;
-    handlerReset: (v: RangeCalendarState) => void;
-}
 declare const CalendarRange: (props: ICalendarRange) => import("react/jsx-runtime").JSX.Element;
 export default CalendarRange;

package/dist/src/components/Calendar/CalendarYear.d.ts

@@ -1,15 +1,4 @@
-import { CalendarState, RangeCalendarState } from 'react-stately';
-import { TCalendarType } from './Calendar';
+import { ICalendarYear } from '../../interfaces/components/Calendar';
 
-export interface ISetUpYear {
-    startYear: number;
-    endAfterThisYear: number;
-}
-export interface ICalendarYear {
-    title: string;
-    state: CalendarState | RangeCalendarState;
-    setUpYear?: ISetUpYear;
-    setType: (v: TCalendarType) => void;
-}
 declare const CalendarYear: ({ title, state, setUpYear, setType, }: ICalendarYear) => import("react/jsx-runtime").JSX.Element;
 export default CalendarYear;

package/dist/src/components/DatePicker/DatePicker.d.ts

@@ -1,16 +1,4 @@
-import { ReactNode } from 'react';
-import { ICalendarButton, ICalendarPrevNextIcon, TDateType } from '../Calendar/Calendar';
+import { IDatePicker } from '../../interfaces/components/DatePicker';
 
-export interface IDatePicker extends ICalendarPrevNextIcon, ICalendarButton {
-    value?: TDateType;
-    minDate?: TDateType;
-    maxDate?: TDateType;
-    withConfirm?: boolean;
-    isCustomTime?: boolean;
-    className?: string | undefined;
-    classNameButton?: string | undefined;
-    buttonClick?: ReactNode | ReactNode[] | ((v: TDateType) => ReactNode) | ((v: TDateType) => ReactNode[]);
-    onChange?: (v: TDateType | undefined) => void;
-}
 declare const DatePicker: (props: IDatePicker) => import("react/jsx-runtime").JSX.Element;
 export default DatePicker;

package/dist/src/components/DatePicker/DateRangePicker.d.ts

@@ -1,17 +1,4 @@
-import { ICalendarButton, ICalendarPrevNextIcon, TDateType } from '../Calendar/Calendar';
+import { IDateRangePicker } from '../../interfaces/components/DatePicker';
 
-export interface IDateRange {
-    startDate: TDateType;
-    endDate: TDateType;
-}
-export interface IDateRangePicker extends ICalendarPrevNextIcon, ICalendarButton {
-    defaultValue?: IDateRange;
-    value?: TDateType;
-    minDate?: Date | string;
-    maxDate?: Date | string;
-    withConfirm?: boolean;
-    onChange?: (v: IDateRange) => void;
-    onReset?: () => void;
-}
 declare const DateRangePicker: (props: IDateRangePicker) => import("react/jsx-runtime").JSX.Element;
 export default DateRangePicker;

package/dist/src/components/DatePicker/FilterDate.d.ts

@@ -1,19 +1,4 @@
-import { ReactNode } from 'react';
-import { IDateRange } from './DateRangePicker';
-import { ICalendarButton, ICalendarPrevNextIcon } from '../Calendar/Calendar';
+import { IFilterDate } from '../../interfaces/components/DatePicker';
 
-export type TKeyButtonListType = 'thisDay' | 'thisWeek' | 'thisMonth' | 'thisYear' | 'yesterday' | 'lastWeek' | 'lastMonth' | 'lastYear' | 'custom';
-export interface IButtonList {
-    key: TKeyButtonListType;
-    value: string;
-}
-export interface IFilterDate extends ICalendarPrevNextIcon, ICalendarButton {
-    className?: string | undefined;
-    classNameButton?: string | undefined;
-    buttonClick?: ReactNode | ReactNode[] | ((v: IDateRange | undefined) => ReactNode) | ((v: IDateRange | undefined) => ReactNode[]);
-    value?: IDateRange | undefined;
-    buttonList?: IButtonList[];
-    onChange?: (v?: IDateRange) => void;
-}
-declare const FilterDate: ({ value, prevIcon, nextIcon, buttonReset, buttonSubmit, className, classNameButton, buttonClick, buttonList, onChange, }: IFilterDate) => import("react/jsx-runtime").JSX.Element;
+declare const FilterDate: ({ value, prevIcon, nextIcon, buttonReset, buttonSubmit, className, classNameButton, buttonClick, buttonList, typePicker, onChange, }: IFilterDate) => import("react/jsx-runtime").JSX.Element;
 export default FilterDate;

package/dist/src/components/Pagination/Pagination.d.ts

@@ -1,19 +1,4 @@
-import { ReactNode } from 'react';
+import { IPaginationProps } from '../../interfaces/components/Pagination';
 
-type TKindPaginationType = 'box' | 'nude';
-export interface IPagination {
-    pageNumber: number;
-    pageSize: number;
-    totalData: number;
-    totalPage: number;
-}
-interface IPaginationProps extends IPagination {
-    onChange?: (v: IPagination) => void;
-    kind?: TKindPaginationType;
-    className?: string | undefined;
-    id?: string | undefined;
-    prevIcon?: ReactNode | ReactNode[] | (() => ReactNode) | (() => ReactNode[]);
-    nextIcon?: ReactNode | ReactNode[] | (() => ReactNode) | (() => ReactNode[]);
-}
 declare const Pagination: ({ totalData, totalPage, pageNumber, pageSize, className, id, kind, prevIcon, nextIcon, onChange, }: IPaginationProps) => import("react/jsx-runtime").JSX.Element;
 export default Pagination;

package/dist/src/components/Sidebar/ItemSidebar.d.ts

@@ -0,0 +1,5 @@
+import { ElementType } from 'react';
+import { IItemSidebar } from '../../interfaces/components/Sidebar';
+
+declare const ItemSidebar: <T extends ElementType = "div">({ as, show, open, patch, iconSubs, kind, setShow, onClickItems, propsLink, ...value }: IItemSidebar<T>) => import("react/jsx-runtime").JSX.Element;
+export default ItemSidebar;

package/dist/src/components/Sidebar/Sidebar.d.ts

@@ -0,0 +1,5 @@
+import { ElementType } from 'react';
+import { ISidebar } from '../../interfaces/components/Sidebar';
+
+declare const Sidebar: <T extends ElementType = "div">({ as, children, patch, iconCompany, iconSubs, iconCollapse, iconCollapseClose, kind, modules, toleranceWidthIconCompany, onClickItems, ...props }: ISidebar<T>) => import("react/jsx-runtime").JSX.Element;
+export default Sidebar;

package/dist/src/components/Switch/Switch.d.ts

@@ -1,12 +1,4 @@
-interface ISwitch {
-    value: boolean;
-    disabled?: boolean;
-    size?: 'large' | 'regular' | 'small';
-    title?: string;
-    description?: string;
-    id?: string | undefined;
-    className?: string | undefined;
-    onChange: (v: boolean) => void;
-}
+import { ISwitch } from '../../interfaces/components/Switch';
+
 declare const Switch: ({ value, disabled, title, description, size, id, className, onChange, }: ISwitch) => import("react/jsx-runtime").JSX.Element;
 export default Switch;

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

@@ -26,8 +26,10 @@ import { default as Chips } from './Chips/Chips';
 import { default as RadioCheckbox } from './RadioCheckbox/RadioCheckbox';
 import { default as RadioCheckboxLabel } from './RadioCheckbox/RadioCheckboxLabel';
 import { default as Breadcrumbs } from './Breadcrumbs/Breadcrumbs';
+import { default as Sidebar } from './Sidebar/Sidebar';
+import { ISidebarModule } from '../interfaces/components/Sidebar';
 import { default as Collapse } from './Collapse/Collapse';
 
 import * as utilTable from '@tanstack/react-table';
-export { TPublish, Button, Popover, Calendar, CalendarRange, DatePicker, DateRangePicker, FilterDate, InputFloatingInner, InputReguler, Pagination, Tabs, TabPanel, Table, TableVirtualization, ListVirtualization, SelectDropdownContainer, utilTable, Switch, ButtonIcon, Badges, Chips, RadioCheckbox, RadioCheckboxLabel, Breadcrumbs, Collapse, };
-export type { ITableColumnDef, IRefPopover, IRefTableVirtualization, IRefListVirtualization, IRefSelectDropdownContainer, IChildrenSelectDropdownContainer, };
+export { TPublish, Button, Popover, Calendar, CalendarRange, DatePicker, DateRangePicker, FilterDate, InputFloatingInner, InputReguler, Pagination, Tabs, TabPanel, Table, TableVirtualization, ListVirtualization, SelectDropdownContainer, utilTable, Switch, ButtonIcon, Badges, Chips, RadioCheckbox, RadioCheckboxLabel, Breadcrumbs, Sidebar, Collapse, };
+export type { ITableColumnDef, IRefPopover, IRefTableVirtualization, IRefListVirtualization, IRefSelectDropdownContainer, IChildrenSelectDropdownContainer, ISidebarModule, };

package/dist/src/config/tailwind/index.d.ts

@@ -1,4 +1,5 @@
 import { default as ConfigColors } from './colors';
 import { default as configTypography, configTypographyLabaBisnis, configTypographyPayhere } from './typography';
+import { default as configScreens } from './screen';
 
-export { ConfigColors, configTypography, configTypographyLabaBisnis, configTypographyPayhere };
+export { ConfigColors, configTypography, configTypographyLabaBisnis, configTypographyPayhere, configScreens };

package/dist/src/config/tailwind/screen.d.ts

@@ -0,0 +1,3 @@
+export type IScreen = Record<string, string>;
+declare const screens: IScreen;
+export default screens;

package/dist/src/hooks/index.d.ts

@@ -0,0 +1,4 @@
+import { default as useElementOrWindowMediaQuery } from './useElementOrWindowMediaQuery';
+import { default as useCountdown } from './useCountdown';
+
+export { useElementOrWindowMediaQuery, useCountdown };

package/dist/src/hooks/useCountdown.d.ts

@@ -0,0 +1,11 @@
+declare const useCountdown: (options: {
+    hours: number;
+    intervalMs: number;
+    running: boolean;
+}) => {
+    count: number;
+    startCountdown: () => void;
+    stopCountdown: () => void;
+    resetCountdown: () => void;
+};
+export default useCountdown;

package/dist/src/hooks/useElementOrWindowMediaQuery.d.ts

@@ -0,0 +1,2 @@
+declare function useElementOrWindowMediaQuery(query: string, elementId?: string | null): boolean;
+export default useElementOrWindowMediaQuery;

package/dist/src/interfaces/components/Calendar/index.d.ts

@@ -0,0 +1,76 @@
+import { CalendarDate } from '@internationalized/date';
+import { ReactNode } from 'react';
+import { AriaButtonOptions, DateValue, RangeCalendarProps } from 'react-aria';
+import { CalendarState, CalendarStateOptions, DateRangePickerStateOptions, RangeCalendarState } from 'react-stately';
+
+export type TCalendarType = 'date' | 'month' | 'year';
+export type TDateType = Date | string | null | undefined;
+export interface ICalendarPrevNextIcon {
+    prevIcon?: ReactNode | ReactNode[] | (() => ReactNode) | (() => ReactNode[]);
+    nextIcon?: ReactNode | ReactNode[] | (() => ReactNode) | (() => ReactNode[]);
+}
+export interface ICalendarButtonConfirm {
+    buttonReset?: (() => ReactNode) | (() => ReactNode[]);
+    buttonSubmit?: (() => ReactNode) | (() => ReactNode[]);
+}
+export interface ITimeCalendar {
+    hour?: number;
+    minut?: number;
+    second?: number;
+}
+export interface ICalendar extends CalendarStateOptions<DateValue>, ICalendarPrevNextIcon, ICalendarButtonConfirm {
+    withConfirm?: boolean;
+    isCustomTime?: boolean;
+    minDate?: TDateType;
+    maxDate?: TDateType;
+    time?: ITimeCalendar;
+    handlerChangeTime?: (v: ITimeCalendar) => void;
+    handlerReset: (v: CalendarState) => void;
+    handlerSubmit: () => void;
+}
+export interface ICalendarDateSelect extends CalendarStateOptions<DateValue>, ICalendarPrevNextIcon {
+    state: CalendarState;
+    setType: (v: TCalendarType) => void;
+}
+export interface ICustomTimeCalendar {
+    time?: ITimeCalendar;
+    value?: DateValue | null | undefined;
+    minDate?: TDateType;
+    maxDate?: TDateType;
+    handlerChangeTime?: (v: ITimeCalendar) => void;
+}
+export interface ICalendarButton extends AriaButtonOptions<'button'> {
+    children: ReactNode | ReactNode[];
+}
+export interface ICalendarCell {
+    state: RangeCalendarState | CalendarState;
+    date: CalendarDate;
+}
+export interface ICalendarMonth extends ICalendarPrevNextIcon {
+    state: CalendarState | RangeCalendarState;
+    setType: (v: TCalendarType) => void;
+}
+export interface ISetUpYear {
+    startYear: number;
+    endAfterThisYear: number;
+}
+export interface ICalendarYear {
+    title: string;
+    state: CalendarState | RangeCalendarState;
+    setUpYear?: ISetUpYear;
+    setType: (v: TCalendarType) => void;
+}
+export interface IDateRange {
+    startDate: TDateType;
+    endDate: TDateType;
+}
+export interface ICalendarDateRange extends RangeCalendarProps<DateValue>, ICalendarPrevNextIcon, ICalendarButtonConfirm {
+    withConfirm?: boolean;
+    handlerSubmit: () => void;
+    handlerReset: (v: RangeCalendarState) => void;
+}
+export interface ICalendarRange extends DateRangePickerStateOptions, ICalendarPrevNextIcon, ICalendarButtonConfirm {
+    withConfirm?: boolean;
+    handlerSubmit: () => void;
+    handlerReset: (v: RangeCalendarState) => void;
+}

package/dist/src/interfaces/components/DatePicker/index.d.ts

@@ -0,0 +1,38 @@
+import { ReactNode } from 'react';
+import { ICalendarButtonConfirm, ICalendarPrevNextIcon, IDateRange, TDateType } from '../Calendar';
+
+export interface IDatePicker extends ICalendarPrevNextIcon, ICalendarButtonConfirm {
+    value?: TDateType;
+    minDate?: TDateType;
+    maxDate?: TDateType;
+    withConfirm?: boolean;
+    isCustomTime?: boolean;
+    className?: string | undefined;
+    classNameButton?: string | undefined;
+    buttonClick?: ((v: TDateType) => ReactNode) | ((v: TDateType) => ReactNode[]);
+    onChange?: (v: TDateType | undefined) => void;
+}
+export interface IDateRangePicker extends ICalendarPrevNextIcon, ICalendarButtonConfirm {
+    defaultValue?: IDateRange;
+    value?: TDateType;
+    minDate?: TDateType;
+    maxDate?: TDateType;
+    withConfirm?: boolean;
+    typePicker?: 'SINGLE' | 'RANGE';
+    onChange?: (v: IDateRange) => void;
+    onReset?: () => void;
+}
+export type TKeyButtonListType = 'thisDay' | 'thisWeek' | 'thisMonth' | 'thisYear' | 'yesterday' | 'lastWeek' | 'lastMonth' | 'lastYear' | 'custom';
+export interface IButtonList {
+    key: TKeyButtonListType;
+    value: string;
+}
+export interface IFilterDate extends ICalendarPrevNextIcon, ICalendarButtonConfirm {
+    className?: string | undefined;
+    classNameButton?: string | undefined;
+    buttonClick?: ReactNode | ReactNode[] | ((v: IDateRange | undefined) => ReactNode) | ((v: IDateRange | undefined) => ReactNode[]);
+    value?: IDateRange | undefined;
+    buttonList?: IButtonList[];
+    typePicker?: 'RANGE' | 'SINGLE';
+    onChange?: (v?: IDateRange) => void;
+}

package/dist/src/interfaces/components/Pagination/index.d.ts

@@ -0,0 +1,17 @@
+import { ReactNode } from 'react';
+
+export type TKindPaginationType = 'box' | 'nude';
+export interface IPagination {
+    pageNumber: number;
+    pageSize: number;
+    totalData: number;
+    totalPage: number;
+}
+export interface IPaginationProps extends IPagination {
+    onChange?: (v: IPagination) => void;
+    kind?: TKindPaginationType;
+    className?: string | undefined;
+    id?: string | undefined;
+    prevIcon?: ReactNode | ReactNode[] | (() => ReactNode) | (() => ReactNode[]);
+    nextIcon?: ReactNode | ReactNode[] | (() => ReactNode) | (() => ReactNode[]);
+}

package/dist/src/interfaces/components/RadioCheckbox/RadioCheckbox.d.ts

@@ -5,7 +5,7 @@ import { Itypography } from '../../../config/components/typography';
 export interface IRadioCheckbox extends InputHTMLAttributes<HTMLInputElement> {
     classNameContainer?: string | undefined;
     classNameLabel?: string | undefined;
-    sizeInput?: 'reguler' | 's';
+    sizeInput?: 'reguler' | 's' | 'm';
     variants?: 'laba-blue-10' | 'blue-700' | 'blue-700-hv_bg_transparent' | 'laba-blue-10-hv_bg_transparent';
     variantDisableds?: 'default-disabled-checkbox' | 'default-disabled-radio';
     borderRadius?: IBorderRadius;

package/dist/src/interfaces/components/Sidebar/index.d.ts

@@ -0,0 +1,39 @@
+import { ElementType, HTMLAttributes, ReactNode } from 'react';
+
+export type TColorSidebarType = 'payhere' | 'laba';
+export interface ISidebarModule {
+    name: string;
+    label: string;
+    slug: string;
+    subs: ISidebarModule[];
+    isShow: boolean;
+    parent: number;
+    icon?: string;
+    svgIcon?: ReactNode | null;
+    svgIconActive?: ReactNode | null;
+}
+export interface ISidebar<T extends ElementType> extends HTMLAttributes<HTMLDivElement> {
+    as?: T;
+    children: ReactNode | ReactNode[];
+    patch?: string;
+    iconCompany: ReactNode | ReactNode[] | (() => ReactNode) | (() => ReactNode[]);
+    iconSubs?: ReactNode | ReactNode[];
+    iconCollapse?: ReactNode | ReactNode[];
+    iconCollapseClose?: ReactNode | ReactNode[];
+    kind?: TColorSidebarType;
+    modules: ISidebarModule[];
+    toleranceWidthIconCompany?: number;
+    onClickItems?: (v: ISidebarModule) => void;
+    propsLink?: (value: string) => object;
+}
+export interface IItemSidebar<T extends ElementType> extends ISidebarModule {
+    as?: T;
+    show: string;
+    open: boolean | null;
+    patch?: string;
+    iconSubs?: ReactNode | ReactNode[] | (() => ReactNode) | (() => ReactNode[]);
+    kind?: TColorSidebarType;
+    setShow: (v: string) => void;
+    onClickItems?: (v: ISidebarModule) => void;
+    propsLink?: (value: string) => object;
+}

package/dist/src/interfaces/components/Switch/index.d.ts

@@ -0,0 +1,12 @@
+type TSizeSwitchType = 'large' | 'regular' | 'small';
+export interface ISwitch {
+    value: boolean;
+    disabled?: boolean;
+    size?: TSizeSwitchType;
+    title?: string;
+    description?: string;
+    id?: string | undefined;
+    className?: string | undefined;
+    onChange: (v: boolean) => void;
+}
+export {};

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "1mpacto-react-ui",
   "private": false,
-  "version": "0.0.13",
+  "version": "0.0.14",
   "type": "module",
   "scripts": {
     "dev": "vite",