@dbcdk/react-components 0.0.4 → 0.0.6

package/dist/index.cjs

@@ -1,264 +0,0 @@
-'use strict';
-
-var Button = require('./components/button/Button');
-var NavBar = require('./components/nav-bar/NavBar');
-var Avatar = require('./components/avatar/Avatar');
-var Popover = require('./components/popover/Popover');
-var Menu = require('./components/menu/Menu');
-var Icon = require('./components/icon/Icon');
-var UserDisplay = require('./components/user-display/UserDisplay');
-var Tabs = require('./components/tabs/Tabs');
-var Headline = require('./components/headline/Headline');
-var PageLayout = require('./components/page-layout/PageLayout');
-var Input = require('./components/input/Input');
-var SearchBox = require('./components/search-box/SearchBox');
-var useTheme = require('./hooks/useTheme');
-var Chip = require('./components/chip/Chip');
-var Panel = require('./components/panel/Panel');
-var Card = require('./components/card/Card');
-var CardContainer = require('./components/card-container/CardContainer');
-var SkeletonLoaderItem = require('./components/skeleton-loader/skeleton-loader-item/SkeletonLoaderItem');
-var SkeletonLoader = require('./components/skeleton-loader/SkeletonLoader');
-var Page = require('./components/page/Page');
-var Breadcrumbs = require('./components/breadcrumbs/Breadcrumbs');
-var Circle = require('./components/circle/Circle');
-var Checkbox = require('./components/checkbox/Checkbox');
-var Table = require('./components/table/Table');
-var severity_types = require('./constants/severity.types');
-var Textarea = require('./components/text-area/Textarea');
-var AppHeader = require('./components/app-header/AppHeader');
-var Sidebar = require('./components/sidebar/Sidebar');
-var nestedFiltering = require('./utils/arrays/nested-filtering');
-var MultiSelect = require('./components/multi-select/MultiSelect');
-var useViewportFill = require('./hooks/useViewportFill');
-var formatDate = require('./utils/date/formatDate');
-var FilterField = require('./components/filter-field/FilterField');
-var Select = require('./components/select/Select');
-var SplitButton = require('./components/split-button/SplitButton');
-var Tooltip = require('./components/tooltip/Tooltip');
-var SegmentedProgressBar = require('./components/segmented-progress-bar/SegmentedProgressBar');
-
-
-
-Object.keys(Button).forEach(function (k) {
-	if (k !== 'default' && !Object.prototype.hasOwnProperty.call(exports, k)) Object.defineProperty(exports, k, {
-		enumerable: true,
-		get: function () { return Button[k]; }
-	});
-});
-Object.keys(NavBar).forEach(function (k) {
-	if (k !== 'default' && !Object.prototype.hasOwnProperty.call(exports, k)) Object.defineProperty(exports, k, {
-		enumerable: true,
-		get: function () { return NavBar[k]; }
-	});
-});
-Object.keys(Avatar).forEach(function (k) {
-	if (k !== 'default' && !Object.prototype.hasOwnProperty.call(exports, k)) Object.defineProperty(exports, k, {
-		enumerable: true,
-		get: function () { return Avatar[k]; }
-	});
-});
-Object.keys(Popover).forEach(function (k) {
-	if (k !== 'default' && !Object.prototype.hasOwnProperty.call(exports, k)) Object.defineProperty(exports, k, {
-		enumerable: true,
-		get: function () { return Popover[k]; }
-	});
-});
-Object.keys(Menu).forEach(function (k) {
-	if (k !== 'default' && !Object.prototype.hasOwnProperty.call(exports, k)) Object.defineProperty(exports, k, {
-		enumerable: true,
-		get: function () { return Menu[k]; }
-	});
-});
-Object.keys(Icon).forEach(function (k) {
-	if (k !== 'default' && !Object.prototype.hasOwnProperty.call(exports, k)) Object.defineProperty(exports, k, {
-		enumerable: true,
-		get: function () { return Icon[k]; }
-	});
-});
-Object.keys(UserDisplay).forEach(function (k) {
-	if (k !== 'default' && !Object.prototype.hasOwnProperty.call(exports, k)) Object.defineProperty(exports, k, {
-		enumerable: true,
-		get: function () { return UserDisplay[k]; }
-	});
-});
-Object.keys(Tabs).forEach(function (k) {
-	if (k !== 'default' && !Object.prototype.hasOwnProperty.call(exports, k)) Object.defineProperty(exports, k, {
-		enumerable: true,
-		get: function () { return Tabs[k]; }
-	});
-});
-Object.keys(Headline).forEach(function (k) {
-	if (k !== 'default' && !Object.prototype.hasOwnProperty.call(exports, k)) Object.defineProperty(exports, k, {
-		enumerable: true,
-		get: function () { return Headline[k]; }
-	});
-});
-Object.keys(PageLayout).forEach(function (k) {
-	if (k !== 'default' && !Object.prototype.hasOwnProperty.call(exports, k)) Object.defineProperty(exports, k, {
-		enumerable: true,
-		get: function () { return PageLayout[k]; }
-	});
-});
-Object.keys(Input).forEach(function (k) {
-	if (k !== 'default' && !Object.prototype.hasOwnProperty.call(exports, k)) Object.defineProperty(exports, k, {
-		enumerable: true,
-		get: function () { return Input[k]; }
-	});
-});
-Object.keys(SearchBox).forEach(function (k) {
-	if (k !== 'default' && !Object.prototype.hasOwnProperty.call(exports, k)) Object.defineProperty(exports, k, {
-		enumerable: true,
-		get: function () { return SearchBox[k]; }
-	});
-});
-Object.keys(useTheme).forEach(function (k) {
-	if (k !== 'default' && !Object.prototype.hasOwnProperty.call(exports, k)) Object.defineProperty(exports, k, {
-		enumerable: true,
-		get: function () { return useTheme[k]; }
-	});
-});
-Object.keys(Chip).forEach(function (k) {
-	if (k !== 'default' && !Object.prototype.hasOwnProperty.call(exports, k)) Object.defineProperty(exports, k, {
-		enumerable: true,
-		get: function () { return Chip[k]; }
-	});
-});
-Object.keys(Panel).forEach(function (k) {
-	if (k !== 'default' && !Object.prototype.hasOwnProperty.call(exports, k)) Object.defineProperty(exports, k, {
-		enumerable: true,
-		get: function () { return Panel[k]; }
-	});
-});
-Object.keys(Card).forEach(function (k) {
-	if (k !== 'default' && !Object.prototype.hasOwnProperty.call(exports, k)) Object.defineProperty(exports, k, {
-		enumerable: true,
-		get: function () { return Card[k]; }
-	});
-});
-Object.keys(CardContainer).forEach(function (k) {
-	if (k !== 'default' && !Object.prototype.hasOwnProperty.call(exports, k)) Object.defineProperty(exports, k, {
-		enumerable: true,
-		get: function () { return CardContainer[k]; }
-	});
-});
-Object.keys(SkeletonLoaderItem).forEach(function (k) {
-	if (k !== 'default' && !Object.prototype.hasOwnProperty.call(exports, k)) Object.defineProperty(exports, k, {
-		enumerable: true,
-		get: function () { return SkeletonLoaderItem[k]; }
-	});
-});
-Object.keys(SkeletonLoader).forEach(function (k) {
-	if (k !== 'default' && !Object.prototype.hasOwnProperty.call(exports, k)) Object.defineProperty(exports, k, {
-		enumerable: true,
-		get: function () { return SkeletonLoader[k]; }
-	});
-});
-Object.keys(Page).forEach(function (k) {
-	if (k !== 'default' && !Object.prototype.hasOwnProperty.call(exports, k)) Object.defineProperty(exports, k, {
-		enumerable: true,
-		get: function () { return Page[k]; }
-	});
-});
-Object.keys(Breadcrumbs).forEach(function (k) {
-	if (k !== 'default' && !Object.prototype.hasOwnProperty.call(exports, k)) Object.defineProperty(exports, k, {
-		enumerable: true,
-		get: function () { return Breadcrumbs[k]; }
-	});
-});
-Object.keys(Circle).forEach(function (k) {
-	if (k !== 'default' && !Object.prototype.hasOwnProperty.call(exports, k)) Object.defineProperty(exports, k, {
-		enumerable: true,
-		get: function () { return Circle[k]; }
-	});
-});
-Object.keys(Checkbox).forEach(function (k) {
-	if (k !== 'default' && !Object.prototype.hasOwnProperty.call(exports, k)) Object.defineProperty(exports, k, {
-		enumerable: true,
-		get: function () { return Checkbox[k]; }
-	});
-});
-Object.keys(Table).forEach(function (k) {
-	if (k !== 'default' && !Object.prototype.hasOwnProperty.call(exports, k)) Object.defineProperty(exports, k, {
-		enumerable: true,
-		get: function () { return Table[k]; }
-	});
-});
-Object.keys(severity_types).forEach(function (k) {
-	if (k !== 'default' && !Object.prototype.hasOwnProperty.call(exports, k)) Object.defineProperty(exports, k, {
-		enumerable: true,
-		get: function () { return severity_types[k]; }
-	});
-});
-Object.keys(Textarea).forEach(function (k) {
-	if (k !== 'default' && !Object.prototype.hasOwnProperty.call(exports, k)) Object.defineProperty(exports, k, {
-		enumerable: true,
-		get: function () { return Textarea[k]; }
-	});
-});
-Object.keys(AppHeader).forEach(function (k) {
-	if (k !== 'default' && !Object.prototype.hasOwnProperty.call(exports, k)) Object.defineProperty(exports, k, {
-		enumerable: true,
-		get: function () { return AppHeader[k]; }
-	});
-});
-Object.keys(Sidebar).forEach(function (k) {
-	if (k !== 'default' && !Object.prototype.hasOwnProperty.call(exports, k)) Object.defineProperty(exports, k, {
-		enumerable: true,
-		get: function () { return Sidebar[k]; }
-	});
-});
-Object.keys(nestedFiltering).forEach(function (k) {
-	if (k !== 'default' && !Object.prototype.hasOwnProperty.call(exports, k)) Object.defineProperty(exports, k, {
-		enumerable: true,
-		get: function () { return nestedFiltering[k]; }
-	});
-});
-Object.keys(MultiSelect).forEach(function (k) {
-	if (k !== 'default' && !Object.prototype.hasOwnProperty.call(exports, k)) Object.defineProperty(exports, k, {
-		enumerable: true,
-		get: function () { return MultiSelect[k]; }
-	});
-});
-Object.keys(useViewportFill).forEach(function (k) {
-	if (k !== 'default' && !Object.prototype.hasOwnProperty.call(exports, k)) Object.defineProperty(exports, k, {
-		enumerable: true,
-		get: function () { return useViewportFill[k]; }
-	});
-});
-Object.keys(formatDate).forEach(function (k) {
-	if (k !== 'default' && !Object.prototype.hasOwnProperty.call(exports, k)) Object.defineProperty(exports, k, {
-		enumerable: true,
-		get: function () { return formatDate[k]; }
-	});
-});
-Object.keys(FilterField).forEach(function (k) {
-	if (k !== 'default' && !Object.prototype.hasOwnProperty.call(exports, k)) Object.defineProperty(exports, k, {
-		enumerable: true,
-		get: function () { return FilterField[k]; }
-	});
-});
-Object.keys(Select).forEach(function (k) {
-	if (k !== 'default' && !Object.prototype.hasOwnProperty.call(exports, k)) Object.defineProperty(exports, k, {
-		enumerable: true,
-		get: function () { return Select[k]; }
-	});
-});
-Object.keys(SplitButton).forEach(function (k) {
-	if (k !== 'default' && !Object.prototype.hasOwnProperty.call(exports, k)) Object.defineProperty(exports, k, {
-		enumerable: true,
-		get: function () { return SplitButton[k]; }
-	});
-});
-Object.keys(Tooltip).forEach(function (k) {
-	if (k !== 'default' && !Object.prototype.hasOwnProperty.call(exports, k)) Object.defineProperty(exports, k, {
-		enumerable: true,
-		get: function () { return Tooltip[k]; }
-	});
-});
-Object.keys(SegmentedProgressBar).forEach(function (k) {
-	if (k !== 'default' && !Object.prototype.hasOwnProperty.call(exports, k)) Object.defineProperty(exports, k, {
-		enumerable: true,
-		get: function () { return SegmentedProgressBar[k]; }
-	});
-});

package/dist/styles/themes/types.cjs

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

package/dist/tanstack.cjs

@@ -1,231 +0,0 @@
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-var React = require('react');
-var reactTable = require('@tanstack/react-table');
-var Table = require('./components/table/Table');
-var ColumnResizer = require('./components/table/components/column-resizer/ColumnResizer');
-
-function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
-
-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);
-var ColumnResizer__default = /*#__PURE__*/_interopDefault(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__namespace.useState([]);
-  const [columnFilters, setColumnFilters] = React__namespace.useState([]);
-  const [columnSizing, setColumnSizing] = React__namespace.useState({});
-  const table = reactTable.useReactTable({
-    data,
-    columns,
-    state: { sorting, columnFilters, columnSizing },
-    onSortingChange: setSorting,
-    onColumnFiltersChange: setColumnFilters,
-    onColumnSizingChange: setColumnSizing,
-    getCoreRowModel: reactTable.getCoreRowModel(),
-    getSortedRowModel: reactTable.getSortedRowModel(),
-    getFilteredRowModel: reactTable.getFilteredRowModel(),
-    enableColumnResizing: true,
-    columnResizeMode: "onChange",
-    defaultColumn: {
-      enableResizing: true,
-      minSize: 80,
-      size: 180,
-      maxSize: 800
-    }
-  });
-  const columnItems = React__namespace.useMemo(() => mapDefsToColumnItems(columns), [columns]);
-  const visibleData = React__namespace.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__namespace.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__namespace.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__namespace.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__ */ jsxRuntime.jsx(ColumnResizer__default.default, { id: header.column.id, handler });
-    },
-    [table]
-  );
-  const headerBelowRow = React__namespace.useMemo(() => {
-    if (!(filterable == null ? void 0 : filterable.length)) return null;
-    return /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx("div", {}, id);
-          const col = table.getColumn(id);
-          const value = (_b2 = col == null ? void 0 : col.getFilterValue()) != null ? _b2 : "";
-          return /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx(
-    Table.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
-    }
-  );
-}
-
-exports.TanstackTable = TanstackTable;

package/dist/tanstack.d.ts

@@ -1,25 +0,0 @@
-import * as React from 'react';
-import { type ColumnDef } from '@tanstack/react-table';
-import { TableVariant } from './components/table/Table';
-import { PageChangeEvent } from './components/pagination/Pagination';
-type Filterable<T> = Array<keyof T>;
-export declare function TanstackTable<T extends Record<string, any>>({ data, dataKey, columns, filterable, loading, onRowClick, striped, fillViewport, viewportBottomOffset, viewportMin, viewportIncludeMarginTop, pageSize, skip, totalItemsCount, onPageChange, variant, size, }: {
-    data: T[];
-    dataKey: keyof T;
-    columns: ReadonlyArray<ColumnDef<T, any>>;
-    filterable?: Filterable<T>;
-    loading?: boolean;
-    onRowClick?: (row: T) => void;
-    striped?: boolean;
-    fillViewport?: boolean;
-    viewportBottomOffset?: number;
-    viewportMin?: number;
-    viewportIncludeMarginTop?: boolean;
-    pageSize?: number;
-    skip?: number;
-    totalItemsCount?: number;
-    onPageChange?: (e: PageChangeEvent) => void;
-    variant?: TableVariant;
-    size?: 'sm' | 'md';
-}): React.ReactNode;
-export {};