@hybridcore/ui 1.6.11 → 1.6.13

package/dist/components/template-form/components/recognition-property-list/index.js

@@ -1,62 +1,65 @@
-import { jsxs as r, jsx as e } from "react/jsx-runtime";
-import { DataGrid as a } from "@mui/x-data-grid";
-import { A as n, a as d, d as s } from "../../../../Add-CqcD1PWb.js";
-import m from "./recognition-property-list-columns.js";
-import c from "./recognition-property-list-form.js";
-import p from "./recognition-property-list-logic.js";
-import { B as g } from "../../../../Box-DqUMmZjL.js";
-import { T as h } from "../../../../Typography-DgsSLCFC.js";
-import { B as u } from "../../../../Button-C5yquWAB.js";
-import { D as f, a as y } from "../../../../DialogContent-BvVjD9z3.js";
-import { a as b } from "../../../../dialog-BYRnCztH.js";
-const L = (i) => {
-  const { state: l, action: t } = p(i);
-  return /* @__PURE__ */ r(g, { children: [
-    /* @__PURE__ */ e(h, { variant: "h6", marginY: 2, children: "Recognition Property List" }),
-    i.list.length > 0 ? /* @__PURE__ */ e(
-      a,
+import { jsxs as i, jsx as e } from "react/jsx-runtime";
+import n from "@mui/material/Alert";
+import a from "@mui/material/AlertTitle";
+import d from "@mui/material/Box";
+import m from "@mui/material/Button";
+import c from "@mui/material/Dialog";
+import s from "@mui/material/DialogContent";
+import p from "@mui/material/DialogTitle";
+import g from "@mui/material/Typography";
+import { DataGrid as h } from "@mui/x-data-grid";
+import f from "@mui/icons-material/Add";
+import u from "./recognition-property-list-columns.js";
+import y from "./recognition-property-list-form.js";
+import b from "./recognition-property-list-logic.js";
+const j = (r) => {
+  const { state: l, action: o } = b(r);
+  return /* @__PURE__ */ i(d, { children: [
+    /* @__PURE__ */ e(g, { variant: "h6", marginY: 2, children: "Recognition Property List" }),
+    r.list.length > 0 ? /* @__PURE__ */ e(
+      h,
       {
-        rows: i.list,
-        columns: m({
-          onEdit: t.handleOnEditClick,
-          onDelete: t.handleOnDeleteClick
+        rows: r.list,
+        columns: u({
+          onEdit: o.handleOnEditClick,
+          onDelete: o.handleOnDeleteClick
         }),
-        getRowId: (o) => `${o.owner}-${o.termValue}-${o.termMatch}-${o.score}-${o.type}`,
+        getRowId: (t) => `${t.owner}-${t.termValue}-${t.termMatch}-${t.score}-${t.type}`,
         autoHeight: !0
       }
-    ) : /* @__PURE__ */ r(n, { severity: "info", children: [
-      /* @__PURE__ */ e(d, { children: "No Recognition Property Added!" }),
+    ) : /* @__PURE__ */ i(n, { severity: "info", children: [
+      /* @__PURE__ */ e(a, { children: "No Recognition Property Added!" }),
       "Add least one recognition property before save the template!"
     ] }),
     /* @__PURE__ */ e(
-      u,
+      m,
       {
         color: "primary",
-        onClick: t.handleOnAddClick,
+        onClick: o.handleOnAddClick,
         sx: { mt: 2 },
-        startIcon: /* @__PURE__ */ e(s, {}),
+        startIcon: /* @__PURE__ */ e(f, {}),
         children: "Add Recognition Property"
       }
     ),
-    /* @__PURE__ */ r(
-      f,
+    /* @__PURE__ */ i(
+      c,
       {
         open: l.dialog.isOpen,
-        onClose: t.dialog.close,
+        onClose: o.dialog.close,
         "aria-labelledby": "alert-dialog-title",
         "aria-describedby": "alert-dialog-description",
         fullWidth: !0,
         maxWidth: "sm",
         scroll: "body",
         children: [
-          /* @__PURE__ */ e(b, { id: "alert-dialog-title", children: "Add Recognition Property" }),
-          /* @__PURE__ */ e(y, { className: "pb-30", children: /* @__PURE__ */ e(
-            c,
+          /* @__PURE__ */ e(p, { id: "alert-dialog-title", children: "Add Recognition Property" }),
+          /* @__PURE__ */ e(s, { className: "pb-30", children: /* @__PURE__ */ e(
+            y,
             {
               defaultValues: l.recPropertyForm.defaultValues,
-              getFormValues: i.getFormValues,
-              onSubmit: t.handleSubmit,
-              onCancel: t.dialog.close
+              getFormValues: r.getFormValues,
+              onSubmit: o.handleSubmit,
+              onCancel: o.dialog.close
             }
           ) })
         ]
@@ -65,5 +68,5 @@ const L = (i) => {
   ] });
 };
 export {
-  L as RecognitionPropertyList
+  j as RecognitionPropertyList
 };

package/dist/components/template-form/components/recognition-property-list/recognition-property-list-columns.js

@@ -1,7 +1,8 @@
-import { jsxs as i, Fragment as t, jsx as e } from "react/jsx-runtime";
-import { d as o, a as l } from "../../../../Delete-BdyYpINH.js";
-import { I as d } from "../../../../IconButton-BoGwbvrP.js";
-const h = (r) => [
+import { jsxs as o, Fragment as t, jsx as e } from "react/jsx-runtime";
+import d from "@mui/material/IconButton";
+import m from "@mui/icons-material/Edit";
+import a from "@mui/icons-material/Delete";
+const c = (r) => [
   { field: "ownerType", headerName: "Owner Type", width: 120 },
   { field: "owner", headerName: "Owner", width: 120 },
   {
@@ -25,26 +26,26 @@ const h = (r) => [
     width: 120,
     sortable: !1,
     filterable: !1,
-    renderCell: (a) => /* @__PURE__ */ i(t, { children: [
+    renderCell: (i) => /* @__PURE__ */ o(t, { children: [
       /* @__PURE__ */ e(
         d,
         {
           size: "medium",
-          onClick: () => r.onEdit(a.row),
-          children: /* @__PURE__ */ e(o, { color: "secondary" })
+          onClick: () => r.onEdit(i.row),
+          children: /* @__PURE__ */ e(m, { color: "secondary" })
         }
       ),
       /* @__PURE__ */ e(
         d,
         {
           size: "medium",
-          onClick: () => r.onDelete(a.row),
-          children: /* @__PURE__ */ e(l, {})
+          onClick: () => r.onDelete(i.row),
+          children: /* @__PURE__ */ e(a, {})
         }
       )
     ] })
   }
 ];
 export {
-  h as default
+  c as default
 };

package/dist/components/template-form/components/recognition-property-list/recognition-property-list-form.js

@@ -1,71 +1,63 @@
-import V, { jsxs as o, Fragment as S, jsx as t } from "react/jsx-runtime";
+import { jsxs as o, Fragment as P, jsx as t } from "react/jsx-runtime";
 import i from "react";
-import { i as C } from "../../../../generateUtilityClasses-C3ivN9Ie.js";
-import { r as g } from "../../../../createSvgIcon-DuDuASu1.js";
-import { RECOGNITION_PROPERTY_OWNER_TYPE as h, RECOGNITION_PROPERTY_TYPE as T, RECOGNITION_PROPERTY_TERM_MATCH as v } from "../../../../constants/index.js";
-import { F as c, T as b } from "../../../../TextField-e2oKaUN1.js";
-import { I as u } from "../../../../InputLabel-Dd8RrneV.js";
-import { S as d } from "../../../../Select-DHUl_uG3.js";
-import { M as m } from "../../../../MenuItem-DwqJqzuM.js";
-import { B as M } from "../../../../Box-DqUMmZjL.js";
-import { B as y } from "../../../../Button-C5yquWAB.js";
-var p = {}, q = C;
-Object.defineProperty(p, "__esModule", {
-  value: !0
-});
-var w = p.default = void 0, N = q(g()), W = V;
-w = p.default = (0, N.default)(/* @__PURE__ */ (0, W.jsx)("path", {
-  d: "M17 3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2V7zm-5 16c-1.66 0-3-1.34-3-3s1.34-3 3-3 3 1.34 3 3-1.34 3-3 3m3-10H5V5h10z"
-}), "Save");
-function L({
-  defaultValues: x = {
+import V from "@mui/material/Box";
+import h from "@mui/material/Button";
+import s from "@mui/material/FormControl";
+import d from "@mui/material/InputLabel";
+import m from "@mui/material/MenuItem";
+import u from "@mui/material/Select";
+import f from "@mui/material/TextField";
+import _ from "@mui/icons-material/Save";
+import { RECOGNITION_PROPERTY_OWNER_TYPE as T, RECOGNITION_PROPERTY_TYPE as b, RECOGNITION_PROPERTY_TERM_MATCH as y } from "../../../../constants/index.js";
+function G({
+  defaultValues: w = {
     owner: "",
-    ownerType: h[0],
-    type: T[0],
+    ownerType: T[0],
+    type: b[0],
     termValue: "",
-    termMatch: v[0],
+    termMatch: y[0],
     score: 0
   },
-  getFormValues: R,
+  getFormValues: v,
   onSubmit: E,
-  onCancel: O
+  onCancel: x
 }) {
-  const [r, f] = i.useState(x), [I, _] = i.useState([]), [l, s] = i.useState({
+  const [r, p] = i.useState(w), [O, R] = i.useState([]), [a, c] = i.useState({
     termValue: !1,
     score: !1
   }), n = (e) => {
-    f((a) => ({
-      ...a,
+    p((l) => ({
+      ...l,
       [e.target.name]: e.target.type === "checkbox" ? e.target.checked : e.target.value
     }));
-  }, P = () => {
+  }, I = () => {
     if (!r.termValue) {
-      s({ ...l, termValue: !0 });
+      c({ ...a, termValue: !0 });
       return;
     }
     if (!r.score) {
-      s({ ...l, score: !0 });
+      c({ ...a, score: !0 });
       return;
     }
     E(r);
   };
-  return i.useEffect(() => (l.termValue && r.termValue && s({ ...l, termValue: !1 }), () => {
-  }), [r.termValue]), i.useEffect(() => (l.score && r.score && s({ ...l, score: !1 }), () => {
+  return i.useEffect(() => (a.termValue && r.termValue && c({ ...a, termValue: !1 }), () => {
+  }), [r.termValue]), i.useEffect(() => (a.score && r.score && c({ ...a, score: !1 }), () => {
   }), [r.score]), i.useEffect(() => {
     if (r.ownerType === "PROPERTY") {
-      const e = R("properties");
-      _(e);
+      const e = v("properties");
+      R(e);
     }
-    return r.ownerType === "EVENT" && r.owner !== "" && f((e) => ({
+    return r.ownerType === "EVENT" && r.owner !== "" && p((e) => ({
       ...e,
       owner: ""
     })), () => {
     };
-  }, [r.ownerType]), /* @__PURE__ */ o(S, { children: [
-    /* @__PURE__ */ o(c, { fullWidth: !0, variant: "standard", sx: { mb: 2 }, children: [
-      /* @__PURE__ */ t(u, { id: "owner-type-select-label", children: "Owner Type" }),
+  }, [r.ownerType]), /* @__PURE__ */ o(P, { children: [
+    /* @__PURE__ */ o(s, { fullWidth: !0, variant: "standard", sx: { mb: 2 }, children: [
+      /* @__PURE__ */ t(d, { id: "owner-type-select-label", children: "Owner Type" }),
       /* @__PURE__ */ t(
-        d,
+        u,
         {
           label: "Owner Type",
           name: "ownerType",
@@ -73,14 +65,14 @@ function L({
           id: "owner-type-select",
           value: r.ownerType,
           onChange: n,
-          children: h.map((e, a) => /* @__PURE__ */ t(m, { value: e, children: e }, a))
+          children: T.map((e, l) => /* @__PURE__ */ t(m, { value: e, children: e }, l))
         }
       )
     ] }),
-    r.ownerType === "PROPERTY" && /* @__PURE__ */ o(c, { fullWidth: !0, variant: "standard", sx: { mb: 2 }, children: [
-      /* @__PURE__ */ t(u, { id: "owner-select-label", children: "Owner" }),
+    r.ownerType === "PROPERTY" && /* @__PURE__ */ o(s, { fullWidth: !0, variant: "standard", sx: { mb: 2 }, children: [
+      /* @__PURE__ */ t(d, { id: "owner-select-label", children: "Owner" }),
       /* @__PURE__ */ t(
-        d,
+        u,
         {
           label: "Owner",
           name: "owner",
@@ -88,14 +80,14 @@ function L({
           id: "owner-select",
           value: r.owner,
           onChange: n,
-          children: I.map((e, a) => /* @__PURE__ */ t(m, { value: e.propertyId, children: e.name }, a))
+          children: O.map((e, l) => /* @__PURE__ */ t(m, { value: e.propertyId, children: e.name }, l))
         }
       )
     ] }),
-    /* @__PURE__ */ o(c, { fullWidth: !0, variant: "standard", sx: { mb: 2 }, children: [
-      /* @__PURE__ */ t(u, { id: "type-select-label", children: "Type" }),
+    /* @__PURE__ */ o(s, { fullWidth: !0, variant: "standard", sx: { mb: 2 }, children: [
+      /* @__PURE__ */ t(d, { id: "type-select-label", children: "Type" }),
       /* @__PURE__ */ t(
-        d,
+        u,
         {
           label: "Type",
           name: "type",
@@ -103,14 +95,14 @@ function L({
           id: "type-select",
           value: r.type,
           onChange: n,
-          children: T.map((e, a) => /* @__PURE__ */ t(m, { value: e, children: e }, a))
+          children: b.map((e, l) => /* @__PURE__ */ t(m, { value: e, children: e }, l))
         }
       )
     ] }),
-    /* @__PURE__ */ o(c, { fullWidth: !0, variant: "standard", sx: { mb: 2 }, children: [
-      /* @__PURE__ */ t(u, { id: "term-match-select-label", children: "Term Match" }),
+    /* @__PURE__ */ o(s, { fullWidth: !0, variant: "standard", sx: { mb: 2 }, children: [
+      /* @__PURE__ */ t(d, { id: "term-match-select-label", children: "Term Match" }),
       /* @__PURE__ */ t(
-        d,
+        u,
         {
           label: "Type",
           name: "termMatch",
@@ -118,12 +110,12 @@ function L({
           id: "term-match-select",
           value: r.termMatch,
           onChange: n,
-          children: v.map((e, a) => /* @__PURE__ */ t(m, { value: e, children: e }, a))
+          children: y.map((e, l) => /* @__PURE__ */ t(m, { value: e, children: e }, l))
         }
       )
     ] }),
     /* @__PURE__ */ t(
-      b,
+      f,
       {
         label: "Term",
         name: "termValue",
@@ -133,14 +125,14 @@ function L({
         value: r.termValue,
         onChange: n,
         required: !0,
-        ...l.termValue && {
+        ...a.termValue && {
           error: !0,
           helperText: "This field is required!"
         }
       }
     ),
     /* @__PURE__ */ t(
-      b,
+      f,
       {
         label: "Score",
         name: "score",
@@ -150,20 +142,20 @@ function L({
         value: r.score,
         onChange: n,
         required: !0,
-        ...l.score && {
+        ...a.score && {
           error: !0,
           helperText: "This field is required!"
         }
       }
     ),
-    /* @__PURE__ */ o(M, { display: "flex", justifyContent: "flex-end", children: [
-      /* @__PURE__ */ t(y, { variant: "contained", onClick: O, sx: { marginRight: 2 }, children: "Cancel" }),
+    /* @__PURE__ */ o(V, { display: "flex", justifyContent: "flex-end", children: [
+      /* @__PURE__ */ t(h, { variant: "contained", onClick: x, sx: { marginRight: 2 }, children: "Cancel" }),
       /* @__PURE__ */ t(
-        y,
+        h,
         {
           variant: "contained",
-          startIcon: /* @__PURE__ */ t(w, {}),
-          onClick: P,
+          startIcon: /* @__PURE__ */ t(_, {}),
+          onClick: I,
           children: "Save"
         }
       )
@@ -171,5 +163,5 @@ function L({
   ] });
 }
 export {
-  L as default
+  G as default
 };

package/dist/components/tree-select/index.js

@@ -1,17 +1,17 @@
 import { jsxs as d, jsx as l } from "react/jsx-runtime";
+import T from "@mui/material/InputLabel";
 import c from "lodash";
-import { TreeViewFilter as T } from "../treeview-filter/index.js";
-import { useTreeSelectLogic as f } from "./logic.js";
-import { TreeSelectRoot as g, TreeSelectLabel as S, TreeSelectFormControl as x, TreeSelectInput as C, TreeSelectMenuItem as v, TreeSelectDialog as I, TreeSelectDialogContent as W, TreeSelectDialogActions as D, TreeSelectConfirmButton as L } from "./styled.js";
-import { I as O } from "../../InputLabel-Dd8RrneV.js";
+import { TreeViewFilter as f } from "../treeview-filter/index.js";
+import { useTreeSelectLogic as g } from "./logic.js";
+import { TreeSelectRoot as S, TreeSelectLabel as x, TreeSelectFormControl as C, TreeSelectInput as v, TreeSelectMenuItem as I, TreeSelectDialog as W, TreeSelectDialogContent as D, TreeSelectDialogActions as L, TreeSelectConfirmButton as O } from "./styled.js";
 const K = (e) => {
-  const { state: h, actions: t } = f(e), { ownerState: s, open: u, expanded: m, selectedItems: i, idKey: o, variant: r, labelPosition: a } = h;
-  return /* @__PURE__ */ d(g, { ownerState: s, sx: e.sx, children: [
-    a === "top" && e.label !== void 0 && /* @__PURE__ */ l(S, { children: e.label }),
-    /* @__PURE__ */ d(x, { variant: r, fullWidth: !0, children: [
-      a === "default" && e.label !== void 0 && /* @__PURE__ */ l(O, { id: "select-label", children: e.label }),
+  const { state: h, actions: t } = g(e), { ownerState: s, open: u, expanded: m, selectedItems: i, idKey: o, variant: r, labelPosition: a } = h;
+  return /* @__PURE__ */ d(S, { ownerState: s, sx: e.sx, children: [
+    a === "top" && e.label !== void 0 && /* @__PURE__ */ l(x, { children: e.label }),
+    /* @__PURE__ */ d(C, { variant: r, fullWidth: !0, children: [
+      a === "default" && e.label !== void 0 && /* @__PURE__ */ l(T, { id: "select-label", children: e.label }),
       /* @__PURE__ */ l(
-        C,
+        v,
         {
           label: a === "default" ? e.label : void 0,
           variant: r,
@@ -20,20 +20,20 @@ const K = (e) => {
           value: e.selected,
           open: !1,
           onOpen: t.handleOpen,
-          children: i.length > 0 && i.map((n, b) => /* @__PURE__ */ l(v, { value: c.get(n, o) ?? "", children: n == null ? void 0 : n.name }, b))
+          children: i.length > 0 && i.map((n, b) => /* @__PURE__ */ l(I, { value: c.get(n, o) ?? "", children: n == null ? void 0 : n.name }, b))
         }
       )
     ] }),
     /* @__PURE__ */ d(
-      I,
+      W,
       {
         open: u,
         onClose: t.handleClose,
         fullWidth: !0,
         maxWidth: "sm",
         children: [
-          /* @__PURE__ */ l(W, { children: /* @__PURE__ */ l(
-            T,
+          /* @__PURE__ */ l(D, { children: /* @__PURE__ */ l(
+            f,
             {
               data: e.data,
               selected: c.isArray(e.selected) ? e.selected : void 0,
@@ -44,8 +44,8 @@ const K = (e) => {
               onChange: t.handleChange
             }
           ) }),
-          /* @__PURE__ */ l(D, { children: /* @__PURE__ */ l(
-            L,
+          /* @__PURE__ */ l(L, { children: /* @__PURE__ */ l(
+            O,
             {
               onClick: t.handleClose,
               variant: "contained",

package/dist/index.esm-UfGMjYOL.js

@@ -0,0 +1,197 @@
+import L, { useRef as N, useState as q, useCallback as M, useEffect as x, isValidElement as V, createRef as B, cloneElement as P, PureComponent as G } from "react";
+import { findDOMNode as J } from "react-dom";
+import K from "lodash/debounce";
+import Q from "lodash/throttle";
+var T = function(n, t) {
+  return T = Object.setPrototypeOf || { __proto__: [] } instanceof Array && function(r, e) {
+    r.__proto__ = e;
+  } || function(r, e) {
+    for (var a in e) Object.prototype.hasOwnProperty.call(e, a) && (r[a] = e[a]);
+  }, T(n, t);
+};
+function X(n, t) {
+  if (typeof t != "function" && t !== null)
+    throw new TypeError("Class extends value " + String(t) + " is not a constructor or null");
+  T(n, t);
+  function r() {
+    this.constructor = n;
+  }
+  n.prototype = t === null ? Object.create(t) : (r.prototype = t.prototype, new r());
+}
+var j = function() {
+  return j = Object.assign || function(t) {
+    for (var r, e = 1, a = arguments.length; e < a; e++) {
+      r = arguments[e];
+      for (var d in r) Object.prototype.hasOwnProperty.call(r, d) && (t[d] = r[d]);
+    }
+    return t;
+  }, j.apply(this, arguments);
+};
+function Y(n, t) {
+  var r = {};
+  for (var e in n) Object.prototype.hasOwnProperty.call(n, e) && t.indexOf(e) < 0 && (r[e] = n[e]);
+  if (n != null && typeof Object.getOwnPropertySymbols == "function")
+    for (var a = 0, e = Object.getOwnPropertySymbols(n); a < e.length; a++)
+      t.indexOf(e[a]) < 0 && Object.prototype.propertyIsEnumerable.call(n, e[a]) && (r[e[a]] = n[e[a]]);
+  return r;
+}
+var I = function(n, t, r, e) {
+  switch (t) {
+    case "debounce":
+      return K(n, r, e);
+    case "throttle":
+      return Q(n, r, e);
+    default:
+      return n;
+  }
+}, F = function(n) {
+  return typeof n == "function";
+}, z = function() {
+  return typeof window > "u";
+}, U = function(n) {
+  return n instanceof Element || n instanceof HTMLDocument;
+};
+(function(n) {
+  X(t, n);
+  function t(r) {
+    var e = n.call(this, r) || this;
+    e.cancelHandler = function() {
+      e.resizeHandler && e.resizeHandler.cancel && (e.resizeHandler.cancel(), e.resizeHandler = null);
+    }, e.attachObserver = function() {
+      var s = e.props, o = s.targetRef, u = s.observerOptions;
+      if (!z()) {
+        o && o.current && (e.targetRef.current = o.current);
+        var i = e.getElement();
+        i && (e.observableElement && e.observableElement === i || (e.observableElement = i, e.resizeObserver.observe(i, u)));
+      }
+    }, e.getElement = function() {
+      var s = e.props, o = s.querySelector, u = s.targetDomEl;
+      if (z())
+        return null;
+      if (o)
+        return document.querySelector(o);
+      if (u && U(u))
+        return u;
+      if (e.targetRef && U(e.targetRef.current))
+        return e.targetRef.current;
+      var i = J(e);
+      if (!i)
+        return null;
+      var l = e.getRenderType();
+      switch (l) {
+        case "renderProp":
+          return i;
+        case "childFunction":
+          return i;
+        case "child":
+          return i;
+        case "childArray":
+          return i;
+        default:
+          return i.parentElement;
+      }
+    }, e.createResizeHandler = function(s) {
+      var o = e.props, u = o.handleWidth, i = u === void 0 ? !0 : u, l = o.handleHeight, y = l === void 0 ? !0 : l, p = o.onResize;
+      if (!(!i && !y)) {
+        var R = function(c) {
+          var v = c.width, g = c.height;
+          e.state.width === v && e.state.height === g || e.state.width === v && !y || e.state.height === g && !i || (p == null || p(v, g), e.setState({ width: v, height: g }));
+        };
+        s.forEach(function(c) {
+          var v = c && c.contentRect || {}, g = v.width, w = v.height, H = !e.skipOnMount && !z();
+          H && R({ width: g, height: w }), e.skipOnMount = !1;
+        });
+      }
+    }, e.getRenderType = function() {
+      var s = e.props, o = s.render, u = s.children;
+      return F(o) ? "renderProp" : F(u) ? "childFunction" : V(u) ? "child" : Array.isArray(u) ? "childArray" : "parent";
+    };
+    var a = r.skipOnMount, d = r.refreshMode, m = r.refreshRate, O = m === void 0 ? 1e3 : m, _ = r.refreshOptions;
+    return e.state = {
+      width: void 0,
+      height: void 0
+    }, e.sizeRef = {
+      current: e.state
+    }, e.skipOnMount = a, e.targetRef = B(), e.observableElement = null, z() || (e.resizeHandler = I(e.createResizeHandler, d, O, _), e.resizeObserver = new window.ResizeObserver(e.resizeHandler)), e;
+  }
+  return t.prototype.componentDidMount = function() {
+    this.attachObserver();
+  }, t.prototype.componentDidUpdate = function() {
+    this.attachObserver(), this.sizeRef.current = this.state;
+  }, t.prototype.componentWillUnmount = function() {
+    z() || (this.observableElement = null, this.resizeObserver.disconnect(), this.cancelHandler());
+  }, t.prototype.render = function() {
+    var r = this.props, e = r.render, a = r.children, d = r.nodeType, m = d === void 0 ? "div" : d, O = this.state, _ = O.width, s = O.height, o = { width: _, height: s, targetRef: this.targetRef }, u = this.getRenderType();
+    switch (u) {
+      case "renderProp":
+        return e == null ? void 0 : e(o);
+      case "childFunction": {
+        var i = a;
+        return i == null ? void 0 : i(o);
+      }
+      case "child": {
+        var l = a;
+        if (l.type && typeof l.type == "string") {
+          o.targetRef;
+          var y = Y(o, ["targetRef"]);
+          return P(l, y);
+        }
+        return P(l, o);
+      }
+      case "childArray": {
+        var p = a;
+        return p.map(function(R) {
+          return !!R && P(R, o);
+        });
+      }
+      default:
+        return L.createElement(m, null);
+    }
+  }, t;
+})(G);
+function re(n) {
+  var t = {}, r = t.skipOnMount, e = r === void 0 ? !1 : r, a = t.refreshMode, d = t.refreshRate, m = d === void 0 ? 1e3 : d, O = t.refreshOptions, _ = t.handleWidth, s = _ === void 0 ? !0 : _, o = t.handleHeight, u = o === void 0 ? !0 : o, i = t.targetRef, l = t.observerOptions, y = t.onResize, p = N(e), R = q({
+    width: void 0,
+    height: void 0
+  }), c = R[0], v = R[1], g = q((i == null ? void 0 : i.current) || null), w = g[0], H = g[1];
+  i && setTimeout(function() {
+    i.current !== w && H(i.current);
+  }, 0);
+  var k = M(function(f) {
+    f !== w && H(f);
+  }, [w]);
+  k.current = w;
+  var D = M(function(f, h) {
+    return !(f.width === h.width && f.height === h.height || f.width === h.width && !u || f.height === h.height && !s);
+  }, [s, u]), A = M(function(f) {
+    if (!(!s && !u)) {
+      if (p.current) {
+        p.current = !1;
+        return;
+      }
+      f.forEach(function(h) {
+        var E = (h == null ? void 0 : h.contentRect) || {}, b = E.width, W = E.height;
+        v(function(C) {
+          return D(C, { width: b, height: W }) ? { width: b, height: W } : C;
+        });
+      });
+    }
+  }, [s, u, p, D]), S = M(I(A, a, m, O), [
+    A,
+    a,
+    m,
+    O
+  ]);
+  return x(function() {
+    var f;
+    return w ? (f = new window.ResizeObserver(S), f.observe(w, l)) : (c.width || c.height) && v({ width: void 0, height: void 0 }), function() {
+      var h, E, b;
+      (h = f == null ? void 0 : f.disconnect) === null || h === void 0 || h.call(f), (b = (E = S).cancel) === null || b === void 0 || b.call(E);
+    };
+  }, [S, w]), x(function() {
+    y == null || y(c.width, c.height);
+  }, [c]), j({ ref: k }, c);
+}
+export {
+  re as u
+};