ywana-core8 0.1.103 → 0.2.1

package/src/incubator/wizard.test.js

@@ -1,127 +0,0 @@
-import React, { forwardRef, useEffect, useImperativeHandle, useState } from 'react'
-import { Property, TextField } from '../html'
-import { Wizard, WizardContext} from './wizard'
-
-export const Step1 = forwardRef((props, ref) => {
-    useImperativeHandle(ref, () => ({ id: 1, onNext }))
-
-    const wizardContext = React.useContext(WizardContext)
-    const { form } = wizardContext
-    const { next, onChange } = props
-    
-    useEffect(() => {
-        onChange(form, isValid(form)) 
-    }, [form])
-    
-    useEffect(() => {
-        if (form.name && form.name === "ok" && next) next()
-    }, [form])
-
-    function changeForm(id, value) {
-        wizardContext.setForm({ ...form, [id]: value })
-    }
-
-    function isValid(form) {
-        console.log("isValid1")
-        return form.name && form.name.length > 0
-    }
-
-    function onNext (onSuccess, onError) {
-        console.log("onNext1", props.label)
-        onSuccess()
-    }
-
-    return (
-        <div>
-            <h1>Step</h1>
-            <TextField id="name" label="Name" value={form.name} onChange={changeForm} />
-        </div>
-    )
-})
-
-export const Step2 = forwardRef((props, ref) => {
-    useImperativeHandle(ref, () => ({ id:2, isValid, onNext }))
-    
-    const wizardContext = React.useContext(WizardContext)
-    const { form } = wizardContext
-    const { onChange } = props
-    
-    useEffect(() => {
-        onChange(form, isValid(form)) 
-    }, [form])
-
-    function changeForm(id, value) {
-        wizardContext.setForm({ ...form, [id]: value })
-        props.onChange(form, isValid())
-    }
-
-    function isValid() {
-        console.log("isValid2")
-        return form.description && form.description.length > 0
-    }
-
-    function onNext (onSuccess, onError) {
-        console.log("onNext2", props.label)
-        onSuccess()
-    }
-
-    return (
-        <div>
-            <h1>Step</h1>
-            <TextField id="description" label="Name" value={form.description} onChange={changeForm} />
-        </div>
-    )
-})
-
-export const Step3 = forwardRef((props, ref) => {
-    useImperativeHandle(ref, () => ({ id:3, isValid, onNext }))
-
-    const wizardContext = React.useContext(WizardContext)
-    const { form } = wizardContext
-    const { onChange } = props
-    
-    useEffect(() => {
-        onChange(form, isValid(form)) 
-    }, [form])
-
-    function changeForm(id, value) {
-        wizardContext.setForm({ ...form, [id]: value })
-        props.onChange(form, isValid())
-    }
-
-    function isValid() {
-        console.log("isValid3")
-        return form.address && form.address.length > 0
-    }
-
-    function onNext (onSuccess, onError) {
-        console.log("onNExt3", props.label)
-        onSuccess()
-    }
-
-    return (
-        <div>
-            <h1>Step</h1>
-            <TextField id="address" label="Name" value={form.address} onChange={changeForm} />
-        </div>
-    )
-})
-
-const WizardTest = (prop) => {
-
-    const initForm = {
-        name: "John",
-        description: "Test Description",
-        address: "Test Address"
-    }
-
-    return (
-        <>
-            <Wizard init={0} form={initForm} >
-                <Step1 label="Paso 1"/>
-                <Step2 label="Paso 2"/>
-                <Step3 label="Paso 3"/>
-            </Wizard> 
-        </>
-    )
-}

package/src/site/site.test.js

@@ -1,230 +0,0 @@
-import React, { Fragment, useContext, useEffect, useState } from 'react'
-import { SiteContext } from './siteContext'
-import { Site } from './site'
-import { Page } from './page'
-import { Dialog } from './dialog'
-import { Button, DropDown, TextField, TextArea, Icon } from '../html'
-import { UploadDialog } from '../widgets/upload/UploadDialog'
-import { Uploader } from '../widgets/upload/Uploader'
-import { TabbedTablePage } from '../domain/TabbedTablePage'
-import { TablePage } from '../domain/TablePage'
-import { TablePage2 } from '../domain/TablePage2'
-import { CollectionPage } from '../domain/CollectionPage'
-import { FORMATS, TYPES } from '../domain/ContentType'
-import { TableTest } from '../html/table.test'
-import { PasswordEditor } from '../incubator/password'
-import './site.css'
-import './page.css'
-
-
-const SiteTest = (prop) => {
-
-    const footer = <div>FOOTER</div>
-
-    return (
-        <Site icon="star" title="Site Test" init={"PAGE5"} footer={footer}>
-            <Page id="PAGE1" section="SECTION1" icon="description" title="Page 1" layout="workspace">
-                <Page1 />
-            </Page>
-            <Page id="PAGE2" section="SECTION1" icon="description" title="Page 2" layout="workspace">
-                <Page2 />
-            </Page>
-            <Page id="PAGE3" section="SECTION1" icon="description" title="TablePage" layout="workspace">
-                <Page3 />
-            </Page>
-            <Page id="PAGE4" section="SECTION1" icon="description" title="Page 4" layout="workspace">
-                <Page4 />
-            </Page>
-            <Page id="PAGE5" section="SECTION1" icon="description" title="CollectionPage" layout="workspace">
-                <Page5 />
-            </Page>
-        </Site>
-    )
-}
-
-
-const Page1 = (props) => {
-
-    const site = useContext(SiteContext)
-    const [formm, setForm] = useState({})
-
-    useEffect(() => {
-        site.notify({ title: "Notification 1", body: "Lorem ipsum dolor sit amet" })
-    }, [])
-
-    function upload() {
-        site.openDialog(<UploadDialog target="https://maso.developxp.com/kiosk/api/upload" />)
-    }
-
-    function change(id, value) {
-        const next = Object.assign({}, form, { [id]: value })
-        setForm(next)
-    }
-
-    const options = [
-        { label: "One", value: "1" },
-        { label: "Two", value: "2" },
-        { label: "Three", value: "3" },
-        { label: "Four", value: "4" },
-        { label: "Five", value: "5" },
-    ]
-
-    return (
-        <Fragment>
-            <header>Page 1</header>
-            <main>
-                <Uploader icon="cloud_upload" target="https://maso.developxp.com/kiosk/api/upload" />
-                <Button label="Upload" action={upload} />
-                <TextField id="name" label="Name" value={form.name} onChange={change} />
-                <DropDown id="gender1" label="Dropdown 1" value={form.gender1} onChange={change} options={options} predictive={true} />
-                <DropDown id="gender2" label="Dropdown 2" value={form.gender2} onChange={change} options={options} predictive={false} />
-                <TextArea id="text1" label="Text 1" value={form.text1} onChange={change} />
-                <TextField id="date1" type="DATE" label="Date" value={form.date1} onChange={change} />
-            </main>
-            <footer>f1</footer>
-        </Fragment>
-    )
-}
-
-const Page2 = (props) => { 
-
-    const site = useContext(SiteContext)
-
-    function prompt() {
-        const actions = (
-            <Fragment>
-                <Button label="CLOSE" action={() => site.closePromptDialog()} />
-            </Fragment>
-        )
-        site.openPromptDialog(<Dialog className="prompt" actions={actions} >PROMPT</Dialog>)
-    }
-
-    function openDialog() {
-        const actions = (
-            <Fragment>
-                <Button label="CLOSE" action={() => site.closeDialog()} />
-            </Fragment>
-        )
-
-        site.openDialog(
-            <Dialog actions={actions}>
-                <main>
-                    <Button label="open Custom Prompt" action={prompt} />
-                </main>
-            </Dialog>
-        )
-    }
-    
-    function write() {
-        site.writeLog("xxx"+new Date())
-    }
-    
-    
-    return (
-        <Fragment>
-            <header>Page 2</header>
-            <main>
-                <Button label="open Dialog" action={openDialog} />
-                <Button label="Write inConsole" action={write} />
-            </main>
-            <footer>f2</footer>
-        </Fragment>
-    )
-}
-
-const Page3 = (props) => {
-
-    const ENTITYTYPE = {
-        name  : { id: "name"   , section: ""       , type: TYPES.STRING, format: FORMATS.NONE , required: true, tab: false, grouper: true , column: true , filter: true , like: true, label: "Name"   },
-        field1: { id: "field01", section: "E-INFO1", type: TYPES.STRING, format: FORMATS.NONE , required: true, tab: false, grouper: true , column: true , filter: true             , label: "E field1" },
-        field2: { id: "field02", section: "E-INFO2", type: TYPES.STRING, format: FORMATS.NONE , required: true, tab: false, grouper: true , column: true , filter: true             , label: "E field2" },
-        field3: { id: "field03", section: "E-INFO2", type: TYPES.STRING, format: FORMATS.NONE , required: true, tab: false, grouper: true , column: true , filter: true             , label: "E field3" },
-
-    }
-
-    const schema = {
-        name  : { id: "name"  , section: "A", type: TYPES.STRING, format: FORMATS.NONE , required: true, tab: false, grouper: true , column: true , filter: true , like: true, label: "Name"   },
-        state : { id: "state" , section: "A", type: TYPES.STRING, format: FORMATS.NONE , required: true, tab: true , grouper: true , column: true , filter: false            , label: "State" , options: [
-            { label: "Pendiente", value: "NOT_CLASSIFIED" },
-            { label: "Clasificada", value: "CLASSIFIED"}, 
-        ]},
-        field1: { id: "field1", section: "A", type: TYPES.STRING                  , format: FORMATS.NONE , required: true, tab: false, grouper: true , column: true , filter: true             , label: "field1" },
-        field2: { id: "field2", section: "B", type: TYPES.STRING                  , format: FORMATS.NONE , required: true, tab: false, grouper: true , column: true , filter: true             , label: "field2" },
-        field4: { id: "field4", section: "B", type: TYPES.STRING                  , format: FORMATS.COLOR, required: true, tab: false, grouper: true , column: true , filter: true             , label: "Color"  },
-        field5: { id: "field5", section: "B", type: TYPES.ENTITY, item: ENTITYTYPE, format: FORMATS.NONE , editable: true, tab: false, grouper: false, column: true , filter: true , like: false, label: "Entity5"},
-
-    }
-
-    return (
-        <Fragment>
-            <TablePage2 title="Referencias" schema={schema} host="http://localhost:3000" url="/references" canFilter={true} tableClassName="condensed" groupBy="state"/>
-        </Fragment>
-    )
-}
-
-
-const Page4 = (props) => {
-
-    const ENTITYTYPE = {
-        name  : { id: "name"  , section: "", type: TYPES.STRING, format: FORMATS.NONE , required: true, tab: false, grouper: true , column: true , filter: true , like: true, label: "Name"   },
-        field1: { id: "field1", section: "E-INFO1", type: TYPES.STRING, format: FORMATS.NONE , required: true, tab: false, grouper: true , column: true , filter: true             , label: "E field1" },
-        field2: { id: "field2", section: "E-INFO2", type: TYPES.STRING, format: FORMATS.NONE , required: true, tab: false, grouper: true , column: true , filter: true             , label: "E field2" },
-        field3: { id: "field3", section: "E-INFO2", type: TYPES.STRING, format: FORMATS.NONE , required: true, tab: false, grouper: true , column: true , filter: true             , label: "E field3" },
-    }
-
-    const schema = {
-        name  : { id: "name"  , section: "A", type: TYPES.STRING                  , format: FORMATS.NONE , required: true, tab: false, grouper: true , column: true , filter: true , like: true , label: "Name"   },
-        state : { id: "state" , section: "A", type: TYPES.STRING                  , format: FORMATS.NONE , required: true, tab: true , grouper: true , column: true , filter: false             , label: "State" , options: [
-            { label: "Pendiente", value: "NOT_CLASSIFIED" },
-            { label: "Clasificada", value: "CLASSIFIED"}, 
-        ]},
-        field1: { id: "field1", section: "A", type: TYPES.STRING                  , format: FORMATS.NONE , required: true, tab: false, grouper: true , column: true , filter: true              , label: "field1" },
-        field2: { id: "field2", section: "B", type: TYPES.STRING                  , format: FORMATS.NONE , required: true, tab: false, grouper: true , column: true , filter: true              , label: "field2" },
-        field4: { id: "field4", section: "B", type: TYPES.STRING                  , format: FORMATS.COLOR, required: true, tab: false, grouper: true , column: true , filter: true              , label: "Color"  },
-        field5: { id: "field5", section: "B", type: TYPES.ENTITY, item: ENTITYTYPE, format: FORMATS.NONE , editable: true, tab: false, grouper: false, column: true , filter: true , like: false, label: "Entity5"},
-
-    }
-
-    return (
-        <Fragment>
-            <TableTest />
-        </Fragment>
-    )
-}
-
-const Page5 = (props) => {
-
-    const ENTITYTYPE = {
-        name  : { id: "name"  , section: "", type: TYPES.STRING                   , format: FORMATS.NONE , required: true, tab: false, grouper: true , column: true , filter: true , like: true, label: "Name"     },
-        field1: { id: "field1", section: "", type: TYPES.STRING                   , format: FORMATS.NONE , required: true, tab: false, grouper: true , column: false, filter: true             , label: "E field1" },
-        field2: { id: "field2", section: "", type: TYPES.STRING                   , format: FORMATS.NONE , required: true, tab: false, grouper: true , column: false, filter: true             , label: "E field2" },
-        field3: { id: "field3", section: "", type: TYPES.STRING                   , format: FORMATS.NONE , required: true, tab: false, grouper: true , column: true , filter: true             , label: "E field3" },
-    }
-
-    const schema = {
-        field6: { id: "field6", section: "C", type: TYPES.ARRAY , item: ENTITYTYPE                                                                                  , filter: false             , label: "Collection 100"},
-        name  : { id: "name"  , section: "A", type: TYPES.STRING                  , format: FORMATS.NONE , required: true, tab: false, grouper: true , column: true , filter: true , like: true , label: "Name"   },
-        state : { id: "state" , section: "A", type: TYPES.STRING                  , format: FORMATS.NONE , required: true, tab: true , grouper: true , column: true , filter: true              , label: "State" , options: [
-            { label: "Pendiente", value: "NOT_CLASSIFIED" },
-            { label: "Clasificada", value: "CLASSIFIED" },
-        ]},
-        field1: { id: "field1", section: "A", type: TYPES.STRING                  , format: FORMATS.NONE , required: true, tab: false, grouper: true , column: true , filter: true              , label: "field1" },
-        field2: { id: "field2", section: "B", type: TYPES.STRING                  , format: FORMATS.NONE , required: true, tab: false, grouper: true , column: true , filter: true              , label: "field2" },
-        field4: { id: "field4", section: "B", type: TYPES.STRING                  , format: FORMATS.COLOR, required: true, tab: false, grouper: true , column: true , filter: false             , label: "Color"  },
-        field5: { id: "field5", section: "B", type: TYPES.ENTITY, item: ENTITYTYPE, format: FORMATS.NONE , editable: true, tab: false, grouper: false, column: true , filter: false, like: false, label: "Entity5"},
-        id    : { id: "id"                  , type: TYPES.STRING                                                                        , filter: false },
-    }
-
-    return (
-        <Fragment>
-            <PasswordEditor id="password" label="Password" value="12345678" onChange={(id, value) => console.log(id, value)} />
-            <CollectionPage 
-                title="Referencias" 
-                schema={schema} host="http://localhost:3000" url="/references" fetching={true}              // resource 
-                searchBy={["name"]} levels={["color"]}                                                      // list
-                canFilter={true} filters={{ name: "111" }}                                                                          // filters
-                editor="TABBED" canAdd={true}                                                               // editor
-            />
-        </Fragment>
-    )
-}

package/src/site/view.test.js

@@ -1,41 +0,0 @@
-import React, { useState } from 'react'
-import { Icon, MenuItem, Chip } from '../html'
-import { View } from './view'
-
-const ViewTest = (prop) => {
-
-    function close() {
-        alert('close view')
-    }
-
-    const menu = [
-        <MenuItem key="option1" label="option1" action={() => alert('1')} />
-    ]
-
-    const toolbar = [
-        <Icon key="action1" icon="person" clickable size="small"/>,
-        <Icon key="action2 " icon="people" clickable size="small"/>
-    ]
-
-    const info = [
-        <Chip label="Info1" />,
-        <Chip label="Info2" />,
-        <Chip label="Info3" />
-    ]
-
-    return (
-        <div style={{ padding: "1rem", height: "20rem" }}>
-            <View
-                canCollapse={true}
-                icon="star"
-                title="Title"
-                menu={menu}
-                onClose={close}
-                toolbar={toolbar}
-                info={info}
-            >
-                hola
-            </View>
-        </div>
-    )
-}

package/src/widgets/calendar/Calendar.test.js

@@ -1,28 +0,0 @@
-import React from 'react'
-import { Calendar } from './Calendar'
-import moment from 'moment'
-
-const CalendarTest = (prop) => {
-
-    const events = [
-        { id: 1, date: "2022-05-26", title: 'Event 1' },
-        { id: 2, date: "2023-12-26", title: 'Event 2' },
-        { id: 3, date: "2023-12-07", title: 'Event 3' },
-
-    ]
-
-    return (
-        <Calendar events={events} >
-            <CustomEvent />
-        </Calendar>
-    )
-}
-
-const CustomEvent = (props) => {    
-    const { event } = props
-    return (
-        <div className="custom-event" onClick={() => alert("!xxx")}>
-           {event.title}
-        </div>
-    )
-}

package/src/widgets/explorer/Explorer.test.js

@@ -1,121 +0,0 @@
-import React, { useState } from 'react'
-import { Button } from '../../html'
-import { FileExplorer, FileExplorerView, FileIconsView } from './explorer'
-
-
-const thumb1 = "https://findicons.com/files/icons/2813/flat_jewels/256/file.png"
-
-const files = [
-    { folder: "10001", id: "0001", icon: "description", title: "File 1", subtitle: "16 kb", src:thumb1 },
-    { folder: "10001", id: "0002", icon: "description", title: "File 2", subtitle: "16 kb", src:thumb1 },
-    { folder: "10001", id: "0003", icon: "description", title: "File 3", subtitle: "16 kb", src:thumb1 },
-    { folder: "10001", id: "0004", icon: "description", title: "File 4", subtitle: "16 kb", src:thumb1 },
-    { folder: "10001", id: "0005", icon: "description", title: "File 5", subtitle: "16 kb", src:thumb1 },
-    { folder: "10001", id: "0006", icon: "description", title: "File 6", subtitle: "16 kb", src:thumb1 },
-    { folder: "10001", id: "0007", icon: "description", title: "File 7", subtitle: "16 kb", src:thumb1 },
-    { folder: "10001", id: "0008", icon: "description", title: "File 8", subtitle: "16 kb", src:thumb1 },
-    { folder: "10001", id: "0009", icon: "description", title: "File 9", subtitle: "16 kb", src:thumb1 },
-    { folder: "10001", id: "0010", icon: "description", title: "File 10", subtitle: "16 kb", src:thumb1 },
-    { folder: "10001", id: "0011", icon: "description", title: "File 11", subtitle: "16 kb", src:thumb1 },
-    { folder: "10002", id: "0012", icon: "description", title: "File 12", subtitle: "16 kb", src:thumb1 },
-    { folder: "10002", id: "0013", icon: "description", title: "File 13", subtitle: "16 kb", src:thumb1 },
-    { folder: "10002", id: "0014", icon: "description", title: "File 14", subtitle: "16 kb", src:thumb1 },
-    { folder: "10002", id: "0015", icon: "description", title: "File 15", subtitle: "16 kb", src:thumb1 },
-    { folder: "10002", id: "0016", icon: "description", title: "File 16", subtitle: "16 kb", src:thumb1 },
-    { folder: "10002", id: "0017", icon: "description", title: "File 17", subtitle: "16 kb", src:thumb1 },
-    { folder: "10002", id: "0018", icon: "description", title: "File 18", subtitle: "16 kb", src:thumb1 },
-    { folder: "10002", id: "0019", icon: "description", title: "File 19", subtitle: "16 kb", src:thumb1 },
-    { folder: "10002", id: "0020", icon: "description", title: "File 20", subtitle: "16 kb", src:thumb1 },
-    { folder: "10002", id: "0021", icon: "description", title: "File 21", subtitle: "16 kb", src:thumb1 },
-    { folder: "10002", id: "0022", icon: "description", title: "File 22", subtitle: "16 kb", src:thumb1 },
-    { folder: "10002", id: "0023", icon: "description", title: "File 23", subtitle: "16 kb", src:thumb1 },
-    { folder: "10002", id: "0024", icon: "description", title: "File 24", subtitle: "16 kb", src:thumb1 },
-    { folder: "10003", id: "0025", icon: "description", title: "File 25", subtitle: "16 kb", src:thumb1 },
-    { folder: "10003", id: "0026", icon: "description", title: "File 26", subtitle: "16 kb", src:thumb1 },
-    { folder: "10003", id: "0027", icon: "description", title: "File 27", subtitle: "16 kb", src:thumb1 },
-    { folder: "10003", id: "0028", icon: "description", title: "File 28", subtitle: "16 kb", src:thumb1 },
-    { folder: "10003", id: "0029", icon: "description", title: "File 29", subtitle: "16 kb", src:thumb1 },
-    { folder: "10003", id: "0030", icon: "description", title: "File 30", subtitle: "16 kb", src:thumb1 },
-    { folder: "10003", id: "0031", icon: "description", title: "File 31", subtitle: "16 kb", src:thumb1 },
-    { folder: "10003", id: "0032", icon: "description", title: "File 32", subtitle: "16 kb", src:thumb1 },
-    { folder: "10004", id: "0033", icon: "description", title: "File 33", subtitle: "16 kb", src:thumb1 },
-    { folder: "10004", id: "0034", icon: "description", title: "File 34", subtitle: "16 kb", src:thumb1 },
-    { folder: "10004", id: "0035", icon: "description", title: "File 35", subtitle: "16 kb", src:thumb1 },
-    { folder: "10004", id: "0036", icon: "description", title: "File 36", subtitle: "16 kb", src:thumb1 },
-    { folder: "10004", id: "0037", icon: "description", title: "File 37", subtitle: "16 kb", src:thumb1 },
-    { folder: "10005", id: "0033", icon: "description", title: "File 33", subtitle: "16 kb", src:thumb1 },
-    { folder: "10005", id: "0034", icon: "description", title: "File 34", subtitle: "16 kb", src:thumb1 },
-    { folder: "10005", id: "0035", icon: "description", title: "File 35", subtitle: "16 kb", src:thumb1 },
-    { folder: "10005", id: "0036", icon: "description", title: "File 36", subtitle: "16 kb", src:thumb1 },
-    { folder: "10005", id: "0037", icon: "description", title: "File 37", subtitle: "16 kb", src:thumb1 },
-]
-
-const folders = [
-    { id: "10000", icon: "folder", title: "Folder 1", subtitle: "1 file" , children: [
-        { id: "10001", icon: "folder", title: "Folder 2", subtitle: "1 file" },
-        { id: "20003", icon: "folder", title: "Folder 3", subtitle: "1 file" },
-        { id: "20004", icon: "folder", title: "Folder 4", subtitle: "1 file" },
-    ]},
-    { id: "10002", icon: "folder", title: "Folder 2", subtitle: "1 file" },
-    { id: "10003", icon: "folder", title: "Folder 3", subtitle: "1 file" },
-    { id: "10004", icon: "folder", title: "Folder 4", subtitle: "1 file" },
-    { id: "10005", icon: "folder", title: "Folder 5", subtitle: "1 file" },
-]
-
-
-const FileExplorerViewTest = (props) => {
-    
-    const [selectedFolder, setSelectedFolder] = useState()
-    const [selectedFile, setSelectedFile] = useState()
-    const [search, setSearch] = useState()
-    
-    function selectFolder(id) {
-        setSelectedFolder(id)
-    }
-
-    function selectFile(id) {
-        setSelectedFile(id)
-    }
-
-    function searchChanged(value) {
-        setSearch(value)
-    }
-
-    const filteredFiles = search ? files.filter(file => file.title.toLowerCase().includes(search.toLowerCase())) : files
-    const selectedFiles = filteredFiles.filter(file => file.folder === selectedFolder)
-
-    return (
-        <div style={{ padding: "1rem", flex: "1", height: "100%" }}>
-            <FileExplorerView
-                title="File Explorer Test" 
-                folders={folders} selectedFolder={selectedFolder} onSelectFolder={selectFolder} 
-                files={selectedFiles} selectedFile={selectedFile} onSelectFile={selectFile} 
-                search={search} onSearch={searchChanged}
-            />
-        </div>
-    )
-}
-
-
-const FileExplorerTest = (props) => {
-
-    function onDeleteFile(id) {   
-        console.log("delete", id)
-    }
-
-    return (
-        <FileExplorer 
-            title="File Explorer Test" 
-            folders={folders} defaultFolder="10004"
-            files={files} 
-            onSelectFile={props.onSelectFile}
-            onDeleteFile={onDeleteFile}
-            onSelectFolder={props.onSelectFolder}
-            columns ={[
-                { id: 'icon', label: 'Icon', minWidth: 100 },
-                { id: 'title', label: 'Titlcccce', minWidth: 100 },
-            ]}
-            searchBy={['title', 'subtitle']}
-        />
-    )
-}   

package/src/widgets/ide/editor.test.js

@@ -1,33 +0,0 @@
-import React, { useState } from 'react'
-import { EditorBox } from './editor'
-
-const FileRenderer = (props) => {
-
-    const { id } = props
-
-    return (
-        <div className='file-renderer'>
-            File Renderer {id}
-        </div>
-    )
-
-}
-
-
-const EditorTest = (prop) => {
-
-    const [files, setFiles] = useState([
-        { id: "1", label: "One" },
-        { id: "2", label: "Two" }, 
-        { id: "3", label: "Three" },
-    ])
-
-    function close(id) {
-        const next = files.filter(file => file.id !== id)
-        setFiles(next)
-    }
-
-    return (
-        <EditorBox files={files} onClose={close} Renderer={FileRenderer}/>
-    )
-}

package/src/widgets/kanban/Kanban.test.js

@@ -1,78 +0,0 @@
-import React from 'react'
-import { Kanban, KanbanCard, KanbanColumn, KanbanHeader, KanbanSwimlane } from './Kanban'
-import { Button } from '../../html'
-
-const KanbanTest = (prop) => {
-    return (
-        <Kanban>
-            <KanbanColumn icon="inbox" title="TODO" badge="1">
-                <KanbanCard />
-            </KanbanColumn>
-            <KanbanColumn icon="inbox" title="IN PROGRESS" badge="0">
-
-            </KanbanColumn>
-            <KanbanColumn icon="inbox" title="DONE" badge="2" actions={<Button label="Archive" raised />}>
-                <KanbanCard />
-                <KanbanCard />
-            </KanbanColumn>
-        </Kanban>
-    )
-}
-
-const KanbanTest2 = (prop) => {
-    return (
-        <Kanban>
-            <KanbanHeader columns={[
-                { icon: "inbox", title: "TODO", badge: "1" },
-                { icon: "inbox", title: "IN PROGRESS", badge: "0" },
-                { icon: "inbox", title: "IN PROGRESS", badge: "0" },
-                { icon: "inbox", title: "IN PROGRESS", badge: "0" },
-                { icon: "inbox", title: "DONE", badge: "2" }
-            ]} />
-
-            <KanbanSwimlane icon="people" title="Users" subtitle="Application users" badge={100} headless={false} >
-                <KanbanColumn  badge="1">
-                    <KanbanCard />
-                </KanbanColumn>
-                <KanbanColumn  badge="0">
-                    <KanbanCard />
-                    <KanbanCard />
-                </KanbanColumn>
-                <KanbanColumn  badge="0">
-                    <KanbanCard />
-                    <KanbanCard />
-                </KanbanColumn>
-                <KanbanColumn   badge="0">
-                    <KanbanCard />
-                    <KanbanCard />
-                </KanbanColumn>
-                <KanbanColumn   badge="2" actions={<Button label="Archive" raised />}>
-                    <KanbanCard />
-                    <KanbanCard />
-                </KanbanColumn>
-            </KanbanSwimlane>
-            <KanbanSwimlane icon="email" title="Messages" subtitle="All Messages">
-                <KanbanColumn   badge="1">
-                    <KanbanCard />
-                </KanbanColumn>
-                <KanbanColumn   badge="0">
-                    <KanbanCard />
-                    <KanbanCard />
-                    <KanbanCard />
-                </KanbanColumn>
-                <KanbanColumn   badge="0">
-                    <KanbanCard />
-                    <KanbanCard />
-                </KanbanColumn>
-                <KanbanColumn  badge="0">
-                    <KanbanCard />
-                    <KanbanCard />
-                </KanbanColumn>
-                <KanbanColumn  badge="2" actions={<Button label="Archive" raised />}>
-                    <KanbanCard />
-                    <KanbanCard />
-                </KanbanColumn>
-            </KanbanSwimlane>
-        </Kanban>
-    )
-}