@uxf/ui 11.74.5 → 11.75.1

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 (5) hide show
  1. package/dropzone/dropzone.stories.js +4 -4
  2. package/package.json +1 -1
  3. package/radio-group/radio-group.js +1 -1
  4. package/toggle/toggle.js +1 -1
  5. package/toggle/toggle.stories.js +3 -5
package/dropzone/dropzone.stories.js CHANGED
@@ -45,13 +45,13 @@ function Default() {
45
45
  const onChange = (0, action_1.action)("onChange", setFiles);
46
46
  const onRemoveConfirm = () => Promise.resolve(confirm("Do you want to delete the file?"));
47
47
  return (react_1.default.createElement("div", { className: "max-w-screen-sm p-4" },
48
- react_1.default.createElement(toggle_1.Toggle, { label: "Disabled", name: "toggle", onChange: () => setIsDisabled((prev) => !prev), value: isDisabled }),
49
- react_1.default.createElement(toggle_1.Toggle, { label: "Only images upload", name: "toggle", onChange: () => setHasOnlyImagesAllowed((prev) => !prev), value: hasOnlyImagesAllowed }),
48
+ react_1.default.createElement(toggle_1.Toggle, { label: "Disabled", name: "is-disabled", onChange: () => setIsDisabled((prev) => !prev), value: isDisabled }),
49
+ react_1.default.createElement(toggle_1.Toggle, { label: "Only images upload", name: "only-images", onChange: () => setHasOnlyImagesAllowed((prev) => !prev), value: hasOnlyImagesAllowed }),
50
50
  react_1.default.createElement("div", { className: "flex items-center" },
51
- react_1.default.createElement(toggle_1.Toggle, { label: "Limit file count", name: "toggle", onChange: () => setIsFileCountLimited((prev) => !prev), value: isFileCountLimited }),
51
+ react_1.default.createElement(toggle_1.Toggle, { label: "Limit file count", name: "file-count-limit", onChange: () => setIsFileCountLimited((prev) => !prev), value: isFileCountLimited }),
52
52
  react_1.default.createElement(text_input_1.TextInput, { className: "w-20", name: "limit-file-count", onChange: (value) => setFileCountLimit(parseInt(value, 10)), type: "number", value: fileCountLimit.toString() })),
53
53
  react_1.default.createElement("div", { className: "flex items-center" },
54
- react_1.default.createElement(toggle_1.Toggle, { label: "Limit file size", name: "toggle", onChange: () => setIsFileSizeLimited((prev) => !prev), value: isFileSizeLimited }),
54
+ react_1.default.createElement(toggle_1.Toggle, { label: "Limit file size", name: "file-size-limit", onChange: () => setIsFileSizeLimited((prev) => !prev), value: isFileSizeLimited }),
55
55
  react_1.default.createElement(text_input_1.TextInput, { className: "w-28", name: "limit-file-size", onChange: (value) => setFileSizeLimit(parseInt(value, 10)), rightElement: "MB", type: "number", value: fileSizeLimit.toString() })),
56
56
  react_1.default.createElement(index_1.Dropzone, { accept: hasOnlyImagesAllowed ? { "image/*": [] } : undefined, isDisabled: isDisabled, label: "Use drag and drop or click to upload", maxFileSize: isFileSizeLimited ? fileSizeLimit * MB_SIZE : undefined, maxFilesCount: isFileCountLimited ? fileCountLimit : undefined, name: "dropzone-disabled-drag-and-drop", onChange: onChange, onDropRejected: (fileRejections) => (0, handle_rejected_files_1.handleRejectedFiles)(fileRejections, fileCountLimit), onUploadFile: upload_file_mock_1.uploadFile, value: files }),
57
57
  react_1.default.createElement(index_1.Dropzone.List, { className: "mt-6", errorText: "Chyba p\u0159i nahr\u00E1v\u00E1n\u00ED souboru", isDisabled: isDisabled, name: "dropzone-error-message", onChange: onChange, onRemoveConfirm: onRemoveConfirm, value: files }),
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@uxf/ui",
3
- "version": "11.74.5",
3
+ "version": "11.75.1",
4
4
  "description": "",
5
5
  "publishConfig": {
6
6
  "access": "public"
package/radio-group/radio-group.js CHANGED
@@ -39,7 +39,7 @@ exports.RadioGroup = (0, react_2.forwardRef)((props, ref) => {
39
39
  const variant = (_a = props.variant) !== null && _a !== void 0 ? _a : "list";
40
40
  const radioSize = (_b = props.radioSize) !== null && _b !== void 0 ? _b : "default";
41
41
  const rootClassName = (0, cx_1.cx)("uxf-form-component uxf-radio-group", `uxf-radio-group--${variant}`, props.isDisabled && classes_1.CLASSES.IS_DISABLED, props.isInvalid && classes_1.CLASSES.IS_INVALID, props.className);
42
- return (react_2.default.createElement(react_1.RadioGroup, { className: rootClassName, disabled: props.isDisabled, id: props.id, onChange: props.onChange, style: props.style, value: props.value },
42
+ return (react_2.default.createElement(react_1.RadioGroup, { className: rootClassName, "data-name": props.name, disabled: props.isDisabled, id: props.id, onChange: props.onChange, style: props.style, value: props.value },
43
43
  react_2.default.createElement("div", { className: "uxf-form-component__label" },
44
44
  react_2.default.createElement(react_1.RadioGroup.Label, { as: label_1.Label, className: "uxf-radio-group__label", isHidden: props.hiddenLabel, isRequired: props.isRequired, ref: ref }, props.label)),
45
45
  react_2.default.createElement("div", { className: "uxf-form-component__input" },
package/toggle/toggle.js CHANGED
@@ -31,7 +31,7 @@ const react_2 = __importStar(require("react"));
31
31
  exports.Toggle = (0, react_2.forwardRef)((props, ref) => {
32
32
  var _a, _b, _c, _d;
33
33
  return (react_2.default.createElement(react_1.Switch.Group, null,
34
- react_2.default.createElement("div", { className: (0, cx_1.cx)("uxf-toggle__wrapper", `uxf-toggle__wrapper--${(_a = props.variant) !== null && _a !== void 0 ? _a : "default"}`, `uxf-toggle__wrapper--size-${(_b = props.size) !== null && _b !== void 0 ? _b : "default"}`, props.hiddenLabel && "uxf-toggle__wrapper--hiddenLabel", props.className) },
34
+ react_2.default.createElement("div", { className: (0, cx_1.cx)("uxf-toggle__wrapper", `uxf-toggle__wrapper--${(_a = props.variant) !== null && _a !== void 0 ? _a : "default"}`, `uxf-toggle__wrapper--size-${(_b = props.size) !== null && _b !== void 0 ? _b : "default"}`, props.hiddenLabel && "uxf-toggle__wrapper--hiddenLabel", props.className), "data-name": props.name },
35
35
  react_2.default.createElement(react_1.Switch, { checked: props.value, className: (0, cx_1.cx)(props.isDisabled && classes_1.CLASSES.IS_DISABLED, props.isInvalid && classes_1.CLASSES.IS_INVALID, props.isReadOnly && classes_1.CLASSES.IS_READONLY, props.value && classes_1.CLASSES.IS_SELECTED, "uxf-toggle", `uxf-toggle--${(_c = props.variant) !== null && _c !== void 0 ? _c : "default"}`, `uxf-toggle--size-${(_d = props.size) !== null && _d !== void 0 ? _d : "default"}`), disabled: props.isDisabled, id: props.id, name: props.name, onChange: props.onChange, ref: ref, style: props.style },
36
36
  react_2.default.createElement("span", { className: "uxf-toggle__inner" })),
37
37
  react_2.default.createElement(react_1.Switch.Label, { className: "uxf-toggle__label", hidden: props.hiddenLabel }, props.label))));
package/toggle/toggle.stories.js CHANGED
@@ -30,12 +30,10 @@ const index_1 = require("./index");
30
30
  function Default() {
31
31
  const [isChecked, setIsChecked] = (0, react_1.useState)(true);
32
32
  const onChange = (0, action_1.action)("onChange", () => setIsChecked((prev) => !prev));
33
- const storyToggles = (react_1.default.createElement(react_1.default.Fragment, null,
34
- react_1.default.createElement(index_1.Toggle, { label: "Default", name: "toggle", onChange: onChange, value: isChecked }),
35
- react_1.default.createElement(index_1.Toggle, { label: "Size sm", name: "toggle", onChange: onChange, size: "sm", value: isChecked }),
33
+ return (react_1.default.createElement("div", { className: "space-y-4" },
34
+ react_1.default.createElement(index_1.Toggle, { label: "Default", name: "toggle-default", onChange: onChange, value: isChecked }),
35
+ react_1.default.createElement(index_1.Toggle, { label: "Size sm", name: "toggle-size-sm", onChange: onChange, size: "sm", value: isChecked }),
36
36
  react_1.default.createElement(index_1.Toggle, { isDisabled: true, label: "Disabled", name: "toggle-disabled", onChange: onChange, value: isChecked }),
37
37
  react_1.default.createElement(index_1.Toggle, { hiddenLabel: true, label: "Default", name: "toggle-hidden-label", onChange: onChange, value: isChecked }),
38
38
  react_1.default.createElement(index_1.Toggle, { label: "Default (reversed)", name: "toggle-reversed", onChange: onChange, value: isChecked, variant: "reversed" })));
39
- return (react_1.default.createElement("div", { className: "flex" },
40
- react_1.default.createElement("div", { className: "w-1/2 gap-4 p-20" }, storyToggles)));
41
39
  }