spotlibs-components 0.1.21 → 0.1.22

package/dist/index.mjs

@@ -6,7 +6,7 @@ import { DerivedColor, PrimitiveColor, SpacingToken } from './chunk-G2BF4U5I.mjs
 export { AppHeader, AppSidebar, Backdrop, CONTENT_SPACING_TOKENS, ContentSpacing, DerivedColor, LayoutShell, PrimitiveColor, SidebarProvider, spacing_default as Spacing, SpacingToken, parseAccessMenu, useSidebar } from './chunk-G2BF4U5I.mjs';
 import { __spreadValues, __spreadProps, __objRest } from './chunk-YOSPWY5K.mjs';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
-import React2, { useMemo, useState, useCallback, isValidElement, createElement, useEffect, useRef, Fragment as Fragment$1, useId } from 'react';
+import React3, { useMemo, useState, useCallback, isValidElement, createElement, useEffect, useRef, Fragment as Fragment$1, useId } from 'react';
 import AlertRaw from '@mui/material/Alert';
 import AlertTitleRaw from '@mui/material/AlertTitle';
 import BoxRaw from '@mui/material/Box';
@@ -22,7 +22,6 @@ import CollapseRaw from '@mui/material/Collapse';
 import IconButtonRaw from '@mui/material/IconButton';
 import KeyboardArrowDownIconRaw from '@mui/icons-material/KeyboardArrowDown';
 import KeyboardArrowUpIconRaw from '@mui/icons-material/KeyboardArrowUp';
-import { Watermark } from '@hirohe/react-watermark';
 import SnackbarRaw from '@mui/material/Snackbar';
 import MuiCheckboxRaw from '@mui/material/Checkbox';
 import FormControlLabelRaw from '@mui/material/FormControlLabel';
@@ -1404,6 +1403,73 @@ var BaseChip = (_a130) => {
     }, rest)
   );
 };
+var __assign = function() {
+  __assign = Object.assign || function __assign2(t) {
+    for (var s, i = 1, n = arguments.length; i < n; i++) {
+      s = arguments[i];
+      for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
+    }
+    return t;
+  };
+  return __assign.apply(this, arguments);
+};
+function generateSvg(options) {
+  var text = options.text, textColor = options.textColor, textSize = options.textSize, fontFamily = options.fontFamily, lineHeight = options.lineHeight, multiline = options.multiline, opacity = options.opacity, gutter = options.gutter, rotate = options.rotate;
+  var rect = calcTextRenderedRect(text, textSize, lineHeight, fontFamily);
+  var size = Math.sqrt(rect.width * rect.width + rect.height * rect.height) + gutter * 2;
+  var center = size / 2;
+  var textContent = text;
+  if (multiline) {
+    var texts = text.split("\n").map(function(textByLine, index) {
+      return "<tspan x='50%' dy='".concat(index === 0 ? "0" : lineHeight, "'>").concat(textByLine, "</tspan>");
+    });
+    textContent = texts.join("");
+  }
+  var textEl = "<text fill='".concat(textColor, "' x='50%' y='50%' font-size='").concat(textSize, "' text-anchor='middle' font-family='").concat(fontFamily, "' transform='rotate(").concat(rotate, " ").concat(center, " ").concat(center, ")' opacity='").concat(opacity, "'>").concat(textContent, "</text>");
+  return "<svg width='".concat(size, "' height='").concat(size / 1.5, "' xmlns='http://www.w3.org/2000/svg'>").concat(textEl, "</svg>");
+}
+function calcTextRenderedRect(text, fontSize, lineHeight, fontFamily) {
+  var span = document.createElement("span");
+  span.innerText = text;
+  span.style.fontSize = fontSize + "px";
+  span.style.fontFamily = fontFamily;
+  span.style.visibility = "hidden";
+  document.body.appendChild(span);
+  var rect = span.getBoundingClientRect();
+  document.body.removeChild(span);
+  return rect;
+}
+var watermarkWrapperStyle = {
+  position: "relative"
+};
+var Watermark = function(_a130) {
+  var _b130 = _a130.show, show3 = _b130 === void 0 ? true : _b130, text = _a130.text, _c = _a130.textColor, textColor = _c === void 0 ? "#cccccc" : _c, _d = _a130.textSize, textSize = _d === void 0 ? 24 : _d, _e = _a130.fontFamily, fontFamily = _e === void 0 ? "Arial, Helvetica, sans-serif" : _e, _f = _a130.opacity, opacity = _f === void 0 ? 0.2 : _f, _g = _a130.lineHeight, lineHeight = _g === void 0 ? "1.2rem" : _g, _h = _a130.multiline, multiline = _h === void 0 ? false : _h, wrapperStyle = _a130.wrapperStyle, _j = _a130.wrapperElement, wrapperElement = _j === void 0 ? "div" : _j, _k = _a130.gutter, gutter = _k === void 0 ? 0 : _k, _l = _a130.rotate, rotate = _l === void 0 ? -45 : _l, _m = _a130.zIndex, zIndex = _m === void 0 ? 1 : _m, children = _a130.children;
+  var _o = useState(""), backgroundImage = _o[0], setBackgroundImage = _o[1];
+  useEffect(function() {
+    var svg = generateSvg({ text, textColor, textSize, fontFamily, opacity, gutter, rotate, multiline, lineHeight });
+    var convertedSvg = encodeURIComponent(svg).replace(/'/g, "%27").replace(/"/g, "%22");
+    setBackgroundImage('url("data:image/svg+xml,'.concat(convertedSvg, '")'));
+  }, [show3, text, textColor, textSize, opacity, gutter, rotate]);
+  var watermarkStyle = {
+    pointerEvents: "none",
+    position: "absolute",
+    top: 0,
+    bottom: 0,
+    left: 0,
+    right: 0,
+    content: "",
+    backgroundRepeat: "repeat",
+    zIndex,
+    backgroundImage
+  };
+  var Wrapper = wrapperElement;
+  return React3.createElement(
+    Wrapper,
+    { style: __assign(__assign({}, watermarkWrapperStyle), wrapperStyle) },
+    show3 && React3.createElement("div", { style: watermarkStyle }),
+    children
+  );
+};
 var _a14, _b14;
 var MuiCard = (_b14 = (_a14 = MuiCardRaw) == null ? void 0 : _a14.default) != null ? _b14 : MuiCardRaw;
 var _a15, _b15;
@@ -3094,7 +3160,7 @@ BaseDatatable.propTypes = {
   containerSx: PropTypes3.object,
   tableSx: PropTypes3.object
 };
-React2.memo(BaseDatatable);
+React3.memo(BaseDatatable);
 var _a49, _b49;
 var TextField = (_b49 = (_a49 = TextFieldRaw) == null ? void 0 : _a49.default) != null ? _b49 : TextFieldRaw;
 var _a50, _b50;
@@ -6545,20 +6611,20 @@ var FormField = ({ item, index, control, resolvedLayout, resolvedLabelWidth, res
   );
 };
 var Form = ({ children, sx = {}, methods, onSubmit }) => {
-  return /* @__PURE__ */ jsx(Box25, { component: "form", sx, onSubmit: methods == null ? void 0 : methods.handleSubmit(onSubmit), children: React2.Children.map(children, (child) => {
+  return /* @__PURE__ */ jsx(Box25, { component: "form", sx, onSubmit: methods == null ? void 0 : methods.handleSubmit(onSubmit), children: React3.Children.map(children, (child) => {
     var _a130;
     if (!child) return null;
-    return ((_a130 = child.props) == null ? void 0 : _a130.name) ? React2.createElement(child.type, __spreadProps(__spreadValues({}, child.props), {
+    return ((_a130 = child.props) == null ? void 0 : _a130.name) ? React3.createElement(child.type, __spreadProps(__spreadValues({}, child.props), {
       control: methods == null ? void 0 : methods.control,
       key: child.props.name
     })) : child;
   }) });
 };
 var SubForm = ({ children, sx = {}, methods }) => {
-  return /* @__PURE__ */ jsx(Box25, { sx, children: React2.Children.map(children, (child) => {
+  return /* @__PURE__ */ jsx(Box25, { sx, children: React3.Children.map(children, (child) => {
     var _a130;
     if (!child) return null;
-    return ((_a130 = child.props) == null ? void 0 : _a130.name) ? React2.createElement(child.type, __spreadProps(__spreadValues({}, child.props), {
+    return ((_a130 = child.props) == null ? void 0 : _a130.name) ? React3.createElement(child.type, __spreadProps(__spreadValues({}, child.props), {
       control: methods == null ? void 0 : methods.control,
       key: child.props.name
     })) : child;
@@ -6626,6 +6692,24 @@ var SubFormBuilder = ({
     item.name || `subform-item-${index}`
   )) }) });
 };
+/*! Bundled license information:
+
+@hirohe/react-watermark/build/index.esm.js:
+  (*! *****************************************************************************
+  Copyright (c) Microsoft Corporation.
+  
+  Permission to use, copy, modify, and/or distribute this software for any
+  purpose with or without fee is hereby granted.
+  
+  THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
+  REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
+  AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
+  INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
+  LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
+  OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
+  PERFORMANCE OF THIS SOFTWARE.
+  ***************************************************************************** *)
+*/
 
 export { BaseAlert, BaseButton, BaseCard, BaseCheckbox, BaseChip, BaseDatatable, BaseDatePicker, BaseDropdown, BaseDropzone, BaseModalAlert, BaseModalAlertDialog, BaseModalAlertProvider, BaseModalLoading, BaseModalLoadingDialog, BaseModalLoadingProvider, BaseModalOTP, BaseModalPopup, BaseModalStepper, BaseRadioButton, BaseSkeleton, BaseSnackbar, BaseStepper, BaseSwitch, BaseTextArea, BaseTextField, BaseTypography, CapsLockOn, DatatablePagination, DownloadIconLarge, FORM_TYPE, FormBuilder, IconBiometricScan, IconDocumentAdd, IconEdit, IconFile, IconGradingRounded, IconListDocument, IconMoney, IconProgress, IconReset, IconSave, IconSaveOutlined, IconSendWhite, IconSendWhiteFull, IconUpload, IconUserScan, IconVerification, MoneyIcon, NumberedPagination, Radius, radius_default as RadiusToken, ServerSidePaginationActions, Shadow, shadow_default as ShadowToken, SubFormBuilder, TextFieldUpload, UsersIcon, VariantStyles };
 //# sourceMappingURL=index.mjs.map