@vulcanjs/react-ui 0.6.9-alpha.1 → 0.6.9-alpha.2

package/dist/components/form/elements/FormElement.d.ts

@@ -0,0 +1,4 @@
+import React, { HTMLAttributes } from "react";
+export declare type FormElementProps = HTMLAttributes<HTMLFormElement>;
+export declare const FormElement: React.ForwardRefExoticComponent<React.RefAttributes<HTMLFormElement>>;
+//# sourceMappingURL=FormElement.d.ts.map

package/dist/components/form/elements/FormError.d.ts

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+export declare const FormError: {
+    ({ error, errorContext }: {
+        error: any;
+        errorContext: any;
+    }): JSX.Element;
+    defaultProps: {
+        errorContext: string;
+    };
+};
+//# sourceMappingURL=FormError.d.ts.map

package/dist/components/form/elements/FormErrors.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+export declare const FormErrors: () => JSX.Element;
+//# sourceMappingURL=FormErrors.d.ts.map

package/dist/components/form/elements/FormLayout.d.ts

@@ -0,0 +1,10 @@
+import React from "react";
+export interface FormLayoutProps {
+    commonProps: any;
+    formProps: any;
+    submitProps: any;
+    repeatErrors?: boolean;
+}
+export declare const FormLayout: React.FC<FormLayoutProps>;
+export declare const formComponentsDependencies: string[];
+//# sourceMappingURL=FormLayout.d.ts.map

package/dist/components/form/elements/FormSubmit.d.ts

@@ -0,0 +1,38 @@
+/// <reference types="react" />
+import PropTypes from "prop-types";
+export interface FormSubmitProps {
+    submitLabel: any;
+    cancelLabel: any;
+    cancelCallback: any;
+    revertLabel: any;
+    revertCallback: any;
+    document: any;
+    deleteDocument: any;
+    model: any;
+    currentUser: any;
+}
+export declare const FormSubmit: {
+    ({ submitLabel, cancelLabel, cancelCallback, revertLabel, revertCallback, document, deleteDocument, model, currentUser, }: {
+        submitLabel: any;
+        cancelLabel: any;
+        cancelCallback: any;
+        revertLabel: any;
+        revertCallback: any;
+        document: any;
+        deleteDocument: any;
+        model: any;
+        currentUser: any;
+    }): JSX.Element;
+    propTypes: {
+        submitLabel: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        cancelLabel: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        cancelCallback: PropTypes.Requireable<(...args: any[]) => any>;
+        revertLabel: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        revertCallback: PropTypes.Requireable<(...args: any[]) => any>;
+        document: PropTypes.Requireable<object>;
+        deleteDocument: PropTypes.Requireable<(...args: any[]) => any>;
+        collectionName: PropTypes.Requireable<string>;
+        classes: PropTypes.Requireable<object>;
+    };
+};
+//# sourceMappingURL=FormSubmit.d.ts.map

package/dist/components/form/elements/index.d.ts

@@ -0,0 +1,7 @@
+export * from "./FieldErrors";
+export * from "./FormError";
+export * from "./FormErrors";
+export * from "./FormSubmit";
+export * from "./FormLayout";
+export * from "./FormElement";
+//# sourceMappingURL=index.d.ts.map

package/dist/components/form/inputs/AutocompleteMultiple.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+import type { FormInputProps } from "../core/FormComponentInner";
+export interface AutocompleteMultipleProps extends FormInputProps {
+}
+export declare const AutocompleteMultiple: (props: AutocompleteMultipleProps) => JSX.Element;
+//# sourceMappingURL=AutocompleteMultiple.d.ts.map

package/dist/components/form/inputs/BasicInputs.d.ts

@@ -0,0 +1,16 @@
+/// <reference types="react" />
+import { FormInputProps, FormTextAreaProps } from "../core/FormComponentInner";
+export declare const FormComponentDefault: (props: FormInputProps) => JSX.Element;
+export declare const FormComponentPassword: (props: FormInputProps) => JSX.Element;
+export declare const FormComponentNumber: (props: FormInputProps) => JSX.Element;
+export declare const FormComponentUrl: (props: FormInputProps) => JSX.Element;
+export declare const FormComponentEmail: (props: FormInputProps) => JSX.Element;
+export declare const FormComponentCheckbox: (props: FormInputProps) => JSX.Element;
+export declare const FormComponentDate: (props: any) => JSX.Element;
+export declare const FormComponentDateTime: (props: any) => JSX.Element;
+export declare const FormComponentTime: (props: any) => JSX.Element;
+export declare const FormComponentStaticText: (props: FormInputProps) => JSX.Element;
+export declare const FormComponentLikert: (props: any) => string;
+export declare const FormComponentAutocomplete: (props: any) => string;
+export declare const FormComponentTextarea: (props: FormTextAreaProps) => JSX.Element;
+//# sourceMappingURL=BasicInputs.d.ts.map

package/dist/components/form/inputs/Checkboxgroup.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import { FormInputProps } from "../core/FormComponentInner";
+export declare const otherMarker = "[other]";
+export declare const isOtherValue: (s: any) => any;
+export declare const removeOtherMarker: (s: any) => any;
+export declare const addOtherMarker: (s: any) => string;
+export declare const removeOtherValue: (a: any) => any;
+export declare const FormComponentCheckboxGroup: (props: FormInputProps) => JSX.Element;
+//# sourceMappingURL=Checkboxgroup.d.ts.map

package/dist/components/form/inputs/FormItem.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { FormInputProps } from "../core/FormComponentInner";
+export declare const FormItem: (props: FormInputProps["itemProperties"] & Pick<FormInputProps["inputProperties"], "label" | "name">) => JSX.Element;
+//# sourceMappingURL=FormItem.d.ts.map

package/dist/components/form/inputs/FormOptionLabel.d.ts

@@ -0,0 +1,7 @@
+import React from "react";
+import type { FormOption } from "../core/FormComponent";
+export interface FormOptionLabelProps extends React.HTMLProps<HTMLLabelElement> {
+    option: FormOption;
+}
+export declare const FormOptionLabel: ({ option, name }: FormOptionLabelProps) => JSX.Element;
+//# sourceMappingURL=FormOptionLabel.d.ts.map

package/dist/components/form/inputs/RadioGroup.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { FormInputProps } from "../core/FormComponentInner";
+export declare const FormComponentRadioGroup: (props: FormInputProps) => JSX.Element;
+//# sourceMappingURL=RadioGroup.d.ts.map

package/dist/components/form/inputs/SelectInputs.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import type { FormInputProps } from "../core/FormComponentInner";
+export declare const FormComponentSelect: (props: FormInputProps<HTMLSelectElement>) => JSX.Element;
+export declare const FormComponentSelectMultiple: (props: any) => JSX.Element;
+//# sourceMappingURL=SelectInputs.d.ts.map

package/dist/components/form/inputs/consts.d.ts

@@ -0,0 +1,9 @@
+import type { VulcanFieldType, VulcanCoreInput } from "@vulcanjs/schema";
+export declare const standardInputs: Array<VulcanCoreInput>;
+export declare const clearableInputs: Array<VulcanCoreInput>;
+export declare const advancedInputs: Array<VulcanCoreInput>;
+export declare type DerivedInput = "nested";
+export declare const derivedInputs: Array<DerivedInput>;
+export declare const allVulcanInputs: Array<VulcanCoreInput | DerivedInput>;
+export declare const getAutoInputFromType: (fieldType: VulcanFieldType) => VulcanCoreInput;
+//# sourceMappingURL=consts.d.ts.map

package/dist/components/form/inputs/index.d.ts

@@ -0,0 +1,8 @@
+export * from "./BasicInputs";
+export * from "./RadioGroup";
+export * from "./Checkboxgroup";
+export * from "./SelectInputs";
+export * from "./FormItem";
+export * from "./FormOptionLabel";
+export * from "./AutocompleteMultiple";
+//# sourceMappingURL=index.d.ts.map

package/dist/components/form/intl/FormIntl.d.ts

@@ -0,0 +1,15 @@
+/// <reference types="react" />
+export declare const FormIntlLayout: ({ children }: {
+    children: any;
+}) => JSX.Element;
+export declare const FormIntlItemLayout: ({ locale, children }: {
+    locale: any;
+    children: any;
+}) => JSX.Element;
+interface FormIntlProps {
+    path: string;
+    name: string;
+}
+export declare const FormIntl: (props: FormIntlProps) => JSX.Element;
+export {};
+//# sourceMappingURL=FormIntl.d.ts.map

package/dist/components/form/modules/formFragments.d.ts

@@ -0,0 +1,16 @@
+import { VulcanGraphqlModel } from "@vulcanjs/graphql";
+import type { FormType } from "../typings";
+declare const getFormFragments: ({ formType, model, fields, addFields, }: {
+    model: VulcanGraphqlModel;
+    formType: FormType;
+    fields?: string[] | undefined;
+    addFields?: string[] | undefined;
+}) => {
+    queryFragment: import("graphql").DocumentNode;
+    mutationFragment: import("graphql").DocumentNode;
+    queryFragmentName: string;
+    mutationFragmentName: string;
+    extraQueries: (string | (() => string))[];
+};
+export default getFormFragments;
+//# sourceMappingURL=formFragments.d.ts.map

package/dist/components/form/modules/path_utils.d.ts

@@ -0,0 +1,6 @@
+export declare const splitPath: (string: string) => string[];
+export declare const joinPath: (array: Array<string | number>) => string;
+export declare const getParentPath: (string: string) => string;
+export declare const removePrefix: (prefix: string, paths: Array<string>) => Array<string>;
+export declare const filterPathsByPrefix: (prefix: string, paths: Array<string>) => string[];
+//# sourceMappingURL=path_utils.d.ts.map

package/dist/components/form/modules/schema_utils.d.ts

@@ -0,0 +1,14 @@
+import { VulcanFieldSchema, VulcanSchema } from "@vulcanjs/schema";
+export declare const getValidFields: (schema: any) => string[];
+export declare const getInsertableFields: (schema: any, user: any) => string[];
+export declare const getEditableFields: (schema: any, user: any, document: any) => string[];
+export declare const convertSchema: (schema: VulcanSchema, options?: {
+    flatten?: boolean;
+    removeArrays?: boolean;
+}) => {};
+export declare const getFieldSchema: (fieldName: string, schema: VulcanSchema) => {};
+export declare const getSchemaType: (fieldSchema: VulcanFieldSchema) => import("@vulcanjs/schema").VulcanFieldType;
+export declare const getNestedFieldSchemaOrType: (fieldName: any, schema: any) => Object | Number | Date | null;
+export declare const schemaProperties: string[];
+export declare const formProperties: string[];
+//# sourceMappingURL=schema_utils.d.ts.map

package/dist/components/form/modules/utils.d.ts

@@ -0,0 +1,17 @@
+import { VulcanFieldSchema } from "@vulcanjs/schema";
+export declare const deepValue: (obj: any, path: any) => any;
+export declare const flatten: (data: any) => {};
+export declare const isEmptyValue: (value: any) => boolean;
+export declare const mergeValue: ({ currentValue, documentValue, deletedValues: deletedFields, path, locale, datatype, }: {
+    currentValue: any;
+    documentValue: any;
+    deletedValues: any;
+    path: any;
+    locale: any;
+    datatype: any;
+}) => any;
+export declare const getDeletedValues: (deletedFields: any, accumulator?: {}) => any;
+export declare const getNestedDeletedValues: (prefix: any, deletedFields: any, accumulator?: {}) => any;
+export declare const getFieldType: (fieldSchema: VulcanFieldSchema) => import("@vulcanjs/schema").VulcanFieldType;
+export declare const getNullValue: (datatype: any) => false | "" | never[] | null;
+//# sourceMappingURL=utils.d.ts.map

package/dist/components/form/nested/FormNestedArray.d.ts

@@ -0,0 +1,26 @@
+/// <reference types="react" />
+export declare const FormNestedArrayInnerLayout: (props: any) => JSX.Element;
+export interface FormNestedArrayProps<TValue = any> {
+    value: TValue;
+    path: string;
+    itemProperties: any;
+    minCount?: number;
+    maxCount?: number;
+    arrayField?: boolean;
+    nestedArrayErrors: any;
+    hasErrors?: boolean;
+    prefilledProps?: any;
+    addItem: Function | null;
+}
+export declare const FormNestedArray: (props: FormNestedArrayProps) => JSX.Element;
+export declare const formComponentsDependencies: string[];
+export default FormNestedArray;
+export declare const IconAdd: ({ width, height }: {
+    width?: number | undefined;
+    height?: number | undefined;
+}) => JSX.Element;
+export declare const IconRemove: ({ width, height }: {
+    width?: number | undefined;
+    height?: number | undefined;
+}) => JSX.Element;
+//# sourceMappingURL=FormNestedArray.d.ts.map

package/dist/components/form/nested/FormNestedArrayLayout.d.ts

@@ -0,0 +1,18 @@
+/// <reference types="react" />
+import PropTypes from "prop-types";
+export declare const FormNestedArrayLayout: {
+    (props: any): JSX.Element;
+    propTypes: {
+        hasErrors: PropTypes.Validator<boolean>;
+        nestedArrayErrors: PropTypes.Requireable<any[]>;
+        label: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        hideLabel: PropTypes.Requireable<boolean>;
+        addItem: PropTypes.Requireable<(...args: any[]) => any>;
+        beforeComponent: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        afterComponent: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        formComponents: PropTypes.Requireable<object>;
+        children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+    };
+};
+export default FormNestedArrayLayout;
+//# sourceMappingURL=FormNestedArrayLayout.d.ts.map

package/dist/components/form/nested/FormNestedDivider.d.ts

@@ -0,0 +1,13 @@
+/// <reference types="react" />
+import PropTypes from "prop-types";
+export declare const FormNestedDivider: {
+    ({ label, addItem }: {
+        label: any;
+        addItem: any;
+    }): JSX.Element;
+    propTypes: {
+        label: PropTypes.Requireable<string>;
+        addItem: PropTypes.Requireable<(...args: any[]) => any>;
+    };
+};
+//# sourceMappingURL=FormNestedDivider.d.ts.map

package/dist/components/form/nested/FormNestedItem.d.ts

@@ -0,0 +1,52 @@
+/// <reference types="react" />
+import PropTypes from "prop-types";
+export declare const FormNestedItemLayout: {
+    ({ content, removeButton }: {
+        content: any;
+        removeButton: any;
+    }): JSX.Element;
+    propTypes: {
+        content: PropTypes.Validator<string | number | boolean | PropTypes.ReactElementLike | PropTypes.ReactNodeArray>;
+        removeButton: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+    };
+};
+export declare const FormNestedItem: {
+    ({ nestedFields, name, path, removeItem, itemIndex, formComponents, hideRemove, label, ...props }: {
+        [x: string]: any;
+        nestedFields: any;
+        name: any;
+        path: any;
+        removeItem: any;
+        itemIndex: any;
+        formComponents: any;
+        hideRemove: any;
+        label: any;
+    }): JSX.Element;
+    propTypes: {
+        path: PropTypes.Validator<string>;
+        itemIndex: PropTypes.Requireable<number>;
+        formComponents: PropTypes.Requireable<object>;
+        hideRemove: PropTypes.Requireable<boolean>;
+    };
+    contextTypes: {
+        errors: PropTypes.Requireable<any[]>;
+        intl: PropTypes.Requireable<PropTypes.InferProps<{
+            formatters: PropTypes.Requireable<object>;
+            now: PropTypes.Validator<(...args: any[]) => any>;
+            formatDate: PropTypes.Validator<(...args: any[]) => any>;
+            formatTime: PropTypes.Validator<(...args: any[]) => any>;
+            formatRelative: PropTypes.Validator<(...args: any[]) => any>;
+            formatNumber: PropTypes.Validator<(...args: any[]) => any>;
+            formatPlural: PropTypes.Validator<(...args: any[]) => any>;
+            formatMessage: PropTypes.Validator<(...args: any[]) => any>;
+            formatHTMLMessage: PropTypes.Validator<(...args: any[]) => any>;
+            locale: PropTypes.Requireable<string>;
+            formats: PropTypes.Requireable<object>;
+            messages: PropTypes.Requireable<object>;
+            textComponent: PropTypes.Requireable<any>;
+            defaultLocale: PropTypes.Requireable<string>;
+            defaultFormats: PropTypes.Requireable<object>;
+        }>>;
+    };
+};
+//# sourceMappingURL=FormNestedItem.d.ts.map

package/dist/components/form/nested/FormNestedObject.d.ts

@@ -0,0 +1,35 @@
+/// <reference types="react" />
+import PropTypes from "prop-types";
+export declare const FormNestedObjectLayout: {
+    ({ hasErrors, label, content }: {
+        hasErrors: any;
+        label: any;
+        content: any;
+    }): JSX.Element;
+    propTypes: {
+        hasErrors: PropTypes.Requireable<number | boolean>;
+        label: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        content: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+    };
+};
+interface FormNestedObjectProps {
+    label?: string;
+    value: any;
+    input: any;
+    inputProperties: any;
+    nestedInput: any;
+    errors: Array<any>;
+    path: string;
+}
+export declare const FormNestedObject: {
+    (props: FormNestedObjectProps): JSX.Element;
+    propTypes: {
+        currentValues: PropTypes.Requireable<object>;
+        path: PropTypes.Requireable<string>;
+        label: PropTypes.Requireable<string>;
+        errors: PropTypes.Validator<any[]>;
+        formComponents: PropTypes.Requireable<object>;
+    };
+};
+export default FormNestedObject;
+//# sourceMappingURL=FormNestedObject.d.ts.map

package/dist/components/form/nested/index.d.ts

@@ -0,0 +1,6 @@
+export * from "./FormNestedArray";
+export * from "./FormNestedArrayLayout";
+export * from "./FormNestedItem";
+export * from "./FormNestedDivider";
+export * from "./FormNestedObject";
+//# sourceMappingURL=index.d.ts.map

package/dist/components/form/ui_utils.d.ts

@@ -0,0 +1,3 @@
+export declare const getHtmlInputProps: (props: any) => any;
+export declare const whitelistInputProps: (props: any) => React.HTMLProps<HTMLInputElement>;
+//# sourceMappingURL=ui_utils.d.ts.map

package/dist/components/form/useBlockTransition/block.d.ts

@@ -0,0 +1,4 @@
+export declare const BLOCK_TRANSITION_EVENT_TYPE = "blocktransition";
+export declare const UNBLOCK_TRANSITION_EVENT_TYPE = "unblocktransition";
+export declare const block: (setConfirmationMessage: (event?: BeforeUnloadEvent | undefined) => string, onUnblock?: Function | undefined) => () => void;
+//# sourceMappingURL=block.d.ts.map

package/dist/components/form/useBlockTransition/useBlockTransition.d.ts

@@ -0,0 +1,5 @@
+export declare const useBlockTransition: ({ shouldBlock, getBlockedMessage, }: {
+    shouldBlock: boolean;
+    getBlockedMessage: (evt?: BeforeUnloadEvent | undefined) => string;
+}) => void;
+//# sourceMappingURL=useBlockTransition.d.ts.map

package/dist/components/form/useWarnOnUnsaved/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./useWarnOnUnsaved";
+//# sourceMappingURL=index.d.ts.map

package/dist/components/form/useWarnOnUnsaved/useWarnOnUnsaved.d.ts

@@ -0,0 +1,5 @@
+export declare const useWarnOnUnsaved: ({ isChanged, warnUnsavedChanges, }: {
+    isChanged: boolean;
+    warnUnsavedChanges?: boolean | undefined;
+}) => void;
+//# sourceMappingURL=useWarnOnUnsaved.d.ts.map

package/dist/decorators/autocomplete.d.ts

@@ -0,0 +1,8 @@
+export declare const makeAutocomplete: (field: any, options: {
+    autocompletePropertyName: string;
+    fragmentName?: string;
+    valuePropertyName?: string;
+    multi?: boolean;
+    queryResolverName?: string;
+}) => any;
+//# sourceMappingURL=autocomplete.d.ts.map

package/dist/decorators/index.d.ts

@@ -0,0 +1,4 @@
+export * from "./likert";
+export * from "./checkboxgroup";
+export * from "./radiogroup";
+//# sourceMappingURL=index.d.ts.map

package/dist/index.js

@@ -1818,7 +1818,7 @@ var Form = /* @__PURE__ */ __name((props) => {
       props.refetch();
     }
   }, "refetchForm");
-  const [disabled, setDisabled] = useState2(false);
+  const [disabled, setDisabled] = useState2(!!props.disabled);
   const [success, setSuccess] = useState2(false);
   const clearForm = /* @__PURE__ */ __name((options = {}) => {
     const { document: optionsDocument } = options;
@@ -2004,7 +2004,8 @@ var Form = /* @__PURE__ */ __name((props) => {
       errors,
       currentValues,
       deletedValues,
-      clearFieldErrors
+      clearFieldErrors,
+      disabled
     }
   }, /* @__PURE__ */ React7.createElement(FormComponents.FormLayout, _extends4({}, formLayoutProps), getFieldGroups(props, {
     currentDocument,