@akinon/akitable 0.0.6 → 0.2.0

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

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

@@ -0,0 +1,33 @@
+"use strict";
+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;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AntdTable = void 0;
+const ui_table_1 = require("@akinon/ui-table");
+const react_1 = require("react");
+const context_1 = require("../../context");
+const AntdTable = (_a) => {
+    var { rowSelection } = _a, restProps = __rest(_a, ["rowSelection"]);
+    const { dispatch } = (0, context_1.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_1.default.createElement(ui_table_1.Table, Object.assign({ bordered: true, pagination: false, rowSelection: customRowSelection }, restProps)));
+};
+exports.AntdTable = AntdTable;

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

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

package/dist/{components → cjs/components}/Footer/index.d.ts

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

package/dist/cjs/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/cjs/components/Footer/index.js

@@ -0,0 +1,16 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AkitableFooter = void 0;
+require("./index.css");
+const ui_card_1 = require("@akinon/ui-card");
+const react_1 = require("react");
+const index_1 = require("../index");
+const AkitableFooter = () => {
+    return (react_1.default.createElement(ui_card_1.Card, { style: {
+            borderTopLeftRadius: 0,
+            borderTopRightRadius: 0
+        } },
+        react_1.default.createElement("div", { className: "akitable-footer" },
+            react_1.default.createElement(index_1.AkitablePagination, null))));
+};
+exports.AkitableFooter = AkitableFooter;

package/dist/cjs/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/{components → cjs/components}/Header/index.d.ts

@@ -1,3 +1,4 @@
+import './index.css';
 import React from 'react';
 interface AkitableHeaderProps {
     title: string;

package/dist/cjs/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/cjs/components/Header/index.js

@@ -0,0 +1,25 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AkitableHeader = void 0;
+require("./index.css");
+const ui_card_1 = require("@akinon/ui-card");
+const Typography = require("@akinon/ui-typography");
+const react_1 = require("react");
+const index_1 = require("../index");
+const { Title, Text } = Typography;
+const AkitableHeader = ({ title, description, headerMiddleBlock }) => {
+    return (react_1.default.createElement(ui_card_1.Card, { style: {
+            borderBottomLeftRadius: 0,
+            borderBottomRightRadius: 0
+        } },
+        react_1.default.createElement("div", { className: "akitable-header" },
+            react_1.default.createElement("div", { className: "akitable-header__left-block" },
+                react_1.default.createElement("div", { className: "akitable-header__info" },
+                    react_1.default.createElement(Title, { className: "akitable-header__title", level: 5 }, title),
+                    react_1.default.createElement(Text, { className: "akitable-header__description" }, description)),
+                react_1.default.createElement(index_1.HeaderActions, { placeholder: 'Please select an action', applyButtonLabel: 'Apply' })),
+            react_1.default.createElement("div", { className: "akitable-header__middle-block" }, headerMiddleBlock),
+            react_1.default.createElement("div", { className: "akitable-header__right-block" },
+                react_1.default.createElement(index_1.AkitablePagination, null)))));
+};
+exports.AkitableHeader = AkitableHeader;

package/dist/cjs/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/{components → cjs/components}/HeaderActions/index.d.ts

@@ -1,3 +1,4 @@
+import './index.css';
 import React from 'react';
 interface HeaderActionsProps {
     placeholder: string;

package/dist/cjs/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/cjs/components/HeaderActions/index.js

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

@@ -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/{components → cjs/components}/Pagination/index.d.ts

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

package/dist/cjs/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/cjs/components/Pagination/index.js

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

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

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

@@ -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/{index.d.ts → cjs/index.d.ts}

@@ -1,3 +1,4 @@
+import './index.css';
 import * as React from 'react';
 import type { AntdTableProps } from './components/AntdTable';
 import type { AnyObject, HeaderAction, UseAkitablePagination } from './types';

package/dist/cjs/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/cjs/index.js

@@ -0,0 +1,96 @@
+"use strict";
+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;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Akitable = void 0;
+require("./index.css");
+const ui_theme_1 = require("@akinon/ui-theme");
+const antd_1 = require("antd");
+const React = require("react");
+const components_1 = require("./components");
+const context_1 = require("./context");
+/**
+ * Akitable component
+ * @param {AkitableProps} props
+ * @returns {React.ReactElement}
+ */
+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(antd_1.ConfigProvider, { prefixCls: "akinon", theme: {
+                components: {
+                    Checkbox: {
+                        colorBgBase: ui_theme_1.theme.colors.neutral['50'],
+                        algorithm: antd_1.theme.defaultAlgorithm
+                    },
+                    Card: {
+                        paddingLG: 0,
+                        colorBgContainer: ui_theme_1.theme.colors.neutral['50'],
+                        colorBgBase: ui_theme_1.theme.colors.neutral['50'],
+                        colorTextBase: ui_theme_1.theme.colors.neutral['950'],
+                        algorithm: antd_1.theme.defaultAlgorithm
+                    },
+                    Typography: {
+                        colorTextHeading: ui_theme_1.theme.colors.neutral['950'],
+                        colorText: ui_theme_1.theme.colors.neutral['500'],
+                        titleMarginBottom: 0,
+                        fontWeightStrong: 500
+                    },
+                    Select: {
+                        colorText: ui_theme_1.theme.colors.neutral['950'],
+                        selectorBg: ui_theme_1.theme.colors.neutral['50'],
+                        colorBgElevated: ui_theme_1.theme.colors.neutral['100'],
+                        colorBorder: ui_theme_1.theme.colors.neutral['350'],
+                        colorTextQuaternary: ui_theme_1.theme.colors.neutral['500'],
+                        optionSelectedBg: ui_theme_1.theme.colors.azure['100'],
+                        algorithm: antd_1.theme.defaultAlgorithm
+                    },
+                    Pagination: {
+                        colorText: ui_theme_1.theme.colors.neutral['950'],
+                        itemInputBg: ui_theme_1.theme.colors.neutral['75'],
+                        colorBorder: ui_theme_1.theme.colors.neutral['350'],
+                        borderRadius: 0,
+                        itemActiveBg: ui_theme_1.theme.colors.neutral['500'],
+                        colorTextDisabled: ui_theme_1.theme.colors.neutral['375'],
+                        marginXS: 0,
+                        itemSizeSM: 38
+                    },
+                    Spin: {
+                        colorBgContainer: ui_theme_1.theme.colors.neutral['50']
+                    },
+                    Table: {
+                        headerBorderRadius: 0,
+                        headerBg: ui_theme_1.theme.colors.neutral['150'],
+                        headerColor: ui_theme_1.theme.colors.neutral['500'],
+                        borderColor: ui_theme_1.theme.colors.neutral['350'],
+                        fontSize: ui_theme_1.fontSize * 0.875,
+                        colorBgContainer: ui_theme_1.theme.colors.neutral['50'],
+                        colorText: ui_theme_1.theme.colors.neutral['500'],
+                        cellPaddingInline: 28,
+                        colorBgBase: ui_theme_1.theme.colors.neutral['50'],
+                        algorithm: antd_1.theme.defaultAlgorithm
+                    },
+                    Button: {
+                        colorBgBase: ui_theme_1.theme.colors.neutral['50'],
+                        colorTextBase: ui_theme_1.theme.colors.azure['500'],
+                        colorBorder: ui_theme_1.theme.colors.azure['500'],
+                        borderColorDisabled: ui_theme_1.theme.colors.neutral['350'],
+                        algorithm: antd_1.theme.defaultAlgorithm
+                    }
+                }
+            } },
+            React.createElement(context_1.AkitableContextProvider, { useAkitablePagination: useAkitablePagination, headerActions: headerActions },
+                React.createElement(components_1.AkitableHeader, { title: title, description: description, headerMiddleBlock: headerMiddleBlock }),
+                React.createElement(components_1.AntdTable, Object.assign({}, restProps)),
+                React.createElement(components_1.AkitableFooter, null)))));
+};
+exports.Akitable = Akitable;

package/dist/cjs/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/cjs/types.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

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

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

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

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

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