gridsmith-ui 0.28.0 → 0.29.0
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/CHANGELOG.md +22 -1
- package/dist/charts.d.ts +2 -2
- package/dist/charts.js.map +1 -1
- package/dist/index.d.ts +7 -22
- package/dist/index.js +7 -16
- package/dist/index.js.map +1 -1
- package/package.json +2 -2
package/dist/index.d.ts
CHANGED
|
@@ -343,12 +343,8 @@ interface CheckboxGroupItemProps {
|
|
|
343
343
|
value: string;
|
|
344
344
|
label: string;
|
|
345
345
|
disabled?: boolean;
|
|
346
|
-
/** @deprecated Use CheckboxGroup's value/onChange via context instead. */
|
|
347
|
-
groupValue?: string[];
|
|
348
|
-
/** @deprecated Use CheckboxGroup's value/onChange via context instead. */
|
|
349
|
-
onGroupChange?: (value: string[]) => void;
|
|
350
346
|
}
|
|
351
|
-
declare function CheckboxGroupItem({ value, label, disabled
|
|
347
|
+
declare function CheckboxGroupItem({ value, label, disabled }: CheckboxGroupItemProps): react_jsx_runtime.JSX.Element;
|
|
352
348
|
|
|
353
349
|
interface RadioOption {
|
|
354
350
|
value: string;
|
|
@@ -1485,11 +1481,6 @@ interface AvatarGroupItem {
|
|
|
1485
1481
|
initials?: string;
|
|
1486
1482
|
src?: string;
|
|
1487
1483
|
alt?: string;
|
|
1488
|
-
/**
|
|
1489
|
-
* @deprecated Ignored: a group draws no status (the owner, 30 September 2026: dots on overlapping avatars read as
|
|
1490
|
-
* broken). Show someone's status with a single Avatar.
|
|
1491
|
-
*/
|
|
1492
|
-
status?: AvatarStatus;
|
|
1493
1484
|
color?: AvatarColor;
|
|
1494
1485
|
}
|
|
1495
1486
|
interface AvatarGroupProps {
|
|
@@ -1994,10 +1985,6 @@ interface StackedListProps {
|
|
|
1994
1985
|
/** The current row in a master-detail list. Its treatment follows the theme's in-page vertical active style (rail, tint or pill), like Tabs. */
|
|
1995
1986
|
selectedId?: string | number;
|
|
1996
1987
|
className?: string;
|
|
1997
|
-
/** @deprecated Sprint 25.4: use variant="articles". Accepted for one version. */
|
|
1998
|
-
flush?: boolean;
|
|
1999
|
-
/** @deprecated Sprint 25.4: use variant="articles" (hover="title") — the default variant tints the row. */
|
|
2000
|
-
hover?: "tint" | "title";
|
|
2001
1988
|
/**
|
|
2002
1989
|
* The list's pager (Sprint 25.13 A3), from `usePagination(items)` over the same items: the list draws the pager's
|
|
2003
1990
|
* part of every item and, beneath it, the control in the project's style. Draw no <Pagination> of your own.
|
|
@@ -3078,7 +3065,7 @@ interface DockProps {
|
|
|
3078
3065
|
declare function Dock({ items, magnification, baseSize, className, }: DockProps): react_jsx_runtime.JSX.Element;
|
|
3079
3066
|
|
|
3080
3067
|
/** `tint` (soft accent fill), `underline`, `minimal`, `pill` (solid accent fill). `default` is the deprecated pre-20.8 name for `tint`. */
|
|
3081
|
-
type NavbarType = "tint" | "underline" | "minimal" | "pill"
|
|
3068
|
+
type NavbarType = "tint" | "underline" | "minimal" | "pill";
|
|
3082
3069
|
type NavbarAlign = "left" | "center" | "right";
|
|
3083
3070
|
type NavbarVariant = "default" | "transparent" | "compact" | "elevated" | "blurred";
|
|
3084
3071
|
type NavbarSize = "sm" | "md" | "lg";
|
|
@@ -3107,12 +3094,10 @@ interface NavbarProps {
|
|
|
3107
3094
|
declare const Navbar: react.ForwardRefExoticComponent<NavbarProps & react.RefAttributes<HTMLElement>>;
|
|
3108
3095
|
|
|
3109
3096
|
/**
|
|
3110
|
-
* Navbar active style. `tint` is the soft accent fill
|
|
3111
|
-
*
|
|
3112
|
-
* accent fill with on-primary text. `default` is accepted as a deprecated alias
|
|
3113
|
-
* for `tint` for one release.
|
|
3097
|
+
* Navbar active style. `tint` is the soft accent fill, `underline` the bottom indicator, `minimal` a text-only
|
|
3098
|
+
* change, `pill` a solid accent fill with on-primary text.
|
|
3114
3099
|
*/
|
|
3115
|
-
type NavItemType = "tint" | "underline" | "minimal" | "pill"
|
|
3100
|
+
type NavItemType = "tint" | "underline" | "minimal" | "pill";
|
|
3116
3101
|
interface NavItemProps {
|
|
3117
3102
|
label: string;
|
|
3118
3103
|
icon?: IconName;
|
|
@@ -3147,8 +3132,8 @@ interface NavMenuProps {
|
|
|
3147
3132
|
}
|
|
3148
3133
|
declare function NavMenu({ label, items, active, type: typeProp, onItemClick, className, }: NavMenuProps): react_jsx_runtime.JSX.Element;
|
|
3149
3134
|
|
|
3150
|
-
/** Mirrors NavbarType.
|
|
3151
|
-
type MobileHeaderMenuType = "tint" | "underline" | "minimal" | "pill"
|
|
3135
|
+
/** Mirrors NavbarType. */
|
|
3136
|
+
type MobileHeaderMenuType = "tint" | "underline" | "minimal" | "pill";
|
|
3152
3137
|
interface MobileHeaderMenuItemData {
|
|
3153
3138
|
label: string;
|
|
3154
3139
|
icon?: IconName;
|
package/dist/index.js
CHANGED
|
@@ -35,7 +35,7 @@ import { Icon, slotIcon, warnOnce } from './chunk-TJEV7YAY.js';
|
|
|
35
35
|
import { usePosition } from './chunk-HP7WUZPK.js';
|
|
36
36
|
import { useLatest } from './chunk-WH2FUFAC.js';
|
|
37
37
|
import { cn, FOCUS_RING, GLASS_SURFACE, FOCUS_INSET, PEER_FOCUS_RING, GLASS_BACKDROP, GLASS_DROPDOWN, lockBodyScroll, unlockBodyScroll, OVERLAY_SURFACE, GLASS_OVERLAY, ERROR_HAS_FOCUS_RING, FIELD_HAS_FOCUS_RING, GROUP_FOCUS_RING, ERROR_ACTIVE_RING, ACTIVE_RING, ERROR_FOCUS_WITHIN_RING, FIELD_FOCUS_WITHIN_RING, ERROR_FOCUS_RING, FIELD_FOCUS_RING } from './chunk-66JJCQU3.js';
|
|
38
|
-
import { createContext, forwardRef, useState, useRef, useCallback, useLayoutEffect, useMemo, useContext, isValidElement, useId, memo,
|
|
38
|
+
import { createContext, forwardRef, useState, useRef, useCallback, useLayoutEffect, useMemo, useContext, isValidElement, useId, memo, useImperativeHandle, useEffect, Children, Fragment as Fragment$1, cloneElement, useSyncExternalStore } from 'react';
|
|
39
39
|
import { createPortal, flushSync } from 'react-dom';
|
|
40
40
|
import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
|
|
41
41
|
|
|
@@ -721,10 +721,10 @@ var CheckboxGroupContext = createContext(null);
|
|
|
721
721
|
function CheckboxGroup({ value, onChange, children, className }) {
|
|
722
722
|
return /* @__PURE__ */ jsx(CheckboxGroupContext, { value: { value, onChange }, children: /* @__PURE__ */ jsx("div", { role: "group", className: cn("flex flex-col gap-ds-2", className), children }) });
|
|
723
723
|
}
|
|
724
|
-
function CheckboxGroupItem({ value, label, disabled
|
|
724
|
+
function CheckboxGroupItem({ value, label, disabled }) {
|
|
725
725
|
const ctx = useContext(CheckboxGroupContext);
|
|
726
|
-
const resolvedValue = ctx?.value ??
|
|
727
|
-
const resolvedOnChange = ctx?.onChange
|
|
726
|
+
const resolvedValue = ctx?.value ?? [];
|
|
727
|
+
const resolvedOnChange = ctx?.onChange;
|
|
728
728
|
const checked = resolvedValue.includes(value);
|
|
729
729
|
return /* @__PURE__ */ jsx(
|
|
730
730
|
Checkbox,
|
|
@@ -11122,28 +11122,18 @@ function TruncText({ children, className }) {
|
|
|
11122
11122
|
if (!isTruncated) return text;
|
|
11123
11123
|
return /* @__PURE__ */ jsx(Tooltip, { content: children, children: text });
|
|
11124
11124
|
}
|
|
11125
|
-
var warnedLegacyProps = false;
|
|
11126
11125
|
var StackedList = forwardRef(function StackedList2({
|
|
11127
11126
|
items,
|
|
11128
11127
|
divided = true,
|
|
11129
|
-
variant
|
|
11128
|
+
variant = "list",
|
|
11130
11129
|
selectedId,
|
|
11131
11130
|
className,
|
|
11132
|
-
flush,
|
|
11133
|
-
hover,
|
|
11134
11131
|
pager
|
|
11135
11132
|
}, ref) {
|
|
11136
11133
|
useScrollsInside();
|
|
11137
11134
|
const isPhone = useBreakpoint("sm");
|
|
11138
11135
|
const inCard = useContext(CardSurfaceCtx);
|
|
11139
11136
|
const inPane = !!useContext(SplitPaneCtx);
|
|
11140
|
-
const variant = variantProp ?? (flush || hover === "title" ? "articles" : "list");
|
|
11141
|
-
const legacy = flush !== void 0 || hover !== void 0;
|
|
11142
|
-
useEffect(() => {
|
|
11143
|
-
if (!legacy || warnedLegacyProps) return;
|
|
11144
|
-
warnedLegacyProps = true;
|
|
11145
|
-
console.warn('StackedList: `flush` and `hover` are deprecated \u2014 pass variant="articles" for an article list; the default variant takes its inset from the pane or card it sits in.');
|
|
11146
|
-
}, [legacy]);
|
|
11147
11137
|
const articles = variant === "articles";
|
|
11148
11138
|
useWholeListCheck("StackedList", items.length, pager);
|
|
11149
11139
|
const shown = pagerPart(items, pager);
|
|
@@ -16535,8 +16525,9 @@ function Dock({
|
|
|
16535
16525
|
}
|
|
16536
16526
|
);
|
|
16537
16527
|
}
|
|
16528
|
+
var NAV_ITEM_TYPES = /* @__PURE__ */ new Set(["tint", "underline", "minimal", "pill"]);
|
|
16538
16529
|
function resolveNavItemType(type) {
|
|
16539
|
-
return type
|
|
16530
|
+
return type !== void 0 && NAV_ITEM_TYPES.has(type) ? type : "tint";
|
|
16540
16531
|
}
|
|
16541
16532
|
var NavbarTypeContext = createContext("tint");
|
|
16542
16533
|
var NavItem = forwardRef(function NavItem2({ label, icon, active = false, href, onClick, type: typeProp, className, children }, ref) {
|