@cdx-ui/primitives 0.0.1-beta.12 → 0.0.1-beta.13
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/lib/commonjs/index.js +12 -0
- package/lib/commonjs/index.js.map +1 -1
- package/lib/commonjs/list-item/createListItemRoot.js +36 -21
- package/lib/commonjs/list-item/createListItemRoot.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/index.js +1 -0
- package/lib/module/index.js.map +1 -1
- package/lib/module/list-item/createListItemRoot.js +36 -21
- package/lib/module/list-item/createListItemRoot.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/index.d.ts +1 -0
- package/lib/typescript/index.d.ts.map +1 -1
- package/lib/typescript/list-item/createListItemRoot.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 +2 -2
- package/src/index.ts +1 -0
- package/src/list-item/createListItemRoot.tsx +37 -22
- 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
|
@@ -0,0 +1,133 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.createTileRoot = void 0;
|
|
7
|
+
var _react = _interopRequireWildcard(require("react"));
|
|
8
|
+
var _utils = require("@cdx-ui/utils");
|
|
9
|
+
var _focus = require("@react-native-aria/focus");
|
|
10
|
+
var _interactions = require("@react-native-aria/interactions");
|
|
11
|
+
var _dataAttributes = require("../utils/dataAttributes");
|
|
12
|
+
var _context = require("./context");
|
|
13
|
+
var _jsxRuntime = require("react/jsx-runtime");
|
|
14
|
+
function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
|
|
15
|
+
const rowStyle = {
|
|
16
|
+
flexDirection: 'row',
|
|
17
|
+
alignSelf: 'stretch',
|
|
18
|
+
alignItems: 'center'
|
|
19
|
+
};
|
|
20
|
+
const createTileRoot = BasePressable => /*#__PURE__*/(0, _react.forwardRef)((props, ref) => {
|
|
21
|
+
const {
|
|
22
|
+
value,
|
|
23
|
+
disabled: disabledProp = false,
|
|
24
|
+
isSelected: controlledSelected,
|
|
25
|
+
defaultSelected,
|
|
26
|
+
onSelectedChange,
|
|
27
|
+
children,
|
|
28
|
+
onPress,
|
|
29
|
+
onFocus,
|
|
30
|
+
onBlur,
|
|
31
|
+
style,
|
|
32
|
+
/** Consumed by styled `withStyleContext` root. */
|
|
33
|
+
context: _styleContext,
|
|
34
|
+
...rest
|
|
35
|
+
} = props;
|
|
36
|
+
const group = (0, _context.useOptionalTileGroupContext)();
|
|
37
|
+
|
|
38
|
+
// Standalone selection state — only meaningful when no group owns selection.
|
|
39
|
+
const [standaloneSelected = false, setStandaloneSelected] = (0, _utils.useControllableState)({
|
|
40
|
+
prop: controlledSelected,
|
|
41
|
+
defaultProp: defaultSelected ?? false,
|
|
42
|
+
onChange: next => {
|
|
43
|
+
onSelectedChange?.(next);
|
|
44
|
+
}
|
|
45
|
+
});
|
|
46
|
+
const isSelected = group ? group.isSelected(value) : standaloneSelected;
|
|
47
|
+
const disabledByGroup = group ? group.isTileDisabledByGroup(value) : false;
|
|
48
|
+
const isDisabled = disabledByGroup || disabledProp;
|
|
49
|
+
const cannotToggle = isDisabled;
|
|
50
|
+
const {
|
|
51
|
+
focusProps,
|
|
52
|
+
isFocused
|
|
53
|
+
} = (0, _focus.useFocus)();
|
|
54
|
+
const {
|
|
55
|
+
pressProps,
|
|
56
|
+
isPressed
|
|
57
|
+
} = (0, _interactions.usePress)({
|
|
58
|
+
isDisabled: cannotToggle
|
|
59
|
+
});
|
|
60
|
+
const {
|
|
61
|
+
hoverProps,
|
|
62
|
+
isHovered
|
|
63
|
+
} = (0, _interactions.useHover)();
|
|
64
|
+
|
|
65
|
+
// Standalone tiles use checkbox semantics (independent on/off toggle).
|
|
66
|
+
const selectionType = group ? group.type : 'multiple';
|
|
67
|
+
const accessibilityState = (0, _react.useMemo)(() => ({
|
|
68
|
+
disabled: isDisabled,
|
|
69
|
+
...(selectionType === 'single' ? {
|
|
70
|
+
selected: isSelected
|
|
71
|
+
} : {
|
|
72
|
+
checked: isSelected
|
|
73
|
+
})
|
|
74
|
+
}), [isDisabled, isSelected, selectionType]);
|
|
75
|
+
const tileContext = (0, _react.useMemo)(() => ({
|
|
76
|
+
value,
|
|
77
|
+
isSelected,
|
|
78
|
+
isDisabled,
|
|
79
|
+
selectionType
|
|
80
|
+
}), [value, isSelected, isDisabled, selectionType]);
|
|
81
|
+
const passthrough = rest;
|
|
82
|
+
const composedOnPress = (0, _utils.composeEventHandlers)(onPress, () => {
|
|
83
|
+
if (cannotToggle) {
|
|
84
|
+
return;
|
|
85
|
+
}
|
|
86
|
+
if (group) {
|
|
87
|
+
group.toggleValue(value);
|
|
88
|
+
} else {
|
|
89
|
+
setStandaloneSelected(!standaloneSelected);
|
|
90
|
+
}
|
|
91
|
+
});
|
|
92
|
+
const sharedHandlers = {
|
|
93
|
+
onPress: isDisabled ? undefined : composedOnPress,
|
|
94
|
+
onPressIn: (0, _utils.composeEventHandlers)(passthrough.onPressIn, pressProps.onPressIn),
|
|
95
|
+
onPressOut: (0, _utils.composeEventHandlers)(passthrough.onPressOut, pressProps.onPressOut),
|
|
96
|
+
onHoverIn: (0, _utils.composeEventHandlers)(passthrough.onHoverIn, hoverProps.onHoverIn),
|
|
97
|
+
onHoverOut: (0, _utils.composeEventHandlers)(passthrough.onHoverOut, hoverProps.onHoverOut),
|
|
98
|
+
onFocus: (0, _utils.composeEventHandlers)(onFocus, focusProps.onFocus),
|
|
99
|
+
onBlur: (0, _utils.composeEventHandlers)(onBlur, focusProps.onBlur)
|
|
100
|
+
};
|
|
101
|
+
const role = selectionType === 'single' ? 'radio' : 'checkbox';
|
|
102
|
+
const sharedAttrs = {
|
|
103
|
+
accessibilityRole: role,
|
|
104
|
+
role,
|
|
105
|
+
accessibilityState,
|
|
106
|
+
'aria-checked': isSelected,
|
|
107
|
+
...(isDisabled ? {
|
|
108
|
+
'aria-disabled': true
|
|
109
|
+
} : {}),
|
|
110
|
+
...(0, _dataAttributes.dataAttributes)({
|
|
111
|
+
slot: 'tile',
|
|
112
|
+
state: isSelected ? 'selected' : 'unselected',
|
|
113
|
+
disabled: isDisabled,
|
|
114
|
+
active: isPressed,
|
|
115
|
+
hover: isHovered,
|
|
116
|
+
focused: isFocused
|
|
117
|
+
})
|
|
118
|
+
};
|
|
119
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_context.TileProvider, {
|
|
120
|
+
value: tileContext,
|
|
121
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(BasePressable, {
|
|
122
|
+
...rest,
|
|
123
|
+
context: _styleContext,
|
|
124
|
+
ref: (0, _utils.mergeRefs)(ref),
|
|
125
|
+
...sharedAttrs,
|
|
126
|
+
...sharedHandlers,
|
|
127
|
+
style: [rowStyle, style],
|
|
128
|
+
children: children
|
|
129
|
+
})
|
|
130
|
+
});
|
|
131
|
+
});
|
|
132
|
+
exports.createTileRoot = createTileRoot;
|
|
133
|
+
//# sourceMappingURL=createTileRoot.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["_react","_interopRequireWildcard","require","_utils","_focus","_interactions","_dataAttributes","_context","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","rowStyle","flexDirection","alignSelf","alignItems","createTileRoot","BasePressable","forwardRef","props","ref","value","disabled","disabledProp","isSelected","controlledSelected","defaultSelected","onSelectedChange","children","onPress","onFocus","onBlur","style","context","_styleContext","rest","group","useOptionalTileGroupContext","standaloneSelected","setStandaloneSelected","useControllableState","prop","defaultProp","onChange","next","disabledByGroup","isTileDisabledByGroup","isDisabled","cannotToggle","focusProps","isFocused","useFocus","pressProps","isPressed","usePress","hoverProps","isHovered","useHover","selectionType","type","accessibilityState","useMemo","selected","checked","tileContext","passthrough","composedOnPress","composeEventHandlers","toggleValue","sharedHandlers","undefined","onPressIn","onPressOut","onHoverIn","onHoverOut","role","sharedAttrs","accessibilityRole","dataAttributes","slot","state","active","hover","focused","jsx","TileProvider","mergeRefs","exports"],"sourceRoot":"../../../src","sources":["tile/createTileRoot.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.createTileTitle = void 0;
|
|
7
|
+
var _react = _interopRequireWildcard(require("react"));
|
|
8
|
+
var _dataAttributes = require("../utils/dataAttributes");
|
|
9
|
+
var _jsxRuntime = require("react/jsx-runtime");
|
|
10
|
+
function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
|
|
11
|
+
const noUnderline = {
|
|
12
|
+
textDecorationLine: 'none'
|
|
13
|
+
};
|
|
14
|
+
const createTileTitle = Base => /*#__PURE__*/(0, _react.forwardRef)(({
|
|
15
|
+
children,
|
|
16
|
+
style,
|
|
17
|
+
...props
|
|
18
|
+
}, ref) => /*#__PURE__*/(0, _jsxRuntime.jsx)(Base, {
|
|
19
|
+
...props,
|
|
20
|
+
...(0, _dataAttributes.dataAttributes)({
|
|
21
|
+
slot: 'tile-title'
|
|
22
|
+
}),
|
|
23
|
+
ref: ref,
|
|
24
|
+
style: [noUnderline, style],
|
|
25
|
+
children: children
|
|
26
|
+
}));
|
|
27
|
+
exports.createTileTitle = createTileTitle;
|
|
28
|
+
//# sourceMappingURL=createTileTitle.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["_react","_interopRequireWildcard","require","_dataAttributes","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","noUnderline","textDecorationLine","createTileTitle","Base","forwardRef","children","style","props","ref","jsx","dataAttributes","slot","exports"],"sourceRoot":"../../../src","sources":["tile/createTileTitle.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,eAAA,GAAAD,OAAA;AAAyD,IAAAE,WAAA,GAAAF,OAAA;AAAA,SAAAD,wBAAAI,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAN,uBAAA,YAAAA,CAAAI,CAAA,EAAAC,CAAA,SAAAA,CAAA,IAAAD,CAAA,IAAAA,CAAA,CAAAK,UAAA,SAAAL,CAAA,MAAAM,CAAA,EAAAC,CAAA,EAAAC,CAAA,KAAAC,SAAA,QAAAC,OAAA,EAAAV,CAAA,iBAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,SAAAQ,CAAA,MAAAF,CAAA,GAAAL,CAAA,GAAAG,CAAA,GAAAD,CAAA,QAAAG,CAAA,CAAAK,GAAA,CAAAX,CAAA,UAAAM,CAAA,CAAAM,GAAA,CAAAZ,CAAA,GAAAM,CAAA,CAAAO,GAAA,CAAAb,CAAA,EAAAQ,CAAA,gBAAAP,CAAA,IAAAD,CAAA,gBAAAC,CAAA,OAAAa,cAAA,CAAAC,IAAA,CAAAf,CAAA,EAAAC,CAAA,OAAAM,CAAA,IAAAD,CAAA,GAAAU,MAAA,CAAAC,cAAA,KAAAD,MAAA,CAAAE,wBAAA,CAAAlB,CAAA,EAAAC,CAAA,OAAAM,CAAA,CAAAK,GAAA,IAAAL,CAAA,CAAAM,GAAA,IAAAP,CAAA,CAAAE,CAAA,EAAAP,CAAA,EAAAM,CAAA,IAAAC,CAAA,CAAAP,CAAA,IAAAD,CAAA,CAAAC,CAAA,WAAAO,CAAA,KAAAR,CAAA,EAAAC,CAAA;AAGzD,MAAMkB,WAAW,GAAG;EAAEC,kBAAkB,EAAE;AAAgB,CAAC;AAEpD,MAAMC,eAAe,GAAQC,IAA4B,iBAC9D,IAAAC,iBAAU,EAAC,CAAC;EAAEC,QAAQ;EAAEC,KAAK;EAAE,GAAGC;AAAuB,CAAC,EAAEC,GAAuB,kBACjF,IAAA5B,WAAA,CAAA6B,GAAA,EAACN,IAAI;EAAA,GACEI,KAAK;EAAA,GACN,IAAAG,8BAAc,EAAC;IACjBC,IAAI,EAAE;EACR,CAAC,CAAC;EACFH,GAAG,EAAEA,GAAoB;EACzBF,KAAK,EAAE,CAACN,WAAW,EAAEM,KAAK,CAAE;EAAAD,QAAA,EAE3BA;AAAQ,CACL,CACP,CAAC;AAACO,OAAA,CAAAV,eAAA,GAAAA,eAAA","ignoreList":[]}
|
|
@@ -0,0 +1,35 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.createTileTrailingSlot = void 0;
|
|
7
|
+
var _react = _interopRequireWildcard(require("react"));
|
|
8
|
+
var _dataAttributes = require("../utils/dataAttributes");
|
|
9
|
+
var _jsxRuntime = require("react/jsx-runtime");
|
|
10
|
+
function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
|
|
11
|
+
const shrinkZero = {
|
|
12
|
+
flexShrink: 0
|
|
13
|
+
};
|
|
14
|
+
|
|
15
|
+
/**
|
|
16
|
+
* Generic trailing content (chevron, amount, chip, status). Distinct from `Tile.Indicator`,
|
|
17
|
+
* which is purpose-built for the radio/checkbox selection affordance.
|
|
18
|
+
*
|
|
19
|
+
* Trailing content is meaningful by default (`aria-hidden` falsy), unlike the indicator.
|
|
20
|
+
*/
|
|
21
|
+
const createTileTrailingSlot = Base => /*#__PURE__*/(0, _react.forwardRef)(({
|
|
22
|
+
children,
|
|
23
|
+
style,
|
|
24
|
+
...props
|
|
25
|
+
}, ref) => /*#__PURE__*/(0, _jsxRuntime.jsx)(Base, {
|
|
26
|
+
...props,
|
|
27
|
+
...(0, _dataAttributes.dataAttributes)({
|
|
28
|
+
slot: 'tile-trailing'
|
|
29
|
+
}),
|
|
30
|
+
ref: ref,
|
|
31
|
+
style: [shrinkZero, style],
|
|
32
|
+
children: children
|
|
33
|
+
}));
|
|
34
|
+
exports.createTileTrailingSlot = createTileTrailingSlot;
|
|
35
|
+
//# sourceMappingURL=createTileTrailingSlot.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["_react","_interopRequireWildcard","require","_dataAttributes","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","shrinkZero","flexShrink","createTileTrailingSlot","Base","forwardRef","children","style","props","ref","jsx","dataAttributes","slot","exports"],"sourceRoot":"../../../src","sources":["tile/createTileTrailingSlot.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,eAAA,GAAAD,OAAA;AAAyD,IAAAE,WAAA,GAAAF,OAAA;AAAA,SAAAD,wBAAAI,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAN,uBAAA,YAAAA,CAAAI,CAAA,EAAAC,CAAA,SAAAA,CAAA,IAAAD,CAAA,IAAAA,CAAA,CAAAK,UAAA,SAAAL,CAAA,MAAAM,CAAA,EAAAC,CAAA,EAAAC,CAAA,KAAAC,SAAA,QAAAC,OAAA,EAAAV,CAAA,iBAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,SAAAQ,CAAA,MAAAF,CAAA,GAAAL,CAAA,GAAAG,CAAA,GAAAD,CAAA,QAAAG,CAAA,CAAAK,GAAA,CAAAX,CAAA,UAAAM,CAAA,CAAAM,GAAA,CAAAZ,CAAA,GAAAM,CAAA,CAAAO,GAAA,CAAAb,CAAA,EAAAQ,CAAA,gBAAAP,CAAA,IAAAD,CAAA,gBAAAC,CAAA,OAAAa,cAAA,CAAAC,IAAA,CAAAf,CAAA,EAAAC,CAAA,OAAAM,CAAA,IAAAD,CAAA,GAAAU,MAAA,CAAAC,cAAA,KAAAD,MAAA,CAAAE,wBAAA,CAAAlB,CAAA,EAAAC,CAAA,OAAAM,CAAA,CAAAK,GAAA,IAAAL,CAAA,CAAAM,GAAA,IAAAP,CAAA,CAAAE,CAAA,EAAAP,CAAA,EAAAM,CAAA,IAAAC,CAAA,CAAAP,CAAA,IAAAD,CAAA,CAAAC,CAAA,WAAAO,CAAA,KAAAR,CAAA,EAAAC,CAAA;AAGzD,MAAMkB,UAAU,GAAG;EAAEC,UAAU,EAAE;AAAW,CAAC;;AAE7C;AACA;AACA;AACA;AACA;AACA;AACO,MAAMC,sBAAsB,GAAQC,IAA4B,iBACrE,IAAAC,iBAAU,EAAC,CAAC;EAAEC,QAAQ;EAAEC,KAAK;EAAE,GAAGC;AAA8B,CAAC,EAAEC,GAAuB,kBACxF,IAAA5B,WAAA,CAAA6B,GAAA,EAACN,IAAI;EAAA,GACEI,KAAK;EAAA,GACN,IAAAG,8BAAc,EAAC;IACjBC,IAAI,EAAE;EACR,CAAC,CAAC;EACFH,GAAG,EAAEA,GAAoB;EACzBF,KAAK,EAAE,CAACN,UAAU,EAAEM,KAAK,CAAE;EAAAD,QAAA,EAE1BA;AAAQ,CACL,CACP,CAAC;AAACO,OAAA,CAAAV,sBAAA,GAAAA,sBAAA","ignoreList":[]}
|
|
@@ -0,0 +1,55 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
Object.defineProperty(exports, "TileProvider", {
|
|
7
|
+
enumerable: true,
|
|
8
|
+
get: function () {
|
|
9
|
+
return _context.TileProvider;
|
|
10
|
+
}
|
|
11
|
+
});
|
|
12
|
+
exports.createTile = createTile;
|
|
13
|
+
Object.defineProperty(exports, "useTileContext", {
|
|
14
|
+
enumerable: true,
|
|
15
|
+
get: function () {
|
|
16
|
+
return _context.useTileContext;
|
|
17
|
+
}
|
|
18
|
+
});
|
|
19
|
+
var _createTileContent = require("./createTileContent");
|
|
20
|
+
var _createTileDescription = require("./createTileDescription");
|
|
21
|
+
var _createTileGroup = require("./createTileGroup");
|
|
22
|
+
var _createTileIndicator = require("./createTileIndicator");
|
|
23
|
+
var _createTileLeadingSlot = require("./createTileLeadingSlot");
|
|
24
|
+
var _createTileRoot = require("./createTileRoot");
|
|
25
|
+
var _createTileTitle = require("./createTileTitle");
|
|
26
|
+
var _createTileTrailingSlot = require("./createTileTrailingSlot");
|
|
27
|
+
var _context = require("./context");
|
|
28
|
+
function createTile(BaseComponents) {
|
|
29
|
+
const Tile = (0, _createTileRoot.createTileRoot)(BaseComponents.Pressable);
|
|
30
|
+
const Group = (0, _createTileGroup.createTileGroup)(BaseComponents.Group);
|
|
31
|
+
const LeadingSlot = (0, _createTileLeadingSlot.createTileLeadingSlot)(BaseComponents.LeadingSlot);
|
|
32
|
+
const Content = (0, _createTileContent.createTileContent)(BaseComponents.Content);
|
|
33
|
+
const Title = (0, _createTileTitle.createTileTitle)(BaseComponents.Title);
|
|
34
|
+
const Description = (0, _createTileDescription.createTileDescription)(BaseComponents.Description);
|
|
35
|
+
const Indicator = (0, _createTileIndicator.createTileIndicator)(BaseComponents.Indicator);
|
|
36
|
+
const TrailingSlot = (0, _createTileTrailingSlot.createTileTrailingSlot)(BaseComponents.TrailingSlot);
|
|
37
|
+
Tile.displayName = 'TilePrimitive';
|
|
38
|
+
Group.displayName = 'TilePrimitive.Group';
|
|
39
|
+
LeadingSlot.displayName = 'TilePrimitive.LeadingSlot';
|
|
40
|
+
Content.displayName = 'TilePrimitive.Content';
|
|
41
|
+
Title.displayName = 'TilePrimitive.Title';
|
|
42
|
+
Description.displayName = 'TilePrimitive.Description';
|
|
43
|
+
Indicator.displayName = 'TilePrimitive.Indicator';
|
|
44
|
+
TrailingSlot.displayName = 'TilePrimitive.TrailingSlot';
|
|
45
|
+
return Object.assign(Tile, {
|
|
46
|
+
Group,
|
|
47
|
+
LeadingSlot,
|
|
48
|
+
Content,
|
|
49
|
+
Title,
|
|
50
|
+
Description,
|
|
51
|
+
Indicator,
|
|
52
|
+
TrailingSlot
|
|
53
|
+
});
|
|
54
|
+
}
|
|
55
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["_createTileContent","require","_createTileDescription","_createTileGroup","_createTileIndicator","_createTileLeadingSlot","_createTileRoot","_createTileTitle","_createTileTrailingSlot","_context","createTile","BaseComponents","Tile","createTileRoot","Pressable","Group","createTileGroup","LeadingSlot","createTileLeadingSlot","Content","createTileContent","Title","createTileTitle","Description","createTileDescription","Indicator","createTileIndicator","TrailingSlot","createTileTrailingSlot","displayName","Object","assign"],"sourceRoot":"../../../src","sources":["tile/index.ts"],"mappings":";;;;;;;;;;;;;;;;;;AACA,IAAAA,kBAAA,GAAAC,OAAA;AACA,IAAAC,sBAAA,GAAAD,OAAA;AACA,IAAAE,gBAAA,GAAAF,OAAA;AACA,IAAAG,oBAAA,GAAAH,OAAA;AACA,IAAAI,sBAAA,GAAAJ,OAAA;AACA,IAAAK,eAAA,GAAAL,OAAA;AACA,IAAAM,gBAAA,GAAAN,OAAA;AACA,IAAAO,uBAAA,GAAAP,OAAA;AAsBA,IAAAQ,QAAA,GAAAR,OAAA;AAEO,SAASS,UAAUA,CASxBC,cASD,EAAE;EACD,MAAMC,IAAI,GAAG,IAAAC,8BAAc,EAACF,cAAc,CAACG,SAAS,CAAC;EACrD,MAAMC,KAAK,GAAG,IAAAC,gCAAe,EAACL,cAAc,CAACI,KAAK,CAAC;EACnD,MAAME,WAAW,GAAG,IAAAC,4CAAqB,EAACP,cAAc,CAACM,WAAW,CAAC;EACrE,MAAME,OAAO,GAAG,IAAAC,oCAAiB,EAACT,cAAc,CAACQ,OAAO,CAAC;EACzD,MAAME,KAAK,GAAG,IAAAC,gCAAe,EAACX,cAAc,CAACU,KAAK,CAAC;EACnD,MAAME,WAAW,GAAG,IAAAC,4CAAqB,EAACb,cAAc,CAACY,WAAW,CAAC;EACrE,MAAME,SAAS,GAAG,IAAAC,wCAAmB,EAACf,cAAc,CAACc,SAAS,CAAC;EAC/D,MAAME,YAAY,GAAG,IAAAC,8CAAsB,EAACjB,cAAc,CAACgB,YAAY,CAAC;EAExEf,IAAI,CAACiB,WAAW,GAAG,eAAe;EAClCd,KAAK,CAACc,WAAW,GAAG,qBAAqB;EACzCZ,WAAW,CAACY,WAAW,GAAG,2BAA2B;EACrDV,OAAO,CAACU,WAAW,GAAG,uBAAuB;EAC7CR,KAAK,CAACQ,WAAW,GAAG,qBAAqB;EACzCN,WAAW,CAACM,WAAW,GAAG,2BAA2B;EACrDJ,SAAS,CAACI,WAAW,GAAG,yBAAyB;EACjDF,YAAY,CAACE,WAAW,GAAG,4BAA4B;EAEvD,OAAOC,MAAM,CAACC,MAAM,CAACnB,IAAI,EAAE;IACzBG,KAAK;IACLE,WAAW;IACXE,OAAO;IACPE,KAAK;IACLE,WAAW;IACXE,SAAS;IACTE;EACF,CAAC,CAAC;AAUJ","ignoreList":[]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":[],"sourceRoot":"../../../src","sources":["tile/types.ts"],"mappings":"","ignoreList":[]}
|
package/lib/module/index.js
CHANGED
|
@@ -13,6 +13,7 @@ export * from './list-item';
|
|
|
13
13
|
export { OverlayInsetsProvider } from './overlay';
|
|
14
14
|
export * from './select';
|
|
15
15
|
export * from './switch';
|
|
16
|
+
export * from './tile';
|
|
16
17
|
export * from './progress';
|
|
17
18
|
export * from './radio';
|
|
18
19
|
export { dataAttributes } from './utils/dataAttributes';
|
package/lib/module/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["OverlayInsetsProvider","dataAttributes"],"sourceRoot":"../../src","sources":["index.ts"],"mappings":";;AAAA,cAAc,UAAU;AACxB,cAAc,UAAU;AACxB,cAAc,YAAY;AAC1B,cAAc,UAAU;AACxB,cAAc,SAAS;AACvB,cAAc,QAAQ;AACtB,cAAc,SAAS;AACvB,cAAc,aAAa;AAC3B,cAAc,QAAQ;AACtB,cAAc,aAAa;AAC3B,SAA0BA,qBAAqB,QAAQ,WAAW;AAClE,cAAc,UAAU;AACxB,cAAc,UAAU;AACxB,cAAc,YAAY;AAC1B,cAAc,SAAS;AAEvB,SAASC,cAAc,QAAQ,wBAAwB","ignoreList":[]}
|
|
1
|
+
{"version":3,"names":["OverlayInsetsProvider","dataAttributes"],"sourceRoot":"../../src","sources":["index.ts"],"mappings":";;AAAA,cAAc,UAAU;AACxB,cAAc,UAAU;AACxB,cAAc,YAAY;AAC1B,cAAc,UAAU;AACxB,cAAc,SAAS;AACvB,cAAc,QAAQ;AACtB,cAAc,SAAS;AACvB,cAAc,aAAa;AAC3B,cAAc,QAAQ;AACtB,cAAc,aAAa;AAC3B,SAA0BA,qBAAqB,QAAQ,WAAW;AAClE,cAAc,UAAU;AACxB,cAAc,UAAU;AACxB,cAAc,QAAQ;AACtB,cAAc,YAAY;AAC1B,cAAc,SAAS;AAEvB,SAASC,cAAc,QAAQ,wBAAwB","ignoreList":[]}
|
|
@@ -34,7 +34,13 @@ export const createListItemRoot = (BaseView, BasePressable) => /*#__PURE__*/forw
|
|
|
34
34
|
style,
|
|
35
35
|
...restProps
|
|
36
36
|
}, ref) => {
|
|
37
|
-
const
|
|
37
|
+
const childOnPress = /*#__PURE__*/React.isValidElement(children) ? children.props.onPress : undefined;
|
|
38
|
+
|
|
39
|
+
// asChild always wins when explicitly set with a valid element — even when the press
|
|
40
|
+
// surface is built internally by the child (e.g. `Link` adds its onPress via `useLink`,
|
|
41
|
+
// not as a JSX-level prop). The clone path below preserves the child's own press by
|
|
42
|
+
// *omitting* `onPress` when there is nothing to compose.
|
|
43
|
+
const asChildInteractive = asChild && /*#__PURE__*/React.isValidElement(children);
|
|
38
44
|
const isPressableRoot = !!onPress && !asChildInteractive;
|
|
39
45
|
const pressState = usePress({
|
|
40
46
|
isDisabled: !isPressableRoot || disabled
|
|
@@ -54,9 +60,35 @@ export const createListItemRoot = (BaseView, BasePressable) => /*#__PURE__*/forw
|
|
|
54
60
|
}), [isPressableRoot, isPressed, isHovered, disabled, crossAlign]);
|
|
55
61
|
if (asChildInteractive) {
|
|
56
62
|
const child = children;
|
|
57
|
-
const mergedOnPress = composeEventHandlers(child.props.onPress, onPress);
|
|
58
63
|
const childDisabled = !!child.props.disabled;
|
|
59
64
|
const resolvedDisabled = disabled || childDisabled;
|
|
65
|
+
const cloneProps = {
|
|
66
|
+
...restProps,
|
|
67
|
+
...slotAttrs,
|
|
68
|
+
...dataAttributes({
|
|
69
|
+
active: false,
|
|
70
|
+
hover: false,
|
|
71
|
+
disabled: resolvedDisabled
|
|
72
|
+
}),
|
|
73
|
+
...(resolvedDisabled && {
|
|
74
|
+
accessibilityState: {
|
|
75
|
+
disabled: true
|
|
76
|
+
}
|
|
77
|
+
}),
|
|
78
|
+
disabled: resolvedDisabled,
|
|
79
|
+
ref: mergeRefs(ref, child.props.ref),
|
|
80
|
+
style: [rowStyleForCrossAlign(crossAlign), style, child.props.style]
|
|
81
|
+
};
|
|
82
|
+
|
|
83
|
+
// Only override the child's `onPress` when we have something to add (a parent handler)
|
|
84
|
+
// or need to suppress (disabled). Otherwise leave the child's own onPress alone — e.g.
|
|
85
|
+
// `Link` builds its navigation handler inside `useLink`, not as a JSX-level prop, and
|
|
86
|
+
// overriding here would shadow it.
|
|
87
|
+
if (resolvedDisabled) {
|
|
88
|
+
cloneProps.onPress = undefined;
|
|
89
|
+
} else if (onPress) {
|
|
90
|
+
cloneProps.onPress = composeEventHandlers(childOnPress, onPress);
|
|
91
|
+
}
|
|
60
92
|
return /*#__PURE__*/_jsx(ListItemProvider, {
|
|
61
93
|
value: {
|
|
62
94
|
isPressed: false,
|
|
@@ -64,30 +96,13 @@ export const createListItemRoot = (BaseView, BasePressable) => /*#__PURE__*/forw
|
|
|
64
96
|
isDisabled: resolvedDisabled,
|
|
65
97
|
crossAlign: crossAlign ?? 'center'
|
|
66
98
|
},
|
|
67
|
-
children: /*#__PURE__*/React.cloneElement(child,
|
|
68
|
-
...restProps,
|
|
69
|
-
...slotAttrs,
|
|
70
|
-
...dataAttributes({
|
|
71
|
-
active: false,
|
|
72
|
-
hovered: false,
|
|
73
|
-
disabled: resolvedDisabled
|
|
74
|
-
}),
|
|
75
|
-
...(resolvedDisabled && {
|
|
76
|
-
accessibilityState: {
|
|
77
|
-
disabled: true
|
|
78
|
-
}
|
|
79
|
-
}),
|
|
80
|
-
disabled: resolvedDisabled,
|
|
81
|
-
onPress: resolvedDisabled ? undefined : mergedOnPress,
|
|
82
|
-
ref: mergeRefs(ref, child.props.ref),
|
|
83
|
-
style: [rowStyleForCrossAlign(crossAlign), style, child.props.style]
|
|
84
|
-
})
|
|
99
|
+
children: /*#__PURE__*/React.cloneElement(child, cloneProps)
|
|
85
100
|
});
|
|
86
101
|
}
|
|
87
102
|
if (isPressableRoot) {
|
|
88
103
|
const interactionAttrs = dataAttributes({
|
|
89
104
|
active: isPressed,
|
|
90
|
-
|
|
105
|
+
hover: isHovered,
|
|
91
106
|
disabled
|
|
92
107
|
});
|
|
93
108
|
const {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","forwardRef","useMemo","composeEventHandlers","mergeRefs","useHover","usePress","dataAttributes","ListItemProvider","jsx","_jsx","listItemRootDataAttrs","size","surface","showSeparator","crossAlign","slot","separator","rowStyleForCrossAlign","flexDirection","alignSelf","alignItems","createListItemRoot","BaseView","BasePressable","asChild","children","onPress","disabled","style","restProps","ref","
|
|
1
|
+
{"version":3,"names":["React","forwardRef","useMemo","composeEventHandlers","mergeRefs","useHover","usePress","dataAttributes","ListItemProvider","jsx","_jsx","listItemRootDataAttrs","size","surface","showSeparator","crossAlign","slot","separator","rowStyleForCrossAlign","flexDirection","alignSelf","alignItems","createListItemRoot","BaseView","BasePressable","asChild","children","onPress","disabled","style","restProps","ref","childOnPress","isValidElement","props","undefined","asChildInteractive","isPressableRoot","pressState","isDisabled","isPressed","pressProps","hoverProps","isHovered","slotAttrs","contextValue","child","childDisabled","resolvedDisabled","cloneProps","active","hover","accessibilityState","value","cloneElement","interactionAttrs","onPressIn","onPressInProp","onPressOut","onPressOutProp","onHoverIn","onHoverInProp","onHoverOut","onHoverOutProp"],"sourceRoot":"../../../src","sources":["list-item/createListItemRoot.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":";;AAAA,OAAOA,KAAK,IAAIC,UAAU,EAAEC,WAAW,EAAEC,OAAO,QAAkB,OAAO;AAEzE,SAASC,oBAAoB,QAAQ,eAAe;AACpD,SAASC,cAAc,QAAQ,yBAAyB;AACxD,SAASC,wBAAwB,QAAQ,WAAW;;AAGpD;AACA;AACA;AACA;AAHA,SAAAC,GAAA,IAAAC,IAAA;AAcA,OAAO,MAAMC,eAAe,GAAQC,IAA4B,iBAC9DT,UAAU,CAAC,CAACU,KAAsB,EAAEC,GAAW,KAAK;EAClD,MAAM;IACJC,QAAQ;IACRC,IAAI;IACJC,KAAK,EAAEC,SAAS;IAChBC,YAAY;IACZC,aAAa;IACbC,GAAG,EAAEC,OAAO;IACZC,UAAU,GAAG,KAAK;IAClB,YAAY,EAAEC,SAAS;IACvB,GAAGC;EACL,CAAC,GAAGZ,KAA8B;EAElC,MAAMQ,GAAG,GAAGC,OAAO,IAAII,MAAM,CAACC,iBAAiB;EAE/C,MAAMC,WAAW,GACfT,YAAY,KAAKU,SAAS,GAAGV,YAAY,GAAGH,IAAI,KAAK,UAAU,GAAG,EAAE,GAAGa,SAAS;EAElF,MAAM,CAACC,KAAK,EAAEC,QAAQ,CAAC,GAAGzB,oBAAoB,CAAgC;IAC5E0B,IAAI,EAAEd,SAAS;IACfU,WAAW;IACXK,QAAQ,EAAGC,IAAI,IAAK;MAClB,IAAIA,IAAI,KAAKL,SAAS,EAAE;QACtBT,aAAa,GAAGc,IAAI,CAAC;MACvB;IACF;EACF,CAAC,CAAC;EAEF,MAAMC,UAAU,GAAG/B,WAAW,CAC3BgC,SAAiB,IAAK;IACrB,IAAIpB,IAAI,KAAK,QAAQ,EAAE;MACrB,OAAOc,KAAK,KAAKM,SAAS;IAC5B;IACA,OAAOC,KAAK,CAACC,OAAO,CAACR,KAAK,CAAC,IAAIA,KAAK,CAACS,QAAQ,CAACH,SAAS,CAAC;EAC1D,CAAC,EACD,CAACpB,IAAI,EAAEc,KAAK,CACd,CAAC;EAED,MAAMU,qBAAqB,GAAGpC,WAAW,CACtCgC,SAAiB,IAAK;IACrB,IAAIb,UAAU,EAAE;MACd,OAAO,IAAI;IACb;IACA,IAAIP,IAAI,KAAK,UAAU,EAAE;MACvB,OAAO,KAAK;IACd;IACA,MAAMyB,GAAG,GAAGJ,KAAK,CAACC,OAAO,CAACR,KAAK,CAAC,GAAGA,KAAK,GAAG,EAAE;IAC7C,IAAIW,GAAG,CAACC,MAAM,GAAGrB,GAAG,EAAE;MACpB,OAAO,KAAK;IACd;IACA,OAAO,CAACoB,GAAG,CAACF,QAAQ,CAACH,SAAS,CAAC;EACjC,CAAC,EACD,CAACb,UAAU,EAAEP,IAAI,EAAEc,KAAK,EAAET,GAAG,CAC/B,CAAC;EAED,MAAMsB,WAAW,GAAGvC,WAAW,CAC5BgC,SAAiB,IAAK;IACrB,IAAIb,UAAU,EAAE;MACd;IACF;IACA,IAAIP,IAAI,KAAK,QAAQ,EAAE;MACrB,IAAIc,KAAK,KAAKM,SAAS,EAAE;QACvB;MACF;MACAL,QAAQ,CAACK,SAAS,CAAC;MACnB;IACF;IACA,MAAMK,GAAG,GAAGJ,KAAK,CAACC,OAAO,CAACR,KAAK,CAAC,GAAG,CAAC,GAAGA,KAAK,CAAC,GAAG,EAAE;IAClD,MAAMc,GAAG,GAAGH,GAAG,CAACI,OAAO,CAACT,SAAS,CAAC;IAClC,IAAIQ,GAAG,IAAI,CAAC,EAAE;MACZH,GAAG,CAACK,MAAM,CAACF,GAAG,EAAE,CAAC,CAAC;MAClBb,QAAQ,CAACU,GAAG,CAAC;IACf,CAAC,MAAM,IAAIA,GAAG,CAACC,MAAM,GAAGrB,GAAG,EAAE;MAC3BoB,GAAG,CAACM,IAAI,CAACX,SAAS,CAAC;MACnBL,QAAQ,CAACU,GAAG,CAAC;IACf;EACF,CAAC,EACD,CAAClB,UAAU,EAAEP,IAAI,EAAEc,KAAK,EAAEC,QAAQ,EAAEV,GAAG,CACzC,CAAC;EAED,MAAM2B,YAAY,GAAG3C,OAAO,CAC1B,OAAO;IACLW,IAAI;IACJC,KAAK,EAAEa,KAAK;IACZa,WAAW;IACXR,UAAU;IACVK,qBAAqB;IACrBS,eAAe,EAAE1B,UAAU;IAC3BF;EACF,CAAC,CAAC,EACF,CAACL,IAAI,EAAEc,KAAK,EAAEa,WAAW,EAAER,UAAU,EAAEK,qBAAqB,EAAEjB,UAAU,EAAEF,GAAG,CAC/E,CAAC;EAED,MAAM6B,IAAI,GAAGlC,IAAI,KAAK,QAAQ,GAAG,YAAY,GAAG,OAAO;EAEvD,oBACEN,IAAA,CAACF,wBAAwB;IAACS,KAAK,EAAE+B,YAAa;IAAAjC,QAAA,eAC5CL,IAAA,CAACE,IAAI;MAAA,GACEa,IAAI;MACTX,GAAG,EAAEA,GAAI;MACToC,IAAI,EAAEA,IAAK;MAAA,IACNlC,IAAI,KAAK,QAAQ,GAAG;QAAEmC,iBAAiB,EAAE;MAAsB,CAAC,GAAG,CAAC,CAAC;MAAA,IACrE3B,SAAS,GAAG;QAAE,YAAY,EAAEA,SAAS;QAAE4B,kBAAkB,EAAE5B;MAAU,CAAC,GAAG,CAAC,CAAC;MAAA,GAC5EjB,cAAc,CAAC;QACjB8C,IAAI,EAAE;MACR,CAAC,CAAC;MAAAtC,QAAA,EAEDA;IAAQ,CACL;EAAC,CACiB,CAAC;AAE/B,CAAC,CAAC","ignoreList":[]}
|