@one-am/react-native-simple-image-slider 0.3.1 → 0.4.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.
Files changed (30) hide show
  1. package/lib/commonjs/@types/common.js +2 -0
  2. package/lib/commonjs/@types/common.js.map +1 -0
  3. package/lib/commonjs/SimpleImageSliderThemeProvider.js +58 -0
  4. package/lib/commonjs/SimpleImageSliderThemeProvider.js.map +1 -0
  5. package/lib/commonjs/index.js +2 -2
  6. package/lib/commonjs/index.js.map +1 -1
  7. package/lib/module/@types/common.js +2 -0
  8. package/lib/module/@types/common.js.map +1 -0
  9. package/lib/module/SimpleImageSliderThemeProvider.js +50 -0
  10. package/lib/module/SimpleImageSliderThemeProvider.js.map +1 -0
  11. package/lib/module/index.js +2 -2
  12. package/lib/module/index.js.map +1 -1
  13. package/lib/typescript/src/@types/common.d.ts +4 -0
  14. package/lib/typescript/src/@types/common.d.ts.map +1 -0
  15. package/lib/typescript/src/SimpleImageSliderThemeProvider.d.ts +8 -0
  16. package/lib/typescript/src/SimpleImageSliderThemeProvider.d.ts.map +1 -0
  17. package/lib/typescript/src/index.d.ts +3 -2
  18. package/lib/typescript/src/index.d.ts.map +1 -1
  19. package/package.json +2 -2
  20. package/src/@types/common.ts +9 -0
  21. package/src/@types/styled.d.ts +2 -2
  22. package/src/SimpleImageSliderThemeProvider.tsx +55 -0
  23. package/src/index.tsx +4 -2
  24. package/lib/commonjs/StyledComponentsThemeProvider.js +0 -51
  25. package/lib/commonjs/StyledComponentsThemeProvider.js.map +0 -1
  26. package/lib/module/StyledComponentsThemeProvider.js +0 -43
  27. package/lib/module/StyledComponentsThemeProvider.js.map +0 -1
  28. package/lib/typescript/src/StyledComponentsThemeProvider.d.ts +0 -3
  29. package/lib/typescript/src/StyledComponentsThemeProvider.d.ts.map +0 -1
  30. package/src/StyledComponentsThemeProvider.tsx +0 -48
@@ -0,0 +1,2 @@
1
+ "use strict";
2
+ //# sourceMappingURL=common.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"names":[],"sourceRoot":"../../../src","sources":["@types/common.ts"],"mappings":"","ignoreList":[]}
@@ -0,0 +1,58 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports.default = SimpleImageSliderThemeProvider;
7
+ var _react = _interopRequireWildcard(require("react"));
8
+ var _native = require("styled-components/native");
9
+ function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
10
+ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
11
+ function SimpleImageSliderThemeProvider({
12
+ children,
13
+ overrides
14
+ }) {
15
+ const theme = (0, _react.useMemo)(() => {
16
+ var _overrides$styles, _overrides$styles2, _overrides$styles3;
17
+ return {
18
+ colors: {
19
+ pageCounterBackground: '#D3D3D3',
20
+ pageCounterBorder: '#000000',
21
+ fullScreenCloseButton: '#FFFFFF',
22
+ descriptionContainerBorder: '#FFFFFF',
23
+ ...(overrides === null || overrides === void 0 ? void 0 : overrides.colors)
24
+ },
25
+ styles: {
26
+ spacing: {
27
+ xxs: 2,
28
+ xs: 4,
29
+ s: 8,
30
+ m: 16,
31
+ l: 20,
32
+ xl: 40,
33
+ ...(overrides === null || overrides === void 0 || (_overrides$styles = overrides.styles) === null || _overrides$styles === void 0 ? void 0 : _overrides$styles.spacing)
34
+ },
35
+ borderRadius: {
36
+ xs: 2,
37
+ s: 4,
38
+ m: 8,
39
+ l: 16,
40
+ xl: 24,
41
+ ...(overrides === null || overrides === void 0 || (_overrides$styles2 = overrides.styles) === null || _overrides$styles2 === void 0 ? void 0 : _overrides$styles2.borderRadius)
42
+ },
43
+ borderWidth: {
44
+ xs: 1,
45
+ s: 2,
46
+ m: 4,
47
+ l: 8,
48
+ xl: 16,
49
+ ...(overrides === null || overrides === void 0 || (_overrides$styles3 = overrides.styles) === null || _overrides$styles3 === void 0 ? void 0 : _overrides$styles3.borderWidth)
50
+ }
51
+ }
52
+ };
53
+ }, [overrides]);
54
+ return /*#__PURE__*/_react.default.createElement(_native.ThemeProvider, {
55
+ theme: theme
56
+ }, children);
57
+ }
58
+ //# sourceMappingURL=SimpleImageSliderThemeProvider.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"names":["_react","_interopRequireWildcard","require","_native","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","SimpleImageSliderThemeProvider","children","overrides","theme","useMemo","_overrides$styles","_overrides$styles2","_overrides$styles3","colors","pageCounterBackground","pageCounterBorder","fullScreenCloseButton","descriptionContainerBorder","styles","spacing","xxs","xs","s","m","l","xl","borderRadius","borderWidth","createElement","ThemeProvider"],"sourceRoot":"../../src","sources":["SimpleImageSliderThemeProvider.tsx"],"mappings":"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","ignoreList":[]}
@@ -30,10 +30,10 @@ Object.defineProperty(exports, "SimpleImageSlider", {
30
30
  Object.defineProperty(exports, "SimpleImageSliderThemeProvider", {
31
31
  enumerable: true,
32
32
  get: function () {
33
- return _StyledComponentsThemeProvider.default;
33
+ return _SimpleImageSliderThemeProvider.default;
34
34
  }
35
35
  });
36
- var _StyledComponentsThemeProvider = _interopRequireDefault(require("./StyledComponentsThemeProvider"));
36
+ var _SimpleImageSliderThemeProvider = _interopRequireDefault(require("./SimpleImageSliderThemeProvider"));
37
37
  var _BaseSimpleImageSlider = _interopRequireDefault(require("./BaseSimpleImageSlider"));
38
38
  var _SimpleImageSlider = _interopRequireDefault(require("./SimpleImageSlider"));
39
39
  var _FullScreenImageSlider = _interopRequireDefault(require("./FullScreenImageSlider"));
@@ -1 +1 @@
1
- {"version":3,"names":["_StyledComponentsThemeProvider","_interopRequireDefault","require","_BaseSimpleImageSlider","_SimpleImageSlider","_FullScreenImageSlider","_PinchToZoom","obj","__esModule","default"],"sourceRoot":"../../src","sources":["index.tsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,8BAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,sBAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,kBAAA,GAAAH,sBAAA,CAAAC,OAAA;AACA,IAAAG,sBAAA,GAAAJ,sBAAA,CAAAC,OAAA;AACA,IAAAI,YAAA,GAAAL,sBAAA,CAAAC,OAAA;AAAmE,SAAAD,uBAAAM,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA","ignoreList":[]}
1
+ {"version":3,"names":["_SimpleImageSliderThemeProvider","_interopRequireDefault","require","_BaseSimpleImageSlider","_SimpleImageSlider","_FullScreenImageSlider","_PinchToZoom","obj","__esModule","default"],"sourceRoot":"../../src","sources":["index.tsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,+BAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,sBAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,kBAAA,GAAAH,sBAAA,CAAAC,OAAA;AACA,IAAAG,sBAAA,GAAAJ,sBAAA,CAAAC,OAAA;AACA,IAAAI,YAAA,GAAAL,sBAAA,CAAAC,OAAA;AAAmE,SAAAD,uBAAAM,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA","ignoreList":[]}
@@ -0,0 +1,2 @@
1
+
2
+ //# sourceMappingURL=common.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"names":[],"sourceRoot":"../../../src","sources":["@types/common.ts"],"mappings":"","ignoreList":[]}
@@ -0,0 +1,50 @@
1
+ import React, { useMemo } from 'react';
2
+ import { ThemeProvider } from 'styled-components/native';
3
+ export default function SimpleImageSliderThemeProvider({
4
+ children,
5
+ overrides
6
+ }) {
7
+ const theme = useMemo(() => {
8
+ var _overrides$styles, _overrides$styles2, _overrides$styles3;
9
+ return {
10
+ colors: {
11
+ pageCounterBackground: '#D3D3D3',
12
+ pageCounterBorder: '#000000',
13
+ fullScreenCloseButton: '#FFFFFF',
14
+ descriptionContainerBorder: '#FFFFFF',
15
+ ...(overrides === null || overrides === void 0 ? void 0 : overrides.colors)
16
+ },
17
+ styles: {
18
+ spacing: {
19
+ xxs: 2,
20
+ xs: 4,
21
+ s: 8,
22
+ m: 16,
23
+ l: 20,
24
+ xl: 40,
25
+ ...(overrides === null || overrides === void 0 || (_overrides$styles = overrides.styles) === null || _overrides$styles === void 0 ? void 0 : _overrides$styles.spacing)
26
+ },
27
+ borderRadius: {
28
+ xs: 2,
29
+ s: 4,
30
+ m: 8,
31
+ l: 16,
32
+ xl: 24,
33
+ ...(overrides === null || overrides === void 0 || (_overrides$styles2 = overrides.styles) === null || _overrides$styles2 === void 0 ? void 0 : _overrides$styles2.borderRadius)
34
+ },
35
+ borderWidth: {
36
+ xs: 1,
37
+ s: 2,
38
+ m: 4,
39
+ l: 8,
40
+ xl: 16,
41
+ ...(overrides === null || overrides === void 0 || (_overrides$styles3 = overrides.styles) === null || _overrides$styles3 === void 0 ? void 0 : _overrides$styles3.borderWidth)
42
+ }
43
+ }
44
+ };
45
+ }, [overrides]);
46
+ return /*#__PURE__*/React.createElement(ThemeProvider, {
47
+ theme: theme
48
+ }, children);
49
+ }
50
+ //# sourceMappingURL=SimpleImageSliderThemeProvider.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"names":["React","useMemo","ThemeProvider","SimpleImageSliderThemeProvider","children","overrides","theme","_overrides$styles","_overrides$styles2","_overrides$styles3","colors","pageCounterBackground","pageCounterBorder","fullScreenCloseButton","descriptionContainerBorder","styles","spacing","xxs","xs","s","m","l","xl","borderRadius","borderWidth","createElement"],"sourceRoot":"../../src","sources":["SimpleImageSliderThemeProvider.tsx"],"mappings":"AAAA,OAAOA,KAAK,IAA4BC,OAAO,QAAQ,OAAO;AAC9D,SAA4BC,aAAa,QAAQ,0BAA0B;AAQ3E,eAAe,SAASC,8BAA8BA,CAAC;EACnDC,QAAQ;EACRC;AACiC,CAAC,EAAE;EACpC,MAAMC,KAAmB,GAAGL,OAAO,CAC/B;IAAA,IAAAM,iBAAA,EAAAC,kBAAA,EAAAC,kBAAA;IAAA,OAAO;MACHC,MAAM,EAAE;QACJC,qBAAqB,EAAE,SAAS;QAChCC,iBAAiB,EAAE,SAAS;QAC5BC,qBAAqB,EAAE,SAAS;QAChCC,0BAA0B,EAAE,SAAS;QACrC,IAAGT,SAAS,aAATA,SAAS,uBAATA,SAAS,CAAEK,MAAM;MACxB,CAAC;MACDK,MAAM,EAAE;QACJC,OAAO,EAAE;UACLC,GAAG,EAAE,CAAC;UACNC,EAAE,EAAE,CAAC;UACLC,CAAC,EAAE,CAAC;UACJC,CAAC,EAAE,EAAE;UACLC,CAAC,EAAE,EAAE;UACLC,EAAE,EAAE,EAAE;UACN,IAAGjB,SAAS,aAATA,SAAS,gBAAAE,iBAAA,GAATF,SAAS,CAAEU,MAAM,cAAAR,iBAAA,uBAAjBA,iBAAA,CAAmBS,OAAO;QACjC,CAAC;QACDO,YAAY,EAAE;UACVL,EAAE,EAAE,CAAC;UACLC,CAAC,EAAE,CAAC;UACJC,CAAC,EAAE,CAAC;UACJC,CAAC,EAAE,EAAE;UACLC,EAAE,EAAE,EAAE;UACN,IAAGjB,SAAS,aAATA,SAAS,gBAAAG,kBAAA,GAATH,SAAS,CAAEU,MAAM,cAAAP,kBAAA,uBAAjBA,kBAAA,CAAmBe,YAAY;QACtC,CAAC;QACDC,WAAW,EAAE;UACTN,EAAE,EAAE,CAAC;UACLC,CAAC,EAAE,CAAC;UACJC,CAAC,EAAE,CAAC;UACJC,CAAC,EAAE,CAAC;UACJC,EAAE,EAAE,EAAE;UACN,IAAGjB,SAAS,aAATA,SAAS,gBAAAI,kBAAA,GAATJ,SAAS,CAAEU,MAAM,cAAAN,kBAAA,uBAAjBA,kBAAA,CAAmBe,WAAW;QACrC;MACJ;IACJ,CAAC;EAAA,CAAC,EACF,CAACnB,SAAS,CACd,CAAC;EAED,oBAAOL,KAAA,CAAAyB,aAAA,CAACvB,aAAa;IAACI,KAAK,EAAEA;EAAM,GAAEF,QAAwB,CAAC;AAClE","ignoreList":[]}
@@ -1,7 +1,7 @@
1
- import StyledComponentsThemeProvider from './StyledComponentsThemeProvider';
1
+ import SimpleImageSliderThemeProvider from './SimpleImageSliderThemeProvider';
2
2
  import BaseListImageSlider from './BaseSimpleImageSlider';
3
3
  import SimpleImageSlider from './SimpleImageSlider';
4
4
  import FullScreenImageSlider from './FullScreenImageSlider';
5
5
  import PinchToZoom from './PinchToZoom';
6
- export { StyledComponentsThemeProvider as SimpleImageSliderThemeProvider, BaseListImageSlider, SimpleImageSlider, FullScreenImageSlider, PinchToZoom };
6
+ export { SimpleImageSliderThemeProvider, BaseListImageSlider, SimpleImageSlider, FullScreenImageSlider, PinchToZoom };
7
7
  //# sourceMappingURL=index.js.map
@@ -1 +1 @@
1
- {"version":3,"names":["StyledComponentsThemeProvider","BaseListImageSlider","SimpleImageSlider","FullScreenImageSlider","PinchToZoom","SimpleImageSliderThemeProvider"],"sourceRoot":"../../src","sources":["index.tsx"],"mappings":"AAAA,OAAOA,6BAA6B,MAAM,iCAAiC;AAC3E,OAAOC,mBAAmB,MAA2C,yBAAyB;AAC9F,OAAOC,iBAAiB,MAAuC,qBAAqB;AACpF,OAAOC,qBAAqB,MAA2C,yBAAyB;AAChG,OAAOC,WAAW,MAAiC,eAAe;AAGlE,SACIJ,6BAA6B,IAAIK,8BAA8B,EAC/DJ,mBAAmB,EAEnBC,iBAAiB,EAEjBC,qBAAqB,EAErBC,WAAW","ignoreList":[]}
1
+ {"version":3,"names":["SimpleImageSliderThemeProvider","BaseListImageSlider","SimpleImageSlider","FullScreenImageSlider","PinchToZoom"],"sourceRoot":"../../src","sources":["index.tsx"],"mappings":"AAAA,OAAOA,8BAA8B,MAAM,kCAAkC;AAE7E,OAAOC,mBAAmB,MAA2C,yBAAyB;AAC9F,OAAOC,iBAAiB,MAAuC,qBAAqB;AACpF,OAAOC,qBAAqB,MAA2C,yBAAyB;AAChG,OAAOC,WAAW,MAAiC,eAAe;AAGlE,SACIJ,8BAA8B,EAE9BC,mBAAmB,EAEnBC,iBAAiB,EAEjBC,qBAAqB,EAErBC,WAAW","ignoreList":[]}
@@ -0,0 +1,4 @@
1
+ export type Subset<K> = {
2
+ [attr in keyof K]?: K[attr] extends object ? Subset<K[attr]> : K[attr] extends object | null ? Subset<K[attr]> | null : K[attr] extends object | null | undefined ? Subset<K[attr]> | null | undefined : K[attr];
3
+ };
4
+ //# sourceMappingURL=common.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"common.d.ts","sourceRoot":"","sources":["../../../../src/@types/common.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,MAAM,CAAC,CAAC,IAAI;KACnB,IAAI,IAAI,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,IAAI,CAAC,SAAS,MAAM,GACpC,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,GACf,CAAC,CAAC,IAAI,CAAC,SAAS,MAAM,GAAG,IAAI,GAC3B,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,GAAG,IAAI,GACtB,CAAC,CAAC,IAAI,CAAC,SAAS,MAAM,GAAG,IAAI,GAAG,SAAS,GACvC,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,GAAG,IAAI,GAAG,SAAS,GAClC,CAAC,CAAC,IAAI,CAAC;CACpB,CAAC"}
@@ -0,0 +1,8 @@
1
+ import React, { type PropsWithChildren } from 'react';
2
+ import type { SimpleImageSliderTheme } from './@types/styled';
3
+ import type { Subset } from './@types/common';
4
+ export type SimpleImageSliderThemeProviderProps = PropsWithChildren<{
5
+ overrides?: Subset<SimpleImageSliderTheme>;
6
+ }>;
7
+ export default function SimpleImageSliderThemeProvider({ children, overrides, }: SimpleImageSliderThemeProviderProps): React.JSX.Element;
8
+ //# sourceMappingURL=SimpleImageSliderThemeProvider.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"SimpleImageSliderThemeProvider.d.ts","sourceRoot":"","sources":["../../../src/SimpleImageSliderThemeProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,KAAK,iBAAiB,EAAW,MAAM,OAAO,CAAC;AAE/D,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,iBAAiB,CAAC;AAC9D,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAC;AAE9C,MAAM,MAAM,mCAAmC,GAAG,iBAAiB,CAAC;IAChE,SAAS,CAAC,EAAE,MAAM,CAAC,sBAAsB,CAAC,CAAC;CAC9C,CAAC,CAAC;AAEH,MAAM,CAAC,OAAO,UAAU,8BAA8B,CAAC,EACnD,QAAQ,EACR,SAAS,GACZ,EAAE,mCAAmC,qBA0CrC"}
@@ -1,8 +1,9 @@
1
- import StyledComponentsThemeProvider from './StyledComponentsThemeProvider';
1
+ import SimpleImageSliderThemeProvider from './SimpleImageSliderThemeProvider';
2
+ import type { SimpleImageSliderTheme } from './@types/styled';
2
3
  import BaseListImageSlider, { type BaseSimpleImageSliderProps } from './BaseSimpleImageSlider';
3
4
  import SimpleImageSlider, { type SimpleImageSliderProps } from './SimpleImageSlider';
4
5
  import FullScreenImageSlider, { type FullScreenImageSliderProps } from './FullScreenImageSlider';
5
6
  import PinchToZoom, { type PinchToZoomProps } from './PinchToZoom';
6
7
  import type { SimpleImageSliderItem } from './@types/slider';
7
- export { StyledComponentsThemeProvider as SimpleImageSliderThemeProvider, BaseListImageSlider, type BaseSimpleImageSliderProps, SimpleImageSlider, type SimpleImageSliderProps, FullScreenImageSlider, type FullScreenImageSliderProps, PinchToZoom, type PinchToZoomProps, type SimpleImageSliderItem, };
8
+ export { SimpleImageSliderThemeProvider, type SimpleImageSliderTheme, BaseListImageSlider, type BaseSimpleImageSliderProps, SimpleImageSlider, type SimpleImageSliderProps, FullScreenImageSlider, type FullScreenImageSliderProps, PinchToZoom, type PinchToZoomProps, type SimpleImageSliderItem, };
8
9
  //# sourceMappingURL=index.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/index.tsx"],"names":[],"mappings":"AAAA,OAAO,6BAA6B,MAAM,iCAAiC,CAAC;AAC5E,OAAO,mBAAmB,EAAE,EAAE,KAAK,0BAA0B,EAAE,MAAM,yBAAyB,CAAC;AAC/F,OAAO,iBAAiB,EAAE,EAAE,KAAK,sBAAsB,EAAE,MAAM,qBAAqB,CAAC;AACrF,OAAO,qBAAqB,EAAE,EAAE,KAAK,0BAA0B,EAAE,MAAM,yBAAyB,CAAC;AACjG,OAAO,WAAW,EAAE,EAAE,KAAK,gBAAgB,EAAE,MAAM,eAAe,CAAC;AACnE,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,iBAAiB,CAAC;AAE7D,OAAO,EACH,6BAA6B,IAAI,8BAA8B,EAC/D,mBAAmB,EACnB,KAAK,0BAA0B,EAC/B,iBAAiB,EACjB,KAAK,sBAAsB,EAC3B,qBAAqB,EACrB,KAAK,0BAA0B,EAC/B,WAAW,EACX,KAAK,gBAAgB,EACrB,KAAK,qBAAqB,GAC7B,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/index.tsx"],"names":[],"mappings":"AAAA,OAAO,8BAA8B,MAAM,kCAAkC,CAAC;AAC9E,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,iBAAiB,CAAC;AAC9D,OAAO,mBAAmB,EAAE,EAAE,KAAK,0BAA0B,EAAE,MAAM,yBAAyB,CAAC;AAC/F,OAAO,iBAAiB,EAAE,EAAE,KAAK,sBAAsB,EAAE,MAAM,qBAAqB,CAAC;AACrF,OAAO,qBAAqB,EAAE,EAAE,KAAK,0BAA0B,EAAE,MAAM,yBAAyB,CAAC;AACjG,OAAO,WAAW,EAAE,EAAE,KAAK,gBAAgB,EAAE,MAAM,eAAe,CAAC;AACnE,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,iBAAiB,CAAC;AAE7D,OAAO,EACH,8BAA8B,EAC9B,KAAK,sBAAsB,EAC3B,mBAAmB,EACnB,KAAK,0BAA0B,EAC/B,iBAAiB,EACjB,KAAK,sBAAsB,EAC3B,qBAAqB,EACrB,KAAK,0BAA0B,EAC/B,WAAW,EACX,KAAK,gBAAgB,EACrB,KAAK,qBAAqB,GAC7B,CAAC"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@one-am/react-native-simple-image-slider",
3
- "version": "0.3.1",
3
+ "version": "0.4.0",
4
4
  "description": "A simple and performant image slider made with FlashList. Includes a full screen gallery component with gesture support.",
5
5
  "main": "lib/commonjs/index",
6
6
  "module": "lib/module/index",
@@ -90,7 +90,7 @@
90
90
  "react-native-svg": "^15.1.0",
91
91
  "release-it": "^15.0.0",
92
92
  "styled-components": "^6.1.8",
93
- "typescript": "^5.2.2",
93
+ "typescript": "^5.4.2",
94
94
  "typescript-plugin-styled-components": "^3.0.0"
95
95
  },
96
96
  "resolutions": {
@@ -0,0 +1,9 @@
1
+ export type Subset<K> = {
2
+ [attr in keyof K]?: K[attr] extends object
3
+ ? Subset<K[attr]>
4
+ : K[attr] extends object | null
5
+ ? Subset<K[attr]> | null
6
+ : K[attr] extends object | null | undefined
7
+ ? Subset<K[attr]> | null | undefined
8
+ : K[attr];
9
+ };
@@ -1,6 +1,6 @@
1
1
  import 'styled-components/native';
2
2
 
3
- export type StyledComponentsTheme = {
3
+ export type SimpleImageSliderTheme = {
4
4
  colors: {
5
5
  pageCounterBackground: string;
6
6
  pageCounterBorder: string;
@@ -35,5 +35,5 @@ export type StyledComponentsTheme = {
35
35
 
36
36
  declare module 'styled-components/native' {
37
37
  // eslint-disable-next-line @typescript-eslint/no-empty-interface
38
- export interface DefaultTheme extends StyledComponentsTheme {}
38
+ export interface DefaultTheme extends SimpleImageSliderTheme {}
39
39
  }
@@ -0,0 +1,55 @@
1
+ import React, { type PropsWithChildren, useMemo } from 'react';
2
+ import { type DefaultTheme, ThemeProvider } from 'styled-components/native';
3
+ import type { SimpleImageSliderTheme } from './@types/styled';
4
+ import type { Subset } from './@types/common';
5
+
6
+ export type SimpleImageSliderThemeProviderProps = PropsWithChildren<{
7
+ overrides?: Subset<SimpleImageSliderTheme>;
8
+ }>;
9
+
10
+ export default function SimpleImageSliderThemeProvider({
11
+ children,
12
+ overrides,
13
+ }: SimpleImageSliderThemeProviderProps) {
14
+ const theme: DefaultTheme = useMemo(
15
+ () => ({
16
+ colors: {
17
+ pageCounterBackground: '#D3D3D3',
18
+ pageCounterBorder: '#000000',
19
+ fullScreenCloseButton: '#FFFFFF',
20
+ descriptionContainerBorder: '#FFFFFF',
21
+ ...overrides?.colors,
22
+ },
23
+ styles: {
24
+ spacing: {
25
+ xxs: 2,
26
+ xs: 4,
27
+ s: 8,
28
+ m: 16,
29
+ l: 20,
30
+ xl: 40,
31
+ ...overrides?.styles?.spacing,
32
+ },
33
+ borderRadius: {
34
+ xs: 2,
35
+ s: 4,
36
+ m: 8,
37
+ l: 16,
38
+ xl: 24,
39
+ ...overrides?.styles?.borderRadius,
40
+ },
41
+ borderWidth: {
42
+ xs: 1,
43
+ s: 2,
44
+ m: 4,
45
+ l: 8,
46
+ xl: 16,
47
+ ...overrides?.styles?.borderWidth,
48
+ },
49
+ },
50
+ }),
51
+ [overrides]
52
+ );
53
+
54
+ return <ThemeProvider theme={theme}>{children}</ThemeProvider>;
55
+ }
package/src/index.tsx CHANGED
@@ -1,4 +1,5 @@
1
- import StyledComponentsThemeProvider from './StyledComponentsThemeProvider';
1
+ import SimpleImageSliderThemeProvider from './SimpleImageSliderThemeProvider';
2
+ import type { SimpleImageSliderTheme } from './@types/styled';
2
3
  import BaseListImageSlider, { type BaseSimpleImageSliderProps } from './BaseSimpleImageSlider';
3
4
  import SimpleImageSlider, { type SimpleImageSliderProps } from './SimpleImageSlider';
4
5
  import FullScreenImageSlider, { type FullScreenImageSliderProps } from './FullScreenImageSlider';
@@ -6,7 +7,8 @@ import PinchToZoom, { type PinchToZoomProps } from './PinchToZoom';
6
7
  import type { SimpleImageSliderItem } from './@types/slider';
7
8
 
8
9
  export {
9
- StyledComponentsThemeProvider as SimpleImageSliderThemeProvider,
10
+ SimpleImageSliderThemeProvider,
11
+ type SimpleImageSliderTheme,
10
12
  BaseListImageSlider,
11
13
  type BaseSimpleImageSliderProps,
12
14
  SimpleImageSlider,
@@ -1,51 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.default = StyledComponentsThemeProvider;
7
- var _react = _interopRequireWildcard(require("react"));
8
- var _native = require("styled-components/native");
9
- function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
10
- function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
11
- function StyledComponentsThemeProvider({
12
- children
13
- }) {
14
- const styles = (0, _react.useMemo)(() => ({
15
- spacing: {
16
- xxs: 2,
17
- xs: 4,
18
- s: 8,
19
- m: 16,
20
- l: 20,
21
- xl: 40
22
- },
23
- borderRadius: {
24
- xs: 2,
25
- s: 4,
26
- m: 8,
27
- l: 16,
28
- xl: 24
29
- },
30
- borderWidth: {
31
- xs: 1,
32
- s: 2,
33
- m: 4,
34
- l: 8,
35
- xl: 16
36
- }
37
- }), []);
38
- const theme = (0, _react.useMemo)(() => ({
39
- colors: {
40
- pageCounterBackground: '#D3D3D3',
41
- pageCounterBorder: '#000000',
42
- fullScreenCloseButton: '#FFFFFF',
43
- descriptionContainerBorder: '#FFFFFF'
44
- },
45
- styles
46
- }), [styles]);
47
- return /*#__PURE__*/_react.default.createElement(_native.ThemeProvider, {
48
- theme: theme
49
- }, children);
50
- }
51
- //# sourceMappingURL=StyledComponentsThemeProvider.js.map
@@ -1 +0,0 @@
1
- {"version":3,"names":["_react","_interopRequireWildcard","require","_native","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","StyledComponentsThemeProvider","children","styles","useMemo","spacing","xxs","xs","s","m","l","xl","borderRadius","borderWidth","theme","colors","pageCounterBackground","pageCounterBorder","fullScreenCloseButton","descriptionContainerBorder","createElement","ThemeProvider"],"sourceRoot":"../../src","sources":["StyledComponentsThemeProvider.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,OAAA,GAAAD,OAAA;AAA4E,SAAAE,yBAAAC,CAAA,6BAAAC,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,CAAAC,CAAA,WAAAA,CAAA,GAAAG,CAAA,GAAAD,CAAA,KAAAF,CAAA;AAAA,SAAAJ,wBAAAI,CAAA,EAAAE,CAAA,SAAAA,CAAA,IAAAF,CAAA,IAAAA,CAAA,CAAAI,UAAA,SAAAJ,CAAA,eAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,WAAAK,OAAA,EAAAL,CAAA,QAAAG,CAAA,GAAAJ,wBAAA,CAAAG,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAG,GAAA,CAAAN,CAAA,UAAAG,CAAA,CAAAI,GAAA,CAAAP,CAAA,OAAAQ,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAd,CAAA,oBAAAc,CAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAjB,CAAA,EAAAc,CAAA,SAAAI,CAAA,GAAAR,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAb,CAAA,EAAAc,CAAA,UAAAI,CAAA,KAAAA,CAAA,CAAAX,GAAA,IAAAW,CAAA,CAAAC,GAAA,IAAAR,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAI,CAAA,IAAAV,CAAA,CAAAM,CAAA,IAAAd,CAAA,CAAAc,CAAA,YAAAN,CAAA,CAAAH,OAAA,GAAAL,CAAA,EAAAG,CAAA,IAAAA,CAAA,CAAAgB,GAAA,CAAAnB,CAAA,EAAAQ,CAAA,GAAAA,CAAA;AAE7D,SAASY,6BAA6BA,CAAC;EAAEC;AAA4B,CAAC,EAAE;EACnF,MAAMC,MAAM,GAAG,IAAAC,cAAO,EAClB,OAAO;IACHC,OAAO,EAAE;MACLC,GAAG,EAAE,CAAC;MACNC,EAAE,EAAE,CAAC;MACLC,CAAC,EAAE,CAAC;MACJC,CAAC,EAAE,EAAE;MACLC,CAAC,EAAE,EAAE;MACLC,EAAE,EAAE;IACR,CAAC;IACDC,YAAY,EAAE;MACVL,EAAE,EAAE,CAAC;MACLC,CAAC,EAAE,CAAC;MACJC,CAAC,EAAE,CAAC;MACJC,CAAC,EAAE,EAAE;MACLC,EAAE,EAAE;IACR,CAAC;IACDE,WAAW,EAAE;MACTN,EAAE,EAAE,CAAC;MACLC,CAAC,EAAE,CAAC;MACJC,CAAC,EAAE,CAAC;MACJC,CAAC,EAAE,CAAC;MACJC,EAAE,EAAE;IACR;EACJ,CAAC,CAAC,EAEF,EACJ,CAAC;EAED,MAAMG,KAAmB,GAAG,IAAAV,cAAO,EAC/B,OAAO;IACHW,MAAM,EAAE;MACJC,qBAAqB,EAAE,SAAS;MAChCC,iBAAiB,EAAE,SAAS;MAC5BC,qBAAqB,EAAE,SAAS;MAChCC,0BAA0B,EAAE;IAChC,CAAC;IACDhB;EACJ,CAAC,CAAC,EACF,CAACA,MAAM,CACX,CAAC;EAED,oBAAO3B,MAAA,CAAAU,OAAA,CAAAkC,aAAA,CAACzC,OAAA,CAAA0C,aAAa;IAACP,KAAK,EAAEA;EAAM,GAAEZ,QAAwB,CAAC;AAClE","ignoreList":[]}
@@ -1,43 +0,0 @@
1
- import React, { useMemo } from 'react';
2
- import { ThemeProvider } from 'styled-components/native';
3
- export default function StyledComponentsThemeProvider({
4
- children
5
- }) {
6
- const styles = useMemo(() => ({
7
- spacing: {
8
- xxs: 2,
9
- xs: 4,
10
- s: 8,
11
- m: 16,
12
- l: 20,
13
- xl: 40
14
- },
15
- borderRadius: {
16
- xs: 2,
17
- s: 4,
18
- m: 8,
19
- l: 16,
20
- xl: 24
21
- },
22
- borderWidth: {
23
- xs: 1,
24
- s: 2,
25
- m: 4,
26
- l: 8,
27
- xl: 16
28
- }
29
- }), []);
30
- const theme = useMemo(() => ({
31
- colors: {
32
- pageCounterBackground: '#D3D3D3',
33
- pageCounterBorder: '#000000',
34
- fullScreenCloseButton: '#FFFFFF',
35
- descriptionContainerBorder: '#FFFFFF'
36
- },
37
- styles
38
- }), [styles]);
39
- return /*#__PURE__*/React.createElement(ThemeProvider, {
40
- theme: theme
41
- }, children);
42
- }
43
- //# sourceMappingURL=StyledComponentsThemeProvider.js.map
@@ -1 +0,0 @@
1
- {"version":3,"names":["React","useMemo","ThemeProvider","StyledComponentsThemeProvider","children","styles","spacing","xxs","xs","s","m","l","xl","borderRadius","borderWidth","theme","colors","pageCounterBackground","pageCounterBorder","fullScreenCloseButton","descriptionContainerBorder","createElement"],"sourceRoot":"../../src","sources":["StyledComponentsThemeProvider.tsx"],"mappings":"AAAA,OAAOA,KAAK,IAA4BC,OAAO,QAAQ,OAAO;AAC9D,SAA4BC,aAAa,QAAQ,0BAA0B;AAE3E,eAAe,SAASC,6BAA6BA,CAAC;EAAEC;AAA4B,CAAC,EAAE;EACnF,MAAMC,MAAM,GAAGJ,OAAO,CAClB,OAAO;IACHK,OAAO,EAAE;MACLC,GAAG,EAAE,CAAC;MACNC,EAAE,EAAE,CAAC;MACLC,CAAC,EAAE,CAAC;MACJC,CAAC,EAAE,EAAE;MACLC,CAAC,EAAE,EAAE;MACLC,EAAE,EAAE;IACR,CAAC;IACDC,YAAY,EAAE;MACVL,EAAE,EAAE,CAAC;MACLC,CAAC,EAAE,CAAC;MACJC,CAAC,EAAE,CAAC;MACJC,CAAC,EAAE,EAAE;MACLC,EAAE,EAAE;IACR,CAAC;IACDE,WAAW,EAAE;MACTN,EAAE,EAAE,CAAC;MACLC,CAAC,EAAE,CAAC;MACJC,CAAC,EAAE,CAAC;MACJC,CAAC,EAAE,CAAC;MACJC,EAAE,EAAE;IACR;EACJ,CAAC,CAAC,EAEF,EACJ,CAAC;EAED,MAAMG,KAAmB,GAAGd,OAAO,CAC/B,OAAO;IACHe,MAAM,EAAE;MACJC,qBAAqB,EAAE,SAAS;MAChCC,iBAAiB,EAAE,SAAS;MAC5BC,qBAAqB,EAAE,SAAS;MAChCC,0BAA0B,EAAE;IAChC,CAAC;IACDf;EACJ,CAAC,CAAC,EACF,CAACA,MAAM,CACX,CAAC;EAED,oBAAOL,KAAA,CAAAqB,aAAA,CAACnB,aAAa;IAACa,KAAK,EAAEA;EAAM,GAAEX,QAAwB,CAAC;AAClE","ignoreList":[]}
@@ -1,3 +0,0 @@
1
- import React, { type PropsWithChildren } from 'react';
2
- export default function StyledComponentsThemeProvider({ children }: PropsWithChildren): React.JSX.Element;
3
- //# sourceMappingURL=StyledComponentsThemeProvider.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"StyledComponentsThemeProvider.d.ts","sourceRoot":"","sources":["../../../src/StyledComponentsThemeProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,KAAK,iBAAiB,EAAW,MAAM,OAAO,CAAC;AAG/D,MAAM,CAAC,OAAO,UAAU,6BAA6B,CAAC,EAAE,QAAQ,EAAE,EAAE,iBAAiB,qBA4CpF"}
@@ -1,48 +0,0 @@
1
- import React, { type PropsWithChildren, useMemo } from 'react';
2
- import { type DefaultTheme, ThemeProvider } from 'styled-components/native';
3
-
4
- export default function StyledComponentsThemeProvider({ children }: PropsWithChildren) {
5
- const styles = useMemo(
6
- () => ({
7
- spacing: {
8
- xxs: 2,
9
- xs: 4,
10
- s: 8,
11
- m: 16,
12
- l: 20,
13
- xl: 40,
14
- },
15
- borderRadius: {
16
- xs: 2,
17
- s: 4,
18
- m: 8,
19
- l: 16,
20
- xl: 24,
21
- },
22
- borderWidth: {
23
- xs: 1,
24
- s: 2,
25
- m: 4,
26
- l: 8,
27
- xl: 16,
28
- },
29
- }),
30
-
31
- []
32
- );
33
-
34
- const theme: DefaultTheme = useMemo(
35
- () => ({
36
- colors: {
37
- pageCounterBackground: '#D3D3D3',
38
- pageCounterBorder: '#000000',
39
- fullScreenCloseButton: '#FFFFFF',
40
- descriptionContainerBorder: '#FFFFFF',
41
- },
42
- styles,
43
- }),
44
- [styles]
45
- );
46
-
47
- return <ThemeProvider theme={theme}>{children}</ThemeProvider>;
48
- }