@codeleap/web 7.1.4 → 7.3.0-next.0

package/dist/components/CropPicker/types.d.ts

@@ -20,5 +20,5 @@ export type CropPickerProps = {
     children?: React.ReactNode;
     ref?: RefObject<FileInputRef | null>;
 };
-export {};
+export { ReactCropProps };
 //# sourceMappingURL=types.d.ts.map

package/dist/components/CropPicker/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/CropPicker/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAc,MAAM,kBAAkB,CAAA;AACxD,OAAO,EAAE,YAAY,EAAE,MAAM,cAAc,CAAA;AAC3C,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAA;AACtD,OAAO,EAAE,qBAAqB,EAAE,MAAM,UAAU,CAAA;AAChD,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA;AACvC,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEjC,KAAK,eAAe,GAAG,IAAI,CAAC,cAAc,EAAE,MAAM,GAAG,UAAU,GAAG,YAAY,GAAG,OAAO,CAAC,CAAA;AAEzF,MAAM,WAAW,kBAAkB;CAAG;AAEtC,MAAM,MAAM,eAAe,GACzB;IACE,SAAS,EAAE,MAAM,CAAA;IACjB,KAAK,CAAC,EAAE,SAAS,CAAC,qBAAqB,EAAE,MAAM,kBAAkB,CAAC,CAAA;IAClE,mFAAmF;IACnF,MAAM,CAAC,EAAE,UAAU,CAAC,OAAO,aAAa,CAAC,CAAA;IACzC,qGAAqG;IACrG,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,2IAA2I;IAC3I,SAAS,CAAC,EAAE,eAAe,CAAA;IAC3B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B,GAAG,CAAC,EAAE,SAAS,CAAC,YAAY,GAAG,IAAI,CAAC,CAAA;CACrC,CAAA"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/CropPicker/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAc,MAAM,kBAAkB,CAAA;AACxD,OAAO,EAAE,YAAY,EAAE,MAAM,cAAc,CAAA;AAC3C,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAA;AACtD,OAAO,EAAE,qBAAqB,EAAE,MAAM,UAAU,CAAA;AAChD,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA;AACvC,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEjC,KAAK,eAAe,GAAG,IAAI,CAAC,cAAc,EAAE,MAAM,GAAG,UAAU,GAAG,YAAY,GAAG,OAAO,CAAC,CAAA;AAEzF,MAAM,WAAW,kBAAkB;CAAG;AAEtC,MAAM,MAAM,eAAe,GACzB;IACE,SAAS,EAAE,MAAM,CAAA;IACjB,KAAK,CAAC,EAAE,SAAS,CAAC,qBAAqB,EAAE,MAAM,kBAAkB,CAAC,CAAA;IAClE,mFAAmF;IACnF,MAAM,CAAC,EAAE,UAAU,CAAC,OAAO,aAAa,CAAC,CAAA;IACzC,qGAAqG;IACrG,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,2IAA2I;IAC3I,SAAS,CAAC,EAAE,eAAe,CAAA;IAC3B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B,GAAG,CAAC,EAAE,SAAS,CAAC,YAAY,GAAG,IAAI,CAAC,CAAA;CACrC,CAAA;AACH,OAAO,EAAE,cAAc,EAAE,CAAA"}

package/dist/components/Field/useFieldInput.js

@@ -13,7 +13,7 @@ import { TypeGuards } from '@codeleap/types';
  */
 export function useFieldInput(field, defaultField = fields.text, internalState, params = {}, deps = []) {
     const { value, onValueChange } = internalState;
-    const hasInternalState = useMemo(() => TypeGuards.isFunction(onValueChange) && !TypeGuards.isNil(value), []);
+    const hasInternalState = useMemo(() => TypeGuards.isFunction(onValueChange) && !TypeGuards.isUndefined(value), []);
     const wrapperRef = useRef(undefined);
     const innerInputRef = useRef(null);
     const fieldHandle = hasInternalState ? {} : useField(field, [

package/dist/components/Field/useFieldInput.js.map

@@ -1 +1 @@
-{"version":3,"file":"useFieldInput.js","sourceRoot":"","sources":["../../../src/components/Field/useFieldInput.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,OAAO,CAAA;AACvC,OAAO,EAAoB,MAAM,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAA;AACnE,OAAO,EAAa,UAAU,EAAE,MAAM,iBAAiB,CAAA;AAEvD;;;;;;;;;GASG;AACH,MAAM,UAAU,aAAa,CAC3B,KAAQ,EACR,eAA2C,MAAM,CAAC,IAAe,EACjE,aAA8D,EAC9D,SAAgC,EAAE,EAClC,OAAc,EAAE;IAEhB,MAAM,EAAE,KAAK,EAAE,aAAa,EAAE,GAAG,aAAa,CAAA;IAE9C,MAAM,gBAAgB,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,UAAU,CAAC,UAAU,CAAC,aAAa,CAAC,IAAI,CAAC,UAAU,CAAC,KAAK,CAAC,KAAK,CAAC,EAAE,EAAE,CAAC,CAAA;IAE5G,MAAM,UAAU,GAAG,MAAM,CAAiB,SAAS,CAAC,CAAA;IAEpD,MAAM,aAAa,GAAG,MAAM,CAAmB,IAAI,CAAC,CAAA;IAEpD,MAAM,WAAW,GAAG,gBAAgB,CAAC,CAAC,CAAC,EAA0C,CAAC,CAAC,CAAC,QAAQ,CAAO,KAAU,EAAE;QAC7G;YACE,IAAI;gBACF,aAAa,CAAC,OAAO,CAAC,IAAI,EAAE,CAAA;YAC9B,CAAC;YACD,KAAK;gBACH,aAAa,CAAC,OAAO,CAAC,KAAK,EAAE,CAAA;YAC/B,CAAC;YACD,QAAQ;gBACN,OAAO,aAAa,CAAC,OAAO,CAAC,KAAU,CAAA;YACzC,CAAC;YACD,cAAc;gBACZ,OAAM;YACR,CAAC;YACD,GAAG,MAAM;SACV;QACD,IAAI;KAC8B,EAAE,YAAY,CAAC,CAAA;IAEnD,MAAM,UAAU,GAAG,WAAW,EAAE,UAAU,CAAA;IAE1C,OAAO;QACL,WAAW;QACX,UAAU;QACV,UAAU;QACV,aAAa;QACb,UAAU,EAAE,CAAC,gBAAgB,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,WAAW,EAAE,KAAK,CAAM;QAChE,kBAAkB,EAAE,gBAAgB,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,WAAW,EAAE,QAAQ;KAC7E,CAAA;AACH,CAAC"}
+{"version":3,"file":"useFieldInput.js","sourceRoot":"","sources":["../../../src/components/Field/useFieldInput.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,OAAO,CAAA;AACvC,OAAO,EAAoB,MAAM,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAA;AACnE,OAAO,EAAa,UAAU,EAAE,MAAM,iBAAiB,CAAA;AAEvD;;;;;;;;;GASG;AACH,MAAM,UAAU,aAAa,CAC3B,KAAQ,EACR,eAA2C,MAAM,CAAC,IAAe,EACjE,aAA8D,EAC9D,SAAgC,EAAE,EAClC,OAAc,EAAE;IAEhB,MAAM,EAAE,KAAK,EAAE,aAAa,EAAE,GAAG,aAAa,CAAA;IAE9C,MAAM,gBAAgB,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,UAAU,CAAC,UAAU,CAAC,aAAa,CAAC,IAAI,CAAC,UAAU,CAAC,WAAW,CAAC,KAAK,CAAC,EAAE,EAAE,CAAC,CAAA;IAElH,MAAM,UAAU,GAAG,MAAM,CAAiB,SAAS,CAAC,CAAA;IAEpD,MAAM,aAAa,GAAG,MAAM,CAAmB,IAAI,CAAC,CAAA;IAEpD,MAAM,WAAW,GAAG,gBAAgB,CAAC,CAAC,CAAC,EAA0C,CAAC,CAAC,CAAC,QAAQ,CAAO,KAAU,EAAE;QAC7G;YACE,IAAI;gBACF,aAAa,CAAC,OAAO,CAAC,IAAI,EAAE,CAAA;YAC9B,CAAC;YACD,KAAK;gBACH,aAAa,CAAC,OAAO,CAAC,KAAK,EAAE,CAAA;YAC/B,CAAC;YACD,QAAQ;gBACN,OAAO,aAAa,CAAC,OAAO,CAAC,KAAU,CAAA;YACzC,CAAC;YACD,cAAc;gBACZ,OAAM;YACR,CAAC;YACD,GAAG,MAAM;SACV;QACD,IAAI;KAC8B,EAAE,YAAY,CAAC,CAAA;IAEnD,MAAM,UAAU,GAAG,WAAW,EAAE,UAAU,CAAA;IAE1C,OAAO;QACL,WAAW;QACX,UAAU;QACV,UAAU;QACV,aAAa;QACb,UAAU,EAAE,CAAC,gBAAgB,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,WAAW,EAAE,KAAK,CAAM;QAChE,kBAAkB,EAAE,gBAAgB,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,WAAW,EAAE,QAAQ;KAC7E,CAAA;AACH,CAAC"}

package/dist/components/RadioInput/index.d.ts

@@ -1,6 +1,7 @@
-import { RadioInputProps } from './types';
+import { RadioOptionProps, RadioInputProps } from './types';
 export * from './styles';
 export * from './types';
+export declare const RadioOption: <T extends string | number>(props: RadioOptionProps<T>) => import("@emotion/react/jsx-runtime").JSX.Element;
 /**
  * Single-select radio group that renders each option as a `Touchable` row with an indicator circle and label, separated by optional dividers.
  * Integrates with `@codeleap/form` via `SelectableField`; pair with `field` or `value`/`onValueChange`.
@@ -8,6 +9,7 @@ export * from './types';
  */
 export declare const RadioInput: {
     <T extends string | number>(props: RadioInputProps<T>): import("@emotion/react/jsx-runtime").JSX.Element;
+    Option: <T extends string | number>(props: RadioOptionProps<T>) => import("@emotion/react/jsx-runtime").JSX.Element;
     styleRegistryName: string;
     elements: string[];
     rootElement: string;

package/dist/components/RadioInput/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/RadioInput/index.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAoB,eAAe,EAAE,MAAM,SAAS,CAAA;AAQ3D,cAAc,UAAU,CAAA;AACxB,cAAc,SAAS,CAAA;AAoCvB;;;;GAIG;AACH,eAAO,MAAM,UAAU;KAAI,CAAC,SAAS,MAAM,GAAG,MAAM,SAAS,eAAe,CAAC,CAAC,CAAC;;;;;CAuE9E,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/RadioInput/index.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,gBAAgB,EAAE,eAAe,EAAE,MAAM,SAAS,CAAA;AAQ3D,cAAc,UAAU,CAAA;AACxB,cAAc,SAAS,CAAA;AAEvB,eAAO,MAAM,WAAW,GAAI,CAAC,SAAS,MAAM,GAAG,MAAM,EAAE,OAAO,gBAAgB,CAAC,CAAC,CAAC,qDAwChF,CAAA;AAED;;;;GAIG;AACH,eAAO,MAAM,UAAU;KAAI,CAAC,SAAS,MAAM,GAAG,MAAM,SAAS,eAAe,CAAC,CAAC,CAAC;aA/CnD,CAAC,SAAS,MAAM,GAAG,MAAM,SAAS,gBAAgB,CAAC,CAAC,CAAC;;;;;CAuHhF,CAAA"}

package/dist/components/RadioInput/index.js

@@ -12,8 +12,11 @@ import { Field } from '../Field';
 import { toDataAttrs } from '../../lib';
 export * from './styles';
 export * from './types';
-const Option = (props) => {
-    const { debugName, item, disabled, styles, selected, onSelect, separator = false, } = props;
+export const RadioOption = (props) => {
+    const { debugName, disabled, styles: providedStyles, fieldContext, style, selected, onSelect, separator = false, } = props;
+    const item = 'item' in props ? props?.item : { label: props.label, value: props?.value, disabled: disabled || props?.disabled };
+    const ownStyles = useStylesFor(RadioInput.styleRegistryName, style, fieldContext);
+    const styles = providedStyles ?? ownStyles;
     const isDisabled = disabled || item?.disabled;
     const stateAttrs = toDataAttrs({ selected: !!selected, disabled: !!isDisabled });
     return (_jsxs(React.Fragment, { children: [_jsxs(Touchable, { debugName: `${debugName} option ${item.value}`, style: styles.optionWrapper, onPress: onSelect, disabled: isDisabled, children: [_jsx(View, { style: styles.optionIndicator, ...stateAttrs, children: _jsx(View, { style: styles.optionIndicatorInner, ...stateAttrs }) }), TypeGuards.isString(item.label) ? _jsx(Text, { style: styles.optionLabel, text: item.label }) : item.label] }), separator ? _jsx(View, { style: styles.optionSeparator }) : null] }));
@@ -37,8 +40,9 @@ export const RadioInput = (props) => {
         focused: false,
     };
     const styles = useStylesFor(RadioInput.styleRegistryName, style, fieldContext);
-    return (_jsx(Field.Provider, { context: fieldContext, label: label, helper: validation?.showError ? validation?.message : helper, leftSection: leftSection, rightSection: rightSection, componentName: 'radioInput', children: _jsxs(Field.Wrapper, { ref: wrapperRef, style: styles.wrapper, children: [_jsx(Field.Heading, { style: styles.heading }), _jsx(View, { style: styles.box, children: options?.map((item, idx) => (_jsx(Option, { debugName: debugName, item: item, disabled: disabled, styles: styles, selected: inputValue === item.value, onSelect: () => onInputValueChange(item.value), separator: idx < options?.length - 1 }, idx))) }), _jsx(Field.Helper, { style: styles.helper })] }) }));
+    return (_jsx(Field.Provider, { context: fieldContext, label: label, helper: validation?.showError ? validation?.message : helper, leftSection: leftSection, rightSection: rightSection, componentName: 'radioInput', children: _jsxs(Field.Wrapper, { ref: wrapperRef, style: styles.wrapper, children: [_jsx(Field.Heading, { style: styles.heading }), _jsx(View, { style: styles.box, children: options?.map((item, idx) => (_jsx(RadioOption, { debugName: debugName, item: item, fieldContext: fieldContext, disabled: disabled, styles: styles, selected: inputValue === item.value, onSelect: () => onInputValueChange(item.value), separator: idx < options?.length - 1 }, idx))) }), _jsx(Field.Helper, { style: styles.helper })] }) }));
 };
+RadioInput.Option = RadioOption;
 RadioInput.styleRegistryName = 'RadioInput';
 RadioInput.elements = [...Field.elements, 'optionWrapper', 'optionLabel', 'optionIndicator', 'optionIndicatorInner', 'optionSeparator'];
 RadioInput.rootElement = 'wrapper';

package/dist/components/RadioInput/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/RadioInput/index.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/RadioInput/index.tsx"],"names":[],"mappings":"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"}

package/dist/components/RadioInput/types.d.ts

@@ -2,7 +2,7 @@ import { Option } from '@codeleap/types';
 import { ICSS, StyleProp } from '@codeleap/styles';
 import { RadioInputComposition } from './styles';
 import { SelectableField } from '@codeleap/form';
-import { FieldProps } from '../Field';
+import { FieldProps, FieldStateContext } from '../Field';
 type RadioOption<T extends string | number> = Option<T> & {
     disabled?: boolean;
 };
@@ -24,13 +24,16 @@ export type RadioInputProps<T extends string | number> = Pick<FieldProps, 'label
 };
 /** Internal props for the per-option row rendered inside `RadioInput`. */
 export type RadioOptionProps<T extends string | number> = {
-    item: RadioOption<T>;
     selected: boolean;
     onSelect(): void;
-    styles: Record<RadioInputComposition, ICSS>;
+    fieldContext?: FieldStateContext;
+    style?: RadioInputProps<T>['style'];
+    styles?: Record<RadioInputComposition, ICSS>;
     debugName?: string;
     disabled?: boolean;
     separator?: boolean;
-};
+} & (RadioOption<T> | {
+    item: RadioOption<T>;
+});
 export {};
 //# sourceMappingURL=types.d.ts.map

package/dist/components/RadioInput/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/RadioInput/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAA;AACxC,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAA;AAClD,OAAO,EAAE,qBAAqB,EAAE,MAAM,UAAU,CAAA;AAChD,OAAO,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAA;AAChD,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAA;AAErC,KAAK,WAAW,CAAC,CAAC,SAAS,MAAM,GAAG,MAAM,IAAI,MAAM,CAAC,CAAC,CAAC,GAAG;IACxD,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB,CAAA;AAED,MAAM,WAAW,kBAAkB;IACjC,UAAU,EAAE,MAAM,CAAC,qBAAqB,EAAE,IAAI,CAAC,CAAA;CAChD;AAED;;;GAGG;AACH,MAAM,MAAM,eAAe,CAAC,CAAC,SAAS,MAAM,GAAG,MAAM,IACnD,IAAI,CAAC,UAAU,EAAE,OAAO,GAAG,QAAQ,GAAG,aAAa,GAAG,cAAc,CAAC,GAAG;IACtE,OAAO,EAAE,WAAW,CAAC,CAAC,CAAC,EAAE,CAAA;IACzB,KAAK,CAAC,EAAE,SAAS,CAAC,qBAAqB,EAAE,MAAM,kBAAkB,CAAC,CAAA;IAClE,KAAK,CAAC,EAAE,eAAe,CAAC,CAAC,EAAE,GAAG,CAAC,CAAA;IAC/B,KAAK,CAAC,EAAE,CAAC,CAAA;IACT,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,CAAC,KAAK,IAAI,CAAA;IAClC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,CAAA;AAEH,0EAA0E;AAC1E,MAAM,MAAM,gBAAgB,CAAC,CAAC,SAAS,MAAM,GAAG,MAAM,IAAI;IACxD,IAAI,EAAE,WAAW,CAAC,CAAC,CAAC,CAAA;IACpB,QAAQ,EAAE,OAAO,CAAA;IACjB,QAAQ,IAAI,IAAI,CAAA;IAChB,MAAM,EAAE,MAAM,CAAC,qBAAqB,EAAE,IAAI,CAAC,CAAA;IAC3C,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,SAAS,CAAC,EAAE,OAAO,CAAA;CACpB,CAAA"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/RadioInput/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAA;AACxC,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAA;AAClD,OAAO,EAAE,qBAAqB,EAAE,MAAM,UAAU,CAAA;AAChD,OAAO,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAA;AAChD,OAAO,EAAE,UAAU,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAA;AAExD,KAAK,WAAW,CAAC,CAAC,SAAS,MAAM,GAAG,MAAM,IAAI,MAAM,CAAC,CAAC,CAAC,GAAG;IACxD,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB,CAAA;AAED,MAAM,WAAW,kBAAkB;IACjC,UAAU,EAAE,MAAM,CAAC,qBAAqB,EAAE,IAAI,CAAC,CAAA;CAChD;AAED;;;GAGG;AACH,MAAM,MAAM,eAAe,CAAC,CAAC,SAAS,MAAM,GAAG,MAAM,IACnD,IAAI,CAAC,UAAU,EAAE,OAAO,GAAG,QAAQ,GAAG,aAAa,GAAG,cAAc,CAAC,GAAG;IACtE,OAAO,EAAE,WAAW,CAAC,CAAC,CAAC,EAAE,CAAA;IACzB,KAAK,CAAC,EAAE,SAAS,CAAC,qBAAqB,EAAE,MAAM,kBAAkB,CAAC,CAAA;IAClE,KAAK,CAAC,EAAE,eAAe,CAAC,CAAC,EAAE,GAAG,CAAC,CAAA;IAC/B,KAAK,CAAC,EAAE,CAAC,CAAA;IACT,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,CAAC,KAAK,IAAI,CAAA;IAClC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,CAAA;AAEH,0EAA0E;AAC1E,MAAM,MAAM,gBAAgB,CAAC,CAAC,SAAS,MAAM,GAAG,MAAM,IAAI;IAExD,QAAQ,EAAE,OAAO,CAAA;IACjB,QAAQ,IAAI,IAAI,CAAA;IAChB,YAAY,CAAC,EAAE,iBAAiB,CAAA;IAChC,KAAK,CAAC,EAAE,eAAe,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAA;IACnC,MAAM,CAAC,EAAE,MAAM,CAAC,qBAAqB,EAAE,IAAI,CAAC,CAAA;IAC5C,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,SAAS,CAAC,EAAE,OAAO,CAAA;CACpB,GAAG,CAAC,WAAW,CAAC,CAAC,CAAC,GAAG;IACpB,IAAI,EAAE,WAAW,CAAC,CAAC,CAAC,CAAA;CACrB,CAAC,CAAA"}

package/dist/components/SearchInput/index.js

@@ -13,7 +13,7 @@ export const SearchInput = (props) => {
         ...SearchInput.defaultProps,
         ...props,
     };
-    const hasStateProps = !TypeGuards.isNil(value) && TypeGuards.isFunction(onValueChange);
+    const hasStateProps = !TypeGuards.isUndefined(value) && TypeGuards.isFunction(onValueChange);
     const [search, setSearch] = hasStateProps ? [value, onValueChange] : useState(defaultValue);
     const setSearchTimeout = React.useRef(null);
     const handleChangeSearch = (value) => {

package/dist/components/SearchInput/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/SearchInput/index.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AACvC,OAAO,EAAE,SAAS,EAAkB,MAAM,cAAc,CAAA;AACxD,OAAO,EAAe,UAAU,EAAE,MAAM,iBAAiB,CAAA;AAwBzD;;;;;GAKG;AACH,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,KAAuB,EAAE,EAAE;IACrD,MAAM,EACJ,SAAS,EACT,cAAc,EACd,cAAc,EACd,OAAO,EACP,SAAS,EACT,WAAW,EACX,SAAS,EACT,UAAU,EACV,QAAQ,EACR,KAAK,EACL,aAAa,EACb,iBAAiB,EACjB,YAAY,EACZ,GAAG,IAAI,EACR,GAAG;QACF,GAAG,WAAW,CAAC,YAAY;QAC3B,GAAG,KAAK;KACT,CAAA;IAED,MAAM,aAAa,GAAG,CAAC,UAAU,CAAC,KAAK,CAAC,KAAK,CAAC,IAAI,UAAU,CAAC,UAAU,CAAC,aAAa,CAAC,CAAA;IAEtF,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,aAAa,CAAC,CAAC,CAAC,CAAC,KAAK,EAAE,aAAa,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,YAAY,CAAC,CAAA;IAC3F,MAAM,gBAAgB,GAAG,KAAK,CAAC,MAAM,CAAuC,IAAI,CAAC,CAAA;IAEjF,MAAM,kBAAkB,GAAG,CAAC,KAAa,EAAE,EAAE;QAC3C,SAAS,CAAC,KAAK,CAAC,CAAA;QAChB,IAAI,UAAU,CAAC,KAAK,CAAC,QAAQ,CAAC,EAAE,CAAC;YAC/B,cAAc,EAAE,CAAC,KAAK,CAAC,CAAA;QACzB,CAAC;aAAM,CAAC;YACN,IAAI,CAAC,UAAU,CAAC,KAAK,CAAC,gBAAgB,CAAC,OAAO,CAAC,EAAE,CAAC;gBAChD,YAAY,CAAC,gBAAgB,CAAC,OAAO,CAAC,CAAA;YACxC,CAAC;YACD,gBAAgB,CAAC,OAAO,GAAG,UAAU,CAAC,GAAG,EAAE;gBACzC,cAAc,CAAC,KAAK,CAAC,CAAA;gBACrB,cAAc,EAAE,CAAC,KAAK,CAAC,CAAA;YACzB,CAAC,EAAE,QAAQ,IAAI,CAAC,CAAC,CAAA;QACnB,CAAC;IACH,CAAC,CAAA;IAED,MAAM,WAAW,GAAG,GAAG,EAAE;QACvB,SAAS,CAAC,EAAE,CAAC,CAAA;QACb,cAAc,EAAE,CAAC,EAAE,CAAC,CAAA;QACpB,IAAI,UAAU,CAAC,UAAU,CAAC,OAAO,CAAC;YAAE,OAAO,EAAE,EAAE,CAAA;IACjD,CAAC,CAAA;IAED,MAAM,aAAa,GAAG,CAAC,CAAC,MAAM,CAAC,MAAM,CAAC,EAAE,IAAI,EAAE,IAAI,SAAS,CAAA;IAG3D,IAAI,YAAY,GAAG,CAAC,KAAuB,EAAE,EAAE;QAC7C,IAAG,CAAC,aAAa;YAAE,OAAO,IAAI,CAAA;QAE9B,OAAO,iBAAiB,EAAE,CAAC;YACzB,GAAG,KAAK;YACR,KAAK,EAAE,WAAW;SACnB,CAAC,IAAI,IAAI,CAAA;IACZ,CAAC,CAAA;IAED,OAAO,CACL,KAAC,SAAS,IACR,KAAK,EAAE,MAAM,EACb,WAAW,EAAE,WAAW,EACxB,aAAa,EAAE,CAAC,KAAK,EAAE,EAAE;YACvB,cAAc,EAAE,CAAC,IAAI,CAAC,CAAA;YACtB,kBAAkB,CAAC,KAAK,CAAC,CAAA;QAC3B,CAAC,EACD,SAAS,EAAE,UAAU,SAAS,EAAE,EAChC,IAAI,EAAC,QAAQ,EAEb,YAAY,EACV,KAAK,EAAE,YAAY,IAAI,YAAY,KAGjC,IAAI,GACR,CACH,CAAA;AACH,CAAC,CAAA;AAED,WAAW,CAAC,YAAY,GAAG;IACzB,QAAQ,EAAE,IAAI;IACd,SAAS,EAAE,IAAI;IACf,SAAS,EAAE,GAAc;IACzB,UAAU,EAAE,QAAmB;IAC/B,YAAY,EAAE,EAAE;CACY,CAAA"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/SearchInput/index.tsx"],"names":[],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@codeleap/web",
-  "version": "7.1.4",
+  "version": "7.3.0-next.0",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
   "exports": {
@@ -22,20 +22,20 @@
   },
   "license": "UNLICENSED",
   "devDependencies": {
-    "@codeleap/config": "7.1.4",
-    "@codeleap/form": "7.1.4",
-    "@codeleap/hooks": "7.1.4",
-    "@codeleap/logger": "7.1.4",
-    "@codeleap/query": "7.1.4",
-    "@codeleap/styles": "7.1.4",
-    "@codeleap/types": "7.1.4",
-    "@codeleap/utils": "7.1.4",
-    "@codeleap/store": "7.1.4",
+    "@codeleap/config": "7.3.0-next.0",
+    "@codeleap/form": "7.3.0-next.0",
+    "@codeleap/hooks": "7.3.0-next.0",
+    "@codeleap/logger": "7.3.0-next.0",
+    "@codeleap/query": "7.3.0-next.0",
+    "@codeleap/styles": "7.3.0-next.0",
+    "@codeleap/types": "7.3.0-next.0",
+    "@codeleap/utils": "7.3.0-next.0",
+    "@codeleap/store": "7.3.0-next.0",
     "@tanstack/react-query": "5.100.9"
   },
   "scripts": {
     "build": "tsc --build tsconfig.build.json",
-    "lint": "eslint -c  .eslintrc.js --fix \"./src/**/*.{ts,tsx,js,jsx}\""
+    "lint": "eslint \"./src/**/*.{ts,tsx,js,jsx}\""
   },
   "dependencies": {
     "@fastify/deepmerge": "3.1.0",
@@ -60,13 +60,13 @@
     "uuid": "13.0.0"
   },
   "peerDependencies": {
-    "@codeleap/types": "7.1.4",
-    "@codeleap/utils": "7.1.4",
-    "@codeleap/hooks": "7.1.4",
-    "@codeleap/query": "7.1.4",
-    "@codeleap/logger": "7.1.4",
-    "@codeleap/styles": "7.1.4",
-    "@codeleap/store": "7.1.4",
+    "@codeleap/types": "7.3.0-next.0",
+    "@codeleap/utils": "7.3.0-next.0",
+    "@codeleap/hooks": "7.3.0-next.0",
+    "@codeleap/query": "7.3.0-next.0",
+    "@codeleap/logger": "7.3.0-next.0",
+    "@codeleap/styles": "7.3.0-next.0",
+    "@codeleap/store": "7.3.0-next.0",
     "@emotion/react": "11.14.0",
     "@reach/router": "^1.3.4",
     "dayjs": "1.11.18",

package/src/components/CropPicker/types.ts

@@ -23,3 +23,4 @@ export type CropPickerProps =
     children?: React.ReactNode
     ref?: RefObject<FileInputRef | null>
   }
+export { ReactCropProps }

package/src/components/Field/useFieldInput.ts

@@ -21,7 +21,7 @@ export function useFieldInput<V,  T extends Field<V, any, any, any> = Field<V, a
 ) {
   const { value, onValueChange } = internalState
 
-  const hasInternalState = useMemo(() => TypeGuards.isFunction(onValueChange) && !TypeGuards.isNil(value), [])
+  const hasInternalState = useMemo(() => TypeGuards.isFunction(onValueChange) && !TypeGuards.isUndefined(value), [])
 
   const wrapperRef = useRef<HTMLDivElement>(undefined)
 

package/src/components/RadioInput/index.tsx

@@ -7,24 +7,32 @@ import { RadioOptionProps, RadioInputProps } from './types'
 import { useStylesFor } from '../../lib/hooks/useStylesFor'
 import { WebStyleRegistry } from '../../lib/WebStyleRegistry'
 import { useFieldInput } from '../Field'
-import { SelectableField, fields } from '@codeleap/form'
+import { fields } from '@codeleap/form'
 import { Field } from '../Field'
 import { toDataAttrs } from '../../lib'
 
 export * from './styles'
 export * from './types'
 
-const Option = <T extends string | number>(props: RadioOptionProps<T>) => {
+export const RadioOption = <T extends string | number>(props: RadioOptionProps<T>) => {
   const {
     debugName,
-    item,
+
     disabled,
-    styles,
+    styles: providedStyles,
+    fieldContext,
+    style,
     selected,
     onSelect,
     separator = false,
   } = props
 
+  const item = 'item' in props ? props?.item : { label: props.label, value: props?.value, disabled: disabled || props?.disabled }
+
+  const ownStyles = useStylesFor(RadioInput.styleRegistryName, style, fieldContext)
+
+  const styles = providedStyles ?? ownStyles
+
   const isDisabled = disabled || item?.disabled
   const stateAttrs = toDataAttrs({ selected: !!selected, disabled: !!isDisabled })
 
@@ -107,10 +115,11 @@ export const RadioInput = <T extends string | number>(props: RadioInputProps<T>)
 
         <View style={styles.box}>
           {options?.map((item, idx) => (
-            <Option
+            <RadioOption
               debugName={debugName}
               item={item}
               key={idx}
+              fieldContext={fieldContext}
               disabled={disabled}
               styles={styles}
               selected={inputValue === item.value}
@@ -126,6 +135,8 @@ export const RadioInput = <T extends string | number>(props: RadioInputProps<T>)
   )
 }
 
+RadioInput.Option = RadioOption
+
 RadioInput.styleRegistryName = 'RadioInput'
 RadioInput.elements = [...Field.elements, 'optionWrapper', 'optionLabel', 'optionIndicator', 'optionIndicatorInner', 'optionSeparator']
 RadioInput.rootElement = 'wrapper'

package/src/components/RadioInput/types.ts

@@ -2,7 +2,7 @@ import { Option } from '@codeleap/types'
 import { ICSS, StyleProp } from '@codeleap/styles'
 import { RadioInputComposition } from './styles'
 import { SelectableField } from '@codeleap/form'
-import { FieldProps } from '../Field'
+import { FieldProps, FieldStateContext } from '../Field'
 
 type RadioOption<T extends string | number> = Option<T> & {
   disabled?: boolean
@@ -29,11 +29,15 @@ export type RadioInputProps<T extends string | number> =
 
 /** Internal props for the per-option row rendered inside `RadioInput`. */
 export type RadioOptionProps<T extends string | number> = {
-  item: RadioOption<T>
+
   selected: boolean
   onSelect(): void
-  styles: Record<RadioInputComposition, ICSS>
+  fieldContext?: FieldStateContext
+  style?: RadioInputProps<T>['style']
+  styles?: Record<RadioInputComposition, ICSS>
   debugName?: string
   disabled?: boolean
   separator?: boolean
-}
+} & (RadioOption<T> | {
+  item: RadioOption<T>
+})

package/src/components/SearchInput/index.tsx

@@ -51,7 +51,7 @@ export const SearchInput = (props: SearchInputProps) => {
     ...props,
   }
 
-  const hasStateProps = !TypeGuards.isNil(value) && TypeGuards.isFunction(onValueChange)
+  const hasStateProps = !TypeGuards.isUndefined(value) && TypeGuards.isFunction(onValueChange)
 
   const [search, setSearch] = hasStateProps ? [value, onValueChange] : useState(defaultValue)
   const setSearchTimeout = React.useRef<ReturnType<typeof setTimeout> | null>(null)