@inceptionbg/iui 2.0.35 → 2.0.37

package/idea/NoAccessInfo.tsx

@@ -1,193 +0,0 @@
-import type { FC } from 'react';
-import { useTranslation } from 'react-i18next';
-import { Button } from '../src/components/Button/Button';
-import { Link } from 'react-router';
-
-interface Props {
-  title?: string;
-  buttonLabel?: string;
-}
-
-export const NoAccessInfo: FC<Props> = ({ title, buttonLabel }) => {
-  const { t } = useTranslation();
-
-  return (
-    <div className="flex center column mt-5 gap-4">
-      <svg
-        id="aa03ddf9-f8f2-4819-a4ce-be9b0a220741"
-        data-name="Layer 1"
-        xmlns="http://www.w3.org/2000/svg"
-        width="40%"
-        viewBox="0 0 1119.60911 699"
-      >
-        <title>No Access</title>
-        <circle cx="292.60911" cy="213" r="213" fill="#f2f2f2" />
-        <path
-          d="M31.39089,151.64237c0,77.49789,48.6181,140.20819,108.70073,140.20819"
-          transform="translate(-31.39089 -100.5)"
-          fill="#2f2e41"
-        />
-        <path
-          d="M140.09162,291.85056c0-78.36865,54.255-141.78356,121.30372-141.78356"
-          transform="translate(-31.39089 -100.5)"
-          fill="#4191ff"
-        />
-        <path
-          d="M70.77521,158.66768c0,73.61476,31.00285,133.18288,69.31641,133.18288"
-          transform="translate(-31.39089 -100.5)"
-          fill="#4191ff"
-        />
-        <path
-          d="M140.09162,291.85056c0-100.13772,62.7103-181.16788,140.20819-181.16788"
-          transform="translate(-31.39089 -100.5)"
-          fill="#2f2e41"
-        />
-        <path
-          d="M117.22379,292.83905s15.41555-.47479,20.06141-3.783,23.713-7.2585,24.86553-1.95278,23.16671,26.38821,5.76263,26.5286-40.43935-2.711-45.07627-5.53549S117.22379,292.83905,117.22379,292.83905Z"
-          transform="translate(-31.39089 -100.5)"
-          fill="#a8a8a8"
-        />
-        <path
-          d="M168.224,311.78489c-17.40408.14042-40.43933-2.71094-45.07626-5.53548-3.53126-2.151-4.93843-9.86945-5.40926-13.43043-.32607.014-.51463.02-.51463.02s.97638,12.43276,5.61331,15.2573,27.67217,5.67589,45.07626,5.53547c5.02386-.04052,6.7592-1.82793,6.66391-4.47526C173.87935,310.756,171.96329,311.75474,168.224,311.78489Z"
-          transform="translate(-31.39089 -100.5)"
-          opacity="0.2"
-        />
-        <ellipse cx="198.60911" cy="424.5" rx="187" ry="25.43993" fill="#3f3d56" />
-        <ellipse cx="198.60911" cy="424.5" rx="157" ry="21.35866" opacity="0.1" />
-        <ellipse cx="836.60911" cy="660.5" rx="283" ry="38.5" fill="#3f3d56" />
-        <ellipse cx="310.60911" cy="645.5" rx="170" ry="23.12721" fill="#3f3d56" />
-        <path
-          d="M494,726.5c90,23,263-30,282-90"
-          transform="translate(-31.39089 -100.5)"
-          fill="none"
-          stroke="#2f2e41"
-          strokeMiterlimit="10"
-          strokeWidth="2"
-        />
-        <path
-          d="M341,359.5s130-36,138,80-107,149-17,172"
-          transform="translate(-31.39089 -100.5)"
-          fill="none"
-          stroke="#2f2e41"
-          strokeMiterlimit="10"
-          strokeWidth="2"
-        />
-        <path
-          d="M215.40233,637.78332s39.0723-10.82,41.47675,24.04449-32.15951,44.78287-5.10946,51.69566"
-          transform="translate(-31.39089 -100.5)"
-          fill="none"
-          stroke="#2f2e41"
-          strokeMiterlimit="10"
-          strokeWidth="2"
-        />
-        <path
-          d="M810.09554,663.73988,802.218,714.03505s-38.78182,20.60284-11.51335,21.20881,155.73324,0,155.73324,0,24.84461,0-14.54318-21.81478l-7.87756-52.719Z"
-          transform="translate(-31.39089 -100.5)"
-          fill="#2f2e41"
-        />
-        <path
-          d="M785.21906,734.69812c6.193-5.51039,16.9989-11.252,16.9989-11.252l7.87756-50.2952,113.9216.10717,7.87756,49.582c9.185,5.08711,14.8749,8.987,18.20362,11.97818,5.05882-1.15422,10.58716-5.44353-18.20362-21.38921l-7.87756-52.719-113.9216,3.02983L802.218,714.03506S769.62985,731.34968,785.21906,734.69812Z"
-          transform="translate(-31.39089 -100.5)"
-          opacity="0.1"
-        />
-        <rect
-          x="578.43291"
-          y="212.68859"
-          width="513.25314"
-          height="357.51989"
-          rx="18.04568"
-          fill="#2f2e41"
-        />
-        <rect
-          x="595.70294"
-          y="231.77652"
-          width="478.71308"
-          height="267.83694"
-          fill="#3f3d56"
-        />
-        <circle cx="835.05948" cy="223.29299" r="3.02983" fill="#f2f2f2" />
-        <path
-          d="M1123.07694,621.32226V652.6628a18.04341,18.04341,0,0,1-18.04568,18.04568H627.86949A18.04341,18.04341,0,0,1,609.8238,652.6628V621.32226Z"
-          transform="translate(-31.39089 -100.5)"
-          fill="#2f2e41"
-        />
-        <polygon
-          points="968.978 667.466 968.978 673.526 642.968 673.526 642.968 668.678 643.417 667.466 651.452 645.651 962.312 645.651 968.978 667.466"
-          fill="#2f2e41"
-        />
-        <path
-          d="M1125.828,762.03359c-.59383,2.539-2.83591,5.21743-7.90178,7.75032-18.179,9.08949-55.1429-2.42386-55.1429-2.42386s-28.4804-4.84773-28.4804-17.573a22.72457,22.72457,0,0,1,2.49658-1.48459c7.64294-4.04351,32.98449-14.02122,77.9177.42248a18.73921,18.73921,0,0,1,8.54106,5.59715C1125.07908,756.45353,1126.50669,759.15715,1125.828,762.03359Z"
-          transform="translate(-31.39089 -100.5)"
-          fill="#2f2e41"
-        />
-        <path
-          d="M1125.828,762.03359c-22.251,8.526-42.0843,9.1622-62.43871-4.975-10.26507-7.12617-19.59089-8.88955-26.58979-8.75618,7.64294-4.04351,32.98449-14.02122,77.9177.42248a18.73921,18.73921,0,0,1,8.54106,5.59715C1125.07908,756.45353,1126.50669,759.15715,1125.828,762.03359Z"
-          transform="translate(-31.39089 -100.5)"
-          opacity="0.1"
-        />
-        <ellipse
-          cx="1066.53846"
-          cy="654.13477"
-          rx="7.87756"
-          ry="2.42386"
-          fill="#f2f2f2"
-        />
-        <circle cx="835.05948" cy="545.66686" r="11.51335" fill="#f2f2f2" />
-        <polygon
-          points="968.978 667.466 968.978 673.526 642.968 673.526 642.968 668.678 643.417 667.466 968.978 667.466"
-          opacity="0.1"
-        />
-        <rect x="108.60911" y="159" width="208" height="242" fill="#2f2e41" />
-        <rect x="87.60911" y="135" width="250" height="86" fill="#3f3d56" />
-        <rect x="87.60911" y="237" width="250" height="86" fill="#3f3d56" />
-        <rect x="87.60911" y="339" width="250" height="86" fill="#3f3d56" />
-        <rect x="271.60911" y="150" width="16" height="16" fill="#4191ff" opacity="0.4" />
-        <rect x="294.60911" y="150" width="16" height="16" fill="#4191ff" opacity="0.8" />
-        <rect x="317.60911" y="150" width="16" height="16" fill="#4191ff" />
-        <rect x="271.60911" y="251" width="16" height="16" fill="#4191ff" opacity="0.4" />
-        <rect x="294.60911" y="251" width="16" height="16" fill="#4191ff" opacity="0.8" />
-        <rect x="317.60911" y="251" width="16" height="16" fill="#4191ff" />
-        <rect x="271.60911" y="352" width="16" height="16" fill="#4191ff" opacity="0.4" />
-        <rect x="294.60911" y="352" width="16" height="16" fill="#4191ff" opacity="0.8" />
-        <rect x="317.60911" y="352" width="16" height="16" fill="#4191ff" />
-        <circle cx="316.60911" cy="538" r="79" fill="#2f2e41" />
-        <rect x="280.60911" y="600" width="24" height="43" fill="#2f2e41" />
-        <rect x="328.60911" y="600" width="24" height="43" fill="#2f2e41" />
-        <ellipse cx="300.60911" cy="643.5" rx="20" ry="7.5" fill="#2f2e41" />
-        <ellipse cx="348.60911" cy="642.5" rx="20" ry="7.5" fill="#2f2e41" />
-        <circle cx="318.60911" cy="518" r="27" fill="#fff" />
-        <circle cx="318.60911" cy="518" r="9" fill="#3f3d56" />
-        <path
-          d="M271.36733,565.03228c-6.37889-28.56758,14.01185-57.43392,45.544-64.47477s62.2651,10.41,68.644,38.9776-14.51861,39.10379-46.05075,46.14464S277.74622,593.59986,271.36733,565.03228Z"
-          transform="translate(-31.39089 -100.5)"
-          fill="#4191ff"
-        />
-        <ellipse
-          cx="417.21511"
-          cy="611.34365"
-          rx="39.5"
-          ry="12.40027"
-          transform="translate(-238.28665 112.98044) rotate(-23.17116)"
-          fill="#2f2e41"
-        />
-        <ellipse
-          cx="269.21511"
-          cy="664.34365"
-          rx="39.5"
-          ry="12.40027"
-          transform="translate(-271.07969 59.02084) rotate(-23.17116)"
-          fill="#2f2e41"
-        />
-        <path
-          d="M394,661.5c0,7.732-19.90861,23-42,23s-43-14.268-43-22,20.90861-6,43-6S394,653.768,394,661.5Z"
-          transform="translate(-31.39089 -100.5)"
-          fill="#fff"
-        />
-      </svg>
-      <h1 className="fs-32 mt-5">{title || t('NoAccessTitle')}</h1>
-      <Link to="/">
-        <Button label={buttonLabel || t('ReturnToHomepage')} size="l" />
-      </Link>
-    </div>
-  );
-};

package/idea/Table/Components/Edit/ItemActionsMenu.tsx

@@ -1,85 +0,0 @@
-import type { FC} from 'react';
-import { useState } from 'react';
-import { faEllipsisVertical } from '../../../../assets/icons';
-import { IconButton } from '../../../Button/IconButton';
-import { MenuItem } from '../../../Menu/MenuItem';
-import { useTranslation } from 'react-i18next';
-import { Menu } from '../../../Menu/Menu';
-
-interface Props {
-  item: any;
-  setSelectedItem?: (item: any) => void;
-  setItemToDeleteUuid?: (uuid: string) => void;
-  actions?: {
-    label: string;
-    onClick: (uuid: string) => void;
-    hidden?: boolean;
-    disabled?: boolean;
-  }[];
-}
-
-export const ItemActionsMenu: FC<Props> = ({
-  item,
-  setSelectedItem,
-  setItemToDeleteUuid,
-  actions,
-}) => {
-  const [menuOpen, setMenuOpen] = useState(false);
-
-  const { t } = useTranslation();
-
-  return (
-    <Menu
-      isOpen={menuOpen}
-      onClose={() => setMenuOpen(false)}
-      placement="bottom-right"
-      renderButton={ref => (
-        <IconButton
-          ref={ref}
-          icon={faEllipsisVertical}
-          active={menuOpen}
-          onClick={e => {
-            e.stopPropagation();
-            setMenuOpen(!menuOpen);
-          }}
-        />
-      )}
-    >
-      {!!setSelectedItem && (
-        <MenuItem
-          label={t('Edit')}
-          onClick={e => {
-            e.stopPropagation();
-            setSelectedItem(item);
-            setMenuOpen(false);
-          }}
-        />
-      )}
-      {actions?.map(
-        action =>
-          !action.hidden && (
-            <MenuItem
-              key={action.label}
-              label={action.label}
-              disabled={!!action.disabled}
-              onClick={e => {
-                e.stopPropagation();
-                action.onClick(item.uuid);
-                setMenuOpen(false);
-              }}
-            />
-          )
-      )}
-      {!!setItemToDeleteUuid && (
-        <MenuItem
-          label={t('Delete')}
-          onClick={e => {
-            e.stopPropagation();
-            setItemToDeleteUuid(item.uuid);
-            setMenuOpen(false);
-          }}
-        />
-      )}
-    </Menu>
-  );
-};

package/idea/Table/Components/Edit/ItemEditOptionsButtons.tsx

@@ -1,31 +0,0 @@
-import type { FC, RefObject } from 'react';
-import { faCheck, faXmark } from '../../../../assets/icons';
-import { IconButton } from '../../../Button/IconButton';
-
-interface Props {
-  setData: (item: any) => void;
-  clearItem: () => void;
-  inputFocusRef?: RefObject<any>;
-  defaultDataValue?: any;
-}
-export const ItemEditOptionsButtons: FC<Props> = ({
-  setData,
-  clearItem,
-  inputFocusRef,
-  defaultDataValue,
-}) => {
-  return (
-    <div className="flex center gap-1">
-      <IconButton icon={faCheck} className="p-1" />
-      <IconButton
-        icon={faXmark}
-        className="p-1"
-        onClick={() => {
-          setData(defaultDataValue || {});
-          inputFocusRef?.current?.focus();
-          clearItem();
-        }}
-      />
-    </div>
-  );
-};

package/idea/Table/Components/Edit/TableEditRow.tsx

@@ -1,57 +0,0 @@
-import type { FC} from 'react';
-import { useEffect } from 'react';
-import type { ITableDataItem, ITableEditRow } from '../../../../types/ITable';
-import { ItemEditOptionsButtons } from './ItemEditOptionsButtons';
-
-export const TableEditRow: FC<ITableEditRow> = ({
-  columns,
-  defaultDataValue,
-  data,
-  setData,
-  item,
-  clearItem,
-  inputFocusRef,
-}) => {
-  useEffect(() => {
-    inputFocusRef?.current?.focus();
-    setData(item ?? defaultDataValue ?? {});
-  }, [item, defaultDataValue, inputFocusRef, setData]);
-
-  let cells = {
-    ...data,
-    actions: {
-      value: (
-        <ItemEditOptionsButtons
-          setData={setData}
-          clearItem={clearItem}
-          defaultDataValue={defaultDataValue}
-          inputFocusRef={inputFocusRef}
-        />
-      ),
-    },
-  };
-
-  // Object.keys(cells).forEach(key => {
-  //   isValidElement(cells[key].value) && (cells[key].className = 'p-1');
-  // });
-
-  const rowData: ITableDataItem = { uuid: item?.uuid, cells };
-
-  return (
-    <tr data-id={rowData.uuid} className="edit-row">
-      {columns.map(
-        column =>
-          !column.hidden && (
-            <td
-              key={column.id}
-              align={column.align}
-              colSpan={rowData.cells[column.id]?.span}
-              className={rowData.cells[column.id]?.className}
-            >
-              {rowData.cells[column.id]?.value}
-            </td>
-          )
-      )}
-    </tr>
-  );
-};

package/idea/Table/Components/FilterItem.tsx

@@ -1,20 +0,0 @@
-import type { FC } from 'react';
-import type { ITableFilterItem } from '../../../types/ITable';
-// import { Button } from '../../Button/Button';
-// import { useTranslation } from 'react-i18next';
-
-interface Props {
-  item: ITableFilterItem;
-}
-export const FilterItem: FC<Props> = ({ item }) => {
-  // const { t } = useTranslation();
-  return (
-    <div key={item.label} className="table-filter-item">
-      {/* Added zero-width non-breaking space symbol (&#8288;)
-          because of losing focus from input field when first letter of the label is pressed. */}
-      {/* <p className="label">&#8288;{item.label}</p> */}
-      <div className="field">{item.field}</div>
-      {/* <Button label={t('Delete')} onClick={() => item.resetField()} size="m" /> */}
-    </div>
-  );
-};

package/idea/Table/Components/Header/TableHeader.tsx

@@ -1,46 +0,0 @@
-import type { FC} from 'react';
-import { Fragment } from 'react';
-import clsx from 'clsx';
-import type { ITableColumn } from '../../../../types/ITable';
-import { TableHeaderRow } from './TableHeaderRow';
-
-interface Props {
-  columns: ITableColumn[];
-  customHeader?: ITableColumn[][];
-  headerWrap?: boolean;
-  sticky?: boolean;
-}
-export const HeaderTable: FC<Props> = ({ columns, customHeader, headerWrap, sticky }) => (
-  <thead
-    className={clsx({
-      'no-wrap': !headerWrap,
-      'sticky-header': sticky,
-    })}
-  >
-    <tr>
-      <th className="border-row" colSpan={columns.length} />
-    </tr>
-    {customHeader ? (
-      customHeader?.map((row, i) => (
-        // No array manipulation will be performed, so using key 'i' is acceptable.
-        <Fragment key={i}>
-          <TableHeaderRow row={row} />
-          {(sticky || i + 1 < customHeader.length) && (
-            <tr>
-              <th className="border-row" colSpan={columns.length} />
-            </tr>
-          )}
-        </Fragment>
-      ))
-    ) : (
-      <>
-        <TableHeaderRow row={columns} />
-        {sticky && (
-          <tr>
-            <div className="border-row" />
-          </tr>
-        )}
-      </>
-    )}
-  </thead>
-);

package/idea/Table/Components/Header/TableHeaderRow.tsx

@@ -1,37 +0,0 @@
-import type { FC } from 'react';
-import type { ITableColumn } from '../../../../types/ITable';
-
-interface Props {
-  row: ITableColumn[];
-}
-
-export const TableHeaderRow: FC<Props> = ({ row }) => (
-  <tr>
-    {row.map(col => (
-      <th
-        key={col.id}
-        colSpan={col.colSpan}
-        rowSpan={col.rowSpan}
-        className={col.color}
-        style={
-          col.minWidth
-            ? { minWidth: col.minWidth }
-            : col.width
-            ? { width: col.width }
-            : undefined
-        }
-        hidden={col.hidden}
-      >
-        <div className="flex align-center">
-          {typeof col.label === 'string' ? (
-            <p className={`full-width p-3 text-${col.align || 'left'}`}>{col.label}</p>
-          ) : (
-            <div className={`full-width px-3 text-${col.align || 'left'}`}>
-              {col.label}
-            </div>
-          )}
-        </div>
-      </th>
-    ))}
-  </tr>
-);

package/idea/Table/Components/Print/CustomTablePrint.tsx

@@ -1,115 +0,0 @@
-import type { FC} from 'react';
-import { useEffect } from 'react';
-import { createPortal } from 'react-dom';
-import { faFileArrowDown } from '../../../../assets/icons/regular/faFileArrowDown';
-import { faPrint } from '../../../../assets/icons/solid/faPrint';
-import { faXmark } from '../../../../assets/icons/solid/faXmark';
-import type { ICustomPrintData } from '../../../../types/ITable';
-import { formatDate, getCurrentDateFormatted } from '../../../../utils/dateUtils';
-import { Button } from '../../../Button/Button';
-import { useTranslation } from 'react-i18next';
-import { rootDir } from '../../../../utils/rootDir';
-import { useHideZendesk } from '../../../../hooks/useZendesk';
-
-interface Props extends ICustomPrintData {
-  isOpen: boolean;
-  onClose: () => void;
-}
-export const CustomTablePrint: FC<Props> = ({
-  isOpen,
-  onClose,
-  label,
-  organization,
-  filters,
-  content,
-  saveXlsx,
-}) => {
-  const { t } = useTranslation();
-  useHideZendesk();
-
-  useEffect(() => {
-    rootDir?.classList.add('hidden');
-    return () => {
-      rootDir?.classList.remove('hidden');
-    };
-  }, []);
-
-  return isOpen
-    ? createPortal(
-        <div className="iui-print-dialog">
-          <div className="content">
-            <div className="flex justify-between">
-              {organization ? (
-                <div>
-                  <p className="name">{organization.name}</p>
-                  {organization.taxId && <p>{`${t('TaxId')}: ${organization.taxId}`}</p>}
-                  {organization.registrationNumber && (
-                    <p>{`${t('BusinessCode')}: ${organization.registrationNumber}`}</p>
-                  )}
-                  {organization.jbkjs && <p>JBKJS: {organization.jbkjs}</p>}
-                  {organization.email && <p>Email: {organization.email}</p>}
-                </div>
-              ) : (
-                <div />
-              )}
-              <div className="text-right">
-                <p>{`${t('PrintDate')}: ${getCurrentDateFormatted()}`}</p>
-              </div>
-            </div>
-            <h3 className="my-3 text-center">{label}</h3>
-            {filters && (
-              <div className="flex justify-between">
-                <div>
-                  {filters.basic?.map(
-                    e =>
-                      !!e.value && (
-                        <div key={e.value} className="mb-2">
-                          <p>{`${e.label}: ${e.value}`}</p>
-                        </div>
-                      )
-                  )}
-                </div>
-                {filters.date && (
-                  <div>
-                    {filters.date.map(
-                      e =>
-                        (!!e.from || !!e.to) && (
-                          <div key={e.label} className="mb-2 text-right">
-                            <p>
-                              {e.label} {!!e.from && `${t('from')} ${formatDate(e.from)}`}{' '}
-                              {`${t('to')} ${formatDate(e.to || new Date().toString())}`}
-                            </p>
-                          </div>
-                        )
-                    )}
-                  </div>
-                )}
-              </div>
-            )}
-            {content}
-          </div>
-          <div className="iui-print-actions no-print">
-            <Button
-              label={t('Cancel')}
-              icon={faXmark}
-              onClick={e => {
-                e.stopPropagation();
-                onClose();
-              }}
-              className="mr-3"
-            />
-            {!!saveXlsx && (
-              <Button
-                label={t('SaveXlsx')}
-                icon={faFileArrowDown}
-                onClick={() => saveXlsx()}
-                className="mr-3"
-              />
-            )}
-            <Button label={t('Print')} icon={faPrint} onClick={() => window.print()} />
-          </div>
-        </div>,
-        document.body
-      )
-    : null;
-};

package/idea/Table/Components/SetSortList.tsx

@@ -1,30 +0,0 @@
-import type { FC } from 'react';
-// import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
-import type { ITableSort } from '../../../types/ITable';
-import { faArrowDownWideShort } from '../../../assets/icons/light/faArrowDownWideShort';
-import { faArrowDownShortWide } from '../../../assets/icons/light/faArrowDownShortWide';
-import { MenuItem } from '../../Menu/MenuItem';
-
-interface Props {
-  sort: string;
-  setSort: (sort: string) => void;
-  sortOptions: ITableSort[];
-}
-export const SetSortList: FC<Props> = ({ sortOptions, sort, setSort }) => (
-  <>
-    {sortOptions.map(e => (
-      <MenuItem
-        key={e.label}
-        label={e.label}
-        className="menu-item-m"
-        onClick={() => setSort(sort === e.desc ? e.asc : e.desc)}
-        icon={sort === e.desc ? faArrowDownWideShort : faArrowDownShortWide}
-      />
-      // <div className="flex center justify-between full-width">
-      //   {/* <p className="mr-5 mb-0">{e.label}</p> */}
-      //   {sort === e.desc && <FontAwesomeIcon icon={faArrowDownWideShort} />}
-      //   {sort === e.asc && <FontAwesomeIcon icon={faArrowDownShortWide} />}
-      // </div>
-    ))}
-  </>
-);