@oneplatformdev/ui 0.0.1-beta.11

package/Command/Command.mjs

@@ -0,0 +1,109 @@
+import { jsx as t, jsxs as s } from "react/jsx-runtime";
+import * as m from "react";
+import { Command as o } from "cmdk";
+import { Search as p } from "lucide-react";
+import { cn as r } from "@oneplatformdev/utils";
+import { Dialog as i, DialogContent as c } from "../Dialog/Dialog.mjs";
+const n = m.forwardRef(({ className: e, ...a }, d) => /* @__PURE__ */ t(
+  o,
+  {
+    ref: d,
+    className: r(
+      "flex h-full w-full flex-col overflow-hidden rounded-md bg-popover text-popover-foreground",
+      e
+    ),
+    ...a
+  }
+));
+n.displayName = o.displayName;
+const C = ({ children: e, ...a }) => /* @__PURE__ */ t(i, { ...a, children: /* @__PURE__ */ t(c, { className: "overflow-hidden p-0", children: /* @__PURE__ */ t(n, { className: "[&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-muted-foreground [&_[cmdk-group]:not([hidden])_~[cmdk-group]]:pt-0 [&_[cmdk-group]]:px-2 [&_[cmdk-input-wrapper]_svg]:h-5 [&_[cmdk-input-wrapper]_svg]:w-5 [&_[cmdk-input]]:h-12 [&_[cmdk-item]]:px-2 [&_[cmdk-item]]:py-3 [&_[cmdk-item]_svg]:h-5 [&_[cmdk-item]_svg]:w-5", children: e }) }) }), l = m.forwardRef(({ className: e, ...a }, d) => /* @__PURE__ */ s("div", { className: "flex items-center border-b px-3", "cmdk-input-wrapper": "", children: [
+  /* @__PURE__ */ t(p, { className: "mr-2 h-4 w-4 shrink-0 opacity-50" }),
+  /* @__PURE__ */ t(
+    o.Input,
+    {
+      ref: d,
+      className: r(
+        "flex h-10 w-full rounded-md bg-transparent py-3 text-sm outline-none placeholder:text-muted-foreground disabled:cursor-not-allowed disabled:opacity-50",
+        e
+      ),
+      ...a
+    }
+  )
+] }));
+l.displayName = o.Input.displayName;
+const u = m.forwardRef(({ className: e, ...a }, d) => /* @__PURE__ */ t(
+  o.List,
+  {
+    ref: d,
+    className: r("max-h-[300px] overflow-y-auto overflow-x-hidden", e),
+    ...a
+  }
+));
+u.displayName = o.List.displayName;
+const f = m.forwardRef((e, a) => /* @__PURE__ */ t(
+  o.Empty,
+  {
+    ref: a,
+    className: "py-6 text-center text-sm",
+    ...e
+  }
+));
+f.displayName = o.Empty.displayName;
+const g = m.forwardRef(({ className: e, ...a }, d) => /* @__PURE__ */ t(
+  o.Group,
+  {
+    ref: d,
+    className: r(
+      "overflow-hidden p-1 text-foreground [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:py-1.5 [&_[cmdk-group-heading]]:text-xs [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-muted-foreground",
+      e
+    ),
+    ...a
+  }
+));
+g.displayName = o.Group.displayName;
+const x = m.forwardRef(({ className: e, ...a }, d) => /* @__PURE__ */ t(
+  o.Separator,
+  {
+    ref: d,
+    className: r("-mx-1 h-px bg-border", e),
+    ...a
+  }
+));
+x.displayName = o.Separator.displayName;
+const h = m.forwardRef(({ className: e, ...a }, d) => /* @__PURE__ */ t(
+  o.Item,
+  {
+    ref: d,
+    className: r(
+      "relative flex cursor-default gap-2 select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none data-[disabled=true]:pointer-events-none data-[selected=true]:bg-accent data-[selected=true]:text-accent-foreground data-[disabled=true]:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0",
+      e
+    ),
+    ...a
+  }
+));
+h.displayName = o.Item.displayName;
+const y = ({
+  className: e,
+  ...a
+}) => /* @__PURE__ */ t(
+  "span",
+  {
+    className: r(
+      "ml-auto text-xs tracking-widest text-muted-foreground",
+      e
+    ),
+    ...a
+  }
+);
+y.displayName = "CommandShortcut";
+export {
+  n as Command,
+  C as CommandDialog,
+  f as CommandEmpty,
+  g as CommandGroup,
+  l as CommandInput,
+  h as CommandItem,
+  u as CommandList,
+  x as CommandSeparator,
+  y as CommandShortcut
+};

package/Command/index.d.ts

@@ -0,0 +1 @@
+export * from './Command';

package/Command/index.mjs

@@ -0,0 +1,12 @@
+import { Command as a, CommandDialog as n, CommandEmpty as d, CommandGroup as C, CommandInput as t, CommandItem as r, CommandList as p, CommandSeparator as e, CommandShortcut as u } from "./Command.mjs";
+export {
+  a as Command,
+  n as CommandDialog,
+  d as CommandEmpty,
+  C as CommandGroup,
+  t as CommandInput,
+  r as CommandItem,
+  p as CommandList,
+  e as CommandSeparator,
+  u as CommandShortcut
+};

package/Command/package.json

@@ -0,0 +1,7 @@
+{
+  "sideEffects": false,
+  "main": "./index.mjs",
+  "module": "./index.mjs",
+  "default": "./index.mjs",
+  "types": "./index.d.ts"
+}

package/DataTable/DataTable.d.ts

@@ -0,0 +1,4 @@
+import { DataTableProps } from './DataTable.types';
+import { FC } from 'react';
+
+export declare const DataTable: FC<DataTableProps>;

package/DataTable/DataTable.mjs

@@ -0,0 +1,64 @@
+import { jsxs as r, jsx as l } from "react/jsx-runtime";
+import { flexRender as d } from "@tanstack/react-table";
+import { ChevronDown as u } from "lucide-react";
+import { Button as p } from "../Button/Button.mjs";
+import "../Button/buttonVariants.mjs";
+import { DropdownMenu as g, DropdownMenuTrigger as b, DropdownMenuContent as C, DropdownMenuCheckboxItem as f } from "../DropdownMenu/DropdownMenu.mjs";
+import { Table as w, TableHeader as x, TableRow as o, TableHead as T, TableBody as D, TableCell as a } from "../Table/Table.mjs";
+const B = (s) => {
+  var i;
+  const {
+    table: t,
+    ToolBar: c,
+    columnsLabel: m = "Columns",
+    noResultLabel: h = "No results"
+  } = s;
+  return /* @__PURE__ */ r("div", { className: "w-full", children: [
+    /* @__PURE__ */ r("div", { className: "flex items-center py-4", children: [
+      c,
+      /* @__PURE__ */ r(g, { children: [
+        /* @__PURE__ */ l(b, { asChild: !0, children: /* @__PURE__ */ r(p, { variant: "outline", className: "ml-auto", children: [
+          m,
+          /* @__PURE__ */ l(u, { className: "ml-2 h-4 w-4" })
+        ] }) }),
+        /* @__PURE__ */ l(C, { align: "end", children: t.getAllColumns().filter((e) => e.getCanHide()).map((e) => /* @__PURE__ */ l(
+          f,
+          {
+            className: "capitalize",
+            checked: e.getIsVisible(),
+            onCheckedChange: (n) => e.toggleVisibility(!!n),
+            children: e.id
+          },
+          e.id
+        )) })
+      ] })
+    ] }),
+    /* @__PURE__ */ l("div", { className: "rounded-md border", children: /* @__PURE__ */ r(w, { children: [
+      /* @__PURE__ */ l(x, { children: t.getHeaderGroups().map((e) => /* @__PURE__ */ l(o, { children: e.headers.map((n) => /* @__PURE__ */ l(T, { children: n.isPlaceholder ? null : d(
+        n.column.columnDef.header,
+        n.getContext()
+      ) }, n.id)) }, e.id)) }),
+      /* @__PURE__ */ l(D, { children: (i = t.getRowModel().rows) != null && i.length ? t.getRowModel().rows.map((e) => /* @__PURE__ */ l(
+        o,
+        {
+          "data-state": e.getIsSelected() && "selected",
+          children: e.getVisibleCells().map((n) => /* @__PURE__ */ l(a, { children: d(
+            n.column.columnDef.cell,
+            n.getContext()
+          ) }, n.id))
+        },
+        e.id
+      )) : /* @__PURE__ */ l(o, { children: /* @__PURE__ */ l(
+        a,
+        {
+          colSpan: t.getAllColumns().length,
+          className: "h-24 text-center",
+          children: h
+        }
+      ) }) })
+    ] }) })
+  ] });
+};
+export {
+  B as DataTable
+};

package/DataTable/DataTable.types.d.ts

@@ -0,0 +1,11 @@
+import { default as React } from 'react';
+import { Table as ReactTable } from '@tanstack/react-table';
+
+export interface DataTableProps {
+    table: ReactTable<any>;
+    ToolBar?: React.ReactNode;
+    /** Columns label*/
+    columnsLabel?: string;
+    /** No Result label*/
+    noResultLabel?: string;
+}

package/DataTable/index.d.ts

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

package/DataTable/index.mjs

@@ -0,0 +1,4 @@
+import { DataTable as o } from "./DataTable.mjs";
+export {
+  o as DataTable
+};

package/DataTable/package.json

@@ -0,0 +1,7 @@
+{
+  "sideEffects": false,
+  "main": "./index.mjs",
+  "module": "./index.mjs",
+  "default": "./index.mjs",
+  "types": "./index.d.ts"
+}

package/DataTable/useDataTable.d.ts

@@ -0,0 +1,3 @@
+export declare const useDataTable: (data: any, columns: any) => {
+    table: import('@tanstack/react-table').Table<unknown>;
+};

package/DataTable/useDataTable.mjs

@@ -0,0 +1,30 @@
+import e from "react";
+import { useReactTable as u, getCoreRowModel as g, getPaginationRowModel as d, getSortedRowModel as m, getFilteredRowModel as R } from "@tanstack/react-table";
+const S = (t, o) => {
+  const [n, l] = e.useState([]), [i, a] = e.useState(
+    []
+  ), [r, s] = e.useState({});
+  return { table: u({
+    data: t,
+    columns: o,
+    onSortingChange: l,
+    onColumnFiltersChange: a,
+    getCoreRowModel: g(),
+    getPaginationRowModel: d(),
+    getSortedRowModel: m(),
+    getFilteredRowModel: R(),
+    onColumnVisibilityChange: s,
+    enableRowSelection: !0,
+    manualPagination: !0,
+    manualSorting: !0,
+    manualFiltering: !0,
+    state: {
+      sorting: n,
+      columnFilters: i,
+      columnVisibility: r
+    }
+  }) };
+};
+export {
+  S as useDataTable
+};

package/DatePicker/DatePicker.d.ts

@@ -0,0 +1,3 @@
+import { DatePickerProps } from './DatePicker.types';
+import * as React from 'react';
+export declare const DatePicker: React.ForwardRefExoticComponent<DatePickerProps & React.RefAttributes<HTMLButtonElement>>;