@zimyo/ui 1.11.1 → 1.11.3

package/dist/components/BulkActionsBar/index.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),i=require("react"),r=require("../Button/index.js");require("../../chunks/tslib.es6-a3dc1f53.js");var t=require("@mui/material"),s=require("../../chunks/Text-e9636dd7.js"),n=require("@mui/material/List"),u=require("@mui/material/ListItemText"),l=require("../Popover/index.js"),a=require("../../chunks/lucide-493ccaad.js"),o=function(o){var c=o.selectedRows,d=o.totalRows,z=o.bulkActions,x=o.clearSelection,m=o.maxVisibleActions,h=void 0===m?3:m,b=i.useState(null),p=b[0],g=b[1],j=z.slice(0,h),v=z.slice(h),f=function(){g(null)},k=Boolean(p);return 0===c.length?null:e.jsxs("div",{className:"zui:bg-blue-100 zui:border zui:border-blue-200 zui:shadow-sm zui:py-1 zui:px-2 zui:rounded-md zui:flex zui:justify-between zui:items-center zui:gap-2 zui:flex-wrap",children:[e.jsxs(s.Text,{size:"sm",fontWeight:500,className:"zui:text-blue-700 zui:mr-4",children:[c.length," of ",d," selected"]}),e.jsxs("div",{className:"zui:flex zui:flex-row zui:gap-1.5",children:[j.map(function(i){return e.jsx(r.Button,{className:"zui:h-8 zui:bg-white zui:text-blue-700 zui:text-xs zui:border-1 zui:border-gray-100",startIcon:i.icon,size:"small",variant:"text",disabled:i.disabled,onClick:function(){return i.onClick(c)},title:i.label,children:i.label},i.id)}),v.length>0&&e.jsxs(e.Fragment,{children:[e.jsxs(r.Button,{size:"small",variant:"text",className:"zui:h-8 zui:bg-white zui:text-blue-500 zui:text-xs zui:border-1 zui:border-gray-100","aria-controls":k?"more-actions-popover":void 0,"aria-haspopup":"true","aria-expanded":k?"true":void 0,onClick:function(e){g(e.currentTarget)},children:["More ",e.jsx(a.ChevronDown,{className:"zui:w-4 zui:h-4 zui:ml-1"})]}),e.jsx(l.Popover,{padding:0,minWidth:200,id:"more-actions-popover",open:k,anchorEl:p,onClose:f,anchorOrigin:{vertical:"bottom",horizontal:"right"},transformOrigin:{vertical:"top",horizontal:"right"},children:e.jsx(n,{disablePadding:!0,children:v.map(function(i){return e.jsxs(t.ListItemButton,{disabled:i.disabled,onClick:function(){i.onClick(c),f()},className:"danger"===i.variant?"zui:text-red-600":"",divider:!0,children:[i.icon,e.jsx(u,{primaryTypographyProps:{variant:"body2",ml:1},primary:i.label})]},i.id)})})})]}),e.jsxs(t.IconButton,{size:"small",onClick:x,children:[" ",e.jsx(a.X,{size:18})]})]})]})};exports.BulkActionsBar=o,exports.default=o;

package/dist/components/Button/index.d.ts

@@ -0,0 +1,15 @@
+import React__default from 'react';
+import { ButtonProps as ButtonProps$1 } from '@mui/material';
+import { SxProps } from '@mui/system';
+
+interface ButtonProps extends Omit<ButtonProps$1, 'sx'> {
+    loading?: boolean;
+    loadingText?: string;
+    sx?: SxProps;
+    loaderSize?: number;
+    loaderPosition?: 'start' | 'end' | 'center';
+}
+declare const Button: React__default.ForwardRefExoticComponent<Omit<ButtonProps, "ref"> & React__default.RefAttributes<HTMLButtonElement>>;
+
+export { Button, Button as default };
+export type { ButtonProps };

package/dist/components/Button/index.esm.js

@@ -0,0 +1 @@
+import{_ as i,a as o}from"../../chunks/tslib.es6-4974c96c.esm.js";import{jsx as r}from"react/jsx-runtime";import e from"react";import{Button as t,CircularProgress as a}from"@mui/material";var n=e.forwardRef(function(e,n){var d=e.children,s=e.loading,l=void 0!==s&&s,c=e.loadingText,m=e.loaderSize,v=void 0===m?18:m,f=e.loaderPosition,u=void 0===f?"start":f,p=e.variant,z=void 0===p?"contained":p,h=e.color,x=void 0===h?"primary":h,I=e.size,b=void 0===I?"medium":I,g=e.sx,j=void 0===g?{}:g,y=e.disabled,B=e.startIcon,P=e.endIcon,S=i(e,["children","loading","loadingText","loaderSize","loaderPosition","variant","color","size","sx","disabled","startIcon","endIcon"]),T=l&&"end"===u,k=l&&"center"===u;return r(t,o({ref:n,variant:z,color:x,disabled:y||l,size:b,startIcon:l&&"start"===u?r(a,{size:v,color:"inherit"}):B,endIcon:T?r(a,{size:v,color:"inherit"}):P,sx:o({position:"relative"},j)},S,{children:k?r(a,{size:v,color:"inherit"}):l&&c?c:d}))});n.displayName="Button";export{n as Button,n as default};

package/dist/components/Button/index.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../chunks/tslib.es6-a3dc1f53.js"),r=require("react/jsx-runtime"),i=require("react"),o=require("@mui/material"),s=i.forwardRef(function(i,s){var t=i.children,a=i.loading,n=void 0!==a&&a,d=i.loadingText,l=i.loaderSize,c=void 0===l?18:l,u=i.loaderPosition,v=void 0===u?"start":u,x=i.variant,g=void 0===x?"contained":x,z=i.color,_=void 0===z?"primary":z,h=i.size,j=void 0===h?"medium":h,m=i.sx,p=void 0===m?{}:m,f=i.disabled,I=i.startIcon,P=i.endIcon,b=e.__rest(i,["children","loading","loadingText","loaderSize","loaderPosition","variant","color","size","sx","disabled","startIcon","endIcon"]),q=n&&"start"===v,y=n&&"end"===v,B=n&&"center"===v;return r.jsx(o.Button,e.__assign({ref:s,variant:g,color:_,disabled:f||n,size:j,startIcon:q?r.jsx(o.CircularProgress,{size:c,color:"inherit"}):I,endIcon:y?r.jsx(o.CircularProgress,{size:c,color:"inherit"}):P,sx:e.__assign({position:"relative"},p)},b,{children:B?r.jsx(o.CircularProgress,{size:c,color:"inherit"}):n&&d?d:t}))});s.displayName="Button",exports.Button=s,exports.default=s;

package/dist/components/Card/index.d.ts

@@ -0,0 +1,73 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as React$1 from 'react';
+import React__default from 'react';
+import { CardProps } from '@mui/material';
+import { SxProps } from '@mui/system';
+
+interface CardRootProps extends CardProps {
+    sx?: SxProps;
+    variant?: 'elevated' | 'outlined' | 'bordered';
+    children: React__default.ReactNode;
+}
+declare const CardRoot: React__default.FC<CardRootProps>;
+
+declare const CardHeader: ({ title, subtitle, action, sx, }: {
+    title?: string | React__default.ReactNode;
+    subtitle?: string | React__default.ReactNode;
+    action?: React__default.ReactNode;
+    sx?: any;
+}) => react_jsx_runtime.JSX.Element;
+
+declare const CardContent: ({ children, sx }: {
+    children: React__default.ReactNode;
+    sx?: any;
+}) => react_jsx_runtime.JSX.Element;
+
+declare const CardActions: ({ children, sx }: {
+    children: React__default.ReactNode;
+    sx?: any;
+}) => react_jsx_runtime.JSX.Element;
+
+declare const CardImage: ({ src, height, alt, sx }: {
+    src: string;
+    height?: number | string;
+    alt?: string;
+    sx?: any;
+}) => react_jsx_runtime.JSX.Element;
+
+declare const CardSkeleton: ({ lines }: {
+    lines?: number;
+}) => react_jsx_runtime.JSX.Element;
+
+declare const Card: React$1.FC<CardRootProps> & {
+    Header: ({ title, subtitle, action, sx, }: {
+        title?: string | React.ReactNode;
+        subtitle?: string | React.ReactNode;
+        action?: React.ReactNode;
+        sx?: any;
+    }) => react_jsx_runtime.JSX.Element;
+    Content: ({ children, sx }: {
+        children: React.ReactNode;
+        sx?: any;
+    }) => react_jsx_runtime.JSX.Element;
+    Body: ({ children, sx }: {
+        children: React.ReactNode;
+        sx?: any;
+    }) => react_jsx_runtime.JSX.Element;
+    Actions: ({ children, sx }: {
+        children: React.ReactNode;
+        sx?: any;
+    }) => react_jsx_runtime.JSX.Element;
+    Image: ({ src, height, alt, sx }: {
+        src: string;
+        height?: number | string;
+        alt?: string;
+        sx?: any;
+    }) => react_jsx_runtime.JSX.Element;
+    Skeleton: ({ lines }: {
+        lines?: number;
+    }) => react_jsx_runtime.JSX.Element;
+};
+
+export { CardActions, CardContent, CardHeader, CardImage, CardRoot, CardSkeleton, Card as default };
+export type { CardRootProps };

package/dist/components/Card/index.esm.js

@@ -0,0 +1 @@
+import{_ as e,a as r,b as t}from"../../chunks/tslib.es6-4974c96c.esm.js";import{jsx as i,jsxs as a}from"react/jsx-runtime";import{useTheme as n,Card as o,CardHeader as d,Typography as l,CardActions as s,Box as c,Skeleton as u}from"@mui/material";import v from"@mui/material/CardContent";import m from"@mui/material/CardMedia";var h=function(t){var a=t.children,d=t.sx,l=void 0===d?{}:d,s=t.elevation,c=void 0===s?1:s,u=t.variant,v=void 0===u?"elevated":u,m=e(t,["children","sx","elevation","variant"]),h=n();return i(o,r({elevation:"elevated"===v?c:0,variant:"outlined"===v?"outlined":"elevation",sx:r({borderRadius:1,border:"bordered"===v?"1px solid ".concat(h.palette.divider):"none",overflow:"hidden",backgroundColor:h.palette.background.paper},l)},m,{children:a}))},p=function(e){var t=e.title,a=e.subtitle,n=e.action,o=e.sx;return i(d,{title:"string"==typeof t?i(l,{variant:"h6",fontWeight:600,children:t}):t,subheader:"string"==typeof a?i(l,{variant:"body2",color:"text.secondary",children:a}):a,action:n,sx:r({p:0},o)})},f=function(e){var t=e.children,a=e.sx;return i(v,{sx:r({p:0,"&:last-child":{pb:0}},a),children:t})},x=function(e){var t=e.children,a=e.sx;return i(s,{sx:r({p:0},a),children:t})},g=function(e){var t=e.src,a=e.height,n=void 0===a?160:a,o=e.alt,d=void 0===o?"card image":o,l=e.sx;return i(m,{sx:r({p:0},l),component:"img",height:n,image:t,alt:d})},b=function(e){var r=e.lines,n=void 0===r?3:r;return a(c,{p:2,children:[i(u,{variant:"rectangular",height:140}),t([],Array(n),!0).map(function(e,r){return i(u,{variant:"text",height:20,sx:{mt:1}},r)})]})},C=Object.assign(h,{Header:p,Content:f,Body:f,Actions:x,Image:g,Skeleton:b});export{x as CardActions,f as CardContent,p as CardHeader,g as CardImage,h as CardRoot,b as CardSkeleton,C as default};

package/dist/components/Card/index.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../chunks/tslib.es6-a3dc1f53.js"),r=require("react/jsx-runtime"),t=require("@mui/material"),a=require("@mui/material/CardContent"),i=require("@mui/material/CardMedia"),n=function(a){var i=a.children,n=a.sx,s=void 0===n?{}:n,o=a.elevation,d=void 0===o?1:o,l=a.variant,c=void 0===l?"elevated":l,u=e.__rest(a,["children","sx","elevation","variant"]),x=t.useTheme();return r.jsx(t.Card,e.__assign({elevation:"elevated"===c?d:0,variant:"outlined"===c?"outlined":"elevation",sx:e.__assign({borderRadius:1,border:"bordered"===c?"1px solid ".concat(x.palette.divider):"none",overflow:"hidden",backgroundColor:x.palette.background.paper},s)},u,{children:i}))},s=function(a){var i=a.title,n=a.subtitle,s=a.action,o=a.sx;return r.jsx(t.CardHeader,{title:"string"==typeof i?r.jsx(t.Typography,{variant:"h6",fontWeight:600,children:i}):i,subheader:"string"==typeof n?r.jsx(t.Typography,{variant:"body2",color:"text.secondary",children:n}):n,action:s,sx:e.__assign({p:0},o)})},o=function(t){var i=t.children,n=t.sx;return r.jsx(a,{sx:e.__assign({p:0,"&:last-child":{pb:0}},n),children:i})},d=function(a){var i=a.children,n=a.sx;return r.jsx(t.CardActions,{sx:e.__assign({p:0},n),children:i})},l=function(t){var a=t.src,n=t.height,s=void 0===n?160:n,o=t.alt,d=void 0===o?"card image":o,l=t.sx;return r.jsx(i,{sx:e.__assign({p:0},l),component:"img",height:s,image:a,alt:d})},c=function(a){var i=a.lines,n=void 0===i?3:i;return r.jsxs(t.Box,{p:2,children:[r.jsx(t.Skeleton,{variant:"rectangular",height:140}),e.__spreadArray([],Array(n),!0).map(function(e,a){return r.jsx(t.Skeleton,{variant:"text",height:20,sx:{mt:1}},a)})]})},u=Object.assign(n,{Header:s,Content:o,Body:o,Actions:d,Image:l,Skeleton:c});exports.CardActions=d,exports.CardContent=o,exports.CardHeader=s,exports.CardImage=l,exports.CardRoot=n,exports.CardSkeleton=c,exports.default=u;

package/dist/components/Charts/index.d.ts

@@ -0,0 +1,58 @@
+import React__default from 'react';
+import { EChartsOption } from 'echarts';
+
+interface BaseChartProps {
+    option?: EChartsOption;
+    height?: string | number;
+    width?: string | number;
+    theme?: "light" | "dark";
+}
+declare const BaseChart: React__default.FC<BaseChartProps>;
+
+interface BarChartSeries {
+    name: string;
+    data: number[];
+    stack?: string;
+    color?: string;
+    [key: string]: any;
+}
+interface BarChartProps {
+    categories: string[];
+    series: BarChartSeries | BarChartSeries[];
+    option?: EChartsOption;
+    height?: string | number;
+    width?: string | number;
+    theme?: 'light' | 'dark';
+    noDataText?: string;
+}
+declare const BarChart: React__default.FC<BarChartProps>;
+
+interface PieChartProps {
+    data: {
+        name: string;
+        value: number;
+    }[];
+    option?: EChartsOption;
+}
+declare const PieChart: React__default.FC<PieChartProps>;
+
+interface LineChartSeries {
+    name: string;
+    data: number[];
+    color?: string;
+    smooth?: boolean;
+    [key: string]: any;
+}
+interface LineChartProps {
+    categories: string[];
+    series: LineChartSeries | LineChartSeries[];
+    option?: EChartsOption;
+    height?: string | number;
+    width?: string | number;
+    theme?: "light" | "dark";
+    noDataText?: string;
+}
+declare const LineChart: React__default.FC<LineChartProps>;
+
+export { BarChart, BaseChart, LineChart, PieChart };
+export type { BarChartProps, BaseChartProps, LineChartProps, PieChartProps };