fui-material 0.1.82 → 0.1.83
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/cjs/index.js +1 -1
- package/dist/cjs/index.js.map +1 -1
- package/dist/cjs/types/material/FFullDateField/FFullDateField.stories.d.ts +3 -0
- package/dist/cjs/types/material/FFullDateField/index.d.ts +1 -0
- package/dist/cjs/types/material/FIcons/FArrowIcon/FArrowIcon.d.ts +13 -0
- package/dist/cjs/types/material/FIcons/FArrowIcon/FArrowIcon.stories.d.ts +9 -0
- package/dist/cjs/types/material/FIcons/FArrowIcon/index.d.ts +1 -0
- package/dist/cjs/types/material/FIcons/FIcoClose/FCloseIcon.d.ts +10 -0
- package/dist/cjs/types/material/FIcons/FIcoClose/FCloseIcon.stories.d.ts +7 -0
- package/dist/cjs/types/material/FIcons/FIcoClose/index.d.ts +1 -1
- package/dist/cjs/types/material/FIcons/FPlusIcon/FPlusIcon.d.ts +2 -1
- package/dist/cjs/types/material/FIcons/FPlusIcon/FPlusIcon.stories.d.ts +1 -1
- package/dist/cjs/types/material/FIcons/FTrashIcon/FTrashIcon.d.ts +2 -1
- package/dist/cjs/types/material/FIcons/FTrashIcon/FTrashIcon.stories.d.ts +1 -1
- package/dist/cjs/types/material/FSelectSearchDb/FSelectSearchDb.d.ts +17 -0
- package/dist/cjs/types/material/FSelectSearchDb/FSelectSearchDb.stories.d.ts +9 -0
- package/dist/cjs/types/material/FSelectSearchDb/index.d.ts +1 -0
- package/dist/cjs/types/material/FTextArea/FTextArea.d.ts +17 -0
- package/dist/cjs/types/material/FTextArea/FTextArea.stories.d.ts +9 -0
- package/dist/cjs/types/material/FTextArea/index.d.ts +1 -0
- package/dist/cjs/types/material/FTextField/FTextField.d.ts +1 -1
- package/dist/cjs/types/material/index.d.ts +3 -1
- package/dist/esm/index.js +1 -1
- package/dist/esm/index.js.map +1 -1
- package/dist/esm/types/material/FFullDateField/FFullDateField.stories.d.ts +3 -0
- package/dist/esm/types/material/FFullDateField/index.d.ts +1 -0
- package/dist/esm/types/material/FIcons/FArrowIcon/FArrowIcon.d.ts +13 -0
- package/dist/esm/types/material/FIcons/FArrowIcon/FArrowIcon.stories.d.ts +9 -0
- package/dist/esm/types/material/FIcons/FArrowIcon/index.d.ts +1 -0
- package/dist/esm/types/material/FIcons/FIcoClose/FCloseIcon.d.ts +10 -0
- package/dist/esm/types/material/FIcons/FIcoClose/FCloseIcon.stories.d.ts +7 -0
- package/dist/esm/types/material/FIcons/FIcoClose/index.d.ts +1 -1
- package/dist/esm/types/material/FIcons/FPlusIcon/FPlusIcon.d.ts +2 -1
- package/dist/esm/types/material/FIcons/FPlusIcon/FPlusIcon.stories.d.ts +1 -1
- package/dist/esm/types/material/FIcons/FTrashIcon/FTrashIcon.d.ts +2 -1
- package/dist/esm/types/material/FIcons/FTrashIcon/FTrashIcon.stories.d.ts +1 -1
- package/dist/esm/types/material/FSelectSearchDb/FSelectSearchDb.d.ts +17 -0
- package/dist/esm/types/material/FSelectSearchDb/FSelectSearchDb.stories.d.ts +9 -0
- package/dist/esm/types/material/FSelectSearchDb/index.d.ts +1 -0
- package/dist/esm/types/material/FTextArea/FTextArea.d.ts +17 -0
- package/dist/esm/types/material/FTextArea/FTextArea.stories.d.ts +9 -0
- package/dist/esm/types/material/FTextArea/index.d.ts +1 -0
- package/dist/esm/types/material/FTextField/FTextField.d.ts +1 -1
- package/dist/esm/types/material/index.d.ts +3 -1
- package/dist/index.d.ts +45 -11
- package/package.json +1 -1
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { default } from "./FFullDateField";
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import './FArrowIcon.css';
|
|
3
|
+
export interface IFArrowIcon {
|
|
4
|
+
color?: 'primary' | 'secondary' | 'success' | 'danger' | 'warning' | 'info' | 'light' | 'dark' | 'link';
|
|
5
|
+
size?: number;
|
|
6
|
+
st?: React.CSSProperties;
|
|
7
|
+
direction?: 'up' | 'down' | 'left' | 'right';
|
|
8
|
+
handleClick?: () => void;
|
|
9
|
+
id?: string;
|
|
10
|
+
className?: string;
|
|
11
|
+
}
|
|
12
|
+
declare const FArrowIcon: ({ color, size, st, direction, handleClick, id, className }: IFArrowIcon) => JSX.Element;
|
|
13
|
+
export default FArrowIcon;
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import { ComponentMeta, Story } from '@storybook/react';
|
|
3
|
+
import "bootstrap/dist/css/bootstrap.css";
|
|
4
|
+
import { IFArrowIcon } from "./FArrowIcon";
|
|
5
|
+
declare const _default: ComponentMeta<({ color, size, st, direction, handleClick, id, className }: IFArrowIcon) => JSX.Element>;
|
|
6
|
+
export default _default;
|
|
7
|
+
export declare const Default: Story<IFArrowIcon>;
|
|
8
|
+
export declare const ColorContained: Story<IFArrowIcon>;
|
|
9
|
+
export declare const Direction: Story<IFArrowIcon>;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { default } from "./FArrowIcon";
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import React, { FC } from 'react';
|
|
2
|
+
import "./FIcoClose.css";
|
|
3
|
+
export interface IFCloseIcon {
|
|
4
|
+
handleClose?: () => void;
|
|
5
|
+
st?: React.CSSProperties;
|
|
6
|
+
className?: string;
|
|
7
|
+
id?: string;
|
|
8
|
+
}
|
|
9
|
+
declare const FCloseIcon: FC<IFCloseIcon>;
|
|
10
|
+
export default FCloseIcon;
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { ComponentMeta, Story } from '@storybook/react';
|
|
3
|
+
import "bootstrap/dist/css/bootstrap.css";
|
|
4
|
+
import { IFCloseIcon } from "./FCloseIcon";
|
|
5
|
+
declare const _default: ComponentMeta<React.FC<IFCloseIcon>>;
|
|
6
|
+
export default _default;
|
|
7
|
+
export declare const Default: Story<IFCloseIcon>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export { default } from "./
|
|
1
|
+
export { default } from "./FCloseIcon";
|
|
@@ -6,6 +6,7 @@ export interface IFPlusIcon {
|
|
|
6
6
|
st?: React.CSSProperties;
|
|
7
7
|
id?: string;
|
|
8
8
|
className?: string;
|
|
9
|
+
handleClick?: () => void;
|
|
9
10
|
}
|
|
10
|
-
declare const FPlusIcon: ({ color, size, st, className, id }: IFPlusIcon) => JSX.Element;
|
|
11
|
+
declare const FPlusIcon: ({ color, size, st, className, id, handleClick }: IFPlusIcon) => JSX.Element;
|
|
11
12
|
export default FPlusIcon;
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
import { ComponentMeta, Story } from '@storybook/react';
|
|
3
3
|
import { IFPlusIcon } from "./FPlusIcon";
|
|
4
4
|
import "bootstrap/dist/css/bootstrap.css";
|
|
5
|
-
declare const _default: ComponentMeta<({ color, size, st, className, id }: IFPlusIcon) => JSX.Element>;
|
|
5
|
+
declare const _default: ComponentMeta<({ color, size, st, className, id, handleClick }: IFPlusIcon) => JSX.Element>;
|
|
6
6
|
export default _default;
|
|
7
7
|
export declare const Default: Story<IFPlusIcon>;
|
|
8
8
|
export declare const ColorContained: Story<IFPlusIcon>;
|
|
@@ -5,6 +5,7 @@ export interface IFTrashIcon {
|
|
|
5
5
|
st?: React.CSSProperties;
|
|
6
6
|
id?: string;
|
|
7
7
|
className?: string;
|
|
8
|
+
handleClick?: () => void;
|
|
8
9
|
}
|
|
9
|
-
declare const FTrashIcon: ({ color, size, st, id, className }: IFTrashIcon) => JSX.Element;
|
|
10
|
+
declare const FTrashIcon: ({ color, size, st, id, className, handleClick }: IFTrashIcon) => JSX.Element;
|
|
10
11
|
export default FTrashIcon;
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
import { ComponentMeta, Story } from '@storybook/react';
|
|
3
3
|
import { IFTrashIcon } from "./FTrashIcon";
|
|
4
4
|
import "bootstrap/dist/css/bootstrap.css";
|
|
5
|
-
declare const _default: ComponentMeta<({ color, size, st, id, className }: IFTrashIcon) => JSX.Element>;
|
|
5
|
+
declare const _default: ComponentMeta<({ color, size, st, id, className, handleClick }: IFTrashIcon) => JSX.Element>;
|
|
6
6
|
export default _default;
|
|
7
7
|
export declare const Default: Story<IFTrashIcon>;
|
|
8
8
|
export declare const ColorContained: Story<IFTrashIcon>;
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import React, { FC } from "react";
|
|
2
|
+
export interface IFSelectSearchDb {
|
|
3
|
+
label?: string;
|
|
4
|
+
st?: React.CSSProperties;
|
|
5
|
+
selectedOpt: any;
|
|
6
|
+
value?: Object | undefined;
|
|
7
|
+
optionLabel?: string;
|
|
8
|
+
optArray: any;
|
|
9
|
+
fetchingFc: any;
|
|
10
|
+
fullWidth?: boolean;
|
|
11
|
+
id?: string;
|
|
12
|
+
className?: string;
|
|
13
|
+
disabled?: boolean;
|
|
14
|
+
readOnly?: boolean;
|
|
15
|
+
}
|
|
16
|
+
declare const FSelectSearchDb: FC<IFSelectSearchDb>;
|
|
17
|
+
export default FSelectSearchDb;
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { ComponentMeta, Story } from '@storybook/react';
|
|
3
|
+
import { IFSelectSearchDb } from "./FSelectSearchDb";
|
|
4
|
+
declare const _default: ComponentMeta<React.FC<IFSelectSearchDb>>;
|
|
5
|
+
export default _default;
|
|
6
|
+
export declare const Default: Story<IFSelectSearchDb>;
|
|
7
|
+
export declare const FullWidth: Story<IFSelectSearchDb>;
|
|
8
|
+
export declare const Disabled: Story<IFSelectSearchDb>;
|
|
9
|
+
export declare const ReadOnly: Story<IFSelectSearchDb>;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { default } from "./FSelectSearchDb";
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import React, { FC } from "react";
|
|
2
|
+
export interface IFTextArea {
|
|
3
|
+
label?: string;
|
|
4
|
+
st?: React.CSSProperties;
|
|
5
|
+
value?: string | undefined;
|
|
6
|
+
cols?: number;
|
|
7
|
+
rows?: number;
|
|
8
|
+
placeholder?: string;
|
|
9
|
+
readOnly?: boolean;
|
|
10
|
+
disabled?: boolean;
|
|
11
|
+
autoComplete?: boolean;
|
|
12
|
+
className?: string;
|
|
13
|
+
id?: string;
|
|
14
|
+
fullWidth?: boolean;
|
|
15
|
+
}
|
|
16
|
+
declare const FTextArea: FC<IFTextArea>;
|
|
17
|
+
export default FTextArea;
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { ComponentMeta, Story } from '@storybook/react';
|
|
3
|
+
import { IFTextArea } from "./FTextArea";
|
|
4
|
+
declare const _default: ComponentMeta<React.FC<IFTextArea>>;
|
|
5
|
+
export default _default;
|
|
6
|
+
export declare const Default: Story<IFTextArea>;
|
|
7
|
+
export declare const Disabled: Story<IFTextArea>;
|
|
8
|
+
export declare const ReadOnly: Story<IFTextArea>;
|
|
9
|
+
export declare const FullWidth: Story<IFTextArea>;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { default } from "./FTextArea";
|
|
@@ -5,7 +5,7 @@ export interface IFTextField {
|
|
|
5
5
|
st?: React.CSSProperties;
|
|
6
6
|
value?: string | number | readonly string[] | undefined;
|
|
7
7
|
onChange?: React.ChangeEventHandler<HTMLInputElement> | undefined;
|
|
8
|
-
type?: 'text' | 'number' | 'email' | 'tel';
|
|
8
|
+
type?: 'text' | 'number' | 'email' | 'tel' | 'password';
|
|
9
9
|
onBlur?: React.FocusEventHandler<HTMLInputElement> | undefined;
|
|
10
10
|
onFocus?: React.FocusEventHandler<HTMLInputElement> | undefined;
|
|
11
11
|
fullWidth?: boolean;
|
|
@@ -24,7 +24,7 @@ export { default as FPagination } from "./FPagination";
|
|
|
24
24
|
export { default as FTimeline } from "./FTimelineComponents/FTimeline";
|
|
25
25
|
export { default as FTimelineCard } from "./FTimelineComponents/FTimelineCard";
|
|
26
26
|
export { default as FIcoClose } from "./FIcons/FIcoClose";
|
|
27
|
-
export { default as FIcoArrow } from "./FIcons/
|
|
27
|
+
export { default as FIcoArrow } from "./FIcons/FArrowIcon";
|
|
28
28
|
export { default as FPlusIcon } from "./FIcons/FPlusIcon/FPlusIcon";
|
|
29
29
|
export { default as FTrashIcon } from "./FIcons/FTrashIcon/FTrashIcon";
|
|
30
30
|
export { default as FOpenImgFull } from "./FOpenImgFull";
|
|
@@ -33,3 +33,5 @@ export { default as FInputFileForm } from "./FInputFileForm";
|
|
|
33
33
|
export { default as FFile } from "./FFile";
|
|
34
34
|
export { default as FSelect } from "./SelectComponents/FSelect";
|
|
35
35
|
export { default as FSelectItem } from "./SelectComponents/FSelectItem";
|
|
36
|
+
export { default as FFullDateField } from "./FFullDateField";
|
|
37
|
+
export { default as FSelectSearchDb } from "./FSelectSearchDb";
|
package/dist/index.d.ts
CHANGED
|
@@ -39,7 +39,7 @@ interface IFTextField {
|
|
|
39
39
|
st?: React.CSSProperties;
|
|
40
40
|
value?: string | number | readonly string[] | undefined;
|
|
41
41
|
onChange?: React.ChangeEventHandler<HTMLInputElement> | undefined;
|
|
42
|
-
type?: 'text' | 'number' | 'email' | 'tel';
|
|
42
|
+
type?: 'text' | 'number' | 'email' | 'tel' | 'password';
|
|
43
43
|
onBlur?: React.FocusEventHandler<HTMLInputElement> | undefined;
|
|
44
44
|
onFocus?: React.FocusEventHandler<HTMLInputElement> | undefined;
|
|
45
45
|
fullWidth?: boolean;
|
|
@@ -272,22 +272,24 @@ interface IFTimelineCard {
|
|
|
272
272
|
}
|
|
273
273
|
declare const FTimelineCard: FC<IFTimelineCard>;
|
|
274
274
|
|
|
275
|
-
interface
|
|
275
|
+
interface IFCloseIcon {
|
|
276
276
|
handleClose?: () => void;
|
|
277
277
|
st?: React.CSSProperties;
|
|
278
278
|
className?: string;
|
|
279
279
|
id?: string;
|
|
280
280
|
}
|
|
281
|
-
declare const
|
|
281
|
+
declare const FCloseIcon: FC<IFCloseIcon>;
|
|
282
282
|
|
|
283
|
-
interface
|
|
284
|
-
|
|
285
|
-
|
|
283
|
+
interface IFArrowIcon {
|
|
284
|
+
color?: 'primary' | 'secondary' | 'success' | 'danger' | 'warning' | 'info' | 'light' | 'dark' | 'link';
|
|
285
|
+
size?: number;
|
|
286
286
|
st?: React.CSSProperties;
|
|
287
|
+
direction?: 'up' | 'down' | 'left' | 'right';
|
|
287
288
|
handleClick?: () => void;
|
|
288
|
-
|
|
289
|
+
id?: string;
|
|
290
|
+
className?: string;
|
|
289
291
|
}
|
|
290
|
-
declare const
|
|
292
|
+
declare const FArrowIcon: ({ color, size, st, direction, handleClick, id, className }: IFArrowIcon) => JSX.Element;
|
|
291
293
|
|
|
292
294
|
interface IFPlusIcon {
|
|
293
295
|
color?: 'primary' | 'secondary' | 'success' | 'danger' | 'warning' | 'info' | 'light' | 'dark' | 'link';
|
|
@@ -295,8 +297,9 @@ interface IFPlusIcon {
|
|
|
295
297
|
st?: React.CSSProperties;
|
|
296
298
|
id?: string;
|
|
297
299
|
className?: string;
|
|
300
|
+
handleClick?: () => void;
|
|
298
301
|
}
|
|
299
|
-
declare const FPlusIcon: ({ color, size, st, className, id }: IFPlusIcon) => JSX.Element;
|
|
302
|
+
declare const FPlusIcon: ({ color, size, st, className, id, handleClick }: IFPlusIcon) => JSX.Element;
|
|
300
303
|
|
|
301
304
|
interface IFTrashIcon {
|
|
302
305
|
color?: 'primary' | 'secondary' | 'success' | 'danger' | 'warning' | 'info' | 'light' | 'dark' | 'link';
|
|
@@ -304,8 +307,9 @@ interface IFTrashIcon {
|
|
|
304
307
|
st?: React.CSSProperties;
|
|
305
308
|
id?: string;
|
|
306
309
|
className?: string;
|
|
310
|
+
handleClick?: () => void;
|
|
307
311
|
}
|
|
308
|
-
declare const FTrashIcon: ({ color, size, st, id, className }: IFTrashIcon) => JSX.Element;
|
|
312
|
+
declare const FTrashIcon: ({ color, size, st, id, className, handleClick }: IFTrashIcon) => JSX.Element;
|
|
309
313
|
|
|
310
314
|
interface IFOpenImgFull {
|
|
311
315
|
id?: string;
|
|
@@ -384,4 +388,34 @@ interface IFSelectItem {
|
|
|
384
388
|
}
|
|
385
389
|
declare const FSelectItem: FC<IFSelectItem>;
|
|
386
390
|
|
|
387
|
-
|
|
391
|
+
interface IFFullDateField {
|
|
392
|
+
label?: string;
|
|
393
|
+
st?: React.CSSProperties;
|
|
394
|
+
value?: string | undefined;
|
|
395
|
+
onChange?: React.ChangeEventHandler<HTMLInputElement> | undefined;
|
|
396
|
+
fullWidth?: boolean;
|
|
397
|
+
defaultValue?: string | number | readonly string[] | undefined;
|
|
398
|
+
disabled?: boolean;
|
|
399
|
+
readOnly?: boolean;
|
|
400
|
+
id?: string;
|
|
401
|
+
className?: string;
|
|
402
|
+
}
|
|
403
|
+
declare const FFullDateField: FC<IFFullDateField>;
|
|
404
|
+
|
|
405
|
+
interface IFSelectSearchDb {
|
|
406
|
+
label?: string;
|
|
407
|
+
st?: React.CSSProperties;
|
|
408
|
+
selectedOpt: any;
|
|
409
|
+
value?: Object | undefined;
|
|
410
|
+
optionLabel?: string;
|
|
411
|
+
optArray: any;
|
|
412
|
+
fetchingFc: any;
|
|
413
|
+
fullWidth?: boolean;
|
|
414
|
+
id?: string;
|
|
415
|
+
className?: string;
|
|
416
|
+
disabled?: boolean;
|
|
417
|
+
readOnly?: boolean;
|
|
418
|
+
}
|
|
419
|
+
declare const FSelectSearchDb: FC<IFSelectSearchDb>;
|
|
420
|
+
|
|
421
|
+
export { FAccordion, FButton$1 as FButton, FButton as FButtonFile, FCheckbox, FContainer, FDialog, FDialogBody, FDialogFooter, FDialogHeader, FFile, FFullDateField, FGrid, FArrowIcon as FIcoArrow, FCloseIcon as FIcoClose, FInputFileForm, FOpenImgFull, FPagination, FPaper, FPlusIcon, FPreloader, FProgress, FRadioButton, FSelect, FSelectItem, FSelectSearchDb, FStack, FTable, FTableBody, FTableDataCell, FTableFooter, FTableHead, FTableHeaderCell, FTableRow, FTextField, FTimeline, FTimelineCard, FTrashIcon };
|