@idea-fragments/react-components-zendesk 0.1.67 → 0.1.68
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AppBar.d.ts","sourceRoot":"","sources":["../../../src/components/layout/AppBar.tsx"],"names":[],"mappings":"AAIA,OAAc,EAAE,WAAW,EAAE,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAMzD,OAAO,EAAE,cAAc,EAAE,MAAM,cAAc,CAAA;AAM7C,KAAK,KAAK,GAAG;IACX,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC,CAAA;IACzB,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,IAAI,CAAC,EAAE,WAAW,CAAA;IAClB,aAAa,CAAC,EAAE,MAAM,IAAI,CAAA;IAC1B,aAAa,EAAE,MAAM,IAAI,CAAA;IACzB,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB,KAAK,EAAE,WAAW,CAAA;CACnB,GAAG,cAAc,CAAA;
|
|
1
|
+
{"version":3,"file":"AppBar.d.ts","sourceRoot":"","sources":["../../../src/components/layout/AppBar.tsx"],"names":[],"mappings":"AAIA,OAAc,EAAE,WAAW,EAAE,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAMzD,OAAO,EAAE,cAAc,EAAE,MAAM,cAAc,CAAA;AAM7C,KAAK,KAAK,GAAG;IACX,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC,CAAA;IACzB,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,IAAI,CAAC,EAAE,WAAW,CAAA;IAClB,aAAa,CAAC,EAAE,MAAM,IAAI,CAAA;IAC1B,aAAa,EAAE,MAAM,IAAI,CAAA;IACzB,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB,KAAK,EAAE,WAAW,CAAA;CACnB,GAAG,cAAc,CAAA;AAGlB,eAAO,IAAI,MAAM,EAAE,EAAE,CAAC,KAAK,CAyE1B,CAAA"}
|
package/dist/layouts.js
CHANGED
|
@@ -10492,7 +10492,8 @@ Button.defaultProps={fluid:false,flat:false,iconPosition:"left",primary:true,dis
|
|
|
10492
10492
|
])));// @ts-ignore
|
|
10493
10493
|
IconButton.COMPONENT_NAME=COMPONENT_NAME$2;var templateObject_1$o;/* Size key name represents all devices with a pixel width up to the number
|
|
10494
10494
|
specified */var REGULAR_BREAKPOINTS_PX={phoneSize:575,tabletSize:767,largeTabletSize:991,smallComputerSize:1199};var WIDE_BREAKPOINTS_PX={phoneSize:560,tabletSize:840,largeTabletSize:991,smallComputerSize:1350};var DEVICES={phone:0,tablet:1,largeTablet:2,smallComputer:3,largeComputer:4};var breakpoints=function(_a){var _b=_a.wideLayout,wideLayout=_b===void 0?false:_b;return wideLayout?WIDE_BREAKPOINTS_PX:REGULAR_BREAKPOINTS_PX;};var unit$1=function(px){return"".concat(px,"px");};var mediaQueries=function(wideLayout){var _a=breakpoints({wideLayout:wideLayout}),phoneSize=_a.phoneSize,tabletSize=_a.tabletSize,largeTabletSize=_a.largeTabletSize,smallComputerSize=_a.smallComputerSize;return{forPhones:function(styles){return styled.css(templateObject_1$n||(templateObject_1$n=__makeTemplateObject(["\n @media screen and (max-width: ",") {\n ","\n }\n "],["\n @media screen and (max-width: ",") {\n ","\n }\n "])),unit(phoneSize),styles);},forTablets:function(styles){return styled.css(templateObject_2$h||(templateObject_2$h=__makeTemplateObject(["\n @media screen and (max-width: ",") {\n ","\n }\n "],["\n @media screen and (max-width: ",") {\n ","\n }\n "])),unit(tabletSize),styles);},forTabletsAndUp:function(styles){return styled.css(templateObject_3$c||(templateObject_3$c=__makeTemplateObject(["\n @media screen and (min-width: ",") {\n ","\n }\n "],["\n @media screen and (min-width: ",") {\n ","\n }\n "])),unit(phoneSize+1),styles);},forLargeTabletsAndUp:function(styles){return styled.css(templateObject_4$9||(templateObject_4$9=__makeTemplateObject(["\n @media (min-width: ",") {\n ","\n }\n "],["\n @media (min-width: ",") {\n ","\n }\n "])),unit(tabletSize+1),styles);},forSmallComputersAndUp:function(styles){return styled.css(templateObject_5$5||(templateObject_5$5=__makeTemplateObject(["\n @media screen and (min-width: ",") {\n ","\n }\n "],["\n @media screen and (min-width: ",") {\n ","\n }\n "])),unit(largeTabletSize+1),styles);},forLargeComputers:function(styles){return styled.css(templateObject_6$4||(templateObject_6$4=__makeTemplateObject(["\n @media screen and (min-width: ",") {\n ","\n }\n "],["\n @media screen and (min-width: ",") {\n ","\n }\n "])),unit(smallComputerSize+1),styles);}};};var unit=function(px){return"".concat(px,"px");};var templateObject_1$n,templateObject_2$h,templateObject_3$c,templateObject_4$9,templateObject_5$5,templateObject_6$4;var _a=mediaQueries(),forLargeComputers=_a.forLargeComputers,forLargeTabletsAndUp=_a.forLargeTabletsAndUp,forSmallComputersAndUp$1=_a.forSmallComputersAndUp;var _b=breakpoints({wideLayout:false}),tabletSize=_b.tabletSize,largeTabletSize=_b.largeTabletSize,smallComputerSize=_b.smallComputerSize;var deviceSettings=styled.css(templateObject_4$8||(templateObject_4$8=__makeTemplateObject(["\n ","\n\n ","\n\n ","\n"],["\n ","\n\n ","\n\n ","\n"])),forLargeTabletsAndUp(styled.css(templateObject_1$m||(templateObject_1$m=__makeTemplateObject(["\n width: ",";\n "],["\n width: ",";\n "])),unit(tabletSize+1))),forSmallComputersAndUp$1(styled.css(templateObject_2$g||(templateObject_2$g=__makeTemplateObject(["\n width: ",";\n min-width: ",";\n "],["\n width: ",";\n min-width: ",";\n "])),unit(largeTabletSize+1),unit(tabletSize+1))),forLargeComputers(styled.css(templateObject_3$b||(templateObject_3$b=__makeTemplateObject(["\n width: ",";\n "],["\n width: ",";\n "])),unit(smallComputerSize+1))));var Container$7=styled__default["default"](FlexBox).attrs({withRows:true})(templateObject_5$4||(templateObject_5$4=__makeTemplateObject(["\n margin: 0 auto;\n flex: 1;\n width: 100%;\n padding: 0 ",";\n\n ","\n"],["\n margin: 0 auto;\n flex: 1;\n width: 100%;\n padding: 0 ",";\n\n ","\n"])),function(_a){var theme=_a.theme;return theme.styles.container.horizontalPadding;},function(_a){var fluid=_a.fluid;return fluid?"":deviceSettings;});var templateObject_1$m,templateObject_2$g,templateObject_3$b,templateObject_4$8,templateObject_5$4;var storesContext;var useStores=function(){return React__default.useContext(storesContext);};var useTheme=function(){return React__default.useContext(styled.ThemeContext);};// export const setThemeContext = (ctx :)
|
|
10495
|
-
var forSmallComputersAndUp=mediaQueries().forSmallComputersAndUp;var SM=SPACINGS.SM
|
|
10495
|
+
var forSmallComputersAndUp=mediaQueries().forSmallComputersAndUp;var SM=SPACINGS.SM;// Deprecated.. Component needs to be updated to use react context state managers
|
|
10496
|
+
exports.AppBar=function(_a){var _b;var _c=_a.actions,actions=_c===void 0?[]:_c,className=_a.className,fixed=_a.fixed,fluid=_a.fluid,logo=_a.logo,_d=_a.onBackClicked,onBackClicked=_d===void 0?DO_NOTHING:_d,_e=_a.onLogoClicked,onLogoClicked=_e===void 0?DO_NOTHING:_e,_f=_a.showBackButton,showBackButton=_f===void 0?false:_f,title=_a.title;// TODO this should not use MobX...switch to react context
|
|
10496
10497
|
// @ts-ignore
|
|
10497
10498
|
var ui=useStores().ui;var theme=useTheme();var appBarHeight=theme.styles.appBar.height;var openNavDrawer=function(){ui.openDrawerWith({body:jsxRuntime.jsx(FlexBox,__assign({css:"\n padding-bottom: ".concat(SM,";\n "),withRows:true},{children:actions})),withNoActions:true});};return jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[fixed?jsxRuntime.jsx(FixedPlaceHolder$1,{height:"".concat(appBarHeight)}):null,jsxRuntime.jsx(BarWrapper$1,__assign({fixed:fixed,className:className},{children:jsxRuntime.jsxs(Content$3,__assign({height:appBarHeight,fluid:fluid},{children:[showBackButton?jsxRuntime.jsx(IconButton,{icon:js.mdiArrowLeft,flat:true,onClick:onBackClicked}):null,jsxRuntime.jsxs(FlexBox,__assign({alignItems:"center",onClick:onLogoClicked,css:"\n cursor: pointer;\n "},{children:[logo?logo:null,title]})),jsxRuntime.jsx(MobileNav,{color:theme.styles.nav.linkColor||theme.styles.getTextColorForBackground({color:(_b=theme.styles.appBar.background)!==null&&_b!==void 0?_b:"$fff",theme:theme}),onClick:openNavDrawer}),jsxRuntime.jsx(DesktopNav,__assign({alignItems:"center"},{children:actions}))]}))}))]});};exports.AppBar=styled__default["default"](exports.AppBar)(templateObject_1$l||(templateObject_1$l=__makeTemplateObject([""],[""])));var BarWrapper$1=styled__default["default"].header(templateObject_2$f||(templateObject_2$f=__makeTemplateObject(["\n background: ",";\n box-shadow: ",";\n position: ",";\n top: ",";\n left: ",";\n width: 100%;\n z-index: ",";\n"],["\n background: ",";\n box-shadow: ",";\n position: ",";\n top: ",";\n left: ",";\n width: 100%;\n z-index: ",";\n"])),function(_a){var theme=_a.theme;return theme.styles.appBar.background;},function(_a){var theme=_a.theme;return theme.styles.appBar.shadow;},function(_a){var fixed=_a.fixed;return fixed?"fixed":"unset";},function(_a){var fixed=_a.fixed;return fixed?"0":"unset";},function(_a){var fixed=_a.fixed;return fixed?"0":"unset";},function(_a){var theme=_a.theme;return theme.styles.appBar.zIndex;});var Content$3=styled__default["default"](Container$7).attrs({withRows:false,spacing:SM,justify:"space-between",alignItems:"center"})(templateObject_3$a||(templateObject_3$a=__makeTemplateObject(["\n height: ",";\n"],["\n height: ",";\n"])),function(_a){var height=_a.height;return height?height:"fit-content";});var DesktopNav=styled__default["default"](FlexBox).attrs({as:"nav"})(templateObject_5$3||(templateObject_5$3=__makeTemplateObject(["\n && {\n display: none;\n ","\n }\n"],["\n && {\n display: none;\n ","\n }\n"])),forSmallComputersAndUp(styled.css(templateObject_4$7||(templateObject_4$7=__makeTemplateObject(["\n display: flex;\n "],["\n display: flex;\n "])))));var FixedPlaceHolder$1=styled__default["default"].div(templateObject_6$3||(templateObject_6$3=__makeTemplateObject(["\n height: ",";\n"],["\n height: ",";\n"])),function(_a){var height=_a.height;return height;});var MobileNav=styled__default["default"](IconButton).attrs({flat:true,icon:js.mdiMenu})(templateObject_8||(templateObject_8=__makeTemplateObject(["\n && {\n margin-right: 0;\n ","\n }\n"],["\n && {\n margin-right: 0;\n ","\n }\n"])),forSmallComputersAndUp(styled.css(templateObject_7$2||(templateObject_7$2=__makeTemplateObject(["\n display: none;\n "],["\n display: none;\n "])))));var templateObject_1$l,templateObject_2$f,templateObject_3$a,templateObject_4$7,templateObject_5$3,templateObject_6$3,templateObject_7$2,templateObject_8;var COMPONENT_NAME$1="FlexBlock";var getFlexDirection=function(_a){var withRows=_a.withRows;return withRows?"column":"row";};var getSpacingDirection=function(direction){return direction==="column"?"margin-bottom":"margin-right";};var getDisplay=function(_a){var compact=_a.compact,hidden=_a.hidden;if(hidden)return"none";return compact?"inline-flex":"flex";};var getSpacing=function(_a){var spacing=_a.spacing,props=__rest(_a,["spacing"]);if(!spacing)return"";return"& > *:not(:last-child) {\n margin: 0;\n ".concat(getSpacingDirection(getFlexDirection(props)),": ").concat(spacing,";\n }");};var responsiveStyles=function(_a){var responsivePropsList=_a.responsivePropsList,originalProps=__rest(_a,["responsivePropsList"]);return responsivePropsList===null||responsivePropsList===void 0?void 0:responsivePropsList.map(function(_a){var mediaQueryFunc=_a.mediaQueryFunc,rProps=_a.props;var props=__assign(__assign({},originalProps),rProps);var alignItems=props.alignItems,justify=props.justify,compactAxis=props.compactAxis,fluid=props.fluid;return mediaQueryFunc("\n display: ".concat(getDisplay(props),";\n justify-content: ").concat(justify||"initial",";\n align-items: ").concat(alignItems?alignItems:"initial","; \n // align-self: ").concat(compactAxis?"initial":"stretch",";\n flex-direction: ").concat(getFlexDirection(props),";\n flex: ").concat(fluid?1:"unset",";\n ").concat(getSpacing(props),"\n ")).join("");});};var FlexBlock=styled__default["default"].div.attrs(function(_a){var spacing=_a.spacing;return{spacing:spacing===undefined?SPACINGS.SM:spacing};})(templateObject_1$k||(templateObject_1$k=__makeTemplateObject(["\n display: ",";\n justify-content: ",";\n align-items: ",";\n // align-self: ",";\n flex-direction: ",";\n flex: ",";\n ","\n\n ","\n"],["\n display: ",";\n justify-content: ",";\n align-items: ",";\n // align-self: ",";\n flex-direction: ",";\n flex: ",";\n ","\n\n ","\n"// @ts-ignore
|
|
10498
10499
|
])),getDisplay,function(p){return p.justify||"initial";},function(_a){var alignItems=_a.alignItems;return alignItems?alignItems:"initial";},function(_a){var compactAxis=_a.compactAxis;return compactAxis?"initial":"stretch";},getFlexDirection,function(_a){var fluid=_a.fluid;return fluid?1:"unset";},getSpacing,responsiveStyles);// @ts-ignore
|