@northlight/ui 2.33.1 → 2.33.3

package/dist/es/northlight.d.ts

@@ -27,7 +27,6 @@ import * as _chakra_ui_layout_dist_stack_stack_utils from '@chakra-ui/layout/dis
 import * as _chakra_ui_radio_dist_radio_group from '@chakra-ui/radio/dist/radio-group';
 import * as react_select from 'react-select';
 import * as react_select_dist_declarations_src_types from 'react-select/dist/declarations/src/types';
-import * as _chakra_ui_switch_dist_switch from '@chakra-ui/switch/dist/switch';
 import * as _chakra_ui_textarea_dist_textarea from '@chakra-ui/textarea/dist/textarea';
 import { Props as Props$1 } from 'react-input-mask';
 import { NumericFormatProps, NumberFormatValues, SourceInfo } from 'react-number-format';
@@ -146,6 +145,10 @@ interface SelectProps<T, K extends boolean> extends Omit<Props<T, K, GroupBase<T
     customOption?: ((option: T) => JSX.Element) | null;
     isMulti?: K;
     ref?: Ref<SelectInstance<T, K, GroupBase<T>>>;
+    /** Should return a unique key that is tracked so when the key changes
+        the sub-components for react-select will be recomputed/rerendered
+    */
+    generateComponentsUpdateKey?: () => unknown;
 }
 type SelectFieldProps<T, K extends boolean = false> = SelectProps<T, K> & Omit<InputFieldProps, 'isMulti'> & {
     direction?: StackDirection;
@@ -2922,11 +2925,11 @@ type SpinnerProps = SpinnerProps$1;
  */
 declare const Spinner: ({ ...rest }: SpinnerProps) => JSX.Element;
 
-type SwitchProps = SwitchProps$1 & {
+interface SwitchProps extends Omit<SwitchProps$1, 'value'> {
     onChange?: (e: ChangeEvent<HTMLInputElement>) => void;
     value?: boolean;
-};
-type SwitchFieldProps = SwitchProps$1 & {
+}
+interface SwitchFieldProps extends SwitchProps$1 {
     name: string;
     label: string;
     validate?: RegisterOptions;
@@ -2934,7 +2937,7 @@ type SwitchFieldProps = SwitchProps$1 & {
     direction?: StackDirection;
     labelPlacement?: 'left' | 'right';
     labelSize?: '2xs' | 'xs' | 'md' | 'lg';
-};
+}
 
 /**
  * @see SwitchField
@@ -2982,15 +2985,7 @@ declare const Switch: ({ value, onChange, name, size, ...rest }: SwitchProps) =>
  * ?)
  *
  */
-declare const SwitchField: (props: _chakra_ui_switch_dist_switch.SwitchProps & {
-    name: string;
-    label: string;
-    validate?: react_hook_form.RegisterOptions | undefined;
-    isRequired?: boolean | undefined;
-    direction?: _chakra_ui_layout_dist_stack_stack_utils.StackDirection | undefined;
-    labelPlacement?: "right" | "left" | undefined;
-    labelSize?: "md" | "lg" | "2xs" | "xs" | undefined;
-} & React__default.RefAttributes<HTMLDivElement>) => React__default.ReactElement<any, string | React__default.JSXElementConstructor<any>> | null;
+declare const SwitchField: (props: SwitchFieldProps & React__default.RefAttributes<HTMLDivElement>) => React__default.ReactElement<any, string | React__default.JSXElementConstructor<any>> | null;
 
 interface TableProps extends Omit<TableProps$1, 'variant'> {
     variant?: TableProps$1['variant'] | 'rounded';

package/dist/es/northlight.js

@@ -12604,7 +12604,8 @@ const Select = forwardRef$1((_a, ref) => {
     isClearable = false,
     value,
     icon,
-    components
+    components,
+    generateComponentsUpdateKey = always(0)
   } = _b, rest = __objRest$n(_b, [
     "options",
     "isMulti",
@@ -12619,7 +12620,8 @@ const Select = forwardRef$1((_a, ref) => {
     "isClearable",
     "value",
     "icon",
-    "components"
+    "components",
+    "generateComponentsUpdateKey"
   ]);
   const handleChange = useSelectCallbacks({
     onChange,
@@ -12630,7 +12632,7 @@ const Select = forwardRef$1((_a, ref) => {
   });
   const customComponents = useMemo(
     () => getComponents(components),
-    []
+    [generateComponentsUpdateKey()]
   );
   const prevOptions = useRef(
     options