@cube-dev/ui-kit 0.178.0 → 0.179.0

package/dist/components/fields/Slider/index.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.178.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.179.0 | Cube Dev Team */
 import { __RangeSlider } from "./RangeSlider.js";
 import { __Slider } from "./Slider.js";
 import { __HueSlider } from "./HueSlider.js";

package/dist/components/fields/Switch/Switch.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.178.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.179.0 | Cube Dev Team */
 import { extractStyles } from "../../../utils/styles.js";
 import { useId as useId$2 } from "../../../utils/react/useId.js";
 import { mergeProps as mergeProps$1 } from "../../../utils/react/mergeProps.js";

package/dist/components/fields/TextArea/TextArea.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.178.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.179.0 | Cube Dev Team */
 import { chain } from "../../../utils/react/chain.js";
 import { mergeProps as mergeProps$1 } from "../../../utils/react/mergeProps.js";
 import { useBufferedValue } from "../../../utils/react/useBufferedValue.js";

package/dist/components/fields/TextInput/TextInput.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.178.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.179.0 | Cube Dev Team */
 import { chain } from "../../../utils/react/chain.js";
 import { mergeProps as mergeProps$1 } from "../../../utils/react/mergeProps.js";
 import { useBufferedValue } from "../../../utils/react/useBufferedValue.js";

package/dist/components/fields/TextInput/TextInputBase.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.178.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.179.0 | Cube Dev Team */
 import { extractStyles } from "../../../utils/styles.js";
 import { mergeProps as mergeProps$1 } from "../../../utils/react/mergeProps.js";
 import { useCombinedRefs } from "../../../utils/react/useCombinedRefs.js";

package/dist/components/fields/TextInput/useAutoSizeTextArea.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.178.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.179.0 | Cube Dev Team */
 import { useEvent } from "../../../_internal/hooks/use-event.js";
 import { useEffect, useLayoutEffect, useRef } from "react";
 

package/dist/components/fields/TextInputMapper/TextInputMapper.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.178.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.179.0 | Cube Dev Team */
 import { mergeProps } from "../../../utils/react/mergeProps.js";
 import { useCombinedRefs } from "../../../utils/react/useCombinedRefs.js";
 import { useEvent } from "../../../_internal/hooks/use-event.js";

package/dist/components/fields/TriggerActions.js

@@ -1,62 +1,11 @@
-/** @license MIT | @cube-dev/ui-kit v0.178.0 | Cube Dev Team */
-import { ItemActionProvider } from "../actions/ItemActionContext.js";
-import { tasty } from "@tenphi/tasty";
-import { jsx } from "react/jsx-runtime";
-import { ClearPressResponder } from "@react-aria/interactions";
+/** @license MIT | @cube-dev/ui-kit v0.179.0 | Cube Dev Team */
+import { ItemActionIcon } from "../actions/ItemActionsWrapper.js";
+import { Fragment, jsxs } from "react/jsx-runtime";
 
 //#region src/components/fields/TriggerActions.tsx
-/**
-* `Item`'s own `Actions` slot stops these so a press on an action never reaches
-* the row behind it. The custom actions of a picker trigger sit in the `suffix`
-* slot instead — left of the built-in clear button and caret, which live in
-* `rightIcon` — so they have to repeat the guard themselves. See
-* `ACTIONS_EVENT_HANDLERS` in `Item`.
-*/
-const STOP_PROPAGATION_HANDLERS = {
-	onClick: (e) => e.stopPropagation(),
-	onPointerDown: (e) => e.stopPropagation(),
-	onPointerUp: (e) => e.stopPropagation(),
-	onMouseDown: (e) => e.stopPropagation(),
-	onMouseUp: (e) => e.stopPropagation(),
-	onKeyDown: (e) => {
-		if (e.key === "Enter" || e.key === " ") e.stopPropagation();
-	}
-};
-const TriggerActionsElement = tasty({
-	qa: "TriggerActions",
-	styles: {
-		display: "grid",
-		flow: "column",
-		placeItems: "center",
-		placeContent: "center",
-		gap: "1bw",
-		margin: "0 (1bw - $side-padding) 0 0",
-		"$action-size": "min(max((2x + 2bw), ($size - 1x - 2bw)), (3x - 2bw))",
-		"$side-padding": "(($size - $action-size - 2bw) / 2)"
-	}
-});
-/**
-* Custom actions rendered inside a `Select` / `Picker` / `FilterPicker` trigger,
-* to the left of the built-in clear button and dropdown caret.
-*
-* `ClearPressResponder` is the point of this wrapper. These triggers open their
-* popover through a `PressResponder` that `DialogTrigger` puts in context, and
-* that context reaches *every* `usePress` below it — so without this, pressing a
-* custom action (or the built-in clear button) would also toggle the popover.
-*/
 function TriggerActions(props) {
-	const { children, type, theme, isDisabled } = props;
-	return /* @__PURE__ */ jsx(ClearPressResponder, { children: /* @__PURE__ */ jsx(TriggerActionsElement, {
-		"data-element": "TriggerActions",
-		"data-trigger-action": "",
-		...STOP_PROPAGATION_HANDLERS,
-		children: /* @__PURE__ */ jsx(ItemActionProvider, {
-			type,
-			theme,
-			isDisabled,
-			children
-		})
-	}) });
+	const { actions, builtIn } = props;
+	return /* @__PURE__ */ jsxs(Fragment, { children: [actions, builtIn] });
 }
 
 //#endregion

package/dist/components/fields/TriggerActions.js.map

@@ -1 +1 @@
-{"version":3,"file":"TriggerActions.js","names":[],"sources":["../../../src/components/fields/TriggerActions.tsx"],"sourcesContent":["import { ClearPressResponder } from '@react-aria/interactions';\nimport { tasty } from '@tenphi/tasty';\n\nimport { ItemActionProvider } from '../actions/ItemActionContext';\n\nimport type { KeyboardEvent, MouseEvent, PointerEvent, ReactNode } from 'react';\n\n/*\n * Why this file exists rather than `ItemButton`'s `actions` slot, which is the\n * kit's purpose-built home for exactly this: that slot renders its run as an\n * absolutely positioned SIBLING of the button, so a row action cannot activate\n * the row. A picker's built-ins have to be rightmost, so putting custom actions\n * to their left means the caret joins that run — and a caret outside the button\n * stops opening the popover, `pointer-events: none` included (the hit just\n * lands on the actions container, which is outside the button too). `Select` is\n * a second blocker: it builds its trigger from `Item as=\"button\"`, not\n * `ItemButton`.\n *\n * Migrating the three triggers properly is tracked in\n * https://github.com/cube-js/cube-ui-kit/issues/1398, which carries the\n * measurements — a migrated `Picker` is pixel-identical to this one — and the\n * `Item` changes it needs. Until then the run is built here.\n */\n\n/**\n * `Item`'s own `Actions` slot stops these so a press on an action never reaches\n * the row behind it. The custom actions of a picker trigger sit in the `suffix`\n * slot instead — left of the built-in clear button and caret, which live in\n * `rightIcon` — so they have to repeat the guard themselves. See\n * `ACTIONS_EVENT_HANDLERS` in `Item`.\n */\nconst STOP_PROPAGATION_HANDLERS = {\n  onClick: (e: MouseEvent) => e.stopPropagation(),\n  onPointerDown: (e: PointerEvent) => e.stopPropagation(),\n  onPointerUp: (e: PointerEvent) => e.stopPropagation(),\n  onMouseDown: (e: MouseEvent) => e.stopPropagation(),\n  onMouseUp: (e: MouseEvent) => e.stopPropagation(),\n  onKeyDown: (e: KeyboardEvent) => {\n    if (e.key === 'Enter' || e.key === ' ') {\n      e.stopPropagation();\n    }\n  },\n};\n\nconst TriggerActionsElement = tasty({\n  qa: 'TriggerActions',\n  styles: {\n    display: 'grid',\n    flow: 'column',\n    placeItems: 'center',\n    placeContent: 'center',\n    // What separates two adjacent actions everywhere else in the kit — see\n    // `ItemButton`'s `ActionsWrapper` and `Item`'s own `Actions` slot.\n    gap: '1bw',\n\n    // The built-in clear button / caret is NOT a sibling in this run: it lives\n    // in the `RightIcon` slot, a `($size - 2bw)` square that centres a\n    // `$action-size` control and so already puts `$side-padding` to its left.\n    // Left alone that reads as a much wider gap before the built-in than\n    // between two custom actions (`.5x` vs `1bw` at `medium`). Pull the run\n    // right by the difference so the whole trailing cluster is evenly spaced,\n    // and `$side-padding` survives only where it belongs — at the outer edge,\n    // between the built-in and the trigger's border.\n    //\n    // This assumes the `RightIcon` slot is occupied, which it is for every\n    // trigger state (loading, clear, caret). A caller who empties it with\n    // `rightIcon={null}` gets the run sitting `$side-padding - 1bw` closer to\n    // the border, inside the padding `Suffix` regains when `has-right-icon`\n    // goes away.\n    margin: '0 (1bw - $side-padding) 0 0',\n\n    // `$size` is inherited from the trigger; these two are re-derived from it\n    // the same way `Item`'s `Actions` slot does, because `ItemAction` defines\n    // them on itself and a parent cannot read a child's custom property.\n    '$action-size': 'min(max((2x + 2bw), ($size - 1x - 2bw)), (3x - 2bw))',\n    '$side-padding': '(($size - $action-size - 2bw) / 2)',\n  },\n});\n\nexport interface TriggerActionsProps {\n  /** The actions to render. */\n  children: ReactNode;\n  /** The `type` the host trigger is painted with. */\n  type?: string;\n  /**\n   * The theme the host trigger is PAINTED with, which is not always its `theme`\n   * prop — a validation state overrides it. Actions default to the `current`\n   * theme and read this only to know which surface they sit on.\n   */\n  theme?: string;\n  /** Whether the host trigger is disabled (or loading, which reads as disabled). */\n  isDisabled?: boolean;\n}\n\n/**\n * Custom actions rendered inside a `Select` / `Picker` / `FilterPicker` trigger,\n * to the left of the built-in clear button and dropdown caret.\n *\n * `ClearPressResponder` is the point of this wrapper. These triggers open their\n * popover through a `PressResponder` that `DialogTrigger` puts in context, and\n * that context reaches *every* `usePress` below it — so without this, pressing a\n * custom action (or the built-in clear button) would also toggle the popover.\n */\nexport function TriggerActions(props: TriggerActionsProps) {\n  const { children, type, theme, isDisabled } = props;\n\n  return (\n    <ClearPressResponder>\n      <TriggerActionsElement\n        data-element=\"TriggerActions\"\n        data-trigger-action=\"\"\n        {...STOP_PROPAGATION_HANDLERS}\n      >\n        <ItemActionProvider type={type} theme={theme} isDisabled={isDisabled}>\n          {children}\n        </ItemActionProvider>\n      </TriggerActionsElement>\n    </ClearPressResponder>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;AA+BA,MAAM,4BAA4B;CAChC,UAAU,MAAkB,EAAE,iBAAiB;CAC/C,gBAAgB,MAAoB,EAAE,iBAAiB;CACvD,cAAc,MAAoB,EAAE,iBAAiB;CACrD,cAAc,MAAkB,EAAE,iBAAiB;CACnD,YAAY,MAAkB,EAAE,iBAAiB;CACjD,YAAY,MAAqB;AAC/B,MAAI,EAAE,QAAQ,WAAW,EAAE,QAAQ,IACjC,GAAE,iBAAiB;;CAGxB;AAED,MAAM,wBAAwB,MAAM;CAClC,IAAI;CACJ,QAAQ;EACN,SAAS;EACT,MAAM;EACN,YAAY;EACZ,cAAc;EAGd,KAAK;EAgBL,QAAQ;EAKR,gBAAgB;EAChB,iBAAiB;EAClB;CACF,CAAC;;;;;;;;;;AA0BF,SAAgB,eAAe,OAA4B;CACzD,MAAM,EAAE,UAAU,MAAM,OAAO,eAAe;AAE9C,QACE,oBAAC,iCACC,oBAAC;EACC,gBAAa;EACb,uBAAoB;EACpB,GAAI;YAEJ,oBAAC;GAAyB;GAAa;GAAmB;GACvD;IACkB;GACC,GACJ"}
+{"version":3,"file":"TriggerActions.js","names":[],"sources":["../../../src/components/fields/TriggerActions.tsx"],"sourcesContent":["import { ItemActionIcon } from '../actions/ItemActionsWrapper';\n\nimport type { ReactNode } from 'react';\n\n/**\n * The trailing run of a `Select` / `Picker` / `FilterPicker` trigger: the\n * caller's custom `actions`, then the built-in control — a loading spinner, the\n * clear button, or the dropdown caret.\n *\n * It renders into `ItemActionsWrapper`'s run, which lies over the trigger's\n * trailing end as a SIBLING of the `<button>` rather than inside it. That is\n * what keeps the clear button from being a `<button>` nested in a `<button>`,\n * and it is why the caret is an `ItemActionIcon`: the run is transparent to the\n * pointer except where a child opts in, so a press on the caret lands on the\n * trigger underneath and opens the popover exactly as it did when the caret\n * lived in the `rightIcon` slot.\n *\n * The run isolates its children's presses from the trigger and identifies them\n * to the overlay as the trigger's own — both in `ItemActionsWrapper`, so every\n * row that has actions gets them and not only these three.\n */\nexport interface TriggerActionsProps {\n  /** The caller's custom actions. They come first — leftmost in LTR. */\n  actions?: ReactNode;\n  /** The built-in control: spinner, clear button, or caret. */\n  builtIn?: ReactNode;\n}\n\nexport function TriggerActions(props: TriggerActionsProps) {\n  const { actions, builtIn } = props;\n\n  return (\n    <>\n      {actions}\n      {builtIn}\n    </>\n  );\n}\n\nexport { ItemActionIcon as TriggerIcon };\n"],"mappings":";;;;;AA4BA,SAAgB,eAAe,OAA4B;CACzD,MAAM,EAAE,SAAS,YAAY;AAE7B,QACE,4CACG,SACA,WACA"}

package/dist/components/fields/color/ColorPanel.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.178.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.179.0 | Cube Dev Team */
 import { useEvent } from "../../../_internal/hooks/use-event.js";
 import { formatColor, getContrastingColor, toHex } from "./color.js";
 import { CHANNELS, COLOR_SPACES, COLOR_SPACE_HINTS, COLOR_SPACE_LABELS } from "./channels.js";

package/dist/components/fields/color/channels.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.178.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.179.0 | Cube Dev Team */
 import { maxChroma, normalizeHue, oklchToOkhsl } from "../../../utils/colors.js";
 import { fromOkhst, fromRgb, isAchromatic, toHex, toOkhst, toOklch, toRgb } from "./color.js";
 

package/dist/components/fields/color/color.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.178.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.179.0 | Cube Dev Team */
 import { anyNaN, clamp, maxChroma, normalizeHue, oklchToOkhsl, parseColorFunction, readComponent, readHue, rgbFromSrgb } from "../../../utils/colors.js";
 import { contrastRatioFromLuminance, formatHsl, formatOkhsl, formatOkhst, formatOklch, formatRgb, hslToSrgb, okhslToLinearSrgb, okhslToOkhst, okhslToOklch, okhslToSrgb, okhstToOkhsl, parseHexAlpha, relativeLuminanceFromLinearRgb, srgbToHex, srgbToOkhsl } from "@tenphi/glaze";
 

package/dist/components/fields/color/context.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.178.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.179.0 | Cube Dev Team */
 import { createContext, useContext } from "react";
 
 //#region src/components/fields/color/context.ts

package/dist/components/form/FieldWrapper/FieldWrapper.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.178.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.179.0 | Cube Dev Team */
 import { mergeProps } from "../../../utils/react/mergeProps.js";
 import { wrapNodeIfPlain } from "../../../utils/react/wrapNodeIfPlain.js";
 import { isDevEnv } from "../../../utils/is-dev-env.js";

package/dist/components/form/Form/Field.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.178.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.179.0 | Cube Dev Team */
 import { mergeProps } from "../../../utils/react/mergeProps.js";
 import { warn } from "../../../utils/warnings.js";
 import { useValidationProps } from "../validation/use-validation-props.js";

package/dist/components/form/Form/Form.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.178.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.179.0 | Cube Dev Team */
 import { extractStyles } from "../../../utils/styles.js";
 import { useCombinedRefs } from "../../../utils/react/useCombinedRefs.js";
 import { Provider, useProviderProps } from "../../../provider.js";

package/dist/components/form/Form/ResetButton/ResetButton.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.178.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.179.0 | Cube Dev Team */
 import { mergeProps } from "../../../../utils/react/mergeProps.js";
 import { useEvent } from "../../../../_internal/hooks/use-event.js";
 import { useProviderProps } from "../../../../provider.js";

package/dist/components/form/Form/SubmitButton/SubmitButton.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.178.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.179.0 | Cube Dev Team */
 import { useProviderProps } from "../../../../provider.js";
 import { Button } from "../../../actions/Button/Button.js";
 import { useFormProps } from "../Form.js";

package/dist/components/form/Form/SubmitError.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.178.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.179.0 | Cube Dev Team */
 import { useI18n } from "../../../i18n/useI18n.js";
 import { FormContext } from "./Form.js";
 import { Alert } from "../../content/Alert/Alert.js";

package/dist/components/form/Form/index.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.178.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.179.0 | Cube Dev Team */
 import { useForm } from "./use-form.js";
 import { FormContext, _Form, useFormProps } from "./Form.js";
 import { useField } from "./use-field/use-field.js";

package/dist/components/form/Form/use-field/use-field-props.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.178.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.179.0 | Cube Dev Team */
 import { mergeProps } from "../../../../utils/react/mergeProps.js";
 import { useEvent } from "../../../../_internal/hooks/use-event.js";
 import { warn } from "../../../../utils/warnings.js";

package/dist/components/form/Form/use-field/use-field.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.178.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.179.0 | Cube Dev Team */
 import { useEvent } from "../../../../_internal/hooks/use-event.js";
 import { useIsFirstRender } from "../../../../_internal/hooks/use-is-first-render.js";
 import { resolveValidationProps } from "../../validation/resolve-validation-props.js";

package/dist/components/form/Form/use-form.js

@@ -1,6 +1,6 @@
-/** @license MIT | @cube-dev/ui-kit v0.178.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.179.0 | Cube Dev Team */
+import { dotizeConvert } from "../../../utils/dotize.js";
 import { applyRules } from "./validation.js";
-import { dotize } from "@tenphi/tasty";
 import { useRef, useState } from "react";
 
 //#region src/components/form/Form/use-form.tsx
@@ -55,7 +55,7 @@ var CubeFormInstance = class {
 		let flag = false;
 		newData = {
 			...newData,
-			...dotize.convert(newData)
+			...dotizeConvert(newData)
 		};
 		Object.keys(newData).forEach((name) => {
 			let field = this.fields[name];
@@ -127,14 +127,14 @@ var CubeFormInstance = class {
 	setInitialFieldsValue(values) {
 		this.defaultValues = {
 			...values,
-			...dotize.convert(values)
+			...dotizeConvert(values)
 		};
 	}
 	updateInitialFieldsValue(values) {
 		this.defaultValues = {
 			...this.defaultValues,
 			...values,
-			...dotize.convert(values)
+			...dotizeConvert(values)
 		};
 	}
 	resetFields(names, skipRender) {

package/dist/components/form/Form/use-form.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-form.js","names":[],"sources":["../../../../src/components/form/Form/use-form.tsx"],"sourcesContent":["import { dotize } from '@tenphi/tasty';\nimport { ReactNode, useRef, useState } from 'react';\n\nimport { CubeFieldData, FieldTypes, SetFieldsArrType } from './types';\nimport { applyRules } from './validation';\n\ntype PartialString<T> = {\n  [P in keyof T & string]?: T[P];\n};\n\nexport type CubeFormData<T extends FieldTypes> = {\n  [K in keyof T & string]?: CubeFieldData<K, T[K]>;\n};\n\nfunction setValue(obj, path, value) {\n  let a = path.split('.');\n  let o = obj;\n\n  while (a.length - 1) {\n    let n = a.shift();\n    if (!(n in o)) o[n] = {};\n    o = o[n];\n  }\n  o[a[0]] = value;\n}\n\nfunction isEqual(v1, v2) {\n  return JSON.stringify(v1) === JSON.stringify(v2);\n}\n\nexport class CubeFormInstance<\n  T extends FieldTypes,\n  TFormData extends CubeFormData<T> = CubeFormData<T>,\n> {\n  public forceReRender: () => void = () => {};\n  private defaultValues: PartialString<T> = {};\n  private fields: TFormData = {} as TFormData;\n  public ref = {};\n  public isSubmitting = false;\n  public submitError: unknown = null;\n\n  public onValuesChange: (data: T) => void | Promise<void> = () => {};\n  public onSubmit: (data: T) => void | Promise<void> = () => {};\n\n  constructor(forceReRender: () => void = () => {}) {\n    this.forceReRender = forceReRender;\n\n    this.getFieldValue = this.getFieldValue.bind(this);\n    this.getFieldsValue = this.getFieldsValue.bind(this);\n    this.setFieldValue = this.setFieldValue.bind(this);\n    this.getFieldError = this.getFieldError.bind(this);\n    this.getFieldInstance = this.getFieldInstance.bind(this);\n    this.setInitialFieldsValue = this.setInitialFieldsValue.bind(this);\n    this.resetFields = this.resetFields.bind(this);\n    this.validateField = this.validateField.bind(this);\n    this.validateFields = this.validateFields.bind(this);\n    this.isFieldValid = this.isFieldValid.bind(this);\n    this.createField = this.createField.bind(this);\n    this.isFieldInvalid = this.isFieldInvalid.bind(this);\n    this.isFieldTouched = this.isFieldTouched.bind(this);\n    this.isFieldDirty = this.isFieldDirty.bind(this);\n    this.getFieldNames = this.getFieldNames.bind(this);\n    this.getDirtyFieldNames = this.getDirtyFieldNames.bind(this);\n    this.getValidFieldNames = this.getValidFieldNames.bind(this);\n    this.getInvalidFieldNames = this.getInvalidFieldNames.bind(this);\n    this.setFields = this.setFields.bind(this);\n  }\n\n  async submit() {\n    return this.onSubmit?.(this.getFormData());\n  }\n\n  setFieldsValue = (\n    newData: PartialString<T>,\n    touched?: boolean,\n    skipRender?: boolean,\n  ) => {\n    let flag = false;\n\n    newData = { ...newData, ...dotize.convert(newData) };\n\n    Object.keys(newData).forEach((name: keyof T & string) => {\n      let field = this.fields[name];\n\n      if (!field) {\n        return;\n      }\n\n      if (!field || isEqual(field.value, newData[name])) {\n        if (field) {\n          field.errors = [];\n          field.status = undefined;\n        }\n\n        return;\n      }\n\n      flag = true;\n\n      field.value = newData[name];\n      // Same as `setFieldValue`: a pending validation ran against the old value.\n      field.validationId = (field.validationId ?? 0) + 1;\n\n      field.errors = [];\n      field.status = undefined;\n\n      if (touched === true) {\n        field.touched = touched;\n      } else if (touched === false) {\n        field.touched = false;\n      }\n    });\n\n    if (flag && !skipRender) {\n      if (touched) {\n        this.onValuesChange && this.onValuesChange(this.getFormData());\n        this.submitError = null;\n      }\n\n      this.forceReRender();\n    }\n  };\n\n  getFieldValue<Name extends keyof T & string>(\n    name: Name,\n  ): T[Name] | undefined {\n    return this.fields[name]?.value;\n  }\n\n  getFieldsValue(): PartialString<T> {\n    return Object.values(this.fields).reduce((map, field) => {\n      if (field && map) {\n        map[field.name as keyof T & string] = field.value;\n      }\n\n      return map;\n    }, {} as PartialString<T>);\n  }\n\n  /**\n   * Similar to getFieldsValue() but respects '.' notation and creates nested objects.\n   */\n  getFormData(): T {\n    const fieldsValue = this.getFieldsValue();\n\n    return Object.keys(fieldsValue)\n      .sort()\n      .reduce((map, field) => {\n        setValue(map, field, fieldsValue[field]);\n\n        if (field.includes('.')) {\n          delete map[field];\n        }\n\n        return map;\n      }, {} as T);\n  }\n\n  setFieldValue<Name extends keyof T & string>(\n    name: Name,\n    value: T[Name],\n    isTouched = false,\n    skipRender = false,\n  ) {\n    const field = this.fields[name];\n\n    if (!field || isEqual(value, field.value)) {\n      return;\n    }\n\n    field.value = value;\n    // A validation that is still running belongs to the previous value. Bump\n    // the revision so its result cannot publish against this one (the caller's\n    // promise still settles) — legacy contract §7.1 #22.\n    field.validationId = (field.validationId ?? 0) + 1;\n\n    if (typeof value === 'object' && !Array.isArray(value)) {\n      Object.keys(this.fields)\n        .filter((key) => key.startsWith(`${name}.`))\n        .forEach((key) => {\n          const objKey = key.replace(`${name}.`, '');\n\n          this.setFieldValue(key, value[objKey] ?? null, isTouched, false);\n        });\n    }\n\n    field.errors = [];\n    field.status = undefined; // reset validation status\n\n    if (isTouched) {\n      field.touched = isTouched;\n    }\n\n    if (isTouched) {\n      this.onValuesChange && this.onValuesChange(this.getFormData());\n      this.submitError = null;\n    }\n\n    if (!skipRender) {\n      this.forceReRender();\n    }\n  }\n\n  getFieldInstance<Name extends keyof T & string>(name: Name): TFormData[Name] {\n    return this.fields[name];\n  }\n\n  setInitialFieldsValue(values: PartialString<T>): void {\n    this.defaultValues = { ...values, ...dotize.convert(values) };\n  }\n\n  updateInitialFieldsValue(values: FieldTypes): void {\n    this.defaultValues = {\n      ...this.defaultValues,\n      ...values,\n      ...dotize.convert(values),\n    };\n  }\n\n  resetFields(names?: (keyof T & string)[], skipRender?: boolean): void {\n    names = names ?? Object.keys(this.fields);\n\n    names.forEach((fieldName) => {\n      const field = this.fields[fieldName];\n\n      if (!field) {\n        return;\n      }\n\n      const defaultValue = this.defaultValues[fieldName] ?? undefined;\n\n      field.value = defaultValue;\n      field.touched = false;\n      field.errors = [];\n      field.status = undefined;\n      field.validationId = (field.validationId ?? 0) + 1;\n    });\n\n    if (!skipRender) {\n      this.forceReRender();\n    }\n  }\n\n  async validateField<Name extends keyof T & string>(name: Name): Promise<any> {\n    const field = this.getFieldInstance(name);\n\n    if (\n      // if there are no rules for such field\n      !field ||\n      !field.rules ||\n      // or field is already validated and valid\n      field.status === 'valid'\n    ) {\n      return Promise.resolve();\n      // or field is already validated and invalid\n    } else if (field.status === 'invalid') {\n      return Promise.reject(field.errors[0]);\n    }\n\n    field.validating = true;\n    field.status = undefined;\n\n    field.validationId = (field.validationId ?? 0) + 1;\n\n    const validationId = field.validationId;\n\n    // store validation to make sure there is no race condition.\n    return applyRules(field, this, validationId)\n      .then(() => {\n        if (field.validationId !== validationId) return;\n\n        field.validating = false;\n\n        if (!field.errors || field.errors.length) {\n          field.errors = [];\n        }\n\n        field.status = 'valid';\n\n        this.forceReRender();\n      })\n      .catch((err) => {\n        if (field.validationId === validationId) {\n          field.errors = [err];\n          field.validating = false;\n          field.status = 'invalid';\n\n          this.forceReRender();\n        }\n\n        return Promise.reject([err]);\n      });\n  }\n\n  validateFields<Names extends (keyof T)[]>(names?: Names): Promise<any> {\n    const fieldsList = names || Object.keys(this.fields);\n    const errorList: { name: string; errors: ReactNode[] }[] = [];\n\n    return Promise.allSettled(\n      fieldsList.map((name) => {\n        return this.validateField(name).catch((errors) => {\n          errorList.push({ name, errors });\n\n          return Promise.reject();\n        });\n      }),\n    ).then(() => {\n      if (errorList.length) {\n        return Promise.reject(errorList);\n      }\n\n      return this.getFormData();\n    });\n  }\n\n  isFieldValid<Name extends keyof T & string>(name: Name): boolean {\n    const field = this.getFieldInstance(name);\n\n    if (!field) return true;\n\n    return !field.errors.length;\n  }\n\n  isFieldInvalid<Name extends keyof T & string>(name: Name): boolean {\n    const field = this.getFieldInstance(name);\n\n    if (!field) return false;\n\n    return !!field.errors.length;\n  }\n\n  isFieldTouched<Name extends keyof T & string>(name: Name): boolean {\n    const field = this.getFieldInstance(name);\n\n    if (!field) return false;\n\n    return !!field.touched;\n  }\n\n  isFieldDirty<Name extends keyof T & string>(name: Name): boolean {\n    const field = this.getFieldInstance(name);\n\n    if (!field) return false;\n\n    return !isEqual(field.value, this.defaultValues[name]);\n  }\n\n  getFieldNames(): (keyof T & string)[] {\n    return Object.keys(this.fields) as (keyof T & string)[];\n  }\n\n  getDirtyFieldNames(): (keyof T & string)[] {\n    return this.getFieldNames().filter((name) => this.isFieldDirty(name));\n  }\n\n  getValidFieldNames(): (keyof T & string)[] {\n    return this.getFieldNames().filter((name) => this.isFieldValid(name));\n  }\n\n  getInvalidFieldNames(): (keyof T & string)[] {\n    return this.getFieldNames().filter((name) => this.isFieldInvalid(name));\n  }\n\n  get isTouched(): boolean {\n    return Object.values(this.fields).some((field) => field?.touched);\n  }\n\n  get isDirty(): boolean {\n    return this.getDirtyFieldNames().length > 0;\n  }\n\n  /**\n   * True if all fields are verified and valid\n   * IMPORTANT: This is not the same as `!isInvalid`, because it also checks if all fields are verified.\n   */\n  get isValid(): boolean {\n    return Object.values(this.fields).every(\n      (field) => field?.status === 'valid',\n    );\n  }\n\n  /**\n   * True if at least one field is verified and invalid.\n   * IMPORTANT: This is not the same as `!isValid`, because it only checks that at least\n   * one field is verified and invalid.\n   */\n  get isInvalid(): boolean {\n    return Object.values(this.fields).some(\n      (field) => field?.status === 'invalid',\n    );\n  }\n\n  getFieldError<Name extends keyof T & string>(name: Name): ReactNode[] {\n    const field = this.getFieldInstance(name);\n\n    if (!field) return [];\n\n    return field.errors || [];\n  }\n\n  /**\n   * @deprecated This field is not supposed to be used directly.\n   */\n  createField<Name extends keyof T & string>(name: Name, skipRender?: boolean) {\n    // passing an empty name is incorrect, but we have to return a valid object to avoid inconsistency\n    if (!name) {\n      return this._createField(name);\n    }\n\n    if (!this.fields[name]) {\n      this.fields[name] = this._createField(name);\n    }\n\n    if (!skipRender) {\n      this.forceReRender();\n    }\n\n    return this.fields[name];\n  }\n\n  /**\n   * @deprecated This field is not supposed to be used directly.\n   */\n  removeField<Name extends keyof T & string>(name: Name, skipRender?: boolean) {\n    if (this.fields[name]) {\n      delete this.fields[name];\n    }\n\n    if (!skipRender) {\n      this.forceReRender();\n    }\n  }\n\n  /**\n   * @deprecated This method is not recommended. Use other ways to alter fields.\n   * Use `setFieldValue` to change the value of a field.\n   * Use `verifyField` to validate a field.\n   * Use `setFieldError` to set an error for a field.\n   * Use `clearFieldsValidation` to clear all errors for a field.\n   */\n  setFields<Names extends keyof T & string>(\n    newFields: SetFieldsArrType<T, Names>[],\n  ) {\n    newFields.forEach(({ name, value, errors }) => {\n      this.fields[name] = this._createField(name, {\n        value,\n        errors,\n      } as TFormData[Names]);\n    });\n\n    this.forceReRender();\n  }\n\n  resetFieldsValidation(names?: (keyof T & string)[], skipRender?: boolean) {\n    (names || Object.keys(this.fields)).forEach((name) => {\n      const field = this.getFieldInstance(name);\n\n      if (!field) return;\n\n      field.errors = [];\n      field.status = undefined;\n      field.validationId = (field.validationId ?? 0) + 1;\n    });\n\n    if (!skipRender) {\n      this.forceReRender();\n    }\n  }\n\n  setFieldError(\n    name: keyof T & string,\n    error: ReactNode,\n    skipRender?: boolean,\n  ) {\n    const field = this.getFieldInstance(name);\n\n    if (!field || !error) return;\n\n    field.errors = [error];\n    field.status = 'invalid';\n    field.validationId = (field.validationId ?? 0) + 1;\n\n    if (!skipRender) {\n      this.forceReRender();\n    }\n  }\n\n  setSubmitting(isSubmitting: boolean) {\n    if (this.isSubmitting === isSubmitting) return;\n\n    this.isSubmitting = isSubmitting;\n    this.forceReRender();\n  }\n\n  _createField<Name extends keyof T & string, Data extends TFormData[Name]>(\n    name: Name,\n    data?: Data,\n  ): Data {\n    let obj = {\n      name,\n      validating: false,\n      touched: false,\n      errors: [],\n      validationId: 0,\n      value: this.defaultValues[name],\n      ...data,\n      // it should be impossible to define or override status value\n      status: data?.errors?.length ? 'invalid' : undefined,\n    } as unknown as Data;\n\n    return obj;\n  }\n}\n\nexport function useForm<TSourceType extends FieldTypes>(\n  form?: CubeFormInstance<TSourceType, CubeFormData<TSourceType>>,\n  ref?,\n  options: {\n    onSubmit?: CubeFormInstance<TSourceType>['onSubmit'];\n    onValuesChange?: CubeFormInstance<TSourceType>['onValuesChange'];\n  } = {},\n): [CubeFormInstance<TSourceType>] {\n  const { onSubmit, onValuesChange } = options;\n  const formRef = useRef<CubeFormInstance<TSourceType>>(null);\n  const [, forceUpdate] = useState({});\n\n  if (!formRef.current) {\n    if (form) {\n      formRef.current = form;\n    } else {\n      // Create a new FormInstance if not provided\n      const forceReRender = () => {\n        forceUpdate({});\n      };\n\n      form = formRef.current = new CubeFormInstance<TSourceType>(forceReRender);\n    }\n\n    form.ref = ref;\n  }\n\n  if (onSubmit) {\n    formRef.current.onSubmit = onSubmit;\n  }\n\n  if (onValuesChange) {\n    formRef.current.onValuesChange = onValuesChange;\n  }\n\n  return [formRef.current];\n}\n"],"mappings":";;;;;;AAcA,SAAS,SAAS,KAAK,MAAM,OAAO;CAClC,IAAI,IAAI,KAAK,MAAM,IAAI;CACvB,IAAI,IAAI;AAER,QAAO,EAAE,SAAS,GAAG;EACnB,IAAI,IAAI,EAAE,OAAO;AACjB,MAAI,EAAE,KAAK,GAAI,GAAE,KAAK,EAAE;AACxB,MAAI,EAAE;;AAER,GAAE,EAAE,MAAM;;AAGZ,SAAS,QAAQ,IAAI,IAAI;AACvB,QAAO,KAAK,UAAU,GAAG,KAAK,KAAK,UAAU,GAAG;;AAGlD,IAAa,mBAAb,MAGE;CACA,AAAO,sBAAkC;CACzC,AAAQ,gBAAkC,EAAE;CAC5C,AAAQ,SAAoB,EAAE;CAC9B,AAAO,MAAM,EAAE;CACf,AAAO,eAAe;CACtB,AAAO,cAAuB;CAE9B,AAAO,uBAA0D;CACjE,AAAO,iBAAoD;CAE3D,YAAY,sBAAkC,IAAI;AAChD,OAAK,gBAAgB;AAErB,OAAK,gBAAgB,KAAK,cAAc,KAAK,KAAK;AAClD,OAAK,iBAAiB,KAAK,eAAe,KAAK,KAAK;AACpD,OAAK,gBAAgB,KAAK,cAAc,KAAK,KAAK;AAClD,OAAK,gBAAgB,KAAK,cAAc,KAAK,KAAK;AAClD,OAAK,mBAAmB,KAAK,iBAAiB,KAAK,KAAK;AACxD,OAAK,wBAAwB,KAAK,sBAAsB,KAAK,KAAK;AAClE,OAAK,cAAc,KAAK,YAAY,KAAK,KAAK;AAC9C,OAAK,gBAAgB,KAAK,cAAc,KAAK,KAAK;AAClD,OAAK,iBAAiB,KAAK,eAAe,KAAK,KAAK;AACpD,OAAK,eAAe,KAAK,aAAa,KAAK,KAAK;AAChD,OAAK,cAAc,KAAK,YAAY,KAAK,KAAK;AAC9C,OAAK,iBAAiB,KAAK,eAAe,KAAK,KAAK;AACpD,OAAK,iBAAiB,KAAK,eAAe,KAAK,KAAK;AACpD,OAAK,eAAe,KAAK,aAAa,KAAK,KAAK;AAChD,OAAK,gBAAgB,KAAK,cAAc,KAAK,KAAK;AAClD,OAAK,qBAAqB,KAAK,mBAAmB,KAAK,KAAK;AAC5D,OAAK,qBAAqB,KAAK,mBAAmB,KAAK,KAAK;AAC5D,OAAK,uBAAuB,KAAK,qBAAqB,KAAK,KAAK;AAChE,OAAK,YAAY,KAAK,UAAU,KAAK,KAAK;;CAG5C,MAAM,SAAS;AACb,SAAO,KAAK,WAAW,KAAK,aAAa,CAAC;;CAG5C,kBACE,SACA,SACA,eACG;EACH,IAAI,OAAO;AAEX,YAAU;GAAE,GAAG;GAAS,GAAG,OAAO,QAAQ,QAAQ;GAAE;AAEpD,SAAO,KAAK,QAAQ,CAAC,SAAS,SAA2B;GACvD,IAAI,QAAQ,KAAK,OAAO;AAExB,OAAI,CAAC,MACH;AAGF,OAAI,CAAC,SAAS,QAAQ,MAAM,OAAO,QAAQ,MAAM,EAAE;AACjD,QAAI,OAAO;AACT,WAAM,SAAS,EAAE;AACjB,WAAM,SAAS;;AAGjB;;AAGF,UAAO;AAEP,SAAM,QAAQ,QAAQ;AAEtB,SAAM,gBAAgB,MAAM,gBAAgB,KAAK;AAEjD,SAAM,SAAS,EAAE;AACjB,SAAM,SAAS;AAEf,OAAI,YAAY,KACd,OAAM,UAAU;YACP,YAAY,MACrB,OAAM,UAAU;IAElB;AAEF,MAAI,QAAQ,CAAC,YAAY;AACvB,OAAI,SAAS;AACX,SAAK,kBAAkB,KAAK,eAAe,KAAK,aAAa,CAAC;AAC9D,SAAK,cAAc;;AAGrB,QAAK,eAAe;;;CAIxB,cACE,MACqB;AACrB,SAAO,KAAK,OAAO,OAAO;;CAG5B,iBAAmC;AACjC,SAAO,OAAO,OAAO,KAAK,OAAO,CAAC,QAAQ,KAAK,UAAU;AACvD,OAAI,SAAS,IACX,KAAI,MAAM,QAA4B,MAAM;AAG9C,UAAO;KACN,EAAE,CAAqB;;;;;CAM5B,cAAiB;EACf,MAAM,cAAc,KAAK,gBAAgB;AAEzC,SAAO,OAAO,KAAK,YAAY,CAC5B,MAAM,CACN,QAAQ,KAAK,UAAU;AACtB,YAAS,KAAK,OAAO,YAAY,OAAO;AAExC,OAAI,MAAM,SAAS,IAAI,CACrB,QAAO,IAAI;AAGb,UAAO;KACN,EAAE,CAAM;;CAGf,cACE,MACA,OACA,YAAY,OACZ,aAAa,OACb;EACA,MAAM,QAAQ,KAAK,OAAO;AAE1B,MAAI,CAAC,SAAS,QAAQ,OAAO,MAAM,MAAM,CACvC;AAGF,QAAM,QAAQ;AAId,QAAM,gBAAgB,MAAM,gBAAgB,KAAK;AAEjD,MAAI,OAAO,UAAU,YAAY,CAAC,MAAM,QAAQ,MAAM,CACpD,QAAO,KAAK,KAAK,OAAO,CACrB,QAAQ,QAAQ,IAAI,WAAW,GAAG,KAAK,GAAG,CAAC,CAC3C,SAAS,QAAQ;GAChB,MAAM,SAAS,IAAI,QAAQ,GAAG,KAAK,IAAI,GAAG;AAE1C,QAAK,cAAc,KAAK,MAAM,WAAW,MAAM,WAAW,MAAM;IAChE;AAGN,QAAM,SAAS,EAAE;AACjB,QAAM,SAAS;AAEf,MAAI,UACF,OAAM,UAAU;AAGlB,MAAI,WAAW;AACb,QAAK,kBAAkB,KAAK,eAAe,KAAK,aAAa,CAAC;AAC9D,QAAK,cAAc;;AAGrB,MAAI,CAAC,WACH,MAAK,eAAe;;CAIxB,iBAAgD,MAA6B;AAC3E,SAAO,KAAK,OAAO;;CAGrB,sBAAsB,QAAgC;AACpD,OAAK,gBAAgB;GAAE,GAAG;GAAQ,GAAG,OAAO,QAAQ,OAAO;GAAE;;CAG/D,yBAAyB,QAA0B;AACjD,OAAK,gBAAgB;GACnB,GAAG,KAAK;GACR,GAAG;GACH,GAAG,OAAO,QAAQ,OAAO;GAC1B;;CAGH,YAAY,OAA8B,YAA4B;AACpE,UAAQ,SAAS,OAAO,KAAK,KAAK,OAAO;AAEzC,QAAM,SAAS,cAAc;GAC3B,MAAM,QAAQ,KAAK,OAAO;AAE1B,OAAI,CAAC,MACH;AAKF,SAAM,QAFe,KAAK,cAAc,cAAc;AAGtD,SAAM,UAAU;AAChB,SAAM,SAAS,EAAE;AACjB,SAAM,SAAS;AACf,SAAM,gBAAgB,MAAM,gBAAgB,KAAK;IACjD;AAEF,MAAI,CAAC,WACH,MAAK,eAAe;;CAIxB,MAAM,cAA6C,MAA0B;EAC3E,MAAM,QAAQ,KAAK,iBAAiB,KAAK;AAEzC,MAEE,CAAC,SACD,CAAC,MAAM,SAEP,MAAM,WAAW,QAEjB,QAAO,QAAQ,SAAS;WAEf,MAAM,WAAW,UAC1B,QAAO,QAAQ,OAAO,MAAM,OAAO,GAAG;AAGxC,QAAM,aAAa;AACnB,QAAM,SAAS;AAEf,QAAM,gBAAgB,MAAM,gBAAgB,KAAK;EAEjD,MAAM,eAAe,MAAM;AAG3B,SAAO,WAAW,OAAO,MAAM,aAAa,CACzC,WAAW;AACV,OAAI,MAAM,iBAAiB,aAAc;AAEzC,SAAM,aAAa;AAEnB,OAAI,CAAC,MAAM,UAAU,MAAM,OAAO,OAChC,OAAM,SAAS,EAAE;AAGnB,SAAM,SAAS;AAEf,QAAK,eAAe;IACpB,CACD,OAAO,QAAQ;AACd,OAAI,MAAM,iBAAiB,cAAc;AACvC,UAAM,SAAS,CAAC,IAAI;AACpB,UAAM,aAAa;AACnB,UAAM,SAAS;AAEf,SAAK,eAAe;;AAGtB,UAAO,QAAQ,OAAO,CAAC,IAAI,CAAC;IAC5B;;CAGN,eAA0C,OAA6B;EACrE,MAAM,aAAa,SAAS,OAAO,KAAK,KAAK,OAAO;EACpD,MAAM,YAAqD,EAAE;AAE7D,SAAO,QAAQ,WACb,WAAW,KAAK,SAAS;AACvB,UAAO,KAAK,cAAc,KAAK,CAAC,OAAO,WAAW;AAChD,cAAU,KAAK;KAAE;KAAM;KAAQ,CAAC;AAEhC,WAAO,QAAQ,QAAQ;KACvB;IACF,CACH,CAAC,WAAW;AACX,OAAI,UAAU,OACZ,QAAO,QAAQ,OAAO,UAAU;AAGlC,UAAO,KAAK,aAAa;IACzB;;CAGJ,aAA4C,MAAqB;EAC/D,MAAM,QAAQ,KAAK,iBAAiB,KAAK;AAEzC,MAAI,CAAC,MAAO,QAAO;AAEnB,SAAO,CAAC,MAAM,OAAO;;CAGvB,eAA8C,MAAqB;EACjE,MAAM,QAAQ,KAAK,iBAAiB,KAAK;AAEzC,MAAI,CAAC,MAAO,QAAO;AAEnB,SAAO,CAAC,CAAC,MAAM,OAAO;;CAGxB,eAA8C,MAAqB;EACjE,MAAM,QAAQ,KAAK,iBAAiB,KAAK;AAEzC,MAAI,CAAC,MAAO,QAAO;AAEnB,SAAO,CAAC,CAAC,MAAM;;CAGjB,aAA4C,MAAqB;EAC/D,MAAM,QAAQ,KAAK,iBAAiB,KAAK;AAEzC,MAAI,CAAC,MAAO,QAAO;AAEnB,SAAO,CAAC,QAAQ,MAAM,OAAO,KAAK,cAAc,MAAM;;CAGxD,gBAAsC;AACpC,SAAO,OAAO,KAAK,KAAK,OAAO;;CAGjC,qBAA2C;AACzC,SAAO,KAAK,eAAe,CAAC,QAAQ,SAAS,KAAK,aAAa,KAAK,CAAC;;CAGvE,qBAA2C;AACzC,SAAO,KAAK,eAAe,CAAC,QAAQ,SAAS,KAAK,aAAa,KAAK,CAAC;;CAGvE,uBAA6C;AAC3C,SAAO,KAAK,eAAe,CAAC,QAAQ,SAAS,KAAK,eAAe,KAAK,CAAC;;CAGzE,IAAI,YAAqB;AACvB,SAAO,OAAO,OAAO,KAAK,OAAO,CAAC,MAAM,UAAU,OAAO,QAAQ;;CAGnE,IAAI,UAAmB;AACrB,SAAO,KAAK,oBAAoB,CAAC,SAAS;;;;;;CAO5C,IAAI,UAAmB;AACrB,SAAO,OAAO,OAAO,KAAK,OAAO,CAAC,OAC/B,UAAU,OAAO,WAAW,QAC9B;;;;;;;CAQH,IAAI,YAAqB;AACvB,SAAO,OAAO,OAAO,KAAK,OAAO,CAAC,MAC/B,UAAU,OAAO,WAAW,UAC9B;;CAGH,cAA6C,MAAyB;EACpE,MAAM,QAAQ,KAAK,iBAAiB,KAAK;AAEzC,MAAI,CAAC,MAAO,QAAO,EAAE;AAErB,SAAO,MAAM,UAAU,EAAE;;;;;CAM3B,YAA2C,MAAY,YAAsB;AAE3E,MAAI,CAAC,KACH,QAAO,KAAK,aAAa,KAAK;AAGhC,MAAI,CAAC,KAAK,OAAO,MACf,MAAK,OAAO,QAAQ,KAAK,aAAa,KAAK;AAG7C,MAAI,CAAC,WACH,MAAK,eAAe;AAGtB,SAAO,KAAK,OAAO;;;;;CAMrB,YAA2C,MAAY,YAAsB;AAC3E,MAAI,KAAK,OAAO,MACd,QAAO,KAAK,OAAO;AAGrB,MAAI,CAAC,WACH,MAAK,eAAe;;;;;;;;;CAWxB,UACE,WACA;AACA,YAAU,SAAS,EAAE,MAAM,OAAO,aAAa;AAC7C,QAAK,OAAO,QAAQ,KAAK,aAAa,MAAM;IAC1C;IACA;IACD,CAAqB;IACtB;AAEF,OAAK,eAAe;;CAGtB,sBAAsB,OAA8B,YAAsB;AACxE,GAAC,SAAS,OAAO,KAAK,KAAK,OAAO,EAAE,SAAS,SAAS;GACpD,MAAM,QAAQ,KAAK,iBAAiB,KAAK;AAEzC,OAAI,CAAC,MAAO;AAEZ,SAAM,SAAS,EAAE;AACjB,SAAM,SAAS;AACf,SAAM,gBAAgB,MAAM,gBAAgB,KAAK;IACjD;AAEF,MAAI,CAAC,WACH,MAAK,eAAe;;CAIxB,cACE,MACA,OACA,YACA;EACA,MAAM,QAAQ,KAAK,iBAAiB,KAAK;AAEzC,MAAI,CAAC,SAAS,CAAC,MAAO;AAEtB,QAAM,SAAS,CAAC,MAAM;AACtB,QAAM,SAAS;AACf,QAAM,gBAAgB,MAAM,gBAAgB,KAAK;AAEjD,MAAI,CAAC,WACH,MAAK,eAAe;;CAIxB,cAAc,cAAuB;AACnC,MAAI,KAAK,iBAAiB,aAAc;AAExC,OAAK,eAAe;AACpB,OAAK,eAAe;;CAGtB,aACE,MACA,MACM;AAaN,SAZU;GACR;GACA,YAAY;GACZ,SAAS;GACT,QAAQ,EAAE;GACV,cAAc;GACd,OAAO,KAAK,cAAc;GAC1B,GAAG;GAEH,QAAQ,MAAM,QAAQ,SAAS,YAAY;GAC5C;;;AAML,SAAgB,QACd,MACA,KACA,UAGI,EAAE,EAC2B;CACjC,MAAM,EAAE,UAAU,mBAAmB;CACrC,MAAM,UAAU,OAAsC,KAAK;CAC3D,MAAM,GAAG,eAAe,SAAS,EAAE,CAAC;AAEpC,KAAI,CAAC,QAAQ,SAAS;AACpB,MAAI,KACF,SAAQ,UAAU;OACb;GAEL,MAAM,sBAAsB;AAC1B,gBAAY,EAAE,CAAC;;AAGjB,UAAO,QAAQ,UAAU,IAAI,iBAA8B,cAAc;;AAG3E,OAAK,MAAM;;AAGb,KAAI,SACF,SAAQ,QAAQ,WAAW;AAG7B,KAAI,eACF,SAAQ,QAAQ,iBAAiB;AAGnC,QAAO,CAAC,QAAQ,QAAQ"}
+{"version":3,"file":"use-form.js","names":[],"sources":["../../../../src/components/form/Form/use-form.tsx"],"sourcesContent":["import { ReactNode, useRef, useState } from 'react';\n\nimport { dotizeConvert } from '../../../utils/dotize';\n\nimport { CubeFieldData, FieldTypes, SetFieldsArrType } from './types';\nimport { applyRules } from './validation';\n\ntype PartialString<T> = {\n  [P in keyof T & string]?: T[P];\n};\n\nexport type CubeFormData<T extends FieldTypes> = {\n  [K in keyof T & string]?: CubeFieldData<K, T[K]>;\n};\n\nfunction setValue(obj, path, value) {\n  let a = path.split('.');\n  let o = obj;\n\n  while (a.length - 1) {\n    let n = a.shift();\n    if (!(n in o)) o[n] = {};\n    o = o[n];\n  }\n  o[a[0]] = value;\n}\n\nfunction isEqual(v1, v2) {\n  return JSON.stringify(v1) === JSON.stringify(v2);\n}\n\nexport class CubeFormInstance<\n  T extends FieldTypes,\n  TFormData extends CubeFormData<T> = CubeFormData<T>,\n> {\n  public forceReRender: () => void = () => {};\n  private defaultValues: PartialString<T> = {};\n  private fields: TFormData = {} as TFormData;\n  public ref = {};\n  public isSubmitting = false;\n  public submitError: unknown = null;\n\n  public onValuesChange: (data: T) => void | Promise<void> = () => {};\n  public onSubmit: (data: T) => void | Promise<void> = () => {};\n\n  constructor(forceReRender: () => void = () => {}) {\n    this.forceReRender = forceReRender;\n\n    this.getFieldValue = this.getFieldValue.bind(this);\n    this.getFieldsValue = this.getFieldsValue.bind(this);\n    this.setFieldValue = this.setFieldValue.bind(this);\n    this.getFieldError = this.getFieldError.bind(this);\n    this.getFieldInstance = this.getFieldInstance.bind(this);\n    this.setInitialFieldsValue = this.setInitialFieldsValue.bind(this);\n    this.resetFields = this.resetFields.bind(this);\n    this.validateField = this.validateField.bind(this);\n    this.validateFields = this.validateFields.bind(this);\n    this.isFieldValid = this.isFieldValid.bind(this);\n    this.createField = this.createField.bind(this);\n    this.isFieldInvalid = this.isFieldInvalid.bind(this);\n    this.isFieldTouched = this.isFieldTouched.bind(this);\n    this.isFieldDirty = this.isFieldDirty.bind(this);\n    this.getFieldNames = this.getFieldNames.bind(this);\n    this.getDirtyFieldNames = this.getDirtyFieldNames.bind(this);\n    this.getValidFieldNames = this.getValidFieldNames.bind(this);\n    this.getInvalidFieldNames = this.getInvalidFieldNames.bind(this);\n    this.setFields = this.setFields.bind(this);\n  }\n\n  async submit() {\n    return this.onSubmit?.(this.getFormData());\n  }\n\n  setFieldsValue = (\n    newData: PartialString<T>,\n    touched?: boolean,\n    skipRender?: boolean,\n  ) => {\n    let flag = false;\n\n    newData = { ...newData, ...dotizeConvert(newData) };\n\n    Object.keys(newData).forEach((name: keyof T & string) => {\n      let field = this.fields[name];\n\n      if (!field) {\n        return;\n      }\n\n      if (!field || isEqual(field.value, newData[name])) {\n        if (field) {\n          field.errors = [];\n          field.status = undefined;\n        }\n\n        return;\n      }\n\n      flag = true;\n\n      field.value = newData[name];\n      // Same as `setFieldValue`: a pending validation ran against the old value.\n      field.validationId = (field.validationId ?? 0) + 1;\n\n      field.errors = [];\n      field.status = undefined;\n\n      if (touched === true) {\n        field.touched = touched;\n      } else if (touched === false) {\n        field.touched = false;\n      }\n    });\n\n    if (flag && !skipRender) {\n      if (touched) {\n        this.onValuesChange && this.onValuesChange(this.getFormData());\n        this.submitError = null;\n      }\n\n      this.forceReRender();\n    }\n  };\n\n  getFieldValue<Name extends keyof T & string>(\n    name: Name,\n  ): T[Name] | undefined {\n    return this.fields[name]?.value;\n  }\n\n  getFieldsValue(): PartialString<T> {\n    return Object.values(this.fields).reduce((map, field) => {\n      if (field && map) {\n        map[field.name as keyof T & string] = field.value;\n      }\n\n      return map;\n    }, {} as PartialString<T>);\n  }\n\n  /**\n   * Similar to getFieldsValue() but respects '.' notation and creates nested objects.\n   */\n  getFormData(): T {\n    const fieldsValue = this.getFieldsValue();\n\n    return Object.keys(fieldsValue)\n      .sort()\n      .reduce((map, field) => {\n        setValue(map, field, fieldsValue[field]);\n\n        if (field.includes('.')) {\n          delete map[field];\n        }\n\n        return map;\n      }, {} as T);\n  }\n\n  setFieldValue<Name extends keyof T & string>(\n    name: Name,\n    value: T[Name],\n    isTouched = false,\n    skipRender = false,\n  ) {\n    const field = this.fields[name];\n\n    if (!field || isEqual(value, field.value)) {\n      return;\n    }\n\n    field.value = value;\n    // A validation that is still running belongs to the previous value. Bump\n    // the revision so its result cannot publish against this one (the caller's\n    // promise still settles) — legacy contract §7.1 #22.\n    field.validationId = (field.validationId ?? 0) + 1;\n\n    if (typeof value === 'object' && !Array.isArray(value)) {\n      Object.keys(this.fields)\n        .filter((key) => key.startsWith(`${name}.`))\n        .forEach((key) => {\n          const objKey = key.replace(`${name}.`, '');\n\n          this.setFieldValue(key, value[objKey] ?? null, isTouched, false);\n        });\n    }\n\n    field.errors = [];\n    field.status = undefined; // reset validation status\n\n    if (isTouched) {\n      field.touched = isTouched;\n    }\n\n    if (isTouched) {\n      this.onValuesChange && this.onValuesChange(this.getFormData());\n      this.submitError = null;\n    }\n\n    if (!skipRender) {\n      this.forceReRender();\n    }\n  }\n\n  getFieldInstance<Name extends keyof T & string>(name: Name): TFormData[Name] {\n    return this.fields[name];\n  }\n\n  setInitialFieldsValue(values: PartialString<T>): void {\n    this.defaultValues = { ...values, ...dotizeConvert(values) };\n  }\n\n  updateInitialFieldsValue(values: FieldTypes): void {\n    this.defaultValues = {\n      ...this.defaultValues,\n      ...values,\n      ...dotizeConvert(values),\n    };\n  }\n\n  resetFields(names?: (keyof T & string)[], skipRender?: boolean): void {\n    names = names ?? Object.keys(this.fields);\n\n    names.forEach((fieldName) => {\n      const field = this.fields[fieldName];\n\n      if (!field) {\n        return;\n      }\n\n      const defaultValue = this.defaultValues[fieldName] ?? undefined;\n\n      field.value = defaultValue;\n      field.touched = false;\n      field.errors = [];\n      field.status = undefined;\n      field.validationId = (field.validationId ?? 0) + 1;\n    });\n\n    if (!skipRender) {\n      this.forceReRender();\n    }\n  }\n\n  async validateField<Name extends keyof T & string>(name: Name): Promise<any> {\n    const field = this.getFieldInstance(name);\n\n    if (\n      // if there are no rules for such field\n      !field ||\n      !field.rules ||\n      // or field is already validated and valid\n      field.status === 'valid'\n    ) {\n      return Promise.resolve();\n      // or field is already validated and invalid\n    } else if (field.status === 'invalid') {\n      return Promise.reject(field.errors[0]);\n    }\n\n    field.validating = true;\n    field.status = undefined;\n\n    field.validationId = (field.validationId ?? 0) + 1;\n\n    const validationId = field.validationId;\n\n    // store validation to make sure there is no race condition.\n    return applyRules(field, this, validationId)\n      .then(() => {\n        if (field.validationId !== validationId) return;\n\n        field.validating = false;\n\n        if (!field.errors || field.errors.length) {\n          field.errors = [];\n        }\n\n        field.status = 'valid';\n\n        this.forceReRender();\n      })\n      .catch((err) => {\n        if (field.validationId === validationId) {\n          field.errors = [err];\n          field.validating = false;\n          field.status = 'invalid';\n\n          this.forceReRender();\n        }\n\n        return Promise.reject([err]);\n      });\n  }\n\n  validateFields<Names extends (keyof T)[]>(names?: Names): Promise<any> {\n    const fieldsList = names || Object.keys(this.fields);\n    const errorList: { name: string; errors: ReactNode[] }[] = [];\n\n    return Promise.allSettled(\n      fieldsList.map((name) => {\n        return this.validateField(name).catch((errors) => {\n          errorList.push({ name, errors });\n\n          return Promise.reject();\n        });\n      }),\n    ).then(() => {\n      if (errorList.length) {\n        return Promise.reject(errorList);\n      }\n\n      return this.getFormData();\n    });\n  }\n\n  isFieldValid<Name extends keyof T & string>(name: Name): boolean {\n    const field = this.getFieldInstance(name);\n\n    if (!field) return true;\n\n    return !field.errors.length;\n  }\n\n  isFieldInvalid<Name extends keyof T & string>(name: Name): boolean {\n    const field = this.getFieldInstance(name);\n\n    if (!field) return false;\n\n    return !!field.errors.length;\n  }\n\n  isFieldTouched<Name extends keyof T & string>(name: Name): boolean {\n    const field = this.getFieldInstance(name);\n\n    if (!field) return false;\n\n    return !!field.touched;\n  }\n\n  isFieldDirty<Name extends keyof T & string>(name: Name): boolean {\n    const field = this.getFieldInstance(name);\n\n    if (!field) return false;\n\n    return !isEqual(field.value, this.defaultValues[name]);\n  }\n\n  getFieldNames(): (keyof T & string)[] {\n    return Object.keys(this.fields) as (keyof T & string)[];\n  }\n\n  getDirtyFieldNames(): (keyof T & string)[] {\n    return this.getFieldNames().filter((name) => this.isFieldDirty(name));\n  }\n\n  getValidFieldNames(): (keyof T & string)[] {\n    return this.getFieldNames().filter((name) => this.isFieldValid(name));\n  }\n\n  getInvalidFieldNames(): (keyof T & string)[] {\n    return this.getFieldNames().filter((name) => this.isFieldInvalid(name));\n  }\n\n  get isTouched(): boolean {\n    return Object.values(this.fields).some((field) => field?.touched);\n  }\n\n  get isDirty(): boolean {\n    return this.getDirtyFieldNames().length > 0;\n  }\n\n  /**\n   * True if all fields are verified and valid\n   * IMPORTANT: This is not the same as `!isInvalid`, because it also checks if all fields are verified.\n   */\n  get isValid(): boolean {\n    return Object.values(this.fields).every(\n      (field) => field?.status === 'valid',\n    );\n  }\n\n  /**\n   * True if at least one field is verified and invalid.\n   * IMPORTANT: This is not the same as `!isValid`, because it only checks that at least\n   * one field is verified and invalid.\n   */\n  get isInvalid(): boolean {\n    return Object.values(this.fields).some(\n      (field) => field?.status === 'invalid',\n    );\n  }\n\n  getFieldError<Name extends keyof T & string>(name: Name): ReactNode[] {\n    const field = this.getFieldInstance(name);\n\n    if (!field) return [];\n\n    return field.errors || [];\n  }\n\n  /**\n   * @deprecated This field is not supposed to be used directly.\n   */\n  createField<Name extends keyof T & string>(name: Name, skipRender?: boolean) {\n    // passing an empty name is incorrect, but we have to return a valid object to avoid inconsistency\n    if (!name) {\n      return this._createField(name);\n    }\n\n    if (!this.fields[name]) {\n      this.fields[name] = this._createField(name);\n    }\n\n    if (!skipRender) {\n      this.forceReRender();\n    }\n\n    return this.fields[name];\n  }\n\n  /**\n   * @deprecated This field is not supposed to be used directly.\n   */\n  removeField<Name extends keyof T & string>(name: Name, skipRender?: boolean) {\n    if (this.fields[name]) {\n      delete this.fields[name];\n    }\n\n    if (!skipRender) {\n      this.forceReRender();\n    }\n  }\n\n  /**\n   * @deprecated This method is not recommended. Use other ways to alter fields.\n   * Use `setFieldValue` to change the value of a field.\n   * Use `verifyField` to validate a field.\n   * Use `setFieldError` to set an error for a field.\n   * Use `clearFieldsValidation` to clear all errors for a field.\n   */\n  setFields<Names extends keyof T & string>(\n    newFields: SetFieldsArrType<T, Names>[],\n  ) {\n    newFields.forEach(({ name, value, errors }) => {\n      this.fields[name] = this._createField(name, {\n        value,\n        errors,\n      } as TFormData[Names]);\n    });\n\n    this.forceReRender();\n  }\n\n  resetFieldsValidation(names?: (keyof T & string)[], skipRender?: boolean) {\n    (names || Object.keys(this.fields)).forEach((name) => {\n      const field = this.getFieldInstance(name);\n\n      if (!field) return;\n\n      field.errors = [];\n      field.status = undefined;\n      field.validationId = (field.validationId ?? 0) + 1;\n    });\n\n    if (!skipRender) {\n      this.forceReRender();\n    }\n  }\n\n  setFieldError(\n    name: keyof T & string,\n    error: ReactNode,\n    skipRender?: boolean,\n  ) {\n    const field = this.getFieldInstance(name);\n\n    if (!field || !error) return;\n\n    field.errors = [error];\n    field.status = 'invalid';\n    field.validationId = (field.validationId ?? 0) + 1;\n\n    if (!skipRender) {\n      this.forceReRender();\n    }\n  }\n\n  setSubmitting(isSubmitting: boolean) {\n    if (this.isSubmitting === isSubmitting) return;\n\n    this.isSubmitting = isSubmitting;\n    this.forceReRender();\n  }\n\n  _createField<Name extends keyof T & string, Data extends TFormData[Name]>(\n    name: Name,\n    data?: Data,\n  ): Data {\n    let obj = {\n      name,\n      validating: false,\n      touched: false,\n      errors: [],\n      validationId: 0,\n      value: this.defaultValues[name],\n      ...data,\n      // it should be impossible to define or override status value\n      status: data?.errors?.length ? 'invalid' : undefined,\n    } as unknown as Data;\n\n    return obj;\n  }\n}\n\nexport function useForm<TSourceType extends FieldTypes>(\n  form?: CubeFormInstance<TSourceType, CubeFormData<TSourceType>>,\n  ref?,\n  options: {\n    onSubmit?: CubeFormInstance<TSourceType>['onSubmit'];\n    onValuesChange?: CubeFormInstance<TSourceType>['onValuesChange'];\n  } = {},\n): [CubeFormInstance<TSourceType>] {\n  const { onSubmit, onValuesChange } = options;\n  const formRef = useRef<CubeFormInstance<TSourceType>>(null);\n  const [, forceUpdate] = useState({});\n\n  if (!formRef.current) {\n    if (form) {\n      formRef.current = form;\n    } else {\n      // Create a new FormInstance if not provided\n      const forceReRender = () => {\n        forceUpdate({});\n      };\n\n      form = formRef.current = new CubeFormInstance<TSourceType>(forceReRender);\n    }\n\n    form.ref = ref;\n  }\n\n  if (onSubmit) {\n    formRef.current.onSubmit = onSubmit;\n  }\n\n  if (onValuesChange) {\n    formRef.current.onValuesChange = onValuesChange;\n  }\n\n  return [formRef.current];\n}\n"],"mappings":"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"}

package/dist/components/form/Form/validation.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.178.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.179.0 | Cube Dev Team */
 import { validate } from "email-validator";
 import validUrl from "valid-url";
 

package/dist/components/form/Label.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.178.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.179.0 | Cube Dev Team */
 import { extractStyles } from "../../utils/styles.js";
 import { useProviderProps } from "../../provider.js";
 import { useI18n } from "../../i18n/useI18n.js";

package/dist/components/form/validation/ValidationIndicator.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.178.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.179.0 | Cube Dev Team */
 import { LoadingIcon } from "../../../icons/LoadingIcon.js";
 import { hasValidationState } from "./resolve-validation-props.js";
 import { InvalidIcon } from "../../shared/InvalidIcon.js";

package/dist/components/form/validation/resolve-validation-props.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.178.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.179.0 | Cube Dev Team */
 //#region src/components/form/validation/resolve-validation-props.ts
 /**
 * Normalizes the validation props of a field into a pair of booleans.

package/dist/components/form/validation/use-validation-props.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.178.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.179.0 | Cube Dev Team */
 import { useWarn } from "../../../_internal/hooks/use-warn.js";
 import { resolveValidationProps } from "./resolve-validation-props.js";
 

package/dist/components/form/wrapper.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.178.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.179.0 | Cube Dev Team */
 import { mergeProps } from "../../utils/react/mergeProps.js";
 import { FieldWrapper } from "./FieldWrapper/FieldWrapper.js";
 import { jsx } from "react/jsx-runtime";

package/dist/components/helpers/DisplayTransition/DisplayTransition.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.178.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.179.0 | Cube Dev Team */
 import { useCallback, useLayoutEffect, useRef, useState } from "react";
 
 //#region src/components/helpers/DisplayTransition/DisplayTransition.tsx

package/dist/components/helpers/IconSwitch/IconSwitch.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.178.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.179.0 | Cube Dev Team */
 import { DisplayTransition } from "../DisplayTransition/DisplayTransition.js";
 import { tasty } from "@tenphi/tasty";
 import { isValidElement, useCallback, useLayoutEffect, useRef, useState } from "react";

package/dist/components/layout/Board/Board.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.178.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.179.0 | Cube Dev Team */
 import { extractStyles } from "../../../utils/styles.js";
 import { mergeProps as mergeProps$1 } from "../../../utils/react/mergeProps.js";
 import { useCombinedRefs } from "../../../utils/react/useCombinedRefs.js";

package/dist/components/layout/Board/BoardProvider.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.178.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.179.0 | Cube Dev Team */
 import { BoardDragActiveProvider, BoardRegistryContext } from "./board-context.js";
 import { useBoardRegistry } from "./use-board-registry.js";
 import { tasty } from "@tenphi/tasty";

package/dist/components/layout/Board/BoardResponsive.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.178.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.179.0 | Cube Dev Team */
 import { useCombinedRefs } from "../../../utils/react/useCombinedRefs.js";
 import { useEvent } from "../../../_internal/hooks/use-event.js";
 import { getCompactor } from "./grid-core/compactors.js";

package/dist/components/layout/Board/Widget.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.178.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.179.0 | Cube Dev Team */
 import { extractStyles } from "../../../utils/styles.js";
 import { useLayoutEffect as useLayoutEffect$1 } from "../../../utils/react/useLayoutEffect.js";
 import { useBoardRegistry } from "./board-context.js";

package/dist/components/layout/Board/WidgetHost.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.178.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.179.0 | Cube Dev Team */
 import { mergeProps as mergeProps$1 } from "../../../utils/react/mergeProps.js";
 import { useEvent } from "../../../_internal/hooks/use-event.js";
 import { isDevEnv } from "../../../utils/is-dev-env.js";

package/dist/components/layout/Board/board-context.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.178.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.179.0 | Cube Dev Team */
 import { createContext, useContext } from "react";
 import { jsx } from "react/jsx-runtime";
 

package/dist/components/layout/Board/board-store.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.178.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.179.0 | Cube Dev Team */
 //#region src/components/layout/Board/board-store.ts
 /**
 * A tiny external store mapping widget id -> registration.

package/dist/components/layout/Board/grid-core/calculate.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.178.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.179.0 | Cube Dev Team */
 //#region src/components/layout/Board/grid-core/calculate.ts
 /** Calculate the width of a single grid column in pixels. */
 function calcGridColWidth(positionParams) {

package/dist/components/layout/Board/grid-core/collision-modes.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.178.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.179.0 | Cube Dev Team */
 //#region src/components/layout/Board/grid-core/collision-modes.ts
 /** Whether a single grid cell is free of every item in `others`. */
 function cellFree(others, x, y) {

package/dist/components/layout/Board/grid-core/collision.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.178.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.179.0 | Cube Dev Team */
 //#region src/components/layout/Board/grid-core/collision.ts
 /**
 * Check if two layout items collide (overlap).

package/dist/components/layout/Board/grid-core/compactors.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.178.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.179.0 | Cube Dev Team */
 import { collides, getFirstCollision } from "./collision.js";
 import { sortLayoutItemsByColRow, sortLayoutItemsByRowCol } from "./sort.js";
 import { bottom, cloneLayout, cloneLayoutItem, getStatics } from "./layout.js";

package/dist/components/layout/Board/grid-core/constraints.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.178.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.179.0 | Cube Dev Team */
 //#region src/components/layout/Board/grid-core/constraints.ts
 function clamp(value, min, max) {
 	return Math.max(min, Math.min(max, value));

package/dist/components/layout/Board/grid-core/group-move.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.178.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.179.0 | Cube Dev Team */
 import { collides, getFirstCollision } from "./collision.js";
 import { sortLayoutItemsByColRow, sortLayoutItemsByRowCol } from "./sort.js";
 import { bottom, cloneLayout, cloneLayoutItem, getStatics } from "./layout.js";

package/dist/components/layout/Board/grid-core/layout.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.178.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.179.0 | Cube Dev Team */
 import { getAllCollisions, getFirstCollision } from "./collision.js";
 import { sortLayoutItems } from "./sort.js";
 

package/dist/components/layout/Board/grid-core/placement.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.178.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.179.0 | Cube Dev Team */
 import { collides } from "./collision.js";
 
 //#region src/components/layout/Board/grid-core/placement.ts

package/dist/components/layout/Board/grid-core/sort.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.178.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.179.0 | Cube Dev Team */
 //#region src/components/layout/Board/grid-core/sort.ts
 /**
 * Sort layout items based on the compaction type.

package/dist/components/layout/Board/index.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.178.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.179.0 | Cube Dev Team */
 import { BoardDragActiveProvider } from "./board-context.js";
 import { distributeEvenly, placeInFreeSlot } from "./grid-core/placement.js";
 import { getCompactor, horizontalCompactor, noCompactor, verticalCompactor } from "./grid-core/compactors.js";

package/dist/components/layout/Board/responsive-utils.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.178.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.179.0 | Cube Dev Team */
 import { cloneLayout, correctBounds } from "./grid-core/layout.js";
 
 //#region src/components/layout/Board/responsive-utils.ts

package/dist/components/layout/Board/use-board-layout.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.178.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.179.0 | Cube Dev Team */
 import { useEvent } from "../../../_internal/hooks/use-event.js";
 import { cloneLayout } from "./grid-core/layout.js";
 import { useCallback, useEffect, useRef, useState } from "react";

package/dist/components/layout/Board/use-board-registry.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.178.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.179.0 | Cube Dev Team */
 import { useEvent } from "../../../_internal/hooks/use-event.js";
 import { BoardWidgetStore } from "./board-store.js";
 import { collides } from "./grid-core/collision.js";