@fluid-app/rep-widgets 0.1.15 → 0.1.17

package/dist/chunk-KYCPG2DN.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/widgets/AlertWidget.tsx"],"names":["jsx","TextWidget","textWidgetPropertySchema"],"mappings":";;;;;AAOO,SAAS,YAAY,KAAA,EAA0C;AACpE,EAAA,uBAAOA,cAAA,CAACC,4BAAA,EAAA,EAAY,GAAG,KAAA,EAAO,CAAA;AAChC;AAEO,IAAM,yBAAA,GAAkD;AAAA,EAC7D,GAAGC,0CAAA;AAAA,EACH,UAAA,EAAY;AACd","file":"chunk-KYCPG2DN.cjs","sourcesContent":["import { TextWidget, textWidgetPropertySchema } from \"./TextWidget\";\nimport type { WidgetPropertySchema } from \"@fluid-app/rep-core/registries\";\nimport type { ComponentProps } from \"react\";\n\n/**\n * AlertWidget - Wrapper for TextWidget (for backwards compatibility)\n */\nexport function AlertWidget(props: ComponentProps<typeof TextWidget>) {\n  return <TextWidget {...props} />;\n}\n\nexport const alertWidgetPropertySchema: WidgetPropertySchema = {\n  ...textWidgetPropertySchema,\n  widgetType: \"AlertWidget\",\n};\n"]}

package/dist/chunk-L3HN4J2Y.js

@@ -1,175 +0,0 @@
-import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
-import { faVideo, faImage } from '@fortawesome/pro-regular-svg-icons';
-import { jsx, jsxs } from 'react/jsx-runtime';
-
-// src/components/MediaRenderer.tsx
-function MediaRenderer({
-  src,
-  alt = "Media",
-  objectFit = "cover",
-  focusPoint,
-  mediaType = "image",
-  poster,
-  autoplay = false,
-  loop = false,
-  muted = false,
-  controls = true
-}) {
-  const hasValidSrc = src && src.trim() !== "";
-  const objectPosition = focusPoint?.replace("-", " ");
-  if (!hasValidSrc) {
-    const icon = mediaType === "video" ? faVideo : faImage;
-    const label = mediaType === "video" ? "No video selected" : "No image selected";
-    return /* @__PURE__ */ jsx("div", { className: "bg-muted flex h-full min-h-[200px] w-full items-center justify-center", children: /* @__PURE__ */ jsxs("div", { className: "text-muted-foreground flex flex-col items-center gap-2", children: [
-      /* @__PURE__ */ jsx(FontAwesomeIcon, { icon, className: "h-12 w-12" }),
-      /* @__PURE__ */ jsx("p", { className: "text-sm", children: label })
-    ] }) });
-  }
-  const isContainMode = objectFit === "contain";
-  const blurSrc = isContainMode ? `${src}?tr=bl-50` : void 0;
-  if (mediaType === "video") {
-    const blurredBgSrc = isContainMode ? poster ? `${poster}?tr=bl-50` : blurSrc : void 0;
-    if (isContainMode && blurredBgSrc) {
-      return /* @__PURE__ */ jsxs("div", { className: "relative h-full w-full overflow-hidden", children: [
-        /* @__PURE__ */ jsx(
-          "img",
-          {
-            src: blurredBgSrc,
-            alt: "",
-            className: "absolute inset-0 h-full w-full object-cover",
-            "aria-hidden": "true"
-          }
-        ),
-        /* @__PURE__ */ jsx("div", { className: "absolute inset-0 bg-black/30", "aria-hidden": "true" }),
-        /* @__PURE__ */ jsx(
-          "video",
-          {
-            src,
-            poster,
-            controls,
-            autoPlay: autoplay,
-            loop,
-            muted,
-            className: `relative z-10 h-full w-full object-contain ${!controls ? "pointer-events-none" : ""}`,
-            children: "Your browser does not support the video tag."
-          }
-        )
-      ] });
-    }
-    return /* @__PURE__ */ jsx(
-      "video",
-      {
-        src,
-        poster,
-        controls,
-        autoPlay: autoplay,
-        loop,
-        muted,
-        className: `h-full w-full object-${objectFit} ${!controls ? "pointer-events-none" : ""}`,
-        style: objectPosition ? { objectPosition } : void 0,
-        children: "Your browser does not support the video tag."
-      }
-    );
-  }
-  if (isContainMode) {
-    return /* @__PURE__ */ jsxs("div", { className: "relative h-full w-full overflow-hidden", children: [
-      /* @__PURE__ */ jsx(
-        "img",
-        {
-          src: blurSrc,
-          alt: "",
-          className: "absolute inset-0 h-full w-full object-cover",
-          "aria-hidden": "true"
-        }
-      ),
-      /* @__PURE__ */ jsx("div", { className: "absolute inset-0 bg-black/30", "aria-hidden": "true" }),
-      /* @__PURE__ */ jsx(
-        "img",
-        {
-          src,
-          alt,
-          className: "relative z-10 h-full w-full object-contain"
-        }
-      )
-    ] });
-  }
-  return /* @__PURE__ */ jsx(
-    "img",
-    {
-      src,
-      alt,
-      className: `h-full w-full object-${objectFit}`,
-      style: objectPosition ? { objectPosition } : void 0
-    }
-  );
-}
-function getMediaPropsFromShareable(item) {
-  const isVideo = item.kind === "video" || !!item.videoUrl;
-  if (isVideo && item.videoUrl) {
-    const result2 = {
-      mediaType: "video",
-      src: item.videoUrl,
-      alt: item.title ?? "Video"
-    };
-    if (item.imageUrl != null) result2.poster = item.imageUrl;
-    return result2;
-  }
-  const result = {
-    mediaType: "image",
-    alt: item.title || "Image",
-    objectFit: "cover"
-  };
-  if (item.imageUrl != null) result.src = item.imageUrl;
-  return result;
-}
-function getMediaPropsFromWidgetSchema(schema) {
-  const props = schema.props;
-  const resource = props.resource;
-  const useCustomUrl = props.useCustomUrl;
-  const focusPoint = props.focusPoint;
-  const displayFit = props.displayFit;
-  if (schema.type === "VideoWidget") {
-    const result2 = {
-      mediaType: "video",
-      autoplay: props.autoplay ?? false,
-      loop: props.loop ?? false,
-      muted: props.muted ?? false,
-      controls: props.controls ?? true,
-      objectFit: displayFit ?? "cover",
-      focusPoint
-    };
-    if (useCustomUrl) {
-      if (typeof props.src === "string") result2.src = props.src;
-      if (typeof props.poster === "string") result2.poster = props.poster;
-    } else if (resource) {
-      if (resource.videoUrl) result2.src = resource.videoUrl;
-      else if (typeof props.src === "string") result2.src = props.src;
-      if (resource.imageUrl) result2.poster = resource.imageUrl;
-      else if (typeof props.poster === "string") result2.poster = props.poster;
-    } else {
-      if (typeof props.src === "string") result2.src = props.src;
-      if (typeof props.poster === "string") result2.poster = props.poster;
-    }
-    return result2;
-  }
-  const result = {
-    mediaType: "image",
-    alt: props.alt ?? "Image",
-    objectFit: displayFit ?? "cover",
-    focusPoint
-  };
-  if (useCustomUrl) {
-    if (typeof props.src === "string") result.src = props.src;
-  } else if (resource) {
-    if (resource.imageUrl) result.src = resource.imageUrl;
-    else if (typeof props.src === "string") result.src = props.src;
-    if (resource.title) result.alt = resource.title;
-  } else {
-    if (typeof props.src === "string") result.src = props.src;
-  }
-  return result;
-}
-
-export { MediaRenderer, getMediaPropsFromShareable, getMediaPropsFromWidgetSchema };
-//# sourceMappingURL=chunk-L3HN4J2Y.js.map
-//# sourceMappingURL=chunk-L3HN4J2Y.js.map

package/dist/chunk-L3HN4J2Y.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/MediaRenderer.tsx"],"names":["result"],"mappings":"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","file":"chunk-L3HN4J2Y.js","sourcesContent":["import { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\nimport { faImage, faVideo } from \"@fortawesome/pro-regular-svg-icons\";\nimport type { ShareableItem, WidgetSchema } from \"@fluid-app/rep-core/types\";\n\nexport type MediaRendererProps = {\n  src?: string | undefined;\n  alt?: string | undefined;\n  objectFit?: \"contain\" | \"cover\" | \"fill\" | \"none\" | undefined;\n  focusPoint?: string | undefined;\n  mediaType?: \"image\" | \"video\" | undefined;\n  poster?: string | undefined;\n  autoplay?: boolean | undefined;\n  loop?: boolean | undefined;\n  muted?: boolean | undefined;\n  controls?: boolean | undefined;\n};\n\nexport function MediaRenderer({\n  src,\n  alt = \"Media\",\n  objectFit = \"cover\",\n  focusPoint,\n  mediaType = \"image\",\n  poster,\n  autoplay = false,\n  loop = false,\n  muted = false,\n  controls = true,\n}: MediaRendererProps) {\n  const hasValidSrc = src && src.trim() !== \"\";\n  const objectPosition = focusPoint?.replace(\"-\", \" \");\n\n  if (!hasValidSrc) {\n    const icon = mediaType === \"video\" ? faVideo : faImage;\n    const label =\n      mediaType === \"video\" ? \"No video selected\" : \"No image selected\";\n    return (\n      <div className=\"bg-muted flex h-full min-h-[200px] w-full items-center justify-center\">\n        <div className=\"text-muted-foreground flex flex-col items-center gap-2\">\n          <FontAwesomeIcon icon={icon} className=\"h-12 w-12\" />\n          <p className=\"text-sm\">{label}</p>\n        </div>\n      </div>\n    );\n  }\n\n  const isContainMode = objectFit === \"contain\";\n  const blurSrc = isContainMode ? `${src}?tr=bl-50` : undefined;\n\n  if (mediaType === \"video\") {\n    const blurredBgSrc = isContainMode\n      ? poster\n        ? `${poster}?tr=bl-50`\n        : blurSrc\n      : undefined;\n\n    if (isContainMode && blurredBgSrc) {\n      return (\n        <div className=\"relative h-full w-full overflow-hidden\">\n          <img\n            src={blurredBgSrc}\n            alt=\"\"\n            className=\"absolute inset-0 h-full w-full object-cover\"\n            aria-hidden=\"true\"\n          />\n          <div className=\"absolute inset-0 bg-black/30\" aria-hidden=\"true\" />\n          <video\n            src={src}\n            poster={poster}\n            controls={controls}\n            autoPlay={autoplay}\n            loop={loop}\n            muted={muted}\n            className={`relative z-10 h-full w-full object-contain ${!controls ? \"pointer-events-none\" : \"\"}`}\n          >\n            Your browser does not support the video tag.\n          </video>\n        </div>\n      );\n    }\n\n    return (\n      <video\n        src={src}\n        poster={poster}\n        controls={controls}\n        autoPlay={autoplay}\n        loop={loop}\n        muted={muted}\n        className={`h-full w-full object-${objectFit} ${!controls ? \"pointer-events-none\" : \"\"}`}\n        style={objectPosition ? { objectPosition } : undefined}\n      >\n        Your browser does not support the video tag.\n      </video>\n    );\n  }\n\n  if (isContainMode) {\n    return (\n      <div className=\"relative h-full w-full overflow-hidden\">\n        <img\n          src={blurSrc}\n          alt=\"\"\n          className=\"absolute inset-0 h-full w-full object-cover\"\n          aria-hidden=\"true\"\n        />\n        <div className=\"absolute inset-0 bg-black/30\" aria-hidden=\"true\" />\n        <img\n          src={src}\n          alt={alt}\n          className=\"relative z-10 h-full w-full object-contain\"\n        />\n      </div>\n    );\n  }\n\n  return (\n    <img\n      src={src}\n      alt={alt}\n      className={`h-full w-full object-${objectFit}`}\n      style={objectPosition ? { objectPosition } : undefined}\n    />\n  );\n}\n\n/**\n * Converts a ShareableItem to MediaRenderer props.\n * Replaces the createWidgetFromShareable → ScreenRenderer pattern.\n */\nexport function getMediaPropsFromShareable(\n  item: ShareableItem,\n): MediaRendererProps {\n  const isVideo = item.kind === \"video\" || !!item.videoUrl;\n\n  if (isVideo && item.videoUrl) {\n    const result: MediaRendererProps = {\n      mediaType: \"video\",\n      src: item.videoUrl,\n      alt: item.title ?? \"Video\",\n    };\n    if (item.imageUrl != null) result.poster = item.imageUrl;\n    return result;\n  }\n\n  const result: MediaRendererProps = {\n    mediaType: \"image\",\n    alt: item.title || \"Image\",\n    objectFit: \"cover\",\n  };\n  if (item.imageUrl != null) result.src = item.imageUrl;\n  return result;\n}\n\n/**\n * Extracts media props from an ImageWidget/VideoWidget schema.\n * Used by CarouselWidget for slide.content rendering.\n */\nexport function getMediaPropsFromWidgetSchema(\n  schema: WidgetSchema,\n): MediaRendererProps {\n  const props = schema.props;\n\n  const resource = props.resource as ShareableItem | undefined;\n  const useCustomUrl = props.useCustomUrl as boolean | undefined;\n  const focusPoint = props.focusPoint as string | undefined;\n  const displayFit = props.displayFit as\n    | MediaRendererProps[\"objectFit\"]\n    | undefined;\n\n  if (schema.type === \"VideoWidget\") {\n    const result: MediaRendererProps = {\n      mediaType: \"video\",\n      autoplay: (props.autoplay as boolean | undefined) ?? false,\n      loop: (props.loop as boolean | undefined) ?? false,\n      muted: (props.muted as boolean | undefined) ?? false,\n      controls: (props.controls as boolean | undefined) ?? true,\n      objectFit: displayFit ?? \"cover\",\n      focusPoint,\n    };\n    if (useCustomUrl) {\n      if (typeof props.src === \"string\") result.src = props.src;\n      if (typeof props.poster === \"string\") result.poster = props.poster;\n    } else if (resource) {\n      if (resource.videoUrl) result.src = resource.videoUrl;\n      else if (typeof props.src === \"string\") result.src = props.src;\n      if (resource.imageUrl) result.poster = resource.imageUrl;\n      else if (typeof props.poster === \"string\") result.poster = props.poster;\n    } else {\n      if (typeof props.src === \"string\") result.src = props.src;\n      if (typeof props.poster === \"string\") result.poster = props.poster;\n    }\n    return result;\n  }\n\n  const result: MediaRendererProps = {\n    mediaType: \"image\",\n    alt: (props.alt as string | undefined) ?? \"Image\",\n    objectFit: displayFit ?? \"cover\",\n    focusPoint,\n  };\n  if (useCustomUrl) {\n    if (typeof props.src === \"string\") result.src = props.src;\n  } else if (resource) {\n    if (resource.imageUrl) result.src = resource.imageUrl;\n    else if (typeof props.src === \"string\") result.src = props.src;\n    if (resource.title) result.alt = resource.title;\n  } else {\n    if (typeof props.src === \"string\") result.src = props.src;\n  }\n  return result;\n}\n"]}

package/dist/chunk-LZJVUYSQ.cjs

@@ -1,462 +0,0 @@
-'use strict';
-
-var chunk6RNVWRDD_cjs = require('./chunk-6RNVWRDD.cjs');
-var chunkJ6HCPXT5_cjs = require('./chunk-J6HCPXT5.cjs');
-var react = require('react');
-var uiPrimitives = require('@fluid-app/ui-primitives');
-require('@fluid-app/rep-core/types');
-var jsxRuntime = require('react/jsx-runtime');
-
-var DEFAULT_DATA = [];
-function ImageCellRenderer(_value, item) {
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-10 w-10 rounded object-cover", children: /* @__PURE__ */ jsxRuntime.jsx(chunk6RNVWRDD_cjs.MediaRenderer, { ...chunk6RNVWRDD_cjs.getMediaPropsFromShareable(item) }) });
-}
-function PriceCellRenderer(_value, item) {
-  return (item.display_price ?? item.price) || "-";
-}
-function StatusCellRenderer(value) {
-  const status = String(value || "unknown").toLowerCase();
-  const statusStyles = {
-    active: "bg-primary text-primary-foreground",
-    inactive: "bg-secondary text-secondary-foreground",
-    unknown: "bg-muted text-muted-foreground"
-  };
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    "span",
-    {
-      className: `inline-flex rounded-full px-2 py-1 text-xs font-medium ${statusStyles[status] || "bg-muted text-foreground"}`,
-      children: String(value || "Unknown")
-    }
-  );
-}
-var defaultColumns = [
-  {
-    key: "imageUrl",
-    label: "Image",
-    sortable: false,
-    render: ImageCellRenderer
-  },
-  {
-    key: "title",
-    label: "Title",
-    sortable: true
-  },
-  {
-    key: "price",
-    label: "Price",
-    sortable: true,
-    render: PriceCellRenderer
-  },
-  {
-    key: "status",
-    label: "Status",
-    sortable: true,
-    render: StatusCellRenderer
-  }
-];
-function TableWidget({
-  // Title defaults
-  titleEnabled = true,
-  titleText = "Products",
-  titleFontSize = "xl",
-  titleColor = "foreground",
-  // Styling defaults
-  background = {
-    type: "solid",
-    color: "background"
-  },
-  alternatingColorEnabled = true,
-  textColor = "foreground",
-  headerBackgroundColor = "muted",
-  headerTextColor = "foreground",
-  padding = 4,
-  borderRadius = "md",
-  // Data
-  data = DEFAULT_DATA,
-  // Feature defaults
-  filterEnabled = true,
-  sortingEnabled = true,
-  paginationEnabled = true,
-  maxRowsPerPage = 5,
-  className,
-  ...props
-}) {
-  const backgroundColor = background.color || "background";
-  const backgroundImage = (background.resource?.image_url || background.resource?.imageUrl) && background.type === "image" ? `url(${background.resource.image_url || background.resource.imageUrl})` : "none";
-  const pageSize = maxRowsPerPage;
-  const [globalFilter, setGlobalFilter] = react.useState("");
-  const [sortConfig, setSortConfig] = react.useState(null);
-  const [currentPage, setCurrentPage] = react.useState(1);
-  const columns = defaultColumns;
-  const filteredData = react.useMemo(() => {
-    let result = [...data];
-    if (globalFilter) {
-      const lowerFilter = globalFilter.toLowerCase();
-      result = result.filter(
-        (item) => columns.some((col) => {
-          const value = item[col.key];
-          return String(value ?? "").toLowerCase().includes(lowerFilter);
-        })
-      );
-    }
-    return result;
-  }, [data, globalFilter, columns]);
-  const sortedData = react.useMemo(() => {
-    if (!sortConfig) return filteredData;
-    return [...filteredData].sort((a, b) => {
-      const aValue = a[sortConfig.key];
-      const bValue = b[sortConfig.key];
-      if (aValue == null && bValue == null) return 0;
-      if (aValue == null) return sortConfig.direction === "asc" ? 1 : -1;
-      if (bValue == null) return sortConfig.direction === "asc" ? -1 : 1;
-      let comparison = 0;
-      if (typeof aValue === "number" && typeof bValue === "number") {
-        comparison = aValue - bValue;
-      } else {
-        comparison = String(aValue).localeCompare(String(bValue));
-      }
-      return sortConfig.direction === "asc" ? comparison : -comparison;
-    });
-  }, [filteredData, sortConfig]);
-  const paginatedData = react.useMemo(() => {
-    if (!paginationEnabled) return sortedData;
-    const startIndex = (currentPage - 1) * pageSize;
-    return sortedData.slice(startIndex, startIndex + pageSize);
-  }, [sortedData, currentPage, pageSize, paginationEnabled]);
-  const totalPages = Math.ceil(sortedData.length / pageSize);
-  const handleGlobalFilterChange = (value) => {
-    setGlobalFilter(value);
-    setCurrentPage(1);
-  };
-  const handleSort = (key) => {
-    if (!sortingEnabled) return;
-    setSortConfig((prev) => {
-      if (prev?.key !== key) return { key, direction: "asc" };
-      if (prev.direction === "asc") return { key, direction: "desc" };
-      return null;
-    });
-  };
-  const getSortIndicator = (key) => {
-    if (sortConfig?.key !== key) return null;
-    return sortConfig.direction === "asc" ? " \u2191" : " \u2193";
-  };
-  if (data.length === 0) {
-    return /* @__PURE__ */ jsxRuntime.jsx(
-      "div",
-      {
-        className: `@container rounded-${borderRadius} bg-${backgroundColor} p-${padding} ${className}`,
-        style: { backgroundImage },
-        ...props,
-        children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "text-muted-foreground flex min-h-[200px] flex-col items-center justify-center gap-2", children: [
-          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-4xl", children: "\u{1F4CB}" }),
-          /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm", children: "No data available" }),
-          /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-muted-foreground/70 text-xs", children: "Connect a data source to display table data" })
-        ] })
-      }
-    );
-  }
-  return /* @__PURE__ */ jsxRuntime.jsxs(
-    "div",
-    {
-      className: `@container overflow-hidden ${paginationEnabled ? "" : "overflow-y-auto"} rounded-${borderRadius} text-${textColor} ${className}`,
-      style: { backgroundImage },
-      ...props,
-      children: [
-        /* @__PURE__ */ jsxRuntime.jsxs(
-          "div",
-          {
-            className: `flex items-center justify-between p-${padding} bg-${backgroundColor}`,
-            children: [
-              titleEnabled && titleText && /* @__PURE__ */ jsxRuntime.jsx(
-                "h2",
-                {
-                  className: `text-${titleFontSize === "md" ? "base" : titleFontSize} font-bold text-${titleColor}`,
-                  children: titleText
-                }
-              ),
-              filterEnabled && /* @__PURE__ */ jsxRuntime.jsx(
-                uiPrimitives.Input,
-                {
-                  type: "text",
-                  placeholder: "Search all columns...",
-                  value: globalFilter,
-                  onChange: (e) => handleGlobalFilterChange(e.target.value),
-                  className: `w-full rounded-md border border-${headerBackgroundColor}-600 bg-${headerBackgroundColor}-400 ring-offset-muted px-3 py-2 text-sm placeholder:text-${headerTextColor}-900 focus-visible:ring-primary focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:outline-none md:w-64`
-                }
-              )
-            ]
-          }
-        ),
-        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "overflow-x-auto", children: /* @__PURE__ */ jsxRuntime.jsxs("table", { className: "w-full border-collapse", children: [
-          /* @__PURE__ */ jsxRuntime.jsx("thead", { children: /* @__PURE__ */ jsxRuntime.jsx(
-            "tr",
-            {
-              className: `bg-${headerBackgroundColor}-400 border-${headerBackgroundColor}-600 border-y`,
-              children: columns.map((col) => /* @__PURE__ */ jsxRuntime.jsx(
-                "th",
-                {
-                  className: `px-4 py-3 text-left text-sm font-semibold text-${headerTextColor} ${col.sortable && sortingEnabled ? "cursor-pointer select-none hover:opacity-80" : ""}`,
-                  ...col.sortable && sortingEnabled ? {
-                    role: "button",
-                    tabIndex: 0,
-                    onClick: () => handleSort(col.key),
-                    onKeyDown: (e) => {
-                      if (e.key === "Enter" || e.key === " ") {
-                        e.preventDefault();
-                        handleSort(col.key);
-                      }
-                    }
-                  } : {},
-                  children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-col gap-1", children: /* @__PURE__ */ jsxRuntime.jsxs("span", { children: [
-                    col.label,
-                    col.sortable && sortingEnabled && getSortIndicator(col.key)
-                  ] }) })
-                },
-                col.key
-              ))
-            }
-          ) }),
-          /* @__PURE__ */ jsxRuntime.jsxs("tbody", { children: [
-            paginatedData.map((item, index) => /* @__PURE__ */ jsxRuntime.jsx(
-              "tr",
-              {
-                className: `h-17 border-b border-${backgroundColor}-600 last:border-none bg-${backgroundColor} ${alternatingColorEnabled ? `even:bg-${backgroundColor}-400` : ""}`,
-                children: columns.map((col) => /* @__PURE__ */ jsxRuntime.jsx("td", { className: "px-4 py-3 text-sm", children: col.render ? col.render(item[col.key], item) : String(item[col.key] ?? "-") }, col.key))
-              },
-              item.id ?? index
-            )),
-            paginationEnabled && paginatedData.length < pageSize && paginatedData.length > 0 && Array.from({ length: pageSize - paginatedData.length }).map(
-              (_, index) => /* @__PURE__ */ jsxRuntime.jsx(
-                "tr",
-                {
-                  className: `h-17 border-b border-${backgroundColor}-600 last:border-none bg-${backgroundColor} ${alternatingColorEnabled ? `even:bg-${backgroundColor}-400` : ""}`,
-                  children: columns.map((col) => /* @__PURE__ */ jsxRuntime.jsx("td", { className: "px-4 py-3 text-sm", children: "\xA0" }, col.key))
-                },
-                `empty-${index}`
-              )
-            )
-          ] })
-        ] }) }),
-        paginatedData.length === 0 && data.length > 0 && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `py-8 text-center bg-${backgroundColor}`, children: [
-          /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm", children: "No results found" }),
-          /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs", children: "Try adjusting your search" })
-        ] }),
-        paginationEnabled && totalPages > 1 && /* @__PURE__ */ jsxRuntime.jsxs(
-          "div",
-          {
-            className: `flex flex-col items-center justify-between gap-2 border-t border-${backgroundColor}-600 p-${padding} @md:flex-row bg-${backgroundColor}-400 text-${textColor}`,
-            children: [
-              /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "text-sm", children: [
-                "Showing ",
-                (currentPage - 1) * pageSize + 1,
-                "-",
-                Math.min(currentPage * pageSize, sortedData.length),
-                " of",
-                " ",
-                sortedData.length,
-                " results"
-              ] }),
-              /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
-                /* @__PURE__ */ jsxRuntime.jsx(
-                  "button",
-                  {
-                    onClick: () => setCurrentPage((p) => Math.max(1, p - 1)),
-                    disabled: currentPage === 1,
-                    className: `rounded-md border border-${headerBackgroundColor}-600 bg-${headerBackgroundColor} ring-offset-muted placeholder:text-muted-foreground focus-visible:ring-primary px-3 py-1 text-sm transition-opacity hover:opacity-80 focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:outline-none disabled:cursor-not-allowed disabled:opacity-50`,
-                    children: "Previous"
-                  }
-                ),
-                /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "text-sm", children: [
-                  "Page ",
-                  currentPage,
-                  " of ",
-                  totalPages
-                ] }),
-                /* @__PURE__ */ jsxRuntime.jsx(
-                  "button",
-                  {
-                    onClick: () => setCurrentPage((p) => Math.min(totalPages, p + 1)),
-                    disabled: currentPage === totalPages,
-                    className: `rounded-md border border-${headerBackgroundColor}-600 bg-${headerBackgroundColor} ring-offset-muted placeholder:text-muted-foreground focus-visible:ring-primary px-3 py-1 text-sm transition-opacity hover:opacity-80 focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:outline-none disabled:cursor-not-allowed disabled:opacity-50`,
-                    children: "Next"
-                  }
-                )
-              ] })
-            ]
-          }
-        )
-      ]
-    }
-  );
-}
-var tableWidgetPropertySchema = {
-  widgetType: "TableWidget",
-  displayName: "Table Widget",
-  tabsConfig: [
-    { id: "styling", label: "Styling" },
-    { id: "behavior", label: "Behavior" },
-    { id: "data", label: "Data" }
-  ],
-  dataSourceTargetProps: ["data"],
-  fields: [
-    // Content Tab - Title Group
-    {
-      key: "titleEnabled",
-      label: "Widget Title",
-      type: "boolean",
-      description: "Enable the title displayed above the table",
-      defaultValue: true,
-      tab: "styling",
-      group: "Title"
-    },
-    {
-      key: "titleText",
-      label: "Title",
-      type: "text",
-      description: "Title text displayed above the table",
-      defaultValue: "Products",
-      tab: "styling",
-      group: "Title",
-      requiresKeyToBeTrue: "titleEnabled"
-    },
-    chunkJ6HCPXT5_cjs.getFontSizeField({
-      label: "Title Font Size",
-      defaultValue: "xl",
-      key: "titleFontSize",
-      description: "Font size for the widget title",
-      tab: "styling",
-      group: "Title",
-      requiresKeyToBeTrue: "titleEnabled"
-    }),
-    chunkJ6HCPXT5_cjs.getColorField({
-      key: "titleColor",
-      label: "Title Color",
-      description: "Color for the widget title",
-      defaultValue: "foreground",
-      tab: "styling",
-      group: "Title",
-      requiresKeyToBeTrue: "titleEnabled"
-    }),
-    // Styling Tab - Design Group
-    {
-      type: "background",
-      key: "background",
-      label: "Background",
-      description: "Background for the table container",
-      defaultValue: "background",
-      tab: "styling",
-      group: "Design"
-    },
-    {
-      key: "alternatingColorEnabled",
-      label: "Enable Alternating Colors",
-      type: "boolean",
-      description: "Enable alternating colors for table rows",
-      defaultValue: true,
-      tab: "styling",
-      group: "Design"
-    },
-    chunkJ6HCPXT5_cjs.getColorField({
-      key: "headerBackgroundColor",
-      label: "Header Background",
-      description: "Background color for the table header",
-      defaultValue: "muted",
-      tab: "styling",
-      group: "Design"
-    }),
-    chunkJ6HCPXT5_cjs.getColorField({
-      key: "textColor",
-      label: "Text Color",
-      description: "Default text color for table content",
-      defaultValue: "foreground",
-      tab: "styling",
-      group: "Design"
-    }),
-    chunkJ6HCPXT5_cjs.getColorField({
-      key: "headerTextColor",
-      label: "Header Text Color",
-      description: "Text color for the table header",
-      defaultValue: "foreground",
-      tab: "styling",
-      group: "Design"
-    }),
-    {
-      key: "separator",
-      type: "separator",
-      label: "Separator",
-      tab: "styling",
-      group: "Design"
-    },
-    chunkJ6HCPXT5_cjs.getPaddingField({
-      key: "padding",
-      label: "Padding",
-      description: "Padding around the table container",
-      defaultValue: 4,
-      tab: "styling",
-      group: "Design"
-    }),
-    chunkJ6HCPXT5_cjs.getBorderRadiusField({
-      key: "borderRadius",
-      label: "Border Radius",
-      description: "Border radius for the table container",
-      defaultValue: "md",
-      tab: "styling",
-      group: "Design"
-    }),
-    // Behavior Tab - Features Group
-    {
-      key: "filterEnabled",
-      label: "Enable Filters",
-      type: "boolean",
-      description: "Show global search and column filters",
-      defaultValue: true,
-      tab: "behavior",
-      group: "Features"
-    },
-    {
-      key: "sortingEnabled",
-      label: "Enable Sorting",
-      type: "boolean",
-      description: "Allow sorting by clicking column headers",
-      defaultValue: true,
-      tab: "behavior",
-      group: "Features"
-    },
-    {
-      key: "paginationEnabled",
-      label: "Enable Pagination",
-      type: "boolean",
-      description: "Split data into pages",
-      defaultValue: true,
-      tab: "behavior",
-      group: "Features"
-    },
-    {
-      key: "maxRowsPerPage",
-      label: "Max Rows Per Page",
-      type: "number",
-      description: "Maximum number of rows to display per page",
-      min: 1,
-      max: 50,
-      step: 1,
-      defaultValue: 5,
-      tab: "behavior",
-      group: "Features",
-      requiresKeyToBeTrue: "paginationEnabled"
-    },
-    // Data Tab
-    {
-      key: "dataSource",
-      label: "Data Source",
-      type: "dataSource",
-      description: "Configure data source for the table",
-      tab: "data",
-      group: "Data Configuration"
-    }
-  ]
-};
-
-exports.TableWidget = TableWidget;
-exports.tableWidgetPropertySchema = tableWidgetPropertySchema;
-//# sourceMappingURL=chunk-LZJVUYSQ.cjs.map
-//# sourceMappingURL=chunk-LZJVUYSQ.cjs.map