@react-typed-forms/schemas-html 5.0.0 → 5.0.1

package/lib/index.js

@@ -1,4 +1,4 @@
-import { useState, useMemo, useEffect, Fragment as Fragment$1, useId, createElement, useRef, isValidElement } from 'react';
+import { useMemo, useEffect, Fragment as Fragment$1, useId, createElement, useRef, isValidElement } from 'react';
 import clsx, { clsx as clsx$1 } from 'clsx';
 import { DisplayDataType, rendererClass, coerceToString, getOverrideClass, FieldType, createDataRenderer, fieldOptionAdornment, DataRenderType, setIncluded, useElementSelectedRenderer, createLayoutRenderer, renderLayoutParts, createGroupRenderer, GroupRenderType, DefaultFormNodeUi, fontAwesomeIcon, deepMerge, createAction, IconPlacement, ActionStyle, schemaDataForFieldRef, isTabsRenderer, isGridRenderer, isWizardRenderer, isDialogRenderer, isAccordionRenderer, isSelectChildRenderer, isFlexRenderer, isInlineRenderer, useExpression, createVisibilityRenderer, getJsonPath, ExpressionType, getLastDefinedValue, getNullToggler, mergeObjects, isArrayRenderer, createArrayActions, getLengthRestrictions, applyArrayLengthRestrictions, buildSchema, stringField, boolField, schemaForFieldRef, defaultControlForField, createSchemaTree, createFormTree, RenderForm, createSchemaDataNode, createAdornmentRenderer, getIsEditing, appendMarkupAt, AdornmentPlacement, wrapMarkup, getAllValues, ControlAdornmentType, getExternalEditData, makeSchemaDataNode, createActionRenderer, getLoadingControl, getHasMoreControl, NoOpControlActionContext, isDataGroupRenderer, isDisplayOnlyRenderer, hasOptions, isTextfieldRenderer, isOptionalAdornment, isSetFieldAdornment, wrapLayout, isIconAdornment, isAccordionAdornment, LabelType, IconLibrary } from '@react-typed-forms/schemas';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
@@ -212,7 +212,7 @@ function SelectDataRenderer(_ref) {
       value,
       disabled
     } = state;
-    const [showEmpty] = useState(!required || value == null);
+    const showEmpty = useMemo(() => !required || value == null, [required, value]);
     const optionStringMap = useMemo(() => Object.fromEntries(options.map(x => [convert(x.value), x.value])), [options]);
     const optionGroups = useMemo(() => new Set(options.filter(x => x.group).map(x => x.group)), [options]);
     return /*#__PURE__*/jsxs("select", _extends({}, props, {
@@ -2082,7 +2082,7 @@ function HtmlCheckButtons(props) {
                 disabled: disabled,
                 checked: checked,
                 onChange: x => {
-                  !readonly && setChecked(control, o, x.target.checked);
+                  !(readonly || disabled) && setChecked(control, o, x.target.checked);
                 }
               }), /*#__PURE__*/jsx("label", {
                 className: classes.labelClass,