diff --git a/packages/ui/src/components/Button.svelte b/packages/ui/src/components/Button.svelte index ee783746bf..b63f76c268 100644 --- a/packages/ui/src/components/Button.svelte +++ b/packages/ui/src/components/Button.svelte @@ -22,7 +22,7 @@ export let label: IntlString export let primary: boolean = false export let size: 'small' | 'medium' = 'medium' - export let icon: Asset | AnySvelteComponent | undefined + export let icon: Asset | AnySvelteComponent | undefined = undefined export let disabled: boolean = false export let loading: boolean = false export let transparent: boolean = false diff --git a/packages/ui/src/components/CheckBoxList.svelte b/packages/ui/src/components/CheckBoxList.svelte.txt similarity index 97% rename from packages/ui/src/components/CheckBoxList.svelte rename to packages/ui/src/components/CheckBoxList.svelte.txt index 795d74c4b2..51941a7bcf 100644 --- a/packages/ui/src/components/CheckBoxList.svelte +++ b/packages/ui/src/components/CheckBoxList.svelte.txt @@ -20,7 +20,7 @@ import Add from './icons/Add.svelte' export let label: IntlString - export let items: Array + export let items: Array<{description: IntlString, done: boolean}> = [ { description: '15 minute phone call', done: true }, { description: 'Follow up email', done: false }, diff --git a/packages/ui/src/components/CheckBoxWithLabel.svelte b/packages/ui/src/components/CheckBoxWithLabel.svelte.txt similarity index 100% rename from packages/ui/src/components/CheckBoxWithLabel.svelte rename to packages/ui/src/components/CheckBoxWithLabel.svelte.txt diff --git a/packages/ui/src/components/Dialog.svelte b/packages/ui/src/components/Dialog.svelte index 598df70096..aaefb169b8 100644 --- a/packages/ui/src/components/Dialog.svelte +++ b/packages/ui/src/components/Dialog.svelte @@ -29,6 +29,8 @@ export let okAction: () => void const dispatch = createEventDispatcher() + + const cancel = 'Cancel' as IntlString
@@ -42,7 +44,7 @@
diff --git a/packages/ui/src/components/Popup.svelte b/packages/ui/src/components/Popup.svelte index f1bf34f5f6..07fdb50aa5 100644 --- a/packages/ui/src/components/Popup.svelte +++ b/packages/ui/src/components/Popup.svelte @@ -16,19 +16,15 @@ import { popupstore as modal } from '..' import PopupInstance from './PopupInstance.svelte' - // function close () { - // console.log('closeX') + // function handleKeydown (ev: KeyboardEvent) { + // if (ev.key === 'Escape' && $modal.is) { + // close() + // } // } - function handleKeydown (ev: KeyboardEvent) { - // if (ev.key === 'Escape' && $modal.is) { - // close() - // } - } - - + {#each $modal as popup, i} diff --git a/packages/ui/src/components/PopupInstance.svelte b/packages/ui/src/components/PopupInstance.svelte index 7aca119c82..4e9ad89637 100644 --- a/packages/ui/src/components/PopupInstance.svelte +++ b/packages/ui/src/components/PopupInstance.svelte @@ -22,7 +22,7 @@ import { closePopup } from '..' export let is: AnyComponent | AnySvelteComponent export let props: object export let element: PopupAlignment | undefined -export let onClose: (result: any) => void | undefined +export let onClose: ((result: any) => void) | undefined export let zIndex: number let modalHTML: HTMLElement diff --git a/packages/ui/src/components/PopupItem.svelte b/packages/ui/src/components/PopupItem.svelte.txt similarity index 100% rename from packages/ui/src/components/PopupItem.svelte rename to packages/ui/src/components/PopupItem.svelte.txt diff --git a/packages/ui/src/components/PopupMenu.svelte b/packages/ui/src/components/PopupMenu.svelte index f407f05f6e..f52a68d26f 100644 --- a/packages/ui/src/components/PopupMenu.svelte +++ b/packages/ui/src/components/PopupMenu.svelte @@ -66,10 +66,10 @@ } else popup.style.left = `${rectT.left}px` } - const findNode = (el: Node, name: string): any => { + const findNode = (el: HTMLElement, name: string): any => { while (el.parentNode !== null) { if (el.classList.contains(name)) return el - el = el.parentNode + el = el.parentNode as HTMLElement } return false } diff --git a/packages/ui/src/components/internal/FontSizeSelector.svelte b/packages/ui/src/components/internal/FontSizeSelector.svelte index 7376379f48..6a1fc09191 100644 --- a/packages/ui/src/components/internal/FontSizeSelector.svelte +++ b/packages/ui/src/components/internal/FontSizeSelector.svelte @@ -1,3 +1,18 @@ + + diff --git a/packages/ui/src/index.ts b/packages/ui/src/index.ts index 1e7f10a397..3c965f9ef9 100644 --- a/packages/ui/src/index.ts +++ b/packages/ui/src/index.ts @@ -40,15 +40,15 @@ export { default as Progress } from './components/Progress.svelte' export { default as Tabs } from './components/Tabs.svelte' export { default as ScrollBox } from './components/ScrollBox.svelte' export { default as PopupMenu } from './components/PopupMenu.svelte' -export { default as PopupItem } from './components/PopupItem.svelte' +// export { default as PopupItem } from './components/PopupItem.svelte' export { default as TextArea } from './components/TextArea.svelte' export { default as Section } from './components/Section.svelte' export { default as DatePicker } from './components/DatePicker.svelte' export { default as StylishEdit } from './components/StylishEdit.svelte' export { default as Grid } from './components/Grid.svelte' export { default as Row } from './components/Row.svelte' -export { default as CheckBoxWithLabel } from './components/CheckBoxWithLabel.svelte' -export { default as CheckBoxList } from './components/CheckBoxList.svelte' +// export { default as CheckBoxWithLabel } from './components/CheckBoxWithLabel.svelte' +// export { default as CheckBoxList } from './components/CheckBoxList.svelte.txt' export { default as EditWithIcon } from './components/EditWithIcon.svelte' export { default as Loading } from './components/Loading.svelte' export { default as Popup } from './components/Popup.svelte' @@ -75,16 +75,16 @@ export function createApp (target: HTMLElement): SvelteComponent { } interface CompAndProps { - is: AnySvelteComponent | AnyComponent | undefined + is: AnySvelteComponent | AnyComponent props: any element?: PopupAlignment onClose?: (result: any) => void } -export const store = writable({ - is: undefined, - props: {}, -}) +// export const store = writable({ +// is: undefined, +// props: {}, +// }) export const popupstore = writable([]) diff --git a/plugins/chunter-resources/src/components/CreateChannel.svelte b/plugins/chunter-resources/src/components/CreateChannel.svelte index 158918f298..0a7084c698 100644 --- a/plugins/chunter-resources/src/components/CreateChannel.svelte +++ b/plugins/chunter-resources/src/components/CreateChannel.svelte @@ -15,7 +15,7 @@