@app-studio/components 0.10.17

package/dist/native/components/Form/TextField/TextField/TextField.view.js

@@ -0,0 +1,166 @@
+/**
+ * TextField View Component
+ *
+ * Renders a text input field with various styles and states
+ * according to the design guidelines.
+ */
+import React from 'react';
+import { Input, useTheme } from 'app-studio';
+import { FieldContainer } from '../../../Input/FieldContainer/FieldContainer';
+import { FieldContent } from '../../../Input/FieldContent/FieldContent';
+import { FieldIcons } from '../../../Input/FieldIcons/FieldIcons';
+import { FieldLabel } from '../../../Input/FieldLabel/FieldLabel';
+import { FieldWrapper } from '../../../Input/FieldWrapper/FieldWrapper';
+import { CloseIcon } from '../../../Icon/Icon';
+const TextFieldView = ({ id, name, label, hint, value, onChange, left, right, helperText, placeholder, onChangeText, shadow = {}, views = { container: {}, field: {}, label: {}, helperText: {}, text: {} }, size = 'md', shape = 'default', variant = 'default', error = false, isFocused = false, isHovered = false, isDisabled = false, isReadOnly = false, isClearable = true, isAutoFocus = false, setHint = () => { }, setIsFocused = () => { }, setIsHovered = () => { }, setValue = () => { }, onClick = () => { }, onFocus, onBlur = () => { }, themeMode: elementMode, ...props }) => {
+    const { getColor, themeMode } = useTheme();
+    const IconColor = getColor(isDisabled ? 'color-gray-400' : 'color-gray-500', {
+        themeMode: elementMode ? elementMode : themeMode,
+    });
+    const showLabel = !!label;
+    const fieldSizeStyles = {
+        xs: {
+            minHeight: 24,
+            shellPaddingY: 6,
+            shellPaddingX: 10,
+            fontSize: 12,
+            lineHeight: '16px',
+        },
+        sm: {
+            minHeight: 32,
+            shellPaddingY: 8,
+            shellPaddingX: 10,
+            fontSize: 12,
+            lineHeight: '16px',
+        },
+        md: {
+            minHeight: 40,
+            shellPaddingY: 10,
+            shellPaddingX: 12,
+            fontSize: 14,
+            lineHeight: '20px',
+        },
+        lg: {
+            minHeight: 48,
+            shellPaddingY: 12,
+            shellPaddingX: 14,
+            fontSize: 16,
+            lineHeight: '24px',
+        },
+        xl: {
+            minHeight: 56,
+            shellPaddingY: 14,
+            shellPaddingX: 16,
+            fontSize: 18,
+            lineHeight: '28px',
+        },
+    };
+    const fieldView = views?.field || {};
+    const autofillShadow = '0 0 0 1000px var(--theme-canvas) inset';
+    const fieldStyles = {
+        margin: 0,
+        paddingVertical: 0,
+        paddingHorizontal: 0,
+        width: '100%',
+        minHeight: 'auto',
+        border: 'none',
+        backgroundColor: 'transparent',
+        fontSize: fieldSizeStyles[size].fontSize,
+        letterSpacing: '-0.01em',
+        fontWeight: 400,
+        color: isDisabled ? 'color-gray-400' : 'color-gray-900',
+        cursor: isDisabled ? 'not-allowed' : 'text',
+        opacity: isDisabled ? 0.7 : 1,
+        transition: 'color 0.2s ease, opacity 0.2s ease',
+        _focus: {
+            outline: 'none',
+            _placeholder: {
+                opacity: 0.7,
+            },
+        },
+        _placeholder: {
+            color: 'color-gray-400',
+            opacity: 1,
+            transition: 'opacity 0.2s ease-out',
+        },
+        _selection: {
+            backgroundColor: 'color-mix(in srgb, var(--theme-primary) 20%, transparent)',
+        },
+        _webkitAutofill: {
+            boxShadow: autofillShadow,
+            WebkitBoxShadow: autofillShadow,
+            WebkitTextFillColor: 'var(--theme-text)',
+            transition: 'background-color 5000s ease-in-out 0s',
+        },
+        _webkitContactsAutoFillButton: {
+            visibility: 'hidden',
+            pointerEvents: 'none',
+            position: 'absolute',
+            right: 0,
+        },
+        ...fieldView,
+    };
+    const handleFocus = () => {
+        setIsFocused(true);
+        if (onFocus)
+            onFocus();
+    };
+    const handleMouseEnter = () => setIsHovered(true);
+    const handleMouseLeave = () => setIsHovered(false);
+    const handleBlur = (event) => {
+        if (onBlur)
+            onBlur(event);
+        setIsFocused(false);
+    };
+    const handleChange = (event) => {
+        if (typeof event === 'string') {
+            setValue(event);
+            if (onChangeText)
+                onChangeText(event);
+            if (onChange)
+                onChange(event);
+        }
+        else {
+            setValue(event.target.value);
+            if (onChangeText)
+                onChangeText(event.target.value);
+            if (onChange)
+                onChange(event.target.value);
+        }
+    };
+    const handleClear = () => {
+        setValue('');
+        if (onChange) {
+            onBlur({ target: { name } });
+            if (onChangeText)
+                onChangeText('');
+            if (onChange)
+                onChange('');
+        }
+        if (typeof document === 'undefined' && onChangeText)
+            onChangeText('');
+    };
+    const { container: _shellContainer, content: _shellContent, ...layoutViews } = views || {};
+    return (<FieldContainer helperText={helperText} error={error} views={layoutViews}>
+      <FieldContent label={label} size={size} error={error} shape={shape} views={views} shadow={shadow} variant={variant} value={value} color={'theme-primary'} isHovered={isHovered} isDisabled={isDisabled} isReadOnly={isReadOnly} isFocused={isFocused} showLabel={showLabel} minHeight={`${fieldSizeStyles[size].minHeight}px`} paddingTop={fieldSizeStyles[size].shellPaddingY} paddingBottom={fieldSizeStyles[size].shellPaddingY} paddingLeft={fieldSizeStyles[size].shellPaddingX} paddingRight={fieldSizeStyles[size].shellPaddingX} onMouseEnter={handleMouseEnter} onMouseLeave={handleMouseLeave}>
+        {left}
+        <FieldWrapper>
+          {showLabel && (<FieldLabel htmlFor={id} color={'theme-primary'} error={error} {...views?.label}>
+              {label}
+            </FieldLabel>)}
+          <Input type="text" id={id} name={name} readOnly={isReadOnly} disabled={isDisabled} autoFocus={isAutoFocus} placeholder={placeholder || hint} onFocus={handleFocus} onBlur={handleBlur} autoComplete="off" {...fieldStyles} {...props} onChange={handleChange} value={value}/>
+        </FieldWrapper>
+        {isClearable && value && !isReadOnly && !isDisabled && (<FieldIcons>
+            <CloseIcon size={20} color={IconColor} onClick={handleClear} cursor="pointer" borderRadius="50%" transition="background-color 0.2s ease, transform 0.2s ease" _hover={{
+                backgroundColor: 'color-gray-100',
+                transform: 'scale(1.05)',
+            }} _active={{
+                transform: 'scale(0.95)',
+            }}/>
+          </FieldIcons>)}
+        {right}
+      </FieldContent>
+    </FieldContainer>);
+};
+export default TextFieldView;
+//# sourceMappingURL=TextField.view.js.map

package/dist/native/components/Form/TextField/TextField/TextField.view.js.map

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

package/dist/native/components/Form/TextField/TextField/TextField.view.native.d.ts

@@ -0,0 +1,14 @@
+/**
+ * TextField View Component (React Native)
+ *
+ * React Native counterpart of TextField.view.tsx. Uses app-studio's <Input/>
+ * which maps to RN <TextInput/>. Drops web-only CSS (cursor, _hover, transition,
+ * boxShadow, outline, autofill) and relies on the native focus indicator.
+ *
+ * NOTE: Password.tsx delegates to this view passing `type` ("text" | "password").
+ * We translate that into `secureTextEntry` here so Password works for free.
+ */
+import React from 'react';
+import { TextFieldViewProps } from './TextField.props';
+declare const TextFieldView: React.FC<TextFieldViewProps>;
+export default TextFieldView;

package/dist/native/components/Form/TextField/TextField/TextField.view.native.js

@@ -0,0 +1,100 @@
+/**
+ * TextField View Component (React Native)
+ *
+ * React Native counterpart of TextField.view.tsx. Uses app-studio's <Input/>
+ * which maps to RN <TextInput/>. Drops web-only CSS (cursor, _hover, transition,
+ * boxShadow, outline, autofill) and relies on the native focus indicator.
+ *
+ * NOTE: Password.tsx delegates to this view passing `type` ("text" | "password").
+ * We translate that into `secureTextEntry` here so Password works for free.
+ */
+import React from 'react';
+import { Input, useTheme, View } from 'app-studio';
+import { FieldContainer } from '../../../Input/FieldContainer/FieldContainer';
+import { FieldContent } from '../../../Input/FieldContent/FieldContent';
+import { FieldIcons } from '../../../Input/FieldIcons/FieldIcons';
+import { FieldLabel } from '../../../Input/FieldLabel/FieldLabel';
+import { FieldWrapper } from '../../../Input/FieldWrapper/FieldWrapper';
+import { CloseIcon } from '../../../Icon/Icon';
+const TextFieldView = ({ id, name, label, hint, value, onChange, left, right, helperText, placeholder, onChangeText, shadow = {}, views = { container: {}, field: {}, label: {}, helperText: {}, text: {} }, size = 'md', shape = 'default', variant = 'default', error = false, isFocused = false, isHovered = false, isDisabled = false, isReadOnly = false, isClearable = true, isAutoFocus = false, isMultiline = false, rows, setHint = () => { }, setIsFocused = () => { }, setIsHovered = () => { }, setValue = () => { }, onClick = () => { }, onFocus, onBlur = () => { }, themeMode: elementMode, ...props }) => {
+    const { getColor, themeMode } = useTheme();
+    const IconColor = getColor(isDisabled ? 'color-gray-400' : 'color-gray-500', {
+        themeMode: elementMode ? elementMode : themeMode,
+    });
+    const showLabel = !!label;
+    const fieldSizeStyles = {
+        xs: { minHeight: 24, shellPaddingY: 6, shellPaddingX: 10, fontSize: 12 },
+        sm: { minHeight: 32, shellPaddingY: 8, shellPaddingX: 10, fontSize: 12 },
+        md: { minHeight: 40, shellPaddingY: 10, shellPaddingX: 12, fontSize: 14 },
+        lg: { minHeight: 48, shellPaddingY: 12, shellPaddingX: 14, fontSize: 16 },
+        xl: { minHeight: 56, shellPaddingY: 14, shellPaddingX: 16, fontSize: 18 },
+    };
+    const fieldView = views?.field || {};
+    const fieldStyles = {
+        margin: 0,
+        paddingVertical: 0,
+        paddingHorizontal: 0,
+        width: '100%',
+        minHeight: undefined,
+        borderWidth: 0,
+        backgroundColor: 'transparent',
+        fontSize: fieldSizeStyles[size].fontSize,
+        fontWeight: '400',
+        color: isDisabled ? 'color-gray-400' : 'color-gray-900',
+        opacity: isDisabled ? 0.7 : 1,
+        ...fieldView,
+    };
+    // Translate Password's `type="password"` into RN's secureTextEntry.
+    // `type` itself is meaningless on a TextInput.
+    const typeProp = props.type;
+    const secureTextEntry = typeProp === 'password';
+    const { type: _ignoreType, autoComplete: _ignoreAutoComplete, ...restProps } = props;
+    const handleFocus = () => {
+        setIsFocused(true);
+        if (onFocus)
+            onFocus();
+    };
+    const handleBlur = (event) => {
+        if (onBlur)
+            onBlur(event);
+        setIsFocused(false);
+    };
+    const handleChangeText = (text) => {
+        setValue(text);
+        if (onChangeText)
+            onChangeText(text);
+        if (onChange)
+            onChange(text);
+    };
+    const handleClear = () => {
+        setValue('');
+        if (onChange)
+            onChange('');
+        if (onChangeText)
+            onChangeText('');
+        if (onBlur)
+            onBlur({ target: { name } });
+    };
+    const { container: _shellContainer, content: _shellContent, ...layoutViews } = views || {};
+    return (<FieldContainer helperText={helperText} error={error} views={layoutViews}>
+      <FieldContent label={label} size={size} error={error} shape={shape} views={views} shadow={shadow} variant={variant} value={value} color={'theme-primary'} isHovered={isHovered} isDisabled={isDisabled} isReadOnly={isReadOnly} isFocused={isFocused} showLabel={showLabel} minHeight={fieldSizeStyles[size].minHeight} paddingTop={fieldSizeStyles[size].shellPaddingY} paddingBottom={fieldSizeStyles[size].shellPaddingY} paddingLeft={fieldSizeStyles[size].shellPaddingX} paddingRight={fieldSizeStyles[size].shellPaddingX}>
+        {left}
+        <FieldWrapper>
+          {showLabel && (<FieldLabel color={'theme-primary'} error={error} {...views?.label}>
+              {label}
+            </FieldLabel>)}
+          <Input id={id} name={name} editable={!isReadOnly && !isDisabled} autoFocus={isAutoFocus} placeholder={placeholder || hint} placeholderTextColor={getColor('color-gray-400', {
+            themeMode: elementMode ? elementMode : themeMode,
+        })} secureTextEntry={secureTextEntry} multiline={isMultiline} numberOfLines={isMultiline ? rows : undefined} onFocus={handleFocus} onBlur={handleBlur} onChangeText={handleChangeText} value={value} {...fieldStyles} {...restProps}/>
+        </FieldWrapper>
+        {isClearable && value && !isReadOnly && !isDisabled && (<FieldIcons>
+            <View onPress={handleClear}>
+              <CloseIcon size={20} color={IconColor} borderRadius={9999}/>
+            </View>
+          </FieldIcons>)}
+        {right}
+      </FieldContent>
+    </FieldContainer>);
+};
+export default TextFieldView;
+//# sourceMappingURL=TextField.view.native.js.map

package/dist/native/components/Form/TextField/TextField/TextField.view.native.js.map

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

package/dist/native/components/Form/TextField/TextField.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { TextFieldProps } from './TextField/TextField.props';
+export declare const TextField: React.FC<TextFieldProps>;

package/dist/native/components/Form/TextField/TextField.js

@@ -0,0 +1,14 @@
+import React from 'react';
+import { useTextFieldState } from './TextField/TextField.state';
+import TextFieldView from './TextField/TextField.view';
+import { useMergedDesignSystemComponentProps } from '../../../design-system';
+const TextFieldComponent = (props) => {
+    const mergedProps = useMergedDesignSystemComponentProps('input', props);
+    // Initializes the 'textFieldStates' with state-management logic and relevant properties from 'useTextFieldState' hook, passing current 'props' as the argument
+    const textFieldStates = useTextFieldState(mergedProps);
+    // Renders the 'TextFieldView' component with the spread attributes from both 'textFieldStates' and 'props' to pass all necessary data
+    return <TextFieldView {...textFieldStates} {...mergedProps}/>;
+};
+// Exports 'TextFieldComponent' as 'TextField' for use in other parts of the application
+export const TextField = TextFieldComponent;
+//# sourceMappingURL=TextField.js.map

package/dist/native/components/Form/TextField/TextField.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextField.js","sourceRoot":"","sources":["../../../../../src/components/Form/TextField/TextField.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,iBAAiB,EAAE,MAAM,6BAA6B,CAAC;AAChE,OAAO,aAAa,MAAM,4BAA4B,CAAC;AACvD,OAAO,EAAE,mCAAmC,EAAE,MAAM,mBAAmB,CAAC;AACxE,MAAM,kBAAkB,GAA6B,CACnD,KAAqB,EACrB,EAAE;IACF,MAAM,WAAW,GAAG,mCAAmC,CAAC,OAAO,EAAE,KAAK,CAAC,CAAC;IACxE,+JAA+J;IAC/J,MAAM,eAAe,GAAG,iBAAiB,CAAC,WAAW,CAAC,CAAC;IACvD,sIAAsI;IACtI,OAAO,CAAC,aAAa,CAAC,IAAI,eAAe,CAAC,CAAC,IAAI,WAAW,CAAC,EAAG,CAAC;AACjE,CAAC,CAAC;AACF,wFAAwF;AACxF,MAAM,CAAC,MAAM,SAAS,GAAG,kBAAkB,CAAC"}

package/dist/native/components/Formik/AttachmentPreview.d.ts

@@ -0,0 +1,19 @@
+import React from 'react';
+interface AttachmentPreviewProps {
+    files: Array<{
+        name: string;
+        size: number;
+        type: string;
+        url?: string;
+    }>;
+    onRemove?: (index: number) => void;
+    maxHeight?: string;
+    views?: {
+        container?: any;
+        item?: any;
+        name?: any;
+        removeButton?: any;
+    };
+}
+export declare const AttachmentPreview: React.FC<AttachmentPreviewProps>;
+export {};

package/dist/native/components/Formik/AttachmentPreview.js

@@ -0,0 +1,62 @@
+import React, { useCallback } from 'react';
+import { Vertical, View, Image, Center, Button } from 'app-studio';
+import { FileIcon, AudioIcon } from '../Icon/Icon';
+import { HoverCard } from '../HoverCard/HoverCard';
+import { Text } from 'app-studio';
+export const AttachmentPreview = ({ files, onRemove, maxHeight = '120px', views = {}, }) => {
+    if (files.length === 0) {
+        return null;
+    }
+    const formatFileSize = useCallback((bytes) => {
+        if (bytes < 1024)
+            return `${bytes} B`;
+        if (bytes < 1024 * 1024)
+            return `${(bytes / 1024).toFixed(1)} KB`;
+        return `${(bytes / (1024 * 1024)).toFixed(1)} MB`;
+    }, []);
+    return (<View display="flex" flexWrap="wrap" gap="8px" padding="8px 0" maxHeight={maxHeight} overflowY="auto" {...views?.container}>
+      {files.map((file, index) => {
+            const previewUrl = file.url || '';
+            const isImage = file.type.startsWith('image/');
+            const isVideo = file.type.startsWith('video/');
+            const isAudio = file.type.startsWith('audio/');
+            return (<Vertical key={index} alignItems="center" gap="6px" padding="6px 10px" borderRadius="8px" border="1px solid #E2E8F0" backgroundColor="color-white" position="relative" animate={{
+                    from: { opacity: 0, scale: 0.9 },
+                    to: { opacity: 1, scale: 1 },
+                }} animationDuration={0.2} {...views?.item}>
+            <HoverCard>
+              <HoverCard.Trigger>
+                <View position="relative">
+                  {isImage && previewUrl && (<Image src={previewUrl} alt={file.name} width="60px" height="60px" objectFit="cover" borderRadius="8px"/>)}
+                  {isVideo && previewUrl && (<View as="video" src={previewUrl} alt={file.name} controls={false} muted={true} width="60px" height="60px" objectFit="cover" borderRadius="8px"/>)}
+                  {isAudio && (<Center width="60px" height="60px" backgroundColor="color-gray-100" borderRadius="8px">
+                      <AudioIcon widthHeight={24} color="color-black"/>
+                    </Center>)}
+                  {!isImage && !isVideo && !isAudio && (<Center width="60px" height="60px" backgroundColor="color-gray-100" borderRadius="8px">
+                      <FileIcon widthHeight={24} color="color-black"/>
+                    </Center>)}
+
+                  {onRemove && (<Button position="absolute" top="-4px" right="-4px" width="20px" height="20px" minWidth="20px" minHeight="20px" borderRadius="50%" backgroundColor="color-red-500" color="white" fontSize={14} fontWeight="bold" padding={0} display="flex" alignItems="center" justifyContent="center" cursor="pointer" border="2px solid white" transition="background-color 0.2s ease, opacity 0.2s ease" _hover={{
+                        backgroundColor: '#DC2626',
+                    }} onClick={(e) => {
+                        e.stopPropagation();
+                        onRemove(index);
+                    }} aria-label={`Remove ${file.name}`}>
+                      ×
+                    </Button>)}
+                </View>
+              </HoverCard.Trigger>
+              <HoverCard.Content>
+                {isImage && previewUrl && (<Image src={previewUrl} alt={file.name} maxWidth="300px"/>)}
+                {isVideo && previewUrl && (<View as="video" src={previewUrl} controls maxWidth="300px"/>)}
+                {isAudio && previewUrl && (<View as="audio" src={previewUrl} controls width={'100%'}/>)}
+                <Text marginTop="4px" maxLines={1} width={'100%'} fontSize={12} {...views?.name}>
+                  {file.name} ({formatFileSize(file.size)})
+                </Text>
+              </HoverCard.Content>
+            </HoverCard>
+          </Vertical>);
+        })}
+    </View>);
+};
+//# sourceMappingURL=AttachmentPreview.js.map

package/dist/native/components/Formik/AttachmentPreview.js.map

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

package/dist/native/components/Formik/Formik.ChatInput.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+import { ChatInputProps } from '../ChatInput/ChatInput/ChatInput.props';
+interface FormikChatInputProps extends Omit<ChatInputProps, 'value' | 'onChange' | 'onSubmit' | 'getPendingFiles' | 'clearPendingFiles'> {
+    name: string;
+    onSubmit?: (message: string, options?: any) => void;
+}
+/**
+ * ChatInput is a component used to create a chat input field with file upload support,
+ * auto-completion, mentions, and other advanced features, integrated with Formik.
+ */
+export declare const FormikChatInput: React.FC<FormikChatInputProps>;
+export {};

package/dist/native/components/Formik/Formik.ChatInput.js

@@ -0,0 +1,46 @@
+import React, { useState } from 'react';
+import { useChatInputState } from '../ChatInput/ChatInput/ChatInput.state';
+import ChatInputView from '../ChatInput/ChatInput/ChatInput.view';
+import { useFormikInput } from './Formik.Hook';
+const ChatInputComponent = (props) => {
+    const { name, onSubmit, ...chatInputProps } = props;
+    // State for managing pending files
+    const [pendingFiles, setPendingFiles] = useState([]);
+    // Get Formik integration props
+    const formProps = useFormikInput({ name, type: 'text' });
+    // Handle the onChange from Formik to work with ChatInput's expected onChange signature
+    const handleChange = (value) => {
+        if (formProps.onChangeText) {
+            formProps.onChangeText(value);
+        }
+    };
+    // Handle submit - integrate with Formik if no custom onSubmit provided
+    const handleSubmit = (message, options) => {
+        if (onSubmit) {
+            onSubmit(message, options);
+        }
+        else {
+            // Default behavior: just update the form field value
+            handleChange(message);
+        }
+    };
+    // Required functions for ChatInput
+    const getPendingFiles = () => pendingFiles;
+    const clearPendingFiles = () => setPendingFiles([]);
+    // Get ChatInput state with our custom props
+    // (getPendingFiles / clearPendingFiles are forwarded directly to the view,
+    // not through the state hook — they're consumer-side concerns.)
+    const chatInputState = useChatInputState({
+        ...chatInputProps,
+        value: formProps.value || '',
+        onChange: handleChange,
+        onSubmit: handleSubmit,
+    });
+    return (<ChatInputView {...chatInputProps} {...chatInputState} value={formProps.value || ''} onChange={handleChange} onSubmit={handleSubmit} error={formProps.error} getPendingFiles={getPendingFiles} clearPendingFiles={clearPendingFiles}/>);
+};
+/**
+ * ChatInput is a component used to create a chat input field with file upload support,
+ * auto-completion, mentions, and other advanced features, integrated with Formik.
+ */
+export const FormikChatInput = ChatInputComponent;
+//# sourceMappingURL=Formik.ChatInput.js.map

package/dist/native/components/Formik/Formik.ChatInput.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Formik.ChatInput.js","sourceRoot":"","sources":["../../../../src/components/Formik/Formik.ChatInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAGxC,OAAO,EAAE,iBAAiB,EAAE,MAAM,wCAAwC,CAAC;AAC3E,OAAO,aAAa,MAAM,uCAAuC,CAAC;AAClE,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAW/C,MAAM,kBAAkB,GAAmC,CAAC,KAAK,EAAE,EAAE;IACnE,MAAM,EAAE,IAAI,EAAE,QAAQ,EAAE,GAAG,cAAc,EAAE,GAAG,KAAK,CAAC;IAEpD,mCAAmC;IACnC,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,QAAQ,CAAS,EAAE,CAAC,CAAC;IAE7D,+BAA+B;IAC/B,MAAM,SAAS,GAAG,cAAc,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC,CAAC;IAEzD,uFAAuF;IACvF,MAAM,YAAY,GAAG,CAAC,KAAa,EAAE,EAAE;QACrC,IAAI,SAAS,CAAC,YAAY,EAAE,CAAC;YAC3B,SAAS,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC;QAChC,CAAC;IACH,CAAC,CAAC;IAEF,uEAAuE;IACvE,MAAM,YAAY,GAAG,CAAC,OAAe,EAAE,OAAa,EAAE,EAAE;QACtD,IAAI,QAAQ,EAAE,CAAC;YACb,QAAQ,CAAC,OAAO,EAAE,OAAO,CAAC,CAAC;QAC7B,CAAC;aAAM,CAAC;YACN,qDAAqD;YACrD,YAAY,CAAC,OAAO,CAAC,CAAC;QACxB,CAAC;IACH,CAAC,CAAC;IAEF,mCAAmC;IACnC,MAAM,eAAe,GAAG,GAAG,EAAE,CAAC,YAAY,CAAC;IAC3C,MAAM,iBAAiB,GAAG,GAAG,EAAE,CAAC,eAAe,CAAC,EAAE,CAAC,CAAC;IAEpD,4CAA4C;IAC5C,2EAA2E;IAC3E,gEAAgE;IAChE,MAAM,cAAc,GAAG,iBAAiB,CAAC;QACvC,GAAG,cAAc;QACjB,KAAK,EAAE,SAAS,CAAC,KAAK,IAAI,EAAE;QAC5B,QAAQ,EAAE,YAAY;QACtB,QAAQ,EAAE,YAAY;KACvB,CAAC,CAAC;IAEH,OAAO,CACL,CAAC,aAAa,CACZ,IAAI,cAAc,CAAC,CACnB,IAAI,cAAc,CAAC,CACnB,KAAK,CAAC,CAAC,SAAS,CAAC,KAAK,IAAI,EAAE,CAAC,CAC7B,QAAQ,CAAC,CAAC,YAAY,CAAC,CACvB,QAAQ,CAAC,CAAC,YAAY,CAAC,CACvB,KAAK,CAAC,CAAC,SAAS,CAAC,KAAK,CAAC,CACvB,eAAe,CAAC,CAAC,eAAe,CAAC,CACjC,iBAAiB,CAAC,CAAC,iBAAiB,CAAC,EACrC,CACH,CAAC;AACJ,CAAC,CAAC;AAEF;;;GAGG;AACH,MAAM,CAAC,MAAM,eAAe,GAAG,kBAAkB,CAAC"}

package/dist/native/components/Formik/Formik.Checkbox.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+import { CheckboxProps } from '../Form/Checkbox/Checkbox/Checkbox.props';
+/**
+ * Checkbox allows users to select one or more options from a list of choices.
+ */
+export declare const FormikCheckbox: React.FC<CheckboxProps>;

package/dist/native/components/Formik/Formik.Checkbox.js

@@ -0,0 +1,15 @@
+import React from 'react';
+import { useCheckboxState } from '../Form/Checkbox/Checkbox/Checkbox.state';
+import CheckboxView from '../Form/Checkbox/Checkbox/Checkbox.view';
+import { useFormikInput } from './Formik.Hook';
+const CheckboxComponent = (props) => {
+    let { value, ...formProps } = useFormikInput(props);
+    formProps.isChecked = value;
+    const checkboxStates = useCheckboxState(props);
+    return <CheckboxView {...checkboxStates} {...formProps}/>;
+};
+/**
+ * Checkbox allows users to select one or more options from a list of choices.
+ */
+export const FormikCheckbox = CheckboxComponent;
+//# sourceMappingURL=Formik.Checkbox.js.map

package/dist/native/components/Formik/Formik.Checkbox.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Formik.Checkbox.js","sourceRoot":"","sources":["../../../../src/components/Formik/Formik.Checkbox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAE,gBAAgB,EAAE,MAAM,0CAA0C,CAAC;AAC5E,OAAO,YAAY,MAAM,yCAAyC,CAAC;AACnE,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAE/C,MAAM,iBAAiB,GAA4B,CAAC,KAAK,EAAE,EAAE;IAC3D,IAAI,EAAE,KAAK,EAAE,GAAG,SAAS,EAAE,GAAG,cAAc,CAAC,KAAK,CAAC,CAAC;IACpD,SAAS,CAAC,SAAS,GAAG,KAAK,CAAC;IAC5B,MAAM,cAAc,GAAG,gBAAgB,CAAC,KAAK,CAAC,CAAC;IAC/C,OAAO,CAAC,YAAY,CAAC,IAAI,cAAc,CAAC,CAAC,IAAI,SAAS,CAAC,EAAG,CAAC;AAC7D,CAAC,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,cAAc,GAAG,iBAAiB,CAAC"}

package/dist/native/components/Formik/Formik.ColorInput.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+import { ColorInputProps } from '../Form/ColorInput/ColorInput/ColorInput.props';
+/**
+ * Color input allows users to select a color from a predefined palette or enter a custom color-
+ */
+export declare const FormikColorInput: React.FC<ColorInputProps>;

package/dist/native/components/Formik/Formik.ColorInput.js

@@ -0,0 +1,14 @@
+import React from 'react';
+import { useColorInputState } from '../Form/ColorInput/ColorInput/ColorInput.state';
+import ColorInputView from '../Form/ColorInput/ColorInput/ColorInput.view';
+import { useFormikInput } from './Formik.Hook';
+const ColorInputComponent = (props) => {
+    const formProps = useFormikInput(props);
+    const colorInputStates = useColorInputState(formProps);
+    return <ColorInputView {...colorInputStates} {...formProps}/>;
+};
+/**
+ * Color input allows users to select a color from a predefined palette or enter a custom color-
+ */
+export const FormikColorInput = ColorInputComponent;
+//# sourceMappingURL=Formik.ColorInput.js.map

package/dist/native/components/Formik/Formik.ColorInput.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Formik.ColorInput.js","sourceRoot":"","sources":["../../../../src/components/Formik/Formik.ColorInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAE,kBAAkB,EAAE,MAAM,gDAAgD,CAAC;AACpF,OAAO,cAAc,MAAM,+CAA+C,CAAC;AAC3E,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAE/C,MAAM,mBAAmB,GAA8B,CAAC,KAAK,EAAE,EAAE;IAC/D,MAAM,SAAS,GAAG,cAAc,CAAC,KAAK,CAAC,CAAC;IAExC,MAAM,gBAAgB,GAAG,kBAAkB,CAAC,SAAS,CAAC,CAAC;IACvD,OAAO,CAAC,cAAc,CAAC,IAAI,gBAAgB,CAAC,CAAC,IAAI,SAAS,CAAC,EAAG,CAAC;AACjE,CAAC,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,gBAAgB,GAAG,mBAAmB,CAAC"}

package/dist/native/components/Formik/Formik.ComboBox.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+import { ComboBoxProps } from '../Form/ComboBox/ComboBox/ComboBox.props';
+/**
+ * ComboBox allows users to select one or more options from a list of choices.
+ */
+export declare const FormikComboBox: React.FC<ComboBoxProps>;

package/dist/native/components/Formik/Formik.ComboBox.js

@@ -0,0 +1,34 @@
+import React, { useEffect } from 'react';
+import { useComboBoxState } from '../Form/ComboBox/ComboBox/ComboBox.state';
+import ComboBoxView from '../Form/ComboBox/ComboBox/ComboBox.view';
+import { useFormikInput } from './Formik.Hook';
+const ComboBoxComponent = ({ items, placeholder, searchPlaceholder, isMulti = false, ...props }) => {
+    const formProps = useFormikInput(props);
+    const ComboBoxStates = useComboBoxState(items, placeholder, searchPlaceholder);
+    // Sync Formik value with internal state for multi-select
+    useEffect(() => {
+        if (isMulti && Array.isArray(formProps.value)) {
+            // Map Formik values (array of ComboBoxItem) to selectedItems state
+            ComboBoxStates.setSelectedItems(formProps.value);
+        }
+        else if (!isMulti && formProps.value) {
+            // For single select, sync the selectedItem
+            const selectedItem = typeof formProps.value === 'object'
+                ? formProps.value
+                : items.find((item) => item.value === formProps.value);
+            if (selectedItem) {
+                ComboBoxStates.setSelectedItem(selectedItem);
+            }
+        }
+    }, [formProps.value, isMulti, items]);
+    // Ensure the onChange function from formProps is being called when an item is selected
+    const handleSelect = (selected) => {
+        formProps.onChange(selected);
+    };
+    return (<ComboBoxView {...ComboBoxStates} {...formProps} items={items} placeholder={placeholder} isMulti={isMulti} onSelect={handleSelect}/>);
+};
+/**
+ * ComboBox allows users to select one or more options from a list of choices.
+ */
+export const FormikComboBox = ComboBoxComponent;
+//# sourceMappingURL=Formik.ComboBox.js.map

package/dist/native/components/Formik/Formik.ComboBox.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Formik.ComboBox.js","sourceRoot":"","sources":["../../../../src/components/Formik/Formik.ComboBox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAMzC,OAAO,EAAE,gBAAgB,EAAE,MAAM,0CAA0C,CAAC;AAC5E,OAAO,YAAY,MAAM,yCAAyC,CAAC;AACnE,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAE/C,MAAM,iBAAiB,GAA4B,CAAC,EAClD,KAAK,EACL,WAAW,EACX,iBAAiB,EACjB,OAAO,GAAG,KAAK,EACf,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,SAAS,GAAG,cAAc,CAAC,KAAK,CAAC,CAAC;IACxC,MAAM,cAAc,GAAG,gBAAgB,CACrC,KAAK,EACL,WAAW,EACX,iBAAiB,CAClB,CAAC;IAEF,yDAAyD;IACzD,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,OAAO,IAAI,KAAK,CAAC,OAAO,CAAC,SAAS,CAAC,KAAK,CAAC,EAAE,CAAC;YAC9C,mEAAmE;YACnE,cAAc,CAAC,gBAAgB,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC;QACnD,CAAC;aAAM,IAAI,CAAC,OAAO,IAAI,SAAS,CAAC,KAAK,EAAE,CAAC;YACvC,2CAA2C;YAC3C,MAAM,YAAY,GAChB,OAAO,SAAS,CAAC,KAAK,KAAK,QAAQ;gBACjC,CAAC,CAAC,SAAS,CAAC,KAAK;gBACjB,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,KAAK,KAAK,SAAS,CAAC,KAAK,CAAC,CAAC;YAC3D,IAAI,YAAY,EAAE,CAAC;gBACjB,cAAc,CAAC,eAAe,CAAC,YAAY,CAAC,CAAC;YAC/C,CAAC;QACH,CAAC;IACH,CAAC,EAAE,CAAC,SAAS,CAAC,KAAK,EAAE,OAAO,EAAE,KAAK,CAAC,CAAC,CAAC;IAEtC,uFAAuF;IACvF,MAAM,YAAY,GAAG,CAAC,QAAuC,EAAE,EAAE;QAC/D,SAAS,CAAC,QAAQ,CAAC,QAAQ,CAAC,CAAC;IAC/B,CAAC,CAAC;IAEF,OAAO,CACL,CAAC,YAAY,CACX,IAAI,cAAc,CAAC,CACnB,IAAI,SAAS,CAAC,CACd,KAAK,CAAC,CAAC,KAAK,CAAC,CACb,WAAW,CAAC,CAAC,WAAW,CAAC,CACzB,OAAO,CAAC,CAAC,OAAO,CAAC,CACjB,QAAQ,CAAC,CAAC,YAAY,CAAC,EACvB,CACH,CAAC;AACJ,CAAC,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,cAAc,GAAG,iBAAiB,CAAC"}

package/dist/native/components/Formik/Formik.CountryPicker.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+import { CountryPickerProps } from '../Form/CountryPicker/CountryPicker/CountryPicker.props';
+/**
+ * Country picker allows users to select a country from a dropdown list or search field.
+ */
+export declare const FormikCountryPicker: React.FC<CountryPickerProps>;

package/dist/native/components/Formik/Formik.CountryPicker.js

@@ -0,0 +1,14 @@
+import React from 'react';
+import { useCountryPickerState } from '../Form/CountryPicker/CountryPicker/CountryPicker.state';
+import { CountryPickerView } from '../Form/CountryPicker/CountryPicker/CountryPicker.view';
+import { useFormikInput } from './Formik.Hook';
+const CountryPickerComponent = (props) => {
+    const formProps = useFormikInput(props);
+    const countryPickerStates = useCountryPickerState(props);
+    return <CountryPickerView {...countryPickerStates} {...formProps}/>;
+};
+/**
+ * Country picker allows users to select a country from a dropdown list or search field.
+ */
+export const FormikCountryPicker = CountryPickerComponent;
+//# sourceMappingURL=Formik.CountryPicker.js.map