@rokkit/core 1.0.0-next.14 → 1.0.0-next.140

package/src/items/Pill.svelte

@@ -1,19 +0,0 @@
-<script>
-	import { createEventDispatcher } from 'svelte'
-	import { defaultStateIcons } from '../constants'
-
-	const dispatch = createEventDispatcher()
-
-	export let item
-	export let fields
-
-	function handleClick() {
-		dispatch('remove', item)
-	}
-</script>
-
-<pill class="flex flex-row items-center">
-	{item[fields.text]}
-	<!-- svelte-ignore a11y-click-events-have-key-events -->
-	<icon class={defaultStateIcons.item.remove} on:click={handleClick} />
-</pill>

package/src/items/Separator.svelte

@@ -1 +0,0 @@
-<span class="my-4 flex flex-grow separator" />

package/src/items/Summary.svelte

@@ -1,27 +0,0 @@
-<script>
-	import { defaultFields } from '../constants'
-	import Text from './Text.svelte'
-
-	export let content
-	export let fields = {}
-	export let using = {}
-
-	$: fields = { ...defaultFields, ...fields }
-	$: using = { default: Text, ...using }
-	$: hasItems = content[fields.children] && content[fields.children].length > 0
-	$: component = using[content[fields.component] ?? 'default']
-</script>
-
-<summary
-	class="flex flex-row flex-shrink-0 items-center w-full cursor-pointer"
-	tabindex="-1"
->
-	<svelte:component this={component} bind:content {fields} />
-	{#if hasItems}
-		{#if content[fields.isOpen]}
-			<icon class="sm accordion-opened" aria-label="expand" />
-		{:else}
-			<icon class="sm accordion-closed" aria-label="collapse" />
-		{/if}
-	{/if}
-</summary>

package/src/items/Text.svelte

@@ -1,21 +0,0 @@
-<script>
-	import { defaultFields } from '../constants'
-
-	export let content
-	export let fields = defaultFields
-
-	$: isObject = typeof content == 'object'
-	$: text = isObject ? content[fields.text] : content
-</script>
-
-{#if isObject && content[fields.image]}
-	<img
-		class="h-8 w-8 rounded-full object-cover"
-		alt={content[fields.text]}
-		src={content[fields.image]}
-	/>
-{/if}
-{#if isObject && content[fields.icon]}
-	<icon class={content[fields.icon]} />
-{/if}
-<p class="flex flex-grow">{text}</p>

package/src/items/index.js

@@ -1,8 +0,0 @@
-export { default as Text } from './Text.svelte'
-export { default as Link } from './Link.svelte'
-export { default as Node } from './Node.svelte'
-export { default as Pill } from './Pill.svelte'
-export { default as Collapsible } from './Collapsible.svelte'
-export { default as Connector } from './Connector.svelte'
-export { default as Separator } from './Separator.svelte'
-export { default as Summary } from './Summary.svelte'

package/src/list.js

@@ -1,14 +0,0 @@
-export function getComponent(item, fields) {
-	if (item && typeof item === 'object') {
-		return item[fields.component] || fields.default
-	}
-	return fields.default
-}
-
-// update position based on externally supplied value
-export function updateCursor(cursor, value, items) {
-	if (cursor.length > 0 && value != items[cursor[0]]) {
-		let index = items.findIndex((x) => x == value)
-		cursor = index > -1 ? [index] : []
-	}
-}

package/src/mocks/Custom.svelte

@@ -1,7 +0,0 @@
-<script>
-	import { defaultFields } from '../../src/constants'
-	export let content
-	export let fields = defaultFields
-</script>
-
-<span>{content[fields.text]}</span>

package/src/mocks/index.js

@@ -1,10 +0,0 @@
-import { vi } from 'vitest'
-
-export function createEvent(x, y) {
-	return {
-		clientX: x,
-		clientY: y,
-		stopPropagation: vi.fn(),
-		preventDefault: vi.fn()
-	}
-}

package/src/stores/alerts.js

@@ -1,3 +0,0 @@
-import { writable } from 'svelte/store'
-
-export const alerts = writable([])

package/src/stores/index.js

@@ -1,6 +0,0 @@
-import { writable } from 'svelte/store'
-// export * from './alerts'
-export { theme } from './theme'
-export const alerts = writable([])
-
-// export const theme = writable({ name: 'rokkit', mode: 'dark' })

package/src/stores/persist.js

@@ -1,63 +0,0 @@
-export const PARSE_ERROR_MESSAGE =
-	'Unable to parse value from local storage for key: '
-
-if (typeof window === 'undefined') {
-	global.localStorage = {
-		getItem: () => '{}',
-		setItem: () => {}
-	}
-}
-export function persistable(key, store) {
-	let value
-	const storageEventListener = (event) => {
-		if (event.key === key) {
-			event.stopPropagation()
-			event.preventDefault()
-			try {
-				const newValue = JSON.parse(event.newValue)
-				set(newValue)
-			} catch (e) {
-				console.error(PARSE_ERROR_MESSAGE, key)
-			}
-		}
-	}
-
-	try {
-		value = JSON.parse(localStorage.getItem(key))
-		// console.log(value)
-		store.set(value)
-	} catch {
-		console.error(PARSE_ERROR_MESSAGE, key)
-	}
-
-	const set = (newValue) => {
-		if (value !== newValue) {
-			value = newValue
-			localStorage.setItem(key, JSON.stringify(value))
-			store.set(value)
-		}
-	}
-
-	const update = (fn) => {
-		store.update((currentValue) => {
-			const value = fn(currentValue)
-			localStorage.setItem(key, JSON.stringify(value))
-			return value
-		})
-	}
-
-	if (typeof window !== 'undefined') {
-		window.addEventListener('storage', storageEventListener)
-	}
-
-	return {
-		subscribe: store.subscribe,
-		set,
-		update,
-		destroy() {
-			if (typeof window !== 'undefined') {
-				window.removeEventListener('storage', storageEventListener)
-			}
-		}
-	}
-}

package/src/stores/theme.js

@@ -1,34 +0,0 @@
-import { writable } from 'svelte/store'
-import { persistable } from './persist'
-
-const THEME_STORE_KEY = 'app-theme'
-
-/**
- * @typedef {Object} Theme
- * @property {string} name
- * @property {string} mode
- */
-
-/**
- * Custom store that takes an object with two properties, name and mode.
- * @returns {import('svelte/store').Writable<Theme>}
- */
-export function ThemeStore() {
-	const store = writable({ name: 'rokkit', mode: 'dark' })
-
-	const set = (value) => {
-		const { name, mode } = value ?? {}
-		if (typeof name === 'string' && typeof mode === 'string') {
-			store.set(value)
-		} else if (value) {
-			console.error('Both "name" and "mode" must be strings', value)
-		}
-	}
-
-	return {
-		...store,
-		set
-	}
-}
-
-export const theme = persistable(THEME_STORE_KEY, ThemeStore())