avine-react-components - npm Package Compare versions

Comparing version 0.1.40 to 0.1.41

dist/components/stat/stat.js

@@ -56,5 +56,8 @@ "use strict";
 // src/components/stat/stat.tsx
+var StatShimmer = ({ title }) => {
+  return /* @__PURE__ */ import_react2.default.createElement("div", { className: "w-full flex flex-col p-4 bg-white rounded-lg border border-gray-200 select-none" }, /* @__PURE__ */ import_react2.default.createElement("div", { className: "w-full flex justify-between items-center space-x-4 text-gray-600" }, /* @__PURE__ */ import_react2.default.createElement("h6", { className: "text-base font-medium" }, title), /* @__PURE__ */ import_react2.default.createElement(Spinner, { size: "sm" })), /* @__PURE__ */ import_react2.default.createElement("div", { className: "w-full flex mt-2 animate-pulse" }, /* @__PURE__ */ import_react2.default.createElement("div", { className: "bg-gray-100 rounded-lg w-40 h-9" })), /* @__PURE__ */ import_react2.default.createElement("div", { className: "w-full flex mt-1 animate-pulse" }, /* @__PURE__ */ import_react2.default.createElement("div", { className: "bg-gray-100 rounded-md w-64 h-4" })));
+};
 var Stat = ({
   title,
-  value,
+  value = 0,
   valueFormatter,
@@ -68,3 +71,5 @@ footerContent,
     return /* @__PURE__ */ import_react2.default.createElement("div", { className: "w-full flex flex-col p-4 bg-white rounded-lg border border-gray-200 select-none" }, /* @__PURE__ */ import_react2.default.createElement("div", { className: "w-full flex justify-between items-center space-x-4 text-gray-600" }, /* @__PURE__ */ import_react2.default.createElement("h6", { className: "text-base font-medium" }, title), trailingIcon && /* @__PURE__ */ import_react2.default.createElement("span", null, trailingIcon)), /* @__PURE__ */ import_react2.default.createElement("div", { className: "w-full mt-2" }, /* @__PURE__ */ import_react2.default.createElement("h3", { className: "text-sm font-medium text-gray-500 text-center" }, "Ocorreu um erro ao tentar carregar informa\xE7\xF5es")));
-  return /* @__PURE__ */ import_react2.default.createElement("div", { className: "w-full flex flex-col p-4 bg-white rounded-lg border border-gray-200 select-none" }, /* @__PURE__ */ import_react2.default.createElement("div", { className: "w-full flex justify-between items-center space-x-4 text-gray-600" }, /* @__PURE__ */ import_react2.default.createElement("h6", { className: "text-base font-medium" }, title), trailingIcon && /* @__PURE__ */ import_react2.default.createElement("span", null, trailingIcon)), isLoading ? /* @__PURE__ */ import_react2.default.createElement("div", { className: "w-full flex justify-center mt-2" }, /* @__PURE__ */ import_react2.default.createElement(Spinner, { size: "lg" })) : /* @__PURE__ */ import_react2.default.createElement(import_react2.default.Fragment, null, /* @__PURE__ */ import_react2.default.createElement("div", { className: "w-full flex mt-2" }, /* @__PURE__ */ import_react2.default.createElement("h3", { className: "text-3xl font-semibold text-gray-800" }, valueFormatter ? valueFormatter(value) : value)), footerContent && /* @__PURE__ */ import_react2.default.createElement("div", { className: "w-full flex mt-1" }, /* @__PURE__ */ import_react2.default.createElement("h6", { className: "text-xs font-medium text-gray-400" }, footerContent))));
+  if (isLoading)
+    return /* @__PURE__ */ import_react2.default.createElement(StatShimmer, { title });
+  return /* @__PURE__ */ import_react2.default.createElement("div", { className: "w-full flex flex-col p-4 bg-white rounded-lg border border-gray-200 select-none" }, /* @__PURE__ */ import_react2.default.createElement("div", { className: "w-full flex justify-between items-center space-x-4 text-gray-600" }, /* @__PURE__ */ import_react2.default.createElement("h6", { className: "text-base font-medium" }, title), trailingIcon && /* @__PURE__ */ import_react2.default.createElement("span", null, trailingIcon)), /* @__PURE__ */ import_react2.default.createElement("div", { className: "w-full flex mt-2" }, /* @__PURE__ */ import_react2.default.createElement("h3", { className: "text-3xl font-semibold text-gray-800" }, valueFormatter ? valueFormatter(value) : value)), footerContent && /* @__PURE__ */ import_react2.default.createElement("div", { className: "w-full flex mt-1" }, /* @__PURE__ */ import_react2.default.createElement("h6", { className: "text-xs font-medium text-gray-400" }, footerContent)));
 };
@@ -71,0 +76,0 @@ // Annotate the CommonJS export names for ESM import in node:

dist/components/stat/stat.stories.js

@@ -59,5 +59,8 @@ "use strict";
 // src/components/stat/stat.tsx
+var StatShimmer = ({ title }) => {
+  return /* @__PURE__ */ import_react2.default.createElement("div", { className: "w-full flex flex-col p-4 bg-white rounded-lg border border-gray-200 select-none" }, /* @__PURE__ */ import_react2.default.createElement("div", { className: "w-full flex justify-between items-center space-x-4 text-gray-600" }, /* @__PURE__ */ import_react2.default.createElement("h6", { className: "text-base font-medium" }, title), /* @__PURE__ */ import_react2.default.createElement(Spinner, { size: "sm" })), /* @__PURE__ */ import_react2.default.createElement("div", { className: "w-full flex mt-2 animate-pulse" }, /* @__PURE__ */ import_react2.default.createElement("div", { className: "bg-gray-100 rounded-lg w-40 h-9" })), /* @__PURE__ */ import_react2.default.createElement("div", { className: "w-full flex mt-1 animate-pulse" }, /* @__PURE__ */ import_react2.default.createElement("div", { className: "bg-gray-100 rounded-md w-64 h-4" })));
+};
 var Stat = ({
   title,
-  value,
+  value = 0,
   valueFormatter,
@@ -71,3 +74,5 @@ footerContent,
     return /* @__PURE__ */ import_react2.default.createElement("div", { className: "w-full flex flex-col p-4 bg-white rounded-lg border border-gray-200 select-none" }, /* @__PURE__ */ import_react2.default.createElement("div", { className: "w-full flex justify-between items-center space-x-4 text-gray-600" }, /* @__PURE__ */ import_react2.default.createElement("h6", { className: "text-base font-medium" }, title), trailingIcon && /* @__PURE__ */ import_react2.default.createElement("span", null, trailingIcon)), /* @__PURE__ */ import_react2.default.createElement("div", { className: "w-full mt-2" }, /* @__PURE__ */ import_react2.default.createElement("h3", { className: "text-sm font-medium text-gray-500 text-center" }, "Ocorreu um erro ao tentar carregar informa\xE7\xF5es")));
-  return /* @__PURE__ */ import_react2.default.createElement("div", { className: "w-full flex flex-col p-4 bg-white rounded-lg border border-gray-200 select-none" }, /* @__PURE__ */ import_react2.default.createElement("div", { className: "w-full flex justify-between items-center space-x-4 text-gray-600" }, /* @__PURE__ */ import_react2.default.createElement("h6", { className: "text-base font-medium" }, title), trailingIcon && /* @__PURE__ */ import_react2.default.createElement("span", null, trailingIcon)), isLoading ? /* @__PURE__ */ import_react2.default.createElement("div", { className: "w-full flex justify-center mt-2" }, /* @__PURE__ */ import_react2.default.createElement(Spinner, { size: "lg" })) : /* @__PURE__ */ import_react2.default.createElement(import_react2.default.Fragment, null, /* @__PURE__ */ import_react2.default.createElement("div", { className: "w-full flex mt-2" }, /* @__PURE__ */ import_react2.default.createElement("h3", { className: "text-3xl font-semibold text-gray-800" }, valueFormatter ? valueFormatter(value) : value)), footerContent && /* @__PURE__ */ import_react2.default.createElement("div", { className: "w-full flex mt-1" }, /* @__PURE__ */ import_react2.default.createElement("h6", { className: "text-xs font-medium text-gray-400" }, footerContent))));
+  if (isLoading)
+    return /* @__PURE__ */ import_react2.default.createElement(StatShimmer, { title });
+  return /* @__PURE__ */ import_react2.default.createElement("div", { className: "w-full flex flex-col p-4 bg-white rounded-lg border border-gray-200 select-none" }, /* @__PURE__ */ import_react2.default.createElement("div", { className: "w-full flex justify-between items-center space-x-4 text-gray-600" }, /* @__PURE__ */ import_react2.default.createElement("h6", { className: "text-base font-medium" }, title), trailingIcon && /* @__PURE__ */ import_react2.default.createElement("span", null, trailingIcon)), /* @__PURE__ */ import_react2.default.createElement("div", { className: "w-full flex mt-2" }, /* @__PURE__ */ import_react2.default.createElement("h3", { className: "text-3xl font-semibold text-gray-800" }, valueFormatter ? valueFormatter(value) : value)), footerContent && /* @__PURE__ */ import_react2.default.createElement("div", { className: "w-full flex mt-1" }, /* @__PURE__ */ import_react2.default.createElement("h6", { className: "text-xs font-medium text-gray-400" }, footerContent)));
 };
@@ -160,4 +165,4 @@
 // node_modules/react-icons/lu/index.esm.js
-function LuDollarSign(props) {
-  return GenIcon({ "tag": "svg", "attr": { "viewBox": "0 0 24 24", "fill": "none", "stroke": "currentColor", "strokeWidth": "2", "strokeLinecap": "round", "strokeLinejoin": "round" }, "child": [{ "tag": "line", "attr": { "x1": "12", "x2": "12", "y1": "2", "y2": "22" } }, { "tag": "path", "attr": { "d": "M17 5H9.5a3.5 3.5 0 0 0 0 7h5a3.5 3.5 0 0 1 0 7H6" } }] })(props);
+function LuTrendingUp(props) {
+  return GenIcon({ "tag": "svg", "attr": { "viewBox": "0 0 24 24", "fill": "none", "stroke": "currentColor", "strokeWidth": "2", "strokeLinecap": "round", "strokeLinejoin": "round" }, "child": [{ "tag": "polyline", "attr": { "points": "22 7 13.5 15.5 8.5 10.5 2 17" } }, { "tag": "polyline", "attr": { "points": "16 7 22 7 22 13" } }] })(props);
 }
@@ -180,3 +185,3 @@
   valueFormatter: (value) => value.toFixed(0) + "%",
-  trailingIcon: /* @__PURE__ */ import_react5.default.createElement(LuDollarSign, null),
+  trailingIcon: /* @__PURE__ */ import_react5.default.createElement(LuTrendingUp, null),
   footerContent: /* @__PURE__ */ import_react5.default.createElement("div", null, /* @__PURE__ */ import_react5.default.createElement("span", { className: "text-red-600 font-semibold" }, "9%"), " para atingir a meta"),
@@ -183,0 +188,0 @@ isLoading: false,

package.json

 {
     "name": "avine-react-components",
-    "version": "0.1.40",
+    "version": "0.1.41",
     "license": "MIT",
@@ -5,0 +5,0 @@ "description": "",

src/index.ts

@@ -1,2 +0,1 @@
-// components
 export * from './components/table/table';
@@ -3,0 +2,0 @@ export * from './components/button/button';

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

9655625

increased by0.1%

Lines of code

18843

increased by0.27%

No dependency changes