@konstructio/ui 0.1.2-alpha.8 → 0.1.2-alpha.80

package/dist/components/VirtualizedTable/components/TruncateText/TruncateText.types.d.ts

@@ -0,0 +1,8 @@
+import { CellContext } from '@tanstack/react-table';
+import { Props as TooltipProps } from '../../../Tooltip/Tooltip.types';
+import { RowData } from '../../VirtualizedTable.types';
+export type Props<TData extends RowData> = CellContext<TData, string> & Partial<Omit<TooltipProps, 'content' | 'children' | 'textClassName'>> & {
+    value?: string;
+    /** Additional className for the text element */
+    textClassName?: string;
+};

package/dist/components/VirtualizedTable/components/WrapperBody/WrapperBody.d.ts

@@ -0,0 +1,3 @@
+import { FC } from 'react';
+import { Props } from './WrapperBody.types';
+export declare const WrapperBody: FC<Props>;

package/dist/components/VirtualizedTable/components/WrapperBody/WrapperBody.js

@@ -0,0 +1,13 @@
+import { t as a } from "../../../../utils-DHuiYnx1.js";
+import { useTableContext as n } from "../../contexts/table.hook.js";
+import { jsx as m } from "react/jsx-runtime";
+var p = ({ children: o, classNameWrapperTable: r, isLoading: e, showPagination: t }) => {
+  const { tableFetching: d } = n();
+  return /* @__PURE__ */ m("div", {
+    className: a("shadow rounded-t-lg overflow-hidden", { "rounded-lg": !t || d || e }, r),
+    children: o
+  });
+};
+export {
+  p as WrapperBody
+};

package/dist/components/VirtualizedTable/components/WrapperBody/WrapperBody.types.d.ts

@@ -0,0 +1,6 @@
+import { PropsWithChildren } from 'react';
+export type Props = PropsWithChildren & {
+    classNameWrapperTable?: string;
+    isLoading?: boolean;
+    showPagination?: boolean;
+};

package/dist/components/VirtualizedTable/components/index.d.ts

@@ -0,0 +1,7 @@
+export * from './Actions/Actions';
+export * from './Body/Body';
+export * from './Filter/Filter';
+export * from './Header/Header';
+export * from './Pagination/Pagination';
+export * from './TruncateText/TruncateText';
+export * from './WrapperBody/WrapperBody';

package/dist/components/VirtualizedTable/components/index.js

@@ -1,14 +1,16 @@
-import { Actions as e } from "./Actions/Actions.js";
-import { Body as x } from "./Body/Body.js";
-import { Filter as m } from "./Filter/Filter.js";
-import { Header as a } from "./Header/Header.js";
+import { Actions as o } from "./Actions/Actions.js";
+import { Body as t } from "./Body/Body.js";
+import { Filter as p } from "./Filter/Filter.js";
+import { Header as f } from "./Header/Header.js";
 import { Pagination as n } from "./Pagination/Pagination.js";
-import { TruncateText as d } from "./TruncateText/TruncateText.js";
+import { TruncateText as c } from "./TruncateText/TruncateText.js";
+import { WrapperBody as y } from "./WrapperBody/WrapperBody.js";
 export {
-  e as Actions,
-  x as Body,
-  m as Filter,
-  a as Header,
+  o as Actions,
+  t as Body,
+  p as Filter,
+  f as Header,
   n as Pagination,
-  d as TruncateText
+  c as TruncateText,
+  y as WrapperBody
 };

package/dist/components/VirtualizedTable/constants/index.d.ts

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

package/dist/components/VirtualizedTable/constants/index.js

@@ -1,5 +1,5 @@
-import { DEFAULT_PAGE_SIZE as _, DEFAULT_PAGE_SIZES as S } from "./pagination.js";
+import { DEFAULT_PAGE_SIZE as A, DEFAULT_PAGE_SIZES as _ } from "./pagination.js";
 export {
-  _ as DEFAULT_PAGE_SIZE,
-  S as DEFAULT_PAGE_SIZES
+  A as DEFAULT_PAGE_SIZE,
+  _ as DEFAULT_PAGE_SIZES
 };

package/dist/components/VirtualizedTable/constants/pagination.d.ts

@@ -0,0 +1,2 @@
+export declare const DEFAULT_PAGE_SIZE = 10;
+export declare const DEFAULT_PAGE_SIZES: number[];

package/dist/components/VirtualizedTable/constants/pagination.js

@@ -1,4 +1,9 @@
-const E = 10, A = [10, 20, 50, 100];
+var E = 10, A = [
+  10,
+  20,
+  50,
+  100
+];
 export {
   E as DEFAULT_PAGE_SIZE,
   A as DEFAULT_PAGE_SIZES

package/dist/components/VirtualizedTable/contexts/index.d.ts

@@ -0,0 +1,3 @@
+export * from './table.context';
+export * from './table.hook';
+export * from './table.provider';

package/dist/components/VirtualizedTable/contexts/index.js

@@ -1,8 +1,8 @@
-import { TableContext as r } from "./table.context.js";
-import { useTableContext as x } from "./table.hook.js";
-import { TableProvider as b } from "./table.provider.js";
+import { t as r } from "../../../table.provider-4OQNqxH3.js";
+import { TableContext as e } from "./table.context.js";
+import { useTableContext as a } from "./table.hook.js";
 export {
-  r as TableContext,
-  b as TableProvider,
-  x as useTableContext
+  e as TableContext,
+  r as TableProvider,
+  a as useTableContext
 };

package/dist/components/VirtualizedTable/contexts/table.context.d.ts

@@ -0,0 +1,44 @@
+import { ColumnSort, SortingState, Table } from '@tanstack/react-table';
+import { Dispatch, ReactNode, SetStateAction } from 'react';
+import { RowData } from '../VirtualizedTable.types';
+export type ContextType<TData extends RowData = RowData> = {
+    sortedData: ColumnSort[];
+    table: Table<TData>;
+    pageSize: number;
+    tableFetching?: boolean;
+    tableLoading?: boolean;
+    totalItems?: number;
+    termOfSearch?: string;
+    page: number;
+    multiselectSelected?: Record<string, string[]>;
+    dateFilters?: Record<string, string | undefined>;
+    dateRangeFilters?: Record<string, {
+        from?: string;
+        to?: string;
+    } | undefined>;
+    timeFilters?: Record<string, string | undefined>;
+    totalPages: number;
+    isFirstLoad: boolean;
+    enableExpandedRow?: boolean;
+    classNameExpandedRow?: string;
+    classNameExpandedCell?: string;
+    classNameExpandedContent?: string;
+    classNameActiveExpandedRow?: string;
+    enableHoverRow?: boolean;
+    classNameHoverRow?: string;
+    isBorderOnAdjacentCell?: boolean;
+    isExpandColumnVisible?: boolean;
+    renderExpandedRow?: (data: RowData) => ReactNode;
+    handlePage: (newPage: number) => void;
+    onPageSize: (newPageSize: number) => void;
+    onSorting: Dispatch<SetStateAction<SortingState>>;
+    onChangeTermOfSearch: (term: string) => void;
+    onSelectMultiselect: (key: string, selectedValues: string[]) => void;
+    onSelectDateFilter: (key: string, date?: Date) => void;
+    onSelectDateRangeFilter: (key: string, range?: {
+        from?: Date;
+        to?: Date;
+    }) => void;
+    onSelectTimeFilter: (key: string, time?: Date) => void;
+};
+export declare const TableContext: import('react').Context<ContextType<unknown>>;

package/dist/components/VirtualizedTable/contexts/table.context.js

@@ -1,6 +1,6 @@
+import "../constants/pagination.js";
 import { createContext as e } from "react";
-import { DEFAULT_PAGE_SIZE as t } from "../constants/pagination.js";
-const r = e({
+var r = e({
   sortedData: [],
   table: {},
   tableFetching: !1,
@@ -8,8 +8,9 @@ const r = e({
   totalItems: -1 / 0,
   termOfSearch: "",
   page: 0,
-  pageSize: t,
+  pageSize: 10,
   totalPages: 1 / 0,
+  isFirstLoad: !0,
   onSorting() {
     throw new Error("onSorting function is not implemented");
   },
@@ -19,6 +20,15 @@ const r = e({
   onSelectMultiselect() {
     throw new Error("onSelectMultiselect function is not implemented");
   },
+  onSelectDateFilter() {
+    throw new Error("onSelectDateFilter function is not implemented");
+  },
+  onSelectDateRangeFilter() {
+    throw new Error("onSelectDateRangeFilter function is not implemented");
+  },
+  onSelectTimeFilter() {
+    throw new Error("onSelectTimeFilter function is not implemented");
+  },
   handlePage() {
     throw new Error("handlePage function is not implemented");
   },

package/dist/components/VirtualizedTable/contexts/table.hook.d.ts

@@ -0,0 +1,3 @@
+import { RowData } from '../VirtualizedTable.types';
+import { ContextType } from './table.context';
+export declare const useTableContext: <TData extends RowData = RowData>() => ContextType<TData>;

package/dist/components/VirtualizedTable/contexts/table.hook.js

@@ -1,11 +1,10 @@
-import { useContext as e } from "react";
-import { TableContext as o } from "./table.context.js";
-const s = () => {
-  const t = e(o);
-  if (!t)
-    throw new Error("useTableContext must be used within a TableProvider");
-  return t;
+import { TableContext as t } from "./table.context.js";
+import { useContext as o } from "react";
+var a = () => {
+  const e = o(t);
+  if (!e) throw new Error("useTableContext must be used within a TableProvider");
+  return e;
 };
 export {
-  s as useTableContext
+  a as useTableContext
 };

package/dist/components/VirtualizedTable/contexts/table.provider.d.ts

@@ -0,0 +1,3 @@
+import { RowData } from '../VirtualizedTable.types';
+import { Props } from './table.types';
+export declare const TableProvider: <TData extends RowData = RowData>({ children, classNameExpandedCell, classNameExpandedContent, classNameExpandedRow, classNameExpandedHeader, classNameActiveExpandedRow, classNameHoverRow, columns, data: defaultData, defaultExpanded, enableExpandedRow, enableHoverRow, expandedState, id, isPaginationEnabled, queryOptions, totalItems, getRowId, fetchData, onExpandedChange, renderExpandedRow, keepExpandColumnVisible, }: Props<TData>) => import("react/jsx-runtime").JSX.Element;

package/dist/components/VirtualizedTable/contexts/table.provider.js

@@ -1,82 +1,4 @@
-import { jsx as z } from "react/jsx-runtime";
-import { useQuery as E } from "@tanstack/react-query";
-import { u as _, g as j, a as k } from "../../../index-Dx2grAuN.js";
-import { useState as t, useMemo as q, useCallback as s } from "react";
-import { TableContext as A } from "./table.context.js";
-import { DEFAULT_PAGE_SIZE as K } from "../constants/pagination.js";
-const Z = ({
-  children: u,
-  id: d,
-  data: S = [],
-  columns: f = [],
-  totalItems: h,
-  fetchData: p
-}) => {
-  const [i, g] = t([]), [n, m] = t(0), [r, C] = t(), [o, M] = t(K), [c, b] = t(h), P = q(
-    () => Math.ceil(c / o),
-    [c, o]
-  ), [a, w] = t({}), { data: y, isLoading: O, isFetching: T } = E({
-    queryKey: [
-      d,
-      n,
-      o,
-      r,
-      JSON.stringify(a)
-    ],
-    refetchOnMount: !1,
-    refetchOnWindowFocus: !1,
-    initialData: S,
-    queryFn: () => p({
-      page: Math.max(n + 1, 1),
-      pageSize: o,
-      termOfSearch: r,
-      ...Object.keys(a).length > 0 ? a : {}
-    }).then(({ data: e, totalItemsCount: l }) => (b(l), e))
-  }), F = s((e) => {
-    C(e), m(0);
-  }, []), I = s((e, l) => {
-    const L = e.toLowerCase().replace(/\s+/g, "_");
-    w((v) => ({
-      ...v,
-      [L]: l
-    }));
-  }, []), R = s((e) => m(e), []), x = s(
-    (e) => M(e),
-    []
-  ), D = _({
-    data: y,
-    columns: f,
-    state: {
-      sorting: i
-    },
-    onSortingChange: g,
-    getCoreRowModel: k(),
-    getSortedRowModel: j()
-  });
-  return /* @__PURE__ */ z(
-    A.Provider,
-    {
-      value: {
-        sortedData: i,
-        table: D,
-        tableFetching: T,
-        tableLoading: O,
-        totalItems: c,
-        termOfSearch: r,
-        page: n,
-        multiselectSelected: a,
-        pageSize: o,
-        totalPages: P,
-        handlePage: R,
-        onPageSize: x,
-        onChangeTermOfSearch: F,
-        onSorting: g,
-        onSelectMultiselect: I
-      },
-      children: u
-    }
-  );
-};
+import { t as o } from "../../../table.provider-4OQNqxH3.js";
 export {
-  Z as TableProvider
+  o as TableProvider
 };

package/dist/components/VirtualizedTable/contexts/table.types.d.ts

@@ -0,0 +1,29 @@
+import { ColumnDef, ExpandedState, OnChangeFn } from '@tanstack/react-table';
+import { PropsWithChildren, ReactNode } from 'react';
+import { RowData, Props as TableProps } from '../VirtualizedTable.types';
+export type Props<TData extends RowData = RowData> = PropsWithChildren & {
+    id: string | string[] | number | number[];
+    data: TData[];
+    columns: ColumnDef<TData, string>[];
+    totalItems: number;
+    queryOptions?: TableProps<TData>['queryOptions'];
+    isPaginationEnabled?: boolean;
+    enableExpandedRow?: boolean;
+    expandedState?: ExpandedState;
+    defaultExpanded?: ExpandedState;
+    classNameExpandedRow?: string;
+    classNameExpandedCell?: string;
+    classNameExpandedContent?: string;
+    classNameExpandedHeader?: string;
+    classNameActiveExpandedRow?: string;
+    enableHoverRow?: boolean;
+    classNameHoverRow?: string;
+    onExpandedChange?: OnChangeFn<ExpandedState>;
+    renderExpandedRow?: (data: TData) => ReactNode;
+    keepExpandColumnVisible?: boolean | Record<string, boolean>;
+    getRowId?: (originalRow: TData, index: number) => string;
+    fetchData?: (params: Record<string, string | number | string[] | number[] | undefined>, signal?: AbortSignal) => Promise<{
+        data: TData[];
+        totalItemsCount?: number;
+    }>;
+};

package/dist/components/VirtualizedTable/events/index.d.ts

@@ -0,0 +1,12 @@
+export declare enum VirtualizedTableEvent {
+    EXPAND_ROW = "@konstructio/VirtualizedTable/event-EXPAND_ROW",
+    COLLAPSE_ROW = "@konstructio/VirtualizedTable/event-COLLAPSE_ROW",
+    TOGGLE_ROW = "@konstructio/VirtualizedTable/event-TOGGLE_ROW"
+}
+export type VirtualizedTableEventDetail = {
+    tableId: string;
+    rowId: string;
+};
+export declare const sendExpandRowEvent: (tableId: string, rowId: string) => void;
+export declare const sendCollapseRowEvent: (tableId: string, rowId: string) => void;
+export declare const sendToggleRowEvent: (tableId: string, rowId: string) => void;

package/dist/components/VirtualizedTable/events/index.js

@@ -0,0 +1,24 @@
+var n = /* @__PURE__ */ (function(t) {
+  return t.EXPAND_ROW = "@konstructio/VirtualizedTable/event-EXPAND_ROW", t.COLLAPSE_ROW = "@konstructio/VirtualizedTable/event-COLLAPSE_ROW", t.TOGGLE_ROW = "@konstructio/VirtualizedTable/event-TOGGLE_ROW", t;
+})({}), o = (t, e) => {
+  document.dispatchEvent(new CustomEvent(n.EXPAND_ROW, { detail: {
+    tableId: t,
+    rowId: e
+  } }));
+}, E = (t, e) => {
+  document.dispatchEvent(new CustomEvent(n.COLLAPSE_ROW, { detail: {
+    tableId: t,
+    rowId: e
+  } }));
+}, O = (t, e) => {
+  document.dispatchEvent(new CustomEvent(n.TOGGLE_ROW, { detail: {
+    tableId: t,
+    rowId: e
+  } }));
+};
+export {
+  n as VirtualizedTableEvent,
+  E as sendCollapseRowEvent,
+  o as sendExpandRowEvent,
+  O as sendToggleRowEvent
+};

package/dist/components/index.d.ts

@@ -0,0 +1,56 @@
+export * from './Alert/Alert';
+export * from './AlertDialog/AlertDialog';
+export * from './Autocomplete/Autocomplete';
+export * from './Badge/Badge';
+export * from './Breadcrumb/Breadcrumb';
+export * from './Button/Button';
+export * from './ButtonGroup/ButtonGroup';
+export * from './Card/Card';
+export * from './Checkbox/Checkbox';
+export * from './Counter/Counter';
+export * from './Datepicker/DatePicker';
+export * from './DateRangePicker/DateRangePicker';
+export type { DateRangePickerProps, DateRange, DateRangePreset, DateRangeWithTime, TimeRange, } from './DateRangePicker/DateRangePicker.types';
+export * from './Divider/Divider';
+export * from './Drawer/Drawer';
+export * from './DropdownButton/DropdownButton';
+export * from './Filter/Filter';
+export * from './ImageUpload/ImageUpload';
+export * from './Input/Input';
+export * from './LineChart/LineChart';
+export * from './Loading/Loading';
+export * from './Modal/Modal';
+export * from './MultiSelectDropdown/MultiSelectDropdown';
+export * from './PhoneNumberInput/PhoneNumberInput';
+export * from './PieChart/PieChart';
+export * from './ProgressBar/ProgressBar';
+export * from './Radio/Radio';
+export * from './RadioCard/RadioCard';
+export * from './RadioCardGroup/RadioCardGroup';
+export * from './RadioGroup/RadioGroup';
+export * from './Range/Range';
+export * from './Select/Select';
+export * from './Sidebar/Sidebar';
+export * from './Slider/Slider';
+export * from './Spinner/Spinner';
+export * from './Stepper/Stepper';
+export * from './Switch/Switch';
+export * from './Table/Table';
+export * from './Tabs/Tabs';
+export * from './Tag/Tag';
+export * from './TagSelect/TagSelect';
+export * from './TextArea/TextArea';
+export * from './TimePicker/TimePicker';
+export * from './Toast/Toast';
+export * from './Tooltip/Tooltip';
+export * from './Typography/Typography';
+export * from './VirtualizedTable/VirtualizedTable';
+export { sendExpandRowEvent, sendCollapseRowEvent, sendToggleRowEvent, VirtualizedTableEvent, } from './VirtualizedTable/events';
+export type { VirtualizedTableEventDetail } from './VirtualizedTable/events';
+export type { ColumnDef, RowData, FilterConfig, ActionFilterConfig, BadgeMultiSelectFilterConfig, TextMultiSelectFilterConfig, DateFilterConfig, DateRangeFilterConfig, TimeFilterConfig, } from './VirtualizedTable/VirtualizedTable.types';
+export type { Step, StepperClassNames, StepperIcons, StepperProps, StepSize, StepStatus, StepVariant, } from './Stepper/Stepper.types';
+export { horizontalConnectorWrapperVariants, stepConnectorVariants, stepContentVariants, stepDescriptionVariants, stepIndicatorVariants, stepItemVariants, stepLabelVariants, stepListVariants, stepperVariants, stepVariants, } from './Stepper/Stepper.variants';
+/** @deprecated Use Counter instead */
+export { Counter as NumberInput } from './Counter/Counter';
+/** @deprecated Use Select instead */
+export { Select as Dropdown } from './Select/Select';