@starci/grammar 0.15.2 → 0.15.6
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.
- package/README.md +52 -9
- package/dist/.build-stamp.json +4 -4
- package/dist/common/components-forms.css +141 -4
- package/dist/common/components-navigation.css +104 -1
- package/dist/common/components-overlays.css +2 -0
- package/dist/common/registry.d.ts +5 -0
- package/dist/common/registry.d.ts.map +1 -1
- package/dist/common/registry.js +2 -2
- package/dist/common/registry.js.map +1 -1
- package/dist/common/renderers-forms.d.ts +4 -0
- package/dist/common/renderers-forms.d.ts.map +1 -1
- package/dist/common/renderers-forms.js +6 -2
- package/dist/common/renderers-forms.js.map +1 -1
- package/dist/common/renderers-navigation.d.ts +3 -1
- package/dist/common/renderers-navigation.d.ts.map +1 -1
- package/dist/common/renderers-navigation.js +3 -1
- package/dist/common/renderers-navigation.js.map +1 -1
- package/dist/common/renderers.d.ts +2 -0
- package/dist/common/renderers.d.ts.map +1 -1
- package/dist/common/renderers.js +2 -0
- package/dist/common/renderers.js.map +1 -1
- package/dist/common/styles.css +177 -4
- package/dist/core/branch/CopyField/index.d.ts +48 -0
- package/dist/core/branch/CopyField/index.d.ts.map +1 -0
- package/dist/core/branch/CopyField/index.js +102 -0
- package/dist/core/branch/CopyField/index.js.map +1 -0
- package/dist/core/branch/FlowGraph/index.d.ts +1 -1
- package/dist/core/branch/FlowGraph/index.d.ts.map +1 -1
- package/dist/core/branch/FlowGraph/index.js +11 -2
- package/dist/core/branch/FlowGraph/index.js.map +1 -1
- package/dist/core/branch/FlowGraph/types.d.ts +9 -0
- package/dist/core/branch/FlowGraph/types.d.ts.map +1 -1
- package/dist/core/branch/MermaidDiagram/index.d.ts +30 -0
- package/dist/core/branch/MermaidDiagram/index.d.ts.map +1 -0
- package/dist/core/branch/MermaidDiagram/index.js +110 -0
- package/dist/core/branch/MermaidDiagram/index.js.map +1 -0
- package/dist/core/branch/MermaidDiagram/theme.d.ts +40 -0
- package/dist/core/branch/MermaidDiagram/theme.d.ts.map +1 -0
- package/dist/core/branch/MermaidDiagram/theme.js +86 -0
- package/dist/core/branch/MermaidDiagram/theme.js.map +1 -0
- package/dist/core/branch/Tabs/index.d.ts +11 -3
- package/dist/core/branch/Tabs/index.d.ts.map +1 -1
- package/dist/core/branch/Tabs/index.js +48 -2
- package/dist/core/branch/Tabs/index.js.map +1 -1
- package/dist/core/composite/FormGrid/index.d.ts +17 -0
- package/dist/core/composite/FormGrid/index.d.ts.map +1 -0
- package/dist/core/composite/FormGrid/index.js +16 -0
- package/dist/core/composite/FormGrid/index.js.map +1 -0
- package/dist/core/composition/Page/index.d.ts +30 -0
- package/dist/core/composition/Page/index.d.ts.map +1 -0
- package/dist/core/composition/Page/index.js +13 -0
- package/dist/core/composition/Page/index.js.map +1 -0
- package/dist/core/composition/PageHeader/index.d.ts +57 -0
- package/dist/core/composition/PageHeader/index.d.ts.map +1 -0
- package/dist/core/composition/PageHeader/index.js +20 -0
- package/dist/core/composition/PageHeader/index.js.map +1 -0
- package/dist/core/primitive/Button/index.d.ts +9 -3
- package/dist/core/primitive/Button/index.d.ts.map +1 -1
- package/dist/core/primitive/Button/index.js +2 -2
- package/dist/core/primitive/Button/index.js.map +1 -1
- package/dist/core/primitive/Field/index.d.ts +2 -2
- package/dist/core/primitive/Field/index.js +4 -4
- package/dist/core/primitive/Field/index.js.map +1 -1
- package/dist/core/primitive/FileDropzone/index.js +2 -2
- package/dist/core/primitive/FileDropzone/index.js.map +1 -1
- package/dist/core/primitive/Input/index.d.ts +7 -7
- package/dist/core/primitive/Input/index.d.ts.map +1 -1
- package/dist/core/primitive/Input/index.js +9 -9
- package/dist/core/primitive/Input/index.js.map +1 -1
- package/dist/offset-pop/components-forms.css +5 -3
- package/dist/offset-pop/components-navigation.css +14 -0
- package/package.json +3 -2
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
import type { ReactNode } from "react";
|
|
2
|
+
import { type PageContainerProps } from "../../primitive/PageContainer/index.js";
|
|
3
|
+
import { type PageHeaderProps } from "../PageHeader/index.js";
|
|
4
|
+
/** The page header Page draws: every `PageHeader` prop except the two Page owns, `measure` and `isSkeleton`. */
|
|
5
|
+
export type PageHeaderContent = Omit<PageHeaderProps, "measure" | "isSkeleton" | "className">;
|
|
6
|
+
export type PageProps = {
|
|
7
|
+
/**
|
|
8
|
+
* The page header band, as `PageHeader`'s props (data, not an element): Page draws it full width with the body's
|
|
9
|
+
* measure, so the header's content edges are the body's. Leave it out for a page with no header band (a sign-in
|
|
10
|
+
* card, a landing hero); the body then starts one region step below the top.
|
|
11
|
+
*/
|
|
12
|
+
readonly header?: PageHeaderContent;
|
|
13
|
+
/** The page body. It always sits inside the page measure and gutter; nothing in it reaches past the gutter. */
|
|
14
|
+
readonly children: ReactNode;
|
|
15
|
+
/** The page measure, shared by the header's content and the body. Default `product`. */
|
|
16
|
+
readonly measure?: PageContainerProps["measure"];
|
|
17
|
+
/** Unresolved page subject (STATE-8): passed to the header, which keeps its slots' boxes. The body owns its own loading. */
|
|
18
|
+
readonly isSkeleton?: boolean;
|
|
19
|
+
/** Layout only: the page's placement in the app's layout region. */
|
|
20
|
+
readonly className?: string;
|
|
21
|
+
};
|
|
22
|
+
/**
|
|
23
|
+
* One route page: the header band across the region, then the body in the page measure and gutter, one region step
|
|
24
|
+
* below it. Page is the single owner of the page inset and the page's vertical rhythm; layout frames (WorkspaceShell,
|
|
25
|
+
* PrimaryRailLayout, ChatWorkspace) only place regions and never wrap a page in a PageContainer. Page tabs are the
|
|
26
|
+
* header's `tabs`, never a Tabs at the top of the body (lint `page-tabs-in-header`), and a route page renders nothing
|
|
27
|
+
* beside its Page (lint `route-page-is-one-page`).
|
|
28
|
+
*/
|
|
29
|
+
export declare const Page: ({ header, children, measure, isSkeleton, className }: PageProps) => import("react").JSX.Element;
|
|
30
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/core/composition/Page/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AACtC,OAAO,EAAiB,KAAK,kBAAkB,EAAE,MAAM,wCAAwC,CAAA;AAC/F,OAAO,EAAc,KAAK,eAAe,EAAE,MAAM,wBAAwB,CAAA;AAEzE,gHAAgH;AAChH,MAAM,MAAM,iBAAiB,GAAG,IAAI,CAAC,eAAe,EAAE,SAAS,GAAG,YAAY,GAAG,WAAW,CAAC,CAAA;AAE7F,MAAM,MAAM,SAAS,GAAG;IACpB;;;;OAIG;IACH,QAAQ,CAAC,MAAM,CAAC,EAAE,iBAAiB,CAAA;IACnC,+GAA+G;IAC/G,QAAQ,CAAC,QAAQ,EAAE,SAAS,CAAA;IAC5B,wFAAwF;IACxF,QAAQ,CAAC,OAAO,CAAC,EAAE,kBAAkB,CAAC,SAAS,CAAC,CAAA;IAChD,4HAA4H;IAC5H,QAAQ,CAAC,UAAU,CAAC,EAAE,OAAO,CAAA;IAC7B,oEAAoE;IACpE,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAA;CAC9B,CAAA;AAED;;;;;;GAMG;AACH,eAAO,MAAM,IAAI,GAAI,sDAA0E,SAAS,gCAavG,CAAA"}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { cn } from "@heroui/react";
|
|
3
|
+
import { PageContainer } from "../../primitive/PageContainer/index.js";
|
|
4
|
+
import { PageHeader } from "../PageHeader/index.js";
|
|
5
|
+
/**
|
|
6
|
+
* One route page: the header band across the region, then the body in the page measure and gutter, one region step
|
|
7
|
+
* below it. Page is the single owner of the page inset and the page's vertical rhythm; layout frames (WorkspaceShell,
|
|
8
|
+
* PrimaryRailLayout, ChatWorkspace) only place regions and never wrap a page in a PageContainer. Page tabs are the
|
|
9
|
+
* header's `tabs`, never a Tabs at the top of the body (lint `page-tabs-in-header`), and a route page renders nothing
|
|
10
|
+
* beside its Page (lint `route-page-is-one-page`).
|
|
11
|
+
*/
|
|
12
|
+
export const Page = ({ header, children, measure = "product", isSkeleton = false, className }) => (_jsxs("div", { className: cn("starci-core-page", className), "data-component": "Page", "data-tier": "composition", "data-contract": "MARGIN-5 MEASURE-1", "data-grammar-page-header": header === undefined ? "false" : "true", children: [header === undefined ? null : _jsx(PageHeader, { ...header, measure: measure, isSkeleton: isSkeleton }), _jsx(PageContainer, { className: "starci-core-page-body", "data-grammar-page-body": "true", measure: measure, children: children })] }));
|
|
13
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/core/composition/Page/index.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,EAAE,EAAE,MAAM,eAAe,CAAA;AAElC,OAAO,EAAE,aAAa,EAA2B,MAAM,wCAAwC,CAAA;AAC/F,OAAO,EAAE,UAAU,EAAwB,MAAM,wBAAwB,CAAA;AAsBzE;;;;;;GAMG;AACH,MAAM,CAAC,MAAM,IAAI,GAAG,CAAC,EAAE,MAAM,EAAE,QAAQ,EAAE,OAAO,GAAG,SAAS,EAAE,UAAU,GAAG,KAAK,EAAE,SAAS,EAAa,EAAE,EAAE,CAAC,CACzG,eACI,SAAS,EAAE,EAAE,CAAC,kBAAkB,EAAE,SAAS,CAAC,oBAC7B,MAAM,eACX,aAAa,mBACT,oBAAoB,8BACR,MAAM,KAAK,SAAS,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,aAEhE,MAAM,KAAK,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,KAAC,UAAU,OAAK,MAAM,EAAE,OAAO,EAAE,OAAO,EAAE,UAAU,EAAE,UAAU,GAAI,EACnG,KAAC,aAAa,IAAC,SAAS,EAAC,uBAAuB,4BAAwB,MAAM,EAAC,OAAO,EAAE,OAAO,YAC1F,QAAQ,GACG,IACd,CACT,CAAA"}
|
|
@@ -0,0 +1,57 @@
|
|
|
1
|
+
import type { ReactNode } from "react";
|
|
2
|
+
import { type TabsProps } from "../../branch/Tabs/index.js";
|
|
3
|
+
import { type BreadcrumbItem } from "../../composite/Breadcrumbs/index.js";
|
|
4
|
+
import { type PageContainerProps } from "../../primitive/PageContainer/index.js";
|
|
5
|
+
/** The trail above the page heading: the `Breadcrumbs` the header draws in its first row. */
|
|
6
|
+
export type PageHeaderBreadcrumbs = {
|
|
7
|
+
/** Names the trail landmark, e.g. "Breadcrumb". */
|
|
8
|
+
readonly label: string;
|
|
9
|
+
readonly items: ReadonlyArray<BreadcrumbItem>;
|
|
10
|
+
/** Same-document navigation for router-owned trails. */
|
|
11
|
+
readonly onAction?: (id: string) => void;
|
|
12
|
+
};
|
|
13
|
+
/**
|
|
14
|
+
* The page's own tabs, drawn on the header's bottom separator: the page tabs of `tabs.choose.level:page`. The header
|
|
15
|
+
* owns their look (the underline) and their inset, so neither is passed.
|
|
16
|
+
*/
|
|
17
|
+
export type PageHeaderTabs = Omit<TabsProps, "variant" | "inset">;
|
|
18
|
+
export type PageHeaderProps = {
|
|
19
|
+
/** The page heading, the document's one `h1` (FONT-4). */
|
|
20
|
+
readonly title: ReactNode;
|
|
21
|
+
/** `id` of the `h1`, for a region `aria-labelledby` that names the page by its heading. */
|
|
22
|
+
readonly titleId?: string;
|
|
23
|
+
readonly breadcrumbs?: PageHeaderBreadcrumbs;
|
|
24
|
+
/** The one supporting line under the heading (FONT-2, muted). */
|
|
25
|
+
readonly description?: ReactNode;
|
|
26
|
+
/** A short summary line of facts about the page's subject (FONT-1, muted), e.g. "SePay · Vietcombank · ****6789". */
|
|
27
|
+
readonly meta?: ReactNode;
|
|
28
|
+
/** Status chips beside the heading (`Badge`, `StatusDot`): settled facts about the page's subject. */
|
|
29
|
+
readonly status?: ReactNode;
|
|
30
|
+
/** The subject's identity mark left of the heading: an `Avatar`, an `IconTile` or a provider mark. */
|
|
31
|
+
readonly mark?: ReactNode;
|
|
32
|
+
/** The page's commands, at the end of the heading row; at phone width they wrap under the heading. */
|
|
33
|
+
readonly actions?: ReactNode;
|
|
34
|
+
readonly tabs?: PageHeaderTabs;
|
|
35
|
+
/** The measure of the page content below, so the header's content edges align with it. Default `product`. */
|
|
36
|
+
readonly measure?: PageContainerProps["measure"];
|
|
37
|
+
/**
|
|
38
|
+
* Draw the header as inert geometry while the subject is unresolved (STATE-8). Skeleton parity: `title`,
|
|
39
|
+
* `description`, `meta`, `status`, `mark` and `actions` keep their slots and are laid out unseen as measured
|
|
40
|
+
* placeholders under a shimmer, so the loading band has the ready band's box. The breadcrumbs and the tabs stay real
|
|
41
|
+
* (a crumb whose label is unknown takes its own `isSkeleton`); the root is `aria-busy`.
|
|
42
|
+
*/
|
|
43
|
+
readonly isSkeleton?: boolean;
|
|
44
|
+
/** Layout only: the band's placement in the app's layout. */
|
|
45
|
+
readonly className?: string;
|
|
46
|
+
};
|
|
47
|
+
/**
|
|
48
|
+
* The page header band: the trail, the page heading with its mark, status and summary, the page's commands, and the
|
|
49
|
+
* page tabs, on a surface band across the primary region with a full-width separator at its bottom edge.
|
|
50
|
+
*
|
|
51
|
+
* The band's content sits in a `PageContainer` of the page's measure, so its edges are the content's edges by
|
|
52
|
+
* construction. The separator is the header's own `Divider`, drawn whether or not tabs are present; page tabs sit on
|
|
53
|
+
* it and the selected tab's underline lies over it. Place the header first in the primary region, outside the page's
|
|
54
|
+
* `PageContainer`; it is a plain `div`, never `<header>`, because the page banner belongs to the app bar.
|
|
55
|
+
*/
|
|
56
|
+
export declare const PageHeader: ({ title, titleId, breadcrumbs, description, meta, status, mark, actions, tabs, measure, isSkeleton, className, }: PageHeaderProps) => import("react").JSX.Element;
|
|
57
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/core/composition/PageHeader/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AACtC,OAAO,EAAQ,KAAK,SAAS,EAAE,MAAM,4BAA4B,CAAA;AACjE,OAAO,EAAe,KAAK,cAAc,EAAE,MAAM,sCAAsC,CAAA;AAEvF,OAAO,EAAiB,KAAK,kBAAkB,EAAE,MAAM,wCAAwC,CAAA;AAG/F,6FAA6F;AAC7F,MAAM,MAAM,qBAAqB,GAAG;IAChC,mDAAmD;IACnD,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAA;IACtB,QAAQ,CAAC,KAAK,EAAE,aAAa,CAAC,cAAc,CAAC,CAAA;IAC7C,wDAAwD;IACxD,QAAQ,CAAC,QAAQ,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAA;CAC3C,CAAA;AAED;;;GAGG;AACH,MAAM,MAAM,cAAc,GAAG,IAAI,CAAC,SAAS,EAAE,SAAS,GAAG,OAAO,CAAC,CAAA;AAEjE,MAAM,MAAM,eAAe,GAAG;IAC1B,0DAA0D;IAC1D,QAAQ,CAAC,KAAK,EAAE,SAAS,CAAA;IACzB,2FAA2F;IAC3F,QAAQ,CAAC,OAAO,CAAC,EAAE,MAAM,CAAA;IACzB,QAAQ,CAAC,WAAW,CAAC,EAAE,qBAAqB,CAAA;IAC5C,iEAAiE;IACjE,QAAQ,CAAC,WAAW,CAAC,EAAE,SAAS,CAAA;IAChC,qHAAqH;IACrH,QAAQ,CAAC,IAAI,CAAC,EAAE,SAAS,CAAA;IACzB,sGAAsG;IACtG,QAAQ,CAAC,MAAM,CAAC,EAAE,SAAS,CAAA;IAC3B,sGAAsG;IACtG,QAAQ,CAAC,IAAI,CAAC,EAAE,SAAS,CAAA;IACzB,sGAAsG;IACtG,QAAQ,CAAC,OAAO,CAAC,EAAE,SAAS,CAAA;IAC5B,QAAQ,CAAC,IAAI,CAAC,EAAE,cAAc,CAAA;IAC9B,6GAA6G;IAC7G,QAAQ,CAAC,OAAO,CAAC,EAAE,kBAAkB,CAAC,SAAS,CAAC,CAAA;IAChD;;;;;OAKG;IACH,QAAQ,CAAC,UAAU,CAAC,EAAE,OAAO,CAAA;IAC7B,6DAA6D;IAC7D,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAA;CAC9B,CAAA;AAMD;;;;;;;;GAQG;AACH,eAAO,MAAM,UAAU,GAAI,kHAaxB,eAAe,gCAiDjB,CAAA"}
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { cn } from "@heroui/react";
|
|
3
|
+
import { Tabs } from "../../branch/Tabs/index.js";
|
|
4
|
+
import { Breadcrumbs } from "../../composite/Breadcrumbs/index.js";
|
|
5
|
+
import { Divider } from "../../primitive/Divider/index.js";
|
|
6
|
+
import { PageContainer } from "../../primitive/PageContainer/index.js";
|
|
7
|
+
import { SkeletonPlaceholder } from "../../primitive/Skeleton/index.js";
|
|
8
|
+
/** One slot, real or as its measured placeholder. */
|
|
9
|
+
const slot = (content, isSkeleton, shape = "text") => isSkeleton ? _jsx(SkeletonPlaceholder, { shape: shape, children: content }) : content;
|
|
10
|
+
/**
|
|
11
|
+
* The page header band: the trail, the page heading with its mark, status and summary, the page's commands, and the
|
|
12
|
+
* page tabs, on a surface band across the primary region with a full-width separator at its bottom edge.
|
|
13
|
+
*
|
|
14
|
+
* The band's content sits in a `PageContainer` of the page's measure, so its edges are the content's edges by
|
|
15
|
+
* construction. The separator is the header's own `Divider`, drawn whether or not tabs are present; page tabs sit on
|
|
16
|
+
* it and the selected tab's underline lies over it. Place the header first in the primary region, outside the page's
|
|
17
|
+
* `PageContainer`; it is a plain `div`, never `<header>`, because the page banner belongs to the app bar.
|
|
18
|
+
*/
|
|
19
|
+
export const PageHeader = ({ title, titleId, breadcrumbs, description, meta, status, mark, actions, tabs, measure = "product", isSkeleton = false, className, }) => (_jsxs("div", { className: cn("starci-core-page-header", className), "data-component": "PageHeader", "data-tier": "composition", "data-contract": isSkeleton ? "MARGIN-5 STATE-8" : "MARGIN-5", "data-grammar-page-header": "true", "data-grammar-page-header-tabs": tabs === undefined ? "false" : "true", ...(isSkeleton ? { "data-grammar-skeleton": "true", "data-loading": "true", "aria-busy": true } : {}), children: [_jsxs(PageContainer, { className: "starci-core-page-header-body", "data-contract": "GAP-3 PADDING-5", measure: measure, children: [breadcrumbs === undefined ? null : (_jsx(Breadcrumbs, { label: breadcrumbs.label, items: breadcrumbs.items, ...(breadcrumbs.onAction === undefined ? {} : { onAction: breadcrumbs.onAction }) })), _jsxs("div", { className: "starci-core-page-header-row", "data-contract": "GAP-5", children: [_jsxs("div", { className: "starci-core-page-header-lead", "data-contract": "GAP-3", children: [mark === undefined ? null : _jsx("div", { className: "starci-core-page-header-mark", "aria-hidden": isSkeleton || undefined, children: slot(mark, isSkeleton, "block") }), _jsxs("div", { className: "starci-core-page-header-copy", "data-contract": "GAP-1", children: [_jsxs("div", { className: "starci-core-page-header-title-line", "data-contract": "GAP-2", children: [_jsx("h1", { className: "starci-core-section-title starci-core-page-header-title", "data-contract": "FONT-4 MARGIN-0", ...(titleId === undefined ? {} : { id: titleId }), ...(isSkeleton ? { "aria-hidden": true } : {}), children: slot(title, isSkeleton) }), status === undefined ? null : _jsx("div", { className: "starci-core-page-header-status", "data-contract": "GAP-2", "aria-hidden": isSkeleton || undefined, children: slot(status, isSkeleton) })] }), meta === undefined ? null : _jsx("div", { className: "starci-core-page-header-meta", "data-contract": "FONT-1 TONE-2", "aria-hidden": isSkeleton || undefined, children: slot(meta, isSkeleton) }), description === undefined ? null : _jsx("div", { className: "starci-core-page-header-description", "data-contract": "FONT-2 TONE-2", "aria-hidden": isSkeleton || undefined, children: slot(description, isSkeleton) })] })] }), actions === undefined ? null : _jsx("div", { className: "starci-core-page-header-actions", "data-contract": "GAP-2", "aria-hidden": isSkeleton || undefined, children: slot(actions, isSkeleton, "block") })] }), tabs === undefined ? null : (_jsx("div", { className: "starci-core-page-header-tabs", children: _jsx(Tabs, { ...tabs, variant: "primary", inset: "none" }) }))] }), _jsx("div", { className: "starci-core-page-header-separator", "data-grammar-page-header-separator": "true", children: _jsx(Divider, { semantics: "presentation" }) })] }));
|
|
20
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/core/composition/PageHeader/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -36,8 +36,8 @@ type ButtonBase = {
|
|
|
36
36
|
* How the action takes its inline space: to its own content, or filling its parent.
|
|
37
37
|
*
|
|
38
38
|
* `fill` forwards the vendor's own full-width variant and adds the part the vendor does not
|
|
39
|
-
* own - a label that WRAPS onto a second line instead of overflowing,
|
|
40
|
-
*
|
|
39
|
+
* own - a label that WRAPS onto a second line instead of overflowing, the box holding its size
|
|
40
|
+
* step (md 40px) on one line and growing only with the wrapped label - from `.starci-core-button[data-width="fill"]` in the packaged
|
|
41
41
|
* stylesheet. An app never has to reach through the boundary with a descendant width utility.
|
|
42
42
|
*/
|
|
43
43
|
readonly width?: ButtonWidth;
|
|
@@ -57,13 +57,19 @@ type DestinationButton = {
|
|
|
57
57
|
readonly onFollow?: () => void;
|
|
58
58
|
readonly onPress?: never;
|
|
59
59
|
readonly type?: never;
|
|
60
|
+
readonly form?: never;
|
|
60
61
|
};
|
|
61
|
-
/** A same-document command. It renders the vendor button and may submit or reset a form. */
|
|
62
|
+
/** A same-document command. It renders the vendor button and may submit or reset a form, its own or the one `form` names. */
|
|
62
63
|
type CommandButton = {
|
|
63
64
|
/** Controlled toggle state. Keep the action label unchanged between pressed and unpressed. */
|
|
64
65
|
readonly "aria-pressed"?: boolean;
|
|
65
66
|
readonly onPress?: () => void;
|
|
66
67
|
readonly type?: ButtonType;
|
|
68
|
+
/**
|
|
69
|
+
* The `id` of the form this button submits or resets from outside it: a `Drawer` or `Modal` footer button with
|
|
70
|
+
* `type="submit"` and `form` naming the form in the overlay's body.
|
|
71
|
+
*/
|
|
72
|
+
readonly form?: string;
|
|
67
73
|
readonly href?: never;
|
|
68
74
|
readonly target?: never;
|
|
69
75
|
readonly rel?: never;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/core/primitive/Button/index.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAS,KAAK,SAAS,EAAE,MAAM,OAAO,CAAA;AAE7C,OAAO,EAA0B,KAAK,iBAAiB,EAAE,MAAM,uBAAuB,CAAA;AAEtF;;;;GAIG;AACH,MAAM,MAAM,aAAa,GAAG,SAAS,GAAG,WAAW,GAAG,UAAU,GAAG,SAAS,GAAG,OAAO,GAAG,QAAQ,GAAG,aAAa,CAAA;AACjH,MAAM,MAAM,UAAU,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,SAAS,CAAA;AACvD,MAAM,MAAM,UAAU,GAAG,QAAQ,GAAG,QAAQ,GAAG,OAAO,CAAA;AACtD,MAAM,MAAM,WAAW,GAAG,SAAS,GAAG,MAAM,CAAA;AAE5C,KAAK,UAAU,GAAG;IACd,gFAAgF;IAChF,QAAQ,CAAC,QAAQ,EAAE,SAAS,CAAA;IAC5B,4FAA4F;IAC5F,QAAQ,CAAC,OAAO,CAAC,EAAE,aAAa,CAAA;IAChC,QAAQ,CAAC,IAAI,CAAC,EAAE,UAAU,CAAA;IAC1B,oGAAoG;IACpG,QAAQ,CAAC,YAAY,CAAC,EAAE,SAAS,CAAA;IACjC,0DAA0D;IAC1D,QAAQ,CAAC,UAAU,CAAC,EAAE,SAAS,CAAA;IAC/B,QAAQ,CAAC,UAAU,CAAC,EAAE,OAAO,CAAA;IAC7B;;;OAGG;IACH,QAAQ,CAAC,cAAc,CAAC,EAAE,MAAM,CAAA;IAChC;;;OAGG;IACH,QAAQ,CAAC,UAAU,CAAC,EAAE,OAAO,CAAA;IAC7B,wFAAwF;IACxF,QAAQ,CAAC,SAAS,CAAC,EAAE,OAAO,CAAA;IAC5B;;;;;;;OAOG;IACH,QAAQ,CAAC,KAAK,CAAC,EAAE,WAAW,CAAA;CAC/B,CAAA;AAED;;;;GAIG;AACH,KAAK,iBAAiB,GAAG;IACrB,QAAQ,CAAC,cAAc,CAAC,EAAE,KAAK,CAAA;IAC/B,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAA;IACrB,QAAQ,CAAC,MAAM,CAAC,EAAE,QAAQ,GAAG,OAAO,CAAA;IACpC,QAAQ,CAAC,GAAG,CAAC,EAAE,MAAM,CAAA;IACrB,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,GAAG,MAAM,CAAA;IACpC,mEAAmE;IACnE,QAAQ,CAAC,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAA;IAC9B,QAAQ,CAAC,OAAO,CAAC,EAAE,KAAK,CAAA;IACxB,QAAQ,CAAC,IAAI,CAAC,EAAE,KAAK,CAAA;CACxB,CAAA;AAED,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/core/primitive/Button/index.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAS,KAAK,SAAS,EAAE,MAAM,OAAO,CAAA;AAE7C,OAAO,EAA0B,KAAK,iBAAiB,EAAE,MAAM,uBAAuB,CAAA;AAEtF;;;;GAIG;AACH,MAAM,MAAM,aAAa,GAAG,SAAS,GAAG,WAAW,GAAG,UAAU,GAAG,SAAS,GAAG,OAAO,GAAG,QAAQ,GAAG,aAAa,CAAA;AACjH,MAAM,MAAM,UAAU,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,SAAS,CAAA;AACvD,MAAM,MAAM,UAAU,GAAG,QAAQ,GAAG,QAAQ,GAAG,OAAO,CAAA;AACtD,MAAM,MAAM,WAAW,GAAG,SAAS,GAAG,MAAM,CAAA;AAE5C,KAAK,UAAU,GAAG;IACd,gFAAgF;IAChF,QAAQ,CAAC,QAAQ,EAAE,SAAS,CAAA;IAC5B,4FAA4F;IAC5F,QAAQ,CAAC,OAAO,CAAC,EAAE,aAAa,CAAA;IAChC,QAAQ,CAAC,IAAI,CAAC,EAAE,UAAU,CAAA;IAC1B,oGAAoG;IACpG,QAAQ,CAAC,YAAY,CAAC,EAAE,SAAS,CAAA;IACjC,0DAA0D;IAC1D,QAAQ,CAAC,UAAU,CAAC,EAAE,SAAS,CAAA;IAC/B,QAAQ,CAAC,UAAU,CAAC,EAAE,OAAO,CAAA;IAC7B;;;OAGG;IACH,QAAQ,CAAC,cAAc,CAAC,EAAE,MAAM,CAAA;IAChC;;;OAGG;IACH,QAAQ,CAAC,UAAU,CAAC,EAAE,OAAO,CAAA;IAC7B,wFAAwF;IACxF,QAAQ,CAAC,SAAS,CAAC,EAAE,OAAO,CAAA;IAC5B;;;;;;;OAOG;IACH,QAAQ,CAAC,KAAK,CAAC,EAAE,WAAW,CAAA;CAC/B,CAAA;AAED;;;;GAIG;AACH,KAAK,iBAAiB,GAAG;IACrB,QAAQ,CAAC,cAAc,CAAC,EAAE,KAAK,CAAA;IAC/B,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAA;IACrB,QAAQ,CAAC,MAAM,CAAC,EAAE,QAAQ,GAAG,OAAO,CAAA;IACpC,QAAQ,CAAC,GAAG,CAAC,EAAE,MAAM,CAAA;IACrB,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,GAAG,MAAM,CAAA;IACpC,mEAAmE;IACnE,QAAQ,CAAC,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAA;IAC9B,QAAQ,CAAC,OAAO,CAAC,EAAE,KAAK,CAAA;IACxB,QAAQ,CAAC,IAAI,CAAC,EAAE,KAAK,CAAA;IACrB,QAAQ,CAAC,IAAI,CAAC,EAAE,KAAK,CAAA;CACxB,CAAA;AAED,6HAA6H;AAC7H,KAAK,aAAa,GAAG;IACjB,8FAA8F;IAC9F,QAAQ,CAAC,cAAc,CAAC,EAAE,OAAO,CAAA;IACjC,QAAQ,CAAC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;IAC7B,QAAQ,CAAC,IAAI,CAAC,EAAE,UAAU,CAAA;IAC1B;;;OAGG;IACH,QAAQ,CAAC,IAAI,CAAC,EAAE,MAAM,CAAA;IACtB,QAAQ,CAAC,IAAI,CAAC,EAAE,KAAK,CAAA;IACrB,QAAQ,CAAC,MAAM,CAAC,EAAE,KAAK,CAAA;IACvB,QAAQ,CAAC,GAAG,CAAC,EAAE,KAAK,CAAA;IACpB,QAAQ,CAAC,QAAQ,CAAC,EAAE,KAAK,CAAA;IACzB,QAAQ,CAAC,QAAQ,CAAC,EAAE,KAAK,CAAA;CAC5B,CAAA;AAED;;;GAGG;AACH,MAAM,MAAM,WAAW,GAAG,UAAU,GAAG,iBAAiB,GAAG,CAAC,iBAAiB,GAAG,aAAa,CAAC,CAAA;AAiB9F,0FAA0F;AAC1F,eAAO,MAAM,MAAM,GAAI,OAAO,WAAW,gCAcxC,CAAA"}
|
|
@@ -36,7 +36,7 @@ const ButtonControl = (props) => {
|
|
|
36
36
|
const { href, target, rel, download, onFollow } = props;
|
|
37
37
|
return (_jsx(HeroLink, { "data-tier": "atom", "data-component": "Button", "data-size": size, "data-grammar-control-size": size === "control" ? "control" : undefined, "data-element": unavailable ? "span" : "a", "data-loading": isSkeleton ? "true" : "false", "data-action-pending": isPending ? "true" : "false", isDisabled: unavailable, ...(reasonId === undefined ? {} : { "aria-describedby": reasonId }), "aria-busy": isPending || undefined, "aria-hidden": isSkeleton || undefined, "data-width": width, "data-contract": width === "fill" ? "MEASURE-2" : undefined, className: buttonVariants({ variant: VARIANTS[variant], size: SIZES[size], fullWidth: width === "fill", className: isSkeleton ? `starci-core-button ${SKELETON_CLASS_NAME}` : "starci-core-button" }), ...(unavailable ? {} : { href }), ...(target === undefined ? {} : { target }), ...(rel === undefined ? target === "_blank" ? { rel: "noopener noreferrer" } : {} : { rel }), ...(download === undefined ? {} : { download }), ...(onFollow === undefined || unavailable ? {} : { onClick: onFollow }), children: content }));
|
|
38
38
|
}
|
|
39
|
-
const { onPress, type = "button" } = props;
|
|
40
|
-
return (_jsx(HeroButton, { "data-tier": "atom", "data-component": "Button", "data-size": size, "data-grammar-control-size": size === "control" ? "control" : undefined, "data-element": "button", "data-loading": isSkeleton ? "true" : "false", "data-action-pending": isPending ? "true" : "false", type: type, variant: VARIANTS[variant], size: SIZES[size], isDisabled: unavailable, ...(reasonId === undefined ? {} : { "aria-describedby": reasonId }), isPending: isPending, "data-width": width, "data-contract": width === "fill" ? "MEASURE-2" : undefined, fullWidth: width === "fill", ...(props["aria-pressed"] === undefined ? {} : { "aria-pressed": props["aria-pressed"] }), className: isSkeleton ? `starci-core-button ${SKELETON_CLASS_NAME}` : "starci-core-button", ...(unavailable || onPress === undefined ? {} : { onPress }), children: content }));
|
|
39
|
+
const { onPress, type = "button", form } = props;
|
|
40
|
+
return (_jsx(HeroButton, { "data-tier": "atom", "data-component": "Button", "data-size": size, "data-grammar-control-size": size === "control" ? "control" : undefined, "data-element": "button", "data-loading": isSkeleton ? "true" : "false", "data-action-pending": isPending ? "true" : "false", type: type, ...(form === undefined ? {} : { form }), variant: VARIANTS[variant], size: SIZES[size], isDisabled: unavailable, ...(reasonId === undefined ? {} : { "aria-describedby": reasonId }), isPending: isPending, "data-width": width, "data-contract": width === "fill" ? "MEASURE-2" : undefined, fullWidth: width === "fill", ...(props["aria-pressed"] === undefined ? {} : { "aria-pressed": props["aria-pressed"] }), className: isSkeleton ? `starci-core-button ${SKELETON_CLASS_NAME}` : "starci-core-button", ...(unavailable || onPress === undefined ? {} : { onPress }), children: content }));
|
|
41
41
|
};
|
|
42
42
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/core/primitive/Button/index.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAEZ,OAAO,EAAE,MAAM,IAAI,UAAU,EAAE,IAAI,IAAI,QAAQ,EAAE,OAAO,IAAI,WAAW,EAAE,cAAc,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAA;AAChI,OAAO,EAAE,KAAK,EAAkB,MAAM,OAAO,CAAA;AAC7C,OAAO,EAAE,OAAO,EAAE,MAAM,+BAA+B,CAAA;AACvD,OAAO,EAAE,sBAAsB,EAA0B,MAAM,uBAAuB,CAAA;
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/core/primitive/Button/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -142,8 +142,8 @@ export type FieldProps = FieldControlProps & {
|
|
|
142
142
|
readonly isSkeleton?: boolean;
|
|
143
143
|
};
|
|
144
144
|
/**
|
|
145
|
-
* Label
|
|
146
|
-
* own input. Grammar's own form controls already render this anatomy; `Field` is the same anatomy
|
|
145
|
+
* Label, control, description and error, in HeroUI's field order, for ANY control: a native element, a third-party
|
|
146
|
+
* widget, or an app's own input. Grammar's own form controls already render this anatomy; `Field` is the same anatomy
|
|
147
147
|
* for everything else, with the id and `aria-describedby` / `aria-invalid` wiring handed to the
|
|
148
148
|
* control so a custom control is announced exactly like a Grammar one.
|
|
149
149
|
*/
|
|
@@ -92,8 +92,8 @@ export const useGrammarPortal = () => {
|
|
|
92
92
|
};
|
|
93
93
|
};
|
|
94
94
|
/**
|
|
95
|
-
* Label
|
|
96
|
-
* own input. Grammar's own form controls already render this anatomy; `Field` is the same anatomy
|
|
95
|
+
* Label, control, description and error, in HeroUI's field order, for ANY control: a native element, a third-party
|
|
96
|
+
* widget, or an app's own input. Grammar's own form controls already render this anatomy; `Field` is the same anatomy
|
|
97
97
|
* for everything else, with the id and `aria-describedby` / `aria-invalid` wiring handed to the
|
|
98
98
|
* control so a custom control is announced exactly like a Grammar one.
|
|
99
99
|
*/
|
|
@@ -107,7 +107,7 @@ const FieldControl = ({ id: idProp, label, isLabelHidden, description, errorMess
|
|
|
107
107
|
const descriptionId = description == null ? undefined : `${id}-description`;
|
|
108
108
|
const errorId = invalid && errorMessage != null ? `${id}-error` : undefined;
|
|
109
109
|
const describedBy = [descriptionId, errorId].filter((part) => part !== undefined).join(" ");
|
|
110
|
-
return (_jsxs("div", { "data-tier": "atom", "data-component": "Field", "data-contract": "A11Y-1 FEEDBACK-1", className: "starci-core-field", ...fieldStateAttributes({ isInvalid: invalid, isDisabled, isReadOnly, isRequired }), children: [_jsxs("label", { htmlFor: id, className: labelClassName(isLabelHidden), "data-grammar-field-label": "true", "data-required": isRequired === true ? "true" : undefined, children: [label, isRequired === true ? _jsx("span", { "aria-hidden": "true", className: "starci-core-field-required", children: "*" }) : null] }),
|
|
110
|
+
return (_jsxs("div", { "data-tier": "atom", "data-component": "Field", "data-contract": "A11Y-1 FEEDBACK-1", className: "starci-core-field", ...fieldStateAttributes({ isInvalid: invalid, isDisabled, isReadOnly, isRequired }), children: [_jsxs("label", { htmlFor: id, className: labelClassName(isLabelHidden), "data-grammar-field-label": "true", "data-required": isRequired === true ? "true" : undefined, children: [label, isRequired === true ? _jsx("span", { "aria-hidden": "true", className: "starci-core-field-required", children: "*" }) : null] }), _jsx("div", { className: "starci-core-field-control", "data-grammar-field-control": "true", children: children({
|
|
111
111
|
id,
|
|
112
112
|
...(name === undefined ? {} : { name }),
|
|
113
113
|
...(describedBy === "" ? {} : { "aria-describedby": describedBy }),
|
|
@@ -115,7 +115,7 @@ const FieldControl = ({ id: idProp, label, isLabelHidden, description, errorMess
|
|
|
115
115
|
...(isRequired === true ? { "aria-required": true, required: true } : {}),
|
|
116
116
|
...(isDisabled === true ? { disabled: true } : {}),
|
|
117
117
|
...(isReadOnly === true ? { readOnly: true } : {}),
|
|
118
|
-
}) }), errorId === undefined ? null : (_jsx(StaticFieldError, { id: errorId, children: errorMessage }))] }));
|
|
118
|
+
}) }), description == null ? null : (_jsx("span", { id: descriptionId, className: "starci-core-field-description", "data-grammar-field-description": "true", children: description })), errorId === undefined ? null : (_jsx(StaticFieldError, { id: errorId, children: errorMessage }))] }));
|
|
119
119
|
};
|
|
120
120
|
/**
|
|
121
121
|
* Loading view of a form control (knowledge STATE-8), with skeleton parity: the control renders its READY anatomy at the same
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/core/primitive/Field/index.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAEZ,OAAO,EACH,WAAW,IAAI,eAAe,EAC9B,UAAU,IAAI,cAAc,EAC5B,KAAK,IAAI,SAAS,GACrB,MAAM,eAAe,CAAA;AACtB,OAAO,EAAE,iBAAiB,EAAE,MAAM,kCAAkC,CAAA;AACpE,OAAO,EAAE,WAAW,EAAE,KAAK,EAAE,QAAQ,EAAkB,MAAM,OAAO,CAAA;AAuCpE,wGAAwG;AACxG,MAAM,CAAC,MAAM,sBAAsB,GAAG,CAAC,OAAqB,EAAE,EAAE,CAAC,CAAC,EAAE,sBAAsB,EAAE,OAAO,EAAE,CAAU,CAAA;AAU/G,iFAAiF;AACjF,MAAM,CAAC,MAAM,sBAAsB,GAAG,CAAC,EAAE,SAAS,EAAE,UAAU,EAAE,SAAS,EAAmB,EAAqB,EAAE;IAC/G,IAAI,UAAU,KAAK,IAAI;QAAE,OAAO,aAAa,CAAA;IAC7C,IAAI,SAAS,KAAK,IAAI;QAAE,OAAO,SAAS,CAAA;IACxC,IAAI,SAAS,KAAK,IAAI;QAAE,OAAO,UAAU,CAAA;IACzC,OAAO,SAAS,CAAA;AACpB,CAAC,CAAA;AAED,MAAM,IAAI,GAAG,CAAC,KAA0B,EAAE,EAAE,CAAC,CAAC,KAAK,KAAK,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,CAAC,CAAA;AAEhF,oGAAoG;AACpG,MAAM,CAAC,MAAM,oBAAoB,GAAG,CAAC,KAAsB,EAAE,EAAE,CAAC,CAAC;IAC7D,oBAAoB,EAAE,MAAM;IAC5B,0BAA0B,EAAE,sBAAsB,CAAC,KAAK,CAAC;IACzD,sBAAsB,EAAE,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC;IAC7C,uBAAuB,EAAE,IAAI,CAAC,KAAK,CAAC,UAAU,CAAC;IAC/C,uBAAuB,EAAE,IAAI,CAAC,KAAK,CAAC,UAAU,CAAC;IAC/C,uBAAuB,EAAE,IAAI,CAAC,KAAK,CAAC,UAAU,CAAC;IAC/C,sBAAsB,EAAE,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC;CAChD,CAAU,CAAA;AAEX,+EAA+E;AAC/E,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,EAAE,SAAS,EAAE,YAAY,EAGvD,EAAE,EAAE,CACD,SAAS,KAAK,IAAI,IAAI,YAAY,IAAI,IAAI,CAAA;AAE9C,MAAM,cAAc,GAAG,CAAC,QAA6B,EAAE,EAAE,CACrD,QAAQ,KAAK,IAAI,CAAC,CAAC,CAAC,+DAA+D,CAAC,CAAC,CAAC,yBAAyB,CAAA;AAEnH,uGAAuG;AACvG,MAAM,CAAC,MAAM,UAAU,GAAG,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAE,UAAU,EAI1D,EAAE,EAAE,CAAC,CACF,KAAC,SAAS,IACN,SAAS,EAAE,cAAc,CAAC,QAAQ,CAAC,8BACV,MAAM,KAC3B,CAAC,UAAU,KAAK,IAAI,CAAC,CAAC,CAAC,EAAE,UAAU,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,YAEpD,QAAQ,GACD,CACf,CAAA;AAED,mFAAmF;AACnF,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,EAAE,QAAQ,EAAqC,EAAE,EAAE,CAAC,CAAC,QAAQ,IAAI,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAC5G,KAAC,eAAe,IAAC,SAAS,EAAC,+BAA+B,oCAAgC,MAAM,YAC3F,QAAQ,GACK,CACrB,CAAC,CAAA;AAEF;;;;GAIG;AACH,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,EAAE,QAAQ,EAAqC,EAAE,EAAE,CAAC,CAC/E,KAAC,cAAc,IAAC,SAAS,EAAC,yBAAyB,8BAA0B,MAAM,mBAAe,YAAY,YACzG,CAAC,UAAU,EAAE,EAAE,CAAC,QAAQ,IAAI,UAAU,CAAC,gBAAgB,CAAC,IAAI,CAAC,GAAG,CAAC,GACrD,CACpB,CAAA;AAED,MAAM,WAAW,GAAG,MAAM,CAAC,MAAM,CAAC;IAC9B,SAAS,EAAE,IAAI;IACf,gBAAgB,EAAE,EAAc;IAChC,iBAAiB,EAAE,MAAM,CAAC,MAAM,CAAC;QAC7B,QAAQ,EAAE,KAAK,EAAE,WAAW,EAAE,IAAI,EAAE,eAAe,EAAE,KAAK,EAAE,aAAa,EAAE,KAAK,EAAE,cAAc,EAAE,KAAK;QACvG,YAAY,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,YAAY,EAAE,KAAK,EAAE,aAAa,EAAE,KAAK,EAAE,YAAY,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK;KACrI,CAAC;CACL,CAAC,CAAA;AAEF;;;;GAIG;AACH,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,EAAE,EAAE,EAAE,QAAQ,EAA0D,EAAE,EAAE,CAAC,CAC1G,KAAC,iBAAiB,CAAC,QAAQ,IAAC,KAAK,EAAE,WAAW,YAC1C,KAAC,cAAc,IAAC,EAAE,EAAE,EAAE,EAAE,SAAS,EAAC,yBAAyB,8BAA0B,MAAM,mBAAe,YAAY,YAAE,QAAQ,GAAkB,GACzH,CAChC,CAAA;AAED,6DAA6D;AAC7D,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,KAAuE,EAAE,EAAE;IACxG,MAAM,OAAO,GAAG,cAAc,CAAC,KAAK,CAAC,CAAA;IACrC,kGAAkG;IAClG,4EAA4E;IAC5E,OAAO;QACH,GAAG,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC;QACvC,GAAG,CAAC,KAAK,CAAC,UAAU,KAAK,IAAI,CAAC,CAAC,CAAC,EAAE,UAAU,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC;QAC1D,GAAG,CAAC,KAAK,CAAC,UAAU,KAAK,IAAI,CAAC,CAAC,CAAC,EAAE,UAAU,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC;QAC1D,GAAG,CAAC,KAAK,CAAC,IAAI,KAAK,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,IAAI,EAAE,KAAK,CAAC,IAAI,EAAE,CAAC;QACzD,GAAG,oBAAoB,CAAC;YACpB,SAAS,EAAE,OAAO;YAClB,UAAU,EAAE,KAAK,CAAC,UAAU;YAC5B,UAAU,EAAE,KAAK,CAAC,UAAU;YAC5B,UAAU,EAAE,KAAK,CAAC,UAAU;YAC5B,SAAS,EAAE,KAAK,CAAC,SAAS;SAC7B,CAAC;KACL,CAAA;AACL,CAAC,CAAA;AAED;;;;;;;;GAQG;AACH,MAAM,CAAC,MAAM,gBAAgB,GAAG,GAAG,EAAE;IACjC,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAsB,SAAS,CAAC,CAAA;IAC1E,MAAM,MAAM,GAAG,WAAW,CAAC,CAAC,IAAwB,EAAE,EAAE;QACpD,YAAY,CAAC,IAAI,EAAE,OAAO,CAAC,sBAAsB,CAAC,IAAI,SAAS,CAAC,CAAA;IACpE,CAAC,EAAE,EAAE,CAAC,CAAA;IACN,OAAO;QACH,MAAM,EAAE,eAAM,GAAG,EAAE,MAAM,EAAE,MAAM,sCAA4B,MAAM,GAAG;QACtE,WAAW,EAAE,SAAS,KAAK,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,wBAAwB,EAAE,SAAS,EAAE;KACtF,CAAA;AACL,CAAC,CAAA;AAuBD;;;;;GAKG;AACH,MAAM,CAAC,MAAM,KAAK,GAAG,CAAC,EAAE,UAAU,GAAG,KAAK,EAAE,GAAG,KAAK,EAAc,EAAE,EAAE,CAAC,UAAU;IAC7E,CAAC,CAAC,KAAC,kBAAkB,IAAC,SAAS,EAAC,OAAO,YAAC,KAAC,YAAY,OAAK,iBAAiB,CAAC,KAAK,CAAC,GAAI,GAAqB;IAC3G,CAAC,CAAC,KAAC,YAAY,OAAK,KAAK,GAAI,CAAA;AAEjC,MAAM,YAAY,GAAG,CAAC,EAClB,EAAE,EAAE,MAAM,EACV,KAAK,EACL,aAAa,EACb,WAAW,EACX,YAAY,EACZ,SAAS,EACT,UAAU,EACV,UAAU,EACV,UAAU,EACV,IAAI,EACJ,QAAQ,GACC,EAAE,EAAE;IACb,MAAM,SAAS,GAAG,KAAK,EAAE,CAAA;IACzB,MAAM,EAAE,GAAG,MAAM,IAAI,QAAQ,SAAS,CAAC,UAAU,CAAC,GAAG,EAAE,EAAE,CAAC,EAAE,CAAA;IAC5D,MAAM,OAAO,GAAG,cAAc,CAAC,EAAE,SAAS,EAAE,YAAY,EAAE,CAAC,CAAA;IAC3D,MAAM,aAAa,GAAG,WAAW,IAAI,IAAI,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,GAAG,EAAE,cAAc,CAAA;IAC3E,MAAM,OAAO,GAAG,OAAO,IAAI,YAAY,IAAI,IAAI,CAAC,CAAC,CAAC,GAAG,EAAE,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAA;IAC3E,MAAM,WAAW,GAAG,CAAC,aAAa,EAAE,OAAO,CAAC,CAAC,MAAM,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,KAAK,SAAS,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAA;IAE3F,OAAO,CACH,4BACc,MAAM,oBACD,OAAO,mBACR,mBAAmB,EACjC,SAAS,EAAC,mBAAmB,KACzB,oBAAoB,CAAC,EAAE,SAAS,EAAE,OAAO,EAAE,UAAU,EAAE,UAAU,EAAE,UAAU,EAAE,CAAC,aAEpF,iBACI,OAAO,EAAE,EAAE,EACX,SAAS,EAAE,cAAc,CAAC,aAAa,CAAC,8BACf,MAAM,mBAChB,UAAU,KAAK,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,aAEtD,KAAK,EACL,UAAU,KAAK,IAAI,CAAC,CAAC,CAAC,8BAAkB,MAAM,EAAC,SAAS,EAAC,4BAA4B,kBAAS,CAAC,CAAC,CAAC,IAAI,IAClG,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/core/primitive/Field/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -19,7 +19,7 @@ export const FileDropzone = ({ id: idProp, accept, multiple = false, onFilesChan
|
|
|
19
19
|
const descriptionId = description == null ? undefined : `${id}-description`;
|
|
20
20
|
const errorId = invalid && errorMessage != null ? `${id}-error` : undefined;
|
|
21
21
|
const describedBy = [descriptionId, errorId].filter((part) => part !== undefined).join(" ");
|
|
22
|
-
return (_jsxs("div", { "data-tier": "atom", "data-component": "FileDropzone", "data-contract": "A11Y-1 FEEDBACK-1 STATE-1", className: "starci-core-field starci-core-file-dropzone", ...fieldStateAttributes({ isInvalid: invalid, isDisabled, isReadOnly, isRequired }), children: [_jsxs("label", { htmlFor: id, className: isLabelHidden === true ? "starci-core-field-label starci-core-form-label--screen-reader" : "starci-core-field-label", "data-grammar-field-label": "true", "data-required": isRequired === true ? "true" : undefined, children: [label, isRequired === true ? _jsx("span", { "aria-hidden": "true", className: "starci-core-field-required", children: "*" }) : null] }),
|
|
22
|
+
return (_jsxs("div", { "data-tier": "atom", "data-component": "FileDropzone", "data-contract": "A11Y-1 FEEDBACK-1 STATE-1", className: "starci-core-field starci-core-file-dropzone", ...fieldStateAttributes({ isInvalid: invalid, isDisabled, isReadOnly, isRequired }), children: [_jsxs("label", { htmlFor: id, className: isLabelHidden === true ? "starci-core-field-label starci-core-form-label--screen-reader" : "starci-core-field-label", "data-grammar-field-label": "true", "data-required": isRequired === true ? "true" : undefined, children: [label, isRequired === true ? _jsx("span", { "aria-hidden": "true", className: "starci-core-field-required", children: "*" }) : null] }), _jsxs("div", { className: "starci-core-file-dropzone-target", "data-grammar-field-control": "true", "data-grammar-drag": isDragging ? "over" : "idle", "data-contract": "FOCUS-5", onDragEnter: () => { if (!blocked)
|
|
23
23
|
setIsDragging(true); }, onDragOver: (event) => { if (blocked)
|
|
24
24
|
event.preventDefault(); }, onDragLeave: () => setIsDragging(false), onDrop: (event) => {
|
|
25
25
|
setIsDragging(false);
|
|
@@ -30,6 +30,6 @@ export const FileDropzone = ({ id: idProp, accept, multiple = false, onFilesChan
|
|
|
30
30
|
const next = Array.from(event.currentTarget.files ?? []);
|
|
31
31
|
setFiles(next);
|
|
32
32
|
onFilesChange?.(next);
|
|
33
|
-
} }), _jsxs("span", { className: "starci-core-file-dropzone-prompt", children: [icon == null ? null : _jsx("span", { "aria-hidden": "true", className: "starci-core-file-dropzone-icon", "data-contract": "A11Y-2", children: icon }), _jsx("span", { children: prompt })] })] }), hideFileList || files.length === 0 ? null : (_jsx("ul", { className: "starci-core-file-dropzone-files", "data-grammar-file-list": "true", "aria-live": "polite", children: files.map((file, index) => _jsx("li", { children: file.name }, `${file.name}-${index}`)) })), errorId === undefined ? null : (_jsx(StaticFieldError, { id: errorId, children: errorMessage }))] }));
|
|
33
|
+
} }), _jsxs("span", { className: "starci-core-file-dropzone-prompt", children: [icon == null ? null : _jsx("span", { "aria-hidden": "true", className: "starci-core-file-dropzone-icon", "data-contract": "A11Y-2", children: icon }), _jsx("span", { children: prompt })] })] }), descriptionId === undefined ? null : (_jsx("span", { id: descriptionId, className: "starci-core-field-description", "data-grammar-field-description": "true", children: description })), hideFileList || files.length === 0 ? null : (_jsx("ul", { className: "starci-core-file-dropzone-files", "data-grammar-file-list": "true", "aria-live": "polite", children: files.map((file, index) => _jsx("li", { children: file.name }, `${file.name}-${index}`)) })), errorId === undefined ? null : (_jsx(StaticFieldError, { id: errorId, children: errorMessage }))] }));
|
|
34
34
|
};
|
|
35
35
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/core/primitive/FileDropzone/index.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAEZ,OAAO,EAAE,KAAK,EAAE,QAAQ,EAAkB,MAAM,OAAO,CAAA;AACvD,OAAO,EAAE,oBAAoB,EAAE,gBAAgB,EAAE,cAAc,EAA0B,MAAM,mBAAmB,CAAA;AAiBlH;;;;;;GAMG;AACH,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,EACzB,EAAE,EAAE,MAAM,EACV,MAAM,EACN,QAAQ,GAAG,KAAK,EAChB,aAAa,EACb,MAAM,EACN,IAAI,EACJ,YAAY,GAAG,KAAK,EACpB,KAAK,EACL,aAAa,EACb,WAAW,EACX,YAAY,EACZ,SAAS,EACT,UAAU,EACV,UAAU,EACV,UAAU,EACV,IAAI,GACY,EAAE,EAAE;IACpB,MAAM,SAAS,GAAG,KAAK,EAAE,CAAC,UAAU,CAAC,GAAG,EAAE,EAAE,CAAC,CAAA;IAC7C,MAAM,EAAE,GAAG,MAAM,IAAI,OAAO,SAAS,EAAE,CAAA;IACvC,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAA;IACnD,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAc,EAAE,CAAC,CAAA;IACnD,MAAM,OAAO,GAAG,cAAc,CAAC,EAAE,SAAS,EAAE,YAAY,EAAE,CAAC,CAAA;IAC3D,MAAM,OAAO,GAAG,UAAU,KAAK,IAAI,IAAI,UAAU,KAAK,IAAI,CAAA;IAC1D,MAAM,aAAa,GAAG,WAAW,IAAI,IAAI,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,GAAG,EAAE,cAAc,CAAA;IAC3E,MAAM,OAAO,GAAG,OAAO,IAAI,YAAY,IAAI,IAAI,CAAC,CAAC,CAAC,GAAG,EAAE,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAA;IAC3E,MAAM,WAAW,GAAG,CAAC,aAAa,EAAE,OAAO,CAAC,CAAC,MAAM,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,KAAK,SAAS,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAA;IAE3F,OAAO,CACH,4BACc,MAAM,oBACD,cAAc,mBACf,2BAA2B,EACzC,SAAS,EAAC,6CAA6C,KACnD,oBAAoB,CAAC,EAAE,SAAS,EAAE,OAAO,EAAE,UAAU,EAAE,UAAU,EAAE,UAAU,EAAE,CAAC,aAEpF,iBACI,OAAO,EAAE,EAAE,EACX,SAAS,EAAE,aAAa,KAAK,IAAI,CAAC,CAAC,CAAC,+DAA+D,CAAC,CAAC,CAAC,yBAAyB,8BACtG,MAAM,mBAChB,UAAU,KAAK,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,aAEtD,KAAK,EACL,UAAU,KAAK,IAAI,CAAC,CAAC,CAAC,8BAAkB,MAAM,EAAC,SAAS,EAAC,4BAA4B,kBAAS,CAAC,CAAC,CAAC,IAAI,IAClG,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/core/primitive/FileDropzone/index.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAEZ,OAAO,EAAE,KAAK,EAAE,QAAQ,EAAkB,MAAM,OAAO,CAAA;AACvD,OAAO,EAAE,oBAAoB,EAAE,gBAAgB,EAAE,cAAc,EAA0B,MAAM,mBAAmB,CAAA;AAiBlH;;;;;;GAMG;AACH,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,EACzB,EAAE,EAAE,MAAM,EACV,MAAM,EACN,QAAQ,GAAG,KAAK,EAChB,aAAa,EACb,MAAM,EACN,IAAI,EACJ,YAAY,GAAG,KAAK,EACpB,KAAK,EACL,aAAa,EACb,WAAW,EACX,YAAY,EACZ,SAAS,EACT,UAAU,EACV,UAAU,EACV,UAAU,EACV,IAAI,GACY,EAAE,EAAE;IACpB,MAAM,SAAS,GAAG,KAAK,EAAE,CAAC,UAAU,CAAC,GAAG,EAAE,EAAE,CAAC,CAAA;IAC7C,MAAM,EAAE,GAAG,MAAM,IAAI,OAAO,SAAS,EAAE,CAAA;IACvC,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAA;IACnD,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAc,EAAE,CAAC,CAAA;IACnD,MAAM,OAAO,GAAG,cAAc,CAAC,EAAE,SAAS,EAAE,YAAY,EAAE,CAAC,CAAA;IAC3D,MAAM,OAAO,GAAG,UAAU,KAAK,IAAI,IAAI,UAAU,KAAK,IAAI,CAAA;IAC1D,MAAM,aAAa,GAAG,WAAW,IAAI,IAAI,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,GAAG,EAAE,cAAc,CAAA;IAC3E,MAAM,OAAO,GAAG,OAAO,IAAI,YAAY,IAAI,IAAI,CAAC,CAAC,CAAC,GAAG,EAAE,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAA;IAC3E,MAAM,WAAW,GAAG,CAAC,aAAa,EAAE,OAAO,CAAC,CAAC,MAAM,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,KAAK,SAAS,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAA;IAE3F,OAAO,CACH,4BACc,MAAM,oBACD,cAAc,mBACf,2BAA2B,EACzC,SAAS,EAAC,6CAA6C,KACnD,oBAAoB,CAAC,EAAE,SAAS,EAAE,OAAO,EAAE,UAAU,EAAE,UAAU,EAAE,UAAU,EAAE,CAAC,aAEpF,iBACI,OAAO,EAAE,EAAE,EACX,SAAS,EAAE,aAAa,KAAK,IAAI,CAAC,CAAC,CAAC,+DAA+D,CAAC,CAAC,CAAC,yBAAyB,8BACtG,MAAM,mBAChB,UAAU,KAAK,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,aAEtD,KAAK,EACL,UAAU,KAAK,IAAI,CAAC,CAAC,CAAC,8BAAkB,MAAM,EAAC,SAAS,EAAC,4BAA4B,kBAAS,CAAC,CAAC,CAAC,IAAI,IAClG,EACR,eACI,SAAS,EAAC,kCAAkC,gCACjB,MAAM,uBACd,UAAU,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,mBACjC,SAAS,EACvB,WAAW,EAAE,GAAG,EAAE,GAAG,IAAI,CAAC,OAAO;oBAAE,aAAa,CAAC,IAAI,CAAC,CAAA,CAAC,CAAC,EACxD,UAAU,EAAE,CAAC,KAAK,EAAE,EAAE,GAAG,IAAI,OAAO;oBAAE,KAAK,CAAC,cAAc,EAAE,CAAA,CAAC,CAAC,EAC9D,WAAW,EAAE,GAAG,EAAE,CAAC,aAAa,CAAC,KAAK,CAAC,EACvC,MAAM,EAAE,CAAC,KAAK,EAAE,EAAE;oBACd,aAAa,CAAC,KAAK,CAAC,CAAA;oBACpB,IAAI,OAAO;wBAAE,KAAK,CAAC,cAAc,EAAE,CAAA;gBACvC,CAAC,aAED,gBACI,EAAE,EAAE,EAAE,EACN,IAAI,EAAC,MAAM,EACX,SAAS,EAAC,iCAAiC,KACvC,CAAC,MAAM,KAAK,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,MAAM,EAAE,CAAC,KACxC,CAAC,IAAI,KAAK,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,IAAI,EAAE,CAAC,EACxC,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,UAAU,KAAK,IAAI,EAC7B,QAAQ,EAAE,UAAU,KAAK,IAAI,mBACd,UAAU,KAAK,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,SAAS,KACjD,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,cAAc,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,KACzC,CAAC,WAAW,KAAK,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,kBAAkB,EAAE,WAAW,EAAE,CAAC,EACnE,OAAO,EAAE,CAAC,KAAK,EAAE,EAAE,GAAG,IAAI,UAAU,KAAK,IAAI;4BAAE,KAAK,CAAC,cAAc,EAAE,CAAA,CAAC,CAAC,EACvE,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE;4BAChB,MAAM,IAAI,GAAG,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,aAAa,CAAC,KAAK,IAAI,EAAE,CAAC,CAAA;4BACxD,QAAQ,CAAC,IAAI,CAAC,CAAA;4BACd,aAAa,EAAE,CAAC,IAAI,CAAC,CAAA;wBACzB,CAAC,GACH,EACF,gBAAM,SAAS,EAAC,kCAAkC,aAC7C,IAAI,IAAI,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,8BAAkB,MAAM,EAAC,SAAS,EAAC,gCAAgC,mBAAe,QAAQ,YAAE,IAAI,GAAQ,EAC/H,yBAAO,MAAM,GAAQ,IAClB,IACL,EACL,aAAa,KAAK,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAClC,eAAM,EAAE,EAAE,aAAa,EAAE,SAAS,EAAC,+BAA+B,oCAAgC,MAAM,YAAE,WAAW,GAAQ,CAChI,EACA,YAAY,IAAI,KAAK,CAAC,MAAM,KAAK,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CACzC,aAAI,SAAS,EAAC,iCAAiC,4BAAwB,MAAM,eAAW,QAAQ,YAC3F,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC,uBAAmC,IAAI,CAAC,IAAI,IAAnC,GAAG,IAAI,CAAC,IAAI,IAAI,KAAK,EAAE,CAAkB,CAAC,GAC9E,CACR,EACA,OAAO,KAAK,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAC5B,KAAC,gBAAgB,IAAC,EAAE,EAAE,OAAO,YAAG,YAAY,GAAoB,CACnE,IACC,CACT,CAAA;AACL,CAAC,CAAA"}
|
|
@@ -18,7 +18,7 @@ export type InputProps = {
|
|
|
18
18
|
readonly placeholder?: string;
|
|
19
19
|
readonly defaultValue?: string;
|
|
20
20
|
readonly value?: string;
|
|
21
|
-
/**
|
|
21
|
+
/** Standing guidance under the control, like `description` on every other field. It joins the input's accessible description. */
|
|
22
22
|
readonly description?: ReactNode;
|
|
23
23
|
readonly errorMessage?: ReactNode;
|
|
24
24
|
readonly isError?: boolean;
|
|
@@ -54,12 +54,12 @@ export type InputProps = {
|
|
|
54
54
|
/**
|
|
55
55
|
* Core ownership boundary for label, guidance, control state, and validation copy.
|
|
56
56
|
*
|
|
57
|
-
* Layout: the field is a grid of label,
|
|
58
|
-
*
|
|
59
|
-
*
|
|
60
|
-
*
|
|
61
|
-
*
|
|
62
|
-
*
|
|
57
|
+
* Layout: the field is HeroUI's TextField anatomy, a grid of label, control box, description and error in that order. The
|
|
58
|
+
* description and the error sit under the control and reserve no space until they exist, so showing or clearing either
|
|
59
|
+
* moves nothing above it: the control box keeps its position and height. A row that puts a trailing action beside the
|
|
60
|
+
* field (an input and a Delete button) aligns that action to the control box, not to the whole field:
|
|
61
|
+
* `[data-grammar-input-control="true"]` is the control box (the input and its in-field actions). Give the row
|
|
62
|
+
* `align-items: start` and offset the action by the label above the box, so a description or an error never shifts it.
|
|
63
63
|
*/
|
|
64
64
|
/**
|
|
65
65
|
* Skeleton parity (knowledge STATE-8): `isSkeleton` renders the ready anatomy at the same props inside `FieldSkeletonScope`
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/core/primitive/Input/index.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAuB,KAAK,cAAc,EAAE,KAAK,aAAa,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAA;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/core/primitive/Input/index.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAuB,KAAK,cAAc,EAAE,KAAK,aAAa,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAA;AASpG,MAAM,MAAM,SAAS,GAAG,OAAO,GAAG,KAAK,GAAG,UAAU,GAAG,aAAa,GAAG,MAAM,GAAG,MAAM,CAAA;AACtF,MAAM,MAAM,YAAY,GAAG,SAAS,GAAG,WAAW,CAAA;AAElD,KAAK,SAAS,GAAG,aAAa,CAAC;IAAE,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC,CAAA;AAE/D,MAAM,MAAM,UAAU,GAAG;IACrB,QAAQ,CAAC,EAAE,EAAE,MAAM,CAAA;IACnB,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAA;IACrB,QAAQ,CAAC,KAAK,EAAE,SAAS,CAAA;IACzB,wHAAwH;IACxH,QAAQ,CAAC,aAAa,CAAC,EAAE,OAAO,CAAA;IAChC,QAAQ,CAAC,IAAI,CAAC,EAAE,SAAS,CAAA;IACzB,iGAAiG;IACjG,QAAQ,CAAC,OAAO,CAAC,EAAE,YAAY,CAAA;IAC/B,yEAAyE;IACzE,QAAQ,CAAC,IAAI,CAAC,EAAE,IAAI,GAAG,SAAS,CAAA;IAChC,QAAQ,CAAC,WAAW,CAAC,EAAE,MAAM,CAAA;IAC7B,QAAQ,CAAC,YAAY,CAAC,EAAE,MAAM,CAAA;IAC9B,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,CAAA;IACvB,iIAAiI;IACjI,QAAQ,CAAC,WAAW,CAAC,EAAE,SAAS,CAAA;IAChC,QAAQ,CAAC,YAAY,CAAC,EAAE,SAAS,CAAA;IACjC,QAAQ,CAAC,OAAO,CAAC,EAAE,OAAO,CAAA;IAC1B,QAAQ,CAAC,UAAU,CAAC,EAAE,OAAO,CAAA;IAC7B,QAAQ,CAAC,UAAU,CAAC,EAAE,OAAO,CAAA;IAC7B,QAAQ,CAAC,UAAU,CAAC,EAAE,OAAO,CAAA;IAC7B,sHAAsH;IACtH,QAAQ,CAAC,UAAU,CAAC,EAAE,OAAO,CAAA;IAC7B;;;OAGG;IACH,QAAQ,CAAC,UAAU,CAAC,EAAE,OAAO,CAAA;IAC7B,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAA;IAC3B,2GAA2G;IAC3G,QAAQ,CAAC,WAAW,CAAC,EAAE,MAAM,CAAA;IAC7B,QAAQ,CAAC,QAAQ,CAAC,EAAE,SAAS,CAAA;IAC7B,QAAQ,CAAC,UAAU,CAAC,EAAE,SAAS,CAAA;IAC/B,mEAAmE;IACnE,QAAQ,CAAC,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IACzC,QAAQ,CAAC,WAAW,CAAC,EAAE,MAAM,CAAA;IAC7B,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAA;IAC3B,QAAQ,CAAC,UAAU,CAAC,EAAE,SAAS,CAAA;IAC/B,QAAQ,CAAC,QAAQ,CAAC,EAAE,SAAS,CAAA;IAC7B,QAAQ,CAAC,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IAChD,+FAA+F;IAC/F,QAAQ,CAAC,MAAM,CAAC,EAAE,MAAM,IAAI,CAAA;IAC5B,yHAAyH;IACzH,QAAQ,CAAC,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,cAAc,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAA;IACpE,+FAA+F;IAC/F,QAAQ,CAAC,SAAS,CAAC,EAAE,OAAO,CAAA;CAC/B,CAAA;AAWD;;;;;;;;;GASG;AACH;;;GAGG;AACH,eAAO,MAAM,KAAK,GAAI,0BAAkC,UAAU,gCAEjC,CAAA"}
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
3
3
|
import { useFieldVariant } from "../../surfaceContext.js";
|
|
4
|
-
import { FieldSkeletonScope, loadingFieldProps } from "../Field/index.js";
|
|
4
|
+
import { FieldDescription, FieldSkeletonScope, loadingFieldProps } from "../Field/index.js";
|
|
5
5
|
import { useEffect, useState } from "react";
|
|
6
|
-
import {
|
|
6
|
+
import { ErrorMessage as HeroErrorMessage, Input as HeroInput, InputGroup as HeroInputGroup, Label as HeroLabel, TextField as HeroTextField, } from "@heroui/react";
|
|
7
7
|
const KINDS = {
|
|
8
8
|
email: { type: "email", autoComplete: "email", inputMode: "email" },
|
|
9
9
|
tel: { type: "tel", autoComplete: "tel", inputMode: "tel" },
|
|
@@ -15,12 +15,12 @@ const KINDS = {
|
|
|
15
15
|
/**
|
|
16
16
|
* Core ownership boundary for label, guidance, control state, and validation copy.
|
|
17
17
|
*
|
|
18
|
-
* Layout: the field is a grid of label,
|
|
19
|
-
*
|
|
20
|
-
*
|
|
21
|
-
*
|
|
22
|
-
*
|
|
23
|
-
*
|
|
18
|
+
* Layout: the field is HeroUI's TextField anatomy, a grid of label, control box, description and error in that order. The
|
|
19
|
+
* description and the error sit under the control and reserve no space until they exist, so showing or clearing either
|
|
20
|
+
* moves nothing above it: the control box keeps its position and height. A row that puts a trailing action beside the
|
|
21
|
+
* field (an input and a Delete button) aligns that action to the control box, not to the whole field:
|
|
22
|
+
* `[data-grammar-input-control="true"]` is the control box (the input and its in-field actions). Give the row
|
|
23
|
+
* `align-items: start` and offset the action by the label above the box, so a description or an error never shifts it.
|
|
24
24
|
*/
|
|
25
25
|
/**
|
|
26
26
|
* Skeleton parity (knowledge STATE-8): `isSkeleton` renders the ready anatomy at the same props inside `FieldSkeletonScope`
|
|
@@ -67,6 +67,6 @@ const InputControl = ({ id, name, label, isLabelHidden = false, kind: kindName =
|
|
|
67
67
|
};
|
|
68
68
|
return (_jsxs(HeroTextField, { "data-tier": "atom", "data-component": "Input", fullWidth: true, variant: variant, "data-grammar-variant": variant, isInvalid: invalid, isDisabled: isDisabled, isRequired: isRequired, isReadOnly: isReadOnly, ...(value === undefined
|
|
69
69
|
? defaultValue === undefined ? {} : { defaultValue }
|
|
70
|
-
: { value }), onChange: (next) => onValueChange?.(next), "data-grammar-readonly": isReadOnly ? "true" : "false", "data-contract": "GAP-2", className: "starci-core-input", children: [_jsx(HeroLabel, {
|
|
70
|
+
: { value }), onChange: (next) => onValueChange?.(next), "data-grammar-readonly": isReadOnly ? "true" : "false", "data-contract": "GAP-2", className: "starci-core-input", children: [_jsx(HeroLabel, { className: isLabelHidden ? "starci-core-field-label starci-core-form-label--screen-reader" : "starci-core-field-label", "data-grammar-field-label": "true", children: label }), _jsx("div", { className: "starci-core-input-control", "data-grammar-input-control": "true", "data-reveal": canReveal ? "true" : "false", "data-copyable": canCopy ? "true" : "false", children: canReveal || canCopy ? (_jsxs(HeroInputGroup, { fullWidth: true, variant: variant, children: [_jsx(HeroInputGroup.Input, { id: id, name: name, type: isSecret && isRevealed ? "text" : kind.type, autoComplete: kind.autoComplete, inputMode: kind.inputMode, ...(placeholder === undefined ? {} : { placeholder }), className: "starci-core-input-field", "data-grammar-control-size": size === "control" ? "control" : undefined, ...(autoFocus ? { autoFocus: true } : {}), ...(onBlur === undefined ? {} : { onBlur: () => onBlur() }), ...(onPaste === undefined ? {} : { onPaste }) }), _jsxs(HeroInputGroup.Suffix, { className: "starci-core-input-actions", children: [canReveal ? (_jsx("button", { type: "button", "aria-label": toggleLabel, disabled: isDisabled, "data-contract": "TONE-2", className: "starci-core-input-reveal", onClick: () => setIsRevealed((current) => !current), children: ToggleIcon === undefined ? _jsx("span", { "data-contract": "FONT-1", className: "starci-core-input-reveal-label", children: toggleLabel }) : _jsx(ToggleIcon, { className: "starci-core-input-reveal-icon" }) })) : null, canCopy ? (_jsx("button", { type: "button", "aria-label": copyName, disabled: isDisabled, "data-contract": "TONE-2", "data-copied": isCopied ? "true" : "false", className: "starci-core-input-reveal starci-core-input-copy", onClick: () => void copy(), children: CopyGlyph === undefined ? _jsx("span", { "data-contract": "FONT-1", className: "starci-core-input-reveal-label", children: copyName }) : _jsx(CopyGlyph, { className: "starci-core-input-reveal-icon" }) })) : null, _jsx("span", { className: "starci-core-input-live", "aria-live": "polite", children: isCopied ? copiedLabel ?? "" : "" })] })] })) : (_jsx(HeroInput, { id: id, name: name, type: kind.type, autoComplete: kind.autoComplete, inputMode: kind.inputMode, ...(placeholder === undefined ? {} : { placeholder }), fullWidth: true, className: "starci-core-input-field", "data-grammar-control-size": size === "control" ? "control" : undefined, ...(autoFocus ? { autoFocus: true } : {}), ...(onBlur === undefined ? {} : { onBlur: () => onBlur() }), ...(onPaste === undefined ? {} : { onPaste }) })) }), _jsx(FieldDescription, { children: description }), errorMessage == null ? null : _jsx(HeroErrorMessage, { children: errorMessage })] }));
|
|
71
71
|
};
|
|
72
72
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/core/primitive/Input/index.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAEZ,OAAO,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAA;AACzD,OAAO,EAAE,kBAAkB,EAAE,iBAAiB,EAAE,MAAM,mBAAmB,CAAA;
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/core/primitive/Input/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -55,6 +55,7 @@
|
|
|
55
55
|
.grammar-common-root[data-grammar-family="offset-pop"] [data-component="DatePicker"] [data-grammar-field-control="true"],
|
|
56
56
|
.grammar-common-root[data-grammar-family="offset-pop"] [data-component="DateRangePicker"] [data-grammar-field-control="true"],
|
|
57
57
|
.grammar-common-root[data-grammar-family="offset-pop"] [data-component="Textarea"] [data-grammar-field-control="true"],
|
|
58
|
+
.grammar-common-root[data-grammar-family="offset-pop"] [data-component="CopyField"] [data-grammar-field-control="true"],
|
|
58
59
|
.grammar-common-root[data-grammar-family="offset-pop"] [data-component="Field"] [data-grammar-field-control="true"] > :where(input, select, textarea),
|
|
59
60
|
.grammar-common-root[data-grammar-family="offset-pop"] [data-component="Input"] .starci-core-input-field {
|
|
60
61
|
border: var(--offset-pop-outline-width) solid var(--offset-pop-ink);
|
|
@@ -84,7 +85,8 @@
|
|
|
84
85
|
/* Focus: the hard offset shadow, ink by default, critical while invalid. */
|
|
85
86
|
.grammar-common-root[data-grammar-family="offset-pop"] :is([data-component="Select"], [data-component="ComboBox"], [data-component="SearchField"], [data-component="NumberField"], [data-component="DateField"], [data-component="TimeField"], [data-component="DatePicker"], [data-component="DateRangePicker"], [data-component="Textarea"]) [data-grammar-field-control="true"]:is(:focus-visible, :focus-within, [data-focus-visible="true"], [data-focus-within="true"]),
|
|
86
87
|
.grammar-common-root[data-grammar-family="offset-pop"] [data-component="Field"] [data-grammar-field-control="true"] > :where(input, select, textarea):focus-visible,
|
|
87
|
-
.grammar-common-root[data-grammar-family="offset-pop"] [data-component="Input"] .starci-core-input-field:focus-visible
|
|
88
|
+
.grammar-common-root[data-grammar-family="offset-pop"] [data-component="Input"] .starci-core-input-field:focus-visible,
|
|
89
|
+
.grammar-common-root[data-grammar-family="offset-pop"] [data-component="CopyField"] [data-grammar-field-control="true"]:has(.starci-core-copy-field-value:focus-visible) {
|
|
88
90
|
border-color: var(--offset-pop-ink);
|
|
89
91
|
box-shadow: var(--offset-pop-shadow-x) var(--offset-pop-shadow-x) 0 var(--offset-pop-field-ring, var(--offset-pop-shadow-ink));
|
|
90
92
|
outline: 2px solid transparent;
|
|
@@ -96,13 +98,13 @@
|
|
|
96
98
|
transform: translate(var(--offset-pop-shadow-x), var(--offset-pop-shadow-x));
|
|
97
99
|
}
|
|
98
100
|
|
|
99
|
-
.grammar-common-root[data-grammar-family="offset-pop"] :is([data-component="Select"], [data-component="ComboBox"], [data-component="SearchField"], [data-component="NumberField"], [data-component="DateField"], [data-component="TimeField"], [data-component="DatePicker"], [data-component="DateRangePicker"], [data-component="Textarea"]):is([data-grammar-invalid="true"], [data-invalid="true"]) [data-grammar-field-control="true"],
|
|
101
|
+
.grammar-common-root[data-grammar-family="offset-pop"] :is([data-component="Select"], [data-component="ComboBox"], [data-component="SearchField"], [data-component="NumberField"], [data-component="DateField"], [data-component="TimeField"], [data-component="DatePicker"], [data-component="DateRangePicker"], [data-component="Textarea"], [data-component="CopyField"]):is([data-grammar-invalid="true"], [data-invalid="true"]) [data-grammar-field-control="true"],
|
|
100
102
|
.grammar-common-root[data-grammar-family="offset-pop"] :is([data-component="Slider"], [data-component="SegmentedControl"])[data-grammar-invalid="true"] [data-grammar-field-control="true"],
|
|
101
103
|
.grammar-common-root[data-grammar-family="offset-pop"] [data-component="Field"][data-grammar-invalid="true"] [data-grammar-field-control="true"] > :where(input, select, textarea) {
|
|
102
104
|
border-color: var(--offset-pop-critical);
|
|
103
105
|
}
|
|
104
106
|
|
|
105
|
-
.grammar-common-root[data-grammar-family="offset-pop"] :is([data-component="Select"], [data-component="ComboBox"], [data-component="SearchField"], [data-component="NumberField"], [data-component="DateField"], [data-component="TimeField"], [data-component="DatePicker"], [data-component="DateRangePicker"], [data-component="Textarea"])[data-grammar-readonly="true"] [data-grammar-field-control="true"] {
|
|
107
|
+
.grammar-common-root[data-grammar-family="offset-pop"] :is([data-component="Select"], [data-component="ComboBox"], [data-component="SearchField"], [data-component="NumberField"], [data-component="DateField"], [data-component="TimeField"], [data-component="DatePicker"], [data-component="DateRangePicker"], [data-component="Textarea"], [data-component="CopyField"])[data-grammar-readonly="true"] [data-grammar-field-control="true"] {
|
|
106
108
|
border-style: dashed;
|
|
107
109
|
background: var(--offset-pop-surface-secondary);
|
|
108
110
|
}
|
|
@@ -87,6 +87,20 @@
|
|
|
87
87
|
background: var(--background);
|
|
88
88
|
}
|
|
89
89
|
|
|
90
|
+
/* PageHeader: a surface band closed by the same ink rule; page tabs stand on it and the selected underline is ink. */
|
|
91
|
+
.grammar-common-root[data-grammar-family="offset-pop"] [data-component="PageHeader"] [data-grammar-page-header-separator] > [data-component="Divider"] {
|
|
92
|
+
block-size: var(--offset-pop-outline-width);
|
|
93
|
+
background: var(--offset-pop-ink);
|
|
94
|
+
}
|
|
95
|
+
|
|
96
|
+
.grammar-common-root[data-grammar-family="offset-pop"] [data-component="PageHeader"][data-grammar-page-header-tabs="true"] [data-grammar-page-header-separator] {
|
|
97
|
+
margin-block-start: calc(-1 * var(--offset-pop-outline-width));
|
|
98
|
+
}
|
|
99
|
+
|
|
100
|
+
.grammar-common-root[data-grammar-family="offset-pop"] [data-component="PageHeader"] .starci-core-page-header-title {
|
|
101
|
+
font-weight: 800;
|
|
102
|
+
}
|
|
103
|
+
|
|
90
104
|
.grammar-common-root[data-grammar-family="offset-pop"] [data-component="TopBar"] [data-grammar-top-bar-trigger] {
|
|
91
105
|
border: var(--offset-pop-outline-width) solid var(--offset-pop-ink);
|
|
92
106
|
border-radius: var(--offset-pop-control-radius);
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@starci/grammar",
|
|
3
|
-
"version": "0.15.
|
|
3
|
+
"version": "0.15.6",
|
|
4
4
|
"description": "Reusable StarCi React components, compositions, and packaged visual DNA.",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"starci",
|
|
@@ -65,7 +65,8 @@
|
|
|
65
65
|
"dependencies": {
|
|
66
66
|
"@dicebear/core": "10.4.0",
|
|
67
67
|
"@dicebear/styles": "10.4.0",
|
|
68
|
-
"@heroicons/react": "2.2.0"
|
|
68
|
+
"@heroicons/react": "2.2.0",
|
|
69
|
+
"mermaid": "11.16.0"
|
|
69
70
|
},
|
|
70
71
|
"peerDependencies": {
|
|
71
72
|
"react": ">=18",
|