@codeleap/web 4.0.2 → 4.2.1

package/dist/components/TextInput/index.js

@@ -0,0 +1,216 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    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);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TextInput = void 0;
+var jsx_runtime_1 = require("@emotion/react/jsx-runtime");
+var common_1 = require("@codeleap/common");
+var react_1 = __importStar(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");
+__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 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, common_1.useBooleanToggle)(true), secureTextEntry = _j[0], toggleSecureTextEntry = _j[1];
+    var isMultiline = multiline;
+    var isMasked = !common_1.TypeGuards.isNil(masking);
+    var maskProps = isMasked ? (0, mask_1.getMaskInputProps)({ masking: masking }) : null;
+    var InputElement = isMasked ? react_input_mask_1.default : isMultiline ? react_autosize_textarea_1.default : 'input';
+    // @ts-ignore
+    (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);
+            },
+            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 = common_1.TypeGuards.isFunction(onPress);
+    var validation = (0, common_1.useValidate)(value, common_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),
+        debugName: "".concat(debugName, " toggle visibility"),
+    } : null;
+    var rightIcon = (_c = inputBaseProps === null || inputBaseProps === void 0 ? void 0 : inputBaseProps.rightIcon) !== null && _c !== void 0 ? _c : visibilityToggleProps;
+    var buttonModeProps = isPressable ? {
+        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',
+    };
+    var caretColorStyle = (caretColor || buttonModeProps.caretHidden) && {
+        caretColor: buttonModeProps.caretHidden ? 'transparent' : caretColor,
+    };
+    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);
+            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: [
+                styles.input,
+                isMultiline && styles['input:multiline'],
+                isFocused && styles['input:focus'],
+                hasError && styles['input:error'],
+                isDisabled && styles['input:disabled'],
+                hasMultipleLines && styles['input:hasMultipleLines'],
+                {
+                    '&::placeholder': placeholderStyles,
+                },
+                {
+                    '&::selection': selectionStyles,
+                },
+                {
+                    '&:focus': [
+                        { outline: 'none', borderWidth: 0, borderColor: 'transparent' },
+                        isFocused && styles['input:focus'],
+                        caretColorStyle,
+                    ],
+                },
+            ] }, maskProps, { ref: innerInputRef, "data-testid": testId })) })));
+});
+exports.TextInput.styleRegistryName = 'TextInput';
+exports.TextInput.elements = __spreadArray(__spreadArray([], InputBase_1.InputBase.elements, true), ['input', 'placeholder', 'selection'], false);
+exports.TextInput.rootElement = 'wrapper';
+exports.TextInput.withVariantTypes = function (styles) {
+    return exports.TextInput;
+};
+exports.TextInput.defaultProps = {
+    hiddenIcon: 'input-visiblity:hidden',
+    visibleIcon: 'input-visiblity:visible',
+    masking: null,
+};
+WebStyleRegistry_1.WebStyleRegistry.registerComponent(exports.TextInput);
+//# sourceMappingURL=index.js.map

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

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

package/dist/components/TextInput/mask.d.ts

@@ -0,0 +1,5 @@
+import { InputMaskProps, MaskProps, TextInputMaskTypeProp } from './types';
+export declare const getMaskInputProps: ({ masking }: InputMaskProps) => MaskProps & {
+    notSaveFormatted: boolean;
+};
+export declare const maskPreset: Record<TextInputMaskTypeProp | 'cel-phone-brl', MaskProps>;

package/dist/components/TextInput/mask.js

@@ -0,0 +1,110 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.maskPreset = exports.getMaskInputProps = void 0;
+var common_1 = require("@codeleap/common");
+var getMaskInputProps = function (_a) {
+    var _b, _c, _d;
+    var masking = _a.masking;
+    var _e = masking.type, type = _e === void 0 ? 'custom' : _e, _f = masking.options, options = _f === void 0 ? {} : _f;
+    var maskType = (_c = (_b = masking === null || masking === void 0 ? void 0 : masking.options) === null || _b === void 0 ? void 0 : _b.maskType) !== null && _c !== void 0 ? _c : 'INTERNATIONAL';
+    var phoneType = maskType === 'INTERNATIONAL' ? 'cel-phone' : 'cel-phone-brl';
+    var presetProps = (masking === null || masking === void 0 ? void 0 : masking.type) === 'cel-phone' ? exports.maskPreset[phoneType] : exports.maskPreset[type];
+    var isObfuscated = (options === null || options === void 0 ? void 0 : options.obfuscated) === true && {
+        type: 'password',
+    };
+    var notSaveFormatted = (common_1.TypeGuards.isBoolean(masking === null || masking === void 0 ? void 0 : masking.saveFormatted) && (masking === null || masking === void 0 ? void 0 : masking.saveFormatted) === false);
+    var props = __assign(__assign(__assign(__assign({}, presetProps), options), isObfuscated), { notSaveFormatted: notSaveFormatted, beforeMaskedValueChange: masking === null || masking === void 0 ? void 0 : masking.onChangeMask });
+    var defaultGetRawValue = function (value) {
+        var _a;
+        return (_a = String(value)) === null || _a === void 0 ? void 0 : _a.replace(/\D/g, '');
+    };
+    return __assign(__assign({}, props), { validator: notSaveFormatted ? null : props === null || props === void 0 ? void 0 : props.validator, getRawValue: (_d = props === null || props === void 0 ? void 0 : props.getRawValue) !== null && _d !== void 0 ? _d : defaultGetRawValue });
+};
+exports.getMaskInputProps = getMaskInputProps;
+var format = {
+    number: "['0123456789']",
+};
+var validatorRegExp = function (value, regex, error) {
+    var isValid = regex.test(String(value));
+    return {
+        valid: isValid,
+        message: error,
+    };
+};
+exports.maskPreset = {
+    'credit-card': {
+        mask: '9999 9999 9999 9999',
+        placeholder: 'xxxx xxxx xxxx xxxx',
+        formatChars: {
+            '9': format.number,
+        },
+        validator: function (value) {
+            return validatorRegExp(value, /^\d{4}\s?\d{4}\s?\d{4}\s?\d{4}$/, 'Invalid information');
+        },
+    },
+    'cpf': {
+        mask: '999.999.999-99',
+        placeholder: 'xxx.xxx.xxx-xx',
+        formatChars: {
+            '9': format.number,
+        },
+        validator: function (value) {
+            return validatorRegExp(value, /^\d{3}\.\d{3}\.\d{3}-\d{2}$/, 'Invalid CPF');
+        },
+    },
+    'cnpj': {
+        mask: '99.999.999/9999-99',
+        placeholder: 'xx.xxx.xxx/xxxx-xx',
+        formatChars: {
+            '9': format.number,
+        },
+        validator: function (value) {
+            return validatorRegExp(value, /^\d{2}\.\d{3}\.\d{3}\/\d{4}-\d{2}$/, 'Invalid CNPJ');
+        },
+    },
+    'zip-code': {
+        mask: '99999-999',
+        placeholder: 'xxxxx-xxx',
+        formatChars: {
+            '9': format.number,
+        },
+        validator: function (value) {
+            return validatorRegExp(value, /^\d{5}-\d{3}$/, 'Invalid zip code');
+        },
+    },
+    'cel-phone': {
+        mask: '+999 999 999 999',
+        placeholder: '+xxx xxx xxx xxx',
+        maskType: 'INTERNATIONAL',
+        formatChars: {
+            '9': format.number,
+        },
+        validator: function (value) {
+            return validatorRegExp(value, /^\+\d{3}\s\d{3}\s\d{3}\s\d{3}$/, 'Invalid phone');
+        },
+    },
+    'cel-phone-brl': {
+        mask: '(99) 99999-9999',
+        placeholder: '(xx) xxxxx-xxxx',
+        maskType: 'BRL',
+        formatChars: {
+            '9': format.number,
+        },
+        validator: function (value) {
+            return validatorRegExp(value, /^\(?\d{2}\)?\s?9?\d{4}-\d{4}$/, 'Invalid phone');
+        },
+    },
+    'custom': {},
+};
+//# sourceMappingURL=mask.js.map

package/dist/components/TextInput/mask.js.map

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

package/dist/components/TextInput/styles.d.ts

@@ -0,0 +1,7 @@
+import { ActionIconParts } from '../ActionIcon';
+import { InputBaseParts, InputBaseStates } from '../InputBase';
+type TextInputParts = InputBaseParts | 'input' | 'placeholder' | 'selection';
+export type TextInputStates = InputBaseStates | 'multiline' | 'hasMultipleLines';
+export type IconParts = Exclude<ActionIconParts, 'icon' | 'icon:disabled'>;
+export type TextInputComposition = `${TextInputParts}:${TextInputStates}` | TextInputParts;
+export {};

package/dist/components/TextInput/styles.js

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=styles.js.map

package/dist/components/TextInput/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/components/TextInput/styles.ts"],"names":[],"mappings":""}

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

@@ -0,0 +1,64 @@
+import { FormTypes, yup } from '@codeleap/common';
+import { TouchableProps } from '../Touchable';
+import { AppIcon, StyledProp } from '@codeleap/styles';
+import { InputBaseProps } from '../InputBase';
+import { HTMLProps } from '../../types';
+import { TextInputComposition } from './styles';
+type NativeTextInputProps = HTMLProps<'input'>;
+export type TextInputProps = Omit<InputBaseProps, 'style'> & Omit<NativeTextInputProps, 'value' | 'crossOrigin' | 'ref' | 'style'> & {
+    style?: StyledProp<TextInputComposition>;
+    password?: boolean;
+    validate?: FormTypes.ValidatorWithoutForm<string> | yup.SchemaOf<string>;
+    debugName?: string;
+    visibilityToggle?: boolean;
+    value?: NativeTextInputProps['value'];
+    multiline?: boolean;
+    onPress?: TouchableProps['onPress'];
+    onChangeText?: (textValue: string) => void;
+    caretColor?: string;
+    focused?: boolean;
+    _error?: boolean;
+    rows?: number;
+    masking?: TextInputMaskingProps;
+    visibleIcon?: AppIcon;
+    hiddenIcon?: AppIcon;
+};
+export type InputRef = {
+    isTextInput?: boolean;
+    focus: () => void;
+    getInputRef: () => HTMLInputElement;
+};
+type beforeMaskedValueChangeArgs = {
+    state: {
+        value: string | undefined;
+        selection: {
+            start: number;
+            end: number;
+            length?: number;
+        };
+    };
+    userInput: null | string;
+};
+export type FormatChar = `[${string}]`;
+export type MaskProps = {
+    obfuscated?: boolean;
+    mask?: string;
+    placeholder?: string;
+    maskChar?: string;
+    formatChars?: Record<string, FormatChar>;
+    alwaysShowMask?: boolean;
+    validator?: FormTypes.ValidatorFunctionWithoutForm;
+    maskType?: 'BRL' | 'INTERNATIONAL';
+    getRawValue?: (value: any) => string;
+};
+export type TextInputMaskTypeProp = 'credit-card' | 'cpf' | 'cnpj' | 'zip-code' | 'cel-phone' | 'custom';
+export interface TextInputMaskingProps {
+    type: TextInputMaskTypeProp;
+    options?: MaskProps;
+    onChangeMask?: (newState: beforeMaskedValueChangeArgs['state'], oldState: beforeMaskedValueChangeArgs['state'], userInput: beforeMaskedValueChangeArgs['userInput']) => beforeMaskedValueChangeArgs['state'];
+    saveFormatted?: boolean;
+}
+export type InputMaskProps = {
+    masking: TextInputMaskingProps;
+};
+export {};

package/dist/components/TextInput/types.js

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=types.js.map

package/dist/components/TextInput/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/components/TextInput/types.ts"],"names":[],"mappings":""}

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

@@ -0,0 +1,12 @@
+import { TooltipProps } from './types';
+import { AnyRecord, IJSX, StyledComponentProps } from '@codeleap/styles';
+export * from './styles';
+export * from './types';
+export declare const Tooltip: {
+    (props: TooltipProps): import("@emotion/react/jsx-runtime").JSX.Element;
+    styleRegistryName: string;
+    elements: string[];
+    rootElement: string;
+    withVariantTypes<S extends AnyRecord>(styles: S): (props: StyledComponentProps<TooltipProps, S>) => IJSX;
+    defaultProps: Partial<TooltipProps>;
+};

package/dist/components/Tooltip/index.js

@@ -0,0 +1,133 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+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);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Tooltip = void 0;
+var jsx_runtime_1 = require("@emotion/react/jsx-runtime");
+var react_1 = __importDefault(require("react"));
+var react_tooltip_1 = require("@radix-ui/react-tooltip");
+var common_1 = require("@codeleap/common");
+var View_1 = require("../View");
+var lib_1 = require("../../lib");
+var WebStyleRegistry_1 = require("../../lib/WebStyleRegistry");
+var useStylesFor_1 = require("../../lib/hooks/useStylesFor");
+__exportStar(require("./styles"), exports);
+__exportStar(require("./types"), exports);
+var Tooltip = function (props) {
+    var allProps = __assign(__assign({}, exports.Tooltip.defaultProps), props);
+    var _toggle = allProps.toggle, _visible = allProps.visible, children = allProps.children, Content = allProps.content, triggerWrapperProps = allProps.triggerWrapperProps, TriggerWrapper = allProps.triggerWrapper, side = allProps.side, disabled = allProps.disabled, delayDuration = allProps.delayDuration, openOnPress = allProps.openOnPress, openOnHover = allProps.openOnHover, onOpen = allProps.onOpen, onClose = allProps.onClose, onValueChange = allProps.onValueChange, onHover = allProps.onHover, onPress = allProps.onPress, contentProps = allProps.contentProps, portalProps = allProps.portalProps, arrowProps = allProps.arrowProps, triggerProps = allProps.triggerProps, providerProps = allProps.providerProps, closeOnClickOutside = allProps.closeOnClickOutside, style = allProps.style, rest = __rest(allProps, ["toggle", "visible", "children", "content", "triggerWrapperProps", "triggerWrapper", "side", "disabled", "delayDuration", "openOnPress", "openOnHover", "onOpen", "onClose", "onValueChange", "onHover", "onPress", "contentProps", "portalProps", "arrowProps", "triggerProps", "providerProps", "closeOnClickOutside", "style"]);
+    var styles = (0, useStylesFor_1.useStylesFor)(exports.Tooltip.styleRegistryName, style);
+    var _a = (0, common_1.useConditionalState)(_visible, _toggle, { initialValue: false }), visible = _a[0], toggle = _a[1];
+    var tooltipDirectionStyle = react_1.default.useMemo(function () {
+        return side ? styles["content:".concat(side)] : styles.content;
+    }, [side, styles]);
+    function handleToggle(_value, isToggle) {
+        if (isToggle === void 0) { isToggle = true; }
+        if (disabled)
+            return;
+        if (_value === true) {
+            onOpen === null || onOpen === void 0 ? void 0 : onOpen();
+        }
+        else {
+            onClose === null || onClose === void 0 ? void 0 : onClose();
+        }
+        if (isToggle)
+            toggle(_value);
+        if (common_1.TypeGuards.isFunction(onValueChange))
+            onValueChange === null || onValueChange === void 0 ? void 0 : onValueChange(_value);
+    }
+    var onOpenChange = react_1.default.useCallback(function (_open) {
+        handleToggle(_open, false);
+    }, [handleToggle]);
+    var _onHover = function (type) {
+        if (!openOnHover || disabled)
+            return;
+        var value = !visible;
+        if (type === 'leave' && visible === false)
+            return;
+        handleToggle(value);
+        if (common_1.TypeGuards.isFunction(onHover))
+            onHover === null || onHover === void 0 ? void 0 : onHover(type, value);
+    };
+    var _onPress = function () {
+        if (!openOnPress || disabled)
+            return;
+        var value = !visible;
+        handleToggle(value);
+        if (common_1.TypeGuards.isFunction(onPress))
+            onPress === null || onPress === void 0 ? void 0 : onPress(value);
+    };
+    var triggerRef = react_1.default.useRef(null);
+    var contentRef = (0, lib_1.useClickOutsideElement)(function (isOutside) {
+        if (isOutside && closeOnClickOutside && !openOnHover && visible) {
+            handleToggle(false);
+        }
+    }, [triggerRef]);
+    return ((0, jsx_runtime_1.jsx)(react_tooltip_1.Provider, __assign({}, providerProps, { children: (0, jsx_runtime_1.jsxs)(react_tooltip_1.Root, __assign({ delayDuration: delayDuration, open: visible, onOpenChange: onOpenChange }, rest, { children: [(0, jsx_runtime_1.jsx)(react_tooltip_1.Trigger, __assign({ onClick: _onPress, onMouseEnter: function () { return _onHover('enter'); }, onMouseLeave: function () { return _onHover('leave'); }, asChild: true, ref: triggerRef }, triggerProps, { 
+                    //@ts-expect-error
+                    css: styles.triggerWrapper }, { children: (0, jsx_runtime_1.jsx)(TriggerWrapper, __assign({}, allProps, triggerWrapperProps, { css: styles.triggerInnerWrapper }, { children: children })) })), (0, jsx_runtime_1.jsx)(react_tooltip_1.Portal, __assign({}, portalProps, { children: (0, jsx_runtime_1.jsxs)(react_tooltip_1.Content, __assign({ ref: contentRef, css: [tooltipDirectionStyle, styles.content], sideOffset: 2, side: side }, contentProps, { children: [common_1.TypeGuards.isFunction(Content)
+                                ? (0, jsx_runtime_1.jsx)(Content, __assign({}, allProps, { visible: visible, toggle: toggle, variantsStyles: styles }))
+                                : Content, (0, jsx_runtime_1.jsx)(react_tooltip_1.Arrow, __assign({}, arrowProps, { 
+                                //@ts-expect-error icss type
+                                css: styles.arrow }))] })) }))] })) })));
+};
+exports.Tooltip = Tooltip;
+exports.Tooltip.styleRegistryName = 'Tooltip';
+exports.Tooltip.elements = [
+    'content',
+    'arrow',
+    'triggerWrapper',
+    'triggerInnerWrapper',
+];
+exports.Tooltip.rootElement = 'content';
+exports.Tooltip.withVariantTypes = function (styles) {
+    return exports.Tooltip;
+};
+exports.Tooltip.defaultProps = {
+    openOnPress: true,
+    openOnHover: true,
+    disabled: false,
+    delayDuration: 0,
+    closeOnClickOutside: false,
+    side: 'bottom',
+    triggerWrapper: View_1.View,
+};
+WebStyleRegistry_1.WebStyleRegistry.registerComponent(exports.Tooltip);
+//# sourceMappingURL=index.js.map

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

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

package/dist/components/Tooltip/styles.d.ts

@@ -0,0 +1,4 @@
+export type TooltipSide = 'left' | 'right' | 'bottom' | 'top';
+export type TooltipState = 'delayed-open' | 'closed' | 'instant-open' | 'disabled';
+export type TooltipParts = 'arrow' | 'content' | 'triggerWrapper' | 'triggerInnerWrapper';
+export type TooltipComposition = `content:${TooltipSide}` | TooltipParts;

package/dist/components/Tooltip/styles.js

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=styles.js.map

package/dist/components/Tooltip/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/components/Tooltip/styles.ts"],"names":[],"mappings":""}