@uxf/form 1.0.0-beta.48 → 1.0.0-beta.50

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/combobox/combobox.js +1 -1
  2. package/combobox/combobox.stories.js +3 -2
  3. package/package.json +2 -2
  4. package/select/select.js +1 -1
  5. package/select/select.stories.js +3 -2
package/combobox/combobox.js CHANGED
@@ -24,6 +24,6 @@ function Combobox(props) {
24
24
  field.onBlur();
25
25
  (_a = props.onBlur) === null || _a === void 0 ? void 0 : _a.call(props, event);
26
26
  };
27
- return (react_1.default.createElement(combobox_1.Combobox, { className: props.className, helperText: (_c = (_b = fieldState.error) === null || _b === void 0 ? void 0 : _b.message) !== null && _c !== void 0 ? _c : props.helperText, id: props.id, isDisabled: props.options.length === 0 || props.isDisabled, isInvalid: !!fieldState.error, isReadOnly: props.isReadOnly, isRequired: props.isRequired, label: props.label, name: field.name, onBlur: onBlur, onChange: (value) => field.onChange(value), onFocus: props.onFocus, options: props.options, placeholder: props.placeholder, ref: field.ref, value: field.value }));
27
+ return (react_1.default.createElement(combobox_1.Combobox, { className: props.className, dropdownPlacement: props.dropdownPlacement, helperText: (_c = (_b = fieldState.error) === null || _b === void 0 ? void 0 : _b.message) !== null && _c !== void 0 ? _c : props.helperText, id: props.id, isDisabled: props.options.length === 0 || props.isDisabled, isInvalid: !!fieldState.error, isReadOnly: props.isReadOnly, isRequired: props.isRequired, label: props.label, name: field.name, onBlur: onBlur, onChange: (value) => field.onChange(value), onFocus: props.onFocus, options: props.options, placeholder: props.placeholder, ref: field.ref, value: field.value }));
28
28
  }
29
29
  exports.Combobox = Combobox;
package/combobox/combobox.stories.js CHANGED
@@ -5,8 +5,8 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
5
5
  Object.defineProperty(exports, "__esModule", { value: true });
6
6
  exports.Default = void 0;
7
7
  const react_1 = __importDefault(require("react"));
8
- const combobox_1 = require("./combobox");
9
8
  const form_1 = require("../storybook/form");
9
+ const combobox_1 = require("./combobox");
10
10
  exports.default = {
11
11
  title: "Form/Combobox",
12
12
  component: combobox_1.Combobox,
@@ -20,6 +20,7 @@ function Default() {
20
20
  return (react_1.default.createElement(form_1.Form, null, ({ control }) => (react_1.default.createElement("div", { className: "space-y-8" },
21
21
  react_1.default.createElement(combobox_1.Combobox, { label: "Combobox form", name: "combobox1", control: control, placeholder: "placeholder", options: options, id: "form-combobox", helperText: "Za\u010Dn\u011Bte ps\u00E1t pro vyhled\u00E1v\u00E1n\u00ED..." }),
22
22
  react_1.default.createElement(combobox_1.Combobox, { label: "Combobox form required", name: "combobox-required", control: control, placeholder: "placeholder", options: options, id: "form-combobox", isRequired: true, helperText: "Za\u010Dn\u011Bte ps\u00E1t pro vyhled\u00E1v\u00E1n\u00ED..." }),
23
- react_1.default.createElement(combobox_1.Combobox, { label: "Combobox form disabled", name: "combobox-disabled", control: control, placeholder: "placeholder", options: options, id: "form-combobox", isDisabled: true })))));
23
+ react_1.default.createElement(combobox_1.Combobox, { label: "Combobox form disabled", name: "combobox-disabled", control: control, placeholder: "placeholder", options: options, id: "form-combobox", isDisabled: true }),
24
+ react_1.default.createElement(combobox_1.Combobox, { label: "Combobox form with dropdown top", dropdownPlacement: "top", name: "select-dropdown-top", control: control, placeholder: "placeholder", options: options, id: "form-combobox" })))));
24
25
  }
25
26
  exports.Default = Default;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@uxf/form",
3
- "version": "1.0.0-beta.48",
3
+ "version": "1.0.0-beta.50",
4
4
  "description": "",
5
5
  "publishConfig": {
6
6
  "access": "public"
@@ -13,7 +13,7 @@
13
13
  "author": "UX Fans s.r.o",
14
14
  "license": "MIT",
15
15
  "dependencies": {
16
- "@uxf/ui": "^1.0.0-beta.48",
16
+ "@uxf/ui": "^1.0.0-beta.50",
17
17
  "react-hook-form": "latest"
18
18
  }
19
19
  }
package/select/select.js CHANGED
@@ -24,6 +24,6 @@ function Select(props) {
24
24
  field.onBlur();
25
25
  (_a = props.onBlur) === null || _a === void 0 ? void 0 : _a.call(props, event);
26
26
  };
27
- return (react_1.default.createElement(select_1.Select, { className: props.className, helperText: (_c = (_b = fieldState.error) === null || _b === void 0 ? void 0 : _b.message) !== null && _c !== void 0 ? _c : props.helperText, id: props.id, isDisabled: props.options.length === 0 || props.isDisabled, isInvalid: !!fieldState.error, isReadOnly: props.isReadOnly, isRequired: props.isRequired, label: props.label, name: field.name, onBlur: onBlur, onChange: (value) => field.onChange(value), onFocus: props.onFocus, options: props.options, placeholder: props.placeholder, ref: field.ref, value: field.value }));
27
+ return (react_1.default.createElement(select_1.Select, { className: props.className, dropdownPlacement: props.dropdownPlacement, helperText: (_c = (_b = fieldState.error) === null || _b === void 0 ? void 0 : _b.message) !== null && _c !== void 0 ? _c : props.helperText, id: props.id, isDisabled: props.options.length === 0 || props.isDisabled, isInvalid: !!fieldState.error, isReadOnly: props.isReadOnly, isRequired: props.isRequired, label: props.label, name: field.name, onBlur: onBlur, onChange: (value) => field.onChange(value), onFocus: props.onFocus, options: props.options, placeholder: props.placeholder, ref: field.ref, value: field.value }));
28
28
  }
29
29
  exports.Select = Select;
package/select/select.stories.js CHANGED
@@ -19,7 +19,8 @@ const options = [
19
19
  function Default() {
20
20
  return (react_1.default.createElement(form_1.Form, null, ({ control }) => (react_1.default.createElement("div", { className: "space-y-4" },
21
21
  react_1.default.createElement(select_1.Select, { label: "Select form", name: "select", control: control, placeholder: "placeholder", options: options, id: "form-select" }),
22
- react_1.default.createElement(select_1.Select, { label: "Select form disabled", name: "select", control: control, placeholder: "placeholder", options: options, id: "form-select", isDisabled: true }),
23
- react_1.default.createElement(select_1.Select, { label: "Select form with helper text", name: "select", control: control, placeholder: "placeholder", options: options, id: "form-select", helperText: "Choose one option" })))));
22
+ react_1.default.createElement(select_1.Select, { label: "Select form disabled", name: "select-disabled", control: control, placeholder: "placeholder", options: options, id: "form-select", isDisabled: true }),
23
+ react_1.default.createElement(select_1.Select, { label: "Select form with helper text", name: "select-helper-text", control: control, placeholder: "placeholder", options: options, id: "form-select", helperText: "Choose one option" }),
24
+ react_1.default.createElement(select_1.Select, { label: "Select form with dropdown top", dropdownPlacement: "top", name: "select-dropdown-top", control: control, placeholder: "placeholder", options: options, id: "form-select" })))));
24
25
  }
25
26
  exports.Default = Default;