@dbcdk/react-components 0.0.4 → 0.0.6

package/dist/tanstack.js

@@ -1,206 +0,0 @@
-import { jsx } from 'react/jsx-runtime';
-import * as React from 'react';
-import { useReactTable, getFilteredRowModel, getSortedRowModel, getCoreRowModel } from '@tanstack/react-table';
-import { Table } from './components/table/Table';
-import ColumnResizer from './components/table/components/column-resizer/ColumnResizer';
-
-function mapDefsToColumnItems(defs) {
-  if (!(defs == null ? void 0 : defs.length)) return [];
-  return defs.map((def) => {
-    var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k;
-    const header = typeof def.header === "string" ? def.header : String((_b = (_a = def.accessorKey) != null ? _a : def.id) != null ? _b : "");
-    const accessor = def.accessorKey;
-    const accessorFn = def.accessorFn;
-    const cell = def.cell;
-    let render;
-    if (typeof cell === "function") {
-      render = (row) => cell({
-        row: { original: row },
-        getValue: () => accessor != null ? row[accessor] : accessorFn ? accessorFn(row) : void 0
-      });
-    } else if (accessorFn) {
-      render = (row) => accessorFn(row);
-    } else if (accessor != null) {
-      render = (row) => row[accessor];
-    }
-    return {
-      header,
-      accessor,
-      sortable: (_c = def.enableSorting) != null ? _c : !!accessor,
-      render,
-      hidden: (_e = (_d = def.meta) == null ? void 0 : _d.hidden) != null ? _e : false,
-      align: (_g = (_f = def.meta) == null ? void 0 : _f.align) != null ? _g : void 0,
-      fitContent: (_i = (_h = def.meta) == null ? void 0 : _h.fitContent) != null ? _i : false,
-      fillWidth: (_k = (_j = def.meta) == null ? void 0 : _j.fillWidth) != null ? _k : false
-    };
-  });
-}
-function TanstackTable({
-  data,
-  dataKey,
-  columns,
-  filterable = [],
-  loading,
-  onRowClick,
-  striped,
-  fillViewport = false,
-  viewportBottomOffset = 0,
-  viewportMin = 120,
-  viewportIncludeMarginTop = false,
-  pageSize,
-  skip,
-  totalItemsCount,
-  onPageChange,
-  variant,
-  size
-}) {
-  var _a, _b;
-  const [sorting, setSorting] = React.useState([]);
-  const [columnFilters, setColumnFilters] = React.useState([]);
-  const [columnSizing, setColumnSizing] = React.useState({});
-  const table = useReactTable({
-    data,
-    columns,
-    state: { sorting, columnFilters, columnSizing },
-    onSortingChange: setSorting,
-    onColumnFiltersChange: setColumnFilters,
-    onColumnSizingChange: setColumnSizing,
-    getCoreRowModel: getCoreRowModel(),
-    getSortedRowModel: getSortedRowModel(),
-    getFilteredRowModel: getFilteredRowModel(),
-    enableColumnResizing: true,
-    columnResizeMode: "onChange",
-    defaultColumn: {
-      enableResizing: true,
-      minSize: 80,
-      size: 180,
-      maxSize: 800
-    }
-  });
-  const columnItems = React.useMemo(() => mapDefsToColumnItems(columns), [columns]);
-  const visibleData = React.useMemo(
-    () => table.getRowModel().rows.map((r) => r.original),
-    [table, data]
-  );
-  const s = (_a = table.getState().sorting) == null ? void 0 : _a[0];
-  const sortBy = (_b = s == null ? void 0 : s.id) != null ? _b : void 0;
-  const sortDirection = s ? s.desc ? "desc" : "asc" : null;
-  const gridTemplateColumns = React.useMemo(() => {
-    return columnItems.filter((ci) => !ci.hidden).map((ci) => {
-      var _a2, _b2;
-      const id = String((_a2 = ci.accessor) != null ? _a2 : "");
-      const col = id ? table.getColumn(id) : void 0;
-      const w = (_b2 = col == null ? void 0 : col.getSize) == null ? void 0 : _b2.call(col);
-      if (ci.fillWidth) return "1fr";
-      if (ci.fitContent) return "1%";
-      return `${w != null ? w : 180}px`;
-    }).join(" ");
-  }, [columnItems, table, table.getState().columnSizing]);
-  const columnStyles = React.useMemo(() => {
-    var _a2;
-    const styles = {};
-    for (const c of table.getAllLeafColumns()) {
-      const id = c.id;
-      const key = (_a2 = c.columnDef.accessorKey) != null ? _a2 : id;
-      const ci = columnItems.find((x) => {
-        var _a3;
-        return String((_a3 = x.accessor) != null ? _a3 : "") === String(key);
-      });
-      if (ci == null ? void 0 : ci.fillWidth) {
-        styles[String(key)] = {
-          width: "auto",
-          minWidth: 0
-        };
-      } else if (ci == null ? void 0 : ci.fitContent) {
-        styles[String(key)] = {
-          width: "1%",
-          whiteSpace: "nowrap"
-        };
-      } else {
-        const w = c.getSize();
-        styles[String(key)] = { width: w, minWidth: w, maxWidth: w };
-      }
-    }
-    return styles;
-  }, [table, table.getState().columnSizing, columnItems]);
-  const headerExtras = React.useCallback(
-    ({ index }) => {
-      var _a2, _b2, _c, _d;
-      const headerGroups = table.getHeaderGroups();
-      const leafHeaders = headerGroups.length > 0 ? headerGroups[headerGroups.length - 1].headers : [];
-      const header = leafHeaders[index];
-      if (!header) return null;
-      const canResize = (_c = (_b2 = (_a2 = header.column).getCanResize) == null ? void 0 : _b2.call(_a2)) != null ? _c : false;
-      const handler = (_d = header.getResizeHandler) == null ? void 0 : _d.call(header);
-      if (!canResize || !handler) return null;
-      return /* @__PURE__ */ jsx(ColumnResizer, { id: header.column.id, handler });
-    },
-    [table]
-  );
-  const headerBelowRow = React.useMemo(() => {
-    if (!(filterable == null ? void 0 : filterable.length)) return null;
-    return /* @__PURE__ */ jsx(
-      "div",
-      {
-        style: {
-          display: "grid",
-          gridTemplateColumns,
-          gap: 8
-        },
-        children: columnItems.map((ci) => {
-          var _a2, _b2;
-          const id = String((_a2 = ci.accessor) != null ? _a2 : "");
-          const isFilterable = id && filterable.includes(id);
-          if (!isFilterable) return /* @__PURE__ */ jsx("div", {}, id);
-          const col = table.getColumn(id);
-          const value = (_b2 = col == null ? void 0 : col.getFilterValue()) != null ? _b2 : "";
-          return /* @__PURE__ */ jsx(
-            "input",
-            {
-              value,
-              placeholder: `Filter ${ci.header}`,
-              onChange: (e) => col == null ? void 0 : col.setFilterValue(e.target.value),
-              style: { width: "100%", padding: "4px 6px" }
-            },
-            id
-          );
-        })
-      }
-    );
-  }, [columnItems, filterable, table, table.getState().columnFilters, gridTemplateColumns]);
-  return /* @__PURE__ */ jsx(
-    Table,
-    {
-      dataKey,
-      variant,
-      data: visibleData,
-      columns: columnItems,
-      sortBy,
-      sortDirection,
-      onSortChange: (col, dir) => {
-        var _a2;
-        const id = String((_a2 = col.accessor) != null ? _a2 : "");
-        if (!id) return;
-        if (!dir) table.setSorting([]);
-        else table.setSorting([{ id, desc: dir === "desc" }]);
-      },
-      headerExtras,
-      columnStyles,
-      headerBelowRow,
-      loading,
-      onRowClick,
-      striped,
-      fillViewport,
-      viewportBottomOffset,
-      viewportMin,
-      viewportIncludeMarginTop,
-      take: pageSize,
-      skip,
-      totalItemsCount,
-      onPageChange,
-      size
-    }
-  );
-}
-
-export { TanstackTable };

package/dist/types/a11y-props.types.cjs

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

package/dist/types/assets.d.cjs

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

package/dist/types/assets.d.js

@@ -1 +0,0 @@
-

package/dist/types/css.d.cjs

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

package/dist/types/css.d.js

@@ -1 +0,0 @@
-

package/dist/types/sizes.types.cjs

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

package/dist/utils/arrays/nested-filtering.cjs

@@ -1,40 +0,0 @@
-'use strict';
-
-const normalize = (s) => s.normalize("NFKC").toLowerCase().trim();
-const toTerms = (q) => (Array.isArray(q) ? q : q.split(/\s+/)).map(normalize).filter(Boolean);
-const valueToSearchable = (value) => typeof value === "string" ? value : Array.isArray(value) || typeof value === "object" ? JSON.stringify(value) : value == null ? "" : String(value);
-const itemMatches = (item, keys, terms, mode) => {
-  if (terms.length === 0) return true;
-  const haystack = keys.map((k) => valueToSearchable(item[k])).join(" ").toString();
-  const h = normalize(haystack);
-  const hit = (t) => h.includes(t);
-  return mode === "AND" ? terms.every(hit) : terms.some(hit);
-};
-function nestedFiltering(items, opts) {
-  const { keys, query, includeParents = true, childrenKey, mode = "AND" } = opts;
-  const ck = childrenKey != null ? childrenKey : "children";
-  const terms = toTerms(query);
-  const searchNested = (list) => {
-    const out = [];
-    for (const item of list) {
-      const children = item[ck] || [];
-      const filteredChildren = searchNested(children);
-      const matchedSelf = itemMatches(item, keys, terms, mode);
-      if (matchedSelf) {
-        const clone = { ...item, [ck]: filteredChildren };
-        out.push(clone);
-      } else if (filteredChildren.length) {
-        if (includeParents) {
-          const clone = { ...item, [ck]: filteredChildren };
-          out.push(clone);
-        } else {
-          out.push(...filteredChildren);
-        }
-      }
-    }
-    return out;
-  };
-  return searchNested(items);
-}
-
-exports.nestedFiltering = nestedFiltering;

package/dist/utils/date/formatDate.cjs

@@ -1,19 +0,0 @@
-'use strict';
-
-function formatDate(date, options = {}) {
-  const d = date instanceof Date ? date : new Date(date);
-  if (isNaN(d.getTime())) return "";
-  const pad = (n) => n.toString().padStart(2, "0");
-  const day = pad(d.getDate());
-  const month = pad(d.getMonth() + 1);
-  const year = d.getFullYear();
-  const base = `${day}/${month}/${year}`;
-  if (!options.showTime) return base;
-  const hours = pad(d.getHours());
-  const minutes = pad(d.getMinutes());
-  if (!options.showSeconds) return `${base} ${hours}:${minutes}`;
-  const seconds = pad(d.getSeconds());
-  return `${base} ${hours}:${minutes}:${seconds}`;
-}
-
-exports.formatDate = formatDate;