@ryuzaki13/react-foundation-ui 1.0.8 → 1.0.11

package/dist/input-image/stories/InputImage.stories.js

@@ -1,174 +0,0 @@
-import { t as e } from "../../chunks/InputImage-Bs6cFQIo.js";
-import { useState as t } from "react";
-import { jsx as n, jsxs as r } from "react/jsx-runtime";
-//#region src/input-image/stories/InputImage.stories.tsx
-var i = (e = "avatar.png") => {
-	let t = new File(["image-demo"], e, {
-		type: "image/png",
-		lastModified: 17040672e5
-	});
-	return {
-		mode: "data-url",
-		meta: {
-			name: t.name,
-			mime: t.type,
-			size: t.size,
-			lastModified: t.lastModified
-		},
-		dataUrl: "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mP8/x8AAusB9YxM9a0AAAAASUVORK5CYII=",
-		file: t,
-		dimensions: {
-			width: 1,
-			height: 1
-		}
-	};
-}, a = {
-	title: "Shared/UI/InputImage",
-	component: e,
-	args: {
-		value: void 0,
-		onChange: () => {}
-	},
-	parameters: {
-		atomicCanvas: !0,
-		layout: "padded"
-	},
-	tags: ["autodocs"],
-	argTypes: {
-		label: {
-			description: "Заголовок поля выбора изображения.",
-			control: "text"
-		},
-		description: {
-			description: "Описание под заголовком.",
-			control: "text"
-		},
-		placeholder: {
-			description: "Текст до выбора изображения.",
-			control: "text"
-		},
-		value: {
-			description: "Результат чтения выбранного изображения.",
-			control: !1
-		},
-		onChange: {
-			description: "Вызывается после успешного чтения изображения.",
-			control: !1
-		},
-		onReadError: {
-			description: "Вызывается при ошибке валидации или чтения изображения.",
-			control: !1
-		},
-		onClear: {
-			description: "Очищает выбранное изображение.",
-			control: !1
-		},
-		allowedMime: {
-			description: "Разрешенные MIME-типы изображений.",
-			control: !1
-		},
-		maxBytes: {
-			description: "Максимальный размер изображения в байтах.",
-			control: "number"
-		},
-		readMode: {
-			description: "Режим чтения: data-url или array-buffer.",
-			control: "inline-radio",
-			options: ["data-url", "array-buffer"]
-		},
-		error: {
-			description: "Текст ошибки под полем.",
-			control: "text"
-		},
-		onClearError: {
-			description: "Сброс ошибки при повторном выборе изображения.",
-			control: !1
-		},
-		disabled: {
-			description: "Блокирует взаимодействие с полем.",
-			control: "boolean"
-		},
-		size: {
-			description: "Размер визуального контрола.",
-			control: "select",
-			options: [
-				"xs",
-				"sm",
-				"md",
-				"lg",
-				"xl"
-			]
-		}
-	}
-}, o = {
-	render: (r) => {
-		let [i, a] = t(r.value);
-		return /* @__PURE__ */ n(e, {
-			...r,
-			value: i,
-			onChange: a,
-			onClear: () => a(void 0)
-		});
-	},
-	args: {
-		label: "Аватар",
-		description: "Выберите одно изображение профиля.",
-		placeholder: "Выберите изображение",
-		readMode: "data-url",
-		allowedMime: [
-			"image/png",
-			"image/jpeg",
-			"image/webp"
-		],
-		value: void 0
-	}
-}, s = {
-	render: (a) => {
-		let [o, s] = t(i());
-		return /* @__PURE__ */ r("div", {
-			style: {
-				display: "grid",
-				gap: 12
-			},
-			children: [/* @__PURE__ */ n(e, {
-				...a,
-				value: o,
-				onChange: s,
-				onClear: () => s(void 0)
-			}), o?.mode === "data-url" && /* @__PURE__ */ n("img", {
-				src: o.dataUrl,
-				alt: "Предпросмотр",
-				style: {
-					width: 96,
-					height: 96,
-					objectFit: "cover",
-					border: "1px solid var(--border-0)"
-				}
-			})]
-		});
-	},
-	args: {
-		label: "Изображение с предпросмотром",
-		description: "Сторис показывает, что значение можно использовать для preview."
-	}
-}, c = {
-	render: (r) => {
-		let [i, a] = t(void 0);
-		return /* @__PURE__ */ n(e, {
-			...r,
-			value: i,
-			onChange: a,
-			onClear: () => a(void 0)
-		});
-	},
-	args: {
-		label: "Двоичный режим",
-		description: "Используется, когда изображение нужно обработать как бинарные данные.",
-		readMode: "array-buffer",
-		value: void 0
-	}
-};
-//#endregion
-export { c as ArrayBufferMode, o as Controlled, s as WithInitialImage, a as default };
-
-//# sourceMappingURL=InputImage.stories.js.map

package/dist/input-image/stories/InputImage.stories.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"InputImage.stories.js","names":[],"sources":["../../../src/input-image/stories/InputImage.stories.tsx"],"sourcesContent":["import { useState } from \"react\";\n\nimport { InputImage } from \"../InputImage\";\n\nimport type { ReadImageResult } from \"@ryuzaki13/react-foundation-lib/file\";\nimport type { Meta, StoryObj } from \"@storybook/react-vite\";\n\nconst createMockReadImageResult = (name: string = \"avatar.png\"): ReadImageResult => {\n\tconst file = new File([\"image-demo\"], name, { type: \"image/png\", lastModified: 1704067200000 });\n\n\treturn {\n\t\tmode: \"data-url\",\n\t\tmeta: {\n\t\t\tname: file.name,\n\t\t\tmime: file.type,\n\t\t\tsize: file.size,\n\t\t\tlastModified: file.lastModified\n\t\t},\n\t\tdataUrl: \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mP8/x8AAusB9YxM9a0AAAAASUVORK5CYII=\",\n\t\tfile,\n\t\tdimensions: {\n\t\t\twidth: 1,\n\t\t\theight: 1\n\t\t}\n\t};\n};\n\nconst meta = {\n\ttitle: \"Shared/UI/InputImage\",\n\tcomponent: InputImage,\n\targs: {\n\t\tvalue: undefined,\n\t\tonChange: () => {}\n\t},\n\tparameters: {\n\t\tatomicCanvas: true,\n\t\tlayout: \"padded\"\n\t},\n\ttags: [\"autodocs\"],\n\targTypes: {\n\t\tlabel: {\n\t\t\tdescription: \"Заголовок поля выбора изображения.\",\n\t\t\tcontrol: \"text\"\n\t\t},\n\t\tdescription: {\n\t\t\tdescription: \"Описание под заголовком.\",\n\t\t\tcontrol: \"text\"\n\t\t},\n\t\tplaceholder: {\n\t\t\tdescription: \"Текст до выбора изображения.\",\n\t\t\tcontrol: \"text\"\n\t\t},\n\t\tvalue: {\n\t\t\tdescription: \"Результат чтения выбранного изображения.\",\n\t\t\tcontrol: false\n\t\t},\n\t\tonChange: {\n\t\t\tdescription: \"Вызывается после успешного чтения изображения.\",\n\t\t\tcontrol: false\n\t\t},\n\t\tonReadError: {\n\t\t\tdescription: \"Вызывается при ошибке валидации или чтения изображения.\",\n\t\t\tcontrol: false\n\t\t},\n\t\tonClear: {\n\t\t\tdescription: \"Очищает выбранное изображение.\",\n\t\t\tcontrol: false\n\t\t},\n\t\tallowedMime: {\n\t\t\tdescription: \"Разрешенные MIME-типы изображений.\",\n\t\t\tcontrol: false\n\t\t},\n\t\tmaxBytes: {\n\t\t\tdescription: \"Максимальный размер изображения в байтах.\",\n\t\t\tcontrol: \"number\"\n\t\t},\n\t\treadMode: {\n\t\t\tdescription: \"Режим чтения: data-url или array-buffer.\",\n\t\t\tcontrol: \"inline-radio\",\n\t\t\toptions: [\"data-url\", \"array-buffer\"]\n\t\t},\n\t\terror: {\n\t\t\tdescription: \"Текст ошибки под полем.\",\n\t\t\tcontrol: \"text\"\n\t\t},\n\t\tonClearError: {\n\t\t\tdescription: \"Сброс ошибки при повторном выборе изображения.\",\n\t\t\tcontrol: false\n\t\t},\n\t\tdisabled: {\n\t\t\tdescription: \"Блокирует взаимодействие с полем.\",\n\t\t\tcontrol: \"boolean\"\n\t\t},\n\t\tsize: {\n\t\t\tdescription: \"Размер визуального контрола.\",\n\t\t\tcontrol: \"select\",\n\t\t\toptions: [\"xs\", \"sm\", \"md\", \"lg\", \"xl\"]\n\t\t}\n\t}\n} satisfies Meta<typeof InputImage>;\n\nexport default meta;\ntype Story = StoryObj<typeof meta>;\n\nexport const Controlled: Story = {\n\trender: (args) => {\n\t\tconst [value, setValue] = useState<ReadImageResult | undefined>(args.value);\n\t\treturn <InputImage {...args} value={value} onChange={setValue} onClear={() => setValue(undefined)} />;\n\t},\n\targs: {\n\t\tlabel: \"Аватар\",\n\t\tdescription: \"Выберите одно изображение профиля.\",\n\t\tplaceholder: \"Выберите изображение\",\n\t\treadMode: \"data-url\",\n\t\tallowedMime: [\"image/png\", \"image/jpeg\", \"image/webp\"],\n\t\tvalue: undefined\n\t}\n};\n\nexport const WithInitialImage: Story = {\n\trender: (args) => {\n\t\tconst [value, setValue] = useState<ReadImageResult | undefined>(createMockReadImageResult());\n\n\t\treturn (\n\t\t\t<div style={{ display: \"grid\", gap: 12 }}>\n\t\t\t\t<InputImage {...args} value={value} onChange={setValue} onClear={() => setValue(undefined)} />\n\t\t\t\t{value?.mode === \"data-url\" && (\n\t\t\t\t\t<img\n\t\t\t\t\t\tsrc={value.dataUrl}\n\t\t\t\t\t\talt=\"Предпросмотр\"\n\t\t\t\t\t\tstyle={{ width: 96, height: 96, objectFit: \"cover\", border: \"1px solid var(--border-0)\" }}\n\t\t\t\t\t/>\n\t\t\t\t)}\n\t\t\t</div>\n\t\t);\n\t},\n\targs: {\n\t\tlabel: \"Изображение с предпросмотром\",\n\t\tdescription: \"Сторис показывает, что значение можно использовать для preview.\"\n\t}\n};\n\nexport const ArrayBufferMode: Story = {\n\trender: (args) => {\n\t\tconst [value, setValue] = useState<ReadImageResult | undefined>(undefined);\n\t\treturn <InputImage {...args} value={value} onChange={setValue} onClear={() => setValue(undefined)} />;\n\t},\n\targs: {\n\t\tlabel: \"Двоичный режим\",\n\t\tdescription: \"Используется, когда изображение нужно обработать как бинарные данные.\",\n\t\treadMode: \"array-buffer\",\n\t\tvalue: undefined\n\t}\n};\n"],"mappings":";;;;AAOA,IAAM,KAA6B,IAAe,iBAAkC;CACnF,IAAM,IAAO,IAAI,KAAK,CAAC,YAAY,GAAG,GAAM;EAAE,MAAM;EAAa,cAAc;CAAc,CAAC;CAE9F,OAAO;EACN,MAAM;EACN,MAAM;GACL,MAAM,EAAK;GACX,MAAM,EAAK;GACX,MAAM,EAAK;GACX,cAAc,EAAK;EACpB;EACA,SAAS;EACT;EACA,YAAY;GACX,OAAO;GACP,QAAQ;EACT;CACD;AACD,GAEM,IAAO;CACZ,OAAO;CACP,WAAW;CACX,MAAM;EACL,OAAO,KAAA;EACP,gBAAgB,CAAC;CAClB;CACA,YAAY;EACX,cAAc;EACd,QAAQ;CACT;CACA,MAAM,CAAC,UAAU;CACjB,UAAU;EACT,OAAO;GACN,aAAa;GACb,SAAS;EACV;EACA,aAAa;GACZ,aAAa;GACb,SAAS;EACV;EACA,aAAa;GACZ,aAAa;GACb,SAAS;EACV;EACA,OAAO;GACN,aAAa;GACb,SAAS;EACV;EACA,UAAU;GACT,aAAa;GACb,SAAS;EACV;EACA,aAAa;GACZ,aAAa;GACb,SAAS;EACV;EACA,SAAS;GACR,aAAa;GACb,SAAS;EACV;EACA,aAAa;GACZ,aAAa;GACb,SAAS;EACV;EACA,UAAU;GACT,aAAa;GACb,SAAS;EACV;EACA,UAAU;GACT,aAAa;GACb,SAAS;GACT,SAAS,CAAC,YAAY,cAAc;EACrC;EACA,OAAO;GACN,aAAa;GACb,SAAS;EACV;EACA,cAAc;GACb,aAAa;GACb,SAAS;EACV;EACA,UAAU;GACT,aAAa;GACb,SAAS;EACV;EACA,MAAM;GACL,aAAa;GACb,SAAS;GACT,SAAS;IAAC;IAAM;IAAM;IAAM;IAAM;GAAI;EACvC;CACD;AACD,GAKa,IAAoB;CAChC,SAAS,MAAS;EACjB,IAAM,CAAC,GAAO,KAAY,EAAsC,EAAK,KAAK;EAC1E,OAAO,kBAAC,GAAD;GAAY,GAAI;GAAa;GAAO,UAAU;GAAU,eAAe,EAAS,KAAA,CAAS;EAAI,CAAA;CACrG;CACA,MAAM;EACL,OAAO;EACP,aAAa;EACb,aAAa;EACb,UAAU;EACV,aAAa;GAAC;GAAa;GAAc;EAAY;EACrD,OAAO,KAAA;CACR;AACD,GAEa,IAA0B;CACtC,SAAS,MAAS;EACjB,IAAM,CAAC,GAAO,KAAY,EAAsC,EAA0B,CAAC;EAE3F,OACC,kBAAC,OAAD;GAAK,OAAO;IAAE,SAAS;IAAQ,KAAK;GAAG;aAAvC,CACC,kBAAC,GAAD;IAAY,GAAI;IAAa;IAAO,UAAU;IAAU,eAAe,EAAS,KAAA,CAAS;GAAI,CAAA,GAC5F,GAAO,SAAS,cAChB,kBAAC,OAAD;IACC,KAAK,EAAM;IACX,KAAI;IACJ,OAAO;KAAE,OAAO;KAAI,QAAQ;KAAI,WAAW;KAAS,QAAQ;IAA4B;GACxF,CAAA,CAEE;;CAEP;CACA,MAAM;EACL,OAAO;EACP,aAAa;CACd;AACD,GAEa,IAAyB;CACrC,SAAS,MAAS;EACjB,IAAM,CAAC,GAAO,KAAY,EAAsC,KAAA,CAAS;EACzE,OAAO,kBAAC,GAAD;GAAY,GAAI;GAAa;GAAO,UAAU;GAAU,eAAe,EAAS,KAAA,CAAS;EAAI,CAAA;CACrG;CACA,MAAM;EACL,OAAO;EACP,aAAa;EACb,UAAU;EACV,OAAO,KAAA;CACR;AACD"}