@temp-spotwork/ui 1.4.3

package/dist/components/molecules/datatables/row-header/row-header.d.ts

@@ -0,0 +1,48 @@
+import { ReactNode } from 'react';
+import { AvatarProps } from '../../../atoms/avatar';
+import { TypographyProps } from '../../../styles/typography';
+import { SurfaceColor } from '../../../styles/colors';
+
+export type RowHeaderProps = {
+    /**
+      Avatar - to be displayed on the top left part
+    */
+    avatar?: AvatarProps;
+    /**
+      Can be a Typography (TypographyProps) or a React node. If it is a react node, it will be displayed as is
+    */
+    primaryLine: TypographyProps | ReactNode;
+    /**
+      component that will be displayed under the title
+    */
+    secondaryLine: ReactNode;
+    /**
+     * the rowHeader bg color
+     */
+    bgColor?: SurfaceColor;
+    /**
+     * the rowHeader width in rem
+     */
+    width?: number;
+    /**
+     * the rowHeader min width in rem
+     */
+    minWidth?: number;
+    /**
+     * the rowHeader max width in rem
+     */
+    maxWidth?: number;
+    /**
+     * grow
+     */
+    grow?: number;
+    /**
+     * shrink
+     */
+    shrink?: number;
+    /**
+     * shrink
+     */
+    basis?: string | number;
+};
+export declare function RowHeader({ primaryLine, secondaryLine, avatar, width, minWidth, maxWidth, bgColor, grow, shrink, basis, }: RowHeaderProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/molecules/datatables/row-header/row-header.js

@@ -0,0 +1,63 @@
+import { jsx as e, jsxs as l } from "react/jsx-runtime";
+import x from "react";
+import { c as d } from "../../../../index-fN7hCOo3.js";
+import { contentBox as h, container as p, containerBorder as u } from "./styles.js";
+import { Avatar as v } from "../../../atoms/avatar/avatar.js";
+import { Typography as N } from "../../../styles/typography/typography.js";
+function y({
+  primaryLine: r,
+  secondaryLine: i,
+  avatar: a,
+  width: t,
+  minWidth: o,
+  maxWidth: s,
+  bgColor: c = "default",
+  grow: m = 0,
+  shrink: n = 0,
+  basis: f = "auto"
+}) {
+  return /* @__PURE__ */ e(
+    "td",
+    {
+      className: "p-0",
+      style: {
+        maxWidth: s ? `${s}rem` : void 0,
+        minWidth: o ? `${o}rem` : void 0,
+        width: t ? `${t}rem` : void 0,
+        flexGrow: m,
+        flexShrink: n,
+        flexBasis: f
+      },
+      "data-testid": "row-header-container",
+      children: /* @__PURE__ */ l(
+        "div",
+        {
+          className: d(
+            p,
+            u,
+            `bg-surface-${c}`
+          ),
+          children: [
+            a && /* @__PURE__ */ e("div", { className: "p-xxs", children: /* @__PURE__ */ e(v, { ...a }) }),
+            /* @__PURE__ */ l("div", { className: d(h), "data-testid": "row-header-box", children: [
+              /* @__PURE__ */ e("div", { className: "py-xxs mr-xl", children: x.isValidElement(r) ? r : /* @__PURE__ */ e(
+                N,
+                {
+                  swStyle: 3,
+                  color: "default",
+                  ...r,
+                  title: r.children,
+                  className: "truncate"
+                }
+              ) }),
+              /* @__PURE__ */ e("div", { className: "flex flex-wrap gap-xs", children: i })
+            ] })
+          ]
+        }
+      )
+    }
+  );
+}
+export {
+  y as RowHeader
+};

package/dist/components/molecules/datatables/row-header/styles.d.ts

@@ -0,0 +1,3 @@
+export declare const container = "flex gap-xs min-h-full px-sm py-md";
+export declare const containerBorder = "border-bcolor-subdued border-x border-t group-first/item:first:rounded-tl-xl group-last/item:first:rounded-bl-xl group-last/item:first:rounded-bl-xl group-last/item:first:border-b";
+export declare const contentBox = "flex flex-col gap-xs min-w-0";

package/dist/components/molecules/datatables/row-header/styles.js

@@ -0,0 +1,6 @@
+const r = "flex gap-xs min-h-full px-sm py-md", o = "border-bcolor-subdued border-x border-t group-first/item:first:rounded-tl-xl group-last/item:first:rounded-bl-xl group-last/item:first:rounded-bl-xl group-last/item:first:border-b", t = "flex flex-col gap-xs min-w-0";
+export {
+  r as container,
+  o as containerBorder,
+  t as contentBox
+};

package/dist/components/molecules/dataviz/donut-chart/DonutChart.stories.d.ts

@@ -0,0 +1,7 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { DonutChart } from './';
+
+declare const meta: Meta<typeof DonutChart>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Primary: Story;

package/dist/components/molecules/dataviz/donut-chart/DonutChart.stories.js

@@ -0,0 +1,20 @@
+import { f as o } from "../../../../index-DfdAzObv.js";
+import { DonutChart as t } from "./donut-chart.js";
+const e = {
+  title: "@spotwork-ui/DonutChart",
+  component: t,
+  parameters: {
+    layout: "centered"
+  },
+  tags: ["autodocs"],
+  argTypes: {
+    backgroundColor: { control: "color" }
+  },
+  args: { onClick: o() }
+}, n = {
+  args: {}
+};
+export {
+  n as Primary,
+  e as default
+};

package/dist/components/molecules/dataviz/donut-chart/donut-chart.d.ts

@@ -0,0 +1,15 @@
+export type DonutChartProps = {
+    showSummary?: boolean;
+    data: {
+        label: string;
+        value: number;
+    }[];
+    legendKey: {
+        [key: string]: string;
+    };
+    label?: string;
+    score?: number;
+    maxScore?: number;
+    donutSize?: number;
+};
+export declare function DonutChart({ showSummary, legendKey, data, label, score, maxScore, donutSize, }: DonutChartProps): import("react/jsx-runtime").JSX.Element;