iglooform 2.3.14 → 2.3.18

package/es/admin-upload/modal.js

@@ -71,7 +71,7 @@ var Import = function Import(_ref) {
         customRequest: function customRequest() {},
         action: function action(file) {
           var dataSourceId = currentSource;
-          setSource(undefined);
+          Array.isArray(dataSource) && setSource(undefined);
           return onUpload(file, dataSourceId);
         }
       }, {

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

@@ -139,6 +139,7 @@
       .igloo-admin-upload-dragger-switch {
         min-width: 224px;
         margin-top: 16px;
+        text-align: left;
       }
 
       .igloo-admin-upload-dargger-title {

package/es/form/element/index.js

@@ -34,7 +34,7 @@ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useContext, useEffect, useRef, useReducer } from 'react';
 import { CloseCircleFilled } from '@ant-design/icons';
-import { calcFormItemProps } from '../utils';
+import { calcFormItemProps } from '../../utils/form-utils';
 import Section from '../section';
 import useComponent from '../elements';
 import FormContext from '../context';
@@ -52,7 +52,7 @@ var Element = function Element(_ref) {
       setShowStepButton = _ref.setShowStepButton;
   var type = config.type,
       label = config.label,
-      render = config.render;
+      previewLabel = config.previewLabel;
 
   var _useContext = useContext(FormContext),
       form = _useContext.form,
@@ -72,7 +72,8 @@ var Element = function Element(_ref) {
         copyValue = config.copyValue,
         selectValue = config.selectValue,
         shouldRender = config.shouldRender,
-        dependField = config.dependField;
+        dependField = config.dependField,
+        getOptions = config.getOptions;
     var dependentField = dependencies || [];
 
     if (asserts && asserts.length) {
@@ -93,7 +94,7 @@ var Element = function Element(_ref) {
       });
     }
 
-    if (shouldRender) {
+    if (shouldRender || getOptions) {
       dependentField.push('SUBSCRIBE_ALL');
     }
 
@@ -116,7 +117,10 @@ var Element = function Element(_ref) {
   if (type === 'Section') {
     return _jsx(Section, {
       parentName: parentName,
-      config: config
+      config: config,
+      preview: preview,
+      disabled: disabled,
+      setShowStepButton: setShowStepButton
     }, void 0);
   }
 
@@ -246,14 +250,14 @@ var Element = function Element(_ref) {
             xs: 0
           }
         }, {
-          children: [label && _jsx(_Col, Object.assign({
+          children: [(previewLabel || label) && _jsx(_Col, Object.assign({
             span: 12,
             md: 12,
             sm: 24,
             xs: 24,
             className: "igloo-element-preview-label"
           }, {
-            children: label
+            children: previewLabel || label
           }), void 0), _jsxs(_Col, Object.assign({
             span: label ? 12 : 24,
             md: label ? 12 : 24,

package/es/form/login/index.js

@@ -9,7 +9,7 @@ import _Col from "antd/es/col";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useContext } from 'react';
 import Element from '../element';
-import { calcNamePath } from '../utils';
+import { calcNamePath } from '../../utils/form-utils';
 import FormContext from '../context';
 import { LocaleContext } from '../../locale';
 import './style/index.less';

package/es/form/page/index.js

@@ -21,7 +21,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useContext, useEffect, useReducer } from 'react';
 import Button from '../../button';
 import Element from '../element';
-import { calcNamePath } from '../utils';
+import { calcNamePath } from '../../utils/form-utils';
 import FormContext from '../context';
 import { LocaleContext } from '../../locale';
 import './style/index.less';

package/es/form/pages/index.js

@@ -23,7 +23,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useState, useContext, useReducer, useEffect } from 'react';
 import Button from '../../button';
 import Page from '../page';
-import { calcNamePath } from '../utils';
+import { calcNamePath } from '../../utils/form-utils';
 import FormContext from '../context';
 import { LocaleContext } from '../../locale';
 import './style/index.less';

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

@@ -6,6 +6,9 @@ export interface SectionProps {
     parentName?: FormItemName;
     formItemProps?: FormItemProps;
     config: FormItemConfig;
+    preview?: boolean;
+    disabled?: boolean;
+    setShowStepButton?: (showButton: boolean) => void;
 }
 declare const Section: FC<SectionProps>;
 export default Section;

package/es/form/section/index.js

@@ -18,7 +18,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useContext } from 'react';
 import Element from '../element';
 import FormContext from '../context';
-import { calcNamePath, calcFormItemProps } from '../utils';
+import { calcNamePath, calcFormItemProps } from '../../utils/form-utils';
 import Typography from '../../typography';
 import './style/index.less';
 
@@ -35,7 +35,10 @@ var Section = function Section(_ref) {
       contentProps = _ref$config$contentPr === void 0 ? {} : _ref$config$contentPr,
       _ref$config$style = _ref$config.style,
       style = _ref$config$style === void 0 ? {} : _ref$config$style,
-      rest = _objectWithoutProperties(_ref$config, _excluded);
+      rest = _objectWithoutProperties(_ref$config, _excluded),
+      preview = _ref.preview,
+      disabled = _ref.disabled,
+      setShowStepButton = _ref.setShowStepButton;
 
   var _useContext = useContext(FormContext),
       form = _useContext.form,
@@ -84,7 +87,9 @@ var Section = function Section(_ref) {
           return _jsx(Element, {
             parentName: namePath,
             config: child,
-            disabled: elementProps.disabled
+            disabled: elementProps.disabled || disabled,
+            preview: preview,
+            setShowStepButton: setShowStepButton
           }, index);
         })
       }), void 0)

package/es/form/step/index.js

@@ -24,7 +24,7 @@ import { useContext, useState, useRef, useEffect } from 'react';
 import { LocaleContext } from '../../locale';
 import Button from '../../button';
 import Element from '../element';
-import { calcNamePath } from '../utils';
+import { calcNamePath } from '../../utils/form-utils';
 import FormContext from '../context';
 import './style/index.less';
 var useBreakpoint = _Grid.useBreakpoint;

package/es/form/steps/index.js

@@ -17,7 +17,7 @@ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 import { jsx as _jsx } from "react/jsx-runtime";
 import { useState, useContext, useEffect, useReducer } from 'react';
 import Step from '../step';
-import { calcNamePath } from '../utils';
+import { calcNamePath } from '../../utils/form-utils';
 import FormContext from '../context';
 import './style/index.less';
 import invariant from 'invariant';
@@ -69,7 +69,7 @@ var Steps = function Steps(_ref) {
     }
   }, []);
   var renderElements = elements.filter(function (step) {
-    step.key = step.name || step.key || Math.random();
+    step.key = step.name || step.key;
     return typeof step.shouldRender !== 'function' || step.shouldRender(form);
   });
 

package/es/free-form/element/index.js

@@ -33,7 +33,7 @@ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useContext, useEffect, useRef, useReducer, isValidElement, cloneElement, useMemo } from 'react';
 import { CloseCircleFilled } from '@ant-design/icons';
-import { calcFormItemProps } from '../utils';
+import { calcFormItemProps } from '../../utils/form-utils';
 import FormContext from '../context';
 import omit from 'omit.js';
 import classNames from 'classnames';
@@ -43,6 +43,7 @@ var useBreakpoint = _Grid.useBreakpoint;
 var Element = function Element(props) {
   var parentName = props.parentName,
       label = props.label,
+      previewLabel = props.previewLabel,
       preview = props.preview,
       disabled = props.disabled,
       children = props.children;
@@ -65,7 +66,8 @@ var Element = function Element(props) {
         copyValue = props.copyValue,
         selectValue = props.selectValue,
         shouldRender = props.shouldRender,
-        dependField = props.dependField;
+        dependField = props.dependField,
+        getOptions = props.getOptions;
     var dependentField = dependencies || [];
 
     if (asserts && asserts.length) {
@@ -86,7 +88,7 @@ var Element = function Element(props) {
       });
     }
 
-    if (shouldRender) {
+    if (shouldRender || getOptions) {
       dependentField.push('SUBSCRIBE_ALL');
     }
 
@@ -215,14 +217,14 @@ var Element = function Element(props) {
             xs: 0
           }
         }, {
-          children: [label && _jsx(_Col, Object.assign({
+          children: [(previewLabel || label) && _jsx(_Col, Object.assign({
             span: 12,
             md: 12,
             sm: 24,
             xs: 24,
             className: "igloo-element-preview-label"
           }, {
-            children: label
+            children: previewLabel || label
           }), void 0), _jsxs(_Col, Object.assign({
             span: label ? 12 : 24,
             md: label ? 12 : 24,

package/es/free-form/page/index.js

@@ -24,7 +24,7 @@ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useContext, useEffect, cloneElement, isValidElement, useMemo, useReducer } from 'react';
 import Button from '../../button';
-import { calcNamePath } from '../utils';
+import { calcNamePath } from '../../utils/form-utils';
 import FormContext from '../context';
 import { LocaleContext } from '../../locale';
 import Typography from '../../typography';

package/es/input/phone-number.js

@@ -110,7 +110,12 @@ PhoneNumber.formItemPropsHandler = function (_ref2) {
           id: 'Numbers only, please omit " " or "-".'
         }));
       }
-    }]
+    }],
+    previewFormater: function previewFormater(_ref3) {
+      var areaCode = _ref3.areaCode,
+          phoneNumber = _ref3.phoneNumber;
+      return "".concat(areaCode).concat(phoneNumber);
+    }
   };
 };
 

package/es/layout/defaultFooter.d.ts

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

package/es/layout/defaultFooter.js

@@ -0,0 +1,137 @@
+import "antd/es/space/style";
+import _Space from "antd/es/space";
+import "antd/es/grid/style";
+import _Grid from "antd/es/grid";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import Typography from '../typography';
+import Button from '../button';
+import './style';
+
+var DefaultFooter = function DefaultFooter() {
+  var useBreakpoint = _Grid.useBreakpoint;
+
+  var _useBreakpoint = useBreakpoint(),
+      md = _useBreakpoint.md;
+
+  return md ? _jsx("div", Object.assign({
+    className: "igloo-layout-footer"
+  }, {
+    children: _jsxs("div", Object.assign({
+      className: "footer-content"
+    }, {
+      children: [_jsx(_Space, Object.assign({
+        size: 32,
+        align: "start",
+        className: "footer-top"
+      }, {
+        children: _jsx("div", Object.assign({
+          className: "top-left"
+        }, {
+          children: _jsx("div", {
+            className: "igloo-logo"
+          }, void 0)
+        }), void 0)
+      }), void 0), _jsx("div", {
+        className: "footer-divider"
+      }, void 0), _jsxs("div", Object.assign({
+        className: "footer-bottom"
+      }, {
+        children: [_jsx(Typography, Object.assign({
+          level: "body3"
+        }, {
+          children: "\xA9 ".concat(new Date().getFullYear(), " Powered by Axinan Pte Ltd. All Rights Reserved.")
+        }), void 0), _jsxs(Typography, Object.assign({
+          level: "body3"
+        }, {
+          children: [_jsx(Button, Object.assign({
+            type: "text",
+            onClick: function onClick() {
+              return window.open('https://contents.iglooinsure.com/privacypolicy');
+            }
+          }, {
+            children: _jsx(Typography, Object.assign({
+              level: "body3"
+            }, {
+              children: "Privacy Policy"
+            }), void 0)
+          }), void 0), ' ', _jsx("span", Object.assign({
+            style: {
+              margin: '0px 16px'
+            }
+          }, {
+            children: "|"
+          }), void 0), _jsx(Button, Object.assign({
+            type: "text",
+            onClick: function onClick() {
+              return window.open('https://contents.iglooinsure.com/termsofservice');
+            }
+          }, {
+            children: _jsx(Typography, Object.assign({
+              level: "body3"
+            }, {
+              children: "Terms of Service"
+            }), void 0)
+          }), void 0)]
+        }), void 0)]
+      }), void 0)]
+    }), void 0)
+  }), void 0) : _jsx("div", Object.assign({
+    className: "igloo-layout-footer"
+  }, {
+    children: _jsxs("div", Object.assign({
+      className: "footer-content"
+    }, {
+      children: [_jsx("div", {
+        className: "igloo-logo"
+      }, void 0), _jsxs("div", Object.assign({
+        className: "footer-bottom"
+      }, {
+        children: [_jsx("div", {
+          children: _jsxs(Typography, Object.assign({
+            level: "body3"
+          }, {
+            children: ["\xA9 ".concat(new Date().getFullYear(), " Powered by Axinan Pte Ltd."), _jsx("div", {
+              children: "All Rights Reserved."
+            }, void 0)]
+          }), void 0)
+        }, void 0), _jsx("div", {
+          children: _jsxs(Typography, Object.assign({
+            level: "body3"
+          }, {
+            children: [_jsx(Button, Object.assign({
+              type: "text",
+              onClick: function onClick() {
+                return window.open('https://contents.iglooinsure.com/privacypolicy');
+              }
+            }, {
+              children: _jsx(Typography, Object.assign({
+                level: "body3"
+              }, {
+                children: "Privacy Policy"
+              }), void 0)
+            }), void 0), ' ', _jsx("span", Object.assign({
+              style: {
+                margin: '0px 16px'
+              }
+            }, {
+              children: "|"
+            }), void 0), ' ', _jsx(Button, Object.assign({
+              type: "text",
+              onClick: function onClick() {
+                return window.open('https://contents.iglooinsure.com/termsofservice');
+              }
+            }, {
+              children: _jsx(Typography, Object.assign({
+                level: "body3"
+              }, {
+                children: "Terms of Service"
+              }), void 0)
+            }), void 0)]
+          }), void 0)
+        }, void 0)]
+      }), void 0)]
+    }), void 0)
+  }), void 0);
+};
+
+export default DefaultFooter;

package/es/layout/defaultHeader.d.ts

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

package/es/layout/defaultHeader.js

@@ -0,0 +1,40 @@
+import "antd/es/grid/style";
+import _Grid from "antd/es/grid";
+import { jsx as _jsx } from "react/jsx-runtime";
+import classnames from 'classnames';
+import './style';
+
+var DefaultHeader = function DefaultHeader() {
+  var useBreakpoint = _Grid.useBreakpoint;
+
+  var _useBreakpoint = useBreakpoint(),
+      md = _useBreakpoint.md;
+
+  return md ? _jsx("div", Object.assign({
+    className: classnames({
+      'igloo-layout-header': true
+    })
+  }, {
+    children: _jsx("div", Object.assign({
+      className: "header-content"
+    }, {
+      children: _jsx("div", Object.assign({
+        className: "header-left"
+      }, {
+        children: _jsx("div", {
+          className: "igloo-logo"
+        }, void 0)
+      }), void 0)
+    }), void 0)
+  }), void 0) : _jsx("div", Object.assign({
+    className: classnames({
+      'igloo-layout-header': true
+    })
+  }, {
+    children: _jsx("div", {
+      className: "igloo-logo"
+    }, void 0)
+  }), void 0);
+};
+
+export default DefaultHeader;

package/es/layout/index.js

@@ -4,6 +4,8 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import classnames from 'classnames';
 import LayoutHeader from './header';
 import LayoutFooter from './footer';
+import DefaultHeader from './defaultHeader';
+import DefaultFooter from './defaultFooter';
 import './style';
 
 var Layout = function Layout(props) {
@@ -83,28 +85,11 @@ var Layout = function Layout(props) {
       contentDom = children;
   }
 
-  if (!md) {
-    return _jsxs("div", Object.assign({
-      style: style,
-      className: classnames(layoutContainerClass, className)
-    }, {
-      children: [headerConfig && _jsx(LayoutHeader, Object.assign({}, headerConfig), void 0), headerDom, _jsx("div", Object.assign({
-        className: "igloo-layout-center"
-      }, {
-        children: _jsx("div", Object.assign({
-          className: "igloo-layout-content"
-        }, {
-          children: contentDom
-        }), void 0)
-      }), void 0), footerConfig && _jsx(LayoutFooter, Object.assign({}, footerConfig), void 0), footerDom]
-    }), void 0);
-  }
-
   return _jsxs("div", Object.assign({
     style: style,
     className: classnames(layoutContainerClass, className)
   }, {
-    children: [headerConfig && _jsx(LayoutHeader, Object.assign({}, headerConfig), void 0), headerDom, _jsx("div", Object.assign({
+    children: [!headerDom && !headerConfig && _jsx(DefaultHeader, {}, void 0), headerConfig && _jsx(LayoutHeader, Object.assign({}, headerConfig), void 0), headerDom, _jsx("div", Object.assign({
       className: "igloo-layout-center"
     }, {
       children: _jsx("div", Object.assign({
@@ -112,7 +97,7 @@ var Layout = function Layout(props) {
       }, {
         children: contentDom
       }), void 0)
-    }), void 0), footerConfig && _jsx(LayoutFooter, Object.assign({}, footerConfig), void 0), footerDom]
+    }), void 0), !footerDom && !footerConfig && _jsx(DefaultFooter, {}, void 0), footerConfig && _jsx(LayoutFooter, Object.assign({}, footerConfig), void 0), footerDom]
   }), void 0);
 };
 

package/es/select/attached-select.d.ts

@@ -6,6 +6,7 @@ export declare const Option: import("rc-select/lib/Option").OptionFC, OptGroup:
 declare type Props = SelectProps<SelectValue> & IglooComponentProps & {
     getOptions?: (form: FormInstance) => any[];
     multiple?: boolean;
+    clearWhenOptionsUpdated?: boolean;
 };
 declare type OptionType = typeof Option;
 declare type OptGroupType = typeof OptGroup;

package/es/select/attached-select.js

@@ -1,6 +1,6 @@
 import "antd/es/select/style";
 import _Select from "antd/es/select";
-var _excluded = ["options", "getOptions", "value", "className", "placeholder", "onDropdownVisibleChange", "children", "showSearch", "filterOption", "optionFilterProp", "multiple"];
+var _excluded = ["options", "getOptions", "value", "className", "placeholder", "onDropdownVisibleChange", "children", "showSearch", "filterOption", "optionFilterProp", "multiple", "clearWhenOptionsUpdated"];
 
 function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
 
@@ -54,6 +54,8 @@ var IglooSelect = function IglooSelect(_ref) {
       filterOption = _ref.filterOption,
       optionFilterProp = _ref.optionFilterProp,
       multiple = _ref.multiple,
+      _ref$clearWhenOptions = _ref.clearWhenOptionsUpdated,
+      clearWhenOptionsUpdated = _ref$clearWhenOptions === void 0 ? false : _ref$clearWhenOptions,
       rest = _objectWithoutProperties(_ref, _excluded);
 
   var _useContext = useContext(LocaleContext),
@@ -127,6 +129,11 @@ var IglooSelect = function IglooSelect(_ref) {
     if (updateOptions) {
       setOriginOptions(options);
       setDisplay(options);
+      var setFieldValue = rest.setFieldValue;
+
+      if (clearWhenOptionsUpdated) {
+        typeof setFieldValue === 'function' && setFieldValue();
+      }
     }
   }, [options]);
   useEffect(function () {

package/es/types.d.ts

@@ -92,6 +92,7 @@ export interface FormItemConfig extends FormItemExtraConfig {
     type?: string;
     name?: NamePath;
     label?: string | React.ReactNode;
+    previewLabel?: string | React.ReactNode;
     labelProps?: any;
     contentProps?: any;
 }

package/es/{form/utils.d.ts → utils/form-utils.d.ts}

@@ -35,6 +35,7 @@ export declare const calcFormItemProps: (config: FormItemConfig, extraProps: For
         };
         normalize: ((value: any, prevValue: any, allValues: import("rc-field-form/lib/interface").Store) => any) | undefined;
         rules: import("rc-field-form/lib/interface").Rule[];
+        validateTrigger: string[];
         label: JSX.Element | null;
         getValueFromEvent: ((...args: import("rc-field-form/lib/interface").EventArgs) => any) | undefined;
         getValueProps: ((value: any) => object) | undefined;

package/es/{form/utils.js → utils/form-utils.js}

@@ -1,4 +1,4 @@
-var _excluded = ["type", "name", "required", "showOptional", "rules", "initialValue", "normalize", "mergeRules", "getValueFromEvent", "getValueProps", "extra", "help", "label", "extraLabel", "copyValue", "selectValue", "span", "halfRow", "fullRow", "valuePropName", "dependencies", "asserts", "messageVariables", "requiredMessage", "previewFormater", "disabled", "ignore", "shouldRender", "valueFormater"],
+var _excluded = ["type", "name", "required", "showOptional", "rules", "initialValue", "normalize", "mergeRules", "getValueFromEvent", "getValueProps", "extra", "help", "label", "previewLabel", "extraLabel", "copyValue", "selectValue", "span", "halfRow", "fullRow", "valuePropName", "dependencies", "asserts", "messageVariables", "requiredMessage", "previewFormater", "disabled", "ignore", "shouldRender", "valueFormater"],
     _excluded2 = ["initialValue", "normalize", "rules", "extra", "help", "getValueFromEvent", "span", "valuePropName", "fullRow", "halfRow", "messageVariables", "requiredMessage", "previewFormater", "valueFormater", "required", "requiredMark", "className"];
 
 function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it.return != null) it.return(); } finally { if (didErr) throw err; } } }; }
@@ -111,6 +111,7 @@ export var calcFormItemProps = function calcFormItemProps(config, extraProps, fo
       extra = config.extra,
       help = config.help,
       label = config.label,
+      previewLabel = config.previewLabel,
       extraLabel = config.extraLabel,
       copyValue = config.copyValue,
       selectValue = config.selectValue,
@@ -169,6 +170,14 @@ export var calcFormItemProps = function calcFormItemProps(config, extraProps, fo
     rules.push.apply(rules, _toConsumableArray(extraRules));
   }
 
+  var validateTriggers = ['onChange'];
+  rules.forEach(function (_ref) {
+    var validateTrigger = _ref.validateTrigger;
+
+    if (validateTrigger) {
+      Array.isArray(validateTrigger) ? validateTriggers.push.apply(validateTriggers, _toConsumableArray(validateTrigger)) : validateTriggers.push(validateTrigger);
+    }
+  });
   var isRequired = required || rules.find(function (rule) {
     return rule.required;
   });
@@ -196,6 +205,7 @@ export var calcFormItemProps = function calcFormItemProps(config, extraProps, fo
       selectedValue: selectedValue,
       normalize: normalize || extraNormalize,
       rules: rules,
+      validateTrigger: _toConsumableArray(new Set(validateTriggers)),
       label: label ? _jsxs("div", Object.assign({
         className: "igloo-form-label"
       }, {

package/lib/admin-upload/modal.js

@@ -88,7 +88,7 @@ var Import = function Import(_ref) {
         customRequest: function customRequest() {},
         action: function action(file) {
           var dataSourceId = currentSource;
-          setSource(undefined);
+          Array.isArray(dataSource) && setSource(undefined);
           return onUpload(file, dataSourceId);
         }
       }, {

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

@@ -139,6 +139,7 @@
       .igloo-admin-upload-dragger-switch {
         min-width: 224px;
         margin-top: 16px;
+        text-align: left;
       }
 
       .igloo-admin-upload-dargger-title {