@corva/ui 0.27.0-16 → 0.27.0-17

package/components/HeaderLayout/HeaderLayout.css.js

@@ -1 +1 @@
-import e from'../../ext-esm/style-inject/dist/style-inject.es.js';e(".HeaderLayout_layoutContainer__1t8ww{display:flex;flex-direction:column}.HeaderLayout_layoutTopLarge__3Bhug{display:flex;align-items:center;justify-content:space-between}.HeaderLayout_layoutTopRightLarge__Ykjaw{align-items:baseline;justify-content:end}.HeaderLayout_layoutTopRightLarge__Ykjaw,.HeaderLayout_layoutTopSmall__3bKdD{display:flex;width:auto;overflow:hidden}.HeaderLayout_layoutTopSmall__3bKdD{align-items:center;justify-content:space-between}.HeaderLayout_layoutBottomSmall__35m3P{display:flex;align-items:baseline;justify-content:flex-start;flex-wrap:wrap;padding-top:8px}.HeaderLayout_layoutOffsetpicker__3QDW5{display:flex;align-items:center}.HeaderLayout_layoutOffsetwellChipsLarge__HmO44{display:flex;justify-content:flex-end;flex-wrap:wrap}.HeaderLayout_layoutOffsetwellChipsSmall__2qfWG{display:flex;justify-content:flex-start;flex-wrap:wrap}");export default{layoutContainer:"HeaderLayout_layoutContainer__1t8ww",layoutTopLarge:"HeaderLayout_layoutTopLarge__3Bhug",layoutTopRightLarge:"HeaderLayout_layoutTopRightLarge__Ykjaw",layoutTopSmall:"HeaderLayout_layoutTopSmall__3bKdD",layoutBottomSmall:"HeaderLayout_layoutBottomSmall__35m3P",layoutOffsetpicker:"HeaderLayout_layoutOffsetpicker__3QDW5",layoutOffsetwellChipsLarge:"HeaderLayout_layoutOffsetwellChipsLarge__HmO44",layoutOffsetwellChipsSmall:"HeaderLayout_layoutOffsetwellChipsSmall__2qfWG"};
+import e from'../../ext-esm/style-inject/dist/style-inject.es.js';e(".HeaderLayout_layoutContainer__1t8ww{display:flex;flex-direction:column}.HeaderLayout_layoutTopLarge__3Bhug{display:flex;align-items:center;justify-content:space-between}.HeaderLayout_layoutTopRightLarge__Ykjaw{align-items:baseline;justify-content:end}.HeaderLayout_layoutTopRightLarge__Ykjaw,.HeaderLayout_layoutTopSmall__3bKdD{display:flex;width:auto;overflow:hidden}.HeaderLayout_layoutTopSmall__3bKdD{align-items:center;justify-content:space-between}.HeaderLayout_assetChips__3D5Me{overflow:hidden;display:flex;justify-content:end}.HeaderLayout_layoutBottomSmall__35m3P{display:flex;align-items:baseline;justify-content:flex-start;flex-wrap:wrap;padding-top:8px}.HeaderLayout_layoutOffsetpicker__3QDW5{display:flex;align-items:center}.HeaderLayout_layoutOffsetwellChipsLarge__HmO44{display:flex;justify-content:flex-end;flex-wrap:wrap}.HeaderLayout_layoutOffsetwellChipsSmall__2qfWG{display:flex;justify-content:flex-start;flex-wrap:wrap}");export default{layoutContainer:"HeaderLayout_layoutContainer__1t8ww",layoutTopLarge:"HeaderLayout_layoutTopLarge__3Bhug",layoutTopRightLarge:"HeaderLayout_layoutTopRightLarge__Ykjaw",layoutTopSmall:"HeaderLayout_layoutTopSmall__3bKdD",assetChips:"HeaderLayout_assetChips__3D5Me",layoutBottomSmall:"HeaderLayout_layoutBottomSmall__35m3P",layoutOffsetpicker:"HeaderLayout_layoutOffsetpicker__3QDW5",layoutOffsetwellChipsLarge:"HeaderLayout_layoutOffsetwellChipsLarge__HmO44",layoutOffsetwellChipsSmall:"HeaderLayout_layoutOffsetwellChipsSmall__2qfWG"};

package/components/HeaderLayout/HeaderLayout.js

@@ -1 +1 @@
-import{jsx as i,jsxs as e,Fragment as r}from"react/jsx-runtime";import{Collapse as t}from"@material-ui/core";import{useMemo as l,cloneElement as n}from"react";import a from"prop-types";import{SizeMe as o}from"react-sizeme";import{getAppTitle as c,getAppSubTitle as d,getExpander as s,getOffsetPicker as m,getSecondaryAsset as p,getModeSelect as h,getPadChip as u,getPrimaryAsset as f,getOffsetWellsChip as v}from"./utils.js";import{LARGE_SIZE_LAYOUT as y,MEDIUM_SIZE_LAYOUT as N,SMALL_SIZE_LAYOUT as O}from"./constants.js";import{useComonentsWidth as g,useFilterLayout as j}from"./effects/index.js";import T from"./HeaderLayout.css.js";function w(i,e){var r,t,l,a;return i===O&&e?n(e,e.props,(r=e.props.children,t=r.split(" "),l=r[0],a=t[t.length-1],"".concat(l," ").concat(a))):e}function C(n){var a=n.children,o=n.appWidth,C=g(a),L=j(a,C,o),R=c(a),W=d(a),q=s(a),x=m(a),S=p(a),k=h(a),z=u(a),B=f(a),H=v(a),b=l((function(){return w(L,B)}),[L,B]),A=l((function(){return w(L,z)}),[L,z]);return e("div",{style:{width:"100%"},children:[i(t,{timeout:10,in:L===y,children:e("div",{className:T.layoutContainer,children:[e("div",{className:T.layoutTopLarge,children:[i("div",{children:R}),e("div",{className:T.layoutTopRightLarge,children:[S,k,e("div",{className:T.layoutOffsetpicker,children:[q,x]}),z,B]})]}),i("div",{children:W}),i("div",{className:T.layoutOffsetwellChipsLarge,children:H})]})}),i(t,{timeout:10,in:[N,O].includes(L),children:e("div",{className:T.layoutContainer,children:[e("div",{className:T.layoutTopSmall,children:[i("div",{children:R}),e("div",{children:[L===N&&e(r,{children:[z,B]}),L===O&&b]})]}),i("div",{children:W}),e("div",{className:T.layoutBottomSmall,children:[S,k,L===O&&A,e("div",{className:T.layoutOffsetpicker,children:[q,x]})]}),i("div",{className:T.layoutOffsetwellChipsSmall,children:H})]})})]})}function L(e){return i(o,{monitorWidth:!0,children:function(r){var t=r.size;return i(C,{appWidth:t.width-21,children:e.children})}})}C.propTypes={appWidth:a.func.isRequired,children:a.arrayOf(a.node).isRequired},L.propTypes={children:a.arrayOf(a.node).isRequired};export default L;
+import{jsx as i,jsxs as e,Fragment as r}from"react/jsx-runtime";import{Collapse as t}from"@material-ui/core";import{useMemo as l,cloneElement as a}from"react";import n from"prop-types";import{SizeMe as c}from"react-sizeme";import{getAppTitle as o,getAppSubTitle as d,getExpander as s,getOffsetPicker as m,getSecondaryAsset as p,getModeSelect as h,getPadChip as u,getPrimaryAsset as f,getOffsetWellsChip as v}from"./utils.js";import{LARGE_SIZE_LAYOUT as y,MEDIUM_SIZE_LAYOUT as N,SMALL_SIZE_LAYOUT as O}from"./constants.js";import{useComonentsWidth as g,useFilterLayout as j}from"./effects/index.js";import C from"./HeaderLayout.css.js";function T(i,e){var r,t,l,n;return i===O&&e?a(e,e.props,(r=e.props.children,t=r.split(" "),l=r[0],n=t[t.length-1],"".concat(l," ").concat(n))):e}function w(a){var n=a.children,c=a.appWidth,w=g(n),L=j(n,w,c),R=o(n),W=d(n),q=s(n),x=m(n),S=p(n),k=h(n),z=u(n),B=f(n),H=v(n),b=l((function(){return T(L,B)}),[L,B]),A=l((function(){return T(L,z)}),[L,z]);return e("div",{style:{width:"100%"},children:[i(t,{timeout:10,in:L===y,children:e("div",{className:C.layoutContainer,children:[e("div",{className:C.layoutTopLarge,children:[i("div",{children:R}),e("div",{className:C.layoutTopRightLarge,children:[S,k,e("div",{className:C.layoutOffsetpicker,children:[q,x]}),z,B]})]}),i("div",{children:W}),i("div",{className:C.layoutOffsetwellChipsLarge,children:H})]})}),i(t,{timeout:10,in:[N,O].includes(L),children:e("div",{className:C.layoutContainer,children:[e("div",{className:C.layoutTopSmall,children:[i("div",{children:R}),e("div",{className:C.assetChips,children:[L===N&&e(r,{children:[z,B]}),L===O&&b]})]}),i("div",{children:W}),e("div",{className:C.layoutBottomSmall,children:[S,k,L===O&&A,e("div",{className:C.layoutOffsetpicker,children:[q,x]})]}),i("div",{className:C.layoutOffsetwellChipsSmall,children:H})]})})]})}function L(e){return i(c,{monitorWidth:!0,children:function(r){var t=r.size;return i(w,{appWidth:t.width-21,children:e.children})}})}w.propTypes={appWidth:n.func.isRequired,children:n.arrayOf(n.node).isRequired},L.propTypes={children:n.arrayOf(n.node).isRequired};export default L;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@corva/ui",
-  "version": "0.27.0-16",
+  "version": "0.27.0-17",
   "description": "Shared components/utils for Corva ui projects",
   "keywords": [
     "corva-ui"