@foi/design-system 0.0.11 → 0.0.13

package/dist/hocs/ThemeProvider/components/DataGrid.d.ts

@@ -0,0 +1,20 @@
+import { Component, Event, StyleValues, Styles } from '../interfaces';
+export type ROOT = Pick<Styles, StyleValues.BACKGROUND_COLOR | StyleValues.BORDER_COLOR | StyleValues.BORDER_WIDTH | StyleValues.BORDER_RADIUS | StyleValues.BORDER_STYLE>;
+export type ENABLED = Pick<Styles, StyleValues.COLOR_PRIMARY | StyleValues.COLOR_SECONDARY | StyleValues.ICON_COLOR>;
+export type HOVER = Pick<Styles, StyleValues.BACKGROUND_COLOR>;
+export type ACTIVE = Pick<Styles, StyleValues.ICON_COLOR>;
+export interface EVENTS {
+    [Event.ENABLED]?: ENABLED;
+    [Event.HOVER]?: HOVER;
+    [Event.ACTIVE]?: ACTIVE;
+}
+export type DATAGRID = Record<Component.DATAGRID, {
+    DEFAULT: {
+        ROOT?: ROOT;
+        EVENTS?: EVENTS;
+    };
+    [variant: string]: {
+        ROOT?: ROOT;
+        EVENTS?: EVENTS;
+    };
+}>;

package/dist/hocs/ThemeProvider/components/DataGridMenu.d.ts

@@ -0,0 +1,18 @@
+import { Component, Event, StyleValues, Styles } from '../interfaces';
+export type ROOT = Pick<Styles, StyleValues.BACKGROUND_COLOR | StyleValues.BORDER_COLOR | StyleValues.BORDER_WIDTH | StyleValues.BORDER_RADIUS | StyleValues.BORDER_STYLE>;
+export type ENABLED = Pick<Styles, StyleValues.COLOR_PRIMARY | StyleValues.COLOR_SECONDARY>;
+export type HOVER = Pick<Styles, StyleValues.BACKGROUND_COLOR>;
+export interface EVENTS {
+    [Event.ENABLED]?: ENABLED;
+    [Event.HOVER]?: HOVER;
+}
+export type DATAGRIDMENU = Record<Component.DATAGRIDMENU, {
+    DEFAULT: {
+        ROOT?: ROOT;
+        EVENTS?: EVENTS;
+    };
+    [variant: string]: {
+        ROOT?: ROOT;
+        EVENTS?: EVENTS;
+    };
+}>;

package/dist/hocs/ThemeProvider/components/Modal.d.ts

@@ -0,0 +1,16 @@
+import { Component, Event, StyleValues, Styles } from '../interfaces';
+export type ROOT = Pick<Styles, StyleValues.BACKGROUND_COLOR | StyleValues.BORDER_COLOR | StyleValues.BORDER_WIDTH | StyleValues.BORDER_RADIUS | StyleValues.BORDER_STYLE>;
+export type ENABLED = Pick<Styles, StyleValues.COLOR_PRIMARY | StyleValues.COLOR_SECONDARY>;
+export interface EVENTS {
+    [Event.ENABLED]?: ENABLED;
+}
+export type MODAL = Record<Component.MODAL, {
+    DEFAULT: {
+        ROOT?: ROOT;
+        EVENTS?: EVENTS;
+    };
+    [variant: string]: {
+        ROOT?: ROOT;
+        EVENTS?: EVENTS;
+    };
+}>;

package/dist/hocs/ThemeProvider/components/Pagination.d.ts

@@ -0,0 +1,13 @@
+import { Component, Event, StyleValues, Styles } from '../interfaces';
+export type ENABLED = Pick<Styles, StyleValues.COLOR_SECONDARY>;
+export interface EVENTS {
+    [Event.ENABLED]?: ENABLED;
+}
+export type PAGINATION = Record<Component.PAGINATION, {
+    DEFAULT: {
+        EVENTS?: EVENTS;
+    };
+    [variant: string]: {
+        EVENTS?: EVENTS;
+    };
+}>;

package/dist/hocs/ThemeProvider/components/PaginationMenu.d.ts

@@ -0,0 +1,24 @@
+import { Component, Event, StyleValues, Styles } from '../interfaces';
+export type ROOT = Pick<Styles, StyleValues.BACKGROUND_COLOR | StyleValues.BORDER_COLOR | StyleValues.BORDER_WIDTH | StyleValues.BORDER_STYLE | StyleValues.BORDER_RADIUS | StyleValues.BOTTOM>;
+export type ENABLED = Pick<Styles, StyleValues.BACKGROUND_COLOR | StyleValues.COLOR_PRIMARY | StyleValues.COLOR_SECONDARY | StyleValues.COLOR_TERTIARY | StyleValues.BORDER_COLOR | StyleValues.BORDER_WIDTH | StyleValues.BORDER_STYLE | StyleValues.BORDER_RADIUS>;
+export type VALUE = ENABLED;
+export type HOVER = ENABLED;
+export type ACTIVE = ENABLED;
+export type FOCUS = ENABLED;
+export interface EVENTS {
+    [Event.ENABLED]?: ENABLED;
+    [Event.VALUE]?: VALUE;
+    [Event.HOVER]?: HOVER;
+    [Event.ACTIVE]?: ACTIVE;
+    [Event.FOCUS]?: FOCUS;
+}
+export type PAGINATIONMENU = Record<Component.PAGINATIONMENU, {
+    DEFAULT: {
+        ROOT?: ROOT;
+        EVENTS?: EVENTS;
+    };
+    [variant: string]: {
+        ROOT?: ROOT;
+        EVENTS?: EVENTS;
+    };
+}>;

package/dist/hocs/ThemeProvider/components/index.d.ts

@@ -9,5 +9,9 @@ import type { RADIO } from './Radio';
 import type { RADIOGROUP } from './RadioGroup';
 import type { DATEPICKER } from './DatePicker';
 import type { DATEPICKERMENU } from './DatePickerMenu';
-type COMPONTENTS = INPUT & BUTTON & ICONBUTTON & CHECKBOX & SELECT & SELECTMENU & SWITCH & RADIO & RADIOGROUP & DATEPICKER & DATEPICKERMENU;
+import type { DATAGRID } from './DataGrid';
+import type { DATAGRIDMENU } from './DataGridMenu';
+import type { PAGINATION } from './Pagination';
+import type { PAGINATIONMENU } from './PaginationMenu';
+type COMPONTENTS = INPUT & BUTTON & ICONBUTTON & CHECKBOX & SELECT & SELECTMENU & SWITCH & RADIO & RADIOGROUP & DATEPICKER & DATEPICKERMENU & DATAGRID & DATAGRIDMENU & PAGINATION & PAGINATIONMENU;
 export { type COMPONTENTS as default };

package/dist/hocs/ThemeProvider/interfaces/Components.interface.d.ts

@@ -3,14 +3,19 @@ export declare enum Component {
     ICONBUTTON = "ICONBUTTON",
     INPUT = "INPUT",
     CHECKBOX = "CHECKBOX",
+    RADIO = "RADIO",
     SELECT = "SELECT",
     SELECTMENU = "SELECTMENU",
     SWITCH = "SWITCH",
     SLIDER = "SLIDER",
     DATEPICKER = "DATEPICKER",
     DATEPICKERMENU = "DATEPICKERMENU",
+    PAGINATION = "PAGINATION",
+    PAGINATIONMENU = "PAGINATIONMENU",
     CHECKBOXGROUP = "CHECKBOXGROUP",
     CHECKBOXTREE = "CHECKBOXTREE",
     RADIOGROUP = "RADIOGROUP",
-    RADIO = "RADIO"
+    MODAL = "MODAL",
+    DATAGRID = "DATAGRID",
+    DATAGRIDMENU = "DATAGRIDMENU"
 }

package/dist/hocs.mjs

@@ -1,2 +1,2 @@
-import { t as e } from "./ThemeProvider-JlN3U_r2.js";
+import { t as e } from "./ThemeProvider-Q2Hjezbt.js";
 export { e as ThemeProvider };

package/dist/hooks/useOnClickOutside.d.ts

@@ -1,10 +1,9 @@
-import { type DependencyList, type RefObject } from 'react';
+import { type RefObject } from 'react';
 interface UseClickOutsideAlerter {
     ref: RefObject<Element | null>;
     isActive: boolean;
     onAction: () => void;
     exceptRef?: RefObject<Element | null>;
-    dependencies?: DependencyList;
 }
-export declare const useOnClickOutside: ({ ref, onAction, isActive, exceptRef, dependencies, }: UseClickOutsideAlerter) => void;
+export declare const useOnClickOutside: ({ ref, onAction, isActive, exceptRef }: UseClickOutsideAlerter) => void;
 export {};

package/dist/hooks.mjs

@@ -1,2 +1,2 @@
-import { n as e, t } from "./useStateCallback-D9fqdxiO.js";
+import { n as e, t } from "./useStateCallback-B4O93zzK.js";
 export { e as useOnClickOutside, t as useStateCallback };

package/dist/index.d.ts

@@ -1,4 +1,6 @@
 export { default as Button } from './components/atoms/Button';
+export { default as Skeleton } from './components/atoms/Skeleton';
+export type { SkeletonProps } from './components/atoms/Skeleton';
 export { default as Icon } from './components/atoms/Icon';
 export { default as Checkbox } from './components/atoms/Checkbox';
 export { default as DatePicker } from './components/atoms/DatePicker';
@@ -8,7 +10,11 @@ export { default as Radio } from './components/atoms/Radio';
 export { default as Select } from './components/atoms/Select';
 export { default as Slider } from './components/atoms/Slider';
 export { default as Switch } from './components/atoms/Switch';
+export { default as DataGrid } from './components/organisms/DataGrid';
+export type { DataGridProps, DataGridColumn, DataGridColumnType, DataGridFilterType, DataGridFilterOption, DataGridFilter, DataGridFetchParams, DataGridFetchResult, DataGridPaginationType, } from './components/organisms/DataGrid';
 export { default as CheckboxGroup } from './components/molecules/CheckboxGroup';
+export { default as Pagination } from './components/atoms/Pagination';
+export type { PaginationProps } from './components/atoms/Pagination';
 export { default as CheckboxTree } from './components/molecules/CheckboxTree';
 export { default as RadioGroup } from './components/molecules/RadioGroup';
 export { default as ThemeProvider } from './hocs/ThemeProvider';