guestbell-forms 3.0.72 → 3.0.73

package/build/components/inputGroup/InputGroup.d.ts

@@ -1,7 +1,10 @@
 import * as React from 'react';
 import { BaseInputProps, BaseInputState, BaseInput } from '../base/input/BaseInput';
 import { ThemeContextProps } from '../themeProvider/ThemeContext';
-export type InputGroupProps = React.PropsWithChildren<Pick<BaseInputProps<never>, 'title' | 'className' | 'tooltip' | 'formContext'> & ThemeContextProps>;
+export type InputGroupProps = React.PropsWithChildren<Pick<BaseInputProps<never>, 'title' | 'className' | 'tooltip' | 'formContext'> & ThemeContextProps> & {
+    bodyClassName?: string;
+    headerClassName?: string;
+};
 export interface InputGroupState extends BaseInputState {
 }
 export declare class InputGroup extends BaseInput<InputGroupProps, InputGroupState, never> {
@@ -11,5 +14,8 @@ export declare class InputGroup extends BaseInput<InputGroupProps, InputGroupSta
 }
 declare const _default: React.ForwardRefExoticComponent<Pick<BaseInputProps<never>, "formContext" | "className" | "tooltip" | "title"> & ThemeContextProps & {
     children?: React.ReactNode;
+} & {
+    bodyClassName?: string;
+    headerClassName?: string;
 } & React.RefAttributes<InputGroup>>;
 export default _default;

package/build/components/inputGroup/InputGroup.js

@@ -7,6 +7,8 @@ exports.default = exports.InputGroup = void 0;
 var React = _interopRequireWildcard(require("react"));
 var _BaseInput = require("../base/input/BaseInput");
 var _withThemeContext = require("../themeProvider/withThemeContext");
+var _classnames = _interopRequireDefault(require("classnames"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 // Libs
@@ -19,11 +21,11 @@ class InputGroup extends _BaseInput.BaseInput {
   }
   render() {
     return this.props.title ? /*#__PURE__*/React.createElement("div", {
-      className: `inputGroup input__group__border ` + (this.props.className ? this.props.className : '')
+      className: (0, _classnames.default)('inputGroup input__group__border', this.props.className)
     }, this.props.title && /*#__PURE__*/React.createElement("div", {
-      className: "inputGroup__header"
+      className: (0, _classnames.default)('inputGroup__header', this.props.headerClassName)
     }, this.renderTitle()), React.Children.count(this.props.children) > 0 && /*#__PURE__*/React.createElement("div", {
-      className: "inputGroup__body"
+      className: (0, _classnames.default)('inputGroup__body', this.props.bodyClassName)
     }, this.props.children)) : this.props.children;
   }
 }

package/build/components/inputGroup/InputGroup.js.map

@@ -1 +1 @@
-{"version":3,"file":"InputGroup.js","names":["React","_interopRequireWildcard","require","_BaseInput","_withThemeContext","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","InputGroup","BaseInput","constructor","props","render","title","createElement","className","renderTitle","Children","count","children","exports","defaultProps","ignoreContext","_default","withThemeContext"],"sources":["../../../src/lib/components/inputGroup/InputGroup.tsx"],"sourcesContent":["// Libs\r\nimport * as React from 'react';\r\nimport {\r\n  BaseInputProps,\r\n  BaseInputState,\r\n  BaseInput,\r\n} from '../base/input/BaseInput';\r\nimport { withThemeContext } from '../themeProvider/withThemeContext';\r\nimport { ThemeContextProps } from '../themeProvider/ThemeContext';\r\n\r\n// Misc\r\n\r\nexport type InputGroupProps = React.PropsWithChildren<\r\n  Pick<\r\n    BaseInputProps<never>,\r\n    'title' | 'className' | 'tooltip' | 'formContext'\r\n  > &\r\n    ThemeContextProps\r\n>;\r\n\r\nexport interface InputGroupState extends BaseInputState {}\r\n\r\nexport class InputGroup extends BaseInput<\r\n  InputGroupProps,\r\n  InputGroupState,\r\n  never\r\n> {\r\n  // tslint:disable-next-line:no-any\r\n  public static defaultProps: any = {\r\n    ignoreContext: true,\r\n  };\r\n\r\n  constructor(props: InputGroupProps) {\r\n    super(props);\r\n  }\r\n\r\n  public render() {\r\n    return this.props.title ? (\r\n      <div\r\n        className={\r\n          `inputGroup input__group__border ` +\r\n          (this.props.className ? this.props.className : '')\r\n        }\r\n      >\r\n        {this.props.title && (\r\n          <div className=\"inputGroup__header\">{this.renderTitle()}</div>\r\n        )}\r\n        {React.Children.count(this.props.children) > 0 && (\r\n          <div className=\"inputGroup__body\">{this.props.children}</div>\r\n        )}\r\n      </div>\r\n    ) : (\r\n      this.props.children\r\n    );\r\n  }\r\n}\r\nexport default withThemeContext<\r\n  InputGroupProps,\r\n  InstanceType<typeof InputGroup>\r\n>(InputGroup, 'inputGroup');\r\n"],"mappings":";;;;;;AACA,IAAAA,KAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,UAAA,GAAAD,OAAA;AAKA,IAAAE,iBAAA,GAAAF,OAAA;AAAqE,SAAAG,yBAAAC,WAAA,eAAAC,OAAA,kCAAAC,iBAAA,OAAAD,OAAA,QAAAE,gBAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,CAAAC,WAAA,WAAAA,WAAA,GAAAG,gBAAA,GAAAD,iBAAA,KAAAF,WAAA;AAAA,SAAAL,wBAAAS,GAAA,EAAAJ,WAAA,SAAAA,WAAA,IAAAI,GAAA,IAAAA,GAAA,CAAAC,UAAA,WAAAD,GAAA,QAAAA,GAAA,oBAAAA,GAAA,wBAAAA,GAAA,4BAAAE,OAAA,EAAAF,GAAA,UAAAG,KAAA,GAAAR,wBAAA,CAAAC,WAAA,OAAAO,KAAA,IAAAA,KAAA,CAAAC,GAAA,CAAAJ,GAAA,YAAAG,KAAA,CAAAE,GAAA,CAAAL,GAAA,SAAAM,MAAA,WAAAC,qBAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,GAAA,IAAAX,GAAA,QAAAW,GAAA,kBAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAd,GAAA,EAAAW,GAAA,SAAAI,IAAA,GAAAR,qBAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAV,GAAA,EAAAW,GAAA,cAAAI,IAAA,KAAAA,IAAA,CAAAV,GAAA,IAAAU,IAAA,CAAAC,GAAA,KAAAR,MAAA,CAAAC,cAAA,CAAAH,MAAA,EAAAK,GAAA,EAAAI,IAAA,YAAAT,MAAA,CAAAK,GAAA,IAAAX,GAAA,CAAAW,GAAA,SAAAL,MAAA,CAAAJ,OAAA,GAAAF,GAAA,MAAAG,KAAA,IAAAA,KAAA,CAAAa,GAAA,CAAAhB,GAAA,EAAAM,MAAA,YAAAA,MAAA;AAPrE;;AAUA;;AAYO,MAAMW,UAAU,SAASC,oBAAS,CAIvC;EAMAC,WAAWA,CAACC,KAAsB,EAAE;IAClC,KAAK,CAACA,KAAK,CAAC;EACd;EAEOC,MAAMA,CAAA,EAAG;IACd,OAAO,IAAI,CAACD,KAAK,CAACE,KAAK,gBACrBhC,KAAA,CAAAiC,aAAA;MACEC,SAAS,EACN,kCAAiC,IACjC,IAAI,CAACJ,KAAK,CAACI,SAAS,GAAG,IAAI,CAACJ,KAAK,CAACI,SAAS,GAAG,EAAE;IAClD,GAEA,IAAI,CAACJ,KAAK,CAACE,KAAK,iBACfhC,KAAA,CAAAiC,aAAA;MAAKC,SAAS,EAAC;IAAoB,GAAE,IAAI,CAACC,WAAW,CAAC,CAAO,CAC9D,EACAnC,KAAK,CAACoC,QAAQ,CAACC,KAAK,CAAC,IAAI,CAACP,KAAK,CAACQ,QAAQ,CAAC,GAAG,CAAC,iBAC5CtC,KAAA,CAAAiC,aAAA;MAAKC,SAAS,EAAC;IAAkB,GAAE,IAAI,CAACJ,KAAK,CAACQ,QAAc,CAE3D,CAAC,GAEN,IAAI,CAACR,KAAK,CAACQ,QACZ;EACH;AACF;AAACC,OAAA,CAAAZ,UAAA,GAAAA,UAAA;AA5BC;AALWA,UAAU,CAMPa,YAAY,GAAQ;EAChCC,aAAa,EAAE;AACjB,CAAC;AAAA,IAAAC,QAAA,GA0BY,IAAAC,kCAAgB,EAG7BhB,UAAU,EAAE,YAAY,CAAC;AAAAY,OAAA,CAAA3B,OAAA,GAAA8B,QAAA"}
+{"version":3,"file":"InputGroup.js","names":["React","_interopRequireWildcard","require","_BaseInput","_withThemeContext","_classnames","_interopRequireDefault","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","InputGroup","BaseInput","constructor","props","render","title","createElement","className","classNames","headerClassName","renderTitle","Children","count","children","bodyClassName","exports","defaultProps","ignoreContext","_default","withThemeContext"],"sources":["../../../src/lib/components/inputGroup/InputGroup.tsx"],"sourcesContent":["// Libs\r\nimport * as React from 'react';\r\nimport {\r\n  BaseInputProps,\r\n  BaseInputState,\r\n  BaseInput,\r\n} from '../base/input/BaseInput';\r\nimport { withThemeContext } from '../themeProvider/withThemeContext';\r\nimport { ThemeContextProps } from '../themeProvider/ThemeContext';\r\nimport classNames from 'classnames';\r\n\r\n// Misc\r\n\r\nexport type InputGroupProps = React.PropsWithChildren<\r\n  Pick<\r\n    BaseInputProps<never>,\r\n    'title' | 'className' | 'tooltip' | 'formContext'\r\n  > &\r\n    ThemeContextProps\r\n> & {\r\n  bodyClassName?: string;\r\n  headerClassName?: string;\r\n};\r\n\r\nexport interface InputGroupState extends BaseInputState {}\r\n\r\nexport class InputGroup extends BaseInput<\r\n  InputGroupProps,\r\n  InputGroupState,\r\n  never\r\n> {\r\n  // tslint:disable-next-line:no-any\r\n  public static defaultProps: any = {\r\n    ignoreContext: true,\r\n  };\r\n\r\n  constructor(props: InputGroupProps) {\r\n    super(props);\r\n  }\r\n\r\n  public render() {\r\n    return this.props.title ? (\r\n      <div\r\n        className={classNames(\r\n          'inputGroup input__group__border',\r\n          this.props.className\r\n        )}\r\n      >\r\n        {this.props.title && (\r\n          <div\r\n            className={classNames(\r\n              'inputGroup__header',\r\n              this.props.headerClassName\r\n            )}\r\n          >\r\n            {this.renderTitle()}\r\n          </div>\r\n        )}\r\n        {React.Children.count(this.props.children) > 0 && (\r\n          <div\r\n            className={classNames('inputGroup__body', this.props.bodyClassName)}\r\n          >\r\n            {this.props.children}\r\n          </div>\r\n        )}\r\n      </div>\r\n    ) : (\r\n      this.props.children\r\n    );\r\n  }\r\n}\r\nexport default withThemeContext<\r\n  InputGroupProps,\r\n  InstanceType<typeof InputGroup>\r\n>(InputGroup, 'inputGroup');\r\n"],"mappings":"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"}

package/build/dist/report.html

@@ -3,7 +3,7 @@
   <head>
     <meta charset="UTF-8"/>
     <meta name="viewport" content="width=device-width, initial-scale=1"/>
-    <title>guestbell-forms [16 Jul 2023 at 14:33]</title>
+    <title>guestbell-forms [19 Jul 2023 at 19:44]</title>
     <link rel="shortcut icon" href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAMAAACdt4HsAAABrVBMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////+O1foceMD///+J0/qK1Pr7/v8Xdr/9///W8P4UdL7L7P0Scr2r4Pyj3vwad8D5/f/2/f+55f3E6f34+/2H0/ojfMKpzOd0rNgQcb3F3O/j9f7c8v6g3Pz0/P/w+v/q+P7n9v6T1/uQ1vuE0vqLut/y+v+Z2fvt+f+15Pzv9fuc2/vR7v2V2Pvd6/bg9P7I6/285/2y4/yp3/zp8vk8i8kqgMT7/P31+fyv4vxGkcz6/P6/6P3j7vfS5PNnpNUxhcbO7f7F6v3O4vHK3/DA2u631Ouy0eqXweKJud5wqthfoNMMbLvY8f73+v2dxeR8sNtTmdDx9/zX6PSjyeaCtd1YnNGX2PuQveCGt95Nls42h8dLlM3F4vBtAAAAM3RSTlMAAyOx0/sKBvik8opWGBMOAe3l1snDm2E9LSb06eHcu5JpHbarfHZCN9CBb08zzkdNS0kYaptYAAAFV0lEQVRYw92X51/aYBDHHS2O2qqttVbrqNq9m+TJIAYIShBkWwqIiCgoWvfeq7Z2/s29hyQNyUcR7LveGwVyXy6XH8/9rqxglLfUPLxVduUor3h0rfp2TYvpivk37929TkG037hffoX0+peVtZQc1589rigVUdXS/ABSAyEmGIO/1XfvldSK8vs3OqB6u3m0nxmIrvgB0dj7rr7Y9IbuF68hnfFaiHA/sxqm0wciIG43P60qKv9WXWc1RXGh/mFESFABTSBi0sNAKzqet17eCtOb3kZIDwxEEU0oAIJGYxNBDhBND29e0rtXXbcpuPmED9IhEAAQ/AXEaF8EPmnrrKsv0LvWR3fg5sWDNAFZOgAgaKvZDogHNU9MFwnnYROkc56RD5CjAbQX9Ow4g7upCsvYu55aSI/Nj0H1akgKQEUM94dwK65hYRmFU9MIcH/fqJYOZYcnuJSU/waKDgTOEVaVKhwrTRP5XzgSpAITYzom7UvkhFX5VutmxeNnWDjjswTKTyfgluNDGbUpWissXhF3s7mlSml+czWkg3D0l1nNjGNjz3myOQOa1KM/jOS6ebdbAVTCi4gljHSFrviza7tOgRWcS0MOUX9zdNgag5w7rRqA44Lzw0hr1WqES36dFliSJFlh2rXIae3FFcDDgKdxrUIDePr8jGcSClV1u7A9xeN0ModY/pHMxmR1EzRh8TJiwqsHmKW0l4FCEZI+jHio+JdPPE9qwQtTRxku2D8sIeRL2LnxWSllANCQGOIiqVHAz2ye2JR0DcH+HoxDkaADLjgxjKQ+AwCX/g0+DNgdG0ukYCONAe+dbc2IAc6fwt1ARoDSezNHxV2Cmzwv3O6lDMV55edBGwGK9n1+x2F8EDfAGCxug8MhpsMEcTEAWf3rx2vZhe/LAmtIn/6apE6PN0ULKgywD9mmdxbmFl3OvD5AS5fW5zLbv/YHmcsBTjf/afDz3MaZTVCfAP9z6/Bw6ycv8EUBWJIn9zYcoAWWlW9+OzO3vkTy8H+RANLmdrpOuYWdZYEXpo+TlCJrW5EARb7fF+bWdqf3hhyZI1nWJQHgznErZhbjoEsWqi8dQNoE294aldzFurwSABL2XXMf9+H1VQGke9exw5P/AnA5Pv5ngMul7LOvO922iwACu8WkCwLCafvM4CeWPxfA8lNHcWZSoi8EwMAIciKX2Z4SWCMAa3snCZ/G4EA8D6CMLNFsGQhkkz/gQNEBbPCbWsxGUpYVu3z8IyNAknwJkfPMEhLyrdi5RTyUVACkw4GSFRNWJNEW+fgPGwHD8/JxnRuLabN4CGNRkAE23na2+VmEAUmrYymSGjMAYqH84YUIyzgzs3XC7gNgH36Vcc4zKY9o9fgPBXUAiHHwVboBHGLiX6Zcjp1f2wu4tvzZKo0ecPnDtQYDQvJXaBeNzce45Fp28ZQLrEZVuFqgBwOalArKXnW1UzlnSusQKJqKYNuz4tOnI6sZG4zanpemv+7ySU2jbA9h6uhcgpfy6G2PahirDZ6zvq6zDduMVFTKvzw8wgyEdelwY9in3XkEPs3osJuwRQ4qTkfzifndg9Gfc4pdsu82+tTnHZTBa2EAMrqr2t43pguc8tNm7JQVQ2S0ukj2d22dhXYP0/veWtwKrCkNoNimAN5+Xr/oLrxswKbVJjteWrX7eR63o4j9q0GxnaBdWgGA5VStpanIjQmEhV0/nVt5VOFUvix6awJhPcAaTEShgrG+iGyvb5a0Ndb1YGHFPEwoqAinoaykaID1o1pdPNu7XsnCKQ3R+hwWIIhGvORcJUBYXe3Xa3vq/mF/N9V13ugufMkfXn+KHsRD0B8AAAAASUVORK5CYII=" type="image/x-icon" />
 
     <script>

package/package.json

@@ -1,5 +1,5 @@
 {
-  "version": "3.0.72",
+  "version": "3.0.73",
   "description": "React forms with validation as used in GuestBell",
   "keywords": [
     "react",

package/src/lib/components/inputGroup/InputGroup.tsx

@@ -7,6 +7,7 @@ import {
 } from '../base/input/BaseInput';
 import { withThemeContext } from '../themeProvider/withThemeContext';
 import { ThemeContextProps } from '../themeProvider/ThemeContext';
+import classNames from 'classnames';
 
 // Misc
 
@@ -16,7 +17,10 @@ export type InputGroupProps = React.PropsWithChildren<
     'title' | 'className' | 'tooltip' | 'formContext'
   > &
     ThemeContextProps
->;
+> & {
+  bodyClassName?: string;
+  headerClassName?: string;
+};
 
 export interface InputGroupState extends BaseInputState {}
 
@@ -37,16 +41,27 @@ export class InputGroup extends BaseInput<
   public render() {
     return this.props.title ? (
       <div
-        className={
-          `inputGroup input__group__border ` +
-          (this.props.className ? this.props.className : '')
-        }
+        className={classNames(
+          'inputGroup input__group__border',
+          this.props.className
+        )}
       >
         {this.props.title && (
-          <div className="inputGroup__header">{this.renderTitle()}</div>
+          <div
+            className={classNames(
+              'inputGroup__header',
+              this.props.headerClassName
+            )}
+          >
+            {this.renderTitle()}
+          </div>
         )}
         {React.Children.count(this.props.children) > 0 && (
-          <div className="inputGroup__body">{this.props.children}</div>
+          <div
+            className={classNames('inputGroup__body', this.props.bodyClassName)}
+          >
+            {this.props.children}
+          </div>
         )}
       </div>
     ) : (