tamagui 1.0.1-beta.73 → 1.0.1-beta.76
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/esm/createTamagui.js +31 -4
- package/dist/esm/createTamagui.js.map +1 -1
- package/dist/esm/helpers/focusableInputHOC.js +32 -16
- package/dist/esm/helpers/focusableInputHOC.js.map +1 -1
- package/dist/esm/helpers/inputHelpers.js +23 -8
- package/dist/esm/helpers/inputHelpers.js.map +1 -1
- package/dist/esm/views/Anchor.js +45 -15
- package/dist/esm/views/Anchor.js.map +1 -1
- package/dist/esm/views/BlurView.js +47 -13
- package/dist/esm/views/BlurView.js.map +1 -1
- package/dist/esm/views/Group.js +84 -56
- package/dist/esm/views/Group.js.map +1 -1
- package/dist/esm/views/Label.js +44 -14
- package/dist/esm/views/Label.js.map +1 -1
- package/dist/esm/views/LinearGradient.js +32 -5
- package/dist/esm/views/LinearGradient.js.map +1 -1
- package/dist/esm/views/SafeAreaProvider.js +1 -1
- package/dist/esm/views/SafeAreaProvider.js.map +1 -1
- package/dist/esm/views/Skeleton.js +36 -9
- package/dist/esm/views/Skeleton.js.map +1 -1
- package/dist/esm/views/Spinner.js +34 -7
- package/dist/esm/views/Spinner.js.map +1 -1
- package/dist/esm/views/Switch.js +63 -23
- package/dist/esm/views/Switch.js.map +1 -1
- package/dist/esm/views/Toast.js +23 -6
- package/dist/esm/views/Toast.js.map +1 -1
- package/package.json +28 -28
|
@@ -1,13 +1,40 @@
|
|
|
1
|
+
var __defProp = Object.defineProperty;
|
|
2
|
+
var __getOwnPropSymbols = Object.getOwnPropertySymbols;
|
|
3
|
+
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
4
|
+
var __propIsEnum = Object.prototype.propertyIsEnumerable;
|
|
5
|
+
var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
|
|
6
|
+
var __spreadValues = (a, b) => {
|
|
7
|
+
for (var prop in b || (b = {}))
|
|
8
|
+
if (__hasOwnProp.call(b, prop))
|
|
9
|
+
__defNormalProp(a, prop, b[prop]);
|
|
10
|
+
if (__getOwnPropSymbols)
|
|
11
|
+
for (var prop of __getOwnPropSymbols(b)) {
|
|
12
|
+
if (__propIsEnum.call(b, prop))
|
|
13
|
+
__defNormalProp(a, prop, b[prop]);
|
|
14
|
+
}
|
|
15
|
+
return a;
|
|
16
|
+
};
|
|
17
|
+
var __objRest = (source, exclude) => {
|
|
18
|
+
var target = {};
|
|
19
|
+
for (var prop in source)
|
|
20
|
+
if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
|
|
21
|
+
target[prop] = source[prop];
|
|
22
|
+
if (source != null && __getOwnPropSymbols)
|
|
23
|
+
for (var prop of __getOwnPropSymbols(source)) {
|
|
24
|
+
if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
|
|
25
|
+
target[prop] = source[prop];
|
|
26
|
+
}
|
|
27
|
+
return target;
|
|
28
|
+
};
|
|
1
29
|
import * as Core from "@tamagui/core";
|
|
2
30
|
import * as React from "react";
|
|
3
31
|
import { SafeAreaProvider } from "./views/SafeAreaProvider";
|
|
4
32
|
function createTamagui(config) {
|
|
5
33
|
const conf = Core.createTamagui(config);
|
|
6
34
|
const OGProvider = conf.Provider;
|
|
7
|
-
conf.Provider = (
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
}, children));
|
|
35
|
+
conf.Provider = (_a) => {
|
|
36
|
+
var _b = _a, { children } = _b, props = __objRest(_b, ["children"]);
|
|
37
|
+
return /* @__PURE__ */ React.createElement(SafeAreaProvider, null, /* @__PURE__ */ React.createElement(OGProvider, __spreadValues({}, props), children));
|
|
11
38
|
};
|
|
12
39
|
return conf;
|
|
13
40
|
}
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/createTamagui.tsx"],
|
|
4
4
|
"sourcesContent": ["import * as Core from '@tamagui/core'\nimport { CreateTamaguiProps, InferTamaguiConfig, TamaguiProviderProps } from '@tamagui/core'\nimport * as React from 'react'\n\nimport { SafeAreaProvider } from './views/SafeAreaProvider'\n\nexport function createTamagui<Conf extends CreateTamaguiProps>(\n config: Conf\n): InferTamaguiConfig<Conf> {\n const conf = Core.createTamagui(config)\n\n // add our providers\n const OGProvider = conf.Provider\n conf.Provider = ({ children, ...props }: TamaguiProviderProps) => {\n return (\n <SafeAreaProvider>\n <OGProvider {...props}>{children}</OGProvider>\n </SafeAreaProvider>\n )\n }\n\n return conf\n}\n"],
|
|
5
|
-
"mappings": "AAAA;AAEA;AAEA;AAEO,uBACL,QAC0B;AAC1B,QAAM,OAAO,KAAK,cAAc,MAAM;AAGtC,QAAM,aAAa,KAAK;AACxB,OAAK,WAAW,CAAC,
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAEA;AAEA;AAEO,uBACL,QAC0B;AAC1B,QAAM,OAAO,KAAK,cAAc,MAAM;AAGtC,QAAM,aAAa,KAAK;AACxB,OAAK,WAAW,CAAC,OAAiD;AAAjD,iBAAE,eAAF,IAAe,kBAAf,IAAe,CAAb;AACjB,WACE,oCAAC,wBACC,oCAAC,+BAAe,QAAQ,QAAS,CACnC;AAAA,EAEJ;AAEA,SAAO;AACT;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -1,3 +1,22 @@
|
|
|
1
|
+
var __defProp = Object.defineProperty;
|
|
2
|
+
var __defProps = Object.defineProperties;
|
|
3
|
+
var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
|
|
4
|
+
var __getOwnPropSymbols = Object.getOwnPropertySymbols;
|
|
5
|
+
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
6
|
+
var __propIsEnum = Object.prototype.propertyIsEnumerable;
|
|
7
|
+
var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
|
|
8
|
+
var __spreadValues = (a, b) => {
|
|
9
|
+
for (var prop in b || (b = {}))
|
|
10
|
+
if (__hasOwnProp.call(b, prop))
|
|
11
|
+
__defNormalProp(a, prop, b[prop]);
|
|
12
|
+
if (__getOwnPropSymbols)
|
|
13
|
+
for (var prop of __getOwnPropSymbols(b)) {
|
|
14
|
+
if (__propIsEnum.call(b, prop))
|
|
15
|
+
__defNormalProp(a, prop, b[prop]);
|
|
16
|
+
}
|
|
17
|
+
return a;
|
|
18
|
+
};
|
|
19
|
+
var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
|
|
1
20
|
import { composeRefs } from "@tamagui/compose-refs";
|
|
2
21
|
import { isTamaguiComponent } from "@tamagui/core";
|
|
3
22
|
import React, { useRef } from "react";
|
|
@@ -12,17 +31,16 @@ function focusableInputHOC(Component) {
|
|
|
12
31
|
return;
|
|
13
32
|
if (!input)
|
|
14
33
|
return;
|
|
15
|
-
registerFocusable(props.id, {
|
|
16
|
-
focus: input.focus
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
}
|
|
34
|
+
registerFocusable(props.id, __spreadValues({
|
|
35
|
+
focus: input.focus
|
|
36
|
+
}, isInput && {
|
|
37
|
+
focusAndSelect() {
|
|
38
|
+
input.focus();
|
|
39
|
+
if (input.setSelection && typeof inputValue.current === "string") {
|
|
40
|
+
input.setSelection(0, inputValue.current.length);
|
|
23
41
|
}
|
|
24
42
|
}
|
|
25
|
-
});
|
|
43
|
+
}));
|
|
26
44
|
}, [props.id]);
|
|
27
45
|
const combinedRefs = composeRefs(ref, inputRef);
|
|
28
46
|
useEffect(() => {
|
|
@@ -32,18 +50,16 @@ function focusableInputHOC(Component) {
|
|
|
32
50
|
unregisterFocusable(props.id);
|
|
33
51
|
};
|
|
34
52
|
}, [props.id]);
|
|
35
|
-
const finalProps = isInput ? {
|
|
36
|
-
...props,
|
|
53
|
+
const finalProps = isInput ? __spreadProps(__spreadValues({}, props), {
|
|
37
54
|
onChangeText(value) {
|
|
38
55
|
var _a;
|
|
39
56
|
inputValue.current = value;
|
|
40
57
|
(_a = props.onChangeText) == null ? void 0 : _a.call(props, value);
|
|
41
58
|
}
|
|
42
|
-
} : props;
|
|
43
|
-
return /* @__PURE__ */ React.createElement(Component, {
|
|
44
|
-
ref: combinedRefs
|
|
45
|
-
|
|
46
|
-
});
|
|
59
|
+
}) : props;
|
|
60
|
+
return /* @__PURE__ */ React.createElement(Component, __spreadValues({
|
|
61
|
+
ref: combinedRefs
|
|
62
|
+
}, finalProps));
|
|
47
63
|
});
|
|
48
64
|
}
|
|
49
65
|
export {
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../src/helpers/focusableInputHOC.tsx"],
|
|
4
4
|
"sourcesContent": ["import { composeRefs } from '@tamagui/compose-refs'\nimport { isTamaguiComponent } from '@tamagui/core'\nimport React, { useRef } from 'react'\nimport { forwardRef, useCallback, useEffect } from 'react'\n\nimport { registerFocusable, unregisterFocusable } from '../lib/registerFocusable'\n\nexport function focusableInputHOC<A extends Function>(Component: A): A {\n return forwardRef(\n (\n props: {\n id?: string\n onChangeText?: (val: string) => void\n value?: string\n defaultValue?: string\n },\n ref\n ) => {\n const isInput = isTamaguiComponent(Component) && Component.staticConfig.isInput\n const inputValue = useRef(props.value || props.defaultValue || '')\n\n const inputRef = useCallback(\n (input) => {\n if (!props.id) return\n if (!input) return\n registerFocusable(props.id, {\n focus: input.focus,\n\n ...(isInput && {\n // react-native doesn't support programmatic .select()\n focusAndSelect() {\n input.focus()\n if (input.setSelection && typeof inputValue.current === 'string') {\n input.setSelection(0, inputValue.current.length)\n }\n },\n }),\n })\n },\n [props.id]\n )\n\n const combinedRefs = composeRefs(ref, inputRef)\n\n useEffect(() => {\n return () => {\n if (!props.id) return\n unregisterFocusable(props.id)\n }\n }, [props.id])\n\n const finalProps = isInput\n ? {\n ...props,\n onChangeText(value) {\n inputValue.current = value\n props.onChangeText?.(value)\n },\n }\n : props\n\n return <Component ref={combinedRefs} {...finalProps} />\n }\n ) as any\n}\n"],
|
|
5
|
-
"mappings": "AAAA;AACA;AACA;AACA;AAEA;AAEO,2BAA+C,WAAiB;AACrE,SAAO,WACL,CACE,OAMA,QACG;AACH,UAAM,UAAU,mBAAmB,SAAS,KAAK,UAAU,aAAa;AACxE,UAAM,aAAa,OAAO,MAAM,SAAS,MAAM,gBAAgB,EAAE;AAEjE,UAAM,WAAW,YACf,CAAC,UAAU;AACT,UAAI,CAAC,MAAM;AAAI;AACf,UAAI,CAAC;AAAO;AACZ,wBAAkB,MAAM,IAAI;AAAA,QAC1B,OAAO,MAAM;AAAA,
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;AAAA;AACA;AACA;AACA;AAEA;AAEO,2BAA+C,WAAiB;AACrE,SAAO,WACL,CACE,OAMA,QACG;AACH,UAAM,UAAU,mBAAmB,SAAS,KAAK,UAAU,aAAa;AACxE,UAAM,aAAa,OAAO,MAAM,SAAS,MAAM,gBAAgB,EAAE;AAEjE,UAAM,WAAW,YACf,CAAC,UAAU;AACT,UAAI,CAAC,MAAM;AAAI;AACf,UAAI,CAAC;AAAO;AACZ,wBAAkB,MAAM,IAAI;AAAA,QAC1B,OAAO,MAAM;AAAA,SAET,WAAW;AAAA,QAEb,iBAAiB;AACf,gBAAM,MAAM;AACZ,cAAI,MAAM,gBAAgB,OAAO,WAAW,YAAY,UAAU;AAChE,kBAAM,aAAa,GAAG,WAAW,QAAQ,MAAM;AAAA,UACjD;AAAA,QACF;AAAA,MACF,EACD;AAAA,IACH,GACA,CAAC,MAAM,EAAE,CACX;AAEA,UAAM,eAAe,YAAY,KAAK,QAAQ;AAE9C,cAAU,MAAM;AACd,aAAO,MAAM;AACX,YAAI,CAAC,MAAM;AAAI;AACf,4BAAoB,MAAM,EAAE;AAAA,MAC9B;AAAA,IACF,GAAG,CAAC,MAAM,EAAE,CAAC;AAEb,UAAM,aAAa,UACf,iCACK,QADL;AAAA,MAEE,aAAa,OAAO;AAtDhC;AAuDc,mBAAW,UAAU;AACrB,oBAAM,iBAAN,+BAAqB;AAAA,MACvB;AAAA,IACF,KACA;AAEJ,WAAO,oCAAC;AAAA,MAAU,KAAK;AAAA,OAAkB,WAAY;AAAA,EACvD,CACF;AACF;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -1,3 +1,22 @@
|
|
|
1
|
+
var __defProp = Object.defineProperty;
|
|
2
|
+
var __defProps = Object.defineProperties;
|
|
3
|
+
var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
|
|
4
|
+
var __getOwnPropSymbols = Object.getOwnPropertySymbols;
|
|
5
|
+
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
6
|
+
var __propIsEnum = Object.prototype.propertyIsEnumerable;
|
|
7
|
+
var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
|
|
8
|
+
var __spreadValues = (a, b) => {
|
|
9
|
+
for (var prop in b || (b = {}))
|
|
10
|
+
if (__hasOwnProp.call(b, prop))
|
|
11
|
+
__defNormalProp(a, prop, b[prop]);
|
|
12
|
+
if (__getOwnPropSymbols)
|
|
13
|
+
for (var prop of __getOwnPropSymbols(b)) {
|
|
14
|
+
if (__propIsEnum.call(b, prop))
|
|
15
|
+
__defNormalProp(a, prop, b[prop]);
|
|
16
|
+
}
|
|
17
|
+
return a;
|
|
18
|
+
};
|
|
19
|
+
var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
|
|
1
20
|
import {
|
|
2
21
|
getButtonSize,
|
|
3
22
|
getTextSize,
|
|
@@ -15,11 +34,9 @@ const inputSizeVariant = (val = "$4", extras) => {
|
|
|
15
34
|
if (!isWeb && fontStyle) {
|
|
16
35
|
delete fontStyle["lineHeight"];
|
|
17
36
|
}
|
|
18
|
-
return {
|
|
19
|
-
...fontStyle,
|
|
20
|
-
...buttonStyles,
|
|
37
|
+
return __spreadProps(__spreadValues(__spreadValues({}, fontStyle), buttonStyles), {
|
|
21
38
|
paddingHorizontal
|
|
22
|
-
};
|
|
39
|
+
});
|
|
23
40
|
};
|
|
24
41
|
const textAreaSizeVariant = (val = "$4", extras) => {
|
|
25
42
|
const { props } = extras;
|
|
@@ -27,12 +44,10 @@ const textAreaSizeVariant = (val = "$4", extras) => {
|
|
|
27
44
|
const fontStyle = getTextSize(val, extras);
|
|
28
45
|
const minHeight = (props.numberOfLines || 1) * getVariableValue(fontStyle.lineHeight);
|
|
29
46
|
const paddingVertical = stepTokenUpOrDown(extras.tokens.space, val, -2, [2]);
|
|
30
|
-
return {
|
|
31
|
-
...buttonStyles,
|
|
32
|
-
...fontStyle,
|
|
47
|
+
return __spreadProps(__spreadValues(__spreadValues({}, buttonStyles), fontStyle), {
|
|
33
48
|
paddingVertical,
|
|
34
49
|
minHeight
|
|
35
|
-
};
|
|
50
|
+
});
|
|
36
51
|
};
|
|
37
52
|
export {
|
|
38
53
|
inputSizeVariant,
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../src/helpers/inputHelpers.tsx"],
|
|
4
4
|
"sourcesContent": ["import {\n SizeVariantSpreadFunction,\n calc,\n getButtonSize,\n getTextSize,\n getVariableValue,\n isWeb,\n stepTokenUpOrDown,\n} from '@tamagui/core'\n\nexport const inputSizeVariant: SizeVariantSpreadFunction<any> = (val = '$4', extras) => {\n if (extras.props.multiline || extras.props.numberOfLines > 1) {\n return textAreaSizeVariant(val, extras)\n }\n const buttonStyles = getButtonSize(val, extras)\n const paddingHorizontal = stepTokenUpOrDown(extras.tokens.space, val, -1, [2])\n const fontStyle = getTextSize(val, extras)\n // lineHeight messes up input on native\n if (!isWeb && fontStyle) {\n delete fontStyle['lineHeight']\n }\n return {\n ...fontStyle,\n ...buttonStyles,\n paddingHorizontal,\n }\n}\n\nexport const textAreaSizeVariant: SizeVariantSpreadFunction<any> = (val = '$4', extras) => {\n const { props } = extras\n const buttonStyles = getButtonSize(val, extras)\n const fontStyle = getTextSize(val, extras)!\n const minHeight = (props.numberOfLines || 1) * getVariableValue(fontStyle.lineHeight)\n const paddingVertical = stepTokenUpOrDown(extras.tokens.space, val, -2, [2])\n return {\n ...buttonStyles,\n ...fontStyle,\n paddingVertical,\n minHeight,\n }\n}\n"],
|
|
5
|
-
"mappings": "AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAUO,MAAM,mBAAmD,CAAC,MAAM,MAAM,WAAW;AACtF,MAAI,OAAO,MAAM,aAAa,OAAO,MAAM,gBAAgB,GAAG;AAC5D,WAAO,oBAAoB,KAAK,MAAM;AAAA,EACxC;AACA,QAAM,eAAe,cAAc,KAAK,MAAM;AAC9C,QAAM,oBAAoB,kBAAkB,OAAO,OAAO,OAAO,KAAK,IAAI,CAAC,CAAC,CAAC;AAC7E,QAAM,YAAY,YAAY,KAAK,MAAM;AAEzC,MAAI,CAAC,SAAS,WAAW;AACvB,WAAO,UAAU;AAAA,EACnB;AACA,SAAO
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAUO,MAAM,mBAAmD,CAAC,MAAM,MAAM,WAAW;AACtF,MAAI,OAAO,MAAM,aAAa,OAAO,MAAM,gBAAgB,GAAG;AAC5D,WAAO,oBAAoB,KAAK,MAAM;AAAA,EACxC;AACA,QAAM,eAAe,cAAc,KAAK,MAAM;AAC9C,QAAM,oBAAoB,kBAAkB,OAAO,OAAO,OAAO,KAAK,IAAI,CAAC,CAAC,CAAC;AAC7E,QAAM,YAAY,YAAY,KAAK,MAAM;AAEzC,MAAI,CAAC,SAAS,WAAW;AACvB,WAAO,UAAU;AAAA,EACnB;AACA,SAAO,gDACF,YACA,eAFE;AAAA,IAGL;AAAA,EACF;AACF;AAEO,MAAM,sBAAsD,CAAC,MAAM,MAAM,WAAW;AACzF,QAAM,EAAE,UAAU;AAClB,QAAM,eAAe,cAAc,KAAK,MAAM;AAC9C,QAAM,YAAY,YAAY,KAAK,MAAM;AACzC,QAAM,YAAa,OAAM,iBAAiB,KAAK,iBAAiB,UAAU,UAAU;AACpF,QAAM,kBAAkB,kBAAkB,OAAO,OAAO,OAAO,KAAK,IAAI,CAAC,CAAC,CAAC;AAC3E,SAAO,gDACF,eACA,YAFE;AAAA,IAGL;AAAA,IACA;AAAA,EACF;AACF;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
package/dist/esm/views/Anchor.js
CHANGED
|
@@ -1,3 +1,34 @@
|
|
|
1
|
+
var __defProp = Object.defineProperty;
|
|
2
|
+
var __defProps = Object.defineProperties;
|
|
3
|
+
var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
|
|
4
|
+
var __getOwnPropSymbols = Object.getOwnPropertySymbols;
|
|
5
|
+
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
6
|
+
var __propIsEnum = Object.prototype.propertyIsEnumerable;
|
|
7
|
+
var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
|
|
8
|
+
var __spreadValues = (a, b) => {
|
|
9
|
+
for (var prop in b || (b = {}))
|
|
10
|
+
if (__hasOwnProp.call(b, prop))
|
|
11
|
+
__defNormalProp(a, prop, b[prop]);
|
|
12
|
+
if (__getOwnPropSymbols)
|
|
13
|
+
for (var prop of __getOwnPropSymbols(b)) {
|
|
14
|
+
if (__propIsEnum.call(b, prop))
|
|
15
|
+
__defNormalProp(a, prop, b[prop]);
|
|
16
|
+
}
|
|
17
|
+
return a;
|
|
18
|
+
};
|
|
19
|
+
var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
|
|
20
|
+
var __objRest = (source, exclude) => {
|
|
21
|
+
var target = {};
|
|
22
|
+
for (var prop in source)
|
|
23
|
+
if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
|
|
24
|
+
target[prop] = source[prop];
|
|
25
|
+
if (source != null && __getOwnPropSymbols)
|
|
26
|
+
for (var prop of __getOwnPropSymbols(source)) {
|
|
27
|
+
if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
|
|
28
|
+
target[prop] = source[prop];
|
|
29
|
+
}
|
|
30
|
+
return target;
|
|
31
|
+
};
|
|
1
32
|
import { isWeb, styled } from "@tamagui/core";
|
|
2
33
|
import { SizableText } from "@tamagui/text";
|
|
3
34
|
import React, { forwardRef } from "react";
|
|
@@ -8,23 +39,22 @@ const AnchorFrame = styled(SizableText, {
|
|
|
8
39
|
tag: "a",
|
|
9
40
|
accessibilityRole: "link"
|
|
10
41
|
});
|
|
11
|
-
const Anchor = AnchorFrame.extractable(forwardRef((
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
Linking.openURL(href);
|
|
23
|
-
}
|
|
42
|
+
const Anchor = AnchorFrame.extractable(forwardRef((_a, ref) => {
|
|
43
|
+
var _b = _a, { href, target } = _b, props = __objRest(_b, ["href", "target"]);
|
|
44
|
+
return /* @__PURE__ */ React.createElement(AnchorFrame, __spreadProps(__spreadValues(__spreadValues({}, props), isWeb ? {
|
|
45
|
+
href,
|
|
46
|
+
target
|
|
47
|
+
} : {
|
|
48
|
+
onPress: (event) => {
|
|
49
|
+
var _a2;
|
|
50
|
+
(_a2 = props.onPress) == null ? void 0 : _a2.call(props, event);
|
|
51
|
+
if (href !== void 0) {
|
|
52
|
+
Linking.openURL(href);
|
|
24
53
|
}
|
|
25
|
-
}
|
|
54
|
+
}
|
|
55
|
+
}), {
|
|
26
56
|
ref
|
|
27
|
-
});
|
|
57
|
+
}));
|
|
28
58
|
}));
|
|
29
59
|
export {
|
|
30
60
|
Anchor
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../src/views/Anchor.tsx"],
|
|
4
4
|
"sourcesContent": ["import { ReactComponentWithRef, isWeb, styled } from '@tamagui/core'\nimport { SizableText, SizableTextProps } from '@tamagui/text'\nimport React, { forwardRef } from 'react'\nimport { Linking, View } from 'react-native'\n\n// bugfix esbuild strips react jsx: 'preserve'\nReact['keep']\n\nexport type AnchorProps = SizableTextProps & {\n href?: string\n target?: string\n rel?: string\n}\n\nconst AnchorFrame = styled(SizableText, {\n name: 'Anchor',\n tag: 'a',\n accessibilityRole: 'link',\n})\n\nexport const Anchor: ReactComponentWithRef<AnchorProps, HTMLAnchorElement | View> =\n AnchorFrame.extractable(\n forwardRef(({ href, target, ...props }, ref) => {\n return (\n <AnchorFrame\n {...props}\n {...(isWeb\n ? {\n href,\n target,\n }\n : {\n onPress: (event) => {\n props.onPress?.(event)\n if (href !== undefined) {\n Linking.openURL(href)\n }\n },\n })}\n ref={ref as any}\n />\n )\n })\n )\n"],
|
|
5
|
-
"mappings": "AAAA;AACA;AACA;AACA;AAGA,MAAM;AAQN,MAAM,cAAc,OAAO,aAAa;AAAA,EACtC,MAAM;AAAA,EACN,KAAK;AAAA,EACL,mBAAmB;AACrB,CAAC;AAEM,MAAM,SACX,YAAY,YACV,WAAW,CAAC,
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AACA;AACA;AACA;AAGA,MAAM;AAQN,MAAM,cAAc,OAAO,aAAa;AAAA,EACtC,MAAM;AAAA,EACN,KAAK;AAAA,EACL,mBAAmB;AACrB,CAAC;AAEM,MAAM,SACX,YAAY,YACV,WAAW,CAAC,IAA4B,QAAQ;AAApC,eAAE,QAAM,WAAR,IAAmB,kBAAnB,IAAmB,CAAjB,QAAM;AAClB,SACE,oCAAC,6DACK,QACC,QACD;AAAA,IACE;AAAA,IACA;AAAA,EACF,IACA;AAAA,IACE,SAAS,CAAC,UAAU;AAhCpC;AAiCkB,mBAAM,YAAN,gCAAgB;AAChB,UAAI,SAAS,QAAW;AACtB,gBAAQ,QAAQ,IAAI;AAAA,MACtB;AAAA,IACF;AAAA,EACF,IAdL;AAAA,IAeC;AAAA,IACF;AAEJ,CAAC,CACH;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -1,19 +1,53 @@
|
|
|
1
|
+
var __defProp = Object.defineProperty;
|
|
2
|
+
var __getOwnPropSymbols = Object.getOwnPropertySymbols;
|
|
3
|
+
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
4
|
+
var __propIsEnum = Object.prototype.propertyIsEnumerable;
|
|
5
|
+
var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
|
|
6
|
+
var __spreadValues = (a, b) => {
|
|
7
|
+
for (var prop in b || (b = {}))
|
|
8
|
+
if (__hasOwnProp.call(b, prop))
|
|
9
|
+
__defNormalProp(a, prop, b[prop]);
|
|
10
|
+
if (__getOwnPropSymbols)
|
|
11
|
+
for (var prop of __getOwnPropSymbols(b)) {
|
|
12
|
+
if (__propIsEnum.call(b, prop))
|
|
13
|
+
__defNormalProp(a, prop, b[prop]);
|
|
14
|
+
}
|
|
15
|
+
return a;
|
|
16
|
+
};
|
|
17
|
+
var __objRest = (source, exclude) => {
|
|
18
|
+
var target = {};
|
|
19
|
+
for (var prop in source)
|
|
20
|
+
if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
|
|
21
|
+
target[prop] = source[prop];
|
|
22
|
+
if (source != null && __getOwnPropSymbols)
|
|
23
|
+
for (var prop of __getOwnPropSymbols(source)) {
|
|
24
|
+
if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
|
|
25
|
+
target[prop] = source[prop];
|
|
26
|
+
}
|
|
27
|
+
return target;
|
|
28
|
+
};
|
|
1
29
|
import { YStack } from "@tamagui/stacks";
|
|
2
30
|
import React from "react";
|
|
3
|
-
function BlurView({
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
fallbackBackgroundColor,
|
|
7
|
-
blurRadius = 20,
|
|
8
|
-
blurType,
|
|
9
|
-
downsampleFactor,
|
|
10
|
-
...props
|
|
11
|
-
}) {
|
|
12
|
-
return /* @__PURE__ */ React.createElement(YStack, {
|
|
13
|
-
position: "relative",
|
|
31
|
+
function BlurView(_a) {
|
|
32
|
+
var _b = _a, {
|
|
33
|
+
children,
|
|
14
34
|
borderRadius,
|
|
15
|
-
|
|
16
|
-
|
|
35
|
+
fallbackBackgroundColor,
|
|
36
|
+
blurRadius = 20,
|
|
37
|
+
blurType,
|
|
38
|
+
downsampleFactor
|
|
39
|
+
} = _b, props = __objRest(_b, [
|
|
40
|
+
"children",
|
|
41
|
+
"borderRadius",
|
|
42
|
+
"fallbackBackgroundColor",
|
|
43
|
+
"blurRadius",
|
|
44
|
+
"blurType",
|
|
45
|
+
"downsampleFactor"
|
|
46
|
+
]);
|
|
47
|
+
return /* @__PURE__ */ React.createElement(YStack, __spreadValues({
|
|
48
|
+
position: "relative",
|
|
49
|
+
borderRadius
|
|
50
|
+
}, props), /* @__PURE__ */ React.createElement("div", {
|
|
17
51
|
className: "backdrop-filter",
|
|
18
52
|
style: {
|
|
19
53
|
position: "absolute",
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../src/views/BlurView.tsx"],
|
|
4
4
|
"sourcesContent": ["import { StackProps } from '@tamagui/core'\nimport { YStack } from '@tamagui/stacks'\nimport React from 'react'\n\nexport type BlurViewProps = StackProps & {\n blurAmount?: number // 0 - 100\n blurRadius?: number\n fallbackBackgroundColor?: string\n blurType?:\n | 'xlight'\n | 'light'\n | 'dark'\n // iOS 13+ only\n | 'chromeMaterial'\n | 'material'\n | 'thickMaterial'\n | 'thinMaterial'\n | 'ultraThinMaterial'\n | 'chromeMaterialDark'\n | 'materialDark'\n | 'thickMaterialDark'\n | 'thinMaterialDark'\n | 'ultraThinMaterialDark'\n | 'chromeMaterialLight'\n | 'materialLight'\n | 'thickMaterialLight'\n | 'thinMaterialLight'\n | 'ultraThinMaterialLight'\n // tvOS and iOS 10+ only\n | 'regular'\n | 'prominent'\n // tvOS only\n | 'extraDark'\n downsampleFactor?: number\n}\n\nexport function BlurView({\n children,\n borderRadius,\n fallbackBackgroundColor,\n blurRadius = 20,\n blurType,\n downsampleFactor,\n ...props\n}: BlurViewProps) {\n return (\n // @ts-ignore\n <YStack position=\"relative\" borderRadius={borderRadius} {...props}>\n <div\n // fallback for safari but non customizable\n className=\"backdrop-filter\"\n style={{\n position: 'absolute',\n width: '100%',\n height: '100%',\n backdropFilter: `blur(${blurRadius}px)`,\n // @ts-ignore\n borderRadius,\n zIndex: -1,\n pointerEvents: 'none',\n }}\n />\n {children}\n </YStack>\n )\n}\n"],
|
|
5
|
-
"mappings": "AACA;AACA;AAkCO,kBAAkB;
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AACA;AACA;AAkCO,kBAAkB,IAQP;AARO,eACvB;AAAA;AAAA,IACA;AAAA,IACA;AAAA,IACA,aAAa;AAAA,IACb;AAAA,IACA;AAAA,MANuB,IAOpB,kBAPoB,IAOpB;AAAA,IANH;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAGA,SAEE,oCAAC;AAAA,IAAO,UAAS;AAAA,IAAW;AAAA,KAAgC,QAC1D,oCAAC;AAAA,IAEC,WAAU;AAAA,IACV,OAAO;AAAA,MACL,UAAU;AAAA,MACV,OAAO;AAAA,MACP,QAAQ;AAAA,MACR,gBAAgB,QAAQ;AAAA,MAExB;AAAA,MACA,QAAQ;AAAA,MACR,eAAe;AAAA,IACjB;AAAA,GACF,GACC,QACH;AAEJ;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
package/dist/esm/views/Group.js
CHANGED
|
@@ -1,3 +1,34 @@
|
|
|
1
|
+
var __defProp = Object.defineProperty;
|
|
2
|
+
var __defProps = Object.defineProperties;
|
|
3
|
+
var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
|
|
4
|
+
var __getOwnPropSymbols = Object.getOwnPropertySymbols;
|
|
5
|
+
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
6
|
+
var __propIsEnum = Object.prototype.propertyIsEnumerable;
|
|
7
|
+
var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
|
|
8
|
+
var __spreadValues = (a, b) => {
|
|
9
|
+
for (var prop in b || (b = {}))
|
|
10
|
+
if (__hasOwnProp.call(b, prop))
|
|
11
|
+
__defNormalProp(a, prop, b[prop]);
|
|
12
|
+
if (__getOwnPropSymbols)
|
|
13
|
+
for (var prop of __getOwnPropSymbols(b)) {
|
|
14
|
+
if (__propIsEnum.call(b, prop))
|
|
15
|
+
__defNormalProp(a, prop, b[prop]);
|
|
16
|
+
}
|
|
17
|
+
return a;
|
|
18
|
+
};
|
|
19
|
+
var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
|
|
20
|
+
var __objRest = (source, exclude) => {
|
|
21
|
+
var target = {};
|
|
22
|
+
for (var prop in source)
|
|
23
|
+
if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
|
|
24
|
+
target[prop] = source[prop];
|
|
25
|
+
if (source != null && __getOwnPropSymbols)
|
|
26
|
+
for (var prop of __getOwnPropSymbols(source)) {
|
|
27
|
+
if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
|
|
28
|
+
target[prop] = source[prop];
|
|
29
|
+
}
|
|
30
|
+
return target;
|
|
31
|
+
};
|
|
1
32
|
import {
|
|
2
33
|
getExpandedShorthands,
|
|
3
34
|
getTokens,
|
|
@@ -16,8 +47,7 @@ const GroupFrame = styled(ThemeableStack, {
|
|
|
16
47
|
overflow: "hidden",
|
|
17
48
|
variants: {
|
|
18
49
|
size: (val, { tokens }) => {
|
|
19
|
-
|
|
20
|
-
const borderRadius = (_b = (_a = tokens.radius[val]) != null ? _a : val) != null ? _b : tokens.radius["$4"];
|
|
50
|
+
const borderRadius = tokens.radius[val] ?? val ?? tokens.radius["$4"];
|
|
21
51
|
return {
|
|
22
52
|
borderRadius
|
|
23
53
|
};
|
|
@@ -28,7 +58,7 @@ const GroupFrame = styled(ThemeableStack, {
|
|
|
28
58
|
}
|
|
29
59
|
});
|
|
30
60
|
const Group = GroupFrame.extractable(forwardRef((propsIn, ref) => {
|
|
31
|
-
const {
|
|
61
|
+
const _a = getExpandedShorthands(propsIn), {
|
|
32
62
|
children: childrenProp,
|
|
33
63
|
space,
|
|
34
64
|
spaceDirection,
|
|
@@ -39,74 +69,72 @@ const Group = GroupFrame.extractable(forwardRef((propsIn, ref) => {
|
|
|
39
69
|
disabled: disabledProp,
|
|
40
70
|
disablePassBorderRadius: disablePassBorderRadiusProp,
|
|
41
71
|
disablePassSize: disablePassSizeProp,
|
|
42
|
-
borderRadius
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
72
|
+
borderRadius
|
|
73
|
+
} = _a, props = __objRest(_a, [
|
|
74
|
+
"children",
|
|
75
|
+
"space",
|
|
76
|
+
"spaceDirection",
|
|
77
|
+
"separator",
|
|
78
|
+
"size",
|
|
79
|
+
"scrollable",
|
|
80
|
+
"vertical",
|
|
81
|
+
"disabled",
|
|
82
|
+
"disablePassBorderRadius",
|
|
83
|
+
"disablePassSize",
|
|
84
|
+
"borderRadius"
|
|
85
|
+
]);
|
|
86
|
+
const radius = borderRadius ?? (sizeProp ? getVariableValue(getTokens().radius[sizeProp]) - 1 : void 0);
|
|
46
87
|
const hasRadius = radius !== void 0;
|
|
47
|
-
const disablePassBorderRadius = disablePassBorderRadiusProp
|
|
88
|
+
const disablePassBorderRadius = disablePassBorderRadiusProp ?? !hasRadius;
|
|
48
89
|
const childrens = Children.toArray(childrenProp);
|
|
49
|
-
const disablePassSize = disablePassSizeProp
|
|
90
|
+
const disablePassSize = disablePassSizeProp ?? sizeProp === void 0;
|
|
50
91
|
const children = childrens.map((child, i) => {
|
|
51
|
-
var _a, _b;
|
|
52
92
|
if (!isValidElement(child))
|
|
53
93
|
return child;
|
|
54
|
-
const disabled =
|
|
55
|
-
const size =
|
|
94
|
+
const disabled = child.props.disabled ?? disabledProp;
|
|
95
|
+
const size = child.props.size ?? sizeProp;
|
|
56
96
|
const isFirst = i === 0;
|
|
57
97
|
const isLast = i === childrens.length - 1;
|
|
58
|
-
const props2 = {
|
|
59
|
-
disabled
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
},
|
|
81
|
-
...isLast && vertical && {
|
|
82
|
-
borderBottomLeftRadius: radius,
|
|
83
|
-
borderBottomRightRadius: radius
|
|
84
|
-
}
|
|
85
|
-
}
|
|
86
|
-
}
|
|
87
|
-
};
|
|
98
|
+
const props2 = __spreadValues(__spreadValues({
|
|
99
|
+
disabled
|
|
100
|
+
}, !disablePassSize && {
|
|
101
|
+
size
|
|
102
|
+
}), !disablePassBorderRadius && __spreadValues({
|
|
103
|
+
borderTopLeftRadius: 0,
|
|
104
|
+
borderTopRightRadius: 0,
|
|
105
|
+
borderBottomLeftRadius: 0,
|
|
106
|
+
borderBottomRightRadius: 0
|
|
107
|
+
}, hasRadius && __spreadValues(__spreadValues(__spreadValues(__spreadValues({}, isFirst && !vertical && {
|
|
108
|
+
borderTopLeftRadius: radius,
|
|
109
|
+
borderBottomLeftRadius: radius
|
|
110
|
+
}), isFirst && vertical && {
|
|
111
|
+
borderTopLeftRadius: radius,
|
|
112
|
+
borderTopRightRadius: radius
|
|
113
|
+
}), isLast && !vertical && {
|
|
114
|
+
borderTopRightRadius: radius,
|
|
115
|
+
borderBottomRightRadius: radius
|
|
116
|
+
}), isLast && vertical && {
|
|
117
|
+
borderBottomLeftRadius: radius,
|
|
118
|
+
borderBottomRightRadius: radius
|
|
119
|
+
})));
|
|
88
120
|
return cloneElementWithPropOrder(child, props2);
|
|
89
121
|
});
|
|
90
122
|
const wrapScroll = (children2) => {
|
|
91
123
|
if (scrollable)
|
|
92
|
-
return /* @__PURE__ */ React.createElement(ScrollView, {
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
showsHorizontalScrollIndicator: false
|
|
99
|
-
}
|
|
100
|
-
}, children2);
|
|
124
|
+
return /* @__PURE__ */ React.createElement(ScrollView, __spreadValues(__spreadValues({}, vertical && {
|
|
125
|
+
showsVerticalScrollIndicator: false
|
|
126
|
+
}), !vertical && {
|
|
127
|
+
horizontal: true,
|
|
128
|
+
showsHorizontalScrollIndicator: false
|
|
129
|
+
}), children2);
|
|
101
130
|
return children2;
|
|
102
131
|
};
|
|
103
|
-
return /* @__PURE__ */ React.createElement(GroupFrame, {
|
|
132
|
+
return /* @__PURE__ */ React.createElement(GroupFrame, __spreadValues({
|
|
104
133
|
ref,
|
|
105
134
|
size: sizeProp,
|
|
106
135
|
flexDirection: !vertical ? "row" : "column",
|
|
107
|
-
borderRadius
|
|
108
|
-
|
|
109
|
-
}, wrapScroll(spacedChildren({
|
|
136
|
+
borderRadius
|
|
137
|
+
}, props), wrapScroll(spacedChildren({
|
|
110
138
|
direction: spaceDirection,
|
|
111
139
|
separator,
|
|
112
140
|
space,
|
|
@@ -115,7 +143,7 @@ const Group = GroupFrame.extractable(forwardRef((propsIn, ref) => {
|
|
|
115
143
|
}));
|
|
116
144
|
const cloneElementWithPropOrder = (child, props) => {
|
|
117
145
|
const next = mergeProps(child.props, props);
|
|
118
|
-
return React.cloneElement({
|
|
146
|
+
return React.cloneElement(__spreadProps(__spreadValues({}, child), { props: null }), next);
|
|
119
147
|
};
|
|
120
148
|
export {
|
|
121
149
|
Group,
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../src/views/Group.tsx"],
|
|
4
4
|
"sourcesContent": ["import {\n GetProps,\n getExpandedShorthands,\n getTokens,\n getVariableValue,\n mergeProps,\n spacedChildren,\n styled,\n} from '@tamagui/core'\nimport { ThemeableStack } from '@tamagui/stacks'\nimport React, { Children, forwardRef, isValidElement } from 'react'\nimport { ScrollView } from 'react-native'\n\nexport const GroupFrame = styled(ThemeableStack, {\n name: 'GroupFrame',\n backgroundColor: '$background',\n y: 0,\n overflow: 'hidden',\n\n variants: {\n size: (val, { tokens }) => {\n const borderRadius = tokens.radius[val] ?? val ?? tokens.radius['$4']\n return {\n borderRadius,\n }\n },\n },\n\n defaultVariants: {\n size: '$4',\n },\n})\n\nexport type GroupProps = GetProps<typeof GroupFrame> & {\n scrollable?: boolean\n disabled?: boolean\n vertical?: boolean\n disablePassBorderRadius?: boolean\n disablePassSize?: boolean\n}\n\nexport const Group = GroupFrame.extractable(\n forwardRef((propsIn: GroupProps, ref) => {\n const {\n children: childrenProp,\n space,\n spaceDirection,\n separator,\n size: sizeProp = '$4',\n scrollable,\n vertical,\n disabled: disabledProp,\n disablePassBorderRadius: disablePassBorderRadiusProp,\n disablePassSize: disablePassSizeProp,\n borderRadius,\n ...props\n } = getExpandedShorthands(propsIn)\n\n const radius =\n borderRadius ?? (sizeProp ? getVariableValue(getTokens().radius[sizeProp]) - 1 : undefined)\n const hasRadius = radius !== undefined\n const disablePassBorderRadius = disablePassBorderRadiusProp ?? !hasRadius\n const childrens = Children.toArray(childrenProp)\n const disablePassSize = disablePassSizeProp ?? sizeProp === undefined\n const children = childrens.map((child, i) => {\n if (!isValidElement(child)) return child\n const disabled = child.props.disabled ?? disabledProp\n const size = child.props.size ?? sizeProp\n\n const isFirst = i === 0\n const isLast = i === childrens.length - 1\n const props = {\n disabled,\n ...(!disablePassSize && {\n size,\n }),\n ...(!disablePassBorderRadius && {\n borderTopLeftRadius: 0,\n borderTopRightRadius: 0,\n borderBottomLeftRadius: 0,\n borderBottomRightRadius: 0,\n ...(hasRadius && {\n ...(isFirst &&\n !vertical && {\n borderTopLeftRadius: radius,\n borderBottomLeftRadius: radius,\n }),\n ...(isFirst &&\n vertical && {\n borderTopLeftRadius: radius,\n borderTopRightRadius: radius,\n }),\n ...(isLast &&\n !vertical && {\n borderTopRightRadius: radius,\n borderBottomRightRadius: radius,\n }),\n ...(isLast &&\n vertical && {\n borderBottomLeftRadius: radius,\n borderBottomRightRadius: radius,\n }),\n }),\n }),\n }\n return cloneElementWithPropOrder(child, props)\n })\n\n const wrapScroll = (children: any) => {\n if (scrollable)\n return (\n <ScrollView\n {...(vertical && {\n showsVerticalScrollIndicator: false,\n })}\n {...(!vertical && {\n horizontal: true,\n showsHorizontalScrollIndicator: false,\n })}\n >\n {children}\n </ScrollView>\n )\n return children\n }\n\n return (\n <GroupFrame\n ref={ref}\n size={sizeProp}\n flexDirection={!vertical ? 'row' : 'column'}\n borderRadius={borderRadius}\n {...props}\n >\n {wrapScroll(\n spacedChildren({\n direction: spaceDirection,\n separator,\n space,\n children,\n })\n )}\n </GroupFrame>\n )\n })\n)\n\nconst cloneElementWithPropOrder = (child: any, props: Object) => {\n const next = mergeProps(child.props, props)\n return React.cloneElement({ ...child, props: null }, next)\n}\n"],
|
|
5
|
-
"mappings": "AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AASA;AACA;AACA;AAEO,MAAM,aAAa,OAAO,gBAAgB;AAAA,EAC/C,MAAM;AAAA,EACN,iBAAiB;AAAA,EACjB,GAAG;AAAA,EACH,UAAU;AAAA,EAEV,UAAU;AAAA,IACR,MAAM,CAAC,KAAK,EAAE,aAAa;
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AASA;AACA;AACA;AAEO,MAAM,aAAa,OAAO,gBAAgB;AAAA,EAC/C,MAAM;AAAA,EACN,iBAAiB;AAAA,EACjB,GAAG;AAAA,EACH,UAAU;AAAA,EAEV,UAAU;AAAA,IACR,MAAM,CAAC,KAAK,EAAE,aAAa;AACzB,YAAM,eAAe,OAAO,OAAO,QAAQ,OAAO,OAAO,OAAO;AAChE,aAAO;AAAA,QACL;AAAA,MACF;AAAA,IACF;AAAA,EACF;AAAA,EAEA,iBAAiB;AAAA,IACf,MAAM;AAAA,EACR;AACF,CAAC;AAUM,MAAM,QAAQ,WAAW,YAC9B,WAAW,CAAC,SAAqB,QAAQ;AACvC,QAaI,2BAAsB,OAAO,GAZ/B;AAAA,cAAU;AAAA,IACV;AAAA,IACA;AAAA,IACA;AAAA,IACA,MAAM,WAAW;AAAA,IACjB;AAAA,IACA;AAAA,IACA,UAAU;AAAA,IACV,yBAAyB;AAAA,IACzB,iBAAiB;AAAA,IACjB;AAAA,MAEE,IADC,kBACD,IADC;AAAA,IAXH;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAIF,QAAM,SACJ,gBAAiB,YAAW,iBAAiB,UAAU,EAAE,OAAO,SAAS,IAAI,IAAI;AACnF,QAAM,YAAY,WAAW;AAC7B,QAAM,0BAA0B,+BAA+B,CAAC;AAChE,QAAM,YAAY,SAAS,QAAQ,YAAY;AAC/C,QAAM,kBAAkB,uBAAuB,aAAa;AAC5D,QAAM,WAAW,UAAU,IAAI,CAAC,OAAO,MAAM;AAC3C,QAAI,CAAC,eAAe,KAAK;AAAG,aAAO;AACnC,UAAM,WAAW,MAAM,MAAM,YAAY;AACzC,UAAM,OAAO,MAAM,MAAM,QAAQ;AAEjC,UAAM,UAAU,MAAM;AACtB,UAAM,SAAS,MAAM,UAAU,SAAS;AACxC,UAAM,SAAQ;AAAA,MACZ;AAAA,OACI,CAAC,mBAAmB;AAAA,MACtB;AAAA,IACF,IACI,CAAC,2BAA2B;AAAA,MAC9B,qBAAqB;AAAA,MACrB,sBAAsB;AAAA,MACtB,wBAAwB;AAAA,MACxB,yBAAyB;AAAA,OACrB,aAAa,gEACX,WACF,CAAC,YAAY;AAAA,MACX,qBAAqB;AAAA,MACrB,wBAAwB;AAAA,IAC1B,IACE,WACF,YAAY;AAAA,MACV,qBAAqB;AAAA,MACrB,sBAAsB;AAAA,IACxB,IACE,UACF,CAAC,YAAY;AAAA,MACX,sBAAsB;AAAA,MACtB,yBAAyB;AAAA,IAC3B,IACE,UACF,YAAY;AAAA,MACV,wBAAwB;AAAA,MACxB,yBAAyB;AAAA,IAC3B;AAIR,WAAO,0BAA0B,OAAO,MAAK;AAAA,EAC/C,CAAC;AAED,QAAM,aAAa,CAAC,cAAkB;AACpC,QAAI;AACF,aACE,oCAAC,8CACM,YAAY;AAAA,QACf,8BAA8B;AAAA,MAChC,IACK,CAAC,YAAY;AAAA,QAChB,YAAY;AAAA,QACZ,gCAAgC;AAAA,MAClC,IAEC,SACH;AAEJ,WAAO;AAAA,EACT;AAEA,SACE,oCAAC;AAAA,IACC;AAAA,IACA,MAAM;AAAA,IACN,eAAe,CAAC,WAAW,QAAQ;AAAA,IACnC;AAAA,KACI,QAEH,WACC,eAAe;AAAA,IACb,WAAW;AAAA,IACX;AAAA,IACA;AAAA,IACA;AAAA,EACF,CAAC,CACH,CACF;AAEJ,CAAC,CACH;AAEA,MAAM,4BAA4B,CAAC,OAAY,UAAkB;AAC/D,QAAM,OAAO,WAAW,MAAM,OAAO,KAAK;AAC1C,SAAO,MAAM,aAAa,iCAAK,QAAL,EAAY,OAAO,KAAK,IAAG,IAAI;AAC3D;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|