@progress/kendo-vue-form 5.3.0-dev.202410141143 → 5.3.0-develop.2

package/dist/npm/Field.js

@@ -1,167 +0,0 @@
-"use strict";
-
-var __assign = undefined && undefined.__assign || function () {
-  __assign = Object.assign || function (t) {
-    for (var s, i = 1, n = arguments.length; i < n; i++) {
-      s = arguments[i];
-      for (var p in s) {
-        if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
-      }
-    }
-    return t;
-  };
-  return __assign.apply(this, arguments);
-};
-var __rest = undefined && undefined.__rest || function (s, e) {
-  var t = {};
-  for (var p in s) {
-    if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
-  }
-  if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-    if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
-  }
-  return t;
-};
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.FieldVue2 = exports.Field = void 0;
-// @ts-ignore
-var Vue = require("vue");
-var allVue = Vue;
-var gh = allVue.h;
-var isV3 = allVue.version && allVue.version[0] === '3';
-var kendo_vue_common_1 = require("@progress/kendo-vue-common");
-/**
- * @hidden
- */
-var FieldVue2 = {
-  name: 'KendoField',
-  props: {
-    component: [String, Number, Boolean, Object],
-    validator: [Function, Array],
-    name: String,
-    changeOnInput: {
-      type: Boolean,
-      default: true
-    }
-  },
-  created: function created() {
-    if (!this.kendoForm) {
-      return;
-    }
-    var unregisterField = this.kendoForm.registerField(this.$props.name, this.$props.validator);
-    return unregisterField;
-  },
-  inject: {
-    kendoForm: {
-      default: null
-    }
-  },
-  methods: {
-    handleOnChange: function handleOnChange(event) {
-      var newValue = event ? event.value !== undefined ? event.value : event.target ? event.target.value : event.target : event;
-      this.kendoForm.onChange(this.$props.name, {
-        value: newValue
-      });
-      this.$emit('change', event);
-    },
-    handleOnInput: function handleOnInput(event) {
-      var newValue = event ? event.value !== undefined ? event.value : event.target ? event.target.value : event.target : event;
-      if (this.changeOnInput) {
-        this.kendoForm.onChange(this.$props.name, {
-          value: newValue
-        });
-      }
-      this.$emit('input', event);
-    },
-    onNativeComponentChange: function onNativeComponentChange(event) {
-      this.kendoForm.onChange(this.$props.name, {
-        value: event.target.value
-      });
-    },
-    handleOnBlur: function handleOnBlur() {
-      this.kendoForm.onBlur(this.$props.name);
-    },
-    handleOnFocus: function handleOnFocus() {
-      this.kendoForm.onFocus(this.$props.name);
-    }
-  },
-  // @ts-ignore
-  setup: !isV3 ? undefined : function () {
-    var v3 = !!isV3;
-    return {
-      v3: v3
-    };
-  },
-  render: function render(createElement) {
-    var h = gh || createElement;
-    var defaultSlot = (0, kendo_vue_common_1.getDefaultSlots)(this);
-    var _a = this.$props,
-      name = _a.name,
-      component = _a.component,
-      validator = _a.validator,
-      id = _a.id,
-      others = __rest(_a, ["name", "component", "validator", "id"]);
-    if (!this.kendoForm) {
-      return null;
-    }
-    var value = this.kendoForm.values[name];
-    if (typeof component === 'string' && component === ('input' || 'textarea')) {
-      return h(component, __assign(__assign({
-        attrs: this.$attrs
-      }, this.$attrs), {
-        onChange: this.onNativeComponentChange,
-        onBlur: this.handleOnBlur,
-        onFocus: this.handleOnFocus,
-        on: this.v3 ? undefined : {
-          change: this.handleOnChange,
-          blur: this.handleOnBlur,
-          focus: this.handleOnFocus
-        },
-        domProps: this.v3 ? undefined : {
-          value: value ? value : ''
-        },
-        name: name,
-        value: value ? value : ''
-      }));
-    }
-    if (component) {
-      var renderTemplate = kendo_vue_common_1.templateRendering.call(this, component, kendo_vue_common_1.getListeners.call(this));
-      return kendo_vue_common_1.getTemplate.call(this, {
-        h: h,
-        template: renderTemplate,
-        additionalProps: __assign({
-          value: value,
-          // meta
-          validationMessage: this.kendoForm.errors[name],
-          touched: this.kendoForm.touchedByField[name],
-          modified: this.kendoForm.modifiedByField[name],
-          visited: this.kendoForm.visitedByField[name],
-          // Our `valid` implementation requires double submit to show html5 validation errors,
-          // however it's NOT recommended to show html5 validation errors at all as:
-          // - There is no standard way to change validation look and feel with CSS.
-          // - Look different in each browser / OS
-          // - You can have a page in one language but an error message
-          // displayed in another language (not localizable)
-          valid: !(Boolean(this.kendoForm.errors[name]) && this.kendoForm.touchedByField[name]),
-          name: name,
-          id: id
-        }, this.$attrs),
-        additionalListeners: {
-          change: this.handleOnChange,
-          input: this.handleOnInput,
-          blur: this.handleOnBlur,
-          focus: this.handleOnFocus
-        },
-        defaultSlots: defaultSlot
-      });
-    }
-  }
-};
-exports.FieldVue2 = FieldVue2;
-/**
- * @hidden
- */
-var Field = FieldVue2;
-exports.Field = Field;

package/dist/npm/FieldArray.d.ts

@@ -1,50 +0,0 @@
-import { FieldArrayProps } from './interfaces/FieldArrayProps';
-import { DefineComponent, RecordPropsDefinition, ComponentOptions, Vue2type } from './additionalTypes';
-declare type DefaultData<V> = object | ((this: V) => {});
-declare type DefaultMethods<V> = {
-    [key: string]: (this: V, ...args: any[]) => any;
-};
-/**
- * @hidden
- */
-interface FieldArrayState {
-}
-/**
- * @hidden
- */
-interface FieldArrayData {
-}
-/**
- * @hidden
- */
-export interface FieldArrayMethods {
-    [key: string]: any;
-    onUnshift: (event: any) => void;
-    onPush: (event: any) => void;
-    onInsert: (event: any) => void;
-    onPop: () => void;
-    onRemove: (event: any) => void;
-    onReplace: (event: any) => void;
-    onMove: (event: any) => void;
-}
-/**
- * @hidden
- */
-export interface FieldArrayComputed {
-    [key: string]: any;
-    fieldClassName: object;
-}
-/**
- * @hidden
- */
-export interface FieldArrayAll extends FieldArrayMethods, FieldArrayState, FieldArrayData, FieldArrayComputed, Vue2type {
-}
-/**
- * @hidden
- */
-declare const FieldArrayVue2: ComponentOptions<Vue2type, DefaultData<FieldArrayData>, DefaultMethods<FieldArrayAll>, FieldArrayComputed, RecordPropsDefinition<FieldArrayProps>>;
-/**
- * @hidden
- */
-declare const FieldArray: DefineComponent<FieldArrayProps, any, FieldArrayData, FieldArrayComputed, FieldArrayMethods, {}, {}, {}, string, FieldArrayProps, FieldArrayProps, {}>;
-export { FieldArray, FieldArrayVue2 };

package/dist/npm/FieldArray.js

@@ -1,135 +0,0 @@
-"use strict";
-
-var __assign = undefined && undefined.__assign || function () {
-  __assign = Object.assign || function (t) {
-    for (var s, i = 1, n = arguments.length; i < n; i++) {
-      s = arguments[i];
-      for (var p in s) {
-        if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
-      }
-    }
-    return t;
-  };
-  return __assign.apply(this, arguments);
-};
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.FieldArrayVue2 = exports.FieldArray = void 0;
-// @ts-ignore
-var Vue = require("vue");
-var allVue = Vue;
-var gh = allVue.h;
-var isV3 = allVue.version && allVue.version[0] === '3';
-var kendo_vue_common_1 = require("@progress/kendo-vue-common");
-/**
- * @hidden
- */
-var FieldArrayVue2 = {
-  name: 'KendoFieldArray',
-  props: {
-    value: [String, Number, Boolean, Object, Array],
-    component: [String, Number, Boolean, Object],
-    validationMessage: String,
-    touched: Boolean,
-    modified: Boolean,
-    validator: [Function, Array],
-    visited: Boolean,
-    valid: Boolean,
-    name: String,
-    id: String
-  },
-  created: function created() {
-    if (!this.kendoForm) {
-      return;
-    }
-    var unregisterField = this.kendoForm.registerField(this.$props.name, this.$props.validator);
-    return unregisterField;
-  },
-  methods: {
-    onUnshift: function onUnshift(event) {
-      this.kendoForm.onUnshift(this.$props.name, event);
-    },
-    onPush: function onPush(event) {
-      this.kendoForm.onPush(this.$props.name, event);
-    },
-    onInsert: function onInsert(event) {
-      this.kendoForm.onInsert(this.$props.name, event);
-    },
-    onPop: function onPop() {
-      this.kendoForm.onPop(this.$props.name);
-    },
-    onRemove: function onRemove(event) {
-      this.kendoForm.onRemove(this.$props.name, event);
-    },
-    onReplace: function onReplace(event) {
-      this.kendoForm.onReplace(this.$props.name, event);
-    },
-    onMove: function onMove(event) {
-      this.kendoForm.onMove(this.$props.name, event);
-    }
-  },
-  // @ts-ignore
-  setup: !isV3 ? undefined : function () {
-    var v3 = !!isV3;
-    return {
-      v3: v3
-    };
-  },
-  inject: {
-    kendoForm: {
-      default: null
-    }
-  },
-  render: function render(createElement) {
-    var h = gh || createElement;
-    var _a = this.$props,
-      name = _a.name,
-      component = _a.component,
-      id = _a.id;
-    if (!this.kendoForm) {
-      return null;
-    }
-    // TODO: remove this and pass down  getter to allow users optimize when to refresh the data?
-    var value = this.kendoForm.values[name];
-    if (component) {
-      var renderTemplate = component ? kendo_vue_common_1.templateRendering.call(this, component, kendo_vue_common_1.getListeners.call(this)) : null;
-      return kendo_vue_common_1.getTemplate.call(this, {
-        h: h,
-        template: renderTemplate,
-        additionalProps: __assign({
-          value: value,
-          // meta
-          validationMessage: this.kendoForm.errors[name],
-          touched: this.kendoForm.touchedByField[name],
-          modified: this.kendoForm.modifiedByField[name],
-          visited: this.kendoForm.visitedByField[name],
-          // Our `valid` implementation requires double submit to show html5 validation errors,
-          // however it's NOT recommended to show html5 validation errors at all as:
-          // - There is no standard way to change validation look and feel with CSS.
-          // - Look different in each browser / OS
-          // - You can have a page in one language but an error message
-          // displayed in another language (not localizable)
-          valid: !(Boolean(this.kendoForm.errors[name]) && this.kendoForm.touchedByField[name]),
-          name: name,
-          id: id
-        }, this.$attrs),
-        additionalListeners: {
-          unshift: this.onUnshift,
-          push: this.onPush,
-          insert: this.onInsert,
-          pop: this.onPop,
-          remove: this.onRemove,
-          replace: this.onReplace,
-          move: this.onMove
-        }
-      });
-    }
-  }
-};
-exports.FieldArrayVue2 = FieldArrayVue2;
-/**
- * @hidden
- */
-var FieldArray = FieldArrayVue2;
-exports.FieldArray = FieldArray;

package/dist/npm/FieldWrapper.d.ts

@@ -1,61 +0,0 @@
-import { DefineComponent, RecordPropsDefinition, ComponentOptions, Vue2type } from './additionalTypes';
-declare type DefaultData<V> = object | ((this: V) => {});
-declare type DefaultMethods<V> = {
-    [key: string]: (this: V, ...args: any[]) => any;
-};
-/**
- * Represents the props of the Kendo U for Vue FieldWrapper component.
- */
-export interface FieldWrapperProps {
-    /**
-     * If set to `true` enable the horizontal layout of the form editors.
-     */
-    horizontal?: boolean;
-    /**
-     * @hidden
-     */
-    [customProp: string]: any;
-}
-/**
- * Represent the `ref` of the FieldWrapper component.
- */
-export interface FieldWrapperHandle {
-    props: FieldWrapperProps;
-}
-/**
- * @hidden
- */
-interface FieldWrapperState {
-}
-/**
- * @hidden
- */
-interface FieldWrapperData {
-}
-/**
- * @hidden
- */
-export interface FieldWrapperMethods {
-    [key: string]: any;
-}
-/**
- * @hidden
- */
-export interface FieldWrapperComputed {
-    [key: string]: any;
-    fieldClassName: object;
-}
-/**
- * @hidden
- */
-export interface FieldWrapperAll extends FieldWrapperMethods, FieldWrapperState, FieldWrapperData, FieldWrapperComputed, Vue2type {
-}
-/**
- * @hidden
- */
-declare const FieldWrapperVue2: ComponentOptions<Vue2type, DefaultData<FieldWrapperData>, DefaultMethods<FieldWrapperAll>, FieldWrapperComputed, RecordPropsDefinition<FieldWrapperProps>>;
-/**
- * @hidden
- */
-declare let FieldWrapper: DefineComponent<FieldWrapperProps, any, FieldWrapperData, FieldWrapperComputed, FieldWrapperMethods, {}, {}, {}, string, FieldWrapperProps, FieldWrapperProps, {}>;
-export { FieldWrapper, FieldWrapperVue2 };

package/dist/npm/FieldWrapper.js

@@ -1,53 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.FieldWrapperVue2 = exports.FieldWrapper = void 0;
-// @ts-ignore
-var Vue = require("vue");
-var allVue = Vue;
-var gh = allVue.h;
-var isV3 = allVue.version && allVue.version[0] === '3';
-var package_metadata_1 = require("./package-metadata");
-var kendo_vue_common_1 = require("@progress/kendo-vue-common");
-/**
- * @hidden
- */
-var FieldWrapperVue2 = {
-  name: 'KendoFieldWrapper',
-  props: {
-    dir: String
-  },
-  created: function created() {
-    (0, kendo_vue_common_1.validatePackage)(package_metadata_1.packageMetadata);
-  },
-  computed: {
-    fieldClassName: function fieldClassName() {
-      return {
-        'k-form-field': true,
-        'k-rtl': this.$props.dir === 'rtl'
-      };
-    }
-  },
-  // @ts-ignore
-  setup: !isV3 ? undefined : function () {
-    var v3 = !!isV3;
-    return {
-      v3: v3
-    };
-  },
-  render: function render(createElement) {
-    var h = gh || createElement;
-    var defaultSlots = (0, kendo_vue_common_1.getDefaultSlots)(this);
-    return h("div", {
-      "class": this.fieldClassName
-    }, [defaultSlots]);
-  }
-};
-exports.FieldWrapperVue2 = FieldWrapperVue2;
-/**
- * @hidden
- */
-var FieldWrapper = FieldWrapperVue2;
-exports.FieldWrapper = FieldWrapper;

package/dist/npm/Form.d.ts

@@ -1,62 +0,0 @@
-import { FieldValidatorType } from './interfaces/FieldValidator';
-import { FormProps } from './interfaces/FormProps';
-import { KeyValue } from './interfaces/KeyValue';
-import { DefineComponent, RecordPropsDefinition, ComponentOptions, Vue2type } from './additionalTypes';
-declare type DefaultData<V> = object | ((this: V) => {});
-declare type DefaultMethods<V> = {
-    [key: string]: (this: V, ...args: any[]) => any;
-};
-/**
- * @hidden
- */
-interface FormState {
-    _accumulatorTimeout: any;
-}
-/**
- * @hidden
- */
-interface FormData {
-    id: string;
-    touched: KeyValue<boolean>;
-    visited: KeyValue<boolean>;
-    modified: KeyValue<boolean>;
-    validatorsByField: KeyValue<(FieldValidatorType | FieldValidatorType[] | undefined)[]>;
-    values: KeyValue<any>;
-    fields: any;
-    unmounted: any;
-    submitted: any;
-}
-/**
- * @hidden
- */
-export interface FormMethods {
-    [key: string]: any;
-    formErrors: () => KeyValue<string> | undefined;
-    formValid: () => boolean;
-    formModified: () => boolean;
-    formVisited: () => boolean;
-    formHasNotTouched: () => boolean;
-    allowSubmit: () => boolean;
-    errors: () => KeyValue<string>;
-    onDestroy: () => void;
-}
-/**
- * @hidden
- */
-export interface FormComputed {
-    [key: string]: any;
-}
-/**
- * @hidden
- */
-export interface FormAll extends FormMethods, FormState, FormData, FormComputed, Vue2type {
-}
-/**
- * @hidden
- */
-declare const FormVue2: ComponentOptions<Vue2type, DefaultData<FormData>, DefaultMethods<FormAll>, FormComputed, RecordPropsDefinition<FormProps>>;
-/**
- * @hidden
- */
-declare const Form: DefineComponent<FormProps, any, FormData, FormComputed, FormMethods, {}, {}, {}, string, FormProps, FormProps, {}>;
-export { Form, FormVue2 };