npm - @max-ts/svelte - Versions diffs - 0.3.0 → 0.5.0 - Mend

@max-ts/svelte 0.3.0 → 0.5.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (508) hide show

package/dist/components/DataGrid/Cell/types.js DELETED Viewed

	@@ -1 +0,0 @@
1	- export {};

package/dist/components/DataGrid/DataGrid.svelte DELETED Viewed

@@ -1,74 +0,0 @@
-<script lang="ts">
-import { Body } from './Body/index.js';
-import { ROW_HEIGHT } from './constants.js';
-import { Footer } from './Footer/index.js';
-import { Header } from './Header/index.js';
-import styles from './styles.css.js';
-import type { DataGridProps } from './types.js';
-type TRow = $$Generic;
-let {
-	rows,
-	columns,
-	class: className,
-	height = '100%',
-	rowHeight = ROW_HEIGHT,
-	headerHeight = ROW_HEIGHT,
-	keyId,
-	isLoading,
-	isDisabled,
-	isError,
-	emptyState,
-	errorState,
-	onRowClick,
-	onRetry,
-	title,
-	footer,
-	stickyHeader,
-}: DataGridProps<TRow> = $props();
-const isFullHeight = $derived(isLoading || isError || rows.length === 0);
-// Вычисляемые стили
-const heightValue = $derived(
-	typeof height === 'number' ? `${height}px` : height,
-);
-</script>
-<div data-slot='data-grid' style:height={heightValue} class={[styles.container, className]} >
-	<table
-	class={[
-		styles.table,
-		{
-			[styles.disabled]: isDisabled,
-			[styles.loading]: isLoading,
-			[styles.fullHeight]: isFullHeight,
-		},
-		className
-	]}
-	>
-		{#if title}
-			<caption class={styles.title}>{title}</caption>
-		{/if}
-		<Header columns={columns} height={headerHeight} sticky={stickyHeader} />
-		<Body
-			rows={rows}
-			columns={columns}
-			rowHeight={rowHeight}
-			keyId={keyId}
-			onRowClick={onRowClick}
-			isLoading={isLoading}
-			emptyState={emptyState}
-			errorState={errorState}
-			isError={isError}
-			onRetry={onRetry}
-		/>
-	</table>
-	{#if footer}
-		<Footer>{footer}</Footer>
-	{/if}
-</div>

package/dist/components/DataGrid/Footer/Footer.svelte DELETED Viewed

@@ -1,16 +0,0 @@
-<script lang="ts">
-import type { Snippet } from 'svelte';
-import styles from './styles.css.js';
-let {
-	children,
-	class: className,
-}: {
-	children: Snippet<[]>;
-	class?: string;
-} = $props();
-</script>
-<footer class={[styles.footer, className]}>
-	{@render children()}
-</footer>

package/dist/components/DataGrid/Footer/index.js DELETED Viewed

	@@ -1,2 +0,0 @@
1	- import Footer from './Footer.svelte';
2	- export { Footer };

package/dist/components/DataGrid/Header/Header.svelte DELETED Viewed

@@ -1,23 +0,0 @@
-<script lang="ts">
-import { HeaderCell } from '../HeaderCell/index.js';
-import styles from './styles.css.js';
-import type { HeaderProps } from './types.js';
-type TRow = $$Generic;
-let { columns, height, sticky }: HeaderProps<TRow> = $props();
-</script>
-<thead>
-	<tr class={{
-		[styles.sticky]: sticky
-	}}>
-		{#each columns as column (column.title)}
-			<HeaderCell
-				{column}
-				{height}
-				width={column.width}
-			/>
-		{/each}
-	</tr>
-</thead>

package/dist/components/DataGrid/Header/index.js DELETED Viewed

	@@ -1,2 +0,0 @@
1	- import Header from './Header.svelte';
2	- export { Header };

package/dist/components/DataGrid/Header/types.js DELETED Viewed

	@@ -1 +0,0 @@
1	- export {};

package/dist/components/DataGrid/HeaderCell/HeaderCell.svelte DELETED Viewed

@@ -1,28 +0,0 @@
-<script lang="ts">
-type TRow = $$Generic;
-import styles from './styles.css.js';
-import type { HeaderCellProps } from './types.js';
-let { column, height, width }: HeaderCellProps<TRow> = $props();
-const alignment = $derived(column.align ?? 'left');
-const hightValue = $derived(
-	typeof height === 'number' ? `${height}px` : height,
-);
-const widthValue = $derived(typeof width === 'number' ? `${width}px` : width);
-</script>
-<th
-	title={column.title}
-	class={styles.cell}
-	align={alignment}
-	style:color={column.color}
-	style:height={hightValue}
-	style:width={widthValue}>
-	{#if column.headerCell}
-		{@render column.headerCell(column)}
-	{:else}
-		{column.title}
-	{/if}
-</th>

package/dist/components/DataGrid/HeaderCell/index.js DELETED Viewed

	@@ -1,2 +0,0 @@
1	- import HeaderCell from './HeaderCell.svelte';
2	- export { HeaderCell };

package/dist/components/DataGrid/HeaderCell/types.js DELETED Viewed

	@@ -1 +0,0 @@
1	- export {};

package/dist/components/DataGrid/Row/Row.svelte DELETED Viewed

@@ -1,31 +0,0 @@
-<script lang="ts">
-type TRow = $$Generic;
-import { Cell } from '../Cell/index.js';
-import styles from './styles.css.js';
-import type { RowProps } from './types.js';
-let { row, columns, rowIndex, rowId, rowHeight, onRowClick }: RowProps<TRow> =
-	$props();
-const handleSelect = () => {
-	if (onRowClick) {
-		onRowClick(row);
-	}
-};
-</script>
-<tr
-	onclick={handleSelect}
-	onkeydown={handleSelect}
-	class={[styles.row, { [styles.selectable]: !!onRowClick }]}
->
-	{#each columns as column, index (`${rowId}-${index}`)}
-		<Cell
-			{row}
-			{rowIndex}
-			{column}
-			height={rowHeight}
-		/>
-	{/each}
-</tr>

package/dist/components/DataGrid/Row/index.js DELETED Viewed

	@@ -1,2 +0,0 @@
1	- import Row from './Row.svelte';
2	- export { Row };

package/dist/components/DataGrid/Row/types.js DELETED Viewed

	@@ -1 +0,0 @@
1	- export {};

package/dist/components/DataGrid/State/State.svelte DELETED Viewed

@@ -1,59 +0,0 @@
-<script lang="ts">
-import { Button } from '../../Button/index.js';
-import { CircularProgress } from '../../CircularProgress/index.js';
-import { Placeholder } from '../../Placeholder/index.js';
-import styles from './styles.css.js';
-import type { StateProps } from './types.js';
-let {
-	isLoading,
-	isEmpty,
-	columnsLength,
-	emptyState,
-	errorState,
-	isError,
-	onRetry,
-}: StateProps = $props();
-const emptyStateData = $derived(emptyState || { text: 'Нет данных' });
-const errorStateData = $derived(errorState || { text: 'Произошла ошибка' });
-</script>
-{#snippet actions()}
-	{#if onRetry}
-		<Button onclick={onRetry}>Повторить попытку</Button>
-	{:else}
-		undefined
-	{/if}
-{/snippet}
-{#if isLoading}
-	<tr class={styles.container}>
-		<td colSpan={columnsLength} align='center'>
-			<span class={styles.loader}>
-				<CircularProgress />
-			</span>
-		</td>
-	</tr>
-{:else if isEmpty}
-	<tr class={styles.container}>
-		<td colSpan={columnsLength} align='center'>
-			<Placeholder
-				title={emptyStateData.text}
-				imgSrc={emptyStateData.imgSrc}
-				imgAlt={emptyStateData.imgAlt}
-			/>
-		</td>
-	</tr>
-{:else if isError}
-<tr class={styles.container}>
-		<td colSpan={columnsLength} align='center'>
-			<Placeholder
-				title={errorStateData.text}
-				imgSrc={errorStateData.imgSrc}
-				imgAlt={errorStateData.imgAlt}
-				actions={actions}
-			/>
-		</td>
-	</tr>
-{/if}

package/dist/components/DataGrid/State/index.js DELETED Viewed

	@@ -1,2 +0,0 @@
1	- import State from './State.svelte';
2	- export { State };

package/dist/components/DataGrid/State/types.js DELETED Viewed

	@@ -1 +0,0 @@
1	- export {};

package/dist/components/DataGrid/index.js DELETED Viewed

	@@ -1 +0,0 @@
1	- export { default as DataGrid } from './DataGrid.svelte';

package/dist/components/DataGrid/types.js DELETED Viewed

	@@ -1 +0,0 @@
1	- export {};

package/dist/components/DataGridSortHeader/DataGridSortHeader.svelte DELETED Viewed

@@ -1,59 +0,0 @@
-<script lang="ts">
-type TData = $$Generic;
-import {
-	ArrowDownNarrowWide,
-	ArrowDownUp,
-	ArrowDownWideNarrow,
-} from '@lucide/svelte';
-import styles from './styles.css.js';
-import type { DataGridSortHeaderProps } from './types.js';
-let {
-	sorting,
-	setSorting,
-	column,
-	class: className,
-}: DataGridSortHeaderProps<TData> = $props();
-const { title, field, align = 'left' } = $derived(column);
-const handleClick = () => {
-	if (!field) return;
-	if (sorting.key === field) {
-		setSorting({
-			key: field,
-			order: sorting.order === 'asc' ? 'desc' : 'asc',
-		});
-	} else {
-		setSorting({
-			key: field,
-			order: 'asc',
-		});
-	}
-};
-</script>
-{#if field}
-	<button
-		type="button"
-		onclick={handleClick}
-		class={[
-			styles.wrapper,
-			styles.alignments[align],
-			className,
-		]}
-	>
-		{title}
-		{#if sorting.key === field}
-			{#if sorting.order === 'asc'}
-				<ArrowDownNarrowWide size={16} />
-			{:else}
-				<ArrowDownWideNarrow size={16} />
-			{/if}
-		{:else}
-			<ArrowDownUp size={16} />
-		{/if}
-	</button>
-{/if}

package/dist/components/DataGridSortHeader/index.js DELETED Viewed

	@@ -1 +0,0 @@
1	- export { default as DataGridSortHeader } from './DataGridSortHeader.svelte';

package/dist/components/DataGridSortHeader/types.js DELETED Viewed

	@@ -1 +0,0 @@
1	- export {};

package/dist/components/DropdownMenu/CheckboxGroup/CheckboxGroup.svelte DELETED Viewed

@@ -1,16 +0,0 @@
-<script lang="ts">
-import { DropdownMenu as DropdownMenuPrimitive } from 'bits-ui';
-let {
-	ref = $bindable(null),
-	value = $bindable([]),
-	...restProps
-}: DropdownMenuPrimitive.CheckboxGroupProps = $props();
-</script>
-<DropdownMenuPrimitive.CheckboxGroup
-	bind:ref
-	bind:value
-	data-slot="dropdown-menu-checkbox-group"
-	{...restProps}
-/>

package/dist/components/DropdownMenu/CheckboxGroup/index.js DELETED Viewed

	@@ -1 +0,0 @@
1	- export { default as CheckboxGroup } from './CheckboxGroup.svelte';

package/dist/components/DropdownMenu/CheckboxItem/CheckboxItem.svelte DELETED Viewed

@@ -1,43 +0,0 @@
-<script lang="ts">
-import { CheckIcon, MinusIcon } from '@lucide/svelte';
-import { DropdownMenu as DropdownMenuPrimitive } from 'bits-ui';
-import type { Snippet } from 'svelte';
-import type { WithoutChildrenOrChild } from '../../../styles/index.js';
-import styles from './styles.css.js';
-let {
-	ref = $bindable(null),
-	checked = $bindable(false),
-	indeterminate = $bindable(false),
-	class: className,
-	children: childrenProp,
-	...restProps
-}: WithoutChildrenOrChild<DropdownMenuPrimitive.CheckboxItemProps> & {
-	children?: Snippet;
-} = $props();
-</script>
-<DropdownMenuPrimitive.CheckboxItem
-	bind:ref
-	bind:checked
-	bind:indeterminate
-	data-slot="dropdown-menu-checkbox-item"
-	class={[styles.root, className]}
-	{...restProps}
->
-	{#snippet children({ checked, indeterminate })}
-		<span
-			class={styles.iconWrapper}
-		>
-			{#if indeterminate}
-				<MinusIcon size={16} />
-			{:else}
-				<CheckIcon size={16} class={{
-					[styles.unchecked]: !checked
-				}} />
-			{/if}
-		</span>
-		{@render childrenProp?.()}
-	{/snippet}
-</DropdownMenuPrimitive.CheckboxItem>

package/dist/components/DropdownMenu/CheckboxItem/index.js DELETED Viewed

	@@ -1 +0,0 @@
1	- export { default as CheckboxItem } from './CheckboxItem.svelte';

package/dist/components/DropdownMenu/Content/Content.svelte DELETED Viewed

@@ -1,27 +0,0 @@
-<script lang="ts">
-import { DropdownMenu as DropdownMenuPrimitive } from 'bits-ui';
-import type { ComponentProps } from 'svelte';
-import type { WithoutChildrenOrChild } from '../../../styles/index.js';
-import { Portal } from '../Portal/index.js';
-import styles from './styles.css.js';
-let {
-	ref = $bindable(null),
-	sideOffset = 4,
-	portalProps,
-	class: className,
-	...restProps
-}: DropdownMenuPrimitive.ContentProps & {
-	portalProps?: WithoutChildrenOrChild<ComponentProps<typeof Portal>>;
-} = $props();
-</script>
-<Portal {...portalProps}>
-	<DropdownMenuPrimitive.Content
-		bind:ref
-		data-slot="dropdown-menu-content"
-		{sideOffset}
-		class={[styles.content, className]}
-		{...restProps}
-	/>
-</Portal>

package/dist/components/DropdownMenu/Content/index.js DELETED Viewed

	@@ -1 +0,0 @@
1	- export { default as Content } from './Content.svelte';

package/dist/components/DropdownMenu/DropdownMenu.svelte DELETED Viewed

@@ -1,8 +0,0 @@
-<script lang="ts">
-import { DropdownMenu as DropdownMenuPrimitive } from 'bits-ui';
-let { open = $bindable(false), ...restProps }: DropdownMenuPrimitive.RootProps =
-	$props();
-</script>
-<DropdownMenuPrimitive.Root bind:open {...restProps} />

package/dist/components/DropdownMenu/Group/Group.svelte DELETED Viewed

@@ -1,8 +0,0 @@
-<script lang="ts">
-import { DropdownMenu as DropdownMenuPrimitive } from 'bits-ui';
-let { ref = $bindable(null), ...restProps }: DropdownMenuPrimitive.GroupProps =
-	$props();
-</script>
-<DropdownMenuPrimitive.Group bind:ref data-slot="dropdown-menu-group" {...restProps} />

package/dist/components/DropdownMenu/Group/index.js DELETED Viewed

	@@ -1 +0,0 @@
1	- export { default as Group } from './Group.svelte';

package/dist/components/DropdownMenu/GroupHeading/GroupHeading.svelte DELETED Viewed

@@ -1,22 +0,0 @@
-<script lang="ts">
-import { DropdownMenu as DropdownMenuPrimitive } from 'bits-ui';
-import type { ComponentProps } from 'svelte';
-import styles from './styles.css.js';
-let {
-	ref = $bindable(null),
-	class: className,
-	inset,
-	...restProps
-}: ComponentProps<typeof DropdownMenuPrimitive.GroupHeading> & {
-	inset?: boolean;
-} = $props();
-</script>
-<DropdownMenuPrimitive.GroupHeading
-	bind:ref
-	data-slot="dropdown-menu-group-heading"
-	data-inset={inset}
-	class={[styles.root, className]}
-	{...restProps}
-/>

package/dist/components/DropdownMenu/GroupHeading/index.js DELETED Viewed

	@@ -1 +0,0 @@
1	- export { default as GroupHeading } from './GroupHeading.svelte';

package/dist/components/DropdownMenu/Item/Item.svelte DELETED Viewed

@@ -1,24 +0,0 @@
-<script lang="ts">
-import { DropdownMenu as DropdownMenuPrimitive } from 'bits-ui';
-import styles from './styles.css.js';
-let {
-	ref = $bindable(null),
-	class: className,
-	inset,
-	variant = 'default',
-	...restProps
-}: DropdownMenuPrimitive.ItemProps & {
-	inset?: boolean;
-	variant?: 'default' | 'destructive';
-} = $props();
-</script>
-<DropdownMenuPrimitive.Item
-	bind:ref
-	data-slot="dropdown-menu-item"
-	data-inset={inset}
-	data-variant={variant}
-	class={[styles.root, className]}
-	{...restProps}
-/>

package/dist/components/DropdownMenu/Item/index.js DELETED Viewed

	@@ -1 +0,0 @@
1	- export { default as Item } from './Item.svelte';

package/dist/components/DropdownMenu/Label/Label.svelte DELETED Viewed

@@ -1,25 +0,0 @@
-<script lang="ts">
-import type { HTMLAttributes } from 'svelte/elements';
-import type { WithElementRef } from '../../../styles/index.js';
-import { label } from './styles.css.js';
-let {
-	ref = $bindable(null),
-	class: className,
-	inset,
-	children,
-	...restProps
-}: WithElementRef<HTMLAttributes<HTMLDivElement>> & {
-	inset?: boolean;
-} = $props();
-</script>
-<div
-	bind:this={ref}
-	data-slot="dropdown-menu-label"
-	data-inset={inset}
-	class={[label, className]}
-	{...restProps}
->
-	{@render children?.()}
-</div>

package/dist/components/DropdownMenu/Label/index.js DELETED Viewed

	@@ -1 +0,0 @@
1	- export { default as Label } from './Label.svelte';

package/dist/components/DropdownMenu/Portal/Portal.svelte DELETED Viewed

@@ -1,7 +0,0 @@
-<script lang="ts">
-import { DropdownMenu as DropdownMenuPrimitive } from 'bits-ui';
-let { ...restProps }: DropdownMenuPrimitive.PortalProps = $props();
-</script>
-<DropdownMenuPrimitive.Portal {...restProps} />

package/dist/components/DropdownMenu/Portal/index.js DELETED Viewed

	@@ -1 +0,0 @@
1	- export { default as Portal } from './Portal.svelte';

package/dist/components/DropdownMenu/RadioGroup/RadioGroup.svelte DELETED Viewed

@@ -1,16 +0,0 @@
-<script lang="ts">
-import { DropdownMenu as DropdownMenuPrimitive } from 'bits-ui';
-let {
-	ref = $bindable(null),
-	value = $bindable(),
-	...restProps
-}: DropdownMenuPrimitive.RadioGroupProps = $props();
-</script>
-<DropdownMenuPrimitive.RadioGroup
-	bind:ref
-	bind:value
-	data-slot="dropdown-menu-radio-group"
-	{...restProps}
-/>

package/dist/components/DropdownMenu/RadioGroup/index.js DELETED Viewed

	@@ -1 +0,0 @@
1	- export { default as RadioGroup } from './RadioGroup.svelte';

package/dist/components/DropdownMenu/RadioItem/RadioItem.svelte DELETED Viewed

@@ -1,29 +0,0 @@
-<script lang="ts">
-import { CircleIcon } from '@lucide/svelte';
-import { DropdownMenu as DropdownMenuPrimitive } from 'bits-ui';
-import type { WithoutChild } from '../../../styles/index.js';
-import styles from './styles.css.js';
-let {
-	ref = $bindable(null),
-	class: className,
-	children: childrenProp,
-	...restProps
-}: WithoutChild<DropdownMenuPrimitive.RadioItemProps> = $props();
-</script>
-<DropdownMenuPrimitive.RadioItem
-	bind:ref
-	data-slot="dropdown-menu-radio-item"
-	class={[styles.item, className]}
-	{...restProps}
->
-	{#snippet children({ checked })}
-		<span class={styles.indicator}>
-			{#if checked}
-				<CircleIcon class={styles.icon} />
-			{/if}
-		</span>
-		{@render childrenProp?.({ checked })}
-	{/snippet}
-</DropdownMenuPrimitive.RadioItem>

package/dist/components/DropdownMenu/RadioItem/index.js DELETED Viewed

	@@ -1 +0,0 @@
1	- export { default as RadioItem } from './RadioItem.svelte';

package/dist/components/DropdownMenu/Separator/Separator.svelte DELETED Viewed

@@ -1,17 +0,0 @@
-<script lang="ts">
-import { DropdownMenu as DropdownMenuPrimitive } from 'bits-ui';
-import styles from './styles.css.js';
-let {
-	ref = $bindable(null),
-	class: className,
-	...restProps
-}: DropdownMenuPrimitive.SeparatorProps = $props();
-</script>
-<DropdownMenuPrimitive.Separator
-	bind:ref
-	data-slot="dropdown-menu-separator"
-	class={[styles.separator, className]}
-	{...restProps}
-/>

package/dist/components/DropdownMenu/Separator/index.js DELETED Viewed

	@@ -1 +0,0 @@
1	- export { default as Separator } from './Separator.svelte';

package/dist/components/DropdownMenu/Shortcut/Shortcut.svelte DELETED Viewed

@@ -1,21 +0,0 @@
-<script lang="ts">
-import type { HTMLAttributes } from 'svelte/elements';
-import type { WithElementRef } from '../../../styles/index.js';
-import styles from './styles.css.js';
-let {
-	ref = $bindable(null),
-	class: className,
-	children,
-	...restProps
-}: WithElementRef<HTMLAttributes<HTMLSpanElement>> = $props();
-</script>
-<span
-	bind:this={ref}
-	data-slot="dropdown-menu-shortcut"
-	class={[styles.shortcut, className]}
-	{...restProps}
->
-	{@render children?.()}
-</span>

package/dist/components/DropdownMenu/Shortcut/index.js DELETED Viewed

	@@ -1 +0,0 @@
1	- export { default as Shortcut } from './Shortcut.svelte';