iglooform 3.0.11 → 3.0.13

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/confirmation/index.d.ts

@@ -1,5 +1,6 @@
 import { ReactNode } from 'react';
 import { FC } from '../types';
+import './style';
 export interface ConfirmationProps {
     onChange?: Function;
     value?: boolean;
@@ -9,6 +10,7 @@ export interface ConfirmationProps {
     okText?: ReactNode;
     cancelText?: ReactNode;
     href?: string;
+    disabled?: boolean;
 }
 declare const Confirmation: FC<ConfirmationProps>;
 export default Confirmation;

package/es/confirmation/index.js

@@ -5,11 +5,13 @@ function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len
 function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 import { useState, useContext } from 'react';
+import cls from 'classnames';
 import Modal from "../modal";
 import Typography from "../typography";
 import Checkbox from "../checkbox";
 import Button from "../button";
 import LocaleContext from "../locale/locale-context";
+import "./style";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { Fragment as _Fragment } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
@@ -21,7 +23,8 @@ var Confirmation = function Confirmation(_ref) {
     modalTitle = _ref.modalTitle,
     okText = _ref.okText,
     cancelText = _ref.cancelText,
-    href = _ref.href;
+    href = _ref.href,
+    disabled = _ref.disabled;
   var _useState = useState(false),
     _useState2 = _slicedToArray(_useState, 2),
     visible = _useState2[0],
@@ -50,10 +53,12 @@ var Confirmation = function Confirmation(_ref) {
   return /*#__PURE__*/_jsxs("div", {
     children: [/*#__PURE__*/_jsx(Checkbox, {
       onChange: handleCheckbox,
-      checked: value
+      checked: value,
+      disabled: disabled
     }), /*#__PURE__*/_jsx(Typography, {
       level: "body1",
       onClick: function onClick(e) {
+        if (disabled) return;
         e.stopPropagation();
         if (modalContent) {
           return setVisible(true);
@@ -71,6 +76,7 @@ var Confirmation = function Confirmation(_ref) {
         cursor: 'pointer',
         marginLeft: 8
       },
+      className: cls(disabled && 'disabled'),
       children: message || /*#__PURE__*/_jsxs(_Fragment, {
         children: [formatMessage({
           id: 'I agree to the Igloo'

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

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

package/es/confirmation/style/index.js

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

package/es/confirmation/style/index.less

@@ -0,0 +1,4 @@
+.disabled {
+  color: #999999;
+  cursor: not-allowed !important;
+}

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/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/layout/defaultFooter.js

@@ -32,7 +32,7 @@ var DefaultFooter = function DefaultFooter(props) {
         className: "footer-bottom",
         children: [/*#__PURE__*/_jsx(Typography, {
           level: "body3",
-          children: "\xA9 ".concat(new Date().getFullYear(), " Powered by Axinan Pte Ltd. All Rights Reserved.")
+          children: "\xA9 ".concat(new Date().getFullYear(), " Powered by Igloo. All Rights Reserved.")
         }), /*#__PURE__*/_jsxs(Typography, {
           level: "body3",
           children: [/*#__PURE__*/_jsx(Button, {
@@ -73,7 +73,7 @@ var DefaultFooter = function DefaultFooter(props) {
         children: [/*#__PURE__*/_jsx("div", {
           children: /*#__PURE__*/_jsxs(Typography, {
             level: "body3",
-            children: ["\xA9 ".concat(new Date().getFullYear(), " Powered by Axinan Pte Ltd."), /*#__PURE__*/_jsx("div", {
+            children: ["\xA9 ".concat(new Date().getFullYear(), " Powered by Igloo. All Rights Reserved."), /*#__PURE__*/_jsx("div", {
               children: "All Rights Reserved."
             })]
           })

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/lib/confirmation/index.d.ts

@@ -1,5 +1,6 @@
 import { ReactNode } from 'react';
 import { FC } from '../types';
+import './style';
 export interface ConfirmationProps {
     onChange?: Function;
     value?: boolean;
@@ -9,6 +10,7 @@ export interface ConfirmationProps {
     okText?: ReactNode;
     cancelText?: ReactNode;
     href?: string;
+    disabled?: boolean;
 }
 declare const Confirmation: FC<ConfirmationProps>;
 export default Confirmation;

package/lib/confirmation/index.js

@@ -5,11 +5,13 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _react = require("react");
+var _classnames = _interopRequireDefault(require("classnames"));
 var _modal = _interopRequireDefault(require("../modal"));
 var _typography = _interopRequireDefault(require("../typography"));
 var _checkbox = _interopRequireDefault(require("../checkbox"));
 var _button = _interopRequireDefault(require("../button"));
 var _localeContext = _interopRequireDefault(require("../locale/locale-context"));
+require("./style");
 var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
@@ -26,7 +28,8 @@ var Confirmation = function Confirmation(_ref) {
     modalTitle = _ref.modalTitle,
     okText = _ref.okText,
     cancelText = _ref.cancelText,
-    href = _ref.href;
+    href = _ref.href,
+    disabled = _ref.disabled;
   var _useState = (0, _react.useState)(false),
     _useState2 = _slicedToArray(_useState, 2),
     visible = _useState2[0],
@@ -55,10 +58,12 @@ var Confirmation = function Confirmation(_ref) {
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
     children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_checkbox.default, {
       onChange: handleCheckbox,
-      checked: value
+      checked: value,
+      disabled: disabled
     }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_typography.default, {
       level: "body1",
       onClick: function onClick(e) {
+        if (disabled) return;
         e.stopPropagation();
         if (modalContent) {
           return setVisible(true);
@@ -76,6 +81,7 @@ var Confirmation = function Confirmation(_ref) {
         cursor: 'pointer',
         marginLeft: 8
       },
+      className: (0, _classnames.default)(disabled && 'disabled'),
       children: message || /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
         children: [formatMessage({
           id: 'I agree to the Igloo'

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

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

package/lib/confirmation/style/index.js

@@ -1 +1,3 @@
-"use strict";
+"use strict";
+
+require("./index.less");

package/lib/confirmation/style/index.less

@@ -0,0 +1,4 @@
+.disabled {
+  color: #999999;
+  cursor: not-allowed !important;
+}

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/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/layout/defaultFooter.js

@@ -37,7 +37,7 @@ var DefaultFooter = function DefaultFooter(props) {
         className: "footer-bottom",
         children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_typography.default, {
           level: "body3",
-          children: "\xA9 ".concat(new Date().getFullYear(), " Powered by Axinan Pte Ltd. All Rights Reserved.")
+          children: "\xA9 ".concat(new Date().getFullYear(), " Powered by Igloo. All Rights Reserved.")
         }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_typography.default, {
           level: "body3",
           children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_button.default, {
@@ -78,7 +78,7 @@ var DefaultFooter = function DefaultFooter(props) {
         children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
           children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_typography.default, {
             level: "body3",
-            children: ["\xA9 ".concat(new Date().getFullYear(), " Powered by Axinan Pte Ltd."), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+            children: ["\xA9 ".concat(new Date().getFullYear(), " Powered by Igloo. All Rights Reserved."), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
               children: "All Rights Reserved."
             })]
           })

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/package.json

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