@accreditation/ui 1.0.0

package/dist/components/organisms/chart/chart.js

@@ -0,0 +1,226 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+var recharts = require('recharts');
+var utils = require('../../../lib/utils');
+var card = require('../../molecules/card');
+
+function _interopNamespace(e) {
+  if (e && e.__esModule) return e;
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+
+var React__namespace = /*#__PURE__*/_interopNamespace(React);
+
+const ChartContext = React__namespace.createContext(null);
+function useChart() {
+  const ctx = React__namespace.useContext(ChartContext);
+  if (!ctx) {
+    throw new Error("Chart components must be used within ChartContainer");
+  }
+  return ctx;
+}
+function ChartContainer(props) {
+  const { config, id: idProp, children, style, className } = props;
+  const generatedId = React__namespace.useId();
+  const chartId = idProp ?? `chart-${generatedId.replace(/:/g, "")}`;
+  return /* @__PURE__ */ jsxRuntime.jsx(ChartContext.Provider, { value: { config }, children: /* @__PURE__ */ jsxRuntime.jsxs(
+    card.Card,
+    {
+      "data-surface-chart": chartId,
+      className: utils.cn(
+        "relative h-full min-h-[200px] w-full text-xs text-foreground",
+        className
+      ),
+      style,
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx(ChartStyle, { chartId, config }),
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute inset-0", children: /* @__PURE__ */ jsxRuntime.jsx(recharts.ResponsiveContainer, { width: "100%", height: "100%", minHeight: 200, children }) })
+      ]
+    }
+  ) });
+}
+ChartContainer.displayName = "Chart.Container";
+function ChartStyle({
+  chartId,
+  config
+}) {
+  const entries = Object.entries(config).filter(
+    ([, c]) => c.color != null || c.theme != null
+  );
+  if (entries.length === 0) return null;
+  const css = `[data-surface-chart="${chartId}"] { ${entries.map(([key, c]) => {
+    const color = c.color ?? c.theme?.light;
+    return color ? `--color-${key}: ${color};` : "";
+  }).filter(Boolean).join(" ")} }`;
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "style",
+    {
+      dangerouslySetInnerHTML: { __html: css }
+    }
+  );
+}
+const ChartTooltip = recharts.Tooltip;
+function getPayloadConfig(config, item, key) {
+  if (typeof item !== "object" || item === null) return void 0;
+  const dataKey = item.dataKey ?? key;
+  return config[dataKey] ?? config[key];
+}
+function ChartTooltipContent(props) {
+  const {
+    active,
+    payload,
+    label,
+    hideLabel = false,
+    hideIndicator = false,
+    indicator = "dot",
+    labelFormatter,
+    formatter,
+    nameKey,
+    style,
+    className
+  } = props;
+  const { config } = useChart();
+  if (!active || !payload?.length) return null;
+  const labelContent = !hideLabel && payload.length > 0 && (label != null || labelFormatter) ? labelFormatter && payload[0] ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "font-semibold", children: labelFormatter(label, payload) }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "font-semibold", children: String(label ?? "") }) : null;
+  const nestLabel = payload.length === 1 && indicator !== "dot";
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      className: utils.cn(
+        "grid min-w-32 gap-1 rounded-lg border border-border bg-background p-1 px-2 text-xs shadow-[var(--shadow-2)]",
+        className
+      ),
+      style,
+      children: [
+        !nestLabel ? labelContent : null,
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid gap-1", children: payload.filter((item) => item.type !== "none").map((item, index) => {
+          const key = nameKey ?? item.name ?? item.dataKey ?? "value";
+          const itemConfig = getPayloadConfig(config, item, key);
+          const color = item.color ?? item.payload?.fill ?? itemConfig?.color;
+          const fillColor = color ?? "var(--border)";
+          const itemLabel = itemConfig?.label ?? item.name;
+          const value = item.value;
+          return /* @__PURE__ */ jsxRuntime.jsx(
+            "div",
+            {
+              className: utils.cn(
+                "flex gap-2",
+                indicator === "dot" ? "items-center" : "items-stretch"
+              ),
+              children: formatter && value !== void 0 && item.name ? formatter(
+                value,
+                item.name ?? "",
+                item,
+                index,
+                item.payload ?? item
+              ) : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+                !hideIndicator && /* @__PURE__ */ jsxRuntime.jsx(
+                  "div",
+                  {
+                    className: "shrink-0 rounded-sm",
+                    style: {
+                      width: indicator === "dot" ? 10 : indicator === "line" ? 4 : 0,
+                      height: indicator === "dot" ? 10 : "auto",
+                      minHeight: indicator === "dashed" ? 2 : void 0,
+                      backgroundColor: fillColor,
+                      border: indicator === "dashed" ? `1.5px dashed ${fillColor}` : "none"
+                    }
+                  }
+                ),
+                /* @__PURE__ */ jsxRuntime.jsxs(
+                  "div",
+                  {
+                    className: utils.cn(
+                      "flex flex-1 justify-between gap-2",
+                      nestLabel ? "items-end" : "items-center"
+                    ),
+                    children: [
+                      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "min-w-0", children: [
+                        nestLabel ? labelContent : null,
+                        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "truncate text-muted-foreground", children: itemLabel })
+                      ] }),
+                      value !== void 0 && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "shrink-0 font-medium tabular-nums", children: typeof value === "number" ? value.toLocaleString() : String(value) })
+                    ]
+                  }
+                )
+              ] })
+            },
+            item.dataKey ?? index
+          );
+        }) })
+      ]
+    }
+  );
+}
+ChartTooltipContent.displayName = "Chart.TooltipContent";
+const ChartLegend = recharts.Legend;
+function ChartLegendContent(props) {
+  const {
+    payload,
+    verticalAlign = "bottom",
+    hideIcon = false,
+    nameKey,
+    style,
+    className
+  } = props;
+  const { config } = useChart();
+  if (!payload?.length) return null;
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      className: utils.cn(
+        "flex flex-wrap items-center justify-center gap-2",
+        verticalAlign === "top" ? "pt-0 pb-2" : "pt-2 pb-0",
+        className
+      ),
+      style,
+      children: payload.filter((item) => item.type !== "none").map((item) => {
+        const key = nameKey ?? item.dataKey ?? "value";
+        const itemConfig = getPayloadConfig(config, item, key);
+        const color = item.color ?? itemConfig?.color;
+        return /* @__PURE__ */ jsxRuntime.jsxs(
+          "div",
+          {
+            className: "flex items-center gap-1",
+            children: [
+              itemConfig?.icon && !hideIcon ? /* @__PURE__ */ jsxRuntime.jsx(itemConfig.icon, {}) : /* @__PURE__ */ jsxRuntime.jsx(
+                "div",
+                {
+                  className: "h-2 w-2 shrink-0 rounded-sm",
+                  style: {
+                    backgroundColor: color ?? "var(--border)"
+                  }
+                }
+              ),
+              /* @__PURE__ */ jsxRuntime.jsx("span", { children: itemConfig?.label ?? item.value })
+            ]
+          },
+          item.value ?? key
+        );
+      })
+    }
+  );
+}
+ChartLegendContent.displayName = "Chart.LegendContent";
+
+exports.ChartContainer = ChartContainer;
+exports.ChartLegend = ChartLegend;
+exports.ChartLegendContent = ChartLegendContent;
+exports.ChartStyle = ChartStyle;
+exports.ChartTooltip = ChartTooltip;
+exports.ChartTooltipContent = ChartTooltipContent;

package/dist/components/organisms/chart/chart.mjs

@@ -0,0 +1,199 @@
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import * as React from 'react';
+import { Legend, Tooltip, ResponsiveContainer } from 'recharts';
+import { cn } from '../../../lib/utils';
+import { Card } from '../../molecules/card';
+
+const ChartContext = React.createContext(null);
+function useChart() {
+  const ctx = React.useContext(ChartContext);
+  if (!ctx) {
+    throw new Error("Chart components must be used within ChartContainer");
+  }
+  return ctx;
+}
+function ChartContainer(props) {
+  const { config, id: idProp, children, style, className } = props;
+  const generatedId = React.useId();
+  const chartId = idProp ?? `chart-${generatedId.replace(/:/g, "")}`;
+  return /* @__PURE__ */ jsx(ChartContext.Provider, { value: { config }, children: /* @__PURE__ */ jsxs(
+    Card,
+    {
+      "data-surface-chart": chartId,
+      className: cn(
+        "relative h-full min-h-[200px] w-full text-xs text-foreground",
+        className
+      ),
+      style,
+      children: [
+        /* @__PURE__ */ jsx(ChartStyle, { chartId, config }),
+        /* @__PURE__ */ jsx("div", { className: "absolute inset-0", children: /* @__PURE__ */ jsx(ResponsiveContainer, { width: "100%", height: "100%", minHeight: 200, children }) })
+      ]
+    }
+  ) });
+}
+ChartContainer.displayName = "Chart.Container";
+function ChartStyle({
+  chartId,
+  config
+}) {
+  const entries = Object.entries(config).filter(
+    ([, c]) => c.color != null || c.theme != null
+  );
+  if (entries.length === 0) return null;
+  const css = `[data-surface-chart="${chartId}"] { ${entries.map(([key, c]) => {
+    const color = c.color ?? c.theme?.light;
+    return color ? `--color-${key}: ${color};` : "";
+  }).filter(Boolean).join(" ")} }`;
+  return /* @__PURE__ */ jsx(
+    "style",
+    {
+      dangerouslySetInnerHTML: { __html: css }
+    }
+  );
+}
+const ChartTooltip = Tooltip;
+function getPayloadConfig(config, item, key) {
+  if (typeof item !== "object" || item === null) return void 0;
+  const dataKey = item.dataKey ?? key;
+  return config[dataKey] ?? config[key];
+}
+function ChartTooltipContent(props) {
+  const {
+    active,
+    payload,
+    label,
+    hideLabel = false,
+    hideIndicator = false,
+    indicator = "dot",
+    labelFormatter,
+    formatter,
+    nameKey,
+    style,
+    className
+  } = props;
+  const { config } = useChart();
+  if (!active || !payload?.length) return null;
+  const labelContent = !hideLabel && payload.length > 0 && (label != null || labelFormatter) ? labelFormatter && payload[0] ? /* @__PURE__ */ jsx("div", { className: "font-semibold", children: labelFormatter(label, payload) }) : /* @__PURE__ */ jsx("div", { className: "font-semibold", children: String(label ?? "") }) : null;
+  const nestLabel = payload.length === 1 && indicator !== "dot";
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: cn(
+        "grid min-w-32 gap-1 rounded-lg border border-border bg-background p-1 px-2 text-xs shadow-[var(--shadow-2)]",
+        className
+      ),
+      style,
+      children: [
+        !nestLabel ? labelContent : null,
+        /* @__PURE__ */ jsx("div", { className: "grid gap-1", children: payload.filter((item) => item.type !== "none").map((item, index) => {
+          const key = nameKey ?? item.name ?? item.dataKey ?? "value";
+          const itemConfig = getPayloadConfig(config, item, key);
+          const color = item.color ?? item.payload?.fill ?? itemConfig?.color;
+          const fillColor = color ?? "var(--border)";
+          const itemLabel = itemConfig?.label ?? item.name;
+          const value = item.value;
+          return /* @__PURE__ */ jsx(
+            "div",
+            {
+              className: cn(
+                "flex gap-2",
+                indicator === "dot" ? "items-center" : "items-stretch"
+              ),
+              children: formatter && value !== void 0 && item.name ? formatter(
+                value,
+                item.name ?? "",
+                item,
+                index,
+                item.payload ?? item
+              ) : /* @__PURE__ */ jsxs(Fragment, { children: [
+                !hideIndicator && /* @__PURE__ */ jsx(
+                  "div",
+                  {
+                    className: "shrink-0 rounded-sm",
+                    style: {
+                      width: indicator === "dot" ? 10 : indicator === "line" ? 4 : 0,
+                      height: indicator === "dot" ? 10 : "auto",
+                      minHeight: indicator === "dashed" ? 2 : void 0,
+                      backgroundColor: fillColor,
+                      border: indicator === "dashed" ? `1.5px dashed ${fillColor}` : "none"
+                    }
+                  }
+                ),
+                /* @__PURE__ */ jsxs(
+                  "div",
+                  {
+                    className: cn(
+                      "flex flex-1 justify-between gap-2",
+                      nestLabel ? "items-end" : "items-center"
+                    ),
+                    children: [
+                      /* @__PURE__ */ jsxs("div", { className: "min-w-0", children: [
+                        nestLabel ? labelContent : null,
+                        /* @__PURE__ */ jsx("span", { className: "truncate text-muted-foreground", children: itemLabel })
+                      ] }),
+                      value !== void 0 && /* @__PURE__ */ jsx("span", { className: "shrink-0 font-medium tabular-nums", children: typeof value === "number" ? value.toLocaleString() : String(value) })
+                    ]
+                  }
+                )
+              ] })
+            },
+            item.dataKey ?? index
+          );
+        }) })
+      ]
+    }
+  );
+}
+ChartTooltipContent.displayName = "Chart.TooltipContent";
+const ChartLegend = Legend;
+function ChartLegendContent(props) {
+  const {
+    payload,
+    verticalAlign = "bottom",
+    hideIcon = false,
+    nameKey,
+    style,
+    className
+  } = props;
+  const { config } = useChart();
+  if (!payload?.length) return null;
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: cn(
+        "flex flex-wrap items-center justify-center gap-2",
+        verticalAlign === "top" ? "pt-0 pb-2" : "pt-2 pb-0",
+        className
+      ),
+      style,
+      children: payload.filter((item) => item.type !== "none").map((item) => {
+        const key = nameKey ?? item.dataKey ?? "value";
+        const itemConfig = getPayloadConfig(config, item, key);
+        const color = item.color ?? itemConfig?.color;
+        return /* @__PURE__ */ jsxs(
+          "div",
+          {
+            className: "flex items-center gap-1",
+            children: [
+              itemConfig?.icon && !hideIcon ? /* @__PURE__ */ jsx(itemConfig.icon, {}) : /* @__PURE__ */ jsx(
+                "div",
+                {
+                  className: "h-2 w-2 shrink-0 rounded-sm",
+                  style: {
+                    backgroundColor: color ?? "var(--border)"
+                  }
+                }
+              ),
+              /* @__PURE__ */ jsx("span", { children: itemConfig?.label ?? item.value })
+            ]
+          },
+          item.value ?? key
+        );
+      })
+    }
+  );
+}
+ChartLegendContent.displayName = "Chart.LegendContent";
+
+export { ChartContainer, ChartLegend, ChartLegendContent, ChartStyle, ChartTooltip, ChartTooltipContent };

package/dist/components/organisms/chart/chart.types.d.ts

@@ -0,0 +1,4 @@
+import * as React from "react";
+export interface ChartProps extends React.ComponentProps<"div"> {
+}
+//# sourceMappingURL=chart.types.d.ts.map

package/dist/components/organisms/chart/chart.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"chart.types.d.ts","sourceRoot":"","sources":["../../../../src/components/organisms/chart/chart.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,MAAM,WAAW,UAAW,SAAQ,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC;CAAG"}

package/dist/components/organisms/chart/chart.types.js

@@ -0,0 +1,2 @@
+'use strict';
+

package/dist/components/organisms/chart/chart.types.mjs

@@ -0,0 +1 @@
+

package/dist/components/organisms/chart/index.d.ts

@@ -0,0 +1,3 @@
+export * from './chart';
+export * from './chart.types';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/organisms/chart/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/organisms/chart/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC;AACxB,cAAc,eAAe,CAAC"}

package/dist/components/organisms/chart/index.js

@@ -0,0 +1,19 @@
+'use strict';
+
+var chart = require('./chart');
+var chart_types = require('./chart.types');
+
+
+
+Object.keys(chart).forEach(function (k) {
+	if (k !== 'default' && !Object.prototype.hasOwnProperty.call(exports, k)) Object.defineProperty(exports, k, {
+		enumerable: true,
+		get: function () { return chart[k]; }
+	});
+});
+Object.keys(chart_types).forEach(function (k) {
+	if (k !== 'default' && !Object.prototype.hasOwnProperty.call(exports, k)) Object.defineProperty(exports, k, {
+		enumerable: true,
+		get: function () { return chart_types[k]; }
+	});
+});

package/dist/components/organisms/chart/index.mjs

@@ -0,0 +1,2 @@
+export * from './chart';
+export * from './chart.types';

package/dist/components/organisms/data-table/data-table.d.ts

@@ -0,0 +1,20 @@
+import { type ColumnDef } from "@tanstack/react-table";
+export interface DataTableProps<TData> {
+    data: TData[];
+    columns: ColumnDef<TData>[];
+    enableDrag?: boolean;
+    enableColumnVisibility?: boolean;
+    page?: number;
+    pageSize?: number;
+    total?: number;
+    onPageChange?: (page: number) => void;
+    onPageSizeChange?: (pageSize: number) => void;
+}
+/**
+ * DataTable genérica baseada na DataTable V2 do dashboard
+ * Mantém o mesmo visual e estrutura, mas é configurável para qualquer domínio
+ */
+export declare function DataTable<TData extends {
+    id: string | number;
+}>({ data: initialData, columns, enableDrag, enableColumnVisibility, page, pageSize, total, onPageChange, onPageSizeChange, }: DataTableProps<TData>): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=data-table.d.ts.map

package/dist/components/organisms/data-table/data-table.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"data-table.d.ts","sourceRoot":"","sources":["../../../../src/components/organisms/data-table/data-table.tsx"],"names":[],"mappings":"AA4BA,OAAO,EACL,KAAK,SAAS,EAaf,MAAM,uBAAuB,CAAC;AAmE/B,MAAM,WAAW,cAAc,CAAC,KAAK;IACnC,IAAI,EAAE,KAAK,EAAE,CAAC;IACd,OAAO,EAAE,SAAS,CAAC,KAAK,CAAC,EAAE,CAAC;IAC5B,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,sBAAsB,CAAC,EAAE,OAAO,CAAC;IACjC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC,gBAAgB,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;CAC/C;AAED;;;GAGG;AACH,wBAAgB,SAAS,CAAC,KAAK,SAAS;IAAE,EAAE,EAAE,MAAM,GAAG,MAAM,CAAA;CAAE,EAAE,EAC/D,IAAI,EAAE,WAAW,EACjB,OAAO,EACP,UAAkB,EAClB,sBAA6B,EAC7B,IAAI,EACJ,QAAQ,EACR,KAAK,EACL,YAAY,EACZ,gBAAgB,GACjB,EAAE,cAAc,CAAC,KAAK,CAAC,2CAoXvB"}