@tamagui/demos 1.107.0 → 1.108.0-1722728147390
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/AddThemeDemo.js +12 -4
- package/dist/cjs/AddThemeDemo.js.map +2 -2
- package/dist/cjs/AddThemeDemo.native.js +12 -4
- package/dist/cjs/AddThemeDemo.native.js.map +2 -2
- package/dist/cjs/AnimationsEnterDemo.js +12 -4
- package/dist/cjs/AnimationsEnterDemo.js.map +2 -2
- package/dist/cjs/AnimationsEnterDemo.native.js +12 -4
- package/dist/cjs/AnimationsEnterDemo.native.js.map +2 -2
- package/dist/cjs/AnimationsPresenceDemo.js +2 -2
- package/dist/cjs/AnimationsPresenceDemo.js.map +2 -2
- package/dist/cjs/AnimationsPresenceDemo.native.js +3 -3
- package/dist/cjs/AnimationsPresenceDemo.native.js.map +2 -2
- package/dist/cjs/CheckboxHeadlessDemo.js +13 -5
- package/dist/cjs/CheckboxHeadlessDemo.js.map +2 -2
- package/dist/cjs/CheckboxHeadlessDemo.native.js +13 -5
- package/dist/cjs/CheckboxHeadlessDemo.native.js.map +2 -2
- package/dist/cjs/FormsDemo.js +13 -5
- package/dist/cjs/FormsDemo.js.map +2 -2
- package/dist/cjs/FormsDemo.native.js +13 -5
- package/dist/cjs/FormsDemo.native.js.map +2 -2
- package/dist/cjs/LucideIconsDemo.js +2 -2
- package/dist/cjs/LucideIconsDemo.js.map +2 -2
- package/dist/cjs/LucideIconsDemo.native.js +2 -2
- package/dist/cjs/LucideIconsDemo.native.js.map +2 -2
- package/dist/cjs/ProgressDemo.js +13 -5
- package/dist/cjs/ProgressDemo.js.map +2 -2
- package/dist/cjs/ProgressDemo.native.js +13 -5
- package/dist/cjs/ProgressDemo.native.js.map +2 -2
- package/dist/cjs/RadioGroupHeadlessDemo.js +12 -4
- package/dist/cjs/RadioGroupHeadlessDemo.js.map +2 -2
- package/dist/cjs/RadioGroupHeadlessDemo.native.js +12 -4
- package/dist/cjs/RadioGroupHeadlessDemo.native.js.map +2 -2
- package/dist/cjs/ReplaceThemeDemo.js +12 -4
- package/dist/cjs/ReplaceThemeDemo.js.map +2 -2
- package/dist/cjs/ReplaceThemeDemo.native.js +12 -4
- package/dist/cjs/ReplaceThemeDemo.native.js.map +2 -2
- package/dist/cjs/SelectDemo.js +13 -5
- package/dist/cjs/SelectDemo.js.map +2 -2
- package/dist/cjs/SelectDemo.native.js +13 -5
- package/dist/cjs/SelectDemo.native.js.map +2 -2
- package/dist/cjs/SheetDemo.js +12 -4
- package/dist/cjs/SheetDemo.js.map +2 -2
- package/dist/cjs/SheetDemo.native.js +12 -4
- package/dist/cjs/SheetDemo.native.js.map +2 -2
- package/dist/cjs/SwitchHeadlessDemo.js +15 -7
- package/dist/cjs/SwitchHeadlessDemo.js.map +2 -2
- package/dist/cjs/SwitchHeadlessDemo.native.js +15 -7
- package/dist/cjs/SwitchHeadlessDemo.native.js.map +2 -2
- package/dist/cjs/TabsAdvancedDemo.js +14 -6
- package/dist/cjs/TabsAdvancedDemo.js.map +2 -2
- package/dist/cjs/TabsAdvancedDemo.native.js +16 -8
- package/dist/cjs/TabsAdvancedDemo.native.js.map +2 -2
- package/dist/cjs/TabsDemo.js +12 -4
- package/dist/cjs/TabsDemo.js.map +2 -2
- package/dist/cjs/TabsDemo.native.js +12 -4
- package/dist/cjs/TabsDemo.native.js.map +2 -2
- package/dist/cjs/TokensDemo.js +12 -4
- package/dist/cjs/TokensDemo.js.map +2 -2
- package/dist/cjs/TokensDemo.native.js +12 -4
- package/dist/cjs/TokensDemo.native.js.map +2 -2
- package/dist/cjs/UpdateThemeDemo.js +12 -4
- package/dist/cjs/UpdateThemeDemo.js.map +2 -2
- package/dist/cjs/UpdateThemeDemo.native.js +12 -4
- package/dist/cjs/UpdateThemeDemo.native.js.map +2 -2
- package/dist/esm/AddThemeDemo.js +2 -2
- package/dist/esm/AddThemeDemo.js.map +1 -1
- package/dist/esm/AddThemeDemo.mjs +2 -2
- package/dist/esm/AddThemeDemo.mjs.map +1 -1
- package/dist/esm/AddThemeDemo.native.js +2 -2
- package/dist/esm/AddThemeDemo.native.js.map +2 -2
- package/dist/esm/AnimationsEnterDemo.js +2 -2
- package/dist/esm/AnimationsEnterDemo.js.map +1 -1
- package/dist/esm/AnimationsEnterDemo.mjs +3 -3
- package/dist/esm/AnimationsEnterDemo.mjs.map +1 -1
- package/dist/esm/AnimationsEnterDemo.native.js +2 -2
- package/dist/esm/AnimationsEnterDemo.native.js.map +2 -2
- package/dist/esm/AnimationsPresenceDemo.js +2 -2
- package/dist/esm/AnimationsPresenceDemo.js.map +1 -1
- package/dist/esm/AnimationsPresenceDemo.mjs +2 -2
- package/dist/esm/AnimationsPresenceDemo.mjs.map +1 -1
- package/dist/esm/AnimationsPresenceDemo.native.js +3 -3
- package/dist/esm/AnimationsPresenceDemo.native.js.map +2 -2
- package/dist/esm/CheckboxHeadlessDemo.js +3 -3
- package/dist/esm/CheckboxHeadlessDemo.js.map +1 -1
- package/dist/esm/CheckboxHeadlessDemo.mjs +3 -3
- package/dist/esm/CheckboxHeadlessDemo.mjs.map +1 -1
- package/dist/esm/CheckboxHeadlessDemo.native.js +3 -3
- package/dist/esm/CheckboxHeadlessDemo.native.js.map +2 -2
- package/dist/esm/FormsDemo.js +3 -3
- package/dist/esm/FormsDemo.js.map +1 -1
- package/dist/esm/FormsDemo.mjs +3 -3
- package/dist/esm/FormsDemo.mjs.map +1 -1
- package/dist/esm/FormsDemo.native.js +3 -3
- package/dist/esm/FormsDemo.native.js.map +2 -2
- package/dist/esm/LucideIconsDemo.js +2 -2
- package/dist/esm/LucideIconsDemo.js.map +1 -1
- package/dist/esm/LucideIconsDemo.mjs +3 -3
- package/dist/esm/LucideIconsDemo.mjs.map +1 -1
- package/dist/esm/LucideIconsDemo.native.js +2 -2
- package/dist/esm/LucideIconsDemo.native.js.map +2 -2
- package/dist/esm/ProgressDemo.js +3 -3
- package/dist/esm/ProgressDemo.js.map +1 -1
- package/dist/esm/ProgressDemo.mjs +5 -5
- package/dist/esm/ProgressDemo.mjs.map +1 -1
- package/dist/esm/ProgressDemo.native.js +3 -3
- package/dist/esm/ProgressDemo.native.js.map +2 -2
- package/dist/esm/RadioGroupHeadlessDemo.js +2 -2
- package/dist/esm/RadioGroupHeadlessDemo.js.map +1 -1
- package/dist/esm/RadioGroupHeadlessDemo.mjs +3 -3
- package/dist/esm/RadioGroupHeadlessDemo.mjs.map +1 -1
- package/dist/esm/RadioGroupHeadlessDemo.native.js +2 -2
- package/dist/esm/RadioGroupHeadlessDemo.native.js.map +2 -2
- package/dist/esm/ReplaceThemeDemo.js +2 -2
- package/dist/esm/ReplaceThemeDemo.js.map +1 -1
- package/dist/esm/ReplaceThemeDemo.mjs +2 -2
- package/dist/esm/ReplaceThemeDemo.mjs.map +1 -1
- package/dist/esm/ReplaceThemeDemo.native.js +2 -2
- package/dist/esm/ReplaceThemeDemo.native.js.map +2 -2
- package/dist/esm/SelectDemo.js +3 -3
- package/dist/esm/SelectDemo.js.map +1 -1
- package/dist/esm/SelectDemo.mjs +3 -3
- package/dist/esm/SelectDemo.mjs.map +1 -1
- package/dist/esm/SelectDemo.native.js +3 -3
- package/dist/esm/SelectDemo.native.js.map +2 -2
- package/dist/esm/SheetDemo.js +2 -2
- package/dist/esm/SheetDemo.js.map +1 -1
- package/dist/esm/SheetDemo.mjs +7 -7
- package/dist/esm/SheetDemo.mjs.map +1 -1
- package/dist/esm/SheetDemo.native.js +2 -2
- package/dist/esm/SheetDemo.native.js.map +2 -2
- package/dist/esm/SwitchHeadlessDemo.js +5 -5
- package/dist/esm/SwitchHeadlessDemo.js.map +1 -1
- package/dist/esm/SwitchHeadlessDemo.mjs +5 -5
- package/dist/esm/SwitchHeadlessDemo.mjs.map +1 -1
- package/dist/esm/SwitchHeadlessDemo.native.js +5 -5
- package/dist/esm/SwitchHeadlessDemo.native.js.map +2 -2
- package/dist/esm/TabsAdvancedDemo.js +4 -4
- package/dist/esm/TabsAdvancedDemo.js.map +1 -1
- package/dist/esm/TabsAdvancedDemo.mjs +4 -4
- package/dist/esm/TabsAdvancedDemo.mjs.map +1 -1
- package/dist/esm/TabsAdvancedDemo.native.js +6 -6
- package/dist/esm/TabsAdvancedDemo.native.js.map +2 -2
- package/dist/esm/TabsDemo.js +2 -2
- package/dist/esm/TabsDemo.js.map +1 -1
- package/dist/esm/TabsDemo.mjs +2 -2
- package/dist/esm/TabsDemo.mjs.map +1 -1
- package/dist/esm/TabsDemo.native.js +2 -2
- package/dist/esm/TabsDemo.native.js.map +2 -2
- package/dist/esm/TokensDemo.js +2 -2
- package/dist/esm/TokensDemo.js.map +1 -1
- package/dist/esm/TokensDemo.mjs +2 -2
- package/dist/esm/TokensDemo.mjs.map +1 -1
- package/dist/esm/TokensDemo.native.js +2 -2
- package/dist/esm/TokensDemo.native.js.map +2 -2
- package/dist/esm/UpdateThemeDemo.js +2 -2
- package/dist/esm/UpdateThemeDemo.js.map +1 -1
- package/dist/esm/UpdateThemeDemo.mjs +2 -2
- package/dist/esm/UpdateThemeDemo.mjs.map +1 -1
- package/dist/esm/UpdateThemeDemo.native.js +2 -2
- package/dist/esm/UpdateThemeDemo.native.js.map +2 -2
- package/dist/jsx/AddThemeDemo.js +2 -2
- package/dist/jsx/AddThemeDemo.js.map +1 -1
- package/dist/jsx/AddThemeDemo.mjs +2 -2
- package/dist/jsx/AddThemeDemo.mjs.map +1 -1
- package/dist/jsx/AddThemeDemo.native.js +2 -2
- package/dist/jsx/AddThemeDemo.native.js.map +2 -2
- package/dist/jsx/AnimationsEnterDemo.js +2 -2
- package/dist/jsx/AnimationsEnterDemo.js.map +1 -1
- package/dist/jsx/AnimationsEnterDemo.mjs +3 -3
- package/dist/jsx/AnimationsEnterDemo.mjs.map +1 -1
- package/dist/jsx/AnimationsEnterDemo.native.js +2 -2
- package/dist/jsx/AnimationsEnterDemo.native.js.map +2 -2
- package/dist/jsx/AnimationsPresenceDemo.js +2 -2
- package/dist/jsx/AnimationsPresenceDemo.js.map +1 -1
- package/dist/jsx/AnimationsPresenceDemo.mjs +2 -2
- package/dist/jsx/AnimationsPresenceDemo.mjs.map +1 -1
- package/dist/jsx/AnimationsPresenceDemo.native.js +3 -3
- package/dist/jsx/AnimationsPresenceDemo.native.js.map +2 -2
- package/dist/jsx/CheckboxHeadlessDemo.js +3 -3
- package/dist/jsx/CheckboxHeadlessDemo.js.map +1 -1
- package/dist/jsx/CheckboxHeadlessDemo.mjs +3 -3
- package/dist/jsx/CheckboxHeadlessDemo.mjs.map +1 -1
- package/dist/jsx/CheckboxHeadlessDemo.native.js +3 -3
- package/dist/jsx/CheckboxHeadlessDemo.native.js.map +2 -2
- package/dist/jsx/FormsDemo.js +3 -3
- package/dist/jsx/FormsDemo.js.map +1 -1
- package/dist/jsx/FormsDemo.mjs +3 -3
- package/dist/jsx/FormsDemo.mjs.map +1 -1
- package/dist/jsx/FormsDemo.native.js +3 -3
- package/dist/jsx/FormsDemo.native.js.map +2 -2
- package/dist/jsx/LucideIconsDemo.js +2 -2
- package/dist/jsx/LucideIconsDemo.js.map +1 -1
- package/dist/jsx/LucideIconsDemo.mjs +3 -3
- package/dist/jsx/LucideIconsDemo.mjs.map +1 -1
- package/dist/jsx/LucideIconsDemo.native.js +2 -2
- package/dist/jsx/LucideIconsDemo.native.js.map +2 -2
- package/dist/jsx/ProgressDemo.js +3 -3
- package/dist/jsx/ProgressDemo.js.map +1 -1
- package/dist/jsx/ProgressDemo.mjs +5 -5
- package/dist/jsx/ProgressDemo.mjs.map +1 -1
- package/dist/jsx/ProgressDemo.native.js +3 -3
- package/dist/jsx/ProgressDemo.native.js.map +2 -2
- package/dist/jsx/RadioGroupHeadlessDemo.js +2 -2
- package/dist/jsx/RadioGroupHeadlessDemo.js.map +1 -1
- package/dist/jsx/RadioGroupHeadlessDemo.mjs +3 -3
- package/dist/jsx/RadioGroupHeadlessDemo.mjs.map +1 -1
- package/dist/jsx/RadioGroupHeadlessDemo.native.js +2 -2
- package/dist/jsx/RadioGroupHeadlessDemo.native.js.map +2 -2
- package/dist/jsx/ReplaceThemeDemo.js +2 -2
- package/dist/jsx/ReplaceThemeDemo.js.map +1 -1
- package/dist/jsx/ReplaceThemeDemo.mjs +2 -2
- package/dist/jsx/ReplaceThemeDemo.mjs.map +1 -1
- package/dist/jsx/ReplaceThemeDemo.native.js +2 -2
- package/dist/jsx/ReplaceThemeDemo.native.js.map +2 -2
- package/dist/jsx/SelectDemo.js +3 -3
- package/dist/jsx/SelectDemo.js.map +1 -1
- package/dist/jsx/SelectDemo.mjs +3 -3
- package/dist/jsx/SelectDemo.mjs.map +1 -1
- package/dist/jsx/SelectDemo.native.js +3 -3
- package/dist/jsx/SelectDemo.native.js.map +2 -2
- package/dist/jsx/SheetDemo.js +2 -2
- package/dist/jsx/SheetDemo.js.map +1 -1
- package/dist/jsx/SheetDemo.mjs +7 -7
- package/dist/jsx/SheetDemo.mjs.map +1 -1
- package/dist/jsx/SheetDemo.native.js +2 -2
- package/dist/jsx/SheetDemo.native.js.map +2 -2
- package/dist/jsx/SwitchHeadlessDemo.js +5 -5
- package/dist/jsx/SwitchHeadlessDemo.js.map +1 -1
- package/dist/jsx/SwitchHeadlessDemo.mjs +5 -5
- package/dist/jsx/SwitchHeadlessDemo.mjs.map +1 -1
- package/dist/jsx/SwitchHeadlessDemo.native.js +5 -5
- package/dist/jsx/SwitchHeadlessDemo.native.js.map +2 -2
- package/dist/jsx/TabsAdvancedDemo.js +4 -4
- package/dist/jsx/TabsAdvancedDemo.js.map +1 -1
- package/dist/jsx/TabsAdvancedDemo.mjs +4 -4
- package/dist/jsx/TabsAdvancedDemo.mjs.map +1 -1
- package/dist/jsx/TabsAdvancedDemo.native.js +6 -6
- package/dist/jsx/TabsAdvancedDemo.native.js.map +2 -2
- package/dist/jsx/TabsDemo.js +2 -2
- package/dist/jsx/TabsDemo.js.map +1 -1
- package/dist/jsx/TabsDemo.mjs +2 -2
- package/dist/jsx/TabsDemo.mjs.map +1 -1
- package/dist/jsx/TabsDemo.native.js +2 -2
- package/dist/jsx/TabsDemo.native.js.map +2 -2
- package/dist/jsx/TokensDemo.js +2 -2
- package/dist/jsx/TokensDemo.js.map +1 -1
- package/dist/jsx/TokensDemo.mjs +2 -2
- package/dist/jsx/TokensDemo.mjs.map +1 -1
- package/dist/jsx/TokensDemo.native.js +2 -2
- package/dist/jsx/TokensDemo.native.js.map +2 -2
- package/dist/jsx/UpdateThemeDemo.js +2 -2
- package/dist/jsx/UpdateThemeDemo.js.map +1 -1
- package/dist/jsx/UpdateThemeDemo.mjs +2 -2
- package/dist/jsx/UpdateThemeDemo.mjs.map +1 -1
- package/dist/jsx/UpdateThemeDemo.native.js +2 -2
- package/dist/jsx/UpdateThemeDemo.native.js.map +2 -2
- package/package.json +19 -19
- package/src/AddThemeDemo.tsx +3 -2
- package/src/AnimationsEnterDemo.tsx +4 -3
- package/src/AnimationsPresenceDemo.tsx +4 -2
- package/src/CheckboxHeadlessDemo.tsx +4 -3
- package/src/FormsDemo.tsx +3 -3
- package/src/LucideIconsDemo.tsx +4 -3
- package/src/ProgressDemo.tsx +5 -5
- package/src/RadioGroupHeadlessDemo.tsx +4 -3
- package/src/ReplaceThemeDemo.tsx +3 -2
- package/src/SelectDemo.tsx +4 -3
- package/src/SheetDemo.tsx +14 -10
- package/src/SwitchHeadlessDemo.tsx +6 -5
- package/src/TabsAdvancedDemo.tsx +4 -4
- package/src/TabsDemo.tsx +2 -2
- package/src/TokensDemo.tsx +3 -2
- package/src/UpdateThemeDemo.tsx +3 -2
- package/types/AddThemeDemo.d.ts.map +1 -1
- package/types/AnimationsEnterDemo.d.ts.map +1 -1
- package/types/AnimationsPresenceDemo.d.ts.map +1 -1
- package/types/CheckboxHeadlessDemo.d.ts.map +1 -1
- package/types/LucideIconsDemo.d.ts.map +1 -1
- package/types/RadioGroupHeadlessDemo.d.ts.map +1 -1
- package/types/ReplaceThemeDemo.d.ts.map +1 -1
- package/types/SelectDemo.d.ts.map +1 -1
- package/types/SheetDemo.d.ts.map +1 -1
- package/types/SwitchHeadlessDemo.d.ts.map +1 -1
- package/types/TokensDemo.d.ts.map +1 -1
- package/types/UpdateThemeDemo.d.ts.map +1 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["Check","ChevronDown","ChevronUp","
|
|
1
|
+
{"version":3,"names":["React","Check","ChevronDown","ChevronUp","Adapt","Label","Select","Sheet","XStack","YStack","getFontSize","LinearGradient","jsx","jsxs","SelectDemo","gap","children","ai","htmlFor","f","miw","SelectDemoItem","id","native","props","val","setVal","useState","value","onValueChange","disablePreventBodyScroll","Trigger","width","iconAfter","Value","placeholder","when","platform","modal","dismissOnSnapToBottom","animationConfig","type","damping","mass","stiffness","Frame","ScrollView","Contents","Overlay","animation","enterStyle","opacity","exitStyle","Content","zIndex","ScrollUpButton","alignItems","justifyContent","position","height","size","start","end","fullscreen","colors","borderRadius","Viewport","minWidth","Group","useMemo","items","map","item","i","Item","index","name","toLowerCase","ItemText","ItemIndicator","marginLeft","right","top","bottom","pointerEvents","ScrollDownButton"],"sources":["../../src/SelectDemo.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import React from "react";
|
|
2
3
|
import { Check, ChevronDown, ChevronUp } from "@tamagui/lucide-icons";
|
|
3
|
-
import { useMemo, useState } from "react";
|
|
4
4
|
import { Adapt, Label, Select, Sheet, XStack, YStack, getFontSize } from "tamagui";
|
|
5
5
|
import { LinearGradient } from "tamagui/linear-gradient";
|
|
6
6
|
function _array_like_to_array(arr, len) {
|
|
@@ -117,7 +117,7 @@ function SelectDemo() {
|
|
|
117
117
|
});
|
|
118
118
|
}
|
|
119
119
|
function SelectDemoItem(props) {
|
|
120
|
-
var
|
|
120
|
+
var _React_useState = _sliced_to_array(React.useState("apple"), 2), val = _React_useState[0], setVal = _React_useState[1], _props_size;
|
|
121
121
|
return /* @__PURE__ */ _jsxs(Select, _object_spread_props(_object_spread({
|
|
122
122
|
value: val,
|
|
123
123
|
onValueChange: setVal,
|
|
@@ -210,7 +210,7 @@ function SelectDemoItem(props) {
|
|
|
210
210
|
children: "Fruits"
|
|
211
211
|
}),
|
|
212
212
|
/* for longer lists memoizing these is useful */
|
|
213
|
-
useMemo(function() {
|
|
213
|
+
React.useMemo(function() {
|
|
214
214
|
return items.map(function(item, i) {
|
|
215
215
|
return /* @__PURE__ */ _jsxs(Select.Item, {
|
|
216
216
|
index: i,
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/Users/n8/tamagui/code/demos/src/SelectDemo.tsx"],
|
|
4
|
-
"mappings": ";AAAA,
|
|
5
|
-
"names": ["
|
|
4
|
+
"mappings": "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",
|
|
5
|
+
"names": ["React", "Check", "ChevronDown", "ChevronUp", "Adapt", "Label", "Select", "Sheet", "XStack", "YStack", "getFontSize", "LinearGradient", "SelectDemo", "gap", "ai", "htmlFor", "f", "miw", "SelectDemoItem", "id", "native", "props", "useState", "val", "setVal", "value", "onValueChange", "disablePreventBodyScroll", "Trigger", "width", "iconAfter", "Value", "placeholder", "when", "platform", "modal", "dismissOnSnapToBottom", "animationConfig", "type", "damping", "mass", "stiffness", "Frame", "ScrollView", "Contents", "Overlay", "animation", "enterStyle", "opacity", "exitStyle", "Content", "zIndex", "ScrollUpButton", "alignItems", "justifyContent", "position", "height", "size", "start", "end", "fullscreen", "colors", "borderRadius", "Viewport", "minWidth", "Group", "useMemo", "items", "map", "item", "i", "Item", "index", "name", "toLowerCase", "ItemText", "ItemIndicator", "marginLeft", "right", "top", "bottom", "pointerEvents", "ScrollDownButton"]
|
|
6
6
|
}
|
package/dist/esm/SheetDemo.js
CHANGED
|
@@ -1,10 +1,10 @@
|
|
|
1
|
+
import React from "react";
|
|
1
2
|
import { ChevronDown, ChevronUp } from "@tamagui/lucide-icons";
|
|
2
3
|
import { Sheet } from "@tamagui/sheet";
|
|
3
|
-
import { useState } from "react";
|
|
4
4
|
import { Button, H2, Input, Paragraph, XStack, YStack } from "tamagui";
|
|
5
5
|
import { Fragment, jsx, jsxs } from "react/jsx-runtime";
|
|
6
6
|
const spModes = ["percent", "constant", "fit", "mixed"], SheetDemo = () => {
|
|
7
|
-
const [position, setPosition] = useState(0), [open, setOpen] = useState(!1), [modal, setModal] = useState(!0), [innerOpen, setInnerOpen] = useState(!1), [snapPointsMode, setSnapPointsMode] = useState("percent"), [mixedFitDemo, setMixedFitDemo] = useState(!1), isPercent = snapPointsMode === "percent", isConstant = snapPointsMode === "constant", isFit = snapPointsMode === "fit", isMixed = snapPointsMode === "mixed", snapPoints = isPercent ? [85, 50, 25] : isConstant ? [256, 190] : isFit ? void 0 : mixedFitDemo ? ["fit", 110] : ["80%", 256, 190];
|
|
7
|
+
const [position, setPosition] = React.useState(0), [open, setOpen] = React.useState(!1), [modal, setModal] = React.useState(!0), [innerOpen, setInnerOpen] = React.useState(!1), [snapPointsMode, setSnapPointsMode] = React.useState("percent"), [mixedFitDemo, setMixedFitDemo] = React.useState(!1), isPercent = snapPointsMode === "percent", isConstant = snapPointsMode === "constant", isFit = snapPointsMode === "fit", isMixed = snapPointsMode === "mixed", snapPoints = isPercent ? [85, 50, 25] : isConstant ? [256, 190] : isFit ? void 0 : mixedFitDemo ? ["fit", 110] : ["80%", 256, 190];
|
|
8
8
|
return /* @__PURE__ */ jsxs(Fragment, { children: [
|
|
9
9
|
/* @__PURE__ */ jsxs(YStack, { space: !0, children: [
|
|
10
10
|
/* @__PURE__ */ jsxs(XStack, { space: !0, $sm: { flexDirection: "column", alignItems: "center" }, children: [
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/SheetDemo.tsx"],
|
|
4
|
-
"mappings": "AAAA,SAAS,aAAa,iBAAiB;AAEvC,SAAS,aAAuB;
|
|
4
|
+
"mappings": "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",
|
|
5
5
|
"names": []
|
|
6
6
|
}
|
package/dist/esm/SheetDemo.mjs
CHANGED
|
@@ -1,16 +1,16 @@
|
|
|
1
|
+
import React from "react";
|
|
1
2
|
import { ChevronDown, ChevronUp } from "@tamagui/lucide-icons";
|
|
2
3
|
import { Sheet } from "@tamagui/sheet";
|
|
3
|
-
import { useState } from "react";
|
|
4
4
|
import { Button, H2, Input, Paragraph, XStack, YStack } from "tamagui";
|
|
5
5
|
import { Fragment, jsx, jsxs } from "react/jsx-runtime";
|
|
6
6
|
const spModes = ["percent", "constant", "fit", "mixed"],
|
|
7
7
|
SheetDemo = () => {
|
|
8
|
-
const [position, setPosition] = useState(0),
|
|
9
|
-
[open, setOpen] = useState(!1),
|
|
10
|
-
[modal, setModal] = useState(!0),
|
|
11
|
-
[innerOpen, setInnerOpen] = useState(!1),
|
|
12
|
-
[snapPointsMode, setSnapPointsMode] = useState("percent"),
|
|
13
|
-
[mixedFitDemo, setMixedFitDemo] = useState(!1),
|
|
8
|
+
const [position, setPosition] = React.useState(0),
|
|
9
|
+
[open, setOpen] = React.useState(!1),
|
|
10
|
+
[modal, setModal] = React.useState(!0),
|
|
11
|
+
[innerOpen, setInnerOpen] = React.useState(!1),
|
|
12
|
+
[snapPointsMode, setSnapPointsMode] = React.useState("percent"),
|
|
13
|
+
[mixedFitDemo, setMixedFitDemo] = React.useState(!1),
|
|
14
14
|
isPercent = snapPointsMode === "percent",
|
|
15
15
|
isConstant = snapPointsMode === "constant",
|
|
16
16
|
isFit = snapPointsMode === "fit",
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["ChevronDown","ChevronUp","Sheet","
|
|
1
|
+
{"version":3,"names":["React","ChevronDown","ChevronUp","Sheet","Button","H2","Input","Paragraph","XStack","YStack","Fragment","jsx","jsxs","spModes","SheetDemo","position","setPosition","useState","open","setOpen","modal","setModal","innerOpen","setInnerOpen","snapPointsMode","setSnapPointsMode","mixedFitDemo","setMixedFitDemo","isPercent","isConstant","isFit","isMixed","snapPoints","children","space","$sm","flexDirection","alignItems","onPress","x","prev","indexOf","length","percent","constant","fit","mixed","JSON","stringify","paddingVertical","justifyContent","forceRemoveScrollEnabled","onOpenChange","dismissOnSnapToBottom","onPositionChange","zIndex","animation","Overlay","enterStyle","opacity","exitStyle","Handle","Frame","padding","size","circular","icon","width","InnerSheet","props","flex","ScrollView","p","gap","alignSelf","map","i"],"sources":["../../src/SheetDemo.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
|
|
2
|
+
import React from "react";
|
|
2
3
|
import { ChevronDown, ChevronUp } from "@tamagui/lucide-icons";
|
|
3
4
|
import { Sheet } from "@tamagui/sheet";
|
|
4
|
-
import { useState } from "react";
|
|
5
5
|
import { Button, H2, Input, Paragraph, XStack, YStack } from "tamagui";
|
|
6
6
|
function _array_like_to_array(arr, len) {
|
|
7
7
|
(len == null || len > arr.length) && (len = arr.length);
|
|
@@ -84,7 +84,7 @@ var spModes = [
|
|
|
84
84
|
"fit",
|
|
85
85
|
"mixed"
|
|
86
86
|
], SheetDemo = function() {
|
|
87
|
-
var
|
|
87
|
+
var _React_useState = _sliced_to_array(React.useState(0), 2), position = _React_useState[0], setPosition = _React_useState[1], _React_useState1 = _sliced_to_array(React.useState(!1), 2), open = _React_useState1[0], setOpen = _React_useState1[1], _React_useState2 = _sliced_to_array(React.useState(!0), 2), modal = _React_useState2[0], setModal = _React_useState2[1], _React_useState3 = _sliced_to_array(React.useState(!1), 2), innerOpen = _React_useState3[0], setInnerOpen = _React_useState3[1], _React_useState4 = _sliced_to_array(React.useState("percent"), 2), snapPointsMode = _React_useState4[0], setSnapPointsMode = _React_useState4[1], _React_useState5 = _sliced_to_array(React.useState(!1), 2), mixedFitDemo = _React_useState5[0], setMixedFitDemo = _React_useState5[1], isPercent = snapPointsMode === "percent", isConstant = snapPointsMode === "constant", isFit = snapPointsMode === "fit", isMixed = snapPointsMode === "mixed", snapPoints = isPercent ? [
|
|
88
88
|
85,
|
|
89
89
|
50,
|
|
90
90
|
25
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/Users/n8/tamagui/code/demos/src/SheetDemo.tsx"],
|
|
4
|
-
"mappings": ";AAAA,
|
|
5
|
-
"names": ["
|
|
4
|
+
"mappings": "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",
|
|
5
|
+
"names": ["React", "ChevronDown", "ChevronUp", "Sheet", "Button", "H2", "Input", "Paragraph", "XStack", "YStack", "spModes", "SheetDemo", "useState", "position", "setPosition", "open", "setOpen", "modal", "setModal", "innerOpen", "setInnerOpen", "snapPointsMode", "setSnapPointsMode", "mixedFitDemo", "setMixedFitDemo", "isPercent", "isConstant", "isFit", "isMixed", "snapPoints", "undefined", "space", "$sm", "flexDirection", "alignItems", "onPress", "x", "prev", "indexOf", "length", "percent", "constant", "fit", "mixed", "JSON", "stringify", "paddingVertical", "justifyContent", "forceRemoveScrollEnabled", "onOpenChange", "dismissOnSnapToBottom", "onPositionChange", "zIndex", "animation", "Overlay", "enterStyle", "opacity", "exitStyle", "Handle", "Frame", "padding", "size", "circular", "icon", "width", "InnerSheet", "props", "flex", "ScrollView", "p", "gap", "alignSelf", "map", "i"]
|
|
6
6
|
}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
+
import React from "react";
|
|
1
2
|
import { useSwitch } from "@tamagui/switch-headless";
|
|
2
|
-
import { forwardRef, useEffect, useRef, useState } from "react";
|
|
3
3
|
import { Animated, Pressable } from "react-native-web";
|
|
4
4
|
import { Label, XStack, YStack } from "tamagui";
|
|
5
5
|
import { Fragment, jsx, jsxs } from "react/jsx-runtime";
|
|
@@ -9,13 +9,13 @@ function SwitchHeadlessDemo() {
|
|
|
9
9
|
/* @__PURE__ */ jsx(HeadlessSwitch, { defaultChecked: !0, id: "headless" })
|
|
10
10
|
] }) });
|
|
11
11
|
}
|
|
12
|
-
const HeadlessSwitch = forwardRef((props, ref) => {
|
|
13
|
-
const [checked, setChecked] = useState(props.defaultChecked || !1), { switchProps, switchRef, bubbleInput } = useSwitch(
|
|
12
|
+
const HeadlessSwitch = React.forwardRef((props, ref) => {
|
|
13
|
+
const [checked, setChecked] = React.useState(props.defaultChecked || !1), { switchProps, switchRef, bubbleInput } = useSwitch(
|
|
14
14
|
props,
|
|
15
15
|
[checked, setChecked],
|
|
16
16
|
ref
|
|
17
|
-
), animation = useRef(new Animated.Value(checked ? 1 : 0)).current;
|
|
18
|
-
return useEffect(() => {
|
|
17
|
+
), animation = React.useRef(new Animated.Value(checked ? 1 : 0)).current;
|
|
18
|
+
return React.useEffect(() => {
|
|
19
19
|
Animated.timing(animation, {
|
|
20
20
|
toValue: checked ? 1 : 0,
|
|
21
21
|
duration: 100,
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/SwitchHeadlessDemo.tsx"],
|
|
4
|
-
"mappings": "
|
|
4
|
+
"mappings": "AAAA,OAAO,WAAW;AAElB,SAAS,iBAAiB;AAG1B,SAAS,UAAU,iBAAiB;AACpC,SAAS,OAAO,QAAQ,cAAc;AAKhC,SA2BF,UA1BI,KADF;AAHC,SAAS,qBAAqB;AACnC,SACE,oBAAC,UAAO,OAAO,KAAK,YAAW,UAAS,OAAM,MAC5C,+BAAC,UAAO,KAAI,MAAK,YAAW,UAC1B;AAAA,wBAAC,SAAM,SAAQ,YAAW,sBAAQ;AAAA,IAClC,oBAAC,kBAAe,gBAAc,IAAC,IAAG,YAAW;AAAA,KAC/C,GACF;AAEJ;AAEA,MAAM,iBAAiB,MAAM,WAAsC,CAAC,OAAO,QAAQ;AACjF,QAAM,CAAC,SAAS,UAAU,IAAI,MAAM,SAAS,MAAM,kBAAkB,EAAK,GACpE,EAAE,aAAa,WAAW,YAAY,IAAI;AAAA,IAC9C;AAAA,IACA,CAAC,SAAS,UAAU;AAAA,IACpB;AAAA,EACF,GAEM,YAAY,MAAM,OAAO,IAAI,SAAS,MAAM,UAAU,IAAI,CAAC,CAAC,EAAE;AAEpE,eAAM,UAAU,MAAM;AACpB,aAAS,OAAO,WAAW;AAAA,MACzB,SAAS,UAAU,IAAI;AAAA,MACvB,UAAU;AAAA,MACV,iBAAiB;AAAA,IACnB,CAAC,EAAE,MAAM;AAAA,EACX,GAAG,CAAC,OAAO,CAAC,GAGV,iCACE;AAAA;AAAA,MAAC;AAAA;AAAA,QACC,OAAO;AAAA,UACL,OAAO;AAAA,UACP,QAAQ;AAAA,UACR,cAAc;AAAA,UACd,iBAAiB,UAAU,cAAc;AAAA,QAC3C;AAAA,QACA,KAAK;AAAA,QACJ,GAAG;AAAA,QAEJ;AAAA,UAAC,SAAS;AAAA,UAAT;AAAA,YACC,OAAO;AAAA,cACL;AAAA,gBACE,iBAAiB;AAAA,gBACjB,cAAc;AAAA,gBACd,OAAO;AAAA,gBACP,QAAQ;AAAA,cACV;AAAA,cACA;AAAA,gBACE,WAAW;AAAA,kBACT;AAAA,oBACE,YAAY,UAAU,YAAY;AAAA,sBAChC,YAAY,CAAC,GAAG,CAAC;AAAA,sBACjB,aAAa,CAAC,GAAG,EAAE;AAAA,oBACrB,CAAC;AAAA,kBACH;AAAA,gBACF;AAAA,cACF;AAAA,YACF;AAAA;AAAA,QACF;AAAA;AAAA,IACF;AAAA,IACC;AAAA,KACH;AAEJ,CAAC;",
|
|
5
5
|
"names": []
|
|
6
6
|
}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
+
import React from "react";
|
|
1
2
|
import { useSwitch } from "@tamagui/switch-headless";
|
|
2
|
-
import { forwardRef, useEffect, useRef, useState } from "react";
|
|
3
3
|
import { Animated, Pressable } from "react-native-web";
|
|
4
4
|
import { Label, XStack, YStack } from "tamagui";
|
|
5
5
|
import { Fragment, jsx, jsxs } from "react/jsx-runtime";
|
|
@@ -21,15 +21,15 @@ function SwitchHeadlessDemo() {
|
|
|
21
21
|
})
|
|
22
22
|
});
|
|
23
23
|
}
|
|
24
|
-
const HeadlessSwitch = forwardRef((props, ref) => {
|
|
25
|
-
const [checked, setChecked] = useState(props.defaultChecked || !1),
|
|
24
|
+
const HeadlessSwitch = React.forwardRef((props, ref) => {
|
|
25
|
+
const [checked, setChecked] = React.useState(props.defaultChecked || !1),
|
|
26
26
|
{
|
|
27
27
|
switchProps,
|
|
28
28
|
switchRef,
|
|
29
29
|
bubbleInput
|
|
30
30
|
} = useSwitch(props, [checked, setChecked], ref),
|
|
31
|
-
animation = useRef(new Animated.Value(checked ? 1 : 0)).current;
|
|
32
|
-
return useEffect(() => {
|
|
31
|
+
animation = React.useRef(new Animated.Value(checked ? 1 : 0)).current;
|
|
32
|
+
return React.useEffect(() => {
|
|
33
33
|
Animated.timing(animation, {
|
|
34
34
|
toValue: checked ? 1 : 0,
|
|
35
35
|
duration: 100,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["
|
|
1
|
+
{"version":3,"names":["React","useSwitch","Animated","Pressable","Label","XStack","YStack","Fragment","jsx","jsxs","SwitchHeadlessDemo","width","alignItems","space","children","gap","htmlFor","HeadlessSwitch","defaultChecked","id","forwardRef","props","ref","checked","setChecked","useState","switchProps","switchRef","bubbleInput","animation","useRef","Value","current","useEffect","timing","toValue","duration","useNativeDriver","start","style","height","borderRadius","backgroundColor","View","transform","translateX","interpolate","inputRange","outputRange"],"sources":["../../src/SwitchHeadlessDemo.tsx"],"sourcesContent":[null],"mappings":"AAAA,OAAOA,KAAA,MAAW;AAElB,SAASC,SAAA,QAAiB;AAG1B,SAASC,QAAA,EAAUC,SAAA,QAAiB;AACpC,SAASC,KAAA,EAAOC,MAAA,EAAQC,MAAA,QAAc;AAKhC,SA2BFC,QAAA,EA1BIC,GAAA,EADFC,IAAA;AAHC,SAASC,mBAAA,EAAqB;EACnC,OACE,eAAAF,GAAA,CAACF,MAAA;IAAOK,KAAA,EAAO;IAAKC,UAAA,EAAW;IAASC,KAAA,EAAM;IAC5CC,QAAA,iBAAAL,IAAA,CAACJ,MAAA;MAAOU,GAAA,EAAI;MAAKH,UAAA,EAAW;MAC1BE,QAAA,kBAAAN,GAAA,CAACJ,KAAA;QAAMY,OAAA,EAAQ;QAAWF,QAAA;MAAA,CAAQ,GAClC,eAAAN,GAAA,CAACS,cAAA;QAAeC,cAAA,EAAc;QAACC,EAAA,EAAG;MAAA,CAAW;IAAA,CAC/C;EAAA,CACF;AAEJ;AAEA,MAAMF,cAAA,GAAiBjB,KAAA,CAAMoB,UAAA,CAAsC,CAACC,KAAA,EAAOC,GAAA,KAAQ;EACjF,MAAM,CAACC,OAAA,EAASC,UAAU,IAAIxB,KAAA,CAAMyB,QAAA,CAASJ,KAAA,CAAMH,cAAA,IAAkB,EAAK;IACpE;MAAEQ,WAAA;MAAaC,SAAA;MAAWC;IAAY,IAAI3B,SAAA,CAC9CoB,KAAA,EACA,CAACE,OAAA,EAASC,UAAU,GACpBF,GACF;IAEMO,SAAA,GAAY7B,KAAA,CAAM8B,MAAA,CAAO,IAAI5B,QAAA,CAAS6B,KAAA,CAAMR,OAAA,GAAU,IAAI,CAAC,CAAC,EAAES,OAAA;EAEpE,OAAAhC,KAAA,CAAMiC,SAAA,CAAU,MAAM;IACpB/B,QAAA,CAASgC,MAAA,CAAOL,SAAA,EAAW;MACzBM,OAAA,EAASZ,OAAA,GAAU,IAAI;MACvBa,QAAA,EAAU;MACVC,eAAA,EAAiB;IACnB,CAAC,EAAEC,KAAA,CAAM;EACX,GAAG,CAACf,OAAO,CAAC,GAGV,eAAAd,IAAA,CAAAF,QAAA;IACEO,QAAA,kBAAAN,GAAA,CAACL,SAAA;MACCoC,KAAA,EAAO;QACL5B,KAAA,EAAO;QACP6B,MAAA,EAAQ;QACRC,YAAA,EAAc;QACdC,eAAA,EAAiBnB,OAAA,GAAU,cAAc;MAC3C;MACAD,GAAA,EAAKK,SAAA;MACJ,GAAGD,WAAA;MAEJZ,QAAA,iBAAAN,GAAA,CAACN,QAAA,CAASyC,IAAA,EAAT;QACCJ,KAAA,EAAO,CACL;UACEG,eAAA,EAAiB;UACjBD,YAAA,EAAc;UACd9B,KAAA,EAAO;UACP6B,MAAA,EAAQ;QACV,GACA;UACEI,SAAA,EAAW,CACT;YACEC,UAAA,EAAYhB,SAAA,CAAUiB,WAAA,CAAY;cAChCC,UAAA,EAAY,CAAC,GAAG,CAAC;cACjBC,WAAA,EAAa,CAAC,GAAG,EAAE;YACrB,CAAC;UACH;QAEJ;MACF,CACF;IAAA,CACF,GACCpB,WAAA;EAAA,CACH;AAEJ,CAAC","ignoreList":[]}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
|
|
2
|
+
import React from "react";
|
|
2
3
|
import { useSwitch } from "@tamagui/switch-headless";
|
|
3
|
-
import { forwardRef, useEffect, useRef, useState } from "react";
|
|
4
4
|
import { Animated, Pressable } from "react-native";
|
|
5
5
|
import { Label, XStack, YStack } from "tamagui";
|
|
6
6
|
function _array_like_to_array(arr, len) {
|
|
@@ -99,12 +99,12 @@ function SwitchHeadlessDemo() {
|
|
|
99
99
|
})
|
|
100
100
|
});
|
|
101
101
|
}
|
|
102
|
-
var HeadlessSwitch = /* @__PURE__ */ forwardRef(function(props, ref) {
|
|
103
|
-
var
|
|
102
|
+
var HeadlessSwitch = /* @__PURE__ */ React.forwardRef(function(props, ref) {
|
|
103
|
+
var _React_useState = _sliced_to_array(React.useState(props.defaultChecked || !1), 2), checked = _React_useState[0], setChecked = _React_useState[1], _useSwitch = useSwitch(props, [
|
|
104
104
|
checked,
|
|
105
105
|
setChecked
|
|
106
|
-
], ref), switchProps = _useSwitch.switchProps, switchRef = _useSwitch.switchRef, bubbleInput = _useSwitch.bubbleInput, animation = useRef(new Animated.Value(checked ? 1 : 0)).current;
|
|
107
|
-
return useEffect(function() {
|
|
106
|
+
], ref), switchProps = _useSwitch.switchProps, switchRef = _useSwitch.switchRef, bubbleInput = _useSwitch.bubbleInput, animation = React.useRef(new Animated.Value(checked ? 1 : 0)).current;
|
|
107
|
+
return React.useEffect(function() {
|
|
108
108
|
Animated.timing(animation, {
|
|
109
109
|
toValue: checked ? 1 : 0,
|
|
110
110
|
duration: 100,
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/Users/n8/tamagui/code/demos/src/SwitchHeadlessDemo.tsx"],
|
|
4
|
-
"mappings": ";
|
|
5
|
-
"names": ["
|
|
4
|
+
"mappings": ";AAAA,OAAOA,WAAW;AAElB,SAASC,iBAAiB;AAG1B,SAASC,UAAUC,iBAAiB;AACpC,SAASC,OAAOC,QAAQC,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAE/B,SAASC,qBAAAA;AACd,SACE,qBAACD,QAAAA;IAAOE,OAAO;IAAKC,YAAW;IAASC,OAAM;cAC5C,sBAACL,QAAAA;MAAOM,KAAI;MAAKF,YAAW;;QAC1B,qBAACL,OAAAA;UAAMQ,SAAQ;oBAAW;;QAC1B,qBAACC,gBAAAA;UAAeC,gBAAc;UAACC,IAAG;;;;;AAI1C;AAEA,IAAMF,iBAAiBb,sBAAMgB,WAAsC,SAACC,OAAOC,KAAAA;AACzE,MAA8BlB,kBAAAA,iBAAAA,MAAMmB,SAASF,MAAMH,kBAAkB,EAAA,GAAA,CAAA,GAA9DM,UAAuBpB,gBAAAA,CAAAA,GAAdqB,aAAcrB,gBAAAA,CAAAA,GACkBC,aAAAA,UAC9CgB,OACA;IAACG;IAASC;KACVH,GAAAA,GAHMI,cAAwCrB,WAAxCqB,aAAaC,YAA2BtB,WAA3BsB,WAAWC,cAAgBvB,WAAhBuB,aAM1BC,YAAYzB,MAAM0B,OAAO,IAAIxB,SAASyB,MAAMP,UAAU,IAAI,CAAA,CAAA,EAAIQ;AAEpE5B,eAAM6B,UAAU,WAAA;AACd3B,aAAS4B,OAAOL,WAAW;MACzBM,SAASX,UAAU,IAAI;MACvBY,UAAU;MACVC,iBAAiB;IACnB,CAAA,EAAGC,MAAK;EACV,GAAG;IAACd;GAAQ,GAGV,sBAAA,WAAA;;MACE,qBAACjB,WAAAA,qBAAAA,eAAAA;QACCgC,OAAO;UACL3B,OAAO;UACP4B,QAAQ;UACRC,cAAc;UACdC,iBAAiBlB,UAAU,cAAc;QAC3C;QACAF,KAAKK;SACDD,WAAAA,GAAAA;kBAEJ,qBAACpB,SAASqC,MAAI;UACZJ,OAAO;YACL;cACEG,iBAAiB;cACjBD,cAAc;cACd7B,OAAO;cACP4B,QAAQ;YACV;YACA;cACEI,WAAW;gBACT;kBACEC,YAAYhB,UAAUiB,YAAY;oBAChCC,YAAY;sBAAC;sBAAG;;oBAChBC,aAAa;sBAAC;sBAAG;;kBACnB,CAAA;gBACF;;YAEJ;;;;MAILpB;;;AAGP,CAAA;",
|
|
5
|
+
"names": ["React", "useSwitch", "Animated", "Pressable", "Label", "XStack", "YStack", "SwitchHeadlessDemo", "width", "alignItems", "space", "gap", "htmlFor", "HeadlessSwitch", "defaultChecked", "id", "forwardRef", "props", "ref", "useState", "checked", "setChecked", "switchProps", "switchRef", "bubbleInput", "animation", "useRef", "Value", "current", "useEffect", "timing", "toValue", "duration", "useNativeDriver", "start", "style", "height", "borderRadius", "backgroundColor", "View", "transform", "translateX", "interpolate", "inputRange", "outputRange"]
|
|
6
6
|
}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import
|
|
1
|
+
import React from "react";
|
|
2
2
|
import {
|
|
3
3
|
AnimatePresence,
|
|
4
4
|
Button,
|
|
@@ -14,7 +14,7 @@ const demos = ["background", "underline"], demosTitle = {
|
|
|
14
14
|
background: "Background Indicator",
|
|
15
15
|
underline: "Underline Indicator"
|
|
16
16
|
}, TabsAdvancedDemo = () => {
|
|
17
|
-
const [demoIndex, setDemoIndex] = useState(0), demo = demos[demoIndex];
|
|
17
|
+
const [demoIndex, setDemoIndex] = React.useState(0), demo = demos[demoIndex];
|
|
18
18
|
return /* @__PURE__ */ jsxs(Fragment, { children: [
|
|
19
19
|
demo === "underline" ? /* @__PURE__ */ jsx(TabsAdvancedUnderline, {}) : /* @__PURE__ */ jsx(TabsAdvancedBackground, {}),
|
|
20
20
|
/* @__PURE__ */ jsx(
|
|
@@ -31,7 +31,7 @@ const demos = ["background", "underline"], demosTitle = {
|
|
|
31
31
|
)
|
|
32
32
|
] });
|
|
33
33
|
}, TabsAdvancedBackground = () => {
|
|
34
|
-
const [tabState, setTabState] = useState({
|
|
34
|
+
const [tabState, setTabState] = React.useState({
|
|
35
35
|
activeAt: null,
|
|
36
36
|
currentTab: "tab1",
|
|
37
37
|
intentAt: null,
|
|
@@ -127,7 +127,7 @@ const demos = ["background", "underline"], demosTitle = {
|
|
|
127
127
|
}
|
|
128
128
|
);
|
|
129
129
|
}, TabsAdvancedUnderline = () => {
|
|
130
|
-
const [tabState, setTabState] = useState({
|
|
130
|
+
const [tabState, setTabState] = React.useState({
|
|
131
131
|
activeAt: null,
|
|
132
132
|
currentTab: "tab1",
|
|
133
133
|
intentAt: null,
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/TabsAdvancedDemo.tsx"],
|
|
4
|
-
"mappings": "AAAA,
|
|
4
|
+
"mappings": "AAAA,OAAO,WAAW;AAElB;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAYH,mBAC0B,KAD1B;AAVJ,MAAM,QAAQ,CAAC,cAAc,WAAW,GAClC,aAAqD;AAAA,EACzD,YAAY;AAAA,EACZ,WAAW;AACb,GAEa,mBAAmB,MAAM;AACpC,QAAM,CAAC,WAAW,YAAY,IAAI,MAAM,SAAS,CAAC,GAC5C,OAAO,MAAM,SAAS;AAC5B,SACE,iCACG;AAAA,aAAS,cAAc,oBAAC,yBAAsB,IAAK,oBAAC,0BAAuB;AAAA,IAE5E;AAAA,MAAC;AAAA;AAAA,QACC,YAAW;AAAA,QACX,OAAK;AAAA,QACL,UAAS;AAAA,QACT,QAAO;AAAA,QACP,MAAK;AAAA,QACL,MAAM,EAAE,SAAS,OAAO;AAAA,QAExB,8BAAC,UAAO,MAAK,MAAK,SAAS,MAAM,aAAa,CAAC,OAAO,IAAI,KAAK,MAAM,MAAM,GACxE,qBAAW,IAAI,GAClB;AAAA;AAAA,IACF;AAAA,KACF;AAEJ,GAEM,yBAAyB,MAAM;AACnC,QAAM,CAAC,UAAU,WAAW,IAAI,MAAM,SAcnC;AAAA,IACD,UAAU;AAAA,IACV,YAAY;AAAA,IACZ,UAAU;AAAA,IACV,cAAc;AAAA,EAChB,CAAC,GAEK,gBAAgB,CAACA,gBAAuB,YAAY,EAAE,GAAG,UAAU,YAAAA,YAAW,CAAC,GAC/E,qBAAqB,CAACC,cAAa,YAAY,EAAE,GAAG,UAAU,UAAAA,UAAS,CAAC,GACxE,qBAAqB,CAACC,cAC1B,YAAY,EAAE,GAAG,UAAU,cAAc,SAAS,UAAU,UAAAA,UAAS,CAAC,GAClE,EAAE,UAAU,UAAU,cAAc,WAAW,IAAI,UAGnD,YACA,CAAC,YAAY,CAAC,gBAAgB,SAAS,MAAM,aAAa,IACrD,IAEF,SAAS,IAAI,aAAa,IAAI,KAAK,GAGtC,sBAAqD,CAAC,MAAM,WAAW;AAC3E,IAAI,SAAS,WACX,mBAAmB,MAAM,IAEzB,mBAAmB,MAAM;AAAA,EAE7B;AAEA,SACE;AAAA,IAAC;AAAA;AAAA,MACC,OAAO;AAAA,MACP,eAAe;AAAA,MACf,aAAY;AAAA,MACZ,MAAK;AAAA,MACL,SAAQ;AAAA,MACR,QAAQ;AAAA,MACR,eAAc;AAAA,MACd,gBAAe;AAAA,MACf,iBAAgB;AAAA,MAChB,cAAa;AAAA,MACb,UAAS;AAAA,MAET;AAAA,6BAAC,UACC;AAAA,8BAAC,mBACE,sBACC;AAAA,YAAC;AAAA;AAAA,cACC,cAAa;AAAA,cACb,OAAO,SAAS;AAAA,cAChB,QAAQ,SAAS;AAAA,cACjB,GAAG,SAAS;AAAA,cACZ,GAAG,SAAS;AAAA;AAAA,UACd,GAEJ;AAAA,UACA,oBAAC,mBACE,sBACC;AAAA,YAAC;AAAA;AAAA,cACC,cAAa;AAAA,cACb,OAAM;AAAA,cACN,OAAO,SAAS;AAAA,cAChB,QAAQ,SAAS;AAAA,cACjB,GAAG,SAAS;AAAA,cACZ,GAAG,SAAS;AAAA;AAAA,UACd,GAEJ;AAAA,UAEA;AAAA,YAAC,KAAK;AAAA,YAAL;AAAA,cACC,yBAAuB;AAAA,cACvB,MAAM;AAAA,cACN,cAAW;AAAA,cACX,KAAI;AAAA,cACJ,iBAAgB;AAAA,cAEhB;AAAA;AAAA,kBAAC,KAAK;AAAA,kBAAL;AAAA,oBACC,UAAQ;AAAA,oBACR,iBAAgB;AAAA,oBAChB,mBAAkB;AAAA,oBAClB,OAAM;AAAA,oBACN,eAAe;AAAA,oBAEf,8BAAC,eAAY,qBAAO;AAAA;AAAA,gBACtB;AAAA,gBACA;AAAA,kBAAC,KAAK;AAAA,kBAAL;AAAA,oBACC,UAAQ;AAAA,oBACR,iBAAgB;AAAA,oBAChB,mBAAkB;AAAA,oBAClB,OAAM;AAAA,oBACN,eAAe;AAAA,oBAEf,8BAAC,eAAY,yBAAW;AAAA;AAAA,gBAC1B;AAAA,gBACA;AAAA,kBAAC,KAAK;AAAA,kBAAL;AAAA,oBACC,UAAQ;AAAA,oBACR,iBAAgB;AAAA,oBAChB,mBAAkB;AAAA,oBAClB,OAAM;AAAA,oBACN,eAAe;AAAA,oBAEf,8BAAC,eAAY,2BAAa;AAAA;AAAA,gBAC5B;AAAA;AAAA;AAAA,UACF;AAAA,WACF;AAAA,QAEA,oBAAC,mBAAgB,iBAAe,IAAC,QAAQ,EAAE,UAAU,GAAG,SAAS,IAC/D,8BAAC,kBACC,8BAAC,KAAK,SAAL,EAAa,OAAO,YAAY,YAAU,IAAC,MAAM,GAAG,gBAAe,UAClE,8BAAC,MAAG,WAAU,UAAU,sBAAW,GACrC,KAHmB,UAIrB,GACF;AAAA;AAAA;AAAA,EACF;AAEJ,GAEM,wBAAwB,MAAM;AAClC,QAAM,CAAC,UAAU,WAAW,IAAI,MAAM,SAcnC;AAAA,IACD,UAAU;AAAA,IACV,YAAY;AAAA,IACZ,UAAU;AAAA,IACV,cAAc;AAAA,EAChB,CAAC,GAEK,gBAAgB,CAACF,gBAAuB,YAAY,EAAE,GAAG,UAAU,YAAAA,YAAW,CAAC,GAC/E,qBAAqB,CAACC,cAAa,YAAY,EAAE,GAAG,UAAU,UAAAA,UAAS,CAAC,GACxE,qBAAqB,CAACC,cAC1B,YAAY,EAAE,GAAG,UAAU,cAAc,SAAS,UAAU,UAAAA,UAAS,CAAC,GAClE,EAAE,UAAU,UAAU,cAAc,WAAW,IAAI,UAGnD,YACA,CAAC,YAAY,CAAC,gBAAgB,SAAS,MAAM,aAAa,IACrD,IAEF,SAAS,IAAI,aAAa,IAAI,KAAK,GAGtC,sBAAqD,CAAC,MAAM,WAAW;AAC3E,IAAI,SAAS,WACX,mBAAmB,MAAM,IAEzB,mBAAmB,MAAM;AAAA,EAE7B;AAEA,SACE;AAAA,IAAC;AAAA;AAAA,MACC,OAAO;AAAA,MACP,eAAe;AAAA,MACf,aAAY;AAAA,MACZ,MAAK;AAAA,MACL,QAAQ;AAAA,MACR,eAAc;AAAA,MACd,gBAAe;AAAA,MACf,iBAAgB;AAAA,MAChB,cAAa;AAAA,MAEb;AAAA,6BAAC,UACC;AAAA,8BAAC,mBACE,sBACC;AAAA,YAAC;AAAA;AAAA,cACC,OAAO,SAAS;AAAA,cAChB,QAAO;AAAA,cACP,GAAG,SAAS;AAAA,cACZ,QAAQ;AAAA;AAAA,UACV,GAEJ;AAAA,UACA,oBAAC,mBACE,sBACC;AAAA,YAAC;AAAA;AAAA,cACC,OAAM;AAAA,cACN,QAAM;AAAA,cACN,OAAO,SAAS;AAAA,cAChB,QAAO;AAAA,cACP,GAAG,SAAS;AAAA,cACZ,QAAQ;AAAA;AAAA,UACV,GAEJ;AAAA,UACA;AAAA,YAAC,KAAK;AAAA,YAAL;AAAA,cACC,yBAAuB;AAAA,cACvB,MAAM;AAAA,cACN,cAAW;AAAA,cACX,wBAAwB;AAAA,cACxB,yBAAyB;AAAA,cACzB,eAAc;AAAA,cACd,aAAY;AAAA,cACZ,mBAAkB;AAAA,cAClB,iBAAgB;AAAA,cAEhB;AAAA;AAAA,kBAAC,KAAK;AAAA,kBAAL;AAAA,oBACC,UAAQ;AAAA,oBACR,mBAAkB;AAAA,oBAClB,iBAAgB;AAAA,oBAChB,OAAM;AAAA,oBACN,eAAe;AAAA,oBAEf,8BAAC,eAAY,qBAAO;AAAA;AAAA,gBACtB;AAAA,gBACA;AAAA,kBAAC,KAAK;AAAA,kBAAL;AAAA,oBACC,UAAQ;AAAA,oBACR,mBAAkB;AAAA,oBAClB,iBAAgB;AAAA,oBAChB,OAAM;AAAA,oBACN,eAAe;AAAA,oBAEf,8BAAC,eAAY,yBAAW;AAAA;AAAA,gBAC1B;AAAA,gBACA;AAAA,kBAAC,KAAK;AAAA,kBAAL;AAAA,oBACC,UAAQ;AAAA,oBACR,mBAAkB;AAAA,oBAClB,iBAAgB;AAAA,oBAChB,OAAM;AAAA,oBACN,eAAe;AAAA,oBAEf,8BAAC,eAAY,2BAAa;AAAA;AAAA,gBAC5B;AAAA;AAAA;AAAA,UACF;AAAA,WACF;AAAA,QAEA,oBAAC,mBAAgB,iBAAe,IAAC,QAAQ,EAAE,UAAU,GAAG,SAAS,IAC/D,8BAAC,kBACC,8BAAC,KAAK,SAAL,EAAa,OAAO,YAAY,YAAU,IAAC,MAAM,GAAG,gBAAe,UAClE,8BAAC,MAAG,WAAU,UAAU,sBAAW,GACrC,KAHmB,UAIrB,GACF;AAAA;AAAA;AAAA,EACF;AAEJ,GAEM,sBAAsB,CAAC,EAAE,QAAQ,GAAG,MAAM,MAE5C;AAAA,EAAC;AAAA;AAAA,IACC,UAAS;AAAA,IACT,iBAAgB;AAAA,IAChB,SAAS;AAAA,IACT,WAAU;AAAA,IACV,YAAY;AAAA,MACV,SAAS;AAAA,IACX;AAAA,IACA,WAAW;AAAA,MACT,SAAS;AAAA,IACX;AAAA,IACC,GAAI,UAAU;AAAA,MACb,iBAAiB;AAAA,MACjB,SAAS;AAAA,IACX;AAAA,IACC,GAAG;AAAA;AACN,GAIE,iBAAiB,OAAO,QAAQ;AAAA,EACpC,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AAAA,EAEH,WAAW;AAAA,EACX,UAAU;AAAA;AAAA,IAER,WAAW;AAAA,MACT,WAAW,CAAC,eAAe;AAAA,QACzB,YAAY;AAAA,UACV,GAAG,YAAY,IAAI,MAAM;AAAA,UACzB,SAAS;AAAA,QACX;AAAA,QACA,WAAW;AAAA,UACT,QAAQ;AAAA,UACR,GAAG,YAAY,IAAI,MAAM;AAAA,UACzB,SAAS;AAAA,QACX;AAAA,MACF;AAAA,IACF;AAAA,EACF;AACF,CAAC;",
|
|
5
5
|
"names": ["currentTab", "intentAt", "activeAt"]
|
|
6
6
|
}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import
|
|
1
|
+
import React from "react";
|
|
2
2
|
import { AnimatePresence, Button, H5, SizableText, Tabs, XStack, YStack, styled } from "tamagui";
|
|
3
3
|
import { Fragment, jsx, jsxs } from "react/jsx-runtime";
|
|
4
4
|
const demos = ["background", "underline"],
|
|
@@ -7,7 +7,7 @@ const demos = ["background", "underline"],
|
|
|
7
7
|
underline: "Underline Indicator"
|
|
8
8
|
},
|
|
9
9
|
TabsAdvancedDemo = () => {
|
|
10
|
-
const [demoIndex, setDemoIndex] = useState(0),
|
|
10
|
+
const [demoIndex, setDemoIndex] = React.useState(0),
|
|
11
11
|
demo = demos[demoIndex];
|
|
12
12
|
return /* @__PURE__ */jsxs(Fragment, {
|
|
13
13
|
children: [demo === "underline" ? /* @__PURE__ */jsx(TabsAdvancedUnderline, {}) : /* @__PURE__ */jsx(TabsAdvancedBackground, {}), /* @__PURE__ */jsx(XStack, {
|
|
@@ -28,7 +28,7 @@ const demos = ["background", "underline"],
|
|
|
28
28
|
});
|
|
29
29
|
},
|
|
30
30
|
TabsAdvancedBackground = () => {
|
|
31
|
-
const [tabState, setTabState] = useState({
|
|
31
|
+
const [tabState, setTabState] = React.useState({
|
|
32
32
|
activeAt: null,
|
|
33
33
|
currentTab: "tab1",
|
|
34
34
|
intentAt: null,
|
|
@@ -144,7 +144,7 @@ const demos = ["background", "underline"],
|
|
|
144
144
|
});
|
|
145
145
|
},
|
|
146
146
|
TabsAdvancedUnderline = () => {
|
|
147
|
-
const [tabState, setTabState] = useState({
|
|
147
|
+
const [tabState, setTabState] = React.useState({
|
|
148
148
|
activeAt: null,
|
|
149
149
|
currentTab: "tab1",
|
|
150
150
|
intentAt: null,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["
|
|
1
|
+
{"version":3,"names":["React","AnimatePresence","Button","H5","SizableText","Tabs","XStack","YStack","styled","Fragment","jsx","jsxs","demos","demosTitle","background","underline","TabsAdvancedDemo","demoIndex","setDemoIndex","useState","demo","children","TabsAdvancedUnderline","TabsAdvancedBackground","alignItems","space","position","bottom","left","$xxs","display","size","onPress","x","length","tabState","setTabState","activeAt","currentTab","intentAt","prevActiveAt","setCurrentTab","currentTab2","setIntentIndicator","intentAt2","setActiveIndicator","activeAt2","direction","handleOnInteraction","type","layout","value","onValueChange","orientation","padding","height","flexDirection","activationMode","backgroundColor","borderRadius","TabsRovingIndicator","width","y","theme","List","disablePassBorderRadius","loop","gap","Tab","unstyled","paddingVertical","paddingHorizontal","onInteraction","exitBeforeEnter","custom","initial","AnimatedYStack","Content","forceMount","flex","justifyContent","textAlign","active","borderBottomLeftRadius","borderBottomRightRadius","paddingBottom","borderColor","borderBottomWidth","props","opacity","animation","enterStyle","exitStyle","f","o","variants","zIndex"],"sources":["../../src/TabsAdvancedDemo.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
|
|
2
|
-
import
|
|
2
|
+
import React from "react";
|
|
3
3
|
import { AnimatePresence, Button, H5, SizableText, Tabs, XStack, YStack, styled } from "tamagui";
|
|
4
4
|
function _array_like_to_array(arr, len) {
|
|
5
5
|
(len == null || len > arr.length) && (len = arr.length);
|
|
@@ -100,7 +100,7 @@ var demos = [
|
|
|
100
100
|
background: "Background Indicator",
|
|
101
101
|
underline: "Underline Indicator"
|
|
102
102
|
}, TabsAdvancedDemo = function() {
|
|
103
|
-
var
|
|
103
|
+
var _React_useState = _sliced_to_array(React.useState(0), 2), demoIndex = _React_useState[0], setDemoIndex = _React_useState[1], demo = demos[demoIndex];
|
|
104
104
|
return /* @__PURE__ */ _jsxs(_Fragment, {
|
|
105
105
|
children: [
|
|
106
106
|
demo === "underline" ? /* @__PURE__ */ _jsx(TabsAdvancedUnderline, {}) : /* @__PURE__ */ _jsx(TabsAdvancedBackground, {}),
|
|
@@ -126,7 +126,7 @@ var demos = [
|
|
|
126
126
|
]
|
|
127
127
|
});
|
|
128
128
|
}, TabsAdvancedBackground = function() {
|
|
129
|
-
var
|
|
129
|
+
var _React_useState = _sliced_to_array(React.useState(
|
|
130
130
|
/**
|
|
131
131
|
* Layout of the Tab user might intend to select (hovering / focusing)
|
|
132
132
|
*/
|
|
@@ -142,7 +142,7 @@ var demos = [
|
|
|
142
142
|
intentAt: null,
|
|
143
143
|
prevActiveAt: null
|
|
144
144
|
}
|
|
145
|
-
), 2), tabState =
|
|
145
|
+
), 2), tabState = _React_useState[0], setTabState = _React_useState[1], setCurrentTab = function(currentTab2) {
|
|
146
146
|
return setTabState(_object_spread_props(_object_spread({}, tabState), {
|
|
147
147
|
currentTab: currentTab2
|
|
148
148
|
}));
|
|
@@ -257,7 +257,7 @@ var demos = [
|
|
|
257
257
|
]
|
|
258
258
|
});
|
|
259
259
|
}, TabsAdvancedUnderline = function() {
|
|
260
|
-
var
|
|
260
|
+
var _React_useState = _sliced_to_array(React.useState(
|
|
261
261
|
/**
|
|
262
262
|
* Layout of the Tab user might intend to select (hovering / focusing)
|
|
263
263
|
*/
|
|
@@ -273,7 +273,7 @@ var demos = [
|
|
|
273
273
|
intentAt: null,
|
|
274
274
|
prevActiveAt: null
|
|
275
275
|
}
|
|
276
|
-
), 2), tabState =
|
|
276
|
+
), 2), tabState = _React_useState[0], setTabState = _React_useState[1], setCurrentTab = function(currentTab2) {
|
|
277
277
|
return setTabState(_object_spread_props(_object_spread({}, tabState), {
|
|
278
278
|
currentTab: currentTab2
|
|
279
279
|
}));
|