ds-smart-ui
Version:
Smart UI v1.0.5 — A production-ready React component library by PT Praisindo Teknologi. Covers inputs, navigation, data display, feedback, and layout with a unified design system, semantic Typography tokens, and full Storybook documentation.
216 lines (215 loc) • 5.8 kB
TypeScript
import { StoryObj } from '@storybook/react-vite';
import { AdvancedField } from './types/advance-toolbar.types';
declare const meta: {
id: string;
title: string;
component: import('react').FC<import('./types/advance-toolbar.types').AdvancedToolbarProps>;
tags: string[];
parameters: {
layout: string;
controls: {
expanded: boolean;
};
docs: {
description: {
component: string;
};
};
};
argTypes: {
columnValue: {
control: "select";
options: string[];
description: string;
table: {
type: {
summary: string;
};
defaultValue: {
summary: string;
};
};
};
statusValue: {
control: "select";
options: string[];
description: string;
table: {
type: {
summary: string;
};
defaultValue: {
summary: string;
};
};
};
sortValue: {
control: "select";
options: string[];
description: string;
table: {
type: {
summary: string;
};
defaultValue: {
summary: string;
};
};
};
buttonCreateRounded: {
control: "select";
options: string[];
description: string;
table: {
type: {
summary: string;
};
defaultValue: {
summary: string;
};
};
};
filterPermission: {
control: "boolean";
description: string;
table: {
type: {
summary: string;
};
defaultValue: {
summary: string;
};
};
};
sortPermission: {
control: "boolean";
description: string;
table: {
type: {
summary: string;
};
defaultValue: {
summary: string;
};
};
};
createPermission: {
control: "boolean";
description: string;
table: {
type: {
summary: string;
};
defaultValue: {
summary: string;
};
};
};
showSecondaryControls: {
control: "boolean";
description: string;
table: {
type: {
summary: string;
};
defaultValue: {
summary: string;
};
};
};
disabledFilter: {
control: "boolean";
description: string;
table: {
type: {
summary: string;
};
defaultValue: {
summary: string;
};
};
};
disabledSort: {
control: "boolean";
description: string;
table: {
type: {
summary: string;
};
defaultValue: {
summary: string;
};
};
};
disabledCreate: {
control: "boolean";
description: string;
table: {
type: {
summary: string;
};
defaultValue: {
summary: string;
};
};
};
enableSearchHistory: {
control: "boolean";
description: string;
table: {
type: {
summary: string;
};
defaultValue: {
summary: string;
};
};
};
};
args: {
columnOptions: {
label: string;
value: string;
}[];
columnValue: string;
searchValue: string;
enableSearchHistory: true;
buttonCreateLabel: string;
buttonCreateColor: "primary";
buttonCreateVariant: "contained";
buttonCreateRounded: "md";
filterPermission: true;
sortPermission: true;
createPermission: true;
disabledFilter: false;
disabledSort: false;
disabledCreate: false;
searchHistoryDebounceMs: number;
showSecondaryControls: true;
rowStatusOptions: {
label: string;
value: string;
colorClass: string;
}[];
statusValue: string;
sortOptions: {
label: string;
value: string;
}[];
sortValue: string;
advancedFields: AdvancedField[];
};
};
export default meta;
type Story = StoryObj<typeof meta>;
export declare const Basic: Story;
export declare const WithSearchValue: Story;
export declare const WithFilters: Story;
export declare const WithAdvancedFields: Story;
export declare const WithAdvancedFieldsPagination: Story;
export declare const NoPermissions: Story;
export declare const ButtonVariants: Story;
export declare const CompactMode: Story;
export declare const EmptyState: Story;
export declare const WithFetchSelect: Story;
export declare const WithSlotLeft: Story;