@multiplatform.one/components 0.7.13 → 1.0.1
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/code/Code/index.js +1 -1
- package/dist/cjs/images/SimpleImage/index.js +1 -1
- package/dist/cjs/images/SimpleImage/index.js.map +1 -1
- package/dist/cjs/images/SimpleImage/index.native.js.map +1 -1
- package/dist/cjs/images/SimpleImage/index.stories.js +1 -1
- package/dist/cjs/layouts/Debug/index.js.map +1 -1
- package/dist/cjs/layouts/Debug/index.native.js.map +1 -1
- package/dist/cjs/mdx/MDXCodeBlock/index.js +1 -1
- package/dist/cjs/mdx/components.js +1 -1
- package/dist/cjs/organize/SimpleTabs/index.js +18 -15
- package/dist/cjs/organize/SimpleTabs/index.js.map +1 -1
- package/dist/cjs/organize/SimpleTabs/index.native.js +18 -15
- package/dist/cjs/organize/SimpleTabs/index.native.js.map +1 -1
- package/dist/cjs/panels/SimplePopover/SimplePopover.stories.js.map +1 -1
- package/dist/cjs/panels/SimplePopover/SimplePopover.stories.native.js.map +1 -1
- package/dist/esm/code/Code/index.js +1 -1
- package/dist/esm/images/SimpleImage/index.js +1 -1
- package/dist/esm/images/SimpleImage/index.js.map +1 -1
- package/dist/esm/images/SimpleImage/index.native.js.map +1 -1
- package/dist/esm/images/SimpleImage/index.stories.js +1 -1
- package/dist/esm/layouts/Debug/index.js.map +1 -1
- package/dist/esm/layouts/Debug/index.native.js.map +1 -1
- package/dist/esm/mdx/MDXCodeBlock/index.js +1 -1
- package/dist/esm/mdx/components.js +1 -1
- package/dist/esm/organize/SimpleTabs/index.js +18 -15
- package/dist/esm/organize/SimpleTabs/index.js.map +1 -1
- package/dist/esm/organize/SimpleTabs/index.native.js +18 -15
- package/dist/esm/organize/SimpleTabs/index.native.js.map +1 -1
- package/dist/esm/panels/SimplePopover/SimplePopover.stories.js.map +1 -1
- package/dist/esm/panels/SimplePopover/SimplePopover.stories.native.js.map +1 -1
- package/dist/jsx/code/Code/index.js +1 -1
- package/dist/jsx/images/SimpleImage/index.js +1 -1
- package/dist/jsx/images/SimpleImage/index.js.map +1 -1
- package/dist/jsx/images/SimpleImage/index.native.js.map +1 -1
- package/dist/jsx/images/SimpleImage/index.stories.js +1 -1
- package/dist/jsx/layouts/Debug/index.js.map +1 -1
- package/dist/jsx/layouts/Debug/index.native.js.map +1 -1
- package/dist/jsx/mdx/MDXCodeBlock/index.js +1 -1
- package/dist/jsx/mdx/components.js +1 -1
- package/dist/jsx/organize/SimpleTabs/index.js +14 -11
- package/dist/jsx/organize/SimpleTabs/index.js.map +1 -1
- package/dist/jsx/organize/SimpleTabs/index.native.js +14 -11
- package/dist/jsx/organize/SimpleTabs/index.native.js.map +1 -1
- package/dist/jsx/panels/SimplePopover/SimplePopover.stories.js.map +1 -1
- package/dist/jsx/panels/SimplePopover/SimplePopover.stories.native.js.map +1 -1
- package/package.json +22 -21
- package/src/images/SimpleImage/index.tsx +8 -8
- package/src/layouts/Debug/index.tsx +21 -0
- package/src/organize/SimpleTabs/index.tsx +2 -1
- package/src/panels/SimplePopover/SimplePopover.stories.tsx +1 -1
- package/types/code/Code/index.d.ts +13 -13
- package/types/code/Pre/index.d.ts +16 -16
- package/types/layouts/Debug/index.d.ts +20 -0
- package/types/layouts/Debug/index.d.ts.map +1 -1
- package/types/mdx/LI/LI.stories.d.ts +8 -8
- package/types/mdx/LI/index.d.ts +8 -8
- package/types/mdx/UL/UL.stories.d.ts +16 -16
- package/types/mdx/UL/index.d.ts +16 -16
- package/types/mdx/components.d.ts +16 -16
- package/types/organize/SimpleTabs/index.d.ts.map +1 -1
- package/types/table/Table/Table.stories.d.ts +21 -23
- package/types/table/Table/Table.stories.d.ts.map +1 -1
- package/types/table/Table/index.d.ts +21 -23
- package/types/table/Table/index.d.ts.map +1 -1
- package/types/table/TableCell/index.d.ts +5 -5
- package/types/table/TableCol/index.d.ts +16 -18
- package/types/table/TableCol/index.d.ts.map +1 -1
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../src/layouts/Debug/index.tsx"],
|
|
4
|
-
"mappings": "
|
|
4
|
+
"mappings": "AAyBA,SAAS,QAAQ,QAAQ,QAAQ,OAAO,SAAS,cAAc;AAC/D,SAAS,oBAAoB;AAC7B,SAAS,kBAAkB,WAAW,2BAA2B;AAEjE,SAAS,cAAc;AAEvB,SAAS,qBAAqB;AAavB,SAAS,YAA4B;AAAA,EAC1C;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAAqC;AACnC,QAAM,YAAY,WACZ,CAAC,QAAQ,SAAS,IAAI,UAAU,GAChC,aAAa,cAAc,GAC3B,mBAAmB,oBAAoB;AAE7C,WAAS,qBAAqB,UAAqB;AACjD,eAAW,OAAO,QAAQ;AAAA,EAC5B;AAEA,WAAS,sBAAsB,WAAsB;AACnD,eAAW,QAAQ,SAAwB;AAAA,EAC7C;AAEA,WAAS,sBAAsB;AAC7B,YAAQ,iBAAiB,CAAC,GAAG,IAAI,CAAC,MAAc,MAE5C,CAAC,OAAO,KAAK,KAAK,IAAI,MAAM,OAAO,GAAG,OAAO,MAC3C,CAAC,OAAO,UAAU,KAAK,EAAtB,OAAO,SACV,EAFC,OAAO,KAIX;AAAA,EACH;AAEA,WAAS,uBAAuB;AAC9B,YAAQ,kBAAkB,CAAC,GAAG,IAAI,CAAC,MAAc,MAE7C,CAAC,OAAO,KAAK,KAAK,IAAI,MAAM,OAAO,GAAG,OAAO,MAC3C,CAAC,OAAO,UAAU,KAAK,EAAtB,OAAO,SACV,EAFC,OAAO,KAIX;AAAA,EACH;AAEA,WAAS,oBAAoB;AAC3B,YAAQ,oBAAoB,CAAC,GAAG,IAAI,CAAC,MAAc,MAE/C,CAAC,OAAO,KAAK,KAAK,IAAI,MAAM,OAAO,GAAG,OAAO,MAC3C,CAAC,OAAO,UAAU,KAAK,EAAtB,OAAO,SACV,EAFC,OAAO,KAIX;AAAA,EACH;AAEA,WAAS,cAAc;AACrB,WACE,CAAC,OAAO,MAAM,EAAE,KAAK,OAAO,MAAM,QAAQ,MACxC,CAAC,QAAQ,UAAU,QAAQ,KAAK;AAAA,MAC9B,CAAC,QAAQ,QACP,CAAC,OAAO,OAAO,UAAU,gBAAgB,UAAU,OAAO,MAAM,QAAQ,MAAM,EAChF,EAFC,QAAQ;AAAA,MAGT,CAAC,MACC,CAAC,QAAQ,MAAM,MAAM;AAAA,QACnB,CAAC,QAAQ,MAAM,MAAM,QAAQ,KAC3B,CAAC,MAAM,SAAS,EAClB,EAFC,QAAQ,MAAM;AAAA,QAGf,CAAC,QAAQ,MAAM,QAAQ;AAAA,MACzB,EALC,QAAQ,MAMX,EAPC;AAAA,MAQD,CAAC,QAAQ,QAAQ,aAAa,GAAG,YAAY,eAAe;AAAA,QAC1D,CAAC,OAAO;AAAA,UACN,CAAC;AAAA,YACC,GAAG;AAAA,YACH,aAAa,WAAW;AAAA,YACxB,OAAO;AAAA,YACP,OAAO,WAAW;AAAA,YAClB,eAAe;AAAA,YAEd,qBAAqB,EACxB,EARC;AAAA,UASD,CAAC;AAAA,YACC,GAAG;AAAA,YACH,aAAa,WAAW;AAAA,YACxB,OAAO;AAAA,YACP,gBAAgB;AAAA,YAChB,OAAO,WAAW;AAAA,YAClB,eAAe;AAAA,YAEd,oBAAoB,EACvB,EATC;AAAA,UAUD,CAAC;AAAA,YACC,GAAG;AAAA,YACH,OAAO;AAAA,YACP,aAAa;AAAA,YACb,gBAAgB;AAAA,YAChB,OAAO;AAAA,YACP,eAAe;AAAA,YAEd,kBAAkB,EACrB,EATC;AAAA,QAUH,EA9BC;AAAA,SA+BA,aAAa,CAAC,cAAe,gBAAwB;AAAA,MACxD,EAjCC,QAAQ;AAAA,IAkCX,EA9CC,QA+CH,EAhDC;AAAA,EAkDL;AAEA,SAAI,OAAO,IAAI,OAAO,MAAM,MAAY,GAAG,SAAS,MAElD,CAAC,OAAO;AAAA,KACL;AAAA,IACD,CAAC,OAAO,SAAS,YAAY,YAAY,EAAE,EAA1C;AAAA,EACH,EAHC;AAKL;AAEA,YAAY,eAAe;AAAA,EACzB,gBAAgB,CAAC,SAAS,MAAM;AAAA,EAChC,MAAM;AAAA,EACN,eAAe,CAAC,QAAQ,QAAQ,SAAS,UAAU,QAAQ,UAAU,OAAO,QAAQ;AACtF;AAEO,SAAS,sBACd,cACA,mBAA0D,CAAC,GAC3D;AACA,SAAO,iBAAiB,aAAa,cAAc,gBAAgB;AACrE;AAEO,MAAM,kBAAkB,sBAAsB;",
|
|
5
5
|
"names": []
|
|
6
6
|
}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../src/layouts/Debug/index.tsx"],
|
|
4
|
-
"mappings": "
|
|
4
|
+
"mappings": "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",
|
|
5
5
|
"names": []
|
|
6
6
|
}
|
|
@@ -6,7 +6,7 @@ import { ErrorBoundary } from "../../ErrorBoundary";
|
|
|
6
6
|
import { LinearGradient } from "@tamagui/linear-gradient";
|
|
7
7
|
import { MDXCodeBlockContext } from "./MDXCodeBlockContext";
|
|
8
8
|
import { Pre } from "../../code/Pre";
|
|
9
|
-
import { ScrollView } from "react-native";
|
|
9
|
+
import { ScrollView } from "react-native-web";
|
|
10
10
|
import { useClipboard } from "../../hooks/useClipboard";
|
|
11
11
|
function MDXCodeBlock(props) {
|
|
12
12
|
const {
|
|
@@ -6,7 +6,7 @@ import { LI } from "./LI";
|
|
|
6
6
|
import { Link as IconLink } from "@tamagui/lucide-icons";
|
|
7
7
|
import { Link } from "solito/link";
|
|
8
8
|
import { MDXCodeBlock } from "./MDXCodeBlock";
|
|
9
|
-
import { Platform } from "react-native";
|
|
9
|
+
import { Platform } from "react-native-web";
|
|
10
10
|
import { UL } from "./UL";
|
|
11
11
|
import { unwrapText } from "../utils/unwrapText";
|
|
12
12
|
const code = ({ hero, line, scrollable, className, children, id, showLineNumbers, collapsible, ...props }) => className ? <YStack marginTop="$3"><MDXCodeBlock
|
|
@@ -12,17 +12,20 @@ function SimpleTabs({
|
|
|
12
12
|
...props
|
|
13
13
|
}) {
|
|
14
14
|
const contextValue = useMemo(() => ({ orientation, width }), [orientation, width]);
|
|
15
|
-
return
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
15
|
+
return (
|
|
16
|
+
// TODO: Fix this type
|
|
17
|
+
<SimpleTabsContext.Provider value={contextValue}><Tabs
|
|
18
|
+
borderRadius="$4"
|
|
19
|
+
borderWidth="$0.25"
|
|
20
|
+
overflow="hidden"
|
|
21
|
+
borderColor="$borderColor"
|
|
22
|
+
flexDirection={orientation === "vertical" ? "row" : "column"}
|
|
23
|
+
defaultValue={defaultRoute}
|
|
24
|
+
{...props}
|
|
25
|
+
width={fullScreen ? "100%" : width ?? 300}
|
|
26
|
+
height={fullScreen ? "100%" : height ?? 150}
|
|
27
|
+
>{props.children}</Tabs></SimpleTabsContext.Provider>
|
|
28
|
+
);
|
|
26
29
|
}
|
|
27
30
|
function TabsList({ fullHeight = !1, ...props }) {
|
|
28
31
|
const context = React.useContext(SimpleTabsContext);
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../src/organize/SimpleTabs/index.tsx"],
|
|
4
|
-
"mappings": "AAsBA,OAAO,SAAS,eAAe;AAE/B,SAAS,mBAAmB;AAC5B,SAAS,iBAAiB;AAE1B,SAAS,YAAY;AAmBrB,MAAM,oBAAoB,MAAM,cAA6C,IAAI,GAE3E,kBAAkB,MAAM,cAA0C,IAAI;AAErE,SAAS,WAAW;AAAA,EACzB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,cAAc;AAAA,EACd,GAAG;AACL,GAAoB;AAClB,QAAM,eAAe,QAAQ,OAAO,EAAE,aAAa,MAAM,IAAI,CAAC,aAAa,KAAK,CAAC;AAEjF,
|
|
4
|
+
"mappings": "AAsBA,OAAO,SAAS,eAAe;AAE/B,SAAS,mBAAmB;AAC5B,SAAS,iBAAiB;AAE1B,SAAS,YAAY;AAmBrB,MAAM,oBAAoB,MAAM,cAA6C,IAAI,GAE3E,kBAAkB,MAAM,cAA0C,IAAI;AAErE,SAAS,WAAW;AAAA,EACzB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,cAAc;AAAA,EACd,GAAG;AACL,GAAoB;AAClB,QAAM,eAAe,QAAQ,OAAO,EAAE,aAAa,MAAM,IAAI,CAAC,aAAa,KAAK,CAAC;AAEjF;AAAA;AAAA,IAEE,CAAC,kBAAkB,SAAS,OAAO,cACjC,CAAC;AAAA,MACC,aAAa;AAAA,MACb,YAAY;AAAA,MACZ,SAAS;AAAA,MACT,YAAY;AAAA,MACZ,eAAe,gBAAgB,aAAa,QAAQ;AAAA,MACpD,cAAc;AAAA,UACV;AAAA,MACJ,OAAO,aAAa,SAAS,SAAS;AAAA,MACtC,QAAQ,aAAa,SAAS,UAAU;AAAA,MAEvC,MAAM,SACT,EAZC,KAaH,EAdC,kBAAkB;AAAA;AAgBvB;AAEO,SAAS,SAAS,EAAE,aAAa,IAAO,GAAG,MAAM,GAAc;AACpE,QAAM,UAAU,MAAM,WAAW,iBAAiB;AAClD,MAAI,CAAC;AAAS,UAAM,IAAI,MAAM,yCAAyC;AACvE,QAAM,EAAE,YAAY,IAAI,SAClB,eAAe,QAAQ,OAAO,EAAE,WAAW,IAAI,CAAC,UAAU,CAAC;AAEjE,SACE,CAAC,gBAAgB,SAAS,OAAO,cAC/B,CAAC,KAAK;AAAA,IACJ,WAAW,CAAC,UAAU,UAAU,gBAAgB,cAAc;AAAA,IAC9D,yBAAyB,gBAAgB,eAAe,WAAW;AAAA,IACnE,WAAW;AAAA,IACX,MAAM;AAAA,IACN,OAAO,gBAAgB,aAAa,EAAE,SAAS,QAAQ,eAAe,SAAS,IAAI,CAAC;AAAA,QAChF;AAAA,IAEH,MAAM,SACT,EATC,KAAK,KAUR,EAXC,gBAAgB;AAarB;AAEO,SAAS,WAAW,EAAE,OAAO,GAAG,MAAM,GAAiB;AAC5D,SACE,CAAC,KAAK;AAAA,IACJ,gBAAgB;AAAA,IAChB,KAAK;AAAA,IACL,QAAQ;AAAA,IACR,MAAM;AAAA,IACN,YAAY;AAAA,IACZ,aAAa;AAAA,IACb,qBAAqB;AAAA,IACrB,sBAAsB;AAAA,IACtB,YAAY;AAAA,IACZ,OAAO;AAAA,QACH;AAAA,IAEH,MAAM,SACT,EAdC,KAAK;AAgBV;AAEO,SAAS,IAAI,EAAE,MAAM,GAAG,MAAM,GAAa;AAChD,QAAM,UAAU,MAAM,WAAW,iBAAiB,GAC5C,cAAc,MAAM,WAAW,eAAe;AACpD,MAAI,CAAC;AAAS,UAAM,IAAI,MAAM,iCAAiC;AAC/D,QAAM,EAAE,YAAY,IAAI;AACxB,MAAI,CAAC;AAAa,UAAM,IAAI,MAAM,iCAAiC;AACnE,QAAM,EAAE,WAAW,IAAI;AAEvB,SACE,CAAC,KAAK;AAAA,IACJ,KAAK;AAAA,IACL,GAAG,gBAAgB,gBAAiB,gBAAgB,cAAc,aAAc,IAAI;AAAA,IACpF,OAAO;AAAA,QACH;AAAA,IAEH,OAAO,MAAM,YAAa,WAAW,CAAC,aAAa,MAAM,SAAS,EAA5B,eAA6C,MAAM,SAC5F,EAPC,KAAK;AASV;",
|
|
5
5
|
"names": []
|
|
6
6
|
}
|
|
@@ -12,17 +12,20 @@ function SimpleTabs({
|
|
|
12
12
|
...props
|
|
13
13
|
}) {
|
|
14
14
|
const contextValue = useMemo(() => ({ orientation, width }), [orientation, width]);
|
|
15
|
-
return
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
15
|
+
return (
|
|
16
|
+
// TODO: Fix this type
|
|
17
|
+
<SimpleTabsContext.Provider value={contextValue}><Tabs
|
|
18
|
+
borderRadius="$4"
|
|
19
|
+
borderWidth="$0.25"
|
|
20
|
+
overflow="hidden"
|
|
21
|
+
borderColor="$borderColor"
|
|
22
|
+
flexDirection={orientation === "vertical" ? "row" : "column"}
|
|
23
|
+
defaultValue={defaultRoute}
|
|
24
|
+
{...props}
|
|
25
|
+
width={fullScreen ? "100%" : width ?? 300}
|
|
26
|
+
height={fullScreen ? "100%" : height ?? 150}
|
|
27
|
+
>{props.children}</Tabs></SimpleTabsContext.Provider>
|
|
28
|
+
);
|
|
26
29
|
}
|
|
27
30
|
function TabsList({ fullHeight = !1, ...props }) {
|
|
28
31
|
const context = React.useContext(SimpleTabsContext);
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../src/organize/SimpleTabs/index.tsx"],
|
|
4
|
-
"mappings": "AAsBA,OAAO,SAAS,eAAe;AAE/B,SAAS,mBAAmB;AAC5B,SAAS,iBAAiB;AAE1B,SAAS,YAAY;AAmBrB,MAAM,oBAAoB,MAAM,cAA6C,IAAI,GAE3E,kBAAkB,MAAM,cAA0C,IAAI;AAErE,SAAS,WAAW;AAAA,EACzB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,cAAc;AAAA,EACd,GAAG;AACL,GAAoB;AAClB,QAAM,eAAe,QAAQ,OAAO,EAAE,aAAa,MAAM,IAAI,CAAC,aAAa,KAAK,CAAC;AAEjF,
|
|
4
|
+
"mappings": "AAsBA,OAAO,SAAS,eAAe;AAE/B,SAAS,mBAAmB;AAC5B,SAAS,iBAAiB;AAE1B,SAAS,YAAY;AAmBrB,MAAM,oBAAoB,MAAM,cAA6C,IAAI,GAE3E,kBAAkB,MAAM,cAA0C,IAAI;AAErE,SAAS,WAAW;AAAA,EACzB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,cAAc;AAAA,EACd,GAAG;AACL,GAAoB;AAClB,QAAM,eAAe,QAAQ,OAAO,EAAE,aAAa,MAAM,IAAI,CAAC,aAAa,KAAK,CAAC;AAEjF;AAAA;AAAA,IAEE,CAAC,kBAAkB,SAAS,OAAO,cACjC,CAAC;AAAA,MACC,aAAa;AAAA,MACb,YAAY;AAAA,MACZ,SAAS;AAAA,MACT,YAAY;AAAA,MACZ,eAAe,gBAAgB,aAAa,QAAQ;AAAA,MACpD,cAAc;AAAA,UACV;AAAA,MACJ,OAAO,aAAa,SAAS,SAAS;AAAA,MACtC,QAAQ,aAAa,SAAS,UAAU;AAAA,MAEvC,MAAM,SACT,EAZC,KAaH,EAdC,kBAAkB;AAAA;AAgBvB;AAEO,SAAS,SAAS,EAAE,aAAa,IAAO,GAAG,MAAM,GAAc;AACpE,QAAM,UAAU,MAAM,WAAW,iBAAiB;AAClD,MAAI,CAAC;AAAS,UAAM,IAAI,MAAM,yCAAyC;AACvE,QAAM,EAAE,YAAY,IAAI,SAClB,eAAe,QAAQ,OAAO,EAAE,WAAW,IAAI,CAAC,UAAU,CAAC;AAEjE,SACE,CAAC,gBAAgB,SAAS,OAAO,cAC/B,CAAC,KAAK;AAAA,IACJ,WAAW,CAAC,UAAU,UAAU,gBAAgB,cAAc;AAAA,IAC9D,yBAAyB,gBAAgB,eAAe,WAAW;AAAA,IACnE,WAAW;AAAA,IACX,MAAM;AAAA,IACN,OAAO,gBAAgB,aAAa,EAAE,SAAS,QAAQ,eAAe,SAAS,IAAI,CAAC;AAAA,QAChF;AAAA,IAEH,MAAM,SACT,EATC,KAAK,KAUR,EAXC,gBAAgB;AAarB;AAEO,SAAS,WAAW,EAAE,OAAO,GAAG,MAAM,GAAiB;AAC5D,SACE,CAAC,KAAK;AAAA,IACJ,gBAAgB;AAAA,IAChB,KAAK;AAAA,IACL,QAAQ;AAAA,IACR,MAAM;AAAA,IACN,YAAY;AAAA,IACZ,aAAa;AAAA,IACb,qBAAqB;AAAA,IACrB,sBAAsB;AAAA,IACtB,YAAY;AAAA,IACZ,OAAO;AAAA,QACH;AAAA,IAEH,MAAM,SACT,EAdC,KAAK;AAgBV;AAEO,SAAS,IAAI,EAAE,MAAM,GAAG,MAAM,GAAa;AAChD,QAAM,UAAU,MAAM,WAAW,iBAAiB,GAC5C,cAAc,MAAM,WAAW,eAAe;AACpD,MAAI,CAAC;AAAS,UAAM,IAAI,MAAM,iCAAiC;AAC/D,QAAM,EAAE,YAAY,IAAI;AACxB,MAAI,CAAC;AAAa,UAAM,IAAI,MAAM,iCAAiC;AACnE,QAAM,EAAE,WAAW,IAAI;AAEvB,SACE,CAAC,KAAK;AAAA,IACJ,KAAK;AAAA,IACL,GAAG,gBAAgB,gBAAiB,gBAAgB,cAAc,aAAc,IAAI;AAAA,IACpF,OAAO;AAAA,QACH;AAAA,IAEH,OAAO,MAAM,YAAa,WAAW,CAAC,aAAa,MAAM,SAAS,EAA5B,eAA6C,MAAM,SAC5F,EAPC,KAAK;AASV;",
|
|
5
5
|
"names": []
|
|
6
6
|
}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../src/panels/SimplePopover/SimplePopover.stories.tsx"],
|
|
4
|
-
"mappings": "AAqBA,SAAgB,gBAAgB;AAChC,SAAS,qBAAqB;AAC9B,SAAS,MAAM,QAAQ,QAAQ,
|
|
4
|
+
"mappings": "AAqBA,SAAgB,gBAAgB;AAChC,SAAS,qBAAqB;AAC9B,SAAS,MAAM,QAAQ,QAAQ,QAAQ,OAAO,cAAc;AAG5D,MAAM,OAAa;AAAA,EACjB,OAAO;AAAA,EACP,WAAW;AAAA,EACX,YAAY,EAAE,QAAQ,EAAE,MAAM,OAAO,EAAE;AACzC,GAEa,OAAO,MAClB,CAAC,cAAc,SAAS,CAAC,OAAO,2BAA2B,EAAlC,SACvB,CAAC,OACC,CAAC,KAAK,eAAe,EAApB,KACH,EAFC,OAGH,EAJC,gBAOU,kBAAkB,MAC7B,CAAC,cAAc,SAAS,CAAC,OAAO,UAAU,EAAjB,SAA4B,gBACnD,CAAC,OACC,CAAC,KAAK,sCAAsC,EAA3C,KACH,EAFC,OAGH,EAJC;AAOH,SAAS,OAAO;AACd,SACE,CAAC;AAAA,IACC,SAAS,CAAC,OAAO,0BAA0B,EAAjC;AAAA,IACV;AAAA,IACA,OAAO;AAAA,IACP,cAAc,EAAE,KAAK,UAAU,IAAI,SAAS;AAAA,IAC5C;AAAA,GAEA,CAAC,QACE,CAAC,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,EAAE,EAAE,IAAI,CAAC,MACpC,CAAC,KAAK,KAAK,IAAI,EAAE,EAAhB,KACF,EACH,EAJC,OAKH,EAZC;AAcL;AAEO,MAAM,cAAc,MACzB,CAAC,OAAO,GAAG;AAAA,EACT,CAAC,KAAK;AAAA,EACN,CAAC,KAAK;AACR,EAHC,SAMG,cAAc,CAAC,UAAU;AAC7B,QAAM,CAAC,MAAM,OAAO,IAAI,SAAS,EAAK;AACtC,SACE,CAAC,OAAO;AAAA,IACN,CAAC,MAAM,gCAAgC,EAAtC;AAAA,IACD,CAAC,OAAO,SAAS,MAAM,MAAM,iBAAiB,SAAS;AAAA,IACvD,CAAC,cAAc,MAAM,MAAM,cAAc,SAAS,SAAS,CAAC,OAAO,oBAAoB,EAA3B,SAC1D,CAAC,KAAK,mBAAmB,EAAxB,KACH,EAFC;AAAA,EAGH,EANC;AAQL,GAEa,6BAA6B,CAAC,SAAS,CAAC,gBAAgB,MAAM;AAE3E,IAAO,gCAAQ;",
|
|
5
5
|
"names": []
|
|
6
6
|
}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../src/panels/SimplePopover/SimplePopover.stories.tsx"],
|
|
4
|
-
"mappings": "AAqBA,SAAgB,gBAAgB;AAChC,SAAS,qBAAqB;AAC9B,SAAS,MAAM,QAAQ,QAAQ,
|
|
4
|
+
"mappings": "AAqBA,SAAgB,gBAAgB;AAChC,SAAS,qBAAqB;AAC9B,SAAS,MAAM,QAAQ,QAAQ,QAAQ,OAAO,cAAc;AAG5D,MAAM,OAAa;AAAA,EACjB,OAAO;AAAA,EACP,WAAW;AAAA,EACX,YAAY,EAAE,QAAQ,EAAE,MAAM,OAAO,EAAE;AACzC,GAEa,OAAO,MAClB,CAAC,cAAc,SAAS,CAAC,OAAO,2BAA2B,EAAlC,SACvB,CAAC,OACC,CAAC,KAAK,eAAe,EAApB,KACH,EAFC,OAGH,EAJC,gBAOU,kBAAkB,MAC7B,CAAC,cAAc,SAAS,CAAC,OAAO,UAAU,EAAjB,SAA4B,gBACnD,CAAC,OACC,CAAC,KAAK,sCAAsC,EAA3C,KACH,EAFC,OAGH,EAJC;AAOH,SAAS,OAAO;AACd,SACE,CAAC;AAAA,IACC,SAAS,CAAC,OAAO,0BAA0B,EAAjC;AAAA,IACV;AAAA,IACA,OAAO;AAAA,IACP,cAAc,EAAE,KAAK,UAAU,IAAI,SAAS;AAAA,IAC5C;AAAA,GAEA,CAAC,QACE,CAAC,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,EAAE,EAAE,IAAI,CAAC,MACpC,CAAC,KAAK,KAAK,IAAI,EAAE,EAAhB,KACF,EACH,EAJC,OAKH,EAZC;AAcL;AAEO,MAAM,cAAc,MACzB,CAAC,OAAO,GAAG;AAAA,EACT,CAAC,KAAK;AAAA,EACN,CAAC,KAAK;AACR,EAHC,SAMG,cAAc,CAAC,UAAU;AAC7B,QAAM,CAAC,MAAM,OAAO,IAAI,SAAS,EAAK;AACtC,SACE,CAAC,OAAO;AAAA,IACN,CAAC,MAAM,gCAAgC,EAAtC;AAAA,IACD,CAAC,OAAO,SAAS,MAAM,MAAM,iBAAiB,SAAS;AAAA,IACvD,CAAC,cAAc,MAAM,MAAM,cAAc,SAAS,SAAS,CAAC,OAAO,oBAAoB,EAA3B,SAC1D,CAAC,KAAK,mBAAmB,EAAxB,KACH,EAFC;AAAA,EAGH,EANC;AAQL,GAEa,6BAA6B,CAAC,SAAS,CAAC,gBAAgB,MAAM;AAE3E,IAAO,gCAAQ;",
|
|
5
5
|
"names": []
|
|
6
6
|
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@multiplatform.one/components",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "1.0.1",
|
|
4
4
|
"sideEffects": [
|
|
5
5
|
"*.css"
|
|
6
6
|
],
|
|
@@ -41,30 +41,28 @@
|
|
|
41
41
|
"dependencies": {
|
|
42
42
|
"@mdx-js/mdx": "^2.3.0",
|
|
43
43
|
"@mdx-js/react": "^2.3.0",
|
|
44
|
-
"@tamagui/font-inter": "^1.
|
|
45
|
-
"@tamagui/logo": "^1.
|
|
46
|
-
"@tamagui/react-native-media-driver": "^1.
|
|
47
|
-
"@tamagui/shorthands": "^1.
|
|
48
|
-
"@tamagui/themes": "^1.
|
|
49
|
-
"burnt": "^0.12.
|
|
50
|
-
"
|
|
51
|
-
"expo-
|
|
52
|
-
"
|
|
53
|
-
"fast-xml-parser": "^4.3.2",
|
|
44
|
+
"@tamagui/font-inter": "^1.86.6",
|
|
45
|
+
"@tamagui/logo": "^1.86.6",
|
|
46
|
+
"@tamagui/react-native-media-driver": "^1.86.6",
|
|
47
|
+
"@tamagui/shorthands": "^1.86.6",
|
|
48
|
+
"@tamagui/themes": "^1.86.6",
|
|
49
|
+
"burnt": "^0.12.2",
|
|
50
|
+
"expo-asset": "^8.14.0",
|
|
51
|
+
"expo-image": "^1.10.4",
|
|
52
|
+
"fast-xml-parser": "^4.3.3",
|
|
54
53
|
"gray-matter": "^4.0.3",
|
|
55
54
|
"hast-util-to-html": "8.0.4",
|
|
56
55
|
"immer": "^10.0.3",
|
|
57
56
|
"parse-numeric-range": "^1.3.0",
|
|
58
|
-
"react-hook-form": "^7.
|
|
59
|
-
"react-native-svg": "
|
|
57
|
+
"react-hook-form": "^7.49.3",
|
|
58
|
+
"react-native-svg": "14.1.0",
|
|
60
59
|
"refractor": "^4.8.1",
|
|
61
60
|
"rehype-autolink-headings": "~6.1.1",
|
|
62
61
|
"rehype-parse": "~8.0.5",
|
|
63
62
|
"rehype-slug": "~5.1.0",
|
|
64
63
|
"remark-frontmatter": "^5.0.0",
|
|
65
64
|
"remark-mdx-frontmatter": "^3.0.0",
|
|
66
|
-
"tamagui": "^1.
|
|
67
|
-
"tsup": "^8.0.1",
|
|
65
|
+
"tamagui": "^1.86.6",
|
|
68
66
|
"unist-util-visit": "^5.0.0"
|
|
69
67
|
},
|
|
70
68
|
"peerDependencies": {
|
|
@@ -73,12 +71,15 @@
|
|
|
73
71
|
"solito": "^3.2.6"
|
|
74
72
|
},
|
|
75
73
|
"devDependencies": {
|
|
76
|
-
"@tamagui/build": "^1.
|
|
77
|
-
"@types/eslint": "^8",
|
|
78
|
-
"
|
|
79
|
-
"
|
|
80
|
-
"
|
|
81
|
-
"
|
|
74
|
+
"@tamagui/build": "^1.86.6",
|
|
75
|
+
"@types/eslint": "^8.56.2",
|
|
76
|
+
"eslint": "^8.56.0",
|
|
77
|
+
"moti": "^0.27.2",
|
|
78
|
+
"prettier": "^3.2.4",
|
|
79
|
+
"react-native-reanimated": "3.6.1",
|
|
80
|
+
"solito": "^4.2.0",
|
|
81
|
+
"tsup": "^8.0.1",
|
|
82
|
+
"ui": "1.0.1"
|
|
82
83
|
},
|
|
83
84
|
"jest": {
|
|
84
85
|
"testRegex": "((/(tests|__tests__)((/|/[^_.\n][^/\n]*(/[^_.\n][^/\n]+)*/)[^_.\n][^/\n]*))|((/|/.*/)(([^_.\n][^/\n]*.(spec|test))|(spec|test)))).[jt]sx?$",
|
|
@@ -70,10 +70,10 @@ const SimpleImageComponent = forwardRef<Image, Props>(
|
|
|
70
70
|
typeof width === 'number'
|
|
71
71
|
? width
|
|
72
72
|
: typeof style.width !== 'undefined'
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
73
|
+
? typeof style.width === 'number'
|
|
74
|
+
? style.width
|
|
75
|
+
: undefined
|
|
76
|
+
: staticImageData?.width;
|
|
77
77
|
if (typeof w === 'number' && typeof mAspectRatio === 'number') return w / mAspectRatio;
|
|
78
78
|
return staticImageData?.height;
|
|
79
79
|
}, [mAspectRatio, staticImageData?.width, staticImageData?.height, style.width, style.height, width, height]);
|
|
@@ -85,10 +85,10 @@ const SimpleImageComponent = forwardRef<Image, Props>(
|
|
|
85
85
|
typeof height === 'number'
|
|
86
86
|
? height
|
|
87
87
|
: typeof style.height !== 'undefined'
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
88
|
+
? typeof style.height === 'number'
|
|
89
|
+
? style.height
|
|
90
|
+
: undefined
|
|
91
|
+
: staticImageData?.height;
|
|
92
92
|
if (typeof h === 'number' && typeof mAspectRatio === 'number') return h * mAspectRatio;
|
|
93
93
|
return staticImageData?.width;
|
|
94
94
|
}, [mAspectRatio, staticImageData?.width, staticImageData?.height, style.width, style.height, width, height]);
|
|
@@ -1,3 +1,24 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* File: /src/layouts/Debug/index.tsx
|
|
3
|
+
* Project: @multiplatform.one/components
|
|
4
|
+
* File Created: 10-10-2023 06:39:34
|
|
5
|
+
* Author: Clay Risser
|
|
6
|
+
* -----
|
|
7
|
+
* BitSpur (c) Copyright 2021 - 2024
|
|
8
|
+
*
|
|
9
|
+
* Licensed under the Apache License, Version 2.0 (the "License");
|
|
10
|
+
* you may not use this file except in compliance with the License.
|
|
11
|
+
* You may obtain a copy of the License at
|
|
12
|
+
*
|
|
13
|
+
* http://www.apache.org/licenses/LICENSE-2.0
|
|
14
|
+
*
|
|
15
|
+
* Unless required by applicable law or agreed to in writing, software
|
|
16
|
+
* distributed under the License is distributed on an "AS IS" BASIS,
|
|
17
|
+
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
|
18
|
+
* See the License for the specific language governing permissions and
|
|
19
|
+
* limitations under the License.
|
|
20
|
+
*/
|
|
21
|
+
|
|
1
22
|
import React from 'react';
|
|
2
23
|
import type { ComponentType, ReactNode } from 'react';
|
|
3
24
|
import type { ThemeName } from 'tamagui';
|
|
@@ -59,7 +59,8 @@ export function SimpleTabs({
|
|
|
59
59
|
const contextValue = useMemo(() => ({ orientation, width }), [orientation, width]);
|
|
60
60
|
|
|
61
61
|
return (
|
|
62
|
-
|
|
62
|
+
// TODO: Fix this type
|
|
63
|
+
<SimpleTabsContext.Provider value={contextValue as any}>
|
|
63
64
|
<Tabs
|
|
64
65
|
borderRadius="$4"
|
|
65
66
|
borderWidth="$0.25"
|
|
@@ -21,7 +21,7 @@
|
|
|
21
21
|
|
|
22
22
|
import React, { useState } from 'react';
|
|
23
23
|
import { SimplePopover } from './index';
|
|
24
|
-
import { Text, YStack, XStack, Switch,
|
|
24
|
+
import { Text, YStack, XStack, Switch, Label, Button } from 'tamagui';
|
|
25
25
|
import type { Meta } from '@storybook/react';
|
|
26
26
|
|
|
27
27
|
const meta: Meta = {
|