@codeleap/web 1.0.1 → 1.1.3

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

@@ -1,14 +0,0 @@
-import React from 'react';
-import { ComponentVariants, IconPlaceholder, RouterComposition, RouterStyles } from '@codeleap/common';
-import { StylesOf } from '../../types/utility';
-export declare type RouteProps = {
-    title?: string;
-    path?: string;
-    menuIcon?: IconPlaceholder;
-};
-export * from './Router';
-declare type RouterPageProps = {
-    basePath: string;
-    styles: StylesOf<RouterComposition>;
-} & ComponentVariants<typeof RouterStyles>;
-export declare const RouterPage: React.FC<RouterPageProps>;

package/dist/components/router/index.js

@@ -1,69 +0,0 @@
-"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;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
-}) : (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);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.RouterPage = void 0;
-var jsx_runtime_1 = require("@emotion/react/jsx-runtime");
-var View_1 = require("../View");
-var react_1 = __importStar(require("react"));
-var Menu_1 = require("./Menu");
-var Router_1 = require("./Router");
-var common_1 = require("@codeleap/common");
-__exportStar(require("./Router"), exports);
-var RouterPage = function (props) {
-    var children = props.children, basePath = props.basePath, variants = props.variants, responsiveVariants = props.responsiveVariants, styles = props.styles;
-    var _a = (0, react_1.useMemo)(function () {
-        var items = [];
-        var defaultPath = '';
-        react_1.default.Children.forEach(children, function (c) {
-            if (react_1.default.isValidElement(c)) {
-                var _a = c.props, title = _a.title, path = _a.path, menuIcon = _a.menuIcon;
-                if ([title, path, menuIcon].some(function (i) { return !i; })) {
-                    return;
-                }
-                if (c.props.default)
-                    defaultPath = path;
-                items.push(__assign(__assign({}, c.props), { title: title, path: "".concat(basePath).concat(path), icon: menuIcon }));
-            }
-        });
-        return {
-            menuItems: items,
-            defaultPath: defaultPath,
-        };
-    }, [children]), menuItems = _a.menuItems, defaultPath = _a.defaultPath;
-    var variantStyles = (0, common_1.useComponentStyle)('Router', { variants: variants, responsiveVariants: responsiveVariants, styles: styles });
-    return (0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(Menu_1.Menu, { items: menuItems, styles: variantStyles }, void 0), (0, jsx_runtime_1.jsx)(View_1.View, __assign({ css: variantStyles.content }, { children: (0, jsx_runtime_1.jsx)(Router_1.Router, __assign({ defaultPath: defaultPath, basePath: basePath }, { children: children }), void 0) }), void 0)] }, void 0);
-};
-exports.RouterPage = RouterPage;
-//# sourceMappingURL=index.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/router/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gCAA8B;AAC9B,6CAAsC;AAEtC,+BAA6B;AAC7B,mCAAiC;AACjC,2CAAyH;AAUzH,2CAAwB;AAOjB,IAAM,UAAU,GAA6B,UAAC,KAAK;IACjD,IAAA,QAAQ,GAAqD,KAAK,SAA1D,EAAG,QAAQ,GAA0C,KAAK,SAA/C,EAAE,QAAQ,GAAgC,KAAK,SAArC,EAAE,kBAAkB,GAAY,KAAK,mBAAjB,EAAE,MAAM,GAAI,KAAK,OAAT,CAAS;IAEnE,IAAA,KAA2B,IAAA,eAAO,EAAC;QACvC,IAAM,KAAK,GAAG,EAAE,CAAA;QAEhB,IAAI,WAAW,GAAG,EAAE,CAAA;QAEpB,eAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,QAAQ,EAAE,UAAC,CAAC;YACjC,IAAI,eAAK,CAAC,cAAc,CAAC,CAAC,CAAC,EAAC;gBACpB,IAAA,KAA0B,CAAC,CAAC,KAAK,EAAhC,KAAK,WAAA,EAAE,IAAI,UAAA,EAAE,QAAQ,cAAW,CAAA;gBACvC,IAAI,CAAC,KAAK,EAAE,IAAI,EAAE,QAAQ,CAAC,CAAC,IAAI,CAAC,UAAC,CAAC,IAAK,OAAA,CAAC,CAAC,EAAF,CAAE,CAAC,EAAC;oBAC1C,OAAM;iBACP;gBACD,IAAI,CAAC,CAAC,KAAK,CAAC,OAAO;oBAAE,WAAW,GAAG,IAAI,CAAA;gBACvC,KAAK,CAAC,IAAI,uBACL,CAAC,CAAC,KAAK,KACV,KAAK,OAAA,EACL,IAAI,EAAE,UAAG,QAAQ,SAAG,IAAI,CAAE,EAC1B,IAAI,EAAE,QAAQ,IACd,CAAA;aACH;QACH,CAAC,CAAC,CAAA;QAEF,OAAO;YACL,SAAS,EAAE,KAAK;YAChB,WAAW,aAAA;SACZ,CAAA;IAEH,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,EA1BP,SAAS,eAAA,EAAE,WAAW,iBA0Bf,CAAA;IACd,IAAM,aAAa,GAAG,IAAA,0BAAiB,EAAC,QAAQ,EAAE,EAAC,QAAQ,UAAA,EAAE,kBAAkB,oBAAA,EAAE,MAAM,QAAA,EAAC,CAAC,CAAA;IACzF,OAAO,6DACL,uBAAC,WAAI,IACH,KAAK,EAAE,SAAS,EAChB,MAAM,EAAE,aAAa,WACrB,EACF,uBAAC,WAAI,aAAC,GAAG,EAAE,aAAa,CAAC,OAAO,gBAC9B,uBAAC,eAAM,aACL,WAAW,EAAE,WAAW,EACxB,QAAQ,EAAE,QAAQ,gBAEjB,QAAQ,YACF,YACJ,YACN,CAAA;AAEL,CAAC,CAAA;AA9CY,QAAA,UAAU,cA8CtB"}

package/src/components/ActivityIndicator/index.tsx

@@ -1,55 +0,0 @@
-import { View } from '../View'
-import { CSSObject, keyframes } from '@emotion/react'
-import { useComponentStyle,  ComponentVariants, ActivityIndicatorStyles, ActivityIndicatorComposition } from '@codeleap/common'
-import { StylesOf } from '../../types/utility'
-
-export * from './styles'
-
-const spin = keyframes`
-    from {
-        transform: rotate(0deg);
-    }
-    to{ 
-        transform: rotate(360deg);
-    }
-`
-
-
- 
-export type ActivityIndicatorProps = {
-    animating?:boolean
-    hidesWhenStopped?:boolean
-    styles?:StylesOf<ActivityIndicatorComposition>
-    css?:CSSObject
-} &   ComponentVariants<typeof ActivityIndicatorStyles>
-
-export const ActivityIndicator:React.FC<ActivityIndicatorProps> = (indicatorProps) => {
-  const { 
-    animating = true,
-    hidesWhenStopped = true,
-  
-    variants, 
-    responsiveVariants,
-    styles,
-    ...viewProps
-  } = indicatorProps
-
-
-  const variantStyles = useComponentStyle('ActivityIndicator', {
-    styles,
-    responsiveVariants,
-    variants,
-  })
-
-  if (!animating && hidesWhenStopped){
-    return null
-  }
- 
-  return <View {...viewProps} css={variantStyles.wrapper}>
-    <View css={{...variantStyles.circle, ...variantStyles.backCircle}}/>
-    <View css={{...variantStyles.circle, ...variantStyles.frontCircle, 
-      animation: `${spin} 1s infinite`, 
-      animationPlayState: animating ? 'running' :  'paused',
-    }}/>
-  </View>
-}

package/src/components/ActivityIndicator/styles.ts

@@ -1,18 +0,0 @@
-
-import { ActivityIndicatorComposition, ActivityIndicatorStyles, createDefaultVariantFactory } from '@codeleap/common'
-
-
-
-const createActivityIndicatorStyle = createDefaultVariantFactory<ActivityIndicatorComposition>()
-
-const getDefault = ActivityIndicatorStyles.default
-
-export const WebActivityIndicatorStyles = {
-  ...ActivityIndicatorStyles,
-  default: createActivityIndicatorStyle((theme) =>  {
-    const defaults = getDefault(theme)
-    return defaults
-
-  }),
-}
-

package/src/components/Button.tsx

@@ -1,67 +0,0 @@
-/** @jsx jsx */
-import { jsx } from '@emotion/react'
-import { useComponentStyle, ButtonStyles, ComponentVariants, ButtonComposition } from '@codeleap/common';
-import React, { ComponentPropsWithRef } from 'react'
-import { StylesOf } from '../types/utility'; 
-import { Text } from './Text';
-import { Touchable } from './Touchable';
-import { Icon } from './Icon';
-import { ActivityIndicator } from './ActivityIndicator';
-import { IconPlaceholder } from '@codeleap/common';
-
-type NativeButtonProps = ComponentPropsWithRef<'button'> 
-
-export type ButtonProps = NativeButtonProps &  ComponentVariants<typeof ButtonStyles>  & {  
-  text?:string
-  rightIcon?: IconPlaceholder
-  icon?: IconPlaceholder
-  onPress?:NativeButtonProps['onClick']
-  styles?: StylesOf<ButtonComposition>
-  loading?: boolean
-  
-} 
-
-export const Button:React.FC<ButtonProps> = (buttonProps) => {
-  const { 
-    variants = [],
-    responsiveVariants = {},
-    children,
-    icon,
-    text,
-    loading,
-    styles,
-    onPress,
-    rightIcon,
-    ...props 
-  } = buttonProps
-  
-  
-  const variantStyles = useComponentStyle('Button', {
-    responsiveVariants,
-    variants,
-    styles,
-  })  
-
-
-  function handlePress(e:Parameters<ButtonProps['onPress']>[0]){
-    props.onClick && props.onClick(e)
-    onPress && onPress(e)
-  }
-
- 
-  return (
-    <Touchable
-      css={variantStyles.wrapper}
-      component='button'
-      onClick={handlePress}
-      {...props}
-    >
-      {loading && <ActivityIndicator css={variantStyles.loader} />}
-      {!loading && <Icon name={icon} style={{...variantStyles.icon, ...variantStyles.leftIcon}}/>}
-      {children || <Text text={text} styles={{
-        text: variantStyles.text,
-      }}/>}
-      <Icon name={rightIcon} style={{...variantStyles.icon, ...variantStyles.rightIcon}}/>
-    </Touchable>
-  )
-}

package/src/components/CenterWrapper.tsx

@@ -1,24 +0,0 @@
-import React from 'react';
-import { View } from './View';
-import { StylesOf } from '../types/utility';
-import { ComponentVariants, useComponentStyle, CenterWrapperComposition, CenterWrapperStyles } from '@codeleap/common';
-
-export type CenterWrapperProps = {
-  styles?: StylesOf<CenterWrapperComposition>
-} & ComponentVariants<typeof CenterWrapperStyles>
-
-export const CenterWrapper:React.FC<CenterWrapperProps> = (props) => {
-  const {  styles: propStyles = {}, children, variants, styles, responsiveVariants } = props;
-
-  const variantStyles = useComponentStyle('CenterWrapper', {
-    variants, styles, responsiveVariants,
-  })
-
-  return (
-    <View  css={[variantStyles.wrapper, propStyles.wrapper]}>
-      <View css={[variantStyles.innerWrapper, propStyles.innerWrapper]}>{children}</View>
-    </View>
-  );
-}
-
-

package/src/components/Checkbox.tsx

@@ -1,46 +0,0 @@
-/** @jsx jsx */
-import {  jsx } from '@emotion/react'
-import { CheckboxComposition, CheckboxStyles, ComponentVariants, StylesOf, useComponentStyle, useStyle } from '@codeleap/common'
-import { ComponentPropsWithRef } from 'react'
-import { View } from './View'
-import { Text } from './Text'
-
-type NativeCheckboxProps = ComponentPropsWithRef<'input'>
-
-export type CheckboxProps = NativeCheckboxProps & {
-    checked?:boolean
-    onValueChange?: (checked:boolean) => any
-    label?: React.ReactNode
-    styles?:StylesOf<CheckboxComposition>
-} & ComponentVariants<typeof CheckboxStyles>
-
-export const Checkbox = (checkboxProps:CheckboxProps) => {
-  const {checked, onValueChange, variants= [], responsiveVariants = {}, label, onChange, styles, ...props} = checkboxProps
-
-  function handleChange(e:React.ChangeEvent<HTMLInputElement>){
-    onChange && onChange(e)
-    onValueChange && onValueChange(e.target.checked)
-  }
-
-  const variantStyles = useComponentStyle('Checkbox', {
-    responsiveVariants,
-    variants,
-    styles,
-  })
-  
-  const {logger} = useStyle()
-  logger.log('Checkbox Style', variantStyles, 'Style')
-  
-  return <View component='label' css={{...variantStyles.wrapper }} >
-    <input {...props} css={variantStyles.input}  onChange={handleChange}  type='checkbox' checked={checked}/>
-    <span className='checkbox-label' css={{
-      ...variantStyles.checkmarkWrapper,
-      '&:after': {
-        ...variantStyles.checkmark,
-      },
-    }}/>
-    {
-      typeof label === 'string' ?  <Text  text={label}  styles={{text: variantStyles.label}}/> : label
-    }
-  </View>
-}

package/src/components/ContentView.tsx

@@ -1,48 +0,0 @@
-import { ComponentVariants, ContentViewStyles,  useComponentStyle, ViewComposition } from '@codeleap/common'
-import { ActivityIndicator } from '.'
-import { ViewProps, View } from './View'
-import { Text } from './Text'
-import { StylesOf } from '../types/utility'
-
-export type ContentViewProps = Omit<ViewProps<'div'>, 'variants' | 'responsiveVariants'> & {
-    placeholderMsg: string
-    loading?:boolean
-    styles?: StylesOf<ViewComposition>
-} & ComponentVariants<typeof ContentViewStyles>
-
-const WrapContent = ({children,  ...props}:Partial<ContentViewProps>) => <View {...props} >{children}</View>
-
-export const ContentView:React.FC<ContentViewProps> = (rawProps) => {
-  const {
-    children,
-    placeholderMsg,
-    loading,
-    variants,
-    responsiveVariants,
-    styles,
-    ...props
-  } = rawProps
-
-  const variantStyle = useComponentStyle('ContentView', {
-    variants,
-    responsiveVariants,
-    styles,
-  })
-    
-  if (loading){
-    return <WrapContent {...props} css={variantStyle.wrapper}>
-      <ActivityIndicator css={variantStyle.loader}/>
-    </WrapContent>
-  }
-  const hasChildren = Object.keys(children||{}).length > 0
-  if (hasChildren){
-    return <WrapContent {...props}css={variantStyle.wrapper}>
-      {children}
-    </WrapContent>
-  }
-
-  return <WrapContent {...props} css={variantStyle.wrapper}>
-    <Text text={placeholderMsg} css={variantStyle.placeholder}/>
-  </WrapContent>
-    
-}

package/src/components/Drawer.tsx

@@ -1,114 +0,0 @@
-
-import { AnyFunction, ComponentVariants, DrawerComposition, DrawerStyles, IconPlaceholder, useComponentStyle } from '@codeleap/common'
-import { CSSObject } from '@emotion/react'
-import React, { ReactNode } from 'react'
-import { Overlay } from './Overlay'
-import { View } from './View'
-import { Text } from './Text'
-import { Button } from './Button'
-import { StylesOf } from '../types/utility'
-
-
-const axisMap = {
-  top: [-1, 'Y'],
-  bottom: [1, 'Y'],
-  left: [-1, 'X'],
-  right: [1, 'X'],
-} as const
-
-export type DrawerProps = {
-    open: boolean
-    toggle: AnyFunction
-    darkenBackground?:boolean
-    size: string|number
-    showCloseButton?:boolean
-    title?:ReactNode
-    footer?: ReactNode
-    position?: keyof typeof axisMap
-    styles?: StylesOf<DrawerComposition>
-    animationDuration?:string
-} & ComponentVariants<typeof DrawerStyles>
-
-const resolveHiddenDrawerPosition = (position: DrawerProps['position']):[string, string, CSSObject] => {
-  const [translateOrient, translateAxis] = axisMap[position]
-
-  const translateValues = {
-    X: 0,
-    Y: 0,
-  }
-
-  translateValues[translateAxis] = 100 * translateOrient
-
-  const css = `translate(${translateValues.X}%, ${translateValues.Y}%)`
-  const positioningKeys = translateAxis === 'X' ? ['top', 'bottom'] : ['left', 'right']
-
-  const positioning = Object.fromEntries(positioningKeys.map(k => [k, 0]))
-  return  [css, translateAxis, positioning]
-  
-}
-
-
-export const Drawer:React.FC<DrawerProps> = ({ ...rawProps}) => {
-  const {
-    open, 
-    toggle, 
-    children, 
-    size, 
-    title, 
-    footer, 
-    darkenBackground = true,
-    showCloseButton, 
-    position = 'bottom',
-    variants = [],
-    responsiveVariants = {},
-    styles,
-    animationDuration = '0.3s',
-  } = rawProps
-
-  const [hiddenStyle, axis, positioning] = resolveHiddenDrawerPosition(position)
-
-  const sizeProperty = axis === 'X' ? 'width' : 'height'
-  const fullProperty = sizeProperty === 'height' ? 'width' : 'height' 
-
-
-  const variantStyles = useComponentStyle('Drawer', {
-    styles,
-    variants,
-    responsiveVariants,
-  })
-  return <View 
-    css={{...variantStyles.wrapper,
-      transition: 'visibility 0.01s ease',
-      transitionDelay: open ? '0' : animationDuration,
-      visibility: open ?'visible' : 'hidden'   }}>
-    {
-      darkenBackground && <Overlay visible={open} css={variantStyles.overlay} onPress={() => toggle()}/> 
-    }
-    <View variants={['fixed']} css={{
-      transform: open ? `translate(0%, 0%)` : hiddenStyle,
-      transition: `transform ${animationDuration} ease`, 
-      [sizeProperty]: size,
-      [fullProperty]: '100%',
-      ...positioning,
-      [position]: 0,
-      ...variantStyles.box,
-
-    }} >
-      <View component='header' variants={['justifySpaceBetween']} css={variantStyles.header}>
-        {typeof title === 'string' ? <Text text={title} /> :  title}
-        {
-          showCloseButton && <Button onPress={toggle} icon={'close' as IconPlaceholder} variants={['icon']} css={variantStyles.headerCloseButton}/>
-        }
-      </View>
-      <View css={variantStyles.body}>
-        {children}
-      </View>
-      {
-        footer && 
-        <View component='footer' css={variantStyles.footer}>
-          {footer}
-        </View>
-      }
-    </View>
-  </View>
-}

package/src/components/FileInput.tsx

@@ -1,48 +0,0 @@
-import React, {  ComponentPropsWithoutRef,  useImperativeHandle, useRef } from 'react'
-import { WebInputFile } from '@codeleap/common'
-
-
-export type FileInputRef = {
-    openFilePicker: () => void
-}
-
-type FileInputProps= Omit<ComponentPropsWithoutRef<'input'>, 'type'> & {
-  onFileSelect(files:WebInputFile[]): void
-} 
-
-
-
-export const FileInput = React.forwardRef<FileInputRef, FileInputProps>((inputProps, ref) => {
-  const inputRef = useRef<HTMLInputElement>(null)
-
-  const { onFileSelect, ...props } = inputProps
-
-  useImperativeHandle(ref, () => ({
-    openFilePicker: () => {
-      inputRef.current.click()
-    },
-  }))
- 
-
-
-  function handleChange(e:React.ChangeEvent<HTMLInputElement>){
-    if (!e.target.files.length) return
-    inputProps.onChange && inputProps.onChange(e)
-    const fileArray = Array.from(e.target?.files||[])
-    
-    const files:WebInputFile[] = fileArray.map((obj) => ({
-      file: obj,
-      preview: URL.createObjectURL(obj),
-    }))
-
-    onFileSelect && onFileSelect(files)
-
-  }
-
-  return <input type={'file'} css={{visibility: 'hidden'}} {...props} ref={inputRef} onChange={handleChange}/>
-})
-
-
-
-
-

package/src/components/FlatList.tsx

@@ -1,77 +0,0 @@
-import { VariableSizeList as List } from 'react-window';
-import { ComponentProps, CSSProperties, ReactElement } from 'react'
-import AutoSizer from 'react-virtualized-auto-sizer'
-import { ComponentVariants, useComponentStyle, ViewComposition, ViewStyles } from '@codeleap/common';
-import { StylesOf } from '../types/utility';
-import { CSSObject } from '@emotion/react';
-
-export type FlatListRender<T> = (itemProps:{item:T, index:number, style:CSSProperties})  => ReactElement
-
-export type FlatListProps<T> = {
-    styles?:StylesOf<ViewComposition>
-    css?:CSSObject
-    data: T[]
-    getSize: (i:T, idx:number) => number
-    renderItem: FlatListRender<T>
-
-} & Omit<ComponentProps<typeof List>, 'itemCount' | 'itemSize' | 'itemData' | 'itemHeight' |'width'|'height'|'children'> 
-& ComponentVariants<typeof ViewStyles>
-
-export const FlatList = <T extends unknown>(flatListProps:FlatListProps<T>) => {
-  const { variants, responsiveVariants, styles, data, getSize, renderItem: Item, ...viewProps} = flatListProps
-
-  const variantStyles = useComponentStyle('View', {
-    variants, responsiveVariants, styles,
-  })
-
-  return <AutoSizer>
-    {
-      ({height, width}) => (
-
-        <List
-          height={height}
-          width={width}
-          itemCount={data.length}
-          itemData={data}
-          itemSize={(idx) => getSize(data[idx], idx)}
-          css={variantStyles.wrapper}
-          {...viewProps}
-        > 
-          {
-            ({style, index}) =>  <Item item={data[index]} style={style} index={index}/>   
-          }
-        </List>
-      )
-    }
-  </AutoSizer>
-  
-
-
-  // return <View {...viewProps}>
-  //   {data.map((item, idx) => <Component item={item} idx={idx} key={idx}/>)}
-  // </View>
-}
-
-
- 
-
-// const rowHeights = new Array(1000)
-//   .fill(true)
-//   .map(() => 25 + Math.round(Math.random() * 50));
- 
-// const getItemSize = index => rowHeights[index];
- 
-// const Row = ({ index, style }) => (
-//   <div style={style}>Row {index}</div>
-// );
- 
-// const Example = () => (
-//   <List
-//     height={150}
-//     itemCount={1000}
-//     itemSize={getItemSize}
-//     width={300}
-//   >
-//     {Row}
-//   </List>
-// );

package/src/components/HorizontalScroll.tsx

@@ -1,24 +0,0 @@
-import React, { ElementType } from 'react';
-import { ViewProps } from '.';
-import { View } from './View';
-
-export function HorizontalScroll<T extends ElementType = 'div'>(props:ViewProps<T>) {
-  const { children, style, ...otherProps } = props;
-
-  return (
-    <View {...otherProps} css={[styles.scroll, style]}>
-      {children}
-    </View>
-  );
-}
-
-const styles = {
-  scroll: {
-    overflow: 'auto',
-    '::-webkit-scrollbar': {
-      display: 'none',
-    },
-    whiteSpace: 'nowrap',
-  },
-};
-

package/src/components/Icon.tsx

@@ -1,26 +0,0 @@
-import { IconPlaceholder, useStyle } from '@codeleap/common'
-
-export type IconProps = {
-    name:IconPlaceholder
-    style?: {
-      color: string
-      size?:string|number
-      width?:string|number
-      height?:string|number
-    }
-
-}
-
-export const Icon:React.FC<IconProps> = ({name, style}) => {
-  const {Theme} = useStyle()
-  if (!name) return null
-  const Component = Theme?.icons?.[name]
-  
-  const {logger} = useStyle()
-
-  if (!Component) {
-    logger.warn('Icon', `No icon found in theme for name "${name}"`, 'Component')
-    return null
-  }
-  return <Component style={style}/>
-}