@lumx/react 4.3.2-alpha.15 → 4.3.2-alpha.17

package/index.d.ts

@@ -6,7 +6,6 @@ export * from '@lumx/core/js/types';
 import * as React$1 from 'react';
 import React__default, { Ref, ReactElement, ReactNode, SyntheticEvent, MouseEventHandler, KeyboardEventHandler, AriaAttributes, RefObject, CSSProperties, ImgHTMLAttributes, SetStateAction, Key, ElementType, ComponentProps } from 'react';
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { Selector } from '@lumx/core/js/types/Selector';
 
 /** LumX Component Type. */
 type Comp<P, T = HTMLElement> = {
@@ -541,6 +540,17 @@ interface HasDisabled {
     disabled?: boolean;
 }
 
+type FunctionSelector<TObject, TValue> = (o: TObject) => TValue;
+type FieldSelector<TObject, TValue> = keyof {
+    [TKey in keyof TObject as TObject[TKey] extends TValue ? TKey : never]: TObject[TKey];
+};
+/**
+ * Value selector on an object
+ * - either via an object key
+ * - or a selector function
+ */
+type Selector<TObject, TValue = string> = FieldSelector<TObject, TValue> | FunctionSelector<TObject, TValue>;
+
 /**
  * Defines the props of the component.
  */

package/index.js

@@ -47,7 +47,7 @@ import take from 'lodash/take';
 import { mdiRadioboxBlank } from '@lumx/icons/esm/radiobox-blank.js';
 import { mdiRadioboxMarked } from '@lumx/icons/esm/radiobox-marked.js';
 import { mdiMenuDown } from '@lumx/icons/esm/menu-down.js';
-import { getWithSelector } from '@lumx/core/js/utils/selectors/getWithSelector';
+import { getWithSelector } from '@lumx/core/js/utils/selectors';
 import { mdiArrowDown } from '@lumx/icons/esm/arrow-down.js';
 import { mdiArrowUp } from '@lumx/icons/esm/arrow-up.js';
 import set from 'lodash/set';