fui-material 0.2.70 → 0.2.72
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/README.md +1 -15
- package/dist/cjs/index.js +4 -14
- package/dist/cjs/index.js.map +1 -1
- package/dist/cjs/types/function-elements/fAlert/fAlert.stories.d.ts +9 -0
- package/dist/cjs/types/function-elements/fConfirm/fConfirm.stories.d.ts +9 -0
- package/dist/cjs/types/function-elements/fPrompt/fPrompt.d.ts +0 -1
- package/dist/cjs/types/function-elements/fPrompt/fPrompt.stories.d.ts +9 -0
- package/dist/cjs/types/icons/FArrowIcon/FArrowIcon.stories.d.ts +12 -0
- package/dist/cjs/types/icons/FCheckIcon/FCheckIcon.stories.d.ts +11 -0
- package/dist/cjs/types/icons/FCloseIcon/FCloseIcon.d.ts +6 -7
- package/dist/cjs/types/icons/FCloseIcon/FCloseIcon.stories.d.ts +10 -0
- package/dist/cjs/types/icons/FCopyAddIcon/FCopyAdd.stories.d.ts +11 -0
- package/dist/cjs/types/icons/FDownloadIcon/FDownloadIcon.stories.d.ts +11 -0
- package/dist/cjs/types/icons/FFilterIcon/FTrashIcon.stories.d.ts +16 -0
- package/dist/cjs/types/icons/FListIcon/FListIcon.stories.d.ts +11 -0
- package/dist/cjs/types/icons/FLoadIcon/FLoadIcon.stories.d.ts +16 -0
- package/dist/cjs/types/icons/FPenIcon/FPenIcon.stories.d.ts +11 -0
- package/dist/cjs/types/icons/FPlusIcon/FPlusIcon.stories.d.ts +11 -0
- package/dist/cjs/types/icons/FTrashIcon/FTrashIcon.stories.d.ts +16 -0
- package/dist/cjs/types/icons/FUnlinkIcon/FUnlinkIcon.stories.d.ts +11 -0
- package/dist/cjs/types/material/Dialog/FDialog.stories.d.ts +10 -0
- package/dist/cjs/types/material/Dropdown/FDropdown/FDropdown.stories.d.ts +10 -0
- package/dist/cjs/types/material/Dropdown/FDropdownItem/FDropdownItem.stories.d.ts +10 -0
- package/dist/cjs/types/material/FAccordion/FAccordion.stories.d.ts +10 -0
- package/dist/cjs/types/material/FAlert/FAlert.stories.d.ts +24 -0
- package/dist/cjs/types/material/FButton/FButton.stories.d.ts +17 -0
- package/dist/cjs/types/material/FButton/FButton.test.d.ts +1 -0
- package/dist/cjs/types/material/FButtonFile/FButtonFile.d.ts +1 -1
- package/dist/cjs/types/material/FButtonFile/FButtonFile.stories.d.ts +17 -0
- package/dist/cjs/types/material/FCheckbox/FCheckbox.stories.d.ts +10 -0
- package/dist/cjs/types/material/FContainer/FContainer.stories.d.ts +16 -0
- package/dist/cjs/types/material/FFile/FFile.stories.d.ts +10 -0
- package/dist/cjs/types/material/FFullDateField/FFullDateField.stories.d.ts +16 -0
- package/dist/cjs/types/material/FGrid/FGrid.stories.d.ts +12 -0
- package/dist/cjs/types/material/FInputFileForm/FInputFileForm.stories.d.ts +10 -0
- package/dist/cjs/types/material/FNative/FNative.stories.d.ts +17 -0
- package/dist/cjs/types/material/FOpenImgFull/FOpenImgFull.stories.d.ts +10 -0
- package/dist/cjs/types/material/FPagination/FPagination.stories.d.ts +11 -0
- package/dist/cjs/types/material/FPaper/FPaper.stories.d.ts +12 -0
- package/dist/cjs/types/material/FPreloader/FPreloader.stories.d.ts +10 -0
- package/dist/cjs/types/material/FProgress/FProgress.stories.d.ts +10 -0
- package/dist/cjs/types/material/FRadioButton/FRadioButton.stories.d.ts +9 -0
- package/dist/cjs/types/material/FSearchBox/FSearchBox.stories.d.ts +26 -0
- package/dist/cjs/types/material/FSelectSearchDb/FSelectSearchDb.stories.d.ts +15 -0
- package/dist/cjs/types/material/FSelectSearchDb/FSelectSearchDbLegacy.d.ts +1 -0
- package/dist/cjs/types/material/FStack/FStack.stories.d.ts +16 -0
- package/dist/cjs/types/material/FTextArea/FTextArea.stories.d.ts +16 -0
- package/dist/cjs/types/material/FTextField/FTextField.stories.d.ts +23 -0
- package/dist/cjs/types/material/FTimelineComponents/FTimeline.stories.d.ts +10 -0
- package/dist/cjs/types/material/SelectComponents/FSelect.stories.d.ts +21 -0
- package/dist/cjs/types/material/TableComponents/FTable.stories.d.ts +21 -0
- package/dist/cjs/types/material/Tabs/FTabs.stories.d.ts +10 -0
- package/dist/cjs/types/stories/Button.d.ts +28 -0
- package/dist/cjs/types/stories/Header.d.ts +12 -0
- package/dist/cjs/types/stories/Page.d.ts +3 -0
- package/dist/cjs/types/stories/Page.stories.d.ts +13 -0
- package/dist/esm/index.js +4 -14
- package/dist/esm/index.js.map +1 -1
- package/dist/esm/types/function-elements/fAlert/fAlert.stories.d.ts +9 -0
- package/dist/esm/types/function-elements/fConfirm/fConfirm.stories.d.ts +9 -0
- package/dist/esm/types/function-elements/fPrompt/fPrompt.d.ts +0 -1
- package/dist/esm/types/function-elements/fPrompt/fPrompt.stories.d.ts +9 -0
- package/dist/esm/types/icons/FArrowIcon/FArrowIcon.stories.d.ts +12 -0
- package/dist/esm/types/icons/FCheckIcon/FCheckIcon.stories.d.ts +11 -0
- package/dist/esm/types/icons/FCloseIcon/FCloseIcon.d.ts +6 -7
- package/dist/esm/types/icons/FCloseIcon/FCloseIcon.stories.d.ts +10 -0
- package/dist/esm/types/icons/FCopyAddIcon/FCopyAdd.stories.d.ts +11 -0
- package/dist/esm/types/icons/FDownloadIcon/FDownloadIcon.stories.d.ts +11 -0
- package/dist/esm/types/icons/FFilterIcon/FTrashIcon.stories.d.ts +16 -0
- package/dist/esm/types/icons/FListIcon/FListIcon.stories.d.ts +11 -0
- package/dist/esm/types/icons/FLoadIcon/FLoadIcon.stories.d.ts +16 -0
- package/dist/esm/types/icons/FPenIcon/FPenIcon.stories.d.ts +11 -0
- package/dist/esm/types/icons/FPlusIcon/FPlusIcon.stories.d.ts +11 -0
- package/dist/esm/types/icons/FTrashIcon/FTrashIcon.stories.d.ts +16 -0
- package/dist/esm/types/icons/FUnlinkIcon/FUnlinkIcon.stories.d.ts +11 -0
- package/dist/esm/types/material/Dialog/FDialog.stories.d.ts +10 -0
- package/dist/esm/types/material/Dropdown/FDropdown/FDropdown.stories.d.ts +10 -0
- package/dist/esm/types/material/Dropdown/FDropdownItem/FDropdownItem.stories.d.ts +10 -0
- package/dist/esm/types/material/FAccordion/FAccordion.stories.d.ts +10 -0
- package/dist/esm/types/material/FAlert/FAlert.stories.d.ts +24 -0
- package/dist/esm/types/material/FButton/FButton.stories.d.ts +17 -0
- package/dist/esm/types/material/FButton/FButton.test.d.ts +1 -0
- package/dist/esm/types/material/FButtonFile/FButtonFile.d.ts +1 -1
- package/dist/esm/types/material/FButtonFile/FButtonFile.stories.d.ts +17 -0
- package/dist/esm/types/material/FCheckbox/FCheckbox.stories.d.ts +10 -0
- package/dist/esm/types/material/FContainer/FContainer.stories.d.ts +16 -0
- package/dist/esm/types/material/FFile/FFile.stories.d.ts +10 -0
- package/dist/esm/types/material/FFullDateField/FFullDateField.stories.d.ts +16 -0
- package/dist/esm/types/material/FGrid/FGrid.stories.d.ts +12 -0
- package/dist/esm/types/material/FInputFileForm/FInputFileForm.stories.d.ts +10 -0
- package/dist/esm/types/material/FNative/FNative.stories.d.ts +17 -0
- package/dist/esm/types/material/FOpenImgFull/FOpenImgFull.stories.d.ts +10 -0
- package/dist/esm/types/material/FPagination/FPagination.stories.d.ts +11 -0
- package/dist/esm/types/material/FPaper/FPaper.stories.d.ts +12 -0
- package/dist/esm/types/material/FPreloader/FPreloader.stories.d.ts +10 -0
- package/dist/esm/types/material/FProgress/FProgress.stories.d.ts +10 -0
- package/dist/esm/types/material/FRadioButton/FRadioButton.stories.d.ts +9 -0
- package/dist/esm/types/material/FSearchBox/FSearchBox.stories.d.ts +26 -0
- package/dist/esm/types/material/FSelectSearchDb/FSelectSearchDb.stories.d.ts +15 -0
- package/dist/esm/types/material/FSelectSearchDb/FSelectSearchDbLegacy.d.ts +1 -0
- package/dist/esm/types/material/FStack/FStack.stories.d.ts +16 -0
- package/dist/esm/types/material/FTextArea/FTextArea.stories.d.ts +16 -0
- package/dist/esm/types/material/FTextField/FTextField.stories.d.ts +23 -0
- package/dist/esm/types/material/FTimelineComponents/FTimeline.stories.d.ts +10 -0
- package/dist/esm/types/material/SelectComponents/FSelect.stories.d.ts +21 -0
- package/dist/esm/types/material/TableComponents/FTable.stories.d.ts +21 -0
- package/dist/esm/types/material/Tabs/FTabs.stories.d.ts +10 -0
- package/dist/esm/types/stories/Button.d.ts +28 -0
- package/dist/esm/types/stories/Header.d.ts +12 -0
- package/dist/esm/types/stories/Page.d.ts +3 -0
- package/dist/esm/types/stories/Page.stories.d.ts +13 -0
- package/dist/index.d.ts +4 -5
- package/package.json +71 -28
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { StoryFn } from '@storybook/react';
|
|
3
|
+
import { IFTextField } from './FTextField';
|
|
4
|
+
import 'bootstrap/dist/css/bootstrap.css';
|
|
5
|
+
declare const _default: {
|
|
6
|
+
title: string;
|
|
7
|
+
tags: string[];
|
|
8
|
+
component: React.FC<IFTextField>;
|
|
9
|
+
};
|
|
10
|
+
export default _default;
|
|
11
|
+
export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, IFTextField>;
|
|
12
|
+
export declare const Label: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, IFTextField>;
|
|
13
|
+
export declare const Value: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, IFTextField>;
|
|
14
|
+
export declare const DefaultValue: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, IFTextField>;
|
|
15
|
+
export declare const Load: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, IFTextField>;
|
|
16
|
+
export declare const Interactive: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, IFTextField>;
|
|
17
|
+
export declare const FullWidth: StoryFn<IFTextField>;
|
|
18
|
+
export declare const ErrText: StoryFn<IFTextField>;
|
|
19
|
+
export declare const OnChange: StoryFn<IFTextField>;
|
|
20
|
+
export declare const OnBlur: StoryFn<IFTextField>;
|
|
21
|
+
export declare const OnFocus: StoryFn<IFTextField>;
|
|
22
|
+
export declare const OnInput: StoryFn<IFTextField>;
|
|
23
|
+
export declare const HelpText: StoryFn<IFTextField>;
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { IFTimeline } from './FTimeline/FTimeline';
|
|
3
|
+
import 'bootstrap/dist/css/bootstrap.css';
|
|
4
|
+
declare const _default: {
|
|
5
|
+
title: string;
|
|
6
|
+
tags: string[];
|
|
7
|
+
component: React.FC<IFTimeline>;
|
|
8
|
+
};
|
|
9
|
+
export default _default;
|
|
10
|
+
export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, IFTimeline>;
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { StoryFn } from '@storybook/react';
|
|
3
|
+
import { IFSelect } from './FSelect/FSelect';
|
|
4
|
+
import 'bootstrap/dist/css/bootstrap.css';
|
|
5
|
+
import { IFSelectItem } from './FSelectItem/FSelectItem';
|
|
6
|
+
declare const _default: {
|
|
7
|
+
title: string;
|
|
8
|
+
tags: string[];
|
|
9
|
+
component: React.FC<IFSelect>;
|
|
10
|
+
};
|
|
11
|
+
export default _default;
|
|
12
|
+
export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, IFSelect>;
|
|
13
|
+
export declare const Disabled: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, IFSelect>;
|
|
14
|
+
export declare const FullWidth: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, IFSelect>;
|
|
15
|
+
export declare const Load: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, IFSelect>;
|
|
16
|
+
export declare const Size: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, IFSelect>;
|
|
17
|
+
export declare const Multiple: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, IFSelect>;
|
|
18
|
+
export declare const SelectItemDefault: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, IFSelectItem>;
|
|
19
|
+
export declare const SelectItemDisabled: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, IFSelectItem>;
|
|
20
|
+
export declare const ErrText: StoryFn<IFSelect>;
|
|
21
|
+
export declare const HelpText: StoryFn<IFSelect>;
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import 'bootstrap/dist/css/bootstrap.css';
|
|
3
|
+
import './FTable/FTable.css';
|
|
4
|
+
import { IFTable } from './FTable/FTable';
|
|
5
|
+
import { IFTableHead } from './FTableHead/FTableHead';
|
|
6
|
+
import { IFTableHeaderCell } from './FTableHeaderCell/FTableHeaderCell';
|
|
7
|
+
import { IFTableDataCell } from './FTableDataCell/FTableDataCell';
|
|
8
|
+
import { IFTableBody } from './FTableBody/FTableBody';
|
|
9
|
+
import { IFTableRow } from './FTableRow/FTableRow';
|
|
10
|
+
declare const _default: {
|
|
11
|
+
title: string;
|
|
12
|
+
tags: string[];
|
|
13
|
+
component: React.FC<IFTable>;
|
|
14
|
+
};
|
|
15
|
+
export default _default;
|
|
16
|
+
export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, IFTable>;
|
|
17
|
+
export declare const DefaultTableHead: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, IFTableHead>;
|
|
18
|
+
export declare const DefaultTableBody: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, IFTableBody>;
|
|
19
|
+
export declare const DefaultTableRow: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, IFTableRow>;
|
|
20
|
+
export declare const DefaultTableHeaderCell: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, IFTableHeaderCell>;
|
|
21
|
+
export declare const DefaultTableDataCell: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, IFTableDataCell>;
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import 'bootstrap/dist/css/bootstrap.css';
|
|
3
|
+
import { IFTabs } from './FTabs/FTabs';
|
|
4
|
+
declare const _default: {
|
|
5
|
+
title: string;
|
|
6
|
+
tags: string[];
|
|
7
|
+
component: React.FC<IFTabs>;
|
|
8
|
+
};
|
|
9
|
+
export default _default;
|
|
10
|
+
export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, IFTabs>;
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
import './button.css';
|
|
2
|
+
interface ButtonProps {
|
|
3
|
+
/**
|
|
4
|
+
* Is this the principal call to action on the page?
|
|
5
|
+
*/
|
|
6
|
+
primary?: boolean;
|
|
7
|
+
/**
|
|
8
|
+
* What background color to use
|
|
9
|
+
*/
|
|
10
|
+
backgroundColor?: string;
|
|
11
|
+
/**
|
|
12
|
+
* How large should the button be?
|
|
13
|
+
*/
|
|
14
|
+
size?: 'small' | 'medium' | 'large';
|
|
15
|
+
/**
|
|
16
|
+
* Button contents
|
|
17
|
+
*/
|
|
18
|
+
label: string;
|
|
19
|
+
/**
|
|
20
|
+
* Optional click handler
|
|
21
|
+
*/
|
|
22
|
+
onClick?: () => void;
|
|
23
|
+
}
|
|
24
|
+
/**
|
|
25
|
+
* Primary UI component for user interaction
|
|
26
|
+
*/
|
|
27
|
+
export declare const Button: ({ primary, size, backgroundColor, label, ...props }: ButtonProps) => import("react/jsx-runtime").JSX.Element;
|
|
28
|
+
export {};
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import './header.css';
|
|
2
|
+
type User = {
|
|
3
|
+
name: string;
|
|
4
|
+
};
|
|
5
|
+
interface HeaderProps {
|
|
6
|
+
user?: User;
|
|
7
|
+
onLogin: () => void;
|
|
8
|
+
onLogout: () => void;
|
|
9
|
+
onCreateAccount: () => void;
|
|
10
|
+
}
|
|
11
|
+
export declare const Header: ({ user, onLogin, onLogout, onCreateAccount }: HeaderProps) => import("react/jsx-runtime").JSX.Element;
|
|
12
|
+
export {};
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import type { StoryObj } from '@storybook/react';
|
|
3
|
+
declare const meta: {
|
|
4
|
+
title: string;
|
|
5
|
+
component: import("react").FC<{}>;
|
|
6
|
+
parameters: {
|
|
7
|
+
layout: string;
|
|
8
|
+
};
|
|
9
|
+
};
|
|
10
|
+
export default meta;
|
|
11
|
+
type Story = StoryObj<typeof meta>;
|
|
12
|
+
export declare const LoggedOut: Story;
|
|
13
|
+
export declare const LoggedIn: Story;
|