@bikdotai/bik-component-library 0.0.821-beta.0 → 0.0.821-beta.2

package/dist/esm/components/agent-listing/AgentTable.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"AgentTable.js","sources":["../../../../src/components/agent-listing/AgentTable.tsx"],"sourcesContent":["import React from 'react';\nimport { TitleSmall } from '@src/components/TypographyStyle';\nimport { COLORS } from '@src/constants/Theme';\nimport { AgentListItem } from './AgentListing.model';\nimport {\n\tHeaderCell,\n\tHeaderGridRow,\n\tTableCard,\n\tTableScroll,\n} from './AgentListing.styled';\nimport { AgentTableRow } from './AgentTableRow';\n\ninterface AgentTableProps {\n\tagents: AgentListItem[];\n\tonRunAgent: (agent: AgentListItem) => void;\n\tonEditAgent: (agent: AgentListItem) => void;\n\tonRowClick?: (agent: AgentListItem) => void;\n}\n\nconst HeaderLabel: React.FC<{ children: React.ReactNode }> = ({ children }) => (\n\t<TitleSmall color={COLORS.content.primary}>{children}</TitleSmall>\n);\n\nexport const AgentTable: React.FC<AgentTableProps> = ({\n\tagents,\n\tonRunAgent,\n\tonEditAgent,\n\tonRowClick,\n}) => (\n\t<TableCard>\n\t\t<TableScroll>\n\t\t\t<HeaderGridRow>\n\t\t\t\t<HeaderCell>\n\t\t\t\t\t<HeaderLabel>Agent name</HeaderLabel>\n\t\t\t\t</HeaderCell>\n\t\t\t\t<HeaderCell>\n\t\t\t\t\t<HeaderLabel>Trigger</HeaderLabel>\n\t\t\t\t</HeaderCell>\n\t\t\t\t<HeaderCell align=\"right\">\n\t\t\t\t\t<HeaderLabel>Trigger count</HeaderLabel>\n\t\t\t\t</HeaderCell>\n\t\t\t\t<HeaderCell>\n\t\t\t\t\t<HeaderLabel>Status</HeaderLabel>\n\t\t\t\t</HeaderCell>\n\t\t\t\t<HeaderCell align=\"center\">\n\t\t\t\t\t<HeaderLabel>Actions</HeaderLabel>\n\t\t\t\t</HeaderCell>\n\t\t\t</HeaderGridRow>\n\n\t\t\t{agents.map((agent) => (\n\t\t\t\t<AgentTableRow\n\t\t\t\t\tkey={agent.id}\n\t\t\t\t\tagent={agent}\n\t\t\t\t\tonRunAgent={onRunAgent}\n\t\t\t\t\tonEditAgent={onEditAgent}\n\t\t\t\t\tonRowClick={onRowClick}\n\t\t\t\t/>\n\t\t\t))}\n\t\t</TableScroll>\n\t</TableCard>\n);\n"],"names":["HeaderLabel","children","jsx","TitleSmall","COLORS","AgentTable","agents","onRunAgent","onEditAgent","onRowClick","TableCard","jsxs","TableScroll","HeaderGridRow","HeaderCell","agent","AgentTableRow"],"mappings":";;;;;AAmBA,MAAMA,IAAuD,CAAC,EAAE,UAAAC,EAAA,MAC/D,gBAAAC,EAACC,GAAA,EAAW,OAAOC,EAAO,QAAQ,SAAU,UAAAH,EAAA,CAAS,GAGzCI,IAAwC,CAAC;AAAA,EACrD,QAAAC;AAAA,EACA,YAAAC;AAAA,EACA,aAAAC;AAAA,EACA,YAAAC;AACD,MACC,gBAAAP,EAACQ,GAAA,EACA,UAAA,gBAAAC,EAACC,GAAA,EACA,UAAA;AAAA,EAAA,gBAAAD,EAACE,GAAA,EACA,UAAA;AAAA,IAAA,gBAAAX,EAACY,GAAA,EACA,UAAA,gBAAAZ,EAACF,GAAA,EAAY,UAAA,aAAA,CAAU,GACxB;AAAA,IACA,gBAAAE,EAACY,GAAA,EACA,UAAA,gBAAAZ,EAACF,GAAA,EAAY,qBAAO,GACrB;AAAA,sBACCc,GAAA,EAAW,OAAM,SACjB,UAAA,gBAAAZ,EAACF,GAAA,EAAY,2BAAa,EAAA,CAC3B;AAAA,IACA,gBAAAE,EAACY,GAAA,EACA,UAAA,gBAAAZ,EAACF,GAAA,EAAY,oBAAM,GACpB;AAAA,sBACCc,GAAA,EAAW,OAAM,UACjB,UAAA,gBAAAZ,EAACF,GAAA,EAAY,qBAAO,EAAA,CACrB;AAAA,EAAA,GACD;AAAA,EAECM,EAAO,IAAI,CAACS,MACZ,gBAAAb;AAAA,IAACc;AAAA,IAAA;AAAA,MAEA,OAAAD;AAAA,MACA,YAAAR;AAAA,MACA,aAAAC;AAAA,MACA,YAAAC;AAAA,IAAA;AAAA,IAJKM,EAAM;AAAA,EAAA,CAMZ;AAAA,EAAA,CACF,EAAA,CACD;"}

package/dist/esm/components/agent-listing/AgentTableRow.d.ts

@@ -1,10 +0,0 @@
-import { default as React } from 'react';
-import { AgentListItem } from './AgentListing.model';
-interface AgentTableRowProps {
-    agent: AgentListItem;
-    onRunAgent: (agent: AgentListItem) => void;
-    onEditAgent: (agent: AgentListItem) => void;
-    onRowClick?: (agent: AgentListItem) => void;
-}
-export declare const AgentTableRow: React.FC<AgentTableRowProps>;
-export {};

package/dist/esm/components/agent-listing/AgentTableRow.js

@@ -1,88 +0,0 @@
-import { jsx as i, jsxs as e } from "react/jsx-runtime";
-import b from "../../assets/icons/edit.svg.js";
-import y from "../../assets/icons/playOutline.svg.js";
-import { TitleSmall as f, BodyCaption as T, BodyPrimary as d } from "../TypographyStyle.js";
-import { COLORS as t } from "../../constants/Theme.js";
-import { ActionButton as s, BodyGridRow as v, Cell as o, ActionGroup as L } from "./AgentListing.styled.js";
-import { Tag as w } from "../tag/Tag.js";
-import { Tooltip as x } from "../tooltips/Tooltip.js";
-const C = (r) => {
-  switch (r.kind) {
-    case "topic":
-      return `Topic: ${r.label ?? ""}`;
-    case "phrases":
-      return `Phrases: ${(r.items ?? []).join(", ")}`;
-    default:
-      return r.label ?? "";
-  }
-}, g = ({
-  agent: r,
-  onRunAgent: p,
-  onEditAgent: m,
-  onRowClick: n
-}) => {
-  const a = r.status === "live", h = (l) => {
-    l.stopPropagation(), !r.isRunDisabled && p(r);
-  }, u = (l) => {
-    l.stopPropagation(), m(r);
-  }, c = /* @__PURE__ */ i(
-    s,
-    {
-      "data-test": `agent-row-run-${r.id}`,
-      disabled: r.isRunDisabled,
-      onClick: h,
-      "aria-label": "Run agent",
-      children: /* @__PURE__ */ i(
-        y,
-        {
-          width: 20,
-          height: 20,
-          color: t.content.secondary
-        }
-      )
-    }
-  );
-  return /* @__PURE__ */ e(
-    v,
-    {
-      "data-test": `agent-row-${r.id}`,
-      clickable: !!n,
-      onClick: n ? () => n(r) : void 0,
-      children: [
-        /* @__PURE__ */ e(o, { children: [
-          /* @__PURE__ */ i(f, { numberOfLines: 1, color: t.content.primary, children: r.name }),
-          /* @__PURE__ */ e(T, { numberOfLines: 1, color: t.content.secondary, children: [
-            "Created: ",
-            r.createdAtLabel
-          ] })
-        ] }),
-        /* @__PURE__ */ i(o, { children: /* @__PURE__ */ i(d, { numberOfLines: 2, color: t.content.primary, children: C(r.trigger) }) }),
-        /* @__PURE__ */ i(o, { align: "right", children: /* @__PURE__ */ i(d, { color: t.content.primary, children: r.triggerCount }) }),
-        /* @__PURE__ */ i(o, { children: /* @__PURE__ */ i(
-          w,
-          {
-            tagText: a ? "Live" : "Draft",
-            type: a ? "positive" : "neutral",
-            variant: "regular"
-          }
-        ) }),
-        /* @__PURE__ */ i(o, { align: "center", children: /* @__PURE__ */ e(L, { children: [
-          r.isRunDisabled && r.runDisabledTooltip ? /* @__PURE__ */ i(x, { body: r.runDisabledTooltip, placement: "top", children: /* @__PURE__ */ i("span", { style: { display: "flex" }, children: c }) }) : c,
-          /* @__PURE__ */ i(
-            s,
-            {
-              "data-test": `agent-row-edit-${r.id}`,
-              onClick: u,
-              "aria-label": "Edit agent",
-              children: /* @__PURE__ */ i(b, { width: 20, height: 20, color: t.content.secondary })
-            }
-          )
-        ] }) })
-      ]
-    }
-  );
-};
-export {
-  g as AgentTableRow
-};
-//# sourceMappingURL=AgentTableRow.js.map

package/dist/esm/components/agent-listing/AgentTableRow.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"AgentTableRow.js","sources":["../../../../src/components/agent-listing/AgentTableRow.tsx"],"sourcesContent":["import EditIcon from '@src/assets/icons/edit.svg';\nimport PlayOutlineIcon from '@src/assets/icons/playOutline.svg';\nimport React from 'react';\nimport { Tag } from '@src/components/tag';\nimport { Tooltip } from '@src/components/tooltips';\nimport {\n\tBodyCaption,\n\tBodyPrimary,\n\tTitleSmall,\n} from '@src/components/TypographyStyle';\nimport { COLORS } from '@src/constants/Theme';\nimport { AgentListItem, AgentTriggerSummary } from './AgentListing.model';\nimport {\n\tActionButton,\n\tActionGroup,\n\tBodyGridRow,\n\tCell,\n} from './AgentListing.styled';\n\nconst triggerToText = (trigger: AgentTriggerSummary): string => {\n\tswitch (trigger.kind) {\n\t\tcase 'topic':\n\t\t\treturn `Topic: ${trigger.label ?? ''}`;\n\t\tcase 'phrases':\n\t\t\treturn `Phrases: ${(trigger.items ?? []).join(', ')}`;\n\t\tcase 'custom':\n\t\tdefault:\n\t\t\treturn trigger.label ?? '';\n\t}\n};\n\ninterface AgentTableRowProps {\n\tagent: AgentListItem;\n\tonRunAgent: (agent: AgentListItem) => void;\n\tonEditAgent: (agent: AgentListItem) => void;\n\tonRowClick?: (agent: AgentListItem) => void;\n}\n\nexport const AgentTableRow: React.FC<AgentTableRowProps> = ({\n\tagent,\n\tonRunAgent,\n\tonEditAgent,\n\tonRowClick,\n}) => {\n\tconst isLive = agent.status === 'live';\n\n\tconst handleRun = (e: React.MouseEvent) => {\n\t\te.stopPropagation();\n\t\tif (agent.isRunDisabled) {\n\t\t\treturn;\n\t\t}\n\t\tonRunAgent(agent);\n\t};\n\n\tconst handleEdit = (e: React.MouseEvent) => {\n\t\te.stopPropagation();\n\t\tonEditAgent(agent);\n\t};\n\n\tconst playButton = (\n\t\t<ActionButton\n\t\t\tdata-test={`agent-row-run-${agent.id}`}\n\t\t\tdisabled={agent.isRunDisabled}\n\t\t\tonClick={handleRun}\n\t\t\taria-label=\"Run agent\"\n\t\t>\n\t\t\t<PlayOutlineIcon\n\t\t\t\twidth={20}\n\t\t\t\theight={20}\n\t\t\t\tcolor={COLORS.content.secondary}\n\t\t\t/>\n\t\t</ActionButton>\n\t);\n\n\treturn (\n\t\t<BodyGridRow\n\t\t\tdata-test={`agent-row-${agent.id}`}\n\t\t\tclickable={!!onRowClick}\n\t\t\tonClick={onRowClick ? () => onRowClick(agent) : undefined}\n\t\t>\n\t\t\t<Cell>\n\t\t\t\t<TitleSmall numberOfLines={1} color={COLORS.content.primary}>\n\t\t\t\t\t{agent.name}\n\t\t\t\t</TitleSmall>\n\t\t\t\t<BodyCaption numberOfLines={1} color={COLORS.content.secondary}>\n\t\t\t\t\tCreated: {agent.createdAtLabel}\n\t\t\t\t</BodyCaption>\n\t\t\t</Cell>\n\n\t\t\t<Cell>\n\t\t\t\t<BodyPrimary numberOfLines={2} color={COLORS.content.primary}>\n\t\t\t\t\t{triggerToText(agent.trigger)}\n\t\t\t\t</BodyPrimary>\n\t\t\t</Cell>\n\n\t\t\t<Cell align=\"right\">\n\t\t\t\t<BodyPrimary color={COLORS.content.primary}>\n\t\t\t\t\t{agent.triggerCount}\n\t\t\t\t</BodyPrimary>\n\t\t\t</Cell>\n\n\t\t\t<Cell>\n\t\t\t\t<Tag\n\t\t\t\t\ttagText={isLive ? 'Live' : 'Draft'}\n\t\t\t\t\ttype={isLive ? 'positive' : 'neutral'}\n\t\t\t\t\tvariant=\"regular\"\n\t\t\t\t/>\n\t\t\t</Cell>\n\n\t\t\t<Cell align=\"center\">\n\t\t\t\t<ActionGroup>\n\t\t\t\t\t{agent.isRunDisabled && agent.runDisabledTooltip ? (\n\t\t\t\t\t\t<Tooltip body={agent.runDisabledTooltip} placement=\"top\">\n\t\t\t\t\t\t\t<span style={{ display: 'flex' }}>{playButton}</span>\n\t\t\t\t\t\t</Tooltip>\n\t\t\t\t\t) : (\n\t\t\t\t\t\tplayButton\n\t\t\t\t\t)}\n\t\t\t\t\t<ActionButton\n\t\t\t\t\t\tdata-test={`agent-row-edit-${agent.id}`}\n\t\t\t\t\t\tonClick={handleEdit}\n\t\t\t\t\t\taria-label=\"Edit agent\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<EditIcon width={20} height={20} color={COLORS.content.secondary} />\n\t\t\t\t\t</ActionButton>\n\t\t\t\t</ActionGroup>\n\t\t\t</Cell>\n\t\t</BodyGridRow>\n\t);\n};\n"],"names":["triggerToText","trigger","AgentTableRow","agent","onRunAgent","onEditAgent","onRowClick","isLive","handleRun","e","handleEdit","playButton","jsx","ActionButton","PlayOutlineIcon","COLORS","jsxs","BodyGridRow","Cell","TitleSmall","BodyCaption","BodyPrimary","Tag","ActionGroup","Tooltip","EditIcon"],"mappings":"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"}

package/dist/esm/components/agent-listing/index.d.ts

@@ -1,2 +0,0 @@
-export { AgentListing } from './AgentListing';
-export type { AgentListingProps, AgentListingConfig, AgentListItem, AgentTriggerSummary, AgentListSortOption, AgentListingPagination, AgentStatus as AgentListingStatus, } from './AgentListing.model';