@xyo-network/react-os 2.81.10 → 2.83.0
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/browser/index.d.ts +7 -2
- package/dist/browser/index.mjs +13 -0
- package/dist/browser/index.mjs.map +1 -0
- package/package.json +13 -29
- package/src/components/Profile/Profile.stories.tsx +4 -4
- package/src/components/Profile/Profile.tsx +12 -8
- package/src/components/Profile/StatsModal.tsx +1 -1
- package/src/components/Profile/index.ts +1 -1
- package/src/components/TestComponent.stories.tsx +2 -2
- package/src/components/TestComponent.tsx +1 -1
- package/src/components/XyOsClock/XyOsClock.stories.tsx +6 -6
- package/src/components/XyOsClock/XyOsClock.tsx +2 -2
- package/src/components/XyOsClock/index.ts +1 -1
- package/src/components/index.ts +1 -1
- package/src/index.ts +1 -1
- package/xy.config.ts +12 -0
- package/dist/browser/components/Profile/Profile.d.cts +0 -7
- package/dist/browser/components/Profile/Profile.d.cts.map +0 -1
- package/dist/browser/components/Profile/Profile.d.mts +0 -7
- package/dist/browser/components/Profile/Profile.d.mts.map +0 -1
- package/dist/browser/components/Profile/Profile.d.ts +0 -7
- package/dist/browser/components/Profile/Profile.d.ts.map +0 -1
- package/dist/browser/components/Profile/StatsModal.d.cts +0 -3
- package/dist/browser/components/Profile/StatsModal.d.cts.map +0 -1
- package/dist/browser/components/Profile/StatsModal.d.mts +0 -3
- package/dist/browser/components/Profile/StatsModal.d.mts.map +0 -1
- package/dist/browser/components/Profile/StatsModal.d.ts +0 -3
- package/dist/browser/components/Profile/StatsModal.d.ts.map +0 -1
- package/dist/browser/components/Profile/index.d.cts +0 -2
- package/dist/browser/components/Profile/index.d.cts.map +0 -1
- package/dist/browser/components/Profile/index.d.mts +0 -2
- package/dist/browser/components/Profile/index.d.mts.map +0 -1
- package/dist/browser/components/Profile/index.d.ts +0 -2
- package/dist/browser/components/Profile/index.d.ts.map +0 -1
- package/dist/browser/components/TestComponent.d.cts +0 -5
- package/dist/browser/components/TestComponent.d.cts.map +0 -1
- package/dist/browser/components/TestComponent.d.mts +0 -5
- package/dist/browser/components/TestComponent.d.mts.map +0 -1
- package/dist/browser/components/TestComponent.d.ts +0 -5
- package/dist/browser/components/TestComponent.d.ts.map +0 -1
- package/dist/browser/components/XyOsClock/XyOsClock.d.cts +0 -17
- package/dist/browser/components/XyOsClock/XyOsClock.d.cts.map +0 -1
- package/dist/browser/components/XyOsClock/XyOsClock.d.mts +0 -17
- package/dist/browser/components/XyOsClock/XyOsClock.d.mts.map +0 -1
- package/dist/browser/components/XyOsClock/XyOsClock.d.ts +0 -17
- package/dist/browser/components/XyOsClock/XyOsClock.d.ts.map +0 -1
- package/dist/browser/components/XyOsClock/index.d.cts +0 -2
- package/dist/browser/components/XyOsClock/index.d.cts.map +0 -1
- package/dist/browser/components/XyOsClock/index.d.mts +0 -2
- package/dist/browser/components/XyOsClock/index.d.mts.map +0 -1
- package/dist/browser/components/XyOsClock/index.d.ts +0 -2
- package/dist/browser/components/XyOsClock/index.d.ts.map +0 -1
- package/dist/browser/components/index.d.cts +0 -2
- package/dist/browser/components/index.d.cts.map +0 -1
- package/dist/browser/components/index.d.mts +0 -2
- package/dist/browser/components/index.d.mts.map +0 -1
- package/dist/browser/components/index.d.ts +0 -2
- package/dist/browser/components/index.d.ts.map +0 -1
- package/dist/browser/index.cjs +0 -33
- package/dist/browser/index.cjs.map +0 -1
- package/dist/browser/index.d.cts +0 -2
- package/dist/browser/index.d.cts.map +0 -1
- package/dist/browser/index.d.mts +0 -2
- package/dist/browser/index.d.mts.map +0 -1
- package/dist/browser/index.d.ts.map +0 -1
- package/dist/browser/index.js +0 -10
- package/dist/browser/index.js.map +0 -1
- package/dist/neutral/components/Profile/Profile.d.cts +0 -7
- package/dist/neutral/components/Profile/Profile.d.cts.map +0 -1
- package/dist/neutral/components/Profile/Profile.d.mts +0 -7
- package/dist/neutral/components/Profile/Profile.d.mts.map +0 -1
- package/dist/neutral/components/Profile/Profile.d.ts +0 -7
- package/dist/neutral/components/Profile/Profile.d.ts.map +0 -1
- package/dist/neutral/components/Profile/StatsModal.d.cts +0 -3
- package/dist/neutral/components/Profile/StatsModal.d.cts.map +0 -1
- package/dist/neutral/components/Profile/StatsModal.d.mts +0 -3
- package/dist/neutral/components/Profile/StatsModal.d.mts.map +0 -1
- package/dist/neutral/components/Profile/StatsModal.d.ts +0 -3
- package/dist/neutral/components/Profile/StatsModal.d.ts.map +0 -1
- package/dist/neutral/components/Profile/index.d.cts +0 -2
- package/dist/neutral/components/Profile/index.d.cts.map +0 -1
- package/dist/neutral/components/Profile/index.d.mts +0 -2
- package/dist/neutral/components/Profile/index.d.mts.map +0 -1
- package/dist/neutral/components/Profile/index.d.ts +0 -2
- package/dist/neutral/components/Profile/index.d.ts.map +0 -1
- package/dist/neutral/components/TestComponent.d.cts +0 -5
- package/dist/neutral/components/TestComponent.d.cts.map +0 -1
- package/dist/neutral/components/TestComponent.d.mts +0 -5
- package/dist/neutral/components/TestComponent.d.mts.map +0 -1
- package/dist/neutral/components/TestComponent.d.ts +0 -5
- package/dist/neutral/components/TestComponent.d.ts.map +0 -1
- package/dist/neutral/components/XyOsClock/XyOsClock.d.cts +0 -17
- package/dist/neutral/components/XyOsClock/XyOsClock.d.cts.map +0 -1
- package/dist/neutral/components/XyOsClock/XyOsClock.d.mts +0 -17
- package/dist/neutral/components/XyOsClock/XyOsClock.d.mts.map +0 -1
- package/dist/neutral/components/XyOsClock/XyOsClock.d.ts +0 -17
- package/dist/neutral/components/XyOsClock/XyOsClock.d.ts.map +0 -1
- package/dist/neutral/components/XyOsClock/index.d.cts +0 -2
- package/dist/neutral/components/XyOsClock/index.d.cts.map +0 -1
- package/dist/neutral/components/XyOsClock/index.d.mts +0 -2
- package/dist/neutral/components/XyOsClock/index.d.mts.map +0 -1
- package/dist/neutral/components/XyOsClock/index.d.ts +0 -2
- package/dist/neutral/components/XyOsClock/index.d.ts.map +0 -1
- package/dist/neutral/components/index.d.cts +0 -2
- package/dist/neutral/components/index.d.cts.map +0 -1
- package/dist/neutral/components/index.d.mts +0 -2
- package/dist/neutral/components/index.d.mts.map +0 -1
- package/dist/neutral/components/index.d.ts +0 -2
- package/dist/neutral/components/index.d.ts.map +0 -1
- package/dist/neutral/index.cjs +0 -33
- package/dist/neutral/index.cjs.map +0 -1
- package/dist/neutral/index.d.cts +0 -2
- package/dist/neutral/index.d.cts.map +0 -1
- package/dist/neutral/index.d.mts +0 -2
- package/dist/neutral/index.d.mts.map +0 -1
- package/dist/neutral/index.d.ts +0 -2
- package/dist/neutral/index.d.ts.map +0 -1
- package/dist/neutral/index.js +0 -10
- package/dist/neutral/index.js.map +0 -1
- package/dist/node/components/Profile/Profile.d.cts +0 -7
- package/dist/node/components/Profile/Profile.d.cts.map +0 -1
- package/dist/node/components/Profile/Profile.d.mts +0 -7
- package/dist/node/components/Profile/Profile.d.mts.map +0 -1
- package/dist/node/components/Profile/Profile.d.ts +0 -7
- package/dist/node/components/Profile/Profile.d.ts.map +0 -1
- package/dist/node/components/Profile/StatsModal.d.cts +0 -3
- package/dist/node/components/Profile/StatsModal.d.cts.map +0 -1
- package/dist/node/components/Profile/StatsModal.d.mts +0 -3
- package/dist/node/components/Profile/StatsModal.d.mts.map +0 -1
- package/dist/node/components/Profile/StatsModal.d.ts +0 -3
- package/dist/node/components/Profile/StatsModal.d.ts.map +0 -1
- package/dist/node/components/Profile/index.d.cts +0 -2
- package/dist/node/components/Profile/index.d.cts.map +0 -1
- package/dist/node/components/Profile/index.d.mts +0 -2
- package/dist/node/components/Profile/index.d.mts.map +0 -1
- package/dist/node/components/Profile/index.d.ts +0 -2
- package/dist/node/components/Profile/index.d.ts.map +0 -1
- package/dist/node/components/TestComponent.d.cts +0 -5
- package/dist/node/components/TestComponent.d.cts.map +0 -1
- package/dist/node/components/TestComponent.d.mts +0 -5
- package/dist/node/components/TestComponent.d.mts.map +0 -1
- package/dist/node/components/TestComponent.d.ts +0 -5
- package/dist/node/components/TestComponent.d.ts.map +0 -1
- package/dist/node/components/XyOsClock/XyOsClock.d.cts +0 -17
- package/dist/node/components/XyOsClock/XyOsClock.d.cts.map +0 -1
- package/dist/node/components/XyOsClock/XyOsClock.d.mts +0 -17
- package/dist/node/components/XyOsClock/XyOsClock.d.mts.map +0 -1
- package/dist/node/components/XyOsClock/XyOsClock.d.ts +0 -17
- package/dist/node/components/XyOsClock/XyOsClock.d.ts.map +0 -1
- package/dist/node/components/XyOsClock/index.d.cts +0 -2
- package/dist/node/components/XyOsClock/index.d.cts.map +0 -1
- package/dist/node/components/XyOsClock/index.d.mts +0 -2
- package/dist/node/components/XyOsClock/index.d.mts.map +0 -1
- package/dist/node/components/XyOsClock/index.d.ts +0 -2
- package/dist/node/components/XyOsClock/index.d.ts.map +0 -1
- package/dist/node/components/index.d.cts +0 -2
- package/dist/node/components/index.d.cts.map +0 -1
- package/dist/node/components/index.d.mts +0 -2
- package/dist/node/components/index.d.mts.map +0 -1
- package/dist/node/components/index.d.ts +0 -2
- package/dist/node/components/index.d.ts.map +0 -1
- package/dist/node/index.cjs +0 -37
- package/dist/node/index.cjs.map +0 -1
- package/dist/node/index.d.cts +0 -2
- package/dist/node/index.d.cts.map +0 -1
- package/dist/node/index.d.mts +0 -2
- package/dist/node/index.d.mts.map +0 -1
- package/dist/node/index.d.ts +0 -2
- package/dist/node/index.d.ts.map +0 -1
- package/dist/node/index.js +0 -10
- package/dist/node/index.js.map +0 -1
package/dist/browser/index.d.ts
CHANGED
|
@@ -1,2 +1,7 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
1
|
+
import React, { PropsWithChildren } from 'react';
|
|
2
|
+
|
|
3
|
+
interface TestComponentProps extends PropsWithChildren {
|
|
4
|
+
}
|
|
5
|
+
declare const TestComponent: React.FC<TestComponentProps>;
|
|
6
|
+
|
|
7
|
+
export { TestComponent, type TestComponentProps };
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
var __defProp = Object.defineProperty;
|
|
2
|
+
var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
|
|
3
|
+
|
|
4
|
+
// src/components/TestComponent.tsx
|
|
5
|
+
import { FlexRow } from "@xylabs/react-flexbox";
|
|
6
|
+
import React from "react";
|
|
7
|
+
var TestComponent = /* @__PURE__ */ __name(({ children, ...props }) => {
|
|
8
|
+
return /* @__PURE__ */ React.createElement(FlexRow, props, children);
|
|
9
|
+
}, "TestComponent");
|
|
10
|
+
export {
|
|
11
|
+
TestComponent
|
|
12
|
+
};
|
|
13
|
+
//# sourceMappingURL=index.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../src/components/TestComponent.tsx"],"sourcesContent":["import { FlexRow } from '@xylabs/react-flexbox'\nimport React, { PropsWithChildren } from 'react'\n\nexport interface TestComponentProps extends PropsWithChildren {}\n\nexport const TestComponent: React.FC<TestComponentProps> = ({ children, ...props }) => {\n return <FlexRow {...props}>{children}</FlexRow>\n}\n"],"mappings":";;;;AAAA,SAASA,eAAe;AACxB,OAAOC,WAAkC;AAIlC,IAAMC,gBAA8C,wBAAC,EAAEC,UAAU,GAAGC,MAAAA,MAAO;AAChF,SAAO,sBAAA,cAACC,SAAYD,OAAQD,QAAAA;AAC9B,GAF2D;","names":["FlexRow","React","TestComponent","children","props","FlexRow"]}
|
package/package.json
CHANGED
|
@@ -10,8 +10,8 @@
|
|
|
10
10
|
"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/issues"
|
|
11
11
|
},
|
|
12
12
|
"dependencies": {
|
|
13
|
-
"@mui/icons-material": "^5.16.
|
|
14
|
-
"@xylabs/react-flexbox": "^3.4.
|
|
13
|
+
"@mui/icons-material": "^5.16.6",
|
|
14
|
+
"@xylabs/react-flexbox": "^3.4.2",
|
|
15
15
|
"date-fns": "^3.6.0"
|
|
16
16
|
},
|
|
17
17
|
"peerDependencies": {
|
|
@@ -21,42 +21,26 @@
|
|
|
21
21
|
"react-dom": "^18"
|
|
22
22
|
},
|
|
23
23
|
"devDependencies": {
|
|
24
|
-
"@storybook/react": "^
|
|
25
|
-
"@xylabs/ts-scripts-yarn3": "^
|
|
26
|
-
"@xylabs/tsconfig-react": "^
|
|
27
|
-
"react-router-dom": "^6.
|
|
24
|
+
"@storybook/react": "^8.2.7",
|
|
25
|
+
"@xylabs/ts-scripts-yarn3": "^4.0.0-rc.7",
|
|
26
|
+
"@xylabs/tsconfig-react": "^4.0.0-rc.7",
|
|
27
|
+
"react-router-dom": "^6.26.0",
|
|
28
28
|
"typescript": "^5.5.4"
|
|
29
29
|
},
|
|
30
30
|
"description": "Common React library for all XYO projects that use React",
|
|
31
31
|
"docs": "dist/docs.json",
|
|
32
32
|
"exports": {
|
|
33
33
|
".": {
|
|
34
|
-
"
|
|
35
|
-
"
|
|
36
|
-
|
|
37
|
-
"default": "./dist/node/index.js"
|
|
38
|
-
},
|
|
39
|
-
"require": {
|
|
40
|
-
"types": "./dist/node/index.d.cts",
|
|
41
|
-
"default": "./dist/node/index.cjs"
|
|
42
|
-
}
|
|
34
|
+
"import": {
|
|
35
|
+
"types": "./dist/browser/index.d.ts",
|
|
36
|
+
"default": "./dist/browser/index.mjs"
|
|
43
37
|
},
|
|
44
|
-
"
|
|
45
|
-
|
|
46
|
-
"types": "./dist/browser/index.d.mts",
|
|
47
|
-
"default": "./dist/browser/index.js"
|
|
48
|
-
},
|
|
49
|
-
"require": {
|
|
50
|
-
"types": "./dist/browser/index.d.cts",
|
|
51
|
-
"default": "./dist/browser/index.cjs"
|
|
52
|
-
}
|
|
53
|
-
},
|
|
54
|
-
"default": "./dist/browser/index.js"
|
|
38
|
+
"types": "./dist/browser/index.d.ts",
|
|
39
|
+
"default": "./dist/browser/index.mjs"
|
|
55
40
|
},
|
|
56
41
|
"./package.json": "./package.json"
|
|
57
42
|
},
|
|
58
|
-
"
|
|
59
|
-
"module": "dist/browser/index.js",
|
|
43
|
+
"module": "dist/browser/index.mjs",
|
|
60
44
|
"homepage": "https://xyo.network",
|
|
61
45
|
"keywords": [
|
|
62
46
|
"xyo",
|
|
@@ -78,6 +62,6 @@
|
|
|
78
62
|
},
|
|
79
63
|
"sideEffects": false,
|
|
80
64
|
"types": "dist/browser/index.d.ts",
|
|
81
|
-
"version": "2.
|
|
65
|
+
"version": "2.83.0",
|
|
82
66
|
"type": "module"
|
|
83
67
|
}
|
|
@@ -1,7 +1,8 @@
|
|
|
1
1
|
import { Meta, StoryFn } from '@storybook/react'
|
|
2
|
+
import React from 'react'
|
|
2
3
|
import { BrowserRouter } from 'react-router-dom'
|
|
3
4
|
|
|
4
|
-
import { XyOsProfile } from './Profile.
|
|
5
|
+
import { XyOsProfile } from './Profile.tsx'
|
|
5
6
|
const StorybookEntry = {
|
|
6
7
|
argTypes: {},
|
|
7
8
|
component: XyOsProfile,
|
|
@@ -13,7 +14,7 @@ const StorybookEntry = {
|
|
|
13
14
|
title: 'shared/XyOsProfile',
|
|
14
15
|
} as Meta<typeof XyOsProfile>
|
|
15
16
|
|
|
16
|
-
const Template: StoryFn<typeof XyOsProfile> =
|
|
17
|
+
const Template: StoryFn<typeof XyOsProfile> = args => (
|
|
17
18
|
<BrowserRouter>
|
|
18
19
|
<XyOsProfile {...args}></XyOsProfile>
|
|
19
20
|
</BrowserRouter>
|
|
@@ -25,9 +26,8 @@ Default.args = {
|
|
|
25
26
|
}
|
|
26
27
|
|
|
27
28
|
// eslint-disable-next-line @typescript-eslint/ban-ts-comment
|
|
28
|
-
|
|
29
|
+
// @ts-ignore
|
|
29
30
|
|
|
30
31
|
export { Default }
|
|
31
32
|
|
|
32
|
-
// eslint-disable-next-line import/no-default-export
|
|
33
33
|
export default StorybookEntry
|
|
@@ -1,8 +1,9 @@
|
|
|
1
1
|
import { Avatar, Divider, Paper, PaperProps, Typography, useTheme } from '@mui/material'
|
|
2
2
|
import { FlexGrowCol, FlexGrowRow } from '@xylabs/react-flexbox'
|
|
3
3
|
import { format, subHours } from 'date-fns'
|
|
4
|
+
import React from 'react'
|
|
4
5
|
|
|
5
|
-
import { StatsModal } from './StatsModal.
|
|
6
|
+
import { StatsModal } from './StatsModal.tsx'
|
|
6
7
|
export interface XyOsProfileProps extends PaperProps {
|
|
7
8
|
pfp: string
|
|
8
9
|
xns: string
|
|
@@ -14,31 +15,34 @@ export const XyOsProfile: React.FC<XyOsProfileProps> = ({ xns, pfp, ...props })
|
|
|
14
15
|
return (
|
|
15
16
|
<FlexGrowCol gap={1} alignItems="flex-start">
|
|
16
17
|
<FlexGrowRow gap={1}>
|
|
17
|
-
<Avatar alt={xns} src=
|
|
18
|
-
<FlexGrowCol width="100%" alignItems=
|
|
18
|
+
<Avatar alt={xns} src="https://arietrouw.com/assets/img/arie.jpg" sx={{ height: 100, width: 100 }} />
|
|
19
|
+
<FlexGrowCol width="100%" alignItems="flex-start">
|
|
19
20
|
<Typography variant="h5">{xns}</Typography>
|
|
20
|
-
<Typography variant="subtitle2">
|
|
21
|
+
<Typography variant="subtitle2">
|
|
22
|
+
Last Active:
|
|
23
|
+
{format(subHours(Date.now(), 4), 'pp')}
|
|
24
|
+
</Typography>
|
|
21
25
|
</FlexGrowCol>
|
|
22
26
|
</FlexGrowRow>
|
|
23
27
|
<Paper sx={{ padding: 1 }}>
|
|
24
28
|
<FlexGrowRow paddingBottom={1} width="100%" alignItems="center" justifyContent="space-between">
|
|
25
|
-
<Typography variant="body1" fontWeight=
|
|
29
|
+
<Typography variant="body1" fontWeight="medium">
|
|
26
30
|
2024 Stats
|
|
27
31
|
</Typography>
|
|
28
32
|
<StatsModal />
|
|
29
33
|
</FlexGrowRow>
|
|
30
34
|
<FlexGrowRow justifyContent="flex-start" width="100%" gap={1}>
|
|
31
|
-
<FlexGrowCol alignItems=
|
|
35
|
+
<FlexGrowCol alignItems="flex-start">
|
|
32
36
|
<Typography variant="h5">3,921</Typography>
|
|
33
37
|
<Typography variant="body2">Bound Witnesses</Typography>
|
|
34
38
|
</FlexGrowCol>
|
|
35
39
|
<Divider flexItem orientation="vertical"></Divider>
|
|
36
|
-
<FlexGrowCol alignItems=
|
|
40
|
+
<FlexGrowCol alignItems="flex-start">
|
|
37
41
|
<Typography variant="h5">30</Typography>
|
|
38
42
|
<Typography variant="body2">Connected Bridges</Typography>
|
|
39
43
|
</FlexGrowCol>
|
|
40
44
|
<Divider flexItem orientation="vertical"></Divider>
|
|
41
|
-
<FlexGrowCol alignItems=
|
|
45
|
+
<FlexGrowCol alignItems="flex-start">
|
|
42
46
|
<Typography variant="h5">3,921</Typography>
|
|
43
47
|
<Typography variant="body2">Bound Witnesses</Typography>
|
|
44
48
|
</FlexGrowCol>
|
|
@@ -35,7 +35,7 @@ export const StatsModal: React.FC = () => {
|
|
|
35
35
|
>
|
|
36
36
|
<Fade in={open}>
|
|
37
37
|
<Box sx={style}>
|
|
38
|
-
<FlexGrowCol alignItems=
|
|
38
|
+
<FlexGrowCol alignItems="center">
|
|
39
39
|
<Avatar sx={{ height: '200px', width: '200px' }}></Avatar>
|
|
40
40
|
<Typography id="transition-modal-description" align="center" sx={{ mt: 2 }}>
|
|
41
41
|
Duis mollis, est non commodo luctus, nisi erat porttitor ligula.
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export * from './Profile.
|
|
1
|
+
export * from './Profile.tsx'
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import { Meta, StoryFn } from '@storybook/react'
|
|
2
|
+
import React from 'react'
|
|
2
3
|
|
|
3
|
-
import { TestComponent, TestComponentProps } from './TestComponent.
|
|
4
|
+
import { TestComponent, TestComponentProps } from './TestComponent.tsx'
|
|
4
5
|
|
|
5
|
-
// eslint-disable-next-line import/no-default-export
|
|
6
6
|
export default {
|
|
7
7
|
title: 'modules/os/TestComponent',
|
|
8
8
|
} as Meta
|
|
@@ -1,8 +1,9 @@
|
|
|
1
1
|
import { Meta, StoryFn } from '@storybook/react'
|
|
2
2
|
import { FlexGrowCol } from '@xylabs/react-flexbox'
|
|
3
|
+
import React from 'react'
|
|
3
4
|
import { BrowserRouter } from 'react-router-dom'
|
|
4
5
|
|
|
5
|
-
import { XyOsClock } from './XyOsClock.
|
|
6
|
+
import { XyOsClock } from './XyOsClock.tsx'
|
|
6
7
|
const StorybookEntry = {
|
|
7
8
|
argTypes: {},
|
|
8
9
|
component: XyOsClock,
|
|
@@ -14,10 +15,10 @@ const StorybookEntry = {
|
|
|
14
15
|
title: 'shared/XyOsClock',
|
|
15
16
|
} as Meta<typeof XyOsClock>
|
|
16
17
|
|
|
17
|
-
const Template: StoryFn<typeof XyOsClock> =
|
|
18
|
+
const Template: StoryFn<typeof XyOsClock> = args => (
|
|
18
19
|
<BrowserRouter>
|
|
19
|
-
<FlexGrowCol gap={2} alignItems=
|
|
20
|
-
<FlexGrowCol alignItems=
|
|
20
|
+
<FlexGrowCol gap={2} alignItems="center" justifyContent="center">
|
|
21
|
+
<FlexGrowCol alignItems="center" justifyContent="center">
|
|
21
22
|
<XyOsClock {...args}></XyOsClock>
|
|
22
23
|
</FlexGrowCol>
|
|
23
24
|
</FlexGrowCol>
|
|
@@ -30,9 +31,8 @@ Default.args = {
|
|
|
30
31
|
}
|
|
31
32
|
|
|
32
33
|
// eslint-disable-next-line @typescript-eslint/ban-ts-comment
|
|
33
|
-
|
|
34
|
+
// @ts-ignore
|
|
34
35
|
|
|
35
36
|
export { Default }
|
|
36
37
|
|
|
37
|
-
// eslint-disable-next-line import/no-default-export
|
|
38
38
|
export default StorybookEntry
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { BoxProps, Paper, Typography } from '@mui/material'
|
|
2
2
|
import { FlexGrowCol, FlexGrowRow } from '@xylabs/react-flexbox'
|
|
3
3
|
import { format } from 'date-fns'
|
|
4
|
-
import { ReactElement, useEffect, useState } from 'react'
|
|
4
|
+
import React, { ReactElement, useEffect, useState } from 'react'
|
|
5
5
|
|
|
6
6
|
interface ClockProps extends BoxProps {
|
|
7
7
|
date: number
|
|
@@ -50,7 +50,7 @@ export const XyOsClock: React.FC<XyOsClockProps> = ({ clockType, clockSize, ...p
|
|
|
50
50
|
type: 'widget',
|
|
51
51
|
},
|
|
52
52
|
]
|
|
53
|
-
return ClockComponents.find(
|
|
53
|
+
return ClockComponents.find(component => component.type === clockType)?.components[`${clockSize}`]
|
|
54
54
|
}
|
|
55
55
|
|
|
56
56
|
export const SmallAppBarClock: React.FC<ClockProps> = ({ date }) => {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export * from './XyOsClock.
|
|
1
|
+
export * from './XyOsClock.tsx'
|
package/src/components/index.ts
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
export * from './TestComponent.
|
|
1
|
+
export * from './TestComponent.tsx'
|
package/src/index.ts
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
export * from './components/index.
|
|
1
|
+
export * from './components/index.ts'
|
package/xy.config.ts
ADDED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Profile.d.ts","sourceRoot":"","sources":["../../../../src/components/Profile/Profile.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA0B,UAAU,EAAwB,MAAM,eAAe,CAAA;AAKxF,MAAM,WAAW,gBAAiB,SAAQ,UAAU;IAClD,GAAG,EAAE,MAAM,CAAA;IACX,GAAG,EAAE,MAAM,CAAA;CACZ;AAGD,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CA+ClD,CAAA"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Profile.d.ts","sourceRoot":"","sources":["../../../../src/components/Profile/Profile.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA0B,UAAU,EAAwB,MAAM,eAAe,CAAA;AAKxF,MAAM,WAAW,gBAAiB,SAAQ,UAAU;IAClD,GAAG,EAAE,MAAM,CAAA;IACX,GAAG,EAAE,MAAM,CAAA;CACZ;AAGD,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CA+ClD,CAAA"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Profile.d.ts","sourceRoot":"","sources":["../../../../src/components/Profile/Profile.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA0B,UAAU,EAAwB,MAAM,eAAe,CAAA;AAKxF,MAAM,WAAW,gBAAiB,SAAQ,UAAU;IAClD,GAAG,EAAE,MAAM,CAAA;IACX,GAAG,EAAE,MAAM,CAAA;CACZ;AAGD,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CA+ClD,CAAA"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"StatsModal.d.ts","sourceRoot":"","sources":["../../../../src/components/Profile/StatsModal.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAS9B,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAoC9B,CAAA"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"StatsModal.d.ts","sourceRoot":"","sources":["../../../../src/components/Profile/StatsModal.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAS9B,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAoC9B,CAAA"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"StatsModal.d.ts","sourceRoot":"","sources":["../../../../src/components/Profile/StatsModal.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAS9B,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAoC9B,CAAA"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Profile/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAA"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Profile/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAA"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Profile/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAA"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"TestComponent.d.ts","sourceRoot":"","sources":["../../../src/components/TestComponent.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAA;AAEzC,MAAM,WAAW,kBAAmB,SAAQ,iBAAiB;CAAG;AAEhE,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAEtD,CAAA"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"TestComponent.d.ts","sourceRoot":"","sources":["../../../src/components/TestComponent.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAA;AAEzC,MAAM,WAAW,kBAAmB,SAAQ,iBAAiB;CAAG;AAEhE,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAEtD,CAAA"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"TestComponent.d.ts","sourceRoot":"","sources":["../../../src/components/TestComponent.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAA;AAEzC,MAAM,WAAW,kBAAmB,SAAQ,iBAAiB;CAAG;AAEhE,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAEtD,CAAA"}
|
|
@@ -1,17 +0,0 @@
|
|
|
1
|
-
import { BoxProps } from '@mui/material';
|
|
2
|
-
interface ClockProps extends BoxProps {
|
|
3
|
-
date: number;
|
|
4
|
-
}
|
|
5
|
-
export interface XyOsClockProps {
|
|
6
|
-
clockSize: 'small' | 'medium' | 'large';
|
|
7
|
-
clockType: 'appbar' | 'widget';
|
|
8
|
-
}
|
|
9
|
-
export declare const XyOsClock: React.FC<XyOsClockProps>;
|
|
10
|
-
export declare const SmallAppBarClock: React.FC<ClockProps>;
|
|
11
|
-
export declare const MediumAppBarClock: React.FC<ClockProps>;
|
|
12
|
-
export declare const LargeAppBarClock: React.FC<ClockProps>;
|
|
13
|
-
export declare const SmallWidgetClock: React.FC<ClockProps>;
|
|
14
|
-
export declare const MediumWidgetClock: React.FC<ClockProps>;
|
|
15
|
-
export declare const LargeWidgetClock: React.FC<ClockProps>;
|
|
16
|
-
export {};
|
|
17
|
-
//# sourceMappingURL=XyOsClock.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"XyOsClock.d.ts","sourceRoot":"","sources":["../../../../src/components/XyOsClock/XyOsClock.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAqB,MAAM,eAAe,CAAA;AAK3D,UAAU,UAAW,SAAQ,QAAQ;IACnC,IAAI,EAAE,MAAM,CAAA;CACb;AAaD,MAAM,WAAW,cAAc;IAC7B,SAAS,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAA;IACvC,SAAS,EAAE,QAAQ,GAAG,QAAQ,CAAA;CAC/B;AAED,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CA4B9C,CAAA;AAED,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,UAAU,CAOjD,CAAA;AAED,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC,UAAU,CAOlD,CAAA;AAED,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,UAAU,CAOjD,CAAA;AAED,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,UAAU,CASjD,CAAA;AAED,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC,UAAU,CASlD,CAAA;AAED,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,UAAU,CAUjD,CAAA"}
|
|
@@ -1,17 +0,0 @@
|
|
|
1
|
-
import { BoxProps } from '@mui/material';
|
|
2
|
-
interface ClockProps extends BoxProps {
|
|
3
|
-
date: number;
|
|
4
|
-
}
|
|
5
|
-
export interface XyOsClockProps {
|
|
6
|
-
clockSize: 'small' | 'medium' | 'large';
|
|
7
|
-
clockType: 'appbar' | 'widget';
|
|
8
|
-
}
|
|
9
|
-
export declare const XyOsClock: React.FC<XyOsClockProps>;
|
|
10
|
-
export declare const SmallAppBarClock: React.FC<ClockProps>;
|
|
11
|
-
export declare const MediumAppBarClock: React.FC<ClockProps>;
|
|
12
|
-
export declare const LargeAppBarClock: React.FC<ClockProps>;
|
|
13
|
-
export declare const SmallWidgetClock: React.FC<ClockProps>;
|
|
14
|
-
export declare const MediumWidgetClock: React.FC<ClockProps>;
|
|
15
|
-
export declare const LargeWidgetClock: React.FC<ClockProps>;
|
|
16
|
-
export {};
|
|
17
|
-
//# sourceMappingURL=XyOsClock.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"XyOsClock.d.ts","sourceRoot":"","sources":["../../../../src/components/XyOsClock/XyOsClock.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAqB,MAAM,eAAe,CAAA;AAK3D,UAAU,UAAW,SAAQ,QAAQ;IACnC,IAAI,EAAE,MAAM,CAAA;CACb;AAaD,MAAM,WAAW,cAAc;IAC7B,SAAS,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAA;IACvC,SAAS,EAAE,QAAQ,GAAG,QAAQ,CAAA;CAC/B;AAED,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CA4B9C,CAAA;AAED,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,UAAU,CAOjD,CAAA;AAED,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC,UAAU,CAOlD,CAAA;AAED,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,UAAU,CAOjD,CAAA;AAED,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,UAAU,CASjD,CAAA;AAED,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC,UAAU,CASlD,CAAA;AAED,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,UAAU,CAUjD,CAAA"}
|
|
@@ -1,17 +0,0 @@
|
|
|
1
|
-
import { BoxProps } from '@mui/material';
|
|
2
|
-
interface ClockProps extends BoxProps {
|
|
3
|
-
date: number;
|
|
4
|
-
}
|
|
5
|
-
export interface XyOsClockProps {
|
|
6
|
-
clockSize: 'small' | 'medium' | 'large';
|
|
7
|
-
clockType: 'appbar' | 'widget';
|
|
8
|
-
}
|
|
9
|
-
export declare const XyOsClock: React.FC<XyOsClockProps>;
|
|
10
|
-
export declare const SmallAppBarClock: React.FC<ClockProps>;
|
|
11
|
-
export declare const MediumAppBarClock: React.FC<ClockProps>;
|
|
12
|
-
export declare const LargeAppBarClock: React.FC<ClockProps>;
|
|
13
|
-
export declare const SmallWidgetClock: React.FC<ClockProps>;
|
|
14
|
-
export declare const MediumWidgetClock: React.FC<ClockProps>;
|
|
15
|
-
export declare const LargeWidgetClock: React.FC<ClockProps>;
|
|
16
|
-
export {};
|
|
17
|
-
//# sourceMappingURL=XyOsClock.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"XyOsClock.d.ts","sourceRoot":"","sources":["../../../../src/components/XyOsClock/XyOsClock.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAqB,MAAM,eAAe,CAAA;AAK3D,UAAU,UAAW,SAAQ,QAAQ;IACnC,IAAI,EAAE,MAAM,CAAA;CACb;AAaD,MAAM,WAAW,cAAc;IAC7B,SAAS,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAA;IACvC,SAAS,EAAE,QAAQ,GAAG,QAAQ,CAAA;CAC/B;AAED,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CA4B9C,CAAA;AAED,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,UAAU,CAOjD,CAAA;AAED,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC,UAAU,CAOlD,CAAA;AAED,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,UAAU,CAOjD,CAAA;AAED,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,UAAU,CASjD,CAAA;AAED,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC,UAAU,CASlD,CAAA;AAED,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,UAAU,CAUjD,CAAA"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/XyOsClock/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAA"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/XyOsClock/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAA"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/XyOsClock/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAA"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,oBAAoB,CAAA"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,oBAAoB,CAAA"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,oBAAoB,CAAA"}
|
package/dist/browser/index.cjs
DELETED
|
@@ -1,33 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __defProp = Object.defineProperty;
|
|
3
|
-
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
4
|
-
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
5
|
-
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
6
|
-
var __export = (target, all) => {
|
|
7
|
-
for (var name in all)
|
|
8
|
-
__defProp(target, name, { get: all[name], enumerable: true });
|
|
9
|
-
};
|
|
10
|
-
var __copyProps = (to, from, except, desc) => {
|
|
11
|
-
if (from && typeof from === "object" || typeof from === "function") {
|
|
12
|
-
for (let key of __getOwnPropNames(from))
|
|
13
|
-
if (!__hasOwnProp.call(to, key) && key !== except)
|
|
14
|
-
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
15
|
-
}
|
|
16
|
-
return to;
|
|
17
|
-
};
|
|
18
|
-
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
19
|
-
|
|
20
|
-
// src/index.ts
|
|
21
|
-
var src_exports = {};
|
|
22
|
-
__export(src_exports, {
|
|
23
|
-
TestComponent: () => TestComponent
|
|
24
|
-
});
|
|
25
|
-
module.exports = __toCommonJS(src_exports);
|
|
26
|
-
|
|
27
|
-
// src/components/TestComponent.tsx
|
|
28
|
-
var import_react_flexbox = require("@xylabs/react-flexbox");
|
|
29
|
-
var import_jsx_runtime = require("react/jsx-runtime");
|
|
30
|
-
var TestComponent = ({ children, ...props }) => {
|
|
31
|
-
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_flexbox.FlexRow, { ...props, children });
|
|
32
|
-
};
|
|
33
|
-
//# sourceMappingURL=index.cjs.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["../../src/index.ts","../../src/components/TestComponent.tsx"],"sourcesContent":["export * from './components/index.js'\n","import { FlexRow } from '@xylabs/react-flexbox'\nimport { PropsWithChildren } from 'react'\n\nexport interface TestComponentProps extends PropsWithChildren {}\n\nexport const TestComponent: React.FC<TestComponentProps> = ({ children, ...props }) => {\n return <FlexRow {...props}>{children}</FlexRow>\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACAA,2BAAwB;AAMf;AADF,IAAM,gBAA8C,CAAC,EAAE,UAAU,GAAG,MAAM,MAAM;AACrF,SAAO,4CAAC,gCAAS,GAAG,OAAQ,UAAS;AACvC;","names":[]}
|
package/dist/browser/index.d.cts
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,uBAAuB,CAAA"}
|
package/dist/browser/index.d.mts
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,uBAAuB,CAAA"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,uBAAuB,CAAA"}
|
package/dist/browser/index.js
DELETED
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
// src/components/TestComponent.tsx
|
|
2
|
-
import { FlexRow } from "@xylabs/react-flexbox";
|
|
3
|
-
import { jsx } from "react/jsx-runtime";
|
|
4
|
-
var TestComponent = ({ children, ...props }) => {
|
|
5
|
-
return /* @__PURE__ */ jsx(FlexRow, { ...props, children });
|
|
6
|
-
};
|
|
7
|
-
export {
|
|
8
|
-
TestComponent
|
|
9
|
-
};
|
|
10
|
-
//# sourceMappingURL=index.js.map
|