@cube-dev/ui-kit 0.178.0 → 0.180.0

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":"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"}
+{"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 {\n  FORM_BACKEND,\n  isModernFormController,\n  LegacyFormBrand,\n  modernBackendUnavailableError,\n} from './backend';\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> implements LegacyFormBrand\n{\n  /** Backend brand: the `<Form>` facade and the field hook dispatch on it. */\n  public readonly [FORM_BACKEND] = 'legacy' as const;\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\n  if (isModernFormController(form)) {\n    throw modernBackendUnavailableError('Form.useForm()');\n  }\n\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.180.0 | Cube Dev Team */
 import { validate } from "email-validator";
 import validUrl from "valid-url";
 
@@ -129,5 +129,5 @@ const delayValidationRule = (timeout = 500) => {
 };
 
 //#endregion
-export { applyRules, delayValidationRule };
+export { applyRule, applyRules, delayValidationRule };
 //# sourceMappingURL=validation.js.map

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.180.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/index.d.ts

@@ -1,11 +1,18 @@
 
+import { FormPath } from "./Form/modern/values.js";
+import { ModernValidationContext } from "./Form/modern/validation.js";
 import { FieldTypes, Fields } from "./Form/types.js";
+import { FormValueAtPath } from "./Form/modern/path-types.js";
+import { FormChange, ModernSubmitContext, SetValueOptions } from "./Form/modern/types.js";
+import { FormController, ModernFieldValidationResult, ModernFormState, ModernSubmitResult, ModernValidationResult, ModernValidationRule, UseFormControllerOptions } from "./Form/modern/controller.js";
 import { CubeFormInstance, useForm } from "./Form/use-form.js";
-import { CubeFormProps, FormContext, useFormProps } from "./Form/Form.js";
+import { ModernFormProps } from "./Form/ModernFormRoot.js";
+import { CubeFormProps, FormContext, FormScopeMask, useFormProps } from "./Form/Form.js";
 import { CubeSubmitButtonProps, _SubmitButton } from "./Form/SubmitButton/SubmitButton.js";
 import { CubeResetButtonProps, _ResetButton } from "./Form/ResetButton/ResetButton.js";
 import { CubeAlertProps } from "../content/Alert/types.js";
 import { Field } from "./Form/Field.js";
+import { FormSelectorOptions, FormSubscribeProps } from "./Form/modern/react.js";
 import { _SubmitError } from "./Form/SubmitError.js";
 import { FieldReturnValue, UseFieldProps } from "./Form/use-field/types.js";
 import { UseFieldParams, useField } from "./Form/use-field/use-field.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.180.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.180.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.180.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.180.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.180.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.180.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.180.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.180.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.180.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.180.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.180.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.180.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.180.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.180.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.180.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.180.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.180.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.180.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.180.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.180.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.180.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.180.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.180.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.180.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.180.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.180.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";

package/dist/components/layout/Board/use-board-select-modifier-key.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.178.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.180.0 | Cube Dev Team */
 import { useIsDarwin } from "../../../utils/react/useIsDarwin.js";
 
 //#region src/components/layout/Board/use-board-select-modifier-key.ts

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

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

package/dist/components/layout/Flex.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.178.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.180.0 | Cube Dev Team */
 import { extractStyles } from "../../utils/styles.js";
 import { CONTAINER_STYLES, filterBaseProps, tasty } from "@tenphi/tasty";
 import { forwardRef } from "react";

package/dist/components/layout/Flow.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.178.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.180.0 | Cube Dev Team */
 import { extractStyles } from "../../utils/styles.js";
 import { CONTAINER_STYLES, filterBaseProps, tasty } from "@tenphi/tasty";
 import { forwardRef } from "react";

package/dist/components/layout/Grid.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.178.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.180.0 | Cube Dev Team */
 import { extractStyles } from "../../utils/styles.js";
 import { CONTAINER_STYLES, filterBaseProps, tasty } from "@tenphi/tasty";
 import { forwardRef } from "react";

package/dist/components/layout/Panel.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.178.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.180.0 | Cube Dev Team */
 import { BASE_STYLES, BLOCK_STYLES, COLOR_STYLES, DIMENSION_STYLES, OUTER_STYLES, tasty } from "@tenphi/tasty";
 import { forwardRef, useMemo } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";

package/dist/components/layout/Prefix.js

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

package/dist/components/layout/ResizablePanel.js

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

package/dist/components/layout/Space.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.178.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.180.0 | Cube Dev Team */
 import { extractStyles } from "../../utils/styles.js";
 import { CONTAINER_STYLES, filterBaseProps, tasty } from "@tenphi/tasty";
 import { forwardRef } from "react";

package/dist/components/layout/Suffix.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.178.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.180.0 | Cube Dev Team */
 import { extractStyles } from "../../utils/styles.js";
 import { useCombinedRefs } from "../../utils/react/useCombinedRefs.js";
 import { CONTAINER_STYLES, filterBaseProps, parseStyle, tasty } from "@tenphi/tasty";

package/dist/components/navigation/Pagination/Pagination.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.178.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.180.0 | Cube Dev Team */
 import { extractStyles } from "../../../utils/styles.js";
 import { useEvent } from "../../../_internal/hooks/use-event.js";
 import { useI18n } from "../../../i18n/useI18n.js";

package/dist/components/navigation/Pagination/use-pagination.js

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

package/dist/components/navigation/Tabs/DraggableTabList.js

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

package/dist/components/navigation/Tabs/TabButton.js

@@ -1,12 +1,12 @@
-/** @license MIT | @cube-dev/ui-kit v0.178.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.180.0 | Cube Dev Team */
 import { mergeProps as mergeProps$1 } from "../../../utils/react/mergeProps.js";
 import { useEvent } from "../../../_internal/hooks/use-event.js";
-import { ItemActionProvider } from "../../actions/ItemActionContext.js";
 import { ItemAction } from "../../actions/ItemAction/ItemAction.js";
 import { useI18n } from "../../../i18n/useI18n.js";
 import { InlineInput } from "../../content/InlineInput/InlineInput.js";
 import { _MenuTrigger } from "../../actions/Menu/MenuTrigger.js";
 import { __Menu } from "../../actions/Menu/Menu.js";
+import { ItemActionsWrapper } from "../../actions/ItemActionsWrapper.js";
 import { useContextMenu } from "../../actions/use-context-menu.js";
 import { useBoardDragActive } from "../../layout/Board/board-context.js";
 import { CloseIcon } from "../../../icons/CloseIcon.js";
@@ -17,7 +17,7 @@ import { POPOVER_PLACEMENT_BY_TABS_PLACEMENT } from "./popover-placement.js";
 import { useTabsContext } from "./TabsContext.js";
 import { TabDropIndicator } from "./TabDropIndicator.js";
 import { RADIO_SIZE_MAP } from "./types.js";
-import { Children, cloneElement, isValidElement, useEffect, useLayoutEffect, useMemo, useRef, useState } from "react";
+import { Children, cloneElement, isValidElement, useEffect, useMemo, useRef, useState } from "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 import { useDraggableItem, useFocus, useFocusVisible, useHover, useTab } from "react-aria";
 
@@ -103,10 +103,8 @@ function TabButton({ item, tabData, isLastTab }) {
 	const { state, type, size, placement, autoHideActions: parentAutoHideActions, isEditable: parentIsEditable, menu: parentMenu, menuTriggerProps: parentMenuTriggerProps, menuProps: parentMenuProps, contextMenu: parentContextMenu, onAction: parentOnAction, onDelete, dragState, dropState, editingKey, startEditing, submitEditing, cancelEditing } = useTabsContext();
 	const ref = useRef(null);
 	const containerRef = useRef(null);
-	const actionsRef = useRef(null);
 	const inlineInputRef = useRef(null);
 	const { tabProps } = useTab({ key: item.key }, state, ref);
-	const [actionsWidth, setActionsWidth] = useState(0);
 	const isDraggable = !!dragState && !!dropState;
 	const mockDragState = useMemo(() => createMockDragState(state.collection, state.selectionManager), [state.collection, state.selectionManager]);
 	const dragResult = useDraggableItem({ key: item.key }, dragState ?? mockDragState);
@@ -276,9 +274,6 @@ function TabButton({ item, tabData, isLastTab }) {
 		menuAction,
 		deleteAction
 	] }) : void 0;
-	useLayoutEffect(() => {
-		if (actions && actionsRef.current) setActionsWidth(Math.round(actionsRef.current.offsetWidth));
-	}, [actions]);
 	const effectiveSize = tabData.size ?? size ?? "medium";
 	const itemSize = effectiveType === "radio" ? RADIO_SIZE_MAP[effectiveSize === "large" ? "large" : "medium"] : effectiveSize;
 	const itemType = "clear";
@@ -310,7 +305,6 @@ function TabButton({ item, tabData, isLastTab }) {
 		ref: effectiveContainerRef,
 		"data-size": itemSize,
 		mods: containerMods,
-		tokens: { "$actions-width": `${actionsWidth}px` },
 		...effectiveDragProps,
 		children: [
 			isDraggable && dropState && /* @__PURE__ */ jsx(TabDropIndicator, {
@@ -322,40 +316,42 @@ function TabButton({ item, tabData, isLastTab }) {
 				dropState,
 				position: "before"
 			}),
-			/* @__PURE__ */ jsx(TabElement, {
+			/* @__PURE__ */ jsx(ItemActionsWrapper, {
 				preserveActionsSpace: true,
-				autoHideActions: effectiveAutoHideActions,
-				as: "button",
-				...mergeProps$1(tabProps, hoverProps, focusProps, {
-					onKeyDown: handleKeyDown,
-					onPointerEnter: handleSpringLoadEnter,
-					onPointerLeave: clearSpringLoad
-				}),
-				...ariaProps,
-				...itemStyleProps,
-				ref,
-				qa: qa ?? `Tab-${String(item.key)}`,
-				qaVal,
-				styles,
-				mods,
-				isSelected: isActive,
-				isDisabled,
-				size: itemSize,
+				autoHideActions: effectiveAutoHideActions && !isActive,
 				type: itemType,
-				shape: itemShape,
-				actions: actions ? true : void 0,
-				tooltip: effectiveIsEditable ? false : tabTooltip,
-				children: titleContent
-			}),
-			actions && /* @__PURE__ */ jsx("div", {
-				ref: actionsRef,
-				"data-element": "Actions",
-				...ACTIONS_EVENT_HANDLERS,
-				children: /* @__PURE__ */ jsx(ItemActionProvider, {
-					type: itemType,
-					theme: "default",
+				theme: "default",
+				size: itemSize,
+				isDisabled,
+				mods,
+				actions,
+				actionsProps: ACTIONS_EVENT_HANDLERS,
+				children: ({ showActions }) => /* @__PURE__ */ jsx(TabElement, {
+					insideWrapper: true,
+					preserveActionsSpace: true,
+					showActions,
+					autoHideActions: effectiveAutoHideActions,
+					as: "button",
+					...mergeProps$1(tabProps, hoverProps, focusProps, {
+						onKeyDown: handleKeyDown,
+						onPointerEnter: handleSpringLoadEnter,
+						onPointerLeave: clearSpringLoad
+					}),
+					...ariaProps,
+					...itemStyleProps,
+					ref,
+					qa: qa ?? `Tab-${String(item.key)}`,
+					qaVal,
+					styles,
+					mods,
+					isSelected: isActive,
 					isDisabled,
-					children: actions
+					size: itemSize,
+					type: itemType,
+					shape: itemShape,
+					actions: actions ? true : void 0,
+					tooltip: effectiveIsEditable ? false : tabTooltip,
+					children: titleContent
 				})
 			}),
 			contextMenuEnabled && processedMenu && contextMenu.rendered,