iglooform 3.1.5 → 3.2.0

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

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

package/es/config-provider.d.ts

@@ -0,0 +1,13 @@
+import { FC, ReactNode } from 'react';
+import { ConfigProvider as AntdConfigProvider } from 'antd';
+import { ConfigProviderProps } from 'antd/es/config-provider';
+export interface ConfigProviderContextType {
+    configProvider: typeof AntdConfigProvider;
+}
+export declare let staticAntdConfig: ConfigProviderProps;
+declare const ConfigProvider: FC<{
+    currentLang: string;
+    config?: ConfigProviderProps;
+    children?: ReactNode;
+}>;
+export default ConfigProvider;

package/es/config-provider.js

@@ -0,0 +1,28 @@
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+import { useEffect } from 'react';
+import { ConfigProvider as AntdConfigProvider } from 'antd';
+import LocalProvider from "./locale/locale-provider";
+import { jsx as _jsx } from "react/jsx-runtime";
+export var staticAntdConfig;
+var ConfigProvider = function ConfigProvider(_ref) {
+  var currentLang = _ref.currentLang,
+    _ref$config = _ref.config,
+    config = _ref$config === void 0 ? {} : _ref$config,
+    children = _ref.children;
+  useEffect(function () {
+    staticAntdConfig = config;
+  }, [config]);
+  return /*#__PURE__*/_jsx(AntdConfigProvider, _objectSpread(_objectSpread({}, config), {}, {
+    children: /*#__PURE__*/_jsx(LocalProvider, {
+      currentLang: currentLang,
+      underConfigProvider: true,
+      children: children
+    })
+  }));
+};
+export default ConfigProvider;

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

@@ -18,7 +18,7 @@ import React, { useReducer, useContext, useCallback } from 'react';
 import { Col, Divider, Row, Grid } from 'antd';
 import Element from "../element";
 import FormContext from "../../form-context";
-import { calcNamePath, calcFormItemProps } from "../../utils/form-utils";
+import { calcNamePath, calcFormItemProps, calcAddableSectionAssertField } from "../../utils/form-utils";
 import Typography from "../../typography";
 import Button from "../../button";
 import { LocaleContext } from "../../locale";
@@ -153,25 +153,36 @@ var AddableSection = function AddableSection(_ref) {
         },
         children: /*#__PURE__*/_jsx(Row, {
           gutter: [32, preview ? 16 : 24],
-          children: elements.map(function (child, index) {
+          children: elements.map(function (child, _index) {
             var _child = _objectSpread({}, child);
             if (Array.isArray(child.asserts)) {
               _child.asserts = child.asserts.map(function (assert) {
                 return _objectSpread(_objectSpread({}, assert), {}, {
-                  field: calcNamePath(parentName, assert.field)
+                  field: calcAddableSectionAssertField(namePath, assert.field, index, elements)
                 });
               });
             }
             if (Array.isArray(child.requiredAsserts)) {
               _child.requiredAsserts = child.requiredAsserts.map(function (assert) {
                 return _objectSpread(_objectSpread({}, assert), {}, {
-                  field: calcNamePath(parentName, assert.field)
+                  field: calcAddableSectionAssertField(namePath, assert.field, index, elements)
                 });
               });
             }
+            if (Array.isArray(child.disabled)) {
+              _child.disabled = child.disabled.map(function (assert) {
+                return _objectSpread(_objectSpread({}, assert), {}, {
+                  field: calcAddableSectionAssertField(namePath, assert.field, index, elements)
+                });
+              });
+            } else if (_typeof(child.disabled) === 'object') {
+              _child.disabled = _objectSpread(_objectSpread({}, child.disabled), {}, {
+                field: calcAddableSectionAssertField(namePath, child.disabled.field, index, elements)
+              });
+            }
             if (Array.isArray(child.dependencies)) {
               _child.dependencies = child.dependencies.map(function (path) {
-                return calcNamePath(parentName, path);
+                return calcAddableSectionAssertField(namePath, path, index, elements);
               });
             }
             return /*#__PURE__*/_jsx(Element, {
@@ -180,11 +191,11 @@ var AddableSection = function AddableSection(_ref) {
               disabled: elementProps.disabled || disabled,
               preview: preview,
               setShowStepButton: setShowStepButton
-            }, index);
+            }, _index);
           })
         })
       }))]
-    }, key);
+    }, key + index);
   });
   return /*#__PURE__*/_jsxs("div", {
     className: "igloo-form-addable-section-container",

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/element/index.js

@@ -68,7 +68,8 @@ var Element = function Element(_ref) {
       disabled = config.disabled,
       extraLabel = config.extraLabel,
       requiredAsserts = config.requiredAsserts,
-      shouldRenderCode = config.shouldRenderCode;
+      shouldRenderCode = config.shouldRenderCode,
+      disabledCode = config.disabledCode;
     var dependentField = dependencies || [];
     if (Array.isArray(subscribedFields)) {
       dependentField.push.apply(dependentField, _toConsumableArray(subscribedFields));
@@ -94,7 +95,7 @@ var Element = function Element(_ref) {
         return dependentField.push(assert.field);
       });
     }
-    if ((shouldRender || shouldRenderCode || getOptions || typeof extraLabel === 'function') && !Array.isArray(subscribedFields)) {
+    if ((shouldRender || shouldRenderCode || disabledCode || getOptions || typeof extraLabel === 'function') && !Array.isArray(subscribedFields)) {
       dependentField.push('SUBSCRIBE_ALL');
     }
     if (dependField) {

package/es/form/hsteps/index.js

@@ -76,6 +76,7 @@ var HSteps = function HSteps(_ref) {
   var _useContext2 = useContext(LocaleContext),
     formatMessage = _useContext2.formatMessage,
     currentLang = _useContext2.currentLang;
+  var _parentName = calcNamePath(parentName, name);
   useEffect(function () {
     var subscribe = elements.some(function (_ref2) {
       var shouldRender = _ref2.shouldRender,
@@ -111,7 +112,7 @@ var HSteps = function HSteps(_ref) {
       shouldRenderCode = _ref5.shouldRenderCode;
     invariant(type === 'Step', 'Child of steps should be Step');
     invariant(!validationRule || getRuleValidationApi, 'Please provide getRuleValidationApi in Form props');
-    return calcShouldRender(calcNamePath(calcNamePath(parentName, name), curName), dependencies, asserts, shouldRender, shouldRenderCode, form);
+    return calcShouldRender(calcNamePath(_parentName, curName), _parentName, dependencies, asserts, shouldRender, shouldRenderCode, form);
   });
   var handleNext = /*#__PURE__*/function () {
     var _ref6 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
@@ -270,7 +271,7 @@ var HSteps = function HSteps(_ref) {
         },
         children: /*#__PURE__*/_jsx(HStep, {
           config: renderElements[current],
-          parentName: calcNamePath(parentName, name),
+          parentName: _parentName,
           index: current,
           total: withReview ? renderElements.length + 1 : renderElements.length,
           preview: false,
@@ -300,7 +301,7 @@ var HSteps = function HSteps(_ref) {
         }), renderElements.map(function (step, index) {
           return /*#__PURE__*/_jsx(HStep, {
             config: step,
-            parentName: calcNamePath(parentName, name),
+            parentName: _parentName,
             index: index,
             total: withReview ? renderElements.length + 1 : renderElements.length,
             preview: true,

package/es/form/steps/index.js

@@ -53,6 +53,7 @@ var Steps = function Steps(_ref) {
     registerDependencies = _useContext.registerDependencies;
   var _useContext2 = useContext(LocaleContext),
     currentLang = _useContext2.currentLang;
+  var _parentName = calcNamePath(parentName, name);
   useEffect(function () {
     var subscribe = elements.some(function (_ref2) {
       var shouldRender = _ref2.shouldRender,
@@ -84,7 +85,7 @@ var Steps = function Steps(_ref) {
       asserts = _ref5.asserts,
       shouldRender = _ref5.shouldRender,
       shouldRenderCode = _ref5.shouldRenderCode;
-    return calcShouldRender(calcNamePath(calcNamePath(parentName, name), curName), dependencies, asserts, shouldRender, shouldRenderCode, form);
+    return calcShouldRender(calcNamePath(_parentName, curName), _parentName, dependencies, asserts, shouldRender, shouldRenderCode, form);
   });
   var handleNext = /*#__PURE__*/function () {
     var _ref6 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
@@ -197,7 +198,7 @@ var Steps = function Steps(_ref) {
           },
           children: /*#__PURE__*/_jsx(Step, {
             config: child,
-            parentName: calcNamePath(parentName, name),
+            parentName: _parentName,
             index: index,
             total: renderElements.length,
             preview: current > index,

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

@@ -17,7 +17,7 @@ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 import React, { useReducer, useContext, useEffect, useCallback, cloneElement, isValidElement } from 'react';
 import { Col, Row } from 'antd';
 import FormContext from "../../form-context";
-import { calcNamePath, calcFormItemProps } from "../../utils/form-utils";
+import { calcNamePath, calcFormItemProps, calcAddableSectionAssertField } from "../../utils/form-utils";
 import Typography from "../../typography";
 import Button from "../../button";
 import { LocaleContext } from "../../locale";
@@ -156,32 +156,44 @@ var AddableSection = function AddableSection(props) {
     }]);
   }
   var transformChildren = function transformChildren(parentName) {
+    var index = parentName[parentName.length - 1];
     if (Array.isArray(children)) {
-      return children.map(function (c, index) {
+      return children.map(function (c, _index) {
         var _c$type;
         var _child = _objectSpread({}, c.props);
         if (Array.isArray(_child.asserts)) {
           _child.asserts = _child.asserts.map(function (assert) {
             return _objectSpread(_objectSpread({}, assert), {}, {
-              field: calcNamePath(parentName, assert.field)
+              field: calcAddableSectionAssertField(namePath, assert.field, index, children)
             });
           });
         }
         if (Array.isArray(_child.requiredAsserts)) {
           _child.requiredAsserts = _child.requiredAsserts.map(function (assert) {
             return _objectSpread(_objectSpread({}, assert), {}, {
-              field: calcNamePath(parentName, assert.field)
+              field: calcAddableSectionAssertField(namePath, assert.field, index, children)
             });
           });
         }
+        if (Array.isArray(_child.disabled)) {
+          _child.disabled = _child.disabled.map(function (assert) {
+            return _objectSpread(_objectSpread({}, assert), {}, {
+              field: calcAddableSectionAssertField(namePath, assert.field, index, children)
+            });
+          });
+        } else if (_typeof(_child.disabled) === 'object') {
+          _child.disabled = _objectSpread(_objectSpread({}, _child.disabled), {}, {
+            field: calcAddableSectionAssertField(namePath, _child.disabled.field, index, children)
+          });
+        }
         if (Array.isArray(_child.dependencies)) {
           _child.dependencies = _child.dependencies.map(function (path) {
-            return calcNamePath(parentName, path);
+            return calcAddableSectionAssertField(namePath, path, index, children);
           });
         }
         if (['Igloo_Free_Form_Item', 'Igloo_Free_Form_Section', 'Igloo_Free_Form_AddableSection'].includes(c === null || c === void 0 ? void 0 : (_c$type = c.type) === null || _c$type === void 0 ? void 0 : _c$type.displayName)) {
           return /*#__PURE__*/cloneElement(c, _objectSpread(_objectSpread({
-            key: index
+            key: _index
           }, _child), {}, {
             parentName: parentName,
             setShowStepButton: setShowStepButton,
@@ -197,20 +209,31 @@ var AddableSection = function AddableSection(props) {
       if (Array.isArray(_child.asserts)) {
         _child.asserts = _child.asserts.map(function (assert) {
           return _objectSpread(_objectSpread({}, assert), {}, {
-            field: calcNamePath(parentName, assert.field)
+            field: calcAddableSectionAssertField(namePath, assert.field, index, [children])
           });
         });
       }
       if (Array.isArray(_child.requiredAsserts)) {
         _child.requiredAsserts = _child.requiredAsserts.map(function (assert) {
           return _objectSpread(_objectSpread({}, assert), {}, {
-            field: calcNamePath(parentName, assert.field)
+            field: calcAddableSectionAssertField(namePath, assert.field, index, [children])
           });
         });
       }
+      if (Array.isArray(_child.disabled)) {
+        _child.disabled = _child.disabled.map(function (assert) {
+          return _objectSpread(_objectSpread({}, assert), {}, {
+            field: calcAddableSectionAssertField(namePath, assert.field, index, [children])
+          });
+        });
+      } else if (_typeof(_child.disabled) === 'object') {
+        _child.disabled = _objectSpread(_objectSpread({}, _child.disabled), {}, {
+          field: calcAddableSectionAssertField(namePath, _child.disabled.field, index, [children])
+        });
+      }
       if (Array.isArray(_child.dependencies)) {
         _child.dependencies = _child.dependencies.map(function (path) {
-          return calcNamePath(parentName, path);
+          return calcAddableSectionAssertField(namePath, path, index, [children]);
         });
       }
       return /*#__PURE__*/cloneElement(children, _objectSpread(_objectSpread({}, _child), {}, {
@@ -266,7 +289,7 @@ var AddableSection = function AddableSection(props) {
           children: transformChildren(parentName)
         })
       }))]
-    }, key);
+    }, key + index);
   });
   return /*#__PURE__*/_jsxs("div", {
     className: "igloo-addable-section-container",

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

@@ -61,7 +61,9 @@ var Element = function Element(props) {
       subscribedFields = props.subscribedFields,
       extraLabel = props.extraLabel,
       disabled = props.disabled,
-      requiredAsserts = props.requiredAsserts;
+      requiredAsserts = props.requiredAsserts,
+      shouldRenderCode = props.shouldRenderCode,
+      disabledCode = props.disabledCode;
     var dependentField = dependencies || [];
     if (Array.isArray(subscribedFields)) {
       dependentField.push.apply(dependentField, _toConsumableArray(subscribedFields));
@@ -87,7 +89,7 @@ var Element = function Element(props) {
         return dependentField.push(assert.field);
       });
     }
-    if ((shouldRender || getOptions || typeof extraLabel === 'function') && !Array.isArray(subscribedFields)) {
+    if ((shouldRender || shouldRenderCode || disabledCode || getOptions || typeof extraLabel === 'function') && !Array.isArray(subscribedFields)) {
       dependentField.push('SUBSCRIBE_ALL');
     }
     if (dependField) {

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

@@ -210,7 +210,7 @@ var Step = function Step(_ref) {
       return _ref3.apply(this, arguments);
     };
   }();
-  if (!calcShouldRender(pName, dependencies, asserts, shouldRender, shouldRenderCode, form)) {
+  if (!calcShouldRender(pName, parentName, dependencies, asserts, shouldRender, shouldRenderCode, form)) {
     return null;
   }
   return /*#__PURE__*/_jsxs("div", {

package/es/index.d.ts

@@ -46,3 +46,4 @@ export { default as FormStep } from './free-form/step';
 export { default as FormSection } from './free-form/section';
 export { default as FormAddableSection } from './free-form/addable-section';
 export { default as App } from './app';
+export { default as ConfigProvider } from './config-provider';

package/es/index.js

@@ -45,4 +45,5 @@ export { default as FormSteps } from "./free-form/steps";
 export { default as FormStep } from "./free-form/step";
 export { default as FormSection } from "./free-form/section";
 export { default as FormAddableSection } from "./free-form/addable-section";
-export { default as App } from "./app";
+export { default as App } from "./app";
+export { default as ConfigProvider } from "./config-provider";

package/es/input/amount.js

@@ -17,7 +17,9 @@ import "./style/amount";
 import { jsx as _jsx } from "react/jsx-runtime";
 var thousands = function thousands(number, decimalSeparator, separator) {
   if (number === null || number === undefined) return undefined;
-  var arr = String(number).replace('.', decimalSeparator).split(decimalSeparator);
+  var arr = String(number)
+  // .replace('.', decimalSeparator)
+  .split(decimalSeparator);
   return arr.map(function (s, index) {
     if (index === 0) {
       return s.replace(/(?=(?!\b)(\d{3})+$)/g, separator);

package/es/locale/locale-provider.d.ts

@@ -1,4 +1,5 @@
 import { FC, ReactNode } from 'react';
+import { ConfigProviderProps } from 'antd/es/config-provider';
 export declare const locales: {
     [key: string]: {
         [id: string]: string;
@@ -6,6 +7,8 @@ export declare const locales: {
 };
 declare const LocaleProvider: FC<{
     currentLang: string;
+    underConfigProvider?: boolean;
+    antdConfig?: ConfigProviderProps;
     children?: ReactNode;
 }>;
 export default LocaleProvider;

package/es/locale/locale-provider.js

@@ -6,7 +6,6 @@ function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _ty
 function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
 import { useEffect } from 'react';
 import LocaleContext from "./locale-context";
-import { ConfigProvider } from 'antd';
 import en from "./en-US";
 import zh from "./zh-CN";
 import id from "./id-ID";
@@ -23,6 +22,7 @@ import antdZhTw from 'antd/es/locale/zh_TW';
 import antdMY from 'antd/es/locale/ms_MY';
 import antdDefault from 'antd/es/locale/en_US';
 import { staticLang } from "./format-message";
+import { ConfigProvider } from 'antd';
 import { jsx as _jsx } from "react/jsx-runtime";
 export var locales = {
   'en-US': en,
@@ -44,7 +44,9 @@ var antdLocale = {
 };
 var LocaleProvider = function LocaleProvider(_ref) {
   var children = _ref.children,
-    currentLang = _ref.currentLang;
+    currentLang = _ref.currentLang,
+    underConfigProvider = _ref.underConfigProvider,
+    antdConfig = _ref.antdConfig;
   var locale = locales[currentLang] || en;
   useEffect(function () {
     staticLang.current = currentLang;
@@ -64,10 +66,10 @@ var LocaleProvider = function LocaleProvider(_ref) {
       formatMessage: formatMessage,
       currentLang: currentLang
     },
-    children: /*#__PURE__*/_jsx(ConfigProvider, {
+    children: underConfigProvider ? children : /*#__PURE__*/_jsx(ConfigProvider, _objectSpread(_objectSpread({}, antdConfig), {}, {
       locale: antdLocale[currentLang] || antdDefault,
       children: children
-    })
+    }))
   });
 };
 export default LocaleProvider;

package/es/media/file-icon.d.ts

@@ -0,0 +1,9 @@
+import type { FC } from 'react';
+import './style/file-icon.less';
+type Props = {
+    type: string;
+    onDownloadClick?: () => void;
+    disabledDownload?: boolean;
+};
+declare const FileIcon: FC<Props>;
+export default FileIcon;

package/es/media/preview.js

@@ -60,6 +60,10 @@ var PdfViewer = function PdfViewer(_ref) {
     _useReducer2 = _slicedToArray(_useReducer, 2),
     index = _useReducer2[0],
     update = _useReducer2[1];
+  var _Modal$useModal = Modal.useModal(),
+    _Modal$useModal2 = _slicedToArray(_Modal$useModal, 2),
+    modal = _Modal$useModal2[0],
+    modalHolder = _Modal$useModal2[1];
   var handlePageInit = function handlePageInit(document) {
     var _ref2 = document || {},
       numPages = _ref2.numPages;
@@ -85,7 +89,7 @@ var PdfViewer = function PdfViewer(_ref) {
           id: 'Invalid password.'
         }));
       }
-      Modal.confirm({
+      modal.confirm({
         title: formatMessage({
           id: 'Enter the password to open this PDF file.'
         }),
@@ -155,7 +159,7 @@ var PdfViewer = function PdfViewer(_ref) {
     }, index);
   }
   return /*#__PURE__*/_jsxs(_Fragment, {
-    children: [/*#__PURE__*/_jsx("div", {
+    children: [modalHolder, /*#__PURE__*/_jsx("div", {
       style: {
         maxWidth: "calc(100vw - ".concat(md ? 64 : 32, "px)"),
         maxHeight: '100%',

package/es/modal/index.js

@@ -22,6 +22,7 @@ import Form from "../form";
 import { LocaleContext, LocaleProvider } from "../locale";
 import { staticLang } from "../locale/format-message";
 import useModal from "./useModal";
+import { staticAntdConfig } from "../config-provider";
 import "./style";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
@@ -180,11 +181,11 @@ var modalFunction = function modalFunction(_ref2) {
       _onCancel = _ref3.onCancel,
       _onOk = _ref3.onOk,
       rest = _objectWithoutProperties(_ref3, _excluded2);
-    render( /*#__PURE__*/_jsxs(ConfigProvider, {
+    render( /*#__PURE__*/_jsx(ConfigProvider, _objectSpread(_objectSpread({}, staticAntdConfig), {}, {
       theme: {
         token: token
       },
-      children: [/*#__PURE__*/_jsx(LocaleProvider, {
+      children: /*#__PURE__*/_jsx(LocaleProvider, {
         currentLang: staticLang.current,
         children: /*#__PURE__*/_jsx(IglooModal, _objectSpread(_objectSpread({}, rest), {}, {
           open: true,
@@ -205,8 +206,8 @@ var modalFunction = function modalFunction(_ref2) {
           },
           children: content
         }))
-      }), ","]
-    }), ele);
+      })
+    })), ele);
   };
   var destroy = function destroy() {
     unmount(ele);

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

@@ -0,0 +1,17 @@
+import { Select } from 'antd';
+import { SelectProps, SelectValue } from 'antd/es/select';
+import { FC, IglooComponentProps } from '../types';
+import './style';
+import { ComponentProps } from '../utils/option-utils';
+type Props = SelectProps<SelectValue> & IglooComponentProps & {
+    multiple?: boolean;
+    preview?: boolean;
+} & ComponentProps;
+type OptionType = typeof Select.Option;
+type OptGroupType = typeof Select.OptGroup;
+interface IglooSelectType extends FC<Props> {
+    Option: OptionType;
+    OptGroup: OptGroupType;
+}
+declare const AttachedSelect: IglooSelectType;
+export default AttachedSelect;

package/es/types.d.ts

@@ -146,6 +146,7 @@ export interface FormItemExtraConfig extends FormItemProps {
     idType?: 'KTP' | 'NIK';
     validationRule?: string;
     shouldRenderCode?: string;
+    disabledCode?: string;
     [key: string]: any;
 }
 export interface FormItemConfig extends FormItemExtraConfig {