@altimateai/ui-components 0.0.64 → 0.0.66-beta1

package/dist/storybook/ToggleGroup.stories.tsx

@@ -0,0 +1,178 @@
+import { Meta, StoryObj } from "@storybook/react";
+import { ToggleGroup, ToggleGroupItem } from "../shadcn";
+import {
+  IconBold,
+  IconItalic,
+  IconUnderline,
+  IconAlignLeft,
+  IconAlignCenter,
+  IconAlignRight,
+} from "@tabler/icons-react";
+
+const meta: Meta<typeof ToggleGroup> = {
+  title: "Shadcn/Components/ToggleGroup",
+  component: ToggleGroup,
+};
+
+export default meta;
+type Story = StoryObj<typeof ToggleGroup>;
+
+export const Default: Story = {
+  render: () => (
+    <ToggleGroup type="single">
+      <ToggleGroupItem value="bold" aria-label="Toggle bold">
+        <IconBold className="al-size-4" />
+      </ToggleGroupItem>
+      <ToggleGroupItem value="italic" aria-label="Toggle italic">
+        <IconItalic className="al-size-4" />
+      </ToggleGroupItem>
+      <ToggleGroupItem value="underline" aria-label="Toggle underline">
+        <IconUnderline className="al-size-4" />
+      </ToggleGroupItem>
+    </ToggleGroup>
+  ),
+};
+
+export const Multiple: Story = {
+  render: () => (
+    <ToggleGroup type="multiple">
+      <ToggleGroupItem value="bold" aria-label="Toggle bold">
+        <IconBold className="al-size-4" />
+      </ToggleGroupItem>
+      <ToggleGroupItem value="italic" aria-label="Toggle italic">
+        <IconItalic className="al-size-4" />
+      </ToggleGroupItem>
+      <ToggleGroupItem value="underline" aria-label="Toggle underline">
+        <IconUnderline className="al-size-4" />
+      </ToggleGroupItem>
+    </ToggleGroup>
+  ),
+};
+
+export const Outline: Story = {
+  render: () => (
+    <ToggleGroup type="single" variant="outline">
+      <ToggleGroupItem value="left" aria-label="Align left">
+        <IconAlignLeft className="al-size-4" />
+      </ToggleGroupItem>
+      <ToggleGroupItem value="center" aria-label="Align center">
+        <IconAlignCenter className="al-size-4" />
+      </ToggleGroupItem>
+      <ToggleGroupItem value="right" aria-label="Align right">
+        <IconAlignRight className="al-size-4" />
+      </ToggleGroupItem>
+    </ToggleGroup>
+  ),
+};
+
+export const Small: Story = {
+  render: () => (
+    <ToggleGroup type="single" size="sm">
+      <ToggleGroupItem value="bold" aria-label="Toggle bold">
+        <IconBold className="al-size-4" />
+      </ToggleGroupItem>
+      <ToggleGroupItem value="italic" aria-label="Toggle italic">
+        <IconItalic className="al-size-4" />
+      </ToggleGroupItem>
+      <ToggleGroupItem value="underline" aria-label="Toggle underline">
+        <IconUnderline className="al-size-4" />
+      </ToggleGroupItem>
+    </ToggleGroup>
+  ),
+};
+
+export const Large: Story = {
+  render: () => (
+    <ToggleGroup type="single" size="lg">
+      <ToggleGroupItem value="bold" aria-label="Toggle bold">
+        <IconBold className="al-size-4" />
+      </ToggleGroupItem>
+      <ToggleGroupItem value="italic" aria-label="Toggle italic">
+        <IconItalic className="al-size-4" />
+      </ToggleGroupItem>
+      <ToggleGroupItem value="underline" aria-label="Toggle underline">
+        <IconUnderline className="al-size-4" />
+      </ToggleGroupItem>
+    </ToggleGroup>
+  ),
+};
+
+export const WithText: Story = {
+  render: () => (
+    <ToggleGroup type="single" variant="outline">
+      <ToggleGroupItem value="left" aria-label="Align left">
+        <IconAlignLeft className="al-size-4" />
+        <span>Left</span>
+      </ToggleGroupItem>
+      <ToggleGroupItem value="center" aria-label="Align center">
+        <IconAlignCenter className="al-size-4" />
+        <span>Center</span>
+      </ToggleGroupItem>
+      <ToggleGroupItem value="right" aria-label="Align right">
+        <IconAlignRight className="al-size-4" />
+        <span>Right</span>
+      </ToggleGroupItem>
+    </ToggleGroup>
+  ),
+};
+
+export const Disabled: Story = {
+  render: () => (
+    <ToggleGroup type="single">
+      <ToggleGroupItem value="bold" aria-label="Toggle bold">
+        <IconBold className="al-size-4" />
+      </ToggleGroupItem>
+      <ToggleGroupItem value="italic" aria-label="Toggle italic" disabled>
+        <IconItalic className="al-size-4" />
+      </ToggleGroupItem>
+      <ToggleGroupItem value="underline" aria-label="Toggle underline">
+        <IconUnderline className="al-size-4" />
+      </ToggleGroupItem>
+    </ToggleGroup>
+  ),
+};
+
+export const DefaultValue: Story = {
+  render: () => (
+    <ToggleGroup type="single" defaultValue="italic" variant="outline">
+      <ToggleGroupItem value="bold" aria-label="Toggle bold">
+        <IconBold className="al-size-4" />
+      </ToggleGroupItem>
+      <ToggleGroupItem value="italic" aria-label="Toggle italic">
+        <IconItalic className="al-size-4" />
+      </ToggleGroupItem>
+      <ToggleGroupItem value="underline" aria-label="Toggle underline">
+        <IconUnderline className="al-size-4" />
+      </ToggleGroupItem>
+    </ToggleGroup>
+  ),
+};
+
+export const FormattingToolbar: Story = {
+  render: () => (
+    <div className="al-flex al-flex-col al-gap-4">
+      <ToggleGroup type="multiple" variant="outline">
+        <ToggleGroupItem value="bold" aria-label="Toggle bold">
+          <IconBold className="al-size-4" />
+        </ToggleGroupItem>
+        <ToggleGroupItem value="italic" aria-label="Toggle italic">
+          <IconItalic className="al-size-4" />
+        </ToggleGroupItem>
+        <ToggleGroupItem value="underline" aria-label="Toggle underline">
+          <IconUnderline className="al-size-4" />
+        </ToggleGroupItem>
+      </ToggleGroup>
+      <ToggleGroup type="single" variant="outline">
+        <ToggleGroupItem value="left" aria-label="Align left">
+          <IconAlignLeft className="al-size-4" />
+        </ToggleGroupItem>
+        <ToggleGroupItem value="center" aria-label="Align center">
+          <IconAlignCenter className="al-size-4" />
+        </ToggleGroupItem>
+        <ToggleGroupItem value="right" aria-label="Align right">
+          <IconAlignRight className="al-size-4" />
+        </ToggleGroupItem>
+      </ToggleGroup>
+    </div>
+  ),
+};

package/dist/timeline-definition-IT6M3QCI.js

@@ -1,4 +1,4 @@
-import { $ as s, ar as xt, aL as kt, al as vt, a5 as _t, ab as E, aM as bt, aN as wt, aO as St, aP as Et } from "./CoachForm.js";
+import { a1 as s, at as xt, aN as kt, an as vt, a7 as _t, ad as E, aO as bt, aP as wt, aQ as St, aR as Et } from "./CoachForm.js";
 import { s as q } from "./redux-toolkit.modern.js";
 import { d as nt } from "./arc.js";
 var X = function() {
@@ -63,7 +63,7 @@ var X = function() {
       }
     }, "parseError"),
     parse: /* @__PURE__ */ s(function(i) {
-      var a = this, h = [0], u = [], y = [null], o = [], S = this.table, k = "", M = 0, C = 0, B = 2, J = 1, O = o.slice.call(arguments, 1), v = Object.create(this.lexer), N = { yy: {} };
+      var a = this, h = [0], u = [], y = [null], o = [], S = this.table, k = "", M = 0, C = 0, B = 2, Q = 1, O = o.slice.call(arguments, 1), v = Object.create(this.lexer), N = { yy: {} };
       for (var L in this.yy)
         Object.prototype.hasOwnProperty.call(this.yy, L) && (N.yy[L] = this.yy[L]);
       v.setInput(i, N.yy), N.yy.lexer = v, N.yy.parser = this, typeof v.yylloc > "u" && (v.yylloc = {});
@@ -77,18 +77,18 @@ var X = function() {
       s(R, "popStack");
       function A() {
         var T;
-        return T = u.pop() || v.lex() || J, typeof T != "number" && (T instanceof Array && (u = T, T = u.pop()), T = a.symbols_[T] || T), T;
+        return T = u.pop() || v.lex() || Q, typeof T != "number" && (T instanceof Array && (u = T, T = u.pop()), T = a.symbols_[T] || T), T;
       }
       s(A, "lex");
-      for (var w, P, I, K, z = {}, j, H, et, G; ; ) {
+      for (var w, P, I, J, z = {}, j, H, et, G; ; ) {
         if (P = h[h.length - 1], this.defaultActions[P] ? I = this.defaultActions[P] : ((w === null || typeof w > "u") && (w = A()), I = S[P] && S[P][w]), typeof I > "u" || !I.length || !I[0]) {
-          var Q = "";
+          var K = "";
           G = [];
           for (j in S[P])
             this.terminals_[j] && j > B && G.push("'" + this.terminals_[j] + "'");
-          v.showPosition ? Q = "Parse error on line " + (M + 1) + `:
+          v.showPosition ? K = "Parse error on line " + (M + 1) + `:
 ` + v.showPosition() + `
-Expecting ` + G.join(", ") + ", got '" + (this.terminals_[w] || w) + "'" : Q = "Parse error on line " + (M + 1) + ": Unexpected " + (w == J ? "end of input" : "'" + (this.terminals_[w] || w) + "'"), this.parseError(Q, {
+Expecting ` + G.join(", ") + ", got '" + (this.terminals_[w] || w) + "'" : K = "Parse error on line " + (M + 1) + ": Unexpected " + (w == Q ? "end of input" : "'" + (this.terminals_[w] || w) + "'"), this.parseError(K, {
             text: v.match,
             token: this.terminals_[w] || w,
             line: v.yylineno,
@@ -111,7 +111,7 @@ Expecting ` + G.join(", ") + ", got '" + (this.terminals_[w] || w) + "'" : Q = "
             }, $ && (z._$.range = [
               o[o.length - (H || 1)].range[0],
               o[o.length - 1].range[1]
-            ]), K = this.performAction.apply(z, [
+            ]), J = this.performAction.apply(z, [
               k,
               C,
               M,
@@ -119,8 +119,8 @@ Expecting ` + G.join(", ") + ", got '" + (this.terminals_[w] || w) + "'" : Q = "
               I[1],
               y,
               o
-            ].concat(O)), typeof K < "u")
-              return K;
+            ].concat(O)), typeof J < "u")
+              return J;
             H && (h = h.slice(0, -1 * H * 2), y = y.slice(0, -1 * H), o = o.slice(0, -1 * H)), h.push(this.productions_[I[1]][0]), y.push(z.$), o.push(z._$), et = S[h[h.length - 2]][h[h.length - 1]], h.push(et);
             break;
           case 3:
@@ -791,12 +791,12 @@ var Ft = /* @__PURE__ */ s(function(n, t, e, l) {
   .eventWrapper  {
    filter: brightness(120%);
   }
-`, "getStyles"), qt = Gt, Kt = {
+`, "getStyles"), qt = Gt, Jt = {
   db: at,
   renderer: Ot,
   parser: Tt,
   styles: qt
 };
 export {
-  Kt as diagram
+  Jt as diagram
 };

package/dist/{types-B4_bdpWO.d.ts → types-N2nctlGV.d.ts}

@@ -23,15 +23,22 @@ interface Feedback {
     rating?: "up" | "down";
     comment?: string;
 }
-interface ContextOption {
+type ContextOption = {
     label: string;
     key: string;
-    options?: {
+    type: "submenu";
+    options: {
         id: string;
         label: string;
     }[];
-    type?: "submenu";
-}
+    icon?: ReactNode;
+} | {
+    label: string;
+    key: string;
+    type: "trigger";
+    handler?: () => void;
+    icon?: ReactNode;
+};
 interface ChatSession {
     id: string;
     messages: ChatMessage[];
@@ -43,6 +50,7 @@ interface ChatSession {
     mode?: string;
     datamates?: string[];
     status?: SessionStatusEnum;
+    userInput?: string;
 }
 interface FileUploadProps {
     allowedFiles: string;
@@ -90,7 +98,7 @@ interface Mode {
     icon?: ReactNode;
 }
 interface ChatbotProps {
-    helloMessage?: React.ReactNode;
+    helloMessage?: ReactNode;
     assistantMeta?: AssistantMeta;
     context?: Record<string, unknown>;
     fileUploadProps?: FileUploadProps;
@@ -105,6 +113,10 @@ interface ChatbotProps {
     initialMessage?: string;
     questionFormLeftActions?: ReactNode[];
     refetchSession?: () => Promise<unknown>;
+    chatboxStartPosition?: "middle" | "bottom";
+    helloMessageFooter?: ReactNode;
+    handleSavePrompt?: (message: ChatMessage) => void;
+    showSavePromptButton?: boolean;
 }
 interface ChatbotProviderProps extends ChatbotProps {
     taskLabel?: keyof typeof TaskLabels;
@@ -127,6 +139,7 @@ interface ChatbotProviderProps extends ChatbotProps {
     sessions?: Record<string, ChatSession>;
     currentSessionId?: string;
     selectedDatamateId?: string;
+    handleSavePrompt?: (message: ChatMessage) => void;
 }
 type InteractionType = "text" | "select" | "multiSelect" | "confirm";
 interface InteractionChoice {

package/dist/xychartDiagram-PRI3JC2R.js

@@ -1,4 +1,4 @@
-import { $ as a, bt as gi, ab as Xt, aH as Wt, az as xi, au as St, at as Nt, as as di, aa as fi, af as Yt, a1 as pi, a2 as mi, ae as yi, a3 as bi, a4 as Ai, al as wi, ax as Ci, ac as Si } from "./CoachForm.js";
+import { a1 as a, bv as gi, ad as Xt, aJ as Wt, aB as xi, aw as St, av as Nt, au as di, ac as fi, ah as Yt, a3 as pi, a4 as mi, ag as yi, a5 as bi, a6 as Ai, an as wi, az as Ci, ae as Si } from "./CoachForm.js";
 import "./redux-toolkit.modern.js";
 import { i as _i } from "./init.js";
 import { o as ki } from "./ordinal.js";
@@ -809,7 +809,7 @@ var j, Ht = (j = class {
   getScaleValue(t) {
     return this.scale(t) ?? this.getRange()[0];
   }
-}, a(K, "BandAxis"), K), Z, vi = (Z = class extends Ut {
+}, a(K, "BandAxis"), K), J, vi = (J = class extends Ut {
   constructor(t, i, s, n, o) {
     super(t, n, o, i), this.domain = s, this.scale = zt().domain(this.domain).range(this.getRange());
   }
@@ -823,7 +823,7 @@ var j, Ht = (j = class {
   getScaleValue(t) {
     return this.scale(t);
   }
-}, a(Z, "LinearAxis"), Z);
+}, a(J, "LinearAxis"), J);
 function wt(e, t, i, s) {
   const n = new Ht(s);
   return _t(e) ? new Di(
@@ -841,7 +841,7 @@ function wt(e, t, i, s) {
   );
 }
 a(wt, "getAxis");
-var J, Pi = (J = class {
+var Z, Pi = (Z = class {
   constructor(t, i, s, n) {
     this.textDimensionCalculator = t, this.chartConfig = i, this.chartData = s, this.chartThemeConfig = n, this.boundingRect = {
       x: 0,
@@ -882,7 +882,7 @@ var J, Pi = (J = class {
       ]
     }), t;
   }
-}, a(J, "ChartTitle"), J);
+}, a(Z, "ChartTitle"), Z);
 function $t(e, t, i, s) {
   const n = new Ht(s);
   return new Pi(n, e, t, i);
@@ -1150,18 +1150,18 @@ function vt(e, t) {
   A.xAxis = { type: "linear", title: A.xAxis.title, min: e, max: t }, gt = !0;
 }
 a(vt, "setXAxisRangeData");
-function Zt(e) {
+function Jt(e) {
   A.xAxis = {
     type: "band",
     title: A.xAxis.title,
     categories: e.map((t) => xt(t.text))
   }, gt = !0;
 }
-a(Zt, "setXAxisBand");
-function Jt(e) {
+a(Jt, "setXAxisBand");
+function Zt(e) {
   A.yAxis.title = xt(e.text);
 }
-a(Jt, "setYAxisTitle");
+a(Zt, "setYAxisTitle");
 function ti(e, t) {
   A.yAxis = { type: "linear", title: A.yAxis.title, min: e, max: t }, kt = !0;
 }
@@ -1248,8 +1248,8 @@ var Bi = /* @__PURE__ */ a(function() {
   setOrientation: Qt,
   setXAxisTitle: Kt,
   setXAxisRangeData: vt,
-  setXAxisBand: Zt,
-  setYAxisTitle: Jt,
+  setXAxisBand: Jt,
+  setYAxisTitle: Zt,
   setYAxisRangeData: ti,
   setLineData: ei,
   setBarData: si,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@altimateai/ui-components",
-  "version": "0.0.64",
+  "version": "0.0.66-beta1",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/AltimateAI/altimate-components.git"