@ryuzaki13/react-foundation-ui 1.0.0 → 1.0.2

package/dist/state-select/stories/StateSelect.stories.js

@@ -1,7 +1,7 @@
-import { t as e } from "../../chunks/StateSelect-D0wuUdT9.js";
-import { AlertTriangleIcon as t, CheckCircle2Icon as n, InfoIcon as r, MinusCircleIcon as i, XCircleIcon as a } from "lucide-react";
-import { jsx as o } from "react/jsx-runtime";
-import { useState as s } from "react";
+import { t as e } from "../../chunks/StateSelect-1jH3uLz9.js";
+import { useState as t } from "react";
+import { AlertTriangleIcon as n, CheckCircle2Icon as r, InfoIcon as i, MinusCircleIcon as a, XCircleIcon as o } from "lucide-react";
+import { jsx as s } from "react/jsx-runtime";
 //#region src/state-select/stories/StateSelect.stories.tsx
 var c = {
 	title: "Shared/UI/StateSelect",
@@ -77,52 +77,52 @@ var c = {
 			control: "text"
 		}
 	}
-}, l = { render: (t) => {
-	let [n, r] = s("information");
-	return /* @__PURE__ */ o(e, {
-		...t,
-		value: n,
-		onChange: r
+}, l = { render: (n) => {
+	let [r, i] = t("information");
+	return /* @__PURE__ */ s(e, {
+		...n,
+		value: r,
+		onChange: i
 	});
 } }, u = {
 	render: (c) => {
-		let [l, u] = s("warning");
-		return /* @__PURE__ */ o(e, {
+		let [l, u] = t("warning");
+		return /* @__PURE__ */ s(e, {
 			...c,
 			value: l,
 			onChange: u,
 			stateMeta: {
 				none: {
 					label: "Без статуса",
-					icon: /* @__PURE__ */ o(i, {})
+					icon: /* @__PURE__ */ s(a, {})
 				},
 				information: {
 					label: "Инфо",
-					icon: /* @__PURE__ */ o(r, {})
+					icon: /* @__PURE__ */ s(i, {})
 				},
 				success: {
 					label: "Успех",
-					icon: /* @__PURE__ */ o(n, {})
+					icon: /* @__PURE__ */ s(r, {})
 				},
 				warning: {
 					label: "Предупреждение",
-					icon: /* @__PURE__ */ o(t, {})
+					icon: /* @__PURE__ */ s(n, {})
 				},
 				error: {
 					label: "Ошибка",
-					icon: /* @__PURE__ */ o(a, {})
+					icon: /* @__PURE__ */ s(o, {})
 				}
 			}
 		});
 	},
 	args: { value: "warning" }
 }, d = {
-	render: (t) => {
-		let [n, r] = s("none");
-		return /* @__PURE__ */ o(e, {
-			...t,
-			value: n,
-			onChange: r,
+	render: (n) => {
+		let [r, i] = t("none");
+		return /* @__PURE__ */ s(e, {
+			...n,
+			value: r,
+			onChange: i,
 			options: [
 				"none",
 				"success",

package/dist/state-select/stories/StateSelect.stories.js.map

@@ -1 +1 @@
-{"version":3,"file":"StateSelect.stories.js","names":[],"sources":["../../../src/state-select/stories/StateSelect.stories.tsx"],"sourcesContent":["import { useState } from \"react\";\n\nimport { AlertTriangleIcon, CheckCircle2Icon, InfoIcon, MinusCircleIcon, XCircleIcon } from \"lucide-react\";\n\nimport type { State } from \"@ryuzaki13/react-foundation-lib/types\";\n\nimport { StateSelect } from \"../StateSelect\";\n\nimport type { Meta, StoryObj } from \"@storybook/react-vite\";\n\nconst meta = {\n\ttitle: \"Shared/UI/StateSelect\",\n\tcomponent: StateSelect,\n\targs: {\n\t\tlabel: \"Состояние\",\n\t\tdescription: \"Выберите визуальный статус.\",\n\t\tplaceholder: \"Выберите значение\",\n\t\tvalue: \"information\",\n\t\tonChange: () => {},\n\t\tdisabled: false,\n\t\tsize: \"md\"\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: \"select\",\n\t\t\toptions: [\"\", \"none\", \"information\", \"success\", \"warning\", \"error\"]\n\t\t},\n\t\tonChange: {\n\t\t\tdescription: \"Вызывается при выборе состояния.\",\n\t\t\tcontrol: false\n\t\t},\n\t\toptions: {\n\t\t\tdescription: \"Кастомный набор доступных состояний.\",\n\t\t\tcontrol: false\n\t\t},\n\t\tstateMeta: {\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\tclassName: {\n\t\t\tdescription: \"Дополнительный CSS-класс.\",\n\t\t\tcontrol: \"text\"\n\t\t}\n\t}\n} satisfies Meta<typeof StateSelect>;\n\nexport default meta;\ntype Story = StoryObj<typeof meta>;\n\nexport const Controlled: Story = {\n\trender: (args) => {\n\t\tconst [value, setValue] = useState<State | undefined>(\"information\");\n\t\treturn <StateSelect {...args} value={value} onChange={setValue} />;\n\t}\n};\n\nexport const WithMeta: Story = {\n\trender: (args) => {\n\t\tconst [value, setValue] = useState<State | undefined>(\"warning\");\n\n\t\treturn (\n\t\t\t<StateSelect\n\t\t\t\t{...args}\n\t\t\t\tvalue={value}\n\t\t\t\tonChange={setValue}\n\t\t\t\tstateMeta={{\n\t\t\t\t\tnone: { label: \"Без статуса\", icon: <MinusCircleIcon /> },\n\t\t\t\t\tinformation: { label: \"Инфо\", icon: <InfoIcon /> },\n\t\t\t\t\tsuccess: { label: \"Успех\", icon: <CheckCircle2Icon /> },\n\t\t\t\t\twarning: { label: \"Предупреждение\", icon: <AlertTriangleIcon /> },\n\t\t\t\t\terror: { label: \"Ошибка\", icon: <XCircleIcon /> }\n\t\t\t\t}}\n\t\t\t/>\n\t\t);\n\t},\n\targs: {\n\t\tvalue: \"warning\"\n\t}\n};\n\nexport const PaletteOnly: Story = {\n\trender: (args) => {\n\t\tconst [value, setValue] = useState<State | undefined>(\"none\");\n\t\treturn <StateSelect {...args} value={value} onChange={setValue} options={[\"none\", \"success\", \"error\"]} />;\n\t},\n\targs: {\n\t\toptions: [\"none\", \"success\", \"error\"],\n\t\tvalue: \"none\"\n\t}\n};\n"],"mappings":";;;;;AAUA,IAAM,IAAO;CACZ,OAAO;CACP,WAAW;CACX,MAAM;EACL,OAAO;EACP,aAAa;EACb,aAAa;EACb,OAAO;EACP,gBAAgB,CAAC;EACjB,UAAU;EACV,MAAM;CACP;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;GACT,SAAS;IAAC;IAAI;IAAQ;IAAe;IAAW;IAAW;GAAO;EACnE;EACA,UAAU;GACT,aAAa;GACb,SAAS;EACV;EACA,SAAS;GACR,aAAa;GACb,SAAS;EACV;EACA,WAAW;GACV,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;EACA,WAAW;GACV,aAAa;GACb,SAAS;EACV;CACD;AACD,GAKa,IAAoB,EAChC,SAAS,MAAS;CACjB,IAAM,CAAC,GAAO,KAAY,EAA4B,aAAa;CACnE,OAAO,kBAAC,GAAD;EAAa,GAAI;EAAa;EAAO,UAAU;CAAW,CAAA;AAClE,EACD,GAEa,IAAkB;CAC9B,SAAS,MAAS;EACjB,IAAM,CAAC,GAAO,KAAY,EAA4B,SAAS;EAE/D,OACC,kBAAC,GAAD;GACC,GAAI;GACG;GACP,UAAU;GACV,WAAW;IACV,MAAM;KAAE,OAAO;KAAe,MAAM,kBAAC,GAAD,CAAkB,CAAA;IAAE;IACxD,aAAa;KAAE,OAAO;KAAQ,MAAM,kBAAC,GAAD,CAAW,CAAA;IAAE;IACjD,SAAS;KAAE,OAAO;KAAS,MAAM,kBAAC,GAAD,CAAmB,CAAA;IAAE;IACtD,SAAS;KAAE,OAAO;KAAkB,MAAM,kBAAC,GAAD,CAAoB,CAAA;IAAE;IAChE,OAAO;KAAE,OAAO;KAAU,MAAM,kBAAC,GAAD,CAAc,CAAA;IAAE;GACjD;EACA,CAAA;CAEH;CACA,MAAM,EACL,OAAO,UACR;AACD,GAEa,IAAqB;CACjC,SAAS,MAAS;EACjB,IAAM,CAAC,GAAO,KAAY,EAA4B,MAAM;EAC5D,OAAO,kBAAC,GAAD;GAAa,GAAI;GAAa;GAAO,UAAU;GAAU,SAAS;IAAC;IAAQ;IAAW;GAAO;EAAI,CAAA;CACzG;CACA,MAAM;EACL,SAAS;GAAC;GAAQ;GAAW;EAAO;EACpC,OAAO;CACR;AACD"}
+{"version":3,"file":"StateSelect.stories.js","names":[],"sources":["../../../src/state-select/stories/StateSelect.stories.tsx"],"sourcesContent":["import { useState } from \"react\";\n\nimport { AlertTriangleIcon, CheckCircle2Icon, InfoIcon, MinusCircleIcon, XCircleIcon } from \"lucide-react\";\n\nimport { StateSelect } from \"../StateSelect\";\n\nimport type { State } from \"@ryuzaki13/react-foundation-lib/types\";\nimport type { Meta, StoryObj } from \"@storybook/react-vite\";\n\nconst meta = {\n\ttitle: \"Shared/UI/StateSelect\",\n\tcomponent: StateSelect,\n\targs: {\n\t\tlabel: \"Состояние\",\n\t\tdescription: \"Выберите визуальный статус.\",\n\t\tplaceholder: \"Выберите значение\",\n\t\tvalue: \"information\",\n\t\tonChange: () => {},\n\t\tdisabled: false,\n\t\tsize: \"md\"\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: \"select\",\n\t\t\toptions: [\"\", \"none\", \"information\", \"success\", \"warning\", \"error\"]\n\t\t},\n\t\tonChange: {\n\t\t\tdescription: \"Вызывается при выборе состояния.\",\n\t\t\tcontrol: false\n\t\t},\n\t\toptions: {\n\t\t\tdescription: \"Кастомный набор доступных состояний.\",\n\t\t\tcontrol: false\n\t\t},\n\t\tstateMeta: {\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\tclassName: {\n\t\t\tdescription: \"Дополнительный CSS-класс.\",\n\t\t\tcontrol: \"text\"\n\t\t}\n\t}\n} satisfies Meta<typeof StateSelect>;\n\nexport default meta;\ntype Story = StoryObj<typeof meta>;\n\nexport const Controlled: Story = {\n\trender: (args) => {\n\t\tconst [value, setValue] = useState<State | undefined>(\"information\");\n\t\treturn <StateSelect {...args} value={value} onChange={setValue} />;\n\t}\n};\n\nexport const WithMeta: Story = {\n\trender: (args) => {\n\t\tconst [value, setValue] = useState<State | undefined>(\"warning\");\n\n\t\treturn (\n\t\t\t<StateSelect\n\t\t\t\t{...args}\n\t\t\t\tvalue={value}\n\t\t\t\tonChange={setValue}\n\t\t\t\tstateMeta={{\n\t\t\t\t\tnone: { label: \"Без статуса\", icon: <MinusCircleIcon /> },\n\t\t\t\t\tinformation: { label: \"Инфо\", icon: <InfoIcon /> },\n\t\t\t\t\tsuccess: { label: \"Успех\", icon: <CheckCircle2Icon /> },\n\t\t\t\t\twarning: { label: \"Предупреждение\", icon: <AlertTriangleIcon /> },\n\t\t\t\t\terror: { label: \"Ошибка\", icon: <XCircleIcon /> }\n\t\t\t\t}}\n\t\t\t/>\n\t\t);\n\t},\n\targs: {\n\t\tvalue: \"warning\"\n\t}\n};\n\nexport const PaletteOnly: Story = {\n\trender: (args) => {\n\t\tconst [value, setValue] = useState<State | undefined>(\"none\");\n\t\treturn <StateSelect {...args} value={value} onChange={setValue} options={[\"none\", \"success\", \"error\"]} />;\n\t},\n\targs: {\n\t\toptions: [\"none\", \"success\", \"error\"],\n\t\tvalue: \"none\"\n\t}\n};\n"],"mappings":";;;;;AASA,IAAM,IAAO;CACZ,OAAO;CACP,WAAW;CACX,MAAM;EACL,OAAO;EACP,aAAa;EACb,aAAa;EACb,OAAO;EACP,gBAAgB,CAAC;EACjB,UAAU;EACV,MAAM;CACP;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;GACT,SAAS;IAAC;IAAI;IAAQ;IAAe;IAAW;IAAW;GAAO;EACnE;EACA,UAAU;GACT,aAAa;GACb,SAAS;EACV;EACA,SAAS;GACR,aAAa;GACb,SAAS;EACV;EACA,WAAW;GACV,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;EACA,WAAW;GACV,aAAa;GACb,SAAS;EACV;CACD;AACD,GAKa,IAAoB,EAChC,SAAS,MAAS;CACjB,IAAM,CAAC,GAAO,KAAY,EAA4B,aAAa;CACnE,OAAO,kBAAC,GAAD;EAAa,GAAI;EAAa;EAAO,UAAU;CAAW,CAAA;AAClE,EACD,GAEa,IAAkB;CAC9B,SAAS,MAAS;EACjB,IAAM,CAAC,GAAO,KAAY,EAA4B,SAAS;EAE/D,OACC,kBAAC,GAAD;GACC,GAAI;GACG;GACP,UAAU;GACV,WAAW;IACV,MAAM;KAAE,OAAO;KAAe,MAAM,kBAAC,GAAD,CAAkB,CAAA;IAAE;IACxD,aAAa;KAAE,OAAO;KAAQ,MAAM,kBAAC,GAAD,CAAW,CAAA;IAAE;IACjD,SAAS;KAAE,OAAO;KAAS,MAAM,kBAAC,GAAD,CAAmB,CAAA;IAAE;IACtD,SAAS;KAAE,OAAO;KAAkB,MAAM,kBAAC,GAAD,CAAoB,CAAA;IAAE;IAChE,OAAO;KAAE,OAAO;KAAU,MAAM,kBAAC,GAAD,CAAc,CAAA;IAAE;GACjD;EACA,CAAA;CAEH;CACA,MAAM,EACL,OAAO,UACR;AACD,GAEa,IAAqB;CACjC,SAAS,MAAS;EACjB,IAAM,CAAC,GAAO,KAAY,EAA4B,MAAM;EAC5D,OAAO,kBAAC,GAAD;GAAa,GAAI;GAAa;GAAO,UAAU;GAAU,SAAS;IAAC;IAAQ;IAAW;GAAO;EAAI,CAAA;CACzG;CACA,MAAM;EACL,SAAS;GAAC;GAAQ;GAAW;EAAO;EACpC,OAAO;CACR;AACD"}