@draftbit/core 47.0.1-cc5ccc.2 → 47.0.1-ed6e56.2

package/lib/commonjs/mappings/Touchable.js

@@ -0,0 +1,20 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.SEED_DATA = void 0;
+var _types = require("@draftbit/types");
+const SEED_DATA = {
+  name: "Touchable",
+  tag: "Touchable",
+  description: "Simple button with no styles",
+  category: _types.COMPONENT_TYPES.button,
+  stylesPanelSections: [_types.StylesPanelSections.Size, _types.StylesPanelSections.Margins, _types.StylesPanelSections.Borders],
+  layout: {},
+  triggers: [_types.Triggers.OnPress],
+  props: {
+    onPress: (0, _types.createActionProp)()
+  }
+};
+exports.SEED_DATA = SEED_DATA;

package/lib/module/components/Button.js

@@ -1,5 +1,5 @@
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-import React, { useCallback } from "react";
+import * as React from "react";
 import { Text, Pressable, Platform, StyleSheet, ActivityIndicator } from "react-native";
 import { withTheme } from "../theming";
 const CONSTANTS = {
@@ -14,9 +14,6 @@ function Base(_ref) {
     icon,
     title,
     onPress,
-    onLongPress,
-    activeOpacity,
-    disabledOpacity,
     loading,
     disabled,
     style,
@@ -55,26 +52,17 @@ function Base(_ref) {
   if (textAlign === "right") {
     buttonStyles.justifyContent = "flex-end";
   }
-  const getOpacity = useCallback(pressed => {
-    if (disabled) {
-      return disabledOpacity;
-    } else {
-      if (pressed) return activeOpacity;else return 1;
-    }
-  }, [activeOpacity, disabled, disabledOpacity]);
-  const _style = useCallback(_ref2 => {
-    let {
-      pressed
-    } = _ref2;
-    return [buttonStyles, {
-      opacity: getOpacity(pressed)
-    }];
-  }, [getOpacity, buttonStyles]);
   return /*#__PURE__*/React.createElement(Pressable, _extends({
     onPress: onPress,
-    onLongPress: onLongPress,
     disabled: disabled || loading,
-    style: (styles.base, _style)
+    style: _ref2 => {
+      let {
+        pressed
+      } = _ref2;
+      return [styles.base, {
+        opacity: pressed || disabled ? 0.75 : 1
+      }, buttonStyles];
+    }
   }, props), loading ? /*#__PURE__*/React.createElement(ActivityIndicator, {
     size: "small",
     color: color,

package/lib/module/components/Checkbox/Checkbox.js

@@ -1,7 +1,8 @@
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 import * as React from "react";
-import { View, StyleSheet, Pressable } from "react-native";
+import { View, StyleSheet } from "react-native";
 import { useTheme } from "../../theming";
+import Touchable from "../Touchable";
 import { usePrevious } from "../../hooks";
 const Checkbox = _ref => {
   let {
@@ -50,7 +51,7 @@ const Checkbox = _ref => {
       onUncheck === null || onUncheck === void 0 ? void 0 : onUncheck();
     }
   };
-  return /*#__PURE__*/React.createElement(Pressable, _extends({}, rest, {
+  return /*#__PURE__*/React.createElement(Touchable, _extends({}, rest, {
     onPress: handlePress,
     disabled: disabled,
     accessibilityState: {

package/lib/module/components/DatePicker/DatePicker.js

@@ -343,6 +343,7 @@ const DatePicker = _ref => {
   }, /*#__PURE__*/React.createElement(DateTimePicker, {
     value: getValidDate(),
     mode: mode,
+    displayMode: "default",
     isVisible: pickerVisible,
     toggleVisibility: toggleVisibility,
     onChange: (_event, data) => {

package/lib/module/components/DatePicker/DatePickerComponent.js

@@ -1,19 +1,18 @@
 import React from "react";
-import { Platform } from "react-native";
-import DateTimePicker from "@react-native-community/datetimepicker";
 import DateTimePickerModal from "react-native-modal-datetime-picker";
 const DatePickerComponent = _ref => {
   let {
     value,
     onChange,
+    displayMode = "default",
     mode,
     toggleVisibility
   } = _ref;
-  return Platform.OS === "ios" || Platform.OS === "android" ? /*#__PURE__*/React.createElement(DateTimePickerModal, {
+  return /*#__PURE__*/React.createElement(DateTimePickerModal, {
     date: value,
     mode: mode,
     isVisible: true,
-    display: Platform.OS === "ios" ? "spinner" : "default",
+    display: displayMode,
     onCancel: () => {
       console.log("Picker cancelled before selecting anything.");
       toggleVisibility();
@@ -21,11 +20,6 @@ const DatePickerComponent = _ref => {
     onConfirm: data => {
       onChange(null, data);
     }
-  }) : /*#__PURE__*/React.createElement(DateTimePicker, {
-    value: value,
-    mode: mode,
-    onChange: onChange,
-    display: "default"
   });
 };
 export default DatePickerComponent;

package/lib/module/components/DatePicker/DatePickerComponent.web.js

@@ -36,7 +36,6 @@ const DatePickerComponent = _ref => {
       onChange(null, d);
     },
     onClose: () => toggleVisibility(),
-    variant: "dialog",
     TextFieldComponent: () => null
   })));
 };

package/lib/module/components/DatePicker/DatePickerInput.js

@@ -0,0 +1,123 @@
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+import * as React from "react";
+import { View, TextInput, Platform } from "react-native";
+import { useSafeAreaInsets } from "react-native-safe-area-context";
+import dateFormat from "dateformat";
+import Portal from "../Portal/Portal";
+import Touchable from "../Touchable";
+import DateTimePicker from "./DatePickerComponent";
+const MONTHS = ["January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December"];
+const DatePickerInput = _ref => {
+  let {
+    style,
+    date,
+    onDateChange = () => {},
+    defaultValue,
+    disabled = false,
+    mode = "date",
+    format,
+    androidDisplay = "default",
+    iosDisplay = "default",
+    webDisplay = "dialog",
+    placeholder,
+    ...props
+  } = _ref;
+  const [value, setValue] = React.useState(date || defaultValue);
+  React.useEffect(() => {
+    if (defaultValue != null) {
+      setValue(defaultValue);
+    }
+  }, [defaultValue]);
+  const [pickerVisible, setPickerVisible] = React.useState(false);
+  const [focused, setFocused] = React.useState(false);
+  const getValidDate = () => {
+    if (!value) {
+      return new Date();
+    }
+    return typeof (value === null || value === void 0 ? void 0 : value.getMonth) === "function" ? value : new Date();
+  };
+  const formatDate = () => {
+    if (!value) return "";
+    let newDate = getValidDate();
+    if (format) return dateFormat(newDate, format);
+    if (mode === "time") {
+      return "".concat(newDate.toLocaleTimeString());
+    }
+    if (mode === "datetime") {
+      return "".concat(newDate.toLocaleString());
+    }
+    return "".concat(MONTHS[newDate.getMonth()], " ").concat(newDate.getDate(), ", ").concat(newDate.getFullYear());
+  };
+  const toggleVisibility = async () => {
+    setPickerVisible(!pickerVisible);
+    focused ? _handleBlur() : _handleFocus();
+  };
+  const insets = useSafeAreaInsets();
+  React.useEffect(() => {
+    setValue(date);
+  }, [date]);
+  const _handleFocus = () => {
+    if (disabled) {
+      return;
+    }
+    setFocused(true);
+  };
+  const _handleBlur = () => {
+    if (disabled) {
+      return;
+    }
+    setFocused(false);
+  };
+  return /*#__PURE__*/React.createElement(View, null, /*#__PURE__*/React.createElement(Touchable, {
+    disabled: disabled,
+    onPress: toggleVisibility
+  }, /*#__PURE__*/React.createElement(TextInput, _extends({
+    value: formatDate(),
+    placeholder: placeholder,
+    editable: !disabled,
+    onFocus: _handleFocus,
+    onBlur: _handleBlur,
+    style: style
+  }, props))), pickerVisible && /*#__PURE__*/React.createElement(Portal, null, /*#__PURE__*/React.createElement(View, {
+    style: {
+      paddingTop: insets.top,
+      paddingBottom: insets.bottom,
+      paddingLeft: insets.left,
+      paddingRight: insets.right
+    }
+  }, Platform.OS === "web" && /*#__PURE__*/React.createElement(DateTimePicker, {
+    value: getValidDate(),
+    mode: mode,
+    isVisible: pickerVisible,
+    toggleVisibility: toggleVisibility,
+    onChange: (_event, data) => {
+      toggleVisibility();
+      setValue(data);
+      onDateChange(data);
+    }
+  }), Platform.OS === "ios" && /*#__PURE__*/React.createElement(DateTimePicker, {
+    value: getValidDate(),
+    mode: mode,
+    displayMode: iosDisplay,
+    isVisible: pickerVisible,
+    toggleVisibility: toggleVisibility,
+    onChange: (_event, data) => {
+      toggleVisibility();
+      setValue(data);
+      onDateChange(data);
+    }
+  }), Platform.OS === "android" && /*#__PURE__*/React.createElement(DateTimePicker, {
+    value: getValidDate(),
+    mode: mode,
+    variant: webDisplay,
+    displayMode: androidDisplay,
+    isVisible: pickerVisible,
+    toggleVisibility: toggleVisibility,
+    onChange: (_event, data) => {
+      toggleVisibility();
+      setValue(data);
+      onDateChange(data);
+    }
+  }))));
+};
+export default DatePickerInput;

package/lib/module/components/DeprecatedButton.js

@@ -0,0 +1,141 @@
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+import * as React from "react";
+import { ActivityIndicator, View, Text, StyleSheet } from "react-native";
+import color from "color";
+import Config from "./Config";
+import Touchable from "./Touchable";
+import Elevation from "./Elevation";
+import { withTheme } from "../theming";
+const Button = _ref => {
+  let {
+    Icon,
+    icon,
+    disabled = false,
+    type = "solid",
+    loading = false,
+    labelColor,
+    color: colorOverride,
+    children,
+    onPress,
+    elevation = 0,
+    style,
+    theme: {
+      colors,
+      disabledOpacity,
+      roundness,
+      typography
+    },
+    ...rest
+  } = _ref;
+  let backgroundColor, borderColor, textColor, borderWidth;
+  const buttonColor = colorOverride || colors.primary;
+  if (type === "solid") {
+    backgroundColor = buttonColor;
+    if (disabled) {
+      textColor = color(colors.surface).alpha(disabledOpacity).rgb().string();
+    } else {
+      textColor = labelColor || colors.surface;
+    }
+  } else {
+    backgroundColor = "transparent";
+    if (disabled) {
+      textColor = color(buttonColor).alpha(disabledOpacity).rgb().string();
+    } else {
+      textColor = labelColor || buttonColor;
+    }
+  }
+  if (type === "outline") {
+    if (disabled) {
+      borderColor = color(buttonColor).alpha(disabledOpacity).rgb().string();
+    } else {
+      borderColor = buttonColor;
+    }
+    borderWidth = StyleSheet.hairlineWidth;
+  } else {
+    borderColor = "transparent";
+    borderWidth = 0;
+  }
+  const buttonStyle = {
+    backgroundColor,
+    borderColor,
+    borderWidth,
+    borderRadius: roundness
+  };
+  const textStyle = {
+    textAlign: "center",
+    color: textColor,
+    marginVertical: 16,
+    marginHorizontal: 16
+  };
+  const iconStyle = [styles.icon, {
+    marginLeft: 16,
+    marginRight: -8,
+    width: Config.buttonIconSize
+  }];
+  const {
+    margin,
+    marginEnd,
+    marginTop,
+    marginLeft,
+    marginRight,
+    marginBottom,
+    marginHorizontal,
+    marginVertical,
+    ...innerStyles
+  } = StyleSheet.flatten(style || {});
+  const margins = {
+    margin,
+    marginEnd,
+    marginTop,
+    marginLeft,
+    marginRight,
+    marginBottom,
+    marginHorizontal,
+    marginVertical
+  };
+  return /*#__PURE__*/React.createElement(Elevation, {
+    style: {
+      elevation,
+      alignSelf: "stretch",
+      ...margins
+    }
+  }, /*#__PURE__*/React.createElement(Touchable, _extends({}, rest, {
+    onPress: onPress,
+    accessibilityState: {
+      disabled
+    },
+    accessibilityRole: "button",
+    disabled: disabled || loading,
+    style: [styles.button, buttonStyle, innerStyles]
+  }), /*#__PURE__*/React.createElement(View, {
+    style: styles.content
+  }, icon && loading !== true ? /*#__PURE__*/React.createElement(View, {
+    style: iconStyle
+  }, /*#__PURE__*/React.createElement(Icon, {
+    name: icon,
+    size: Config.buttonIconSize,
+    color: textColor
+  })) : null, loading ? /*#__PURE__*/React.createElement(ActivityIndicator, {
+    size: "small",
+    color: textColor,
+    style: iconStyle
+  }) : null, /*#__PURE__*/React.createElement(Text, {
+    numberOfLines: 1,
+    style: [textStyle, typography.button]
+  }, children))));
+};
+const styles = StyleSheet.create({
+  button: {
+    minWidth: 64,
+    borderStyle: "solid"
+  },
+  content: {
+    flexDirection: "row",
+    alignItems: "center",
+    justifyContent: "center"
+  },
+  icon: {
+    width: Config.buttonIconSize
+  }
+});
+export default withTheme(Button);

package/lib/module/components/DeprecatedCardWrapper.js

@@ -1,7 +1,7 @@
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 import React from "react";
 import { withTheme } from "../theming";
-import { Pressable } from "react-native";
+import Touchable from "./Touchable";
 const getWidth = numColumns => {
   switch (numColumns) {
     case 1:
@@ -21,7 +21,7 @@ const Card = _ref => {
     ...rest
   } = _ref;
   const width = getWidth(numColumns);
-  return /*#__PURE__*/React.createElement(Pressable, _extends({
+  return /*#__PURE__*/React.createElement(Touchable, _extends({
     disabled: !onPress,
     onPress: onPress,
     style: [style, {

package/lib/module/components/DeprecatedFAB.js

@@ -1,9 +1,10 @@
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 import * as React from "react";
-import { ActivityIndicator, View, StyleSheet, Pressable } from "react-native";
+import { ActivityIndicator, View, StyleSheet } from "react-native";
 import color from "color";
 import Config from "./Config";
 import Text from "./Text";
+import Touchable from "./Touchable";
 import Elevation from "./Elevation";
 import { withTheme } from "../theming";
 const FAB = _ref => {
@@ -97,7 +98,7 @@ const FAB = _ref => {
     style: [{
       elevation
     }, style]
-  }, /*#__PURE__*/React.createElement(Pressable, _extends({}, rest, {
+  }, /*#__PURE__*/React.createElement(Touchable, _extends({}, rest, {
     onPress: onPress,
     accessibilityState: {
       disabled

package/lib/module/components/Picker/Picker.js

@@ -1,11 +1,12 @@
 import * as React from "react";
-import { View, StyleSheet, Text, Platform, Dimensions, Pressable } from "react-native";
+import { View, StyleSheet, Text, Platform, Dimensions } from "react-native";
 import { omit, pickBy, identity, isObject } from "lodash";
 import { SafeAreaView } from "react-native-safe-area-context";
 import { Picker as NativePicker } from "@react-native-picker/picker";
 import { withTheme } from "../../theming";
 import Portal from "../Portal/Portal";
-import { Button } from "../Button";
+import Button from "../DeprecatedButton";
+import Touchable from "../Touchable";
 import { extractStyles, extractBorderAndMarginStyles, borderStyleNames, marginStyleNames } from "../../utilities";
 function normalizeOptions(options) {
   if (options.length === 0) {
@@ -197,7 +198,7 @@ const Picker = _ref => {
     /* marginsContainer */
     React.createElement(View, {
       style: [styles.marginsContainer, marginStyles]
-    }, /*#__PURE__*/React.createElement(Pressable, {
+    }, /*#__PURE__*/React.createElement(Touchable, {
       disabled: disabled,
       onPress: togglePickerVisible,
       style: styles.touchableContainer

package/lib/module/components/Picker/PickerComponent.ios.js

@@ -6,7 +6,7 @@ import omit from "lodash.omit";
 import { Picker as NativePicker } from "@react-native-picker/picker";
 import { withTheme } from "../../theming";
 import Portal from "../Portal/Portal";
-import { Button } from "../Button";
+import Button from "../DeprecatedButton";
 import TextField from "../TextField";
 import Touchable from "../Touchable";
 import { extractStyles } from "../../utilities";

package/lib/module/components/Touchable.js

@@ -1,40 +1,25 @@
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-import React, { useCallback } from "react";
+import React from "react";
 import { Pressable } from "react-native";
 export default function Touchable(_ref) {
   let {
     children,
     disabled,
     onPress,
-    onLongPress,
-    hitSlop,
-    delayLongPress,
-    activeOpacity,
-    disabledOpacity,
     style,
     ...props
   } = _ref;
-  const getOpacity = useCallback(pressed => {
-    if (disabled) {
-      return disabledOpacity;
-    } else {
-      if (pressed) return activeOpacity;else return 1;
-    }
-  }, [activeOpacity, disabled, disabledOpacity]);
-  const _style = useCallback(_ref2 => {
-    let {
-      pressed
-    } = _ref2;
-    return [style, {
-      opacity: getOpacity(pressed)
-    }];
-  }, [getOpacity, style]);
   return /*#__PURE__*/React.createElement(Pressable, _extends({
     onPress: onPress,
-    onLongPress: onLongPress,
     disabled: disabled,
-    delayLongPress: delayLongPress ? delayLongPress : 500,
-    hitSlop: hitSlop ? hitSlop : 8,
-    style: _style
+    hitSlop: 8,
+    style: _ref2 => {
+      let {
+        pressed
+      } = _ref2;
+      return [{
+        opacity: pressed || disabled ? 0.75 : 1
+      }, style];
+    }
   }, props), children);
 }

package/lib/module/components/Touchable.web.js

@@ -0,0 +1,2 @@
+import { TouchableOpacity } from "react-native";
+export default TouchableOpacity;

package/lib/module/mappings/Button.js

@@ -1,8 +1,7 @@
-import { COMPONENT_TYPES, createIconProp, createTextProp, createDisabledProp, createLoadingProp, createActionProp, Triggers, StylesPanelSections, createNumberProp } from "@draftbit/types";
-const SEED_DATA_TRIGGERS = [Triggers.OnPress, Triggers.OnLongPress];
+import { COMPONENT_TYPES, createIconProp, createTextProp, createDisabledProp, createLoadingProp, createActionProp, Triggers, StylesPanelSections } from "@draftbit/types";
+const SEED_DATA_TRIGGERS = [Triggers.OnPress];
 const SEED_DATA_PROPS = {
   onPress: createActionProp(),
-  onLongPress: createActionProp(),
   icon: createIconProp({
     defaultValue: null,
     required: false
@@ -13,11 +12,12 @@ const SEED_DATA_PROPS = {
     defaultValue: "Get Started"
   }),
   disabled: createDisabledProp(),
-  loading: createLoadingProp(),
-  activeOpacity: createNumberProp(),
-  disabledOpacity: createNumberProp(),
-  delayLongPress: createNumberProp(),
-  hitSlop: createNumberProp()
+  loading: createLoadingProp()
+};
+const LAYOUT = {
+  backgroundColor: "transparent",
+  borderRadius: 8,
+  fontFamily: "system-700"
 };
 export const SEED_DATA = [{
   name: "Button Outline",
@@ -25,9 +25,8 @@ export const SEED_DATA = [{
   category: COMPONENT_TYPES.deprecated,
   stylesPanelSections: [StylesPanelSections.Typography, StylesPanelSections.Background, StylesPanelSections.Borders, StylesPanelSections.Size, StylesPanelSections.MarginsAndPaddings, StylesPanelSections.Position, StylesPanelSections.Effects],
   layout: {
+    ...LAYOUT,
     backgroundColor: "transparent",
-    borderRadius: 8,
-    fontFamily: "system-700",
     borderWidth: 1,
     textAlign: "center"
   },
@@ -39,8 +38,7 @@ export const SEED_DATA = [{
   category: COMPONENT_TYPES.deprecated,
   stylesPanelSections: [StylesPanelSections.Typography, StylesPanelSections.Background, StylesPanelSections.Borders, StylesPanelSections.Size, StylesPanelSections.MarginsAndPaddings, StylesPanelSections.Position, StylesPanelSections.Effects],
   layout: {
-    borderRadius: 8,
-    fontFamily: "system-700",
+    ...LAYOUT,
     backgroundColor: "primary",
     textAlign: "center"
   },
@@ -52,8 +50,7 @@ export const SEED_DATA = [{
   category: COMPONENT_TYPES.button,
   stylesPanelSections: [StylesPanelSections.Typography, StylesPanelSections.Background, StylesPanelSections.Borders, StylesPanelSections.Size, StylesPanelSections.MarginsAndPaddings, StylesPanelSections.Position, StylesPanelSections.Effects],
   layout: {
-    borderRadius: 8,
-    fontFamily: "system-700",
+    ...LAYOUT,
     backgroundColor: "primary",
     textAlign: "center"
   },

package/lib/module/mappings/Touchable.js

@@ -0,0 +1,13 @@
+import { COMPONENT_TYPES, createActionProp, Triggers, StylesPanelSections } from "@draftbit/types";
+export const SEED_DATA = {
+  name: "Touchable",
+  tag: "Touchable",
+  description: "Simple button with no styles",
+  category: COMPONENT_TYPES.button,
+  stylesPanelSections: [StylesPanelSections.Size, StylesPanelSections.Margins, StylesPanelSections.Borders],
+  layout: {},
+  triggers: [Triggers.OnPress],
+  props: {
+    onPress: createActionProp()
+  }
+};

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

@@ -1,5 +1,3 @@
-import { PressableStateCallbackType, StyleProp, ViewStyle } from "react-native";
-export declare type StyleType = (state: PressableStateCallbackType) => StyleProp<ViewStyle>;
 declare const ButtonSolid: any;
 export { ButtonSolid };
 declare const Button: any;

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

@@ -1 +1 @@
-{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../../src/components/Button.tsx"],"names":[],"mappings":"AACA,OAAO,EAIL,0BAA0B,EAG1B,SAAS,EAET,SAAS,EAEV,MAAM,cAAc,CAAC;AA+CtB,oBAAY,SAAS,GAAG,CACtB,KAAK,EAAE,0BAA0B,KAC9B,SAAS,CAAC,SAAS,CAAC,CAAC;AA+G1B,QAAA,MAAM,WAAW,EAAE,GAAsB,CAAC;AAC1C,OAAO,EAAE,WAAW,EAAE,CAAC;AAEvB,QAAA,MAAM,MAAM,EAAE,GAAsB,CAAC;AACrC,OAAO,EAAE,MAAM,EAAE,CAAC;AAmBlB,QAAA,MAAM,aAAa,EAAE,GAAwB,CAAC;AAC9C,OAAO,EAAE,aAAa,EAAE,CAAC"}
+{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../../src/components/Button.tsx"],"names":[],"mappings":"AA0IA,QAAA,MAAM,WAAW,EAAE,GAAsB,CAAC;AAC1C,OAAO,EAAE,WAAW,EAAE,CAAC;AAEvB,QAAA,MAAM,MAAM,EAAE,GAAsB,CAAC;AACrC,OAAO,EAAE,MAAM,EAAE,CAAC;AAmBlB,QAAA,MAAM,aAAa,EAAE,GAAwB,CAAC;AAC9C,OAAO,EAAE,aAAa,EAAE,CAAC"}

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

@@ -1,5 +1,5 @@
 import * as React from "react";
-import { StyleProp, ViewStyle, PressableProps } from "react-native";
+import { TouchableHighlightProps, StyleProp, ViewStyle } from "react-native";
 import type { IconSlot } from "../../interfaces/Icon";
 export interface CheckboxProps {
     status?: boolean;
@@ -15,6 +15,6 @@ export interface CheckboxProps {
     size?: number;
     style?: StyleProp<ViewStyle>;
 }
-declare const Checkbox: React.FC<CheckboxProps & PressableProps & IconSlot>;
+declare const Checkbox: React.FC<CheckboxProps & TouchableHighlightProps & IconSlot>;
 export default Checkbox;
 //# sourceMappingURL=Checkbox.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Checkbox.d.ts","sourceRoot":"","sources":["../../../../../src/components/Checkbox/Checkbox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAGL,SAAS,EACT,SAAS,EAET,cAAc,EACf,MAAM,cAAc,CAAC;AAEtB,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAItD,MAAM,WAAW,aAAa;IAC5B,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IACrC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B;AAED,QAAA,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,GAAG,cAAc,GAAG,QAAQ,CAoFjE,CAAC;AAqBF,eAAe,QAAQ,CAAC"}
+{"version":3,"file":"Checkbox.d.ts","sourceRoot":"","sources":["../../../../../src/components/Checkbox/Checkbox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAGL,uBAAuB,EACvB,SAAS,EACT,SAAS,EACV,MAAM,cAAc,CAAC;AAEtB,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAKtD,MAAM,WAAW,aAAa;IAC5B,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IACrC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B;AAED,QAAA,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CACtB,aAAa,GAAG,uBAAuB,GAAG,QAAQ,CAqFnD,CAAC;AAqBF,eAAe,QAAQ,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"DatePicker.d.ts","sourceRoot":"","sources":["../../../../../src/components/DatePicker/DatePicker.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAKL,SAAS,EACT,SAAS,EACT,SAAS,EACT,cAAc,EAKf,MAAM,cAAc,CAAC;AAStB,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,2BAA2B,CAAC;AACvD,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAStD,aAAK,KAAK,GAAG;IACX,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,GAAG,SAAS,CAAC,GAAG;QAAE,MAAM,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IAC/D,KAAK,EAAE,KAAK,CAAC;IAMb,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,YAAY,CAAC,EAAE,CAAC,IAAI,CAAC,EAAE,IAAI,KAAK,IAAI,CAAC;IACrC,YAAY,CAAC,EAAE,IAAI,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,UAAU,CAAC;IACpC,IAAI,CAAC,EAAE,OAAO,GAAG,WAAW,CAAC;IAC7B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,YAAY,CAAC,EAAE,QAAQ,GAAG,OAAO,CAAC;IAClC,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,iBAAiB,CAAC,EAAE,MAAM,CAAC;CAC5B,GAAG,QAAQ,GACV,cAAc,CAAC;;;;AA+fjB,wBAAqC"}
+{"version":3,"file":"DatePicker.d.ts","sourceRoot":"","sources":["../../../../../src/components/DatePicker/DatePicker.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAKL,SAAS,EACT,SAAS,EACT,SAAS,EACT,cAAc,EAKf,MAAM,cAAc,CAAC;AAStB,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,2BAA2B,CAAC;AACvD,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAStD,aAAK,KAAK,GAAG;IACX,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,GAAG,SAAS,CAAC,GAAG;QAAE,MAAM,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IAC/D,KAAK,EAAE,KAAK,CAAC;IAMb,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,YAAY,CAAC,EAAE,CAAC,IAAI,CAAC,EAAE,IAAI,KAAK,IAAI,CAAC;IACrC,YAAY,CAAC,EAAE,IAAI,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,UAAU,CAAC;IACpC,IAAI,CAAC,EAAE,OAAO,GAAG,WAAW,CAAC;IAC7B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,YAAY,CAAC,EAAE,QAAQ,GAAG,OAAO,CAAC;IAClC,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,iBAAiB,CAAC,EAAE,MAAM,CAAC;CAC5B,GAAG,QAAQ,GACV,cAAc,CAAC;;;;AAggBjB,wBAAqC"}

package/lib/typescript/src/components/DatePicker/DatePickerComponent.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DatePickerComponent.d.ts","sourceRoot":"","sources":["../../../../../src/components/DatePicker/DatePickerComponent.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,EAAE,wBAAwB,IAAI,KAAK,EAAE,MAAM,2BAA2B,CAAC;AAE9E,QAAA,MAAM,mBAAmB,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,iBAAiB,CAAC,KAAK,CAAC,CA4BjE,CAAC;AAEF,eAAe,mBAAmB,CAAC"}
+{"version":3,"file":"DatePickerComponent.d.ts","sourceRoot":"","sources":["../../../../../src/components/DatePicker/DatePickerComponent.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,wBAAwB,IAAI,KAAK,EAAE,MAAM,2BAA2B,CAAC;AAE9E,QAAA,MAAM,mBAAmB,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,iBAAiB,CAAC,KAAK,CAAC,CAsBjE,CAAC;AAEF,eAAe,mBAAmB,CAAC"}