@flamingo-stack/openframe-frontend-core 0.0.740 → 0.0.741

package/dist/components/features/scripts/script-schedules-table.d.ts

@@ -0,0 +1,38 @@
+import { type ReactNode } from 'react';
+/** One schedule, as the table shows it. The host formats the start and the repeat. */
+export interface ScriptScheduleTableRow {
+    id: string;
+    name: string;
+    description?: string | null;
+    supportedPlatforms: string[];
+    /** When it starts. Null: it has no date (`trigger` then says what starts it). */
+    startsAt?: {
+        date: string;
+        time: string;
+    } | null;
+    /** What starts a schedule with no date ("Device Online"). */
+    trigger?: string | null;
+    /** How often it runs ("Every day"). Null: it does not repeat on a clock. */
+    repeat?: string | null;
+    deviceCount: number;
+    href?: string;
+}
+export interface ScriptSchedulesTableProps {
+    rows: ScriptScheduleTableRow[];
+    isLoading?: boolean;
+    /** Column ids to leave out (`'deviceCount'`, `'supportedPlatforms'`, `'open'`). */
+    hideColumns?: readonly string[];
+    /** The row menu. Without it the table has no actions column. */
+    renderActions?: (row: ScriptScheduleTableRow) => ReactNode;
+    emptyMessage?: string;
+    stickyHeader?: boolean;
+    stickyHeaderOffset?: string;
+    rightSlot?: ReactNode;
+    skeletonRows?: number;
+}
+/**
+ * The script schedules as a table: what runs, on which operating systems,
+ * when, how often and on how many devices.
+ */
+export declare function ScriptSchedulesTable({ rows, isLoading, hideColumns, renderActions, emptyMessage, stickyHeader, stickyHeaderOffset, rightSlot, skeletonRows, }: ScriptSchedulesTableProps): import("react").JSX.Element;
+//# sourceMappingURL=script-schedules-table.d.ts.map

package/dist/components/features/scripts/script-schedules-table.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"script-schedules-table.d.ts","sourceRoot":"","sources":["../../../../src/components/features/scripts/script-schedules-table.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,SAAS,EAAwB,MAAM,OAAO,CAAC;AAQ7D,sFAAsF;AACtF,MAAM,WAAW,sBAAsB;IACrC,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC5B,kBAAkB,EAAE,MAAM,EAAE,CAAC;IAC7B,iFAAiF;IACjF,QAAQ,CAAC,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAA;KAAE,GAAG,IAAI,CAAC;IACjD,6DAA6D;IAC7D,OAAO,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACxB,4EAA4E;IAC5E,MAAM,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACvB,WAAW,EAAE,MAAM,CAAC;IACpB,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,yBAAyB;IACxC,IAAI,EAAE,sBAAsB,EAAE,CAAC;IAC/B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,mFAAmF;IACnF,WAAW,CAAC,EAAE,SAAS,MAAM,EAAE,CAAC;IAChC,gEAAgE;IAChE,aAAa,CAAC,EAAE,CAAC,GAAG,EAAE,sBAAsB,KAAK,SAAS,CAAC;IAC3D,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAID;;;GAGG;AACH,wBAAgB,oBAAoB,CAAC,EACnC,IAAI,EACJ,SAAiB,EACjB,WAAW,EACX,aAAa,EACb,YAAoC,EACpC,YAAoB,EACpB,kBAAkB,EAClB,SAAS,EACT,YAAiB,GAClB,EAAE,yBAAyB,+BAwD3B"}

package/dist/components/features/scripts/script-schedules-table.js

@@ -0,0 +1,71 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useCallback, useMemo } from "react";
+import { DataTable, useDataTable } from "../../ui/data-table/index.js";
+import { TruncateText } from "../../ui/truncate-text.js";
+import { OSTypeBadgeGroup } from "../os-type-badge-group.js";
+import { ScheduleDateTimeCell, ScriptNameCell } from "./script-cells.js";
+import { SCHEDULE_COLUMNS } from "./scripts-table-columns.js";
+import { OpenInNewTabCell, RowActionsCell, scriptsColumnMeta } from "./scripts-table-shared.js";
+const VALUE_CLASS = "text-ods-text-primary text-h4";
+function ScriptSchedulesTable({
+  rows,
+  isLoading = false,
+  hideColumns,
+  renderActions,
+  emptyMessage = "No schedules found.",
+  stickyHeader = false,
+  stickyHeaderOffset,
+  rightSlot,
+  skeletonRows = 10
+}) {
+  const columns = useMemo(() => {
+    const cell = (layout, render) => ({
+      id: layout.id,
+      header: layout.header ?? "",
+      cell: ({ row }) => render(row.original),
+      enableSorting: false,
+      // A picture of the table sorts nothing: the layout's sort icon is the live page's.
+      meta: { ...scriptsColumnMeta(layout), sortable: false }
+    });
+    const all = [
+      cell(SCHEDULE_COLUMNS.name, (row) => /* @__PURE__ */ jsx(ScriptNameCell, { name: row.name, description: row.description })),
+      cell(SCHEDULE_COLUMNS.supportedPlatforms, (row) => /* @__PURE__ */ jsx(OSTypeBadgeGroup, { osTypes: row.supportedPlatforms, iconSize: "w-4 h-4 content-md:w-6 content-md:h-6" })),
+      cell(
+        SCHEDULE_COLUMNS.dateTime,
+        (row) => row.startsAt ? /* @__PURE__ */ jsx(ScheduleDateTimeCell, { date: row.startsAt.date, time: row.startsAt.time }) : row.trigger ? /* @__PURE__ */ jsx(TruncateText, { tone: "secondary", children: row.trigger }) : null
+      ),
+      cell(SCHEDULE_COLUMNS.repeat, (row) => row.repeat ? /* @__PURE__ */ jsx("span", { className: VALUE_CLASS, children: row.repeat }) : null),
+      cell(SCHEDULE_COLUMNS.deviceCount, (row) => /* @__PURE__ */ jsx("span", { className: VALUE_CLASS, children: row.deviceCount }))
+    ];
+    if (renderActions) {
+      all.push(cell(SCHEDULE_COLUMNS.actions, (row) => /* @__PURE__ */ jsx(RowActionsCell, { children: renderActions(row) })));
+    }
+    all.push(cell(SCHEDULE_COLUMNS.open, (row) => row.href ? /* @__PURE__ */ jsx(OpenInNewTabCell, { href: row.href }) : null));
+    return hideColumns ? all.filter((column) => !hideColumns.includes(column.id ?? "")) : all;
+  }, [hideColumns, renderActions]);
+  const table = useDataTable({
+    data: rows,
+    columns,
+    getRowId: (row) => row.id,
+    enableSorting: false
+  });
+  const rowHref = useCallback((row) => row.href, []);
+  const showHeader = isLoading || rows.length > 0;
+  return /* @__PURE__ */ jsxs(DataTable, { table, children: [
+    showHeader && /* @__PURE__ */ jsx(DataTable.Header, { stickyHeader, stickyHeaderOffset, rightSlot }),
+    /* @__PURE__ */ jsx(
+      DataTable.Body,
+      {
+        loading: isLoading,
+        skeletonRows,
+        emptyMessage,
+        rowClassName: "mb-1",
+        rowHref
+      }
+    )
+  ] });
+}
+export {
+  ScriptSchedulesTable
+};

package/dist/components/features/scripts/script-shell-badge.d.ts

@@ -0,0 +1,9 @@
+export interface ScriptShellBadgeProps {
+    /** Lowercase shell id (`'cmd'`). */
+    value: string;
+    className?: string;
+    iconClassName?: string;
+}
+/** A script's shell: its icon and label from `SCRIPT_SHELL_TYPES`. */
+export declare function ScriptShellBadge({ value, className, iconClassName }: ScriptShellBadgeProps): import("react").JSX.Element;
+//# sourceMappingURL=script-shell-badge.d.ts.map

package/dist/components/features/scripts/script-shell-badge.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"script-shell-badge.d.ts","sourceRoot":"","sources":["../../../../src/components/features/scripts/script-shell-badge.tsx"],"names":[],"mappings":"AAKA,MAAM,WAAW,qBAAqB;IACpC,oCAAoC;IACpC,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,sEAAsE;AACtE,wBAAgB,gBAAgB,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,aAAa,EAAE,EAAE,qBAAqB,+BAW1F"}

package/dist/components/features/scripts/script-shell-badge.js

@@ -0,0 +1,15 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { cn } from "../../../utils/cn.js";
+import { scriptShellType } from "./shell-types.js";
+function ScriptShellBadge({ value, className, iconClassName }) {
+  const shell = scriptShellType(value);
+  const Icon = shell?.icon;
+  return /* @__PURE__ */ jsxs("span", { className: cn("flex items-center gap-2", className), children: [
+    Icon && /* @__PURE__ */ jsx(Icon, { className: cn("h-5 w-5 text-ods-text-secondary", iconClassName) }),
+    /* @__PURE__ */ jsx("span", { children: shell?.label ?? value })
+  ] });
+}
+export {
+  ScriptShellBadge
+};

package/dist/components/features/scripts/scripts-table-columns.d.ts

@@ -0,0 +1,162 @@
+/**
+ * Column layout of the Scripts tables (the library, the schedules and the
+ * Execution History of a script or a schedule) and the two tabs over them. Data only, with no imports, so a
+ * live table, its loading skeleton and a picture of the page read the same
+ * widths without loading each other.
+ */
+export interface ScriptsTableColumnLayout {
+    id: string;
+    header?: string;
+    /** The column's `meta.width` class. */
+    width: string;
+    hideAt?: 'md' | 'lg' | 'xl' | '2xl';
+    align?: 'right';
+    /** The header carries a sort icon. */
+    sortable?: boolean;
+    /** The header carries a filter dropdown, so it stays below `lg`. */
+    filterable?: boolean;
+    /** The header carries a calendar, so it stays below `lg`. */
+    dateFilterable?: boolean;
+}
+export declare const SCRIPT_COLUMNS: {
+    name: {
+        id: string;
+        header: string;
+        width: string;
+    };
+    shellType: {
+        id: string;
+        header: string;
+        width: string;
+        filterable: true;
+    };
+    supportedPlatforms: {
+        id: string;
+        header: string;
+        width: string;
+        hideAt: "lg";
+        filterable: true;
+    };
+    authorId: {
+        id: string;
+        header: string;
+        width: string;
+        hideAt: "lg";
+        filterable: true;
+    };
+    actions: {
+        id: string;
+        width: string;
+        align: "right";
+    };
+    open: {
+        id: string;
+        width: string;
+        hideAt: "md";
+        align: "right";
+    };
+};
+export declare const SCHEDULE_COLUMNS: {
+    name: {
+        id: string;
+        header: string;
+        width: string;
+    };
+    supportedPlatforms: {
+        id: string;
+        header: string;
+        width: string;
+        hideAt: "lg";
+        filterable: true;
+    };
+    dateTime: {
+        id: string;
+        header: string;
+        width: string;
+        hideAt: "md";
+        dateFilterable: true;
+    };
+    repeat: {
+        id: string;
+        header: string;
+        width: string;
+        hideAt: "md";
+        sortable: true;
+    };
+    deviceCount: {
+        id: string;
+        header: string;
+        width: string;
+        hideAt: "lg";
+    };
+    actions: {
+        id: string;
+        width: string;
+        align: "right";
+    };
+    open: {
+        id: string;
+        width: string;
+        hideAt: "md";
+        align: "right";
+    };
+};
+export declare const EXECUTION_COLUMNS: {
+    executionId: {
+        id: string;
+        header: string;
+        width: string;
+        dateFilterable: true;
+    };
+    status: {
+        id: string;
+        header: string;
+        width: string;
+        filterable: true;
+    };
+    machineId: {
+        id: string;
+        header: string;
+        width: string;
+        hideAt: "lg";
+        filterable: true;
+    };
+    initiatorId: {
+        id: string;
+        header: string;
+        width: string;
+        hideAt: "md";
+        filterable: true;
+    };
+    result: {
+        id: string;
+        header: string;
+        width: string;
+        hideAt: "xl";
+    };
+    actions: {
+        id: string;
+        width: string;
+        align: "right";
+    };
+    open: {
+        id: string;
+        width: string;
+        hideAt: "md";
+        align: "right";
+    };
+};
+/** Cell widths of the Scripts / Schedules switcher, for its loading state. */
+export declare const SCRIPTS_TAB_WIDTHS: readonly string[];
+/** The library's columns, in render order. */
+export declare const SCRIPTS_TABLE_COLUMNS: readonly ScriptsTableColumnLayout[];
+/** The schedules' columns, in render order. */
+export declare const SCHEDULES_TABLE_COLUMNS: readonly ScriptsTableColumnLayout[];
+/**
+ * The Execution History's columns, in render order. The table ends in two
+ * 48px action columns with no header text: they carry width, so a skeleton
+ * that left them out laid the `flex-1` columns ~128px wider than the loaded
+ * table, and every label jumped left when the rows arrived.
+ */
+export declare const EXECUTIONS_TABLE_COLUMNS: readonly ScriptsTableColumnLayout[];
+//# sourceMappingURL=scripts-table-columns.d.ts.map

package/dist/components/features/scripts/scripts-table-columns.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"scripts-table-columns.d.ts","sourceRoot":"","sources":["../../../../src/components/features/scripts/scripts-table-columns.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AACH,MAAM,WAAW,wBAAwB;IACvC,EAAE,EAAE,MAAM,CAAC;IACX,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,uCAAuC;IACvC,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,KAAK,CAAC;IACpC,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,sCAAsC;IACtC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,oEAAoE;IACpE,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,6DAA6D;IAC7D,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B;AAED,eAAO,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAOyB,CAAC;AAErD,eAAO,MAAM,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAcuB,CAAC;AAErD,eAAO,MAAM,iBAAiB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAQsB,CAAC;AAErD,8EAA8E;AAC9E,eAAO,MAAM,kBAAkB,EAAE,SAAS,MAAM,EAA+B,CAAC;AAEhF,8CAA8C;AAC9C,eAAO,MAAM,qBAAqB,EAAE,SAAS,wBAAwB,EAOpE,CAAC;AAEF,+CAA+C;AAC/C,eAAO,MAAM,uBAAuB,EAAE,SAAS,wBAAwB,EAQtE,CAAC;AAEF;;;;;GAKG;AACH,eAAO,MAAM,wBAAwB,EAAE,SAAS,wBAAwB,EAQvE,CAAC"}

package/dist/components/features/scripts/scripts-table-columns.js

@@ -0,0 +1,69 @@
+"use client";
+const SCRIPT_COLUMNS = {
+  name: { id: "name", header: "Name", width: "flex-1 min-w-0" },
+  shellType: { id: "shellType", header: "Shell Type", width: "w-[100px] content-md:w-[160px]", filterable: true },
+  supportedPlatforms: { id: "supportedPlatforms", header: "OS", width: "w-[80px]", hideAt: "lg", filterable: true },
+  authorId: { id: "authorId", header: "Added by", width: "w-[250px]", hideAt: "lg", filterable: true },
+  actions: { id: "actions", width: "w-12 shrink-0 flex-none", align: "right" },
+  open: { id: "open", width: "w-12 shrink-0 flex-none", hideAt: "md", align: "right" }
+};
+const SCHEDULE_COLUMNS = {
+  name: { id: "name", header: "Script", width: "flex-1 min-w-0" },
+  supportedPlatforms: { id: "supportedPlatforms", header: "OS", width: "w-[90px]", hideAt: "lg", filterable: true },
+  dateTime: {
+    id: "dateTime",
+    header: "Date & Time",
+    width: "w-[100px] content-md:w-[160px]",
+    hideAt: "md",
+    dateFilterable: true
+  },
+  repeat: { id: "repeat", header: "Repeat", width: "w-[120px]", hideAt: "md", sortable: true },
+  deviceCount: { id: "deviceCount", header: "Devices", width: "w-[100px] content-md:w-[140px]", hideAt: "lg" },
+  actions: { id: "actions", width: "w-12 shrink-0 flex-none", align: "right" },
+  open: { id: "open", width: "w-12 shrink-0 flex-none", hideAt: "md", align: "right" }
+};
+const EXECUTION_COLUMNS = {
+  executionId: { id: "executionId", header: "Execution", width: "w-[160px]", dateFilterable: true },
+  status: { id: "status", header: "Status", width: "w-[120px]", filterable: true },
+  machineId: { id: "machineId", header: "Device", width: "w-[200px]", hideAt: "lg", filterable: true },
+  initiatorId: { id: "initiatorId", header: "Executed by", width: "flex-1 min-w-0", hideAt: "md", filterable: true },
+  result: { id: "result", header: "Result", width: "flex-1 min-w-0", hideAt: "xl" },
+  actions: { id: "actions", width: "w-12 shrink-0 flex-none", align: "right" },
+  open: { id: "open", width: "w-12 shrink-0 flex-none", hideAt: "md", align: "right" }
+};
+const SCRIPTS_TAB_WIDTHS = ["w-[160px]", "w-[200px]"];
+const SCRIPTS_TABLE_COLUMNS = [
+  SCRIPT_COLUMNS.name,
+  SCRIPT_COLUMNS.shellType,
+  SCRIPT_COLUMNS.supportedPlatforms,
+  SCRIPT_COLUMNS.authorId,
+  SCRIPT_COLUMNS.actions,
+  SCRIPT_COLUMNS.open
+];
+const SCHEDULES_TABLE_COLUMNS = [
+  SCHEDULE_COLUMNS.name,
+  SCHEDULE_COLUMNS.supportedPlatforms,
+  SCHEDULE_COLUMNS.dateTime,
+  SCHEDULE_COLUMNS.repeat,
+  SCHEDULE_COLUMNS.deviceCount,
+  SCHEDULE_COLUMNS.actions,
+  SCHEDULE_COLUMNS.open
+];
+const EXECUTIONS_TABLE_COLUMNS = [
+  EXECUTION_COLUMNS.executionId,
+  EXECUTION_COLUMNS.status,
+  EXECUTION_COLUMNS.machineId,
+  EXECUTION_COLUMNS.initiatorId,
+  EXECUTION_COLUMNS.result,
+  EXECUTION_COLUMNS.actions,
+  EXECUTION_COLUMNS.open
+];
+export {
+  EXECUTIONS_TABLE_COLUMNS,
+  EXECUTION_COLUMNS,
+  SCHEDULES_TABLE_COLUMNS,
+  SCHEDULE_COLUMNS,
+  SCRIPTS_TABLE_COLUMNS,
+  SCRIPTS_TAB_WIDTHS,
+  SCRIPT_COLUMNS
+};

package/dist/components/features/scripts/scripts-table-shared.d.ts

@@ -0,0 +1,19 @@
+import type { ReactNode } from 'react';
+import type { ScriptsTableColumnLayout } from './scripts-table-columns';
+/** A column's `meta` from its layout: the fields a live table and its skeleton agree on. */
+export declare function scriptsColumnMeta(column: ScriptsTableColumnLayout): {
+    width: string;
+    hideAt: "md" | "lg" | "xl" | "2xl" | undefined;
+    align: "right" | undefined;
+    sortable: boolean | undefined;
+    alwaysShowHeader: boolean | undefined;
+};
+/** The row menu's cell: outside the row's own link. */
+export declare function RowActionsCell({ children }: {
+    children: ReactNode;
+}): import("react").JSX.Element;
+/** The last cell of a row: its page in a new tab. The row is a link itself, so this opens by script. */
+export declare function OpenInNewTabCell({ href }: {
+    href: string;
+}): import("react").JSX.Element;
+//# sourceMappingURL=scripts-table-shared.d.ts.map

package/dist/components/features/scripts/scripts-table-shared.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"scripts-table-shared.d.ts","sourceRoot":"","sources":["../../../../src/components/features/scripts/scripts-table-shared.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAIvC,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,yBAAyB,CAAC;AAExE,4FAA4F;AAC5F,wBAAgB,iBAAiB,CAAC,MAAM,EAAE,wBAAwB;;;;;;EAQjE;AAED,uDAAuD;AACvD,wBAAgB,cAAc,CAAC,EAAE,QAAQ,EAAE,EAAE;IAAE,QAAQ,EAAE,SAAS,CAAA;CAAE,+BAMnE;AAED,wGAAwG;AACxG,wBAAgB,gBAAgB,CAAC,EAAE,IAAI,EAAE,EAAE;IAAE,IAAI,EAAE,MAAM,CAAA;CAAE,+BAa1D"}

package/dist/components/features/scripts/scripts-table-shared.js

@@ -0,0 +1,35 @@
+"use client";
+import { jsx } from "react/jsx-runtime";
+import { openInNewTab } from "../../../utils/open-in-new-tab.js";
+import { ArrowRightUpIcon } from "../../icons-v2-generated/arrows/arrow-right-up-icon.js";
+import { Button } from "../../ui/button/index.js";
+function scriptsColumnMeta(column) {
+  return {
+    width: column.width,
+    hideAt: column.hideAt,
+    align: column.align,
+    sortable: column.sortable,
+    alwaysShowHeader: column.dateFilterable
+  };
+}
+function RowActionsCell({ children }) {
+  return /* @__PURE__ */ jsx("div", { "data-no-row-click": true, className: "pointer-events-auto flex items-center justify-end gap-2", children });
+}
+function OpenInNewTabCell({ href }) {
+  return /* @__PURE__ */ jsx("div", { "data-no-row-click": true, className: "pointer-events-auto flex items-center justify-end", children: /* @__PURE__ */ jsx(
+    Button,
+    {
+      onClick: openInNewTab(href),
+      variant: "outline",
+      size: "icon",
+      leftIcon: /* @__PURE__ */ jsx(ArrowRightUpIcon, { className: "h-5 w-5" }),
+      "aria-label": "Open in new tab",
+      className: "bg-ods-card"
+    }
+  ) });
+}
+export {
+  OpenInNewTabCell,
+  RowActionsCell,
+  scriptsColumnMeta
+};

package/dist/components/features/scripts/scripts-table.d.ts

@@ -0,0 +1,40 @@
+import { type ReactNode } from 'react';
+/** One script of the library, as the table shows it. */
+export interface ScriptTableRow {
+    id: string;
+    name: string;
+    description?: string | null;
+    /** Lowercase shell id (`'powershell'`). */
+    shellType: string;
+    /** OS ids the script runs on (`'windows'`, `'darwin'`, `'linux'`). */
+    supportedPlatforms: string[];
+    /** Who added it. Null: nobody is recorded. */
+    author?: {
+        name: string;
+        initials: string;
+        image?: string;
+    } | null;
+    /** The script's page: the row's link and the open-in-new-tab button. */
+    href?: string;
+}
+export interface ScriptsTableProps {
+    rows: ScriptTableRow[];
+    isLoading?: boolean;
+    /** Column ids to leave out (`'authorId'`, `'supportedPlatforms'`, `'open'`). */
+    hideColumns?: readonly string[];
+    /** The row menu. Without it the table has no actions column. */
+    renderActions?: (row: ScriptTableRow) => ReactNode;
+    emptyMessage?: string;
+    stickyHeader?: boolean;
+    stickyHeaderOffset?: string;
+    /** Rendered at the right edge of the header (a row count). */
+    rightSlot?: ReactNode;
+    skeletonRows?: number;
+}
+/**
+ * The script library as a table: name and description, shell, the operating
+ * systems it runs on and who added it. Rows are a view-model the host maps its
+ * own scripts into.
+ */
+export declare function ScriptsTable({ rows, isLoading, hideColumns, renderActions, emptyMessage, stickyHeader, stickyHeaderOffset, rightSlot, skeletonRows, }: ScriptsTableProps): import("react").JSX.Element;
+//# sourceMappingURL=scripts-table.d.ts.map

package/dist/components/features/scripts/scripts-table.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"scripts-table.d.ts","sourceRoot":"","sources":["../../../../src/components/features/scripts/scripts-table.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,SAAS,EAAwB,MAAM,OAAO,CAAC;AAU7D,wDAAwD;AACxD,MAAM,WAAW,cAAc;IAC7B,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC5B,2CAA2C;IAC3C,SAAS,EAAE,MAAM,CAAC;IAClB,sEAAsE;IACtE,kBAAkB,EAAE,MAAM,EAAE,CAAC;IAC7B,8CAA8C;IAC9C,MAAM,CAAC,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,QAAQ,EAAE,MAAM,CAAC;QAAC,KAAK,CAAC,EAAE,MAAM,CAAA;KAAE,GAAG,IAAI,CAAC;IACnE,wEAAwE;IACxE,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,iBAAiB;IAChC,IAAI,EAAE,cAAc,EAAE,CAAC;IACvB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,gFAAgF;IAChF,WAAW,CAAC,EAAE,SAAS,MAAM,EAAE,CAAC;IAChC,gEAAgE;IAChE,aAAa,CAAC,EAAE,CAAC,GAAG,EAAE,cAAc,KAAK,SAAS,CAAC;IACnD,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,8DAA8D;IAC9D,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAID;;;;GAIG;AACH,wBAAgB,YAAY,CAAC,EAC3B,IAAI,EACJ,SAAiB,EACjB,WAAW,EACX,aAAa,EACb,YAAkC,EAClC,YAAoB,EACpB,kBAAkB,EAClB,SAAS,EACT,YAAiB,GAClB,EAAE,iBAAiB,+BAgEnB"}

package/dist/components/features/scripts/scripts-table.js

@@ -0,0 +1,84 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useCallback, useMemo } from "react";
+import { DataTable, useDataTable } from "../../ui/data-table/index.js";
+import { SquareAvatar } from "../../ui/square-avatar.js";
+import { TruncateText } from "../../ui/truncate-text.js";
+import { OSTypeBadgeGroup } from "../os-type-badge-group.js";
+import { ScriptNameCell } from "./script-cells.js";
+import { ScriptShellBadge } from "./script-shell-badge.js";
+import { SCRIPT_COLUMNS } from "./scripts-table-columns.js";
+import { OpenInNewTabCell, RowActionsCell, scriptsColumnMeta } from "./scripts-table-shared.js";
+const BADGE_ICON = "h-4 w-4 content-md:h-6 content-md:w-6";
+function ScriptsTable({
+  rows,
+  isLoading = false,
+  hideColumns,
+  renderActions,
+  emptyMessage = "No scripts found.",
+  stickyHeader = false,
+  stickyHeaderOffset,
+  rightSlot,
+  skeletonRows = 10
+}) {
+  const columns = useMemo(() => {
+    const cell = (layout, render) => ({
+      id: layout.id,
+      header: layout.header ?? "",
+      cell: ({ row }) => render(row.original),
+      enableSorting: false,
+      meta: scriptsColumnMeta(layout)
+    });
+    const all = [
+      cell(SCRIPT_COLUMNS.name, (row) => /* @__PURE__ */ jsx(ScriptNameCell, { name: row.name, description: row.description })),
+      cell(SCRIPT_COLUMNS.shellType, (row) => /* @__PURE__ */ jsx(ScriptShellBadge, { value: row.shellType, iconClassName: BADGE_ICON })),
+      cell(SCRIPT_COLUMNS.supportedPlatforms, (row) => /* @__PURE__ */ jsx(OSTypeBadgeGroup, { osTypes: row.supportedPlatforms, iconSize: "w-4 h-4 content-md:w-6 content-md:h-6" })),
+      cell(
+        SCRIPT_COLUMNS.authorId,
+        (row) => row.author ? /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 flex-1 items-center gap-2", children: [
+          /* @__PURE__ */ jsx(
+            SquareAvatar,
+            {
+              variant: "round",
+              size: "sm",
+              src: row.author.image,
+              fallback: row.author.initials,
+              alt: row.author.name,
+              initialsClassName: "text-ods-text-secondary"
+            }
+          ),
+          /* @__PURE__ */ jsx("div", { className: "min-w-0 flex-1", children: /* @__PURE__ */ jsx(TruncateText, { children: row.author.name }) })
+        ] }) : null
+      )
+    ];
+    if (renderActions) {
+      all.push(cell(SCRIPT_COLUMNS.actions, (row) => /* @__PURE__ */ jsx(RowActionsCell, { children: renderActions(row) })));
+    }
+    all.push(cell(SCRIPT_COLUMNS.open, (row) => row.href ? /* @__PURE__ */ jsx(OpenInNewTabCell, { href: row.href }) : null));
+    return hideColumns ? all.filter((column) => !hideColumns.includes(column.id ?? "")) : all;
+  }, [hideColumns, renderActions]);
+  const table = useDataTable({
+    data: rows,
+    columns,
+    getRowId: (row) => row.id,
+    enableSorting: false
+  });
+  const rowHref = useCallback((row) => row.href, []);
+  const showHeader = isLoading || rows.length > 0;
+  return /* @__PURE__ */ jsxs(DataTable, { table, children: [
+    showHeader && /* @__PURE__ */ jsx(DataTable.Header, { stickyHeader, stickyHeaderOffset, rightSlot }),
+    /* @__PURE__ */ jsx(
+      DataTable.Body,
+      {
+        loading: isLoading,
+        skeletonRows,
+        emptyMessage,
+        rowClassName: "mb-1",
+        rowHref
+      }
+    )
+  ] });
+}
+export {
+  ScriptsTable
+};

package/dist/components/features/scripts/scripts-tabs.d.ts

@@ -0,0 +1,5 @@
+import type { TabItem } from '../../ui/tab-navigation';
+export type ScriptsTabId = 'list' | 'schedules';
+/** The two Scripts pages, as the switcher over them names them. */
+export declare const SCRIPTS_TABS: TabItem[];
+//# sourceMappingURL=scripts-tabs.d.ts.map

package/dist/components/features/scripts/scripts-tabs.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"scripts-tabs.d.ts","sourceRoot":"","sources":["../../../../src/components/features/scripts/scripts-tabs.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,yBAAyB,CAAC;AAEvD,MAAM,MAAM,YAAY,GAAG,MAAM,GAAG,WAAW,CAAC;AAEhD,mEAAmE;AACnE,eAAO,MAAM,YAAY,EAAE,OAAO,EAGjC,CAAC"}

package/dist/components/features/scripts/scripts-tabs.js

@@ -0,0 +1,10 @@
+"use client";
+import { BracketCurlyIcon } from "../../icons-v2-generated/coding/bracket-curly-icon.js";
+import { TimerIcon } from "../../icons-v2-generated/date-and-time/timer-icon.js";
+const SCRIPTS_TABS = [
+  { id: "list", label: "Scripts List", icon: BracketCurlyIcon },
+  { id: "schedules", label: "Scripts Schedules", icon: TimerIcon }
+];
+export {
+  SCRIPTS_TABS
+};

package/dist/components/features/scripts/shell-types.d.ts

@@ -0,0 +1,13 @@
+import { type ShellTypeDefinition } from '../../../types/shell.types';
+/**
+ * The shells the product's Scripts pages offer, as they are shown there: the
+ * `CMD` label (not "Batch"), the v2 icons and a grey PowerShell glyph. The
+ * wider `SHELL_TYPES` list of `types/shell.types` is every shell the agent can
+ * run; this one is what a person picks from.
+ */
+export declare const SCRIPT_SHELL_TYPES: ShellTypeDefinition[];
+/** The shell with this lowercase id (`'cmd'`). */
+export declare function scriptShellType(value: string): ShellTypeDefinition | undefined;
+/** The label of a lowercase shell id, else the id itself. */
+export declare function scriptShellLabel(value: string): string;
+//# sourceMappingURL=shell-types.d.ts.map

package/dist/components/features/scripts/shell-types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"shell-types.d.ts","sourceRoot":"","sources":["../../../../src/components/features/scripts/shell-types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,mBAAmB,EAAmB,MAAM,4BAA4B,CAAC;AAKvF;;;;;GAKG;AACH,eAAO,MAAM,kBAAkB,EAAE,mBAAmB,EAInD,CAAC;AAEF,kDAAkD;AAClD,wBAAgB,eAAe,CAAC,KAAK,EAAE,MAAM,GAAG,mBAAmB,GAAG,SAAS,CAE9E;AAED,6DAA6D;AAC7D,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CAEtD"}

package/dist/components/features/scripts/shell-types.js

@@ -0,0 +1,21 @@
+"use client";
+import { ShellTypeValues } from "../../../types/shell.types.js";
+import { PowershellLogoGreyIcon } from "../../icons-v2-generated/brand-logos/powershell-logo-grey-icon.js";
+import { TerminalIcon } from "../../icons-v2-generated/coding/terminal-icon.js";
+import { TerminalSquareIcon } from "../../icons-v2-generated/coding/terminal-square-icon.js";
+const SCRIPT_SHELL_TYPES = [
+  { id: ShellTypeValues.POWERSHELL, label: "PowerShell", value: "powershell", icon: PowershellLogoGreyIcon },
+  { id: ShellTypeValues.CMD, label: "CMD", value: "cmd", icon: TerminalSquareIcon },
+  { id: ShellTypeValues.BASH, label: "Bash", value: "bash", icon: TerminalIcon }
+];
+function scriptShellType(value) {
+  return SCRIPT_SHELL_TYPES.find((shell) => shell.value === value);
+}
+function scriptShellLabel(value) {
+  return scriptShellType(value)?.label ?? value;
+}
+export {
+  SCRIPT_SHELL_TYPES,
+  scriptShellLabel,
+  scriptShellType
+};