@x15ventures/x15-ui-library 3.11.4

package/dist/cjs/components/design/tooltip/tooltip.css

@@ -0,0 +1,145 @@
+.tooltip {
+  position: relative;
+  display: inline-block;
+  font-weight: normal;
+  width: var(--tooltipIconSize, 22px);
+  height: 1em;
+  margin: var(--tooltipMargin, 0 5px);
+}
+.tooltip > button.icon_only {
+  background: none;
+  border: none;
+  border-radius: 100%;
+  display: block;
+  min-height: var(--tooltipIconSize, 22px);
+  min-width: var(--tooltipIconSize, 22px);
+  height: var(--tooltipIconSize, 22px);
+  line-height: calc(var(--tooltipIconSize, 22px) - 4px);
+  width: var(--tooltipIconSize, 22px);
+  position: absolute;
+  left: 0;
+  top: -2px;
+}
+.tooltip > button.icon_only:hover {
+  border: none;
+  background: none;
+}
+.tooltip > button.icon_only .icon,
+.tooltip > button.icon_only svg[data-icon] {
+  text-align: center;
+  height: var(--tooltipIconSize, 22px);
+  width: var(--tooltipIconSize, 22px);
+  cursor: pointer;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+.tooltip > button.icon_only svg[data-icon] {
+  height: var(--tooltipSvgIconSize, 22px);
+  width: var(--tooltipSvgIconSize, 22px);
+  line-height: var(--tooltipSvgIconSize, 22px);
+}
+.tooltip > button.icon_only .icon {
+  color: var(--tooltipIconFgColor, #222);
+  background: var(--tooltipIconBg, #c2d0d9);
+  border-radius: 100%;
+  border: var(--tooltipIconBorder, none);
+  line-height: normal;
+}
+.tooltip > button.icon_only .icon.icon-info:before {
+  content: "i";
+  color: var(--tooltipIconFgColor, #222);
+  font-style: normal;
+  font-size: calc(var(--tooltipIconSize, 22px) - 4px);
+  font-weight: bold;
+}
+.tooltip > button.icon_only svg[data-icon] {
+  color: var(--tooltipIconBg, #c2d0d9);
+}
+.tooltip > button.text_only {
+  padding: 0;
+}
+.tooltip .content {
+  display: none;
+  background: var(--tooltipContentBg, #e6e6e6);
+  color: var(--tooltipContentFgColor, #222);
+  border-radius: 5px;
+  box-sizing: border-box;
+  font-size: 13px;
+  line-height: 16px;
+  left: -90px;
+  padding: 10px;
+  position: absolute;
+  top: auto;
+  bottom: 28px;
+  z-index: 100;
+  width: var(--tooltipWidth, 200px);
+  text-align: left;
+}
+.tooltip .showPointer.content:before {
+  content: "";
+  border: 8px solid transparent;
+  border-top: 8px solid var(--tooltipContentBg, #e6e6e6);
+  border-bottom: none;
+  position: absolute;
+  bottom: -7px;
+  left: 50%;
+  transform: translateX(-50%);
+}
+.tooltip.large .content {
+  width: var(--tooltipWidthLarge, 320px);
+  left: -150px;
+}
+.tooltip.large .content:before {
+  left: 160px;
+}
+.tooltip:hover .content, .tooltip.isOpen .content {
+  display: block;
+}
+.tooltip.measuring .content {
+  opacity: 1;
+  display: block;
+}
+.tooltip.shiftLeft .content {
+  left: -157px;
+}
+.tooltip.shiftLeft .content:before {
+  left: auto;
+  right: 16px;
+}
+.tooltip.shiftLeft.large .content {
+  left: -277px;
+}
+.tooltip.shiftRight .content {
+  left: -5px;
+}
+.tooltip.shiftRight .content:before {
+  left: 16px;
+}
+.tooltip.shiftRight.large .content {
+  left: -5px;
+}
+.tooltip.shiftUp .content {
+  top: auto;
+  bottom: 28px;
+}
+.tooltip.shiftUp .content:before {
+  top: auto;
+  bottom: -8px;
+  border-top: 8px solid var(--tooltipContentBg, #e6e6e6);
+  border-bottom: none;
+}
+.tooltip.shiftDown .content {
+  top: 27px;
+  bottom: auto;
+}
+.tooltip.shiftDown .content:before {
+  top: -8px;
+  bottom: auto;
+  border-top: none;
+  border-bottom: 8px solid var(--tooltipContentBg, #e6e6e6);
+}
+.tooltip.textDisplay {
+  width: auto;
+  height: auto;
+}

package/dist/cjs/components/form/buttons/SimpleButton.js

@@ -0,0 +1,63 @@
+"use strict";
+'use client';
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.SimpleButton = exports.Button = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _react = _interopRequireWildcard(require("react"));
+var _Icon = require("../../design/icons/basicIcon/Icon");
+var _button = require("./button.helpers");
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+const SimpleButton = exports.Button = exports.SimpleButton = /*#__PURE__*/(0, _react.forwardRef)(({
+  buttonType = 'button',
+  leftIcon,
+  rightIcon,
+  hideLabel = false,
+  label = 'A button',
+  title,
+  id = 'buttonIdRequired',
+  cssClass = 'button primary',
+  disabled = false,
+  disabledMessage = 'This button has been disabled temporarily. There is likely an issue elsewhere on your form that needs to be resolved first.',
+  onClickHandler = () => {},
+  buttonStyle,
+  children
+}, ref) => {
+  const buttonCssClass = (0, _react.useMemo)(() => {
+    return (0, _button.generateButtonClass)({
+      cssClass,
+      buttonStyle,
+      hideLabel
+    });
+  }, [cssClass, buttonStyle, hideLabel]);
+  const disabledMessageId = `${id}-disabledMessage`;
+  const buttonHoverTitle = () => {
+    if (title) {
+      return title;
+    }
+    if (hideLabel && typeof label === 'string') {
+      return label;
+    }
+  };
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("button", (0, _extends2.default)({
+    ref: ref,
+    id: id,
+    title: buttonHoverTitle(),
+    className: buttonCssClass,
+    type: buttonType,
+    onClick: onClickHandler,
+    disabled: disabled
+  }, disabled && {
+    'aria-describedby': disabledMessageId
+  }), leftIcon && /*#__PURE__*/_react.default.createElement(_Icon.Icon, leftIcon), /*#__PURE__*/_react.default.createElement("span", {
+    className: `${hideLabel ? 'sr-only' : 'labelText'}`
+  }, label), children, rightIcon && /*#__PURE__*/_react.default.createElement(_Icon.Icon, rightIcon)), disabled && /*#__PURE__*/_react.default.createElement("span", {
+    id: disabledMessageId,
+    className: "sr-only"
+  }, disabledMessage));
+});
+var _default = exports.default = SimpleButton;
+//# sourceMappingURL=SimpleButton.js.map

package/dist/cjs/components/form/buttons/SimpleButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SimpleButton.js","names":["_interopRequireDefault","require","Object","defineProperty","exports","value","default","SimpleButton","Button","_extends2","_react","_interopRequireWildcard","_Icon","_button","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","has","get","set","hasOwnProperty","call","getOwnPropertyDescriptor","forwardRef","buttonType","leftIcon","rightIcon","hideLabel","label","title","id","cssClass","disabled","disabledMessage","onClickHandler","buttonStyle","children","ref","buttonCssClass","useMemo","generateButtonClass","disabledMessageId","buttonHoverTitle","createElement","Fragment","className","type","onClick","Icon","_default"],"sources":["../../../../../src/components/form/buttons/SimpleButton.tsx"],"sourcesContent":["'use client';\n\nimport React, { useMemo, forwardRef } from 'react';\nimport { ButtonProps } from './button.interface';\nimport { Icon } from '../../design/icons/basicIcon/Icon';\nimport { generateButtonClass } from './button.helpers';\n\nexport const SimpleButton = forwardRef<HTMLButtonElement, ButtonProps>((\n  {\n    buttonType = 'button',\n    leftIcon,\n    rightIcon,\n    hideLabel = false,\n    label = 'A button',\n    title,\n    id = 'buttonIdRequired',\n    cssClass = 'button primary',\n    disabled = false,\n    disabledMessage = 'This button has been disabled temporarily. There is likely an issue elsewhere on your form that needs to be resolved first.',\n    onClickHandler = () => { },\n    buttonStyle,\n    children\n  },\n  ref\n) => {\n  \n  const buttonCssClass = useMemo(() => {\n    return generateButtonClass({ cssClass, buttonStyle, hideLabel });\n  }, [cssClass, buttonStyle, hideLabel]);\n\n  const disabledMessageId = `${ id }-disabledMessage`;\n\n  const buttonHoverTitle = () => {\n    if (title) {\n      return title;\n    }\n    if (hideLabel && typeof label === 'string') {\n      return label;\n    }\n  };\n\n  return (\n    <>\n      <button\n        ref={ ref }\n        id={ id }\n        title={ buttonHoverTitle() }\n        className={ buttonCssClass }\n        type={ buttonType }\n        onClick={ onClickHandler }\n        disabled={ disabled }\n        { ...(disabled && { 'aria-describedby': disabledMessageId }) }\n      >\n        { leftIcon && <Icon { ...leftIcon } /> }\n\n        <span className={ `${ hideLabel ? 'sr-only' : 'labelText' }` }>{ label }</span>\n\n        { children }\n\n        { rightIcon && <Icon { ...rightIcon } /> }\n      </button>\n      {\n        disabled && (\n          <span id={ disabledMessageId } className=\"sr-only\">\n            {\n              disabledMessage\n            }\n          </span>\n        )\n      }\n    </>\n  );\n});\n\nexport default SimpleButton;\n\nexport { SimpleButton as Button };"],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/form/buttons/button.helpers.js

@@ -0,0 +1,16 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.generateButtonClass = void 0;
+var _arrayHelpers = require("../../../helpers/arrayHelpers");
+const generateButtonClass = ({
+  cssClass = 'button primary',
+  hideLabel,
+  buttonStyle
+}) => {
+  return (0, _arrayHelpers.cssClassesArrayToString)('button', cssClass, hideLabel && 'iconOnly', buttonStyle?.color, buttonStyle?.variant, buttonStyle?.size);
+};
+exports.generateButtonClass = generateButtonClass;
+//# sourceMappingURL=button.helpers.js.map

package/dist/cjs/components/form/buttons/button.helpers.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"button.helpers.js","names":["_arrayHelpers","require","generateButtonClass","cssClass","hideLabel","buttonStyle","cssClassesArrayToString","color","variant","size","exports"],"sources":["../../../../../src/components/form/buttons/button.helpers.ts"],"sourcesContent":["import { ButtonStyles } from './button.interface';\nimport { ButtonClassCombination } from './buttonVariations';\nimport { cssClassesArrayToString } from '../../../helpers/arrayHelpers';\n\nexport const generateButtonClass = (\n  {\n    cssClass = 'button primary',\n    hideLabel,\n    buttonStyle\n  }:\n  {\n    cssClass: string | ButtonClassCombination;\n    hideLabel?: boolean;\n    buttonStyle?: ButtonStyles;\n  }\n) => {\n  return cssClassesArrayToString(\n    'button',\n    cssClass,\n    hideLabel && 'iconOnly',\n    buttonStyle?.color,\n    buttonStyle?.variant,\n    buttonStyle?.size\n  );\n};\n"],"mappings":";;;;;;AAEA,IAAAA,aAAA,GAAAC,OAAA;AAEO,MAAMC,mBAAmB,GAAGA,CACjC;EACEC,QAAQ,GAAG,gBAAgB;EAC3BC,SAAS;EACTC;AAMF,CAAC,KACE;EACH,OAAO,IAAAC,qCAAuB,EAC5B,QAAQ,EACRH,QAAQ,EACRC,SAAS,IAAI,UAAU,EACvBC,WAAW,EAAEE,KAAK,EAClBF,WAAW,EAAEG,OAAO,EACpBH,WAAW,EAAEI,IACf,CAAC;AACH,CAAC;AAACC,OAAA,CAAAR,mBAAA,GAAAA,mBAAA","ignoreList":[]}

package/dist/cjs/components/form/buttons/button.interface.js

@@ -0,0 +1,6 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+//# sourceMappingURL=button.interface.js.map

package/dist/cjs/components/form/buttons/button.interface.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"button.interface.js","names":[],"sources":["../../../../../src/components/form/buttons/button.interface.ts"],"sourcesContent":["import { ReactElement, ReactNode, RefObject } from 'react';\nimport { IconProps } from '../../design/icons/basicIcon/Icon';\nimport { GenericFunction } from '../../../interfaces/generic.interface';\nimport { ButtonClassCombination } from './buttonVariations';\n\nexport interface ButtonStyles {\n  color?: 'primary' | 'secondary' | 'tertiary';\n  variant?: 'solid' | 'outline' | 'text-only' | 'icon-only';\n  size?: 'default' | 'compact';\n}\n\nexport interface ButtonProps {\n  label: string | ReactNode;\n  id: string;\n  title?: string;\n  cssClass?: string | ButtonClassCombination;\n  onClickHandler?: GenericFunction;\n  buttonType?: 'button' | 'submit' | 'reset';\n  buttonStyle?: ButtonStyles;\n  leftIcon?: IconProps;\n  rightIcon?: IconProps;\n  hideLabel?: boolean;\n  children?: ReactNode | ReactElement;\n  disabled?: boolean;\n  disabledMessage?: string;\n  ref?: RefObject<HTMLButtonElement>;\n}\n"],"mappings":"","ignoreList":[]}

package/dist/cjs/components/form/buttons/buttonVariations.js

@@ -0,0 +1,21 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.buttonStateClasses = exports.buttonSizeClasses = exports.buttonColorClasses = void 0;
+// TODO: Consider adding button class guides
+
+const buttonColorClasses = exports.buttonColorClasses = ['primary', 'secondary', 'tertiary', 'primary inverse', 'secondary inverse', 'tertiary inverse', 'invisible'];
+const buttonSizeClasses = exports.buttonSizeClasses = ['compact', 'outline', 'compact outline'];
+const buttonStateClasses = exports.buttonStateClasses = ['hover', 'focus', 'active', 'inactive', 'disabled'];
+
+// Create union types for each array
+
+// Define a type that allows a combination of at most one from each array
+var _default = exports.default = {
+  buttonColorClasses,
+  buttonStateClasses,
+  buttonSizeClasses
+};
+//# sourceMappingURL=buttonVariations.js.map

package/dist/cjs/components/form/buttons/buttonVariations.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"buttonVariations.js","names":["buttonColorClasses","exports","buttonSizeClasses","buttonStateClasses","_default","default"],"sources":["../../../../../src/components/form/buttons/buttonVariations.ts"],"sourcesContent":["// TODO: Consider adding button class guides\n\nexport const buttonColorClasses = [\n  'primary',\n  'secondary',\n  'tertiary',\n  'primary inverse',\n  'secondary inverse',\n  'tertiary inverse',\n  'invisible'\n];\n\nexport const buttonSizeClasses = [\n  'compact',\n  'outline',\n  'compact outline'\n];\n\nexport const buttonStateClasses = [\n  'hover',\n  'focus',\n  'active',\n  'inactive',\n  'disabled'\n];\n\n// Create union types for each array\nexport type ButtonColorClass = typeof buttonColorClasses[number];\nexport type ButtonSizeClass = typeof buttonSizeClasses[number];\nexport type ButtonStateClass = typeof buttonStateClasses[number];\n\n// Define a type that allows a combination of at most one from each array\nexport type ButtonClassCombination = (\n  ButtonColorClass | ButtonSizeClass | ButtonStateClass | string\n  )[] & {\n  length: 0 | 1 | 2 | 3;\n};\n\nexport default {\n  buttonColorClasses,\n  buttonStateClasses,\n  buttonSizeClasses\n};\n"],"mappings":";;;;;;AAAA;;AAEO,MAAMA,kBAAkB,GAAAC,OAAA,CAAAD,kBAAA,GAAG,CAChC,SAAS,EACT,WAAW,EACX,UAAU,EACV,iBAAiB,EACjB,mBAAmB,EACnB,kBAAkB,EAClB,WAAW,CACZ;AAEM,MAAME,iBAAiB,GAAAD,OAAA,CAAAC,iBAAA,GAAG,CAC/B,SAAS,EACT,SAAS,EACT,iBAAiB,CAClB;AAEM,MAAMC,kBAAkB,GAAAF,OAAA,CAAAE,kBAAA,GAAG,CAChC,OAAO,EACP,OAAO,EACP,QAAQ,EACR,UAAU,EACV,UAAU,CACX;;AAED;;AAKA;AAAA,IAAAC,QAAA,GAAAH,OAAA,CAAAI,OAAA,GAOe;EACbL,kBAAkB;EAClBG,kBAAkB;EAClBD;AACF,CAAC","ignoreList":[]}

package/dist/cjs/components/form/buttons/copyTextButton/CopyTextButton.js

@@ -0,0 +1,31 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.CopyTextButton = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _react = _interopRequireWildcard(require("react"));
+var _SimpleButton = require("../../buttons/SimpleButton");
+var _CopyClipboard = require("../../../../hooks/CopyClipboard");
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+const CopyTextButton = ({
+  copyElementRef,
+  autoCopyOnSelect,
+  onCopyCallback,
+  ...buttonProps
+}) => {
+  const buttonRef = (0, _react.useRef)(null);
+  (0, _CopyClipboard.useCopyClipboard)({
+    elementRef: copyElementRef,
+    triggerRef: buttonRef,
+    autoCopyOnSelect,
+    onCopyCallback
+  });
+  return /*#__PURE__*/_react.default.createElement(_SimpleButton.SimpleButton, (0, _extends2.default)({}, buttonProps, {
+    ref: buttonRef
+  }));
+};
+exports.CopyTextButton = CopyTextButton;
+//# sourceMappingURL=CopyTextButton.js.map

package/dist/cjs/components/form/buttons/copyTextButton/CopyTextButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CopyTextButton.js","names":["_react","_interopRequireWildcard","require","_SimpleButton","_CopyClipboard","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","CopyTextButton","copyElementRef","autoCopyOnSelect","onCopyCallback","buttonProps","buttonRef","useRef","useCopyClipboard","elementRef","triggerRef","createElement","SimpleButton","_extends2","ref","exports"],"sources":["../../../../../../src/components/form/buttons/copyTextButton/CopyTextButton.tsx"],"sourcesContent":["import React, { useRef } from 'react';\nimport { SimpleButton } from '../../buttons/SimpleButton';\nimport { ButtonProps } from '../../buttons/button.interface';\nimport { useCopyClipboard } from '../../../../hooks/CopyClipboard';\nimport { GenericFunction } from '../../../../interfaces';\n\ninterface CopyTextButtonProps extends ButtonProps {\n  copyElementRef: React.RefObject<HTMLElement>;\n  autoCopyOnSelect?: boolean;\n  onCopyCallback?: GenericFunction;\n}\n\nexport const CopyTextButton: React.FC<CopyTextButtonProps> = (\n  {\n    copyElementRef,\n    autoCopyOnSelect,\n    onCopyCallback,\n    ...buttonProps\n  }) => {\n  const buttonRef = useRef<HTMLButtonElement>(null);\n\n  useCopyClipboard(\n    {\n      elementRef: copyElementRef,\n      triggerRef: buttonRef,\n      autoCopyOnSelect,\n      onCopyCallback\n    }\n  );\n\n  return <SimpleButton { ...buttonProps } ref={ buttonRef } />;\n};"],"mappings":";;;;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,aAAA,GAAAD,OAAA;AAEA,IAAAE,cAAA,GAAAF,OAAA;AAAmE,SAAAD,wBAAAI,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAN,uBAAA,YAAAA,CAAAI,CAAA,EAAAC,CAAA,SAAAA,CAAA,IAAAD,CAAA,IAAAA,CAAA,CAAAK,UAAA,SAAAL,CAAA,MAAAM,CAAA,EAAAC,CAAA,EAAAC,CAAA,KAAAC,SAAA,QAAAC,OAAA,EAAAV,CAAA,iBAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,SAAAQ,CAAA,MAAAF,CAAA,GAAAL,CAAA,GAAAG,CAAA,GAAAD,CAAA,QAAAG,CAAA,CAAAK,GAAA,CAAAX,CAAA,UAAAM,CAAA,CAAAM,GAAA,CAAAZ,CAAA,GAAAM,CAAA,CAAAO,GAAA,CAAAb,CAAA,EAAAQ,CAAA,gBAAAP,CAAA,IAAAD,CAAA,gBAAAC,CAAA,OAAAa,cAAA,CAAAC,IAAA,CAAAf,CAAA,EAAAC,CAAA,OAAAM,CAAA,IAAAD,CAAA,GAAAU,MAAA,CAAAC,cAAA,KAAAD,MAAA,CAAAE,wBAAA,CAAAlB,CAAA,EAAAC,CAAA,OAAAM,CAAA,CAAAK,GAAA,IAAAL,CAAA,CAAAM,GAAA,IAAAP,CAAA,CAAAE,CAAA,EAAAP,CAAA,EAAAM,CAAA,IAAAC,CAAA,CAAAP,CAAA,IAAAD,CAAA,CAAAC,CAAA,WAAAO,CAAA,KAAAR,CAAA,EAAAC,CAAA;AAS5D,MAAMkB,cAA6C,GAAGA,CAC3D;EACEC,cAAc;EACdC,gBAAgB;EAChBC,cAAc;EACd,GAAGC;AACL,CAAC,KAAK;EACN,MAAMC,SAAS,GAAG,IAAAC,aAAM,EAAoB,IAAI,CAAC;EAEjD,IAAAC,+BAAgB,EACd;IACEC,UAAU,EAAEP,cAAc;IAC1BQ,UAAU,EAAEJ,SAAS;IACrBH,gBAAgB;IAChBC;EACF,CACF,CAAC;EAED,oBAAO3B,MAAA,CAAAe,OAAA,CAAAmB,aAAA,CAAC/B,aAAA,CAAAgC,YAAY,MAAAC,SAAA,CAAArB,OAAA,MAAMa,WAAW;IAAGS,GAAG,EAAGR;EAAW,EAAE,CAAC;AAC9D,CAAC;AAACS,OAAA,CAAAd,cAAA,GAAAA,cAAA","ignoreList":[]}

package/dist/cjs/components/form/buttons/notificationsButton/NotificationsButton.js

@@ -0,0 +1,47 @@
+"use strict";
+'use client';
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.NotificationsButton = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _react = _interopRequireWildcard(require("react"));
+var _SimpleButton = require("../SimpleButton");
+var _NotificationIcon = require("../../../design/icons/notificationIcon/NotificationIcon");
+var _helpers = require("../../../../helpers");
+var _button = require("../button.helpers");
+require("./notificationsButton.css");
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+const NotificationsButton = props => {
+  const {
+    count = 0,
+    label = `You have ${count} ${(0, _helpers.pluralizeIfNeeded)('notification', count)}`,
+    hideLabel = true,
+    leftIcon = {
+      icon: 'bell'
+    },
+    cssClass,
+    buttonStyle,
+    ...buttonProps
+  } = props;
+  const buttonCssClass = (0, _react.useMemo)(() => {
+    const baseCssClass = `button notificationsButton ${hideLabel ? 'iconOnly' : ''} ${cssClass || ''}`;
+    return (0, _button.generateButtonClass)({
+      cssClass: baseCssClass,
+      buttonStyle,
+      hideLabel
+    });
+  }, [cssClass, buttonStyle, hideLabel]);
+  return /*#__PURE__*/_react.default.createElement(_SimpleButton.SimpleButton, (0, _extends2.default)({}, buttonProps, {
+    label: label,
+    hideLabel: hideLabel,
+    leftIcon: leftIcon,
+    cssClass: buttonCssClass
+  }), count > 0 && /*#__PURE__*/_react.default.createElement(_NotificationIcon.NotificationIcon, {
+    text: `${count}`
+  }));
+};
+exports.NotificationsButton = NotificationsButton;
+//# sourceMappingURL=NotificationsButton.js.map

package/dist/cjs/components/form/buttons/notificationsButton/NotificationsButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NotificationsButton.js","names":["_interopRequireDefault","require","Object","defineProperty","exports","value","NotificationsButton","_extends2","_react","_interopRequireWildcard","_SimpleButton","_NotificationIcon","_helpers","_button","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","getOwnPropertyDescriptor","props","count","label","pluralizeIfNeeded","hideLabel","leftIcon","icon","cssClass","buttonStyle","buttonProps","buttonCssClass","useMemo","baseCssClass","generateButtonClass","createElement","SimpleButton","NotificationIcon","text"],"sources":["../../../../../../src/components/form/buttons/notificationsButton/NotificationsButton.tsx"],"sourcesContent":["'use client';\n\nimport React, { useMemo } from 'react';\nimport { SimpleButton } from '../SimpleButton';\nimport { NotificationIcon } from '../../../design/icons/notificationIcon/NotificationIcon';\nimport { pluralizeIfNeeded } from '../../../../helpers';\nimport { ButtonProps } from '../button.interface';\nimport { generateButtonClass } from '../button.helpers';\n\nimport './notificationsButton.scss';\n\nexport interface NotificationsButtonProps extends Omit<ButtonProps, 'label'> {\n  count?: number;\n  label?: string;\n}\n\nexport const NotificationsButton: React.FC<NotificationsButtonProps> = (props) => {\n  const {\n    count = 0,\n    label = `You have ${ count } ${ pluralizeIfNeeded('notification', count) }`,\n    hideLabel = true,\n    leftIcon = { icon: 'bell' },\n    cssClass,\n    buttonStyle,\n    ...buttonProps\n  } = props;\n\n  const buttonCssClass = useMemo(() => {\n    const baseCssClass = `button notificationsButton ${ hideLabel ? 'iconOnly' : '' } ${ cssClass || '' }`;\n\n    return generateButtonClass({ cssClass: baseCssClass, buttonStyle, hideLabel });\n  }, [cssClass, buttonStyle, hideLabel]);\n\n  return (\n    <SimpleButton\n      { ...buttonProps }\n      label={ label }\n      hideLabel={ hideLabel }\n      leftIcon={ leftIcon }\n      cssClass={ buttonCssClass }\n    >\n      { count > 0 && <NotificationIcon text={ `${ count }` } /> }\n    </SimpleButton>\n  );\n};\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/form/buttons/notificationsButton/notificationsButton.css

@@ -0,0 +1,3 @@
+.notificationsButton {
+  position: relative;
+}

package/dist/cjs/components/form/buttons/userPicButton/UserPicButton.js

@@ -0,0 +1,39 @@
+"use strict";
+'use client';
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.UserPicButton = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _react = _interopRequireDefault(require("react"));
+var _SimpleButton = require("../SimpleButton");
+var _Icon = require("../../../design/icons/basicIcon/Icon");
+var _stringHelpers = require("../../../../helpers/stringHelpers");
+require("./userPicButton.css");
+const UserPicButton = props => {
+  const {
+    user,
+    ...buttonProps
+  } = props;
+  return /*#__PURE__*/_react.default.createElement(_SimpleButton.SimpleButton, (0, _extends2.default)({}, buttonProps, {
+    hideLabel: true,
+    cssClass: "button icon_only userPicButton"
+  }), /*#__PURE__*/_react.default.createElement("span", {
+    title: user.fullName || 'User profile',
+    className: "userPicFallbacks"
+  }, /*#__PURE__*/_react.default.createElement("span", {
+    style: {
+      backgroundImage: `url(${user.imageUrl})`
+    },
+    className: "userPic"
+  }), user.fullName && /*#__PURE__*/_react.default.createElement("span", {
+    className: "userInitials"
+  }, (0, _stringHelpers.getInitialsOrAcronym)(user.fullName)), /*#__PURE__*/_react.default.createElement(_Icon.Icon, {
+    icon: "user",
+    customCssClass: "userPicFallbackIcon"
+  })));
+};
+exports.UserPicButton = UserPicButton;
+//# sourceMappingURL=UserPicButton.js.map

package/dist/cjs/components/form/buttons/userPicButton/UserPicButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UserPicButton.js","names":["_interopRequireDefault","require","Object","defineProperty","exports","value","UserPicButton","_extends2","_react","_SimpleButton","_Icon","_stringHelpers","props","user","buttonProps","default","createElement","SimpleButton","hideLabel","cssClass","title","fullName","className","style","backgroundImage","imageUrl","getInitialsOrAcronym","Icon","icon","customCssClass"],"sources":["../../../../../../src/components/form/buttons/userPicButton/UserPicButton.tsx"],"sourcesContent":["'use client';\n\nimport React from 'react';\nimport { ButtonProps } from '../button.interface';\nimport { SimpleButton } from '../SimpleButton';\nimport { Icon } from '../../../design/icons/basicIcon/Icon';\nimport { getInitialsOrAcronym } from '../../../../helpers/stringHelpers';\n\nimport './userPicButton.scss';\n\nexport interface UserPicButtonProps extends ButtonProps {\n  user: {\n    imageUrl?: string;\n    fullName?: string;\n  }\n}\n\nexport const UserPicButton: React.FC<UserPicButtonProps> = (props) => {\n  const {\n    user, ...buttonProps\n  } = props;\n\n  return (\n    <SimpleButton { ...buttonProps } hideLabel cssClass=\"button icon_only userPicButton\">\n      <span title={ user.fullName || 'User profile' } className=\"userPicFallbacks\">\n        <span\n          style={\n            {\n              backgroundImage: `url(${ user.imageUrl })`\n            }\n          }\n          className=\"userPic\"\n        />\n        {\n          user.fullName\n          && (\n            <span className=\"userInitials\">\n              { getInitialsOrAcronym(user.fullName) }\n            </span>\n          )\n        }\n        <Icon icon=\"user\" customCssClass=\"userPicFallbackIcon\" />\n      </span>\n    </SimpleButton>\n  );\n};\n"],"mappings":";AAAA,YAAY;;AAAC,IAAAA,sBAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,cAAA,CAAAC,OAAA;EAAAC,KAAA;AAAA;AAAAD,OAAA,CAAAE,aAAA;AAAA,IAAAC,SAAA,GAAAP,sBAAA,CAAAC,OAAA;AAEb,IAAAO,MAAA,GAAAR,sBAAA,CAAAC,OAAA;AAEA,IAAAQ,aAAA,GAAAR,OAAA;AACA,IAAAS,KAAA,GAAAT,OAAA;AACA,IAAAU,cAAA,GAAAV,OAAA;AAEAA,OAAA;AASO,MAAMK,aAA2C,GAAIM,KAAK,IAAK;EACpE,MAAM;IACJC,IAAI;IAAE,GAAGC;EACX,CAAC,GAAGF,KAAK;EAET,oBACEJ,MAAA,CAAAO,OAAA,CAAAC,aAAA,CAACP,aAAA,CAAAQ,YAAY,MAAAV,SAAA,CAAAQ,OAAA,MAAMD,WAAW;IAAGI,SAAS;IAACC,QAAQ,EAAC;EAAgC,iBAClFX,MAAA,CAAAO,OAAA,CAAAC,aAAA;IAAMI,KAAK,EAAGP,IAAI,CAACQ,QAAQ,IAAI,cAAgB;IAACC,SAAS,EAAC;EAAkB,gBAC1Ed,MAAA,CAAAO,OAAA,CAAAC,aAAA;IACEO,KAAK,EACH;MACEC,eAAe,EAAE,OAAQX,IAAI,CAACY,QAAQ;IACxC,CACD;IACDH,SAAS,EAAC;EAAS,CACpB,CAAC,EAEAT,IAAI,CAACQ,QAAQ,iBAEXb,MAAA,CAAAO,OAAA,CAAAC,aAAA;IAAMM,SAAS,EAAC;EAAc,GAC1B,IAAAI,mCAAoB,EAACb,IAAI,CAACQ,QAAQ,CAChC,CACP,eAEHb,MAAA,CAAAO,OAAA,CAAAC,aAAA,CAACN,KAAA,CAAAiB,IAAI;IAACC,IAAI,EAAC,MAAM;IAACC,cAAc,EAAC;EAAqB,CAAE,CACpD,CACM,CAAC;AAEnB,CAAC;AAACzB,OAAA,CAAAE,aAAA,GAAAA,aAAA","ignoreList":[]}

package/dist/cjs/components/form/buttons/userPicButton/userPicButton.css

@@ -0,0 +1,30 @@
+/* Popovers */
+.userPicButton .userPicFallbacks {
+  position: relative;
+  width: 42px;
+  height: 42px;
+}
+.userPicButton .userPicFallbacks > span, .userPicButton .userPicFallbacks > .icon {
+  position: absolute;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+.userPicButton .userPic {
+  background-size: cover;
+  background-position: center;
+  z-index: 3;
+}
+.userPicButton .userInitials {
+  background: var(--primaryButtonBg);
+  z-index: 2;
+  font-weight: bold;
+}
+.userPicButton .userPicFallbackIcon {
+  z-index: 1;
+  font-size: 24px;
+}

package/dist/cjs/components/form/formFields/formFieldWrapper/FormField.js

@@ -0,0 +1,112 @@
+"use strict";
+'use client';
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.FormField = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _HookFormWrapper = require("../../hookFormWrapper/HookFormWrapper");
+var _FormFieldLabel = require("../subComponents/labels/FormFieldLabel");
+var _InputText = require("../subComponents/inputs/text/InputText");
+var _ValidationMessages = require("../../validation/ValidationMessages");
+var _Spinner = require("../../../design/spinner/Spinner");
+var _InputSearch = require("../subComponents/inputs/search/InputSearch");
+var _InputDate = require("../subComponents/inputs/date/InputDate");
+var _Select = require("../subComponents/select/Select");
+var _Textarea = require("../subComponents/textarea/Textarea");
+var _Autocomplete = require("../subComponents/inputs/autocomplete/Autocomplete");
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+const FormField = ({
+  label,
+  field,
+  layout = 'stacked',
+  showSpinner,
+  validation,
+  customContent,
+  customCssClasses,
+  separateLabelAndField = false
+}) => {
+  const [isTouched, setIsTouched] = (0, _react.useState)(false);
+  const wrapperCssClass = `
+    formField 
+    ${layout} 
+    ${field.type}_Field 
+    ${customCssClasses?.wrapper || ''} 
+    ${isTouched ? 'touched' : ''} 
+    ${typeof validation !== 'undefined' ? 'withValidation' : ''} 
+    ${label?.position === 'inset' ? 'insetLabel' : ''}
+  `;
+  const wrapperHoverText = () => {
+    if (!label.hide) {
+      return undefined;
+    }
+    if (field.placeholder) {
+      return field.placeholder;
+    }
+    if (typeof label.text === 'string') {
+      return label.text;
+    }
+    return undefined;
+  };
+  const getFieldElement = () => {
+    const fieldType = field.type.toLowerCase();
+    const fieldProps = {
+      field: {
+        ...field,
+        ...(fieldType !== 'checkbox' ? {
+          defaultValue: field.defaultValue || ''
+        } : {}),
+        onTouched: () => setIsTouched(true)
+      },
+      label,
+      showSpinner,
+      validation,
+      customContent
+    };
+    switch (fieldType) {
+      case 'textarea':
+        return /*#__PURE__*/_react.default.createElement(_Textarea.Textarea, fieldProps);
+      case 'select':
+        return /*#__PURE__*/_react.default.createElement(_Select.Select, fieldProps);
+      case 'checkbox':
+        return new Error('Checkboxes require special handling. Please use the InputCheckbox component instead.');
+      case 'file':
+        return new Error('File inputs require special handling. Please use the DragAndDropFileUpload component instead.');
+      case 'password':
+        return /*#__PURE__*/_react.default.createElement(_InputText.InputText, fieldProps);
+      case 'date':
+        return /*#__PURE__*/_react.default.createElement(_InputDate.InputDate, fieldProps);
+      case 'search':
+        return /*#__PURE__*/_react.default.createElement(_InputSearch.InputSearch, fieldProps);
+      case 'combobox':
+        return /*#__PURE__*/_react.default.createElement(_Autocomplete.Autocomplete, fieldProps);
+      default:
+        return /*#__PURE__*/_react.default.createElement(_InputText.InputText, fieldProps);
+    }
+  };
+  const labelProps = {
+    ...label,
+    inputId: field.id,
+    isRequired: validation && typeof validation.required !== 'undefined',
+    customContent
+  };
+  return /*#__PURE__*/_react.default.createElement(_HookFormWrapper.HookFormWrapper, null, /*#__PURE__*/_react.default.createElement("div", {
+    className: wrapperCssClass,
+    title: wrapperHoverText()
+  }, /*#__PURE__*/_react.default.createElement("label", {
+    id: label.labelId || `${field.id}_label`,
+    className: `${customCssClasses?.label || ''} ${showSpinner ? 'withSpinner' : ''} ${label.hide ? 'hiddenLabel' : ''}`,
+    htmlFor: field.id
+  }, (!label?.position || label.position === 'left' || separateLabelAndField) && /*#__PURE__*/_react.default.createElement(_FormFieldLabel.FormFieldLabel, labelProps), !separateLabelAndField && /*#__PURE__*/_react.default.createElement("span", {
+    className: "inputContainer"
+  }, getFieldElement(), label?.position === 'inset' && /*#__PURE__*/_react.default.createElement(_FormFieldLabel.FormFieldLabel, labelProps)), label?.position === 'right' && /*#__PURE__*/_react.default.createElement(_FormFieldLabel.FormFieldLabel, labelProps), showSpinner && /*#__PURE__*/_react.default.createElement(_Spinner.Spinner, null), /*#__PURE__*/_react.default.createElement(_ValidationMessages.ValidationMessages, {
+    name: field.name,
+    validation: validation
+  })), separateLabelAndField && /*#__PURE__*/_react.default.createElement("div", {
+    className: "inputContainer"
+  }, getFieldElement())));
+};
+exports.FormField = FormField;
+var _default = exports.default = FormField;
+//# sourceMappingURL=FormField.js.map

package/dist/cjs/components/form/formFields/formFieldWrapper/FormField.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormField.js","names":["Object","defineProperty","exports","value","default","FormField","_react","_interopRequireWildcard","require","_HookFormWrapper","_FormFieldLabel","_InputText","_ValidationMessages","_Spinner","_InputSearch","_InputDate","_Select","_Textarea","_Autocomplete","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","has","get","set","hasOwnProperty","call","getOwnPropertyDescriptor","label","field","layout","showSpinner","validation","customContent","customCssClasses","separateLabelAndField","isTouched","setIsTouched","useState","wrapperCssClass","type","wrapper","position","wrapperHoverText","hide","undefined","placeholder","text","getFieldElement","fieldType","toLowerCase","fieldProps","defaultValue","onTouched","createElement","Textarea","Select","Error","InputText","InputDate","InputSearch","Autocomplete","labelProps","inputId","id","isRequired","required","HookFormWrapper","className","title","labelId","htmlFor","FormFieldLabel","Spinner","ValidationMessages","name","_default"],"sources":["../../../../../../src/components/form/formFields/formFieldWrapper/FormField.tsx"],"sourcesContent":["'use client';\n\nimport React, { ReactNode, useState } from 'react';\nimport { HookFormWrapper } from '../../hookFormWrapper/HookFormWrapper';\nimport { FormFieldLabel } from '../subComponents/labels/FormFieldLabel';\nimport { FormFieldProps } from './formFieldProps';\nimport { InputText } from '../subComponents/inputs/text/InputText';\nimport { ValidationMessages } from '../../validation/ValidationMessages';\nimport { Spinner } from '../../../design/spinner/Spinner';\nimport { InputSearch } from '../subComponents/inputs/search/InputSearch';\nimport { InputDate } from '../subComponents/inputs/date/InputDate';\nimport { Select } from '../subComponents/select/Select';\nimport { Textarea } from '../subComponents/textarea/Textarea';\nimport { Autocomplete } from '../subComponents/inputs/autocomplete/Autocomplete';\n\nexport const FormField: React.FC<FormFieldProps> = (\n  {\n    label,\n    field,\n    layout = 'stacked',\n    showSpinner,\n    validation,\n    customContent,\n    customCssClasses,\n    separateLabelAndField = false\n  }\n) => {\n  const [isTouched, setIsTouched] = useState(false);\n\n  const wrapperCssClass = `\n    formField \n    ${ layout } \n    ${ field.type }_Field \n    ${ customCssClasses?.wrapper || '' } \n    ${ isTouched ? 'touched' : '' } \n    ${ typeof validation !== 'undefined' ? 'withValidation' : '' } \n    ${ label?.position === 'inset' ? 'insetLabel' : '' }\n  `;\n\n  const wrapperHoverText = (): string | undefined => {\n    if (!label.hide) {\n      return undefined;\n    }\n\n    if (field.placeholder) {\n      return field.placeholder;\n    }\n\n    if (typeof label.text === 'string') {\n      return label.text;\n    }\n\n    return undefined;\n  };\n\n  const getFieldElement = () => {\n    const fieldType = field.type.toLowerCase();\n    const fieldProps = {\n      field: {\n        ...field,\n        ...(fieldType !== 'checkbox' ? { defaultValue: field.defaultValue || '' } : {}),\n        onTouched: () => setIsTouched(true)\n      },\n      label,\n      showSpinner,\n      validation,\n      customContent\n    };\n\n    switch (fieldType) {\n    case 'textarea':\n      return <Textarea { ...fieldProps } />;\n    case 'select':\n      return <Select { ...fieldProps } />;\n    case 'checkbox':\n      return new Error('Checkboxes require special handling. Please use the InputCheckbox component instead.');\n    case 'file':\n      return new Error('File inputs require special handling. Please use the DragAndDropFileUpload component instead.');\n    case 'password':\n      return <InputText { ...fieldProps } />;\n    case 'date':\n      return <InputDate { ...fieldProps } />;\n    case 'search':\n      return <InputSearch { ...fieldProps } />;\n    case 'combobox':\n      return <Autocomplete { ...fieldProps } />;\n    default:\n      return <InputText { ...fieldProps } />;\n    }\n  };\n\n  const labelProps = {\n    ...label,\n    inputId: field.id,\n    isRequired: validation && typeof validation.required !== 'undefined',\n    customContent\n  };\n\n  return (\n    <HookFormWrapper>\n      <div\n        className={ wrapperCssClass }\n        title={ wrapperHoverText() }\n      >\n        <label\n          id={ label.labelId || `${ field.id }_label` }\n          className={ `${ customCssClasses?.label || '' } ${ showSpinner ? 'withSpinner' : '' } ${ label.hide ? 'hiddenLabel' : '' }` }\n          htmlFor={ field.id }\n        >\n\n          { (!label?.position || label.position === 'left' || separateLabelAndField)\n            && <FormFieldLabel { ...labelProps } /> }\n\n          {\n            !separateLabelAndField && (\n              <span className=\"inputContainer\">\n                {\n                getFieldElement() as ReactNode\n                }\n                { label?.position === 'inset'\n                && <FormFieldLabel { ...labelProps } /> }\n              </span>\n            )\n          }\n\n          { label?.position === 'right'\n            && <FormFieldLabel { ...labelProps } /> }\n\n          {\n            showSpinner && <Spinner />\n          }\n\n          <ValidationMessages name={ field.name } validation={ validation } />\n        </label>\n\n        {\n          separateLabelAndField && (\n            <div className=\"inputContainer\">\n              {\n                getFieldElement() as ReactNode\n              }\n            </div>\n          )\n        }\n      </div>\n    </HookFormWrapper>\n  );\n};\n\nexport default FormField;\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/form/formFields/formFieldWrapper/formFieldProps.js

@@ -0,0 +1,6 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+//# sourceMappingURL=formFieldProps.js.map