xmlui 0.11.4 → 0.11.6

package/dist/scripts/src/components/Form/formActions.js

@@ -1,115 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.FormActionKind = exports.UNBOUND_FIELD_SUFFIX = void 0;
-exports.fieldInitialized = fieldInitialized;
-exports.fieldChanged = fieldChanged;
-exports.fieldFocused = fieldFocused;
-exports.fieldLostFocus = fieldLostFocus;
-exports.fieldValidated = fieldValidated;
-exports.fieldRemoved = fieldRemoved;
-exports.triedToSubmit = triedToSubmit;
-exports.formSubmitting = formSubmitting;
-exports.formSubmitted = formSubmitted;
-exports.formReset = formReset;
-exports.backendValidationArrived = backendValidationArrived;
-exports.UNBOUND_FIELD_SUFFIX = "__UNBOUND_FIELD__";
-var FormActionKind;
-(function (FormActionKind) {
-    FormActionKind["FIELD_LOST_FOCUS"] = "FormActionKind:FIELD_LOST_FOCUS";
-    FormActionKind["FIELD_VALUE_CHANGED"] = "FormActionKind:FIELD_VALUE_CHANGED";
-    FormActionKind["FIELD_FOCUSED"] = "FormActionKind:FIELD_FOCUSED";
-    FormActionKind["FIELD_VALIDATED"] = "FormActionKind:FIELD_VALIDATED";
-    FormActionKind["FIELD_INITIALIZED"] = "FormActionKind:FIELD_INITIALIZED";
-    FormActionKind["FIELD_REMOVED"] = "FormActionKind:FIELD_REMOVED";
-    FormActionKind["TRIED_TO_SUBMIT"] = "FormActionKind:TRIED_TO_SUBMIT";
-    FormActionKind["BACKEND_VALIDATION_ARRIVED"] = "FormActionKind:BACKEND_VALIDATION_ARRIVED";
-    FormActionKind["SUBMITTING"] = "FormActionKind:SUBMITTING";
-    FormActionKind["SUBMITTED"] = "FormActionKind:SUBMITTED";
-    FormActionKind["RESET"] = "FormActionKind:RESET";
-})(FormActionKind || (exports.FormActionKind = FormActionKind = {}));
-function fieldInitialized(uid, value, force = false, noSubmit = false) {
-    return {
-        type: FormActionKind.FIELD_INITIALIZED,
-        payload: {
-            uid,
-            value,
-            force,
-            noSubmit
-        },
-    };
-}
-function fieldChanged(uid, value) {
-    return {
-        type: FormActionKind.FIELD_VALUE_CHANGED,
-        payload: {
-            uid,
-            value
-        },
-    };
-}
-function fieldFocused(uid) {
-    return {
-        type: FormActionKind.FIELD_FOCUSED,
-        payload: {
-            uid,
-        },
-    };
-}
-function fieldLostFocus(uid) {
-    return {
-        type: FormActionKind.FIELD_LOST_FOCUS,
-        payload: {
-            uid,
-        },
-    };
-}
-function fieldValidated(uid, validationResult) {
-    return {
-        type: FormActionKind.FIELD_VALIDATED,
-        payload: {
-            uid,
-            validationResult,
-        },
-    };
-}
-function fieldRemoved(uid) {
-    return {
-        type: FormActionKind.FIELD_REMOVED,
-        payload: {
-            uid,
-        },
-    };
-}
-function triedToSubmit() {
-    return {
-        type: FormActionKind.TRIED_TO_SUBMIT,
-        payload: {},
-    };
-}
-function formSubmitting() {
-    return {
-        type: FormActionKind.SUBMITTING,
-        payload: {},
-    };
-}
-function formSubmitted() {
-    return {
-        type: FormActionKind.SUBMITTED,
-        payload: {},
-    };
-}
-function formReset() {
-    return {
-        type: FormActionKind.RESET,
-        payload: {},
-    };
-}
-function backendValidationArrived({ generalValidationResults = [], fieldValidationResults = {}, }) {
-    return {
-        type: FormActionKind.BACKEND_VALIDATION_ARRIVED,
-        payload: {
-            generalValidationResults,
-            fieldValidationResults,
-        },
-    };
-}

package/dist/scripts/src/components/FormItem/FormItem.js

@@ -1,231 +0,0 @@
-"use strict";
-var __rest = (this && this.__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;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.formItemComponentRenderer = exports.FormItemMd = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const FormItem_module_scss_1 = __importDefault(require("./FormItem.module.scss"));
-const renderers_1 = require("../../components-core/renderers");
-const themeVars_1 = require("../../components-core/theming/themeVars");
-const FormContext_1 = require("../Form/FormContext");
-const metadata_helpers_1 = require("../metadata-helpers");
-const Validations_1 = require("./Validations");
-const FormItemNative_1 = require("./FormItemNative");
-const container_helpers_1 = require("../container-helpers");
-const COMP = "FormItem";
-// NOTE: We need to filter the "none" value out so that it doesn't show up in the docs.
-const filteredValidationSeverityValues = FormContext_1.validationSeverityValues.filter((value) => value !== "none");
-exports.FormItemMd = (0, metadata_helpers_1.createMetadata)({
-    status: "stable",
-    allowArbitraryProps: true,
-    description: "`FormItem` wraps individual input controls within a `Form`, providing data " +
-        "binding, validation, labeling, and layout functionality. It connects form " +
-        "controls to the parent form's data model and handles validation feedback " +
-        "automatically." +
-        "\n\n" +
-        "> **Note:** `FormItem` must be used inside a `Form` component.",
-    props: {
-        bindTo: {
-            description: "This property binds a particular input field to one of the attributes of the \`Form\` data. " +
-                "It names the property of the form's \`data\` data to get the input's initial value." +
-                "When the field is saved, its value will be stored in the \`data\` property with this name. " +
-                "If the property is not set, the input will be bound to an internal data field but not submitted.",
-        },
-        autoFocus: (0, metadata_helpers_1.dAutoFocus)(),
-        label: (0, metadata_helpers_1.dLabel)(),
-        labelPosition: (0, metadata_helpers_1.dLabelPosition)(),
-        labelWidth: (0, metadata_helpers_1.dLabelWidth)(COMP),
-        labelBreak: {
-            description: `This boolean value indicates if the label can be split into multiple lines if it would ` +
-                `overflow the available label width.`,
-            type: "boolean",
-            defaultValue: FormItemNative_1.defaultProps.labelBreak,
-        },
-        enabled: (0, metadata_helpers_1.dEnabled)(),
-        type: {
-            description: `This property is used to determine the specific input control the FormItem will wrap ` +
-                `around. Note that the control names start with a lowercase letter and map to input ` +
-                `components found in XMLUI.`,
-            availableValues: FormContext_1.formControlTypesMd,
-            defaultValue: FormItemNative_1.defaultProps.type,
-            valueType: "string",
-        },
-        customValidationsDebounce: {
-            description: `This optional number prop determines the time interval between two runs of a custom validation.`,
-            type: "number",
-            defaultValue: FormItemNative_1.defaultProps.customValidationsDebounce,
-        },
-        validationMode: {
-            description: `This property sets what kind of validation mode or strategy to employ for a particular ` +
-                `input field.`,
-            availableValues: FormContext_1.validationModeMd,
-            defaultValue: FormContext_1.defaultValidationMode,
-        },
-        initialValue: (0, metadata_helpers_1.dInitialValue)(),
-        required: (0, metadata_helpers_1.dRequired)(),
-        requiredInvalidMessage: {
-            description: "This optional string property is used to customize the message that is displayed if the " +
-                "field is not filled in. If not defined, the default message is used.",
-            valueType: "string",
-        },
-        minLength: {
-            description: "This property sets the minimum length of the input value. If the value is not set, " +
-                "no minimum length check is done.",
-            valueType: "number",
-        },
-        maxLength: {
-            description: "This property sets the maximum length of the input value. If the value is not set, " +
-                "no maximum length check is done.",
-            valueType: "number",
-        },
-        maxTextLength: {
-            description: "The maximum length of the text in the input field. If this value is not set, " +
-                "no maximum length constraint is set for the input field.",
-            valueType: "number",
-        },
-        lengthInvalidMessage: {
-            description: "This optional string property is used to customize the message that is displayed on a failed " +
-                "length check: [minLength](#minlength) or [maxLength](#maxlength).",
-            valueType: "string",
-        },
-        lengthInvalidSeverity: {
-            description: `This property sets the severity level of the length validation.`,
-            valueType: "string",
-            availableValues: filteredValidationSeverityValues,
-            defaultValue: "error",
-        },
-        minValue: {
-            description: "The minimum value of the input. If this value is not specified, no minimum " +
-                "value check is done.",
-            valueType: "number",
-        },
-        maxValue: {
-            description: "The maximum value of the input. If this value is not specified, no maximum " +
-                "value check is done.",
-            valueType: "number",
-        },
-        rangeInvalidMessage: {
-            description: `This optional string property is used to customize the message that is displayed when ` +
-                `a value is out of range.`,
-            valueType: "string",
-        },
-        rangeInvalidSeverity: {
-            description: `This property sets the severity level of the value range validation.`,
-            valueType: "string",
-            availableValues: filteredValidationSeverityValues,
-            defaultValue: "error",
-        },
-        pattern: {
-            description: "This value specifies a predefined regular expression to test the input value. " +
-                "If this value is not set, no pattern check is done.",
-            valueType: "string",
-        },
-        patternInvalidMessage: {
-            description: `This optional string property is used to customize the message that is displayed on a ` +
-                `failed pattern test.`,
-            valueType: "string",
-        },
-        patternInvalidSeverity: {
-            description: `This property sets the severity level of the pattern validation.`,
-            valueType: "string",
-            availableValues: filteredValidationSeverityValues,
-            defaultValue: "error",
-        },
-        regex: {
-            description: "This value specifies a custom regular expression to test the input value. If this value " +
-                "is not set, no regular expression pattern check is done.",
-            valueType: "string",
-        },
-        regexInvalidMessage: {
-            description: `This optional string property is used to customize the message that is displayed on a ` +
-                `failed regular expression test.`,
-            valueType: "string",
-        },
-        regexInvalidSeverity: {
-            description: `This property sets the severity level of regular expression validation.`,
-            valueType: "string",
-            availableValues: filteredValidationSeverityValues,
-            defaultValue: "error",
-        },
-        inputTemplate: (0, metadata_helpers_1.dComponent)("This property is used to define a custom input template."),
-        gap: {
-            description: "This property defines the gap between the adornments and the input area.",
-            valueType: "string",
-            defaultValue: FormItemNative_1.defaultProps.gap,
-        },
-        noSubmit: {
-            description: "When set to `true`, the field will not be included in the form's submitted data. " +
-                "This is useful for fields that should be present in the form but not submitted, " +
-                "similar to hidden fields. If multiple FormItems reference the same `bindTo` value " +
-                "and any of them has `noSubmit` set to `true`, the field will NOT be submitted.",
-            type: "boolean",
-            defaultValue: FormItemNative_1.defaultProps.noSubmit,
-        },
-    },
-    events: {
-        validate: (0, metadata_helpers_1.d)(`This event is used to define a custom validation function.`),
-    },
-    apis: {
-        addItem: {
-            description: "This method adds a new item to the list held by the FormItem. The function has a single " +
-                "parameter, the data to add to the FormItem. The new item is appended to the end of the list.",
-            signature: "addItem(data: any): void",
-            parameters: {
-                data: "The data to add to the FormItem's list.",
-            },
-        },
-        removeItem: {
-            description: "Removes the item specified by its index from the list held by the FormItem. " +
-                "The function has a single argument, the index to remove.",
-            signature: "removeItem(index: number): void",
-            parameters: {
-                index: "The index of the item to remove from the FormItem's list.",
-            },
-        },
-    },
-    contextVars: {
-        $value: (0, metadata_helpers_1.d)("Current value of the FormItem, accessible in expressions and code snippets"),
-        $setValue: (0, metadata_helpers_1.d)("Function to set the FormItem's value programmatically"),
-        $validationResult: (0, metadata_helpers_1.d)("Current validation state and error messages for this field"),
-    },
-    themeVars: (0, themeVars_1.parseScssVar)(FormItem_module_scss_1.default.themeVars),
-    defaultThemeVars: {
-        "textColor-FormItemLabel": "$textColor-primary",
-        "fontSize-FormItemLabel": "$fontSize-sm",
-        "fontWeight-FormItemLabel": "$fontWeight-medium",
-        "fontStyle-FormItemLabel": "normal",
-        "textTransform-FormItemLabel": "none",
-        "textColor-FormItemLabel-requiredMark": "$color-danger-400",
-    },
-});
-exports.formItemComponentRenderer = (0, renderers_1.createComponentRenderer)(COMP, exports.FormItemMd, ({ node, renderChild, extractValue, className, layoutContext, lookupEventHandler, lookupAction, registerComponentApi, }) => {
-    var _a;
-    const _b = node.props, { bindTo, autoFocus, label, labelPosition, labelWidth, labelBreak, enabled, required, type, requiredInvalidMessage, minLength, maxLength, lengthInvalidMessage, lengthInvalidSeverity, minValue, maxValue, rangeInvalidMessage, rangeInvalidSeverity, pattern, patternInvalidMessage, patternInvalidSeverity, regex, regexInvalidMessage, regexInvalidSeverity, customValidationsDebounce, validationMode, maxTextLength, gap, noSubmit } = _b, rest = __rest(_b, ["bindTo", "autoFocus", "label", "labelPosition", "labelWidth", "labelBreak", "enabled", "required", "type", "requiredInvalidMessage", "minLength", "maxLength", "lengthInvalidMessage", "lengthInvalidSeverity", "minValue", "maxValue", "rangeInvalidMessage", "rangeInvalidSeverity", "pattern", "patternInvalidMessage", "patternInvalidSeverity", "regex", "regexInvalidMessage", "regexInvalidSeverity", "customValidationsDebounce", "validationMode", "maxTextLength", "gap", "noSubmit"]);
-    const resolvedRestProps = extractValue(rest);
-    const formItemType = extractValue.asOptionalString(type);
-    const isCustomFormItem = (formItemType === undefined || formItemType === "custom") && !!node.children;
-    const inputTemplate = node.children || ((_a = node.props) === null || _a === void 0 ? void 0 : _a.inputTemplate);
-    return ((0, jsx_runtime_1.jsx)(FormItemNative_1.FormItem
-    // --- validation props
-    , Object.assign({ 
-        // --- validation props
-        required: extractValue.asOptionalBoolean(required), requiredInvalidMessage: extractValue.asOptionalString(requiredInvalidMessage), minLength: extractValue.asOptionalNumber(minLength), maxLength: extractValue.asOptionalNumber(maxLength), lengthInvalidMessage: extractValue.asOptionalString(lengthInvalidMessage), lengthInvalidSeverity: (0, Validations_1.parseSeverity)(extractValue.asOptionalString(lengthInvalidSeverity)), minValue: extractValue.asOptionalNumber(minValue), maxValue: extractValue.asOptionalNumber(maxValue), rangeInvalidMessage: extractValue.asOptionalString(rangeInvalidMessage), rangeInvalidSeverity: (0, Validations_1.parseSeverity)(extractValue.asOptionalString(rangeInvalidSeverity)), pattern: extractValue.asOptionalString(pattern), patternInvalidMessage: extractValue.asOptionalString(patternInvalidMessage), patternInvalidSeverity: (0, Validations_1.parseSeverity)(extractValue.asOptionalString(patternInvalidSeverity)), regex: extractValue.asOptionalString(regex), regexInvalidMessage: extractValue.asOptionalString(regexInvalidMessage), regexInvalidSeverity: (0, Validations_1.parseSeverity)(extractValue.asOptionalString(regexInvalidSeverity)), 
-        //  ----
-        className: className, layoutContext: layoutContext, labelBreak: extractValue.asOptionalBoolean(labelBreak), labelWidth: extractValue.asOptionalString(labelWidth), bindTo: extractValue.asString(bindTo), autoFocus: extractValue.asOptionalBoolean(autoFocus), enabled: extractValue.asOptionalBoolean(enabled), label: extractValue.asOptionalString(label), labelPosition: extractValue.asOptionalString(labelPosition), type: isCustomFormItem ? "custom" : formItemType, onValidate: lookupEventHandler("validate"), customValidationsDebounce: extractValue.asOptionalNumber(customValidationsDebounce), validationMode: extractValue.asOptionalString(validationMode), registerComponentApi: registerComponentApi, maxTextLength: extractValue(maxTextLength), itemIndex: extractValue("{$itemIndex}"), initialValue: extractValue(node.props.initialValue), noSubmit: extractValue.asOptionalBoolean(noSubmit), inputRenderer: inputTemplate
-            ? (contextVars) => ((0, jsx_runtime_1.jsx)(container_helpers_1.MemoizedItem, { contextVars: contextVars, node: inputTemplate, renderChild: renderChild, layoutContext: layoutContext }))
-            : undefined, gap: extractValue.asOptionalString(gap) }, resolvedRestProps, { children: isCustomFormItem ? ((0, jsx_runtime_1.jsx)(FormItemNative_1.CustomFormItem, { renderChild: renderChild, node: node, bindTo: extractValue.asString(bindTo) })) : (renderChild(node.children, {
-            type: formItemType,
-        })) })));
-});