@expressms/smartapp-ui 0.0.1

package/build/main//321/201omponents/ActionModal/ActionModal.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import { IActionModalProps } from './types';
+import '../../styles/stories.module.scss';
+declare function ActionModal({ title, buttonName, confirmButtonFunction, isModalOpen, placeholder, cancelButtonFunction, defaultValue, }: IActionModalProps): JSX.Element;
+export default ActionModal;

package/build/main//321/201omponents/ActionModal/ActionModal.js

@@ -0,0 +1,39 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useRef, useState } from 'react';
+import { ReactComponent as CancelCross } from '../../assets/icons/cancel-cross.svg';
+import Popup from 'reactjs-popup';
+import { Button } from '../index';
+import '../../styles/stories.module.scss';
+import Input from '../Input';
+function ActionModal(_a) {
+    var title = _a.title, buttonName = _a.buttonName, confirmButtonFunction = _a.confirmButtonFunction, isModalOpen = _a.isModalOpen, placeholder = _a.placeholder, cancelButtonFunction = _a.cancelButtonFunction, _b = _a.defaultValue, defaultValue = _b === void 0 ? '' : _b;
+    var _c = useState(defaultValue), value = _c[0], setValue = _c[1];
+    var ref = useRef();
+    useEffect(function () {
+        var checkIfClickedOutside = function (e) {
+            if (isModalOpen && ref.current && !ref.current.contains(e.target)) {
+                cancelButtonFunction();
+            }
+        };
+        document === null || document === void 0 ? void 0 : document.addEventListener('click', checkIfClickedOutside, true);
+        return function () {
+            document === null || document === void 0 ? void 0 : document.removeEventListener('click', checkIfClickedOutside, true);
+        };
+    }, [isModalOpen, cancelButtonFunction]);
+    var onChange = function (value) {
+        setValue(value);
+    };
+    return (_jsx(Popup, __assign({ closeOnDocumentClick: true, modal: true, open: isModalOpen }, { children: _jsx("div", __assign({ ref: ref, className: "smartapp-action-modal" }, { children: _jsxs("div", __assign({ className: "smartapp-action-modal__content" }, { children: [_jsx("p", __assign({ className: "smartapp-action-modal__content--title" }, { children: title })), _jsx("div", __assign({ onClick: cancelButtonFunction, className: "smartapp-action-modal__content__cancel-cross" }, { children: _jsx(CancelCross, {}) })), _jsx("div", __assign({ className: "smartapp-action-modal__content--input" }, { children: _jsx(Input, { defaultValue: value, onChange: onChange, placeholder: placeholder }) })), _jsx("div", __assign({ className: "smartapp-action-modal__content--buttons" }, { children: _jsx(Button, { title: buttonName, typeButton: "low", onClickFunction: function () { return confirmButtonFunction(value); }, color: "blue" }) }))] })) })) })));
+}
+export default ActionModal;

package/build/main//321/201omponents/ActionModal/index.d.ts

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

package/build/main//321/201omponents/ActionModal/index.js

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

package/build/main//321/201omponents/ActionModal/types.d.ts

@@ -0,0 +1,9 @@
+export interface IActionModalProps {
+    title: string;
+    buttonName: string;
+    confirmButtonFunction: (str: string) => void;
+    isModalOpen: boolean;
+    cancelButtonFunction: () => void;
+    placeholder?: string;
+    defaultValue?: string;
+}

package/build/main//321/201omponents/ActionModal/types.js

@@ -0,0 +1 @@
+export {};

package/build/main//321/201omponents/AttachedFile/AttachedFile.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import { IAttachedFile } from './types';
+import '../../styles/stories.module.scss';
+declare function AttachedFile({ fileName, weight, weightType, isSpaceBetween, onClickDownloadFile, onClickRemoveFile, isRemoveFile, isDownloadFile, width, }: IAttachedFile): JSX.Element;
+export default AttachedFile;

package/build/main//321/201omponents/AttachedFile/AttachedFile.js

@@ -0,0 +1,22 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { ReactComponent as File } from '../../assets/icons/file.svg';
+import { ReactComponent as Close } from '../../assets/icons/close.svg';
+import { ReactComponent as Download } from '../../assets/icons/download.svg';
+import '../../styles/stories.module.scss';
+import classNames from 'classnames';
+function AttachedFile(_a) {
+    var fileName = _a.fileName, weight = _a.weight, weightType = _a.weightType, _b = _a.isSpaceBetween, isSpaceBetween = _b === void 0 ? false : _b, _c = _a.onClickDownloadFile, onClickDownloadFile = _c === void 0 ? undefined : _c, _d = _a.onClickRemoveFile, onClickRemoveFile = _d === void 0 ? undefined : _d, _e = _a.isRemoveFile, isRemoveFile = _e === void 0 ? false : _e, _f = _a.isDownloadFile, isDownloadFile = _f === void 0 ? false : _f, width = _a.width;
+    return (_jsxs("div", __assign({ style: { width: "".concat(width, "px") }, className: "smartapp-attached-file" }, { children: [_jsx("div", __assign({ className: "smartapp-attached-file--icon" }, { children: _jsx(File, {}) })), _jsxs("div", __assign({ className: classNames({ 'smartapp-attached-file__value': true }, { 'justify-space-between': isSpaceBetween }) }, { children: [_jsxs("div", __assign({ className: "smartapp-attached-file__value--info" }, { children: [_jsx("p", __assign({ className: "smartapp-attached-file__value--info__name" }, { children: fileName })), _jsx("p", __assign({ className: "smartapp-attached-file__value--info__weight" }, { children: "".concat(weight, " ").concat(weightType) }))] })), _jsxs("div", __assign({ className: "smartapp-attached-file__value--icons" }, { children: [onClickRemoveFile && isRemoveFile && (_jsx("div", __assign({ onClick: function () { return onClickRemoveFile(fileName); }, className: "smartapp-attached-file__value--icons__close" }, { children: _jsx(Close, {}) }))), onClickDownloadFile && isDownloadFile && (_jsx("div", __assign({ onClick: function () { return onClickDownloadFile(fileName); }, className: "smartapp-attached-file__value--icons__download" }, { children: _jsx(Download, {}) })))] }))] }))] }), weight));
+}
+export default AttachedFile;

package/build/main//321/201omponents/AttachedFile/index.d.ts

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

package/build/main//321/201omponents/AttachedFile/index.js

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

package/build/main//321/201omponents/AttachedFile/types.d.ts

@@ -0,0 +1,12 @@
+import { IntRange } from '../types';
+export interface IAttachedFile {
+    fileName: string;
+    weight: number;
+    weightType: string;
+    isSpaceBetween?: boolean;
+    onClickRemoveFile?: (file: any) => void;
+    onClickDownloadFile?: (file: any) => void;
+    isRemoveFile?: boolean;
+    isDownloadFile?: boolean;
+    width?: IntRange<150, 360>;
+}

package/build/main//321/201omponents/AttachedFile/types.js

@@ -0,0 +1 @@
+export {};

package/build/main//321/201omponents/Avatar/Avatar.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import { IAvatar } from './types';
+import '../../styles/stories.module.scss';
+declare function Avatar({ username, onClick, widthHeight }: IAvatar): JSX.Element;
+export default Avatar;

package/build/main//321/201omponents/Avatar/Avatar.js

@@ -0,0 +1,39 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+import { jsx as _jsx } from "react/jsx-runtime";
+import { AvatarFontSizes } from './types';
+import '../../styles/stories.module.scss';
+function Avatar(_a) {
+    var _b, _c, _d;
+    var username = _a.username, _e = _a.onClick, onClick = _e === void 0 ? function () { return undefined; } : _e, _f = _a.widthHeight, widthHeight = _f === void 0 ? 44 : _f;
+    var initials = (username === null || username === void 0 ? void 0 : username.split(' ').length) <= 2
+        ? (_d = (_c = (_b = username === null || username === void 0 ? void 0 : username.split(' ')) === null || _b === void 0 ? void 0 : _b.map(function (n) { return n[0]; })) === null || _c === void 0 ? void 0 : _c.join('.')) === null || _d === void 0 ? void 0 : _d.toUpperCase()
+        : username[0].toUpperCase();
+    var getFontSizeAvatar = function () {
+        if (typeof widthHeight === 'number') {
+            switch (widthHeight) {
+                case (widthHeight = 24): {
+                    return AvatarFontSizes.small;
+                }
+                case (widthHeight = 32): {
+                    return AvatarFontSizes.average;
+                }
+                case (widthHeight = 44): {
+                    return AvatarFontSizes.high;
+                }
+            }
+        }
+        return AvatarFontSizes.high;
+    };
+    return (_jsx("div", __assign({ style: { width: "".concat(widthHeight, "px"), height: "".concat(widthHeight, "px"), fontSize: getFontSizeAvatar() }, onClick: onClick, className: "smartapp-avatar" }, { children: initials })));
+}
+export default Avatar;

package/build/main//321/201omponents/Avatar/index.d.ts

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

package/build/main//321/201omponents/Avatar/index.js

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

package/build/main//321/201omponents/Avatar/types.d.ts

@@ -0,0 +1,10 @@
+export interface IAvatar {
+    username: string;
+    onClick?: () => void;
+    widthHeight?: 44 | 24 | 32;
+}
+export declare enum AvatarFontSizes {
+    small = "12px",
+    average = "14px",
+    high = "18px"
+}

package/build/main//321/201omponents/Avatar/types.js

@@ -0,0 +1,6 @@
+export var AvatarFontSizes;
+(function (AvatarFontSizes) {
+    AvatarFontSizes["small"] = "12px";
+    AvatarFontSizes["average"] = "14px";
+    AvatarFontSizes["high"] = "18px";
+})(AvatarFontSizes || (AvatarFontSizes = {}));

package/build/main//321/201omponents/Button/Button.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import { IButtonProps } from './types';
+import '../../styles/stories.module.scss';
+declare const Button: (props: IButtonProps) => JSX.Element;
+export default Button;

package/build/main//321/201omponents/Button/Button.js

@@ -0,0 +1,19 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+import { jsx as _jsx } from "react/jsx-runtime";
+import cn from 'classnames';
+import '../../styles/stories.module.scss';
+var Button = function (props) {
+    var title = props.title, _a = props.isDisabled, isDisabled = _a === void 0 ? false : _a, _b = props.typeButton, typeButton = _b === void 0 ? 'standart' : _b, _c = props.color, color = _c === void 0 ? 'white' : _c, widthPercentage = props.widthPercentage, _d = props.onClickFunction, onClickFunction = _d === void 0 ? function () { return undefined; } : _d;
+    return (_jsx("button", __assign({ onClick: function () { return onClickFunction(); }, className: cn(typeButton ? 'smartapp-button__' + typeButton : null, color ? 'smartapp-button__color--' + color : null, isDisabled && 'smartapp-button__disabled'), style: widthPercentage && { width: "".concat(widthPercentage, "%") } }, { children: title })));
+};
+export default Button;

package/build/main//321/201omponents/Button/index.d.ts

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

package/build/main//321/201omponents/Button/index.js

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

package/build/main//321/201omponents/Button/types.d.ts

@@ -0,0 +1,11 @@
+import { IntRange } from '../types';
+export type TButtonType = 'standart' | 'low';
+export type TButtonColor = 'white' | 'blue' | 'red';
+export interface IButtonProps {
+    title: string;
+    isDisabled?: boolean;
+    typeButton: TButtonType;
+    color?: TButtonColor;
+    onClickFunction?: () => void;
+    widthPercentage?: IntRange<1, 100>;
+}

package/build/main//321/201omponents/Button/types.js

@@ -0,0 +1 @@
+export {};

package/build/main//321/201omponents/Calendar/Calendar.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import '../../styles/stories.module.scss';
+import { ICalendarProps } from './types';
+declare function CalendarDatepicker({ placeholder, initialCurrentDate, initialCurrentDateRange, minDate, onChangeCurrentDate, onChangeCurrentDateRange, calendarComponentClassName, calendarInputClassName, isRange, width, }: ICalendarProps): JSX.Element;
+export default CalendarDatepicker;

package/build/main//321/201omponents/Calendar/Calendar.js

@@ -0,0 +1,49 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useState } from 'react';
+import DatePicker, { registerLocale } from 'react-datepicker';
+import ru from 'date-fns/locale/ru';
+import en from 'date-fns/locale/en-US';
+import '../../styles/stories.module.scss';
+import classNames from 'classnames';
+registerLocale('ru', ru);
+registerLocale('en', en);
+function CalendarDatepicker(_a) {
+    var _b = _a.placeholder, placeholder = _b === void 0 ? 'Введите дату' : _b, initialCurrentDate = _a.initialCurrentDate, initialCurrentDateRange = _a.initialCurrentDateRange, _c = _a.minDate, minDate = _c === void 0 ? null : _c, _d = _a.onChangeCurrentDate, onChangeCurrentDate = _d === void 0 ? function (date) { return undefined; } : _d, _e = _a.onChangeCurrentDateRange, onChangeCurrentDateRange = _e === void 0 ? function (period) { return undefined; } : _e, calendarComponentClassName = _a.calendarComponentClassName, calendarInputClassName = _a.calendarInputClassName, _f = _a.isRange, isRange = _f === void 0 ? false : _f, width = _a.width;
+    var _g = useState(initialCurrentDate ? initialCurrentDate : null), currentDate = _g[0], setCurrentDate = _g[1];
+    var _h = useState(initialCurrentDateRange ? initialCurrentDateRange : [null, null]), currentDateRange = _h[0], setCurrentDateRange = _h[1];
+    var startDate = currentDateRange[0], endDate = currentDateRange[1];
+    var onChangeDate = function (date) {
+        if (date) {
+            setCurrentDate(date);
+            onChangeCurrentDate(date);
+        }
+    };
+    var onChangeDateRange = function (period) {
+        setCurrentDateRange(period);
+        onChangeCurrentDateRange(period);
+    };
+    return (_jsx("div", __assign({ className: classNames({
+            'smartapp-calendar-component': !calendarInputClassName,
+            calendarInputClassName: calendarInputClassName,
+        }), style: { width: "".concat(width, "px") } }, { children: isRange ? (_jsx(DatePicker, { selectsRange: true, startDate: startDate, endDate: endDate, dateFormat: "dd.MM.yyyy", placeholderText: placeholder, locale: ru, className: classNames({
+                'smartapp-calendar-input': !calendarComponentClassName,
+                calendarComponentClassName: calendarComponentClassName,
+            }), onChange: function (period) { return onChangeDateRange(period); } })) : (_jsx(DatePicker, { selected: currentDate, dateFormat: "dd.MM.yyyy", locale: ru, placeholderText: placeholder, minDate: minDate, className: classNames({
+                'smartapp-calendar-input': !calendarComponentClassName,
+                calendarComponentClassName: calendarComponentClassName,
+            }), onChange: function (date) {
+                onChangeDate(date);
+            } })) })));
+}
+export default CalendarDatepicker;

package/build/main//321/201omponents/Calendar/index.d.ts

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

package/build/main//321/201omponents/Calendar/index.js

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

package/build/main//321/201omponents/Calendar/types.d.ts

@@ -0,0 +1,14 @@
+import { IntRange } from '../types';
+export type TDateRange = [Date | null, Date | null];
+export interface ICalendarProps {
+    initialCurrentDate?: Date;
+    initialCurrentDateRange?: TDateRange;
+    placeholder?: string;
+    minDate?: Date | null;
+    calendarComponentClassName?: string;
+    calendarInputClassName?: string;
+    isRange?: boolean;
+    onChangeCurrentDate?: (date: Date | null) => void;
+    onChangeCurrentDateRange?: (period: TDateRange) => void;
+    width?: IntRange<200, 360>;
+}

package/build/main//321/201omponents/Calendar/types.js

@@ -0,0 +1 @@
+export {};

package/build/main//321/201omponents/Checkbox/Checkbox.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import { ICheckBoxProps } from './types';
+import '../../styles/stories.module.scss';
+declare function CheckBox({ id, onChange, disabled, checked }: ICheckBoxProps): JSX.Element;
+export default CheckBox;

package/build/main//321/201omponents/Checkbox/Checkbox.js

@@ -0,0 +1,18 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import '../../styles/stories.module.scss';
+function CheckBox(_a) {
+    var id = _a.id, _b = _a.onChange, onChange = _b === void 0 ? function () { return undefined; } : _b, disabled = _a.disabled, checked = _a.checked;
+    return (_jsx("div", __assign({ className: "smartapp-check-box" }, { children: _jsx("div", __assign({ className: "smartapp-check-box__container" }, { children: _jsxs("label", __assign({ htmlFor: "cb-".concat(id) }, { children: [_jsx("input", { id: "cb-".concat(id), disabled: disabled, checked: checked, onChange: function () { return onChange(); }, className: "smartapp-check-box__container__custom-check-box", type: "checkbox", name: "marker" }), _jsx("span", { className: "checkmark" })] })) }), "cb-".concat(id, "}")) })));
+}
+export default CheckBox;

package/build/main//321/201omponents/Checkbox/index.d.ts

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

package/build/main//321/201omponents/Checkbox/index.js

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

package/build/main//321/201omponents/Checkbox/types.d.ts

@@ -0,0 +1,6 @@
+export interface ICheckBoxProps {
+    id: string;
+    onChange?: () => void;
+    disabled?: boolean;
+    checked?: boolean;
+}

package/build/main//321/201omponents/Checkbox/types.js

@@ -0,0 +1 @@
+export {};

package/build/main//321/201omponents/Chips/Chips.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import { IChipsProps } from './types';
+import '../../styles/stories.module.scss';
+declare function Chips({ name, onCancelFunction }: IChipsProps): JSX.Element;
+export default Chips;

package/build/main//321/201omponents/Chips/Chips.js

@@ -0,0 +1,20 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { ReactComponent as Cancel } from '../../assets/icons/cancel-cross.svg';
+import '../../styles/stories.module.scss';
+import Avatar from '../Avatar';
+function Chips(_a) {
+    var name = _a.name, _b = _a.onCancelFunction, onCancelFunction = _b === void 0 ? function () { return undefined; } : _b;
+    return (_jsxs("div", __assign({ className: "smartapp-chips" }, { children: [_jsxs("div", __assign({ className: "smartapp-chips__info" }, { children: [_jsx(Avatar, { username: name, widthHeight: 24 }), _jsx("p", __assign({ className: "smartapp-chips__info--name" }, { children: name }))] })), _jsx("div", __assign({ onClick: onCancelFunction, className: "smartapp-chips__cancel-icon" }, { children: _jsx(Cancel, {}) }))] })));
+}
+export default Chips;

package/build/main//321/201omponents/Chips/index.d.ts

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

package/build/main//321/201omponents/Chips/index.js

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

package/build/main//321/201omponents/Chips/types.d.ts

@@ -0,0 +1,4 @@
+export interface IChipsProps {
+    name: string;
+    onCancelFunction?: () => void;
+}

package/build/main//321/201omponents/Chips/types.js

@@ -0,0 +1 @@
+export {};

package/build/main//321/201omponents/ConfirmationModal/ConfirmationModal.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import { IConfirmationModalProps } from './types';
+import '../../styles/stories.module.scss';
+declare function ConfirmationModal({ title, text, cancelButtonName, confirmButtonName, cancelButtonFunction, confirmButtonFunction, isModalOpen, }: IConfirmationModalProps): JSX.Element;
+export default ConfirmationModal;

package/build/main//321/201omponents/ConfirmationModal/ConfirmationModal.js

@@ -0,0 +1,33 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useRef } from 'react';
+import Popup from 'reactjs-popup';
+import { Button } from '../index';
+import '../../styles/stories.module.scss';
+function ConfirmationModal(_a) {
+    var title = _a.title, text = _a.text, cancelButtonName = _a.cancelButtonName, confirmButtonName = _a.confirmButtonName, _b = _a.cancelButtonFunction, cancelButtonFunction = _b === void 0 ? function () { return undefined; } : _b, confirmButtonFunction = _a.confirmButtonFunction, isModalOpen = _a.isModalOpen;
+    var ref = useRef();
+    useEffect(function () {
+        var checkIfClickedOutside = function (e) {
+            if (isModalOpen && ref.current && !ref.current.contains(e.target)) {
+                cancelButtonFunction();
+            }
+        };
+        document === null || document === void 0 ? void 0 : document.addEventListener('click', checkIfClickedOutside, true);
+        return function () {
+            document === null || document === void 0 ? void 0 : document.removeEventListener('click', checkIfClickedOutside, true);
+        };
+    }, [isModalOpen, cancelButtonFunction]);
+    return (_jsx(Popup, __assign({ closeOnDocumentClick: true, modal: true, open: isModalOpen }, { children: _jsx("div", __assign({ ref: ref, className: "smartapp-confirmation-modal" }, { children: _jsxs("div", __assign({ className: "smartapp-confirmation-modal__content" }, { children: [_jsx("p", __assign({ className: "smartapp-confirmation-modal__content--title" }, { children: title })), _jsx("p", __assign({ className: "smartapp-confirmation-modal__content--text" }, { children: text })), _jsxs("div", __assign({ className: "smartapp-confirmation-modal__content--buttons" }, { children: [_jsx(Button, { widthPercentage: 50, title: cancelButtonName, typeButton: "low", onClickFunction: cancelButtonFunction, color: "white" }), _jsx(Button, { widthPercentage: 50, title: confirmButtonName, typeButton: "low", onClickFunction: confirmButtonFunction, color: "red" })] }))] })) })) })));
+}
+export default ConfirmationModal;

package/build/main//321/201omponents/ConfirmationModal/index.d.ts

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

package/build/main//321/201omponents/ConfirmationModal/index.js

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

package/build/main//321/201omponents/ConfirmationModal/types.d.ts

@@ -0,0 +1,9 @@
+export interface IConfirmationModalProps {
+    title: string;
+    text: string;
+    cancelButtonName: string;
+    confirmButtonName: string;
+    cancelButtonFunction: () => void;
+    confirmButtonFunction: (option?: any) => void;
+    isModalOpen: boolean;
+}

package/build/main//321/201omponents/ConfirmationModal/types.js

@@ -0,0 +1 @@
+export {};

package/build/main//321/201omponents/CustomSelect/CustomSelect.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import { ICustomSelect } from './types';
+import '../../styles/stories.module.scss';
+declare function CustomSelect({ options, defaultValue, placeholder, onChange, width }: ICustomSelect): JSX.Element;
+export default CustomSelect;

package/build/main//321/201omponents/CustomSelect/CustomSelect.js

@@ -0,0 +1,34 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+import { jsx as _jsx } from "react/jsx-runtime";
+import Select from 'react-select';
+import '../../styles/stories.module.scss';
+function CustomSelect(_a) {
+    var options = _a.options, defaultValue = _a.defaultValue, placeholder = _a.placeholder, onChange = _a.onChange, width = _a.width;
+    var customStyles = {
+        option: function (provided, state) { return (__assign(__assign({}, provided), { cursor: 'pointer', background: '#ffffff', color: (state === null || state === void 0 ? void 0 : state.isSelected) ? '#4799E3' : '#000000', width: width && "".concat(width, "px"), textOverflow: 'ellipsis', '&:focus': {
+                background: '#ffffff',
+                color: 'none',
+            }, '&:hover': {
+                background: '#ffffff',
+                color: '#4799E3',
+            }, ':active': {
+                color: '#4799E3',
+                background: '#000000',
+            } })); },
+        control: function (provided) { return (__assign(__assign({}, provided), { width: width && "".concat(width, "px"), textOverflow: 'ellipsis' })); },
+    };
+    return (_jsx("div", __assign({ className: "smartapp-custom-select" }, { children: _jsx(Select, { onChange: function (option) { return onChange(option); }, 
+            /* @ts-ignore */
+            options: options, defaultValue: defaultValue, styles: customStyles, placeholder: _jsx("div", __assign({ className: "smartapp-custom-select__placeholder" }, { children: placeholder })), components: { IndicatorSeparator: function () { return null; } } }) })));
+}
+export default CustomSelect;

package/build/main//321/201omponents/CustomSelect/index.d.ts

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

package/build/main//321/201omponents/CustomSelect/index.js

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

package/build/main//321/201omponents/CustomSelect/types.d.ts

@@ -0,0 +1,14 @@
+import { IntRange } from '../types';
+type TCustomSelectOption = {
+    label: string;
+    value: string;
+}[];
+export type ICustomSelect = {
+    options: TCustomSelectOption;
+    onChange: (option: any) => void;
+    field?: any;
+    placeholder: string;
+    defaultValue?: string;
+    width?: IntRange<120, 360>;
+};
+export {};

package/build/main//321/201omponents/CustomSelect/types.js

@@ -0,0 +1 @@
+export {};

package/build/main//321/201omponents/CustomSelectPriority/CustomSelectPriority.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import { ICustomSelectPriority } from './types';
+import '../../styles/stories.module.scss';
+declare function CustomSelectPriority({ options, defaultValue, placeholder, onChange, width }: ICustomSelectPriority): JSX.Element;
+export default CustomSelectPriority;

package/build/main//321/201omponents/CustomSelectPriority/CustomSelectPriority.js

@@ -0,0 +1,58 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import Select, { components } from 'react-select';
+import { ReactComponent as Ellipse } from '../../assets/icons/ellipse.svg';
+import '../../styles/stories.module.scss';
+function CustomSelectPriority(_a) {
+    var options = _a.options, defaultValue = _a.defaultValue, placeholder = _a.placeholder, onChange = _a.onChange, width = _a.width;
+    var customStyles = {
+        option: function (provided, state) {
+            var _a;
+            return (__assign(__assign({}, provided), { cursor: 'pointer', background: state.isSelected ? 'rgba(71, 153, 227, 0.1)' : '#ffffff', color: (_a = state === null || state === void 0 ? void 0 : state.value) === null || _a === void 0 ? void 0 : _a.color, display: 'flex', textOverflow: 'ellipsis', width: width && "".concat(width, "px"), '&:focus': {
+                    background: '#ffffff',
+                    color: 'none',
+                }, '&:hover': {
+                    background: 'rgba(71, 153, 227, 0.1)',
+                } }));
+        },
+        control: function (provided) { return (__assign(__assign({}, provided), { width: width && "".concat(width, "px"), textOverflow: 'ellipsis' })); },
+    };
+    var DropdownIndicator = function (props) {
+        return _jsx(components.DropdownIndicator, __assign({}, props));
+    };
+    var Control = function (_a) {
+        var _b, _c, _d, _e;
+        var children = _a.children, props = __rest(_a, ["children"]);
+        return (_jsxs(components.Control, __assign({}, props, { children: [((_c = (_b = props === null || props === void 0 ? void 0 : props.selectProps) === null || _b === void 0 ? void 0 : _b.value) === null || _c === void 0 ? void 0 : _c.color) && (_jsx(_Fragment, { children: _jsx("span", __assign({ style: { marginLeft: '8px' } }, { children: _jsx(Ellipse, { color: (_e = (_d = props === null || props === void 0 ? void 0 : props.selectProps) === null || _d === void 0 ? void 0 : _d.value) === null || _e === void 0 ? void 0 : _e.color }) })) })), children] })));
+    };
+    var Option = function (_a) {
+        var _b, _c;
+        var children = _a.children, props = __rest(_a, ["children"]);
+        return (_jsxs(components.Option, __assign({}, props, { children: [((_b = props === null || props === void 0 ? void 0 : props.data) === null || _b === void 0 ? void 0 : _b.color) && (_jsx("span", __assign({ style: { marginRight: '8px' } }, { children: _jsx(Ellipse, { style: { paddingBottom: '1px' }, color: (_c = props === null || props === void 0 ? void 0 : props.data) === null || _c === void 0 ? void 0 : _c.color }) }))), children] })));
+    };
+    return (_jsx("div", __assign({ className: "smartapp-custom-select" }, { children: _jsx(Select, { onChange: function (option) { return onChange(option); }, 
+            /* @ts-ignore */
+            options: options, defaultValue: defaultValue, styles: customStyles, placeholder: _jsx("div", __assign({ className: "smartapp-custom-select__placeholder" }, { children: placeholder })), components: { Option: Option, Control: Control, DropdownIndicator: DropdownIndicator, IndicatorSeparator: function () { return null; } } }) })));
+}
+export default CustomSelectPriority;