@draftbit/core 47.0.0-0362d7.2 → 47.0.0-06ea46.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/Banner.js +168 -0
- package/lib/commonjs/components/Banner.js.map +1 -0
- package/lib/commonjs/components/FormRow.js +3 -17
- package/lib/commonjs/components/FormRow.js.map +1 -1
- package/lib/commonjs/components/Picker/Picker.js +2 -2
- package/lib/commonjs/components/Picker/Picker.js.map +1 -1
- package/lib/commonjs/components/Picker/PickerComponent.ios.js +11 -30
- package/lib/commonjs/components/Picker/PickerComponent.ios.js.map +1 -1
- package/lib/commonjs/components/Portal/PortalHost.js +15 -45
- package/lib/commonjs/components/Portal/PortalHost.js.map +1 -1
- package/lib/commonjs/components/RadioButton/RadioButton.js +3 -14
- package/lib/commonjs/components/RadioButton/RadioButton.js.map +1 -1
- package/lib/commonjs/components/Surface.js +2 -13
- package/lib/commonjs/components/Surface.js.map +1 -1
- package/lib/commonjs/index.js +14 -0
- package/lib/commonjs/index.js.map +1 -1
- package/lib/commonjs/mappings/NativeBase/Layout/AspectRatio.js +17 -0
- package/lib/commonjs/mappings/NativeBase/Layout/AspectRatio.js.map +1 -0
- package/lib/commonjs/mappings/NativeBase/Layout/Box.js +17 -0
- package/lib/commonjs/mappings/NativeBase/Layout/Box.js.map +1 -0
- package/lib/commonjs/mappings/NativeBase/Layout/Center.js +31 -0
- package/lib/commonjs/mappings/NativeBase/Layout/Center.js.map +1 -0
- package/lib/commonjs/mappings/NativeBase/Layout/Column.js +17 -0
- package/lib/commonjs/mappings/NativeBase/Layout/Column.js.map +1 -0
- package/lib/commonjs/mappings/NativeBase/Layout/Container.js +17 -0
- package/lib/commonjs/mappings/NativeBase/Layout/Container.js.map +1 -0
- package/lib/commonjs/mappings/NativeBase/Layout/Row.js +17 -0
- package/lib/commonjs/mappings/NativeBase/Layout/Row.js.map +1 -0
- package/lib/commonjs/mappings/NativeBase/Layout/Stack.js +17 -0
- package/lib/commonjs/mappings/NativeBase/Layout/Stack.js.map +1 -0
- package/lib/commonjs/mappings/NativeBase/Layout/ZStack.js +17 -0
- package/lib/commonjs/mappings/NativeBase/Layout/ZStack.js.map +1 -0
- package/lib/commonjs/mappings/WebView.js.map +1 -1
- package/lib/module/components/Accordion/AccordionItem.js +4 -23
- package/lib/module/components/Accordion/AccordionItem.js.map +1 -1
- package/lib/module/components/Banner.js +158 -0
- package/lib/module/components/Banner.js.map +1 -0
- package/lib/module/components/Picker/Picker.js +1 -1
- package/lib/module/components/Picker/Picker.js.map +1 -1
- package/lib/module/index.js +3 -10
- package/lib/module/index.js.map +1 -1
- package/lib/module/mappings/ActionSheet.js.map +1 -1
- package/lib/module/mappings/CheckboxGroup.js.map +1 -1
- package/lib/module/mappings/MapCallout.js.map +1 -1
- package/lib/module/mappings/NativeBase/Layout/AspectRatio.js +10 -0
- package/lib/module/mappings/NativeBase/Layout/AspectRatio.js.map +1 -0
- package/lib/module/mappings/NativeBase/Layout/Box.js +10 -0
- package/lib/module/mappings/NativeBase/Layout/Box.js.map +1 -0
- package/lib/module/mappings/NativeBase/Layout/Center.js +24 -0
- package/lib/module/mappings/NativeBase/Layout/Center.js.map +1 -0
- package/lib/module/mappings/NativeBase/Layout/Column.js +10 -0
- package/lib/module/mappings/NativeBase/Layout/Column.js.map +1 -0
- package/lib/module/mappings/NativeBase/Layout/Container.js +10 -0
- package/lib/module/mappings/NativeBase/Layout/Container.js.map +1 -0
- package/lib/module/mappings/NativeBase/Layout/Row.js +10 -0
- package/lib/module/mappings/NativeBase/Layout/Row.js.map +1 -0
- package/lib/module/mappings/NativeBase/Layout/Stack.js +10 -0
- package/lib/module/mappings/NativeBase/Layout/Stack.js.map +1 -0
- package/lib/module/mappings/NativeBase/Layout/ZStack.js +10 -0
- package/lib/module/mappings/NativeBase/Layout/ZStack.js.map +1 -0
- package/lib/typescript/src/components/Banner.d.ts +23 -0
- package/lib/typescript/src/components/Banner.d.ts.map +1 -0
- package/lib/typescript/src/components/Picker/Picker.d.ts.map +1 -1
- package/lib/typescript/src/index.d.ts +2 -0
- package/lib/typescript/src/index.d.ts.map +1 -1
- package/lib/typescript/src/mappings/NativeBase/Layout/AspectRatio.d.ts +9 -0
- package/lib/typescript/src/mappings/NativeBase/Layout/AspectRatio.d.ts.map +1 -0
- package/lib/typescript/src/mappings/NativeBase/Layout/Box.d.ts +9 -0
- package/lib/typescript/src/mappings/NativeBase/Layout/Box.d.ts.map +1 -0
- package/lib/typescript/src/mappings/NativeBase/Layout/Center.d.ts +9 -0
- package/lib/typescript/src/mappings/NativeBase/Layout/Center.d.ts.map +1 -0
- package/lib/typescript/src/mappings/NativeBase/Layout/Column.d.ts +9 -0
- package/lib/typescript/src/mappings/NativeBase/Layout/Column.d.ts.map +1 -0
- package/lib/typescript/src/mappings/NativeBase/Layout/Container.d.ts +9 -0
- package/lib/typescript/src/mappings/NativeBase/Layout/Container.d.ts.map +1 -0
- package/lib/typescript/src/mappings/NativeBase/Layout/Row.d.ts +9 -0
- package/lib/typescript/src/mappings/NativeBase/Layout/Row.d.ts.map +1 -0
- package/lib/typescript/src/mappings/NativeBase/Layout/Stack.d.ts +9 -0
- package/lib/typescript/src/mappings/NativeBase/Layout/Stack.d.ts.map +1 -0
- package/lib/typescript/src/mappings/NativeBase/Layout/ZStack.d.ts +9 -0
- package/lib/typescript/src/mappings/NativeBase/Layout/ZStack.d.ts.map +1 -0
- package/package.json +3 -3
- package/src/components/Banner.js +109 -0
- package/src/components/Banner.tsx +204 -0
- package/src/components/Picker/Picker.js +1 -1
- package/src/components/Picker/Picker.tsx +2 -2
- package/src/index.js +2 -0
- package/src/index.tsx +2 -0
- package/src/mappings/NativeBase/Layout/AspectRatio.js +9 -0
- package/src/mappings/NativeBase/Layout/AspectRatio.ts +11 -0
- package/src/mappings/NativeBase/Layout/Box.js +9 -0
- package/src/mappings/NativeBase/Layout/Box.ts +11 -0
- package/src/mappings/NativeBase/Layout/Center.js +27 -0
- package/src/mappings/NativeBase/Layout/Center.ts +28 -0
- package/src/mappings/NativeBase/Layout/Column.js +9 -0
- package/src/mappings/NativeBase/Layout/Column.ts +10 -0
- package/src/mappings/NativeBase/Layout/Container.js +9 -0
- package/src/mappings/NativeBase/Layout/Container.ts +11 -0
- package/src/mappings/NativeBase/Layout/Row.js +9 -0
- package/src/mappings/NativeBase/Layout/Row.ts +10 -0
- package/src/mappings/NativeBase/Layout/Stack.js +9 -0
- package/src/mappings/NativeBase/Layout/Stack.ts +11 -0
- package/src/mappings/NativeBase/Layout/ZStack.js +9 -0
- package/src/mappings/NativeBase/Layout/ZStack.ts +10 -0
package/lib/module/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["injectIcon","withTheme","ThemeProvider","default","Provider","DefaultTheme","ScreenContainer","Button","Link","IconButton","Touchable","DatePicker","NumberInput","TextField","Picker","Checkbox","CheckboxGroup","CheckboxRow","RadioButton","RadioButtonGroup","RadioButtonRow","RadioButtonFieldGroup","Slider","Stepper","StarRating","Switch","SwitchRow","SVG","Center","Circle","Square","Row","Stack","Spacer","Swiper","SwiperItem","AccordionGroup","AccordionItem","ActionSheet","ActionSheetItem","ActionSheetCancel"],"sourceRoot":"../../src","sources":["index.
|
|
1
|
+
{"version":3,"names":["injectIcon","withTheme","ThemeProvider","default","Provider","DefaultTheme","ScreenContainer","Banner","Button","Link","IconButton","Touchable","DatePicker","NumberInput","TextField","Picker","Checkbox","CheckboxGroup","CheckboxRow","RadioButton","RadioButtonGroup","RadioButtonRow","RadioButtonFieldGroup","Slider","Stepper","StarRating","Switch","SwitchRow","SVG","Center","Circle","Square","Row","Stack","Spacer","Swiper","SwiperItem","AccordionGroup","AccordionItem","Surface","ActionSheet","ActionSheetItem","ActionSheetCancel"],"sourceRoot":"../../src","sources":["index.js"],"mappings":"AAAA,SAASA,UAAU,QAAQ,mBAAmB;AAC9C,SAASC,SAAS,EAAEC,aAAa,QAAQ,WAAW;AACpD,SAASC,OAAO,IAAIC,QAAQ,QAAQ,YAAY;AAChD,SAASD,OAAO,IAAIE,YAAY,QAAQ,uBAAuB;AAC/D;AACA,SAASF,OAAO,IAAIG,eAAe,QAAQ,8BAA8B;AACzE,SAASH,OAAO,IAAII,MAAM,QAAQ,qBAAqB;AACvD;AACA,SAASC,MAAM,QAAQ,qBAAqB;AAC5C,SAASC,IAAI,QAAQ,mBAAmB;AACxC,SAASN,OAAO,IAAIO,UAAU,QAAQ,yBAAyB;AAC/D,SAASP,OAAO,IAAIQ,SAAS,QAAQ,wBAAwB;AAC7D;AACA,SAASR,OAAO,IAAIS,UAAU,QAAQ,oCAAoC;AAC1E,SAAST,OAAO,IAAIU,WAAW,QAAQ,0BAA0B;AACjE,SAASV,OAAO,IAAIW,SAAS,QAAQ,wBAAwB;AAC7D,SAASX,OAAO,IAAIY,MAAM,QAAQ,4BAA4B;AAC9D;AACA,SAASC,QAAQ,EAAEC,aAAa,EAAEC,WAAW,QAAQ,uBAAuB;AAC5E,SAASC,WAAW,EAAEC,gBAAgB,EAAEC,cAAc,EAAEC,qBAAqB,QAAS,gCAAgC;AACtH,SAASnB,OAAO,IAAIoB,MAAM,QAAQ,qBAAqB;AACvD,SAASpB,OAAO,IAAIqB,OAAO,QAAQ,sBAAsB;AACzD,SAASrB,OAAO,IAAIsB,UAAU,QAAQ,yBAAyB;AAC/D,SAAStB,OAAO,IAAIuB,MAAM,EAAEC,SAAS,QAAQ,qBAAqB;AAClE;AACA,SAASxB,OAAO,IAAIyB,GAAG,QAAQ,kBAAkB;AACjD;AACA,SAASC,MAAM,EAAEC,MAAM,EAAEC,MAAM,EAAEC,GAAG,EAAEC,KAAK,EAAEC,MAAM,QAAS,qBAAqB;AACjF;AACA,SAASC,MAAM,EAAEC,UAAU,QAAQ,qBAAqB;AACxD;AACA,SAASC,cAAc,EAAEC,aAAa,QAAQ,wBAAwB;AACtE,SAASnC,OAAO,IAAIoC,OAAO,QAAQ,sBAAsB;AACzD;AACA,SAASC,WAAW,EAAEC,eAAe,EAAEC,iBAAiB,QAAS,0BAA0B"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["COMPONENT_TYPES","createStaticBoolProp","GROUPS","SEED_DATA","name","tag","description","category","actionsheet","props","visible","group","data","label"],"sourceRoot":"../../src","sources":["ActionSheet.
|
|
1
|
+
{"version":3,"names":["COMPONENT_TYPES","createStaticBoolProp","GROUPS","SEED_DATA","name","tag","description","category","actionsheet","props","visible","group","data","label"],"sourceRoot":"../../src","sources":["ActionSheet.js"],"mappings":"AAAA,SAASA,eAAe,EAAEC,oBAAoB,EAAEC,MAAM,QAAQ,iBAAiB;AAC/E,OAAO,MAAMC,SAAS,GAAG;EACrBC,IAAI,EAAE,cAAc;EACpBC,GAAG,EAAE,aAAa;EAClBC,WAAW,EAAE,wBAAwB;EACrCC,QAAQ,EAAEP,eAAe,CAACQ,WAAW;EACrCC,KAAK,EAAE;IACHC,OAAO,EAAET,oBAAoB,CAAC;MAC1BU,KAAK,EAAET,MAAM,CAACU,IAAI;MAClBC,KAAK,EAAE;IACX,CAAC;EACL;AACJ,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["GROUPS","COMPONENT_TYPES","FORM_TYPES","createTextProp","PROP_TYPES","createFieldNameProp","createDirectionProp","Triggers","StylesPanelSections","SEED_DATA","name","tag","category","deprecated","layout","triggers","OnValueChange","stylesPanelSections","Margins","props","direction","values","group","data","formType","flatArray","propType","ARRAY","label","description","required","defaultValue","fieldName","handlerPropName","valuePropName"],"sourceRoot":"../../src","sources":["CheckboxGroup.
|
|
1
|
+
{"version":3,"names":["GROUPS","COMPONENT_TYPES","FORM_TYPES","createTextProp","PROP_TYPES","createFieldNameProp","createDirectionProp","Triggers","StylesPanelSections","SEED_DATA","name","tag","category","deprecated","layout","triggers","OnValueChange","stylesPanelSections","Margins","props","direction","values","group","data","formType","flatArray","propType","ARRAY","label","description","required","defaultValue","fieldName","handlerPropName","valuePropName"],"sourceRoot":"../../src","sources":["CheckboxGroup.js"],"mappings":"AAAA,SAASA,MAAM,EAAEC,eAAe,EAAEC,UAAU,EAAEC,cAAc,EAAEC,UAAU,EAAEC,mBAAmB,EAAEC,mBAAmB,EAAEC,QAAQ,EAAEC,mBAAmB,QAAS,iBAAiB;AAC3K,OAAO,MAAMC,SAAS,GAAG;EACrBC,IAAI,EAAE,gBAAgB;EACtBC,GAAG,EAAE,eAAe;EACpBC,QAAQ,EAAEX,eAAe,CAACY,UAAU;EACpCC,MAAM,EAAE,CAAC,CAAC;EACVC,QAAQ,EAAE,CAACR,QAAQ,CAACS,aAAa,CAAC;EAClCC,mBAAmB,EAAE,CAACT,mBAAmB,CAACU,OAAO,CAAC;EAClDC,KAAK,EAAE;IACHC,SAAS,EAAEd,mBAAmB,EAAE;IAChCe,MAAM,EAAElB,cAAc,CAAC;MACnBmB,KAAK,EAAEtB,MAAM,CAACuB,IAAI;MAClBC,QAAQ,EAAEtB,UAAU,CAACuB,SAAS;MAC9BC,QAAQ,EAAEtB,UAAU,CAACuB,KAAK;MAC1BC,KAAK,EAAE,QAAQ;MACfC,WAAW,EAAE,iDAAiD;MAC9DC,QAAQ,EAAE,IAAI;MACdC,YAAY,EAAE;IAClB,CAAC,CAAC;IACFC,SAAS,EAAE3B,mBAAmB,CAAC;MAC3B0B,YAAY,EAAE,oBAAoB;MAClCE,eAAe,EAAE,eAAe;MAChCC,aAAa,EAAE;IACnB,CAAC;EACL;AACJ,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["COMPONENT_TYPES","createActionProp","createBoolProp","GROUPS","Triggers","SEED_DATA","name","tag","packageName","description","category","map","triggers","OnPress","layout","props","onPress","showTooltip","label","group","basic","defaultValue"],"sourceRoot":"../../src","sources":["MapCallout.
|
|
1
|
+
{"version":3,"names":["COMPONENT_TYPES","createActionProp","createBoolProp","GROUPS","Triggers","SEED_DATA","name","tag","packageName","description","category","map","triggers","OnPress","layout","props","onPress","showTooltip","label","group","basic","defaultValue"],"sourceRoot":"../../src","sources":["MapCallout.js"],"mappings":"AAAA,SAASA,eAAe,EAAEC,gBAAgB,EAAEC,cAAc,EAAEC,MAAM,EAAEC,QAAQ,QAAS,iBAAiB;AACtG,OAAO,MAAMC,SAAS,GAAG;EACrBC,IAAI,EAAE,aAAa;EACnBC,GAAG,EAAE,YAAY;EACjBC,WAAW,EAAE,gBAAgB;EAC7BC,WAAW,EAAE,iEAAiE;EAC9EC,QAAQ,EAAEV,eAAe,CAACW,GAAG;EAC7BC,QAAQ,EAAE,CAACR,QAAQ,CAACS,OAAO,CAAC;EAC5BC,MAAM,EAAE,CAAC,CAAC;EACVC,KAAK,EAAE;IACHC,OAAO,EAAEf,gBAAgB,CAAC;MACtBQ,WAAW,EAAE;IACjB,CAAC,CAAC;IACFQ,WAAW,EAAEf,cAAc,CAAC;MACxBgB,KAAK,EAAE,cAAc;MACrBT,WAAW,EAAE,8LAA8L;MAC3MU,KAAK,EAAEhB,MAAM,CAACiB,KAAK;MACnBC,YAAY,EAAE;IAClB,CAAC;EACL;AACJ,CAAC"}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { COMPONENT_TYPES, NB_LAYOUT_STYLES_SECTIONS } from "@draftbit/types";
|
|
2
|
+
export const SEED_DATA = {
|
|
3
|
+
name: "Aspect Ratio",
|
|
4
|
+
tag: "AspectRatio",
|
|
5
|
+
description: "AspectRatio controls the size of the undefined dimension of a node or child component.",
|
|
6
|
+
category: COMPONENT_TYPES.NBLayout,
|
|
7
|
+
stylesPanelSections: NB_LAYOUT_STYLES_SECTIONS,
|
|
8
|
+
packageName: "native-base"
|
|
9
|
+
};
|
|
10
|
+
//# sourceMappingURL=AspectRatio.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["COMPONENT_TYPES","NB_LAYOUT_STYLES_SECTIONS","SEED_DATA","name","tag","description","category","NBLayout","stylesPanelSections","packageName"],"sourceRoot":"../../src","sources":["AspectRatio.ts"],"mappings":"AAAA,SAASA,eAAe,EAAEC,yBAAyB,QAAQ,iBAAiB;AAE5E,OAAO,MAAMC,SAAS,GAAG;EACvBC,IAAI,EAAE,cAAc;EACpBC,GAAG,EAAE,aAAa;EAClBC,WAAW,EACT,wFAAwF;EAC1FC,QAAQ,EAAEN,eAAe,CAACO,QAAQ;EAClCC,mBAAmB,EAAEP,yBAAyB;EAC9CQ,WAAW,EAAE;AACf,CAAC"}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { COMPONENT_TYPES, NB_LAYOUT_STYLES_SECTIONS } from "@draftbit/types";
|
|
2
|
+
export const SEED_DATA = {
|
|
3
|
+
name: "Box",
|
|
4
|
+
tag: "Box",
|
|
5
|
+
description: "This is a generic component for low level layout needs. It is similar to a div in HTML",
|
|
6
|
+
category: COMPONENT_TYPES.NBLayout,
|
|
7
|
+
stylesPanelSections: NB_LAYOUT_STYLES_SECTIONS,
|
|
8
|
+
packageName: "native-base"
|
|
9
|
+
};
|
|
10
|
+
//# sourceMappingURL=Box.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["COMPONENT_TYPES","NB_LAYOUT_STYLES_SECTIONS","SEED_DATA","name","tag","description","category","NBLayout","stylesPanelSections","packageName"],"sourceRoot":"../../src","sources":["Box.ts"],"mappings":"AAAA,SAASA,eAAe,EAAEC,yBAAyB,QAAQ,iBAAiB;AAE5E,OAAO,MAAMC,SAAS,GAAG;EACvBC,IAAI,EAAE,KAAK;EACXC,GAAG,EAAE,KAAK;EACVC,WAAW,EACT,wFAAwF;EAC1FC,QAAQ,EAAEN,eAAe,CAACO,QAAQ;EAClCC,mBAAmB,EAAEP,yBAAyB;EAC9CQ,WAAW,EAAE;AACf,CAAC"}
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
import { COMPONENT_TYPES, NB_LAYOUT_STYLES_SECTIONS } from "@draftbit/types";
|
|
2
|
+
export const SEED_DATA = [{
|
|
3
|
+
name: "Center",
|
|
4
|
+
tag: "Center",
|
|
5
|
+
description: "Centers its child",
|
|
6
|
+
category: COMPONENT_TYPES.NBLayout,
|
|
7
|
+
stylesPanelSections: NB_LAYOUT_STYLES_SECTIONS,
|
|
8
|
+
packageName: "native-base"
|
|
9
|
+
}, {
|
|
10
|
+
name: "Square",
|
|
11
|
+
tag: "Square",
|
|
12
|
+
description: "Centers its child inside a square",
|
|
13
|
+
category: COMPONENT_TYPES.NBLayout,
|
|
14
|
+
stylesPanelSections: NB_LAYOUT_STYLES_SECTIONS,
|
|
15
|
+
packageName: "native-base"
|
|
16
|
+
}, {
|
|
17
|
+
name: "Circle",
|
|
18
|
+
tag: "Circle",
|
|
19
|
+
description: "Centers its child inside a circle",
|
|
20
|
+
category: COMPONENT_TYPES.NBLayout,
|
|
21
|
+
stylesPanelSections: NB_LAYOUT_STYLES_SECTIONS,
|
|
22
|
+
packageName: "native-base"
|
|
23
|
+
}];
|
|
24
|
+
//# sourceMappingURL=Center.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["COMPONENT_TYPES","NB_LAYOUT_STYLES_SECTIONS","SEED_DATA","name","tag","description","category","NBLayout","stylesPanelSections","packageName"],"sourceRoot":"../../src","sources":["Center.ts"],"mappings":"AAAA,SAASA,eAAe,EAAEC,yBAAyB,QAAQ,iBAAiB;AAE5E,OAAO,MAAMC,SAAS,GAAG,CACvB;EACEC,IAAI,EAAE,QAAQ;EACdC,GAAG,EAAE,QAAQ;EACbC,WAAW,EAAE,mBAAmB;EAChCC,QAAQ,EAAEN,eAAe,CAACO,QAAQ;EAClCC,mBAAmB,EAAEP,yBAAyB;EAC9CQ,WAAW,EAAE;AACf,CAAC,EACD;EACEN,IAAI,EAAE,QAAQ;EACdC,GAAG,EAAE,QAAQ;EACbC,WAAW,EAAE,mCAAmC;EAChDC,QAAQ,EAAEN,eAAe,CAACO,QAAQ;EAClCC,mBAAmB,EAAEP,yBAAyB;EAC9CQ,WAAW,EAAE;AACf,CAAC,EACD;EACEN,IAAI,EAAE,QAAQ;EACdC,GAAG,EAAE,QAAQ;EACbC,WAAW,EAAE,mCAAmC;EAChDC,QAAQ,EAAEN,eAAe,CAACO,QAAQ;EAClCC,mBAAmB,EAAEP,yBAAyB;EAC9CQ,WAAW,EAAE;AACf,CAAC,CACF"}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { COMPONENT_TYPES, NB_LAYOUT_STYLES_SECTIONS } from "@draftbit/types";
|
|
2
|
+
export const SEED_DATA = {
|
|
3
|
+
name: "Column",
|
|
4
|
+
tag: "VStack",
|
|
5
|
+
description: "Column aligns items vertically",
|
|
6
|
+
category: COMPONENT_TYPES.NBLayout,
|
|
7
|
+
stylesPanelSections: NB_LAYOUT_STYLES_SECTIONS,
|
|
8
|
+
packageName: "native-base"
|
|
9
|
+
};
|
|
10
|
+
//# sourceMappingURL=Column.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["COMPONENT_TYPES","NB_LAYOUT_STYLES_SECTIONS","SEED_DATA","name","tag","description","category","NBLayout","stylesPanelSections","packageName"],"sourceRoot":"../../src","sources":["Column.ts"],"mappings":"AAAA,SAASA,eAAe,EAAEC,yBAAyB,QAAQ,iBAAiB;AAE5E,OAAO,MAAMC,SAAS,GAAG;EACvBC,IAAI,EAAE,QAAQ;EACdC,GAAG,EAAE,QAAQ;EACbC,WAAW,EAAE,gCAAgC;EAC7CC,QAAQ,EAAEN,eAAe,CAACO,QAAQ;EAClCC,mBAAmB,EAAEP,yBAAyB;EAC9CQ,WAAW,EAAE;AACf,CAAC"}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { COMPONENT_TYPES, NB_LAYOUT_STYLES_SECTIONS } from "@draftbit/types";
|
|
2
|
+
export const SEED_DATA = {
|
|
3
|
+
name: "Container",
|
|
4
|
+
tag: "Container",
|
|
5
|
+
description: "The Container restricts a content's width according to current breakpoint, while keeping the size fluid.",
|
|
6
|
+
category: COMPONENT_TYPES.NBLayout,
|
|
7
|
+
stylesPanelSections: NB_LAYOUT_STYLES_SECTIONS,
|
|
8
|
+
packageName: "native-base"
|
|
9
|
+
};
|
|
10
|
+
//# sourceMappingURL=Container.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["COMPONENT_TYPES","NB_LAYOUT_STYLES_SECTIONS","SEED_DATA","name","tag","description","category","NBLayout","stylesPanelSections","packageName"],"sourceRoot":"../../src","sources":["Container.ts"],"mappings":"AAAA,SAASA,eAAe,EAAEC,yBAAyB,QAAQ,iBAAiB;AAE5E,OAAO,MAAMC,SAAS,GAAG;EACvBC,IAAI,EAAE,WAAW;EACjBC,GAAG,EAAE,WAAW;EAChBC,WAAW,EACT,0GAA0G;EAC5GC,QAAQ,EAAEN,eAAe,CAACO,QAAQ;EAClCC,mBAAmB,EAAEP,yBAAyB;EAC9CQ,WAAW,EAAE;AACf,CAAC"}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { COMPONENT_TYPES, NB_LAYOUT_STYLES_SECTIONS } from "@draftbit/types";
|
|
2
|
+
export const SEED_DATA = {
|
|
3
|
+
name: "Row",
|
|
4
|
+
tag: "HStack",
|
|
5
|
+
description: "Column aligns items horizontally",
|
|
6
|
+
category: COMPONENT_TYPES.NBLayout,
|
|
7
|
+
stylesPanelSections: NB_LAYOUT_STYLES_SECTIONS,
|
|
8
|
+
packageName: "native-base"
|
|
9
|
+
};
|
|
10
|
+
//# sourceMappingURL=Row.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["COMPONENT_TYPES","NB_LAYOUT_STYLES_SECTIONS","SEED_DATA","name","tag","description","category","NBLayout","stylesPanelSections","packageName"],"sourceRoot":"../../src","sources":["Row.ts"],"mappings":"AAAA,SAASA,eAAe,EAAEC,yBAAyB,QAAQ,iBAAiB;AAE5E,OAAO,MAAMC,SAAS,GAAG;EACvBC,IAAI,EAAE,KAAK;EACXC,GAAG,EAAE,QAAQ;EACbC,WAAW,EAAE,kCAAkC;EAC/CC,QAAQ,EAAEN,eAAe,CAACO,QAAQ;EAClCC,mBAAmB,EAAEP,yBAAyB;EAC9CQ,WAAW,EAAE;AACf,CAAC"}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { COMPONENT_TYPES, NB_LAYOUT_STYLES_SECTIONS } from "@draftbit/types";
|
|
2
|
+
export const SEED_DATA = {
|
|
3
|
+
name: "Stack",
|
|
4
|
+
tag: "Stack",
|
|
5
|
+
description: "Stack aligns items vertically or horizontally based on the direction prop.",
|
|
6
|
+
category: COMPONENT_TYPES.NBLayout,
|
|
7
|
+
stylesPanelSections: NB_LAYOUT_STYLES_SECTIONS,
|
|
8
|
+
packageName: "native-base"
|
|
9
|
+
};
|
|
10
|
+
//# sourceMappingURL=Stack.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["COMPONENT_TYPES","NB_LAYOUT_STYLES_SECTIONS","SEED_DATA","name","tag","description","category","NBLayout","stylesPanelSections","packageName"],"sourceRoot":"../../src","sources":["Stack.ts"],"mappings":"AAAA,SAASA,eAAe,EAAEC,yBAAyB,QAAQ,iBAAiB;AAE5E,OAAO,MAAMC,SAAS,GAAG;EACvBC,IAAI,EAAE,OAAO;EACbC,GAAG,EAAE,OAAO;EACZC,WAAW,EACT,4EAA4E;EAC9EC,QAAQ,EAAEN,eAAe,CAACO,QAAQ;EAClCC,mBAAmB,EAAEP,yBAAyB;EAC9CQ,WAAW,EAAE;AACf,CAAC"}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { COMPONENT_TYPES, NB_LAYOUT_STYLES_SECTIONS } from "@draftbit/types";
|
|
2
|
+
export const SEED_DATA = {
|
|
3
|
+
name: "Row",
|
|
4
|
+
tag: "HStack",
|
|
5
|
+
description: "Column aligns items horizontally",
|
|
6
|
+
category: COMPONENT_TYPES.NBLayout,
|
|
7
|
+
stylesPanelSections: NB_LAYOUT_STYLES_SECTIONS,
|
|
8
|
+
packageName: "native-base"
|
|
9
|
+
};
|
|
10
|
+
//# sourceMappingURL=ZStack.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["COMPONENT_TYPES","NB_LAYOUT_STYLES_SECTIONS","SEED_DATA","name","tag","description","category","NBLayout","stylesPanelSections","packageName"],"sourceRoot":"../../src","sources":["ZStack.ts"],"mappings":"AAAA,SAASA,eAAe,EAAEC,yBAAyB,QAAQ,iBAAiB;AAE5E,OAAO,MAAMC,SAAS,GAAG;EACvBC,IAAI,EAAE,KAAK;EACXC,GAAG,EAAE,QAAQ;EACbC,WAAW,EAAE,kCAAkC;EAC/CC,QAAQ,EAAEN,eAAe,CAACO,QAAQ;EAClCC,mBAAmB,EAAEP,yBAAyB;EAC9CQ,WAAW,EAAE;AACf,CAAC"}
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
import * as React from "react";
|
|
2
|
+
import { View, ViewStyle, StyleProp } from "react-native";
|
|
3
|
+
import type { IconSlot } from "../interfaces/Icon";
|
|
4
|
+
import type { Theme } from "../styles/DefaultTheme";
|
|
5
|
+
type Props = {
|
|
6
|
+
initiallyVisible: boolean;
|
|
7
|
+
dismissable: boolean;
|
|
8
|
+
buttonColor?: string;
|
|
9
|
+
icon?: string;
|
|
10
|
+
content?: string;
|
|
11
|
+
contentStyle?: StyleProp<ViewStyle>;
|
|
12
|
+
style?: StyleProp<ViewStyle>;
|
|
13
|
+
ref?: React.RefObject<View>;
|
|
14
|
+
/**
|
|
15
|
+
* @optional
|
|
16
|
+
*/
|
|
17
|
+
theme: Theme;
|
|
18
|
+
} & IconSlot;
|
|
19
|
+
declare const _default: React.ComponentType<import("@draftbit/react-theme-provider").$Without<React.PropsWithChildren<Props>, "theme"> & {
|
|
20
|
+
theme?: import("@draftbit/react-theme-provider").$DeepPartial<any> | undefined;
|
|
21
|
+
}> & import("@draftbit/react-theme-provider/typings/hoist-non-react-statics").NonReactStatics<React.ComponentType<React.PropsWithChildren<Props>> & React.FC<React.PropsWithChildren<Props>>, {}>;
|
|
22
|
+
export default _default;
|
|
23
|
+
//# sourceMappingURL=Banner.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Banner.d.ts","sourceRoot":"","sources":["../../../../src/components/Banner.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAGL,IAAI,EACJ,SAAS,EAET,SAAS,EAEV,MAAM,cAAc,CAAC;AAEtB,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAC;AAGnD,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,wBAAwB,CAAC;AAKpD,KAAK,KAAK,GAAG;IACX,gBAAgB,EAAE,OAAO,CAAC;IAC1B,WAAW,EAAE,OAAO,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,YAAY,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IACpC,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,GAAG,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC;IAC5B;;OAEG;IACH,KAAK,EAAE,KAAK,CAAC;CACd,GAAG,QAAQ,CAAC;;;;AA2Kb,wBAAiC"}
|
|
@@ -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,EAEV,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,MAAM,MAAM,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,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,EAEV,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,MAAM,MAAM,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,KAAK,EAAE,KAAK,CAAC;IACb,IAAI,EAAE,QAAQ,CAAC,MAAM,CAAC,CAAC;CACxB,CAAC;;;;AA2aF,wBAAiC"}
|
|
@@ -3,6 +3,7 @@ export { withTheme, ThemeProvider } from "./theming";
|
|
|
3
3
|
export { default as Provider } from "./Provider";
|
|
4
4
|
export { default as DefaultTheme } from "./styles/DefaultTheme";
|
|
5
5
|
export { default as ScreenContainer } from "./components/ScreenContainer";
|
|
6
|
+
export { default as Banner } from "./components/Banner";
|
|
6
7
|
export { Button } from "./components/Button";
|
|
7
8
|
export { Link } from "./components/Text";
|
|
8
9
|
export { default as IconButton } from "./components/IconButton";
|
|
@@ -21,5 +22,6 @@ export { default as SVG } from "./components/SVG";
|
|
|
21
22
|
export { Center, Circle, Square, Row, Stack, Spacer, } from "./components/Layout";
|
|
22
23
|
export { Swiper, SwiperItem } from "./components/Swiper";
|
|
23
24
|
export { AccordionGroup, AccordionItem } from "./components/Accordion";
|
|
25
|
+
export { default as Surface } from "./components/Surface";
|
|
24
26
|
export { ActionSheet, ActionSheetItem, ActionSheetCancel, } from "./components/ActionSheet";
|
|
25
27
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAC/C,OAAO,EAAE,SAAS,EAAE,aAAa,EAAE,MAAM,WAAW,CAAC;AACrD,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,YAAY,CAAC;AACjD,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAGhE,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,8BAA8B,CAAC;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAC/C,OAAO,EAAE,SAAS,EAAE,aAAa,EAAE,MAAM,WAAW,CAAC;AACrD,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,YAAY,CAAC;AACjD,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAGhE,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,8BAA8B,CAAC;AAC1E,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAGxD,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAC7C,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC;AACzC,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,yBAAyB,CAAC;AAChE,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAG9D,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,oCAAoC,CAAC;AAC3E,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,0BAA0B,CAAC;AAClE,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAC9D,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,4BAA4B,CAAC;AAG/D,OAAO,EAAE,QAAQ,EAAE,aAAa,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AAC7E,OAAO,EACL,WAAW,EACX,gBAAgB,EAChB,cAAc,EACd,qBAAqB,GACtB,MAAM,gCAAgC,CAAC;AACxC,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,sBAAsB,CAAC;AAC1D,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,yBAAyB,CAAC;AAChE,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAGnE,OAAO,EAAE,OAAO,IAAI,GAAG,EAAE,MAAM,kBAAkB,CAAC;AAGlD,OAAO,EACL,MAAM,EACN,MAAM,EACN,MAAM,EACN,GAAG,EACH,KAAK,EACL,MAAM,GACP,MAAM,qBAAqB,CAAC;AAG7B,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AAGzD,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAC;AACvE,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,sBAAsB,CAAC;AAG1D,OAAO,EACL,WAAW,EACX,eAAe,EACf,iBAAiB,GAClB,MAAM,0BAA0B,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"AspectRatio.d.ts","sourceRoot":"","sources":["../../../../../../src/mappings/NativeBase/Layout/AspectRatio.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,SAAS;;;;;;;CAQrB,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Box.d.ts","sourceRoot":"","sources":["../../../../../../src/mappings/NativeBase/Layout/Box.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,SAAS;;;;;;;CAQrB,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Center.d.ts","sourceRoot":"","sources":["../../../../../../src/mappings/NativeBase/Layout/Center.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,SAAS;;;;;;;GAyBrB,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Column.d.ts","sourceRoot":"","sources":["../../../../../../src/mappings/NativeBase/Layout/Column.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,SAAS;;;;;;;CAOrB,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Container.d.ts","sourceRoot":"","sources":["../../../../../../src/mappings/NativeBase/Layout/Container.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,SAAS;;;;;;;CAQrB,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Row.d.ts","sourceRoot":"","sources":["../../../../../../src/mappings/NativeBase/Layout/Row.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,SAAS;;;;;;;CAOrB,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Stack.d.ts","sourceRoot":"","sources":["../../../../../../src/mappings/NativeBase/Layout/Stack.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,SAAS;;;;;;;CAQrB,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ZStack.d.ts","sourceRoot":"","sources":["../../../../../../src/mappings/NativeBase/Layout/ZStack.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,SAAS;;;;;;;CAOrB,CAAC"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@draftbit/core",
|
|
3
|
-
"version": "47.0.0-
|
|
3
|
+
"version": "47.0.0-06ea46.2+06ea46c",
|
|
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": "^47.0.0-
|
|
44
|
+
"@draftbit/types": "^47.0.0-06ea46.2+06ea46c",
|
|
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",
|
|
@@ -81,5 +81,5 @@
|
|
|
81
81
|
]
|
|
82
82
|
]
|
|
83
83
|
},
|
|
84
|
-
"gitHead": "
|
|
84
|
+
"gitHead": "06ea46cfeb925dbbf32fbadc4cbeadbe9e833719"
|
|
85
85
|
}
|
|
@@ -0,0 +1,109 @@
|
|
|
1
|
+
import * as React from "react";
|
|
2
|
+
import { Button, Text, View, StyleSheet, Animated, } from "react-native";
|
|
3
|
+
import Surface from "./Surface";
|
|
4
|
+
import shadow from "../styles/shadow";
|
|
5
|
+
import { withTheme } from "../theming";
|
|
6
|
+
const ELEVATION = 1;
|
|
7
|
+
const DEFAULT_MAX_WIDTH = 960;
|
|
8
|
+
const Banner = ({ initiallyVisible = true, dismissable = true, icon, buttonColor, content, contentStyle, style, theme, Icon, ...rest }) => {
|
|
9
|
+
const [visible, setVisible] = React.useState(initiallyVisible);
|
|
10
|
+
React.useEffect(() => {
|
|
11
|
+
if (initiallyVisible) {
|
|
12
|
+
setVisible(true);
|
|
13
|
+
}
|
|
14
|
+
}, [initiallyVisible]);
|
|
15
|
+
const { current: position } = React.useRef(new Animated.Value(visible ? 1 : 0));
|
|
16
|
+
const [layout, setLayout] = React.useState({
|
|
17
|
+
height: 0,
|
|
18
|
+
measured: false,
|
|
19
|
+
});
|
|
20
|
+
React.useEffect(() => {
|
|
21
|
+
if (visible) {
|
|
22
|
+
// show
|
|
23
|
+
Animated.timing(position, {
|
|
24
|
+
duration: 250,
|
|
25
|
+
toValue: 1,
|
|
26
|
+
useNativeDriver: false,
|
|
27
|
+
}).start();
|
|
28
|
+
}
|
|
29
|
+
else {
|
|
30
|
+
// hide
|
|
31
|
+
Animated.timing(position, {
|
|
32
|
+
duration: 200,
|
|
33
|
+
toValue: 0,
|
|
34
|
+
useNativeDriver: false,
|
|
35
|
+
}).start();
|
|
36
|
+
}
|
|
37
|
+
}, [visible, position]);
|
|
38
|
+
const handleLayout = ({ nativeEvent }) => {
|
|
39
|
+
const { height } = nativeEvent.layout;
|
|
40
|
+
setLayout({ height, measured: true });
|
|
41
|
+
};
|
|
42
|
+
// The banner animation has 2 parts:
|
|
43
|
+
// 1. Blank spacer element which animates its height to move the content
|
|
44
|
+
// 2. Actual banner which animates its translateY
|
|
45
|
+
// In initial render, we position everything normally and measure the height of the banner
|
|
46
|
+
// Once we have the height, we apply the height to the spacer and switch the banner to position: absolute
|
|
47
|
+
// We need this because we need to move the content below as if banner's height was being animated
|
|
48
|
+
// However we can't animated banner's height directly as it'll also resize the content inside
|
|
49
|
+
const height = Animated.multiply(position, layout.height);
|
|
50
|
+
const translateY = Animated.multiply(Animated.add(position, -1), layout.height);
|
|
51
|
+
return (React.createElement(Surface, { ...rest, style: [styles.container, shadow(ELEVATION), style] },
|
|
52
|
+
React.createElement(View, { style: [styles.wrapper, contentStyle] },
|
|
53
|
+
React.createElement(Animated.View, { style: { height } }),
|
|
54
|
+
React.createElement(Animated.View, { onLayout: handleLayout, style: [
|
|
55
|
+
layout.measured || !visible
|
|
56
|
+
? // If we have measured banner's height or it's invisible,
|
|
57
|
+
// Position it absolutely, the layout will be taken care of the spacer
|
|
58
|
+
[styles.absolute, { transform: [{ translateY }] }]
|
|
59
|
+
: // Otherwise position it normally
|
|
60
|
+
null,
|
|
61
|
+
!layout.measured && !visible
|
|
62
|
+
? // If we haven't measured banner's height yet and it's invisible,
|
|
63
|
+
// hide it with opacity: 0 so user doesn't see it
|
|
64
|
+
{ opacity: 0 }
|
|
65
|
+
: null,
|
|
66
|
+
] },
|
|
67
|
+
React.createElement(View, { style: [styles.content, { marginBottom: dismissable ? 0 : 16 }] },
|
|
68
|
+
icon ? (React.createElement(View, { style: styles.icon },
|
|
69
|
+
React.createElement(Icon, { name: icon, size: 40 }))) : null,
|
|
70
|
+
React.createElement(Text, { style: [styles.message, { color: theme.colors.text }], accessibilityLiveRegion: visible ? "polite" : "none", accessibilityRole: "alert" }, content)),
|
|
71
|
+
dismissable ? (React.createElement(View, { style: styles.actions },
|
|
72
|
+
React.createElement(Button, { color: buttonColor || theme.colors.primary, title: "Close", onPress: () => setVisible(false) }))) : null))));
|
|
73
|
+
};
|
|
74
|
+
const styles = StyleSheet.create({
|
|
75
|
+
container: {
|
|
76
|
+
elevation: ELEVATION,
|
|
77
|
+
},
|
|
78
|
+
wrapper: {
|
|
79
|
+
overflow: "hidden",
|
|
80
|
+
alignSelf: "center",
|
|
81
|
+
width: "100%",
|
|
82
|
+
maxWidth: DEFAULT_MAX_WIDTH,
|
|
83
|
+
},
|
|
84
|
+
absolute: {
|
|
85
|
+
position: "absolute",
|
|
86
|
+
top: 0,
|
|
87
|
+
width: "100%",
|
|
88
|
+
},
|
|
89
|
+
content: {
|
|
90
|
+
flexDirection: "row",
|
|
91
|
+
justifyContent: "flex-start",
|
|
92
|
+
marginHorizontal: 8,
|
|
93
|
+
marginTop: 16,
|
|
94
|
+
marginBottom: 0,
|
|
95
|
+
},
|
|
96
|
+
icon: {
|
|
97
|
+
margin: 8,
|
|
98
|
+
},
|
|
99
|
+
message: {
|
|
100
|
+
flex: 1,
|
|
101
|
+
margin: 8,
|
|
102
|
+
},
|
|
103
|
+
actions: {
|
|
104
|
+
flexDirection: "row",
|
|
105
|
+
justifyContent: "flex-end",
|
|
106
|
+
margin: 8,
|
|
107
|
+
},
|
|
108
|
+
});
|
|
109
|
+
export default withTheme(Banner);
|