iglooform 3.0.8 → 3.0.10

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

@@ -37,7 +37,8 @@ var Section = function Section(props) {
   var _useContext = (0, _react.useContext)(_formContext.default),
     form = _useContext.form,
     requiredMark = _useContext.requiredMark,
-    registerDependencies = _useContext.registerDependencies;
+    registerDependencies = _useContext.registerDependencies,
+    validationCodeExtraParams = _useContext.validationCodeExtraParams;
   var _useReducer = (0, _react.useReducer)(function (r) {
       return r + 1;
     }, 0),
@@ -103,7 +104,7 @@ var Section = function Section(props) {
   }, []);
   var _calcFormItemProps = (0, _formUtils.calcFormItemProps)(rest, {
       requiredMark: requiredMark
-    }, form, parentName),
+    }, form, parentName, validationCodeExtraParams),
     formItemProps = _calcFormItemProps.formItemProps,
     elementProps = _calcFormItemProps.elementProps,
     display = _calcFormItemProps.display;

package/lib/select/style/index.less

@@ -45,7 +45,7 @@
       padding: 12px 16px;
 
       &:not(.ant-select-item-option-disabled) {
-        color:  @text-color;
+        color: @text-color;
       }
 
       .ant-select-item-option-content {
@@ -79,7 +79,7 @@
   .igloo-attached-select {
     .ant-select-selector {
       padding: 0 40px 0 16px !important;
-      border-color:  @select-border-color;
+      border-color: @select-border-color;
       height: 100%;
       border-radius: @select-border-radius;
 
@@ -122,7 +122,7 @@
     position: absolute;
     top: 12px;
     right: 16px;
-    color:  @icon-color;
+    color: @icon-color;
     font-size: 24px;
   }
 
@@ -182,7 +182,7 @@
 
         .igloo-icon {
           font-size: 24px;
-          color:  @icon-color;
+          color: @icon-color;
           cursor: pointer;
 
           &:hover {
@@ -217,9 +217,9 @@
     border-radius: 0px 0px @select-border-radius @select-border-radius;
 
     .ant-select-item {
-      padding: 8px 16px;
+      padding: 12px 16px;
       &:not(.ant-select-item-option-disabled) {
-        color:  @text-color;
+        color: @text-color;
       }
     }
   }
@@ -230,7 +230,7 @@
 
   .ant-select-selector {
     padding: 0 40px 0 16px;
-    border-color:  @select-border-color;
+    border-color: @select-border-color;
     height: 100%;
     border-radius: @select-border-radius;
 
@@ -275,7 +275,7 @@
   .ant-form-item-has-error {
     .igloo-hour-select {
       .igloo-icon {
-        color:  @icon-color;
+        color: @icon-color;
       }
     }
 
@@ -298,7 +298,7 @@
 
     .igloo-select-arrow {
       font-size: @select-icon-size;
-      color:  @icon-color;
+      color: @icon-color;
       transition: all 0.3s ease;
       position: absolute;
       top: 0;
@@ -349,7 +349,7 @@
   }
 
   .ant-select-single.ant-select-open .ant-select-selection-item {
-    color:  @text-color;
+    color: @text-color;
   }
 
   .ant-select-show-search.ant-select-single.ant-select-open

package/lib/upload/index.js

@@ -66,7 +66,7 @@ var IglooUpload = function IglooUpload(props) {
     _props$handleUpload = props.handleUpload,
     handleUpload = _props$handleUpload === void 0 ? /*#__PURE__*/function () {
       var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(file) {
-        var formData, response, rst;
+        var formData, response, error, rst;
         return _regeneratorRuntime().wrap(function _callee$(_context) {
           while (1) switch (_context.prev = _context.next) {
             case 0:
@@ -80,12 +80,22 @@ var IglooUpload = function IglooUpload(props) {
               });
             case 5:
               response = _context.sent;
-              _context.next = 8;
+              if (response.ok) {
+                _context.next = 11;
+                break;
+              }
+              _context.next = 9;
+              return response.json();
+            case 9:
+              error = _context.sent;
+              throw new Error(error.message || 'upload failed');
+            case 11:
+              _context.next = 13;
               return response.json();
-            case 8:
+            case 13:
               rst = _context.sent;
               return _context.abrupt("return", rst.url);
-            case 10:
+            case 15:
             case "end":
               return _context.stop();
           }

package/lib/upload-photo/index.js

@@ -105,7 +105,7 @@ var UploadPhoto = function UploadPhoto(props) {
     _props$handleUpload = props.handleUpload,
     handleUpload = _props$handleUpload === void 0 ? /*#__PURE__*/function () {
       var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2(file) {
-        var formData, response, rst;
+        var formData, response, error, rst;
         return _regeneratorRuntime().wrap(function _callee2$(_context2) {
           while (1) switch (_context2.prev = _context2.next) {
             case 0:
@@ -119,12 +119,22 @@ var UploadPhoto = function UploadPhoto(props) {
               });
             case 5:
               response = _context2.sent;
-              _context2.next = 8;
+              if (response.ok) {
+                _context2.next = 11;
+                break;
+              }
+              _context2.next = 9;
+              return response.json();
+            case 9:
+              error = _context2.sent;
+              throw new Error(error.message || 'upload failed');
+            case 11:
+              _context2.next = 13;
               return response.json();
-            case 8:
+            case 13:
               rst = _context2.sent;
               return _context2.abrupt("return", rst.url);
-            case 10:
+            case 15:
             case "end":
               return _context2.stop();
           }

package/lib/utils/form-utils.js

@@ -132,7 +132,7 @@ var calcRequired = function calcRequired(required, form, requiredAsserts) {
   }
   return required;
 };
-var calcFormItemProps = function calcFormItemProps(config, extraProps, form, parentName) {
+var calcFormItemProps = function calcFormItemProps(config, extraProps, form, parentName, validationCodeExtraParams) {
   var type = config.type,
     nameProp = config.name,
     _config$required = config.required,
@@ -311,7 +311,7 @@ var calcFormItemProps = function calcFormItemProps(config, extraProps, form, par
             var formValues = form === null || form === void 0 ? void 0 : form.getFieldsValue(true);
             var _result2 = fn(value, formValues, {
               moment: _dayjs.default
-            });
+            }, validationCodeExtraParams);
             return _result2 ? Promise.resolve() : Promise.reject(errorMessage);
           } catch (_unused) {
             return Promise.reject(errorMessage);

package/package.json

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

package/.idea/misc.xml

@@ -1,5 +0,0 @@
-<project version="4">
-  <component name="ProjectRootManager">
-    <output url="file://$PROJECT_DIR$/out" />
-  </component>
-</project>

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

@@ -1,20 +0,0 @@
-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/element/index.d.ts

@@ -1,12 +0,0 @@
-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

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

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

@@ -1,16 +0,0 @@
-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

@@ -1,27 +0,0 @@
-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;
-}>;
-export default _default;

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

@@ -1,19 +0,0 @@
-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/element/index.d.ts

@@ -1,11 +0,0 @@
-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

@@ -1,11 +0,0 @@
-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

@@ -1,13 +0,0 @@
-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

@@ -1,30 +0,0 @@
-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'];
-    };
-    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

@@ -1,182 +0,0 @@
-/// <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;
-}
-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/utils/form-utils.d.ts

@@ -1,77 +0,0 @@
-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) => {
-    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/form/addable-section/index.d.ts

@@ -1,20 +0,0 @@
-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/element/index.d.ts

@@ -1,12 +0,0 @@
-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;