@progress/kendo-themes-html 6.7.0-dev.0 → 6.7.0-dev.2

package/dist/cjs/tilelayout/tilelayout-item-hint.spec.js

@@ -0,0 +1,40 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/tilelayout/tilelayout-item-hint.spec.tsx
+var tilelayout_item_hint_spec_exports = {};
+__export(tilelayout_item_hint_spec_exports, {
+  TILELAYOUTITEMHINT_CLASSNAME: () => TILELAYOUTITEMHINT_CLASSNAME,
+  TileLayoutItemHint: () => TileLayoutItemHint,
+  default: () => tilelayout_item_hint_spec_default
+});
+module.exports = __toCommonJS(tilelayout_item_hint_spec_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var TILELAYOUTITEMHINT_CLASSNAME = `k-layout-item-hint`;
+var states = [];
+var options = {};
+var defaultProps = {};
+var TileLayoutItemHint = (props) => {
+  const { style } = props;
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: TILELAYOUTITEMHINT_CLASSNAME, style });
+};
+TileLayoutItemHint.states = states;
+TileLayoutItemHint.options = options;
+TileLayoutItemHint.className = TILELAYOUTITEMHINT_CLASSNAME;
+TileLayoutItemHint.defaultProps = defaultProps;
+var tilelayout_item_hint_spec_default = TileLayoutItemHint;

package/dist/cjs/tilelayout/{tests/tilelayout-react.js → tilelayout-item.spec.js}

@@ -1,6 +1,8 @@
+var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __export = (target, all) => {
   for (var name in all)
@@ -14,14 +16,25 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
-// src/tilelayout/tests/tilelayout-react.tsx
-var tilelayout_react_exports = {};
-__export(tilelayout_react_exports, {
-  default: () => tilelayout_react_default
+// src/tilelayout/tilelayout-item.spec.tsx
+var tilelayout_item_spec_exports = {};
+__export(tilelayout_item_spec_exports, {
+  TILELAYOUTITEM_CLASSNAME: () => TILELAYOUTITEM_CLASSNAME,
+  TileLayoutItem: () => TileLayoutItem,
+  default: () => tilelayout_item_spec_default
 });
-module.exports = __toCommonJS(tilelayout_react_exports);
+module.exports = __toCommonJS(tilelayout_item_spec_exports);
+var import_react = __toESM(require("react"));
 
 // src/misc/class-names.ts
 var classNames = (...args) => {
@@ -4611,26 +4624,47 @@ var CardBody = (props) => {
 // src/card/card-deck.tsx
 var import_jsx_runtime16 = require("react/jsx-runtime");
 
-// src/tilelayout/tests/tilelayout-react.tsx
+// src/tilelayout/tilelayout-item.spec.tsx
 var import_jsx_runtime17 = require("react/jsx-runtime");
-var tilelayout_react_default = () => /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_jsx_runtime17.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", { id: "test-area", children: /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "k-tilelayout k-grid-flow-col", style: { gridTemplateColumns: "repeat(3, minmax(0px, 1fr))", gridAutoRows: "minmax(0px, 200px)", gap: "10px", padding: "10px" }, children: [
-  /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", { style: { gridArea: "3 / 2 / span 1 / span 1", outline: "none", order: "0" }, children: /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(Card, { className: "k-tilelayout-item", style: { height: "100%" }, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(CardHeader, { className: "k-tilelayout-item-header k-cursor-move", title: "Tile 1" }),
-    /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(CardBody, { className: "k-tilelayout-item-body", children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("p", { children: "Position: row: 3, col: 2, colSpan: 1, rowSpan: 1" }) })
-  ] }) }),
-  /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", { style: { gridArea: "1 / 2 / span 1 / span 1", outline: "none", order: "1" }, children: /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(Card, { className: "k-tilelayout-item", style: { height: "100%" }, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(CardHeader, { className: "k-tilelayout-item-header k-cursor-move", title: "Tile 2" }),
-    /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(CardBody, { className: "k-tilelayout-item-body", children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("p", { children: "Position: row: 1, col: 2, colSpan: 1, rowSpan: 1" }) })
-  ] }) }),
-  /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", { style: { gridArea: "1 / 3 / span 2 / span 1", outline: "none", order: "2" }, children: /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(Card, { className: "k-tilelayout-item", style: { height: "100%" }, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(CardHeader, { className: "k-tilelayout-item-header k-cursor-move", title: "Tile 3" }),
-    /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(CardBody, { className: "k-tilelayout-item-body", children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("p", { children: "Position: row: 1, col: 3, colSpan: 1, rowSpan: 2" }) })
-  ] }) }),
-  /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", { style: { gridArea: "3 / 1 / span 1 / span 3", outline: "none", order: "3" }, children: /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(Card, { className: "k-tilelayout-item", style: { height: "100%" }, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(CardHeader, { className: "k-tilelayout-item-header k-cursor-move", title: "Tile 4" }),
-    /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(CardBody, { className: "k-tilelayout-item-body", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("p", { children: "Position: row: 3, col: 1, colSpan: 3, rowSpan: 1" }),
-      /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("p", { children: "Goes over Tile 1" })
-    ] })
-  ] }) })
-] }) }) });
+var TILELAYOUTITEM_CLASSNAME = `k-tilelayout-item`;
+var states7 = [
+  States.focus
+];
+var options6 = {};
+var defaultProps6 = {};
+var TileLayoutItem = (props) => {
+  const {
+    header,
+    body,
+    focus,
+    resize,
+    style
+  } = props;
+  return /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
+    Card,
+    {
+      className: classNames(
+        props.className,
+        TILELAYOUTITEM_CLASSNAME,
+        stateClassNames(TILELAYOUTITEM_CLASSNAME, {
+          focus
+        }),
+        {
+          "k-resize": resize === true,
+          "k-resize-x": resize === "horizontal",
+          "k-resize-y": resize === "vertical"
+        }
+      ),
+      style,
+      children: [
+        header && import_react.default.isValidElement(header) ? /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(CardHeader, { className: "k-tilelayout-item-header k-cursor-move", children: header }) : /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(CardHeader, { className: "k-tilelayout-item-header k-cursor-move", title: header }),
+        body && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(CardBody, { className: "k-tilelayout-item-body", children: body })
+      ]
+    }
+  );
+};
+TileLayoutItem.states = states7;
+TileLayoutItem.options = options6;
+TileLayoutItem.className = TILELAYOUTITEM_CLASSNAME;
+TileLayoutItem.defaultProps = defaultProps6;
+var tilelayout_item_spec_default = TileLayoutItem;

package/dist/cjs/tilelayout/tilelayout.spec.js

@@ -0,0 +1,72 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/tilelayout/tilelayout.spec.tsx
+var tilelayout_spec_exports = {};
+__export(tilelayout_spec_exports, {
+  TILELAYOUT_CLASSNAME: () => TILELAYOUT_CLASSNAME,
+  TileLayout: () => TileLayout,
+  default: () => tilelayout_spec_default
+});
+module.exports = __toCommonJS(tilelayout_spec_exports);
+
+// src/misc/class-names.ts
+var classNames = (...args) => {
+  return args.filter((arg) => arg !== true && Boolean(arg)).map((arg) => {
+    return Array.isArray(arg) ? classNames(...arg) : typeof arg === "object" ? Object.keys(arg).map((key, idx) => arg[idx] || arg[key] && key || null).filter((el) => el !== null).join(" ") : arg;
+  }).filter((arg) => Boolean(arg)).join(" ");
+};
+
+// src/tilelayout/tilelayout.spec.tsx
+var import_jsx_runtime = require("react/jsx-runtime");
+var TILELAYOUT_CLASSNAME = `k-tilelayout`;
+var states = [];
+var options = {};
+var defaultProps = {};
+var TileLayout = (props) => {
+  const {
+    gap,
+    columns,
+    columnWidth,
+    rowHeight,
+    style,
+    children
+  } = props;
+  const tileLayoutStyles = {
+    gridTemplateColumns: `repeat(${columns}, minmax(0px, ${columnWidth}))`,
+    gridAutoRows: `minmax(0px, ${rowHeight})`,
+    gap,
+    ...style
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    "div",
+    {
+      className: classNames(
+        props.className,
+        TILELAYOUT_CLASSNAME
+      ),
+      style: tileLayoutStyles,
+      children
+    }
+  );
+};
+TileLayout.states = states;
+TileLayout.options = options;
+TileLayout.className = TILELAYOUT_CLASSNAME;
+TileLayout.defaultProps = defaultProps;
+var tilelayout_spec_default = TileLayout;