@saas-ui/layout/dist/index.js

Saas UI Layout components for Chakra UI

var e=require("react"),t=require("@chakra-ui/react"),r=require("@chakra-ui/utils"),a=require("framer-motion"),n=require("@saas-ui/provider");function i(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach(function(r){if("default"!==r){var a=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,a.get?a:{enumerable:!0,get:function(){return e[r]}})}}),t.default=e,t}var o=/*#__PURE__*/i(e);function s(){return s=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var a in r)Object.prototype.hasOwnProperty.call(r,a)&&(e[a]=r[a])}return e},s.apply(this,arguments)}function c(e,t){if(null==e)return{};var r,a,n={},i=Object.keys(e);for(a=0;a<i.length;a++)t.indexOf(r=i[a])>=0||(n[r]=e[r]);return n}var l=["label","orientation"],m=function(e){var r=e.label,a=e.orientation,n=c(e,l),i=t.useStyleConfig("Divider",e),m=i.borderColor,p=s({content:'""',position:"relative",display:"inline-block"},"vertical"===a?{borderLeftWidth:"1px",borderColor:m,height:"50%",left:NaN}:{borderBottomWidth:"1px",borderColor:m,width:"50%",top:"50%"}),d=s({display:"flex",flexDirection:"vertical"===a?"column":"row",alignItems:"center",whiteSpace:"nowrap",color:m,_before:p,_after:p,fontSize:"md"},i,{border:0,borderLeftWidth:0,borderBottomWidth:0}),u=s({display:"inline-block",flexShrink:0,mx:2,overflow:"hidden",whiteSpace:"nowrap",textOverflow:"ellipsis"},"vertical"===a?{writingMode:"vertical-rl",textOrientation:"mixed"}:{});/*#__PURE__*/return o.createElement(t.Divider,s({as:r||"vertical"===a?"div":"hr",orientation:a,role:"separator"},n,{__css:d}),r&&/*#__PURE__*/o.createElement(t.chakra.span,{__css:u},r))};r.__DEV__&&(m.displayName="Divider");var p=["children","spacing","icon","title","description","actions","footer"],d=["children","spacing"],u=["spacing"],_=t.createStylesContext("EmptyState"),f=_[0],y=_[1],E=function(e){var r=e.children,a=e.spacing,n=e.icon,i=e.title,s=e.description,l=e.actions,m=e.footer,d=c(e,p);/*#__PURE__*/return o.createElement(v,d,/*#__PURE__*/o.createElement(b,{spacing:a},n&&/*#__PURE__*/o.createElement(h,{as:n}),/*#__PURE__*/o.createElement(t.chakra.div,null,i&&/*#__PURE__*/o.createElement(x,null,i),s&&/*#__PURE__*/o.createElement(S,null,s)),r,l&&/*#__PURE__*/o.createElement(g,null,l),m&&/*#__PURE__*/o.createElement(N,null,m)))};r.__DEV__&&(E.displayName="EmptyState");var v=function(e){var a=e.children,n=c(e,d),i=t.useMultiStyleConfig("EmptyState",e),l=t.omitThemingProps(n),m=s({display:"flex",flex:1,flexDirection:"column",alignItems:"center",justifyContent:"center"},i.container);/*#__PURE__*/return o.createElement(f,{value:i},/*#__PURE__*/o.createElement(t.chakra.div,s({},l,{__css:m,className:r.cx("saas-empty-state",e.className)}),a))};r.__DEV__&&(v.displayName="EmptyStateContainer");var h=t.forwardRef(function(e,a){var n=s({boxSize:10},y().icon);/*#__PURE__*/return o.createElement(t.Icon,s({ref:a,role:"presentation",sx:n},e,{className:r.cx("saas-empty-state__icon",e.className)}))});r.__DEV__&&(h.displayName="EmptyStateIcon");var x=function(e){var a=s({mb:1},y().title);/*#__PURE__*/return o.createElement(t.Heading,s({sx:a,size:"md"},e,{className:r.cx("saas-empty-state__title",e.className)}))};r.__DEV__&&(x.displayName="EmptyStateTitle");var S=function(e){var a=s({color:"muted",fontSize:"md"},y().description);/*#__PURE__*/return o.createElement(t.Text,s({sx:a},e,{className:r.cx("saas-empty-state__description",e.className)}))};r.__DEV__&&(S.displayName="EmptyStateDescription");var b=function(e){var a=c(e,u),n=s({},y().body);/*#__PURE__*/return o.createElement(t.chakra.div,s({__css:n},a,{className:r.cx("saas-empty-state__body",e.className)}))};r.__DEV__&&(b.displayName="EmptyStateBody");var g=function(e){var a=y();/*#__PURE__*/return o.createElement(t.ButtonGroup,s({sx:a.actions},e,{className:r.cx("saas-empty-state__actions",e.className)}))};r.__DEV__&&(g.displayName="EmptyStateActions");var N=function(e){var a=y();/*#__PURE__*/return o.createElement(t.chakra.footer,s({__css:a.footer},e,{className:r.cx("saas-empty-state__footer",e.className)}))};r.__DEV__&&(N.displayName="EmptyStateFooter");var k=["children","isLoading","variant","size","colorScheme","color","emptyColor","thickness","speed","label","spinner","spacing"],D=t.chakra(a.motion.div),C=function(e){var n=t.useStyleConfig("Loader",e),i=e.children,l=e.isLoading,m=void 0===l||l,p=e.size,d=e.colorScheme,u=e.color,_=e.emptyColor,f=e.thickness,y=e.speed,E=e.label,v=e.spinner,h=e.spacing,x=void 0===h?2:h,S=c(e,k),b={size:p,colorScheme:d,color:u,emptyColor:_,thickness:f,speed:y,label:E},g=s({display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center","& > *:not(style) ~ *:not(style)":{marginTop:x}},n),N=o.useMemo(function(){return!m},[]),C=i;return"string"==typeof i&&(C=/*#__PURE__*/o.createElement(t.chakra.div,null,i)),/*#__PURE__*/o.createElement(a.AnimatePresence,null,m&&/*#__PURE__*/o.createElement(D,s({initial:{opacity:N?0:1},animate:{opacity:1},exit:{opacity:0}},S,{__css:g,className:r.cx("saas-loader",e.className)}),v||/*#__PURE__*/o.createElement(t.Spinner,b),C))};r.__DEV__&&(C.displayName="Loader");var w=C,O=["href"],L=t.forwardRef(function(e,r){var a=n.useLink(),i=e.href,l=c(e,O),m=/*#__PURE__*/o.createElement(t.Link,s({ref:r,href:i},l));return a?/*#__PURE__*/o.createElement(a,{href:i},m):m});r.__DEV__&&(L.displayName="Link"),exports.Divider=m,exports.EmptyState=E,exports.EmptyStateActions=g,exports.EmptyStateBody=b,exports.EmptyStateContainer=v,exports.EmptyStateDescription=S,exports.EmptyStateFooter=N,exports.EmptyStateIcon=h,exports.EmptyStateTitle=x,exports.Link=L,exports.Loader=C,exports.Loading=w;
//# sourceMappingURL=index.js.map