From 88b512d180bb8211e25c1e52e0dafee1f87f023c Mon Sep 17 00:00:00 2001 From: caferrari Date: Tue, 23 Apr 2024 13:54:17 +0000 Subject: [PATCH] Update gh-pages to output generated at 6a2faca --- 404.html | 4 ++-- .../_buildManifest.js | 2 +- .../_ssgManifest.js | 0 ...{Layout-97996bafcb5065d8.js => Layout-d08aed99be4afa0e.js} | 2 +- eslint-config/README.html | 4 ++-- forms/Checkbox.html | 4 ++-- forms/DatePicker.html | 4 ++-- forms/Form.html | 4 ++-- forms/Input.html | 4 ++-- forms/README.html | 4 ++-- forms/Radio.html | 4 ++-- forms/Select.html | 4 ++-- forms/Switch.html | 4 ++-- forms/Textarea.html | 4 ++-- forms/TimePicker.html | 4 ++-- forms/example.html | 4 ++-- hooks/README.html | 4 ++-- hooks/useBoolean.html | 4 ++-- hooks/useCallbackGenerator.html | 4 ++-- hooks/useMediaBreakpoint.html | 4 ++-- hooks/useMediaQuery.html | 4 ++-- hooks/useObservable.html | 4 ++-- hooks/useObservableCallback.html | 4 ++-- hooks/useObservableEffect.html | 4 ++-- hooks/useObservablePaginated.html | 4 ++-- hooks/useObservableRefresh.html | 4 ++-- hooks/usePromise.html | 4 ++-- hooks/usePromiseCallback.html | 4 ++-- hooks/usePromiseEffect.html | 4 ++-- hooks/usePromisePaginated.html | 4 ++-- hooks/usePromiseRefresh.html | 4 ++-- hooks/useQueryPaginated.html | 4 ++-- index.html | 4 ++-- migration.html | 4 ++-- releases.html | 4 ++-- styles.html | 4 ++-- ui-components/Layout.html | 4 ++-- ui-components/README.html | 4 ++-- ui-components/useAntdTableProps.html | 4 ++-- 39 files changed, 74 insertions(+), 74 deletions(-) rename _next/static/{nuAy8OqVBwZpWuAcP1jT- => 3zV92Ll99c329XItpk2Vm}/_buildManifest.js (98%) rename _next/static/{nuAy8OqVBwZpWuAcP1jT- => 3zV92Ll99c329XItpk2Vm}/_ssgManifest.js (100%) rename _next/static/chunks/pages/ui-components/{Layout-97996bafcb5065d8.js => Layout-d08aed99be4afa0e.js} (59%) diff --git a/404.html b/404.html index dac28ef1d..5afa9faf0 100644 --- a/404.html +++ b/404.html @@ -1,4 +1,4 @@ -404: This page could not be found
\ No newline at end of file + }

404

This page could not be found.

\ No newline at end of file diff --git a/_next/static/nuAy8OqVBwZpWuAcP1jT-/_buildManifest.js b/_next/static/3zV92Ll99c329XItpk2Vm/_buildManifest.js similarity index 98% rename from _next/static/nuAy8OqVBwZpWuAcP1jT-/_buildManifest.js rename to _next/static/3zV92Ll99c329XItpk2Vm/_buildManifest.js index ac136330b..9105342ab 100644 --- a/_next/static/nuAy8OqVBwZpWuAcP1jT-/_buildManifest.js +++ b/_next/static/3zV92Ll99c329XItpk2Vm/_buildManifest.js @@ -1 +1 @@ -self.__BUILD_MANIFEST=function(s,e,a,o,c,t,i,r,u,k,h){return{__rewrites:{beforeFiles:[],afterFiles:[],fallback:[]},"/":["static/chunks/pages/index-f3d8101d240d82d3.js"],"/_error":["static/chunks/pages/_error-4dcd87585e9f2ec9.js"],"/eslint-config/README":["static/chunks/pages/eslint-config/README-e3ea8945625bc056.js"],"/forms/Checkbox":[e,s,a,c,o,"static/chunks/pages/forms/Checkbox-00a336f7d0cde782.js"],"/forms/DatePicker":[e,s,a,c,o,"static/chunks/pages/forms/DatePicker-3def04b975b92b45.js"],"/forms/Form":[c,"static/chunks/pages/forms/Form-3f23d60d235eb4a1.js"],"/forms/Input":[e,s,a,c,o,k,"static/chunks/pages/forms/Input-0c4feafc0970ec41.js"],"/forms/README":["static/chunks/pages/forms/README-102d42592ae51823.js"],"/forms/Radio":[e,s,a,c,o,"static/chunks/pages/forms/Radio-ac391994ab0bca3e.js"],"/forms/Select":[e,s,a,c,o,"static/chunks/pages/forms/Select-76956318ed8d66ca.js"],"/forms/Switch":[e,s,a,c,o,"static/chunks/pages/forms/Switch-f6e8f9cb86dd1b78.js"],"/forms/Textarea":[e,s,a,c,o,"static/chunks/pages/forms/Textarea-c491a8114bba321c.js"],"/forms/TimePicker":[e,s,a,c,o,"static/chunks/pages/forms/TimePicker-ecce462127c53925.js"],"/forms/example":[e,s,a,c,"static/chunks/6803-9c320ed24930a2a0.js",o,k,"static/chunks/pages/forms/example-fcbf26217f065819.js"],"/hooks/README":["static/chunks/pages/hooks/README-52276c13f57a682c.js"],"/hooks/useBoolean":[e,s,a,o,t,"static/chunks/pages/hooks/useBoolean-c3ee0d4475c0af0c.js"],"/hooks/useCallbackGenerator":[e,s,a,o,t,"static/chunks/pages/hooks/useCallbackGenerator-1f2b3988590fa172.js"],"/hooks/useMediaBreakpoint":[e,s,a,o,"static/chunks/pages/hooks/useMediaBreakpoint-66256b115b1560ea.js"],"/hooks/useMediaQuery":[e,s,a,o,"static/chunks/pages/hooks/useMediaQuery-515f76c187feb884.js"],"/hooks/useObservable":[e,s,a,i,r,u,o,t,"static/chunks/pages/hooks/useObservable-7879ecc7a5756ee5.js"],"/hooks/useObservableCallback":[e,s,a,i,r,u,h,o,t,"static/chunks/pages/hooks/useObservableCallback-526be687c51c00e1.js"],"/hooks/useObservableEffect":[e,s,a,r,u,o,t,"static/chunks/pages/hooks/useObservableEffect-b8f5f94aa14e46d4.js"],"/hooks/useObservablePaginated":["static/chunks/pages/hooks/useObservablePaginated-88fb653c68f8adb3.js"],"/hooks/useObservableRefresh":[e,s,a,i,r,h,o,t,"static/chunks/pages/hooks/useObservableRefresh-0c3d8dac76f38b2d.js"],"/hooks/usePromise":[e,s,a,i,o,t,"static/chunks/pages/hooks/usePromise-ae49c3e058376514.js"],"/hooks/usePromiseCallback":[e,s,a,i,o,t,"static/chunks/pages/hooks/usePromiseCallback-c71520c9496dc66b.js"],"/hooks/usePromiseEffect":[e,s,a,i,o,t,"static/chunks/pages/hooks/usePromiseEffect-5427af211878620b.js"],"/hooks/usePromisePaginated":["static/chunks/pages/hooks/usePromisePaginated-5320227924c634bd.js"],"/hooks/usePromiseRefresh":[e,s,a,i,o,t,"static/chunks/pages/hooks/usePromiseRefresh-b8fa3373bd98255a.js"],"/hooks/useQueryPaginated":["static/chunks/pages/hooks/useQueryPaginated-aa1915646805704b.js"],"/migration":["static/chunks/pages/migration-1c28abdca5bea3b2.js"],"/releases":["static/chunks/pages/releases-9867fb0b4832e860.js"],"/styles":["static/chunks/pages/styles-edcfa136c4471021.js"],"/ui-components/Layout":[s,i,"static/chunks/4749-129da27485769489.js","static/chunks/pages/ui-components/Layout-97996bafcb5065d8.js"],"/ui-components/README":["static/chunks/pages/ui-components/README-c2ab89a71ff4889b.js"],"/ui-components/useAntdTableProps":["static/chunks/pages/ui-components/useAntdTableProps-0cfcc496a7fed3c9.js"],sortedPages:["/","/_app","/_error","/eslint-config/README","/forms/Checkbox","/forms/DatePicker","/forms/Form","/forms/Input","/forms/README","/forms/Radio","/forms/Select","/forms/Switch","/forms/Textarea","/forms/TimePicker","/forms/example","/hooks/README","/hooks/useBoolean","/hooks/useCallbackGenerator","/hooks/useMediaBreakpoint","/hooks/useMediaQuery","/hooks/useObservable","/hooks/useObservableCallback","/hooks/useObservableEffect","/hooks/useObservablePaginated","/hooks/useObservableRefresh","/hooks/usePromise","/hooks/usePromiseCallback","/hooks/usePromiseEffect","/hooks/usePromisePaginated","/hooks/usePromiseRefresh","/hooks/useQueryPaginated","/migration","/releases","/styles","/ui-components/Layout","/ui-components/README","/ui-components/useAntdTableProps"]}}("static/chunks/7898-e9d75e14023202e9.js","static/chunks/9b1d3028-73439a7a181fc276.js","static/chunks/2885-a1de18826fff7938.js","static/chunks/4109-52f771566157a3ca.js","static/chunks/2192-ac4bba664eaf3b83.js","static/chunks/2995-ab470176145939c5.js","static/chunks/2937-0c2c946293b26564.js","static/chunks/8238-bd07457ab1dee355.js","static/chunks/8482-a7fb50f2f81745cf.js","static/chunks/6013-69733fad3b6f5d60.js","static/chunks/737-7a108836f432d841.js"),self.__BUILD_MANIFEST_CB&&self.__BUILD_MANIFEST_CB(); \ No newline at end of file +self.__BUILD_MANIFEST=function(s,e,a,o,c,t,i,r,u,k,h){return{__rewrites:{beforeFiles:[],afterFiles:[],fallback:[]},"/":["static/chunks/pages/index-f3d8101d240d82d3.js"],"/_error":["static/chunks/pages/_error-4dcd87585e9f2ec9.js"],"/eslint-config/README":["static/chunks/pages/eslint-config/README-e3ea8945625bc056.js"],"/forms/Checkbox":[e,s,a,c,o,"static/chunks/pages/forms/Checkbox-00a336f7d0cde782.js"],"/forms/DatePicker":[e,s,a,c,o,"static/chunks/pages/forms/DatePicker-3def04b975b92b45.js"],"/forms/Form":[c,"static/chunks/pages/forms/Form-3f23d60d235eb4a1.js"],"/forms/Input":[e,s,a,c,o,k,"static/chunks/pages/forms/Input-0c4feafc0970ec41.js"],"/forms/README":["static/chunks/pages/forms/README-102d42592ae51823.js"],"/forms/Radio":[e,s,a,c,o,"static/chunks/pages/forms/Radio-ac391994ab0bca3e.js"],"/forms/Select":[e,s,a,c,o,"static/chunks/pages/forms/Select-76956318ed8d66ca.js"],"/forms/Switch":[e,s,a,c,o,"static/chunks/pages/forms/Switch-f6e8f9cb86dd1b78.js"],"/forms/Textarea":[e,s,a,c,o,"static/chunks/pages/forms/Textarea-c491a8114bba321c.js"],"/forms/TimePicker":[e,s,a,c,o,"static/chunks/pages/forms/TimePicker-ecce462127c53925.js"],"/forms/example":[e,s,a,c,"static/chunks/6803-9c320ed24930a2a0.js",o,k,"static/chunks/pages/forms/example-fcbf26217f065819.js"],"/hooks/README":["static/chunks/pages/hooks/README-52276c13f57a682c.js"],"/hooks/useBoolean":[e,s,a,o,t,"static/chunks/pages/hooks/useBoolean-c3ee0d4475c0af0c.js"],"/hooks/useCallbackGenerator":[e,s,a,o,t,"static/chunks/pages/hooks/useCallbackGenerator-1f2b3988590fa172.js"],"/hooks/useMediaBreakpoint":[e,s,a,o,"static/chunks/pages/hooks/useMediaBreakpoint-66256b115b1560ea.js"],"/hooks/useMediaQuery":[e,s,a,o,"static/chunks/pages/hooks/useMediaQuery-515f76c187feb884.js"],"/hooks/useObservable":[e,s,a,i,r,u,o,t,"static/chunks/pages/hooks/useObservable-7879ecc7a5756ee5.js"],"/hooks/useObservableCallback":[e,s,a,i,r,u,h,o,t,"static/chunks/pages/hooks/useObservableCallback-526be687c51c00e1.js"],"/hooks/useObservableEffect":[e,s,a,r,u,o,t,"static/chunks/pages/hooks/useObservableEffect-b8f5f94aa14e46d4.js"],"/hooks/useObservablePaginated":["static/chunks/pages/hooks/useObservablePaginated-88fb653c68f8adb3.js"],"/hooks/useObservableRefresh":[e,s,a,i,r,h,o,t,"static/chunks/pages/hooks/useObservableRefresh-0c3d8dac76f38b2d.js"],"/hooks/usePromise":[e,s,a,i,o,t,"static/chunks/pages/hooks/usePromise-ae49c3e058376514.js"],"/hooks/usePromiseCallback":[e,s,a,i,o,t,"static/chunks/pages/hooks/usePromiseCallback-c71520c9496dc66b.js"],"/hooks/usePromiseEffect":[e,s,a,i,o,t,"static/chunks/pages/hooks/usePromiseEffect-5427af211878620b.js"],"/hooks/usePromisePaginated":["static/chunks/pages/hooks/usePromisePaginated-5320227924c634bd.js"],"/hooks/usePromiseRefresh":[e,s,a,i,o,t,"static/chunks/pages/hooks/usePromiseRefresh-b8fa3373bd98255a.js"],"/hooks/useQueryPaginated":["static/chunks/pages/hooks/useQueryPaginated-aa1915646805704b.js"],"/migration":["static/chunks/pages/migration-1c28abdca5bea3b2.js"],"/releases":["static/chunks/pages/releases-9867fb0b4832e860.js"],"/styles":["static/chunks/pages/styles-edcfa136c4471021.js"],"/ui-components/Layout":[s,i,"static/chunks/4749-129da27485769489.js","static/chunks/pages/ui-components/Layout-d08aed99be4afa0e.js"],"/ui-components/README":["static/chunks/pages/ui-components/README-c2ab89a71ff4889b.js"],"/ui-components/useAntdTableProps":["static/chunks/pages/ui-components/useAntdTableProps-0cfcc496a7fed3c9.js"],sortedPages:["/","/_app","/_error","/eslint-config/README","/forms/Checkbox","/forms/DatePicker","/forms/Form","/forms/Input","/forms/README","/forms/Radio","/forms/Select","/forms/Switch","/forms/Textarea","/forms/TimePicker","/forms/example","/hooks/README","/hooks/useBoolean","/hooks/useCallbackGenerator","/hooks/useMediaBreakpoint","/hooks/useMediaQuery","/hooks/useObservable","/hooks/useObservableCallback","/hooks/useObservableEffect","/hooks/useObservablePaginated","/hooks/useObservableRefresh","/hooks/usePromise","/hooks/usePromiseCallback","/hooks/usePromiseEffect","/hooks/usePromisePaginated","/hooks/usePromiseRefresh","/hooks/useQueryPaginated","/migration","/releases","/styles","/ui-components/Layout","/ui-components/README","/ui-components/useAntdTableProps"]}}("static/chunks/7898-e9d75e14023202e9.js","static/chunks/9b1d3028-73439a7a181fc276.js","static/chunks/2885-a1de18826fff7938.js","static/chunks/4109-52f771566157a3ca.js","static/chunks/2192-ac4bba664eaf3b83.js","static/chunks/2995-ab470176145939c5.js","static/chunks/2937-0c2c946293b26564.js","static/chunks/8238-bd07457ab1dee355.js","static/chunks/8482-a7fb50f2f81745cf.js","static/chunks/6013-69733fad3b6f5d60.js","static/chunks/737-7a108836f432d841.js"),self.__BUILD_MANIFEST_CB&&self.__BUILD_MANIFEST_CB(); \ No newline at end of file diff --git a/_next/static/nuAy8OqVBwZpWuAcP1jT-/_ssgManifest.js b/_next/static/3zV92Ll99c329XItpk2Vm/_ssgManifest.js similarity index 100% rename from _next/static/nuAy8OqVBwZpWuAcP1jT-/_ssgManifest.js rename to _next/static/3zV92Ll99c329XItpk2Vm/_ssgManifest.js diff --git a/_next/static/chunks/pages/ui-components/Layout-97996bafcb5065d8.js b/_next/static/chunks/pages/ui-components/Layout-d08aed99be4afa0e.js similarity index 59% rename from _next/static/chunks/pages/ui-components/Layout-97996bafcb5065d8.js rename to _next/static/chunks/pages/ui-components/Layout-d08aed99be4afa0e.js index 70bd1bd74..f8b4673b0 100644 --- a/_next/static/chunks/pages/ui-components/Layout-97996bafcb5065d8.js +++ b/_next/static/chunks/pages/ui-components/Layout-d08aed99be4afa0e.js @@ -1 +1 @@ -(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[6277],{48855:function(e,t,n){(window.__NEXT_P=window.__NEXT_P||[]).push(["/ui-components/Layout",function(){return n(13335)}])},98184:function(e,t,n){"use strict";function r(e,t,n,r,o,a,i){try{var l=e[a](i),u=l.value}catch(c){n(c);return}l.done?t(u):Promise.resolve(u).then(r,o)}function o(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function a(e){for(var t=1;t0&&c[c.length-1])&&(6===e[0]||2===e[0])){p=0;continue}if(3===e[0]&&(!c||e[1]>c[0]&&e[1]e.length)&&(t=e.length);for(var n=0,r=Array(t);ne.length)&&(t=e.length);for(var n=0,r=Array(t);n=0||(o[n]=e[n]);return o}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(r=0;r=0)&&Object.prototype.propertyIsEnumerable.call(e,n)&&(o[n]=e[n])}return o}(e,["focusable","children","size"]);return(0,r.jsx)("svg",(o=function(e){for(var t=1;t=0||(o[n]=e[n]);return o}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(r=0;r=0)&&Object.prototype.propertyIsEnumerable.call(e,n)&&(o[n]=e[n])}return o}(e,["focusable","children","size"]);return(0,r.jsx)("svg",(o=function(e){for(var t=1;te.length)&&(t=e.length);for(var n=0,r=Array(t);n=0||(o[n]=e[n]);return o}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(r=0;r=0)&&Object.prototype.propertyIsEnumerable.call(e,n)&&(o[n]=e[n])}return o}(e,["className","children"]),p=y(o.useState(!1),2),f=p[0],b=p[1],g=y(o.useState(!1),2),m=g[0],O=g[1],h=y(o.useState(!1),2),j=h[0],v=h[1],w=y(o.useState(null),2),x=w[0],k=w[1],P=y(o.useState(null),2),N=P[0],_=P[1],M=y((0,a.default)(!1),4),C=M[0],S=M[1],D=M[2],E=M[3],T=y((0,a.default)(!1),4),z=T[0],I=T[1],A=T[2],L=T[3],W=o.useCallback(function(){return b(!0),function(){return b(!1)}},[]),R=o.useCallback(function(){return O(!0),function(){return O(!1)}},[]),U=o.useCallback(function(e){k(e)},[]),H=o.useCallback(function(){return v(!0),function(){return v(!1)}},[]),B=o.useCallback(function(e){_(e)},[]),Q=o.useMemo(function(){return{topbar:{exists:f,centerPortal:x,register:W,registerCenterPortal:U},sidebar:{exists:m,opened:z,register:R,toogleOpened:I,trueOpened:A,falseOpened:L},userMenu:{opened:C,containerPortal:N,exists:j,register:H,registerContainerPortal:B,toogleOpened:S,trueOpened:D,falseOpened:E}}},[L,E,m,f,j,R,W,U,H,B,z,I,S,x,A,D,N,C]);return(0,r.jsx)(l.default.Provider,{value:Q,children:(0,r.jsx)("div",(t=function(e){for(var t=1;te.length)&&(t=e.length);for(var n=0,r=Array(t);n li {\n padding: 0.07rem 1rem;\n align-items: center;\n line-height: 1.2;\n cursor: pointer;\n display: grid;\n grid-template-columns: ","rem 1fr;\n grid-gap: 0.5rem;\n text-decoration: none;\n white-space: nowrap;\n transition: 0.3s;\n\n "," {\n padding: 0.3rem 1rem;\n }\n\n & .hst-sidebar-item-label-wrapper {\n display: flex;\n align-items: center;\n justify-content: space-between;\n\n & .hst-sidebar-item-label {\n grid-column: 2;\n transition: 0.15s ease-in;\n overflow: hidden;\n text-overflow: ellipsis;\n min-width: 0;\n font-size: 15.5px;\n }\n\n & .hst-sidebar-item-label-external {\n fill: ",";\n opacity: 0.5;\n }\n }\n\n & .hst-sidebar-item-icon {\n transform: scale(0);\n opacity: 0;\n transition: 0.15s ease-in;\n color: ",";\n }\n }\n\n &.hst-sidebar-item-active > li {\n &::before {\n background: ",";\n }\n\n & .hst-sidebar-item-icon {\n transform: scale(1);\n opacity: 1;\n }\n }\n\n &.hst-sidebar-item-disabled {\n opacity: 0.32;\n pointer-events: none;\n }\n "],t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}})));return m=function(){return n},n}n(1631);var y=o.forwardRef(function(e,t){var n=e.className,d=e.children,b=e.isActive,g=e.tabIndex,m=e.as,y=e.disabled,O=e.to,h=e.isExternal,j=function(e,t){if(null==e)return{};var n,r,o=function(e,t){if(null==e)return{};var n,r,o={},a=Object.keys(e);for(r=0;r=0||(o[n]=e[n]);return o}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(r=0;r=0)&&Object.prototype.propertyIsEnumerable.call(e,n)&&(o[n]=e[n])}return o}(e,["className","children","isActive","tabIndex","as","disabled","to","isExternal"]);h=null!=h?h:(null==j?void 0:j.target)==="_blank";var v,w,x=(0,i.useContextSelector)(s.default,function(e){return e.isActiveItem}),k=(0,i.useContextSelector)(p.default,function(e){return e.onItemActive}),P=null!=b?b:x(O);return o.useEffect(function(){P&&k()},[P,k]),o.createElement(null!=m?m:"a",(v=function(e){for(var t=1;t nav {\n overflow-y: auto;\n overflow-x: hidden;\n padding: 2rem 0 2.5rem 0;\n\n &::-webkit-scrollbar {\n width: 3px;\n background: transparent;\n }\n\n &::-webkit-scrollbar-thumb {\n background: transparent;\n border-radius: 4px;\n }\n\n &:hover::-webkit-scrollbar-thumb {\n background: #e0e0e0;\n }\n\n ul {\n list-style-type: none;\n }\n }\n }\n\n &.hst-sidebar-has-topbar .hst-sidebar-container {\n top: ","px;\n }\n\n "," {\n width: 0;\n\n & .hst-sidebar-container {\n background-color: ",";\n left: -","px;\n border: 0;\n opacity: 0;\n box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.16);\n }\n\n &.hst-sidebar-visible .hst-sidebar-container {\n left: 0;\n opacity: 1;\n }\n }\n "]);return O=function(){return e},e}function h(){var e=y(["\n ","\n"]);return h=function(){return e},e}var j=function(e){var t=e.currentLocation,n=e.children,l=e.className,u=(0,p.useMediaQueryDown)("lg"),f=(0,a.useContextSelector)(d.default,function(e){return e.topbar.exists}),b=(0,a.useContextSelector)(d.default,function(e){return e.sidebar.register}),g=(0,a.useContextSelector)(d.default,function(e){return e.sidebar.opened}),m=(0,a.useContextSelector)(d.default,function(e){return e.sidebar.toogleOpened}),y=(0,a.useContextSelector)(d.default,function(e){return e.sidebar.falseOpened});o.useEffect(function(){var e=b();return function(){return e()}},[b]);var O=o.useMemo(function(){return{isActiveItem:function(e){return!!e&&e===t}}},[t]);return o.useEffect(function(){y()},[t]),(0,r.jsx)(i.default.Provider,{value:O,children:(0,r.jsxs)("div",{className:(0,s.cx)(l,{"hst-sidebar-visible":g&&u,"hst-sidebar-has-topbar":f}),children:[(0,r.jsx)(c.default,{visible:g&&u,onClick:m,underTopbar:!0}),(0,r.jsx)("aside",{className:"hst-sidebar-container",children:(0,r.jsx)("nav",{children:(0,r.jsx)("ul",{children:n})})})]})})},v=(0,s.default)(j,{label:"hst-sidebar"})(h(),function(e){var t=e.theme;return(0,s.css)(O(),d.MENU_WIDTH,t.antd.colorBgLayout,d.MENU_WIDTH,t.components.topBarHeight,t.mediaQuery.down("lg"),t.antd.colorBgElevated,d.MENU_WIDTH)}),w=(0,f.default)(v,{Item:u.default,Group:l.default})},53811:function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),Object.defineProperty(t,"default",{enumerable:!0,get:function(){return g}});var r,o=n(24246),a=n(27378),i=n(4316),l=n(55693),u=function(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!=typeof e&&"function"!=typeof e)return{default:e};var n=f(t);if(n&&n.has(e))return n.get(e);var r={},o=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var a in e)if("default"!==a&&Object.prototype.hasOwnProperty.call(e,a)){var i=o?Object.getOwnPropertyDescriptor(e,a):null;i&&(i.get||i.set)?Object.defineProperty(r,a,i):r[a]=e[a]}return r.default=e,n&&n.set(e,r),r}(n(21671)),c=n(72193),s=(r=n(45010),r&&r.__esModule?r:{default:r});function p(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function f(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,n=new WeakMap;return(f=function(e){return e?n:t})(e)}function d(){var e,t,n=(e=["\n & .anticon {\n font-size: 20px;\n vertical-align: text-bottom;\n }\n\n button {\n color: ",";\n margin-top: 2px;\n display: flex;\n justify-content: center;\n align-items: center;\n }\n\n &.--hst-active button {\n background-color: ",";\n }\n "],t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}})));return d=function(){return n},n}var b=(0,a.forwardRef)(function(e,t){var n,r,f=e.active,d=e.icon,b=e.label,g=e.onClick,m=e.className,y=e.tooltip,O=e.badgeCount,h=e.badgeDot,j=function(e,t){if(null==e)return{};var n,r,o=function(e,t){if(null==e)return{};var n,r,o={},a=Object.keys(e);for(r=0;r=0||(o[n]=e[n]);return o}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(r=0;r=0)&&Object.prototype.propertyIsEnumerable.call(e,n)&&(o[n]=e[n])}return o}(e,["active","icon","label","onClick","className","tooltip","badgeCount","badgeDot"]),v=(0,l.useContext)(s.default);return b=(0,c.useMediaQueryDown)("md")?void 0:b,(0,a.useEffect)(function(){var e=v({badgeCount:null!=O?O:0,badgeDot:null!=h&&h});return function(){return e()}},[O,h,v]),(0,o.jsx)("div",(n=function(e){for(var t=1;te.length)&&(t=e.length);for(var n=0,r=Array(t);n2,"--hst-has-user":P,"--hst-expanded":v}),children:(0,r.jsxs)("div",{className:"hst-topbar-actions-content",children:[(0,r.jsx)(f.default,{className:"hst-topbar-actions-content-expand",badgeCount:v?0:_,badgeDot:!v&&M,icon:v?(0,r.jsx)(s.default,{size:19}):(0,r.jsx)(c.default,{size:19}),onClick:w}),(0,r.jsx)(l.default.Provider,{value:N,children:(0,r.jsx)("div",{className:"hst-topbar-actions-content-icons",children:t})})]})})},w=(0,p.default)(o.memo(v),{label:"hst-topbar-actions"})(function(e){var t=e.theme;return(0,p.css)(j(),t.mediaQuery.down("xs"),t.components.topBarHeight,t.hexToRgba(t.antd.colorBgElevated,.8))})},20784:function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),Object.defineProperty(t,"default",{enumerable:!0,get:function(){return O}});var r=n(24246),o=g(n(27378)),a=n(1631),i=n(4316),l=d(n(89015)),u=d(n(51587)),c=g(n(21671)),s=n(15540);function p(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=Array(t);n=0||(o[n]=e[n]);return o}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(r=0;r=0)&&Object.prototype.propertyIsEnumerable.call(e,n)&&(o[n]=e[n])}return o}(e,["currentApplication","applications","className","opened","onClose"]),j=function(e){if(Array.isArray(e))return e}(t=(0,l.default)())||function(e,t){var n,r,o=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=o){var a=[],i=!0,l=!1;try{for(o=o.call(e);!(i=(n=o.next()).done)&&(a.push(n.value),!t||a.length!==t);i=!0);}catch(u){l=!0,r=u}finally{try{i||null==o.return||o.return()}finally{if(l)throw r}}return a}}(t,4)||function(e,t){if(e){if("string"==typeof e)return p(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);if("Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n)return Array.from(n);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return p(e,t)}}(t,4)||function(){throw TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}(),v=j[0],w=j[1],x=j[3];return o.useEffect(function(){var e=document.body.style.overflow;return document.body.style.overflow=v?"hidden":e,function(){document.body.style.overflow=e}},[v]),o.useEffect(function(){y||x()},[y]),(0,r.jsxs)("div",(s=function(e){for(var t=1;te.length)&&(t=e.length);for(var n=0,r=Array(t);n=0||(o[n]=e[n]);return o}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(r=0;r=0)&&Object.prototype.propertyIsEnumerable.call(e,n)&&(o[n]=e[n])}return o}(e,["id","className"]),w=(0,a.useContextSelector)(b.default,function(e){var n;return null!==(t=null===(n=e.user)||void 0===n?void 0:n.isSupport)&&void 0!==t&&t}),x=(0,a.useContextSelector)(b.default,function(e){return e.currentApplication}),k=j((0,i.default)(),4),P=k[0],N=k[1],_=k[3],M=o.useRef(null),C=j((0,l.default)((n=function(){var e,t,n,r,o,a,i,l,u,c,s;return n=this,r=function(e){switch(e.label){case 0:return[4,fetch("https://eduzz-houston.s3.amazonaws.com/topbar/applications.json")];case 1:return[4,e.sent().json()];case 2:return[2,e.sent().filter(function(e){return!e.beta||!!w||e.application===x})]}},o=function(e){return function(t){return a([e,t])}},a=function(e){if(i)throw TypeError("Generator is already executing.");for(;s;)try{if(i=1,l&&(u=2&e[0]?l.return:e[0]?l.throw||((u=l.return)&&u.call(l),0):l.next)&&!(u=u.call(l,e[1])).done)return u;switch(l=0,u&&(e=[2&e[0],u.value]),e[0]){case 0:case 1:u=e;break;case 4:return s.label++,{value:e[1],done:!1};case 5:s.label++,l=e[1],e=[0];continue;case 7:e=s.ops.pop(),s.trys.pop();continue;default:if(!(u=(u=s.trys).length>0&&u[u.length-1])&&(6===e[0]||2===e[0])){s=0;continue}if(3===e[0]&&(!u||e[1]>u[0]&&e[1]e.length)&&(t=e.length);for(var n=0,r=Array(t);n .hst-topbar-belt-text {\n color: inherit;\n white-space: nowrap;\n text-transform: uppercase;\n font-style: italic;\n font-size: 14px;\n margin-left: 0.25rem;\n }\n }\n\n .hst-topbar-belt-icon {\n min-width: ","rem;\n display: flex;\n align-items: center;\n }\n "],t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}})));return v=function(){return n},n}var w=["white","red","orange","green","black","golden"],x=s.memo(function(e){var t=e.className,n=(0,f.useContextSelector)(g.default,function(e){var t;return null===(t=e.user)||void 0===t?void 0:t.belt}),r=j(s.useState(""),2),o=r[0],a=r[1],i=j(s.useState(""),2),l=i[0],u=i[1];return(s.useEffect(function(){if(!n){a(""),u("");return}var e=n.toString().toLowerCase().split(" ")[0],t=w.includes(e)?e:"sensei"===e?"black":"white";a(n),u(t)},[n]),o)?(0,c.jsx)("div",{className:(0,b.cx)(t,"hst-topbar-belt-color-".concat(l)),children:(0,c.jsxs)("div",{className:"hst-topbar-belt-badge",children:[(0,c.jsx)(d.default,{size:25,className:"hst-topbar-belt-icon"}),(0,c.jsx)(p.Typography,{className:"hst-topbar-belt-text",children:o})]})}):null}),k=(0,b.default)(x,{label:"hst-topbar-belt"})(function(e){var t,n,c,s,p,f,d=e.theme;return(0,b.css)(v(),d.pxToRem(32),d.mediaQuery.down("md"),d.mediaQuery.down("lg"),d.beltColor.white,d.beltColor.white,null!==(r=null===(t=d.beltForegroundColor)||void 0===t?void 0:t.white)&&void 0!==r?r:"black",d.beltColor.red,d.beltColor.red,null!==(o=null===(n=d.beltForegroundColor)||void 0===n?void 0:n.red)&&void 0!==o?o:"white",d.beltColor.orange,d.beltColor.orange,null!==(a=null===(c=d.beltForegroundColor)||void 0===c?void 0:c.orange)&&void 0!==a?a:"white",d.beltColor.green,d.beltColor.green,null!==(i=null===(s=d.beltForegroundColor)||void 0===s?void 0:s.green)&&void 0!==i?i:"white",d.beltColor.black,d.beltColor.black,null!==(l=null===(p=d.beltForegroundColor)||void 0===p?void 0:p.black)&&void 0!==l?l:"white",d.beltColor.golden,d.beltColor.golden,null!==(u=null===(f=d.beltForegroundColor)||void 0===f?void 0:f.golden)&&void 0!==u?u:"white",d.pxToRem(32))})},80383:function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),Object.defineProperty(t,"default",{enumerable:!0,get:function(){return u}});var r=n(24246);n(27378);var o=function e(t,n){if(!n&&t&&t.__esModule)return t;if(null===t||"object"!=typeof t&&"function"!=typeof t)return{default:t};var r=a(n);if(r&&r.has(t))return r.get(t);var o={},i=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var l in t)if("default"!==l&&Object.prototype.hasOwnProperty.call(t,l)){var u=i?Object.getOwnPropertyDescriptor(t,l):null;u&&(u.get||u.set)?Object.defineProperty(o,l,u):o[l]=t[l]}return o.default=t,r&&r.set(t,o),o}(n(21671));function a(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,n=new WeakMap;return(a=function(e){return e?n:t})(e)}function i(){var e,t,n=(e=["\n height: 80%;\n width: auto;\n margin-inline: 0.5rem;\n\n & > img {\n max-width: 100%;\n max-height: 100%;\n height: ","px;\n }\n\n & > .hst-topbar-logo-mobile {\n display: none;\n }\n\n "," {\n width: ","rem;\n\n & .hst-topbar-logo-default {\n display: none;\n }\n\n & .hst-topbar-logo-mobile {\n display: block;\n }\n }\n "],t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}})));return i=function(){return n},n}var l=function(e){var t,n=e.logo,a=e.logoMobile,i=e.logoDarkMode,l=e.logoMobileDarkMode,u=e.className,c=e.wrapper,s="dark"===(0,o.useTheme)().mode?{desktop:null!=i?i:"//eduzz-houston.s3.amazonaws.com/topbar/logos/myeduzz-white.svg",mobile:null!=l?l:"//eduzz-houston.s3.amazonaws.com/topbar/logos/myeduzz-mobile.svg"}:{desktop:null!=n?n:"//eduzz-houston.s3.amazonaws.com/topbar/logos/myeduzz.svg",mobile:null!=a?a:"//eduzz-houston.s3.amazonaws.com/topbar/logos/myeduzz-mobile.svg"};return c?(0,r.jsxs)(c,{className:u,children:[(0,r.jsx)("img",{className:"hst-topbar-logo-default",src:s.desktop}),(0,r.jsx)("img",{className:"hst-topbar-logo-mobile",src:s.mobile})]}):(0,r.jsxs)("div",{className:u,children:[(0,r.jsx)("img",{className:"hst-topbar-logo-default",src:s.desktop}),(0,r.jsx)("img",{className:"hst-topbar-logo-mobile",src:s.mobile})]})},u=(0,o.default)(l,{label:"hst-topbar-logo"})(function(e){var t=e.theme;return(0,o.css)(i(),t.components.topBarHeight,t.mediaQuery.down("lg"),t.pxToRem(32))})},69132:function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),Object.defineProperty(t,"default",{enumerable:!0,get:function(){return y}});var r=n(24246),o=n(27378),a=n(1631),i=n(4316),l=n(55693),u=f(n(34324)),c=function(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!=typeof e&&"function"!=typeof e)return{default:e};var n=d(t);if(n&&n.has(e))return n.get(e);var r={},o=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var a in e)if("default"!==a&&Object.prototype.hasOwnProperty.call(e,a)){var i=o?Object.getOwnPropertyDescriptor(e,a):null;i&&(i.get||i.set)?Object.defineProperty(r,a,i):r[a]=e[a]}return r.default=e,n&&n.set(e,r),r}(n(21671)),s=f(n(15540));function p(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=Array(t);n0&&o[o.length-1])&&(6===a[0]||2===a[0])){u=0;continue}if(3===a[0]&&(!o||a[1]>o[0]&&a[1] span:not(.anticon, .ant-avatar) {\n max-width: 235px;\n text-overflow: ellipsis;\n overflow: hidden;\n }\n\n & > .anticon {\n font-size: 20px;\n }\n\n & > svg {\n width: 24px;\n margin-right: 5px;\n }\n\n &.hst-button-disabled {\n background-color: transparent;\n }\n"],t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}})));return f=function(){return n},n}var d=o.forwardRef(function(e,t){var n,l,s=e.id,p=e.className,f=e.icon,d=e.disabled,b=e.onClick,g=e.children,m=e.preventClose,y=e.as,O=function(e,t){if(null==e)return{};var n,r,o=function(e,t){if(null==e)return{};var n,r,o={},a=Object.keys(e);for(r=0;r=0||(o[n]=e[n]);return o}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(r=0;r=0)&&Object.prototype.propertyIsEnumerable.call(e,n)&&(o[n]=e[n])}return o}(e,["id","className","icon","disabled","onClick","children","preventClose","as"]),h=(0,i.useContextSelector)(u.default,function(e){return e.userMenu.falseOpened}),j=o.useCallback(function(e){b&&b(e),m||h()},[h,b,m]),v=(0,r.jsx)(a.Button,{id:s,icon:f,ref:t,block:!0,type:"text",onClick:j,className:p,disabled:d,children:g});return y&&(v=(0,r.jsx)(y,(n=function(e){for(var t=1;t .hst-topbar-user-menu-group-label {\n margin-top: 0.5rem;\n padding: 0.5rem 1rem 0.5rem 1rem;\n cursor: default;\n letter-spacing: 0.3px;\n font-weight: bold;\n }\n"],t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}})));return u=function(){return n},n}var c=function(e){var t,n,r=e.label,i=e.className,u=e.children,c=function(e,t){if(null==e)return{};var n,r,o=function(e,t){if(null==e)return{};var n,r,o={},a=Object.keys(e);for(r=0;r=0||(o[n]=e[n]);return o}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(r=0;r=0)&&Object.prototype.propertyIsEnumerable.call(e,n)&&(o[n]=e[n])}return o}(e,["label","className","children"]);return(0,o.jsxs)("div",(t=function(e){for(var t=1;t=0||(o[n]=e[n]);return o}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(r=0;r=0)&&Object.prototype.propertyIsEnumerable.call(e,n)&&(o[n]=e[n])}return o}(e,["className","children"]),d=(0,i.useContextSelector)(c.default,function(e){return e.userMenu.opened}),b=(0,i.useContextSelector)(c.default,function(e){return e.userMenu.register}),g=(0,i.useContextSelector)(c.default,function(e){return e.userMenu.containerPortal});return(a.useEffect(function(){var e=b();return function(){return e()}},[b]),g)?(0,o.jsx)(l.default,{target:g,children:(0,o.jsx)("div",(t=function(e){for(var t=1;t .hst-topbar-header {\n background-color: ",";\n color: ",";\n border-bottom: 3px solid ",";\n box-sizing: border-box;\n position: fixed;\n padding: 0.5rem 1rem 0.5rem 1rem;\n top: 0;\n left: 0;\n right: 0;\n height: ","rem;\n display: flex;\n justify-content: space-between;\n z-index: 105;\n gap: 1rem;\n transition: 0.15s ease-out, background-color 0.3s, border-bottom-color 0.3s;\n\n "," {\n padding: 0.5rem 0.5rem 0.5rem 0.3rem;\n }\n\n & > .hst-topbar-start {\n display: flex;\n align-items: center;\n\n & .hst-topbar-mobile-menu {\n cursor: pointer;\n\n & .hst-topbar-mobile-menu-icon {\n margin-top: -2px;\n }\n\n "," {\n display: none;\n }\n }\n\n .hst-topbar-tag {\n text-transform: capitalize;\n padding: 4px 8px 4px 8px;\n letter-spacing: 0.5px;\n display: block;\n border-radius: 3px;\n font-size: 14px;\n text-transform: uppercase;\n margin-left: 0.5rem;\n line-height: 14px;\n\n &.hst-topbar-tag-pro {\n border: 1px solid #bababa;\n }\n\n &.hst-topbar-tag-unity {\n border: 1px solid #000;\n background: #000;\n color: white;\n }\n\n &.hst-topbar-tag-partner {\n background: #ededed;\n }\n\n "," {\n display: none;\n }\n }\n }\n\n & > .hts-topbar-center {\n display: flex;\n flex: 1;\n align-items: center;\n justify-content: center;\n max-width: 400px;\n }\n\n & > .hst-topbar-quick-access {\n display: flex;\n align-items: center;\n justify-content: center;\n }\n }\n "],t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}})));return C=function(){return n},n}var S=o.memo(function(e){var t=e.children,n=e.currentApplication,d=e.logo,b=e.logoMobile,m=e.logoDarkMode,y=e.logoMobileDarkMode,O=e.logoWrapper,h=e.className,x=e.user,N=e.disableApps,_=function(e,t){if(null==e)return{};var n,r,o=function(e,t){if(null==e)return{};var n,r,o={},a=Object.keys(e);for(r=0;r=0||(o[n]=e[n]);return o}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(r=0;r=0)&&Object.prototype.propertyIsEnumerable.call(e,n)&&(o[n]=e[n])}return o}(e,["children","currentApplication","logo","logoMobile","logoDarkMode","logoMobileDarkMode","logoWrapper","className","user","disableApps"]),M=(0,i.useContextSelector)(k.default,function(e){return e.topbar.register}),C=(0,i.useContextSelector)(k.default,function(e){return e.sidebar.toogleOpened}),S=(0,i.useContextSelector)(k.default,function(e){return e.topbar.registerCenterPortal}),D=(0,i.useContextSelector)(k.default,function(e){return e.sidebar.opened});o.useEffect(function(){var e=M();return function(){return e()}},[M]),o.useEffect(function(){return document.body.classList.add("hst-topbar-applied"),function(){document.body.classList.remove("hst-topbar-applied")}},[]);var E,T,z=o.useMemo(function(){return{currentApplication:n,user:x}},[n,x]);return(0,r.jsx)(p.default.Provider,{value:z,children:(0,r.jsx)("div",(E=function(e){for(var t=1;t=0||(o[n]=e[n]);return o}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(r=0;r=0)&&Object.prototype.propertyIsEnumerable.call(e,n)&&(o[n]=e[n])}return o}(e,["className","visible","color","children","underTopbar"]),m=(0,i.default)(),y=m.disableScroll,O=m.enableScroll;return(a.useEffect(function(){return s&&y(),function(){O()}},[O,y,s]),s)?(0,o.jsx)("div",(t=function(e){for(var t=1;te.length)&&(t=e.length);for(var n=0,r=Array(t);ne.length)&&(t=e.length);for(var n=0,r=Array(t);n\n \n \n \n\n")),(0,o.kt)("h2",Object.assign({},{id:"desestruturando"}),"Desestruturando"),(0,o.kt)("p",null,"Para simplificar a escrita do c\xf3digo, voc\xea pode desestruturar os componentes."),(0,o.kt)("pre",null,(0,o.kt)("code",Object.assign({parentName:"pre"},{className:"language-jsx"}),"import Layout from '@eduzz/houston-ui/Layout';\n\nconst { Sidebar, Topbar, Content } = Layout;\nconst { Item, Group } = Sidebar;\n\nfunction CustomLayout() {\n return (\n \n \n {...}\n \n\n \n {...}\n \n\n \n {...}\n \n \n );\n}\n\nexport default CustomLayout;\n")),(0,o.kt)("h2",Object.assign({},{id:"exemplo"}),"Exemplo"),(0,o.kt)("pre",null,(0,o.kt)("code",Object.assign({parentName:"pre"},{className:"language-jsx"}),"import { NavLink, useLocation } from 'react-router-dom';\n\nconst { Sidebar, Topbar, Content } = Layout;\nconst { Item, Group } = Sidebar;\n\nfunction MyComponent() {\n const location = useLocation();\n\n return (\n \n \n \n\n } label='Notifica\xe7\xf5es' />\n } />\n\n \n Meus Dados\n Minhas Compras\n\n \n \n John Doe\n \n John Doe 2\n \n\n \n\n Sair\n \n \n\n \n Resumo\n\n \n \n Evento\n \n \n MasterMind\n \n \n Lan\xe7amento\n \n \n\n Marketplace\n \n\n {/*Your content here*/}\n \n );\n}\n")),(0,o.kt)("h2",Object.assign({},{id:"props"}),"Props"),(0,o.kt)("h3",Object.assign({},{id:"topbar-props"}),"Topbar props"),(0,o.kt)("table",null,(0,o.kt)("thead",{parentName:"table"},(0,o.kt)("tr",{parentName:"thead"},(0,o.kt)("th",Object.assign({parentName:"tr"},{align:null}),"prop"),(0,o.kt)("th",Object.assign({parentName:"tr"},{align:null}),"tipo"),(0,o.kt)("th",Object.assign({parentName:"tr"},{align:null}),"obrigat\xf3rio"),(0,o.kt)("th",Object.assign({parentName:"tr"},{align:null}),"padr\xe3o"),(0,o.kt)("th",Object.assign({parentName:"tr"},{align:null}),"descri\xe7\xe3o"))),(0,o.kt)("tbody",{parentName:"table"},(0,o.kt)("tr",{parentName:"tbody"},(0,o.kt)("td",Object.assign({parentName:"tr"},{align:null}),"logo"),(0,o.kt)("td",Object.assign({parentName:"tr"},{align:null}),(0,o.kt)("inlineCode",{parentName:"td"},"url")),(0,o.kt)("td",Object.assign({parentName:"tr"},{align:null}),(0,o.kt)("inlineCode",{parentName:"td"},"false")),(0,o.kt)("td",Object.assign({parentName:"tr"},{align:null}),"-"),(0,o.kt)("td",Object.assign({parentName:"tr"},{align:null}),"Url para o logo padrao.")),(0,o.kt)("tr",{parentName:"tbody"},(0,o.kt)("td",Object.assign({parentName:"tr"},{align:null}),"logoMobile"),(0,o.kt)("td",Object.assign({parentName:"tr"},{align:null}),(0,o.kt)("inlineCode",{parentName:"td"},"url")),(0,o.kt)("td",Object.assign({parentName:"tr"},{align:null}),(0,o.kt)("inlineCode",{parentName:"td"},"false")),(0,o.kt)("td",Object.assign({parentName:"tr"},{align:null}),"-"),(0,o.kt)("td",Object.assign({parentName:"tr"},{align:null}),"Url para o logo na vers\xe3o mobile.")),(0,o.kt)("tr",{parentName:"tbody"},(0,o.kt)("td",Object.assign({parentName:"tr"},{align:null}),"currentApplication"),(0,o.kt)("td",Object.assign({parentName:"tr"},{align:null}),(0,o.kt)("inlineCode",{parentName:"td"},"string")),(0,o.kt)("td",Object.assign({parentName:"tr"},{align:null}),(0,o.kt)("inlineCode",{parentName:"td"},"false")),(0,o.kt)("td",Object.assign({parentName:"tr"},{align:null}),"-"),(0,o.kt)("td",Object.assign({parentName:"tr"},{align:null}),"Aplica\xe7\xe3o que est\xe1 sendo usada, para marcar no menu de apps")),(0,o.kt)("tr",{parentName:"tbody"},(0,o.kt)("td",Object.assign({parentName:"tr"},{align:null}),"user"),(0,o.kt)("td",Object.assign({parentName:"tr"},{align:null}),(0,o.kt)("inlineCode",{parentName:"td"},"object")),(0,o.kt)("td",Object.assign({parentName:"tr"},{align:null}),(0,o.kt)("inlineCode",{parentName:"td"},"false")),(0,o.kt)("td",Object.assign({parentName:"tr"},{align:null}),"-"),(0,o.kt)("td",Object.assign({parentName:"tr"},{align:null}),"Se existe um usu\xe1rio logado, sem ele n\xe3o ter\xe1 o menu User")))),(0,o.kt)("h3",Object.assign({},{id:"topbaraction-props"}),"Topbar.Action props"),(0,o.kt)("table",null,(0,o.kt)("thead",{parentName:"table"},(0,o.kt)("tr",{parentName:"thead"},(0,o.kt)("th",Object.assign({parentName:"tr"},{align:null}),"prop"),(0,o.kt)("th",Object.assign({parentName:"tr"},{align:null}),"tipo"),(0,o.kt)("th",Object.assign({parentName:"tr"},{align:null}),"obrigat\xf3rio"),(0,o.kt)("th",Object.assign({parentName:"tr"},{align:null}),"padr\xe3o"),(0,o.kt)("th",Object.assign({parentName:"tr"},{align:null}),"descri\xe7\xe3o"))),(0,o.kt)("tbody",{parentName:"table"},(0,o.kt)("tr",{parentName:"tbody"},(0,o.kt)("td",Object.assign({parentName:"tr"},{align:null}),"icon"),(0,o.kt)("td",Object.assign({parentName:"tr"},{align:null}),(0,o.kt)("inlineCode",{parentName:"td"},"ReactNode")),(0,o.kt)("td",Object.assign({parentName:"tr"},{align:null}),(0,o.kt)("inlineCode",{parentName:"td"},"true")),(0,o.kt)("td",Object.assign({parentName:"tr"},{align:null}),"-"),(0,o.kt)("td",Object.assign({parentName:"tr"},{align:null}),"Icone, tamanho ideal 25")),(0,o.kt)("tr",{parentName:"tbody"},(0,o.kt)("td",Object.assign({parentName:"tr"},{align:null}),"label"),(0,o.kt)("td",Object.assign({parentName:"tr"},{align:null}),(0,o.kt)("inlineCode",{parentName:"td"},"string")),(0,o.kt)("td",Object.assign({parentName:"tr"},{align:null}),(0,o.kt)("inlineCode",{parentName:"td"},"false")),(0,o.kt)("td",Object.assign({parentName:"tr"},{align:null}),"-"),(0,o.kt)("td",Object.assign({parentName:"tr"},{align:null}))),(0,o.kt)("tr",{parentName:"tbody"},(0,o.kt)("td",Object.assign({parentName:"tr"},{align:null}),"isActive"),(0,o.kt)("td",Object.assign({parentName:"tr"},{align:null}),(0,o.kt)("inlineCode",{parentName:"td"},"boolean")),(0,o.kt)("td",Object.assign({parentName:"tr"},{align:null}),(0,o.kt)("inlineCode",{parentName:"td"},"false")),(0,o.kt)("td",Object.assign({parentName:"tr"},{align:null}),(0,o.kt)("inlineCode",{parentName:"td"},"false")),(0,o.kt)("td",Object.assign({parentName:"tr"},{align:null}),"Se o icone deve manter o estado de pressionado/ativo")),(0,o.kt)("tr",{parentName:"tbody"},(0,o.kt)("td",Object.assign({parentName:"tr"},{align:null}),"onClick"),(0,o.kt)("td",Object.assign({parentName:"tr"},{align:null}),(0,o.kt)("inlineCode",{parentName:"td"},"function")),(0,o.kt)("td",Object.assign({parentName:"tr"},{align:null}),(0,o.kt)("inlineCode",{parentName:"td"},"false")),(0,o.kt)("td",Object.assign({parentName:"tr"},{align:null}),"-"),(0,o.kt)("td",Object.assign({parentName:"tr"},{align:null}))))),(0,o.kt)("h3",Object.assign({},{id:"topbarusermenuitem-props"}),"Topbar.UserMenuItem props"),(0,o.kt)("table",null,(0,o.kt)("thead",{parentName:"table"},(0,o.kt)("tr",{parentName:"thead"},(0,o.kt)("th",Object.assign({parentName:"tr"},{align:null}),"prop"),(0,o.kt)("th",Object.assign({parentName:"tr"},{align:null}),"tipo"),(0,o.kt)("th",Object.assign({parentName:"tr"},{align:null}),"obrigat\xf3rio"),(0,o.kt)("th",Object.assign({parentName:"tr"},{align:null}),"padr\xe3o"),(0,o.kt)("th",Object.assign({parentName:"tr"},{align:null}),"descri\xe7\xe3o"))),(0,o.kt)("tbody",{parentName:"table"},(0,o.kt)("tr",{parentName:"tbody"},(0,o.kt)("td",Object.assign({parentName:"tr"},{align:null}),"icon"),(0,o.kt)("td",Object.assign({parentName:"tr"},{align:null}),(0,o.kt)("inlineCode",{parentName:"td"},"ReactNode")),(0,o.kt)("td",Object.assign({parentName:"tr"},{align:null}),(0,o.kt)("inlineCode",{parentName:"td"},"true")),(0,o.kt)("td",Object.assign({parentName:"tr"},{align:null}),"-"),(0,o.kt)("td",Object.assign({parentName:"tr"},{align:null}),"Icone, tamanho ideal 25")),(0,o.kt)("tr",{parentName:"tbody"},(0,o.kt)("td",Object.assign({parentName:"tr"},{align:null}),"children"),(0,o.kt)("td",Object.assign({parentName:"tr"},{align:null}),(0,o.kt)("inlineCode",{parentName:"td"},"string")),(0,o.kt)("td",Object.assign({parentName:"tr"},{align:null}),(0,o.kt)("inlineCode",{parentName:"td"},"false")),(0,o.kt)("td",Object.assign({parentName:"tr"},{align:null}),"-"),(0,o.kt)("td",Object.assign({parentName:"tr"},{align:null}),"Deve ser uma string")),(0,o.kt)("tr",{parentName:"tbody"},(0,o.kt)("td",Object.assign({parentName:"tr"},{align:null}),"disabled"),(0,o.kt)("td",Object.assign({parentName:"tr"},{align:null}),(0,o.kt)("inlineCode",{parentName:"td"},"boolean")),(0,o.kt)("td",Object.assign({parentName:"tr"},{align:null}),(0,o.kt)("inlineCode",{parentName:"td"},"false")),(0,o.kt)("td",Object.assign({parentName:"tr"},{align:null}),"-"),(0,o.kt)("td",Object.assign({parentName:"tr"},{align:null}))),(0,o.kt)("tr",{parentName:"tbody"},(0,o.kt)("td",Object.assign({parentName:"tr"},{align:null}),"onClick"),(0,o.kt)("td",Object.assign({parentName:"tr"},{align:null}),(0,o.kt)("inlineCode",{parentName:"td"},"function")),(0,o.kt)("td",Object.assign({parentName:"tr"},{align:null}),(0,o.kt)("inlineCode",{parentName:"td"},"false")),(0,o.kt)("td",Object.assign({parentName:"tr"},{align:null}),"-"),(0,o.kt)("td",Object.assign({parentName:"tr"},{align:null}))))),(0,o.kt)("h3",Object.assign({},{id:"topbarusermenugroup-props"}),"Topbar.UserMenuGroup props"),(0,o.kt)("table",null,(0,o.kt)("thead",{parentName:"table"},(0,o.kt)("tr",{parentName:"thead"},(0,o.kt)("th",Object.assign({parentName:"tr"},{align:null}),"prop"),(0,o.kt)("th",Object.assign({parentName:"tr"},{align:null}),"tipo"),(0,o.kt)("th",Object.assign({parentName:"tr"},{align:null}),"obrigat\xf3rio"),(0,o.kt)("th",Object.assign({parentName:"tr"},{align:null}),"padr\xe3o"),(0,o.kt)("th",Object.assign({parentName:"tr"},{align:null}),"descri\xe7\xe3o"))),(0,o.kt)("tbody",{parentName:"table"},(0,o.kt)("tr",{parentName:"tbody"},(0,o.kt)("td",Object.assign({parentName:"tr"},{align:null}),"label"),(0,o.kt)("td",Object.assign({parentName:"tr"},{align:null}),(0,o.kt)("inlineCode",{parentName:"td"},"string")),(0,o.kt)("td",Object.assign({parentName:"tr"},{align:null}),(0,o.kt)("inlineCode",{parentName:"td"},"true")),(0,o.kt)("td",Object.assign({parentName:"tr"},{align:null}),"-"),(0,o.kt)("td",Object.assign({parentName:"tr"},{align:null}))),(0,o.kt)("tr",{parentName:"tbody"},(0,o.kt)("td",Object.assign({parentName:"tr"},{align:null}),"children"),(0,o.kt)("td",Object.assign({parentName:"tr"},{align:null}),(0,o.kt)("inlineCode",{parentName:"td"},"ReactNode")),(0,o.kt)("td",Object.assign({parentName:"tr"},{align:null}),(0,o.kt)("inlineCode",{parentName:"td"},"true")),(0,o.kt)("td",Object.assign({parentName:"tr"},{align:null}),"-"),(0,o.kt)("td",Object.assign({parentName:"tr"},{align:null}))))),(0,o.kt)("h3",Object.assign({},{id:"sidebar-props"}),"Sidebar props"),(0,o.kt)("table",null,(0,o.kt)("thead",{parentName:"table"},(0,o.kt)("tr",{parentName:"thead"},(0,o.kt)("th",Object.assign({parentName:"tr"},{align:null}),"prop"),(0,o.kt)("th",Object.assign({parentName:"tr"},{align:null}),"tipo"),(0,o.kt)("th",Object.assign({parentName:"tr"},{align:null}),"obrigat\xf3rio"),(0,o.kt)("th",Object.assign({parentName:"tr"},{align:null}),"padr\xe3o"),(0,o.kt)("th",Object.assign({parentName:"tr"},{align:null}),"descri\xe7\xe3o"))),(0,o.kt)("tbody",{parentName:"table"},(0,o.kt)("tr",{parentName:"tbody"},(0,o.kt)("td",Object.assign({parentName:"tr"},{align:null}),"currentLocation"),(0,o.kt)("td",Object.assign({parentName:"tr"},{align:null}),(0,o.kt)("inlineCode",{parentName:"td"},"string")),(0,o.kt)("td",Object.assign({parentName:"tr"},{align:null}),(0,o.kt)("inlineCode",{parentName:"td"},"false")),(0,o.kt)("td",Object.assign({parentName:"tr"},{align:null}),"-"),(0,o.kt)("td",Object.assign({parentName:"tr"},{align:null}),"Caminho de localiza\xe7\xe3o atual (pathname).")))),(0,o.kt)("h3",Object.assign({},{id:"sidebaritem-props"}),"Sidebar.Item props"),(0,o.kt)("table",null,(0,o.kt)("thead",{parentName:"table"},(0,o.kt)("tr",{parentName:"thead"},(0,o.kt)("th",Object.assign({parentName:"tr"},{align:null}),"prop"),(0,o.kt)("th",Object.assign({parentName:"tr"},{align:null}),"tipo"),(0,o.kt)("th",Object.assign({parentName:"tr"},{align:null}),"obrigat\xf3rio"),(0,o.kt)("th",Object.assign({parentName:"tr"},{align:null}),"padr\xe3o"),(0,o.kt)("th",Object.assign({parentName:"tr"},{align:null}),"descri\xe7\xe3o"))),(0,o.kt)("tbody",{parentName:"table"},(0,o.kt)("tr",{parentName:"tbody"},(0,o.kt)("td",Object.assign({parentName:"tr"},{align:null}),"as"),(0,o.kt)("td",Object.assign({parentName:"tr"},{align:null}),(0,o.kt)("inlineCode",{parentName:"td"},"React.ElementType")),(0,o.kt)("td",Object.assign({parentName:"tr"},{align:null}),(0,o.kt)("inlineCode",{parentName:"td"},"false")),(0,o.kt)("td",Object.assign({parentName:"tr"},{align:null}),"-"),(0,o.kt)("td",Object.assign({parentName:"tr"},{align:null}),"Componente que envolve o item.")),(0,o.kt)("tr",{parentName:"tbody"},(0,o.kt)("td",Object.assign({parentName:"tr"},{align:null}),(0,o.kt)("inlineCode",{parentName:"td"},"any")),(0,o.kt)("td",Object.assign({parentName:"tr"},{align:null}),(0,o.kt)("inlineCode",{parentName:"td"},"any")),(0,o.kt)("td",Object.assign({parentName:"tr"},{align:null}),(0,o.kt)("inlineCode",{parentName:"td"},"false")),(0,o.kt)("td",Object.assign({parentName:"tr"},{align:null}),"-"),(0,o.kt)("td",Object.assign({parentName:"tr"},{align:null}),"Qualquer prop que o ",(0,o.kt)("inlineCode",{parentName:"td"},"as")," receba")),(0,o.kt)("tr",{parentName:"tbody"},(0,o.kt)("td",Object.assign({parentName:"tr"},{align:null}),"isActive"),(0,o.kt)("td",Object.assign({parentName:"tr"},{align:null}),(0,o.kt)("inlineCode",{parentName:"td"},"boolean")),(0,o.kt)("td",Object.assign({parentName:"tr"},{align:null}),(0,o.kt)("inlineCode",{parentName:"td"},"false")),(0,o.kt)("td",Object.assign({parentName:"tr"},{align:null}),(0,o.kt)("inlineCode",{parentName:"td"},"false")),(0,o.kt)("td",Object.assign({parentName:"tr"},{align:null}),"Ir\xe1 usar o ",(0,o.kt)("inlineCode",{parentName:"td"},"currentLocation")," fornecido para tentar ver se est\xe1 ativo ou n\xe3o")),(0,o.kt)("tr",{parentName:"tbody"},(0,o.kt)("td",Object.assign({parentName:"tr"},{align:null}),"tabIndex"),(0,o.kt)("td",Object.assign({parentName:"tr"},{align:null}),(0,o.kt)("inlineCode",{parentName:"td"},"number")),(0,o.kt)("td",Object.assign({parentName:"tr"},{align:null}),(0,o.kt)("inlineCode",{parentName:"td"},"false")),(0,o.kt)("td",Object.assign({parentName:"tr"},{align:null}),"-"),(0,o.kt)("td",Object.assign({parentName:"tr"},{align:null}))),(0,o.kt)("tr",{parentName:"tbody"},(0,o.kt)("td",Object.assign({parentName:"tr"},{align:null}),"disabled"),(0,o.kt)("td",Object.assign({parentName:"tr"},{align:null}),(0,o.kt)("inlineCode",{parentName:"td"},"boolean")),(0,o.kt)("td",Object.assign({parentName:"tr"},{align:null}),(0,o.kt)("inlineCode",{parentName:"td"},"false")),(0,o.kt)("td",Object.assign({parentName:"tr"},{align:null}),"-"),(0,o.kt)("td",Object.assign({parentName:"tr"},{align:null}))),(0,o.kt)("tr",{parentName:"tbody"},(0,o.kt)("td",Object.assign({parentName:"tr"},{align:null}),"onClick"),(0,o.kt)("td",Object.assign({parentName:"tr"},{align:null}),(0,o.kt)("inlineCode",{parentName:"td"},"function")),(0,o.kt)("td",Object.assign({parentName:"tr"},{align:null}),(0,o.kt)("inlineCode",{parentName:"td"},"false")),(0,o.kt)("td",Object.assign({parentName:"tr"},{align:null}),"-"),(0,o.kt)("td",Object.assign({parentName:"tr"},{align:null}))))),(0,o.kt)("h3",Object.assign({},{id:"sidebargroup-props"}),"Sidebar.Group props"),(0,o.kt)("table",null,(0,o.kt)("thead",{parentName:"table"},(0,o.kt)("tr",{parentName:"thead"},(0,o.kt)("th",Object.assign({parentName:"tr"},{align:null}),"prop"),(0,o.kt)("th",Object.assign({parentName:"tr"},{align:null}),"tipo"),(0,o.kt)("th",Object.assign({parentName:"tr"},{align:null}),"obrigat\xf3rio"),(0,o.kt)("th",Object.assign({parentName:"tr"},{align:null}),"padr\xe3o"),(0,o.kt)("th",Object.assign({parentName:"tr"},{align:null}),"descri\xe7\xe3o"))),(0,o.kt)("tbody",{parentName:"table"},(0,o.kt)("tr",{parentName:"tbody"},(0,o.kt)("td",Object.assign({parentName:"tr"},{align:null}),"label"),(0,o.kt)("td",Object.assign({parentName:"tr"},{align:null}),(0,o.kt)("inlineCode",{parentName:"td"},"React.ReactNode")),(0,o.kt)("td",Object.assign({parentName:"tr"},{align:null}),(0,o.kt)("inlineCode",{parentName:"td"},"false")),(0,o.kt)("td",Object.assign({parentName:"tr"},{align:null}),"-"),(0,o.kt)("td",Object.assign({parentName:"tr"},{align:null}),"-")),(0,o.kt)("tr",{parentName:"tbody"},(0,o.kt)("td",Object.assign({parentName:"tr"},{align:null}),"tabIndex"),(0,o.kt)("td",Object.assign({parentName:"tr"},{align:null}),(0,o.kt)("inlineCode",{parentName:"td"},"number")),(0,o.kt)("td",Object.assign({parentName:"tr"},{align:null}),(0,o.kt)("inlineCode",{parentName:"td"},"false")),(0,o.kt)("td",Object.assign({parentName:"tr"},{align:null}),"-"),(0,o.kt)("td",Object.assign({parentName:"tr"},{align:null}))))),(0,o.kt)("h3",Object.assign({},{id:"content-props"}),"Content props"),(0,o.kt)("table",null,(0,o.kt)("thead",{parentName:"table"},(0,o.kt)("tr",{parentName:"thead"},(0,o.kt)("th",Object.assign({parentName:"tr"},{align:null}),"prop"),(0,o.kt)("th",Object.assign({parentName:"tr"},{align:null}),"tipo"),(0,o.kt)("th",Object.assign({parentName:"tr"},{align:null}),"obrigat\xf3rio"),(0,o.kt)("th",Object.assign({parentName:"tr"},{align:null}),"padr\xe3o"),(0,o.kt)("th",Object.assign({parentName:"tr"},{align:null}),"descri\xe7\xe3o"))),(0,o.kt)("tbody",{parentName:"table"},(0,o.kt)("tr",{parentName:"tbody"},(0,o.kt)("td",Object.assign({parentName:"tr"},{align:null}),"disablePadding"),(0,o.kt)("td",Object.assign({parentName:"tr"},{align:null}),(0,o.kt)("inlineCode",{parentName:"td"},"boolean")),(0,o.kt)("td",Object.assign({parentName:"tr"},{align:null}),(0,o.kt)("inlineCode",{parentName:"td"},"false")),(0,o.kt)("td",Object.assign({parentName:"tr"},{align:null}),"-"),(0,o.kt)("td",Object.assign({parentName:"tr"},{align:null}),"Remove o padding")))))}l.isMDXComponent=!0;var u={editThisPagePath:"src/pages/ui-components/Layout/index.mdx"};for(var c in u)window[c]=u[c]}},function(e){e.O(0,[7898,2937,4749,9774,2888,179],function(){return e(e.s=48855)}),_N_E=e.O()}]); \ No newline at end of file +(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[6277],{48855:function(e,t,n){(window.__NEXT_P=window.__NEXT_P||[]).push(["/ui-components/Layout",function(){return n(13335)}])},98184:function(e,t,n){"use strict";function r(e,t,n,r,o,a,i){try{var l=e[a](i),u=l.value}catch(c){n(c);return}l.done?t(u):Promise.resolve(u).then(r,o)}function o(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function a(e){for(var t=1;t0&&c[c.length-1])&&(6===e[0]||2===e[0])){p=0;continue}if(3===e[0]&&(!c||e[1]>c[0]&&e[1]e.length)&&(t=e.length);for(var n=0,r=Array(t);ne.length)&&(t=e.length);for(var n=0,r=Array(t);n=0||(o[n]=e[n]);return o}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(r=0;r=0)&&Object.prototype.propertyIsEnumerable.call(e,n)&&(o[n]=e[n])}return o}(e,["focusable","children","size"]);return(0,r.jsx)("svg",(o=function(e){for(var t=1;t=0||(o[n]=e[n]);return o}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(r=0;r=0)&&Object.prototype.propertyIsEnumerable.call(e,n)&&(o[n]=e[n])}return o}(e,["focusable","children","size"]);return(0,r.jsx)("svg",(o=function(e){for(var t=1;te.length)&&(t=e.length);for(var n=0,r=Array(t);n=0||(o[n]=e[n]);return o}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(r=0;r=0)&&Object.prototype.propertyIsEnumerable.call(e,n)&&(o[n]=e[n])}return o}(e,["className","children"]),p=y(o.useState(!1),2),f=p[0],b=p[1],g=y(o.useState(!1),2),m=g[0],O=g[1],h=y(o.useState(!1),2),j=h[0],v=h[1],w=y(o.useState(null),2),x=w[0],k=w[1],P=y(o.useState(null),2),N=P[0],_=P[1],M=y((0,a.default)(!1),4),C=M[0],S=M[1],D=M[2],E=M[3],T=y((0,a.default)(!1),4),z=T[0],I=T[1],A=T[2],L=T[3],W=o.useCallback(function(){return b(!0),function(){return b(!1)}},[]),R=o.useCallback(function(){return O(!0),function(){return O(!1)}},[]),U=o.useCallback(function(e){k(e)},[]),H=o.useCallback(function(){return v(!0),function(){return v(!1)}},[]),B=o.useCallback(function(e){_(e)},[]),Q=o.useMemo(function(){return{topbar:{exists:f,centerPortal:x,register:W,registerCenterPortal:U},sidebar:{exists:m,opened:z,register:R,toogleOpened:I,trueOpened:A,falseOpened:L},userMenu:{opened:C,containerPortal:N,exists:j,register:H,registerContainerPortal:B,toogleOpened:S,trueOpened:D,falseOpened:E}}},[L,E,m,f,j,R,W,U,H,B,z,I,S,x,A,D,N,C]);return(0,r.jsx)(l.default.Provider,{value:Q,children:(0,r.jsx)("div",(t=function(e){for(var t=1;te.length)&&(t=e.length);for(var n=0,r=Array(t);n li {\n padding: 0.07rem 1rem;\n align-items: center;\n line-height: 1.2;\n cursor: pointer;\n display: grid;\n grid-template-columns: ","rem 1fr;\n grid-gap: 0.5rem;\n text-decoration: none;\n white-space: nowrap;\n transition: 0.3s;\n\n "," {\n padding: 0.3rem 1rem;\n }\n\n & .hst-sidebar-item-label-wrapper {\n display: flex;\n align-items: center;\n justify-content: space-between;\n\n & .hst-sidebar-item-label {\n grid-column: 2;\n transition: 0.15s ease-in;\n overflow: hidden;\n text-overflow: ellipsis;\n min-width: 0;\n font-size: 15.5px;\n }\n\n & .hst-sidebar-item-label-external {\n fill: ",";\n opacity: 0.5;\n }\n }\n\n & .hst-sidebar-item-icon {\n transform: scale(0);\n opacity: 0;\n transition: 0.15s ease-in;\n color: ",";\n }\n }\n\n &.hst-sidebar-item-active > li {\n &::before {\n background: ",";\n }\n\n & .hst-sidebar-item-icon {\n transform: scale(1);\n opacity: 1;\n }\n }\n\n &.hst-sidebar-item-disabled {\n opacity: 0.32;\n pointer-events: none;\n }\n "],t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}})));return m=function(){return n},n}n(1631);var y=o.forwardRef(function(e,t){var n=e.className,d=e.children,b=e.isActive,g=e.tabIndex,m=e.as,y=e.disabled,O=e.to,h=e.isExternal,j=function(e,t){if(null==e)return{};var n,r,o=function(e,t){if(null==e)return{};var n,r,o={},a=Object.keys(e);for(r=0;r=0||(o[n]=e[n]);return o}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(r=0;r=0)&&Object.prototype.propertyIsEnumerable.call(e,n)&&(o[n]=e[n])}return o}(e,["className","children","isActive","tabIndex","as","disabled","to","isExternal"]);h=null!=h?h:(null==j?void 0:j.target)==="_blank";var v,w,x=(0,i.useContextSelector)(s.default,function(e){return e.isActiveItem}),k=(0,i.useContextSelector)(p.default,function(e){return e.onItemActive}),P=null!=b?b:x(O);return o.useEffect(function(){P&&k()},[P,k]),o.createElement(null!=m?m:"a",(v=function(e){for(var t=1;t nav {\n overflow-y: auto;\n overflow-x: hidden;\n padding: 2rem 0 2.5rem 0;\n\n &::-webkit-scrollbar {\n width: 3px;\n background: transparent;\n }\n\n &::-webkit-scrollbar-thumb {\n background: transparent;\n border-radius: 4px;\n }\n\n &:hover::-webkit-scrollbar-thumb {\n background: #e0e0e0;\n }\n\n ul {\n list-style-type: none;\n }\n }\n }\n\n &.hst-sidebar-has-topbar .hst-sidebar-container {\n top: ","px;\n }\n\n "," {\n width: 0;\n\n & .hst-sidebar-container {\n background-color: ",";\n left: -","px;\n border: 0;\n opacity: 0;\n box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.16);\n }\n\n &.hst-sidebar-visible .hst-sidebar-container {\n left: 0;\n opacity: 1;\n }\n }\n "]);return O=function(){return e},e}function h(){var e=y(["\n ","\n"]);return h=function(){return e},e}var j=function(e){var t=e.currentLocation,n=e.children,l=e.className,u=(0,p.useMediaQueryDown)("lg"),f=(0,a.useContextSelector)(d.default,function(e){return e.topbar.exists}),b=(0,a.useContextSelector)(d.default,function(e){return e.sidebar.register}),g=(0,a.useContextSelector)(d.default,function(e){return e.sidebar.opened}),m=(0,a.useContextSelector)(d.default,function(e){return e.sidebar.toogleOpened}),y=(0,a.useContextSelector)(d.default,function(e){return e.sidebar.falseOpened});o.useEffect(function(){var e=b();return function(){return e()}},[b]);var O=o.useMemo(function(){return{isActiveItem:function(e){return!!e&&e===t}}},[t]);return o.useEffect(function(){y()},[t]),(0,r.jsx)(i.default.Provider,{value:O,children:(0,r.jsxs)("div",{className:(0,s.cx)(l,{"hst-sidebar-visible":g&&u,"hst-sidebar-has-topbar":f}),children:[(0,r.jsx)(c.default,{visible:g&&u,onClick:m,underTopbar:!0}),(0,r.jsx)("aside",{className:"hst-sidebar-container",children:(0,r.jsx)("nav",{children:(0,r.jsx)("ul",{children:n})})})]})})},v=(0,s.default)(j,{label:"hst-sidebar"})(h(),function(e){var t=e.theme;return(0,s.css)(O(),d.MENU_WIDTH,t.antd.colorBgLayout,d.MENU_WIDTH,t.components.topBarHeight,t.mediaQuery.down("lg"),t.antd.colorBgElevated,d.MENU_WIDTH)}),w=(0,f.default)(v,{Item:u.default,Group:l.default})},53811:function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),Object.defineProperty(t,"default",{enumerable:!0,get:function(){return g}});var r,o=n(24246),a=n(27378),i=n(4316),l=n(55693),u=function(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!=typeof e&&"function"!=typeof e)return{default:e};var n=f(t);if(n&&n.has(e))return n.get(e);var r={},o=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var a in e)if("default"!==a&&Object.prototype.hasOwnProperty.call(e,a)){var i=o?Object.getOwnPropertyDescriptor(e,a):null;i&&(i.get||i.set)?Object.defineProperty(r,a,i):r[a]=e[a]}return r.default=e,n&&n.set(e,r),r}(n(21671)),c=n(72193),s=(r=n(45010),r&&r.__esModule?r:{default:r});function p(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function f(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,n=new WeakMap;return(f=function(e){return e?n:t})(e)}function d(){var e,t,n=(e=["\n & .anticon {\n font-size: 20px;\n vertical-align: text-bottom;\n }\n\n button {\n color: ",";\n margin-top: 2px;\n display: flex;\n justify-content: center;\n align-items: center;\n }\n\n &.--hst-active button {\n background-color: ",";\n }\n "],t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}})));return d=function(){return n},n}var b=(0,a.forwardRef)(function(e,t){var n,r,f=e.active,d=e.icon,b=e.label,g=e.onClick,m=e.className,y=e.tooltip,O=e.badgeCount,h=e.badgeDot,j=function(e,t){if(null==e)return{};var n,r,o=function(e,t){if(null==e)return{};var n,r,o={},a=Object.keys(e);for(r=0;r=0||(o[n]=e[n]);return o}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(r=0;r=0)&&Object.prototype.propertyIsEnumerable.call(e,n)&&(o[n]=e[n])}return o}(e,["active","icon","label","onClick","className","tooltip","badgeCount","badgeDot"]),v=(0,l.useContext)(s.default);return b=(0,c.useMediaQueryDown)("md")?void 0:b,(0,a.useEffect)(function(){var e=v({badgeCount:null!=O?O:0,badgeDot:null!=h&&h});return function(){return e()}},[O,h,v]),(0,o.jsx)("div",(n=function(e){for(var t=1;te.length)&&(t=e.length);for(var n=0,r=Array(t);n2,"--hst-has-user":P,"--hst-expanded":v}),children:(0,r.jsxs)("div",{className:"hst-topbar-actions-content",children:[(0,r.jsx)(f.default,{className:"hst-topbar-actions-content-expand",badgeCount:v?0:_,badgeDot:!v&&M,icon:v?(0,r.jsx)(s.default,{size:19}):(0,r.jsx)(c.default,{size:19}),onClick:w}),(0,r.jsx)(l.default.Provider,{value:N,children:(0,r.jsx)("div",{className:"hst-topbar-actions-content-icons",children:t})})]})})},w=(0,p.default)(o.memo(v),{label:"hst-topbar-actions"})(function(e){var t=e.theme;return(0,p.css)(j(),t.mediaQuery.down("xs"),t.components.topBarHeight,t.hexToRgba(t.antd.colorBgElevated,.8))})},20784:function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),Object.defineProperty(t,"default",{enumerable:!0,get:function(){return O}});var r=n(24246),o=g(n(27378)),a=n(1631),i=n(4316),l=d(n(89015)),u=d(n(51587)),c=g(n(21671)),s=n(15540);function p(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=Array(t);n=0||(o[n]=e[n]);return o}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(r=0;r=0)&&Object.prototype.propertyIsEnumerable.call(e,n)&&(o[n]=e[n])}return o}(e,["currentApplication","applications","className","opened","onClose"]),j=function(e){if(Array.isArray(e))return e}(t=(0,l.default)())||function(e,t){var n,r,o=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=o){var a=[],i=!0,l=!1;try{for(o=o.call(e);!(i=(n=o.next()).done)&&(a.push(n.value),!t||a.length!==t);i=!0);}catch(u){l=!0,r=u}finally{try{i||null==o.return||o.return()}finally{if(l)throw r}}return a}}(t,4)||function(e,t){if(e){if("string"==typeof e)return p(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);if("Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n)return Array.from(n);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return p(e,t)}}(t,4)||function(){throw TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}(),v=j[0],w=j[1],x=j[3];return o.useEffect(function(){var e=document.body.style.overflow;return document.body.style.overflow=v?"hidden":e,function(){document.body.style.overflow=e}},[v]),o.useEffect(function(){y||x()},[y]),(0,r.jsxs)("div",(s=function(e){for(var t=1;te.length)&&(t=e.length);for(var n=0,r=Array(t);n=0||(o[n]=e[n]);return o}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(r=0;r=0)&&Object.prototype.propertyIsEnumerable.call(e,n)&&(o[n]=e[n])}return o}(e,["id","className"]),w=(0,a.useContextSelector)(b.default,function(e){var n;return null!==(t=null===(n=e.user)||void 0===n?void 0:n.isSupport)&&void 0!==t&&t}),x=(0,a.useContextSelector)(b.default,function(e){return e.currentApplication}),k=j((0,i.default)(),4),P=k[0],N=k[1],_=k[3],M=o.useRef(null),C=j((0,l.default)((n=function(){var e,t,n,r,o,a,i,l,u,c,s;return n=this,r=function(e){switch(e.label){case 0:return[4,fetch("https://eduzz-houston.s3.amazonaws.com/topbar/applications.json")];case 1:return[4,e.sent().json()];case 2:return[2,e.sent().filter(function(e){return!e.beta||!!w||e.application===x})]}},o=function(e){return function(t){return a([e,t])}},a=function(e){if(i)throw TypeError("Generator is already executing.");for(;s;)try{if(i=1,l&&(u=2&e[0]?l.return:e[0]?l.throw||((u=l.return)&&u.call(l),0):l.next)&&!(u=u.call(l,e[1])).done)return u;switch(l=0,u&&(e=[2&e[0],u.value]),e[0]){case 0:case 1:u=e;break;case 4:return s.label++,{value:e[1],done:!1};case 5:s.label++,l=e[1],e=[0];continue;case 7:e=s.ops.pop(),s.trys.pop();continue;default:if(!(u=(u=s.trys).length>0&&u[u.length-1])&&(6===e[0]||2===e[0])){s=0;continue}if(3===e[0]&&(!u||e[1]>u[0]&&e[1]e.length)&&(t=e.length);for(var n=0,r=Array(t);n .hst-topbar-belt-text {\n color: inherit;\n white-space: nowrap;\n text-transform: uppercase;\n font-style: italic;\n font-size: 14px;\n margin-left: 0.25rem;\n }\n }\n\n .hst-topbar-belt-icon {\n min-width: ","rem;\n display: flex;\n align-items: center;\n }\n "],t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}})));return v=function(){return n},n}var w=["white","red","orange","green","black","golden"],x=s.memo(function(e){var t=e.className,n=(0,f.useContextSelector)(g.default,function(e){var t;return null===(t=e.user)||void 0===t?void 0:t.belt}),r=j(s.useState(""),2),o=r[0],a=r[1],i=j(s.useState(""),2),l=i[0],u=i[1];return(s.useEffect(function(){if(!n){a(""),u("");return}var e=n.toString().toLowerCase().split(" ")[0],t=w.includes(e)?e:"sensei"===e?"black":"white";a(n),u(t)},[n]),o)?(0,c.jsx)("div",{className:(0,b.cx)(t,"hst-topbar-belt-color-".concat(l)),children:(0,c.jsxs)("div",{className:"hst-topbar-belt-badge",children:[(0,c.jsx)(d.default,{size:25,className:"hst-topbar-belt-icon"}),(0,c.jsx)(p.Typography,{className:"hst-topbar-belt-text",children:o})]})}):null}),k=(0,b.default)(x,{label:"hst-topbar-belt"})(function(e){var t,n,c,s,p,f,d=e.theme;return(0,b.css)(v(),d.pxToRem(32),d.mediaQuery.down("md"),d.mediaQuery.down("lg"),d.beltColor.white,d.beltColor.white,null!==(r=null===(t=d.beltForegroundColor)||void 0===t?void 0:t.white)&&void 0!==r?r:"black",d.beltColor.red,d.beltColor.red,null!==(o=null===(n=d.beltForegroundColor)||void 0===n?void 0:n.red)&&void 0!==o?o:"white",d.beltColor.orange,d.beltColor.orange,null!==(a=null===(c=d.beltForegroundColor)||void 0===c?void 0:c.orange)&&void 0!==a?a:"white",d.beltColor.green,d.beltColor.green,null!==(i=null===(s=d.beltForegroundColor)||void 0===s?void 0:s.green)&&void 0!==i?i:"white",d.beltColor.black,d.beltColor.black,null!==(l=null===(p=d.beltForegroundColor)||void 0===p?void 0:p.black)&&void 0!==l?l:"white",d.beltColor.golden,d.beltColor.golden,null!==(u=null===(f=d.beltForegroundColor)||void 0===f?void 0:f.golden)&&void 0!==u?u:"white",d.pxToRem(32))})},80383:function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),Object.defineProperty(t,"default",{enumerable:!0,get:function(){return u}});var r=n(24246);n(27378);var o=function e(t,n){if(!n&&t&&t.__esModule)return t;if(null===t||"object"!=typeof t&&"function"!=typeof t)return{default:t};var r=a(n);if(r&&r.has(t))return r.get(t);var o={},i=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var l in t)if("default"!==l&&Object.prototype.hasOwnProperty.call(t,l)){var u=i?Object.getOwnPropertyDescriptor(t,l):null;u&&(u.get||u.set)?Object.defineProperty(o,l,u):o[l]=t[l]}return o.default=t,r&&r.set(t,o),o}(n(21671));function a(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,n=new WeakMap;return(a=function(e){return e?n:t})(e)}function i(){var e,t,n=(e=["\n height: 80%;\n width: auto;\n margin-inline: 0.5rem;\n\n & > img {\n max-width: 100%;\n max-height: 100%;\n height: ","px;\n }\n\n & > .hst-topbar-logo-mobile {\n display: none;\n }\n\n "," {\n width: ","rem;\n\n & .hst-topbar-logo-default {\n display: none;\n }\n\n & .hst-topbar-logo-mobile {\n display: block;\n }\n }\n "],t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}})));return i=function(){return n},n}var l=function(e){var t,n=e.logo,a=e.logoMobile,i=e.logoDarkMode,l=e.logoMobileDarkMode,u=e.className,c=e.wrapper,s="dark"===(0,o.useTheme)().mode?{desktop:null!=i?i:"//cdn.eduzzcdn.com/topbar/myeduzz-white.svg",mobile:null!=l?l:"//cdn.eduzzcdn.com/topbar/myeduzz-mobile.svg"}:{desktop:null!=n?n:"//cdn.eduzzcdn.com/topbar/myeduzz.svg",mobile:null!=a?a:"//cdn.eduzzcdn.com/topbar/myeduzz-mobile.svg"};return c?(0,r.jsxs)(c,{className:u,children:[(0,r.jsx)("img",{className:"hst-topbar-logo-default",src:s.desktop}),(0,r.jsx)("img",{className:"hst-topbar-logo-mobile",src:s.mobile})]}):(0,r.jsxs)("div",{className:u,children:[(0,r.jsx)("img",{className:"hst-topbar-logo-default",src:s.desktop}),(0,r.jsx)("img",{className:"hst-topbar-logo-mobile",src:s.mobile})]})},u=(0,o.default)(l,{label:"hst-topbar-logo"})(function(e){var t=e.theme;return(0,o.css)(i(),t.components.topBarHeight,t.mediaQuery.down("lg"),t.pxToRem(32))})},69132:function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),Object.defineProperty(t,"default",{enumerable:!0,get:function(){return y}});var r=n(24246),o=n(27378),a=n(1631),i=n(4316),l=n(55693),u=f(n(34324)),c=function(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!=typeof e&&"function"!=typeof e)return{default:e};var n=d(t);if(n&&n.has(e))return n.get(e);var r={},o=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var a in e)if("default"!==a&&Object.prototype.hasOwnProperty.call(e,a)){var i=o?Object.getOwnPropertyDescriptor(e,a):null;i&&(i.get||i.set)?Object.defineProperty(r,a,i):r[a]=e[a]}return r.default=e,n&&n.set(e,r),r}(n(21671)),s=f(n(15540));function p(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=Array(t);n0&&o[o.length-1])&&(6===a[0]||2===a[0])){u=0;continue}if(3===a[0]&&(!o||a[1]>o[0]&&a[1] span:not(.anticon, .ant-avatar) {\n max-width: 235px;\n text-overflow: ellipsis;\n overflow: hidden;\n }\n\n & > .anticon {\n font-size: 20px;\n }\n\n & > svg {\n width: 24px;\n margin-right: 5px;\n }\n\n &.hst-button-disabled {\n background-color: transparent;\n }\n"],t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}})));return f=function(){return n},n}var d=o.forwardRef(function(e,t){var n,l,s=e.id,p=e.className,f=e.icon,d=e.disabled,b=e.onClick,g=e.children,m=e.preventClose,y=e.as,O=function(e,t){if(null==e)return{};var n,r,o=function(e,t){if(null==e)return{};var n,r,o={},a=Object.keys(e);for(r=0;r=0||(o[n]=e[n]);return o}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(r=0;r=0)&&Object.prototype.propertyIsEnumerable.call(e,n)&&(o[n]=e[n])}return o}(e,["id","className","icon","disabled","onClick","children","preventClose","as"]),h=(0,i.useContextSelector)(u.default,function(e){return e.userMenu.falseOpened}),j=o.useCallback(function(e){b&&b(e),m||h()},[h,b,m]),v=(0,r.jsx)(a.Button,{id:s,icon:f,ref:t,block:!0,type:"text",onClick:j,className:p,disabled:d,children:g});return y&&(v=(0,r.jsx)(y,(n=function(e){for(var t=1;t .hst-topbar-user-menu-group-label {\n margin-top: 0.5rem;\n padding: 0.5rem 1rem 0.5rem 1rem;\n cursor: default;\n letter-spacing: 0.3px;\n font-weight: bold;\n }\n"],t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}})));return u=function(){return n},n}var c=function(e){var t,n,r=e.label,i=e.className,u=e.children,c=function(e,t){if(null==e)return{};var n,r,o=function(e,t){if(null==e)return{};var n,r,o={},a=Object.keys(e);for(r=0;r=0||(o[n]=e[n]);return o}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(r=0;r=0)&&Object.prototype.propertyIsEnumerable.call(e,n)&&(o[n]=e[n])}return o}(e,["label","className","children"]);return(0,o.jsxs)("div",(t=function(e){for(var t=1;t=0||(o[n]=e[n]);return o}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(r=0;r=0)&&Object.prototype.propertyIsEnumerable.call(e,n)&&(o[n]=e[n])}return o}(e,["className","children"]),d=(0,i.useContextSelector)(c.default,function(e){return e.userMenu.opened}),b=(0,i.useContextSelector)(c.default,function(e){return e.userMenu.register}),g=(0,i.useContextSelector)(c.default,function(e){return e.userMenu.containerPortal});return(a.useEffect(function(){var e=b();return function(){return e()}},[b]),g)?(0,o.jsx)(l.default,{target:g,children:(0,o.jsx)("div",(t=function(e){for(var t=1;t .hst-topbar-header {\n background-color: ",";\n color: ",";\n border-bottom: 3px solid ",";\n box-sizing: border-box;\n position: fixed;\n padding: 0.5rem 1rem 0.5rem 1rem;\n top: 0;\n left: 0;\n right: 0;\n height: ","rem;\n display: flex;\n justify-content: space-between;\n z-index: 105;\n gap: 1rem;\n transition: 0.15s ease-out, background-color 0.3s, border-bottom-color 0.3s;\n\n "," {\n padding: 0.5rem 0.5rem 0.5rem 0.3rem;\n }\n\n & > .hst-topbar-start {\n display: flex;\n align-items: center;\n\n & .hst-topbar-mobile-menu {\n cursor: pointer;\n\n & .hst-topbar-mobile-menu-icon {\n margin-top: -2px;\n }\n\n "," {\n display: none;\n }\n }\n\n .hst-topbar-tag {\n text-transform: capitalize;\n padding: 4px 8px 4px 8px;\n letter-spacing: 0.5px;\n display: block;\n border-radius: 3px;\n font-size: 14px;\n text-transform: uppercase;\n margin-left: 0.5rem;\n line-height: 14px;\n\n &.hst-topbar-tag-pro {\n border: 1px solid #bababa;\n }\n\n &.hst-topbar-tag-unity {\n border: 1px solid #000;\n background: #000;\n color: white;\n }\n\n &.hst-topbar-tag-partner {\n background: #ededed;\n }\n\n "," {\n display: none;\n }\n }\n }\n\n & > .hts-topbar-center {\n display: flex;\n flex: 1;\n align-items: center;\n justify-content: center;\n max-width: 400px;\n }\n\n & > .hst-topbar-quick-access {\n display: flex;\n align-items: center;\n justify-content: center;\n }\n }\n "],t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}})));return C=function(){return n},n}var S=o.memo(function(e){var t=e.children,n=e.currentApplication,d=e.logo,b=e.logoMobile,m=e.logoDarkMode,y=e.logoMobileDarkMode,O=e.logoWrapper,h=e.className,x=e.user,N=e.disableApps,_=function(e,t){if(null==e)return{};var n,r,o=function(e,t){if(null==e)return{};var n,r,o={},a=Object.keys(e);for(r=0;r=0||(o[n]=e[n]);return o}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(r=0;r=0)&&Object.prototype.propertyIsEnumerable.call(e,n)&&(o[n]=e[n])}return o}(e,["children","currentApplication","logo","logoMobile","logoDarkMode","logoMobileDarkMode","logoWrapper","className","user","disableApps"]),M=(0,i.useContextSelector)(k.default,function(e){return e.topbar.register}),C=(0,i.useContextSelector)(k.default,function(e){return e.sidebar.toogleOpened}),S=(0,i.useContextSelector)(k.default,function(e){return e.topbar.registerCenterPortal}),D=(0,i.useContextSelector)(k.default,function(e){return e.sidebar.opened});o.useEffect(function(){var e=M();return function(){return e()}},[M]),o.useEffect(function(){return document.body.classList.add("hst-topbar-applied"),function(){document.body.classList.remove("hst-topbar-applied")}},[]);var E,T,z=o.useMemo(function(){return{currentApplication:n,user:x}},[n,x]);return(0,r.jsx)(p.default.Provider,{value:z,children:(0,r.jsx)("div",(E=function(e){for(var t=1;t=0||(o[n]=e[n]);return o}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(r=0;r=0)&&Object.prototype.propertyIsEnumerable.call(e,n)&&(o[n]=e[n])}return o}(e,["className","visible","color","children","underTopbar"]),m=(0,i.default)(),y=m.disableScroll,O=m.enableScroll;return(a.useEffect(function(){return s&&y(),function(){O()}},[O,y,s]),s)?(0,o.jsx)("div",(t=function(e){for(var t=1;te.length)&&(t=e.length);for(var n=0,r=Array(t);ne.length)&&(t=e.length);for(var n=0,r=Array(t);n\n \n \n \n\n")),(0,o.kt)("h2",Object.assign({},{id:"desestruturando"}),"Desestruturando"),(0,o.kt)("p",null,"Para simplificar a escrita do c\xf3digo, voc\xea pode desestruturar os componentes."),(0,o.kt)("pre",null,(0,o.kt)("code",Object.assign({parentName:"pre"},{className:"language-jsx"}),"import Layout from '@eduzz/houston-ui/Layout';\n\nconst { Sidebar, Topbar, Content } = Layout;\nconst { Item, Group } = Sidebar;\n\nfunction CustomLayout() {\n return (\n \n \n {...}\n \n\n \n {...}\n \n\n \n {...}\n \n \n );\n}\n\nexport default CustomLayout;\n")),(0,o.kt)("h2",Object.assign({},{id:"exemplo"}),"Exemplo"),(0,o.kt)("pre",null,(0,o.kt)("code",Object.assign({parentName:"pre"},{className:"language-jsx"}),"import { NavLink, useLocation } from 'react-router-dom';\n\nconst { Sidebar, Topbar, Content } = Layout;\nconst { Item, Group } = Sidebar;\n\nfunction MyComponent() {\n const location = useLocation();\n\n return (\n \n \n \n\n } label='Notifica\xe7\xf5es' />\n } />\n\n \n Meus Dados\n Minhas Compras\n\n \n \n John Doe\n \n John Doe 2\n \n\n \n\n Sair\n \n \n\n \n Resumo\n\n \n \n Evento\n \n \n MasterMind\n \n \n Lan\xe7amento\n \n \n\n Marketplace\n \n\n {/*Your content here*/}\n \n );\n}\n")),(0,o.kt)("h2",Object.assign({},{id:"props"}),"Props"),(0,o.kt)("h3",Object.assign({},{id:"topbar-props"}),"Topbar props"),(0,o.kt)("table",null,(0,o.kt)("thead",{parentName:"table"},(0,o.kt)("tr",{parentName:"thead"},(0,o.kt)("th",Object.assign({parentName:"tr"},{align:null}),"prop"),(0,o.kt)("th",Object.assign({parentName:"tr"},{align:null}),"tipo"),(0,o.kt)("th",Object.assign({parentName:"tr"},{align:null}),"obrigat\xf3rio"),(0,o.kt)("th",Object.assign({parentName:"tr"},{align:null}),"padr\xe3o"),(0,o.kt)("th",Object.assign({parentName:"tr"},{align:null}),"descri\xe7\xe3o"))),(0,o.kt)("tbody",{parentName:"table"},(0,o.kt)("tr",{parentName:"tbody"},(0,o.kt)("td",Object.assign({parentName:"tr"},{align:null}),"logo"),(0,o.kt)("td",Object.assign({parentName:"tr"},{align:null}),(0,o.kt)("inlineCode",{parentName:"td"},"url")),(0,o.kt)("td",Object.assign({parentName:"tr"},{align:null}),(0,o.kt)("inlineCode",{parentName:"td"},"false")),(0,o.kt)("td",Object.assign({parentName:"tr"},{align:null}),"-"),(0,o.kt)("td",Object.assign({parentName:"tr"},{align:null}),"Url para o logo padrao.")),(0,o.kt)("tr",{parentName:"tbody"},(0,o.kt)("td",Object.assign({parentName:"tr"},{align:null}),"logoMobile"),(0,o.kt)("td",Object.assign({parentName:"tr"},{align:null}),(0,o.kt)("inlineCode",{parentName:"td"},"url")),(0,o.kt)("td",Object.assign({parentName:"tr"},{align:null}),(0,o.kt)("inlineCode",{parentName:"td"},"false")),(0,o.kt)("td",Object.assign({parentName:"tr"},{align:null}),"-"),(0,o.kt)("td",Object.assign({parentName:"tr"},{align:null}),"Url para o logo na vers\xe3o mobile.")),(0,o.kt)("tr",{parentName:"tbody"},(0,o.kt)("td",Object.assign({parentName:"tr"},{align:null}),"currentApplication"),(0,o.kt)("td",Object.assign({parentName:"tr"},{align:null}),(0,o.kt)("inlineCode",{parentName:"td"},"string")),(0,o.kt)("td",Object.assign({parentName:"tr"},{align:null}),(0,o.kt)("inlineCode",{parentName:"td"},"false")),(0,o.kt)("td",Object.assign({parentName:"tr"},{align:null}),"-"),(0,o.kt)("td",Object.assign({parentName:"tr"},{align:null}),"Aplica\xe7\xe3o que est\xe1 sendo usada, para marcar no menu de apps")),(0,o.kt)("tr",{parentName:"tbody"},(0,o.kt)("td",Object.assign({parentName:"tr"},{align:null}),"user"),(0,o.kt)("td",Object.assign({parentName:"tr"},{align:null}),(0,o.kt)("inlineCode",{parentName:"td"},"object")),(0,o.kt)("td",Object.assign({parentName:"tr"},{align:null}),(0,o.kt)("inlineCode",{parentName:"td"},"false")),(0,o.kt)("td",Object.assign({parentName:"tr"},{align:null}),"-"),(0,o.kt)("td",Object.assign({parentName:"tr"},{align:null}),"Se existe um usu\xe1rio logado, sem ele n\xe3o ter\xe1 o menu User")))),(0,o.kt)("h3",Object.assign({},{id:"topbaraction-props"}),"Topbar.Action props"),(0,o.kt)("table",null,(0,o.kt)("thead",{parentName:"table"},(0,o.kt)("tr",{parentName:"thead"},(0,o.kt)("th",Object.assign({parentName:"tr"},{align:null}),"prop"),(0,o.kt)("th",Object.assign({parentName:"tr"},{align:null}),"tipo"),(0,o.kt)("th",Object.assign({parentName:"tr"},{align:null}),"obrigat\xf3rio"),(0,o.kt)("th",Object.assign({parentName:"tr"},{align:null}),"padr\xe3o"),(0,o.kt)("th",Object.assign({parentName:"tr"},{align:null}),"descri\xe7\xe3o"))),(0,o.kt)("tbody",{parentName:"table"},(0,o.kt)("tr",{parentName:"tbody"},(0,o.kt)("td",Object.assign({parentName:"tr"},{align:null}),"icon"),(0,o.kt)("td",Object.assign({parentName:"tr"},{align:null}),(0,o.kt)("inlineCode",{parentName:"td"},"ReactNode")),(0,o.kt)("td",Object.assign({parentName:"tr"},{align:null}),(0,o.kt)("inlineCode",{parentName:"td"},"true")),(0,o.kt)("td",Object.assign({parentName:"tr"},{align:null}),"-"),(0,o.kt)("td",Object.assign({parentName:"tr"},{align:null}),"Icone, tamanho ideal 25")),(0,o.kt)("tr",{parentName:"tbody"},(0,o.kt)("td",Object.assign({parentName:"tr"},{align:null}),"label"),(0,o.kt)("td",Object.assign({parentName:"tr"},{align:null}),(0,o.kt)("inlineCode",{parentName:"td"},"string")),(0,o.kt)("td",Object.assign({parentName:"tr"},{align:null}),(0,o.kt)("inlineCode",{parentName:"td"},"false")),(0,o.kt)("td",Object.assign({parentName:"tr"},{align:null}),"-"),(0,o.kt)("td",Object.assign({parentName:"tr"},{align:null}))),(0,o.kt)("tr",{parentName:"tbody"},(0,o.kt)("td",Object.assign({parentName:"tr"},{align:null}),"isActive"),(0,o.kt)("td",Object.assign({parentName:"tr"},{align:null}),(0,o.kt)("inlineCode",{parentName:"td"},"boolean")),(0,o.kt)("td",Object.assign({parentName:"tr"},{align:null}),(0,o.kt)("inlineCode",{parentName:"td"},"false")),(0,o.kt)("td",Object.assign({parentName:"tr"},{align:null}),(0,o.kt)("inlineCode",{parentName:"td"},"false")),(0,o.kt)("td",Object.assign({parentName:"tr"},{align:null}),"Se o icone deve manter o estado de pressionado/ativo")),(0,o.kt)("tr",{parentName:"tbody"},(0,o.kt)("td",Object.assign({parentName:"tr"},{align:null}),"onClick"),(0,o.kt)("td",Object.assign({parentName:"tr"},{align:null}),(0,o.kt)("inlineCode",{parentName:"td"},"function")),(0,o.kt)("td",Object.assign({parentName:"tr"},{align:null}),(0,o.kt)("inlineCode",{parentName:"td"},"false")),(0,o.kt)("td",Object.assign({parentName:"tr"},{align:null}),"-"),(0,o.kt)("td",Object.assign({parentName:"tr"},{align:null}))))),(0,o.kt)("h3",Object.assign({},{id:"topbarusermenuitem-props"}),"Topbar.UserMenuItem props"),(0,o.kt)("table",null,(0,o.kt)("thead",{parentName:"table"},(0,o.kt)("tr",{parentName:"thead"},(0,o.kt)("th",Object.assign({parentName:"tr"},{align:null}),"prop"),(0,o.kt)("th",Object.assign({parentName:"tr"},{align:null}),"tipo"),(0,o.kt)("th",Object.assign({parentName:"tr"},{align:null}),"obrigat\xf3rio"),(0,o.kt)("th",Object.assign({parentName:"tr"},{align:null}),"padr\xe3o"),(0,o.kt)("th",Object.assign({parentName:"tr"},{align:null}),"descri\xe7\xe3o"))),(0,o.kt)("tbody",{parentName:"table"},(0,o.kt)("tr",{parentName:"tbody"},(0,o.kt)("td",Object.assign({parentName:"tr"},{align:null}),"icon"),(0,o.kt)("td",Object.assign({parentName:"tr"},{align:null}),(0,o.kt)("inlineCode",{parentName:"td"},"ReactNode")),(0,o.kt)("td",Object.assign({parentName:"tr"},{align:null}),(0,o.kt)("inlineCode",{parentName:"td"},"true")),(0,o.kt)("td",Object.assign({parentName:"tr"},{align:null}),"-"),(0,o.kt)("td",Object.assign({parentName:"tr"},{align:null}),"Icone, tamanho ideal 25")),(0,o.kt)("tr",{parentName:"tbody"},(0,o.kt)("td",Object.assign({parentName:"tr"},{align:null}),"children"),(0,o.kt)("td",Object.assign({parentName:"tr"},{align:null}),(0,o.kt)("inlineCode",{parentName:"td"},"string")),(0,o.kt)("td",Object.assign({parentName:"tr"},{align:null}),(0,o.kt)("inlineCode",{parentName:"td"},"false")),(0,o.kt)("td",Object.assign({parentName:"tr"},{align:null}),"-"),(0,o.kt)("td",Object.assign({parentName:"tr"},{align:null}),"Deve ser uma string")),(0,o.kt)("tr",{parentName:"tbody"},(0,o.kt)("td",Object.assign({parentName:"tr"},{align:null}),"disabled"),(0,o.kt)("td",Object.assign({parentName:"tr"},{align:null}),(0,o.kt)("inlineCode",{parentName:"td"},"boolean")),(0,o.kt)("td",Object.assign({parentName:"tr"},{align:null}),(0,o.kt)("inlineCode",{parentName:"td"},"false")),(0,o.kt)("td",Object.assign({parentName:"tr"},{align:null}),"-"),(0,o.kt)("td",Object.assign({parentName:"tr"},{align:null}))),(0,o.kt)("tr",{parentName:"tbody"},(0,o.kt)("td",Object.assign({parentName:"tr"},{align:null}),"onClick"),(0,o.kt)("td",Object.assign({parentName:"tr"},{align:null}),(0,o.kt)("inlineCode",{parentName:"td"},"function")),(0,o.kt)("td",Object.assign({parentName:"tr"},{align:null}),(0,o.kt)("inlineCode",{parentName:"td"},"false")),(0,o.kt)("td",Object.assign({parentName:"tr"},{align:null}),"-"),(0,o.kt)("td",Object.assign({parentName:"tr"},{align:null}))))),(0,o.kt)("h3",Object.assign({},{id:"topbarusermenugroup-props"}),"Topbar.UserMenuGroup props"),(0,o.kt)("table",null,(0,o.kt)("thead",{parentName:"table"},(0,o.kt)("tr",{parentName:"thead"},(0,o.kt)("th",Object.assign({parentName:"tr"},{align:null}),"prop"),(0,o.kt)("th",Object.assign({parentName:"tr"},{align:null}),"tipo"),(0,o.kt)("th",Object.assign({parentName:"tr"},{align:null}),"obrigat\xf3rio"),(0,o.kt)("th",Object.assign({parentName:"tr"},{align:null}),"padr\xe3o"),(0,o.kt)("th",Object.assign({parentName:"tr"},{align:null}),"descri\xe7\xe3o"))),(0,o.kt)("tbody",{parentName:"table"},(0,o.kt)("tr",{parentName:"tbody"},(0,o.kt)("td",Object.assign({parentName:"tr"},{align:null}),"label"),(0,o.kt)("td",Object.assign({parentName:"tr"},{align:null}),(0,o.kt)("inlineCode",{parentName:"td"},"string")),(0,o.kt)("td",Object.assign({parentName:"tr"},{align:null}),(0,o.kt)("inlineCode",{parentName:"td"},"true")),(0,o.kt)("td",Object.assign({parentName:"tr"},{align:null}),"-"),(0,o.kt)("td",Object.assign({parentName:"tr"},{align:null}))),(0,o.kt)("tr",{parentName:"tbody"},(0,o.kt)("td",Object.assign({parentName:"tr"},{align:null}),"children"),(0,o.kt)("td",Object.assign({parentName:"tr"},{align:null}),(0,o.kt)("inlineCode",{parentName:"td"},"ReactNode")),(0,o.kt)("td",Object.assign({parentName:"tr"},{align:null}),(0,o.kt)("inlineCode",{parentName:"td"},"true")),(0,o.kt)("td",Object.assign({parentName:"tr"},{align:null}),"-"),(0,o.kt)("td",Object.assign({parentName:"tr"},{align:null}))))),(0,o.kt)("h3",Object.assign({},{id:"sidebar-props"}),"Sidebar props"),(0,o.kt)("table",null,(0,o.kt)("thead",{parentName:"table"},(0,o.kt)("tr",{parentName:"thead"},(0,o.kt)("th",Object.assign({parentName:"tr"},{align:null}),"prop"),(0,o.kt)("th",Object.assign({parentName:"tr"},{align:null}),"tipo"),(0,o.kt)("th",Object.assign({parentName:"tr"},{align:null}),"obrigat\xf3rio"),(0,o.kt)("th",Object.assign({parentName:"tr"},{align:null}),"padr\xe3o"),(0,o.kt)("th",Object.assign({parentName:"tr"},{align:null}),"descri\xe7\xe3o"))),(0,o.kt)("tbody",{parentName:"table"},(0,o.kt)("tr",{parentName:"tbody"},(0,o.kt)("td",Object.assign({parentName:"tr"},{align:null}),"currentLocation"),(0,o.kt)("td",Object.assign({parentName:"tr"},{align:null}),(0,o.kt)("inlineCode",{parentName:"td"},"string")),(0,o.kt)("td",Object.assign({parentName:"tr"},{align:null}),(0,o.kt)("inlineCode",{parentName:"td"},"false")),(0,o.kt)("td",Object.assign({parentName:"tr"},{align:null}),"-"),(0,o.kt)("td",Object.assign({parentName:"tr"},{align:null}),"Caminho de localiza\xe7\xe3o atual (pathname).")))),(0,o.kt)("h3",Object.assign({},{id:"sidebaritem-props"}),"Sidebar.Item props"),(0,o.kt)("table",null,(0,o.kt)("thead",{parentName:"table"},(0,o.kt)("tr",{parentName:"thead"},(0,o.kt)("th",Object.assign({parentName:"tr"},{align:null}),"prop"),(0,o.kt)("th",Object.assign({parentName:"tr"},{align:null}),"tipo"),(0,o.kt)("th",Object.assign({parentName:"tr"},{align:null}),"obrigat\xf3rio"),(0,o.kt)("th",Object.assign({parentName:"tr"},{align:null}),"padr\xe3o"),(0,o.kt)("th",Object.assign({parentName:"tr"},{align:null}),"descri\xe7\xe3o"))),(0,o.kt)("tbody",{parentName:"table"},(0,o.kt)("tr",{parentName:"tbody"},(0,o.kt)("td",Object.assign({parentName:"tr"},{align:null}),"as"),(0,o.kt)("td",Object.assign({parentName:"tr"},{align:null}),(0,o.kt)("inlineCode",{parentName:"td"},"React.ElementType")),(0,o.kt)("td",Object.assign({parentName:"tr"},{align:null}),(0,o.kt)("inlineCode",{parentName:"td"},"false")),(0,o.kt)("td",Object.assign({parentName:"tr"},{align:null}),"-"),(0,o.kt)("td",Object.assign({parentName:"tr"},{align:null}),"Componente que envolve o item.")),(0,o.kt)("tr",{parentName:"tbody"},(0,o.kt)("td",Object.assign({parentName:"tr"},{align:null}),(0,o.kt)("inlineCode",{parentName:"td"},"any")),(0,o.kt)("td",Object.assign({parentName:"tr"},{align:null}),(0,o.kt)("inlineCode",{parentName:"td"},"any")),(0,o.kt)("td",Object.assign({parentName:"tr"},{align:null}),(0,o.kt)("inlineCode",{parentName:"td"},"false")),(0,o.kt)("td",Object.assign({parentName:"tr"},{align:null}),"-"),(0,o.kt)("td",Object.assign({parentName:"tr"},{align:null}),"Qualquer prop que o ",(0,o.kt)("inlineCode",{parentName:"td"},"as")," receba")),(0,o.kt)("tr",{parentName:"tbody"},(0,o.kt)("td",Object.assign({parentName:"tr"},{align:null}),"isActive"),(0,o.kt)("td",Object.assign({parentName:"tr"},{align:null}),(0,o.kt)("inlineCode",{parentName:"td"},"boolean")),(0,o.kt)("td",Object.assign({parentName:"tr"},{align:null}),(0,o.kt)("inlineCode",{parentName:"td"},"false")),(0,o.kt)("td",Object.assign({parentName:"tr"},{align:null}),(0,o.kt)("inlineCode",{parentName:"td"},"false")),(0,o.kt)("td",Object.assign({parentName:"tr"},{align:null}),"Ir\xe1 usar o ",(0,o.kt)("inlineCode",{parentName:"td"},"currentLocation")," fornecido para tentar ver se est\xe1 ativo ou n\xe3o")),(0,o.kt)("tr",{parentName:"tbody"},(0,o.kt)("td",Object.assign({parentName:"tr"},{align:null}),"tabIndex"),(0,o.kt)("td",Object.assign({parentName:"tr"},{align:null}),(0,o.kt)("inlineCode",{parentName:"td"},"number")),(0,o.kt)("td",Object.assign({parentName:"tr"},{align:null}),(0,o.kt)("inlineCode",{parentName:"td"},"false")),(0,o.kt)("td",Object.assign({parentName:"tr"},{align:null}),"-"),(0,o.kt)("td",Object.assign({parentName:"tr"},{align:null}))),(0,o.kt)("tr",{parentName:"tbody"},(0,o.kt)("td",Object.assign({parentName:"tr"},{align:null}),"disabled"),(0,o.kt)("td",Object.assign({parentName:"tr"},{align:null}),(0,o.kt)("inlineCode",{parentName:"td"},"boolean")),(0,o.kt)("td",Object.assign({parentName:"tr"},{align:null}),(0,o.kt)("inlineCode",{parentName:"td"},"false")),(0,o.kt)("td",Object.assign({parentName:"tr"},{align:null}),"-"),(0,o.kt)("td",Object.assign({parentName:"tr"},{align:null}))),(0,o.kt)("tr",{parentName:"tbody"},(0,o.kt)("td",Object.assign({parentName:"tr"},{align:null}),"onClick"),(0,o.kt)("td",Object.assign({parentName:"tr"},{align:null}),(0,o.kt)("inlineCode",{parentName:"td"},"function")),(0,o.kt)("td",Object.assign({parentName:"tr"},{align:null}),(0,o.kt)("inlineCode",{parentName:"td"},"false")),(0,o.kt)("td",Object.assign({parentName:"tr"},{align:null}),"-"),(0,o.kt)("td",Object.assign({parentName:"tr"},{align:null}))))),(0,o.kt)("h3",Object.assign({},{id:"sidebargroup-props"}),"Sidebar.Group props"),(0,o.kt)("table",null,(0,o.kt)("thead",{parentName:"table"},(0,o.kt)("tr",{parentName:"thead"},(0,o.kt)("th",Object.assign({parentName:"tr"},{align:null}),"prop"),(0,o.kt)("th",Object.assign({parentName:"tr"},{align:null}),"tipo"),(0,o.kt)("th",Object.assign({parentName:"tr"},{align:null}),"obrigat\xf3rio"),(0,o.kt)("th",Object.assign({parentName:"tr"},{align:null}),"padr\xe3o"),(0,o.kt)("th",Object.assign({parentName:"tr"},{align:null}),"descri\xe7\xe3o"))),(0,o.kt)("tbody",{parentName:"table"},(0,o.kt)("tr",{parentName:"tbody"},(0,o.kt)("td",Object.assign({parentName:"tr"},{align:null}),"label"),(0,o.kt)("td",Object.assign({parentName:"tr"},{align:null}),(0,o.kt)("inlineCode",{parentName:"td"},"React.ReactNode")),(0,o.kt)("td",Object.assign({parentName:"tr"},{align:null}),(0,o.kt)("inlineCode",{parentName:"td"},"false")),(0,o.kt)("td",Object.assign({parentName:"tr"},{align:null}),"-"),(0,o.kt)("td",Object.assign({parentName:"tr"},{align:null}),"-")),(0,o.kt)("tr",{parentName:"tbody"},(0,o.kt)("td",Object.assign({parentName:"tr"},{align:null}),"tabIndex"),(0,o.kt)("td",Object.assign({parentName:"tr"},{align:null}),(0,o.kt)("inlineCode",{parentName:"td"},"number")),(0,o.kt)("td",Object.assign({parentName:"tr"},{align:null}),(0,o.kt)("inlineCode",{parentName:"td"},"false")),(0,o.kt)("td",Object.assign({parentName:"tr"},{align:null}),"-"),(0,o.kt)("td",Object.assign({parentName:"tr"},{align:null}))))),(0,o.kt)("h3",Object.assign({},{id:"content-props"}),"Content props"),(0,o.kt)("table",null,(0,o.kt)("thead",{parentName:"table"},(0,o.kt)("tr",{parentName:"thead"},(0,o.kt)("th",Object.assign({parentName:"tr"},{align:null}),"prop"),(0,o.kt)("th",Object.assign({parentName:"tr"},{align:null}),"tipo"),(0,o.kt)("th",Object.assign({parentName:"tr"},{align:null}),"obrigat\xf3rio"),(0,o.kt)("th",Object.assign({parentName:"tr"},{align:null}),"padr\xe3o"),(0,o.kt)("th",Object.assign({parentName:"tr"},{align:null}),"descri\xe7\xe3o"))),(0,o.kt)("tbody",{parentName:"table"},(0,o.kt)("tr",{parentName:"tbody"},(0,o.kt)("td",Object.assign({parentName:"tr"},{align:null}),"disablePadding"),(0,o.kt)("td",Object.assign({parentName:"tr"},{align:null}),(0,o.kt)("inlineCode",{parentName:"td"},"boolean")),(0,o.kt)("td",Object.assign({parentName:"tr"},{align:null}),(0,o.kt)("inlineCode",{parentName:"td"},"false")),(0,o.kt)("td",Object.assign({parentName:"tr"},{align:null}),"-"),(0,o.kt)("td",Object.assign({parentName:"tr"},{align:null}),"Remove o padding")))))}l.isMDXComponent=!0;var u={editThisPagePath:"src/pages/ui-components/Layout/index.mdx"};for(var c in u)window[c]=u[c]}},function(e){e.O(0,[7898,2937,4749,9774,2888,179],function(){return e(e.s=48855)}),_N_E=e.O()}]); \ No newline at end of file diff --git a/eslint-config/README.html b/eslint-config/README.html index 3e3754f0c..f12221d30 100644 --- a/eslint-config/README.html +++ b/eslint-config/README.html @@ -1,4 +1,4 @@ -Houston | ESLint
\ No newline at end of file +mas resumidamente é:

bash
1
# Removendo Imports React não Utilizadas
2
npx react-codemod update-react-imports

tsconfig.json

json
1
{
2
  //... suas configurações
3
  "compilerOptions": {
4
    "jsx": "react-jsx" //Troque esse configuração
5
  }
6
}

.eslintrc

json
1
{
2
  "extends": ["@eduzz/eslint-config-houston"],
3
  "rules": {
4
    //Adicione essas rules
5
    "react/jsx-uses-react": "off",
6
    "react/react-in-jsx-scope": "off"
7
  }
8
}
Houston - Feito com ❤️ pela Eduzz
ESLint Config
React
React Native:
Node
Configurações Extras
VSCode
React Hooks
React 17 e JSX
\ No newline at end of file diff --git a/forms/Checkbox.html b/forms/Checkbox.html index 3e5ca0d13..94b54c741 100644 --- a/forms/Checkbox.html +++ b/forms/Checkbox.html @@ -1,4 +1,4 @@ -Houston | Checkbox

Checkbox#

Checkbox do Antd com a -configuração do react-form-hook.

Importação#

js
1
import Checkbox from '@eduzz/houston-forms/Checkbox';

Exemplo#

Checkbox Props#

Todas as props do Checkbox do Antd são validos, abaixos as props extras.

proptipoobrigatóriopadrãodescrição
namestringfalse-O name é importante para poder linkar o campo com o formulário
multiplebooleanfalse-O valor será um array
checkedValueanyfalsetrueValor customizado se checked
helpstringfalse-Exibe texto de ajuda abaixo do componente de texto.
errorstringfalse-Exibe uma mensagem de erro no componente de texto, assim como indica erro no campo.
Houston - Feito com ❤️ pela Eduzz
Checkbox
Importação
Exemplo
Checkbox Props
\ No newline at end of file +configuração do react-form-hook.

Importação#

js
1
import Checkbox from '@eduzz/houston-forms/Checkbox';

Exemplo#

Checkbox Props#

Todas as props do Checkbox do Antd são validos, abaixos as props extras.

proptipoobrigatóriopadrãodescrição
namestringfalse-O name é importante para poder linkar o campo com o formulário
multiplebooleanfalse-O valor será um array
checkedValueanyfalsetrueValor customizado se checked
helpstringfalse-Exibe texto de ajuda abaixo do componente de texto.
errorstringfalse-Exibe uma mensagem de erro no componente de texto, assim como indica erro no campo.
Houston - Feito com ❤️ pela Eduzz
Checkbox
Importação
Exemplo
Checkbox Props
\ No newline at end of file diff --git a/forms/DatePicker.html b/forms/DatePicker.html index d633dd9ab..bc97ca309 100644 --- a/forms/DatePicker.html +++ b/forms/DatePicker.html @@ -1,4 +1,4 @@ -Houston | DatePicker

Date Picker#

Datepicker do Antd com a -configuração do react-form-hook.

Importação#

js
1
import DatePicker from '@eduzz/houston-forms/DatePicker';

Exemplo#

Props#

Todas as props do DatePicker do Antd são validos, abaixos as props extras.

proptipoobrigatóriopadrãodescrição
namestringfalse-O name é importante para poder linkar o campo com o formulário
labelstringfalse--
helpstringfalse-Exibe texto de ajuda abaixo do componente de texto.
errorstringfalse-Exibe uma mensagem de erro no componente de texto, assim como indica erro no campo.
maxDateDatefalse--
minDateDatefalse--
Houston - Feito com ❤️ pela Eduzz
Date Picker
Importação
Exemplo
Props
\ No newline at end of file +configuração do react-form-hook.

Importação#

js
1
import DatePicker from '@eduzz/houston-forms/DatePicker';

Exemplo#

Props#

Todas as props do DatePicker do Antd são validos, abaixos as props extras.

proptipoobrigatóriopadrãodescrição
namestringfalse-O name é importante para poder linkar o campo com o formulário
labelstringfalse--
helpstringfalse-Exibe texto de ajuda abaixo do componente de texto.
errorstringfalse-Exibe uma mensagem de erro no componente de texto, assim como indica erro no campo.
maxDateDatefalse--
minDateDatefalse--
Houston - Feito com ❤️ pela Eduzz
Date Picker
Importação
Exemplo
Props
\ No newline at end of file diff --git a/forms/Form.html b/forms/Form.html index d37c81e10..3f4ea92cb 100644 --- a/forms/Form.html +++ b/forms/Form.html @@ -1,4 +1,4 @@ -Houston | Form
\ No newline at end of file +
23
const SubComponent = () => {
24
const form = useFormContext();
25
...
26
};
proptipoobrigatóriopadrãodescrição
idstringfalse-
classNamestringfalse-
contextreact-hook-form useForm returntrue--
onSubmitfunctiontrue--
Houston - Feito com ❤️ pela Eduzz
Form
Importação
Exemplo
Contexto interno
\ No newline at end of file diff --git a/forms/Input.html b/forms/Input.html index 4a318b98f..f7f1b4741 100644 --- a/forms/Input.html +++ b/forms/Input.html @@ -1,4 +1,4 @@ -Houston | Input

Input#

Input do Antd com a -configuração do react-form-hook.

Props#

Todas as props do Input do Antd são validos, abaixos as props extras.

proptipoobrigatóriopadrãodescrição
namestringfalse-O name é importante para poder linkar o campo com o formulário
labelstringfalse--
maskBuildInMasks/MaskAdapterfalse-Máscara que será aplicada no campo.
helpstringfalse-Exibe texto de ajuda abaixo do componente de texto.
errorstringfalse-Exibe uma mensagem de erro no componente de texto, assim como indica erro no campo.
Houston - Feito com ❤️ pela Eduzz
Input
Props
\ No newline at end of file +configuração do react-form-hook.

Props#

Todas as props do Input do Antd são validos, abaixos as props extras.

proptipoobrigatóriopadrãodescrição
namestringfalse-O name é importante para poder linkar o campo com o formulário
labelstringfalse--
maskBuildInMasks/MaskAdapterfalse-Máscara que será aplicada no campo.
helpstringfalse-Exibe texto de ajuda abaixo do componente de texto.
errorstringfalse-Exibe uma mensagem de erro no componente de texto, assim como indica erro no campo.
Houston - Feito com ❤️ pela Eduzz
Input
Props
\ No newline at end of file diff --git a/forms/README.html b/forms/README.html index ea0aaf35a..be7d30851 100644 --- a/forms/README.html +++ b/forms/README.html @@ -1,4 +1,4 @@ -Houston | Visão geral
\ No newline at end of file +
25
<Button type='submit'>Submit</Button>
26
</Form>

Parametros#

O único parametro especifico é o validationSchema, o resto é configuração padrão do react-hook-form.

proptipoobrigatóriodescrição
validationSchemafunctiontrueUtilizado para validação do formulário
Houston - Feito com ❤️ pela Eduzz
Formulários
Instalação
Técnologias
Importação
Como usar
Parametros
\ No newline at end of file diff --git a/forms/Radio.html b/forms/Radio.html index d0f7c23f5..a83df9c3c 100644 --- a/forms/Radio.html +++ b/forms/Radio.html @@ -1,4 +1,4 @@ -Houston | Radio

Radio#

Radio do Antd com a -configuração do react-form-hook.

Importação#

js
1
import Radio from '@eduzz/houston-forms/Radio';

Exemplo#

Radio Props#

Todas as props do Radio do Antd são validos, abaixos as props extras.

proptipoobrigatóriopadrãodescrição
namestringfalse-O name é importante para poder linkar o campo com o formulário
checkedValueanyfalsetrueValor customizado se checked
helpstringfalse-Exibe texto de ajuda abaixo do componente de texto.
errorstringfalse-Exibe uma mensagem de erro no componente de texto, assim como indica erro no campo.
Houston - Feito com ❤️ pela Eduzz
Radio
Importação
Exemplo
Radio Props
\ No newline at end of file +configuração do react-form-hook.

Importação#

js
1
import Radio from '@eduzz/houston-forms/Radio';

Exemplo#

Radio Props#

Todas as props do Radio do Antd são validos, abaixos as props extras.

proptipoobrigatóriopadrãodescrição
namestringfalse-O name é importante para poder linkar o campo com o formulário
checkedValueanyfalsetrueValor customizado se checked
helpstringfalse-Exibe texto de ajuda abaixo do componente de texto.
errorstringfalse-Exibe uma mensagem de erro no componente de texto, assim como indica erro no campo.
Houston - Feito com ❤️ pela Eduzz
Radio
Importação
Exemplo
Radio Props
\ No newline at end of file diff --git a/forms/Select.html b/forms/Select.html index 9c5933de4..4fd6ffa50 100644 --- a/forms/Select.html +++ b/forms/Select.html @@ -1,4 +1,4 @@ -Houston | Select

Select#

Select do Antd com a -configuração do react-form-hook.

Importação#

js
1
import Select from '@eduzz/houston-forms/Select';

Exemplo#

Seleção de múltiplas opções#

Select Props#

Todas as props do Select do Antd são validos, abaixos as props extras.

proptipoobrigatóriopadrãodescrição
namestringfalse-O name é importante para poder linkar o campo com o formulário
labelstringfalse--
helpstringfalse-Exibe texto de ajuda abaixo do componente de texto.
errorstringfalse-Exibe uma mensagem de erro no componente de texto, assim como indica erro no campo.

Select.Option Props#

Todas as props do Select.Options do Antd são validos

Houston - Feito com ❤️ pela Eduzz
Select
Importação
Exemplo
Seleção de múltiplas opções
Select Props
Select.Option Props
\ No newline at end of file +configuração do react-form-hook.

Importação#

js
1
import Select from '@eduzz/houston-forms/Select';

Exemplo#

Seleção de múltiplas opções#

Select Props#

Todas as props do Select do Antd são validos, abaixos as props extras.

proptipoobrigatóriopadrãodescrição
namestringfalse-O name é importante para poder linkar o campo com o formulário
labelstringfalse--
helpstringfalse-Exibe texto de ajuda abaixo do componente de texto.
errorstringfalse-Exibe uma mensagem de erro no componente de texto, assim como indica erro no campo.

Select.Option Props#

Todas as props do Select.Options do Antd são validos

Houston - Feito com ❤️ pela Eduzz
Select
Importação
Exemplo
Seleção de múltiplas opções
Select Props
Select.Option Props
\ No newline at end of file diff --git a/forms/Switch.html b/forms/Switch.html index 19634444f..485909ea6 100644 --- a/forms/Switch.html +++ b/forms/Switch.html @@ -1,4 +1,4 @@ -Houston | Switch

Switch#

Switch do Antd com a -configuração do react-form-hook.

Importação#

js
1
import Switch from '@eduzz/houston-forms/Switch';

Exemplo#

Switch Props#

Todas as props do Switch do Antd são validos, abaixos as props extras.

proptipoobrigatóriopadrãodescrição
namestringfalse-O name é importante para poder linkar o campo com o formulário
checkedValueanyfalsetrueValor customizado se checked
childrenReactNodefalse-Label do switch
helpstringfalse-Exibe texto de ajuda abaixo do componente de texto.
errorstringfalse-Exibe uma mensagem de erro no componente de texto, assim como indica erro no campo.
Houston - Feito com ❤️ pela Eduzz
Switch
Importação
Exemplo
Switch Props
\ No newline at end of file +configuração do react-form-hook.

Importação#

js
1
import Switch from '@eduzz/houston-forms/Switch';

Exemplo#

Switch Props#

Todas as props do Switch do Antd são validos, abaixos as props extras.

proptipoobrigatóriopadrãodescrição
namestringfalse-O name é importante para poder linkar o campo com o formulário
checkedValueanyfalsetrueValor customizado se checked
childrenReactNodefalse-Label do switch
helpstringfalse-Exibe texto de ajuda abaixo do componente de texto.
errorstringfalse-Exibe uma mensagem de erro no componente de texto, assim como indica erro no campo.
Houston - Feito com ❤️ pela Eduzz
Switch
Importação
Exemplo
Switch Props
\ No newline at end of file diff --git a/forms/Textarea.html b/forms/Textarea.html index 0d88436c8..35cba88de 100644 --- a/forms/Textarea.html +++ b/forms/Textarea.html @@ -1,4 +1,4 @@ -Houston | Textarea

Textarea#

Input.Textarea do Antd com a -configuração do react-form-hook.

Props#

Todas as props do Input.Textarea do Antd são validos, abaixos as props extras.

proptipoobrigatóriopadrãodescrição
namestringfalse-O name é importante para poder linkar o campo com o formulário
labelstringfalse--
maskBuildInMasks/MaskAdapterfalse-Máscara que será aplicada no campo.
helpstringfalse-Exibe texto de ajuda abaixo do componente de texto.
errorstringfalse-Exibe uma mensagem de erro no componente de texto, assim como indica erro no campo.
Houston - Feito com ❤️ pela Eduzz
Textarea
Props
\ No newline at end of file +configuração do react-form-hook.

Props#

Todas as props do Input.Textarea do Antd são validos, abaixos as props extras.

proptipoobrigatóriopadrãodescrição
namestringfalse-O name é importante para poder linkar o campo com o formulário
labelstringfalse--
maskBuildInMasks/MaskAdapterfalse-Máscara que será aplicada no campo.
helpstringfalse-Exibe texto de ajuda abaixo do componente de texto.
errorstringfalse-Exibe uma mensagem de erro no componente de texto, assim como indica erro no campo.
Houston - Feito com ❤️ pela Eduzz
Textarea
Props
\ No newline at end of file diff --git a/forms/TimePicker.html b/forms/TimePicker.html index d91d225d7..6c70dd305 100644 --- a/forms/TimePicker.html +++ b/forms/TimePicker.html @@ -1,4 +1,4 @@ -Houston | TimePicker

Date Picker#

TimePicker do Antd com a -configuração do react-form-hook.

Importação#

js
1
import TimePicker from '@eduzz/houston-forms/TimePicker';

Exemplo#

Props#

Todas as props do TimePicker do Antd são validos, abaixos as props extras.

proptipoobrigatóriopadrãodescrição
namestringfalse-O name é importante para poder linkar o campo com o formulário
labelstringfalse--
helpstringfalse-Exibe texto de ajuda abaixo do componente de texto.
errorstringfalse-Exibe uma mensagem de erro no componente de texto, assim como indica erro no campo.
maxDateDatefalse--
minDateDatefalse--
Houston - Feito com ❤️ pela Eduzz
Date Picker
Importação
Exemplo
Props
\ No newline at end of file +configuração do react-form-hook.

Importação#

js
1
import TimePicker from '@eduzz/houston-forms/TimePicker';

Exemplo#

Props#

Todas as props do TimePicker do Antd são validos, abaixos as props extras.

proptipoobrigatóriopadrãodescrição
namestringfalse-O name é importante para poder linkar o campo com o formulário
labelstringfalse--
helpstringfalse-Exibe texto de ajuda abaixo do componente de texto.
errorstringfalse-Exibe uma mensagem de erro no componente de texto, assim como indica erro no campo.
maxDateDatefalse--
minDateDatefalse--
Houston - Feito com ❤️ pela Eduzz
Date Picker
Importação
Exemplo
Props
\ No newline at end of file diff --git a/forms/example.html b/forms/example.html index f445c059d..43b9711ae 100644 --- a/forms/example.html +++ b/forms/example.html @@ -1,4 +1,4 @@ -Houston | Exemplo

Exemplo de Validação#

Este é um exemplo utilzando o @eduzz/houston-ui.

O componente de formulário (Form) é utilizado para a criação, validação e controle de formulários de uma aplicação, -podendo ser utilizado através de um contexto ou hook.

Importação#

js
1
import useForm, { FormModel } from '@eduzz/houston-forms/useForm';
2
import Form from '@eduzz/houston-ui/Forms/Form';

Exemplo#

Campos dinâmicos#

Hooks para validação de formulários e máscaras#

Veja os hooks do Houston para validar formulários e máscaras em @eduzz/houston-forms.

useForm props#

O único parametro especifico é o validationSchema, o resto é configuração padrão do react-hook-form.

proptipoobrigatóriodescrição
validationSchemafunctiontrueUtilizado para validação do formulário
Houston - Feito com ❤️ pela Eduzz
Exemplo de Validação
Importação
Exemplo
Campos dinâmicos
Hooks para validação de formulários e máscaras
useForm props
\ No newline at end of file +podendo ser utilizado através de um contexto ou hook.

Importação#

js
1
import useForm, { FormModel } from '@eduzz/houston-forms/useForm';
2
import Form from '@eduzz/houston-ui/Forms/Form';

Exemplo#

Campos dinâmicos#

Hooks para validação de formulários e máscaras#

Veja os hooks do Houston para validar formulários e máscaras em @eduzz/houston-forms.

useForm props#

O único parametro especifico é o validationSchema, o resto é configuração padrão do react-hook-form.

proptipoobrigatóriodescrição
validationSchemafunctiontrueUtilizado para validação do formulário
Houston - Feito com ❤️ pela Eduzz
Exemplo de Validação
Importação
Exemplo
Campos dinâmicos
Hooks para validação de formulários e máscaras
useForm props
\ No newline at end of file diff --git a/hooks/README.html b/hooks/README.html index aaf49919d..aecea8c38 100644 --- a/hooks/README.html +++ b/hooks/README.html @@ -1,4 +1,4 @@ -Houston | Visão geral

Hooks#

version size

Hooks diversos para auxiliar no desenvolvimento.

Instalação#

bash
1
yarn add @eduzz/houston-hooks

Configuração#

ts
1
import setHoustonHooksConfig from '@eduzz/houston-hooks/config';
2

-
3
setHoustonHooksConfig({
4
  onUnhandledError: (err, origin) => {
5
    //adicione seu logger
6
  },
7
  pagination: { pageStart: 1, perPage: 25 }
8
});
configdefaultdescrição
onUnhandledErrornullPara facilitar, adicone o onUnhandledError, assim todo o erro ocorrido (não tratado) nos hooks usePromise e useObservable será enviados para esse função, ELA É APENAS PARA LOGAR, NÃO TRATA NADA.
pagination{ pageStart: 1, perPage: 25 }Configuração default da paginação dos hooks useObservablePaginated e usePromisePaginated
Houston - Feito com ❤️ pela Eduzz
Hooks
Instalação
Configuração
\ No newline at end of file +
3
setHoustonHooksConfig({
4
onUnhandledError: (err, origin) => {
5
//adicione seu logger
6
},
7
pagination: { pageStart: 1, perPage: 25 }
8
});
configdefaultdescrição
onUnhandledErrornullPara facilitar, adicone o onUnhandledError, assim todo o erro ocorrido (não tratado) nos hooks usePromise e useObservable será enviados para esse função, ELA É APENAS PARA LOGAR, NÃO TRATA NADA.
pagination{ pageStart: 1, perPage: 25 }Configuração default da paginação dos hooks useObservablePaginated e usePromisePaginated
Houston - Feito com ❤️ pela Eduzz
Hooks
Instalação
Configuração
\ No newline at end of file diff --git a/hooks/useBoolean.html b/hooks/useBoolean.html index f0596a629..47571788a 100644 --- a/hooks/useBoolean.html +++ b/hooks/useBoolean.html @@ -1,4 +1,4 @@ -Houston | useBoolean

useBoolean#

Esse é um hooks apenas para facilitar o uso de booleanos, útil quando deseja passar como callback de uma função

Como usar#

tsx
1
const [value, toggleValue, toTrue, toFalse] = useBoolean();

Parâmetros e Retorno#

tsx
1
/**
2
 * Simplify the way to use a boolean state
3
 * @param initial A boolen of a function that return a  boolean
4
 * @returns [value, toogleValue, toTrue, toFalse]
5
 */
6
export default function useBoolean(initial?: boolean | (() => boolean)): [boolean, () => void, () => void, () => void];
Houston - Feito com ❤️ pela Eduzz
useBoolean
Como usar
Parâmetros e Retorno
\ No newline at end of file +})('light')

useBoolean#

Esse é um hooks apenas para facilitar o uso de booleanos, útil quando deseja passar como callback de uma função

Como usar#

tsx
1
const [value, toggleValue, toTrue, toFalse] = useBoolean();

Parâmetros e Retorno#

tsx
1
/**
2
 * Simplify the way to use a boolean state
3
 * @param initial A boolen of a function that return a  boolean
4
 * @returns [value, toogleValue, toTrue, toFalse]
5
 */
6
export default function useBoolean(initial?: boolean | (() => boolean)): [boolean, () => void, () => void, () => void];
Houston - Feito com ❤️ pela Eduzz
useBoolean
Como usar
Parâmetros e Retorno
\ No newline at end of file diff --git a/hooks/useCallbackGenerator.html b/hooks/useCallbackGenerator.html index ee80dd0f1..2502d6258 100644 --- a/hooks/useCallbackGenerator.html +++ b/hooks/useCallbackGenerator.html @@ -1,4 +1,4 @@ -Houston | useCallbackGenerator
\ No newline at end of file +
6
//...
7
<button onClick={navigateTo('details-key', 'details', 1)}>Detalhes<button>
8
<button onClick={navigateTo('payment-key', 'payment', 2)}>Pagamento<button>

Parâmetros e Retorno#

tsx
1
/**
2
 * Função geradora de funções com parametros cascateados
3
 * @param generator função que será executada com o parametros passados
4
 * @param deps
5
 * @returns Função geradora:
6
 *   @param key: unique key usado para cache
7
 *   @param args: argumentos que serão pré-definidos
8
 */
9
export default function useCallbackGenerator<F extends (...args: any[]) => any>(
10
  generator: F,
11
  deps: React.DependencyList
12
): (key: string, ...args: ParametersOptional<F>) => (...callArgs: any) => ReturnType<F>;
Houston - Feito com ❤️ pela Eduzz
useCallbackGenerator
Como usar
Mais Parâmetros
Parâmetros e Retorno
\ No newline at end of file diff --git a/hooks/useMediaBreakpoint.html b/hooks/useMediaBreakpoint.html index 57a06fac7..5cba199ec 100644 --- a/hooks/useMediaBreakpoint.html +++ b/hooks/useMediaBreakpoint.html @@ -1,4 +1,4 @@ -Houston | useMediaBreakpoint

useMediaBreakpoint#

É usado para lidar com dimensionamento das telas e responsividade em componentes React com tamanhos pré-definidos do tema

Como usar#

tsx
1
import useMediaBreakpoint from '@eduzz/houston-hooks/useMediaBreakpoint';
2

-
3
const Component = () => {
4
  const isMobile = useMediaBreakpoint('md');
5
  return <div>{isMobile ? 'Mobile' : 'Desktop'}</div>;
6
};
Houston - Feito com ❤️ pela Eduzz
useMediaBreakpoint
Como usar
\ No newline at end of file +
3
const Component = () => {
4
const isMobile = useMediaBreakpoint('md');
5
return <div>{isMobile ? 'Mobile' : 'Desktop'}</div>;
6
};
Houston - Feito com ❤️ pela Eduzz
useMediaBreakpoint
Como usar
\ No newline at end of file diff --git a/hooks/useMediaQuery.html b/hooks/useMediaQuery.html index b328c862c..52f7e2413 100644 --- a/hooks/useMediaQuery.html +++ b/hooks/useMediaQuery.html @@ -1,4 +1,4 @@ -Houston | useMediaQuery

useMediaQuery#

É usado para lidar com dimensionamento das telas e responsividade em componentes React

Como usar#

tsx
1
import useMediaQuery from '@eduzz/houston-hooks/useMediaQuery';
2

-
3
const Component = () => {
4
  const isMobile = useMediaQuery('(max-width: 768px)');
5
  return <div>{isMobile ? 'Mobile' : 'Desktop'}</div>;
6
};
Houston - Feito com ❤️ pela Eduzz
useMediaQuery
Como usar
\ No newline at end of file +
3
const Component = () => {
4
const isMobile = useMediaQuery('(max-width: 768px)');
5
return <div>{isMobile ? 'Mobile' : 'Desktop'}</div>;
6
};
Houston - Feito com ❤️ pela Eduzz
useMediaQuery
Como usar
\ No newline at end of file diff --git a/hooks/useObservable.html b/hooks/useObservable.html index 67bfa9e4f..4fc9bb07c 100644 --- a/hooks/useObservable.html +++ b/hooks/useObservable.html @@ -1,4 +1,4 @@ -Houston | useObservable
\ No newline at end of file + c-11.9-12.5-11.9-32.7,0-45.2C291.4,115.9,310.7,115.9,322.7,128.4z">

O valor inicial será undefined, lembre-se de tratar isso quando estiver usando:

Parâmetros e Retorno#

ts
1
/**
2
 * @param observableGenerator Função que retorna um Observable
3
 * @param deps Lista de dependências
4
 * @returns [
5
 *    value: valor de retorno do Observable,
6
 *    error: se ocorrer um erro, ele será passado aqui,
7
 *    complete: boolean se o observable foi completado ou não,
8
 *    loading: boolean se esta carregando ou não, assim que o primeiro valor vier ele será false
9
 * ]
10
 */
11
export default useObservable<T>(observableGenerator: () => Observable<T>, deps: React.DependencyList): [T, any, boolean, boolean];
Houston - Feito com ❤️ pela Eduzz
useObservable
Como usar
Cuidados
Parâmetros e Retorno
\ No newline at end of file diff --git a/hooks/useObservableCallback.html b/hooks/useObservableCallback.html index 6c21697a6..ef8297df4 100644 --- a/hooks/useObservableCallback.html +++ b/hooks/useObservableCallback.html @@ -1,4 +1,4 @@ -Houston | useObservableCallback
\ No newline at end of file + c-11.9-12.5-11.9-32.7,0-45.2C291.4,115.9,310.7,115.9,322.7,128.4z">

O valor inicial será undefined, lembre-se de tratar isso quando estiver usando:

Parâmetros e Retorno#

ts
1
/**
2
 * @param observableCallback Função que retorna um Observable
3
 * @param deps Lista de dependências
4
 * @returns [
5
 *    callback: callback que inicia o Observable
6
 *    value: valor de retorno do Observable,
7
 *    error: se ocorrer um erro, ele será passado aqui,
8
 *    complete: boolean se o observable foi completado ou não,
9
 *    loading: boolean se esta carregando ou não, assim que o primeiro valor vier ele será false
10
 * ]
11
 */
12
export default function useObservableCallback<T, F extends (...args: any[]) => Observable<T>>(
13
  observableCallback: F,
14
  deps: React.DependencyList
15
): [(...a: Parameters<F>) => void, ExtractObservableResult<ReturnType<F>>, any, boolean, boolean];
Houston - Feito com ❤️ pela Eduzz
useObservableCallback
Como usar
Cuidados
Parâmetros e Retorno
\ No newline at end of file diff --git a/hooks/useObservableEffect.html b/hooks/useObservableEffect.html index e9c60724c..e44b047d8 100644 --- a/hooks/useObservableEffect.html +++ b/hooks/useObservableEffect.html @@ -1,4 +1,4 @@ -Houston | useObservableEffect
\ No newline at end of file +nesse caso o log deve ser feito manualmente.

Parâmetros e Retorno#

ts
1
/**
2
 * @param observableGenerator Função que retorna um Observable
3
 * @param deps Lista de dependências
4
 * @returns void / nada
5
 */
6
export default useObservableEffect<T>(observableGenerator: () => Observable<T>, deps: React.DependencyList): void;
Houston - Feito com ❤️ pela Eduzz
useObservableEffect
Como usar
Cuidados
Parâmetros e Retorno
\ No newline at end of file diff --git a/hooks/useObservablePaginated.html b/hooks/useObservablePaginated.html index 0c9d6102b..574ad2482 100644 --- a/hooks/useObservablePaginated.html +++ b/hooks/useObservablePaginated.html @@ -1,4 +1,4 @@ -Houston | useObservablePaginated
\ No newline at end of file +nesse caso o log deve ser feito manualmente.

Parâmetros e Retorno#

ts
1
/**
2
 * @param options `IUsePaginatedOptions`: {
3
 *  initialParams: Estado inicial dos paramêtros
4
 *  infinityScroll: Se os resultados devem ser mergeado, criando uma lista infinita.
5
 *  onChangeParams: Função que recebe os paramêtros e retorna um Observable
6
 * }
7
 * @param deps React deps
8
 * @returns `IUsePaginatedObservable`: {
9
 *  params: P / Json com os parametros
10
 *  initialParams: Partial<P> / Json com os parametros iniciais, útil para um reset de filtros
11
 *  isLoading: boolean; / Se está carregando ou não
12
 *  isLoadingMore: boolean; / Se está carregando mais ou não, útil para o infinityScroll
13
 *  total: number; / Número total de linhas retornadas, apenas a requisição da pagina inicial é necessário retornar o total, as outras paginas podem retonar null
14
 *  result: R[]; / Array com o resultado
15
 *  hasMore: boolean; / Se existe mais para ser carregado, calculado com base do total, útil para o infinityScroll
16
 *  error: any; / Error, se aconteceu algum
17
 *  retry: () => void; / Função de retry
18
 *  updateInitialParams: React.Dispatch<React.SetStateAction<P>>; / Útil para alterar o reset de um filtro
19
 *  mergeParams: (params: PaginationMergeParams<P>) => void; / Função para atualizar os paramentros pode ser o valor em sí o uma função que recebe o valor atual
20
 *  handleChangePage: (page: number) => void; / Função de atalho para o mergeParams({ page: 1})
21
 *  handleChangePerPage: (perPage: number) => void; / Função de atalho para o mergeParams({ perPge: 1})
22
 *  handleSort: (sort: IPaginationParams['sort']) => void; / Função de atalho para o mergeParams({ sort: { field: 'name', direction: 'asc' }  })
23
 * }
24
 */
25
export default function useObservablePaginated<P extends IPaginationParams, R>(options: IUsePaginatedOptions<P, R>, , deps: React.DependencyList): IUsePaginatedObservable<P, R>
Houston - Feito com ❤️ pela Eduzz
useObservablePaginated
Como usar
Cuidados
Parâmetros e Retorno
\ No newline at end of file diff --git a/hooks/useObservableRefresh.html b/hooks/useObservableRefresh.html index 13538e662..a324fc539 100644 --- a/hooks/useObservableRefresh.html +++ b/hooks/useObservableRefresh.html @@ -1,4 +1,4 @@ -Houston | useObservableRefreshRefresh
\ No newline at end of file + c-11.9-12.5-11.9-32.7,0-45.2C291.4,115.9,310.7,115.9,322.7,128.4z">

O valor inicial será undefined, lembre-se de tratar isso quando estiver usando.

Parâmetros e Retorno#

ts
1
/**
2
 * @param observableGenerator Função que retorna um Observable
3
 * @param deps Lista de dependências
4
 * @returns [
5
 *    value: valor de retorno do Observable,
6
 *    error: se ocorrer um erro, ele será passado aqui,
7
 *    complete: boolean se o observable foi completado ou não,
8
 *    loading: boolean se esta carregando ou não,
9
 *    refresh: function para recarregar
10
 * ]
11
 */
12
export default useObservableRefresh<T>(observableGenerator: () => Observable<T>, deps: React.DependencyList): [T, any, boolean, boolean, () => void];
Houston - Feito com ❤️ pela Eduzz
useObservableRefresh
Como usar
Cuidados
Parâmetros e Retorno
\ No newline at end of file diff --git a/hooks/usePromise.html b/hooks/usePromise.html index 85155def8..c0db75546 100644 --- a/hooks/usePromise.html +++ b/hooks/usePromise.html @@ -1,4 +1,4 @@ -Houston | usePromise
\ No newline at end of file + c-11.9-12.5-11.9-32.7,0-45.2C291.4,115.9,310.7,115.9,322.7,128.4z">

O valor inicial será undefined, lembre-se de tratar isso quando estiver usando.

Parâmetros e Retorno#

ts
1
/**
2
 * @param promiseGenerator Função que retorna uma Promise
3
 * @param deps Lista de dependências
4
 * @returns [
5
 *    value: valor de retorno do Promise,
6
 *    error: se ocorrer um erro, ele será passado aqui,
7
 *    loading: boolean se esta carregando ou não
8
 * ]
9
 */
10
export default usePromise<T>(promiseGenerator: () => Promise<any>, deps: React.DependencyList): [T, any, boolean];
Houston - Feito com ❤️ pela Eduzz
usePromise
Como usar
Setando um estado extra
Cuidados
Parâmetros e Retorno
\ No newline at end of file diff --git a/hooks/usePromiseCallback.html b/hooks/usePromiseCallback.html index 4c7b544cf..36dbc6fba 100644 --- a/hooks/usePromiseCallback.html +++ b/hooks/usePromiseCallback.html @@ -1,4 +1,4 @@ -Houston | usePromiseCallback
\ No newline at end of file +for setado.

Parâmetros e Retorno#

ts
1
/**
2
 * @param promiseCallback Função que retorna uma Promise, pode receber parametros
3
 * @param deps Lista de dependências
4
 * @returns [
5
 *    callback: callback para iniciar a promise,
6
 *    value: valor de retorno do Promise,
7
 *    error: se ocorrer um erro, ele será passado aqui,
8
 *    loading: boolean se esta carregando ou não
9
 * ]
10
 */
11
export default function usePromiseCallback<T, F extends (...args: any[]) => Promise<T>>(
12
  promiseCallback: F,
13
  deps: React.DependencyList
14
): [(...a: Parameters<F>) => Promise<T>, T, any, boolean];
Houston - Feito com ❤️ pela Eduzz
usePromiseCallback
Como usar
Cuidados
Parâmetros e Retorno
\ No newline at end of file diff --git a/hooks/usePromiseEffect.html b/hooks/usePromiseEffect.html index 19101aabf..57f75d777 100644 --- a/hooks/usePromiseEffect.html +++ b/hooks/usePromiseEffect.html @@ -1,4 +1,4 @@ -Houston | usePromiseEffect
\ No newline at end of file +for setado.

Parâmetros e Retorno#

ts
1
/**
2
 * @param promiseGenerator Função que retorna uma Promise
3
 * @param deps Lista de dependências
4
 * @returns undefined
5
 */
6
export default usePromiseEffect<T>(promiseGenerator: (isSubscribed: () => boolean) => Promise<T>, deps: React.DependencyList): void;
Houston - Feito com ❤️ pela Eduzz
usePromiseEffect
Como usar
Cuidados
Parâmetros e Retorno
\ No newline at end of file diff --git a/hooks/usePromisePaginated.html b/hooks/usePromisePaginated.html index acfb69f08..416974655 100644 --- a/hooks/usePromisePaginated.html +++ b/hooks/usePromisePaginated.html @@ -1,4 +1,4 @@ -Houston | usePromisePaginated
\ No newline at end of file +setHoustonHooksConfig for configurado.

Parâmetros e Retorno#

ts
1
/**
2
 * @param options `UsePaginatedOptions`: {
3
 *  initialParams: Estado inicial dos paramêtros
4
 *  infinityScroll: Se os resultados devem ser mergeados, criando uma lista infinita.
5
 *  onChangeParams: Função que recebe os paramêtros e retorna uma Promise
6
 * }
7
 * @param deps React deps
8
 * @returns `UsePaginatedPromise`: {
9
 *  params: P / Json com os parametros
10
 *  initialParams: Partial<P> / Json com os parametros iniciais, útil para um reset de filtros
11
 *  isLoading: boolean; / Se está carregando ou não
12
 *  isLoadingMore: boolean; / Se está carregando mais ou não, útil para o infinityScroll
13
 *  total: number; / Número total de linhas retornadas, apenas a requisição da pagina inicial é necessário retornar o total, as outras paginas podem retonar null
14
 *  result: R[]; / Array com o resultado
15
 *  hasMore: boolean; / Se existe mais para ser carregado, calculado com base do total, útil para o infinityScroll
16
 *  error: any; / Error, se aconteceu algum
17
 *  refresh: () => void; / Função de refresh
18
 *  mergeParams: (params: PaginationMergeParams<P>) => void; / Função para atualizar os paramentros pode ser o valor em sí o uma função que recebe o valor atual
19
 *  handleChangePage: (page: number) => void; / Função de atalho para o mergeParams({ page: 1})
20
 *  handleChangePerPage: (perPage: number) => void; / Função de atalho para o mergeParams({ perPge: 1})
21
 *  handleSort: (sortField: string, sortDirection: 'asc' | 'desc') => void; / Função de atalho para o mergeParams({ sortField, sortDirection })
22
 * }
23
 */
24
export default function usePromisePaginated<P extends PaginationParams, R>(options: UsePaginatedOptions<P, R>, , deps: React.DependencyList): UsePaginatedPromise<P, R>
Houston - Feito com ❤️ pela Eduzz
usePromisePaginated
Como usar
Cuidados
Parâmetros e Retorno
\ No newline at end of file diff --git a/hooks/usePromiseRefresh.html b/hooks/usePromiseRefresh.html index a012b34d0..59d38ca13 100644 --- a/hooks/usePromiseRefresh.html +++ b/hooks/usePromiseRefresh.html @@ -1,4 +1,4 @@ -Houston | usePromiseRefresh
\ No newline at end of file + c-11.9-12.5-11.9-32.7,0-45.2C291.4,115.9,310.7,115.9,322.7,128.4z">

O valor inicial será undefined, lembre-se de tratar isso quando estiver usando.

Parâmetros e Retorno#

ts
1
/**
2
 * @param promiseGenerator Função que retorna uma Promise
3
 * @param deps Lista de dependências
4
 * @returns [
5
 *    value: valor de retorno do Promise,
6
 *    error: se ocorrer um erro, ele será passado aqui,
7
 *    loading: boolean se esta carregando ou não,
8
 *    refresh: function to refresh the data
9
 * ]
10
 */
11
export default usePromiseRefresh<T>(promiseGenerator: () => Promise<any>, deps: React.DependencyList): [T, any, boolean];
Houston - Feito com ❤️ pela Eduzz
usePromiseRefresh
Como usar
Cuidados
Parâmetros e Retorno
\ No newline at end of file diff --git a/hooks/useQueryPaginated.html b/hooks/useQueryPaginated.html index 3792c9fd1..d2da5a461 100644 --- a/hooks/useQueryPaginated.html +++ b/hooks/useQueryPaginated.html @@ -1,4 +1,4 @@ -Houston | useQueryPaginated
\ No newline at end of file +setHoustonHooksConfig for configurado.

Parâmetros e Retorno#

ts
1
/**
2
 * @param options `UseQueryPaginatedOptions`: {
3
 *  initialParams: Estado inicial dos paramêtros
4
 *  queryFn: Função que recebe os paramêtros e retorna uma Promise
5
 *  ...Todas as propriedades do useQuery original
6
 * }
7
 * @param deps React deps
8
 * @returns `UseQueryPaginated`: {
9
 *  params: P / Json com os parametros
10
 *  initialParams: Partial<P> / Json com os parametros iniciais, útil para um reset de filtros
11
 *  refresh: () => void; / Função de refresh
12
 *  mergeParams: (params: PaginationMergeParams<P>) => void; / Função para atualizar os paramentros pode ser o valor em sí o uma função que recebe o valor atual
13
 *  handleChangePage: (page: number) => void; / Função de atalho para o mergeParams({ page: 1})
14
 *  handleChangePerPage: (perPage: number) => void; / Função de atalho para o mergeParams({ perPge: 1})
15
 *  handleSort: (sortField: string, sortDirection: 'asc' | 'desc') => void; / Função de atalho para o mergeParams({ sortField, sortDirection })
16
 *  ...Todas as propriedades de retorno do useQuery original
17
 * }
18
 */
19
export default function useQueryPaginated<P extends PaginationParams, R>(options: UseQueryOptions<P, R>, , deps: React.DependencyList): UsePaginatedPromise<P, R>
Houston - Feito com ❤️ pela Eduzz
useQueryPaginated
Como usar
Cuidados
Parâmetros e Retorno
\ No newline at end of file diff --git a/index.html b/index.html index b19561bc8..0463c9a96 100644 --- a/index.html +++ b/index.html @@ -1,4 +1,4 @@ -Houston | Instalação
\ No newline at end of file +
5
<ThemeProvider theme={theme}>...</ThemeProvider>;

Veja mais no menu Tema e Estilos.

Packages#

PackageDescriçãoLinkVersion
@eduzz/houston-uiComponentes UI para webVisualizarversion
@eduzz/houston-formsValidação de formuláriosVisualizarversion
@eduzz/houston-hooksHooks diversosVisualizarversion
@eduzz/eslint-config-houstonConfiguração padrão para o eslint/prettierVisualizarversion
Houston - Feito com ❤️ pela Eduzz
Instalação
Instalar os packages
Configurar o eslint
Configurar o Tema
Packages
\ No newline at end of file diff --git a/migration.html b/migration.html index 74c16d747..6df2fb7ca 100644 --- a/migration.html +++ b/migration.html @@ -1,4 +1,4 @@ -Houston | Migração

Migração#

  1. Atualize para a nova versão (^1).

  2. Quando ver componentes marcados procure migrar para seu equivalente do AntD:

  1. Migre o styled e se atente aos tokens que foram descontinuados:

diff
1
- import styled from '@eduzz/houston-styles';
2
+ import styled from '@eduzz/houston-ui/styled';

  1. Se utilize o @eduzz/houston-forms, é possível ainda utilizar o react-form-hooks, -apenas altere os imports:

diff
1
import useForm from '@eduzz/houston-forms/useForm';
2
- import Input from '@eduzz/houston-ui/Forms/Input';
3
+ import Input from '@eduzz/houston-forms/Input';
4
- import Form from '@eduzz/houston-ui/Forms/Form';
5
+ import Form from '@eduzz/houston-forms/Form';

  1. Pronto.

Houston - Feito com ❤️ pela Eduzz
Migração
\ No newline at end of file +apenas altere os imports:

diff
1
import useForm from '@eduzz/houston-forms/useForm';
2
- import Input from '@eduzz/houston-ui/Forms/Input';
3
+ import Input from '@eduzz/houston-forms/Input';
4
- import Form from '@eduzz/houston-ui/Forms/Form';
5
+ import Form from '@eduzz/houston-forms/Form';

  1. Pronto.

Houston - Feito com ❤️ pela Eduzz
Migração
\ No newline at end of file diff --git a/releases.html b/releases.html index 644e2dee5..487a1e4e8 100644 --- a/releases.html +++ b/releases.html @@ -1,4 +1,4 @@ -Houston | Releases

Releases#

Para ver todos os detalhes, veja guia de Release do Github.

Packages#

PackageDescriçãoLinkVersion
@eduzz/houston-uiComponentes UI para webVisualizarversion
@eduzz/houston-formsValidação de formuláriosVisualizarversion
@eduzz/houston-hooksHooks diversosVisualizarversion
@eduzz/eslint-config-houstonConfiguração padrão para o eslint/prettierVisualizarversion
Houston - Feito com ❤️ pela Eduzz
Releases
Packages
\ No newline at end of file +})('light')

Releases#

Para ver todos os detalhes, veja guia de Release do Github.

Packages#

PackageDescriçãoLinkVersion
@eduzz/houston-uiComponentes UI para webVisualizarversion
@eduzz/houston-formsValidação de formuláriosVisualizarversion
@eduzz/houston-hooksHooks diversosVisualizarversion
@eduzz/eslint-config-houstonConfiguração padrão para o eslint/prettierVisualizarversion
Houston - Feito com ❤️ pela Eduzz
Releases
Packages
\ No newline at end of file diff --git a/styles.html b/styles.html index 5cbc226c1..4a21e6011 100644 --- a/styles.html +++ b/styles.html @@ -1,4 +1,4 @@ -Houston | Tema e Estilos
\ No newline at end of file +
3
const ComponentsDev = memo<IProps>(props => {
4
const theme = useTheme();
5
return <div>Color: {theme.primaryColor}</div>;
6
});
Houston - Feito com ❤️ pela Eduzz
Tema e Estilos
Uso
Dark Mode
Variáveis customizadas
Estilizando um componente
Performance
useTheme
\ No newline at end of file diff --git a/ui-components/Layout.html b/ui-components/Layout.html index 406e6b4c1..8ef0aaaa4 100644 --- a/ui-components/Layout.html +++ b/ui-components/Layout.html @@ -1,4 +1,4 @@ -Houston | Layout
\ No newline at end of file +
60
<Content>{/*Your content here*/}</Content>
61
</Layout>
62
);
63
}

Props#

Topbar props#

proptipoobrigatóriopadrãodescrição
logourlfalse-Url para o logo padrao.
logoMobileurlfalse-Url para o logo na versão mobile.
currentApplicationstringfalse-Aplicação que está sendo usada, para marcar no menu de apps
userobjectfalse-Se existe um usuário logado, sem ele não terá o menu User

Topbar.Action props#

proptipoobrigatóriopadrãodescrição
iconReactNodetrue-Icone, tamanho ideal 25
labelstringfalse-
isActivebooleanfalsefalseSe o icone deve manter o estado de pressionado/ativo
onClickfunctionfalse-

Topbar.UserMenuItem props#

proptipoobrigatóriopadrãodescrição
iconReactNodetrue-Icone, tamanho ideal 25
childrenstringfalse-Deve ser uma string
disabledbooleanfalse-
onClickfunctionfalse-

Topbar.UserMenuGroup props#

proptipoobrigatóriopadrãodescrição
labelstringtrue-
childrenReactNodetrue-
proptipoobrigatóriopadrãodescrição
currentLocationstringfalse-Caminho de localização atual (pathname).

Sidebar.Item props#

proptipoobrigatóriopadrãodescrição
asReact.ElementTypefalse-Componente que envolve o item.
anyanyfalse-Qualquer prop que o as receba
isActivebooleanfalsefalseIrá usar o currentLocation fornecido para tentar ver se está ativo ou não
tabIndexnumberfalse-
disabledbooleanfalse-
onClickfunctionfalse-

Sidebar.Group props#

proptipoobrigatóriopadrãodescrição
labelReact.ReactNodefalse--
tabIndexnumberfalse-

Content props#

proptipoobrigatóriopadrãodescrição
disablePaddingbooleanfalse-Remove o padding
Houston - Feito com ❤️ pela Eduzz
Layout
Importação
Estrutura base
Desestruturando
Exemplo
Props
Topbar props
Topbar.Action props
Topbar.UserMenuItem props
Topbar.UserMenuGroup props
Sidebar props
Sidebar.Item props
Sidebar.Group props
Content props
\ No newline at end of file diff --git a/ui-components/README.html b/ui-components/README.html index ea034d62f..2010b1ec4 100644 --- a/ui-components/README.html +++ b/ui-components/README.html @@ -1,4 +1,4 @@ -Houston | Visão geral

Houston UI Components#

version

Instalação#

bash
1
yarn add @eduzz/houston-ui

Não é necessário nenhuma configuração a mais para usar, caso queria customizar as cores e o tema veja o menu Temas e Estilos

Como usar#

tsx
1
import Button from '@eduzz/houston-ui/Button';
2

-
3
const MyComponent = () => {
4
  return <Button>Meu Botão</Button>;
5
};
Houston - Feito com ❤️ pela Eduzz
Houston UI Components
Instalação
Como usar
\ No newline at end of file +
3
const MyComponent = () => {
4
return <Button>Meu Botão</Button>;
5
};
Houston - Feito com ❤️ pela Eduzz
Houston UI Components
Instalação
Como usar
\ No newline at end of file diff --git a/ui-components/useAntdTableProps.html b/ui-components/useAntdTableProps.html index 93a2cffa5..df6284435 100644 --- a/ui-components/useAntdTableProps.html +++ b/ui-components/useAntdTableProps.html @@ -1,4 +1,4 @@ -Houston | useAntdTableProps

useAntdTableProps#

Hook para facilitar o uso da table do Antd

Como usar#

tsx
1
// Pode ser usado com os seguinte hooks:
2
const request = useQueryPaginated({
3
  // ...
4
});
5
const request = useQuery({
6
  // ...
7
});
8
const request = usePromisePaginated({
9
  // ...
10
});
11

-
12
const antdTableProps = useAntdTableProps(request, {
13
  minWidth: 500,
14
  columns: [
15
    { title: 'Nome', dataIndex: 'name' },
16
    { title: 'Email', dataIndex: 'email' },
17
    { title: 'Admin', dataIndex: 'roles', render: value => (value === 'admin' ? 'Sim' : 'Não') }
18
  ],
19
  actions: item => [
20
    {
21
      label: 'Editar',
22
      icon: <EditOutlined />,
23
      key: 'edit',
24
      onClick: () => onEdit(item)
25
    },
26
    {
27
      label: 'Enviar nova senha',
28
      icon: <SendOutlined />,
29
      key: 'resend-password',
30
      onClick: () => onResendPassword(item),
31
      disabled: item.id === currentUser?.id
32
    },
33
    {
34
      label: 'Remover',
35
      icon: <DeleteOutlined />,
36
      key: 'remove',
37
      onClick: () => onRemove(item),
38
      disabled: item.id === currentUser?.id
39
    }
40
  ]
41
});
Houston - Feito com ❤️ pela Eduzz
useAntdTableProps
Como usar
\ No newline at end of file +
12
const antdTableProps = useAntdTableProps(request, {
13
minWidth: 500,
14
columns: [
15
{ title: 'Nome', dataIndex: 'name' },
16
{ title: 'Email', dataIndex: 'email' },
17
{ title: 'Admin', dataIndex: 'roles', render: value => (value === 'admin' ? 'Sim' : 'Não') }
18
],
19
actions: item => [
20
{
21
label: 'Editar',
22
icon: <EditOutlined />,
23
key: 'edit',
24
onClick: () => onEdit(item)
25
},
26
{
27
label: 'Enviar nova senha',
28
icon: <SendOutlined />,
29
key: 'resend-password',
30
onClick: () => onResendPassword(item),
31
disabled: item.id === currentUser?.id
32
},
33
{
34
label: 'Remover',
35
icon: <DeleteOutlined />,
36
key: 'remove',
37
onClick: () => onRemove(item),
38
disabled: item.id === currentUser?.id
39
}
40
]
41
});
Houston - Feito com ❤️ pela Eduzz
useAntdTableProps
Como usar
\ No newline at end of file