@keboola/design 15.0.0 → 16.0.0

package/dist/rjsf.js

@@ -1,31 +1,31 @@
-import { cn } from "./classNames-DcGnTh2N.js";
-import { Tooltip, debounce } from "./utils-DwC9u0tM.js";
-import { BookOpen, Info, Trash2 } from "./icons-ZIeZXXS7.js";
-import { Button } from "./Button-BNkyYU8u.js";
+import { cn } from "./classNames-DkX30VJU.js";
+import { Tooltip, debounce } from "./utils-DjFceY3H.js";
+import { BookOpen, Info, Trash2 } from "./icons-DDR9dFSr.js";
+import { Button } from "./Button-DbvGzEDb.js";
 import { Label } from "./internal/components/Label.js";
 import { Link } from "./internal/components/Link.js";
 import { useStableCallback } from "./internal/hooks/useStableCallback.js";
-import { TextInput } from "./TextInput-CR0_USaY.js";
-import { RadioGroup } from "./RadioGroup-B0TwHjBb.js";
-import { Checkbox } from "./Checkbox-CHDDJyAA.js";
-import { Combobox } from "./Combobox-CaKqgstG.js";
+import { TextInput } from "./TextInput--1CfZybC.js";
+import { RadioGroup } from "./RadioGroup-B9oC8P15.js";
+import { Checkbox } from "./Checkbox-B2jLlyaO.js";
+import { Combobox } from "./Combobox-DYjvYgl3.js";
 import { MultiCombobox } from "./internal/blocks/MultiCombobox.js";
-import { FormGroup } from "./FormGroup-V5kIgQRN.js";
+import { FormGroup } from "./FormGroup-QJB21LKp.js";
 import { NumberInput } from "./internal/blocks/NumberInput.js";
 import { Textarea } from "./internal/blocks/Textarea.js";
-import { DateInput } from "./DateInput-BgbMDJkm.js";
+import { DateInput } from "./DateInput-DJNX7Vdx.js";
 import { PasswordInput } from "./internal/blocks/PasswordInput.js";
-import { Alert } from "./Alert-Chz6KZ7e.js";
+import { Alert } from "./Alert-DziS8n1H.js";
 import { CollapsiblePanel } from "./internal/components/CollapsiblePanel.js";
-import { Tabs, TabsContent } from "./Tabs-Ck4uWf8U.js";
-import { CodeEditor, isLanguageMode } from "./CodeEditor-DVSPdfdo.js";
+import { Tabs, TabsContent } from "./Tabs-DmJB4l_N.js";
+import { CodeEditor, isLanguageMode } from "./CodeEditor-D_b-ZCng.js";
 import { createContext, isValidElement, use, useCallback, useEffect, useMemo, useRef, useState } from "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 import DOMPurify from "dompurify";
 import Form from "@rjsf/core";
 import validator from "@rjsf/validator-ajv8";
 import { enumOptionsDeselectValue, enumOptionsIsSelected, enumOptionsSelectValue, optionId, useDeepCompareMemo } from "@rjsf/utils";
-//#region src/blocks/RjsfSchemaEditor/fieldHelpers.ts
+// src/blocks/RjsfSchemaEditor/fieldHelpers.ts
 /** No-op function reused as onBlur/onFocus stub in custom fields. */
 const noop = () => {};
 const NullField = () => null;
@@ -151,14 +151,12 @@ const isContainerSchema = (schema) => {
 *   schema default that sibling `options.dependencies` resolve against.
 */
 const isHiddenContainer = (fieldUiSchema, schema) => isHiddenField(fieldUiSchema) && isContainerSchema(schema);
-//#endregion
-//#region src/blocks/RjsfSchemaEditor/markdownContext.ts
+// src/blocks/RjsfSchemaEditor/markdownContext.ts
 /** Falls back to plain text when the host app doesn't provide a markdown renderer. */
 const RenderMarkdownContext = createContext((source) => source);
 const RenderMarkdownProvider = RenderMarkdownContext;
 const useRenderMarkdown = () => use(RenderMarkdownContext);
-//#endregion
-//#region src/blocks/RjsfSchemaEditor/widgets/CodeEditorWidget.tsx
+// src/blocks/RjsfSchemaEditor/widgets/CodeEditorWidget.tsx
 const isValidJson = (raw) => {
 	try {
 		const parsed = JSON.parse(raw);
@@ -218,8 +216,7 @@ const CodeEditorWidget = ({ id, value, onChange, disabled, readonly, options })
 		})
 	});
 };
-//#endregion
-//#region src/blocks/RjsfSchemaEditor/fields/CodeEditorField.tsx
+// src/blocks/RjsfSchemaEditor/fields/CodeEditorField.tsx
 /**
 * Field wrapper for CodeEditorWidget when used with type: "object".
 * RJSF only applies ui:widget to primitive types, so object-typed
@@ -236,8 +233,7 @@ const CodeEditorField = ({ fieldPathId, formData, onChange, disabled, readonly,
 		options: uiOptions ?? {}
 	});
 };
-//#endregion
-//#region src/blocks/RjsfSchemaEditor/SchemaDescription.tsx
+// src/blocks/RjsfSchemaEditor/SchemaDescription.tsx
 /** Renders a schema description with sanitized HTML support (links, formatting, etc.). */
 const SchemaDescription = ({ description }) => {
 	if (!description) return null;
@@ -246,8 +242,7 @@ const SchemaDescription = ({ description }) => {
 		dangerouslySetInnerHTML: { __html: DOMPurify.sanitize(description) }
 	});
 };
-//#endregion
-//#region src/blocks/RjsfSchemaEditor/fields/GridObjectField.tsx
+// src/blocks/RjsfSchemaEditor/fields/GridObjectField.tsx
 /**
 * Custom field that renders an object's properties in a responsive grid layout.
 * Used for schema objects with `format: "grid"` or `"grid-strict"`.
@@ -323,8 +318,7 @@ const GridObjectField = ({ schema, uiSchema = {}, formData, onChange, disabled,
 		children: [/* @__PURE__ */ jsx(SchemaDescription, { description: schema.description }), gridContent]
 	});
 };
-//#endregion
-//#region src/blocks/RjsfSchemaEditor/fields/InfoField.tsx
+// src/blocks/RjsfSchemaEditor/fields/InfoField.tsx
 const VALID_ALERT_TYPES = /* @__PURE__ */ new Set([
 	"info",
 	"warning",
@@ -352,8 +346,7 @@ const InfoField = ({ schema, uiSchema }) => {
 		})
 	});
 };
-//#endregion
-//#region src/blocks/RjsfSchemaEditor/TooltipIcon.tsx
+// src/blocks/RjsfSchemaEditor/TooltipIcon.tsx
 const TooltipIcon = ({ rawHelp }) => {
 	const renderMarkdown = useRenderMarkdown();
 	return /* @__PURE__ */ jsx(Tooltip, {
@@ -367,8 +360,7 @@ const TooltipIcon = ({ rawHelp }) => {
 		})
 	});
 };
-//#endregion
-//#region src/blocks/RjsfSchemaEditor/fields/TableArrayField.tsx
+// src/blocks/RjsfSchemaEditor/fields/TableArrayField.tsx
 /** Default value for a freshly added cell/item, honouring the schema default. */
 const defaultValueFor = (prop) => {
 	if (prop.default !== void 0) return prop.default;
@@ -516,8 +508,7 @@ const TableArrayField = ({ schema, uiSchema = {}, formData, onChange, disabled,
 		]
 	});
 };
-//#endregion
-//#region src/blocks/RjsfSchemaEditor/fields/TabsObjectField.tsx
+// src/blocks/RjsfSchemaEditor/fields/TabsObjectField.tsx
 /**
 * Custom field that renders an object's properties as tabs.
 * Used for schema objects with `format: "tabs"`, `"tabs-top"`, or `"categories"`.
@@ -578,8 +569,7 @@ const TabsObjectField = ({ schema, uiSchema = {}, formData, onChange, disabled,
 		]
 	});
 };
-//#endregion
-//#region src/blocks/RjsfSchemaEditor/templates/ArrayFieldItemTemplate.tsx
+// src/blocks/RjsfSchemaEditor/templates/ArrayFieldItemTemplate.tsx
 const ArrayFieldItemTemplate = ({ children, index, totalItems, schema, hasToolbar, disabled, readonly, buttonsProps }) => {
 	const isObject = schema.type === "object";
 	const canRemove = hasToolbar && buttonsProps.hasRemove && !disabled && !readonly;
@@ -628,8 +618,7 @@ const ArrayFieldItemTemplate = ({ children, index, totalItems, schema, hasToolba
 		})
 	});
 };
-//#endregion
-//#region src/blocks/RjsfSchemaEditor/templates/ArrayFieldTemplate.tsx
+// src/blocks/RjsfSchemaEditor/templates/ArrayFieldTemplate.tsx
 const ArrayFieldTemplate = ({ items, canAdd, onAddClick, title, schema, disabled, readonly }) => {
 	const isReadOnly = disabled || readonly;
 	const itemLabel = typeof schema.items === "object" && schema.items !== null && !Array.isArray(schema.items) ? schema.items.title || "Item" : "Item";
@@ -652,8 +641,7 @@ const ArrayFieldTemplate = ({ items, canAdd, onAddClick, title, schema, disabled
 		]
 	});
 };
-//#endregion
-//#region src/blocks/RjsfSchemaEditor/templates/DescriptionFieldTemplate.tsx
+// src/blocks/RjsfSchemaEditor/templates/DescriptionFieldTemplate.tsx
 /**
 * Custom description template that renders HTML in schema descriptions.
 * Uses DOMPurify to sanitize the HTML before rendering.
@@ -672,8 +660,7 @@ const DescriptionFieldTemplate = ({ description, id }) => {
 		dangerouslySetInnerHTML: { __html: DOMPurify.sanitize(String(description)) }
 	});
 };
-//#endregion
-//#region src/blocks/RjsfSchemaEditor/templates/ErrorListTemplate.tsx
+// src/blocks/RjsfSchemaEditor/templates/ErrorListTemplate.tsx
 const ErrorListTemplate = ({ errors }) => {
 	if (!errors.length) return null;
 	return /* @__PURE__ */ jsx("div", {
@@ -684,8 +671,7 @@ const ErrorListTemplate = ({ errors }) => {
 		}, `${error.property}:${error.message}`))
 	});
 };
-//#endregion
-//#region src/blocks/RjsfSchemaEditor/RootFormDataContext.ts
+// src/blocks/RjsfSchemaEditor/RootFormDataContext.ts
 const RootFormDataContext = createContext({
 	data: {},
 	context: {}
@@ -693,8 +679,7 @@ const RootFormDataContext = createContext({
 const RootFormDataProvider = RootFormDataContext;
 const useRootFormData = () => use(RootFormDataContext).data;
 const useRootContext = () => use(RootFormDataContext).context;
-//#endregion
-//#region src/blocks/RjsfSchemaEditor/templates/FieldTemplate.tsx
+// src/blocks/RjsfSchemaEditor/templates/FieldTemplate.tsx
 const resolveByPath$1 = (parts, data) => {
 	let current = data;
 	for (const part of parts) {
@@ -812,8 +797,7 @@ const FieldTemplate = (props) => {
 	});
 	return /* @__PURE__ */ jsx(FieldTemplateBody, { ...props });
 };
-//#endregion
-//#region src/blocks/RjsfSchemaEditor/templates/ObjectFieldTemplate.tsx
+// src/blocks/RjsfSchemaEditor/templates/ObjectFieldTemplate.tsx
 const ObjectFieldTemplate = ({ title, description, properties, formData, uiSchema, schema, fieldPathId }) => {
 	const isRoot = !fieldPathId?.path?.length;
 	const uiOptions = uiSchema?.["ui:options"];
@@ -865,8 +849,7 @@ const ObjectFieldTemplate = ({ title, description, properties, formData, uiSchem
 		]
 	});
 };
-//#endregion
-//#region src/blocks/RjsfSchemaEditor/widgets/CheckboxesWidget.tsx
+// src/blocks/RjsfSchemaEditor/widgets/CheckboxesWidget.tsx
 /**
 * A group of checkboxes for an array of enum values (`format: 'checkbox'`).
 *
@@ -888,8 +871,7 @@ const CheckboxesWidget = ({ id, value, onChange, disabled, readonly, options })
 		}, index))
 	});
 };
-//#endregion
-//#region src/blocks/RjsfSchemaEditor/widgets/CheckboxWidget.tsx
+// src/blocks/RjsfSchemaEditor/widgets/CheckboxWidget.tsx
 const CheckboxWidget = ({ id, value, onChange, disabled, readonly, label, hideLabel }) => {
 	return /* @__PURE__ */ jsx(Checkbox, {
 		id,
@@ -899,8 +881,7 @@ const CheckboxWidget = ({ id, value, onChange, disabled, readonly, label, hideLa
 		children: hideLabel ? void 0 : label
 	});
 };
-//#endregion
-//#region src/blocks/RjsfSchemaEditor/widgets/DateWidget.tsx
+// src/blocks/RjsfSchemaEditor/widgets/DateWidget.tsx
 const DateWidget = ({ id, value, onChange, onBlur, onFocus, disabled, readonly, placeholder, rawErrors }) => {
 	const dateValue = (() => {
 		if (!value) return null;
@@ -928,8 +909,7 @@ const DateWidget = ({ id, value, onChange, onBlur, onFocus, disabled, readonly,
 		state: rawErrors?.length ? "error" : "default"
 	});
 };
-//#endregion
-//#region src/blocks/RjsfSchemaEditor/widgets/DynamicSelectWidget.tsx
+// src/blocks/RjsfSchemaEditor/widgets/DynamicSelectWidget.tsx
 /**
 * Widget for fields using json-editor's enumSource/watch pattern.
 * Reads options dynamically from the root form data based on watched paths.
@@ -959,8 +939,7 @@ const DynamicSelectWidget = ({ id, value, onChange, onBlur, disabled, readonly,
 		onValueChange: (selected) => onChange(selected?.value ?? "")
 	});
 };
-//#endregion
-//#region src/blocks/RjsfSchemaEditor/widgets/MultiSelectWidget.tsx
+// src/blocks/RjsfSchemaEditor/widgets/MultiSelectWidget.tsx
 /**
 * A `MultiCombobox` over the `items.enum` options of a multi-value array.
 *
@@ -1018,8 +997,7 @@ const MultiSelectWidget = ({ id, value, onChange, onBlur, disabled, readonly, op
 		onValueChange: (next) => onChange(next.map((item) => valueOf.get(item)))
 	});
 };
-//#endregion
-//#region src/blocks/RjsfSchemaEditor/widgets/NumberWidget.tsx
+// src/blocks/RjsfSchemaEditor/widgets/NumberWidget.tsx
 const NumberWidget = ({ id, value, onChange, onBlur, onFocus, disabled, readonly, placeholder, schema, rawErrors }) => {
 	return /* @__PURE__ */ jsx(NumberInput, {
 		id,
@@ -1035,8 +1013,7 @@ const NumberWidget = ({ id, value, onChange, onBlur, onFocus, disabled, readonly
 		state: rawErrors?.length ? "error" : "default"
 	});
 };
-//#endregion
-//#region src/blocks/RjsfSchemaEditor/widgets/PasswordWidget.tsx
+// src/blocks/RjsfSchemaEditor/widgets/PasswordWidget.tsx
 const PasswordWidget = ({ id, value, onChange, onBlur, onFocus, disabled, readonly, placeholder, rawErrors }) => {
 	return /* @__PURE__ */ jsx(PasswordInput, {
 		id,
@@ -1050,8 +1027,7 @@ const PasswordWidget = ({ id, value, onChange, onBlur, onFocus, disabled, readon
 		state: rawErrors?.length ? "error" : "default"
 	});
 };
-//#endregion
-//#region src/blocks/RjsfSchemaEditor/widgets/RadioWidget.tsx
+// src/blocks/RjsfSchemaEditor/widgets/RadioWidget.tsx
 const RadioWidget = ({ id, value, onChange, disabled, readonly, options }) => {
 	const enumOptions = options.enumOptions ?? [];
 	return /* @__PURE__ */ jsx(RadioGroup, {
@@ -1066,8 +1042,7 @@ const RadioWidget = ({ id, value, onChange, disabled, readonly, options }) => {
 		}, opt.value))
 	});
 };
-//#endregion
-//#region src/blocks/RjsfSchemaEditor/widgets/SelectWidget.tsx
+// src/blocks/RjsfSchemaEditor/widgets/SelectWidget.tsx
 const SelectWidget = ({ id, value, schema, onChange, onBlur, disabled, readonly, options, placeholder, required, rawErrors }) => {
 	const enumOptions = options.enumOptions ?? [];
 	const isBoolean = schema.type === "boolean";
@@ -1096,8 +1071,7 @@ const SelectWidget = ({ id, value, schema, onChange, onBlur, disabled, readonly,
 		}
 	});
 };
-//#endregion
-//#region src/blocks/RjsfSchemaEditor/widgets/TemplateWatchWidget.tsx
+// src/blocks/RjsfSchemaEditor/widgets/TemplateWatchWidget.tsx
 const stringify = (value) => {
 	if (value == null) return "";
 	if (typeof value === "object") return JSON.stringify(value);
@@ -1166,8 +1140,7 @@ const TemplateWatchWidget = ({ id, value, onChange, disabled, readonly, rawError
 		state: rawErrors?.length ? "error" : "default"
 	});
 };
-//#endregion
-//#region src/blocks/RjsfSchemaEditor/widgets/TextareaWidget.tsx
+// src/blocks/RjsfSchemaEditor/widgets/TextareaWidget.tsx
 const TextareaWidget = ({ id, value, onChange, onBlur, onFocus, disabled, readonly, placeholder, options, rawErrors }) => {
 	const rows = options.rows ?? 5;
 	return /* @__PURE__ */ jsx(Textarea, {
@@ -1182,8 +1155,7 @@ const TextareaWidget = ({ id, value, onChange, onBlur, onFocus, disabled, readon
 		state: rawErrors?.length ? "error" : "default"
 	});
 };
-//#endregion
-//#region src/blocks/RjsfSchemaEditor/widgets/TextWidget.tsx
+// src/blocks/RjsfSchemaEditor/widgets/TextWidget.tsx
 const TextWidget = ({ id, value, onChange, onBlur, onFocus, disabled, readonly, placeholder, schema, options, rawErrors }) => {
 	const stringValue = value == null ? "" : typeof value === "object" ? "" : String(value);
 	const shouldTrim = !!options.trim;
@@ -1202,8 +1174,7 @@ const TextWidget = ({ id, value, onChange, onBlur, onFocus, disabled, readonly,
 		state: rawErrors?.length ? "error" : "default"
 	});
 };
-//#endregion
-//#region src/blocks/RjsfSchemaEditor/registry.ts
+// src/blocks/RjsfSchemaEditor/registry.ts
 const StubWidget = () => null;
 const StubField = () => null;
 const defaultFields = {
@@ -1243,8 +1214,7 @@ const defaultTemplates = {
 	ArrayFieldItemTemplate,
 	ErrorListTemplate
 };
-//#endregion
-//#region src/blocks/RjsfSchemaEditor/schemaUtils.ts
+// src/blocks/RjsfSchemaEditor/schemaUtils.ts
 /** Resolves `$ref` against definitions; sibling keys (title, options) override the result. */
 const resolveRef = (propSchema, definitions) => {
 	if (!propSchema.$ref || !definitions) return propSchema;
@@ -1543,8 +1513,7 @@ const sanitizeSchema = (schema, definitions, isConditionalBranch = false) => {
 	if (cleaned.items && typeof cleaned.items === "object" && !Array.isArray(cleaned.items)) cleaned.items = sanitizeSchema(cleaned.items, defs);
 	return cleaned;
 };
-//#endregion
-//#region src/blocks/RjsfSchemaEditor/RjsfSchemaEditor.tsx
+// src/blocks/RjsfSchemaEditor/RjsfSchemaEditor.tsx
 const defaultRenderMarkdown = (source) => source;
 /** JSON with keys sorted at every level, so key order never makes two equal objects differ. */
 const stableStringify = (obj) => JSON.stringify(obj, (_key, val) => {
@@ -1588,7 +1557,8 @@ const RjsfSchemaEditor = ({ schema, value, onChange, readOnly, inForm, globalCon
 	const debouncedOnChange = useMemo(() => debounce((data) => {
 		const dataJson = stableStringify(data);
 		if (dataJson !== stableStringify(valueRef.current)) {
-			if (lastSentJsonRef.current === null && mountedFormDataJsonRef.current && dataJson === mountedFormDataJsonRef.current) return;
+			if (mountedFormDataJsonRef.current && dataJson === mountedFormDataJsonRef.current) return;
+			mountedFormDataJsonRef.current = null;
 			lastSentJsonRef.current = dataJson;
 			handleValueChange(data);
 		}
@@ -1689,7 +1659,6 @@ const RjsfSchemaEditor = ({ schema, value, onChange, readOnly, inForm, globalCon
 		})
 	});
 };
-//#endregion
 export { RjsfSchemaEditor, buildDynamicOptions, resolveByPath, useRootFormData };
 
 //# sourceMappingURL=rjsf.js.map