@ludo.ninja/components 1.9.6 → 2.0.0

package/dist/components/filters/index.js

@@ -1,111 +0,0 @@
-"use strict";
-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);
-};
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-var react_1 = __importStar(require("react"));
-var styled_components_1 = __importDefault(require("styled-components"));
-var _4k_1 = require("@ludo.ninja/ui/build/utils/4k");
-var store_1 = require("@ludo.ninja/components/dist/store");
-var styles_1 = require("@ludo.ninja/components/dist/styles");
-var applyResetBtns_1 = __importDefault(require("@/components/filters/applyResetBtns"));
-var mobileFilters_1 = __importDefault(require("@/components/filters/mobileFilters"));
-var sidebarFilters_1 = __importDefault(require("@/components/sidebar/sidebarFilters"));
-var DesktopSelect_1 = __importDefault(require("@/system/Forms/Selects/DesktopSelect"));
-var MobileSelect_1 = __importDefault(require("@/system/Forms/Selects/MobileSelect"));
-// Styles
-var StyledFilters = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  display: flex;\n  flex-wrap: wrap;\n\n  .select {\n    margin-right: 8px;\n    margin-top: 8px;\n  }\n\n  .type {\n    width: 154px;\n  }\n\n  .blockchain {\n    width: 163px;\n  }\n\n  .category {\n    width: 156px;\n  }\n\n  .time {\n    width: 125px;\n  }\n\n  .status {\n    width: 135px;\n    margin-right: 24px;\n  }\n\n  .filterButton {\n    width: 100%;\n\n    button {\n      position: relative;\n      width: 100%;\n      border: 1px solid transparent;\n      outline: none;\n      background-color: white;\n      padding: 10px 85px;\n      border-radius: 6px;\n      min-height: 40px;\n      font-size: 1.4em;\n      color: ", ";\n      font-weight: 500;\n      transition: all 0.3s ease-in;\n\n      &:hover {\n        transition: all 0.3s ease-in-out;\n        background: ", ";\n        color: ", ";\n        border: 1px solid ", ";\n      }\n\n      .counter {\n        position: absolute;\n        background-color: ", ";\n        color: white;\n        right: -5px;\n        padding: 8px;\n        font-size: 0.86em;\n        font-weight: 500;\n        border-radius: 50%;\n        top: -10px;\n        width: 16px;\n        height: 16px;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n      }\n    }\n  }\n\n  ", " {\n    .select {\n      margin-right: ", ";\n      margin-top: ", ";\n    }\n    .type {\n      width: ", ";\n    }\n    .blockchain {\n      width: ", ";\n    }\n    .category {\n      width: ", ";\n    }\n    .time {\n      width: ", ";\n    }\n    .status {\n      width: ", ";\n      margin-right: ", ";\n    }\n  }\n"], ["\n  display: flex;\n  flex-wrap: wrap;\n\n  .select {\n    margin-right: 8px;\n    margin-top: 8px;\n  }\n\n  .type {\n    width: 154px;\n  }\n\n  .blockchain {\n    width: 163px;\n  }\n\n  .category {\n    width: 156px;\n  }\n\n  .time {\n    width: 125px;\n  }\n\n  .status {\n    width: 135px;\n    margin-right: 24px;\n  }\n\n  .filterButton {\n    width: 100%;\n\n    button {\n      position: relative;\n      width: 100%;\n      border: 1px solid transparent;\n      outline: none;\n      background-color: white;\n      padding: 10px 85px;\n      border-radius: 6px;\n      min-height: 40px;\n      font-size: 1.4em;\n      color: ", ";\n      font-weight: 500;\n      transition: all 0.3s ease-in;\n\n      &:hover {\n        transition: all 0.3s ease-in-out;\n        background: ", ";\n        color: ", ";\n        border: 1px solid ", ";\n      }\n\n      .counter {\n        position: absolute;\n        background-color: ", ";\n        color: white;\n        right: -5px;\n        padding: 8px;\n        font-size: 0.86em;\n        font-weight: 500;\n        border-radius: 50%;\n        top: -10px;\n        width: 16px;\n        height: 16px;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n      }\n    }\n  }\n\n  ", " {\n    .select {\n      margin-right: ", ";\n      margin-top: ", ";\n    }\n    .type {\n      width: ", ";\n    }\n    .blockchain {\n      width: ", ";\n    }\n    .category {\n      width: ", ";\n    }\n    .time {\n      width: ", ";\n    }\n    .status {\n      width: ", ";\n      margin-right: ", ";\n    }\n  }\n"])), styles_1.BlackColor, styles_1.InactiveButtonColor, styles_1.AccentColor, styles_1.BorderColorLight, styles_1.AccentColor, styles_1.mediaQuery.minWidthFourK, (0, _4k_1.adaptiveValueCalc)(8), (0, _4k_1.adaptiveValueCalc)(8), (0, _4k_1.adaptiveValueCalc)(154), (0, _4k_1.adaptiveValueCalc)(163), (0, _4k_1.adaptiveValueCalc)(156), (0, _4k_1.adaptiveValueCalc)(125), (0, _4k_1.adaptiveValueCalc)(135), (0, _4k_1.adaptiveValueCalc)(24));
-// Component
-var Filters = function (_a) {
-    var filterInputHandler = _a.filterInputHandler, handleResetFilter = _a.handleResetFilter, selectData = _a.selectData, filterInput = _a.filterInput, handleMobileFilterInput = _a.handleMobileFilterInput, isMobile = _a.isMobile;
-    var _b = (0, react_1.useState)(false), isSideBarOpen = _b[0], setSidebarOpen = _b[1];
-    var selectedFiltersCount = (0, react_1.useState)(0)[0];
-    var _c = (0, store_1.useUiStore)(function (state) { return ({
-        openOverLay: state.openOverLay,
-        closeOverlay: state.closeOverlay,
-    }); }), openOverLay = _c.openOverLay, closeOverlay = _c.closeOverlay;
-    var _d = (0, react_1.useState)(filterInput), mobileFilterInput = _d[0], setMobileFilterInput = _d[1];
-    (0, react_1.useEffect)(function () {
-        if (JSON.stringify(mobileFilterInput) !== JSON.stringify(filterInput)) {
-            setMobileFilterInput(filterInput);
-        }
-    }, [filterInput]);
-    var handleMobileFilters = function (fieldName, fieldValue) {
-        setMobileFilterInput(function (prevFilters) {
-            var _a;
-            return (__assign(__assign({}, prevFilters), (_a = {}, _a[fieldName] = fieldValue, _a)));
-        });
-    };
-    var closeFiltersMobile = function () {
-        closeOverlay();
-        setSidebarOpen(false);
-    };
-    return (react_1.default.createElement(StyledFilters, null,
-        !isMobile &&
-            selectData.map(function (select) { return (react_1.default.createElement("div", { key: select.id, className: "select ".concat(select.data.selectName) },
-                react_1.default.createElement(DesktopSelect_1.default, { defaultOptionValue: filterInput[select.data.selectName], options: select.data.selectOptions, isLoading: false, onChangeHandler: filterInputHandler, name: select.data.selectName }))); }),
-        isMobile && (react_1.default.createElement(react_1.default.Fragment, null,
-            react_1.default.createElement("div", { className: 'filterButton' },
-                react_1.default.createElement("button", { onClick: function (e) {
-                        e.stopPropagation();
-                        e.preventDefault();
-                        openOverLay();
-                        setSidebarOpen(true);
-                    } },
-                    "Filters",
-                    selectedFiltersCount ? (react_1.default.createElement("span", { className: 'counter' }, selectedFiltersCount)) : null)),
-            react_1.default.createElement(sidebarFilters_1.default, { isOpen: isSideBarOpen, handleClose: function () {
-                    setMobileFilterInput(filterInput);
-                    closeFiltersMobile();
-                } },
-                react_1.default.createElement(mobileFilters_1.default, null, selectData.map(function (select) { return (react_1.default.createElement(MobileSelect_1.default, { key: select.id, defaultOptionValue: mobileFilterInput[select.data
-                        .selectName], options: select.data.selectOptions, name: select.data.selectName, onChangeHandler: handleMobileFilters })); })),
-                react_1.default.createElement(applyResetBtns_1.default, { onReset: function () {
-                        handleResetFilter();
-                        closeFiltersMobile();
-                    }, onApply: function () {
-                        handleMobileFilterInput(mobileFilterInput);
-                        closeFiltersMobile();
-                    } }))))));
-};
-// Export
-exports.default = Filters;
-var templateObject_1;

package/dist/components/filters/mobileFilters/index.d.ts

@@ -1,5 +0,0 @@
-import React from 'react';
-declare const MobileFilters: ({ children }: {
-    children: React.ReactNode;
-}) => React.JSX.Element;
-export default MobileFilters;

package/dist/components/filters/mobileFilters/index.js

@@ -1,21 +0,0 @@
-"use strict";
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-var react_1 = __importDefault(require("react"));
-var styled_components_1 = __importDefault(require("styled-components"));
-// Styles
-var StyledMobileFilters = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  position: relative;\n  flex: 1;\n  overflow-y: auto;\n  padding: 0 32px;\n\n  & > div:last-child {\n    margin-bottom: 30px;\n    border-bottom: unset;\n  }\n"], ["\n  position: relative;\n  flex: 1;\n  overflow-y: auto;\n  padding: 0 32px;\n\n  & > div:last-child {\n    margin-bottom: 30px;\n    border-bottom: unset;\n  }\n"])));
-// Component
-var MobileFilters = function (_a) {
-    var children = _a.children;
-    return react_1.default.createElement(StyledMobileFilters, null, children);
-};
-// Export
-exports.default = MobileFilters;
-var templateObject_1;

package/dist/components/filters/setsFiltersForm/index.d.ts

@@ -1,10 +0,0 @@
-import React from 'react';
-import { optionType } from '@/system/Forms/Selects/DesktopSelect/type';
-declare const SetsFiltersForm: ({ selectTypeSearchResult, selectBlockchainCategoryResult, selectBlockchainTimeResult, handleNeedShowButtons, handleFiltersCount, }: {
-    selectTypeSearchResult: optionType[];
-    selectBlockchainCategoryResult: optionType[];
-    selectBlockchainTimeResult: optionType[];
-    handleNeedShowButtons: (value: boolean) => void;
-    handleFiltersCount: (value: number) => void;
-}) => React.JSX.Element;
-export default SetsFiltersForm;

package/dist/components/filters/setsFiltersForm/index.js

@@ -1,82 +0,0 @@
-"use strict";
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
-};
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-var react_1 = __importStar(require("react"));
-var styled_components_1 = __importDefault(require("styled-components"));
-var DropDown_1 = __importDefault(require("@/system/DropDown"));
-var RadioInput_1 = __importDefault(require("@/system/Forms/RadioInput"));
-// Styles
-var StyledSetsFiltersForm = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  position: relative;\n"], ["\n  position: relative;\n"])));
-// Component
-var SetsFiltersForm = function (_a) {
-    var selectTypeSearchResult = _a.selectTypeSearchResult, selectBlockchainCategoryResult = _a.selectBlockchainCategoryResult, selectBlockchainTimeResult = _a.selectBlockchainTimeResult, handleNeedShowButtons = _a.handleNeedShowButtons, handleFiltersCount = _a.handleFiltersCount;
-    var _b = (0, react_1.useState)(null), selectedSearchResult = _b[0], setSelectedSearchResult = _b[1];
-    var _c = (0, react_1.useState)(null), selectedBlockchainCategoryResult = _c[0], setSelectedBlockchainCategoryResult = _c[1];
-    var _d = (0, react_1.useState)(null), selectedBlockchainTimeResult = _d[0], setSelectedBlockchainTimeResult = _d[1];
-    (0, react_1.useEffect)(function () {
-        if (selectedSearchResult ||
-            selectedBlockchainCategoryResult ||
-            selectedBlockchainTimeResult) {
-            handleNeedShowButtons(true);
-        }
-        else {
-            handleNeedShowButtons(false);
-        }
-        var arr = [
-            selectedSearchResult,
-            selectedBlockchainCategoryResult,
-            selectedBlockchainTimeResult,
-        ];
-        var count = arr.filter(function (value) { return value; }).length;
-        handleFiltersCount(count);
-    }, [
-        selectedSearchResult,
-        selectedBlockchainCategoryResult,
-        selectedBlockchainTimeResult,
-    ]);
-    var handleChangeSearchResult = function (value) {
-        setSelectedSearchResult(value);
-    };
-    var handleChangeBlockchainCategoryResult = function (value) {
-        setSelectedBlockchainCategoryResult(value);
-    };
-    var handleChangeBlockchainTimeResult = function (value) {
-        setSelectedBlockchainTimeResult(value);
-    };
-    return (react_1.default.createElement(StyledSetsFiltersForm, null,
-        react_1.default.createElement(DropDown_1.default, { caption: 'Type', fallBackOnClose: handleChangeSearchResult }, selectTypeSearchResult.map(function (select) { return (react_1.default.createElement(RadioInput_1.default, { key: select.id, radioLabel: select.label, radioValue: select.id, handleChange: handleChangeSearchResult, radioChecked: selectedSearchResult === select.id })); })),
-        react_1.default.createElement(DropDown_1.default, { caption: 'Category', fallBackOnClose: handleChangeBlockchainCategoryResult }, selectBlockchainCategoryResult.map(function (select) { return (react_1.default.createElement(RadioInput_1.default, { key: select.id, radioLabel: select.label, radioValue: select.id, handleChange: handleChangeBlockchainCategoryResult, radioChecked: selectedSearchResult === select.id })); })),
-        react_1.default.createElement(DropDown_1.default, { caption: 'Time', fallBackOnClose: handleChangeBlockchainTimeResult }, selectBlockchainTimeResult.map(function (select) { return (react_1.default.createElement(RadioInput_1.default, { key: select.id, radioLabel: select.label, radioValue: select.id, handleChange: handleChangeBlockchainTimeResult, radioChecked: selectedSearchResult === select.id })); }))));
-};
-// Export
-exports.default = SetsFiltersForm;
-var templateObject_1;

package/dist/components/forms/form/index.d.ts

@@ -1,14 +0,0 @@
-import React from 'react';
-import { InputProps } from '../types';
-interface Props {
-    onSubmit: (data: unknown) => void;
-    submitLoading: boolean;
-    formDescription: string;
-    formTitle: string;
-    inputs: InputProps[];
-    initialValues?: {
-        [key: string]: any;
-    };
-}
-declare const Form: ({ ...props }: Props) => React.JSX.Element;
-export default Form;

package/dist/components/forms/form/index.js

@@ -1,136 +0,0 @@
-"use strict";
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
-};
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-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;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-var react_1 = __importStar(require("react"));
-var react_bootstrap_1 = require("react-bootstrap");
-var react_hook_form_1 = require("react-hook-form");
-var styled_components_1 = __importDefault(require("styled-components"));
-var colors_1 = require("@ludo.ninja/ui/build/styles/colors");
-var Text_1 = require("@ludo.ninja/ui/build/system/Text");
-var styles_1 = require("@ludo.ninja/components/dist/styles");
-var MainButton_1 = __importDefault(require("@/system/Buttons/MainButton"));
-var Forms_1 = require("@/system/Forms");
-var DatePicker_1 = __importDefault(require("@/system/Forms/DatePicker"));
-var RadioInput_1 = __importDefault(require("@/system/Forms/RadioInput"));
-var _system_1 = require("@system");
-var Title = (0, styled_components_1.default)(_system_1.H1)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  margin-bottom: 24px;\n  text-align: center;\n"], ["\n  margin-bottom: 24px;\n  text-align: center;\n"])));
-var Description = (0, styled_components_1.default)(Text_1.MainText)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  color: ", ";\n  text-align: justify;\n"], ["\n  color: ", ";\n  text-align: justify;\n"])), colors_1.TextGrayColor);
-var Wrapper = (0, styled_components_1.default)(_system_1.Flex)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  justify-content: center;\n\n  ", " {\n    width: 100%;\n    align-items: center;\n    flex-direction: column-reverse;\n    margin: 0;\n  }\n"], ["\n  justify-content: center;\n\n  ", " {\n    width: 100%;\n    align-items: center;\n    flex-direction: column-reverse;\n    margin: 0;\n  }\n"])), styles_1.mediaQuery.tablet);
-var FormWrapper = styled_components_1.default.form(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  margin: 0 50px 0 70px;\n  justify-content: center;\n  width: 472px;\n\n  ", " {\n    margin: 0 25px 0 25px;\n    width: 450px;\n  }\n\n  ", " {\n    margin: 0;\n    width: 320px;\n  }\n"], ["\n  margin: 0 50px 0 70px;\n  justify-content: center;\n  width: 472px;\n\n  ", " {\n    margin: 0 25px 0 25px;\n    width: 450px;\n  }\n\n  ", " {\n    margin: 0;\n    width: 320px;\n  }\n"])), styles_1.mediaQuery.desktop, styles_1.mediaQuery.tablet);
-var InputTitle = (0, styled_components_1.default)(_system_1.H5)(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  margin-bottom: 8px;\n"], ["\n  margin-bottom: 8px;\n"])));
-var RadioInput = (0, styled_components_1.default)(RadioInput_1.default)(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n  color: ", ";\n"], ["\n  color: ", ";\n"])), colors_1.TextGrayColor);
-var StyledInputGroup = styled_components_1.default.div(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n  position: relative;\n  width: 100%;\n  margin-top: 24px;\n"], ["\n  position: relative;\n  width: 100%;\n  margin-top: 24px;\n"])));
-var Form = function (_a) {
-    var props = __rest(_a, []);
-    var inputs = props.inputs, onSubmit = props.onSubmit, submitLoading = props.submitLoading, formDescription = props.formDescription, formTitle = props.formTitle, initialValues = props.initialValues;
-    var _b = (0, react_hook_form_1.useForm)({
-        mode: 'all',
-        defaultValues: initialValues,
-    }), register = _b.register, _c = _b.formState, errors = _c.errors, isDirty = _c.isDirty, isValid = _c.isValid, handleSubmit = _b.handleSubmit, reset = _b.reset, control = _b.control, setFocus = _b.setFocus, formState = _b.formState;
-    (0, react_1.useEffect)(function () {
-        reset();
-    }, [inputs, reset]);
-    (0, react_1.useEffect)(function () {
-        if (formState.isSubmitSuccessful) {
-            reset();
-        }
-    }, [formState, reset]);
-    var getInput = function (inputProps) {
-        var _a, _b;
-        var dataProp = {
-            labelText: inputProps.label || '',
-            name: inputProps.name,
-            placeHolder: inputProps.placeholder || '',
-        };
-        var inputErrors = errors === null || errors === void 0 ? void 0 : errors[inputProps.name];
-        var errorProp = {
-            isNeedShowError: Boolean(inputErrors),
-            message: inputErrors ? inputErrors.message : '',
-        };
-        var registerProp = register(inputProps.name, inputProps.validations);
-        switch (inputProps.type) {
-            case 'textArea':
-                return (react_1.default.createElement(Forms_1.BasicTextArea, { register: registerProp, error: errorProp, data: dataProp, isNeedBiggerArea: false }));
-            case 'checkbox':
-                return (react_1.default.createElement(react_1.default.Fragment, null, (_a = inputProps.options) === null || _a === void 0 ? void 0 : _a.map(function (option) {
-                    var isCheckboxWithInput = option.value === 'other';
-                    var registerTextInput = isCheckboxWithInput
-                        ? register("".concat(inputProps.name, "-other-checkbox"))
-                        : undefined;
-                    return (react_1.default.createElement(Forms_1.CheckboxInput, { key: option.value, register: registerProp, error: errorProp, data: dataProp, label: option.desc, value: option.value, withInput: isCheckboxWithInput, innerTextInputRef: registerTextInput }));
-                })));
-            case 'radio':
-                return (react_1.default.createElement(react_1.default.Fragment, null, (_b = inputProps.options) === null || _b === void 0 ? void 0 : _b.map(function (option) {
-                    var isRadioWithInput = option.value === 'other';
-                    var registerTextInput = isRadioWithInput
-                        ? register("".concat(inputProps.name, "-other-radio"))
-                        : undefined;
-                    return (react_1.default.createElement(react_hook_form_1.Controller, { key: option.desc, name: inputProps.name, control: control, render: function (_a) {
-                            var field = _a.field;
-                            return (react_1.default.createElement(RadioInput, { key: option.value, radioLabel: option.desc, radioValue: option.value, handleChange: field.onChange, radioChecked: field.value === option.value, withInput: isRadioWithInput, innerTextInputRef: registerTextInput, setFocus: setFocus }));
-                        } }));
-                })));
-            case 'date':
-                return (react_1.default.createElement(DatePicker_1.default, { register: registerProp, error: errorProp, control: control, name: inputProps.name }));
-            default:
-                return (react_1.default.createElement(Forms_1.Input, { register: registerProp, error: errorProp, data: dataProp }));
-        }
-    };
-    return (react_1.default.createElement(Wrapper, null,
-        react_1.default.createElement(FormWrapper, { onSubmit: handleSubmit(onSubmit) },
-            react_1.default.createElement(Title, null, formTitle),
-            react_1.default.createElement(Description, null, formDescription),
-            inputs.map(function (input) {
-                var _a;
-                return (react_1.default.createElement(StyledInputGroup, { key: input.name },
-                    react_1.default.createElement(InputTitle, null,
-                        ((_a = input.validations) === null || _a === void 0 ? void 0 : _a.required) ? '*' : '',
-                        input.label),
-                    getInput(input)));
-            }),
-            react_1.default.createElement(_system_1.Flex, { justifyContent: "space-between", style: { marginTop: 44 } },
-                react_1.default.createElement(MainButton_1.default, { onClick: function (e) { var _a; return (_a = e === null || e === void 0 ? void 0 : e.currentTarget) === null || _a === void 0 ? void 0 : _a.blur(); }, disabled: !isDirty || !isValid, variant: "primaryM", text: submitLoading ? react_1.default.createElement(react_bootstrap_1.Spinner, { variant: "light" }) : 'Submit', type: 'submit' }),
-                react_1.default.createElement(MainButton_1.default, { onClick: function (e) { var _a; return (_a = e === null || e === void 0 ? void 0 : e.currentTarget) === null || _a === void 0 ? void 0 : _a.blur(); }, disabled: !isDirty, variant: "secondary", text: submitLoading ? react_1.default.createElement(react_bootstrap_1.Spinner, { variant: "light" }) : 'Clear Form', type: 'reset' })))));
-};
-exports.default = Form;
-var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7;

package/dist/components/forms/formsNavigation/index.d.ts

@@ -1,3 +0,0 @@
-import React from 'react';
-declare const FormsNavigation: () => React.JSX.Element;
-export default FormsNavigation;

package/dist/components/forms/formsNavigation/index.js

@@ -1,73 +0,0 @@
-"use strict";
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
-};
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-var react_1 = __importStar(require("react"));
-var link_1 = __importDefault(require("next/link"));
-var router_1 = require("next/router");
-var styled_components_1 = __importDefault(require("styled-components"));
-var styles_1 = require("@ludo.ninja/components/dist/styles");
-var types_1 = require("@/components/forms/types");
-var _system_1 = require("@system");
-var back_svg_1 = __importDefault(require("@/public/settings_page/back.svg"));
-var burger_menu_svg_1 = __importDefault(require("@/public/settings_page/burger_menu.svg"));
-var NAVIGATION_TABS = [
-    { slug: types_1.FormsNavigationTabs.opportunity, label: 'opportunity Submission' },
-    { slug: types_1.FormsNavigationTabs.contactSupport, label: 'Contact Ludo Support' },
-    {
-        slug: types_1.FormsNavigationTabs.registrationRequest,
-        label: 'Registration Invite Request',
-    },
-    { slug: types_1.FormsNavigationTabs.report, label: 'Content Report Form' },
-    { slug: types_1.FormsNavigationTabs.feedback, label: 'User Feedback' },
-    { slug: types_1.FormsNavigationTabs.partnership, label: 'Partnership Inquiry Form' },
-    {
-        slug: types_1.FormsNavigationTabs.investor,
-        label: 'Investor Relations Inquiry Form',
-    },
-];
-var StyledFlex = (0, styled_components_1.default)(_system_1.Flex)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  display: none;\n\n  ", " {\n    cursor: pointer;\n    position: absolute;\n    top: 22px;\n    right: 20px;\n    z-index: 3;\n    display: flex;\n  }\n"], ["\n  display: none;\n\n  ", " {\n    cursor: pointer;\n    position: absolute;\n    top: 22px;\n    right: 20px;\n    z-index: 3;\n    display: flex;\n  }\n"])), styles_1.mediaQuery.tablet);
-var Wrapper = (0, styled_components_1.default)(_system_1.Flex)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  flex-direction: column;\n  width: 250px;\n\n  ", " {\n    left: 0;\n    top: 0;\n    bottom: 0;\n    right: 0;\n    width: 100%;\n    height: 100%;\n    padding-top: 110px;\n    padding-left: 25px;\n    position: fixed;\n    overflow: hidden;\n    transition: transform ease-in-out 300ms;\n    background: ", ";\n    box-shadow: 20px 16px 32px -16px rgba(33, 21, 95, 0.2);\n    z-index: 1;\n\n    &.hide {\n      transform: translate(calc(-100% - 20px), 0);\n    }\n\n    &.show {\n      transform: translate(0%, 0%);\n    }\n  }\n"], ["\n  flex-direction: column;\n  width: 250px;\n\n  ", " {\n    left: 0;\n    top: 0;\n    bottom: 0;\n    right: 0;\n    width: 100%;\n    height: 100%;\n    padding-top: 110px;\n    padding-left: 25px;\n    position: fixed;\n    overflow: hidden;\n    transition: transform ease-in-out 300ms;\n    background: ", ";\n    box-shadow: 20px 16px 32px -16px rgba(33, 21, 95, 0.2);\n    z-index: 1;\n\n    &.hide {\n      transform: translate(calc(-100% - 20px), 0);\n    }\n\n    &.show {\n      transform: translate(0%, 0%);\n    }\n  }\n"])), styles_1.mediaQuery.tablet, styles_1.BackgroundColorLight);
-var List = styled_components_1.default.ul(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  margin: 0;\n  padding: 20px 0 0 0;\n  list-style-type: none;\n\n  ", " {\n    padding-left: 50px;\n  }\n\n  li {\n    margin: 4px 0;\n    padding-left: 5px;\n    display: flex;\n    align-items: center;\n    width: 100%;\n    height: 50px;\n    font-size: 15px;\n    cursor: pointer;\n    color: ", ";\n\n    &:hover {\n      background: ", ";\n      opacity: 0.9;\n    }\n\n    .link {\n      width: 100%;\n      height: 100%;\n      align-content: center;\n      color: inherit;\n    }\n\n    svg {\n      margin-right: 5px;\n\n      ", " {\n        margin-right: 15px;\n      }\n    }\n\n    &.activeTab {\n      background: ", ";\n      color: ", ";\n\n      ", " {\n        background: transparent;\n      }\n    }\n  }\n"], ["\n  margin: 0;\n  padding: 20px 0 0 0;\n  list-style-type: none;\n\n  ", " {\n    padding-left: 50px;\n  }\n\n  li {\n    margin: 4px 0;\n    padding-left: 5px;\n    display: flex;\n    align-items: center;\n    width: 100%;\n    height: 50px;\n    font-size: 15px;\n    cursor: pointer;\n    color: ", ";\n\n    &:hover {\n      background: ", ";\n      opacity: 0.9;\n    }\n\n    .link {\n      width: 100%;\n      height: 100%;\n      align-content: center;\n      color: inherit;\n    }\n\n    svg {\n      margin-right: 5px;\n\n      ", " {\n        margin-right: 15px;\n      }\n    }\n\n    &.activeTab {\n      background: ", ";\n      color: ", ";\n\n      ", " {\n        background: transparent;\n      }\n    }\n  }\n"])), styles_1.mediaQuery.tablet, styles_1.TextGrayColor, styles_1.InactiveButtonColor, styles_1.mediaQuery.tablet, styles_1.InactiveButtonColor, styles_1.BlackColor, styles_1.mediaQuery.tablet);
-var FormsNavigation = function () {
-    var _a;
-    var _b = (0, react_1.useState)(false), isOpen = _b[0], setIsOpen = _b[1];
-    var router = (0, router_1.useRouter)();
-    var activeTab = (_a = router === null || router === void 0 ? void 0 : router.query) === null || _a === void 0 ? void 0 : _a.formId;
-    return (react_1.default.createElement(react_1.default.Fragment, null,
-        react_1.default.createElement(StyledFlex, { isOpen: isOpen }, isOpen ? (react_1.default.createElement(back_svg_1.default, { onClick: function () { return setIsOpen(false); } })) : (react_1.default.createElement(burger_menu_svg_1.default, { onClick: function () { return setIsOpen(true); } }))),
-        react_1.default.createElement(Wrapper, { className: "mobile_menu ".concat(isOpen ? 'show' : 'hide') },
-            react_1.default.createElement(List, null, NAVIGATION_TABS.map(function (tab) { return (react_1.default.createElement("li", { onClick: function () { return setIsOpen(false); }, key: tab.slug, className: "".concat(activeTab === tab.slug ? 'activeTab' : '', " ") },
-                react_1.default.createElement(link_1.default, { href: "/forms/".concat(tab.slug), className: 'link' },
-                    react_1.default.createElement("span", null, tab.label)))); })))));
-};
-exports.default = FormsNavigation;
-var templateObject_1, templateObject_2, templateObject_3;

package/dist/components/forms/formsTemplate/index.d.ts

@@ -1,14 +0,0 @@
-import React from 'react';
-import { GetServerSideProps } from 'next';
-import { FormsNavigationTabs, InputProps } from '@/components/forms/types';
-declare const FormsTemplate: () => React.JSX.Element;
-export declare const getServerSideProps: GetServerSideProps;
-export default FormsTemplate;
-export declare const forms: {
-    [K in FormsNavigationTabs]?: {
-        formTitle: string;
-        formDescription: string;
-        inputs: InputProps[];
-        submitMutation?: any;
-    };
-};