@uxf/ui 11.3.0 → 11.6.0

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 (9) hide show
  1. package/create-component-preview-page/ui-components.d.ts +5 -0
  2. package/create-component-preview-page/ui-components.js +5 -0
  3. package/create-component-preview-page/ui-readmes.js +64 -62
  4. package/dialog/README.md +1 -0
  5. package/dialog/dialog.stories.d.ts +0 -5
  6. package/dialog/dialog.stories.js +0 -4
  7. package/dropzone/dropzone-input.js +12 -0
  8. package/message/README.md +10 -2
  9. package/package.json +1 -1
package/create-component-preview-page/ui-components.d.ts CHANGED
@@ -17,6 +17,7 @@ import * as DatePickerStories from "@uxf/ui/date-picker/date-picker.stories";
17
17
  import * as DateRangePickerInputStories from "@uxf/ui/date-range-picker-input/date-range-picker-input.stories";
18
18
  import * as DatetimePickerInputStories from "@uxf/ui/datetime-picker-input/datetime-picker-input.stories";
19
19
  import * as DatetimePickerStories from "@uxf/ui/datetime-picker/datetime-picker.stories";
20
+ import * as DialogStories from "@uxf/ui/dialog/dialog.stories";
20
21
  import * as DropdownStories from "@uxf/ui/dropdown/dropdown.stories";
21
22
  import * as DropzoneStories from "@uxf/ui/dropzone/dropzone.stories";
22
23
  import * as ErrorMessageStories from "@uxf/ui/error-message/error-message.stories";
@@ -125,6 +126,10 @@ export declare const uiComponents: {
125
126
  readonly title: "DatetimePickerInput";
126
127
  readonly stories: typeof DatetimePickerInputStories;
127
128
  };
129
+ readonly dialog: {
130
+ readonly title: "Dialog";
131
+ readonly stories: typeof DialogStories;
132
+ };
128
133
  readonly dropdown: {
129
134
  readonly title: "Dropdown";
130
135
  readonly stories: typeof DropdownStories;
package/create-component-preview-page/ui-components.js CHANGED
@@ -43,6 +43,7 @@ const DatePickerStories = __importStar(require("@uxf/ui/date-picker/date-picker.
43
43
  const DateRangePickerInputStories = __importStar(require("@uxf/ui/date-range-picker-input/date-range-picker-input.stories"));
44
44
  const DatetimePickerInputStories = __importStar(require("@uxf/ui/datetime-picker-input/datetime-picker-input.stories"));
45
45
  const DatetimePickerStories = __importStar(require("@uxf/ui/datetime-picker/datetime-picker.stories"));
46
+ const DialogStories = __importStar(require("@uxf/ui/dialog/dialog.stories"));
46
47
  const DropdownStories = __importStar(require("@uxf/ui/dropdown/dropdown.stories"));
47
48
  const DropzoneStories = __importStar(require("@uxf/ui/dropzone/dropzone.stories"));
48
49
  const ErrorMessageStories = __importStar(require("@uxf/ui/error-message/error-message.stories"));
@@ -151,6 +152,10 @@ exports.uiComponents = {
151
152
  title: "DatetimePickerInput",
152
153
  stories: DatetimePickerInputStories,
153
154
  },
155
+ dialog: {
156
+ title: "Dialog",
157
+ stories: DialogStories,
158
+ },
154
159
  dropdown: {
155
160
  title: "Dropdown",
156
161
  stories: DropdownStories,
package/create-component-preview-page/ui-readmes.js CHANGED
@@ -23,37 +23,38 @@ const README_md_16 = __importDefault(require("@uxf/ui/date-picker/README.md"));
23
23
  const README_md_17 = __importDefault(require("@uxf/ui/date-range-picker-input/README.md"));
24
24
  const README_md_18 = __importDefault(require("@uxf/ui/datetime-picker-input/README.md"));
25
25
  const README_md_19 = __importDefault(require("@uxf/ui/datetime-picker/README.md"));
26
- const README_md_20 = __importDefault(require("@uxf/ui/dropdown/README.md"));
27
- const README_md_21 = __importDefault(require("@uxf/ui/dropzone/README.md"));
28
- const README_md_22 = __importDefault(require("@uxf/ui/error-message/README.md"));
29
- const README_md_23 = __importDefault(require("@uxf/ui/file-input/README.md"));
30
- const README_md_24 = __importDefault(require("@uxf/ui/flash-messages/README.md"));
31
- const README_md_25 = __importDefault(require("@uxf/ui/form-component/README.md"));
32
- const README_md_26 = __importDefault(require("@uxf/ui/icon/README.md"));
33
- const README_md_27 = __importDefault(require("@uxf/ui/image-gallery/README.md"));
34
- const README_md_28 = __importDefault(require("@uxf/ui/input/README.md"));
35
- const README_md_29 = __importDefault(require("@uxf/ui/label/README.md"));
36
- const README_md_30 = __importDefault(require("@uxf/ui/list-item/README.md"));
37
- const README_md_31 = __importDefault(require("@uxf/ui/loader/README.md"));
38
- const README_md_32 = __importDefault(require("@uxf/ui/message/README.md"));
39
- const README_md_33 = __importDefault(require("@uxf/ui/modal/README.md"));
40
- const README_md_34 = __importDefault(require("@uxf/ui/multi-combobox/README.md"));
41
- const README_md_35 = __importDefault(require("@uxf/ui/multi-select/README.md"));
42
- const README_md_36 = __importDefault(require("@uxf/ui/pagination/README.md"));
43
- const README_md_37 = __importDefault(require("@uxf/ui/paper/README.md"));
44
- const README_md_38 = __importDefault(require("@uxf/ui/radio-group/README.md"));
45
- const README_md_39 = __importDefault(require("@uxf/ui/radio/README.md"));
46
- const README_md_40 = __importDefault(require("@uxf/ui/raster-image/README.md"));
47
- const README_md_41 = __importDefault(require("@uxf/ui/select/README.md"));
48
- const README_md_42 = __importDefault(require("@uxf/ui/tabs/README.md"));
49
- const README_md_43 = __importDefault(require("@uxf/ui/text-input/README.md"));
50
- const README_md_44 = __importDefault(require("@uxf/ui/text-link/README.md"));
51
- const README_md_45 = __importDefault(require("@uxf/ui/textarea/README.md"));
52
- const README_md_46 = __importDefault(require("@uxf/ui/time-picker-input/README.md"));
53
- const README_md_47 = __importDefault(require("@uxf/ui/time-picker/README.md"));
54
- const README_md_48 = __importDefault(require("@uxf/ui/toggle/README.md"));
55
- const README_md_49 = __importDefault(require("@uxf/ui/tooltip/README.md"));
56
- const README_md_50 = __importDefault(require("@uxf/ui/typography/README.md"));
26
+ const README_md_20 = __importDefault(require("@uxf/ui/dialog/README.md"));
27
+ const README_md_21 = __importDefault(require("@uxf/ui/dropdown/README.md"));
28
+ const README_md_22 = __importDefault(require("@uxf/ui/dropzone/README.md"));
29
+ const README_md_23 = __importDefault(require("@uxf/ui/error-message/README.md"));
30
+ const README_md_24 = __importDefault(require("@uxf/ui/file-input/README.md"));
31
+ const README_md_25 = __importDefault(require("@uxf/ui/flash-messages/README.md"));
32
+ const README_md_26 = __importDefault(require("@uxf/ui/form-component/README.md"));
33
+ const README_md_27 = __importDefault(require("@uxf/ui/icon/README.md"));
34
+ const README_md_28 = __importDefault(require("@uxf/ui/image-gallery/README.md"));
35
+ const README_md_29 = __importDefault(require("@uxf/ui/input/README.md"));
36
+ const README_md_30 = __importDefault(require("@uxf/ui/label/README.md"));
37
+ const README_md_31 = __importDefault(require("@uxf/ui/list-item/README.md"));
38
+ const README_md_32 = __importDefault(require("@uxf/ui/loader/README.md"));
39
+ const README_md_33 = __importDefault(require("@uxf/ui/message/README.md"));
40
+ const README_md_34 = __importDefault(require("@uxf/ui/modal/README.md"));
41
+ const README_md_35 = __importDefault(require("@uxf/ui/multi-combobox/README.md"));
42
+ const README_md_36 = __importDefault(require("@uxf/ui/multi-select/README.md"));
43
+ const README_md_37 = __importDefault(require("@uxf/ui/pagination/README.md"));
44
+ const README_md_38 = __importDefault(require("@uxf/ui/paper/README.md"));
45
+ const README_md_39 = __importDefault(require("@uxf/ui/radio-group/README.md"));
46
+ const README_md_40 = __importDefault(require("@uxf/ui/radio/README.md"));
47
+ const README_md_41 = __importDefault(require("@uxf/ui/raster-image/README.md"));
48
+ const README_md_42 = __importDefault(require("@uxf/ui/select/README.md"));
49
+ const README_md_43 = __importDefault(require("@uxf/ui/tabs/README.md"));
50
+ const README_md_44 = __importDefault(require("@uxf/ui/text-input/README.md"));
51
+ const README_md_45 = __importDefault(require("@uxf/ui/text-link/README.md"));
52
+ const README_md_46 = __importDefault(require("@uxf/ui/textarea/README.md"));
53
+ const README_md_47 = __importDefault(require("@uxf/ui/time-picker-input/README.md"));
54
+ const README_md_48 = __importDefault(require("@uxf/ui/time-picker/README.md"));
55
+ const README_md_49 = __importDefault(require("@uxf/ui/toggle/README.md"));
56
+ const README_md_50 = __importDefault(require("@uxf/ui/tooltip/README.md"));
57
+ const README_md_51 = __importDefault(require("@uxf/ui/typography/README.md"));
57
58
  exports.uiReadmes = {
58
59
  avatar: README_md_2.default,
59
60
  "avatar-file-input": README_md_1.default,
@@ -74,35 +75,36 @@ exports.uiReadmes = {
74
75
  "date-range-picker-input": README_md_17.default,
75
76
  "datetime-picker": README_md_19.default,
76
77
  "datetime-picker-input": README_md_18.default,
77
- dropdown: README_md_20.default,
78
- dropzone: README_md_21.default,
79
- "error-message": README_md_22.default,
80
- "file-input": README_md_23.default,
81
- "flash-messages": README_md_24.default,
82
- "form-component": README_md_25.default,
83
- icon: README_md_26.default,
84
- "image-gallery": README_md_27.default,
85
- input: README_md_28.default,
86
- label: README_md_29.default,
87
- "list-item": README_md_30.default,
88
- loader: README_md_31.default,
89
- message: README_md_32.default,
90
- modal: README_md_33.default,
91
- "multi-combobox": README_md_34.default,
92
- "multi-select": README_md_35.default,
93
- pagination: README_md_36.default,
94
- paper: README_md_37.default,
95
- radio: README_md_39.default,
96
- "radio-group": README_md_38.default,
97
- "raster-image": README_md_40.default,
98
- select: README_md_41.default,
99
- tabs: README_md_42.default,
100
- "text-input": README_md_43.default,
101
- "text-link": README_md_44.default,
102
- textarea: README_md_45.default,
103
- "time-picker": README_md_47.default,
104
- "time-picker-input": README_md_46.default,
105
- toggle: README_md_48.default,
106
- tooltip: README_md_49.default,
107
- typography: README_md_50.default,
78
+ dialog: README_md_20.default,
79
+ dropdown: README_md_21.default,
80
+ dropzone: README_md_22.default,
81
+ "error-message": README_md_23.default,
82
+ "file-input": README_md_24.default,
83
+ "flash-messages": README_md_25.default,
84
+ "form-component": README_md_26.default,
85
+ icon: README_md_27.default,
86
+ "image-gallery": README_md_28.default,
87
+ input: README_md_29.default,
88
+ label: README_md_30.default,
89
+ "list-item": README_md_31.default,
90
+ loader: README_md_32.default,
91
+ message: README_md_33.default,
92
+ modal: README_md_34.default,
93
+ "multi-combobox": README_md_35.default,
94
+ "multi-select": README_md_36.default,
95
+ pagination: README_md_37.default,
96
+ paper: README_md_38.default,
97
+ radio: README_md_40.default,
98
+ "radio-group": README_md_39.default,
99
+ "raster-image": README_md_41.default,
100
+ select: README_md_42.default,
101
+ tabs: README_md_43.default,
102
+ "text-input": README_md_44.default,
103
+ "text-link": README_md_45.default,
104
+ textarea: README_md_46.default,
105
+ "time-picker": README_md_48.default,
106
+ "time-picker-input": README_md_47.default,
107
+ toggle: README_md_49.default,
108
+ tooltip: README_md_50.default,
109
+ typography: README_md_51.default,
108
110
  };
package/dialog/README.md ADDED
@@ -0,0 +1 @@
1
+ # Dialog
package/dialog/dialog.stories.d.ts CHANGED
@@ -1,7 +1,2 @@
1
1
  import React from "react";
2
- declare const _default: {
3
- title: string;
4
- component: React.NamedExoticComponent<import("./dialog").DialogProps>;
5
- };
6
- export default _default;
7
2
  export declare function Default(): React.JSX.Element;
package/dialog/dialog.stories.js CHANGED
@@ -27,10 +27,6 @@ exports.Default = void 0;
27
27
  const react_1 = __importStar(require("react"));
28
28
  const button_1 = require("../button");
29
29
  const dialog_1 = require("./dialog");
30
- exports.default = {
31
- title: "UI/Dialog",
32
- component: dialog_1.Dialog,
33
- };
34
30
  function Default() {
35
31
  const [open, setOpen] = (0, react_1.useState)();
36
32
  const storyDialog = (react_1.default.createElement("div", null,
package/dropzone/dropzone-input.js CHANGED
@@ -30,6 +30,7 @@ const cx_1 = require("@uxf/core/utils/cx");
30
30
  const react_1 = __importStar(require("react"));
31
31
  const react_dropzone_1 = require("react-dropzone");
32
32
  const icon_1 = require("../icon");
33
+ const validator_exceptions_1 = require("../utils/validator/validator-exceptions");
33
34
  function fileToFileResponse(file) {
34
35
  return {
35
36
  id: -Math.round(Math.random() * 100000000),
@@ -67,6 +68,16 @@ exports.DropzoneInput = (0, react_1.forwardRef)((props, ref) => {
67
68
  const refValue = (0, react_1.useRef)();
68
69
  refValue.current = props.value;
69
70
  const inputRef = (0, react_1.useRef)(null);
71
+ const handleFileRejected = async (fileRejections) => {
72
+ fileRejections.forEach((fileRejection) => {
73
+ if (props.maxFileSize && fileRejection.file.size > props.maxFileSize) {
74
+ if (props.onUploadError) {
75
+ props.onUploadError(validator_exceptions_1.ValidatorExceptions.MaxFileSize);
76
+ }
77
+ throw validator_exceptions_1.ValidatorExceptions.MaxFileSize;
78
+ }
79
+ });
80
+ };
70
81
  const handleFileDrop = async (acceptedFiles) => {
71
82
  const files = acceptedFiles.map((file) => ({
72
83
  ...fileToFileResponse(file),
@@ -109,6 +120,7 @@ exports.DropzoneInput = (0, react_1.forwardRef)((props, ref) => {
109
120
  noDrag: props.noDrag,
110
121
  onDrop: handleFileDrop,
111
122
  preventDropOnDocument: props.noDrag,
123
+ onDropRejected: handleFileRejected,
112
124
  });
113
125
  const labelOnCLick = (e) => {
114
126
  e.stopPropagation();
package/message/README.md CHANGED
@@ -11,8 +11,9 @@
11
11
  ## Implementation
12
12
 
13
13
  ```tsx
14
- import {AppProps} from "next/app";
15
- import {getMessageRef, Message} from "@uxf/ui/message";
14
+ // _app.tsx
15
+ import { AppProps } from "next/app";
16
+ import { getMessageRef, Message } from "@uxf/ui/message";
16
17
 
17
18
  function App(props: AppProps) {
18
19
  return (
@@ -22,4 +23,11 @@ function App(props: AppProps) {
22
23
  </UiContextProvider>
23
24
  );
24
25
  }
26
+ ```
27
+
28
+ ```tsx
29
+ import { MessageService } from "@uxf/ui/message";
30
+
31
+ MessageService.openConfirm({ ... });
32
+ MessageService.openAlert({ ... });
25
33
  ```
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@uxf/ui",
3
- "version": "11.3.0",
3
+ "version": "11.6.0",
4
4
  "description": "",
5
5
  "publishConfig": {
6
6
  "access": "public"