forstok-ui-lib 5.1.2 → 5.1.4

package/package.json

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

package/src/components/index.ts

@@ -19,5 +19,6 @@ export { default as ErrorComponent } from './error';
 export * from './dropdown/typed';
 export * from './message/typed';
 export * from './popup/typed';
+export * from './select/typed';
 
 export * from './form/styles';

package/src/components/select/index.tsx

@@ -184,7 +184,9 @@ const SelectComponent = ({ type, isError=false, mode, customOption, customLabel,
       padding:  mode === 'orders' ? '6px 0' : 'unset',
       '&:hover': {
         borderColor: ((state.isFocused && mode !== 'filter') && !isError) ? 'var(--pri-clr-ln__fc)' :  (isError ? 'var(--err-clr-ln)' : (mode ==='filter' ? 'var(--ter-clr-ln)' : ' var(--ck-clr-ln)' )),
-      }
+      },
+      color: (disabled? '#ADADAD' :'initial'),
+      opacity: disabled ? '.7' : 1
     } as CSSObjectWithLabel),
     placeholder: (provided: CSSObject) => ({
       ...provided,

package/src/components/select/typed.ts

@@ -1,3 +1,4 @@
+import type { OnChangeValue } from 'react-select';
 import type { TChannel } from '../../typeds/shares.typed';
 
 export type TOption = {
@@ -8,9 +9,12 @@ export type TOption = {
   readonly channel?: Omit<TChannel, 'stores'>
   postalCode?: string
   localId?: string
+  isDisabled?: boolean
   option?: {
     readonly value: any
     readonly label: string
     localId?: string
   }[]
-}
+}
+
+export type TOnChangeValue = OnChangeValue<TOption, boolean>