@codeleap/web 5.4.4 → 5.4.5

package/dist/components/Slider/index.js

@@ -60,6 +60,9 @@ var react_slider_1 = require("@radix-ui/react-slider");
 var useStylesFor_1 = require("../../lib/hooks/useStylesFor");
 var styles_1 = require("@codeleap/styles");
 var WebStyleRegistry_1 = require("../../lib/WebStyleRegistry");
+var useInputBase_1 = require("../InputBase/useInputBase");
+var form_1 = require("@codeleap/form");
+var useInputBasePartialStyles_1 = require("../InputBase/useInputBasePartialStyles");
 __exportStar(require("./styles"), exports);
 __exportStar(require("./types"), exports);
 var DefaultSliderTrackMark = function (props) {
@@ -71,10 +74,11 @@ var DefaultSliderTrackMark = function (props) {
 };
 var Slider = function (props) {
     var _a = (0, InputBase_1.selectInputBaseProps)(__assign(__assign({}, exports.Slider.defaultProps), props)), inputBaseProps = _a.inputBaseProps, others = _a.others;
-    var onValueChange = others.onValueChange, onValueCommit = others.onValueCommit, _value = others.value, label = others.label, debugName = others.debugName, style = others.style, disabled = others.disabled, trackMarks = others.trackMarks, _b = others.trackMarkComponent, SliderTrackMark = _b === void 0 ? DefaultSliderTrackMark : _b, max = others.max, min = others.min, defaultSliderValue = others.defaultValue, indicatorLabel = others.indicatorLabel, description = others.description, minStepsBetweenThumbs = others.minStepsBetweenThumbs, step = others.step, onPressThumbSetValue = others.onPressThumbSetValue, onPressThumb = others.onPressThumb, sliderProps = __rest(others, ["onValueChange", "onValueCommit", "value", "label", "debugName", "style", "disabled", "trackMarks", "trackMarkComponent", "max", "min", "defaultValue", "indicatorLabel", "description", "minStepsBetweenThumbs", "step", "onPressThumbSetValue", "onPressThumb"]);
+    var onValueChange = others.onValueChange, onValueCommit = others.onValueCommit, _value = others.value, field = others.field, label = others.label, debugName = others.debugName, style = others.style, disabled = others.disabled, trackMarks = others.trackMarks, _b = others.trackMarkComponent, SliderTrackMark = _b === void 0 ? DefaultSliderTrackMark : _b, max = others.max, min = others.min, defaultSliderValue = others.defaultValue, indicatorLabel = others.indicatorLabel, description = others.description, minStepsBetweenThumbs = others.minStepsBetweenThumbs, step = others.step, onPressThumbSetValue = others.onPressThumbSetValue, onPressThumb = others.onPressThumb, sliderProps = __rest(others, ["onValueChange", "onValueCommit", "value", "field", "label", "debugName", "style", "disabled", "trackMarks", "trackMarkComponent", "max", "min", "defaultValue", "indicatorLabel", "description", "minStepsBetweenThumbs", "step", "onPressThumbSetValue", "onPressThumb"]);
     var styles = (0, useStylesFor_1.useStylesFor)(exports.Slider.styleRegistryName, style);
-    var isUniqueValue = !types_1.TypeGuards.isArray(_value);
-    var value = isUniqueValue ? [_value] : _value;
+    var _c = (0, useInputBase_1.useInputBase)(field, form_1.fields.number, { value: _value, onValueChange: onValueChange }), wrapperRef = _c.wrapperRef, inputValue = _c.inputValue, onInputValueChange = _c.onInputValueChange;
+    var isUniqueValue = !types_1.TypeGuards.isArray(inputValue);
+    var value = isUniqueValue ? [inputValue] : inputValue;
     var _defaultValue = types_1.TypeGuards.isArray(defaultSliderValue) ? defaultSliderValue : [defaultSliderValue];
     var defaultValueRef = (0, hooks_1.useRef)(_defaultValue);
     var defaultValue = defaultValueRef.current;
@@ -84,37 +88,11 @@ var Slider = function (props) {
         }
     });
     var handleChange = function (newValue) {
-        onValueChange === null || onValueChange === void 0 ? void 0 : onValueChange(isUniqueValue ? newValue === null || newValue === void 0 ? void 0 : newValue[0] : newValue);
+        onInputValueChange === null || onInputValueChange === void 0 ? void 0 : onInputValueChange(isUniqueValue ? newValue === null || newValue === void 0 ? void 0 : newValue[0] : newValue);
     };
     var handleValueCommit = function (newValue) {
         onValueCommit === null || onValueCommit === void 0 ? void 0 : onValueCommit(newValue);
     };
-    var thumbStyle = react_1.default.useMemo(function () {
-        return (0, styles_1.mergeStyles)([
-            styles.thumb,
-            disabled && styles['thumb:disabled'],
-        ]);
-    }, []);
-    var trackStyle = react_1.default.useMemo(function () {
-        return (0, styles_1.mergeStyles)([
-            styles.track,
-            disabled && styles['track:disabled'],
-            styles.unselectedTrack,
-            disabled && styles['unselectedTrack:disabled'],
-        ]);
-    }, [disabled]);
-    var selectedTrackStyle = react_1.default.useMemo(function () {
-        return (0, styles_1.mergeStyles)([
-            styles.selectedTrack,
-            disabled && styles['selectedTrack:disabled'],
-        ]);
-    }, [disabled]);
-    var containerStyle = react_1.default.useMemo(function () {
-        return (0, styles_1.mergeStyles)([
-            styles.sliderContainer,
-            disabled && styles['sliderContainer:disabled'],
-        ]);
-    }, [disabled]);
     var trackMarksHaveContent = !(types_1.TypeGuards.isArray(trackMarks) || types_1.TypeGuards.isNil(trackMarks));
     var trackMarksProp = react_1.default.useMemo(function () {
         if (!trackMarksHaveContent) {
@@ -122,18 +100,10 @@ var Slider = function (props) {
         }
         return Object.keys(trackMarks).map(function (key) { return Number(key); });
     }, [trackMarksHaveContent]);
-    var trackMarkStyle = react_1.default.useMemo(function () {
-        return (0, styles_1.mergeStyles)([
-            styles.trackMark,
-            disabled && styles['trackMark:disabled'],
-        ]);
-    }, [disabled]);
-    var trackMarkWrapperStyle = react_1.default.useMemo(function () {
-        return (0, styles_1.mergeStyles)([
-            styles.trackMarkWrapper,
-            disabled && styles['trackMarkWrapper:disabled'],
-        ]);
-    }, [disabled]);
+    var partialStyles = (0, useInputBasePartialStyles_1.useInputBasePartialStyles)(styles, ['thumb', 'track', 'selectedTrack', 'unselectedTrack', 'sliderContainer', 'trackMark', 'trackMarkWrapper'], { disabled: disabled });
+    var trackStyle = react_1.default.useMemo(function () {
+        return (0, styles_1.mergeStyles)([partialStyles === null || partialStyles === void 0 ? void 0 : partialStyles.track, partialStyles.unselectedTrack]);
+    }, [partialStyles === null || partialStyles === void 0 ? void 0 : partialStyles.track, partialStyles.unselectedTrack]);
     var sliderLabel = react_1.default.useMemo(function () {
         var _a;
         if (types_1.TypeGuards.isNil(indicatorLabel) || !(indicatorLabel === null || indicatorLabel === void 0 ? void 0 : indicatorLabel.order) && !(indicatorLabel === null || indicatorLabel === void 0 ? void 0 : indicatorLabel.transformer)) {
@@ -158,13 +128,13 @@ var Slider = function (props) {
             return description;
         }
     }, [value]);
-    return ((0, jsx_runtime_1.jsxs)(InputBase_1.InputBase, __assign({}, inputBaseProps, { disabled: disabled, style: styles, labelAsRow: true, description: sliderLabel }, { children: [(0, jsx_runtime_1.jsxs)(react_slider_1.Root, __assign({}, sliderProps, { step: step, min: min, max: max, disabled: disabled, defaultValue: defaultValue, onValueCommit: handleValueCommit, onValueChange: handleChange, style: containerStyle, value: value, minStepsBetweenThumbs: minStepsBetweenThumbs }, { children: [(0, jsx_runtime_1.jsx)(react_slider_1.Track, __assign({ style: trackStyle }, { children: (0, jsx_runtime_1.jsx)(react_slider_1.Range, { style: selectedTrackStyle }) })), defaultValue.map(function (_, i) { return ((0, jsx_runtime_1.jsx)(react_slider_1.Thumb, { style: thumbStyle, onClick: function () {
+    return ((0, jsx_runtime_1.jsxs)(InputBase_1.InputBase, __assign({}, inputBaseProps, { ref: wrapperRef, disabled: disabled, style: styles, labelAsRow: true, description: sliderLabel }, { children: [(0, jsx_runtime_1.jsxs)(react_slider_1.Root, __assign({}, sliderProps, { step: step, min: min, max: max, disabled: disabled, defaultValue: defaultValue, onValueCommit: handleValueCommit, onValueChange: handleChange, style: partialStyles === null || partialStyles === void 0 ? void 0 : partialStyles.sliderContainer, value: value, minStepsBetweenThumbs: minStepsBetweenThumbs }, { children: [(0, jsx_runtime_1.jsx)(react_slider_1.Track, __assign({ style: trackStyle }, { children: (0, jsx_runtime_1.jsx)(react_slider_1.Range, { style: partialStyles === null || partialStyles === void 0 ? void 0 : partialStyles.selectedTrack }) })), defaultValue.map(function (_, i) { return ((0, jsx_runtime_1.jsx)(react_slider_1.Thumb, { style: partialStyles === null || partialStyles === void 0 ? void 0 : partialStyles.thumb, onClick: function () {
                             if (onPressThumbSetValue)
-                                onValueChange === null || onValueChange === void 0 ? void 0 : onValueChange(value);
+                                onInputValueChange === null || onInputValueChange === void 0 ? void 0 : onInputValueChange(value);
                             if (types_1.TypeGuards.isFunction(onPressThumb))
                                 onPressThumb === null || onPressThumb === void 0 ? void 0 : onPressThumb(value, i);
                         } }, i)); })] })), trackMarksProp ?
-                (0, jsx_runtime_1.jsx)(View_1.View, __assign({ style: trackMarkWrapperStyle }, { children: trackMarksProp.map(function (_, idx) {
+                (0, jsx_runtime_1.jsx)(View_1.View, __assign({ style: partialStyles === null || partialStyles === void 0 ? void 0 : partialStyles.trackMarkWrapper }, { children: trackMarksProp.map(function (_, idx) {
                         var idxStyle = {};
                         var relativeValue = Number(trackMarksProp[idx]);
                         if (idx === 0) {
@@ -182,7 +152,7 @@ var Slider = function (props) {
                                 transform: "translate(-50%, -50%)",
                             };
                         }
-                        var style = (0, styles_1.mergeStyles)([trackMarkStyle, idxStyle]);
+                        var style = (0, styles_1.mergeStyles)([partialStyles === null || partialStyles === void 0 ? void 0 : partialStyles.trackMark, idxStyle]);
                         if (!trackMarksHaveContent) {
                             return (0, jsx_runtime_1.jsx)(SliderTrackMark, { index: idx, style: style }, idx);
                         }

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

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

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

@@ -3,14 +3,16 @@ import { InputBaseProps } from '../InputBase';
 import { SliderComposition } from './styles';
 import { SliderProps as PrimitiveSliderProps } from '@radix-ui/react-slider';
 import { CSSProperties } from 'react';
+import { NumberField } from '@codeleap/form';
 export type SliderProps = Partial<Omit<PrimitiveSliderProps, 'value' | 'onValueChange' | 'style'>> & Pick<InputBaseProps, 'disabled' | 'debugName' | 'description' | 'label'> & {
     indicatorLabel?: {
         order?: number[];
         separator?: string;
         transformer?: (value: number[], defaultValue: PrimitiveSliderProps['defaultValue']) => string;
     };
-    value: number | number[];
-    onValueChange: (val: number | number[]) => void;
+    field?: NumberField<any>;
+    value?: number | number[];
+    onValueChange?: (val: number | number[]) => void;
     style?: StyledProp<SliderComposition>;
     trackMarks?: Record<number, string>;
     trackMarkComponent?: React.ComponentType<TrackMarkProps>;

package/dist/components/Switch/index.js

@@ -42,14 +42,17 @@ var WebStyleRegistry_1 = require("../../lib/WebStyleRegistry");
 var framer_motion_1 = require("framer-motion");
 var styles_1 = require("@codeleap/styles");
 var useStylesFor_1 = require("../../lib/hooks/useStylesFor");
+var useInputBase_1 = require("../InputBase/useInputBase");
+var form_1 = require("@codeleap/form");
 __exportStar(require("./styles"), exports);
 __exportStar(require("./types"), exports);
 var reversedOrder = __spreadArray([], InputBase_1.InputBaseDefaultOrder, true).reverse();
 var Switch = function (props) {
     var _a;
     var _b = (0, InputBase_1.selectInputBaseProps)(__assign(__assign({}, exports.Switch.defaultProps), props)), inputBaseProps = _b.inputBaseProps, switchProps = _b.others;
-    var style = switchProps.style, value = switchProps.value, disabled = switchProps.disabled, debugName = switchProps.debugName, onValueChange = switchProps.onValueChange, onChange = switchProps.onChange, switchOnLeft = switchProps.switchOnLeft;
+    var style = switchProps.style, value = switchProps.value, disabled = switchProps.disabled, debugName = switchProps.debugName, onValueChange = switchProps.onValueChange, onChange = switchProps.onChange, switchOnLeft = switchProps.switchOnLeft, field = switchProps.field;
     var styles = (0, useStylesFor_1.useStylesFor)(exports.Switch.styleRegistryName, style);
+    var _c = (0, useInputBase_1.useInputBase)(field, form_1.fields.boolean, { value: value, onValueChange: onValueChange }), validation = _c.validation, wrapperRef = _c.wrapperRef, inputValue = _c.inputValue, onInputValueChange = _c.onInputValueChange;
     var trackAnimation = (0, lib_1.useAnimatedVariantStyles)({
         variantStyles: styles,
         animatedProperties: ['track:off', 'track:disabled', 'track:on', 'track:disabled-on', 'track:disabled-off'],
@@ -57,12 +60,12 @@ var Switch = function (props) {
             'worklet';
             var disabledStyle = {};
             if (disabled) {
-                disabledStyle = value ? styles['track:disabled-on'] : styles['track:disabled-off'];
+                disabledStyle = inputValue ? styles['track:disabled-on'] : styles['track:disabled-off'];
             }
-            var style = value ? styles['track:on'] : styles['track:off'];
+            var style = inputValue ? styles['track:on'] : styles['track:off'];
             return __assign(__assign({}, style), disabledStyle);
         },
-        dependencies: [value, disabled],
+        dependencies: [inputValue, disabled],
     });
     var thumbAnimation = (0, lib_1.useAnimatedVariantStyles)({
         variantStyles: styles,
@@ -71,12 +74,12 @@ var Switch = function (props) {
             'worklet';
             var disabledStyle = {};
             if (disabled) {
-                disabledStyle = value ? styles['thumb:disabled-on'] : styles['thumb:disabled-off'];
+                disabledStyle = inputValue ? styles['thumb:disabled-on'] : styles['thumb:disabled-off'];
             }
-            var style = value ? styles['thumb:on'] : styles['thumb:off'];
+            var style = inputValue ? styles['thumb:on'] : styles['thumb:off'];
             return __assign(__assign({}, style), disabledStyle);
         },
-        dependencies: [value, disabled],
+        dependencies: [inputValue, disabled],
     });
     // @ts-expect-error icss type
     var _switchOnLeft = switchOnLeft !== null && switchOnLeft !== void 0 ? switchOnLeft : (_a = styles.__props) === null || _a === void 0 ? void 0 : _a.switchOnLeft;
@@ -86,13 +89,12 @@ var Switch = function (props) {
         if (disabled)
             return;
         if ((e === null || e === void 0 ? void 0 : e.type) === 'click' || (e === null || e === void 0 ? void 0 : e.keyCode) === 13 || (e === null || e === void 0 ? void 0 : e.key) === 'Enter') {
-            if (onValueChange)
-                onValueChange === null || onValueChange === void 0 ? void 0 : onValueChange(!value);
+            onInputValueChange === null || onInputValueChange === void 0 ? void 0 : onInputValueChange(!inputValue);
             if (onChange)
-                onChange === null || onChange === void 0 ? void 0 : onChange(!value);
+                onChange === null || onChange === void 0 ? void 0 : onChange(!inputValue);
         }
     };
-    return ((0, jsx_runtime_1.jsx)(InputBase_1.InputBase, __assign({}, inputBaseProps, { debugName: debugName, style: styles, order: _switchOnLeft ? reversedOrder : InputBase_1.InputBaseDefaultOrder, disabled: disabled, noError: true }, { children: (0, jsx_runtime_1.jsx)(framer_motion_1.motion.div, __assign({ style: trackStyles, initial: false, animate: trackAnimation, transition: styles['track:transition'], onClick: handleChange, onKeyDown: handleChange, tabIndex: 0 }, { children: (0, jsx_runtime_1.jsx)(framer_motion_1.motion.div, { style: thumbStyles, initial: false, animate: thumbAnimation, transition: styles['thumb:transition'] }) })) })));
+    return ((0, jsx_runtime_1.jsx)(InputBase_1.InputBase, __assign({}, inputBaseProps, { ref: wrapperRef, debugName: debugName, style: styles, order: _switchOnLeft ? reversedOrder : InputBase_1.InputBaseDefaultOrder, disabled: disabled, noError: true }, { children: (0, jsx_runtime_1.jsx)(framer_motion_1.motion.div, __assign({ style: trackStyles, initial: false, animate: trackAnimation, transition: styles['track:transition'], onClick: handleChange, onKeyDown: handleChange, tabIndex: 0 }, { children: (0, jsx_runtime_1.jsx)(framer_motion_1.motion.div, { style: thumbStyles, initial: false, animate: thumbAnimation, transition: styles['thumb:transition'] }) })) })));
 };
 exports.Switch = Switch;
 exports.Switch.styleRegistryName = 'Switch';

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

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

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

@@ -1,10 +1,12 @@
 import { StyledProp } from '@codeleap/styles';
 import { InputBaseProps } from '../InputBase';
 import { SwitchComposition } from './styles';
+import { BooleanField } from '@codeleap/form';
 export type SwitchProps = Pick<InputBaseProps, 'debugName' | 'disabled' | 'label'> & {
     style?: StyledProp<SwitchComposition>;
-    value: boolean;
-    onValueChange: (value: boolean) => void;
     onChange?: (value: boolean) => void;
     switchOnLeft?: boolean;
+    field?: BooleanField<any>;
+    value?: boolean;
+    onValueChange?: (value: boolean) => void;
 };

package/dist/components/TextEditor/index.js

@@ -32,30 +32,23 @@ exports.TextEditor = void 0;
 var jsx_runtime_1 = require("@emotion/react/jsx-runtime");
 var react_1 = __importDefault(require("react"));
 var hooks_1 = require("@codeleap/hooks");
-var deprecated_1 = require("@codeleap/deprecated");
 var react_2 = require("@tiptap/react");
 var components_1 = require("../components");
 var useStylesFor_1 = require("../../lib/hooks/useStylesFor");
 var WebStyleRegistry_1 = require("../../lib/WebStyleRegistry");
+var form_1 = require("@codeleap/form");
 __exportStar(require("./styles"), exports);
 __exportStar(require("./types"), exports);
 var TextEditor = function (props) {
     var _a, _b;
-    var _c = __assign(__assign({}, exports.TextEditor.defaultProps), props), children = _c.children, editor = _c.editor, style = _c.style, bubbleMenuProps = _c.bubbleMenuProps, floatingMenuProps = _c.floatingMenuProps, toolbarComponent = _c.toolbarComponent, fileInputRef = _c.fileInputRef, _error = _c._error, validate = _c.validate;
+    var _c = __assign(__assign({}, exports.TextEditor.defaultProps), props), children = _c.children, editor = _c.editor, style = _c.style, bubbleMenuProps = _c.bubbleMenuProps, floatingMenuProps = _c.floatingMenuProps, toolbarComponent = _c.toolbarComponent, fileInputRef = _c.fileInputRef, validate = _c.validate;
     var styles = (0, useStylesFor_1.useStylesFor)(exports.TextEditor.styleRegistryName, style);
-    var _d = (0, hooks_1.useState)(false), _isFocused = _d[0], setIsFocused = _d[1];
-    var validation = (0, deprecated_1.useValidate)((_a = editor === null || editor === void 0 ? void 0 : editor.getText()) !== null && _a !== void 0 ? _a : '', validate);
-    var hasError = !validation.isValid || _error;
-    var errorMessage = validation.message || _error;
+    var validation = (0, form_1.useValidate)((_a = editor === null || editor === void 0 ? void 0 : editor.getText()) !== null && _a !== void 0 ? _a : '', validate);
     var isDisabled = (_b = !(editor === null || editor === void 0 ? void 0 : editor.isEditable)) !== null && _b !== void 0 ? _b : null;
     var handleBlur = react_1.default.useCallback(function () {
         validation === null || validation === void 0 ? void 0 : validation.onInputBlurred();
-        setIsFocused(false);
     }, [validation === null || validation === void 0 ? void 0 : validation.onInputBlurred]);
-    var handleFocus = react_1.default.useCallback(function () {
-        validation === null || validation === void 0 ? void 0 : validation.onInputFocused();
-        setIsFocused(true);
-    }, [validation === null || validation === void 0 ? void 0 : validation.onInputFocused]);
+    var handleFocus = react_1.default.useCallback(function () { }, []);
     (0, hooks_1.onUpdate)(function () {
         editor === null || editor === void 0 ? void 0 : editor.on('blur', handleBlur);
         editor === null || editor === void 0 ? void 0 : editor.on('focus', handleFocus);
@@ -76,18 +69,18 @@ var TextEditor = function (props) {
     }, [editor]);
     var editorStyles = [
         styles.editor,
-        hasError && styles['editor:error'],
+        (validation === null || validation === void 0 ? void 0 : validation.showError) && styles['editor:error'],
         isDisabled && styles['editor:disabled'],
     ];
     if (!editor)
         return null;
     return ((0, jsx_runtime_1.jsxs)(components_1.View, __assign({ style: [
             styles.wrapper,
-            hasError && styles['wrapper:error'],
+            (validation === null || validation === void 0 ? void 0 : validation.showError) && styles['wrapper:error'],
             {
                 '.tiptap': editorStyles,
             },
-        ] }, { children: [toolbarComponent, children, (0, jsx_runtime_1.jsx)(_BubbleMenu, {}), (0, jsx_runtime_1.jsx)(_FloatingMenu, {}), (0, jsx_runtime_1.jsx)(react_2.EditorContent, { editor: editor }), hasError ? (0, jsx_runtime_1.jsx)(components_1.Text, { text: errorMessage, style: styles['errorMessage:error'] }) : null, (0, jsx_runtime_1.jsx)(components_1.FileInput, { ref: fileInputRef })] })));
+        ] }, { children: [toolbarComponent, children, (0, jsx_runtime_1.jsx)(_BubbleMenu, {}), (0, jsx_runtime_1.jsx)(_FloatingMenu, {}), (0, jsx_runtime_1.jsx)(react_2.EditorContent, { editor: editor }), (validation === null || validation === void 0 ? void 0 : validation.showError) ? (0, jsx_runtime_1.jsx)(components_1.Text, { text: validation === null || validation === void 0 ? void 0 : validation.message, style: styles['errorMessage:error'] }) : null, (0, jsx_runtime_1.jsx)(components_1.FileInput, { ref: fileInputRef })] })));
 };
 exports.TextEditor = TextEditor;
 exports.TextEditor.styleRegistryName = 'TextEditor';

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

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

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

@@ -1,10 +1,10 @@
 import { RefObject } from 'react';
 import { AnyFunction } from '@codeleap/types';
-import { FormTypes, yup } from '@codeleap/deprecated';
 import { StyledProp } from '@codeleap/styles';
 import { BubbleMenuProps, Editor, FloatingMenuProps } from '@tiptap/react';
 import { FileInputRef } from '../FileInput';
 import { TextEditorComposition } from './styles';
+import { Validator } from '@codeleap/form';
 export type TextEditorProps = React.PropsWithChildren<{
     editor: Editor & {
         getText: AnyFunction;
@@ -21,6 +21,5 @@ export type TextEditorProps = React.PropsWithChildren<{
     };
     toolbarComponent?: JSX.Element;
     fileInputRef?: RefObject<FileInputRef>;
-    _error?: boolean;
-    validate?: FormTypes.ValidatorWithoutForm<string> | yup.Schema<string>;
+    validate?: Validator<string, any, any>;
 }>;

package/dist/components/TextInput/index.js

@@ -21,18 +21,6 @@ var __createBinding = (this && this.__createBinding) || (Object.create ? (functi
     if (k2 === undefined) k2 = k;
     o[k2] = m[k];
 }));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
 var __exportStar = (this && this.__exportStar) || function(m, exports) {
     for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
 };
@@ -62,78 +50,54 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.TextInput = void 0;
 var jsx_runtime_1 = require("@emotion/react/jsx-runtime");
-var hooks_1 = require("@codeleap/hooks");
 var types_1 = require("@codeleap/types");
-var deprecated_1 = require("@codeleap/deprecated");
-var react_1 = __importStar(require("react"));
+var react_1 = require("react");
 var react_autosize_textarea_1 = __importDefault(require("react-autosize-textarea"));
 var react_input_mask_1 = __importDefault(require("react-input-mask"));
 var Touchable_1 = require("../Touchable");
 var InputBase_1 = require("../InputBase");
-var mask_1 = require("./mask");
 var test_1 = require("../../lib/utils/test");
 var useStylesFor_1 = require("../../lib/hooks/useStylesFor");
 var WebStyleRegistry_1 = require("../../lib/WebStyleRegistry");
+var useTextInput_1 = require("./useTextInput");
+var useInputBasePartialStyles_1 = require("../InputBase/useInputBasePartialStyles");
 __exportStar(require("./types"), exports);
 __exportStar(require("./styles"), exports);
 __exportStar(require("./mask"), exports);
 exports.TextInput = (0, react_1.forwardRef)(function (props, inputRef) {
     var _a;
-    var _b, _c, _d, _e;
-    var _f = (0, InputBase_1.selectInputBaseProps)(__assign(__assign({}, exports.TextInput.defaultProps), props)), inputBaseProps = _f.inputBaseProps, others = _f.others;
-    var _g = others, style = _g.style, value = _g.value, validate = _g.validate, debugName = _g.debugName, visibilityToggle = _g.visibilityToggle, password = _g.password, onPress = _g.onPress, multiline = _g.multiline, caretColor = _g.caretColor, focused = _g.focused, _error = _g._error, masking = _g.masking, visibleIcon = _g.visibleIcon, hiddenIcon = _g.hiddenIcon, textInputProps = __rest(_g, ["style", "value", "validate", "debugName", "visibilityToggle", "password", "onPress", "multiline", "caretColor", "focused", "_error", "masking", "visibleIcon", "hiddenIcon"]);
-    var innerInputRef = (0, react_1.useRef)(null);
+    var _b, _c;
+    var allProps = __assign(__assign({}, exports.TextInput.defaultProps), props);
+    var _d = (0, InputBase_1.selectInputBaseProps)(allProps), inputBaseProps = _d.inputBaseProps, others = _d.others;
+    var _e = others, style = _e.style, debugName = _e.debugName, visibilityToggle = _e.visibilityToggle, password = _e.password, onPress = _e.onPress, caretColor = _e.caretColor, visibleIcon = _e.visibleIcon, hiddenIcon = _e.hiddenIcon, focused = _e.focused, textInputProps = __rest(_e, ["style", "debugName", "visibilityToggle", "password", "onPress", "caretColor", "visibleIcon", "hiddenIcon", "focused"]);
     var styles = (0, useStylesFor_1.useStylesFor)(exports.TextInput.styleRegistryName, style);
-    var _h = (0, react_1.useState)(false), _isFocused = _h[0], setIsFocused = _h[1];
-    var isFocused = _isFocused || focused;
-    var _j = (0, hooks_1.useBooleanToggle)(true), secureTextEntry = _j[0], toggleSecureTextEntry = _j[1];
-    var isMultiline = multiline;
-    var isMasked = !types_1.TypeGuards.isNil(masking);
-    var maskProps = isMasked ? (0, mask_1.getMaskInputProps)({ masking: masking }) : null;
+    var _f = (0, useTextInput_1.useTextInput)(allProps), isMultiline = _f.isMultiline, isMasked = _f.isMasked, isInputFocused = _f.isFocused, secureTextEntry = _f.secureTextEntry, handleBlur = _f.handleBlur, handleFocus = _f.handleFocus, handleChange = _f.handleChange, maskProps = _f.maskProps, innerInputRef = _f.innerInputRef, wrapperRef = _f.wrapperRef, errorMessage = _f.errorMessage, toggleSecureTextEntry = _f.toggleSecureTextEntry, hasMultipleLines = _f.hasMultipleLines, hasError = _f.hasError, inputValue = _f.inputValue;
+    var isFocused = isInputFocused || focused;
+    var isDisabled = !!inputBaseProps.disabled;
+    var partialStyles = (0, useInputBasePartialStyles_1.useInputBasePartialStyles)(styles, ['placeholder', 'selection'], {
+        disabled: isDisabled,
+        error: !!hasError,
+        focus: isFocused,
+    });
     var InputElement = isMasked ? react_input_mask_1.default : isMultiline ? react_autosize_textarea_1.default : 'input';
-    // @ts-ignore
+    var isPressable = types_1.TypeGuards.isFunction(onPress);
+    var focus = function () {
+        var _a, _b, _c, _d;
+        if (isMasked) {
+            // @ts-expect-error
+            (_b = (_a = innerInputRef.current) === null || _a === void 0 ? void 0 : _a.getInputDOMNode()) === null || _b === void 0 ? void 0 : _b.focus();
+        }
+        (_d = (_c = innerInputRef.current) === null || _c === void 0 ? void 0 : _c.focus) === null || _d === void 0 ? void 0 : _d.call(_c);
+    };
     (0, react_1.useImperativeHandle)(inputRef, function () {
         return {
-            focus: function () {
-                var _a, _b, _c, _d;
-                if (isMasked) {
-                    // @ts-expect-error
-                    (_b = (_a = innerInputRef.current) === null || _a === void 0 ? void 0 : _a.getInputDOMNode()) === null || _b === void 0 ? void 0 : _b.focus();
-                }
-                (_d = (_c = innerInputRef.current) === null || _c === void 0 ? void 0 : _c.focus) === null || _d === void 0 ? void 0 : _d.call(_c);
-            },
+            focus: function () { return focus(); },
             isTextInput: true,
             getInputRef: function () {
                 return innerInputRef.current;
             },
         };
     }, [!!((_b = innerInputRef === null || innerInputRef === void 0 ? void 0 : innerInputRef.current) === null || _b === void 0 ? void 0 : _b.focus)]);
-    var isPressable = types_1.TypeGuards.isFunction(onPress);
-    var validation = (0, deprecated_1.useValidate)(value, types_1.TypeGuards.isFunction(maskProps === null || maskProps === void 0 ? void 0 : maskProps.validator) ? maskProps === null || maskProps === void 0 ? void 0 : maskProps.validator : validate);
-    var handleBlur = react_1.default.useCallback(function (e) {
-        var _a;
-        validation === null || validation === void 0 ? void 0 : validation.onInputBlurred();
-        setIsFocused(false);
-        (_a = props === null || props === void 0 ? void 0 : props.onBlur) === null || _a === void 0 ? void 0 : _a.call(props, e);
-    }, [validation === null || validation === void 0 ? void 0 : validation.onInputBlurred, props === null || props === void 0 ? void 0 : props.onBlur]);
-    var handleFocus = react_1.default.useCallback(function (e) {
-        var _a;
-        validation === null || validation === void 0 ? void 0 : validation.onInputFocused();
-        setIsFocused(true);
-        (_a = props === null || props === void 0 ? void 0 : props.onFocus) === null || _a === void 0 ? void 0 : _a.call(props, e);
-    }, [validation === null || validation === void 0 ? void 0 : validation.onInputFocused, props === null || props === void 0 ? void 0 : props.onFocus]);
-    var handleChange = function (event) {
-        var _a;
-        var _text = (_a = event === null || event === void 0 ? void 0 : event.target) === null || _a === void 0 ? void 0 : _a.value;
-        var _value = isMasked && (maskProps === null || maskProps === void 0 ? void 0 : maskProps.notSaveFormatted)
-            ? maskProps === null || maskProps === void 0 ? void 0 : maskProps.getRawValue(_text)
-            : _text;
-        if (props === null || props === void 0 ? void 0 : props.onChange)
-            props === null || props === void 0 ? void 0 : props.onChange(event);
-        if (props === null || props === void 0 ? void 0 : props.onChangeText)
-            props === null || props === void 0 ? void 0 : props.onChangeText(_value);
-    };
-    var isDisabled = !!inputBaseProps.disabled;
     var visibilityToggleProps = visibilityToggle ? {
         onPress: toggleSecureTextEntry,
         icon: (secureTextEntry ? hiddenIcon : visibleIcon),
@@ -144,22 +108,6 @@ exports.TextInput = (0, react_1.forwardRef)(function (props, inputRef) {
         editable: false,
         caretHidden: true,
     } : {};
-    var rows = (_d = textInputProps === null || textInputProps === void 0 ? void 0 : textInputProps.rows) !== null && _d !== void 0 ? _d : (isMultiline ? 2 : undefined);
-    var hasMultipleLines = isMultiline && (((_e = String(value)) === null || _e === void 0 ? void 0 : _e.includes('\n')) || !!rows);
-    var hasError = !validation.isValid || _error;
-    var errorMessage = validation.message || _error;
-    var placeholderStyles = [
-        styles.placeholder,
-        isFocused && styles['placeholder:focus'],
-        hasError && styles['placeholder:error'],
-        isDisabled && styles['placeholder:disabled'],
-    ];
-    var selectionStyles = [
-        styles.selection,
-        isFocused && styles['selection:focus'],
-        hasError && styles['selection:error'],
-        isDisabled && styles['selection:disabled'],
-    ];
     var secureTextProps = (password && secureTextEntry) && {
         type: 'password',
     };
@@ -168,20 +116,11 @@ exports.TextInput = (0, react_1.forwardRef)(function (props, inputRef) {
     };
     var inputBaseAction = isPressable ? 'onPress' : 'onClick';
     var testId = (0, test_1.getTestId)(textInputProps);
-    return ((0, jsx_runtime_1.jsx)(InputBase_1.InputBase, __assign({ innerWrapper: isPressable ? Touchable_1.Touchable : undefined }, inputBaseProps, { debugName: debugName, error: hasError ? errorMessage : null, style: __assign(__assign({}, styles), { innerWrapper: __assign(__assign(__assign({}, styles.innerWrapper), (isMultiline ? styles['innerWrapper:multiline'] : {})), (hasMultipleLines ? styles['innerWrapper:hasMultipleLines'] : {})) }), innerWrapperProps: __assign(__assign({}, (inputBaseProps.innerWrapperProps || {})), (_a = {}, _a[inputBaseAction] = function () {
-            var _a, _b, _c, _d;
-            if (isMasked) {
-                // @ts-expect-error
-                (_b = (_a = innerInputRef.current) === null || _a === void 0 ? void 0 : _a.getInputDOMNode()) === null || _b === void 0 ? void 0 : _b.focus();
-            }
-            (_d = (_c = innerInputRef.current) === null || _c === void 0 ? void 0 : _c.focus) === null || _d === void 0 ? void 0 : _d.call(_c);
+    return ((0, jsx_runtime_1.jsx)(InputBase_1.InputBase, __assign({ innerWrapper: isPressable ? Touchable_1.Touchable : undefined }, inputBaseProps, { ref: wrapperRef, debugName: debugName, error: hasError ? errorMessage : null, style: __assign(__assign({}, styles), { innerWrapper: __assign(__assign(__assign({}, styles.innerWrapper), (isMultiline ? styles['innerWrapper:multiline'] : {})), (hasMultipleLines ? styles['innerWrapper:hasMultipleLines'] : {})) }), innerWrapperProps: __assign(__assign({}, (inputBaseProps.innerWrapperProps || {})), (_a = {}, _a[inputBaseAction] = function () {
+            focus();
             if (isPressable)
                 onPress === null || onPress === void 0 ? void 0 : onPress();
-        }, _a.debugName = debugName, _a)), rightIcon: rightIcon, focused: isFocused }, { children: (0, jsx_runtime_1.jsx)(InputElement, __assign({ editable: "".concat(!isPressable && !isDisabled) }, buttonModeProps, secureTextProps, textInputProps, { value: value, onChange: function (e) { return handleChange(e); }, 
-            // @ts-ignore
-            onBlur: handleBlur, 
-            // @ts-ignore
-            onFocus: handleFocus, css: [
+        }, _a.debugName = debugName, _a)), rightIcon: rightIcon, focused: isFocused }, { children: (0, jsx_runtime_1.jsx)(InputElement, __assign({ editable: "".concat(!isPressable && !isDisabled) }, buttonModeProps, secureTextProps, textInputProps, { onBlur: handleBlur, onFocus: handleFocus, css: [
                 styles.input,
                 isMultiline && styles['input:multiline'],
                 isFocused && styles['input:focus'],
@@ -189,10 +128,10 @@ exports.TextInput = (0, react_1.forwardRef)(function (props, inputRef) {
                 isDisabled && styles['input:disabled'],
                 hasMultipleLines && styles['input:hasMultipleLines'],
                 {
-                    '&::placeholder': placeholderStyles,
+                    '&::placeholder': partialStyles === null || partialStyles === void 0 ? void 0 : partialStyles.placeholder,
                 },
                 {
-                    '&::selection': selectionStyles,
+                    '&::selection': partialStyles === null || partialStyles === void 0 ? void 0 : partialStyles.selection,
                 },
                 {
                     '&:focus': [
@@ -201,7 +140,7 @@ exports.TextInput = (0, react_1.forwardRef)(function (props, inputRef) {
                         caretColorStyle,
                     ],
                 },
-            ] }, maskProps, { ref: innerInputRef, "data-testid": testId })) })));
+            ] }, maskProps, { value: inputValue, onChange: handleChange, ref: innerInputRef, "data-testid": testId })) })));
 });
 exports.TextInput.styleRegistryName = 'TextInput';
 exports.TextInput.elements = __spreadArray(__spreadArray([], InputBase_1.InputBase.elements, true), ['input', 'placeholder', 'selection'], false);