nexus-shared 1.1.20 → 2.0.0

package/src/interfaces/http-interfaces.tsx

@@ -1,129 +0,0 @@
-import { NEXUS_INFO } from "../nexus.environments";
-import { GetRootApi } from "../services/http-services";
-import { EErrorCodes, EExceptionCategories } from "./exception-interfaces";
-import { EModules } from "./system-interfaces";
-import { IInterface, UN } from "./type-interfaces";
-
-export const PROXY_PUBLIC_BASE_PATH = "/api/app";
-
-export enum EActions {
-  Get = 1,
-  Post = 2,
-  Put = 3,
-  Delete = 4,
-}
-export interface IApiInformations {
-  module: EModules;
-  apiName: string;
-  method: EActions;
-}
-
-export interface IGetApiInformations extends IApiInformations {
-  cacheCode?: string;
-  /** In Minutes */
-  cacheLifetime?: number;
-  bodyType?: EBody;
-  parameters?: any;
-}
-
-export interface IRootRespose extends IInterface {
-  isSuccess: boolean;
-  code: number;
-  message?: string | UN;
-  messageCode?: string | UN;
-  exceptionCategory?: EExceptionCategories | UN;
-  errorCode?: EErrorCodes | UN;
-  inputName?: string | UN;
-  result?: any | UN;
-}
-
-export interface IErrorRespose extends IRootRespose {
-  exception?: any | UN;
-}
-export interface ISuccessResponse extends IRootRespose {}
-export enum EBody {
-  JSON = "application/json",
-  MULTIPART_FORM_DATA = "application/x-www-form-urlencoded",
-  FORM_DATA = "multipart/form-data",
-}
-export const GetMethod = (method?: EActions) => {
-  switch (method) {
-    case EActions.Delete:
-      return "DELETE";
-    case EActions.Post:
-      return "POST";
-    case EActions.Put:
-      return "PUT";
-    default:
-      return "GET";
-  }
-};
-
-export const GetResponse = {
-  ERROR: (message: string = "An error occurred.", messageCode: string = "GENERIC_ERROR", exceptionCategory: EExceptionCategories = EExceptionCategories.Application, errorCode: EErrorCodes = EErrorCodes.Unknown, inputName: string | undefined = undefined, exception: any | null = null, code: number = 400): IErrorRespose => ({
-    isSuccess: false,
-    exception: exception,
-    code: code,
-    message: message,
-    messageCode: messageCode,
-    exceptionCategory: exceptionCategory,
-    errorCode: errorCode,
-    inputName: inputName,
-    result: null,
-  }),
-  SUCCESS: (result: any | UN, message: string = "Success", messageCode: string = "SUCCESS", code: number = 200): ISuccessResponse => ({
-    isSuccess: true,
-    result: result,
-    message: message,
-    messageCode: messageCode,
-    code: code,
-  }),
-};
-
-const GET_API_KEYS = ["cacheCode", "cacheLifetime", "bodyType", "parameters"];
-const _isApi = (apiInformations: any | IApiInformations): boolean => {
-  if (!apiInformations || (!apiInformations.module && apiInformations.module !== EModules.None) || !apiInformations.apiName || !apiInformations.method) return false;
-  return true;
-};
-
-export const GetApiInformations = {
-  API: (module: EModules, apiName: string, method?: EActions | UN): IApiInformations => ({
-    module: module,
-    apiName: apiName,
-    method: method ?? EActions.Get,
-  }),
-  IS_API: _isApi,
-  GET_API: (module: EModules, apiName: string, method?: EActions | UN, cacheCode?: string | UN, cacheLifetime?: number | UN, bodyType?: EBody | UN, parameters?: any | UN): IGetApiInformations => {
-    return {
-      module: module,
-      apiName: apiName,
-      method: method ?? EActions.Get,
-      cacheCode: cacheCode,
-      cacheLifetime: cacheLifetime,
-      bodyType: bodyType,
-      parameters: parameters,
-    } as IGetApiInformations;
-  },
-  IS_GET_API: (apiInformations: any | IApiInformations): boolean => {
-    if (!_isApi(apiInformations)) return false;
-    const keys = Object.keys(apiInformations);
-    return GET_API_KEYS.every((key) => keys.includes(key));
-  },
-  BUILD_API: (apiInformations: IApiInformations, parameters?: any | UN) => {
-    const isProxyServer = NEXUS_INFO.IS_PROXY_SERVER;
-    if (isProxyServer) return BuildProxyApiUrl(apiInformations.module, apiInformations.apiName);
-    return `${GetRootApi(apiInformations.module)}/${apiInformations.apiName}`;
-  },
-};
-export const BuildProxyApiUrl = (module: EModules, relativePath: string, query?: string): string => {
-  const normalizedPath = relativePath.replace(/^\/+/, "");
-  if (module === EModules.None) return `/api/${normalizedPath}`;
-  const base = `${PROXY_PUBLIC_BASE_PATH}/${module}/${normalizedPath}`;
-
-  if (!query) {
-    return base;
-  }
-
-  const normalizedQuery = query.replace(/^\?+/, "");
-  return normalizedQuery ? `${base}?${normalizedQuery}` : base;
-};

package/src/interfaces/icon-interfaces.tsx

@@ -1,129 +0,0 @@
-import { ESizes } from "./layout-interfaces";
-
-export const DEFAULT_ICON_ELEMENT_NAME = "ion-icon";
-export const DEFAULT_SMALL_ICON_BOX_SIZE = 1 / 1.25;
-export const DEFAULT_ICON_SIZE = ESizes.VerySmall;
-export enum EIconTypes {
-  OUTLINED = "-outline",
-  SHARP = "-sharp",
-  FILLED = "",
-}
-export enum EIcons {
-  COPYRIGHT = "copyright",
-  WOMAN = "woman",
-  MAN = "man",
-  AT = "at",
-  BRIEFCASE = "briefcase",
-  LOCK_CLOSED = "lock-closed",
-  BOOKMARK = "bookmark",
-  CODE_WORKING = "code-working",
-  BOOKMARKS = "bookmarks",
-  READER = "reader",
-  SHARE_SOCIAL = "share-social",
-  ALERT_CIRCLE = "alert-circle",
-  SEND = "send",
-  FOOTBALL = "football",
-  BALLOON = "balloon",
-  SCHOOL = "school",
-  WALK = "walk",
-  GAME_CONTROLLER = "game-controller",
-  WATER = "water",
-  NOTIFICATIONS = "notifications",
-  LANGUAGE = "language",
-  CUBE = "cube",
-  FLAME = "flame",
-  BED = "bed",
-  DOCUMENT = "document",
-  START = "star",
-  CALENDAR = "calendar",
-  START_HALF = "star-half",
-  PEOPLE = "people",
-  MEGAPHONE = "megaphone",
-  SETTINGS = "settings",
-  PERSON_ADD = "person-add",
-  ANALYTICS = "analytics",
-  HOURGLASS = "hourglass",
-  STATS_CHART = "stats-chart",
-  GRID = "grid",
-  HEART = "heart",
-  CART = "cart",
-  REPEAT = "repeat",
-  HOME = "home",
-  WALLET = "wallet",
-  RELOAD = "reload",
-  CASH = "cash",
-  IMAGES = "images",
-  IMAGE = "image",
-  LOCK_OPEN = "lock-open",
-  CHATBOT_ELLIPSES = "chatbox-ellipses",
-  LOCATION = "location",
-  BUSINESS = "business",
-  CONSTRUCT = "construct",
-  CALENDER_NUMBER = "calendar-number",
-  HEART_CIRCLE = "heart-circle",
-  PERSON = "person",
-  CALL = "call",
-  FLAG = "flag",
-  TRANSGENDER = "transgender",
-  CARD = "card",
-  ID_CARD = "id-card",
-  MAIL = "mail",
-  MAIL_UNREAD = "mail-unread",
-  KEY = "key",
-  CREATE = "create",
-  MENU = "menu",
-  ARCHIVE = "archive",
-  ELLIPSIS_HORIZONTAL = "ellipsis-horizontal",
-  CHEVRON_DOWN = "chevron-down",
-  ARROW_FORWARD = "arrow-forward",
-  CHECKMARK_DOUBLE = "checkmark-done",
-  CLOSE = "close",
-  WARNING = "warning",
-  INFORMATION = "information",
-  HELP = "help",
-  HELP_CIRCLE = "help-circle",
-  TRASH_BIN = "trash-bin",
-  CLOUD_DOWNLOAD = "cloud-download",
-  CLOUD_UPLOAD = "cloud-upload",
-  EXIT = "exit",
-  CAMERA = "camera",
-  SUNNY = "sunny",
-  MOON = "moon",
-  COLOR_PALETTE = "color-palette",
-  RESIZE = "resize",
-  EXPAND = "expand",
-  REMOVE = "remove",
-  EYE = "eye",
-  OPTIONS = "options",
-  SEARCH = "search",
-  LIST = "list",
-  TRASH = "trash",
-  ADD = "add",
-  ADD_CIRCLE = "add-circle",
-  CARET_DOWN = "caret-down",
-  CARET_UP = "caret-up",
-  FUNNEL = "funnel",
-  BARBELL = "barbell",
-  DESKTOP = "desktop",
-  BUILD = "build",
-  BULB = "bulb",
-  NEWSPAPER = "newspaper",
-  CODE_SLASH = "code-slash",
-  GLOBE = "globe",
-  LEAF = "leaf",
-  REFRESH = "refresh",
-  LOGIN = "log-in",
-  SAVE = "save",
-  STOREFRONT = "storefront",
-  TEXT = "text",
-
-  LOGO_GOOGLE = "logo-google",
-  LOGO_FACEBOOK = "logo-facebook",
-  LOGO_INSTAGRAM = "logo-instagram",
-  LOGO_TIKTOK = "logo-tiktok",
-  LOGO_LINKEDIN = "logo-linkedin",
-  LOGO_GITHUB = "logo-github",
-  LOGO_TWITTER = "logo-twitter",
-  LOGO_WHATSAPP = "logo-whatsapp",
-  LOGO_YOUTUBE = "logo-youtube",
-}

package/src/interfaces/input-interfaces.tsx

@@ -1,410 +0,0 @@
-import { EButtonTypes, ETargets } from "./button-interfaces";
-import { DatasourceTypes } from "./datasource-interfaces";
-import { IColumn } from "./datatable-interfaces";
-import { EActions, IApiInformations, IErrorRespose, ISuccessResponse } from "./http-interfaces";
-import { EIcons, EIconTypes } from "./icon-interfaces";
-import { EFlexPositions, EOpacity, ESizes } from "./layout-interfaces";
-import { EBackgrounds } from "./theme-interfaces";
-import { ClickHandler, IInterface, UN } from "./type-interfaces";
-
-export type OnInputChangeHandler<T> = (currentValue: T, isInitilizing: boolean, isForcedChanged: boolean, isDisposed: boolean, inputKey: string, dataSource?: any | any[]) => void;
-export type OnElementLoad = (inputBox: HTMLElement | null, inputWrapper: HTMLElement | null, isInitilizing: boolean, isForcedChanged: boolean, isDisposed: boolean, currentKey: string, index: number) => void;
-export type AutoCompletes = "on" | "off";
-export type ForceChangeDefaultValue<T> = (defaultValue: T, type?: EValueChangeTypes, invokeOnChanged?: boolean | UN) => boolean;
-export type OnFormChangeHandler = (currentValue: any, isInitilizing: boolean, isForcedChanged: boolean, isDisposed: boolean, currentKey: string, index: number, type?: EValueChangeTypes, dataSource?: any | any[]) => void;
-export type OnFormSubmitHandler = (currentValue: any, isValidForm: boolean, event: Event, form: IFormCreateResults, defaultValue: any | UN) => void;
-export type OnApiFormSubmitHandler = (currentValue: any, apiResponse: ISuccessResponse | IErrorRespose, formResults: ISubmitFormCreateResults, defaultValue: any | UN) => void;
-export type OverrideValidation = (currentValue: any, isValidForm: boolean, formReference: IFormCreateResults | null, action?: EActions | UN) => boolean;
-export type RegexTypes = ERegexs | string[] | UN;
-
-export const DEFAULT_INPUT_BACKGROUND = EBackgrounds.Background1;
-export const MAX_INPUT_TYPE = 1900;
-export const DEFAULT_INPUT_BORDER_SIZE = 1;
-export const DEFAULT_TEXTAREA_ROWS = 3;
-export const DEFAULT_ROW_GAP = 3;
-
-export const REQUIRED_TEXT1 = "✲";
-
-export enum EValueChangeTypes {
-  Default = 0,
-  ForceChanged = 1,
-  FormCleared = 2,
-  FormReset = 3,
-  Disposed = 4,
-}
-export enum ERegexs {
-  Fullname = "^[A-Za-z]+(?: [A-Za-z]+)*[0-9]?$",
-  Email = "^[a-zA-Z0-9._%+-]+@[a-zA-Z0-9.-]+\\.[a-zA-Z]{2,}$",
-  /** Allow Null */
-  Email_NULL = "^$|^[a-zA-Z0-9._%+-]+@[a-zA-Z0-9.-]+.[a-zA-Z]{2,}$",
-  EmailUsername = "^(?=.*[a-zA-Z0-9])[a-zA-Z0-9]+@[a-zA-Z0-9]+\\.[a-zA-Z]{2,}$|[a-zA-Z0-9]{8,100}$",
-  Password = "^(?=.*[a-z])(?=.*[A-Z])(?=.*[0-9])(?=.*[!@#$%^&*()_+{}|:,.<>?/~]).{8,30}$",
-  Hexadecimal = "^[0-9A-Fa-f]{8}$",
-  ContactEmail = "^(?:[0-9]{10}|[a-zA-Z0-9._%+-]+@[a-zA-Z0-9.-]+\\.[a-zA-Z]{2,})$",
-
-  /** Allow Null */
-  ContactNumber_NULL = "^$|^[0-9]{10}$",
-
-  ContactNumber = "^[0-9]{10}$",
-  Username = "^(?!.*[._-]{2})[a-zA-Z0-9]+(?:[._-][a-zA-Z0-9]+)*$",
-  EmailUsernameMobile = "^(?:[0-9]{10}|(?!.*[._-]{2})[a-zA-Z0-9]+(?:[._-][a-zA-Z0-9]+)*|[a-zA-Z0-9._%+-]+@[a-zA-Z0-9.-]+\\.[A-Za-z]{2,})$",
-}
-export enum EInputTypes {
-  Textbox = 1,
-  Textarea = 5,
-  Texteditor = 10,
-  Timepicker = 15,
-  Datepicker = 20,
-  Datetimepicker = 25,
-  DateRangepicker = 30,
-  DatetimeRangepicker = 35,
-  SingleSelection = 40,
-  MultiSelection = 45,
-  Checkbox = 50,
-  Radiobox = 55,
-  Radiogroup = 60,
-  Number = 65,
-  TabularForm = 70,
-  InputForm = 75,
-  Range = 80,
-  Slider = 85,
-  LinkButton = 2000,
-  HtmlElement = 3000,
-  FormTitle = 4000,
-  SubmitButton = 5000,
-}
-export interface IInputIcon {
-  icon: EIcons;
-  iconSize?: ESizes | UN;
-  boxSize?: ESizes | UN;
-  opacity?: EOpacity | UN;
-  type?: EIconTypes | UN;
-  background?: EBackgrounds | UN;
-  onClicked?: ClickHandler | UN;
-  onMouseEnter?: ClickHandler | UN;
-}
-export interface IInputRootParameters<T> extends IInterface {
-  id: string;
-  inputType: EInputTypes;
-  columnSize: number;
-  displayOrder: number;
-  borderSize: number;
-  background?: EBackgrounds | UN;
-  inputSize?: ESizes | UN;
-  defaultClass?: string | UN;
-  autoAdjustColumn?: boolean | UN;
-  icon?: IInputIcon | UN;
-  parentKey?: string;
-  defaultValue?: T | UN;
-  onChanged?: OnInputChangeHandler<T> | UN;
-  placeholder?: string | UN;
-  label?: string | UN;
-}
-export interface IInputBaseParameters<T> extends IInputRootParameters<T> {
-  validatorKey?: string | UN;
-  isRequired: boolean;
-  autoComplete?: AutoCompletes | UN;
-  isReadonly?: boolean | UN;
-}
-export interface IElement extends IInputRootParameters<void> {
-  onLoad?: OnElementLoad | UN;
-}
-export interface IInputParameters<T> extends IInputBaseParameters<T> {
-  minLength?: number | UN;
-  maxLength?: number | UN;
-}
-export interface ILinkbutton extends IElement {
-  href: string;
-  onClicked?: ClickHandler | UN;
-  borderBottom?: boolean | UN;
-  opacity?: EOpacity | UN;
-  position?: EFlexPositions | UN;
-  target?: ETargets | UN;
-}
-export interface ISubmitbutton extends IElement {
-  onClicked?: ClickHandler | UN;
-  type?: EButtonTypes | UN;
-}
-export interface ITextbox extends IInputParameters<string | null> {
-  isPassword?: boolean | UN;
-  regexKey?: RegexTypes | UN;
-}
-export interface ISlider extends IInputParameters<number | null> {
-  step?: number | UN;
-  showTitleOnTop?: boolean | UN;
-}
-export interface ICheckbox extends IInputBaseParameters<boolean | any> {
-  checkedValue?: any | UN;
-  groupId?: string | UN;
-}
-export interface IRadiobox extends ICheckbox {}
-export interface ITextarea extends IInputParameters<string | null> {
-  isShowPreview?: boolean | UN;
-  rows?: number | UN;
-  regexKey?: RegexTypes | UN;
-}
-export interface INumber extends IInputParameters<number | null> {
-  floatingPoint?: number | UN;
-  isAutoAdjust?: boolean | UN;
-  step?: number | string | UN;
-}
-export interface IDate extends IInputBaseParameters<string | Date | null> {
-  minDate?: Date | string | UN;
-  maxDate?: Date | string | UN;
-}
-export interface ISelection extends IInputBaseParameters<any | any[] | null> {
-  isSearchable: boolean | UN;
-  valueKey: string | UN;
-  labelKey: string | UN;
-  selectedLabel?: string | UN;
-  columnName?: string | UN;
-  dataSource: DatasourceTypes | UN;
-  onSelectionChanged?: OnInputChangeHandler<any | any[] | null> | UN;
-  columns?: IColumn[] | UN;
-  minDialogWidth?: number | UN;
-  bitwiseEnum?: any | UN;
-}
-export interface ITablularForm extends IInputParameters<any[]> {
-  inputs: IInputRootParameters<any>[];
-  disabledAdd?: boolean | UN;
-  disabledRemove?: boolean | UN;
-}
-export interface IInputCreateResults {
-  input: IInputRootParameters<any>;
-  /** This is input element like: textbox, textarea, checkbox */
-  inputElement: HTMLElement;
-  /** input element base parent like: formGroup/formWrapper */
-  rootElement: HTMLElement;
-  forceChangeDefaultValue: ForceChangeDefaultValue<any> | null;
-  dispose: (invokeOnChanged?: boolean | UN) => void;
-  onParentChanged?: OnFormChangeHandler | UN;
-}
-export interface IForm {
-  inputs: IInputRootParameters<any>[];
-  onChanged: OnFormChangeHandler;
-  index: number;
-  isTabularForm: boolean;
-  defaultValue?: any | UN;
-}
-export interface ISubmitForm {
-  inputs: IInputRootParameters<any>[];
-  onChanged: OnFormChangeHandler | UN;
-  defaultValue?: DatasourceTypes | UN;
-  onSubmit: OnFormSubmitHandler;
-  onCancelClick?: ClickHandler | UN;
-  overrideValidation?: OverrideValidation | UN;
-}
-
-export interface IApiForm {
-  inputs: IInputRootParameters<any>[];
-  api: IApiInformations;
-  onApiSubmit: OnApiFormSubmitHandler;
-  onChanged: OnFormChangeHandler | UN;
-  onSubmit: OnFormSubmitHandler | UN;
-  defaultValue?: DatasourceTypes | UN;
-  onCancelClick?: ClickHandler | UN;
-  overrideValidation?: OverrideValidation | UN;
-}
-
-export interface IFormCreateResults {
-  inputResults: IInputCreateResults[];
-  formElement: HTMLElement;
-  dispose: (invokeOnChanged?: boolean) => void;
-  forceChangeDefaultValue: ForceChangeDefaultValue<any> | null;
-}
-export interface ISubmitFormCreateResults {
-  formElement: HTMLElement;
-  dispose: () => void;
-  formObject: IFormCreateResults;
-}
-
-export const GetForms = {
-  FORM: (inputs: IInputRootParameters<any>[], onChanged: OnFormChangeHandler, defaultValue?: any | UN, index?: number | UN, isTabularForm?: boolean | UN): IForm => ({ inputs, onChanged, index: index ?? 0, isTabularForm: isTabularForm ?? false, defaultValue }),
-  SUBMITFORM: (inputs: IInputRootParameters<any>[], onSubmit: OnFormSubmitHandler, defaultValue?: DatasourceTypes | UN, overrideValidation?: OverrideValidation | UN, onChanged?: OnFormChangeHandler | UN, onCancelClick?: ClickHandler | UN): ISubmitForm => ({
-    inputs,
-    onChanged,
-    defaultValue,
-    onSubmit,
-    onCancelClick,
-    overrideValidation,
-  }),
-  APIFORM: (inputs: IInputRootParameters<any>[], api: IApiInformations, onApiSubmit: OnApiFormSubmitHandler, defaultValue?: DatasourceTypes | UN, onSubmit?: OnFormSubmitHandler | UN, overrideValidation?: OverrideValidation | UN, onCancelClick?: ClickHandler | UN, onChanged?: OnFormChangeHandler | UN): IApiForm => ({
-    inputs,
-    api,
-    onApiSubmit,
-    onChanged,
-    defaultValue,
-    onSubmit,
-    onCancelClick,
-    overrideValidation,
-  }),
-};
-export const GetInputs = {
-  ICON: (icon: EIcons, iconSize?: ESizes | UN, boxSize?: ESizes | UN, opacity?: EOpacity | UN, type?: EIconTypes | UN, background?: EBackgrounds | UN, onClicked?: ClickHandler | UN, onMouseEnter?: ClickHandler | UN): IInputIcon => ({
-    icon: icon,
-    iconSize: iconSize,
-    boxSize: boxSize,
-    opacity: opacity,
-    type: type,
-    background: background,
-    onClicked: onClicked,
-    onMouseEnter: onMouseEnter,
-  }),
-  TEXTBOX: (id: string, columnSize: number, displayOrder: number, label?: string | UN, placeholder?: string | UN, validatorKey?: string | UN, minLength?: number | UN, maxLength?: number | UN, regexKey?: RegexTypes | UN, isPassword?: boolean | UN, isReadonly?: boolean | UN, isAutoComplete?: boolean | UN, defaultValue?: string | UN, background?: EBackgrounds | UN, borderSize?: number | UN, inputSize?: ESizes | UN, icon?: IInputIcon | UN, defaultClass?: string | UN, onChanged?: OnInputChangeHandler<string | null> | UN): ITextbox => ({
-    id: id,
-    columnSize: columnSize,
-    displayOrder: displayOrder,
-    label: label,
-    placeholder: placeholder,
-    validatorKey: validatorKey,
-    minLength: minLength,
-    maxLength: maxLength,
-    regexKey: regexKey,
-    defaultValue: defaultValue,
-    background: background,
-    borderSize: borderSize ?? DEFAULT_INPUT_BORDER_SIZE,
-    inputSize: inputSize,
-    isPassword: isPassword,
-    icon: icon,
-    isReadonly: isReadonly,
-    defaultClass: defaultClass,
-    onChanged: onChanged,
-    isRequired: (minLength !== undefined && minLength !== null && minLength > 0) ?? false,
-    inputType: EInputTypes.Textbox,
-    autoComplete: isAutoComplete !== false ? undefined : "off",
-  }),
-  TEXTAREA: (id: string, columnSize: number, displayOrder: number, label?: string | UN, placeholder?: string | UN, validatorKey?: string | UN, minLength?: number | UN, maxLength?: number | UN, rows?: number | UN, isShowPreview?: boolean | UN, defaultValue?: string | UN, regexKey?: RegexTypes | UN, isReadonly?: boolean | UN, isAutoComplete?: boolean | UN, background?: EBackgrounds | UN, borderSize?: number | UN, inputSize?: ESizes | UN, icon?: IInputIcon | UN, defaultClass?: string | UN, onChanged?: OnInputChangeHandler<string | null> | UN): ITextarea => ({
-    id: id,
-    columnSize: columnSize,
-    displayOrder: displayOrder,
-    label: label,
-    placeholder: placeholder,
-    validatorKey: validatorKey,
-    minLength: minLength,
-    maxLength: maxLength,
-    isShowPreview: isShowPreview,
-    rows: rows ?? DEFAULT_TEXTAREA_ROWS,
-    regexKey: regexKey,
-    defaultValue: defaultValue,
-    background: background,
-    borderSize: borderSize ?? DEFAULT_INPUT_BORDER_SIZE,
-    inputSize: inputSize,
-    icon: icon,
-    isReadonly: isReadonly,
-    defaultClass: defaultClass,
-    onChanged: onChanged,
-    isRequired: (minLength !== undefined && minLength !== null && minLength > 0) ?? false,
-    inputType: EInputTypes.Textarea,
-    autoComplete: isAutoComplete !== false ? undefined : "off",
-  }),
-  NUMBER: (id: string, columnSize: number, displayOrder: number, label?: string | UN, placeholder?: string | UN, validatorKey?: string | UN, floatingPoint?: number | UN, isAutoAdjust?: boolean | UN, step?: number | string | UN, minLength?: number | UN, maxLength?: number | UN, defaultValue?: number | UN, isAutoComplete?: boolean | UN, background?: EBackgrounds | UN, borderSize?: number | UN, inputSize?: ESizes | UN, icon?: IInputIcon | UN, isReadonly?: boolean | UN, defaultClass?: string | UN, onChanged?: OnInputChangeHandler<number | null> | UN): INumber => ({
-    id: id,
-    columnSize: columnSize,
-    displayOrder: displayOrder,
-    label: label,
-    placeholder: placeholder,
-    validatorKey: validatorKey,
-    minLength: minLength,
-    maxLength: maxLength,
-    floatingPoint: floatingPoint,
-    isAutoAdjust: isAutoAdjust,
-    step: step,
-    defaultValue: defaultValue,
-    background: background,
-    borderSize: borderSize ?? DEFAULT_INPUT_BORDER_SIZE,
-    inputSize: inputSize,
-    icon: icon,
-    isReadonly: isReadonly,
-    defaultClass: defaultClass,
-    onChanged: onChanged,
-    isRequired: (minLength !== undefined && minLength !== null && minLength > 0) ?? false,
-    inputType: EInputTypes.Number,
-    autoComplete: isAutoComplete !== false ? undefined : "off",
-  }),
-
-  CHECKBOX: (id: string, columnSize: number, displayOrder: number, label?: string | UN, defaultValue?: boolean | UN, groupId?: string | UN, checkedValue?: any | UN, isAutoComplete?: boolean | UN, background?: EBackgrounds | UN, borderSize?: number | UN, inputSize?: ESizes | UN, icon?: IInputIcon | UN, isRequired?: boolean | UN, isReadonly?: boolean | UN, defaultClass?: string | UN, onChanged?: OnInputChangeHandler<boolean | any | null> | UN): ICheckbox => ({
-    id: id,
-    columnSize: columnSize,
-    displayOrder: displayOrder,
-    label: label,
-    defaultValue: defaultValue,
-    groupId: groupId,
-    checkedValue: checkedValue,
-    background: background,
-    borderSize: borderSize ?? 0,
-    inputSize: inputSize,
-    icon: icon,
-    isReadonly: isReadonly,
-    defaultClass: defaultClass,
-    onChanged: onChanged,
-    isRequired: isRequired ?? false,
-    inputType: EInputTypes.Checkbox,
-    autoComplete: isAutoComplete !== false ? undefined : "off",
-  }),
-  RADIOBOX: (id: string, columnSize: number, displayOrder: number, label?: string | UN, defaultValue?: boolean | UN, groupId?: string | UN, checkedValue?: any | UN, isAutoComplete?: boolean | UN, background?: EBackgrounds | UN, borderSize?: number | UN, inputSize?: ESizes | UN, icon?: IInputIcon | UN, isRequired?: boolean | UN, isReadonly?: boolean | UN, defaultClass?: string | UN, onChanged?: OnInputChangeHandler<boolean | any | null> | UN): ICheckbox => ({
-    id: id,
-    columnSize: columnSize,
-    displayOrder: displayOrder,
-    label: label,
-    groupId: groupId,
-    checkedValue: checkedValue,
-    defaultValue: defaultValue,
-    background: background,
-    borderSize: borderSize ?? 0,
-    inputSize: inputSize,
-    icon: icon,
-    isReadonly: isReadonly,
-    defaultClass: defaultClass,
-    onChanged: onChanged,
-    isRequired: isRequired ?? false,
-    inputType: EInputTypes.Radiobox,
-    autoComplete: isAutoComplete !== false ? undefined : "off",
-  }),
-  LINKBUTTON: (id: string, columnSize: number, displayOrder: number, href: string, label?: string | UN, onClicked?: ClickHandler | UN, onLoad?: OnElementLoad | UN, borderBottom?: boolean | UN, opacity?: EOpacity | UN, position?: EFlexPositions | UN, target?: ETargets | UN, background?: EBackgrounds | UN, borderSize?: number | UN, inputSize?: ESizes | UN, defaultClass?: string | UN): ILinkbutton => ({
-    id: id,
-    columnSize: columnSize,
-    displayOrder: displayOrder,
-    href: href,
-    label: label,
-    onClicked: onClicked,
-    onLoad: onLoad,
-    borderBottom: borderBottom,
-    opacity: opacity,
-    position: position,
-    target: target,
-    background: background,
-    borderSize: borderSize ?? 0,
-    inputSize: inputSize,
-    defaultClass: defaultClass,
-    inputType: EInputTypes.LinkButton,
-  }),
-  BUTTON: (
-    //
-    id: string,
-    columnSize: number,
-    displayOrder: number,
-    label?: string | UN,
-    onClicked?: ClickHandler | UN,
-    type?: EButtonTypes | UN,
-    onLoad?: OnElementLoad | UN,
-    background?: EBackgrounds | UN,
-    borderSize?: number | UN,
-    inputSize?: ESizes | UN,
-    defaultClass?: string | UN,
-    icon?: IInputIcon | UN,
-  ): ISubmitbutton => ({
-    id: id,
-    columnSize: columnSize,
-    displayOrder: displayOrder,
-    label: label,
-    type: type,
-    onClicked: onClicked,
-    onLoad: onLoad,
-    background: background ?? EBackgrounds.PrimaryColor,
-    borderSize: borderSize ?? DEFAULT_INPUT_BORDER_SIZE,
-    inputSize: inputSize,
-    defaultClass: defaultClass,
-    inputType: EInputTypes.SubmitButton,
-    icon: icon,
-  }),
-};