fui-material 0.2.52 → 0.2.54

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 (34) hide show
  1. package/dist/cjs/index.js +9 -1
  2. package/dist/cjs/index.js.map +1 -1
  3. package/dist/cjs/types/function-elements/fAlert/fAlert.d.ts +8 -0
  4. package/dist/cjs/types/function-elements/fAlert/fAlert.stories.d.ts +9 -0
  5. package/dist/cjs/types/function-elements/fAlert/index.d.ts +1 -0
  6. package/dist/cjs/types/function-elements/fConfirm/fConfirm.d.ts +7 -0
  7. package/dist/cjs/types/function-elements/fConfirm/fConfirm.stories.d.ts +9 -0
  8. package/dist/cjs/types/function-elements/fConfirm/index.d.ts +1 -0
  9. package/dist/cjs/types/function-elements/fPrompt/fPrompt.d.ts +7 -0
  10. package/dist/cjs/types/function-elements/fPrompt/fPrompt.stories.d.ts +9 -0
  11. package/dist/cjs/types/function-elements/fPrompt/index.d.ts +1 -0
  12. package/dist/cjs/types/function-elements/index.d.ts +3 -0
  13. package/dist/cjs/types/index.d.ts +1 -0
  14. package/dist/cjs/types/material/FAlert/FAlert.d.ts +10 -10
  15. package/dist/cjs/types/material/FAlert/FAlert.stories.d.ts +0 -1
  16. package/dist/cjs/types/material/FSelectSearchDb/FSelectSearchDb.d.ts +1 -1
  17. package/dist/esm/index.js +9 -1
  18. package/dist/esm/index.js.map +1 -1
  19. package/dist/esm/types/function-elements/fAlert/fAlert.d.ts +8 -0
  20. package/dist/esm/types/function-elements/fAlert/fAlert.stories.d.ts +9 -0
  21. package/dist/esm/types/function-elements/fAlert/index.d.ts +1 -0
  22. package/dist/esm/types/function-elements/fConfirm/fConfirm.d.ts +7 -0
  23. package/dist/esm/types/function-elements/fConfirm/fConfirm.stories.d.ts +9 -0
  24. package/dist/esm/types/function-elements/fConfirm/index.d.ts +1 -0
  25. package/dist/esm/types/function-elements/fPrompt/fPrompt.d.ts +7 -0
  26. package/dist/esm/types/function-elements/fPrompt/fPrompt.stories.d.ts +9 -0
  27. package/dist/esm/types/function-elements/fPrompt/index.d.ts +1 -0
  28. package/dist/esm/types/function-elements/index.d.ts +3 -0
  29. package/dist/esm/types/index.d.ts +1 -0
  30. package/dist/esm/types/material/FAlert/FAlert.d.ts +10 -10
  31. package/dist/esm/types/material/FAlert/FAlert.stories.d.ts +0 -1
  32. package/dist/esm/types/material/FSelectSearchDb/FSelectSearchDb.d.ts +1 -1
  33. package/dist/index.d.ts +29 -10
  34. package/package.json +10 -9
@@ -0,0 +1,8 @@
1
+ import './fAlert.css';
2
+ export interface IfAlert {
3
+ title?: string;
4
+ body: string;
5
+ variant: 'info' | 'error' | 'success' | 'warning';
6
+ }
7
+ declare const fAlert: ({ title, body, variant }: IfAlert) => void;
8
+ export default fAlert;
@@ -0,0 +1,9 @@
1
+ import { StoryFn } from '@storybook/react';
2
+ import 'bootstrap/dist/css/bootstrap.css';
3
+ import { IfAlert } from "./fAlert";
4
+ declare const _default: {
5
+ title: string;
6
+ tags: string[];
7
+ };
8
+ export default _default;
9
+ export declare const Default: StoryFn<IfAlert>;
@@ -0,0 +1 @@
1
+ export { default } from "./fAlert";
@@ -0,0 +1,7 @@
1
+ import './fConfirm.css';
2
+ export interface IfConfirm {
3
+ title?: string;
4
+ body: string;
5
+ }
6
+ declare const fConfirm: ({ title, body }: IfConfirm) => Promise<boolean>;
7
+ export default fConfirm;
@@ -0,0 +1,9 @@
1
+ import { StoryFn } from '@storybook/react';
2
+ import 'bootstrap/dist/css/bootstrap.css';
3
+ import { IfConfirm } from "./fConfirm";
4
+ declare const _default: {
5
+ title: string;
6
+ tags: string[];
7
+ };
8
+ export default _default;
9
+ export declare const Default: StoryFn<IfConfirm>;
@@ -0,0 +1 @@
1
+ export { default } from "./fConfirm";
@@ -0,0 +1,7 @@
1
+ import './fPrompt.css';
2
+ export interface IfPrompt {
3
+ title?: string;
4
+ body?: string;
5
+ }
6
+ declare const fPrompt: ({ title, body }: IfPrompt) => Promise<string | null>;
7
+ export default fPrompt;
@@ -0,0 +1,9 @@
1
+ import { StoryFn } from '@storybook/react';
2
+ import 'bootstrap/dist/css/bootstrap.css';
3
+ import { IfPrompt } from "./fPrompt";
4
+ declare const _default: {
5
+ title: string;
6
+ tags: string[];
7
+ };
8
+ export default _default;
9
+ export declare const Default: StoryFn<IfPrompt>;
@@ -0,0 +1 @@
1
+ export { default } from "./fPrompt";
@@ -0,0 +1,3 @@
1
+ export { default as fAlert } from "./fAlert";
2
+ export { default as fConfirm } from "./fConfirm";
3
+ export { default as fPrompt } from "./fPrompt";
@@ -1,2 +1,3 @@
1
1
  export * from './material';
2
2
  export * from './icons';
3
+ export * from './function-elements';
@@ -1,17 +1,17 @@
1
- import React, { FC } from 'react';
2
- import "./FAlert.css";
1
+ import React, { FC } from "react";
2
+ import './FAlert.css';
3
3
  export interface IFAlert {
4
- variant: 'info' | 'error';
5
- onClose?: React.MouseEventHandler<HTMLButtonElement> | undefined;
6
- title: string;
7
- body: string;
4
+ title?: string;
5
+ body?: string;
6
+ variant: 'info' | 'error' | 'success' | 'warning';
7
+ onClose?: (e: boolean) => void;
8
8
  st?: React.CSSProperties | undefined;
9
9
  open: boolean;
10
- vertical: 'top' | 'bottom';
11
- horizontal: 'left' | 'center' | 'right';
12
- buttonClose: boolean;
13
- id?: string;
10
+ vertical?: 'top' | 'bottom' | 'center';
11
+ horizontal?: 'left' | 'center' | 'right';
12
+ buttonClose?: boolean;
14
13
  className?: string;
14
+ timeCloseSec?: number;
15
15
  }
16
16
  declare const FAlert: FC<IFAlert>;
17
17
  export default FAlert;
@@ -1,7 +1,6 @@
1
1
  import React from 'react';
2
2
  import { IFAlert } from './FAlert';
3
3
  import 'bootstrap/dist/css/bootstrap.css';
4
- import './FAlert-stories.css';
5
4
  declare const _default: {
6
5
  title: string;
7
6
  tags: string[];
@@ -2,7 +2,6 @@ import React, { FC } from "react";
2
2
  import './FSelectSearchDb.css';
3
3
  export interface IFSelectSearchDb {
4
4
  fetchingFunc: (text: string) => Promise<any[]>;
5
- load?: boolean;
6
5
  selectedElement: (e: any | undefined) => void;
7
6
  selectItem: any;
8
7
  label?: string;
@@ -16,6 +15,7 @@ export interface IFSelectSearchDb {
16
15
  helpText?: string;
17
16
  onFocus?: React.FocusEventHandler<HTMLInputElement> | undefined;
18
17
  onBlur?: React.FocusEventHandler<HTMLInputElement> | undefined;
18
+ minLengthText?: number;
19
19
  }
20
20
  declare const FSelectSearchDb: FC<IFSelectSearchDb>;
21
21
  export default FSelectSearchDb;
package/dist/index.d.ts CHANGED
@@ -383,7 +383,6 @@ declare const FFullDateField: FC<IFFullDateField>;
383
383
 
384
384
  interface IFSelectSearchDb {
385
385
  fetchingFunc: (text: string) => Promise<any[]>;
386
- load?: boolean;
387
386
  selectedElement: (e: any | undefined) => void;
388
387
  selectItem: any;
389
388
  label?: string;
@@ -397,6 +396,7 @@ interface IFSelectSearchDb {
397
396
  helpText?: string;
398
397
  onFocus?: React.FocusEventHandler<HTMLInputElement> | undefined;
399
398
  onBlur?: React.FocusEventHandler<HTMLInputElement> | undefined;
399
+ minLengthText?: number;
400
400
  }
401
401
  declare const FSelectSearchDb: FC<IFSelectSearchDb>;
402
402
 
@@ -423,17 +423,17 @@ interface IFTextArea {
423
423
  declare const FTextArea: FC<IFTextArea>;
424
424
 
425
425
  interface IFAlert {
426
- variant: 'info' | 'error';
427
- onClose?: React.MouseEventHandler<HTMLButtonElement> | undefined;
428
- title: string;
429
- body: string;
426
+ title?: string;
427
+ body?: string;
428
+ variant: 'info' | 'error' | 'success' | 'warning';
429
+ onClose?: (e: boolean) => void;
430
430
  st?: React.CSSProperties | undefined;
431
431
  open: boolean;
432
- vertical: 'top' | 'bottom';
433
- horizontal: 'left' | 'center' | 'right';
434
- buttonClose: boolean;
435
- id?: string;
432
+ vertical?: 'top' | 'bottom' | 'center';
433
+ horizontal?: 'left' | 'center' | 'right';
434
+ buttonClose?: boolean;
436
435
  className?: string;
436
+ timeCloseSec?: number;
437
437
  }
438
438
  declare const FAlert: FC<IFAlert>;
439
439
 
@@ -643,4 +643,23 @@ interface IFLoadIcon {
643
643
  }
644
644
  declare const FLoadIcon: ({ size, st, id, className, color }: IFLoadIcon) => react_jsx_runtime.JSX.Element;
645
645
 
646
- export { FAccordion, FAlert, FArrowIcon, FButton, FButtonFile, FCheckIcon, FCheckbox, FCloseIcon, FContainer, FCopyAddIcon, FDialog, FDialogBody, FDialogFooter, FDialogHeader, FDownloadIcon, FDropdown, FDropdownItem, FFile, FFilterIcon, FFullDateField, FGrid, FInputFileForm, FListIcon, FLoadIcon, FNative, FOpenImgFull, FPagination, FPaper, FPenIcon, FPlusIcon, FPreloader, FProgress, FRadioButton, FSearchBox, FSelect, FSelectItem, FSelectSearchDb, FStack, FTab, FTable, FTableBody, FTableDataCell, FTableFooter, FTableHead, FTableHeaderCell, FTableRow, FTabs, FTextArea, FTextField, FTimeline, FTimelineCard, FTrashIcon, FUnlinkIcon };
646
+ interface IfAlert {
647
+ title?: string;
648
+ body: string;
649
+ variant: 'info' | 'error' | 'success' | 'warning';
650
+ }
651
+ declare const fAlert: ({ title, body, variant }: IfAlert) => void;
652
+
653
+ interface IfConfirm {
654
+ title?: string;
655
+ body: string;
656
+ }
657
+ declare const fConfirm: ({ title, body }: IfConfirm) => Promise<boolean>;
658
+
659
+ interface IfPrompt {
660
+ title?: string;
661
+ body?: string;
662
+ }
663
+ declare const fPrompt: ({ title, body }: IfPrompt) => Promise<string | null>;
664
+
665
+ export { FAccordion, FAlert, FArrowIcon, FButton, FButtonFile, FCheckIcon, FCheckbox, FCloseIcon, FContainer, FCopyAddIcon, FDialog, FDialogBody, FDialogFooter, FDialogHeader, FDownloadIcon, FDropdown, FDropdownItem, FFile, FFilterIcon, FFullDateField, FGrid, FInputFileForm, FListIcon, FLoadIcon, FNative, FOpenImgFull, FPagination, FPaper, FPenIcon, FPlusIcon, FPreloader, FProgress, FRadioButton, FSearchBox, FSelect, FSelectItem, FSelectSearchDb, FStack, FTab, FTable, FTableBody, FTableDataCell, FTableFooter, FTableHead, FTableHeaderCell, FTableRow, FTabs, FTextArea, FTextField, FTimeline, FTimelineCard, FTrashIcon, FUnlinkIcon, fAlert, fConfirm, fPrompt };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "fui-material",
3
- "version": "0.2.52",
3
+ "version": "0.2.54",
4
4
  "publishConfig": {
5
5
  "access": "public",
6
6
  "registry": "https://registry.npmjs.org/"
@@ -57,14 +57,15 @@
57
57
  "@rollup/plugin-image": "^3.0.2",
58
58
  "@rollup/plugin-node-resolve": "^13.0.6",
59
59
  "@rollup/plugin-typescript": "^8.3.3",
60
- "@storybook/addon-essentials": "^7.4.5",
61
- "@storybook/addon-interactions": "^7.4.5",
62
- "@storybook/addon-links": "^7.4.5",
60
+ "@storybook/addon-essentials": "^7.4.6",
61
+ "@storybook/addon-interactions": "^7.4.6",
62
+ "@storybook/addon-links": "^7.4.6",
63
+ "@storybook/addon-mdx-gfm": "^7.4.6",
63
64
  "@storybook/addon-onboarding": "^1.0.8",
64
- "@storybook/blocks": "^7.4.5",
65
- "@storybook/react": "^7.4.5",
66
- "@storybook/react-webpack5": "^7.4.5",
67
- "@storybook/testing-library": "^0.2.1",
65
+ "@storybook/blocks": "^7.4.6",
66
+ "@storybook/react": "^7.4.6",
67
+ "@storybook/react-webpack5": "^7.4.6",
68
+ "@storybook/testing-library": "^0.2.2",
68
69
  "@testing-library/react": "^13.4.0",
69
70
  "@types/jest": "^29.2.3",
70
71
  "babel-loader": "^8.3.0",
@@ -77,7 +78,7 @@
77
78
  "rollup-plugin-peer-deps-external": "^2.2.4",
78
79
  "rollup-plugin-postcss": "^4.0.2",
79
80
  "rollup-plugin-terser": "^7.0.2",
80
- "storybook": "^7.4.5"
81
+ "storybook": "^7.4.6"
81
82
  },
82
83
  "peerDependencies": {
83
84
  "react": "^18.2.0"