forstok-ui-lib 6.3.3 → 6.4.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "forstok-ui-lib",
-  "version": "6.3.3",
+  "version": "6.4.1",
   "description": "Forstok UI Components Library",
   "path": "dist",
   "main": "dist/index.js",

package/src/assets/stylesheets/shares.styles.ts

@@ -3749,6 +3749,17 @@ export const IconDot = styled.span<{ $mode?: 'list' | 'header' | 'chat' }>`
   text-align: center;
   padding: 0px 4px;
   border-radius: var(--ter-rd);
+  ${({ $mode }) => $mode === 'chat' && css`
+    position: absolute;
+    z-index: 8;
+    left: 18px;
+    top: 0;
+    padding: 0.2em 0.3em;
+    font-weight: bold;
+    font-size: 10px;
+    min-width: 16px;
+    height: 16px;
+  `}
   ${({ $mode }) => ($mode === 'list' || $mode === 'header') && css`
     position: absolute;
     top: 0;
@@ -3763,17 +3774,6 @@ export const IconDot = styled.span<{ $mode?: 'list' | 'header' | 'chat' }>`
       transform: scale(1) translate(50%, -50%);
     `}
   `}
-  ${({ $mode }) => $mode === 'chat' && css`
-    position: absolute;
-    z-index: 8;
-    left: 18px;
-    top: 0;
-    padding: 0.2em 0.3em;
-    font-weight: bold;
-    font-size: 10px;
-    min-width: 16px;
-    height: 16px;
-  `}
 `
 export const SortByWrapper = styled.section`
   justify-self: end;

package/src/typeds/base.typed.ts

@@ -48,4 +48,22 @@ export type TFileImage = TFile & {
   src: string 
   url?: string
 };
-export type TState<T> = Dispatch<SetStateAction<T>>;
+export type TState<T> = Dispatch<SetStateAction<T>>;
+export interface TUPage {
+  totalCount?: number | null;
+  totalPageCount?: number | null;
+  pageInfo?: {
+    endCursor?: string | null;
+    hasNextPage: boolean;
+    hasPreviousPage: boolean;
+    startCursor?: string | null;
+  } | null;
+  pageCursors?:
+    | ({
+        __typename?: 'PageCursor';
+        page: number;
+        startCursor: string;
+        endCursor: string;
+      } | null)[]
+    | null;
+}

package/src/typeds/shares.typed.ts

@@ -1,5 +1,5 @@
 import { Dispatch, JSX } from 'react';
-import { TChangeEvent, TMouseEvent, TObject, TPage, TState } from './base.typed';
+import { TChangeEvent, TMouseEvent, TObject, TPage, TState, TUPage } from './base.typed';
 import { TCustomField, TAutoCopy } from '../components/masterTable/typed';
 import { TMessageFunction, TMessageQuestionFunction } from '../components/message/typed';
 import { TPopupFunction, TPopupOpenFunction } from '../components/popup/typed';
@@ -188,14 +188,14 @@ export type TInlistPart = Omit<TInList,
   evReload?: () => void 
 }
 
-export type TPagination = {
-  data?: TPage | null
-  type: string
-  activePage: number
-  evSetPage: TMouseEvent
-  activePageOption?: number
-  evSetPageOption: TMouseEvent
-  $mode?: string
+export interface TPagination {
+  data?: TPage | TUPage | null;
+  type: string;
+  activePage: number;
+  evSetPage: TMouseEvent;
+  activePageOption?: number;
+  evSetPageOption: TMouseEvent;
+  mode?: 'noPageOption' | 'min10PageOption';
 }
 
 export type TObjPage = {