@expressms/smartapp-ui 2.8.1 → 2.8.2-alpha.10

package/build/main/assets/storybook/index.d.ts

@@ -16,3 +16,5 @@ export { ReactComponent as DownloadIcon } from './download.svg';
 export { ReactComponent as DeleteIcon } from './delete.svg';
 export { ReactComponent as UnreadMailIcon } from './unread-mail.svg';
 export { ReactComponent as FavoriteMailIcon } from './favorite-mail.svg';
+export { ReactComponent as DiskLoaderIcon } from './disk-loader.svg';
+export { ReactComponent as EditIcon } from './edit.svg';

package/build/main/components/Charts/ChartBar/ChartBar.d.ts

@@ -0,0 +1,4 @@
+import { IChartProps } from '../types';
+import '../../../styles/styles.scss';
+declare const ChartBar: ({ chartHeight, title, xAxis, tooltipXAxis, data, legendUnits }: IChartProps) => import("react/jsx-runtime").JSX.Element;
+export default ChartBar;

package/build/main/components/Charts/ChartLine/ChartLine.d.ts

@@ -0,0 +1,4 @@
+import { IChartProps } from '../types';
+import '../../../styles/styles.scss';
+declare const ChartLine: ({ chartHeight, title, xAxis, tooltipXAxis, data, legendUnits }: IChartProps) => import("react/jsx-runtime").JSX.Element;
+export default ChartLine;

package/build/main/components/Charts/ChartPie/ChartPie.d.ts

@@ -0,0 +1,4 @@
+import { IChartPieProps } from '../types';
+import '../../../styles/styles.scss';
+declare const ChartPie: ({ chartSize, data, title, subtitle, legendUnits }: IChartPieProps) => import("react/jsx-runtime").JSX.Element;
+export default ChartPie;

package/build/main/components/Charts/index.d.ts

@@ -0,0 +1,3 @@
+export { default as ChartBar } from './ChartBar/ChartBar';
+export { default as ChartLine } from './ChartLine/ChartLine';
+export { default as ChartPie } from './ChartPie/ChartPie';

package/build/main/components/CustomSelect/CustomSelect.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+import { ICustomSelectProps } from './types';
+import '../../styles/styles.scss';
+export declare const generateListItemTextRect: (listItemTextRef: React.RefObject<HTMLDivElement | null>) => {
+    scrollWidth: number;
+    clientWidth: number;
+    left: number;
+    top: number;
+    maxWidth: number;
+};
+declare const CustomSelect: ({ isLoading, isSearchable, isCreatable, isDisabled, isOptionsWithTooltip, fillType, width, menuListMaxHeight, containerClassName, containerStyles, title, placeholder, hint, noOptionsMessage, error, menuPosition, menuLocation, defaultValue, options, onChange, onDisabledOptionClick, onMenuOpen, }: ICustomSelectProps) => import("react/jsx-runtime").JSX.Element;
+export default CustomSelect;

package/build/main/{/321/201omponents → components}/CustomSelect/types.d.ts

@@ -34,6 +34,7 @@ export interface ICustomSelectProps extends IThemeProps {
     isSearchable?: boolean;
     isCreatable?: boolean;
     isDisabled?: boolean;
+    isOptionsWithTooltip?: boolean;
     fillType?: 'primary' | 'secondary';
     width?: IntRange<1, 101>;
     menuListMaxHeight?: number;

package/build/main/components/DraggablePopup/DraggablePopup.d.ts

@@ -0,0 +1,4 @@
+import { IDraggablePopup } from './types';
+import '../../styles/styles.scss';
+declare const DraggablePopup: ({ draggableZoneRef, popupContent, isPopupOpen, handleClose, popupCoords, title, bottomContent, dropZonePadding, offsetScrollY, handleChangeCoords, offsetPopupByClick, maxPopupHeight, contextMenuProps, popupClassName, }: IDraggablePopup) => import("react/jsx-runtime").JSX.Element | null;
+export default DraggablePopup;

package/build/main/components/DraggablePopup/index.d.ts

@@ -0,0 +1 @@
+export { default } from './DraggablePopup';

package/build/main/components/DraggablePopup/types.d.ts

@@ -0,0 +1,60 @@
+import React, { ReactElement, RefObject } from 'react';
+import { IContextMenuProps } from '../ContextMenu/types';
+export type TPopupPosition = {
+    x: number;
+    y: number;
+};
+type TDraggablePadding = {
+    top: number;
+    bottom: number;
+    left: number;
+    right: number;
+};
+type TOffsetPopupByClick = {
+    offsetPopupXByClick: number;
+    offsetPopupYByClick: number;
+};
+export type TDraggableZoneInfo = {
+    width: number;
+    height: number;
+    top: number;
+    right: number;
+    bottom: number;
+    left: number;
+};
+export type TCalculateNewX = {
+    currentX: number;
+    leftPadding: number;
+    rightPadding: number;
+    zoneWidth: number;
+    popupWidth: number;
+};
+export type TCalculateNewY = {
+    currentY: number;
+    topPadding: number;
+    bottomPadding: number;
+    zoneHeight: number;
+    popupHeight: number;
+};
+export type TCurrentContextMenu = IContextMenuProps & {
+    openMenu: () => void;
+};
+export interface IDraggablePopup {
+    draggableZoneRef: RefObject<HTMLDivElement | null>;
+    popupCoords: TPopupPosition;
+    popupContent: ReactElement;
+    isPopupOpen: boolean;
+    handleClose: () => void;
+    title?: string;
+    bottomContent?: ReactElement;
+    dropZonePadding?: TDraggablePadding;
+    offsetScrollY?: number;
+    offsetPopupByClick?: TOffsetPopupByClick;
+    handleChangeCoords: (coords: TPopupPosition) => void;
+    maxPopupHeight?: number;
+    popupClassName?: string;
+    contextMenuProps?: Omit<IContextMenuProps, 'position'> & {
+        openMenu: (event?: React.MouseEvent<HTMLDivElement, MouseEvent>) => void;
+    };
+}
+export {};

package/build/main/{/321/201omponents → components}/ListItem/types.d.ts

@@ -1,4 +1,4 @@
-import { ReactElement } from 'react';
+import { ReactElement, RefObject } from 'react';
 import { IThemeProps, TStyles } from '../../constants';
 export type TInteractivePosition = 'left' | 'right';
 export type TInteractiveElement = 'radio-button' | 'checkbox' | 'toggle';
@@ -37,4 +37,5 @@ export type IListItemProps = IThemeProps & (InteractiveItemProps | NotInteractiv
     className?: string;
     styles?: TStyles;
     textStyles?: TStyles;
+    textRef?: RefObject<HTMLDivElement | null>;
 };

package/build/main/{/321/201omponents → components}/Loader/Loader.d.ts

@@ -1,4 +1,4 @@
 import { ILoaderProps } from './types';
 import '../../styles/styles.scss';
-declare const Loader: ({ isLoader, isFullScreen, isTextItalic, title, textSize, width, iconSize, containerClassName, className, containerStyles, styles, color, backgroundColor, theme, }: ILoaderProps) => import("react/jsx-runtime").JSX.Element | null;
+declare const Loader: ({ isLoader, isFullScreen, isTextItalic, title, textSize, width, iconSize, containerClassName, className, containerStyles, styles, color, backgroundColor, theme, icon, }: ILoaderProps) => import("react/jsx-runtime").JSX.Element | null;
 export default Loader;

package/build/main/{/321/201omponents → components}/Loader/types.d.ts

@@ -1,3 +1,4 @@
+import { ReactElement } from 'react';
 import { IThemeProps, TStyles } from '../../constants';
 export interface ILoaderProps extends IThemeProps {
     isLoader: boolean;
@@ -13,4 +14,5 @@ export interface ILoaderProps extends IThemeProps {
     styles?: TStyles;
     color?: string;
     backgroundColor?: string;
+    icon?: ReactElement;
 }

package/build/main/components/Modal/Modal.d.ts

@@ -0,0 +1,4 @@
+import { IModalProps } from './types';
+import '../../styles/styles.scss';
+declare const Modal: ({ isModalOpen, isClosableOutside, isCloseIconHidden, isPopup, isBottomSheet, isDisabledBottomSheet, isCloseButtonDisabled, modalId, content, bottomContent, title, platform, popupClassName, className, popupStyles, styles, titleStyles, contentStyles, iconColor, backgroundColor, modalMaxHeight, bottomSheetProps, externalBottomSheetScrollContainer, contextMenuProps, handleCloseModal, }: IModalProps) => import("react/jsx-runtime").JSX.Element | null;
+export default Modal;

package/build/main/{/321/201omponents → components}/Modal/types.d.ts

@@ -1,14 +1,18 @@
-import { ReactElement, RefObject } from 'react';
+import React, { ReactElement, RefObject } from 'react';
 import { BottomSheetProps } from 'alex.chus-react-spring-bottom-sheet';
 import { ICommonProps, TStyles } from '../../constants';
+import { IContextMenuProps } from '../ContextMenu/types';
 export interface IModalProps extends ICommonProps {
     isModalOpen: boolean;
     isClosableOutside?: boolean;
     isCloseIconHidden?: boolean;
+    isCloseButtonDisabled?: boolean;
+    isPopup?: boolean;
+    isBottomSheet?: boolean;
+    isDisabledBottomSheet?: boolean;
     modalId?: string;
     content: ReactElement;
     bottomContent?: ReactElement;
-    handleCloseModal: () => void;
     title?: string;
     popupClassName?: string;
     className?: string;
@@ -18,9 +22,11 @@ export interface IModalProps extends ICommonProps {
     contentStyles?: TStyles;
     iconColor?: string;
     backgroundColor?: string;
-    isBottomSheet?: boolean;
-    isDisabledBottomSheet?: boolean;
+    modalMaxHeight?: number;
     bottomSheetProps?: Partial<BottomSheetProps>;
-    isCloseButtonDisabled?: boolean;
     externalBottomSheetScrollContainer?: RefObject<HTMLDivElement | null>;
+    contextMenuProps?: IContextMenuProps & {
+        openMenu: (event?: React.MouseEvent<HTMLDivElement, MouseEvent>) => void;
+    };
+    handleCloseModal: () => void;
 }

package/build/main/{/321/201omponents → components}/ScrollBar/ScrollBar.d.ts

@@ -1,5 +1,5 @@
 import { IScrollBarProps } from './types';
 import '../../styles/styles.scss';
 export declare const DEFAULT_SCROLL_BAR_HEIGHT = "100%";
-declare const ScrollBar: ({ platform, contentId, content, handleScroll, hideDuration, containerHeight, trackHeight, containerClassName, containerStyles, scrollbarRef, ...restProps }: IScrollBarProps) => import("react/jsx-runtime").JSX.Element;
+declare const ScrollBar: ({ platform, contentId, content, handleScroll, hideDuration, containerHeight, trackHeight, containerClassName, containerStyles, scrollbarRef, containerScrollRef, ...restProps }: IScrollBarProps) => import("react/jsx-runtime").JSX.Element;
 export default ScrollBar;

package/build/main/{/321/201omponents → components}/ScrollBar/types.d.ts

@@ -15,5 +15,6 @@ export interface IScrollBarProps extends Omit<ScrollbarProps, 'content' | 'ref'>
     content: ReactNode;
     contentId?: string;
     scrollbarRef?: TScrollbarRef;
+    containerScrollRef?: React.Ref<HTMLDivElement>;
 }
 export {};

package/build/main/components/Skeleton/Skeleton.d.ts

@@ -0,0 +1,4 @@
+import { ISkeletonProps } from './types';
+import '../../styles/styles.scss';
+declare const Skeleton: ({ className, styles, baseColor, width, height, borderRadius, circle, containerRef, animationDuration, initialOffset, }: ISkeletonProps) => import("react/jsx-runtime").JSX.Element;
+export default Skeleton;

package/build/main/components/Skeleton/index.d.ts

@@ -0,0 +1 @@
+export { default as Skeleton } from './Skeleton';

package/build/main/{/321/201omponents → components}/UserDropdown/helpers.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { TCorporateEntity, TGenerateContactsOption, TGenerateContactsOptionsToSelect, TGenerateCorporateOption, TGenerateCorporateOptionsToSelect, TGenerateEnteredByUserOption } from './types';
 export declare const generateCorporateOption: ({ option: { name, avatar, email, contacts, serverName, company, department, companyPosition, isPrivateSchedule }, ...remainingFields }: TGenerateCorporateOption) => {
     platform: string;

package/build/main/constants/constants.d.ts

@@ -61,7 +61,6 @@ export declare const CANCEL_ACTION_TEXT = "\u041E\u0442\u043C\u0435\u043D\u0438\
 export declare const NUMBER_OF_STORIES_FOR_ROUND_INDICATORS = 5;
 export declare const DEFAULT_FONT_FAMILY = "Open Sans";
 export declare const MIN_TEXTAREA_HEIGHT = "120px";
-export declare const CONTEXT_MENU_WIDTH = 250;
 export declare const CONTEXT_MENU_SAFE_SPACE = 15;
 export declare const WEB_NOTIFICATION_DISTANCE_FROM_BOTTOM = 8;
 export declare const MOBILE_NOTIFICATION_DISTANCE_FROM_BOTTOM = 40;
@@ -135,3 +134,9 @@ export declare const CENTER = "center";
 export declare const BOTTOM_SHEET = "bottom-sheet";
 export declare const DIRECTION = "direction";
 export declare const ROW = "row";
+export declare enum EVENT_LISTENER_TYPES {
+    click = "click"
+}
+export declare enum POPUP_ON_EVENT_TYPE {
+    hover = "hover"
+}

package/build/main/hooks/useModal.d.ts

@@ -1,6 +1,5 @@
 import React, { RefObject } from 'react';
 import { BottomSheetProps } from 'alex.chus-react-spring-bottom-sheet';
-import 'alex.chus-react-spring-bottom-sheet/dist/style.css';
 interface UseModalProps {
     isModalOpen: boolean;
     platform?: string;

package/build/main/index.d.ts

@@ -1,3 +1,34 @@
-export * from './styles';
-export * from './сomponents';
-export * from './сomponents/types';
+export { default as Button } from './components/Button/Button';
+export { default as Header } from './components/Header/Header';
+export { default as ActionModal } from './components/ActionModal/ActionModal';
+export { default as AttachedFile } from './components/AttachedFile/AttachedFile';
+export { default as Avatar } from './components/Avatar/Avatar';
+export { default as Calendar } from './components/Calendar/Calendar';
+export { default as Checkbox } from './components/Checkbox/Checkbox';
+export { default as Chip } from './components/Chip/Chip';
+export { default as ConfirmationModal } from './components/ConfirmationModal/ConfirmationModal';
+export { default as CustomSelect } from './components/CustomSelect/CustomSelect';
+export { default as CustomSelectProfiles } from './components/CustomSelectProfiles/CustomSelectProfiles';
+export { default as DragAndDrop } from './components/DragAndDrop/DragAndDrop';
+export { default as DraggablePopup } from './components/DraggablePopup/DraggablePopup';
+export { default as Error } from './components/Error/Error';
+export { default as Input } from './components/Input/Input';
+export { default as Loader } from './components/Loader/Loader';
+export { default as Profile } from './components/Profile/Profile';
+export { default as Switcher } from './components/Switcher/Switcher';
+export { default as ScrollBar } from './components/ScrollBar/ScrollBar';
+export { default as Toggle } from './components/Toggle/Toggle';
+export { default as Stories } from './components/Stories/Stories';
+export { default as SyncLoader } from './components/SyncLoader/SyncLoader';
+export { default as Modal } from './components/Modal';
+export { default as Notification } from './components/Notification/Notification';
+export { default as RadioButton } from './components/RadioButton/RadioButton';
+export { default as Textarea } from './components/Textarea/Textarea';
+export { default as ContextMenu } from './components/ContextMenu/ContextMenu';
+export { default as UserDropdown } from './components/UserDropdown/UserDropdown';
+export { Skeleton } from './components/Skeleton';
+export { default as ListItem } from './components/ListItem/ListItem';
+export { default as CachedImage } from './components/CachedImage/CachedImage';
+export { default as ProgressBar } from './components/ProgressBar/ProgressBar';
+export { ChartBar, ChartLine, ChartPie } from './components/Charts/';
+export { Flex, VFlex, HFlex } from './components/Flex/';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@expressms/smartapp-ui",
-  "version": "2.8.1",
+  "version": "2.8.2-alpha.10",
   "description": "SmartApp UI library",
   "license": "MIT",
   "main": "build/main/index.js",
@@ -11,61 +11,18 @@
     "registry": "https://registry.npmjs.org/"
   },
   "dependencies": {
-    "@storybook/core-events": "^8.5.1",
-    "@svgr/webpack": "^8.1.0",
-    "@testing-library/jest-dom": "^6.4.2",
-    "@types/color": "^3.0.6",
-    "@types/dompurify": "^3.0.5",
-    "@types/echarts": "^5.0.0",
-    "@types/jest": "^29.5.12",
-    "@types/node": "^16.18.11",
-    "@types/react": "^19.0.2",
-    "@types/react-beautiful-dnd": "^13.1.4",
-    "@types/react-datepicker": "^4.8.0",
-    "@types/react-dom": "^18.0.10",
-    "@types/react-slick": "^0.23.10",
-    "@types/uuid": "^9.0.8",
-    "@typescript-eslint/eslint-plugin": "^6.6.0",
-    "@typescript-eslint/parser": "^6.6.0",
     "alex.chus-react-spring-bottom-sheet": "^0.0.2",
-    "animate.css": "^4.1.1",
-    "babel-jest": "^18.0.0",
-    "babel-loader": "8.2.3",
-    "babel-plugin-named-asset-import": "^0.3.8",
-    "babel-preset-react-app": "^10 .0.1",
-    "browserslist": "^4.18.1",
     "camelcase": "^6.2.1",
     "classnames": "^2.3.2",
     "color": "^4.2.3",
     "color-blend": "^4.0.0",
     "convert-layout": "^0.11.1",
-    "copyfiles": "^2.4.1",
-    "css-loader": "^6.5.1",
-    "dompurify": "^3.1.4",
-    "dotenv": "^10.0.0",
-    "dotenv-expand": "^5.1.0",
     "echarts": "^5.5.0",
     "echarts-for-react": "^3.0.2",
-    "eslint": "^8.3.0",
-    "eslint-plugin-react": "^7.34.0",
-    "eslint-plugin-react-hooks": "^4.6.0",
-    "eslint-webpack-plugin": "^3.1.1",
-    "file-loader": "^6.2.0",
-    "html-webpack-plugin": "^5.5.0",
-    "jest": "^25.0.0",
-    "jest-resolve": "^27.4.2",
-    "jest-watch-typeahead": "^1.0.0",
-    "juice": "^10.0.0",
-    "mini-css-extract-plugin": "^2.4.5",
-    "react": "^18.2.0",
-    "react-app-polyfill": "^3.0.0",
     "react-beautiful-dnd": "^13.1.1",
     "react-datepicker": "^4.8.0",
-    "react-dev-utils": "^12.0.1",
-    "react-dom": "^18.2.0",
+    "react-draggable": "^4.4.6",
     "react-insta-stories": "^2.6.2",
-    "react-refresh": "^0.11.0",
-    "react-router-dom": "^6.7.0",
     "react-scrollbars-custom": "^4.1.1",
     "react-select": "^5.8.0",
     "react-slick": "^0.29.0",
@@ -74,19 +31,8 @@
     "react-virtualized": "^9.22.5",
     "react-window": "^1.8.10",
     "reactjs-popup": "^2.0.5",
-    "resolve": "^1.20.0",
-    "rollup-plugin-lit-css": "^4.0.1",
-    "sass": "^1.66.1",
-    "sass-loader": "^12.3.0",
-    "semver": "^7.3.5",
-    "source-map-loader": "^3.0.0",
     "styled-components": "^6.1.11",
-    "tailwindcss": "^3.0.2",
-    "transliteration": "^2.3.5",
-    "typescript": "^4.9.4",
-    "typescript-plugin-css-modules": "^5.0.1",
-    "url-loader": "^4.1.1",
-    "uuid": "^9.0.1"
+    "transliteration": "^2.3.5"
   },
   "resolutions": {
     "@typescript-eslint/utils": "6.21.0",
@@ -141,40 +87,102 @@
     ]
   },
   "devDependencies": {
+    "@babel/preset-env": "^7.28.0",
     "@expressms/eslint-config": "^1.0.3",
     "@expressms/prettier-config": "^1.0.0",
     "@pmmmwh/react-refresh-webpack-plugin": "^0.5.3",
     "@storybook/addon-essentials": "^8.5.1",
     "@storybook/blocks": "^8.5.1",
+    "@storybook/core-events": "^8.5.1",
     "@storybook/preset-create-react-app": "^8.5.1",
     "@storybook/react": "^8.5.1",
     "@storybook/react-webpack5": "^8.5.1",
     "@storybook/test": "^8.5.1",
+    "@svgr/webpack": "^8.1.0",
+    "@testing-library/jest-dom": "^6.4.2",
+    "@types/color": "^3.0.6",
     "@types/convert-layout": "^0.5.3",
+    "@types/dompurify": "^3.0.5",
+    "@types/echarts": "^5.0.0",
+    "@types/jest": "^29.5.12",
     "@types/lodash": "^4.17.13",
+    "@types/node": "^16.18.11",
+    "@types/react": "^19.0.2",
+    "@types/react-beautiful-dnd": "^13.1.4",
+    "@types/react-datepicker": "^4.8.0",
+    "@types/react-dom": "^18.0.10",
+    "@types/react-slick": "^0.23.10",
     "@types/react-virtualized": "^9.21.30",
     "@types/react-window": "^1.8.8",
+    "@types/uuid": "^9.0.8",
+    "@typescript-eslint/eslint-plugin": "^6.6.0",
+    "@typescript-eslint/parser": "^6.6.0",
+    "alex.chus-react-spring-bottom-sheet": "^0.0.2",
+    "animate.css": "^4.1.1",
+    "babel-jest": "^18.0.0",
+    "babel-loader": "8.2.3",
+    "babel-plugin-named-asset-import": "^0.3.8",
+    "babel-preset-react-app": "^10 .0.1",
+    "browserslist": "^4.18.1",
+    "copyfiles": "^2.4.1",
     "css-loader": "^6.7.3",
     "css-minimizer-webpack-plugin": "^3.2.0",
+    "dompurify": "^3.1.4",
+    "dotenv": "^10.0.0",
+    "dotenv-expand": "^5.1.0",
+    "eslint": "^8.3.0",
     "eslint-config-react-app": "^6.0.0",
+    "eslint-plugin-react": "^7.34.0",
+    "eslint-plugin-react-hooks": "^4.6.0",
     "eslint-plugin-storybook": "^0.11.0",
+    "eslint-webpack-plugin": "^3.1.1",
+    "file-loader": "^6.2.0",
+    "html-webpack-plugin": "^5.5.0",
+    "jest": "^25.0.0",
+    "jest-resolve": "^27.4.2",
+    "jest-watch-typeahead": "^1.0.0",
+    "juice": "^10.0.0",
+    "mini-css-extract-plugin": "^2.4.5",
     "postcss": "^8.4.4",
     "postcss-flexbugs-fixes": "^5.0.2",
     "postcss-loader": "^6.2.1",
     "postcss-normalize": "^10.0.1",
     "postcss-preset-env": "^7.0.1",
-    "prop-types": "^15.8.1",
+    "react": "^18.2.0",
+    "react-app-polyfill": "^3.0.0",
+    "react-dev-utils": "^12.0.1",
+    "react-dom": "^18.2.0",
+    "react-refresh": "^0.11.0",
+    "react-router-dom": "^6.7.0",
     "react-scripts": "^5.0.1",
+    "resolve": "^1.20.0",
     "resolve-url-loader": "2.3.1",
+    "sass": "^1.66.1",
+    "sass-loader": "^12.3.0",
+    "semver": "^7.3.5",
+    "source-map-loader": "^3.0.0",
     "storybook": "^8.5.1",
+    "style-loader": "^4.0.0",
+    "tailwindcss": "^3.0.2",
     "terser-webpack-plugin": "^5.2.5",
+    "ts-loader": "^9.5.2",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
+    "typescript": "^4.9.4",
+    "typescript-plugin-css-modules": "^5.0.1",
+    "url-loader": "^4.1.1",
+    "uuid": "^9.0.1",
     "webpack": "^5.75.0",
+    "webpack-bundle-analyzer": "^4.10.2",
     "webpack-cli": "^5.0.1",
     "webpack-dev-server": "^4.6.0",
     "webpack-manifest-plugin": "^4.0.2",
     "workbox-webpack-plugin": "^6.4.1"
   },
+  "peerDependencies": {
+    "react": ">=17.0.0",
+    "react-dom": ">=17.0.0",
+    "react-router-dom": ">=6.0.0"
+  },
   "jest": {
     "roots": [
       "<rootDir>/src"

package/build/main/assets/icons/arrow-back.svg

@@ -1,3 +0,0 @@
-<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M15.7922 9.14761H6.2232L10.4038 4.96705C10.7379 4.63295 10.7379 4.08468 10.4038 3.75058C10.0697 3.41647 9.52995 3.41647 9.19585 3.75058L3.55038 9.39605C3.21628 9.73015 3.21628 10.2699 3.55038 10.604L9.19585 16.2494C9.52995 16.5835 10.0697 16.5835 10.4038 16.2494C10.7379 15.9153 10.7379 15.3756 10.4038 15.0415L6.2232 10.861H15.7922C16.2634 10.861 16.6489 10.4755 16.6489 10.0043C16.6489 9.53311 16.2634 9.14761 15.7922 9.14761Z" fill="currentColor"/>
-</svg>

package/build/main/assets/icons/arrow-down.svg

@@ -1,3 +0,0 @@
-<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M5.41421 6C4.52331 6 4.07714 7.07714 4.70711 7.70711L7.29289 10.2929C7.68342 10.6834 8.31658 10.6834 8.70711 10.2929L11.2929 7.7071C11.9229 7.07714 11.4767 6 10.5858 6L5.41421 6Z" fill="currentColor"/>
-</svg>

package/build/main/assets/icons/arrow-up.svg

@@ -1,3 +0,0 @@
-<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M5.41421 10C4.52331 10 4.07714 8.92286 4.70711 8.29289L7.29289 5.70711C7.68342 5.31658 8.31658 5.31658 8.70711 5.70711L11.2929 8.2929C11.9229 8.92286 11.4767 10 10.5858 10L5.41421 10Z" fill="currentColor"/>
-</svg>

package/build/main/assets/icons/attachment-loader.svg

@@ -1,3 +0,0 @@
-<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M4 12C4 16.4183 7.58172 20 12 20C16.4183 20 20 16.4183 20 12C20 7.58172 16.4183 4 12 4" stroke="#4799E3" stroke-width="2.28571" stroke-linecap="round"/>
-</svg>

package/build/main/assets/icons/button-loader.svg

@@ -1,3 +0,0 @@
-<svg width="24" height="24" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M16 29C23.1797 29 29 23.1797 29 16C29 8.8203 23.1797 3 16 3C8.8203 3 3 8.8203 3 16" stroke="currentColor" stroke-width="3.4" stroke-linecap="round"/>
-</svg>

package/build/main/assets/icons/cancel-cross.svg

@@ -1,3 +0,0 @@
-<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path fill-rule="evenodd" clip-rule="evenodd" d="M12.3137 10.5858L16.5563 6.34315C16.9469 5.95262 17.58 5.95262 17.9706 6.34315C18.3611 6.73367 18.3611 7.36684 17.9706 7.75736L13.7279 12L17.9706 16.2426C18.3611 16.6332 18.3611 17.2663 17.9706 17.6569C17.58 18.0474 16.9469 18.0474 16.5563 17.6569L12.3137 13.4142L8.07107 17.6569C7.68054 18.0474 7.04738 18.0474 6.65685 17.6569C6.26633 17.2663 6.26633 16.6332 6.65685 16.2426L10.8995 12L6.65685 7.75736C6.26633 7.36684 6.26633 6.73367 6.65685 6.34315C7.04738 5.95262 7.68054 5.95262 8.07107 6.34315L12.3137 10.5858Z" fill="currentColor"/>
-</svg>

package/build/main/assets/icons/check-mark.svg

@@ -1,4 +0,0 @@
-<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path fill-rule="evenodd" clip-rule="evenodd" d="M20 10C20 15.5227 15.5227 20 10 20C4.47727 20 0 15.5227 0 10C0 4.47727 4.47727 0 10 0C15.5227 0 20 4.47727 20 10Z" fill="currentColor"/>
-<path d="M15.1861 6.17493C15.5424 6.52857 15.5442 7.10402 15.1906 7.46039L8.86606 13.824C8.69515 13.9958 8.46333 14.0922 8.22152 14.0922C7.97879 14.0922 7.74697 13.9958 7.57606 13.824L4.8097 11.0395C4.45515 10.684 4.45697 10.1086 4.81334 9.75402C5.1697 9.40039 5.74515 9.40221 6.09879 9.75857L8.22061 11.8931L13.9006 6.17857C14.2542 5.82221 14.8297 5.82039 15.1861 6.17493Z" fill="white"/>
-</svg>

package/build/main/assets/icons/clear.svg

@@ -1,3 +0,0 @@
-<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path fill-rule="evenodd" clip-rule="evenodd" d="M7.99976 6.67418L11.9772 2.69671C12.3434 2.33059 12.9369 2.33059 13.3031 2.69671C13.6692 3.06282 13.6692 3.65642 13.3031 4.02253L9.32559 8.00001L13.3031 11.9775C13.6692 12.3436 13.6692 12.9372 13.3031 13.3033C12.9369 13.6694 12.3434 13.6694 11.9772 13.3033L7.99976 9.32583L4.02229 13.3033C3.65617 13.6694 3.06258 13.6694 2.69646 13.3033C2.33035 12.9372 2.33035 12.3436 2.69646 11.9775L6.67394 8.00001L2.69646 4.02253C2.33035 3.65642 2.33035 3.06282 2.69646 2.69671C3.06258 2.33059 3.65617 2.33059 4.02229 2.69671L7.99976 6.67418Z" fill="currentColor"/>
-</svg>

package/build/main/assets/icons/close-stories.svg

@@ -1,4 +0,0 @@
-<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-<rect width="24" height="24" rx="12" fill="white"/>
-<path d="M16.7782 7.22943C16.4824 6.93364 16.0045 6.93364 15.7088 7.22943L12 10.9306L8.29124 7.22184C7.99545 6.92605 7.51763 6.92605 7.22184 7.22184C6.92605 7.51763 6.92605 7.99545 7.22184 8.29124L10.9306 12L7.22184 15.7088C6.92605 16.0045 6.92605 16.4824 7.22184 16.7782C7.51763 17.0739 7.99545 17.0739 8.29124 16.7782L12 13.0694L15.7088 16.7782C16.0045 17.0739 16.4824 17.0739 16.7782 16.7782C17.0739 16.4824 17.0739 16.0045 16.7782 15.7088L13.0694 12L16.7782 8.29124C17.0664 8.00303 17.0664 7.51763 16.7782 7.22943Z" fill="#111111" fill-opacity="0.3"/>
-</svg>

package/build/main/assets/icons/close.svg

@@ -1,10 +0,0 @@
-<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-<g clip-path="url(#clip0_3506_3864)">
-<path d="M18.3 5.70973C17.91 5.31973 17.28 5.31973 16.89 5.70973L12 10.5897L7.11 5.69973C6.72 5.30973 6.09 5.30973 5.7 5.69973C5.31 6.08973 5.31 6.71973 5.7 7.10973L10.59 11.9997L5.7 16.8897C5.31 17.2797 5.31 17.9097 5.7 18.2997C6.09 18.6897 6.72 18.6897 7.11 18.2997L12 13.4097L16.89 18.2997C17.28 18.6897 17.91 18.6897 18.3 18.2997C18.69 17.9097 18.69 17.2797 18.3 16.8897L13.41 11.9997L18.3 7.10973C18.68 6.72973 18.68 6.08973 18.3 5.70973Z" fill="currentColor" fill-opacity="1"/>
-</g>
-<defs>
-<clipPath id="clip0_3506_3864">
-<rect width="24" height="24" fill="white"/>
-</clipPath>
-</defs>
-</svg>

package/build/main/assets/icons/contact-info.svg

@@ -1,12 +0,0 @@
-<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
-<g clip-path="url(#clip0_8442_108098)">
-<path d="M8.00016 14.6663C11.6821 14.6663 14.6668 11.6816 14.6668 7.99967C14.6668 4.31778 11.6821 1.33301 8.00016 1.33301C4.31826 1.33301 1.3335 4.31778 1.3335 7.99967C1.3335 11.6816 4.31826 14.6663 8.00016 14.6663Z" stroke="#B7B7B7" stroke-width="1.66667" stroke-linecap="round" stroke-linejoin="round"/>
-<path d="M8 10.6667V8" stroke="#B7B7B7" stroke-width="1.66667" stroke-linecap="round" stroke-linejoin="round"/>
-<path d="M8 5.33301H8.007" stroke="#B7B7B7" stroke-width="1.66667" stroke-linecap="round" stroke-linejoin="round"/>
-</g>
-<defs>
-<clipPath id="clip0_8442_108098">
-<rect width="16" height="16" fill="white"/>
-</clipPath>
-</defs>
-</svg>

package/build/main/assets/icons/corporate-user.svg

@@ -1,10 +0,0 @@
-<svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg">
-<g clip-path="url(#clip0_8442_108110)">
-<path d="M10.8 2.4H8.4V1.2C8.4 0.534 7.866 0 7.2 0H4.8C4.134 0 3.6 0.534 3.6 1.2V2.4H1.2C0.534 2.4 0.00599999 2.934 0.00599999 3.6L0 10.2C0 10.866 0.534 11.4 1.2 11.4H10.8C11.466 11.4 12 10.866 12 10.2V3.6C12 2.934 11.466 2.4 10.8 2.4ZM7.2 2.4H4.8V1.2H7.2V2.4Z" fill="#4799E3"/>
-</g>
-<defs>
-<clipPath id="clip0_8442_108110">
-<rect width="12" height="12" fill="white"/>
-</clipPath>
-</defs>
-</svg>

package/build/main/assets/icons/crown.svg

@@ -1,5 +0,0 @@
-<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
-<rect x="1" y="1" width="18" height="18" rx="9" fill="#EC8D31"/>
-<rect x="1" y="1" width="18" height="18" rx="9" stroke="currentColor" stroke-width="2"/>
-<path d="M6.66692 12C6.57026 12 6.48743 11.9309 6.47014 11.8358L5.60563 7.08099C5.57143 6.89284 5.79544 6.76859 5.93694 6.89722L8.25 9L9.82724 6.29615C9.90442 6.16385 10.0956 6.16385 10.1728 6.29615L11.75 9L14.0631 6.89722C14.2046 6.76859 14.4286 6.89284 14.3944 7.08099L13.5299 11.8358C13.5126 11.9309 13.4297 12 13.3331 12H6.66692ZM13.5 13.5C13.5 13.8 13.3 14 13 14H7C6.7 14 6.5 13.8 6.5 13.5V13H13.5V13.5Z" fill="#F9F9F9"/>
-</svg>

package/build/main/assets/icons/delete-chip.svg

@@ -1,3 +0,0 @@
-<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M15.7338 4.27531C15.3788 3.92036 14.8055 3.92036 14.4505 4.27531L10 8.71672L5.54949 4.26621C5.19454 3.91126 4.62116 3.91126 4.26621 4.26621C3.91126 4.62116 3.91126 5.19454 4.26621 5.54949L8.71672 10L4.26621 14.4505C3.91126 14.8055 3.91126 15.3788 4.26621 15.7338C4.62116 16.0887 5.19454 16.0887 5.54949 15.7338L10 11.2833L14.4505 15.7338C14.8055 16.0887 15.3788 16.0887 15.7338 15.7338C16.0887 15.3788 16.0887 14.8055 15.7338 14.4505L11.2833 10L15.7338 5.54949C16.0796 5.20364 16.0796 4.62116 15.7338 4.27531Z" fill="currentColor"/>
-</svg>

package/build/main/assets/icons/download.svg

@@ -1,4 +0,0 @@
-<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M4.5 19L4.5 19.5L5 19.5L19 19.5L19.5 19.5L19.5 19L19.5 13C19.5 12.7261 19.7261 12.5 20 12.5C20.2739 12.5 20.5 12.7261 20.5 13L20.5 19C20.5 19.8239 19.8239 20.5 19 20.5L5 20.5C4.17614 20.5 3.5 19.8239 3.5 19L3.5 13C3.5 12.7261 3.72614 12.5 4 12.5C4.27386 12.5 4.5 12.7261 4.5 13L4.5 19Z" fill="currentColor" stroke="currentColor"/>
-<path d="M12.35 14.8587L15.14 12.0687C15.46 11.7487 15.24 11.2087 14.79 11.2087L13 11.2087L13 4.20873C13 3.65873 12.55 3.20873 12 3.20873C11.45 3.20873 11 3.65873 11 4.20873L11 11.2087L9.20997 11.2087C8.75997 11.2087 8.53997 11.7487 8.85997 12.0587L11.65 14.8487C11.84 15.0487 12.16 15.0487 12.35 14.8587Z" fill="currentColor"/>
-</svg>

package/build/main/assets/icons/error.svg

@@ -1,5 +0,0 @@
-<svg width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path fill-rule="evenodd" clip-rule="evenodd" d="M11.0302 2.28309C11.4795 2.03014 11.9864 1.89725 12.502 1.89725C13.0176 1.89725 13.5245 2.03014 13.9738 2.28309C14.4231 2.53604 14.7996 2.90052 15.067 3.34136L15.0699 3.34611L23.5398 17.4861L23.548 17.4999C23.8099 17.9536 23.9485 18.4679 23.95 18.9917C23.9514 19.5155 23.8157 20.0306 23.5563 20.4857C23.2969 20.9408 22.9229 21.3201 22.4714 21.5857C22.0199 21.8514 21.5068 21.9942 20.983 21.9999L20.972 22.0001L4.02098 22C3.49718 21.9942 2.98402 21.8514 2.53255 21.5857C2.08107 21.3201 1.70703 20.9408 1.44762 20.4857C1.18822 20.0306 1.0525 19.5155 1.05397 18.9917C1.05543 18.4679 1.19404 17.9536 1.45598 17.4999L1.46411 17.4861L9.93411 3.34612L10.792 3.85998L9.93697 3.34136C10.2044 2.90052 10.5809 2.53604 11.0302 2.28309ZM11.6482 4.37663L3.18466 18.5058C3.09948 18.6556 3.05444 18.8249 3.05396 18.9973C3.05347 19.1719 3.09871 19.3436 3.18518 19.4953C3.27165 19.647 3.39633 19.7734 3.54682 19.862C3.69599 19.9498 3.86537 19.9973 4.03837 20H20.9656C21.1386 19.9973 21.308 19.9498 21.4571 19.862C21.6076 19.7734 21.7323 19.647 21.8188 19.4953C21.9052 19.3436 21.9505 19.1719 21.95 18.9973C21.9495 18.8249 21.9045 18.6557 21.8193 18.5059L13.357 4.37862C13.3566 4.37796 13.3562 4.37729 13.3558 4.37663C13.2667 4.23058 13.1417 4.1098 12.9926 4.02586C12.8428 3.94154 12.6738 3.89725 12.502 3.89725C12.3301 3.89725 12.1611 3.94154 12.0114 4.02586C11.8623 4.1098 11.7372 4.23058 11.6482 4.37663Z" fill="currentColor" fill-opacity="1"/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M12.502 8C13.0542 8 13.502 8.44772 13.502 9V13C13.502 13.5523 13.0542 14 12.502 14C11.9497 14 11.502 13.5523 11.502 13V9C11.502 8.44772 11.9497 8 12.502 8Z" fill="currentColor" fill-opacity="1"/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M11.502 17C11.502 16.4477 11.9497 16 12.502 16H12.512C13.0642 16 13.512 16.4477 13.512 17C13.512 17.5523 13.0642 18 12.512 18H12.502C11.9497 18 11.502 17.5523 11.502 17Z" fill="currentColor" fill-opacity="1"/>
-</svg>

package/build/main/assets/icons/external-link.svg

@@ -1,3 +0,0 @@
-<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path fill-rule="evenodd" clip-rule="evenodd" d="M6.64541 2L8.41975 2C8.91067 2 9.30864 2.39797 9.30864 2.88889C9.30864 3.37981 8.91067 3.77778 8.41975 3.77778H6.68148C6.00305 3.77778 5.54768 3.77847 5.19701 3.80712C4.85672 3.83492 4.69401 3.88456 4.58668 3.93925C4.30792 4.08128 4.08128 4.30792 3.93925 4.58668C3.88456 4.69401 3.83492 4.85672 3.80712 5.19701C3.77847 5.54768 3.77778 6.00305 3.77778 6.68148V13.3185C3.77778 13.997 3.77847 14.4523 3.80712 14.803C3.83492 15.1433 3.88456 15.306 3.93925 15.4133C4.08128 15.6921 4.30792 15.9187 4.58668 16.0607C4.69401 16.1154 4.85672 16.1651 5.19701 16.1929C5.54768 16.2215 6.00305 16.2222 6.68148 16.2222H13.3185C13.997 16.2222 14.4523 16.2215 14.803 16.1929C15.1433 16.1651 15.306 16.1154 15.4133 16.0607C15.6921 15.9187 15.9187 15.6921 16.0607 15.4133C16.1154 15.306 16.1651 15.1433 16.1929 14.803C16.2215 14.4523 16.2222 13.997 16.2222 13.3185V11.5802C16.2222 11.0893 16.6202 10.6914 17.1111 10.6914C17.602 10.6914 18 11.0893 18 11.5802V13.3546C18 13.9877 18 14.5161 17.9648 14.9478C17.928 15.398 17.8484 15.8207 17.6448 16.2204C17.3323 16.8337 16.8337 17.3323 16.2204 17.6448C15.8207 17.8484 15.398 17.928 14.9478 17.9648C14.5161 18 13.9877 18 13.3546 18H6.64539C6.01233 18 5.48392 18 5.05224 17.9648C4.60201 17.928 4.17931 17.8484 3.77959 17.6448C3.16632 17.3323 2.66772 16.8337 2.35524 16.2204C2.15157 15.8207 2.07203 15.398 2.03525 14.9478C1.99998 14.5161 1.99999 13.9877 2 13.3546V6.64541C1.99999 6.01234 1.99998 5.48393 2.03525 5.05224C2.07203 4.60201 2.15157 4.17931 2.35524 3.77959C2.66771 3.16632 3.16632 2.66771 3.77959 2.35524C4.17931 2.15157 4.60201 2.07203 5.05224 2.03525C5.48393 1.99998 6.01234 1.99999 6.64541 2ZM11.4815 2.8889C11.4815 2.39798 11.8794 2.00001 12.3704 2.00001H17.1111C17.602 2.00001 18 2.39798 18 2.8889L18 7.62964C18 8.12056 17.602 8.51853 17.1111 8.51853C16.6202 8.51853 16.2222 8.12056 16.2222 7.62964L16.2222 5.03486L10.6285 10.6285C10.2814 10.9757 9.71859 10.9757 9.37146 10.6285C9.02433 10.2814 9.02433 9.71859 9.37146 9.37146L14.9651 3.77779H12.3704C11.8794 3.77779 11.4815 3.37982 11.4815 2.8889Z" fill="currentColor"/>
-</svg>