suada-components 1.0.3

package/dist/components/ExpansionMenu/routerConfig.js

@@ -0,0 +1,155 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import NotificationsOutlinedIcon from '@mui/icons-material/NotificationsOutlined';
+import SettingsOutlinedIcon from '@mui/icons-material/SettingsOutlined';
+import ContactSupportOutlinedIcon from '@mui/icons-material/ContactSupportOutlined';
+import { Analytics, Circle, Company, GroupDefault, Learning, Library, UsersIcon } from '../../icons';
+export var getAllNavigation = function (permission, currentUser, selectedCompany) { return [
+    {
+        title: 'analytics',
+        path: '',
+        icon: _jsx(Analytics, {}),
+        canView: !!(currentUser.role !== 'CONSULTANT' || (selectedCompany === null || selectedCompany === void 0 ? void 0 : selectedCompany.id)),
+    },
+    {
+        title: currentUser.companyId ? 'company' : 'companies',
+        path: currentUser.companyId
+            ? "/Companies/".concat(currentUser.companyId.id)
+            : '/Companies',
+        icon: _jsx(Company, {}),
+        canView: !!permission.viewCompanyPage,
+    },
+    {
+        title: 'users',
+        icon: _jsx(UsersIcon, {}),
+        canView: !!(permission.viewSuperAdminPage ||
+            permission.viewAdmin ||
+            permission.viewCoach ||
+            permission.viewStudent),
+        children: [
+            {
+                title: 'super_admins',
+                path: '/users/super-admins',
+                icon: _jsx(Circle, {}),
+                canView: !!permission.viewSuperAdminPage,
+            },
+            {
+                title: 'admins',
+                path: '/users/admins',
+                icon: _jsx(Circle, {}),
+                canView: !!permission.viewAdmin,
+            },
+            {
+                title: 'Tutors',
+                path: '/users/tutors',
+                icon: _jsx(Circle, {}),
+                canView: !!permission.viewCoach,
+            },
+            {
+                title: 'students',
+                path: '/users/students',
+                icon: _jsx(Circle, {}),
+                canView: !!permission.viewStudent,
+            },
+        ],
+    },
+    {
+        title: 'groups',
+        path: '/groups',
+        icon: _jsx(GroupDefault, {}),
+        canView: !!permission.viewGroup,
+    },
+    {
+        title: 'learning',
+        icon: _jsx(Learning, {}),
+        canView: !!(permission.viewTest || permission.viewCourse || permission.viewModule),
+        children: [
+            {
+                title: 'view_all_courses',
+                path: '/courses',
+                icon: _jsx(Circle, {}),
+                canView: !!permission.viewCourse,
+            },
+            {
+                title: 'modules',
+                path: '/modules',
+                icon: _jsx(Circle, {}),
+                canView: !!permission.viewModule,
+            },
+            {
+                title: 'view_all_tests',
+                path: '/tests',
+                icon: _jsx(Circle, {}),
+                canView: !!permission.viewTest,
+            },
+            {
+                title: 'view_all_tasks',
+                path: '/tasks',
+                icon: _jsx(Circle, {}),
+                canView: !!permission.viewTask,
+            },
+        ],
+    },
+    {
+        title: 'evaluation',
+        icon: _jsx(Library, {}),
+        canView: !!permission.viewQuestion,
+        children: [
+            {
+                title: 'questions',
+                path: '/questions',
+                icon: _jsx(Circle, {}),
+                canView: !!permission.viewQuestion,
+            },
+            {
+                title: 'quizzes',
+                path: '/quizzes',
+                icon: _jsx(Circle, {}),
+                canView: !!permission.viewQuiz,
+            },
+            {
+                title: 'books',
+                path: '/books',
+                icon: _jsx(Circle, {}),
+                canView: !!permission.viewQuestion,
+            },
+        ],
+    },
+    // {
+    //   title: 'certificate_builder',
+    //   path: '/certificate-builder',
+    //   icon: <CardMembershipRounded />,
+    //   canView: !!permission.viewCompanyPage,
+    // },
+    {
+        title: 'notifications',
+        path: '/Notifications',
+        icon: _jsx(NotificationsOutlinedIcon, {}),
+        canView: !!permission.viewNotificationsPage,
+    },
+    {
+        title: 'settings',
+        path: '/Settings',
+        icon: _jsx(SettingsOutlinedIcon, {}),
+        canView: !!permission.viewSettingPage,
+    },
+    {
+        title: 'support',
+        path: 'https://www.suada.com/contact-us',
+        icon: _jsx(ContactSupportOutlinedIcon, {}),
+        openInNewTab: true,
+        canView: true,
+    },
+    // {
+    //   title: 'app.suada.com',
+    //   path:
+    //     process.env.REACT_APP_STAGE === 'production'
+    //       ? 'https://app.suada.com'
+    //       : process.env.REACT_APP_STAGE === 'staging'
+    //       ? 'https://staging.app.suada.com'
+    //       : 'https://dev.app.suada.com',
+    //   icon: <SchoolOutlinedIcon />,
+    //   openInNewTab: true,
+    //   canView: true,
+    // },
+]; };
+//# sourceMappingURL=routerConfig.js.map

package/dist/components/ExpansionMenu/routerConfig.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"routerConfig.js","sourceRoot":"","sources":["../../../src/components/ExpansionMenu/routerConfig.tsx"],"names":[],"mappings":"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"}

package/dist/components/ExpansionMenu/styled-components.d.ts

@@ -0,0 +1,12 @@
+export declare const ExpansionMenuItemList: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLUListElement>, HTMLUListElement>, never>> & string;
+export declare const ExpansionMenuItem: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, {
+    $isOpened: boolean;
+}>> & string;
+export declare const Container: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    $isOpened: boolean;
+}>> & string;
+export declare const StyledExpansionPanel: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    $isOpened: boolean;
+}>> & string;
+export declare const StyledExpansionPanelSummary: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const StyledTypography: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;

package/dist/components/ExpansionMenu/styled-components.js

@@ -0,0 +1,20 @@
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+import styled from 'styled-components';
+// ExpansionNavMenu
+export var ExpansionMenuItemList = styled.ul(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  width: 100%;\n  padding: 0;\n"], ["\n  width: 100%;\n  padding: 0;\n"])));
+export var ExpansionMenuItem = styled.li(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  & > a {\n    border-radius: 4px;\n    display: flex;\n    align-items: center;\n    width: 100%;\n    padding: 10px 14px;\n    font-size: 16px;\n    margin-block: 4px;\n    transition: all 0.3s ease;\n    font-family: 'Open Sans';\n    font-weight: 500;\n    color: #020210;\n    transition: 0.3s ease;\n\n    &:hover {\n      color: #06c68f;\n    }\n    &.active {\n      background-color: #06c68f;\n      color: white;\n    }\n  }\n"], ["\n  & > a {\n    border-radius: 4px;\n    display: flex;\n    align-items: center;\n    width: 100%;\n    padding: 10px 14px;\n    font-size: 16px;\n    margin-block: 4px;\n    transition: all 0.3s ease;\n    font-family: 'Open Sans';\n    font-weight: 500;\n    color: #020210;\n    transition: 0.3s ease;\n\n    &:hover {\n      color: #06c68f;\n    }\n    &.active {\n      background-color: #06c68f;\n      color: white;\n    }\n  }\n"
+    // NavigationBar
+])));
+// NavigationBar
+export var Container = styled.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  width: ", ";\n  max-height: 80vh;\n  overflow-y: auto;\n"], ["\n  width: ", ";\n  max-height: 80vh;\n  overflow-y: auto;\n"])), function (_a) {
+    var $isOpened = _a.$isOpened;
+    return ($isOpened ? "240px" : "70px");
+});
+export var StyledExpansionPanel = styled.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  padding: 4px 8px;\n  display: flex;\n  width: 100%;\n  transition: all 0.3s ease;\n\n  & > a {\n    transition: all 0.3s ease;\n    color: #ababab;\n    width: 100%;\n\n    & > div {\n      transition: all 0.3s ease;\n\n      & svg path {\n        transition: all 0.3s ease;\n      }\n    }\n  }\n\n  & > a.active {\n    color: white;\n  }\n  & > a.active > div {\n    background-color: #eaf5f2;\n    color: #06c68f;\n    & svg path {\n      fill: #06c68f;\n    }\n  }\n"], ["\n  padding: 4px 8px;\n  display: flex;\n  width: 100%;\n  transition: all 0.3s ease;\n\n  & > a {\n    transition: all 0.3s ease;\n    color: #ababab;\n    width: 100%;\n\n    & > div {\n      transition: all 0.3s ease;\n\n      & svg path {\n        transition: all 0.3s ease;\n      }\n    }\n  }\n\n  & > a.active {\n    color: white;\n  }\n  & > a.active > div {\n    background-color: #eaf5f2;\n    color: #06c68f;\n    & svg path {\n      fill: #06c68f;\n    }\n  }\n"])));
+export var StyledExpansionPanelSummary = styled.div(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  width: 100%;\n  transition: color 0.3s ease;\n  border-radius: 4px;\n  color: black;\n  padding: 10px 14px;\n\n  &:hover {\n    background-color: #eaf5f2;\n  }\n"], ["\n  width: 100%;\n  transition: color 0.3s ease;\n  border-radius: 4px;\n  color: black;\n  padding: 10px 14px;\n\n  &:hover {\n    background-color: #eaf5f2;\n  }\n"])));
+export var StyledTypography = styled.div(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n  display: flex;\n  max-height: 40px;\n  width: 100%;\n  gap: 14px;\n  font-size: 16px;\n  font-family: 'Open Sans';\n  font-weight: 500;\n"], ["\n  display: flex;\n  max-height: 40px;\n  width: 100%;\n  gap: 14px;\n  font-size: 16px;\n  font-family: 'Open Sans';\n  font-weight: 500;\n"])));
+var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6;
+//# sourceMappingURL=styled-components.js.map

package/dist/components/ExpansionMenu/styled-components.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styled-components.js","sourceRoot":"","sources":["../../../src/components/ExpansionMenu/styled-components.ts"],"names":[],"mappings":";;;;AAAA,OAAO,MAAM,MAAM,mBAAmB,CAAA;AAEtC,mBAAmB;AAEnB,MAAM,CAAC,IAAM,qBAAqB,GAAG,MAAM,CAAC,EAAE,sGAAA,mCAG7C,IAAA,CAAA;AAED,MAAM,CAAC,IAAM,iBAAiB,GAAG,MAAM,CAAC,EAAE,2fAAwB,wbAuBjE;IAED,gBAAgB;IAFf,CAAA;AAED,gBAAgB;AAEhB,MAAM,CAAC,IAAM,SAAS,GAAG,MAAM,CAAC,GAAG,iIAAwB,aAChD,EAAyD,+CAGnE,KAHU,UAAC,EAAa;QAAX,SAAS,eAAA;IAAe,OAAA,CAAC,SAAS,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC;AAA9B,CAA8B,CAGnE,CAAA;AAED,MAAM,CAAC,IAAM,oBAAoB,GAAG,MAAM,CAAC,GAAG,+hBAAwB,4dA8BrE,IAAA,CAAA;AAED,MAAM,CAAC,IAAM,2BAA2B,GAAG,MAAM,CAAC,GAAG,0OAAA,uKAUpD,IAAA,CAAA;AAED,MAAM,CAAC,IAAM,gBAAgB,GAAG,MAAM,CAAC,GAAG,kNAAA,+IAQzC,IAAA,CAAA"}

package/dist/components/FileUploader/FileUploader.stories.d.ts

@@ -0,0 +1,5 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { Uploader } from './Uploader';
+declare const _default: Meta;
+export default _default;
+export declare const Default: StoryObj<typeof Uploader>;

package/dist/components/FileUploader/FileUploader.stories.js

@@ -0,0 +1,36 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Uploader } from './Uploader';
+import { FileTypes } from './uploader.interface';
+export default {
+    title: 'Components/Uploader',
+    decorators: [
+        function (Story) { return (_jsx("div", { style: { padding: '0', display: 'flex', justifyContent: 'center' }, children: _jsx(Story, {}) })); },
+    ],
+    tags: ['autodocs'],
+    component: Uploader,
+    argTypes: {
+        type: {
+            control: 'select',
+            options: Object.values(FileTypes),
+        },
+        disabled: {
+            control: 'boolean',
+        },
+        loading: {
+            control: 'number',
+        },
+        showFullPreview: {
+            control: 'boolean',
+        },
+    },
+};
+export var Default = {
+    args: {
+        type: FileTypes.IMAGE,
+        label: 'Upload File',
+        disabled: false,
+        loading: 0,
+        showFullPreview: true,
+    },
+};
+//# sourceMappingURL=FileUploader.stories.js.map

package/dist/components/FileUploader/FileUploader.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FileUploader.stories.js","sourceRoot":"","sources":["../../../src/components/FileUploader/FileUploader.stories.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA;AACrC,OAAO,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAA;AAEhD,eAAe;IACb,KAAK,EAAE,qBAAqB;IAC5B,UAAU,EAAE;QACV,UAAA,KAAK,IAAI,OAAA,CACP,cAAK,KAAK,EAAE,EAAE,OAAO,EAAE,GAAG,EAAE,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,QAAQ,EAAE,YACrE,KAAC,KAAK,KAAG,GACL,CACP,EAJQ,CAIR;KACF;IACD,IAAI,EAAE,CAAC,UAAU,CAAC;IAClB,SAAS,EAAE,QAAQ;IACnB,QAAQ,EAAE;QACR,IAAI,EAAE;YACJ,OAAO,EAAE,QAAQ;YACjB,OAAO,EAAE,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC;SAClC;QACD,QAAQ,EAAE;YACR,OAAO,EAAE,SAAS;SACnB;QACD,OAAO,EAAE;YACP,OAAO,EAAE,QAAQ;SAClB;QACD,eAAe,EAAE;YACf,OAAO,EAAE,SAAS;SACnB;KACF;CACM,CAAA;AAET,MAAM,CAAC,IAAM,OAAO,GAA8B;IAChD,IAAI,EAAE;QACJ,IAAI,EAAE,SAAS,CAAC,KAAK;QACrB,KAAK,EAAE,aAAa;QACpB,QAAQ,EAAE,KAAK;QACf,OAAO,EAAE,CAAC;QACV,eAAe,EAAE,IAAI;KACtB;CACF,CAAA"}

package/dist/components/FileUploader/Uploader.d.ts

@@ -0,0 +1,3 @@
+import { ReactElement } from 'react';
+import { IUploaderProps } from './uploader.interface';
+export declare const Uploader: ({ type, uploadedFile, label, inputValue, onInputChange, onFileChange, disabled, loading, deleteFile, id, accept, name, multiple, placeHolder, showFullPreview, inputClassName, touched, error, nameClassName, required, }: IUploaderProps) => ReactElement;

package/dist/components/FileUploader/Uploader.js

@@ -0,0 +1,51 @@
+import { jsxs as _jsxs, jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
+import CancelIcon from '@mui/icons-material/Cancel';
+import CircularProgress from '@mui/material/CircularProgress';
+import OndemandVideoIcon from '@mui/icons-material/OndemandVideo';
+import { Container, ItemContainer, CancelButton, InputFileContainer, UploadInput, ImagePlaceholder, InputLabel, VideoPlaceholder, DefaultPlaceholder, LoadingProgressContainer, CircularProgressStyles, FlexContainer, ErrorText, Title, } from './styled-components';
+import InsertDriveFileIcon from '@mui/icons-material/InsertDriveFile';
+import HeadsetIcon from '@mui/icons-material/Headset';
+import FileUploadOutlinedIcon from '@mui/icons-material/FileUploadOutlined';
+import { FileTypes } from './uploader.interface';
+import { Input } from '../Input';
+import { useTranslation } from '../Providers/TranslationProvider/TranslationProvider';
+var Loading = function (_a) {
+    var type = _a.type, loading = _a.loading;
+    if ([FileTypes.VIDEO, FileTypes.AUDIO].includes(type)) {
+        return _jsxs(LoadingProgressContainer, { children: [Math.round(loading), " %"] });
+    }
+    return (_jsx(LoadingProgressContainer, { children: _jsx(CircularProgress, { style: CircularProgressStyles }) }));
+};
+var handleFileClick = function (link) {
+    if (link) {
+        window.open(link, '_blank');
+    }
+};
+export var Uploader = function (_a) {
+    var type = _a.type, uploadedFile = _a.uploadedFile, label = _a.label, inputValue = _a.inputValue, onInputChange = _a.onInputChange, onFileChange = _a.onFileChange, disabled = _a.disabled, loading = _a.loading, deleteFile = _a.deleteFile, id = _a.id, accept = _a.accept, name = _a.name, multiple = _a.multiple, placeHolder = _a.placeHolder, _b = _a.showFullPreview, showFullPreview = _b === void 0 ? false : _b, inputClassName = _a.inputClassName, touched = _a.touched, error = _a.error, nameClassName = _a.nameClassName, _c = _a.required, required = _c === void 0 ? false : _c;
+    var t = useTranslation().t;
+    var InlineFilePreview = function () {
+        var file = uploadedFile;
+        switch (type) {
+            case FileTypes.IMAGE:
+                return (_jsx(ImagePlaceholder, { onClick: function () {
+                        handleFileClick(file.link);
+                    }, children: _jsx("img", { src: file === null || file === void 0 ? void 0 : file.link, alt: '' }) }));
+            case FileTypes.VIDEO:
+                return (_jsx(VideoPlaceholder, { onClick: function () {
+                        var _a, _b;
+                        handleFileClick((_b = (_a = file.links) === null || _a === void 0 ? void 0 : _a[4]) === null || _b === void 0 ? void 0 : _b.url);
+                    }, children: _jsx(OndemandVideoIcon, { color: 'secondary' }) }));
+            case FileTypes.AUDIO:
+                return (_jsx(DefaultPlaceholder, { onClick: function () {
+                        handleFileClick(file.link);
+                    }, children: _jsx(HeadsetIcon, { color: 'secondary' }) }));
+            default:
+                return (_jsx(DefaultPlaceholder, { onClick: function () {
+                        handleFileClick(file.link);
+                    }, children: _jsx(InsertDriveFileIcon, { color: 'secondary' }) }));
+        }
+    };
+    return (_jsxs(Container, { children: [label && _jsx(Title, { "$required": required, children: label }), _jsxs(FlexContainer, { children: [_jsx(ItemContainer, { width: '75%', children: _jsx(Input, { label: '', placeholder: placeHolder ? placeHolder : 'Supported formats are PNG, JPG, JPEG', name: 'file', size: 'small', type: 'text', fullWidth: true, touched: touched, error: !!error, value: inputValue, onChange: onInputChange, disabled: disabled }) }), showFullPreview ? (_jsxs(_Fragment, { children: [_jsx(ItemContainer, { width: '23%', children: loading ? (_jsx(Loading, { type: type, loading: loading })) : (_jsxs(InputFileContainer, { children: [_jsx(UploadInput, { type: 'file', className: nameClassName, name: name, id: id, onChange: onFileChange, multiple: multiple, accept: accept }), _jsxs(InputLabel, { htmlFor: id, children: [_jsx(FileUploadOutlinedIcon, {}), t('general.upload') || 'Upload', ' '] })] })) }), uploadedFile && type === FileTypes.IMAGE && (_jsx(ImagePlaceholder, { height: 160, children: uploadedFile.link && _jsx("img", { src: uploadedFile.link, alt: 'Input Image' }) })), uploadedFile && (_jsx(CancelButton, { onClick: deleteFile, right: '160px', top: '37px', children: _jsx(CancelIcon, { style: { color: 'rgba(179, 179, 184, 1)' } }) }))] })) : (_jsxs(_Fragment, { children: [_jsxs(ItemContainer, { width: '23%', children: [!uploadedFile && !loading && (_jsxs(InputFileContainer, { children: [_jsx(UploadInput, { type: 'file', className: inputClassName, name: name, id: id, onChange: onFileChange, multiple: multiple, accept: accept }), _jsxs(InputLabel, { htmlFor: id, children: [_jsx(FileUploadOutlinedIcon, {}), t('general.upload')] })] })), loading && _jsx(Loading, { type: type, loading: loading }), uploadedFile && InlineFilePreview()] }), uploadedFile && (_jsx(CancelButton, { onClick: deleteFile, children: _jsx(CancelIcon, { style: { color: '#06C68F' } }) })), ' '] }))] }), error && touched && _jsx(ErrorText, { children: error })] }));
+};
+//# sourceMappingURL=Uploader.js.map

package/dist/components/FileUploader/Uploader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Uploader.js","sourceRoot":"","sources":["../../../src/components/FileUploader/Uploader.tsx"],"names":[],"mappings":"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"}

package/dist/components/FileUploader/UploaderButton.d.ts

@@ -0,0 +1,3 @@
+import { IUploaderButtonProps } from './uploader.interface';
+declare const UploaderButton: ({ onChange, id, accept, loading, label }: IUploaderButtonProps) => import("react/jsx-runtime").JSX.Element;
+export default UploaderButton;

package/dist/components/FileUploader/UploaderButton.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { FileUploadButton, ButtonInputLabel } from './styled-components';
+var UploaderButton = function (_a) {
+    var onChange = _a.onChange, id = _a.id, accept = _a.accept, loading = _a.loading, label = _a.label;
+    return (_jsxs(FileUploadButton, { children: [_jsx("input", { type: 'file', onChange: onChange, id: id || 'id', accept: accept }), loading ? ('Loading...') : (_jsx(ButtonInputLabel, { htmlFor: id, children: _jsx("span", { children: label }) }))] }));
+};
+export default UploaderButton;
+//# sourceMappingURL=UploaderButton.js.map

package/dist/components/FileUploader/UploaderButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UploaderButton.js","sourceRoot":"","sources":["../../../src/components/FileUploader/UploaderButton.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAA;AAGxE,IAAM,cAAc,GAAG,UAAC,EAA8D;QAA5D,QAAQ,cAAA,EAAE,EAAE,QAAA,EAAE,MAAM,YAAA,EAAE,OAAO,aAAA,EAAE,KAAK,WAAA;IAC5D,OAAO,CACL,MAAC,gBAAgB,eACf,gBAAO,IAAI,EAAC,MAAM,EAAC,QAAQ,EAAE,QAAQ,EAAE,EAAE,EAAE,EAAE,IAAI,IAAI,EAAE,MAAM,EAAE,MAAM,GAAI,EACxE,OAAO,CAAC,CAAC,CAAC,CACT,YAAY,CACb,CAAC,CAAC,CAAC,CACF,KAAC,gBAAgB,IAAC,OAAO,EAAE,EAAE,YAE3B,yBAAO,KAAK,GAAQ,GACH,CACpB,IACgB,CACpB,CAAA;AACH,CAAC,CAAA;AAED,eAAe,cAAc,CAAA"}

package/dist/components/FileUploader/index.d.ts

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

package/dist/components/FileUploader/index.js

@@ -0,0 +1,2 @@
+export { Uploader } from './Uploader';
+//# sourceMappingURL=index.js.map

package/dist/components/FileUploader/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/FileUploader/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA"}

package/dist/components/FileUploader/styled-components.d.ts

@@ -0,0 +1,37 @@
+export declare const FileUploaderContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const MediaUploading: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const MediaUploadingWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const LoadingText: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const FileUploaderHeader: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, never>> & string;
+export declare const FileUploaderContent: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const Content: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const Container: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const ErrorText: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const FlexContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const ItemContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    width: string;
+}>> & string;
+export declare const InputContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const CancelButton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    top?: string;
+    right?: string;
+}>> & string;
+export declare const InputFileContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const UploadInput: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, never>> & string;
+export declare const Label: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const ImagePlaceholder: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    height?: number;
+}>> & string;
+export declare const InputLabel: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, never>> & string;
+export declare const ButtonInputLabel: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, never>> & string;
+export declare const FileUploadButton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const VideoPlaceholder: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const DefaultPlaceholder: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const LoadingProgressContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const CircularProgressStyles: {
+    width: string;
+    height: string;
+};
+export declare const Title: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, {
+    $required?: boolean;
+}>> & string;

package/dist/components/FileUploader/styled-components.js

@@ -0,0 +1,55 @@
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+import styled from 'styled-components';
+export var FileUploaderContainer = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  position: relative;\n  cursor: pointer;\n  overflow: hidden;\n  padding: 10px;\n  border: 1px solid rgba(0, 0, 0, 0.1);\n  border-radius: 4px;\n  height: 100%;\n  transition: border 0.2s ease;\n\n  .image_wrapper {\n    position: relative;\n    padding-top: 10px;\n    width: 100px;\n    height: 100px;\n    border-radius: 4px;\n    svg {\n      position: absolute;\n      right: -11px;\n      top: 0px;\n    }\n    img {\n      width: 100%;\n      height: 100%;\n      object-fit: cover;\n    }\n  }\n\n  .video_wrapper {\n    padding: 5px 10px;\n    background: #eee;\n    margin-top: 10px;\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n\n    svg {\n      color: red;\n    }\n  }\n\n  .file_wrapper {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    box-sizing: border-box;\n    svg {\n      font-size: 20px;\n      color: red;\n      margin-left: 10px;\n    }\n  }\n\n  label {\n    cursor: pointer;\n    display: flex;\n    .MuiSvgIcon-fontSizeLarge {\n      font-size: 5.1875rem;\n    }\n\n    svg {\n      transform: scale(0.8);\n      transition: transform 0.2s ease;\n    }\n  }\n  input {\n    opacity: 0;\n    position: absolute;\n    z-index: -1;\n    left: 0;\n    top: 0;\n    overflow: hidden;\n  }\n\n  &.full {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n\n    header {\n      margin-right: 15px;\n    }\n\n    label {\n      align-items: center;\n      justify-content: center;\n      width: 100%;\n    }\n\n    label svg {\n      transform: scale(1);\n    }\n  }\n\n  &.uploaded {\n    border: 1px solid rgba(0, 0, 0, 0.3);\n\n    header {\n      color: rgba(0, 0, 0, 0.74);\n    }\n\n    label svg {\n      transform: scale(1);\n    }\n  }\n"], ["\n  position: relative;\n  cursor: pointer;\n  overflow: hidden;\n  padding: 10px;\n  border: 1px solid rgba(0, 0, 0, 0.1);\n  border-radius: 4px;\n  height: 100%;\n  transition: border 0.2s ease;\n\n  .image_wrapper {\n    position: relative;\n    padding-top: 10px;\n    width: 100px;\n    height: 100px;\n    border-radius: 4px;\n    svg {\n      position: absolute;\n      right: -11px;\n      top: 0px;\n    }\n    img {\n      width: 100%;\n      height: 100%;\n      object-fit: cover;\n    }\n  }\n\n  .video_wrapper {\n    padding: 5px 10px;\n    background: #eee;\n    margin-top: 10px;\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n\n    svg {\n      color: red;\n    }\n  }\n\n  .file_wrapper {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    box-sizing: border-box;\n    svg {\n      font-size: 20px;\n      color: red;\n      margin-left: 10px;\n    }\n  }\n\n  label {\n    cursor: pointer;\n    display: flex;\n    .MuiSvgIcon-fontSizeLarge {\n      font-size: 5.1875rem;\n    }\n\n    svg {\n      transform: scale(0.8);\n      transition: transform 0.2s ease;\n    }\n  }\n  input {\n    opacity: 0;\n    position: absolute;\n    z-index: -1;\n    left: 0;\n    top: 0;\n    overflow: hidden;\n  }\n\n  &.full {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n\n    header {\n      margin-right: 15px;\n    }\n\n    label {\n      align-items: center;\n      justify-content: center;\n      width: 100%;\n    }\n\n    label svg {\n      transform: scale(1);\n    }\n  }\n\n  &.uploaded {\n    border: 1px solid rgba(0, 0, 0, 0.3);\n\n    header {\n      color: rgba(0, 0, 0, 0.74);\n    }\n\n    label svg {\n      transform: scale(1);\n    }\n  }\n"])));
+export var MediaUploading = styled.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  position: absolute;\n  z-index: 2;\n  width: 100%;\n  height: 100%;\n  top: 0;\n  left: 0;\n  background: #fff;\n  border-radius: 4px;\n"], ["\n  position: absolute;\n  z-index: 2;\n  width: 100%;\n  height: 100%;\n  top: 0;\n  left: 0;\n  background: #fff;\n  border-radius: 4px;\n"])));
+export var MediaUploadingWrapper = styled.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  width: 100%;\n  height: 100%;\n  padding: 0 30px;\n  > div {\n    width: 100%;\n    text-align: center;\n  }\n"], ["\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  width: 100%;\n  height: 100%;\n  padding: 0 30px;\n  > div {\n    width: 100%;\n    text-align: center;\n  }\n"])));
+export var LoadingText = styled.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  margin-bottom: 15px;\n"], ["\n  margin-bottom: 15px;\n"])));
+export var FileUploaderHeader = styled.header(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  color: rgba(0, 0, 0, 0.54);\n  transition: color 0.2 ease;\n  svg {\n    fill: #3f51b5;\n  }\n"], ["\n  color: rgba(0, 0, 0, 0.54);\n  transition: color 0.2 ease;\n  svg {\n    fill: #3f51b5;\n  }\n"])));
+export var FileUploaderContent = styled.div(templateObject_6 || (templateObject_6 = __makeTemplateObject([""], [""])));
+export var Content = styled.div(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n  background: #fff;\n  position: relative;\n  padding: 10px;\n  border-radius: 5px;\n  border: 1px solid rgba(0, 0, 0, 0.3);\n"], ["\n  background: #fff;\n  position: relative;\n  padding: 10px;\n  border-radius: 5px;\n  border: 1px solid rgba(0, 0, 0, 0.3);\n"
+    // Uploader
+])));
+// Uploader
+export var Container = styled.div(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n  width: 100%;\n  box-sizing: border-box;\n  display: flex;\n  flex-direction: column;\n  position: relative;\n"], ["\n  width: 100%;\n  box-sizing: border-box;\n  display: flex;\n  flex-direction: column;\n  position: relative;\n"])));
+export var ErrorText = styled.div(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n  font-size: 12px;\n  color: #d32f2f;\n  margin-left: 5px;\n  margin-top: -15px;\n"], ["\n  font-size: 12px;\n  color: #d32f2f;\n  margin-left: 5px;\n  margin-top: -15px;\n"])));
+export var FlexContainer = styled.div(templateObject_10 || (templateObject_10 = __makeTemplateObject(["\n  display: flex;\n  flex-wrap: wrap;\n  gap: 10px;\n  align-items: center;\n"], ["\n  display: flex;\n  flex-wrap: wrap;\n  gap: 10px;\n  align-items: center;\n"])));
+export var ItemContainer = styled.div(templateObject_11 || (templateObject_11 = __makeTemplateObject(["\n  width: ", ";\n  position: relative;\n"], ["\n  width: ", ";\n  position: relative;\n"])), function (_a) {
+    var width = _a.width;
+    return width || '100%';
+});
+export var InputContainer = styled.div(templateObject_12 || (templateObject_12 = __makeTemplateObject(["\n  width: 390px;\n"], ["\n  width: 390px;\n"])));
+export var CancelButton = styled.div(templateObject_13 || (templateObject_13 = __makeTemplateObject(["\n  position: absolute;\n  right: ", ";\n  top: ", ";\n  cursor: pointer;\n"], ["\n  position: absolute;\n  right: ", ";\n  top: ", ";\n  cursor: pointer;\n"])), function (_a) {
+    var right = _a.right;
+    return right || '-13px';
+}, function (_a) {
+    var top = _a.top;
+    return top || '5px';
+});
+export var InputFileContainer = styled.div(templateObject_14 || (templateObject_14 = __makeTemplateObject(["\n  position: relative;\n  display: flex;\n  justify-content: flex-end;\n  /* input {\n    opacity: 0;\n    position: absolute;\n    z-index: -1;\n    left: 0;\n    top: 0;\n    overflow: hidden;\n  }\n\n  &label {\n    width: 85%;\n    height: 100%;\n    cursor: pointer;\n  } */\n"], ["\n  position: relative;\n  display: flex;\n  justify-content: flex-end;\n  /* input {\n    opacity: 0;\n    position: absolute;\n    z-index: -1;\n    left: 0;\n    top: 0;\n    overflow: hidden;\n  }\n\n  &label {\n    width: 85%;\n    height: 100%;\n    cursor: pointer;\n  } */\n"])));
+export var UploadInput = styled.input(templateObject_15 || (templateObject_15 = __makeTemplateObject(["\n  opacity: 0;\n  position: absolute;\n  z-index: -1;\n  left: 0;\n  width: 0;\n  top: 0;\n  overflow: hidden;\n"], ["\n  opacity: 0;\n  position: absolute;\n  z-index: -1;\n  left: 0;\n  width: 0;\n  top: 0;\n  overflow: hidden;\n"])));
+export var Label = styled.div(templateObject_16 || (templateObject_16 = __makeTemplateObject(["\n  position: absolute;\n  left: 0px;\n  top: -15px;\n  background: #fff;\n  font-size: 12px;\n  color: rgba(0, 0, 0, 0.54);\n"], ["\n  position: absolute;\n  left: 0px;\n  top: -15px;\n  background: #fff;\n  font-size: 12px;\n  color: rgba(0, 0, 0, 0.54);\n"])));
+export var ImagePlaceholder = styled.div(templateObject_17 || (templateObject_17 = __makeTemplateObject(["\n  display: flex;\n  justify-content: flex-end;\n  cursor: pointer;\n\n  img {\n    position: relative;\n    border: 1px solid #08c694;\n    width: 100%;\n    height: ", "px;\n    object-fit: cover;\n    top: 2px;\n  }\n"], ["\n  display: flex;\n  justify-content: flex-end;\n  cursor: pointer;\n\n  img {\n    position: relative;\n    border: 1px solid #08c694;\n    width: 100%;\n    height: ", "px;\n    object-fit: cover;\n    top: 2px;\n  }\n"])), function (_a) {
+    var height = _a.height;
+    return height || 60;
+});
+export var InputLabel = styled.label(templateObject_18 || (templateObject_18 = __makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: 2px;\n  padding: 5px 5px;\n  max-width: 150px;\n  cursor: pointer;\n  background: #fff;\n  border: 1px solid #08c694;\n  color: #08c694;\n  font-size: 19px;\n  font-weight: 400;\n  border-radius: 4px;\n  width: 130px;\n"], ["\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: 2px;\n  padding: 5px 5px;\n  max-width: 150px;\n  cursor: pointer;\n  background: #fff;\n  border: 1px solid #08c694;\n  color: #08c694;\n  font-size: 19px;\n  font-weight: 400;\n  border-radius: 4px;\n  width: 130px;\n"
+    // UploaderButton
+])));
+// UploaderButton
+export var ButtonInputLabel = styled.label(templateObject_19 || (templateObject_19 = __makeTemplateObject(["\n  cursor: pointer;\n  color: #fff;\n  background: #06c68f;\n  font-size: 11px;\n  padding: 4px 6px;\n  border-radius: 4px;\n  display: flex;\n  align-items: center;\n"], ["\n  cursor: pointer;\n  color: #fff;\n  background: #06c68f;\n  font-size: 11px;\n  padding: 4px 6px;\n  border-radius: 4px;\n  display: flex;\n  align-items: center;\n"])));
+export var FileUploadButton = styled.div(templateObject_20 || (templateObject_20 = __makeTemplateObject(["\n  input {\n    opacity: 0;\n    width: 1px;\n    position: absolute;\n    z-index: -1;\n    left: 0;\n    top: 0;\n    overflow: hidden;\n  }\n"], ["\n  input {\n    opacity: 0;\n    width: 1px;\n    position: absolute;\n    z-index: -1;\n    left: 0;\n    top: 0;\n    overflow: hidden;\n  }\n"])));
+export var VideoPlaceholder = styled.div(templateObject_21 || (templateObject_21 = __makeTemplateObject(["\n  margin-left: auto;\n  margin-top: 3px;\n  width: 60px;\n  cursor: pointer;\n"], ["\n  margin-left: auto;\n  margin-top: 3px;\n  width: 60px;\n  cursor: pointer;\n"])));
+export var DefaultPlaceholder = styled.div(templateObject_22 || (templateObject_22 = __makeTemplateObject(["\n  margin-left: 23px;\n  margin-top: 3px;\n  cursor: pointer;\n"], ["\n  margin-left: 23px;\n  margin-top: 3px;\n  cursor: pointer;\n"])));
+export var LoadingProgressContainer = styled.div(templateObject_23 || (templateObject_23 = __makeTemplateObject(["\n  margin-left: 19px;\n  margin-top: 2px;\n"], ["\n  margin-left: 19px;\n  margin-top: 2px;\n"])));
+export var CircularProgressStyles = { width: '32px', height: '32px' };
+export var Title = styled.h2(templateObject_24 || (templateObject_24 = __makeTemplateObject(["\n  font-size: 16px;\n  font-weight: 550;\n  margin-bottom: 5px;\n\n  ", "\n"], ["\n  font-size: 16px;\n  font-weight: 550;\n  margin-bottom: 5px;\n\n  ", "\n"])), function (_a) {
+    var $required = _a.$required;
+    return $required
+        ? "\n    &::after {\n      content: '*';\n      color: red;\n      margin-left: 3px;\n    }\n  "
+        : '';
+});
+var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9, templateObject_10, templateObject_11, templateObject_12, templateObject_13, templateObject_14, templateObject_15, templateObject_16, templateObject_17, templateObject_18, templateObject_19, templateObject_20, templateObject_21, templateObject_22, templateObject_23, templateObject_24;
+//# sourceMappingURL=styled-components.js.map

package/dist/components/FileUploader/styled-components.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styled-components.js","sourceRoot":"","sources":["../../../src/components/FileUploader/styled-components.ts"],"names":[],"mappings":"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"}

package/dist/components/FileUploader/uploader.interface.d.ts

@@ -0,0 +1,64 @@
+import { ReactElement } from 'react';
+export interface ILoadingProps {
+    type: FileTypes;
+    loading: boolean | number;
+}
+export interface IAudio {
+    link: string;
+    fileType: string;
+    name: string;
+}
+export interface IAttachment {
+    name: string;
+    type: string;
+    link: string;
+    value: string;
+}
+export interface IUploadedFile {
+    id?: string;
+    title?: string;
+    links?: Array<{
+        type: string;
+        url: string;
+    }>;
+    link?: string;
+    name?: string;
+    fileType?: string;
+}
+export interface IUploaderProps {
+    placeHolder?: string;
+    type?: FileTypes;
+    label?: ReactElement | string;
+    inputValue: string;
+    onInputChange?: (e: React.ChangeEvent<HTMLInputElement>) => void;
+    onFileChange?: (e: React.ChangeEvent<HTMLInputElement>) => void;
+    disabled?: boolean;
+    loading?: boolean | number;
+    uploadedFile?: IAttachment | null | IAudio | IUploadedFile;
+    id?: string;
+    accept?: string;
+    multiple?: boolean;
+    name?: string;
+    showFullPreview?: boolean;
+    fileExtension?: string;
+    deleteFile: () => void;
+    inputClassName?: string;
+    error?: string;
+    touched?: boolean;
+    nameClassName?: string;
+    required?: boolean;
+}
+export declare enum FileTypes {
+    DOCUMENT = "document",
+    IMAGE = "image",
+    VIDEO = "video",
+    AUDIO = "audio",
+    FILE = "file"
+}
+export interface IUploaderButtonProps {
+    onChange: (e: React.ChangeEvent<HTMLInputElement>) => void;
+    id: string;
+    accept: string;
+    loading: boolean;
+    label: ReactElement;
+}

package/dist/components/FileUploader/uploader.interface.js

@@ -0,0 +1,9 @@
+export var FileTypes;
+(function (FileTypes) {
+    FileTypes["DOCUMENT"] = "document";
+    FileTypes["IMAGE"] = "image";
+    FileTypes["VIDEO"] = "video";
+    FileTypes["AUDIO"] = "audio";
+    FileTypes["FILE"] = "file";
+})(FileTypes || (FileTypes = {}));
+//# sourceMappingURL=uploader.interface.js.map

package/dist/components/FileUploader/uploader.interface.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"uploader.interface.js","sourceRoot":"","sources":["../../../src/components/FileUploader/uploader.interface.ts"],"names":[],"mappings":"AAoDA,MAAM,CAAN,IAAY,SAMX;AAND,WAAY,SAAS;IACnB,kCAAqB,CAAA;IACrB,4BAAe,CAAA;IACf,4BAAe,CAAA;IACf,4BAAe,CAAA;IACf,0BAAa,CAAA;AACf,CAAC,EANW,SAAS,KAAT,SAAS,QAMpB"}

package/dist/components/GridActionMenu/GridActionMenu.d.ts

@@ -0,0 +1,3 @@
+import { ReactElement } from 'react';
+import { IGridActionMenuProps } from './gridActionMenu.interface';
+export declare const GridActionMenu: (props: IGridActionMenuProps) => ReactElement;

package/dist/components/GridActionMenu/GridActionMenu.js

@@ -0,0 +1,22 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from 'react';
+import Popover from '@mui/material/Popover';
+import { Container, ActionsContent, StyledIconButton } from './GridActionMenu.styles';
+import { MoreVertRoundedIcon } from '../../icons/MoreVertRoundedIcon';
+export var GridActionMenu = function (props) {
+    var _a, _b, _c;
+    var _d = useState(null), anchorEl = _d[0], setAnchorEl = _d[1];
+    var handleClick = function (event) {
+        setAnchorEl(event.currentTarget);
+    };
+    return (_jsx("div", { children: props.actionConfig && props.actionConfig.length > 0 && (_jsxs(Container, { onClick: function (e) { return e.stopPropagation(); }, children: [_jsx("div", { onClick: handleClick, children: (_a = props.button) !== null && _a !== void 0 ? _a : (_jsx(StyledIconButton, { className: 'more', children: (_b = props.icon) !== null && _b !== void 0 ? _b : _jsx(MoreVertRoundedIcon, {}) })) }), _jsx(Popover, { open: Boolean(anchorEl), anchorEl: anchorEl, onClose: function () {
+                        setAnchorEl(null);
+                    }, anchorOrigin: {
+                        vertical: 'bottom',
+                        horizontal: 'center',
+                    }, transformOrigin: {
+                        vertical: 'top',
+                        horizontal: 'center',
+                    }, children: _jsx(ActionsContent, { children: (_c = props === null || props === void 0 ? void 0 : props.actionConfig) === null || _c === void 0 ? void 0 : _c.map(function (i, index) { return (_jsx("div", { onClick: function () { return setAnchorEl(null); }, children: i.render(props.row) }, index)); }) }) })] })) }));
+};
+//# sourceMappingURL=GridActionMenu.js.map

package/dist/components/GridActionMenu/GridActionMenu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GridActionMenu.js","sourceRoot":"","sources":["../../../src/components/GridActionMenu/GridActionMenu.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAgB,QAAQ,EAAE,MAAM,OAAO,CAAA;AACrD,OAAO,OAAO,MAAM,uBAAuB,CAAA;AAC3C,OAAO,EAAE,SAAS,EAAE,cAAc,EAAE,gBAAgB,EAAE,MAAM,yBAAyB,CAAA;AAErF,OAAO,EAAE,mBAAmB,EAAE,MAAM,iCAAiC,CAAA;AAErE,MAAM,CAAC,IAAM,cAAc,GAAG,UAAC,KAA2B;;IAClD,IAAA,KAA0B,QAAQ,CAAC,IAAI,CAAC,EAAvC,QAAQ,QAAA,EAAE,WAAW,QAAkB,CAAA;IAC9C,IAAM,WAAW,GAAG,UAAC,KAA+B;QAClD,WAAW,CAAC,KAAK,CAAC,aAAa,CAAC,CAAA;IAClC,CAAC,CAAA;IAED,OAAO,CACL,wBACG,KAAK,CAAC,YAAY,IAAI,KAAK,CAAC,YAAY,CAAC,MAAM,GAAG,CAAC,IAAI,CACtD,MAAC,SAAS,IAAC,OAAO,EAAE,UAAC,CAAC,IAAW,OAAA,CAAC,CAAC,eAAe,EAAE,EAAnB,CAAmB,aAClD,cAAK,OAAO,EAAE,WAAW,YACtB,MAAA,KAAK,CAAC,MAAM,mCAAI,CACf,KAAC,gBAAgB,IAAC,SAAS,EAAC,MAAM,YAC/B,MAAA,KAAK,CAAC,IAAI,mCAAI,KAAC,mBAAmB,KAAG,GACrB,CACpB,GACG,EAEN,KAAC,OAAO,IACN,IAAI,EAAE,OAAO,CAAC,QAAQ,CAAC,EACvB,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE;wBACP,WAAW,CAAC,IAAI,CAAC,CAAA;oBACnB,CAAC,EACD,YAAY,EAAE;wBACZ,QAAQ,EAAE,QAAQ;wBAClB,UAAU,EAAE,QAAQ;qBACrB,EACD,eAAe,EAAE;wBACf,QAAQ,EAAE,KAAK;wBACf,UAAU,EAAE,QAAQ;qBACrB,YAED,KAAC,cAAc,cACZ,MAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,YAAY,0CAAE,GAAG,CAAC,UAAC,CAAC,EAAE,KAAK,IAAK,OAAA,CACtC,cAAiB,OAAO,EAAE,cAAY,OAAA,WAAW,CAAC,IAAI,CAAC,EAAjB,CAAiB,YACpD,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,GAAG,CAAC,IADZ,KAAK,CAET,CACP,EAJuC,CAIvC,CAAC,GACa,GACT,IACA,CACb,GACG,CACP,CAAA;AACH,CAAC,CAAA"}

package/dist/components/GridActionMenu/GridActionMenu.stories.d.ts

@@ -0,0 +1,6 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import { GridActionMenu } from './GridActionMenu';
+declare const meta: Meta<typeof GridActionMenu>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;