@smitch/breeze 2.2.16 → 2.2.17

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1,3 +1,3 @@
1
1
  import { LoadingProps } from "./types";
2
- declare const Loading: ({ className, caption, spinner, customSpinner, customAnimate, size, loadingColor, layout, }: LoadingProps) => import("react/jsx-runtime").JSX.Element;
2
+ declare const Loading: ({ className, caption, spinner, customSpinner, customAnimate, size, loadingColor, layout, modal }: LoadingProps) => import("react/jsx-runtime").JSX.Element;
3
3
  export default Loading;
@@ -92,18 +92,19 @@ var getSpinnerComponent = function (spinner) {
92
92
  return Spinner_1.default;
93
93
  }
94
94
  };
95
+ var modalClasses = 'absolute inset-0 bg-black/50';
95
96
  var Loading = function (_a) {
96
- var _b = _a.className, className = _b === void 0 ? "" : _b, _c = _a.caption, caption = _c === void 0 ? "" : _c, _d = _a.spinner, spinner = _d === void 0 ? "spinner" : _d, customSpinner = _a.customSpinner, _e = _a.customAnimate, customAnimate = _e === void 0 ? "spin" : _e, _f = _a.size, size = _f === void 0 ? "md" : _f, _g = _a.loadingColor, loadingColor = _g === void 0 ? "current" : _g, _h = _a.layout, layout = _h === void 0 ? "col" : _h;
97
+ var _b = _a.className, className = _b === void 0 ? "" : _b, _c = _a.caption, caption = _c === void 0 ? "" : _c, _d = _a.spinner, spinner = _d === void 0 ? "spinner" : _d, customSpinner = _a.customSpinner, _e = _a.customAnimate, customAnimate = _e === void 0 ? "spin" : _e, _f = _a.size, size = _f === void 0 ? "md" : _f, _g = _a.loadingColor, loadingColor = _g === void 0 ? "current" : _g, _h = _a.layout, layout = _h === void 0 ? "col" : _h, _j = _a.modal, modal = _j === void 0 ? false : _j;
97
98
  var SpinnerIcon = (0, react_1.useMemo)(function () { return getSpinnerComponent(spinner); }, [spinner]);
98
99
  var width = (0, react_1.useMemo)(function () { return sizeToWidth[size]; }, [size]);
99
100
  var colorClasses = (0, react_1.useMemo)(function () { return colors[loadingColor]; }, [loadingColor]);
100
101
  var layoutClasses = (0, react_1.useMemo)(function () { return layouts[layout]; }, [layout]);
101
102
  var animateClasses = (0, react_1.useMemo)(function () { return animates[customAnimate]; }, [customAnimate]);
102
- return ((0, jsx_runtime_1.jsx)("div", { className: (0, tailwind_merge_1.twMerge)("loading flex justify-center items-center text-dark dark:text-light", className), children: (0, jsx_runtime_1.jsxs)("figure", { className: "figure flex items-center gap-4 ".concat(colorClasses, " ").concat(layoutClasses), children: [customSpinner ? ((0, jsx_runtime_1.jsx)("div", { className: "flex items-center justify-center", style: {
103
+ return ((0, jsx_runtime_1.jsx)("div", { className: (0, tailwind_merge_1.twMerge)("loading flex justify-center items-center text-dark dark:text-light ".concat(modal && modalClasses), className), children: (0, jsx_runtime_1.jsxs)("figure", { className: "figure flex items-center gap-4 ".concat(colorClasses, " ").concat(layoutClasses), children: [customSpinner ? ((0, jsx_runtime_1.jsx)("div", { className: "flex items-center justify-center", style: {
103
104
  fontSize: "".concat(width, "px"),
104
105
  width: "".concat(width, "px"),
105
106
  height: "".concat(width, "px"),
106
107
  }, children: (0, jsx_runtime_1.jsx)("div", { className: "flex items-center justify-center ".concat(animateClasses), children: customSpinner }) })) : ((0, jsx_runtime_1.jsx)(react_1.Suspense, { fallback: (0, jsx_runtime_1.jsx)("div", { className: "text-center", children: "..." }), children: (0, jsx_runtime_1.jsx)(SpinnerIcon, { width: width }) })), caption && ((0, jsx_runtime_1.jsx)("figcaption", { className: "figcaption text-center ".concat(colorClasses, " text-").concat(size), children: caption }))] }) }));
107
108
  };
108
109
  exports.default = Loading;
109
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTG9hZGluZy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy91aS9sb2FkaW5nL0xvYWRpbmcudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztBQUFBLDZDQUFpRDtBQUVqRCxpREFBeUM7QUFFekMsSUFBTSxJQUFJLEdBQUcsZUFBSyxDQUFDLElBQUksQ0FBQyxjQUFNLHdFQUFPLGlCQUFpQixRQUF4QixDQUF5QixDQUFDLENBQUM7QUFDekQsSUFBTSxLQUFLLEdBQUcsZUFBSyxDQUFDLElBQUksQ0FBQyxjQUFNLHdFQUFPLGtCQUFrQixRQUF6QixDQUEwQixDQUFDLENBQUM7QUFDM0QsSUFBTSxJQUFJLEdBQUcsZUFBSyxDQUFDLElBQUksQ0FBQyxjQUFNLHdFQUFPLGlCQUFpQixRQUF4QixDQUF5QixDQUFDLENBQUM7QUFDekQsSUFBTSxLQUFLLEdBQUcsZUFBSyxDQUFDLElBQUksQ0FBQyxjQUFNLHdFQUFPLGtCQUFrQixRQUF6QixDQUEwQixDQUFDLENBQUM7QUFDM0QsSUFBTSxRQUFRLEdBQUcsZUFBSyxDQUFDLElBQUksQ0FBQyxjQUFNLHdFQUFPLHFCQUFxQixRQUE1QixDQUE2QixDQUFDLENBQUM7QUFDakUsSUFBTSxJQUFJLEdBQUcsZUFBSyxDQUFDLElBQUksQ0FBQyxjQUFNLHdFQUFPLGlCQUFpQixRQUF4QixDQUF5QixDQUFDLENBQUM7QUFFekQsK0RBQXlDO0FBRXpDLElBQU0sV0FBVyxHQUFHO0lBQ2xCLEVBQUUsRUFBRSxFQUFFO0lBQ04sRUFBRSxFQUFFLEVBQUU7SUFDTixFQUFFLEVBQUUsRUFBRTtJQUNOLEVBQUUsRUFBRSxFQUFFO0NBQ1AsQ0FBQztBQUVGLElBQU0sTUFBTSxHQUFHO0lBQ2IsSUFBSSxFQUFFLFdBQVc7SUFDakIsT0FBTyxFQUFFLGNBQWM7SUFDdkIsT0FBTyxFQUFFLGNBQWM7SUFDdkIsTUFBTSxFQUFFLFlBQVk7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
110
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTG9hZGluZy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy91aS9sb2FkaW5nL0xvYWRpbmcudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztBQUFBLDZDQUFpRDtBQUVqRCxpREFBeUM7QUFFekMsSUFBTSxJQUFJLEdBQUcsZUFBSyxDQUFDLElBQUksQ0FBQyxjQUFNLHdFQUFPLGlCQUFpQixRQUF4QixDQUF5QixDQUFDLENBQUM7QUFDekQsSUFBTSxLQUFLLEdBQUcsZUFBSyxDQUFDLElBQUksQ0FBQyxjQUFNLHdFQUFPLGtCQUFrQixRQUF6QixDQUEwQixDQUFDLENBQUM7QUFDM0QsSUFBTSxJQUFJLEdBQUcsZUFBSyxDQUFDLElBQUksQ0FBQyxjQUFNLHdFQUFPLGlCQUFpQixRQUF4QixDQUF5QixDQUFDLENBQUM7QUFDekQsSUFBTSxLQUFLLEdBQUcsZUFBSyxDQUFDLElBQUksQ0FBQyxjQUFNLHdFQUFPLGtCQUFrQixRQUF6QixDQUEwQixDQUFDLENBQUM7QUFDM0QsSUFBTSxRQUFRLEdBQUcsZUFBSyxDQUFDLElBQUksQ0FBQyxjQUFNLHdFQUFPLHFCQUFxQixRQUE1QixDQUE2QixDQUFDLENBQUM7QUFDakUsSUFBTSxJQUFJLEdBQUcsZUFBSyxDQUFDLElBQUksQ0FBQyxjQUFNLHdFQUFPLGlCQUFpQixRQUF4QixDQUF5QixDQUFDLENBQUM7QUFFekQsK0RBQXlDO0FBRXpDLElBQU0sV0FBVyxHQUFHO0lBQ2xCLEVBQUUsRUFBRSxFQUFFO0lBQ04sRUFBRSxFQUFFLEVBQUU7SUFDTixFQUFFLEVBQUUsRUFBRTtJQUNOLEVBQUUsRUFBRSxFQUFFO0NBQ1AsQ0FBQztBQUVGLElBQU0sTUFBTSxHQUFHO0lBQ2IsSUFBSSxFQUFFLFdBQVc7SUFDakIsT0FBTyxFQUFFLGNBQWM7SUFDdkIsT0FBTyxFQUFFLGNBQWM7SUFDdkIsTUFBTSxFQUFFLFlBQVk7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
@@ -7,4 +7,5 @@ export interface LoadingProps {
7
7
  size?: "sm" | "md" | "lg" | "xl";
8
8
  layout?: "col" | "col_reverse" | "row" | "row_reverse";
9
9
  loadingColor?: "current" | "info" | "success" | "warning" | "danger" | "primary" | "secondary";
10
+ modal?: boolean;
10
11
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@smitch/breeze",
3
- "version": "2.2.16",
3
+ "version": "2.2.17",
4
4
  "description": "A lightweight, Tailwind-powered React/Next.js UI component library.",
5
5
  "main": "lib/index.js",
6
6
  "types": "index.d.ts",