@draftbit/core 48.5.5-ee2f75.2 → 48.5.6

package/package.json

@@ -1,106 +1,105 @@
-{
-  "name": "@draftbit/core",
-  "version": "48.5.5-ee2f75.2+ee2f752",
-  "description": "Core (non-native) Components",
-  "main": "lib/commonjs/index.js",
-  "types": "lib/typescript/src/index.d.ts",
-  "files": [
-    "src",
-    "lib",
-    "!**/__tests__",
-    "!**/__fixtures__",
-    "!**/__mocks__"
-  ],
-  "scripts": {
-    "clean": "rimraf lib",
-    "clean:modules": "rimraf node_modules",
-    "build:commonjs": "../../node_modules/.bin/babel src --out-dir lib/commonjs --extensions .tsx,.ts,.js,.jsx",
-    "build": "yarn clean && yarn build:commonjs  && yarn tsc",
-    "test": "jest",
-    "test:coverage": "jest --coverage"
-  },
-  "keywords": [
-    "react-native",
-    "ios",
-    "android"
-  ],
-  "publishConfig": {
-    "access": "public"
-  },
-  "repository": {
-    "type": "git",
-    "url": "https://github.com/draftbit/react-native-jigsaw",
-    "directory": "packages/core"
-  },
-  "author": "Draftbit <services@draftbit.com> (https://draftbit.com)",
-  "license": "MIT",
-  "bugs": {
-    "url": "https://github.com/draftbit/react-native-jigsaw/issues"
-  },
-  "homepage": "https://github.com/draftbit/react-native-jigsaw#readme",
-  "dependencies": {
-    "@date-io/date-fns": "^1.3.13",
-    "@draftbit/react-theme-provider": "^2.1.1",
-    "@draftbit/types": "^48.5.5-ee2f75.2+ee2f752",
-    "@expo/vector-icons": "^13.0.0",
-    "@material-ui/core": "^4.11.0",
-    "@material-ui/pickers": "^3.2.10",
-    "@react-native-community/slider": "4.4.2",
-    "@react-native-picker/picker": "2.4.8",
-    "@shopify/flash-list": "1.4.0",
-    "color": "^3.1.2",
-    "date-fns": "^2.16.1",
-    "dateformat": "^3.0.3",
-    "expo-av": "~13.2.1",
-    "lodash.isequal": "^4.5.0",
-    "lodash.isnumber": "^3.0.3",
-    "lodash.omit": "^4.5.0",
-    "lodash.tonumber": "^4.0.3",
-    "react-native-confirmation-code-field": "^7.3.1",
-    "react-native-deck-swiper": "^2.0.12",
-    "react-native-dropdown-picker": "^5.4.6",
-    "react-native-gesture-handler": "~2.9.0",
-    "react-native-markdown-display": "^7.0.0-alpha.2",
-    "react-native-modal-datetime-picker": "^13.0.0",
-    "react-native-pager-view": "6.1.2",
-    "react-native-reanimated": "~2.14.4",
-    "react-native-shadow-2": "^7.0.7",
-    "react-native-svg": "13.4.0",
-    "react-native-swipe-list-view": "^3.2.9",
-    "react-native-tab-view": "^3.4.0",
-    "react-native-typography": "^1.4.1",
-    "react-native-web-swiper": "^2.2.3",
-    "react-native-youtube-iframe": "^2.2.2",
-    "react-youtube": "^10.1.0"
-  },
-  "devDependencies": {
-    "@babel/plugin-proposal-class-properties": "^7.18.6",
-    "@babel/plugin-proposal-export-namespace-from": "^7.18.9",
-    "@types/color": "^3.0.1",
-    "@types/dateformat": "^3.0.1",
-    "@types/lodash.isnumber": "^3.0.6",
-    "@types/lodash.omit": "^4.5.6",
-    "@types/lodash.tonumber": "^4.0.6"
-  },
-  "eslintIgnore": [
-    "node_modules/",
-    "lib/"
-  ],
-  "jest": {
-    "preset": "jest-expo",
-    "setupFilesAfterEnv": [
-      "@testing-library/jest-native/extend-expect",
-      "./jest-setup.js"
-    ],
-    "testPathIgnorePatterns": [
-      "lib",
-      "__mocks__",
-      "declarations.d.ts"
-    ],
-    "transformIgnorePatterns": [
-      "node_modules/(?!((jest-)?react-native|@react-native(-community)?)|expo(nent)?|@expo(nent)?/.*|@expo-google-fonts/.*|react-navigation|@react-navigation/.*|@unimodules/.*|unimodules|sentry-expo|native-base|react-native-svg)"
-    ],
-    "testEnvironment": "node"
-  },
-  "gitHead": "ee2f7525fc3ce3ad48d896fd1df108ae60e955c1"
-}
+{
+  "name": "@draftbit/core",
+  "version": "48.5.6",
+  "description": "Core (non-native) Components",
+  "main": "lib/commonjs/index.js",
+  "types": "lib/typescript/src/index.d.ts",
+  "files": [
+    "src",
+    "lib",
+    "!**/__tests__",
+    "!**/__fixtures__",
+    "!**/__mocks__"
+  ],
+  "scripts": {
+    "clean": "rimraf lib",
+    "clean:modules": "rimraf node_modules",
+    "build:commonjs": "../../node_modules/.bin/babel src --out-dir lib/commonjs --extensions .tsx,.ts,.js,.jsx",
+    "build": "yarn clean && yarn build:commonjs  && yarn tsc",
+    "test": "jest",
+    "test:coverage": "jest --coverage"
+  },
+  "keywords": [
+    "react-native",
+    "ios",
+    "android"
+  ],
+  "publishConfig": {
+    "access": "public"
+  },
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/draftbit/react-native-jigsaw",
+    "directory": "packages/core"
+  },
+  "author": "Draftbit <services@draftbit.com> (https://draftbit.com)",
+  "license": "MIT",
+  "bugs": {
+    "url": "https://github.com/draftbit/react-native-jigsaw/issues"
+  },
+  "homepage": "https://github.com/draftbit/react-native-jigsaw#readme",
+  "dependencies": {
+    "@date-io/date-fns": "^1.3.13",
+    "@draftbit/react-theme-provider": "^2.1.1",
+    "@draftbit/types": "48.3.0",
+    "@expo/vector-icons": "^13.0.0",
+    "@material-ui/core": "^4.11.0",
+    "@material-ui/pickers": "^3.2.10",
+    "@react-native-community/slider": "4.4.2",
+    "@react-native-picker/picker": "2.4.8",
+    "@shopify/flash-list": "1.4.0",
+    "color": "^3.1.2",
+    "date-fns": "^2.16.1",
+    "dateformat": "^3.0.3",
+    "expo-av": "~13.2.1",
+    "lodash.isequal": "^4.5.0",
+    "lodash.isnumber": "^3.0.3",
+    "lodash.omit": "^4.5.0",
+    "lodash.tonumber": "^4.0.3",
+    "react-native-confirmation-code-field": "^7.3.1",
+    "react-native-deck-swiper": "^2.0.12",
+    "react-native-dropdown-picker": "^5.4.6",
+    "react-native-gesture-handler": "~2.9.0",
+    "react-native-markdown-display": "^7.0.0-alpha.2",
+    "react-native-modal-datetime-picker": "^13.0.0",
+    "react-native-pager-view": "6.1.2",
+    "react-native-reanimated": "~2.14.4",
+    "react-native-shadow-2": "^7.0.7",
+    "react-native-svg": "13.4.0",
+    "react-native-swipe-list-view": "^3.2.9",
+    "react-native-tab-view": "^3.4.0",
+    "react-native-typography": "^1.4.1",
+    "react-native-web-swiper": "^2.2.3",
+    "react-native-youtube-iframe": "^2.2.2",
+    "react-youtube": "^10.1.0"
+  },
+  "devDependencies": {
+    "@babel/plugin-proposal-class-properties": "^7.18.6",
+    "@babel/plugin-proposal-export-namespace-from": "^7.18.9",
+    "@types/color": "^3.0.1",
+    "@types/dateformat": "^3.0.1",
+    "@types/lodash.isnumber": "^3.0.6",
+    "@types/lodash.omit": "^4.5.6",
+    "@types/lodash.tonumber": "^4.0.6"
+  },
+  "eslintIgnore": [
+    "node_modules/",
+    "lib/"
+  ],
+  "jest": {
+    "preset": "jest-expo",
+    "setupFilesAfterEnv": [
+      "@testing-library/jest-native/extend-expect",
+      "./jest-setup.js"
+    ],
+    "testPathIgnorePatterns": [
+      "lib",
+      "__mocks__",
+      "declarations.d.ts"
+    ],
+    "transformIgnorePatterns": [
+      "node_modules/(?!((jest-)?react-native|@react-native(-community)?)|expo(nent)?|@expo(nent)?/.*|@expo-google-fonts/.*|react-navigation|@react-navigation/.*|@unimodules/.*|unimodules|sentry-expo|native-base|react-native-svg)"
+    ],
+    "testEnvironment": "node"
+  }
+}

package/src/Provider.tsx

@@ -1,22 +1,22 @@
-import * as React from "react";
-import { ThemeProvider } from "./theming";
-import PortalHost from "./components/Portal/PortalHost";
-import { Theme } from "@draftbit/types";
-
-type Props = {
-  children: React.ReactNode;
-  theme?: Theme;
-};
-
-export default class Provider extends React.Component<Props> {
-  render() {
-    return (
-      <PortalHost>
-        {/* @ts-ignore */}
-        <ThemeProvider theme={this.props.theme}>
-          {this.props.children}
-        </ThemeProvider>
-      </PortalHost>
-    );
-  }
-}
+import * as React from "react";
+import { ThemeProvider } from "./theming";
+import PortalHost from "./components/Portal/PortalHost";
+import { Theme } from "@draftbit/types";
+
+type Props = {
+  children: React.ReactNode;
+  theme?: Theme;
+};
+
+export default class Provider extends React.Component<Props> {
+  render() {
+    return (
+      <PortalHost>
+        {/* @ts-ignore */}
+        <ThemeProvider theme={this.props.theme}>
+          {this.props.children}
+        </ThemeProvider>
+      </PortalHost>
+    );
+  }
+}

package/src/components/AccordionGroup.tsx

@@ -1,111 +1,111 @@
-import * as React from "react";
-import {
-  View,
-  StyleSheet,
-  StyleProp,
-  TextStyle,
-  Pressable,
-} from "react-native";
-import Text from "./Text";
-import { withTheme } from "../theming";
-import type { IconSlot } from "../interfaces/Icon";
-import type { Theme } from "../styles/DefaultTheme";
-import { extractStyles } from "../utilities";
-
-type AccordionGroupProps = {
-  label?: string;
-  expanded?: boolean;
-  openColor?: string;
-  closedColor?: string;
-  caretColor?: string;
-  caretSize?: number;
-  icon?: string;
-  iconSize?: number;
-  style?: StyleProp<TextStyle>;
-  children?: React.ReactNode;
-  theme: Theme;
-} & IconSlot;
-
-const AccordionGroup = ({
-  label,
-  expanded: expandedProp = false,
-  openColor,
-  closedColor,
-  caretColor: caretColorProp,
-  caretSize = 24,
-  icon,
-  iconSize = 24,
-  style,
-  children,
-  theme,
-  Icon,
-}: AccordionGroupProps) => {
-  const [expanded, setExpanded] = React.useState<boolean>(expandedProp);
-  const { textStyles, viewStyles } = extractStyles(style);
-  const expandedColor = openColor || theme.colors.primary;
-  const collapsedColor = closedColor || theme.colors.primary;
-  const labelColor = expanded ? expandedColor : collapsedColor;
-  const caretColor = caretColorProp || labelColor;
-
-  const handlePressAction = () => {
-    setExpanded(!expanded);
-  };
-
-  return (
-    <>
-      <Pressable
-        style={[styles.row, viewStyles]}
-        onPress={handlePressAction}
-        accessibilityRole="button"
-      >
-        {icon ? (
-          <Icon
-            name={icon}
-            size={iconSize}
-            color={labelColor}
-            style={styles.icon}
-          />
-        ) : null}
-        <View style={styles.content}>
-          <Text
-            selectable={false}
-            style={[
-              textStyles,
-              {
-                color: labelColor,
-              },
-            ]}
-          >
-            {label}
-          </Text>
-        </View>
-        <Icon
-          name={
-            expanded
-              ? "MaterialIcons/keyboard-arrow-up"
-              : "MaterialIcons/keyboard-arrow-down"
-          }
-          color={caretColor}
-          size={caretSize}
-        />
-      </Pressable>
-      {expanded ? children : null}
-    </>
-  );
-};
-
-const styles = StyleSheet.create({
-  row: {
-    flexDirection: "row",
-    alignItems: "center",
-  },
-  content: {
-    flex: 1,
-    justifyContent: "center",
-  },
-  icon: {
-    marginRight: 8,
-  },
-});
-
-export default withTheme(AccordionGroup);
+import * as React from "react";
+import {
+  View,
+  StyleSheet,
+  StyleProp,
+  TextStyle,
+  Pressable,
+} from "react-native";
+import Text from "./Text";
+import { withTheme } from "../theming";
+import type { IconSlot } from "../interfaces/Icon";
+import type { Theme } from "../styles/DefaultTheme";
+import { extractStyles } from "../utilities";
+
+type AccordionGroupProps = {
+  label?: string;
+  expanded?: boolean;
+  openColor?: string;
+  closedColor?: string;
+  caretColor?: string;
+  caretSize?: number;
+  icon?: string;
+  iconSize?: number;
+  style?: StyleProp<TextStyle>;
+  children?: React.ReactNode;
+  theme: Theme;
+} & IconSlot;
+
+const AccordionGroup = ({
+  label,
+  expanded: expandedProp = false,
+  openColor,
+  closedColor,
+  caretColor: caretColorProp,
+  caretSize = 24,
+  icon,
+  iconSize = 24,
+  style,
+  children,
+  theme,
+  Icon,
+}: AccordionGroupProps) => {
+  const [expanded, setExpanded] = React.useState<boolean>(expandedProp);
+  const { textStyles, viewStyles } = extractStyles(style);
+  const expandedColor = openColor || theme.colors.primary;
+  const collapsedColor = closedColor || theme.colors.primary;
+  const labelColor = expanded ? expandedColor : collapsedColor;
+  const caretColor = caretColorProp || labelColor;
+
+  const handlePressAction = () => {
+    setExpanded(!expanded);
+  };
+
+  return (
+    <>
+      <Pressable
+        style={[styles.row, viewStyles]}
+        onPress={handlePressAction}
+        accessibilityRole="button"
+      >
+        {icon ? (
+          <Icon
+            name={icon}
+            size={iconSize}
+            color={labelColor}
+            style={styles.icon}
+          />
+        ) : null}
+        <View style={styles.content}>
+          <Text
+            selectable={false}
+            style={[
+              textStyles,
+              {
+                color: labelColor,
+              },
+            ]}
+          >
+            {label}
+          </Text>
+        </View>
+        <Icon
+          name={
+            expanded
+              ? "MaterialIcons/keyboard-arrow-up"
+              : "MaterialIcons/keyboard-arrow-down"
+          }
+          color={caretColor}
+          size={caretSize}
+        />
+      </Pressable>
+      {expanded ? children : null}
+    </>
+  );
+};
+
+const styles = StyleSheet.create({
+  row: {
+    flexDirection: "row",
+    alignItems: "center",
+  },
+  content: {
+    flex: 1,
+    justifyContent: "center",
+  },
+  icon: {
+    marginRight: 8,
+  },
+});
+
+export default withTheme(AccordionGroup);

package/src/components/ActionSheet/ActionSheet.tsx

@@ -1,69 +1,69 @@
-import React from "react";
-import { View, StyleSheet } from "react-native";
-import Portal from "../Portal/Portal";
-import Touchable from "../Touchable";
-import ActionSheetCancel from "./ActionSheetCancel";
-
-interface Props {
-  visible: boolean;
-  onClose: () => void;
-  children: React.ReactNode;
-}
-
-const ActionSheet = ({ visible = false, onClose, children }: Props) => {
-  return visible ? (
-    <Portal>
-      <Touchable style={styles.wrapper} onPress={onClose}>
-        <View style={styles.overlay} />
-        <View style={styles.groupWrapper}>
-          <View style={styles.group}>
-            {React.Children.toArray(children).filter(
-              (child: any) => child?.type !== ActionSheetCancel
-            )}
-          </View>
-          <View style={styles.group}>
-            {React.Children.toArray(children).filter(
-              (child: any) => child.type === ActionSheetCancel
-            )}
-          </View>
-        </View>
-      </Touchable>
-    </Portal>
-  ) : (
-    <></>
-  );
-};
-
-const styles = StyleSheet.create({
-  wrapper: {
-    flex: 1,
-    display: "flex",
-    flexDirection: "column",
-  },
-  overlay: {
-    position: "absolute",
-    top: 0,
-    left: 0,
-    right: 0,
-    bottom: 0,
-    backgroundColor: "#000000",
-    opacity: 0.3,
-  },
-  groupWrapper: {
-    flex: 1,
-    flexDirection: "column",
-    justifyContent: "flex-end",
-    display: "flex",
-    marginBottom: 25,
-  },
-  group: {
-    display: "flex",
-    flexDirection: "column",
-    borderRadius: 10,
-    marginHorizontal: 7,
-    marginVertical: 2.5,
-    overflow: "hidden",
-  },
-});
-
-export default ActionSheet;
+import React from "react";
+import { View, StyleSheet } from "react-native";
+import Portal from "../Portal/Portal";
+import Touchable from "../Touchable";
+import ActionSheetCancel from "./ActionSheetCancel";
+
+interface Props {
+  visible: boolean;
+  onClose: () => void;
+  children: React.ReactNode;
+}
+
+const ActionSheet = ({ visible = false, onClose, children }: Props) => {
+  return visible ? (
+    <Portal>
+      <Touchable style={styles.wrapper} onPress={onClose}>
+        <View style={styles.overlay} />
+        <View style={styles.groupWrapper}>
+          <View style={styles.group}>
+            {React.Children.toArray(children).filter(
+              (child: any) => child?.type !== ActionSheetCancel
+            )}
+          </View>
+          <View style={styles.group}>
+            {React.Children.toArray(children).filter(
+              (child: any) => child.type === ActionSheetCancel
+            )}
+          </View>
+        </View>
+      </Touchable>
+    </Portal>
+  ) : (
+    <></>
+  );
+};
+
+const styles = StyleSheet.create({
+  wrapper: {
+    flex: 1,
+    display: "flex",
+    flexDirection: "column",
+  },
+  overlay: {
+    position: "absolute",
+    top: 0,
+    left: 0,
+    right: 0,
+    bottom: 0,
+    backgroundColor: "#000000",
+    opacity: 0.3,
+  },
+  groupWrapper: {
+    flex: 1,
+    flexDirection: "column",
+    justifyContent: "flex-end",
+    display: "flex",
+    marginBottom: 25,
+  },
+  group: {
+    display: "flex",
+    flexDirection: "column",
+    borderRadius: 10,
+    marginHorizontal: 7,
+    marginVertical: 2.5,
+    overflow: "hidden",
+  },
+});
+
+export default ActionSheet;

package/src/components/ActionSheet/ActionSheetCancel.tsx

@@ -1,28 +1,28 @@
-import React from "react";
-import { StyleProp, ViewStyle, TextStyle } from "react-native";
-import ActionSheetItem from "./ActionSheetItem";
-
-type Props = {
-  label: string;
-  color: string;
-  style?: StyleProp<ViewStyle | TextStyle>;
-  onPress?: () => void;
-};
-
-const ActionSheetCancel: React.FC<React.PropsWithChildren<Props>> = ({
-  label = "Cancel",
-  color,
-  style,
-  onPress,
-}) => {
-  return (
-    <ActionSheetItem
-      label={label}
-      color={color || "#FF453A"}
-      style={[style]}
-      onPress={onPress}
-    />
-  );
-};
-
-export default ActionSheetCancel;
+import React from "react";
+import { StyleProp, ViewStyle, TextStyle } from "react-native";
+import ActionSheetItem from "./ActionSheetItem";
+
+type Props = {
+  label: string;
+  color: string;
+  style?: StyleProp<ViewStyle | TextStyle>;
+  onPress?: () => void;
+};
+
+const ActionSheetCancel: React.FC<React.PropsWithChildren<Props>> = ({
+  label = "Cancel",
+  color,
+  style,
+  onPress,
+}) => {
+  return (
+    <ActionSheetItem
+      label={label}
+      color={color || "#FF453A"}
+      style={[style]}
+      onPress={onPress}
+    />
+  );
+};
+
+export default ActionSheetCancel;