@oneplatformdev/ui 0.0.1-beta.99 → 0.1.0-8

package/Command/Command.mjs

@@ -1,116 +0,0 @@
-import { jsx as o, jsxs as s } from "react/jsx-runtime";
-import * as m from "react";
-import { Command as t } from "cmdk";
-import { Search as p } from "lucide-react";
-import { cn as r } from "@oneplatformdev/utils";
-import { Dialog as i, DialogContent as l } from "../Dialog/Dialog.mjs";
-const n = m.forwardRef(({ className: e, ...a }, d) => /* @__PURE__ */ o(
-  t,
-  {
-    ref: d,
-    className: r(
-      "flex h-full w-full flex-col overflow-hidden rounded-md bg-popover text-popover-foreground",
-      e
-    ),
-    ...a
-  }
-));
-n.displayName = t.displayName;
-const C = ({ children: e, ...a }) => /* @__PURE__ */ o(i, { ...a, children: /* @__PURE__ */ o(l, { className: "overflow-hidden p-0", children: /* @__PURE__ */ o(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 }) }) }), c = m.forwardRef(({ className: e, ...a }, d) => /* @__PURE__ */ s("div", { className: "flex items-center border-b px-3", "cmdk-input-wrapper": "", children: [
-  /* @__PURE__ */ o(p, { className: "mr-2 h-4 w-4 shrink-0 opacity-50" }),
-  /* @__PURE__ */ o(
-    t.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
-    }
-  )
-] }));
-c.displayName = t.Input.displayName;
-const u = m.forwardRef(({ className: e, ...a }, d) => /* @__PURE__ */ o(
-  t.List,
-  {
-    ref: d,
-    className: r("max-h-[300px] overflow-y-auto overflow-x-hidden", e),
-    ...a
-  }
-));
-u.displayName = t.List.displayName;
-const f = m.forwardRef((e, a) => /* @__PURE__ */ o(
-  t.Empty,
-  {
-    ref: a,
-    className: "py-6 text-center text-sm",
-    ...e
-  }
-));
-f.displayName = t.Empty.displayName;
-const g = m.forwardRef(({ className: e, ...a }, d) => /* @__PURE__ */ o(
-  t.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 = t.Group.displayName;
-const x = m.forwardRef(({ className: e, ...a }, d) => /* @__PURE__ */ o(
-  t.Separator,
-  {
-    ref: d,
-    className: r("-mx-1 h-px bg-border", e),
-    ...a
-  }
-));
-x.displayName = t.Separator.displayName;
-const h = m.forwardRef(({ className: e, ...a }, d) => /* @__PURE__ */ o(
-  t.Item,
-  {
-    ref: d,
-    className: r(
-      "relative flex gap-2 select-none items-center rounded-sm",
-      "min-h-8 px-2 py-1",
-      "[&>span]:py-1",
-      "text-sm text-[#666A78] font-medium leading-[1.12]",
-      "data-[selected=true]:bg-accent",
-      "data-[selected=true]:text-[#191F35] hover:text-[#191F35]",
-      "outline-none data-[disabled=true]:pointer-events-none data-[disabled=true]:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0",
-      "cursor-pointer",
-      e
-    ),
-    ...a
-  }
-));
-h.displayName = t.Item.displayName;
-const y = ({
-  className: e,
-  ...a
-}) => /* @__PURE__ */ o(
-  "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,
-  c as CommandInput,
-  h as CommandItem,
-  u as CommandList,
-  x as CommandSeparator,
-  y as CommandShortcut
-};

package/Command/index.mjs

@@ -1,12 +0,0 @@
-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

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

package/DataTable/DataTable.d.ts

@@ -1,11 +0,0 @@
-import { default as React, FC } from 'react';
-import { Table as ReactTable } from '@tanstack/react-table';
-
-interface IProps {
-    table: ReactTable<any>;
-    ToolBar?: React.ReactNode;
-    tColumns?: string;
-    tNoResults?: string;
-}
-export declare const DataTable: FC<IProps>;
-export {};

package/DataTable/DataTable.mjs

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

package/DataTable/DataTable.types.d.ts

@@ -1,11 +0,0 @@
-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/DataTableColumnFilter.d.ts

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

package/DataTable/DataTableColumnFilter.mjs

@@ -1,31 +0,0 @@
-import { jsx as n, jsxs as t } from "react/jsx-runtime";
-import { ChevronDown as m } from "lucide-react";
-import { useMemo as s } from "react";
-import { Button as d } from "../Button/Button.mjs";
-import "../Button/buttonVariants.mjs";
-import { DropdownMenuCheckboxItem as c, DropdownMenu as u, DropdownMenuTrigger as h, DropdownMenuContent as p } from "../DropdownMenu/DropdownMenu.mjs";
-const x = (i) => {
-  const {
-    table: r,
-    columnsLabel: l = "Columns"
-  } = i, o = s(() => r.getAllColumns().filter((e) => e.getCanHide()).map((e) => /* @__PURE__ */ n(
-    c,
-    {
-      className: "capitalize",
-      checked: e.getIsVisible(),
-      onCheckedChange: (a) => e.toggleVisibility(!!a),
-      children: e.id
-    },
-    e.id
-  )), [r]);
-  return o.length ? /* @__PURE__ */ t(u, { children: [
-    /* @__PURE__ */ n(h, { asChild: !0, children: /* @__PURE__ */ t(d, { variant: "outline", className: "ml-auto", children: [
-      l,
-      /* @__PURE__ */ n(m, { className: "ml-2 h-4 w-4" })
-    ] }) }),
-    /* @__PURE__ */ n(p, { align: "end", children: o })
-  ] }) : null;
-};
-export {
-  x as DataTableColumnFilter
-};

package/DataTable/index.mjs

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

package/DataTable/package.json

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

package/DataTable/useDataTable.d.ts

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

package/DataTable/useDataTable.mjs

@@ -1,30 +0,0 @@
-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

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