react-core-ts 1.0.50 → 1.1.21

package/src/commontypes.ts

@@ -1,3 +1,5 @@
+import { FieldErrors, UseFormRegister } from "react-hook-form";
+
 export type ValueProps = {
   [key: string]: string;
 };
@@ -56,3 +58,119 @@ export interface AutoSuggestionInputProps {
   tab?: TabPops[];
   clearTabSwitch?: boolean;
 }
+export interface IconsProps {
+  name: any;
+  className?: string;
+  onClick?: (e: any) => void;
+  color?: string;
+  type?: string;
+  isWrapper?: boolean;
+  viewBox?: boolean;
+  svgClassName?: string;
+  custDimension?: number;
+  style?: any;
+  hasCustomSize?: boolean;
+  onMouseDown?: (e: any) => void;
+  onMouseUp?: (e: any) => void;
+  onMouseLeave?: (e: any) => void;
+}
+export interface IconProps {
+  stroke?: number;
+  className?: string;
+  color?: string;
+  width?: number;
+  height?: number;
+}
+export interface TextFieldProps {
+  id: string;
+  name: string;
+  label?: string;
+  type?: string;
+  decimal?: boolean;
+  fullwidth?: boolean;
+  step?: number;
+  disabled?: boolean;
+  uppercase?: boolean;
+  readOnly?: boolean;
+  placeholder?: string;
+  required?: boolean;
+  labelTitle?: string;
+  fieldEdit?: boolean;
+  size?: "xs" | "sm" | "md" | "lg" | "xxs";
+  edited?: boolean;
+  onEditComplete?: () => void;
+  value?: string;
+  onEditCancel?: () => void;
+  adorement?: JSX.Element | string | undefined;
+  autoComplete?: boolean;
+  autoFocus?: boolean;
+  register?: any;
+  setFocus?: any;
+  errors?: FieldErrors;
+  isValid?: boolean;
+  isTooltip?: boolean;
+  className?: string;
+  showValidityCheck?: boolean;
+  maxLength?: number;
+  max?: number;
+  min?: number;
+  minLength?: number;
+  keyRegexPattern?: string;
+  onChange?: (e: React.ChangeEvent<HTMLInputElement>) => void;
+  onBlur?: (e: React.ChangeEvent<HTMLInputElement>) => void;
+  adjustFieldLabel?: string;
+  backGround?: any; //added for set background colour according to the form
+  prefixes?: any;
+  onPrefixChange?: (e: any) => void;
+  prefixValue?: any;
+  onStepUp?: () => void;
+  onStepDown?: () => void;
+  width?: number;
+  adorementPosition?: "start" | "end";
+  hideLabel?: boolean;
+  defaultData?: string[];
+  onCreatableChange?: (e: string[]) => void;
+}
+
+export interface TextAreaProps {
+  id: string;
+  name: string;
+  label?: string;
+  rows?: number;
+  fullwidth?: boolean;
+  className?: string;
+  disabled?: boolean;
+  placeholder?: string;
+  required?: boolean;
+  fieldEdit?: boolean;
+  edited?: boolean;
+  value?: string;
+  onEditComplete?: () => void;
+  onEditCancel?: () => void;
+  adorement?: JSX.Element;
+  autoComplete?: boolean;
+  autoFocus?: boolean;
+  hideLabel?: boolean;
+  minLength?: number;
+  maxLength?: number;
+  register?: any;
+  onChange?: (e: React.ChangeEvent<HTMLInputElement>) => void;
+
+  setFocus?: any;
+  errors?: FieldErrors;
+  boxHeight?: string;
+  boxMinHeight?: number | string;
+}
+export interface CheckboxProps {
+  id: string;
+  name: string;
+  label?: string;
+  disabled?: boolean;
+  intermediate?: boolean;
+  labalClass?: string;
+  className?: string;
+  checked?: boolean;
+  register?: UseFormRegister<any>;
+  handleChange?: (e: any) => void;
+  value?: string | number;
+}

package/src/components/customIcons/Attachments.tsx

@@ -0,0 +1,17 @@
+import React from 'react'
+
+import { IconProps } from '../../commontypes'
+
+const Attachment: React.FC<IconProps> = ({ className = '', stroke = 1.5 }) => {
+  return (
+    <path
+      d="M21.1525 10.8995L12.1369 19.9151C10.0866 21.9653 6.7625 21.9653 4.71225 19.9151C2.662 17.8648 2.662 14.5407 4.71225 12.4904L13.7279 3.47483C15.0947 2.108 17.3108 2.108 18.6776 3.47483C20.0444 4.84167 20.0444 7.05775 18.6776 8.42458L10.0156 17.0866C9.33213 17.7701 8.22409 17.7701 7.54068 17.0866C6.85726 16.4032 6.85726 15.2952 7.54068 14.6118L15.1421 7.01037"
+      stroke="currentColor"
+      strokeWidth="2"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+    />
+  )
+}
+
+export default Attachment

package/src/components/customIcons/CommentIcon.tsx

@@ -0,0 +1,14 @@
+import React from 'react'
+
+import { IconProps } from '../../commontypes'
+
+const CommentIcon: React.FC<IconProps> = ({ className = '', stroke = 1.5 }) => {
+  return (
+    <path
+      d="M17 0C17.7956 0 18.5587 0.316071 19.1213 0.87868C19.6839 1.44129 20 2.20435 20 3V13C20 13.7956 19.6839 14.5587 19.1213 15.1213C18.5587 15.6839 17.7956 16 17 16H5.333L2 18.5C1.176 19.118 0 18.53 0 17.5V3C0 2.20435 0.316071 1.44129 0.87868 0.87868C1.44129 0.316071 2.20435 0 3 0H17ZM9 9H6C5.73478 9 5.48043 9.10536 5.29289 9.29289C5.10536 9.48043 5 9.73478 5 10C5 10.2652 5.10536 10.5196 5.29289 10.7071C5.48043 10.8946 5.73478 11 6 11H9C9.26522 11 9.51957 10.8946 9.70711 10.7071C9.89464 10.5196 10 10.2652 10 10C10 9.73478 9.89464 9.48043 9.70711 9.29289C9.51957 9.10536 9.26522 9 9 9ZM14 5H6C5.74512 5.00028 5.49997 5.09788 5.31463 5.27285C5.1293 5.44782 5.01777 5.68695 5.00283 5.94139C4.98789 6.19584 5.07067 6.44638 5.23426 6.64183C5.39786 6.83729 5.6299 6.9629 5.883 6.993L6 7H14C14.2549 6.99972 14.5 6.90212 14.6854 6.72715C14.8707 6.55218 14.9822 6.31305 14.9972 6.05861C15.0121 5.80416 14.9293 5.55362 14.7657 5.35817C14.6021 5.16271 14.3701 5.0371 14.117 5.007L14 5Z"
+      fill="currentColor"
+    />
+  )
+}
+
+export default CommentIcon

package/src/components/customIcons/IconList.tsx

@@ -0,0 +1,469 @@
+import Attachment from './Attachments'
+import CloseRoundedIcon from './closeRoundedIcon'
+import CommentIcon from './CommentIcon'
+import DownTreeArrow from './downTreeArrowIcon'
+import ActionRoleIcon from './iconslibrary/ActionRoleIcon'
+import ActionRoleRoleIcon from './iconslibrary/ActionRoleRoleIcon'
+import Activate from './iconslibrary/Activate'
+import Alert2 from './iconslibrary/Alert2'
+import AlertIcon from './iconslibrary/AlertIcon'
+import ApprovedIcon from './iconslibrary/ApprovedIcon'
+import Archieve from './iconslibrary/Archieve'
+import ArchieveList from './iconslibrary/ArchieveList'
+import AuditIcon from './iconslibrary/Audit'
+import Authorize from './iconslibrary/Authorize'
+import AwardIcon from './iconslibrary/AwardIcon'
+import BackCircleIcon from './iconslibrary/Back'
+import BackToSearch from './iconslibrary/BackToSearch'
+import BankIcon from './iconslibrary/Bank'
+import BankDetailsIcon from './iconslibrary/BankIcon'
+import Bell from './iconslibrary/BellIcon'
+import BookmarkCheck from './iconslibrary/BookmarkCheck'
+import BudgetChart from './iconslibrary/BudgetChart'
+import BudgetCustom from './iconslibrary/BudgetCustom'
+import BudgetExisting from './iconslibrary/BudgetExisting'
+import BusinessItemIcon from './iconslibrary/BudgetItemIcon'
+import BusinessUnitIcon from './iconslibrary/BusinessUnitIcon'
+import CalendarIcon from './iconslibrary/CalendarIcon'
+import CalendarUserIcon from './iconslibrary/CalenderUserIcon'
+import CapacityIcon from './iconslibrary/CapacityIcon'
+import CaptionIcon from './iconslibrary/CaptionIcon'
+import CardCheck from './iconslibrary/CardCheck'
+import CardListIcon from './iconslibrary/CardListIcon'
+import CertificateIcon from './iconslibrary/Certificate'
+import InputChecked from './iconslibrary/CheckBoxCheck'
+import CheckBoxCheckDisabled from './iconslibrary/CheckBoxCheckDisabled'
+import InputCheckIntermediate from './iconslibrary/CheckBoxInterMediate'
+import CheckBoxInterMediateDisabled from './iconslibrary/CheckBoxInterMediateDisabled'
+import InputUnCheked from './iconslibrary/CheckBoxUnchecked'
+import CheckBoxUnCheckDisabled from './iconslibrary/CheckBoxUncheckedDisabled'
+import CheckCircleIcon from './iconslibrary/CheckCircleIcon'
+import CheckFilledIcon from './iconslibrary/CheckFilledIcon'
+import CheckIcon from './iconslibrary/CheckIcon'
+import CheckIndeterMinateIcon from './iconslibrary/CheckIndeterminateIcon'
+import CheckMenu from './iconslibrary/CheckMenu'
+import CheckSwitchIcon from './iconslibrary/CheckSwitchIcon'
+import Clock from './iconslibrary/Clock'
+import CloseIcon from './iconslibrary/CloseIcon'
+import CollapseIconDash from './iconslibrary/collapseIconDash'
+import ConfigIcon from './iconslibrary/ConfigIcon'
+import ConfirmCancel from './iconslibrary/ConfirmCancel'
+import ConfirmInfo from './iconslibrary/ConfirmInfo'
+import ConfirmSuccess from './iconslibrary/ConfirmSuccess'
+import ConfirmVerify from './iconslibrary/ConfirmVerify'
+import ConfirmWarning from './iconslibrary/ConfirmWarning'
+import Copy from './iconslibrary/Copy'
+import CostCenterIcon from './iconslibrary/CostCenterIcon'
+import CsvIcon from './iconslibrary/CsvIcon'
+import DashFolderIcon from './iconslibrary/DashFolderIcon'
+import DashTileIcon from './iconslibrary/DashTileIcon'
+import Default from './iconslibrary/Default'
+import DeleteIcon from './iconslibrary/DeleteIcon'
+import Details from './iconslibrary/Details'
+import DimenstionIcon from './iconslibrary/DimentionIcon'
+import DivisionIcon from './iconslibrary/DivisionIcon'
+import DivisonIcon from './iconslibrary/DivisonIcon'
+import DocxDocIcon from './iconslibrary/DocxDoc'
+import DollerIcon from './iconslibrary/Doller'
+import DownArrowIcon from './iconslibrary/DownArrow'
+import DownArrowRoundedIcon from './iconslibrary/DownArrowRounded'
+import DownloadIcon from './iconslibrary/DownloadIcon'
+import DraftIcon from './iconslibrary/DraftIcon'
+import DueIcon from './iconslibrary/DueIcon'
+import CustomEditIcon from './iconslibrary/EditIcon'
+import EmpListIcon from './iconslibrary/EmpListIcon'
+import Employee from './iconslibrary/Employee'
+import EmploymentIcon from './iconslibrary/Employment'
+import ErrorCircle from './iconslibrary/ErrorCircle'
+import ExcelIcon from './iconslibrary/Excel'
+import ExpandIcon from './iconslibrary/Expand'
+import ExpandFileIcon from './iconslibrary/ExpandFileIcon'
+import ExpandIconDash from './iconslibrary/ExpandIconDash'
+import Expired from './iconslibrary/Expired'
+import Explorer from './iconslibrary/ExplorerIcon'
+import Export from './iconslibrary/Export'
+import ExternalLink from './iconslibrary/ExternalLinkIcon'
+import EyeIcon from './iconslibrary/Eye'
+import EyeClose from './iconslibrary/EyeClose'
+import Favourited from './iconslibrary/FavouritedIcon'
+import Favourite from './iconslibrary/FavouriteIcon'
+import FavouriteFilled from './iconslibrary/FavouriteIconFilled'
+import FileIcon from './iconslibrary/FileIcon'
+import FileReport from './iconslibrary/FileReport'
+import FillInfoIcon from './iconslibrary/Fill-Info-Icon'
+import FilterIcon from './iconslibrary/FilterIcon'
+import FinalizeIcon from './iconslibrary/Finalise'
+import FindFile from './iconslibrary/FindFile'
+import FleetIcon from './iconslibrary/FleetIcon'
+import FolderIcon from './iconslibrary/FolderIcon'
+import ForwardArrow from './iconslibrary/ForwardArrowIcon'
+import FunctionIcon from './iconslibrary/FunctionIcon'
+import GmailIcon from './iconslibrary/GmailIcon'
+import GraphViewDash from './iconslibrary/GraphViewDash'
+import GroupIcon from './iconslibrary/GroupIcon'
+import HamburgerIcon from './iconslibrary/HamburgerIcon'
+import HeadOffice from './iconslibrary/HeadOffice'
+import HelpDocument from './iconslibrary/HelpDocument'
+import HelpIcon from './iconslibrary/HelpIcon'
+import HistoryIcon from './iconslibrary/HistoryIcon'
+import HomeIcon from './iconslibrary/HomeIcon'
+import IdleIcon from './iconslibrary/IdleIcon'
+import InfoCircle from './iconslibrary/InfoCircle'
+import InfoIcon from './iconslibrary/InfoIcon'
+import Inspection from './iconslibrary/Inspection'
+import JpgDocIcon from './iconslibrary/JpgDoc'
+import Layer from './iconslibrary/Layer'
+import LayerIcon from './iconslibrary/LayerIcon'
+import LeftBackArrow from './iconslibrary/LeftBackArrow'
+import LeftDouble from './iconslibrary/LeftDouble'
+import LiveFleet from './iconslibrary/LiveFeetIcon'
+import LoadlineIcon from './iconslibrary/LoadLineIcon'
+import LogOut from './iconslibrary/LogoutIcon'
+import ManningAgentIcon from './iconslibrary/ManningAgentIcon'
+import Menu from './iconslibrary/Menu'
+import MenuDownArrow from './iconslibrary/MenuDownArrow'
+import MenuFavouriteFilled from './iconslibrary/MenuFavouriteFilled'
+import MenuFavourite from './iconslibrary/MenuFavouriteIcon'
+import MenuListIcon from './iconslibrary/MenuList'
+import MenuSectionIcon from './iconslibrary/MenuSectionIcon'
+import MenuUpArrow from './iconslibrary/MenuUpArrow'
+import Minus from './iconslibrary/Minus'
+import ModuleIcon from './iconslibrary/ModuleIcon'
+import NextArrow from './iconslibrary/NextArrowicon'
+import NextMost from './iconslibrary/NextMostIcon'
+import NoAction from './iconslibrary/NoAction'
+import NoActionForYou from './iconslibrary/NoActionForYou'
+import NoteIcon from './iconslibrary/Notes'
+import Others from './iconslibrary/Others'
+import OverviewIcon from './iconslibrary/Overview'
+import Page from './iconslibrary/Page'
+import PaperClipIcon from './iconslibrary/PaperClip'
+import PassKeyIcon from './iconslibrary/PassKey'
+import PayrollIcon from './iconslibrary/Payroll'
+import PdfIcon from './iconslibrary/Pdf'
+import PdfDocIcon from './iconslibrary/PdfDoc'
+import PersonIcon from './iconslibrary/Person'
+import PlaneIcon from './iconslibrary/Plane'
+import PlusIcon from './iconslibrary/PlusIcon'
+import PngDocIcon from './iconslibrary/PngDoc'
+import PowerIcon from './iconslibrary/Power'
+import PreviousArrow from './iconslibrary/PreviousArrowIcon'
+import PreviousMost from './iconslibrary/PreviousMostIcon'
+import PrinterIcon from './iconslibrary/PrinterIcon'
+import PrivilegeGroupIcon from './iconslibrary/PrivilegeGroupIcon'
+import PrivilegeIcon from './iconslibrary/PrivilegeIcon'
+import ProfileIcon from './iconslibrary/ProfileIcon'
+import Rank from './iconslibrary/Rank'
+import RatedPowerIcon from './iconslibrary/RatedPowerIcon'
+import RejectedIcon from './iconslibrary/RejectedIcon'
+import ReloadIconDash from './iconslibrary/ReloadIconDash'
+import Remove from './iconslibrary/Remove'
+import Repeat from './iconslibrary/Repeat'
+import ReportGroupIcon from './iconslibrary/ReportGroupIcon'
+import RetrayIcon from './iconslibrary/RetrayIcon'
+import RevertIcon from './iconslibrary/Revert'
+import RevertedIcon from './iconslibrary/RevertedIcon'
+import RevertStatusIcon from './iconslibrary/RevertStatusIcon'
+import RightArrow from './iconslibrary/RightArrow'
+import RightDouble from './iconslibrary/RightDouble'
+import SeafarerIcon from './iconslibrary/SeafarerIcon'
+import SearchIcon from './iconslibrary/SearchIcon'
+import SeaRecordIcon from './iconslibrary/SeaRecord'
+import SeaServiceIcon from './iconslibrary/SeaServiceIcon'
+import Section from './iconslibrary/Section'
+import SendIcon from './iconslibrary/SendIcon'
+import SettingsSpannerIcon from './iconslibrary/SettingsSpanner'
+import ShipSmallIcon from './iconslibrary/ShpSmallIcon'
+import SideMenuLogout from './iconslibrary/SideMenuLogoutIcon'
+import SignOffIcon from './iconslibrary/SignOffIcon'
+import SignOnIcon from './iconslibrary/SignOnIcon'
+import Slash from './iconslibrary/Slash'
+import SortArrow from './iconslibrary/SortArrow'
+import SortAscIcon from './iconslibrary/SortAscIcon'
+import SortDescIcon from './iconslibrary/SortDescIcon'
+import SortDown from './iconslibrary/SortDown'
+import StaredVerifiedIcon from './iconslibrary/StaredVerifiedIcon'
+import StepperCheckIcon from './iconslibrary/StepperCheckIcon'
+import StepperCheckSmallIcon from './iconslibrary/StepperCheckSmall'
+import StepperSuccess from './iconslibrary/StepperSuccess'
+import SubFunctionIcon from './iconslibrary/SubFunctionsIcon'
+import SubMenuListIcon from './iconslibrary/SubMenuList'
+import CustomSuccessIcon from './iconslibrary/SuccessIcon'
+import SwitchVertical from './iconslibrary/SwitchVertical'
+import TableViewDash from './iconslibrary/TableViewDash'
+import ThreeDotIcon from './iconslibrary/ThreeDotIcon'
+import ThreeDotIconHorizontal from './iconslibrary/ThreeDotIconHorizontal'
+import ThreeDotLineIcon from './iconslibrary/ThreeDotLineIcon'
+import Tonnage from './iconslibrary/Tonnage'
+import TreeColapseIcon from './iconslibrary/TreeColapseicon'
+import TreeExpandIcon from './iconslibrary/TreeExpandIcon'
+import UnlockIcon from './iconslibrary/Unlock'
+import UpArrowIcon from './iconslibrary/UpArrow'
+import UpArrowRoundedIcon from './iconslibrary/UpArrowRounded'
+import UploadButtonIcon from './iconslibrary/uploadButtonIcon'
+import UploadPhoto from './iconslibrary/UploadPhoto'
+import UserIcon from './iconslibrary/User'
+import UserCheckIcon from './iconslibrary/UserCheck'
+import UserCloseIcon from './iconslibrary/UserClose'
+import UserEdit from './iconslibrary/UserEdit'
+import ValidationRuleIcon from './iconslibrary/ValidationRuleIcon'
+import VendorIcon from './iconslibrary/VendorIcon'
+import VerifiedBlue from './iconslibrary/VerifiedIcon'
+import Verify from './iconslibrary/Verify'
+import VerifyFilled from './iconslibrary/verify-icon'
+import VesselIcon from './iconslibrary/VesselIcon'
+import VesselScheduleShip from './iconslibrary/VesselScheduleShip'
+import VesselWheel from './iconslibrary/VesselWheel'
+import ViewLargeIcon from './iconslibrary/ViewLargeIcon'
+import VolumeIcon from './iconslibrary/VolumeIcon'
+import Wallet from './iconslibrary/Wallet'
+import WarningIcon from './iconslibrary/Warning'
+import WarningIconFilled from './iconslibrary/WarningFilledIcon'
+import WorkflowIcon from './iconslibrary/WorkflowIcon'
+import WorkflowStatusIcon from './iconslibrary/WorkflowStatusIcon'
+import LockButon from './lock-button'
+import SettingsIcon from './Settings'
+import ShipIcon from './Ship'
+import { shipIconMapping } from './ShipIconList'
+import ToolIcon from './ToolIcon'
+import UpTreeArrow from './upTreeArrowIcon'
+
+export const iconMapping: any = {
+  dash_folder: DashFolderIcon,
+  dash_tile: DashTileIcon,
+  folder: FolderIcon,
+  function: FunctionIcon,
+  help: HelpIcon,
+  module: ModuleIcon,
+  privilege_group: PrivilegeGroupIcon,
+  privilege: PrivilegeIcon,
+  sub_function: SubFunctionIcon,
+  volume: VolumeIcon,
+  edit: CustomEditIcon,
+  Edit: CustomEditIcon,
+  delete: DeleteIcon,
+  Delete: DeleteIcon,
+  plus: PlusIcon,
+  up_arrow: UpArrowIcon,
+  down_arrow: DownArrowIcon,
+  three_dot: ThreeDotIcon,
+  three_dot_horizontal: ThreeDotIconHorizontal,
+  three_dot_line: ThreeDotLineIcon,
+  check_mark: CheckIcon,
+  tree_expand: TreeExpandIcon,
+  tree_colapse: TreeColapseIcon,
+  download: DownloadIcon,
+  group: GroupIcon,
+  business_unit: BusinessUnitIcon,
+  fleet: FleetIcon,
+  vessel: VesselIcon,
+  divison: DivisonIcon,
+  cost_center: CostCenterIcon,
+  eye_close: EyeClose,
+  eye: EyeIcon,
+  pass_key: PassKeyIcon,
+  user: UserIcon,
+  Activate: ActionRoleRoleIcon,
+  user_check: UserCheckIcon,
+  Disable: UserCloseIcon,
+  ResetPswd: UnlockIcon,
+  hamburger: HamburgerIcon,
+  Revert: RevertIcon,
+  Ok: FinalizeIcon,
+  workflow: WorkflowIcon,
+  workflow_status: WorkflowStatusIcon,
+  action_role: ActionRoleIcon,
+  action_role_role: ActionRoleRoleIcon,
+  revert_status: RevertStatusIcon,
+  close: CloseIcon,
+  paper_clip: PaperClipIcon,
+  edit_user: UserEdit,
+  upload_button: UploadButtonIcon,
+  camera: UploadPhoto,
+  input_intermediate_check: InputCheckIntermediate,
+  input_checked: InputChecked,
+  input_unchecked: InputUnCheked,
+  input_intermediate_check_disabled: CheckBoxInterMediateDisabled,
+  input_checked_disabled: CheckBoxCheckDisabled,
+  input_unchecked_disabled: CheckBoxUnCheckDisabled,
+  search: SearchIcon,
+  home: HomeIcon,
+  division: DivisionIcon,
+  confirmSuccess: ConfirmSuccess,
+  confirmInfo: ConfirmInfo,
+  confirmWarning: ConfirmWarning,
+  confirmCancel: ConfirmCancel,
+  Bell_Icon: Bell,
+  Ship_Icon: ShipIcon,
+  TreeUp_Arrow: UpTreeArrow,
+  TreeDown_Arrow: DownTreeArrow,
+  Tool_Icon: ToolIcon,
+
+
+  Settings_Icon: SettingsIcon,
+  CalendarIcon: CalendarIcon,
+  CalendarUserIcon: CalendarUserIcon,
+  CapacityIcon: CapacityIcon,
+  LiveFleet: LiveFleet,
+  favourite: Favourite,
+  favouriteFilled: FavouriteFilled,
+  explorer: Explorer,
+  'menu-up-arrow': MenuUpArrow,
+  'menu-down-arrow': MenuDownArrow,
+  'menu-list': MenuListIcon,
+  'forward-arrow': ForwardArrow,
+  'menu-section': MenuSectionIcon,
+  link: ExternalLink,
+  favourited: Favourited,
+  heart: MenuFavourite,
+  heartFilled: MenuFavouriteFilled,
+  'side-menu-list': SubMenuListIcon,
+  'sidemenu-logout': SideMenuLogout,
+  'ship-small-icon': ShipSmallIcon,
+  'dimenstion-icon': DimenstionIcon,
+  'loadline-icon': LoadlineIcon,
+  'next-arrow': NextArrow,
+  'next-most': NextMost,
+  'previous-arrow': PreviousArrow,
+  'previous-most': PreviousMost,
+  'ratedPower-icon': RatedPowerIcon,
+  'sort-asc': SortAscIcon,
+  'sort-desc': SortDescIcon,
+  sortArrow: SortArrow,
+  sortDown: SortDown,
+  layer: LayerIcon,
+  stepperCheck: StepperCheckIcon,
+  info: InfoIcon,
+  checkCircle: CheckCircleIcon,
+  checkMenu: CheckMenu,
+  checkSwitch: CheckSwitchIcon,
+  fillInfoIcon: FillInfoIcon,
+  checkFilledIcon: CheckFilledIcon,
+  closeRounded: CloseRoundedIcon,
+  indeterminate: CheckIndeterMinateIcon,
+  'profile-icon': ProfileIcon,
+  'view-large': ViewLargeIcon,
+  logout: LogOut,
+  alert: AlertIcon,
+  alert2: Alert2,
+  repeat: Repeat,
+  archieve: Archieve,
+  Archive: Archieve,
+  activate: Activate,
+  Active: Activate,
+  Primary: HeadOffice,
+  details: Details,
+  wallet: Wallet,
+  minus: Minus,
+  NoActionForYou: NoActionForYou,
+  clock: Clock,
+  tonnage: Tonnage,
+  inspection: Inspection,
+  findFile: FindFile,
+  switchVertical: SwitchVertical,
+  fileReport: FileReport,
+  infoCircle: InfoCircle,
+  noAction: NoAction,
+  others: Others,
+  vesselWheel: VesselWheel,
+  bookmarkCheck: BookmarkCheck,
+  export: Export,
+  menu: Menu,
+  helpDocument: HelpDocument,
+  rightArrow: RightArrow,
+  rightDouble: RightDouble,
+  leftDouble: LeftDouble,
+  power: PowerIcon,
+  layerIcon: Layer,
+  slashIcon: Slash,
+  copy: Copy,
+  remove: Remove,
+  doller: DollerIcon,
+  down_arrow_rounded: DownArrowRoundedIcon,
+  up_arrow_rounded: UpArrowRoundedIcon,
+  stepper_success: StepperSuccess,
+  rank: Rank,
+  archieve_list: ArchieveList,
+  Authorize: Authorize,
+  Default: Default,
+  pdf: PdfIcon,
+  excel: ExcelIcon,
+  overview: OverviewIcon,
+  person: PersonIcon,
+  plane: PlaneIcon,
+  certificate: CertificateIcon,
+  sea_record: SeaRecordIcon,
+  note: NoteIcon,
+  award: AwardIcon,
+  bank: BankIcon,
+  employment: EmploymentIcon,
+  cardList: CardListIcon,
+  empList: EmpListIcon,
+  payroll: PayrollIcon,
+  audit: AuditIcon,
+  caption: CaptionIcon,
+  history: HistoryIcon,
+  stepperCheckSmall: StepperCheckSmallIcon,
+  cardCheck: CardCheck,
+  BudgetChart: BudgetChart,
+  BudgetExisting: BudgetExisting,
+  BudgetCustom: BudgetCustom,
+  file: FileIcon,
+  csvIcon: CsvIcon,
+  settings_spanner: SettingsSpannerIcon,
+  confirmSuccessIcon: CustomSuccessIcon,
+  budget_item: BusinessItemIcon,
+  reportGroup: ReportGroupIcon,
+  validationRule: ValidationRuleIcon,
+  idletimeout: IdleIcon,
+  BackCircle: BackCircleIcon,
+  page: Page,
+  section: Section,
+  pdfDoc: PdfDocIcon,
+  pngDoc: PngDocIcon,
+  jpgDoc: JpgDocIcon,
+  docxDoc: DocxDocIcon,
+  sea_service_icon: SeaServiceIcon,
+  expand: ExpandIcon,
+  lockbutton: LockButon,
+  verify: Verify,
+  confirmVerify: ConfirmVerify,
+  ...shipIconMapping,
+  expired: Expired,
+  'verified-blue': VerifiedBlue,
+  filterIcon: FilterIcon,
+  configIcon: ConfigIcon,
+  approvedIcon: ApprovedIcon,
+  revertedIcon: RevertedIcon,
+  backToSearch: BackToSearch,
+  draftIcon: DraftIcon,
+  rejectedIcon: RejectedIcon,
+  sign_on_icon: SignOnIcon,
+  sign_off_icon: SignOffIcon,
+  bank_icon: BankDetailsIcon,
+  stared_Verified_icon: StaredVerifiedIcon,
+  errorCircle: ErrorCircle,
+  LeftBackArrow: LeftBackArrow,
+  seafarerIcon: SeafarerIcon,
+  manningAgentIcon: ManningAgentIcon,
+  vendorIcon: VendorIcon,
+  verifyFilled: VerifyFilled,
+  employeeIcon: Employee,
+  gmailIcon: GmailIcon,
+  retrayIcon: RetrayIcon,
+
+  expandFile: ExpandFileIcon,
+  vesselScheduleShip: VesselScheduleShip,
+  printer: PrinterIcon,
+  send: SendIcon,
+  warning: WarningIcon,
+  filledWarningIcon: WarningIconFilled,
+  attachment: Attachment,
+  comment_icon: CommentIcon,
+  graphViewDash: GraphViewDash,
+  tableViewDash: TableViewDash,
+  expandIconDash: ExpandIconDash,
+  collapseIconDash: CollapseIconDash,
+  reloadIconDash: ReloadIconDash,
+  dueIcon: DueIcon
+}