guestbell-forms 3.0.71 → 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/components/tags/subComponents/TagsSuggestions.d.ts

@@ -7,6 +7,7 @@ export type RenderSuggestionTagProps<IdT extends number | string = number, T ext
     id?: string;
     onClick: (e: React.MouseEvent<HTMLElement>) => void;
     isPreselected: boolean;
+    getName: (tag: T) => string;
 };
 export type SuggestionsProps<IdT extends number | string = number, T extends ResourceTConstraint<IdT> = Tag<IdT>> = {
     className?: string;

package/build/components/tags/subComponents/TagsSuggestions.js

@@ -22,7 +22,8 @@ function DefaultSuggestionTag(_ref) {
     tag,
     id,
     onClick,
-    isPreselected
+    isPreselected,
+    getName
   } = _ref;
   return /*#__PURE__*/React.createElement("li", {
     key: index
@@ -32,7 +33,7 @@ function DefaultSuggestionTag(_ref) {
     className: 'w-100 tags-input__suggestion ' + (isPreselected ? 'tags-input__suggestion--preselected' : ''),
     onClick: onClick,
     dropdown: true
-  }), this.props.getName(tag)));
+  }), getName(tag)));
 }
 function Suggestions(props) {
   var _props$anchorEl2;
@@ -73,7 +74,8 @@ function Suggestions(props) {
     tag: tag,
     onClick: onSelectedFactory(tag, props.tags.length === 1),
     id: props.id,
-    isPreselected: props.preselectedSuggestion !== undefined && props.preselectedSuggestion === index
+    isPreselected: props.preselectedSuggestion !== undefined && props.preselectedSuggestion === index,
+    getName: props.getName
   })), props.EmptyComponent && props.tags.length === 0 && !props.allowNew && !props.isWaitingForMoreInput && !props.loading && /*#__PURE__*/React.createElement("li", {
     className: "w-100 text-center p-2"
   }, props.EmptyComponent))));

package/build/components/tags/subComponents/TagsSuggestions.js.map

@@ -1 +1 @@
-{"version":3,"file":"TagsSuggestions.js","names":["React","_interopRequireWildcard","require","_button","_Popper","_interopRequireDefault","_classnames","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_extends","assign","bind","target","i","arguments","length","source","apply","popperModifiers","name","enabled","DefaultSuggestionTag","_ref","index","tag","id","onClick","isPreselected","createElement","Button","toString","className","dropdown","props","getName","Suggestions","_props$anchorEl2","onSelected","onSelectedFactory","useCallback","lastSelected","e","popperStyle","useMemo","_props$anchorEl","width","anchorEl","scrollWidth","zIndex","SuggestionTag","open","isVisible","style","placement","modifiers","popperProps","classNames","loading","ref","innerRef","AddNewTagComponent","LoadingComponent","isWaitingForMoreInput","WaitingForMoreInputComponent","tags","map","preselectedSuggestion","undefined","EmptyComponent","allowNew","SuggestionsWrapped","_default","exports"],"sources":["../../../../src/lib/components/tags/subComponents/TagsSuggestions.tsx"],"sourcesContent":["import * as React from 'react';\r\nimport { ResourceTConstraint, Tag } from '..';\r\nimport { Button } from '../../button';\r\nimport Popper, { PopperProps } from '@mui/material/Popper';\r\nimport classNames from 'classnames';\r\n\r\nexport type RenderSuggestionTagProps<\r\n  IdT extends number | string = number,\r\n  T extends ResourceTConstraint<IdT> = Tag<IdT>\r\n> = {\r\n  tag: T;\r\n  index: number;\r\n  id?: string;\r\n  onClick: (e: React.MouseEvent<HTMLElement>) => void;\r\n  isPreselected: boolean;\r\n};\r\n\r\nexport type SuggestionsProps<\r\n  IdT extends number | string = number,\r\n  T extends ResourceTConstraint<IdT> = Tag<IdT>\r\n> = {\r\n  className?: string;\r\n  innerRef: React.RefObject<HTMLDivElement>;\r\n  anchorEl: HTMLElement;\r\n  id?: string;\r\n  preselectedSuggestion?: number;\r\n  isVisible: boolean;\r\n  isWaitingForMoreInput: boolean;\r\n  tags: T[];\r\n  onSelected: (tag: T, lastSelected: boolean) => void;\r\n  value: string;\r\n  loading: boolean;\r\n  LoadingComponent?: string | JSX.Element;\r\n  EmptyComponent?: string | JSX.Element;\r\n  AddNewTagComponent?: JSX.Element;\r\n  WaitingForMoreInputComponent?: string | JSX.Element;\r\n  allowNew: boolean;\r\n  popperProps?: Partial<PopperProps>;\r\n  SuggestionTag?: React.ComponentType<RenderSuggestionTagProps<IdT, T>>;\r\n  getName: (tag: T) => string;\r\n};\r\n\r\ntype InjectedProps = {};\r\n\r\nconst popperModifiers: PopperProps['modifiers'] = [\r\n  {\r\n    name: 'flip',\r\n    enabled: true,\r\n  },\r\n];\r\n\r\nfunction DefaultSuggestionTag<\r\n  IdT extends number | string = number,\r\n  T extends ResourceTConstraint<IdT> = Tag<IdT>\r\n>({\r\n  index,\r\n  tag,\r\n  id,\r\n  onClick,\r\n  isPreselected,\r\n}: RenderSuggestionTagProps<IdT, T>) {\r\n  return (\r\n    <li key={index}>\r\n      <Button\r\n        {...(id && {\r\n          id: id + '-suggestion-' + index.toString(),\r\n        })}\r\n        className={\r\n          'w-100 tags-input__suggestion ' +\r\n          (isPreselected ? 'tags-input__suggestion--preselected' : '')\r\n        }\r\n        onClick={onClick}\r\n        dropdown={true}\r\n      >\r\n        {this.props.getName(tag)}\r\n      </Button>\r\n    </li>\r\n  );\r\n}\r\n\r\nfunction Suggestions<\r\n  IdT extends number | string = number,\r\n  T extends ResourceTConstraint<IdT> = Tag<IdT>\r\n>(props: SuggestionsProps<IdT, T> & InjectedProps) {\r\n  const { onSelected } = props;\r\n  const onSelectedFactory = React.useCallback(\r\n    (tag: T, lastSelected: boolean) => (e: React.MouseEvent) => {\r\n      onSelected(tag, lastSelected);\r\n    },\r\n    [onSelected]\r\n  );\r\n  const popperStyle = React.useMemo(\r\n    () => ({\r\n      width: props.anchorEl?.scrollWidth,\r\n      zIndex: 10000,\r\n    }),\r\n    [props.anchorEl?.scrollWidth]\r\n  );\r\n\r\n  const { SuggestionTag = DefaultSuggestionTag } = props;\r\n  return (\r\n    props.anchorEl && (\r\n      <Popper\r\n        open={props.isVisible}\r\n        anchorEl={props.anchorEl}\r\n        style={popperStyle}\r\n        placement=\"bottom-start\"\r\n        modifiers={popperModifiers}\r\n        {...props.popperProps}\r\n      >\r\n        <div\r\n          {...(props.id && {\r\n            id: props.id,\r\n          })}\r\n          className={classNames('tags-input__suggestions', props.className, {\r\n            'tags-input__suggestions--loading': props.loading,\r\n          })}\r\n          ref={props.innerRef}\r\n        >\r\n          <ul>\r\n            {props.AddNewTagComponent}\r\n            {props.loading && props.LoadingComponent}\r\n            {props.isWaitingForMoreInput &&\r\n              props.WaitingForMoreInputComponent && (\r\n                <li className=\"w-100 text-center p-2\">\r\n                  {props.WaitingForMoreInputComponent}\r\n                </li>\r\n              )}\r\n            {!props.isWaitingForMoreInput &&\r\n              props.tags.map((tag, index) => (\r\n                <SuggestionTag<IdT, T>\r\n                  key={tag.id}\r\n                  index={index}\r\n                  tag={tag}\r\n                  onClick={onSelectedFactory(tag, props.tags.length === 1)}\r\n                  id={props.id}\r\n                  isPreselected={\r\n                    props.preselectedSuggestion !== undefined &&\r\n                    props.preselectedSuggestion === index\r\n                  }\r\n                />\r\n              ))}\r\n            {props.EmptyComponent &&\r\n              props.tags.length === 0 &&\r\n              !props.allowNew &&\r\n              !props.isWaitingForMoreInput &&\r\n              !props.loading && (\r\n                <li className=\"w-100 text-center p-2\">\r\n                  {props.EmptyComponent}\r\n                </li>\r\n              )}\r\n          </ul>\r\n        </div>\r\n      </Popper>\r\n    )\r\n  );\r\n}\r\n\r\nconst SuggestionsWrapped = Suggestions;\r\n\r\nexport default SuggestionsWrapped;\r\n"],"mappings":"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"}
+{"version":3,"file":"TagsSuggestions.js","names":["React","_interopRequireWildcard","require","_button","_Popper","_interopRequireDefault","_classnames","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_extends","assign","bind","target","i","arguments","length","source","apply","popperModifiers","name","enabled","DefaultSuggestionTag","_ref","index","tag","id","onClick","isPreselected","getName","createElement","Button","toString","className","dropdown","Suggestions","props","_props$anchorEl2","onSelected","onSelectedFactory","useCallback","lastSelected","e","popperStyle","useMemo","_props$anchorEl","width","anchorEl","scrollWidth","zIndex","SuggestionTag","open","isVisible","style","placement","modifiers","popperProps","classNames","loading","ref","innerRef","AddNewTagComponent","LoadingComponent","isWaitingForMoreInput","WaitingForMoreInputComponent","tags","map","preselectedSuggestion","undefined","EmptyComponent","allowNew","SuggestionsWrapped","_default","exports"],"sources":["../../../../src/lib/components/tags/subComponents/TagsSuggestions.tsx"],"sourcesContent":["import * as React from 'react';\r\nimport { ResourceTConstraint, Tag } from '..';\r\nimport { Button } from '../../button';\r\nimport Popper, { PopperProps } from '@mui/material/Popper';\r\nimport classNames from 'classnames';\r\n\r\nexport type RenderSuggestionTagProps<\r\n  IdT extends number | string = number,\r\n  T extends ResourceTConstraint<IdT> = Tag<IdT>\r\n> = {\r\n  tag: T;\r\n  index: number;\r\n  id?: string;\r\n  onClick: (e: React.MouseEvent<HTMLElement>) => void;\r\n  isPreselected: boolean;\r\n  getName: (tag: T) => string;\r\n};\r\n\r\nexport type SuggestionsProps<\r\n  IdT extends number | string = number,\r\n  T extends ResourceTConstraint<IdT> = Tag<IdT>\r\n> = {\r\n  className?: string;\r\n  innerRef: React.RefObject<HTMLDivElement>;\r\n  anchorEl: HTMLElement;\r\n  id?: string;\r\n  preselectedSuggestion?: number;\r\n  isVisible: boolean;\r\n  isWaitingForMoreInput: boolean;\r\n  tags: T[];\r\n  onSelected: (tag: T, lastSelected: boolean) => void;\r\n  value: string;\r\n  loading: boolean;\r\n  LoadingComponent?: string | JSX.Element;\r\n  EmptyComponent?: string | JSX.Element;\r\n  AddNewTagComponent?: JSX.Element;\r\n  WaitingForMoreInputComponent?: string | JSX.Element;\r\n  allowNew: boolean;\r\n  popperProps?: Partial<PopperProps>;\r\n  SuggestionTag?: React.ComponentType<RenderSuggestionTagProps<IdT, T>>;\r\n  getName: (tag: T) => string;\r\n};\r\n\r\ntype InjectedProps = {};\r\n\r\nconst popperModifiers: PopperProps['modifiers'] = [\r\n  {\r\n    name: 'flip',\r\n    enabled: true,\r\n  },\r\n];\r\n\r\nfunction DefaultSuggestionTag<\r\n  IdT extends number | string = number,\r\n  T extends ResourceTConstraint<IdT> = Tag<IdT>\r\n>({\r\n  index,\r\n  tag,\r\n  id,\r\n  onClick,\r\n  isPreselected,\r\n  getName,\r\n}: RenderSuggestionTagProps<IdT, T>) {\r\n  return (\r\n    <li key={index}>\r\n      <Button\r\n        {...(id && {\r\n          id: id + '-suggestion-' + index.toString(),\r\n        })}\r\n        className={\r\n          'w-100 tags-input__suggestion ' +\r\n          (isPreselected ? 'tags-input__suggestion--preselected' : '')\r\n        }\r\n        onClick={onClick}\r\n        dropdown={true}\r\n      >\r\n        {getName(tag)}\r\n      </Button>\r\n    </li>\r\n  );\r\n}\r\n\r\nfunction Suggestions<\r\n  IdT extends number | string = number,\r\n  T extends ResourceTConstraint<IdT> = Tag<IdT>\r\n>(props: SuggestionsProps<IdT, T> & InjectedProps) {\r\n  const { onSelected } = props;\r\n  const onSelectedFactory = React.useCallback(\r\n    (tag: T, lastSelected: boolean) => (e: React.MouseEvent) => {\r\n      onSelected(tag, lastSelected);\r\n    },\r\n    [onSelected]\r\n  );\r\n  const popperStyle = React.useMemo(\r\n    () => ({\r\n      width: props.anchorEl?.scrollWidth,\r\n      zIndex: 10000,\r\n    }),\r\n    [props.anchorEl?.scrollWidth]\r\n  );\r\n\r\n  const { SuggestionTag = DefaultSuggestionTag } = props;\r\n  return (\r\n    props.anchorEl && (\r\n      <Popper\r\n        open={props.isVisible}\r\n        anchorEl={props.anchorEl}\r\n        style={popperStyle}\r\n        placement=\"bottom-start\"\r\n        modifiers={popperModifiers}\r\n        {...props.popperProps}\r\n      >\r\n        <div\r\n          {...(props.id && {\r\n            id: props.id,\r\n          })}\r\n          className={classNames('tags-input__suggestions', props.className, {\r\n            'tags-input__suggestions--loading': props.loading,\r\n          })}\r\n          ref={props.innerRef}\r\n        >\r\n          <ul>\r\n            {props.AddNewTagComponent}\r\n            {props.loading && props.LoadingComponent}\r\n            {props.isWaitingForMoreInput &&\r\n              props.WaitingForMoreInputComponent && (\r\n                <li className=\"w-100 text-center p-2\">\r\n                  {props.WaitingForMoreInputComponent}\r\n                </li>\r\n              )}\r\n            {!props.isWaitingForMoreInput &&\r\n              props.tags.map((tag, index) => (\r\n                <SuggestionTag<IdT, T>\r\n                  key={tag.id}\r\n                  index={index}\r\n                  tag={tag}\r\n                  onClick={onSelectedFactory(tag, props.tags.length === 1)}\r\n                  id={props.id}\r\n                  isPreselected={\r\n                    props.preselectedSuggestion !== undefined &&\r\n                    props.preselectedSuggestion === index\r\n                  }\r\n                  getName={props.getName}\r\n                />\r\n              ))}\r\n            {props.EmptyComponent &&\r\n              props.tags.length === 0 &&\r\n              !props.allowNew &&\r\n              !props.isWaitingForMoreInput &&\r\n              !props.loading && (\r\n                <li className=\"w-100 text-center p-2\">\r\n                  {props.EmptyComponent}\r\n                </li>\r\n              )}\r\n          </ul>\r\n        </div>\r\n      </Popper>\r\n    )\r\n  );\r\n}\r\n\r\nconst SuggestionsWrapped = Suggestions;\r\n\r\nexport default SuggestionsWrapped;\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 13:31]</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.71",
+  "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>
     ) : (

package/src/lib/components/tags/subComponents/TagsSuggestions.tsx

@@ -13,6 +13,7 @@ export type RenderSuggestionTagProps<
   id?: string;
   onClick: (e: React.MouseEvent<HTMLElement>) => void;
   isPreselected: boolean;
+  getName: (tag: T) => string;
 };
 
 export type SuggestionsProps<
@@ -58,6 +59,7 @@ function DefaultSuggestionTag<
   id,
   onClick,
   isPreselected,
+  getName,
 }: RenderSuggestionTagProps<IdT, T>) {
   return (
     <li key={index}>
@@ -72,7 +74,7 @@ function DefaultSuggestionTag<
         onClick={onClick}
         dropdown={true}
       >
-        {this.props.getName(tag)}
+        {getName(tag)}
       </Button>
     </li>
   );
@@ -138,6 +140,7 @@ function Suggestions<
                     props.preselectedSuggestion !== undefined &&
                     props.preselectedSuggestion === index
                   }
+                  getName={props.getName}
                 />
               ))}
             {props.EmptyComponent &&