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.
Files changed (46) hide show
  1. package/dist/cjs/index.js +1 -1
  2. package/dist/cjs/index.js.map +1 -1
  3. package/dist/cjs/types/material/FFullDateField/FFullDateField.stories.d.ts +3 -0
  4. package/dist/cjs/types/material/FFullDateField/index.d.ts +1 -0
  5. package/dist/cjs/types/material/FIcons/FArrowIcon/FArrowIcon.d.ts +13 -0
  6. package/dist/cjs/types/material/FIcons/FArrowIcon/FArrowIcon.stories.d.ts +9 -0
  7. package/dist/cjs/types/material/FIcons/FArrowIcon/index.d.ts +1 -0
  8. package/dist/cjs/types/material/FIcons/FIcoClose/FCloseIcon.d.ts +10 -0
  9. package/dist/cjs/types/material/FIcons/FIcoClose/FCloseIcon.stories.d.ts +7 -0
  10. package/dist/cjs/types/material/FIcons/FIcoClose/index.d.ts +1 -1
  11. package/dist/cjs/types/material/FIcons/FPlusIcon/FPlusIcon.d.ts +2 -1
  12. package/dist/cjs/types/material/FIcons/FPlusIcon/FPlusIcon.stories.d.ts +1 -1
  13. package/dist/cjs/types/material/FIcons/FTrashIcon/FTrashIcon.d.ts +2 -1
  14. package/dist/cjs/types/material/FIcons/FTrashIcon/FTrashIcon.stories.d.ts +1 -1
  15. package/dist/cjs/types/material/FSelectSearchDb/FSelectSearchDb.d.ts +17 -0
  16. package/dist/cjs/types/material/FSelectSearchDb/FSelectSearchDb.stories.d.ts +9 -0
  17. package/dist/cjs/types/material/FSelectSearchDb/index.d.ts +1 -0
  18. package/dist/cjs/types/material/FTextArea/FTextArea.d.ts +17 -0
  19. package/dist/cjs/types/material/FTextArea/FTextArea.stories.d.ts +9 -0
  20. package/dist/cjs/types/material/FTextArea/index.d.ts +1 -0
  21. package/dist/cjs/types/material/FTextField/FTextField.d.ts +1 -1
  22. package/dist/cjs/types/material/index.d.ts +3 -1
  23. package/dist/esm/index.js +1 -1
  24. package/dist/esm/index.js.map +1 -1
  25. package/dist/esm/types/material/FFullDateField/FFullDateField.stories.d.ts +3 -0
  26. package/dist/esm/types/material/FFullDateField/index.d.ts +1 -0
  27. package/dist/esm/types/material/FIcons/FArrowIcon/FArrowIcon.d.ts +13 -0
  28. package/dist/esm/types/material/FIcons/FArrowIcon/FArrowIcon.stories.d.ts +9 -0
  29. package/dist/esm/types/material/FIcons/FArrowIcon/index.d.ts +1 -0
  30. package/dist/esm/types/material/FIcons/FIcoClose/FCloseIcon.d.ts +10 -0
  31. package/dist/esm/types/material/FIcons/FIcoClose/FCloseIcon.stories.d.ts +7 -0
  32. package/dist/esm/types/material/FIcons/FIcoClose/index.d.ts +1 -1
  33. package/dist/esm/types/material/FIcons/FPlusIcon/FPlusIcon.d.ts +2 -1
  34. package/dist/esm/types/material/FIcons/FPlusIcon/FPlusIcon.stories.d.ts +1 -1
  35. package/dist/esm/types/material/FIcons/FTrashIcon/FTrashIcon.d.ts +2 -1
  36. package/dist/esm/types/material/FIcons/FTrashIcon/FTrashIcon.stories.d.ts +1 -1
  37. package/dist/esm/types/material/FSelectSearchDb/FSelectSearchDb.d.ts +17 -0
  38. package/dist/esm/types/material/FSelectSearchDb/FSelectSearchDb.stories.d.ts +9 -0
  39. package/dist/esm/types/material/FSelectSearchDb/index.d.ts +1 -0
  40. package/dist/esm/types/material/FTextArea/FTextArea.d.ts +17 -0
  41. package/dist/esm/types/material/FTextArea/FTextArea.stories.d.ts +9 -0
  42. package/dist/esm/types/material/FTextArea/index.d.ts +1 -0
  43. package/dist/esm/types/material/FTextField/FTextField.d.ts +1 -1
  44. package/dist/esm/types/material/index.d.ts +3 -1
  45. package/dist/index.d.ts +45 -11
  46. 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 "./FIcoClose";
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/FIcoArrow";
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 IFIcoClose {
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 FIcoClose: FC<IFIcoClose>;
281
+ declare const FCloseIcon: FC<IFCloseIcon>;
282
282
 
283
- interface IFIcoArrow {
284
- className?: string;
285
- id?: string;
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
- direction: 'up' | 'down' | 'left' | 'right';
289
+ id?: string;
290
+ className?: string;
289
291
  }
290
- declare const FIcoArrow: FC<IFIcoArrow>;
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
- export { FAccordion, FButton$1 as FButton, FButton as FButtonFile, FCheckbox, FContainer, FDialog, FDialogBody, FDialogFooter, FDialogHeader, FFile, FGrid, FIcoArrow, FIcoClose, FInputFileForm, FOpenImgFull, FPagination, FPaper, FPlusIcon, FPreloader, FProgress, FRadioButton, FSelect, FSelectItem, FStack, FTable, FTableBody, FTableDataCell, FTableFooter, FTableHead, FTableHeaderCell, FTableRow, FTextField, FTimeline, FTimelineCard, FTrashIcon };
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 };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "fui-material",
3
- "version": "0.1.82",
3
+ "version": "0.1.83",
4
4
  "publishConfig": {
5
5
  "access": "public",
6
6
  "registry": "https://registry.npmjs.org/"