@astryxdesign/core 0.6.3-canary.db7b338 → 0.6.3-canary.dc3e46d
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/dist/Avatar/Avatar.d.ts.map +1 -1
- package/dist/Avatar/Avatar.js +1 -1
- package/dist/Avatar/AvatarSizeContext.js +3 -3
- package/dist/AvatarGroup/AvatarGroup.d.ts +2 -1
- package/dist/AvatarGroup/AvatarGroup.d.ts.map +1 -1
- package/dist/AvatarGroup/AvatarGroup.js +13 -2
- package/dist/AvatarGroup/AvatarGroupContext.d.ts.map +1 -1
- package/dist/AvatarGroup/AvatarGroupContext.js +4 -3
- package/dist/AvatarGroup/AvatarGroupOverflow.d.ts.map +1 -1
- package/dist/AvatarGroup/AvatarGroupOverflow.js +1 -1
- package/dist/BottomSheet/BottomSheetPanel.d.ts +1 -1
- package/dist/BottomSheet/BottomSheetPanel.d.ts.map +1 -1
- package/dist/BottomSheet/BottomSheetPanel.js +7 -3
- package/dist/Breadcrumbs/Breadcrumbs.d.ts +1 -1
- package/dist/Breadcrumbs/Breadcrumbs.d.ts.map +1 -1
- package/dist/Breadcrumbs/Breadcrumbs.js +4 -3
- package/dist/Button/Button.js +5 -5
- package/dist/ButtonGroup/ButtonGroupContext.d.ts.map +1 -1
- package/dist/ButtonGroup/ButtonGroupContext.js +4 -3
- package/dist/Chat/ChatContext.d.ts +1 -1
- package/dist/Chat/ChatContext.d.ts.map +1 -1
- package/dist/Chat/ChatContext.js +4 -3
- package/dist/CheckboxInput/CheckboxInput.js +1 -1
- package/dist/CheckboxList/CheckboxList.d.ts.map +1 -1
- package/dist/CheckboxList/CheckboxList.js +8 -7
- package/dist/CheckboxList/CheckboxListContext.d.ts +4 -3
- package/dist/CheckboxList/CheckboxListContext.d.ts.map +1 -1
- package/dist/CheckboxList/CheckboxListContext.js +3 -3
- package/dist/CheckboxList/CheckboxListItem.d.ts +14 -8
- package/dist/CheckboxList/CheckboxListItem.d.ts.map +1 -1
- package/dist/CheckboxList/CheckboxListItem.js +16 -5
- package/dist/Collapsible/CollapsibleGroupContext.d.ts.map +1 -1
- package/dist/Collapsible/CollapsibleGroupContext.js +3 -2
- package/dist/Dialog/Dialog.d.ts +1 -1
- package/dist/Dialog/Dialog.d.ts.map +1 -1
- package/dist/Dialog/Dialog.js +11 -5
- package/dist/Dialog/DialogHeader.d.ts +10 -3
- package/dist/Dialog/DialogHeader.d.ts.map +1 -1
- package/dist/Dialog/DialogHeader.js +4 -1
- package/dist/DropdownMenu/DropdownMenuContext.d.ts.map +1 -1
- package/dist/DropdownMenu/DropdownMenuContext.js +3 -1
- package/dist/FormLayout/FormLayoutContext.js +3 -3
- package/dist/Icon/IconDefaultSizeContext.d.ts.map +1 -1
- package/dist/Icon/IconDefaultSizeContext.js +4 -3
- package/dist/Indicator/CheckboxIndicator.d.ts +5 -5
- package/dist/Indicator/CheckboxIndicator.js +5 -5
- package/dist/Indicator/types.d.ts +6 -4
- package/dist/Indicator/types.d.ts.map +1 -1
- package/dist/InputGroup/InputGroupContext.d.ts.map +1 -1
- package/dist/InputGroup/InputGroupContext.js +4 -3
- package/dist/InputGroup/groupStyles.d.ts +1 -1
- package/dist/InputGroup/groupStyles.js +6 -6
- package/dist/Layer/LayerDepthContext.d.ts +1 -1
- package/dist/Layer/LayerDepthContext.js +1 -1
- package/dist/Layer/layerScopedContext.d.ts +13 -0
- package/dist/Layer/layerScopedContext.d.ts.map +1 -0
- package/dist/Layer/layerScopedContext.js +32 -0
- package/dist/Layer/layerStack.d.ts.map +1 -1
- package/dist/Layer/layerStack.js +12 -10
- package/dist/Layer/layerTextReset.stylex.d.ts +33 -0
- package/dist/Layer/layerTextReset.stylex.d.ts.map +1 -0
- package/dist/Layer/layerTextReset.stylex.js +39 -0
- package/dist/Layer/useLayer.d.ts +1 -1
- package/dist/Layer/useLayer.d.ts.map +1 -1
- package/dist/Layer/useLayer.js +11 -10
- package/dist/Layer/useLayerDismissal.d.ts +8 -8
- package/dist/Layer/useLayerDismissal.d.ts.map +1 -1
- package/dist/Layer/useLayerDismissal.js +18 -9
- package/dist/Layout/LayoutDividerContext.js +3 -3
- package/dist/Layout/LayoutSlotsContext.js +3 -3
- package/dist/Lightbox/Lightbox.d.ts +1 -1
- package/dist/Lightbox/Lightbox.d.ts.map +1 -1
- package/dist/Lightbox/Lightbox.js +82 -78
- package/dist/List/ListContext.js +3 -3
- package/dist/Markdown/Markdown.d.ts.map +1 -1
- package/dist/Markdown/Markdown.js +100 -16
- package/dist/Markdown/MarkdownTable.a11y.chromium.spec.d.ts +2 -0
- package/dist/Markdown/MarkdownTable.a11y.chromium.spec.d.ts.map +1 -0
- package/dist/Markdown/MarkdownTable.a11y.chromium.spec.js +589 -0
- package/dist/Markdown/parser.d.ts.map +1 -1
- package/dist/Markdown/parser.js +116 -23
- package/dist/MetadataList/MetadataListContext.js +3 -3
- package/dist/MobileNav/MobileNav.d.ts.map +1 -1
- package/dist/MobileNav/MobileNav.js +35 -31
- package/dist/NavMenu/NavMenuContext.d.ts.map +1 -1
- package/dist/NavMenu/NavMenuContext.js +3 -2
- package/dist/RadioList/RadioList.d.ts +0 -13
- package/dist/RadioList/RadioList.d.ts.map +1 -1
- package/dist/RadioList/RadioList.js +4 -3
- package/dist/SegmentedControl/SegmentedControlContext.d.ts.map +1 -1
- package/dist/SegmentedControl/SegmentedControlContext.js +4 -3
- package/dist/Selector/SelectorRowLayoutContext.d.ts.map +1 -1
- package/dist/Selector/SelectorRowLayoutContext.js +4 -3
- package/dist/SizeContext/SizeContext.d.ts.map +1 -1
- package/dist/SizeContext/SizeContext.js +4 -3
- package/dist/Stepper/StepperContext.d.ts +1 -1
- package/dist/Stepper/StepperContext.d.ts.map +1 -1
- package/dist/Stepper/StepperContext.js +5 -4
- package/dist/TabList/TabListContext.d.ts.map +1 -1
- package/dist/TabList/TabListContext.js +4 -3
- package/dist/Table/TableContext.js +3 -3
- package/dist/Table/TableSelectionToolbar.d.ts +30 -0
- package/dist/Table/TableSelectionToolbar.d.ts.map +1 -0
- package/dist/Table/TableSelectionToolbar.js +55 -0
- package/dist/Table/index.d.ts +3 -1
- package/dist/Table/index.d.ts.map +1 -1
- package/dist/Table/index.js +1 -0
- package/dist/Table/plugins/selection/index.d.ts +1 -1
- package/dist/Table/plugins/selection/index.d.ts.map +1 -1
- package/dist/Table/plugins/selection/useTableSelectionState.d.ts +12 -0
- package/dist/Table/plugins/selection/useTableSelectionState.d.ts.map +1 -1
- package/dist/Table/plugins/selection/useTableSelectionState.js +12 -2
- package/dist/Toast/ToastViewport.d.ts.map +1 -1
- package/dist/Toast/ToastViewport.js +14 -10
- package/dist/ToggleButton/ToggleButtonGroup.d.ts +1 -1
- package/dist/ToggleButton/ToggleButtonGroup.d.ts.map +1 -1
- package/dist/ToggleButton/ToggleButtonGroup.js +4 -3
- package/dist/TopNav/TopNavContext.d.ts.map +1 -1
- package/dist/TopNav/TopNavContext.js +9 -2
- package/dist/astryx.css +14 -4
- package/dist/hooks/useHotkeys.d.ts.map +1 -1
- package/dist/hooks/useHotkeys.js +4 -3
- package/dist/utils/isRenderable.d.ts +10 -8
- package/dist/utils/isRenderable.d.ts.map +1 -1
- package/dist/utils/isRenderable.js +10 -8
- package/locales/en.json +12 -0
- package/locales/ja-JP.json +2 -2
- package/locales/ko-KR.json +2 -2
- package/locales/pseudo.json +9 -0
- package/locales/zh-CN.json +16 -16
- package/locales/zh-TW.json +16 -16
- package/package.json +3 -3
- package/src/Avatar/Avatar.doc.mjs +1 -1
- package/src/Avatar/Avatar.tsx +5 -4
- package/src/Avatar/AvatarSizeContext.ts +2 -2
- package/src/AvatarGroup/AvatarGroup.doc.mjs +3 -0
- package/src/AvatarGroup/AvatarGroup.test.tsx +67 -0
- package/src/AvatarGroup/AvatarGroup.tsx +17 -2
- package/src/AvatarGroup/AvatarGroupContext.ts +3 -2
- package/src/AvatarGroup/AvatarGroupOverflow.spec.md +1 -1
- package/src/AvatarGroup/AvatarGroupOverflow.tsx +4 -6
- package/src/BottomSheet/BottomSheetPanel.tsx +5 -2
- package/src/Breadcrumbs/Breadcrumbs.tsx +3 -2
- package/src/Button/Button.tsx +1 -1
- package/src/ButtonGroup/ButtonGroupContext.ts +6 -4
- package/src/Chat/ChatContext.tsx +6 -5
- package/src/CheckboxInput/CheckboxInput.doc.mjs +5 -4
- package/src/CheckboxInput/CheckboxInput.spec.md +187 -0
- package/src/CheckboxInput/CheckboxInput.test.tsx +32 -0
- package/src/CheckboxInput/CheckboxInput.tsx +1 -1
- package/src/CheckboxList/CheckboxList.doc.mjs +7 -0
- package/src/CheckboxList/CheckboxList.spec.md +172 -69
- package/src/CheckboxList/CheckboxList.test.tsx +175 -0
- package/src/CheckboxList/CheckboxList.tsx +13 -7
- package/src/CheckboxList/CheckboxListContext.tsx +7 -6
- package/src/CheckboxList/CheckboxListItem.doc.mjs +22 -13
- package/src/CheckboxList/CheckboxListItem.spec.md +276 -0
- package/src/CheckboxList/CheckboxListItem.tsx +29 -13
- package/src/CheckboxList/__tests__/CheckboxList.a11y.chromium.spec.ts +1996 -0
- package/src/Collapsible/Collapsible.spec.md +9 -7
- package/src/Collapsible/Collapsible.test.tsx +0 -78
- package/src/Collapsible/CollapsibleGroup.test.tsx +0 -83
- package/src/Collapsible/CollapsibleGroupContext.tsx +3 -2
- package/src/Collapsible/__tests__/Collapsible.a11y.chromium.spec.ts +182 -0
- package/src/Collapsible/__tests__/Collapsible.a11y.states.ts +117 -0
- package/src/Collapsible/__tests__/Collapsible.a11y.test.tsx +140 -0
- package/src/Dialog/Dialog.doc.mjs +4 -2
- package/src/Dialog/Dialog.test.tsx +18 -0
- package/src/Dialog/Dialog.tsx +11 -3
- package/src/Dialog/DialogHeader.doc.mjs +27 -10
- package/src/Dialog/DialogHeader.test.tsx +62 -0
- package/src/Dialog/DialogHeader.tsx +15 -4
- package/src/DropdownMenu/DropdownMenuContext.tsx +3 -1
- package/src/FormLayout/FormLayoutContext.ts +2 -2
- package/src/Icon/IconDefaultSizeContext.ts +3 -2
- package/src/Indicator/CheckboxIndicator.spec.md +161 -0
- package/src/Indicator/CheckboxIndicator.tsx +5 -5
- package/src/Indicator/Indicator.doc.mjs +5 -5
- package/src/Indicator/types.ts +6 -4
- package/src/InputGroup/InputGroupContext.ts +3 -2
- package/src/InputGroup/groupStyles.ts +4 -4
- package/src/Layer/Layer.doc.mjs +2 -2
- package/src/Layer/LayerDepthContext.tsx +1 -1
- package/src/Layer/layerScopedContext.test.tsx +499 -0
- package/src/Layer/layerScopedContext.tsx +37 -0
- package/src/Layer/layerStack.ts +12 -10
- package/src/Layer/layerTextReset.stylex.ts +37 -0
- package/src/Layer/useLayer.doc.mjs +3 -3
- package/src/Layer/useLayer.tsx +7 -10
- package/src/Layer/useLayerDismissal.test.tsx +28 -0
- package/src/Layer/useLayerDismissal.ts +18 -9
- package/src/Layout/LayoutDividerContext.ts +2 -2
- package/src/Layout/LayoutSlotsContext.ts +2 -2
- package/src/Lightbox/Lightbox.tsx +124 -100
- package/src/List/ListContext.tsx +2 -2
- package/src/Markdown/Markdown.doc.mjs +1 -1
- package/src/Markdown/Markdown.spec.md +7 -1
- package/src/Markdown/Markdown.test.tsx +120 -8
- package/src/Markdown/Markdown.tsx +108 -15
- package/src/Markdown/MarkdownTable.a11y.chromium.spec.ts +726 -0
- package/src/Markdown/ast.test.ts +67 -0
- package/src/Markdown/incremental.test.ts +43 -0
- package/src/Markdown/parser.test.ts +171 -0
- package/src/Markdown/parser.ts +196 -36
- package/src/MetadataList/MetadataListContext.tsx +2 -2
- package/src/MobileNav/MobileNav.tsx +36 -31
- package/src/NavMenu/NavMenuContext.tsx +3 -2
- package/src/NumberInput/__tests__/NumberInput.a11y.chromium.spec.ts +25 -0
- package/src/NumberInput/__tests__/NumberInput.a11y.known-failures.ts +26 -0
- package/src/NumberInput/__tests__/NumberInput.a11y.states.ts +2 -3
- package/src/NumberInput/__tests__/NumberInput.a11y.test.tsx +56 -0
- package/src/RadioList/RadioList.tsx +2 -2
- package/src/SegmentedControl/SegmentedControlContext.ts +3 -2
- package/src/Selector/SelectorRowLayoutContext.ts +3 -2
- package/src/Selector/__tests__/Listbox.a11y.inventory.test.ts +2 -2
- package/src/Selector/__tests__/Listbox.a11y.known-failures.ts +1 -13
- package/src/SizeContext/SizeContext.ts +3 -2
- package/src/Stepper/StepperContext.ts +3 -2
- package/src/TabList/TabListContext.ts +3 -2
- package/src/Table/Table.doc.mjs +1 -0
- package/src/Table/TableContext.ts +2 -2
- package/src/Table/TableSelectionToolbar.doc.mjs +103 -0
- package/src/Table/TableSelectionToolbar.test.tsx +109 -0
- package/src/Table/TableSelectionToolbar.tsx +84 -0
- package/src/Table/index.ts +3 -0
- package/src/Table/plugins/selection/index.ts +1 -0
- package/src/Table/plugins/selection/useTableSelection.test.tsx +13 -0
- package/src/Table/plugins/selection/useTableSelectionState.test.tsx +28 -2
- package/src/Table/plugins/selection/useTableSelectionState.tsx +29 -2
- package/src/Table/useTableSelectionState.doc.mjs +14 -7
- package/src/Toast/ToastViewport.tsx +22 -13
- package/src/ToggleButton/ToggleButtonGroup.tsx +3 -2
- package/src/TopNav/TopNavContext.ts +9 -3
- package/src/hooks/useHotkeys.doc.mjs +2 -2
- package/src/hooks/useHotkeys.test.ts +20 -0
- package/src/hooks/useHotkeys.ts +4 -3
- package/src/utils/isRenderable.ts +10 -8
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Avatar.d.ts","sourceRoot":"","sources":["../../src/Avatar/Avatar.tsx"],"names":[],"mappings":"AAIA;;;;;;;;;;;;;;;GAeG;AAEH,OAAO,EAML,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AACf,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,cAAc,CAAC;AAC5C,OAAO,KAAK,MAAM,MAAM,kBAAkB,CAAC;AAqB3C,OAAO,KAAK,EAAC,iBAAiB,EAAC,MAAM,eAAe,CAAC;AA4BrD;;;;;;GAMG;AACH,KAAK,eAAe,GAAG,KAAK,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAEzD;;GAEG;AACH,KAAK,iBAAiB,GACpB,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,CAAC;AAEzE;;GAEG;AACH,MAAM,MAAM,UAAU,GAAG,eAAe,GAAG,iBAAiB,CAAC;AAE7D;;GAEG;AACH,MAAM,MAAM,WAAW,GAAG,QAAQ,GAAG,SAAS,GAAG,QAAQ,CAAC;AAE1D;;GAEG;AACH,wBAAgB,WAAW,CAAC,IAAI,EAAE,UAAU,GAAG,MAAM,CAgBpD;AASD,eAAO,MAAM,WAAW;;;;;;;;;;EAUtB,CAAC;
|
|
1
|
+
{"version":3,"file":"Avatar.d.ts","sourceRoot":"","sources":["../../src/Avatar/Avatar.tsx"],"names":[],"mappings":"AAIA;;;;;;;;;;;;;;;GAeG;AAEH,OAAO,EAML,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AACf,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,cAAc,CAAC;AAC5C,OAAO,KAAK,MAAM,MAAM,kBAAkB,CAAC;AAqB3C,OAAO,KAAK,EAAC,iBAAiB,EAAC,MAAM,eAAe,CAAC;AA4BrD;;;;;;GAMG;AACH,KAAK,eAAe,GAAG,KAAK,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAEzD;;GAEG;AACH,KAAK,iBAAiB,GACpB,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,CAAC;AAEzE;;GAEG;AACH,MAAM,MAAM,UAAU,GAAG,eAAe,GAAG,iBAAiB,CAAC;AAE7D;;GAEG;AACH,MAAM,MAAM,WAAW,GAAG,QAAQ,GAAG,SAAS,GAAG,QAAQ,CAAC;AAE1D;;GAEG;AACH,wBAAgB,WAAW,CAAC,IAAI,EAAE,UAAU,GAAG,MAAM,CAgBpD;AASD,eAAO,MAAM,WAAW;;;;;;;;;;EAUtB,CAAC;AA8IH,MAAM,WAAW,WAAY,SAAQ,SAAS,CAAC,cAAc,CAAC;IAC5D,wCAAwC;IACxC,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC,CAAC;IAChC;;;OAGG;IACH,GAAG,CAAC,EAAE,MAAM,CAAC;IACb;;OAEG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB;;;OAGG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;;;OAIG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;;;;;;OAOG;IACH,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB;;;;;;OAMG;IACH,KAAK,CAAC,EAAE,WAAW,CAAC;IACpB;;OAEG;IACH,GAAG,CAAC,EAAE,MAAM,CAAC;IACb;;;;;;;;;;;;OAYG;IACH,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB;;;;;;;;;;;OAWG;IACH,OAAO,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IAC3B;;;;;;;OAOG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;;;OAIG;IACH,EAAE,CAAC,EAAE,iBAAiB,CAAC;IACvB;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB;;OAEG;IACH,GAAG,CAAC,EAAE,MAAM,CAAC;IACb;;;;OAIG;IACH,OAAO,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,WAAW,CAAC,CAAC;CAChD;AA6ID;;;;;;;;;;;;;;;;GAgBG;AACH,wBAAgB,MAAM,CAAC,EACrB,GAAG,EACH,aAAa,EAAE,MAAM,EACrB,WAAW,EACX,IAAI,EACJ,IAAW,EACX,KAAgB,EAChB,GAAG,EACH,MAAM,EACN,OAAc,EACd,IAAI,EACJ,EAAE,EACF,MAAM,EACN,GAAG,EACH,OAAO,EACP,MAAM,EACN,SAAS,EACT,KAAK,EACL,GAAG,EACH,GAAG,KAAK,EACT,EAAE,WAAW,+BAyVb;yBA7We,MAAM"}
|
package/dist/Avatar/Avatar.js
CHANGED
|
@@ -4,14 +4,14 @@
|
|
|
4
4
|
|
|
5
5
|
/**
|
|
6
6
|
* @file AvatarSizeContext.ts
|
|
7
|
-
* @input
|
|
7
|
+
* @input Layer-scoped React context
|
|
8
8
|
* @output Exports AvatarSizeContext
|
|
9
9
|
* @position Internal context; provided by Avatar, consumed by sub-components
|
|
10
10
|
*
|
|
11
11
|
* SYNC: When modified, update:
|
|
12
12
|
* - /packages/core/src/Avatar/Avatar.doc.mjs
|
|
13
13
|
*/
|
|
14
|
-
import { createContext } from
|
|
14
|
+
import { createLayerScopedContext as createContext } from "../Layer/layerScopedContext.js";
|
|
15
15
|
|
|
16
16
|
/**
|
|
17
17
|
* Context that provides the resolved numeric avatar size (in pixels)
|
|
@@ -19,5 +19,5 @@ import { createContext } from 'react';
|
|
|
19
19
|
*
|
|
20
20
|
* Default value of 36 matches the default 'md' avatar size.
|
|
21
21
|
*/
|
|
22
|
-
export const AvatarSizeContext =
|
|
22
|
+
export const AvatarSizeContext = createContext(36);
|
|
23
23
|
AvatarSizeContext.displayName = 'AvatarSizeContext';
|
|
@@ -6,7 +6,8 @@
|
|
|
6
6
|
*
|
|
7
7
|
* Compositional API: children are Avatar elements (and optionally
|
|
8
8
|
* one AvatarGroupOverflow). The group provides overlap styling via
|
|
9
|
-
* context — no child introspection needed.
|
|
9
|
+
* context — no child introspection needed. The overlap does not depend on
|
|
10
|
+
* child position, so avatars can be wrapped in HoverCard or Tooltip.
|
|
10
11
|
*
|
|
11
12
|
* When the group contains interactive avatars (rendered as links/buttons) or an
|
|
12
13
|
* interactive AvatarGroupOverflow, it becomes a single Tab stop with roving
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AvatarGroup.d.ts","sourceRoot":"","sources":["../../src/AvatarGroup/AvatarGroup.tsx"],"names":[],"mappings":"AAGA
|
|
1
|
+
{"version":3,"file":"AvatarGroup.d.ts","sourceRoot":"","sources":["../../src/AvatarGroup/AvatarGroup.tsx"],"names":[],"mappings":"AAGA;;;;;;;;;;;;;;;;;;;;;;GAsBG;AAEH,OAAO,EAA2B,KAAK,SAAS,EAAC,MAAM,OAAO,CAAC;AAC/D,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,cAAc,CAAC;AAC5C,OAAO,EAAc,KAAK,WAAW,EAAE,KAAK,UAAU,EAAC,MAAM,WAAW,CAAC;AAczE,MAAM,WAAW,gBAAiB,SAAQ,SAAS,CAAC,cAAc,CAAC;IACjE,yCAAyC;IACzC,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC,CAAC;IAChC;;;OAGG;IACH,QAAQ,EAAE,SAAS,CAAC;IACpB;;;;;OAKG;IACH,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB;;;;;OAKG;IACH,KAAK,CAAC,EAAE,WAAW,CAAC;IACpB;;OAEG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAuBD;;;;;;;;;;;;;;;;;GAiBG;AACH,wBAAgB,WAAW,CAAC,EAC1B,QAAQ,EACR,IAAW,EACX,KAAgB,EAChB,aAAa,EAAE,MAAM,EACrB,YAAY,EAAE,kBAAkB,EAChC,kBAAkB,EAAE,wBAAwB,EAC5C,SAAS,EACT,OAAO,EACP,MAAM,EACN,SAAS,EACT,KAAK,EACL,GAAG,EACH,GAAG,KAAK,EACT,EAAE,gBAAgB,GAAG,SAAS,CAmE9B;yBAjFe,WAAW"}
|
|
@@ -9,7 +9,8 @@
|
|
|
9
9
|
*
|
|
10
10
|
* Compositional API: children are Avatar elements (and optionally
|
|
11
11
|
* one AvatarGroupOverflow). The group provides overlap styling via
|
|
12
|
-
* context — no child introspection needed.
|
|
12
|
+
* context — no child introspection needed. The overlap does not depend on
|
|
13
|
+
* child position, so avatars can be wrapped in HoverCard or Tooltip.
|
|
13
14
|
*
|
|
14
15
|
* When the group contains interactive avatars (rendered as links/buttons) or an
|
|
15
16
|
* interactive AvatarGroupOverflow, it becomes a single Tab stop with roving
|
|
@@ -41,9 +42,19 @@ const styles = {
|
|
|
41
42
|
root: {
|
|
42
43
|
k1xSpc: "x3nfvp2",
|
|
43
44
|
kGNEyG: "x6s0dn4",
|
|
45
|
+
kZCmMZ: "x12t6xex x1e0d1ib",
|
|
44
46
|
$$css: true
|
|
45
47
|
}
|
|
46
48
|
};
|
|
49
|
+
const _temp = {
|
|
50
|
+
"--_avatar-group-overlap": "xlz5hwt",
|
|
51
|
+
"$$css": true
|
|
52
|
+
};
|
|
53
|
+
const dynamicStyles = {
|
|
54
|
+
overlap: offset => [_temp, {
|
|
55
|
+
"--x---_avatar-group-overlap": `${offset}px` != null ? `${offset}px` : undefined
|
|
56
|
+
}]
|
|
57
|
+
};
|
|
47
58
|
|
|
48
59
|
/**
|
|
49
60
|
* Stacked avatar display showing multiple avatars overlapping with an
|
|
@@ -131,7 +142,7 @@ export function AvatarGroup({
|
|
|
131
142
|
...mergeProps(themeProps('avatar-group', {
|
|
132
143
|
size,
|
|
133
144
|
shape
|
|
134
|
-
}), stylex.props(styles.root, xstyle), className, style),
|
|
145
|
+
}), stylex.props(styles.root, dynamicStyles.overlap(-overlap), xstyle), className, style),
|
|
135
146
|
children: [children, hasInteractiveItems && /*#__PURE__*/_jsx(VisuallyHidden, {
|
|
136
147
|
id: hintId,
|
|
137
148
|
children: t('@astryx.avatarGroup.keyboardHint')
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AvatarGroupContext.d.ts","sourceRoot":"","sources":["../../src/AvatarGroup/AvatarGroupContext.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"AvatarGroupContext.d.ts","sourceRoot":"","sources":["../../src/AvatarGroup/AvatarGroupContext.ts"],"names":[],"mappings":"AAYA,OAAO,KAAK,EAAC,WAAW,EAAE,UAAU,EAAC,MAAM,WAAW,CAAC;AAEvD,MAAM,WAAW,uBAAuB;IACtC,IAAI,EAAE,UAAU,CAAC;IACjB,KAAK,EAAE,WAAW,CAAC;IACnB,OAAO,EAAE,MAAM,CAAC;IAChB,WAAW,EAAE,MAAM,CAAC;CACrB;AAED,eAAO,MAAM,kBAAkB,yDAE9B,CAAC;AAGF,wBAAgB,cAAc,IAAI,uBAAuB,GAAG,IAAI,CAE/D"}
|
|
@@ -3,12 +3,13 @@
|
|
|
3
3
|
|
|
4
4
|
/**
|
|
5
5
|
* @file AvatarGroupContext.ts
|
|
6
|
-
* @input
|
|
6
|
+
* @input Layer-scoped React context
|
|
7
7
|
* @output Exports AvatarGroup context and useAvatarGroup hook
|
|
8
8
|
* @position Shared context; consumed by children for group-aware styling
|
|
9
9
|
*/
|
|
10
|
-
import {
|
|
11
|
-
|
|
10
|
+
import { use } from 'react';
|
|
11
|
+
import { createLayerScopedContext as createContext } from "../Layer/layerScopedContext.js";
|
|
12
|
+
export const AvatarGroupContext = createContext(null);
|
|
12
13
|
AvatarGroupContext.displayName = 'AvatarGroupContext';
|
|
13
14
|
export function useAvatarGroup() {
|
|
14
15
|
return use(AvatarGroupContext);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AvatarGroupOverflow.d.ts","sourceRoot":"","sources":["../../src/AvatarGroup/AvatarGroupOverflow.tsx"],"names":[],"mappings":"AAGA;;;;;;;;;;;GAWG;AAEH,OAAO,KAAK,EAAE,EAAC,KAAK,SAAS,EAAC,MAAM,OAAO,CAAC;AAa5C,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,cAAc,CAAC;AAS5C,MAAM,WAAW,wBAAyB,SAAQ,IAAI,CACpD,SAAS,CAAC,WAAW,CAAC,EACtB,SAAS,CACV;IACC,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,WAAW,CAAC,CAAC;IAC7B;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IAEd;;;OAGG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IAErB;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;
|
|
1
|
+
{"version":3,"file":"AvatarGroupOverflow.d.ts","sourceRoot":"","sources":["../../src/AvatarGroup/AvatarGroupOverflow.tsx"],"names":[],"mappings":"AAGA;;;;;;;;;;;GAWG;AAEH,OAAO,KAAK,EAAE,EAAC,KAAK,SAAS,EAAC,MAAM,OAAO,CAAC;AAa5C,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,cAAc,CAAC;AAS5C,MAAM,WAAW,wBAAyB,SAAQ,IAAI,CACpD,SAAS,CAAC,WAAW,CAAC,EACtB,SAAS,CACV;IACC,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,WAAW,CAAC,CAAC;IAC7B;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IAEd;;;OAGG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IAErB;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AA8ED;;;;;;;;;;;;;GAaG;AACH,wBAAgB,mBAAmB,CAAC,EAClC,GAAG,EACH,KAAK,EACL,OAAO,EACP,QAAQ,EACR,MAAM,EACN,SAAS,EACT,KAAK,EACL,GAAG,IAAI,EACR,EAAE,wBAAwB,GAAG,SAAS,CAmEtC;yBA5Ee,mBAAmB"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* @file BottomSheetPanel.tsx
|
|
3
|
-
* @input Uses React, StyleX, theme tokens, sheet gestures, shared scroll behavior, and the host label
|
|
3
|
+
* @input Uses React, StyleX, theme tokens, text/provider boundaries, sheet gestures, shared scroll behavior, and the host label
|
|
4
4
|
* @output Internal BottomSheetPanel with a keyboard-reachable scrolling body and motion-state types
|
|
5
5
|
* @position Shared presentation layer for standalone and switcher BottomSheets
|
|
6
6
|
*
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BottomSheetPanel.d.ts","sourceRoot":"","sources":["../../src/BottomSheet/BottomSheetPanel.tsx"],"names":[],"mappings":"AAIA;;;;;;;;;;;;;;;;;GAiBG;AAEH,OAAO,EAOL,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AAEf,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,cAAc,CAAC;
|
|
1
|
+
{"version":3,"file":"BottomSheetPanel.d.ts","sourceRoot":"","sources":["../../src/BottomSheet/BottomSheetPanel.tsx"],"names":[],"mappings":"AAIA;;;;;;;;;;;;;;;;;GAiBG;AAEH,OAAO,EAOL,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AAEf,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,cAAc,CAAC;AAmB5C,OAAO,EAGL,KAAK,oBAAoB,EAC1B,MAAM,eAAe,CAAC;AAIvB,QAAA,MAAM,cAAc;;;;CAIV,CAAC;AAEX,MAAM,MAAM,iBAAiB,GAAG,MAAM,OAAO,cAAc,CAAC;AAC5D,YAAY,EAAC,oBAAoB,EAAC,CAAC;AAsMnC,MAAM,MAAM,sBAAsB,GAChC,UAAU,GAAG,UAAU,GAAG,QAAQ,GAAG,SAAS,CAAC;AAEjD,MAAM,MAAM,qBAAqB,GAC7B;IAAC,IAAI,EAAE,QAAQ,CAAA;CAAC,GAChB;IAAC,IAAI,EAAE,MAAM,CAAC;IAAC,QAAQ,EAAE,OAAO,CAAA;CAAC,GACjC;IACE,IAAI,EAAE,UAAU,CAAC;IACjB,MAAM,EAAE,SAAS,GAAG,UAAU,GAAG,QAAQ,CAAC;IAC1C,eAAe,EAAE,MAAM,CAAC;CACzB,GACD;IAAC,IAAI,EAAE,SAAS,CAAA;CAAC,CAAC;AAEtB,UAAU,qBAAsB,SAAQ,SAAS,CAAC,cAAc,CAAC;IAC/D,+CAA+C;IAC/C,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC,CAAC;IAChC,KAAK,EAAE,qBAAqB,CAAC;IAC7B,MAAM,EAAE,iBAAiB,GAAG,MAAM,GAAG,MAAM,CAAC;IAC5C,mEAAmE;IACnE,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,SAAS,CAAC;IACpB,UAAU,CAAC,EAAE,aAAa,CAAC,oBAAoB,CAAC,CAAC;IACjD,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC,gFAAgF;IAChF,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,SAAS,EAAE,MAAM,IAAI,CAAC;IACtB,cAAc,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;IAC1C,eAAe,CAAC,EAAE,CAAC,OAAO,EAAE,cAAc,GAAG,IAAI,KAAK,IAAI,CAAC;IAC3D,aAAa,CAAC,EAAE,CAAC,MAAM,EAAE,sBAAsB,KAAK,IAAI,CAAC;IACzD,gBAAgB,CAAC,EAAE,CAAC,MAAM,EAAE,sBAAsB,KAAK,IAAI,CAAC;CAC7D;AA+GD,4EAA4E;AAC5E,wBAAgB,gBAAgB,CAAC,EAC/B,GAAG,EACH,KAAK,EACL,MAAM,EACN,KAAK,EACL,QAAQ,EACR,UAAU,EACV,SAAS,EACT,KAAK,EACL,QAAQ,EACR,MAAM,EACN,qBAA4B,EAC5B,kBAA0B,EAC1B,SAAS,EACT,cAAc,EACd,eAAe,EACf,aAAa,EACb,gBAAgB,EAChB,GAAG,KAAK,EACT,EAAE,qBAAqB,+BA0RvB;yBA7Se,gBAAgB"}
|
|
@@ -4,7 +4,7 @@
|
|
|
4
4
|
|
|
5
5
|
/**
|
|
6
6
|
* @file BottomSheetPanel.tsx
|
|
7
|
-
* @input Uses React, StyleX, theme tokens, sheet gestures, shared scroll behavior, and the host label
|
|
7
|
+
* @input Uses React, StyleX, theme tokens, text/provider boundaries, sheet gestures, shared scroll behavior, and the host label
|
|
8
8
|
* @output Internal BottomSheetPanel with a keyboard-reachable scrolling body and motion-state types
|
|
9
9
|
* @position Shared presentation layer for standalone and switcher BottomSheets
|
|
10
10
|
*
|
|
@@ -28,6 +28,8 @@ import "../theme/tokens.stylex.js";
|
|
|
28
28
|
import { borderVars, colorVars, durationVars, easeVars, focusVars, radiusVars, shadowVars, sizeVars, spacingVars } from "../theme/tokens.stylex.js";
|
|
29
29
|
import { mergeProps, themeProps } from "../utils/index.js";
|
|
30
30
|
import { focusOutlineStyles } from "../utils/focusOutline.stylex.js";
|
|
31
|
+
import { layerTextReset } from "../Layer/layerTextReset.stylex.js";
|
|
32
|
+
import { LayerContentBoundary } from "../Layer/layerScopedContext.js";
|
|
31
33
|
import { overlayPaddingReset } from "../Layout/padding.stylex.js";
|
|
32
34
|
import { isValidSnapPoint, resolveSnapPoints } from "./snapOffsets.js";
|
|
33
35
|
import { useMobileKeyboard } from "./useMobileKeyboard.js";
|
|
@@ -453,7 +455,7 @@ export function BottomSheetPanel({
|
|
|
453
455
|
...props,
|
|
454
456
|
ref: setElement,
|
|
455
457
|
tabIndex: tabIndex ?? -1,
|
|
456
|
-
...mergeProps(themeProps('bottom-sheet'), stylex.props(styles.sheet, overlayPaddingReset.reset, height === 'hug' ? styles.hugHeight : styles.budget, isClosing && styles.sheetClosing, isFading && styles.sheetFading, isInactive && styles.sheetInactive, xstyle), className, {
|
|
458
|
+
...mergeProps(themeProps('bottom-sheet'), stylex.props(layerTextReset.reset, styles.sheet, overlayPaddingReset.reset, height === 'hug' ? styles.hugHeight : styles.budget, isClosing && styles.sheetClosing, isFading && styles.sheetFading, isInactive && styles.sheetInactive, xstyle), className, {
|
|
457
459
|
['--_sheet-budget']: budget,
|
|
458
460
|
...(isInteractive ? gestureStyle : isRetained ? {
|
|
459
461
|
transform: retainedTransform,
|
|
@@ -487,7 +489,9 @@ export function BottomSheetPanel({
|
|
|
487
489
|
...getContentProps({
|
|
488
490
|
className: "xufnvkl x9f619 x5yr21d x121v3j4"
|
|
489
491
|
}),
|
|
490
|
-
children:
|
|
492
|
+
children: /*#__PURE__*/_jsx(LayerContentBoundary, {
|
|
493
|
+
children: children
|
|
494
|
+
})
|
|
491
495
|
})
|
|
492
496
|
})]
|
|
493
497
|
});
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* @file Breadcrumbs.tsx
|
|
3
|
-
* @input Uses React,
|
|
3
|
+
* @input Uses React, layer-scoped context, stylex, theme tokens
|
|
4
4
|
* @output Exports Breadcrumbs component, BreadcrumbsProps, BreadcrumbContext
|
|
5
5
|
* @position Core container component; consumed by index.ts
|
|
6
6
|
*
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Breadcrumbs.d.ts","sourceRoot":"","sources":["../../src/Breadcrumbs/Breadcrumbs.tsx"],"names":[],"mappings":"AAIA;;;;;;;;;;;;GAYG;AAEH,OAAO,
|
|
1
|
+
{"version":3,"file":"Breadcrumbs.d.ts","sourceRoot":"","sources":["../../src/Breadcrumbs/Breadcrumbs.tsx"],"names":[],"mappings":"AAIA;;;;;;;;;;;;GAYG;AAEH,OAAO,EAAU,KAAK,SAAS,EAAC,MAAM,OAAO,CAAC;AAK9C,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,cAAc,CAAC;AAG5C,OAAO,KAAK,EAAC,qBAAqB,EAAC,MAAM,SAAS,CAAC;AAMnD;;;;;;GAMG;AACH,MAAM,MAAM,kBAAkB,GAAG,MAAM,qBAAqB,CAAC;AAM7D,8FAA8F;AAC9F,MAAM,WAAW,sBAAsB;IACrC,OAAO,EAAE,kBAAkB,CAAC;IAC5B,SAAS,EAAE,SAAS,CAAC;CACtB;AAED,eAAO,MAAM,iBAAiB,iDAG5B,CAAC;AAOH,MAAM,WAAW,gBAAiB,SAAQ,SAAS,CAAC,WAAW,CAAC;IAC9D,wCAAwC;IACxC,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,WAAW,CAAC,CAAC;IAC7B;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;IACpB;;;OAGG;IACH,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB;;;;;OAKG;IACH,OAAO,CAAC,EAAE,kBAAkB,CAAC;IAC7B;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AA4BD;;;;;;;;;;;;;;;;GAgBG;AACH,wBAAgB,WAAW,CAAC,EAC1B,QAAQ,EACR,SAAe,EACf,OAAmB,EACnB,MAAM,EACN,SAAS,EACT,KAAK,EACL,KAAK,EAAE,cAAc,EACrB,GAAG,EACH,GAAG,IAAI,EACR,EAAE,gBAAgB,+BAwBlB;yBAlCe,WAAW"}
|
|
@@ -4,7 +4,7 @@
|
|
|
4
4
|
|
|
5
5
|
/**
|
|
6
6
|
* @file Breadcrumbs.tsx
|
|
7
|
-
* @input Uses React,
|
|
7
|
+
* @input Uses React, layer-scoped context, stylex, theme tokens
|
|
8
8
|
* @output Exports Breadcrumbs component, BreadcrumbsProps, BreadcrumbContext
|
|
9
9
|
* @position Core container component; consumed by index.ts
|
|
10
10
|
*
|
|
@@ -15,7 +15,8 @@
|
|
|
15
15
|
* - /apps/storybook/stories/Breadcrumbs.stories.tsx
|
|
16
16
|
* - /packages/cli/assets/templates/blocks/components/Breadcrumbs/ (showcase blocks)
|
|
17
17
|
*/
|
|
18
|
-
import {
|
|
18
|
+
import { useMemo } from 'react';
|
|
19
|
+
import { createLayerScopedContext as createContext } from "../Layer/layerScopedContext.js";
|
|
19
20
|
import * as stylex from '@stylexjs/stylex';
|
|
20
21
|
import "../theme/tokens.stylex.js";
|
|
21
22
|
import { spacingVars } from "../theme/tokens.stylex.js";
|
|
@@ -41,7 +42,7 @@ import { useTranslator } from "../i18n/index.js";
|
|
|
41
42
|
|
|
42
43
|
/** @internal Context for passing variant and separator from Breadcrumbs to BreadcrumbItem. */
|
|
43
44
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
44
|
-
export const BreadcrumbContext =
|
|
45
|
+
export const BreadcrumbContext = createContext({
|
|
45
46
|
variant: 'default',
|
|
46
47
|
separator: '/'
|
|
47
48
|
});
|
package/dist/Button/Button.js
CHANGED
|
@@ -254,13 +254,13 @@ const loadingStyles = {
|
|
|
254
254
|
* The leading edge still uses `:first-child` — a member's button always precedes
|
|
255
255
|
* its own layer, so the first button is genuinely `:first-child`.
|
|
256
256
|
*/
|
|
257
|
-
const IS_LAST_ITEM = ':not(:has(~ *:not([popover]):not(template)))';
|
|
257
|
+
const IS_LAST_ITEM = ':not(:has(~ *:not([popover]):not(template):not(dialog)))';
|
|
258
258
|
const groupStyles = {
|
|
259
259
|
horizontal: {
|
|
260
260
|
krdFHd: "x15mokao x8eehn2",
|
|
261
261
|
kVL7Gh: "xbiv7yw x1xrp5p4",
|
|
262
|
-
kfmiAY: "x1ga7v0g
|
|
263
|
-
kT0f0o: "x16uus16
|
|
262
|
+
kfmiAY: "x1ga7v0g x149bkfe",
|
|
263
|
+
kT0f0o: "x16uus16 x1ursds5",
|
|
264
264
|
k2ei4v: "xgbv0en x1pjv70x",
|
|
265
265
|
kVhnKS: "x1t7ytsu xyf0ibl",
|
|
266
266
|
kGJrpR: "x1j92z86",
|
|
@@ -269,8 +269,8 @@ const groupStyles = {
|
|
|
269
269
|
vertical: {
|
|
270
270
|
krdFHd: "x15mokao x8eehn2",
|
|
271
271
|
kfmiAY: "x1ga7v0g x2qxyot",
|
|
272
|
-
kVL7Gh: "xbiv7yw
|
|
273
|
-
kT0f0o: "x16uus16
|
|
272
|
+
kVL7Gh: "xbiv7yw xy2bsav",
|
|
273
|
+
kT0f0o: "x16uus16 x1ursds5",
|
|
274
274
|
kEafiO: "x11xkdxz x1g31smg",
|
|
275
275
|
kPef9Z: "x13fuv20 x1d9v4yf",
|
|
276
276
|
kLZC3w: "x1pc3f07",
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ButtonGroupContext.d.ts","sourceRoot":"","sources":["../../src/ButtonGroup/ButtonGroupContext.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"ButtonGroupContext.d.ts","sourceRoot":"","sources":["../../src/ButtonGroup/ButtonGroupContext.ts"],"names":[],"mappings":"AAcA,MAAM,MAAM,sBAAsB,GAAG,YAAY,GAAG,UAAU,CAAC;AAE/D,MAAM,WAAW,uBAAuB;IACtC,WAAW,EAAE,sBAAsB,CAAC;IACpC,UAAU,EAAE,OAAO,CAAC;CACrB;AAED,eAAO,MAAM,kBAAkB,yDAE9B,CAAC;AAGF;;;GAGG;AACH,wBAAgB,cAAc,IAAI,uBAAuB,GAAG,IAAI,CAE/D"}
|
|
@@ -4,12 +4,13 @@
|
|
|
4
4
|
|
|
5
5
|
/**
|
|
6
6
|
* @file ButtonGroupContext.ts
|
|
7
|
-
* @input
|
|
7
|
+
* @input Layer-scoped React context
|
|
8
8
|
* @output Exports ButtonGroup context and useButtonGroup hook
|
|
9
9
|
* @position Shared context; consumed by Button for group-aware styling
|
|
10
10
|
*/
|
|
11
|
-
import {
|
|
12
|
-
|
|
11
|
+
import { use } from 'react';
|
|
12
|
+
import { createLayerScopedContext as createContext } from "../Layer/layerScopedContext.js";
|
|
13
|
+
export const ButtonGroupContext = createContext(null);
|
|
13
14
|
ButtonGroupContext.displayName = 'ButtonGroupContext';
|
|
14
15
|
|
|
15
16
|
/**
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* @file ChatContext.tsx
|
|
3
|
-
* @input
|
|
3
|
+
* @input Layer-scoped React context
|
|
4
4
|
* @output Exports Chat message/list/composer/layout contexts. The composer
|
|
5
5
|
* context (value + input-control registration) is public composition API,
|
|
6
6
|
* re-exported from Chat/index.ts for custom inputs.
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ChatContext.d.ts","sourceRoot":"","sources":["../../src/Chat/ChatContext.tsx"],"names":[],"mappings":"AAIA;;;;;;;;GAQG;AAEH,OAAO,EAAqB,KAAK,SAAS,EAAC,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"ChatContext.d.ts","sourceRoot":"","sources":["../../src/Chat/ChatContext.tsx"],"names":[],"mappings":"AAIA;;;;;;;;GAQG;AAEH,OAAO,EAAqB,KAAK,SAAS,EAAC,MAAM,OAAO,CAAC;AAGzD,MAAM,MAAM,iBAAiB,GAAG,MAAM,GAAG,WAAW,GAAG,QAAQ,CAAC;AAChE,MAAM,MAAM,WAAW,GAAG,SAAS,GAAG,UAAU,GAAG,UAAU,CAAC;AAE9D,MAAM,WAAW,uBAAuB;IACtC,MAAM,EAAE,iBAAiB,CAAC;IAC1B,OAAO,EAAE,WAAW,CAAC;CACtB;AAED,eAAO,MAAM,kBAAkB,yDACiC,CAAC;AAGjE,wBAAgB,qBAAqB,IAAI,uBAAuB,GAAG,IAAI,CAEtE;AAED,MAAM,WAAW,oBAAoB;IACnC,OAAO,EAAE,WAAW,CAAC;CACtB;AAED,eAAO,MAAM,eAAe,sDACiC,CAAC;AAG9D,wBAAgB,kBAAkB,IAAI,oBAAoB,GAAG,IAAI,CAEhE;AAMD;;;;;;;;;GASG;AACH,MAAM,WAAW,wBAAwB;IACvC,0CAA0C;IAC1C,KAAK,EAAE,MAAM,IAAI,CAAC;CACnB;AAED,MAAM,WAAW,wBAAwB;IACvC,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,WAAW,EAAE,MAAM,CAAC;IACpB,UAAU,EAAE,OAAO,CAAC;IACpB,WAAW,EAAE,OAAO,CAAC;IACrB,OAAO,EAAE,OAAO,CAAC;IACjB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB;;;;;;;OAOG;IACH,eAAe,CAAC,EAAE,SAAS,CAAC,wBAAwB,GAAG,IAAI,CAAC,CAAC;CAC9D;AAED,eAAO,MAAM,mBAAmB,0DACsB,CAAC;AAGvD,wBAAgB,sBAAsB,IAAI,wBAAwB,GAAG,IAAI,CAExE;AAMD,MAAM,WAAW,sBAAsB;IACrC,2EAA2E;IAC3E,kBAAkB,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,CAAC;IACxD,+FAA+F;IAC/F,UAAU,EAAE,CAAC,EAAE,EAAE,WAAW,GAAG,IAAI,KAAK,IAAI,CAAC;CAC9C;AAED,eAAO,MAAM,iBAAiB,wDAE7B,CAAC;AAGF,wBAAgB,oBAAoB,IAAI,sBAAsB,GAAG,IAAI,CAEpE"}
|
package/dist/Chat/ChatContext.js
CHANGED
|
@@ -4,7 +4,7 @@
|
|
|
4
4
|
|
|
5
5
|
/**
|
|
6
6
|
* @file ChatContext.tsx
|
|
7
|
-
* @input
|
|
7
|
+
* @input Layer-scoped React context
|
|
8
8
|
* @output Exports Chat message/list/composer/layout contexts. The composer
|
|
9
9
|
* context (value + input-control registration) is public composition API,
|
|
10
10
|
* re-exported from Chat/index.ts for custom inputs.
|
|
@@ -12,12 +12,13 @@
|
|
|
12
12
|
* ChatComposerInput, ChatSendButton, and custom inputs.
|
|
13
13
|
*/
|
|
14
14
|
import { createContext, use } from 'react';
|
|
15
|
-
|
|
15
|
+
import { createLayerScopedContext } from "../Layer/layerScopedContext.js";
|
|
16
|
+
export const ChatMessageContext = createLayerScopedContext(null);
|
|
16
17
|
ChatMessageContext.displayName = 'ChatMessageContext';
|
|
17
18
|
export function useChatMessageContext() {
|
|
18
19
|
return use(ChatMessageContext);
|
|
19
20
|
}
|
|
20
|
-
export const ChatListContext =
|
|
21
|
+
export const ChatListContext = createLayerScopedContext(null);
|
|
21
22
|
ChatListContext.displayName = 'ChatListContext';
|
|
22
23
|
export function useChatListContext() {
|
|
23
24
|
return use(ChatListContext);
|
|
@@ -184,7 +184,7 @@ export function CheckboxInput({
|
|
|
184
184
|
});
|
|
185
185
|
|
|
186
186
|
// The checkbox visual is an indicator: a theme can restyle it through the
|
|
187
|
-
// `checkbox` target or replace the component outright.
|
|
187
|
+
// canonical `checkbox-indicator` target or replace the component outright.
|
|
188
188
|
const CheckboxControl = useIndicator('checkbox');
|
|
189
189
|
// The ring is drawn on the indicator itself: the native input is
|
|
190
190
|
// `opacity: 0`, and only the indicator's own element can shape the outline
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CheckboxList.d.ts","sourceRoot":"","sources":["../../src/CheckboxList/CheckboxList.tsx"],"names":[],"mappings":"AAIA;;;;;;;;;;;;GAYG;AAEH,OAAO,EAML,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AACf,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,cAAc,CAAC;AAC5C,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,gBAAgB,CAAC;AAE9C,OAAO,KAAK,EAAC,WAAW,EAAC,MAAM,gBAAgB,CAAC;AAEhD,OAAO,KAAK,EAAC,WAAW,EAAC,MAAM,qBAAqB,CAAC;AAWrD,MAAM,WAAW,iBAAkB,SAAQ,IAAI,CAC7C,SAAS,CAAC,cAAc,CAAC,EACzB,UAAU,CACX;IACC,wCAAwC;IACxC,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC,CAAC;IAChC;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;;OAGG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;;OAGG;IACH,MAAM,CAAC,EAAE,WAAW,CAAC;IACrB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,EAAE,CAAC;IACjB;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IACtC;;;;;OAKG;IACH,YAAY,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,KAAK,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IAC1D;;;OAGG;IACH,OAAO,CAAC,EAAE,WAAW,CAAC;IACtB;;;OAGG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;;;;;;;;;OAUG;IACH,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB;;;;;OAKG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;;;OAIG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED;;;;;;;;;;;;;;;;;GAiBG;AACH,wBAAgB,YAAY,CAAC,EAC3B,KAAK,EACL,aAAqB,EACrB,WAAW,EACX,MAAM,EACN,KAAK,EACL,QAAQ,EACR,YAAY,EACZ,OAAoB,EACpB,WAAmB,EACnB,UAAkB,EAClB,eAAe,EACf,UAAkB,EAClB,QAAQ,EACR,GAAG,EACH,KAAK,EACL,MAAM,EACN,SAAS,EACT,KAAK,EACL,aAAa,EAAE,UAAU,EACzB,GAAG,IAAI,EACR,EAAE,iBAAiB,+
|
|
1
|
+
{"version":3,"file":"CheckboxList.d.ts","sourceRoot":"","sources":["../../src/CheckboxList/CheckboxList.tsx"],"names":[],"mappings":"AAIA;;;;;;;;;;;;GAYG;AAEH,OAAO,EAML,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AACf,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,cAAc,CAAC;AAC5C,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,gBAAgB,CAAC;AAE9C,OAAO,KAAK,EAAC,WAAW,EAAC,MAAM,gBAAgB,CAAC;AAEhD,OAAO,KAAK,EAAC,WAAW,EAAC,MAAM,qBAAqB,CAAC;AAWrD,MAAM,WAAW,iBAAkB,SAAQ,IAAI,CAC7C,SAAS,CAAC,cAAc,CAAC,EACzB,UAAU,CACX;IACC,wCAAwC;IACxC,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC,CAAC;IAChC;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;;OAGG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;;OAGG;IACH,MAAM,CAAC,EAAE,WAAW,CAAC;IACrB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,EAAE,CAAC;IACjB;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IACtC;;;;;OAKG;IACH,YAAY,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,KAAK,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IAC1D;;;OAGG;IACH,OAAO,CAAC,EAAE,WAAW,CAAC;IACtB;;;OAGG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;;;;;;;;;OAUG;IACH,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB;;;;;OAKG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;;;OAIG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED;;;;;;;;;;;;;;;;;GAiBG;AACH,wBAAgB,YAAY,CAAC,EAC3B,KAAK,EACL,aAAqB,EACrB,WAAW,EACX,MAAM,EACN,KAAK,EACL,QAAQ,EACR,YAAY,EACZ,OAAoB,EACpB,WAAmB,EACnB,UAAkB,EAClB,eAAe,EACf,UAAkB,EAClB,QAAQ,EACR,GAAG,EACH,KAAK,EACL,MAAM,EACN,SAAS,EACT,KAAK,EACL,aAAa,EAAE,UAAU,EACzB,GAAG,IAAI,EACR,EAAE,iBAAiB,+BAiInB;yBAtJe,YAAY"}
|
|
@@ -72,9 +72,10 @@ export function CheckboxList({
|
|
|
72
72
|
const isCollectionMode = value !== undefined;
|
|
73
73
|
const effectiveValue = value ?? EMPTY_ARRAY;
|
|
74
74
|
const [optimisticValue, setOptimisticValue] = useOptimistic(effectiveValue);
|
|
75
|
-
//
|
|
76
|
-
//
|
|
77
|
-
|
|
75
|
+
// Values whose `changeAction` is pending. React settles concurrent
|
|
76
|
+
// transitions together, so each toggled value stays listed until they all
|
|
77
|
+
// finish, then reverts to empty without manual cleanup.
|
|
78
|
+
const [loadingValues, addLoadingValue] = useOptimistic(EMPTY_ARRAY, (pending, toggled) => pending.includes(toggled) ? pending : [...pending, toggled]);
|
|
78
79
|
|
|
79
80
|
// Disabled-reason tooltip. Applies to the whole-group disabled state. Disabled
|
|
80
81
|
// controls swallow pointer events, so the tooltip listeners attach to the
|
|
@@ -94,20 +95,20 @@ export function CheckboxList({
|
|
|
94
95
|
startTransition(async () => {
|
|
95
96
|
setOptimisticValue(newValues);
|
|
96
97
|
if (toggledValue !== undefined) {
|
|
97
|
-
|
|
98
|
+
addLoadingValue(toggledValue);
|
|
98
99
|
}
|
|
99
100
|
await changeAction(newValues);
|
|
100
101
|
});
|
|
101
102
|
}
|
|
102
|
-
}, [onChange, changeAction, startTransition, setOptimisticValue,
|
|
103
|
+
}, [onChange, changeAction, startTransition, setOptimisticValue, addLoadingValue]);
|
|
103
104
|
const contextValue = useMemo(() => ({
|
|
104
105
|
value: isCollectionMode ? optimisticValue : undefined,
|
|
105
106
|
onChange: isCollectionMode ? handleChange : undefined,
|
|
106
107
|
isDisabled,
|
|
107
108
|
hasDisabledMessage: showsDisabledMessage,
|
|
108
109
|
isReadOnly,
|
|
109
|
-
|
|
110
|
-
}), [isCollectionMode, optimisticValue, handleChange, isDisabled, showsDisabledMessage, isReadOnly,
|
|
110
|
+
loadingValues
|
|
111
|
+
}), [isCollectionMode, optimisticValue, handleChange, isDisabled, showsDisabledMessage, isReadOnly, loadingValues]);
|
|
111
112
|
return /*#__PURE__*/_jsxs(Field, {
|
|
112
113
|
...rest,
|
|
113
114
|
ref: ref,
|
|
@@ -17,10 +17,11 @@ export interface CheckboxListContextValue {
|
|
|
17
17
|
hasDisabledMessage?: boolean;
|
|
18
18
|
isReadOnly: boolean;
|
|
19
19
|
/**
|
|
20
|
-
*
|
|
21
|
-
*
|
|
20
|
+
* Values of the items whose `changeAction` is pending. Each matching item
|
|
21
|
+
* renders an in-checkbox spinner and blocks re-toggling; the list is empty
|
|
22
|
+
* when idle.
|
|
22
23
|
*/
|
|
23
|
-
|
|
24
|
+
loadingValues?: ReadonlyArray<string>;
|
|
24
25
|
}
|
|
25
26
|
export declare const CheckboxListContext: import("react").Context<CheckboxListContextValue | null>;
|
|
26
27
|
//# sourceMappingURL=CheckboxListContext.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CheckboxListContext.d.ts","sourceRoot":"","sources":["../../src/CheckboxList/CheckboxListContext.tsx"],"names":[],"mappings":"AAaA,MAAM,WAAW,wBAAwB;IACvC,KAAK,CAAC,EAAE,MAAM,EAAE,CAAC;IACjB;;;;;OAKG;IACH,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,EAAE,YAAY,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IAC7D,UAAU,EAAE,OAAO,CAAC;IACpB;;;;;OAKG;IACH,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,UAAU,EAAE,OAAO,CAAC;IACpB
|
|
1
|
+
{"version":3,"file":"CheckboxListContext.d.ts","sourceRoot":"","sources":["../../src/CheckboxList/CheckboxListContext.tsx"],"names":[],"mappings":"AAaA,MAAM,WAAW,wBAAwB;IACvC,KAAK,CAAC,EAAE,MAAM,EAAE,CAAC;IACjB;;;;;OAKG;IACH,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,EAAE,YAAY,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IAC7D,UAAU,EAAE,OAAO,CAAC;IACpB;;;;;OAKG;IACH,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,UAAU,EAAE,OAAO,CAAC;IACpB;;;;OAIG;IACH,aAAa,CAAC,EAAE,aAAa,CAAC,MAAM,CAAC,CAAC;CACvC;AAED,eAAO,MAAM,mBAAmB,0DACiC,CAAC"}
|
|
@@ -4,10 +4,10 @@
|
|
|
4
4
|
|
|
5
5
|
/**
|
|
6
6
|
* @file CheckboxListContext.tsx
|
|
7
|
-
* @input Uses
|
|
7
|
+
* @input Uses the private layer-scoped context factory
|
|
8
8
|
* @output Exports CheckboxListContext for parent-child communication
|
|
9
9
|
* @position Internal context; consumed by CheckboxList.tsx and CheckboxListItem.tsx
|
|
10
10
|
*/
|
|
11
|
-
import {
|
|
12
|
-
export const CheckboxListContext =
|
|
11
|
+
import { createLayerScopedContext } from "../Layer/layerScopedContext.js";
|
|
12
|
+
export const CheckboxListContext = createLayerScopedContext(null);
|
|
13
13
|
CheckboxListContext.displayName = 'CheckboxListContext';
|
|
@@ -5,6 +5,7 @@
|
|
|
5
5
|
* @position Core implementation; consumed by index.ts, tested by CheckboxList.test.tsx
|
|
6
6
|
*
|
|
7
7
|
* SYNC: When modified, update these files to stay in sync:
|
|
8
|
+
* - /packages/core/src/CheckboxList/CheckboxListItem.doc.mjs
|
|
8
9
|
* - /packages/core/src/CheckboxList/CheckboxList.doc.mjs
|
|
9
10
|
* - /packages/core/src/CheckboxList/CheckboxList.test.tsx
|
|
10
11
|
* - /packages/core/src/CheckboxList/index.ts
|
|
@@ -51,8 +52,9 @@ export interface CheckboxListItemProps extends BaseProps<HTMLLIElement> {
|
|
|
51
52
|
*/
|
|
52
53
|
'aria-label'?: string;
|
|
53
54
|
/**
|
|
54
|
-
* Identity key for collection mode
|
|
55
|
-
*
|
|
55
|
+
* Identity key for collection mode. Required when the parent CheckboxList
|
|
56
|
+
* has a `value` array: the item throws without it there. An item inside
|
|
57
|
+
* List, or inside a CheckboxList without `value`, may omit it.
|
|
56
58
|
*/
|
|
57
59
|
value?: string;
|
|
58
60
|
/**
|
|
@@ -82,21 +84,25 @@ export interface CheckboxListItemProps extends BaseProps<HTMLLIElement> {
|
|
|
82
84
|
*/
|
|
83
85
|
isLoading?: boolean;
|
|
84
86
|
/**
|
|
85
|
-
* Direct checked state
|
|
86
|
-
*
|
|
87
|
+
* Direct checked state for standalone mode: an item inside List, or inside
|
|
88
|
+
* a CheckboxList without `value` (for example, a select-all item). Ignored
|
|
89
|
+
* when the parent CheckboxList has a `value` array, which then owns the
|
|
90
|
+
* checked state.
|
|
87
91
|
*/
|
|
88
92
|
isChecked?: boolean | 'indeterminate';
|
|
89
93
|
/**
|
|
90
|
-
* Direct check handler
|
|
91
|
-
* Ignored when
|
|
94
|
+
* Direct check handler for standalone mode: an item inside List, or inside a
|
|
95
|
+
* CheckboxList without `value`. Ignored when the parent CheckboxList has a
|
|
96
|
+
* `value` array; that list's `onChange` receives the change instead.
|
|
92
97
|
*/
|
|
93
98
|
onCheck?: (checked: boolean) => void;
|
|
94
99
|
/** Ref forwarded to the root element */
|
|
95
100
|
ref?: React.Ref<HTMLLIElement>;
|
|
96
101
|
}
|
|
97
102
|
/**
|
|
98
|
-
* A checkbox item for use within CheckboxList (collection mode
|
|
99
|
-
* or
|
|
103
|
+
* A checkbox item for use within CheckboxList (collection mode, when the list
|
|
104
|
+
* has a `value` array) or standalone (inside List, or inside a CheckboxList
|
|
105
|
+
* without `value`).
|
|
100
106
|
*
|
|
101
107
|
* In collection mode, checked state is derived from the parent's value array.
|
|
102
108
|
* In standalone mode, uses isChecked/onCheck props directly.
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CheckboxListItem.d.ts","sourceRoot":"","sources":["../../src/CheckboxList/CheckboxListItem.tsx"],"names":[],"mappings":"AAIA
|
|
1
|
+
{"version":3,"file":"CheckboxListItem.d.ts","sourceRoot":"","sources":["../../src/CheckboxList/CheckboxListItem.tsx"],"names":[],"mappings":"AAIA;;;;;;;;;;;;;GAaG;AAEH,OAAO,EAAqB,KAAK,SAAS,EAAC,MAAM,OAAO,CAAC;AAIzD,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,cAAc,CAAC;AAuB5C,MAAM,WAAW,qBAAsB,SAAQ,SAAS,CAAC,aAAa,CAAC;IACrE;;;;;;;;;;;;;OAaG;IACH,KAAK,EAAE,SAAS,CAAC;IACjB;;;;;;;;;;;;;;;;;;;OAmBG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;;;;OAIG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;;;OAKG;IACH,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB;;OAEG;IACH,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;;;;;;;OAQG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;;;;OAKG;IACH,SAAS,CAAC,EAAE,OAAO,GAAG,eAAe,CAAC;IACtC;;;;OAIG;IACH,OAAO,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IACrC,wCAAwC;IACxC,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,aAAa,CAAC,CAAC;CAChC;AA4BD;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,wBAAgB,gBAAgB,CAAC,EAC/B,KAAK,EACL,YAAY,EAAE,SAAS,EACvB,KAAK,EACL,WAAW,EACX,UAAU,EACV,UAAU,EAAE,cAAsB,EAClC,SAAS,EAAE,aAAqB,EAChC,SAAS,EACT,OAAO,EACP,GAAG,EACH,MAAM,EACN,SAAS,EACT,KAAK,EACL,OAAO,EAAE,WAAW,EACpB,GAAG,SAAS,EACb,EAAE,qBAAqB,+BA4IvB;yBA5Je,gBAAgB"}
|
|
@@ -9,6 +9,7 @@
|
|
|
9
9
|
* @position Core implementation; consumed by index.ts, tested by CheckboxList.test.tsx
|
|
10
10
|
*
|
|
11
11
|
* SYNC: When modified, update these files to stay in sync:
|
|
12
|
+
* - /packages/core/src/CheckboxList/CheckboxListItem.doc.mjs
|
|
12
13
|
* - /packages/core/src/CheckboxList/CheckboxList.doc.mjs
|
|
13
14
|
* - /packages/core/src/CheckboxList/CheckboxList.test.tsx
|
|
14
15
|
* - /packages/core/src/CheckboxList/index.ts
|
|
@@ -67,8 +68,9 @@ function DescribedCheckboxInput(props) {
|
|
|
67
68
|
}
|
|
68
69
|
|
|
69
70
|
/**
|
|
70
|
-
* A checkbox item for use within CheckboxList (collection mode
|
|
71
|
-
* or
|
|
71
|
+
* A checkbox item for use within CheckboxList (collection mode, when the list
|
|
72
|
+
* has a `value` array) or standalone (inside List, or inside a CheckboxList
|
|
73
|
+
* without `value`).
|
|
72
74
|
*
|
|
73
75
|
* In collection mode, checked state is derived from the parent's value array.
|
|
74
76
|
* In standalone mode, uses isChecked/onCheck props directly.
|
|
@@ -129,9 +131,9 @@ export function CheckboxListItem({
|
|
|
129
131
|
// Disabled: parent-level OR item-level
|
|
130
132
|
const effectiveDisabled = (ctx?.isDisabled ?? false) || isItemDisabled;
|
|
131
133
|
const effectiveReadOnly = ctx?.isReadOnly ?? false;
|
|
132
|
-
// Loading is per-item: explicit item prop OR (collection mode)
|
|
134
|
+
// Loading is per-item: explicit item prop OR (collection mode) an item
|
|
133
135
|
// whose `changeAction` is currently pending in the parent.
|
|
134
|
-
const isBusy = isItemLoading ||
|
|
136
|
+
const isBusy = isItemLoading || value !== undefined && (ctx?.loadingValues?.includes(value) ?? false);
|
|
135
137
|
|
|
136
138
|
// Resolve checked state:
|
|
137
139
|
// 1. Collection mode (inside CheckboxList with value[])
|
|
@@ -154,6 +156,15 @@ export function CheckboxListItem({
|
|
|
154
156
|
// a toggleable item, or one carrying a consumer `onClick`.
|
|
155
157
|
const checkboxRef = useRef(null);
|
|
156
158
|
const hasRowInteraction = isInteractive || onClickProp != null;
|
|
159
|
+
|
|
160
|
+
// A read-only checkbox carries aria-readonly, which the row's clickable
|
|
161
|
+
// container treats as a non-interactive target, so a click on it would be
|
|
162
|
+
// delegated straight back to the checkbox without end. Stop that click at
|
|
163
|
+
// the checkbox; the consumer onClick still fires once per click.
|
|
164
|
+
const handleCheckboxClick = effectiveReadOnly && onClickProp != null ? event => {
|
|
165
|
+
onClickProp(event);
|
|
166
|
+
event.stopPropagation();
|
|
167
|
+
} : onClickProp;
|
|
157
168
|
const handleToggle = () => {
|
|
158
169
|
if (effectiveDisabled || effectiveReadOnly || isBusy) {
|
|
159
170
|
return;
|
|
@@ -201,7 +212,7 @@ export function CheckboxListItem({
|
|
|
201
212
|
isLabelHidden: true,
|
|
202
213
|
value: resolvedChecked,
|
|
203
214
|
onChange: () => handleToggle(),
|
|
204
|
-
onClick:
|
|
215
|
+
onClick: handleCheckboxClick,
|
|
205
216
|
isDisabled: effectiveDisabled,
|
|
206
217
|
isReadOnly: effectiveReadOnly,
|
|
207
218
|
isLoading: isBusy,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CollapsibleGroupContext.d.ts","sourceRoot":"","sources":["../../src/Collapsible/CollapsibleGroupContext.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"CollapsibleGroupContext.d.ts","sourceRoot":"","sources":["../../src/Collapsible/CollapsibleGroupContext.tsx"],"names":[],"mappings":"AAqBA;;GAEG;AACH,MAAM,WAAW,4BAA4B;IAC3C,gDAAgD;IAChD,MAAM,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,OAAO,CAAC;IACnC,8CAA8C;IAC9C,MAAM,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACjC;AAED;;;GAGG;AACH,eAAO,MAAM,uBAAuB,8DACsB,CAAC;AAG3D;;;;GAIG;AACH,MAAM,MAAM,uBAAuB,GAAG,SAAS,GAAG,UAAU,GAAG,UAAU,CAAC;AAE1E;;;;;;GAMG;AACH,MAAM,MAAM,0BAA0B,GAAG,OAAO,GAAG,KAAK,CAAC;AAEzD;;;;GAIG;AACH,MAAM,WAAW,iCAAiC;IAChD,4EAA4E;IAC5E,WAAW,EAAE,OAAO,CAAC;IACrB,yEAAyE;IACzE,OAAO,EAAE,uBAAuB,GAAG,IAAI,CAAC;IACxC;;;;;OAKG;IACH,eAAe,EAAE,0BAA0B,GAAG,IAAI,CAAC;CACpD;AAED;;;;;GAKG;AACH,eAAO,MAAM,mCAAmC,mEAC0B,CAAC"}
|
|
@@ -4,7 +4,7 @@
|
|
|
4
4
|
|
|
5
5
|
/**
|
|
6
6
|
* @file CollapsibleGroupContext.tsx
|
|
7
|
-
* @input
|
|
7
|
+
* @input Layer-scoped React context
|
|
8
8
|
* @output Exports CollapsibleGroupContext, CollapsibleGroupContextValue,
|
|
9
9
|
* CollapsibleGroupPresentationContext, CollapsibleGroupPresentationValue,
|
|
10
10
|
* CollapsibleGroupDensity, and CollapsibleChevronPosition types
|
|
@@ -16,6 +16,7 @@
|
|
|
16
16
|
* - /packages/cli/assets/templates/blocks/components/Collapsible/ (showcase blocks)
|
|
17
17
|
*/
|
|
18
18
|
import { createContext } from 'react';
|
|
19
|
+
import { createLayerScopedContext } from "../Layer/layerScopedContext.js";
|
|
19
20
|
|
|
20
21
|
/**
|
|
21
22
|
* Context value provided by CollapsibleGroup to coordinate collapsible children.
|
|
@@ -54,5 +55,5 @@ CollapsibleGroupContext.displayName = 'CollapsibleGroupContext';
|
|
|
54
55
|
* state API is unaffected. Collapsible resets this context around its
|
|
55
56
|
* children so nested collapsibles never inherit row chrome.
|
|
56
57
|
*/
|
|
57
|
-
export const CollapsibleGroupPresentationContext =
|
|
58
|
+
export const CollapsibleGroupPresentationContext = createLayerScopedContext(null);
|
|
58
59
|
CollapsibleGroupPresentationContext.displayName = 'CollapsibleGroupPresentationContext';
|
package/dist/Dialog/Dialog.d.ts
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* @file Dialog.tsx
|
|
3
|
-
* @input Uses React, DialogHTMLAttributes, ReactNode, container (Layout), DialogContext
|
|
3
|
+
* @input Uses React, DialogHTMLAttributes, ReactNode, container (Layout), DialogContext, layerTextReset
|
|
4
4
|
* @output Exports Dialog component, DialogProps, DialogVariant, DialogPurpose types
|
|
5
5
|
* @position Core implementation; consumed by index.ts, tested by Dialog.test.tsx
|
|
6
6
|
*
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Dialog.d.ts","sourceRoot":"","sources":["../../src/Dialog/Dialog.tsx"],"names":[],"mappings":"AAIA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,OAAO,EAML,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AACf,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,cAAc,CAAC;
|
|
1
|
+
{"version":3,"file":"Dialog.d.ts","sourceRoot":"","sources":["../../src/Dialog/Dialog.tsx"],"names":[],"mappings":"AAIA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,OAAO,EAML,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AACf,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,cAAc,CAAC;AAyB5C,OAAO,KAAK,EAAC,WAAW,EAAC,MAAM,gBAAgB,CAAC;AAKhD,OAAO,KAAK,EAAC,gBAAgB,EAAC,MAAM,SAAS,CAAC;AAuB9C;;;;;;GAMG;AACH,MAAM,MAAM,aAAa,GAAG,MAAM,gBAAgB,CAAC;AAEnD;;;;;GAKG;AACH,MAAM,MAAM,aAAa,GAAG,UAAU,GAAG,MAAM,GAAG,MAAM,CAAC;AAEzD,4EAA4E;AAC5E,UAAU,mBAAmB;IAC3B,GAAG,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACtB,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CAC1B;AAED;;;;;GAKG;AACH,MAAM,WAAW,cAAe,SAAQ,mBAAmB;IACzD,6EAA6E;IAC7E,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,yEAAyE;IACzE,GAAG,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CACvB;AAuBD,2FAA2F;AAC3F,eAAO,MAAM,uCAAuC;;;;;;;;;;;CAW1C,CAAC;AAkJX;;;;;;;;;GASG;AACH,wBAAgB,4BAA4B,CAAC,QAAQ,EAAE,cAAc;;;;;EAUpE;AAED,MAAM,WAAW,WAAY,SAAQ,SAAS,CAAC,iBAAiB,CAAC;IAC/D,wCAAwC;IACxC,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,iBAAiB,CAAC,CAAC;IACnC;;OAEG;IACH,MAAM,EAAE,OAAO,CAAC;IAEhB;;;;;;OAMG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;;;;;;OAOG;IACH,YAAY,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,OAAO,CAAC;IAE3C;;;;;OAKG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAExB;;;;;;OAMG;IACH,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAE5B;;;;OAIG;IACH,QAAQ,CAAC,EAAE,QAAQ,CAAC,cAAc,CAAC,CAAC;IAEpC;;;;;OAKG;IACH,OAAO,CAAC,EAAE,aAAa,CAAC;IAExB;;;;;;OAMG;IACH,OAAO,CAAC,EAAE,aAAa,CAAC;IAExB;;;;OAIG;IACH,OAAO,CAAC,EAAE,WAAW,CAAC;IAEtB;;;OAGG;IACH,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,wBAAgB,MAAM,CAAC,EACrB,MAAM,EACN,QAAgB,EAChB,YAAY,EACZ,KAAW,EACX,SAAmB,EACnB,QAAQ,EACR,OAAoB,EACpB,OAAgB,EAChB,OAAO,EACP,QAAQ,EACR,MAAM,EACN,SAAS,EACT,KAAK,EACL,GAAG,EACH,GAAG,KAAK,EACT,EAAE,WAAW,sCAuTb;yBAvUe,MAAM"}
|