1mpacto-react-ui 0.0.98 → 0.0.101

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

@@ -0,0 +1,5 @@
+import { default as React } from 'react';
+import { IButtonPopover, IRefButtonPopover } from '../../interfaces/components/ButtonPopover';
+
+declare const ButtonPopover: React.ForwardRefExoticComponent<IButtonPopover & React.RefAttributes<IRefButtonPopover>>;
+export default ButtonPopover;

package/dist/src/components/Chips/Chips.stories.d.ts

@@ -2,7 +2,7 @@ import { StoryObj } from '@storybook/react';
 
 declare const meta: {
     title: string;
-    component: import('react').ForwardRefExoticComponent<import('../../interfaces/components/Chips').IChips & import('react').RefAttributes<HTMLSpanElement>>;
+    component: import('react').ForwardRefExoticComponent<import('..').IChips & import('react').RefAttributes<HTMLSpanElement>>;
     parameters: {
         layout: string;
     };

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

@@ -1,4 +1,4 @@
 import { IFilterContainer } from '../../interfaces/components/FilterContainer';
 
-declare const FilterContainer: ({ children, onChange, prefixNativeValue, defaultNativeValue, defaultValue, mountedExecuteChange, keepKeys, resetPagination, keyPageNumber, }: IFilterContainer) => import("react/jsx-runtime").JSX.Element;
+declare const FilterContainer: ({ children, onChange, prefixNativeValue, defaultNativeValue, defaultValue, mountedExecuteChange, keepKeys, resetPagination, keyPageNumber, triggerReset, reset, }: IFilterContainer) => import("react/jsx-runtime").JSX.Element;
 export default FilterContainer;

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

@@ -0,0 +1,4 @@
+import { ITooltip } from '../../interfaces/components/Tooltip';
+
+declare const Tooltip: ({ id, children, text, zIndexPopover, onShow, onClose, placement, backgroundColor, popoverProps, arrowProps, className, isHover, delay, }: ITooltip) => import("react/jsx-runtime").JSX.Element;
+export default Tooltip;

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

@@ -1,3 +1,4 @@
+import { IChips } from './../interfaces/components/Chips';
 import { IDatePicker } from './../interfaces/components/DatePicker/index';
 import { default as TPublish } from './TPublish/TPublish';
 import { default as Button } from './Button/Button';
@@ -60,9 +61,12 @@ import { default as TextareaFloatingInner } from './Textarea/TextareaFloatingInn
 import { default as Step } from './Step/Step';
 import { IDataStepList } from '../interfaces/components/Step/index';
 import { default as LineChart } from './Chart/LineChart';
+import { default as Tooltip } from './Tooltip/Tooltip';
+import { default as ButtonPopover } from './ButtonPopover/ButtonPopover';
+import { IRefButtonPopover } from '../interfaces/components/ButtonPopover/index';
 
 import * as utilTable from '@tanstack/react-table';
 import type * as SelectDropdownContainerType from 'react-select';
 import type * as FilterContainerType from '../interfaces/components/FilterContainer';
-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, ModalDialog, SelectDropdownContainerComponents, Timeline, FilterContainer, NumberFormat, PatternFormat, DefaultCheckedChecboxIcon, DefaultRadioChecboxIcon, ConfigTable, PortalComponent, AlertContainer, UploadFile, TruncateComponent, UploadImage, Textarea, DoughnutChart, MonthYearPicker, CheckboxTable, InputNative, UploadMultipleFile, ErrorMessage, TextareaFloatingInner, Step, LineChart, };
-export type { ITableColumnDef, IRefPopover, IRefTableVirtualization, IRefListVirtualization, IRefSelectDropdownContainer, IChildrenSelectDropdownContainer, ISidebarModule, SelectDropdownContainerType, FilterContainerType, IInputReguler, IInputFloatingInner, ITableConfig, TButtonVariants, TButtonSize, ITabsList, ITextarea, IListVirtualization, ITableVirtualization, IRefSidebar, IChildrenIconCompany, ICloneElementSidebar, IDataDoughnutChart, IDataInnerLabelDoughnutChart, ISelectDropdownContainer, IDatePicker, IPopover, IInputNative, IUploadMultipleFileValue, IDataStepList, IDataLineChart, };
+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, ModalDialog, SelectDropdownContainerComponents, Timeline, FilterContainer, NumberFormat, PatternFormat, DefaultCheckedChecboxIcon, DefaultRadioChecboxIcon, ConfigTable, PortalComponent, AlertContainer, UploadFile, TruncateComponent, UploadImage, Textarea, DoughnutChart, MonthYearPicker, CheckboxTable, InputNative, UploadMultipleFile, ErrorMessage, TextareaFloatingInner, Step, LineChart, Tooltip, ButtonPopover, };
+export type { ITableColumnDef, IRefPopover, IRefTableVirtualization, IRefListVirtualization, IRefSelectDropdownContainer, IChildrenSelectDropdownContainer, ISidebarModule, SelectDropdownContainerType, FilterContainerType, IInputReguler, IInputFloatingInner, ITableConfig, TButtonVariants, TButtonSize, ITabsList, ITextarea, IListVirtualization, ITableVirtualization, IRefSidebar, IChildrenIconCompany, ICloneElementSidebar, IDataDoughnutChart, IDataInnerLabelDoughnutChart, ISelectDropdownContainer, IDatePicker, IPopover, IInputNative, IUploadMultipleFileValue, IDataStepList, IDataLineChart, IChips, IRefButtonPopover, };

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

@@ -0,0 +1,11 @@
+import { BigNumber as TypeBigNumber } from 'bignumber.js';
+
+interface BigNumberConfig {
+    EXPONENTIAL_AT?: number | [number, number];
+    DECIMAL_PLACES?: number;
+    ROUNDING_MODE: TypeBigNumber.RoundingMode;
+}
+declare const defaultConfig: BigNumberConfig;
+declare const createBigNumber: (value: TypeBigNumber.Value, base?: number) => TypeBigNumber;
+export { createBigNumber as BigNumber, defaultConfig };
+export type { BigNumberConfig, TypeBigNumber };

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

@@ -1,10 +1,12 @@
 import { ReactNode } from 'react';
 import { IBorderRadius } from '../../../config/components/borderRadius';
+import { Itypography } from '../../../config/components/typography';
 
 export interface IBadges extends React.HTMLAttributes<HTMLSpanElement> {
     children: ReactNode | ReactNode[];
     className?: string | undefined;
     rounded?: IBorderRadius;
-    variants?: 'filled-gray-600' | 'filled-green-600' | 'filled-red-500' | 'filled-blue-600' | 'filled-amber-800' | 'filled-pink-600' | 'filled-lime-700' | 'filled-red-900' | 'ghost-gray-200' | 'ghost-green-100' | 'ghost-red-100' | 'ghost-blue-100' | 'ghost-amber-100' | 'ghost-laba-orange-01' | 'ghost-laba-green-01' | 'ghost-laba-green-02' | 'ghost-laba-blue-02' | 'ghost-laba-grey-05' | 'ghost-laba-red-01' | 'outline-gray-600' | 'outline-green-600' | 'outline-red-500' | 'outline-blue-600' | 'outline-amber-800' | 'outline-laba-blue-01';
+    variants?: 'filled-gray-600' | 'filled-green-600' | 'filled-red-500' | 'filled-blue-600' | 'filled-amber-800' | 'filled-pink-600' | 'filled-lime-700' | 'filled-red-900' | 'filled-laba-green-10' | 'ghost-gray-200' | 'ghost-green-100' | 'ghost-red-100' | 'ghost-blue-100' | 'ghost-amber-100' | 'ghost-laba-orange-01' | 'ghost-laba-green-01' | 'ghost-laba-green-02' | 'ghost-laba-blue-02' | 'ghost-laba-blue-01' | 'ghost-laba-grey-05' | 'ghost-laba-red-01' | 'outline-gray-600' | 'outline-green-600' | 'outline-red-500' | 'outline-blue-600' | 'outline-amber-800' | 'outline-laba-blue-01';
     fonts?: 'lato' | 'inter';
+    typography?: Itypography;
 }

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

@@ -1,6 +1,6 @@
 import { ReactNode } from 'react';
 
-export type TButtonVariants = 'primary-laba-blue-10' | 'primary-red-700-dsb_laba-grey-06' | 'primary-green-700' | 'ghost-laba-blue-10' | 'ghost-red-700' | 'ghost-green-700' | 'ghost-blue-gray-100-bg_white' | 'nude-laba-blue-10' | 'nude-red-700' | 'nude-green-700' | 'nude-gray-500' | 'nude-laba-red-10' | 'nude-laba-red-08' | 'primary-blue-700' | 'primary-red-700' | 'secondary-blue-700' | 'secondary-red-600' | 'secondary-green-600' | 'tertiary-blue-700' | 'tertiary-red-300' | 'tertiary-red-600' | 'tertiary-gray-500' | 'ghost-laba-blue-01' | 'filled-laba-white_laba-blue-10' | 'secondary-red-700';
+export type TButtonVariants = 'primary-laba-blue-10' | 'primary-red-700-dsb_laba-grey-06' | 'primary-green-700' | 'ghost-laba-blue-10' | 'ghost-red-700' | 'ghost-green-700' | 'ghost-blue-gray-100-bg_white' | 'ghost-laba-green-10' | 'nude-laba-blue-10' | 'nude-red-700' | 'nude-green-700' | 'nude-gray-500' | 'nude-laba-red-10' | 'nude-laba-red-08' | 'nude-laba-red-05' | 'primary-blue-700' | 'primary-red-700' | 'secondary-blue-700' | 'secondary-red-600' | 'secondary-green-600' | 'tertiary-blue-700' | 'tertiary-red-300' | 'tertiary-red-600' | 'tertiary-gray-500' | 'ghost-laba-blue-01' | 'filled-laba-white_laba-blue-10' | 'filled-laba-white_laba-red-05' | 'secondary-red-700';
 export type TButtonSize = 'large' | 'reguler' | 'small' | 'extra-small' | 'l' | 'm' | 's' | 'xs';
 export interface IButton extends React.ButtonHTMLAttributes<HTMLButtonElement> {
     size?: TButtonSize;

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

@@ -1,6 +1,6 @@
 import { ReactNode } from 'react';
 
-export type TButtonIcomVariants = 'primary-laba-blue-10' | 'primary-red-700-dsb_laba-grey-06' | 'primary-green-700' | 'filled-laba-white_laba-blue-10' | 'ghost-laba-blue-10' | 'ghost-red-700' | 'ghost-green-700' | 'ghost-blue-gray-100-bg_white' | 'nude-laba-blue-10' | 'nude-red-700' | 'nude-green-700' | 'nude-gray-500' | 'nude-laba-red-10' | 'primary-blue-700' | 'primary-red-700' | 'secondary-blue-700' | 'secondary-red-600' | 'secondary-green-600' | 'tertiary-blue-700' | 'tertiary-red-300' | 'tertiary-red-600' | 'tertiary-gray-500' | 'secondary-red-700';
+export type TButtonIcomVariants = 'primary-laba-blue-10' | 'primary-red-700-dsb_laba-grey-06' | 'primary-green-700' | 'filled-laba-white_laba-blue-10' | 'filled-laba-white_laba-red-05' | 'ghost-laba-blue-10' | 'ghost-red-700' | 'ghost-green-700' | 'ghost-blue-gray-100-bg_white' | 'ghost-laba-green-10' | 'nude-laba-blue-10' | 'nude-red-700' | 'nude-green-700' | 'nude-gray-500' | 'nude-laba-red-10' | 'nude-laba-red-05' | 'primary-blue-700' | 'primary-red-700' | 'secondary-blue-700' | 'secondary-red-600' | 'secondary-green-600' | 'tertiary-blue-700' | 'tertiary-red-300' | 'tertiary-red-600' | 'tertiary-gray-500' | 'secondary-red-700';
 export type TButtonIconSize = 'large' | 'reguler' | 'small' | 'extra-small' | 'l' | 'm' | 's' | 'xs';
 export interface IButtonIcon extends React.ButtonHTMLAttributes<HTMLButtonElement> {
     size?: TButtonIconSize;

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

@@ -0,0 +1,23 @@
+import { OffsetOptions, UseFloatingOptions } from '@floating-ui/react';
+import { IPopover } from '../Popover';
+import { IButton } from '../Button';
+
+export interface IButtonPopover extends IButton {
+    text?: string;
+    startIconShow?: React.ReactNode | React.ReactNode[];
+    endIconShow?: React.ReactNode | React.ReactNode[];
+    idPopover?: string;
+    classNameButton?: string;
+    zIndexPopover?: number;
+    offset?: OffsetOptions;
+    popoverProps?: Omit<IPopover, 'children'>;
+    placement?: UseFloatingOptions['placement'];
+    onClose?: () => void;
+}
+export interface IRefButtonPopover {
+    show: boolean;
+    setShow: (e: boolean) => void;
+    handlerShow: (e: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
+    handlerClose: () => void;
+}
+export type TGetIconButtonPopover = (isShow: boolean, iconShow?: React.ReactNode | React.ReactNode[], iconClose?: IButton['startIcon'] | IButton['endIcon']) => IButton['startIcon'] | IButton['endIcon'];

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

@@ -1,4 +1,5 @@
 import { ReactNode } from 'react';
+import { Itypography } from '../../../config/components/typography';
 
 export interface IChips extends React.HTMLAttributes<HTMLSpanElement> {
     children: ReactNode | ReactNode[];
@@ -8,4 +9,5 @@ export interface IChips extends React.HTMLAttributes<HTMLSpanElement> {
     variants?: 'filled-laba-blue-10' | 'ghost-laba-grey-02' | 'nude-laba-grey-10' | 'filled-blue-gray-100' | 'filled-gray-300';
     icon?: ReactNode | ReactNode[] | (() => ReactNode) | (() => ReactNode[]);
     removeIcon?: ReactNode | ReactNode[] | (() => ReactNode) | (() => ReactNode[]);
+    typography?: Itypography;
 }

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

@@ -24,4 +24,6 @@ export interface IFilterContainer {
     keepKeys?: string[];
     resetPagination?: boolean;
     keyPageNumber?: string;
+    reset?: boolean;
+    triggerReset?: IMergeState;
 }

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

@@ -10,7 +10,7 @@ export interface IInputFloatingInner extends InputHTMLAttributes<HTMLInputElemen
     endIcon?: ReactNode | ReactNode[] | (() => ReactNode) | (() => ReactNode[]);
     isRequired?: boolean;
     error?: string | undefined;
-    sizeInput?: 'large' | 'medium';
+    sizeInput?: 'large' | 'medium' | 'small';
     classNameLabelError?: string | undefined;
 }
 export interface IInputReguler extends InputHTMLAttributes<HTMLInputElement> {

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

@@ -1,5 +1,5 @@
 import { ReactNode } from 'react';
-import { FlipOptions, AutoPlacementOptions, UseFloatingOptions, OffsetOptions } from '@floating-ui/react';
+import { FlipOptions, AutoPlacementOptions, UseFloatingOptions, OffsetOptions, FloatingArrowProps } from '@floating-ui/react';
 
 export interface IPopover extends React.HTMLAttributes<HTMLDivElement> {
     children: ReactNode | ReactNode[];
@@ -14,6 +14,8 @@ export interface IPopover extends React.HTMLAttributes<HTMLDivElement> {
     width?: number | string;
     styleInnerPopover?: React.CSSProperties;
     floatingOptions?: UseFloatingOptions;
+    withArrow?: boolean;
+    propsArrow?: Partial<FloatingArrowProps>;
     onClose?: () => void;
 }
 export interface IRefPopover {

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

@@ -71,6 +71,7 @@ export interface IVirtualizationHead extends React.HTMLAttributes<HTMLTableSecti
 export interface IVirtualizationTable extends React.HTMLAttributes<HTMLTableElement> {
     context?: {
         classNameTable?: string;
+        width: string | number;
         [key: string]: unknown;
     };
     [key: string]: unknown;

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

@@ -6,6 +6,7 @@ export interface ITabsList {
     id: string | number;
     label: string | number;
     isHide?: boolean;
+    className?: string;
     activeColor?: string;
 }
 export interface ITabs {

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

@@ -0,0 +1,20 @@
+import { IPopover } from '1mpacto-react-ui';
+import { FloatingArrowProps, UseFloatingOptions } from '@floating-ui/react';
+import { default as React } from 'react';
+import { IColor } from '../../../config/tailwind/colors';
+
+export interface ITooltip {
+    id?: string;
+    children: string | React.ReactNode | React.ReactNode[];
+    text: string;
+    onClose?: () => void;
+    onShow?: () => void;
+    delay?: number;
+    zIndexPopover?: number;
+    popoverProps?: Omit<IPopover, 'children'>;
+    arrowProps?: Partial<FloatingArrowProps>;
+    placement?: UseFloatingOptions['placement'];
+    className?: string;
+    backgroundColor?: keyof IColor;
+    isHover?: boolean;
+}

package/dist/src/interfaces/components/Virtualization/ListVirtualization.d.ts

@@ -33,4 +33,5 @@ export interface IListVirtualization {
     increaseViewportBy?: (value?: number) => number;
     context?: object;
     endReached?: (value: number) => void;
+    increaseTotalCount?: number;
 }

package/dist/src/interfaces/components/Virtualization/TableVirtualization.d.ts

@@ -34,4 +34,5 @@ export interface ITableVirtualization {
     increaseViewportBy?: (value?: number) => number;
     context?: object;
     endReached?: (value: number) => void;
+    increaseTotalCount?: number;
 }

package/dist/src/utils/axiosBigNumber.d.ts

@@ -0,0 +1,8 @@
+type BigNumberConvertible = number | string;
+type ProcessedObject<T> = T extends object ? {
+    [K in keyof T]: ProcessedType<T[K]>;
+} : T;
+type ProcessedType<T> = T extends object ? ProcessedObject<T> : T extends BigNumberConvertible ? string | T : T;
+export declare function convertNumbersToBigNumbers<T>(obj: T): ProcessedType<T>;
+export declare function convertBigNumbersToStrings<T>(obj: T): T;
+export {};

package/dist/src/utils/common.d.ts

@@ -1,6 +1,14 @@
 import { TDateType, TKeyLocale } from '../interfaces/components/Calendar';
 import { IMergeState } from '../interfaces/components/FilterContainer';
+import { TypeBigNumber } from '../config/bigNumber';
 
+export declare const isAccurateBigNumber: (value: unknown) => boolean;
+export declare const isAccurateNumber: (value: unknown) => boolean;
+export declare function parseBigDecimal<T extends {
+    decimals?: number;
+    instance?: boolean;
+}>(value: number | string, options?: T): T['instance'] extends true ? TypeBigNumber : string;
+export declare const parseDecimal: (value: number | string, decimals?: number) => number;
 export declare function formatNumber(number: number, style?: 'currency' | 'decimal', options?: {
     minimumFractionDigits: number;
     locale: string;
@@ -19,7 +27,6 @@ export declare const transformDataHistory: <T extends Record<string, TDateType>>
     keyFormat?: string;
     format?: string;
 }) => Record<string, T[]>;
-export declare const parseDecimal: (value: number | string, decimals?: number) => number;
 export declare const removeKeyObjectEmptyValue: (data: IMergeState) => IMergeState;
 export declare const transformLatLong: (value: string, options?: {
     latMin?: number;
@@ -33,7 +40,6 @@ export declare const transformLatLong: (value: string, options?: {
     isValid: boolean;
 };
 export declare const sanitizeObjectKeyPrefix: (prefix: string, data: IMergeState) => IMergeState;
-export declare const isAccurateNumber: (value: unknown) => boolean;
 export declare function deepCompareEquals(a: unknown, b: unknown): boolean;
 export declare function transformSecondTime(secs: number, option?: {
     maxTime?: 'hour' | 'day';

package/dist/src/utils/formatBigNumber.d.ts

@@ -0,0 +1,10 @@
+interface FormatCurrencyOptions {
+    locale?: string;
+    currency?: string;
+    minimumFractionDigits?: number;
+    maximumFractionDigits?: number;
+    withSpace?: boolean;
+    currencyDisplay?: 'symbol' | 'code' | 'name';
+}
+export declare function formatBigNumber(number: number | string, options?: FormatCurrencyOptions): string;
+export {};

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "1mpacto-react-ui",
   "private": false,
-  "version": "0.0.98",
+  "version": "0.0.101",
   "type": "module",
   "scripts": {
     "copy:toastify-css": "cp ./node_modules/react-toastify/dist/ReactToastify.css ./dist/assets/toast.css",
@@ -87,6 +87,7 @@
     "@floating-ui/react": "^0.26.19",
     "@internationalized/date": "^3.5.4",
     "@tanstack/react-table": "^8.19.2",
+    "bignumber.js": "^9.1.2",
     "chart.js": "^4.4.3",
     "date-fns": "^3.6.0",
     "js-cookie": "^3.0.5",