@fullstackunicorn/create-root 1.0.29 → 2.0.0

package/assets/root.fullstackunicorn.dev/frontend/modules/core/Back.js

@@ -1,26 +0,0 @@
-import { routes } from '#@/root/routes.js'
-import { useUrl } from '#@/base/router/@use.js'
-import { useGetStatics } from '#@/base/statics/@use.js'
-import { useGetHistory } from '#@/base/router/@use.js'
-import { BackPod, BackIconPod } from './Back.pod.js'
-import { constants } from '#@/root/constants.js'
-
-export const Back = ({ logo }) => {
-
-    const statics = useGetStatics() 
-    const history = useGetHistory()
-    const { url, lang } = useUrl() 
-    const homePath = F3.fabUrl(routes.public.home.path, { lang })
-    const isHome = url === homePath
-
-    if (isHome) {
-        if (constants.services.IS_BUTTON_USER_OFF) return logo
-        return <BackIconPod svg={statics.visual.svg.home}/>
-    }
-    return (
-        <BackPod 
-            svg={statics.visual.svg.arrowFullLeft}
-            linkTo={history[1]} 
-        />
-    )
-}  

package/assets/root.fullstackunicorn.dev/frontend/modules/core/Back.pod.js

@@ -1,37 +0,0 @@
-
-import { useStyle } from '#@/style/@use'
-import { View } from '#@/imports/core/View'
-import { Icon } from '#@/modules/core/Icon'
-import { Link } from '#@/modules/core/Link'
-
-export const BackPod = ({ linkTo, svg }) => {
-
-    const { s, c, f, t, F, B, S, I, H } = useStyle()
-
-    H.icon = [[c.base_NN_W700]]
-
-    S.link = [s.row_cXcY, s.Y64, s.X48]
-    S.icon = [s.row_cXcY, s.XY40, s.radiusRound, c.item_NN_B400]
-
-    return (
-        <Link classes={S.link} linkTo={linkTo}>
-            <Icon classes={S.icon} svg={svg} hover={H.icon}/>
-        </Link>
-    )
-}
-
-export const BackIconPod = ({ svg }) => {
-
-    const { s, c, f, t, F, B, S, I, H } = useStyle()
-
-    H.icon = [[c.base_NN_W700]]
-
-    S.link = [s.row_cXcY, s.Y64, s.X48]
-    S.icon = [s.row_cXcY, s.XY40, s.radiusRound, c.item_NN_B400]
-
-    return (
-        <View classes={S.link}>
-            <Icon classes={S.icon} svg={svg} hover={H.icon}/>
-        </View>
-    )
-}

package/assets/root.fullstackunicorn.dev/frontend/modules/core/Bulleted.js

@@ -1,37 +0,0 @@
-import { useStyle } from '#@/style/@use.js'
-import { View } from '#@/imports/core/View.js'
-
-export const Bulleted = ({ block = 'p', children }) => {
-
-    const { s, c, f, t, F, B, S, I, H } = useStyle()
-
-    const heights = {}
-    heights.h1 = s.Y40
-    heights.h2 = s.Y36
-    heights.h3 = s.Y32
-    heights.h4 = s.Y28
-    heights.h5 = s.Y20
-    heights.h6 = s.Y18
-    heights.p = s.Y28
-
-    B.height = heights[block] ? [heights[block]] : [s.Y28]
-
-    S.root = [s.row_sX, s.Xr]
-    S.side = [s.col_sY, s.X32]
-    S.body = [s.Xr]
-    S.box = [s.row_cXcY, s.X32, ...B.height]
-    S.dot = [s.XY8, s.radiusRound, c.base_NN_B400]
-
-    return (
-        <View classes={S.root}>
-            <View classes={S.side}>
-                <View classes={S.box}>
-                    <View classes={S.dot} />
-                </View>
-            </View>
-            <View classes={S.body}>
-                {children}
-            </View>
-        </View>
-    )
-}

package/assets/root.fullstackunicorn.dev/frontend/modules/core/Icon.js

@@ -1,20 +0,0 @@
-import { useState } from 'react'
-import { IconPod } from './Icon.pod.js'
-
-export const Icon = ({ classes, inline, onPress, onLongPress, svg, hover }) => {
-
-    const [isHover, setIsHover] = useState(false)
-    
-    return ( 
-        <IconPod 
-            hover={hover}
-            isHover={isHover} 
-            classes={classes} 
-            inline={inline}
-            onPress={onPress}
-            onLongPress={onLongPress}
-            setIsHover={setIsHover}
-            svg={svg}
-        />
-    )
-}

package/assets/root.fullstackunicorn.dev/frontend/modules/core/Icon.pod.js

@@ -1,28 +0,0 @@
-import { useStyle } from '#@/style/@use'
-import { Pressable } from '#@/imports/core/Pressable'
-import { Svg } from '#@/imports/core/Svg'
-
-export const IconPod = ({ 
-    classes=[], inline={}, 
-    isHover, setIsHover, hover=[], 
-    onPress, onLongPress, svg
-}) => {
-
-    const { s, c, f, t, F, B, S, I, H } = useStyle()
-
-    B.hover = isHover ? hover[0] || [] : hover[1] || []
-    
-    S.icon = [s.row_cXcY, ...B.hover, ...classes] // s.radiusRound
-    
-    return (
-        <Pressable 
-            classes={S.icon} 
-            inline={inline} 
-            onPress={onPress} 
-            onLongPress={onLongPress} 
-            setIsHover={setIsHover} 
-        >
-            <Svg svg={svg}/>
-        </Pressable>
-    )
-}

package/assets/root.fullstackunicorn.dev/frontend/modules/core/Img.js

@@ -1,19 +0,0 @@
-import { useState } from 'react'
-import { ImgPod } from './Img.pod.js'
-
-export const Img = ({ classes, inline, imgClasses, imgInline, onPress, onLongPress, img, hover }) => {
-
-    const [isHover, setIsHover] = useState(false)
-    const isDrawing = !onPress && !onLongPress
-
-    return ( 
-        <ImgPod 
-            {...{classes, inline, imgClasses, imgInline, onPress, onLongPress, img, hover}}
-            isHover={isHover} 
-            setIsHover={setIsHover}
-            hover={hover}
-            isDrawing={isDrawing} 
-            src={img}
-        />
-    )
-}

package/assets/root.fullstackunicorn.dev/frontend/modules/core/Img.pod.js

@@ -1,26 +0,0 @@
-import { useStyle } from '#@/style/@use'
-import { Pressable } from '#@/imports/core/Pressable'
-import { ImgData } from '#@/imports/core/Img.js'
-
-export const ImgPod = ({ classes=[], inline={}, imgClasses=[], imgInline={}, 
-    onPress, onLongPress, isHover, setIsHover, hover=[], src, isDrawing }) => {
-
-    const { s, c, f, t, F, B, S, I, H } = useStyle()
-
-    B.hover = isHover ? [hover[0]] || [c.base_NN_W700] : [hover[1]] || []
-    
-    S.box = [s.row_cXcY, ...B.hover, ...classes]
-    
-    return (
-        <Pressable classes={S.box} inline={inline} 
-            onPress={onPress} 
-            onLongPress={onLongPress} 
-            setIsHover={setIsHover} 
-            isView={isDrawing}
-        >
-            <ImgData classes={imgClasses} inline={imgInline}
-                src={src}
-            />
-        </Pressable>
-    )
-}

package/assets/root.fullstackunicorn.dev/frontend/modules/core/Link.js

@@ -1,35 +0,0 @@
-import { useState } from 'react'
-import { useNavigate } from '#@/imports/router'
-import { LinkPod } from './Link.pod.js'
-
-export const Link = ({ 
-    classes=[], inline={}, 
-    onPress= async ()=>{}, onLongPress, 
-    children, linkTo, hover,
-    setIsHover:parentSetIsHover=false
-}) => {
-
-    const [isHover, setIsHover] = useState(false)
-
-    const navigate = useNavigate()
-
-    const onAction = async () => {
-        const result = await onPress()
-        if(linkTo && !result) navigate(linkTo)
-    }
-
-    return ( 
-        <LinkPod 
-            linkTo={linkTo}
-            classes={classes} 
-            inline={inline} 
-            onPress={onAction} 
-            onLongPress={onLongPress}
-            setIsHover={parentSetIsHover?parentSetIsHover:setIsHover}
-            isHover={isHover}
-            hover={hover}
-        >
-            {children}
-        </LinkPod>
-    )
-}

package/assets/root.fullstackunicorn.dev/frontend/modules/core/Link.pod.js

@@ -1,28 +0,0 @@
-import { useStyle } from '#@/style/@use'
-import { Link } from '#@/imports/core/Link'
-
-export const LinkPod = ({ 
-    classes=[], inline={}, children, linkTo,
-    isHover, setIsHover, hover=[], 
-    onPress, onLongPress
-}) => {
-
-    const { s, c, f, t, F, B, S, I, H } = useStyle()
-
-    B.hover = isHover ? hover[0] || [] : hover[1] || []
-
-    S.classes = [...classes, ...B.hover]
-    
-    return ( 
-        <Link 
-            linkTo={linkTo}
-            classes={S.classes} 
-            inline={inline} 
-            onPress={onPress} 
-            onLongPress={onLongPress}
-            setIsHover={setIsHover}
-        >
-            {children}
-        </Link>
-    )
-}

package/assets/root.fullstackunicorn.dev/frontend/modules/core/Slider.js

@@ -1 +0,0 @@
-export { SliderPod as Slider } from './Slider.pod.js'

package/assets/root.fullstackunicorn.dev/frontend/modules/core/Slider.pod.js

@@ -1,30 +0,0 @@
-import { useStyle } from '#@/style/@use'
-import { View } from '#@/imports/core/View'
-import { Pressable } from '#@/imports/core/Pressable'
-
-export const SliderPod = ({ classes=[], inline, onPress=null, isOn }) => {
-
-    const { s, c, f, t, F, B, S, I, H } = useStyle()
-
-    B.onOff = isOn ? [s.row_eXcY, c.base_C1] : [s.row_sXcY, c.base_NN]
-    
-    S.slider = [s.row_cXcY, ...classes, inline]
-    S.box = [s.X32, s.Y20, s.radius16, ...B.onOff]
-    S.circle = [s.XY16, s.marginX2, s.radius16, c.base_NN_W700]
-    
-    if (!onPress) return (
-        <View classes={S.slider}>
-            <View classes={S.box}>
-                <View classes={S.circle}></View>
-            </View>
-        </View>
-    )
-
-    return (
-        <Pressable classes={S.slider} onPress={onPress}>
-            <View classes={S.box}>
-                <View classes={S.circle}></View>
-            </View>
-        </Pressable>
-    )
-}

package/assets/root.fullstackunicorn.dev/frontend/modules/layout/Wrapper.js

@@ -1,25 +0,0 @@
-import { useGetWidth } from '#@/base/layout/@use.js'
-import { WrapperPod } from '#@/modules/layout/Wrapper.pod.js'
-
-export const Wrapper = ({ settings, children }) => {
-
-    const width = useGetWidth()
-
-    const rangeTop = Number(settings.maxWidth) + (Number(settings.paddingX) * 2)
-
-    let paddingX = 0
-
-    if (width > settings.maxWidth && width < rangeTop) {
-        paddingX = Math.floor((rangeTop - width) / 2)
-    }
-
-    if (width <= settings.maxWidth) {
-        paddingX = settings.paddingX
-    }
-
-    return (
-        <WrapperPod paddingX={paddingX}>
-            {children}
-        </WrapperPod>
-    )
-}

package/assets/root.fullstackunicorn.dev/frontend/modules/layout/Wrapper.pod.js

@@ -1,23 +0,0 @@
-import { useStyle } from '#@/style/@use.js'
-import { View } from '#@/imports/core/View.js'
-
-export const WrapperPod = ({ paddingX, children }) => {
-
-    const { s, c, f, t, F, B, S, I, H } = useStyle()
-
-    S.box = [s.X100p]
-    S.wrap = []
-
-    I.wrap = {
-        paddingLeft: `${paddingX}px`,
-        paddingRight: `${paddingX}px`,
-    }
-
-    return (
-        <View classes={S.box}>
-            <View classes={S.wrap} inline={I.wrap}>
-                {children}
-            </View>
-        </View>
-    )
-}

package/assets/root.fullstackunicorn.dev/frontend/modules/modals/select/Actions.js

@@ -1,45 +0,0 @@
-import { useGetStatics } from '#@/base/statics/@use.js'
-import { TextButton } from '#@/modules/buttons/TextButton.js'
-import { SelectPicked } from '#@/modules/modals/select/SelectPicked.js'
-import { ActionsPod } from './Actions.pod.js'
-
-export const Actions = ({ selected, onSave, onRestore, isDisabled, compact = false }) => {
-
-    const statics = useGetStatics()
-
-    if (compact) {
-        return (
-            <ActionsPod
-                compact={compact}
-                action={<TextButton
-                    text={statics.verbal.buttons.save}
-                    color='C1'
-                    type='fill'
-                    onPress={onSave}
-                    isDisabled={isDisabled}
-                />}
-            />
-        )
-    }
-
-    return (
-        <ActionsPod
-            compact={compact}
-            picked={<SelectPicked
-                value={selected.value}
-                slug={selected.slug}
-                img={selected.img}
-                svg={statics.visual.svg.confirmFalse}
-                onPress={onRestore}
-                isDisabled={isDisabled}
-            />}
-            action={<TextButton
-                text={statics.verbal.buttons.save}
-                color='C1'
-                type='fill'
-                onPress={onSave}
-                isDisabled={isDisabled}
-            />}
-        />
-    )
-}

package/assets/root.fullstackunicorn.dev/frontend/modules/modals/select/Actions.pod.js

@@ -1,19 +0,0 @@
-import { useStyle } from '#@/style/@use'
-import { View } from '#@/imports/core/View'
-
-export const ActionsPod = ({ picked, action, compact = false }) => {
-
-    const { s, c, f, t, F, B, S, I, H } = useStyle()
-
-    S.action = compact ? [s.row_cXcY, s.Xc] : [s.row_cY, s.Xr]
-    S.picked = compact ? [] : [s.row_sXcY, s.Xr, s.Xx1]
-    S.space = [s.X8]
-
-    return (
-        <View classes={S.action}>
-            {!compact && <View classes={S.picked}>{picked}</View>}
-            {!compact && <View classes={S.space}/>}
-            {action}
-        </View>
-    )
-}

package/assets/root.fullstackunicorn.dev/frontend/modules/modals/select/SelectItem.js

@@ -1,20 +0,0 @@
-import { useState } from 'react'
-import { SelectItemPod } from './SelectItem.pod.js'
-
-export const SelectItem = ({ slug, value, img, onPress, isCurrent }) => {
-
-    const [isHover, setIsHover] = useState()
-
-    return (
-        <SelectItemPod 
-            isHover={isHover}
-            setIsHover={setIsHover}
-            isCurrent={isCurrent}
-            slug={slug}
-            value={value}
-            img={img}
-            isImg={!!img}
-            onPress={onPress}
-        />
-    )
-}

package/assets/root.fullstackunicorn.dev/frontend/modules/modals/select/SelectItem.pod.js

@@ -1,33 +0,0 @@
-import { useStyle } from '#@/style/@use'
-import { Img } from '#@/modules/core/Img'
-import { Textline } from '#@/imports/core/Text'
-import { Pressable } from '#@/imports/core/Pressable'
-         
-export const SelectItemPod = ({ onPress=()=>{}, slug, value, img, isHover, setIsHover=()=>{}, isCurrent }) => {
-
-    const { s, c, f, t, F, B, S, I, H } = useStyle()
-
-    F.text = [s.fs16, s.lh20, s.fw500]
-
-    B.background = isCurrent ? isHover ? [c.base_C1_W500] : [c.base_C1_W600] : isHover ? [c.base_NN_W600] : []
-    B.img = !!img ? [] : [s.paddingX12]
-    
-    S.item = [s.row_sXcY, s.Y48, s.radius8, s.marginB4, ...B.background, ...B.img]
-    S.imgBox = [s.X26, s.Y20, s.marginX7, s.marginY18, s.radius5, s.border1, c.line_NN, c.item_NN_B400]
-    S.img = [s.X24, s.Y18, s.overflowHidden, s.radius4]
-    S.text = [...F.text, s.row_sXcY, s.paddingE12, c.item_NN_B400] 
-    
-    return (
-        <Pressable classes={S.item} 
-            key={slug} 
-            onPress={onPress} 
-            setIsHover={setIsHover}
-        >
-            {!!img && <Img classes={S.imgBox} 
-                imgClasses={S.img} 
-                img={img}
-            />}
-            <Textline classes={S.text} font={f.f1} text={value} />
-        </Pressable>
-    )
-}

package/assets/root.fullstackunicorn.dev/frontend/modules/modals/select/SelectPage.js

@@ -1,33 +0,0 @@
-import { SelectItem } from '#@/modules/modals/select/SelectItem.js'
-import { SelectPagePod } from './SelectPage.pod.js'
-
-export const SelectPage = ({ itemLogic, itemVerbal, itemVisual, selected, setValue }) => {
-
-    const items = []
-    for (const slug of itemLogic.options) {
-        const value = itemVerbal.options[slug]
-        const img = itemVisual?.options?.[slug]
-        items.push({ slug, value, img })
-    }
-
-    const mapper = ({ item = {} }) => {
-        const isCurrent = selected.slug === item.slug
-        const onPress = () => setValue(item)
-        return (
-            <SelectItem 
-                key={item.slug} 
-                slug={item.slug} 
-                value={item.value} 
-                img={item.img}
-                onPress={onPress} 
-                isCurrent={isCurrent} 
-            />
-        )
-    }
-
-    return (
-        <SelectPagePod data={items} mapper={mapper}>
-            {/* <InputText value={value}/> */}
-        </SelectPagePod>
-    )
-} 

package/assets/root.fullstackunicorn.dev/frontend/modules/modals/select/SelectPage.pod.js

@@ -1,18 +0,0 @@
-import { useStyle } from '#@/style/@use'
-import { View } from '#@/imports/core/View'
-import { List } from '#@/imports/core/List'
-         
-export const SelectPagePod = ({ data, mapper, children }) => {
-
-    const { s, c, f, t, F, B, S, I, H } = useStyle()
-
-    S.page = [s.col, s.Yc]
-    S.list = [s.col, s.Yc]
-    
-    return (
-        <View classes={S.page}>
-            {children}
-            <List classes={S.list} data={data} mapper={mapper}/>
-        </View>
-    )
-} 

package/assets/root.fullstackunicorn.dev/frontend/modules/modals/select/SelectPicked.js

@@ -1,21 +0,0 @@
-import { useState } from 'react'
-import { SelectPickedPod } from './SelectPicked.pod.js'
-
-export const SelectPicked = ({ value, slug, img, svg, onPress, isDisabled }) => {
-
-    const [isHover, setIsHover] = useState()
-
-    return (
-        <SelectPickedPod 
-            isHover={isHover}
-            setIsHover={setIsHover}
-            value={value}
-            slug={slug}
-            img={img}
-            isImg={!!img}
-            svg={svg}
-            onPress={isDisabled ? ()=>{} : onPress}
-            isDisabled={isDisabled}
-        />
-    )
-}

package/assets/root.fullstackunicorn.dev/frontend/modules/modals/select/SelectPicked.pod.js

@@ -1,35 +0,0 @@
-import { useStyle } from '#@/style/@use'
-import { Img } from '#@/modules/core/Img'
-import { Icon } from '#@/modules/core/Icon'
-import { View } from '#@/imports/core/View'
-import { Textline } from '#@/imports/core/Text'
-
-export const SelectPickedPod = ({ value, slug, img, isHover, setIsHover=()=>{},
-    svg, onPress, isDisabled }) => {
-
-    const { s, c, f, t, F, B, S, I, H } = useStyle()
-
-    F.text = [s.fs16, s.lh20, s.fw500]
-
-    B.hover = isHover ? [c.base_C1_W550] : [c.base_C1_W600]
-    B.icon = isDisabled ? c.item_NN_B400_50 : c.item_NN_B400
-    B.img = !!img ? [] : [s.paddingS12]
-    
-    S.item = [s.row_sXcY, s.Y40, s.radius8, s.Xmin80, s.border1, c.line_NN_W500, ...B.hover, ...B.img]
-    S.imgBox = [s.X26, s.Y20, s.marginX7, s.radius5, s.border1, c.line_NN, c.item_NN_B400]
-    S.img = [s.X24, s.Y18, s.overflowHidden, s.radius4]
-    S.textBox = [s.row_cY]
-    S.text = [...F.text, s.Xr, c.item_NN_B400] 
-    S.icon = [s.XY40, B.icon]
-    
-    return (
-        <View classes={S.item} key={slug} setIsHover={setIsHover}>
-            {!!img && <Img classes={S.imgBox} 
-                imgClasses={S.img} 
-                img={img}
-            />}
-            <Textline classes={S.text} font={f.f1} text={value}/>
-            <Icon classes={S.icon} svg={svg} onPress={onPress}/>
-        </View>
-    )
-}

package/assets/root.fullstackunicorn.dev/frontend/modules/modals/slider/Actions.js

@@ -1,12 +0,0 @@
-import { LanguageButton } from '#@/base/language/LanguageButton'
-import { ActionsPod } from './Actions.pod.js'
-
-export const Actions = ({ isLanguageButton, children }) => {
-    return (
-        <ActionsPod 
-            language={!isLanguageButton ? null : <LanguageButton/>}
-        >
-            {children}
-        </ActionsPod>
-    )
-} 

package/assets/root.fullstackunicorn.dev/frontend/modules/modals/slider/Actions.pod.js

@@ -1,22 +0,0 @@
-import { useStyle } from '#@/style/@use'
-import { View } from '#@/imports/core/View'
-
-export const ActionsPod = ({ language, children }) => {
-
-    const { s, c, f, t, F, B, S, I, H } = useStyle()
-
-    S.action = [s.row, s.Xr]
-    S.boxS = [s.row_sXcY, s.Xr]
-    S.boxE = [s.row_eXcY]
-
-    return (
-        <View classes={S.action}>
-            <View classes={S.boxS}>
-                {language}
-            </View>
-            <View classes={S.boxE}>
-            {children}
-            </View>
-        </View>
-    )
-}

package/assets/root.fullstackunicorn.dev/frontend/modules/modals/slider/SliderItem.js

@@ -1,30 +0,0 @@
-import { useState } from 'react'
-import { SliderItemPod } from './SliderItem.pod.js'
-
-export const SliderItem = ({ 
-    svg, title, description, label, labelOn, labelOff, 
-    name, formResult, isAlways }) => {
-
-    const [isHover, setIsHover ] = useState(false)
-    const [isTrue, setIsTrue] = useState(formResult.current[name]?.isAgreed)
-
-    const onSetIsTrue = (result) => {
-        if (isAlways) return
-        const timestamp = new Date().toISOString()
-        formResult.current[name]={isAgreed:result, timestamp}
-        setIsTrue(result)
-    }
-
-    return (
-        <SliderItemPod 
-            isTrue={isTrue}
-            setIsTrue={()=>onSetIsTrue(!isTrue)}
-            svg={svg}
-            title={title}
-            description={description}
-            label={label ? label : isTrue ? labelOn : labelOff}
-            isHover={isHover}
-            setIsHover={setIsHover}
-        />
-    )
-}