@akinon/akitable 0.2.1 → 0.3.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/akitable-context.d.ts +18 -0
- package/dist/cjs/akitable-context.d.ts.map +1 -0
- package/dist/cjs/akitable-context.js +19 -0
- package/dist/cjs/akitable.css +8 -0
- package/dist/cjs/akitable.d.ts +5 -0
- package/dist/cjs/akitable.d.ts.map +1 -0
- package/dist/cjs/akitable.js +37 -0
- package/dist/cjs/common/theme-overrides.d.ts +3 -0
- package/dist/cjs/common/theme-overrides.d.ts.map +1 -0
- package/dist/cjs/common/theme-overrides.js +60 -0
- package/dist/cjs/components/actions.css +19 -0
- package/dist/cjs/components/actions.d.ts +4 -0
- package/dist/cjs/components/actions.d.ts.map +1 -0
- package/dist/cjs/components/actions.js +35 -0
- package/dist/cjs/components/controls.css +5 -0
- package/dist/cjs/components/controls.d.ts +4 -0
- package/dist/cjs/components/controls.d.ts.map +1 -0
- package/dist/cjs/components/controls.js +18 -0
- package/dist/cjs/components/datatable.css +57 -0
- package/dist/cjs/components/datatable.d.ts +5 -0
- package/dist/cjs/components/datatable.d.ts.map +1 -0
- package/dist/cjs/components/datatable.js +29 -0
- package/dist/cjs/components/footer.css +5 -0
- package/dist/cjs/components/footer.d.ts +5 -0
- package/dist/cjs/components/footer.d.ts.map +1 -0
- package/dist/cjs/components/footer.js +19 -0
- package/dist/cjs/components/header.css +23 -0
- package/dist/cjs/components/header.d.ts +5 -0
- package/dist/cjs/components/header.d.ts.map +1 -0
- package/dist/cjs/components/header.js +25 -0
- package/dist/cjs/components/pagination.css +3 -0
- package/dist/{esm/components/Pagination/index.d.ts → cjs/components/pagination.d.ts} +2 -2
- package/dist/cjs/components/pagination.d.ts.map +1 -0
- package/dist/cjs/components/pagination.js +17 -0
- package/dist/cjs/i18n/index.d.ts +5 -0
- package/dist/cjs/i18n/index.d.ts.map +1 -0
- package/dist/cjs/i18n/index.js +14 -0
- package/dist/cjs/i18n/translations/en.d.ts +9 -0
- package/dist/cjs/i18n/translations/en.d.ts.map +1 -0
- package/dist/cjs/i18n/translations/en.js +10 -0
- package/dist/cjs/i18n/translations/tr.d.ts +9 -0
- package/dist/cjs/i18n/translations/tr.d.ts.map +1 -0
- package/dist/cjs/i18n/translations/tr.js +10 -0
- package/dist/cjs/index.d.ts +2 -18
- package/dist/cjs/index.d.ts.map +1 -1
- package/dist/cjs/index.js +15 -93
- package/dist/cjs/types.d.ts +50 -16
- package/dist/cjs/types.d.ts.map +1 -1
- package/dist/esm/akitable-context.d.ts +18 -0
- package/dist/esm/akitable-context.d.ts.map +1 -0
- package/dist/esm/akitable-context.js +14 -0
- package/dist/esm/akitable.css +8 -0
- package/dist/esm/akitable.d.ts +5 -0
- package/dist/esm/akitable.d.ts.map +1 -0
- package/dist/esm/akitable.js +33 -0
- package/dist/esm/common/theme-overrides.d.ts +3 -0
- package/dist/esm/common/theme-overrides.d.ts.map +1 -0
- package/dist/esm/common/theme-overrides.js +57 -0
- package/dist/esm/components/actions.css +19 -0
- package/dist/esm/components/actions.d.ts +4 -0
- package/dist/esm/components/actions.d.ts.map +1 -0
- package/dist/esm/components/actions.js +31 -0
- package/dist/esm/components/controls.css +5 -0
- package/dist/esm/components/controls.d.ts +4 -0
- package/dist/esm/components/controls.d.ts.map +1 -0
- package/dist/esm/components/controls.js +14 -0
- package/dist/esm/components/datatable.css +57 -0
- package/dist/esm/components/datatable.d.ts +5 -0
- package/dist/esm/components/datatable.d.ts.map +1 -0
- package/dist/esm/components/datatable.js +25 -0
- package/dist/esm/components/footer.css +5 -0
- package/dist/esm/components/footer.d.ts +5 -0
- package/dist/esm/components/footer.d.ts.map +1 -0
- package/dist/esm/components/footer.js +15 -0
- package/dist/esm/components/header.css +23 -0
- package/dist/esm/components/header.d.ts +5 -0
- package/dist/esm/components/header.d.ts.map +1 -0
- package/dist/esm/components/header.js +21 -0
- package/dist/esm/components/pagination.css +3 -0
- package/dist/{cjs/components/Pagination/index.d.ts → esm/components/pagination.d.ts} +2 -2
- package/dist/esm/components/pagination.d.ts.map +1 -0
- package/dist/esm/components/pagination.js +13 -0
- package/dist/esm/i18n/index.d.ts +5 -0
- package/dist/esm/i18n/index.d.ts.map +1 -0
- package/dist/esm/i18n/index.js +11 -0
- package/dist/esm/i18n/translations/en.d.ts +9 -0
- package/dist/esm/i18n/translations/en.d.ts.map +1 -0
- package/dist/esm/i18n/translations/en.js +8 -0
- package/dist/esm/i18n/translations/tr.d.ts +9 -0
- package/dist/esm/i18n/translations/tr.d.ts.map +1 -0
- package/dist/esm/i18n/translations/tr.js +8 -0
- package/dist/esm/index.d.ts +2 -18
- package/dist/esm/index.d.ts.map +1 -1
- package/dist/esm/index.js +2 -92
- package/dist/esm/types.d.ts +50 -16
- package/dist/esm/types.d.ts.map +1 -1
- package/package.json +19 -15
- package/dist/cjs/components/AntdTable/index.d.ts +0 -6
- package/dist/cjs/components/AntdTable/index.d.ts.map +0 -1
- package/dist/cjs/components/AntdTable/index.js +0 -33
- package/dist/cjs/components/Footer/index.css +0 -6
- package/dist/cjs/components/Footer/index.d.ts +0 -4
- package/dist/cjs/components/Footer/index.d.ts.map +0 -1
- package/dist/cjs/components/Footer/index.js +0 -16
- package/dist/cjs/components/Header/index.css +0 -84
- package/dist/cjs/components/Header/index.d.ts +0 -10
- package/dist/cjs/components/Header/index.d.ts.map +0 -1
- package/dist/cjs/components/Header/index.js +0 -25
- package/dist/cjs/components/HeaderActions/index.css +0 -30
- package/dist/cjs/components/HeaderActions/index.d.ts +0 -9
- package/dist/cjs/components/HeaderActions/index.d.ts.map +0 -1
- package/dist/cjs/components/HeaderActions/index.js +0 -39
- package/dist/cjs/components/Pagination/index.css +0 -96
- package/dist/cjs/components/Pagination/index.d.ts.map +0 -1
- package/dist/cjs/components/Pagination/index.js +0 -20
- package/dist/cjs/components/index.d.ts +0 -6
- package/dist/cjs/components/index.d.ts.map +0 -1
- package/dist/cjs/components/index.js +0 -13
- package/dist/cjs/context/index.d.ts +0 -25
- package/dist/cjs/context/index.d.ts.map +0 -1
- package/dist/cjs/context/index.js +0 -35
- package/dist/cjs/index.css +0 -28
- package/dist/esm/components/AntdTable/index.d.ts +0 -6
- package/dist/esm/components/AntdTable/index.d.ts.map +0 -1
- package/dist/esm/components/AntdTable/index.js +0 -29
- package/dist/esm/components/Footer/index.css +0 -6
- package/dist/esm/components/Footer/index.d.ts +0 -4
- package/dist/esm/components/Footer/index.d.ts.map +0 -1
- package/dist/esm/components/Footer/index.js +0 -12
- package/dist/esm/components/Header/index.css +0 -84
- package/dist/esm/components/Header/index.d.ts +0 -10
- package/dist/esm/components/Header/index.d.ts.map +0 -1
- package/dist/esm/components/Header/index.js +0 -21
- package/dist/esm/components/HeaderActions/index.css +0 -30
- package/dist/esm/components/HeaderActions/index.d.ts +0 -9
- package/dist/esm/components/HeaderActions/index.d.ts.map +0 -1
- package/dist/esm/components/HeaderActions/index.js +0 -35
- package/dist/esm/components/Pagination/index.css +0 -96
- package/dist/esm/components/Pagination/index.d.ts.map +0 -1
- package/dist/esm/components/Pagination/index.js +0 -16
- package/dist/esm/components/index.d.ts +0 -6
- package/dist/esm/components/index.d.ts.map +0 -1
- package/dist/esm/components/index.js +0 -5
- package/dist/esm/context/index.d.ts +0 -25
- package/dist/esm/context/index.d.ts.map +0 -1
- package/dist/esm/context/index.js +0 -30
- package/dist/esm/index.css +0 -28
|
@@ -1,16 +0,0 @@
|
|
|
1
|
-
import './index.css';
|
|
2
|
-
import { Pagination } from '@akinon/ui-pagination';
|
|
3
|
-
import React from 'react';
|
|
4
|
-
import { useAkitableContext } from '../../context';
|
|
5
|
-
export const AkitablePagination = () => {
|
|
6
|
-
const { useAkitablePagination } = useAkitableContext();
|
|
7
|
-
const [pagination, setPagination] = useAkitablePagination;
|
|
8
|
-
const handlePaginationChange = (currentPage, pageSize) => {
|
|
9
|
-
setPagination(Object.assign(Object.assign({}, pagination), { currentPage,
|
|
10
|
-
pageSize }));
|
|
11
|
-
};
|
|
12
|
-
return (React.createElement("div", { className: "akitable-pagination-container" },
|
|
13
|
-
React.createElement(Pagination, { className: "akitable-pagination-container__pagination", current: pagination.currentPage, total: pagination.totalDataLength, pageSize: pagination.pageSize, onChange: handlePaginationChange, simple: true, locale: {
|
|
14
|
-
items_per_page: pagination.paginationLabel || 'per page'
|
|
15
|
-
} })));
|
|
16
|
-
};
|
|
@@ -1,6 +0,0 @@
|
|
|
1
|
-
export { AntdTable } from './AntdTable';
|
|
2
|
-
export { AkitableFooter } from './Footer';
|
|
3
|
-
export { AkitableHeader } from './Header';
|
|
4
|
-
export { HeaderActions } from './HeaderActions';
|
|
5
|
-
export { AkitablePagination } from './Pagination';
|
|
6
|
-
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +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"}
|
|
@@ -1,25 +0,0 @@
|
|
|
1
|
-
import React, { Dispatch } from 'react';
|
|
2
|
-
import type { AnyObject, HeaderAction, UseAkitablePagination } from '../types';
|
|
3
|
-
type IData = AnyObject;
|
|
4
|
-
export type AkitableContextProviderProps = {
|
|
5
|
-
useAkitablePagination: UseAkitablePagination;
|
|
6
|
-
headerActions?: HeaderAction<IData>[];
|
|
7
|
-
children: React.ReactNode;
|
|
8
|
-
};
|
|
9
|
-
export type AkitableState = {
|
|
10
|
-
selectedRows: IData[];
|
|
11
|
-
};
|
|
12
|
-
export type AkitableAction = {
|
|
13
|
-
type: 'RESET';
|
|
14
|
-
} | {
|
|
15
|
-
type: 'SET_SELECTED_ROWS';
|
|
16
|
-
payload: AkitableState['selectedRows'];
|
|
17
|
-
};
|
|
18
|
-
export type AkitableContext = Omit<AkitableContextProviderProps, 'children'> & {
|
|
19
|
-
state: AkitableState;
|
|
20
|
-
dispatch: Dispatch<AkitableAction>;
|
|
21
|
-
};
|
|
22
|
-
export declare const AkitableContextProvider: ({ useAkitablePagination, headerActions, children }: AkitableContextProviderProps) => React.JSX.Element;
|
|
23
|
-
export declare const useAkitableContext: () => AkitableContext;
|
|
24
|
-
export {};
|
|
25
|
-
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +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"}
|
|
@@ -1,30 +0,0 @@
|
|
|
1
|
-
import React, { createContext, useContext } from 'react';
|
|
2
|
-
import { useImmerReducer } from 'use-immer';
|
|
3
|
-
const AkitableContext = createContext(undefined);
|
|
4
|
-
export const AkitableContextProvider = ({ useAkitablePagination, headerActions, children }) => {
|
|
5
|
-
const initialState = {
|
|
6
|
-
selectedRows: []
|
|
7
|
-
};
|
|
8
|
-
const [state, dispatch] = useImmerReducer((draft, action) => {
|
|
9
|
-
switch (action.type) {
|
|
10
|
-
case 'RESET':
|
|
11
|
-
return initialState;
|
|
12
|
-
case 'SET_SELECTED_ROWS':
|
|
13
|
-
draft.selectedRows = action.payload;
|
|
14
|
-
return;
|
|
15
|
-
}
|
|
16
|
-
}, initialState);
|
|
17
|
-
return (React.createElement(AkitableContext.Provider, { value: {
|
|
18
|
-
state,
|
|
19
|
-
dispatch,
|
|
20
|
-
useAkitablePagination,
|
|
21
|
-
headerActions
|
|
22
|
-
} }, children));
|
|
23
|
-
};
|
|
24
|
-
export const useAkitableContext = () => {
|
|
25
|
-
const context = useContext(AkitableContext);
|
|
26
|
-
if (context === undefined) {
|
|
27
|
-
throw new Error('useAkitableContext must be used within a AkitableContextProvider');
|
|
28
|
-
}
|
|
29
|
-
return context;
|
|
30
|
-
};
|
package/dist/esm/index.css
DELETED
|
@@ -1,28 +0,0 @@
|
|
|
1
|
-
.akitable-container {
|
|
2
|
-
border-radius: 10px;
|
|
3
|
-
width: 100%;
|
|
4
|
-
|
|
5
|
-
.row-action {
|
|
6
|
-
width: 40px;
|
|
7
|
-
height: 40px;
|
|
8
|
-
display: flex;
|
|
9
|
-
border: 1px solid rgba(0, 47, 255, 0.273);
|
|
10
|
-
border-radius: 7px;
|
|
11
|
-
align-items: center;
|
|
12
|
-
justify-content: center;
|
|
13
|
-
margin-right: 5px;
|
|
14
|
-
|
|
15
|
-
i:before {
|
|
16
|
-
color: rgba(34, 34, 34, 0.713);
|
|
17
|
-
}
|
|
18
|
-
}
|
|
19
|
-
|
|
20
|
-
.akinon-table-wrapper {
|
|
21
|
-
.akinon-table-thead > tr > th {
|
|
22
|
-
color: var(--color-ebonyClay-375);
|
|
23
|
-
font-size: 0.75rem;
|
|
24
|
-
font-weight: 500;
|
|
25
|
-
padding: 6px 28px;
|
|
26
|
-
}
|
|
27
|
-
}
|
|
28
|
-
}
|