@draftbit/core 43.4.5-e035fd.1 → 43.4.5

package/src/components/RadioButton/RadioButtonRow.tsx

@@ -13,7 +13,7 @@ import { useRadioButtonGroupContext } from "./context";
 import type { IconSlot } from "../../interfaces/Icon";
 import { Direction as GroupDirection } from "./context";
 import Touchable from "../Touchable";
-import { extractStyles } from "../../utilities";
+import { extractStyles, getValueForRadioButton } from "../../utilities";
 
 export enum Direction {
   Row = "row",
@@ -22,7 +22,7 @@ export enum Direction {
 
 export interface RadioButtonRowProps extends Omit<RadioButtonProps, "onPress"> {
   label: string | React.ReactNode;
-  value: string; // A string that this radio button row represents when selected
+  value: string | number; // A string (or number that will be parsed String(number)) that this radio button row represents when selected
   color?: string;
   unselectedColor?: string;
   labelContainerStyle: StyleProp<ViewStyle>;
@@ -60,10 +60,10 @@ const renderLabel = (
 const RadioButtonRow: React.FC<RadioButtonRowProps & IconSlot> = ({
   Icon,
   label,
-  value,
+  value = "",
   color,
   unselectedColor,
-  onPress = () => {},
+  onPress,
   labelContainerStyle,
   labelStyle,
   radioButtonStyle,
@@ -79,9 +79,13 @@ const RadioButtonRow: React.FC<RadioButtonRowProps & IconSlot> = ({
     direction: parentDirection,
   } = useRadioButtonGroupContext();
 
+  const realValue = getValueForRadioButton(value);
+  const realContextValue = getValueForRadioButton(contextValue);
+  const isSelected = selected ?? realContextValue === realValue;
+
   const handlePress = () => {
-    onPress(value);
-    onValueChange && onValueChange(value);
+    onPress?.(realValue);
+    onValueChange?.(realValue);
   };
 
   const { textStyles, viewStyles } = extractStyles(style);
@@ -112,12 +116,10 @@ const RadioButtonRow: React.FC<RadioButtonRowProps & IconSlot> = ({
       >
         <RadioButton
           Icon={Icon}
-          selected={
-            selected || (contextValue != null && contextValue === value)
-          }
+          selected={isSelected}
+          value={realValue}
           color={color}
           unselectedColor={unselectedColor}
-          onPress={handlePress}
           style={radioButtonStyle}
         />
       </View>

package/src/index.js

@@ -48,4 +48,3 @@ export { default as RowHeadlineImageIcon } from "./components/RowHeadlineImageIc
 export { default as Slider } from "./components/Slider";
 export { default as Stepper } from "./components/Stepper";
 export { useAuthState } from "./components/useAuthState";
-export { default as Markdown } from "./components/Markdown";

package/src/index.tsx

@@ -68,4 +68,3 @@ export { default as RowHeadlineImageIcon } from "./components/RowHeadlineImageIc
 export { default as Slider } from "./components/Slider";
 export { default as Stepper } from "./components/Stepper";
 export { useAuthState } from "./components/useAuthState";
-export { default as Markdown } from "./components/Markdown";

package/src/utilities.js

@@ -1,4 +1,5 @@
 import { StyleSheet } from "react-native";
+import { isString, isNumber } from "lodash";
 export function extractStyles(style) {
     const { color, fontFamily, fontWeight, fontSize, lineHeight, letterSpacing, textTransform, textAlign, textDecorationLine, textDecorationColor, textDecorationStyle, ...viewStyles } = StyleSheet.flatten(style || {});
     const textStyles = {
@@ -40,3 +41,14 @@ export function applyStyles(baseStyles, stylesToApply) {
     }
     return flattenedStyles;
 }
+export function getValueForRadioButton(value) {
+    if (isString(value)) {
+        return value;
+    }
+    else if (isNumber(value)) {
+        return String(value);
+    }
+    else {
+        throw new Error(`Invalid value: ${value}`);
+    }
+}

package/src/utilities.ts

@@ -1,4 +1,5 @@
 import { StyleSheet, StyleProp, TextStyle } from "react-native";
+import { isString, isNumber } from "lodash";
 
 export function extractStyles(style: StyleProp<any>) {
   const {
@@ -63,3 +64,13 @@ export function applyStyles(
 
   return flattenedStyles;
 }
+
+export function getValueForRadioButton(value: string | number) {
+  if (isString(value)) {
+    return value;
+  } else if (isNumber(value)) {
+    return String(value);
+  } else {
+    throw new Error(`Invalid value: ${value}`);
+  }
+}

package/lib/commonjs/components/Markdown.js

@@ -1,30 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var React = _interopRequireWildcard(require("react"));
-
-var _reactNativeMarkdownDisplay = _interopRequireDefault(require("react-native-markdown-display"));
-
-var _theming = require("../theming");
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-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; }
-
-const MarkdownComponent = _ref => {
-  let {
-    content
-  } = _ref;
-  return /*#__PURE__*/React.createElement(_reactNativeMarkdownDisplay.default, null, content);
-};
-
-var _default = (0, _theming.withTheme)(MarkdownComponent);
-
-exports.default = _default;
-//# sourceMappingURL=Markdown.js.map

package/lib/commonjs/components/Markdown.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["Markdown.tsx"],"names":["MarkdownComponent","content"],"mappings":";;;;;;;AAAA;;AACA;;AAEA;;;;;;;;AAMA,MAAMA,iBAAkC,GAAG,QAAiB;AAAA,MAAhB;AAAEC,IAAAA;AAAF,GAAgB;AAC1D,sBAAO,oBAAC,mCAAD,QAAWA,OAAX,CAAP;AACD,CAFD;;eAIe,wBAAUD,iBAAV,C","sourcesContent":["import * as React from \"react\";\nimport Markdown from \"react-native-markdown-display\";\n\nimport { withTheme } from \"../theming\";\n\ntype Props = {\n  content?: string;\n};\n\nconst MarkdownComponent: React.FC<Props> = ({ content }) => {\n  return <Markdown>{content}</Markdown>;\n};\n\nexport default withTheme(MarkdownComponent);\n"]}

package/lib/commonjs/mappings/Markdown.js

@@ -1,24 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.SEED_DATA = void 0;
-
-var _types = require("@draftbit/types");
-
-const SEED_DATA = {
-  name: "Markdown",
-  tag: "MarkdownComponent",
-  description: "A markdown component",
-  category: _types.COMPONENT_TYPES.basic,
-  props: {
-    content: (0, _types.createTextProp)({
-      label: "Markdown Text",
-      description: "Markdown Text",
-      defaultValue: null
-    })
-  }
-};
-exports.SEED_DATA = SEED_DATA;
-//# sourceMappingURL=Markdown.js.map

package/lib/commonjs/mappings/Markdown.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["Markdown.ts"],"names":["SEED_DATA","name","tag","description","category","COMPONENT_TYPES","basic","props","content","label","defaultValue"],"mappings":";;;;;;;AAAA;;AAEO,MAAMA,SAAS,GAAG;AACvBC,EAAAA,IAAI,EAAE,UADiB;AAEvBC,EAAAA,GAAG,EAAE,mBAFkB;AAGvBC,EAAAA,WAAW,EAAE,sBAHU;AAIvBC,EAAAA,QAAQ,EAAEC,uBAAgBC,KAJH;AAKvBC,EAAAA,KAAK,EAAE;AACLC,IAAAA,OAAO,EAAE,2BAAe;AACtBC,MAAAA,KAAK,EAAE,eADe;AAEtBN,MAAAA,WAAW,EAAE,eAFS;AAGtBO,MAAAA,YAAY,EAAE;AAHQ,KAAf;AADJ;AALgB,CAAlB","sourcesContent":["import { COMPONENT_TYPES, createTextProp } from \"@draftbit/types\";\n\nexport const SEED_DATA = {\n  name: \"Markdown\",\n  tag: \"MarkdownComponent\",\n  description: \"A markdown component\",\n  category: COMPONENT_TYPES.basic,\n  props: {\n    content: createTextProp({\n      label: \"Markdown Text\",\n      description: \"Markdown Text\",\n      defaultValue: null,\n    }),\n  },\n};\n"]}

package/lib/module/components/Markdown.js

@@ -1,13 +0,0 @@
-import * as React from "react";
-import Markdown from "react-native-markdown-display";
-import { withTheme } from "../theming";
-
-const MarkdownComponent = _ref => {
-  let {
-    content
-  } = _ref;
-  return /*#__PURE__*/React.createElement(Markdown, null, content);
-};
-
-export default withTheme(MarkdownComponent);
-//# sourceMappingURL=Markdown.js.map

package/lib/module/components/Markdown.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["Markdown.tsx"],"names":["React","Markdown","withTheme","MarkdownComponent","content"],"mappings":"AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,OAAOC,QAAP,MAAqB,+BAArB;AAEA,SAASC,SAAT,QAA0B,YAA1B;;AAMA,MAAMC,iBAAkC,GAAG,QAAiB;AAAA,MAAhB;AAAEC,IAAAA;AAAF,GAAgB;AAC1D,sBAAO,oBAAC,QAAD,QAAWA,OAAX,CAAP;AACD,CAFD;;AAIA,eAAeF,SAAS,CAACC,iBAAD,CAAxB","sourcesContent":["import * as React from \"react\";\nimport Markdown from \"react-native-markdown-display\";\n\nimport { withTheme } from \"../theming\";\n\ntype Props = {\n  content?: string;\n};\n\nconst MarkdownComponent: React.FC<Props> = ({ content }) => {\n  return <Markdown>{content}</Markdown>;\n};\n\nexport default withTheme(MarkdownComponent);\n"]}

package/lib/module/mappings/Markdown.js

@@ -1,15 +0,0 @@
-import { COMPONENT_TYPES, createTextProp } from "@draftbit/types";
-export const SEED_DATA = {
-  name: "Markdown",
-  tag: "MarkdownComponent",
-  description: "A markdown component",
-  category: COMPONENT_TYPES.basic,
-  props: {
-    content: createTextProp({
-      label: "Markdown Text",
-      description: "Markdown Text",
-      defaultValue: null
-    })
-  }
-};
-//# sourceMappingURL=Markdown.js.map

package/lib/module/mappings/Markdown.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["Markdown.ts"],"names":["COMPONENT_TYPES","createTextProp","SEED_DATA","name","tag","description","category","basic","props","content","label","defaultValue"],"mappings":"AAAA,SAASA,eAAT,EAA0BC,cAA1B,QAAgD,iBAAhD;AAEA,OAAO,MAAMC,SAAS,GAAG;AACvBC,EAAAA,IAAI,EAAE,UADiB;AAEvBC,EAAAA,GAAG,EAAE,mBAFkB;AAGvBC,EAAAA,WAAW,EAAE,sBAHU;AAIvBC,EAAAA,QAAQ,EAAEN,eAAe,CAACO,KAJH;AAKvBC,EAAAA,KAAK,EAAE;AACLC,IAAAA,OAAO,EAAER,cAAc,CAAC;AACtBS,MAAAA,KAAK,EAAE,eADe;AAEtBL,MAAAA,WAAW,EAAE,eAFS;AAGtBM,MAAAA,YAAY,EAAE;AAHQ,KAAD;AADlB;AALgB,CAAlB","sourcesContent":["import { COMPONENT_TYPES, createTextProp } from \"@draftbit/types\";\n\nexport const SEED_DATA = {\n  name: \"Markdown\",\n  tag: \"MarkdownComponent\",\n  description: \"A markdown component\",\n  category: COMPONENT_TYPES.basic,\n  props: {\n    content: createTextProp({\n      label: \"Markdown Text\",\n      description: \"Markdown Text\",\n      defaultValue: null,\n    }),\n  },\n};\n"]}

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

@@ -1,12 +0,0 @@
-import * as React from "react";
-declare type Props = {
-    content?: string;
-};
-declare const _default: React.ComponentType<import("@draftbit/react-theme-provider").$Without<{
-    theme: any;
-}, "theme"> & {
-    theme?: import("@draftbit/react-theme-provider").$DeepPartial<any> | undefined;
-}> & import("@draftbit/react-theme-provider/typings/hoist-non-react-statics").NonReactStatics<React.ComponentType<{
-    theme: any;
-}> & React.FC<Props>, {}>;
-export default _default;

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

@@ -1,9 +0,0 @@
-export declare const SEED_DATA: {
-    name: string;
-    tag: string;
-    description: string;
-    category: string;
-    props: {
-        content: any;
-    };
-};

package/src/components/Markdown.js

@@ -1,7 +0,0 @@
-import * as React from "react";
-import Markdown from "react-native-markdown-display";
-import { withTheme } from "../theming";
-const MarkdownComponent = ({ content }) => {
-    return React.createElement(Markdown, null, content);
-};
-export default withTheme(MarkdownComponent);

package/src/components/Markdown.tsx

@@ -1,14 +0,0 @@
-import * as React from "react";
-import Markdown from "react-native-markdown-display";
-
-import { withTheme } from "../theming";
-
-type Props = {
-  content?: string;
-};
-
-const MarkdownComponent: React.FC<Props> = ({ content }) => {
-  return <Markdown>{content}</Markdown>;
-};
-
-export default withTheme(MarkdownComponent);

package/src/mappings/Markdown.js

@@ -1,14 +0,0 @@
-import { COMPONENT_TYPES, createTextProp } from "@draftbit/types";
-export const SEED_DATA = {
-    name: "Markdown",
-    tag: "MarkdownComponent",
-    description: "A markdown component",
-    category: COMPONENT_TYPES.basic,
-    props: {
-        content: createTextProp({
-            label: "Markdown Text",
-            description: "Markdown Text",
-            defaultValue: null,
-        }),
-    },
-};

package/src/mappings/Markdown.ts

@@ -1,15 +0,0 @@
-import { COMPONENT_TYPES, createTextProp } from "@draftbit/types";
-
-export const SEED_DATA = {
-  name: "Markdown",
-  tag: "MarkdownComponent",
-  description: "A markdown component",
-  category: COMPONENT_TYPES.basic,
-  props: {
-    content: createTextProp({
-      label: "Markdown Text",
-      description: "Markdown Text",
-      defaultValue: null,
-    }),
-  },
-};