@codeleap/web 4.1.0 → 4.2.2

package/dist/components/Tag/index.js

@@ -0,0 +1,86 @@
+"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.Tag = void 0;
+var jsx_runtime_1 = require("@emotion/react/jsx-runtime");
+var react_1 = __importDefault(require("react"));
+var common_1 = require("@codeleap/common");
+var Icon_1 = require("../Icon");
+var Text_1 = require("../Text");
+var Touchable_1 = require("../Touchable");
+var View_1 = require("../View");
+var Badge_1 = require("../Badge");
+var useStylesFor_1 = require("../../lib/hooks/useStylesFor");
+var WebStyleRegistry_1 = require("../../lib/WebStyleRegistry");
+var styles_1 = require("@codeleap/styles");
+__exportStar(require("./styles"), exports);
+__exportStar(require("./types"), exports);
+var Tag = function (props) {
+    var _a = __assign(__assign({}, exports.Tag.defaultProps), props), rightComponent = _a.rightComponent, leftComponent = _a.leftComponent, style = _a.style, leftIcon = _a.leftIcon, text = _a.text, textProps = _a.textProps, rightIcon = _a.rightIcon, rightIconProps = _a.rightIconProps, leftIconProps = _a.leftIconProps, leftBadgeProps = _a.leftBadgeProps, leftBadge = _a.leftBadge, rightBadge = _a.rightBadge, rightBadgeProps = _a.rightBadgeProps, children = _a.children, onPress = _a.onPress, disabled = _a.disabled, touchableProps = __rest(_a, ["rightComponent", "leftComponent", "style", "leftIcon", "text", "textProps", "rightIcon", "rightIconProps", "leftIconProps", "leftBadgeProps", "leftBadge", "rightBadge", "rightBadgeProps", "children", "onPress", "disabled"]);
+    var styles = (0, useStylesFor_1.useStylesFor)(exports.Tag.styleRegistryName, style);
+    var compositionStyles = (0, styles_1.useCompositionStyles)(['rightBadge', 'leftBadge'], styles);
+    var isPressable = common_1.TypeGuards.isFunction(onPress);
+    var Wrapper = isPressable ? Touchable_1.Touchable : View_1.View;
+    var wrapperProps = isPressable ? __assign({ onPress: onPress }, touchableProps) : touchableProps;
+    var getStylesByKey = function (styleKey) { return (0, styles_1.mergeStyles)([
+        styles === null || styles === void 0 ? void 0 : styles[styleKey],
+        isPressable && styles["".concat(styleKey, ":pressable")],
+        disabled && styles["".concat(styleKey, ":disabled")],
+    ]); };
+    var wrapperStyles = react_1.default.useMemo(function () { return getStylesByKey('wrapper'); }, [styles, disabled, isPressable, style]);
+    var textStyles = react_1.default.useMemo(function () { return getStylesByKey('text'); }, [styles, disabled, isPressable]);
+    var leftIconStyles = react_1.default.useMemo(function () { return getStylesByKey('leftIcon'); }, [styles, disabled, isPressable]);
+    var rightIconStyles = react_1.default.useMemo(function () { return getStylesByKey('rightIcon'); }, [styles, disabled, isPressable]);
+    return ((0, jsx_runtime_1.jsxs)(Wrapper, __assign({ disabled: disabled }, wrapperProps, { style: wrapperStyles }, { children: [leftComponent, leftBadge && ((0, jsx_runtime_1.jsx)(Badge_1.Badge, __assign({ debugName: "".concat(touchableProps === null || touchableProps === void 0 ? void 0 : touchableProps.debugName, ":leftBadge"), style: compositionStyles.leftBadge, badge: leftBadge, disabled: disabled }, leftBadgeProps))), !common_1.TypeGuards.isNil(leftIcon) && ((0, jsx_runtime_1.jsx)(Icon_1.Icon, __assign({ debugName: "".concat(touchableProps === null || touchableProps === void 0 ? void 0 : touchableProps.debugName, ":leftIcon"), style: leftIconStyles, name: leftIcon }, leftIconProps))), common_1.TypeGuards.isString(text) ? (0, jsx_runtime_1.jsx)(Text_1.Text, __assign({ text: text, style: textStyles }, textProps)) : text, children, !common_1.TypeGuards.isNil(rightIcon) && ((0, jsx_runtime_1.jsx)(Icon_1.Icon, __assign({ debugName: "".concat(touchableProps === null || touchableProps === void 0 ? void 0 : touchableProps.debugName, ":rightIcon"), style: rightIconStyles, name: rightIcon }, rightIconProps))), rightBadge && ((0, jsx_runtime_1.jsx)(Badge_1.Badge, __assign({ debugName: "".concat(touchableProps === null || touchableProps === void 0 ? void 0 : touchableProps.debugName, ":rightBadge"), style: compositionStyles.rightBadge, badge: rightBadge, disabled: disabled }, rightBadgeProps))), rightComponent] })));
+};
+exports.Tag = Tag;
+exports.Tag.styleRegistryName = 'Tag';
+exports.Tag.elements = ['wrapper', 'text', 'leftIcon', 'rightIcon', 'leftBadge', 'rightBadge'];
+exports.Tag.rootElement = 'wrapper';
+exports.Tag.withVariantTypes = function (styles) {
+    return exports.Tag;
+};
+exports.Tag.defaultProps = {
+    debugName: 'Tag component',
+    disabled: false,
+};
+WebStyleRegistry_1.WebStyleRegistry.registerComponent(exports.Tag);
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Tag/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAAyB;AACzB,2CAA6C;AAG7C,gCAA8B;AAC9B,gCAA8B;AAC9B,0CAAwC;AACxC,gCAA8B;AAC9B,kCAAgC;AAChC,6DAA2D;AAC3D,+DAA6D;AAC7D,2CAA2G;AAE3G,2CAAwB;AACxB,0CAAuB;AAEhB,IAAM,GAAG,GAAG,UAAC,KAAe;IACjC,IAAM,2BAmBD,WAAG,CAAC,YAAY,GAChB,KAAK,CACT,EApBC,cAAc,oBAAA,EACd,aAAa,mBAAA,EACb,KAAK,WAAA,EACL,QAAQ,cAAA,EACR,IAAI,UAAA,EACJ,SAAS,eAAA,EACT,SAAS,eAAA,EACT,cAAc,oBAAA,EACd,aAAa,mBAAA,EACb,cAAc,oBAAA,EACd,SAAS,eAAA,EACT,UAAU,gBAAA,EACV,eAAe,qBAAA,EACf,QAAQ,cAAA,EACR,OAAO,aAAA,EACP,QAAQ,cAAA,EACL,cAAc,cAjBb,gOAkBL,CAGA,CAAA;IAED,IAAM,MAAM,GAAG,IAAA,2BAAY,EAAC,WAAG,CAAC,iBAAiB,EAAE,KAAK,CAAC,CAAA;IAEzD,IAAM,iBAAiB,GAAG,IAAA,6BAAoB,EAAC,CAAC,YAAY,EAAE,WAAW,CAAC,EAAE,MAAM,CAAC,CAAA;IAEnF,IAAM,WAAW,GAAG,mBAAU,CAAC,UAAU,CAAC,OAAO,CAAC,CAAA;IAElD,IAAM,OAAO,GAAQ,WAAW,CAAC,CAAC,CAAC,qBAAS,CAAC,CAAC,CAAC,WAAI,CAAA;IAEnD,IAAM,YAAY,GAAG,WAAW,CAAC,CAAC,YAAG,OAAO,SAAA,IAAK,cAAc,EAAG,CAAC,CAAC,cAAc,CAAA;IAElF,IAAM,cAAc,GAAG,UAAC,QAAkB,IAAK,OAAA,IAAA,oBAAW,EAAC;QACzD,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAG,QAAQ,CAAC;QAClB,WAAW,IAAI,MAAM,CAAC,UAAG,QAAQ,eAAY,CAAC;QAC9C,QAAQ,IAAI,MAAM,CAAC,UAAG,QAAQ,cAAW,CAAC;KAC3C,CAAC,EAJ6C,CAI7C,CAAA;IAEF,IAAM,aAAa,GAAG,eAAK,CAAC,OAAO,CAAC,cAAM,OAAA,cAAc,CAAC,SAAS,CAAC,EAAzB,CAAyB,EAAE,CAAC,MAAM,EAAE,QAAQ,EAAE,WAAW,EAAE,KAAK,CAAC,CAAC,CAAA;IAC5G,IAAM,UAAU,GAAG,eAAK,CAAC,OAAO,CAAC,cAAM,OAAA,cAAc,CAAC,MAAM,CAAC,EAAtB,CAAsB,EAAE,CAAC,MAAM,EAAE,QAAQ,EAAE,WAAW,CAAC,CAAC,CAAA;IAC/F,IAAM,cAAc,GAAG,eAAK,CAAC,OAAO,CAAC,cAAM,OAAA,cAAc,CAAC,UAAU,CAAC,EAA1B,CAA0B,EAAE,CAAC,MAAM,EAAE,QAAQ,EAAE,WAAW,CAAC,CAAC,CAAA;IACvG,IAAM,eAAe,GAAG,eAAK,CAAC,OAAO,CAAC,cAAM,OAAA,cAAc,CAAC,WAAW,CAAC,EAA3B,CAA2B,EAAE,CAAC,MAAM,EAAE,QAAQ,EAAE,WAAW,CAAC,CAAC,CAAA;IAEzG,OAAO,CACL,wBAAC,OAAO,aAAC,QAAQ,EAAE,QAAQ,IAAM,YAAY,IAAE,KAAK,EAAE,aAAa,iBAChE,aAAa,EACb,SAAS,IAAI,CACZ,uBAAC,aAAK,aACJ,SAAS,EAAE,UAAG,cAAc,aAAd,cAAc,uBAAd,cAAc,CAAE,SAAS,eAAY,EACnD,KAAK,EAAE,iBAAiB,CAAC,SAAS,EAClC,KAAK,EAAE,SAAS,EAChB,QAAQ,EAAE,QAAQ,IACd,cAAc,EAClB,CACH,EACA,CAAC,mBAAU,CAAC,KAAK,CAAC,QAAQ,CAAC,IAAI,CAC9B,uBAAC,WAAI,aACH,SAAS,EAAE,UAAG,cAAc,aAAd,cAAc,uBAAd,cAAc,CAAE,SAAS,cAAW,EAClD,KAAK,EAAE,cAAc,EACrB,IAAI,EAAE,QAAQ,IACV,aAAa,EACjB,CACH,EAEA,mBAAU,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,uBAAC,WAAI,aAAC,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,UAAU,IAAM,SAAS,EAAI,CAAC,CAAC,CAAC,IAAI,EACzF,QAAQ,EAER,CAAC,mBAAU,CAAC,KAAK,CAAC,SAAS,CAAC,IAAI,CAC/B,uBAAC,WAAI,aACH,SAAS,EAAE,UAAG,cAAc,aAAd,cAAc,uBAAd,cAAc,CAAE,SAAS,eAAY,EACnD,KAAK,EAAE,eAAe,EACtB,IAAI,EAAE,SAAS,IACX,cAAc,EAClB,CACH,EACA,UAAU,IAAI,CACb,uBAAC,aAAK,aACJ,SAAS,EAAE,UAAG,cAAc,aAAd,cAAc,uBAAd,cAAc,CAAE,SAAS,gBAAa,EACpD,KAAK,EAAE,iBAAiB,CAAC,UAAU,EACnC,KAAK,EAAE,UAAU,EACjB,QAAQ,EAAE,QAAQ,IACd,eAAe,EACnB,CACH,EACA,cAAc,KACP,CACX,CAAA;AACH,CAAC,CAAA;AAzFY,QAAA,GAAG,OAyFf;AAED,WAAG,CAAC,iBAAiB,GAAG,KAAK,CAAA;AAC7B,WAAG,CAAC,QAAQ,GAAG,CAAC,SAAS,EAAE,MAAM,EAAE,UAAU,EAAE,WAAW,EAAE,WAAW,EAAE,YAAY,CAAC,CAAA;AACtF,WAAG,CAAC,WAAW,GAAG,SAAS,CAAA;AAE3B,WAAG,CAAC,gBAAgB,GAAG,UAAsB,MAAS;IACpD,OAAO,WAAqE,CAAA;AAC9E,CAAC,CAAA;AAED,WAAG,CAAC,YAAY,GAAG;IACjB,SAAS,EAAE,eAAe;IAC1B,QAAQ,EAAE,KAAK;CACK,CAAA;AAEtB,mCAAgB,CAAC,iBAAiB,CAAC,WAAG,CAAC,CAAA"}

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

@@ -0,0 +1,6 @@
+import { BadgeComposition } from '../Badge';
+export type TagStates = 'pressable' | 'disabled';
+type TagBadgeParts = `leftBadge${Capitalize<BadgeComposition>}` | `rightBadge${Capitalize<BadgeComposition>}`;
+export type TagParts = `wrapper` | 'text' | 'leftIcon' | 'rightIcon';
+export type TagComposition = TagParts | TagBadgeParts | `${TagParts}:${TagStates}`;
+export {};

package/dist/components/Tag/styles.js

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

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

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

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

@@ -0,0 +1,24 @@
+import { AppIcon, StyledProp } from '@codeleap/styles';
+import { ReactElement } from 'react';
+import { TagComposition } from './styles';
+import { BadgeProps } from '../Badge';
+import { TextProps } from '../Text';
+import { IconProps } from '../Icon';
+import { ComponentCommonProps } from '../../types';
+import { TouchableProps } from '../Touchable';
+import { ViewProps } from '../View';
+export type TagProps = Omit<ViewProps, 'style'> & Omit<TouchableProps, 'style'> & ComponentCommonProps & {
+    style?: StyledProp<TagComposition>;
+    text?: TextProps<'p'>['text'] | ReactElement;
+    textProps?: Partial<TextProps<'p'>>;
+    leftIcon?: AppIcon;
+    leftIconProps?: Partial<IconProps>;
+    rightIcon?: AppIcon;
+    rightIconProps?: Partial<IconProps>;
+    leftComponent?: ReactElement;
+    rightComponent?: ReactElement;
+    leftBadge?: BadgeProps['badge'];
+    rightBadge?: BadgeProps['badge'];
+    leftBadgeProps?: Partial<BadgeProps>;
+    rightBadgeProps?: Partial<BadgeProps>;
+};

package/dist/components/Tag/types.js

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

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

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

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

@@ -0,0 +1,5 @@
+import { TextProps } from './types';
+import { StyledComponentWithProps } from '@codeleap/styles';
+export * from './styles';
+export * from './types';
+export declare const Text: StyledComponentWithProps<TextProps>;

package/dist/components/Text/index.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);
+};
+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;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Text = void 0;
+var jsx_runtime_1 = require("@emotion/react/jsx-runtime");
+var common_1 = require("@codeleap/common");
+var framer_motion_1 = require("framer-motion");
+var react_1 = __importStar(require("react"));
+var useStylesFor_1 = require("../../lib/hooks/useStylesFor");
+var WebStyleRegistry_1 = require("../../lib/WebStyleRegistry");
+__exportStar(require("./styles"), exports);
+__exportStar(require("./types"), exports);
+exports.Text = (0, react_1.forwardRef)(function (textProps, ref) {
+    var _a = __assign(__assign({}, exports.Text.defaultProps), textProps), style = _a.style, text = _a.text, children = _a.children, component = _a.component, debugName = _a.debugName, onPress = _a.onPress, debounce = _a.debounce, pressDisabled = _a.pressDisabled, onClick = _a.onClick, animated = _a.animated, animatedProps = _a.animatedProps, props = __rest(_a, ["style", "text", "children", "component", "debugName", "onPress", "debounce", "pressDisabled", "onClick", "animated", "animatedProps"]);
+    var styles = (0, useStylesFor_1.useStylesFor)(exports.Text.styleRegistryName, style);
+    var Component = animated ? ((framer_motion_1.motion === null || framer_motion_1.motion === void 0 ? void 0 : framer_motion_1.motion[component]) || framer_motion_1.motion.p) : (component || 'p');
+    var pressedRef = react_1.default.useRef(false);
+    var isPressable = (common_1.TypeGuards.isFunction(onPress) || common_1.TypeGuards.isFunction(onClick)) && !pressDisabled;
+    var disabled = isPressable === false;
+    var _onPress = function (e) {
+        if (disabled)
+            return;
+        var handlePress = function () {
+            onClick === null || onClick === void 0 ? void 0 : onClick(e);
+            onPress === null || onPress === void 0 ? void 0 : onPress(e);
+        };
+        if (common_1.TypeGuards.isNumber(debounce)) {
+            if (pressedRef.current) {
+                return;
+            }
+            pressedRef.current = true;
+            handlePress();
+            setTimeout(function () {
+                pressedRef.current = false;
+            }, debounce);
+        }
+        else {
+            handlePress();
+        }
+    };
+    var pressProps = isPressable ? {
+        onClick: disabled ? null : _onPress,
+    } : {};
+    var componentProps = __assign(__assign(__assign({}, props), pressProps), animatedProps);
+    return ((0, jsx_runtime_1.jsx)(Component, __assign({}, componentProps, { ref: ref, css: [styles.text, disabled && styles['text:disabled']] }, { children: text || children })));
+});
+exports.Text.styleRegistryName = 'Text';
+exports.Text.elements = ['text'];
+exports.Text.rootElement = 'text';
+exports.Text.withVariantTypes = function (styles) {
+    return exports.Text;
+};
+exports.Text.defaultProps = {
+    debugName: 'Text component',
+    component: 'p',
+    text: null,
+    debounce: null,
+    pressDisabled: false,
+    animated: false,
+    animatedProps: {},
+};
+WebStyleRegistry_1.WebStyleRegistry.registerComponent(exports.Text);
+//# sourceMappingURL=index.js.map

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

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

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

@@ -0,0 +1 @@
+export type TextComposition = 'text' | 'text:disabled';

package/dist/components/Text/styles.js

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

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

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

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

@@ -0,0 +1,15 @@
+import { ComponentPropsWithoutRef, ElementType } from 'react';
+import { TextComposition } from './styles';
+import { AnyRecord, StyledProp } from '@codeleap/styles';
+import { MotionProps } from 'framer-motion';
+export type TextProps<T extends ElementType = 'p'> = Omit<ComponentPropsWithoutRef<T>, 'style'> & {
+    component?: ElementType<AnyRecord>;
+    text?: string;
+    style?: StyledProp<TextComposition>;
+    debugName?: string;
+    debounce?: number;
+    pressDisabled?: boolean;
+    onPress?: (event: React.MouseEventHandler<T>) => void;
+    animated?: boolean;
+    animatedProps?: Partial<MotionProps>;
+};

package/dist/components/Text/types.js

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

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

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

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

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

package/dist/components/TextEditor/index.js

@@ -0,0 +1,108 @@
+"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 __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TextEditor = void 0;
+var jsx_runtime_1 = require("@emotion/react/jsx-runtime");
+var react_1 = __importDefault(require("react"));
+var common_1 = require("@codeleap/common");
+var react_2 = require("@tiptap/react");
+var components_1 = require("../components");
+var useStylesFor_1 = require("../../lib/hooks/useStylesFor");
+var WebStyleRegistry_1 = require("../../lib/WebStyleRegistry");
+__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 styles = (0, useStylesFor_1.useStylesFor)(exports.TextEditor.styleRegistryName, style);
+    var _d = (0, common_1.useState)(false), _isFocused = _d[0], setIsFocused = _d[1];
+    var validation = (0, common_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 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]);
+    (0, common_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);
+        return function () {
+            editor === null || editor === void 0 ? void 0 : editor.off('blur', handleBlur);
+            editor === null || editor === void 0 ? void 0 : editor.off('focus', handleFocus);
+        };
+    }, [editor, handleBlur, handleFocus]);
+    var _BubbleMenu = (0, common_1.useCallback)(function () {
+        return (
+        // @ts-expect-error icss type
+        (0, jsx_runtime_1.jsx)(react_2.BubbleMenu, __assign({ css: [styles.bubbleMenu] }, bubbleMenuProps, { editor: editor }, { children: (0, jsx_runtime_1.jsx)(components_1.View, __assign({ style: styles.bubbleMenuInnerWrapper }, { children: bubbleMenuProps === null || bubbleMenuProps === void 0 ? void 0 : bubbleMenuProps.renderContent })) })));
+    }, [editor]);
+    var _FloatingMenu = (0, common_1.useCallback)(function () {
+        return (
+        // @ts-expect-error icss type
+        (0, jsx_runtime_1.jsx)(react_2.FloatingMenu, __assign({ css: [styles.floatingMenu] }, floatingMenuProps, { editor: editor }, { children: (0, jsx_runtime_1.jsx)(components_1.View, __assign({ style: styles.floatingMenuInnerWrapper }, { children: floatingMenuProps === null || floatingMenuProps === void 0 ? void 0 : floatingMenuProps.renderContent })) })));
+    }, [editor]);
+    var editorStyles = [
+        styles.editor,
+        hasError && 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'],
+            {
+                '.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 })] })));
+};
+exports.TextEditor = TextEditor;
+exports.TextEditor.styleRegistryName = 'TextEditor';
+exports.TextEditor.elements = [
+    'wrapper',
+    'editor',
+    'floatingMenu',
+    'bubbleMenu',
+    'bubbleMenuInnerWrapper',
+    'floatingMenuInnerWrapper',
+    'errorMessage',
+];
+exports.TextEditor.rootElement = 'wrapper';
+exports.TextEditor.withVariantTypes = function (styles) {
+    return exports.TextEditor;
+};
+exports.TextEditor.defaultProps = {};
+WebStyleRegistry_1.WebStyleRegistry.registerComponent(exports.TextEditor);
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/TextEditor/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAAyB;AACzB,2CAA+E;AAC/E,uCAAuE;AACvE,4CAAqD;AAErD,6DAA2D;AAC3D,+DAA6D;AAG7D,2CAAwB;AACxB,0CAAuB;AAEhB,IAAM,UAAU,GAAG,UAAC,KAAsB;;IACzC,IAAA,2BAWD,kBAAU,CAAC,YAAY,GACvB,KAAK,CACT,EAZC,QAAQ,cAAA,EACR,MAAM,YAAA,EACN,KAAK,WAAA,EACL,eAAe,qBAAA,EACf,iBAAiB,uBAAA,EACjB,gBAAgB,sBAAA,EAChB,YAAY,kBAAA,EACZ,MAAM,YAAA,EACN,QAAQ,cAIT,CAAA;IAED,IAAM,MAAM,GAAG,IAAA,2BAAY,EAAC,kBAAU,CAAC,iBAAiB,EAAE,KAAK,CAAC,CAAA;IAE1D,IAAA,KAA6B,IAAA,iBAAQ,EAAC,KAAK,CAAC,EAA3C,UAAU,QAAA,EAAE,YAAY,QAAmB,CAAA;IAClD,IAAM,UAAU,GAAG,IAAA,oBAAW,EAAC,MAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,OAAO,EAAE,mCAAI,EAAE,EAAE,QAAQ,CAAC,CAAA;IAEjE,IAAM,QAAQ,GAAG,CAAC,UAAU,CAAC,OAAO,IAAI,MAAM,CAAA;IAC9C,IAAM,YAAY,GAAG,UAAU,CAAC,OAAO,IAAI,MAAM,CAAA;IACjD,IAAM,UAAU,GAAG,MAAA,CAAC,CAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,UAAU,CAAA,mCAAI,IAAI,CAAA;IAE9C,IAAM,UAAU,GAAG,eAAK,CAAC,WAAW,CAAC;QACnC,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,cAAc,EAAE,CAAA;QAC5B,YAAY,CAAC,KAAK,CAAC,CAAA;IACrB,CAAC,EAAE,CAAC,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,cAAc,CAAC,CAAC,CAAA;IAEhC,IAAM,WAAW,GAAG,eAAK,CAAC,WAAW,CAAC;QACpC,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,cAAc,EAAE,CAAA;QAC5B,YAAY,CAAC,IAAI,CAAC,CAAA;IACpB,CAAC,EAAE,CAAC,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,cAAc,CAAC,CAAC,CAAA;IAEhC,IAAA,iBAAQ,EAAC;QACP,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,EAAE,CAAC,MAAM,EAAE,UAAU,CAAC,CAAA;QAC9B,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,EAAE,CAAC,OAAO,EAAE,WAAW,CAAC,CAAA;QAEhC,OAAO;YACL,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,GAAG,CAAC,MAAM,EAAE,UAAU,CAAC,CAAA;YAC/B,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,GAAG,CAAC,OAAO,EAAE,WAAW,CAAC,CAAA;QACnC,CAAC,CAAA;IACH,CAAC,EAAE,CAAC,MAAM,EAAE,UAAU,EAAE,WAAW,CAAC,CAAC,CAAA;IAErC,IAAM,WAAW,GAAG,IAAA,oBAAW,EAAC;QAC9B,OAAO;QACL,6BAA6B;QAC7B,uBAAC,kBAAU,aAAC,GAAG,EAAE,CAAC,MAAM,CAAC,UAAU,CAAC,IAAM,eAAe,IAAE,MAAM,EAAE,MAAM,gBACvE,uBAAC,iBAAI,aAAC,KAAK,EAAE,MAAM,CAAC,sBAAsB,gBACvC,eAAe,aAAf,eAAe,uBAAf,eAAe,CAAE,aAAa,IAC1B,IACI,CACd,CAAA;IACH,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAA;IAEZ,IAAM,aAAa,GAAG,IAAA,oBAAW,EAAC;QAChC,OAAO;QACL,6BAA6B;QAC7B,uBAAC,oBAAY,aAAC,GAAG,EAAE,CAAC,MAAM,CAAC,YAAY,CAAC,IAAM,iBAAiB,IAAE,MAAM,EAAE,MAAM,gBAC7E,uBAAC,iBAAI,aAAC,KAAK,EAAE,MAAM,CAAC,wBAAwB,gBACzC,iBAAiB,aAAjB,iBAAiB,uBAAjB,iBAAiB,CAAE,aAAa,IAC5B,IACM,CAChB,CAAA;IACH,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAA;IAEZ,IAAM,YAAY,GAAG;QACnB,MAAM,CAAC,MAAM;QACb,QAAQ,IAAI,MAAM,CAAC,cAAc,CAAC;QAClC,UAAU,IAAI,MAAM,CAAC,iBAAiB,CAAC;KACxC,CAAA;IAED,IAAI,CAAC,MAAM;QAAE,OAAO,IAAI,CAAA;IAExB,OAAO,CACL,wBAAC,iBAAI,aACH,KAAK,EAAE;YACL,MAAM,CAAC,OAAO;YACd,QAAQ,IAAI,MAAM,CAAC,eAAe,CAAC;YACnC;gBACE,SAAS,EAAE,YAAY;aACxB;SACF,iBAEA,gBAAgB,EAChB,QAAQ,EACT,uBAAC,WAAW,KAAG,EACf,uBAAC,aAAa,KAAG,EACjB,uBAAC,qBAAa,IAAC,MAAM,EAAE,MAAM,GAAI,EAChC,QAAQ,CAAC,CAAC,CAAC,uBAAC,iBAAI,IAAC,IAAI,EAAE,YAAsB,EAAE,KAAK,EAAE,MAAM,CAAC,oBAAoB,CAAC,GAAI,CAAC,CAAC,CAAC,IAAI,EAC9F,uBAAC,sBAAS,IAAC,GAAG,EAAE,YAAY,GAAI,KAC3B,CACR,CAAA;AACH,CAAC,CAAA;AA9FY,QAAA,UAAU,cA8FtB;AAED,kBAAU,CAAC,iBAAiB,GAAG,YAAY,CAAA;AAE3C,kBAAU,CAAC,QAAQ,GAAG;IACpB,SAAS;IACT,QAAQ;IACR,cAAc;IACd,YAAY;IACZ,wBAAwB;IACxB,0BAA0B;IAC1B,cAAc;CACf,CAAA;AAED,kBAAU,CAAC,WAAW,GAAG,SAAS,CAAA;AAElC,kBAAU,CAAC,gBAAgB,GAAG,UAAsB,MAAS;IAC3D,OAAO,kBAAmF,CAAA;AAC5F,CAAC,CAAA;AAED,kBAAU,CAAC,YAAY,GAAG,EAA8B,CAAA;AAExD,mCAAgB,CAAC,iBAAiB,CAAC,kBAAU,CAAC,CAAA"}

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

@@ -0,0 +1,3 @@
+export type TextEditorStates = 'error' | 'disabled';
+export type TextEditorParts = 'wrapper' | 'editor' | 'floatingMenu' | 'bubbleMenu' | 'bubbleMenuInnerWrapper' | 'floatingMenuInnerWrapper' | 'errorMessage';
+export type TextEditorComposition = `${TextEditorParts}:${TextEditorStates}` | TextEditorParts;

package/dist/components/TextEditor/styles.js

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

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

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

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

@@ -0,0 +1,25 @@
+import { RefObject } from 'react';
+import { AnyFunction, FormTypes, yup } from '@codeleap/common';
+import { StyledProp } from '@codeleap/styles';
+import { BubbleMenuProps, Editor, FloatingMenuProps } from '@tiptap/react';
+import { FileInputRef } from '../FileInput';
+import { TextEditorComposition } from './styles';
+export type TextEditorProps = React.PropsWithChildren<{
+    editor: Editor & {
+        getText: AnyFunction;
+        isEditable: boolean;
+        on: AnyFunction;
+        off: AnyFunction;
+    };
+    style?: StyledProp<TextEditorComposition>;
+    bubbleMenuProps?: BubbleMenuProps & {
+        renderContent: React.ReactNode;
+    };
+    floatingMenuProps?: FloatingMenuProps & {
+        renderContent: React.ReactNode;
+    };
+    toolbarComponent?: JSX.Element;
+    fileInputRef?: RefObject<FileInputRef>;
+    _error?: boolean;
+    validate?: FormTypes.ValidatorWithoutForm<string> | yup.SchemaOf<string>;
+}>;

package/dist/components/TextEditor/types.js

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

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

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

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

@@ -0,0 +1,6 @@
+import { TextInputProps } from './types';
+import { StyledComponentWithProps } from '@codeleap/styles';
+export * from './types';
+export * from './styles';
+export * from './mask';
+export declare const TextInput: StyledComponentWithProps<TextInputProps>;