@loadsmart/miranda-react - npm Package Compare versions

Comparing version 1.5.0 to 1.6.0

dist/components/Layout/index.d.ts

@@ -6,1 +6,2 @@ export { default as Layout } from './Layout';
 export { default as Grid, type GridProps } from './Grid';
+export { default as Sidebar, type SidebarProps, type SidebarSideProps, type SidebarContentProps, } from './Sidebar';

dist/components/Layout/Layout.d.ts

@@ -5,2 +5,3 @@ import Box from './Box';
 import Grid from './Grid';
+import Sidebar from './Sidebar';
 declare const Layout: {
@@ -12,3 +13,4 @@ (): null;
     Grid: typeof Grid;
+    Sidebar: typeof Sidebar;
 };
 export default Layout;

dist/index.js

@@ -1,2 +0,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),r=require("@loadsmart/miranda-wc");function t(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var n=t(e);function o(e,r){var t={};for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&r.indexOf(n)<0&&(t[n]=e[n]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(n=Object.getOwnPropertySymbols(e);o<n.length;o++)r.indexOf(n[o])<0&&Object.prototype.propertyIsEnumerable.call(e,n[o])&&(t[n[o]]=e[n[o]])}return t}const a=e.forwardRef((function(r,t){const{children:a,leading:l,trailing:i,onClick:u}=r,d=o(r,["children","leading","trailing","onClick"]),c=e.useRef(),s=e.useCallback((e=>{null==u||u(e)}),[u]),p=e.useCallback((e=>{var r,n;null!=e&&(c.current=e),null!=t&&(n=e,"function"==typeof(r=t)?r(n):r.current=n)}),[]);return e.useEffect((function(){if(null==c.current)return;const e=c.current;return e.addEventListener("click",s),function(){e.removeEventListener("click",s)}}),[]),n.default.createElement("m-button",Object.assign({},d,{ref:p,role:"button"}),null!=l&&n.default.createElement("span",{slot:"leading"},l),a,null!=i&&n.default.createElement("span",{slot:"trailing"},i))}));function l(e){var{padding:t=r.defaultBoxProps.padding,backgroundColor:a,borderRadius:l=r.defaultBoxProps.borderRadius,borderWidth:i=r.defaultBoxProps.borderWidth,borderColor:u=r.defaultBoxProps.borderColor,textAlign:d=r.defaultBoxProps.textAlign,children:c}=e,s=o(e,["padding","backgroundColor","borderRadius","borderWidth","borderColor","textAlign","children"]);const p={padding:t,"background-color":a,"border-radius":l,"border-width":i,"border-color":u,"text-align":d};return n.default.createElement("m-box",Object.assign({},p,s),c)}function i(e){var{gap:t=r.defaultGroupProps.gap,align:a=r.defaultGroupProps.align,justify:l=r.defaultGroupProps.justify,children:i}=e,u=o(e,["gap","align","justify","children"]);return n.default.createElement("m-group",Object.assign({gap:t,align:a,justify:l},u),i)}function u(e){var{gap:t=r.defaultStackProps.gap,align:a=r.defaultStackProps.align,justify:l=r.defaultStackProps.justify,children:i}=e,u=o(e,["gap","align","justify","children"]);return n.default.createElement("m-stack",Object.assign({gap:t,align:a,justify:l},u),i)}function d(e){var{gap:t=r.defaultGridProps.gap,rowGap:a,columnGap:l,minColumnWidth:i=r.defaultGridProps.minColumnWidth,children:u}=e,d=o(e,["gap","rowGap","columnGap","minColumnWidth","children"]);const c={gap:t,"row-gap":a,"column-gap":l,"min-column-width":i};return n.default.createElement("m-grid",Object.assign({},c,d),u)}const c=()=>null;c.Box=l,c.Group=i,c.Stack=u,c.Grid=d,exports.Box=l,exports.Button=a,exports.Grid=d,exports.Group=i,exports.Layout=c,exports.Stack=u,exports.Text=function(e){var{children:r}=e,t=o(e,["children"]);return n.default.createElement("m-text",Object.assign({},t),r)};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("@loadsmart/miranda-wc");function r(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var n=r(e);function a(e,t){var r={};for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&t.indexOf(n)<0&&(r[n]=e[n]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var a=0;for(n=Object.getOwnPropertySymbols(e);a<n.length;a++)t.indexOf(n[a])<0&&Object.prototype.propertyIsEnumerable.call(e,n[a])&&(r[n[a]]=e[n[a]])}return r}const o=e.forwardRef((function(t,r){const{children:o,leading:i,trailing:l,onClick:d}=t,u=a(t,["children","leading","trailing","onClick"]),c=e.useRef(),s=e.useCallback((e=>{null==d||d(e)}),[d]),p=e.useCallback((e=>{var t,n;null!=e&&(c.current=e),null!=r&&(n=e,"function"==typeof(t=r)?t(n):t.current=n)}),[]);return e.useEffect((function(){if(null==c.current)return;const e=c.current;return e.addEventListener("click",s),function(){e.removeEventListener("click",s)}}),[]),n.default.createElement("m-button",Object.assign({},u,{ref:p,role:"button"}),null!=i&&n.default.createElement("span",{slot:"leading"},i),o,null!=l&&n.default.createElement("span",{slot:"trailing"},l))}));function i(e){var{padding:r=t.defaultBoxProps.padding,backgroundColor:o,borderRadius:i=t.defaultBoxProps.borderRadius,borderWidth:l=t.defaultBoxProps.borderWidth,borderColor:d=t.defaultBoxProps.borderColor,textAlign:u=t.defaultBoxProps.textAlign,children:c}=e,s=a(e,["padding","backgroundColor","borderRadius","borderWidth","borderColor","textAlign","children"]);const p={padding:r,"background-color":o,"border-radius":i,"border-width":l,"border-color":d,"text-align":u};return n.default.createElement("m-box",Object.assign({},p,s),c)}function l(e){var{gap:r=t.defaultGroupProps.gap,align:o=t.defaultGroupProps.align,justify:i=t.defaultGroupProps.justify,children:l}=e,d=a(e,["gap","align","justify","children"]);return n.default.createElement("m-group",Object.assign({gap:r,align:o,justify:i},d),l)}function d(e){var{gap:r=t.defaultStackProps.gap,align:o=t.defaultStackProps.align,justify:i=t.defaultStackProps.justify,children:l}=e,d=a(e,["gap","align","justify","children"]);return n.default.createElement("m-stack",Object.assign({gap:r,align:o,justify:i},d),l)}function u(e){var{gap:r=t.defaultGridProps.gap,rowGap:o,columnGap:i,minColumnWidth:l=t.defaultGridProps.minColumnWidth,children:d}=e,u=a(e,["gap","rowGap","columnGap","minColumnWidth","children"]);const c={gap:r,"row-gap":o,"column-gap":i,"min-column-width":l};return n.default.createElement("m-grid",Object.assign({},c,u),d)}function c(e){var{gap:r=t.defaultSidebarProps.gap,sideWidth:o=t.defaultSidebarProps.sideWidth,minContentWidth:i=t.defaultSidebarProps.minContentWidth,reversed:l=t.defaultSidebarProps.reversed,children:d}=e,u=a(e,["gap","sideWidth","minContentWidth","reversed","children"]);const c={gap:r,"side-width":o,"min-content-width":i,reversed:l};return n.default.createElement("m-sidebar",Object.assign({},c,u),d)}c.Side=function(e){var{children:t}=e,r=a(e,["children"]);return n.default.createElement(i,Object.assign({slot:"sidebar"},r),t)},c.Content=function(e){var{children:t}=e,r=a(e,["children"]);return n.default.createElement(i,Object.assign({slot:"content"},r),t)};const s=()=>null;s.Box=i,s.Group=l,s.Stack=d,s.Grid=u,s.Sidebar=c,exports.Box=i,exports.Button=o,exports.Grid=u,exports.Group=l,exports.Layout=s,exports.Sidebar=c,exports.Stack=d,exports.Text=function(e){var{children:t}=e,r=a(e,["children"]);return n.default.createElement("m-text",Object.assign({},r),t)};
 //# sourceMappingURL=index.js.map

package.json

 {
 	"name": "@loadsmart/miranda-react",
-	"version": "1.5.0",
+	"version": "1.6.0",
 	"description": "React component library based on Miranda Web Components",
@@ -5,0 +5,0 @@ "main": "dist",

No alert changes

Improved metrics

Total package byte prevSize

27159

increased by10.66%

Number of package files

15

increased by7.14%

Lines of code

142

increased by22.41%

No dependency changes