suada-components 1.0.3

package/dist/components/GridActionMenu/GridActionMenu.stories.js

@@ -0,0 +1,37 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { GridActionMenu } from './GridActionMenu';
+import { GlobalStyle } from '../../global.styles';
+import { Container } from './GridActionMenu.styles';
+import { actionConfig } from '../CourseCard/CourseCardActionsConfig';
+import { CustomThemeProvider } from '../../theme/ThemeProvider';
+var mockRow = {
+    id: 1,
+    isBought: false,
+    video: true,
+};
+var mockFunctions = {
+    actionHandler: function (action, item) { return console.log(action, item); },
+};
+var meta = {
+    title: 'Components/GridActionMenu',
+    component: GridActionMenu,
+    tags: ['autodocs'],
+    decorators: [
+        function (Story) { return (_jsxs(CustomThemeProvider, { children: [_jsx(GlobalStyle, {}), _jsx(Container, { children: _jsx(Story, {}) })] })); },
+    ],
+    parameters: {
+        layout: 'centered',
+    },
+    args: {
+        actionConfig: actionConfig(mockFunctions.actionHandler, { deleteCourse: true }, function (key) { return key; }),
+        row: mockRow,
+    },
+};
+export default meta;
+export var Default = {
+    args: {
+        actionConfig: actionConfig(mockFunctions.actionHandler, { deleteCourse: true }, function (key) { return key; }),
+        row: mockRow,
+    },
+};
+//# sourceMappingURL=GridActionMenu.stories.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"GridActionMenu.stories.js","sourceRoot":"","sources":["../../../src/components/GridActionMenu/GridActionMenu.stories.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAA;AACjD,OAAO,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAA;AACjD,OAAO,EAAE,SAAS,EAAE,MAAM,yBAAyB,CAAA;AACnD,OAAO,EAAE,YAAY,EAAE,MAAM,uCAAuC,CAAA;AACpE,OAAO,EAAE,mBAAmB,EAAE,MAAM,2BAA2B,CAAA;AAE/D,IAAM,OAAO,GAAG;IACd,EAAE,EAAE,CAAC;IACL,QAAQ,EAAE,KAAK;IACf,KAAK,EAAE,IAAI;CACZ,CAAA;AAED,IAAM,aAAa,GAAG;IACpB,aAAa,EAAE,UAAC,MAAc,EAAE,IAAa,IAAK,OAAA,OAAO,CAAC,GAAG,CAAC,MAAM,EAAE,IAAI,CAAC,EAAzB,CAAyB;CAC5E,CAAA;AAED,IAAM,IAAI,GAAgC;IACxC,KAAK,EAAE,2BAA2B;IAClC,SAAS,EAAE,cAAc;IACzB,IAAI,EAAE,CAAC,UAAU,CAAC;IAClB,UAAU,EAAE;QACV,UAAA,KAAK,IAAI,OAAA,CACP,MAAC,mBAAmB,eAClB,KAAC,WAAW,KAAG,EACf,KAAC,SAAS,cACR,KAAC,KAAK,KAAG,GACC,IACQ,CACvB,EAPQ,CAOR;KACF;IACD,UAAU,EAAE;QACV,MAAM,EAAE,UAAU;KACnB;IACD,IAAI,EAAE;QACJ,YAAY,EAAE,YAAY,CAAC,aAAa,CAAC,aAAa,EAAE,EAAE,YAAY,EAAE,IAAI,EAAE,EAAE,UAAA,GAAG,IAAI,OAAA,GAAG,EAAH,CAAG,CAAC;QAC3F,GAAG,EAAE,OAAO;KACb;CACF,CAAA;AAED,eAAe,IAAI,CAAA;AAGnB,MAAM,CAAC,IAAM,OAAO,GAAU;IAC5B,IAAI,EAAE;QACJ,YAAY,EAAE,YAAY,CAAC,aAAa,CAAC,aAAa,EAAE,EAAE,YAAY,EAAE,IAAI,EAAE,EAAE,UAAA,GAAG,IAAI,OAAA,GAAG,EAAH,CAAG,CAAC;QAC3F,GAAG,EAAE,OAAO;KACb;CACF,CAAA"}

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

@@ -0,0 +1,8 @@
+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 ActionsContent: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const StyledIconButton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const Action: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    disabled?: boolean;
+    $hoverColor?: string;
+    hoverBackground?: string;
+}>> & string;

package/dist/components/GridActionMenu/GridActionMenu.styles.js

@@ -0,0 +1,18 @@
+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([""], [""])));
+export var ActionsContent = styled.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  padding: 5px;\n"], ["\n  padding: 5px;\n"])));
+export var StyledIconButton = styled.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  padding: 10px;\n  border-radius: 50%;\n  cursor: pointer;\n  transition: background-color 0.3s;\n  &:hover {\n    background-color: transparent !important;\n  }\n"], ["\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  padding: 10px;\n  border-radius: 50%;\n  cursor: pointer;\n  transition: background-color 0.3s;\n  &:hover {\n    background-color: transparent !important;\n  }\n"])));
+export var Action = styled.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  cursor: pointer;\n  padding: 6px;\n  transition: 0.3s ease;\n  gap: 6px;\n  border-radius: 5px;\n  &:hover {\n    /* background: ", "; */\n    ", "\n  }\n  svg {\n    font-size: 1rem;\n  }\n\n  &.disabled {\n    opacity: 0.5;\n    pointer-events: none;\n  }\n"], ["\n  display: flex;\n  align-items: center;\n  cursor: pointer;\n  padding: 6px;\n  transition: 0.3s ease;\n  gap: 6px;\n  border-radius: 5px;\n  &:hover {\n    /* background: ", "; */\n    ", "\n  }\n  svg {\n    font-size: 1rem;\n  }\n\n  &.disabled {\n    opacity: 0.5;\n    pointer-events: none;\n  }\n"])), function (_a) {
+    var hoverBackground = _a.hoverBackground;
+    return hoverBackground || "rgba(0, 0, 0, 0.1)";
+}, function (_a) {
+    var $hoverColor = _a.$hoverColor;
+    return $hoverColor &&
+        "svg path {\n          fill: ".concat($hoverColor, ";\n           }");
+});
+var templateObject_1, templateObject_2, templateObject_3, templateObject_4;
+//# sourceMappingURL=GridActionMenu.styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"GridActionMenu.styles.js","sourceRoot":"","sources":["../../../src/components/GridActionMenu/GridActionMenu.styles.tsx"],"names":[],"mappings":";;;;AAAA,OAAO,MAAM,MAAM,mBAAmB,CAAC;AAEvC,MAAM,CAAC,IAAM,SAAS,GAAG,MAAM,CAAC,GAAG,qEAAA,EAAE,IAAA,CAAC;AAEtC,MAAM,CAAC,IAAM,cAAc,GAAG,MAAM,CAAC,GAAG,wFAAA,qBAEvC,IAAA,CAAC;AACF,MAAM,CAAC,IAAM,gBAAgB,GAAG,MAAM,CAAC,GAAG,wTAAA,qPAWzC,IAAA,CAAC;AACF,MAAM,CAAC,IAAM,MAAM,GAAG,MAAM,CAAC,GAAG,sXAI9B,iLASmB,EACwB,YACvC,EAIO,kHAUZ,KAhBoB,UAAC,EAAmB;QAAjB,eAAe,qBAAA;IACjC,OAAA,eAAe,IAAI,oBAAoB;AAAvC,CAAuC,EACvC,UAAC,EAAe;QAAb,WAAW,iBAAA;IACd,OAAA,WAAW;QACX,sCACY,WAAW,oBAChB;AAHP,CAGO,CAUZ,CAAC"}

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

@@ -0,0 +1,19 @@
+import { ICourse } from '../CourseCard/CourseCard.interface';
+export interface IAction {
+    render: (item: ICourse) => JSX.Element;
+    hide?: boolean;
+}
+export interface IKebabAction {
+    id: number;
+    color: string;
+    tooltipText: string;
+    disabled: boolean;
+    onClick: () => void;
+    component: React.JSX.Element;
+}
+export interface IGridActionMenuProps {
+    actionConfig?: IAction[];
+    row?: any;
+    icon?: JSX.Element;
+    button?: JSX.Element;
+}

package/dist/components/GridActionMenu/gridActionMenu.interface.js

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

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

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

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

@@ -0,0 +1 @@
+export { GridActionMenu } from "./GridActionMenu";

package/dist/components/GridActionMenu/index.js

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/GridActionMenu/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC"}

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

@@ -0,0 +1,4 @@
+import { Meta } from '@storybook/react';
+declare const _default: Meta;
+export default _default;
+export declare const AllIcons: () => import("react/jsx-runtime").JSX.Element;

package/dist/components/Icons/Icons.stories.js

@@ -0,0 +1,12 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as Icons from '../../icons/index';
+export default {
+    title: 'Icons',
+};
+export var AllIcons = function () {
+    return (_jsx("div", { style: { display: 'grid', gridTemplateColumns: 'repeat(5, 1fr)', gap: '16px' }, children: Object.entries(Icons).map(function (_a) {
+            var name = _a[0], Icon = _a[1];
+            return (_jsxs("div", { style: { textAlign: 'center' }, children: [_jsx(Icon, { style: { width: 40, height: 40 } }), _jsx("p", { style: { fontSize: 12 }, children: name })] }, name));
+        }) }));
+};
+//# sourceMappingURL=Icons.stories.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Icons.stories.js","sourceRoot":"","sources":["../../../src/components/Icons/Icons.stories.tsx"],"names":[],"mappings":";AAEA,OAAO,KAAK,KAAK,MAAM,mBAAmB,CAAA;AAE1C,eAAe;IACb,KAAK,EAAE,OAAO;CACP,CAAA;AAET,MAAM,CAAC,IAAM,QAAQ,GAAG;IACtB,OAAO,CACL,cAAK,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,mBAAmB,EAAE,gBAAgB,EAAE,GAAG,EAAE,MAAM,EAAE,YAChF,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,GAAG,CAAC,UAAC,EAAY;gBAAX,IAAI,QAAA,EAAE,IAAI,QAAA;YAAM,OAAA,CAC3C,eAAgB,KAAK,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,aAC5C,KAAC,IAAI,IAAC,KAAK,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,GAAI,EAC1C,YAAG,KAAK,EAAE,EAAE,QAAQ,EAAE,EAAE,EAAE,YAAG,IAAI,GAAK,KAF9B,IAAI,CAGR,CACP;QAL4C,CAK5C,CAAC,GACE,CACP,CAAA;AACH,CAAC,CAAA"}

package/dist/components/Input/Input.d.ts

@@ -0,0 +1,5 @@
+import { ReactElement } from 'react';
+import './Input.scss';
+import { ITextInputProps } from './Input.interface';
+declare const TextInput: ({ title, label, size, icon, name, id, type, value, error, errorMessage, touched, fullWidth, onChange, onBlur, min, max, onFocus, multiline, rows, variant, validate, disabled, readOnly, endAdornment, component, inputStyle, maxCharacter, required, $iconInStart, placeholder, className, enableAutoComplete, }: ITextInputProps) => ReactElement;
+export default TextInput;

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

@@ -0,0 +1,40 @@
+import { FormikErrors, FormikTouched } from 'formik';
+import { FormEvent } from 'react';
+export interface IFilterTypes {
+    type?: string;
+    value?: string;
+}
+export interface ITextInputProps {
+    title?: string;
+    label?: string;
+    size?: 'small' | 'medium' | undefined;
+    icon?: React.ReactElement;
+    $iconInStart?: boolean;
+    required?: boolean;
+    name?: string;
+    id?: string;
+    type?: string;
+    value?: string | number | IFilterTypes | null;
+    error?: boolean;
+    errorMessage?: string | string[] | FormikErrors<any> | FormikErrors<any>[];
+    touched?: boolean | FormikTouched<any> | FormikTouched<any>[] | undefined;
+    fullWidth?: boolean;
+    multiline?: boolean;
+    rows?: number | string;
+    validate?: boolean;
+    disabled?: boolean;
+    readOnly?: boolean;
+    min?: number;
+    max?: number;
+    onChange?: any;
+    onBlur?: (eventOrPath: string | FormEvent<any>) => void | ((eventOrTextValue: string | FormEvent<any>) => void);
+    onFocus?: (eventOrPath: string | FormEvent<any>) => void | ((eventOrTextValue: string | FormEvent<any>) => void);
+    endAdornment?: any;
+    component?: any;
+    inputStyle?: React.CSSProperties;
+    maxCharacter?: number;
+    variant?: 'standard' | 'filled' | 'outlined' | undefined;
+    placeholder?: string;
+    className?: string;
+    enableAutoComplete?: boolean;
+}

package/dist/components/Input/Input.interface.js

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

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

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

package/dist/components/Input/Input.js

@@ -0,0 +1,33 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Field, ValidationIcon, StyledComponentContainer, CharactersContainer, Title, } from './styled-components';
+import TextField from '@mui/material/TextField';
+import ErrorOutlineRoundedIcon from '@mui/icons-material/ErrorOutlineRounded';
+import CheckCircleOutlineRoundedIcon from '@mui/icons-material/CheckCircleOutlineRounded';
+import './Input.scss';
+var TextInput = function (_a) {
+    var title = _a.title, label = _a.label, size = _a.size, icon = _a.icon, name = _a.name, _b = _a.id, id = _b === void 0 ? 'standard-basic' : _b, type = _a.type, value = _a.value, error = _a.error, errorMessage = _a.errorMessage, touched = _a.touched, fullWidth = _a.fullWidth, onChange = _a.onChange, onBlur = _a.onBlur, min = _a.min, max = _a.max, onFocus = _a.onFocus, multiline = _a.multiline, rows = _a.rows, _c = _a.variant, variant = _c === void 0 ? 'outlined' : _c, _d = _a.validate, validate = _d === void 0 ? true : _d, _e = _a.disabled, disabled = _e === void 0 ? false : _e, _f = _a.readOnly, readOnly = _f === void 0 ? false : _f, endAdornment = _a.endAdornment, component = _a.component, inputStyle = _a.inputStyle, maxCharacter = _a.maxCharacter, _g = _a.required, required = _g === void 0 ? false : _g, _h = _a.$iconInStart, $iconInStart = _h === void 0 ? true : _h, _j = _a.placeholder, placeholder = _j === void 0 ? '' : _j, _k = _a.className, className = _k === void 0 ? '' : _k, _l = _a.enableAutoComplete, enableAutoComplete = _l === void 0 ? false : _l;
+    var handleInputChange = function (event) {
+        if (maxCharacter && event.target.value.length <= maxCharacter) {
+            onChange(event);
+        }
+    };
+    var lpIgnore = !enableAutoComplete;
+    return (_jsxs(Field, { className: fullWidth ? 'full' : '', "$iconInStart": $iconInStart && !!icon, children: [title && _jsx(Title, { "$required": required, children: title }), _jsx(TextField, { error: touched && error ? true : false, helperText: touched && error ? errorMessage : '', id: id, label: label, variant: variant, size: size, name: name, type: type, value: value, onChange: maxCharacter ? handleInputChange : onChange, required: required, onBlur: onBlur, onFocus: onFocus, style: { width: '100%' }, multiline: multiline, rows: rows, disabled: disabled, InputProps: {
+                    readOnly: readOnly,
+                    endAdornment: endAdornment,
+                    style: inputStyle,
+                    inputProps: {
+                        min: min,
+                        max: max,
+                        'data-1p-ignore': lpIgnore,
+                        'data-lpignore': lpIgnore.toString(),
+                    },
+                }, inputProps: {
+                    maxLength: maxCharacter,
+                }, 
+                // The string 'off-unique' is used here because some extensions do not recognize it.
+                // This allows the field to behave as if 'off' was set. Using 'off' directly still triggers Google's autoComplete.
+                autoComplete: enableAutoComplete ? 'on' : 'off-unique', placeholder: placeholder, className: className }), maxCharacter && typeof value === 'string' && (_jsxs(CharactersContainer, { children: [(value === null || value === void 0 ? void 0 : value.length) ? maxCharacter - (value === null || value === void 0 ? void 0 : value.length) : maxCharacter, " - ", maxCharacter, " symbols remaining"] })), touched && validate && (_jsx(ValidationIcon, { className: "".concat(error ? 'error' : 'valid'), children: error ? _jsx(ErrorOutlineRoundedIcon, {}) : _jsx(CheckCircleOutlineRoundedIcon, {}) })), icon && icon, component ? _jsx(StyledComponentContainer, { children: component }) : null] }));
+};
+export default TextInput;
+//# sourceMappingURL=Input.js.map

package/dist/components/Input/Input.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Input.js","sourceRoot":"","sources":["../../../src/components/Input/Input.tsx"],"names":[],"mappings":";AACA,OAAO,EACL,KAAK,EACL,cAAc,EACd,wBAAwB,EACxB,mBAAmB,EACnB,KAAK,GACN,MAAM,qBAAqB,CAAA;AAC5B,OAAO,SAAS,MAAM,yBAAyB,CAAA;AAC/C,OAAO,uBAAuB,MAAM,yCAAyC,CAAA;AAC7E,OAAO,6BAA6B,MAAM,+CAA+C,CAAA;AACzF,OAAO,cAAc,CAAA;AAGrB,IAAM,SAAS,GAAG,UAAC,EAiCD;QAhChB,KAAK,WAAA,EACL,KAAK,WAAA,EACL,IAAI,UAAA,EACJ,IAAI,UAAA,EACJ,IAAI,UAAA,EACJ,UAAqB,EAArB,EAAE,mBAAG,gBAAgB,KAAA,EACrB,IAAI,UAAA,EACJ,KAAK,WAAA,EACL,KAAK,WAAA,EACL,YAAY,kBAAA,EACZ,OAAO,aAAA,EACP,SAAS,eAAA,EACT,QAAQ,cAAA,EACR,MAAM,YAAA,EACN,GAAG,SAAA,EACH,GAAG,SAAA,EACH,OAAO,aAAA,EACP,SAAS,eAAA,EACT,IAAI,UAAA,EACJ,eAAoB,EAApB,OAAO,mBAAG,UAAU,KAAA,EACpB,gBAAe,EAAf,QAAQ,mBAAG,IAAI,KAAA,EACf,gBAAgB,EAAhB,QAAQ,mBAAG,KAAK,KAAA,EAChB,gBAAgB,EAAhB,QAAQ,mBAAG,KAAK,KAAA,EAChB,YAAY,kBAAA,EACZ,SAAS,eAAA,EACT,UAAU,gBAAA,EACV,YAAY,kBAAA,EACZ,gBAAgB,EAAhB,QAAQ,mBAAG,KAAK,KAAA,EAChB,oBAAmB,EAAnB,YAAY,mBAAG,IAAI,KAAA,EACnB,mBAAgB,EAAhB,WAAW,mBAAG,EAAE,KAAA,EAChB,iBAAc,EAAd,SAAS,mBAAG,EAAE,KAAA,EACd,0BAA0B,EAA1B,kBAAkB,mBAAG,KAAK,KAAA;IAE1B,IAAM,iBAAiB,GAAG,UAAC,KAA0C;QACnE,IAAI,YAAY,IAAI,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,MAAM,IAAI,YAAY,EAAE,CAAC;YAC9D,QAAQ,CAAC,KAAK,CAAC,CAAA;QACjB,CAAC;IACH,CAAC,CAAA;IACD,IAAM,QAAQ,GAAG,CAAC,kBAAkB,CAAA;IAEpC,OAAO,CACL,MAAC,KAAK,IAAC,SAAS,EAAE,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,kBAAgB,YAAY,IAAI,CAAC,CAAC,IAAI,aAC5E,KAAK,IAAI,KAAC,KAAK,iBAAY,QAAQ,YAAG,KAAK,GAAS,EACrD,KAAC,SAAS,IACR,KAAK,EAAE,OAAO,IAAI,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,EACtC,UAAU,EAAE,OAAO,IAAI,KAAK,CAAC,CAAC,CAAE,YAAuB,CAAC,CAAC,CAAC,EAAE,EAC5D,EAAE,EAAE,EAAE,EACN,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,OAAO,EAChB,IAAI,EAAE,IAAI,EACV,IAAI,EAAE,IAAI,EACV,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,YAAY,CAAC,CAAC,CAAC,iBAAiB,CAAC,CAAC,CAAC,QAAQ,EACrD,QAAQ,EAAE,QAAQ,EAClB,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,EACxB,SAAS,EAAE,SAAS,EACpB,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,QAAQ,EAClB,UAAU,EAAE;oBACV,QAAQ,UAAA;oBACR,YAAY,cAAA;oBACZ,KAAK,EAAE,UAAU;oBACjB,UAAU,EAAE;wBACV,GAAG,KAAA;wBACH,GAAG,KAAA;wBACH,gBAAgB,EAAE,QAAQ;wBAC1B,eAAe,EAAE,QAAQ,CAAC,QAAQ,EAAE;qBACrC;iBACF,EACD,UAAU,EAAE;oBACV,SAAS,EAAE,YAAY;iBACxB;gBACD,oFAAoF;gBACpF,kHAAkH;gBAClH,YAAY,EAAE,kBAAkB,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,YAAY,EACtD,WAAW,EAAE,WAAW,EACxB,SAAS,EAAE,SAAS,GACpB,EACD,YAAY,IAAI,OAAO,KAAK,KAAK,QAAQ,IAAI,CAC5C,MAAC,mBAAmB,eACjB,CAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,MAAM,EAAC,CAAC,CAAC,YAAY,IAAG,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,MAAM,CAAA,CAAC,CAAC,CAAC,YAAY,SAAK,YAAY,0BAEzD,CACvB,EACA,OAAO,IAAI,QAAQ,IAAI,CACtB,KAAC,cAAc,IAAC,SAAS,EAAE,UAAG,KAAK,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,OAAO,CAAE,YACtD,KAAK,CAAC,CAAC,CAAC,KAAC,uBAAuB,KAAG,CAAC,CAAC,CAAC,KAAC,6BAA6B,KAAG,GACzD,CAClB,EACA,IAAI,IAAI,IAAI,EAEZ,SAAS,CAAC,CAAC,CAAC,KAAC,wBAAwB,cAAE,SAAS,GAA4B,CAAC,CAAC,CAAC,IAAI,IAG9E,CACT,CAAA;AACH,CAAC,CAAA;AAED,eAAe,SAAS,CAAA"}

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

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

package/dist/components/Input/Input.stories.js

@@ -0,0 +1,39 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import TextInput from './Input';
+export default {
+    title: 'Components/TextInput',
+    component: TextInput,
+    tags: ['autodocs', 'input'],
+    decorators: [
+        function (Story) { return (_jsx("div", { style: { display: 'flex', justifyContent: 'center', alignItems: 'center' }, children: _jsx("div", { style: { padding: '20px', maxWidth: '400px', height: '20px' }, children: _jsx(Story, {}) }) })); },
+    ],
+    argTypes: {
+        size: {
+            control: 'select',
+            options: ['small', 'medium', 'large'],
+        },
+        error: {
+            control: 'boolean',
+        },
+        disabled: {
+            control: 'boolean',
+        },
+        fullWidth: {
+            control: 'boolean',
+        },
+        required: {
+            control: 'boolean',
+        },
+    },
+};
+export var Default = {
+    args: {
+        label: 'Enter text',
+        size: 'small',
+        error: false,
+        disabled: false,
+        fullWidth: true,
+        required: false,
+    },
+};
+//# sourceMappingURL=Input.stories.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Input.stories.js","sourceRoot":"","sources":["../../../src/components/Input/Input.stories.tsx"],"names":[],"mappings":";AAEA,OAAO,SAAS,MAAM,SAAS,CAAA;AAG/B,eAAe;IACb,KAAK,EAAE,sBAAsB;IAC7B,SAAS,EAAE,SAAS;IACpB,IAAI,EAAE,CAAC,UAAU,EAAE,OAAO,CAAC;IAC3B,UAAU,EAAE;QACV,UAAA,KAAK,IAAI,OAAA,CACP,cAAK,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,QAAQ,EAAE,UAAU,EAAE,QAAQ,EAAE,YAC7E,cAAK,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,YAChE,KAAC,KAAK,KAAG,GACL,GACF,CACP,EANQ,CAMR;KACF;IACD,QAAQ,EAAE;QACR,IAAI,EAAE;YACJ,OAAO,EAAE,QAAQ;YACjB,OAAO,EAAE,CAAC,OAAO,EAAE,QAAQ,EAAE,OAAO,CAAC;SACtC;QACD,KAAK,EAAE;YACL,OAAO,EAAE,SAAS;SACnB;QACD,QAAQ,EAAE;YACR,OAAO,EAAE,SAAS;SACnB;QACD,SAAS,EAAE;YACT,OAAO,EAAE,SAAS;SACnB;QACD,QAAQ,EAAE;YACR,OAAO,EAAE,SAAS;SACnB;KACF;CACM,CAAA;AAET,MAAM,CAAC,IAAM,OAAO,GAA8B;IAChD,IAAI,EAAE;QACJ,KAAK,EAAE,YAAY;QACnB,IAAI,EAAE,OAAO;QACb,KAAK,EAAE,KAAK;QACZ,QAAQ,EAAE,KAAK;QACf,SAAS,EAAE,IAAI;QACf,QAAQ,EAAE,KAAK;KAChB;CACF,CAAA"}

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

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

package/dist/components/Input/index.js

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

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

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

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

@@ -0,0 +1,13 @@
+export declare const Field: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    $iconInStart?: boolean;
+}>> & string;
+export declare const ValidationIcon: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const StyledComponentContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const CharactersContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const StyledInput: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, never>> & string;
+export declare const StyledTextArea: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").TextareaHTMLAttributes<HTMLTextAreaElement>, HTMLTextAreaElement>, never>> & string;
+export declare const StyledLabel: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, never>> & 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 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/Input/styled-components.js

@@ -0,0 +1,27 @@
+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 Field = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  position: relative;\n  font-family: sans-serif;\n  background-color: white;\n\n  &.full {\n    width: 100%;\n  }\n\n  p:not(:first-child) {\n    position: absolute;\n    left: -10px;\n    bottom: -24px;\n  }\n\n  .MuiFormLabel-root,\n  .MuiFormLabel-root,\n  fieldset,\n  input {\n    ", ";\n  }\n\n  .MuiOutlinedInput-root.Mui-error .MuiOutlinedInput-notchedOutline {\n    border-color: #d32f2f !important;\n  }\n\n  button {\n    position: absolute;\n    ", ";\n    top: 50%;\n    transform: translateY(-50%);\n    padding: 5px;\n  }\n"], ["\n  position: relative;\n  font-family: sans-serif;\n  background-color: white;\n\n  &.full {\n    width: 100%;\n  }\n\n  p:not(:first-child) {\n    position: absolute;\n    left: -10px;\n    bottom: -24px;\n  }\n\n  .MuiFormLabel-root,\n  .MuiFormLabel-root,\n  fieldset,\n  input {\n    ", ";\n  }\n\n  .MuiOutlinedInput-root.Mui-error .MuiOutlinedInput-notchedOutline {\n    border-color: #d32f2f !important;\n  }\n\n  button {\n    position: absolute;\n    ", ";\n    top: 50%;\n    transform: translateY(-50%);\n    padding: 5px;\n  }\n"])), function (_a) {
+    var $iconInStart = _a.$iconInStart;
+    return $iconInStart ? 'padding-left: 40px;' : 'padding-right: 40px;';
+}, function (_a) {
+    var $iconInStart = _a.$iconInStart;
+    return ($iconInStart ? 'left: 5px;' : 'right: 5px;');
+});
+export var ValidationIcon = styled.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  position: absolute;\n  bottom: -10px;\n  transform: translateY(-50%);\n  right: 6px;\n  width: unset !important;\n\n  &.error svg {\n    color: red;\n  }\n\n  &.valid svg {\n    color: green;\n  }\n"], ["\n  position: absolute;\n  bottom: -10px;\n  transform: translateY(-50%);\n  right: 6px;\n  width: unset !important;\n\n  &.error svg {\n    color: red;\n  }\n\n  &.valid svg {\n    color: green;\n  }\n"])));
+export var StyledComponentContainer = styled.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  position: absolute;\n  top: 0px;\n  right: 4px;\n  z-index: 2;\n  .btn--small {\n    overflow: initial !important;\n  }\n"], ["\n  position: absolute;\n  top: 0px;\n  right: 4px;\n  z-index: 2;\n  .btn--small {\n    overflow: initial !important;\n  }\n"])));
+export var CharactersContainer = styled.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  width: max-content;\n  font-size: 12px;\n  color: #68707a;\n  margin-top: 5px;\n  margin-left: 5px;\n  position: absolute;\n  bottom: -20px;\n  right: 6px;\n"], ["\n  width: max-content;\n  font-size: 12px;\n  color: #68707a;\n  margin-top: 5px;\n  margin-left: 5px;\n  position: absolute;\n  bottom: -20px;\n  right: 6px;\n"])));
+export var StyledInput = styled.input(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  width: 100%;\n  border-radius: 6px;\n  border: 1px solid #e6e6e6;\n  min-height: 40px;\n  outline: none;\n  padding: 10px;\n  border: 1px solid rgba(0, 0, 0, 0.1);\n  font-family: sans-serif;\n  box-shadow: 0 1px 9px 5px rgb(0 0 0 / 3%);\n  transition:\n    border 0.3s ease-in,\n    box-shadow 0.3s ease-in;\n\n  &:focus {\n    border: 1px solid #06c68f;\n    box-shadow: 0 1px 9px 5px rgb(0 0 0 / 3%);\n  }\n"], ["\n  width: 100%;\n  border-radius: 6px;\n  border: 1px solid #e6e6e6;\n  min-height: 40px;\n  outline: none;\n  padding: 10px;\n  border: 1px solid rgba(0, 0, 0, 0.1);\n  font-family: sans-serif;\n  box-shadow: 0 1px 9px 5px rgb(0 0 0 / 3%);\n  transition:\n    border 0.3s ease-in,\n    box-shadow 0.3s ease-in;\n\n  &:focus {\n    border: 1px solid #06c68f;\n    box-shadow: 0 1px 9px 5px rgb(0 0 0 / 3%);\n  }\n"])));
+export var StyledTextArea = styled.textarea(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n  width: 100%;\n  border-radius: 6px;\n  border: 1px solid #e6e6e6;\n  min-height: 40px;\n  resize: none;\n  outline: none;\n  padding: 10px;\n  font-family: sans-serif;\n  border: 1px solid rgba(0, 0, 0, 0.1);\n  box-shadow: 0 1px 9px 5px rgb(0 0 0 / 3%);\n  transition:\n    border 0.3s ease-in,\n    box-shadow 0.3s ease-in;\n\n  &:focus {\n    border: 1px solid #06c68f;\n    box-shadow: 0 1px 9px 5px rgb(0 0 0 / 3%);\n  }\n"], ["\n  width: 100%;\n  border-radius: 6px;\n  border: 1px solid #e6e6e6;\n  min-height: 40px;\n  resize: none;\n  outline: none;\n  padding: 10px;\n  font-family: sans-serif;\n  border: 1px solid rgba(0, 0, 0, 0.1);\n  box-shadow: 0 1px 9px 5px rgb(0 0 0 / 3%);\n  transition:\n    border 0.3s ease-in,\n    box-shadow 0.3s ease-in;\n\n  &:focus {\n    border: 1px solid #06c68f;\n    box-shadow: 0 1px 9px 5px rgb(0 0 0 / 3%);\n  }\n"])));
+export var StyledLabel = styled.p(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n  font-size: 16px;\n  font-weight: 550;\n  padding-top: 0px;\n  margin-bottom: 5px;\n"], ["\n  font-size: 16px;\n  font-weight: 550;\n  padding-top: 0px;\n  margin-bottom: 5px;\n"])));
+export var ErrorMessage = styled.div(templateObject_8 || (templateObject_8 = __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 Title = styled.h2(templateObject_9 || (templateObject_9 = __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;
+//# sourceMappingURL=styled-components.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"styled-components.js","sourceRoot":"","sources":["../../../src/components/Input/styled-components.ts"],"names":[],"mappings":";;;;AAAA,OAAO,MAAM,MAAM,mBAAmB,CAAA;AAEtC,MAAM,CAAC,IAAM,KAAK,GAAG,MAAM,CAAC,GAAG,kmBAA4B,mSAmBrD,EAC6D,0KAS7D,EAA2E,8EAKhF,KAfK,UAAC,EAAgB;QAAd,YAAY,kBAAA;IACf,OAAA,YAAY,CAAC,CAAC,CAAC,qBAAqB,CAAC,CAAC,CAAC,sBAAsB;AAA7D,CAA6D,EAS7D,UAAC,EAAgB;QAAd,YAAY,kBAAA;IAAe,OAAA,CAAC,YAAY,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,aAAa,CAAC;AAA7C,CAA6C,CAKhF,CAAA;AAED,MAAM,CAAC,IAAM,cAAc,GAAG,MAAM,CAAC,GAAG,+QAAA,4MAcvC,IAAA,CAAA;AAED,MAAM,CAAC,IAAM,wBAAwB,GAAG,MAAM,CAAC,GAAG,kMAAA,+HAQjD,IAAA,CAAA;AACD,MAAM,CAAC,IAAM,mBAAmB,GAAG,MAAM,CAAC,GAAG,sOAAA,mKAS5C,IAAA,CAAA;AAED,MAAM,CAAC,IAAM,WAAW,GAAG,MAAM,CAAC,KAAK,meAAA,gaAkBtC,IAAA,CAAA;AAED,MAAM,CAAC,IAAM,cAAc,GAAG,MAAM,CAAC,QAAQ,ofAAA,ibAmB5C,IAAA,CAAA;AAED,MAAM,CAAC,IAAM,WAAW,GAAG,MAAM,CAAC,CAAC,4JAAA,yFAKlC,IAAA,CAAA;AAED,MAAM,CAAC,IAAM,YAAY,GAAG,MAAM,CAAC,GAAG,wKAAA,qGAMrC,IAAA,CAAA;AAED,MAAM,CAAC,IAAM,KAAK,GAAG,MAAM,CAAC,EAAE,iJAAyB,wEAKnD,EASM,IACT,KAVG,UAAC,EAAa;QAAX,SAAS,eAAA;IACZ,OAAA,SAAS;QACP,CAAC,CAAC,8FAML;QACG,CAAC,CAAC,EAAE;AARN,CAQM,CACT,CAAA"}

package/dist/components/Loader/Loader.d.ts

@@ -0,0 +1,3 @@
+import { ReactElement } from 'react';
+import { ILoaderProps } from './loader.interface';
+export declare const Loader: ({ width, height, withBackground, }: ILoaderProps) => ReactElement;

package/dist/components/Loader/Loader.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { LoaderCircle, StyledLoaderWrapper } from './styled-components';
+import CircularProgress from '@mui/material/CircularProgress';
+export var Loader = function (_a) {
+    var _b = _a.width, width = _b === void 0 ? '40px' : _b, _c = _a.height, height = _c === void 0 ? '40px' : _c, _d = _a.withBackground, withBackground = _d === void 0 ? false : _d;
+    return (_jsx(StyledLoaderWrapper, { className: "".concat(withBackground ? 'withBackground' : ''), children: _jsx(LoaderCircle, { children: _jsx(CircularProgress, { style: { width: width, height: height } }) }) }));
+};
+//# sourceMappingURL=Loader.js.map

package/dist/components/Loader/Loader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Loader.js","sourceRoot":"","sources":["../../../src/components/Loader/Loader.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,YAAY,EAAE,mBAAmB,EAAE,MAAM,qBAAqB,CAAA;AACvE,OAAO,gBAAgB,MAAM,gCAAgC,CAAA;AAG7D,MAAM,CAAC,IAAM,MAAM,GAAG,UAAC,EAIR;QAHb,aAAc,EAAd,KAAK,mBAAG,MAAM,KAAA,EACd,cAAe,EAAf,MAAM,mBAAG,MAAM,KAAA,EACf,sBAAsB,EAAtB,cAAc,mBAAG,KAAK,KAAA;IAEtB,OAAO,CACL,KAAC,mBAAmB,IAAC,SAAS,EAAE,UAAG,cAAc,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,EAAE,CAAE,YACzE,KAAC,YAAY,cACX,KAAC,gBAAgB,IAAC,KAAK,EAAE,EAAE,KAAK,OAAA,EAAE,MAAM,QAAA,EAAE,GAAI,GACjC,GACK,CACvB,CAAA;AACH,CAAC,CAAA"}

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

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

package/dist/components/Loader/Loader.stories.js

@@ -0,0 +1,32 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Loader } from './Loader';
+import { CustomThemeProvider } from '../../theme/ThemeProvider';
+import { GlobalStyle } from '../../global.styles';
+var meta = {
+    title: 'Components/Loader',
+    component: Loader,
+    decorators: [
+        function (Story) { return (_jsxs(CustomThemeProvider, { children: [_jsx(GlobalStyle, {}), _jsx(Story, {})] })); },
+    ],
+    parameters: {
+        layout: 'centered',
+    },
+    argTypes: {
+        width: { control: 'text' },
+        height: { control: 'text' },
+        withBackground: { control: 'boolean' },
+    },
+    args: {
+        width: '40px',
+        height: '40px',
+        withBackground: false,
+    },
+};
+export default meta;
+export var Default = {};
+export var WithBackground = {
+    args: {
+        withBackground: true,
+    },
+};
+//# sourceMappingURL=Loader.stories.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Loader.stories.js","sourceRoot":"","sources":["../../../src/components/Loader/Loader.stories.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAA;AACjC,OAAO,EAAE,mBAAmB,EAAE,MAAM,2BAA2B,CAAA;AAC/D,OAAO,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAA;AAEjD,IAAM,IAAI,GAAwB;IAChC,KAAK,EAAE,mBAAmB;IAC1B,SAAS,EAAE,MAAM;IACjB,UAAU,EAAE;QACV,UAAA,KAAK,IAAI,OAAA,CACP,MAAC,mBAAmB,eAClB,KAAC,WAAW,KAAG,EACf,KAAC,KAAK,KAAG,IACW,CACvB,EALQ,CAKR;KACF;IACD,UAAU,EAAE;QACV,MAAM,EAAE,UAAU;KACnB;IACD,QAAQ,EAAE;QACR,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE;QAC1B,MAAM,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE;QAC3B,cAAc,EAAE,EAAE,OAAO,EAAE,SAAS,EAAE;KACvC;IACD,IAAI,EAAE;QACJ,KAAK,EAAE,MAAM;QACb,MAAM,EAAE,MAAM;QACd,cAAc,EAAE,KAAK;KACtB;CACF,CAAA;AAED,eAAe,IAAI,CAAA;AAGnB,MAAM,CAAC,IAAM,OAAO,GAAU,EAAE,CAAA;AAEhC,MAAM,CAAC,IAAM,cAAc,GAAU;IACnC,IAAI,EAAE;QACJ,cAAc,EAAE,IAAI;KACrB;CACF,CAAA"}

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

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

package/dist/components/Loader/index.js

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

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

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

package/dist/components/Loader/loader.interface.d.ts

@@ -0,0 +1,5 @@
+export interface ILoaderProps {
+    width?: number | string;
+    height?: number | string;
+    withBackground?: boolean;
+}

package/dist/components/Loader/loader.interface.js

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

package/dist/components/Loader/loader.interface.js.map

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

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

@@ -0,0 +1,3 @@
+export declare const LoaderWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const LoaderCircle: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const StyledLoaderWrapper: import("@emotion/styled").StyledComponent<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never> & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, {}, {}>;

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

@@ -0,0 +1,26 @@
+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';
+import { styled as muiStyled } from '@mui/material/styles';
+export var LoaderWrapper = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  width: 100%;\n  height: 100%;\n  position: absolute;\n  z-index: 999;\n  background: rgba(0, 0, 0, 0.2);\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n\n  &.withBackground {\n    background: rgba(255, 255, 255, 1);\n  }\n"], ["\n  width: 100%;\n  height: 100%;\n  position: absolute;\n  z-index: 999;\n  background: rgba(0, 0, 0, 0.2);\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n\n  &.withBackground {\n    background: rgba(255, 255, 255, 1);\n  }\n"])));
+export var LoaderCircle = styled.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n"], ["\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n"])));
+var PREFIX = 'Loader';
+var classes = {
+    root: "".concat(PREFIX, "-root"),
+};
+export var StyledLoaderWrapper = muiStyled(LoaderWrapper)(function (_a) {
+    var _b;
+    var theme = _a.theme;
+    return (_b = {},
+        _b["& .".concat(classes.root)] = {
+            display: 'flex',
+            '& > * + *': {
+                marginLeft: theme.spacing(2),
+            },
+        },
+        _b);
+});
+var templateObject_1, templateObject_2;
+//# sourceMappingURL=styled-components.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"styled-components.js","sourceRoot":"","sources":["../../../src/components/Loader/styled-components.ts"],"names":[],"mappings":";;;;AAAA,OAAO,MAAM,MAAM,mBAAmB,CAAA;AACtC,OAAO,EAAE,MAAM,IAAI,SAAS,EAAE,MAAM,sBAAsB,CAAA;AAE1D,MAAM,CAAC,IAAM,aAAa,GAAG,MAAM,CAAC,GAAG,2SAAA,wOActC,IAAA,CAAA;AAED,MAAM,CAAC,IAAM,YAAY,GAAG,MAAM,CAAC,GAAG,8JAAA,2FAKrC,IAAA,CAAA;AAED,IAAM,MAAM,GAAG,QAAQ,CAAA;AAEvB,IAAM,OAAO,GAAG;IACd,IAAI,EAAE,UAAG,MAAM,UAAO;CACvB,CAAA;AAED,MAAM,CAAC,IAAM,mBAAmB,GAAG,SAAS,CAAC,aAAa,CAAC,CAAC,UAAC,EAAS;;QAAP,KAAK,WAAA;IAAO,OAAA;QACzE,GAAC,aAAM,OAAO,CAAC,IAAI,CAAE,IAAG;YACtB,OAAO,EAAE,MAAM;YACf,WAAW,EAAE;gBACX,UAAU,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;aAC7B;SACF;WACD;AAPyE,CAOzE,CAAC,CAAA"}

package/dist/components/Pagination/Pagination.d.ts

@@ -0,0 +1,3 @@
+import { ReactElement } from 'react';
+import { IPaginationV2Props } from './pagination.interface';
+export declare const Pagination: ({ currentPage, totalPages, handleChange, perPage, handlePerPageChange, }: IPaginationV2Props) => ReactElement;

package/dist/components/Pagination/Pagination.js

@@ -0,0 +1,12 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Pagination as MUIPagination } from '@mui/material';
+import { Select } from '@mui/material';
+import { PaginationWrapper } from './styled-components';
+export var Pagination = function (_a) {
+    var currentPage = _a.currentPage, totalPages = _a.totalPages, handleChange = _a.handleChange, perPage = _a.perPage, handlePerPageChange = _a.handlePerPageChange;
+    return (_jsxs(PaginationWrapper, { children: [perPage && (_jsxs(Select, { variant: 'standard', native: true, value: perPage, onChange: handlePerPageChange, inputProps: {
+                    name: 'perPage',
+                    id: 'perPage',
+                }, children: [_jsx("option", { value: 12, children: "12" }), _jsx("option", { value: 24, children: "24" }), _jsx("option", { value: 48, children: "48" })] })), _jsx(MUIPagination, { count: totalPages, shape: 'rounded', variant: 'outlined', page: currentPage, onChange: handleChange })] }));
+};
+//# sourceMappingURL=Pagination.js.map

package/dist/components/Pagination/Pagination.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Pagination.js","sourceRoot":"","sources":["../../../src/components/Pagination/Pagination.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,UAAU,IAAI,aAAa,EAAE,MAAM,eAAe,CAAA;AAC3D,OAAO,EAAE,MAAM,EAAE,MAAM,eAAe,CAAA;AAEtC,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAA;AAEvD,MAAM,CAAC,IAAM,UAAU,GAAG,UAAC,EAMN;QALnB,WAAW,iBAAA,EACX,UAAU,gBAAA,EACV,YAAY,kBAAA,EACZ,OAAO,aAAA,EACP,mBAAmB,yBAAA;IAEnB,OAAO,CACL,MAAC,iBAAiB,eACf,OAAO,IAAI,CACV,MAAC,MAAM,IACL,OAAO,EAAC,UAAU,EAClB,MAAM,QACN,KAAK,EAAE,OAAO,EACd,QAAQ,EAAE,mBAAmB,EAC7B,UAAU,EAAE;oBACV,IAAI,EAAE,SAAS;oBACf,EAAE,EAAE,SAAS;iBACd,aAED,iBAAQ,KAAK,EAAE,EAAE,mBAAa,EAC9B,iBAAQ,KAAK,EAAE,EAAE,mBAAa,EAC9B,iBAAQ,KAAK,EAAE,EAAE,mBAAa,IACvB,CACV,EACD,KAAC,aAAa,IACZ,KAAK,EAAE,UAAU,EACjB,KAAK,EAAC,SAAS,EACf,OAAO,EAAC,UAAU,EAClB,IAAI,EAAE,WAAW,EACjB,QAAQ,EAAE,YAAY,GACtB,IACgB,CACrB,CAAA;AACH,CAAC,CAAA"}

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

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

package/dist/components/Pagination/Pagination.stories.js

@@ -0,0 +1,30 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Pagination } from './Pagination';
+import { CustomThemeProvider } from '../../theme/ThemeProvider';
+import { GlobalStyle } from '../../global.styles';
+var meta = {
+    title: 'Components/Pagination',
+    component: Pagination,
+    tags: ['autodocs', 'pagination'],
+    decorators: [
+        function (Story) { return (_jsxs(CustomThemeProvider, { children: [_jsx(GlobalStyle, {}), _jsx(Story, {})] })); },
+    ],
+    parameters: {
+        layout: 'centered',
+    },
+    argTypes: {
+        currentPage: { control: 'number' },
+        totalPages: { control: 'number' },
+        perPage: { control: 'select', options: [12, 24, 48] },
+        handleChange: { action: 'Page Changed' },
+        handlePerPageChange: { action: 'Per Page Changed' },
+    },
+    args: {
+        currentPage: 1,
+        totalPages: 10,
+        perPage: 12,
+    },
+};
+export default meta;
+export var Default = {};
+//# sourceMappingURL=Pagination.stories.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Pagination.stories.js","sourceRoot":"","sources":["../../../src/components/Pagination/Pagination.stories.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AACzC,OAAO,EAAE,mBAAmB,EAAE,MAAM,2BAA2B,CAAA;AAC/D,OAAO,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAA;AAEjD,IAAM,IAAI,GAA4B;IACpC,KAAK,EAAE,uBAAuB;IAC9B,SAAS,EAAE,UAAU;IACrB,IAAI,EAAE,CAAC,UAAU,EAAE,YAAY,CAAC;IAChC,UAAU,EAAE;QACV,UAAA,KAAK,IAAI,OAAA,CACP,MAAC,mBAAmB,eAClB,KAAC,WAAW,KAAG,EACf,KAAC,KAAK,KAAG,IACW,CACvB,EALQ,CAKR;KACF;IACD,UAAU,EAAE;QACV,MAAM,EAAE,UAAU;KACnB;IACD,QAAQ,EAAE;QACR,WAAW,EAAE,EAAE,OAAO,EAAE,QAAQ,EAAE;QAClC,UAAU,EAAE,EAAE,OAAO,EAAE,QAAQ,EAAE;QACjC,OAAO,EAAE,EAAE,OAAO,EAAE,QAAQ,EAAE,OAAO,EAAE,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,EAAE;QACrD,YAAY,EAAE,EAAE,MAAM,EAAE,cAAc,EAAE;QACxC,mBAAmB,EAAE,EAAE,MAAM,EAAE,kBAAkB,EAAE;KACpD;IACD,IAAI,EAAE;QACJ,WAAW,EAAE,CAAC;QACd,UAAU,EAAE,EAAE;QACd,OAAO,EAAE,EAAE;KACZ;CACF,CAAA;AAED,eAAe,IAAI,CAAA;AAGnB,MAAM,CAAC,IAAM,OAAO,GAAU,EAAE,CAAA"}

package/dist/components/Pagination/TablePagination.d.ts

@@ -0,0 +1,11 @@
+import React, { ReactElement } from 'react';
+interface ITablePaginationV2Props {
+    currentPage: number;
+    rowsPerPage: number;
+    count: number;
+    handleChangePage: (event: React.MouseEvent<HTMLButtonElement> | null, newPage: number) => void;
+    handleChangeRowsPerPage: (event: React.ChangeEvent<HTMLInputElement | HTMLTextAreaElement>) => void;
+    rowsPerPageOptions?: number[];
+}
+declare const TablePagination: ({ currentPage, rowsPerPage, count, handleChangePage, handleChangeRowsPerPage, rowsPerPageOptions, }: ITablePaginationV2Props) => ReactElement;
+export default TablePagination;

package/dist/components/Pagination/TablePagination.js

@@ -0,0 +1,17 @@
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+import { jsx as _jsx } from "react/jsx-runtime";
+import { default as MUITablePagination } from '@mui/material/TablePagination';
+import { useTranslation } from 'react-i18next';
+import { styled } from 'styled-components';
+var TablePagination = function (_a) {
+    var currentPage = _a.currentPage, rowsPerPage = _a.rowsPerPage, count = _a.count, handleChangePage = _a.handleChangePage, handleChangeRowsPerPage = _a.handleChangeRowsPerPage, rowsPerPageOptions = _a.rowsPerPageOptions;
+    var t = useTranslation().t;
+    return (_jsx(StyledDiv, { children: _jsx(MUITablePagination, { count: count, page: currentPage - 1, onPageChange: handleChangePage, rowsPerPage: rowsPerPage, labelRowsPerPage: "".concat(t('grid.rows_per_page'), ":"), rowsPerPageOptions: rowsPerPageOptions || [10, 25, 50, 100], onRowsPerPageChange: handleChangeRowsPerPage }) }));
+};
+export default TablePagination;
+var StyledDiv = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  display: flex;\n  justify-content: flex-end;\n  background: #fff;\n  border-radius: 0 0 14px 14px;\n  box-shadow:\n    0px 2px 1px -1px rgba(0, 0, 0, 0.2),\n    0px 1px 1px 0px rgba(0, 0, 0, 0.14),\n    0px 1px 3px 0px rgba(0, 0, 0, 0.12);\n"], ["\n  display: flex;\n  justify-content: flex-end;\n  background: #fff;\n  border-radius: 0 0 14px 14px;\n  box-shadow:\n    0px 2px 1px -1px rgba(0, 0, 0, 0.2),\n    0px 1px 1px 0px rgba(0, 0, 0, 0.14),\n    0px 1px 3px 0px rgba(0, 0, 0, 0.12);\n"])));
+var templateObject_1;
+//# sourceMappingURL=TablePagination.js.map