@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.
Files changed (147) hide show
  1. package/dist/cjs/akitable-context.d.ts +18 -0
  2. package/dist/cjs/akitable-context.d.ts.map +1 -0
  3. package/dist/cjs/akitable-context.js +19 -0
  4. package/dist/cjs/akitable.css +8 -0
  5. package/dist/cjs/akitable.d.ts +5 -0
  6. package/dist/cjs/akitable.d.ts.map +1 -0
  7. package/dist/cjs/akitable.js +37 -0
  8. package/dist/cjs/common/theme-overrides.d.ts +3 -0
  9. package/dist/cjs/common/theme-overrides.d.ts.map +1 -0
  10. package/dist/cjs/common/theme-overrides.js +60 -0
  11. package/dist/cjs/components/actions.css +19 -0
  12. package/dist/cjs/components/actions.d.ts +4 -0
  13. package/dist/cjs/components/actions.d.ts.map +1 -0
  14. package/dist/cjs/components/actions.js +35 -0
  15. package/dist/cjs/components/controls.css +5 -0
  16. package/dist/cjs/components/controls.d.ts +4 -0
  17. package/dist/cjs/components/controls.d.ts.map +1 -0
  18. package/dist/cjs/components/controls.js +18 -0
  19. package/dist/cjs/components/datatable.css +57 -0
  20. package/dist/cjs/components/datatable.d.ts +5 -0
  21. package/dist/cjs/components/datatable.d.ts.map +1 -0
  22. package/dist/cjs/components/datatable.js +29 -0
  23. package/dist/cjs/components/footer.css +5 -0
  24. package/dist/cjs/components/footer.d.ts +5 -0
  25. package/dist/cjs/components/footer.d.ts.map +1 -0
  26. package/dist/cjs/components/footer.js +19 -0
  27. package/dist/cjs/components/header.css +23 -0
  28. package/dist/cjs/components/header.d.ts +5 -0
  29. package/dist/cjs/components/header.d.ts.map +1 -0
  30. package/dist/cjs/components/header.js +25 -0
  31. package/dist/cjs/components/pagination.css +3 -0
  32. package/dist/{esm/components/Pagination/index.d.ts → cjs/components/pagination.d.ts} +2 -2
  33. package/dist/cjs/components/pagination.d.ts.map +1 -0
  34. package/dist/cjs/components/pagination.js +17 -0
  35. package/dist/cjs/i18n/index.d.ts +5 -0
  36. package/dist/cjs/i18n/index.d.ts.map +1 -0
  37. package/dist/cjs/i18n/index.js +14 -0
  38. package/dist/cjs/i18n/translations/en.d.ts +9 -0
  39. package/dist/cjs/i18n/translations/en.d.ts.map +1 -0
  40. package/dist/cjs/i18n/translations/en.js +10 -0
  41. package/dist/cjs/i18n/translations/tr.d.ts +9 -0
  42. package/dist/cjs/i18n/translations/tr.d.ts.map +1 -0
  43. package/dist/cjs/i18n/translations/tr.js +10 -0
  44. package/dist/cjs/index.d.ts +2 -18
  45. package/dist/cjs/index.d.ts.map +1 -1
  46. package/dist/cjs/index.js +15 -93
  47. package/dist/cjs/types.d.ts +50 -16
  48. package/dist/cjs/types.d.ts.map +1 -1
  49. package/dist/esm/akitable-context.d.ts +18 -0
  50. package/dist/esm/akitable-context.d.ts.map +1 -0
  51. package/dist/esm/akitable-context.js +14 -0
  52. package/dist/esm/akitable.css +8 -0
  53. package/dist/esm/akitable.d.ts +5 -0
  54. package/dist/esm/akitable.d.ts.map +1 -0
  55. package/dist/esm/akitable.js +33 -0
  56. package/dist/esm/common/theme-overrides.d.ts +3 -0
  57. package/dist/esm/common/theme-overrides.d.ts.map +1 -0
  58. package/dist/esm/common/theme-overrides.js +57 -0
  59. package/dist/esm/components/actions.css +19 -0
  60. package/dist/esm/components/actions.d.ts +4 -0
  61. package/dist/esm/components/actions.d.ts.map +1 -0
  62. package/dist/esm/components/actions.js +31 -0
  63. package/dist/esm/components/controls.css +5 -0
  64. package/dist/esm/components/controls.d.ts +4 -0
  65. package/dist/esm/components/controls.d.ts.map +1 -0
  66. package/dist/esm/components/controls.js +14 -0
  67. package/dist/esm/components/datatable.css +57 -0
  68. package/dist/esm/components/datatable.d.ts +5 -0
  69. package/dist/esm/components/datatable.d.ts.map +1 -0
  70. package/dist/esm/components/datatable.js +25 -0
  71. package/dist/esm/components/footer.css +5 -0
  72. package/dist/esm/components/footer.d.ts +5 -0
  73. package/dist/esm/components/footer.d.ts.map +1 -0
  74. package/dist/esm/components/footer.js +15 -0
  75. package/dist/esm/components/header.css +23 -0
  76. package/dist/esm/components/header.d.ts +5 -0
  77. package/dist/esm/components/header.d.ts.map +1 -0
  78. package/dist/esm/components/header.js +21 -0
  79. package/dist/esm/components/pagination.css +3 -0
  80. package/dist/{cjs/components/Pagination/index.d.ts → esm/components/pagination.d.ts} +2 -2
  81. package/dist/esm/components/pagination.d.ts.map +1 -0
  82. package/dist/esm/components/pagination.js +13 -0
  83. package/dist/esm/i18n/index.d.ts +5 -0
  84. package/dist/esm/i18n/index.d.ts.map +1 -0
  85. package/dist/esm/i18n/index.js +11 -0
  86. package/dist/esm/i18n/translations/en.d.ts +9 -0
  87. package/dist/esm/i18n/translations/en.d.ts.map +1 -0
  88. package/dist/esm/i18n/translations/en.js +8 -0
  89. package/dist/esm/i18n/translations/tr.d.ts +9 -0
  90. package/dist/esm/i18n/translations/tr.d.ts.map +1 -0
  91. package/dist/esm/i18n/translations/tr.js +8 -0
  92. package/dist/esm/index.d.ts +2 -18
  93. package/dist/esm/index.d.ts.map +1 -1
  94. package/dist/esm/index.js +2 -92
  95. package/dist/esm/types.d.ts +50 -16
  96. package/dist/esm/types.d.ts.map +1 -1
  97. package/package.json +19 -15
  98. package/dist/cjs/components/AntdTable/index.d.ts +0 -6
  99. package/dist/cjs/components/AntdTable/index.d.ts.map +0 -1
  100. package/dist/cjs/components/AntdTable/index.js +0 -33
  101. package/dist/cjs/components/Footer/index.css +0 -6
  102. package/dist/cjs/components/Footer/index.d.ts +0 -4
  103. package/dist/cjs/components/Footer/index.d.ts.map +0 -1
  104. package/dist/cjs/components/Footer/index.js +0 -16
  105. package/dist/cjs/components/Header/index.css +0 -84
  106. package/dist/cjs/components/Header/index.d.ts +0 -10
  107. package/dist/cjs/components/Header/index.d.ts.map +0 -1
  108. package/dist/cjs/components/Header/index.js +0 -25
  109. package/dist/cjs/components/HeaderActions/index.css +0 -30
  110. package/dist/cjs/components/HeaderActions/index.d.ts +0 -9
  111. package/dist/cjs/components/HeaderActions/index.d.ts.map +0 -1
  112. package/dist/cjs/components/HeaderActions/index.js +0 -39
  113. package/dist/cjs/components/Pagination/index.css +0 -96
  114. package/dist/cjs/components/Pagination/index.d.ts.map +0 -1
  115. package/dist/cjs/components/Pagination/index.js +0 -20
  116. package/dist/cjs/components/index.d.ts +0 -6
  117. package/dist/cjs/components/index.d.ts.map +0 -1
  118. package/dist/cjs/components/index.js +0 -13
  119. package/dist/cjs/context/index.d.ts +0 -25
  120. package/dist/cjs/context/index.d.ts.map +0 -1
  121. package/dist/cjs/context/index.js +0 -35
  122. package/dist/cjs/index.css +0 -28
  123. package/dist/esm/components/AntdTable/index.d.ts +0 -6
  124. package/dist/esm/components/AntdTable/index.d.ts.map +0 -1
  125. package/dist/esm/components/AntdTable/index.js +0 -29
  126. package/dist/esm/components/Footer/index.css +0 -6
  127. package/dist/esm/components/Footer/index.d.ts +0 -4
  128. package/dist/esm/components/Footer/index.d.ts.map +0 -1
  129. package/dist/esm/components/Footer/index.js +0 -12
  130. package/dist/esm/components/Header/index.css +0 -84
  131. package/dist/esm/components/Header/index.d.ts +0 -10
  132. package/dist/esm/components/Header/index.d.ts.map +0 -1
  133. package/dist/esm/components/Header/index.js +0 -21
  134. package/dist/esm/components/HeaderActions/index.css +0 -30
  135. package/dist/esm/components/HeaderActions/index.d.ts +0 -9
  136. package/dist/esm/components/HeaderActions/index.d.ts.map +0 -1
  137. package/dist/esm/components/HeaderActions/index.js +0 -35
  138. package/dist/esm/components/Pagination/index.css +0 -96
  139. package/dist/esm/components/Pagination/index.d.ts.map +0 -1
  140. package/dist/esm/components/Pagination/index.js +0 -16
  141. package/dist/esm/components/index.d.ts +0 -6
  142. package/dist/esm/components/index.d.ts.map +0 -1
  143. package/dist/esm/components/index.js +0 -5
  144. package/dist/esm/context/index.d.ts +0 -25
  145. package/dist/esm/context/index.d.ts.map +0 -1
  146. package/dist/esm/context/index.js +0 -30
  147. 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,5 +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';
@@ -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
- };
@@ -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
- }