@starci/grammar 0.9.7 → 0.9.9
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/LICENSE +21 -21
- package/dist/.build-stamp.json +4 -4
- package/dist/common/components-forms.css +84 -1
- package/dist/common/components-navigation.css +28 -2
- package/dist/common/components-overlays.css +8 -0
- package/dist/common/registry.d.ts +4 -4
- package/dist/common/renderers-forms.d.ts +2 -2
- package/dist/common/renderers-navigation.d.ts +1 -1
- package/dist/common/rule-catalog.generated.d.ts +23 -25
- package/dist/common/rule-catalog.generated.d.ts.map +1 -1
- package/dist/common/rule-catalog.generated.js +102 -84
- package/dist/common/rule-catalog.generated.js.map +1 -1
- package/dist/core/StateMark.d.ts +1 -1
- package/dist/core/StateMark.js +2 -2
- package/dist/core/branch/AlertDialog/index.js +1 -1
- package/dist/core/branch/AlertDialog/index.js.map +1 -1
- package/dist/core/branch/Calendar/index.d.ts +1 -1
- package/dist/core/branch/Calendar/index.js +2 -2
- package/dist/core/branch/Calendar/index.js.map +1 -1
- package/dist/core/branch/ComboBox/index.d.ts +1 -1
- package/dist/core/branch/ComboBox/index.d.ts.map +1 -1
- package/dist/core/branch/ComboBox/index.js +14 -1
- package/dist/core/branch/ComboBox/index.js.map +1 -1
- package/dist/core/branch/DataTable/index.d.ts +1 -1
- package/dist/core/branch/DataTable/index.js +2 -2
- package/dist/core/branch/DataTable/index.js.map +1 -1
- package/dist/core/branch/DatePicker/index.js +1 -1
- package/dist/core/branch/DatePicker/index.js.map +1 -1
- package/dist/core/branch/DateRangePicker/index.js +1 -1
- package/dist/core/branch/DateRangePicker/index.js.map +1 -1
- package/dist/core/branch/Dialog/index.d.ts +1 -1
- package/dist/core/branch/Dialog/index.js +2 -2
- package/dist/core/branch/Dialog/index.js.map +1 -1
- package/dist/core/branch/Disclosure/index.d.ts +6 -1
- package/dist/core/branch/Disclosure/index.d.ts.map +1 -1
- package/dist/core/branch/Disclosure/index.js +5 -3
- package/dist/core/branch/Disclosure/index.js.map +1 -1
- package/dist/core/branch/Drawer/index.d.ts +1 -1
- package/dist/core/branch/Drawer/index.js +2 -2
- package/dist/core/branch/Drawer/index.js.map +1 -1
- package/dist/core/branch/DropdownMenu/index.d.ts +2 -2
- package/dist/core/branch/DropdownMenu/index.js +5 -5
- package/dist/core/branch/DropdownMenu/index.js.map +1 -1
- package/dist/core/branch/FlowGraph/index.d.ts +1 -1
- package/dist/core/branch/FlowGraph/index.js +2 -2
- package/dist/core/branch/FlowGraph/index.js.map +1 -1
- package/dist/core/branch/ListBox/index.d.ts +1 -1
- package/dist/core/branch/ListBox/index.js +3 -3
- package/dist/core/branch/ListBox/index.js.map +1 -1
- package/dist/core/branch/Popover/index.d.ts +1 -1
- package/dist/core/branch/Popover/index.js +2 -2
- package/dist/core/branch/Popover/index.js.map +1 -1
- package/dist/core/branch/Select/index.d.ts.map +1 -1
- package/dist/core/branch/Select/index.js +11 -3
- package/dist/core/branch/Select/index.js.map +1 -1
- package/dist/core/branch/Toast/index.d.ts +1 -1
- package/dist/core/branch/Toast/index.js +2 -2
- package/dist/core/branch/Toast/index.js.map +1 -1
- package/dist/core/composite/AvatarGroup/index.d.ts +1 -1
- package/dist/core/composite/AvatarGroup/index.js +2 -2
- package/dist/core/composite/AvatarGroup/index.js.map +1 -1
- package/dist/core/composite/Breadcrumbs/index.d.ts +1 -1
- package/dist/core/composite/Breadcrumbs/index.js +2 -2
- package/dist/core/composite/CheckboxGroup/index.js +1 -1
- package/dist/core/composite/CheckboxGroup/index.js.map +1 -1
- package/dist/core/composite/Fieldset/index.js +1 -1
- package/dist/core/composite/Fieldset/index.js.map +1 -1
- package/dist/core/composite/Pagination/index.d.ts +1 -1
- package/dist/core/composite/Pagination/index.js +2 -2
- package/dist/core/composite/Pagination/index.js.map +1 -1
- package/dist/core/composite/RadioGroup/index.js +1 -1
- package/dist/core/composite/RadioGroup/index.js.map +1 -1
- package/dist/core/composite/SegmentedControl/index.js +1 -1
- package/dist/core/composite/SegmentedControl/index.js.map +1 -1
- package/dist/core/composite/Stepper/index.d.ts +1 -1
- package/dist/core/composite/Stepper/index.js +2 -2
- package/dist/core/composite/TagGroup/index.d.ts +1 -1
- package/dist/core/composite/TagGroup/index.js +2 -2
- package/dist/core/composite/TagGroup/index.js.map +1 -1
- package/dist/core/composite/Timeline/index.d.ts +1 -1
- package/dist/core/composite/Timeline/index.js +2 -2
- package/dist/core/composition/BottomNav/index.d.ts +1 -1
- package/dist/core/composition/BottomNav/index.js +2 -2
- package/dist/core/composition/TopBar/index.d.ts +1 -1
- package/dist/core/composition/TopBar/index.js +2 -2
- package/dist/core/composition/TopBar/index.js.map +1 -1
- package/dist/core/primitive/Avatar/index.d.ts +1 -1
- package/dist/core/primitive/Avatar/index.js +2 -2
- package/dist/core/primitive/Avatar/index.js.map +1 -1
- package/dist/core/primitive/Badge/index.d.ts +2 -2
- package/dist/core/primitive/Badge/index.js +3 -3
- package/dist/core/primitive/Badge/index.js.map +1 -1
- package/dist/core/primitive/Checkbox/index.js +1 -1
- package/dist/core/primitive/Checkbox/index.js.map +1 -1
- package/dist/core/primitive/CloseButton/index.js +1 -1
- package/dist/core/primitive/CloseButton/index.js.map +1 -1
- package/dist/core/primitive/DateField/index.js +1 -1
- package/dist/core/primitive/DateField/index.js.map +1 -1
- package/dist/core/primitive/Field/index.js +2 -2
- 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/Icon/index.d.ts +1 -1
- package/dist/core/primitive/Icon/index.js +2 -2
- package/dist/core/primitive/Icon/index.js.map +1 -1
- package/dist/core/primitive/IconButton/index.d.ts +1 -1
- package/dist/core/primitive/IconButton/index.d.ts.map +1 -1
- package/dist/core/primitive/IconButton/index.js +2 -2
- package/dist/core/primitive/IconButton/index.js.map +1 -1
- package/dist/core/primitive/Image/index.d.ts +2 -1
- package/dist/core/primitive/Image/index.d.ts.map +1 -1
- package/dist/core/primitive/Image/index.js +3 -2
- package/dist/core/primitive/Image/index.js.map +1 -1
- package/dist/core/primitive/IncludedMark/index.d.ts +1 -1
- package/dist/core/primitive/IncludedMark/index.js +2 -2
- package/dist/core/primitive/Input/index.d.ts +20 -3
- package/dist/core/primitive/Input/index.d.ts.map +1 -1
- package/dist/core/primitive/Input/index.js +13 -4
- package/dist/core/primitive/Input/index.js.map +1 -1
- package/dist/core/primitive/Kbd/index.d.ts +1 -1
- package/dist/core/primitive/Kbd/index.d.ts.map +1 -1
- package/dist/core/primitive/Kbd/index.js +2 -2
- package/dist/core/primitive/Kbd/index.js.map +1 -1
- package/dist/core/primitive/Link/index.d.ts +1 -1
- package/dist/core/primitive/Link/index.js +2 -2
- package/dist/core/primitive/NumberField/index.js +1 -1
- package/dist/core/primitive/NumberField/index.js.map +1 -1
- package/dist/core/primitive/RankArtwork/index.d.ts +1 -1
- package/dist/core/primitive/RankArtwork/index.js +2 -2
- package/dist/core/primitive/Rating/index.d.ts +1 -1
- package/dist/core/primitive/Rating/index.js +3 -3
- package/dist/core/primitive/Rating/index.js.map +1 -1
- package/dist/core/primitive/SearchField/index.d.ts +8 -1
- package/dist/core/primitive/SearchField/index.d.ts.map +1 -1
- package/dist/core/primitive/SearchField/index.js +1 -1
- package/dist/core/primitive/SearchField/index.js.map +1 -1
- package/dist/core/primitive/Skeleton/index.js +1 -1
- package/dist/core/primitive/Skeleton/index.js.map +1 -1
- package/dist/core/primitive/Slider/index.js +1 -1
- package/dist/core/primitive/Switch/index.js +1 -1
- package/dist/core/primitive/Switch/index.js.map +1 -1
- package/dist/core/primitive/Textarea/index.d.ts +8 -1
- package/dist/core/primitive/Textarea/index.d.ts.map +1 -1
- package/dist/core/primitive/Textarea/index.js +7 -4
- package/dist/core/primitive/Textarea/index.js.map +1 -1
- package/dist/core/primitive/TimeField/index.js +1 -1
- package/dist/core/primitive/TimeField/index.js.map +1 -1
- package/dist/heritage/index.d.ts.map +1 -1
- package/dist/heritage/index.js +4 -2
- package/dist/heritage/index.js.map +1 -1
- package/dist/offset-pop/components-forms.css +12 -0
- package/dist/offset-pop/conformance.d.ts +7 -9
- package/dist/offset-pop/conformance.d.ts.map +1 -1
- package/dist/offset-pop/conformance.js +7 -9
- package/dist/offset-pop/conformance.js.map +1 -1
- package/package.json +2 -2
|
@@ -17,6 +17,6 @@ import { PickerRangeCalendar } from "../DatePicker/index.js";
|
|
|
17
17
|
/** A start and an end date, typed in two segment groups or picked as a span on a month grid. */
|
|
18
18
|
export const DateRangePicker = ({ value, defaultValue, onValueChange, minValue, maxValue, isDateUnavailable, allowsNonContiguousRanges = false, granularity = "day", startName, endName, variant = "primary", ...field }) => {
|
|
19
19
|
const { anchor, portalProps } = useGrammarPortal();
|
|
20
|
-
return (_jsxs(HeroDateRangePicker, { "data-tier": "branch", "data-component": "DateRangePicker", "data-contract": "A11Y-1
|
|
20
|
+
return (_jsxs(HeroDateRangePicker, { "data-tier": "branch", "data-component": "DateRangePicker", "data-contract": "A11Y-1 FEEDBACK-1", className: "starci-core-field starci-core-date-picker", ...fieldVariantAttributes(variant), ...vendorFieldProps(field), isReadOnly: field.isReadOnly === true, granularity: granularity, allowsNonContiguousRanges: allowsNonContiguousRanges, ...(value === undefined ? defaultValue === undefined ? {} : { defaultValue } : { value }), ...(onValueChange === undefined ? {} : { onChange: onValueChange }), ...(minValue === undefined ? {} : { minValue }), ...(maxValue === undefined ? {} : { maxValue }), ...(isDateUnavailable === undefined ? {} : { isDateUnavailable }), ...(startName === undefined ? {} : { startName }), ...(endName === undefined ? {} : { endName }), children: [anchor, _jsx(FieldLabel, { isHidden: field.isLabelHidden, isRequired: field.isRequired, children: field.label }), _jsxs(HeroDateField.Group, { className: "starci-core-date-group", variant: variant, "data-grammar-field-control": "true", children: [_jsx(DateSegments, { slot: "start" }), _jsx(HeroDateRangePicker.RangeSeparator, { className: "starci-core-date-range-separator" }), _jsx(DateSegments, { slot: "end" }), _jsx(HeroDateField.Suffix, { className: "starci-core-date-suffix", children: _jsx(HeroDateRangePicker.Trigger, { className: "starci-core-date-trigger", children: _jsx(HeroDateRangePicker.TriggerIndicator, {}) }) })] }), _jsx(FieldDescription, { children: field.description }), _jsx(FieldErrorText, { children: field.errorMessage }), _jsx(HeroDateRangePicker.Popover, { className: "starci-core-date-popover", "data-grammar-popover": "DateRangePicker", "data-contract": "LAYOUT-4 FOCUS-3", ...portalProps, children: _jsx(PickerRangeCalendar, {}) })] }));
|
|
21
21
|
};
|
|
22
22
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/core/branch/DateRangePicker/index.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAEZ,OAAO,EACH,SAAS,IAAI,aAAa,EAC1B,eAAe,IAAI,mBAAmB,GAGzC,MAAM,eAAe,CAAA;AACtB,OAAO,EACH,gBAAgB,EAChB,cAAc,EACd,UAAU,EACV,sBAAsB,EACtB,gBAAgB,EAChB,gBAAgB,GAEnB,MAAM,gCAAgC,CAAA;AACvC,OAAO,EAAE,YAAY,EAAwB,MAAM,oCAAoC,CAAA;AACvF,OAAO,EAAE,mBAAmB,EAAE,MAAM,wBAAwB,CAAA;AAqB5D;;;;GAIG;AAEH;;;;GAIG;AAEH,gGAAgG;AAChG,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,EAC5B,KAAK,EACL,YAAY,EACZ,aAAa,EACb,QAAQ,EACR,QAAQ,EACR,iBAAiB,EACjB,yBAAyB,GAAG,KAAK,EACjC,WAAW,GAAG,KAAK,EACnB,SAAS,EACT,OAAO,EACP,OAAO,GAAG,SAAS,EACnB,GAAG,KAAK,EACW,EAAE,EAAE;IACvB,MAAM,EAAE,MAAM,EAAE,WAAW,EAAE,GAAG,gBAAgB,EAAE,CAAA;IAClD,OAAO,CACH,MAAC,mBAAmB,iBACN,QAAQ,oBACH,iBAAiB,mBAClB,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/core/branch/DateRangePicker/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -30,7 +30,7 @@ export type DialogProps = OverlayOpenState & {
|
|
|
30
30
|
* outside press dismiss it (each can be turned off), page scroll is locked, everything outside is
|
|
31
31
|
* hidden from assistive tech, and focus returns to the trigger on close. The portal lands inside the
|
|
32
32
|
* nearest `.grammar-common-root` (see `useOverlayContainer`), so the family scope still applies.
|
|
33
|
-
* Contract: surface FOCUS-3 (modal trap/return) LAYOUT-4 (portalled)
|
|
33
|
+
* Contract: surface FOCUS-3 (modal trap/return) LAYOUT-4 (portalled) BOUNDARY-6 (shadow); container MOTION-2.
|
|
34
34
|
*/
|
|
35
35
|
export declare const Dialog: ({ title, description, children, footer, trigger, closeLabel, size, isDismissable, isKeyboardDismissDisabled, ...openState }: DialogProps) => import("react").JSX.Element;
|
|
36
36
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -11,11 +11,11 @@ import { CloseButton } from "../../primitive/CloseButton/index.js";
|
|
|
11
11
|
* outside press dismiss it (each can be turned off), page scroll is locked, everything outside is
|
|
12
12
|
* hidden from assistive tech, and focus returns to the trigger on close. The portal lands inside the
|
|
13
13
|
* nearest `.grammar-common-root` (see `useOverlayContainer`), so the family scope still applies.
|
|
14
|
-
* Contract: surface FOCUS-3 (modal trap/return) LAYOUT-4 (portalled)
|
|
14
|
+
* Contract: surface FOCUS-3 (modal trap/return) LAYOUT-4 (portalled) BOUNDARY-6 (shadow); container MOTION-2.
|
|
15
15
|
*/
|
|
16
16
|
export const Dialog = ({ title, description, children, footer, trigger, closeLabel, size = "md", isDismissable = true, isKeyboardDismissDisabled = false, ...openState }) => {
|
|
17
17
|
const { anchor, container } = useOverlayContainer("Dialog");
|
|
18
18
|
const descriptionId = useId();
|
|
19
|
-
return (_jsxs(HeroModal, { ...overlayOpenProps(openState), children: [trigger, anchor, container === null ? null : (_jsx(HeroModal.Backdrop, { UNSTABLE_portalContainer: container, isDismissable: isDismissable, isKeyboardDismissDisabled: isKeyboardDismissDisabled, "data-grammar-overlay-backdrop": "Dialog", className: "starci-core-overlay-backdrop", children: _jsx(HeroModal.Container, { placement: "center", size: size, scroll: "inside", "data-size": size, "data-contract": "MOTION-2", className: "starci-core-dialog-container", children: _jsx(HeroModal.Dialog, { "data-tier": "branch", "data-component": "Dialog", "data-size": size, "data-grammar-overlay-surface": "dialog", "data-contract": "FOCUS-3 LAYOUT-4
|
|
19
|
+
return (_jsxs(HeroModal, { ...overlayOpenProps(openState), children: [trigger, anchor, container === null ? null : (_jsx(HeroModal.Backdrop, { UNSTABLE_portalContainer: container, isDismissable: isDismissable, isKeyboardDismissDisabled: isKeyboardDismissDisabled, "data-grammar-overlay-backdrop": "Dialog", className: "starci-core-overlay-backdrop", children: _jsx(HeroModal.Container, { placement: "center", size: size, scroll: "inside", "data-size": size, "data-contract": "MOTION-2", className: "starci-core-dialog-container", children: _jsx(HeroModal.Dialog, { "data-tier": "branch", "data-component": "Dialog", "data-size": size, "data-grammar-overlay-surface": "dialog", "data-contract": "FOCUS-3 LAYOUT-4 BOUNDARY-6", ...(description === undefined ? {} : { "aria-describedby": descriptionId }), className: "starci-core-dialog", children: ({ close }) => (_jsxs(_Fragment, { children: [_jsxs(HeroModal.Header, { className: "starci-core-overlay-header", children: [_jsxs("div", { className: "starci-core-overlay-heading-group", children: [_jsx(HeroModal.Heading, { className: "starci-core-overlay-title", children: title }), description === undefined ? null : (_jsx("p", { id: descriptionId, className: "starci-core-overlay-description", children: description }))] }), closeLabel === undefined ? null : _jsx(CloseButton, { label: closeLabel, onPress: close })] }), children === undefined ? null : (_jsx(HeroModal.Body, { className: "starci-core-overlay-body", children: children })), footer === undefined ? null : (_jsx(HeroModal.Footer, { className: "starci-core-overlay-footer", children: typeof footer === "function" ? footer(close) : footer }))] })) }) }) }))] }));
|
|
20
20
|
};
|
|
21
21
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/core/branch/Dialog/index.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAEZ,OAAO,EAAE,KAAK,IAAI,SAAS,EAAE,MAAM,eAAe,CAAA;AAClD,OAAO,EAAE,KAAK,EAAkB,MAAM,OAAO,CAAA;AAC7C,OAAO,EAAE,gBAAgB,EAAE,mBAAmB,EAAyB,MAAM,uBAAuB,CAAA;AACpG,OAAO,EAAE,WAAW,EAAE,MAAM,sCAAsC,CAAA;AA4BlE;;;;;;;;GAQG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,CAAC,EACnB,KAAK,EACL,WAAW,EACX,QAAQ,EACR,MAAM,EACN,OAAO,EACP,UAAU,EACV,IAAI,GAAG,IAAI,EACX,aAAa,GAAG,IAAI,EACpB,yBAAyB,GAAG,KAAK,EACjC,GAAG,SAAS,EACF,EAAE,EAAE;IACd,MAAM,EAAE,MAAM,EAAE,SAAS,EAAE,GAAG,mBAAmB,CAAC,QAAQ,CAAC,CAAA;IAC3D,MAAM,aAAa,GAAG,KAAK,EAAE,CAAA;IAE7B,OAAO,CACH,MAAC,SAAS,OAAK,gBAAgB,CAAC,SAAS,CAAC,aACrC,OAAO,EACP,MAAM,EACN,SAAS,KAAK,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CACzB,KAAC,SAAS,CAAC,QAAQ,IACf,wBAAwB,EAAE,SAAS,EACnC,aAAa,EAAE,aAAa,EAC5B,yBAAyB,EAAE,yBAAyB,mCACtB,QAAQ,EACtC,SAAS,EAAC,8BAA8B,YAExC,KAAC,SAAS,CAAC,SAAS,IAAC,SAAS,EAAC,QAAQ,EAAC,IAAI,EAAE,IAAI,EAAE,MAAM,EAAC,QAAQ,eAAY,IAAI,mBAAgB,UAAU,EAAC,SAAS,EAAC,8BAA8B,YAClJ,KAAC,SAAS,CAAC,MAAM,iBACH,QAAQ,oBACH,QAAQ,eACZ,IAAI,kCACc,QAAQ,mBACvB,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/core/branch/Dialog/index.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAEZ,OAAO,EAAE,KAAK,IAAI,SAAS,EAAE,MAAM,eAAe,CAAA;AAClD,OAAO,EAAE,KAAK,EAAkB,MAAM,OAAO,CAAA;AAC7C,OAAO,EAAE,gBAAgB,EAAE,mBAAmB,EAAyB,MAAM,uBAAuB,CAAA;AACpG,OAAO,EAAE,WAAW,EAAE,MAAM,sCAAsC,CAAA;AA4BlE;;;;;;;;GAQG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,CAAC,EACnB,KAAK,EACL,WAAW,EACX,QAAQ,EACR,MAAM,EACN,OAAO,EACP,UAAU,EACV,IAAI,GAAG,IAAI,EACX,aAAa,GAAG,IAAI,EACpB,yBAAyB,GAAG,KAAK,EACjC,GAAG,SAAS,EACF,EAAE,EAAE;IACd,MAAM,EAAE,MAAM,EAAE,SAAS,EAAE,GAAG,mBAAmB,CAAC,QAAQ,CAAC,CAAA;IAC3D,MAAM,aAAa,GAAG,KAAK,EAAE,CAAA;IAE7B,OAAO,CACH,MAAC,SAAS,OAAK,gBAAgB,CAAC,SAAS,CAAC,aACrC,OAAO,EACP,MAAM,EACN,SAAS,KAAK,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CACzB,KAAC,SAAS,CAAC,QAAQ,IACf,wBAAwB,EAAE,SAAS,EACnC,aAAa,EAAE,aAAa,EAC5B,yBAAyB,EAAE,yBAAyB,mCACtB,QAAQ,EACtC,SAAS,EAAC,8BAA8B,YAExC,KAAC,SAAS,CAAC,SAAS,IAAC,SAAS,EAAC,QAAQ,EAAC,IAAI,EAAE,IAAI,EAAE,MAAM,EAAC,QAAQ,eAAY,IAAI,mBAAgB,UAAU,EAAC,SAAS,EAAC,8BAA8B,YAClJ,KAAC,SAAS,CAAC,MAAM,iBACH,QAAQ,oBACH,QAAQ,eACZ,IAAI,kCACc,QAAQ,mBACvB,6BAA6B,KACvC,CAAC,WAAW,KAAK,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,kBAAkB,EAAE,aAAa,EAAE,CAAC,EAC5E,SAAS,EAAC,oBAAoB,YAE7B,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CACZ,8BACI,MAAC,SAAS,CAAC,MAAM,IAAC,SAAS,EAAC,4BAA4B,aACpD,eAAK,SAAS,EAAC,mCAAmC,aAC9C,KAAC,SAAS,CAAC,OAAO,IAAC,SAAS,EAAC,2BAA2B,YAAE,KAAK,GAAqB,EACnF,WAAW,KAAK,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAChC,YAAG,EAAE,EAAE,aAAa,EAAE,SAAS,EAAC,iCAAiC,YAAE,WAAW,GAAK,CACtF,IACC,EACL,UAAU,KAAK,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,KAAC,WAAW,IAAC,KAAK,EAAE,UAAU,EAAE,OAAO,EAAE,KAAK,GAAI,IACtE,EAClB,QAAQ,KAAK,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAC7B,KAAC,SAAS,CAAC,IAAI,IAAC,SAAS,EAAC,0BAA0B,YAAE,QAAQ,GAAkB,CACnF,EACA,MAAM,KAAK,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAC3B,KAAC,SAAS,CAAC,MAAM,IAAC,SAAS,EAAC,4BAA4B,YACnD,OAAO,MAAM,KAAK,UAAU,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,MAAM,GACvC,CACtB,IACF,CACN,GACc,GACD,GACL,CACxB,IACO,CACf,CAAA;AACL,CAAC,CAAA"}
|
|
@@ -3,6 +3,11 @@ export type DisclosureProps = {
|
|
|
3
3
|
/** The always-visible trigger text. */
|
|
4
4
|
readonly title: ReactNode;
|
|
5
5
|
readonly children: ReactNode;
|
|
6
|
+
/**
|
|
7
|
+
* Muted one-line text at the trailing end of the trigger row (truncated with an ellipsis), visible closed and open: a
|
|
8
|
+
* count, a current value, a status. It is the trigger's accessible DESCRIPTION (`aria-describedby`), not part of its name.
|
|
9
|
+
*/
|
|
10
|
+
readonly summary?: ReactNode;
|
|
6
11
|
/** Controlled expansion. Omit for uncontrolled use with `defaultExpanded`. */
|
|
7
12
|
readonly isExpanded?: boolean;
|
|
8
13
|
readonly defaultExpanded?: boolean;
|
|
@@ -18,5 +23,5 @@ export type DisclosureProps = {
|
|
|
18
23
|
* `data-grammar-disclosure-state` mirrors the open state for the stylesheet.
|
|
19
24
|
* Contract: root STATE-7 (controlled expansion), trigger FOCUS-1, indicator MOTION-2.
|
|
20
25
|
*/
|
|
21
|
-
export declare const Disclosure: ({ title, children, isExpanded, defaultExpanded, onExpandedChange, isDisabled, headingLevel, className, }: DisclosureProps) => import("react").JSX.Element;
|
|
26
|
+
export declare const Disclosure: ({ title, children, summary, isExpanded, defaultExpanded, onExpandedChange, isDisabled, headingLevel, className, }: DisclosureProps) => import("react").JSX.Element;
|
|
22
27
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/core/branch/Disclosure/index.tsx"],"names":[],"mappings":"AAGA,OAAO,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/core/branch/Disclosure/index.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAmB,KAAK,SAAS,EAAE,MAAM,OAAO,CAAA;AAGvD,MAAM,MAAM,eAAe,GAAG;IAC1B,uCAAuC;IACvC,QAAQ,CAAC,KAAK,EAAE,SAAS,CAAA;IACzB,QAAQ,CAAC,QAAQ,EAAE,SAAS,CAAA;IAC5B;;;OAGG;IACH,QAAQ,CAAC,OAAO,CAAC,EAAE,SAAS,CAAA;IAC5B,8EAA8E;IAC9E,QAAQ,CAAC,UAAU,CAAC,EAAE,OAAO,CAAA;IAC7B,QAAQ,CAAC,eAAe,CAAC,EAAE,OAAO,CAAA;IAClC,QAAQ,CAAC,gBAAgB,CAAC,EAAE,CAAC,UAAU,EAAE,OAAO,KAAK,IAAI,CAAA;IACzD,QAAQ,CAAC,UAAU,CAAC,EAAE,OAAO,CAAA;IAC7B,sDAAsD;IACtD,QAAQ,CAAC,YAAY,CAAC,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAA;IACzC,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAA;CAC9B,CAAA;AAQD;;;;;GAKG;AACH,eAAO,MAAM,UAAU,GAAI,mHAUxB,eAAe,gCA+BjB,CAAA"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
3
3
|
import { Disclosure as HeroDisclosure } from "@heroui/react";
|
|
4
|
-
import { useState } from "react";
|
|
4
|
+
import { useId, useState } from "react";
|
|
5
5
|
import { navigationClassName } from "../../navigationClassNames.js";
|
|
6
6
|
/*
|
|
7
7
|
* Consumer hooks: `starci-core-disclosure-panel`, `starci-core-disclosure-body` name HeroUI parts
|
|
@@ -14,13 +14,15 @@ import { navigationClassName } from "../../navigationClassNames.js";
|
|
|
14
14
|
* `data-grammar-disclosure-state` mirrors the open state for the stylesheet.
|
|
15
15
|
* Contract: root STATE-7 (controlled expansion), trigger FOCUS-1, indicator MOTION-2.
|
|
16
16
|
*/
|
|
17
|
-
export const Disclosure = ({ title, children, isExpanded, defaultExpanded = false, onExpandedChange, isDisabled = false, headingLevel = 3, className, }) => {
|
|
17
|
+
export const Disclosure = ({ title, children, summary, isExpanded, defaultExpanded = false, onExpandedChange, isDisabled = false, headingLevel = 3, className, }) => {
|
|
18
18
|
const [uncontrolled, setUncontrolled] = useState(defaultExpanded);
|
|
19
19
|
const expanded = isExpanded ?? uncontrolled;
|
|
20
|
+
const summaryId = useId();
|
|
21
|
+
const hasSummary = summary !== undefined && summary !== null && summary !== false && summary !== "";
|
|
20
22
|
return (_jsxs(HeroDisclosure, { className: navigationClassName("starci-core-disclosure", className), "data-component": "Disclosure", "data-tier": "branch", "data-contract": "STATE-7", "data-grammar-disclosure-state": expanded ? "open" : "closed", isDisabled: isDisabled, isExpanded: expanded, onExpandedChange: (next) => {
|
|
21
23
|
if (isExpanded === undefined)
|
|
22
24
|
setUncontrolled(next);
|
|
23
25
|
onExpandedChange?.(next);
|
|
24
|
-
}, children: [_jsx(HeroDisclosure.Heading, { className: "starci-core-disclosure-heading", level: headingLevel, children: _jsxs(HeroDisclosure.Trigger, { className: "starci-core-disclosure-trigger", "data-contract": "FOCUS-1", "data-grammar-disclosure-trigger": "true", children: [_jsx("span", { className: "starci-core-disclosure-title", children: title }), _jsx(HeroDisclosure.Indicator, { className: "starci-core-disclosure-indicator", "data-contract": "MOTION-2" })] }) }), _jsx(HeroDisclosure.Content, { className: "starci-core-disclosure-panel", "data-grammar-disclosure-panel": "true", children: _jsx(HeroDisclosure.Body, { className: "starci-core-disclosure-body", children: children }) })] }));
|
|
26
|
+
}, children: [_jsx(HeroDisclosure.Heading, { className: "starci-core-disclosure-heading", level: headingLevel, children: _jsxs(HeroDisclosure.Trigger, { className: "starci-core-disclosure-trigger", "data-contract": "FOCUS-1", "data-grammar-disclosure-trigger": "true", ...(hasSummary ? { "aria-describedby": summaryId } : {}), children: [_jsx("span", { className: "starci-core-disclosure-title", children: title }), hasSummary ? _jsx("span", { id: summaryId, "aria-hidden": "true", className: "starci-core-disclosure-summary", "data-grammar-disclosure-summary": "true", children: summary }) : null, _jsx(HeroDisclosure.Indicator, { className: "starci-core-disclosure-indicator", "data-contract": "MOTION-2" })] }) }), _jsx(HeroDisclosure.Content, { className: "starci-core-disclosure-panel", "data-grammar-disclosure-panel": "true", children: _jsx(HeroDisclosure.Body, { className: "starci-core-disclosure-body", children: children }) })] }));
|
|
25
27
|
};
|
|
26
28
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/core/branch/Disclosure/index.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAEZ,OAAO,EAAE,UAAU,IAAI,cAAc,EAAE,MAAM,eAAe,CAAA;AAC5D,OAAO,EAAE,QAAQ,EAAkB,MAAM,OAAO,CAAA;
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/core/branch/Disclosure/index.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAEZ,OAAO,EAAE,UAAU,IAAI,cAAc,EAAE,MAAM,eAAe,CAAA;AAC5D,OAAO,EAAE,KAAK,EAAE,QAAQ,EAAkB,MAAM,OAAO,CAAA;AACvD,OAAO,EAAE,mBAAmB,EAAE,MAAM,+BAA+B,CAAA;AAqBnE;;;;GAIG;AAEH;;;;;GAKG;AACH,MAAM,CAAC,MAAM,UAAU,GAAG,CAAC,EACvB,KAAK,EACL,QAAQ,EACR,OAAO,EACP,UAAU,EACV,eAAe,GAAG,KAAK,EACvB,gBAAgB,EAChB,UAAU,GAAG,KAAK,EAClB,YAAY,GAAG,CAAC,EAChB,SAAS,GACK,EAAE,EAAE;IAClB,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,QAAQ,CAAC,eAAe,CAAC,CAAA;IACjE,MAAM,QAAQ,GAAG,UAAU,IAAI,YAAY,CAAA;IAC3C,MAAM,SAAS,GAAG,KAAK,EAAE,CAAA;IACzB,MAAM,UAAU,GAAG,OAAO,KAAK,SAAS,IAAI,OAAO,KAAK,IAAI,IAAI,OAAO,KAAK,KAAK,IAAI,OAAO,KAAK,EAAE,CAAA;IACnG,OAAO,CACH,MAAC,cAAc,IACX,SAAS,EAAE,mBAAmB,CAAC,wBAAwB,EAAE,SAAS,CAAC,oBACpD,YAAY,eACjB,QAAQ,mBACJ,SAAS,mCACQ,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,QAAQ,EAC3D,UAAU,EAAE,UAAU,EACtB,UAAU,EAAE,QAAQ,EACpB,gBAAgB,EAAE,CAAC,IAAa,EAAE,EAAE;YAChC,IAAI,UAAU,KAAK,SAAS;gBAAE,eAAe,CAAC,IAAI,CAAC,CAAA;YACnD,gBAAgB,EAAE,CAAC,IAAI,CAAC,CAAA;QAC5B,CAAC,aAED,KAAC,cAAc,CAAC,OAAO,IAAC,SAAS,EAAC,gCAAgC,EAAC,KAAK,EAAE,YAAY,YAClF,MAAC,cAAc,CAAC,OAAO,IAAC,SAAS,EAAC,gCAAgC,mBAAe,SAAS,qCAAiC,MAAM,KAAK,CAAC,UAAU,CAAC,CAAC,CAAC,EAAE,kBAAkB,EAAE,SAAS,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,aACvL,eAAM,SAAS,EAAC,8BAA8B,YAAE,KAAK,GAAQ,EAC5D,UAAU,CAAC,CAAC,CAAC,eAAM,EAAE,EAAE,SAAS,iBAAc,MAAM,EAAC,SAAS,EAAC,gCAAgC,qCAAiC,MAAM,YAAE,OAAO,GAAQ,CAAC,CAAC,CAAC,IAAI,EAC/J,KAAC,cAAc,CAAC,SAAS,IAAC,SAAS,EAAC,kCAAkC,mBAAe,UAAU,GAAG,IAC7E,GACJ,EACzB,KAAC,cAAc,CAAC,OAAO,IAAC,SAAS,EAAC,8BAA8B,mCAA+B,MAAM,YACjG,KAAC,cAAc,CAAC,IAAI,IAAC,SAAS,EAAC,6BAA6B,YAAE,QAAQ,GAAuB,GACxE,IACZ,CACpB,CAAA;AACL,CAAC,CAAA"}
|
|
@@ -29,7 +29,7 @@ export type DrawerProps = OverlayOpenState & {
|
|
|
29
29
|
* Same modal rules as `Dialog` (focus trap and return, Escape/outside dismiss, scroll lock, inert
|
|
30
30
|
* page, scoped portal). Placement is echoed on `data-placement` so anatomy and families can shape the
|
|
31
31
|
* sheet edge; the slide motion is removed under reduced motion.
|
|
32
|
-
* Contract: surface FOCUS-3 LAYOUT-4
|
|
32
|
+
* Contract: surface FOCUS-3 LAYOUT-4 BOUNDARY-6 (as `Dialog`); sliding content MOTION-2.
|
|
33
33
|
*/
|
|
34
34
|
export declare const Drawer: ({ title, description, children, footer, trigger, closeLabel, placement, showHandle, isDismissable, isKeyboardDismissDisabled, ...openState }: DrawerProps) => import("react").JSX.Element;
|
|
35
35
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -10,12 +10,12 @@ import { CloseButton } from "../../primitive/CloseButton/index.js";
|
|
|
10
10
|
* Same modal rules as `Dialog` (focus trap and return, Escape/outside dismiss, scroll lock, inert
|
|
11
11
|
* page, scoped portal). Placement is echoed on `data-placement` so anatomy and families can shape the
|
|
12
12
|
* sheet edge; the slide motion is removed under reduced motion.
|
|
13
|
-
* Contract: surface FOCUS-3 LAYOUT-4
|
|
13
|
+
* Contract: surface FOCUS-3 LAYOUT-4 BOUNDARY-6 (as `Dialog`); sliding content MOTION-2.
|
|
14
14
|
*/
|
|
15
15
|
export const Drawer = ({ title, description, children, footer, trigger, closeLabel, placement = "right", showHandle, isDismissable = true, isKeyboardDismissDisabled = false, ...openState }) => {
|
|
16
16
|
const { anchor, container } = useOverlayContainer("Drawer");
|
|
17
17
|
const descriptionId = useId();
|
|
18
18
|
const hasHandle = showHandle ?? placement === "bottom";
|
|
19
|
-
return (_jsxs(HeroDrawer, { ...overlayOpenProps(openState), children: [trigger, anchor, container === null ? null : (_jsx(HeroDrawer.Backdrop, { UNSTABLE_portalContainer: container, isDismissable: isDismissable, isKeyboardDismissDisabled: isKeyboardDismissDisabled, "data-grammar-overlay-backdrop": "Drawer", className: "starci-core-overlay-backdrop starci-core-drawer-backdrop", children: _jsx(HeroDrawer.Content, { placement: placement, "data-contract": "MOTION-2", className: "starci-core-drawer-content", children: _jsx(HeroDrawer.Dialog, { "data-tier": "branch", "data-component": "Drawer", "data-placement": placement, "data-grammar-overlay-surface": "drawer", "data-contract": "FOCUS-3 LAYOUT-4
|
|
19
|
+
return (_jsxs(HeroDrawer, { ...overlayOpenProps(openState), children: [trigger, anchor, container === null ? null : (_jsx(HeroDrawer.Backdrop, { UNSTABLE_portalContainer: container, isDismissable: isDismissable, isKeyboardDismissDisabled: isKeyboardDismissDisabled, "data-grammar-overlay-backdrop": "Drawer", className: "starci-core-overlay-backdrop starci-core-drawer-backdrop", children: _jsx(HeroDrawer.Content, { placement: placement, "data-contract": "MOTION-2", className: "starci-core-drawer-content", children: _jsx(HeroDrawer.Dialog, { "data-tier": "branch", "data-component": "Drawer", "data-placement": placement, "data-grammar-overlay-surface": "drawer", "data-contract": "FOCUS-3 LAYOUT-4 BOUNDARY-6", ...(description === undefined ? {} : { "aria-describedby": descriptionId }), className: "starci-core-drawer", children: ({ close }) => (_jsxs(_Fragment, { children: [hasHandle ? _jsx(HeroDrawer.Handle, { "data-grammar-drawer-handle": "true", className: "starci-core-drawer-handle" }) : null, _jsxs(HeroDrawer.Header, { className: "starci-core-overlay-header", children: [_jsxs("div", { className: "starci-core-overlay-heading-group", children: [_jsx(HeroDrawer.Heading, { className: "starci-core-overlay-title", children: title }), description === undefined ? null : (_jsx("p", { id: descriptionId, className: "starci-core-overlay-description", children: description }))] }), closeLabel === undefined ? null : _jsx(CloseButton, { label: closeLabel, onPress: close })] }), children === undefined ? null : (_jsx(HeroDrawer.Body, { className: "starci-core-overlay-body", children: children })), footer === undefined ? null : (_jsx(HeroDrawer.Footer, { className: "starci-core-overlay-footer", children: typeof footer === "function" ? footer(close) : footer }))] })) }) }) }))] }));
|
|
20
20
|
};
|
|
21
21
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/core/branch/Drawer/index.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAEZ,OAAO,EAAE,MAAM,IAAI,UAAU,EAAE,MAAM,eAAe,CAAA;AACpD,OAAO,EAAE,KAAK,EAAkB,MAAM,OAAO,CAAA;AAC7C,OAAO,EAAE,gBAAgB,EAAE,mBAAmB,EAAyB,MAAM,uBAAuB,CAAA;AACpG,OAAO,EAAE,WAAW,EAAE,MAAM,sCAAsC,CAAA;AA2BlE;;;;;;;GAOG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,CAAC,EACnB,KAAK,EACL,WAAW,EACX,QAAQ,EACR,MAAM,EACN,OAAO,EACP,UAAU,EACV,SAAS,GAAG,OAAO,EACnB,UAAU,EACV,aAAa,GAAG,IAAI,EACpB,yBAAyB,GAAG,KAAK,EACjC,GAAG,SAAS,EACF,EAAE,EAAE;IACd,MAAM,EAAE,MAAM,EAAE,SAAS,EAAE,GAAG,mBAAmB,CAAC,QAAQ,CAAC,CAAA;IAC3D,MAAM,aAAa,GAAG,KAAK,EAAE,CAAA;IAC7B,MAAM,SAAS,GAAG,UAAU,IAAI,SAAS,KAAK,QAAQ,CAAA;IAEtD,OAAO,CACH,MAAC,UAAU,OAAK,gBAAgB,CAAC,SAAS,CAAC,aACtC,OAAO,EACP,MAAM,EACN,SAAS,KAAK,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CACzB,KAAC,UAAU,CAAC,QAAQ,IAChB,wBAAwB,EAAE,SAAS,EACnC,aAAa,EAAE,aAAa,EAC5B,yBAAyB,EAAE,yBAAyB,mCACtB,QAAQ,EACtC,SAAS,EAAC,0DAA0D,YAEpE,KAAC,UAAU,CAAC,OAAO,IAAC,SAAS,EAAE,SAAS,mBAAgB,UAAU,EAAC,SAAS,EAAC,4BAA4B,YACrG,KAAC,UAAU,CAAC,MAAM,iBACJ,QAAQ,oBACH,QAAQ,oBACP,SAAS,kCACI,QAAQ,mBACvB,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/core/branch/Drawer/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -54,8 +54,8 @@ export type DropdownMenuProps = OverlayOpenState & {
|
|
|
54
54
|
* React Aria owns the keyboard model (arrow keys, Home/End, typeahead, Enter/Space, ArrowRight into
|
|
55
55
|
* a submenu, Escape and outside press dismiss, focus returns to the trigger). The menu and every
|
|
56
56
|
* submenu portal into the nearest Grammar root so the family scope still applies.
|
|
57
|
-
* Contract: menu FOCUS-2 FOCUS-5; popover LAYOUT-4
|
|
58
|
-
* link vs command); a selectable section
|
|
57
|
+
* Contract: menu FOCUS-2 FOCUS-5; popover LAYOUT-4 BOUNDARY-6 MOTION-2; item FOCUS-1 CTA-2 (ring,
|
|
58
|
+
* link vs command); a selectable section STATE-1 (app-owned selectedIds).
|
|
59
59
|
*/
|
|
60
60
|
export declare const DropdownMenu: ({ trigger, entries, onAction, placement, ...openState }: DropdownMenuProps) => import("react").JSX.Element;
|
|
61
61
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -23,8 +23,8 @@ const collectItems = (entries, into = new Map()) => {
|
|
|
23
23
|
* React Aria owns the keyboard model (arrow keys, Home/End, typeahead, Enter/Space, ArrowRight into
|
|
24
24
|
* a submenu, Escape and outside press dismiss, focus returns to the trigger). The menu and every
|
|
25
25
|
* submenu portal into the nearest Grammar root so the family scope still applies.
|
|
26
|
-
* Contract: menu FOCUS-2 FOCUS-5; popover LAYOUT-4
|
|
27
|
-
* link vs command); a selectable section
|
|
26
|
+
* Contract: menu FOCUS-2 FOCUS-5; popover LAYOUT-4 BOUNDARY-6 MOTION-2; item FOCUS-1 CTA-2 (ring,
|
|
27
|
+
* link vs command); a selectable section STATE-1 (app-owned selectedIds).
|
|
28
28
|
*/
|
|
29
29
|
export const DropdownMenu = ({ trigger, entries, onAction, placement = "bottom start", ...openState }) => {
|
|
30
30
|
const { anchor, container } = useOverlayContainer("DropdownMenu");
|
|
@@ -40,7 +40,7 @@ export const DropdownMenu = ({ trigger, entries, onAction, placement = "bottom s
|
|
|
40
40
|
const itemElement = (_jsx(HeroDropdown.Item, { id: item.id, textValue: item.label, "aria-label": item.label, variant: tone === "negative" ? "danger" : "default", isDisabled: item.isDisabled ?? false, ...(item.href === undefined ? {} : { href: item.href }), "data-grammar-menu-item": "true", "data-contract": "FOCUS-1 CTA-2", "data-grammar-tone": tone, className: "starci-core-menu-item", children: content }, item.id));
|
|
41
41
|
if (item.submenu === undefined)
|
|
42
42
|
return itemElement;
|
|
43
|
-
return (_jsxs(HeroDropdown.SubmenuTrigger, { children: [itemElement, _jsx(HeroDropdown.Popover, { "data-grammar-overlay-surface": "menu", "data-contract": "LAYOUT-4
|
|
43
|
+
return (_jsxs(HeroDropdown.SubmenuTrigger, { children: [itemElement, _jsx(HeroDropdown.Popover, { "data-grammar-overlay-surface": "menu", "data-contract": "LAYOUT-4 BOUNDARY-6 MOTION-2", className: "starci-core-menu-popover", children: _jsx(HeroDropdown.Menu, { "aria-label": item.label, onAction: handleAction, "data-component": "DropdownMenu", "data-grammar-menu-depth": "submenu", "data-contract": "FOCUS-2 FOCUS-5", className: "starci-core-menu", children: renderEntries(item.submenu) }) })] }, item.id));
|
|
44
44
|
};
|
|
45
45
|
const renderEntries = (list) => list.map((entry) => {
|
|
46
46
|
if (!isSection(entry))
|
|
@@ -52,8 +52,8 @@ export const DropdownMenu = ({ trigger, entries, onAction, placement = "bottom s
|
|
|
52
52
|
onSelectionChange: (keys) => {
|
|
53
53
|
selection.onChange(keys === "all" ? entry.items.map((item) => item.id) : Array.from(keys, String));
|
|
54
54
|
},
|
|
55
|
-
}), "data-grammar-menu-section": "true", "data-contract": selection === undefined ? undefined : "
|
|
55
|
+
}), "data-grammar-menu-section": "true", "data-contract": selection === undefined ? undefined : "STATE-1", className: "starci-core-menu-section", children: [entry.label === undefined ? null : _jsx(HeroHeader, { className: "starci-core-menu-section-label", children: entry.label }), entry.items.map((item) => renderItem(item, selection?.mode))] }, entry.id));
|
|
56
56
|
});
|
|
57
|
-
return (_jsxs(HeroDropdown, { ...overlayOpenProps(openState), children: [trigger, anchor, container === null ? null : (_jsx(HeroDropdown.Popover, { UNSTABLE_portalContainer: container, placement: placement, "data-grammar-overlay-surface": "menu", "data-contract": "LAYOUT-4
|
|
57
|
+
return (_jsxs(HeroDropdown, { ...overlayOpenProps(openState), children: [trigger, anchor, container === null ? null : (_jsx(HeroDropdown.Popover, { UNSTABLE_portalContainer: container, placement: placement, "data-grammar-overlay-surface": "menu", "data-contract": "LAYOUT-4 BOUNDARY-6 MOTION-2", className: "starci-core-menu-popover", children: _jsx(HeroDropdown.Menu, { onAction: handleAction, "data-tier": "branch", "data-component": "DropdownMenu", "data-grammar-menu-depth": "root", "data-contract": "FOCUS-2 FOCUS-5", className: "starci-core-menu", children: renderEntries(entries) }) }))] }));
|
|
58
58
|
};
|
|
59
59
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/core/branch/DropdownMenu/index.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,WAAW,IAAI,eAAe,EAAE,QAAQ,IAAI,YAAY,EAAE,MAAM,IAAI,UAAU,EAAE,MAAM,eAAe,CAAA;AAE9G,OAAO,EAAE,gBAAgB,EAAE,mBAAmB,EAAyB,MAAM,uBAAuB,CAAA;AACpG,OAAO,EAAE,IAAI,EAAmB,MAAM,+BAA+B,CAAA;AACrE,OAAO,EAAE,GAAG,EAAE,MAAM,8BAA8B,CAAA;AAuDlD,MAAM,SAAS,GAAG,CAAC,KAAwB,EAAgC,EAAE,CAAC,KAAK,CAAC,IAAI,KAAK,SAAS,CAAA;AAEtG,MAAM,YAAY,GAAG,CAAC,OAAqC,EAAE,OAAO,IAAI,GAAG,EAA4B,EAAE,EAAE;IACvG,KAAK,MAAM,KAAK,IAAI,OAAO,EAAE,CAAC;QAC1B,IAAI,SAAS,CAAC,KAAK,CAAC;YAAE,YAAY,CAAC,KAAK,CAAC,KAAK,EAAE,IAAI,CAAC,CAAA;aAChD,CAAC;YACF,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC,EAAE,EAAE,KAAK,CAAC,CAAA;YACzB,IAAI,KAAK,CAAC,OAAO,KAAK,SAAS;gBAAE,YAAY,CAAC,KAAK,CAAC,OAAO,EAAE,IAAI,CAAC,CAAA;QACtE,CAAC;IACL,CAAC;IACD,OAAO,IAAI,CAAA;AACf,CAAC,CAAA;AAED;;;;;;;;;GASG;AACH,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,EACzB,OAAO,EACP,OAAO,EACP,QAAQ,EACR,SAAS,GAAG,cAAc,EAC1B,GAAG,SAAS,EACI,EAAE,EAAE;IACpB,MAAM,EAAE,MAAM,EAAE,SAAS,EAAE,GAAG,mBAAmB,CAAC,cAAc,CAAC,CAAA;IACjE,MAAM,KAAK,GAAG,YAAY,CAAC,OAAO,CAAC,CAAA;IACnC,MAAM,YAAY,GAAG,CAAC,GAAoB,EAAE,EAAE;QAC1C,MAAM,EAAE,GAAG,MAAM,CAAC,GAAG,CAAC,CAAA;QACtB,KAAK,CAAC,GAAG,CAAC,EAAE,CAAC,EAAE,QAAQ,EAAE,EAAE,CAAA;QAC3B,QAAQ,EAAE,CAAC,EAAE,CAAC,CAAA;IAClB,CAAC,CAAA;IAED,MAAM,UAAU,GAAG,CAAC,IAAsB,EAAE,aAA6C,EAAa,EAAE;QACpG,MAAM,IAAI,GAAG,IAAI,CAAC,IAAI,IAAI,SAAS,CAAA;QACnC,MAAM,OAAO,GAAG,CACZ,8BACK,aAAa,KAAK,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAClC,KAAC,YAAY,CAAC,aAAa,IAAC,IAAI,EAAE,aAAa,KAAK,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,WAAW,EAAE,SAAS,EAAC,4BAA4B,GAAG,CAChI,EACA,IAAI,CAAC,UAAU,KAAK,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,KAAC,IAAI,IAAC,MAAM,EAAE,IAAI,CAAC,UAAU,EAAE,KAAK,EAAC,SAAS,GAAG,EACzF,gBAAM,SAAS,EAAC,4BAA4B,aACxC,eAAM,SAAS,EAAC,6BAA6B,YAAE,IAAI,CAAC,KAAK,GAAQ,EAChE,IAAI,CAAC,WAAW,KAAK,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CACrC,KAAC,eAAe,IAAC,SAAS,EAAC,mCAAmC,YAAE,IAAI,CAAC,WAAW,GAAmB,CACtG,IACE,EACN,IAAI,CAAC,QAAQ,KAAK,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAClC,eAAM,SAAS,EAAC,gCAAgC,gCAA4B,MAAM,YAAC,KAAC,GAAG,IAAC,IAAI,EAAE,IAAI,CAAC,QAAQ,GAAI,GAAO,CACzH,EACA,IAAI,CAAC,OAAO,KAAK,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,KAAC,YAAY,CAAC,gBAAgB,IAAC,SAAS,EAAC,oCAAoC,GAAG,IACtH,CACN,CAAA;QACD,MAAM,WAAW,GAAG,CAChB,KAAC,YAAY,CAAC,IAAI,IAEd,EAAE,EAAE,IAAI,CAAC,EAAE,EACX,SAAS,EAAE,IAAI,CAAC,KAAK,gBACT,IAAI,CAAC,KAAK,EACtB,OAAO,EAAE,IAAI,KAAK,UAAU,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,EACnD,UAAU,EAAE,IAAI,CAAC,UAAU,IAAI,KAAK,KAChC,CAAC,IAAI,CAAC,IAAI,KAAK,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,CAAC,4BACjC,MAAM,mBACf,eAAe,uBACV,IAAI,EACvB,SAAS,EAAC,uBAAuB,YAEhC,OAAO,IAZH,IAAI,CAAC,EAAE,CAaI,CACvB,CAAA;QACD,IAAI,IAAI,CAAC,OAAO,KAAK,SAAS;YAAE,OAAO,WAAW,CAAA;QAClD,OAAO,CACH,MAAC,YAAY,CAAC,cAAc,eACvB,WAAW,EAMZ,KAAC,YAAY,CAAC,OAAO,oCACY,MAAM,mBACrB,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/core/branch/DropdownMenu/index.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,WAAW,IAAI,eAAe,EAAE,QAAQ,IAAI,YAAY,EAAE,MAAM,IAAI,UAAU,EAAE,MAAM,eAAe,CAAA;AAE9G,OAAO,EAAE,gBAAgB,EAAE,mBAAmB,EAAyB,MAAM,uBAAuB,CAAA;AACpG,OAAO,EAAE,IAAI,EAAmB,MAAM,+BAA+B,CAAA;AACrE,OAAO,EAAE,GAAG,EAAE,MAAM,8BAA8B,CAAA;AAuDlD,MAAM,SAAS,GAAG,CAAC,KAAwB,EAAgC,EAAE,CAAC,KAAK,CAAC,IAAI,KAAK,SAAS,CAAA;AAEtG,MAAM,YAAY,GAAG,CAAC,OAAqC,EAAE,OAAO,IAAI,GAAG,EAA4B,EAAE,EAAE;IACvG,KAAK,MAAM,KAAK,IAAI,OAAO,EAAE,CAAC;QAC1B,IAAI,SAAS,CAAC,KAAK,CAAC;YAAE,YAAY,CAAC,KAAK,CAAC,KAAK,EAAE,IAAI,CAAC,CAAA;aAChD,CAAC;YACF,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC,EAAE,EAAE,KAAK,CAAC,CAAA;YACzB,IAAI,KAAK,CAAC,OAAO,KAAK,SAAS;gBAAE,YAAY,CAAC,KAAK,CAAC,OAAO,EAAE,IAAI,CAAC,CAAA;QACtE,CAAC;IACL,CAAC;IACD,OAAO,IAAI,CAAA;AACf,CAAC,CAAA;AAED;;;;;;;;;GASG;AACH,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,EACzB,OAAO,EACP,OAAO,EACP,QAAQ,EACR,SAAS,GAAG,cAAc,EAC1B,GAAG,SAAS,EACI,EAAE,EAAE;IACpB,MAAM,EAAE,MAAM,EAAE,SAAS,EAAE,GAAG,mBAAmB,CAAC,cAAc,CAAC,CAAA;IACjE,MAAM,KAAK,GAAG,YAAY,CAAC,OAAO,CAAC,CAAA;IACnC,MAAM,YAAY,GAAG,CAAC,GAAoB,EAAE,EAAE;QAC1C,MAAM,EAAE,GAAG,MAAM,CAAC,GAAG,CAAC,CAAA;QACtB,KAAK,CAAC,GAAG,CAAC,EAAE,CAAC,EAAE,QAAQ,EAAE,EAAE,CAAA;QAC3B,QAAQ,EAAE,CAAC,EAAE,CAAC,CAAA;IAClB,CAAC,CAAA;IAED,MAAM,UAAU,GAAG,CAAC,IAAsB,EAAE,aAA6C,EAAa,EAAE;QACpG,MAAM,IAAI,GAAG,IAAI,CAAC,IAAI,IAAI,SAAS,CAAA;QACnC,MAAM,OAAO,GAAG,CACZ,8BACK,aAAa,KAAK,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAClC,KAAC,YAAY,CAAC,aAAa,IAAC,IAAI,EAAE,aAAa,KAAK,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,WAAW,EAAE,SAAS,EAAC,4BAA4B,GAAG,CAChI,EACA,IAAI,CAAC,UAAU,KAAK,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,KAAC,IAAI,IAAC,MAAM,EAAE,IAAI,CAAC,UAAU,EAAE,KAAK,EAAC,SAAS,GAAG,EACzF,gBAAM,SAAS,EAAC,4BAA4B,aACxC,eAAM,SAAS,EAAC,6BAA6B,YAAE,IAAI,CAAC,KAAK,GAAQ,EAChE,IAAI,CAAC,WAAW,KAAK,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CACrC,KAAC,eAAe,IAAC,SAAS,EAAC,mCAAmC,YAAE,IAAI,CAAC,WAAW,GAAmB,CACtG,IACE,EACN,IAAI,CAAC,QAAQ,KAAK,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAClC,eAAM,SAAS,EAAC,gCAAgC,gCAA4B,MAAM,YAAC,KAAC,GAAG,IAAC,IAAI,EAAE,IAAI,CAAC,QAAQ,GAAI,GAAO,CACzH,EACA,IAAI,CAAC,OAAO,KAAK,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,KAAC,YAAY,CAAC,gBAAgB,IAAC,SAAS,EAAC,oCAAoC,GAAG,IACtH,CACN,CAAA;QACD,MAAM,WAAW,GAAG,CAChB,KAAC,YAAY,CAAC,IAAI,IAEd,EAAE,EAAE,IAAI,CAAC,EAAE,EACX,SAAS,EAAE,IAAI,CAAC,KAAK,gBACT,IAAI,CAAC,KAAK,EACtB,OAAO,EAAE,IAAI,KAAK,UAAU,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,EACnD,UAAU,EAAE,IAAI,CAAC,UAAU,IAAI,KAAK,KAChC,CAAC,IAAI,CAAC,IAAI,KAAK,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,CAAC,4BACjC,MAAM,mBACf,eAAe,uBACV,IAAI,EACvB,SAAS,EAAC,uBAAuB,YAEhC,OAAO,IAZH,IAAI,CAAC,EAAE,CAaI,CACvB,CAAA;QACD,IAAI,IAAI,CAAC,OAAO,KAAK,SAAS;YAAE,OAAO,WAAW,CAAA;QAClD,OAAO,CACH,MAAC,YAAY,CAAC,cAAc,eACvB,WAAW,EAMZ,KAAC,YAAY,CAAC,OAAO,oCACY,MAAM,mBACrB,8BAA8B,EAC5C,SAAS,EAAC,0BAA0B,YAEpC,KAAC,YAAY,CAAC,IAAI,kBACF,IAAI,CAAC,KAAK,EACtB,QAAQ,EAAE,YAAY,oBACP,cAAc,6BACL,SAAS,mBACnB,iBAAiB,EAC/B,SAAS,EAAC,kBAAkB,YAE3B,aAAa,CAAC,IAAI,CAAC,OAAO,CAAC,GACZ,GACD,KAtBO,IAAI,CAAC,EAAE,CAuBX,CACjC,CAAA;IACL,CAAC,CAAA;IAED,MAAM,aAAa,GAAG,CAAC,IAAkC,EAAe,EAAE,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE;QAC1F,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC;YAAE,OAAO,UAAU,CAAC,KAAK,CAAC,CAAA;QAC/C,MAAM,SAAS,GAAG,KAAK,CAAC,SAAS,CAAA;QACjC,OAAO,CACH,MAAC,YAAY,CAAC,OAAO,IAEjB,EAAE,EAAE,KAAK,CAAC,EAAE,KACR,CAAC,KAAK,CAAC,KAAK,KAAK,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,YAAY,EAAE,KAAK,CAAC,KAAK,EAAE,CAAC,KAChE,CAAC,SAAS,KAAK,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;gBAChC,aAAa,EAAE,SAAS,CAAC,IAAI;gBAC7B,YAAY,EAAE,IAAI,GAAG,CAAC,SAAS,CAAC,WAAW,CAAC;gBAC5C,iBAAiB,EAAE,CAAC,IAAkC,EAAE,EAAE;oBACtD,SAAS,CAAC,QAAQ,CAAC,IAAI,KAAK,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,EAAE,MAAM,CAAC,CAAC,CAAA;gBACtG,CAAC;aACJ,CAAC,+BACwB,MAAM,mBACjB,SAAS,KAAK,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,EAC9D,SAAS,EAAC,0BAA0B,aAEnC,KAAK,CAAC,KAAK,KAAK,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,KAAC,UAAU,IAAC,SAAS,EAAC,gCAAgC,YAAE,KAAK,CAAC,KAAK,GAAc,EACpH,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,UAAU,CAAC,IAAI,EAAE,SAAS,EAAE,IAAI,CAAC,CAAC,KAfxD,KAAK,CAAC,EAAE,CAgBM,CAC1B,CAAA;IACL,CAAC,CAAC,CAAA;IAEF,OAAO,CACH,MAAC,YAAY,OAAK,gBAAgB,CAAC,SAAS,CAAC,aACxC,OAAO,EACP,MAAM,EACN,SAAS,KAAK,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CACzB,KAAC,YAAY,CAAC,OAAO,IACjB,wBAAwB,EAAE,SAAS,EACnC,SAAS,EAAE,SAAS,kCACS,MAAM,mBACrB,8BAA8B,EAC5C,SAAS,EAAC,0BAA0B,YAEpC,KAAC,YAAY,CAAC,IAAI,IACd,QAAQ,EAAE,YAAY,eACZ,QAAQ,oBACH,cAAc,6BACL,MAAM,mBAChB,iBAAiB,EAC/B,SAAS,EAAC,kBAAkB,YAE3B,aAAa,CAAC,OAAO,CAAC,GACP,GACD,CAC1B,IACU,CAClB,CAAA;AACL,CAAC,CAAA"}
|
|
@@ -28,7 +28,7 @@ export type FlowGraphProps = {
|
|
|
28
28
|
* A node-and-edge map drawn with React Flow (`@xyflow/react`, a peer dependency) in grammar tokens. The radial layout
|
|
29
29
|
* puts the root in the centre with its children on a ring and their children on an outer ring around them. Nodes are
|
|
30
30
|
* keyboard focusable (Tab) and selectable with Enter or Space; a visually hidden list repeats the nodes for screen readers.
|
|
31
|
-
* Contract: focus FOCUS-2, selection
|
|
31
|
+
* Contract: focus FOCUS-2, selection STATE-1, empty STATE-3.
|
|
32
32
|
*/
|
|
33
33
|
export declare const FlowGraph: ({ label, nodes, edges, selectedId, onSelect, height, isInteractive, showControls, layout, emptyLabel, isLoading, className, }: FlowGraphProps) => import("react").JSX.Element;
|
|
34
34
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -28,7 +28,7 @@ const labelFor = (node) => node.count === undefined || node.count === "" ? node.
|
|
|
28
28
|
* A node-and-edge map drawn with React Flow (`@xyflow/react`, a peer dependency) in grammar tokens. The radial layout
|
|
29
29
|
* puts the root in the centre with its children on a ring and their children on an outer ring around them. Nodes are
|
|
30
30
|
* keyboard focusable (Tab) and selectable with Enter or Space; a visually hidden list repeats the nodes for screen readers.
|
|
31
|
-
* Contract: focus FOCUS-2, selection
|
|
31
|
+
* Contract: focus FOCUS-2, selection STATE-1, empty STATE-3.
|
|
32
32
|
*/
|
|
33
33
|
export const FlowGraph = ({ label, nodes, edges, selectedId, onSelect, height = "md", isInteractive = true, showControls, layout = "radial", emptyLabel = "Nothing to show yet.", isLoading = false, className, }) => {
|
|
34
34
|
const [ownSelectedId, setOwnSelectedId] = useState(null);
|
|
@@ -77,7 +77,7 @@ export const FlowGraph = ({ label, nodes, edges, selectedId, onSelect, height =
|
|
|
77
77
|
select(id);
|
|
78
78
|
};
|
|
79
79
|
const controls = showControls ?? isInteractive;
|
|
80
|
-
return (_jsx("figure", { "aria-label": label, className: ["starci-core-flow-graph", className].filter(Boolean).join(" "), "data-component": "FlowGraph", "data-contract": "FOCUS-2
|
|
80
|
+
return (_jsx("figure", { "aria-label": label, className: ["starci-core-flow-graph", className].filter(Boolean).join(" "), "data-component": "FlowGraph", "data-contract": "FOCUS-2 STATE-1 STATE-3", "data-grammar-flow-height": height, "data-grammar-flow-interactive": isInteractive ? "true" : "false", "data-grammar-flow-layout": layout, "data-tier": "branch", ...(isLoading ? { "aria-busy": true, "data-loading": "true" } : {}), onKeyDown: onKeyDown, children: isLoading ? (_jsx("div", { className: "starci-core-flow-graph-canvas starci-core-flow-graph-loading", "data-grammar-flow-loading": "true", children: _jsx(Skeleton, { shape: "rect" }) })) : nodes.length === 0 ? (_jsx("p", { className: "starci-core-flow-graph-empty", "data-contract": "STATE-3", "data-grammar-flow-empty": "true", children: emptyLabel })) : (_jsxs(_Fragment, { children: [_jsx("div", { className: "starci-core-flow-graph-canvas", children: _jsxs(ReactFlow, { edges: flowEdges, edgesFocusable: false, elementsSelectable: true, fitView: true, fitViewOptions: FIT_OPTIONS, maxZoom: 2, minZoom: 0.2, nodeOrigin: [0.5, 0.5], nodeTypes: NODE_TYPES, nodes: flowNodes, nodesConnectable: false, nodesDraggable: false, nodesFocusable: true, onNodeClick: (_event, node) => select(node.id), onPaneClick: () => { if (currentId !== null)
|
|
81
81
|
select(null); }, panOnDrag: isInteractive, panOnScroll: false, preventScrolling: isInteractive, proOptions: { hideAttribution: true }, zoomOnDoubleClick: false, zoomOnPinch: isInteractive, zoomOnScroll: isInteractive, children: [_jsx(Background, { className: "starci-core-flow-graph-background", gap: 1000, size: 0 }), controls ? _jsx(Controls, { "aria-label": `${label}: zoom`, className: "starci-core-flow-graph-controls", showInteractive: false }) : null, _jsx(Refit, { signature: signature })] }) }), _jsx("ul", { className: "starci-core-visually-hidden", "data-grammar-flow-fallback": "true", children: nodes.map((node) => _jsx("li", { children: labelFor(node) }, node.id)) })] })) }));
|
|
82
82
|
};
|
|
83
83
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/core/branch/FlowGraph/index.tsx"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/core/branch/FlowGraph/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -32,7 +32,7 @@ export type ListBoxProps = {
|
|
|
32
32
|
* A list of selectable or actionable rows (`role="listbox"`). Arrow keys, Home/End and typeahead
|
|
33
33
|
* move between rows; Space/Enter select. Each row exposes `data-grammar-selected` and the
|
|
34
34
|
* vendor `aria-selected`; long labels truncate and descriptions wrap at narrow widths.
|
|
35
|
-
* Contract: list FOCUS-2
|
|
35
|
+
* Contract: list FOCUS-2 STATE-1, empty STATE-3, leading glyph A11Y-2.
|
|
36
36
|
*/
|
|
37
37
|
export declare const ListBox: ({ label, items, selectionMode, selectedIds, defaultSelectedIds, onSelectionChange, onAction, emptyContent, isLoading, loadingRows, className, }: ListBoxProps) => import("react").JSX.Element;
|
|
38
38
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -8,13 +8,13 @@ const clampRows = (rows) => Math.min(12, Math.max(1, Math.floor(Number.isFinite(
|
|
|
8
8
|
* A list of selectable or actionable rows (`role="listbox"`). Arrow keys, Home/End and typeahead
|
|
9
9
|
* move between rows; Space/Enter select. Each row exposes `data-grammar-selected` and the
|
|
10
10
|
* vendor `aria-selected`; long labels truncate and descriptions wrap at narrow widths.
|
|
11
|
-
* Contract: list FOCUS-2
|
|
11
|
+
* Contract: list FOCUS-2 STATE-1, empty STATE-3, leading glyph A11Y-2.
|
|
12
12
|
*/
|
|
13
|
-
export const ListBox = ({ label, items, selectionMode = "single", selectedIds, defaultSelectedIds, onSelectionChange, onAction, emptyContent, isLoading = false, loadingRows = 3, className, }) => (_jsx(HeroListBox, { "aria-label": label, className: navigationClassName("starci-core-list-box", className), "data-component": "ListBox", "data-contract": "FOCUS-2
|
|
13
|
+
export const ListBox = ({ label, items, selectionMode = "single", selectedIds, defaultSelectedIds, onSelectionChange, onAction, emptyContent, isLoading = false, loadingRows = 3, className, }) => (_jsx(HeroListBox, { "aria-label": label, className: navigationClassName("starci-core-list-box", className), "data-component": "ListBox", "data-contract": "FOCUS-2 STATE-1", "data-tier": "branch", "data-loading": String(isLoading), ...(isLoading ? { render: (domProps) => _jsx("div", { ...domProps, "aria-busy": "true" }) } : {}), "data-grammar-list-selection": selectionMode, selectionMode: selectionMode, ...(selectedIds === undefined ? {} : { selectedKeys: new Set(selectedIds) }), ...(defaultSelectedIds === undefined ? {} : { defaultSelectedKeys: new Set(defaultSelectedIds) }), ...(onSelectionChange === undefined ? {} : {
|
|
14
14
|
onSelectionChange: (selection) => onSelectionChange(selection === "all" ? items.map((item) => item.id) : [...selection].map(String)),
|
|
15
15
|
}), ...(onAction === undefined ? {} : { onAction: (key) => onAction(String(key)) }), ...(isLoading
|
|
16
16
|
? {
|
|
17
17
|
renderEmptyState: () => (_jsx("div", { className: "starci-core-list-box-skeleton", "data-grammar-list-skeleton": "true", children: Array.from({ length: clampRows(loadingRows) }, (_, index) => (_jsx("div", { "aria-hidden": "true", className: "starci-core-list-box-item starci-core-list-box-skeleton-option", "data-grammar-skeleton": "true", children: _jsxs("span", { className: "starci-core-list-box-copy", children: [_jsx("span", { className: "starci-core-list-box-label", children: _jsx(Skeleton, { shape: "text" }) }), _jsx("span", { className: "starci-core-list-box-description", children: _jsx(Skeleton, { shape: "text" }) })] }) }, index))) })),
|
|
18
18
|
}
|
|
19
|
-
: emptyContent === undefined ? {} : { renderEmptyState: () => _jsx("div", { className: "starci-core-list-box-empty", "data-contract": "STATE-3", "data-grammar-list-empty": "true", children: emptyContent }) }), children: items.map((item) => (_jsx(HeroListBox.Item, { id: item.id, className: "starci-core-list-box-item", "data-grammar-list-item": "true", textValue: item.label, ...(item.isDisabled === undefined ? {} : { isDisabled: item.isDisabled }), children: ({ isSelected }) => (_jsxs("span", { className: "starci-core-list-box-row", "data-grammar-selected": isSelected ? "true" : "false", children: [item.leading === undefined ? null : _jsx("span", { "aria-hidden": "true", className: "starci-core-list-box-leading", "data-contract": "
|
|
19
|
+
: emptyContent === undefined ? {} : { renderEmptyState: () => _jsx("div", { className: "starci-core-list-box-empty", "data-contract": "STATE-3", "data-grammar-list-empty": "true", children: emptyContent }) }), children: items.map((item) => (_jsx(HeroListBox.Item, { id: item.id, className: "starci-core-list-box-item", "data-grammar-list-item": "true", textValue: item.label, ...(item.isDisabled === undefined ? {} : { isDisabled: item.isDisabled }), children: ({ isSelected }) => (_jsxs("span", { className: "starci-core-list-box-row", "data-grammar-selected": isSelected ? "true" : "false", children: [item.leading === undefined ? null : _jsx("span", { "aria-hidden": "true", className: "starci-core-list-box-leading", "data-contract": "A11Y-2", children: item.leading }), _jsxs("span", { className: "starci-core-list-box-copy", children: [_jsx("span", { className: "starci-core-list-box-label", children: item.label }), item.description === undefined ? null : _jsx("span", { className: "starci-core-list-box-description", children: item.description })] }), item.trailing === undefined ? null : _jsx("span", { className: "starci-core-list-box-trailing", children: item.trailing }), selectionMode === "none" ? null : _jsx(HeroListBox.ItemIndicator, { className: "starci-core-list-box-indicator" })] })) }, item.id))) }));
|
|
20
20
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/core/branch/ListBox/index.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAEZ,OAAO,EAAE,OAAO,IAAI,WAAW,EAAkB,MAAM,eAAe,CAAA;AAEtE,OAAO,EAAE,mBAAmB,EAAE,MAAM,+BAA+B,CAAA;AACnE,OAAO,EAAE,QAAQ,EAAE,MAAM,mCAAmC,CAAA;AAW5D,MAAM,SAAS,GAAG,CAAC,IAAY,EAAE,EAAE,CAAC,IAAI,CAAC,GAAG,CAAC,EAAE,EAAE,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;AAwB3G;;;;;GAKG;AACH,MAAM,CAAC,MAAM,OAAO,GAAG,CAAC,EACpB,KAAK,EACL,KAAK,EACL,aAAa,GAAG,QAAQ,EACxB,WAAW,EACX,kBAAkB,EAClB,iBAAiB,EACjB,QAAQ,EACR,YAAY,EACZ,SAAS,GAAG,KAAK,EACjB,WAAW,GAAG,CAAC,EACf,SAAS,GACE,EAAE,EAAE,CAAC,CAChB,KAAC,WAAW,kBACI,KAAK,EACjB,SAAS,EAAE,mBAAmB,CAAC,sBAAsB,EAAE,SAAS,CAAC,oBAClD,SAAS,mBACV,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/core/branch/ListBox/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -26,7 +26,7 @@ export type PopoverProps = PopoverBase & (TitledPopover | LabelledPopover);
|
|
|
26
26
|
* Unlike `Tooltip` (a description), a popover holds focusable content. React Aria moves focus into
|
|
27
27
|
* the panel, contains Tab while open, dismisses on Escape or an outside press, and returns focus to
|
|
28
28
|
* the trigger. The panel portals into the nearest Grammar root so the family scope still applies.
|
|
29
|
-
* Contract: panel LAYOUT-4
|
|
29
|
+
* Contract: panel LAYOUT-4 BOUNDARY-6 MOTION-2 (portal, shadow, reduced motion); dialog FOCUS-3.
|
|
30
30
|
*/
|
|
31
31
|
export declare const Popover: ({ trigger, children, placement, showArrow, title, label, ...openState }: PopoverProps) => import("react").JSX.Element;
|
|
32
32
|
export {};
|
|
@@ -7,10 +7,10 @@ import { overlayOpenProps, useOverlayContainer } from "../../overlayScope.js";
|
|
|
7
7
|
* Unlike `Tooltip` (a description), a popover holds focusable content. React Aria moves focus into
|
|
8
8
|
* the panel, contains Tab while open, dismisses on Escape or an outside press, and returns focus to
|
|
9
9
|
* the trigger. The panel portals into the nearest Grammar root so the family scope still applies.
|
|
10
|
-
* Contract: panel LAYOUT-4
|
|
10
|
+
* Contract: panel LAYOUT-4 BOUNDARY-6 MOTION-2 (portal, shadow, reduced motion); dialog FOCUS-3.
|
|
11
11
|
*/
|
|
12
12
|
export const Popover = ({ trigger, children, placement = "bottom", showArrow = false, title, label, ...openState }) => {
|
|
13
13
|
const { anchor, container } = useOverlayContainer("Popover");
|
|
14
|
-
return (_jsxs(HeroPopover, { ...overlayOpenProps(openState), children: [trigger, anchor, container === null ? null : (_jsxs(HeroPopover.Content, { UNSTABLE_portalContainer: container, placement: placement, offset: 8, "data-grammar-overlay-surface": "popover", "data-contract": "LAYOUT-4
|
|
14
|
+
return (_jsxs(HeroPopover, { ...overlayOpenProps(openState), children: [trigger, anchor, container === null ? null : (_jsxs(HeroPopover.Content, { UNSTABLE_portalContainer: container, placement: placement, offset: 8, "data-grammar-overlay-surface": "popover", "data-contract": "LAYOUT-4 BOUNDARY-6 MOTION-2", className: "starci-core-popover", children: [showArrow ? (_jsx(HeroPopover.Arrow, { className: "starci-core-popover-arrow", "data-grammar-popover-arrow": "true" })) : null, _jsxs(HeroPopover.Dialog, { "data-tier": "branch", "data-component": "Popover", "data-contract": "FOCUS-3", ...(label === undefined ? {} : { "aria-label": label }), className: "starci-core-popover-dialog", children: [title === undefined ? null : (_jsx(HeroPopover.Heading, { className: "starci-core-overlay-title", children: title })), _jsx("div", { className: "starci-core-popover-body", children: children })] })] }))] }));
|
|
15
15
|
};
|
|
16
16
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/core/branch/Popover/index.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,eAAe,CAAA;AAEtD,OAAO,EAAE,gBAAgB,EAAE,mBAAmB,EAAyB,MAAM,uBAAuB,CAAA;AAoBpG;;;;;;;GAOG;AACH,MAAM,CAAC,MAAM,OAAO,GAAG,CAAC,EACpB,OAAO,EACP,QAAQ,EACR,SAAS,GAAG,QAAQ,EACpB,SAAS,GAAG,KAAK,EACjB,KAAK,EACL,KAAK,EACL,GAAG,SAAS,EACD,EAAE,EAAE;IACf,MAAM,EAAE,MAAM,EAAE,SAAS,EAAE,GAAG,mBAAmB,CAAC,SAAS,CAAC,CAAA;IAE5D,OAAO,CACH,MAAC,WAAW,OAAK,gBAAgB,CAAC,SAAS,CAAC,aACvC,OAAO,EACP,MAAM,EACN,SAAS,KAAK,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CACzB,MAAC,WAAW,CAAC,OAAO,IAChB,wBAAwB,EAAE,SAAS,EACnC,SAAS,EAAE,SAAS,EACpB,MAAM,EAAE,CAAC,kCACoB,SAAS,mBACxB,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/core/branch/Popover/index.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,eAAe,CAAA;AAEtD,OAAO,EAAE,gBAAgB,EAAE,mBAAmB,EAAyB,MAAM,uBAAuB,CAAA;AAoBpG;;;;;;;GAOG;AACH,MAAM,CAAC,MAAM,OAAO,GAAG,CAAC,EACpB,OAAO,EACP,QAAQ,EACR,SAAS,GAAG,QAAQ,EACpB,SAAS,GAAG,KAAK,EACjB,KAAK,EACL,KAAK,EACL,GAAG,SAAS,EACD,EAAE,EAAE;IACf,MAAM,EAAE,MAAM,EAAE,SAAS,EAAE,GAAG,mBAAmB,CAAC,SAAS,CAAC,CAAA;IAE5D,OAAO,CACH,MAAC,WAAW,OAAK,gBAAgB,CAAC,SAAS,CAAC,aACvC,OAAO,EACP,MAAM,EACN,SAAS,KAAK,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CACzB,MAAC,WAAW,CAAC,OAAO,IAChB,wBAAwB,EAAE,SAAS,EACnC,SAAS,EAAE,SAAS,EACpB,MAAM,EAAE,CAAC,kCACoB,SAAS,mBACxB,8BAA8B,EAC5C,SAAS,EAAC,qBAAqB,aAE9B,SAAS,CAAC,CAAC,CAAC,CACT,KAAC,WAAW,CAAC,KAAK,IAAC,SAAS,EAAC,2BAA2B,gCAA4B,MAAM,GAAG,CAChG,CAAC,CAAC,CAAC,IAAI,EACR,MAAC,WAAW,CAAC,MAAM,iBACL,QAAQ,oBACH,SAAS,mBACV,SAAS,KACnB,CAAC,KAAK,KAAK,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,YAAY,EAAE,KAAK,EAAE,CAAC,EACxD,SAAS,EAAC,4BAA4B,aAErC,KAAK,KAAK,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAC1B,KAAC,WAAW,CAAC,OAAO,IAAC,SAAS,EAAC,2BAA2B,YAAE,KAAK,GAAuB,CAC3F,EACD,cAAK,SAAS,EAAC,0BAA0B,YAAE,QAAQ,GAAO,IACzC,IACH,CACzB,IACS,CACjB,CAAA;AACL,CAAC,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/core/branch/Select/index.tsx"],"names":[],"mappings":"AAQA,OAAO,EAAY,KAAK,SAAS,EAAE,MAAM,OAAO,CAAA;AAChD,OAAO,EAQH,KAAK,iBAAiB,EACzB,MAAM,gCAAgC,CAAA;AAEvC,yGAAyG;AACzG,MAAM,MAAM,UAAU,GAAG;IACrB,QAAQ,CAAC,EAAE,EAAE,MAAM,CAAA;IACnB,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAA;IACtB,QAAQ,CAAC,WAAW,CAAC,EAAE,SAAS,CAAA;IAChC,QAAQ,CAAC,UAAU,CAAC,EAAE,OAAO,CAAA;CAChC,CAAA;AAED,MAAM,MAAM,WAAW,GAAG,iBAAiB,GAAG;IAC1C,QAAQ,CAAC,OAAO,EAAE,aAAa,CAAC,UAAU,CAAC,CAAA;IAC3C,QAAQ,CAAC,WAAW,CAAC,EAAE,MAAM,CAAA;IAC7B,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IAC9B,QAAQ,CAAC,YAAY,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IACrC,QAAQ,CAAC,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAA;IACvD,+GAA+G;IAC/G,QAAQ,CAAC,SAAS,CAAC,EAAE,OAAO,CAAA;IAC5B;;;OAGG;IACH,QAAQ,CAAC,UAAU,CAAC,EAAE,OAAO,CAAA;IAC7B,wFAAwF;IACxF,QAAQ,CAAC,OAAO,CAAC,EAAE,SAAS,GAAG,WAAW,CAAA;CAC7C,CAAA;AAID,sFAAsF;AACtF,eAAO,MAAM,WAAW,GAAI,aAAa;IAAE,QAAQ,CAAC,OAAO,EAAE,aAAa,CAAC,UAAU,CAAC,CAAA;CAAE,gCAqBvF,CAAA;AAeD;;;;;;GAMG;AACH,eAAO,MAAM,MAAM,GAAI,wGAUpB,WAAW,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/core/branch/Select/index.tsx"],"names":[],"mappings":"AAQA,OAAO,EAAY,KAAK,SAAS,EAAE,MAAM,OAAO,CAAA;AAChD,OAAO,EAQH,KAAK,iBAAiB,EACzB,MAAM,gCAAgC,CAAA;AAEvC,yGAAyG;AACzG,MAAM,MAAM,UAAU,GAAG;IACrB,QAAQ,CAAC,EAAE,EAAE,MAAM,CAAA;IACnB,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAA;IACtB,QAAQ,CAAC,WAAW,CAAC,EAAE,SAAS,CAAA;IAChC,QAAQ,CAAC,UAAU,CAAC,EAAE,OAAO,CAAA;CAChC,CAAA;AAED,MAAM,MAAM,WAAW,GAAG,iBAAiB,GAAG;IAC1C,QAAQ,CAAC,OAAO,EAAE,aAAa,CAAC,UAAU,CAAC,CAAA;IAC3C,QAAQ,CAAC,WAAW,CAAC,EAAE,MAAM,CAAA;IAC7B,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IAC9B,QAAQ,CAAC,YAAY,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IACrC,QAAQ,CAAC,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAA;IACvD,+GAA+G;IAC/G,QAAQ,CAAC,SAAS,CAAC,EAAE,OAAO,CAAA;IAC5B;;;OAGG;IACH,QAAQ,CAAC,UAAU,CAAC,EAAE,OAAO,CAAA;IAC7B,wFAAwF;IACxF,QAAQ,CAAC,OAAO,CAAC,EAAE,SAAS,GAAG,WAAW,CAAA;CAC7C,CAAA;AAID,sFAAsF;AACtF,eAAO,MAAM,WAAW,GAAI,aAAa;IAAE,QAAQ,CAAC,OAAO,EAAE,aAAa,CAAC,UAAU,CAAC,CAAA;CAAE,gCAqBvF,CAAA;AAeD;;;;;;GAMG;AACH,eAAO,MAAM,MAAM,GAAI,wGAUpB,WAAW,gCA+Db,CAAA"}
|
|
@@ -26,6 +26,10 @@ export const ListOptions = ({ options }) => (_jsx(_Fragment, { children: options
|
|
|
26
26
|
*/
|
|
27
27
|
export const Select = ({ options, placeholder, value, defaultValue, onValueChange, isPending = false, isSkeleton = false, variant = "primary", ...field }) => {
|
|
28
28
|
const [heldValue] = useState(value ?? defaultValue ?? null);
|
|
29
|
+
const [chosen, setChosen] = useState(defaultValue ?? null);
|
|
30
|
+
const shownKey = value === undefined ? chosen : value;
|
|
31
|
+
/** The full selected text: the one-line value ellipsizes, so the trigger keeps it as its title. */
|
|
32
|
+
const selectedText = options.find((option) => option.id === shownKey)?.label;
|
|
29
33
|
const { anchor, portalProps } = useGrammarPortal();
|
|
30
34
|
const readOnly = field.isReadOnly === true;
|
|
31
35
|
const selection = readOnly
|
|
@@ -34,10 +38,14 @@ export const Select = ({ options, placeholder, value, defaultValue, onValueChang
|
|
|
34
38
|
if (isSkeleton) {
|
|
35
39
|
return _jsx(FieldSkeleton, { component: "Select", tier: "branch", label: field.label, isLabelHidden: field.isLabelHidden, isRequired: field.isRequired, variant: variant, kind: "select", className: "starci-core-select" });
|
|
36
40
|
}
|
|
37
|
-
return (_jsxs(HeroSelect, { "data-tier": "branch", "data-component": "Select", "data-contract": "A11Y-1
|
|
38
|
-
if (!readOnly)
|
|
41
|
+
return (_jsxs(HeroSelect, { "data-tier": "branch", "data-component": "Select", "data-contract": "A11Y-1 STATE-1 STATE-6", className: "starci-core-field starci-core-select", fullWidth: true, variant: variant, ...fieldVariantAttributes(variant), ...vendorFieldProps({ ...field, isPending }), ...(placeholder === undefined ? {} : { placeholder }), ...selection, ...(readOnly ? { isOpen: false } : {}), onChange: (key) => {
|
|
42
|
+
if (!readOnly) {
|
|
43
|
+
setChosen(toValue(key));
|
|
39
44
|
onValueChange?.(toValue(key));
|
|
40
|
-
|
|
45
|
+
}
|
|
46
|
+
}, children: [anchor, _jsx(FieldLabel, { isHidden: field.isLabelHidden, isRequired: field.isRequired, children: field.label }), _jsxs(HeroSelect.Trigger, { className: "starci-core-select-trigger", "data-grammar-field-control": "true", isPending: isPending, children: [_jsx(HeroSelect.Value, { className: "starci-core-select-value", children: ({ defaultChildren, isPlaceholder }) => (selectedText === undefined || isPlaceholder
|
|
47
|
+
? defaultChildren
|
|
48
|
+
: _jsx("span", { className: "starci-core-select-value-text", title: selectedText, children: defaultChildren })) }), isPending
|
|
41
49
|
? _jsx(HeroSpinner, { size: "sm", color: "current", "aria-hidden": "true", className: "starci-core-field-spinner" })
|
|
42
50
|
: _jsx(HeroSelect.Indicator, { className: "starci-core-select-indicator" })] }), _jsx(FieldDescription, { children: field.description }), _jsx(FieldErrorText, { children: field.errorMessage }), _jsx(HeroSelect.Popover, { className: "starci-core-list-popover", "data-grammar-popover": "Select", "data-contract": "LAYOUT-4", ...portalProps, children: _jsx(HeroListBox, { className: "starci-core-list", children: _jsx(ListOptions, { options: options }) }) })] }));
|
|
43
51
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/core/branch/Select/index.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAEZ,OAAO,EACH,OAAO,IAAI,WAAW,EACtB,MAAM,IAAI,UAAU,EACpB,OAAO,IAAI,WAAW,GAEzB,MAAM,eAAe,CAAA;AACtB,OAAO,EAAE,QAAQ,EAAkB,MAAM,OAAO,CAAA;AAChD,OAAO,EACH,gBAAgB,EAChB,cAAc,EACd,UAAU,EACV,aAAa,EACb,sBAAsB,EACtB,gBAAgB,EAChB,gBAAgB,GAEnB,MAAM,gCAAgC,CAAA;AA2BvC,MAAM,OAAO,GAAG,CAAC,GAAe,EAAiB,EAAE,CAAC,CAAC,GAAG,KAAK,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,CAAA;AAEvF,sFAAsF;AACtF,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,EAAE,OAAO,EAAmD,EAAE,EAAE,CAAC,CACzF,4BACK,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,CACrB,MAAC,WAAW,CAAC,IAAI,IAEb,EAAE,EAAE,MAAM,CAAC,EAAE,EACb,SAAS,EAAE,MAAM,CAAC,KAAK,EACvB,UAAU,EAAE,MAAM,CAAC,UAAU,KAAK,IAAI,EACtC,SAAS,EAAC,yBAAyB,yBACf,MAAM,aAE1B,gBAAM,SAAS,EAAC,8BAA8B,aAC1C,eAAM,SAAS,EAAC,+BAA+B,YAAE,MAAM,CAAC,KAAK,GAAQ,EACpE,MAAM,CAAC,WAAW,IAAI,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CACjC,eAAM,SAAS,EAAC,qCAAqC,YAAE,MAAM,CAAC,WAAW,GAAQ,CACpF,IACE,EACP,KAAC,WAAW,CAAC,aAAa,KAAG,KAbxB,MAAM,CAAC,EAAE,CAcC,CACtB,CAAC,GACH,CACN,CAAA;AAED;;;;GAIG;AAEH;;;;;GAKG;AAEH;;;;;;GAMG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,CAAC,EACnB,OAAO,EACP,WAAW,EACX,KAAK,EACL,YAAY,EACZ,aAAa,EACb,SAAS,GAAG,KAAK,EACjB,UAAU,GAAG,KAAK,EAClB,OAAO,GAAG,SAAS,EACnB,GAAG,KAAK,EACE,EAAE,EAAE;IACd,MAAM,CAAC,SAAS,CAAC,GAAG,QAAQ,CAAgB,KAAK,IAAI,YAAY,IAAI,IAAI,CAAC,CAAA;IAC1E,MAAM,EAAE,MAAM,EAAE,WAAW,EAAE,GAAG,gBAAgB,EAAE,CAAA;IAClD,MAAM,QAAQ,GAAG,KAAK,CAAC,UAAU,KAAK,IAAI,CAAA;IAC1C,MAAM,SAAS,GAAG,QAAQ;QACtB,CAAC,CAAC,EAAE,KAAK,EAAE,KAAK,KAAK,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,KAAK,EAAE;QACpD,CAAC,CAAC,KAAK,KAAK,SAAS,CAAC,CAAC,CAAC,YAAY,KAAK,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,YAAY,EAAE,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,CAAA;IAE1F,IAAI,UAAU,EAAE,CAAC;QACb,OAAO,KAAC,aAAa,IAAC,SAAS,EAAC,QAAQ,EAAC,IAAI,EAAC,QAAQ,EAAC,KAAK,EAAE,KAAK,CAAC,KAAK,EAAE,aAAa,EAAE,KAAK,CAAC,aAAa,EAAE,UAAU,EAAE,KAAK,CAAC,UAAU,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAC,QAAQ,EAAC,SAAS,EAAC,oBAAoB,GAAG,CAAA;IAClN,CAAC;IAED,OAAO,CACH,MAAC,UAAU,iBACG,QAAQ,oBACH,QAAQ,mBACT,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/core/branch/Select/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -48,7 +48,7 @@ export type ToastProps = {
|
|
|
48
48
|
*
|
|
49
49
|
* Escape dismisses a focused toast. The timer counts only while not paused, and restarts when the
|
|
50
50
|
* toast is updated. Tone is echoed on `data-grammar-tone`.
|
|
51
|
-
* Contract: A11Y-4 (decisions never time out) FOCUS-5 (Escape = close button)
|
|
51
|
+
* Contract: A11Y-4 (decisions never time out) FOCUS-5 (Escape = close button) BOUNDARY-6 MOTION-2.
|
|
52
52
|
*/
|
|
53
53
|
export declare const Toast: ({ toast, dismissLabel, onDismiss, isPaused }: ToastProps) => import("react").JSX.Element;
|
|
54
54
|
export type ToasterPlacement = "top-start" | "top" | "top-end" | "bottom-start" | "bottom" | "bottom-end";
|
|
@@ -58,7 +58,7 @@ export const toastQueue = createToastQueue();
|
|
|
58
58
|
*
|
|
59
59
|
* Escape dismisses a focused toast. The timer counts only while not paused, and restarts when the
|
|
60
60
|
* toast is updated. Tone is echoed on `data-grammar-tone`.
|
|
61
|
-
* Contract: A11Y-4 (decisions never time out) FOCUS-5 (Escape = close button)
|
|
61
|
+
* Contract: A11Y-4 (decisions never time out) FOCUS-5 (Escape = close button) BOUNDARY-6 MOTION-2.
|
|
62
62
|
*/
|
|
63
63
|
export const Toast = ({ toast, dismissLabel, onDismiss, isPaused = false }) => {
|
|
64
64
|
const tone = toast.tone ?? "neutral";
|
|
@@ -87,7 +87,7 @@ export const Toast = ({ toast, dismissLabel, onDismiss, isPaused = false }) => {
|
|
|
87
87
|
event.stopPropagation();
|
|
88
88
|
onDismiss();
|
|
89
89
|
};
|
|
90
|
-
return (_jsxs("div", { "data-tier": "branch", "data-component": "Toast", "data-grammar-tone": tone, "data-grammar-overlay-surface": "toast", "data-persistent": timeout <= 0 ? "true" : "false", "data-contract": "A11Y-4 FOCUS-5
|
|
90
|
+
return (_jsxs("div", { "data-tier": "branch", "data-component": "Toast", "data-grammar-tone": tone, "data-grammar-overlay-surface": "toast", "data-persistent": timeout <= 0 ? "true" : "false", "data-contract": "A11Y-4 FOCUS-5 BOUNDARY-6 MOTION-2", className: "starci-core-toast", onKeyDown: onKeyDown, children: [tone === "pending" ? (_jsx("span", { className: "starci-core-toast-indicator", "aria-hidden": "true", "data-contract": "A11Y-2", children: _jsx(HeroSpinner, { role: "presentation", "aria-hidden": "true", size: "sm", color: "current" }) })) : _jsx("span", { className: "starci-core-toast-indicator", "data-grammar-toast-indicator": tone, "aria-hidden": "true", "data-contract": "A11Y-2" }), _jsxs("div", { className: "starci-core-toast-copy", children: [_jsx("p", { className: "starci-core-toast-title", children: toast.title }), toast.description === undefined ? null : _jsx("p", { className: "starci-core-toast-description", children: toast.description })] }), toast.action === undefined ? null : (_jsx("span", { className: "starci-core-toast-action", "data-grammar-toast-action": "true", children: _jsx(Button, { size: "sm", variant: "secondary", onPress: () => {
|
|
91
91
|
toast.action?.onAction();
|
|
92
92
|
onDismiss();
|
|
93
93
|
}, children: toast.action.label }) })), _jsx(CloseButton, { label: dismissLabel, size: "sm", onPress: onDismiss })] }));
|