@app-studio/components 0.10.17

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

@@ -0,0 +1,109 @@
+import React from 'react';
+import { Element, Input, Typography, useTheme } from 'app-studio';
+import { FieldContainer, FieldContent, FieldIcons, FieldLabel, FieldWrapper, } from '../../../Input';
+import countryList from '../countries.json';
+import { IconSizes } from './CountryPicker.style';
+import { ChevronIcon } from '../../../Icon/Icon';
+const CountryList = ({ size, ...props }) => <Element as="ul" {...props}/>;
+const CountrySelector = (props) => (<Input type="country" {...props}/>);
+const CountryItem = ({ size, ...props }) => (<Element as="li" {...props}/>);
+export const DropDownItem = ({ option, size = 'md', callback = () => { }, views = { text: {} }, }) => {
+    const handleOptionClick = (event) => {
+        if (event && event.stopPropagation)
+            event.stopPropagation();
+        callback(option);
+    };
+    return (<CountryItem margin={0} role="DropDownItem" listStyleType="none" fontWeight="normal" paddingVertical={6} paddingHorizontal={12} onClick={handleOptionClick} fontSize={Typography.fontSizes[size]} _hover={{
+            backgroundColor: 'color-gray-100',
+            transition: 'all 0.15s ease-in-out',
+        }} {...views['text']}>
+      {option}
+    </CountryItem>);
+};
+export const DropDown = ({ size, views = { dropDown: {} }, options = [], callback = () => { }, }) => {
+    const handleCallback = (option) => callback(option);
+    return (<CountryList role="dropDown" margin={0} padding={0} top="100%" width="100%" display="flex" zIndex={1000} overflow="auto" maxHeight="300px" borderRadius={12} // radius-lg
+     position="absolute" flexDirection="column" backgroundColor="color-white" borderWidth="1px" borderStyle="solid" borderColor="color-gray-200" boxShadow="0 4px 12px rgba(0, 0, 0, 0.1)" {...views['dropDown']}>
+      {options.map((option) => (<DropDownItem key={option.code} size={size} option={option.name} callback={handleCallback} {...views['text']}/>))}
+    </CountryList>);
+};
+export const CountryPickerView = ({ id, name, label, value, placeholder, helperText, hide = false, error = false, isHovered = false, isFocused = false, isAutoFocus = false, isDisabled = false, isReadOnly = false, shadow = {}, newOptions = [], size = 'md', variant = 'default', shape = 'default', onChange, onBlur = () => { }, setHide = () => { }, setNewOptions = () => { }, setIsHovered = () => { }, setIsFocused = () => { }, setValue = () => { }, selected, setSelected, views = {
+    text: {},
+    icon: {},
+    label: {},
+    dropDown: {},
+    helperText: {},
+}, themeMode: elementMode, ...props }) => {
+    const { getColor, themeMode } = useTheme();
+    const isDark = (elementMode || themeMode) === 'dark';
+    const IconColor = getColor(isDark ? 'color-gray-400' : 'color-gray-500', {
+        themeMode: elementMode ? elementMode : themeMode,
+    });
+    const handleFocus = () => setIsFocused(true);
+    const handleCallback = (option) => {
+        setHide(!hide);
+        setValue(option);
+        if (onChange)
+            onChange(option);
+    };
+    const handleClick = () => {
+        if (!isDisabled && !isReadOnly) {
+            setHide(!hide);
+        }
+    };
+    const handleChange = (event) => {
+        const valueCountry = event.target.value;
+        const filteredCountries = countryList.filter((country) => country.name.toLowerCase().startsWith(valueCountry.toLowerCase()));
+        if (hide)
+            setHide(false);
+        setNewOptions(filteredCountries);
+        if (onChange)
+            onChange(valueCountry);
+    };
+    const handleBlur = (event) => {
+        onBlur(event);
+        setIsFocused(false);
+    };
+    // Show label if it exists and either the field is focused or has a value
+    const showLabel = !!(label && (isFocused || value));
+    const fieldStyles = {
+        margin: 0,
+        paddingVertical: 8,
+        paddingHorizontal: 0,
+        width: '100%',
+        heigth: '100%',
+        border: 'none',
+        on: { focus: { outline: 'none' } },
+        transition: 'all 0.2s ease-in-out',
+        fontSize: Typography.fontSizes[size],
+        backgroundColor: 'transparent',
+        color: isDisabled
+            ? isDark
+                ? 'color-gray-500'
+                : 'color-gray-400'
+            : isDark
+                ? 'color-gray-100'
+                : 'color-gray-900',
+        cursor: isDisabled ? 'not-allowed' : isReadOnly ? 'auto' : 'pointer',
+        ...views['field'],
+    };
+    return (<FieldContainer helperText={helperText} error={error} views={views} onClick={handleClick}>
+      <FieldContent label={label} size={size} error={error} shape={shape} views={views} shadow={shadow} variant={variant} value={value} color={'theme-primary'} isDisabled={isDisabled} isReadOnly={isReadOnly} isFocused={isFocused} showLabel={showLabel} _hover={!isDisabled && !error
+            ? {
+                borderColor: 'theme-primary',
+            }
+            : undefined}>
+        <FieldWrapper>
+          {showLabel && (<FieldLabel htmlFor={id} color={'theme-primary'} error={error} views={views}>
+              {label}
+            </FieldLabel>)}
+          <CountrySelector id={id} name={name} placeholder={placeholder} readOnly={isReadOnly} disabled={isDisabled} autoFocus={isAutoFocus} onBlur={handleBlur} onFocus={handleFocus} {...fieldStyles} {...props} value={value} onChange={handleChange}/>
+        </FieldWrapper>
+        <FieldIcons>
+          {hide ? (<ChevronIcon orientation="down" widthHeight={IconSizes[size]} color={IconColor} style={views['icon']}/>) : (<ChevronIcon orientation="up" widthHeight={IconSizes[size]} color={IconColor} style={views['icon']}/>)}
+        </FieldIcons>
+      </FieldContent>
+      {!hide && (<DropDown size={size} views={views} options={newOptions} callback={handleCallback}/>)}
+    </FieldContainer>);
+};
+//# sourceMappingURL=CountryPicker.view.js.map

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

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

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

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

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

@@ -0,0 +1,14 @@
+import React from 'react';
+// Uses the custom hook 'useCountryPickerState' to manage state specific to the CountryPicker component.
+import { useCountryPickerState } from './CountryPicker/CountryPicker.state';
+import { CountryPickerView } from './CountryPicker/CountryPicker.view';
+// Defines the CountryPickerComponent as a functional component with type 'React.FC' that takes 'CountryPickerProps' as props.
+const CountryPickerComponent = (props) => {
+    // Invokes the 'useCountryPickerState' hook to obtain state and methods related to country picking functionality.
+    const countryPickerStates = useCountryPickerState(props);
+    // Renders the CountryPickerView component passing in state and props for dynamic UI representation.
+    return <CountryPickerView {...countryPickerStates} {...props}/>;
+};
+// Exports the CountryPickerComponent for use in other parts of the application as 'CountryPicker'.
+export const CountryPicker = CountryPickerComponent;
+//# sourceMappingURL=CountryPicker.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CountryPicker.js","sourceRoot":"","sources":["../../../../../src/components/Form/CountryPicker/CountryPicker.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,wGAAwG;AACxG,OAAO,EAAE,qBAAqB,EAAE,MAAM,qCAAqC,CAAC;AAC5E,OAAO,EAAE,iBAAiB,EAAE,MAAM,oCAAoC,CAAC;AACvE,8HAA8H;AAC9H,MAAM,sBAAsB,GAAiC,CAAC,KAAK,EAAE,EAAE;IACrE,iHAAiH;IACjH,MAAM,mBAAmB,GAAG,qBAAqB,CAAC,KAAK,CAAC,CAAC;IACzD,oGAAoG;IACpG,OAAO,CAAC,iBAAiB,CAAC,IAAI,mBAAmB,CAAC,CAAC,IAAI,KAAK,CAAC,EAAG,CAAC;AACnE,CAAC,CAAC;AACF,mGAAmG;AACnG,MAAM,CAAC,MAAM,aAAa,GAAG,sBAAsB,CAAC"}