@globalbrain/sefirot 2.0.0-draft.8 → 2.1.0

package/lib/components/icons/SIconTrash.vue

@@ -1,5 +0,0 @@
-<template>
-  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
-    <path d="M21,5h-4V4c0-1.7-1.3-3-3-3h-4C8.3,1,7,2.3,7,4v1H3C2.4,5,2,5.4,2,6s0.4,1,1,1h1v13c0,1.7,1.3,3,3,3h10c1.7,0,3-1.3,3-3V7h1c0.6,0,1-0.4,1-1S21.6,5,21,5zM9,4c0-0.6,0.4-1,1-1h4c0.6,0,1,0.4,1,1v1H9V4zM18,20c0,0.6-0.4,1-1,1H7c-0.6,0-1-0.4-1-1V7h12V20z" />
-  </svg>
-</template>

package/lib/components/icons/SIconTrash2.vue

@@ -1,7 +0,0 @@
-<template>
-  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
-    <path d="M21.2,4.7h-4v-1c0-1.7-1.3-3-3-3h-4c-1.7,0-3,1.3-3,3v1h-4c-0.6,0-1,0.4-1,1s0.4,1,1,1h1v13c0,1.7,1.3,3,3,3h10c1.7,0,3-1.3,3-3v-13h1c0.6,0,1-0.4,1-1S21.7,4.7,21.2,4.7zM9.2,3.7c0-0.6,0.4-1,1-1h4c0.6,0,1,0.4,1,1v1h-6V3.7z M18.2,19.7c0,0.6-0.4,1-1,1h-10c-0.6,0-1-0.4-1-1v-13h12V19.7z" />
-    <path d="M10.2,9.7c-0.6,0-1,0.4-1,1v6c0,0.6,0.4,1,1,1s1-0.4,1-1v-6C11.2,10.2,10.7,9.7,10.2,9.7z" />
-    <path d="M14.2,9.7c-0.6,0-1,0.4-1,1v6c0,0.6,0.4,1,1,1s1-0.4,1-1v-6C15.2,10.2,14.7,9.7,14.2,9.7z" />
-  </svg>
-</template>

package/lib/components/icons/SIconTrash2Off.vue

@@ -1,6 +0,0 @@
-<template>
-  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
-    <path d="M9,3h5a1,1,0,0,1,1,1V5H12a1,1,0,0,0,0,2h6v6a1,1,0,0,0,2,0V7h1a1,1,0,0,0,0-2H17V4a3,3,0,0,0-3-3H9A1,1,0,0,0,9,3Z" />
-    <path d="M23.71,22.29l-22-22A1,1,0,0,0,.29,1.71L3.59,5H3A1,1,0,0,0,3,7H4V20a3,3,0,0,0,3,3H17a3,3,0,0,0,2.76-1.83l2.53,2.54a1,1,0,0,0,1.42,0A1,1,0,0,0,23.71,22.29ZM18,20a1,1,0,0,1-1,1H7a1,1,0,0,1-1-1V7.41l3,3V17a1,1,0,0,0,2,0V12.41l2,2V17a1,1,0,0,0,2,0v-.59l3,3Z" />
-  </svg>
-</template>

package/lib/components/icons/SIconTrello.vue

@@ -1,7 +0,0 @@
-<template>
-  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
-    <path d="M19,22H5c-1.7,0-3-1.3-3-3V5c0-1.7,1.3-3,3-3h14c1.7,0,3,1.3,3,3v14C22,20.7,20.7,22,19,22zM5,4C4.4,4,4,4.4,4,5v14c0,0.6,0.4,1,1,1h14c0.6,0,1-0.4,1-1V5c0-0.6-0.4-1-1-1H5z" />
-    <path d="M10,17H7c-0.6,0-1-0.4-1-1V7c0-0.6,0.4-1,1-1h3c0.6,0,1,0.4,1,1v9C11,16.6,10.6,17,10,17zM8,15h1V8H8V15z" />
-    <path d="M17,13h-3c-0.6,0-1-0.4-1-1V7c0-0.6,0.4-1,1-1h3c0.6,0,1,0.4,1,1v5C18,12.6,17.6,13,17,13zM15,11h1V8h-1V11z" />
-  </svg>
-</template>

package/lib/components/icons/SIconUser.vue

@@ -1,6 +0,0 @@
-<template>
-  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
-    <path d="M20,22c-0.6,0-1-0.4-1-1v-2c0-1.7-1.3-3-3-3H8c-1.7,0-3,1.3-3,3v2c0,0.6-0.4,1-1,1s-1-0.4-1-1v-2c0-2.8,2.2-5,5-5h8c2.8,0,5,2.2,5,5v2C21,21.6,20.6,22,20,22z" />
-    <path d="M12,12c-2.8,0-5-2.2-5-5s2.2-5,5-5s5,2.2,5,5S14.8,12,12,12zM12,4c-1.7,0-3,1.3-3,3s1.3,3,3,3s3-1.3,3-3S13.7,4,12,4z" />
-  </svg>
-</template>

package/lib/components/icons/SIconUsers.vue

@@ -1,8 +0,0 @@
-<template>
-  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
-    <path d="M17,22c-0.6,0-1-0.4-1-1v-2c0-1.7-1.3-3-3-3H5c-1.7,0-3,1.3-3,3v2c0,0.6-0.4,1-1,1s-1-0.4-1-1v-2c0-2.8,2.2-5,5-5h8c2.8,0,5,2.2,5,5v2C18,21.6,17.6,22,17,22z" />
-    <path d="M9,12c-2.8,0-5-2.2-5-5s2.2-5,5-5s5,2.2,5,5S11.8,12,9,12zM9,4C7.3,4,6,5.3,6,7s1.3,3,3,3s3-1.3,3-3S10.7,4,9,4z" />
-    <path d="M23,22c-0.6,0-1-0.4-1-1v-2c0-1.4-0.9-2.6-2.2-2.9c-0.5-0.1-0.9-0.7-0.7-1.2c0.1-0.5,0.7-0.9,1.2-0.7c2.2,0.6,3.7,2.6,3.8,4.8v2C24,21.6,23.6,22,23,22z" />
-    <path d="M16,11.9c-0.4,0-0.9-0.3-1-0.8c-0.1-0.5,0.2-1.1,0.7-1.2c1.1-0.3,1.9-1.1,2.2-2.2c0.4-1.6-0.6-3.2-2.2-3.7C15.2,4,14.9,3.4,15,2.9s0.7-0.9,1.2-0.7c2.7,0.7,4.3,3.4,3.6,6.1c-0.5,1.8-1.8,3.2-3.6,3.6C16.2,11.9,16.1,11.9,16,11.9z" />
-  </svg>
-</template>

package/lib/components/icons/SIconWarning.vue

@@ -1,7 +0,0 @@
-<template>
-  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
-    <path d="M12,2.5a1.15,1.15,0,0,1,1.1.6l9.7,16.4a1.42,1.42,0,0,1,.2.6,1.32,1.32,0,0,1-1.3,1.3H2.3a1.42,1.42,0,0,1-.6-.2,1.11,1.11,0,0,1-.5-1.7L10.9,3.1l.4-.4a1.85,1.85,0,0,1,.7-.2m0-1a2.66,2.66,0,0,0-1.2.3,3,3,0,0,0-.8.8L.3,19a2.4,2.4,0,0,0,.8,3.2,2,2,0,0,0,1.1.3H21.7A2.33,2.33,0,0,0,24,20.2a2,2,0,0,0-.3-1.1L14,2.6a2.43,2.43,0,0,0-2-1.1Z" />
-    <path d="M12,14a1,1,0,0,1-1-1V9a1,1,0,0,1,2,0v4A1,1,0,0,1,12,14Z" />
-    <path d="M12,18a1,1,0,0,1-.92-1.38,1,1,0,0,1,.21-.33,1,1,0,0,1,1.42,0,1.16,1.16,0,0,1,.21.33.94.94,0,0,1,0,.76,1.17,1.17,0,0,1-.21.33A1,1,0,0,1,12,18Z" />
-  </svg>
-</template>

package/lib/components/icons/SIconX.vue

@@ -1,5 +0,0 @@
-<template>
-  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
-    <path d="M13.4,12l5.3-5.3c0.4-0.4,0.4-1,0-1.4s-1-0.4-1.4,0L12,10.6L6.7,5.3c-0.4-0.4-1-0.4-1.4,0s-0.4,1,0,1.4l5.3,5.3l-5.3,5.3c-0.4,0.4-0.4,1,0,1.4C5.5,18.9,5.7,19,6,19s0.5-0.1,0.7-0.3l5.3-5.3l5.3,5.3c0.2,0.2,0.5,0.3,0.7,0.3s0.5-0.1,0.7-0.3c0.4-0.4,0.4-1,0-1.4L13.4,12z" />
-  </svg>
-</template>

package/lib/components/icons/SIconXCircle.vue

@@ -1,6 +0,0 @@
-<template>
-  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
-    <path d="M12,1C5.9,1,1,5.9,1,12s4.9,11,11,11s11-4.9,11-11S18.1,1,12,1zM12,21c-5,0-9-4-9-9c0-5,4-9,9-9c5,0,9,4,9,9C21,17,17,21,12,21z" />
-    <path d="M15.7,8.3c-0.4-0.4-1-0.4-1.4,0L12,10.6L9.7,8.3c-0.4-0.4-1-0.4-1.4,0s-0.4,1,0,1.4l2.3,2.3l-2.3,2.3c-0.4,0.4-0.4,1,0,1.4C8.5,15.9,8.7,16,9,16s0.5-0.1,0.7-0.3l2.3-2.3l2.3,2.3c0.2,0.2,0.5,0.3,0.7,0.3s0.5-0.1,0.7-0.3c0.4-0.4,0.4-1,0-1.4L13.4,12l2.3-2.3C16.1,9.3,16.1,8.7,15.7,8.3z" />
-  </svg>
-</template>

package/lib/components/icons/SIconXCircleThin.vue

@@ -1,6 +0,0 @@
-<template>
-  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
-    <path d="M12,0A12,12,0,1,0,24,12,12,12,0,0,0,12,0Zm0,22.86A10.86,10.86,0,1,1,22.86,12,10.87,10.87,0,0,1,12,22.86Z" />
-    <path d="M15.83,8.17a.57.57,0,0,0-.81,0l-3,3-3-3A.57.57,0,1,0,8.17,9l3,3-3,3a.57.57,0,1,0,.81.81l3-3,3,3a.57.57,0,0,0,.81-.81l-3-3,3-3A.57.57,0,0,0,15.83,8.17Z" />
-  </svg>
-</template>

package/lib/components/icons/SIconXSquare.vue

@@ -1,6 +0,0 @@
-<template>
-  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
-    <path d="M19,2H5C3.3,2,2,3.3,2,5v14c0,1.7,1.3,3,3,3h14c1.7,0,3-1.3,3-3V5C22,3.3,20.7,2,19,2z M20,19c0,0.6-0.4,1-1,1H5c-0.6,0-1-0.4-1-1V5c0-0.6,0.4-1,1-1h14c0.6,0,1,0.4,1,1V19z" />
-    <path d="M15.7,8.3c-0.4-0.4-1-0.4-1.4,0L12,10.6L9.7,8.3c-0.4-0.4-1-0.4-1.4,0s-0.4,1,0,1.4l2.3,2.3l-2.3,2.3c-0.4,0.4-0.4,1,0,1.4C8.5,15.9,8.7,16,9,16s0.5-0.1,0.7-0.3l2.3-2.3l2.3,2.3c0.2,0.2,0.5,0.3,0.7,0.3s0.5-0.1,0.7-0.3c0.4-0.4,0.4-1,0-1.4L13.4,12l2.3-2.3C16.1,9.3,16.1,8.7,15.7,8.3z" />
-  </svg>
-</template>

package/lib/components/icons/SIconZap.vue

@@ -1,5 +0,0 @@
-<template>
-  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
-    <path d="M11,23c-0.1,0-0.3,0-0.4-0.1c-0.4-0.2-0.6-0.6-0.6-1l0.9-6.9H3c-0.4,0-0.7-0.2-0.9-0.6c-0.2-0.4-0.1-0.8,0.1-1.1l10-12C12.5,1,13,0.9,13.4,1.1c0.4,0.2,0.6,0.6,0.6,1L13.1,9H21c0.4,0,0.7,0.2,0.9,0.6c0.2,0.4,0.1,0.8-0.1,1.1l-10,12C11.6,22.9,11.3,23,11,23zM5.1,13H12c0.3,0,0.6,0.1,0.7,0.3c0.2,0.2,0.3,0.5,0.2,0.8l-0.6,4.6l6.4-7.7H12c-0.3,0-0.6-0.1-0.7-0.3c-0.2-0.2-0.3-0.5-0.2-0.8l0.6-4.6L5.1,13z" />
-  </svg>
-</template>

package/lib/composables/Dialog.ts

@@ -1,38 +0,0 @@
-import { useStore } from 'vuex'
-import { useModalId } from './Modal'
-
-export interface Dialog {
-  open(dialog?: Options): Promise<any>
-  close(): Promise<any>
-}
-
-export interface Options {
-  type?: 'confirm' | 'loading'
-  title?: string
-  text?: string
-  actions?: Action[]
-}
-
-export interface Action {
-  type?: 'primary' | 'mute'
-  label: string
-  callback(): void
-}
-
-export function useDialog(): Dialog {
-  const store = useStore()
-  const id = useModalId()
-
-  function open(options?: Options) {
-    return store.dispatch('dialog/open', { ...options, id })
-  }
-
-  function close() {
-    return store.dispatch('dialog/close', id)
-  }
-
-  return {
-    open,
-    close
-  }
-}

package/lib/composables/Modal.ts

@@ -1,34 +0,0 @@
-import { useStore } from 'vuex'
-
-export interface Modal {
-  open(data?: Record<string, any>): Promise<any>
-  close(): Promise<any>
-}
-
-let modalId = 0
-
-export function useModal(component: any): Modal {
-  const store = useStore()
-  const id = useModalId()
-
-  function open(data: Record<string, any> = {}): Promise<any> {
-    return store.dispatch('modal/open', {
-      id,
-      component,
-      data
-    })
-  }
-
-  function close() {
-    return store.dispatch('modal/close', id)
-  }
-
-  return {
-    open,
-    close
-  }
-}
-
-export function useModalId(): number {
-  return ++modalId
-}

package/lib/composables/Snackbar.ts

@@ -1,18 +0,0 @@
-import { useStore } from 'vuex'
-import { Snackbar as SnackbarOptions } from '../store/snackbars'
-
-export interface Snackbar {
-  push(options: SnackbarOptions): void
-}
-
-export function useSnackbar(): Snackbar {
-  const store = useStore()
-
-  function push(options: SnackbarOptions): void {
-    store.dispatch('snackbars/push', options)
-  }
-
-  return {
-    push
-  }
-}

package/lib/store/Sefirot.ts

@@ -1,17 +0,0 @@
-import { Store, Plugin } from 'vuex'
-import modal, { State as ModalState } from './modal'
-import dialog from './dialog'
-import snackbars, { State as SnackbarsState } from './snackbars'
-
-export interface State {
-  modal: ModalState
-  snackbars: SnackbarsState
-}
-
-export function Sefirot<S = any>(): Plugin<S> {
-  return (store) => {
-    store.registerModule('modal', modal)
-    store.registerModule('dialog', dialog)
-    store.registerModule('snackbars', snackbars)
-  }
-}

package/lib/store/dialog/index.ts

@@ -1,42 +0,0 @@
-import { ActionTree, ActionContext } from 'vuex'
-import SDialog from '../../components/SDialog.vue'
-
-export interface OpenPayload {
-  id?: number
-  type?: 'confirm' | 'loading'
-  title?: string
-  text?: string
-  actions?: Action[]
-}
-
-export interface Action {
-  type?: 'text' | 'mute'
-  label: string
-  callback(): void
-}
-
-export const actions: ActionTree<any, any> = {
-  open(context: ActionContext<any, any>, payload: OpenPayload): void {
-    const { id } = payload
-
-    delete payload.id
-
-    context.dispatch('modal/open', {
-      id,
-      component: SDialog,
-      data: payload,
-      options: {
-        closable: false
-      }
-    }, { root: true })
-  },
-
-  close(context: ActionContext<any, any>, uid?: number): void {
-    context.dispatch('modal/close', uid, { root: true })
-  }
-}
-
-export default {
-  namespaced: true,
-  actions
-}

package/lib/store/modal/index.ts

@@ -1,61 +0,0 @@
-import { shallowReactive, markRaw } from 'vue'
-import { ActionTree, ActionContext, MutationTree } from 'vuex'
-
-export interface State {
-  items: Item[]
-}
-
-export interface Item {
-  id?: number
-  component: any
-  data?: Record<string, any>
-}
-
-function state(): State {
-  return {
-    items: []
-  }
-}
-
-const actions: ActionTree<State, any> = {
-  open(context: ActionContext<State, any>, item: Item): void {
-    context.commit('push', item)
-  },
-
-  close(context: ActionContext<State, any>, id?: number): void {
-    id ? context.commit('drop', id) : context.commit('pop')
-  },
-
-  closeAll(context: ActionContext<State, any>): void {
-    context.commit('flush')
-  }
-}
-
-const mutations: MutationTree<State> = {
-  push(state: State, item: Item): void {
-    state.items.push({
-      ...item,
-      data: shallowReactive(item.data ?? {}),
-      component: markRaw(item.component)
-    })
-  },
-
-  pop(state: State): void {
-    state.items.pop()
-  },
-
-  drop(state: State, id: number) {
-    state.items = state.items.filter(item => item.id !== id)
-  },
-
-  flush(state: State): void {
-    state.items = []
-  }
-}
-
-export default {
-  namespaced: true,
-  state,
-  actions,
-  mutations
-}

package/lib/store/snackbars/index.ts

@@ -1,70 +0,0 @@
-import { ActionTree, ActionContext, MutationTree } from 'vuex'
-
-let nextId: number = 0
-
-const maxItemSize: number = 4
-
-export interface State {
-  items: SnackbarWithId[]
-}
-
-export interface Snackbar {
-  text: string
-  timeout?: number
-  actions?: Action[]
-}
-
-export interface SnackbarWithId extends Snackbar {
-  id: number
-}
-
-export interface Action {
-  type: 'primary' | 'secondary' | 'tertiary' | 'text' | 'mute'
-  label: string
-  callback: Function
-}
-
-export function state(): State {
-  return {
-    items: []
-  }
-}
-
-export const actions: ActionTree<State, any> = {
-  push(context: ActionContext<State, any>, payload: Snackbar): void {
-    const id = nextId++
-
-    context.commit('push', {
-      id,
-      text: payload.text,
-      actions: payload.actions
-    })
-
-    setTimeout(() => { context.commit('pop', id) }, payload.timeout ?? 10000)
-  },
-
-  pop(context: ActionContext<State, any>, id: number): void {
-    context.commit('pop', id)
-  }
-}
-
-export const mutations: MutationTree<State> = {
-  push(state: State, item: SnackbarWithId): void {
-    if (state.items.length > maxItemSize) {
-      state.items.shift()
-    }
-
-    state.items.push(item)
-  },
-
-  pop(state: State, id: number): void {
-    state.items = state.items.filter(item => item.id !== id)
-  }
-}
-
-export default {
-  namespaced: true,
-  state,
-  actions,
-  mutations
-}