forstok-ui-lib 2.0.0 → 3.0.1

package/dist/index.d.ts

@@ -1,6 +1,6 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as react from 'react';
-import { HTMLAttributes, ReactNode, AnchorHTMLAttributes, MouseEvent, Dispatch, SetStateAction, KeyboardEvent, FocusEvent, InputHTMLAttributes, ChangeEvent, PropsWithChildren, ButtonHTMLAttributes, RefObject } from 'react';
+import { HTMLAttributes, ReactNode, AnchorHTMLAttributes, MouseEvent, Dispatch, SetStateAction, KeyboardEvent, FocusEvent, ChangeEvent, DragEvent, InputHTMLAttributes, PropsWithChildren, ButtonHTMLAttributes, RefObject } from 'react';
 import * as styled_components from 'styled-components';
 import * as styled_components_dist_types from 'styled-components/dist/types';
 
@@ -27,8 +27,52 @@ type TLinkBase = {
 }));
 declare const LinkComponent: ({ children, mode, $activated, href, $elipsis, $shadow, disabled, ...props }: TLinkBase) => react_jsx_runtime.JSX.Element;
 
+type RemoveUnderscoreFirstLetter<S extends string> = S extends `${infer FirstLetter}${infer U}` ? `${FirstLetter extends "_" ? U : `${FirstLetter}${U}`}` : S;
+type CamelToSnakeCase<S extends string> = S extends `${infer T}${infer U}` ? `${T extends Capitalize<T> ? "_" : ""}${RemoveUnderscoreFirstLetter<Lowercase<T>>}${CamelToSnakeCase<U>}` : S;
+type WithRequired<T, K extends keyof T> = T & {
+    [P in K]-?: T[P];
+};
+type PartialBy<T, K extends keyof T> = Omit<T, K> & Partial<Pick<T, K>>;
+type KeysToSnakeCase<T extends object> = {
+    [K in keyof T as CamelToSnakeCase<K & string>]: T[K];
+};
+type TIdNum = {
+    id: number;
+};
+type TIdStr = {
+    id: string;
+};
+type TObject = {
+    [key: string]: any;
+};
+type TMouseEvent = (e: MouseEvent) => void;
+type TChangeEvent = (e: ChangeEvent) => void;
+type TDragEvent = (e: DragEvent) => void;
 type TEnterEvent = (e: KeyboardEvent<HTMLInputElement | HTMLElement> | FocusEvent<HTMLInputElement | HTMLElement | Element> | MouseEvent<HTMLElement>) => void;
 type TKeyboadEvent = (e: KeyboardEvent<HTMLInputElement>) => void;
+type TPage = {
+    totalCount: number;
+    totalPageCount: number;
+    pageInfo: {
+        endCursor?: string | null;
+        hasNextPage: boolean;
+        hasPreviousPage: boolean;
+        startCursor?: string | null;
+    };
+    pageCursors?: {
+        page: number;
+        startCursor: string;
+        endCursor: string;
+    }[] | null;
+};
+type TFile = {
+    name: string;
+    file: File;
+};
+type TFileImage = TFile & {
+    src: string;
+    url?: string;
+};
 type TState<T> = Dispatch<SetStateAction<T>>;
 
 type TInput$1 = InputHTMLAttributes<HTMLInputElement> & {
@@ -129,4 +173,23 @@ declare const TabsContent: styled_components_dist_types.IStyledComponentBase<"we
 declare const FoContainer: styled_components_dist_types.IStyledComponentBase<"web", styled_components.FastOmit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLElement>, HTMLElement>, never>> & string;
 declare const InfoGroup: styled_components_dist_types.IStyledComponentBase<"web", styled_components.FastOmit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
 
-export { ButtonComponent, CheckboxComponent, FoContainer, HeaderContainer, IconComponent, InfoGroup, InputComponent, LabelComponent, LinkComponent, ListContainer, LoadingComponent, PanelContainer, PanelWrapper, TabsContainer, TabsContent, TextComponent, Title, boxBase, clearList, dropBase, elipsis, formLabel, headTable, multiElipsis, responseWidth, thirdElipsis };
+type TUser = {
+    profile_id: number;
+    profile_name: string;
+    id: number;
+    username: string;
+    email: string;
+    freshchat_restore_id: string | number | null;
+    credentials: {
+        aws_access_key: string;
+        aws_secret_access_key: string;
+        aws_bucket_name: string;
+        aws_region: string;
+        chat_token: string;
+        shopee_partner_id: string;
+        shopee_partner_key: string;
+    };
+    has_access_orderV1: boolean;
+};
+
+export { ButtonComponent, CheckboxComponent, FoContainer, HeaderContainer, IconComponent, InfoGroup, InputComponent, type KeysToSnakeCase, LabelComponent, LinkComponent, ListContainer, LoadingComponent, PanelContainer, PanelWrapper, type PartialBy, type TChangeEvent, type TDragEvent, type TEnterEvent, type TFile, type TFileImage, type TIdNum, type TIdStr, type TKeyboadEvent, type TMouseEvent, type TObject, type TPage, type TState, type TUser, TabsContainer, TabsContent, TextComponent, Title, type WithRequired, boxBase, clearList, dropBase, elipsis, formLabel, headTable, multiElipsis, responseWidth, thirdElipsis };

package/package.json

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

package/src/index.ts

@@ -2,3 +2,4 @@
 
 export * from './components';
 export * from './assets';
+export * from './typeds';

package/src/typeds/index.ts

@@ -0,0 +1,2 @@
+export * from './base.typed';
+export * from './shares.typed';

package/src/typeds/shares.typed.ts

@@ -0,0 +1,18 @@
+export type TUser = {
+  profile_id: number,
+  profile_name: string,
+  id: number,
+  username: string,
+  email: string,
+  freshchat_restore_id: string|number | null,
+  credentials: {
+    aws_access_key: string,
+    aws_secret_access_key: string,
+    aws_bucket_name: string,
+    aws_region: string,
+    chat_token: string,
+    shopee_partner_id: string,
+    shopee_partner_key: string
+  },
+  has_access_orderV1: boolean
+}