@cdx-ui/primitives 0.0.1-beta.3 → 0.0.1-beta.30
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +49 -24
- package/lib/commonjs/checkbox/createCheckboxRoot.web.js +8 -3
- package/lib/commonjs/checkbox/createCheckboxRoot.web.js.map +1 -1
- package/lib/commonjs/field/createFieldLabel.js.map +1 -1
- package/lib/commonjs/index.js +36 -0
- package/lib/commonjs/index.js.map +1 -1
- package/lib/commonjs/input/createInputField.js +5 -0
- package/lib/commonjs/input/createInputField.js.map +1 -1
- package/lib/commonjs/list-item/context.js +11 -0
- package/lib/commonjs/list-item/context.js.map +1 -0
- package/lib/commonjs/list-item/createListItemContent.js +30 -0
- package/lib/commonjs/list-item/createListItemContent.js.map +1 -0
- package/lib/commonjs/list-item/createListItemDescription.js +25 -0
- package/lib/commonjs/list-item/createListItemDescription.js.map +1 -0
- package/lib/commonjs/list-item/createListItemLeadingSlot.js +34 -0
- package/lib/commonjs/list-item/createListItemLeadingSlot.js.map +1 -0
- package/lib/commonjs/list-item/createListItemMeta.js +25 -0
- package/lib/commonjs/list-item/createListItemMeta.js.map +1 -0
- package/lib/commonjs/list-item/createListItemRoot.js +157 -0
- package/lib/commonjs/list-item/createListItemRoot.js.map +1 -0
- package/lib/commonjs/list-item/createListItemSectionHeader.js +54 -0
- package/lib/commonjs/list-item/createListItemSectionHeader.js.map +1 -0
- package/lib/commonjs/list-item/createListItemTitle.js +25 -0
- package/lib/commonjs/list-item/createListItemTitle.js.map +1 -0
- package/lib/commonjs/list-item/createListItemTrailingSlot.js +28 -0
- package/lib/commonjs/list-item/createListItemTrailingSlot.js.map +1 -0
- package/lib/commonjs/list-item/index.js +55 -0
- package/lib/commonjs/list-item/index.js.map +1 -0
- package/lib/commonjs/list-item/types.js +6 -0
- package/lib/commonjs/list-item/types.js.map +1 -0
- package/lib/commonjs/radio/context.js +14 -0
- package/lib/commonjs/radio/context.js.map +1 -0
- package/lib/commonjs/radio/createRadioGroup.js +66 -0
- package/lib/commonjs/radio/createRadioGroup.js.map +1 -0
- package/lib/commonjs/radio/createRadioIndicator.js +43 -0
- package/lib/commonjs/radio/createRadioIndicator.js.map +1 -0
- package/lib/commonjs/radio/createRadioLabel.js +38 -0
- package/lib/commonjs/radio/createRadioLabel.js.map +1 -0
- package/lib/commonjs/radio/createRadioRoot.js +95 -0
- package/lib/commonjs/radio/createRadioRoot.js.map +1 -0
- package/lib/commonjs/radio/createRadioRoot.web.js +87 -0
- package/lib/commonjs/radio/createRadioRoot.web.js.map +1 -0
- package/lib/commonjs/radio/index.js +26 -0
- package/lib/commonjs/radio/index.js.map +1 -0
- package/lib/commonjs/radio/types.js +6 -0
- package/lib/commonjs/radio/types.js.map +1 -0
- package/lib/commonjs/radio/useRadioRoot.js +64 -0
- package/lib/commonjs/radio/useRadioRoot.js.map +1 -0
- package/lib/commonjs/select/createSelectTrigger.js +17 -4
- package/lib/commonjs/select/createSelectTrigger.js.map +1 -1
- package/lib/commonjs/tile/context.js +30 -0
- package/lib/commonjs/tile/context.js.map +1 -0
- package/lib/commonjs/tile/createTileContent.js +30 -0
- package/lib/commonjs/tile/createTileContent.js.map +1 -0
- package/lib/commonjs/tile/createTileDescription.js +28 -0
- package/lib/commonjs/tile/createTileDescription.js.map +1 -0
- package/lib/commonjs/tile/createTileGroup.js +112 -0
- package/lib/commonjs/tile/createTileGroup.js.map +1 -0
- package/lib/commonjs/tile/createTileIndicator.js +46 -0
- package/lib/commonjs/tile/createTileIndicator.js.map +1 -0
- package/lib/commonjs/tile/createTileLeadingSlot.js +34 -0
- package/lib/commonjs/tile/createTileLeadingSlot.js.map +1 -0
- package/lib/commonjs/tile/createTileRoot.js +133 -0
- package/lib/commonjs/tile/createTileRoot.js.map +1 -0
- package/lib/commonjs/tile/createTileTitle.js +28 -0
- package/lib/commonjs/tile/createTileTitle.js.map +1 -0
- package/lib/commonjs/tile/createTileTrailingSlot.js +35 -0
- package/lib/commonjs/tile/createTileTrailingSlot.js.map +1 -0
- package/lib/commonjs/tile/index.js +55 -0
- package/lib/commonjs/tile/index.js.map +1 -0
- package/lib/commonjs/tile/types.js +6 -0
- package/lib/commonjs/tile/types.js.map +1 -0
- package/lib/module/checkbox/createCheckboxRoot.web.js +8 -2
- package/lib/module/checkbox/createCheckboxRoot.web.js.map +1 -1
- package/lib/module/field/createFieldLabel.js.map +1 -1
- package/lib/module/index.js +3 -0
- package/lib/module/index.js.map +1 -1
- package/lib/module/input/createInputField.js +5 -0
- package/lib/module/input/createInputField.js.map +1 -1
- package/lib/module/list-item/context.js +5 -0
- package/lib/module/list-item/context.js.map +1 -0
- package/lib/module/list-item/createListItemContent.js +24 -0
- package/lib/module/list-item/createListItemContent.js.map +1 -0
- package/lib/module/list-item/createListItemDescription.js +19 -0
- package/lib/module/list-item/createListItemDescription.js.map +1 -0
- package/lib/module/list-item/createListItemLeadingSlot.js +28 -0
- package/lib/module/list-item/createListItemLeadingSlot.js.map +1 -0
- package/lib/module/list-item/createListItemMeta.js +19 -0
- package/lib/module/list-item/createListItemMeta.js.map +1 -0
- package/lib/module/list-item/createListItemRoot.js +151 -0
- package/lib/module/list-item/createListItemRoot.js.map +1 -0
- package/lib/module/list-item/createListItemSectionHeader.js +48 -0
- package/lib/module/list-item/createListItemSectionHeader.js.map +1 -0
- package/lib/module/list-item/createListItemTitle.js +19 -0
- package/lib/module/list-item/createListItemTitle.js.map +1 -0
- package/lib/module/list-item/createListItemTrailingSlot.js +22 -0
- package/lib/module/list-item/createListItemTrailingSlot.js.map +1 -0
- package/lib/module/list-item/index.js +39 -0
- package/lib/module/list-item/index.js.map +1 -0
- package/lib/module/list-item/types.js +4 -0
- package/lib/module/list-item/types.js.map +1 -0
- package/lib/module/radio/context.js +7 -0
- package/lib/module/radio/context.js.map +1 -0
- package/lib/module/radio/createRadioGroup.js +61 -0
- package/lib/module/radio/createRadioGroup.js.map +1 -0
- package/lib/module/radio/createRadioIndicator.js +38 -0
- package/lib/module/radio/createRadioIndicator.js.map +1 -0
- package/lib/module/radio/createRadioLabel.js +33 -0
- package/lib/module/radio/createRadioLabel.js.map +1 -0
- package/lib/module/radio/createRadioRoot.js +90 -0
- package/lib/module/radio/createRadioRoot.js.map +1 -0
- package/lib/module/radio/createRadioRoot.web.js +82 -0
- package/lib/module/radio/createRadioRoot.web.js.map +1 -0
- package/lib/module/radio/index.js +22 -0
- package/lib/module/radio/index.js.map +1 -0
- package/lib/module/radio/types.js +4 -0
- package/lib/module/radio/types.js.map +1 -0
- package/lib/module/radio/useRadioRoot.js +60 -0
- package/lib/module/radio/useRadioRoot.js.map +1 -0
- package/lib/module/select/createSelectTrigger.js +19 -6
- package/lib/module/select/createSelectTrigger.js.map +1 -1
- package/lib/module/tile/context.js +21 -0
- package/lib/module/tile/context.js.map +1 -0
- package/lib/module/tile/createTileContent.js +24 -0
- package/lib/module/tile/createTileContent.js.map +1 -0
- package/lib/module/tile/createTileDescription.js +22 -0
- package/lib/module/tile/createTileDescription.js.map +1 -0
- package/lib/module/tile/createTileGroup.js +106 -0
- package/lib/module/tile/createTileGroup.js.map +1 -0
- package/lib/module/tile/createTileIndicator.js +40 -0
- package/lib/module/tile/createTileIndicator.js.map +1 -0
- package/lib/module/tile/createTileLeadingSlot.js +28 -0
- package/lib/module/tile/createTileLeadingSlot.js.map +1 -0
- package/lib/module/tile/createTileRoot.js +127 -0
- package/lib/module/tile/createTileRoot.js.map +1 -0
- package/lib/module/tile/createTileTitle.js +22 -0
- package/lib/module/tile/createTileTitle.js.map +1 -0
- package/lib/module/tile/createTileTrailingSlot.js +29 -0
- package/lib/module/tile/createTileTrailingSlot.js.map +1 -0
- package/lib/module/tile/index.js +39 -0
- package/lib/module/tile/index.js.map +1 -0
- package/lib/module/tile/types.js +4 -0
- package/lib/module/tile/types.js.map +1 -0
- package/lib/typescript/checkbox/createCheckboxRoot.web.d.ts +4 -0
- package/lib/typescript/checkbox/createCheckboxRoot.web.d.ts.map +1 -1
- package/lib/typescript/checkbox/useCheckboxRoot.d.ts +2 -0
- package/lib/typescript/checkbox/useCheckboxRoot.d.ts.map +1 -1
- package/lib/typescript/field/createFieldLabel.d.ts.map +1 -1
- package/lib/typescript/index.d.ts +3 -0
- package/lib/typescript/index.d.ts.map +1 -1
- package/lib/typescript/input/createInputField.d.ts.map +1 -1
- package/lib/typescript/list-item/context.d.ts +6 -0
- package/lib/typescript/list-item/context.d.ts.map +1 -0
- package/lib/typescript/list-item/createListItemContent.d.ts +3 -0
- package/lib/typescript/list-item/createListItemContent.d.ts.map +1 -0
- package/lib/typescript/list-item/createListItemDescription.d.ts +3 -0
- package/lib/typescript/list-item/createListItemDescription.d.ts.map +1 -0
- package/lib/typescript/list-item/createListItemLeadingSlot.d.ts +4 -0
- package/lib/typescript/list-item/createListItemLeadingSlot.d.ts.map +1 -0
- package/lib/typescript/list-item/createListItemMeta.d.ts +3 -0
- package/lib/typescript/list-item/createListItemMeta.d.ts.map +1 -0
- package/lib/typescript/list-item/createListItemRoot.d.ts +4 -0
- package/lib/typescript/list-item/createListItemRoot.d.ts.map +1 -0
- package/lib/typescript/list-item/createListItemSectionHeader.d.ts +4 -0
- package/lib/typescript/list-item/createListItemSectionHeader.d.ts.map +1 -0
- package/lib/typescript/list-item/createListItemTitle.d.ts +3 -0
- package/lib/typescript/list-item/createListItemTitle.d.ts.map +1 -0
- package/lib/typescript/list-item/createListItemTrailingSlot.d.ts +3 -0
- package/lib/typescript/list-item/createListItemTrailingSlot.d.ts.map +1 -0
- package/lib/typescript/list-item/index.d.ts +16 -0
- package/lib/typescript/list-item/index.d.ts.map +1 -0
- package/lib/typescript/list-item/types.d.ts +86 -0
- package/lib/typescript/list-item/types.d.ts.map +1 -0
- package/lib/typescript/radio/context.d.ts +21 -0
- package/lib/typescript/radio/context.d.ts.map +1 -0
- package/lib/typescript/radio/createRadioGroup.d.ts +3 -0
- package/lib/typescript/radio/createRadioGroup.d.ts.map +1 -0
- package/lib/typescript/radio/createRadioIndicator.d.ts +5 -0
- package/lib/typescript/radio/createRadioIndicator.d.ts.map +1 -0
- package/lib/typescript/radio/createRadioLabel.d.ts +5 -0
- package/lib/typescript/radio/createRadioLabel.d.ts.map +1 -0
- package/lib/typescript/radio/createRadioRoot.d.ts +3 -0
- package/lib/typescript/radio/createRadioRoot.d.ts.map +1 -0
- package/lib/typescript/radio/createRadioRoot.web.d.ts +3 -0
- package/lib/typescript/radio/createRadioRoot.web.d.ts.map +1 -0
- package/lib/typescript/radio/index.d.ts +10 -0
- package/lib/typescript/radio/index.d.ts.map +1 -0
- package/lib/typescript/radio/types.d.ts +54 -0
- package/lib/typescript/radio/types.d.ts.map +1 -0
- package/lib/typescript/radio/useRadioRoot.d.ts +151 -0
- package/lib/typescript/radio/useRadioRoot.d.ts.map +1 -0
- package/lib/typescript/select/createSelectTrigger.d.ts.map +1 -1
- package/lib/typescript/tile/context.d.ts +9 -0
- package/lib/typescript/tile/context.d.ts.map +1 -0
- package/lib/typescript/tile/createTileContent.d.ts +3 -0
- package/lib/typescript/tile/createTileContent.d.ts.map +1 -0
- package/lib/typescript/tile/createTileDescription.d.ts +3 -0
- package/lib/typescript/tile/createTileDescription.d.ts.map +1 -0
- package/lib/typescript/tile/createTileGroup.d.ts +4 -0
- package/lib/typescript/tile/createTileGroup.d.ts.map +1 -0
- package/lib/typescript/tile/createTileIndicator.d.ts +4 -0
- package/lib/typescript/tile/createTileIndicator.d.ts.map +1 -0
- package/lib/typescript/tile/createTileLeadingSlot.d.ts +4 -0
- package/lib/typescript/tile/createTileLeadingSlot.d.ts.map +1 -0
- package/lib/typescript/tile/createTileRoot.d.ts +4 -0
- package/lib/typescript/tile/createTileRoot.d.ts.map +1 -0
- package/lib/typescript/tile/createTileTitle.d.ts +3 -0
- package/lib/typescript/tile/createTileTitle.d.ts.map +1 -0
- package/lib/typescript/tile/createTileTrailingSlot.d.ts +9 -0
- package/lib/typescript/tile/createTileTrailingSlot.d.ts.map +1 -0
- package/lib/typescript/tile/index.d.ts +15 -0
- package/lib/typescript/tile/index.d.ts.map +1 -0
- package/lib/typescript/tile/types.d.ts +119 -0
- package/lib/typescript/tile/types.d.ts.map +1 -0
- package/package.json +5 -2
- package/src/checkbox/createCheckboxRoot.web.tsx +6 -2
- package/src/field/createFieldLabel.tsx +4 -1
- package/src/index.ts +3 -0
- package/src/input/createInputField.tsx +6 -0
- package/src/list-item/context.tsx +5 -0
- package/src/list-item/createListItemContent.tsx +23 -0
- package/src/list-item/createListItemDescription.tsx +19 -0
- package/src/list-item/createListItemLeadingSlot.tsx +30 -0
- package/src/list-item/createListItemMeta.tsx +17 -0
- package/src/list-item/createListItemRoot.tsx +178 -0
- package/src/list-item/createListItemSectionHeader.tsx +53 -0
- package/src/list-item/createListItemTitle.tsx +17 -0
- package/src/list-item/createListItemTrailingSlot.tsx +21 -0
- package/src/list-item/index.ts +88 -0
- package/src/list-item/types.ts +122 -0
- package/src/radio/context.tsx +21 -0
- package/src/radio/createRadioGroup.tsx +67 -0
- package/src/radio/createRadioIndicator.tsx +32 -0
- package/src/radio/createRadioLabel.tsx +28 -0
- package/src/radio/createRadioRoot.tsx +100 -0
- package/src/radio/createRadioRoot.web.tsx +81 -0
- package/src/radio/index.ts +37 -0
- package/src/radio/types.ts +67 -0
- package/src/radio/useRadioRoot.ts +69 -0
- package/src/select/createSelectTrigger.tsx +26 -3
- package/src/tile/context.tsx +23 -0
- package/src/tile/createTileContent.tsx +23 -0
- package/src/tile/createTileDescription.tsx +19 -0
- package/src/tile/createTileGroup.tsx +134 -0
- package/src/tile/createTileIndicator.tsx +38 -0
- package/src/tile/createTileLeadingSlot.tsx +30 -0
- package/src/tile/createTileRoot.tsx +124 -0
- package/src/tile/createTileTitle.tsx +19 -0
- package/src/tile/createTileTrailingSlot.tsx +25 -0
- package/src/tile/index.ts +88 -0
- package/src/tile/types.ts +153 -0
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["forwardRef","useCallback","useLayoutEffect","useMemo","useRef","Platform","composeEventHandlers","mergeRefs","useFormControlContext","useFocus","useFocusRing","useHover","usePress","dataAttributes","SelectTriggerProvider","useSelectContext","jsx","_jsx","createSelectTrigger","BaseTrigger","children","isHovered","isHoveredProp","isActive","isActiveProp","isFocused","isFocusedProp","isFocusVisible","isFocusVisibleProp","isDisabled","isDisabledProp","ariaDescribedByProp","props","ref","open","setOpen","disabled","contextDisabled","required","contextRequired","invalid","contextInvalid","readOnly","contextReadOnly","triggerId","contentId","triggerRef","activeValue","accessibilityLabel","ariaDescribedBy","ariaDescribedByFromField","field","focusProps","focusRingProps","pressProps","isPressed","hoverProps","handlePress","e","type","key","handleKeyDown","preventDefault","interactionState","hover","focus","active","focusVisible","labelFocusGateRef","current","labelFocusBridge","isOff","isRO","node","OS","inputRef","r","mergedRef","filter","
|
|
1
|
+
{"version":3,"names":["forwardRef","useCallback","useLayoutEffect","useMemo","useRef","useState","Platform","composeEventHandlers","mergeRefs","useFormControlContext","useReportFormControlLabelFocus","useFocus","useFocusRing","useHover","usePress","dataAttributes","SelectTriggerProvider","useSelectContext","jsx","_jsx","createSelectTrigger","BaseTrigger","children","isHovered","isHoveredProp","isActive","isActiveProp","isFocused","isFocusedProp","isFocusVisible","isFocusVisibleProp","isDisabled","isDisabledProp","ariaDescribedByProp","props","ref","open","setOpen","disabled","contextDisabled","required","contextRequired","invalid","contextInvalid","readOnly","contextReadOnly","triggerId","contentId","triggerRef","activeValue","accessibilityLabel","ariaDescribedBy","ariaDescribedByFromField","field","focusProps","focusRingProps","pressProps","isPressed","hoverProps","triggerFocused","setTriggerFocused","handlePress","e","type","key","handleKeyDown","preventDefault","isLabelActive","select","web","Boolean","default","interactionState","hover","focus","active","focusVisible","labelFocusGateRef","current","labelFocusBridge","isOff","isRO","node","OS","inputRef","r","mergedRef","filter","join","webKeyboardProps","onKeyDown","value","role","undefined","readonly","state","slot","id","onPress","onPressIn","onPressOut","onHoverIn","onHoverOut","onFocus","onBlur"],"sourceRoot":"../../../src","sources":["select/createSelectTrigger.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
import { createContext as createReactContext, useContext } from 'react';
|
|
4
|
+
import { createContext } from '@cdx-ui/utils';
|
|
5
|
+
// Per-tile subtree (selection-aware slots, indicator, etc.)
|
|
6
|
+
export const [TileProvider, useTileContext] = createContext('TileContext');
|
|
7
|
+
|
|
8
|
+
// Per-group subtree (optional — standalone tiles have no provider)
|
|
9
|
+
const TileGroupContext = /*#__PURE__*/createReactContext(null);
|
|
10
|
+
export const TileGroupContextProvider = TileGroupContext.Provider;
|
|
11
|
+
export function useTileGroupContext() {
|
|
12
|
+
const ctx = useContext(TileGroupContext);
|
|
13
|
+
if (!ctx) {
|
|
14
|
+
throw new Error('Tile must be used within Tile.Group');
|
|
15
|
+
}
|
|
16
|
+
return ctx;
|
|
17
|
+
}
|
|
18
|
+
export function useOptionalTileGroupContext() {
|
|
19
|
+
return useContext(TileGroupContext);
|
|
20
|
+
}
|
|
21
|
+
//# sourceMappingURL=context.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["createContext","createReactContext","useContext","TileProvider","useTileContext","TileGroupContext","TileGroupContextProvider","Provider","useTileGroupContext","ctx","Error","useOptionalTileGroupContext"],"sourceRoot":"../../../src","sources":["tile/context.tsx"],"mappings":";;AAAA,SAASA,aAAa,IAAIC,kBAAkB,EAAEC,UAAU,QAAQ,OAAO;AACvE,SAASF,aAAa,QAAQ,eAAe;AAG7C;AACA,OAAO,MAAM,CAACG,YAAY,EAAEC,cAAc,CAAC,GAAGJ,aAAa,CAAoB,aAAa,CAAC;;AAE7F;AACA,MAAMK,gBAAgB,gBAAGJ,kBAAkB,CAAgC,IAAI,CAAC;AAEhF,OAAO,MAAMK,wBAAwB,GAAGD,gBAAgB,CAACE,QAAQ;AAEjE,OAAO,SAASC,mBAAmBA,CAAA,EAA2B;EAC5D,MAAMC,GAAG,GAAGP,UAAU,CAACG,gBAAgB,CAAC;EACxC,IAAI,CAACI,GAAG,EAAE;IACR,MAAM,IAAIC,KAAK,CAAC,qCAAqC,CAAC;EACxD;EACA,OAAOD,GAAG;AACZ;AAEA,OAAO,SAASE,2BAA2BA,CAAA,EAAkC;EAC3E,OAAOT,UAAU,CAACG,gBAAgB,CAAC;AACrC","ignoreList":[]}
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
import React, { forwardRef } from 'react';
|
|
4
|
+
import { dataAttributes } from '../utils/dataAttributes';
|
|
5
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
6
|
+
const contentStyle = {
|
|
7
|
+
flex: 1,
|
|
8
|
+
flexDirection: 'column',
|
|
9
|
+
minWidth: 0
|
|
10
|
+
};
|
|
11
|
+
export const createTileContent = Base => /*#__PURE__*/forwardRef(({
|
|
12
|
+
children,
|
|
13
|
+
style,
|
|
14
|
+
...props
|
|
15
|
+
}, ref) => /*#__PURE__*/_jsx(Base, {
|
|
16
|
+
...props,
|
|
17
|
+
...dataAttributes({
|
|
18
|
+
slot: 'tile-content'
|
|
19
|
+
}),
|
|
20
|
+
ref: ref,
|
|
21
|
+
style: [contentStyle, style],
|
|
22
|
+
children: children
|
|
23
|
+
}));
|
|
24
|
+
//# sourceMappingURL=createTileContent.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["React","forwardRef","dataAttributes","jsx","_jsx","contentStyle","flex","flexDirection","minWidth","createTileContent","Base","children","style","props","ref","slot"],"sourceRoot":"../../../src","sources":["tile/createTileContent.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AACzC,SAASC,cAAc,QAAQ,yBAAyB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAGzD,MAAMC,YAAY,GAAG;EACnBC,IAAI,EAAE,CAAC;EACPC,aAAa,EAAE,QAAiB;EAChCC,QAAQ,EAAE;AACZ,CAAC;AAED,OAAO,MAAMC,iBAAiB,GAAQC,IAA4B,iBAChET,UAAU,CAAC,CAAC;EAAEU,QAAQ;EAAEC,KAAK;EAAE,GAAGC;AAAyB,CAAC,EAAEC,GAAuB,kBACnFV,IAAA,CAACM,IAAI;EAAA,GACEG,KAAK;EAAA,GACNX,cAAc,CAAC;IACjBa,IAAI,EAAE;EACR,CAAC,CAAC;EACFD,GAAG,EAAEA,GAAoB;EACzBF,KAAK,EAAE,CAACP,YAAY,EAAEO,KAAK,CAAE;EAAAD,QAAA,EAE5BA;AAAQ,CACL,CACP,CAAC","ignoreList":[]}
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
import React, { forwardRef } from 'react';
|
|
4
|
+
import { dataAttributes } from '../utils/dataAttributes';
|
|
5
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
6
|
+
const noUnderline = {
|
|
7
|
+
textDecorationLine: 'none'
|
|
8
|
+
};
|
|
9
|
+
export const createTileDescription = Base => /*#__PURE__*/forwardRef(({
|
|
10
|
+
children,
|
|
11
|
+
style,
|
|
12
|
+
...props
|
|
13
|
+
}, ref) => /*#__PURE__*/_jsx(Base, {
|
|
14
|
+
...props,
|
|
15
|
+
...dataAttributes({
|
|
16
|
+
slot: 'tile-description'
|
|
17
|
+
}),
|
|
18
|
+
ref: ref,
|
|
19
|
+
style: [noUnderline, style],
|
|
20
|
+
children: children
|
|
21
|
+
}));
|
|
22
|
+
//# sourceMappingURL=createTileDescription.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["React","forwardRef","dataAttributes","jsx","_jsx","noUnderline","textDecorationLine","createTileDescription","Base","children","style","props","ref","slot"],"sourceRoot":"../../../src","sources":["tile/createTileDescription.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AACzC,SAASC,cAAc,QAAQ,yBAAyB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAGzD,MAAMC,WAAW,GAAG;EAAEC,kBAAkB,EAAE;AAAgB,CAAC;AAE3D,OAAO,MAAMC,qBAAqB,GAAQC,IAA4B,iBACpEP,UAAU,CAAC,CAAC;EAAEQ,QAAQ;EAAEC,KAAK;EAAE,GAAGC;AAA6B,CAAC,EAAEC,GAAuB,kBACvFR,IAAA,CAACI,IAAI;EAAA,GACEG,KAAK;EAAA,GACNT,cAAc,CAAC;IACjBW,IAAI,EAAE;EACR,CAAC,CAAC;EACFD,GAAG,EAAEA,GAAoB;EACzBF,KAAK,EAAE,CAACL,WAAW,EAAEK,KAAK,CAAE;EAAAD,QAAA,EAE3BA;AAAQ,CACL,CACP,CAAC","ignoreList":[]}
|
|
@@ -0,0 +1,106 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
import React, { forwardRef, useCallback, useMemo } from 'react';
|
|
4
|
+
import { useControllableState } from '@cdx-ui/utils';
|
|
5
|
+
import { dataAttributes } from '../utils/dataAttributes';
|
|
6
|
+
import { TileGroupContextProvider } from './context';
|
|
7
|
+
|
|
8
|
+
/**
|
|
9
|
+
* Internal widening of the public discriminated union: the runtime accepts any value
|
|
10
|
+
* shape and reads `type` to decide branch behavior. The public API stays narrow.
|
|
11
|
+
*/
|
|
12
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
13
|
+
export const createTileGroup = Base => /*#__PURE__*/forwardRef((props, ref) => {
|
|
14
|
+
const {
|
|
15
|
+
children,
|
|
16
|
+
type,
|
|
17
|
+
value: valueProp,
|
|
18
|
+
defaultValue,
|
|
19
|
+
onValueChange,
|
|
20
|
+
max: maxProp,
|
|
21
|
+
isDisabled = false,
|
|
22
|
+
'aria-label': ariaLabel,
|
|
23
|
+
...rest
|
|
24
|
+
} = props;
|
|
25
|
+
const max = maxProp ?? Number.POSITIVE_INFINITY;
|
|
26
|
+
const defaultProp = defaultValue !== undefined ? defaultValue : type === 'multiple' ? [] : undefined;
|
|
27
|
+
const [state, setState] = useControllableState({
|
|
28
|
+
prop: valueProp,
|
|
29
|
+
defaultProp,
|
|
30
|
+
onChange: next => {
|
|
31
|
+
if (next !== undefined) {
|
|
32
|
+
onValueChange?.(next);
|
|
33
|
+
}
|
|
34
|
+
}
|
|
35
|
+
});
|
|
36
|
+
const isSelected = useCallback(tileValue => {
|
|
37
|
+
if (type === 'single') {
|
|
38
|
+
return state === tileValue;
|
|
39
|
+
}
|
|
40
|
+
return Array.isArray(state) && state.includes(tileValue);
|
|
41
|
+
}, [type, state]);
|
|
42
|
+
const isTileDisabledByGroup = useCallback(tileValue => {
|
|
43
|
+
if (isDisabled) {
|
|
44
|
+
return true;
|
|
45
|
+
}
|
|
46
|
+
if (type !== 'multiple') {
|
|
47
|
+
return false;
|
|
48
|
+
}
|
|
49
|
+
const arr = Array.isArray(state) ? state : [];
|
|
50
|
+
if (arr.length < max) {
|
|
51
|
+
return false;
|
|
52
|
+
}
|
|
53
|
+
return !arr.includes(tileValue);
|
|
54
|
+
}, [isDisabled, type, state, max]);
|
|
55
|
+
const toggleValue = useCallback(tileValue => {
|
|
56
|
+
if (isDisabled) {
|
|
57
|
+
return;
|
|
58
|
+
}
|
|
59
|
+
if (type === 'single') {
|
|
60
|
+
if (state === tileValue) {
|
|
61
|
+
return;
|
|
62
|
+
}
|
|
63
|
+
setState(tileValue);
|
|
64
|
+
return;
|
|
65
|
+
}
|
|
66
|
+
const arr = Array.isArray(state) ? [...state] : [];
|
|
67
|
+
const idx = arr.indexOf(tileValue);
|
|
68
|
+
if (idx >= 0) {
|
|
69
|
+
arr.splice(idx, 1);
|
|
70
|
+
setState(arr);
|
|
71
|
+
} else if (arr.length < max) {
|
|
72
|
+
arr.push(tileValue);
|
|
73
|
+
setState(arr);
|
|
74
|
+
}
|
|
75
|
+
}, [isDisabled, type, state, setState, max]);
|
|
76
|
+
const contextValue = useMemo(() => ({
|
|
77
|
+
type,
|
|
78
|
+
value: state,
|
|
79
|
+
toggleValue,
|
|
80
|
+
isSelected,
|
|
81
|
+
isTileDisabledByGroup,
|
|
82
|
+
isGroupDisabled: isDisabled,
|
|
83
|
+
max
|
|
84
|
+
}), [type, state, toggleValue, isSelected, isTileDisabledByGroup, isDisabled, max]);
|
|
85
|
+
const role = type === 'single' ? 'radiogroup' : 'group';
|
|
86
|
+
return /*#__PURE__*/_jsx(TileGroupContextProvider, {
|
|
87
|
+
value: contextValue,
|
|
88
|
+
children: /*#__PURE__*/_jsx(Base, {
|
|
89
|
+
...rest,
|
|
90
|
+
ref: ref,
|
|
91
|
+
role: role,
|
|
92
|
+
...(type === 'single' ? {
|
|
93
|
+
accessibilityRole: 'radiogroup'
|
|
94
|
+
} : {}),
|
|
95
|
+
...(ariaLabel ? {
|
|
96
|
+
'aria-label': ariaLabel,
|
|
97
|
+
accessibilityLabel: ariaLabel
|
|
98
|
+
} : {}),
|
|
99
|
+
...dataAttributes({
|
|
100
|
+
slot: 'tile-group'
|
|
101
|
+
}),
|
|
102
|
+
children: children
|
|
103
|
+
})
|
|
104
|
+
});
|
|
105
|
+
});
|
|
106
|
+
//# sourceMappingURL=createTileGroup.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["React","forwardRef","useCallback","useMemo","useControllableState","dataAttributes","TileGroupContextProvider","jsx","_jsx","createTileGroup","Base","props","ref","children","type","value","valueProp","defaultValue","onValueChange","max","maxProp","isDisabled","ariaLabel","rest","Number","POSITIVE_INFINITY","defaultProp","undefined","state","setState","prop","onChange","next","isSelected","tileValue","Array","isArray","includes","isTileDisabledByGroup","arr","length","toggleValue","idx","indexOf","splice","push","contextValue","isGroupDisabled","role","accessibilityRole","accessibilityLabel","slot"],"sourceRoot":"../../../src","sources":["tile/createTileGroup.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -0,0 +1,40 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
import React, { forwardRef } from 'react';
|
|
4
|
+
import { dataAttributes } from '../utils/dataAttributes';
|
|
5
|
+
import { useTileContext } from './context';
|
|
6
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
7
|
+
const shrinkZero = {
|
|
8
|
+
flexShrink: 0,
|
|
9
|
+
pointerEvents: 'none'
|
|
10
|
+
};
|
|
11
|
+
export const createTileIndicator = Base => /*#__PURE__*/forwardRef(({
|
|
12
|
+
children,
|
|
13
|
+
style,
|
|
14
|
+
indicatorType,
|
|
15
|
+
...props
|
|
16
|
+
}, ref) => {
|
|
17
|
+
const {
|
|
18
|
+
isSelected,
|
|
19
|
+
isDisabled,
|
|
20
|
+
selectionType
|
|
21
|
+
} = useTileContext();
|
|
22
|
+
|
|
23
|
+
// Effective visual type: explicit prop wins; otherwise infer from group/standalone context.
|
|
24
|
+
const effectiveType = indicatorType ?? (selectionType === 'single' ? 'radio' : 'checkbox');
|
|
25
|
+
return /*#__PURE__*/_jsx(Base, {
|
|
26
|
+
...props,
|
|
27
|
+
accessibilityElementsHidden: true,
|
|
28
|
+
"aria-hidden": true,
|
|
29
|
+
...dataAttributes({
|
|
30
|
+
slot: 'tile-indicator',
|
|
31
|
+
checked: isSelected,
|
|
32
|
+
selectionType: effectiveType === 'radio' ? 'single' : 'multiple',
|
|
33
|
+
disabled: isDisabled
|
|
34
|
+
}),
|
|
35
|
+
ref: ref,
|
|
36
|
+
style: [shrinkZero, style],
|
|
37
|
+
children: children
|
|
38
|
+
});
|
|
39
|
+
});
|
|
40
|
+
//# sourceMappingURL=createTileIndicator.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["React","forwardRef","dataAttributes","useTileContext","jsx","_jsx","shrinkZero","flexShrink","pointerEvents","createTileIndicator","Base","children","style","indicatorType","props","ref","isSelected","isDisabled","selectionType","effectiveType","accessibilityElementsHidden","slot","checked","disabled"],"sourceRoot":"../../../src","sources":["tile/createTileIndicator.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AACzC,SAASC,cAAc,QAAQ,yBAAyB;AACxD,SAASC,cAAc,QAAQ,WAAW;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAG3C,MAAMC,UAAU,GAAG;EAAEC,UAAU,EAAE,CAAU;EAAEC,aAAa,EAAE;AAAgB,CAAC;AAE7E,OAAO,MAAMC,mBAAmB,GAAQC,IAA4B,iBAClET,UAAU,CACR,CACE;EAAEU,QAAQ;EAAEC,KAAK;EAAEC,aAAa;EAAE,GAAGC;AAA2B,CAAC,EACjEC,GAAuB,KACpB;EACH,MAAM;IAAEC,UAAU;IAAEC,UAAU;IAAEC;EAAc,CAAC,GAAGf,cAAc,CAAC,CAAC;;EAElE;EACA,MAAMgB,aAAmC,GACvCN,aAAa,KAAKK,aAAa,KAAK,QAAQ,GAAG,OAAO,GAAG,UAAU,CAAC;EAEtE,oBACEb,IAAA,CAACK,IAAI;IAAA,GACEI,KAAK;IACVM,2BAA2B;IAC3B,mBAAW;IAAA,GACPlB,cAAc,CAAC;MACjBmB,IAAI,EAAE,gBAAgB;MACtBC,OAAO,EAAEN,UAAU;MACnBE,aAAa,EAAEC,aAAa,KAAK,OAAO,GAAG,QAAQ,GAAG,UAAU;MAChEI,QAAQ,EAAEN;IACZ,CAAC,CAAC;IACFF,GAAG,EAAEA,GAAoB;IACzBH,KAAK,EAAE,CAACN,UAAU,EAAEM,KAAK,CAAE;IAAAD,QAAA,EAE1BA;EAAQ,CACL,CAAC;AAEX,CACF,CAAC","ignoreList":[]}
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
import React, { forwardRef } from 'react';
|
|
4
|
+
import { dataAttributes } from '../utils/dataAttributes';
|
|
5
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
6
|
+
const shrinkZero = {
|
|
7
|
+
flexShrink: 0
|
|
8
|
+
};
|
|
9
|
+
export const createTileLeadingSlot = Base => /*#__PURE__*/forwardRef(({
|
|
10
|
+
'aria-hidden': ariaHidden,
|
|
11
|
+
style,
|
|
12
|
+
children,
|
|
13
|
+
...props
|
|
14
|
+
}, ref) => {
|
|
15
|
+
const accessibilityElementsHidden = ariaHidden !== false;
|
|
16
|
+
return /*#__PURE__*/_jsx(Base, {
|
|
17
|
+
...props,
|
|
18
|
+
...dataAttributes({
|
|
19
|
+
slot: 'tile-leading'
|
|
20
|
+
}),
|
|
21
|
+
accessibilityElementsHidden: accessibilityElementsHidden,
|
|
22
|
+
"aria-hidden": ariaHidden,
|
|
23
|
+
ref: ref,
|
|
24
|
+
style: [shrinkZero, style],
|
|
25
|
+
children: children
|
|
26
|
+
});
|
|
27
|
+
});
|
|
28
|
+
//# sourceMappingURL=createTileLeadingSlot.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["React","forwardRef","dataAttributes","jsx","_jsx","shrinkZero","flexShrink","createTileLeadingSlot","Base","ariaHidden","style","children","props","ref","accessibilityElementsHidden","slot"],"sourceRoot":"../../../src","sources":["tile/createTileLeadingSlot.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AACzC,SAASC,cAAc,QAAQ,yBAAyB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAGzD,MAAMC,UAAU,GAAG;EAAEC,UAAU,EAAE;AAAW,CAAC;AAE7C,OAAO,MAAMC,qBAAqB,GAAQC,IAA4B,iBACpEP,UAAU,CACR,CACE;EAAE,aAAa,EAAEQ,UAAU;EAAEC,KAAK;EAAEC,QAAQ;EAAE,GAAGC;AAA6B,CAAC,EAC/EC,GAAuB,KACpB;EACH,MAAMC,2BAA2B,GAAGL,UAAU,KAAK,KAAK;EAExD,oBACEL,IAAA,CAACI,IAAI;IAAA,GACEI,KAAK;IAAA,GACNV,cAAc,CAAC;MACjBa,IAAI,EAAE;IACR,CAAC,CAAC;IACFD,2BAA2B,EAAEA,2BAA4B;IACzD,eAAaL,UAAW;IACxBI,GAAG,EAAEA,GAAoB;IACzBH,KAAK,EAAE,CAACL,UAAU,EAAEK,KAAK,CAAE;IAAAC,QAAA,EAE1BA;EAAQ,CACL,CAAC;AAEX,CACF,CAAC","ignoreList":[]}
|
|
@@ -0,0 +1,127 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
import React, { forwardRef, useMemo } from 'react';
|
|
4
|
+
import { composeEventHandlers, mergeRefs, useControllableState } from '@cdx-ui/utils';
|
|
5
|
+
import { useFocus } from '@react-native-aria/focus';
|
|
6
|
+
import { useHover, usePress } from '@react-native-aria/interactions';
|
|
7
|
+
import { dataAttributes } from '../utils/dataAttributes';
|
|
8
|
+
import { TileProvider, useOptionalTileGroupContext } from './context';
|
|
9
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
10
|
+
const rowStyle = {
|
|
11
|
+
flexDirection: 'row',
|
|
12
|
+
alignSelf: 'stretch',
|
|
13
|
+
alignItems: 'center'
|
|
14
|
+
};
|
|
15
|
+
export const createTileRoot = BasePressable => /*#__PURE__*/forwardRef((props, ref) => {
|
|
16
|
+
const {
|
|
17
|
+
value,
|
|
18
|
+
disabled: disabledProp = false,
|
|
19
|
+
isSelected: controlledSelected,
|
|
20
|
+
defaultSelected,
|
|
21
|
+
onSelectedChange,
|
|
22
|
+
children,
|
|
23
|
+
onPress,
|
|
24
|
+
onFocus,
|
|
25
|
+
onBlur,
|
|
26
|
+
style,
|
|
27
|
+
/** Consumed by styled `withStyleContext` root. */
|
|
28
|
+
context: _styleContext,
|
|
29
|
+
...rest
|
|
30
|
+
} = props;
|
|
31
|
+
const group = useOptionalTileGroupContext();
|
|
32
|
+
|
|
33
|
+
// Standalone selection state — only meaningful when no group owns selection.
|
|
34
|
+
const [standaloneSelected = false, setStandaloneSelected] = useControllableState({
|
|
35
|
+
prop: controlledSelected,
|
|
36
|
+
defaultProp: defaultSelected ?? false,
|
|
37
|
+
onChange: next => {
|
|
38
|
+
onSelectedChange?.(next);
|
|
39
|
+
}
|
|
40
|
+
});
|
|
41
|
+
const isSelected = group ? group.isSelected(value) : standaloneSelected;
|
|
42
|
+
const disabledByGroup = group ? group.isTileDisabledByGroup(value) : false;
|
|
43
|
+
const isDisabled = disabledByGroup || disabledProp;
|
|
44
|
+
const cannotToggle = isDisabled;
|
|
45
|
+
const {
|
|
46
|
+
focusProps,
|
|
47
|
+
isFocused
|
|
48
|
+
} = useFocus();
|
|
49
|
+
const {
|
|
50
|
+
pressProps,
|
|
51
|
+
isPressed
|
|
52
|
+
} = usePress({
|
|
53
|
+
isDisabled: cannotToggle
|
|
54
|
+
});
|
|
55
|
+
const {
|
|
56
|
+
hoverProps,
|
|
57
|
+
isHovered
|
|
58
|
+
} = useHover();
|
|
59
|
+
|
|
60
|
+
// Standalone tiles use checkbox semantics (independent on/off toggle).
|
|
61
|
+
const selectionType = group ? group.type : 'multiple';
|
|
62
|
+
const accessibilityState = useMemo(() => ({
|
|
63
|
+
disabled: isDisabled,
|
|
64
|
+
...(selectionType === 'single' ? {
|
|
65
|
+
selected: isSelected
|
|
66
|
+
} : {
|
|
67
|
+
checked: isSelected
|
|
68
|
+
})
|
|
69
|
+
}), [isDisabled, isSelected, selectionType]);
|
|
70
|
+
const tileContext = useMemo(() => ({
|
|
71
|
+
value,
|
|
72
|
+
isSelected,
|
|
73
|
+
isDisabled,
|
|
74
|
+
selectionType
|
|
75
|
+
}), [value, isSelected, isDisabled, selectionType]);
|
|
76
|
+
const passthrough = rest;
|
|
77
|
+
const composedOnPress = composeEventHandlers(onPress, () => {
|
|
78
|
+
if (cannotToggle) {
|
|
79
|
+
return;
|
|
80
|
+
}
|
|
81
|
+
if (group) {
|
|
82
|
+
group.toggleValue(value);
|
|
83
|
+
} else {
|
|
84
|
+
setStandaloneSelected(!standaloneSelected);
|
|
85
|
+
}
|
|
86
|
+
});
|
|
87
|
+
const sharedHandlers = {
|
|
88
|
+
onPress: isDisabled ? undefined : composedOnPress,
|
|
89
|
+
onPressIn: composeEventHandlers(passthrough.onPressIn, pressProps.onPressIn),
|
|
90
|
+
onPressOut: composeEventHandlers(passthrough.onPressOut, pressProps.onPressOut),
|
|
91
|
+
onHoverIn: composeEventHandlers(passthrough.onHoverIn, hoverProps.onHoverIn),
|
|
92
|
+
onHoverOut: composeEventHandlers(passthrough.onHoverOut, hoverProps.onHoverOut),
|
|
93
|
+
onFocus: composeEventHandlers(onFocus, focusProps.onFocus),
|
|
94
|
+
onBlur: composeEventHandlers(onBlur, focusProps.onBlur)
|
|
95
|
+
};
|
|
96
|
+
const role = selectionType === 'single' ? 'radio' : 'checkbox';
|
|
97
|
+
const sharedAttrs = {
|
|
98
|
+
accessibilityRole: role,
|
|
99
|
+
role,
|
|
100
|
+
accessibilityState,
|
|
101
|
+
'aria-checked': isSelected,
|
|
102
|
+
...(isDisabled ? {
|
|
103
|
+
'aria-disabled': true
|
|
104
|
+
} : {}),
|
|
105
|
+
...dataAttributes({
|
|
106
|
+
slot: 'tile',
|
|
107
|
+
state: isSelected ? 'selected' : 'unselected',
|
|
108
|
+
disabled: isDisabled,
|
|
109
|
+
active: isPressed,
|
|
110
|
+
hover: isHovered,
|
|
111
|
+
focused: isFocused
|
|
112
|
+
})
|
|
113
|
+
};
|
|
114
|
+
return /*#__PURE__*/_jsx(TileProvider, {
|
|
115
|
+
value: tileContext,
|
|
116
|
+
children: /*#__PURE__*/_jsx(BasePressable, {
|
|
117
|
+
...rest,
|
|
118
|
+
context: _styleContext,
|
|
119
|
+
ref: mergeRefs(ref),
|
|
120
|
+
...sharedAttrs,
|
|
121
|
+
...sharedHandlers,
|
|
122
|
+
style: [rowStyle, style],
|
|
123
|
+
children: children
|
|
124
|
+
})
|
|
125
|
+
});
|
|
126
|
+
});
|
|
127
|
+
//# sourceMappingURL=createTileRoot.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["React","forwardRef","useMemo","composeEventHandlers","mergeRefs","useControllableState","useFocus","useHover","usePress","dataAttributes","TileProvider","useOptionalTileGroupContext","jsx","_jsx","rowStyle","flexDirection","alignSelf","alignItems","createTileRoot","BasePressable","props","ref","value","disabled","disabledProp","isSelected","controlledSelected","defaultSelected","onSelectedChange","children","onPress","onFocus","onBlur","style","context","_styleContext","rest","group","standaloneSelected","setStandaloneSelected","prop","defaultProp","onChange","next","disabledByGroup","isTileDisabledByGroup","isDisabled","cannotToggle","focusProps","isFocused","pressProps","isPressed","hoverProps","isHovered","selectionType","type","accessibilityState","selected","checked","tileContext","passthrough","composedOnPress","toggleValue","sharedHandlers","undefined","onPressIn","onPressOut","onHoverIn","onHoverOut","role","sharedAttrs","accessibilityRole","slot","state","active","hover","focused"],"sourceRoot":"../../../src","sources":["tile/createTileRoot.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
import React, { forwardRef } from 'react';
|
|
4
|
+
import { dataAttributes } from '../utils/dataAttributes';
|
|
5
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
6
|
+
const noUnderline = {
|
|
7
|
+
textDecorationLine: 'none'
|
|
8
|
+
};
|
|
9
|
+
export const createTileTitle = Base => /*#__PURE__*/forwardRef(({
|
|
10
|
+
children,
|
|
11
|
+
style,
|
|
12
|
+
...props
|
|
13
|
+
}, ref) => /*#__PURE__*/_jsx(Base, {
|
|
14
|
+
...props,
|
|
15
|
+
...dataAttributes({
|
|
16
|
+
slot: 'tile-title'
|
|
17
|
+
}),
|
|
18
|
+
ref: ref,
|
|
19
|
+
style: [noUnderline, style],
|
|
20
|
+
children: children
|
|
21
|
+
}));
|
|
22
|
+
//# sourceMappingURL=createTileTitle.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["React","forwardRef","dataAttributes","jsx","_jsx","noUnderline","textDecorationLine","createTileTitle","Base","children","style","props","ref","slot"],"sourceRoot":"../../../src","sources":["tile/createTileTitle.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AACzC,SAASC,cAAc,QAAQ,yBAAyB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAGzD,MAAMC,WAAW,GAAG;EAAEC,kBAAkB,EAAE;AAAgB,CAAC;AAE3D,OAAO,MAAMC,eAAe,GAAQC,IAA4B,iBAC9DP,UAAU,CAAC,CAAC;EAAEQ,QAAQ;EAAEC,KAAK;EAAE,GAAGC;AAAuB,CAAC,EAAEC,GAAuB,kBACjFR,IAAA,CAACI,IAAI;EAAA,GACEG,KAAK;EAAA,GACNT,cAAc,CAAC;IACjBW,IAAI,EAAE;EACR,CAAC,CAAC;EACFD,GAAG,EAAEA,GAAoB;EACzBF,KAAK,EAAE,CAACL,WAAW,EAAEK,KAAK,CAAE;EAAAD,QAAA,EAE3BA;AAAQ,CACL,CACP,CAAC","ignoreList":[]}
|
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
import React, { forwardRef } from 'react';
|
|
4
|
+
import { dataAttributes } from '../utils/dataAttributes';
|
|
5
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
6
|
+
const shrinkZero = {
|
|
7
|
+
flexShrink: 0
|
|
8
|
+
};
|
|
9
|
+
|
|
10
|
+
/**
|
|
11
|
+
* Generic trailing content (chevron, amount, chip, status). Distinct from `Tile.Indicator`,
|
|
12
|
+
* which is purpose-built for the radio/checkbox selection affordance.
|
|
13
|
+
*
|
|
14
|
+
* Trailing content is meaningful by default (`aria-hidden` falsy), unlike the indicator.
|
|
15
|
+
*/
|
|
16
|
+
export const createTileTrailingSlot = Base => /*#__PURE__*/forwardRef(({
|
|
17
|
+
children,
|
|
18
|
+
style,
|
|
19
|
+
...props
|
|
20
|
+
}, ref) => /*#__PURE__*/_jsx(Base, {
|
|
21
|
+
...props,
|
|
22
|
+
...dataAttributes({
|
|
23
|
+
slot: 'tile-trailing'
|
|
24
|
+
}),
|
|
25
|
+
ref: ref,
|
|
26
|
+
style: [shrinkZero, style],
|
|
27
|
+
children: children
|
|
28
|
+
}));
|
|
29
|
+
//# sourceMappingURL=createTileTrailingSlot.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["React","forwardRef","dataAttributes","jsx","_jsx","shrinkZero","flexShrink","createTileTrailingSlot","Base","children","style","props","ref","slot"],"sourceRoot":"../../../src","sources":["tile/createTileTrailingSlot.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AACzC,SAASC,cAAc,QAAQ,yBAAyB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAGzD,MAAMC,UAAU,GAAG;EAAEC,UAAU,EAAE;AAAW,CAAC;;AAE7C;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMC,sBAAsB,GAAQC,IAA4B,iBACrEP,UAAU,CAAC,CAAC;EAAEQ,QAAQ;EAAEC,KAAK;EAAE,GAAGC;AAA8B,CAAC,EAAEC,GAAuB,kBACxFR,IAAA,CAACI,IAAI;EAAA,GACEG,KAAK;EAAA,GACNT,cAAc,CAAC;IACjBW,IAAI,EAAE;EACR,CAAC,CAAC;EACFD,GAAG,EAAEA,GAAoB;EACzBF,KAAK,EAAE,CAACL,UAAU,EAAEK,KAAK,CAAE;EAAAD,QAAA,EAE1BA;AAAQ,CACL,CACP,CAAC","ignoreList":[]}
|
|
@@ -0,0 +1,39 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
import { createTileContent } from './createTileContent';
|
|
4
|
+
import { createTileDescription } from './createTileDescription';
|
|
5
|
+
import { createTileGroup } from './createTileGroup';
|
|
6
|
+
import { createTileIndicator } from './createTileIndicator';
|
|
7
|
+
import { createTileLeadingSlot } from './createTileLeadingSlot';
|
|
8
|
+
import { createTileRoot } from './createTileRoot';
|
|
9
|
+
import { createTileTitle } from './createTileTitle';
|
|
10
|
+
import { createTileTrailingSlot } from './createTileTrailingSlot';
|
|
11
|
+
export { TileProvider, useTileContext } from './context';
|
|
12
|
+
export function createTile(BaseComponents) {
|
|
13
|
+
const Tile = createTileRoot(BaseComponents.Pressable);
|
|
14
|
+
const Group = createTileGroup(BaseComponents.Group);
|
|
15
|
+
const LeadingSlot = createTileLeadingSlot(BaseComponents.LeadingSlot);
|
|
16
|
+
const Content = createTileContent(BaseComponents.Content);
|
|
17
|
+
const Title = createTileTitle(BaseComponents.Title);
|
|
18
|
+
const Description = createTileDescription(BaseComponents.Description);
|
|
19
|
+
const Indicator = createTileIndicator(BaseComponents.Indicator);
|
|
20
|
+
const TrailingSlot = createTileTrailingSlot(BaseComponents.TrailingSlot);
|
|
21
|
+
Tile.displayName = 'TilePrimitive';
|
|
22
|
+
Group.displayName = 'TilePrimitive.Group';
|
|
23
|
+
LeadingSlot.displayName = 'TilePrimitive.LeadingSlot';
|
|
24
|
+
Content.displayName = 'TilePrimitive.Content';
|
|
25
|
+
Title.displayName = 'TilePrimitive.Title';
|
|
26
|
+
Description.displayName = 'TilePrimitive.Description';
|
|
27
|
+
Indicator.displayName = 'TilePrimitive.Indicator';
|
|
28
|
+
TrailingSlot.displayName = 'TilePrimitive.TrailingSlot';
|
|
29
|
+
return Object.assign(Tile, {
|
|
30
|
+
Group,
|
|
31
|
+
LeadingSlot,
|
|
32
|
+
Content,
|
|
33
|
+
Title,
|
|
34
|
+
Description,
|
|
35
|
+
Indicator,
|
|
36
|
+
TrailingSlot
|
|
37
|
+
});
|
|
38
|
+
}
|
|
39
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["createTileContent","createTileDescription","createTileGroup","createTileIndicator","createTileLeadingSlot","createTileRoot","createTileTitle","createTileTrailingSlot","TileProvider","useTileContext","createTile","BaseComponents","Tile","Pressable","Group","LeadingSlot","Content","Title","Description","Indicator","TrailingSlot","displayName","Object","assign"],"sourceRoot":"../../../src","sources":["tile/index.ts"],"mappings":";;AACA,SAASA,iBAAiB,QAAQ,qBAAqB;AACvD,SAASC,qBAAqB,QAAQ,yBAAyB;AAC/D,SAASC,eAAe,QAAQ,mBAAmB;AACnD,SAASC,mBAAmB,QAAQ,uBAAuB;AAC3D,SAASC,qBAAqB,QAAQ,yBAAyB;AAC/D,SAASC,cAAc,QAAQ,kBAAkB;AACjD,SAASC,eAAe,QAAQ,mBAAmB;AACnD,SAASC,sBAAsB,QAAQ,0BAA0B;AAsBjE,SAASC,YAAY,EAAEC,cAAc,QAAQ,WAAW;AAExD,OAAO,SAASC,UAAUA,CASxBC,cASD,EAAE;EACD,MAAMC,IAAI,GAAGP,cAAc,CAACM,cAAc,CAACE,SAAS,CAAC;EACrD,MAAMC,KAAK,GAAGZ,eAAe,CAACS,cAAc,CAACG,KAAK,CAAC;EACnD,MAAMC,WAAW,GAAGX,qBAAqB,CAACO,cAAc,CAACI,WAAW,CAAC;EACrE,MAAMC,OAAO,GAAGhB,iBAAiB,CAACW,cAAc,CAACK,OAAO,CAAC;EACzD,MAAMC,KAAK,GAAGX,eAAe,CAACK,cAAc,CAACM,KAAK,CAAC;EACnD,MAAMC,WAAW,GAAGjB,qBAAqB,CAACU,cAAc,CAACO,WAAW,CAAC;EACrE,MAAMC,SAAS,GAAGhB,mBAAmB,CAACQ,cAAc,CAACQ,SAAS,CAAC;EAC/D,MAAMC,YAAY,GAAGb,sBAAsB,CAACI,cAAc,CAACS,YAAY,CAAC;EAExER,IAAI,CAACS,WAAW,GAAG,eAAe;EAClCP,KAAK,CAACO,WAAW,GAAG,qBAAqB;EACzCN,WAAW,CAACM,WAAW,GAAG,2BAA2B;EACrDL,OAAO,CAACK,WAAW,GAAG,uBAAuB;EAC7CJ,KAAK,CAACI,WAAW,GAAG,qBAAqB;EACzCH,WAAW,CAACG,WAAW,GAAG,2BAA2B;EACrDF,SAAS,CAACE,WAAW,GAAG,yBAAyB;EACjDD,YAAY,CAACC,WAAW,GAAG,4BAA4B;EAEvD,OAAOC,MAAM,CAACC,MAAM,CAACX,IAAI,EAAE;IACzBE,KAAK;IACLC,WAAW;IACXC,OAAO;IACPC,KAAK;IACLC,WAAW;IACXC,SAAS;IACTC;EACF,CAAC,CAAC;AAUJ","ignoreList":[]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":[],"sourceRoot":"../../../src","sources":["tile/types.ts"],"mappings":"","ignoreList":[]}
|
|
@@ -1,2 +1,6 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Web uses a native checkbox input (VisuallyHidden) for ARIA + focus management. The outer
|
|
3
|
+
* `Pressable` must not be in the tab order or each control consumes two Tab stops (wrapper + input).
|
|
4
|
+
*/
|
|
1
5
|
export declare const createCheckboxRoot: <T>(BaseCheckbox: React.ComponentType<T>) => import("react").ForwardRefExoticComponent<import("./types").InterfaceCheckbox & import("react").RefAttributes<T>>;
|
|
2
6
|
//# sourceMappingURL=createCheckboxRoot.web.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"createCheckboxRoot.web.d.ts","sourceRoot":"","sources":["../../../src/checkbox/createCheckboxRoot.web.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"createCheckboxRoot.web.d.ts","sourceRoot":"","sources":["../../../src/checkbox/createCheckboxRoot.web.tsx"],"names":[],"mappings":"AAQA;;;GAGG;AACH,eAAO,MAAM,kBAAkB,GAAI,CAAC,EAAG,cAAc,KAAK,CAAC,aAAa,CAAC,CAAC,CAAC,sHAsEvE,CAAC"}
|
|
@@ -133,6 +133,8 @@ export declare function useCheckboxRoot(props: ICheckboxProps, ref?: React.Ref<u
|
|
|
133
133
|
} | undefined;
|
|
134
134
|
inputRef?: React.RefObject<import("react-native").TextInput | null> | undefined;
|
|
135
135
|
focusInput?: (() => void) | undefined;
|
|
136
|
+
isLabelFocused?: boolean | undefined;
|
|
137
|
+
setIsLabelFocused?: React.Dispatch<React.SetStateAction<boolean>> | undefined;
|
|
136
138
|
};
|
|
137
139
|
isInvalid: boolean | undefined;
|
|
138
140
|
isReadOnly: boolean | undefined;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useCheckboxRoot.d.ts","sourceRoot":"","sources":["../../../src/checkbox/useCheckboxRoot.ts"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AAE9C,UAAU,sBAAsB;IAC9B,kBAAkB,CAAC,EAAE,OAAO,CAAC;CAC9B;AAED,wBAAgB,eAAe,CAC7B,KAAK,EAAE,cAAc,EACrB,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,EACxB,EAAE,kBAA0B,EAAE,GAAE,sBAA2B
|
|
1
|
+
{"version":3,"file":"useCheckboxRoot.d.ts","sourceRoot":"","sources":["../../../src/checkbox/useCheckboxRoot.ts"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AAE9C,UAAU,sBAAsB;IAC9B,kBAAkB,CAAC,EAAE,OAAO,CAAC;CAC9B;AAED,wBAAgB,eAAe,CAC7B,KAAK,EAAE,cAAc,EACrB,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,EACxB,EAAE,kBAA0B,EAAE,GAAE,sBAA2B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAqE5D"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"createFieldLabel.d.ts","sourceRoot":"","sources":["../../../src/field/createFieldLabel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAEhD,eAAO,MAAM,gBAAgB,GAAI,CAAC,EAAG,eAAe,KAAK,CAAC,aAAa,CAAC,CAAC,CAAC;eACpB,KAAK,CAAC,SAAS;
|
|
1
|
+
{"version":3,"file":"createFieldLabel.d.ts","sourceRoot":"","sources":["../../../src/field/createFieldLabel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAEhD,eAAO,MAAM,gBAAgB,GAAI,CAAC,EAAG,eAAe,KAAK,CAAC,aAAa,CAAC,CAAC,CAAC;eACpB,KAAK,CAAC,SAAS;iCAyBlE,CAAC"}
|
|
@@ -7,10 +7,13 @@ export * from './form';
|
|
|
7
7
|
export * from './input';
|
|
8
8
|
export * from './otp-input';
|
|
9
9
|
export * from './link';
|
|
10
|
+
export * from './list-item';
|
|
10
11
|
export { type EdgeInsets, OverlayInsetsProvider } from './overlay';
|
|
11
12
|
export * from './select';
|
|
12
13
|
export * from './switch';
|
|
14
|
+
export * from './tile';
|
|
13
15
|
export * from './progress';
|
|
16
|
+
export * from './radio';
|
|
14
17
|
export type { InteractionState } from './types';
|
|
15
18
|
export { dataAttributes } from './utils/dataAttributes';
|
|
16
19
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,cAAc,SAAS,CAAC;AACxB,cAAc,aAAa,CAAC;AAC5B,cAAc,QAAQ,CAAC;AACvB,OAAO,EAAE,KAAK,UAAU,EAAE,qBAAqB,EAAE,MAAM,WAAW,CAAC;AACnE,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,YAAY,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAChD,OAAO,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC"}
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,cAAc,SAAS,CAAC;AACxB,cAAc,aAAa,CAAC;AAC5B,cAAc,QAAQ,CAAC;AACvB,cAAc,aAAa,CAAC;AAC5B,OAAO,EAAE,KAAK,UAAU,EAAE,qBAAqB,EAAE,MAAM,WAAW,CAAC;AACnE,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,SAAS,CAAC;AACxB,YAAY,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAChD,OAAO,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC"}
|