@evlop/native-components 1.0.143 → 1.0.145
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/src/Flexbox/index.d.ts +7 -2
- package/dist/src/Flexbox/index.d.ts.map +1 -1
- package/dist/src/Flexbox/index.js +18 -2
- package/dist/src/Flexbox/index.js.map +1 -1
- package/dist/src/Image/index.d.ts +1 -1
- package/dist/src/View/index.d.ts +2 -4
- package/dist/src/View/index.d.ts.map +1 -1
- package/dist/src/View/index.js +1 -1
- package/dist/src/View/index.js.map +1 -1
- package/package.json +1 -1
|
@@ -1,8 +1,13 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
import { Theme, ComponentWithSettings } from '@evlop/commons';
|
|
3
3
|
import { ViewProps as RNViewProps } from 'react-native';
|
|
4
|
-
import { BorderProps, FlexboxProps as SSFlexboxProps, LayoutProps, ColorProps, BackgroundProps, SpaceProps } from 'styled-system';
|
|
5
|
-
|
|
4
|
+
import { BorderProps, FlexboxProps as SSFlexboxProps, LayoutProps, ColorProps, BackgroundProps, SpaceProps, PositionProps, ResponsiveValue, ThemeValue } from 'styled-system';
|
|
5
|
+
interface GapProps {
|
|
6
|
+
gap?: ResponsiveValue<ThemeValue<'space', Theme>, Theme>;
|
|
7
|
+
rowGap?: ResponsiveValue<ThemeValue<'space', Theme>, Theme>;
|
|
8
|
+
columnGap?: ResponsiveValue<ThemeValue<'space', Theme>, Theme>;
|
|
9
|
+
}
|
|
10
|
+
declare type FlexboxProps = RNViewProps & BorderProps<Theme> & SSFlexboxProps<Theme> & LayoutProps<Theme> & ColorProps<Theme> & BackgroundProps<Theme> & SpaceProps<Theme> & PositionProps<Theme> & GapProps;
|
|
6
11
|
export declare const BaseFlexbox: React.ComponentType<FlexboxProps>;
|
|
7
12
|
declare const Flexbox: ComponentWithSettings<FlexboxProps>;
|
|
8
13
|
export default Flexbox;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/Flexbox/index.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAgB,KAAK,EAAE,qBAAqB,EAAE,MAAM,gBAAgB,CAAC;AAC5E,OAAO,EAA+B,SAAS,IAAI,WAAW,EAAC,MAAM,cAAc,CAAC;AAEpF,OAAO,EAAqD,WAAW,EAAE,YAAY,IAAI,cAAc,EAAE,WAAW,EAAE,UAAU,EAAE,eAAe,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/Flexbox/index.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAgB,KAAK,EAAE,qBAAqB,EAAE,MAAM,gBAAgB,CAAC;AAC5E,OAAO,EAA+B,SAAS,IAAI,WAAW,EAAC,MAAM,cAAc,CAAC;AAEpF,OAAO,EAAqD,WAAW,EAAE,YAAY,IAAI,cAAc,EAAE,WAAW,EAAE,UAAU,EAAE,eAAe,EAAE,UAAU,EAAY,aAAa,EAAU,eAAe,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAEnP,UAAU,QAAQ;IAChB,GAAG,CAAC,EAAE,eAAe,CAAC,UAAU,CAAC,OAAO,EAAE,KAAK,CAAC,EAAE,KAAK,CAAC,CAAC;IACzD,MAAM,CAAC,EAAE,eAAe,CAAC,UAAU,CAAC,OAAO,EAAE,KAAK,CAAC,EAAE,KAAK,CAAC,CAAC;IAC5D,SAAS,CAAC,EAAE,eAAe,CAAC,UAAU,CAAC,OAAO,EAAE,KAAK,CAAC,EAAE,KAAK,CAAC,CAAC;CAChE;AAED,aAAK,YAAY,GAAG,WAAW,GAAG,WAAW,CAAC,KAAK,CAAC,GAAG,cAAc,CAAC,KAAK,CAAC,GAAG,WAAW,CAAC,KAAK,CAAC,GAAG,UAAU,CAAC,KAAK,CAAC,GAAG,eAAe,CAAC,KAAK,CAAC,GAAG,UAAU,CAAC,KAAK,CAAC,GAAG,aAAa,CAAC,KAAK,CAAC,GAAG,QAAQ,CAAC;AAkBrM,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,aAAa,CAAC,YAAY,CAazD,CAAC;AAEF,QAAA,MAAM,OAAO,EAAE,qBAAqB,CAAC,YAAY,CAIlC,CAAC;AAEhB,eAAe,OAAO,CAAC"}
|
|
@@ -8,9 +8,25 @@ const commons_1 = require("@evlop/commons");
|
|
|
8
8
|
const react_native_1 = require("react-native");
|
|
9
9
|
const native_1 = __importDefault(require("styled-components/native"));
|
|
10
10
|
const styled_system_1 = require("styled-system");
|
|
11
|
-
|
|
12
|
-
|
|
11
|
+
const gap = (0, styled_system_1.system)({
|
|
12
|
+
gap: {
|
|
13
|
+
property: 'gap',
|
|
14
|
+
properties: ['rowGap', 'columnGap'],
|
|
15
|
+
scale: 'space',
|
|
16
|
+
},
|
|
17
|
+
rowGap: {
|
|
18
|
+
property: 'rowGap',
|
|
19
|
+
scale: 'space',
|
|
20
|
+
},
|
|
21
|
+
columnGap: {
|
|
22
|
+
property: 'columnGap',
|
|
23
|
+
scale: 'space',
|
|
24
|
+
},
|
|
13
25
|
});
|
|
26
|
+
exports.BaseFlexbox = (0, native_1.default)(react_native_1.View)({
|
|
27
|
+
display: 'flex',
|
|
28
|
+
flexDirection: 'row',
|
|
29
|
+
}, styled_system_1.border, styled_system_1.flexbox, styled_system_1.layout, styled_system_1.color, styled_system_1.background, styled_system_1.space, styled_system_1.position, gap);
|
|
14
30
|
const Flexbox = (0, commons_1.withSettings)({
|
|
15
31
|
name: 'Flexbox',
|
|
16
32
|
valueOptions: [],
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/Flexbox/index.tsx"],"names":[],"mappings":";;;;;;AAAA,4CAA4E;AAC5E,+CAAoF;AACpF,sEAA8C;AAC9C,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/Flexbox/index.tsx"],"names":[],"mappings":";;;;;;AAAA,4CAA4E;AAC5E,+CAAoF;AACpF,sEAA8C;AAC9C,iDAAmP;AAUnP,MAAM,GAAG,GAAG,IAAA,sBAAM,EAAC;IACjB,GAAG,EAAE;QACH,QAAQ,EAAE,KAAK;QACf,UAAU,EAAE,CAAC,QAAQ,EAAE,WAAW,CAAC;QACnC,KAAK,EAAE,OAAO;KACf;IACD,MAAM,EAAE;QACN,QAAQ,EAAE,QAAQ;QAClB,KAAK,EAAE,OAAO;KACf;IACD,SAAS,EAAE;QACT,QAAQ,EAAE,WAAW;QACrB,KAAK,EAAE,OAAO;KACf;CACF,CAAC,CAAC;AAEU,QAAA,WAAW,GAAsC,IAAA,gBAAM,EAAC,mBAAU,CAAC,CAC5E;IACE,OAAO,EAAE,MAAM;IACf,aAAa,EAAE,KAAK;CACrB,EACD,sBAAM,EACN,uBAAO,EACP,sBAAM,EACN,qBAAK,EACL,0BAAU,EACV,qBAAK,EACL,wBAAQ,EACR,GAAG,CACN,CAAC;AAEF,MAAM,OAAO,GAAwC,IAAA,sBAAY,EAAC;IAChE,IAAI,EAAE,SAAS;IACf,YAAY,EAAE,EAAE;IAChB,oBAAoB,EAAE,EAAE;CACzB,CAAC,CAAC,mBAAW,CAAC,CAAC;AAEhB,kBAAe,OAAO,CAAC"}
|
|
@@ -43,6 +43,6 @@ export declare const Image: React.ForwardRefExoticComponent<Pick<React.PropsWith
|
|
|
43
43
|
dataModel?: string;
|
|
44
44
|
configModel?: string;
|
|
45
45
|
action?: import("@evlop/commons").Action;
|
|
46
|
-
} | "aspectRatio" | "blurRadius" | "
|
|
46
|
+
} | "aspectRatio" | "blurRadius" | "transitionDuration" | "transition" | "onPress" | "onLongPress" | "containerStyle" | "Component" | "ImageComponent" | "PlaceholderContent" | "placeholderStyle" | "onError" | "onLoad" | "onLoadEnd" | "onLoadStart" | "progressiveRenderingEnabled" | "resizeMode" | "resizeMethod" | "src" | "srcSet" | "loadingIndicatorSource" | "defaultSource" | "alt" | "crossOrigin" | "tintColor" | "referrerPolicy" | "capInsets" | "onProgress" | "onPartialLoad" | "fadeDuration" | "placeholder"> & React.RefAttributes<any>>;
|
|
47
47
|
export default Image;
|
|
48
48
|
//# sourceMappingURL=index.d.ts.map
|
package/dist/src/View/index.d.ts
CHANGED
|
@@ -1,10 +1,8 @@
|
|
|
1
1
|
import { ComponentWithSettings, Theme } from '@evlop/commons';
|
|
2
2
|
import React, { RefAttributes } from 'react';
|
|
3
3
|
import { View as RNView, ViewProps as RNViewProps } from 'react-native';
|
|
4
|
-
import { BackgroundProps, BorderProps, ColorProps, FlexProps, LayoutProps, OpacityProps, SpaceProps } from 'styled-system';
|
|
5
|
-
export declare type BaseViewProps = RNViewProps & FlexProps<Theme> & BorderProps<Theme> & LayoutProps<Theme> & OpacityProps<Theme> & ColorProps<Theme> & BackgroundProps<Theme> & SpaceProps<Theme> &
|
|
6
|
-
opacity?: number;
|
|
7
|
-
};
|
|
4
|
+
import { BackgroundProps, BorderProps, ColorProps, FlexProps, LayoutProps, OpacityProps, SpaceProps, PositionProps } from 'styled-system';
|
|
5
|
+
export declare type BaseViewProps = RNViewProps & FlexProps<Theme> & BorderProps<Theme> & LayoutProps<Theme> & OpacityProps<Theme> & ColorProps<Theme> & BackgroundProps<Theme> & SpaceProps<Theme> & PositionProps<Theme> & OpacityProps<Theme>;
|
|
8
6
|
export declare const BaseView: React.ComponentType<BaseViewProps & RefAttributes<RNView>>;
|
|
9
7
|
declare const View: ComponentWithSettings<BaseViewProps>;
|
|
10
8
|
export default View;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/View/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,qBAAqB,EAAE,KAAK,EAAgB,MAAM,gBAAgB,CAAC;AAC5E,OAAO,KAAK,EAAE,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAC7C,OAAO,EAAY,IAAI,IAAI,MAAM,EAAE,SAAS,IAAI,WAAW,EAAE,MAAM,cAAc,CAAC;AAElF,OAAO,EAAc,eAAe,EAAU,WAAW,EAAS,UAAU,EAAQ,SAAS,EAAU,WAAW,EAAW,YAAY,EAAS,UAAU,EAAE,MAAM,eAAe,CAAC;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/View/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,qBAAqB,EAAE,KAAK,EAAgB,MAAM,gBAAgB,CAAC;AAC5E,OAAO,KAAK,EAAE,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAC7C,OAAO,EAAY,IAAI,IAAI,MAAM,EAAE,SAAS,IAAI,WAAW,EAAE,MAAM,cAAc,CAAC;AAElF,OAAO,EAAc,eAAe,EAAU,WAAW,EAAS,UAAU,EAAQ,SAAS,EAAU,WAAW,EAAW,YAAY,EAAS,UAAU,EAAY,aAAa,EAAE,MAAM,eAAe,CAAC;AAE7M,oBAAY,aAAa,GAAI,WAAW,GAAG,SAAS,CAAC,KAAK,CAAC,GAAG,WAAW,CAAC,KAAK,CAAC,GAAG,WAAW,CAAC,KAAK,CAAC,GAAG,YAAY,CAAC,KAAK,CAAC,GAAG,UAAU,CAAC,KAAK,CAAC,GAAG,eAAe,CAAC,KAAK,CAAC,GAAG,UAAU,CAAC,KAAK,CAAC,GAAG,aAAa,CAAC,KAAK,CAAC,GAAG,YAAY,CAAC,KAAK,CAAC,CAAC;AAE1O,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,aAAa,CAAC,aAAa,GAAG,aAAa,CAAC,MAAM,CAAC,CAS7E,CAAC;AAEJ,QAAA,MAAM,IAAI,EAAE,qBAAqB,CAAC,aAAa,CAInC,CAAC;AAGb,eAAe,IAAI,CAAC"}
|
package/dist/src/View/index.js
CHANGED
|
@@ -8,7 +8,7 @@ const commons_1 = require("@evlop/commons");
|
|
|
8
8
|
const react_native_1 = require("react-native");
|
|
9
9
|
const native_1 = __importDefault(require("styled-components/native"));
|
|
10
10
|
const styled_system_1 = require("styled-system");
|
|
11
|
-
exports.BaseView = (0, native_1.default)(react_native_1.View)(styled_system_1.flex, styled_system_1.border, styled_system_1.layout, styled_system_1.color, styled_system_1.background, styled_system_1.space, styled_system_1.opacity);
|
|
11
|
+
exports.BaseView = (0, native_1.default)(react_native_1.View)(styled_system_1.flex, styled_system_1.border, styled_system_1.layout, styled_system_1.color, styled_system_1.background, styled_system_1.space, styled_system_1.opacity, styled_system_1.position);
|
|
12
12
|
const View = (0, commons_1.withSettings)({
|
|
13
13
|
name: 'View',
|
|
14
14
|
valueOptions: [],
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/View/index.tsx"],"names":[],"mappings":";;;;;;AAAA,4CAA4E;AAE5E,+CAAkF;AAClF,sEAA8C;AAC9C,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/View/index.tsx"],"names":[],"mappings":";;;;;;AAAA,4CAA4E;AAE5E,+CAAkF;AAClF,sEAA8C;AAC9C,iDAA6M;AAIhM,QAAA,QAAQ,GAAgE,IAAA,gBAAM,EAAC,mBAAM,CAAC,CAC/F,oBAAI,EACJ,sBAAM,EACN,sBAAM,EACN,qBAAK,EACL,0BAAU,EACV,qBAAK,EACL,uBAAO,EACP,wBAAQ,CACT,CAAC;AAEJ,MAAM,IAAI,GAAyC,IAAA,sBAAY,EAAC;IAC9D,IAAI,EAAE,MAAM;IACZ,YAAY,EAAE,EAAE;IAChB,oBAAoB,EAAE,EAAE;CACzB,CAAC,CAAC,gBAAQ,CAAC,CAAC;AAGb,kBAAe,IAAI,CAAC"}
|