@inceptionbg/iui 1.0.4 → 1.0.6

package/src/styles/iui/components/_table.scss

@@ -1,207 +0,0 @@
-table {
-  border-spacing: 0px;
-  border-collapse: collapse;
-}
-.iui-table {
-  overflow-x: auto;
-  padding-top: 10px;
-
-  //// Header ////
-
-  th {
-    border-bottom: $table-border;
-    font-size: $fs-m;
-    &:last-child {
-      .vertical-separator {
-        display: none;
-      }
-    }
-  }
-  .vertical-separator {
-    height: 14px;
-    width: 2px;
-    background-color: #00000030;
-  }
-
-  //// Body ////
-
-  tbody.no-last-border tr:last-child td {
-    border: none;
-  }
-  // Row
-  tr {
-    margin-bottom: 2px;
-    &.clickable:hover,
-    &.selected {
-      background-color: rgba(0, 0, 0, 0.05);
-    }
-    &.loading {
-      opacity: 0.5;
-      pointer-events: none;
-    }
-  }
-  // Cell
-  td {
-    height: 52px;
-    padding: 7px 16px;
-    font-size: $fs-m;
-    box-sizing: border-box;
-    border-bottom: $table-border;
-  }
-  .clickable-column:hover {
-    background-color: var(--primary-o10) !important;
-  }
-
-  //// Footer ////
-
-  .table-footer {
-    display: flex;
-    align-items: center;
-    width: 100%;
-  }
-  .pagination {
-    display: flex;
-    align-items: center;
-    color: rgba(0, 0, 0, 0.8);
-    @media screen and (max-width: 850px) {
-      flex-direction: column;
-      align-items: end;
-    }
-    select {
-      color: rgba(0, 0, 0, 0.8);
-      background: none;
-      border: none;
-      text-align: right;
-      cursor: pointer;
-      padding: 0 8px;
-      user-select: none;
-      margin-left: 8px;
-      margin-right: 16px;
-    }
-    .offset-button {
-      margin: 0 4px;
-      padding: 10px;
-      svg {
-        height: 15px;
-        width: 15px;
-      }
-    }
-    .offset-input {
-      width: 30px;
-      border: none;
-      border-bottom: 1px solid rgba(0, 0, 0, 0.3);
-      background: none;
-      text-align: center;
-      padding: 5px 0;
-    }
-  }
-
-  @media #{$portrait} {
-    tbody,
-    tr {
-      display: block;
-    }
-    tr {
-      padding: 20px 0;
-    }
-    td {
-      display: flex;
-      align-items: center;
-      height: unset !important;
-      text-align: left;
-    }
-    thead {
-      display: none;
-    }
-    tbody tr td {
-      &:before {
-        content: attr(data-th);
-        font-weight: bold;
-        text-align: left;
-        padding-right: 10px;
-      }
-    }
-  }
-}
-
-.iui-table-filter {
-  .iui-dialog-content {
-    padding: 0;
-    margin: 8px 0;
-  }
-  .table-filter-item {
-    display: flex;
-    align-items: center;
-    justify-content: space-between;
-    padding: 8px 16px;
-    .label {
-      width: 150px;
-    }
-    .field {
-      display: inline-flex;
-      margin: 0 8px;
-      width: 100%;
-    }
-  }
-}
-
-.dual-list-container {
-  .dual-list-content {
-    display: grid;
-    grid-template-columns: 1fr auto 1fr;
-  }
-  .list-box {
-    border: $table-border;
-    border-radius: 16px;
-    padding: 10px;
-    user-select: none;
-    & > .item {
-      display: flex;
-      justify-content: space-between;
-      align-items: center;
-      padding: 8px;
-      svg {
-        color: rgba(0, 0, 0, 0.6);
-        margin-left: 1rem;
-      }
-      &:hover {
-        background-color: var(--primary-o10);
-      }
-      &:active {
-        background-color: var(--primary-o25);
-      }
-    }
-  }
-  .exchange-icon {
-    display: flex;
-    align-items: center;
-    margin: 0 10px;
-    svg {
-      height: 20px;
-      width: 20px;
-    }
-  }
-}
-
-.edit-row {
-  background: #3d497714;
-  td {
-    padding: 0 3px !important;
-  }
-  input {
-    background: white;
-  }
-}
-
-.table-options-btn {
-  background: var(--background-dark);
-  border-radius: 4px;
-  font-weight: 700;
-  &:hover {
-    background-color: #dfe1eb !important;
-  }
-  svg {
-    height: 12px;
-    width: 12px;
-  }
-}

package/src/styles/iui/components/_tabs.scss

@@ -1,94 +0,0 @@
-.iui-tabs {
-  display: flex;
-  overflow: auto;
-  &::-webkit-scrollbar {
-    height: 5px;
-  }
-}
-.iui-tab {
-  display: flex;
-  align-items: center;
-  user-select: none;
-  color: rgba(0, 0, 0, 0.87);
-  font-size: 13px;
-  font-weight: 500;
-  padding: 15px 12px;
-  margin-bottom: 2px;
-  &.selected,
-  &:hover:not(.disabled) {
-    border-bottom: 7px solid var(--primary);
-    padding-bottom: 8px;
-    svg {
-      color: var(--primary);
-    }
-  }
-  svg {
-    margin-right: 6px;
-    font-size: 15px;
-  }
-}
-.iui-tab-content {
-  background: #fff;
-  box-shadow: $container-shadow;
-  border-radius: $container-radius-bottom;
-  padding: 8px;
-}
-
-// .iui-tabs {
-//   display: flex;
-//   overflow: auto;
-//   padding: 0 5px;
-//   // transform: rotateX(180deg);
-//   &::-webkit-scrollbar {
-//     height: 5px;
-//   }
-// }
-// .iui-tab-content {
-//   background-color: rgb(255, 255, 255);
-//   box-shadow: $container-shadow;
-//   border-radius: $container-radius-bottom;
-//   padding: 24px;
-//   margin: -1px 5px 0 5px;
-// }
-// .iui-tab {
-//   // transform: rotateX(180deg);
-//   display: flex;
-//   align-items: center;
-//   user-select: none;
-//   color: rgba(0, 0, 0, 0.87);
-//   font-size: 13px;
-//   font-weight: 500;
-//   padding: 15px 12px;
-//   opacity: 0.6;
-//   box-sizing: border-box;
-//   // background-color: #fff;
-//   &.selected {
-//     opacity: 1;
-//     background-color: #fff;
-//     box-shadow: 0px 0px 5px rgba(180, 177, 177, 0.5);
-//     // border-left: 1px solid #ddd;
-//     // border-right: 1px solid #ddd;
-//     border-top: 4px solid var(--primary);
-//     border-bottom: none;
-//     // border-top-left-radius: 10px;
-//     // border-top-right-radius: 10px;
-//   }
-//   &:hover:not(.disabled):not(.selected) {
-//     opacity: 1;
-//     border-top: 4px solid var(--primary);
-//     padding: 11px 12px 15px;
-//     // border-bottom: 7px solid var(--primary);
-//     // padding-bottom: 8px;
-//     svg {
-//       color: var(--primary);
-//     }
-//   }
-//   &.disabled {
-//     background-color: #ddd;
-//   }
-//   svg {
-//     color: var(--primary);
-//     margin-right: 6px;
-//     font-size: 15px;
-//   }
-// }

package/src/styles/iui.scss

@@ -1,28 +0,0 @@
-@import "./iui/common/variables";
-@import "./iui/common/typography";
-@import "./iui/common/animations";
-@import "./iui/common/maps/align";
-@import "./iui/common/maps/spacing";
-@import "./iui/common/helpers/base";
-@import "./iui/common/helpers/color";
-@import "./iui/common/helpers/display";
-@import "./iui/common/helpers/size";
-
-@import "./iui/components/accordions";
-@import "./iui/components/badge";
-@import "./iui/components/card";
-@import "./iui/components/dialog";
-@import "./iui/components/header";
-@import "./iui/components/input";
-@import "./iui/components/loader";
-@import "./iui/components/menu";
-@import "./iui/components/notifications";
-@import "./iui/components/page";
-@import "./iui/components/portal";
-@import "./iui/components/print";
-@import "./iui/components/scrollbar";
-@import "./iui/components/selectInput";
-@import "./iui/components/sidebar";
-@import "./iui/components/smallComponents";
-@import "./iui/components/table";
-@import "./iui/components/tabs";

package/src/styles/red-variables.scss

@@ -1,9 +0,0 @@
-:root {
-  --primary: rgb(var(--primary-rgb));
-  --primary-rgb: 237, 26, 59;
-  --primary-light: #ef314f;
-  //  --primary-light25: #f1536c;
-  --primary-dark10: #c50f2c;
-  --primary-dark: #b60e28;
-  --secondary: #ff9500;
-}

package/src/types/IBasic.ts

@@ -1,31 +0,0 @@
-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 ISimpleObjectWithCodeNew {
-  uuid?: string;
-  name?: string;
-  code?: string;
-}
-
-export interface IValueLabel {
-  value: any;
-  label: string;
-}

package/src/types/IError.ts

@@ -1,4 +0,0 @@
-export interface IError {
-  errorMessage: string;
-  errorCode?: string;
-}

package/src/types/IHeaderAction.ts

@@ -1,12 +0,0 @@
-import { IconDefinition, RotateProp } from "@fortawesome/fontawesome-svg-core";
-
-export interface IHeaderAction {
-  label: string;
-  icon?: IconDefinition;
-  iconRotation?: RotateProp;
-  to?: string;
-  onClick?: () => void;
-  primary?: boolean;
-  disabled?: boolean;
-  hidden?: boolean;
-}

package/src/types/ISelect.ts

@@ -1,6 +0,0 @@
-import { IValueLabel } from "./IBasic";
-
-export interface ISelectData extends IValueLabel {
-  disabled?: boolean;
-  [id: string]: any;
-}

package/src/types/ISidebar.ts

@@ -1,29 +0,0 @@
-import { IconDefinition } from "@fortawesome/fontawesome-svg-core";
-
-export interface ISidebarItem {
-  label: string;
-  icon: IconDefinition;
-  to?: string;
-  content?: ISidebarSubItem[];
-  menu?: {
-    content: ISidebarSubItem[];
-    openedMenu: string;
-    setOpenedMenu: (label: string) => void;
-  };
-  hidden?: boolean;
-  badge?: number;
-  addUrl?: string;
-  collapsed?: boolean;
-}
-
-export interface ISidebarSubItem {
-  label: string;
-  to?: string;
-  content?: ISidebarItem[];
-  hidden?: boolean;
-  tooltip?: string;
-  badge?: number;
-  addUrl?: string;
-  primary?: boolean;
-  collapsed?: boolean;
-}

package/src/types/ITab.ts

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

package/src/types/ITable.ts

@@ -1,210 +0,0 @@
-import {
-  Dispatch,
-  FunctionComponent,
-  MouseEventHandler,
-  ReactElement,
-  ReactNode,
-  RefObject,
-  SetStateAction,
-} from 'react';
-import { IconDefinition } from '@fortawesome/fontawesome-svg-core';
-import { IAnyObject } from './IBasic';
-
-export interface ITable {
-  columns: ITableColumn[];
-  setColumns?: (data: ITableColumn[]) => void;
-  firstHeaderRow?: ITableColumn[];
-  secondHeaderRow?: ITableColumn[];
-  data: ITableDataItem[];
-  totals?: ITableDataItem;
-  isLoading?: boolean;
-  loaderLogo?: string;
-  serverSidePagination?: IServerSidePagination;
-  customPagination?: {
-    defaultLimit?: number;
-    customLimit?: number[];
-  };
-  selectedRowUuid?: string;
-  footerAction?: {
-    icon?: IconDefinition;
-    onClick: () => void;
-  };
-  headerWrap?: boolean;
-  hideFooter?: boolean;
-  showLastBorder?: boolean;
-  filterData?: ITableFilterData;
-  sortData?: ITableSortData;
-  printData?: IPrintData;
-  additionsalOptions?: ReactNode;
-  selectedOptions?: ReactNode;
-  translations?: ITableTranslations;
-  className?: string;
-  editable?: {
-    selectedItem: any;
-    setSelectedItem: (item: any) => void;
-    defaultDataValue?: any;
-    EditableRow?: FunctionComponent<ITableEditRow>;
-    onSubmit: (data: any, onSubmitCallback?: () => void) => void;
-    disabled?: boolean;
-    inputFocusRef?: RefObject<any>;
-  };
-}
-
-export interface ITableColumn {
-  id: string;
-  label?: string;
-  align?: 'center' | 'left' | 'right' | 'justify' | undefined;
-  hidden?: boolean;
-  unavailable?: boolean;
-  width?: string;
-  minWidth?: string;
-  colSpan?: number;
-  rowSpan?: number;
-  break?: boolean;
-  sortOptions?: {
-    asc: string;
-    desc: string;
-    label: string;
-  };
-}
-
-export interface ITableDataItem {
-  uuid: string;
-  onRowClick?: MouseEventHandler<HTMLTableRowElement>;
-  className?: string;
-  cells: {
-    [id: string]: {
-      value: any;
-      align?: ITableColumn['align'];
-      className?: string;
-      onClick?: MouseEventHandler<HTMLTableCellElement>;
-      link?: boolean;
-      tooltip?: string;
-      span?: number;
-      unclickable?: boolean;
-    };
-  };
-  extendable?: {
-    element: ReactElement;
-    isLoading?: boolean;
-  };
-}
-
-export interface ITableFilterData {
-  columns: string[];
-  filters: ITableFilter;
-  activeFilterNo?: number;
-  additionalFilters?: ReactElement;
-  search: IAnyObject;
-  searchData: IAnyObject;
-  setSearchData: (search: IAnyObject) => void;
-  onSubmit: (search: IAnyObject) => void;
-  resetData?: IAnyObject;
-  excludeFromSearch?: string[];
-}
-
-export interface ITableFilterItem {
-  label: string;
-  field: ReactElement;
-  resetField: () => void;
-}
-export interface ITableFilter {
-  [id: string]: ITableFilterItem;
-}
-
-export interface ITableSortData {
-  sort: string;
-  setSort: (sort: string) => void;
-  sortOptions: ITableSort;
-  menuSize?: 's' | 'm' | 'l';
-}
-export interface ITableSort {
-  [id: string]: {
-    label: string;
-    asc: string;
-    desc: string;
-  };
-}
-
-export interface ITableColumnsData {
-  columns: ITableColumn[];
-  setColumns: (data: any) => void;
-}
-export interface IPrintData {
-  label: string;
-  organization?: {
-    name?: string;
-    taxId?: string;
-    registrationNumber?: string;
-    jbkjs?: string;
-    email?: string;
-  };
-  filters?: {
-    basic?: { label: string; value?: string }[];
-    date?: { label: string; from?: string; to?: string }[];
-  };
-  getPrintData: (pagination: IPagination) => Promise<IAnyObject>;
-  formatPrintData: (data: any) => ITableDataItem[];
-  saveXlsx?: () => void;
-  totals?: ITableDataItem;
-}
-
-export interface IPagination {
-  limit: number;
-  offset: number;
-}
-export interface IServerSidePagination {
-  limit: number;
-  offset: number;
-  setLimit: Dispatch<SetStateAction<number>>;
-  setOffset: Dispatch<SetStateAction<number>>;
-  totalRows: number;
-}
-
-export interface ITableEditRow {
-  columns: ITableColumn[];
-  data: any;
-  setData: (data: any) => void;
-  item?: any;
-  clearItem: () => void;
-  defaultDataValue?: any;
-  inputFocusRef?: RefObject<any>;
-}
-
-export interface ITableTranslations {
-  noDataText?: string;
-  pagination?: {
-    rowsPerPage: string;
-    of: string;
-    allResults: string;
-    page: string;
-  };
-  Sort?: string;
-  filter?: {
-    Filter?: string;
-    ResetFilter?: string;
-    Search?: string;
-    Delete?: string;
-  };
-  print?: {
-    Print?: string;
-    PrintExport?: string;
-    TaxId?: string;
-    RegistrationNumber?: string;
-    PrintDate?: string;
-    from?: string;
-    to?: string;
-    SaveXlsx?: string;
-  };
-  Cancel?: string;
-  Confirm?: string;
-  columns?: {
-    Columns?: string;
-    DragDropListsInfo?: string;
-    HiddenColumns?: string;
-    SelectedColumns?: string;
-  };
-  editable?: {
-    Actions?: string;
-  };
-}

package/src/types/custom.d.ts

@@ -1,9 +0,0 @@
-declare module "*.png" {
-  const value: string;
-  export = value;
-}
-
-declare module "*.svg" {
-  const value: string;
-  export = value;
-}

package/src/utils/DateUtils.ts

@@ -1,30 +0,0 @@
-import moment from 'moment/moment';
-
-export const formatDate = (date?: string) =>
-  date ? moment(date).format(`DD.MM.YYYY.`) : '/';
-export const formatDateYMD = (date: string | Date) => moment(date).format(`yyyy-MM-DD`);
-
-export const formatDateAndTime = (date?: string, withSeconds?: boolean) =>
-  date ? moment(date).format(`DD.MM.YYYY. HH:mm${withSeconds ? ':ss' : ''}`) : '/';
-
-export const formatTime = (date?: string, withSeconds?: boolean) =>
-  date ? moment(date).format(`HH:mm${withSeconds ? ':ss' : ''}`) : '/';
-
-export const dateAddDays = (date: string, addDays: number) =>
-  moment(date).add(addDays, 'days').toISOString();
-
-export const checkIfExpired = (date?: string) =>
-  date ? moment(new Date()) > moment(date) : true;
-
-export const getCurrentDateFormatted = () => moment().format('DD.MM.YYYY.').toString();
-export const getCurrentDateFormattedYMD = () => moment().format('yyyy-MM-DD').toString();
-
-export const getDaysLeft = (date?: string) => moment(date).diff(new Date(), 'days');
-
-export const formatYearMonth = (year: number, month: number) =>
-  `${year}-${month < 10 ? `0${month}` : month}`;
-
-// export const getDayInputRegex = (max: number) =>
-//   `(0[1-9]|1[0-9]|2[0-${max === 28 ? "8" : "9"}]${
-//     max > 29 && `|3[0${max > 30 && "-1"}]`
-//   })`;