@draftbit/core 54.0.6 → 54.0.8-6e4257.2

package/package.json

@@ -1,8 +1,9 @@
 {
   "name": "@draftbit/core",
-  "version": "54.0.6",
+  "version": "54.0.8-6e4257.2+6e4257f",
   "description": "Core (non-native) Components",
-  "main": "lib/commonjs/index.js",
+  "main": "./src/index.tsx",
+  "react-native": "./src/index.tsx",
   "types": "lib/typescript/src/index.d.ts",
   "files": [
     "src",
@@ -14,8 +15,7 @@
   "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",
+    "build": "yarn clean && yarn tsc",
     "test": "jest",
     "test:coverage": "jest --coverage"
   },
@@ -42,7 +42,7 @@
   "homepage": "https://github.com/draftbit/react-native-jigsaw#readme",
   "dependencies": {
     "@draftbit/react-theme-provider": "^2.1.1",
-    "@draftbit/theme": "54.0.6",
+    "@draftbit/theme": "^54.0.8-6e4257.2+6e4257f",
     "@emotion/react": "^11.13.5",
     "@emotion/styled": "^11.13.5",
     "@expo/vector-icons": "^15.0.3",
@@ -123,5 +123,5 @@
     ],
     "testEnvironment": "node"
   },
-  "gitHead": "fcbba18cc0dc8f351f84e33c2d96b789378ed6aa"
+  "gitHead": "6e4257f84664265097353e1889a939a833ceb560"
 }

package/src/components/DeckSwiper/DeckSwiperCard.tsx

@@ -12,21 +12,24 @@ import { withTheme } from "@draftbit/theme";
 export interface DeckSwiperCardProps
   extends Omit<ViewProps, "style" | "children"> {
   style?: StyleProp<ViewStyle>;
+  className?: string;
   theme: ReadTheme;
 }
 
 const DeckSwiperCard: React.FC<
   React.PropsWithChildren<DeckSwiperCardProps>
-> = ({ style, children, theme, ...rest }) => (
+> = ({ style, className, children, theme, ...rest }) => (
   <View
     style={[
       styles.card,
-      {
+      !className && {
         backgroundColor: theme.colors.background.base,
         borderColor: theme.colors.border.base,
       },
       style,
     ]}
+    // @ts-ignore
+    className={className}
     {...rest}
   >
     {children}

package/src/components/KeyboardAvoidingView.tsx

@@ -18,6 +18,7 @@ interface KeyboardAvoidingViewProps extends ViewProps {
   androidKeyboardVerticalOffset?: number;
   iosBehavior?: KeyboardAvoidingViewBehavior;
   iosKeyboardVerticalOffset?: number;
+  className?: string;
 }
 
 const KeyboardAvoidingView: React.FC<KeyboardAvoidingViewProps> = ({
@@ -27,6 +28,7 @@ const KeyboardAvoidingView: React.FC<KeyboardAvoidingViewProps> = ({
   androidKeyboardVerticalOffset,
   iosBehavior,
   iosKeyboardVerticalOffset,
+  className,
   ...rest
 }) => {
   let behaviorResult: KeyboardAvoidingViewBehavior;
@@ -53,6 +55,8 @@ const KeyboardAvoidingView: React.FC<KeyboardAvoidingViewProps> = ({
     <KeyboardAvoidingViewComponent
       behavior={behaviorResult ?? undefined}
       keyboardVerticalOffset={keyboardVerticalOffsetResult}
+      // @ts-ignore
+      className={className}
       {...rest}
     />
   );

package/src/components/LoadingIndicator.tsx

@@ -1,5 +1,5 @@
 import * as React from "react";
-import { StyleProp, ViewStyle } from "react-native";
+import { View, StyleProp, ViewStyle } from "react-native";
 import { withTheme } from "@draftbit/theme";
 import type { ReadTheme } from "@draftbit/theme";
 import {
@@ -34,6 +34,7 @@ export enum LoadingIndicatorType {
 
 type Props = {
   style?: StyleProp<ViewStyle>;
+  className?: string;
   color?: string;
   theme: ReadTheme;
   type?: LoadingIndicatorType;
@@ -61,10 +62,19 @@ const LoadingIndicator: React.FC<React.PropsWithChildren<Props>> = ({
   type = LoadingIndicatorType.plane,
   size,
   style,
+  className,
   ...rest
 }) => {
   const SpinnerComponent = SPINNER_COMPONENTS[type];
-  return <SpinnerComponent size={size} color={color} style={style} {...rest} />;
+  return (
+    <View
+      style={style}
+      // @ts-ignore
+      className={className}
+    >
+      <SpinnerComponent size={size} color={color} {...rest} />
+    </View>
+  );
 };
 
 export default withTheme(LoadingIndicator);

package/src/components/LottieAnimation.tsx

@@ -4,6 +4,7 @@ import LottieView, { AnimationObject } from "lottie-react-native";
 
 type Props = {
   style?: StyleProp<ViewStyle>;
+  className?: string;
   resizeMode?: "cover" | "contain" | "center";
   source: string | AnimationObject | { uri: string };
   autoPlay?: boolean;
@@ -15,6 +16,7 @@ const LottieAnimation = forwardRef<LottieView, Props>(
   (
     {
       style,
+      className,
       source,
       autoPlay = true,
       loop = true,
@@ -25,7 +27,12 @@ const LottieAnimation = forwardRef<LottieView, Props>(
     ref
   ) => {
     return (
-      <View style={style} {...rest}>
+      <View
+        style={style}
+        // @ts-ignore
+        className={className}
+        {...rest}
+      >
         <LottieView
           ref={ref}
           source={source}

package/src/components/Markdown.tsx

@@ -1,6 +1,7 @@
 import * as React from "react";
 import {
   Text,
+  View,
   StyleProp,
   ViewStyle,
   TextStyle,
@@ -11,6 +12,7 @@ import { extractStyles } from "../utilities";
 
 type MarkdownProps = {
   style?: StyleProp<ViewStyle & TextStyle>;
+  className?: string;
 };
 
 const childToString = (child?: React.ReactNode): string => {
@@ -32,35 +34,42 @@ const childToString = (child?: React.ReactNode): string => {
 const Markdown: React.FC<React.PropsWithChildren<MarkdownProps>> = ({
   children: childrenProp,
   style,
+  className,
 }) => {
   const children = React.Children.toArray(childrenProp);
   const text = children.map(childToString).join("");
 
   const bodyStyle = StyleSheet.flatten(style);
-  const { textStyles } = extractStyles(bodyStyle);
+  const { viewStyles, textStyles } = extractStyles(bodyStyle);
 
   return (
-    //'body' style applies to all markdown components
-    //@ts-ignore TS does not like the type of this named style for some reason
-    <MarkdownComponent
-      style={{ body: bodyStyle }}
-      rules={{
-        // By default, strong does not work with custom fonts on iOS. This addresses the issue
-        strong: (node) => (
-          <Text
-            key={node.key}
-            style={{
-              ...textStyles,
-              fontWeight: "bold",
-            }}
-          >
-            {node.children[0].content}
-          </Text>
-        ),
-      }}
+    <View
+      style={viewStyles}
+      // @ts-ignore
+      className={className}
     >
-      {text}
-    </MarkdownComponent>
+      {/*//'body' style applies to all markdown components*/}
+      {/*@ts-ignore TS does not like the type of this named style for some reason*/}
+      <MarkdownComponent
+        style={{ body: bodyStyle }}
+        rules={{
+          // By default, strong does not work with custom fonts on iOS. This addresses the issue
+          strong: (node) => (
+            <Text
+              key={node.key}
+              style={{
+                ...textStyles,
+                fontWeight: "bold",
+              }}
+            >
+              {node.children[0].content}
+            </Text>
+          ),
+        }}
+      >
+        {text}
+      </MarkdownComponent>
+    </View>
   );
 };
 

package/src/components/MediaPlayer/AudioPlayer/AudioPlayerWithInterface.tsx

@@ -52,7 +52,7 @@ const AudioPlayerWithInterface = React.forwardRef<
       : newHeadlessAudioPlayerRef;
 
     const {
-      color = theme.colors.text.strong,
+      color,
       fontFamily,
       fontWeight,
       fontSize,
@@ -67,7 +67,7 @@ const AudioPlayerWithInterface = React.forwardRef<
     } = StyleSheet.flatten(style || {});
 
     const textStyles = {
-      color,
+      color: color ?? (className ? undefined : theme.colors.text.strong),
       fontFamily,
       fontWeight,
       fontSize,
@@ -131,7 +131,7 @@ const AudioPlayerWithInterface = React.forwardRef<
           // @ts-ignore
           className={className}
           style={[
-            {
+            !className && {
               backgroundColor: theme.colors.background.base,
               borderColor: theme.colors.border.base,
             },

package/src/components/PinInput/CustomPinInputCell.tsx

@@ -3,7 +3,8 @@ import { StyleProp, ViewStyle, View, LayoutChangeEvent } from "react-native";
 
 interface CustomPinInputCellProps {
   style?: StyleProp<ViewStyle>;
-  onLayout: (event: LayoutChangeEvent) => void;
+  className?: string;
+  onLayout?: (event: LayoutChangeEvent) => void;
 }
 
 /**

package/src/components/PinInput/PinInput.tsx

@@ -35,6 +35,7 @@ interface PinInputProps extends Omit<TextInputProps, "style"> {
   focusedBorderWidth?: number;
   focusedTextColor?: string;
   style?: StyleProp<ViewStyle | TextStyle>;
+  className?: string;
   theme: ReadTheme;
 }
 
@@ -55,6 +56,7 @@ const PinInput = React.forwardRef<NativeTextInput, PinInputProps>(
       focusedTextColor,
       secureTextEntry,
       style,
+      className,
       ...rest
     },
     ref
@@ -132,28 +134,31 @@ const PinInput = React.forwardRef<NativeTextInput, PinInputProps>(
     };
 
     return (
-      <CodeField
-        ref={pinInputRef}
-        {...(clearOnCellFocus ? codeFieldProps : {})}
-        value={value}
-        onChangeText={onChangeText}
-        rootStyle={styles.rootContainer}
-        textInputStyle={[
-          // addresses issue on firefox where the hidden input did not fill the height
-          { height: "100%" },
-          //@ts-ignore Web specific prop. Removes default blue outline that appears on the hidden TextInput
-          Platform.OS === "web" ? { outlineWidth: 0 } : {},
-        ]}
-        InputComponent={TextInput}
-        cellCount={cellCount}
-        renderCell={({ symbol: cellValue, index, isFocused }) => (
-          <React.Fragment key={index}>
-            {renderCell(cellValue, index, isFocused)}
-          </React.Fragment>
-        )}
-        secureTextEntry={secureTextEntry}
-        {...rest}
-      />
+      // @ts-ignore
+      <View className={className}>
+        <CodeField
+          ref={pinInputRef}
+          {...(clearOnCellFocus ? codeFieldProps : {})}
+          value={value}
+          onChangeText={onChangeText}
+          rootStyle={styles.rootContainer}
+          textInputStyle={[
+            // addresses issue on firefox where the hidden input did not fill the height
+            { height: "100%" },
+            //@ts-ignore Web specific prop. Removes default blue outline that appears on the hidden TextInput
+            Platform.OS === "web" ? { outlineWidth: 0 } : {},
+          ]}
+          InputComponent={TextInput}
+          cellCount={cellCount}
+          renderCell={({ symbol: cellValue, index, isFocused }) => (
+            <React.Fragment key={index}>
+              {renderCell(cellValue, index, isFocused)}
+            </React.Fragment>
+          )}
+          secureTextEntry={secureTextEntry}
+          {...rest}
+        />
+      </View>
     );
   }
 );

package/src/components/PinInput/PinInputText.tsx

@@ -8,6 +8,7 @@ interface CustomPinInputTextProps extends TextProps {
   cursorBlinkDuration?: number;
   cursorText?: string;
   isFocused?: boolean;
+  className?: string;
   theme: ReadTheme;
 }
 

package/src/components/Progress/LinearProgress/LinearProgress.tsx

@@ -98,7 +98,7 @@ export const LinearProgress: React.FC<ValueProgressProps> = ({
       style={[
         {
           height: maxThickness,
-          width: "100%",
+          ...(className ? {} : { width: "100%" }),
         },
         style,
       ]}

package/src/components/Swiper/Swiper.tsx

@@ -9,7 +9,9 @@ export interface SwiperRef {
   swipePrev: () => void;
 }
 
-export interface SwiperProps<T> extends Omit<ViewProps, "style" | "children"> {
+export interface SwiperProps<T>
+  extends Omit<ViewProps, "style" | "children" | "className"> {
+  className?: string;
   onSwipe?: (index: number) => void;
   onSwipedNext?: (index: number) => void;
   onSwipedPrevious?: (index: number) => void;
@@ -62,6 +64,7 @@ const Swiper = forwardRef<SwiperRef, SwiperProps<any>>(
       minDistanceForAction,
       minDistanceToCapture,
       style,
+      className,
       hideDots = false,
       ...rest
     }: SwiperProps<any>,
@@ -142,7 +145,12 @@ const Swiper = forwardRef<SwiperRef, SwiperProps<any>>(
     }));
 
     return (
-      <View style={style} {...rest}>
+      <View
+        style={style}
+        // @ts-ignore
+        className={className}
+        {...rest}
+      >
         {/* @ts-ignore */}
         <SwiperComponent
           ref={swiperRef}

package/src/components/Swiper/SwiperItem.tsx

@@ -13,13 +13,20 @@ const styles = StyleSheet.create({
   },
 });
 
-export interface SwiperProps extends Omit<ViewProps, "style" | "children"> {
+export interface SwiperProps
+  extends Omit<ViewProps, "style" | "children" | "className"> {
   children: React.ReactNode;
   style?: StyleProp<ViewStyle>;
+  className?: string;
 }
 
-const SwiperItem = ({ children, style, ...rest }: SwiperProps) => (
-  <View style={[styles.wrapper, style]} {...rest}>
+const SwiperItem = ({ children, style, className, ...rest }: SwiperProps) => (
+  <View
+    style={[styles.wrapper, style]}
+    // @ts-ignore
+    className={className}
+    {...rest}
+  >
     {children}
   </View>
 );

package/src/components/Table/TableRow.tsx

@@ -67,7 +67,7 @@ const TableRow: React.FC<React.PropsWithChildren<Props>> = ({
         className={className}
         style={[
           borderViewStyle,
-          isTableHeader
+          isTableHeader && !className
             ? { backgroundColor: theme.colors.branding.primary }
             : {},
           style,

package/src/components/Timer.tsx

@@ -15,6 +15,7 @@ import {
 
 interface TimerProps extends TextProps {
   style?: StyleProp<TextStyle>;
+  className?: string;
   initialTime?: number;
   updateInterval?: number;
   format?: "ss" | "mm:ss" | "hh:mm:ss" | "ss:ms" | "mm:ss:ms" | "hh:mm:ss:ms";
@@ -34,6 +35,7 @@ const Timer = forwardRef<TimerHandle, TimerProps>(
   (
     {
       style,
+      className,
       initialTime,
       updateInterval = 1000,
       format = "mm:ss",
@@ -136,7 +138,12 @@ const Timer = forwardRef<TimerHandle, TimerProps>(
     };
 
     return (
-      <Text {...rest} style={[styles.defaultTimerStyle, style]}>
+      <Text
+        {...rest}
+        style={[!className && styles.defaultTimerStyle, style]}
+        // @ts-ignore
+        className={className}
+      >
         {formatTime(time)}
       </Text>
     );

package/lib/commonjs/Provider.js

@@ -1 +0,0 @@
-var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var _classCallCheck2=_interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));var _createClass2=_interopRequireDefault(require("@babel/runtime/helpers/createClass"));var _possibleConstructorReturn2=_interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));var _getPrototypeOf2=_interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));var _inherits2=_interopRequireDefault(require("@babel/runtime/helpers/inherits"));var _react=_interopRequireDefault(require("react"));var _PortalHost=_interopRequireDefault(require("./components/Portal/PortalHost"));var _theme=require("@draftbit/theme");var _jsxRuntime=require("react/jsx-runtime");var _jsxFileName="/home/runner/work/react-native-jigsaw/react-native-jigsaw/packages/core/src/Provider.tsx";function _callSuper(t,o,e){return o=(0,_getPrototypeOf2.default)(o),(0,_possibleConstructorReturn2.default)(t,_isNativeReflectConstruct()?Reflect.construct(o,e||[],(0,_getPrototypeOf2.default)(t).constructor):o.apply(t,e));}function _isNativeReflectConstruct(){try{var t=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){}));}catch(t){}return(_isNativeReflectConstruct=function _isNativeReflectConstruct(){return!!t;})();}var Provider=exports.default=function(_React$Component){function Provider(){(0,_classCallCheck2.default)(this,Provider);return _callSuper(this,Provider,arguments);}(0,_inherits2.default)(Provider,_React$Component);return(0,_createClass2.default)(Provider,[{key:"render",value:function render(){return(0,_jsxRuntime.jsx)(_theme.ThemeProvider,{themes:this.props.themes,breakpoints:this.props.breakpoints,initialThemeName:this.props.initialThemeName,children:(0,_jsxRuntime.jsx)(_PortalHost.default,{children:this.props.children})});}}]);}(_react.default.Component);

package/lib/commonjs/components/AccordionGroup.js

@@ -1 +0,0 @@
-var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var _slicedToArray2=_interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));var React=_interopRequireWildcard(require("react"));var _reactNative=require("react-native");var _Text=_interopRequireDefault(require("./Text"));var _theme=require("@draftbit/theme");var _utilities=require("../utilities");var _jsxRuntime=require("react/jsx-runtime");var _this=this,_jsxFileName="/home/runner/work/react-native-jigsaw/react-native-jigsaw/packages/core/src/components/AccordionGroup.tsx";function _getRequireWildcardCache(e){if("function"!=typeof WeakMap)return null;var r=new WeakMap(),t=new WeakMap();return(_getRequireWildcardCache=function _getRequireWildcardCache(e){return e?t:r;})(e);}function _interopRequireWildcard(e,r){if(!r&&e&&e.__esModule)return e;if(null===e||"object"!=typeof e&&"function"!=typeof e)return{default:e};var t=_getRequireWildcardCache(r);if(t&&t.has(e))return t.get(e);var n={__proto__:null},a=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var u in e)if("default"!==u&&{}.hasOwnProperty.call(e,u)){var i=a?Object.getOwnPropertyDescriptor(e,u):null;i&&(i.get||i.set)?Object.defineProperty(n,u,i):n[u]=e[u];}return n.default=e,t&&t.set(e,n),n;}var AccordionGroup=function AccordionGroup(_ref){var label=_ref.label,_ref$expanded=_ref.expanded,expandedProp=_ref$expanded===void 0?false:_ref$expanded,openColor=_ref.openColor,closedColor=_ref.closedColor,caretColorProp=_ref.caretColor,_ref$caretSize=_ref.caretSize,caretSize=_ref$caretSize===void 0?24:_ref$caretSize,icon=_ref.icon,_ref$iconSize=_ref.iconSize,iconSize=_ref$iconSize===void 0?24:_ref$iconSize,style=_ref.style,children=_ref.children,theme=_ref.theme,Icon=_ref.Icon;var _React$useState=React.useState(expandedProp),_React$useState2=(0,_slicedToArray2.default)(_React$useState,2),expanded=_React$useState2[0],setExpanded=_React$useState2[1];var _extractStyles=(0,_utilities.extractStyles)(style),textStyles=_extractStyles.textStyles,viewStyles=_extractStyles.viewStyles;var expandedColor=openColor||theme.colors.branding.primary;var collapsedColor=closedColor||theme.colors.branding.primary;var labelColor=expanded?expandedColor:collapsedColor;var caretColor=caretColorProp||labelColor;React.useEffect(function(){if(expandedProp!==expanded){setExpanded(expandedProp);}},[expandedProp]);var handlePressAction=function handlePressAction(){setExpanded(!expanded);};return(0,_jsxRuntime.jsxs)(_jsxRuntime.Fragment,{children:[(0,_jsxRuntime.jsxs)(_reactNative.Pressable,{style:[styles.row,viewStyles],onPress:handlePressAction,accessibilityRole:"button",children:[icon?(0,_jsxRuntime.jsx)(Icon,{name:icon,size:iconSize,color:labelColor,style:styles.icon}):null,(0,_jsxRuntime.jsx)(_reactNative.View,{style:styles.content,children:(0,_jsxRuntime.jsx)(_Text.default,{selectable:false,style:[textStyles,{color:labelColor}],children:label})}),(0,_jsxRuntime.jsx)(Icon,{name:expanded?"MaterialIcons/keyboard-arrow-up":"MaterialIcons/keyboard-arrow-down",color:caretColor,size:caretSize})]}),expanded?children:null]});};var styles=_reactNative.StyleSheet.create({row:{flexDirection:"row",alignItems:"center"},content:{flex:1,justifyContent:"center"},icon:{marginRight:8}});var _default=exports.default=(0,_theme.withTheme)(AccordionGroup);

package/lib/commonjs/components/ActionSheet/ActionSheet.js

@@ -1 +0,0 @@
-var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var _react=_interopRequireDefault(require("react"));var _reactNative=require("react-native");var _Portal=_interopRequireDefault(require("../Portal/Portal"));var _Touchable=_interopRequireDefault(require("../Touchable"));var _ActionSheetCancel=_interopRequireDefault(require("./ActionSheetCancel"));var _jsxRuntime=require("react/jsx-runtime");var _this=this,_jsxFileName="/home/runner/work/react-native-jigsaw/react-native-jigsaw/packages/core/src/components/ActionSheet/ActionSheet.tsx";var ActionSheet=function ActionSheet(_ref){var _ref$visible=_ref.visible,visible=_ref$visible===void 0?false:_ref$visible,onClose=_ref.onClose,children=_ref.children;return visible?(0,_jsxRuntime.jsx)(_Portal.default,{children:(0,_jsxRuntime.jsxs)(_Touchable.default,{style:styles.wrapper,onPress:onClose,children:[(0,_jsxRuntime.jsx)(_reactNative.View,{style:styles.overlay}),(0,_jsxRuntime.jsxs)(_reactNative.View,{style:styles.groupWrapper,children:[(0,_jsxRuntime.jsx)(_reactNative.View,{style:styles.group,children:_react.default.Children.toArray(children).filter(function(child){return(child==null?void 0:child.type)!==_ActionSheetCancel.default;})}),(0,_jsxRuntime.jsx)(_reactNative.View,{style:styles.group,children:_react.default.Children.toArray(children).filter(function(child){return child.type===_ActionSheetCancel.default;})})]})]})}):(0,_jsxRuntime.jsx)(_jsxRuntime.Fragment,{});};var styles=_reactNative.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"}});var _default=exports.default=ActionSheet;

package/lib/commonjs/components/ActionSheet/ActionSheetCancel.js

@@ -1 +0,0 @@
-var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var _react=_interopRequireDefault(require("react"));var _ActionSheetItem=_interopRequireDefault(require("./ActionSheetItem"));var _jsxRuntime=require("react/jsx-runtime");var _this=this,_jsxFileName="/home/runner/work/react-native-jigsaw/react-native-jigsaw/packages/core/src/components/ActionSheet/ActionSheetCancel.tsx";var ActionSheetCancel=function ActionSheetCancel(_ref){var _ref$label=_ref.label,label=_ref$label===void 0?"Cancel":_ref$label,color=_ref.color,style=_ref.style,onPress=_ref.onPress;return(0,_jsxRuntime.jsx)(_ActionSheetItem.default,{label:label,color:color||"#FF453A",style:style,onPress:onPress});};var _default=exports.default=ActionSheetCancel;

package/lib/commonjs/components/ActionSheet/ActionSheetItem.js

@@ -1 +0,0 @@
-var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var _react=_interopRequireDefault(require("react"));var _reactNative=require("react-native");var _utilities=require("../../utilities");var _jsxRuntime=require("react/jsx-runtime");var _this=this,_jsxFileName="/home/runner/work/react-native-jigsaw/react-native-jigsaw/packages/core/src/components/ActionSheet/ActionSheetItem.tsx";var ActionSheetItem=function ActionSheetItem(_ref){var label=_ref.label,style=_ref.style,color=_ref.color,onPress=_ref.onPress,_ref$activeOpacity=_ref.activeOpacity,activeOpacity=_ref$activeOpacity===void 0?0.7:_ref$activeOpacity;var _extractStyles=(0,_utilities.extractStyles)(style),textStyles=_extractStyles.textStyles,viewStyles=_extractStyles.viewStyles;return(0,_jsxRuntime.jsx)(_reactNative.TouchableOpacity,{activeOpacity:activeOpacity,style:[styles.wrapper,viewStyles],onPress:onPress,children:(0,_jsxRuntime.jsx)(_reactNative.Text,{style:[styles.label,textStyles,{color:color}],children:label})});};var styles=_reactNative.StyleSheet.create({wrapper:{borderBottomWidth:_reactNative.StyleSheet.hairlineWidth,borderBottomColor:"#CCCCCC",backgroundColor:"#F1F1F1",minHeight:50,overflow:"hidden",display:"flex",justifyContent:"center"},label:{fontSize:16,textAlign:"center",color:"#0A84FF",fontWeight:"500",overflow:"hidden",paddingHorizontal:20,paddingVertical:10,alignSelf:"center"}});var _default=exports.default=ActionSheetItem;

package/lib/commonjs/components/ActionSheet/index.js

@@ -1 +0,0 @@
-var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});Object.defineProperty(exports,"ActionSheet",{enumerable:true,get:function get(){return _ActionSheet.default;}});Object.defineProperty(exports,"ActionSheetCancel",{enumerable:true,get:function get(){return _ActionSheetCancel.default;}});Object.defineProperty(exports,"ActionSheetItem",{enumerable:true,get:function get(){return _ActionSheetItem.default;}});var _ActionSheet=_interopRequireDefault(require("./ActionSheet"));var _ActionSheetItem=_interopRequireDefault(require("./ActionSheetItem"));var _ActionSheetCancel=_interopRequireDefault(require("./ActionSheetCancel"));

package/lib/commonjs/components/AspectRatio.js

@@ -1 +0,0 @@
-var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var _objectWithoutProperties2=_interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));var _slicedToArray2=_interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));var _react=_interopRequireDefault(require("react"));var _reactNative=require("react-native");var _jsxRuntime=require("react/jsx-runtime");var _excluded=["aspectRatio"];var _this=this,_jsxFileName="/home/runner/work/react-native-jigsaw/react-native-jigsaw/packages/core/src/components/AspectRatio.tsx";var AspectRatio=function AspectRatio(props){var _React$useState=_react.default.useState(null),_React$useState2=(0,_slicedToArray2.default)(_React$useState,2),layout=_React$useState2[0],setLayout=_React$useState2[1];var _ref=_reactNative.StyleSheet.flatten(props.style)||{},_ref$aspectRatio=_ref.aspectRatio,aspectRatio=_ref$aspectRatio===void 0?1:_ref$aspectRatio,inputStyle=(0,_objectWithoutProperties2.default)(_ref,_excluded);var style=[inputStyle,{aspectRatio:aspectRatio}];if(layout){var _layout$width=layout.width,width=_layout$width===void 0?0:_layout$width,_layout$height=layout.height,height=_layout$height===void 0?0:_layout$height;if(width===0){style.push({width:height*(1/+aspectRatio),height:height});}else{style.push({width:width,height:width*(1/+aspectRatio)});}}return(0,_jsxRuntime.jsx)(_reactNative.View,Object.assign({},props,{style:style,onLayout:function onLayout(_ref2){var l=_ref2.nativeEvent.layout;return setLayout(l);},children:props.children}));};var _default=exports.default=AspectRatio;

package/lib/commonjs/components/BottomSheet/BottomSheet.js

@@ -1 +0,0 @@
-var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var _toConsumableArray2=_interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));var _objectWithoutProperties2=_interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));var _react=_interopRequireDefault(require("react"));var _reactNative=require("react-native");var _bottomSheet=_interopRequireWildcard(require("@gorhom/bottom-sheet"));var _theme=require("@draftbit/theme");var _utilities=require("../../utilities");var _jsxRuntime=require("react/jsx-runtime");var _excluded=["snapPoints","topSnapPosition","middleSnapPosition","bottomSnapPosition","initialSnapIndex","initialSnapPosition","showHandle","handleColor","topBorderRadius","borderWidth","borderColor","enableDynamicSizing","onSettle","style","children"];var _this=this,_jsxFileName="/home/runner/work/react-native-jigsaw/react-native-jigsaw/packages/core/src/components/BottomSheet/BottomSheet.tsx";function _getRequireWildcardCache(e){if("function"!=typeof WeakMap)return null;var r=new WeakMap(),t=new WeakMap();return(_getRequireWildcardCache=function _getRequireWildcardCache(e){return e?t:r;})(e);}function _interopRequireWildcard(e,r){if(!r&&e&&e.__esModule)return e;if(null===e||"object"!=typeof e&&"function"!=typeof e)return{default:e};var t=_getRequireWildcardCache(r);if(t&&t.has(e))return t.get(e);var n={__proto__:null},a=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var u in e)if("default"!==u&&{}.hasOwnProperty.call(e,u)){var i=a?Object.getOwnPropertyDescriptor(e,u):null;i&&(i.get||i.set)?Object.defineProperty(n,u,i):n[u]=e[u];}return n.default=e,t&&t.set(e,n),n;}var windowHeight=_reactNative.Dimensions.get("window").height;var BottomSheet=_react.default.forwardRef(function(_ref,ref){var snapPointsProp=_ref.snapPoints,_ref$topSnapPosition=_ref.topSnapPosition,topSnapPosition=_ref$topSnapPosition===void 0?"10%":_ref$topSnapPosition,_ref$middleSnapPositi=_ref.middleSnapPosition,middleSnapPosition=_ref$middleSnapPositi===void 0?"50%":_ref$middleSnapPositi,_ref$bottomSnapPositi=_ref.bottomSnapPosition,bottomSnapPosition=_ref$bottomSnapPositi===void 0?"80%":_ref$bottomSnapPositi,initialSnapIndex=_ref.initialSnapIndex,_ref$initialSnapPosit=_ref.initialSnapPosition,initialSnapPosition=_ref$initialSnapPosit===void 0?"bottom":_ref$initialSnapPosit,_ref$showHandle=_ref.showHandle,showHandle=_ref$showHandle===void 0?true:_ref$showHandle,handleColor=_ref.handleColor,_ref$topBorderRadius=_ref.topBorderRadius,topBorderRadius=_ref$topBorderRadius===void 0?20:_ref$topBorderRadius,_ref$borderWidth=_ref.borderWidth,borderWidth=_ref$borderWidth===void 0?1:_ref$borderWidth,borderColor=_ref.borderColor,_ref$enableDynamicSiz=_ref.enableDynamicSizing,enableDynamicSizing=_ref$enableDynamicSiz===void 0?true:_ref$enableDynamicSiz,onSettle=_ref.onSettle,style=_ref.style,children=_ref.children,rest=(0,_objectWithoutProperties2.default)(_ref,_excluded);var theme=(0,_theme.useTheme)();var backgroundColor=(style==null?void 0:style.backgroundColor)||theme.colors.background.base;var snapPoints=snapPointsProp!=null?snapPointsProp:[topSnapPosition,middleSnapPosition,bottomSnapPosition];var mappedSnapPoints=(0,_utilities.useDeepCompareMemo)(function(){return convertSnapPointsForNewImplementation(snapPoints);},snapPoints);var getSnapIndexFromPosition=function getSnapIndexFromPosition(position){switch(position){case"bottom":return 0;case"middle":return 1;case"top":return 2;}};return(0,_jsxRuntime.jsx)(_bottomSheet.default,{ref:ref,enableDynamicSizing:enableDynamicSizing,snapPoints:mappedSnapPoints,index:initialSnapIndex!==undefined?mappedSnapPoints.length-initialSnapIndex-1:getSnapIndexFromPosition(initialSnapPosition),handleIndicatorStyle:[{backgroundColor:handleColor!=null?handleColor:theme.colors.border.base},!showHandle?{display:"none"}:{}],backgroundStyle:{backgroundColor:backgroundColor,borderTopLeftRadius:topBorderRadius,borderTopRightRadius:topBorderRadius,borderWidth:borderWidth,borderColor:borderColor!=null?borderColor:theme.colors.border.base},onChange:function onChange(index){return(enableDynamicSizing?onSettle==null?void 0:onSettle(mappedSnapPoints.length-index):onSettle==null?void 0:onSettle(mappedSnapPoints.length-index-1));},children:(0,_jsxRuntime.jsx)(_bottomSheet.BottomSheetScrollView,Object.assign({contentContainerStyle:[styles.contentContainerStyle,style]},rest,{children:children}))});});function convertSnapPointsForNewImplementation(snapPoints){var reversedSnapPoints=(0,_toConsumableArray2.default)(snapPoints).reverse();return reversedSnapPoints.map(function(point){if(typeof point==="string"){var percentNumber=(0,_utilities.extractPercentNumber)(point);if(percentNumber!==undefined){return`${100-percentNumber}%`;}return point;}else if(typeof point==="number"){return windowHeight-point;}else{return point;}});}var styles=_reactNative.StyleSheet.create({contentContainerStyle:{paddingHorizontal:16,paddingVertical:10}});var _default=exports.default=BottomSheet;

package/lib/commonjs/components/BottomSheet/index.js

@@ -1 +0,0 @@
-var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});Object.defineProperty(exports,"BottomSheet",{enumerable:true,get:function get(){return _BottomSheet.default;}});var _BottomSheet=_interopRequireDefault(require("./BottomSheet"));

package/lib/commonjs/components/Button.js

@@ -1 +0,0 @@
-var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.ButtonSolid=exports.ButtonOutline=exports.Button=void 0;var _objectWithoutProperties2=_interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));var React=_interopRequireWildcard(require("react"));var _reactNative=require("react-native");var _theme=require("@draftbit/theme");var _jsxRuntime=require("react/jsx-runtime");var _jsxFileName="/home/runner/work/react-native-jigsaw/react-native-jigsaw/packages/core/src/components/Button.tsx",_this=this;var _excluded=["Icon","icon","iconPosition","iconSize","title","loading","disabled","style","activeOpacity","disabledOpacity"],_excluded2=["color","fontFamily","fontWeight","fontSize","lineHeight","letterSpacing","textTransform","textAlign","textDecorationLine","textDecorationColor","textDecorationStyle"],_excluded3=["style","theme"],_excluded4=["style","theme"];function _getRequireWildcardCache(e){if("function"!=typeof WeakMap)return null;var r=new WeakMap(),t=new WeakMap();return(_getRequireWildcardCache=function _getRequireWildcardCache(e){return e?t:r;})(e);}function _interopRequireWildcard(e,r){if(!r&&e&&e.__esModule)return e;if(null===e||"object"!=typeof e&&"function"!=typeof e)return{default:e};var t=_getRequireWildcardCache(r);if(t&&t.has(e))return t.get(e);var n={__proto__:null},a=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var u in e)if("default"!==u&&{}.hasOwnProperty.call(e,u)){var i=a?Object.getOwnPropertyDescriptor(e,u):null;i&&(i.get||i.set)?Object.defineProperty(n,u,i):n[u]=e[u];}return n.default=e,t&&t.set(e,n),n;}var CONSTANTS={baseHeight:42,borderRadius:4,padding:8,icon:24};function Base(_ref){var Icon=_ref.Icon,icon=_ref.icon,_ref$iconPosition=_ref.iconPosition,iconPosition=_ref$iconPosition===void 0?"left":_ref$iconPosition,_ref$iconSize=_ref.iconSize,iconSize=_ref$iconSize===void 0?CONSTANTS.icon:_ref$iconSize,title=_ref.title,loading=_ref.loading,disabled=_ref.disabled,style=_ref.style,_ref$activeOpacity=_ref.activeOpacity,activeOpacity=_ref$activeOpacity===void 0?0.8:_ref$activeOpacity,_ref$disabledOpacity=_ref.disabledOpacity,disabledOpacity=_ref$disabledOpacity===void 0?0.8:_ref$disabledOpacity,props=(0,_objectWithoutProperties2.default)(_ref,_excluded);var _StyleSheet$flatten=_reactNative.StyleSheet.flatten(style||{}),color=_StyleSheet$flatten.color,fontFamily=_StyleSheet$flatten.fontFamily,fontWeight=_StyleSheet$flatten.fontWeight,fontSize=_StyleSheet$flatten.fontSize,lineHeight=_StyleSheet$flatten.lineHeight,letterSpacing=_StyleSheet$flatten.letterSpacing,textTransform=_StyleSheet$flatten.textTransform,textAlign=_StyleSheet$flatten.textAlign,textDecorationLine=_StyleSheet$flatten.textDecorationLine,textDecorationColor=_StyleSheet$flatten.textDecorationColor,textDecorationStyle=_StyleSheet$flatten.textDecorationStyle,buttonStyles=(0,_objectWithoutProperties2.default)(_StyleSheet$flatten,_excluded2);var titleStyles={color:color,fontFamily:fontFamily,fontWeight:fontWeight,fontSize:fontSize,lineHeight:lineHeight,letterSpacing:letterSpacing,textTransform:textTransform,textAlign:textAlign,textDecorationLine:textDecorationLine,textDecorationColor:textDecorationColor,textDecorationStyle:textDecorationStyle};if(textAlign==="left"){buttonStyles.justifyContent="flex-start";}if(textAlign==="right"){buttonStyles.justifyContent="flex-end";}return(0,_jsxRuntime.jsxs)(_reactNative.Pressable,Object.assign({disabled:disabled||loading,style:function style(_ref2){var pressed=_ref2.pressed;return[styles.base,{opacity:pressed?activeOpacity:disabled?disabledOpacity:1},buttonStyles];}},props,{children:[loading?(0,_jsxRuntime.jsx)(_reactNative.ActivityIndicator,{size:"small",color:color,style:styles.loading}):null,iconPosition==="left"&&icon&&!loading?(0,_jsxRuntime.jsx)(Icon,{name:icon,color:color,style:styles.icon,size:iconSize}):null,(0,_jsxRuntime.jsx)(_reactNative.Text,{style:titleStyles,children:title}),iconPosition==="right"&&icon&&!loading?(0,_jsxRuntime.jsx)(Icon,{name:icon,color:color,style:styles.icon,size:iconSize}):null]}));}var Solid=function Solid(_ref3){var style=_ref3.style,theme=_ref3.theme,props=(0,_objectWithoutProperties2.default)(_ref3,_excluded3);return(0,_jsxRuntime.jsx)(Base,Object.assign({style:[{color:"#FFF",borderRadius:8,backgroundColor:theme.colors.branding.primary},style]},props));};var ButtonSolid=exports.ButtonSolid=(0,_theme.withTheme)(Solid);var Button=exports.Button=(0,_theme.withTheme)(Solid);var Outline=function Outline(_ref4){var style=_ref4.style,theme=_ref4.theme,props=(0,_objectWithoutProperties2.default)(_ref4,_excluded4);return(0,_jsxRuntime.jsx)(Base,Object.assign({style:[styles.outline,{borderRadius:8,borderColor:theme.colors.branding.primary,color:theme.colors.branding.primary},style]},props));};var ButtonOutline=exports.ButtonOutline=(0,_theme.withTheme)(Outline);var styles=_reactNative.StyleSheet.create({base:Object.assign({position:"relative",flexDirection:"row",alignItems:"center",justifyContent:"center",minHeight:CONSTANTS.baseHeight,paddingHorizontal:12,fontFamily:"System",fontWeight:"700"},_reactNative.Platform.select({web:{cursor:"pointer",userSelect:"none"}})),outline:{backgroundColor:"transparent",borderWidth:1},loading:{marginRight:6},icon:Object.assign({},_reactNative.Platform.select({web:{marginTop:1,marginRight:4,alignSelf:"center"},default:{marginBottom:2,marginRight:4,alignSelf:"center"}}))});

package/lib/commonjs/components/Checkbox/Checkbox.js

@@ -1 +0,0 @@
-var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var _slicedToArray2=_interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));var _objectWithoutProperties2=_interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));var React=_interopRequireWildcard(require("react"));var _reactNative=require("react-native");var _theme=require("@draftbit/theme");var _hooks=require("../../hooks");var _jsxRuntime=require("react/jsx-runtime");var _excluded=["Icon","status","disabled","onPress","onCheck","onUncheck","color","uncheckedColor","defaultValue","checkedIcon","uncheckedIcon","size","style"];var _this=this,_jsxFileName="/home/runner/work/react-native-jigsaw/react-native-jigsaw/packages/core/src/components/Checkbox/Checkbox.tsx";function _getRequireWildcardCache(e){if("function"!=typeof WeakMap)return null;var r=new WeakMap(),t=new WeakMap();return(_getRequireWildcardCache=function _getRequireWildcardCache(e){return e?t:r;})(e);}function _interopRequireWildcard(e,r){if(!r&&e&&e.__esModule)return e;if(null===e||"object"!=typeof e&&"function"!=typeof e)return{default:e};var t=_getRequireWildcardCache(r);if(t&&t.has(e))return t.get(e);var n={__proto__:null},a=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var u in e)if("default"!==u&&{}.hasOwnProperty.call(e,u)){var i=a?Object.getOwnPropertyDescriptor(e,u):null;i&&(i.get||i.set)?Object.defineProperty(n,u,i):n[u]=e[u];}return n.default=e,t&&t.set(e,n),n;}var Checkbox=function Checkbox(_ref){var Icon=_ref.Icon,status=_ref.status,_ref$disabled=_ref.disabled,disabled=_ref$disabled===void 0?false:_ref$disabled,onPress=_ref.onPress,onCheck=_ref.onCheck,onUncheck=_ref.onUncheck,color=_ref.color,uncheckedColor=_ref.uncheckedColor,defaultValue=_ref.defaultValue,_ref$checkedIcon=_ref.checkedIcon,checkedIcon=_ref$checkedIcon===void 0?"MaterialCommunityIcons/checkbox-marked":_ref$checkedIcon,_ref$uncheckedIcon=_ref.uncheckedIcon,uncheckedIcon=_ref$uncheckedIcon===void 0?"MaterialCommunityIcons/checkbox-blank-outline":_ref$uncheckedIcon,_ref$size=_ref.size,size=_ref$size===void 0?24:_ref$size,style=_ref.style,rest=(0,_objectWithoutProperties2.default)(_ref,_excluded);var _React$useState=React.useState(status||defaultValue||false),_React$useState2=(0,_slicedToArray2.default)(_React$useState,2),internalValue=_React$useState2[0],setInternalValue=_React$useState2[1];React.useEffect(function(){if(status!=null){setInternalValue(status);}},[status]);var previousDefaultValue=(0,_hooks.usePrevious)(defaultValue);React.useEffect(function(){if(defaultValue!==previousDefaultValue){setInternalValue(Boolean(defaultValue));}},[defaultValue,previousDefaultValue]);var _useTheme=(0,_theme.useTheme)(),colors=_useTheme.colors;var checkboxColor=internalValue?color||colors.branding.primary:uncheckedColor||colors.branding.primary;var handlePress=function handlePress(){var newValue=!internalValue;setInternalValue(newValue);onPress==null||onPress(newValue);if(newValue){onCheck==null||onCheck();}if(!newValue){onUncheck==null||onUncheck();}};return(0,_jsxRuntime.jsxs)(_reactNative.Pressable,Object.assign({},rest,{onPress:handlePress,disabled:disabled,accessibilityState:{disabled:disabled},accessibilityRole:"button",accessibilityLiveRegion:"polite",style:[styles.container,style,{width:size,height:size}],children:[(0,_jsxRuntime.jsx)(Icon,{style:styles.icon,name:internalValue?checkedIcon:uncheckedIcon,size:size,color:checkboxColor}),(0,_jsxRuntime.jsx)(_reactNative.View,{style:[_reactNative.StyleSheet.absoluteFill,styles.fillContainer],children:(0,_jsxRuntime.jsx)(_reactNative.View,{style:[styles.fill,{opacity:disabled?0.5:1},{borderColor:checkboxColor}]})})]}));};var styles=_reactNative.StyleSheet.create({container:{borderRadius:18},fillContainer:{alignItems:"center",justifyContent:"center"},icon:{alignSelf:"center"},fill:{borderRadius:5,width:30,height:30,alignSelf:"center"}});var _default=exports.default=Checkbox;

package/lib/commonjs/components/Checkbox/CheckboxGroupRow.js

@@ -1 +0,0 @@
-var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.default=exports.Direction=void 0;var _objectWithoutProperties2=_interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));var React=_interopRequireWildcard(require("react"));var _reactNative=require("react-native");var _Checkbox=_interopRequireDefault(require("./Checkbox"));var _Text=_interopRequireDefault(require("../Text"));var _context=require("./context");var _utilities=require("../../utilities");var _jsxRuntime=require("react/jsx-runtime");var _excluded=["Icon","label","status","value","onPress","labelContainerStyle","labelStyle","checkboxStyle","direction","disabled","style","color","uncheckedColor"];var _this=this,_jsxFileName="/home/runner/work/react-native-jigsaw/react-native-jigsaw/packages/core/src/components/Checkbox/CheckboxGroupRow.tsx";function _getRequireWildcardCache(e){if("function"!=typeof WeakMap)return null;var r=new WeakMap(),t=new WeakMap();return(_getRequireWildcardCache=function _getRequireWildcardCache(e){return e?t:r;})(e);}function _interopRequireWildcard(e,r){if(!r&&e&&e.__esModule)return e;if(null===e||"object"!=typeof e&&"function"!=typeof e)return{default:e};var t=_getRequireWildcardCache(r);if(t&&t.has(e))return t.get(e);var n={__proto__:null},a=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var u in e)if("default"!==u&&{}.hasOwnProperty.call(e,u)){var i=a?Object.getOwnPropertyDescriptor(e,u):null;i&&(i.get||i.set)?Object.defineProperty(n,u,i):n[u]=e[u];}return n.default=e,t&&t.set(e,n),n;}var Direction=exports.Direction=function(Direction){Direction["Row"]="row";Direction["RowReverse"]="row-reverse";return Direction;}({});var getCheckboxAlignment=function getCheckboxAlignment(parentDirection,direction){if(parentDirection===_context.Direction.Horizontal){return direction===Direction.Row?"flex-start":"flex-end";}else if(direction===Direction.RowReverse){return"flex-start";}else{return"flex-end";}};var renderLabel=function renderLabel(value,labelStyle,textStyle){if(typeof value==="string"){return(0,_jsxRuntime.jsx)(_Text.default,{style:[labelStyle,textStyle],children:value});}else{return(0,_jsxRuntime.jsx)(_jsxRuntime.Fragment,{children:value});}};var CheckboxGroupRow=function CheckboxGroupRow(_ref){var Icon=_ref.Icon,_ref$label=_ref.label,label=_ref$label===void 0?"Label":_ref$label,status=_ref.status,value=_ref.value,onPress=_ref.onPress,labelContainerStyle=_ref.labelContainerStyle,labelStyle=_ref.labelStyle,checkboxStyle=_ref.checkboxStyle,_ref$direction=_ref.direction,direction=_ref$direction===void 0?Direction.Row:_ref$direction,disabled=_ref.disabled,style=_ref.style,color=_ref.color,uncheckedColor=_ref.uncheckedColor,rest=(0,_objectWithoutProperties2.default)(_ref,_excluded);var _useCheckboxGroupCont=(0,_context.useCheckboxGroupContext)(),selectedValues=_useCheckboxGroupCont.values,onValueChange=_useCheckboxGroupCont.onValueChange,parentDirection=_useCheckboxGroupCont.direction;var values=Array.isArray(selectedValues)?selectedValues:[];var isChecked=status||values.includes(value);var handlePress=function handlePress(){if(!disabled){onPress==null||onPress(!isChecked);onValueChange==null||onValueChange(value,!isChecked);}};var _extractStyles=(0,_utilities.extractStyles)(style),textStyles=_extractStyles.textStyles,viewStyles=_extractStyles.viewStyles;return(0,_jsxRuntime.jsxs)(_reactNative.Pressable,Object.assign({onPress:handlePress,style:[styles.mainParent,{flexDirection:direction},viewStyles],disabled:disabled},rest,{children:[(0,_jsxRuntime.jsx)(_reactNative.View,{style:[styles.label,{alignItems:direction===Direction.Row?"flex-start":"flex-end"},labelContainerStyle],children:renderLabel(label,labelStyle,textStyles)}),(0,_jsxRuntime.jsx)(_reactNative.View,{style:{flex:1,alignItems:getCheckboxAlignment(parentDirection,direction)},children:(0,_jsxRuntime.jsx)(_Checkbox.default,{Icon:Icon,status:isChecked,onPress:handlePress,style:checkboxStyle,disabled:disabled,color:color,uncheckedColor:uncheckedColor})})]}));};var styles=_reactNative.StyleSheet.create({mainParent:Object.assign({alignItems:"center",justifyContent:"space-around",paddingStart:20,minHeight:50,paddingEnd:20,display:"flex"},_reactNative.Platform.select({web:{cursor:"pointer",userSelect:"none"}})),label:{flex:3}});var _default=exports.default=CheckboxGroupRow;

package/lib/commonjs/components/Checkbox/CheckboxRow.js

@@ -1 +0,0 @@
-var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.default=exports.Direction=void 0;var _slicedToArray2=_interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));var _objectWithoutProperties2=_interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));var React=_interopRequireWildcard(require("react"));var _reactNative=require("react-native");var _lodash=require("lodash");var _utilities=require("../../utilities");var _hooks=require("../../hooks");var _Text=_interopRequireDefault(require("../Text"));var _Checkbox=_interopRequireDefault(require("./Checkbox"));var _theme=require("@draftbit/theme");var _jsxRuntime=require("react/jsx-runtime");var _excluded=["label","labelStyle","labelContainerStyle","checkboxStyle","direction","Icon","status","disabled","onPress","onCheck","onUncheck","color","uncheckedColor","defaultValue","checkedIcon","uncheckedIcon","size","style","theme"];var _this=this,_jsxFileName="/home/runner/work/react-native-jigsaw/react-native-jigsaw/packages/core/src/components/Checkbox/CheckboxRow.tsx";function _getRequireWildcardCache(e){if("function"!=typeof WeakMap)return null;var r=new WeakMap(),t=new WeakMap();return(_getRequireWildcardCache=function _getRequireWildcardCache(e){return e?t:r;})(e);}function _interopRequireWildcard(e,r){if(!r&&e&&e.__esModule)return e;if(null===e||"object"!=typeof e&&"function"!=typeof e)return{default:e};var t=_getRequireWildcardCache(r);if(t&&t.has(e))return t.get(e);var n={__proto__:null},a=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var u in e)if("default"!==u&&{}.hasOwnProperty.call(e,u)){var i=a?Object.getOwnPropertyDescriptor(e,u):null;i&&(i.get||i.set)?Object.defineProperty(n,u,i):n[u]=e[u];}return n.default=e,t&&t.set(e,n),n;}var Direction=exports.Direction=function(Direction){Direction["Row"]="row";Direction["RowReverse"]="row-reverse";return Direction;}({});var renderLabel=function renderLabel(value,labelStyle,textStyle){if((0,_lodash.isString)(value)){return(0,_jsxRuntime.jsx)(_Text.default,{style:[textStyle,labelStyle],children:value});}else{return(0,_jsxRuntime.jsx)(_jsxRuntime.Fragment,{children:value});}};var CheckboxRow=function CheckboxRow(_ref){var _ref$label=_ref.label,label=_ref$label===void 0?"Label":_ref$label,labelStyle=_ref.labelStyle,labelContainerStyle=_ref.labelContainerStyle,checkboxStyle=_ref.checkboxStyle,_ref$direction=_ref.direction,direction=_ref$direction===void 0?Direction.Row:_ref$direction,Icon=_ref.Icon,status=_ref.status,_ref$disabled=_ref.disabled,disabled=_ref$disabled===void 0?false:_ref$disabled,onPress=_ref.onPress,onCheck=_ref.onCheck,onUncheck=_ref.onUncheck,color=_ref.color,uncheckedColor=_ref.uncheckedColor,defaultValue=_ref.defaultValue,checkedIcon=_ref.checkedIcon,uncheckedIcon=_ref.uncheckedIcon,size=_ref.size,style=_ref.style,theme=_ref.theme,rest=(0,_objectWithoutProperties2.default)(_ref,_excluded);var _React$useState=React.useState(status||defaultValue||false),_React$useState2=(0,_slicedToArray2.default)(_React$useState,2),internalValue=_React$useState2[0],setInternalValue=_React$useState2[1];React.useEffect(function(){if(status!=null){setInternalValue(status);}},[status]);var previousDefaultValue=(0,_hooks.usePrevious)(defaultValue);React.useEffect(function(){if(defaultValue!==previousDefaultValue){setInternalValue(Boolean(defaultValue));}},[defaultValue,previousDefaultValue]);var handlePress=function handlePress(){var newValue=!internalValue;setInternalValue(newValue);onPress==null||onPress(newValue);if(newValue){onCheck==null||onCheck();}if(!newValue){onUncheck==null||onUncheck();}};var _extractStyles=(0,_utilities.extractStyles)(style),textStyles=_extractStyles.textStyles,viewStyles=_extractStyles.viewStyles;return(0,_jsxRuntime.jsxs)(_reactNative.Pressable,Object.assign({onPress:handlePress,style:[styles.mainParent,viewStyles,,{flexDirection:direction}],disabled:disabled},rest,{children:[(0,_jsxRuntime.jsx)(_reactNative.View,{style:[styles.label,{alignItems:direction===Direction.Row?"flex-start":"flex-end"},labelContainerStyle],children:renderLabel(label,labelStyle,_reactNative.StyleSheet.flatten([{color:theme.colors.text.strong},textStyles]))}),(0,_jsxRuntime.jsx)(_Checkbox.default,{Icon:Icon,status:internalValue,style:checkboxStyle,disabled:disabled,onPress:handlePress,color:color,uncheckedColor:uncheckedColor,checkedIcon:checkedIcon,uncheckedIcon:uncheckedIcon,size:size})]}));};var styles=_reactNative.StyleSheet.create({mainParent:Object.assign({alignItems:"center",justifyContent:"space-around",paddingLeft:20,paddingRight:20,minHeight:50,display:"flex"},_reactNative.Platform.select({web:{cursor:"pointer",userSelect:"none"}})),label:{flex:3}});var _default=exports.default=(0,_theme.withTheme)(CheckboxRow);

package/lib/commonjs/components/Checkbox/context.js

@@ -1 +0,0 @@
-Object.defineProperty(exports,"__esModule",{value:true});exports.checkboxGroupContext=exports.Direction=void 0;exports.useCheckboxGroupContext=useCheckboxGroupContext;var _react=require("react");var Direction=exports.Direction=function(Direction){Direction["Horizontal"]="horizontal";Direction["Vertical"]="vertical";return Direction;}({});var checkboxGroupContext=exports.checkboxGroupContext=(0,_react.createContext)({onValueChange:function onValueChange(){},values:[],direction:undefined});function useCheckboxGroupContext(){return(0,_react.useContext)(checkboxGroupContext);}

package/lib/commonjs/components/Checkbox/index.js

@@ -1 +0,0 @@
-var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});Object.defineProperty(exports,"Checkbox",{enumerable:true,get:function get(){return _Checkbox.default;}});Object.defineProperty(exports,"CheckboxRow",{enumerable:true,get:function get(){return _CheckboxRow.default;}});var _Checkbox=_interopRequireDefault(require("./Checkbox"));var _CheckboxRow=_interopRequireDefault(require("./CheckboxRow"));

package/lib/commonjs/components/Config.js

@@ -1 +0,0 @@
-Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var _reactNative=require("react-native");var getWindowDimensions=function getWindowDimensions(){var _Dimensions$get=_reactNative.Dimensions.get("window"),width=_Dimensions$get.width,height=_Dimensions$get.height;return{windowWidth:width,windowHeight:height};};var _getWindowDimensions=getWindowDimensions(),windowWidth=_getWindowDimensions.windowWidth,windowHeight=_getWindowDimensions.windowHeight;var getFilters=function getFilters(options){var width=options.width,height=options.height;var filters=["c_scale","q_auto","dpr_auto"];if(width)filters.push(`w_${width}`);if(height)filters.push(`h_${height}`);return filters.join(",");};var buildImageUrl=function buildImageUrl(options,name){var filters=getFilters(options);return["https://res.cloudinary.com/altos/image/upload",filters,`${name}.png`].join("/");};var getExtension=function getExtension(){return _reactNative.Platform.OS==="web"?".svg":".png";};var _default=exports.default={windowWidth:windowWidth,windowHeight:windowHeight,avatarImageUrl:buildImageUrl({width:60,height:60},"Avatar"),avatarImageSize:60,cardImageSize:200,cardImageUrl:"https://static.draftbit.com/images/placeholder-image"+getExtension(),cardIconSize:16,cardIconBackgroundOpacity:0.24,cardIconElevation:1,placeholderImageURL:"https://static.draftbit.com/images/placeholder-image"+getExtension(),getPlaceholderImageUrl:function getPlaceholderImageUrl(size){return buildImageUrl({width:size.width,height:size.height},"image-placeholder_1");},placeholderSvgURL:"https://static.draftbit.com/images/placeholder-image.svg",squareImageUrl:buildImageUrl({width:100,height:100},"Avatar"),FABSize:40,FABBorderRadius:20,FABFixedHeight:64,cardContainerShortImageAspectRatio:1,rowSingleLineImageSize:24,rowMultiLineImageSize:48,rowSingleLineIconSize:24,rowMultiLineIconSize:16,headerIconSize:24,buttonIconSize:24,swiperInactiveDotSize:6,swiperActiveDotSize:10,fieldSearchBarFullIconSize:24,stepperButtonSize:40,radioButtonSize:24,topSafeAreaViewHeight:0};