fix(common): pass originalOptions when using a transformer

Author: rvsia

packages/common/src/select/reducer.js

@@ -3,6 +3,7 @@ export const init = ({ propsOptions, optionsTransformer }) => ({
   options: optionsTransformer ? optionsTransformer(propsOptions) : propsOptions,
   promises: {},
   isInitialLoaded: false,
+  ...(optionsTransformer && { originalOptions: propsOptions }),
 });
 
 const reducer = (state, { type, payload, options = [], optionsTransformer }) => {
@@ -13,6 +14,7 @@ const reducer = (state, { type, payload, options = [], optionsTransformer }) =>
         options: optionsTransformer ? optionsTransformer(payload) : payload,
         isLoading: false,
         promises: {},
+        ...(optionsTransformer && { originalOptions: payload }),
       };
     case 'startLoading':
       return {
@@ -23,6 +25,7 @@ const reducer = (state, { type, payload, options = [], optionsTransformer }) =>
       return {
         ...state,
         options: optionsTransformer ? optionsTransformer(payload) : payload,
+        ...(optionsTransformer && { originalOptions: payload }),
       };
     case 'initialLoaded':
       return {
@@ -39,6 +42,9 @@ const reducer = (state, { type, payload, options = [], optionsTransformer }) =>
         options: optionsTransformer
           ? optionsTransformer([...state.options, ...options.filter(({ value }) => !state.options.find((option) => option.value === value))])
           : [...state.options, ...options.filter(({ value }) => !state.options.find((option) => option.value === value))],
+        ...(optionsTransformer && {
+          originalOptions: [...state.options, ...options.filter(({ value }) => !state.options.find((option) => option.value === value))],
+        }),
       };
     default:
       return state;

packages/common/src/select/select.js

@@ -16,7 +16,9 @@ const getSelectValue = (stateValue, simpleValue, isMulti, allOptions) => {
 
   if (hasSelectAll || hasSelectNone) {
     enhancedValue = enhancedValue || [];
-    const optionsLength = allOptions.filter(({ selectAll, selectNone }) => !selectAll && !selectNone).length;
+    const optionsLength = allOptions.filter(
+      ({ selectAll, selectNone, divider, options }) => !selectAll && !selectNone && !divider && !options
+    ).length;
 
     const selectedAll = optionsLength === enhancedValue.length;
     const selectedNone = enhancedValue.length === 0;
@@ -43,7 +45,7 @@ const handleSelectChange = (option, simpleValue, isMulti, onChange, allOptions,
   const sanitizedOption = !enhanceOption && isMulti ? [] : enhanceOption;
 
   if (isMulti && sanitizedOption.find(({ selectAll }) => selectAll)) {
-    return onChange(allOptions.filter(({ selectAll, selectNone }) => !selectAll && !selectNone).map(({ value }) => value));
+    return onChange(allOptions.filter(({ selectAll, selectNone, value }) => !selectAll && !selectNone && value).map(({ value }) => value));
   }
 
   if (isMulti && sanitizedOption.find(({ selectNone }) => selectNone)) {
@@ -142,6 +144,7 @@ const Select = ({
         onChange={() => {}}
         {...loadingProps}
         noOptionsMessage={renderNoOptionsMessage()}
+        {...(state.originalOptions && { originalOptions: state.originalOptions })}
       />
     );
   }
@@ -191,6 +194,7 @@ const Select = ({
       noOptionsMessage={renderNoOptionsMessage()}
       hideSelectedOptions={false}
       closeMenuOnSelect={!isMulti}
+      {...(state.originalOptions && { originalOptions: state.originalOptions })}
     />
   );
 };