@draftbit/core 48.5.6 → 48.5.7-26899.2

package/src/deprecated-components/RowBodyIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RowBodyIcon.js","sourceRoot":"","sources":["RowBodyIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,SAAS,EAAE,MAAM,YAAY,CAAC;AAIvC,OAAO,GAAG,MAAM,mBAAmB,CAAC;AACpC,OAAO,MAAM,MAAM,sBAAsB,CAAC;AAW1C;;GAEG;AACH,MAAM,WAAW,GAA6C,CAAC,EAC7D,IAAI,EACJ,KAAK,EACL,QAAQ,EACR,IAAI,EACJ,KAAK,EACL,KAAK,EAAE,EAAE,MAAM,EAAE,UAAU,EAAE,GAC9B,EAAE,EAAE;IACH,OAAO,CACL,oBAAC,GAAG,IACF,cAAc,EAAE,UAAU,CAAC,KAAK,EAChC,UAAU,EAAE,MAAM,CAAC,MAAM,EACzB,iBAAiB,EAAE,UAAU,CAAC,SAAS,EACvC,aAAa,EAAE,MAAM,CAAC,KAAK,EAC3B,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,GAAG,EAAE,CAAC,CACX,oBAAC,IAAI,IACH,IAAI,EAAE,IAAI,EACV,IAAI,EAAE,MAAM,CAAC,qBAAqB,EAClC,KAAK,EAAE,MAAM,CAAC,KAAK,EACnB,KAAK,EAAE,EAAE,UAAU,EAAE,EAAE,EAAE,GACzB,CACH,EACD,KAAK,EAAE,KAAK,GACZ,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,SAAS,CAAC,WAAW,CAAC,CAAC"}

package/src/deprecated-components/RowBodyIcon.tsx

@@ -1,50 +1,50 @@
-import * as React from "react";
-import { withTheme } from "../theming";
-import type { Theme } from "../styles/DefaultTheme";
-import type { IconSlot } from "../interfaces/Icon";
-
-import Row from "../components/Row";
-import Config from "../components/Config";
-import { StyleProp, ViewStyle } from "react-native";
-
-type Props = {
-  title?: string;
-  subtitle?: string;
-  icon: string;
-  style?: StyleProp<ViewStyle>;
-  theme: Theme;
-} & IconSlot;
-
-/**
- * @deprecated DEPRECATED
- */
-const RowBodyIcon: React.FC<React.PropsWithChildren<Props>> = ({
-  Icon,
-  title,
-  subtitle,
-  icon,
-  style,
-  theme: { colors, typography },
-}) => {
-  return (
-    <Row
-      titleTypeStyle={typography.body1}
-      titleColor={colors.medium}
-      subtitleTypeStyle={typography.subtitle2}
-      subtitleColor={colors.light}
-      title={title}
-      subtitle={subtitle}
-      right={() => (
-        <Icon
-          name={icon}
-          size={Config.rowSingleLineIconSize}
-          color={colors.light}
-          style={{ marginLeft: 16 }}
-        />
-      )}
-      style={style}
-    />
-  );
-};
-
-export default withTheme(RowBodyIcon);
+import * as React from "react";
+import { withTheme } from "../theming";
+import type { Theme } from "../styles/DefaultTheme";
+import type { IconSlot } from "../interfaces/Icon";
+
+import Row from "../components/Row";
+import Config from "../components/Config";
+import { StyleProp, ViewStyle } from "react-native";
+
+type Props = {
+  title?: string;
+  subtitle?: string;
+  icon: string;
+  style?: StyleProp<ViewStyle>;
+  theme: Theme;
+} & IconSlot;
+
+/**
+ * @deprecated DEPRECATED
+ */
+const RowBodyIcon: React.FC<React.PropsWithChildren<Props>> = ({
+  Icon,
+  title,
+  subtitle,
+  icon,
+  style,
+  theme: { colors, typography },
+}) => {
+  return (
+    <Row
+      titleTypeStyle={typography.body1}
+      titleColor={colors.medium}
+      subtitleTypeStyle={typography.subtitle2}
+      subtitleColor={colors.light}
+      title={title}
+      subtitle={subtitle}
+      right={() => (
+        <Icon
+          name={icon}
+          size={Config.rowSingleLineIconSize}
+          color={colors.light}
+          style={{ marginLeft: 16 }}
+        />
+      )}
+      style={style}
+    />
+  );
+};
+
+export default withTheme(RowBodyIcon);

package/src/deprecated-components/RowHeadlineImageCaption.js

@@ -0,0 +1,16 @@
+import * as React from "react";
+import { Text } from "react-native";
+import { withTheme } from "../theming";
+import Row from "../components/Row";
+/**
+ * @deprecated DEPRECATED
+ */
+const RowHeadlineImageCaption = ({ title, subtitle, caption, image, style, theme: { colors, typography }, }) => {
+    return (React.createElement(Row, { titleTypeStyle: typography.headline6, titleColor: colors.strong, subtitleTypeStyle: typography.body2, subtitleColor: colors.medium, title: title, subtitle: subtitle, image: image, right: () => (React.createElement(Text, { style: {
+                ...typography.caption,
+                color: colors.strong,
+                marginLeft: 16,
+            } }, caption)), style: style }));
+};
+export default withTheme(RowHeadlineImageCaption);
+//# sourceMappingURL=RowHeadlineImageCaption.js.map

package/src/deprecated-components/RowHeadlineImageCaption.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RowHeadlineImageCaption.js","sourceRoot":"","sources":["RowHeadlineImageCaption.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,IAAI,EAA6C,MAAM,cAAc,CAAC;AAC/E,OAAO,EAAE,SAAS,EAAE,MAAM,YAAY,CAAC;AACvC,OAAO,GAAG,MAAM,mBAAmB,CAAC;AAYpC;;GAEG;AACH,MAAM,uBAAuB,GAA6C,CAAC,EACzE,KAAK,EACL,QAAQ,EACR,OAAO,EACP,KAAK,EACL,KAAK,EACL,KAAK,EAAE,EAAE,MAAM,EAAE,UAAU,EAAE,GAC9B,EAAE,EAAE;IACH,OAAO,CACL,oBAAC,GAAG,IACF,cAAc,EAAE,UAAU,CAAC,SAAS,EACpC,UAAU,EAAE,MAAM,CAAC,MAAM,EACzB,iBAAiB,EAAE,UAAU,CAAC,KAAK,EACnC,aAAa,EAAE,MAAM,CAAC,MAAM,EAC5B,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,KAAK,EACZ,KAAK,EAAE,GAAG,EAAE,CAAC,CACX,oBAAC,IAAI,IACH,KAAK,EAAE;gBACL,GAAG,UAAU,CAAC,OAAO;gBACrB,KAAK,EAAE,MAAM,CAAC,MAAM;gBACpB,UAAU,EAAE,EAAE;aACf,IAEA,OAAO,CACH,CACR,EACD,KAAK,EAAE,KAAK,GACZ,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,SAAS,CAAC,uBAAuB,CAAC,CAAC"}

package/src/deprecated-components/RowHeadlineImageCaption.tsx

@@ -1,52 +1,52 @@
-import * as React from "react";
-import { Text, ImageSourcePropType, StyleProp, ViewStyle } from "react-native";
-import { withTheme } from "../theming";
-import Row from "../components/Row";
-import theme from "../styles/DefaultTheme";
-
-type Props = {
-  title?: string;
-  subtitle?: string;
-  caption?: string;
-  image: string | ImageSourcePropType;
-  style?: StyleProp<ViewStyle>;
-  theme: typeof theme;
-};
-
-/**
- * @deprecated DEPRECATED
- */
-const RowHeadlineImageCaption: React.FC<React.PropsWithChildren<Props>> = ({
-  title,
-  subtitle,
-  caption,
-  image,
-  style,
-  theme: { colors, typography },
-}) => {
-  return (
-    <Row
-      titleTypeStyle={typography.headline6}
-      titleColor={colors.strong}
-      subtitleTypeStyle={typography.body2}
-      subtitleColor={colors.medium}
-      title={title}
-      subtitle={subtitle}
-      image={image}
-      right={() => (
-        <Text
-          style={{
-            ...typography.caption,
-            color: colors.strong,
-            marginLeft: 16,
-          }}
-        >
-          {caption}
-        </Text>
-      )}
-      style={style}
-    />
-  );
-};
-
-export default withTheme(RowHeadlineImageCaption);
+import * as React from "react";
+import { Text, ImageSourcePropType, StyleProp, ViewStyle } from "react-native";
+import { withTheme } from "../theming";
+import Row from "../components/Row";
+import theme from "../styles/DefaultTheme";
+
+type Props = {
+  title?: string;
+  subtitle?: string;
+  caption?: string;
+  image: string | ImageSourcePropType;
+  style?: StyleProp<ViewStyle>;
+  theme: typeof theme;
+};
+
+/**
+ * @deprecated DEPRECATED
+ */
+const RowHeadlineImageCaption: React.FC<React.PropsWithChildren<Props>> = ({
+  title,
+  subtitle,
+  caption,
+  image,
+  style,
+  theme: { colors, typography },
+}) => {
+  return (
+    <Row
+      titleTypeStyle={typography.headline6}
+      titleColor={colors.strong}
+      subtitleTypeStyle={typography.body2}
+      subtitleColor={colors.medium}
+      title={title}
+      subtitle={subtitle}
+      image={image}
+      right={() => (
+        <Text
+          style={{
+            ...typography.caption,
+            color: colors.strong,
+            marginLeft: 16,
+          }}
+        >
+          {caption}
+        </Text>
+      )}
+      style={style}
+    />
+  );
+};
+
+export default withTheme(RowHeadlineImageCaption);

package/src/deprecated-components/RowHeadlineImageIcon.js

@@ -0,0 +1,18 @@
+import * as React from "react";
+import { withTheme } from "../theming";
+import Row from "../components/Row";
+import Config from "../components/Config";
+/**
+ * @deprecated DEPRECATED
+ */
+const RowHeadlineImageIcon = ({ Icon, icon, title, image, subtitle, multilineSubtitle = false, style, theme: { colors, typography }, }) => {
+    return (React.createElement(Row, { titleTypeStyle: typography.headline6, titleColor: colors.strong, subtitleTypeStyle: typography.body2, subtitleColor: colors.medium, title: title, subtitle: subtitle, multilineSubtitle: multilineSubtitle, image: image, right: () => (React.createElement(Icon, { name: icon, size: multilineSubtitle
+                ? Config.rowMultiLineIconSize
+                : Config.rowSingleLineIconSize, color: colors.light, style: {
+                marginLeft: 16,
+                alignSelf: multilineSubtitle ? "flex-start" : "center",
+                marginTop: multilineSubtitle ? 4 : 0,
+            } })), style: style }));
+};
+export default withTheme(RowHeadlineImageIcon);
+//# sourceMappingURL=RowHeadlineImageIcon.js.map

package/src/deprecated-components/RowHeadlineImageIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RowHeadlineImageIcon.js","sourceRoot":"","sources":["RowHeadlineImageIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,SAAS,EAAE,MAAM,YAAY,CAAC;AAIvC,OAAO,GAAG,MAAM,mBAAmB,CAAC;AACpC,OAAO,MAAM,MAAM,sBAAsB,CAAC;AAa1C;;GAEG;AACH,MAAM,oBAAoB,GAA6C,CAAC,EACtE,IAAI,EACJ,IAAI,EACJ,KAAK,EACL,KAAK,EACL,QAAQ,EACR,iBAAiB,GAAG,KAAK,EACzB,KAAK,EACL,KAAK,EAAE,EAAE,MAAM,EAAE,UAAU,EAAE,GAC9B,EAAE,EAAE;IACH,OAAO,CACL,oBAAC,GAAG,IACF,cAAc,EAAE,UAAU,CAAC,SAAS,EACpC,UAAU,EAAE,MAAM,CAAC,MAAM,EACzB,iBAAiB,EAAE,UAAU,CAAC,KAAK,EACnC,aAAa,EAAE,MAAM,CAAC,MAAM,EAC5B,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,EAClB,iBAAiB,EAAE,iBAAiB,EACpC,KAAK,EAAE,KAAK,EACZ,KAAK,EAAE,GAAG,EAAE,CAAC,CACX,oBAAC,IAAI,IACH,IAAI,EAAE,IAAI,EACV,IAAI,EACF,iBAAiB;gBACf,CAAC,CAAC,MAAM,CAAC,oBAAoB;gBAC7B,CAAC,CAAC,MAAM,CAAC,qBAAqB,EAElC,KAAK,EAAE,MAAM,CAAC,KAAK,EACnB,KAAK,EAAE;gBACL,UAAU,EAAE,EAAE;gBACd,SAAS,EAAE,iBAAiB,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,QAAQ;gBACtD,SAAS,EAAE,iBAAiB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;aACrC,GACD,CACH,EACD,KAAK,EAAE,KAAK,GACZ,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,SAAS,CAAC,oBAAoB,CAAC,CAAC"}

package/src/deprecated-components/RowHeadlineImageIcon.tsx

@@ -1,64 +1,64 @@
-import * as React from "react";
-import { withTheme } from "../theming";
-import type { Theme } from "../styles/DefaultTheme";
-import type { IconSlot } from "../interfaces/Icon";
-
-import Row from "../components/Row";
-import Config from "../components/Config";
-import { ImageSourcePropType, StyleProp, ViewStyle } from "react-native";
-
-type Props = {
-  title?: string;
-  image: string | ImageSourcePropType;
-  subtitle?: string;
-  multilineSubtitle?: boolean;
-  icon: string;
-  style?: StyleProp<ViewStyle>;
-  theme: Theme;
-} & IconSlot;
-
-/**
- * @deprecated DEPRECATED
- */
-const RowHeadlineImageIcon: React.FC<React.PropsWithChildren<Props>> = ({
-  Icon,
-  icon,
-  title,
-  image,
-  subtitle,
-  multilineSubtitle = false,
-  style,
-  theme: { colors, typography },
-}) => {
-  return (
-    <Row
-      titleTypeStyle={typography.headline6}
-      titleColor={colors.strong}
-      subtitleTypeStyle={typography.body2}
-      subtitleColor={colors.medium}
-      title={title}
-      subtitle={subtitle}
-      multilineSubtitle={multilineSubtitle}
-      image={image}
-      right={() => (
-        <Icon
-          name={icon}
-          size={
-            multilineSubtitle
-              ? Config.rowMultiLineIconSize
-              : Config.rowSingleLineIconSize
-          }
-          color={colors.light}
-          style={{
-            marginLeft: 16,
-            alignSelf: multilineSubtitle ? "flex-start" : "center",
-            marginTop: multilineSubtitle ? 4 : 0,
-          }}
-        />
-      )}
-      style={style}
-    />
-  );
-};
-
-export default withTheme(RowHeadlineImageIcon);
+import * as React from "react";
+import { withTheme } from "../theming";
+import type { Theme } from "../styles/DefaultTheme";
+import type { IconSlot } from "../interfaces/Icon";
+
+import Row from "../components/Row";
+import Config from "../components/Config";
+import { ImageSourcePropType, StyleProp, ViewStyle } from "react-native";
+
+type Props = {
+  title?: string;
+  image: string | ImageSourcePropType;
+  subtitle?: string;
+  multilineSubtitle?: boolean;
+  icon: string;
+  style?: StyleProp<ViewStyle>;
+  theme: Theme;
+} & IconSlot;
+
+/**
+ * @deprecated DEPRECATED
+ */
+const RowHeadlineImageIcon: React.FC<React.PropsWithChildren<Props>> = ({
+  Icon,
+  icon,
+  title,
+  image,
+  subtitle,
+  multilineSubtitle = false,
+  style,
+  theme: { colors, typography },
+}) => {
+  return (
+    <Row
+      titleTypeStyle={typography.headline6}
+      titleColor={colors.strong}
+      subtitleTypeStyle={typography.body2}
+      subtitleColor={colors.medium}
+      title={title}
+      subtitle={subtitle}
+      multilineSubtitle={multilineSubtitle}
+      image={image}
+      right={() => (
+        <Icon
+          name={icon}
+          size={
+            multilineSubtitle
+              ? Config.rowMultiLineIconSize
+              : Config.rowSingleLineIconSize
+          }
+          color={colors.light}
+          style={{
+            marginLeft: 16,
+            alignSelf: multilineSubtitle ? "flex-start" : "center",
+            marginTop: multilineSubtitle ? 4 : 0,
+          }}
+        />
+      )}
+      style={style}
+    />
+  );
+};
+
+export default withTheme(RowHeadlineImageIcon);

package/src/deprecated-components/ToggleButton.js

@@ -0,0 +1,43 @@
+import * as React from "react";
+import { withTheme } from "../theming";
+import { StyleSheet } from "react-native";
+import IconButton from "../components/IconButton";
+/**
+ * @deprecated DEPRECATED
+ */
+const ToggleButton = ({ Icon, icon, toggled = false, onPress = () => { }, defaultValue, disabled = false, color = "primary", colorSecondary = "surface", borderColor = "divider", iconSize = 25, width = 50, height = 50, theme: { colors }, style, ...rest }) => {
+    const [internalValue, setInternalValue] = React.useState(toggled || defaultValue || false);
+    React.useEffect(() => {
+        if (toggled != null) {
+            setInternalValue(toggled);
+        }
+    }, [toggled]);
+    React.useEffect(() => {
+        if (defaultValue != null) {
+            setInternalValue(defaultValue);
+        }
+    }, [defaultValue]);
+    const handlePress = () => {
+        setInternalValue(!internalValue);
+        onPress(!internalValue);
+    };
+    return (React.createElement(IconButton, { Icon: Icon, icon: icon, size: iconSize, color: internalValue ? colors[color] : colors[colorSecondary], onPress: handlePress, disabled: disabled, style: [
+            styles.mainContainer,
+            {
+                width,
+                height,
+                backgroundColor: internalValue
+                    ? colors[colorSecondary]
+                    : colors[color],
+                borderColor: colors[borderColor],
+            },
+            style,
+        ], ...rest }));
+};
+const styles = StyleSheet.create({
+    mainContainer: {
+        borderWidth: 1,
+    },
+});
+export default withTheme(ToggleButton);
+//# sourceMappingURL=ToggleButton.js.map

package/src/deprecated-components/ToggleButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToggleButton.js","sourceRoot":"","sources":["ToggleButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,SAAS,EAAE,MAAM,YAAY,CAAC;AAEvC,OAAO,EAAa,UAAU,EAAa,MAAM,cAAc,CAAC;AAChE,OAAO,UAAU,MAAM,0BAA0B,CAAC;AAoBlD;;GAEG;AACH,MAAM,YAAY,GAA6C,CAAC,EAC9D,IAAI,EACJ,IAAI,EACJ,OAAO,GAAG,KAAK,EACf,OAAO,GAAG,GAAG,EAAE,GAAE,CAAC,EAClB,YAAY,EACZ,QAAQ,GAAG,KAAK,EAChB,KAAK,GAAG,SAAS,EACjB,cAAc,GAAG,SAAS,EAC1B,WAAW,GAAG,SAAS,EACvB,QAAQ,GAAG,EAAE,EACb,KAAK,GAAG,EAAE,EACV,MAAM,GAAG,EAAE,EACX,KAAK,EAAE,EAAE,MAAM,EAAE,EACjB,KAAK,EACL,GAAG,IAAI,EACR,EAAE,EAAE;IACH,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,KAAK,CAAC,QAAQ,CACtD,OAAO,IAAI,YAAY,IAAI,KAAK,CACjC,CAAC;IAEF,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,IAAI,OAAO,IAAI,IAAI,EAAE;YACnB,gBAAgB,CAAC,OAAO,CAAC,CAAC;SAC3B;IACH,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;IAEd,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,IAAI,YAAY,IAAI,IAAI,EAAE;YACxB,gBAAgB,CAAC,YAAY,CAAC,CAAC;SAChC;IACH,CAAC,EAAE,CAAC,YAAY,CAAC,CAAC,CAAC;IAEnB,MAAM,WAAW,GAAG,GAAG,EAAE;QACvB,gBAAgB,CAAC,CAAC,aAAa,CAAC,CAAC;QACjC,OAAO,CAAC,CAAC,aAAa,CAAC,CAAC;IAC1B,CAAC,CAAC;IAEF,OAAO,CACL,oBAAC,UAAU,IACT,IAAI,EAAE,IAAI,EACV,IAAI,EAAE,IAAI,EACV,IAAI,EAAE,QAAQ,EACd,KAAK,EAAE,aAAa,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,cAAc,CAAC,EAC7D,OAAO,EAAE,WAAW,EACpB,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE;YACL,MAAM,CAAC,aAAa;YACpB;gBACE,KAAK;gBACL,MAAM;gBACN,eAAe,EAAE,aAAa;oBAC5B,CAAC,CAAC,MAAM,CAAC,cAAc,CAAC;oBACxB,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC;gBACjB,WAAW,EAAE,MAAM,CAAC,WAAW,CAAC;aACjC;YACD,KAAK;SACN,KACG,IAAI,GACR,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,MAAM,GAAG,UAAU,CAAC,MAAM,CAAC;IAC/B,aAAa,EAAE;QACb,WAAW,EAAE,CAAC;KACf;CACF,CAAC,CAAC;AAEH,eAAe,SAAS,CAAC,YAAY,CAAC,CAAC"}

package/src/deprecated-components/ToggleButton.tsx

@@ -1,97 +1,97 @@
-import * as React from "react";
-import { withTheme } from "../theming";
-import { colorTypes } from "@draftbit/types";
-import { StyleProp, StyleSheet, ViewStyle } from "react-native";
-import IconButton from "../components/IconButton";
-import type { Theme } from "../styles/DefaultTheme";
-import type { IconSlot } from "../interfaces/Icon";
-
-type Props = {
-  icon: string;
-  toggled?: boolean;
-  onPress?: (value: boolean) => void;
-  defaultValue?: boolean;
-  disabled?: boolean;
-  color?: colorTypes;
-  colorSecondary?: colorTypes;
-  borderColor?: colorTypes;
-  iconSize?: number;
-  width?: number;
-  height?: number;
-  style?: StyleProp<ViewStyle>;
-  theme: Theme;
-} & IconSlot;
-
-/**
- * @deprecated DEPRECATED
- */
-const ToggleButton: React.FC<React.PropsWithChildren<Props>> = ({
-  Icon,
-  icon,
-  toggled = false,
-  onPress = () => {},
-  defaultValue,
-  disabled = false,
-  color = "primary",
-  colorSecondary = "surface",
-  borderColor = "divider",
-  iconSize = 25,
-  width = 50,
-  height = 50,
-  theme: { colors },
-  style,
-  ...rest
-}) => {
-  const [internalValue, setInternalValue] = React.useState<boolean>(
-    toggled || defaultValue || false
-  );
-
-  React.useEffect(() => {
-    if (toggled != null) {
-      setInternalValue(toggled);
-    }
-  }, [toggled]);
-
-  React.useEffect(() => {
-    if (defaultValue != null) {
-      setInternalValue(defaultValue);
-    }
-  }, [defaultValue]);
-
-  const handlePress = () => {
-    setInternalValue(!internalValue);
-    onPress(!internalValue);
-  };
-
-  return (
-    <IconButton
-      Icon={Icon}
-      icon={icon}
-      size={iconSize}
-      color={internalValue ? colors[color] : colors[colorSecondary]}
-      onPress={handlePress}
-      disabled={disabled}
-      style={[
-        styles.mainContainer,
-        {
-          width,
-          height,
-          backgroundColor: internalValue
-            ? colors[colorSecondary]
-            : colors[color],
-          borderColor: colors[borderColor],
-        },
-        style,
-      ]}
-      {...rest}
-    />
-  );
-};
-
-const styles = StyleSheet.create({
-  mainContainer: {
-    borderWidth: 1,
-  },
-});
-
-export default withTheme(ToggleButton);
+import * as React from "react";
+import { withTheme } from "../theming";
+import { colorTypes } from "@draftbit/types";
+import { StyleProp, StyleSheet, ViewStyle } from "react-native";
+import IconButton from "../components/IconButton";
+import type { Theme } from "../styles/DefaultTheme";
+import type { IconSlot } from "../interfaces/Icon";
+
+type Props = {
+  icon: string;
+  toggled?: boolean;
+  onPress?: (value: boolean) => void;
+  defaultValue?: boolean;
+  disabled?: boolean;
+  color?: colorTypes;
+  colorSecondary?: colorTypes;
+  borderColor?: colorTypes;
+  iconSize?: number;
+  width?: number;
+  height?: number;
+  style?: StyleProp<ViewStyle>;
+  theme: Theme;
+} & IconSlot;
+
+/**
+ * @deprecated DEPRECATED
+ */
+const ToggleButton: React.FC<React.PropsWithChildren<Props>> = ({
+  Icon,
+  icon,
+  toggled = false,
+  onPress = () => {},
+  defaultValue,
+  disabled = false,
+  color = "primary",
+  colorSecondary = "surface",
+  borderColor = "divider",
+  iconSize = 25,
+  width = 50,
+  height = 50,
+  theme: { colors },
+  style,
+  ...rest
+}) => {
+  const [internalValue, setInternalValue] = React.useState<boolean>(
+    toggled || defaultValue || false
+  );
+
+  React.useEffect(() => {
+    if (toggled != null) {
+      setInternalValue(toggled);
+    }
+  }, [toggled]);
+
+  React.useEffect(() => {
+    if (defaultValue != null) {
+      setInternalValue(defaultValue);
+    }
+  }, [defaultValue]);
+
+  const handlePress = () => {
+    setInternalValue(!internalValue);
+    onPress(!internalValue);
+  };
+
+  return (
+    <IconButton
+      Icon={Icon}
+      icon={icon}
+      size={iconSize}
+      color={internalValue ? colors[color] : colors[colorSecondary]}
+      onPress={handlePress}
+      disabled={disabled}
+      style={[
+        styles.mainContainer,
+        {
+          width,
+          height,
+          backgroundColor: internalValue
+            ? colors[colorSecondary]
+            : colors[color],
+          borderColor: colors[borderColor],
+        },
+        style,
+      ]}
+      {...rest}
+    />
+  );
+};
+
+const styles = StyleSheet.create({
+  mainContainer: {
+    borderWidth: 1,
+  },
+});
+
+export default withTheme(ToggleButton);

package/src/hooks.js

@@ -0,0 +1,25 @@
+import React from "react";
+export function usePrevious(value) {
+    // The ref object is a generic container whose current property is mutable
+    // and can hold any value, similar to an instance property on a class
+    const ref = React.useRef();
+    // Store current value in ref
+    React.useEffect(() => {
+        ref.current = value;
+    }, [value]);
+    // Return previous value (happens before update in useEffect above)
+    return ref.current;
+}
+export const useDebounce = (value, delay) => {
+    const [debouncedValue, setDebouncedValue] = React.useState(value);
+    React.useEffect(() => {
+        const handler = setTimeout(() => {
+            setDebouncedValue(value);
+        }, delay);
+        return () => {
+            clearTimeout(handler);
+        };
+    }, [value, delay]);
+    return debouncedValue;
+};
+//# sourceMappingURL=hooks.js.map

package/src/hooks.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"hooks.js","sourceRoot":"","sources":["hooks.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,MAAM,UAAU,WAAW,CAAC,KAAU;IACpC,0EAA0E;IAC1E,qEAAqE;IACrE,MAAM,GAAG,GAAG,KAAK,CAAC,MAAM,EAAE,CAAC;IAE3B,6BAA6B;IAC7B,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,GAAG,CAAC,OAAO,GAAG,KAAK,CAAC;IACtB,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IAEZ,mEAAmE;IACnE,OAAO,GAAG,CAAC,OAAO,CAAC;AACrB,CAAC;AAED,MAAM,CAAC,MAAM,WAAW,GAAG,CAAI,KAAQ,EAAE,KAAa,EAAK,EAAE;IAC3D,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IAElE,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,MAAM,OAAO,GAAG,UAAU,CAAC,GAAG,EAAE;YAC9B,iBAAiB,CAAC,KAAK,CAAC,CAAC;QAC3B,CAAC,EAAE,KAAK,CAAC,CAAC;QAEV,OAAO,GAAG,EAAE;YACV,YAAY,CAAC,OAAO,CAAC,CAAC;QACxB,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC,CAAC;IAEnB,OAAO,cAAc,CAAC;AACxB,CAAC,CAAC"}