iglooform 3.0.10 → 3.0.12

package/.dumi/tmp/dumi/theme/ContextWrapper.tsx

@@ -30,7 +30,7 @@ export default function DumiContextWrapper() {
 
   return (
     <SiteContext.Provider value={{
-      pkg: {"name":"iglooform","version":"3.0.9","license":"MIT"},
+      pkg: {"name":"iglooform","version":"3.0.12","license":"MIT"},
       historyType: "browser",
       entryExports,
       demos,

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

@@ -0,0 +1,20 @@
+import { FC, ReactNode } from 'react';
+import { FormItemProps } from 'antd/es/form';
+import { FormItemConfig, FormItemName } from '../../types';
+import './style';
+export interface AddableSectionProps {
+    parentName?: FormItemName;
+    formItemProps?: FormItemProps;
+    config: FormItemConfig;
+    preview?: boolean;
+    disabled?: boolean;
+    setShowStepButton?: (showButton: boolean) => void;
+    max?: number;
+    min?: number;
+    initCount?: number;
+    addButtonText?: string;
+    addButtonIcon?: ReactNode;
+    description?: string | ReactNode;
+}
+declare const AddableSection: FC<AddableSectionProps>;
+export default AddableSection;

package/es/form/addable-section/index.js

@@ -29,10 +29,11 @@ var useBreakpoint = Grid.useBreakpoint;
 var AddableSection = function AddableSection(_ref) {
   var parentName = _ref.parentName,
     config = _ref.config,
-    preview = _ref.preview,
+    previewPropsFromInnerConfig = _ref.preview,
     disabled = _ref.disabled,
     setShowStepButton = _ref.setShowStepButton;
-  var _config$elements = config.elements,
+  var formItemPreview = config.preview,
+    _config$elements = config.elements,
     elements = _config$elements === void 0 ? [] : _config$elements,
     name = config.name,
     label = config.label,
@@ -51,6 +52,7 @@ var AddableSection = function AddableSection(_ref) {
     addButtonText = config.addButtonText,
     addButtonIcon = config.addButtonIcon,
     description = config.description;
+  var preview = previewPropsFromInnerConfig || formItemPreview;
   var _useBreakpoint = useBreakpoint(),
     md = _useBreakpoint.md;
   var _useContext = useContext(LocaleContext),
@@ -130,7 +132,7 @@ var AddableSection = function AddableSection(_ref) {
           level: !md ? 'body1' : 'h3b',
           wrapElement: "div",
           children: label
-        })) : /*#__PURE__*/_jsx("div", {}), groupKeys.length > min && !preview && /*#__PURE__*/_jsx(Button, {
+        })) : /*#__PURE__*/_jsx("div", {}), groupKeys.length > min && !preview && !elementProps.disabled && /*#__PURE__*/_jsx(Button, {
           type: "link",
           className: "igloo-addable-section-label-remove",
           onClick: function onClick() {
@@ -203,7 +205,7 @@ var AddableSection = function AddableSection(_ref) {
           whiteSpace: 'pre-wrap'
         },
         children: description
-      }), /*#__PURE__*/_jsx(Button, {
+      }), !elementProps.disabled && /*#__PURE__*/_jsx(Button, {
         onClick: function onClick() {
           return dispath({
             type: 'add',
@@ -212,7 +214,6 @@ var AddableSection = function AddableSection(_ref) {
         },
         className: "igloo-form-addable-section-button",
         icon: addButtonIcon,
-        disabled: elementProps.disabled,
         children: addButtonText || "".concat(formatMessage({
           id: 'Add'
         }), " ").concat(label)

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

@@ -0,0 +1,12 @@
+import { FC } from 'react';
+import { FormItemConfig, FormItemName } from '../../types';
+import './style';
+interface ElementProps {
+    config: FormItemConfig;
+    parentName?: FormItemName;
+    preview?: boolean;
+    disabled?: boolean;
+    setShowStepButton?: (showButton: boolean) => void;
+}
+declare const Element: FC<ElementProps>;
+export default Element;

package/es/form/index.d.ts

@@ -0,0 +1,4 @@
+import { Form as FormType } from '../types';
+import './style';
+declare const ExportedForm: FormType;
+export default ExportedForm;

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

@@ -0,0 +1,16 @@
+import { FC } from 'react';
+import { FormItemProps } from 'antd/es/form';
+import { FormItemConfig, FormItemName } from '../../types';
+import './style';
+export interface SectionProps {
+    parentName?: FormItemName;
+    formItemProps?: FormItemProps;
+    config: FormItemConfig;
+    preview?: boolean;
+    disabled?: boolean;
+    collapsable?: boolean;
+    defaultCollapsed?: boolean;
+    setShowStepButton?: (showButton: boolean) => void;
+}
+declare const Section: FC<SectionProps>;
+export default Section;

package/es/form-context.d.ts

@@ -0,0 +1,28 @@
+import React from 'react';
+import { FormInstance } from 'antd/es/form';
+import { FC, FormItemName, OCRHooks } from './types';
+declare const _default: React.Context<{
+    form?: FormInstance<any> | undefined;
+    onCancel?(): void;
+    cancelText?: string | undefined;
+    submitText?: string | undefined;
+    previewText?: string | undefined;
+    nextText?: string | undefined;
+    continueText?: string | undefined;
+    validateMessages?: Object | undefined;
+    submitting?: boolean | undefined;
+    requiredMark?: boolean | undefined;
+    showSubmitButton?: boolean | undefined;
+    getScrollContainer: () => HTMLElement | Window | null;
+    registerDependencies: (name: FormItemName | FormItemName[], updater: Function) => void;
+    handleValuesChange(changedFields: any): any;
+    uploadApi?: string | undefined;
+    selectDatasourceApi?: string | undefined;
+    getRuleValidationApi?: string | undefined;
+    customizeComponents?: {
+        [name: string]: FC<{}>;
+    } | undefined;
+    ocrHooks?: OCRHooks | undefined;
+    validationCodeExtraParams?: Record<string, any> | undefined;
+}>;
+export default _default;

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

@@ -0,0 +1,19 @@
+import { FC, ReactNode } from 'react';
+import { FormItemProps } from 'antd/es/form';
+import { FormItemConfig, FormItemName } from '../../types';
+import './style';
+export interface AddableSectionProps extends FormItemConfig {
+    parentName?: FormItemName;
+    formItemProps?: FormItemProps;
+    preview?: boolean;
+    disabledFromParent?: boolean;
+    setShowStepButton?: (showButton: boolean) => void;
+    max?: number;
+    min?: number;
+    initCount?: number;
+    addButtonText?: string;
+    addButtonIcon?: ReactNode;
+    description?: string | ReactNode;
+}
+declare const AddableSection: FC<AddableSectionProps>;
+export default AddableSection;

package/es/free-form/addable-section/index.js

@@ -242,7 +242,7 @@ var AddableSection = function AddableSection(props) {
           level: !md ? 'body1' : 'h3b',
           wrapElement: "div",
           children: label
-        })) : /*#__PURE__*/_jsx("div", {}), groupKeys.length > min && !preview && /*#__PURE__*/_jsx(Button, {
+        })) : /*#__PURE__*/_jsx("div", {}), groupKeys.length > min && !preview && !elementProps.disabled && /*#__PURE__*/_jsx(Button, {
           type: "link",
           className: "igloo-addable-section-label-remove",
           onClick: function onClick() {
@@ -287,7 +287,7 @@ var AddableSection = function AddableSection(props) {
           whiteSpace: 'pre-wrap'
         },
         children: description
-      }), /*#__PURE__*/_jsx(Button, {
+      }), !elementProps.disabled && /*#__PURE__*/_jsx(Button, {
         onClick: function onClick() {
           return dispath({
             type: 'add',

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

@@ -0,0 +1,11 @@
+import { FC } from 'react';
+import { FormItemConfig, FormItemName } from '../../types';
+import './style';
+interface ElementProps extends FormItemConfig {
+    parentName?: FormItemName;
+    preview?: boolean;
+    setShowStepButton?: (showButton: boolean) => void;
+    disabledFromParent?: boolean;
+}
+declare const Element: FC<ElementProps>;
+export default Element;

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

@@ -0,0 +1,11 @@
+import { FC, PropsWithChildren } from 'react';
+import { Form } from 'antd';
+import { FormBasicConfig } from '../types';
+import './style';
+interface FreeFormProps extends Omit<FormBasicConfig, 'config'> {
+}
+interface FreeFormType extends FC<PropsWithChildren<FreeFormProps>> {
+    useForm: typeof Form.useForm;
+}
+declare const FreeForm: FreeFormType;
+export default FreeForm;

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

@@ -0,0 +1,13 @@
+import { FC } from 'react';
+import { FormItemProps } from 'antd/es/form';
+import { FormItemConfig, FormItemName } from '../../types';
+import './style';
+export interface SectionProps extends FormItemConfig {
+    parentName?: FormItemName;
+    formItemProps?: FormItemProps;
+    preview?: boolean;
+    disabledFromParent?: boolean;
+    setShowStepButton?: (showButton: boolean) => void;
+}
+declare const Section: FC<SectionProps>;
+export default Section;

package/es/modal/index.d.ts

@@ -0,0 +1,31 @@
+import { FC } from 'react';
+import { ModalFuncProps, ModalProps } from 'antd/lib/modal';
+import { FormBasicConfig, FormItemConfig } from '../types';
+import './style';
+interface FormModalProps {
+    mode?: 'form' | 'normal';
+    formConfig?: FormItemConfig;
+    formProps?: {
+        locales?: FormBasicConfig['locales'];
+        initialValues?: FormBasicConfig['initialValues'];
+        validationCodeExtraParams?: Record<string, any>;
+    };
+    onOk?: (values: any, fullValue: any) => any;
+    limitHeight?: boolean;
+}
+interface ModalFuncReturn {
+    destroy: Function;
+    update: (props: ModalProps & ModalFuncProps & FormModalProps) => any;
+}
+type ModalFunction = (props: ModalProps & ModalFuncProps & FormModalProps) => ModalFuncReturn;
+interface ModalType extends FC<ModalProps & ModalFuncProps & FormModalProps> {
+    confirm: ModalFunction;
+    info: ModalFunction;
+    warning: ModalFunction;
+    error: ModalFunction;
+    success: ModalFunction;
+    noFooter: ModalFunction;
+    destroyAll: Function;
+}
+declare const IglooModal: ModalType;
+export default IglooModal;

package/es/types.d.ts

@@ -0,0 +1,183 @@
+/// <reference path="../typings.d.ts" />
+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';
+import { BlinkIdSingleSideRecognizerResult } from '@microblink/blinkid-in-browser-sdk';
+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>;
+}
+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 {
+    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;
+    }[];
+    length?: number;
+    minLength?: number;
+    maxLength?: number;
+    idType?: 'KTP' | 'NIK';
+    validationRule?: string;
+    shouldRenderCode?: string;
+    [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/es/upload-photo/index.js

@@ -145,7 +145,9 @@ var UploadPhoto = function UploadPhoto(props) {
     id = props.id,
     validateField = props.validateField,
     _props$capture = props.capture,
-    capture = _props$capture === void 0 ? false : _props$capture;
+    capture = _props$capture === void 0 ? false : _props$capture,
+    disabled = props.disabled;
+  console.log(props, 'props');
   var _useContext2 = useContext(LocaleContext),
     formatMessage = _useContext2.formatMessage;
   var _useState = useState(isMobileAgent()),
@@ -575,7 +577,7 @@ var UploadPhoto = function UploadPhoto(props) {
     });
   };
   return /*#__PURE__*/_jsxs("div", {
-    className: classnames(prefix, className),
+    className: classnames(prefix, className, disabled ? "".concat(prefix, "-disabled") : ''),
     id: id,
     ref: DomRef,
     children: [Boolean(descriptions || samples.length) && /*#__PURE__*/_jsx("div", {
@@ -614,6 +616,7 @@ var UploadPhoto = function UploadPhoto(props) {
         })]
       })
     }), /*#__PURE__*/_jsx("input", {
+      disabled: disabled,
       id: uploadId,
       type: "file",
       style: {
@@ -654,7 +657,7 @@ var UploadPhoto = function UploadPhoto(props) {
           type = _ref9.type,
           uid = _ref9.uid;
         return /*#__PURE__*/_jsx(Badge, {
-          count: getBadge(status, index, limit),
+          count: disabled ? null : getBadge(status, index, limit),
           children: /*#__PURE__*/_jsxs("div", {
             className: classnames((_classnames5 = {}, _defineProperty(_classnames5, "".concat(prefix, "-content-container"), true), _defineProperty(_classnames5, "".concat(prefix, "-content-error"), status === 'failed'), _classnames5)),
             onMouseEnter: function onMouseEnter() {

package/es/upload-photo/style/index.less

@@ -159,6 +159,19 @@
   }
 }
 
+.igloo-upload-photo-disabled {
+  color: rgba(0, 0, 0, 0.25);
+  cursor: not-allowed;
+
+  & label {
+    cursor: not-allowed !important;
+  }
+
+  & .igloo-icon {
+    color: rgba(0, 0, 0, 0.25) !important;
+  }
+}
+
 .ant-form-item-has-error .igloo-upload-photo-content-button {
   border-color: @error-color;
 }

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

@@ -0,0 +1,77 @@
+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) => boolean;
+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, dependencies?: NamePath[], asserts?: FormItemAssert[], shouldRender?: ((form?: FormInstance) => boolean) | undefined, shouldRenderCode?: string, form?: FormInstance) => any;
+export declare const getRuleValidation: (url: string, rule: string | string[], values?: any, lang?: string) => Promise<any>;

package/es/utils/tools.d.ts

@@ -1,2 +1,2 @@
 export declare const parseFileSize: (size: number) => string;
-export declare function classifyType(type: string): "image" | "video" | "pdf" | "unknown";
+export declare function classifyType(type: string): "video" | "image" | "pdf" | "unknown";

package/lib/form/addable-section/index.d.ts

@@ -0,0 +1,20 @@
+import { FC, ReactNode } from 'react';
+import { FormItemProps } from 'antd/es/form';
+import { FormItemConfig, FormItemName } from '../../types';
+import './style';
+export interface AddableSectionProps {
+    parentName?: FormItemName;
+    formItemProps?: FormItemProps;
+    config: FormItemConfig;
+    preview?: boolean;
+    disabled?: boolean;
+    setShowStepButton?: (showButton: boolean) => void;
+    max?: number;
+    min?: number;
+    initCount?: number;
+    addButtonText?: string;
+    addButtonIcon?: ReactNode;
+    description?: string | ReactNode;
+}
+declare const AddableSection: FC<AddableSectionProps>;
+export default AddableSection;

package/lib/form/addable-section/index.js

@@ -37,10 +37,11 @@ var useBreakpoint = _antd.Grid.useBreakpoint;
 var AddableSection = function AddableSection(_ref) {
   var parentName = _ref.parentName,
     config = _ref.config,
-    preview = _ref.preview,
+    previewPropsFromInnerConfig = _ref.preview,
     disabled = _ref.disabled,
     setShowStepButton = _ref.setShowStepButton;
-  var _config$elements = config.elements,
+  var formItemPreview = config.preview,
+    _config$elements = config.elements,
     elements = _config$elements === void 0 ? [] : _config$elements,
     name = config.name,
     label = config.label,
@@ -59,6 +60,7 @@ var AddableSection = function AddableSection(_ref) {
     addButtonText = config.addButtonText,
     addButtonIcon = config.addButtonIcon,
     description = config.description;
+  var preview = previewPropsFromInnerConfig || formItemPreview;
   var _useBreakpoint = useBreakpoint(),
     md = _useBreakpoint.md;
   var _useContext = (0, _react.useContext)(_locale.LocaleContext),
@@ -138,7 +140,7 @@ var AddableSection = function AddableSection(_ref) {
           level: !md ? 'body1' : 'h3b',
           wrapElement: "div",
           children: label
-        })) : /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {}), groupKeys.length > min && !preview && /*#__PURE__*/(0, _jsxRuntime.jsx)(_button.default, {
+        })) : /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {}), groupKeys.length > min && !preview && !elementProps.disabled && /*#__PURE__*/(0, _jsxRuntime.jsx)(_button.default, {
           type: "link",
           className: "igloo-addable-section-label-remove",
           onClick: function onClick() {
@@ -211,7 +213,7 @@ var AddableSection = function AddableSection(_ref) {
           whiteSpace: 'pre-wrap'
         },
         children: description
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_button.default, {
+      }), !elementProps.disabled && /*#__PURE__*/(0, _jsxRuntime.jsx)(_button.default, {
         onClick: function onClick() {
           return dispath({
             type: 'add',
@@ -220,7 +222,6 @@ var AddableSection = function AddableSection(_ref) {
         },
         className: "igloo-form-addable-section-button",
         icon: addButtonIcon,
-        disabled: elementProps.disabled,
         children: addButtonText || "".concat(formatMessage({
           id: 'Add'
         }), " ").concat(label)

package/lib/form/element/index.d.ts

@@ -0,0 +1,12 @@
+import { FC } from 'react';
+import { FormItemConfig, FormItemName } from '../../types';
+import './style';
+interface ElementProps {
+    config: FormItemConfig;
+    parentName?: FormItemName;
+    preview?: boolean;
+    disabled?: boolean;
+    setShowStepButton?: (showButton: boolean) => void;
+}
+declare const Element: FC<ElementProps>;
+export default Element;

package/lib/form/index.d.ts

@@ -0,0 +1,4 @@
+import { Form as FormType } from '../types';
+import './style';
+declare const ExportedForm: FormType;
+export default ExportedForm;

package/lib/form/section/index.d.ts

@@ -0,0 +1,16 @@
+import { FC } from 'react';
+import { FormItemProps } from 'antd/es/form';
+import { FormItemConfig, FormItemName } from '../../types';
+import './style';
+export interface SectionProps {
+    parentName?: FormItemName;
+    formItemProps?: FormItemProps;
+    config: FormItemConfig;
+    preview?: boolean;
+    disabled?: boolean;
+    collapsable?: boolean;
+    defaultCollapsed?: boolean;
+    setShowStepButton?: (showButton: boolean) => void;
+}
+declare const Section: FC<SectionProps>;
+export default Section;

package/lib/form-context.d.ts

@@ -0,0 +1,28 @@
+import React from 'react';
+import { FormInstance } from 'antd/es/form';
+import { FC, FormItemName, OCRHooks } from './types';
+declare const _default: React.Context<{
+    form?: FormInstance<any> | undefined;
+    onCancel?(): void;
+    cancelText?: string | undefined;
+    submitText?: string | undefined;
+    previewText?: string | undefined;
+    nextText?: string | undefined;
+    continueText?: string | undefined;
+    validateMessages?: Object | undefined;
+    submitting?: boolean | undefined;
+    requiredMark?: boolean | undefined;
+    showSubmitButton?: boolean | undefined;
+    getScrollContainer: () => HTMLElement | Window | null;
+    registerDependencies: (name: FormItemName | FormItemName[], updater: Function) => void;
+    handleValuesChange(changedFields: any): any;
+    uploadApi?: string | undefined;
+    selectDatasourceApi?: string | undefined;
+    getRuleValidationApi?: string | undefined;
+    customizeComponents?: {
+        [name: string]: FC<{}>;
+    } | undefined;
+    ocrHooks?: OCRHooks | undefined;
+    validationCodeExtraParams?: Record<string, any> | undefined;
+}>;
+export default _default;

package/lib/free-form/addable-section/index.d.ts

@@ -0,0 +1,19 @@
+import { FC, ReactNode } from 'react';
+import { FormItemProps } from 'antd/es/form';
+import { FormItemConfig, FormItemName } from '../../types';
+import './style';
+export interface AddableSectionProps extends FormItemConfig {
+    parentName?: FormItemName;
+    formItemProps?: FormItemProps;
+    preview?: boolean;
+    disabledFromParent?: boolean;
+    setShowStepButton?: (showButton: boolean) => void;
+    max?: number;
+    min?: number;
+    initCount?: number;
+    addButtonText?: string;
+    addButtonIcon?: ReactNode;
+    description?: string | ReactNode;
+}
+declare const AddableSection: FC<AddableSectionProps>;
+export default AddableSection;

package/lib/free-form/addable-section/index.js

@@ -249,7 +249,7 @@ var AddableSection = function AddableSection(props) {
           level: !md ? 'body1' : 'h3b',
           wrapElement: "div",
           children: label
-        })) : /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {}), groupKeys.length > min && !preview && /*#__PURE__*/(0, _jsxRuntime.jsx)(_button.default, {
+        })) : /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {}), groupKeys.length > min && !preview && !elementProps.disabled && /*#__PURE__*/(0, _jsxRuntime.jsx)(_button.default, {
           type: "link",
           className: "igloo-addable-section-label-remove",
           onClick: function onClick() {
@@ -294,7 +294,7 @@ var AddableSection = function AddableSection(props) {
           whiteSpace: 'pre-wrap'
         },
         children: description
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_button.default, {
+      }), !elementProps.disabled && /*#__PURE__*/(0, _jsxRuntime.jsx)(_button.default, {
         onClick: function onClick() {
           return dispath({
             type: 'add',

package/lib/free-form/element/index.d.ts

@@ -0,0 +1,11 @@
+import { FC } from 'react';
+import { FormItemConfig, FormItemName } from '../../types';
+import './style';
+interface ElementProps extends FormItemConfig {
+    parentName?: FormItemName;
+    preview?: boolean;
+    setShowStepButton?: (showButton: boolean) => void;
+    disabledFromParent?: boolean;
+}
+declare const Element: FC<ElementProps>;
+export default Element;

package/lib/free-form/index.d.ts

@@ -0,0 +1,11 @@
+import { FC, PropsWithChildren } from 'react';
+import { Form } from 'antd';
+import { FormBasicConfig } from '../types';
+import './style';
+interface FreeFormProps extends Omit<FormBasicConfig, 'config'> {
+}
+interface FreeFormType extends FC<PropsWithChildren<FreeFormProps>> {
+    useForm: typeof Form.useForm;
+}
+declare const FreeForm: FreeFormType;
+export default FreeForm;

package/lib/free-form/section/index.d.ts

@@ -0,0 +1,13 @@
+import { FC } from 'react';
+import { FormItemProps } from 'antd/es/form';
+import { FormItemConfig, FormItemName } from '../../types';
+import './style';
+export interface SectionProps extends FormItemConfig {
+    parentName?: FormItemName;
+    formItemProps?: FormItemProps;
+    preview?: boolean;
+    disabledFromParent?: boolean;
+    setShowStepButton?: (showButton: boolean) => void;
+}
+declare const Section: FC<SectionProps>;
+export default Section;

package/lib/modal/index.d.ts

@@ -0,0 +1,31 @@
+import { FC } from 'react';
+import { ModalFuncProps, ModalProps } from 'antd/lib/modal';
+import { FormBasicConfig, FormItemConfig } from '../types';
+import './style';
+interface FormModalProps {
+    mode?: 'form' | 'normal';
+    formConfig?: FormItemConfig;
+    formProps?: {
+        locales?: FormBasicConfig['locales'];
+        initialValues?: FormBasicConfig['initialValues'];
+        validationCodeExtraParams?: Record<string, any>;
+    };
+    onOk?: (values: any, fullValue: any) => any;
+    limitHeight?: boolean;
+}
+interface ModalFuncReturn {
+    destroy: Function;
+    update: (props: ModalProps & ModalFuncProps & FormModalProps) => any;
+}
+type ModalFunction = (props: ModalProps & ModalFuncProps & FormModalProps) => ModalFuncReturn;
+interface ModalType extends FC<ModalProps & ModalFuncProps & FormModalProps> {
+    confirm: ModalFunction;
+    info: ModalFunction;
+    warning: ModalFunction;
+    error: ModalFunction;
+    success: ModalFunction;
+    noFooter: ModalFunction;
+    destroyAll: Function;
+}
+declare const IglooModal: ModalType;
+export default IglooModal;

package/lib/types.d.ts

@@ -0,0 +1,183 @@
+/// <reference path="../typings.d.ts" />
+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';
+import { BlinkIdSingleSideRecognizerResult } from '@microblink/blinkid-in-browser-sdk';
+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>;
+}
+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 {
+    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;
+    }[];
+    length?: number;
+    minLength?: number;
+    maxLength?: number;
+    idType?: 'KTP' | 'NIK';
+    validationRule?: string;
+    shouldRenderCode?: string;
+    [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/upload-photo/index.js

@@ -149,7 +149,9 @@ var UploadPhoto = function UploadPhoto(props) {
     id = props.id,
     validateField = props.validateField,
     _props$capture = props.capture,
-    capture = _props$capture === void 0 ? false : _props$capture;
+    capture = _props$capture === void 0 ? false : _props$capture,
+    disabled = props.disabled;
+  console.log(props, 'props');
   var _useContext2 = (0, _react.useContext)(_locale.LocaleContext),
     formatMessage = _useContext2.formatMessage;
   var _useState = (0, _react.useState)((0, _agentDetect.isMobileAgent)()),
@@ -579,7 +581,7 @@ var UploadPhoto = function UploadPhoto(props) {
     });
   };
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-    className: (0, _classnames6.default)(prefix, className),
+    className: (0, _classnames6.default)(prefix, className, disabled ? "".concat(prefix, "-disabled") : ''),
     id: id,
     ref: DomRef,
     children: [Boolean(descriptions || samples.length) && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
@@ -618,6 +620,7 @@ var UploadPhoto = function UploadPhoto(props) {
         })]
       })
     }), /*#__PURE__*/(0, _jsxRuntime.jsx)("input", {
+      disabled: disabled,
       id: uploadId,
       type: "file",
       style: {
@@ -658,7 +661,7 @@ var UploadPhoto = function UploadPhoto(props) {
           type = _ref9.type,
           uid = _ref9.uid;
         return /*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.Badge, {
-          count: getBadge(status, index, limit),
+          count: disabled ? null : getBadge(status, index, limit),
           children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
             className: (0, _classnames6.default)((_classnames5 = {}, _defineProperty(_classnames5, "".concat(prefix, "-content-container"), true), _defineProperty(_classnames5, "".concat(prefix, "-content-error"), status === 'failed'), _classnames5)),
             onMouseEnter: function onMouseEnter() {

package/lib/upload-photo/style/index.less

@@ -159,6 +159,19 @@
   }
 }
 
+.igloo-upload-photo-disabled {
+  color: rgba(0, 0, 0, 0.25);
+  cursor: not-allowed;
+
+  & label {
+    cursor: not-allowed !important;
+  }
+
+  & .igloo-icon {
+    color: rgba(0, 0, 0, 0.25) !important;
+  }
+}
+
 .ant-form-item-has-error .igloo-upload-photo-content-button {
   border-color: @error-color;
 }

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

@@ -0,0 +1,77 @@
+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) => boolean;
+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, dependencies?: NamePath[], asserts?: FormItemAssert[], shouldRender?: ((form?: FormInstance) => boolean) | undefined, shouldRenderCode?: string, form?: FormInstance) => any;
+export declare const getRuleValidation: (url: string, rule: string | string[], values?: any, lang?: string) => Promise<any>;

package/lib/utils/tools.d.ts

@@ -1,2 +1,2 @@
 export declare const parseFileSize: (size: number) => string;
-export declare function classifyType(type: string): "image" | "video" | "pdf" | "unknown";
+export declare function classifyType(type: string): "video" | "image" | "pdf" | "unknown";

package/package.json

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