@akinon/akitable 0.0.5 → 0.1.0

package/dist/esm/components/Footer/index.css

@@ -0,0 +1,6 @@
+.akitable-footer {
+  padding: 20px;
+  display: flex;
+  justify-content: flex-end;
+  align-items: center;
+}

package/dist/esm/components/Footer/index.d.ts

@@ -0,0 +1,4 @@
+import './index.css';
+import React from 'react';
+export declare const AkitableFooter: () => React.JSX.Element;
+//# sourceMappingURL=index.d.ts.map

package/dist/esm/components/Footer/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Footer/index.tsx"],"names":[],"mappings":"AAAA,OAAO,aAAa,CAAC;AAGrB,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,eAAO,MAAM,cAAc,yBAa1B,CAAC"}

package/dist/esm/components/Footer/index.js

@@ -0,0 +1,12 @@
+import './index.css';
+import { Card } from '@akinon/ui-card';
+import React from 'react';
+import { AkitablePagination } from '../index';
+export const AkitableFooter = () => {
+    return (React.createElement(Card, { style: {
+            borderTopLeftRadius: 0,
+            borderTopRightRadius: 0
+        } },
+        React.createElement("div", { className: "akitable-footer" },
+            React.createElement(AkitablePagination, null))));
+};

package/dist/esm/components/Header/index.css

@@ -0,0 +1,84 @@
+.akitable-header {
+  padding: 20px 32px 16px;
+  display: flex;
+  justify-content: space-between;
+  gap: 16px;
+
+  /* Push pagination to the right
+  even if table actions are hidden. */
+  & .akinon-pagination {
+    margin-left: auto;
+  }
+
+  &__left-block {
+    flex: 1;
+  }
+
+  &__middle-block {
+    color: black;
+  }
+
+  &__right-block {
+    display: flex;
+    justify-content: flex-end;
+    align-items: flex-end;
+    flex-direction: column;
+    gap: 20px;
+  }
+
+  &__export-options {
+    display: flex;
+    align-items: center;
+    gap: 12px;
+  }
+
+  &__export-option {
+    cursor: pointer;
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    align-items: center;
+    background-color: #4482ff;
+    color: white;
+    width: 36px;
+    height: 36px;
+    border-radius: 5px;
+  }
+
+  &__export-option-icon {
+    height: 16px;
+    & > i {
+      color: white;
+      margin: 0;
+      font-size: 10px;
+      font-weight: bold;
+
+      &::before {
+        color: white;
+      }
+    }
+  }
+
+  &__export-option-label {
+    font-weight: bold;
+    font-size: 11px;
+    user-select: none;
+    cursor: pointer;
+  }
+
+  &__info {
+    margin-bottom: 0.5rem;
+  }
+
+  &__title.akinon-typography {
+    font-size: 20px;
+    margin: 0.5rem 0 0.1rem;
+    font-weight: 700;
+  }
+
+  &__description.akinon-typography {
+    font-size: 13px;
+    color: #797979;
+    font-weight: 400;
+  }
+}

package/dist/esm/components/Header/index.d.ts

@@ -0,0 +1,10 @@
+import './index.css';
+import React from 'react';
+interface AkitableHeaderProps {
+    title: string;
+    description: string;
+    headerMiddleBlock?: React.ReactNode;
+}
+export declare const AkitableHeader: ({ title, description, headerMiddleBlock }: AkitableHeaderProps) => React.JSX.Element;
+export {};
+//# sourceMappingURL=index.d.ts.map

package/dist/esm/components/Header/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Header/index.tsx"],"names":[],"mappings":"AAAA,OAAO,aAAa,CAAC;AAIrB,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B,UAAU,mBAAmB;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,MAAM,CAAC;IACpB,iBAAiB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CACrC;AAED,eAAO,MAAM,cAAc,8CAIxB,mBAAmB,sBA+BrB,CAAC"}

package/dist/esm/components/Header/index.js

@@ -0,0 +1,21 @@
+import './index.css';
+import { Card } from '@akinon/ui-card';
+import * as Typography from '@akinon/ui-typography';
+import React from 'react';
+import { AkitablePagination, HeaderActions } from '../index';
+const { Title, Text } = Typography;
+export const AkitableHeader = ({ title, description, headerMiddleBlock }) => {
+    return (React.createElement(Card, { style: {
+            borderBottomLeftRadius: 0,
+            borderBottomRightRadius: 0
+        } },
+        React.createElement("div", { className: "akitable-header" },
+            React.createElement("div", { className: "akitable-header__left-block" },
+                React.createElement("div", { className: "akitable-header__info" },
+                    React.createElement(Title, { className: "akitable-header__title", level: 5 }, title),
+                    React.createElement(Text, { className: "akitable-header__description" }, description)),
+                React.createElement(HeaderActions, { placeholder: 'Please select an action', applyButtonLabel: 'Apply' })),
+            React.createElement("div", { className: "akitable-header__middle-block" }, headerMiddleBlock),
+            React.createElement("div", { className: "akitable-header__right-block" },
+                React.createElement(AkitablePagination, null)))));
+};

package/dist/esm/components/HeaderActions/index.css

@@ -0,0 +1,30 @@
+.header-actions {
+  &__apply-button.akinon-btn {
+    font-weight: 600;
+    height: 40px;
+  }
+
+  .akinon-select-single:not(.akinon-select-customize-input)
+    .akinon-select-selector {
+    box-sizing: border-box;
+    height: 40px;
+    align-items: center;
+    border-radius: 5px;
+    border: solid 1px #c8daec;
+    width: 150px;
+  }
+
+  .akinon-select-focused:not(.akinon-select-disabled).akinon-select:not(
+      .akinon-select-customize-input
+    )
+    .akinon-select-selector {
+    border-right-width: 0 !important;
+  }
+
+  .akinon-select-arrow {
+    top: 70%;
+  }
+  .akinon-select-selector {
+    min-width: 220px;
+  }
+}

package/dist/esm/components/HeaderActions/index.d.ts

@@ -0,0 +1,9 @@
+import './index.css';
+import React from 'react';
+interface HeaderActionsProps {
+    placeholder: string;
+    applyButtonLabel: string;
+}
+export declare const HeaderActions: ({ placeholder, applyButtonLabel }: HeaderActionsProps) => React.JSX.Element | undefined;
+export {};
+//# sourceMappingURL=index.d.ts.map

package/dist/esm/components/HeaderActions/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/HeaderActions/index.tsx"],"names":[],"mappings":"AAAA,OAAO,aAAa,CAAC;AAMrB,OAAO,KAAmB,MAAM,OAAO,CAAC;AAIxC,UAAU,kBAAkB;IAC1B,WAAW,EAAE,MAAM,CAAC;IACpB,gBAAgB,EAAE,MAAM,CAAC;CAC1B;AAED,eAAO,MAAM,aAAa,sCAGvB,kBAAkB,kCAwDpB,CAAC"}

package/dist/esm/components/HeaderActions/index.js

@@ -0,0 +1,35 @@
+import './index.css';
+import { Button } from '@akinon/ui-button';
+import { Select } from '@akinon/ui-select';
+import { Space } from '@akinon/ui-space';
+import React, { useState } from 'react';
+import { useAkitableContext } from '../../context';
+export const HeaderActions = ({ placeholder, applyButtonLabel }) => {
+    const [selectedActionIndex, setSelectedActionIndex] = useState(undefined);
+    const { state: { selectedRows }, headerActions } = useAkitableContext();
+    if (!headerActions)
+        return;
+    const actionOptions = headerActions.map((action, i) => {
+        return {
+            label: action.label,
+            value: i,
+            // do not check isSingleRequired in here but in action handler, since user can select multiple rows after selecting the action which will lead errors.
+            disabled: action.disabled
+        };
+    });
+    const handleActionApply = () => {
+        if (selectedActionIndex === undefined || selectedActionIndex === null)
+            return;
+        if ((selectedRows === null || selectedRows === void 0 ? void 0 : selectedRows.length) === 0)
+            return;
+        const selectedAction = headerActions[selectedActionIndex];
+        selectedAction === null || selectedAction === void 0 ? void 0 : selectedAction.handler(selectedRows);
+    };
+    const handleActionSelectChange = (value) => {
+        setSelectedActionIndex(value);
+    };
+    const isApplyButtonDisabled = selectedActionIndex === undefined || (selectedRows === null || selectedRows === void 0 ? void 0 : selectedRows.length) === 0;
+    return (React.createElement(Space, { align: "baseline", className: "header-actions" },
+        React.createElement(Select, { value: selectedActionIndex, onChange: handleActionSelectChange, options: actionOptions, placeholder: placeholder, className: "header-actions__select" }),
+        React.createElement(Button, { disabled: isApplyButtonDisabled, className: "header-actions__apply-button", onClick: handleActionApply }, applyButtonLabel)));
+};

package/dist/esm/components/Pagination/index.css

@@ -0,0 +1,96 @@
+.akitable-pagination-container {
+  display: flex;
+
+  .akinon-select-single:not(.akinon-select-customize-input)
+    .akinon-select-selector {
+    box-sizing: border-box;
+    height: 40px;
+    align-items: center;
+    border-radius: 5px;
+    border: solid 1px #c8daec;
+  }
+
+  &__pagination.akinon-pagination {
+    display: flex;
+    align-items: center;
+    border-radius: 5px;
+
+    li {
+      margin: 0;
+    }
+
+    .akinon-pagination-prev,
+    .akinon-pagination-next {
+      width: 36px;
+      border-radius: 5px;
+
+      & > button {
+        color: #788195;
+
+        &:hover,
+        &:focus {
+          color: #788195;
+        }
+      }
+    }
+
+    .akinon-pagination-simple-pager {
+      color: #9b9b9b;
+      height: 40px;
+      border: 1px solid #c8daec;
+      margin-inline-end: unset !important;
+      padding-inline-end: 8px !important;
+
+      & > input {
+        color: #062a4a;
+        font-weight: 600;
+        border: 1px solid #c8daec;
+        border-radius: 0;
+        box-shadow: inset 0 0 2px 2px #eef0f2;
+        background-color: #fbfcfd;
+
+        &:hover {
+          border: 1px solid #c8daec;
+        }
+      }
+    }
+  }
+
+  .akinon-select-selector {
+    color: #9b9b9b !important;
+  }
+
+  /* override antd style
+  apply every direct */
+  .akinon-pagination-prev {
+    height: 40px !important;
+    border: 1px solid #c8daec !important;
+    border-right: none !important;
+    border-top-right-radius: 0% !important;
+    border-bottom-right-radius: 0% !important;
+    > * {
+      height: inherit !important;
+    }
+  }
+
+  .akinon-pagination-next {
+    height: 40px !important;
+    border: 1px solid #c8daec !important;
+    border-left: none !important;
+    border-top-left-radius: 0% !important;
+    border-bottom-left-radius: 0% !important;
+    > * {
+      height: inherit !important;
+    }
+  }
+  .akinon-pagination-slash {
+    margin-inline-end: 0px;
+    margin-inline-start: 12px;
+  }
+
+  .akinon-pagination-options {
+    height: 40px !important;
+    order: -1 !important; /* Places it at the beginning */
+    margin-right: 20px !important;
+  }
+}

package/dist/esm/components/Pagination/index.d.ts

@@ -0,0 +1,4 @@
+import './index.css';
+import React from 'react';
+export declare const AkitablePagination: () => React.JSX.Element;
+//# sourceMappingURL=index.d.ts.map

package/dist/esm/components/Pagination/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Pagination/index.tsx"],"names":[],"mappings":"AAAA,OAAO,aAAa,CAAC;AAGrB,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,eAAO,MAAM,kBAAkB,yBA2B9B,CAAC"}

package/dist/esm/components/Pagination/index.js

@@ -0,0 +1,16 @@
+import './index.css';
+import { Pagination } from '@akinon/ui-pagination';
+import React from 'react';
+import { useAkitableContext } from '../../context';
+export const AkitablePagination = () => {
+    const { useAkitablePagination } = useAkitableContext();
+    const [pagination, setPagination] = useAkitablePagination;
+    const handlePaginationChange = (currentPage, pageSize) => {
+        setPagination(Object.assign(Object.assign({}, pagination), { currentPage,
+            pageSize }));
+    };
+    return (React.createElement("div", { className: "akitable-pagination-container" },
+        React.createElement(Pagination, { className: "akitable-pagination-container__pagination", current: pagination.currentPage, total: pagination.totalDataLength, pageSize: pagination.pageSize, onChange: handlePaginationChange, simple: true, locale: {
+                items_per_page: pagination.paginationLabel || 'per page'
+            } })));
+};

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

@@ -0,0 +1,6 @@
+export { AntdTable } from './AntdTable';
+export { AkitableFooter } from './Footer';
+export { AkitableHeader } from './Header';
+export { HeaderActions } from './HeaderActions';
+export { AkitablePagination } from './Pagination';
+//# sourceMappingURL=index.d.ts.map

package/dist/esm/components/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAC1C,OAAO,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAC1C,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,kBAAkB,EAAE,MAAM,cAAc,CAAC"}

package/dist/esm/components/index.js

@@ -0,0 +1,5 @@
+export { AntdTable } from './AntdTable';
+export { AkitableFooter } from './Footer';
+export { AkitableHeader } from './Header';
+export { HeaderActions } from './HeaderActions';
+export { AkitablePagination } from './Pagination';

package/dist/esm/context/index.d.ts

@@ -0,0 +1,25 @@
+import React, { Dispatch } from 'react';
+import type { AnyObject, HeaderAction, UseAkitablePagination } from '../types';
+type IData = AnyObject;
+export type AkitableContextProviderProps = {
+    useAkitablePagination: UseAkitablePagination;
+    headerActions?: HeaderAction<IData>[];
+    children: React.ReactNode;
+};
+export type AkitableState = {
+    selectedRows: IData[];
+};
+export type AkitableAction = {
+    type: 'RESET';
+} | {
+    type: 'SET_SELECTED_ROWS';
+    payload: AkitableState['selectedRows'];
+};
+export type AkitableContext = Omit<AkitableContextProviderProps, 'children'> & {
+    state: AkitableState;
+    dispatch: Dispatch<AkitableAction>;
+};
+export declare const AkitableContextProvider: ({ useAkitablePagination, headerActions, children }: AkitableContextProviderProps) => React.JSX.Element;
+export declare const useAkitableContext: () => AkitableContext;
+export {};
+//# sourceMappingURL=index.d.ts.map

package/dist/esm/context/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/context/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAiB,QAAQ,EAAc,MAAM,OAAO,CAAC;AAGnE,OAAO,KAAK,EAAE,SAAS,EAAE,YAAY,EAAE,qBAAqB,EAAE,MAAM,UAAU,CAAC;AAE/E,KAAK,KAAK,GAAG,SAAS,CAAC;AAMvB,MAAM,MAAM,4BAA4B,GAAG;IACzC,qBAAqB,EAAE,qBAAqB,CAAC;IAC7C,aAAa,CAAC,EAAE,YAAY,CAAC,KAAK,CAAC,EAAE,CAAC;IACtC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,CAAC;AAEF,MAAM,MAAM,aAAa,GAAG;IAC1B,YAAY,EAAE,KAAK,EAAE,CAAC;CACvB,CAAC;AAEF,MAAM,MAAM,cAAc,GACtB;IAAE,IAAI,EAAE,OAAO,CAAA;CAAE,GACjB;IACE,IAAI,EAAE,mBAAmB,CAAC;IAC1B,OAAO,EAAE,aAAa,CAAC,cAAc,CAAC,CAAC;CACxC,CAAC;AAEN,MAAM,MAAM,eAAe,GAAG,IAAI,CAAC,4BAA4B,EAAE,UAAU,CAAC,GAAG;IAC7E,KAAK,EAAE,aAAa,CAAC;IACrB,QAAQ,EAAE,QAAQ,CAAC,cAAc,CAAC,CAAC;CACpC,CAAC;AAIF,eAAO,MAAM,uBAAuB,uDAIjC,4BAA4B,sBA8B9B,CAAC;AAEF,eAAO,MAAM,kBAAkB,uBAU9B,CAAC"}

package/dist/esm/context/index.js

@@ -0,0 +1,30 @@
+import React, { createContext, useContext } from 'react';
+import { useImmerReducer } from 'use-immer';
+const AkitableContext = createContext(undefined);
+export const AkitableContextProvider = ({ useAkitablePagination, headerActions, children }) => {
+    const initialState = {
+        selectedRows: []
+    };
+    const [state, dispatch] = useImmerReducer((draft, action) => {
+        switch (action.type) {
+            case 'RESET':
+                return initialState;
+            case 'SET_SELECTED_ROWS':
+                draft.selectedRows = action.payload;
+                return;
+        }
+    }, initialState);
+    return (React.createElement(AkitableContext.Provider, { value: {
+            state,
+            dispatch,
+            useAkitablePagination,
+            headerActions
+        } }, children));
+};
+export const useAkitableContext = () => {
+    const context = useContext(AkitableContext);
+    if (context === undefined) {
+        throw new Error('useAkitableContext must be used within a AkitableContextProvider');
+    }
+    return context;
+};

package/dist/esm/index.css

@@ -0,0 +1,28 @@
+.akitable-container {
+  border-radius: 10px;
+  width: 100%;
+
+  .row-action {
+    width: 40px;
+    height: 40px;
+    display: flex;
+    border: 1px solid rgba(0, 47, 255, 0.273);
+    border-radius: 7px;
+    align-items: center;
+    justify-content: center;
+    margin-right: 5px;
+
+    i:before {
+      color: rgba(34, 34, 34, 0.713);
+    }
+  }
+
+  .akinon-table-wrapper {
+    .akinon-table-thead > tr > th {
+      color: var(--color-ebonyClay-375);
+      font-size: 0.75rem;
+      font-weight: 500;
+      padding: 6px 28px;
+    }
+  }
+}

package/dist/esm/index.d.ts

@@ -0,0 +1,19 @@
+import './index.css';
+import * as React from 'react';
+import type { AntdTableProps } from './components/AntdTable';
+import type { AnyObject, HeaderAction, UseAkitablePagination } from './types';
+export type { AkitablePagination, HeaderAction, UseAkitablePagination } from './types';
+export type AkitableProps<IData> = AntdTableProps<IData> & {
+    title: string;
+    description: string;
+    useAkitablePagination: UseAkitablePagination;
+    headerActions?: HeaderAction<IData>[];
+    headerMiddleBlock?: React.ReactNode;
+};
+/**
+ * Akitable component
+ * @param {AkitableProps} props
+ * @returns {React.ReactElement}
+ */
+export declare const Akitable: <IData extends AnyObject>({ useAkitablePagination, title, description, headerActions, headerMiddleBlock, ...restProps }: AkitableProps<IData>) => React.JSX.Element;
+//# sourceMappingURL=index.d.ts.map

package/dist/esm/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.tsx"],"names":[],"mappings":"AAAA,OAAO,aAAa,CAAC;AAIrB,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AAK7D,OAAO,KAAK,EAAE,SAAS,EAAE,YAAY,EAAE,qBAAqB,EAAE,MAAM,SAAS,CAAC;AAE9E,YAAY,EACV,kBAAkB,EAClB,YAAY,EACZ,qBAAqB,EACtB,MAAM,SAAS,CAAC;AAEjB,MAAM,MAAM,aAAa,CAAC,KAAK,IAAI,cAAc,CAAC,KAAK,CAAC,GAAG;IAEzD,KAAK,EAAE,MAAM,CAAC;IAEd,WAAW,EAAE,MAAM,CAAC;IAEpB,qBAAqB,EAAE,qBAAqB,CAAC;IAE7C,aAAa,CAAC,EAAE,YAAY,CAAC,KAAK,CAAC,EAAE,CAAC;IAEtC,iBAAiB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CACrC,CAAC;AACF;;;;GAIG;AACH,eAAO,MAAM,QAAQ,qKA4FpB,CAAC"}

package/dist/esm/index.js

@@ -0,0 +1,92 @@
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import './index.css';
+import { fontSize, theme } from '@akinon/ui-theme';
+import { ConfigProvider, theme as antdTheme } from 'antd';
+import * as React from 'react';
+import { AkitableFooter, AkitableHeader, AntdTable } from './components';
+import { AkitableContextProvider } from './context';
+/**
+ * Akitable component
+ * @param {AkitableProps} props
+ * @returns {React.ReactElement}
+ */
+export const Akitable = (_a) => {
+    var { useAkitablePagination, title, description, headerActions, headerMiddleBlock } = _a, restProps = __rest(_a, ["useAkitablePagination", "title", "description", "headerActions", "headerMiddleBlock"]);
+    return (React.createElement("div", { className: "akitable-container" },
+        React.createElement(ConfigProvider, { prefixCls: "akinon", theme: {
+                components: {
+                    Checkbox: {
+                        colorBgBase: theme.colors.neutral['50'],
+                        algorithm: antdTheme.defaultAlgorithm
+                    },
+                    Card: {
+                        paddingLG: 0,
+                        colorBgContainer: theme.colors.neutral['50'],
+                        colorBgBase: theme.colors.neutral['50'],
+                        colorTextBase: theme.colors.neutral['950'],
+                        algorithm: antdTheme.defaultAlgorithm
+                    },
+                    Typography: {
+                        colorTextHeading: theme.colors.neutral['950'],
+                        colorText: theme.colors.neutral['500'],
+                        titleMarginBottom: 0,
+                        fontWeightStrong: 500
+                    },
+                    Select: {
+                        colorText: theme.colors.neutral['950'],
+                        selectorBg: theme.colors.neutral['50'],
+                        colorBgElevated: theme.colors.neutral['100'],
+                        colorBorder: theme.colors.neutral['350'],
+                        colorTextQuaternary: theme.colors.neutral['500'],
+                        optionSelectedBg: theme.colors.azure['100'],
+                        algorithm: antdTheme.defaultAlgorithm
+                    },
+                    Pagination: {
+                        colorText: theme.colors.neutral['950'],
+                        itemInputBg: theme.colors.neutral['75'],
+                        colorBorder: theme.colors.neutral['350'],
+                        borderRadius: 0,
+                        itemActiveBg: theme.colors.neutral['500'],
+                        colorTextDisabled: theme.colors.neutral['375'],
+                        marginXS: 0,
+                        itemSizeSM: 38
+                    },
+                    Spin: {
+                        colorBgContainer: theme.colors.neutral['50']
+                    },
+                    Table: {
+                        headerBorderRadius: 0,
+                        headerBg: theme.colors.neutral['150'],
+                        headerColor: theme.colors.neutral['500'],
+                        borderColor: theme.colors.neutral['350'],
+                        fontSize: fontSize * 0.875,
+                        colorBgContainer: theme.colors.neutral['50'],
+                        colorText: theme.colors.neutral['500'],
+                        cellPaddingInline: 28,
+                        colorBgBase: theme.colors.neutral['50'],
+                        algorithm: antdTheme.defaultAlgorithm
+                    },
+                    Button: {
+                        colorBgBase: theme.colors.neutral['50'],
+                        colorTextBase: theme.colors.azure['500'],
+                        colorBorder: theme.colors.azure['500'],
+                        borderColorDisabled: theme.colors.neutral['350'],
+                        algorithm: antdTheme.defaultAlgorithm
+                    }
+                }
+            } },
+            React.createElement(AkitableContextProvider, { useAkitablePagination: useAkitablePagination, headerActions: headerActions },
+                React.createElement(AkitableHeader, { title: title, description: description, headerMiddleBlock: headerMiddleBlock }),
+                React.createElement(AntdTable, Object.assign({}, restProps)),
+                React.createElement(AkitableFooter, null)))));
+};

package/dist/esm/types.d.ts

@@ -0,0 +1,18 @@
+/// <reference types="react" />
+export type AkitablePagination = {
+    currentPage: number;
+    pageSize: number;
+    totalDataLength: number;
+    paginationLabel?: string;
+};
+export type UseAkitablePagination = [
+    AkitablePagination,
+    React.Dispatch<React.SetStateAction<AkitablePagination>>
+];
+export type HeaderAction<IData> = {
+    label: string;
+    handler: (selectedRows: IData[]) => void;
+    disabled?: boolean;
+};
+export type AnyObject = Record<string, any>;
+//# sourceMappingURL=types.d.ts.map

package/dist/esm/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/types.tsx"],"names":[],"mappings":";AAAA,MAAM,MAAM,kBAAkB,GAAG;IAC/B,WAAW,EAAE,MAAM,CAAC;IACpB,QAAQ,EAAE,MAAM,CAAC;IACjB,eAAe,EAAE,MAAM,CAAC;IACxB,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B,CAAC;AAEF,MAAM,MAAM,qBAAqB,GAAG;IAClC,kBAAkB;IAClB,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,kBAAkB,CAAC,CAAC;CACzD,CAAC;AAEF,MAAM,MAAM,YAAY,CAAC,KAAK,IAAI;IAChC,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,CAAC,YAAY,EAAE,KAAK,EAAE,KAAK,IAAI,CAAC;IACzC,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAEF,MAAM,MAAM,SAAS,GAAG,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC"}

package/dist/esm/types.js

@@ -0,0 +1 @@
+export {};