forstok-ui-lib 8.5.0 → 8.5.2

package/package.json

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

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

@@ -2895,7 +2895,6 @@ export const LinkContainer = styled.article<{ $align?: string }>`
   span {
     text-align: ${({ $align }: { $align?: string }) =>
       $align === "right" ? "right" : "left"};
-    text-transform: capitalize;
     cursor: pointer;
   }
   hr {
@@ -4078,7 +4077,6 @@ export const DropdownItem = styled.li<{
       > label,
       > span {
         cursor: pointer;
-        text-transform: capitalize;
         width: 100%;
         max-width: 218px;
         overflow: hidden;

package/src/components/select/typed.ts

@@ -1,118 +1,147 @@
-import type { ActionMeta, OnChangeValue, SingleValueProps } from 'react-select';
-import type { OptionProps, GroupBase, StylesConfig, CSSObjectWithLabel, ControlProps, ValueContainerProps, MultiValueProps, MultiValue, OptionsOrGroups, MenuListProps } from 'react-select';
-import type { Response } from 'react-select-async-paginate';
-import type { Moment } from 'moment';
-import type { CSSObject } from '@emotion/serialize'
-import type { TChannel } from '../../typeds/shares.typed';
-import type { TState } from '../../typeds';
+import type { ActionMeta, OnChangeValue, SingleValueProps } from "react-select";
+import type {
+  OptionProps,
+  GroupBase,
+  StylesConfig,
+  CSSObjectWithLabel,
+  ControlProps,
+  ValueContainerProps,
+  MultiValueProps,
+  MultiValue,
+  OptionsOrGroups,
+  MenuListProps,
+} from "react-select";
+import type { Response } from "react-select-async-paginate";
+import type { Moment } from "moment";
+import type { CSSObject } from "@emotion/serialize";
+import type { TChannel } from "../../typeds/shares.typed";
+import type { TState } from "../../typeds";
 
 type TskuAddons = {
-  id?: number
-  productId?: number
-  masterProductId?: string
-  imageUrl?: string
-  sku?: string
-  price?: number
-  quantity?: number
-  salePrice?: number
-}
+  id?: number;
+  productId?: number;
+  masterProductId?: string;
+  imageUrl?: string;
+  sku?: string;
+  price?: number;
+  quantity?: number;
+  salePrice?: number;
+};
 
 type TWarehouseAddons = {
-  id?: number
-  newId?: string | null
-  name?: string
-} | null
+  id?: number;
+  newId?: string | null;
+  name?: string;
+} | null;
 
 export type TOption = {
-  readonly value: any
-  readonly label: string
-  readonly name?: string
-  readonly isFixed?: boolean
-  readonly channel?: Omit<TChannel, 'stores'>
-  postalCode?: string
-  localId?: string
-  isDisabled?: boolean | null
-  momentValue?: Moment[]
+  readonly value: any;
+  readonly label: string;
+  readonly name?: string;
+  readonly isFixed?: boolean;
+  readonly channel?: Omit<TChannel, "stores">;
+  postalCode?: string;
+  localId?: string;
+  isDisabled?: boolean | null;
+  momentValue?: Moment[];
   option?: {
-    readonly value: any
-    readonly label: string
-    localId?: string
-  }[]
+    readonly value: any;
+    readonly label: string;
+    localId?: string;
+  }[];
   store?: {
-    id: number
-    name: string
-    warehouseId?: Array<string | null> | null
-    warehouseCount?: number | null
-    imageUrl?: string | null,
-    warehouse?: TWarehouseAddons[] | null
-  }
-} & TskuAddons
-
-export type TLoadOption = (search: string, callback: () => void, { endCursor }: {
-  endCursor: string;
-}) => Promise<{
-  options: any;
-  hasMore: any;
-  additional?: {
-      endCursor: any;
+    id: number;
+    name: string;
+    warehouseId?: Array<string | null> | null;
+    warehouseCount?: number | null;
+    imageUrl?: string | null;
+    warehouse?: TWarehouseAddons[] | null;
   };
-} | {
-  options: never[];
-  hasMore: boolean;
-  additional?: undefined;
-} | undefined>
-
-export type TOnChangeValue = OnChangeValue<TOption, boolean>
-
-export type TOnChangeValueFalse = OnChangeValue<TOption, false>
-
-export type TOnChangeValueTrue = OnChangeValue<TOption, true>
-
-export type TActionMeta = ActionMeta<TOption>
+  detail?: any;
+} & TskuAddons;
+
+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 TOnChangeValueFalse = OnChangeValue<TOption, false>;
+
+export type TOnChangeValueTrue = OnChangeValue<TOption, true>;
+
+export type TActionMeta = ActionMeta<TOption>;
 
 export type TSelectAsyncPaginate = {
-  customOption?: (arg0: OptionProps) => void
-  MenuList?: any
-  evChange?: (newValue: TOnChangeValue, actionMeta?: ActionMeta<TOption>) => void
-  defaultValue?: TOnChangeValue
+  customOption?: (arg0: OptionProps) => void;
+  MenuList?: any;
+  evChange?: (
+    newValue: TOnChangeValue,
+    actionMeta?: ActionMeta<TOption>,
+  ) => void;
+  defaultValue?: TOnChangeValue;
   // 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>
-}
+  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 TCustomStylesWithVariable = StylesConfig<TOption, boolean>
+export type TCustomStylesWithVariable = StylesConfig<TOption, boolean>;
 
-export type TCSSObject = CSSObject
+export type TCSSObject = CSSObject;
 
-export type TCSSObjectWithLabel = CSSObjectWithLabel
+export type TCSSObjectWithLabel = CSSObjectWithLabel;
 
-export type TControlPropsWithVariable = ControlProps<TOption, boolean>
+export type TControlPropsWithVariable = ControlProps<TOption, boolean>;
 
-export type TOptionPropsWithVariable = OptionProps<TOption, boolean>
+export type TOptionPropsWithVariable = OptionProps<TOption, boolean>;
 
-export type TGroupBaseWithVariable = GroupBase<TOption>
+export type TGroupBaseWithVariable = GroupBase<TOption>;
 
-export type TSingleValueProps = SingleValueProps
+export type TSingleValueProps = SingleValueProps;
 
-export type TOptionProps = OptionProps
+export type TOptionProps = OptionProps;
 
-export type TValueContainerPropsWithVariable = ValueContainerProps<TOption, boolean>
+export type TValueContainerPropsWithVariable = ValueContainerProps<
+  TOption,
+  boolean
+>;
 
-export type TMultiValuePropsWithVariable = MultiValueProps<TOption, boolean>
+export type TMultiValuePropsWithVariable = MultiValueProps<TOption, boolean>;
 
-export type TMultiValue = MultiValue<TOption>
+export type TMultiValue = MultiValue<TOption>;
 
-export type TOptionsOrGroupsWithVariable = OptionsOrGroups<TOption, GroupBase<TOption>>
+export type TOptionsOrGroupsWithVariable = OptionsOrGroups<
+  TOption,
+  GroupBase<TOption>
+>;
 
-export type TMenuListProps = MenuListProps
+export type TMenuListProps = MenuListProps;
 
-export type TResponseAsync = Response<unknown, TGroupBaseWithVariable, unknown>
+export type TResponseAsync = Response<unknown, TGroupBaseWithVariable, unknown>;