1mpacto-react-ui 0.0.100 → 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/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

@@ -61,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, IChips, };
+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/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/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/package.json

@@ -1,7 +1,7 @@
 {
   "name": "1mpacto-react-ui",
   "private": false,
-  "version": "0.0.100",
+  "version": "0.0.101",
   "type": "module",
   "scripts": {
     "copy:toastify-css": "cp ./node_modules/react-toastify/dist/ReactToastify.css ./dist/assets/toast.css",