iglooform 3.3.8 → 3.4.0

package/lib/types.d.ts

@@ -0,0 +1,189 @@
+/// <reference path="../typings.d.ts" />
+import { BlinkIdSingleSideRecognizerResult } from '@microblink/blinkid-in-browser-sdk';
+import { FormItemProps, FormInstance } from 'antd/es/form';
+import { ReactNode } from 'react';
+import { NamePath } from 'rc-field-form/lib/interface';
+import { CheckboxOptionType } from 'antd/es/checkbox';
+import { SelectProps } from 'antd/es/select';
+export { Rule } from 'rc-field-form/lib/interface';
+export interface OCRHooks {
+    microBlink?: {
+        initResult: {
+            error?: string;
+            failed: boolean;
+        };
+        recognize: ((file: File) => Promise<BlinkIdSingleSideRecognizerResult | null>) | null;
+        loading?: boolean;
+    };
+}
+export interface OCRConfig {
+    microBlink?: {
+        licenseKey: string;
+    };
+}
+export type FormItemName = NamePath;
+export interface FormBasicConfig {
+    config: FormItemConfig;
+    className?: string;
+    style?: Object;
+    locales?: {
+        cancelText?: string;
+        submitText?: string;
+        previewText?: string;
+        nextText?: string;
+        continueText?: string;
+        validateMessages?: Object;
+    };
+    initialValues?: any;
+    form?: FormInstance;
+    onCancel?(): void;
+    onSubmit?(values: Object, allValues?: Object): any;
+    requiredMark?: boolean;
+    showSubmitButton?: boolean;
+    getScrollContainer?: () => HTMLElement | null;
+    onFirstModified?: () => any;
+    uploadApi?: string;
+    selectDatasourceApi?: string;
+    validationRule?: string;
+    getRuleValidationApi?: string;
+    stepDirection?: 'vertical' | 'horizontal';
+    customizeComponents?: {
+        [name: string]: FC;
+    };
+    ocr?: OCRConfig;
+    validationCodeExtraParams?: Record<string, any>;
+    onValuesChange?: (changedValues: any, values: any) => void;
+}
+export type FormItemAssert = {
+    field: NamePath;
+    value?: any;
+    operation?: 'eq' | 'ne' | 'in' | 'ni' | 'lt' | 'le' | 'gt' | 'ge' | 'co' | 'nc' | 'filled' | 'unfilled' | 'co-some' | 'co-every' | 'some-in' | 'every-in';
+};
+export type FormItemCopyValue = {
+    assert: FormItemAssert;
+    copyFrom: NamePath;
+    disabled?: boolean;
+};
+export type FormItemSelectValue = {
+    assert: FormItemAssert;
+    value: any;
+    disabled?: boolean;
+};
+export interface FormItemExtraConfig extends FormItemProps {
+    labelTooltip?: string;
+    elements?: FormItemConfig[];
+    required?: boolean;
+    requiredAsserts?: FormItemAssert[];
+    extraLabel?: any;
+    xl?: number;
+    md?: number;
+    xs?: number;
+    span?: number;
+    areaCode?: number | string | (number | string)[];
+    phoneNumber?: number | string;
+    mergeRules?: boolean;
+    dependencies?: NamePath[];
+    antdDependencies?: NamePath[];
+    asserts?: FormItemAssert[];
+    shouldRender?: (form?: FormInstance) => boolean;
+    ignore?: boolean;
+    copyValue?: FormItemCopyValue;
+    selectValue?: FormItemSelectValue[];
+    disabled?: boolean | FormItemAssert | FormItemAssert[];
+    halfRow?: boolean;
+    fullRow?: boolean;
+    limit?: number;
+    hideWhenPreview?: boolean;
+    hideWhenEdit?: boolean;
+    requiredMessage?: string | ReactNode;
+    showOptional?: boolean;
+    previewFormater?(value: any, form?: FormInstance): any;
+    handleNext?(values: any): any;
+    render?(preview: boolean, form?: FormInstance, value?: any, onChange?: (params: any) => any, setShowStepButton?: IglooComponentProps['setShowStepButton']): any;
+    locales?: {
+        [key: string]: string;
+    };
+    options?: (CheckboxOptionType & {
+        extraInfo?: {
+            content: any;
+            shownTrigger: 'unchecked' | 'checked' | 'all';
+        };
+    })[] | SelectProps['options'];
+    sendOtp?: (value: any) => any;
+    dependField?: FormItemName;
+    countDownSeconds?: number;
+    getButtonDisabledState?: (form: FormInstance) => boolean;
+    getPreviousDisabledState?: (form: FormInstance) => boolean;
+    handleUpload?(file: File): PromiseLike<string>;
+    withoutForm?: boolean;
+    disableEditButton?: boolean;
+    hidePreviewDivider?: boolean;
+    valueFormater?: (value: any) => any;
+    currentStep?: number;
+    subscribedFields?: FormItemName[];
+    description?: string | React.ReactNode;
+    dateLimitationType?: 'relative' | 'absolute';
+    absoluteRangeStart?: number;
+    absoluteRangeEnd?: number;
+    relativeRangeStart?: {
+        type: 'day' | 'month' | 'year';
+        quantity: number;
+        pattern?: string;
+        dependField?: NamePath;
+    };
+    relativeRangeEnd?: {
+        type: 'day' | 'month' | 'year';
+        quantity: number;
+        pattern?: string;
+        dependField?: NamePath;
+    };
+    validationCode?: {
+        code: string;
+        errorMessage: string;
+        warningOnly?: boolean;
+    }[];
+    length?: number;
+    minLength?: number;
+    maxLength?: number;
+    idType?: 'KTP' | 'NIK';
+    validationRule?: string;
+    shouldRenderCode?: string;
+    disabledCode?: string;
+    automaticCalcCode?: string;
+    enableAutomaticCalc?: boolean;
+    [key: string]: any;
+}
+export interface FormItemConfig extends FormItemExtraConfig {
+    type?: string;
+    name?: NamePath;
+    label?: string | React.ReactNode;
+    previewLabel?: string | React.ReactNode;
+    labelProps?: any;
+    contentProps?: any;
+    ocr?: {
+        vender: string;
+        outputMap: {
+            field: string[];
+            source: string[];
+        }[];
+    };
+}
+export type FormItemPropsHandler = (config: FormItemConfig) => FormItemConfig;
+export interface FC<P = {}> extends React.FunctionComponent<P> {
+    formItemPropsHandler?: FormItemPropsHandler;
+    isPreviewSupport?: boolean;
+}
+export interface Form extends React.ForwardRefExoticComponent<FormBasicConfig & React.RefAttributes<any>> {
+    useForm: () => FormInstance;
+}
+export interface IglooComponentProps {
+    validateField?: (nameList?: NamePath[]) => Promise<any>;
+    containerRef?: React.RefObject<any>;
+    setFieldError?(errorMsg?: string): void;
+    setFieldValue?(value?: any): void;
+    setShowStepButton?: (showButton: boolean) => void;
+    getFormInstance?: () => FormInstance;
+    locales?: {
+        [key: string]: string;
+    };
+}

package/lib/utils/form-utils.d.ts

@@ -0,0 +1,79 @@
+import React from 'react';
+import { FormInstance } from 'antd/es/form';
+import { FormItemConfig, FormItemExtraConfig, FormItemName, FormItemCopyValue, FormItemSelectValue, FormItemAssert, Rule } from '../types';
+import { NamePath } from 'antd/es/form/interface';
+export declare const calcNamePath: (parentName: FormItemName | undefined, name: FormItemName | undefined) => any[];
+export declare const testAssert: (form: FormInstance, assert: FormItemAssert) => boolean;
+export declare const calcFormItemProps: (config: FormItemConfig, extraProps: FormItemExtraConfig, form?: FormInstance, parentName?: FormItemName, validationCodeExtraParams?: Record<string, any>) => {
+    colProps: {
+        span: number;
+        xs: number;
+        sm: number;
+        md: number;
+        halfRow: boolean | undefined;
+    };
+    formItemProps: {
+        name: any[];
+        className: string | undefined;
+        initialValue: any;
+        copiedValue: {
+            copied: boolean;
+            value?: undefined;
+            disabled?: undefined;
+        } | {
+            copied: boolean;
+            value: any;
+            disabled: boolean | undefined;
+        };
+        selectedValue: {
+            selected: boolean;
+            value?: undefined;
+            disabled?: undefined;
+        } | {
+            selected: boolean;
+            value: any;
+            disabled: boolean | undefined;
+        };
+        normalize: ((value: any, prevValue: any, allValues: import("rc-field-form/lib/interface").Store) => any) | undefined;
+        rules: Rule[];
+        validateTrigger: any[];
+        label: import("react/jsx-runtime").JSX.Element | null;
+        getValueFromEvent: ((...args: import("rc-field-form/lib/interface").EventArgs) => any) | undefined;
+        getValueProps: ((value: any) => Record<string, unknown>) | undefined;
+        extra: false | "" | 0 | import("react/jsx-runtime").JSX.Element | null | undefined;
+        help: React.ReactNode;
+        valuePropName: string | undefined;
+        messageVariables: {
+            label: string;
+        };
+        dependencies: any[] | undefined;
+    };
+    elementProps: {
+        [key: string]: any;
+    };
+    display: any;
+    previewFormater: ((value: any, form?: FormInstance<any> | undefined) => any) | undefined;
+};
+export declare const calcDisabled: (disabled?: boolean | FormItemAssert | FormItemAssert[], form?: FormInstance, disabledCode?: string, name?: FormItemName, parentName?: FormItemName) => any;
+export declare const calcCopyValue: (copyValue?: FormItemCopyValue, form?: FormInstance) => {
+    copied: boolean;
+    value?: undefined;
+    disabled?: undefined;
+} | {
+    copied: boolean;
+    value: any;
+    disabled: boolean | undefined;
+};
+export declare const calcSelectValue: (selectValue?: FormItemSelectValue[], form?: FormInstance) => {
+    selected: boolean;
+    value?: undefined;
+    disabled?: undefined;
+} | {
+    selected: boolean;
+    value: any;
+    disabled: boolean | undefined;
+};
+export declare const calcShouldRender: (name: NamePath, parentName: NamePath, dependencies?: NamePath[], asserts?: FormItemAssert[], shouldRender?: ((form?: FormInstance) => boolean) | undefined, shouldRenderCode?: string, form?: FormInstance) => any;
+export declare const automaticCalculate: (name: NamePath, parentName: NamePath, automaticCalcCode?: string, form?: FormInstance) => void;
+export declare const getRuleValidation: (url: string, rule: string | string[], values?: any, lang?: string) => Promise<any>;
+export declare const calcAddableSectionAssertField: (name: any[], field: FormItemAssert['field'], index: number, elements: FormItemConfig[] | React.ReactElement[]) => any;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "iglooform",
-  "version": "3.3.8",
+  "version": "3.4.0",
   "scripts": {
     "start": "dumi dev",
     "build-dev": "dumi build",

package/.idea/codeStyles/Project.xml

@@ -1,59 +0,0 @@
-<component name="ProjectCodeStyleConfiguration">
-  <code_scheme name="Project" version="173">
-    <HTMLCodeStyleSettings>
-      <option name="HTML_SPACE_INSIDE_EMPTY_TAG" value="true" />
-    </HTMLCodeStyleSettings>
-    <JSCodeStyleSettings version="0">
-      <option name="FORCE_SEMICOLON_STYLE" value="true" />
-      <option name="SPACE_BEFORE_FUNCTION_LEFT_PARENTH" value="false" />
-      <option name="USE_DOUBLE_QUOTES" value="false" />
-      <option name="FORCE_QUOTE_STYlE" value="true" />
-      <option name="ENFORCE_TRAILING_COMMA" value="WhenMultiline" />
-      <option name="SPACES_WITHIN_OBJECT_LITERAL_BRACES" value="true" />
-      <option name="SPACES_WITHIN_IMPORTS" value="true" />
-    </JSCodeStyleSettings>
-    <TypeScriptCodeStyleSettings version="0">
-      <option name="FORCE_SEMICOLON_STYLE" value="true" />
-      <option name="SPACE_BEFORE_FUNCTION_LEFT_PARENTH" value="false" />
-      <option name="USE_DOUBLE_QUOTES" value="false" />
-      <option name="FORCE_QUOTE_STYlE" value="true" />
-      <option name="ENFORCE_TRAILING_COMMA" value="WhenMultiline" />
-      <option name="SPACES_WITHIN_OBJECT_LITERAL_BRACES" value="true" />
-      <option name="SPACES_WITHIN_IMPORTS" value="true" />
-    </TypeScriptCodeStyleSettings>
-    <VueCodeStyleSettings>
-      <option name="INTERPOLATION_NEW_LINE_AFTER_START_DELIMITER" value="false" />
-      <option name="INTERPOLATION_NEW_LINE_BEFORE_END_DELIMITER" value="false" />
-    </VueCodeStyleSettings>
-    <codeStyleSettings language="HTML">
-      <option name="SOFT_MARGINS" value="80" />
-      <indentOptions>
-        <option name="INDENT_SIZE" value="2" />
-        <option name="CONTINUATION_INDENT_SIZE" value="2" />
-        <option name="TAB_SIZE" value="2" />
-      </indentOptions>
-    </codeStyleSettings>
-    <codeStyleSettings language="JavaScript">
-      <option name="SOFT_MARGINS" value="80" />
-      <indentOptions>
-        <option name="INDENT_SIZE" value="2" />
-        <option name="CONTINUATION_INDENT_SIZE" value="2" />
-        <option name="TAB_SIZE" value="2" />
-      </indentOptions>
-    </codeStyleSettings>
-    <codeStyleSettings language="TypeScript">
-      <option name="SOFT_MARGINS" value="80" />
-      <indentOptions>
-        <option name="INDENT_SIZE" value="2" />
-        <option name="CONTINUATION_INDENT_SIZE" value="2" />
-        <option name="TAB_SIZE" value="2" />
-      </indentOptions>
-    </codeStyleSettings>
-    <codeStyleSettings language="Vue">
-      <option name="SOFT_MARGINS" value="80" />
-      <indentOptions>
-        <option name="CONTINUATION_INDENT_SIZE" value="2" />
-      </indentOptions>
-    </codeStyleSettings>
-  </code_scheme>
-</component>

package/.idea/codeStyles/codeStyleConfig.xml

@@ -1,5 +0,0 @@
-<component name="ProjectCodeStyleConfiguration">
-  <state>
-    <option name="USE_PER_PROJECT_SETTINGS" value="true" />
-  </state>
-</component>

package/.idea/iglooform.iml

@@ -1,12 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<module type="WEB_MODULE" version="4">
-  <component name="NewModuleRootManager">
-    <content url="file://$MODULE_DIR$">
-      <excludeFolder url="file://$MODULE_DIR$/.tmp" />
-      <excludeFolder url="file://$MODULE_DIR$/temp" />
-      <excludeFolder url="file://$MODULE_DIR$/tmp" />
-    </content>
-    <orderEntry type="inheritedJdk" />
-    <orderEntry type="sourceFolder" forTests="false" />
-  </component>
-</module>

package/.idea/modules.xml

@@ -1,8 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<project version="4">
-  <component name="ProjectModuleManager">
-    <modules>
-      <module fileurl="file://$PROJECT_DIR$/.idea/iglooform.iml" filepath="$PROJECT_DIR$/.idea/iglooform.iml" />
-    </modules>
-  </component>
-</project>

package/.idea/prettier.xml

@@ -1,6 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<project version="4">
-  <component name="PrettierConfiguration">
-    <option name="myConfigurationMode" value="MANUAL" />
-  </component>
-</project>

package/.idea/vcs.xml

@@ -1,6 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<project version="4">
-  <component name="VcsDirectoryMappings">
-    <mapping directory="" vcs="Git" />
-  </component>
-</project>

package/es/babel-plugin-import-option.d.ts

@@ -1,7 +0,0 @@
-declare const _default: {
-    libraryName: string;
-    libraryDirectory: string;
-    style: boolean;
-    customName: (name: string) => string;
-};
-export default _default;

package/es/back-top/index.d.ts

@@ -1,5 +0,0 @@
-import { FC } from 'react';
-import './style';
-import { BackTopProps } from 'antd';
-declare const BackToTop: FC<BackTopProps>;
-export default BackToTop;

package/es/claim-list/style/index.d.ts

@@ -1 +0,0 @@
-import './index.less';

package/es/confirmation/style/index.d.ts

@@ -1 +0,0 @@
-import './index.less';

package/es/currency-context/index.d.ts

@@ -1,8 +0,0 @@
-/// <reference types="react" />
-interface CurrencyMethod {
-    exchange: (value: any) => any;
-    exchangeBack: (value: any) => any;
-    currentCurrency: string;
-}
-declare const _default: import("react").Context<CurrencyMethod>;
-export default _default;

package/es/date-picker/style/index.d.ts

@@ -1 +0,0 @@
-import './index.less';

package/es/declaration/style/index.d.ts

@@ -1 +0,0 @@
-import './index.less';

package/es/detail-panel/style/index.d.ts

@@ -1 +0,0 @@
-import './index.less';

package/es/documents/style/index.d.ts

@@ -1 +0,0 @@
-import './index.less';

package/es/filter/style/index.d.ts

@@ -1 +0,0 @@
-import './index.less';

package/es/form/addable-section/style/index.d.ts

@@ -1 +0,0 @@
-import './index.less';

package/es/form/divider/style/index.d.ts

@@ -1 +0,0 @@
-import './index.less';

package/es/form/element/style/index.d.ts

@@ -1 +0,0 @@
-import './index.less';

package/es/form/hstep/style/index.d.ts

@@ -1 +0,0 @@
-import './index.less';

package/es/form/hsteps/style/index.d.ts

@@ -1 +0,0 @@
-import './index.less';

package/es/form/login/style/index.d.ts

@@ -1 +0,0 @@
-import './index.less';

package/es/form/messages.d.ts

@@ -1,48 +0,0 @@
-declare const messages: {
-    default: string;
-    required: string;
-    enum: string;
-    whitespace: string;
-    date: {
-        format: string;
-        parse: string;
-        invalid: string;
-    };
-    types: {
-        string: string;
-        method: string;
-        array: string;
-        object: string;
-        number: string;
-        date: string;
-        boolean: string;
-        integer: string;
-        float: string;
-        regexp: string;
-        email: string;
-        url: string;
-        hex: string;
-    };
-    string: {
-        len: string;
-        min: string;
-        max: string;
-        range: string;
-    };
-    number: {
-        len: string;
-        min: string;
-        max: string;
-        range: string;
-    };
-    array: {
-        len: string;
-        min: string;
-        max: string;
-        range: string;
-    };
-    pattern: {
-        mismatch: string;
-    };
-};
-export default messages;

package/es/form/page/style/index.d.ts

@@ -1 +0,0 @@
-import './index.less';

package/es/form/pages/style/index.d.ts

@@ -1 +0,0 @@
-import './index.less';

package/es/form/render/style/index.d.ts

@@ -1 +0,0 @@
-import './index.less';

package/es/form/section/style/index.d.ts

@@ -1 +0,0 @@
-import './index.less';

package/es/form/step/style/index.d.ts

@@ -1 +0,0 @@
-import './index.less';

package/es/form/steps/style/index.d.ts

@@ -1 +0,0 @@
-import './index.less';

package/es/form/style/index.d.ts

@@ -1 +0,0 @@
-import './index.less';

package/es/free-form/addable-section/style/index.d.ts

@@ -1 +0,0 @@
-import './index.less';

package/es/free-form/element/style/index.d.ts

@@ -1 +0,0 @@
-import './index.less';

package/es/free-form/messages.d.ts

@@ -1,48 +0,0 @@
-declare const messages: {
-    default: string;
-    required: string;
-    enum: string;
-    whitespace: string;
-    date: {
-        format: string;
-        parse: string;
-        invalid: string;
-    };
-    types: {
-        string: string;
-        method: string;
-        array: string;
-        object: string;
-        number: string;
-        date: string;
-        boolean: string;
-        integer: string;
-        float: string;
-        regexp: string;
-        email: string;
-        url: string;
-        hex: string;
-    };
-    string: {
-        len: string;
-        min: string;
-        max: string;
-        range: string;
-    };
-    number: {
-        len: string;
-        min: string;
-        max: string;
-        range: string;
-    };
-    array: {
-        len: string;
-        min: string;
-        max: string;
-        range: string;
-    };
-    pattern: {
-        mismatch: string;
-    };
-};
-export default messages;

package/es/free-form/page/style/index.d.ts

@@ -1 +0,0 @@
-import './index.less';

package/es/free-form/pages/style/index.d.ts

@@ -1 +0,0 @@
-import './index.less';

package/es/free-form/section/style/index.d.ts

@@ -1 +0,0 @@
-import './index.less';

package/es/free-form/step/style/index.d.ts

@@ -1 +0,0 @@
-import './index.less';

package/es/free-form/steps/style/index.d.ts

@@ -1 +0,0 @@
-import './index.less';

package/es/free-form/style/index.d.ts

@@ -1 +0,0 @@
-import './index.less';

package/es/home-menu/style/index.d.ts

@@ -1 +0,0 @@
-import './index.less';

package/es/input/style/amount/index.d.ts

@@ -1,2 +0,0 @@
-import '../index';
-import './index.less';

package/es/input/style/index.d.ts

@@ -1,2 +0,0 @@
-import './default-input.less';
-import './common.less';

package/es/input/style/input-date/index.d.ts

@@ -1,2 +0,0 @@
-import '../index';
-import './index.less';

package/es/input/style/otp/index.d.ts

@@ -1,2 +0,0 @@
-import '../index';
-import './index.less';

package/es/input/style/phone-number/index.d.ts

@@ -1,2 +0,0 @@
-import '../index';
-import './index.less';

package/es/input/style/text-area/index.d.ts

@@ -1,2 +0,0 @@
-import '../index';
-import './index.less';

package/es/layout/defaultHeader.d.ts

@@ -1,4 +0,0 @@
-import { FC } from 'react';
-import './style';
-declare const DefaultHeader: FC<any>;
-export default DefaultHeader;

package/es/layout/style/index.d.ts

@@ -1 +0,0 @@
-import './index.less';

package/es/locale/en-US.d.ts

@@ -1,2 +0,0 @@
-declare const messages: any;
-export default messages;