@lctafrica/ui 0.2.1 → 0.2.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/ui/badge/Badge.stories.d.ts +1 -1
- package/dist/components/ui/confirm-modal/ConfirmModal.d.ts +1 -1
- package/dist/components/ui/confirm-modal/ConfirmModal.stories.d.ts +1 -1
- package/dist/components/ui/data-state-renderer/DataStateRendere.stories.d.ts +1 -1
- package/dist/components/ui/data-state-renderer/DataStateRenderer.d.ts +1 -1
- package/dist/components/ui/loading-indicator/LoadingIndicator.d.ts +1 -1
- package/dist/components/ui/loading-indicator/LoadingIndicator.stories.d.ts +1 -1
- package/dist/components/ui/loading-indicator/loading-animation/LoadingAnimation.d.ts +1 -1
- package/dist/components/ui/main-wrapper/MainWrapper.d.ts +1 -1
- package/dist/components/ui/main-wrapper/MainWrapper.stories.d.ts +1 -1
- package/dist/components/ui/pagination/Pagination.d.ts +1 -1
- package/dist/components/ui/pagination/Pagination.stories.d.ts +1 -1
- package/dist/components/ui/prompt-modal/PromptModal.d.ts +1 -1
- package/dist/components/ui/prompt-modal/PromptModal.stories.d.ts +1 -1
- package/dist/components/ui/searchable-select/SearchableSelect.stories.d.ts +4 -0
- package/dist/components/ui/state-indicator/StateIndicator.d.ts +1 -1
- package/dist/components/ui/state-indicator/StateIndicator.stories.d.ts +1 -1
- package/dist/components/ui/success-modal/SuccessAnimation.d.ts +1 -1
- package/dist/components/ui/success-modal/SuccessModal.d.ts +1 -1
- package/dist/components/ui/success-modal/SuccessModal.stories.d.ts +1 -1
- package/dist/components/ui/success-modal/SuccessTickIcon.d.ts +1 -1
- package/dist/components/ui/table/Table.d.ts +1 -1
- package/dist/components/ui/table/Table.stories.d.ts +1 -1
- package/dist/index.js +8787 -7048
- package/package.json +2 -2
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import { ModalProps } from '../modal/Modal';
|
|
2
2
|
import { ModalFooter } from '../ModalFooter';
|
|
3
3
|
export type ConfirmModalProps = ModalProps & ModalFooter;
|
|
4
|
-
export
|
|
4
|
+
export declare function ConfirmModal({ onCancel, onConfirm, confirmButtonLabel, cancelButtonLabel, children, ...rest }: ConfirmModalProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { Meta, StoryObj } from '@storybook/react-vite';
|
|
2
|
-
import {
|
|
2
|
+
import { ConfirmModal } from './ConfirmModal';
|
|
3
3
|
declare const meta: Meta<typeof ConfirmModal>;
|
|
4
4
|
export default meta;
|
|
5
5
|
type Story = StoryObj<typeof ConfirmModal>;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { Meta, StoryObj } from '@storybook/react-vite';
|
|
2
|
-
import {
|
|
2
|
+
import { DataStateRenderer } from './DataStateRenderer';
|
|
3
3
|
/**
|
|
4
4
|
* DataStateRenderer is a utility component that conditionally renders UI
|
|
5
5
|
* based on common data-fetching states:
|
|
@@ -15,5 +15,5 @@ type DataStateRendererProps = {
|
|
|
15
15
|
emptyState?: StateProps;
|
|
16
16
|
errorState?: StateProps;
|
|
17
17
|
};
|
|
18
|
-
export
|
|
18
|
+
export declare function DataStateRenderer({ isLoading, isEmpty, children, emptyState, errorState, hasError, loadingState, }: DataStateRendererProps): import("react/jsx-runtime").JSX.Element;
|
|
19
19
|
export {};
|
|
@@ -2,5 +2,5 @@ type Props = {
|
|
|
2
2
|
animationSize?: number;
|
|
3
3
|
className?: string;
|
|
4
4
|
};
|
|
5
|
-
export
|
|
5
|
+
export declare function LoadingIndicator({ animationSize, className }: Props): import("react/jsx-runtime").JSX.Element;
|
|
6
6
|
export {};
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { Meta, StoryObj } from '@storybook/react-vite';
|
|
2
|
-
import {
|
|
2
|
+
import { LoadingIndicator } from './LoadingIndicator';
|
|
3
3
|
declare const meta: Meta<typeof LoadingIndicator>;
|
|
4
4
|
export default meta;
|
|
5
5
|
type Story = StoryObj<typeof LoadingIndicator>;
|
|
@@ -12,5 +12,5 @@ type Props = {
|
|
|
12
12
|
* @param {number} props.size - The size (width and height) of the loading animation in pixels.
|
|
13
13
|
* @returns {JSX.Element} A rotating loading animation SVG.
|
|
14
14
|
*/
|
|
15
|
-
export
|
|
15
|
+
export declare function LoadingAnimation({ size }: Props): JSX.Element;
|
|
16
16
|
export {};
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
import { ComponentProps } from 'react';
|
|
2
|
-
export
|
|
2
|
+
export declare function MainWrapper({ className, ...rest }: ComponentProps<"main">): import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { Meta, StoryObj } from '@storybook/react-vite';
|
|
2
|
-
import {
|
|
2
|
+
import { MainWrapper } from './MainWrapper';
|
|
3
3
|
/**
|
|
4
4
|
* MainWrapper is a layout container used to wrap page content.
|
|
5
5
|
* It provides consistent padding, border, shadow, and layout structure.
|
|
@@ -7,4 +7,4 @@ export type PaginationProps = {
|
|
|
7
7
|
pageSize: number;
|
|
8
8
|
className?: string;
|
|
9
9
|
};
|
|
10
|
-
export
|
|
10
|
+
export declare function Pagination({ totalElements, totalPages, pageNumber, onPageNumberClick, onSizeChange, pageSize, className, }: PaginationProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -5,4 +5,4 @@ export type PromptModalProps = Omit<ModalProps, "children"> & Omit<ModalFooter,
|
|
|
5
5
|
promptPlaceHolder?: string;
|
|
6
6
|
onConfirm(promptInput: string): void;
|
|
7
7
|
};
|
|
8
|
-
export
|
|
8
|
+
export declare function PromptModal({ onCancel, onConfirm, confirmButtonLabel, cancelButtonLabel, promptLabel, promptPlaceHolder, ...rest }: PromptModalProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { Meta, StoryObj } from '@storybook/react-vite';
|
|
2
|
-
import {
|
|
2
|
+
import { PromptModal } from './PromptModal';
|
|
3
3
|
declare const meta: Meta<typeof PromptModal>;
|
|
4
4
|
export default meta;
|
|
5
5
|
type Story = StoryObj<typeof PromptModal>;
|
|
@@ -18,5 +18,5 @@ type ErrorStateIndicatorProps = {
|
|
|
18
18
|
variant: "error";
|
|
19
19
|
} & Partial<BaseStateIndicatorProps>;
|
|
20
20
|
export type StateIndicatorProps = DefaultStateIndicatorProps | EmptyStateIndicatorProps | ErrorStateIndicatorProps;
|
|
21
|
-
export
|
|
21
|
+
export declare function StateIndicator({ title, description, variant, actionButton, containerClassName, }: StateIndicatorProps): import("react/jsx-runtime").JSX.Element;
|
|
22
22
|
export {};
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { Meta, StoryObj } from '@storybook/react-vite';
|
|
2
|
-
import {
|
|
2
|
+
import { StateIndicator } from './StateIndicator';
|
|
3
3
|
declare const meta: Meta<typeof StateIndicator>;
|
|
4
4
|
export default meta;
|
|
5
5
|
type Story = StoryObj<typeof StateIndicator>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export
|
|
1
|
+
export declare function SuccessAnimation(): import("react/jsx-runtime").JSX.Element;
|
|
@@ -8,5 +8,5 @@ type SuccessModalProps = {
|
|
|
8
8
|
children?: ReactNode;
|
|
9
9
|
autoCloseDelay?: number;
|
|
10
10
|
};
|
|
11
|
-
export
|
|
11
|
+
export declare function SuccessModal({ onClose, isOpen, title, description, shouldShowCloseButton, children, autoCloseDelay, }: SuccessModalProps): import("react/jsx-runtime").JSX.Element;
|
|
12
12
|
export {};
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { Meta, StoryObj } from '@storybook/react-vite';
|
|
2
|
-
import {
|
|
2
|
+
import { SuccessModal } from './SuccessModal';
|
|
3
3
|
declare const meta: Meta<typeof SuccessModal>;
|
|
4
4
|
export default meta;
|
|
5
5
|
type Story = StoryObj<typeof SuccessModal>;
|
|
@@ -2,5 +2,5 @@ type Props = {
|
|
|
2
2
|
height?: number;
|
|
3
3
|
width?: number;
|
|
4
4
|
};
|
|
5
|
-
export
|
|
5
|
+
export declare function SuccessTickIcon({ height, width }: Props): import("react/jsx-runtime").JSX.Element;
|
|
6
6
|
export {};
|
|
@@ -5,7 +5,7 @@ export type TableBodyProps = ComponentProps<"tbody">;
|
|
|
5
5
|
export type TableRowProps = ComponentProps<"tr">;
|
|
6
6
|
export type TableHeaderCellProps = ComponentProps<"th">;
|
|
7
7
|
export type TableDataCellProps = ComponentProps<"td">;
|
|
8
|
-
export
|
|
8
|
+
export declare function Table({ className, ...props }: TableProps): import("react/jsx-runtime").JSX.Element;
|
|
9
9
|
export declare function TableHead({ className, ...props }: TableHeadProps): import("react/jsx-runtime").JSX.Element;
|
|
10
10
|
export declare function TableBody({ className, ...props }: TableBodyProps): import("react/jsx-runtime").JSX.Element;
|
|
11
11
|
export declare function TableRow({ className, ...props }: TableRowProps): import("react/jsx-runtime").JSX.Element;
|