sodtrack-web-ui 0.9.4 → 0.9.6

package/dist/{chunk-V2LMCQ4I.mjs → chunk-3FWR5NYS.mjs}

@@ -1,4 +1,3 @@
-import { rows_per_page_select_default } from './chunk-O5QOPJOD.mjs';
 import { ScrollArea, ScrollBar } from './chunk-ZVOUAD54.mjs';
 import { cn } from './chunk-P3UP2HUA.mjs';
 import { require_jsx_runtime } from './chunk-2MWIFYP3.mjs';
@@ -114,14 +113,21 @@ function DataTable({
                     children: `${rowsPerPageText}:`
                   }
                 ),
-                /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-                  rows_per_page_select_default,
+                /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+                  "select",
                   {
-                    value: "10",
-                    onRowsPerPageChange: (value) => {
-                      table.setPageSize(Number(value));
+                    className: "text-sm leading-[120%]",
+                    value: pagination.pageSize,
+                    id: "rows_per_page",
+                    onChange: (e) => {
+                      table.setPageSize(Number(e.target.value));
                       table.setPageIndex(0);
-                    }
+                    },
+                    children: [
+                      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("option", { value: "10", children: "10" }),
+                      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("option", { value: "25", children: "25" }),
+                      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("option", { value: "50", children: "50" })
+                    ]
                   }
                 )
               ] }),

package/dist/data-table.d.mts

@@ -2,10 +2,10 @@ import * as react_jsx_runtime from 'react/jsx-runtime';
 import React__default, { HTMLAttributes } from 'react';
 import { ColumnDef as ColumnDef$1, PaginationState as PaginationState$1, OnChangeFn } from '@tanstack/react-table';
 
-type ColumnDef<TData, TValue> = ColumnDef$1<TData, TValue>;
+type ColumnDef<TData> = ColumnDef$1<TData>;
 type PaginationState = PaginationState$1;
-interface DataTableProps<TData, TValue> extends HTMLAttributes<HTMLDivElement> {
-    columns: ColumnDef<TData, TValue>[];
+interface DataTableProps<TData> extends HTMLAttributes<HTMLDivElement> {
+    columns: ColumnDef<TData>[];
     data: TData[];
     rowsCount?: number;
     pagination?: {
@@ -21,6 +21,6 @@ interface DataTableProps<TData, TValue> extends HTMLAttributes<HTMLDivElement> {
     rowsPerPageText?: string;
     ofText?: string;
 }
-declare function DataTable<TData, TValue>({ columns, data, rowsCount, pagination, onPaginationChange, noResults, rowsPerPageText, ofText, className, ...props }: DataTableProps<TData, TValue>): react_jsx_runtime.JSX.Element;
+declare function DataTable<TData>({ columns, data, rowsCount, pagination, onPaginationChange, noResults, rowsPerPageText, ofText, className, ...props }: DataTableProps<TData>): react_jsx_runtime.JSX.Element;
 
 export { type ColumnDef, DataTable, type DataTableProps, type PaginationState, DataTable as default };

package/dist/data-table.mjs

@@ -1,5 +1,4 @@
-export { DataTable, data_table_default as default } from './chunk-V2LMCQ4I.mjs';
-import './chunk-O5QOPJOD.mjs';
+export { DataTable, data_table_default as default } from './chunk-3FWR5NYS.mjs';
 import './chunk-ZVOUAD54.mjs';
 import './chunk-P3UP2HUA.mjs';
 import './chunk-2MWIFYP3.mjs';

package/dist/index.css

@@ -512,9 +512,6 @@ video {
 .animate-spin {
   animation: spin 1s linear infinite;
 }
-.cursor-default {
-  cursor: default;
-}
 .cursor-not-allowed {
   cursor: not-allowed;
 }
@@ -556,9 +553,6 @@ video {
 .overflow-hidden {
   overflow: hidden;
 }
-.overflow-y-auto {
-  overflow-y: auto;
-}
 .rounded {
   border-radius: 0.25rem;
 }
@@ -650,9 +644,6 @@ video {
 .p-4 {
   padding: 1rem;
 }
-.p-\[0\.625rem\] {
-  padding: 0.625rem;
-}
 .px-1 {
   padding-left: 0.25rem;
   padding-right: 0.25rem;
@@ -862,10 +853,6 @@ video {
 .caret-neutral-900 {
   caret-color: #283331;
 }
-.outline-none {
-  outline: 2px solid transparent;
-  outline-offset: 2px;
-}
 .outline-0 {
   outline-width: 0px;
 }

package/dist/index.mjs

@@ -6,8 +6,7 @@ export { Alert } from './chunk-XDQ2Y2UR.mjs';
 export { Button } from './chunk-4YE5CU7E.mjs';
 export { ChipForm } from './chunk-RZ2JP5UH.mjs';
 export { ChipStatus } from './chunk-WSAW6L2X.mjs';
-export { DataTable } from './chunk-V2LMCQ4I.mjs';
-import './chunk-O5QOPJOD.mjs';
+export { DataTable } from './chunk-3FWR5NYS.mjs';
 export { ScrollArea, ScrollBar } from './chunk-ZVOUAD54.mjs';
 import './chunk-P3UP2HUA.mjs';
 export { IconButton } from './chunk-JVSF3AX2.mjs';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "sodtrack-web-ui",
-  "version": "0.9.4",
+  "version": "0.9.6",
   "description": "UI components for Sodtrack Web",
   "exports": {
     "./dist/index.css": "./dist/index.css",
@@ -45,7 +45,6 @@
     "typescript": "^5.4.5"
   },
   "dependencies": {
-    "@floating-ui/react": "^0.26.16",
     "@radix-ui/react-label": "^2.0.2",
     "@radix-ui/react-scroll-area": "^1.0.5",
     "@radix-ui/react-tabs": "^1.0.4",

package/dist/chunk-O5QOPJOD.mjs

@@ -1,143 +0,0 @@
-import { cn } from './chunk-P3UP2HUA.mjs';
-import { require_jsx_runtime } from './chunk-2MWIFYP3.mjs';
-import { ChevronDownIcon } from './chunk-ERH7LWVL.mjs';
-import { __toESM, require_react } from './chunk-PLJ6ZHAI.mjs';
-import { useFloating, autoUpdate, offset, flip, size, useClick, useDismiss, useRole, useListNavigation, useTypeahead, useInteractions, FloatingPortal, FloatingFocusManager } from '@floating-ui/react';
-
-// src/components/rows-per-page-select.tsx
-var React = __toESM(require_react());
-var import_jsx_runtime = __toESM(require_jsx_runtime());
-var options = ["10", "25", "50"];
-var RowsPerPageSelect = ({
-  value,
-  onRowsPerPageChange
-}) => {
-  const [isOpen, setIsOpen] = React.useState(false);
-  const [activeIndex, setActiveIndex] = React.useState(null);
-  const [selectedIndex, setSelectedIndex] = React.useState(
-    options.findIndex((option) => option === value)
-  );
-  const { refs, floatingStyles, context } = useFloating({
-    placement: "bottom-start",
-    open: isOpen,
-    onOpenChange: setIsOpen,
-    whileElementsMounted: autoUpdate,
-    middleware: [
-      offset(5),
-      flip({ padding: 10 }),
-      size({
-        apply({ rects, elements, availableHeight }) {
-          Object.assign(elements.floating.style, {
-            maxHeight: `${availableHeight}px`,
-            minWidth: `${rects.reference.width}px`
-          });
-        },
-        padding: 10
-      })
-    ]
-  });
-  const listRef = React.useRef([]);
-  const listContentRef = React.useRef(options);
-  const isTypingRef = React.useRef(false);
-  const click = useClick(context, { event: "mousedown" });
-  const dismiss = useDismiss(context);
-  const role = useRole(context, { role: "listbox" });
-  const listNav = useListNavigation(context, {
-    listRef,
-    activeIndex,
-    selectedIndex,
-    onNavigate: setActiveIndex,
-    // This is a large list, allow looping.
-    loop: true
-  });
-  const typeahead = useTypeahead(context, {
-    listRef: listContentRef,
-    activeIndex,
-    selectedIndex,
-    onMatch: isOpen ? setActiveIndex : setSelectedIndex,
-    onTypingChange(isTyping) {
-      isTypingRef.current = isTyping;
-    }
-  });
-  const { getReferenceProps, getFloatingProps, getItemProps } = useInteractions(
-    [dismiss, role, listNav, typeahead, click]
-  );
-  const handleSelect = (index) => {
-    onRowsPerPageChange(options[index]);
-    setSelectedIndex(index);
-    setIsOpen(false);
-  };
-  const selectedItemLabel = selectedIndex !== null ? options[selectedIndex] : void 0;
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { style: { minWidth: "40px" }, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
-      "div",
-      {
-        tabIndex: 0,
-        ref: refs.setReference,
-        "aria-labelledby": "select-label",
-        "aria-autocomplete": "none",
-        ...getReferenceProps(),
-        className: "flex cursor-pointer items-center gap-1 text-sm leading-[120%] text-neutral-900",
-        children: [
-          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: selectedItemLabel }),
-          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-            ChevronDownIcon,
-            {
-              width: "18px",
-              height: "18px",
-              className: "h-[1.125rem] w-[1.125rem] text-neutral-900"
-            }
-          )
-        ]
-      }
-    ),
-    isOpen && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(FloatingPortal, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(FloatingFocusManager, { context, modal: false, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-      "div",
-      {
-        ref: refs.setFloating,
-        className: "overflow-y-auto rounded-lg bg-neutral-100 text-sm font-semibold leading-[120%] text-neutral-900 outline-none",
-        style: {
-          ...floatingStyles
-        },
-        ...getFloatingProps(),
-        children: options.map((value2, i) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-          "div",
-          {
-            ref: (node) => {
-              listRef.current[i] = node;
-            },
-            role: "option",
-            tabIndex: i === activeIndex ? 0 : -1,
-            "aria-selected": i === selectedIndex && i === activeIndex,
-            className: cn(
-              "cursor-default p-[0.625rem]",
-              i === activeIndex && "bg-neutral-200"
-            ),
-            ...getItemProps({
-              // Handle pointer select.
-              onClick() {
-                handleSelect(i);
-              },
-              // Handle keyboard select.
-              onKeyDown(event) {
-                if (event.key === "Enter") {
-                  event.preventDefault();
-                  handleSelect(i);
-                }
-                if (event.key === " " && !isTypingRef.current) {
-                  event.preventDefault();
-                  handleSelect(i);
-                }
-              }
-            }),
-            children: value2
-          },
-          value2
-        ))
-      }
-    ) }) })
-  ] });
-};
-var rows_per_page_select_default = RowsPerPageSelect;
-
-export { rows_per_page_select_default };

package/dist/rows-per-page-select.d.mts

@@ -1,10 +0,0 @@
-import { FC } from 'react';
-
-declare const options: readonly ["10", "25", "50"];
-type RowsPerPageSelectProps = {
-    value: (typeof options)[number];
-    onRowsPerPageChange: (value: (typeof options)[number]) => void;
-};
-declare const RowsPerPageSelect: FC<RowsPerPageSelectProps>;
-
-export { RowsPerPageSelect as default };

package/dist/rows-per-page-select.mjs

@@ -1,5 +0,0 @@
-export { rows_per_page_select_default as default } from './chunk-O5QOPJOD.mjs';
-import './chunk-P3UP2HUA.mjs';
-import './chunk-2MWIFYP3.mjs';
-import './chunk-ERH7LWVL.mjs';
-import './chunk-PLJ6ZHAI.mjs';