@ledgerhq/lumen-ui-rnative 0.1.24 → 0.1.26
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/module/index.js +1 -0
- package/dist/module/index.js.map +1 -1
- package/dist/module/lib/Components/Avatar/Avatar.js +22 -23
- package/dist/module/lib/Components/Avatar/Avatar.js.map +1 -1
- package/dist/module/lib/Components/Avatar/Avatar.test.js +17 -23
- package/dist/module/lib/Components/Avatar/Avatar.test.js.map +1 -1
- package/dist/module/lib/Components/DotCount/DotCount.js +128 -0
- package/dist/module/lib/Components/DotCount/DotCount.js.map +1 -0
- package/dist/module/lib/Components/DotCount/DotCount.mdx +86 -0
- package/dist/module/lib/Components/DotCount/DotCount.stories.js +172 -0
- package/dist/module/lib/Components/DotCount/DotCount.stories.js.map +1 -0
- package/dist/module/lib/Components/DotCount/DotCount.test.js +174 -0
- package/dist/module/lib/Components/DotCount/DotCount.test.js.map +1 -0
- package/dist/module/lib/Components/DotCount/index.js +5 -0
- package/dist/module/lib/Components/DotCount/index.js.map +1 -0
- package/dist/module/lib/Components/DotCount/types.js +4 -0
- package/dist/module/lib/Components/DotCount/types.js.map +1 -0
- package/dist/module/lib/Components/DotIcon/DotIcon.js +134 -0
- package/dist/module/lib/Components/DotIcon/DotIcon.js.map +1 -0
- package/dist/module/lib/Components/DotIcon/DotIcon.mdx +56 -0
- package/dist/module/lib/Components/DotIcon/DotIcon.stories.js +217 -0
- package/dist/module/lib/Components/DotIcon/DotIcon.stories.js.map +1 -0
- package/dist/module/lib/Components/DotIcon/DotIcon.test.js +238 -0
- package/dist/module/lib/Components/DotIcon/DotIcon.test.js.map +1 -0
- package/dist/module/lib/Components/DotIcon/index.js +5 -0
- package/dist/module/lib/Components/DotIcon/index.js.map +1 -0
- package/dist/module/lib/Components/DotIcon/types.js +4 -0
- package/dist/module/lib/Components/DotIcon/types.js.map +1 -0
- package/dist/module/lib/Components/DotIndicator/DotIndicator.js +89 -0
- package/dist/module/lib/Components/DotIndicator/DotIndicator.js.map +1 -0
- package/dist/module/lib/Components/DotIndicator/DotIndicator.mdx +82 -0
- package/dist/module/lib/Components/DotIndicator/DotIndicator.stories.js +84 -0
- package/dist/module/lib/Components/DotIndicator/DotIndicator.stories.js.map +1 -0
- package/dist/module/lib/Components/DotIndicator/DotIndicator.test.js +136 -0
- package/dist/module/lib/Components/DotIndicator/DotIndicator.test.js.map +1 -0
- package/dist/module/lib/Components/DotIndicator/index.js +5 -0
- package/dist/module/lib/Components/DotIndicator/index.js.map +1 -0
- package/dist/module/lib/Components/DotIndicator/types.js +4 -0
- package/dist/module/lib/Components/DotIndicator/types.js.map +1 -0
- package/dist/module/lib/Components/DotSymbol/DotSymbol.js +29 -22
- package/dist/module/lib/Components/DotSymbol/DotSymbol.js.map +1 -1
- package/dist/module/lib/Components/DotSymbol/DotSymbol.stories.js +31 -9
- package/dist/module/lib/Components/DotSymbol/DotSymbol.stories.js.map +1 -1
- package/dist/module/lib/Components/MediaImage/MediaImage.js +2 -1
- package/dist/module/lib/Components/MediaImage/MediaImage.js.map +1 -1
- package/dist/module/lib/Components/MediaImage/MediaImage.stories.js +4 -0
- package/dist/module/lib/Components/MediaImage/MediaImage.stories.js.map +1 -1
- package/dist/module/lib/Components/Spinner/Spinner.js +6 -1
- package/dist/module/lib/Components/Spinner/Spinner.js.map +1 -1
- package/dist/module/lib/Components/TabBar/TabBar.js +16 -13
- package/dist/module/lib/Components/TabBar/TabBar.js.map +1 -1
- package/dist/module/lib/Components/Tag/Tag.js +2 -0
- package/dist/module/lib/Components/Tag/Tag.js.map +1 -1
- package/dist/module/lib/Components/Tag/Tag.stories.js +8 -1
- package/dist/module/lib/Components/Tag/Tag.stories.js.map +1 -1
- package/dist/module/lib/Components/index.js +3 -0
- package/dist/module/lib/Components/index.js.map +1 -1
- package/dist/typescript/src/index.d.ts +1 -0
- package/dist/typescript/src/index.d.ts.map +1 -1
- package/dist/typescript/src/lib/Components/Avatar/Avatar.d.ts +1 -1
- package/dist/typescript/src/lib/Components/Avatar/Avatar.d.ts.map +1 -1
- package/dist/typescript/src/lib/Components/DotCount/DotCount.d.ts +3 -0
- package/dist/typescript/src/lib/Components/DotCount/DotCount.d.ts.map +1 -0
- package/dist/typescript/src/lib/Components/DotCount/index.d.ts +3 -0
- package/dist/typescript/src/lib/Components/DotCount/index.d.ts.map +1 -0
- package/dist/typescript/src/lib/Components/DotCount/types.d.ts +40 -0
- package/dist/typescript/src/lib/Components/DotCount/types.d.ts.map +1 -0
- package/dist/typescript/src/lib/Components/DotIcon/DotIcon.d.ts +30 -0
- package/dist/typescript/src/lib/Components/DotIcon/DotIcon.d.ts.map +1 -0
- package/dist/typescript/src/lib/Components/DotIcon/index.d.ts +3 -0
- package/dist/typescript/src/lib/Components/DotIcon/index.d.ts.map +1 -0
- package/dist/typescript/src/lib/Components/DotIcon/types.d.ts +40 -0
- package/dist/typescript/src/lib/Components/DotIcon/types.d.ts.map +1 -0
- package/dist/typescript/src/lib/Components/DotIndicator/DotIndicator.d.ts +3 -0
- package/dist/typescript/src/lib/Components/DotIndicator/DotIndicator.d.ts.map +1 -0
- package/dist/typescript/src/lib/Components/DotIndicator/index.d.ts +3 -0
- package/dist/typescript/src/lib/Components/DotIndicator/index.d.ts.map +1 -0
- package/dist/typescript/src/lib/Components/DotIndicator/types.d.ts +25 -0
- package/dist/typescript/src/lib/Components/DotIndicator/types.d.ts.map +1 -0
- package/dist/typescript/src/lib/Components/DotSymbol/DotSymbol.d.ts.map +1 -1
- package/dist/typescript/src/lib/Components/MediaImage/MediaImage.d.ts.map +1 -1
- package/dist/typescript/src/lib/Components/MediaImage/types.d.ts +1 -1
- package/dist/typescript/src/lib/Components/MediaImage/types.d.ts.map +1 -1
- package/dist/typescript/src/lib/Components/Spinner/Spinner.d.ts +1 -1
- package/dist/typescript/src/lib/Components/Spinner/Spinner.d.ts.map +1 -1
- package/dist/typescript/src/lib/Components/TabBar/TabBar.d.ts.map +1 -1
- package/dist/typescript/src/lib/Components/Tag/Tag.d.ts.map +1 -1
- package/dist/typescript/src/lib/Components/Tag/types.d.ts +1 -1
- package/dist/typescript/src/lib/Components/Tag/types.d.ts.map +1 -1
- package/dist/typescript/src/lib/Components/index.d.ts +3 -0
- package/dist/typescript/src/lib/Components/index.d.ts.map +1 -1
- package/package.json +1 -1
- package/src/index.ts +1 -0
- package/src/lib/Components/Avatar/Avatar.test.tsx +17 -27
- package/src/lib/Components/Avatar/Avatar.tsx +24 -21
- package/src/lib/Components/DotCount/DotCount.mdx +86 -0
- package/src/lib/Components/DotCount/DotCount.stories.tsx +124 -0
- package/src/lib/Components/DotCount/DotCount.test.tsx +150 -0
- package/src/lib/Components/DotCount/DotCount.tsx +130 -0
- package/src/lib/Components/DotCount/index.ts +2 -0
- package/src/lib/Components/DotCount/types.ts +40 -0
- package/src/lib/Components/DotIcon/DotIcon.mdx +56 -0
- package/src/lib/Components/DotIcon/DotIcon.stories.tsx +154 -0
- package/src/lib/Components/DotIcon/DotIcon.test.tsx +224 -0
- package/src/lib/Components/DotIcon/DotIcon.tsx +146 -0
- package/src/lib/Components/DotIcon/index.ts +6 -0
- package/src/lib/Components/DotIcon/types.ts +44 -0
- package/src/lib/Components/DotIndicator/DotIndicator.mdx +82 -0
- package/src/lib/Components/DotIndicator/DotIndicator.stories.tsx +67 -0
- package/src/lib/Components/DotIndicator/DotIndicator.test.tsx +132 -0
- package/src/lib/Components/DotIndicator/DotIndicator.tsx +97 -0
- package/src/lib/Components/DotIndicator/index.ts +2 -0
- package/src/lib/Components/DotIndicator/types.ts +25 -0
- package/src/lib/Components/DotSymbol/DotSymbol.stories.tsx +26 -7
- package/src/lib/Components/DotSymbol/DotSymbol.tsx +22 -23
- package/src/lib/Components/MediaImage/MediaImage.stories.tsx +1 -0
- package/src/lib/Components/MediaImage/MediaImage.tsx +3 -1
- package/src/lib/Components/MediaImage/types.ts +1 -1
- package/src/lib/Components/Spinner/Spinner.tsx +6 -2
- package/src/lib/Components/TabBar/TabBar.tsx +17 -16
- package/src/lib/Components/Tag/Tag.stories.tsx +11 -1
- package/src/lib/Components/Tag/Tag.tsx +2 -0
- package/src/lib/Components/Tag/types.ts +8 -1
- package/src/lib/Components/index.ts +3 -0
|
@@ -0,0 +1,84 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
import { Button } from "../Button/Button.js";
|
|
4
|
+
import { Box } from "../Utility/Box/index.js";
|
|
5
|
+
import { DotIndicator } from "./DotIndicator.js";
|
|
6
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
7
|
+
const meta = {
|
|
8
|
+
component: DotIndicator,
|
|
9
|
+
title: 'Communication/DotIndicator',
|
|
10
|
+
parameters: {
|
|
11
|
+
docs: {
|
|
12
|
+
source: {
|
|
13
|
+
language: 'tsx',
|
|
14
|
+
format: true,
|
|
15
|
+
type: 'code'
|
|
16
|
+
}
|
|
17
|
+
}
|
|
18
|
+
},
|
|
19
|
+
argTypes: {
|
|
20
|
+
size: {
|
|
21
|
+
control: 'radio',
|
|
22
|
+
options: ['xs', 'sm', 'md']
|
|
23
|
+
},
|
|
24
|
+
appearance: {
|
|
25
|
+
control: 'radio',
|
|
26
|
+
options: ['base', 'red']
|
|
27
|
+
}
|
|
28
|
+
}
|
|
29
|
+
};
|
|
30
|
+
export default meta;
|
|
31
|
+
export const Base = {
|
|
32
|
+
args: {
|
|
33
|
+
appearance: 'base'
|
|
34
|
+
}
|
|
35
|
+
};
|
|
36
|
+
export const SizeShowcase = {
|
|
37
|
+
render: () => /*#__PURE__*/_jsxs(Box, {
|
|
38
|
+
lx: {
|
|
39
|
+
flexDirection: 'row',
|
|
40
|
+
alignItems: 'center',
|
|
41
|
+
gap: 's12'
|
|
42
|
+
},
|
|
43
|
+
children: [/*#__PURE__*/_jsx(DotIndicator, {
|
|
44
|
+
size: "xs"
|
|
45
|
+
}), /*#__PURE__*/_jsx(DotIndicator, {
|
|
46
|
+
size: "sm"
|
|
47
|
+
}), /*#__PURE__*/_jsx(DotIndicator, {
|
|
48
|
+
size: "md"
|
|
49
|
+
})]
|
|
50
|
+
})
|
|
51
|
+
};
|
|
52
|
+
export const AppearanceShowcase = {
|
|
53
|
+
render: () => /*#__PURE__*/_jsxs(Box, {
|
|
54
|
+
lx: {
|
|
55
|
+
flexDirection: 'row',
|
|
56
|
+
alignItems: 'center',
|
|
57
|
+
gap: 's12'
|
|
58
|
+
},
|
|
59
|
+
children: [/*#__PURE__*/_jsx(DotIndicator, {
|
|
60
|
+
appearance: "base"
|
|
61
|
+
}), /*#__PURE__*/_jsx(DotIndicator, {
|
|
62
|
+
appearance: "red"
|
|
63
|
+
}), /*#__PURE__*/_jsx(DotIndicator, {
|
|
64
|
+
disabled: true
|
|
65
|
+
})]
|
|
66
|
+
})
|
|
67
|
+
};
|
|
68
|
+
export const WithChildren = {
|
|
69
|
+
render: () => /*#__PURE__*/_jsx(Box, {
|
|
70
|
+
lx: {
|
|
71
|
+
flexDirection: 'row',
|
|
72
|
+
alignItems: 'center',
|
|
73
|
+
gap: 's12'
|
|
74
|
+
},
|
|
75
|
+
children: /*#__PURE__*/_jsx(DotIndicator, {
|
|
76
|
+
appearance: "red",
|
|
77
|
+
children: /*#__PURE__*/_jsx(Button, {
|
|
78
|
+
size: "sm",
|
|
79
|
+
children: "Submit"
|
|
80
|
+
})
|
|
81
|
+
})
|
|
82
|
+
})
|
|
83
|
+
};
|
|
84
|
+
//# sourceMappingURL=DotIndicator.stories.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["Button","Box","DotIndicator","jsx","_jsx","jsxs","_jsxs","meta","component","title","parameters","docs","source","language","format","type","argTypes","size","control","options","appearance","Base","args","SizeShowcase","render","lx","flexDirection","alignItems","gap","children","AppearanceShowcase","disabled","WithChildren"],"sourceRoot":"../../../../../src","sources":["lib/Components/DotIndicator/DotIndicator.stories.tsx"],"mappings":";;AACA,SAASA,MAAM,QAAQ,qBAAkB;AACzC,SAASC,GAAG,QAAQ,yBAAgB;AACpC,SAASC,YAAY,QAAQ,mBAAgB;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAE9C,MAAMC,IAAI,GAAG;EACXC,SAAS,EAAEN,YAAY;EACvBO,KAAK,EAAE,4BAA4B;EACnCC,UAAU,EAAE;IACVC,IAAI,EAAE;MACJC,MAAM,EAAE;QACNC,QAAQ,EAAE,KAAK;QACfC,MAAM,EAAE,IAAI;QACZC,IAAI,EAAE;MACR;IACF;EACF,CAAC;EACDC,QAAQ,EAAE;IACRC,IAAI,EAAE;MACJC,OAAO,EAAE,OAAO;MAChBC,OAAO,EAAE,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI;IAC5B,CAAC;IACDC,UAAU,EAAE;MACVF,OAAO,EAAE,OAAO;MAChBC,OAAO,EAAE,CAAC,MAAM,EAAE,KAAK;IACzB;EACF;AACF,CAAqC;AAErC,eAAeZ,IAAI;AAGnB,OAAO,MAAMc,IAAW,GAAG;EACzBC,IAAI,EAAE;IACJF,UAAU,EAAE;EACd;AACF,CAAC;AAED,OAAO,MAAMG,YAAmB,GAAG;EACjCC,MAAM,EAAEA,CAAA,kBACNlB,KAAA,CAACL,GAAG;IAACwB,EAAE,EAAE;MAAEC,aAAa,EAAE,KAAK;MAAEC,UAAU,EAAE,QAAQ;MAAEC,GAAG,EAAE;IAAM,CAAE;IAAAC,QAAA,gBAClEzB,IAAA,CAACF,YAAY;MAACe,IAAI,EAAC;IAAI,CAAE,CAAC,eAC1Bb,IAAA,CAACF,YAAY;MAACe,IAAI,EAAC;IAAI,CAAE,CAAC,eAC1Bb,IAAA,CAACF,YAAY;MAACe,IAAI,EAAC;IAAI,CAAE,CAAC;EAAA,CACvB;AAET,CAAC;AAED,OAAO,MAAMa,kBAAyB,GAAG;EACvCN,MAAM,EAAEA,CAAA,kBACNlB,KAAA,CAACL,GAAG;IAACwB,EAAE,EAAE;MAAEC,aAAa,EAAE,KAAK;MAAEC,UAAU,EAAE,QAAQ;MAAEC,GAAG,EAAE;IAAM,CAAE;IAAAC,QAAA,gBAClEzB,IAAA,CAACF,YAAY;MAACkB,UAAU,EAAC;IAAM,CAAE,CAAC,eAClChB,IAAA,CAACF,YAAY;MAACkB,UAAU,EAAC;IAAK,CAAE,CAAC,eACjChB,IAAA,CAACF,YAAY;MAAC6B,QAAQ;IAAA,CAAE,CAAC;EAAA,CACtB;AAET,CAAC;AAED,OAAO,MAAMC,YAAmB,GAAG;EACjCR,MAAM,EAAEA,CAAA,kBACNpB,IAAA,CAACH,GAAG;IAACwB,EAAE,EAAE;MAAEC,aAAa,EAAE,KAAK;MAAEC,UAAU,EAAE,QAAQ;MAAEC,GAAG,EAAE;IAAM,CAAE;IAAAC,QAAA,eAClEzB,IAAA,CAACF,YAAY;MAACkB,UAAU,EAAC,KAAK;MAAAS,QAAA,eAC5BzB,IAAA,CAACJ,MAAM;QAACiB,IAAI,EAAC,IAAI;QAAAY,QAAA,EAAC;MAAM,CAAQ;IAAC,CACrB;EAAC,CACZ;AAET,CAAC","ignoreList":[]}
|
|
@@ -0,0 +1,136 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
import { describe, it, expect } from '@jest/globals';
|
|
4
|
+
import { ledgerLiveThemes } from '@ledgerhq/lumen-design-core';
|
|
5
|
+
import { render } from '@testing-library/react-native';
|
|
6
|
+
import { createRef } from 'react';
|
|
7
|
+
import { Text } from 'react-native';
|
|
8
|
+
import { ThemeProvider } from "../ThemeProvider/ThemeProvider.js";
|
|
9
|
+
import { DotIndicator } from "./DotIndicator.js";
|
|
10
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
11
|
+
const TestWrapper = ({
|
|
12
|
+
children
|
|
13
|
+
}) => /*#__PURE__*/_jsx(ThemeProvider, {
|
|
14
|
+
themes: ledgerLiveThemes,
|
|
15
|
+
colorScheme: "dark",
|
|
16
|
+
locale: "en",
|
|
17
|
+
children: children
|
|
18
|
+
});
|
|
19
|
+
describe('DotIndicator', () => {
|
|
20
|
+
it('should render without crashing', () => {
|
|
21
|
+
const {
|
|
22
|
+
toJSON
|
|
23
|
+
} = render(/*#__PURE__*/_jsx(TestWrapper, {
|
|
24
|
+
children: /*#__PURE__*/_jsx(DotIndicator, {})
|
|
25
|
+
}));
|
|
26
|
+
expect(toJSON()).toBeTruthy();
|
|
27
|
+
});
|
|
28
|
+
it('should render children', () => {
|
|
29
|
+
const {
|
|
30
|
+
getByText
|
|
31
|
+
} = render(/*#__PURE__*/_jsx(TestWrapper, {
|
|
32
|
+
children: /*#__PURE__*/_jsx(DotIndicator, {
|
|
33
|
+
children: /*#__PURE__*/_jsx(Text, {
|
|
34
|
+
children: "Child"
|
|
35
|
+
})
|
|
36
|
+
})
|
|
37
|
+
}));
|
|
38
|
+
expect(getByText('Child')).toBeTruthy();
|
|
39
|
+
});
|
|
40
|
+
it('should apply accessibility label', () => {
|
|
41
|
+
const {
|
|
42
|
+
getByLabelText
|
|
43
|
+
} = render(/*#__PURE__*/_jsx(TestWrapper, {
|
|
44
|
+
children: /*#__PURE__*/_jsx(DotIndicator, {
|
|
45
|
+
accessibilityLabel: "New notifications"
|
|
46
|
+
})
|
|
47
|
+
}));
|
|
48
|
+
expect(getByLabelText('New notifications')).toBeTruthy();
|
|
49
|
+
});
|
|
50
|
+
it('should forward testID to the outer wrapper', () => {
|
|
51
|
+
const {
|
|
52
|
+
getByTestId
|
|
53
|
+
} = render(/*#__PURE__*/_jsx(TestWrapper, {
|
|
54
|
+
children: /*#__PURE__*/_jsx(DotIndicator, {
|
|
55
|
+
testID: "dot-indicator"
|
|
56
|
+
})
|
|
57
|
+
}));
|
|
58
|
+
expect(getByTestId('dot-indicator')).toBeTruthy();
|
|
59
|
+
});
|
|
60
|
+
it('should forward pointerEvents to the outer wrapper', () => {
|
|
61
|
+
const {
|
|
62
|
+
getByTestId
|
|
63
|
+
} = render(/*#__PURE__*/_jsx(TestWrapper, {
|
|
64
|
+
children: /*#__PURE__*/_jsx(DotIndicator, {
|
|
65
|
+
testID: "dot-indicator",
|
|
66
|
+
pointerEvents: "none"
|
|
67
|
+
})
|
|
68
|
+
}));
|
|
69
|
+
expect(getByTestId('dot-indicator').props.pointerEvents).toBe('none');
|
|
70
|
+
});
|
|
71
|
+
it('should forward ref to the outer wrapper', () => {
|
|
72
|
+
const ref = /*#__PURE__*/createRef();
|
|
73
|
+
render(/*#__PURE__*/_jsx(TestWrapper, {
|
|
74
|
+
children: /*#__PURE__*/_jsx(DotIndicator, {
|
|
75
|
+
ref: ref
|
|
76
|
+
})
|
|
77
|
+
}));
|
|
78
|
+
expect(ref.current).toBeTruthy();
|
|
79
|
+
});
|
|
80
|
+
it('should render in xs size', () => {
|
|
81
|
+
const {
|
|
82
|
+
toJSON
|
|
83
|
+
} = render(/*#__PURE__*/_jsx(TestWrapper, {
|
|
84
|
+
children: /*#__PURE__*/_jsx(DotIndicator, {
|
|
85
|
+
size: "xs"
|
|
86
|
+
})
|
|
87
|
+
}));
|
|
88
|
+
expect(toJSON()).toBeTruthy();
|
|
89
|
+
});
|
|
90
|
+
it('should render in md size', () => {
|
|
91
|
+
const {
|
|
92
|
+
toJSON
|
|
93
|
+
} = render(/*#__PURE__*/_jsx(TestWrapper, {
|
|
94
|
+
children: /*#__PURE__*/_jsx(DotIndicator, {
|
|
95
|
+
size: "md"
|
|
96
|
+
})
|
|
97
|
+
}));
|
|
98
|
+
expect(toJSON()).toBeTruthy();
|
|
99
|
+
});
|
|
100
|
+
it('should render with red appearance', () => {
|
|
101
|
+
const {
|
|
102
|
+
toJSON
|
|
103
|
+
} = render(/*#__PURE__*/_jsx(TestWrapper, {
|
|
104
|
+
children: /*#__PURE__*/_jsx(DotIndicator, {
|
|
105
|
+
appearance: "red"
|
|
106
|
+
})
|
|
107
|
+
}));
|
|
108
|
+
expect(toJSON()).toBeTruthy();
|
|
109
|
+
});
|
|
110
|
+
it('should render with disabled state', () => {
|
|
111
|
+
const {
|
|
112
|
+
toJSON
|
|
113
|
+
} = render(/*#__PURE__*/_jsx(TestWrapper, {
|
|
114
|
+
children: /*#__PURE__*/_jsx(DotIndicator, {
|
|
115
|
+
disabled: true
|
|
116
|
+
})
|
|
117
|
+
}));
|
|
118
|
+
expect(toJSON()).toBeTruthy();
|
|
119
|
+
});
|
|
120
|
+
it('should render pinned overlay when children provided', () => {
|
|
121
|
+
const {
|
|
122
|
+
getByTestId,
|
|
123
|
+
getByText
|
|
124
|
+
} = render(/*#__PURE__*/_jsx(TestWrapper, {
|
|
125
|
+
children: /*#__PURE__*/_jsx(DotIndicator, {
|
|
126
|
+
testID: "dot-indicator",
|
|
127
|
+
children: /*#__PURE__*/_jsx(Text, {
|
|
128
|
+
children: "Content"
|
|
129
|
+
})
|
|
130
|
+
})
|
|
131
|
+
}));
|
|
132
|
+
expect(getByTestId('dot-indicator')).toBeTruthy();
|
|
133
|
+
expect(getByText('Content')).toBeTruthy();
|
|
134
|
+
});
|
|
135
|
+
});
|
|
136
|
+
//# sourceMappingURL=DotIndicator.test.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["describe","it","expect","ledgerLiveThemes","render","createRef","Text","ThemeProvider","DotIndicator","jsx","_jsx","TestWrapper","children","themes","colorScheme","locale","toJSON","toBeTruthy","getByText","getByLabelText","accessibilityLabel","getByTestId","testID","pointerEvents","props","toBe","ref","current","size","appearance","disabled"],"sourceRoot":"../../../../../src","sources":["lib/Components/DotIndicator/DotIndicator.test.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":[],"sourceRoot":"../../../../../src","sources":["lib/Components/DotIndicator/index.ts"],"mappings":";;AAAA,cAAc,mBAAgB;AAC9B,cAAc,YAAS","ignoreList":[]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":[],"sourceRoot":"../../../../../src","sources":["lib/Components/DotIndicator/types.ts"],"mappings":"","ignoreList":[]}
|
|
@@ -5,13 +5,13 @@ import { Image, StyleSheet } from 'react-native';
|
|
|
5
5
|
import { useStyleSheet } from "../../../styles/index.js";
|
|
6
6
|
import { Box } from "../Utility/index.js";
|
|
7
7
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
8
|
-
const
|
|
9
|
-
8:
|
|
10
|
-
10:
|
|
11
|
-
12:
|
|
12
|
-
16:
|
|
13
|
-
20:
|
|
14
|
-
24:
|
|
8
|
+
const dotSquareRadiusMap = {
|
|
9
|
+
8: 2,
|
|
10
|
+
10: 3,
|
|
11
|
+
12: 4,
|
|
12
|
+
16: 5,
|
|
13
|
+
20: 6,
|
|
14
|
+
24: 8
|
|
15
15
|
};
|
|
16
16
|
const offsetBySize = {
|
|
17
17
|
8: -2,
|
|
@@ -29,7 +29,8 @@ export const mediaImageDotSizeMap = {
|
|
|
29
29
|
32: 12,
|
|
30
30
|
40: 16,
|
|
31
31
|
48: 20,
|
|
32
|
-
56: 24
|
|
32
|
+
56: 24,
|
|
33
|
+
64: 24
|
|
33
34
|
};
|
|
34
35
|
export const spotDotSizeMap = {
|
|
35
36
|
32: 12,
|
|
@@ -59,7 +60,7 @@ const useStyles = ({
|
|
|
59
60
|
}) => {
|
|
60
61
|
return useStyleSheet(t => {
|
|
61
62
|
const sizeValue = t.sizes[`s${size}`];
|
|
62
|
-
const radius = shape === 'circle' ? t.borderRadius.full :
|
|
63
|
+
const radius = shape === 'circle' ? t.borderRadius.full : dotSquareRadiusMap[size];
|
|
63
64
|
const pinOffset = getPinOffset(pin, size);
|
|
64
65
|
return {
|
|
65
66
|
dot: {
|
|
@@ -114,7 +115,7 @@ export const DotSymbol = ({
|
|
|
114
115
|
useEffect(() => {
|
|
115
116
|
setError(false);
|
|
116
117
|
}, [src]);
|
|
117
|
-
return /*#__PURE__*/
|
|
118
|
+
return /*#__PURE__*/_jsx(Box, {
|
|
118
119
|
ref: ref,
|
|
119
120
|
lx: lx,
|
|
120
121
|
style: StyleSheet.flatten([{
|
|
@@ -123,18 +124,24 @@ export const DotSymbol = ({
|
|
|
123
124
|
accessibilityRole: "image",
|
|
124
125
|
accessibilityLabel: alt,
|
|
125
126
|
...rest,
|
|
126
|
-
children:
|
|
127
|
-
style:
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
style: styles.
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
|
|
137
|
-
|
|
127
|
+
children: /*#__PURE__*/_jsxs(Box, {
|
|
128
|
+
style: {
|
|
129
|
+
alignSelf: 'flex-start',
|
|
130
|
+
position: 'relative'
|
|
131
|
+
},
|
|
132
|
+
children: [children, /*#__PURE__*/_jsx(Box, {
|
|
133
|
+
style: styles.dot,
|
|
134
|
+
children: !error && /*#__PURE__*/_jsx(Image, {
|
|
135
|
+
source: {
|
|
136
|
+
uri: src
|
|
137
|
+
},
|
|
138
|
+
style: styles.image,
|
|
139
|
+
accessible: false,
|
|
140
|
+
onError: () => setError(true),
|
|
141
|
+
testID: "dot-symbol-img"
|
|
142
|
+
})
|
|
143
|
+
})]
|
|
144
|
+
})
|
|
138
145
|
});
|
|
139
146
|
};
|
|
140
147
|
DotSymbol.displayName = 'DotSymbol';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["useEffect","useState","Image","StyleSheet","useStyleSheet","Box","jsx","_jsx","jsxs","_jsxs","
|
|
1
|
+
{"version":3,"names":["useEffect","useState","Image","StyleSheet","useStyleSheet","Box","jsx","_jsx","jsxs","_jsxs","dotSquareRadiusMap","offsetBySize","mediaImageDotSizeMap","spotDotSizeMap","pinAxisMap","getPinOffset","pin","size","v","h","offset","useStyles","shape","t","sizeValue","sizes","radius","borderRadius","full","pinOffset","dot","position","zIndex","width","height","borderWidth","backgroundColor","colors","bg","muted","borderColor","border","baseInverted","overflow","image","DotSymbol","children","src","alt","lx","style","ref","rest","styles","error","setError","flatten","accessibilityRole","accessibilityLabel","alignSelf","source","uri","accessible","onError","testID","displayName"],"sourceRoot":"../../../../../src","sources":["lib/Components/DotSymbol/DotSymbol.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -28,13 +28,16 @@ export const Base = {
|
|
|
28
28
|
alt: 'Ethereum network',
|
|
29
29
|
pin: 'bottom-end',
|
|
30
30
|
size: 20,
|
|
31
|
-
shape: 'circle'
|
|
31
|
+
shape: 'circle'
|
|
32
|
+
},
|
|
33
|
+
render: args => /*#__PURE__*/_jsx(DotSymbol, {
|
|
34
|
+
...args,
|
|
32
35
|
children: /*#__PURE__*/_jsx(MediaImage, {
|
|
33
36
|
src: parentSrc,
|
|
34
37
|
alt: "Cardano",
|
|
35
|
-
shape:
|
|
38
|
+
shape: args.shape
|
|
36
39
|
})
|
|
37
|
-
}
|
|
40
|
+
})
|
|
38
41
|
};
|
|
39
42
|
export const PinShowcase = {
|
|
40
43
|
args: {
|
|
@@ -227,6 +230,15 @@ export const SizeShowcase = {
|
|
|
227
230
|
size: 56,
|
|
228
231
|
shape: "circle"
|
|
229
232
|
})
|
|
233
|
+
}), /*#__PURE__*/_jsx(DotSymbol, {
|
|
234
|
+
src: dotSrc,
|
|
235
|
+
size: mediaImageDotSizeMap[64],
|
|
236
|
+
pin: "bottom-end",
|
|
237
|
+
children: /*#__PURE__*/_jsx(MediaImage, {
|
|
238
|
+
src: parentSrc,
|
|
239
|
+
size: 64,
|
|
240
|
+
shape: "circle"
|
|
241
|
+
})
|
|
230
242
|
})]
|
|
231
243
|
}), /*#__PURE__*/_jsxs(Box, {
|
|
232
244
|
lx: {
|
|
@@ -242,7 +254,7 @@ export const SizeShowcase = {
|
|
|
242
254
|
children: /*#__PURE__*/_jsx(MediaImage, {
|
|
243
255
|
src: parentSrc,
|
|
244
256
|
size: 20,
|
|
245
|
-
shape: "
|
|
257
|
+
shape: "square"
|
|
246
258
|
})
|
|
247
259
|
}), /*#__PURE__*/_jsx(DotSymbol, {
|
|
248
260
|
shape: "square",
|
|
@@ -252,7 +264,7 @@ export const SizeShowcase = {
|
|
|
252
264
|
children: /*#__PURE__*/_jsx(MediaImage, {
|
|
253
265
|
src: parentSrc,
|
|
254
266
|
size: 24,
|
|
255
|
-
shape: "
|
|
267
|
+
shape: "square"
|
|
256
268
|
})
|
|
257
269
|
}), /*#__PURE__*/_jsx(DotSymbol, {
|
|
258
270
|
shape: "square",
|
|
@@ -262,7 +274,7 @@ export const SizeShowcase = {
|
|
|
262
274
|
children: /*#__PURE__*/_jsx(MediaImage, {
|
|
263
275
|
src: parentSrc,
|
|
264
276
|
size: 32,
|
|
265
|
-
shape: "
|
|
277
|
+
shape: "square"
|
|
266
278
|
})
|
|
267
279
|
}), /*#__PURE__*/_jsx(DotSymbol, {
|
|
268
280
|
shape: "square",
|
|
@@ -272,7 +284,7 @@ export const SizeShowcase = {
|
|
|
272
284
|
children: /*#__PURE__*/_jsx(MediaImage, {
|
|
273
285
|
src: parentSrc,
|
|
274
286
|
size: 40,
|
|
275
|
-
shape: "
|
|
287
|
+
shape: "square"
|
|
276
288
|
})
|
|
277
289
|
}), /*#__PURE__*/_jsx(DotSymbol, {
|
|
278
290
|
shape: "square",
|
|
@@ -282,7 +294,7 @@ export const SizeShowcase = {
|
|
|
282
294
|
children: /*#__PURE__*/_jsx(MediaImage, {
|
|
283
295
|
src: parentSrc,
|
|
284
296
|
size: 48,
|
|
285
|
-
shape: "
|
|
297
|
+
shape: "square"
|
|
286
298
|
})
|
|
287
299
|
}), /*#__PURE__*/_jsx(DotSymbol, {
|
|
288
300
|
shape: "square",
|
|
@@ -292,7 +304,17 @@ export const SizeShowcase = {
|
|
|
292
304
|
children: /*#__PURE__*/_jsx(MediaImage, {
|
|
293
305
|
src: parentSrc,
|
|
294
306
|
size: 56,
|
|
295
|
-
shape: "
|
|
307
|
+
shape: "square"
|
|
308
|
+
})
|
|
309
|
+
}), /*#__PURE__*/_jsx(DotSymbol, {
|
|
310
|
+
shape: "square",
|
|
311
|
+
src: dotSrc,
|
|
312
|
+
size: mediaImageDotSizeMap[64],
|
|
313
|
+
pin: "bottom-end",
|
|
314
|
+
children: /*#__PURE__*/_jsx(MediaImage, {
|
|
315
|
+
src: parentSrc,
|
|
316
|
+
size: 64,
|
|
317
|
+
shape: "square"
|
|
296
318
|
})
|
|
297
319
|
})]
|
|
298
320
|
})]
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["CoinAlert","MediaImage","Spot","Box","DotSymbol","mediaImageDotSizeMap","jsx","_jsx","jsxs","_jsxs","meta","component","title","parameters","docs","source","language","format","type","parentSrc","dotSrc","Base","args","src","alt","pin","size","shape","
|
|
1
|
+
{"version":3,"names":["CoinAlert","MediaImage","Spot","Box","DotSymbol","mediaImageDotSizeMap","jsx","_jsx","jsxs","_jsxs","meta","component","title","parameters","docs","source","language","format","type","parentSrc","dotSrc","Base","args","src","alt","pin","size","shape","render","children","PinShowcase","lx","flexDirection","alignItems","gap","appearance","icon","ShapeShowcase","SizeShowcase"],"sourceRoot":"../../../../../src","sources":["lib/Components/DotSymbol/DotSymbol.stories.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["useEffect","useState","Image","StyleSheet","useStyleSheet","Box","jsx","_jsx","borderRadiusMap","useStyles","size","shape","t","sizeValue","sizes","radius","borderRadius","full","root","width","height","overflow","alignItems","justifyContent","backgroundColor","colors","bg","muted","image","MediaImage","src","alt","lx","style","ref","props","error","setError","shouldFallback","styles","flatten","accessibilityRole","accessibilityLabel","children","source","uri","accessible","onError","testID"],"sourceRoot":"../../../../../src","sources":["lib/Components/MediaImage/MediaImage.tsx"],"mappings":";;AAAA,SAASA,SAAS,EAAEC,QAAQ,QAAQ,OAAO;AAC3C,SAASC,KAAK,EAAEC,UAAU,QAAQ,cAAc;AAChD,SAASC,aAAa,QAAQ,0BAAiB;
|
|
1
|
+
{"version":3,"names":["useEffect","useState","Image","StyleSheet","useStyleSheet","Box","jsx","_jsx","borderRadiusMap","useStyles","size","shape","t","sizeValue","sizes","radius","borderRadius","full","root","width","height","overflow","alignItems","justifyContent","backgroundColor","colors","bg","muted","image","MediaImage","src","alt","lx","style","ref","props","error","setError","shouldFallback","styles","flatten","accessibilityRole","accessibilityLabel","children","source","uri","accessible","onError","testID"],"sourceRoot":"../../../../../src","sources":["lib/Components/MediaImage/MediaImage.tsx"],"mappings":";;AAAA,SAASA,SAAS,EAAEC,QAAQ,QAAQ,OAAO;AAC3C,SAASC,KAAK,EAAEC,UAAU,QAAQ,cAAc;AAChD,SAASC,aAAa,QAAQ,0BAAiB;AAE/C,SAASC,GAAG,QAAQ,qBAAY;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAKjC,MAAMC,eAAwD,GAAG;EAC/D,EAAE,EAAE,IAAI;EACR,EAAE,EAAE,IAAI;EACR,EAAE,EAAE,IAAI;EACR,EAAE,EAAE,IAAI;EACR,EAAE,EAAE,IAAI;EACR,EAAE,EAAE,IAAI;EACR,EAAE,EAAE,IAAI;EACR,EAAE,EAAE,IAAI;EACR,EAAE,EAAE;AACN,CAAC;AAED,MAAMC,SAAS,GAAGA,CAAC;EACjBC,IAAI;EACJC;AAIF,CAAC,KAAK;EACJ,OAAOP,aAAa,CACjBQ,CAAC,IAAK;IACL,MAAMC,SAAS,GAAGD,CAAC,CAACE,KAAK,CAAC,IAAIJ,IAAI,EAAE,CAAmC;IACvE,MAAMK,MAAM,GACVJ,KAAK,KAAK,QAAQ,GACdC,CAAC,CAACI,YAAY,CAACC,IAAI,GACnBL,CAAC,CAACI,YAAY,CAACR,eAAe,CAACE,IAAI,CAAC,CAAC;IAE3C,OAAO;MACLQ,IAAI,EAAE;QACJC,KAAK,EAAEN,SAAS;QAChBO,MAAM,EAAEP,SAAS;QACjBG,YAAY,EAAED,MAAM;QACpBM,QAAQ,EAAE,QAAQ;QAClBC,UAAU,EAAE,QAAQ;QACpBC,cAAc,EAAE,QAAQ;QACxBC,eAAe,EAAEZ,CAAC,CAACa,MAAM,CAACC,EAAE,CAACC;MAC/B,CAAC;MACDC,KAAK,EAAE;QACLT,KAAK,EAAE,MAAM;QACbC,MAAM,EAAE;MACV;IACF,CAAC;EACH,CAAC,EACD,CAACV,IAAI,EAAEC,KAAK,CACd,CAAC;AACH,CAAC;;AAED;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMkB,UAAU,GAAGA,CAAC;EACzBC,GAAG;EACHC,GAAG;EACHrB,IAAI,GAAG,EAAE;EACTC,KAAK,GAAG,QAAQ;EAChBqB,EAAE,GAAG,CAAC,CAAC;EACPC,KAAK;EACLC,GAAG;EACH,GAAGC;AACY,CAAC,KAAK;EACrB,MAAM,CAACC,KAAK,EAAEC,QAAQ,CAAC,GAAGpC,QAAQ,CAAC,KAAK,CAAC;EACzC,MAAMqC,cAAc,GAAG,CAACR,GAAG,IAAIM,KAAK;EACpC,MAAMG,MAAM,GAAG9B,SAAS,CAAC;IAAEC,IAAI;IAAEC;EAAM,CAAC,CAAC;EAEzCX,SAAS,CAAC,MAAM;IACdqC,QAAQ,CAAC,KAAK,CAAC;EACjB,CAAC,EAAE,CAACP,GAAG,CAAC,CAAC;EAET,oBACEvB,IAAA,CAACF,GAAG;IACF6B,GAAG,EAAEA,GAAI;IACTF,EAAE,EAAEA,EAAG;IACPC,KAAK,EAAE9B,UAAU,CAACqC,OAAO,CAAC,CAACD,MAAM,CAACrB,IAAI,EAAEe,KAAK,CAAC,CAAE;IAChDQ,iBAAiB,EAAC,OAAO;IACzBC,kBAAkB,EAAEX,GAAI;IAAA,GACpBI,KAAK;IAAAQ,QAAA,EAER,CAACL,cAAc,iBACd/B,IAAA,CAACL,KAAK;MACJ0C,MAAM,EAAE;QAAEC,GAAG,EAAEf;MAAI,CAAE;MACrBG,KAAK,EAAEM,MAAM,CAACX,KAAM;MACpBkB,UAAU,EAAE,KAAM;MAClBC,OAAO,EAAEA,CAAA,KAAMV,QAAQ,CAAC,IAAI,CAAE;MAC9BW,MAAM,EAAC;IAAiB,CACzB;EACF,CACE,CAAC;AAEV,CAAC","ignoreList":[]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["Box","MediaImage","jsx","_jsx","jsxs","_jsxs","meta","component","title","parameters","docs","source","language","format","type","exampleSrc","Base","args","src","alt","size","shape","SizeShowcase","render","lx","flexDirection","alignItems","gap","children","ShapeShowcase"],"sourceRoot":"../../../../../src","sources":["lib/Components/MediaImage/MediaImage.stories.tsx"],"mappings":";;AACA,SAASA,GAAG,QAAQ,qBAAY;AAChC,SAASC,UAAU,QAAQ,iBAAc;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAE1C,MAAMC,IAAI,GAAG;EACXC,SAAS,EAAEN,UAAU;EACrBO,KAAK,EAAE,0BAA0B;EACjCC,UAAU,EAAE;IACVC,IAAI,EAAE;MACJC,MAAM,EAAE;QACNC,QAAQ,EAAE,KAAK;QACfC,MAAM,EAAE,IAAI;QACZC,IAAI,EAAE;MACR;IACF;EACF;AACF,CAAmC;AAEnC,eAAeR,IAAI;AAGnB,MAAMS,UAAU,GAAG,yCAAyC;AAE5D,OAAO,MAAMC,IAAW,GAAG;EACzBC,IAAI,EAAE;IACJC,GAAG,EAAEH,UAAU;IACfI,GAAG,EAAE,SAAS;IACdC,IAAI,EAAE,EAAE;IACRC,KAAK,EAAE;EACT;AACF,CAAC;AAED,OAAO,MAAMC,YAAmB,GAAG;EACjCC,MAAM,EAAEA,CAAA,kBACNlB,KAAA,CAACL,GAAG;IAACwB,EAAE,EAAE;MAAEC,aAAa,EAAE,KAAK;MAAEC,UAAU,EAAE,UAAU;MAAEC,GAAG,EAAE;IAAM,CAAE;IAAAC,QAAA,gBACpEzB,IAAA,CAACF,UAAU;MAACiB,GAAG,EAAEH,UAAW;MAACI,GAAG,EAAC,SAAS;MAACC,IAAI,EAAE;IAAG,CAAE,CAAC,eACvDjB,IAAA,CAACF,UAAU;MAACiB,GAAG,EAAEH,UAAW;MAACI,GAAG,EAAC,SAAS;MAACC,IAAI,EAAE;IAAG,CAAE,CAAC,eACvDjB,IAAA,CAACF,UAAU;MAACiB,GAAG,EAAEH,UAAW;MAACI,GAAG,EAAC,SAAS;MAACC,IAAI,EAAE;IAAG,CAAE,CAAC,eACvDjB,IAAA,CAACF,UAAU;MAACiB,GAAG,EAAEH,UAAW;MAACI,GAAG,EAAC,SAAS;MAACC,IAAI,EAAE;IAAG,CAAE,CAAC,eACvDjB,IAAA,CAACF,UAAU;MAACiB,GAAG,EAAEH,UAAW;MAACI,GAAG,EAAC,SAAS;MAACC,IAAI,EAAE;IAAG,CAAE,CAAC,eACvDjB,IAAA,CAACF,UAAU;MAACiB,GAAG,EAAEH,UAAW;MAACI,GAAG,EAAC,SAAS;MAACC,IAAI,EAAE;IAAG,CAAE,CAAC,eACvDjB,IAAA,CAACF,UAAU;MAACiB,GAAG,EAAEH,UAAW;MAACI,GAAG,EAAC,SAAS;MAACC,IAAI,EAAE;IAAG,CAAE,CAAC,eACvDjB,IAAA,CAACF,UAAU;MAACiB,GAAG,EAAEH,UAAW;MAACI,GAAG,EAAC,SAAS;MAACC,IAAI,EAAE;IAAG,CAAE,CAAC;EAAA,CACpD;AAET,CAAC;AAED,OAAO,MAAMS,aAAoB,GAAG;EAClCN,MAAM,EAAEA,CAAA,kBACNlB,KAAA,CAACL,GAAG;IAACwB,EAAE,EAAE;MAAEC,aAAa,EAAE,KAAK;MAAEC,UAAU,EAAE,QAAQ;MAAEC,GAAG,EAAE;IAAM,CAAE;IAAAC,QAAA,gBAClEzB,IAAA,CAACF,UAAU;MAACiB,GAAG,EAAEH,UAAW;MAACI,GAAG,EAAC,QAAQ;MAACC,IAAI,EAAE,EAAG;MAACC,KAAK,EAAC;IAAQ,CAAE,CAAC,eACrElB,IAAA,CAACF,UAAU;MAACiB,GAAG,EAAEH,UAAW;MAACI,GAAG,EAAC,QAAQ;MAACC,IAAI,EAAE,EAAG;MAACC,KAAK,EAAC;IAAQ,CAAE,CAAC;EAAA,CAClE;AAET,CAAC","ignoreList":[]}
|
|
1
|
+
{"version":3,"names":["Box","MediaImage","jsx","_jsx","jsxs","_jsxs","meta","component","title","parameters","docs","source","language","format","type","exampleSrc","Base","args","src","alt","size","shape","SizeShowcase","render","lx","flexDirection","alignItems","gap","children","ShapeShowcase"],"sourceRoot":"../../../../../src","sources":["lib/Components/MediaImage/MediaImage.stories.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
+
import { StyleSheet } from 'react-native';
|
|
3
4
|
import Svg, { Path } from 'react-native-svg';
|
|
4
5
|
import { useCommonTranslation } from "../../../i18n/index.js";
|
|
5
6
|
import { useResolveTextStyle, useTheme } from "../../../styles/index.js";
|
|
@@ -24,6 +25,7 @@ export const Spinner = ({
|
|
|
24
25
|
lx = {},
|
|
25
26
|
size = 16,
|
|
26
27
|
color,
|
|
28
|
+
style,
|
|
27
29
|
ref,
|
|
28
30
|
...props
|
|
29
31
|
}) => {
|
|
@@ -36,13 +38,16 @@ export const Spinner = ({
|
|
|
36
38
|
const resolvedColorStyle = useResolveTextStyle({
|
|
37
39
|
color
|
|
38
40
|
});
|
|
39
|
-
const
|
|
41
|
+
const flatStyle = StyleSheet.flatten(style);
|
|
42
|
+
const styleColor = flatStyle?.color;
|
|
43
|
+
const strokeColor = resolvedColorStyle?.color ?? color ?? styleColor ?? theme.colors.text.base;
|
|
40
44
|
return /*#__PURE__*/_jsx(Box, {
|
|
41
45
|
ref: ref,
|
|
42
46
|
lx: {
|
|
43
47
|
flexShrink: 0,
|
|
44
48
|
...lx
|
|
45
49
|
},
|
|
50
|
+
style: style,
|
|
46
51
|
...props,
|
|
47
52
|
children: /*#__PURE__*/_jsx(Spin, {
|
|
48
53
|
children: /*#__PURE__*/_jsx(Svg, {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["Svg","Path","useCommonTranslation","useResolveTextStyle","useTheme","Spin","Box","jsx","_jsx","Spinner","lx","size","color","ref","props","t","theme","resolvedColorStyle","strokeColor","colors","text","base","flexShrink","children","width","height","viewBox","fill","accessibilityLabel","d","stroke","strokeWidth","strokeLinecap"],"sourceRoot":"../../../../../src","sources":["lib/Components/Spinner/Spinner.tsx"],"mappings":";;AAAA,
|
|
1
|
+
{"version":3,"names":["StyleSheet","Svg","Path","useCommonTranslation","useResolveTextStyle","useTheme","Spin","Box","jsx","_jsx","Spinner","lx","size","color","style","ref","props","t","theme","resolvedColorStyle","flatStyle","flatten","styleColor","strokeColor","colors","text","base","flexShrink","children","width","height","viewBox","fill","accessibilityLabel","d","stroke","strokeWidth","strokeLinecap"],"sourceRoot":"../../../../../src","sources":["lib/Components/Spinner/Spinner.tsx"],"mappings":";;AAAA,SAASA,UAAU,QAAQ,cAAc;AACzC,OAAOC,GAAG,IAAIC,IAAI,QAAQ,kBAAkB;AAC5C,SAASC,oBAAoB,QAAQ,wBAAe;AAEpD,SAASC,mBAAmB,EAAEC,QAAQ,QAAQ,0BAAiB;AAC/D,SAASC,IAAI,QAAQ,gCAAuB;AAC5C,SAASC,GAAG,QAAQ,qBAAY;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAGjC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMC,OAAO,GAAGA,CAAC;EACtBC,EAAE,GAAG,CAAC,CAAC;EACPC,IAAI,GAAG,EAAE;EACTC,KAAK;EACLC,KAAK;EACLC,GAAG;EACH,GAAGC;AACS,CAAC,KAAK;EAClB,MAAM;IAAEC;EAAE,CAAC,GAAGd,oBAAoB,CAAC,CAAC;EACpC,MAAM;IAAEe;EAAM,CAAC,GAAGb,QAAQ,CAAC,CAAC;EAC5B,MAAMc,kBAAkB,GAAGf,mBAAmB,CAAC;IAAES;EAAM,CAAmB,CAAC;EAC3E,MAAMO,SAAS,GAAGpB,UAAU,CAACqB,OAAO,CAACP,KAAK,CAAC;EAC3C,MAAMQ,UAAU,GAAGF,SAAS,EAAEP,KAAK;EACnC,MAAMU,WAAW,GACfJ,kBAAkB,EAAEN,KAAK,IAAIA,KAAK,IAAIS,UAAU,IAAIJ,KAAK,CAACM,MAAM,CAACC,IAAI,CAACC,IAAI;EAE5E,oBACEjB,IAAA,CAACF,GAAG;IAACQ,GAAG,EAAEA,GAAI;IAACJ,EAAE,EAAE;MAAEgB,UAAU,EAAE,CAAC;MAAE,GAAGhB;IAAG,CAAE;IAACG,KAAK,EAAEA,KAAM;IAAA,GAAKE,KAAK;IAAAY,QAAA,eAClEnB,IAAA,CAACH,IAAI;MAAAsB,QAAA,eACHnB,IAAA,CAACR,GAAG;QACF4B,KAAK,EAAEjB,IAAK;QACZkB,MAAM,EAAElB,IAAK;QACbmB,OAAO,EAAC,WAAW;QACnBC,IAAI,EAAC,MAAM;QACXC,kBAAkB,EAAEhB,CAAC,CAAC,qCAAqC,CAAE;QAAAW,QAAA,eAE7DnB,IAAA,CAACP,IAAI;UACHgC,CAAC,EAAC,wGAAwG;UAC1GC,MAAM,EAAEZ,WAAY;UACpBa,WAAW,EAAC,KAAK;UACjBC,aAAa,EAAC;QAAO,CACtB;MAAC,CACC;IAAC,CACF;EAAC,CACJ,CAAC;AAEV,CAAC","ignoreList":[]}
|