@vtex/faststore 0.0.7 → 0.0.10

package/dist/matter/order-list-search/order-list-search.d.ts

@@ -0,0 +1,72 @@
+import { ContentValue } from "../../core/dist/define-content-type.js";
+import { ComponentDefinition } from "../../core/dist/define-component.js";
+import "../../core/dist/index.js";
+import { Ref } from "react";
+//#region src/matter/order-list-search/order-list-search.d.ts
+export declare const OrderListSearchContent: {
+  readonly id: "order-list-search";
+  readonly title: "Order List Search";
+  readonly description: "The order-number label, the placed-date labels, and the invalid-range message.";
+  readonly schema: {
+    readonly type: "object";
+    readonly additionalProperties: false;
+    readonly properties: {
+      readonly label: {
+        readonly type: "string";
+        readonly title: "Order number";
+      };
+      readonly from: {
+        readonly type: "string";
+        readonly title: "Placed from";
+      };
+      readonly to: {
+        readonly type: "string";
+        readonly title: "Placed to";
+      };
+      readonly submit: {
+        readonly type: "string";
+        readonly title: "Search";
+      };
+      readonly clear: {
+        readonly type: "string";
+        readonly title: "Clear search";
+      };
+      readonly invalidRange: {
+        readonly type: "string";
+        readonly title: "Invalid range";
+      };
+    };
+  };
+};
+export type OrderListSearchContentValue = ContentValue<typeof OrderListSearchContent>;
+export type OrderListSearchProps = Readonly<{
+  /** Visible label of the text field. */
+  label?: string;
+  fromLabel?: string;
+  toLabel?: string;
+  submitLabel?: string;
+  clearLabel?: string;
+  /** Shown when the from day is after the to day. */
+  invalidRangeMessage?: string;
+  /** Injected by the compiler from the page content entry. */
+  $content?: OrderListSearchContentValue;
+  className?: string;
+  ref?: Ref<HTMLFormElement>;
+}>;
+export declare const OrderListSearchDefinition: ComponentDefinition<Readonly<{
+  /** Visible label of the text field. */
+  label?: string;
+  fromLabel?: string;
+  toLabel?: string;
+  submitLabel?: string;
+  clearLabel?: string;
+  /** Shown when the from day is after the to day. */
+  invalidRangeMessage?: string;
+  /** Injected by the compiler from the page content entry. */
+  $content?: OrderListSearchContentValue;
+  className?: string;
+  ref?: Ref<HTMLFormElement>;
+}>>;
+export declare function OrderListSearch({ label, fromLabel, toLabel, submitLabel, clearLabel, invalidRangeMessage, $content, className, ref }: OrderListSearchProps): import("react/jsx-runtime").JSX.Element;
+//#endregion
+//# sourceMappingURL=order-list-search.d.ts.map

package/dist/matter/order-list-search/order-list-search.js

@@ -0,0 +1,296 @@
+"use client";
+import { defineComponent } from "../../core/dist/define-component.js";
+import { defineContentType } from "../../core/dist/define-content-type.js";
+import "../../core/dist/index.js";
+import { useStorefrontNavigation } from "../../sdk/navigation/use-storefront-navigation.js";
+import { StorefrontLink } from "../../sdk/navigation/storefront-link.js";
+import { useStorefrontRoute } from "../../sdk/navigation/use-storefront-route.js";
+import { useStorefrontSearchParams } from "../../sdk/navigation/use-storefront-search-params.js";
+import { Field } from "../../particles/field/field.js";
+import { Button } from "../../particles/button/button.js";
+import { Input } from "../../particles/input/input.js";
+import { currentPageWith } from "../../sdk/navigation/current-page.js";
+import { useId, useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/matter/order-list-search/order-list-search.tsx
+const OrderListSearchContent = defineContentType({
+	id: "order-list-search",
+	title: "Order List Search",
+	description: "The order-number label, the placed-date labels, and the invalid-range message.",
+	schema: {
+		type: "object",
+		additionalProperties: false,
+		properties: {
+			label: {
+				type: "string",
+				title: "Order number"
+			},
+			from: {
+				type: "string",
+				title: "Placed from"
+			},
+			to: {
+				type: "string",
+				title: "Placed to"
+			},
+			submit: {
+				type: "string",
+				title: "Search"
+			},
+			clear: {
+				type: "string",
+				title: "Clear search"
+			},
+			invalidRange: {
+				type: "string",
+				title: "Invalid range"
+			}
+		}
+	}
+});
+const DAY = /^(\d{4})-(\d{2})-(\d{2})$/;
+const INSTANT = /^(\d{4})-(\d{2})-(\d{2})T\d{2}:\d{2}:\d{2}(?:\.\d+)?(?:Z|[+-]\d{2}:\d{2})$/;
+const DEFAULTS = {
+	label: "Order number",
+	from: "Placed from",
+	to: "Placed to",
+	submit: "Search",
+	clear: "Clear search",
+	invalidRange: "The start date is after the end date."
+};
+const OrderListSearchDefinition = defineComponent({
+	name: "OrderListSearch",
+	importPath: "@vtex/faststore/components",
+	component: OrderListSearch,
+	content: OrderListSearchContent,
+	editor: {
+		label: "Order List Search",
+		category: "action"
+	},
+	schema: {
+		label: {
+			type: "string",
+			default: "Order number",
+			label: "Order number"
+		},
+		fromLabel: {
+			type: "string",
+			default: "Placed from",
+			label: "Placed from"
+		},
+		toLabel: {
+			type: "string",
+			default: "Placed to",
+			label: "Placed to"
+		},
+		submitLabel: {
+			type: "string",
+			default: "Search",
+			label: "Search"
+		},
+		clearLabel: {
+			type: "string",
+			default: "Clear search",
+			label: "Clear search"
+		},
+		invalidRangeMessage: {
+			type: "string",
+			default: "The start date is after the end date.",
+			label: "Invalid range"
+		}
+	},
+	guideline: "A text field and a placed-date range that write search, placedFrom, and placedTo, keep the current view, and drop the cursor. An inverted range is not written."
+});
+function resolveText(content, prop, fallback) {
+	const fromContent = content?.trim();
+	if (fromContent) return fromContent;
+	const fromProp = prop?.trim();
+	if (fromProp) return fromProp;
+	return fallback;
+}
+function calendarDay(value) {
+	if (value == null) return "";
+	const trimmed = value.trim();
+	const match = INSTANT.exec(trimmed);
+	if (!match) return "";
+	const year = Number(match[1]);
+	const monthIndex = Number(match[2]) - 1;
+	const utcDay = Number(match[3]);
+	const probe = new Date(Date.UTC(year, monthIndex, utcDay));
+	if (probe.getUTCFullYear() !== year || probe.getUTCMonth() !== monthIndex || probe.getUTCDate() !== utcDay) return "";
+	const date = new Date(trimmed);
+	if (Number.isNaN(date.getTime())) return "";
+	const month = String(date.getMonth() + 1).padStart(2, "0");
+	const day = String(date.getDate()).padStart(2, "0");
+	return `${date.getFullYear()}-${month}-${day}`;
+}
+function dayParts(day) {
+	const match = DAY.exec(day);
+	if (!match) return null;
+	const year = Number(match[1]);
+	const month = Number(match[2]);
+	const date = Number(match[3]);
+	const probe = new Date(year, month - 1, date);
+	if (probe.getFullYear() !== year || probe.getMonth() !== month - 1 || probe.getDate() !== date) return null;
+	return {
+		year,
+		month,
+		date
+	};
+}
+function instant(day, end) {
+	const parts = dayParts(day);
+	if (!parts) return null;
+	return (end ? new Date(parts.year, parts.month - 1, parts.date, 23, 59, 59, 0) : new Date(parts.year, parts.month - 1, parts.date, 0, 0, 0, 0)).toISOString();
+}
+function inverted(from, to) {
+	if (!dayParts(from) || !dayParts(to)) return false;
+	return from > to;
+}
+function submitHref(route, current, fields) {
+	if (inverted(fields.from, fields.to)) return null;
+	const next = new URLSearchParams(current);
+	next.delete("search");
+	next.delete("placedFrom");
+	next.delete("placedTo");
+	next.delete("after");
+	const term = fields.term.trim();
+	if (term.length > 0) next.set("search", term);
+	const from = instant(fields.from, false);
+	const to = instant(fields.to, true);
+	if (from) next.set("placedFrom", from);
+	if (to) next.set("placedTo", to);
+	return currentPageWith(route, next);
+}
+function clearHref(route, current) {
+	const next = new URLSearchParams(current);
+	next.delete("search");
+	next.delete("placedFrom");
+	next.delete("placedTo");
+	next.delete("after");
+	return currentPageWith(route, next);
+}
+const CRITERIA = [
+	"search",
+	"placedFrom",
+	"placedTo"
+];
+function applied(params) {
+	return CRITERIA.some((key) => (params.get(key) ?? "").trim().length > 0);
+}
+function criteriaKey(params) {
+	const next = new URLSearchParams();
+	for (const key of CRITERIA) {
+		const value = params.get(key);
+		if (value != null) next.set(key, value);
+	}
+	return next.toString();
+}
+function readFields(params) {
+	return {
+		term: params.get("search") ?? "",
+		from: calendarDay(params.get("placedFrom")),
+		to: calendarDay(params.get("placedTo"))
+	};
+}
+function OrderListSearch({ label, fromLabel, toLabel, submitLabel, clearLabel, invalidRangeMessage, $content, className, ref }) {
+	const route = useStorefrontRoute();
+	const searchParams = useStorefrontSearchParams();
+	const { push } = useStorefrontNavigation();
+	const messageId = useId();
+	const criteria = criteriaKey(searchParams);
+	const [fields, setFields] = useState(() => readFields(searchParams));
+	const [seenCriteria, setSeenCriteria] = useState(criteria);
+	if (criteria !== seenCriteria) {
+		setSeenCriteria(criteria);
+		setFields(readFields(searchParams));
+	}
+	const texts = {
+		label: resolveText($content?.label, label, DEFAULTS.label),
+		from: resolveText($content?.from, fromLabel, DEFAULTS.from),
+		to: resolveText($content?.to, toLabel, DEFAULTS.to),
+		submit: resolveText($content?.submit, submitLabel, DEFAULTS.submit),
+		clear: resolveText($content?.clear, clearLabel, DEFAULTS.clear),
+		invalidRange: resolveText($content?.invalidRange, invalidRangeMessage, DEFAULTS.invalidRange)
+	};
+	const rangeInvalid = inverted(fields.from, fields.to);
+	const showClear = applied(searchParams);
+	function onSubmit(event) {
+		event.preventDefault();
+		const href = submitHref(route, searchParams, fields);
+		if (!href) return;
+		push(href);
+	}
+	return /* @__PURE__ */ jsxs("form", {
+		ref,
+		className,
+		"data-fs-order-list-search": "",
+		"data-fs-order-list-search-invalid": rangeInvalid ? "" : void 0,
+		onSubmit,
+		children: [
+			/* @__PURE__ */ jsxs(Field.Root, { children: [/* @__PURE__ */ jsx(Field.Label, { children: texts.label }), /* @__PURE__ */ jsx(Input, {
+				type: "text",
+				value: fields.term,
+				"data-fs-order-list-search-term": "",
+				onChange: (event) => {
+					const term = event.target.value;
+					setFields((current) => ({
+						...current,
+						term
+					}));
+				}
+			})] }),
+			/* @__PURE__ */ jsxs(Field.Root, {
+				invalid: rangeInvalid,
+				children: [/* @__PURE__ */ jsx(Field.Label, { children: texts.from }), /* @__PURE__ */ jsx(Input, {
+					type: "date",
+					value: fields.from,
+					"aria-invalid": rangeInvalid || void 0,
+					"aria-describedby": rangeInvalid ? messageId : void 0,
+					"data-fs-order-list-search-from": "",
+					onChange: (event) => {
+						const from = event.target.value;
+						setFields((current) => ({
+							...current,
+							from
+						}));
+					}
+				})]
+			}),
+			/* @__PURE__ */ jsxs(Field.Root, {
+				invalid: rangeInvalid,
+				children: [/* @__PURE__ */ jsx(Field.Label, { children: texts.to }), /* @__PURE__ */ jsx(Input, {
+					type: "date",
+					value: fields.to,
+					"aria-invalid": rangeInvalid || void 0,
+					"aria-describedby": rangeInvalid ? messageId : void 0,
+					"data-fs-order-list-search-to": "",
+					onChange: (event) => {
+						const to = event.target.value;
+						setFields((current) => ({
+							...current,
+							to
+						}));
+					}
+				})]
+			}),
+			rangeInvalid ? /* @__PURE__ */ jsx("p", {
+				id: messageId,
+				children: texts.invalidRange
+			}) : null,
+			/* @__PURE__ */ jsx(Button, {
+				type: "submit",
+				children: texts.submit
+			}),
+			showClear ? /* @__PURE__ */ jsx(StorefrontLink, {
+				href: clearHref(route, searchParams),
+				"data-fs-order-list-search-clear": "",
+				children: texts.clear
+			}) : null
+		]
+	});
+}
+//#endregion
+export { OrderListSearch, OrderListSearchContent, OrderListSearchDefinition };
+
+//# sourceMappingURL=order-list-search.js.map

package/dist/matter/order-list-search/order-list-search.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"order-list-search.js","names":[],"sources":["../../../src/matter/order-list-search/order-list-search.tsx"],"sourcesContent":["'use client';\n\nimport { type ContentValue, defineComponent, defineContentType } from '@vtex/fs-core';\nimport { type Ref, type SubmitEvent, useId, useState } from 'react';\nimport { Button } from '../../particles/button/button.js';\nimport { Field } from '../../particles/field/field.js';\nimport { Input } from '../../particles/input/input.js';\nimport { type CurrentRoute, currentPageWith } from '../../sdk/navigation/current-page.js';\nimport { StorefrontLink } from '../../sdk/navigation/storefront-link.js';\nimport type { PageRef } from '../../sdk/navigation/types.js';\nimport { useStorefrontNavigation } from '../../sdk/navigation/use-storefront-navigation.js';\nimport { useStorefrontRoute } from '../../sdk/navigation/use-storefront-route.js';\nimport { useStorefrontSearchParams } from '../../sdk/navigation/use-storefront-search-params.js';\n\nexport const OrderListSearchContent = defineContentType({\n  id: 'order-list-search',\n  title: 'Order List Search',\n  description: 'The order-number label, the placed-date labels, and the invalid-range message.',\n  schema: {\n    type: 'object',\n    additionalProperties: false,\n    properties: {\n      label: { type: 'string', title: 'Order number' },\n      from: { type: 'string', title: 'Placed from' },\n      to: { type: 'string', title: 'Placed to' },\n      submit: { type: 'string', title: 'Search' },\n      clear: { type: 'string', title: 'Clear search' },\n      invalidRange: { type: 'string', title: 'Invalid range' },\n    },\n  },\n});\n\nexport type OrderListSearchContentValue = ContentValue<typeof OrderListSearchContent>;\n\nexport type OrderListSearchProps = Readonly<{\n  /** Visible label of the text field. */\n  label?: string;\n  fromLabel?: string;\n  toLabel?: string;\n  submitLabel?: string;\n  clearLabel?: string;\n  /** Shown when the from day is after the to day. */\n  invalidRangeMessage?: string;\n  /** Injected by the compiler from the page content entry. */\n  $content?: OrderListSearchContentValue;\n  className?: string;\n  ref?: Ref<HTMLFormElement>;\n}>;\n\ntype Fields = {\n  term: string;\n  from: string;\n  to: string;\n};\n\nconst DAY = /^(\\d{4})-(\\d{2})-(\\d{2})$/;\nconst INSTANT = /^(\\d{4})-(\\d{2})-(\\d{2})T\\d{2}:\\d{2}:\\d{2}(?:\\.\\d+)?(?:Z|[+-]\\d{2}:\\d{2})$/;\n\nconst DEFAULTS = {\n  label: 'Order number',\n  from: 'Placed from',\n  to: 'Placed to',\n  submit: 'Search',\n  clear: 'Clear search',\n  invalidRange: 'The start date is after the end date.',\n} as const;\n\nexport const OrderListSearchDefinition = defineComponent<OrderListSearchProps>({\n  name: 'OrderListSearch',\n  importPath: '@vtex/faststore/components',\n  component: OrderListSearch,\n  content: OrderListSearchContent,\n  editor: { label: 'Order List Search', category: 'action' },\n  schema: {\n    label: { type: 'string', default: 'Order number', label: 'Order number' },\n    fromLabel: { type: 'string', default: 'Placed from', label: 'Placed from' },\n    toLabel: { type: 'string', default: 'Placed to', label: 'Placed to' },\n    submitLabel: { type: 'string', default: 'Search', label: 'Search' },\n    clearLabel: { type: 'string', default: 'Clear search', label: 'Clear search' },\n    invalidRangeMessage: {\n      type: 'string',\n      default: 'The start date is after the end date.',\n      label: 'Invalid range',\n    },\n  },\n  guideline:\n    'A text field and a placed-date range that write search, placedFrom, and placedTo, keep the current view, and drop the cursor. An inverted range is not written.',\n});\n\nfunction resolveText(content: string | undefined, prop: string | undefined, fallback: string): string {\n  const fromContent = content?.trim();\n  if (fromContent) {\n    return fromContent;\n  }\n  const fromProp = prop?.trim();\n  if (fromProp) {\n    return fromProp;\n  }\n  return fallback;\n}\n\nfunction calendarDay(value: string | null): string {\n  if (value == null) {\n    return '';\n  }\n  const trimmed = value.trim();\n  const match = INSTANT.exec(trimmed);\n  if (!match) {\n    return '';\n  }\n  const year = Number(match[1]);\n  const monthIndex = Number(match[2]) - 1;\n  const utcDay = Number(match[3]);\n  const probe = new Date(Date.UTC(year, monthIndex, utcDay));\n  if (probe.getUTCFullYear() !== year || probe.getUTCMonth() !== monthIndex || probe.getUTCDate() !== utcDay) {\n    return '';\n  }\n  const date = new Date(trimmed);\n  if (Number.isNaN(date.getTime())) {\n    return '';\n  }\n  const month = String(date.getMonth() + 1).padStart(2, '0');\n  const day = String(date.getDate()).padStart(2, '0');\n  return `${date.getFullYear()}-${month}-${day}`;\n}\n\nfunction dayParts(day: string): { year: number; month: number; date: number } | null {\n  const match = DAY.exec(day);\n  if (!match) {\n    return null;\n  }\n  const year = Number(match[1]);\n  const month = Number(match[2]);\n  const date = Number(match[3]);\n  const probe = new Date(year, month - 1, date);\n  if (probe.getFullYear() !== year || probe.getMonth() !== month - 1 || probe.getDate() !== date) {\n    return null;\n  }\n  return { year, month, date };\n}\n\nfunction instant(day: string, end: boolean): string | null {\n  const parts = dayParts(day);\n  if (!parts) {\n    return null;\n  }\n  const date = end\n    ? new Date(parts.year, parts.month - 1, parts.date, 23, 59, 59, 0)\n    : new Date(parts.year, parts.month - 1, parts.date, 0, 0, 0, 0);\n  return date.toISOString();\n}\n\nfunction inverted(from: string, to: string): boolean {\n  if (!dayParts(from) || !dayParts(to)) {\n    return false;\n  }\n  return from > to;\n}\n\nfunction submitHref(route: CurrentRoute, current: URLSearchParams, fields: Fields): PageRef | string | null {\n  if (inverted(fields.from, fields.to)) {\n    return null;\n  }\n  const next = new URLSearchParams(current);\n  next.delete('search');\n  next.delete('placedFrom');\n  next.delete('placedTo');\n  next.delete('after');\n  const term = fields.term.trim();\n  if (term.length > 0) {\n    next.set('search', term);\n  }\n  const from = instant(fields.from, false);\n  const to = instant(fields.to, true);\n  if (from) {\n    next.set('placedFrom', from);\n  }\n  if (to) {\n    next.set('placedTo', to);\n  }\n  return currentPageWith(route, next);\n}\n\nfunction clearHref(route: CurrentRoute, current: URLSearchParams): PageRef | string {\n  const next = new URLSearchParams(current);\n  next.delete('search');\n  next.delete('placedFrom');\n  next.delete('placedTo');\n  next.delete('after');\n  return currentPageWith(route, next);\n}\n\nconst CRITERIA = ['search', 'placedFrom', 'placedTo'] as const;\n\nfunction applied(params: URLSearchParams): boolean {\n  return CRITERIA.some((key) => (params.get(key) ?? '').trim().length > 0);\n}\n\nfunction criteriaKey(params: URLSearchParams): string {\n  const next = new URLSearchParams();\n  for (const key of CRITERIA) {\n    const value = params.get(key);\n    if (value != null) {\n      next.set(key, value);\n    }\n  }\n  return next.toString();\n}\n\nfunction readFields(params: URLSearchParams): Fields {\n  return {\n    term: params.get('search') ?? '',\n    from: calendarDay(params.get('placedFrom')),\n    to: calendarDay(params.get('placedTo')),\n  };\n}\n\nexport function OrderListSearch({\n  label,\n  fromLabel,\n  toLabel,\n  submitLabel,\n  clearLabel,\n  invalidRangeMessage,\n  $content,\n  className,\n  ref,\n}: OrderListSearchProps) {\n  const route = useStorefrontRoute();\n  const searchParams = useStorefrontSearchParams();\n  const { push } = useStorefrontNavigation();\n  const messageId = useId();\n  const criteria = criteriaKey(searchParams);\n  const [fields, setFields] = useState(() => readFields(searchParams));\n  const [seenCriteria, setSeenCriteria] = useState(criteria);\n  if (criteria !== seenCriteria) {\n    setSeenCriteria(criteria);\n    setFields(readFields(searchParams));\n  }\n\n  const texts = {\n    label: resolveText($content?.label, label, DEFAULTS.label),\n    from: resolveText($content?.from, fromLabel, DEFAULTS.from),\n    to: resolveText($content?.to, toLabel, DEFAULTS.to),\n    submit: resolveText($content?.submit, submitLabel, DEFAULTS.submit),\n    clear: resolveText($content?.clear, clearLabel, DEFAULTS.clear),\n    invalidRange: resolveText($content?.invalidRange, invalidRangeMessage, DEFAULTS.invalidRange),\n  };\n  const rangeInvalid = inverted(fields.from, fields.to);\n  const showClear = applied(searchParams);\n\n  function onSubmit(event: SubmitEvent<HTMLFormElement>) {\n    event.preventDefault();\n    const href = submitHref(route, searchParams, fields);\n    if (!href) {\n      return;\n    }\n    push(href);\n  }\n\n  return (\n    <form\n      ref={ref}\n      className={className}\n      data-fs-order-list-search=\"\"\n      data-fs-order-list-search-invalid={rangeInvalid ? '' : undefined}\n      onSubmit={onSubmit}\n    >\n      <Field.Root>\n        <Field.Label>{texts.label}</Field.Label>\n        <Input\n          type=\"text\"\n          value={fields.term}\n          data-fs-order-list-search-term=\"\"\n          onChange={(event) => {\n            const term = event.target.value;\n            setFields((current) => ({ ...current, term }));\n          }}\n        />\n      </Field.Root>\n      <Field.Root invalid={rangeInvalid}>\n        <Field.Label>{texts.from}</Field.Label>\n        <Input\n          type=\"date\"\n          value={fields.from}\n          aria-invalid={rangeInvalid || undefined}\n          aria-describedby={rangeInvalid ? messageId : undefined}\n          data-fs-order-list-search-from=\"\"\n          onChange={(event) => {\n            const from = event.target.value;\n            setFields((current) => ({ ...current, from }));\n          }}\n        />\n      </Field.Root>\n      <Field.Root invalid={rangeInvalid}>\n        <Field.Label>{texts.to}</Field.Label>\n        <Input\n          type=\"date\"\n          value={fields.to}\n          aria-invalid={rangeInvalid || undefined}\n          aria-describedby={rangeInvalid ? messageId : undefined}\n          data-fs-order-list-search-to=\"\"\n          onChange={(event) => {\n            const to = event.target.value;\n            setFields((current) => ({ ...current, to }));\n          }}\n        />\n      </Field.Root>\n      {rangeInvalid ? <p id={messageId}>{texts.invalidRange}</p> : null}\n      <Button type=\"submit\">{texts.submit}</Button>\n      {showClear ? (\n        <StorefrontLink href={clearHref(route, searchParams)} data-fs-order-list-search-clear=\"\">\n          {texts.clear}\n        </StorefrontLink>\n      ) : null}\n    </form>\n  );\n}\n"],"mappings":"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"}

package/dist/matter/order-list-views/order-list-views.d.ts

@@ -0,0 +1,65 @@
+import { ContentValue } from "../../core/dist/define-content-type.js";
+import { ComponentDefinition } from "../../core/dist/define-component.js";
+import "../../core/dist/index.js";
+import { Ref } from "react";
+//#region src/matter/order-list-views/order-list-views.d.ts
+export declare const OrderListViewsContent: {
+  readonly id: "order-list-views";
+  readonly title: "Order List Views";
+  readonly description: "The names of the four order views and the accessible name of the switch.";
+  readonly schema: {
+    readonly type: "object";
+    readonly additionalProperties: false;
+    readonly properties: {
+      readonly label: {
+        readonly type: "string";
+        readonly title: "Accessible name";
+      };
+      readonly all: {
+        readonly type: "string";
+        readonly title: "All orders";
+      };
+      readonly ongoing: {
+        readonly type: "string";
+        readonly title: "Ongoing";
+      };
+      readonly completed: {
+        readonly type: "string";
+        readonly title: "Completed";
+      };
+      readonly cancelled: {
+        readonly type: "string";
+        readonly title: "Cancelled";
+      };
+    };
+  };
+};
+export type OrderListView = 'all' | 'ongoing' | 'completed' | 'cancelled';
+export type OrderListViewsContentValue = ContentValue<typeof OrderListViewsContent>;
+export type OrderListViewsProps = Readonly<{
+  /** Accessible name of the navigation landmark. */
+  label?: string;
+  allLabel?: string;
+  ongoingLabel?: string;
+  completedLabel?: string;
+  cancelledLabel?: string;
+  /** Injected by the compiler from the page content entry. */
+  $content?: OrderListViewsContentValue;
+  className?: string;
+  ref?: Ref<HTMLElement>;
+}>;
+export declare const OrderListViewsDefinition: ComponentDefinition<Readonly<{
+  /** Accessible name of the navigation landmark. */
+  label?: string;
+  allLabel?: string;
+  ongoingLabel?: string;
+  completedLabel?: string;
+  cancelledLabel?: string;
+  /** Injected by the compiler from the page content entry. */
+  $content?: OrderListViewsContentValue;
+  className?: string;
+  ref?: Ref<HTMLElement>;
+}>>;
+export declare function OrderListViews({ label, allLabel, ongoingLabel, completedLabel, cancelledLabel, $content, className, ref }: OrderListViewsProps): import("react/jsx-runtime").JSX.Element;
+//#endregion
+//# sourceMappingURL=order-list-views.d.ts.map

package/dist/matter/order-list-views/order-list-views.js

@@ -0,0 +1,154 @@
+"use client";
+import { defineComponent } from "../../core/dist/define-component.js";
+import { defineContentType } from "../../core/dist/define-content-type.js";
+import "../../core/dist/index.js";
+import { StorefrontLink } from "../../sdk/navigation/storefront-link.js";
+import { useStorefrontRoute } from "../../sdk/navigation/use-storefront-route.js";
+import { useStorefrontSearchParams } from "../../sdk/navigation/use-storefront-search-params.js";
+import { currentPageWith } from "../../sdk/navigation/current-page.js";
+import { jsx } from "react/jsx-runtime";
+//#region src/matter/order-list-views/order-list-views.tsx
+const OrderListViewsContent = defineContentType({
+	id: "order-list-views",
+	title: "Order List Views",
+	description: "The names of the four order views and the accessible name of the switch.",
+	schema: {
+		type: "object",
+		additionalProperties: false,
+		properties: {
+			label: {
+				type: "string",
+				title: "Accessible name"
+			},
+			all: {
+				type: "string",
+				title: "All orders"
+			},
+			ongoing: {
+				type: "string",
+				title: "Ongoing"
+			},
+			completed: {
+				type: "string",
+				title: "Completed"
+			},
+			cancelled: {
+				type: "string",
+				title: "Cancelled"
+			}
+		}
+	}
+});
+const CHOICES = [
+	"all",
+	"ongoing",
+	"completed",
+	"cancelled"
+];
+const DEFAULT_GROUP_LABEL = "Order views";
+const DEFAULT_LABELS = {
+	all: "All orders",
+	ongoing: "Ongoing",
+	completed: "Completed",
+	cancelled: "Cancelled"
+};
+const OrderListViewsDefinition = defineComponent({
+	name: "OrderListViews",
+	importPath: "@vtex/faststore/components",
+	component: OrderListViews,
+	content: OrderListViewsContent,
+	editor: {
+		label: "Order List Views",
+		category: "navigation"
+	},
+	schema: {
+		label: {
+			type: "string",
+			default: "Order views",
+			label: "Accessible name"
+		},
+		allLabel: {
+			type: "string",
+			default: "All orders",
+			label: "All orders"
+		},
+		ongoingLabel: {
+			type: "string",
+			default: "Ongoing",
+			label: "Ongoing"
+		},
+		completedLabel: {
+			type: "string",
+			default: "Completed",
+			label: "Completed"
+		},
+		cancelledLabel: {
+			type: "string",
+			default: "Cancelled",
+			label: "Cancelled"
+		}
+	},
+	guideline: "Four links that switch the orders page among all orders, ongoing, completed, and cancelled. Choosing one writes the view search param and keeps an existing search and placed-date range. It does not filter the orders already on the page."
+});
+function resolveText(content, prop, fallback) {
+	const fromContent = content?.trim();
+	if (fromContent) return fromContent;
+	const fromProp = prop?.trim();
+	if (fromProp) return fromProp;
+	return fallback;
+}
+function authoredLabel(view, props) {
+	switch (view) {
+		case "all": return props.allLabel;
+		case "ongoing": return props.ongoingLabel;
+		case "completed": return props.completedLabel;
+		case "cancelled": return props.cancelledLabel;
+	}
+}
+function currentView(value) {
+	if (value === "ongoing" || value === "completed" || value === "cancelled") return value;
+	return "all";
+}
+function choiceHref(route, searchParams, view) {
+	const next = new URLSearchParams(searchParams);
+	next.delete("view");
+	next.delete("after");
+	if (view !== "all") next.set("view", view);
+	return currentPageWith(route, next);
+}
+function OrderListViews({ label, allLabel, ongoingLabel, completedLabel, cancelledLabel, $content, className, ref }) {
+	const route = useStorefrontRoute();
+	const searchParams = useStorefrontSearchParams();
+	const current = currentView(searchParams.get("view"));
+	const props = {
+		label,
+		allLabel,
+		ongoingLabel,
+		completedLabel,
+		cancelledLabel,
+		$content
+	};
+	const groupLabel = resolveText($content?.label, label, DEFAULT_GROUP_LABEL);
+	return /* @__PURE__ */ jsx("nav", {
+		ref,
+		"aria-label": groupLabel,
+		className,
+		"data-fs-order-list-views": "",
+		"data-fs-order-list-views-current": current,
+		children: CHOICES.map((view) => {
+			const text = resolveText($content?.[view], authoredLabel(view, props), DEFAULT_LABELS[view]);
+			const selected = view === current;
+			return /* @__PURE__ */ jsx(StorefrontLink, {
+				href: choiceHref(route, searchParams, view),
+				"aria-current": selected ? "page" : void 0,
+				"data-fs-order-list-views-choice": view,
+				"data-fs-order-list-views-choice-current": selected ? "" : void 0,
+				children: text
+			}, view);
+		})
+	});
+}
+//#endregion
+export { OrderListViews, OrderListViewsContent, OrderListViewsDefinition };
+
+//# sourceMappingURL=order-list-views.js.map

package/dist/matter/order-list-views/order-list-views.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"order-list-views.js","names":[],"sources":["../../../src/matter/order-list-views/order-list-views.tsx"],"sourcesContent":["'use client';\n\nimport { type ContentValue, defineComponent, defineContentType } from '@vtex/fs-core';\nimport type { Ref } from 'react';\nimport { type CurrentRoute, currentPageWith } from '../../sdk/navigation/current-page.js';\nimport { StorefrontLink } from '../../sdk/navigation/storefront-link.js';\nimport type { PageRef } from '../../sdk/navigation/types.js';\nimport { useStorefrontRoute } from '../../sdk/navigation/use-storefront-route.js';\nimport { useStorefrontSearchParams } from '../../sdk/navigation/use-storefront-search-params.js';\n\nexport const OrderListViewsContent = defineContentType({\n  id: 'order-list-views',\n  title: 'Order List Views',\n  description: 'The names of the four order views and the accessible name of the switch.',\n  schema: {\n    type: 'object',\n    additionalProperties: false,\n    properties: {\n      label: { type: 'string', title: 'Accessible name' },\n      all: { type: 'string', title: 'All orders' },\n      ongoing: { type: 'string', title: 'Ongoing' },\n      completed: { type: 'string', title: 'Completed' },\n      cancelled: { type: 'string', title: 'Cancelled' },\n    },\n  },\n});\n\nexport type OrderListView = 'all' | 'ongoing' | 'completed' | 'cancelled';\n\nexport type OrderListViewsContentValue = ContentValue<typeof OrderListViewsContent>;\n\nexport type OrderListViewsProps = Readonly<{\n  /** Accessible name of the navigation landmark. */\n  label?: string;\n  allLabel?: string;\n  ongoingLabel?: string;\n  completedLabel?: string;\n  cancelledLabel?: string;\n  /** Injected by the compiler from the page content entry. */\n  $content?: OrderListViewsContentValue;\n  className?: string;\n  ref?: Ref<HTMLElement>;\n}>;\n\nconst CHOICES: readonly OrderListView[] = ['all', 'ongoing', 'completed', 'cancelled'];\n\nconst DEFAULT_GROUP_LABEL = 'Order views';\n\nconst DEFAULT_LABELS: Record<OrderListView, string> = {\n  all: 'All orders',\n  ongoing: 'Ongoing',\n  completed: 'Completed',\n  cancelled: 'Cancelled',\n};\n\nexport const OrderListViewsDefinition = defineComponent<OrderListViewsProps>({\n  name: 'OrderListViews',\n  importPath: '@vtex/faststore/components',\n  component: OrderListViews,\n  content: OrderListViewsContent,\n  editor: { label: 'Order List Views', category: 'navigation' },\n  schema: {\n    label: { type: 'string', default: 'Order views', label: 'Accessible name' },\n    allLabel: { type: 'string', default: 'All orders', label: 'All orders' },\n    ongoingLabel: { type: 'string', default: 'Ongoing', label: 'Ongoing' },\n    completedLabel: { type: 'string', default: 'Completed', label: 'Completed' },\n    cancelledLabel: { type: 'string', default: 'Cancelled', label: 'Cancelled' },\n  },\n  guideline:\n    'Four links that switch the orders page among all orders, ongoing, completed, and cancelled. Choosing one writes the view search param and keeps an existing search and placed-date range. It does not filter the orders already on the page.',\n});\n\nfunction resolveText(content: string | undefined, prop: string | undefined, fallback: string): string {\n  const fromContent = content?.trim();\n  if (fromContent) {\n    return fromContent;\n  }\n  const fromProp = prop?.trim();\n  if (fromProp) {\n    return fromProp;\n  }\n  return fallback;\n}\n\nfunction authoredLabel(view: OrderListView, props: OrderListViewsProps): string | undefined {\n  switch (view) {\n    case 'all':\n      return props.allLabel;\n    case 'ongoing':\n      return props.ongoingLabel;\n    case 'completed':\n      return props.completedLabel;\n    case 'cancelled':\n      return props.cancelledLabel;\n  }\n}\n\nfunction currentView(value: string | null): OrderListView {\n  if (value === 'ongoing' || value === 'completed' || value === 'cancelled') {\n    return value;\n  }\n  return 'all';\n}\n\nfunction choiceHref(route: CurrentRoute, searchParams: URLSearchParams, view: OrderListView): PageRef | string {\n  const next = new URLSearchParams(searchParams);\n  next.delete('view');\n  next.delete('after');\n  if (view !== 'all') {\n    next.set('view', view);\n  }\n  return currentPageWith(route, next);\n}\n\nexport function OrderListViews({\n  label,\n  allLabel,\n  ongoingLabel,\n  completedLabel,\n  cancelledLabel,\n  $content,\n  className,\n  ref,\n}: OrderListViewsProps) {\n  const route = useStorefrontRoute();\n  const searchParams = useStorefrontSearchParams();\n  const current = currentView(searchParams.get('view'));\n  const props: OrderListViewsProps = { label, allLabel, ongoingLabel, completedLabel, cancelledLabel, $content };\n  const groupLabel = resolveText($content?.label, label, DEFAULT_GROUP_LABEL);\n\n  return (\n    <nav\n      ref={ref}\n      aria-label={groupLabel}\n      className={className}\n      data-fs-order-list-views=\"\"\n      data-fs-order-list-views-current={current}\n    >\n      {CHOICES.map((view) => {\n        const text = resolveText($content?.[view], authoredLabel(view, props), DEFAULT_LABELS[view]);\n        const selected = view === current;\n        return (\n          <StorefrontLink\n            key={view}\n            href={choiceHref(route, searchParams, view)}\n            aria-current={selected ? 'page' : undefined}\n            data-fs-order-list-views-choice={view}\n            data-fs-order-list-views-choice-current={selected ? '' : undefined}\n          >\n            {text}\n          </StorefrontLink>\n        );\n      })}\n    </nav>\n  );\n}\n"],"mappings":";;;;;;;;;;AAUA,MAAa,wBAAwB,kBAAkB;CACrD,IAAI;CACJ,OAAO;CACP,aAAa;CACb,QAAQ;EACN,MAAM;EACN,sBAAsB;EACtB,YAAY;GACV,OAAO;IAAE,MAAM;IAAU,OAAO;GAAkB;GAClD,KAAK;IAAE,MAAM;IAAU,OAAO;GAAa;GAC3C,SAAS;IAAE,MAAM;IAAU,OAAO;GAAU;GAC5C,WAAW;IAAE,MAAM;IAAU,OAAO;GAAY;GAChD,WAAW;IAAE,MAAM;IAAU,OAAO;GAAY;EAClD;CACF;AACF,CAAC;AAmBD,MAAM,UAAoC;CAAC;CAAO;CAAW;CAAa;AAAW;AAErF,MAAM,sBAAsB;AAE5B,MAAM,iBAAgD;CACpD,KAAK;CACL,SAAS;CACT,WAAW;CACX,WAAW;AACb;AAEA,MAAa,2BAA2B,gBAAqC;CAC3E,MAAM;CACN,YAAY;CACZ,WAAW;CACX,SAAS;CACT,QAAQ;EAAE,OAAO;EAAoB,UAAU;CAAa;CAC5D,QAAQ;EACN,OAAO;GAAE,MAAM;GAAU,SAAS;GAAe,OAAO;EAAkB;EAC1E,UAAU;GAAE,MAAM;GAAU,SAAS;GAAc,OAAO;EAAa;EACvE,cAAc;GAAE,MAAM;GAAU,SAAS;GAAW,OAAO;EAAU;EACrE,gBAAgB;GAAE,MAAM;GAAU,SAAS;GAAa,OAAO;EAAY;EAC3E,gBAAgB;GAAE,MAAM;GAAU,SAAS;GAAa,OAAO;EAAY;CAC7E;CACA,WACE;AACJ,CAAC;AAED,SAAS,YAAY,SAA6B,MAA0B,UAA0B;CACpG,MAAM,cAAc,SAAS,KAAK;CAClC,IAAI,aACF,OAAO;CAET,MAAM,WAAW,MAAM,KAAK;CAC5B,IAAI,UACF,OAAO;CAET,OAAO;AACT;AAEA,SAAS,cAAc,MAAqB,OAAgD;CAC1F,QAAQ,MAAR;EACE,KAAK,OACH,OAAO,MAAM;EACf,KAAK,WACH,OAAO,MAAM;EACf,KAAK,aACH,OAAO,MAAM;EACf,KAAK,aACH,OAAO,MAAM;CACjB;AACF;AAEA,SAAS,YAAY,OAAqC;CACxD,IAAI,UAAU,aAAa,UAAU,eAAe,UAAU,aAC5D,OAAO;CAET,OAAO;AACT;AAEA,SAAS,WAAW,OAAqB,cAA+B,MAAuC;CAC7G,MAAM,OAAO,IAAI,gBAAgB,YAAY;CAC7C,KAAK,OAAO,MAAM;CAClB,KAAK,OAAO,OAAO;CACnB,IAAI,SAAS,OACX,KAAK,IAAI,QAAQ,IAAI;CAEvB,OAAO,gBAAgB,OAAO,IAAI;AACpC;AAEA,SAAgB,eAAe,EAC7B,OACA,UACA,cACA,gBACA,gBACA,UACA,WACA,OACsB;CACtB,MAAM,QAAQ,mBAAmB;CACjC,MAAM,eAAe,0BAA0B;CAC/C,MAAM,UAAU,YAAY,aAAa,IAAI,MAAM,CAAC;CACpD,MAAM,QAA6B;EAAE;EAAO;EAAU;EAAc;EAAgB;EAAgB;CAAS;CAC7G,MAAM,aAAa,YAAY,UAAU,OAAO,OAAO,mBAAmB;CAE1E,OACE,oBAAC,OAAD;EACO;EACL,cAAY;EACD;EACX,4BAAyB;EACzB,oCAAkC;EAEjC,UAAA,QAAQ,KAAK,SAAS;GACrB,MAAM,OAAO,YAAY,WAAW,OAAO,cAAc,MAAM,KAAK,GAAG,eAAe,KAAK;GAC3F,MAAM,WAAW,SAAS;GAC1B,OACE,oBAAC,gBAAD;IAEE,MAAM,WAAW,OAAO,cAAc,IAAI;IAC1C,gBAAc,WAAW,SAAS,KAAA;IAClC,mCAAiC;IACjC,2CAAyC,WAAW,KAAK,KAAA;IAExD,UAAA;GACa,GAPT,IAOS;EAEpB,CAAC;CACE,CAAA;AAET"}