| 9 | children: ReactNode; |
| 10 | }; |
| 11 | function OrderedListComponent(t0) { |
| 12 | const $ = _c(9); |
| 13 | const { |
| 14 | children |
| 15 | } = t0; |
| 16 | const { |
| 17 | marker: parentMarker |
| 18 | } = useContext(OrderedListContext); |
| 19 | let numberOfItems = 0; |
| 20 | for (const child of React.Children.toArray(children)) { |
| 21 | if (!isValidElement(child) || child.type !== OrderedListItem) { |
| 22 | continue; |
| 23 | } |
| 24 | numberOfItems++; |
| 25 | } |
| 26 | const maxMarkerWidth = String(numberOfItems).length; |
| 27 | let t1; |
| 28 | if ($[0] !== children || $[1] !== maxMarkerWidth || $[2] !== parentMarker) { |
| 29 | let t2; |
| 30 | if ($[4] !== maxMarkerWidth || $[5] !== parentMarker) { |
| 31 | t2 = (child_0, index) => { |
| 32 | if (!isValidElement(child_0) || child_0.type !== OrderedListItem) { |
| 33 | return child_0; |
| 34 | } |
| 35 | const paddedMarker = `${String(index + 1).padStart(maxMarkerWidth)}.`; |
| 36 | const marker = `${parentMarker}${paddedMarker}`; |
| 37 | return <OrderedListContext.Provider value={{ |
| 38 | marker |
| 39 | }}><OrderedListItemContext.Provider value={{ |
| 40 | marker |
| 41 | }}>{child_0}</OrderedListItemContext.Provider></OrderedListContext.Provider>; |
| 42 | }; |
| 43 | $[4] = maxMarkerWidth; |
| 44 | $[5] = parentMarker; |
| 45 | $[6] = t2; |
| 46 | } else { |
| 47 | t2 = $[6]; |
| 48 | } |
| 49 | t1 = React.Children.map(children, t2); |
| 50 | $[0] = children; |
| 51 | $[1] = maxMarkerWidth; |
| 52 | $[2] = parentMarker; |
| 53 | $[3] = t1; |
| 54 | } else { |
| 55 | t1 = $[3]; |
| 56 | } |
| 57 | let t2; |
| 58 | if ($[7] !== t1) { |
| 59 | t2 = <Box flexDirection="column">{t1}</Box>; |
| 60 | $[7] = t1; |
| 61 | $[8] = t2; |
| 62 | } else { |
| 63 | t2 = $[8]; |
| 64 | } |
| 65 | return t2; |
| 66 | } |
| 67 | |
| 68 | // eslint-disable-next-line custom-rules/no-top-level-side-effects |