@ryuzaki13/react-foundation-ui 1.0.8 → 1.0.12

package/dist/slider/stories/SliderInput.stories.js

@@ -1,282 +0,0 @@
-import { n as e, t } from "../../chunks/slider-uU26AeGu.js";
-import { useState as n } from "react";
-import { createFilterBetween as r } from "@ryuzaki13/react-foundation-lib/odata-service";
-import { Fragment as i, jsx as a, jsxs as o } from "react/jsx-runtime";
-//#region src/slider/stories/SliderInput.stories.tsx
-var s = [
-	{
-		value: 0,
-		label: "0"
-	},
-	{
-		value: 20,
-		label: "20"
-	},
-	{
-		value: 40,
-		label: "40"
-	},
-	{
-		value: 60,
-		label: "60"
-	},
-	{
-		value: 80,
-		label: "80"
-	},
-	{
-		value: 100,
-		label: "100"
-	}
-], c = [
-	{
-		value: 0,
-		label: "Без нижней границы",
-		outputValue: null
-	},
-	{
-		value: 1,
-		label: "1 мес."
-	},
-	{
-		value: 3,
-		label: "3 мес."
-	},
-	{
-		value: 6,
-		label: "6 мес."
-	},
-	{
-		value: 12,
-		label: "12 мес."
-	},
-	{
-		value: 24,
-		label: "24 мес."
-	},
-	{
-		value: 25,
-		label: "Без верхней границы",
-		outputValue: null
-	}
-], l = [
-	{
-		value: 1,
-		label: "1 мес.",
-		outputValue: 30
-	},
-	{
-		value: 3,
-		label: "3 мес.",
-		outputValue: 90
-	},
-	{
-		value: 6,
-		label: "6 мес.",
-		outputValue: 180
-	},
-	{
-		value: 12,
-		label: "12 мес.",
-		outputValue: 360
-	},
-	{
-		value: 24,
-		label: "24 мес.",
-		outputValue: 720
-	}
-], u = [
-	{
-		value: 0,
-		label: "-",
-		outputValue: null
-	},
-	{
-		value: 1,
-		label: "1м.",
-		outputValue: 30
-	},
-	{
-		value: 3,
-		label: "3м.",
-		outputValue: 90
-	},
-	{
-		value: 6,
-		label: "6м.",
-		outputValue: 180
-	},
-	{
-		value: 12,
-		label: "1г.",
-		outputValue: 360
-	},
-	{
-		value: 18,
-		label: "1.5г.",
-		outputValue: 540
-	},
-	{
-		value: 24,
-		label: "2г.",
-		outputValue: 720
-	},
-	{
-		value: 25,
-		label: "-",
-		outputValue: null
-	}
-], d = {
-	title: "Shared/UI/SliderInput",
-	component: t,
-	args: {
-		value: 12,
-		onChange: () => {},
-		min: 0,
-		max: 100,
-		step: .5
-	},
-	parameters: {
-		atomicCanvas: !0,
-		layout: "padded"
-	},
-	tags: ["autodocs"]
-};
-function f({ value: e, field: t, children: n }) {
-	let [i, s] = e ?? [null, null];
-	return /* @__PURE__ */ o("div", {
-		className: "marginTopMd",
-		children: [
-			/* @__PURE__ */ a("div", {
-				className: "textSm сontent2",
-				children: "Preview фильтра"
-			}),
-			/* @__PURE__ */ a("pre", { children: JSON.stringify({
-				value: [i, s],
-				filter: r(t, e)
-			}, null, 2) }),
-			n
-		]
-	});
-}
-var p = { render: (e) => {
-	let [r, i] = n(e.value);
-	return /* @__PURE__ */ a(t, {
-		...e,
-		label: "Порог",
-		description: "Ручной ввод и popover slider работают с одним значением.",
-		value: r,
-		onChange: i
-	});
-} }, m = { render: (e) => {
-	let [r, i] = n(40);
-	return /* @__PURE__ */ a(t, {
-		...e,
-		label: "Готовый пресет",
-		marks: s,
-		value: r,
-		onChange: i
-	});
-} }, h = {
-	render: (e) => {
-		let [r, i] = n(17.5);
-		return /* @__PURE__ */ a(t, {
-			...e,
-			label: "Десятичное значение",
-			value: r,
-			onChange: i
-		});
-	},
-	args: { step: .5 }
-}, g = { render: () => {
-	let [t, r] = n([20, 80]);
-	return /* @__PURE__ */ o(i, { children: [/* @__PURE__ */ a(e, {
-		label: "Процент выполнения",
-		description: "RangeInput без outputValue: наружу отдаётся координата `value`.",
-		min: 0,
-		max: 100,
-		marks: s,
-		value: t,
-		onChange: r
-	}), /* @__PURE__ */ a(f, {
-		value: t,
-		field: "progress",
-		unit: "%"
-	})] });
-} }, _ = { render: () => {
-	let [t, r] = n([null, 12]);
-	return /* @__PURE__ */ o(i, { children: [/* @__PURE__ */ a(e, {
-		label: "Срок в месяцах",
-		description: "У крайних marks `outputValue:null`; у обычных marks outputValue не указан и берётся `value`.",
-		min: 0,
-		max: 25,
-		marks: c,
-		marksPosition: "index",
-		value: t,
-		onChange: r
-	}), /* @__PURE__ */ a(f, {
-		value: t,
-		field: "months",
-		unit: " мес."
-	})] });
-} }, v = { render: () => {
-	let [t, r] = n([90, 360]);
-	return /* @__PURE__ */ o(i, { children: [/* @__PURE__ */ a(e, {
-		label: "Срок: месяцы на шкале, дни в фильтре",
-		description: "В поле и фильтре видны дни, а popover показывает месячные marks.",
-		min: 1,
-		max: 24,
-		marks: l,
-		marksPosition: "index",
-		value: t,
-		onChange: r
-	}), /* @__PURE__ */ a(f, {
-		value: t,
-		field: "days",
-		unit: " дн."
-	})] });
-} }, y = { render: () => {
-	let [t, r] = n([null, 720]);
-	return /* @__PURE__ */ o(i, { children: [/* @__PURE__ */ a(e, {
-		label: "Срок: открытые границы и дни в фильтре",
-		description: "Крайние marks отдают null, обычные marks отдают дни через `outputValue`.",
-		min: 0,
-		max: 25,
-		marks: u,
-		marksPosition: "index",
-		value: t,
-		onChange: r
-	}), /* @__PURE__ */ a(f, {
-		value: t,
-		field: "days",
-		unit: " дн."
-	})] });
-} }, b = { render: () => {
-	let [t, r] = n([90, 180]);
-	return /* @__PURE__ */ o(i, { children: [/* @__PURE__ */ a(e, {
-		label: "Срок текстом",
-		description: "В поле выводится готовый текст по marks, а изменение через popover коммитится при закрытии.",
-		min: 0,
-		max: 25,
-		marks: u,
-		marksPosition: "index",
-		value: t,
-		onChange: r,
-		readonlyValueText: !0,
-		placeholder: "Любой срок"
-	}), /* @__PURE__ */ a(f, {
-		value: t,
-		field: "days",
-		unit: " дн."
-	})] });
-} }, x = { args: {
-	label: "Недоступно",
-	description: "Поле и popover отключены.",
-	value: 20,
-	disabled: !0,
-	marks: s
-} };
-//#endregion
-export { p as Basic, h as DecimalManualInput, x as Disabled, m as MarksSnap, v as RangeInputMonthToDaysOutput, y as RangeInputOpenMonthToDaysOutput, _ as RangeInputOpenWithoutExplicitMiddleOutput, g as RangeInputPlain, b as RangeInputReadonlyText, d as default };
-
-//# sourceMappingURL=SliderInput.stories.js.map

package/dist/slider/stories/SliderInput.stories.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"SliderInput.stories.js","names":[],"sources":["../../../src/slider/stories/SliderInput.stories.tsx"],"sourcesContent":["import { ReactNode, useState } from \"react\";\n\nimport { createFilterBetween } from \"@ryuzaki13/react-foundation-lib/odata-service\";\n\nimport { SliderInput, SliderRangeInput, type SliderRangeValue } from \"..\";\n\nimport type { Meta, StoryObj } from \"@storybook/react-vite\";\n\nconst percentMarks = [\n\t{ value: 0, label: \"0\" },\n\t{ value: 20, label: \"20\" },\n\t{ value: 40, label: \"40\" },\n\t{ value: 60, label: \"60\" },\n\t{ value: 80, label: \"80\" },\n\t{ value: 100, label: \"100\" }\n] as const;\n\nconst openMonthMarks = [\n\t{ value: 0, label: \"Без нижней границы\", outputValue: null },\n\t{ value: 1, label: \"1 мес.\" },\n\t{ value: 3, label: \"3 мес.\" },\n\t{ value: 6, label: \"6 мес.\" },\n\t{ value: 12, label: \"12 мес.\" },\n\t{ value: 24, label: \"24 мес.\" },\n\t{ value: 25, label: \"Без верхней границы\", outputValue: null }\n] as const;\n\nconst monthToDayMarks = [\n\t{ value: 1, label: \"1 мес.\", outputValue: 30 },\n\t{ value: 3, label: \"3 мес.\", outputValue: 90 },\n\t{ value: 6, label: \"6 мес.\", outputValue: 180 },\n\t{ value: 12, label: \"12 мес.\", outputValue: 360 },\n\t{ value: 24, label: \"24 мес.\", outputValue: 720 }\n] as const;\n\nconst openMonthToDayMarks = [\n\t{ value: 0, label: \"-\", outputValue: null },\n\t{ value: 1, label: \"1м.\", outputValue: 30 },\n\t{ value: 3, label: \"3м.\", outputValue: 90 },\n\t{ value: 6, label: \"6м.\", outputValue: 180 },\n\t{ value: 12, label: \"1г.\", outputValue: 360 },\n\t{ value: 18, label: \"1.5г.\", outputValue: 540 },\n\t{ value: 24, label: \"2г.\", outputValue: 720 },\n\t{ value: 25, label: \"-\", outputValue: null }\n] as const;\n\nconst meta = {\n\ttitle: \"Shared/UI/SliderInput\",\n\tcomponent: SliderInput,\n\targs: {\n\t\tvalue: 12,\n\t\tonChange: () => {},\n\t\tmin: 0,\n\t\tmax: 100,\n\t\tstep: 0.5\n\t},\n\tparameters: {\n\t\tatomicCanvas: true,\n\t\tlayout: \"padded\"\n\t},\n\ttags: [\"autodocs\"]\n} satisfies Meta<typeof SliderInput>;\n\nexport default meta;\ntype Story = StoryObj<typeof meta>;\n\nfunction RangePreview({\n\tvalue,\n\tfield,\n\tchildren\n}: {\n\tvalue: SliderRangeValue | undefined;\n\tfield: string;\n\tunit?: string;\n\tchildren?: ReactNode;\n}) {\n\tconst [from, to] = value ?? [null, null];\n\n\treturn (\n\t\t<div className=\"marginTopMd\">\n\t\t\t<div className=\"textSm сontent2\">Preview фильтра</div>\n\t\t\t<pre>\n\t\t\t\t{JSON.stringify(\n\t\t\t\t\t{\n\t\t\t\t\t\tvalue: [from, to],\n\t\t\t\t\t\tfilter: createFilterBetween(field, value)\n\t\t\t\t\t},\n\t\t\t\t\tnull,\n\t\t\t\t\t2\n\t\t\t\t)}\n\t\t\t</pre>\n\t\t\t{children}\n\t\t</div>\n\t);\n}\n\nexport const Basic: Story = {\n\trender: (args) => {\n\t\tconst [value, setValue] = useState<number>(args.value);\n\n\t\treturn (\n\t\t\t<SliderInput\n\t\t\t\t{...args}\n\t\t\t\tlabel=\"Порог\"\n\t\t\t\tdescription=\"Ручной ввод и popover slider работают с одним значением.\"\n\t\t\t\tvalue={value}\n\t\t\t\tonChange={setValue}\n\t\t\t/>\n\t\t);\n\t}\n};\n\nexport const MarksSnap: Story = {\n\trender: (args) => {\n\t\tconst [value, setValue] = useState<number>(40);\n\n\t\treturn <SliderInput {...args} label=\"Готовый пресет\" marks={percentMarks} value={value} onChange={setValue} />;\n\t}\n};\n\nexport const DecimalManualInput: Story = {\n\trender: (args) => {\n\t\tconst [value, setValue] = useState<number>(17.5);\n\n\t\treturn <SliderInput {...args} label=\"Десятичное значение\" value={value} onChange={setValue} />;\n\t},\n\targs: {\n\t\tstep: 0.5\n\t}\n};\n\nexport const RangeInputPlain: Story = {\n\trender: () => {\n\t\tconst [value, setValue] = useState<SliderRangeValue>([20, 80]);\n\n\t\treturn (\n\t\t\t<>\n\t\t\t\t<SliderRangeInput\n\t\t\t\t\tlabel=\"Процент выполнения\"\n\t\t\t\t\tdescription=\"RangeInput без outputValue: наружу отдаётся координата `value`.\"\n\t\t\t\t\tmin={0}\n\t\t\t\t\tmax={100}\n\t\t\t\t\tmarks={percentMarks}\n\t\t\t\t\tvalue={value}\n\t\t\t\t\tonChange={setValue}\n\t\t\t\t/>\n\t\t\t\t<RangePreview value={value} field=\"progress\" unit=\"%\" />\n\t\t\t</>\n\t\t);\n\t}\n};\n\nexport const RangeInputOpenWithoutExplicitMiddleOutput: Story = {\n\trender: () => {\n\t\tconst [value, setValue] = useState<SliderRangeValue>([null, 12]);\n\n\t\treturn (\n\t\t\t<>\n\t\t\t\t<SliderRangeInput\n\t\t\t\t\tlabel=\"Срок в месяцах\"\n\t\t\t\t\tdescription=\"У крайних marks `outputValue:null`; у обычных marks outputValue не указан и берётся `value`.\"\n\t\t\t\t\tmin={0}\n\t\t\t\t\tmax={25}\n\t\t\t\t\tmarks={openMonthMarks}\n\t\t\t\t\tmarksPosition=\"index\"\n\t\t\t\t\tvalue={value}\n\t\t\t\t\tonChange={setValue}\n\t\t\t\t/>\n\t\t\t\t<RangePreview value={value} field=\"months\" unit=\" мес.\" />\n\t\t\t</>\n\t\t);\n\t}\n};\n\nexport const RangeInputMonthToDaysOutput: Story = {\n\trender: () => {\n\t\tconst [value, setValue] = useState<SliderRangeValue>([90, 360]);\n\n\t\treturn (\n\t\t\t<>\n\t\t\t\t<SliderRangeInput\n\t\t\t\t\tlabel=\"Срок: месяцы на шкале, дни в фильтре\"\n\t\t\t\t\tdescription=\"В поле и фильтре видны дни, а popover показывает месячные marks.\"\n\t\t\t\t\tmin={1}\n\t\t\t\t\tmax={24}\n\t\t\t\t\tmarks={monthToDayMarks}\n\t\t\t\t\tmarksPosition=\"index\"\n\t\t\t\t\tvalue={value}\n\t\t\t\t\tonChange={setValue}\n\t\t\t\t/>\n\t\t\t\t<RangePreview value={value} field=\"days\" unit=\" дн.\" />\n\t\t\t</>\n\t\t);\n\t}\n};\n\nexport const RangeInputOpenMonthToDaysOutput: Story = {\n\trender: () => {\n\t\tconst [value, setValue] = useState<SliderRangeValue>([null, 720]);\n\n\t\treturn (\n\t\t\t<>\n\t\t\t\t<SliderRangeInput\n\t\t\t\t\tlabel=\"Срок: открытые границы и дни в фильтре\"\n\t\t\t\t\tdescription=\"Крайние marks отдают null, обычные marks отдают дни через `outputValue`.\"\n\t\t\t\t\tmin={0}\n\t\t\t\t\tmax={25}\n\t\t\t\t\tmarks={openMonthToDayMarks}\n\t\t\t\t\tmarksPosition=\"index\"\n\t\t\t\t\tvalue={value}\n\t\t\t\t\tonChange={setValue}\n\t\t\t\t/>\n\t\t\t\t<RangePreview value={value} field=\"days\" unit=\" дн.\" />\n\t\t\t</>\n\t\t);\n\t}\n};\n\nexport const RangeInputReadonlyText: Story = {\n\trender: () => {\n\t\tconst [value, setValue] = useState<SliderRangeValue>([90, 180]);\n\n\t\treturn (\n\t\t\t<>\n\t\t\t\t<SliderRangeInput\n\t\t\t\t\tlabel=\"Срок текстом\"\n\t\t\t\t\tdescription=\"В поле выводится готовый текст по marks, а изменение через popover коммитится при закрытии.\"\n\t\t\t\t\tmin={0}\n\t\t\t\t\tmax={25}\n\t\t\t\t\tmarks={openMonthToDayMarks}\n\t\t\t\t\tmarksPosition=\"index\"\n\t\t\t\t\tvalue={value}\n\t\t\t\t\tonChange={setValue}\n\t\t\t\t\treadonlyValueText\n\t\t\t\t\tplaceholder=\"Любой срок\"\n\t\t\t\t/>\n\t\t\t\t<RangePreview value={value} field=\"days\" unit=\" дн.\" />\n\t\t\t</>\n\t\t);\n\t}\n};\n\nexport const Disabled: Story = {\n\targs: {\n\t\tlabel: \"Недоступно\",\n\t\tdescription: \"Поле и popover отключены.\",\n\t\tvalue: 20,\n\t\tdisabled: true,\n\t\tmarks: percentMarks\n\t}\n};\n"],"mappings":"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"}

package/dist/sortable/stories/Sortable.stories.d.ts

@@ -1,58 +0,0 @@
-import { type SortableLayout } from "../sortableUtils";
-import type { StoryObj } from "@storybook/react-vite";
-export interface SortablePreviewProps {
-    containerId: string;
-    layout: SortableLayout;
-    initialItems: string[];
-    itemWidth?: string;
-    disabledIds?: string[];
-}
-export declare function SortablePreview(props: SortablePreviewProps): import("react").JSX.Element;
-declare const meta: {
-    title: string;
-    component: typeof SortablePreview;
-    args: {
-        containerId: string;
-        layout: "vertical";
-        initialItems: string[];
-        itemWidth: undefined;
-        disabledIds: never[];
-    };
-    parameters: {
-        atomicCanvas: boolean;
-        layout: string;
-    };
-    tags: string[];
-    argTypes: {
-        containerId: {
-            description: string;
-            control: "text";
-        };
-        layout: {
-            description: string;
-            control: "inline-radio";
-            options: string[];
-        };
-        initialItems: {
-            description: string;
-            control: false;
-        };
-        itemWidth: {
-            description: string;
-            control: "text";
-        };
-        disabledIds: {
-            description: string;
-            control: false;
-        };
-    };
-};
-export default meta;
-type Story = StoryObj<typeof meta>;
-export declare const Basic: Story;
-export declare const HorizontalList: Story;
-export declare const GridCards: Story;
-export declare const DisabledItems: Story;
-export declare const HandleOnly: Story;
-export declare const NestedContainers: Story;
-//# sourceMappingURL=Sortable.stories.d.ts.map

package/dist/sortable/stories/Sortable.stories.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Sortable.stories.d.ts","sourceRoot":"","sources":["../../../src/sortable/stories/Sortable.stories.tsx"],"names":[],"mappings":"AAGA,OAAO,EAA4B,KAAK,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAGjF,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAiB5D,MAAM,WAAW,oBAAoB;IACpC,WAAW,EAAE,MAAM,CAAC;IACpB,MAAM,EAAE,cAAc,CAAC;IACvB,YAAY,EAAE,MAAM,EAAE,CAAC;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,EAAE,CAAC;CACvB;AAqBD,wBAAgB,eAAe,CAAC,KAAK,EAAE,oBAAoB,+BAwC1D;AAED,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAsC8B,CAAC;AAEzC,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,KAAK,EAAE,KAAU,CAAC;AAE/B,eAAO,MAAM,cAAc,EAAE,KAO5B,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAMvB,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KAO3B,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KAMxB,CAAC;AAEF,eAAO,MAAM,gBAAgB,EAAE,KAgF9B,CAAC"}

package/dist/sortable/stories/Sortable.stories.js

@@ -1,255 +0,0 @@
-import { s as e, t } from "../../chunks/sortable-DcTIAbjD.js";
-import { useState as n } from "react";
-import { jsx as r, jsxs as i } from "react/jsx-runtime";
-//#region src/sortable/stories/Sortable.stories.tsx
-var a = {
-	display: "grid",
-	gridTemplateColumns: "var(--control-height) 1fr",
-	alignItems: "center",
-	gap: "var(--space-sm)",
-	padding: "var(--space-sm)",
-	border: "var(--border)",
-	borderRadius: "var(--radius-sm)",
-	background: "var(--surface-0)"
-}, o = [
-	"Alpha",
-	"Bravo",
-	"Charlie",
-	"Delta"
-], s = [
-	"Фильтры",
-	"Графики",
-	"Сводка",
-	"История"
-], c = [
-	"Карточка 1",
-	"Карточка 2",
-	"Карточка 3",
-	"Карточка 4",
-	"Карточка 5",
-	"Карточка 6"
-];
-function l(e, t, n) {
-	let r = [...e], [i] = r.splice(t, 1);
-	return r.splice(n, 0, i), r;
-}
-function u(e) {
-	switch (e) {
-		case "horizontal": return {
-			display: "flex",
-			gap: "var(--space-sm)",
-			overflowX: "auto"
-		};
-		case "grid": return {
-			display: "grid",
-			gap: "var(--space-sm)",
-			gridTemplateColumns: "repeat(auto-fill, minmax(12rem, 1fr))"
-		};
-		default: return {
-			display: "grid",
-			gap: "var(--space-sm)"
-		};
-	}
-}
-function d(o) {
-	let [s, c] = n(o.initialItems), d = new Set(o.disabledIds ?? []);
-	return /* @__PURE__ */ i("div", {
-		style: {
-			display: "grid",
-			gap: 12
-		},
-		children: [/* @__PURE__ */ r(t.Root, {
-			onDragEnd: (t) => {
-				let n = e({
-					event: t,
-					items: { [o.containerId]: s }
-				});
-				n && c((e) => l(e, n.fromIndex, n.toIndex));
-			},
-			children: /* @__PURE__ */ r(t.Container, {
-				containerId: o.containerId,
-				items: s,
-				layout: o.layout,
-				children: /* @__PURE__ */ r("div", {
-					style: u(o.layout),
-					children: s.map((e) => /* @__PURE__ */ i(t.Item, {
-						id: e,
-						disabled: d.has(e),
-						style: {
-							...a,
-							minWidth: o.itemWidth
-						},
-						children: [/* @__PURE__ */ r(t.DragHandle, { title: `Перетащить ${e}` }), /* @__PURE__ */ r("div", { children: e })]
-					}, e))
-				})
-			})
-		}), /* @__PURE__ */ r("div", {
-			style: {
-				fontSize: 14,
-				opacity: .8
-			},
-			children: "Порядок элементов изменяется локально в рамках story."
-		})]
-	});
-}
-var f = {
-	title: "Shared/UI/Sortable",
-	component: d,
-	args: {
-		containerId: "sortable-demo",
-		layout: "vertical",
-		initialItems: o,
-		itemWidth: void 0,
-		disabledIds: []
-	},
-	parameters: {
-		atomicCanvas: !0,
-		layout: "padded"
-	},
-	tags: ["autodocs"],
-	argTypes: {
-		containerId: {
-			description: "Идентификатор `SortableContext`, который используется для вычисления reorder внутри контейнера.",
-			control: "text"
-		},
-		layout: {
-			description: "Режим раскладки и стратегия сортировки: вертикальный список, горизонтальный список или grid.",
-			control: "inline-radio",
-			options: [
-				"vertical",
-				"horizontal",
-				"grid"
-			]
-		},
-		initialItems: {
-			description: "Начальный набор элементов. Внутри story состояние управляется локально.",
-			control: !1
-		},
-		itemWidth: {
-			description: "Минимальная ширина карточки; полезна для горизонтального режима.",
-			control: "text"
-		},
-		disabledIds: {
-			description: "Список id, для которых drag-handle отключен.",
-			control: !1
-		}
-	}
-}, p = {}, m = { args: {
-	containerId: "sortable-horizontal",
-	layout: "horizontal",
-	initialItems: s,
-	itemWidth: "12rem"
-} }, h = { args: {
-	containerId: "sortable-grid",
-	layout: "grid",
-	initialItems: c
-} }, g = { args: {
-	containerId: "sortable-disabled",
-	layout: "vertical",
-	initialItems: o,
-	disabledIds: ["Bravo", "Delta"]
-} }, _ = { args: {
-	containerId: "sortable-handle-only",
-	layout: "vertical",
-	initialItems: [
-		"Пункт 1",
-		"Пункт 2",
-		"Пункт 3",
-		"Пункт 4"
-	]
-} }, v = {
-	args: {
-		containerId: "top",
-		layout: "vertical",
-		initialItems: ["Группа A", "Группа B"]
-	},
-	render: () => {
-		let [o, s] = n(["Группа A", "Группа B"]), [c, u] = n({
-			"Группа A": [
-				"A.1",
-				"A.2",
-				"A.3"
-			],
-			"Группа B": ["B.1", "B.2"]
-		});
-		return /* @__PURE__ */ i("div", {
-			style: {
-				display: "grid",
-				gap: 12
-			},
-			children: [/* @__PURE__ */ r(t.Root, {
-				onDragEnd: (t) => {
-					let n = e({
-						event: t,
-						items: {
-							top: o,
-							...Object.fromEntries(o.map((e) => [`parent:${e}`, c[e] ?? []]))
-						}
-					});
-					if (!n) return;
-					if (n.containerId === "top") {
-						s((e) => l(e, n.fromIndex, n.toIndex));
-						return;
-					}
-					let r = String(n.containerId).slice(7);
-					u((e) => ({
-						...e,
-						[r]: l(e[r] ?? [], n.fromIndex, n.toIndex)
-					}));
-				},
-				children: /* @__PURE__ */ r(t.Container, {
-					containerId: "top",
-					items: o,
-					children: /* @__PURE__ */ r("div", {
-						style: {
-							display: "grid",
-							gap: "var(--space-md)"
-						},
-						children: o.map((e) => /* @__PURE__ */ i(t.Item, {
-							id: e,
-							style: {
-								...a,
-								gridTemplateColumns: "var(--control-height) 1fr",
-								alignItems: "start"
-							},
-							children: [/* @__PURE__ */ r(t.DragHandle, { title: `Перетащить ${e}` }), /* @__PURE__ */ i("div", {
-								style: {
-									display: "grid",
-									gap: "var(--space-sm)"
-								},
-								children: [/* @__PURE__ */ r("strong", { children: e }), /* @__PURE__ */ r(t.Container, {
-									containerId: `parent:${e}`,
-									items: c[e] ?? [],
-									children: /* @__PURE__ */ r("div", {
-										style: {
-											display: "grid",
-											gap: "var(--space-xs)"
-										},
-										children: (c[e] ?? []).map((e) => /* @__PURE__ */ i(t.Item, {
-											id: e,
-											style: {
-												...a,
-												background: "var(--surface-1)"
-											},
-											children: [/* @__PURE__ */ r(t.DragHandle, { title: `Перетащить ${e}` }), /* @__PURE__ */ r("div", { children: e })]
-										}, e))
-									})
-								})]
-							})]
-						}, e))
-					})
-				})
-			}), /* @__PURE__ */ r("div", {
-				style: {
-					fontSize: 14,
-					opacity: .8
-				},
-				children: "Вложенные контейнеры сортируются независимо и используют общий `Sortable.Root`."
-			})]
-		});
-	}
-};
-//#endregion
-export { p as Basic, g as DisabledItems, h as GridCards, _ as HandleOnly, m as HorizontalList, v as NestedContainers, d as SortablePreview, f as default };
-
-//# sourceMappingURL=Sortable.stories.js.map

package/dist/sortable/stories/Sortable.stories.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Sortable.stories.js","names":[],"sources":["../../../src/sortable/stories/Sortable.stories.tsx"],"sourcesContent":["import { useState, type CSSProperties } from \"react\";\n\nimport { Sortable } from \"..\";\nimport { getSortableReorderResult, type SortableLayout } from \"../sortableUtils\";\n\nimport type { UniqueIdentifier } from \"@dnd-kit/core\";\nimport type { Meta, StoryObj } from \"@storybook/react-vite\";\n\nconst itemStyle: CSSProperties = {\n\tdisplay: \"grid\",\n\tgridTemplateColumns: \"var(--control-height) 1fr\",\n\talignItems: \"center\",\n\tgap: \"var(--space-sm)\",\n\tpadding: \"var(--space-sm)\",\n\tborder: \"var(--border)\",\n\tborderRadius: \"var(--radius-sm)\",\n\tbackground: \"var(--surface-0)\"\n};\n\nconst verticalItems = [\"Alpha\", \"Bravo\", \"Charlie\", \"Delta\"];\nconst horizontalItems = [\"Фильтры\", \"Графики\", \"Сводка\", \"История\"];\nconst gridItems = [\"Карточка 1\", \"Карточка 2\", \"Карточка 3\", \"Карточка 4\", \"Карточка 5\", \"Карточка 6\"];\n\nexport interface SortablePreviewProps {\n\tcontainerId: string;\n\tlayout: SortableLayout;\n\tinitialItems: string[];\n\titemWidth?: string;\n\tdisabledIds?: string[];\n}\n\nfunction reorderItems(items: readonly UniqueIdentifier[], fromIndex: number, toIndex: number) {\n\tconst next = [...items];\n\tconst [moved] = next.splice(fromIndex, 1);\n\tnext.splice(toIndex, 0, moved!);\n\treturn next;\n}\n\nfunction getContainerStyle(layout: SortableLayout): CSSProperties {\n\tswitch (layout) {\n\t\tcase \"horizontal\":\n\t\t\treturn { display: \"flex\", gap: \"var(--space-sm)\", overflowX: \"auto\" };\n\t\tcase \"grid\":\n\t\t\treturn { display: \"grid\", gap: \"var(--space-sm)\", gridTemplateColumns: \"repeat(auto-fill, minmax(12rem, 1fr))\" };\n\t\tcase \"vertical\":\n\t\tdefault:\n\t\t\treturn { display: \"grid\", gap: \"var(--space-sm)\" };\n\t}\n}\n\nexport function SortablePreview(props: SortablePreviewProps) {\n\tconst [items, setItems] = useState(props.initialItems);\n\tconst disabledIdSet = new Set(props.disabledIds ?? []);\n\n\treturn (\n\t\t<div style={{ display: \"grid\", gap: 12 }}>\n\t\t\t<Sortable.Root\n\t\t\t\tonDragEnd={(event) => {\n\t\t\t\t\tconst reorder = getSortableReorderResult({\n\t\t\t\t\t\tevent,\n\t\t\t\t\t\titems: {\n\t\t\t\t\t\t\t[props.containerId]: items\n\t\t\t\t\t\t}\n\t\t\t\t\t});\n\t\t\t\t\tif (!reorder) return;\n\n\t\t\t\t\tsetItems((prev) => reorderItems(prev, reorder.fromIndex, reorder.toIndex) as string[]);\n\t\t\t\t}}>\n\t\t\t\t<Sortable.Container containerId={props.containerId} items={items} layout={props.layout}>\n\t\t\t\t\t<div style={getContainerStyle(props.layout)}>\n\t\t\t\t\t\t{items.map((item) => (\n\t\t\t\t\t\t\t<Sortable.Item\n\t\t\t\t\t\t\t\tkey={item}\n\t\t\t\t\t\t\t\tid={item}\n\t\t\t\t\t\t\t\tdisabled={disabledIdSet.has(item)}\n\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\t...itemStyle,\n\t\t\t\t\t\t\t\t\tminWidth: props.itemWidth\n\t\t\t\t\t\t\t\t}}>\n\t\t\t\t\t\t\t\t<Sortable.DragHandle title={`Перетащить ${item}`} />\n\t\t\t\t\t\t\t\t<div>{item}</div>\n\t\t\t\t\t\t\t</Sortable.Item>\n\t\t\t\t\t\t))}\n\t\t\t\t\t</div>\n\t\t\t\t</Sortable.Container>\n\t\t\t</Sortable.Root>\n\n\t\t\t<div style={{ fontSize: 14, opacity: 0.8 }}>Порядок элементов изменяется локально в рамках story.</div>\n\t\t</div>\n\t);\n}\n\nconst meta = {\n\ttitle: \"Shared/UI/Sortable\",\n\tcomponent: SortablePreview,\n\targs: {\n\t\tcontainerId: \"sortable-demo\",\n\t\tlayout: \"vertical\",\n\t\tinitialItems: verticalItems,\n\t\titemWidth: undefined,\n\t\tdisabledIds: []\n\t},\n\tparameters: {\n\t\tatomicCanvas: true,\n\t\tlayout: \"padded\"\n\t},\n\ttags: [\"autodocs\"],\n\targTypes: {\n\t\tcontainerId: {\n\t\t\tdescription: \"Идентификатор `SortableContext`, который используется для вычисления reorder внутри контейнера.\",\n\t\t\tcontrol: \"text\"\n\t\t},\n\t\tlayout: {\n\t\t\tdescription: \"Режим раскладки и стратегия сортировки: вертикальный список, горизонтальный список или grid.\",\n\t\t\tcontrol: \"inline-radio\",\n\t\t\toptions: [\"vertical\", \"horizontal\", \"grid\"]\n\t\t},\n\t\tinitialItems: {\n\t\t\tdescription: \"Начальный набор элементов. Внутри story состояние управляется локально.\",\n\t\t\tcontrol: false\n\t\t},\n\t\titemWidth: {\n\t\t\tdescription: \"Минимальная ширина карточки; полезна для горизонтального режима.\",\n\t\t\tcontrol: \"text\"\n\t\t},\n\t\tdisabledIds: {\n\t\t\tdescription: \"Список id, для которых drag-handle отключен.\",\n\t\t\tcontrol: false\n\t\t}\n\t}\n} satisfies Meta<typeof SortablePreview>;\n\nexport default meta;\ntype Story = StoryObj<typeof meta>;\n\nexport const Basic: Story = {};\n\nexport const HorizontalList: Story = {\n\targs: {\n\t\tcontainerId: \"sortable-horizontal\",\n\t\tlayout: \"horizontal\",\n\t\tinitialItems: horizontalItems,\n\t\titemWidth: \"12rem\"\n\t}\n};\n\nexport const GridCards: Story = {\n\targs: {\n\t\tcontainerId: \"sortable-grid\",\n\t\tlayout: \"grid\",\n\t\tinitialItems: gridItems\n\t}\n};\n\nexport const DisabledItems: Story = {\n\targs: {\n\t\tcontainerId: \"sortable-disabled\",\n\t\tlayout: \"vertical\",\n\t\tinitialItems: verticalItems,\n\t\tdisabledIds: [\"Bravo\", \"Delta\"]\n\t}\n};\n\nexport const HandleOnly: Story = {\n\targs: {\n\t\tcontainerId: \"sortable-handle-only\",\n\t\tlayout: \"vertical\",\n\t\tinitialItems: [\"Пункт 1\", \"Пункт 2\", \"Пункт 3\", \"Пункт 4\"]\n\t}\n};\n\nexport const NestedContainers: Story = {\n\targs: {\n\t\tcontainerId: \"top\",\n\t\tlayout: \"vertical\",\n\t\tinitialItems: [\"Группа A\", \"Группа B\"]\n\t},\n\trender: () => {\n\t\tconst [topItems, setTopItems] = useState([\"Группа A\", \"Группа B\"]);\n\t\tconst [childItemsByGroup, setChildItemsByGroup] = useState<Record<string, string[]>>({\n\t\t\t\"Группа A\": [\"A.1\", \"A.2\", \"A.3\"],\n\t\t\t\"Группа B\": [\"B.1\", \"B.2\"]\n\t\t});\n\n\t\treturn (\n\t\t\t<div style={{ display: \"grid\", gap: 12 }}>\n\t\t\t\t<Sortable.Root\n\t\t\t\t\tonDragEnd={(event) => {\n\t\t\t\t\t\tconst reorder = getSortableReorderResult({\n\t\t\t\t\t\t\tevent,\n\t\t\t\t\t\t\titems: {\n\t\t\t\t\t\t\t\ttop: topItems,\n\t\t\t\t\t\t\t\t...Object.fromEntries(topItems.map((item) => [`parent:${item}`, childItemsByGroup[item] ?? []]))\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t});\n\t\t\t\t\t\tif (!reorder) return;\n\n\t\t\t\t\t\tif (reorder.containerId === \"top\") {\n\t\t\t\t\t\t\tsetTopItems((prev) => reorderItems(prev, reorder.fromIndex, reorder.toIndex) as string[]);\n\t\t\t\t\t\t\treturn;\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\tconst parentId = String(reorder.containerId).slice(\"parent:\".length);\n\t\t\t\t\t\tsetChildItemsByGroup((prev) => ({\n\t\t\t\t\t\t\t...prev,\n\t\t\t\t\t\t\t[parentId]: reorderItems(prev[parentId] ?? [], reorder.fromIndex, reorder.toIndex) as string[]\n\t\t\t\t\t\t}));\n\t\t\t\t\t}}>\n\t\t\t\t\t<Sortable.Container containerId=\"top\" items={topItems}>\n\t\t\t\t\t\t<div style={{ display: \"grid\", gap: \"var(--space-md)\" }}>\n\t\t\t\t\t\t\t{topItems.map((groupId) => (\n\t\t\t\t\t\t\t\t<Sortable.Item\n\t\t\t\t\t\t\t\t\tkey={groupId}\n\t\t\t\t\t\t\t\t\tid={groupId}\n\t\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\t\t...itemStyle,\n\t\t\t\t\t\t\t\t\t\tgridTemplateColumns: \"var(--control-height) 1fr\",\n\t\t\t\t\t\t\t\t\t\talignItems: \"start\"\n\t\t\t\t\t\t\t\t\t}}>\n\t\t\t\t\t\t\t\t\t<Sortable.DragHandle title={`Перетащить ${groupId}`} />\n\t\t\t\t\t\t\t\t\t<div style={{ display: \"grid\", gap: \"var(--space-sm)\" }}>\n\t\t\t\t\t\t\t\t\t\t<strong>{groupId}</strong>\n\t\t\t\t\t\t\t\t\t\t<Sortable.Container containerId={`parent:${groupId}`} items={childItemsByGroup[groupId] ?? []}>\n\t\t\t\t\t\t\t\t\t\t\t<div style={{ display: \"grid\", gap: \"var(--space-xs)\" }}>\n\t\t\t\t\t\t\t\t\t\t\t\t{(childItemsByGroup[groupId] ?? []).map((item) => (\n\t\t\t\t\t\t\t\t\t\t\t\t\t<Sortable.Item\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tkey={item}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tid={item}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t...itemStyle,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tbackground: \"var(--surface-1)\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t}}>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<Sortable.DragHandle title={`Перетащить ${item}`} />\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div>{item}</div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t</Sortable.Item>\n\t\t\t\t\t\t\t\t\t\t\t\t))}\n\t\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t</Sortable.Container>\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t</Sortable.Item>\n\t\t\t\t\t\t\t))}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</Sortable.Container>\n\t\t\t\t</Sortable.Root>\n\n\t\t\t\t<div style={{ fontSize: 14, opacity: 0.8 }}>\n\t\t\t\t\tВложенные контейнеры сортируются независимо и используют общий `Sortable.Root`.\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t);\n\t}\n};\n"],"mappings":"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"}