@uxf/ui 11.71.0 → 11.72.3

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/button-list/button-list.js +2 -1
  2. package/color-radio-group/color-radio-group.js +1 -1
  3. package/multi-combobox/multi-combobox.js +1 -1
  4. package/multi-select/multi-select.js +1 -1
  5. package/package.json +4 -4
  6. package/select/select.js +1 -1
package/button-list/button-list.js CHANGED
@@ -27,6 +27,7 @@ exports.ButtonList = ButtonList;
27
27
  const react_1 = require("@floating-ui/react");
28
28
  const react_2 = require("@headlessui/react");
29
29
  const use_anchor_props_1 = require("@uxf/core-react/clickable/use-anchor-props");
30
+ const classes_1 = require("@uxf/core/constants/classes");
30
31
  const cx_1 = require("@uxf/core/utils/cx");
31
32
  const is_empty_1 = require("@uxf/core/utils/is-empty");
32
33
  const is_not_nil_1 = require("@uxf/core/utils/is-not-nil");
@@ -70,7 +71,7 @@ function ButtonList(props) {
70
71
  restButtons.length > 0 && (react_3.default.createElement(react_2.Menu, { as: "div", className: "uxf-button-list__menu" }, ({ open }) => {
71
72
  var _a, _b, _c, _d, _e, _f, _g;
72
73
  return (react_3.default.createElement(react_3.default.Fragment, null,
73
- react_3.default.createElement(react_2.Menu.Button, { as: button_1.Button, ...openButtonProps, className: (0, cx_1.cx)((_a = props.openButton) === null || _a === void 0 ? void 0 : _a.className, "uxf-button-list__open-button"), color: (_c = (_b = props.openButton) === null || _b === void 0 ? void 0 : _b.color) !== null && _c !== void 0 ? _c : props.color, isIconButton: (0, is_not_nil_1.isNotNil)(openButtonIcon) && !openButtonLabel, ref: dropdown.refs.setReference, size: (_e = (_d = props.openButton) === null || _d === void 0 ? void 0 : _d.size) !== null && _e !== void 0 ? _e : props.size, variant: (_g = (_f = props.openButton) === null || _f === void 0 ? void 0 : _f.variant) !== null && _g !== void 0 ? _g : props.variant },
74
+ react_3.default.createElement(react_2.Menu.Button, { as: button_1.Button, ...openButtonProps, className: (0, cx_1.cx)((_a = props.openButton) === null || _a === void 0 ? void 0 : _a.className, "uxf-button-list__open-button", open && classes_1.CLASSES.IS_OPEN), color: (_c = (_b = props.openButton) === null || _b === void 0 ? void 0 : _b.color) !== null && _c !== void 0 ? _c : props.color, isIconButton: (0, is_not_nil_1.isNotNil)(openButtonIcon) && !openButtonLabel, ref: dropdown.refs.setReference, size: (_e = (_d = props.openButton) === null || _d === void 0 ? void 0 : _d.size) !== null && _e !== void 0 ? _e : props.size, variant: (_g = (_f = props.openButton) === null || _f === void 0 ? void 0 : _f.variant) !== null && _g !== void 0 ? _g : props.variant },
74
75
  openButtonIcon && (react_3.default.createElement(icon_1.Icon, { className: "uxf-button-list__open-button-icon", name: openButtonIcon })),
75
76
  openButtonLabel && (react_3.default.createElement("span", { className: "uxf-button-list__open-button-label" }, openButtonLabel))),
76
77
  open && (react_3.default.createElement(react_1.FloatingPortal, null,
package/color-radio-group/color-radio-group.js CHANGED
@@ -38,7 +38,7 @@ exports.ColorRadioGroup = (0, react_2.forwardRef)((props, ref) => {
38
38
  const rootClassName = (0, cx_1.cx)("uxf-form-component uxf-color-radio-group__wrapper", props.isDisabled && classes_1.CLASSES.IS_DISABLED, props.isInvalid && classes_1.CLASSES.IS_INVALID, props.className);
39
39
  return (react_2.default.createElement(react_1.RadioGroup, { className: rootClassName, id: props.id, onChange: props.onChange, style: props.style, value: props.value },
40
40
  react_2.default.createElement("div", { className: "uxf-form-component__label" },
41
- react_2.default.createElement(react_1.RadioGroup.Label, { as: label_1.Label, className: "uxf-color-radio-group__label", isHidden: props.hiddenLabel, ref: ref }, props.label)),
41
+ react_2.default.createElement(react_1.RadioGroup.Label, { as: label_1.Label, className: "uxf-color-radio-group__label", isHidden: props.hiddenLabel, isRequired: props.isRequired, ref: ref }, props.label)),
42
42
  react_2.default.createElement("div", { className: "uxf-form-component__input" },
43
43
  react_2.default.createElement("div", { className: "uxf-color-radio-group__options-wrapper" }, props.options.map((option) => {
44
44
  const optionStyle = { "--option-color": option.value };
package/multi-combobox/multi-combobox.js CHANGED
@@ -152,7 +152,7 @@ exports.MultiCombobox = (0, react_3.forwardRef)((props, ref) => {
152
152
  var _a, _b;
153
153
  return (react_3.default.createElement(react_3.default.Fragment, null,
154
154
  react_3.default.createElement("div", { className: "uxf-form-component__label" },
155
- react_3.default.createElement(react_2.Combobox.Label, { as: label_1.Label, isHidden: props.hiddenLabel, onClick: isNotInteractive ? undefined : input.focus }, props.label)),
155
+ react_3.default.createElement(react_2.Combobox.Label, { as: label_1.Label, isHidden: props.hiddenLabel, isRequired: props.isRequired, onClick: isNotInteractive ? undefined : input.focus }, props.label)),
156
156
  react_3.default.createElement("div", { className: "uxf-form-component__input" },
157
157
  react_3.default.createElement(react_2.Combobox.Button, { "aria-describedby": errorId, "aria-invalid": props.isInvalid, as: "div", className: (0, cx_1.cx)("uxf-input uxf-multi-combobox__button", (renderProps.open || input.focused) && classes_1.CLASSES.IS_FOCUSED, renderProps.disabled && classes_1.CLASSES.IS_DISABLED, props.isReadOnly && classes_1.CLASSES.IS_READONLY, props.isInvalid && classes_1.CLASSES.IS_INVALID, dropdown.placement === "bottom" && `${classes_1.CLASSES.IS_OPEN}--bottom`, dropdown.placement === "top" && `${classes_1.CLASSES.IS_OPEN}--top`, renderProps.open && classes_1.CLASSES.IS_OPEN), onBlur: input.onBlur, onFocus: input.onFocus, ref: stableRef },
158
158
  props.leftAddon && react_3.default.createElement(input_1.Input.LeftAddon, null, props.leftAddon),
package/multi-select/multi-select.js CHANGED
@@ -114,7 +114,7 @@ exports.MultiSelect = (0, react_3.forwardRef)((props, ref) => {
114
114
  var _a, _b;
115
115
  return (react_3.default.createElement(react_3.default.Fragment, null,
116
116
  react_3.default.createElement("div", { className: "uxf-form-component__label" },
117
- react_3.default.createElement(react_2.Listbox.Label, { as: label_1.Label, isHidden: props.hiddenLabel, onClick: isNotInteractive ? undefined : input.focus }, props.label)),
117
+ react_3.default.createElement(react_2.Listbox.Label, { as: label_1.Label, isHidden: props.hiddenLabel, isRequired: props.isRequired, onClick: isNotInteractive ? undefined : input.focus }, props.label)),
118
118
  react_3.default.createElement("div", { className: "uxf-form-component__input" },
119
119
  react_3.default.createElement(react_2.Listbox.Button, { "aria-describedby": errorId, "aria-invalid": props.isInvalid, as: "div", className: (0, cx_1.cx)("uxf-input uxf-multi-select__button", (renderProps.open || input.focused) && classes_1.CLASSES.IS_FOCUSED, renderProps.disabled && classes_1.CLASSES.IS_DISABLED, props.isReadOnly && classes_1.CLASSES.IS_READONLY, props.isInvalid && classes_1.CLASSES.IS_INVALID, dropdown.placement === "bottom" && `${classes_1.CLASSES.IS_OPEN}--bottom`, dropdown.placement === "top" && `${classes_1.CLASSES.IS_OPEN}--top`, renderProps.open && classes_1.CLASSES.IS_OPEN), id: id, onBlur: input.onBlur, onFocus: input.onFocus, onKeyDown: inputKeyDownHandler, ref: stableRef, tabIndex: isNotInteractive ? undefined : 0 },
120
120
  props.leftAddon && react_3.default.createElement(input_1.Input.LeftAddon, null, props.leftAddon),
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@uxf/ui",
3
- "version": "11.71.0",
3
+ "version": "11.72.3",
4
4
  "description": "",
5
5
  "publishConfig": {
6
6
  "access": "public"
@@ -23,10 +23,10 @@
23
23
  "dependencies": {
24
24
  "@floating-ui/react": "0.26.28",
25
25
  "@headlessui/react": "1.7.19",
26
- "@uxf/core": "11.70.0",
27
- "@uxf/core-react": "11.71.0",
26
+ "@uxf/core": "11.72.3",
27
+ "@uxf/core-react": "11.72.3",
28
28
  "@uxf/datepicker": "11.61.0",
29
- "@uxf/styles": "11.70.0",
29
+ "@uxf/styles": "11.72.3",
30
30
  "color2k": "2.0.3",
31
31
  "dayjs": "1.11.13",
32
32
  "jump.js": "1.0.2",
package/select/select.js CHANGED
@@ -78,7 +78,7 @@ function Select(props) {
78
78
  var _a, _b, _c;
79
79
  return (react_3.default.createElement(react_3.default.Fragment, null,
80
80
  react_3.default.createElement("div", { className: "uxf-form-component__label" },
81
- react_3.default.createElement(react_2.Listbox.Label, { as: label_1.Label, isHidden: props.hiddenLabel, onClick: isNotInteractive ? undefined : input.focus }, props.label)),
81
+ react_3.default.createElement(react_2.Listbox.Label, { as: label_1.Label, isHidden: props.hiddenLabel, isRequired: props.isRequired, onClick: isNotInteractive ? undefined : input.focus }, props.label)),
82
82
  react_3.default.createElement("div", { className: "uxf-form-component__input" },
83
83
  react_3.default.createElement(react_2.Listbox.Button, { "aria-describedby": errorId, "aria-invalid": props.isInvalid, as: input_1.Input, className: (0, cx_1.cx)("uxf-select__button", dropdown.placement === "bottom" && `${classes_1.CLASSES.IS_OPEN}--bottom`, dropdown.placement === "top" && `${classes_1.CLASSES.IS_OPEN}--top`, renderProps.open && classes_1.CLASSES.IS_OPEN), customInputElementDisplayName: (_a = SelectedValue.displayName) !== null && _a !== void 0 ? _a : "", inputFocus: input, inputGroupRef: stableRef, inputWrapperRef: props.inputWrapperRef, isDisabled: props.isDisabled, isFocused: renderProps.open, isInvalid: props.isInvalid, isReadOnly: props.isReadOnly, ref: props.inputRef, size: props.size, variant: props.variant },
84
84
  props.leftAddon && react_3.default.createElement(input_1.Input.LeftAddon, null, props.leftAddon),