@progress/kendo-react-layout 7.2.4-develop.2 → 7.2.4-develop.4

package/gridlayout/GridLayout.mjs

@@ -0,0 +1,83 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2024 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+"use client";
+import * as i from "react";
+import e from "prop-types";
+import { packageMetadata as T } from "../package-metadata.mjs";
+import { validatePackage as j, useId as R, classNames as A } from "@progress/kendo-react-common";
+const r = i.forwardRef((t, g) => {
+  j(T);
+  const m = i.useRef(null), d = i.useCallback(
+    () => ({
+      element: m.current
+    }),
+    []
+  );
+  i.useImperativeHandle(g, d);
+  const { className: c, style: u, id: h, children: y, gap: s } = t, f = R(), n = i.useMemo(
+    () => t.align && t.align.horizontal ? t.align.horizontal : o.hAlign,
+    [t.align]
+  ), l = i.useMemo(
+    () => t.align && t.align.vertical ? t.align.vertical : o.vAlign,
+    [t.align]
+  ), p = i.useMemo(
+    () => A(
+      "k-grid-layout",
+      {
+        "k-justify-items-start": n === "start",
+        "k-justify-items-center": n === "center",
+        "k-justify-items-end": n === "end",
+        "k-justify-items-stretch": n === "stretch",
+        "k-align-items-start": l === "top",
+        "k-align-items-center": l === "middle",
+        "k-align-items-end": l === "bottom",
+        "k-align-items-stretch": l === "stretch"
+      },
+      c
+    ),
+    [n, l, c]
+  ), k = s ? `${typeof s.rows == "number" ? s.rows + "px" : s.rows} ${typeof s.cols == "number" ? s.cols + "px" : s.cols}` : void 0, v = t.rows && t.rows.map((a) => `${typeof a.height == "number" ? a.height + "px" : a.height}`).join(" "), b = t.cols && t.cols.map((a) => `${typeof a.width == "number" ? a.width + "px" : a.width}`).join(" "), w = {
+    gap: k,
+    gridTemplateColumns: b,
+    gridTemplateRows: v,
+    ...u
+  };
+  return /* @__PURE__ */ i.createElement(
+    "div",
+    {
+      ref: m,
+      className: p,
+      style: w,
+      id: h || f
+    },
+    y
+  );
+}), o = {
+  hAlign: "stretch",
+  vAlign: "stretch",
+  gap: void 0
+};
+r.propTypes = {
+  className: e.string,
+  style: e.object,
+  children: e.any,
+  id: e.string,
+  gap: e.shape({
+    rows: e.oneOfType([e.string, e.number]),
+    columns: e.oneOfType([e.string, e.number])
+  }),
+  align: e.shape({
+    vertical: e.oneOf(["top", "middle", "bottom", "stretch"]),
+    horizontal: e.oneOf(["start", "center", "end", "stretch"])
+  })
+};
+r.defaultProps = o;
+r.displayName = "KendoReactGridLayout";
+export {
+  r as GridLayout
+};

package/gridlayout/GridLayoutItem.js

@@ -0,0 +1,8 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2024 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const I=require("react"),o=require("prop-types"),R=require("../package-metadata.js"),l=require("@progress/kendo-react-common");function S(e){const a=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const n=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(a,t,n.get?n:{enumerable:!0,get:()=>e[t]})}}return a.default=e,Object.freeze(a)}const r=S(I),c=r.forwardRef((e,a)=>{l.validatePackage(R.packageMetadata);const t=r.useRef(null),n=r.useCallback(()=>({element:t.current}),[]);r.useImperativeHandle(a,n);const{className:u,style:d,id:p,children:m,row:y,col:f,rowSpan:s,colSpan:i}=e,g=l.useId(),b={gridArea:`${y||"auto"} / ${f||"auto"} / ${s?"span "+s:"auto"} / ${i?"span "+i:"auto"}`,...d};return r.createElement("div",{ref:t,className:u,style:b,id:p||g},m)});c.propTypes={className:o.string,style:o.object,children:o.any,id:o.string};c.displayName="KendoReactGridLayoutItem";exports.GridLayoutItem=c;

package/gridlayout/GridLayoutItem.mjs

@@ -0,0 +1,46 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2024 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+"use client";
+import * as e from "react";
+import t from "prop-types";
+import { packageMetadata as I } from "../package-metadata.mjs";
+import { validatePackage as R, useId as v } from "@progress/kendo-react-common";
+const s = e.forwardRef((n, i) => {
+  R(I);
+  const a = e.useRef(null), l = e.useCallback(
+    () => ({
+      element: a.current
+    }),
+    []
+  );
+  e.useImperativeHandle(i, l);
+  const { className: c, style: m, id: d, children: p, row: u, col: y, rowSpan: r, colSpan: o } = n, f = v(), g = {
+    gridArea: `${u || "auto"} / ${y || "auto"} / ${r ? "span " + r : "auto"} / ${o ? "span " + o : "auto"}`,
+    ...m
+  };
+  return /* @__PURE__ */ e.createElement(
+    "div",
+    {
+      ref: a,
+      className: c,
+      style: g,
+      id: d || f
+    },
+    p
+  );
+});
+s.propTypes = {
+  className: t.string,
+  style: t.object,
+  children: t.any,
+  id: t.string
+};
+s.displayName = "KendoReactGridLayoutItem";
+export {
+  s as GridLayoutItem
+};