@x15ventures/x15-ui-library 3.11.4

package/dist/cjs/components/form/formFields/subComponents/inputs/search/inputSearch.css

@@ -0,0 +1,26 @@
+.search_Field .inputContainer {
+  column-gap: 0;
+}
+.search_Field .inputContainer .preField {
+  position: relative;
+}
+.search_Field .inputContainer .preField .searchIcon {
+  position: absolute;
+  z-index: 2;
+  width: 30px;
+  height: 30px;
+  text-align: center;
+  line-height: 30px;
+  margin: -15px 0;
+  right: -35px;
+}
+.search_Field .inputContainer input {
+  padding-left: 40px;
+}
+.search_Field .inputContainer input + * {
+  margin-right: 10px;
+}
+.search_Field.insetLabel.formField label .inputContainer .labelText {
+  left: 40px;
+  margin-left: 0;
+}

package/dist/cjs/components/form/formFields/subComponents/inputs/text/InputText.js

@@ -0,0 +1,107 @@
+"use strict";
+'use client';
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.InputText = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _reactHookForm = require("react-hook-form");
+var _formUtilities = require("../../../utilities/formUtilities");
+var _validationHelpers = require("../../../../../../helpers/validationHelpers");
+const InputText = ({
+  field: {
+    type = 'text',
+    id,
+    name,
+    placeholder,
+    defaultValue,
+    disabled,
+    onBlur = () => {},
+    onChange = () => {},
+    onKeyDown = () => {},
+    onTouched = () => {},
+    ...htmlNativeDomProps
+  },
+  validation,
+  showSpinner,
+  customCssClasses,
+  customContent
+}) => {
+  const {
+    register,
+    getFieldState,
+    setValue
+  } = (0, _reactHookForm.useFormContext)() || _formUtilities.NoHookFormContext;
+  const fieldState = getFieldState(name);
+  const HandleAutoFill = event => {
+    const {
+      target
+    } = event;
+    if (target) {
+      const newValue = target.value;
+      if (type !== 'number' && type !== 'date') {
+        setValue(name, newValue);
+      }
+      onChange(event);
+    }
+  };
+  const HandleOnBlur = event => {
+    const {
+      target
+    } = event;
+    if (target) {
+      const newValue = target.value;
+      if (type === 'text') {
+        setValue(name, newValue.trim());
+      }
+      onTouched();
+      onBlur(event);
+    }
+  };
+  const HandleKeyEvent = event => {
+    onKeyDown(event);
+  };
+  const cssClass = `${customCssClasses?.input || ''}${fieldState && fieldState?.invalid ? ' invalidField' : ''}`;
+  const addLengthValidatorProps = validatorKey => {
+    if (validation && typeof validation[validatorKey] !== 'undefined' && (0, _validationHelpers.isValidationRuleWithValue)(validation[validatorKey])) {
+      return {
+        [validatorKey]: validation[validatorKey]?.value
+      };
+    }
+    return {};
+  };
+  const inputProps = {
+    type,
+    id,
+    className: cssClass,
+    placeholder,
+    defaultValue,
+    disabled,
+    ...(showSpinner ? {
+      disabled: true
+    } : {}),
+    ...(validation && typeof validation.required !== 'undefined' ? {
+      required: true
+    } : {}),
+    ...addLengthValidatorProps('maxLength'),
+    ...addLengthValidatorProps('minLength'),
+    ...addLengthValidatorProps('max'),
+    ...addLengthValidatorProps('min'),
+    ...register(name, {
+      onChange: HandleAutoFill,
+      onBlur: HandleOnBlur,
+      ...validation
+    }),
+    onKeyDown: HandleKeyEvent,
+    ...htmlNativeDomProps
+  };
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, customContent?.preField && /*#__PURE__*/_react.default.createElement("span", {
+    className: `preField preField_${type}Input`
+  }, customContent?.preField), /*#__PURE__*/_react.default.createElement("input", inputProps), customContent?.postField && /*#__PURE__*/_react.default.createElement("span", {
+    className: `postField postField_${type}Input`
+  }, customContent?.postField));
+};
+exports.InputText = InputText;
+//# sourceMappingURL=InputText.js.map

package/dist/cjs/components/form/formFields/subComponents/inputs/text/InputText.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InputText.js","names":["_interopRequireDefault","require","Object","defineProperty","exports","value","InputText","_react","_reactHookForm","_formUtilities","_validationHelpers","field","type","id","name","placeholder","defaultValue","disabled","onBlur","onChange","onKeyDown","onTouched","htmlNativeDomProps","validation","showSpinner","customCssClasses","customContent","register","getFieldState","setValue","useFormContext","NoHookFormContext","fieldState","HandleAutoFill","event","target","newValue","HandleOnBlur","trim","HandleKeyEvent","cssClass","input","invalid","addLengthValidatorProps","validatorKey","isValidationRuleWithValue","inputProps","className","required","default","createElement","Fragment","preField","postField"],"sources":["../../../../../../../../src/components/form/formFields/subComponents/inputs/text/InputText.tsx"],"sourcesContent":["'use client';\n\nimport React from 'react';\nimport { useFormContext } from 'react-hook-form';\nimport { FormFieldProps, ValidationKey } from '../../../formFieldWrapper/formFieldProps';\nimport { NoHookFormContext } from '../../../utilities/formUtilities';\nimport { isValidationRuleWithValue } from '../../../../../../helpers/validationHelpers';\n\nexport interface InputTextProps extends FormFieldProps, React.InputHTMLAttributes<HTMLInputElement> { }\n\nexport const InputText: React.FC<InputTextProps> = (\n  {\n    field: {\n      type = 'text',\n      id,\n      name,\n      placeholder,\n      defaultValue,\n      disabled,\n      onBlur = () => { },\n      onChange = () => { },\n      onKeyDown = () => { },\n      onTouched = () => { },\n      ...htmlNativeDomProps\n    },\n    validation,\n    showSpinner,\n    customCssClasses,\n    customContent\n  }\n) => {\n  const { register, getFieldState, setValue } = useFormContext() || NoHookFormContext;\n  const fieldState = getFieldState(name);\n\n  const HandleAutoFill = (event: React.FocusEvent<HTMLInputElement>) => {\n    const { target } = event;\n    if (target) {\n      const newValue = target.value;\n      if (type !== 'number' && type !== 'date') {\n        setValue(name, newValue);\n      }\n      onChange(event);\n    }\n  };\n\n  const HandleOnBlur = (event: React.FocusEvent<HTMLInputElement>) => {\n    const { target } = event;\n    if (target) {\n      const newValue = target.value;\n      if (type === 'text') {\n        setValue(name, newValue.trim());\n      }\n      onTouched();\n      onBlur(event);\n    }\n  };\n\n  const HandleKeyEvent = (\n    event: React.KeyboardEvent<HTMLInputElement> &\n      React.KeyboardEvent<HTMLSelectElement> &\n      React.KeyboardEvent<HTMLTextAreaElement>\n  ) => {\n    onKeyDown(event);\n  };\n\n  const cssClass = `${ customCssClasses?.input || '' }${ fieldState && fieldState?.invalid ? ' invalidField' : '' }`;\n\n  const addLengthValidatorProps = (validatorKey: ValidationKey) => {\n    if (\n      validation\n      && typeof validation[validatorKey] !== 'undefined'\n      && isValidationRuleWithValue(validation[validatorKey])\n    ) {\n      return {\n        [validatorKey]: validation[validatorKey]?.value\n      };\n    }\n    return {};\n  };\n\n  const inputProps = {\n    type,\n    id,\n    className: cssClass,\n    placeholder,\n    defaultValue,\n    disabled,\n    ...(showSpinner ? { disabled: true } : {}),\n    ...(validation && typeof validation.required !== 'undefined' ? { required: true } : {}),\n    ...(addLengthValidatorProps('maxLength')),\n    ...(addLengthValidatorProps('minLength')),\n    ...(addLengthValidatorProps('max')),\n    ...(addLengthValidatorProps('min')),\n    ...register(\n      name,\n      {\n        onChange: HandleAutoFill,\n        onBlur: HandleOnBlur,\n        ...validation\n      }\n    ),\n    onKeyDown: HandleKeyEvent,\n    ...htmlNativeDomProps\n  };\n\n  return (\n    <>\n      {\n        customContent?.preField\n        && <span className={ `preField preField_${ type }Input` }>{ customContent?.preField }</span>\n      }\n\n      <input { ...inputProps } />\n\n      {\n        customContent?.postField\n        && <span className={ `postField postField_${ type }Input` }>{ customContent?.postField }</span>\n      }\n    </>\n  );\n};\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/form/formFields/subComponents/labels/FormFieldLabel.js

@@ -0,0 +1,38 @@
+"use strict";
+'use client';
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.FormFieldLabel = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _react = _interopRequireDefault(require("react"));
+var _Tooltip = require("../../../../design/tooltip/Tooltip");
+const FormFieldLabel = ({
+  text,
+  inputId,
+  srInstruction,
+  labelTooltip,
+  hide,
+  isRequired,
+  customContent
+}) => {
+  const labelCssClass = `${hide ? 'sr-only' : 'labelText'} ${isRequired ? 'mandatory' : ''}`;
+  return /*#__PURE__*/_react.default.createElement("span", {
+    className: labelCssClass
+  }, customContent?.preLabel && /*#__PURE__*/_react.default.createElement("span", {
+    className: "preLabel"
+  }, customContent?.preLabel), srInstruction && /*#__PURE__*/_react.default.createElement("span", {
+    className: "sr-only"
+  }, srInstruction), text, labelTooltip && /*#__PURE__*/_react.default.createElement(_Tooltip.Tooltip, (0, _extends2.default)({
+    triggerId: `${inputId}_tooltip`
+  }, labelTooltip.icon ? {
+    icon: labelTooltip.icon
+  } : {}), labelTooltip.text), customContent?.postLabel && /*#__PURE__*/_react.default.createElement("span", {
+    className: "postLabel"
+  }, customContent?.postLabel));
+};
+exports.FormFieldLabel = FormFieldLabel;
+var _default = exports.default = FormFieldLabel;
+//# sourceMappingURL=FormFieldLabel.js.map

package/dist/cjs/components/form/formFields/subComponents/labels/FormFieldLabel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormFieldLabel.js","names":["_interopRequireDefault","require","Object","defineProperty","exports","value","default","FormFieldLabel","_extends2","_react","_Tooltip","text","inputId","srInstruction","labelTooltip","hide","isRequired","customContent","labelCssClass","createElement","className","preLabel","Tooltip","triggerId","icon","postLabel","_default"],"sources":["../../../../../../../src/components/form/formFields/subComponents/labels/FormFieldLabel.tsx"],"sourcesContent":["'use client';\n\nimport React from 'react';\nimport { Tooltip } from '../../../../design/tooltip/Tooltip';\nimport { LabelProps } from '../../formFieldWrapper/formFieldProps';\n\nexport const FormFieldLabel: React.FC<LabelProps> = (\n  {\n    text,\n    inputId,\n    srInstruction,\n    labelTooltip,\n    hide,\n    isRequired,\n    customContent\n  }\n) => {\n  const labelCssClass = `${ hide ? 'sr-only' : 'labelText' } ${ isRequired ? 'mandatory' : '' }`;\n\n  return (\n    <span className={ labelCssClass }>\n      {\n        customContent?.preLabel\n        && <span className=\"preLabel\">{ customContent?.preLabel }</span>\n      }\n      { srInstruction\n        && (\n          <span className=\"sr-only\">\n            { srInstruction }\n          </span>\n        ) }\n      { text }\n      {\n        labelTooltip\n        && (\n          <Tooltip\n            triggerId={ `${ inputId }_tooltip` }\n            { ...(labelTooltip.icon ? { icon: labelTooltip.icon } : {}) }\n          >\n            { labelTooltip.text }\n          </Tooltip>\n        )\n      }\n      {\n        customContent?.postLabel\n        && <span className=\"postLabel\">{ customContent?.postLabel }</span>\n      }\n    </span>\n  );\n};\n\nexport default FormFieldLabel;\n"],"mappings":";AAAA,YAAY;;AAAC,IAAAA,sBAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,cAAA,CAAAC,OAAA;EAAAC,KAAA;AAAA;AAAAD,OAAA,CAAAE,OAAA,GAAAF,OAAA,CAAAG,cAAA;AAAA,IAAAC,SAAA,GAAAR,sBAAA,CAAAC,OAAA;AAEb,IAAAQ,MAAA,GAAAT,sBAAA,CAAAC,OAAA;AACA,IAAAS,QAAA,GAAAT,OAAA;AAGO,MAAMM,cAAoC,GAAGA,CAClD;EACEI,IAAI;EACJC,OAAO;EACPC,aAAa;EACbC,YAAY;EACZC,IAAI;EACJC,UAAU;EACVC;AACF,CAAC,KACE;EACH,MAAMC,aAAa,GAAG,GAAIH,IAAI,GAAG,SAAS,GAAG,WAAW,IAAMC,UAAU,GAAG,WAAW,GAAG,EAAE,EAAG;EAE9F,oBACEP,MAAA,CAAAH,OAAA,CAAAa,aAAA;IAAMC,SAAS,EAAGF;EAAe,GAE7BD,aAAa,EAAEI,QAAQ,iBACpBZ,MAAA,CAAAH,OAAA,CAAAa,aAAA;IAAMC,SAAS,EAAC;EAAU,GAAGH,aAAa,EAAEI,QAAgB,CAAC,EAEhER,aAAa,iBAEXJ,MAAA,CAAAH,OAAA,CAAAa,aAAA;IAAMC,SAAS,EAAC;EAAS,GACrBP,aACE,CACP,EACDF,IAAI,EAEJG,YAAY,iBAEVL,MAAA,CAAAH,OAAA,CAAAa,aAAA,CAACT,QAAA,CAAAY,OAAO,MAAAd,SAAA,CAAAF,OAAA;IACNiB,SAAS,EAAG,GAAIX,OAAO;EAAa,GAC9BE,YAAY,CAACU,IAAI,GAAG;IAAEA,IAAI,EAAEV,YAAY,CAACU;EAAK,CAAC,GAAG,CAAC,CAAC,GAExDV,YAAY,CAACH,IACR,CACV,EAGDM,aAAa,EAAEQ,SAAS,iBACrBhB,MAAA,CAAAH,OAAA,CAAAa,aAAA;IAAMC,SAAS,EAAC;EAAW,GAAGH,aAAa,EAAEQ,SAAiB,CAE/D,CAAC;AAEX,CAAC;AAACrB,OAAA,CAAAG,cAAA,GAAAA,cAAA;AAAA,IAAAmB,QAAA,GAAAtB,OAAA,CAAAE,OAAA,GAEaC,cAAc","ignoreList":[]}

package/dist/cjs/components/form/formFields/subComponents/select/Select.js

@@ -0,0 +1,102 @@
+"use strict";
+'use client';
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Select = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _reactHookForm = require("react-hook-form");
+var _HookFormWrapper = require("../../../hookFormWrapper/HookFormWrapper");
+var _objectHelpers = require("../../../../../helpers/objectHelpers");
+var _formUtilities = require("../../utilities/formUtilities");
+const Select = ({
+  field: {
+    id,
+    name,
+    placeholder,
+    defaultValue,
+    onBlur = () => {},
+    onChange = () => {},
+    onKeyDown = () => {},
+    onTouched = () => {},
+    includeEmptyOption = true,
+    emptyOptionLabel = 'Please select',
+    options
+  },
+  validation,
+  showSpinner,
+  customCssClasses,
+  customContent
+}) => {
+  const {
+    register,
+    getFieldState
+  } = (0, _reactHookForm.useFormContext)() || _formUtilities.NoHookFormContext;
+  const fieldState = getFieldState(name);
+  const HandleAutoFill = event => {
+    const {
+      target
+    } = event;
+    if (target) {
+      onChange(event);
+    }
+  };
+  const HandleOnBlur = event => {
+    const {
+      target
+    } = event;
+    if (target) {
+      onTouched();
+      onBlur(event);
+    }
+  };
+  const HandleKeyEvent = event => {
+    onTouched();
+    onKeyDown(event);
+  };
+  const cssClass = `${customCssClasses?.input || ''}${fieldState && fieldState?.invalid ? ' invalidField' : ''}`;
+  const selectProps = {
+    id,
+    className: cssClass,
+    placeholder,
+    defaultValue,
+    ...(showSpinner ? {
+      disabled: true
+    } : {}),
+    ...(validation && typeof validation.required !== 'undefined' ? {
+      required: true
+    } : {}),
+    ...register(name, {
+      onChange: HandleAutoFill,
+      onBlur: HandleOnBlur,
+      ...validation
+    }),
+    onKeyDown: HandleKeyEvent
+  };
+  const renderOption = option => {
+    if ((0, _objectHelpers.isAnObject)(option)) {
+      const typedOption = option;
+      return /*#__PURE__*/_react.default.createElement("option", {
+        key: `${id}_${typedOption.value}`,
+        "data-option": JSON.stringify(typedOption),
+        value: typedOption.value
+      }, typedOption.label);
+    }
+    return /*#__PURE__*/_react.default.createElement("option", {
+      key: `${id}_${option}`,
+      "data-option": JSON.stringify(option),
+      value: option
+    }, option);
+  };
+  return /*#__PURE__*/_react.default.createElement(_HookFormWrapper.HookFormWrapper, null, customContent?.preField && /*#__PURE__*/_react.default.createElement("span", {
+    className: "preField"
+  }, customContent?.preField), /*#__PURE__*/_react.default.createElement("select", selectProps, includeEmptyOption && /*#__PURE__*/_react.default.createElement("option", {
+    value: ""
+  }, emptyOptionLabel), options?.map(renderOption)), customContent?.postField && /*#__PURE__*/_react.default.createElement("span", {
+    className: "postField"
+  }, customContent?.postField));
+};
+exports.Select = Select;
+//# sourceMappingURL=Select.js.map

package/dist/cjs/components/form/formFields/subComponents/select/Select.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Select.js","names":["_interopRequireDefault","require","Object","defineProperty","exports","value","Select","_react","_reactHookForm","_HookFormWrapper","_objectHelpers","_formUtilities","field","id","name","placeholder","defaultValue","onBlur","onChange","onKeyDown","onTouched","includeEmptyOption","emptyOptionLabel","options","validation","showSpinner","customCssClasses","customContent","register","getFieldState","useFormContext","NoHookFormContext","fieldState","HandleAutoFill","event","target","HandleOnBlur","HandleKeyEvent","cssClass","input","invalid","selectProps","className","disabled","required","renderOption","option","isAnObject","typedOption","default","createElement","key","JSON","stringify","label","HookFormWrapper","preField","map","postField"],"sources":["../../../../../../../src/components/form/formFields/subComponents/select/Select.tsx"],"sourcesContent":["'use client';\n\nimport React from 'react';\nimport { useFormContext } from 'react-hook-form';\nimport { HookFormWrapper } from '../../../hookFormWrapper/HookFormWrapper';\nimport { isAnObject } from '../../../../../helpers/objectHelpers';\nimport {\n  FieldProps,\n  FormFieldProps,\n  SelectOptionObjectType,\n  SelectOptionType,\n} from '../../formFieldWrapper/formFieldProps';\nimport { NoHookFormContext } from '../../utilities/formUtilities';\n\nexport interface SelectProps extends React.SelectHTMLAttributes<HTMLSelectElement>, Omit<FormFieldProps, 'field'> {\n  field: Omit<FieldProps, 'type'>;\n}\n\nexport const Select: React.FC<SelectProps> = (\n  {\n    field: {\n      id,\n      name,\n      placeholder,\n      defaultValue,\n      onBlur = () => {},\n      onChange = () => {},\n      onKeyDown = () => {},\n      onTouched = () => {},\n      includeEmptyOption = true,\n      emptyOptionLabel = 'Please select',\n      options\n    },\n    validation,\n    showSpinner,\n    customCssClasses,\n    customContent\n  }\n) => {\n  const { register, getFieldState } = useFormContext() || NoHookFormContext;\n  const fieldState = getFieldState(name);\n\n  const HandleAutoFill = (event: React.FocusEvent<HTMLInputElement>) => {\n    const { target } = event;\n    if (target) {\n      onChange(event);\n    }\n  };\n\n  const HandleOnBlur = (event: React.FocusEvent<HTMLInputElement>) => {\n    const { target } = event;\n    if (target) {\n      onTouched();\n      onBlur(event);\n    }\n  };\n\n  const HandleKeyEvent = (\n    event: React.KeyboardEvent<HTMLInputElement> &\n      React.KeyboardEvent<HTMLSelectElement> &\n      React.KeyboardEvent<HTMLTextAreaElement>\n  ) => {\n    onTouched();\n    onKeyDown(event);\n  };\n\n  const cssClass = `${ customCssClasses?.input || '' }${ fieldState && fieldState?.invalid ? ' invalidField' : '' }`;\n\n  const selectProps = {\n    id,\n    className: cssClass,\n    placeholder,\n    defaultValue,\n    ...(showSpinner ? { disabled: true } : {}),\n    ...(validation && typeof validation.required !== 'undefined' ? { required: true } : {}),\n    ...register(\n      name,\n      {\n        onChange: HandleAutoFill,\n        onBlur: HandleOnBlur,\n        ...validation\n      }\n    ),\n    onKeyDown: HandleKeyEvent\n  };\n\n  const renderOption = (option: SelectOptionType) => {\n    if (isAnObject(option)) {\n      const typedOption = option as SelectOptionObjectType;\n      return (\n        <option key={ `${ id }_${ typedOption.value }` } data-option={ JSON.stringify(typedOption) } value={ typedOption.value as string }>\n          { typedOption.label }\n        </option>\n      );\n    }\n    return (\n      <option key={ `${ id }_${ option }` } data-option={ JSON.stringify(option) } value={ option as string }>\n        { option as string }\n      </option>\n    );\n  };\n\n  return (\n    <HookFormWrapper>\n      { customContent?.preField && <span className=\"preField\">{ customContent?.preField }</span> }\n\n      <select { ...selectProps }>\n        { includeEmptyOption && <option value=\"\">{ emptyOptionLabel }</option> }\n        { (options as SelectOptionType[])?.map(renderOption) }\n      </select>\n\n      { customContent?.postField && <span className=\"postField\">{ customContent?.postField }</span> }\n    </HookFormWrapper>\n  );\n};\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/form/formFields/subComponents/textarea/Textarea.js

@@ -0,0 +1,81 @@
+"use strict";
+'use client';
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Textarea = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _reactHookForm = require("react-hook-form");
+var _HookFormWrapper = require("../../../hookFormWrapper/HookFormWrapper");
+var _formUtilities = require("../../utilities/formUtilities");
+const Textarea = ({
+  field: {
+    id,
+    name,
+    placeholder,
+    defaultValue,
+    onBlur = () => {},
+    onChange = () => {},
+    onKeyDown = () => {},
+    onTouched = () => {}
+  },
+  validation,
+  showSpinner,
+  customCssClasses,
+  customContent
+}) => {
+  const {
+    register,
+    getFieldState
+  } = (0, _reactHookForm.useFormContext)() || _formUtilities.NoHookFormContext;
+  const fieldState = getFieldState(name);
+  const HandleAutoFill = event => {
+    const {
+      target
+    } = event;
+    if (target) {
+      onChange(event);
+    }
+  };
+  const HandleOnBlur = event => {
+    const {
+      target
+    } = event;
+    if (target) {
+      onTouched();
+      onBlur(event);
+    }
+  };
+  const HandleKeyEvent = event => {
+    onTouched();
+    onKeyDown(event);
+  };
+  const cssClass = `${customCssClasses?.input || ''}${fieldState && fieldState?.invalid ? ' invalidField' : ''}`;
+  const textareaProps = {
+    id,
+    className: cssClass,
+    placeholder,
+    defaultValue,
+    ...(showSpinner ? {
+      disabled: true
+    } : {}),
+    ...(validation && typeof validation.required !== 'undefined' ? {
+      required: true
+    } : {}),
+    ...register(name, {
+      onChange: HandleAutoFill,
+      onBlur: HandleOnBlur,
+      ...validation
+    }),
+    onKeyDown: HandleKeyEvent
+  };
+  return /*#__PURE__*/_react.default.createElement(_HookFormWrapper.HookFormWrapper, null, customContent?.preField && /*#__PURE__*/_react.default.createElement("span", {
+    className: "preField"
+  }, customContent?.preField), /*#__PURE__*/_react.default.createElement("textarea", textareaProps), customContent?.postField && /*#__PURE__*/_react.default.createElement("span", {
+    className: "postField"
+  }, customContent?.postField));
+};
+exports.Textarea = Textarea;
+//# sourceMappingURL=Textarea.js.map

package/dist/cjs/components/form/formFields/subComponents/textarea/Textarea.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Textarea.js","names":["_interopRequireDefault","require","Object","defineProperty","exports","value","Textarea","_react","_reactHookForm","_HookFormWrapper","_formUtilities","field","id","name","placeholder","defaultValue","onBlur","onChange","onKeyDown","onTouched","validation","showSpinner","customCssClasses","customContent","register","getFieldState","useFormContext","NoHookFormContext","fieldState","HandleAutoFill","event","target","HandleOnBlur","HandleKeyEvent","cssClass","input","invalid","textareaProps","className","disabled","required","default","createElement","HookFormWrapper","preField","postField"],"sources":["../../../../../../../src/components/form/formFields/subComponents/textarea/Textarea.tsx"],"sourcesContent":["'use client';\n\nimport React from 'react';\nimport { useFormContext } from 'react-hook-form';\nimport { HookFormWrapper } from '../../../hookFormWrapper/HookFormWrapper';\nimport { FormFieldProps } from '../../formFieldWrapper/formFieldProps';\nimport { NoHookFormContext } from '../../utilities/formUtilities';\n\ninterface TextareaProps extends FormFieldProps, React.TextareaHTMLAttributes<HTMLTextAreaElement> {}\n\nexport const Textarea: React.FC<TextareaProps> = (\n  {\n    field: {\n      id,\n      name,\n      placeholder,\n      defaultValue,\n      onBlur = () => {},\n      onChange = () => {},\n      onKeyDown = () => {},\n      onTouched = () => {}\n    },\n    validation,\n    showSpinner,\n    customCssClasses,\n    customContent\n  }\n) => {\n  const { register, getFieldState } = useFormContext() || NoHookFormContext;\n  const fieldState = getFieldState(name);\n\n  const HandleAutoFill = (event: React.FocusEvent<HTMLInputElement>) => {\n    const { target } = event;\n    if (target) {\n      onChange(event);\n    }\n  };\n\n  const HandleOnBlur = (event: React.FocusEvent<HTMLInputElement>) => {\n    const { target } = event;\n    if (target) {\n      onTouched();\n      onBlur(event);\n    }\n  };\n\n  const HandleKeyEvent = (\n    event: React.KeyboardEvent<HTMLInputElement> &\n      React.KeyboardEvent<HTMLSelectElement> &\n      React.KeyboardEvent<HTMLTextAreaElement>\n  ) => {\n    onTouched();\n    onKeyDown(event);\n  };\n\n  const cssClass = `${ customCssClasses?.input || '' }${ fieldState && fieldState?.invalid ? ' invalidField' : '' }`;\n\n  const textareaProps = {\n    id,\n    className: cssClass,\n    placeholder,\n    defaultValue,\n    ...(showSpinner ? { disabled: true } : {}),\n    ...(validation && typeof validation.required !== 'undefined' ? { required: true } : {}),\n    ...register(\n      name,\n      {\n        onChange: HandleAutoFill,\n        onBlur: HandleOnBlur,\n        ...validation\n      }\n    ),\n    onKeyDown: HandleKeyEvent\n  };\n\n  return (\n    <HookFormWrapper>\n      { customContent?.preField && <span className=\"preField\">{ customContent?.preField }</span> }\n\n      <textarea { ...textareaProps } />\n\n      { customContent?.postField && <span className=\"postField\">{ customContent?.postField }</span> }\n    </HookFormWrapper>\n  );\n};\n"],"mappings":";AAAA,YAAY;;AAAC,IAAAA,sBAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,cAAA,CAAAC,OAAA;EAAAC,KAAA;AAAA;AAAAD,OAAA,CAAAE,QAAA;AAEb,IAAAC,MAAA,GAAAP,sBAAA,CAAAC,OAAA;AACA,IAAAO,cAAA,GAAAP,OAAA;AACA,IAAAQ,gBAAA,GAAAR,OAAA;AAEA,IAAAS,cAAA,GAAAT,OAAA;AAIO,MAAMK,QAAiC,GAAGA,CAC/C;EACEK,KAAK,EAAE;IACLC,EAAE;IACFC,IAAI;IACJC,WAAW;IACXC,YAAY;IACZC,MAAM,GAAGA,CAAA,KAAM,CAAC,CAAC;IACjBC,QAAQ,GAAGA,CAAA,KAAM,CAAC,CAAC;IACnBC,SAAS,GAAGA,CAAA,KAAM,CAAC,CAAC;IACpBC,SAAS,GAAGA,CAAA,KAAM,CAAC;EACrB,CAAC;EACDC,UAAU;EACVC,WAAW;EACXC,gBAAgB;EAChBC;AACF,CAAC,KACE;EACH,MAAM;IAAEC,QAAQ;IAAEC;EAAc,CAAC,GAAG,IAAAC,6BAAc,EAAC,CAAC,IAAIC,gCAAiB;EACzE,MAAMC,UAAU,GAAGH,aAAa,CAACZ,IAAI,CAAC;EAEtC,MAAMgB,cAAc,GAAIC,KAAyC,IAAK;IACpE,MAAM;MAAEC;IAAO,CAAC,GAAGD,KAAK;IACxB,IAAIC,MAAM,EAAE;MACVd,QAAQ,CAACa,KAAK,CAAC;IACjB;EACF,CAAC;EAED,MAAME,YAAY,GAAIF,KAAyC,IAAK;IAClE,MAAM;MAAEC;IAAO,CAAC,GAAGD,KAAK;IACxB,IAAIC,MAAM,EAAE;MACVZ,SAAS,CAAC,CAAC;MACXH,MAAM,CAACc,KAAK,CAAC;IACf;EACF,CAAC;EAED,MAAMG,cAAc,GAClBH,KAE0C,IACvC;IACHX,SAAS,CAAC,CAAC;IACXD,SAAS,CAACY,KAAK,CAAC;EAClB,CAAC;EAED,MAAMI,QAAQ,GAAG,GAAIZ,gBAAgB,EAAEa,KAAK,IAAI,EAAE,GAAKP,UAAU,IAAIA,UAAU,EAAEQ,OAAO,GAAG,eAAe,GAAG,EAAE,EAAG;EAElH,MAAMC,aAAa,GAAG;IACpBzB,EAAE;IACF0B,SAAS,EAAEJ,QAAQ;IACnBpB,WAAW;IACXC,YAAY;IACZ,IAAIM,WAAW,GAAG;MAAEkB,QAAQ,EAAE;IAAK,CAAC,GAAG,CAAC,CAAC,CAAC;IAC1C,IAAInB,UAAU,IAAI,OAAOA,UAAU,CAACoB,QAAQ,KAAK,WAAW,GAAG;MAAEA,QAAQ,EAAE;IAAK,CAAC,GAAG,CAAC,CAAC,CAAC;IACvF,GAAGhB,QAAQ,CACTX,IAAI,EACJ;MACEI,QAAQ,EAAEY,cAAc;MACxBb,MAAM,EAAEgB,YAAY;MACpB,GAAGZ;IACL,CACF,CAAC;IACDF,SAAS,EAAEe;EACb,CAAC;EAED,oBACE1B,MAAA,CAAAkC,OAAA,CAAAC,aAAA,CAACjC,gBAAA,CAAAkC,eAAe,QACZpB,aAAa,EAAEqB,QAAQ,iBAAIrC,MAAA,CAAAkC,OAAA,CAAAC,aAAA;IAAMJ,SAAS,EAAC;EAAU,GAAGf,aAAa,EAAEqB,QAAgB,CAAC,eAE1FrC,MAAA,CAAAkC,OAAA,CAAAC,aAAA,aAAeL,aAAiB,CAAC,EAE/Bd,aAAa,EAAEsB,SAAS,iBAAItC,MAAA,CAAAkC,OAAA,CAAAC,aAAA;IAAMJ,SAAS,EAAC;EAAW,GAAGf,aAAa,EAAEsB,SAAiB,CAC7E,CAAC;AAEtB,CAAC;AAACzC,OAAA,CAAAE,QAAA,GAAAA,QAAA","ignoreList":[]}

package/dist/cjs/components/form/formFields/utilities/formUtilities.js

@@ -0,0 +1,22 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.NoHookFormContext = void 0;
+const NoHookFormContext = exports.NoHookFormContext = {
+  register: () => {},
+  getFieldState: () => ({
+    invalid: false,
+    isDirty: true,
+    isTouched: true,
+    isValidating: false
+  }),
+  setValue: () => {},
+  formState: {
+    errors: {}
+  },
+  trigger: () => {}
+};
+var _default = exports.default = NoHookFormContext;
+//# sourceMappingURL=formUtilities.js.map

package/dist/cjs/components/form/formFields/utilities/formUtilities.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"formUtilities.js","names":["NoHookFormContext","exports","register","getFieldState","invalid","isDirty","isTouched","isValidating","setValue","formState","errors","trigger","_default","default"],"sources":["../../../../../../src/components/form/formFields/utilities/formUtilities.ts"],"sourcesContent":["import {\n  FieldError, FieldErrors, FieldValues\n} from 'react-hook-form';\n\nexport const NoHookFormContext = {\n  register: () => {},\n  getFieldState: ():{ invalid: boolean; isDirty: boolean; isTouched: boolean; isValidating: boolean; error?: FieldError; } => ({\n    invalid: false, isDirty: true, isTouched: true, isValidating: false\n  }),\n  setValue: () => {},\n  formState: {\n    errors: {} as FieldErrors<FieldValues>\n  },\n  trigger: () => {},\n};\n\nexport default NoHookFormContext;\n"],"mappings":";;;;;;AAIO,MAAMA,iBAAiB,GAAAC,OAAA,CAAAD,iBAAA,GAAG;EAC/BE,QAAQ,EAAEA,CAAA,KAAM,CAAC,CAAC;EAClBC,aAAa,EAAEA,CAAA,MAA8G;IAC3HC,OAAO,EAAE,KAAK;IAAEC,OAAO,EAAE,IAAI;IAAEC,SAAS,EAAE,IAAI;IAAEC,YAAY,EAAE;EAChE,CAAC,CAAC;EACFC,QAAQ,EAAEA,CAAA,KAAM,CAAC,CAAC;EAClBC,SAAS,EAAE;IACTC,MAAM,EAAE,CAAC;EACX,CAAC;EACDC,OAAO,EAAEA,CAAA,KAAM,CAAC;AAClB,CAAC;AAAC,IAAAC,QAAA,GAAAX,OAAA,CAAAY,OAAA,GAEab,iBAAiB","ignoreList":[]}

package/dist/cjs/components/form/hookFormWrapper/HookFormWrapper.js

@@ -0,0 +1,33 @@
+"use strict";
+'use client';
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.HookFormWrapper = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _react = _interopRequireDefault(require("react"));
+var _reactHookForm = require("react-hook-form");
+const HookFormWrapper = ({
+  formCssClass = 'x15StandardForm',
+  children,
+  formProps
+}) => {
+  const existingHookFormContext = (0, _reactHookForm.useFormContext)();
+  const hookFormMethods = (0, _reactHookForm.useForm)({
+    mode: 'all',
+    criteriaMode: 'all',
+    shouldFocusError: true
+  });
+  if (existingHookFormContext) {
+    return children;
+  }
+  return /*#__PURE__*/_react.default.createElement(_reactHookForm.FormProvider, hookFormMethods, /*#__PURE__*/_react.default.createElement("form", (0, _extends2.default)({
+    className: formCssClass,
+    autoComplete: "off"
+  }, formProps), children));
+};
+exports.HookFormWrapper = HookFormWrapper;
+var _default = exports.default = HookFormWrapper;
+//# sourceMappingURL=HookFormWrapper.js.map

package/dist/cjs/components/form/hookFormWrapper/HookFormWrapper.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HookFormWrapper.js","names":["_interopRequireDefault","require","Object","defineProperty","exports","value","default","HookFormWrapper","_extends2","_react","_reactHookForm","formCssClass","children","formProps","existingHookFormContext","useFormContext","hookFormMethods","useForm","mode","criteriaMode","shouldFocusError","createElement","FormProvider","className","autoComplete","_default"],"sources":["../../../../../src/components/form/hookFormWrapper/HookFormWrapper.tsx"],"sourcesContent":["'use client';\n\nimport React, { ReactNode, ReactElement, FormHTMLAttributes } from 'react';\nimport { FormProvider, useForm, useFormContext } from 'react-hook-form';\n\ninterface FormWrapperProps {\n  formCssClass?: string;\n  formProps?: FormHTMLAttributes<HTMLFormElement>;\n  children: ReactNode | ReactElement;\n}\n\nexport const HookFormWrapper: React.FC<FormWrapperProps> = (\n  {\n    formCssClass = 'x15StandardForm',\n    children,\n    formProps\n  }\n) => {\n  const existingHookFormContext = useFormContext();\n\n  const hookFormMethods = useForm({\n    mode: 'all',\n    criteriaMode: 'all',\n    shouldFocusError: true\n  });\n\n  if (existingHookFormContext) {\n    return children;\n  }\n\n  return (\n    <FormProvider { ...hookFormMethods }>\n      <form className={ formCssClass } autoComplete=\"off\" { ...formProps }>\n        {\n          children\n        }\n      </form>\n    </FormProvider>\n  );\n};\n\nexport default HookFormWrapper;\n"],"mappings":";AAAA,YAAY;;AAAC,IAAAA,sBAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,cAAA,CAAAC,OAAA;EAAAC,KAAA;AAAA;AAAAD,OAAA,CAAAE,OAAA,GAAAF,OAAA,CAAAG,eAAA;AAAA,IAAAC,SAAA,GAAAR,sBAAA,CAAAC,OAAA;AAEb,IAAAQ,MAAA,GAAAT,sBAAA,CAAAC,OAAA;AACA,IAAAS,cAAA,GAAAT,OAAA;AAQO,MAAMM,eAA2C,GAAGA,CACzD;EACEI,YAAY,GAAG,iBAAiB;EAChCC,QAAQ;EACRC;AACF,CAAC,KACE;EACH,MAAMC,uBAAuB,GAAG,IAAAC,6BAAc,EAAC,CAAC;EAEhD,MAAMC,eAAe,GAAG,IAAAC,sBAAO,EAAC;IAC9BC,IAAI,EAAE,KAAK;IACXC,YAAY,EAAE,KAAK;IACnBC,gBAAgB,EAAE;EACpB,CAAC,CAAC;EAEF,IAAIN,uBAAuB,EAAE;IAC3B,OAAOF,QAAQ;EACjB;EAEA,oBACEH,MAAA,CAAAH,OAAA,CAAAe,aAAA,CAACX,cAAA,CAAAY,YAAY,EAAMN,eAAe,eAChCP,MAAA,CAAAH,OAAA,CAAAe,aAAA,aAAAb,SAAA,CAAAF,OAAA;IAAMiB,SAAS,EAAGZ,YAAc;IAACa,YAAY,EAAC;EAAK,GAAMX,SAAS,GAE9DD,QAEE,CACM,CAAC;AAEnB,CAAC;AAACR,OAAA,CAAAG,eAAA,GAAAA,eAAA;AAAA,IAAAkB,QAAA,GAAArB,OAAA,CAAAE,OAAA,GAEaC,eAAe","ignoreList":[]}

package/dist/cjs/components/form/validation/ValidationMessages.js

@@ -0,0 +1,88 @@
+"use strict";
+/* eslint-disable no-unused-vars */
+
+'use client';
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.ValidationMessages = exports.GenericErrorMessages = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _errorMessage = require("@hookform/error-message");
+var _reactHookForm = require("react-hook-form");
+var _formUtilities = require("../formFields/utilities/formUtilities");
+// Type for generic error messages
+const GenericErrorMessages = exports.GenericErrorMessages = {
+  required: () => 'This field is required. Please enter a value.',
+  minLength: value => `Please provide a minimum of ${value} characters.`,
+  maxLength: value => `Please provide a maximum of ${value} characters.`,
+  min: value => `The value must be a minimum of ${value}.`,
+  max: value => `The value must be a maximum of ${value}.`,
+  unknown: () => 'An unknown error has occurred.'
+};
+
+// Helper function to extract nested errors
+const extractError = (errors, fieldName) => {
+  if (!errors) {
+    return undefined;
+  }
+  const pathComponents = fieldName.split('.');
+  return pathComponents.reduce((accumulator, pathComponent) => {
+    if (!accumulator) {
+      return undefined;
+    }
+    return accumulator[pathComponent];
+  }, errors);
+};
+const ValidationMessages = ({
+  name,
+  validation
+}) => {
+  const {
+    formState: {
+      errors
+    }
+  } = (0, _reactHookForm.useFormContext)() || _formUtilities.NoHookFormContext;
+  const fieldError = extractError(errors, name);
+  if (!fieldError) {
+    return null;
+  }
+
+  // Check all the validators have a message
+  if (validation) {
+    Object.entries(validation).forEach(([validatorKey, validator]) => {
+      if (GenericErrorMessages[validatorKey]) {
+        if (typeof validator === 'boolean') {
+          if (fieldError.type && fieldError.types && typeof fieldError.types[fieldError.type] === 'string') {
+            fieldError.message = fieldError.types[fieldError.type];
+          } else {
+            fieldError.message = GenericErrorMessages[validatorKey]();
+          }
+        } else if (typeof validator === 'object' && 'value' in validator) {
+          // @ts-ignore The hook form types don't seem to cater for versions with value properties properly
+          fieldError.message = GenericErrorMessages[validatorKey](validator.value || undefined);
+        }
+      }
+    });
+  }
+  return /*#__PURE__*/_react.default.createElement("span", {
+    className: "validation",
+    id: `${name}_errors`
+  }, /*#__PURE__*/_react.default.createElement("span", {
+    className: "message"
+  }, !fieldError?.message && /*#__PURE__*/_react.default.createElement("span", {
+    className: "error"
+  }, GenericErrorMessages.unknown()), /*#__PURE__*/_react.default.createElement(_errorMessage.ErrorMessage, {
+    errors: errors,
+    name: name,
+    render: ({
+      message
+    }) => /*#__PURE__*/_react.default.createElement("span", {
+      className: "error"
+    }, message)
+  })));
+};
+exports.ValidationMessages = ValidationMessages;
+var _default = exports.default = ValidationMessages;
+//# sourceMappingURL=ValidationMessages.js.map

package/dist/cjs/components/form/validation/ValidationMessages.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ValidationMessages.js","names":["_interopRequireDefault","require","Object","defineProperty","exports","value","default","ValidationMessages","GenericErrorMessages","_react","_errorMessage","_reactHookForm","_formUtilities","required","minLength","maxLength","min","max","unknown","extractError","errors","fieldName","undefined","pathComponents","split","reduce","accumulator","pathComponent","name","validation","formState","useFormContext","NoHookFormContext","fieldError","entries","forEach","validatorKey","validator","type","types","message","createElement","className","id","ErrorMessage","render","_default"],"sources":["../../../../../src/components/form/validation/ValidationMessages.tsx"],"sourcesContent":["/* eslint-disable no-unused-vars */\n\n'use client';\n\nimport React from 'react';\nimport { ErrorMessage } from '@hookform/error-message';\nimport {\n  FieldError,\n  FieldErrors,\n  FieldErrorsImpl,\n  Merge, useFormContext\n} from 'react-hook-form';\nimport {\n  ValidationProps\n} from '../formFields/formFieldWrapper/formFieldProps';\nimport { NoHookFormContext } from '../formFields/utilities/formUtilities';\nimport { InputCheckboxValidationProps } from '../formFields/subComponents/inputs/checkbox/inputCheckboxProps';\n\n// Type for generic error messages\nexport const GenericErrorMessages: Record<string, (value?: never) => string> = {\n  required: () => 'This field is required. Please enter a value.',\n  minLength: (value) => `Please provide a minimum of ${ value } characters.`,\n  maxLength: (value) => `Please provide a maximum of ${ value } characters.`,\n  min: (value) => `The value must be a minimum of ${ value }.`,\n  max: (value) => `The value must be a maximum of ${ value }.`,\n  unknown: () => 'An unknown error has occurred.'\n};\n\n// Helper function to extract nested errors\nconst extractError = (\n  errors: FieldErrors,\n  fieldName: string\n): FieldError | Merge<FieldError, FieldErrorsImpl<never>> | undefined => {\n  if (!errors) {\n    return undefined;\n  }\n\n  const pathComponents = fieldName.split('.');\n\n  return pathComponents.reduce<FieldError | Merge<FieldError, FieldErrorsImpl<never>> | undefined>(\n    (accumulator, pathComponent) => {\n      if (!accumulator) {\n        return undefined;\n      }\n\n      return (accumulator as never)[pathComponent];\n    },\n    errors as never\n  );\n};\n\ninterface ValidationMessagesProps {\n  name: string;\n  validation?: ValidationProps | InputCheckboxValidationProps\n}\n\nexport const ValidationMessages: React.FC<ValidationMessagesProps> = (\n  {\n    name,\n    validation\n  }\n) => {\n  const { formState: { errors } } = useFormContext() || NoHookFormContext;\n\n  const fieldError = extractError(errors, name);\n\n  if (!fieldError) {\n    return null;\n  }\n\n  // Check all the validators have a message\n  if (validation) {\n    Object.entries(validation).forEach(([validatorKey, validator]) => {\n      if (GenericErrorMessages[validatorKey]) {\n        if (typeof validator === 'boolean') {\n          if (\n            fieldError.type &&\n            fieldError.types &&\n            typeof fieldError.types[fieldError.type] === 'string'\n          ) {\n            fieldError.message = fieldError.types[fieldError.type] as string;\n          } else {\n            fieldError.message = GenericErrorMessages[validatorKey]();\n          }\n        } else if (typeof validator === 'object' && 'value' in validator) {\n          // @ts-ignore The hook form types don't seem to cater for versions with value properties properly\n          fieldError.message = GenericErrorMessages[validatorKey](validator.value || undefined);\n        }\n      }\n    });\n  }\n\n  return (\n    <span className=\"validation\" id={ `${ name }_errors` }>\n      <span className=\"message\">\n        { !fieldError?.message && (\n          <span className=\"error\">{ GenericErrorMessages.unknown() }</span>\n        ) }\n\n        <ErrorMessage\n          errors={ errors }\n          name={ name }\n          render={ ({ message }) => <span className=\"error\">{ message }</span> }\n        />\n      </span>\n    </span>\n  );\n};\n\nexport default ValidationMessages;\n"],"mappings":"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","ignoreList":[]}