@draftbit/core 47.1.1-a3c366.2 → 47.1.1-ace71d.2

package/lib/commonjs/components/Button.js

@@ -24,8 +24,8 @@ function Base(_ref) {
     loading,
     disabled,
     style,
-    activeOpacity,
-    disabledOpacity,
+    activeOpacity = 0.8,
+    disabledOpacity = 0.8,
     ...props
   } = _ref;
   const {

package/lib/commonjs/components/IconButton.js

@@ -16,11 +16,13 @@ const IconButton = _ref => {
     icon,
     color: customColor,
     size = 32,
-    disabled = false,
+    disabled,
     loading = false,
     onPress,
     theme,
     style,
+    activeOpacity = 0.8,
+    disabledOpacity = 0.8,
     ...props
   } = _ref;
   const iconColor = customColor || theme.colors.primary;
@@ -32,7 +34,7 @@ const IconButton = _ref => {
         pressed
       } = _ref2;
       return [styles.container, {
-        opacity: pressed || disabled ? 0.75 : 1,
+        opacity: pressed ? activeOpacity : disabled ? disabledOpacity : 1,
         width: size,
         height: size,
         alignItems: "center",

package/lib/commonjs/components/Pressable.js

@@ -13,8 +13,8 @@ function Pressable(_ref) {
     children,
     disabled,
     onPress,
-    activeOpacity,
-    disabledOpacity,
+    activeOpacity = 0.8,
+    disabledOpacity = 0.8,
     delayLongPress,
     hitSlop,
     style,

package/lib/commonjs/components/Touchable.js

@@ -13,8 +13,8 @@ function Touchable(_ref) {
     children,
     disabled,
     onPress,
-    activeOpacity,
-    disabledOpacity,
+    activeOpacity = 0.8,
+    disabledOpacity = 0.8,
     delayLongPress,
     hitSlop,
     style,

package/lib/commonjs/mappings/Button.js

@@ -23,7 +23,7 @@ const SEED_DATA_PROPS = {
   activeOpacity: (0, _types.createStaticNumberProp)({
     label: "Active Opacity",
     description: "Opacity of the button when active.",
-    defaultValue: 0.8,
+    defaultValue: null,
     min: 0,
     max: 1,
     step: 0.01,
@@ -33,7 +33,7 @@ const SEED_DATA_PROPS = {
   disabledOpacity: (0, _types.createStaticNumberProp)({
     label: "Disabled Opacity",
     description: "Opacity of the button when disabled.",
-    defaultValue: 0.8,
+    defaultValue: null,
     min: 0,
     max: 1,
     step: 0.01,

package/lib/commonjs/mappings/IconButton.js

@@ -10,26 +10,24 @@ const SEED_DATA = {
   tag: "IconButton",
   category: _types.COMPONENT_TYPES.button,
   layout: {},
-  triggers: [_types.Triggers.OnPress],
+  triggers: [_types.Triggers.OnPress, _types.Triggers.OnLongPress],
   stylesPanelSections: [_types.StylesPanelSections.Margins, _types.StylesPanelSections.Effects, _types.StylesPanelSections.Position],
   props: {
     onPress: (0, _types.createActionProp)(),
+    onLongPress: (0, _types.createActionProp)(),
+    disabled: (0, _types.createDisabledProp)(),
     icon: (0, _types.createIconProp)(),
     color: (0, _types.createColorProp)({
       label: "Color",
       group: _types.GROUPS.basic
     }),
-    disabled: (0, _types.createBoolProp)({
-      label: "Disabled",
-      group: _types.GROUPS.basic
-    }),
     size: (0, _types.createNumberProp)({
       group: _types.GROUPS.basic,
       label: "Size",
       description: "Width and height of your icon",
       defaultValue: 32,
       min: 16,
-      max: 128,
+      max: 256,
       step: 1,
       precision: 0
     })

package/lib/commonjs/mappings/MapView.js

@@ -12,7 +12,9 @@ const SEED_DATA = {
   description: "A map view",
   category: _types.COMPONENT_TYPES.map,
   layout: {
-    flex: 1
+    flex: 1,
+    width: "100%",
+    height: "100%"
   },
   props: {
     provider: {

package/lib/commonjs/mappings/Touchable.js

@@ -12,10 +12,11 @@ const SEED_DATA_PROPS = {
   props: {
     onPress: (0, _types.createActionProp)(),
     onLongPress: (0, _types.createActionProp)(),
+    disabled: (0, _types.createDisabledProp)(),
     activeOpacity: (0, _types.createStaticNumberProp)({
       label: "Active Opacity",
       description: "The opacity when the button is pressed.",
-      defaultValue: 0.8,
+      defaultValue: null,
       min: 0,
       max: 1,
       step: 0.01,
@@ -25,7 +26,7 @@ const SEED_DATA_PROPS = {
     disabledOpacity: (0, _types.createStaticNumberProp)({
       label: "Disabled Opacity",
       description: "The opacity when the button is disabled.",
-      defaultValue: 0.8,
+      defaultValue: null,
       min: 0,
       max: 1,
       step: 0.01,
@@ -41,6 +42,12 @@ const SEED_DATA_PROPS = {
       label: "Hit Slop",
       description: "Sets additional distance outside of element in which a press can be detected.",
       required: false
+    }),
+    android_disableSound: (0, _types.createStaticBoolProp)({
+      label: "Disable Sound",
+      description: "Disable the Android sound effect.",
+      defaultValue: null,
+      group: _types.GROUPS.android
     })
   }
 };

package/lib/module/components/Button.js

@@ -16,8 +16,8 @@ function Base(_ref) {
     loading,
     disabled,
     style,
-    activeOpacity,
-    disabledOpacity,
+    activeOpacity = 0.8,
+    disabledOpacity = 0.8,
     ...props
   } = _ref;
   const {

package/lib/module/components/IconButton.js

@@ -8,11 +8,13 @@ const IconButton = _ref => {
     icon,
     color: customColor,
     size = 32,
-    disabled = false,
+    disabled,
     loading = false,
     onPress,
     theme,
     style,
+    activeOpacity = 0.8,
+    disabledOpacity = 0.8,
     ...props
   } = _ref;
   const iconColor = customColor || theme.colors.primary;
@@ -24,7 +26,7 @@ const IconButton = _ref => {
         pressed
       } = _ref2;
       return [styles.container, {
-        opacity: pressed || disabled ? 0.75 : 1,
+        opacity: pressed ? activeOpacity : disabled ? disabledOpacity : 1,
         width: size,
         height: size,
         alignItems: "center",

package/lib/module/components/Portal/PortalConsumer.js

@@ -1,28 +1,13 @@
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
 import * as React from "react";
 export default class PortalConsumer extends React.Component {
-  async componentDidMount() {
-    this.checkManager();
-    // Delay updating to prevent React from going to infinite loop
-    await Promise.resolve();
-    this.key = this.props.manager.mount(this.props.children);
-  }
-  componentDidUpdate() {
-    this.checkManager();
-    this.props.manager.update(this.key, this.props.children);
-  }
-  componentWillUnmount() {
-    this.checkManager();
-    this.props.manager.unmount(this.key);
+  constructor() {
+    super(...arguments);
+    _defineProperty(this, "key", void 0);
   }
-  checkManager() {
-    if (!this.props.manager) {
-      throw new Error("Looks like you forgot to wrap your root component with `Provider` component from `react-native-paper`.\n\n" + "Please read our getting-started guide and make sure you've followed all the required steps.\n\n" + "https://callstack.github.io/react-native-paper/getting-started.html");
-    }
-  }
-  render() {
-    return null;
-  }
-}sync componentDidMount() {
+  async componentDidMount() {
     this.checkManager();
 
     // Delay updating to prevent React from going to infinite loop

package/lib/module/components/Pressable.js

@@ -1,3 +1,4 @@
+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); }
 import React from "react";
 import { Pressable as NativePressable } from "react-native";
 export default function Pressable(_ref) {
@@ -5,29 +6,15 @@ export default function Pressable(_ref) {
     children,
     disabled,
     onPress,
-    activeOpacity,
-    disabledOpacity,
+    activeOpacity = 0.8,
+    disabledOpacity = 0.8,
     delayLongPress,
     hitSlop,
     style,
     ...props
   } = _ref;
-  return /*#__PURE__*/React.createElement(NativePressable, {
+  return /*#__PURE__*/React.createElement(NativePressable, _extends({
     onPress: onPress,
-    disabled: disabled,
-    delayLongPress: delayLongPress ? delayLongPress : 500,
-    hitSlop: hitSlop ? hitSlop : 8,
-    style: _ref2 => {
-      let {
-        pressed
-      } = _ref2;
-      return [{
-        opacity: pressed ? activeOpacity : disabled ? disabledOpacity : 1
-      }, style];
-    },
-    ...props
-  }, children);
-} onPress: onPress,
     disabled: disabled,
     delayLongPress: delayLongPress ? delayLongPress : 500,
     hitSlop: hitSlop ? hitSlop : 8,

package/lib/module/components/Touchable.js

@@ -6,8 +6,8 @@ export default function Touchable(_ref) {
     children,
     disabled,
     onPress,
-    activeOpacity,
-    disabledOpacity,
+    activeOpacity = 0.8,
+    disabledOpacity = 0.8,
     delayLongPress,
     hitSlop,
     style,

package/lib/module/mappings/Button.js

@@ -17,7 +17,7 @@ const SEED_DATA_PROPS = {
   activeOpacity: createStaticNumberProp({
     label: "Active Opacity",
     description: "Opacity of the button when active.",
-    defaultValue: 0.8,
+    defaultValue: null,
     min: 0,
     max: 1,
     step: 0.01,
@@ -27,7 +27,7 @@ const SEED_DATA_PROPS = {
   disabledOpacity: createStaticNumberProp({
     label: "Disabled Opacity",
     description: "Opacity of the button when disabled.",
-    defaultValue: 0.8,
+    defaultValue: null,
     min: 0,
     max: 1,
     step: 0.01,

package/lib/module/mappings/IconButton.js

@@ -1,29 +1,27 @@
-import { COMPONENT_TYPES, GROUPS, createIconProp, createColorProp, createNumberProp, createBoolProp, createActionProp, Triggers, StylesPanelSections } from "@draftbit/types";
+import { COMPONENT_TYPES, GROUPS, createIconProp, createColorProp, createNumberProp, createActionProp, Triggers, StylesPanelSections, createDisabledProp } from "@draftbit/types";
 export const SEED_DATA = {
   name: "Icon Button",
   tag: "IconButton",
   category: COMPONENT_TYPES.button,
   layout: {},
-  triggers: [Triggers.OnPress],
+  triggers: [Triggers.OnPress, Triggers.OnLongPress],
   stylesPanelSections: [StylesPanelSections.Margins, StylesPanelSections.Effects, StylesPanelSections.Position],
   props: {
     onPress: createActionProp(),
+    onLongPress: createActionProp(),
+    disabled: createDisabledProp(),
     icon: createIconProp(),
     color: createColorProp({
       label: "Color",
       group: GROUPS.basic
     }),
-    disabled: createBoolProp({
-      label: "Disabled",
-      group: GROUPS.basic
-    }),
     size: createNumberProp({
       group: GROUPS.basic,
       label: "Size",
       description: "Width and height of your icon",
       defaultValue: 32,
       min: 16,
-      max: 128,
+      max: 256,
       step: 1,
       precision: 0
     })

package/lib/module/mappings/MapView.js

@@ -6,7 +6,9 @@ export const SEED_DATA = {
   description: "A map view",
   category: COMPONENT_TYPES.map,
   layout: {
-    flex: 1
+    flex: 1,
+    width: "100%",
+    height: "100%"
   },
   props: {
     provider: {

package/lib/module/mappings/Touchable.js

@@ -1,4 +1,4 @@
-import { COMPONENT_TYPES, createActionProp, Triggers, createStaticNumberProp, StylesPanelSections } from "@draftbit/types";
+import { COMPONENT_TYPES, createActionProp, Triggers, createStaticNumberProp, StylesPanelSections, createDisabledProp, GROUPS, createStaticBoolProp } from "@draftbit/types";
 const SEED_DATA_PROPS = {
   stylesPanelSections: [StylesPanelSections.Size, StylesPanelSections.Margins, StylesPanelSections.Borders],
   layout: {},
@@ -6,10 +6,11 @@ const SEED_DATA_PROPS = {
   props: {
     onPress: createActionProp(),
     onLongPress: createActionProp(),
+    disabled: createDisabledProp(),
     activeOpacity: createStaticNumberProp({
       label: "Active Opacity",
       description: "The opacity when the button is pressed.",
-      defaultValue: 0.8,
+      defaultValue: null,
       min: 0,
       max: 1,
       step: 0.01,
@@ -19,7 +20,7 @@ const SEED_DATA_PROPS = {
     disabledOpacity: createStaticNumberProp({
       label: "Disabled Opacity",
       description: "The opacity when the button is disabled.",
-      defaultValue: 0.8,
+      defaultValue: null,
       min: 0,
       max: 1,
       step: 0.01,
@@ -35,6 +36,12 @@ const SEED_DATA_PROPS = {
       label: "Hit Slop",
       description: "Sets additional distance outside of element in which a press can be detected.",
       required: false
+    }),
+    android_disableSound: createStaticBoolProp({
+      label: "Disable Sound",
+      description: "Disable the Android sound effect.",
+      defaultValue: null,
+      group: GROUPS.android
     })
   }
 };

package/lib/typescript/src/components/IconButton.d.ts

@@ -11,6 +11,8 @@ declare type Props = {
     onPress: () => void;
     theme: Theme;
     style?: StyleProp<ViewStyle>;
+    activeOpacity?: number;
+    disabledOpacity?: number;
 } & PressableProps & IconSlot;
 declare const _default: React.ComponentType<import("@draftbit/react-theme-provider").$Without<React.PropsWithChildren<Props>, "theme"> & {
     theme?: import("@draftbit/react-theme-provider").$DeepPartial<any> | undefined;

package/lib/typescript/src/components/IconButton.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"IconButton.d.ts","sourceRoot":"","sources":["../../../../src/components/IconButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAIL,SAAS,EACT,SAAS,EAET,cAAc,EAEf,MAAM,cAAc,CAAC;AAEtB,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,wBAAwB,CAAC;AACpD,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAC;AAEnD,aAAK,KAAK,GAAG;IACX,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,KAAK,EAAE,KAAK,CAAC;IACb,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B,GAAG,cAAc,GAChB,QAAQ,CAAC;;;;AA0DX,wBAAqC"}
+{"version":3,"file":"IconButton.d.ts","sourceRoot":"","sources":["../../../../src/components/IconButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAIL,SAAS,EACT,SAAS,EAET,cAAc,EAEf,MAAM,cAAc,CAAC;AAEtB,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,wBAAwB,CAAC;AACpD,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAC;AAEnD,aAAK,KAAK,GAAG;IACX,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,KAAK,EAAE,KAAK,CAAC;IACb,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B,GAAG,cAAc,GAChB,QAAQ,CAAC;;;;AA4DX,wBAAqC"}

package/lib/typescript/src/components/Pressable.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Pressable.d.ts","sourceRoot":"","sources":["../../../../src/components/Pressable.tsx"],"names":[],"mappings":";AACA,OAAO,EAEL,cAAc,EACd,SAAS,EACV,MAAM,cAAc,CAAC;AAEtB,aAAK,KAAK,GAAG;IACX,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B,GAAG,cAAc,CAAC;AAEnB,MAAM,CAAC,OAAO,UAAU,SAAS,CAAC,EAChC,QAAQ,EACR,QAAQ,EACR,OAAO,EACP,aAAa,EACb,eAAe,EACf,cAAc,EACd,OAAO,EACP,KAAK,EACL,GAAG,KAAK,EACT,EAAE,KAAK,eAoBP"}
+{"version":3,"file":"Pressable.d.ts","sourceRoot":"","sources":["../../../../src/components/Pressable.tsx"],"names":[],"mappings":";AACA,OAAO,EAEL,cAAc,EACd,SAAS,EACV,MAAM,cAAc,CAAC;AAEtB,aAAK,KAAK,GAAG;IACX,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B,GAAG,cAAc,CAAC;AAEnB,MAAM,CAAC,OAAO,UAAU,SAAS,CAAC,EAChC,QAAQ,EACR,QAAQ,EACR,OAAO,EACP,aAAmB,EACnB,eAAqB,EACrB,cAAc,EACd,OAAO,EACP,KAAK,EACL,GAAG,KAAK,EACT,EAAE,KAAK,eAoBP"}

package/lib/typescript/src/components/Touchable.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Touchable.d.ts","sourceRoot":"","sources":["../../../../src/components/Touchable.tsx"],"names":[],"mappings":";AACA,OAAO,EAAa,cAAc,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAEpE,aAAK,KAAK,GAAG;IACX,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B,GAAG,cAAc,CAAC;AAEnB,MAAM,CAAC,OAAO,UAAU,SAAS,CAAC,EAChC,QAAQ,EACR,QAAQ,EACR,OAAO,EACP,aAAa,EACb,eAAe,EACf,cAAc,EACd,OAAO,EACP,KAAK,EACL,GAAG,KAAK,EACT,EAAE,KAAK,eAoBP"}
+{"version":3,"file":"Touchable.d.ts","sourceRoot":"","sources":["../../../../src/components/Touchable.tsx"],"names":[],"mappings":";AACA,OAAO,EAAa,cAAc,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAEpE,aAAK,KAAK,GAAG;IACX,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B,GAAG,cAAc,CAAC;AAEnB,MAAM,CAAC,OAAO,UAAU,SAAS,CAAC,EAChC,QAAQ,EACR,QAAQ,EACR,OAAO,EACP,aAAmB,EACnB,eAAqB,EACrB,cAAc,EACd,OAAO,EACP,KAAK,EACL,GAAG,KAAK,EACT,EAAE,KAAK,eAoBP"}

package/lib/typescript/src/mappings/IconButton.d.ts

@@ -16,35 +16,45 @@ export declare const SEED_DATA: {
             defaultValue: null;
             group: string;
         };
-        icon: {
+        onLongPress: {
             label: string;
             description: string;
+            editable: boolean;
+            required: boolean;
             formType: string;
             propType: string;
-            defaultValue: string;
-            required: boolean;
-            editable: boolean;
+            defaultValue: null;
             group: string;
         };
-        color: {
-            group: string;
+        disabled: {
             label: string;
             description: string;
+            group: string;
             editable: boolean;
             required: boolean;
-            defaultValue: null;
             formType: string;
             propType: string;
+            defaultValue: null;
         };
-        disabled: {
+        icon: {
             label: string;
             description: string;
             formType: string;
             propType: string;
-            defaultValue: boolean;
-            editable: boolean;
+            defaultValue: string;
             required: boolean;
+            editable: boolean;
+            group: string;
+        };
+        color: {
             group: string;
+            label: string;
+            description: string;
+            editable: boolean;
+            required: boolean;
+            defaultValue: null;
+            formType: string;
+            propType: string;
         };
         size: {
             label: string;

package/lib/typescript/src/mappings/IconButton.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"IconButton.d.ts","sourceRoot":"","sources":["../../../../src/mappings/IconButton.ts"],"names":[],"mappings":"AAYA,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAiCrB,CAAC"}
+{"version":3,"file":"IconButton.d.ts","sourceRoot":"","sources":["../../../../src/mappings/IconButton.ts"],"names":[],"mappings":"AAYA,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA+BrB,CAAC"}

package/lib/typescript/src/mappings/MapView.d.ts

@@ -6,6 +6,8 @@ export declare const SEED_DATA: {
     category: string;
     layout: {
         flex: number;
+        width: string;
+        height: string;
     };
     props: {
         provider: {

package/lib/typescript/src/mappings/MapView.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MapView.d.ts","sourceRoot":"","sources":["../../../../src/mappings/MapView.ts"],"names":[],"mappings":"AAWA,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA2IrB,CAAC"}
+{"version":3,"file":"MapView.d.ts","sourceRoot":"","sources":["../../../../src/mappings/MapView.ts"],"names":[],"mappings":"AAWA,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA6IrB,CAAC"}

package/lib/typescript/src/mappings/Touchable.d.ts

@@ -23,6 +23,16 @@ export declare const SEED_DATA: {
             defaultValue: null;
             group: string;
         };
+        disabled: {
+            label: string;
+            description: string;
+            group: string;
+            editable: boolean;
+            required: boolean;
+            formType: string;
+            propType: string;
+            defaultValue: null;
+        };
         activeOpacity: {
             label: string;
             description: string;
@@ -67,6 +77,16 @@ export declare const SEED_DATA: {
             required: boolean;
             step: number;
         };
+        android_disableSound: {
+            label: string;
+            description: string;
+            formType: string;
+            propType: string;
+            defaultValue: boolean;
+            editable: boolean;
+            required: boolean;
+            group: string;
+        };
     };
     name: string;
     tag: string;

package/lib/typescript/src/mappings/Touchable.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Touchable.d.ts","sourceRoot":"","sources":["../../../../src/mappings/Touchable.ts"],"names":[],"mappings":"AAsDA,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAerB,CAAC"}
+{"version":3,"file":"Touchable.d.ts","sourceRoot":"","sources":["../../../../src/mappings/Touchable.ts"],"names":[],"mappings":"AAgEA,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAerB,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@draftbit/core",
-  "version": "47.1.1-a3c366.2+a3c3666",
+  "version": "47.1.1-ace71d.2+ace71db",
   "description": "Core (non-native) Components",
   "main": "lib/commonjs/index.js",
   "module": "lib/module/index.js",
@@ -41,7 +41,7 @@
   "dependencies": {
     "@date-io/date-fns": "^1.3.13",
     "@draftbit/react-theme-provider": "^2.1.1",
-    "@draftbit/types": "^47.1.1-a3c366.2+a3c3666",
+    "@draftbit/types": "^47.1.1-ace71d.2+ace71db",
     "@material-ui/core": "^4.11.0",
     "@material-ui/pickers": "^3.2.10",
     "@react-native-community/slider": "4.2.4",
@@ -91,5 +91,5 @@
       ]
     ]
   },
-  "gitHead": "a3c36668e7783c2c82fd367b71e7f157a4d8b1a8"
+  "gitHead": "ace71db71556bc67f12cd2667c00ce27f37c2831"
 }

package/src/components/Button.js

@@ -7,7 +7,7 @@ const CONSTANTS = {
     padding: 8,
     icon: 24,
 };
-function Base({ Icon, icon, title, loading, disabled, style, activeOpacity, disabledOpacity, ...props }) {
+function Base({ Icon, icon, title, loading, disabled, style, activeOpacity = 0.8, disabledOpacity = 0.8, ...props }) {
     const { color, fontFamily, fontWeight, fontSize, lineHeight, letterSpacing, textTransform, textAlign, textDecorationLine, textDecorationColor, textDecorationStyle, ...buttonStyles } = StyleSheet.flatten(style || {});
     const titleStyles = {
         color,

package/src/components/Button.tsx

@@ -59,8 +59,8 @@ function Base({
   loading,
   disabled,
   style,
-  activeOpacity,
-  disabledOpacity,
+  activeOpacity = 0.8,
+  disabledOpacity = 0.8,
   ...props
 }: BaseProps): JSX.Element {
   const {

package/src/components/IconButton.js

@@ -1,13 +1,13 @@
 import * as React from "react";
 import { View, StyleSheet, ActivityIndicator, Pressable, Platform, } from "react-native";
 import { withTheme } from "../theming";
-const IconButton = ({ Icon, icon, color: customColor, size = 32, disabled = false, loading = false, onPress, theme, style, ...props }) => {
+const IconButton = ({ Icon, icon, color: customColor, size = 32, disabled, loading = false, onPress, theme, style, activeOpacity = 0.8, disabledOpacity = 0.8, ...props }) => {
     const iconColor = customColor || theme.colors.primary;
     return (React.createElement(Pressable, { onPress: onPress, disabled: disabled || loading, style: ({ pressed }) => {
             return [
                 styles.container,
                 {
-                    opacity: pressed || disabled ? 0.75 : 1,
+                    opacity: pressed ? activeOpacity : disabled ? disabledOpacity : 1,
                     width: size,
                     height: size,
                     alignItems: "center",

package/src/components/IconButton.tsx

@@ -22,6 +22,8 @@ type Props = {
   onPress: () => void;
   theme: Theme;
   style?: StyleProp<ViewStyle>;
+  activeOpacity?: number;
+  disabledOpacity?: number;
 } & PressableProps &
   IconSlot;
 
@@ -30,11 +32,13 @@ const IconButton: React.FC<React.PropsWithChildren<Props>> = ({
   icon,
   color: customColor,
   size = 32,
-  disabled = false,
+  disabled,
   loading = false,
   onPress,
   theme,
   style,
+  activeOpacity = 0.8,
+  disabledOpacity = 0.8,
   ...props
 }) => {
   const iconColor = customColor || theme.colors.primary;
@@ -47,7 +51,7 @@ const IconButton: React.FC<React.PropsWithChildren<Props>> = ({
         return [
           styles.container,
           {
-            opacity: pressed || disabled ? 0.75 : 1,
+            opacity: pressed ? activeOpacity : disabled ? disabledOpacity : 1,
             width: size,
             height: size,
             alignItems: "center",

package/src/components/Pressable.js

@@ -1,6 +1,6 @@
 import React from "react";
 import { Pressable as NativePressable, } from "react-native";
-export default function Pressable({ children, disabled, onPress, activeOpacity, disabledOpacity, delayLongPress, hitSlop, style, ...props }) {
+export default function Pressable({ children, disabled, onPress, activeOpacity = 0.8, disabledOpacity = 0.8, delayLongPress, hitSlop, style, ...props }) {
     return (React.createElement(NativePressable, { onPress: onPress, disabled: disabled, delayLongPress: delayLongPress ? delayLongPress : 500, hitSlop: hitSlop ? hitSlop : 8, style: ({ pressed }) => {
             return [
                 {

package/src/components/Pressable.tsx

@@ -15,8 +15,8 @@ export default function Pressable({
   children,
   disabled,
   onPress,
-  activeOpacity,
-  disabledOpacity,
+  activeOpacity = 0.8,
+  disabledOpacity = 0.8,
   delayLongPress,
   hitSlop,
   style,

package/src/components/Touchable.js

@@ -1,6 +1,6 @@
 import React from "react";
 import { Pressable } from "react-native";
-export default function Touchable({ children, disabled, onPress, activeOpacity, disabledOpacity, delayLongPress, hitSlop, style, ...props }) {
+export default function Touchable({ children, disabled, onPress, activeOpacity = 0.8, disabledOpacity = 0.8, delayLongPress, hitSlop, style, ...props }) {
     return (React.createElement(Pressable, { disabled: disabled, onPress: onPress, delayLongPress: delayLongPress ? delayLongPress : 500, hitSlop: hitSlop ? hitSlop : 8, style: ({ pressed }) => {
             return [
                 {

package/src/components/Touchable.tsx

@@ -11,8 +11,8 @@ export default function Touchable({
   children,
   disabled,
   onPress,
-  activeOpacity,
-  disabledOpacity,
+  activeOpacity = 0.8,
+  disabledOpacity = 0.8,
   delayLongPress,
   hitSlop,
   style,

package/src/mappings/Button.js

@@ -17,7 +17,7 @@ const SEED_DATA_PROPS = {
     activeOpacity: createStaticNumberProp({
         label: "Active Opacity",
         description: "Opacity of the button when active.",
-        defaultValue: 0.8,
+        defaultValue: null,
         min: 0,
         max: 1,
         step: 0.01,
@@ -27,7 +27,7 @@ const SEED_DATA_PROPS = {
     disabledOpacity: createStaticNumberProp({
         label: "Disabled Opacity",
         description: "Opacity of the button when disabled.",
-        defaultValue: 0.8,
+        defaultValue: null,
         min: 0,
         max: 1,
         step: 0.01,

package/src/mappings/Button.ts

@@ -28,7 +28,7 @@ const SEED_DATA_PROPS = {
   activeOpacity: createStaticNumberProp({
     label: "Active Opacity",
     description: "Opacity of the button when active.",
-    defaultValue: 0.8,
+    defaultValue: null,
     min: 0,
     max: 1,
     step: 0.01,
@@ -38,7 +38,7 @@ const SEED_DATA_PROPS = {
   disabledOpacity: createStaticNumberProp({
     label: "Disabled Opacity",
     description: "Opacity of the button when disabled.",
-    defaultValue: 0.8,
+    defaultValue: null,
     min: 0,
     max: 1,
     step: 0.01,

package/src/mappings/IconButton.js

@@ -1,10 +1,10 @@
-import { COMPONENT_TYPES, GROUPS, createIconProp, createColorProp, createNumberProp, createBoolProp, createActionProp, Triggers, StylesPanelSections, } from "@draftbit/types";
+import { COMPONENT_TYPES, GROUPS, createIconProp, createColorProp, createNumberProp, createActionProp, Triggers, StylesPanelSections, createDisabledProp, } from "@draftbit/types";
 export const SEED_DATA = {
     name: "Icon Button",
     tag: "IconButton",
     category: COMPONENT_TYPES.button,
     layout: {},
-    triggers: [Triggers.OnPress],
+    triggers: [Triggers.OnPress, Triggers.OnLongPress],
     stylesPanelSections: [
         StylesPanelSections.Margins,
         StylesPanelSections.Effects,
@@ -12,22 +12,20 @@ export const SEED_DATA = {
     ],
     props: {
         onPress: createActionProp(),
+        onLongPress: createActionProp(),
+        disabled: createDisabledProp(),
         icon: createIconProp(),
         color: createColorProp({
             label: "Color",
             group: GROUPS.basic,
         }),
-        disabled: createBoolProp({
-            label: "Disabled",
-            group: GROUPS.basic,
-        }),
         size: createNumberProp({
             group: GROUPS.basic,
             label: "Size",
             description: "Width and height of your icon",
             defaultValue: 32,
             min: 16,
-            max: 128,
+            max: 256,
             step: 1,
             precision: 0,
         }),

package/src/mappings/IconButton.ts

@@ -4,10 +4,10 @@ import {
   createIconProp,
   createColorProp,
   createNumberProp,
-  createBoolProp,
   createActionProp,
   Triggers,
   StylesPanelSections,
+  createDisabledProp,
 } from "@draftbit/types";
 
 export const SEED_DATA = {
@@ -15,7 +15,7 @@ export const SEED_DATA = {
   tag: "IconButton",
   category: COMPONENT_TYPES.button,
   layout: {},
-  triggers: [Triggers.OnPress],
+  triggers: [Triggers.OnPress, Triggers.OnLongPress],
   stylesPanelSections: [
     StylesPanelSections.Margins,
     StylesPanelSections.Effects,
@@ -23,22 +23,20 @@ export const SEED_DATA = {
   ],
   props: {
     onPress: createActionProp(),
+    onLongPress: createActionProp(),
+    disabled: createDisabledProp(),
     icon: createIconProp(),
     color: createColorProp({
       label: "Color",
       group: GROUPS.basic,
     }),
-    disabled: createBoolProp({
-      label: "Disabled",
-      group: GROUPS.basic,
-    }),
     size: createNumberProp({
       group: GROUPS.basic,
       label: "Size",
       description: "Width and height of your icon",
       defaultValue: 32,
       min: 16,
-      max: 128,
+      max: 256,
       step: 1,
       precision: 0,
     }),

package/src/mappings/MapView.js

@@ -7,6 +7,8 @@ export const SEED_DATA = {
     category: COMPONENT_TYPES.map,
     layout: {
         flex: 1,
+        width: "100%",
+        height: "100%",
     },
     props: {
         provider: {

package/src/mappings/MapView.ts

@@ -17,6 +17,8 @@ export const SEED_DATA = {
   category: COMPONENT_TYPES.map,
   layout: {
     flex: 1,
+    width: "100%",
+    height: "100%",
   },
   props: {
     provider: {

package/src/mappings/Touchable.js

@@ -1,4 +1,4 @@
-import { COMPONENT_TYPES, createActionProp, Triggers, createStaticNumberProp, StylesPanelSections, } from "@draftbit/types";
+import { COMPONENT_TYPES, createActionProp, Triggers, createStaticNumberProp, StylesPanelSections, createDisabledProp, GROUPS, createStaticBoolProp, } from "@draftbit/types";
 const SEED_DATA_PROPS = {
     stylesPanelSections: [
         StylesPanelSections.Size,
@@ -10,10 +10,11 @@ const SEED_DATA_PROPS = {
     props: {
         onPress: createActionProp(),
         onLongPress: createActionProp(),
+        disabled: createDisabledProp(),
         activeOpacity: createStaticNumberProp({
             label: "Active Opacity",
             description: "The opacity when the button is pressed.",
-            defaultValue: 0.8,
+            defaultValue: null,
             min: 0,
             max: 1,
             step: 0.01,
@@ -23,7 +24,7 @@ const SEED_DATA_PROPS = {
         disabledOpacity: createStaticNumberProp({
             label: "Disabled Opacity",
             description: "The opacity when the button is disabled.",
-            defaultValue: 0.8,
+            defaultValue: null,
             min: 0,
             max: 1,
             step: 0.01,
@@ -40,6 +41,12 @@ const SEED_DATA_PROPS = {
             description: "Sets additional distance outside of element in which a press can be detected.",
             required: false,
         }),
+        android_disableSound: createStaticBoolProp({
+            label: "Disable Sound",
+            description: "Disable the Android sound effect.",
+            defaultValue: null,
+            group: GROUPS.android,
+        }),
     },
 };
 export const SEED_DATA = [

package/src/mappings/Touchable.ts

@@ -4,6 +4,9 @@ import {
   Triggers,
   createStaticNumberProp,
   StylesPanelSections,
+  createDisabledProp,
+  GROUPS,
+  createStaticBoolProp,
 } from "@draftbit/types";
 
 const SEED_DATA_PROPS = {
@@ -17,10 +20,11 @@ const SEED_DATA_PROPS = {
   props: {
     onPress: createActionProp(),
     onLongPress: createActionProp(),
+    disabled: createDisabledProp(),
     activeOpacity: createStaticNumberProp({
       label: "Active Opacity",
       description: "The opacity when the button is pressed.",
-      defaultValue: 0.8,
+      defaultValue: null,
       min: 0,
       max: 1,
       step: 0.01,
@@ -30,7 +34,7 @@ const SEED_DATA_PROPS = {
     disabledOpacity: createStaticNumberProp({
       label: "Disabled Opacity",
       description: "The opacity when the button is disabled.",
-      defaultValue: 0.8,
+      defaultValue: null,
       min: 0,
       max: 1,
       step: 0.01,
@@ -49,6 +53,12 @@ const SEED_DATA_PROPS = {
         "Sets additional distance outside of element in which a press can be detected.",
       required: false,
     }),
+    android_disableSound: createStaticBoolProp({
+      label: "Disable Sound",
+      description: "Disable the Android sound effect.",
+      defaultValue: null,
+      group: GROUPS.android,
+    }),
   },
 };