listpage-next 0.0.170 → 0.0.171

package/dist/components/PageLayout/components/PageContent/index.d.ts

@@ -0,0 +1,5 @@
+import { ReactNode } from 'react';
+export interface PageContentProps {
+    children?: ReactNode;
+}
+export declare const PageContent: (props: PageContentProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/PageLayout/components/PageContent/index.js

@@ -0,0 +1,15 @@
+import { jsx } from "react/jsx-runtime";
+import { Layout } from "antd";
+import { styled } from "styled-components";
+const { Content } = Layout;
+const PageContent = (props)=>{
+    const { children } = props;
+    return /*#__PURE__*/ jsx(ContentStyled, {
+        children: children
+    });
+};
+const ContentStyled = styled(Content)`
+  background-color: #fff;
+  overflow: auto;
+`;
+export { PageContent };

package/dist/components/PageLayout/components/PageHeader/index.d.ts

@@ -0,0 +1,5 @@
+import { ReactNode } from 'react';
+export interface PageHeaderProps {
+    children?: ReactNode;
+}
+export declare const PageHeader: (props: PageHeaderProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/PageLayout/components/PageHeader/index.js

@@ -0,0 +1,5 @@
+import { Fragment, jsx } from "react/jsx-runtime";
+const PageHeader = (props)=>/*#__PURE__*/ jsx(Fragment, {
+        children: props.children
+    });
+export { PageHeader };

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

@@ -0,0 +1,10 @@
+import { SiderProps } from 'antd';
+export interface PageLayoutProps {
+    sider?: React.ReactNode;
+    header?: React.ReactNode;
+    content?: React.ReactNode;
+    logo?: React.ReactNode;
+    defaultCollapsed?: boolean;
+    siderProps?: Omit<SiderProps, 'collapsed' | 'onCollapse'>;
+}
+export declare const PageLayout: (props: PageLayoutProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/PageLayout/components/PageLayout/index.js

@@ -0,0 +1,44 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Layout } from "antd";
+import { styled } from "styled-components";
+import { PageSider } from "../PageSider/index.js";
+import { PageHeader } from "../PageHeader/index.js";
+import { PageContent } from "../PageContent/index.js";
+import { PageProvider, usePageContext } from "../PageProvider/index.js";
+const PageLayoutComponent = (props)=>{
+    const { siderProps, sider, header, content, logo } = props;
+    const { collapsed, setCollapsed } = usePageContext();
+    return /*#__PURE__*/ jsxs(LayoutStyled, {
+        children: [
+            /*#__PURE__*/ jsx(PageSider, {
+                ...siderProps,
+                logo: logo,
+                collapsed: collapsed,
+                onCollapse: setCollapsed,
+                children: sider
+            }),
+            /*#__PURE__*/ jsxs(Layout, {
+                hasSider: false,
+                children: [
+                    /*#__PURE__*/ jsx(PageHeader, {
+                        children: header
+                    }),
+                    /*#__PURE__*/ jsx(PageContent, {
+                        children: content
+                    })
+                ]
+            })
+        ]
+    });
+};
+const PageLayout = (props)=>/*#__PURE__*/ jsx(PageProvider, {
+        defaultCollapsed: props.defaultCollapsed,
+        children: /*#__PURE__*/ jsx(PageLayoutComponent, {
+            ...props
+        })
+    });
+const LayoutStyled = styled(Layout)`
+  height: 100vh;
+  overflow: hidden;
+`;
+export { PageLayout };

package/dist/components/{Page/components/Loading → PageLayout/components/PageLoading}/index.js

@@ -15,7 +15,7 @@ const PageLoading = styled_components.div`
   &::after {
     animation: LoadingAnimation 1.5s linear infinite;
     border-radius: 5px;
-    content: "";
+    content: '';
     height: 10px;
     left: 50%;
     position: absolute;
@@ -28,27 +28,37 @@ const PageLoading = styled_components.div`
 
   @keyframes LoadingAnimation {
     0% {
-      box-shadow: -16px 20px 0 -5px #b89dfe, 0 20px 0 0 #2e6ee7,
+      box-shadow:
+        -16px 20px 0 -5px #b89dfe,
+        0 20px 0 0 #2e6ee7,
         16px 20px 0 2px #b89dfe;
     }
 
     25% {
-      box-shadow: -16px 20px 0 0 #b89dfe, 0 20px 0 2px #2e6ee7,
+      box-shadow:
+        -16px 20px 0 0 #b89dfe,
+        0 20px 0 2px #2e6ee7,
         16px 20px 0 0 #b89dfe;
     }
 
     50% {
-      box-shadow: -16px 20px 0 2px #b89dfe, 0 20px 0 0 #2e6ee7,
+      box-shadow:
+        -16px 20px 0 2px #b89dfe,
+        0 20px 0 0 #2e6ee7,
         16px 20px 0 -5px #b89dfe;
     }
 
     75% {
-      box-shadow: -16px 20px 0 0 #b89dfe, 0 20px 0 -5px #2e6ee7,
+      box-shadow:
+        -16px 20px 0 0 #b89dfe,
+        0 20px 0 -5px #2e6ee7,
         16px 20px 0 0 #b89dfe;
     }
 
     to {
-      box-shadow: -16px 20px 0 -5px #b89dfe, 0 20px 0 0 #2e6ee7,
+      box-shadow:
+        -16px 20px 0 -5px #b89dfe,
+        0 20px 0 0 #2e6ee7,
         16px 20px 0 2px #b89dfe;
     }
   }

package/dist/components/{Page/context/page.d.ts → PageLayout/components/PageProvider/index.d.ts}

@@ -2,11 +2,11 @@ export declare const PageContext: import("react").Context<{
     collapsed: boolean;
     setCollapsed: (collapsed: boolean) => void;
 }>;
-export declare const PageContextProvider: ({ children, collapsed, setCollapsed, }: {
+export interface PageProviderProps {
     children: React.ReactNode;
-    collapsed: boolean;
-    setCollapsed: (collapsed: boolean) => void;
-}) => import("react/jsx-runtime").JSX.Element;
+    defaultCollapsed?: boolean;
+}
+export declare const PageProvider: ({ children, defaultCollapsed, }: PageProviderProps) => import("react/jsx-runtime").JSX.Element;
 export declare const usePageContext: () => {
     collapsed: boolean;
     setCollapsed: (collapsed: boolean) => void;

package/dist/components/{Page/context/page.js → PageLayout/components/PageProvider/index.js}

@@ -1,15 +1,18 @@
 import { jsx } from "react/jsx-runtime";
-import { createContext, useContext } from "react";
+import { createContext, useContext, useState } from "react";
 const PageContext = /*#__PURE__*/ createContext({
     collapsed: false,
     setCollapsed: ()=>{}
 });
-const PageContextProvider = ({ children, collapsed, setCollapsed })=>/*#__PURE__*/ jsx(PageContext.Provider, {
+const PageProvider = ({ children, defaultCollapsed = false })=>{
+    const [collapsed, setCollapsed] = useState(defaultCollapsed);
+    return /*#__PURE__*/ jsx(PageContext.Provider, {
         value: {
             collapsed,
             setCollapsed
         },
         children: children
     });
+};
 const usePageContext = ()=>useContext(PageContext);
-export { PageContext, PageContextProvider, usePageContext };
+export { PageContext, PageProvider, usePageContext };

package/dist/components/PageLayout/components/PageSider/index.d.ts

@@ -0,0 +1,7 @@
+import { SiderProps } from 'antd';
+import { ReactNode } from 'react';
+export interface PageSiderProps extends Omit<SiderProps, 'children'> {
+    logo?: ReactNode;
+    children?: ReactNode;
+}
+export declare const PageSider: (props: PageSiderProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/PageLayout/components/PageSider/index.js

@@ -0,0 +1,43 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { styled } from "styled-components";
+import { Layout } from "antd";
+const PageSider = (props)=>{
+    const { logo, children, ...siderProps } = props;
+    return /*#__PURE__*/ jsx(SiderStyled, {
+        trigger: null,
+        width: 256,
+        collapsedWidth: 80,
+        breakpoint: "lg",
+        collapsible: true,
+        ...siderProps,
+        children: /*#__PURE__*/ jsxs(SiderContent, {
+            children: [
+                logo && /*#__PURE__*/ jsx(LogoContentWrapper, {
+                    children: logo
+                }),
+                /*#__PURE__*/ jsx(SiderContentWrapper, {
+                    children: children
+                })
+            ]
+        })
+    });
+};
+const SiderStyled = styled(Layout.Sider)`
+  background-color: #fff;
+  border-right: 1px solid #e5e5e5;
+  display: flex;
+  flex-direction: column;
+`;
+const SiderContent = styled.div`
+  display: flex;
+  flex-direction: column;
+  overflow: hidden;
+`;
+const SiderContentWrapper = styled.div`
+  flex: 1;
+  overflow: auto;
+`;
+const LogoContentWrapper = styled.div`
+  flex: 0;
+`;
+export { PageSider };

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

@@ -0,0 +1,4 @@
+export { PageLoading } from './components/PageLoading';
+export { PageLayout } from './components/PageLayout';
+export type { PageLayoutProps } from './components/PageLayout';
+export { PageContext, usePageContext } from './components/PageProvider';

package/dist/components/PageLayout/index.js

@@ -0,0 +1,4 @@
+import { PageLoading } from "./components/PageLoading/index.js";
+import { PageLayout } from "./components/PageLayout/index.js";
+import { PageContext, usePageContext } from "./components/PageProvider/index.js";
+export { PageContext, PageLayout, PageLoading, usePageContext };

package/dist/context/index.d.ts

@@ -1 +1 @@
-export { FloatContext, FloatProvider, useFloatContext, type FloatComponentProps } from './float';
+export { FloatContext, FloatProvider, useFloatContext } from './float';

package/dist/demos/demo2.js

@@ -1,5 +1,5 @@
 import { jsx } from "react/jsx-runtime";
-import { PageContainer } from "../components/Page/index.js";
+import { PageLayout } from "../components/PageLayout/index.js";
 const Demo2 = ()=>{
     const sider = /*#__PURE__*/ jsx("div", {
         children: "侧边栏"
@@ -10,7 +10,7 @@ const Demo2 = ()=>{
     const header = /*#__PURE__*/ jsx("div", {
         children: "顶部"
     });
-    return /*#__PURE__*/ jsx(PageContainer, {
+    return /*#__PURE__*/ jsx(PageLayout, {
         sider: sider,
         content: content,
         header: header

package/dist/demos/demo5.js

@@ -1,6 +1,6 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Button, DatePicker, Input, Select, Space, Switch } from "antd";
-import { ListPage } from "../components/Page/components/ListPage/v2.js";
+import { ListPage } from "../features/ListPage/index.js";
 const columns = [
     {
         key: 'enable',

package/dist/features/ChatClient/components/ChatContent/index.js

@@ -5,7 +5,7 @@ import { styled } from "styled-components";
 import { ClientContentBody } from "./ClientContentBody.js";
 import { ClientContentHeader } from "./ClientContentHeader.js";
 import { MessageProvider, useChatClientContext } from "../../context/index.js";
-import { PageLoading } from "../../../../components/Page/components/Loading/index.js";
+import { PageLoading } from "../../../../components/PageLayout/index.js";
 const ClientContentComponent = (props)=>{
     const { extra, style, header, sender, className, title, onTitleChange, onClickNewConversation, senderProps, bubbleProps } = props;
     return /*#__PURE__*/ jsxs(Container, {

package/dist/features/ChatClient/ui/Bubble/BubbleList.js

@@ -1,7 +1,7 @@
 import { jsx } from "react/jsx-runtime";
 import { useRef } from "react";
 import { styled } from "styled-components";
-import { PageLoading } from "../../../../components/Page/index.js";
+import { PageLoading } from "../../../../components/PageLayout/index.js";
 const BubbleList = (props)=>{
     const { loading, styles, messages, messageRender } = props;
     const bottomRef = useRef(null);

package/dist/features/ListPage/components/DataTable/index.d.ts

@@ -0,0 +1,4 @@
+import { DataTableProps } from './types';
+export declare const DataTable: (<FilterValue = any, RecordValue extends Record<string, any> = any>(props: DataTableProps<FilterValue, RecordValue>) => import("react/jsx-runtime").JSX.Element) & {
+    displayName: string;
+};

package/dist/{components/Page/components/ListPage/DataTable.js → features/ListPage/components/DataTable/index.js}

@@ -1,13 +1,13 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Card, Table } from "antd";
 import { observer } from "mobx-react-lite";
-import { useListPageStore } from "../../context/listpage.js";
-import { TableContainer } from "../../../DataTable/index.js";
+import { useListPageStore } from "../../context/index.js";
 import { usePagination } from "../../hooks/usePagination.js";
 import { useColumns } from "../../hooks/useColumns.js";
 import { useSelectionTools } from "../../hooks/useSelectionTools.js";
+import { TableContainer } from "../../styles.js";
 const DataTable = observer((props)=>{
-    const { title, extra, columns, rowTitleKey, rowSelectionType, tableProps } = props;
+    const { title, extra, columns = [], rowTitleKey, rowSelectionType, tableProps } = props;
     const store = useListPageStore();
     const paginationEle = usePagination(tableProps?.pagination);
     const newColumns = useColumns(columns);

package/dist/features/ListPage/components/DataTable/renders/index.d.ts

@@ -0,0 +1,7 @@
+export declare const renders: {
+    link: import("../types").ColumnRender<"link">;
+    text: import("../types").ColumnRender<"text">;
+    tag: import("../types").ColumnRender<"tag">;
+    switch: import("../types").ColumnRender<"switch">;
+    time: import("../types").ColumnRender<"time">;
+};

package/dist/features/ListPage/components/DataTable/renders/index.js

@@ -0,0 +1,13 @@
+import { linkRender } from "./link.js";
+import { switchRender } from "./switch.js";
+import { tagRender } from "./tag.js";
+import { textRender } from "./text.js";
+import { timeRender } from "./time.js";
+const renders = {
+    link: linkRender,
+    text: textRender,
+    tag: tagRender,
+    switch: switchRender,
+    time: timeRender
+};
+export { renders };

package/dist/features/ListPage/components/DataTable/renders/link.d.ts

@@ -0,0 +1,2 @@
+import { ColumnRender } from '../types';
+export declare const linkRender: ColumnRender<'link'>;

package/dist/features/ListPage/components/DataTable/renders/link.js

@@ -0,0 +1,27 @@
+import { jsx } from "react/jsx-runtime";
+import { styled } from "styled-components";
+const LinkStyle = styled.a`
+  color: #1677ff;
+  &:hover {
+    color: #69b1ff;
+  }
+  outline: 0;
+  text-decoration: none;
+  transition: color 0.3s;
+  background-color: transparent;
+  cursor: pointer;
+`;
+const getPropName = (propName, record)=>{
+    if ('function' == typeof propName) return propName(record);
+    return record[propName];
+};
+const linkRender = (value, record, index, props)=>{
+    const title = getPropName(props?.titlePropName || 'title', record);
+    const href = getPropName(props?.hrefPropName || 'href', record);
+    return /*#__PURE__*/ jsx(LinkStyle, {
+        href: href,
+        target: props?.target,
+        children: title
+    });
+};
+export { linkRender };

package/dist/features/ListPage/components/DataTable/renders/switch.d.ts

@@ -0,0 +1,2 @@
+import { ColumnRender } from '../types';
+export declare const switchRender: ColumnRender<'switch'>;

package/dist/features/ListPage/components/DataTable/renders/switch.js

@@ -0,0 +1,10 @@
+import { jsx } from "react/jsx-runtime";
+import { AsyncSwitch } from "../../../../../components/AsyncSwitch/index.js";
+const switchRender = (value, record, index, props)=>/*#__PURE__*/ jsx(AsyncSwitch, {
+        defaultValue: value,
+        ...props,
+        syncChange: async (checked)=>{
+            await props?.syncChange?.(checked, record);
+        }
+    });
+export { switchRender };

package/dist/features/ListPage/components/DataTable/renders/tag.d.ts

@@ -0,0 +1,2 @@
+import { ColumnRender } from '../types';
+export declare const tagRender: ColumnRender<'tag'>;

package/dist/features/ListPage/components/DataTable/renders/tag.js

@@ -0,0 +1,7 @@
+import { jsx } from "react/jsx-runtime";
+import { Tag } from "antd";
+const tagRender = (value, record, index, props)=>/*#__PURE__*/ jsx(Tag, {
+        ...props,
+        children: value
+    });
+export { tagRender };

package/dist/features/ListPage/components/DataTable/renders/text.d.ts

@@ -0,0 +1,2 @@
+import { ColumnRender } from '../types';
+export declare const textRender: ColumnRender<'text'>;

package/dist/features/ListPage/components/DataTable/renders/text.js

@@ -0,0 +1,10 @@
+import { jsx } from "react/jsx-runtime";
+import { Typography } from "antd";
+const textRender = (value, record, index, props)=>/*#__PURE__*/ jsx(Typography.Text, {
+        ellipsis: {
+            tooltip: true
+        },
+        ...props,
+        children: value
+    });
+export { textRender };

package/dist/features/ListPage/components/DataTable/renders/time.d.ts

@@ -0,0 +1,2 @@
+import { ColumnRender } from '../types';
+export declare const timeRender: ColumnRender<'time'>;

package/dist/features/ListPage/components/DataTable/renders/time.js

@@ -0,0 +1,15 @@
+import { jsx } from "react/jsx-runtime";
+import dayjs from "dayjs";
+const timeRender = (value, record, index, props)=>{
+    try {
+        const time = value ? dayjs(value).format(props?.format) : '-';
+        return /*#__PURE__*/ jsx("span", {
+            children: time
+        });
+    } catch  {
+        return /*#__PURE__*/ jsx("span", {
+            children: "-"
+        });
+    }
+};
+export { timeRender };

package/dist/features/ListPage/components/DataTable/types.d.ts

@@ -0,0 +1,34 @@
+import { TableProps, TagProps, TypographyProps } from 'antd';
+import { ColumnType } from 'antd/es/table';
+import { HTMLAttributeAnchorTarget, ReactNode } from 'react';
+import { ListPageStore } from '../../context';
+export type ComponentType = 'text' | 'time' | 'tag' | 'link' | 'switch';
+export type ComponentProps<RecordValue extends Record<string, any> = any> = {
+    text: TypographyProps['Text'];
+    time: {
+        format?: string;
+    };
+    tag: TagProps;
+    link: {
+        titlePropName?: string | ((record: RecordValue) => string);
+        hrefPropName?: string | ((record: RecordValue) => string);
+        target?: HTMLAttributeAnchorTarget;
+    };
+    switch: {
+        syncChange?: (value: boolean, record: RecordValue) => Promise<void>;
+    };
+};
+export type CustomColumnRender<RecordValue extends Record<string, any> = any, Context = any> = (value: RecordValue[keyof RecordValue], record: RecordValue, index: number, ctx: Context) => ReactNode;
+export interface ListPageTableColumn<FilterValue = any, RecordValue extends Record<string, any> = any> extends ColumnType<RecordValue> {
+    component?: ComponentType | CustomColumnRender<RecordValue, ListPageStore<FilterValue, RecordValue>>;
+    props?: this['component'] extends ComponentType ? ComponentProps<RecordValue>[this['component']] : unknown;
+}
+export interface DataTableProps<FilterValue = any, RecordValue extends Record<string, any> = any> {
+    title?: ReactNode;
+    extra?: React.ReactNode | ((ctx: ListPageStore<FilterValue, RecordValue>) => React.ReactNode);
+    rowSelectionType?: 'checkbox' | 'radio';
+    rowTitleKey?: string;
+    columns?: ListPageTableColumn<FilterValue, RecordValue>[];
+    tableProps?: Omit<TableProps<RecordValue>, 'dataSource' | 'title' | 'columns'>;
+}
+export type ColumnRender<Type extends ComponentType, R extends Record<string, any> = any, K extends string = any> = (value: R[K], record: R, index: number, props: ComponentProps<R>[Type]) => ReactNode;

package/dist/features/ListPage/components/DataTable/utils/render.d.ts

@@ -0,0 +1,2 @@
+import { ComponentType } from '../types';
+export declare function createColumnRender<RecordValue extends Record<string, any> = any, FilterValue = any>(component?: ComponentType, props?: any): ((value: any, record: RecordValue, index: number) => import("react").ReactNode) | undefined;

package/dist/features/ListPage/components/DataTable/utils/render.js

@@ -0,0 +1,25 @@
+import { textRender } from "../renders/text.js";
+import { timeRender } from "../renders/time.js";
+import { tagRender } from "../renders/tag.js";
+import { linkRender } from "../renders/link.js";
+import { switchRender } from "../renders/switch.js";
+function createColumnRender(component, props) {
+    if (component) {
+        if ('text' === component) return function(value, record, index) {
+            return textRender(value, record, index, props);
+        };
+        if ('time' === component) return function(value, record, index) {
+            return timeRender(value, record, index, props);
+        };
+        if ('tag' === component) return function(value, record, index) {
+            return tagRender(value, record, index, props);
+        };
+        if ('link' === component) return function(value, record, index) {
+            return linkRender(value, record, index, props);
+        };
+        if ('switch' === component) return function(value, record, index) {
+            return switchRender(value, record, index, props);
+        };
+    }
+}
+export { createColumnRender };

package/dist/features/ListPage/components/ListPageContainer/index.d.ts

@@ -0,0 +1,17 @@
+import { ListPageFilterProps, ListPageFloatProps, ListPageHeaderProps, ListPageRequest, ListPageToolbarProps, StateValue } from '../../types';
+import { DataTableProps } from '../DataTable/types';
+export interface ListPageProps<FilterValue = any, RecordValue extends Record<string, any> = any> {
+    styles?: {
+        page?: React.CSSProperties;
+    };
+    request: ListPageRequest<FilterValue, RecordValue>;
+    storageKey?: string;
+    initialValues?: StateValue<FilterValue>;
+    state?: StateValue<FilterValue>;
+    header?: ListPageHeaderProps;
+    floats?: ListPageFloatProps[];
+    filter?: ListPageFilterProps<FilterValue>;
+    toolbar?: ListPageToolbarProps<FilterValue, RecordValue>;
+    table: DataTableProps<FilterValue, RecordValue>;
+}
+export declare const ListPage: (props: ListPageProps) => import("react/jsx-runtime").JSX.Element;

package/dist/{components/Page/components/ListPage/v2.js → features/ListPage/components/ListPageContainer/index.js}

@@ -1,31 +1,17 @@
 import { jsx, jsxs } from "react/jsx-runtime";
-import { useImperativeHandle } from "react";
 import { observer } from "mobx-react-lite";
-import { useMount, useUpdateEffect } from "ahooks";
-import { toJS } from "mobx";
-import { ListPageProvider, useListPageStore } from "../../context/listpage.js";
-import { FilterSection, ListPageContainer, ToolbarSection } from "./styles.js";
-import { FilterForm } from "../../../FilterGroup/index.js";
+import { FilterForm } from "../../../../components/FilterGroup/index.js";
+import { ListPageProvider, useListPageStore } from "../../context/index.js";
 import { useFloat } from "../../hooks/useFloat.js";
-import { DataTable } from "./DataTable.js";
 import { useHeader } from "../../hooks/useHeader.js";
-const PureListPage = observer((props)=>{
-    const { header, filter, toolbar, table, styles, pageRef } = props;
+import { FilterSection, ListPageWrapper, ToolbarSection } from "../../styles.js";
+import { DataTable } from "../DataTable/index.js";
+const ListPageContainerComponent = observer((props)=>{
+    const { styles, header, filter, toolbar, table } = props;
     const store = useListPageStore();
-    const floatEle = useFloat();
     const headerEle = useHeader(header);
-    useMount(()=>{
-        store.refreshTable();
-    });
-    useUpdateEffect(()=>{
-        filter?.onChange?.(toJS(store.filters));
-    }, [
-        store.filters
-    ]);
-    useImperativeHandle(pageRef, ()=>store, [
-        store
-    ]);
-    return /*#__PURE__*/ jsxs(ListPageContainer, {
+    const floatEle = useFloat();
+    return /*#__PURE__*/ jsxs(ListPageWrapper, {
         style: styles?.page,
         children: [
             headerEle,
@@ -54,8 +40,8 @@ const ListPage = (props)=>/*#__PURE__*/ jsx(ListPageProvider, {
         floats: props.floats,
         initialValues: props.initialValues,
         state: props.state,
-        children: /*#__PURE__*/ jsx(PureListPage, {
+        children: /*#__PURE__*/ jsx(ListPageContainerComponent, {
             ...props
         })
     });
-export { ListPage, PureListPage };
+export { ListPage };

package/dist/features/ListPage/context/context.d.ts

@@ -0,0 +1,4 @@
+import { ListPageStore } from './store';
+import { ListPageProviderProps } from './types';
+export declare const ListPageProvider: (props: ListPageProviderProps) => import("react/jsx-runtime").JSX.Element;
+export declare function useListPageStore<FilterValue = any, RecordValue extends Record<string, any> = any>(): ListPageStore<FilterValue, RecordValue>;

package/dist/features/ListPage/context/context.js

@@ -0,0 +1,22 @@
+import { jsx } from "react/jsx-runtime";
+import { createContext, useContext, useMemo } from "react";
+import { ListPageStore } from "./store.js";
+const ListPageContext = /*#__PURE__*/ createContext({});
+const ListPageProvider = (props)=>{
+    const { state, request, children, initialValues, storageKey, floats } = props;
+    const store = useMemo(()=>new ListPageStore({
+            state,
+            initialValues,
+            request,
+            floats,
+            storageKey
+        }), []);
+    return /*#__PURE__*/ jsx(ListPageContext.Provider, {
+        value: store,
+        children: children
+    });
+};
+function useListPageStore() {
+    return useContext(ListPageContext);
+}
+export { ListPageProvider, useListPageStore };

package/dist/features/ListPage/context/index.d.ts

@@ -0,0 +1,2 @@
+export { ListPageProvider, useListPageStore } from './context';
+export { ListPageStore } from './store';

package/dist/features/ListPage/context/index.js

@@ -0,0 +1,3 @@
+import { ListPageProvider, useListPageStore } from "./context.js";
+import { ListPageStore } from "./store.js";
+export { ListPageProvider, ListPageStore, useListPageStore };