@draftbit/core 47.1.1-dbfde6.2 → 47.1.1-ee131b.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/Portal/PortalConsumer.js

@@ -7,16 +7,31 @@ exports.default = void 0;
 var React = _interopRequireWildcard(require("react"));
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-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); }
 class PortalConsumer extends React.Component {
-  constructor() {
-    super(...arguments);
-    _defineProperty(this, "key", void 0);
-  }
   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);
+  }
+  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;
+  }
+}
+exports.default = PortalConsumer;s.checkManager();
 
     // Delay updating to prevent React from going to infinite loop
     await Promise.resolve();

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/Pressable.js

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

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-dbfde6.2+dbfde6a",
+  "version": "47.1.1-ee131b.2+ee131ba",
   "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-dbfde6.2+dbfde6a",
+    "@draftbit/types": "^47.1.1-ee131b.2+ee131ba",
     "@material-ui/core": "^4.11.0",
     "@material-ui/pickers": "^3.2.10",
     "@react-native-community/slider": "4.2.4",
@@ -91,5 +91,5 @@
       ]
     ]
   },
-  "gitHead": "dbfde6ad1cdac6b48b63a2db76a55563c1232fd5"
+  "gitHead": "ee131ba21962c50c2de0844e3685dae57ed6880a"
 }

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,
+    }),
   },
 };
 

package/lib/commonjs/mappings/Shadow.js

@@ -1,46 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.SEED_DATA = void 0;
-var _types = require("@draftbit/types");
-const SEED_DATA = {
-  name: "Shadow",
-  tag: "Shadow View",
-  description: "A cross-platform, universal shadow.",
-  library: "react-native-shadow-2",
-  category: _types.COMPONENT_TYPES.view,
-  stylesPanelSections: _types.CONTAINER_COMPONENT_STYLES_SECTIONS,
-  layout: {},
-  props: {
-    disabled: (0, _types.createDisabledProp)({
-      description: "Disabled the shadow."
-    }),
-    startColor: (0, _types.createColorProp)({
-      label: "Start Color",
-      description: "The initial gradient color of the shadow.",
-      defaultValue: null
-    }),
-    endColor: (0, _types.createColorProp)({
-      label: "End Color",
-      description: "The final gradient color of the shadow.",
-      defaultValue: null
-    }),
-    distance: (0, _types.createStaticNumberProp)({
-      label: "Distance",
-      description: "The distance of the shadow."
-    }),
-    paintInside: (0, _types.createStaticBoolProp)({
-      label: "Paint Inside",
-      description: "Apply the shadow below/inside the content.",
-      defaultValue: null
-    }),
-    stretch: (0, _types.createStaticBoolProp)({
-      label: "Stretch",
-      description: "Force children to occupy all available horizontal space.",
-      defaultValue: null
-    })
-  }
-};
-exports.SEED_DATA = SEED_DATA;

package/lib/module/mappings/Shadow.js

@@ -1,39 +0,0 @@
-import { COMPONENT_TYPES, CONTAINER_COMPONENT_STYLES_SECTIONS, createColorProp, createStaticNumberProp, createStaticBoolProp, createDisabledProp } from "@draftbit/types";
-export const SEED_DATA = {
-  name: "Shadow",
-  tag: "Shadow View",
-  description: "A cross-platform, universal shadow.",
-  library: "react-native-shadow-2",
-  category: COMPONENT_TYPES.view,
-  stylesPanelSections: CONTAINER_COMPONENT_STYLES_SECTIONS,
-  layout: {},
-  props: {
-    disabled: createDisabledProp({
-      description: "Disabled the shadow."
-    }),
-    startColor: createColorProp({
-      label: "Start Color",
-      description: "The initial gradient color of the shadow.",
-      defaultValue: null
-    }),
-    endColor: createColorProp({
-      label: "End Color",
-      description: "The final gradient color of the shadow.",
-      defaultValue: null
-    }),
-    distance: createStaticNumberProp({
-      label: "Distance",
-      description: "The distance of the shadow."
-    }),
-    paintInside: createStaticBoolProp({
-      label: "Paint Inside",
-      description: "Apply the shadow below/inside the content.",
-      defaultValue: null
-    }),
-    stretch: createStaticBoolProp({
-      label: "Stretch",
-      description: "Force children to occupy all available horizontal space.",
-      defaultValue: null
-    })
-  }
-};

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

@@ -1,73 +0,0 @@
-export declare const SEED_DATA: {
-    name: string;
-    tag: string;
-    description: string;
-    library: string;
-    category: string;
-    stylesPanelSections: string[];
-    layout: {};
-    props: {
-        disabled: {
-            label: string;
-            description: string;
-            group: string;
-            editable: boolean;
-            required: boolean;
-            formType: string;
-            propType: string;
-            defaultValue: null;
-        };
-        startColor: {
-            group: string;
-            label: string;
-            description: string;
-            editable: boolean;
-            required: boolean;
-            defaultValue: null;
-            formType: string;
-            propType: string;
-        };
-        endColor: {
-            group: string;
-            label: string;
-            description: string;
-            editable: boolean;
-            required: boolean;
-            defaultValue: null;
-            formType: string;
-            propType: string;
-        };
-        distance: {
-            label: string;
-            description: string;
-            formType: string;
-            propType: string;
-            group: string;
-            defaultValue: null;
-            editable: boolean;
-            required: boolean;
-            step: number;
-        };
-        paintInside: {
-            label: string;
-            description: string;
-            formType: string;
-            propType: string;
-            defaultValue: boolean;
-            editable: boolean;
-            required: boolean;
-            group: string;
-        };
-        stretch: {
-            label: string;
-            description: string;
-            formType: string;
-            propType: string;
-            defaultValue: boolean;
-            editable: boolean;
-            required: boolean;
-            group: string;
-        };
-    };
-};
-//# sourceMappingURL=Shadow.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Shadow.d.ts","sourceRoot":"","sources":["../../../../src/mappings/Shadow.ts"],"names":[],"mappings":"AASA,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAqCrB,CAAC"}

package/src/mappings/Shadow.js

@@ -1,39 +0,0 @@
-import { COMPONENT_TYPES, CONTAINER_COMPONENT_STYLES_SECTIONS, createColorProp, createStaticNumberProp, createStaticBoolProp, createDisabledProp, } from "@draftbit/types";
-export const SEED_DATA = {
-    name: "Shadow",
-    tag: "Shadow View",
-    description: "A cross-platform, universal shadow.",
-    library: "react-native-shadow-2",
-    category: COMPONENT_TYPES.view,
-    stylesPanelSections: CONTAINER_COMPONENT_STYLES_SECTIONS,
-    layout: {},
-    props: {
-        disabled: createDisabledProp({
-            description: "Disabled the shadow.",
-        }),
-        startColor: createColorProp({
-            label: "Start Color",
-            description: "The initial gradient color of the shadow.",
-            defaultValue: null,
-        }),
-        endColor: createColorProp({
-            label: "End Color",
-            description: "The final gradient color of the shadow.",
-            defaultValue: null,
-        }),
-        distance: createStaticNumberProp({
-            label: "Distance",
-            description: "The distance of the shadow.",
-        }),
-        paintInside: createStaticBoolProp({
-            label: "Paint Inside",
-            description: "Apply the shadow below/inside the content.",
-            defaultValue: null,
-        }),
-        stretch: createStaticBoolProp({
-            label: "Stretch",
-            description: "Force children to occupy all available horizontal space.",
-            defaultValue: null,
-        }),
-    },
-};

package/src/mappings/Shadow.ts

@@ -1,47 +0,0 @@
-import {
-  COMPONENT_TYPES,
-  CONTAINER_COMPONENT_STYLES_SECTIONS,
-  createColorProp,
-  createStaticNumberProp,
-  createStaticBoolProp,
-  createDisabledProp,
-} from "@draftbit/types";
-
-export const SEED_DATA = {
-  name: "Shadow",
-  tag: "Shadow View",
-  description: "A cross-platform, universal shadow.",
-  library: "react-native-shadow-2",
-  category: COMPONENT_TYPES.view,
-  stylesPanelSections: CONTAINER_COMPONENT_STYLES_SECTIONS,
-  layout: {},
-  props: {
-    disabled: createDisabledProp({
-      description: "Disabled the shadow.",
-    }),
-    startColor: createColorProp({
-      label: "Start Color",
-      description: "The initial gradient color of the shadow.",
-      defaultValue: null,
-    }),
-    endColor: createColorProp({
-      label: "End Color",
-      description: "The final gradient color of the shadow.",
-      defaultValue: null,
-    }),
-    distance: createStaticNumberProp({
-      label: "Distance",
-      description: "The distance of the shadow.",
-    }),
-    paintInside: createStaticBoolProp({
-      label: "Paint Inside",
-      description: "Apply the shadow below/inside the content.",
-      defaultValue: null,
-    }),
-    stretch: createStaticBoolProp({
-      label: "Stretch",
-      description: "Force children to occupy all available horizontal space.",
-      defaultValue: null,
-    }),
-  },
-};