@akinon/akitable 0.2.1 → 0.3.1

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

@@ -1,39 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.HeaderActions = void 0;
-require("./index.css");
-const ui_button_1 = require("@akinon/ui-button");
-const ui_select_1 = require("@akinon/ui-select");
-const ui_space_1 = require("@akinon/ui-space");
-const react_1 = require("react");
-const context_1 = require("../../context");
-const HeaderActions = ({ placeholder, applyButtonLabel }) => {
-    const [selectedActionIndex, setSelectedActionIndex] = (0, react_1.useState)(undefined);
-    const { state: { selectedRows }, headerActions } = (0, context_1.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_1.default.createElement(ui_space_1.Space, { align: "baseline", className: "header-actions" },
-        react_1.default.createElement(ui_select_1.Select, { value: selectedActionIndex, onChange: handleActionSelectChange, options: actionOptions, placeholder: placeholder, className: "header-actions__select" }),
-        react_1.default.createElement(ui_button_1.Button, { disabled: isApplyButtonDisabled, className: "header-actions__apply-button", onClick: handleActionApply }, applyButtonLabel)));
-};
-exports.HeaderActions = HeaderActions;

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

@@ -1,96 +0,0 @@
-.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/cjs/components/Pagination/index.d.ts.map

@@ -1 +0,0 @@
-{"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/cjs/components/Pagination/index.js

@@ -1,20 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.AkitablePagination = void 0;
-require("./index.css");
-const ui_pagination_1 = require("@akinon/ui-pagination");
-const react_1 = require("react");
-const context_1 = require("../../context");
-const AkitablePagination = () => {
-    const { useAkitablePagination } = (0, context_1.useAkitableContext)();
-    const [pagination, setPagination] = useAkitablePagination;
-    const handlePaginationChange = (currentPage, pageSize) => {
-        setPagination(Object.assign(Object.assign({}, pagination), { currentPage,
-            pageSize }));
-    };
-    return (react_1.default.createElement("div", { className: "akitable-pagination-container" },
-        react_1.default.createElement(ui_pagination_1.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'
-            } })));
-};
-exports.AkitablePagination = AkitablePagination;

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

@@ -1,6 +0,0 @@
-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/cjs/components/index.d.ts.map

@@ -1 +0,0 @@
-{"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/cjs/components/index.js

@@ -1,13 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.AkitablePagination = exports.HeaderActions = exports.AkitableHeader = exports.AkitableFooter = exports.AntdTable = void 0;
-var AntdTable_1 = require("./AntdTable");
-Object.defineProperty(exports, "AntdTable", { enumerable: true, get: function () { return AntdTable_1.AntdTable; } });
-var Footer_1 = require("./Footer");
-Object.defineProperty(exports, "AkitableFooter", { enumerable: true, get: function () { return Footer_1.AkitableFooter; } });
-var Header_1 = require("./Header");
-Object.defineProperty(exports, "AkitableHeader", { enumerable: true, get: function () { return Header_1.AkitableHeader; } });
-var HeaderActions_1 = require("./HeaderActions");
-Object.defineProperty(exports, "HeaderActions", { enumerable: true, get: function () { return HeaderActions_1.HeaderActions; } });
-var Pagination_1 = require("./Pagination");
-Object.defineProperty(exports, "AkitablePagination", { enumerable: true, get: function () { return Pagination_1.AkitablePagination; } });

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

@@ -1,25 +0,0 @@
-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/cjs/context/index.d.ts.map

@@ -1 +0,0 @@
-{"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/cjs/context/index.js

@@ -1,35 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useAkitableContext = exports.AkitableContextProvider = void 0;
-const react_1 = require("react");
-const use_immer_1 = require("use-immer");
-const AkitableContext = (0, react_1.createContext)(undefined);
-const AkitableContextProvider = ({ useAkitablePagination, headerActions, children }) => {
-    const initialState = {
-        selectedRows: []
-    };
-    const [state, dispatch] = (0, use_immer_1.useImmerReducer)((draft, action) => {
-        switch (action.type) {
-            case 'RESET':
-                return initialState;
-            case 'SET_SELECTED_ROWS':
-                draft.selectedRows = action.payload;
-                return;
-        }
-    }, initialState);
-    return (react_1.default.createElement(AkitableContext.Provider, { value: {
-            state,
-            dispatch,
-            useAkitablePagination,
-            headerActions
-        } }, children));
-};
-exports.AkitableContextProvider = AkitableContextProvider;
-const useAkitableContext = () => {
-    const context = (0, react_1.useContext)(AkitableContext);
-    if (context === undefined) {
-        throw new Error('useAkitableContext must be used within a AkitableContextProvider');
-    }
-    return context;
-};
-exports.useAkitableContext = useAkitableContext;

package/dist/cjs/index.css

@@ -1,28 +0,0 @@
-.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/components/AntdTable/index.d.ts

@@ -1,6 +0,0 @@
-import type { TableProps } from 'antd/lib';
-import React from 'react';
-import { AnyObject } from '../../types';
-export type AntdTableProps<IData> = Omit<TableProps<IData>, 'title' | 'description' | 'pagination' | 'bordered'>;
-export declare const AntdTable: <IData extends AnyObject>({ rowSelection, ...restProps }: AntdTableProps<IData>) => React.JSX.Element;
-//# sourceMappingURL=index.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/AntdTable/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAC3C,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAExC,MAAM,MAAM,cAAc,CAAC,KAAK,IAAI,IAAI,CACtC,UAAU,CAAC,KAAK,CAAC,EACjB,OAAO,GAAG,aAAa,GAAG,YAAY,GAAG,UAAU,CACpD,CAAC;AAEF,eAAO,MAAM,SAAS,uGA6BrB,CAAC"}

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

@@ -1,29 +0,0 @@
-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 { Table } from '@akinon/ui-table';
-import React from 'react';
-import { useAkitableContext } from '../../context';
-export const AntdTable = (_a) => {
-    var { rowSelection } = _a, restProps = __rest(_a, ["rowSelection"]);
-    const { dispatch } = useAkitableContext();
-    const customRowSelection = rowSelection && Object.assign(Object.assign({}, rowSelection), { onChange: (selectedRowKeys, selectedRows) => {
-            // if akitable provides rowSelection.onChange, call it
-            if (rowSelection.onChange) {
-                rowSelection.onChange(selectedRowKeys, selectedRows, { type: 'all' });
-            }
-            dispatch({
-                type: 'SET_SELECTED_ROWS',
-                payload: selectedRows
-            });
-        } });
-    return (React.createElement(Table, Object.assign({ bordered: true, pagination: false, rowSelection: customRowSelection }, restProps)));
-};

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

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

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

@@ -1,4 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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

@@ -1,12 +0,0 @@
-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

@@ -1,84 +0,0 @@
-.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

@@ -1,10 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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

@@ -1,21 +0,0 @@
-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

@@ -1,30 +0,0 @@
-.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

@@ -1,9 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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

@@ -1,35 +0,0 @@
-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

@@ -1,96 +0,0 @@
-.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.map

@@ -1 +0,0 @@
-{"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"}