iglooform 2.5.35 → 2.5.37

package/es/form/page/index.js

@@ -19,6 +19,7 @@ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useContext, useEffect, useReducer } from 'react';
+import classnames from 'classnames';
 import Button from '../../button';
 import Element from '../element';
 import { calcNamePath } from '../../utils/form-utils';
@@ -34,6 +35,7 @@ var Page = function Page(_ref) {
       name = _ref$config.name,
       getButtonDisabledState = _ref$config.getButtonDisabledState,
       shouldRender = _ref$config.shouldRender,
+      className = _ref$config.className,
       _ref$showFooter = _ref.showFooter,
       showFooter = _ref$showFooter === void 0 ? true : _ref$showFooter;
 
@@ -65,7 +67,7 @@ var Page = function Page(_ref) {
     }
   }, []);
   return _jsxs("div", {
-    className: 'igloo-page-container',
+    className: classnames('igloo-page-container', className),
     children: [_jsx("div", {
       className: 'igloo-page-content',
       children: _jsx(_Row, {

package/es/form/pages/index.js

@@ -21,14 +21,15 @@ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useState, useContext, useReducer, useEffect } from 'react';
+import invariant from 'invariant';
+import classnames from 'classnames';
 import Button from '../../button';
 import Page from '../page';
 import { calcNamePath } from '../../utils/form-utils';
 import FormContext from '../../form-context';
 import { LocaleContext } from '../../locale';
-import './style/index.less';
-import invariant from 'invariant';
 import Typography from '../../typography';
+import './style/index.less';
 var useBreakpoint = _Grid.useBreakpoint;
 
 var Pages = function Pages(_ref) {
@@ -37,7 +38,8 @@ var Pages = function Pages(_ref) {
       name = _ref$config.name,
       _ref$config$elements = _ref$config.elements,
       elements = _ref$config$elements === void 0 ? [] : _ref$config$elements,
-      subscribedFields = _ref$config.subscribedFields;
+      subscribedFields = _ref$config.subscribedFields,
+      className = _ref$config.className;
 
   var _useState = useState(0),
       _useState2 = _slicedToArray(_useState, 2),
@@ -168,7 +170,7 @@ var Pages = function Pages(_ref) {
   var buttonDisabled = getButtonDisabledState && form && getButtonDisabledState(form);
   var previousDisabled = getPreviousDisabledState && form && getPreviousDisabledState(form);
   return _jsxs("div", {
-    className: 'igloo-pages-container',
+    className: classnames('igloo-pages-container', className),
     children: [_jsx(Typography, {
       className: "igloo-pages-page-title",
       level: md ? 'h3b' : 'body1',

package/es/form/section/index.js

@@ -4,7 +4,7 @@ import "antd/es/divider/style";
 import _Divider from "antd/es/divider";
 import "antd/es/col/style";
 import _Col from "antd/es/col";
-var _excluded = ["elements", "name", "label", "labelProps", "contentProps", "style", "collapsable", "defaultCollapsed"];
+var _excluded = ["elements", "name", "label", "labelProps", "contentProps", "style", "className", "collapsable", "defaultCollapsed"];
 
 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; }
 
@@ -36,6 +36,7 @@ import StepContext from '../../form-step-context';
 import { calcNamePath, calcFormItemProps } from '../../utils/form-utils';
 import Typography from '../../typography';
 import { ArrowDownOutlined, ArrowUpOutlined } from 'iglooicon';
+import classnames from 'classnames';
 import './style/index.less';
 
 var Section = function Section(_ref) {
@@ -51,6 +52,7 @@ 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,
+      className = _ref$config.className,
       _ref$config$collapsab = _ref$config.collapsable,
       collapsable = _ref$config$collapsab === void 0 ? false : _ref$config$collapsab,
       _ref$config$defaultCo = _ref$config.defaultCollapsed,
@@ -102,7 +104,7 @@ var Section = function Section(_ref) {
 
   return display ? _jsxs(_Col, {
     span: 24,
-    className: 'igloo-section',
+    className: classnames('igloo-section', className),
     style: style,
     children: [_jsxs("div", {
       className: 'igloo-section-label',

package/es/form/step/index.js

@@ -21,6 +21,7 @@ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useContext, useState, useRef, useEffect } from 'react';
+import classnames from 'classnames';
 import { LocaleContext } from '../../locale';
 import Button from '../../button';
 import Element from '../element';
@@ -40,6 +41,7 @@ var Step = function Step(_ref) {
       getButtonDisabledState = _ref$config.getButtonDisabledState,
       disableEditButton = _ref$config.disableEditButton,
       buttonText = _ref$config.buttonText,
+      className = _ref$config.className,
       edit = _ref.edit,
       preview = _ref.preview,
       index = _ref.index,
@@ -97,7 +99,7 @@ var Step = function Step(_ref) {
   }, [shouldScroll, edit]);
   var displayTotal = showLastIndex ? total : total - 1;
   return _jsxs("div", {
-    className: 'igloo-step-container',
+    className: classnames('igloo-step-container', className),
     ref: containerRef,
     children: [label && _jsxs("div", {
       className: "igloo-step-label",

package/es/form/steps/index.js

@@ -16,12 +16,13 @@ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 
 import { jsx as _jsx } from "react/jsx-runtime";
 import { useState, useContext, useEffect, useReducer, useRef } from 'react';
+import invariant from 'invariant';
+import classnames from 'classnames';
 import Step from '../step';
 import { calcNamePath } from '../../utils/form-utils';
 import FormContext from '../../form-context';
 import StepContext from '../../form-step-context';
 import './style/index.less';
-import invariant from 'invariant';
 
 var Steps = function Steps(_ref) {
   var parentName = _ref.parentName,
@@ -34,7 +35,8 @@ var Steps = function Steps(_ref) {
       _ref$config$currentSt = _ref$config.currentStep,
       currentStep = _ref$config$currentSt === void 0 ? 0 : _ref$config$currentSt,
       subscribedFields = _ref$config.subscribedFields,
-      onEdit = _ref$config.onEdit;
+      onEdit = _ref$config.onEdit,
+      className = _ref$config.className;
 
   var _useState = useState(0),
       _useState2 = _slicedToArray(_useState, 2),
@@ -176,7 +178,7 @@ var Steps = function Steps(_ref) {
   };
 
   return _jsx("div", {
-    className: 'igloo-steps-container',
+    className: classnames('igloo-steps-container', className),
     children: _jsx("div", {
       className: 'igloo-steps-content',
       children: renderElements.map(function (child, index) {

package/es/layout/footer.js

@@ -137,9 +137,11 @@ var LayoutFooter = function LayoutFooter(_ref) {
       className: "igloo-layout-footer",
       children: _jsxs("div", {
         className: "footer-content",
-        children: [extraInfo && extraInfo(), !hiddenIglooIcon && _jsx("div", {
+        children: [extraInfo && extraInfo(), !hiddenIglooIcon && (companyIcon ? _jsx("img", {
+          src: companyIcon
+        }) : _jsx("div", {
           className: "igloo-logo"
-        }), _jsxs("div", {
+        })), _jsxs("div", {
           className: classnames('compony-info', {
             'compony-info-without-icon': hiddenIglooIcon
           }),

package/es/layout/style/index.less

@@ -141,7 +141,6 @@
 
           & > img {
             width: 64px;
-            height: 36px;
             object-fit: contain;
             margin-right: 40px;
           }
@@ -329,6 +328,12 @@
       width: 100%;
       margin: 0 auto;
 
+      & > img {
+        width: 44px;
+        margin-bottom: 8px;
+        object-fit: contain;
+      }
+
       .igloo-logo {
         width: 44px;
         height: 24px;

package/lib/form/page/index.js

@@ -21,6 +21,8 @@ var _jsxRuntime = require("react/jsx-runtime");
 
 var _react = require("react");
 
+var _classnames = _interopRequireDefault(require("classnames"));
+
 var _button = _interopRequireDefault(require("../../button"));
 
 var _element = _interopRequireDefault(require("../element"));
@@ -55,6 +57,7 @@ var Page = function Page(_ref) {
       name = _ref$config.name,
       getButtonDisabledState = _ref$config.getButtonDisabledState,
       shouldRender = _ref$config.shouldRender,
+      className = _ref$config.className,
       _ref$showFooter = _ref.showFooter,
       showFooter = _ref$showFooter === void 0 ? true : _ref$showFooter;
 
@@ -86,7 +89,7 @@ var Page = function Page(_ref) {
     }
   }, []);
   return (0, _jsxRuntime.jsxs)("div", {
-    className: 'igloo-page-container',
+    className: (0, _classnames.default)('igloo-page-container', className),
     children: [(0, _jsxRuntime.jsx)("div", {
       className: 'igloo-page-content',
       children: (0, _jsxRuntime.jsx)(_row.default, {

package/lib/form/pages/index.js

@@ -17,6 +17,10 @@ var _jsxRuntime = require("react/jsx-runtime");
 
 var _react = require("react");
 
+var _invariant = _interopRequireDefault(require("invariant"));
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
 var _button = _interopRequireDefault(require("../../button"));
 
 var _page = _interopRequireDefault(require("../page"));
@@ -27,12 +31,10 @@ var _formContext = _interopRequireDefault(require("../../form-context"));
 
 var _locale = require("../../locale");
 
-require("./style/index.less");
-
-var _invariant = _interopRequireDefault(require("invariant"));
-
 var _typography = _interopRequireDefault(require("../../typography"));
 
+require("./style/index.less");
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: 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); } }
@@ -59,7 +61,8 @@ var Pages = function Pages(_ref) {
       name = _ref$config.name,
       _ref$config$elements = _ref$config.elements,
       elements = _ref$config$elements === void 0 ? [] : _ref$config$elements,
-      subscribedFields = _ref$config.subscribedFields;
+      subscribedFields = _ref$config.subscribedFields,
+      className = _ref$config.className;
 
   var _useState = (0, _react.useState)(0),
       _useState2 = _slicedToArray(_useState, 2),
@@ -190,7 +193,7 @@ var Pages = function Pages(_ref) {
   var buttonDisabled = getButtonDisabledState && form && getButtonDisabledState(form);
   var previousDisabled = getPreviousDisabledState && form && getPreviousDisabledState(form);
   return (0, _jsxRuntime.jsxs)("div", {
-    className: 'igloo-pages-container',
+    className: (0, _classnames.default)('igloo-pages-container', className),
     children: [(0, _jsxRuntime.jsx)(_typography.default, {
       className: "igloo-pages-page-title",
       level: md ? 'h3b' : 'body1',

package/lib/form/section/index.js

@@ -33,9 +33,11 @@ var _typography = _interopRequireDefault(require("../../typography"));
 
 var _iglooicon = require("iglooicon");
 
+var _classnames = _interopRequireDefault(require("classnames"));
+
 require("./style/index.less");
 
-var _excluded = ["elements", "name", "label", "labelProps", "contentProps", "style", "collapsable", "defaultCollapsed"];
+var _excluded = ["elements", "name", "label", "labelProps", "contentProps", "style", "className", "collapsable", "defaultCollapsed"];
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
@@ -74,6 +76,7 @@ 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,
+      className = _ref$config.className,
       _ref$config$collapsab = _ref$config.collapsable,
       collapsable = _ref$config$collapsab === void 0 ? false : _ref$config$collapsab,
       _ref$config$defaultCo = _ref$config.defaultCollapsed,
@@ -125,7 +128,7 @@ var Section = function Section(_ref) {
 
   return display ? (0, _jsxRuntime.jsxs)(_col.default, {
     span: 24,
-    className: 'igloo-section',
+    className: (0, _classnames.default)('igloo-section', className),
     style: style,
     children: [(0, _jsxRuntime.jsxs)("div", {
       className: 'igloo-section-label',

package/lib/form/step/index.js

@@ -25,6 +25,8 @@ var _jsxRuntime = require("react/jsx-runtime");
 
 var _react = require("react");
 
+var _classnames = _interopRequireDefault(require("classnames"));
+
 var _locale = require("../../locale");
 
 var _button = _interopRequireDefault(require("../../button"));
@@ -64,6 +66,7 @@ var Step = function Step(_ref) {
       getButtonDisabledState = _ref$config.getButtonDisabledState,
       disableEditButton = _ref$config.disableEditButton,
       buttonText = _ref$config.buttonText,
+      className = _ref$config.className,
       edit = _ref.edit,
       preview = _ref.preview,
       index = _ref.index,
@@ -121,7 +124,7 @@ var Step = function Step(_ref) {
   }, [shouldScroll, edit]);
   var displayTotal = showLastIndex ? total : total - 1;
   return (0, _jsxRuntime.jsxs)("div", {
-    className: 'igloo-step-container',
+    className: (0, _classnames.default)('igloo-step-container', className),
     ref: containerRef,
     children: [label && (0, _jsxRuntime.jsxs)("div", {
       className: "igloo-step-label",

package/lib/form/steps/index.js

@@ -9,6 +9,10 @@ var _jsxRuntime = require("react/jsx-runtime");
 
 var _react = require("react");
 
+var _invariant = _interopRequireDefault(require("invariant"));
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
 var _step = _interopRequireDefault(require("../step"));
 
 var _formUtils = require("../../utils/form-utils");
@@ -19,8 +23,6 @@ var _formStepContext = _interopRequireDefault(require("../../form-step-context")
 
 require("./style/index.less");
 
-var _invariant = _interopRequireDefault(require("invariant"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: 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); } }
@@ -50,7 +52,8 @@ var Steps = function Steps(_ref) {
       _ref$config$currentSt = _ref$config.currentStep,
       currentStep = _ref$config$currentSt === void 0 ? 0 : _ref$config$currentSt,
       subscribedFields = _ref$config.subscribedFields,
-      onEdit = _ref$config.onEdit;
+      onEdit = _ref$config.onEdit,
+      className = _ref$config.className;
 
   var _useState = (0, _react.useState)(0),
       _useState2 = _slicedToArray(_useState, 2),
@@ -192,7 +195,7 @@ var Steps = function Steps(_ref) {
   };
 
   return (0, _jsxRuntime.jsx)("div", {
-    className: 'igloo-steps-container',
+    className: (0, _classnames.default)('igloo-steps-container', className),
     children: (0, _jsxRuntime.jsx)("div", {
       className: 'igloo-steps-content',
       children: renderElements.map(function (child, index) {

package/lib/layout/footer.js

@@ -155,9 +155,11 @@ var LayoutFooter = function LayoutFooter(_ref) {
       className: "igloo-layout-footer",
       children: (0, _jsxRuntime.jsxs)("div", {
         className: "footer-content",
-        children: [extraInfo && extraInfo(), !hiddenIglooIcon && (0, _jsxRuntime.jsx)("div", {
+        children: [extraInfo && extraInfo(), !hiddenIglooIcon && (companyIcon ? (0, _jsxRuntime.jsx)("img", {
+          src: companyIcon
+        }) : (0, _jsxRuntime.jsx)("div", {
           className: "igloo-logo"
-        }), (0, _jsxRuntime.jsxs)("div", {
+        })), (0, _jsxRuntime.jsxs)("div", {
           className: (0, _classnames.default)('compony-info', {
             'compony-info-without-icon': hiddenIglooIcon
           }),

package/lib/layout/style/index.less

@@ -141,7 +141,6 @@
 
           & > img {
             width: 64px;
-            height: 36px;
             object-fit: contain;
             margin-right: 40px;
           }
@@ -329,6 +328,12 @@
       width: 100%;
       margin: 0 auto;
 
+      & > img {
+        width: 44px;
+        margin-bottom: 8px;
+        object-fit: contain;
+      }
+
       .igloo-logo {
         width: 44px;
         height: 24px;

package/package.json

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