widenarrow-ui 1.0.46 → 1.0.48

package/lib/components/Box/Box.stories.d.ts

@@ -2,6 +2,6 @@ import type { Meta, StoryObj } from '@storybook/react';
 import { Box } from 'src/components/Box';
 declare const meta: Meta<typeof Box>;
 export default meta;
-declare type Story = StoryObj<typeof Box>;
+type Story = StoryObj<typeof Box>;
 export declare const Primary: Story;
 export declare const Secondary: Story;

package/lib/components/Button/Button.stories.d.ts

@@ -2,7 +2,7 @@ import type { Meta, StoryObj } from '@storybook/react';
 import { Button } from 'src/components/Button';
 declare const meta: Meta<typeof Button>;
 export default meta;
-declare type Story = StoryObj<typeof Button>;
+type Story = StoryObj<typeof Button>;
 export declare const Primary: Story;
 export declare const Secondary: Story;
 export declare const Tertiary: Story;

package/lib/components/Button/Button.types.d.ts

@@ -1,5 +1,5 @@
 import { CSSProperties, MouseEvent, ReactNode } from 'react';
-import { HierarchyTypes, IconTypes, SizeTypes } from 'src/constants';
+import { HierarchyTypes, IconTypes, SizeTypes } from '../../constants';
 export interface ButtonProps {
     text?: string;
     onClickCallback?: (e: MouseEvent<HTMLButtonElement>) => void;

package/lib/components/Card/Card.stories.d.ts

@@ -2,5 +2,5 @@ import type { Meta, StoryObj } from '@storybook/react';
 import { Card } from 'src/components/Card';
 declare const meta: Meta<typeof Card>;
 export default meta;
-declare type Story = StoryObj<typeof Card>;
+type Story = StoryObj<typeof Card>;
 export declare const Default: Story;

package/lib/components/Checkbox/Checkbox.stories.d.ts

@@ -2,7 +2,7 @@ import type { Meta, StoryObj } from '@storybook/react';
 import { Checkbox } from 'src/components/Checkbox';
 declare const meta: Meta<typeof Checkbox>;
 export default meta;
-declare type Story = StoryObj<typeof Checkbox>;
+type Story = StoryObj<typeof Checkbox>;
 export declare const Checked: Story;
 export declare const WithEllipsis: Story;
 export declare const Indeterminate: Story;

package/lib/components/DropDown/DropDown.stories.d.ts

@@ -2,7 +2,7 @@ import type { Meta, StoryObj } from '@storybook/react';
 import { DropDown } from 'src/components/DropDown';
 declare const meta: Meta<typeof DropDown>;
 export default meta;
-declare type Story = StoryObj<typeof DropDown>;
+type Story = StoryObj<typeof DropDown>;
 export declare const Default: Story;
 export declare const WithActiveSelect: Story;
 export declare const Complex: Story;

package/lib/components/DropDown/useHandleClickOutside.d.ts

@@ -1,5 +1,5 @@
 import { RefObject } from 'react';
-declare type UseHandleClickOutsideReturn = {
+type UseHandleClickOutsideReturn = {
     ref: RefObject<HTMLDivElement>;
 };
 export default function useHandleClickOutside(callback: (...args: unknown[]) => void): UseHandleClickOutsideReturn;

package/lib/components/DropDownItem/DropDownItem.stories.d.ts

@@ -2,5 +2,5 @@ import type { Meta, StoryObj } from '@storybook/react';
 import { DropDownItem } from 'src/components/DropDownItem';
 declare const meta: Meta<typeof DropDownItem>;
 export default meta;
-declare type Story = StoryObj<typeof DropDownItem>;
+type Story = StoryObj<typeof DropDownItem>;
 export declare const Primary: Story;

package/lib/components/DropDownItem/DropDownItem.types.d.ts

@@ -1,5 +1,5 @@
 import { MouseEvent, ReactNode } from 'react';
-import { ColorTypes, HierarchyTypes, IconTypes, SizeTypes } from 'src/constants';
+import { ColorTypes, HierarchyTypes, IconTypes, SizeTypes } from '../../constants';
 export interface DropDownItemProps {
     text?: string;
     onClickCallback?: (e: MouseEvent<HTMLButtonElement>) => void;

package/lib/components/FacetButton/FacetButton.stories.d.ts

@@ -2,6 +2,6 @@ import type { Meta, StoryObj } from '@storybook/react';
 import { FacetButton } from 'src/components/FacetButton';
 declare const meta: Meta<typeof FacetButton>;
 export default meta;
-declare type Story = StoryObj<typeof FacetButton>;
+type Story = StoryObj<typeof FacetButton>;
 export declare const Default: Story;
 export declare const Primary: Story;

package/lib/components/Grid/Grid.stories.d.ts

@@ -2,5 +2,5 @@ import { Meta, StoryObj } from '@storybook/react';
 import { Grid } from 'src/components/Grid';
 declare const meta: Meta<typeof Grid>;
 export default meta;
-declare type Story = StoryObj<typeof Grid>;
+type Story = StoryObj<typeof Grid>;
 export declare const CustomGrid: Story;

package/lib/components/Icon/Icon.stories.d.ts

@@ -2,6 +2,6 @@ import type { Meta, StoryObj } from '@storybook/react';
 import { Icon } from 'src/components/Icon';
 declare const meta: Meta<typeof Icon>;
 export default meta;
-declare type Story = StoryObj<typeof Icon>;
+type Story = StoryObj<typeof Icon>;
 export declare const Default: Story;
 export declare const Primary: Story;

package/lib/components/IconButton/IconButton.stories.d.ts

@@ -2,7 +2,7 @@ import type { Meta, StoryObj } from '@storybook/react';
 import { IconButton } from 'src/components/IconButton';
 declare const meta: Meta<typeof IconButton>;
 export default meta;
-declare type Story = StoryObj<typeof IconButton>;
+type Story = StoryObj<typeof IconButton>;
 export declare const Default: Story;
 export declare const Primary: Story;
 export declare const Secondary: Story;

package/lib/components/Image/Image.stories.d.ts

@@ -2,5 +2,5 @@ import type { Meta, StoryObj } from '@storybook/react';
 import { Image } from 'src/components/Image';
 declare const meta: Meta<typeof Image>;
 export default meta;
-declare type Story = StoryObj<typeof Image>;
+type Story = StoryObj<typeof Image>;
 export declare const Default: Story;

package/lib/components/InlineButton/InlineButton.stories.d.ts

@@ -2,7 +2,7 @@ import type { Meta, StoryObj } from '@storybook/react';
 import { InlineButton } from 'src/components/InlineButton';
 declare const meta: Meta<typeof InlineButton>;
 export default meta;
-declare type Story = StoryObj<typeof InlineButton>;
+type Story = StoryObj<typeof InlineButton>;
 export declare const Default: Story;
 export declare const Primary: Story;
 export declare const Secondary: Story;

package/lib/components/Input/Input.stories.d.ts

@@ -2,5 +2,5 @@ import type { Meta, StoryObj } from '@storybook/react';
 import { Input } from 'src/components/Input';
 declare const meta: Meta<typeof Input>;
 export default meta;
-declare type Story = StoryObj<typeof Input>;
+type Story = StoryObj<typeof Input>;
 export declare const Default: Story;

package/lib/components/ListItem/ListItem.stories.d.ts

@@ -2,6 +2,6 @@ import type { Meta, StoryObj } from '@storybook/react';
 import { ListItem } from 'src/components/ListItem';
 declare const meta: Meta<typeof ListItem>;
 export default meta;
-declare type Story = StoryObj<typeof ListItem>;
+type Story = StoryObj<typeof ListItem>;
 export declare const Default: Story;
 export declare const Primary: Story;

package/lib/components/ListSkeleton/ListSkeleton.stories.d.ts

@@ -2,6 +2,6 @@ import type { Meta, StoryObj } from '@storybook/react';
 import { ListSkeleton } from 'src/components/ListSkeleton';
 declare const meta: Meta<typeof ListSkeleton>;
 export default meta;
-declare type Story = StoryObj<typeof ListSkeleton>;
+type Story = StoryObj<typeof ListSkeleton>;
 export declare const Default: Story;
 export declare const Primary: Story;

package/lib/components/MultiActionButton/MultiActionButton.stories.d.ts

@@ -2,7 +2,7 @@ import type { Meta, StoryObj } from '@storybook/react';
 import { MultiActionButton } from 'src/components/MultiActionButton';
 declare const meta: Meta<typeof MultiActionButton>;
 export default meta;
-declare type Story = StoryObj<typeof MultiActionButton>;
+type Story = StoryObj<typeof MultiActionButton>;
 export declare const Default: Story;
 export declare const Primary: Story;
 export declare const WithEllipsis: Story;

package/lib/components/Pagination/Pagination.d.ts

@@ -0,0 +1,4 @@
+import { FC } from 'react';
+import { PaginationProps } from './Pagination.types';
+declare const Pagination: FC<PaginationProps>;
+export { Pagination };

package/lib/components/Pagination/Pagination.stories.d.ts

@@ -0,0 +1,7 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import { Pagination } from 'src/components/Pagination';
+declare const meta: Meta<typeof Pagination>;
+export default meta;
+type Story = StoryObj<typeof Pagination>;
+export declare const Default: Story;
+export declare const Primary: Story;

package/lib/components/Pagination/Pagination.types.d.ts

@@ -0,0 +1,21 @@
+import { HierarchyTypes } from 'src/constants';
+import { SearchResultInterface } from '../../types/common.types';
+export interface PaginationProps {
+    pagination: SearchResultInterface;
+    onPaginate: (page: number) => void;
+    onPageSizeChange?: (pageSize: number) => void;
+    slim?: boolean;
+    tablePagination?: boolean;
+    buttonType?: HierarchyTypes.PRIMARY | HierarchyTypes.SECONDARY;
+    className?: string;
+    nextPageTitle?: string;
+    previousPageTitle?: string;
+    pageSizeTitleCallback?: (args: {
+        pageSize: number;
+    }) => string;
+    tableIntervalTitleCallback?: (args: {
+        start: number;
+        end: number;
+        total: number;
+    }) => string;
+}

package/lib/components/Pagination/index.d.ts

@@ -0,0 +1 @@
+export * from './Pagination';

package/lib/components/RadioButton/RadioButton.stories.d.ts

@@ -2,5 +2,5 @@ import type { Meta, StoryObj } from '@storybook/react';
 import { RadioButton } from 'src/components/RadioButton';
 declare const meta: Meta<typeof RadioButton>;
 export default meta;
-declare type Story = StoryObj<typeof RadioButton>;
+type Story = StoryObj<typeof RadioButton>;
 export declare const Default: Story;

package/lib/components/SelectInput/SelectInput.stories.d.ts

@@ -2,5 +2,5 @@ import type { Meta, StoryObj } from '@storybook/react';
 import { SelectInput } from 'src/components/SelectInput';
 declare const meta: Meta<typeof SelectInput>;
 export default meta;
-declare type Story = StoryObj<typeof SelectInput>;
+type Story = StoryObj<typeof SelectInput>;
 export declare const Default: Story;

package/lib/components/Separator/Separator.stories.d.ts

@@ -2,7 +2,7 @@ import type { Meta, StoryObj } from '@storybook/react';
 import { Separator } from 'src/components/Separator';
 declare const meta: Meta<typeof Separator>;
 export default meta;
-declare type Story = StoryObj<typeof Separator>;
+type Story = StoryObj<typeof Separator>;
 export declare const Auto: Story;
 export declare const SizeSmall: Story;
 export declare const SizeMedium: Story;

package/lib/components/SolidSpinner/SolidSpinner.stories.d.ts

@@ -2,5 +2,5 @@ import type { Meta, StoryObj } from '@storybook/react';
 import { SolidSpinner } from 'src/components/SolidSpinner';
 declare const meta: Meta<typeof SolidSpinner>;
 export default meta;
-declare type Story = StoryObj<typeof SolidSpinner>;
+type Story = StoryObj<typeof SolidSpinner>;
 export declare const Primary: Story;

package/lib/components/SortableTable/SortableTable.stories.d.ts

@@ -2,6 +2,6 @@ import type { Meta, StoryObj } from '@storybook/react';
 import { SortableTable } from 'src/components/SortableTable';
 declare const meta: Meta<typeof SortableTable>;
 export default meta;
-declare type Story = StoryObj<typeof SortableTable>;
+type Story = StoryObj<typeof SortableTable>;
 export declare const Default: Story;
 export declare const Custom: Story;

package/lib/components/SwitchButton/SwitchButton.stories.d.ts

@@ -2,5 +2,5 @@ import type { Meta, StoryObj } from '@storybook/react';
 import { SwitchButton } from 'src/components/SwitchButton';
 declare const meta: Meta<typeof SwitchButton>;
 export default meta;
-declare type Story = StoryObj<typeof SwitchButton>;
+type Story = StoryObj<typeof SwitchButton>;
 export declare const Default: Story;

package/lib/components/TextAreaInput/TextAreaInput.stories.d.ts

@@ -2,5 +2,5 @@ import type { Meta, StoryObj } from '@storybook/react';
 import { TextAreaInput } from 'src/components/TextAreaInput';
 declare const meta: Meta<typeof TextAreaInput>;
 export default meta;
-declare type Story = StoryObj<typeof TextAreaInput>;
+type Story = StoryObj<typeof TextAreaInput>;
 export declare const Default: Story;

package/lib/components/Typography/Heading.stories.d.ts

@@ -2,6 +2,6 @@ import type { Meta, StoryObj } from '@storybook/react';
 import { Heading } from 'src/components/Typography/Typography';
 declare const meta: Meta<typeof Heading>;
 export default meta;
-declare type Story = StoryObj<typeof Heading>;
+type Story = StoryObj<typeof Heading>;
 export declare const H1: Story;
 export declare const H2: Story;

package/lib/components/Typography/Label.stories.d.ts

@@ -2,5 +2,5 @@ import type { Meta, StoryObj } from '@storybook/react';
 import { Label } from './Typography';
 declare const meta: Meta<typeof Label>;
 export default meta;
-declare type Story = StoryObj<typeof Label>;
+type Story = StoryObj<typeof Label>;
 export declare const Default: Story;

package/lib/components/Typography/Paragraph.stories.d.ts

@@ -2,5 +2,5 @@ import type { Meta, StoryObj } from '@storybook/react';
 import { Paragraph } from './Typography';
 declare const meta: Meta<typeof Paragraph>;
 export default meta;
-declare type Story = StoryObj<typeof Paragraph>;
+type Story = StoryObj<typeof Paragraph>;
 export declare const Default: Story;

package/lib/components/Typography/Span.stories.d.ts

@@ -2,5 +2,5 @@ import type { Meta, StoryObj } from '@storybook/react';
 import { Span } from './Typography';
 declare const meta: Meta<typeof Span>;
 export default meta;
-declare type Story = StoryObj<typeof Span>;
+type Story = StoryObj<typeof Span>;
 export declare const Default: Story;

package/lib/components/index.d.ts

@@ -6,6 +6,7 @@ export * from './RadioButton';
 export * from './DropDown';
 export * from './DropDownItem';
 export * from './FacetButton';
+export * from './Pagination';
 export * from './FormSkeleton';
 export * from './Grid';
 export * from './Icon';

package/lib/constants.d.ts

@@ -196,12 +196,12 @@ export declare enum HierarchyTypes {
     QUATERNARY = "quaternary"
 }
 export declare enum AspectRatioTypes {
-    ar4_1 = "ar4_1",
-    ar3_1 = "ar3_1",
-    ar21_9 = "ar21_9",
-    ar16_9 = "ar16_9",
-    ar21_13 = "ar21_13",
-    ar4_3 = "ar4_3",
+    ar4_1 = "ar4_1",// 25 %
+    ar3_1 = "ar3_1",// 33 %
+    ar21_9 = "ar21_9",// 42.85 %
+    ar16_9 = "ar16_9",// 56.25 %
+    ar21_13 = "ar21_13",// '61.9%' "The golden ratio"
+    ar4_3 = "ar4_3",// 75%
     ar1_1 = "ar1_1"
 }
 export declare enum ColorTypes {