@draftbit/core 46.11.1-d7a8f7.2 → 46.11.1-e9ee84.2
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/lib/commonjs/components/Accordion/AccordionItem.js +4 -22
- package/lib/commonjs/components/DeckSwiper/DeckSwiper.js +1 -1
- package/lib/commonjs/components/DeckSwiper/DeckSwiper.js.map +1 -1
- package/lib/commonjs/components/DeckSwiper/DeckSwiperCard.js +0 -1
- package/lib/commonjs/components/DeckSwiper/DeckSwiperCard.js.map +1 -1
- package/lib/commonjs/components/Picker/Picker.js +13 -4
- package/lib/commonjs/components/Picker/Picker.js.map +1 -1
- package/lib/commonjs/components/Shadow.js +11 -2
- package/lib/commonjs/components/Shadow.js.map +1 -1
- package/lib/commonjs/components/TabView/TabView.js +1 -1
- package/lib/commonjs/components/TabView/TabView.js.map +1 -1
- package/lib/commonjs/mappings/DeckSwiper.js +2 -2
- package/lib/commonjs/mappings/DeckSwiper.js.map +1 -1
- package/lib/commonjs/mappings/DeckSwiperCard.js +1 -2
- package/lib/commonjs/mappings/DeckSwiperCard.js.map +1 -1
- package/lib/commonjs/mappings/Shadow.js +2 -2
- package/lib/commonjs/mappings/Shadow.js.map +1 -1
- package/lib/commonjs/utilities.js +9 -1
- package/lib/commonjs/utilities.js.map +1 -1
- package/lib/module/components/Accordion/AccordionGroup.js.map +1 -1
- package/lib/module/components/DeckSwiper/DeckSwiper.js +1 -1
- package/lib/module/components/DeckSwiper/DeckSwiper.js.map +1 -1
- package/lib/module/components/DeckSwiper/DeckSwiperCard.js +0 -1
- package/lib/module/components/DeckSwiper/DeckSwiperCard.js.map +1 -1
- package/lib/module/components/Picker/Picker.js +13 -4
- package/lib/module/components/Picker/Picker.js.map +1 -1
- package/lib/module/components/Shadow.js +11 -2
- package/lib/module/components/Shadow.js.map +1 -1
- package/lib/module/components/TabView/TabView.js +1 -1
- package/lib/module/components/TabView/TabView.js.map +1 -1
- package/lib/module/mappings/DeckSwiper.js +3 -3
- package/lib/module/mappings/DeckSwiper.js.map +1 -1
- package/lib/module/mappings/DeckSwiperCard.js +2 -3
- package/lib/module/mappings/DeckSwiperCard.js.map +1 -1
- package/lib/module/mappings/Shadow.js +3 -3
- package/lib/module/mappings/Shadow.js.map +1 -1
- package/lib/module/utilities.js +6 -0
- package/lib/module/utilities.js.map +1 -1
- package/lib/typescript/src/components/DeckSwiper/DeckSwiperCard.d.ts.map +1 -1
- package/lib/typescript/src/components/Picker/Picker.d.ts.map +1 -1
- package/lib/typescript/src/components/Shadow.d.ts.map +1 -1
- package/lib/typescript/src/mappings/DeckSwiper.d.ts +1 -1
- package/lib/typescript/src/mappings/DeckSwiper.d.ts.map +1 -1
- package/lib/typescript/src/mappings/DeckSwiperCard.d.ts +0 -1
- package/lib/typescript/src/mappings/DeckSwiperCard.d.ts.map +1 -1
- package/lib/typescript/src/mappings/Shadow.d.ts.map +1 -1
- package/lib/typescript/src/utilities.d.ts +2 -0
- package/lib/typescript/src/utilities.d.ts.map +1 -1
- package/package.json +3 -3
- package/src/components/DeckSwiper/DeckSwiper.js +1 -1
- package/src/components/DeckSwiper/DeckSwiper.tsx +1 -1
- package/src/components/DeckSwiper/DeckSwiperCard.js +0 -1
- package/src/components/DeckSwiper/DeckSwiperCard.tsx +0 -1
- package/src/components/Picker/Picker.js +16 -4
- package/src/components/Picker/Picker.tsx +25 -5
- package/src/components/Shadow.js +11 -2
- package/src/components/Shadow.tsx +15 -3
- package/src/components/TabView/TabView.js +1 -1
- package/src/components/TabView/TabView.tsx +1 -1
- package/src/mappings/DeckSwiper.js +7 -3
- package/src/mappings/DeckSwiper.ts +7 -3
- package/src/mappings/DeckSwiperCard.js +10 -3
- package/src/mappings/DeckSwiperCard.ts +10 -6
- package/src/mappings/Shadow.js +9 -3
- package/src/mappings/Shadow.ts +9 -3
- package/src/utilities.js +9 -0
- package/src/utilities.ts +19 -0
|
@@ -1,6 +1,8 @@
|
|
|
1
1
|
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
2
2
|
import React from "react";
|
|
3
|
+
import { StyleSheet } from "react-native";
|
|
3
4
|
import { Shadow as ShadowComponent } from "react-native-shadow-2";
|
|
5
|
+
import { extractBorderAndMarginStyles, extractSizeStyles } from "../utilities";
|
|
4
6
|
const Shadow = _ref => {
|
|
5
7
|
let {
|
|
6
8
|
offsetX = 0,
|
|
@@ -13,10 +15,16 @@ const Shadow = _ref => {
|
|
|
13
15
|
showShadowCornerTopEnd = true,
|
|
14
16
|
showShadowCornerBottomStart = true,
|
|
15
17
|
showShadowCornerBottomEnd = true,
|
|
16
|
-
paintInside =
|
|
18
|
+
paintInside = true,
|
|
17
19
|
style,
|
|
18
20
|
...rest
|
|
19
21
|
} = _ref;
|
|
22
|
+
const {
|
|
23
|
+
borderStyles
|
|
24
|
+
} = extractBorderAndMarginStyles(style);
|
|
25
|
+
const shadowStyles = StyleSheet.flatten([borderStyles, extractSizeStyles(style)]);
|
|
26
|
+
const containerStyle = StyleSheet.flatten(style);
|
|
27
|
+
Object.keys(shadowStyles).forEach(key => delete containerStyle[key]);
|
|
20
28
|
return /*#__PURE__*/React.createElement(ShadowComponent, _extends({
|
|
21
29
|
offset: [offsetX, offsetY],
|
|
22
30
|
sides: {
|
|
@@ -31,7 +39,8 @@ const Shadow = _ref => {
|
|
|
31
39
|
bottomStart: showShadowCornerBottomStart,
|
|
32
40
|
bottomEnd: showShadowCornerBottomEnd
|
|
33
41
|
},
|
|
34
|
-
|
|
42
|
+
style: shadowStyles,
|
|
43
|
+
containerStyle: containerStyle,
|
|
35
44
|
paintInside: paintInside
|
|
36
45
|
}, rest));
|
|
37
46
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","Shadow","ShadowComponent","offsetX","offsetY","showShadowSideStart","showShadowSideEnd","showShadowSideTop","showShadowSideBottom","showShadowCornerTopStart","showShadowCornerTopEnd","showShadowCornerBottomStart","showShadowCornerBottomEnd","paintInside","style","rest","start","end","top","bottom","topStart","topEnd","bottomStart","bottomEnd"],"sourceRoot":"../../../src","sources":["components/Shadow.tsx"],"mappings":";AAAA,OAAOA,KAAK,MAAM,OAAO;
|
|
1
|
+
{"version":3,"names":["React","StyleSheet","Shadow","ShadowComponent","extractBorderAndMarginStyles","extractSizeStyles","offsetX","offsetY","showShadowSideStart","showShadowSideEnd","showShadowSideTop","showShadowSideBottom","showShadowCornerTopStart","showShadowCornerTopEnd","showShadowCornerBottomStart","showShadowCornerBottomEnd","paintInside","style","rest","borderStyles","shadowStyles","flatten","containerStyle","Object","keys","forEach","key","start","end","top","bottom","topStart","topEnd","bottomStart","bottomEnd"],"sourceRoot":"../../../src","sources":["components/Shadow.tsx"],"mappings":";AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAA+BC,UAAU,QAAQ,cAAc;AAC/D,SAASC,MAAM,IAAIC,eAAe,QAAQ,uBAAuB;AACjE,SAASC,4BAA4B,EAAEC,iBAAiB,QAAQ,cAAc;AAsB9E,MAAMH,MAAsD,GAAG,QAczD;EAAA,IAd0D;IAC9DI,OAAO,GAAG,CAAC;IACXC,OAAO,GAAG,CAAC;IACXC,mBAAmB,GAAG,IAAI;IAC1BC,iBAAiB,GAAG,IAAI;IACxBC,iBAAiB,GAAG,IAAI;IACxBC,oBAAoB,GAAG,IAAI;IAC3BC,wBAAwB,GAAG,IAAI;IAC/BC,sBAAsB,GAAG,IAAI;IAC7BC,2BAA2B,GAAG,IAAI;IAClCC,yBAAyB,GAAG,IAAI;IAChCC,WAAW,GAAG,IAAI;IAClBC,KAAK;IACL,GAAGC;EACL,CAAC;EACC,MAAM;IAAEC;EAAa,CAAC,GAAGf,4BAA4B,CAACa,KAAK,CAAC;EAE5D,MAAMG,YAAY,GAAGnB,UAAU,CAACoB,OAAO,CAAC,CACtCF,YAAY,EACZd,iBAAiB,CAACY,KAAK,CAAC,CACzB,CAAC;EAEF,MAAMK,cAAc,GAAGrB,UAAU,CAACoB,OAAO,CAACJ,KAAK,CAAmB;EAClEM,MAAM,CAACC,IAAI,CAACJ,YAAY,CAAC,CAACK,OAAO,CAAEC,GAAG,IAAK,OAAOJ,cAAc,CAACI,GAAG,CAAC,CAAC;EAEtE,oBACE,oBAAC,eAAe;IACd,MAAM,EAAE,CAACpB,OAAO,EAAEC,OAAO,CAAE;IAC3B,KAAK,EAAE;MACLoB,KAAK,EAAEnB,mBAAmB;MAC1BoB,GAAG,EAAEnB,iBAAiB;MACtBoB,GAAG,EAAEnB,iBAAiB;MACtBoB,MAAM,EAAEnB;IACV,CAAE;IACF,OAAO,EAAE;MACPoB,QAAQ,EAAEnB,wBAAwB;MAClCoB,MAAM,EAAEnB,sBAAsB;MAC9BoB,WAAW,EAAEnB,2BAA2B;MACxCoB,SAAS,EAAEnB;IACb,CAAE;IACF,KAAK,EAAEK,YAAa;IACpB,cAAc,EAAEE,cAAe;IAC/B,WAAW,EAAEN;EAAY,GACrBE,IAAI,EACR;AAEN,CAAC;AAED,eAAehB,MAAM"}
|
|
@@ -62,7 +62,7 @@ const TabViewComponent = _ref => {
|
|
|
62
62
|
const renderTabBar = props => {
|
|
63
63
|
return /*#__PURE__*/React.createElement(TabBar, _extends({}, props, {
|
|
64
64
|
activeColor: activeColor || theme.colors.primary,
|
|
65
|
-
inactiveColor: inactiveColor ||
|
|
65
|
+
inactiveColor: inactiveColor || "rgb(200,200,200)",
|
|
66
66
|
pressColor: pressColor || theme.colors.primary,
|
|
67
67
|
scrollEnabled: scrollEnabled,
|
|
68
68
|
indicatorStyle: {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","TabView","TabBar","SceneMap","withTheme","extractStyles","TabViewComponent","Icon","onIndexChanged","onEndReached","tabBarPosition","keyboardDismissMode","swipeEnabled","scrollEnabled","activeColor","inactiveColor","pressColor","indicatorColor","tabsBackgroundColor","style","theme","children","index","setIndex","useState","routes","setRoutes","tabScenes","setTabScenes","textStyles","viewStyles","instanceOfTabViewItemProps","object","useEffect","newRoutes","scenes","Children","toArray","filter","child","isValidElement","props","forEach","item","idx","push","key","toString","title","icon","accessibilityLabel","indexChangeHandler","i","length","renderTabBar","colors","primary","
|
|
1
|
+
{"version":3,"names":["React","TabView","TabBar","SceneMap","withTheme","extractStyles","TabViewComponent","Icon","onIndexChanged","onEndReached","tabBarPosition","keyboardDismissMode","swipeEnabled","scrollEnabled","activeColor","inactiveColor","pressColor","indicatorColor","tabsBackgroundColor","style","theme","children","index","setIndex","useState","routes","setRoutes","tabScenes","setTabScenes","textStyles","viewStyles","instanceOfTabViewItemProps","object","useEffect","newRoutes","scenes","Children","toArray","filter","child","isValidElement","props","forEach","item","idx","push","key","toString","title","icon","accessibilityLabel","indexChangeHandler","i","length","renderTabBar","colors","primary","backgroundColor","route","color","background"],"sourceRoot":"../../../../src","sources":["components/TabView/TabView.tsx"],"mappings":"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"}
|
|
@@ -1,12 +1,12 @@
|
|
|
1
|
-
import { COMPONENT_TYPES, Triggers, createActionProp, createStaticNumberProp, createStaticBoolProp,
|
|
1
|
+
import { COMPONENT_TYPES, Triggers, createActionProp, createStaticNumberProp, createStaticBoolProp, StylesPanelSections } from "@draftbit/types";
|
|
2
2
|
export const SEED_DATA = {
|
|
3
3
|
name: "Deck Swiper",
|
|
4
4
|
tag: "DeckSwiper",
|
|
5
5
|
description: "Deck swiper container",
|
|
6
6
|
category: COMPONENT_TYPES.swiper,
|
|
7
|
-
stylesPanelSections:
|
|
7
|
+
stylesPanelSections: [StylesPanelSections.Size, StylesPanelSections.Margins, StylesPanelSections.Effects],
|
|
8
8
|
layout: {
|
|
9
|
-
|
|
9
|
+
position: "absolute"
|
|
10
10
|
},
|
|
11
11
|
triggers: [Triggers.OnIndexChanged, Triggers.OnEndReached],
|
|
12
12
|
props: {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["COMPONENT_TYPES","Triggers","createActionProp","createStaticNumberProp","createStaticBoolProp","
|
|
1
|
+
{"version":3,"names":["COMPONENT_TYPES","Triggers","createActionProp","createStaticNumberProp","createStaticBoolProp","StylesPanelSections","SEED_DATA","name","tag","description","category","swiper","stylesPanelSections","Size","Margins","Effects","layout","position","triggers","OnIndexChanged","OnEndReached","props","onIndexChanged","label","onEndReached","startCardIndex","defaultValue","infiniteSwiping","verticalEnabled","horizontalEnabled","visibleCardCount","min","step"],"sourceRoot":"../../../src","sources":["mappings/DeckSwiper.ts"],"mappings":"AAAA,SACEA,eAAe,EACfC,QAAQ,EACRC,gBAAgB,EAChBC,sBAAsB,EACtBC,oBAAoB,EACpBC,mBAAmB,QACd,iBAAiB;AAExB,OAAO,MAAMC,SAAS,GAAG;EACvBC,IAAI,EAAE,aAAa;EACnBC,GAAG,EAAE,YAAY;EACjBC,WAAW,EAAE,uBAAuB;EACpCC,QAAQ,EAAEV,eAAe,CAACW,MAAM;EAChCC,mBAAmB,EAAE,CACnBP,mBAAmB,CAACQ,IAAI,EACxBR,mBAAmB,CAACS,OAAO,EAC3BT,mBAAmB,CAACU,OAAO,CAC5B;EACDC,MAAM,EAAE;IACNC,QAAQ,EAAE;EACZ,CAAC;EACDC,QAAQ,EAAE,CAACjB,QAAQ,CAACkB,cAAc,EAAElB,QAAQ,CAACmB,YAAY,CAAC;EAC1DC,KAAK,EAAE;IACLC,cAAc,EAAEpB,gBAAgB,CAAC;MAC/BqB,KAAK,EAAE,kBAAkB;MACzBd,WAAW,EAAE;IACf,CAAC,CAAC;IACFe,YAAY,EAAEtB,gBAAgB,CAAC;MAC7BqB,KAAK,EAAE,gBAAgB;MACvBd,WAAW,EAAE;IACf,CAAC,CAAC;IACFgB,cAAc,EAAEtB,sBAAsB,CAAC;MACrCoB,KAAK,EAAE,kBAAkB;MACzBd,WAAW,EAAE,qCAAqC;MAClDiB,YAAY,EAAE;IAChB,CAAC,CAAC;IACFC,eAAe,EAAEvB,oBAAoB,CAAC;MACpCmB,KAAK,EAAE,kBAAkB;MACzBd,WAAW,EAAE;IACf,CAAC,CAAC;IACFmB,eAAe,EAAExB,oBAAoB,CAAC;MACpCmB,KAAK,EAAE,wBAAwB;MAC/Bd,WAAW,EAAE,qDAAqD;MAClEiB,YAAY,EAAE;IAChB,CAAC,CAAC;IACFG,iBAAiB,EAAEzB,oBAAoB,CAAC;MACtCmB,KAAK,EAAE,0BAA0B;MACjCd,WAAW,EAAE,uDAAuD;MACpEiB,YAAY,EAAE;IAChB,CAAC,CAAC;IACFI,gBAAgB,EAAE3B,sBAAsB,CAAC;MACvCoB,KAAK,EAAE,oBAAoB;MAC3Bd,WAAW,EACT,iEAAiE;MACnEiB,YAAY,EAAE,CAAC;MACfK,GAAG,EAAE,CAAC;MACNC,IAAI,EAAE;IACR,CAAC;EACH;AACF,CAAC"}
|
|
@@ -1,12 +1,11 @@
|
|
|
1
|
-
import { COMPONENT_TYPES,
|
|
1
|
+
import { COMPONENT_TYPES, StylesPanelSections } from "@draftbit/types";
|
|
2
2
|
export const SEED_DATA = {
|
|
3
3
|
name: "Deck Swiper Card",
|
|
4
4
|
tag: "DeckSwiperCard",
|
|
5
5
|
description: "Single Deck Swiper Card item to be used in DeckSwiper",
|
|
6
6
|
category: COMPONENT_TYPES.swiper,
|
|
7
|
-
stylesPanelSections:
|
|
7
|
+
stylesPanelSections: [StylesPanelSections.LayoutFlexItems, StylesPanelSections.LayoutContent, StylesPanelSections.Background, StylesPanelSections.Size, StylesPanelSections.MarginsAndPaddings, StylesPanelSections.Borders, StylesPanelSections.Effects],
|
|
8
8
|
layout: {
|
|
9
|
-
flex: 1,
|
|
10
9
|
alignItems: "center",
|
|
11
10
|
justifyContent: "center",
|
|
12
11
|
padding: 20,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["COMPONENT_TYPES","
|
|
1
|
+
{"version":3,"names":["COMPONENT_TYPES","StylesPanelSections","SEED_DATA","name","tag","description","category","swiper","stylesPanelSections","LayoutFlexItems","LayoutContent","Background","Size","MarginsAndPaddings","Borders","Effects","layout","alignItems","justifyContent","padding","borderWidth","props"],"sourceRoot":"../../../src","sources":["mappings/DeckSwiperCard.ts"],"mappings":"AAAA,SAASA,eAAe,EAAEC,mBAAmB,QAAQ,iBAAiB;AAEtE,OAAO,MAAMC,SAAS,GAAG;EACvBC,IAAI,EAAE,kBAAkB;EACxBC,GAAG,EAAE,gBAAgB;EACrBC,WAAW,EAAE,uDAAuD;EACpEC,QAAQ,EAAEN,eAAe,CAACO,MAAM;EAChCC,mBAAmB,EAAE,CACnBP,mBAAmB,CAACQ,eAAe,EACnCR,mBAAmB,CAACS,aAAa,EACjCT,mBAAmB,CAACU,UAAU,EAC9BV,mBAAmB,CAACW,IAAI,EACxBX,mBAAmB,CAACY,kBAAkB,EACtCZ,mBAAmB,CAACa,OAAO,EAC3Bb,mBAAmB,CAACc,OAAO,CAC5B;EACDC,MAAM,EAAE;IACNC,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE,QAAQ;IACxBC,OAAO,EAAE,EAAE;IACXC,WAAW,EAAE;EACf,CAAC;EACDC,KAAK,EAAE,CAAC;AACV,CAAC"}
|
|
@@ -1,10 +1,10 @@
|
|
|
1
|
-
import { COMPONENT_TYPES,
|
|
1
|
+
import { COMPONENT_TYPES, createColorProp, createStaticNumberProp, createStaticBoolProp, createDisabledProp, GROUPS, StylesPanelSections } from "@draftbit/types";
|
|
2
2
|
export const SEED_DATA = {
|
|
3
3
|
name: "Shadow",
|
|
4
4
|
tag: "Shadow",
|
|
5
5
|
description: "A cross-platform, universal shadow.",
|
|
6
6
|
category: COMPONENT_TYPES.view,
|
|
7
|
-
stylesPanelSections:
|
|
7
|
+
stylesPanelSections: [StylesPanelSections.Size, StylesPanelSections.Margins, StylesPanelSections.Position, StylesPanelSections.Borders, StylesPanelSections.Effects],
|
|
8
8
|
props: {
|
|
9
9
|
disabled: createDisabledProp({
|
|
10
10
|
description: "Disables the shadow."
|
|
@@ -26,7 +26,7 @@ export const SEED_DATA = {
|
|
|
26
26
|
paintInside: createStaticBoolProp({
|
|
27
27
|
label: "Paint Inside",
|
|
28
28
|
description: "Apply the shadow below/inside the content.",
|
|
29
|
-
defaultValue:
|
|
29
|
+
defaultValue: true
|
|
30
30
|
}),
|
|
31
31
|
stretch: createStaticBoolProp({
|
|
32
32
|
label: "Stretch",
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["COMPONENT_TYPES","
|
|
1
|
+
{"version":3,"names":["COMPONENT_TYPES","createColorProp","createStaticNumberProp","createStaticBoolProp","createDisabledProp","GROUPS","StylesPanelSections","SEED_DATA","name","tag","description","category","view","stylesPanelSections","Size","Margins","Position","Borders","Effects","props","disabled","startColor","label","defaultValue","endColor","distance","paintInside","stretch","offsetX","defeaultValue","offsetY","showShadowSideStart","group","advanced","showShadowSideEnd","showShadowSideTop","showShadowSideBottom","showShadowCornerTopStart","showShadowCornerTopEnd","showShadowCornerBottomStart","showShadowCornerBottomEnd"],"sourceRoot":"../../../src","sources":["mappings/Shadow.ts"],"mappings":"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"}
|
package/lib/module/utilities.js
CHANGED
|
@@ -44,6 +44,12 @@ export function extractBorderAndMarginStyles(style, additionalBorderStyles, addi
|
|
|
44
44
|
marginStyles
|
|
45
45
|
};
|
|
46
46
|
}
|
|
47
|
+
export const sizeStyleNames = ["width", "height"];
|
|
48
|
+
export function extractSizeStyles(style, additionalSizeStyles) {
|
|
49
|
+
const flatStyle = StyleSheet.flatten(style || {});
|
|
50
|
+
const sizeStyles = pickBy(pick(flatStyle, [...sizeStyleNames, ...(additionalSizeStyles ? additionalSizeStyles : [])]), identity);
|
|
51
|
+
return sizeStyles;
|
|
52
|
+
}
|
|
47
53
|
|
|
48
54
|
/**
|
|
49
55
|
* Merges a style object on top of another style object. In React Native,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["StyleSheet","isString","isNumber","pick","pickBy","identity","extractStyles","style","color","fontFamily","fontWeight","fontSize","lineHeight","letterSpacing","textTransform","textAlign","textDecorationLine","textDecorationColor","textDecorationStyle","viewStyles","flatten","textStyles","borderStyleNames","marginStyleNames","extractBorderAndMarginStyles","additionalBorderStyles","additionalMarginStyles","flatStyle","borderStyles","marginStyles","applyStyles","baseStyles","stylesToApply","flattenedStyles","key","value","Object","entries","getValueForRadioButton","String","Error"],"sourceRoot":"../../src","sources":["utilities.ts"],"mappings":"AAAA,SAASA,UAAU,QAA8B,cAAc;AAC/D,SAASC,QAAQ,EAAEC,QAAQ,EAAEC,IAAI,EAAEC,MAAM,EAAEC,QAAQ,QAAQ,QAAQ;AAEnE,OAAO,SAASC,aAAa,CAACC,KAAqB,EAAE;EACnD,MAAM;IACJC,KAAK;IACLC,UAAU;IACVC,UAAU;IACVC,QAAQ;IACRC,UAAU;IACVC,aAAa;IACbC,aAAa;IACbC,SAAS;IACTC,kBAAkB;IAClBC,mBAAmB;IACnBC,mBAAmB;IACnB,GAAGC;EACL,CAAC,GAAGnB,UAAU,CAACoB,OAAO,CAACb,KAAK,IAAI,CAAC,CAAC,CAAC;EAEnC,MAAMc,UAAqB,GAAG;IAC5Bb,KAAK;IACLC,UAAU;IACVC,UAAU;IACVC,QAAQ;IACRC,UAAU;IACVC,aAAa;IACbC,aAAa;IACbC,SAAS;IACTC,kBAAkB;IAClBC,mBAAmB;IACnBC;EACF,CAAC;EAED,OAAO;IAAEC,UAAU;IAAEE;EAAW,CAAC;AACnC;AAEA,OAAO,MAAMC,gBAAgB,GAAG,CAC9B,cAAc,EACd,mBAAmB,EACnB,uBAAuB,EACvB,wBAAwB,EACxB,yBAAyB,EACzB,yBAAyB,EACzB,mBAAmB,EACnB,aAAa,EACb,gBAAgB,EAChB,iBAAiB,EACjB,iBAAiB,EACjB,cAAc,EACd,kBAAkB,EAClB,kBAAkB,EAClB,kBAAkB,EAClB,aAAa,EACb,gBAAgB,EAChB,oBAAoB,EACpB,qBAAqB,EACrB,sBAAsB,EACtB,sBAAsB,EACtB,gBAAgB,EAChB,aAAa,CACd;AAED,OAAO,MAAMC,gBAAgB,GAAG,CAC9B,QAAQ,EACR,cAAc,EACd,WAAW,EACX,kBAAkB,EAClB,YAAY,EACZ,aAAa,EACb,aAAa,EACb,WAAW,EACX,gBAAgB,CACjB;AAED,OAAO,SAASC,4BAA4B,CAC1CjB,KAAqB,EACrBkB,sBAAiC,EACjCC,sBAAiC,EACjC;EACA,MAAMC,SAAS,GAAG3B,UAAU,CAACoB,OAAO,CAACb,KAAK,IAAI,CAAC,CAAC,CAAC;EAEjD,MAAMqB,YAAY,GAAGxB,MAAM,CACzBD,IAAI,CAACwB,SAAS,EAAE,CACd,GAAGL,gBAAgB,EACnB,IAAIG,sBAAsB,GAAGA,sBAAsB,GAAG,EAAE,CAAC,CAC1D,CAAC,EACFpB,QAAQ,CACT;EAED,MAAMwB,YAAY,GAAGzB,MAAM,CACzBD,IAAI,CAACwB,SAAS,EAAE,CACd,GAAGJ,gBAAgB,EACnB,IAAIG,sBAAsB,GAAGA,sBAAsB,GAAG,EAAE,CAAC,CAC1D,CAAC,EACFrB,QAAQ,CACT;EAED,OAAO;IAAEuB,YAAY;IAAEC;EAAa,CAAC;AACvC;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASC,WAAW,CACzBC,UAAiC,EACjCC,aAAyC,EACzC;EACA,IAAI,CAACA,aAAa,EAAE;IAClB;EACF;EAEA,MAAMC,eAAe,
|
|
1
|
+
{"version":3,"names":["StyleSheet","isString","isNumber","pick","pickBy","identity","extractStyles","style","color","fontFamily","fontWeight","fontSize","lineHeight","letterSpacing","textTransform","textAlign","textDecorationLine","textDecorationColor","textDecorationStyle","viewStyles","flatten","textStyles","borderStyleNames","marginStyleNames","extractBorderAndMarginStyles","additionalBorderStyles","additionalMarginStyles","flatStyle","borderStyles","marginStyles","sizeStyleNames","extractSizeStyles","additionalSizeStyles","sizeStyles","applyStyles","baseStyles","stylesToApply","flattenedStyles","key","value","Object","entries","getValueForRadioButton","String","Error"],"sourceRoot":"../../src","sources":["utilities.ts"],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DeckSwiperCard.d.ts","sourceRoot":"","sources":["../../../../../src/components/DeckSwiper/DeckSwiperCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAoB,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACtE,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,2BAA2B,CAAC;AAGvD,MAAM,WAAW,mBAAmB;IAClC,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,KAAK,EAAE,KAAK,CAAC;CACd;;;;
|
|
1
|
+
{"version":3,"file":"DeckSwiperCard.d.ts","sourceRoot":"","sources":["../../../../../src/components/DeckSwiper/DeckSwiperCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAoB,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACtE,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,2BAA2B,CAAC;AAGvD,MAAM,WAAW,mBAAmB;IAClC,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,KAAK,EAAE,KAAK,CAAC;CACd;;;;AA4BD,wBAAyC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Picker.d.ts","sourceRoot":"","sources":["../../../../../src/components/Picker/Picker.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAKL,SAAS,EACT,SAAS,EAGV,MAAM,cAAc,CAAC;AAStB,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,2BAA2B,CAAC;AACvD,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAQtD,MAAM,WAAW,YAAY;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;CACf;AAED,oBAAY,WAAW,GAAG;IACxB,KAAK,CAAC,EAAE,GAAG,CAAC;IACZ,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,GAAG;QAAE,MAAM,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IACnD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,EAAE,YAAY,EAAE,GAAG,MAAM,EAAE,CAAC;IACnC,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACtD,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,YAAY,CAAC,EAAE,OAAO,GAAG,QAAQ,CAAC;IAClC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,IAAI,CAAC,EAAE,OAAO,GAAG,WAAW,CAAC;IAC7B,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,KAAK,EAAE,KAAK,CAAC;IACb,IAAI,EAAE,QAAQ,CAAC,MAAM,CAAC,CAAC;CACxB,CAAC;;;;
|
|
1
|
+
{"version":3,"file":"Picker.d.ts","sourceRoot":"","sources":["../../../../../src/components/Picker/Picker.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAKL,SAAS,EACT,SAAS,EAGV,MAAM,cAAc,CAAC;AAStB,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,2BAA2B,CAAC;AACvD,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAQtD,MAAM,WAAW,YAAY;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;CACf;AAED,oBAAY,WAAW,GAAG;IACxB,KAAK,CAAC,EAAE,GAAG,CAAC;IACZ,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,GAAG;QAAE,MAAM,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IACnD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,EAAE,YAAY,EAAE,GAAG,MAAM,EAAE,CAAC;IACnC,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACtD,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,YAAY,CAAC,EAAE,OAAO,GAAG,QAAQ,CAAC;IAClC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,IAAI,CAAC,EAAE,OAAO,GAAG,WAAW,CAAC;IAC7B,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,KAAK,EAAE,KAAK,CAAC;IACb,IAAI,EAAE,QAAQ,CAAC,MAAM,CAAC,CAAC;CACxB,CAAC;;;;AAscF,wBAAiC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Shadow.d.ts","sourceRoot":"","sources":["../../../../src/components/Shadow.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,SAAS,EAAE,SAAS,
|
|
1
|
+
{"version":3,"file":"Shadow.d.ts","sourceRoot":"","sources":["../../../../src/components/Shadow.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,SAAS,EAAE,SAAS,EAAc,MAAM,cAAc,CAAC;AAIhE,UAAU,WAAW;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,wBAAwB,CAAC,EAAE,OAAO,CAAC;IACnC,sBAAsB,CAAC,EAAE,OAAO,CAAC;IACjC,2BAA2B,CAAC,EAAE,OAAO,CAAC;IACtC,yBAAyB,CAAC,EAAE,OAAO,CAAC;IACpC,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B;AAED,QAAA,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,iBAAiB,CAAC,WAAW,CAAC,CA8C1D,CAAC;AAEF,eAAe,MAAM,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DeckSwiper.d.ts","sourceRoot":"","sources":["../../../../src/mappings/DeckSwiper.ts"],"names":[],"mappings":"AASA,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;
|
|
1
|
+
{"version":3,"file":"DeckSwiper.d.ts","sourceRoot":"","sources":["../../../../src/mappings/DeckSwiper.ts"],"names":[],"mappings":"AASA,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAmDrB,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DeckSwiperCard.d.ts","sourceRoot":"","sources":["../../../../src/mappings/DeckSwiperCard.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"DeckSwiperCard.d.ts","sourceRoot":"","sources":["../../../../src/mappings/DeckSwiperCard.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,SAAS;;;;;;;;;;;;;CAqBrB,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Shadow.d.ts","sourceRoot":"","sources":["../../../../src/mappings/Shadow.ts"],"names":[],"mappings":"AAUA,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;
|
|
1
|
+
{"version":3,"file":"Shadow.d.ts","sourceRoot":"","sources":["../../../../src/mappings/Shadow.ts"],"names":[],"mappings":"AAUA,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAmGrB,CAAC"}
|
|
@@ -10,6 +10,8 @@ export declare function extractBorderAndMarginStyles(style: StyleProp<any>, addi
|
|
|
10
10
|
borderStyles: import("lodash").Dictionary<any>;
|
|
11
11
|
marginStyles: import("lodash").Dictionary<any>;
|
|
12
12
|
};
|
|
13
|
+
export declare const sizeStyleNames: string[];
|
|
14
|
+
export declare function extractSizeStyles(style: StyleProp<any>, additionalSizeStyles?: string[]): import("lodash").Dictionary<any>;
|
|
13
15
|
/**
|
|
14
16
|
* Merges a style object on top of another style object. In React Native,
|
|
15
17
|
* keys with undefined values in a style object will still override styles
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"utilities.d.ts","sourceRoot":"","sources":["../../../src/utilities.ts"],"names":[],"mappings":";AAAA,OAAO,EAAc,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAGhE,wBAAgB,aAAa,CAAC,KAAK,EAAE,SAAS,CAAC,GAAG,CAAC;;;EA+BlD;AAED,eAAO,MAAM,gBAAgB,UAwB5B,CAAC;AAEF,eAAO,MAAM,gBAAgB,UAU5B,CAAC;AAEF,wBAAgB,4BAA4B,CAC1C,KAAK,EAAE,SAAS,CAAC,GAAG,CAAC,EACrB,sBAAsB,CAAC,EAAE,MAAM,EAAE,EACjC,sBAAsB,CAAC,EAAE,MAAM,EAAE;;;EAqBlC;AAED;;;;;;;;;;;GAWG;AACH,wBAAgB,WAAW,CACzB,UAAU,EAAE,KAAK,CAAC,SAAS,CAAC,GAAG,CAAC,CAAC,EACjC,aAAa,EAAE,SAAS,CAAC,GAAG,CAAC,GAAG,SAAS,OAe1C;AAED,wBAAgB,sBAAsB,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,UAQ5D"}
|
|
1
|
+
{"version":3,"file":"utilities.d.ts","sourceRoot":"","sources":["../../../src/utilities.ts"],"names":[],"mappings":";AAAA,OAAO,EAAc,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAGhE,wBAAgB,aAAa,CAAC,KAAK,EAAE,SAAS,CAAC,GAAG,CAAC;;;EA+BlD;AAED,eAAO,MAAM,gBAAgB,UAwB5B,CAAC;AAEF,eAAO,MAAM,gBAAgB,UAU5B,CAAC;AAEF,wBAAgB,4BAA4B,CAC1C,KAAK,EAAE,SAAS,CAAC,GAAG,CAAC,EACrB,sBAAsB,CAAC,EAAE,MAAM,EAAE,EACjC,sBAAsB,CAAC,EAAE,MAAM,EAAE;;;EAqBlC;AAED,eAAO,MAAM,cAAc,UAAsB,CAAC;AAElD,wBAAgB,iBAAiB,CAC/B,KAAK,EAAE,SAAS,CAAC,GAAG,CAAC,EACrB,oBAAoB,CAAC,EAAE,MAAM,EAAE,oCAahC;AAED;;;;;;;;;;;GAWG;AACH,wBAAgB,WAAW,CACzB,UAAU,EAAE,KAAK,CAAC,SAAS,CAAC,GAAG,CAAC,CAAC,EACjC,aAAa,EAAE,SAAS,CAAC,GAAG,CAAC,GAAG,SAAS,OAe1C;AAED,wBAAgB,sBAAsB,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,UAQ5D"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@draftbit/core",
|
|
3
|
-
"version": "46.11.1-
|
|
3
|
+
"version": "46.11.1-e9ee84.2+e9ee848",
|
|
4
4
|
"description": "Core (non-native) Components",
|
|
5
5
|
"main": "lib/commonjs/index.js",
|
|
6
6
|
"module": "lib/module/index.js",
|
|
@@ -41,7 +41,7 @@
|
|
|
41
41
|
"dependencies": {
|
|
42
42
|
"@date-io/date-fns": "^1.3.13",
|
|
43
43
|
"@draftbit/react-theme-provider": "^2.1.1",
|
|
44
|
-
"@draftbit/types": "^46.11.1-
|
|
44
|
+
"@draftbit/types": "^46.11.1-e9ee84.2+e9ee848",
|
|
45
45
|
"@material-ui/core": "^4.11.0",
|
|
46
46
|
"@material-ui/pickers": "^3.2.10",
|
|
47
47
|
"@react-native-community/slider": "4.2.3",
|
|
@@ -93,5 +93,5 @@
|
|
|
93
93
|
"node_modules/",
|
|
94
94
|
"lib/"
|
|
95
95
|
],
|
|
96
|
-
"gitHead": "
|
|
96
|
+
"gitHead": "e9ee848d4648e685e668bf4ee7731addf1023dc7"
|
|
97
97
|
}
|
|
@@ -38,7 +38,7 @@ const disabledColor = "rgb(240, 240, 240)";
|
|
|
38
38
|
const errorColor = "rgba(255, 69, 100, 1)";
|
|
39
39
|
//Empty string for 'value' is treated as a non-value
|
|
40
40
|
//reason: Draftbit uses empty string as initial value for string state*/
|
|
41
|
-
const Picker = ({ error, options = [], onValueChange, defaultValue, Icon, style, placeholder
|
|
41
|
+
const Picker = ({ error, options = [], onValueChange, defaultValue, Icon, style, placeholder, value, disabled = false, assistiveText, label, iconColor = unstyledColor, iconSize = 24, leftIconMode = "inset", leftIconName, placeholderTextColor = unstyledColor, rightIconName, type = "solid", autoDismissKeyboard = true, }) => {
|
|
42
42
|
var _a, _b;
|
|
43
43
|
const androidPickerRef = React.useRef(undefined);
|
|
44
44
|
const [internalValue, setInternalValue] = React.useState(value || defaultValue);
|
|
@@ -50,6 +50,9 @@ const Picker = ({ error, options = [], onValueChange, defaultValue, Icon, style,
|
|
|
50
50
|
if (value != null && value !== "") {
|
|
51
51
|
setInternalValue(value);
|
|
52
52
|
}
|
|
53
|
+
else if (value === "") {
|
|
54
|
+
setInternalValue(undefined);
|
|
55
|
+
}
|
|
53
56
|
}, [value]);
|
|
54
57
|
React.useEffect(() => {
|
|
55
58
|
if (defaultValue != null && defaultValue !== "") {
|
|
@@ -67,12 +70,21 @@ const Picker = ({ error, options = [], onValueChange, defaultValue, Icon, style,
|
|
|
67
70
|
Keyboard.dismiss();
|
|
68
71
|
}
|
|
69
72
|
}, [pickerVisible, autoDismissKeyboard]);
|
|
70
|
-
const normalizedOptions = normalizeOptions(options);
|
|
73
|
+
const normalizedOptions = React.useMemo(() => normalizeOptions(options), [options]);
|
|
71
74
|
//Underlying Picker component defaults selection to first element when value is not provided (or undefined)
|
|
72
75
|
//Placholder must be the 1st option in order to allow selection of the 'actual' 1st option
|
|
73
|
-
const pickerOptions = placeholder
|
|
76
|
+
const pickerOptions = React.useMemo(() => placeholder
|
|
74
77
|
? [{ label: placeholder, value: placeholder }, ...normalizedOptions]
|
|
75
|
-
: normalizedOptions;
|
|
78
|
+
: normalizedOptions, [placeholder, normalizedOptions]);
|
|
79
|
+
//When no placeholder is provided then first item should be marked selected to reflect underlying Picker internal state
|
|
80
|
+
if (!placeholder &&
|
|
81
|
+
pickerOptions.length &&
|
|
82
|
+
!internalValue &&
|
|
83
|
+
internalValue !== pickerOptions[0].value //Prevent infinite state changes incase first value is falsy
|
|
84
|
+
) {
|
|
85
|
+
onValueChange === null || onValueChange === void 0 ? void 0 : onValueChange(pickerOptions[0].value, 0);
|
|
86
|
+
setInternalValue(pickerOptions[0].value);
|
|
87
|
+
}
|
|
76
88
|
const { viewStyles, textStyles } = extractStyles(style);
|
|
77
89
|
const additionalBorderStyles = ["backgroundColor"];
|
|
78
90
|
const additionalMarginStyles = [
|
|
@@ -101,7 +101,7 @@ const Picker: React.FC<PickerProps> = ({
|
|
|
101
101
|
defaultValue,
|
|
102
102
|
Icon,
|
|
103
103
|
style,
|
|
104
|
-
placeholder
|
|
104
|
+
placeholder,
|
|
105
105
|
value,
|
|
106
106
|
disabled = false,
|
|
107
107
|
assistiveText,
|
|
@@ -130,6 +130,8 @@ const Picker: React.FC<PickerProps> = ({
|
|
|
130
130
|
React.useEffect(() => {
|
|
131
131
|
if (value != null && value !== "") {
|
|
132
132
|
setInternalValue(value);
|
|
133
|
+
} else if (value === "") {
|
|
134
|
+
setInternalValue(undefined);
|
|
133
135
|
}
|
|
134
136
|
}, [value]);
|
|
135
137
|
|
|
@@ -151,13 +153,31 @@ const Picker: React.FC<PickerProps> = ({
|
|
|
151
153
|
}
|
|
152
154
|
}, [pickerVisible, autoDismissKeyboard]);
|
|
153
155
|
|
|
154
|
-
const normalizedOptions =
|
|
156
|
+
const normalizedOptions = React.useMemo(
|
|
157
|
+
() => normalizeOptions(options),
|
|
158
|
+
[options]
|
|
159
|
+
);
|
|
155
160
|
|
|
156
161
|
//Underlying Picker component defaults selection to first element when value is not provided (or undefined)
|
|
157
162
|
//Placholder must be the 1st option in order to allow selection of the 'actual' 1st option
|
|
158
|
-
const pickerOptions =
|
|
159
|
-
|
|
160
|
-
|
|
163
|
+
const pickerOptions = React.useMemo(
|
|
164
|
+
() =>
|
|
165
|
+
placeholder
|
|
166
|
+
? [{ label: placeholder, value: placeholder }, ...normalizedOptions]
|
|
167
|
+
: normalizedOptions,
|
|
168
|
+
[placeholder, normalizedOptions]
|
|
169
|
+
);
|
|
170
|
+
|
|
171
|
+
//When no placeholder is provided then first item should be marked selected to reflect underlying Picker internal state
|
|
172
|
+
if (
|
|
173
|
+
!placeholder &&
|
|
174
|
+
pickerOptions.length &&
|
|
175
|
+
!internalValue &&
|
|
176
|
+
internalValue !== pickerOptions[0].value //Prevent infinite state changes incase first value is falsy
|
|
177
|
+
) {
|
|
178
|
+
onValueChange?.(pickerOptions[0].value, 0);
|
|
179
|
+
setInternalValue(pickerOptions[0].value);
|
|
180
|
+
}
|
|
161
181
|
|
|
162
182
|
const { viewStyles, textStyles } = extractStyles(style);
|
|
163
183
|
|
package/src/components/Shadow.js
CHANGED
|
@@ -1,6 +1,15 @@
|
|
|
1
1
|
import React from "react";
|
|
2
|
+
import { StyleSheet } from "react-native";
|
|
2
3
|
import { Shadow as ShadowComponent } from "react-native-shadow-2";
|
|
3
|
-
|
|
4
|
+
import { extractBorderAndMarginStyles, extractSizeStyles } from "../utilities";
|
|
5
|
+
const Shadow = ({ offsetX = 0, offsetY = 0, showShadowSideStart = true, showShadowSideEnd = true, showShadowSideTop = true, showShadowSideBottom = true, showShadowCornerTopStart = true, showShadowCornerTopEnd = true, showShadowCornerBottomStart = true, showShadowCornerBottomEnd = true, paintInside = true, style, ...rest }) => {
|
|
6
|
+
const { borderStyles } = extractBorderAndMarginStyles(style);
|
|
7
|
+
const shadowStyles = StyleSheet.flatten([
|
|
8
|
+
borderStyles,
|
|
9
|
+
extractSizeStyles(style),
|
|
10
|
+
]);
|
|
11
|
+
const containerStyle = StyleSheet.flatten(style);
|
|
12
|
+
Object.keys(shadowStyles).forEach((key) => delete containerStyle[key]);
|
|
4
13
|
return (React.createElement(ShadowComponent, { offset: [offsetX, offsetY], sides: {
|
|
5
14
|
start: showShadowSideStart,
|
|
6
15
|
end: showShadowSideEnd,
|
|
@@ -11,6 +20,6 @@ const Shadow = ({ offsetX = 0, offsetY = 0, showShadowSideStart = true, showShad
|
|
|
11
20
|
topEnd: showShadowCornerTopEnd,
|
|
12
21
|
bottomStart: showShadowCornerBottomStart,
|
|
13
22
|
bottomEnd: showShadowCornerBottomEnd,
|
|
14
|
-
}, containerStyle:
|
|
23
|
+
}, style: shadowStyles, containerStyle: containerStyle, paintInside: paintInside, ...rest }));
|
|
15
24
|
};
|
|
16
25
|
export default Shadow;
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import React from "react";
|
|
2
|
-
import { StyleProp, ViewStyle } from "react-native";
|
|
2
|
+
import { StyleProp, ViewStyle, StyleSheet } from "react-native";
|
|
3
3
|
import { Shadow as ShadowComponent } from "react-native-shadow-2";
|
|
4
|
+
import { extractBorderAndMarginStyles, extractSizeStyles } from "../utilities";
|
|
4
5
|
|
|
5
6
|
interface ShadowProps {
|
|
6
7
|
disabled?: boolean;
|
|
@@ -33,10 +34,20 @@ const Shadow: React.FC<React.PropsWithChildren<ShadowProps>> = ({
|
|
|
33
34
|
showShadowCornerTopEnd = true,
|
|
34
35
|
showShadowCornerBottomStart = true,
|
|
35
36
|
showShadowCornerBottomEnd = true,
|
|
36
|
-
paintInside =
|
|
37
|
+
paintInside = true,
|
|
37
38
|
style,
|
|
38
39
|
...rest
|
|
39
40
|
}) => {
|
|
41
|
+
const { borderStyles } = extractBorderAndMarginStyles(style);
|
|
42
|
+
|
|
43
|
+
const shadowStyles = StyleSheet.flatten([
|
|
44
|
+
borderStyles,
|
|
45
|
+
extractSizeStyles(style),
|
|
46
|
+
]);
|
|
47
|
+
|
|
48
|
+
const containerStyle = StyleSheet.flatten(style) as StyleProp<any>;
|
|
49
|
+
Object.keys(shadowStyles).forEach((key) => delete containerStyle[key]);
|
|
50
|
+
|
|
40
51
|
return (
|
|
41
52
|
<ShadowComponent
|
|
42
53
|
offset={[offsetX, offsetY]}
|
|
@@ -52,7 +63,8 @@ const Shadow: React.FC<React.PropsWithChildren<ShadowProps>> = ({
|
|
|
52
63
|
bottomStart: showShadowCornerBottomStart,
|
|
53
64
|
bottomEnd: showShadowCornerBottomEnd,
|
|
54
65
|
}}
|
|
55
|
-
|
|
66
|
+
style={shadowStyles}
|
|
67
|
+
containerStyle={containerStyle}
|
|
56
68
|
paintInside={paintInside}
|
|
57
69
|
{...rest}
|
|
58
70
|
/>
|
|
@@ -39,7 +39,7 @@ const TabViewComponent = ({ Icon, onIndexChanged, onEndReached, tabBarPosition,
|
|
|
39
39
|
}
|
|
40
40
|
};
|
|
41
41
|
const renderTabBar = (props) => {
|
|
42
|
-
return (React.createElement(TabBar, { ...props, activeColor: activeColor || theme.colors.primary, inactiveColor: inactiveColor ||
|
|
42
|
+
return (React.createElement(TabBar, { ...props, activeColor: activeColor || theme.colors.primary, inactiveColor: inactiveColor || "rgb(200,200,200)", pressColor: pressColor || theme.colors.primary, scrollEnabled: scrollEnabled, indicatorStyle: {
|
|
43
43
|
backgroundColor: indicatorColor || theme.colors.primary,
|
|
44
44
|
}, labelStyle: textStyles, renderIcon: ({ route, color }) => (route === null || route === void 0 ? void 0 : route.icon) ? (React.createElement(Icon, { name: route.icon, color: color, size: 16 })) : null, style: {
|
|
45
45
|
backgroundColor: tabsBackgroundColor || theme.colors.background,
|
|
@@ -106,7 +106,7 @@ const TabViewComponent: React.FC<React.PropsWithChildren<TabViewProps>> = ({
|
|
|
106
106
|
<TabBar
|
|
107
107
|
{...props}
|
|
108
108
|
activeColor={activeColor || theme.colors.primary}
|
|
109
|
-
inactiveColor={inactiveColor ||
|
|
109
|
+
inactiveColor={inactiveColor || "rgb(200,200,200)"}
|
|
110
110
|
pressColor={pressColor || theme.colors.primary}
|
|
111
111
|
scrollEnabled={scrollEnabled}
|
|
112
112
|
indicatorStyle={{
|
|
@@ -1,12 +1,16 @@
|
|
|
1
|
-
import { COMPONENT_TYPES, Triggers, createActionProp, createStaticNumberProp, createStaticBoolProp,
|
|
1
|
+
import { COMPONENT_TYPES, Triggers, createActionProp, createStaticNumberProp, createStaticBoolProp, StylesPanelSections, } from "@draftbit/types";
|
|
2
2
|
export const SEED_DATA = {
|
|
3
3
|
name: "Deck Swiper",
|
|
4
4
|
tag: "DeckSwiper",
|
|
5
5
|
description: "Deck swiper container",
|
|
6
6
|
category: COMPONENT_TYPES.swiper,
|
|
7
|
-
stylesPanelSections:
|
|
7
|
+
stylesPanelSections: [
|
|
8
|
+
StylesPanelSections.Size,
|
|
9
|
+
StylesPanelSections.Margins,
|
|
10
|
+
StylesPanelSections.Effects,
|
|
11
|
+
],
|
|
8
12
|
layout: {
|
|
9
|
-
|
|
13
|
+
position: "absolute",
|
|
10
14
|
},
|
|
11
15
|
triggers: [Triggers.OnIndexChanged, Triggers.OnEndReached],
|
|
12
16
|
props: {
|
|
@@ -4,7 +4,7 @@ import {
|
|
|
4
4
|
createActionProp,
|
|
5
5
|
createStaticNumberProp,
|
|
6
6
|
createStaticBoolProp,
|
|
7
|
-
|
|
7
|
+
StylesPanelSections,
|
|
8
8
|
} from "@draftbit/types";
|
|
9
9
|
|
|
10
10
|
export const SEED_DATA = {
|
|
@@ -12,9 +12,13 @@ export const SEED_DATA = {
|
|
|
12
12
|
tag: "DeckSwiper",
|
|
13
13
|
description: "Deck swiper container",
|
|
14
14
|
category: COMPONENT_TYPES.swiper,
|
|
15
|
-
stylesPanelSections:
|
|
15
|
+
stylesPanelSections: [
|
|
16
|
+
StylesPanelSections.Size,
|
|
17
|
+
StylesPanelSections.Margins,
|
|
18
|
+
StylesPanelSections.Effects,
|
|
19
|
+
],
|
|
16
20
|
layout: {
|
|
17
|
-
|
|
21
|
+
position: "absolute",
|
|
18
22
|
},
|
|
19
23
|
triggers: [Triggers.OnIndexChanged, Triggers.OnEndReached],
|
|
20
24
|
props: {
|
|
@@ -1,12 +1,19 @@
|
|
|
1
|
-
import { COMPONENT_TYPES,
|
|
1
|
+
import { COMPONENT_TYPES, StylesPanelSections } from "@draftbit/types";
|
|
2
2
|
export const SEED_DATA = {
|
|
3
3
|
name: "Deck Swiper Card",
|
|
4
4
|
tag: "DeckSwiperCard",
|
|
5
5
|
description: "Single Deck Swiper Card item to be used in DeckSwiper",
|
|
6
6
|
category: COMPONENT_TYPES.swiper,
|
|
7
|
-
stylesPanelSections:
|
|
7
|
+
stylesPanelSections: [
|
|
8
|
+
StylesPanelSections.LayoutFlexItems,
|
|
9
|
+
StylesPanelSections.LayoutContent,
|
|
10
|
+
StylesPanelSections.Background,
|
|
11
|
+
StylesPanelSections.Size,
|
|
12
|
+
StylesPanelSections.MarginsAndPaddings,
|
|
13
|
+
StylesPanelSections.Borders,
|
|
14
|
+
StylesPanelSections.Effects,
|
|
15
|
+
],
|
|
8
16
|
layout: {
|
|
9
|
-
flex: 1,
|
|
10
17
|
alignItems: "center",
|
|
11
18
|
justifyContent: "center",
|
|
12
19
|
padding: 20,
|