@uxf/ui 11.49.1 → 11.50.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 (6) hide show
  1. package/css/info-box.css +1 -3
  2. package/hooks/use-input-submit.d.ts +1 -1
  3. package/modal-dialog/modal-dialog.d.ts +1 -0
  4. package/modal-dialog/modal-dialog.js +7 -7
  5. package/multi-select/multi-select.stories.js +2 -2
  6. package/package.json +3 -3
package/css/info-box.css CHANGED
@@ -32,10 +32,8 @@
32
32
  font-weight: theme("fontWeight.semibold");
33
33
  }
34
34
 
35
- &__text {
35
+ &__description {
36
36
  font-weight: theme("fontWeight.normal");
37
- margin-right: theme("spacing.2");
38
- padding-inline: theme("spacing.1");
39
37
  }
40
38
 
41
39
  &__action-component {
package/hooks/use-input-submit.d.ts CHANGED
@@ -1,4 +1,4 @@
1
1
  import { RefObject } from "react";
2
2
  type SubmitResolverType = "checkbox" | "radio-group";
3
- export declare function useInputSubmit<T extends HTMLElement>(ref: RefObject<T>, type: SubmitResolverType, disabled: boolean | undefined): void;
3
+ export declare function useInputSubmit<T extends HTMLElement | null>(ref: RefObject<T>, type: SubmitResolverType, disabled: boolean | undefined): void;
4
4
  export {};
package/modal-dialog/modal-dialog.d.ts CHANGED
@@ -7,6 +7,7 @@ interface ModalDialogProps {
7
7
  icon?: ReactNode;
8
8
  title: string;
9
9
  width?: DialogPanelWidth;
10
+ isDialogPanelHidden?: boolean;
10
11
  }
11
12
  export declare function ModalDialog(props: ModalDialogProps): React.JSX.Element;
12
13
  export {};
package/modal-dialog/modal-dialog.js CHANGED
@@ -8,11 +8,11 @@ const react_1 = __importDefault(require("react"));
8
8
  const dialog_1 = require("../dialog");
9
9
  function ModalDialog(props) {
10
10
  var _a, _b;
11
- return (react_1.default.createElement(dialog_1.DialogPanel, { width: (_a = props.width) !== null && _a !== void 0 ? _a : "xs" },
12
- react_1.default.createElement("div", { className: `uxf-modal-dialog ${(_b = props.className) !== null && _b !== void 0 ? _b : ""}` },
13
- react_1.default.createElement("div", { className: "uxf-modal-dialog__header" },
14
- props.icon,
15
- react_1.default.createElement("div", { className: "uxf-modal-dialog__title" }, props.title)),
16
- props.children && react_1.default.createElement("div", { className: "uxf-modal-dialog__text" }, props.children),
17
- props.footer && react_1.default.createElement("div", { className: "uxf-modal-dialog__footer" }, props.footer))));
11
+ const Content = (react_1.default.createElement("div", { className: `uxf-modal-dialog ${(_a = props.className) !== null && _a !== void 0 ? _a : ""}` },
12
+ react_1.default.createElement("div", { className: "uxf-modal-dialog__header" },
13
+ props.icon,
14
+ react_1.default.createElement("div", { className: "uxf-modal-dialog__title" }, props.title)),
15
+ props.children && react_1.default.createElement("div", { className: "uxf-modal-dialog__text" }, props.children),
16
+ props.footer && react_1.default.createElement("div", { className: "uxf-modal-dialog__footer" }, props.footer)));
17
+ return props.isDialogPanelHidden ? Content : react_1.default.createElement(dialog_1.DialogPanel, { width: (_b = props.width) !== null && _b !== void 0 ? _b : "xs" }, Content);
18
18
  }
package/multi-select/multi-select.stories.js CHANGED
@@ -57,12 +57,12 @@ function Default() {
57
57
  react_1.default.createElement(multi_select_1.MultiSelect, { dropdownMaxHeight: 350, id: "multi-select-1", label: "MultiSelect", name: "multi-select", onChange: onChange, options: options, placeholder: "Vyberte pros\u00EDm jednu nebo v\u00EDce mo\u017Enost\u00ED", value: value }),
58
58
  react_1.default.createElement(multi_select_1.MultiSelect, { id: "multi-select-2", label: "MultiSelect with checkboxes", name: "multi-select", onChange: onChange, options: options, placeholder: "Vyberte...", value: value, withCheckboxes: true }),
59
59
  react_1.default.createElement(multi_select_1.MultiSelect, { helperText: "Start typing to see options...", id: "multi-select-3", label: "MultiSelect with helper text", name: "multi-select", onChange: onChange, options: options, placeholder: "Vyberte...", value: value }),
60
- react_1.default.createElement(multi_select_1.MultiSelect, { helperText: "Error message", id: "multi-select-4", isInvalid: true, isRequired: true, label: "MultiSelect invalid", name: "multi-select", onChange: onChange, options: options, placeholder: "Vyberte...", value: value }),
60
+ react_1.default.createElement(multi_select_1.MultiSelect, { helperText: "Error message", id: "multi-select-4", isInvalid: true, isRequired: true, label: "MultiSelect invalid", name: "multi-select-invalid", onChange: onChange, options: options, placeholder: "Vyberte...", value: value }),
61
61
  react_1.default.createElement(multi_select_1.MultiSelect, { dropdownPlacement: "top", id: "multi-select-5", label: "MultiSelect with dropdown top", name: "multi-select", onChange: onChange, options: options, placeholder: "Vyberte...", value: value }),
62
62
  react_1.default.createElement(multi_select_1.MultiSelect, { id: "multi-select-6", label: "MultiSelect with renderOption", name: "multi-select", onChange: onChange, options: options, placeholder: "Vyberte...", renderOption: (option) => react_1.default.createElement(react_1.default.Fragment, null,
63
63
  "Option: ",
64
64
  option.label), value: value }),
65
- react_1.default.createElement(multi_select_1.MultiSelect, { id: "multi-select-disabled", isDisabled: true, label: "MultiSelect disabled", name: "multi-select", onChange: onChange, options: options, placeholder: "Vyberte...", renderOption: (option) => react_1.default.createElement(react_1.default.Fragment, null,
65
+ react_1.default.createElement(multi_select_1.MultiSelect, { id: "multi-select-disabled", isDisabled: true, label: "MultiSelect disabled", name: "multi-select-disabled", onChange: onChange, options: options, placeholder: "Vyberte...", renderOption: (option) => react_1.default.createElement(react_1.default.Fragment, null,
66
66
  "Option: ",
67
67
  option.label), value: value })));
68
68
  return (react_1.default.createElement("div", { className: "flex flex-col lg:flex-row" },
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@uxf/ui",
3
- "version": "11.49.1",
3
+ "version": "11.50.0",
4
4
  "description": "",
5
5
  "publishConfig": {
6
6
  "access": "public"
@@ -24,8 +24,8 @@
24
24
  "@floating-ui/react": "0.26.28",
25
25
  "@headlessui/react": "1.7.19",
26
26
  "@uxf/core": "11.47.0",
27
- "@uxf/core-react": "11.47.0",
28
- "@uxf/datepicker": "11.45.0",
27
+ "@uxf/core-react": "11.50.0",
28
+ "@uxf/datepicker": "11.50.0",
29
29
  "@uxf/styles": "11.47.0",
30
30
  "color2k": "2.0.3",
31
31
  "dayjs": "1.11.13",