@draftbit/core 46.4.4-d93fe1.2 → 46.4.4-dc4ec4.2

package/lib/module/components/RadioButton/RadioButtonRow.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","StyleSheet","View","Platform","RadioButton","Text","useRadioButtonGroupContext","Direction","GroupDirection","Touchable","extractStyles","getValueForRadioButton","getRadioButtonAlignment","parentDirection","direction","Horizontal","Row","RowReverse","renderLabel","value","labelStyle","textStyle","RadioButtonRow","Icon","label","color","unselectedColor","onPress","labelContainerStyle","radioButtonStyle","selected","disabled","style","rest","contextValue","onValueChange","realValue","realContextValue","isSelected","handlePress","textStyles","viewStyles","styles","mainParent","flexDirection","alignItems","flex","create","justifyContent","paddingStart","minHeight","paddingEnd","display","select","web","cursor","userSelect"],"sources":["RadioButtonRow.tsx"],"sourcesContent":["import * as React from \"react\";\nimport {\n  StyleProp,\n  ViewStyle,\n  StyleSheet,\n  TextStyle,\n  View,\n  Platform,\n} from \"react-native\";\nimport RadioButton, { RadioButtonProps } from \"./RadioButton\";\nimport Text from \"../Text\";\nimport { useRadioButtonGroupContext } from \"./context\";\nimport type { IconSlot } from \"../../interfaces/Icon\";\nimport { Direction as GroupDirection } from \"./context\";\nimport Touchable from \"../Touchable\";\nimport { extractStyles, getValueForRadioButton } from \"../../utilities\";\n\nexport enum Direction {\n  Row = \"row\",\n  RowReverse = \"row-reverse\",\n}\n\nexport interface RadioButtonRowProps extends Omit<RadioButtonProps, \"onPress\"> {\n  label: string | React.ReactNode;\n  value: string | number; // A string (or number that will be parsed String(number)) that this radio button row represents when selected\n  color?: string;\n  unselectedColor?: string;\n  labelContainerStyle: StyleProp<ViewStyle>;\n  radioButtonStyle?: StyleProp<ViewStyle>;\n  labelStyle?: StyleProp<TextStyle>;\n  onPress?: (value: string) => void;\n  direction?: Direction;\n}\n\nconst getRadioButtonAlignment = (\n  parentDirection: GroupDirection | undefined,\n  direction: Direction\n) => {\n  if (parentDirection === GroupDirection.Horizontal) {\n    return direction === Direction.Row ? \"flex-start\" : \"flex-end\";\n  } else if (direction === Direction.RowReverse) {\n    return \"flex-start\";\n  } else {\n    return \"flex-end\";\n  }\n};\n\nconst renderLabel = (\n  value: string | React.ReactNode,\n  labelStyle: StyleProp<TextStyle>,\n  textStyle: StyleProp<TextStyle>\n) => {\n  if (typeof value === \"string\") {\n    return <Text style={[labelStyle, textStyle]}>{value}</Text>;\n  } else {\n    return <>{value}</>;\n  }\n};\n\nconst RadioButtonRow: React.FC<RadioButtonRowProps & IconSlot> = ({\n  Icon,\n  label,\n  value = \"\",\n  color,\n  unselectedColor,\n  onPress,\n  labelContainerStyle,\n  labelStyle,\n  radioButtonStyle,\n  direction = Direction.Row,\n  selected,\n  disabled,\n  style,\n  ...rest\n}) => {\n  const {\n    value: contextValue,\n    onValueChange,\n    direction: parentDirection,\n  } = useRadioButtonGroupContext();\n\n  const realValue = getValueForRadioButton(value);\n  const realContextValue = getValueForRadioButton(contextValue);\n  const isSelected = selected ?? realContextValue === realValue;\n\n  const handlePress = () => {\n    onPress?.(realValue);\n    onValueChange?.(realValue);\n  };\n\n  const { textStyles, viewStyles } = extractStyles(style);\n\n  return (\n    <Touchable\n      onPress={handlePress}\n      style={[styles.mainParent, { flexDirection: direction }, viewStyles]}\n      disabled={disabled}\n      {...rest}\n    >\n      <View\n        style={[\n          styles.label,\n          {\n            alignItems: direction === Direction.Row ? \"flex-start\" : \"flex-end\",\n          },\n          labelContainerStyle,\n        ]}\n      >\n        {renderLabel(label, labelStyle, textStyles)}\n      </View>\n      <View\n        style={{\n          flex: 1,\n          alignItems: getRadioButtonAlignment(parentDirection, direction),\n        }}\n      >\n        <RadioButton\n          Icon={Icon}\n          selected={isSelected}\n          value={realValue}\n          color={color}\n          unselectedColor={unselectedColor}\n          style={radioButtonStyle}\n        />\n      </View>\n    </Touchable>\n  );\n};\n\nconst styles = StyleSheet.create({\n  mainParent: {\n    alignItems: \"center\",\n    justifyContent: \"space-around\",\n    paddingStart: 20,\n    minHeight: 50,\n    paddingEnd: 20,\n    display: \"flex\",\n    ...Platform.select({\n      web: {\n        cursor: \"pointer\",\n        userSelect: \"none\",\n      },\n    }),\n  },\n  label: {\n    flex: 3,\n  },\n});\n\nexport default RadioButtonRow;\n"],"mappings":";AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAGEC,UAAU,EAEVC,IAAI,EACJC,QAAQ,QACH,cAAc;AACrB,OAAOC,WAAW,MAA4B,eAAe;AAC7D,OAAOC,IAAI,MAAM,SAAS;AAC1B,SAASC,0BAA0B,QAAQ,WAAW;AAEtD,SAASC,SAAS,IAAIC,cAAc,QAAQ,WAAW;AACvD,OAAOC,SAAS,MAAM,cAAc;AACpC,SAASC,aAAa,EAAEC,sBAAsB,QAAQ,iBAAiB;AAEvE,WAAYJ,SAAS;AAGpB,WAHWA,SAAS;EAATA,SAAS;EAATA,SAAS;AAAA,GAATA,SAAS,KAATA,SAAS;AAiBrB,MAAMK,uBAAuB,GAAG,CAC9BC,eAA2C,EAC3CC,SAAoB,KACjB;EACH,IAAID,eAAe,KAAKL,cAAc,CAACO,UAAU,EAAE;IACjD,OAAOD,SAAS,KAAKP,SAAS,CAACS,GAAG,GAAG,YAAY,GAAG,UAAU;EAChE,CAAC,MAAM,IAAIF,SAAS,KAAKP,SAAS,CAACU,UAAU,EAAE;IAC7C,OAAO,YAAY;EACrB,CAAC,MAAM;IACL,OAAO,UAAU;EACnB;AACF,CAAC;AAED,MAAMC,WAAW,GAAG,CAClBC,KAA+B,EAC/BC,UAAgC,EAChCC,SAA+B,KAC5B;EACH,IAAI,OAAOF,KAAK,KAAK,QAAQ,EAAE;IAC7B,oBAAO,oBAAC,IAAI;MAAC,KAAK,EAAE,CAACC,UAAU,EAAEC,SAAS;IAAE,GAAEF,KAAK,CAAQ;EAC7D,CAAC,MAAM;IACL,oBAAO,0CAAGA,KAAK,CAAI;EACrB;AACF,CAAC;AAED,MAAMG,cAAwD,GAAG,QAe3D;EAAA,IAf4D;IAChEC,IAAI;IACJC,KAAK;IACLL,KAAK,GAAG,EAAE;IACVM,KAAK;IACLC,eAAe;IACfC,OAAO;IACPC,mBAAmB;IACnBR,UAAU;IACVS,gBAAgB;IAChBf,SAAS,GAAGP,SAAS,CAACS,GAAG;IACzBc,QAAQ;IACRC,QAAQ;IACRC,KAAK;IACL,GAAGC;EACL,CAAC;EACC,MAAM;IACJd,KAAK,EAAEe,YAAY;IACnBC,aAAa;IACbrB,SAAS,EAAED;EACb,CAAC,GAAGP,0BAA0B,EAAE;EAEhC,MAAM8B,SAAS,GAAGzB,sBAAsB,CAACQ,KAAK,CAAC;EAC/C,MAAMkB,gBAAgB,GAAG1B,sBAAsB,CAACuB,YAAY,CAAC;EAC7D,MAAMI,UAAU,GAAGR,QAAQ,IAAIO,gBAAgB,KAAKD,SAAS;EAE7D,MAAMG,WAAW,GAAG,MAAM;IACxBZ,OAAO,aAAPA,OAAO,uBAAPA,OAAO,CAAGS,SAAS,CAAC;IACpBD,aAAa,aAAbA,aAAa,uBAAbA,aAAa,CAAGC,SAAS,CAAC;EAC5B,CAAC;EAED,MAAM;IAAEI,UAAU;IAAEC;EAAW,CAAC,GAAG/B,aAAa,CAACsB,KAAK,CAAC;EAEvD,oBACE,oBAAC,SAAS;IACR,OAAO,EAAEO,WAAY;IACrB,KAAK,EAAE,CAACG,MAAM,CAACC,UAAU,EAAE;MAAEC,aAAa,EAAE9B;IAAU,CAAC,EAAE2B,UAAU,CAAE;IACrE,QAAQ,EAAEV;EAAS,GACfE,IAAI,gBAER,oBAAC,IAAI;IACH,KAAK,EAAE,CACLS,MAAM,CAAClB,KAAK,EACZ;MACEqB,UAAU,EAAE/B,SAAS,KAAKP,SAAS,CAACS,GAAG,GAAG,YAAY,GAAG;IAC3D,CAAC,EACDY,mBAAmB;EACnB,GAEDV,WAAW,CAACM,KAAK,EAAEJ,UAAU,EAAEoB,UAAU,CAAC,CACtC,eACP,oBAAC,IAAI;IACH,KAAK,EAAE;MACLM,IAAI,EAAE,CAAC;MACPD,UAAU,EAAEjC,uBAAuB,CAACC,eAAe,EAAEC,SAAS;IAChE;EAAE,gBAEF,oBAAC,WAAW;IACV,IAAI,EAAES,IAAK;IACX,QAAQ,EAAEe,UAAW;IACrB,KAAK,EAAEF,SAAU;IACjB,KAAK,EAAEX,KAAM;IACb,eAAe,EAAEC,eAAgB;IACjC,KAAK,EAAEG;EAAiB,EACxB,CACG,CACG;AAEhB,CAAC;AAED,MAAMa,MAAM,GAAGzC,UAAU,CAAC8C,MAAM,CAAC;EAC/BJ,UAAU,EAAE;IACVE,UAAU,EAAE,QAAQ;IACpBG,cAAc,EAAE,cAAc;IAC9BC,YAAY,EAAE,EAAE;IAChBC,SAAS,EAAE,EAAE;IACbC,UAAU,EAAE,EAAE;IACdC,OAAO,EAAE,MAAM;IACf,GAAGjD,QAAQ,CAACkD,MAAM,CAAC;MACjBC,GAAG,EAAE;QACHC,MAAM,EAAE,SAAS;QACjBC,UAAU,EAAE;MACd;IACF,CAAC;EACH,CAAC;EACDhC,KAAK,EAAE;IACLsB,IAAI,EAAE;EACR;AACF,CAAC,CAAC;AAEF,eAAexB,cAAc"}

package/lib/module/components/RadioButton/context.js

@@ -1,11 +1,9 @@
 import { createContext, useContext } from "react";
 export let Direction;
-
 (function (Direction) {
   Direction["Horizontal"] = "horizontal";
   Direction["Vertical"] = "vertical";
 })(Direction || (Direction = {}));
-
 export const radioButtonGroupContext = /*#__PURE__*/createContext({
   onValueChange: () => {},
   value: "",
@@ -13,4 +11,5 @@ export const radioButtonGroupContext = /*#__PURE__*/createContext({
 });
 export function useRadioButtonGroupContext() {
   return useContext(radioButtonGroupContext);
-}
+}
+//# sourceMappingURL=context.js.map

package/lib/module/components/RadioButton/context.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["createContext","useContext","Direction","radioButtonGroupContext","onValueChange","value","direction","undefined","useRadioButtonGroupContext"],"sources":["context.tsx"],"sourcesContent":["import { createContext, useContext } from \"react\";\n\nexport enum Direction {\n  Horizontal = \"horizontal\",\n  Vertical = \"vertical\",\n}\ninterface RadioButtonGroupContext {\n  onValueChange: (value: string) => void;\n  value: string;\n  direction?: Direction;\n}\n\nexport const radioButtonGroupContext = createContext<RadioButtonGroupContext>({\n  onValueChange: () => {},\n  value: \"\",\n  direction: undefined,\n});\n\nexport function useRadioButtonGroupContext() {\n  return useContext(radioButtonGroupContext);\n}\n"],"mappings":"AAAA,SAASA,aAAa,EAAEC,UAAU,QAAQ,OAAO;AAEjD,WAAYC,SAAS;AAGpB,WAHWA,SAAS;EAATA,SAAS;EAATA,SAAS;AAAA,GAATA,SAAS,KAATA,SAAS;AAUrB,OAAO,MAAMC,uBAAuB,gBAAGH,aAAa,CAA0B;EAC5EI,aAAa,EAAE,MAAM,CAAC,CAAC;EACvBC,KAAK,EAAE,EAAE;EACTC,SAAS,EAAEC;AACb,CAAC,CAAC;AAEF,OAAO,SAASC,0BAA0B,GAAG;EAC3C,OAAOP,UAAU,CAACE,uBAAuB,CAAC;AAC5C"}

package/lib/module/components/RadioButton/index.js

@@ -1,4 +1,5 @@
 export { default as RadioButton } from "./RadioButton";
 export { default as RadioButtonGroup } from "./RadioButtonGroup";
 export { default as RadioButtonRow } from "./RadioButtonRow";
-export { default as RadioButtonFieldGroup } from "./RadioButtonFieldGroup";
+export { default as RadioButtonFieldGroup } from "./RadioButtonFieldGroup";
+//# sourceMappingURL=index.js.map

package/lib/module/components/RadioButton/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["default","RadioButton","RadioButtonGroup","RadioButtonRow","RadioButtonFieldGroup"],"sources":["index.tsx"],"sourcesContent":["export { default as RadioButton } from \"./RadioButton\";\nexport { default as RadioButtonGroup } from \"./RadioButtonGroup\";\nexport { default as RadioButtonRow } from \"./RadioButtonRow\";\nexport { default as RadioButtonFieldGroup } from \"./RadioButtonFieldGroup\";\n"],"mappings":"AAAA,SAASA,OAAO,IAAIC,WAAW,QAAQ,eAAe;AACtD,SAASD,OAAO,IAAIE,gBAAgB,QAAQ,oBAAoB;AAChE,SAASF,OAAO,IAAIG,cAAc,QAAQ,kBAAkB;AAC5D,SAASH,OAAO,IAAII,qBAAqB,QAAQ,yBAAyB"}

package/lib/module/components/ResizeMode.js

@@ -1 +1,2 @@
-export {};
+
+//# sourceMappingURL=ResizeMode.js.mapode.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["ResizeMode.ts"],"sourcesContent":["export type ResizeModeType =\n  | \"cover\"\n  | \"contain\"\n  | \"stretch\"\n  | \"repeat\"\n  | \"center\"\n  | undefined;\n"],"mappings":""}

package/lib/module/components/Row.js

@@ -2,7 +2,6 @@ import * as React from "react";
 import { View, Text, Image, StyleSheet } from "react-native";
 import { withTheme } from "../theming";
 import Config from "./Config";
-
 const Row = _ref => {
   let {
     titleTypeStyle,
@@ -46,7 +45,6 @@ const Row = _ref => {
     numberOfLines: multilineSubtitle ? undefined : 1
   }, subtitle) : null)), right && right());
 };
-
 const styles = StyleSheet.create({
   leftContainer: {
     flexDirection: "row",
@@ -62,4 +60,5 @@ const styles = StyleSheet.create({
     justifyContent: "center"
   }
 });
-export default withTheme(Row);
+export default withTheme(Row);
+//# sourceMappingURL=Row.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","View","Text","Image","StyleSheet","withTheme","Config","Row","titleTypeStyle","titleColor","subtitleTypeStyle","subtitleColor","title","subtitle","multilineSubtitle","image","right","style","styles","container","padding","leftContainer","uri","marginRight","width","rowMultiLineImageSize","rowSingleLineImageSize","height","textContainer","color","marginTop","undefined","create","flexDirection","flex","justifyContent","alignItems"],"sources":["Row.tsx"],"sourcesContent":["import * as React from \"react\";\nimport {\n  View,\n  Text,\n  Image,\n  ImageSourcePropType,\n  StyleSheet,\n  StyleProp,\n  TextStyle,\n  ViewStyle,\n} from \"react-native\";\nimport { withTheme } from \"../theming\";\nimport Config from \"./Config\";\nimport theme from \"../styles/DefaultTheme\";\n\ntype Props = {\n  titleTypeStyle?: StyleProp<TextStyle>;\n  titleColor?: string;\n  subtitleTypeStyle?: StyleProp<TextStyle>;\n  subtitleColor?: string;\n  title?: string;\n  subtitle?: string;\n  multilineSubtitle?: boolean;\n  image?: string | ImageSourcePropType;\n  right?: () => React.ReactNode;\n  style?: StyleProp<ViewStyle>;\n  theme: typeof theme;\n};\n\nconst Row: React.FC<React.PropsWithChildren<Props>> = ({\n  titleTypeStyle,\n  titleColor,\n  subtitleTypeStyle,\n  subtitleColor,\n  title,\n  subtitle,\n  multilineSubtitle,\n  image,\n  right,\n  style,\n}) => {\n  return (\n    <View style={[styles.container, { padding: 16 }, style]}>\n      <View style={styles.leftContainer}>\n        {image && (\n          <Image\n            source={typeof image === \"string\" ? { uri: image } : image}\n            style={{\n              marginRight: 12,\n              width: subtitle\n                ? Config.rowMultiLineImageSize\n                : Config.rowSingleLineImageSize,\n              height: subtitle\n                ? Config.rowMultiLineImageSize\n                : Config.rowSingleLineImageSize,\n            }}\n          />\n        )}\n        <View style={styles.textContainer}>\n          <Text\n            style={[\n              titleTypeStyle,\n              {\n                color: titleColor,\n              },\n            ]}\n            numberOfLines={1}\n          >\n            {title}\n          </Text>\n          {subtitle ? (\n            <Text\n              style={[\n                subtitleTypeStyle,\n                {\n                  color: subtitleColor,\n                  marginTop: 4,\n                },\n              ]}\n              numberOfLines={multilineSubtitle ? undefined : 1}\n            >\n              {subtitle}\n            </Text>\n          ) : null}\n        </View>\n      </View>\n      {right && right()}\n    </View>\n  );\n};\n\nconst styles = StyleSheet.create({\n  leftContainer: {\n    flexDirection: \"row\",\n    flex: 1,\n  },\n  container: {\n    flexDirection: \"row\",\n    justifyContent: \"space-between\",\n    alignItems: \"center\",\n  },\n  textContainer: {\n    flex: 1,\n    justifyContent: \"center\",\n  },\n});\n\nexport default withTheme(Row);\n"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SACEC,IAAI,EACJC,IAAI,EACJC,KAAK,EAELC,UAAU,QAIL,cAAc;AACrB,SAASC,SAAS,QAAQ,YAAY;AACtC,OAAOC,MAAM,MAAM,UAAU;AAiB7B,MAAMC,GAA6C,GAAG,QAWhD;EAAA,IAXiD;IACrDC,cAAc;IACdC,UAAU;IACVC,iBAAiB;IACjBC,aAAa;IACbC,KAAK;IACLC,QAAQ;IACRC,iBAAiB;IACjBC,KAAK;IACLC,KAAK;IACLC;EACF,CAAC;EACC,oBACE,oBAAC,IAAI;IAAC,KAAK,EAAE,CAACC,MAAM,CAACC,SAAS,EAAE;MAAEC,OAAO,EAAE;IAAG,CAAC,EAAEH,KAAK;EAAE,gBACtD,oBAAC,IAAI;IAAC,KAAK,EAAEC,MAAM,CAACG;EAAc,GAC/BN,KAAK,iBACJ,oBAAC,KAAK;IACJ,MAAM,EAAE,OAAOA,KAAK,KAAK,QAAQ,GAAG;MAAEO,GAAG,EAAEP;IAAM,CAAC,GAAGA,KAAM;IAC3D,KAAK,EAAE;MACLQ,WAAW,EAAE,EAAE;MACfC,KAAK,EAAEX,QAAQ,GACXP,MAAM,CAACmB,qBAAqB,GAC5BnB,MAAM,CAACoB,sBAAsB;MACjCC,MAAM,EAAEd,QAAQ,GACZP,MAAM,CAACmB,qBAAqB,GAC5BnB,MAAM,CAACoB;IACb;EAAE,EAEL,eACD,oBAAC,IAAI;IAAC,KAAK,EAAER,MAAM,CAACU;EAAc,gBAChC,oBAAC,IAAI;IACH,KAAK,EAAE,CACLpB,cAAc,EACd;MACEqB,KAAK,EAAEpB;IACT,CAAC,CACD;IACF,aAAa,EAAE;EAAE,GAEhBG,KAAK,CACD,EACNC,QAAQ,gBACP,oBAAC,IAAI;IACH,KAAK,EAAE,CACLH,iBAAiB,EACjB;MACEmB,KAAK,EAAElB,aAAa;MACpBmB,SAAS,EAAE;IACb,CAAC,CACD;IACF,aAAa,EAAEhB,iBAAiB,GAAGiB,SAAS,GAAG;EAAE,GAEhDlB,QAAQ,CACJ,GACL,IAAI,CACH,CACF,EACNG,KAAK,IAAIA,KAAK,EAAE,CACZ;AAEX,CAAC;AAED,MAAME,MAAM,GAAGd,UAAU,CAAC4B,MAAM,CAAC;EAC/BX,aAAa,EAAE;IACbY,aAAa,EAAE,KAAK;IACpBC,IAAI,EAAE;EACR,CAAC;EACDf,SAAS,EAAE;IACTc,aAAa,EAAE,KAAK;IACpBE,cAAc,EAAE,eAAe;IAC/BC,UAAU,EAAE;EACd,CAAC;EACDR,aAAa,EAAE;IACbM,IAAI,EAAE,CAAC;IACPC,cAAc,EAAE;EAClB;AACF,CAAC,CAAC;AAEF,eAAe9B,SAAS,CAACE,GAAG,CAAC"}

package/lib/module/components/RowBodyIcon.js

@@ -2,7 +2,6 @@ import * as React from "react";
 import { withTheme } from "../theming";
 import Row from "./Row";
 import Config from "./Config";
-
 const RowBodyIcon = _ref => {
   let {
     Icon,
@@ -33,5 +32,5 @@ const RowBodyIcon = _ref => {
     style: style
   });
 };
-
-export default withTheme(RowBodyIcon);
+export default withTheme(RowBodyIcon);
+//# sourceMappingURL=RowBodyIcon.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","withTheme","Row","Config","RowBodyIcon","Icon","title","subtitle","icon","style","theme","colors","typography","body1","medium","subtitle2","light","rowSingleLineIconSize","marginLeft"],"sources":["RowBodyIcon.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { withTheme } from \"../theming\";\nimport type { Theme } from \"../styles/DefaultTheme\";\nimport type { IconSlot } from \"../interfaces/Icon\";\n\nimport Row from \"./Row\";\nimport Config from \"./Config\";\nimport { StyleProp, ViewStyle } from \"react-native\";\n\ntype Props = {\n  title?: string;\n  subtitle?: string;\n  icon: string;\n  style?: StyleProp<ViewStyle>;\n  theme: Theme;\n} & IconSlot;\n\nconst RowBodyIcon: React.FC<React.PropsWithChildren<Props>> = ({\n  Icon,\n  title,\n  subtitle,\n  icon,\n  style,\n  theme: { colors, typography },\n}) => {\n  return (\n    <Row\n      titleTypeStyle={typography.body1}\n      titleColor={colors.medium}\n      subtitleTypeStyle={typography.subtitle2}\n      subtitleColor={colors.light}\n      title={title}\n      subtitle={subtitle}\n      right={() => (\n        <Icon\n          name={icon}\n          size={Config.rowSingleLineIconSize}\n          color={colors.light}\n          style={{ marginLeft: 16 }}\n        />\n      )}\n      style={style}\n    />\n  );\n};\n\nexport default withTheme(RowBodyIcon);\n"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,SAAS,QAAQ,YAAY;AAItC,OAAOC,GAAG,MAAM,OAAO;AACvB,OAAOC,MAAM,MAAM,UAAU;AAW7B,MAAMC,WAAqD,GAAG,QAOxD;EAAA,IAPyD;IAC7DC,IAAI;IACJC,KAAK;IACLC,QAAQ;IACRC,IAAI;IACJC,KAAK;IACLC,KAAK,EAAE;MAAEC,MAAM;MAAEC;IAAW;EAC9B,CAAC;EACC,oBACE,oBAAC,GAAG;IACF,cAAc,EAAEA,UAAU,CAACC,KAAM;IACjC,UAAU,EAAEF,MAAM,CAACG,MAAO;IAC1B,iBAAiB,EAAEF,UAAU,CAACG,SAAU;IACxC,aAAa,EAAEJ,MAAM,CAACK,KAAM;IAC5B,KAAK,EAAEV,KAAM;IACb,QAAQ,EAAEC,QAAS;IACnB,KAAK,EAAE,mBACL,oBAAC,IAAI;MACH,IAAI,EAAEC,IAAK;MACX,IAAI,EAAEL,MAAM,CAACc,qBAAsB;MACnC,KAAK,EAAEN,MAAM,CAACK,KAAM;MACpB,KAAK,EAAE;QAAEE,UAAU,EAAE;MAAG;IAAE,EAE5B;IACF,KAAK,EAAET;EAAM,EACb;AAEN,CAAC;AAED,eAAeR,SAAS,CAACG,WAAW,CAAC"}

package/lib/module/components/RowHeadlineImageCaption.js

@@ -2,7 +2,6 @@ import * as React from "react";
 import { Text } from "react-native";
 import { withTheme } from "../theming";
 import Row from "./Row";
-
 const RowHeadlineImageCaption = _ref => {
   let {
     title,
@@ -24,7 +23,8 @@ const RowHeadlineImageCaption = _ref => {
     subtitle: subtitle,
     image: image,
     right: () => /*#__PURE__*/React.createElement(Text, {
-      style: { ...typography.caption,
+      style: {
+        ...typography.caption,
         color: colors.strong,
         marginLeft: 16
       }
@@ -32,5 +32,5 @@ const RowHeadlineImageCaption = _ref => {
     style: style
   });
 };
-
-export default withTheme(RowHeadlineImageCaption);
+export default withTheme(RowHeadlineImageCaption);
+//# sourceMappingURL=RowHeadlineImageCaption.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","Text","withTheme","Row","RowHeadlineImageCaption","title","subtitle","caption","image","style","theme","colors","typography","headline6","strong","body2","medium","color","marginLeft"],"sources":["RowHeadlineImageCaption.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { Text, ImageSourcePropType, StyleProp, ViewStyle } from \"react-native\";\nimport { withTheme } from \"../theming\";\nimport Row from \"./Row\";\nimport theme from \"../styles/DefaultTheme\";\n\ntype Props = {\n  title?: string;\n  subtitle?: string;\n  caption?: string;\n  image: string | ImageSourcePropType;\n  style?: StyleProp<ViewStyle>;\n  theme: typeof theme;\n};\n\nconst RowHeadlineImageCaption: React.FC<React.PropsWithChildren<Props>> = ({\n  title,\n  subtitle,\n  caption,\n  image,\n  style,\n  theme: { colors, typography },\n}) => {\n  return (\n    <Row\n      titleTypeStyle={typography.headline6}\n      titleColor={colors.strong}\n      subtitleTypeStyle={typography.body2}\n      subtitleColor={colors.medium}\n      title={title}\n      subtitle={subtitle}\n      image={image}\n      right={() => (\n        <Text\n          style={{\n            ...typography.caption,\n            color: colors.strong,\n            marginLeft: 16,\n          }}\n        >\n          {caption}\n        </Text>\n      )}\n      style={style}\n    />\n  );\n};\n\nexport default withTheme(RowHeadlineImageCaption);\n"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,IAAI,QAAmD,cAAc;AAC9E,SAASC,SAAS,QAAQ,YAAY;AACtC,OAAOC,GAAG,MAAM,OAAO;AAYvB,MAAMC,uBAAiE,GAAG,QAOpE;EAAA,IAPqE;IACzEC,KAAK;IACLC,QAAQ;IACRC,OAAO;IACPC,KAAK;IACLC,KAAK;IACLC,KAAK,EAAE;MAAEC,MAAM;MAAEC;IAAW;EAC9B,CAAC;EACC,oBACE,oBAAC,GAAG;IACF,cAAc,EAAEA,UAAU,CAACC,SAAU;IACrC,UAAU,EAAEF,MAAM,CAACG,MAAO;IAC1B,iBAAiB,EAAEF,UAAU,CAACG,KAAM;IACpC,aAAa,EAAEJ,MAAM,CAACK,MAAO;IAC7B,KAAK,EAAEX,KAAM;IACb,QAAQ,EAAEC,QAAS;IACnB,KAAK,EAAEE,KAAM;IACb,KAAK,EAAE,mBACL,oBAAC,IAAI;MACH,KAAK,EAAE;QACL,GAAGI,UAAU,CAACL,OAAO;QACrBU,KAAK,EAAEN,MAAM,CAACG,MAAM;QACpBI,UAAU,EAAE;MACd;IAAE,GAEDX,OAAO,CAEV;IACF,KAAK,EAAEE;EAAM,EACb;AAEN,CAAC;AAED,eAAeP,SAAS,CAACE,uBAAuB,CAAC"}

package/lib/module/components/RowHeadlineImageIcon.js

@@ -2,7 +2,6 @@ import * as React from "react";
 import { withTheme } from "../theming";
 import Row from "./Row";
 import Config from "./Config";
-
 const RowHeadlineImageIcon = _ref => {
   let {
     Icon,
@@ -39,5 +38,5 @@ const RowHeadlineImageIcon = _ref => {
     style: style
   });
 };
-
-export default withTheme(RowHeadlineImageIcon);
+export default withTheme(RowHeadlineImageIcon);
+//# sourceMappingURL=RowHeadlineImageIcon.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","withTheme","Row","Config","RowHeadlineImageIcon","Icon","icon","title","image","subtitle","multilineSubtitle","style","theme","colors","typography","headline6","strong","body2","medium","rowMultiLineIconSize","rowSingleLineIconSize","light","marginLeft","alignSelf","marginTop"],"sources":["RowHeadlineImageIcon.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { withTheme } from \"../theming\";\nimport type { Theme } from \"../styles/DefaultTheme\";\nimport type { IconSlot } from \"../interfaces/Icon\";\n\nimport Row from \"./Row\";\nimport Config from \"./Config\";\nimport { ImageSourcePropType, StyleProp, ViewStyle } from \"react-native\";\n\ntype Props = {\n  title?: string;\n  image: string | ImageSourcePropType;\n  subtitle?: string;\n  multilineSubtitle?: boolean;\n  icon: string;\n  style?: StyleProp<ViewStyle>;\n  theme: Theme;\n} & IconSlot;\n\nconst RowHeadlineImageIcon: React.FC<React.PropsWithChildren<Props>> = ({\n  Icon,\n  icon,\n  title,\n  image,\n  subtitle,\n  multilineSubtitle = false,\n  style,\n  theme: { colors, typography },\n}) => {\n  return (\n    <Row\n      titleTypeStyle={typography.headline6}\n      titleColor={colors.strong}\n      subtitleTypeStyle={typography.body2}\n      subtitleColor={colors.medium}\n      title={title}\n      subtitle={subtitle}\n      multilineSubtitle={multilineSubtitle}\n      image={image}\n      right={() => (\n        <Icon\n          name={icon}\n          size={\n            multilineSubtitle\n              ? Config.rowMultiLineIconSize\n              : Config.rowSingleLineIconSize\n          }\n          color={colors.light}\n          style={{\n            marginLeft: 16,\n            alignSelf: multilineSubtitle ? \"flex-start\" : \"center\",\n            marginTop: multilineSubtitle ? 4 : 0,\n          }}\n        />\n      )}\n      style={style}\n    />\n  );\n};\n\nexport default withTheme(RowHeadlineImageIcon);\n"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,SAAS,QAAQ,YAAY;AAItC,OAAOC,GAAG,MAAM,OAAO;AACvB,OAAOC,MAAM,MAAM,UAAU;AAa7B,MAAMC,oBAA8D,GAAG,QASjE;EAAA,IATkE;IACtEC,IAAI;IACJC,IAAI;IACJC,KAAK;IACLC,KAAK;IACLC,QAAQ;IACRC,iBAAiB,GAAG,KAAK;IACzBC,KAAK;IACLC,KAAK,EAAE;MAAEC,MAAM;MAAEC;IAAW;EAC9B,CAAC;EACC,oBACE,oBAAC,GAAG;IACF,cAAc,EAAEA,UAAU,CAACC,SAAU;IACrC,UAAU,EAAEF,MAAM,CAACG,MAAO;IAC1B,iBAAiB,EAAEF,UAAU,CAACG,KAAM;IACpC,aAAa,EAAEJ,MAAM,CAACK,MAAO;IAC7B,KAAK,EAAEX,KAAM;IACb,QAAQ,EAAEE,QAAS;IACnB,iBAAiB,EAAEC,iBAAkB;IACrC,KAAK,EAAEF,KAAM;IACb,KAAK,EAAE,mBACL,oBAAC,IAAI;MACH,IAAI,EAAEF,IAAK;MACX,IAAI,EACFI,iBAAiB,GACbP,MAAM,CAACgB,oBAAoB,GAC3BhB,MAAM,CAACiB,qBACZ;MACD,KAAK,EAAEP,MAAM,CAACQ,KAAM;MACpB,KAAK,EAAE;QACLC,UAAU,EAAE,EAAE;QACdC,SAAS,EAAEb,iBAAiB,GAAG,YAAY,GAAG,QAAQ;QACtDc,SAAS,EAAEd,iBAAiB,GAAG,CAAC,GAAG;MACrC;IAAE,EAEJ;IACF,KAAK,EAAEC;EAAM,EACb;AAEN,CAAC;AAED,eAAeV,SAAS,CAACG,oBAAoB,CAAC"}

package/lib/module/components/SVG.js

@@ -2,7 +2,6 @@ import * as React from "react";
 import { View, Platform, Image } from "react-native";
 import { SvgUri } from "react-native-svg";
 import Config from "./Config";
-
 const SVG = _ref => {
   let {
     source = Config.placeholderSvgURL,
@@ -27,5 +26,5 @@ const SVG = _ref => {
     }
   }));
 };
-
-export default SVG;
+export default SVG;
+//# sourceMappingURL=SVG.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","View","Platform","Image","SvgUri","Config","SVG","source","placeholderSvgURL","style","OS","uri"],"sources":["SVG.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { View, Platform, Image, StyleProp, ImageStyle } from \"react-native\";\nimport { SvgUri } from \"react-native-svg\";\n\nimport Config from \"./Config\";\n\ntype SVGComponentProps = {\n  source: string;\n  style?: StyleProp<ImageStyle>;\n};\n\nconst SVG: React.FC<React.PropsWithChildren<SVGComponentProps>> = ({\n  source = Config.placeholderSvgURL,\n  style,\n}) => {\n  return (\n    <>\n      {Platform.OS === \"ios\" && (\n        <View style={style}>\n          <SvgUri width=\"100%\" height=\"100%\" uri={source} />\n        </View>\n      )}\n      {Platform.OS === \"android\" && (\n        <View style={style}>\n          <SvgUri width=\"100%\" height=\"100%\" uri={source} />\n        </View>\n      )}\n      {Platform.OS === \"web\" && (\n        <Image style={style} source={{ uri: source }} />\n      )}\n    </>\n  );\n};\n\nexport default SVG;\n"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,IAAI,EAAEC,QAAQ,EAAEC,KAAK,QAA+B,cAAc;AAC3E,SAASC,MAAM,QAAQ,kBAAkB;AAEzC,OAAOC,MAAM,MAAM,UAAU;AAO7B,MAAMC,GAAyD,GAAG,QAG5D;EAAA,IAH6D;IACjEC,MAAM,GAAGF,MAAM,CAACG,iBAAiB;IACjCC;EACF,CAAC;EACC,oBACE,0CACGP,QAAQ,CAACQ,EAAE,KAAK,KAAK,iBACpB,oBAAC,IAAI;IAAC,KAAK,EAAED;EAAM,gBACjB,oBAAC,MAAM;IAAC,KAAK,EAAC,MAAM;IAAC,MAAM,EAAC,MAAM;IAAC,GAAG,EAAEF;EAAO,EAAG,CAErD,EACAL,QAAQ,CAACQ,EAAE,KAAK,SAAS,iBACxB,oBAAC,IAAI;IAAC,KAAK,EAAED;EAAM,gBACjB,oBAAC,MAAM;IAAC,KAAK,EAAC,MAAM;IAAC,MAAM,EAAC,MAAM;IAAC,GAAG,EAAEF;EAAO,EAAG,CAErD,EACAL,QAAQ,CAACQ,EAAE,KAAK,KAAK,iBACpB,oBAAC,KAAK;IAAC,KAAK,EAAED,KAAM;IAAC,MAAM,EAAE;MAAEE,GAAG,EAAEJ;IAAO;EAAE,EAC9C,CACA;AAEP,CAAC;AAED,eAAeD,GAAG"}

package/lib/module/components/ScreenContainer.js

@@ -1,10 +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 { StyleSheet, ScrollView, View } from "react-native";
 import { SafeAreaView } from "react-native-safe-area-context";
 import { withTheme } from "../theming";
-
 function ScreenContainer(_ref) {
   let {
     scrollable = false,
@@ -18,15 +16,12 @@ function ScreenContainer(_ref) {
   } = _ref;
   const backgroundColor = theme.colors.background;
   const edges = ["left", "right"];
-
   if (hasSafeArea || hasTopSafeArea) {
     edges.push("top");
   }
-
   if (hasSafeArea || hasBottomSafeArea) {
     edges.push("bottom");
   }
-
   return /*#__PURE__*/React.createElement(SafeAreaView, _extends({
     edges: edges,
     style: [styles.container, {
@@ -42,7 +37,6 @@ function ScreenContainer(_ref) {
     }, style]
   }, children));
 }
-
 const styles = StyleSheet.create({
   container: {
     flex: 1
@@ -52,4 +46,5 @@ const styles = StyleSheet.create({
     flex: undefined
   }
 });
-export default withTheme(ScreenContainer);
+export default withTheme(ScreenContainer);
+//# sourceMappingURL=ScreenContainer.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","StyleSheet","ScrollView","View","SafeAreaView","withTheme","ScreenContainer","scrollable","hasSafeArea","hasBottomSafeArea","hasTopSafeArea","theme","style","children","rest","backgroundColor","colors","background","edges","push","styles","container","scrollViewContainer","create","flex","flexGrow","undefined"],"sources":["ScreenContainer.tsx"],"sourcesContent":["import * as React from \"react\";\nimport {\n  StyleSheet,\n  ScrollView,\n  StyleProp,\n  ViewStyle,\n  View,\n} from \"react-native\";\nimport { SafeAreaView } from \"react-native-safe-area-context\";\nimport type { Edge } from \"react-native-safe-area-context\";\nimport { withTheme } from \"../theming\";\nimport type { Theme } from \"../styles/DefaultTheme\";\n\ntype ScreenContainerProps = {\n  scrollable: boolean;\n  hasSafeArea: boolean;\n  hasTopSafeArea: boolean;\n  hasBottomSafeArea: boolean;\n  theme: Theme;\n  style?: StyleProp<ViewStyle>;\n  children?: React.ReactNode;\n};\n\nfunction ScreenContainer({\n  scrollable = false,\n  hasSafeArea = false,\n  hasBottomSafeArea = false,\n  hasTopSafeArea = false,\n  theme,\n  style,\n  children,\n  ...rest\n}: ScreenContainerProps) {\n  const backgroundColor = theme.colors.background;\n\n  const edges: Edge[] = [\"left\", \"right\"];\n  if (hasSafeArea || hasTopSafeArea) {\n    edges.push(\"top\");\n  }\n\n  if (hasSafeArea || hasBottomSafeArea) {\n    edges.push(\"bottom\");\n  }\n\n  return (\n    <SafeAreaView\n      edges={edges}\n      style={[\n        styles.container,\n        {\n          backgroundColor,\n        },\n      ]}\n      {...rest}\n    >\n      {scrollable ? (\n        <ScrollView\n          contentContainerStyle={[\n            styles.scrollViewContainer,\n            { backgroundColor },\n            style,\n          ]}\n        >\n          {children}\n        </ScrollView>\n      ) : (\n        <View style={[styles.container, { backgroundColor }, style]}>\n          {children}\n        </View>\n      )}\n    </SafeAreaView>\n  );\n}\n\nconst styles = StyleSheet.create({\n  container: {\n    flex: 1,\n  },\n  scrollViewContainer: {\n    flexGrow: 1,\n    flex: undefined,\n  },\n});\n\nexport default withTheme(ScreenContainer);\n"],"mappings":";AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SACEC,UAAU,EACVC,UAAU,EAGVC,IAAI,QACC,cAAc;AACrB,SAASC,YAAY,QAAQ,gCAAgC;AAE7D,SAASC,SAAS,QAAQ,YAAY;AAatC,SAASC,eAAe,OASC;EAAA,IATA;IACvBC,UAAU,GAAG,KAAK;IAClBC,WAAW,GAAG,KAAK;IACnBC,iBAAiB,GAAG,KAAK;IACzBC,cAAc,GAAG,KAAK;IACtBC,KAAK;IACLC,KAAK;IACLC,QAAQ;IACR,GAAGC;EACiB,CAAC;EACrB,MAAMC,eAAe,GAAGJ,KAAK,CAACK,MAAM,CAACC,UAAU;EAE/C,MAAMC,KAAa,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC;EACvC,IAAIV,WAAW,IAAIE,cAAc,EAAE;IACjCQ,KAAK,CAACC,IAAI,CAAC,KAAK,CAAC;EACnB;EAEA,IAAIX,WAAW,IAAIC,iBAAiB,EAAE;IACpCS,KAAK,CAACC,IAAI,CAAC,QAAQ,CAAC;EACtB;EAEA,oBACE,oBAAC,YAAY;IACX,KAAK,EAAED,KAAM;IACb,KAAK,EAAE,CACLE,MAAM,CAACC,SAAS,EAChB;MACEN;IACF,CAAC;EACD,GACED,IAAI,GAEPP,UAAU,gBACT,oBAAC,UAAU;IACT,qBAAqB,EAAE,CACrBa,MAAM,CAACE,mBAAmB,EAC1B;MAAEP;IAAgB,CAAC,EACnBH,KAAK;EACL,GAEDC,QAAQ,CACE,gBAEb,oBAAC,IAAI;IAAC,KAAK,EAAE,CAACO,MAAM,CAACC,SAAS,EAAE;MAAEN;IAAgB,CAAC,EAAEH,KAAK;EAAE,GACzDC,QAAQ,CAEZ,CACY;AAEnB;AAEA,MAAMO,MAAM,GAAGnB,UAAU,CAACsB,MAAM,CAAC;EAC/BF,SAAS,EAAE;IACTG,IAAI,EAAE;EACR,CAAC;EACDF,mBAAmB,EAAE;IACnBG,QAAQ,EAAE,CAAC;IACXD,IAAI,EAAEE;EACR;AACF,CAAC,CAAC;AAEF,eAAerB,SAAS,CAACC,eAAe,CAAC"}

package/lib/module/components/Slider.js

@@ -1,34 +1,27 @@
 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 } from "react-native";
 import NativeSlider from "@react-native-community/slider";
 import isNumber from "lodash.isnumber";
 import toNumber from "lodash.tonumber";
 import { withTheme } from "../theming";
-
 function maybeParseValue(value) {
   if (value === undefined) {
     return undefined;
   }
-
   if (isNumber(value)) {
     return value;
   }
-
   try {
     const maybe = toNumber(value);
-
     if (isNumber(maybe)) {
       return maybe;
     }
   } catch {
     return undefined;
   }
-
   return undefined;
 }
-
 function Slider(_ref) {
   let {
     Icon,
@@ -67,12 +60,10 @@ function Slider(_ref) {
   const leftIconThemeColor = leftIconColor || theme.colors.light;
   const rightIconThemeColor = rightIconColor || theme.colors.light;
   const parsedValue = maybeParseValue(internalValue);
-
   const handleSlidingComplete = newValue => {
     setInternalValue(newValue);
     onValueChange(newValue);
   };
-
   return /*#__PURE__*/React.createElement(View, _extends({
     style: [styles.container, style]
   }, rest), leftIcon ? /*#__PURE__*/React.createElement(Icon, {
@@ -96,7 +87,6 @@ function Slider(_ref) {
     size: 24
   }) : null);
 }
-
 const styles = StyleSheet.create({
   container: {
     height: 40,
@@ -108,4 +98,5 @@ const styles = StyleSheet.create({
     marginHorizontal: 12
   }
 });
-export default withTheme(Slider);
+export default withTheme(Slider);
+//# sourceMappingURL=Slider.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","View","StyleSheet","NativeSlider","isNumber","toNumber","withTheme","maybeParseValue","value","undefined","maybe","Slider","Icon","leftIcon","rightIcon","leftIconColor","rightIconColor","defaultValue","minimumTrackTintColor","maximumTrackTintColor","thumbTintColor","minimumValue","maximumValue","tapToSeek","step","onValueChange","style","theme","rest","internalValue","setInternalValue","useState","useEffect","minTrackColor","colors","primary","maxTrackColor","light","thumbColor","leftIconThemeColor","rightIconThemeColor","parsedValue","handleSlidingComplete","newValue","styles","container","slider","create","height","flexDirection","alignItems","flex","marginHorizontal"],"sources":["Slider.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { View, StyleSheet, StyleProp, ViewStyle } from \"react-native\";\nimport NativeSlider from \"@react-native-community/slider\";\nimport isNumber from \"lodash.isnumber\";\nimport toNumber from \"lodash.tonumber\";\n\nimport { withTheme } from \"../theming\";\nimport type { Theme } from \"../styles/DefaultTheme\";\nimport type { IconSlot } from \"../interfaces/Icon\";\n\nexport type Props = {\n  style?: StyleProp<ViewStyle>;\n  value?: number;\n  defaultValue?: number;\n  minimumTrackTintColor: string;\n  maximumTrackTintColor: string;\n  leftIcon?: string;\n  rightIcon?: string;\n  leftIconColor?: string;\n  rightIconColor?: string;\n  thumbTintColor?: string;\n  tapToSeek?: boolean;\n  minimumValue: number;\n  maximumValue: number;\n  step: number;\n  onValueChange?: (value: number) => void;\n  theme: Theme;\n} & IconSlot;\n\nfunction maybeParseValue(value: any) {\n  if (value === undefined) {\n    return undefined;\n  }\n\n  if (isNumber(value)) {\n    return value;\n  }\n\n  try {\n    const maybe = toNumber(value);\n    if (isNumber(maybe)) {\n      return maybe;\n    }\n  } catch {\n    return undefined;\n  }\n\n  return undefined;\n}\n\nfunction Slider({\n  Icon,\n  leftIcon,\n  rightIcon,\n  leftIconColor,\n  rightIconColor,\n  value,\n  defaultValue,\n  minimumTrackTintColor,\n  maximumTrackTintColor,\n  thumbTintColor,\n  minimumValue = 0,\n  maximumValue = 100,\n  tapToSeek,\n  step = 1,\n  onValueChange = () => {},\n  style,\n  theme,\n  ...rest\n}: Props) {\n  const [internalValue, setInternalValue] = React.useState<number | undefined>(\n    value || defaultValue\n  );\n\n  React.useEffect(() => {\n    if (value != null) {\n      setInternalValue(value);\n    }\n  }, [value]);\n\n  React.useEffect(() => {\n    if (defaultValue != null) {\n      setInternalValue(defaultValue);\n    }\n  }, [defaultValue]);\n\n  const minTrackColor = minimumTrackTintColor || theme.colors.primary;\n  const maxTrackColor = maximumTrackTintColor || theme.colors.light;\n  const thumbColor = thumbTintColor || theme.colors.primary;\n\n  const leftIconThemeColor = leftIconColor || theme.colors.light;\n  const rightIconThemeColor = rightIconColor || theme.colors.light;\n\n  const parsedValue = maybeParseValue(internalValue);\n\n  const handleSlidingComplete = (newValue: number) => {\n    setInternalValue(newValue);\n    onValueChange(newValue);\n  };\n\n  return (\n    <View style={[styles.container, style]} {...rest}>\n      {leftIcon ? (\n        <Icon color={leftIconThemeColor} name={leftIcon} size={24} />\n      ) : null}\n      <NativeSlider\n        value={parsedValue}\n        step={step}\n        minimumValue={minimumValue}\n        maximumValue={maximumValue}\n        tapToSeek={tapToSeek}\n        minimumTrackTintColor={minTrackColor}\n        maximumTrackTintColor={maxTrackColor}\n        thumbTintColor={thumbColor}\n        onSlidingComplete={handleSlidingComplete}\n        style={styles.slider}\n      />\n      {rightIcon ? (\n        <Icon color={rightIconThemeColor} name={rightIcon} size={24} />\n      ) : null}\n    </View>\n  );\n}\n\nconst styles = StyleSheet.create({\n  container: {\n    height: 40,\n    flexDirection: \"row\",\n    alignItems: \"center\",\n  },\n  slider: {\n    flex: 1,\n    marginHorizontal: 12,\n  },\n});\n\nexport default withTheme(Slider);\n"],"mappings":"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"}

package/lib/module/components/StarRating.js

@@ -1,9 +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 * as React from "react";
 import { View, StyleSheet, Pressable } from "react-native";
 import { withTheme } from "../theming";
-
 const StarRating = _ref => {
   let {
     Icon,
@@ -55,7 +53,6 @@ const StarRating = _ref => {
     onPress: () => ratingHandler(i + 1)
   })))));
 };
-
 const styles = StyleSheet.create({
   container: {
     flexDirection: "row",
@@ -77,4 +74,5 @@ const styles = StyleSheet.create({
     width: "50%"
   }
 });
-export default withTheme(StarRating);
+export default withTheme(StarRating);
+//# sourceMappingURL=StarRating.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","View","StyleSheet","Pressable","withTheme","StarRating","Icon","starSize","maxStars","rating","defaultValue","isEditable","activeColor","inactiveColor","style","onPress","rest","localRating","setLocalRating","useState","useEffect","ratingHandler","useCallback","r","ratingRounded","Math","round","styles","container","Array","map","_","i","display","touchContainer","pressable","create","flexDirection","alignItems","position","top","right","left","bottom","zIndex","flex","height","width"],"sources":["StarRating.tsx"],"sourcesContent":["import * as React from \"react\";\nimport {\n  View,\n  StyleSheet,\n  StyleProp,\n  ViewStyle,\n  Pressable,\n} from \"react-native\";\nimport { withTheme } from \"../theming\";\nimport type { Theme } from \"../styles/DefaultTheme\";\nimport type { IconSlot } from \"../interfaces/Icon\";\n\ntype Props = {\n  starSize?: number;\n  maxStars?: number;\n  rating?: number;\n  defaultValue?: number;\n  isEditable?: boolean;\n  activeColor?: string;\n  inactiveColor?: string;\n  theme: Theme;\n  style?: StyleProp<ViewStyle>;\n  onPress?: (newValue: number) => void;\n} & IconSlot;\n\nconst StarRating: React.FC<React.PropsWithChildren<Props>> = ({\n  Icon,\n  starSize = 16,\n  maxStars = 5,\n  rating = 0,\n  defaultValue,\n  isEditable = false,\n  activeColor,\n  inactiveColor,\n  style,\n  onPress,\n  ...rest\n}) => {\n  const [localRating, setLocalRating] = React.useState<number>(\n    rating || defaultValue || 0\n  );\n\n  React.useEffect(() => {\n    if (rating != null) {\n      setLocalRating(rating);\n    }\n  }, [rating]);\n\n  React.useEffect(() => {\n    if (defaultValue != null) {\n      setLocalRating(defaultValue);\n    }\n  }, [defaultValue]);\n\n  const ratingHandler = React.useCallback(\n    (r: number) => {\n      setLocalRating(r);\n      !!onPress && onPress(r);\n    },\n    [onPress]\n  );\n\n  const ratingRounded = Math.round(localRating * 2) / 2;\n\n  return (\n    <View style={[styles.container, style]} {...rest}>\n      {[...Array(maxStars)].map((_, i) => (\n        <View key={i} style={{ display: \"flex\" }}>\n          <Icon\n            name={\n              ratingRounded - i === 0.5\n                ? \"MaterialIcons/star-half\"\n                : \"MaterialIcons/star\"\n            }\n            size={starSize}\n            color={ratingRounded > i ? activeColor : inactiveColor}\n          />\n          {isEditable && (\n            <View style={styles.touchContainer}>\n              <Pressable\n                style={styles.pressable}\n                onPress={() => ratingHandler(i + 0.5)}\n              />\n              <Pressable\n                style={styles.pressable}\n                onPress={() => ratingHandler(i + 1)}\n              />\n            </View>\n          )}\n        </View>\n      ))}\n    </View>\n  );\n};\n\nconst styles = StyleSheet.create({\n  container: {\n    flexDirection: \"row\",\n    alignItems: \"center\",\n  },\n  touchContainer: {\n    display: \"flex\",\n    flexDirection: \"row\",\n    position: \"absolute\",\n    top: 0,\n    right: 0,\n    left: 0,\n    bottom: 0,\n    zIndex: 1,\n  },\n  pressable: {\n    flex: 1,\n    height: \"100%\",\n    width: \"50%\",\n  },\n});\n\nexport default withTheme(StarRating);\n"],"mappings":";AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SACEC,IAAI,EACJC,UAAU,EAGVC,SAAS,QACJ,cAAc;AACrB,SAASC,SAAS,QAAQ,YAAY;AAiBtC,MAAMC,UAAoD,GAAG,QAYvD;EAAA,IAZwD;IAC5DC,IAAI;IACJC,QAAQ,GAAG,EAAE;IACbC,QAAQ,GAAG,CAAC;IACZC,MAAM,GAAG,CAAC;IACVC,YAAY;IACZC,UAAU,GAAG,KAAK;IAClBC,WAAW;IACXC,aAAa;IACbC,KAAK;IACLC,OAAO;IACP,GAAGC;EACL,CAAC;EACC,MAAM,CAACC,WAAW,EAAEC,cAAc,CAAC,GAAGlB,KAAK,CAACmB,QAAQ,CAClDV,MAAM,IAAIC,YAAY,IAAI,CAAC,CAC5B;EAEDV,KAAK,CAACoB,SAAS,CAAC,MAAM;IACpB,IAAIX,MAAM,IAAI,IAAI,EAAE;MAClBS,cAAc,CAACT,MAAM,CAAC;IACxB;EACF,CAAC,EAAE,CAACA,MAAM,CAAC,CAAC;EAEZT,KAAK,CAACoB,SAAS,CAAC,MAAM;IACpB,IAAIV,YAAY,IAAI,IAAI,EAAE;MACxBQ,cAAc,CAACR,YAAY,CAAC;IAC9B;EACF,CAAC,EAAE,CAACA,YAAY,CAAC,CAAC;EAElB,MAAMW,aAAa,GAAGrB,KAAK,CAACsB,WAAW,CACpCC,CAAS,IAAK;IACbL,cAAc,CAACK,CAAC,CAAC;IACjB,CAAC,CAACR,OAAO,IAAIA,OAAO,CAACQ,CAAC,CAAC;EACzB,CAAC,EACD,CAACR,OAAO,CAAC,CACV;EAED,MAAMS,aAAa,GAAGC,IAAI,CAACC,KAAK,CAACT,WAAW,GAAG,CAAC,CAAC,GAAG,CAAC;EAErD,oBACE,oBAAC,IAAI;IAAC,KAAK,EAAE,CAACU,MAAM,CAACC,SAAS,EAAEd,KAAK;EAAE,GAAKE,IAAI,GAC7C,CAAC,GAAGa,KAAK,CAACrB,QAAQ,CAAC,CAAC,CAACsB,GAAG,CAAC,CAACC,CAAC,EAAEC,CAAC,kBAC7B,oBAAC,IAAI;IAAC,GAAG,EAAEA,CAAE;IAAC,KAAK,EAAE;MAAEC,OAAO,EAAE;IAAO;EAAE,gBACvC,oBAAC,IAAI;IACH,IAAI,EACFT,aAAa,GAAGQ,CAAC,KAAK,GAAG,GACrB,yBAAyB,GACzB,oBACL;IACD,IAAI,EAAEzB,QAAS;IACf,KAAK,EAAEiB,aAAa,GAAGQ,CAAC,GAAGpB,WAAW,GAAGC;EAAc,EACvD,EACDF,UAAU,iBACT,oBAAC,IAAI;IAAC,KAAK,EAAEgB,MAAM,CAACO;EAAe,gBACjC,oBAAC,SAAS;IACR,KAAK,EAAEP,MAAM,CAACQ,SAAU;IACxB,OAAO,EAAE,MAAMd,aAAa,CAACW,CAAC,GAAG,GAAG;EAAE,EACtC,eACF,oBAAC,SAAS;IACR,KAAK,EAAEL,MAAM,CAACQ,SAAU;IACxB,OAAO,EAAE,MAAMd,aAAa,CAACW,CAAC,GAAG,CAAC;EAAE,EACpC,CAEL,CAEJ,CAAC,CACG;AAEX,CAAC;AAED,MAAML,MAAM,GAAGzB,UAAU,CAACkC,MAAM,CAAC;EAC/BR,SAAS,EAAE;IACTS,aAAa,EAAE,KAAK;IACpBC,UAAU,EAAE;EACd,CAAC;EACDJ,cAAc,EAAE;IACdD,OAAO,EAAE,MAAM;IACfI,aAAa,EAAE,KAAK;IACpBE,QAAQ,EAAE,UAAU;IACpBC,GAAG,EAAE,CAAC;IACNC,KAAK,EAAE,CAAC;IACRC,IAAI,EAAE,CAAC;IACPC,MAAM,EAAE,CAAC;IACTC,MAAM,EAAE;EACV,CAAC;EACDT,SAAS,EAAE;IACTU,IAAI,EAAE,CAAC;IACPC,MAAM,EAAE,MAAM;IACdC,KAAK,EAAE;EACT;AACF,CAAC,CAAC;AAEF,eAAe3C,SAAS,CAACC,UAAU,CAAC"}

package/lib/module/components/StepIndicator.js

@@ -1,5 +1,6 @@
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
 // @ts-nocheck
 import React, { Component } from "react";
 import { View, Text, StyleSheet, Animated, TouchableWithoutFeedback } from "react-native";
@@ -11,14 +12,12 @@ const STEP_STATUS = {
 export default class StepIndicator extends Component {
   constructor(props) {
     super(props);
-
     _defineProperty(this, "renderProgressBarBackground", () => {
       const {
         stepCount,
         direction
       } = this.props;
       let progressBarBackgroundStyle;
-
       if (direction === "vertical") {
         progressBarBackgroundStyle = {
           backgroundColor: this.state.customStyles.separatorUnFinishedColor,
@@ -38,7 +37,6 @@ export default class StepIndicator extends Component {
           height: this.state.customStyles.separatorStrokeUnfinishedWidth === 0 ? this.state.customStyles.separatorStrokeWidth : this.state.customStyles.separatorStrokeUnfinishedWidth
         };
       }
-
       return /*#__PURE__*/React.createElement(View, {
         onLayout: event => {
           if (direction === "vertical") {
@@ -58,14 +56,12 @@ export default class StepIndicator extends Component {
         style: progressBarBackgroundStyle
       });
     });
-
     _defineProperty(this, "renderProgressBar", () => {
       const {
         stepCount,
         direction
       } = this.props;
       let progressBarStyle;
-
       if (direction === "vertical") {
         progressBarStyle = {
           backgroundColor: this.state.customStyles.separatorFinishedColor,
@@ -87,19 +83,16 @@ export default class StepIndicator extends Component {
           width: this.progressAnim
         };
       }
-
       return /*#__PURE__*/React.createElement(Animated.View, {
         style: progressBarStyle
       });
     });
-
     _defineProperty(this, "renderStepIndicator", () => {
       let steps = [];
       const {
         stepCount,
         direction
       } = this.props;
-
       for (let position = 0; position < stepCount; position++) {
         steps.push( /*#__PURE__*/React.createElement(TouchableWithoutFeedback, {
           key: position,
@@ -112,7 +105,6 @@ export default class StepIndicator extends Component {
           }]
         }, this.renderStep(position))));
       }
-
       return /*#__PURE__*/React.createElement(View, {
         onLayout: event => this.setState({
           width: event.nativeEvent.layout.width,
@@ -127,7 +119,6 @@ export default class StepIndicator extends Component {
         }]
       }, steps);
     });
-
     _defineProperty(this, "renderStepLabels", () => {
       const {
         labels,
@@ -171,14 +162,12 @@ export default class StepIndicator extends Component {
         }]
       }, labelViews);
     });
-
     _defineProperty(this, "renderStep", position => {
       const {
         renderStepIndicator
       } = this.props;
       let stepStyle;
       let indicatorLabelStyle;
-
       switch (this.getStepStatus(position)) {
         case STEP_STATUS.CURRENT:
           {
@@ -196,7 +185,6 @@ export default class StepIndicator extends Component {
             };
             break;
           }
-
         case STEP_STATUS.FINISHED:
           {
             stepStyle = {
@@ -213,7 +201,6 @@ export default class StepIndicator extends Component {
             };
             break;
           }
-
         case STEP_STATUS.UNFINISHED:
           {
             stepStyle = {
@@ -231,10 +218,8 @@ export default class StepIndicator extends Component {
             };
             break;
           }
-
         default:
       }
-
       return /*#__PURE__*/React.createElement(Animated.View, {
         key: "step-indicator",
         style: [styles.step, stepStyle]
@@ -243,14 +228,12 @@ export default class StepIndicator extends Component {
         stepStatus: this.getStepStatus(position)
       }) : /*#__PURE__*/React.createElement(Text, {
         style: indicatorLabelStyle
-      }, "".concat(position + 1)));
+      }, `${position + 1}`));
     });
-
     _defineProperty(this, "getStepStatus", stepPosition => {
       const {
         currentPosition
       } = this.props;
-
       if (stepPosition === currentPosition) {
         return STEP_STATUS.CURRENT;
       } else if (stepPosition < currentPosition) {
@@ -259,16 +242,13 @@ export default class StepIndicator extends Component {
         return STEP_STATUS.UNFINISHED;
       }
     });
-
     _defineProperty(this, "onCurrentPositionChanged", position => {
       let {
         stepCount
       } = this.props;
-
       if (position > stepCount - 1) {
         position = stepCount - 1;
       }
-
       const animateToPosition = this.state.progressBarSize / (stepCount - 1) * position;
       this.sizeAnim.setValue(this.state.customStyles.stepIndicatorSize);
       this.borderRadiusAnim.setValue(this.state.customStyles.stepIndicatorSize / 2);
@@ -283,7 +263,6 @@ export default class StepIndicator extends Component {
         duration: 100
       })])]).start();
     });
-
     const defaultStyles = {
       stepIndicatorSize: 30,
       currentStepIndicatorSize: 40,
@@ -321,13 +300,11 @@ export default class StepIndicator extends Component {
     this.sizeAnim = new Animated.Value(this.state.customStyles.stepIndicatorSize);
     this.borderRadiusAnim = new Animated.Value(this.state.customStyles.stepIndicatorSize / 2);
   }
-
   stepPressed(position) {
     if (this.props.onPress) {
       this.props.onPress(position);
     }
   }
-
   render() {
     const {
       labels,
@@ -342,7 +319,6 @@ export default class StepIndicator extends Component {
       }]
     }, this.state.width !== 0 && this.renderProgressBarBackground(), this.state.width !== 0 && this.renderProgressBar(), this.renderStepIndicator(), labels && this.renderStepLabels());
   }
-
   componentDidUpdate(prevProps) {
     // if (prevProps.customStyles !== this.props.customStyles) {
     //   this.setState((state) => ({
@@ -352,11 +328,11 @@ export default class StepIndicator extends Component {
     //     ),
     //   }));
     // }
+
     if (prevProps.currentPosition !== this.props.currentPosition) {
       this.onCurrentPositionChanged(this.props.currentPosition);
     }
   }
-
 }
 const styles = StyleSheet.create({
   container: {
@@ -398,4 +374,5 @@ StepIndicator.defaultProps = {
   stepCount: 5,
   customStyles: {},
   direction: "horizontal"
-};
+};
+//# sourceMappingURL=StepIndicator.js.map