@eduzz/apps-toolbar
Advanced tools
Comparing version 4.0.9 to 4.0.10
/// <reference types="react" /> | ||
import { IEduzzToolbarSetupParams } from '@/interfaces'; | ||
import { IEduzzToolbarSetupParams } from 'interfaces'; | ||
interface IEduzzToolbarProps extends IEduzzToolbarSetupParams { | ||
@@ -9,6 +9,6 @@ } | ||
}, {}, {}>; | ||
User: import("@emotion/styled").StyledComponent<import("@/components/Toolbar/User").IEduzzToolbarMenuProps & { | ||
User: import("@emotion/styled").StyledComponent<import("components/Toolbar/User").IEduzzToolbarMenuProps & { | ||
theme?: import("@emotion/react").Theme; | ||
}, {}, {}>; | ||
Action: import("@emotion/styled").StyledComponent<import("@/interfaces").IEduzzToolbarAction & import("./interfaces/styles").IStylesProps & { | ||
Action: import("@emotion/styled").StyledComponent<import("interfaces").IEduzzToolbarAction & import("./interfaces/styles").IStylesProps & { | ||
theme?: import("@emotion/react").Theme; | ||
@@ -15,0 +15,0 @@ }, {}, {}>; |
18
App.js
@@ -7,11 +7,11 @@ "use strict"; | ||
var react_2 = require("@emotion/react"); | ||
var applications_1 = (0, tslib_1.__importDefault)(require("@/applications")); | ||
var theme_1 = require("@/assets/theme"); | ||
var chat_1 = (0, tslib_1.__importDefault)(require("@/chat")); | ||
var Toolbar_1 = (0, tslib_1.__importDefault)(require("@/components/Toolbar")); | ||
var Action_1 = (0, tslib_1.__importDefault)(require("@/components/Toolbar/Action")); | ||
var Apps_1 = (0, tslib_1.__importDefault)(require("@/components/Toolbar/Apps")); | ||
var User_1 = (0, tslib_1.__importDefault)(require("@/components/Toolbar/User")); | ||
var context_1 = (0, tslib_1.__importDefault)(require("@/context")); | ||
var nestedComponent_1 = (0, tslib_1.__importDefault)(require("@/helpers/nestedComponent")); | ||
var applications_1 = (0, tslib_1.__importDefault)(require("applications")); | ||
var theme_1 = require("assets/theme"); | ||
var chat_1 = (0, tslib_1.__importDefault)(require("chat")); | ||
var Toolbar_1 = (0, tslib_1.__importDefault)(require("components/Toolbar")); | ||
var Action_1 = (0, tslib_1.__importDefault)(require("components/Toolbar/Action")); | ||
var Apps_1 = (0, tslib_1.__importDefault)(require("components/Toolbar/Apps")); | ||
var User_1 = (0, tslib_1.__importDefault)(require("components/Toolbar/User")); | ||
var context_1 = (0, tslib_1.__importDefault)(require("context")); | ||
var nestedComponent_1 = (0, tslib_1.__importDefault)(require("helpers/nestedComponent")); | ||
var App = (0, react_1.memo)(function (params) { | ||
@@ -18,0 +18,0 @@ var disableChat = params.disableChat, user = params.user, rest = (0, tslib_1.__rest)(params, ["disableChat", "user"]); |
@@ -1,3 +0,3 @@ | ||
import { IApplication } from '@/interfaces/applications'; | ||
import { IApplication } from 'interfaces/applications'; | ||
declare const applications: IApplication[]; | ||
export default applications; |
@@ -1,2 +0,2 @@ | ||
import { IEduzzToolbarSetupParams } from './interfaces'; | ||
import { IEduzzToolbarSetupParams } from 'interfaces'; | ||
declare global { | ||
@@ -3,0 +3,0 @@ interface Window { |
@@ -1,3 +0,3 @@ | ||
import { IEduzzToolbarAction } from '@/interfaces'; | ||
import { IStylesProps } from '@/interfaces/styles'; | ||
import { IEduzzToolbarAction } from 'interfaces'; | ||
import { IStylesProps } from 'interfaces/styles'; | ||
declare const _default: import("@emotion/styled").StyledComponent<IEduzzToolbarAction & IStylesProps & { | ||
@@ -4,0 +4,0 @@ theme?: import("@emotion/react").Theme; |
@@ -7,4 +7,4 @@ "use strict"; | ||
var styled_1 = (0, tslib_1.__importDefault)(require("@emotion/styled")); | ||
var theme_1 = require("@/assets/theme"); | ||
var className_1 = (0, tslib_1.__importDefault)(require("@/helpers/className")); | ||
var theme_1 = require("assets/theme"); | ||
var className_1 = (0, tslib_1.__importDefault)(require("helpers/className")); | ||
var ToolbarAction = function (_a) { | ||
@@ -11,0 +11,0 @@ var className = _a.className, active = _a.active, icon = _a.icon, label = _a.label, children = _a.children, rest = (0, tslib_1.__rest)(_a, ["className", "active", "icon", "label", "children"]); |
@@ -6,13 +6,13 @@ "use strict"; | ||
var react_1 = require("react"); | ||
var Icon_1 = (0, tslib_1.__importDefault)(require("components/Icon")); | ||
var context_1 = require("context"); | ||
var className_1 = (0, tslib_1.__importDefault)(require("helpers/className")); | ||
var url_1 = require("helpers/url"); | ||
var Cancel_1 = (0, tslib_1.__importDefault)(require("@eduzz/houston-icons/Cancel")); | ||
var context_1 = require("../context"); | ||
var context_2 = require("../context"); | ||
var styles_1 = (0, tslib_1.__importDefault)(require("./styles")); | ||
var Icon_1 = (0, tslib_1.__importDefault)(require("@/components/Icon")); | ||
var context_2 = require("@/context"); | ||
var className_1 = (0, tslib_1.__importDefault)(require("@/helpers/className")); | ||
var url_1 = require("@/helpers/url"); | ||
var AdvancedApps = function (_a) { | ||
var className = _a.className; | ||
var application = (0, context_2.useToolbarContext)().application; | ||
var _b = (0, context_1.useAppsContext)(), applications = _b.applications, opened = _b.opened, setOpenedAdvanced = _b.setOpenedAdvanced; | ||
var application = (0, context_1.useToolbarContext)().application; | ||
var _b = (0, context_2.useAppsContext)(), applications = _b.applications, opened = _b.opened, setOpenedAdvanced = _b.setOpenedAdvanced; | ||
var advanced = opened.advanced; | ||
@@ -19,0 +19,0 @@ var handleClickClose = (0, react_1.useCallback)(function () { return setOpenedAdvanced(false); }, [setOpenedAdvanced]); |
@@ -5,3 +5,3 @@ "use strict"; | ||
var styled_1 = (0, tslib_1.__importDefault)(require("@emotion/styled")); | ||
var theme_1 = require("@/assets/theme"); | ||
var theme_1 = require("assets/theme"); | ||
exports.default = (function (Component) { return (0, styled_1.default)(Component)(templateObject_1 || (templateObject_1 = (0, tslib_1.__makeTemplateObject)(["\n width: 100%;\n height: calc(100vh - ", "px);\n top: ", "px;\n left: 0;\n position: absolute;\n background: white;\n padding: ", "px;\n overflow: scroll;\n box-sizing: border-box;\n opacity: 0;\n visibility: hidden;\n user-select: none;\n z-index: 1099;\n transition: ", ";\n\n ", " {\n padding: ", "px;\n }\n\n &.--active {\n opacity: 1;\n visibility: visible;\n user-select: auto;\n }\n\n .eduzz-toolbar-advanced-apps-header {\n display: flex;\n align-items: center;\n justify-content: space-between;\n width: 100%;\n\n .eduzz-toolbar-advanced-apps-title {\n color: #37474f;\n font-weight: 500;\n }\n\n .eduzz-toolbar-advanced-apps-button-close {\n color: ", ";\n font-weight: 500;\n display: flex;\n align-items: center;\n padding: ", "px ", "px;\n border-radius: ", "px;\n transition: ", ";\n cursor: pointer;\n\n &:hover {\n background: rgba(0, 0, 0, 0.05);\n }\n\n span.houston-icon {\n margin-left: ", "px;\n }\n }\n }\n\n .eduzz-toolbar-advanced-apps-list-apps {\n display: flex;\n flex-wrap: wrap;\n flex-direction: row;\n margin-top: ", "px;\n\n .eduzz-toolbar-advanced-apps-list-apps-item {\n width: calc(25% - ", "px);\n transition: ", ";\n border-radius: ", "px;\n margin: ", "px;\n cursor: pointer;\n height: auto;\n\n ", " {\n width: calc(50% - ", "px);\n }\n\n ", " {\n width: 100%;\n margin: ", "px 0;\n padding: ", "px ", "px;\n }\n\n &.--active {\n background: rgba(0, 0, 0, 0.04);\n\n a {\n cursor: no-drop;\n\n .eduzz-toolbar-label {\n color: ", ";\n }\n }\n }\n\n &:hover {\n background: rgba(0, 0, 0, 0.04);\n }\n\n a {\n padding: ", "px;\n display: block;\n text-decoration: none;\n\n ", " {\n padding: ", "px 0;\n }\n }\n\n .eduzz-toolbar-icon {\n margin-bottom: ", "px;\n text-align: center;\n\n svg {\n max-width: 80px;\n }\n }\n\n .eduzz-toolbar-label {\n margin-bottom: ", "px;\n color: #37474f;\n font-weight: 500;\n font-size: 15px;\n }\n\n .eduzz-toolbar-description {\n font-size: 14px;\n color: #7c7c7c;\n }\n }\n }\n"], ["\n width: 100%;\n height: calc(100vh - ", "px);\n top: ", "px;\n left: 0;\n position: absolute;\n background: white;\n padding: ", "px;\n overflow: scroll;\n box-sizing: border-box;\n opacity: 0;\n visibility: hidden;\n user-select: none;\n z-index: 1099;\n transition: ", ";\n\n ", " {\n padding: ", "px;\n }\n\n &.--active {\n opacity: 1;\n visibility: visible;\n user-select: auto;\n }\n\n .eduzz-toolbar-advanced-apps-header {\n display: flex;\n align-items: center;\n justify-content: space-between;\n width: 100%;\n\n .eduzz-toolbar-advanced-apps-title {\n color: #37474f;\n font-weight: 500;\n }\n\n .eduzz-toolbar-advanced-apps-button-close {\n color: ", ";\n font-weight: 500;\n display: flex;\n align-items: center;\n padding: ", "px ", "px;\n border-radius: ", "px;\n transition: ", ";\n cursor: pointer;\n\n &:hover {\n background: rgba(0, 0, 0, 0.05);\n }\n\n span.houston-icon {\n margin-left: ", "px;\n }\n }\n }\n\n .eduzz-toolbar-advanced-apps-list-apps {\n display: flex;\n flex-wrap: wrap;\n flex-direction: row;\n margin-top: ", "px;\n\n .eduzz-toolbar-advanced-apps-list-apps-item {\n width: calc(25% - ", "px);\n transition: ", ";\n border-radius: ", "px;\n margin: ", "px;\n cursor: pointer;\n height: auto;\n\n ", " {\n width: calc(50% - ", "px);\n }\n\n ", " {\n width: 100%;\n margin: ", "px 0;\n padding: ", "px ", "px;\n }\n\n &.--active {\n background: rgba(0, 0, 0, 0.04);\n\n a {\n cursor: no-drop;\n\n .eduzz-toolbar-label {\n color: ", ";\n }\n }\n }\n\n &:hover {\n background: rgba(0, 0, 0, 0.04);\n }\n\n a {\n padding: ", "px;\n display: block;\n text-decoration: none;\n\n ", " {\n padding: ", "px 0;\n }\n }\n\n .eduzz-toolbar-icon {\n margin-bottom: ", "px;\n text-align: center;\n\n svg {\n max-width: 80px;\n }\n }\n\n .eduzz-toolbar-label {\n margin-bottom: ", "px;\n color: #37474f;\n font-weight: 500;\n font-size: 15px;\n }\n\n .eduzz-toolbar-description {\n font-size: 14px;\n color: #7c7c7c;\n }\n }\n }\n"])), theme_1.TOOLBAR_HEIGHT, theme_1.TOOLBAR_HEIGHT, function (_a) { | ||
@@ -8,0 +8,0 @@ var theme = _a.theme; |
/// <reference types="react" /> | ||
import { IApplication } from '@/interfaces/applications'; | ||
import { IApplication } from 'interfaces/applications'; | ||
interface IAppsContext { | ||
@@ -4,0 +4,0 @@ applications: IApplication[]; |
@@ -6,14 +6,14 @@ "use strict"; | ||
var react_1 = require("react"); | ||
var theme_1 = require("assets/theme"); | ||
var Icon_1 = (0, tslib_1.__importDefault)(require("components/Icon")); | ||
var context_1 = require("context"); | ||
var className_1 = (0, tslib_1.__importDefault)(require("helpers/className")); | ||
var url_1 = require("helpers/url"); | ||
var Expand_1 = (0, tslib_1.__importDefault)(require("@eduzz/houston-icons/Expand")); | ||
var context_1 = require("../context"); | ||
var context_2 = require("../context"); | ||
var styles_1 = (0, tslib_1.__importDefault)(require("./styles")); | ||
var theme_1 = require("@/assets/theme"); | ||
var Icon_1 = (0, tslib_1.__importDefault)(require("@/components/Icon")); | ||
var context_2 = require("@/context"); | ||
var className_1 = (0, tslib_1.__importDefault)(require("@/helpers/className")); | ||
var url_1 = require("@/helpers/url"); | ||
var DropdownApps = function (_a) { | ||
var className = _a.className; | ||
var application = (0, context_2.useToolbarContext)().application; | ||
var _b = (0, context_1.useAppsContext)(), applications = _b.applications, opened = _b.opened, setOpenDropdown = _b.setOpenDropdown, setOpenedAdvanced = _b.setOpenedAdvanced; | ||
var application = (0, context_1.useToolbarContext)().application; | ||
var _b = (0, context_2.useAppsContext)(), applications = _b.applications, opened = _b.opened, setOpenDropdown = _b.setOpenDropdown, setOpenedAdvanced = _b.setOpenedAdvanced; | ||
var dropdown = opened.dropdown; | ||
@@ -20,0 +20,0 @@ var _c = (0, react_1.useState)(), position = _c[0], setPosition = _c[1]; |
@@ -5,3 +5,3 @@ "use strict"; | ||
var styled_1 = (0, tslib_1.__importDefault)(require("@emotion/styled")); | ||
var theme_1 = require("@/assets/theme"); | ||
var theme_1 = require("assets/theme"); | ||
exports.default = (function (Component) { return (0, styled_1.default)(Component)(templateObject_1 || (templateObject_1 = (0, tslib_1.__makeTemplateObject)(["\n width: ", "px;\n position: fixed;\n padding: ", "px ", "px;\n background: #fff;\n box-shadow: ", ";\n top: 0;\n right: 0;\n border-radius: 0 0 ", "px ", "px;\n z-index: 1099;\n transition: opacity ", ";\n opacity: 0;\n visibility: hidden;\n user-select: none;\n box-sizing: border-box;\n\n ", " {\n width: calc(100% - ", "px);\n margin: 0 ", "px;\n left: auto !important;\n }\n\n &.--opened {\n opacity: 1;\n visibility: visible;\n user-select: initial;\n }\n\n .eduzz-toolbar-apps-dropdown-list-apps {\n display: flex;\n flex-wrap: wrap;\n justify-items: center;\n box-sizing: border-box;\n\n .eduzz-toolbar-apps-dropdown-item {\n width: calc(33% - ", "px);\n text-align: center;\n transition: ", ";\n border-radius: ", "px;\n margin: ", "px;\n text-decoration: none;\n cursor: pointer;\n\n a {\n text-decoration: none;\n padding: ", "px ", "px;\n display: block;\n\n .eduzz-toolbar-icon {\n svg {\n width: ", "px;\n }\n }\n\n .eduzz-toolbar-label {\n display: block;\n font-size: 13px;\n margin-top: ", "px;\n color: ", ";\n font-weight: 500;\n line-height: 1;\n\n &::selection {\n background: none;\n }\n }\n }\n\n &.--active {\n background: rgba(0, 0, 0, 0.04);\n\n a {\n cursor: no-drop;\n\n .eduzz-toolbar-label {\n color: ", ";\n }\n }\n }\n\n &:hover {\n background: rgba(0, 0, 0, 0.04);\n }\n }\n }\n\n .eduzz-toolbar-apps-dropdown-expand {\n text-align: center;\n\n span:not(.houston-icon) {\n display: flex;\n align-items: center;\n font-size: 13px;\n cursor: pointer;\n color: ", ";\n justify-content: center;\n transition: ", ";\n border-radius: ", "px;\n padding: ", "px 0;\n font-weight: 500;\n\n &:hover {\n background: rgba(0, 0, 0, 0.04);\n }\n\n .houston-icon {\n margin-right: ", "px;\n }\n }\n }\n"], ["\n width: ", "px;\n position: fixed;\n padding: ", "px ", "px;\n background: #fff;\n box-shadow: ", ";\n top: 0;\n right: 0;\n border-radius: 0 0 ", "px ", "px;\n z-index: 1099;\n transition: opacity ", ";\n opacity: 0;\n visibility: hidden;\n user-select: none;\n box-sizing: border-box;\n\n ", " {\n width: calc(100% - ", "px);\n margin: 0 ", "px;\n left: auto !important;\n }\n\n &.--opened {\n opacity: 1;\n visibility: visible;\n user-select: initial;\n }\n\n .eduzz-toolbar-apps-dropdown-list-apps {\n display: flex;\n flex-wrap: wrap;\n justify-items: center;\n box-sizing: border-box;\n\n .eduzz-toolbar-apps-dropdown-item {\n width: calc(33% - ", "px);\n text-align: center;\n transition: ", ";\n border-radius: ", "px;\n margin: ", "px;\n text-decoration: none;\n cursor: pointer;\n\n a {\n text-decoration: none;\n padding: ", "px ", "px;\n display: block;\n\n .eduzz-toolbar-icon {\n svg {\n width: ", "px;\n }\n }\n\n .eduzz-toolbar-label {\n display: block;\n font-size: 13px;\n margin-top: ", "px;\n color: ", ";\n font-weight: 500;\n line-height: 1;\n\n &::selection {\n background: none;\n }\n }\n }\n\n &.--active {\n background: rgba(0, 0, 0, 0.04);\n\n a {\n cursor: no-drop;\n\n .eduzz-toolbar-label {\n color: ", ";\n }\n }\n }\n\n &:hover {\n background: rgba(0, 0, 0, 0.04);\n }\n }\n }\n\n .eduzz-toolbar-apps-dropdown-expand {\n text-align: center;\n\n span:not(.houston-icon) {\n display: flex;\n align-items: center;\n font-size: 13px;\n cursor: pointer;\n color: ", ";\n justify-content: center;\n transition: ", ";\n border-radius: ", "px;\n padding: ", "px 0;\n font-weight: 500;\n\n &:hover {\n background: rgba(0, 0, 0, 0.04);\n }\n\n .houston-icon {\n margin-right: ", "px;\n }\n }\n }\n"])), theme_1.DROPDOWN_WIDTH, function (_a) { | ||
@@ -8,0 +8,0 @@ var theme = _a.theme; |
@@ -6,15 +6,15 @@ "use strict"; | ||
var react_1 = require("react"); | ||
var context_1 = require("context"); | ||
var className_1 = (0, tslib_1.__importDefault)(require("helpers/className")); | ||
var useEscapeKey_1 = require("hooks/useEscapeKey"); | ||
var useOutside_1 = require("hooks/useOutside"); | ||
var Apps_1 = (0, tslib_1.__importDefault)(require("@eduzz/houston-icons/Apps")); | ||
var Advanced_1 = (0, tslib_1.__importDefault)(require("./Advanced")); | ||
var context_1 = (0, tslib_1.__importDefault)(require("./context")); | ||
var context_2 = (0, tslib_1.__importDefault)(require("./context")); | ||
var Dropdown_1 = (0, tslib_1.__importDefault)(require("./Dropdown")); | ||
var styles_1 = (0, tslib_1.__importDefault)(require("./styles")); | ||
var context_2 = require("@/context"); | ||
var className_1 = (0, tslib_1.__importDefault)(require("@/helpers/className")); | ||
var useEscapeKey_1 = require("@/hooks/useEscapeKey"); | ||
var useOutside_1 = require("@/hooks/useOutside"); | ||
var Apps = function (_a) { | ||
var className = _a.className; | ||
var wrapperDropdownRef = (0, react_1.useRef)(null); | ||
var _b = (0, context_2.useToolbarContext)(), user = _b.user, applications = _b.applications, application = _b.application; | ||
var _b = (0, context_1.useToolbarContext)(), user = _b.user, applications = _b.applications, application = _b.application; | ||
var _c = (0, react_1.useState)(null), openedDropdown = _c[0], setOpenDropdown = _c[1]; | ||
@@ -59,4 +59,4 @@ var _d = (0, react_1.useState)(false), openedAdvanced = _d[0], setOpenedAdvanced = _d[1]; | ||
(0, useEscapeKey_1.useEscapeKey)(handlePressEscapeKey); | ||
return ((0, jsx_runtime_1.jsxs)(context_1.default.Provider, (0, tslib_1.__assign)({ value: { applications: validApplications, opened: opened, setOpenDropdown: setOpenDropdown, setOpenedAdvanced: setOpenedAdvanced } }, { children: [(0, jsx_runtime_1.jsxs)("div", (0, tslib_1.__assign)({ ref: wrapperDropdownRef, className: (0, className_1.default)('eduzz-toolbar-apps', className) }, { children: [(0, jsx_runtime_1.jsxs)("div", (0, tslib_1.__assign)({ className: (0, className_1.default)('eduzz-toolbar-apps-button', isActiveButton && '--active'), onClick: handleClickOpenDropdown }, { children: [(0, jsx_runtime_1.jsx)("div", (0, tslib_1.__assign)({ className: 'eduzz-toolbar-apps-icon' }, { children: (0, jsx_runtime_1.jsx)(Apps_1.default, { size: 24 }, void 0) }), void 0), (0, jsx_runtime_1.jsx)("div", (0, tslib_1.__assign)({ className: 'eduzz-toolbar-apps-label' }, { children: "Apps" }), void 0)] }), void 0), (0, jsx_runtime_1.jsx)(Dropdown_1.default, {}, void 0)] }), void 0), (0, jsx_runtime_1.jsx)(Advanced_1.default, {}, void 0)] }), void 0)); | ||
return ((0, jsx_runtime_1.jsxs)(context_2.default.Provider, (0, tslib_1.__assign)({ value: { applications: validApplications, opened: opened, setOpenDropdown: setOpenDropdown, setOpenedAdvanced: setOpenedAdvanced } }, { children: [(0, jsx_runtime_1.jsxs)("div", (0, tslib_1.__assign)({ ref: wrapperDropdownRef, className: (0, className_1.default)('eduzz-toolbar-apps', className) }, { children: [(0, jsx_runtime_1.jsxs)("div", (0, tslib_1.__assign)({ className: (0, className_1.default)('eduzz-toolbar-apps-button', isActiveButton && '--active'), onClick: handleClickOpenDropdown }, { children: [(0, jsx_runtime_1.jsx)("div", (0, tslib_1.__assign)({ className: 'eduzz-toolbar-apps-icon' }, { children: (0, jsx_runtime_1.jsx)(Apps_1.default, { size: 24 }, void 0) }), void 0), (0, jsx_runtime_1.jsx)("div", (0, tslib_1.__assign)({ className: 'eduzz-toolbar-apps-label' }, { children: "Apps" }), void 0)] }), void 0), (0, jsx_runtime_1.jsx)(Dropdown_1.default, {}, void 0)] }), void 0), (0, jsx_runtime_1.jsx)(Advanced_1.default, {}, void 0)] }), void 0)); | ||
}; | ||
exports.default = (0, styles_1.default)((0, react_1.memo)(Apps)); |
@@ -5,3 +5,3 @@ "use strict"; | ||
var styled_1 = (0, tslib_1.__importDefault)(require("@emotion/styled")); | ||
var theme_1 = require("@/assets/theme"); | ||
var theme_1 = require("assets/theme"); | ||
exports.default = (function (Component) { return (0, styled_1.default)(Component)(templateObject_1 || (templateObject_1 = (0, tslib_1.__makeTemplateObject)(["\n width: auto;\n position: relative;\n box-sizing: border-box;\n\n .eduzz-toolbar-apps-button {\n display: flex;\n align-items: center;\n cursor: pointer;\n padding: 0 ", "px;\n transition: ", ";\n height: ", "px;\n\n &:hover,\n &.--active {\n background: rgba(0, 0, 0, 0.15);\n }\n\n .eduzz-toolbar-apps-icon {\n line-height: 0;\n }\n\n .eduzz-toolbar-apps-label {\n font-size: 14px;\n margin-left: ", "px;\n\n &::selection {\n background: transparent;\n }\n\n ", " {\n display: none;\n }\n }\n }\n"], ["\n width: auto;\n position: relative;\n box-sizing: border-box;\n\n .eduzz-toolbar-apps-button {\n display: flex;\n align-items: center;\n cursor: pointer;\n padding: 0 ", "px;\n transition: ", ";\n height: ", "px;\n\n &:hover,\n &.--active {\n background: rgba(0, 0, 0, 0.15);\n }\n\n .eduzz-toolbar-apps-icon {\n line-height: 0;\n }\n\n .eduzz-toolbar-apps-label {\n font-size: 14px;\n margin-left: ", "px;\n\n &::selection {\n background: transparent;\n }\n\n ", " {\n display: none;\n }\n }\n }\n"])), function (_a) { | ||
@@ -8,0 +8,0 @@ var theme = _a.theme; |
@@ -1,2 +0,2 @@ | ||
import { IStylesProps } from '@/interfaces/styles'; | ||
import { IStylesProps } from 'interfaces/styles'; | ||
interface IProps extends IStylesProps { | ||
@@ -3,0 +3,0 @@ } |
@@ -7,6 +7,6 @@ "use strict"; | ||
var styled_1 = (0, tslib_1.__importDefault)(require("@emotion/styled")); | ||
var theme_1 = require("@/assets/theme"); | ||
var Icon_1 = (0, tslib_1.__importDefault)(require("@/components/Icon")); | ||
var context_1 = require("@/context"); | ||
var className_1 = (0, tslib_1.__importDefault)(require("@/helpers/className")); | ||
var theme_1 = require("assets/theme"); | ||
var Icon_1 = (0, tslib_1.__importDefault)(require("components/Icon")); | ||
var context_1 = require("context"); | ||
var className_1 = (0, tslib_1.__importDefault)(require("helpers/className")); | ||
var supportedBelts = ['white', 'red', 'orange', 'green', 'black', 'golden']; | ||
@@ -13,0 +13,0 @@ var Belt = function (_a) { |
@@ -7,7 +7,7 @@ "use strict"; | ||
var react_2 = require("@emotion/react"); | ||
var EduzzLogo_1 = (0, tslib_1.__importDefault)(require("components/EduzzLogo")); | ||
var Belt_1 = (0, tslib_1.__importDefault)(require("components/Toolbar/Belt")); | ||
var context_1 = require("context"); | ||
var className_1 = (0, tslib_1.__importDefault)(require("helpers/className")); | ||
var styles_1 = (0, tslib_1.__importDefault)(require("./styles")); | ||
var EduzzLogo_1 = (0, tslib_1.__importDefault)(require("@/components/EduzzLogo")); | ||
var Belt_1 = (0, tslib_1.__importDefault)(require("@/components/Toolbar/Belt")); | ||
var context_1 = require("@/context"); | ||
var className_1 = (0, tslib_1.__importDefault)(require("@/helpers/className")); | ||
var Toolbar = function (_a) { | ||
@@ -14,0 +14,0 @@ var className = _a.className, children = _a.children; |
@@ -5,3 +5,3 @@ "use strict"; | ||
var styled_1 = (0, tslib_1.__importDefault)(require("@emotion/styled")); | ||
var theme_1 = require("@/assets/theme"); | ||
var theme_1 = require("assets/theme"); | ||
exports.default = (function (Component) { return (0, styled_1.default)(Component)(templateObject_1 || (templateObject_1 = (0, tslib_1.__makeTemplateObject)(["\n font-family: 'Open Sans', Roboto, Arial, sans-serif;\n background-color: ", ";\n color: ", ";\n position: relative;\n top: 0;\n left: 0;\n right: 0;\n height: ", "px;\n display: flex;\n justify-content: space-between;\n z-index: 1101;\n transition: ", ";\n\n .eduzz-toolbar-logo {\n width: 200px;\n display: flex;\n align-items: center;\n padding-left: ", "px;\n\n ", " {\n width: 110px;\n }\n\n svg {\n width: 100%;\n max-width: 90px;\n margin-right: ", "px;\n\n ", " {\n margin-right: ", "px;\n max-width: 200px;\n }\n\n .logo-letter {\n ", " {\n display: none;\n }\n }\n }\n\n .eduzz-toolbar-support {\n font-size: 12px;\n font-weight: 600;\n color: ", ";\n position: relative;\n top: 2px;\n }\n }\n\n .eduzz-toolbar-quick-access {\n display: flex;\n align-items: center;\n justify-content: center;\n }\n"], ["\n font-family: 'Open Sans', Roboto, Arial, sans-serif;\n background-color: ", ";\n color: ", ";\n position: relative;\n top: 0;\n left: 0;\n right: 0;\n height: ", "px;\n display: flex;\n justify-content: space-between;\n z-index: 1101;\n transition: ", ";\n\n .eduzz-toolbar-logo {\n width: 200px;\n display: flex;\n align-items: center;\n padding-left: ", "px;\n\n ", " {\n width: 110px;\n }\n\n svg {\n width: 100%;\n max-width: 90px;\n margin-right: ", "px;\n\n ", " {\n margin-right: ", "px;\n max-width: 200px;\n }\n\n .logo-letter {\n ", " {\n display: none;\n }\n }\n }\n\n .eduzz-toolbar-support {\n font-size: 12px;\n font-weight: 600;\n color: ", ";\n position: relative;\n top: 2px;\n }\n }\n\n .eduzz-toolbar-quick-access {\n display: flex;\n align-items: center;\n justify-content: center;\n }\n"])), function (_a) { | ||
@@ -8,0 +8,0 @@ var theme = _a.theme; |
@@ -1,3 +0,3 @@ | ||
import { IEduzzToolbarUserMenu } from '@/interfaces'; | ||
import { IStylesProps } from '@/interfaces/styles'; | ||
import { IEduzzToolbarUserMenu } from 'interfaces'; | ||
import { IStylesProps } from 'interfaces/styles'; | ||
export interface IEduzzToolbarMenuProps extends IStylesProps { | ||
@@ -4,0 +4,0 @@ menu?: IEduzzToolbarUserMenu[]; |
@@ -7,9 +7,9 @@ "use strict"; | ||
var styled_1 = (0, tslib_1.__importDefault)(require("@emotion/styled")); | ||
var theme_1 = require("assets/theme"); | ||
var context_1 = require("context"); | ||
var className_1 = (0, tslib_1.__importDefault)(require("helpers/className")); | ||
var useEscapeKey_1 = require("hooks/useEscapeKey"); | ||
var useOutside_1 = require("hooks/useOutside"); | ||
var ChevronDown_1 = (0, tslib_1.__importDefault)(require("@eduzz/houston-icons/ChevronDown")); | ||
var Menu_1 = (0, tslib_1.__importDefault)(require("./Menu")); | ||
var theme_1 = require("@/assets/theme"); | ||
var context_1 = require("@/context"); | ||
var className_1 = (0, tslib_1.__importDefault)(require("@/helpers/className")); | ||
var useEscapeKey_1 = require("@/hooks/useEscapeKey"); | ||
var useOutside_1 = require("@/hooks/useOutside"); | ||
var User = function (_a) { | ||
@@ -16,0 +16,0 @@ var className = _a.className, _b = _a.menu, menu = _b === void 0 ? [] : _b; |
@@ -0,3 +1,3 @@ | ||
import { IStylesProps } from 'interfaces/styles'; | ||
import { IEduzzToolbarMenuProps } from '..'; | ||
import { IStylesProps } from '@/interfaces/styles'; | ||
interface IProps extends IStylesProps { | ||
@@ -4,0 +4,0 @@ open: boolean; |
@@ -7,5 +7,5 @@ "use strict"; | ||
var styled_1 = (0, tslib_1.__importDefault)(require("@emotion/styled")); | ||
var theme_1 = require("@/assets/theme"); | ||
var context_1 = require("@/context"); | ||
var className_1 = (0, tslib_1.__importDefault)(require("@/helpers/className")); | ||
var theme_1 = require("assets/theme"); | ||
var context_1 = require("context"); | ||
var className_1 = (0, tslib_1.__importDefault)(require("helpers/className")); | ||
var MenuUser = (0, react_1.memo)(function (_a) { | ||
@@ -12,0 +12,0 @@ var className = _a.className, open = _a.open, handleClickOutside = _a.handleClickOutside, items = _a.items; |
@@ -1,4 +0,4 @@ | ||
import { IEduzzToolbarSetupParams } from './interfaces'; | ||
import { IEduzzToolbarSetupParams } from 'interfaces'; | ||
export declare const APPLICATION_URLS: { | ||
[key in IEduzzToolbarSetupParams['application']]: string; | ||
}; |
import React from 'react'; | ||
import { IEduzzToolbarSetupParams } from '@/interfaces'; | ||
import { IApplication } from '@/interfaces/applications'; | ||
import { IEduzzToolbarSetupParams } from 'interfaces'; | ||
import { IApplication } from 'interfaces/applications'; | ||
export interface IConfigContext extends IEduzzToolbarSetupParams { | ||
@@ -5,0 +5,0 @@ applications: IApplication[]; |
@@ -1,2 +0,2 @@ | ||
import { IEduzzToolbarSetupParams } from '@/interfaces'; | ||
import { IEduzzToolbarSetupParams } from 'interfaces'; | ||
export declare function buildUrl(toApplication: IEduzzToolbarSetupParams['application'], application: IEduzzToolbarSetupParams['application']): string; |
"use strict"; | ||
Object.defineProperty(exports, "__esModule", { value: true }); | ||
exports.buildUrl = void 0; | ||
var config_1 = require("@/config"); | ||
var config_1 = require("config"); | ||
function buildUrl(toApplication, application) { | ||
@@ -6,0 +6,0 @@ if (toApplication === application) { |
@@ -0,3 +1,3 @@ | ||
import { Icons } from 'components/Icon/mapper'; | ||
import { IEduzzToolbarSetupParams } from '.'; | ||
import { Icons } from '@/components/Icon/mapper'; | ||
export interface IApplication { | ||
@@ -4,0 +4,0 @@ application: IEduzzToolbarSetupParams['application']; |
{ | ||
"name": "@eduzz/apps-toolbar", | ||
"version": "4.0.9", | ||
"version": "4.0.10", | ||
"private": false, | ||
@@ -14,3 +14,3 @@ "author": "Eduzz Team", | ||
"scripts": { | ||
"start": "react-app-rewired start", | ||
"start": "react-scripts start", | ||
"clean": "sh ./scripts/clean.sh", | ||
@@ -20,3 +20,4 @@ "build": "yarn clean && tsc -p .", | ||
"preprepare": "concurrently -r \"yarn lint\" \"yarn tsc --noEmit\"", | ||
"prepare": "yarn husky install && npm run build" | ||
"prepare": "yarn husky install && npm run build", | ||
"postpublish": "yarn clean" | ||
}, | ||
@@ -47,3 +48,2 @@ "devDependencies": { | ||
"react": "17.0.2", | ||
"react-app-rewired": "2.2.1", | ||
"react-dom": "17.0.2", | ||
@@ -50,0 +50,0 @@ "react-scripts": "5.0.0", |
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
26
112509