suada-components 1.0.3

package/dist/components/DropDown/DropDown.interface.d.ts

@@ -0,0 +1,59 @@
+import { StylesConfig } from 'react-select';
+import { FormikTouched } from 'formik';
+export interface IAsyncSelectOption {
+    value: string;
+    label: string;
+    icon?: string;
+}
+export interface MUIElementState {
+    isSelected: boolean;
+    isFocused: boolean;
+}
+export interface IFilterQuery {
+    type?: string;
+    id?: string | number;
+    originalId?: string;
+    min?: number;
+    max?: number;
+    nestedField?: string;
+    label?: string;
+    value?: string | number | boolean | string[] | number[];
+}
+export type AsyncSelectOptionsType = IAsyncSelectOption[];
+export interface IAsyncSelectProps {
+    data: any;
+    isMulti?: boolean;
+    onInputChange?: (inputValue: string) => void;
+    onChange?: (e: any) => void;
+    value?: any;
+    label?: string;
+    disabled?: boolean;
+    loading?: boolean;
+    labelDataKey?: string;
+    valueDataKey?: string;
+    labelDataName?: (data: any) => string;
+    valueDataKeyPrimary?: string;
+    iconDataKey?: string;
+    error?: string | boolean;
+    errorMessage?: string;
+    touched?: boolean;
+    isClearable?: boolean;
+}
+export interface ISelectFieldProps {
+    className?: string;
+    isMulti?: boolean;
+    onChange?: (value: any) => void;
+    options?: any[] | null;
+    value: any;
+    name?: string;
+    placeholder?: string;
+    styles?: StylesConfig<IFilterQuery, boolean>;
+    isClearable?: boolean;
+    onFocus?: () => void;
+    isDisabled?: boolean;
+    isLoading?: boolean;
+    label?: string;
+    error?: boolean;
+    touched?: boolean | FormikTouched<any> | FormikTouched<any>[] | undefined;
+    errorMessage?: any;
+}

package/dist/components/DropDown/DropDown.interface.js

@@ -0,0 +1,5 @@
+// for some fields disabled eslint, because SelectProps can process data
+// in function (labelDataName) with also provided function so it's not possible to define
+/* eslint-disable */
+export {};
+//# sourceMappingURL=DropDown.interface.js.map

package/dist/components/DropDown/DropDown.interface.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DropDown.interface.js","sourceRoot":"","sources":["../../../src/components/DropDown/DropDown.interface.ts"],"names":[],"mappings":"AAAA,wEAAwE;AACxE,yFAAyF;AACzF,oBAAoB"}

package/dist/components/DropDown/DropDown.js

@@ -0,0 +1,10 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import ReactSelect from 'react-select';
+import { StyledLabel } from '../Input/styled-components';
+import { CaretDown } from '../../icons';
+import { ContainerSelect, customStyles, ErrorMessage } from './DropDown.styles';
+export var DropDown = function (props) {
+    var DropdownIndicator = function () { return _jsx(CaretDown, {}); };
+    return (_jsxs(ContainerSelect, { error: !!(props.error && props.touched), children: [props.label && _jsx(StyledLabel, { children: props.label }), _jsx(ReactSelect, { className: props.className, isMulti: props.isMulti, onChange: props.onChange, options: props.options || undefined, value: props.value, placeholder: props.placeholder, styles: props.styles || customStyles, isClearable: props.isClearable, onFocus: props.onFocus, isDisabled: props.isDisabled, isLoading: props.isLoading, components: { DropdownIndicator: DropdownIndicator } }), props.touched && props.error && props.errorMessage && (_jsx(ErrorMessage, { children: props.errorMessage }))] }));
+};
+//# sourceMappingURL=DropDown.js.map

package/dist/components/DropDown/DropDown.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DropDown.js","sourceRoot":"","sources":["../../../src/components/DropDown/DropDown.tsx"],"names":[],"mappings":";AACA,OAAO,WAAW,MAAM,cAAc,CAAA;AACtC,OAAO,EAAE,WAAW,EAAE,MAAM,4BAA4B,CAAA;AACxD,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAA;AACvC,OAAO,EAAE,eAAe,EAAE,YAAY,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAA;AAG/E,MAAM,CAAC,IAAM,QAAQ,GAAG,UAAC,KAAwB;IAC/C,IAAM,iBAAiB,GAAG,cAAoB,OAAA,KAAC,SAAS,KAAG,EAAb,CAAa,CAAA;IAE3D,OAAO,CACL,MAAC,eAAe,IAAC,KAAK,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,IAAI,KAAK,CAAC,OAAO,CAAC,aACrD,KAAK,CAAC,KAAK,IAAI,KAAC,WAAW,cAAE,KAAK,CAAC,KAAK,GAAe,EACxD,KAAC,WAAW,IACV,SAAS,EAAE,KAAK,CAAC,SAAS,EAC1B,OAAO,EAAE,KAAK,CAAC,OAAO,EACtB,QAAQ,EAAE,KAAK,CAAC,QAAQ,EACxB,OAAO,EAAE,KAAK,CAAC,OAAO,IAAI,SAAS,EACnC,KAAK,EAAE,KAAK,CAAC,KAAK,EAClB,WAAW,EAAE,KAAK,CAAC,WAAW,EAC9B,MAAM,EAAE,KAAK,CAAC,MAAM,IAAI,YAAY,EACpC,WAAW,EAAE,KAAK,CAAC,WAAW,EAC9B,OAAO,EAAE,KAAK,CAAC,OAAO,EACtB,UAAU,EAAE,KAAK,CAAC,UAAU,EAC5B,SAAS,EAAE,KAAK,CAAC,SAAS,EAC1B,UAAU,EAAE,EAAE,iBAAiB,mBAAA,EAAE,GACjC,EAED,KAAK,CAAC,OAAO,IAAI,KAAK,CAAC,KAAK,IAAI,KAAK,CAAC,YAAY,IAAI,CACrD,KAAC,YAAY,cAAE,KAAK,CAAC,YAAY,GAAgB,CAClD,IACe,CACnB,CAAA;AACH,CAAC,CAAA"}

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

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

package/dist/components/DropDown/DropDown.stories.js

@@ -0,0 +1,58 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { CustomThemeProvider } from '../../theme/ThemeProvider';
+import { GlobalStyle } from '../../global.styles';
+import { DropDown } from './DropDown';
+import { SelectFieldWrapper } from './DropDown.styles';
+var options = [
+    { value: 'option1', label: 'Option 1' },
+    { value: 'option2', label: 'Option 2' },
+    { value: 'option3', label: 'Option 3' },
+];
+var meta = {
+    title: 'Components/DropDown',
+    component: DropDown,
+    tags: ['autodocs'],
+    decorators: [
+        function (Story) { return (_jsx(CustomThemeProvider, { children: _jsxs(SelectFieldWrapper, { children: [_jsx(GlobalStyle, {}), _jsx(Story, {})] }) })); },
+    ],
+    parameters: {
+        layout: 'centered',
+    },
+    argTypes: {
+        label: { control: 'text' },
+        options: { control: 'object' },
+        isMulti: { control: 'boolean' },
+        isClearable: { control: 'boolean' },
+        isDisabled: { control: 'boolean' },
+        isLoading: { control: 'boolean' },
+        placeholder: { control: 'text' },
+        className: { control: 'text' },
+        errorMessage: { control: 'text' },
+    },
+    args: {
+        label: 'Select an option',
+        options: options,
+        isMulti: false,
+        isClearable: true,
+        isDisabled: false,
+        isLoading: false,
+        placeholder: 'Choose...',
+        className: '',
+        errorMessage: '',
+    },
+};
+export default meta;
+export var Default = {
+    args: {
+        label: 'Select an option',
+        options: options,
+        isMulti: false,
+        isClearable: true,
+        isDisabled: false,
+        isLoading: false,
+        placeholder: 'Choose...',
+        className: '',
+        errorMessage: '',
+    },
+};
+//# sourceMappingURL=DropDown.stories.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DropDown.stories.js","sourceRoot":"","sources":["../../../src/components/DropDown/DropDown.stories.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,mBAAmB,EAAE,MAAM,2BAA2B,CAAA;AAC/D,OAAO,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAA;AACjD,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA;AACrC,OAAO,EAAE,kBAAkB,EAAE,MAAM,mBAAmB,CAAA;AAEtD,IAAM,OAAO,GAAG;IACd,EAAE,KAAK,EAAE,SAAS,EAAE,KAAK,EAAE,UAAU,EAAE;IACvC,EAAE,KAAK,EAAE,SAAS,EAAE,KAAK,EAAE,UAAU,EAAE;IACvC,EAAE,KAAK,EAAE,SAAS,EAAE,KAAK,EAAE,UAAU,EAAE;CACxC,CAAA;AAED,IAAM,IAAI,GAA0B;IAClC,KAAK,EAAE,qBAAqB;IAC5B,SAAS,EAAE,QAAQ;IACnB,IAAI,EAAE,CAAC,UAAU,CAAC;IAClB,UAAU,EAAE;QACV,UAAA,KAAK,IAAI,OAAA,CACP,KAAC,mBAAmB,cAClB,MAAC,kBAAkB,eACjB,KAAC,WAAW,KAAG,EACf,KAAC,KAAK,KAAG,IACU,GACD,CACvB,EAPQ,CAOR;KACF;IACD,UAAU,EAAE;QACV,MAAM,EAAE,UAAU;KACnB;IACD,QAAQ,EAAE;QACR,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE;QAC1B,OAAO,EAAE,EAAE,OAAO,EAAE,QAAQ,EAAE;QAC9B,OAAO,EAAE,EAAE,OAAO,EAAE,SAAS,EAAE;QAC/B,WAAW,EAAE,EAAE,OAAO,EAAE,SAAS,EAAE;QACnC,UAAU,EAAE,EAAE,OAAO,EAAE,SAAS,EAAE;QAClC,SAAS,EAAE,EAAE,OAAO,EAAE,SAAS,EAAE;QACjC,WAAW,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE;QAChC,SAAS,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE;QAC9B,YAAY,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE;KAClC;IACD,IAAI,EAAE;QACJ,KAAK,EAAE,kBAAkB;QACzB,OAAO,EAAE,OAAO;QAChB,OAAO,EAAE,KAAK;QACd,WAAW,EAAE,IAAI;QACjB,UAAU,EAAE,KAAK;QACjB,SAAS,EAAE,KAAK;QAChB,WAAW,EAAE,WAAW;QACxB,SAAS,EAAE,EAAE;QACb,YAAY,EAAE,EAAE;KACjB;CACF,CAAA;AAED,eAAe,IAAI,CAAA;AAGnB,MAAM,CAAC,IAAM,OAAO,GAAU;IAC5B,IAAI,EAAE;QACJ,KAAK,EAAE,kBAAkB;QACzB,OAAO,EAAE,OAAO;QAChB,OAAO,EAAE,KAAK;QACd,WAAW,EAAE,IAAI;QACjB,UAAU,EAAE,KAAK;QACjB,SAAS,EAAE,KAAK;QAChB,WAAW,EAAE,WAAW;QACxB,SAAS,EAAE,EAAE;QACb,YAAY,EAAE,EAAE;KACjB;CACF,CAAA"}

package/dist/components/DropDown/DropDown.styles.d.ts

@@ -0,0 +1,9 @@
+export declare const customStyles: object;
+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>, {
+    error: boolean;
+}>> & string;
+export declare const ErrorMessage: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const ContainerSelect: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    error: boolean;
+}>> & string;
+export declare const SelectFieldWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;

package/dist/components/DropDown/DropDown.styles.js

@@ -0,0 +1,47 @@
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+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);
+};
+export var customStyles = {
+    option: function (provided, state) { return (__assign(__assign({}, provided), { '&:hover': {
+            backgroundColor: 'rgba(6, 198, 144, 0.1)',
+        }, backgroundColor: state.isSelected ? 'rgba(6, 198, 144, 0.3)' : 'transparent', color: '#000', fontFamily: "'Helvetica neue', sans-serif", borderRadius: '6px' })); },
+    control: function (provided, state) { return (__assign(__assign({}, provided), { borderRadius: '6px', transition: 'border 0.3s ease-in, outline 0.6s ease-in, box-shadow 0.6s ease-in', boxShadow: '0 1px 9px 5px rgb(0 0 0 / 3%)', outline: 'none', borderColor: state.isFocused ? '#06c68f !important' : 'rgba(0, 0, 0, 0.1)', fontFamily: "'Helvetica neue', sans-serif", border: state.isFocused ? '1px solid #06c68f' : '1px solid rgba(0, 0, 0, 0.1)' })); },
+    menu: function (provided, state) { return (__assign(__assign({}, provided), { zIndex: '99', transition: 'border 0.3s ease-in, outline 0.6s ease-in, box-shadow 0.6s ease-in', boxShadow: '0 1px 9px 5px rgb(0 0 0 / 3%)', fontFamily: "'Helvetica neue', sans-serif", outline: 'none', border: state.isFocused ? '1px solid #06c68f' : '1px solid rgba(0, 0, 0, 0.1)', borderColor: state.isFocused ? '#06c68f !important' : 'rgba(0, 0, 0, 0.1)', borderRadius: '6px', minHeight: '40px' })); },
+};
+import styled from 'styled-components';
+export var Container = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  width: 100%;\n  position: relative;\n  .css-yk16xz-control {\n    border-color: ", ";\n    outline: none;\n    &:hover {\n      border-color: ", ";\n    }\n  }\n  .css-1wa3eu0-placeholder {\n    color: ", ";\n  }\n  & > .css-1m92ju6-control {\n    border-color: ", ";\n  }\n  & > .css-1n7v3ny-option {\n    background-color: rgba(6, 198, 144, 0.1) !important;\n  }\n"], ["\n  width: 100%;\n  position: relative;\n  .css-yk16xz-control {\n    border-color: ", ";\n    outline: none;\n    &:hover {\n      border-color: ", ";\n    }\n  }\n  .css-1wa3eu0-placeholder {\n    color: ", ";\n  }\n  & > .css-1m92ju6-control {\n    border-color: ", ";\n  }\n  & > .css-1n7v3ny-option {\n    background-color: rgba(6, 198, 144, 0.1) !important;\n  }\n"])), function (_a) {
+    var error = _a.error;
+    return (error ? '#f44336' : 'rgba(0, 0, 0, 0.23)');
+}, function (_a) {
+    var error = _a.error;
+    return (error ? '#f44336' : 'rgba(0, 0, 0, 0.23)');
+}, function (_a) {
+    var error = _a.error;
+    return (error ? '#f44336' : 'rgba(0, 0, 0, 0.54) ');
+}, function (_a) {
+    var error = _a.error;
+    return (error ? '#f44336' : '#06c68f');
+});
+export var ErrorMessage = styled.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  position: absolute;\n  color: #f44336;\n  bottom: -20px;\n  left: 6px;\n  font-size: 0.75rem;\n"], ["\n  position: absolute;\n  color: #f44336;\n  bottom: -20px;\n  left: 6px;\n  font-size: 0.75rem;\n"])));
+export var ContainerSelect = styled.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  width: 100%;\n  position: relative;\n  .css-yk16xz-control {\n    border-color: ", ";\n    outline: none;\n  }\n  .css-1wa3eu0-placeholder {\n    color: ", ";\n  }\n  .css-1hb7zxy-IndicatorsContainer {\n    padding-right: 10px;\n    cursor: pointer;\n  }\n  .css-1okebmr-indicatorSeparator {\n    display: none;\n  }\n"], ["\n  width: 100%;\n  position: relative;\n  .css-yk16xz-control {\n    border-color: ", ";\n    outline: none;\n  }\n  .css-1wa3eu0-placeholder {\n    color: ", ";\n  }\n  .css-1hb7zxy-IndicatorsContainer {\n    padding-right: 10px;\n    cursor: pointer;\n  }\n  .css-1okebmr-indicatorSeparator {\n    display: none;\n  }\n"])), function (_a) {
+    var error = _a.error;
+    return (error ? '#f44336' : 'rgba(0, 0, 0, 0.23)');
+}, function (_a) {
+    var error = _a.error;
+    return (error ? '#f44336' : 'rgba(0, 0, 0, 0.54) ');
+});
+export var SelectFieldWrapper = styled.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  width: 372px !important;\n  height: 40px !important;\n  .selectField {\n    width: 372px !important;\n  }\n"], ["\n  width: 372px !important;\n  height: 40px !important;\n  .selectField {\n    width: 372px !important;\n  }\n"])));
+var templateObject_1, templateObject_2, templateObject_3, templateObject_4;
+//# sourceMappingURL=DropDown.styles.js.map

package/dist/components/DropDown/DropDown.styles.js.map

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

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

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

package/dist/components/DropDown/index.js

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

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

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

package/dist/components/ExpansionMenu/ExpansionItem.d.ts

@@ -0,0 +1,4 @@
+import { ReactElement } from 'react';
+import { IExpansionItemProps } from './ExpansionItem.interface';
+declare const ExpansionItem: ({ item, index, isOpened }: IExpansionItemProps) => ReactElement;
+export default ExpansionItem;

package/dist/components/ExpansionMenu/ExpansionItem.interface.d.ts

@@ -0,0 +1,35 @@
+import { IPermissionsBool, IUser, IUserCompany } from '../CourseCard/CourseCard.interface';
+export interface IExpansionItem {
+    canView: boolean;
+    openInNewTab?: boolean;
+    title: string;
+    icon: string | JSX.Element;
+    path?: string;
+    children?: Array<{
+        canView: boolean;
+        title: string;
+        icon: string | JSX.Element;
+        path?: string;
+    }>;
+    currentUser?: IUser;
+}
+export interface IExpansionItemProps {
+    state?: {
+        userPermission?: IPermissionsBool;
+        currentUser?: IUser;
+        selectedCompany?: IUserCompany | null;
+    };
+    checkRole?: (role: string, companyId: boolean) => string;
+    useUserValue?: () => [
+        {
+            userPermission: IPermissionsBool;
+            currentUser: IUser;
+            selectedCompany: IUserCompany | null;
+        }
+    ];
+    item: IExpansionItem;
+    role?: string;
+    currentUser?: IUser;
+    index?: number;
+    isOpened?: boolean;
+}

package/dist/components/ExpansionMenu/ExpansionItem.interface.js

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

package/dist/components/ExpansionMenu/ExpansionItem.interface.js.map

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

package/dist/components/ExpansionMenu/ExpansionItem.js

@@ -0,0 +1,13 @@
+import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useTranslation } from 'react-i18next';
+import { NavLink } from 'react-router-dom';
+import { StyledExpansionPanel, StyledExpansionPanelSummary, StyledTypography, } from './styled-components';
+var ExpansionItem = function (_a) {
+    var item = _a.item, index = _a.index, isOpened = _a.isOpened;
+    var t = useTranslation().t;
+    if (!item.canView)
+        return _jsx(_Fragment, {});
+    return (_jsx(StyledExpansionPanel, { className: 'expansionPanel', "$isOpened": isOpened, children: item.openInNewTab ? (_jsx("a", { href: item.path, target: '_blank', children: _jsx(StyledExpansionPanelSummary, { children: _jsxs(StyledTypography, { children: [item.icon, isOpened && _jsx("span", { children: t("navigation.".concat(item.title)) })] }) }) })) : (_jsx(NavLink, { to: item.path, children: _jsx(StyledExpansionPanelSummary, { children: _jsxs(StyledTypography, { children: [item.icon, isOpened && _jsx("span", { children: t("navigation.".concat(item.title)) })] }) }) })) }, index));
+};
+export default ExpansionItem;
+//# sourceMappingURL=ExpansionItem.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ExpansionItem.js","sourceRoot":"","sources":["../../../src/components/ExpansionMenu/ExpansionItem.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAA;AAC9C,OAAO,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAA;AAE1C,OAAO,EACL,oBAAoB,EACpB,2BAA2B,EAC3B,gBAAgB,GACjB,MAAM,qBAAqB,CAAA;AAE5B,IAAM,aAAa,GAAG,UAAC,EAA8C;QAA5C,IAAI,UAAA,EAAE,KAAK,WAAA,EAAE,QAAQ,cAAA;IACpC,IAAA,CAAC,GAAK,cAAc,EAAE,EAArB,CAAqB;IAE9B,IAAI,CAAC,IAAI,CAAC,OAAO;QAAE,OAAO,mBAAK,CAAA;IAE/B,OAAO,CACL,KAAC,oBAAoB,IAAC,SAAS,EAAC,gBAAgB,eAAY,QAAmB,YAC5E,IAAI,CAAC,YAAY,CAAC,CAAC,CAAC,CACnB,YAAG,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,MAAM,EAAC,QAAQ,YACjC,KAAC,2BAA2B,cAC1B,MAAC,gBAAgB,eACd,IAAI,CAAC,IAAI,EACT,QAAQ,IAAI,yBAAO,CAAC,CAAC,qBAAc,IAAI,CAAC,KAAK,CAAE,CAAC,GAAQ,IACxC,GACS,GAC5B,CACL,CAAC,CAAC,CAAC,CACF,KAAC,OAAO,IAAC,EAAE,EAAE,IAAI,CAAC,IAAc,YAC9B,KAAC,2BAA2B,cAC1B,MAAC,gBAAgB,eACd,IAAI,CAAC,IAAI,EACT,QAAQ,IAAI,yBAAO,CAAC,CAAC,qBAAc,IAAI,CAAC,KAAK,CAAE,CAAC,GAAQ,IACxC,GACS,GACtB,CACX,IAnBmF,KAAK,CAoBpE,CACxB,CAAA;AACH,CAAC,CAAA;AAED,eAAe,aAAa,CAAA"}

package/dist/components/ExpansionMenu/ExpansionNavMenu.d.ts

@@ -0,0 +1,4 @@
+import { ReactElement } from 'react';
+import { IExpansionItemProps } from './ExpansionItem.interface';
+declare const ExpansionNavMenu: (props: IExpansionItemProps) => ReactElement;
+export default ExpansionNavMenu;

package/dist/components/ExpansionMenu/ExpansionNavMenu.js

@@ -0,0 +1,93 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import React, { useState } from 'react';
+import { useTranslation } from 'react-i18next';
+import { ExpansionMenuItem, ExpansionMenuItemList } from './styled-components';
+import { NavLink } from 'react-router-dom';
+import { makeStyles } from '@mui/styles';
+import { Accordion, AccordionSummary, AccordionDetails, Typography } from '@mui/material';
+import ExpandMoreIcon from '@mui/icons-material/ExpandMore';
+import { styled } from '@mui/system';
+var ExpansionPanelCustom = styled(Accordion)(function () { return ({
+    backgroundColor: 'transparent',
+    color: '#06c68f',
+    padding: '4px 8px',
+    boxShadow: 'none',
+    '&:not(:last-child)': {
+        borderBottom: 0,
+    },
+    '&:before': {
+        display: 'none',
+    },
+    '&.Mui-expanded': {
+        margin: '0 !important',
+    },
+    '& .MuiAccordionSummary-root': {
+        height: '44px !important',
+        minHeight: 'unset !important',
+    },
+}); });
+var ExpansionPanelSummaryCustom = styled(AccordionSummary)(function () { return ({
+    fontSize: '14px',
+    backgroundColor: 'transparent',
+    color: 'black',
+    borderRadius: '4px',
+    padding: '10px 14px',
+    '.MuiAccordionSummary-content': {
+        margin: '0 !important',
+    },
+    '& svg': {
+        color: '#ababab !important',
+    },
+    transition: 'color .3s ease',
+    '&:hover': {
+        backgroundColor: '#EAF5F2',
+    },
+    '& .MuiIconButton-root': {
+        color: 'inherit',
+    },
+}); });
+var ExpansionPanelDetailsCustom = styled(AccordionDetails)(function () { return ({
+    color: 'black ',
+    padding: '0',
+    '& a:hover': {
+        backgroundColor: '#EAF5F2',
+        color: 'black',
+    },
+    '& a.active': {
+        backgroundColor: '#EAF5F2',
+        color: '#06c68f',
+        '& svg path': {
+            fill: '#06c68f',
+        },
+    },
+}); });
+var Typo = styled(Typography)(function () { return ({
+    display: 'flex',
+    fontSize: '16px',
+    fontFamily: 'Open Sans',
+    fontWeight: '500',
+}); });
+var useStyles = makeStyles(function () { return ({
+    root: {
+        marginLeft: 15,
+    },
+    navlink: {
+        '&:hover': {
+            backgroundColor: '#EAF5F2',
+        },
+    },
+    closed: {
+        visibility: 'hidden',
+    },
+}); });
+var ExpansionNavMenu = function (props) {
+    var _a;
+    var t = useTranslation().t;
+    var _b = useState(''), expanded = _b[0], setExpanded = _b[1];
+    var classes = useStyles();
+    return (_jsx(_Fragment, { children: props.item.canView && (_jsxs(ExpansionPanelCustom, { square: true, expanded: expanded === "panel".concat(props.index), onChange: function (_, newExpanded) { return setExpanded(newExpanded ? "panel".concat(props.index) : ''); }, children: [_jsx(ExpansionPanelSummaryCustom, { "aria-controls": 'panel3d-content', id: 'panel3d-header', expandIcon: props.isOpened ? _jsx(ExpandMoreIcon, {}) : false, children: _jsxs(Typo, { children: [props.item.icon, props.isOpened && (_jsx("span", { className: classes.root, children: t("navigation.".concat(props.item.title)) }))] }) }), _jsx(ExpansionPanelDetailsCustom, { children: _jsx(ExpansionMenuItemList, { children: (_a = props.item.children) === null || _a === void 0 ? void 0 : _a.map(function (i, index) {
+                            return (_jsx(React.Fragment, { children: i.canView && (_jsx(ExpansionMenuItem, { "$isOpened": props.isOpened, children: _jsxs(NavLink, { to: i.path || '', children: [i.icon, props.isOpened && (_jsx("span", { className: classes.root, children: t("navigation.".concat(i.title)) }))] }) }, index)) }, index));
+                        }) }) })] }, props.index)) }));
+};
+export default ExpansionNavMenu;
+//# sourceMappingURL=ExpansionNavMenu.js.map

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

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

package/dist/components/ExpansionMenu/NavigationBar.d.ts

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

package/dist/components/ExpansionMenu/NavigationBar.js

@@ -0,0 +1,15 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Container } from './styled-components';
+import ExpansionItem from './ExpansionItem';
+import ExpansionNavMenu from './ExpansionNavMenu';
+import { getAllNavigation } from './routerConfig';
+import { mockUser } from './NavigationBar.stories';
+export var NavigationBar = function (_a) {
+    var isOpened = _a.isOpened, currentUser = _a.currentUser, checkRole = _a.checkRole, state = _a.state;
+    var role = checkRole && checkRole(currentUser === null || currentUser === void 0 ? void 0 : currentUser.role, !!(currentUser === null || currentUser === void 0 ? void 0 : currentUser.companyId));
+    var routerData = getAllNavigation((state === null || state === void 0 ? void 0 : state.userPermission) || {}, (state === null || state === void 0 ? void 0 : state.currentUser) || mockUser, state === null || state === void 0 ? void 0 : state.selectedCompany);
+    return (_jsx(Container, { "$isOpened": isOpened, children: routerData.map(function (item, index) {
+            return item.children ? (_jsx(ExpansionNavMenu, { item: item, index: index, isOpened: isOpened, role: role }, index)) : (_jsx(ExpansionItem, { item: item, index: index, isOpened: isOpened, role: role }, index));
+        }) }));
+};
+//# sourceMappingURL=NavigationBar.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"NavigationBar.js","sourceRoot":"","sources":["../../../src/components/ExpansionMenu/NavigationBar.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAA;AAE/C,OAAO,aAAa,MAAM,iBAAiB,CAAA;AAC3C,OAAO,gBAAgB,MAAM,oBAAoB,CAAA;AAIjD,OAAO,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAA;AACjD,OAAO,EAAE,QAAQ,EAAE,MAAM,yBAAyB,CAAA;AAElD,MAAM,CAAC,IAAM,aAAa,GAAkC,UAAC,EAK5D;QAJC,QAAQ,cAAA,EACR,WAAW,iBAAA,EACX,SAAS,eAAA,EACT,KAAK,WAAA;IAEL,IAAM,IAAI,GAAG,SAAS,IAAI,SAAS,CAAC,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,IAAc,EAAE,CAAC,CAAC,CAAA,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,SAAS,CAAA,CAAC,CAAA;IAC1F,IAAM,UAAU,GAAG,gBAAgB,CACjC,CAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,cAAc,KAAK,EAAuB,EACjD,CAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,WAAW,KAAK,QAAkB,EACzC,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,eAA+B,CACvC,CAAA;IAED,OAAO,CACL,KAAC,SAAS,iBAAY,QAAmB,YACtC,UAAU,CAAC,GAAG,CAAC,UAAC,IAAI,EAAE,KAAK;YAC1B,OAAA,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,CACd,KAAC,gBAAgB,IAAC,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,EAAc,QAAQ,EAAE,QAAQ,EAAE,IAAI,EAAE,IAAI,IAArC,KAAK,CAAoC,CAC3F,CAAC,CAAC,CAAC,CACF,KAAC,aAAa,IAAC,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,EAAc,QAAQ,EAAE,QAAQ,EAAE,IAAI,EAAE,IAAI,IAArC,KAAK,CAAoC,CACxF;QAJD,CAIC,CACF,GACS,CACb,CAAA;AACH,CAAC,CAAA"}

package/dist/components/ExpansionMenu/NavigationBar.stories.d.ts

@@ -0,0 +1,7 @@
+import { Meta } from '@storybook/react';
+import { IExpansionItemProps } from './ExpansionItem.interface';
+import { IUser } from '../CourseCard/CourseCard.interface';
+export declare const mockUser: IUser;
+declare const _default: Meta;
+export default _default;
+export declare const Default: import("@storybook/core/types").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, IExpansionItemProps>;

package/dist/components/ExpansionMenu/NavigationBar.stories.js

@@ -0,0 +1,63 @@
+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 { NavigationBar } from './NavigationBar';
+// Mock data for the story
+export var mockUser = {
+    id: 'user1',
+    role: 'SUPER_ADMIN',
+    companyId: 'company1',
+    firstName: 'John',
+    lastName: 'Doe',
+    email: 'john@gmail.com',
+};
+var mockPermissions = {
+    userPermission: true,
+    viewQuestion: true,
+    viewCompanyPage: true,
+    viewLesson: true,
+    viewCourse: true,
+    viewGroup: true,
+    viewAdmin: true,
+    viewCoach: true,
+    viewModule: true,
+    viewQuiz: true,
+    viewSuperAdminPage: true,
+    viewSettingPage: true,
+};
+var mockCompany = {
+    id: 'company1',
+    name: 'Company One',
+    platformService: true,
+};
+var mockState = {
+    userPermission: mockPermissions,
+    currentUser: mockUser,
+    selectedCompany: mockCompany,
+};
+export default {
+    title: 'Components/NavigationBar',
+    component: NavigationBar,
+    tags: ['autodocs'],
+    args: {
+        state: mockState,
+    },
+};
+var Template = function (args) { return _jsx(NavigationBar, __assign({}, args)); };
+export var Default = Template.bind({});
+Default.args = {
+    isOpened: true,
+    currentUser: mockUser,
+    role: 'SUPER_ADMIN',
+    state: mockState,
+};
+//# sourceMappingURL=NavigationBar.stories.js.map

package/dist/components/ExpansionMenu/NavigationBar.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NavigationBar.stories.js","sourceRoot":"","sources":["../../../src/components/ExpansionMenu/NavigationBar.stories.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAEA,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAI/C,0BAA0B;AAC1B,MAAM,CAAC,IAAM,QAAQ,GAAU;IAC7B,EAAE,EAAE,OAAO;IACX,IAAI,EAAE,aAAa;IACnB,SAAS,EAAE,UAAU;IACrB,SAAS,EAAE,MAAM;IACjB,QAAQ,EAAE,KAAK;IACf,KAAK,EAAE,gBAAgB;CACxB,CAAA;AAED,IAAM,eAAe,GAAqB;IACxC,cAAc,EAAE,IAAI;IACpB,YAAY,EAAE,IAAI;IAClB,eAAe,EAAE,IAAI;IACrB,UAAU,EAAE,IAAI;IAChB,UAAU,EAAE,IAAI;IAChB,SAAS,EAAE,IAAI;IACf,SAAS,EAAE,IAAI;IACf,SAAS,EAAE,IAAI;IACf,UAAU,EAAE,IAAI;IAChB,QAAQ,EAAE,IAAI;IACd,kBAAkB,EAAE,IAAI;IACxB,eAAe,EAAE,IAAI;CACtB,CAAA;AAED,IAAM,WAAW,GAAiB;IAChC,EAAE,EAAE,UAAU;IACd,IAAI,EAAE,aAAa;IACnB,eAAe,EAAE,IAAI;CACtB,CAAA;AAED,IAAM,SAAS,GAAG;IAChB,cAAc,EAAE,eAAe;IAC/B,WAAW,EAAE,QAAQ;IACrB,eAAe,EAAE,WAAW;CAC7B,CAAA;AAED,eAAe;IACb,KAAK,EAAE,0BAA0B;IACjC,SAAS,EAAE,aAAa;IACxB,IAAI,EAAE,CAAC,UAAU,CAAC;IAClB,IAAI,EAAE;QACJ,KAAK,EAAE,SAAS;KACjB;CACM,CAAA;AAET,IAAM,QAAQ,GAAiC,UAAA,IAAI,IAAI,OAAA,KAAC,aAAa,eAAK,IAAI,EAAI,EAA3B,CAA2B,CAAA;AAElF,MAAM,CAAC,IAAM,OAAO,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AACxC,OAAO,CAAC,IAAI,GAAG;IACb,QAAQ,EAAE,IAAI;IACd,WAAW,EAAE,QAAQ;IACrB,IAAI,EAAE,aAAa;IACnB,KAAK,EAAE,SAAS;CACjB,CAAA"}

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

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

package/dist/components/ExpansionMenu/index.js

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

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

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

package/dist/components/ExpansionMenu/routerConfig.d.ts

@@ -0,0 +1,3 @@
+import { IPermissionsBool, IUser, IUserCompany } from '../CourseCard/CourseCard.interface';
+import { IExpansionItem } from './ExpansionItem.interface';
+export declare const getAllNavigation: (permission: IPermissionsBool, currentUser: IUser, selectedCompany: IUserCompany | null) => IExpansionItem[];