forstok-ui-lib 5.7.0 → 5.7.3

package/package.json

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

package/rollup.config.js

@@ -68,7 +68,7 @@ export default [
         exclude: 'node_modules/**'
       })
     ],
-    external: ['react', 'react-dom', 'styled-components'],
+    external: ['react', 'react-dom', 'styled-components', '@wojtekmaj/react-daterange-picker'],
   },
   {
     input: 'src/index.ts',

package/src/components/index.ts

@@ -21,6 +21,7 @@ export { default as UploadDragDropComponent } from './upload/drag.drop';
 export { default as TextAreaComponent } from './textarea';
 export { default as TextAreaRefComponent } from './textarea/ref'; 
 export { default as DateComponent } from './date';
+export { default as DateRangeComponent } from './date/daterange';
 export { default as DateTimeComponent } from './datetime';
 export { default as RadioComponent } from './radio';
 export { default as SwitchComponent } from './switch';
@@ -31,6 +32,7 @@ export * from './dropdown/typed';
 export * from './message/typed';
 export * from './popup/typed';
 export * from './select/typed';
+export * from './date/typed';
 
 export * from './select/components';
 export * from './form/styles';

package/src/typeds/shares.typed.ts

@@ -1,4 +1,5 @@
-import { TMouseEvent, TObject, TState } from './base.typed';
+import { Dispatch, JSX } from 'react';
+import { TChangeEvent, TMouseEvent, TObject, TPage, TState } from './base.typed';
 import { TCloseDropdownFunction } from '../components/dropdown/typed';
 import { TCustomField, TAutoCopy } from '../components/masterTable/typed';
 import { TMessageFunction, TMessageQuestionFunction } from '../components/message/typed';
@@ -108,3 +109,163 @@ export type TMasterProps = {
   setForceUpdate?: TState<boolean>
   evPickAll?: TMouseEvent
 }
+
+export type TInData<TData = never> = {
+  loading: boolean
+  data?: TData | null
+}
+
+export type TInListProps = {
+  loadName: string
+  searchByDef: string
+  hasCheckAll?: boolean
+  hasSubscription?: boolean
+  hasTab?: boolean
+  hasSort?: boolean
+  tabStorage?: string
+  sortStorage?: string
+  pageStorage?: string
+}
+
+export type TInPart = {
+  evOpenPopup?:  TPopupOpenFunction
+  evForcePopUp?: TPopupFunction
+  evCloseDropdown?: TCloseDropdownFunction
+  evCreateMessage?: TMessageFunction
+  evCreateMessageQuestion?: TMessageQuestionFunction
+  saveSubscription?: (statuses: (string | null)[], id: number) => void
+  clearSubscription?: ()=> void 
+  data?: any
+  id?: string
+  evPrintReceipt?: (dataOrder: any) => void
+}
+
+export type TInList = TInPart & {
+  firstDispatch: Dispatch<any>  
+  resetByOption: (opt?: string | string[], callback?: () => void, noScroll?: boolean) => void
+  activeStatusTab?: string
+  evClickTab?: TMouseEvent
+  loadName?: string,
+  activePageOption: number
+  evSetPageOption: TMouseEvent
+  activePage: number
+  evSetPage: TMouseEvent
+  activeCursor: string
+  searchInput: string
+  evSearchInput: TChangeEvent
+  activeSearchBy: string
+  evClickSearchBy: TMouseEvent
+  abortRef: AbortController
+  abortSecRef: AbortController
+  isForceUpdate: boolean
+  checkboxData?: TObject[]
+  isCheckAll?: boolean
+  isForceUpdateCheckAll?: boolean
+  isResetSubscription?: boolean
+  activeSort?: string
+  evChangeSort?: TChangeEvent
+  isForceUpdateSort?: boolean
+  evClickCollapse?: TMouseEvent
+  isReadyQuery: boolean
+}
+
+export type TInlistPart = Omit<TInList, 
+  'evClickTab' | 
+  'activePageOption' |
+  'evSetPageOption' | 
+  'activePage' | 
+  'evSetPage' | 
+  'activeCursor' |
+  'searchInput' | 
+  'abortRef' |
+  'abortSecRef' |
+  'isResetSubscription' |
+  'isReadyQuery'> & {
+  pageEl: JSX.Element | null
+  readyFilter?: string[]
+  parseSetForceUpdate?: (value: boolean) => void
+  evReload?: () => void 
+}
+
+export type TPagination = {
+  data?: TPage | null
+  type: string
+  activePage: number
+  evSetPage: TMouseEvent
+  activePageOption?: number
+  evSetPageOption: TMouseEvent
+  $mode?: string
+}
+
+export type TObjPage = {
+  cursor?: string
+  page: number
+  isCurrent: boolean
+}
+
+export type TPageObj = {
+  first: TObjPage
+  last: TObjPage
+  next: TObjPage
+  prev: TObjPage
+  around: TObjPage
+  dot: {
+    start: boolean
+    end: boolean
+  }
+} | TObject | null
+
+export type TNewFilterPartial = {
+  firstDispatch?: Dispatch<any>
+  activeStatusTab?: string
+  evCloseDropdown?: TCloseDropdownFunction 
+  readyFilter?: string[] 
+  isForceUpdate: boolean
+  setForceUpdate?: TState<boolean>
+  localStorageName?: string 
+  loadName?: string
+  resetByOption?: (opt?: string | string[], callback?: () => void, noScroll?: boolean) => void
+}
+
+export type TTimeFilter = {
+  startDate: Date | null
+  endDate: Date | null
+  rangeDate : string
+}
+
+export type TNewFunction = {
+  checkboxData?: TObject[]
+  evReload?: () => void 
+  evForcePopUp?: TPopupFunction
+  evCreateMessage?: TMessageFunction
+  evCreateMessageQuestion?: TMessageQuestionFunction
+  type?: string
+  data?: TObject[]
+  evOpenPopup?: TPopupOpenFunction
+  inboundId?: number
+  outboundId?: number
+  adjustmentId?: number
+  evMarkIncomplete?: TMouseEvent
+  source?: string
+  portalKey?: number
+}
+
+export type TDetailNew<TData = never> = {
+  activeTab?: string
+  evOpenPopup?: TPopupOpenFunction
+  data: TData
+  evClickTabDetail?: TMouseEvent
+  evCreateMessage?: TMessageFunction
+  evCreateMessageQuestion?: TMessageQuestionFunction
+  evCloseDropdown?: TCloseDropdownFunction
+  evReload?: () => void 
+}
+
+type Callback<S> = (state: S) => void | (() => void | undefined);
+
+type DispatchWithCallback<A, S> = (
+  value: A,
+  callback: Callback<S>,
+) => void;
+
+export type TStateCallback<TData> = DispatchWithCallback<React.SetStateAction<TData>, TData>