@inceptionbg/iui 2.0.34 → 2.0.36

package/src/hooks/useOnEsc.ts

@@ -1,14 +0,0 @@
-import { useEffect } from 'react';
-
-export const useOnEsc = (onEsc: () => void, disabled?: boolean) => {
-  useEffect(() => {
-    if (!disabled) {
-      const onEscPress = (e: KeyboardEvent) => {
-        e.code === 'Escape' && onEsc();
-      };
-
-      document.body.addEventListener('keyup', onEscPress);
-      return () => document.body.removeEventListener('keyup', onEscPress);
-    }
-  }, [onEsc, disabled]);
-};

package/src/hooks/usePopupControl.ts

@@ -1,22 +0,0 @@
-import type { IPopupControl, IPopupControlRef } from '../types/IPopup';
-import { useCallback, useRef, useState } from 'react';
-
-export const usePopupControl: (props?: {
-  onCloseCallback?: () => void;
-}) => IPopupControl = props => {
-  const [isOpen, setIsOpen] = useState(false);
-
-  const controlRef = useRef<IPopupControlRef>(null);
-
-  const onOpen = useCallback(() => controlRef.current?.onOpen(), []);
-  const onClose = useCallback(() => {
-    controlRef.current?.onClose();
-    props?.onCloseCallback?.();
-  }, [props]);
-
-  return {
-    control: { controlRef, isOpen, setIsOpen },
-    onOpen,
-    onClose,
-  };
-};

package/src/hooks/useZendesk.ts

@@ -1,21 +0,0 @@
-import { useEffect } from 'react';
-
-declare global {
-  var zE: {
-    show: () => void;
-    hide: () => void;
-    activate: () => void;
-    setLocale: (locale: string) => void;
-  };
-}
-
-export const useHideZendesk = () => {
-  useEffect(() => {
-    const zendesk = window.zE ?? null;
-    if (zendesk) {
-      //     zendesk.setLocale('sr');
-      zendesk.hide();
-      return () => zendesk.show();
-    }
-  }, []);
-};

package/src/index.ts

@@ -1,387 +0,0 @@
-import type { IconDefinition } from '@fortawesome/fontawesome-svg-core';
-import type { ToastContainerProps } from 'react-toastify';
-import type { IAlertProps } from './components/Alert/Alert';
-import type { INotificationsProps } from './components/Header/Components/Notifications';
-import type { ISidebarItem } from './components/Sidebar/types/ISidebar';
-import type { ITableSearchProps } from './components/Table/hooks/useTableSearch';
-import type { IFormWrapper } from './components/Wrappers/FormWrapper';
-import type {
-  DeepPartial,
-  IAnyObject,
-  IBooleanObject,
-  ISimpleObject,
-  ISimpleObjectWithCode,
-  IStringObject,
-  IValueLabel,
-} from './types/IBasic';
-import type { IError } from './types/IError';
-import type { IHeaderAction, IHeaderUserMenuProps } from './types/IHeader';
-import type { IKeyboardAction } from './types/IKeyboard';
-import type { IMenuItem, IMenuPlacement } from './types/IMenu';
-import type {
-  INotification,
-  // INotificationType,
-  // INotificationValueKey,
-} from './types/INotifications';
-import type { ILocalPopupControl, IPopupControl, IPopupControlRef } from './types/IPopup';
-import type { IRoute } from './types/IRouter';
-import type { ISelectData } from './types/ISelect';
-import type { ITab } from './types/ITab';
-import type {
-  IGetPrintData,
-  IPagination,
-  IPaginationControl,
-  IPrintData,
-  IReportTemplate,
-  IReportTemplateData,
-  IReportTemplateFilterValue,
-  ITable,
-  ITableColumn,
-  ITableDataActions,
-  ITableDataItem,
-  ITableDataItemCells,
-  ITableEdit,
-  ITableEditSubmit,
-  ITableFilter,
-  ITableFilterData,
-  ITableFilterItem,
-  ITableItemDeleteData,
-  ITableSort,
-  ITableTemplateData,
-} from './types/ITable';
-import type { ITreeItem } from './types/ITree';
-import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
-import { DragDropContext, Draggable, Droppable } from '@hello-pangea/dnd';
-import clsx from 'clsx';
-import dayjs from 'dayjs';
-import { toast, ToastContainer } from 'react-toastify';
-import { Accordions } from './components/Accordions/Accordions';
-import { Alert } from './components/Alert/Alert';
-import { DotBadge } from './components/Badge/DotBadge';
-import { NotificationBadge } from './components/Badge/NotificationBadge';
-import { PillBadge } from './components/Badge/PillBadge';
-import { Button } from './components/Button/Button';
-import { IconButton } from './components/Button/IconButton';
-import { SplitButton } from './components/Button/SplitButton';
-import { Dashboard } from './components/Dashboard/Dashboard';
-import { DashboardWidget } from './components/Dashboard/DashboardWidget';
-import { FastLinksWidget } from './components/Dashboard/FastLinksWidget/FastLinksWidget';
-import { Dialog } from './components/Dialog/Dialog';
-import { Collapse } from './components/Helper/Collapse';
-import { Checkbox } from './components/Inputs/Checkbox';
-import { CurrencyInput } from './components/Inputs/CurrencyInput';
-import { DateInput } from './components/Inputs/DateInput/DateInput';
-import { NumberInput } from './components/Inputs/NumberInput';
-import { PasswordInput } from './components/Inputs/PasswordInput';
-import { PhoneInput } from './components/Inputs/PhoneInput/PhoneInput';
-import { Radio } from './components/Inputs/Radio';
-import { RadioLarge } from './components/Inputs/RadioLarge';
-import { SearchInput } from './components/Inputs/SearchInput';
-import {
-  Select,
-  SelectAsyncPaginate,
-  SelectCreatable,
-} from './components/Inputs/Selects/Select';
-import { TextAreaInput } from './components/Inputs/TextAreaInput';
-import { TextInput } from './components/Inputs/TextInput';
-import { TimeInput } from './components/Inputs/TimeInput/TimeInput';
-import { List } from './components/List/List';
-import {
-  FullScreenLoader,
-  LazyLoader,
-  Loader,
-  SimpleLoader,
-} from './components/Loader/Loader';
-import { ProgressBar } from './components/Loader/ProgressBar';
-import { Menu } from './components/Menu/Menu';
-import { MenuItem } from './components/Menu/MenuItem';
-import { ScrollableContent } from './components/PageComponents/ScrollableContent';
-import { Pullover } from './components/Pullover/Pullover';
-import { Router } from './components/Router/Router';
-import { CreateTemplateDialog } from './components/Table/components/templates/CreateTemplateDialog';
-import { TemplatesPullover } from './components/Table/components/templates/TemplatesPullover';
-// import { ItemEditOptionsButtons } from './components/Table/Components/Edit/ItemEditOptionsButtons';
-// import { TableEditRow } from './components/Table/Components/Edit/TableEditRow';
-// import { FilterItem } from './components/Table/Components/FilterItem';
-// import { SetTableFilter } from './components/Table/Components/SetTableFilter';
-// import { TableFooter } from './components/Table/Components/TableFooter';
-// import { GridTable } from '../idea/GridTable/GridTable';
-// import { TablePrint } from './components/Table/Components/Print/TablePrint';
-import { useTableColumns } from './components/Table/hooks/useTableColumns';
-import { useTableEdit } from './components/Table/hooks/useTableEdit';
-import { useTableFilterFields } from './components/Table/hooks/useTableFilterFields';
-import { useTablePagination } from './components/Table/hooks/useTablePagination';
-import { useTablePrint } from './components/Table/hooks/useTablePrint';
-import { useTableSearch } from './components/Table/hooks/useTableSearch';
-import { useTableSelect } from './components/Table/hooks/useTableSelect';
-import { useTableSort } from './components/Table/hooks/useTableSort';
-import { Table } from './components/Table/Table';
-// import { ItemActionsMenu } from './components/Table/Components/Edit/ItemActionsMenu';
-import { Tabs } from './components/Tabs/Tabs';
-import { Tooltip } from './components/Tooltip/Tooltip';
-import { Tree } from './components/Tree/Tree';
-import { ConditionalWrapper } from './components/Wrappers/ConditionalWrapper';
-import { FormWrapper } from './components/Wrappers/FormWrapper';
-import { PageLayout } from './components/Wrappers/PageLayout';
-import { useIsMenuOpen } from './hooks/useIsMenuOpen';
-import { useOnEsc } from './hooks/useOnEsc';
-import { usePopupControl } from './hooks/usePopupControl';
-import { useHideZendesk } from './hooks/useZendesk';
-import { tableCustomLimit1000 } from './types/ITable';
-import {
-  checkIfExpired,
-  dateAddDays,
-  formatDate,
-  formatDateAndTime,
-  formatDateYMD,
-  formatTime,
-  formatYearMonth,
-  getCurrentDateFormatted,
-  getCurrentDateFormattedYMD,
-  getDaysLeft,
-} from './utils/dateUtils';
-import {
-  calculateFilesSize,
-  dataURLtoFile,
-  downloadDocumentFile,
-  downloadFile,
-  getBase64FromFile,
-  getBase64FromUrl,
-  getExtensionFromFilename,
-  getFileFromUrl,
-  rotateBase64Image,
-  sizeInBytesPretty,
-  splitBase64File,
-} from './utils/fileUtils';
-import { i18nIUICyrilic } from './utils/i18n/i18nIUICyrilic';
-import { i18nIUILatin } from './utils/i18n/i18nIUILatin';
-import { i18nIUIMe } from './utils/i18n/i18nIUIMe';
-import { inputPattern } from './utils/InputPatternValidation';
-import {
-  getActiveOrgUuid,
-  getDefaultOrgUuid,
-  lsGet,
-  lsRemove,
-  lsSet,
-  setActiveOrgUuid,
-  setDefaultOrgUuid,
-} from './utils/localStorageHelper';
-import {
-  formatCurrency,
-  formatCurrencyNoDecimals,
-  formatDecimalNumber,
-} from './utils/numberUtils';
-import {
-  areStringArraysEqual,
-  compareArrayItemsIndex,
-  convertArrayToBooleanObject,
-  convertBooleanObjectToArray,
-  deepCopy,
-  deleteEmptyProps,
-  deleteEmptyPropsIncludingArray,
-  deleteProps,
-  deletePropsThatEndsWith,
-  flattenTreeForSelect,
-  intersectArrays,
-} from './utils/objectUtils';
-import { rootDir } from './utils/rootDir';
-import { getInputHelperText, getInputMinMaxPattern, maxChar } from './utils/stringUtils';
-import {
-  convertReportTemplateFilterToSearch,
-  convertSearchToReportTemplateFilter,
-  getActiveFilterNumber,
-  getPrintColumns,
-  getVisibleColumnsIds,
-  setTemplateData,
-} from './utils/tableUtils';
-import { toastError, toastSuccess } from './utils/toasts';
-import { parseUrlSearch } from './utils/urlUtils';
-
-export { Router, type IRoute, type ISidebarItem };
-export { ToastContainer, toast, type ToastContainerProps };
-
-export {
-  Accordions,
-  Alert,
-  Button,
-  Checkbox,
-  CurrencyInput,
-  Collapse,
-  ConditionalWrapper,
-  DateInput,
-  Dashboard,
-  DashboardWidget,
-  FastLinksWidget,
-  Dialog,
-  DotBadge,
-  FormWrapper,
-  FullScreenLoader,
-  IconButton,
-  TextAreaInput,
-  LazyLoader,
-  Loader,
-  SimpleLoader,
-  List,
-  Menu,
-  MenuItem,
-  NotificationBadge,
-  NumberInput,
-  PageLayout,
-  PasswordInput,
-  PhoneInput,
-  ProgressBar,
-  Pullover,
-  PillBadge,
-  Radio,
-  RadioLarge,
-  ScrollableContent,
-  SearchInput,
-  Select,
-  SelectAsyncPaginate,
-  SelectCreatable,
-  SplitButton,
-  tableCustomLimit1000,
-  Tabs,
-  TextInput,
-  TimeInput,
-  Tooltip,
-  Tree,
-};
-
-export {
-  Table,
-  CreateTemplateDialog,
-  TemplatesPullover,
-  // SetTableFilter,
-  // GridTable,
-  // TablePrint,
-  // TableEditRow,
-  // TableFooter,
-  useTableColumns,
-  useTableEdit,
-  useTableFilterFields,
-  useTablePagination,
-  useTablePrint,
-  useTableSearch,
-  useTableSelect,
-  useTableSort,
-};
-
-export { useHideZendesk, useOnEsc, useIsMenuOpen, usePopupControl };
-
-export type {
-  IAlertProps,
-  DeepPartial,
-  IAnyObject,
-  IBooleanObject,
-  IKeyboardAction,
-  IMenuItem,
-  IMenuPlacement,
-  IPopupControlRef as PopupControlRef,
-  IPopupControl,
-  ILocalPopupControl,
-  IError,
-  IFormWrapper,
-  IHeaderAction,
-  IHeaderUserMenuProps,
-  INotification,
-  INotificationsProps,
-  IPagination,
-  ISelectData,
-  IPaginationControl,
-  ISimpleObject,
-  ISimpleObjectWithCode,
-  IStringObject,
-  IPrintData,
-  ITab,
-  ITable,
-  ITableColumn,
-  ITableDataActions,
-  ITableDataItem,
-  ITableDataItemCells,
-  ITableEdit,
-  ITableEditSubmit,
-  ITableFilter,
-  ITableFilterData,
-  ITableSearchProps,
-  ITableFilterItem,
-  ITableItemDeleteData,
-  ITableSort,
-  ITableTemplateData,
-  IReportTemplate,
-  IReportTemplateData,
-  IReportTemplateFilterValue,
-  IGetPrintData,
-  ITreeItem,
-  IValueLabel,
-  IconDefinition,
-};
-
-export { i18nIUICyrilic, i18nIUILatin, i18nIUIMe };
-
-export {
-  areStringArraysEqual,
-  checkIfExpired,
-  compareArrayItemsIndex,
-  convertBooleanObjectToArray,
-  convertArrayToBooleanObject,
-  dateAddDays,
-  deepCopy,
-  deleteEmptyProps,
-  deleteEmptyPropsIncludingArray,
-  deleteProps,
-  deletePropsThatEndsWith,
-  formatCurrency,
-  formatCurrencyNoDecimals,
-  formatDate,
-  formatDateAndTime,
-  formatDateYMD,
-  formatDecimalNumber,
-  formatTime,
-  formatYearMonth,
-  convertReportTemplateFilterToSearch,
-  convertSearchToReportTemplateFilter,
-  getActiveFilterNumber,
-  getCurrentDateFormatted,
-  getCurrentDateFormattedYMD,
-  getDaysLeft,
-  getInputHelperText,
-  getInputMinMaxPattern,
-  getPrintColumns,
-  setTemplateData,
-  getVisibleColumnsIds,
-  inputPattern,
-  flattenTreeForSelect,
-  intersectArrays,
-  maxChar,
-  parseUrlSearch,
-  rootDir,
-  toastError,
-  toastSuccess,
-};
-
-export {
-  calculateFilesSize,
-  dataURLtoFile,
-  downloadFile,
-  downloadDocumentFile,
-  getBase64FromFile,
-  getBase64FromUrl,
-  getExtensionFromFilename,
-  getFileFromUrl,
-  rotateBase64Image,
-  sizeInBytesPretty,
-  splitBase64File,
-};
-
-export {
-  getActiveOrgUuid,
-  getDefaultOrgUuid,
-  lsGet,
-  lsRemove,
-  lsSet,
-  setActiveOrgUuid,
-  setDefaultOrgUuid,
-};
-
-export { DragDropContext, Draggable, Droppable, FontAwesomeIcon, clsx, dayjs };

package/src/pages/NoAccessPage.tsx

@@ -1,27 +0,0 @@
-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 +0,0 @@
-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/App.scss

@@ -1,47 +0,0 @@
-@use './variables/variables';
-
-@use './common/typography';
-@use './common/animations';
-@use './common/maps/align';
-@use './common/maps/spacing';
-@use './common/maps/text';
-
-@use './common/helpers/base';
-@use './common/helpers/color';
-@use './common/helpers/display';
-@use './common/helpers/size';
-
-@use './components/accordions';
-@use './components/alert';
-@use './components/badge';
-@use './components/button';
-@use './components/buttonSplit';
-@use './components/card';
-// @use './components/menu-v2';
-@use './components/dialog';
-@use './components/form';
-@use './components/header';
-@use './components/input';
-@use './components/inputCheckbox';
-@use './components/inputDateTime';
-@use './components/inputRadio';
-@use './components/inputSelect';
-@use './components/list';
-@use './components/loader';
-@use './components/menu';
-@use './components/notifications';
-@use './components/page';
-@use './components/portal';
-@use './components/print';
-@use './components/progressBar';
-@use './components/pullover';
-@use './components/scrollbar';
-@use './components/sidebar';
-@use './components/smallComponents';
-@use './components/table';
-@use './components/tabs';
-@use './components/tooltip';
-@use './components/tree';
-@use './components/widget';
-
-@use './pages/fullScreenPage';

package/src/styles/common/_animations.scss

@@ -1,58 +0,0 @@
-@keyframes fade-in {
-  0% {
-    opacity: 0;
-  }
-  100% {
-    opacity: 1;
-  }
-}
-@keyframes fade-out {
-  0% {
-    opacity: 1;
-  }
-  100% {
-    opacity: 0;
-  }
-}
-
-@keyframes scale-in {
-  0% {
-    transform: scale(0.5);
-  }
-  100% {
-    transform: scale(1);
-  }
-}
-
-@keyframes shimmer {
-  0% {
-    left: -100%;
-  }
-  100% {
-    left: 100%;
-  }
-}
-
-@keyframes auto-fill {
-  to {
-    font-size: 13px;
-  }
-}
-
-@keyframes rotate {
-  to {
-    transform: rotate(360deg);
-  }
-}
-
-@keyframes temp-disable-pointer {
-  0% {
-    pointer-events: none;
-  }
-  99% {
-    pointer-events: none;
-  }
-  100% {
-    pointer-events: auto;
-  }
-}

package/src/styles/common/_typography.scss

@@ -1,91 +0,0 @@
-@use '../variables/bp';
-@import url('@fontsource-variable/ibm-plex-sans');
-
-* {
-  font-family: 'IBM Plex Sans Variable', sans-serif;
-}
-
-body {
-  color: var(--text);
-}
-
-p,
-h1,
-h2,
-h3,
-h4,
-h5 {
-  margin: 0;
-}
-p {
-  font-size: var(--fs-m);
-}
-h1 {
-  font-size: 60px;
-  line-height: 1.1;
-}
-h2 {
-  font-size: 48px;
-}
-h2 {
-  font-size: 36px;
-}
-h3 {
-  font-size: 24px;
-}
-h4 {
-  font-size: 18px;
-}
-
-.bold {
-  font-weight: 600 !important;
-}
-.italic {
-  font-style: italic !important;
-}
-
-.new-line {
-  white-space: pre-line !important;
-}
-.no-wrap {
-  white-space: nowrap !important;
-}
-.word-break {
-  word-break: break-word !important;
-}
-
-.subtitle {
-  font-size: 20px;
-  color: var(--neutral-600);
-  white-space: pre-line;
-}
-.link {
-  color: var(--link) !important;
-  text-decoration: underline !important;
-  &.inactive {
-    opacity: 0.5;
-  }
-  &:not(:disabled) {
-    cursor: pointer;
-    &:hover {
-      color: var(--link-alt) !important;
-      opacity: 1;
-    }
-  }
-}
-
-@media #{bp.$mobile} {
-  h1 {
-    font-size: 36px;
-    line-height: 1.2;
-  }
-  h2 {
-    font-size: 24px;
-  }
-  h2 {
-    font-size: 20px;
-  }
-  h3 {
-    font-size: 16px;
-  }
-}