intelicoreact 1.8.10 → 1.8.11

package/dist/Atomic/UI/Table/Table.jsx

@@ -1,63 +0,0 @@
-import cn from 'classnames';
-
-import TdHeader from './Partials/TdHeader';
-import TdRow from './Partials/TdRow';
-
-import './Table.scss';
-
-function Table({
-  rows,
-  onChange,
-  className,
-  header,
-  onActionClick,
-  testId = 'table',
-}) {
-  const handleArrayChange = (value, index) => {
-    rows[index] = value;
-    onChange({ header: [...header], rows: [...rows] });
-  };
-
-  return (
-    <div
-      data-testid={testId}
-      className={cn('simple-table', {
-        [`simple-table--${className}`]: className,
-      })}
-    >
-      <table>
-        <thead>
-          <tr>
-            {header?.map(item => (
-              <TdHeader item={item} key={item.key} />
-            ))}
-          </tr>
-        </thead>
-        <tbody>
-          {rows && rows?.length
-            ? (
-                rows?.map((row, index) => (
-                  <TdRow
-                    onActionClick={onActionClick}
-                    rowIndex={index}
-                    key={typeof row.id === 'object' ? row.id.value : row.id}
-                    item={row}
-                    header={header}
-                    onChange={value => handleArrayChange(value, index)}
-                  />
-                ))
-              )
-            : (
-                <tr>
-                  <td className="row--not-found" colSpan={header?.length}>
-                    Not set
-                  </td>
-                </tr>
-              )}
-        </tbody>
-      </table>
-    </div>
-  );
-}
-
-export default Table;

package/dist/Atomic/UI/Table/TdTypes/TdActions.jsx

@@ -1,80 +0,0 @@
-import { useState } from 'react';
-
-import * as Icons from 'react-feather';
-
-import Switcher from '../../../FormElements/Switcher/Switcher';
-
-import './TdTypes.scss';
-
-export function TdActions({ actions, onChange, onActionClick, rowItem }) {
-  if (!actions) return false;
-
-  const [state, setState] = useState(actions);
-
-  const handleArrayChange = (value, index, prop) => {
-    state[index][prop] = value;
-    setState([...state]);
-    onChange(state);
-  };
-
-  return (
-    <div className="j6">
-      {actions?.map((action, index) => {
-        switch (action.type) {
-          case 'download':
-            return (
-              <div
-                key={index}
-                className="td-actions--item td-actions--download"
-                onClick={() => {}}
-              >
-                <Icons.Download />
-              </div>
-            );
-          case 'edit':
-            return (
-              <div
-                key={index}
-                className="td-actions--item td-actions--edit"
-                onClick={() => {}}
-              >
-                <Icons.Edit3 />
-              </div>
-            );
-          case 'delete':
-            return (
-              <div
-                key={index}
-                className="td-actions--item td-actions--delete"
-                onClick={() => onActionClick('delete', rowItem)}
-              >
-                <Icons.Trash2 />
-              </div>
-            );
-          case 'undo':
-            return (
-              <div
-                key={index}
-                className="td-actions--item td-actions--undo"
-                onClick={() => onActionClick('undo', rowItem)}
-              >
-                <Icons.RotateCcw />
-              </div>
-            );
-          case 'switcher':
-            return (
-              <div key={index} className="df">
-                <Switcher
-                  label={action.label || null}
-                  isActive={action?.value}
-                  onChange={e => handleArrayChange(e, index, 'value')}
-                />
-              </div>
-            );
-          default:
-            return null;
-        }
-      })}
-    </div>
-  );
-}

package/dist/Atomic/UI/Table/TdTypes/TdPriority.jsx

@@ -1,26 +0,0 @@
-import cn from 'classnames';
-import { ArrowDown, ArrowUp } from 'react-feather';
-
-import '../Table.scss';
-
-function TdPriority({ onClick, rowIndex, cardLength }) {
-  return (
-    <div className="cards-table__priority">
-      <span className="mr5">{rowIndex + 1}</span>
-      <div className="df">
-        <ArrowDown
-          onClick={() => onClick(rowIndex)}
-          className={cn('table--icon', {
-            disabled: rowIndex + 1 === cardLength,
-          })}
-        />
-        <ArrowUp
-          onClick={() => onClick(rowIndex, true)}
-          className={cn('table--icon', { disabled: rowIndex === 0 })}
-        />
-      </div>
-    </div>
-  );
-}
-
-export default TdPriority;

package/dist/Atomic/UI/Table/TdTypes/TdRange.jsx

@@ -1,13 +0,0 @@
-function TdRange({ item }) {
-  if (!item) return false;
-
-  return (
-    <div>
-      <span>{item.from}</span>
-      <span> - </span>
-      <span>{item.to}</span>
-    </div>
-  );
-}
-
-export default TdRange;

package/dist/Atomic/UI/Table/TdTypes/TdWeight.jsx

@@ -1,56 +0,0 @@
-import cn from 'classnames';
-
-import { useEffect, useState } from 'react';
-
-import { useOutsideToggle } from '../../../../Functions/utils';
-import { KEY_CODE } from '../../Modal/Modal';
-
-import '../Table.scss';
-
-function TdWeight({ value, percent, onChange, className }) {
-  const [state, setState] = useState(value);
-  const {
-    isToggled: isEdited,
-    toggleOff: unsetIsEdited,
-    toggleOn: setIsEdited,
-  } = useOutsideToggle(false);
-
-  useEffect(() => {
-    setState(value);
-  }, [value, isEdited]);
-
-  const handleKeyUp = ({ keyCode, target }) => {
-    if (keyCode === KEY_CODE.ENTER) {
-      const newValue = Number(target.value) || 1;
-      onChange(newValue);
-      unsetIsEdited();
-    }
-  };
-
-  return (
-    <>
-      {isEdited
-        ? (
-            <Input
-              value={state}
-              onChange={e => setState(e)}
-              onBlur={unsetIsEdited}
-              onKeyUp={handleKeyUp}
-              autoFocus
-            />
-          )
-        : (
-            <div className={cn('td-weight', className)} onClick={setIsEdited}>
-              <span>{value}</span>
-              <span className="ml2 color--grey-gull">
-                (
-                {percent}
-                %)
-              </span>
-            </div>
-          )}
-    </>
-  );
-}
-
-export default TdWeight;

package/dist/Atomic/UI/TagList/TagList.jsx

@@ -1,256 +0,0 @@
-import cn from 'classnames';
-
-import {
-  createRef,
-  useEffect,
-  useLayoutEffect,
-  useRef,
-  useState,
-} from 'react';
-import { Edit3 } from 'react-feather';
-
-import { checkedRef } from '../../../Functions/utils';
-import Tag from '../Tag/Tag';
-
-import './TagList.scss';
-
-function TagList({
-  disabled,
-  className,
-  onTagClick,
-  removeItem = null,
-  items = [],
-  withToggle = true,
-  disableShowMore = false,
-  shownItemsCount = 'auto',
-  testId = 'test-taglist',
-  refProp,
-
-  renderOrder,
-
-  onEditClick,
-  onToggleRenderAll,
-}) {
-  const wrapperRef = useRef(null);
-  const [tagList, setTagList] = useState([]);
-
-  const [staticTagsCount, setStaticTagsCount] = useState(-1);
-  const [renderItemsCount, setRenderItemsCount] = useState(-1);
-  const [renderAll, setRenderAll] = useState(!withToggle);
-
-  const wrapperWidth
-    = wrapperRef?.current?.getBoundingClientRect()?.width ?? -1;
-
-  const setRenderAllInterceptor = (v) => {
-    setRenderAll(v);
-    onToggleRenderAll?.(v);
-  };
-
-  const getStaticTagsCount = (computedWidth) => {
-    if (typeof shownItemsCount === 'number') return shownItemsCount;
-
-    const delta = typeof onEditClick === 'function' ? 60 : 32;
-    const result = tagList.reduce(
-      (result, { itemRef }, index) => {
-        if (result.skip) return result;
-
-        const itemStyle
-          = itemRef?.current && window.getComputedStyle(itemRef.current);
-
-        const itemWidth = [
-          Number.parseInt(itemRef.current?.getBoundingClientRect()?.width, 10),
-          Number.parseInt(itemStyle?.marginLeft, 10),
-          Number.parseInt(itemStyle?.marginRight, 10),
-        ].reduce((result, item) => {
-          if (!isNaN(item)) result += item;
-          return result;
-        }, 0);
-
-        if (
-          (!isNaN(itemWidth)
-            && itemWidth > 0
-            && itemWidth + result.width < computedWidth - delta)
-          || index === 0
-        ) {
-          result = {
-            count: result.count + 1,
-            width: result.width + itemWidth,
-            items: [...result.items, { w: itemWidth, r: itemRef?.current }],
-          };
-        }
-        else {
-          result.skip = true;
-        }
-
-        return result;
-      },
-      { count: 0, width: 0, items: [], skip: false },
-    );
-    if (result?.items?.length === 1 && tagList.length > 1) {
-      result.items[0].r.style.maxWidth = `${computedWidth - delta - 8}px`;
-    }
-
-    return result?.count;
-  };
-
-  const cancelDefault = (e, cb = () => {}) => {
-    e?.preventDefault();
-    e?.stopPropagation();
-
-    cb(e);
-  };
-
-  const renderTags = () => {
-    const tagsRenderOrder
-      = renderOrder ?? tagList.map(({ value, id }) => value ?? id);
-
-    return tagsRenderOrder.map((v, i) => {
-      const item = tagList.find(({ value, id }) => {
-        if (id) return id === v; // сначала ищем по id
-        if (value) return value === v; // потом по value
-        return false;
-      });
-
-      if (!item) return null;
-
-      const isHidden
-        = renderItemsCount !== -1 && staticTagsCount !== -1
-          ? i >= renderItemsCount
-          : false;
-
-      return (
-        <div
-          className={`tag-list_wrapper_item ${isHidden ? 'tag-list_wrapper_item--hidden' : ''}`}
-          key={`tag-list-item-${item?.id ?? item?.value}`}
-          ref={checkedRef(item?.itemRef)}
-        >
-          <Tag
-            testId={`test-taglist-item-${item?.id ?? item?.value}`}
-            {...item}
-            onClick={onTagClick}
-            removeItem={removeItem}
-          />
-        </div>
-      );
-    });
-  };
-
-  const renderMoreTags = () => {
-    if (
-      tagList?.length < shownItemsCount
-      || !tagList?.length
-      || disableShowMore
-    ) {
-      return null;
-    }
-    const restItems = tagList.length - renderItemsCount;
-
-    if (restItems === 0 || !withToggle || staticTagsCount === -1) return null;
-
-    return (
-      <Tag
-        label={`+${restItems}`}
-        className="tag-list_wrapper_render-more"
-        onClick={
-          disableShowMore
-            ? () => {}
-            : e => cancelDefault(e, () => setRenderAllInterceptor(true))
-        }
-      />
-    );
-  };
-  const renderHideTags = () => {
-    if (
-      renderItemsCount !== tagList?.length
-      || !withToggle
-      || staticTagsCount === -1
-      || staticTagsCount === tagList?.length
-    ) {
-      return null;
-    }
-
-    return (
-      <Tag
-        label="..."
-        className="tag-list_wrapper_hide-more"
-        onClick={e => cancelDefault(e, () => setRenderAllInterceptor(false))}
-      />
-    );
-  };
-
-  // Set TagList Items
-  useEffect(() => {
-    setStaticTagsCount(-1);
-    setRenderItemsCount(-1);
-    setRenderAllInterceptor(false);
-    const itemsWithRef = items.map(item => ({ ...item, itemRef: createRef() }));
-    setTagList(itemsWithRef);
-  }, [items]);
-
-  // Count Row Tags
-  useLayoutEffect(() => {
-    if (withToggle && wrapperWidth !== -1 && staticTagsCount === -1) {
-      let computedWidth = wrapperWidth;
-
-      if (computedWidth === 0) {
-        computedWidth = Number.parseInt(
-          wrapperRef?.current
-            ? window.getComputedStyle(wrapperRef?.current)?.width
-            : 0,
-        );
-      }
-
-      if (!isNaN(computedWidth)) {
-        setStaticTagsCount(getStaticTagsCount(computedWidth));
-      }
-    }
-  }, [tagList, wrapperWidth, wrapperRef?.current]);
-
-  //
-  useLayoutEffect(() => {
-    setRenderItemsCount(staticTagsCount);
-  }, [staticTagsCount]);
-
-  // Toggle Show/Hide More Tags
-  useEffect(() => {
-    setRenderItemsCount(renderAll ? tagList?.length : staticTagsCount);
-  }, [renderAll]);
-
-  useEffect(() => {
-    if (wrapperRef?.current && refProp) refProp.current = wrapperRef?.current;
-  }, [wrapperRef?.current]);
-
-  return (
-    <div
-      className={cn(
-        'tag-list_wrapper',
-        `${
-          renderItemsCount !== tagList?.length
-          || !withToggle
-          || staticTagsCount === -1
-          || staticTagsCount === tagList?.length
-            ? 'tag-list_wrapper--only-static-items'
-            : 'tag-list_wrapper--all-items'
-        }`,
-        className,
-        { 'tag-list_wrapper--disabled': disabled },
-      )}
-      style={{
-        visibility: staticTagsCount === -1 ? 'hidden' : 'visible',
-        zIndex: staticTagsCount === -1 ? '-1' : 'auto',
-      }}
-      ref={wrapperRef}
-    >
-      {renderTags()}
-      {renderMoreTags()}
-      {renderHideTags()}
-      {typeof onEditClick === 'function' && (
-        <div className="tag-list__edit-trigger">
-          <Edit3 onClick={onEditClick} />
-        </div>
-      )}
-    </div>
-  );
-}
-
-export default TagList;

package/dist/Atomic/UI/WizardStepper/constructor.jsx

@@ -1,86 +0,0 @@
-import Status from '../Status/Status';
-
-export const WIZARD_STEP_VARIANTS = Object.freeze({
-  DEFAULT: 'default',
-  DONE: 'done',
-  ACTIVE: 'active',
-});
-
-function JSXMockComponent() {
-  const arr = [
-    { title: 'Requested Amont', value: '$15,000' },
-    { title: 'Repayment Amount', value: '$15,001' },
-    { title: 'Repayment Date', value: '12/12/2021' },
-  ]
-
-  const textStyles = {
-    fontSize: '14px',
-    fontWeight: 400,
-    lineHeight: '20px',
-    letterSpacing: '0.2px',
-  };
-
-  return arr.map((row) => {
-    return (
-      <div style={{ display: 'flex', justifyContent: 'space-between', maxWidth: '250px' }}>
-        <span style={textStyles}>{row.title}</span>
-        <span style={textStyles}>{row.value}</span>
-      </div>
-    )
-  });
-}
-
-export const mockData = [
-  {
-    key: 'businessInfo',
-    label: 'Provide Business Info',
-    description: 'This information will help us to evaluate your application',
-    isFinished: true,
-  },
-  {
-    key: 'principal',
-    label: 'Add Principal Information',
-    description: 'A principal is essentially another name for a company owner. At some corporations, the principal is also the founder, CEO, or even the chief investor',
-    isFinished: true,
-    isOptional: true,
-  },
-  {
-    key: 'coOwners',
-    label: 'Add Co-Owners',
-    description: '{merchantName} will receive that amount from {lenderNmae}',
-    isActive: true,
-    titleSlot: <span className="custom-title-slot">$15,001</span>,
-    contentSlot: <JSXMockComponent />,
-  },
-  {
-    key: 'bankAccount',
-    label: 'Add a Bank Account',
-    description: 'Your bank account information will be used to securely and automatically transfer the funds',
-    titleSlot: <Status label="Some JSX" status="draft" />,
-  },
-  {
-    key: 'documents',
-    label: 'Upload Documents',
-    description: 'Please upload the required documents',
-  },
-  {
-    key: 'review',
-    label: 'Review & Submit',
-    description: 'Please review the information and submit your application',
-  },
-  {
-    key: 'success',
-    label: 'Success',
-    description: 'Your application has been submitted successfully',
-  },
-  {
-    key: 'failure',
-    label: 'Failure',
-    description: 'Your application has been failed',
-  },
-  {
-    key: 'pending',
-    label: 'Pending',
-    description: 'Your application is under review',
-  },
-]