@inceptionbg/iui 2.0.25 → 2.0.26

package/src/pages/NoAccessPage.tsx

@@ -1,27 +1,27 @@
-import type { FC } from 'react';
-import { useTranslation } from 'react-i18next';
-import { Link } from 'react-router';
-import { Button } from '../components/Button/Button';
-
-const NoAccessPage: FC = () => {
-  const { t } = useTranslation();
-
-  return (
-    <div className="full-screen-page">
-      <div id="content">
-        <h1>{t('NoAccessPage')}</h1>
-        <p className="subtitle">{t('NoAccessPageInfo')}</p>
-      </div>
-      <p id="img" className="img-403">
-        403
-      </p>
-      <div id="actions">
-        <Link to="/">
-          <Button label={t('ReturnToHomepage')} />
-        </Link>
-      </div>
-    </div>
-  );
-};
-
-export default NoAccessPage;
+import type { FC } from 'react';
+import { useTranslation } from 'react-i18next';
+import { Link } from 'react-router';
+import { Button } from '../components/Button/Button';
+
+const NoAccessPage: FC = () => {
+  const { t } = useTranslation();
+
+  return (
+    <div className="full-screen-page">
+      <div id="content">
+        <h1>{t('NoAccessPage')}</h1>
+        <p className="subtitle">{t('NoAccessPageInfo')}</p>
+      </div>
+      <p id="img" className="img-403">
+        403
+      </p>
+      <div id="actions">
+        <Link to="/">
+          <Button label={t('ReturnToHomepage')} />
+        </Link>
+      </div>
+    </div>
+  );
+};
+
+export default NoAccessPage;

package/src/pages/NotFoundPage.tsx

@@ -1,26 +1,26 @@
-import type { FC } from 'react';
-import { useTranslation } from 'react-i18next';
-import { Link } from 'react-router';
-import notFoundImg from '../assets/images/not-found.svg';
-import { Button } from '../components/Button/Button';
-
-const NotFoundPage: FC = () => {
-  const { t } = useTranslation();
-
-  return (
-    <div className="full-screen-page">
-      <div id="content">
-        <h1>{t('PageNotFound')}</h1>
-        <p className="subtitle">{t('PageNotFoundInfo')}</p>
-      </div>
-      <img id="img" src={notFoundImg} alt="404" />
-      <div id="actions">
-        <Link to="/">
-          <Button label={t('ReturnToHomepage')} />
-        </Link>
-      </div>
-    </div>
-  );
-};
-
-export default NotFoundPage;
+import type { FC } from 'react';
+import { useTranslation } from 'react-i18next';
+import { Link } from 'react-router';
+import notFoundImg from '../assets/images/not-found.svg';
+import { Button } from '../components/Button/Button';
+
+const NotFoundPage: FC = () => {
+  const { t } = useTranslation();
+
+  return (
+    <div className="full-screen-page">
+      <div id="content">
+        <h1>{t('PageNotFound')}</h1>
+        <p className="subtitle">{t('PageNotFoundInfo')}</p>
+      </div>
+      <img id="img" src={notFoundImg} alt="404" />
+      <div id="actions">
+        <Link to="/">
+          <Button label={t('ReturnToHomepage')} />
+        </Link>
+      </div>
+    </div>
+  );
+};
+
+export default NotFoundPage;

package/src/styles/common/helpers/_color.scss

@@ -1,6 +1,9 @@
 .c-primary {
   color: var(--primary) !important;
 }
+.c-danger {
+  color: var(--danger) !important;
+}
 
 // .b-white {
 //   background: var(--white);

package/src/styles/components/_page.scss

@@ -82,16 +82,3 @@
     white-space: pre-line;
   }
 }
-
-.page-footer-text {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  gap: 16px;
-  padding: 16px 24px;
-  .page-footer-text {
-    text-align: center;
-    font-size: 12px;
-    white-space: pre-line;
-  }
-}

package/src/types/IBasic.ts

@@ -1,32 +1,32 @@
-export type DeepPartial<T> =
-  T extends Array<infer U>
-    ? Array<DeepPartial<U>>
-    : T extends object
-      ? { [P in keyof T]?: DeepPartial<T[P]> }
-      : T;
-
-export interface IAnyObject {
-  [id: string]: any;
-}
-
-export interface IStringObject {
-  [id: string]: string;
-}
-
-export interface IBooleanObject {
-  [id: string]: boolean;
-}
-
-export interface ISimpleObject {
-  uuid: string;
-  name: string;
-}
-
-export interface ISimpleObjectWithCode extends ISimpleObject {
-  code: string;
-}
-
-export interface IValueLabel {
-  value: any;
-  label: string;
-}
+export type DeepPartial<T> =
+  T extends Array<infer U>
+    ? Array<DeepPartial<U>>
+    : T extends object
+      ? { [P in keyof T]?: DeepPartial<T[P]> }
+      : T;
+
+export interface IAnyObject {
+  [id: string]: any;
+}
+
+export interface IStringObject {
+  [id: string]: string;
+}
+
+export interface IBooleanObject {
+  [id: string]: boolean;
+}
+
+export interface ISimpleObject {
+  uuid: string;
+  name: string;
+}
+
+export interface ISimpleObjectWithCode extends ISimpleObject {
+  code: string;
+}
+
+export interface IValueLabel {
+  value: any;
+  label: string;
+}

package/src/types/IHeader.ts

@@ -1,40 +1,40 @@
-import type { IconDefinition, RotateProp } from '@fortawesome/fontawesome-svg-core';
-import type { FC } from 'react';
-import type { IButtonColor } from '../components/Button/Button';
-import type { IMenuItem } from './IMenu';
-import type { IPopupControl } from './IPopup';
-
-export interface IHeaderAction {
-  label: string;
-  icon?: IconDefinition;
-  iconRotation?: RotateProp;
-  to?: string;
-  onClick?: () => void;
-  solid?: boolean;
-  color?: IButtonColor;
-  disabled?: boolean;
-  hidden?: boolean;
-}
-
-export type IHeaderUserMenuProps = {
-  isOpen: boolean;
-  setIsOpen: (isOpen: boolean) => void;
-  userName?: string;
-  organizationName?: string;
-  menuItems: IMenuItem[];
-  inviteCount?: number;
-  controls: {
-    myAccountControl: IPopupControl;
-    changeOrgControl: IPopupControl;
-    orgInvitesControl: IPopupControl;
-  };
-  refetchOrganizationInvites?: () => void;
-  HeaderUserMenuDialogs: FC<{
-    controls: {
-      myAccountControl: IPopupControl;
-      changeOrgControl: IPopupControl;
-      orgInvitesControl: IPopupControl;
-    };
-    refetchOrganizationInvites?: () => void;
-  }>;
-};
+import type { IconDefinition, RotateProp } from '@fortawesome/fontawesome-svg-core';
+import type { FC } from 'react';
+import type { IButtonColor } from '../components/Button/Button';
+import type { IMenuItem } from './IMenu';
+import type { IPopupControl } from './IPopup';
+
+export interface IHeaderAction {
+  label: string;
+  icon?: IconDefinition;
+  iconRotation?: RotateProp;
+  to?: string;
+  onClick?: () => void;
+  solid?: boolean;
+  color?: IButtonColor;
+  disabled?: boolean;
+  hidden?: boolean;
+}
+
+export type IHeaderUserMenuProps = {
+  isOpen: boolean;
+  setIsOpen: (isOpen: boolean) => void;
+  userName?: string;
+  organizationName?: string;
+  menuItems: IMenuItem[];
+  inviteCount?: number;
+  controls: {
+    myAccountControl: IPopupControl;
+    changeOrgControl: IPopupControl;
+    orgInvitesControl: IPopupControl;
+  };
+  refetchOrganizationInvites?: () => void;
+  HeaderUserMenuDialogs: FC<{
+    controls: {
+      myAccountControl: IPopupControl;
+      changeOrgControl: IPopupControl;
+      orgInvitesControl: IPopupControl;
+    };
+    refetchOrganizationInvites?: () => void;
+  }>;
+};

package/src/types/IInfo.ts

@@ -1 +1 @@
-export type IInfoType = 'success' | 'info' | 'warning' | 'danger';
+export type IInfoType = 'success' | 'info' | 'warning' | 'danger';

package/src/types/IKeyboard.ts

@@ -1,33 +1,33 @@
-import type { ITableDataItem } from './ITable';
-
-export interface IKeyboardAction {
-  code: string;
-  onAction: () => void;
-  ctrl?: boolean;
-  shift?: boolean;
-  normalizedKey?: boolean;
-  onBulkAction?: (itemUuids: string[]) => void;
-  disabled?: boolean;
-}
-
-export interface ITableKeyboardActionsBase {
-  moveDisabled?: boolean;
-  editDisabled?: boolean;
-  additional?: (props: {
-    focusedRow: ITableDataItem | null;
-    isEditing: boolean;
-    isAdding: boolean;
-  }) => IKeyboardAction[];
-}
-export interface ITableKeyboardActionsProp extends ITableKeyboardActionsBase {
-  add?: {
-    isAdding: boolean;
-    setIsAdding: (item: boolean) => void;
-    enabled: boolean;
-  };
-  edit?: {
-    item: any | null;
-    setItem: (item: any | null) => void;
-    enabled: boolean;
-  };
-}
+import type { ITableDataItem } from './ITable';
+
+export interface IKeyboardAction {
+  code: string;
+  onAction: () => void;
+  ctrl?: boolean;
+  shift?: boolean;
+  normalizedKey?: boolean;
+  onBulkAction?: (itemUuids: string[]) => void;
+  disabled?: boolean;
+}
+
+export interface ITableKeyboardActionsBase {
+  moveDisabled?: boolean;
+  editDisabled?: boolean;
+  additional?: (props: {
+    focusedRow: ITableDataItem | null;
+    isEditing: boolean;
+    isAdding: boolean;
+  }) => IKeyboardAction[];
+}
+export interface ITableKeyboardActionsProp extends ITableKeyboardActionsBase {
+  add?: {
+    isAdding: boolean;
+    setIsAdding: (item: boolean) => void;
+    enabled: boolean;
+  };
+  edit?: {
+    item: any | null;
+    setItem: (item: any | null) => void;
+    enabled: boolean;
+  };
+}

package/src/types/IMenu.ts

@@ -1,19 +1,19 @@
-import type { IconDefinition, RotateProp } from '@fortawesome/fontawesome-svg-core';
-import type { MouseEventHandler } from 'react';
-
-export type IMenuPlacement = 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right';
-
-export interface IMenuItem {
-  label: string;
-  icon?: IconDefinition;
-  iconRotation?: RotateProp;
-  onClick?: MouseEventHandler<HTMLDivElement>;
-  to?: string;
-  badge?: number;
-  active?: boolean;
-  disabled?: boolean;
-  hidden?: boolean;
-  withDevider?: boolean;
-  keepOpen?: boolean;
-  className?: string;
-}
+import type { IconDefinition, RotateProp } from '@fortawesome/fontawesome-svg-core';
+import type { MouseEventHandler } from 'react';
+
+export type IMenuPlacement = 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right';
+
+export interface IMenuItem {
+  label: string;
+  icon?: IconDefinition;
+  iconRotation?: RotateProp;
+  onClick?: MouseEventHandler<HTMLDivElement>;
+  to?: string;
+  badge?: number;
+  active?: boolean;
+  disabled?: boolean;
+  hidden?: boolean;
+  withDevider?: boolean;
+  keepOpen?: boolean;
+  className?: string;
+}

package/src/types/INotifications.ts

@@ -1,15 +1,15 @@
-export interface INotification {
-  uuid: string;
-  type: INotificationType;
-  values?: {
-    key: string;
-    value: string;
-    url?: string;
-    format?: 'TRANSLATE' | 'DATE' | 'DATE_TIME';
-  }[];
-  seen: boolean;
-  event: string;
-  organization?: string;
-  createdAt: string;
-}
-export type INotificationType = 'WEB' | 'EMAIL';
+export interface INotification {
+  uuid: string;
+  type: INotificationType;
+  values?: {
+    key: string;
+    value: string;
+    url?: string;
+    format?: 'TRANSLATE' | 'DATE' | 'DATE_TIME';
+  }[];
+  seen: boolean;
+  event: string;
+  organization?: string;
+  createdAt: string;
+}
+export type INotificationType = 'WEB' | 'EMAIL';

package/src/types/IPopup.ts

@@ -1,17 +1,17 @@
-import type { RefObject } from 'react';
-
-export interface IPopupControlRef {
-  onOpen: () => void;
-  onClose: () => void;
-}
-
-export interface ILocalPopupControl {
-  controlRef: RefObject<IPopupControlRef | null>;
-  isOpen: boolean;
-  setIsOpen: (isOpen: boolean) => void;
-}
-export interface IPopupControl {
-  control: ILocalPopupControl;
-  onOpen: () => void;
-  onClose: () => void;
-}
+import type { RefObject } from 'react';
+
+export interface IPopupControlRef {
+  onOpen: () => void;
+  onClose: () => void;
+}
+
+export interface ILocalPopupControl {
+  controlRef: RefObject<IPopupControlRef | null>;
+  isOpen: boolean;
+  setIsOpen: (isOpen: boolean) => void;
+}
+export interface IPopupControl {
+  control: ILocalPopupControl;
+  onOpen: () => void;
+  onClose: () => void;
+}

package/src/types/IRouter.ts

@@ -1,6 +1,6 @@
-import type { ReactElement } from 'react';
-
-export interface IRoute {
-  path: string;
-  element: ReactElement;
-}
+import type { ReactElement } from 'react';
+
+export interface IRoute {
+  path: string;
+  element: ReactElement;
+}

package/src/types/ISelect.ts

@@ -1,54 +1,54 @@
-import type { Ref } from 'react';
-import type { IValueLabel } from './IBasic';
-
-export interface ISelectData extends IValueLabel {
-  disabled?: boolean;
-  [id: string]: any;
-}
-
-interface BaseSelectProps {
-  variant: 'basic' | 'async' | 'async-creatable';
-  label?: string;
-  value?: any;
-  isMulti?: boolean;
-  onChange: (value: any) => void;
-  required?: boolean;
-  disabled?: boolean;
-  placeholder?: string;
-  helperText?: string;
-  errorText?: string;
-  error?: boolean;
-  size?: 's' | 'm';
-  className?: string;
-  minWidth?: number;
-  menuWidth?: 'fit-content' | 'max-content' | number;
-  autoFocus?: boolean;
-  isClearable?: boolean;
-  isOpen?: boolean;
-  onMenuOpen?: () => void;
-  onMenuClose?: () => void;
-  openDirection?: 'top' | 'bottom' | 'auto';
-  closeMenuOnSelect?: boolean;
-  noOptionsMessage?: string;
-  formatOptionLabel?: (value: any) => any;
-  ref?: Ref<HTMLInputElement>;
-}
-
-export interface BasicSelectProps extends BaseSelectProps {
-  variant: 'basic';
-  options: ISelectData[];
-}
-
-export interface AsyncSelectProps extends BaseSelectProps {
-  variant: 'async';
-  loadOptions: any;
-  defaultData?: ISelectData[];
-  refresh?: any[];
-}
-
-export interface CreatableSelectProps extends BaseSelectProps {
-  variant: 'async-creatable';
-  loadOptions: any;
-  onCreate: (inputValue: string) => void;
-  defaultData?: ISelectData[];
-}
+import type { Ref } from 'react';
+import type { IValueLabel } from './IBasic';
+
+export interface ISelectData extends IValueLabel {
+  disabled?: boolean;
+  [id: string]: any;
+}
+
+interface BaseSelectProps {
+  variant: 'basic' | 'async' | 'async-creatable';
+  label?: string;
+  value?: any;
+  isMulti?: boolean;
+  onChange: (value: any) => void;
+  required?: boolean;
+  disabled?: boolean;
+  placeholder?: string;
+  helperText?: string;
+  errorText?: string;
+  error?: boolean;
+  size?: 's' | 'm';
+  className?: string;
+  minWidth?: number;
+  menuWidth?: 'fit-content' | 'max-content' | number;
+  autoFocus?: boolean;
+  isClearable?: boolean;
+  isOpen?: boolean;
+  onMenuOpen?: () => void;
+  onMenuClose?: () => void;
+  openDirection?: 'top' | 'bottom' | 'auto';
+  closeMenuOnSelect?: boolean;
+  noOptionsMessage?: string;
+  formatOptionLabel?: (value: any) => any;
+  ref?: Ref<HTMLInputElement>;
+}
+
+export interface BasicSelectProps extends BaseSelectProps {
+  variant: 'basic';
+  options: ISelectData[];
+}
+
+export interface AsyncSelectProps extends BaseSelectProps {
+  variant: 'async';
+  loadOptions: any;
+  defaultData?: ISelectData[];
+  refresh?: any[];
+}
+
+export interface CreatableSelectProps extends BaseSelectProps {
+  variant: 'async-creatable';
+  loadOptions: any;
+  onCreate: (inputValue: string) => void;
+  defaultData?: ISelectData[];
+}

package/src/types/ITab.ts

@@ -1,10 +1,10 @@
-import type { ReactNode } from 'react';
-
-export interface ITab {
-  value: string;
-  label: string;
-  icon?: any;
-  component: ReactNode;
-  disabled?: boolean;
-  hidden?: boolean;
-}
+import type { ReactNode } from 'react';
+
+export interface ITab {
+  value: string;
+  label: string;
+  icon?: any;
+  component: ReactNode;
+  disabled?: boolean;
+  hidden?: boolean;
+}