@x15ventures/x15-ui-library 3.11.4

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

@@ -0,0 +1 @@
+{"version":3,"file":"formFieldProps.js","names":[],"sources":["../../../../../../src/components/form/formFields/formFieldWrapper/formFieldProps.ts"],"sourcesContent":["/* eslint-disable no-unused-vars */\n\nimport {\n  ChangeEvent, ChangeEventHandler, FormEventHandler,\n  KeyboardEvent,\n  ReactElement,\n  ReactNode,\n} from 'react';\n\nimport type {\n  InputHTMLAttributes,\n  SelectHTMLAttributes,\n  TextareaHTMLAttributes,\n} from 'react';\n\nimport {\n  Message,\n  Validate,\n  ValidationRule\n} from 'react-hook-form';\nimport { GenericFunction } from '../../../../interfaces';\nimport { KeyboardEventHandler } from '../../../../interfaces/generic.interface';\n\n/**\n * Custom content props for additional elements around the label or field.\n */\nexport interface CustomContentProps {\n  /** Element or text to display before the label. */\n  preLabel?: ReactElement | string;\n  /** Element or text to display after the label. */\n  postLabel?: ReactElement | string;\n  /** Element or text to display before the field. */\n  preField?: ReactElement | string;\n  /** Element or text to display after the field. */\n  postField?: ReactElement | string;\n}\n\n/**\n * Props for the label element.\n */\nexport interface LabelProps {\n  /** Text or element for the label. */\n  text: string | ReactNode | ReactElement;\n  /** The ID of the input the label is associated with. */\n  inputId?: string;\n  /** The ID of the label element. */\n  labelId?: string;\n  /** Whether to hide the label visually. */\n  hide?: boolean;\n  /** Position of the label relative to the field. */\n  position?: 'inset' | 'left' | 'right' | string;\n  /** Tooltip for the label. */\n  labelTooltip?: {\n    /** Text for the tooltip. */\n    text: string;\n    /** Optional icon for the tooltip. */\n    icon?: ReactElement | string;\n  };\n  /** Screen reader instructions for the label. */\n  srInstruction?: string;\n  /** Whether the field is required. */\n  isRequired?: boolean;\n  /** Custom content for the label. */\n  customContent?: CustomContentProps;\n}\n\n/**\n * Type for a single select option.\n */\nexport type SelectOptionObjectType = {\n  /** Label of the option. */\n  label: string;\n  /** Value of the option. */\n  value: string | number | boolean;\n};\n\n/**\n * Type for select options, which can be an object or string.\n */\nexport type SelectOptionType = SelectOptionObjectType | string;\n\n/**\n * Type for a single combobox (autocomplete) option.\n */\nexport type ComboboxOptionObjectType = {\n  /** Label of the option. */\n  label: string;\n  /** Value of the option. */\n  value: string | number | boolean;\n  /** Additional data associated with the option. */\n  data?: Record<string, unknown>;\n};\n\nexport type ComboboxOption = ComboboxOptionObjectType | string;\n\n// Everything we want to *override* with our own definitions in FieldProps\nexport type OverriddenKeys =\n  | 'type'\n  | 'id'\n  | 'name'\n  | 'placeholder'\n  | 'defaultValue'\n  | 'onChange'\n  | 'onBlur'\n  | 'onInput'\n  | 'onKeyDown'\n  | 'disabled'\n  | 'readOnly'\n  | 'min'\n  | 'max';\n\n// All the native props we want to mix in, minus the ones we override\nexport type NativeFieldProps =\n  & Omit<InputHTMLAttributes<HTMLInputElement>, OverriddenKeys>\n  & Omit<SelectHTMLAttributes<HTMLSelectElement>, OverriddenKeys>\n  & Omit<TextareaHTMLAttributes<HTMLTextAreaElement>, OverriddenKeys>;\n\n/**\n * Props for the field element.\n */\nexport interface FieldProps extends NativeFieldProps {\n  /** The type of the input field. */\n  type: string;\n  /** The ID of the input field. */\n  id: string;\n  /** The name of the input field. */\n  name: string;\n  /** Placeholder text for the input field. */\n  placeholder?: string;\n  /** Default value for the input field. */\n  defaultValue?: string | number | readonly string[];\n  /** Handler for the change event. */\n  onChange?: ChangeEventHandler | ((\n    event: ChangeEvent<HTMLInputElement> | KeyboardEvent<HTMLSelectElement> | KeyboardEvent<HTMLTextAreaElement>\n  ) => void | GenericFunction);\n  /** Handler for the blur event. */\n  onBlur?: GenericFunction;\n  /** Handler for the input event. */\n  onInput?: FormEventHandler<\n    HTMLInputElement | HTMLSelectElement | HTMLTextAreaElement\n  >;\n  /** Handler for the keydown event. */\n  onKeyDown?: KeyboardEventHandler | ((\n    event: KeyboardEvent<HTMLInputElement> | KeyboardEvent<HTMLSelectElement> | KeyboardEvent<HTMLTextAreaElement>\n  ) => void | GenericFunction);\n  /** Handler for marking the field as touched. */\n  onTouched?: GenericFunction;\n  /** Whether to include an empty option in a dropdown. */\n  includeEmptyOption?: boolean;\n  /** Label for the empty option. */\n  emptyOptionLabel?: string;\n  /** Options for a dropdown field. */\n  options?: SelectOptionType[] | ComboboxOption[];\n  /** Auto-complete behaviour for the field. */\n  autoComplete?: string;\n  /** Whether the field allows editing and interaction. Note: Setting this to true makes it invisible to screen reader users. */\n  disabled?: boolean;\n  /** Setting to true prevents editing and interaction whilst still making the value visible to screen reader users.  */\n  readonly?: boolean;\n  /** Minimum value or length. */\n  min?: string | number;\n  /** Maximum value or length. */\n  max?: string | number;\n}\n\n/**\n * Validation rules for fields.\n */\nexport type CustomValidate<TFieldValue> = (\n  value: TFieldValue,\n  formValues?: unknown\n) => boolean | string | Promise<boolean | string>;\n\n/**\n * Props for validation rules.\n */\n\nexport type MinMaxRule<T> = T extends boolean\n  ? ValidationRule<boolean>\n  : ValidationRule<number | string>;\n\nexport interface ValidationProps<\n  TFieldValue = unknown | string | boolean,\n  TFormValues = unknown\n> {\n  /** Whether the field is required. */\n  required?: Message | ValidationRule<boolean>;\n  /** Minimum value or length. */\n  min?: MinMaxRule<TFieldValue>;\n  /** Maximum value or length. */\n  max?: MinMaxRule<TFieldValue>;\n  /** Maximum length of the field. */\n  maxLength?: ValidationRule<number>;\n  /** Minimum length of the field. */\n  minLength?: ValidationRule<number>;\n  /** Regex pattern for validation. */\n  pattern?: ValidationRule<RegExp>;\n  /** Custom validation logic. */\n  validate?: CustomValidate<TFieldValue> | Record<string, CustomValidate<TFieldValue>> | Validate<TFieldValue, TFormValues>;\n}\n\nexport type ValidationKey = keyof ValidationProps<unknown, unknown>; // Restrict to known keys\n\n/**\n * Custom CSS classes for the field components.\n */\nexport interface CustomFieldCssClassesProps {\n  /** CSS class for the label. */\n  label?: string;\n  /** CSS class for the input field. */\n  input?: string;\n  /** CSS class for the wrapper. */\n  wrapper?: string;\n}\n\n/**\n * Props for a form field component.\n */\nexport interface FormFieldProps {\n  /** Props for the label. */\n  label: LabelProps;\n  /** Props for the field. */\n  field: FieldProps;\n  /** Layout style of the form field. */\n  layout?: 'stacked' | 'horizontal' | string;\n  /** Validation rules for the field. */\n  validation?: ValidationProps;\n  /** Whether to show a spinner. */\n  showSpinner?: boolean;\n  /** Custom CSS classes for the field. */\n  customCssClasses?: CustomFieldCssClassesProps;\n  /** Custom content for the field. */\n  customContent?: CustomContentProps;\n  /** Override the default nesting of the input inside the label. */\n  separateLabelAndField?: boolean;\n}\n"],"mappings":"","ignoreList":[]}

package/dist/cjs/components/form/formFields/subComponents/InputVariants.js

@@ -0,0 +1,197 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.UrlInput = exports.Textarea = exports.TextInput = exports.SelectDropdown = exports.Select = exports.SearchInput = exports.PhoneInput = exports.PasswordInputSignup = exports.PasswordInput = exports.NumberInput = exports.FileInput = exports.EmailInput = exports.Combobox = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _react = _interopRequireDefault(require("react"));
+var _FormField = require("../formFieldWrapper/FormField");
+var _constants = require("../../../../constants");
+var _DragAndDropFileUpload = require("./inputs/file/dragAndDrop/DragAndDropFileUpload");
+const TextInput = props => /*#__PURE__*/_react.default.createElement(_FormField.FormField, (0, _extends2.default)({}, props, {
+  field: {
+    ...props.field,
+    type: 'text'
+  }
+}));
+exports.TextInput = TextInput;
+const EmailInput = props => {
+  const {
+    field,
+    validation
+  } = props;
+  const emailValidation = {
+    pattern: {
+      value: _constants.DEFAULT_EMAIL_REGEX,
+      message: 'Please enter a valid email address.'
+    },
+    ...(validation || {})
+  };
+  return /*#__PURE__*/_react.default.createElement(_FormField.FormField, (0, _extends2.default)({}, props, {
+    field: {
+      type: 'email',
+      autoComplete: 'email',
+      placeholder: 'example@example.com',
+      ...field
+    },
+    validation: emailValidation
+  }));
+};
+exports.EmailInput = EmailInput;
+const FileInput = props => /*#__PURE__*/_react.default.createElement(_DragAndDropFileUpload.DragAndDropFileUpload, (0, _extends2.default)({}, props, {
+  field: {
+    ...props.field,
+    type: 'file'
+  }
+}));
+exports.FileInput = FileInput;
+const SearchInput = props => /*#__PURE__*/_react.default.createElement(_FormField.FormField, (0, _extends2.default)({}, props, {
+  field: {
+    ...props.field,
+    type: 'search'
+  }
+}));
+exports.SearchInput = SearchInput;
+const NumberInput = props => {
+  const {
+    field,
+    validation
+  } = props;
+  const numberValidation = {
+    pattern: {
+      value: _constants.DEFAULT_NUMBER_REGEX,
+      message: 'Please enter numbers only. Examples include 42, -3.5, or 1.2e4.'
+    },
+    ...(validation || {})
+  };
+  return /*#__PURE__*/_react.default.createElement(_FormField.FormField, (0, _extends2.default)({}, props, {
+    field: {
+      type: 'number',
+      placeholder: '12345',
+      ...field
+    },
+    validation: numberValidation,
+    customContent: {
+      postField: /*#__PURE__*/_react.default.createElement("small", null, "(Only numbers can be entered in this field.)")
+    }
+  }));
+};
+exports.NumberInput = NumberInput;
+const PhoneInput = props => {
+  const {
+    field,
+    validation
+  } = props;
+  const phoneValidation = {
+    pattern: {
+      value: _constants.DEFAULT_PHONE_REGEX,
+      message: 'Please enter a valid phone number, such as 0412 345 678, (02) 1234 5678, or +61 412 345 678.'
+    },
+    ...(validation || {})
+  };
+  return /*#__PURE__*/_react.default.createElement(_FormField.FormField, (0, _extends2.default)({}, props, {
+    field: {
+      autoComplete: 'tel',
+      type: 'tel',
+      placeholder: 'e.g. 0412 345 678',
+      ...field
+    },
+    validation: phoneValidation
+  }));
+};
+exports.PhoneInput = PhoneInput;
+const UrlInput = props => {
+  const {
+    field,
+    validation
+  } = props;
+  const urlValidation = {
+    pattern: {
+      value: _constants.DEFAULT_URL_REGEX,
+      message: 'Please enter a valid URL, such as https://www.example.com.'
+    },
+    ...(validation || {})
+  };
+  return /*#__PURE__*/_react.default.createElement(_FormField.FormField, (0, _extends2.default)({}, props, {
+    field: {
+      type: 'url',
+      placeholder: 'e.g. https://www.example.com',
+      ...field
+    },
+    validation: urlValidation
+  }));
+};
+exports.UrlInput = UrlInput;
+const PasswordInput = props => {
+  const {
+    field,
+    validation,
+    isSignup = false
+  } = props;
+  const passwordValidation = isSignup ? {
+    pattern: {
+      value: _constants.DEFAULT_PASSWORD_REGEX,
+      message: 'Your password should be minimum eight and maximum 16 characters, at least one uppercase letter, one lowercase letter, one number and one special character.'
+    },
+    ...(validation || {})
+  } : {
+    ...(validation || {})
+  };
+  return /*#__PURE__*/_react.default.createElement(_FormField.FormField, (0, _extends2.default)({}, props, {
+    field: {
+      ...field,
+      type: 'password',
+      autoComplete: isSignup ? 'new-password' : 'current-password'
+    },
+    validation: passwordValidation
+  }));
+};
+exports.PasswordInput = PasswordInput;
+const PasswordInputSignup = props => /*#__PURE__*/_react.default.createElement(PasswordInput, (0, _extends2.default)({
+  isSignup: true
+}, props, {
+  field: {
+    ...props.field,
+    autoComplete: 'new-password'
+  }
+}));
+exports.PasswordInputSignup = PasswordInputSignup;
+const SelectDropdown = props => /*#__PURE__*/_react.default.createElement(_FormField.FormField, (0, _extends2.default)({}, props, {
+  field: {
+    ...props.field,
+    type: 'select'
+  }
+}));
+exports.Select = exports.SelectDropdown = SelectDropdown;
+const Combobox = props => /*#__PURE__*/_react.default.createElement(_FormField.FormField, (0, _extends2.default)({}, props, {
+  field: {
+    ...props.field,
+    type: 'combobox'
+  },
+  separateLabelAndField: true
+}));
+exports.Combobox = Combobox;
+const Textarea = props => /*#__PURE__*/_react.default.createElement(_FormField.FormField, (0, _extends2.default)({}, props, {
+  field: {
+    ...props.field,
+    type: 'textarea'
+  }
+}));
+exports.Textarea = Textarea;
+var _default = exports.default = {
+  TextInput,
+  EmailInput,
+  FileInput,
+  SearchInput,
+  NumberInput,
+  PhoneInput,
+  UrlInput,
+  PasswordInput,
+  PasswordInputSignup,
+  SelectDropdown,
+  Combobox,
+  Textarea
+};
+//# sourceMappingURL=InputVariants.js.map

package/dist/cjs/components/form/formFields/subComponents/InputVariants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InputVariants.js","names":["_react","_interopRequireDefault","require","_FormField","_constants","_DragAndDropFileUpload","TextInput","props","default","createElement","FormField","_extends2","field","type","exports","EmailInput","validation","emailValidation","pattern","value","DEFAULT_EMAIL_REGEX","message","autoComplete","placeholder","FileInput","DragAndDropFileUpload","SearchInput","NumberInput","numberValidation","DEFAULT_NUMBER_REGEX","customContent","postField","PhoneInput","phoneValidation","DEFAULT_PHONE_REGEX","UrlInput","urlValidation","DEFAULT_URL_REGEX","PasswordInput","isSignup","passwordValidation","DEFAULT_PASSWORD_REGEX","PasswordInputSignup","SelectDropdown","Select","Combobox","separateLabelAndField","Textarea","_default"],"sources":["../../../../../../src/components/form/formFields/subComponents/InputVariants.tsx"],"sourcesContent":[" \nimport React from 'react';\nimport { FieldProps, FormFieldProps } from '../formFieldWrapper/formFieldProps';\nimport { FormField } from '../formFieldWrapper/FormField';\nimport {\n  DEFAULT_EMAIL_REGEX,\n  DEFAULT_PASSWORD_REGEX,\n  DEFAULT_PHONE_REGEX,\n  DEFAULT_NUMBER_REGEX,\n  DEFAULT_URL_REGEX\n} from '../../../../constants';\n\nimport {\n  DragAndDropFileUpload\n} from './inputs/file/dragAndDrop/DragAndDropFileUpload';\n\nexport interface FormComponentProps extends Omit<FormFieldProps, 'field'> {\n  field: Omit<FieldProps, 'type'>;\n}\n\nexport interface DropdownSelectProps extends FormComponentProps, React.SelectHTMLAttributes<HTMLSelectElement> {\n}\n\nexport const TextInput: React.FC<FormComponentProps> = (props) => (\n  <FormField { ...{ ...props, field: { ...props.field, type: 'text' } } } />\n);\n\nexport const EmailInput: React.FC<FormComponentProps> = (props) => {\n  const { field, validation } = props;\n\n  const emailValidation = {\n    pattern: {\n      value: DEFAULT_EMAIL_REGEX,\n      message: 'Please enter a valid email address.'\n    },\n    ...validation || {}\n  };\n\n  return (\n    <FormField {\n      ...{\n        ...props,\n        field: {\n          type: 'email',\n          autoComplete: 'email',\n          placeholder: 'example@example.com',\n          ...field\n        },\n        validation: emailValidation\n      }\n    }\n    />\n  );\n};\n\nexport const FileInput: React.FC<FormComponentProps> = (props) => <DragAndDropFileUpload { ...{ ...props, field: { ...props.field, type: 'file' } } } />;\n\nexport const SearchInput: React.FC<FormComponentProps> = (props) => <FormField { ...{ ...props, field: { ...props.field, type: 'search' } } } />;\n\nexport const NumberInput: React.FC<FormComponentProps> = (props) => {\n  const { field, validation } = props;\n\n  const numberValidation = {\n    pattern: {\n      value: DEFAULT_NUMBER_REGEX,\n      message: 'Please enter numbers only. Examples include 42, -3.5, or 1.2e4.'\n    },\n    ...validation || {}\n  };\n\n  return (\n    <FormField {\n      ...{\n        ...props,\n        field: {\n          type: 'number',\n          placeholder: '12345',\n          ...field\n        },\n        validation: numberValidation,\n        customContent: {\n          postField: <small>(Only numbers can be entered in this field.)</small>\n        }\n      }\n    }\n    />\n  );\n};\n\nexport const PhoneInput: React.FC<FormComponentProps> = (props) => {\n  const { field, validation } = props;\n\n  const phoneValidation = {\n    pattern: {\n      value: DEFAULT_PHONE_REGEX,\n      message: 'Please enter a valid phone number, such as 0412 345 678, (02) 1234 5678, or +61 412 345 678.'\n    },\n    ...validation || {}\n  };\n\n  return (\n    <FormField {\n      ...{\n        ...props,\n        field: {\n          autoComplete: 'tel',\n          type: 'tel',\n          placeholder: 'e.g. 0412 345 678',\n          ...field\n        },\n        validation: phoneValidation\n      }\n    }\n    />\n  );\n};\n\nexport const UrlInput: React.FC<FormComponentProps> = (props) => {\n  const { field, validation } = props;\n\n  const urlValidation = {\n    pattern: {\n      value: DEFAULT_URL_REGEX,\n      message: 'Please enter a valid URL, such as https://www.example.com.'\n    },\n    ...validation || {}\n  };\n\n  return (\n    <FormField {\n      ...{\n        ...props,\n        field: {\n          type: 'url',\n          placeholder: 'e.g. https://www.example.com',\n          ...field\n        },\n        validation: urlValidation\n      }\n    }\n    />\n  );\n};\n\nexport interface PasswordInputProps extends FormComponentProps {\n  isSignup?: boolean;\n}\n\nexport const PasswordInput: React.FC<PasswordInputProps> = (props) => {\n  const { field, validation, isSignup = false } = props;\n\n  const passwordValidation = isSignup ? {\n    pattern: {\n      value: DEFAULT_PASSWORD_REGEX,\n      message: 'Your password should be minimum eight and maximum 16 characters, at least one uppercase letter, one lowercase letter, one number and one special character.'\n    },\n    ...validation || {}\n  } : { ...validation || {} };\n\n  return (\n    <FormField { ...{ ...props, field: { ...field, type: 'password', autoComplete: isSignup ? 'new-password' : 'current-password' }, validation: passwordValidation } } />\n  );\n};\n\nexport const PasswordInputSignup: React.FC<PasswordInputProps> = (props) => <PasswordInput isSignup={ true } { ...props } field={ { ...props.field, autoComplete: 'new-password' } } />;\n\nexport const SelectDropdown: React.FC<DropdownSelectProps> = (props) => <FormField { ...{ ...props, field: { ...props.field, type: 'select' } } } />;\n\nexport { SelectDropdown as Select };\n\nexport const Combobox: React.FC<FormComponentProps> = (props) => <FormField { ...{ ...props, field: { ...props.field, type: 'combobox' }, separateLabelAndField: true } } />;\n\nexport const Textarea: React.FC<FormComponentProps> = (props) => <FormField { ...{ ...props, field: { ...props.field, type: 'textarea' } } } />;\n\nexport default {\n  TextInput,\n  EmailInput,\n  FileInput,\n  SearchInput,\n  NumberInput,\n  PhoneInput,\n  UrlInput,\n  PasswordInput,\n  PasswordInputSignup,\n  SelectDropdown,\n  Combobox,\n  Textarea\n};\n"],"mappings":";;;;;;;;AACA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,UAAA,GAAAD,OAAA;AACA,IAAAE,UAAA,GAAAF,OAAA;AAQA,IAAAG,sBAAA,GAAAH,OAAA;AAWO,MAAMI,SAAuC,GAAIC,KAAK,iBAC3DP,MAAA,CAAAQ,OAAA,CAAAC,aAAA,CAACN,UAAA,CAAAO,SAAS,MAAAC,SAAA,CAAAH,OAAA,MAAWD,KAAK;EAAEK,KAAK,EAAE;IAAE,GAAGL,KAAK,CAACK,KAAK;IAAEC,IAAI,EAAE;EAAO;AAAC,EAAM,CAC1E;AAACC,OAAA,CAAAR,SAAA,GAAAA,SAAA;AAEK,MAAMS,UAAwC,GAAIR,KAAK,IAAK;EACjE,MAAM;IAAEK,KAAK;IAAEI;EAAW,CAAC,GAAGT,KAAK;EAEnC,MAAMU,eAAe,GAAG;IACtBC,OAAO,EAAE;MACPC,KAAK,EAAEC,8BAAmB;MAC1BC,OAAO,EAAE;IACX,CAAC;IACD,IAAGL,UAAU,IAAI,CAAC,CAAC;EACrB,CAAC;EAED,oBACEhB,MAAA,CAAAQ,OAAA,CAAAC,aAAA,CAACN,UAAA,CAAAO,SAAS,MAAAC,SAAA,CAAAH,OAAA,MAEHD,KAAK;IACRK,KAAK,EAAE;MACLC,IAAI,EAAE,OAAO;MACbS,YAAY,EAAE,OAAO;MACrBC,WAAW,EAAE,qBAAqB;MAClC,GAAGX;IACL,CAAC;IACDI,UAAU,EAAEC;EAAe,EAG9B,CAAC;AAEN,CAAC;AAACH,OAAA,CAAAC,UAAA,GAAAA,UAAA;AAEK,MAAMS,SAAuC,GAAIjB,KAAK,iBAAKP,MAAA,CAAAQ,OAAA,CAAAC,aAAA,CAACJ,sBAAA,CAAAoB,qBAAqB,MAAAd,SAAA,CAAAH,OAAA,MAAWD,KAAK;EAAEK,KAAK,EAAE;IAAE,GAAGL,KAAK,CAACK,KAAK;IAAEC,IAAI,EAAE;EAAO;AAAC,EAAM,CAAC;AAACC,OAAA,CAAAU,SAAA,GAAAA,SAAA;AAElJ,MAAME,WAAyC,GAAInB,KAAK,iBAAKP,MAAA,CAAAQ,OAAA,CAAAC,aAAA,CAACN,UAAA,CAAAO,SAAS,MAAAC,SAAA,CAAAH,OAAA,MAAWD,KAAK;EAAEK,KAAK,EAAE;IAAE,GAAGL,KAAK,CAACK,KAAK;IAAEC,IAAI,EAAE;EAAS;AAAC,EAAM,CAAC;AAACC,OAAA,CAAAY,WAAA,GAAAA,WAAA;AAE1I,MAAMC,WAAyC,GAAIpB,KAAK,IAAK;EAClE,MAAM;IAAEK,KAAK;IAAEI;EAAW,CAAC,GAAGT,KAAK;EAEnC,MAAMqB,gBAAgB,GAAG;IACvBV,OAAO,EAAE;MACPC,KAAK,EAAEU,+BAAoB;MAC3BR,OAAO,EAAE;IACX,CAAC;IACD,IAAGL,UAAU,IAAI,CAAC,CAAC;EACrB,CAAC;EAED,oBACEhB,MAAA,CAAAQ,OAAA,CAAAC,aAAA,CAACN,UAAA,CAAAO,SAAS,MAAAC,SAAA,CAAAH,OAAA,MAEHD,KAAK;IACRK,KAAK,EAAE;MACLC,IAAI,EAAE,QAAQ;MACdU,WAAW,EAAE,OAAO;MACpB,GAAGX;IACL,CAAC;IACDI,UAAU,EAAEY,gBAAgB;IAC5BE,aAAa,EAAE;MACbC,SAAS,eAAE/B,MAAA,CAAAQ,OAAA,CAAAC,aAAA,gBAAO,8CAAmD;IACvE;EAAC,EAGJ,CAAC;AAEN,CAAC;AAACK,OAAA,CAAAa,WAAA,GAAAA,WAAA;AAEK,MAAMK,UAAwC,GAAIzB,KAAK,IAAK;EACjE,MAAM;IAAEK,KAAK;IAAEI;EAAW,CAAC,GAAGT,KAAK;EAEnC,MAAM0B,eAAe,GAAG;IACtBf,OAAO,EAAE;MACPC,KAAK,EAAEe,8BAAmB;MAC1Bb,OAAO,EAAE;IACX,CAAC;IACD,IAAGL,UAAU,IAAI,CAAC,CAAC;EACrB,CAAC;EAED,oBACEhB,MAAA,CAAAQ,OAAA,CAAAC,aAAA,CAACN,UAAA,CAAAO,SAAS,MAAAC,SAAA,CAAAH,OAAA,MAEHD,KAAK;IACRK,KAAK,EAAE;MACLU,YAAY,EAAE,KAAK;MACnBT,IAAI,EAAE,KAAK;MACXU,WAAW,EAAE,mBAAmB;MAChC,GAAGX;IACL,CAAC;IACDI,UAAU,EAAEiB;EAAe,EAG9B,CAAC;AAEN,CAAC;AAACnB,OAAA,CAAAkB,UAAA,GAAAA,UAAA;AAEK,MAAMG,QAAsC,GAAI5B,KAAK,IAAK;EAC/D,MAAM;IAAEK,KAAK;IAAEI;EAAW,CAAC,GAAGT,KAAK;EAEnC,MAAM6B,aAAa,GAAG;IACpBlB,OAAO,EAAE;MACPC,KAAK,EAAEkB,4BAAiB;MACxBhB,OAAO,EAAE;IACX,CAAC;IACD,IAAGL,UAAU,IAAI,CAAC,CAAC;EACrB,CAAC;EAED,oBACEhB,MAAA,CAAAQ,OAAA,CAAAC,aAAA,CAACN,UAAA,CAAAO,SAAS,MAAAC,SAAA,CAAAH,OAAA,MAEHD,KAAK;IACRK,KAAK,EAAE;MACLC,IAAI,EAAE,KAAK;MACXU,WAAW,EAAE,8BAA8B;MAC3C,GAAGX;IACL,CAAC;IACDI,UAAU,EAAEoB;EAAa,EAG5B,CAAC;AAEN,CAAC;AAACtB,OAAA,CAAAqB,QAAA,GAAAA,QAAA;AAMK,MAAMG,aAA2C,GAAI/B,KAAK,IAAK;EACpE,MAAM;IAAEK,KAAK;IAAEI,UAAU;IAAEuB,QAAQ,GAAG;EAAM,CAAC,GAAGhC,KAAK;EAErD,MAAMiC,kBAAkB,GAAGD,QAAQ,GAAG;IACpCrB,OAAO,EAAE;MACPC,KAAK,EAAEsB,iCAAsB;MAC7BpB,OAAO,EAAE;IACX,CAAC;IACD,IAAGL,UAAU,IAAI,CAAC,CAAC;EACrB,CAAC,GAAG;IAAE,IAAGA,UAAU,IAAI,CAAC,CAAC;EAAC,CAAC;EAE3B,oBACEhB,MAAA,CAAAQ,OAAA,CAAAC,aAAA,CAACN,UAAA,CAAAO,SAAS,MAAAC,SAAA,CAAAH,OAAA,MAAWD,KAAK;IAAEK,KAAK,EAAE;MAAE,GAAGA,KAAK;MAAEC,IAAI,EAAE,UAAU;MAAES,YAAY,EAAEiB,QAAQ,GAAG,cAAc,GAAG;IAAmB,CAAC;IAAEvB,UAAU,EAAEwB;EAAkB,EAAM,CAAC;AAE1K,CAAC;AAAC1B,OAAA,CAAAwB,aAAA,GAAAA,aAAA;AAEK,MAAMI,mBAAiD,GAAInC,KAAK,iBAAKP,MAAA,CAAAQ,OAAA,CAAAC,aAAA,CAAC6B,aAAa,MAAA3B,SAAA,CAAAH,OAAA;EAAC+B,QAAQ,EAAG;AAAM,GAAMhC,KAAK;EAAGK,KAAK,EAAG;IAAE,GAAGL,KAAK,CAACK,KAAK;IAAEU,YAAY,EAAE;EAAe;AAAG,EAAE,CAAC;AAACR,OAAA,CAAA4B,mBAAA,GAAAA,mBAAA;AAEjL,MAAMC,cAA6C,GAAIpC,KAAK,iBAAKP,MAAA,CAAAQ,OAAA,CAAAC,aAAA,CAACN,UAAA,CAAAO,SAAS,MAAAC,SAAA,CAAAH,OAAA,MAAWD,KAAK;EAAEK,KAAK,EAAE;IAAE,GAAGL,KAAK,CAACK,KAAK;IAAEC,IAAI,EAAE;EAAS;AAAC,EAAM,CAAC;AAACC,OAAA,CAAA8B,MAAA,GAAA9B,OAAA,CAAA6B,cAAA,GAAAA,cAAA;AAI9I,MAAME,QAAsC,GAAItC,KAAK,iBAAKP,MAAA,CAAAQ,OAAA,CAAAC,aAAA,CAACN,UAAA,CAAAO,SAAS,MAAAC,SAAA,CAAAH,OAAA,MAAWD,KAAK;EAAEK,KAAK,EAAE;IAAE,GAAGL,KAAK,CAACK,KAAK;IAAEC,IAAI,EAAE;EAAW,CAAC;EAAEiC,qBAAqB,EAAE;AAAI,EAAM,CAAC;AAAChC,OAAA,CAAA+B,QAAA,GAAAA,QAAA;AAEtK,MAAME,QAAsC,GAAIxC,KAAK,iBAAKP,MAAA,CAAAQ,OAAA,CAAAC,aAAA,CAACN,UAAA,CAAAO,SAAS,MAAAC,SAAA,CAAAH,OAAA,MAAWD,KAAK;EAAEK,KAAK,EAAE;IAAE,GAAGL,KAAK,CAACK,KAAK;IAAEC,IAAI,EAAE;EAAW;AAAC,EAAM,CAAC;AAACC,OAAA,CAAAiC,QAAA,GAAAA,QAAA;AAAA,IAAAC,QAAA,GAAAlC,OAAA,CAAAN,OAAA,GAEjI;EACbF,SAAS;EACTS,UAAU;EACVS,SAAS;EACTE,WAAW;EACXC,WAAW;EACXK,UAAU;EACVG,QAAQ;EACRG,aAAa;EACbI,mBAAmB;EACnBC,cAAc;EACdE,QAAQ;EACRE;AACF,CAAC","ignoreList":[]}

package/dist/cjs/components/form/formFields/subComponents/inputs/autocomplete/Autocomplete.js

@@ -0,0 +1,118 @@
+"use strict";
+'use client';
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.Autocomplete = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _reactHookForm = require("react-hook-form");
+var _useDebounce = require("use-debounce");
+var _hooks = require("../../../../../../hooks");
+var _InputText = require("../text/InputText");
+require("./autocomplete.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 Autocomplete = ({
+  field,
+  label,
+  validation,
+  showSpinner,
+  customCssClasses,
+  customContent,
+  onOptionSelect = () => {},
+  onInputChange = () => {},
+  debounceTime = 500
+}) => {
+  const {
+    setValue
+  } = (0, _reactHookForm.useFormContext)();
+  const wrapperElement = (0, _react.useRef)(null);
+  const [isOpen, setIsOpen] = (0, _react.useState)(false);
+  const [filteredOptions, setFilteredOptions] = (0, _react.useState)(field.options || []);
+  const [selectedOption, setSelectedOption] = (0, _react.useState)(null);
+  const [inputValue, setInputValue] = (0, _react.useState)('');
+  (0, _hooks.useOnClickOutside)(wrapperElement, () => setIsOpen(false));
+  (0, _hooks.usePopupKeys)(wrapperElement, () => setIsOpen(false));
+  const filterOptions = (0, _useDebounce.useDebouncedCallback)(searchTerm => {
+    const matchingOptions = field.options ? field.options.filter(option => {
+      if (typeof option === 'string') {
+        return option.toLowerCase().includes(searchTerm);
+      }
+      if (typeof option.label === 'string') {
+        return option.label.toLowerCase().includes(searchTerm);
+      }
+      // For non-string labels, convert to JSON string and check
+      return JSON.stringify(option.label).toLowerCase().includes(searchTerm);
+    }) : [];
+    setSelectedOption(null);
+    setFilteredOptions(matchingOptions);
+    setIsOpen(true);
+    onInputChange(searchTerm);
+  }, debounceTime);
+  const handleInputChange = event => {
+    const newValue = event.target.value;
+    setInputValue(newValue);
+    filterOptions(newValue.toLowerCase());
+  };
+  const handleOptionSelect = option => {
+    const displayValue = typeof option === 'string' ? option : JSON.stringify(option.label);
+    setInputValue(displayValue);
+    setValue(field.name, displayValue);
+    setSelectedOption(option);
+    setIsOpen(false);
+    onOptionSelect(option);
+  };
+  const optionsContainerId = `${field.id || field.name}Options`;
+  const comboBoxFieldProps = (0, _react.useMemo)(() => {
+    return {
+      field: {
+        ...field,
+        type: 'search',
+        'aria-autocomplete': 'both',
+        'aria-expanded': isOpen,
+        'aria-controls': optionsContainerId,
+        'aria-haspopup': 'listbox',
+        role: 'combobox',
+        onFocus: () => setIsOpen(true),
+        onChange: handleInputChange,
+        defaultValue: inputValue
+      },
+      label,
+      validation,
+      showSpinner,
+      customCssClasses,
+      customContent
+    };
+  }, [field, isOpen, optionsContainerId, validation, showSpinner, customCssClasses, customContent, handleInputChange, selectedOption]);
+  return /*#__PURE__*/_react.default.createElement("div", {
+    ref: wrapperElement,
+    className: `autocompleteWrapper ${isOpen ? 'open' : 'closed'}`
+  }, /*#__PURE__*/_react.default.createElement(_InputText.InputText, comboBoxFieldProps), isOpen && filteredOptions && /*#__PURE__*/_react.default.createElement("div", {
+    tabIndex: -1,
+    className: "autocompleteOptions"
+  }, filteredOptions.length === 0 ? /*#__PURE__*/_react.default.createElement("div", {
+    "aria-selected": "false",
+    role: "listbox",
+    id: optionsContainerId
+  }, "No results found") : /*#__PURE__*/_react.default.createElement("ul", {
+    className: "noBullet",
+    role: "listbox",
+    id: optionsContainerId
+  }, filteredOptions.map(option => {
+    const optionId = `${optionsContainerId}_${option}`;
+    return /*#__PURE__*/_react.default.createElement("li", {
+      key: optionId,
+      "aria-selected": option === selectedOption ? 'true' : 'false',
+      role: "option",
+      "data-option": option
+    }, /*#__PURE__*/_react.default.createElement("button", {
+      className: option === selectedOption ? 'selected' : '',
+      type: "button",
+      id: optionId,
+      onClick: () => handleOptionSelect(option)
+    }, typeof option === 'string' ? option : option.label));
+  }))));
+};
+exports.Autocomplete = Autocomplete;
+var _default = exports.default = Autocomplete;
+//# sourceMappingURL=Autocomplete.js.map

package/dist/cjs/components/form/formFields/subComponents/inputs/autocomplete/Autocomplete.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Autocomplete.js","names":["Object","defineProperty","exports","value","default","Autocomplete","_react","_interopRequireWildcard","require","_reactHookForm","_useDebounce","_hooks","_InputText","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","has","get","set","hasOwnProperty","call","getOwnPropertyDescriptor","field","label","validation","showSpinner","customCssClasses","customContent","onOptionSelect","onInputChange","debounceTime","setValue","useFormContext","wrapperElement","useRef","isOpen","setIsOpen","useState","filteredOptions","setFilteredOptions","options","selectedOption","setSelectedOption","inputValue","setInputValue","useOnClickOutside","usePopupKeys","filterOptions","useDebouncedCallback","searchTerm","matchingOptions","filter","option","toLowerCase","includes","JSON","stringify","handleInputChange","event","newValue","target","handleOptionSelect","displayValue","name","optionsContainerId","id","comboBoxFieldProps","useMemo","type","role","onFocus","onChange","defaultValue","createElement","ref","className","InputText","tabIndex","length","map","optionId","key","onClick","_default"],"sources":["../../../../../../../../src/components/form/formFields/subComponents/inputs/autocomplete/Autocomplete.tsx"],"sourcesContent":["'use client';\n\nimport React, { useState, useRef, useMemo } from 'react';\nimport { useFormContext } from 'react-hook-form';\nimport { useDebouncedCallback } from 'use-debounce';\nimport { ComboboxOption, FieldProps, FormFieldProps } from '../../../formFieldWrapper/formFieldProps';\nimport { useOnClickOutside, usePopupKeys } from '../../../../../../hooks';\n\nimport { InputText, InputTextProps } from '../text/InputText';\n\nimport './autocomplete.scss';\n\n\nexport interface ComboboxFieldProps extends React.InputHTMLAttributes<HTMLInputElement>, Omit<FormFieldProps, 'field'> {\n  field: Omit<FieldProps, 'type' | 'options'> & {\n    options?: ComboboxOption[] | string[];\n  };\n  /* eslint-disable-next-line no-unused-vars */\n  onOptionSelect?: (option: ComboboxOption | string) => void;\n  /* eslint-disable-next-line no-unused-vars */\n  onInputChange?: (inputValue: string) => void;\n  debounceTime?: number;\n}\n\nexport const Autocomplete: React.FC<ComboboxFieldProps> = (\n  {\n    field,\n    label,\n    validation,\n    showSpinner,\n    customCssClasses,\n    customContent,\n    onOptionSelect = () => {},\n    onInputChange = () => {},\n    debounceTime = 500,\n  }\n) => {\n  const { setValue } = useFormContext();\n\n  const wrapperElement = useRef<HTMLDivElement>(null);\n  const [isOpen, setIsOpen] = useState(false);\n  const [filteredOptions, setFilteredOptions] = useState<(string | ComboboxOption)[]>(field.options || []);\n  const [selectedOption, setSelectedOption] = useState<ComboboxOption | string | null>(null);\n  const [inputValue, setInputValue] = useState('');\n\n  useOnClickOutside(wrapperElement, () => setIsOpen(false));\n  usePopupKeys(wrapperElement, () => setIsOpen(false));\n\n  const filterOptions = useDebouncedCallback((searchTerm: string) => {\n    const matchingOptions: (string | ComboboxOption)[] = field.options ? field.options.filter((option) => {\n      if (typeof option === 'string') {\n        return option.toLowerCase().includes(searchTerm);\n      }\n      if (typeof option.label === 'string') {\n        return option.label.toLowerCase().includes(searchTerm);\n      }\n      // For non-string labels, convert to JSON string and check\n      return JSON.stringify(option.label).toLowerCase().includes(searchTerm);\n    }) : [];\n    setSelectedOption(null);\n    setFilteredOptions(matchingOptions);\n    setIsOpen(true);\n    onInputChange(searchTerm);\n  }, debounceTime);\n\n  const handleInputChange = (event: React.ChangeEvent<HTMLInputElement>) => {\n    const newValue = event.target.value;\n    setInputValue(newValue);\n    filterOptions(newValue.toLowerCase());\n  };\n\n  const handleOptionSelect = (option: ComboboxOption | string) => {\n    const displayValue = typeof option === 'string' ? option : JSON.stringify(option.label);\n    setInputValue(displayValue);\n    setValue(field.name, displayValue);\n    setSelectedOption(option);\n    setIsOpen(false);\n    onOptionSelect(option);\n  };\n\n  const optionsContainerId = `${ field.id || field.name }Options`;\n\n  const comboBoxFieldProps: InputTextProps = useMemo(() => {\n    return {\n      field: {\n        ...field,\n        type: 'search',\n        'aria-autocomplete': 'both',\n        'aria-expanded': isOpen,\n        'aria-controls': optionsContainerId,\n        'aria-haspopup': 'listbox',\n        role: 'combobox',\n        onFocus: () => setIsOpen(true),\n        onChange: handleInputChange,\n        defaultValue: inputValue,\n      },\n      label,\n      validation,\n      showSpinner,\n      customCssClasses,\n      customContent,\n    };\n  }, [field, isOpen, optionsContainerId, validation, showSpinner, customCssClasses, customContent, handleInputChange, selectedOption]);\n  \n  return (\n    <div ref={ wrapperElement } className={ `autocompleteWrapper ${ isOpen ? 'open' : 'closed' }` }>\n      <InputText { ...comboBoxFieldProps } />\n\n      {\n        isOpen && filteredOptions && (\n          <div tabIndex={ -1 } className=\"autocompleteOptions\">\n            {\n              filteredOptions.length === 0 ?\n                (\n                  <div aria-selected=\"false\" role=\"listbox\" id={ optionsContainerId }>\n                    No results found\n                  </div>\n                )\n                :\n                (\n                  <ul className=\"noBullet\" role=\"listbox\" id={ optionsContainerId }>\n                    {\n                      filteredOptions.map((option) => {\n                        const optionId = `${ optionsContainerId }_${ option }`;\n\n                        return (\n                          <li\n                            key={ optionId }\n                            aria-selected={ option === selectedOption ? 'true' : 'false' }\n                            role=\"option\"\n                            data-option={ option }\n                          >\n                            <button className={ option === selectedOption ? 'selected' : '' } type=\"button\" id={ optionId } onClick={ () => handleOptionSelect(option) }>\n                              { typeof option === 'string' ? option : option.label }\n                            </button>\n                          </li>\n                        );\n                      })\n                    }\n                  </ul>\n                )\n            }\n          </div>\n        )\n      }\n    </div>\n  );\n};\n\nexport default Autocomplete;"],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/form/formFields/subComponents/inputs/autocomplete/autocomplete.css

@@ -0,0 +1,51 @@
+/* Popovers */
+/* BUTTONS */
+.autocompleteWrapper.open {
+  z-index: 10000;
+  position: relative;
+}
+.autocompleteWrapper .autocompleteOptions {
+  position: absolute;
+  min-width: 100%;
+  border: var(--autocompleteOptionsHolderBorder);
+  border-radius: var(--autocompleteHolderBorderRadius);
+  background: var(--autocompleteOptionsHolderBg);
+  box-shadow: var(--autocompleteOptionsHolderShadow);
+  box-sizing: border-box;
+}
+.autocompleteWrapper .autocompleteOptions ul {
+  display: flex;
+  flex-direction: column;
+  gap: var(--autocompleteOptionSpacing);
+}
+.autocompleteWrapper .autocompleteOptions ul li {
+  display: flex;
+}
+.autocompleteWrapper .autocompleteOptions ul li button {
+  display: inline-flex;
+  flex-direction: row;
+  align-items: center;
+  justify-content: center;
+  margin: 0;
+  cursor: pointer;
+  font-weight: 500;
+  box-sizing: border-box;
+  column-gap: 10px;
+  row-gap: 10px;
+  display: flex;
+  flex: 1;
+  justify-content: flex-start;
+  min-width: 44px;
+  min-height: 44px;
+  color: var(--autocompleteOptionFg);
+  background: var(--autocompleteOptionBg);
+  border: var(--autocompleteOptionBorder);
+}
+.autocompleteWrapper .autocompleteOptions ul li button:hover {
+  color: var(--autocompleteOptionHoverFg);
+  background: var(--autocompleteOptionHoverBg);
+}
+.autocompleteWrapper .autocompleteOptions ul li button.selected {
+  color: var(--autocompleteOptionSelectedFg);
+  background: var(--autocompleteOptionSelectedBg);
+}

package/dist/cjs/components/form/formFields/subComponents/inputs/checkbox/InputCheckbox.js

@@ -0,0 +1,93 @@
+"use strict";
+'use client';
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.InputCheckbox = exports.CheckboxInput = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _reactHookForm = require("react-hook-form");
+var _formUtilities = require("../../../utilities/formUtilities");
+var _HookFormWrapper = require("../../../../hookFormWrapper/HookFormWrapper");
+var _FormFieldLabel = require("../../labels/FormFieldLabel");
+var _ValidationMessages = require("../../../../validation/ValidationMessages");
+var _Spinner = require("../../../../../design/spinner/Spinner");
+var _Icon = require("../../../../../design/icons/basicIcon/Icon");
+require("./inputCheckbox.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 InputCheckbox = ({
+  label,
+  field: {
+    id,
+    name,
+    defaultChecked,
+    onBlur = () => {},
+    onChange = () => {},
+    onTouched = () => {}
+  },
+  validation,
+  showSpinner,
+  customCssClasses,
+  customContent
+}) => {
+  const [isTouched, setIsTouched] = (0, _react.useState)(false);
+  const {
+    register,
+    getFieldState
+  } = (0, _reactHookForm.useFormContext)() || _formUtilities.NoHookFormContext;
+  ;
+  const fieldState = getFieldState(name);
+  const wrapperCssClass = `formField checkBoxField ${customCssClasses?.wrapper || ''} ${isTouched ? 'touched' : ''}`;
+  const inputCssClass = `${customCssClasses?.input || ''}${fieldState?.invalid ? ' invalidField' : ''}`;
+  const isRequired = validation && typeof validation.required !== 'undefined';
+  const HandleOnBlur = event => {
+    const {
+      target
+    } = event;
+    setIsTouched(true);
+    if (target) {
+      onTouched();
+      onBlur(event);
+    }
+  };
+  const labelProps = {
+    ...label,
+    inputId: id,
+    isRequired,
+    customContent
+  };
+  const inputProps = {
+    type: 'checkbox',
+    id,
+    className: inputCssClass,
+    defaultChecked,
+    'aria-required': isRequired,
+    ...register(name, {
+      onChange,
+      onBlur: HandleOnBlur,
+      ...validation
+    })
+  };
+  return /*#__PURE__*/_react.default.createElement(_HookFormWrapper.HookFormWrapper, null, /*#__PURE__*/_react.default.createElement("div", {
+    className: wrapperCssClass
+  }, /*#__PURE__*/_react.default.createElement("label", {
+    id: label.labelId || `${id}_label`,
+    className: `${customCssClasses?.label || ''} ${showSpinner ? 'withSpinner' : ''}`,
+    htmlFor: id
+  }, label.position === 'left' && /*#__PURE__*/_react.default.createElement(_FormFieldLabel.FormFieldLabel, labelProps), /*#__PURE__*/_react.default.createElement("div", {
+    className: "inputContainer"
+  }, /*#__PURE__*/_react.default.createElement("input", inputProps), /*#__PURE__*/_react.default.createElement("span", {
+    className: "checkboxIcons"
+  }, /*#__PURE__*/_react.default.createElement(_Icon.Icon, {
+    icon: "checkbox-unchecked"
+  }), /*#__PURE__*/_react.default.createElement(_Icon.Icon, {
+    icon: "checkbox-checked"
+  }))), (!label?.position || 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: name,
+    validation: validation
+  }))));
+};
+exports.InputCheckbox = InputCheckbox;
+const CheckboxInput = props => /*#__PURE__*/_react.default.createElement(InputCheckbox, props);
+exports.CheckboxInput = CheckboxInput;
+//# sourceMappingURL=InputCheckbox.js.map

package/dist/cjs/components/form/formFields/subComponents/inputs/checkbox/InputCheckbox.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InputCheckbox.js","names":["Object","defineProperty","exports","value","InputCheckbox","CheckboxInput","_react","_interopRequireWildcard","require","_reactHookForm","_formUtilities","_HookFormWrapper","_FormFieldLabel","_ValidationMessages","_Spinner","_Icon","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","getOwnPropertyDescriptor","label","field","id","name","defaultChecked","onBlur","onChange","onTouched","validation","showSpinner","customCssClasses","customContent","isTouched","setIsTouched","useState","register","getFieldState","useFormContext","NoHookFormContext","fieldState","wrapperCssClass","wrapper","inputCssClass","input","invalid","isRequired","required","HandleOnBlur","event","target","labelProps","inputId","inputProps","type","className","createElement","HookFormWrapper","labelId","htmlFor","position","FormFieldLabel","Icon","icon","Spinner","ValidationMessages","props"],"sources":["../../../../../../../../src/components/form/formFields/subComponents/inputs/checkbox/InputCheckbox.tsx"],"sourcesContent":["'use client';\n\nimport React, { useState } from 'react';\nimport { useFormContext } from 'react-hook-form';\nimport { NoHookFormContext } from '../../../utilities/formUtilities';\nimport { HookFormWrapper } from '../../../../hookFormWrapper/HookFormWrapper';\nimport { FormFieldLabel } from '../../labels/FormFieldLabel';\nimport { ValidationMessages } from '../../../../validation/ValidationMessages';\nimport { Spinner } from '../../../../../design/spinner/Spinner';\nimport { Icon } from '../../../../../design/icons/basicIcon/Icon';\n\nimport { InputCheckboxProps } from './inputCheckboxProps';\n\nimport './inputCheckbox.scss';\n\nexport const InputCheckbox: React.FC<InputCheckboxProps> = (\n  {\n    label,\n    field: {\n      id,\n      name,\n      defaultChecked,\n      onBlur = () => {},\n      onChange = () => {},\n      onTouched = () => {}\n    },\n    validation,\n    showSpinner,\n    customCssClasses,\n    customContent\n  }\n) => {\n  const [isTouched, setIsTouched] = useState(false);\n  const { register, getFieldState } = useFormContext() || NoHookFormContext;;\n  const fieldState = getFieldState(name);\n\n  const wrapperCssClass = `formField checkBoxField ${ customCssClasses?.wrapper || '' } ${ isTouched ? 'touched' : '' }`;\n\n  const inputCssClass = `${ customCssClasses?.input || '' }${ fieldState?.invalid ? ' invalidField' : '' }`;\n\n  const isRequired = validation && typeof validation.required !== 'undefined';\n\n  const HandleOnBlur = (event: React.FocusEvent<HTMLInputElement>) => {\n    const { target } = event;\n    setIsTouched(true);\n    if (target) {\n      onTouched();\n      onBlur(event);\n    }\n  };\n\n  const labelProps = {\n    ...label,\n    inputId: id,\n    isRequired,\n    customContent\n  };\n\n  const inputProps = {\n    type: 'checkbox',\n    id,\n    className: inputCssClass,\n    defaultChecked,\n    'aria-required': isRequired,\n    ...register(\n      name,\n      {\n        onChange,\n        onBlur: HandleOnBlur,\n        ...validation\n      }\n    )\n  };\n\n  return (\n    <HookFormWrapper>\n      <div\n        className={ wrapperCssClass }\n      >\n        <label\n          id={ label.labelId || `${ id }_label` }\n          className={ `${ customCssClasses?.label || '' } ${ showSpinner ? 'withSpinner' : '' }` }\n          htmlFor={ id }\n        >\n\n          { label.position === 'left'\n            && <FormFieldLabel { ...labelProps } /> }\n\n          <div className=\"inputContainer\">\n            <input { ...inputProps } />\n            <span className=\"checkboxIcons\">\n              <Icon icon=\"checkbox-unchecked\" />\n              <Icon icon=\"checkbox-checked\" />\n            </span>\n          </div>\n\n          { (!label?.position || label?.position === 'right')\n            && <FormFieldLabel { ...labelProps } /> }\n\n          {\n            showSpinner && <Spinner />\n          }\n\n          <ValidationMessages name={ name } validation={ validation } />\n        </label>\n      </div>\n    </HookFormWrapper>\n  );\n};\n\nexport const CheckboxInput: React.FC<InputCheckboxProps> = (props) => <InputCheckbox { ...props } />;\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/form/formFields/subComponents/inputs/checkbox/inputCheckbox.css

@@ -0,0 +1,42 @@
+/* Popovers */
+.checkBoxField label {
+  display: flex;
+  flex-direction: row;
+  column-gap: 10px;
+  align-items: center;
+  justify-content: flex-start;
+}
+.checkBoxField label .labelText {
+  cursor: pointer;
+}
+.checkBoxField .inputContainer {
+  position: relative;
+  display: flex;
+  height: 100%;
+}
+.checkBoxField .inputContainer input[type=checkbox] {
+  opacity: 0.01;
+  position: absolute;
+  z-index: 2;
+  cursor: pointer;
+  width: 30px;
+  height: 30px;
+  left: 0;
+  top: 0;
+  margin: 0;
+}
+.checkBoxField .inputContainer input[type=checkbox] ~ .checkboxIcons .icon {
+  font-size: 24px;
+}
+.checkBoxField .inputContainer input[type=checkbox] ~ .checkboxIcons .icon-checkbox-unchecked {
+  display: block;
+}
+.checkBoxField .inputContainer input[type=checkbox] ~ .checkboxIcons .icon-checkbox-checked {
+  display: none;
+}
+.checkBoxField .inputContainer input[type=checkbox][checked] ~ .checkboxIcons .icon-checkbox-unchecked, .checkBoxField .inputContainer input[type=checkbox]:checked ~ .checkboxIcons .icon-checkbox-unchecked {
+  display: none;
+}
+.checkBoxField .inputContainer input[type=checkbox][checked] ~ .checkboxIcons .icon-checkbox-checked, .checkBoxField .inputContainer input[type=checkbox]:checked ~ .checkboxIcons .icon-checkbox-checked {
+  display: block;
+}

package/dist/cjs/components/form/formFields/subComponents/inputs/checkbox/inputCheckboxProps.js

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

package/dist/cjs/components/form/formFields/subComponents/inputs/checkbox/inputCheckboxProps.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"inputCheckboxProps.js","names":[],"sources":["../../../../../../../../src/components/form/formFields/subComponents/inputs/checkbox/inputCheckboxProps.ts"],"sourcesContent":["import { Message, Validate, ValidationRule } from 'react-hook-form';\nimport {\n  CustomContentProps,\n  CustomFieldCssClassesProps,\n  FieldProps,\n  FormFieldProps,\n  LabelProps\n} from '../../../formFieldWrapper/formFieldProps';\n\nexport interface InputCheckboxLabelProps extends Omit<LabelProps, 'hide' | 'position'> {\n  position?: 'left' | 'right';\n}\n\nexport interface InputCheckboxFieldProps extends Omit<FieldProps, 'type' | 'placeholder' | 'value' | 'defaultValue' | 'referenceDate' | 'includeEmptyOption' | 'options'> {\n  value: boolean | string;\n  defaultChecked?: boolean;\n  defaultValue?: boolean | string | number | readonly string[];\n}\n\nexport interface InputCheckboxValidationProps<TFieldValue = unknown, TFormValues = unknown> {\n  required?: Message | ValidationRule<boolean>;\n  validate?: Validate<TFieldValue, TFormValues> | Record<string, Validate<TFieldValue, TFormValues>>;\n  [key: string]:\n    | Message\n    | ValidationRule<RegExp>\n    | ValidationRule<number | string | boolean>\n    | Validate<TFieldValue, TFormValues>\n    | Record<string, Validate<TFieldValue, TFormValues>>\n    | undefined;\n}\n\nexport interface InputCheckboxProps extends Omit<FormFieldProps, 'label' | 'field' | 'layout' | 'validation'> {\n  label: InputCheckboxLabelProps,\n  field: InputCheckboxFieldProps,\n  validation?: InputCheckboxValidationProps;\n  showSpinner?: boolean;\n  customCssClasses?: CustomFieldCssClassesProps;\n  customContent?: CustomContentProps;\n}\n"],"mappings":"","ignoreList":[]}

package/dist/cjs/components/form/formFields/subComponents/inputs/date/DateInput.js

@@ -0,0 +1,26 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.DateInput = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _react = _interopRequireDefault(require("react"));
+var _FormField = require("../../../formFieldWrapper/FormField");
+const DateInput = props => {
+  const {
+    field
+  } = props;
+  return /*#__PURE__*/_react.default.createElement(_FormField.FormField, (0, _extends2.default)({}, props, {
+    field: {
+      type: 'date',
+      ...field
+    }
+  }));
+};
+exports.DateInput = DateInput;
+var _default = exports.default = {
+  DateInput
+};
+//# sourceMappingURL=DateInput.js.map

package/dist/cjs/components/form/formFields/subComponents/inputs/date/DateInput.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DateInput.js","names":["_react","_interopRequireDefault","require","_FormField","DateInput","props","field","default","createElement","FormField","_extends2","type","exports","_default"],"sources":["../../../../../../../../src/components/form/formFields/subComponents/inputs/date/DateInput.tsx"],"sourcesContent":["import React from 'react';\nimport { FormField } from '../../../formFieldWrapper/FormField';\nimport { FormComponentProps } from '../../../../formFields/subComponents/InputVariants';\n\nexport const DateInput: React.FC<FormComponentProps> = (props) => {\n  const { field } = props;\n  return (\n    <FormField {\n      ...{\n        ...props,\n        field: {\n          type: 'date',\n          ...field\n        }\n      }\n    }\n    />\n  );\n};\n\nexport default { DateInput };"],"mappings":";;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,UAAA,GAAAD,OAAA;AAGO,MAAME,SAAuC,GAAIC,KAAK,IAAK;EAChE,MAAM;IAAEC;EAAM,CAAC,GAAGD,KAAK;EACvB,oBACEL,MAAA,CAAAO,OAAA,CAAAC,aAAA,CAACL,UAAA,CAAAM,SAAS,MAAAC,SAAA,CAAAH,OAAA,MAEHF,KAAK;IACRC,KAAK,EAAE;MACLK,IAAI,EAAE,MAAM;MACZ,GAAGL;IACL;EAAC,EAGJ,CAAC;AAEN,CAAC;AAACM,OAAA,CAAAR,SAAA,GAAAA,SAAA;AAAA,IAAAS,QAAA,GAAAD,OAAA,CAAAL,OAAA,GAEa;EAAEH;AAAU,CAAC","ignoreList":[]}