@flightctl/ui-components 0.10.0-rc7 → 1.0.0-rc2

package/dist/src/components/form/ListItemField.js

@@ -0,0 +1,67 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const React = tslib_1.__importStar(require("react"));
+const formik_1 = require("formik");
+const react_core_1 = require("@patternfly/react-core");
+const EditableLabelControl_1 = tslib_1.__importDefault(require("../common/EditableLabelControl"));
+const FieldHelperText_1 = tslib_1.__importStar(require("./FieldHelperText"));
+const useTranslation_1 = require("../../hooks/useTranslation");
+const maxWidthLabel = '18ch';
+const ListItemField = ({ name, helperText, isLoading, addButtonText, resolvedValue, resolvedLabel, }) => {
+    const { t } = (0, useTranslation_1.useTranslation)();
+    const [{ value: items }, meta, { setValue: setItems }] = (0, formik_1.useField)(name);
+    const updateItems = (newItems) => tslib_1.__awaiter(void 0, void 0, void 0, function* () {
+        yield setItems(newItems, true);
+    });
+    const onDelete = (_ev, index) => tslib_1.__awaiter(void 0, void 0, void 0, function* () {
+        if (isLoading) {
+            return;
+        }
+        const newItems = [...items];
+        newItems.splice(index, 1);
+        yield updateItems(newItems);
+    });
+    const onAdd = (text) => tslib_1.__awaiter(void 0, void 0, void 0, function* () {
+        if (!text || !text.trim()) {
+            return;
+        }
+        const trimmedText = text.trim();
+        const newItems = [...items, trimmedText];
+        yield updateItems(newItems);
+    });
+    const onEdit = (index, nextText) => tslib_1.__awaiter(void 0, void 0, void 0, function* () {
+        const trimmedText = nextText.trim();
+        if (!trimmedText) {
+            return;
+        }
+        const newItems = [...items];
+        newItems.splice(index, 1, trimmedText);
+        yield updateItems(newItems);
+    });
+    const getResolvedValue = () => {
+        if (!resolvedValue || items.length === 0) {
+            return null;
+        }
+        if (typeof resolvedValue === 'function') {
+            return resolvedValue(items);
+        }
+        return resolvedValue;
+    };
+    const displayedResolvedValue = getResolvedValue();
+    return (React.createElement(React.Fragment, null,
+        React.createElement(FieldHelperText_1.DefaultHelperText, { helperText: helperText }),
+        React.createElement(react_core_1.LabelGroup, { numLabels: 5, isEditable: !isLoading, addLabelControl: React.createElement(EditableLabelControl_1.default, { defaultLabel: "", addButtonText: addButtonText || t('Add item'), onAddLabel: onAdd, isEditable: !isLoading }) }, items.map((item, index) => {
+            const elKey = `${item}__${index}`;
+            const closeButtonProps = isLoading ? { isDisabled: true } : undefined;
+            const isItemEditable = !isLoading;
+            return (React.createElement(react_core_1.Label, { key: elKey, textMaxWidth: maxWidthLabel, closeBtnProps: closeButtonProps, onClose: (e) => onDelete(e, index), onEditCancel: (_, prevText) => onEdit(index, prevText), onEditComplete: (_, newText) => onEdit(index, newText), title: isItemEditable ? item : undefined, isEditable: isItemEditable }, item));
+        })),
+        displayedResolvedValue && (React.createElement(react_core_1.Text, { component: react_core_1.TextVariants.small, style: { marginTop: '0.5rem', color: 'var(--pf-v5-global--Color--200)' } },
+            resolvedLabel || t('Resolved'),
+            ": ",
+            React.createElement("strong", null, displayedResolvedValue))),
+        React.createElement(FieldHelperText_1.default, { meta: meta, touchRequired: false })));
+};
+exports.default = ListItemField;
+//# sourceMappingURL=ListItemField.js.map

package/dist/src/components/form/ListItemField.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ListItemField.js","sourceRoot":"","sources":["../../../../src/components/form/ListItemField.tsx"],"names":[],"mappings":"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"}

package/dist/src/components/form/NameField.d.ts

@@ -5,6 +5,6 @@ type NameFieldProps = TextFieldProps & {
     resourceType: string;
     validations: RichValidationTextFieldProps['validations'];
 };
-declare const NameFieldWrapper: ({ name, isDisabled, validations, resourceType, ...rest }: NameFieldProps) => React.JSX.Element;
+declare const NameFieldWrapper: ({ name, isDisabled, validations, resourceType, helperText, ...rest }: NameFieldProps) => React.JSX.Element;
 export default NameFieldWrapper;
 //# sourceMappingURL=NameField.d.ts.map

package/dist/src/components/form/NameField.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"NameField.d.ts","sourceRoot":"","sources":["../../../../src/components/form/NameField.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B,OAAgC,EAAE,4BAA4B,EAAE,MAAM,2BAA2B,CAAC;AAClG,OAAO,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAE7C,KAAK,cAAc,GAAG,cAAc,GAAG;IACrC,YAAY,EAAE,MAAM,CAAC;IACrB,WAAW,EAAE,4BAA4B,CAAC,aAAa,CAAC,CAAC;CAC1D,CAAC;AA4DF,QAAA,MAAM,gBAAgB,6DAA8D,cAAc,sBAWjG,CAAC;AAEF,eAAe,gBAAgB,CAAC"}
+{"version":3,"file":"NameField.d.ts","sourceRoot":"","sources":["../../../../src/components/form/NameField.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B,OAAgC,EAAE,4BAA4B,EAAE,MAAM,2BAA2B,CAAC;AAClG,OAAO,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAG7C,KAAK,cAAc,GAAG,cAAc,GAAG;IACrC,YAAY,EAAE,MAAM,CAAC;IACrB,WAAW,EAAE,4BAA4B,CAAC,aAAa,CAAC,CAAC;CAC1D,CAAC;AA4DF,QAAA,MAAM,gBAAgB,yEAA0E,cAAc,sBAY7G,CAAC;AAEF,eAAe,gBAAgB,CAAC"}

package/dist/src/components/form/NameField.js

@@ -8,6 +8,7 @@ const react_core_1 = require("@patternfly/react-core");
 const useFetch_1 = require("../../hooks/useFetch");
 const useTranslation_1 = require("../../hooks/useTranslation");
 const RichValidationTextField_1 = tslib_1.__importDefault(require("./RichValidationTextField"));
+const FieldHelperText_1 = require("./FieldHelperText");
 const NameField = (_a) => {
     var { name, validations, resourceType } = _a, rest = tslib_1.__rest(_a, ["name", "validations", "resourceType"]);
     const { t } = (0, useTranslation_1.useTranslation)();
@@ -61,11 +62,12 @@ const NameField = (_a) => {
     return React.createElement(RichValidationTextField_1.default, Object.assign({ fieldName: name, validations: allValidations }, rest));
 };
 const NameFieldWrapper = (_a) => {
-    var { name, isDisabled, validations, resourceType } = _a, rest = tslib_1.__rest(_a, ["name", "isDisabled", "validations", "resourceType"]);
+    var { name, isDisabled, validations, resourceType, helperText } = _a, rest = tslib_1.__rest(_a, ["name", "isDisabled", "validations", "resourceType", "helperText"]);
     const [{ value }] = (0, formik_1.useField)(name);
     if (isDisabled) {
         return (React.createElement(react_core_1.FormGroup, { label: rest === null || rest === void 0 ? void 0 : rest['aria-label'], isRequired: rest.isRequired },
-            React.createElement(react_core_1.TextInput, Object.assign({ value: value }, rest, { isDisabled: true }))));
+            React.createElement(react_core_1.TextInput, Object.assign({ value: value }, rest, { isDisabled: true })),
+            helperText && React.createElement(FieldHelperText_1.DefaultHelperText, { helperText: helperText })));
     }
     return React.createElement(NameField, Object.assign({ name: name, validations: validations, resourceType: resourceType }, rest));
 };

package/dist/src/components/form/NameField.js.map

@@ -1 +1 @@
-{"version":3,"file":"NameField.js","sourceRoot":"","sources":["../../../../src/components/form/NameField.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"NameField.js","sourceRoot":"","sources":["../../../../src/components/form/NameField.tsx"],"names":[],"mappings":"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"}

package/dist/src/components/form/SwitchField.d.ts

@@ -2,8 +2,9 @@ import * as React from 'react';
 import { SwitchProps } from '@patternfly/react-core';
 export interface SwitchFieldProps extends Omit<SwitchProps, 'onChange' | 'ref' | 'checked' | 'id'> {
     name: string;
+    labelIcon?: React.ReactElement;
     helperText?: React.ReactNode;
 }
-declare const SwitchField: ({ helperText, name, ...props }: SwitchFieldProps) => React.JSX.Element;
+declare const SwitchField: ({ label, labelIcon, helperText, name, ...props }: SwitchFieldProps) => React.JSX.Element;
 export default SwitchField;
 //# sourceMappingURL=SwitchField.d.ts.map

package/dist/src/components/form/SwitchField.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SwitchField.d.ts","sourceRoot":"","sources":["../../../../src/components/form/SwitchField.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAqB,WAAW,EAAE,MAAM,wBAAwB,CAAC;AAGxE,MAAM,WAAW,gBAAiB,SAAQ,IAAI,CAAC,WAAW,EAAE,UAAU,GAAG,KAAK,GAAG,SAAS,GAAG,IAAI,CAAC;IAChG,IAAI,EAAE,MAAM,CAAC;IACb,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC9B;AAED,QAAA,MAAM,WAAW,mCAAoC,gBAAgB,sBAmBpE,CAAC;AAEF,eAAe,WAAW,CAAC"}
+{"version":3,"file":"SwitchField.d.ts","sourceRoot":"","sources":["../../../../src/components/form/SwitchField.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAqB,WAAW,EAAE,MAAM,wBAAwB,CAAC;AAGxE,MAAM,WAAW,gBAAiB,SAAQ,IAAI,CAAC,WAAW,EAAE,UAAU,GAAG,KAAK,GAAG,SAAS,GAAG,IAAI,CAAC;IAChG,IAAI,EAAE,MAAM,CAAC;IACb,SAAS,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC;IAC/B,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC9B;AAED,QAAA,MAAM,WAAW,qDAAsD,gBAAgB,sBAmBtF,CAAC;AAEF,eAAe,WAAW,CAAC"}

package/dist/src/components/form/SwitchField.js

@@ -6,7 +6,7 @@ const formik_1 = require("formik");
 const react_core_1 = require("@patternfly/react-core");
 const FieldHelperText_1 = tslib_1.__importStar(require("./FieldHelperText"));
 const SwitchField = (_a) => {
-    var { helperText, name } = _a, props = tslib_1.__rest(_a, ["helperText", "name"]);
+    var { label, labelIcon, helperText, name } = _a, props = tslib_1.__rest(_a, ["label", "labelIcon", "helperText", "name"]);
     const [field, meta, { setValue, setTouched }] = (0, formik_1.useField)({
         name,
     });
@@ -15,7 +15,7 @@ const SwitchField = (_a) => {
         yield setTouched(true);
     });
     const fieldId = `switchfield-${name}`;
-    return (React.createElement(react_core_1.FormGroup, { id: `form-control__${fieldId}`, fieldId: fieldId },
+    return (React.createElement(react_core_1.FormGroup, { id: `form-control__${fieldId}`, fieldId: fieldId, label: label, labelIcon: labelIcon },
         React.createElement(react_core_1.Switch, Object.assign({}, field, props, { id: fieldId, onChange: onChange, isChecked: !!field.value })),
         React.createElement(FieldHelperText_1.DefaultHelperText, { helperText: helperText }),
         React.createElement(FieldHelperText_1.default, { meta: meta })));

package/dist/src/components/form/SwitchField.js.map

@@ -1 +1 @@
-{"version":3,"file":"SwitchField.js","sourceRoot":"","sources":["../../../../src/components/form/SwitchField.tsx"],"names":[],"mappings":";;;AAAA,qDAA+B;AAC/B,mCAAkC;AAClC,uDAAwE;AACxE,6EAAuE;AAOvE,MAAM,WAAW,GAAG,CAAC,EAAgD,EAAE,EAAE;QAApD,EAAE,UAAU,EAAE,IAAI,OAA8B,EAAzB,KAAK,sBAA5B,sBAA8B,CAAF;IAC/C,MAAM,CAAC,KAAK,EAAE,IAAI,EAAE,EAAE,QAAQ,EAAE,UAAU,EAAE,CAAC,GAAG,IAAA,iBAAQ,EAAC;QACvD,IAAI;KACL,CAAC,CAAC;IAEH,MAAM,QAAQ,GAA4B,CAAO,CAAC,EAAE,OAAO,EAAE,EAAE;QAC7D,MAAM,QAAQ,CAAC,OAAO,CAAC,CAAC;QACxB,MAAM,UAAU,CAAC,IAAI,CAAC,CAAC;IACzB,CAAC,CAAA,CAAC;IAEF,MAAM,OAAO,GAAG,eAAe,IAAI,EAAE,CAAC;IAEtC,OAAO,CACL,oBAAC,sBAAS,IAAC,EAAE,EAAE,iBAAiB,OAAO,EAAE,EAAE,OAAO,EAAE,OAAO;QACzD,oBAAC,mBAAM,oBAAK,KAAK,EAAM,KAAK,IAAE,EAAE,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,SAAS,EAAE,CAAC,CAAC,KAAK,CAAC,KAAK,IAAI;QAC3F,oBAAC,mCAAiB,IAAC,UAAU,EAAE,UAAU,GAAI;QAC7C,oBAAC,yBAAe,IAAC,IAAI,EAAE,IAAI,GAAI,CACrB,CACb,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,WAAW,CAAC"}
+{"version":3,"file":"SwitchField.js","sourceRoot":"","sources":["../../../../src/components/form/SwitchField.tsx"],"names":[],"mappings":";;;AAAA,qDAA+B;AAC/B,mCAAkC;AAClC,uDAAwE;AACxE,6EAAuE;AAQvE,MAAM,WAAW,GAAG,CAAC,EAAkE,EAAE,EAAE;QAAtE,EAAE,KAAK,EAAE,SAAS,EAAE,UAAU,EAAE,IAAI,OAA8B,EAAzB,KAAK,sBAA9C,4CAAgD,CAAF;IACjE,MAAM,CAAC,KAAK,EAAE,IAAI,EAAE,EAAE,QAAQ,EAAE,UAAU,EAAE,CAAC,GAAG,IAAA,iBAAQ,EAAC;QACvD,IAAI;KACL,CAAC,CAAC;IAEH,MAAM,QAAQ,GAA4B,CAAO,CAAC,EAAE,OAAO,EAAE,EAAE;QAC7D,MAAM,QAAQ,CAAC,OAAO,CAAC,CAAC;QACxB,MAAM,UAAU,CAAC,IAAI,CAAC,CAAC;IACzB,CAAC,CAAA,CAAC;IAEF,MAAM,OAAO,GAAG,eAAe,IAAI,EAAE,CAAC;IAEtC,OAAO,CACL,oBAAC,sBAAS,IAAC,EAAE,EAAE,iBAAiB,OAAO,EAAE,EAAE,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,SAAS;QAC7F,oBAAC,mBAAM,oBAAK,KAAK,EAAM,KAAK,IAAE,EAAE,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,SAAS,EAAE,CAAC,CAAC,KAAK,CAAC,KAAK,IAAI;QAC3F,oBAAC,mCAAiB,IAAC,UAAU,EAAE,UAAU,GAAI;QAC7C,oBAAC,yBAAe,IAAC,IAAI,EAAE,IAAI,GAAI,CACrB,CACb,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,WAAW,CAAC"}

package/dist/src/components/form/validations.d.ts

@@ -1,7 +1,8 @@
 import * as Yup from 'yup';
 import { TFunction } from 'i18next';
+import { AppType, ImagePullPolicy } from '@flightctl/types';
 import { FlightCtlLabel } from '../../types/extraTypes';
-import { AppSpecType, BatchLimitType } from '../../types/deviceSpec';
+import { AppSpecType, BatchLimitType, PortMapping } from '../../types/deviceSpec';
 import { UpdateScheduleMode } from '../../utils/time';
 export declare const MAX_TARGET_REVISION_LENGTH = 244;
 export declare const getLabelValueValidations: (t: TFunction) => {
@@ -23,6 +24,7 @@ export declare const validKubernetesLabelValue: (t: TFunction, { isRequired, fie
     isRequired: boolean;
     fieldName?: string | undefined;
 }) => Yup.StringSchema<string | undefined, Yup.AnyObject, undefined, "">;
+export declare const validApplicationAndVolumeName: (t: TFunction) => Yup.StringSchema<string | undefined, Yup.AnyObject, undefined, "">;
 export declare const maxLengthString: (t: TFunction, props: {
     maxLength: number;
     fieldName: string;
@@ -35,21 +37,79 @@ export declare const validLabelsSchema: (t: TFunction, forbiddenLabels?: string[
     key: string;
 }[], Yup.AnyObject, "", "">;
 export declare const validGroupLabelKeysSchema: (t: TFunction) => Yup.ArraySchema<string[] | undefined, Yup.AnyObject, "", "">;
+export declare const validatePortNumber: (port: string, t: TFunction) => string | undefined;
+export declare const isValidPortNumber: (port: string) => boolean;
+export declare const isDuplicatePortMapping: (hostPort: string, containerPort: string, existingPorts?: PortMapping[]) => boolean;
+export declare const isValidPortMapping: (hostPort: string, containerPort: string, existingPorts?: PortMapping[]) => boolean;
+export declare const validateCPULimit: (cpu: string | undefined) => boolean;
+export declare const validateMemoryLimit: (memory: string | undefined) => boolean;
 export declare const validApplicationsSchema: (t: TFunction) => Yup.ArraySchema<({
+    ports?: {
+        hostPort: string;
+        containerPort: string;
+    }[] | undefined;
+    volumes?: {
+        imageRef?: string | undefined;
+        imagePullPolicy?: string | undefined;
+        mountPath?: string | undefined;
+        name: string;
+    }[] | undefined;
+    image: string;
+    name: string;
+    specType: AppSpecType.OCI_IMAGE;
+    appType: AppType.AppTypeContainer;
+    limits: {
+        cpu?: string | undefined;
+        memory?: string | undefined;
+    };
+    variables: {
+        value: string;
+        name: string;
+    }[];
+} | {
+    name?: string | undefined;
+    volumes?: {
+        name: string;
+        imageRef: string;
+        imagePullPolicy: NonNullable<ImagePullPolicy | undefined>;
+    }[] | undefined;
+    image: string;
+    specType: AppSpecType.OCI_IMAGE;
+    appType: NonNullable<AppType.AppTypeCompose | AppType.AppTypeQuadlet | undefined>;
+    variables: {
+        value: string;
+        name: string;
+    }[];
+} | {
+    volumes?: {
+        name: string;
+        imageRef: string;
+        imagePullPolicy: NonNullable<ImagePullPolicy | undefined>;
+    }[] | undefined;
     name: string;
     files: {
         content?: string | undefined;
         path: string;
     }[];
     specType: NonNullable<AppSpecType | undefined>;
+    appType: AppType.AppTypeQuadlet;
     variables: {
         value: string;
         name: string;
     }[];
 } | {
-    name?: string | undefined;
-    image: string;
+    volumes?: {
+        name: string;
+        imageRef: string;
+        imagePullPolicy: NonNullable<ImagePullPolicy | undefined>;
+    }[] | undefined;
+    name: string;
+    files: {
+        content?: string | undefined;
+        path: string;
+    }[];
     specType: NonNullable<AppSpecType | undefined>;
+    appType: AppType.AppTypeCompose;
     variables: {
         value: string;
         name: string;
@@ -125,9 +185,9 @@ export declare const validConfigTemplatesSchema: (t: TFunction) => Yup.ArraySche
 } | {
     name?: string | undefined;
     type: string;
+    mountPath: string;
     secretName: string;
     secretNs: string;
-    mountPath: string;
 } | {
     name?: string | undefined;
     type: string;

package/dist/src/components/form/validations.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"validations.d.ts","sourceRoot":"","sources":["../../../../src/components/form/validations.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,GAAG,MAAM,KAAK,CAAC;AAC3B,OAAO,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAGpC,OAAO,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AACxD,OAAO,EAEL,WAAW,EAEX,cAAc,EAkBf,MAAM,wBAAwB,CAAC;AAEhC,OAAO,EAAE,kBAAkB,EAAE,MAAM,kBAAkB,CAAC;AAgCtD,eAAO,MAAM,0BAA0B,MAAM,CAAC;AAK9C,eAAO,MAAM,wBAAwB,MAAO,SAAS;;;GAUpD,CAAC;AAEF,eAAO,MAAM,0BAA0B,MAAO,SAAS;;;GAUtD,CAAC;AAEF,eAAO,MAAM,+BAA+B,UAAW,MAAM,2BAY5D,CAAC;AAEF,eAAO,MAAM,kBAAkB,WAAY,cAAc,EAAE,YAG1D,CAAC;AAEF,eAAO,MAAM,0BAA0B,WAAY,cAAc,EAAE,qBAuClE,CAAC;AAEF,eAAO,MAAM,2BAA2B,MACnC,SAAS;gBAC6B,OAAO;;wEAahC,CAAC;AAwBnB,eAAO,MAAM,yBAAyB,MACjC,SAAS;gBAC6B,OAAO;;wEAMmB,CAAC;AAEtE,eAAO,MAAM,eAAe,MAAO,SAAS,SAAS;IAAE,SAAS,EAAE,MAAM,CAAC;IAAC,SAAS,EAAE,MAAM,CAAA;CAAE,uEACc,CAAC;AAE5G,eAAO,MAAM,YAAY,MAAO,SAAS;aAA0B,OAAO;wEA2BvE,CAAC;AAEJ,eAAO,MAAM,iBAAiB,MAAO,SAAS,oBAAoB,MAAM,EAAE;;;2BAwCpE,CAAC;AAEP,eAAO,MAAM,yBAAyB,MAAO,SAAS,iEAYhD,CAAC;AAsBP,eAAO,MAAM,uBAAuB,MAAO,SAAS;;;;;;;;;;;;;;;;;;;wCA2GnD,CAAC;AAEF,eAAO,MAAM,6BAA6B,MAAO,SAAS;;;;;;;;;;;;;;;;MA6DzD,CAAC;AAoDF,eAAO,MAAM,uBAAuB,MAAO,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;MAgBnD,CAAC;AAEF,eAAO,MAAM,gCAAgC,MAAO,SAAS;;;;;;;;;;MAc5D,CAAC;AAEF,eAAO,MAAM,0BAA0B,MAAO,SAAS;;;;;;;;;;;;;;;;;;;;;wCA8ElD,CAAC;AAEN,eAAO,MAAM,+BAA+B,MAAO,SAAS;;;uCAoCvD,CAAC;AAEN,eAAO,MAAM,kCAAkC,MAAO,SAAS;;;;;;;MAG3D,CAAC;AAGL,eAAO,MAAM,8BAA8B,MAAO,SAAS,QAAQ;IAAE,cAAc,EAAE,OAAO,CAAA;CAAE;;;;;;;;;MAS1F,CAAC;AAEL,eAAO,MAAM,gCAAgC,MAAO,SAAS;;;;;;;;MAYzD,CAAC"}
+{"version":3,"file":"validations.d.ts","sourceRoot":"","sources":["../../../../src/components/form/validations.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,GAAG,MAAM,KAAK,CAAC;AAC3B,OAAO,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAGpC,OAAO,EAAE,OAAO,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAC;AAC5D,OAAO,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AACxD,OAAO,EAEL,WAAW,EAEX,cAAc,EAQd,WAAW,EAgBZ,MAAM,wBAAwB,CAAC;AAEhC,OAAO,EAAE,kBAAkB,EAAE,MAAM,kBAAkB,CAAC;AAgCtD,eAAO,MAAM,0BAA0B,MAAM,CAAC;AAuB9C,eAAO,MAAM,wBAAwB,MAAO,SAAS;;;GAUpD,CAAC;AAEF,eAAO,MAAM,0BAA0B,MAAO,SAAS;;;GAUtD,CAAC;AAEF,eAAO,MAAM,+BAA+B,UAAW,MAAM,2BAY5D,CAAC;AAEF,eAAO,MAAM,kBAAkB,WAAY,cAAc,EAAE,YAG1D,CAAC;AAEF,eAAO,MAAM,0BAA0B,WAAY,cAAc,EAAE,qBAuClE,CAAC;AAEF,eAAO,MAAM,2BAA2B,MACnC,SAAS;gBAC6B,OAAO;;wEAahC,CAAC;AAwBnB,eAAO,MAAM,yBAAyB,MACjC,SAAS;gBAC6B,OAAO;;wEAMmB,CAAC;AAEtE,eAAO,MAAM,6BAA6B,MAAO,SAAS,uEAIvD,CAAC;AAEJ,eAAO,MAAM,eAAe,MAAO,SAAS,SAAS;IAAE,SAAS,EAAE,MAAM,CAAC;IAAC,SAAS,EAAE,MAAM,CAAA;CAAE,uEACc,CAAC;AAE5G,eAAO,MAAM,YAAY,MAAO,SAAS;aAA0B,OAAO;wEA2BvE,CAAC;AAEJ,eAAO,MAAM,iBAAiB,MAAO,SAAS,oBAAoB,MAAM,EAAE;;;2BAwCpE,CAAC;AAEP,eAAO,MAAM,yBAAyB,MAAO,SAAS,iEAYhD,CAAC;AA6NP,eAAO,MAAM,kBAAkB,SAAU,MAAM,KAAK,SAAS,KAAG,MAAM,GAAG,SAgBxE,CAAC;AAEF,eAAO,MAAM,iBAAiB,SAAU,MAAM,KAAG,OAIhD,CAAC;AAEF,eAAO,MAAM,sBAAsB,aACvB,MAAM,iBACD,MAAM,kBACN,WAAW,EAAE,KAC3B,OAKF,CAAC;AAEF,eAAO,MAAM,kBAAkB,aACnB,MAAM,iBACD,MAAM,kBACN,WAAW,EAAE,KAC3B,OAKF,CAAC;AAEF,eAAO,MAAM,gBAAgB,QAAS,MAAM,GAAG,SAAS,KAAG,OAa1D,CAAC;AAEF,eAAO,MAAM,mBAAmB,WAAY,MAAM,GAAG,SAAS,KAAG,OAYhE,CAAC;AA8CF,eAAO,MAAM,uBAAuB,MAAO,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wCA2HnD,CAAC;AAEF,eAAO,MAAM,6BAA6B,MAAO,SAAS;;;;;;;;;;;;;;;;MA6DzD,CAAC;AAoDF,eAAO,MAAM,uBAAuB,MAAO,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;MAgBnD,CAAC;AAEF,eAAO,MAAM,gCAAgC,MAAO,SAAS;;;;;;;;;;MAc5D,CAAC;AAEF,eAAO,MAAM,0BAA0B,MAAO,SAAS;;;;;;;;;;;;;;;;;;;;;wCA8ElD,CAAC;AAEN,eAAO,MAAM,+BAA+B,MAAO,SAAS;;;uCAoCvD,CAAC;AAEN,eAAO,MAAM,kCAAkC,MAAO,SAAS;;;;;;;MAG3D,CAAC;AAGL,eAAO,MAAM,8BAA8B,MAAO,SAAS,QAAQ;IAAE,cAAc,EAAE,OAAO,CAAA;CAAE;;;;;;;;;MAS1F,CAAC;AAEL,eAAO,MAAM,gCAAgC,MAAO,SAAS;;;;;;;;MAYzD,CAAC"}