forstok-ui-lib 5.2.12 → 5.2.18

package/package.json

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

package/src/components/index.ts

@@ -14,6 +14,7 @@ export { default as PopupComponent } from './popup';
 export { default as ReactPortalComponent } from './portal';
 export { default as ImageComponent } from './image';
 export { default as SelectComponent } from './select';
+export { default as MenuList } from './select/menulist';
 export { default as ErrorComponent } from './error';
 export { default as UploadComponent } from './upload';
 export { default as UploadDragDropComponent } from './upload/drag_drop';
@@ -23,4 +24,4 @@ export * from './message/typed';
 export * from './popup/typed';
 export * from './select/typed';
 
-export * from './form/styles';
+export * from './form/styles';

package/src/components/select/menulist.tsx

@@ -0,0 +1,11 @@
+import { JSX } from 'react';
+import { components } from 'react-select';
+import type { GroupBase, MenuListProps } from 'react-select';
+
+const MenuList = (props: JSX.IntrinsicAttributes & MenuListProps<unknown, boolean, GroupBase<unknown>>) => {
+  return (
+    <components.MenuList {...props}>{props.children}</components.MenuList>
+  ) 
+}
+
+export default MenuList;

package/src/components/select/typed.ts

@@ -1,5 +1,8 @@
-import type { OnChangeValue } from 'react-select';
+import type { ActionMeta, OnChangeValue } from 'react-select';
+import type { OptionProps, GroupBase, StylesConfig, CSSObjectWithLabel, ControlProps } from 'react-select';
+import { CSSObject } from '@emotion/serialize'
 import type { TChannel } from '../../typeds/shares.typed';
+import type { TState } from '../../typeds';
 
 export type TOption = {
   readonly value: any
@@ -17,4 +20,51 @@ export type TOption = {
   }[]
 }
 
-export type TOnChangeValue = OnChangeValue<TOption, boolean>
+export type TLoadOption = (search: string, callback: () => void, { endCursor }: {
+  endCursor: string;
+}) => Promise<{
+  options: any;
+  hasMore: any;
+  additional?: {
+      endCursor: any;
+  };
+} | {
+  options: never[];
+  hasMore: boolean;
+  additional?: undefined;
+} | undefined>
+
+export type TOnChangeValue = OnChangeValue<TOption, boolean>
+
+export type TActionMeta = ActionMeta<TOption>
+
+export type TSelectAsyncPaginate = {
+  customOption?: (arg0: OptionProps) => void
+  MenuList?: any
+  evChange?: (newValue: OnChangeValue<TOption, false>, actionMeta?: ActionMeta<TOption>) => void
+  defaultValue?: OnChangeValue<TOption, boolean>
+  // loadOptions: TLoadOption | LoadOptions<unknown, GroupBase<unknown>, unknown>
+  loadOptionsOnMenuOpen?: boolean
+  noOptionsMessage?: ((obj: {
+    inputValue: string;
+  }) => React.ReactNode)
+  isSearchable?: boolean
+  isClearable?: boolean
+  placeholder?: string
+  isMenuOpen?: boolean
+  setMenuIsOpen: TState<boolean|undefined>
+  isForceUpdate: boolean
+  setForceUpdate: TState<boolean>
+}
+
+export type TCustomStyles = StylesConfig<TOption, boolean>
+
+export type TCSSObject = CSSObject
+
+export type TCSSObjectWithLabel = CSSObjectWithLabel
+
+export type TControlProps = ControlProps<TOption, boolean>
+
+export type TOptionProps = OptionProps<TOption, boolean>
+
+export type TGroupBase = GroupBase<TOption>