iglooform 2.3.3 → 2.3.7

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

@@ -0,0 +1,7 @@
+import { FC } from 'react';
+import { FormBasicConfig } from '../types';
+import './style/index.less';
+interface FreeFormProps extends Omit<FormBasicConfig, 'config'> {
+}
+declare const FreeForm: FC<FreeFormProps>;
+export default FreeForm;

package/lib/free-form/index.js

@@ -0,0 +1,220 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+require("antd/es/form/style");
+
+var _form = _interopRequireDefault(require("antd/es/form"));
+
+var _jsxRuntime = require("react/jsx-runtime");
+
+var _react = require("react");
+
+var _context2 = _interopRequireDefault(require("./context"));
+
+var _messages = _interopRequireDefault(require("./messages"));
+
+require("./style/index.less");
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var _excluded = ["validateMessages"];
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (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 = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try { var info = gen[key](arg); var value = info.value; } catch (error) { reject(error); return; } if (info.done) { resolve(value); } else { Promise.resolve(value).then(_next, _throw); } }
+
+function _asyncToGenerator(fn) { return function () { var self = this, args = arguments; return new Promise(function (resolve, reject) { var gen = fn.apply(self, args); function _next(value) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value); } function _throw(err) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err); } _next(undefined); }); }; }
+
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+
+function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+
+var FreeForm = function FreeForm(props) {
+  var children = props.children,
+      onCancel = props.onCancel,
+      onSubmit = props.onSubmit,
+      className = props.className,
+      style = props.style,
+      _props$locales = props.locales,
+      localesProp = _props$locales === void 0 ? {} : _props$locales,
+      initialValues = props.initialValues,
+      formProp = props.form,
+      _props$requiredMark = props.requiredMark,
+      requiredMark = _props$requiredMark === void 0 ? false : _props$requiredMark,
+      _props$showSubmitButt = props.showSubmitButton,
+      showSubmitButton = _props$showSubmitButt === void 0 ? true : _props$showSubmitButt,
+      _props$getScrollConta = props.getScrollContainer,
+      getScrollContainer = _props$getScrollConta === void 0 ? function () {
+    return window;
+  } : _props$getScrollConta;
+
+  var _Form$useForm = _form.default.useForm(),
+      _Form$useForm2 = _slicedToArray(_Form$useForm, 1),
+      innerForm = _Form$useForm2[0];
+
+  var _useState = (0, _react.useState)(false),
+      _useState2 = _slicedToArray(_useState, 2),
+      submitting = _useState2[0],
+      setSubmitting = _useState2[1];
+
+  var _useState3 = (0, _react.useState)({}),
+      _useState4 = _slicedToArray(_useState3, 2),
+      dependents = _useState4[0],
+      setDependents = _useState4[1];
+
+  var _useState5 = (0, _react.useState)(formProp || innerForm),
+      _useState6 = _slicedToArray(_useState5, 1),
+      form = _useState6[0];
+
+  var validateMessages = localesProp.validateMessages,
+      locales = _objectWithoutProperties(localesProp, _excluded);
+
+  var handleSubmit = /*#__PURE__*/function () {
+    var _ref = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee(values) {
+      var errors;
+      return regeneratorRuntime.wrap(function _callee$(_context) {
+        while (1) {
+          switch (_context.prev = _context.next) {
+            case 0:
+              if (!(typeof onSubmit === 'function')) {
+                _context.next = 10;
+                break;
+              }
+
+              setSubmitting(true);
+              _context.prev = 2;
+              _context.next = 5;
+              return onSubmit(values);
+
+            case 5:
+              errors = _context.sent;
+
+              if (Array.isArray(errors)) {
+                form.setFields(errors);
+                form.scrollToField(errors[0].name);
+              }
+
+            case 7:
+              _context.prev = 7;
+              setSubmitting(false);
+              return _context.finish(7);
+
+            case 10:
+            case "end":
+              return _context.stop();
+          }
+        }
+      }, _callee, null, [[2,, 7, 10]]);
+    }));
+
+    return function handleSubmit(_x) {
+      return _ref.apply(this, arguments);
+    };
+  }();
+
+  var registerDependencies = function registerDependencies(field, updater) {
+    if (Array.isArray(field)) {
+      setDependents(function (deps) {
+        var newDeps = _objectSpread({}, deps);
+
+        field.forEach(function (name) {
+          var key = Array.isArray(name) ? name.join() : name;
+
+          if (!newDeps[key]) {
+            newDeps[key] = [];
+          }
+
+          newDeps[key].push(updater);
+        });
+        return newDeps;
+      });
+      return;
+    }
+
+    setDependents(function (deps) {
+      var newDeps = _objectSpread({}, deps);
+
+      var key = Array.isArray(field) ? field.join() : field;
+
+      if (!newDeps[key]) {
+        newDeps[key] = [];
+      }
+
+      newDeps[key].push(updater);
+      return newDeps;
+    });
+  };
+
+  var handleValuesChange = function handleValuesChange(changedFields) {
+    var changedField = changedFields[0].name;
+    var changedKey = Array.isArray(changedField) ? changedField.join() : changedField;
+
+    if (dependents[changedKey]) {
+      dependents[changedKey].forEach(function (updater) {
+        return updater();
+      });
+    }
+
+    if (dependents['SUBSCRIBE_ALL']) {
+      dependents['SUBSCRIBE_ALL'].forEach(function (updater) {
+        return updater();
+      });
+    }
+  };
+
+  return (0, _jsxRuntime.jsx)("div", Object.assign({
+    className: (0, _classnames.default)(className, {
+      'igloo-form-without-button': !showSubmitButton
+    }),
+    style: style
+  }, {
+    children: (0, _jsxRuntime.jsx)(_context2.default.Provider, Object.assign({
+      value: _objectSpread({
+        form: form,
+        onCancel: onCancel,
+        submitting: submitting,
+        requiredMark: requiredMark,
+        showSubmitButton: showSubmitButton,
+        getScrollContainer: getScrollContainer,
+        registerDependencies: registerDependencies
+      }, locales)
+    }, {
+      children: (0, _jsxRuntime.jsx)(_form.default, Object.assign({
+        form: form,
+        onFinish: handleSubmit,
+        onFieldsChange: handleValuesChange,
+        colon: false,
+        validateMessages: validateMessages || _messages.default,
+        initialValues: initialValues,
+        scrollToFirstError: true
+      }, {
+        children: children
+      }), void 0)
+    }), void 0)
+  }), void 0);
+};
+
+var _default = FreeForm;
+exports.default = _default;

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

@@ -0,0 +1,48 @@
+declare const messages: {
+    default: string;
+    required: string;
+    enum: string;
+    whitespace: string;
+    date: {
+        format: string;
+        parse: string;
+        invalid: string;
+    };
+    types: {
+        string: string;
+        method: string;
+        array: string;
+        object: string;
+        number: string;
+        date: string;
+        boolean: string;
+        integer: string;
+        float: string;
+        regexp: string;
+        email: string;
+        url: string;
+        hex: string;
+    };
+    string: {
+        len: string;
+        min: string;
+        max: string;
+        range: string;
+    };
+    number: {
+        len: string;
+        min: string;
+        max: string;
+        range: string;
+    };
+    array: {
+        len: string;
+        min: string;
+        max: string;
+        range: string;
+    };
+    pattern: {
+        mismatch: string;
+    };
+};
+export default messages;

package/lib/free-form/messages.js

@@ -0,0 +1,56 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var typeTemplate = '${label} is not a valid ${type}';
+var messages = {
+  default: 'Validation error on field ${label}',
+  required: '${label} is required',
+  enum: '${label} must be one of [${enum}]',
+  whitespace: '${label} cannot be empty',
+  date: {
+    format: '${label} is invalid for format date',
+    parse: '${label} could not be parsed as date',
+    invalid: '${label} is invalid date'
+  },
+  types: {
+    string: typeTemplate,
+    method: typeTemplate,
+    array: typeTemplate,
+    object: typeTemplate,
+    number: typeTemplate,
+    date: typeTemplate,
+    boolean: typeTemplate,
+    integer: typeTemplate,
+    float: typeTemplate,
+    regexp: typeTemplate,
+    email: typeTemplate,
+    url: typeTemplate,
+    hex: typeTemplate
+  },
+  string: {
+    len: '${label} must be exactly ${len} characters',
+    min: '${label} must be at least ${min} characters',
+    max: '${label} cannot be longer than ${max} characters',
+    range: '${label} must be between ${min} and ${max} characters'
+  },
+  number: {
+    len: '${label} must equal ${len}',
+    min: '${label} cannot be less than ${min}',
+    max: '${label} cannot be greater than ${max}',
+    range: '${label} must be between ${min} and ${max}'
+  },
+  array: {
+    len: '${label} must be exactly ${len} in length',
+    min: '${label} cannot be less than ${min} in length',
+    max: '${label} cannot be greater than ${max} in length',
+    range: '${label} must be between ${min} and ${max} in length'
+  },
+  pattern: {
+    mismatch: '${label} does not match pattern ${pattern}'
+  }
+};
+var _default = messages;
+exports.default = _default;

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

@@ -0,0 +1,11 @@
+import { FC } from 'react';
+import { FormItemConfig, FormItemName } from '../../types';
+import './style/index.less';
+export interface PageProps extends FormItemConfig {
+    parentName?: FormItemName;
+    showFooter?: boolean;
+    buttonPlacement?: 'right' | 'left';
+    description?: string;
+}
+declare const Page: FC<PageProps>;
+export default Page;

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

@@ -0,0 +1,164 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+require("antd/es/form/style");
+
+var _form = _interopRequireDefault(require("antd/es/form"));
+
+require("antd/es/row/style");
+
+var _row = _interopRequireDefault(require("antd/es/row"));
+
+var _jsxRuntime = require("react/jsx-runtime");
+
+var _react = require("react");
+
+var _button = _interopRequireDefault(require("../../button"));
+
+var _utils = require("../utils");
+
+var _context = _interopRequireDefault(require("../context"));
+
+var _locale = require("../../locale");
+
+var _typography = _interopRequireDefault(require("../../typography"));
+
+require("./style/index.less");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (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 = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+
+function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+
+var Page = function Page(_ref) {
+  var parentName = _ref.parentName,
+      name = _ref.name,
+      getButtonDisabledState = _ref.getButtonDisabledState,
+      shouldRender = _ref.shouldRender,
+      _ref$buttonPlacement = _ref.buttonPlacement,
+      buttonPlacement = _ref$buttonPlacement === void 0 ? 'right' : _ref$buttonPlacement,
+      _ref$showFooter = _ref.showFooter,
+      showFooter = _ref$showFooter === void 0 ? true : _ref$showFooter,
+      children = _ref.children,
+      label = _ref.label,
+      description = _ref.description;
+
+  var _useContext = (0, _react.useContext)(_context.default),
+      submitText = _useContext.submitText,
+      submitting = _useContext.submitting,
+      showSubmitButton = _useContext.showSubmitButton,
+      form = _useContext.form,
+      registerDependencies = _useContext.registerDependencies;
+
+  var _useContext2 = (0, _react.useContext)(_locale.LocaleContext),
+      formatMessage = _useContext2.formatMessage;
+
+  var pName = (0, _react.useMemo)(function () {
+    return (0, _utils.calcNamePath)(parentName, name);
+  }, [parentName, name]);
+
+  var _useReducer = (0, _react.useReducer)(function (r) {
+    return r + 1;
+  }, 0),
+      _useReducer2 = _slicedToArray(_useReducer, 2),
+      _ = _useReducer2[0],
+      dispatch = _useReducer2[1];
+
+  var buttonDisabled = getButtonDisabledState && form && getButtonDisabledState(form);
+  (0, _react.useEffect)(function () {
+    var subscribe = Boolean(shouldRender) || Boolean(getButtonDisabledState);
+
+    if (subscribe) {
+      registerDependencies('SUBSCRIBE_ALL', dispatch);
+    }
+  }, []);
+
+  var tranformChildren = function tranformChildren() {
+    if (Array.isArray(children)) {
+      return children.map(function (c, index) {
+        var _c$type;
+
+        if ((c === null || c === void 0 ? void 0 : (_c$type = c.type) === null || _c$type === void 0 ? void 0 : _c$type.displayName) === 'Igloo_Free_Form_Item') {
+          return /*#__PURE__*/(0, _react.cloneElement)(c, _objectSpread(_objectSpread({}, c.props), {}, {
+            parentName: pName,
+            key: c.props.key || index
+          }));
+        }
+      });
+    }
+
+    return /*#__PURE__*/(0, _react.isValidElement)(children) ? /*#__PURE__*/(0, _react.cloneElement)(children, _objectSpread(_objectSpread({}, children.props), {}, {
+      parentName: pName
+    })) : children;
+  };
+
+  return (0, _jsxRuntime.jsxs)("div", Object.assign({
+    className: 'igloo-page-container'
+  }, {
+    children: [(0, _jsxRuntime.jsx)(_typography.default, Object.assign({
+      level: "h3b",
+      wrapElement: "div",
+      style: {
+        marginBottom: 8
+      }
+    }, {
+      children: label
+    }), void 0), (0, _jsxRuntime.jsx)(_typography.default, Object.assign({
+      level: "body1",
+      wrapElement: "div",
+      style: {
+        marginBottom: 24,
+        color: '#666666'
+      }
+    }, {
+      children: description
+    }), void 0), (0, _jsxRuntime.jsx)("div", Object.assign({
+      className: 'igloo-page-content'
+    }, {
+      children: (0, _jsxRuntime.jsx)(_row.default, Object.assign({
+        gutter: [32, 24]
+      }, {
+        children: tranformChildren()
+      }), void 0)
+    }), void 0), showFooter && showSubmitButton && (0, _jsxRuntime.jsxs)("div", Object.assign({
+      className: 'igloo-page-footer'
+    }, {
+      children: [buttonPlacement === 'right' && (0, _jsxRuntime.jsx)("div", {}, void 0), (0, _jsxRuntime.jsx)(_form.default.Item, {
+        children: (0, _jsxRuntime.jsx)(_button.default, Object.assign({
+          type: "primary",
+          htmlType: "submit",
+          className: 'igloo-page-submit-button',
+          loading: submitting,
+          disabled: buttonDisabled
+        }, {
+          children: submitText || formatMessage({
+            id: 'Submit'
+          })
+        }), void 0)
+      }, void 0), buttonPlacement === 'left' && (0, _jsxRuntime.jsx)("div", {}, void 0)]
+    }), void 0)]
+  }), void 0);
+};
+
+Page.displayName = 'Igloo_Free_Form_Page';
+var _default = Page;
+exports.default = _default;