suada-components 1.0.3

package/dist/components/VideoPlayer/Player.js

@@ -0,0 +1,102 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+// disabled eslint for this file as react-player is not fully compatible with typescript
+/* eslint-disable */
+// @ts-nocheck
+import { useEffect, useRef, useState } from 'react';
+import PropTypes from 'prop-types';
+import Hls from 'hls.js';
+import { Player, ControlBar, PlaybackRateMenuButton, BigPlayButton } from 'video-react';
+import 'video-react/dist/video-react.css';
+import { ButtonWrapper, Container, QualityButtonWrapper, 
+// StyledQualityMenu,
+StyledQualityMenuItem, 
+// StyledVideo,
+SubtitlesMenuContainer, DownloadWrapper, } from './styled-components';
+import { useTranslation } from 'react-i18next';
+import useOutsideClick from '../../helperFunctions/useOutsideClick';
+import { ClosedCaptionIcon, CloudDownloadIcon } from '../../icons';
+var SubtitlesButton = function (_a) {
+    var subtitles = _a.subtitles, setSubtitles = _a.setSubtitles;
+    var _b = useState(false), open = _b[0], setOpen = _b[1];
+    var ref = useRef();
+    var t = useTranslation().t;
+    useOutsideClick(ref, function () { return open && setOpen(false); });
+    return (_jsxs(QualityButtonWrapper, { ref: ref, children: [_jsx(ButtonWrapper, { onClick: function () { return setOpen(!open); }, children: _jsx(ClosedCaptionIcon, { fontSize: 'small' }) }), open && (_jsxs(SubtitlesMenuContainer, { children: [_jsx(StyledQualityMenuItem, { onClick: function () { return setSubtitles('off'); }, color: subtitles === 'off', children: t('general.off') }), _jsx(StyledQualityMenuItem, { onClick: function () { return setSubtitles('on'); }, color: subtitles === 'on', children: t('general.on') })] }))] }));
+};
+// commented out Quality menu for now as we only playing 720p hls videos
+// const QualityMenu = ({ setQuality, quality }) => {
+//   const [open, setOpen] = useState(false)
+//   const ref = useRef()
+//   const selectOptions = (i) => {
+//     setQuality(i)
+//   }
+//   useOutsideClick(ref, () => open && setOpen(false))
+//   return (
+//     <QualityButtonWrapper ref={ref}>
+//       <ButtonWrapper onClick={() => setOpen(!open)}>
+//         {quality === 2 ? (
+//           <HighQualityIcon fontSize="small" />
+//         ) : (
+//           <HdIcon fontSize="small" />
+//         )}
+//       </ButtonWrapper>
+//       {open && (
+//         <StyledQualityMenu>
+//           {['360p', '720p', '1080p'].map((item, index) => (
+//             <StyledQualityMenuItem
+//               key=""
+//               onClick={() => selectOptions(index)}
+//               color={quality === index}
+//             >
+//               {item}
+//             </StyledQualityMenuItem>
+//           ))}
+//         </StyledQualityMenu>
+//       )}
+//     </QualityButtonWrapper>
+//   )
+// }
+var HlsVideoSrc = function (props) {
+    var hlsRef = useRef();
+    var video = props.video, url = props.url, type = props.type, showSubtitles = props.showSubtitles;
+    useEffect(function () {
+        if (!Hls.isSupported())
+            return;
+        hlsRef.current = new Hls();
+        hlsRef.current.loadSource(url);
+        hlsRef.current.attachMedia(video);
+        hlsRef.current.subtitleDisplay = false;
+    }, [url]);
+    useEffect(function () {
+        if (!hlsRef)
+            return;
+        hlsRef.current.subtitleDisplay = showSubtitles === 'on';
+    }, [showSubtitles]);
+    return (_jsx(_Fragment, { children: _jsx("source", { src: url, type: type || 'application/x-mpegURL' }) }));
+};
+export var VideoPlayer = function (props) {
+    var _a = useState('off'), subtitles = _a[0], setSubtitles = _a[1];
+    var ref = useRef();
+    useEffect(function () {
+        ref.current.playbackRate = 2;
+        ref.current.forceUpdate();
+    }, []);
+    return (_jsx(Container, { children: _jsxs(Player, { ref: ref, width: 700, height: 400, poster: props.thumbnail, crossOrigin: 'anonymous', children: [_jsx(BigPlayButton, { position: 'center' }), _jsx(HlsVideoSrc, { isVideoChild: true, video: ref.current, url: props.url, showSubtitles: subtitles }), _jsxs(ControlBar, { children: [_jsx(PlaybackRateMenuButton, { rates: [3, 2, 1.6, 1.2, 1, 0.5, 0.1], order: 7 }), props.subtitle && (_jsx(SubtitlesButton, { order: 7, setSubtitles: setSubtitles, subtitles: subtitles, list: props.subtitle })), props.downloadLink && (_jsx(DownloadWrapper, { order: 7, children: _jsx("a", { href: props.downloadLink, rel: 'noreferrer', target: '_blank', download: true, children: _jsx(CloudDownloadIcon, { fontSize: 'small' }) }) }))] })] }) }));
+};
+HlsVideoSrc.propTypes = {
+    url: PropTypes.string,
+    type: PropTypes.string,
+    video: PropTypes.object,
+    showSubtitles: PropTypes.string,
+};
+VideoPlayer.propTypes = {
+    url: PropTypes.string,
+    thumbnail: PropTypes.string,
+    subtitle: PropTypes.string,
+    downloadLink: PropTypes.string,
+};
+SubtitlesButton.propTypes = {
+    setSubtitles: PropTypes.func,
+    subtitles: PropTypes.string,
+};
+//# sourceMappingURL=Player.js.map

package/dist/components/VideoPlayer/Player.js.map

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

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

@@ -0,0 +1,4 @@
+import { Meta } from '@storybook/react';
+declare const _default: Meta;
+export default _default;
+export declare const Default: import("@storybook/core/types").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, import("@storybook/react").Args>;

package/dist/components/VideoPlayer/VideoPlayer.stories.js

@@ -0,0 +1,27 @@
+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 { VideoPlayer } from './Player';
+export default {
+    title: 'Components/VideoPlayer',
+    component: VideoPlayer,
+    parameters: {
+        layout: 'centered',
+    },
+    tags: ['autodocs'],
+};
+var Template = function (args) { return _jsx(VideoPlayer, __assign({}, args)); };
+export var Default = Template.bind({});
+Default.args = {
+    url: 'https://stream-akamai.castr.com/5b9352dbda7b8c769937e459/live_2361c920455111ea85db6911fe397b9e/index.fmp4.m3u8',
+};
+//# sourceMappingURL=VideoPlayer.stories.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"VideoPlayer.stories.js","sourceRoot":"","sources":["../../../src/components/VideoPlayer/VideoPlayer.stories.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAEA,OAAO,EAAE,WAAW,EAAE,MAAM,UAAU,CAAA;AAEtC,eAAe;IACb,KAAK,EAAE,wBAAwB;IAC/B,SAAS,EAAE,WAAW;IACtB,UAAU,EAAE;QACV,MAAM,EAAE,UAAU;KACnB;IACD,IAAI,EAAE,CAAC,UAAU,CAAC;CACX,CAAA;AAET,IAAM,QAAQ,GAAY,UAAA,IAAI,IAAI,OAAA,KAAC,WAAW,eAAK,IAAI,EAAI,EAAzB,CAAyB,CAAA;AAE3D,MAAM,CAAC,IAAM,OAAO,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AACxC,OAAO,CAAC,IAAI,GAAG;IACb,GAAG,EAAE,gHAAgH;CACtH,CAAA"}

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

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

package/dist/components/VideoPlayer/index.js

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

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

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

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

@@ -0,0 +1,9 @@
+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 Tracker: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").TrackHTMLAttributes<HTMLTrackElement>, HTMLTrackElement>, never>> & string;
+export declare const StyledVideo: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").VideoHTMLAttributes<HTMLVideoElement>, HTMLVideoElement>, never>> & string;
+export declare const SubtitlesMenuContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const QualityButtonWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const StyledQualityMenu: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const StyledQualityMenuItem: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const ButtonWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const DownloadWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;

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

@@ -0,0 +1,19 @@
+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 Container = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  width: 700px;\n  position: relative;\n  overflow: hidden;\n  .video-react-big-play-button {\n    overflow: hidden !important;\n  }\n"], ["\n  width: 700px;\n  position: relative;\n  overflow: hidden;\n  .video-react-big-play-button {\n    overflow: hidden !important;\n  }\n"])));
+export var Tracker = styled.track(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  background: rgba(204, 204, 204, 0.17);\n"], ["\n  background: rgba(204, 204, 204, 0.17);\n"])));
+export var StyledVideo = styled.video(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  width: 660px;\n  height: 380px;\n  outline: none;\n"], ["\n  width: 660px;\n  height: 380px;\n  outline: none;\n"])));
+export var SubtitlesMenuContainer = styled.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  width: 45px;\n  position: absolute;\n  top: 0;\n  left: -10px;\n  transform: translateY(-100%);\n  background: rgba(43, 51, 63, 0.7);\n  height: 80px;\n  display: flex;\n  flex-direction: column;\n  border-radius: 1px;\n"], ["\n  width: 45px;\n  position: absolute;\n  top: 0;\n  left: -10px;\n  transform: translateY(-100%);\n  background: rgba(43, 51, 63, 0.7);\n  height: 80px;\n  display: flex;\n  flex-direction: column;\n  border-radius: 1px;\n"])));
+export var QualityButtonWrapper = styled.div(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  position: relative;\n  margin-left: 3px;\n  margin-right: 3px;\n"], ["\n  position: relative;\n  margin-left: 3px;\n  margin-right: 3px;\n"])));
+export var StyledQualityMenu = styled.div(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n  width: 44px;\n  position: absolute;\n  top: 0;\n  left: -10px;\n  transform: translateY(-100%);\n  background: rgba(43, 51, 63, 0.7);\n  height: 80px;\n  display: flex;\n  flex-direction: column;\n  border-radius: 1px;\n"], ["\n  width: 44px;\n  position: absolute;\n  top: 0;\n  left: -10px;\n  transform: translateY(-100%);\n  background: rgba(43, 51, 63, 0.7);\n  height: 80px;\n  display: flex;\n  flex-direction: column;\n  border-radius: 1px;\n"])));
+export var StyledQualityMenuItem = styled.div(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n  width: 100%;\n  box-sizing: border-box;\n  padding: 4px;\n  font-size: 13px;\n  color: ", ";\n  cursor: pointer;\n  margin-top: 3px;\n"], ["\n  width: 100%;\n  box-sizing: border-box;\n  padding: 4px;\n  font-size: 13px;\n  color: ", ";\n  cursor: pointer;\n  margin-top: 3px;\n"])), function (_a) {
+    var color = _a.color;
+    return (color ? '#ff3a52' : '#fff');
+});
+export var ButtonWrapper = styled.div(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n  margin-top: 5px;\n  cursor: pointer;\n"], ["\n  margin-top: 5px;\n  cursor: pointer;\n"])));
+export var DownloadWrapper = styled.div(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n  margin-top: 5px;\n  margin-left: 3px;\n"], ["\n  margin-top: 5px;\n  margin-left: 3px;\n"])));
+var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9;
+//# sourceMappingURL=styled-components.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"styled-components.js","sourceRoot":"","sources":["../../../src/components/VideoPlayer/styled-components.ts"],"names":[],"mappings":";;;;AAAA,OAAO,MAAM,MAAM,mBAAmB,CAAA;AAEtC,MAAM,CAAC,IAAM,SAAS,GAAG,MAAM,CAAC,GAAG,6MAAA,0IAOlC,IAAA,CAAA;AAED,MAAM,CAAC,IAAM,OAAO,GAAG,MAAM,CAAC,KAAK,iHAAA,8CAElC,IAAA,CAAA;AAED,MAAM,CAAC,IAAM,WAAW,GAAG,MAAM,CAAC,KAAK,4HAAA,yDAItC,IAAA,CAAA;AACD,MAAM,CAAC,IAAM,sBAAsB,GAAG,MAAM,CAAC,GAAG,qSAAA,kOAW/C,IAAA,CAAA;AACD,MAAM,CAAC,IAAM,oBAAoB,GAAG,MAAM,CAAC,GAAG,yIAAA,sEAI7C,IAAA,CAAA;AACD,MAAM,CAAC,IAAM,iBAAiB,GAAG,MAAM,CAAC,GAAG,qSAAA,kOAW1C,IAAA,CAAA;AAED,MAAM,CAAC,IAAM,qBAAqB,GAAG,MAAM,CAAC,GAAG,+MAAA,6FAKpC,EAAmD,6CAG7D,KAHU,UAAC,EAAS;QAAP,KAAK,WAAA;IAAe,OAAA,CAAC,KAAK,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC;AAA5B,CAA4B,CAG7D,CAAA;AAED,MAAM,CAAC,IAAM,aAAa,GAAG,MAAM,CAAC,GAAG,+GAAA,4CAGtC,IAAA,CAAA;AACD,MAAM,CAAC,IAAM,eAAe,GAAG,MAAM,CAAC,GAAG,gHAAA,6CAGxC,IAAA,CAAA"}

package/dist/components/WelcomeUser/WelcomeUser.d.ts

@@ -0,0 +1,3 @@
+import { ReactElement } from 'react';
+import { IWelcomeUsersProps } from './welcomeUser.interface';
+export declare const WelcomeUser: ({ isOpened, user }: IWelcomeUsersProps) => ReactElement;

package/dist/components/WelcomeUser/WelcomeUser.js

@@ -0,0 +1,11 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Content, Title } from './styled-components';
+import ProfilePicture from '../ProfilePicture/ProfilePicture';
+export var WelcomeUser = function (_a) {
+    var isOpened = _a.isOpened, user = _a.user;
+    return (_jsxs(Content, { isOpened: isOpened, children: [_jsx(ProfilePicture, { imgSource: user.avatar ||
+                    'https://www.pngitem.com/pimgs/m/146-1468479_my-profile-icon-blank-profile-picture-circle-hd.png', width: isOpened ? 70 : 60, height: isOpened ? 70 : 60 }), _jsx(Title, { isOpened: isOpened, children: isOpened
+                    ? "Hello, ".concat(user.firstName, " ").concat(user.lastName)
+                    : "".concat(user.firstName.charAt(0)).concat(user.lastName.charAt(0)) })] }));
+};
+//# sourceMappingURL=WelcomeUser.js.map

package/dist/components/WelcomeUser/WelcomeUser.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"WelcomeUser.js","sourceRoot":"","sources":["../../../src/components/WelcomeUser/WelcomeUser.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,qBAAqB,CAAA;AACpD,OAAO,cAAc,MAAM,kCAAkC,CAAA;AAE7D,MAAM,CAAC,IAAM,WAAW,GAAG,UAAC,EAAsC;QAApC,QAAQ,cAAA,EAAE,IAAI,UAAA;IAC1C,OAAO,CACL,MAAC,OAAO,IAAC,QAAQ,EAAE,QAAQ,aACzB,KAAC,cAAc,IACb,SAAS,EACP,IAAI,CAAC,MAAM;oBACX,iGAAiG,EAEnG,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,EACzB,MAAM,EAAE,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,GAC1B,EACF,KAAC,KAAK,IAAC,QAAQ,EAAE,QAAQ,YACtB,QAAQ;oBACP,CAAC,CAAC,iBAAU,IAAI,CAAC,SAAS,cAAI,IAAI,CAAC,QAAQ,CAAE;oBAC7C,CAAC,CAAC,UAAG,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC,CAAC,SAAG,IAAI,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC,CAAC,CAAE,GACrD,IACA,CACX,CAAA;AACH,CAAC,CAAA"}

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

@@ -0,0 +1,5 @@
+import { Meta } from '@storybook/react';
+import { IWelcomeUsersProps } from './welcomeUser.interface';
+declare const _default: Meta;
+export default _default;
+export declare const DefaultWelcomeUser: import("@storybook/core/types").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, IWelcomeUsersProps>;

package/dist/components/WelcomeUser/WelcomeUser.stories.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 { WelcomeUser } from './WelcomeUser';
+export default {
+    title: 'Components/WelcomeUser',
+    component: WelcomeUser,
+    tags: ['autodocs', 'WelcomeUser'],
+    parameters: {
+        layout: 'centered',
+    },
+};
+var Template = function (args) { return _jsx(WelcomeUser, __assign({}, args)); };
+export var DefaultWelcomeUser = Template.bind({});
+DefaultWelcomeUser.args = {
+    isOpened: true,
+    user: {
+        firstName: 'John',
+        lastName: 'Doe',
+        email: 'john.doe@example.com',
+        phone: '123-456-7890',
+        avatar: 'https://www.pngitem.com/pimgs/m/146-1468479_my-profile-icon-blank-profile-picture-circle-hd.png',
+    },
+};
+//# sourceMappingURL=WelcomeUser.stories.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"WelcomeUser.stories.js","sourceRoot":"","sources":["../../../src/components/WelcomeUser/WelcomeUser.stories.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAEA,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAA;AAG3C,eAAe;IACb,KAAK,EAAE,wBAAwB;IAC/B,SAAS,EAAE,WAAW;IACtB,IAAI,EAAE,CAAC,UAAU,EAAE,aAAa,CAAC;IACjC,UAAU,EAAE;QACV,MAAM,EAAE,UAAU;KACnB;CACM,CAAA;AAET,IAAM,QAAQ,GAAgC,UAAA,IAAI,IAAI,OAAA,KAAC,WAAW,eAAK,IAAI,EAAI,EAAzB,CAAyB,CAAA;AAE/E,MAAM,CAAC,IAAM,kBAAkB,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AACnD,kBAAkB,CAAC,IAAI,GAAG;IACxB,QAAQ,EAAE,IAAI;IACd,IAAI,EAAE;QACJ,SAAS,EAAE,MAAM;QACjB,QAAQ,EAAE,KAAK;QACf,KAAK,EAAE,sBAAsB;QAC7B,KAAK,EAAE,cAAc;QACrB,MAAM,EACJ,iGAAiG;KACpG;CACF,CAAA"}

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

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

package/dist/components/WelcomeUser/index.js

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

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

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

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

@@ -0,0 +1,6 @@
+export declare const Content: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, {
+    isOpened: boolean;
+}>> & 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>, {
+    isOpened?: boolean;
+}>> & string;

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

@@ -0,0 +1,15 @@
+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 Content = styled.section(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  padding: 30px 0;\n  background: #212121;\n  transform: ", ";\n"], ["\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  padding: 30px 0;\n  background: #212121;\n  transform: ", ";\n"])), function (_a) {
+    var isOpened = _a.isOpened;
+    return (isOpened ? "translateX(0px)" : "translateX(0)");
+});
+export var Title = styled.h4(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  font-size: 16px;\n  margin-top: 10px;\n  color: rgba(255, 255, 255, 0.5);\n  text-align: center;\n  width: ", ";\n"], ["\n  font-size: 16px;\n  margin-top: 10px;\n  color: rgba(255, 255, 255, 0.5);\n  text-align: center;\n  width: ", ";\n"])), function (_a) {
+    var isOpened = _a.isOpened;
+    return (isOpened ? "unset" : "70px");
+});
+var templateObject_1, templateObject_2;
+//# sourceMappingURL=styled-components.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"styled-components.js","sourceRoot":"","sources":["../../../src/components/WelcomeUser/styled-components.ts"],"names":[],"mappings":";;;;AAAA,OAAO,MAAM,MAAM,mBAAmB,CAAA;AAEtC,MAAM,CAAC,IAAM,OAAO,GAAG,MAAM,CAAC,OAAO,4MAAuB,kIAM7C,EAA0E,KACxF,KADc,UAAC,EAAY;QAAV,QAAQ,cAAA;IAAe,OAAA,CAAC,QAAQ,CAAC,CAAC,CAAC,iBAAiB,CAAC,CAAC,CAAC,eAAe,CAAC;AAAhD,CAAgD,CACxF,CAAA;AAED,MAAM,CAAC,IAAM,KAAK,GAAG,MAAM,CAAC,EAAE,2LAAwB,iHAK3C,EAAuD,KACjE,KADU,UAAC,EAAY;QAAV,QAAQ,cAAA;IAAe,OAAA,CAAC,QAAQ,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC;AAA7B,CAA6B,CACjE,CAAA"}

package/dist/components/WelcomeUser/welcomeUser.interface.d.ts

@@ -0,0 +1,10 @@
+export interface IWelcomeUsersProps {
+    isOpened: boolean;
+    user: {
+        firstName: string;
+        lastName: string;
+        email: string;
+        phone: string;
+        avatar: string;
+    };
+}

package/dist/components/WelcomeUser/welcomeUser.interface.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=welcomeUser.interface.js.map

package/dist/components/WelcomeUser/welcomeUser.interface.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"welcomeUser.interface.js","sourceRoot":"","sources":["../../../src/components/WelcomeUser/welcomeUser.interface.ts"],"names":[],"mappings":""}

package/dist/global.styles.d.ts

@@ -0,0 +1 @@
+export declare const GlobalStyle: import("react").NamedExoticComponent<import("styled-components").ExecutionProps & object>;

package/dist/global.styles.js

@@ -0,0 +1,8 @@
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+import { createGlobalStyle } from 'styled-components';
+export var GlobalStyle = createGlobalStyle(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  body {\n    width: 100%;\n    height: 100%;\n    background-color: #f5f6fa !important;\n  }\n  a,\n  a:hover {\n    text-decoration: none;\n    color: inherit;\n  }\n  h1,\n  h2,\n  h3,\n  h4,\n  h5,\n  h6,\n  p,\n  li {\n    font-weight: normal;\n    margin: 0;\n    list-style-type: none;\n  }\n  ul {\n    list-style: none;\n  }\n  ul,\n  figure {\n    margin: 0;\n  }\n  img {\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n  }\n  .swal2-container {\n    z-index: 1301 !important;\n  }\n  .MuiDialog-paper,\n  .MuiDialogContent-root {\n    overflow-y: unset !important;\n  }\n  article {\n    ul {\n      list-style: inherit;\n    }\n    pre {\n      margin: 0;\n    }\n    a {\n      cursor: pointer;\n      color: #5e93c5;\n      &:hover {\n        color: #7eadda;\n      }\n    }\n    blockquote {\n      background: #eee;\n      padding: 10px;\n      border-radius: 5px;\n      margin: 0;\n    }\n  }\n  ::-webkit-scrollbar {\n    width: 0px !important;\n    height: 0px !important;\n  }\n  .MuiTabs-indicator {\n    background-color: #06c68f !important;\n  }\n  .MuiTab-root {\n    min-width: 160px !important;\n  }\n  .Mui-checked + .MuiSwitch-track {\n    background-color: #06c68f !important;\n  }\n  .MuiTab-root.Mui-selected,\n  .MuiSvgIcon-root.Mui-active,\n  .MuiSvgIcon-root.Mui-checked,\n  .MuiSvgIcon-root.Mui-selected,\n  .MuiSvgIcon-root.Mui-completed,\n  .MuiSwitch-thumb {\n    color: #06c68f !important;\n  }\n  .DraftEditor-root {\n    max-height: 210px !important;\n  }\n  .fireQuestionIsUsedInQuizPopup {\n    font-size: 1.5em;\n    font-weight: 450;\n    br:last-child,\n    br:nth-child(2) {\n      display: block !important;\n      content: '';\n      margin-bottom: 15px;\n    }\n  }\n  .swal2-icon {\n    scale: 0.7;\n  }\n  .swal2-actions {\n    font-size: 85%;\n  }\n  .custom-swal2-vertical-buttons .swal2-actions {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n  }\n  \n  .custom-swal2-button {\n    width: 70%;\n    margin: 5px 0;\n  }\n"], ["\n  body {\n    width: 100%;\n    height: 100%;\n    background-color: #f5f6fa !important;\n  }\n  a,\n  a:hover {\n    text-decoration: none;\n    color: inherit;\n  }\n  h1,\n  h2,\n  h3,\n  h4,\n  h5,\n  h6,\n  p,\n  li {\n    font-weight: normal;\n    margin: 0;\n    list-style-type: none;\n  }\n  ul {\n    list-style: none;\n  }\n  ul,\n  figure {\n    margin: 0;\n  }\n  img {\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n  }\n  .swal2-container {\n    z-index: 1301 !important;\n  }\n  .MuiDialog-paper,\n  .MuiDialogContent-root {\n    overflow-y: unset !important;\n  }\n  article {\n    ul {\n      list-style: inherit;\n    }\n    pre {\n      margin: 0;\n    }\n    a {\n      cursor: pointer;\n      color: #5e93c5;\n      &:hover {\n        color: #7eadda;\n      }\n    }\n    blockquote {\n      background: #eee;\n      padding: 10px;\n      border-radius: 5px;\n      margin: 0;\n    }\n  }\n  ::-webkit-scrollbar {\n    width: 0px !important;\n    height: 0px !important;\n  }\n  .MuiTabs-indicator {\n    background-color: #06c68f !important;\n  }\n  .MuiTab-root {\n    min-width: 160px !important;\n  }\n  .Mui-checked + .MuiSwitch-track {\n    background-color: #06c68f !important;\n  }\n  .MuiTab-root.Mui-selected,\n  .MuiSvgIcon-root.Mui-active,\n  .MuiSvgIcon-root.Mui-checked,\n  .MuiSvgIcon-root.Mui-selected,\n  .MuiSvgIcon-root.Mui-completed,\n  .MuiSwitch-thumb {\n    color: #06c68f !important;\n  }\n  .DraftEditor-root {\n    max-height: 210px !important;\n  }\n  .fireQuestionIsUsedInQuizPopup {\n    font-size: 1.5em;\n    font-weight: 450;\n    br:last-child,\n    br:nth-child(2) {\n      display: block !important;\n      content: '';\n      margin-bottom: 15px;\n    }\n  }\n  .swal2-icon {\n    scale: 0.7;\n  }\n  .swal2-actions {\n    font-size: 85%;\n  }\n  .custom-swal2-vertical-buttons .swal2-actions {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n  }\n  \n  .custom-swal2-button {\n    width: 70%;\n    margin: 5px 0;\n  }\n"])));
+var templateObject_1;
+//# sourceMappingURL=global.styles.js.map

package/dist/global.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"global.styles.js","sourceRoot":"","sources":["../src/global.styles.tsx"],"names":[],"mappings":";;;;AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,mBAAmB,CAAA;AAErD,MAAM,CAAC,IAAM,WAAW,GAAG,iBAAiB,4iEAAA,y+DAiH3C,IAAA,CAAA"}

package/dist/helperFunctions/TooltipHeight.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+import { IProps } from "./toolTipHeight.interface";
+declare const TooltipHeight: React.FC<IProps>;
+export default TooltipHeight;

package/dist/helperFunctions/TooltipHeight.js

@@ -0,0 +1,30 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useRef, useEffect, useState } from "react";
+import Tooltip from "@mui/material/Tooltip";
+var TooltipHeight = function (_a) {
+    var text = _a.text, lines = _a.lines;
+    var textElementRef = useRef(null);
+    var _b = useState(false), isOverflowing = _b[0], setIsOverflowing = _b[1];
+    useEffect(function () {
+        var isOverflow = textElementRef.current
+            ? textElementRef.current.scrollHeight >
+                textElementRef.current.clientHeight
+            : false;
+        setIsOverflowing(isOverflow);
+    }, [text]);
+    return isOverflowing ? (_jsx(Tooltip, { title: text, children: _jsx("div", { ref: textElementRef, style: {
+                overflow: "hidden",
+                textOverflow: "ellipsis",
+                display: "-webkit-box",
+                WebkitLineClamp: lines,
+                WebkitBoxOrient: "vertical",
+            }, children: text }) })) : (_jsx("div", { ref: textElementRef, style: {
+            overflow: "hidden",
+            textOverflow: "ellipsis",
+            display: "-webkit-box",
+            WebkitLineClamp: lines,
+            WebkitBoxOrient: "vertical",
+        }, children: text }));
+};
+export default TooltipHeight;
+//# sourceMappingURL=TooltipHeight.js.map

package/dist/helperFunctions/TooltipHeight.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TooltipHeight.js","sourceRoot":"","sources":["../../src/helperFunctions/TooltipHeight.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAE,MAAM,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC3D,OAAO,OAAO,MAAM,uBAAuB,CAAC;AAG5C,IAAM,aAAa,GAAqB,UAAC,EAAe;QAAb,IAAI,UAAA,EAAE,KAAK,WAAA;IACpD,IAAM,cAAc,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IAC9C,IAAA,KAAoC,QAAQ,CAAC,KAAK,CAAC,EAAlD,aAAa,QAAA,EAAE,gBAAgB,QAAmB,CAAC;IAE1D,SAAS,CAAC;QACR,IAAM,UAAU,GAAG,cAAc,CAAC,OAAO;YACvC,CAAC,CAAC,cAAc,CAAC,OAAO,CAAC,YAAY;gBACnC,cAAc,CAAC,OAAO,CAAC,YAAY;YACrC,CAAC,CAAC,KAAK,CAAC;QACV,gBAAgB,CAAC,UAAU,CAAC,CAAC;IAC/B,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC;IAEX,OAAO,aAAa,CAAC,CAAC,CAAC,CACrB,KAAC,OAAO,IAAC,KAAK,EAAE,IAAI,YAClB,cACE,GAAG,EAAE,cAAc,EACnB,KAAK,EAAE;gBACL,QAAQ,EAAE,QAAQ;gBAClB,YAAY,EAAE,UAAU;gBACxB,OAAO,EAAE,aAAa;gBACtB,eAAe,EAAE,KAAK;gBACtB,eAAe,EAAE,UAAU;aAC5B,YAEA,IAAI,GACD,GACE,CACX,CAAC,CAAC,CAAC,CACF,cACE,GAAG,EAAE,cAAc,EACnB,KAAK,EAAE;YACL,QAAQ,EAAE,QAAQ;YAClB,YAAY,EAAE,UAAU;YACxB,OAAO,EAAE,aAAa;YACtB,eAAe,EAAE,KAAK;YACtB,eAAe,EAAE,UAAU;SAC5B,YAEA,IAAI,GACD,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,aAAa,CAAC"}

package/dist/helperFunctions/toolTipHeight.interface.d.ts

@@ -0,0 +1,4 @@
+export interface IProps {
+    text?: string;
+    lines?: number;
+}

package/dist/helperFunctions/toolTipHeight.interface.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=toolTipHeight.interface.js.map

package/dist/helperFunctions/toolTipHeight.interface.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"toolTipHeight.interface.js","sourceRoot":"","sources":["../../src/helperFunctions/toolTipHeight.interface.ts"],"names":[],"mappings":""}

package/dist/helperFunctions/useOutsideClick.d.ts

@@ -0,0 +1,4 @@
+import { RefObject } from 'react';
+type Callback = () => void;
+declare const useOutsideClick: (ref: RefObject<HTMLElement>, callback: Callback) => void;
+export default useOutsideClick;

package/dist/helperFunctions/useOutsideClick.js

@@ -0,0 +1,16 @@
+import { useEffect } from 'react';
+var useOutsideClick = function (ref, callback) {
+    var handleClick = function (e) {
+        if (ref.current && !ref.current.contains(e.target)) {
+            callback();
+        }
+    };
+    useEffect(function () {
+        document.addEventListener('click', handleClick);
+        return function () {
+            document.removeEventListener('click', handleClick);
+        };
+    }, [ref, callback]);
+};
+export default useOutsideClick;
+//# sourceMappingURL=useOutsideClick.js.map

package/dist/helperFunctions/useOutsideClick.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useOutsideClick.js","sourceRoot":"","sources":["../../src/helperFunctions/useOutsideClick.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAa,MAAM,OAAO,CAAA;AAI5C,IAAM,eAAe,GAAG,UAAC,GAA2B,EAAE,QAAkB;IACtE,IAAM,WAAW,GAAG,UAAC,CAAa;QAChC,IAAI,GAAG,CAAC,OAAO,IAAI,CAAC,GAAG,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAc,CAAC,EAAE,CAAC;YAC3D,QAAQ,EAAE,CAAA;QACZ,CAAC;IACH,CAAC,CAAA;IAED,SAAS,CAAC;QACR,QAAQ,CAAC,gBAAgB,CAAC,OAAO,EAAE,WAAW,CAAC,CAAA;QAE/C,OAAO;YACL,QAAQ,CAAC,mBAAmB,CAAC,OAAO,EAAE,WAAW,CAAC,CAAA;QACpD,CAAC,CAAA;IACH,CAAC,EAAE,CAAC,GAAG,EAAE,QAAQ,CAAC,CAAC,CAAA;AACrB,CAAC,CAAA;AAED,eAAe,eAAe,CAAA"}

package/dist/icons/Activity.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { SvgProps } from './svgTypes.interface';
+export declare const ActivityIcon: React.FC<SvgProps>;

package/dist/icons/Activity.js

@@ -0,0 +1,28 @@
+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 } from "react/jsx-runtime";
+export var ActivityIcon = function (_a) {
+    var className = _a.className, onClick = _a.onClick, props = __rest(_a, ["className", "onClick"]);
+    return (_jsx("svg", __assign({ width: '20', height: '20', viewBox: '0 0 20 20', fill: 'none', xmlns: 'http://www.w3.org/2000/svg', className: className, onClick: onClick }, props, { children: _jsx("path", { d: 'M10 1.25C5.1675 1.25 1.25 5.1675 1.25 10C1.25 14.8325 5.1675 18.75 10 18.75C14.8325 18.75 18.75 14.8325 18.75 10C18.75 5.1675 14.8325 1.25 10 1.25ZM10 17.5C6.2725 17.5 3.125 14.3525 3.125 10.625C3.125 6.8975 6.2725 3.75 10 3.75C13.7275 3.75 16.875 6.8975 16.875 10.625C16.875 14.3525 13.7275 17.5 10 17.5ZM10 5.625C9.585 5.625 9.25 5.96 9.25 6.375V10.625C9.25 11.04 9.585 11.375 10 11.375C10.415 11.375 10.75 11.04 10.75 10.625V6.375C10.75 5.96 10.415 5.625 10 5.625ZM10 12.5C9.585 12.5 9.25 12.835 9.25 13.25C9.25 13.665 9.585 14 10 14C10.415 14 10.75 13.665 10.75 13.25C10.75 12.835 10.415 12.5 10 12.5Z', fill: '#68707A' }) })));
+};
+//# sourceMappingURL=Activity.js.map

package/dist/icons/Activity.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Activity.js","sourceRoot":"","sources":["../../src/icons/Activity.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAGA,MAAM,CAAC,IAAM,YAAY,GAAuB,UAAC,EAAgC;IAA9B,IAAA,SAAS,eAAA,EAAE,OAAO,aAAA,EAAK,KAAK,cAA9B,wBAAgC,CAAF;IAC7E,OAAO,CACL,uBACE,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,4BAA4B,EAClC,SAAS,EAAE,SAAS,EACpB,OAAO,EAAE,OAAO,IACZ,KAAK,cAET,eACE,CAAC,EAAC,+lBAA+lB,EACjmB,IAAI,EAAC,SAAS,GACd,IACE,CACP,CAAA;AACH,CAAC,CAAA"}

package/dist/icons/AddAlt.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { SvgProps } from './svgTypes.interface';
+export declare const AddAlt: React.FC<SvgProps>;

package/dist/icons/AddAlt.js

@@ -0,0 +1,28 @@
+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, jsxs as _jsxs } from "react/jsx-runtime";
+export var AddAlt = function (_a) {
+    var className = _a.className, onClick = _a.onClick, props = __rest(_a, ["className", "onClick"]);
+    return (_jsxs("svg", __assign({ width: '24', height: '24', viewBox: '0 0 24 24', fill: 'none', xmlns: 'http://www.w3.org/2000/svg', className: className, onClick: onClick }, props, { children: [_jsx("path", { d: 'M12 3C16.95 3 21 7.05 21 12C21 16.95 16.95 21 12 21C7.05 21 3 16.95 3 12C3 7.05 7.05 3 12 3ZM12 1.5C6.225 1.5 1.5 6.225 1.5 12C1.5 17.775 6.225 22.5 12 22.5C17.775 22.5 22.5 17.775 22.5 12C22.5 6.225 17.775 1.5 12 1.5Z', fill: '#68707A' }), _jsx("path", { d: 'M18 11.25H12.75V6H11.25V11.25H6V12.75H11.25V18H12.75V12.75H18V11.25Z', fill: '#68707A' })] })));
+};
+//# sourceMappingURL=AddAlt.js.map

package/dist/icons/AddAlt.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AddAlt.js","sourceRoot":"","sources":["../../src/icons/AddAlt.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAGA,MAAM,CAAC,IAAM,MAAM,GAAuB,UAAC,EAAgC;IAA9B,IAAA,SAAS,eAAA,EAAE,OAAO,aAAA,EAAK,KAAK,cAA9B,wBAAgC,CAAF;IACvE,OAAO,CACL,wBACE,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,4BAA4B,EAClC,SAAS,EAAE,SAAS,EACpB,OAAO,EAAE,OAAO,IACZ,KAAK,eAET,eACE,CAAC,EAAC,4NAA4N,EAC9N,IAAI,EAAC,SAAS,GACd,EACF,eACE,CAAC,EAAC,sEAAsE,EACxE,IAAI,EAAC,SAAS,GACd,KACE,CACP,CAAA;AACH,CAAC,CAAA"}

package/dist/icons/AddCircleIcon.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { SvgProps } from './svgTypes.interface';
+export declare const AddCircleIcon: React.FC<SvgProps>;

package/dist/icons/AddCircleIcon.js

@@ -0,0 +1,28 @@
+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, jsxs as _jsxs } from "react/jsx-runtime";
+export var AddCircleIcon = function (_a) {
+    var className = _a.className, onClick = _a.onClick, _b = _a.fill, fill = _b === void 0 ? '#68707A' : _b, props = __rest(_a, ["className", "onClick", "fill"]);
+    return (_jsxs("svg", __assign({ width: '24', height: '24', viewBox: '0 0 24 24', fill: 'none', xmlns: 'http://www.w3.org/2000/svg', className: className, onClick: onClick }, props, { children: [_jsx("path", { d: 'M0 0h24v24H0V0z', fill: 'none' }), _jsx("path", { d: 'M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm5 11h-4v4h-2v-4H7v-2h4V7h2v4h4v2z', fill: fill })] })));
+};
+//# sourceMappingURL=AddCircleIcon.js.map

package/dist/icons/AddCircleIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AddCircleIcon.js","sourceRoot":"","sources":["../../src/icons/AddCircleIcon.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAGA,MAAM,CAAC,IAAM,aAAa,GAAuB,UAAC,EAMjD;IALC,IAAA,SAAS,eAAA,EACT,OAAO,aAAA,EACP,YAAgB,EAAhB,IAAI,mBAAG,SAAS,KAAA,EAEb,KAAK,cALwC,gCAMjD,CADS;IAER,OAAO,CACL,wBACE,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,4BAA4B,EAClC,SAAS,EAAE,SAAS,EACpB,OAAO,EAAE,OAAO,IACZ,KAAK,eAET,eAAM,CAAC,EAAC,iBAAiB,EAAC,IAAI,EAAC,MAAM,GAAG,EACxC,eACE,CAAC,EAAC,sGAAsG,EACxG,IAAI,EAAE,IAAI,GACV,KACE,CACP,CAAA;AACH,CAAC,CAAA"}

package/dist/icons/AddIcon.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { SvgProps } from './svgTypes.interface';
+export declare const AddIcon: React.FC<SvgProps>;

package/dist/icons/AddIcon.js

@@ -0,0 +1,28 @@
+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 } from "react/jsx-runtime";
+export var AddIcon = function (_a) {
+    var className = _a.className, onClick = _a.onClick, _b = _a.fill, fill = _b === void 0 ? 'white' : _b, props = __rest(_a, ["className", "onClick", "fill"]);
+    return (_jsx("svg", __assign({ width: '25', height: '24', viewBox: '0 0 25 24', fill: 'none', xmlns: 'http://www.w3.org/2000/svg', className: className, onClick: onClick }, props, { children: _jsx("path", { d: 'M13.25 11.25V6H11.75V11.25H6.5V12.75H11.75V18H13.25V12.75H18.5V11.25H13.25Z', fill: fill }) })));
+};
+//# sourceMappingURL=AddIcon.js.map

package/dist/icons/AddIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AddIcon.js","sourceRoot":"","sources":["../../src/icons/AddIcon.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAGA,MAAM,CAAC,IAAM,OAAO,GAAuB,UAAC,EAAgD;IAA9C,IAAA,SAAS,eAAA,EAAE,OAAO,aAAA,EAAE,YAAc,EAAd,IAAI,mBAAG,OAAO,KAAA,EAAK,KAAK,cAA9C,gCAAgD,CAAF;IACxF,OAAO,CACL,uBACE,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,4BAA4B,EAClC,SAAS,EAAE,SAAS,EACpB,OAAO,EAAE,OAAO,IACZ,KAAK,cAET,eACE,CAAC,EAAC,6EAA6E,EAC/E,IAAI,EAAE,IAAI,GACV,IACE,CACP,CAAA;AACH,CAAC,CAAA"}

package/dist/icons/AddStudent.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { SvgProps } from './svgTypes.interface';
+export declare const AddStudent: React.FC<SvgProps>;