npm - @draftbit/core - Versions diffs - 46.4.4-764cb2.2 → 46.4.4-78b627.2 - Mend

@draftbit/core 46.4.4-764cb2.2 → 46.4.4-78b627.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (725) hide show

package/lib/commonjs/components/IconButton.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"names":["IconButton","Icon","icon","color","customColor","size","disabled","loading","onPress","theme","style","props","iconColor","colors","primary","pressed","styles","container","opacity","width","height","alignItems","justifyContent","StyleSheet","create","Platform","select","web","cursor","userSelect","withTheme"],"sources":["IconButton.tsx"],"sourcesContent":["import * as React from \"react\";\nimport {\n View,\n StyleSheet,\n ActivityIndicator,\n StyleProp,\n ViewStyle,\n Pressable,\n PressableProps,\n Platform,\n} from \"react-native\";\nimport { withTheme } from \"../theming\";\nimport type { Theme } from \"../styles/DefaultTheme\";\nimport type { IconSlot } from \"../interfaces/Icon\";\n\ntype Props = {\n icon?: string;\n color?: string;\n size?: number;\n disabled?: boolean;\n loading?: boolean;\n onPress: () => void;\n theme: Theme;\n style?: StyleProp<ViewStyle>;\n} & PressableProps &\n IconSlot;\n\nconst IconButton: React.FC<React.PropsWithChildren<Props>> = ({\n Icon,\n icon,\n color: customColor,\n size = 32,\n disabled = false,\n loading = false,\n onPress,\n theme,\n style,\n ...props\n}) => {\n const iconColor = customColor || theme.colors.primary;\n\n return (\n <Pressable\n onPress={onPress}\n disabled={disabled || loading}\n style={({ pressed }) => {\n return [\n styles.container,\n {\n opacity: pressed || disabled ? 0.75 : 1,\n width: size,\n height: size,\n alignItems: \"center\",\n justifyContent: \"center\",\n },\n style,\n ];\n }}\n {...props}\n >\n <View>\n {icon && !loading ? (\n <Icon name={icon} size={size - 2} color={iconColor} />\n ) : null}\n {loading ? <ActivityIndicator size=\"small\" color={iconColor} /> : null}\n </View>\n </Pressable>\n );\n};\n\nconst styles = StyleSheet.create({\n container: {\n alignItems: \"center\",\n justifyContent: \"center\",\n ...Platform.select({\n web: {\n cursor: \"pointer\",\n userSelect: \"none\",\n },\n }),\n },\n});\n\nexport default withTheme(IconButton);\n"],"mappings":";;;;;;AAAA;AACA;AAUA;AAAuC;AAAA;AAAA;AAgBvC,MAAMA,UAAoD,GAAG,QAWvD;EAAA,IAXwD;IAC5DC,IAAI;IACJC,IAAI;IACJC,KAAK,EAAEC,WAAW;IAClBC,IAAI,GAAG,EAAE;IACTC,QAAQ,GAAG,KAAK;IAChBC,OAAO,GAAG,KAAK;IACfC,OAAO;IACPC,KAAK;IACLC,KAAK;IACL,GAAGC;EACL,CAAC;EACC,MAAMC,SAAS,GAAGR,WAAW,IAAIK,KAAK,CAACI,MAAM,CAACC,OAAO;EAErD,oBACE,oBAAC,sBAAS;IACR,OAAO,EAAEN,OAAQ;IACjB,QAAQ,EAAEF,QAAQ,IAAIC,OAAQ;IAC9B,KAAK,EAAE,SAAiB;MAAA,IAAhB;QAAEQ;MAAQ,CAAC;MACjB,OAAO,CACLC,MAAM,CAACC,SAAS,EAChB;QACEC,OAAO,EAAEH,OAAO,IAAIT,QAAQ,GAAG,IAAI,GAAG,CAAC;QACvCa,KAAK,EAAEd,IAAI;QACXe,MAAM,EAAEf,IAAI;QACZgB,UAAU,EAAE,QAAQ;QACpBC,cAAc,EAAE;MAClB,CAAC,EACDZ,KAAK,CACN;IACH;EAAE,GACEC,KAAK,gBAET,oBAAC,iBAAI,QACFT,IAAI,IAAI,CAACK,OAAO,gBACf,oBAAC,IAAI;IAAC,IAAI,EAAEL,IAAK;IAAC,IAAI,EAAEG,IAAI,GAAG,CAAE;IAAC,KAAK,EAAEO;EAAU,EAAG,GACpD,IAAI,EACPL,OAAO,gBAAG,oBAAC,8BAAiB;IAAC,IAAI,EAAC,OAAO;IAAC,KAAK,EAAEK;EAAU,EAAG,GAAG,IAAI,CACjE,CACG;AAEhB,CAAC;AAED,MAAMI,MAAM,GAAGO,uBAAU,CAACC,MAAM,CAAC;EAC/BP,SAAS,EAAE;IACTI,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE,QAAQ;IACxB,GAAGG,qBAAQ,CAACC,MAAM,CAAC;MACjBC,GAAG,EAAE;QACHC,MAAM,EAAE,SAAS;QACjBC,UAAU,EAAE;MACd;IACF,CAAC;EACH;AACF,CAAC,CAAC;AAAC,eAEY,IAAAC,kBAAS,EAAC9B,UAAU,CAAC;AAAA"}

package/lib/commonjs/components/Image.js CHANGED Viewed

@@ -78,4 +78,5 @@ const Image = _ref2 => {
   }));
 };
 var _default = Image;
-exports.default = _default;
+exports.default = _default;
+//# sourceMappingURL=Image.js.map

package/lib/commonjs/components/Image.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"names":["generateDimensions","aspectRatio","width","height","Image","source","resizeMode","style","props","imageSource","undefined","Config","placeholderImageURL","styles","StyleSheet","flatten"],"sources":["Image.tsx"],"sourcesContent":["/* README: Internal Image component used for stuff like Card. DO NOT EXPORT! */\nimport React from \"react\";\nimport {\n Image as NativeImage,\n ImageProps,\n StyleSheet,\n ImageSourcePropType,\n} from \"react-native\";\nimport Config from \"./Config\";\n\nimport AspectRatio from \"./AspectRatio\";\n\ntype ImageStyleProp = {\n width?: number;\n height?: number;\n aspectRatio?: number;\n};\n\nconst generateDimensions = ({ aspectRatio, width, height }: ImageStyleProp) => {\n if (aspectRatio && !width && !height) {\n return {\n aspectRatio,\n width: \"100%\",\n };\n }\n\n if (aspectRatio && height) {\n return {\n aspectRatio,\n height,\n width: aspectRatio * height,\n };\n }\n\n if (aspectRatio && width) {\n return {\n aspectRatio,\n width,\n height: width / aspectRatio,\n };\n }\n\n return { width, height };\n};\n\nconst Image: React.FC<ImageProps> = ({\n source,\n resizeMode = \"cover\",\n style,\n ...props\n}) => {\n let imageSource =\n source === null || source === undefined\n ? Config.placeholderImageURL\n : source;\n\n const styles = StyleSheet.flatten(style || {});\n const { aspectRatio, width, height } = generateDimensions(\n styles as ImageStyleProp\n );\n\n if (aspectRatio) {\n return (\n <AspectRatio style={[style, { width, height, aspectRatio }]}>\n <NativeImage\n {...props}\n source={imageSource as ImageSourcePropType}\n resizeMode={resizeMode}\n style={[\n style,\n {\n height: \"100%\",\n width: \"100%\",\n },\n ]}\n />\n </AspectRatio>\n );\n }\n\n return (\n <NativeImage\n {...props}\n source={source as ImageSourcePropType}\n resizeMode={resizeMode}\n style={style}\n />\n );\n};\n\nexport default Image;\n"],"mappings":";;;;;;AACA;AACA;AAMA;AAEA;AAAwC;AAAA;AAQxC,MAAMA,kBAAkB,GAAG,QAAoD;EAAA,IAAnD;IAAEC,WAAW;IAAEC,KAAK;IAAEC;EAAuB,CAAC;EACxE,IAAIF,WAAW,IAAI,CAACC,KAAK,IAAI,CAACC,MAAM,EAAE;IACpC,OAAO;MACLF,WAAW;MACXC,KAAK,EAAE;IACT,CAAC;EACH;EAEA,IAAID,WAAW,IAAIE,MAAM,EAAE;IACzB,OAAO;MACLF,WAAW;MACXE,MAAM;MACND,KAAK,EAAED,WAAW,GAAGE;IACvB,CAAC;EACH;EAEA,IAAIF,WAAW,IAAIC,KAAK,EAAE;IACxB,OAAO;MACLD,WAAW;MACXC,KAAK;MACLC,MAAM,EAAED,KAAK,GAAGD;IAClB,CAAC;EACH;EAEA,OAAO;IAAEC,KAAK;IAAEC;EAAO,CAAC;AAC1B,CAAC;AAED,MAAMC,KAA2B,GAAG,SAK9B;EAAA,IAL+B;IACnCC,MAAM;IACNC,UAAU,GAAG,OAAO;IACpBC,KAAK;IACL,GAAGC;EACL,CAAC;EACC,IAAIC,WAAW,GACbJ,MAAM,KAAK,IAAI,IAAIA,MAAM,KAAKK,SAAS,GACnCC,eAAM,CAACC,mBAAmB,GAC1BP,MAAM;EAEZ,MAAMQ,MAAM,GAAGC,uBAAU,CAACC,OAAO,CAACR,KAAK,IAAI,CAAC,CAAC,CAAC;EAC9C,MAAM;IAAEN,WAAW;IAAEC,KAAK;IAAEC;EAAO,CAAC,GAAGH,kBAAkB,CACvDa,MAAM,CACP;EAED,IAAIZ,WAAW,EAAE;IACf,oBACE,6BAAC,oBAAW;MAAC,KAAK,EAAE,CAACM,KAAK,EAAE;QAAEL,KAAK;QAAEC,MAAM;QAAEF;MAAY,CAAC;IAAE,gBAC1D,6BAAC,kBAAW,eACNO,KAAK;MACT,MAAM,EAAEC,WAAmC;MAC3C,UAAU,EAAEH,UAAW;MACvB,KAAK,EAAE,CACLC,KAAK,EACL;QACEJ,MAAM,EAAE,MAAM;QACdD,KAAK,EAAE;MACT,CAAC;IACD,GACF,CACU;EAElB;EAEA,oBACE,6BAAC,kBAAW,eACNM,KAAK;IACT,MAAM,EAAEH,MAA8B;IACtC,UAAU,EAAEC,UAAW;IACvB,KAAK,EAAEC;EAAM,GACb;AAEN,CAAC;AAAC,eAEaH,KAAK;AAAA"}

package/lib/commonjs/components/Justification.js CHANGED Viewed

@@ -1,5 +1,5 @@
 "use strict";
-Object.defineProperty(exports, "__esModule", {
+//# sourceMappingURL=Justification.js.maple", {
   value: true
-});
+});
+//# sourceMappingURL=Justification.js.map

package/lib/commonjs/components/Justification.js.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"names":[],"sources":["Justification.ts"],"sourcesContent":["export type justificationType =\n \| \"flex-start\"\n \| \"flex-end\"\n \| \"center\"\n \| \"space-between\"\n \| \"space-around\"\n \| \"space-evenly\"\n \| undefined;\n"],"mappings":""}

package/lib/commonjs/components/Layout.js CHANGED Viewed

@@ -123,4 +123,5 @@ function Stack(_ref6) {
       }]
     }, rest), children)
   );
-}
+}
+//# sourceMappingURL=Layout.js.map

package/lib/commonjs/components/Layout.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"names":["Center","width","height","children","bgColor","style","rest","justifyContent","alignItems","backgroundColor","Circle","size","borderRadius","overflow","Square","Row","flexDirection","Spacer","top","right","bottom","left","paddingRight","paddingTop","paddingLeft","paddingBottom","Stack"],"sources":["Layout.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { View, StyleProp, ViewStyle } from \"react-native\";\n// @ts-ignore\nimport type { ViewStyleProp } from \"react-native/Libraries/StyleSheet/StyleSheet\";\n\nexport function Center({\n width = 240,\n height = 200,\n children,\n bgColor,\n style,\n ...rest\n}: {\n width: number;\n height: number;\n bgColor: string;\n children: React.ReactNode;\n style?: StyleProp<ViewStyle>;\n}) {\n return (\n <View\n style={[\n {\n justifyContent: \"center\",\n alignItems: \"center\",\n width,\n height,\n backgroundColor: bgColor,\n },\n style,\n ]}\n {...rest}\n >\n {children}\n </View>\n );\n}\n\nexport function Circle({\n size = 50,\n bgColor,\n children,\n style,\n ...rest\n}: {\n size: number;\n bgColor: string;\n children: React.ReactNode;\n style?: StyleProp<ViewStyle>;\n}) {\n const borderRadius = 1000;\n return (\n <Center\n width={size}\n height={size}\n bgColor={bgColor}\n style={[\n style,\n { backgroundColor: bgColor, borderRadius, overflow: \"hidden\" },\n ]}\n {...rest}\n >\n {children}\n </Center>\n );\n}\n\nexport function Square({\n size = 50,\n bgColor,\n children,\n style,\n ...rest\n}: {\n size: number;\n bgColor: string;\n children: React.ReactNode;\n style?: StyleProp<ViewStyle>;\n}) {\n return (\n <Center\n style={style}\n width={size}\n height={size}\n bgColor={bgColor}\n {...rest}\n >\n {children}\n </Center>\n );\n}\n\nexport function Row({\n justifyContent,\n alignItems,\n children,\n style,\n ...rest\n}: {\n alignItems: ViewStyleProp.alignItems;\n justifyContent: ViewStyleProp.justifyContent;\n children: React.ReactNode;\n style?: StyleProp<ViewStyle>;\n}) {\n return (\n <View\n style={[\n style, // style goes first b/c we can't override these\n {\n alignItems,\n flexDirection: \"row\",\n justifyContent: justifyContent,\n },\n ]}\n {...rest}\n >\n {children}\n </View>\n );\n}\n\nexport function Spacer({\n top = 8,\n right = 8,\n bottom = 8,\n left = 8,\n children,\n style,\n ...rest\n}: {\n top?: number;\n right?: number;\n left?: number;\n bottom?: number;\n children: React.ReactNode;\n style?: StyleProp<ViewStyle>;\n}) {\n return (\n <View\n style={[\n style,\n {\n paddingRight: right,\n paddingTop: top,\n paddingLeft: left,\n paddingBottom: bottom,\n },\n ]}\n {...rest}\n >\n {children}\n </View>\n );\n}\n\nexport function Stack({\n children,\n justifyContent = \"flex-start\",\n alignItems = \"flex-start\",\n style,\n ...rest\n}: {\n justifyContent: ViewStyleProp.justifyContent;\n alignItems: ViewStyleProp.alignItems;\n children: React.ReactNode;\n style?: StyleProp<ViewStyle>;\n}) {\n return (\n // style must go first since we don't want justifyContent, alignItems overridden\n <View style={[style, { justifyContent, alignItems }]} {...rest}>\n {children}\n </View>\n );\n}\n"],"mappings":";;;;;;;;;;;AAAA;AACA;AAA0D;AAAA;AAAA;AAInD,SAASA,MAAM,OAanB;EAAA,IAboB;IACrBC,KAAK,GAAG,GAAG;IACXC,MAAM,GAAG,GAAG;IACZC,QAAQ;IACRC,OAAO;IACPC,KAAK;IACL,GAAGC;EAOL,CAAC;EACC,oBACE,oBAAC,iBAAI;IACH,KAAK,EAAE,CACL;MACEC,cAAc,EAAE,QAAQ;MACxBC,UAAU,EAAE,QAAQ;MACpBP,KAAK;MACLC,MAAM;MACNO,eAAe,EAAEL;IACnB,CAAC,EACDC,KAAK;EACL,GACEC,IAAI,GAEPH,QAAQ,CACJ;AAEX;AAEO,SAASO,MAAM,QAWnB;EAAA,IAXoB;IACrBC,IAAI,GAAG,EAAE;IACTP,OAAO;IACPD,QAAQ;IACRE,KAAK;IACL,GAAGC;EAML,CAAC;EACC,MAAMM,YAAY,GAAG,IAAI;EACzB,oBACE,oBAAC,MAAM;IACL,KAAK,EAAED,IAAK;IACZ,MAAM,EAAEA,IAAK;IACb,OAAO,EAAEP,OAAQ;IACjB,KAAK,EAAE,CACLC,KAAK,EACL;MAAEI,eAAe,EAAEL,OAAO;MAAEQ,YAAY;MAAEC,QAAQ,EAAE;IAAS,CAAC;EAC9D,GACEP,IAAI,GAEPH,QAAQ,CACF;AAEb;AAEO,SAASW,MAAM,QAWnB;EAAA,IAXoB;IACrBH,IAAI,GAAG,EAAE;IACTP,OAAO;IACPD,QAAQ;IACRE,KAAK;IACL,GAAGC;EAML,CAAC;EACC,oBACE,oBAAC,MAAM;IACL,KAAK,EAAED,KAAM;IACb,KAAK,EAAEM,IAAK;IACZ,MAAM,EAAEA,IAAK;IACb,OAAO,EAAEP;EAAQ,GACbE,IAAI,GAEPH,QAAQ,CACF;AAEb;AAEO,SAASY,GAAG,QAWhB;EAAA,IAXiB;IAClBR,cAAc;IACdC,UAAU;IACVL,QAAQ;IACRE,KAAK;IACL,GAAGC;EAML,CAAC;EACC,oBACE,oBAAC,iBAAI;IACH,KAAK,EAAE,CACLD,KAAK;IAAE;IACP;MACEG,UAAU;MACVQ,aAAa,EAAE,KAAK;MACpBT,cAAc,EAAEA;IAClB,CAAC;EACD,GACED,IAAI,GAEPH,QAAQ,CACJ;AAEX;AAEO,SAASc,MAAM,QAenB;EAAA,IAfoB;IACrBC,GAAG,GAAG,CAAC;IACPC,KAAK,GAAG,CAAC;IACTC,MAAM,GAAG,CAAC;IACVC,IAAI,GAAG,CAAC;IACRlB,QAAQ;IACRE,KAAK;IACL,GAAGC;EAQL,CAAC;EACC,oBACE,oBAAC,iBAAI;IACH,KAAK,EAAE,CACLD,KAAK,EACL;MACEiB,YAAY,EAAEH,KAAK;MACnBI,UAAU,EAAEL,GAAG;MACfM,WAAW,EAAEH,IAAI;MACjBI,aAAa,EAAEL;IACjB,CAAC;EACD,GACEd,IAAI,GAEPH,QAAQ,CACJ;AAEX;AAEO,SAASuB,KAAK,QAWlB;EAAA,IAXmB;IACpBvB,QAAQ;IACRI,cAAc,GAAG,YAAY;IAC7BC,UAAU,GAAG,YAAY;IACzBH,KAAK;IACL,GAAGC;EAML,CAAC;EACC;IAAA;IACE;IACA,oBAAC,iBAAI;MAAC,KAAK,EAAE,CAACD,KAAK,EAAE;QAAEE,cAAc;QAAEC;MAAW,CAAC;IAAE,GAAKF,IAAI,GAC3DH,QAAQ;EACJ;AAEX"}

package/lib/commonjs/components/NumberInput.js CHANGED Viewed

@@ -65,4 +65,5 @@ const NumberInput = _ref => {
   }, props));
 };
 var _default = NumberInput;
-exports.default = _default;
+exports.default = _default;
+//# sourceMappingURL=NumberInput.js.map

package/lib/commonjs/components/NumberInput.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"names":["NumberInput","onChangeText","value","defaultValue","props","currentStringNumberValue","setCurrentStringNumberValue","useState","formatValueToStringNumber","valueToFormat","isString","test","slice","isNumber","isNaN","toString","useEffect","defaultStringNumberValue","handleChangeText","newValue","newStringNumberValue","number","parseFloat","nextStringNumberValue"],"sources":["NumberInput.tsx"],"sourcesContent":["import React, { FC, useEffect, useState } from \"react\";\nimport { TextInput } from \"react-native\";\nimport { isString, isNumber, isNaN } from \"lodash\";\n\ninterface Props {\n value?: number | string;\n defaultValue?: number | string;\n onChangeText?: (value?: number) => void;\n}\n\nconst NumberInput: FC<Props> = ({\n onChangeText,\n value,\n defaultValue,\n ...props\n}) => {\n const [currentStringNumberValue, setCurrentStringNumberValue] = useState(\"0\");\n\n const formatValueToStringNumber = (valueToFormat?: number | string) => {\n if (valueToFormat != null) {\n if (isString(valueToFormat) && valueToFormat !== \"\") {\n if (/^0[1-9]$/.test(valueToFormat)) {\n return valueToFormat.slice(1);\n } else if (/^[+-]?([0-9]+\\.?[0-9]*|\\.[0-9]+)$/.test(valueToFormat)) {\n return valueToFormat;\n } else {\n return currentStringNumberValue;\n }\n } else if (isNumber(valueToFormat) && !isNaN(valueToFormat)) {\n return valueToFormat.toString();\n }\n }\n\n return \"0\";\n };\n\n // set currentStringNumberValue as defaultValue prop if there is a differnce on first render only\n useEffect(() => {\n const defaultStringNumberValue = formatValueToStringNumber(defaultValue);\n\n if (currentStringNumberValue !== defaultStringNumberValue) {\n setCurrentStringNumberValue(defaultStringNumberValue);\n }\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, []);\n\n const handleChangeText = (newValue: string) => {\n const newStringNumberValue = formatValueToStringNumber(newValue);\n const number = parseFloat(newStringNumberValue);\n\n setCurrentStringNumberValue(newStringNumberValue);\n onChangeText?.(number);\n };\n\n // run handleChangeText with value prop only when value prop changes (and first render to reset currentStringNumberValue)\n useEffect(() => {\n const nextStringNumberValue = formatValueToStringNumber(value);\n\n if (currentStringNumberValue !== nextStringNumberValue) {\n handleChangeText(nextStringNumberValue);\n }\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [value]);\n\n return (\n <TextInput\n keyboardType=\"numeric\"\n value={currentStringNumberValue}\n onChangeText={handleChangeText}\n {...props}\n />\n );\n};\n\nexport default NumberInput;\n"],"mappings":";;;;;;AAAA;AACA;AACA;AAAmD;AAAA;AAAA;AAQnD,MAAMA,WAAsB,GAAG,QAKzB;EAAA,IAL0B;IAC9BC,YAAY;IACZC,KAAK;IACLC,YAAY;IACZ,GAAGC;EACL,CAAC;EACC,MAAM,CAACC,wBAAwB,EAAEC,2BAA2B,CAAC,GAAG,IAAAC,eAAQ,EAAC,GAAG,CAAC;EAE7E,MAAMC,yBAAyB,GAAIC,aAA+B,IAAK;IACrE,IAAIA,aAAa,IAAI,IAAI,EAAE;MACzB,IAAI,IAAAC,gBAAQ,EAACD,aAAa,CAAC,IAAIA,aAAa,KAAK,EAAE,EAAE;QACnD,IAAI,UAAU,CAACE,IAAI,CAACF,aAAa,CAAC,EAAE;UAClC,OAAOA,aAAa,CAACG,KAAK,CAAC,CAAC,CAAC;QAC/B,CAAC,MAAM,IAAI,mCAAmC,CAACD,IAAI,CAACF,aAAa,CAAC,EAAE;UAClE,OAAOA,aAAa;QACtB,CAAC,MAAM;UACL,OAAOJ,wBAAwB;QACjC;MACF,CAAC,MAAM,IAAI,IAAAQ,gBAAQ,EAACJ,aAAa,CAAC,IAAI,CAAC,IAAAK,aAAK,EAACL,aAAa,CAAC,EAAE;QAC3D,OAAOA,aAAa,CAACM,QAAQ,EAAE;MACjC;IACF;IAEA,OAAO,GAAG;EACZ,CAAC;;EAED;EACA,IAAAC,gBAAS,EAAC,MAAM;IACd,MAAMC,wBAAwB,GAAGT,yBAAyB,CAACL,YAAY,CAAC;IAExE,IAAIE,wBAAwB,KAAKY,wBAAwB,EAAE;MACzDX,2BAA2B,CAACW,wBAAwB,CAAC;IACvD;IACA;EACF,CAAC,EAAE,EAAE,CAAC;EAEN,MAAMC,gBAAgB,GAAIC,QAAgB,IAAK;IAC7C,MAAMC,oBAAoB,GAAGZ,yBAAyB,CAACW,QAAQ,CAAC;IAChE,MAAME,MAAM,GAAGC,UAAU,CAACF,oBAAoB,CAAC;IAE/Cd,2BAA2B,CAACc,oBAAoB,CAAC;IACjDnB,YAAY,aAAZA,YAAY,uBAAZA,YAAY,CAAGoB,MAAM,CAAC;EACxB,CAAC;;EAED;EACA,IAAAL,gBAAS,EAAC,MAAM;IACd,MAAMO,qBAAqB,GAAGf,yBAAyB,CAACN,KAAK,CAAC;IAE9D,IAAIG,wBAAwB,KAAKkB,qBAAqB,EAAE;MACtDL,gBAAgB,CAACK,qBAAqB,CAAC;IACzC;IACA;EACF,CAAC,EAAE,CAACrB,KAAK,CAAC,CAAC;EAEX,oBACE,6BAAC,sBAAS;IACR,YAAY,EAAC,SAAS;IACtB,KAAK,EAAEG,wBAAyB;IAChC,YAAY,EAAEa;EAAiB,GAC3Bd,KAAK,EACT;AAEN,CAAC;AAAC,eAEaJ,WAAW;AAAA"}

package/lib/commonjs/components/Picker/Picker.js CHANGED Viewed

@@ -253,8 +253,6 @@ const Picker = _ref => {
     }))) : null)
   );
 };
-var _default = (0, _theming.withTheme)(Picker);
-exports.default = _default;
 const styles = _reactNative.StyleSheet.create({
   marginsContainer: {
     alignSelf: "stretch",
@@ -324,4 +322,7 @@ const styles = _reactNative.StyleSheet.create({
     maxWidth: deviceWidth,
     maxHeight: deviceHeight
   }
-});
+});
+var _default = (0, _theming.withTheme)(Picker);
+exports.default = _default;
+//# sourceMappingURL=Picker.js.map

package/lib/commonjs/components/Picker/Picker.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"names":["normalizeOptions","options","length","map","option","label","String","value","isObject","Error","width","deviceWidth","height","deviceHeight","Dimensions","get","isIos","Platform","OS","unstyledColor","disabledColor","errorColor","Picker","error","onValueChange","defaultValue","Icon","style","placeholder","disabled","theme","assistiveText","iconColor","iconSize","leftIconMode","leftIconName","placeholderTextColor","rightIconName","type","androidPickerRef","React","useRef","undefined","internalValue","setInternalValue","useState","pickerVisible","setPickerVisible","togglePickerVisible","useEffect","current","focus","normalizedOptions","pickerOptions","colors","viewStyles","textStyles","extractStyles","additionalBorderStyles","additionalMarginStyles","borderStyles","extractedBorderStyles","marginStyles","extractedMarginStyles","extractBorderAndMarginStyles","borderTopLeftRadius","borderTopRightRadius","borderBottomRightRadius","borderBottomLeftRadius","borderTopWidth","borderRightWidth","borderLeftWidth","borderBottomWidth","borderColor","borderStyle","backgroundColor","stylesWithoutBordersAndMargins","omit","borderStyleNames","marginStyleNames","selectedLabel","find","labelText","textAlign","color","fontSize","paddingBottom","leftIconOutset","leftIcon","marginRight","marginLeft","rightIcon","calculateLeftPadding","Math","abs","assistiveTextLabel","paddingLeft","paddingTop","primaryTextStyle","pickBy","identity","handleValueChange","newValue","itemIndex","styles","marginsContainer","touchableContainer","outsetContainer","insetContainer","primaryTextContainer","iosPicker","divider","iosSafeArea","iosButton","iosNativePicker","nonIosPicker","StyleSheet","create","alignSelf","alignItems","maxWidth","flex","flexDirection","justifyContent","paddingRight","position","bottom","left","right","maxHeight","opacity","top","withTheme"],"sources":["Picker.tsx"],"sourcesContent":["import * as React from \"react\";\nimport {\n View,\n StyleSheet,\n Text,\n Platform,\n ViewStyle,\n StyleProp,\n Dimensions,\n} from \"react-native\";\nimport { omit, pickBy, identity, isObject } from \"lodash\";\nimport { SafeAreaView } from \"react-native-safe-area-context\";\nimport { Picker as NativePicker } from \"@react-native-picker/picker\";\n\nimport { withTheme } from \"../../theming\";\nimport Portal from \"../Portal/Portal\";\nimport Button from \"../DeprecatedButton\";\nimport Touchable from \"../Touchable\";\nimport type { Theme } from \"../../styles/DefaultTheme\";\nimport type { IconSlot } from \"../../interfaces/Icon\";\nimport {\n extractStyles,\n extractBorderAndMarginStyles,\n borderStyleNames,\n marginStyleNames,\n} from \"../../utilities\";\n\nexport interface PickerOption {\n value: string;\n label: string;\n}\n\nexport type PickerProps = {\n error?: any;\n placeholder?: string;\n disabled?: boolean;\n style?: StyleProp<ViewStyle> & { height?: number };\n value?: string;\n options: PickerOption[] | string[];\n onValueChange: (value: string, index: number) => void;\n defaultValue?: string;\n assistiveText?: string;\n label?: string;\n iconColor?: string;\n iconSize?: number;\n leftIconMode?: \"inset\" | \"outset\";\n leftIconName?: string;\n placeholderTextColor?: string;\n rightIconName?: string;\n type?: \"solid\" | \"underline\";\n theme: Theme;\n Icon: IconSlot[\"Icon\"];\n};\n\nfunction normalizeOptions(options: PickerProps[\"options\"]): PickerOption[] {\n if (options.length === 0) {\n return [];\n }\n\n if (typeof options[0] === (\"string\" || \"number\")) {\n return (options as string[]).map((option) => ({\n label: String(option),\n value: String(option),\n }));\n }\n\n if (\n isObject(options[0]) &&\n options[0].value !== null &&\n options[0].label !== null\n ) {\n return (options as PickerOption[]).map((option) => {\n return {\n label: String(option.label),\n value: String(option.value),\n };\n });\n }\n\n throw new Error(\n 'Picker options must be either an array of strings or array of { \"label\": string; \"value\": string; } objects.'\n );\n}\n\nconst { width: deviceWidth, height: deviceHeight } = Dimensions.get(\"screen\");\nconst isIos = Platform.OS === \"ios\";\nconst unstyledColor = \"rgba(165, 173, 183, 1)\";\nconst disabledColor = \"rgb(240, 240, 240)\";\nconst errorColor = \"rgba(255, 69, 100, 1)\";\n\nconst Picker: React.FC<PickerProps> = ({\n error,\n options = [],\n onValueChange,\n defaultValue,\n Icon,\n style,\n placeholder,\n value,\n disabled = false,\n theme,\n assistiveText,\n label,\n iconColor = unstyledColor,\n iconSize = 24,\n leftIconMode = \"inset\",\n leftIconName,\n placeholderTextColor = unstyledColor,\n rightIconName,\n type = \"solid\",\n}) => {\n const androidPickerRef = React.useRef<any | undefined>(undefined);\n\n const [internalValue, setInternalValue] = React.useState<string | undefined>(\n value || defaultValue\n );\n\n const [pickerVisible, setPickerVisible] = React.useState(false);\n\n const togglePickerVisible = () => {\n setPickerVisible(!pickerVisible);\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 React.useEffect(() => {\n if (pickerVisible && androidPickerRef.current) {\n androidPickerRef?.current?.focus();\n }\n }, [pickerVisible, androidPickerRef]);\n\n const normalizedOptions = normalizeOptions(options);\n\n const pickerOptions = placeholder\n ? [{ value: placeholder, label: placeholder }, ...normalizedOptions]\n : normalizedOptions;\n\n const { colors } = theme;\n\n const { viewStyles, textStyles } = extractStyles(style);\n\n const additionalBorderStyles = [\"backgroundColor\"];\n\n const additionalMarginStyles = [\n \"bottom\",\n \"height\",\n \"left\",\n \"maxHeight\",\n \"maxWidth\",\n \"minHeight\",\n \"minWidth\",\n \"overflow\",\n \"position\",\n \"right\",\n \"top\",\n \"width\",\n \"zIndex\",\n ];\n\n const {\n borderStyles: extractedBorderStyles,\n marginStyles: extractedMarginStyles,\n } = extractBorderAndMarginStyles(\n viewStyles,\n additionalBorderStyles,\n additionalMarginStyles\n );\n\n const borderStyles = {\n ...{\n ...(type === \"solid\"\n ? {\n borderTopLeftRadius: 5,\n borderTopRightRadius: 5,\n borderBottomRightRadius: 5,\n borderBottomLeftRadius: 5,\n borderTopWidth: 1,\n borderRightWidth: 1,\n borderLeftWidth: 1,\n }\n : {}),\n borderBottomWidth: 1,\n borderColor: unstyledColor,\n borderStyle: \"solid\",\n },\n ...extractedBorderStyles,\n ...(error ? { borderColor: errorColor } : {}),\n ...(disabled\n ? { borderColor: \"transparent\", backgroundColor: disabledColor }\n : {}),\n };\n\n const marginStyles = {\n height: 60,\n ...extractedMarginStyles,\n };\n\n const stylesWithoutBordersAndMargins = omit(viewStyles, [\n ...borderStyleNames,\n ...marginStyleNames,\n ...additionalBorderStyles,\n ...additionalMarginStyles,\n ]);\n\n const selectedLabel =\n internalValue &&\n ((pickerOptions as unknown as PickerOption[]).find(\n (option) => option.value === internalValue\n )?.label ??\n internalValue);\n\n const labelText = label ? (\n <Text\n style={{\n textAlign: textStyles.textAlign,\n color: unstyledColor,\n fontSize: 12,\n paddingBottom: 4,\n }}\n >\n {label}\n </Text>\n ) : null;\n\n const leftIconOutset = leftIconMode === \"outset\";\n\n const leftIcon = leftIconName ? (\n <Icon\n name={leftIconName}\n color={disabled ? unstyledColor : iconColor}\n size={iconSize}\n style={{\n marginRight: 4,\n marginLeft: 4,\n }}\n />\n ) : null;\n\n const rightIcon = rightIconName ? (\n <Icon\n name={rightIconName}\n color={disabled ? unstyledColor : iconColor}\n size={iconSize}\n style={{\n marginRight: -10,\n marginLeft: 8,\n }}\n />\n ) : null;\n\n const textAlign = textStyles?.textAlign;\n\n const calculateLeftPadding = () => {\n if (leftIconOutset) {\n if (textAlign === \"center\") {\n return iconSize - Math.abs(8 - iconSize);\n }\n\n return iconSize + 8;\n }\n\n return 0;\n };\n\n const assistiveTextLabel = assistiveText ? (\n <Text\n style={{\n textAlign,\n width: \"100%\",\n paddingLeft: calculateLeftPadding(),\n color: unstyledColor,\n fontSize: 12,\n paddingTop: 4,\n }}\n >\n {assistiveText}\n </Text>\n ) : null;\n\n const primaryTextStyle = {\n color: unstyledColor,\n fontSize: 14,\n ...pickBy(textStyles, identity),\n ...(placeholder === internalValue ? { color: placeholderTextColor } : {}),\n ...(disabled ? { color: unstyledColor } : {}),\n };\n\n const handleValueChange = (newValue: string, itemIndex: number) => {\n if (!placeholder || itemIndex > 0) {\n onValueChange?.(newValue, itemIndex);\n }\n setInternalValue(newValue);\n };\n\n return (\n /* marginsContainer */\n <View style={[styles.marginsContainer, marginStyles]}>\n {/* touchableContainer */}\n <Touchable\n disabled={disabled}\n onPress={togglePickerVisible}\n style={styles.touchableContainer}\n >\n {/* outsetContainer */}\n <View\n pointerEvents=\"none\"\n style={[\n styles.outsetContainer,\n stylesWithoutBordersAndMargins,\n !leftIconOutset ? (borderStyles as PickerProps[\"style\"]) : {},\n ]}\n >\n {leftIcon}\n\n {/* insetContainer */}\n <View\n style={[\n styles.insetContainer,\n leftIconOutset ? (borderStyles as PickerProps[\"style\"]) : {},\n ]}\n >\n {/* primaryTextContainer */}\n <View style={styles.primaryTextContainer}>\n {labelText}\n\n <Text style={primaryTextStyle}>\n {String(selectedLabel ?? placeholder)}\n </Text>\n </View>\n\n {rightIcon}\n </View>\n </View>\n {assistiveTextLabel}\n </Touchable>\n\n {/* iosPicker */}\n {isIos && pickerVisible ? (\n <Portal>\n <View\n style={[\n styles.iosPicker,\n {\n backgroundColor: colors.divider,\n },\n ]}\n >\n <SafeAreaView style={styles.iosSafeArea}>\n <Button\n Icon={Icon}\n type=\"text\"\n onPress={togglePickerVisible}\n style={styles.iosButton}\n >\n {\"Close\"}\n </Button>\n\n <NativePicker\n style={styles.iosNativePicker}\n selectedValue={internalValue}\n onValueChange={handleValueChange}\n >\n {(pickerOptions as unknown as PickerOption[]).map((option) => (\n <NativePicker.Item\n label={option.label}\n value={option.value}\n key={option.value}\n />\n ))}\n </NativePicker>\n </SafeAreaView>\n </View>\n </Portal>\n ) : null}\n\n {/* nonIosPicker */}\n {!isIos && pickerVisible ? (\n <NativePicker\n enabled={pickerVisible}\n selectedValue={internalValue}\n onValueChange={handleValueChange}\n style={styles.nonIosPicker}\n ref={androidPickerRef}\n onBlur={() => setPickerVisible(false)}\n >\n {(pickerOptions as unknown as PickerOption[]).map((option) => (\n <NativePicker.Item\n label={option.label}\n value={option.value}\n key={option.value}\n />\n ))}\n </NativePicker>\n ) : null}\n </View>\n );\n};\n\nconst styles = StyleSheet.create({\n marginsContainer: {\n alignSelf: \"stretch\",\n alignItems: \"center\",\n width: \"100%\",\n maxWidth: deviceWidth,\n },\n touchableContainer: {\n flex: 1,\n height: \"100%\",\n width: \"100%\",\n alignSelf: \"stretch\",\n alignItems: \"center\",\n },\n outsetContainer: {\n flex: 1,\n height: \"100%\",\n width: \"100%\",\n flexDirection: \"row\",\n alignItems: \"center\",\n justifyContent: \"space-between\",\n },\n insetContainer: {\n flex: 1,\n height: \"100%\",\n width: \"100%\",\n flexDirection: \"row\",\n alignItems: \"center\",\n justifyContent: \"space-between\",\n paddingLeft: 12,\n paddingRight: 12,\n },\n primaryTextContainer: {\n flex: 1,\n },\n iosPicker: {\n position: \"absolute\",\n bottom: 0,\n left: 0,\n right: 0,\n flexDirection: \"row\",\n justifyContent: \"center\",\n width: \"100%\",\n maxWidth: deviceWidth,\n maxHeight: deviceHeight,\n },\n iosSafeArea: {\n backgroundColor: \"white\",\n flexDirection: \"column\",\n width: \"100%\",\n maxWidth: deviceWidth,\n },\n iosButton: {\n alignSelf: \"flex-end\",\n },\n iosNativePicker: {\n backgroundColor: \"white\",\n },\n nonIosPicker: {\n opacity: 0,\n position: \"absolute\",\n top: 0,\n left: 0,\n right: 0,\n bottom: 0,\n width: \"100%\",\n maxWidth: deviceWidth,\n maxHeight: deviceHeight,\n },\n});\n\nexport default withTheme(Picker);\n"],"mappings":"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"}

package/lib/commonjs/components/Picker/PickerComponent.android.js CHANGED Viewed

@@ -114,4 +114,5 @@ const styles = _reactNative.StyleSheet.create({
   }
 });
 var _default = (0, _theming.withTheme)(Picker);
-exports.default = _default;
+exports.default = _default;
+//# sourceMappingURL=PickerComponent.android.js.map

package/lib/commonjs/components/Picker/PickerComponent.android.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"names":["Picker","style","options","placeholder","selectedValue","disabled","onValueChange","onValueChangeOverride","props","viewStyles","borderRadius","borderWidth","borderTopWidth","borderRightWidth","borderBottomWidth","borderLeftWidth","borderColor","backgroundColor","padding","paddingTop","paddingRight","paddingBottom","paddingLeft","extractStyles","textField","React","useRef","undefined","itemValue","itemIndex","toggleFocus","current","stylesWithoutMargin","omit","StyleSheet","flatten","selectedLabel","find","o","value","label","styles","container","opacity","position","top","left","right","bottom","width","map","create","alignSelf","withTheme"],"sources":["PickerComponent.android.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { View, StyleSheet } from \"react-native\";\nimport omit from \"lodash.omit\";\nimport { withTheme } from \"../../theming\";\nimport { Picker as NativePicker } from \"@react-native-picker/picker\";\nimport { extractStyles } from \"../../utilities\";\n\nimport TextField from \"../TextField\";\nimport Touchable from \"../Touchable\";\nimport { PickerComponentProps } from \"./PickerTypes\";\n\nconst Picker: React.FC<PickerComponentProps> = ({\n style,\n options,\n placeholder,\n selectedValue,\n disabled = false,\n onValueChange: onValueChangeOverride = () => {},\n ...props\n}) => {\n const {\n viewStyles: {\n borderRadius, // eslint-disable-line @typescript-eslint/no-unused-vars\n borderWidth, // eslint-disable-line @typescript-eslint/no-unused-vars\n borderTopWidth, // eslint-disable-line @typescript-eslint/no-unused-vars\n borderRightWidth, // eslint-disable-line @typescript-eslint/no-unused-vars\n borderBottomWidth, // eslint-disable-line @typescript-eslint/no-unused-vars\n borderLeftWidth, // eslint-disable-line @typescript-eslint/no-unused-vars\n borderColor, // eslint-disable-line @typescript-eslint/no-unused-vars\n backgroundColor, // eslint-disable-line @typescript-eslint/no-unused-vars\n padding, // eslint-disable-line @typescript-eslint/no-unused-vars\n paddingTop, // eslint-disable-line @typescript-eslint/no-unused-vars\n paddingRight, // eslint-disable-line @typescript-eslint/no-unused-vars\n paddingBottom, // eslint-disable-line @typescript-eslint/no-unused-vars\n paddingLeft, // eslint-disable-line @typescript-eslint/no-unused-vars\n ...viewStyles\n },\n } = extractStyles(style);\n\n const textField = React.useRef<typeof TextField | undefined>(undefined);\n\n const onValueChange = (itemValue: string, itemIndex: number) => {\n toggleFocus();\n onValueChangeOverride(itemValue, itemIndex);\n };\n\n const toggleFocus = () => {\n if (!disabled) {\n // @ts-ignore\n textField.current.toggleFocus(); // cannot determine if method exists due to component being wrapped in a withTheme()\n }\n };\n\n const stylesWithoutMargin =\n style &&\n omit(StyleSheet.flatten(style), [\n \"margin\",\n \"marginTop\",\n \"marginRight\",\n \"marginBottom\",\n \"marginLeft\",\n ]);\n\n const selectedLabel =\n selectedValue &&\n (options.find((o) => o.value === selectedValue)?.label ?? selectedValue);\n\n return (\n <Touchable\n disabled={disabled}\n onPress={toggleFocus}\n style={[styles.container, viewStyles]}\n >\n <View>\n <NativePicker\n enabled={!disabled}\n selectedValue={selectedValue}\n onValueChange={onValueChange}\n style={{\n opacity: 0,\n position: \"absolute\",\n top: 0,\n left: 0,\n right: 0,\n bottom: 0,\n width: \"100%\",\n }}\n >\n {options.map((o) => (\n <NativePicker.Item label={o.label} value={o.value} key={o.value} />\n ))}\n </NativePicker>\n <View pointerEvents=\"none\">\n <TextField\n {...props}\n value={selectedLabel}\n placeholder={placeholder}\n // @ts-ignore\n ref={textField} // cannot determine if ref is of correct type due to component being wrapped in a withTheme()\n disabled={disabled}\n // @ts-expect-error\n style={stylesWithoutMargin}\n />\n </View>\n </View>\n </Touchable>\n );\n};\n\nconst styles = StyleSheet.create({\n container: {\n alignSelf: \"stretch\",\n },\n});\n\nexport default withTheme(Picker);\n"],"mappings":"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"}

package/lib/commonjs/components/Picker/PickerComponent.ios.js CHANGED Viewed

@@ -138,4 +138,5 @@ const styles = _reactNative.StyleSheet.create({
   }
 });
 var _default = (0, _theming.withTheme)(Picker);
-exports.default = _default;
+exports.default = _default;
+//# sourceMappingURL=PickerComponent.ios.js.map

package/lib/commonjs/components/Picker/PickerComponent.ios.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"names":["Picker","Icon","style","options","placeholder","selectedValue","disabled","onValueChange","theme","colors","props","viewStyles","borderRadius","borderWidth","borderTopWidth","borderRightWidth","borderBottomWidth","borderLeftWidth","borderColor","backgroundColor","padding","paddingTop","paddingRight","paddingBottom","paddingLeft","extractStyles","textField","React","useRef","undefined","pickerVisible","setIsPickerVisible","useState","toggleVisibility","current","toggleFocus","stylesWithoutMargin","omit","StyleSheet","flatten","selectedLabel","find","o","value","label","styles","container","String","picker","divider","pickerContainer","closeButton","map","create","alignSelf","position","bottom","left","right","flexDirection","justifyContent","width","withTheme"],"sources":["PickerComponent.ios.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { View, StyleSheet } from \"react-native\";\nimport { SafeAreaView } from \"react-native-safe-area-context\";\nimport omit from \"lodash.omit\";\n\nimport { Picker as NativePicker } from \"@react-native-picker/picker\";\n\nimport { withTheme } from \"../../theming\";\n\nimport Portal from \"../Portal/Portal\";\nimport Button from \"../DeprecatedButton\";\nimport TextField from \"../TextField\";\nimport Touchable from \"../Touchable\";\nimport { PickerComponentProps } from \"./PickerTypes\";\nimport { extractStyles } from \"../../utilities\";\nimport type { IconSlot } from \"../../interfaces/Icon\";\n\nconst Picker: React.FC<PickerComponentProps & IconSlot> = ({\n Icon,\n style,\n options,\n placeholder,\n selectedValue,\n disabled = false,\n onValueChange = () => {},\n theme: { colors },\n ...props\n}) => {\n const {\n viewStyles: {\n borderRadius, // eslint-disable-line @typescript-eslint/no-unused-vars\n borderWidth, // eslint-disable-line @typescript-eslint/no-unused-vars\n borderTopWidth, // eslint-disable-line @typescript-eslint/no-unused-vars\n borderRightWidth, // eslint-disable-line @typescript-eslint/no-unused-vars\n borderBottomWidth, // eslint-disable-line @typescript-eslint/no-unused-vars\n borderLeftWidth, // eslint-disable-line @typescript-eslint/no-unused-vars\n borderColor, // eslint-disable-line @typescript-eslint/no-unused-vars\n backgroundColor, // eslint-disable-line @typescript-eslint/no-unused-vars\n padding, // eslint-disable-line @typescript-eslint/no-unused-vars\n paddingTop, // eslint-disable-line @typescript-eslint/no-unused-vars\n paddingRight, // eslint-disable-line @typescript-eslint/no-unused-vars\n paddingBottom, // eslint-disable-line @typescript-eslint/no-unused-vars\n paddingLeft, // eslint-disable-line @typescript-eslint/no-unused-vars\n ...viewStyles\n },\n } = extractStyles(style);\n\n const textField = React.useRef<typeof TextField | undefined>(undefined);\n const [pickerVisible, setIsPickerVisible] = React.useState(false);\n\n const toggleVisibility = () => {\n setIsPickerVisible(!pickerVisible);\n // @ts-ignore\n textField.current.toggleFocus(); // cannot determine if method exists due to component being wrapped in a withTheme()\n };\n\n const stylesWithoutMargin =\n style &&\n omit(StyleSheet.flatten(style), [\n \"margin\",\n \"marginTop\",\n \"marginRight\",\n \"marginBottom\",\n \"marginLeft\",\n ]);\n\n const selectedLabel =\n selectedValue &&\n (options.find((o) => o.value === selectedValue)?.label ?? selectedValue);\n\n return (\n <View style={[styles.container, viewStyles]}>\n <Touchable disabled={disabled} onPress={toggleVisibility}>\n <TextField\n {...props}\n value={String(selectedLabel)}\n placeholder={placeholder}\n // @ts-ignore\n ref={textField} // cannot determine if ref is of correct type due to component being wrapped in a withTheme()\n disabled={disabled}\n pointerEvents=\"none\"\n // @ts-expect-error\n style={stylesWithoutMargin}\n Icon={Icon}\n />\n </Touchable>\n {pickerVisible && (\n <Portal>\n <View style={[styles.picker, { backgroundColor: colors.divider }]}>\n <SafeAreaView style={styles.pickerContainer}>\n <Button\n Icon={Icon}\n type=\"text\"\n onPress={toggleVisibility}\n style={styles.closeButton}\n >\n Close\n </Button>\n <NativePicker\n style={{ backgroundColor: \"white\" }}\n selectedValue={selectedValue}\n onValueChange={onValueChange}\n >\n {options.map((o: any) => (\n <NativePicker.Item\n label={o.label}\n value={o.value}\n key={o.value}\n />\n ))}\n </NativePicker>\n </SafeAreaView>\n </View>\n </Portal>\n )}\n </View>\n );\n};\n\nconst styles = StyleSheet.create({\n container: {\n alignSelf: \"stretch\",\n },\n picker: {\n position: \"absolute\",\n bottom: 0,\n left: 0,\n right: 0,\n flexDirection: \"row\",\n justifyContent: \"center\",\n },\n pickerContainer: {\n backgroundColor: \"white\",\n flexDirection: \"column\",\n width: \"100%\",\n },\n closeButton: {\n alignSelf: \"flex-end\",\n },\n});\n\nexport default withTheme(Picker);\n"],"mappings":"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"}

package/lib/commonjs/components/Picker/PickerComponent.web.js CHANGED Viewed

@@ -115,4 +115,5 @@ const styles = _reactNative.StyleSheet.create({
   }
 });
 var _default = (0, _theming.withTheme)(Picker);
-exports.default = _default;
+exports.default = _default;
+//# sourceMappingURL=PickerComponent.web.js.map

package/lib/commonjs/components/Picker/PickerComponent.web.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"names":["Picker","style","options","placeholder","selectedValue","disabled","onValueChange","onValueChangeOverride","props","viewStyles","borderRadius","borderWidth","borderTopWidth","borderRightWidth","borderBottomWidth","borderLeftWidth","borderColor","backgroundColor","padding","paddingTop","paddingRight","paddingBottom","paddingLeft","extractStyles","textField","React","useRef","undefined","itemValue","itemIndex","toggleFocus","current","stylesWithoutMargin","omit","StyleSheet","flatten","selectedLabel","find","o","value","label","styles","container","flex","opacity","position","top","left","right","bottom","width","map","create","alignSelf","withTheme"],"sources":["PickerComponent.web.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { View, StyleSheet } from \"react-native\";\nimport { Picker as NativePicker } from \"@react-native-picker/picker\";\nimport omit from \"lodash.omit\";\nimport { withTheme } from \"../../theming\";\nimport { extractStyles } from \"../../utilities\";\n\nimport TextField from \"../TextField\";\nimport Touchable from \"../Touchable\";\nimport { PickerComponentProps } from \"./PickerTypes\";\n\nconst Picker: React.FC<PickerComponentProps> = ({\n style,\n options,\n placeholder,\n selectedValue,\n disabled = false,\n onValueChange: onValueChangeOverride = () => {},\n ...props\n}) => {\n const {\n viewStyles: {\n borderRadius, // eslint-disable-line @typescript-eslint/no-unused-vars\n borderWidth, // eslint-disable-line @typescript-eslint/no-unused-vars\n borderTopWidth, // eslint-disable-line @typescript-eslint/no-unused-vars\n borderRightWidth, // eslint-disable-line @typescript-eslint/no-unused-vars\n borderBottomWidth, // eslint-disable-line @typescript-eslint/no-unused-vars\n borderLeftWidth, // eslint-disable-line @typescript-eslint/no-unused-vars\n borderColor, // eslint-disable-line @typescript-eslint/no-unused-vars\n backgroundColor, // eslint-disable-line @typescript-eslint/no-unused-vars\n padding, // eslint-disable-line @typescript-eslint/no-unused-vars\n paddingTop, // eslint-disable-line @typescript-eslint/no-unused-vars\n paddingRight, // eslint-disable-line @typescript-eslint/no-unused-vars\n paddingBottom, // eslint-disable-line @typescript-eslint/no-unused-vars\n paddingLeft, // eslint-disable-line @typescript-eslint/no-unused-vars\n ...viewStyles\n },\n } = extractStyles(style);\n\n const textField = React.useRef<typeof TextField | undefined>(undefined);\n\n const onValueChange = (itemValue: string, itemIndex: number) => {\n toggleFocus();\n onValueChangeOverride(itemValue, itemIndex);\n };\n\n const toggleFocus = () => {\n if (!disabled) {\n // @ts-ignore\n textField.current.toggleFocus(); // cannot determine if method exists due to component being wrapped in a withTheme()\n }\n };\n\n const stylesWithoutMargin =\n style &&\n omit(StyleSheet.flatten(style), [\n \"margin\",\n \"marginTop\",\n \"marginRight\",\n \"marginBottom\",\n \"marginLeft\",\n ]);\n\n const selectedLabel =\n selectedValue &&\n (options.find((o) => o.value === selectedValue)?.label ?? selectedValue);\n\n return (\n <Touchable\n disabled={disabled}\n onPress={toggleFocus}\n style={[styles.container, viewStyles]}\n >\n <View>\n <NativePicker\n enabled={!disabled}\n selectedValue={selectedValue}\n onValueChange={onValueChange}\n style={{\n flex: 1,\n opacity: 0,\n position: \"absolute\",\n top: 0,\n left: 0,\n right: 0,\n bottom: 0,\n width: \"100%\",\n }}\n >\n {options.map((o) => (\n <NativePicker.Item label={o.label} value={o.value} key={o.value} />\n ))}\n </NativePicker>\n <View pointerEvents=\"none\">\n <TextField\n {...props}\n value={selectedLabel}\n placeholder={placeholder}\n // @ts-ignore\n ref={textField} // cannot determine if ref is of correct type due to component being wrapped in a withTheme()\n disabled={disabled}\n // @ts-expect-error\n style={stylesWithoutMargin}\n />\n </View>\n </View>\n </Touchable>\n );\n};\n\nconst styles = StyleSheet.create({\n container: {\n alignSelf: \"stretch\",\n },\n});\n\nexport default withTheme(Picker);\n"],"mappings":"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"}

package/lib/commonjs/components/Picker/PickerTypes.js CHANGED Viewed

@@ -2,4 +2,5 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
-});
+});
+//# sourceMappingURL=PickerTypes.js.map

package/lib/commonjs/components/Picker/PickerTypes.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"names":[],"sources":["PickerTypes.ts"],"sourcesContent":["import { ViewStyle } from \"react-native\";\nimport { StyleProp } from \"react-native\";\nimport { Props as TextFieldProps } from \"../TextField\";\n\nexport interface PickerOption {\n value: string;\n label: string;\n}\n\nexport interface PickerComponentProps extends TextFieldProps {\n style?: StyleProp<ViewStyle> & { height?: number };\n options: PickerOption[];\n placeholder?: string;\n selectedValue: string;\n disabled?: boolean;\n onValueChange?: (value: string, index: number) => void;\n defaultValue?: string;\n}\n"],"mappings":""}

package/lib/commonjs/components/Portal/Portal.js CHANGED Viewed

@@ -52,4 +52,5 @@ class Portal extends React.Component {
 }
 _defineProperty(Portal, "Host", _PortalHost.default);
 var _default = (0, _theming.withTheme)(Portal);
-exports.default = _default;
+exports.default = _default;
+//# sourceMappingURL=Portal.js.map

package/lib/commonjs/components/Portal/Portal.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"names":["Portal","React","Component","render","children","theme","props","manager","PortalHost","withTheme"],"sources":["Portal.tsx"],"sourcesContent":["import * as React from \"react\";\nimport PortalConsumer from \"./PortalConsumer\";\nimport PortalHost, { PortalContext, PortalMethods } from \"./PortalHost\";\nimport { ThemeProvider, withTheme } from \"../../theming\";\nimport type { Theme } from \"../../styles/DefaultTheme\";\n\ntype Props = {\n /**\n * Content of the `Portal`.\n */\n children: React.ReactNode;\n /**\n * @optional\n */\n theme: Theme;\n};\n\n/**\n * Portal allows to render a component at a different place in the parent tree.\n * You can use it to render content which should appear above other elements, similar to `Modal`.\n * It requires a [`Portal.Host`](portal-host.html) component to be rendered somewhere in the parent tree.\n *\n * ## Usage\n * ```js\n * import * as React from 'react';\n * import { Portal, Text } from 'react-native-paper';\n *\n * export default class MyComponent extends React.Component {\n * render() {\n * return (\n * <Portal>\n * <Text>This is rendered at a different place</Text>\n * </Portal>\n * );\n * }\n * }\n * ```\n */\nclass Portal extends React.Component<Props> {\n // @component ./PortalHost.tsx\n static Host = PortalHost;\n\n render() {\n const { children, theme } = this.props;\n\n return (\n <PortalContext.Consumer>\n {(manager) => (\n <PortalConsumer manager={manager as PortalMethods}>\n {/* @ts-ignore */}\n <ThemeProvider theme={theme}>{children}</ThemeProvider>\n </PortalConsumer>\n )}\n </PortalContext.Consumer>\n );\n }\n}\n\nexport default withTheme(Portal);\n"],"mappings":";;;;;;AAAA;AACA;AACA;AACA;AAAyD;AAAA;AAAA;AAAA;AAAA;AAAA;AAczD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAMA,MAAM,SAASC,KAAK,CAACC,SAAS,CAAQ;EAC1C;;EAGAC,MAAM,GAAG;IACP,MAAM;MAAEC,QAAQ;MAAEC;IAAM,CAAC,GAAG,IAAI,CAACC,KAAK;IAEtC,oBACE,oBAAC,yBAAa,CAAC,QAAQ,QACnBC,OAAO,iBACP,oBAAC,uBAAc;MAAC,OAAO,EAAEA;IAAyB,gBAEhD,oBAAC,sBAAa;MAAC,KAAK,EAAEF;IAAM,GAAED,QAAQ,CAAiB,CAE1D,CACsB;EAE7B;AACF;AAAC,gBAlBKJ,MAAM,UAEIQ,mBAAU;AAAA,eAkBX,IAAAC,kBAAS,EAACT,MAAM,CAAC;AAAA"}

package/lib/commonjs/components/Portal/PortalConsumer.js CHANGED Viewed

@@ -7,31 +7,16 @@ exports.default = void 0;
 var React = _interopRequireWildcard(require("react"));
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+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); }
 class PortalConsumer extends React.Component {
-  async componentDidMount() {
-    this.checkManager();
-    // Delay updating to prevent React from going to infinite loop
-    await Promise.resolve();
-    this.key = this.props.manager.mount(this.props.children);
+  constructor() {
+    super(...arguments);
+    _defineProperty(this, "key", void 0);
   }
-  componentDidUpdate() {
-    this.checkManager();
-    this.props.manager.update(this.key, this.props.children);
-  }
-  componentWillUnmount() {
+  async componentDidMount() {
     this.checkManager();
-    this.props.manager.unmount(this.key);
-  }
-  checkManager() {
-    if (!this.props.manager) {
-      throw new Error("Looks like you forgot to wrap your root component with `Provider` component from `react-native-paper`.\n\n" + "Please read our getting-started guide and make sure you've followed all the required steps.\n\n" + "https://callstack.github.io/react-native-paper/getting-started.html");
-    }
-  }
-  render() {
-    return null;
-  }
-}
-exports.default = PortalConsumer;s.checkManager();
     // Delay updating to prevent React from going to infinite loop
     await Promise.resolve();
@@ -54,4 +39,5 @@ exports.default = PortalConsumer;s.checkManager();
     return null;
   }
 }
-exports.default = PortalConsumer;
+exports.default = PortalConsumer;
+//# sourceMappingURL=PortalConsumer.js.map

package/lib/commonjs/components/Portal/PortalConsumer.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"names":["PortalConsumer","React","Component","componentDidMount","checkManager","Promise","resolve","key","props","manager","mount","children","componentDidUpdate","update","componentWillUnmount","unmount","Error","render"],"sources":["PortalConsumer.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { PortalMethods } from \"./PortalHost\";\n\ntype Props = {\n manager: PortalMethods;\n children: React.ReactNode;\n};\n\nexport default class PortalConsumer extends React.Component<Props> {\n async componentDidMount() {\n this.checkManager();\n\n // Delay updating to prevent React from going to infinite loop\n await Promise.resolve();\n\n this.key = this.props.manager.mount(this.props.children);\n }\n\n componentDidUpdate() {\n this.checkManager();\n\n this.props.manager.update(this.key, this.props.children);\n }\n\n componentWillUnmount() {\n this.checkManager();\n\n this.props.manager.unmount(this.key);\n }\n\n private key: any;\n\n private checkManager() {\n if (!this.props.manager) {\n throw new Error(\n \"Looks like you forgot to wrap your root component with `Provider` component from `react-native-paper`.\\n\\n\" +\n \"Please read our getting-started guide and make sure you've followed all the required steps.\\n\\n\" +\n \"https://callstack.github.io/react-native-paper/getting-started.html\"\n );\n }\n }\n\n render() {\n return null;\n }\n}\n"],"mappings":";;;;;;AAAA;AAA+B;AAAA;AAAA;AAAA;AAAA;AAQhB,MAAMA,cAAc,SAASC,KAAK,CAACC,SAAS,CAAQ;EAAA;IAAA;IAAA;EAAA;EACjE,MAAMC,iBAAiB,GAAG;IACxB,IAAI,CAACC,YAAY,EAAE;;IAEnB;IACA,MAAMC,OAAO,CAACC,OAAO,EAAE;IAEvB,IAAI,CAACC,GAAG,GAAG,IAAI,CAACC,KAAK,CAACC,OAAO,CAACC,KAAK,CAAC,IAAI,CAACF,KAAK,CAACG,QAAQ,CAAC;EAC1D;EAEAC,kBAAkB,GAAG;IACnB,IAAI,CAACR,YAAY,EAAE;IAEnB,IAAI,CAACI,KAAK,CAACC,OAAO,CAACI,MAAM,CAAC,IAAI,CAACN,GAAG,EAAE,IAAI,CAACC,KAAK,CAACG,QAAQ,CAAC;EAC1D;EAEAG,oBAAoB,GAAG;IACrB,IAAI,CAACV,YAAY,EAAE;IAEnB,IAAI,CAACI,KAAK,CAACC,OAAO,CAACM,OAAO,CAAC,IAAI,CAACR,GAAG,CAAC;EACtC;EAIQH,YAAY,GAAG;IACrB,IAAI,CAAC,IAAI,CAACI,KAAK,CAACC,OAAO,EAAE;MACvB,MAAM,IAAIO,KAAK,CACb,4GAA4G,GAC1G,iGAAiG,GACjG,qEAAqE,CACxE;IACH;EACF;EAEAC,MAAM,GAAG;IACP,OAAO,IAAI;EACb;AACF;AAAC"}

package/lib/commonjs/components/Portal/PortalHost.js CHANGED Viewed

@@ -133,4 +133,5 @@ const styles = _reactNative.StyleSheet.create({
   container: {
     flex: 1
   }
-});
+});
+//# sourceMappingURL=PortalHost.js.map

package/lib/commonjs/components/Portal/PortalHost.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"names":["PortalContext","React","createContext","PortalHost","Component","manager","children","key","nextKey","mount","queue","push","type","update","op","index","findIndex","o","unmount","componentDidMount","length","action","pop","render","styles","container","props","setManager","StyleSheet","create","flex"],"sources":["PortalHost.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { View, StyleSheet } from \"react-native\";\nimport PortalManager from \"./PortalManager\";\n\ntype Props = {\n children: React.ReactNode;\n};\n\ntype Operation =\n | { type: \"mount\"; key: number; children: React.ReactNode }\n | { type: \"update\"; key: number; children: React.ReactNode }\n | { type: \"unmount\"; key: number };\n\nexport type PortalMethods = {\n mount: (children: React.ReactNode) => number;\n update: (key: number, children: React.ReactNode) => void;\n unmount: (key: number) => void;\n};\n\nexport const PortalContext = React.createContext<PortalMethods>(null as any);\n\n/**\n * Portal host renders all of its children `Portal` elements.\n * For example, you can wrap a screen in `Portal.Host` to render items above the screen.\n * If you're using the `Provider` component, it already includes `Portal.Host`.\n *\n * ## Usage\n * ```js\n * import * as React from 'react';\n * import { Text } from 'react-native';\n * import { Portal } from 'react-native-paper';\n *\n * export default class MyComponent extends React.Component {\n * render() {\n * return (\n * <Portal.Host>\n * <Text>Content of the app</Text>\n * </Portal.Host>\n * );\n * }\n * }\n * ```\n *\n * Here any `Portal` elements under `<App />` are rendered alongside `<App />` and will appear above `<App />` like a `Modal`.\n */\nexport default class PortalHost extends React.Component<Props> {\n static displayName = \"Portal.Host\";\n\n componentDidMount() {\n const manager = this.manager;\n const queue = this.queue;\n\n while (queue.length && manager) {\n const action = queue.pop();\n if (action) {\n switch (action.type) {\n case \"mount\":\n manager.mount(action.key, action.children);\n break;\n case \"update\":\n manager.update(action.key, action.children);\n break;\n case \"unmount\":\n manager.unmount(action.key);\n break;\n }\n }\n }\n }\n\n private setManager = (manager: PortalManager | undefined | null) => {\n this.manager = manager;\n };\n\n private mount = (children: React.ReactNode) => {\n const key = this.nextKey++;\n\n if (this.manager) {\n this.manager.mount(key, children);\n } else {\n this.queue.push({ type: \"mount\", key, children });\n }\n\n return key;\n };\n\n private update = (key: number, children: React.ReactNode) => {\n if (this.manager) {\n this.manager.update(key, children);\n } else {\n const op = { type: \"mount\", key, children };\n const index = this.queue.findIndex(\n (o) => o.type === \"mount\" || (o.type === \"update\" && o.key === key)\n );\n\n if (index > -1) {\n // @ts-ignore\n this.queue[index] = op;\n } else {\n this.queue.push(op as Operation);\n }\n }\n };\n\n private unmount = (key: number) => {\n if (this.manager) {\n this.manager.unmount(key);\n } else {\n this.queue.push({ type: \"unmount\", key });\n }\n };\n\n private nextKey = 0;\n private queue: Operation[] = [];\n private manager: PortalManager | null | undefined;\n\n render() {\n return (\n <PortalContext.Provider\n value={{\n mount: this.mount,\n update: this.update,\n unmount: this.unmount,\n }}\n >\n {/* Need collapsable=false here to clip the elevations, otherwise they appear above Portal components */}\n <View\n style={styles.container}\n collapsable={false}\n pointerEvents=\"box-none\"\n >\n {this.props.children}\n </View>\n <PortalManager ref={this.setManager} />\n </PortalContext.Provider>\n );\n }\n}\n\nconst styles = StyleSheet.create({\n container: {\n flex: 1,\n },\n});\n"],"mappings":"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"}

package/lib/commonjs/components/Portal/PortalManager.js CHANGED Viewed

@@ -59,4 +59,5 @@ class PortalManager extends React.PureComponent {
     });
   }
 }
-exports.default = PortalManager;
+exports.default = PortalManager;
+//# sourceMappingURL=PortalManager.js.map

package/lib/commonjs/components/Portal/PortalManager.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"names":["PortalManager","React","PureComponent","portals","key","children","setState","state","map","item","filter","render","StyleSheet","absoluteFill"],"sources":["PortalManager.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { View, StyleSheet } from \"react-native\";\n\ntype State = {\n portals: Array<{\n key: number;\n children: React.ReactNode;\n }>;\n};\n\n/**\n * Portal host is the component which actually renders all Portals.\n */\nexport default class PortalManager extends React.PureComponent<{}, State> {\n state: State = {\n portals: [],\n };\n\n mount = (key: number, children: React.ReactNode) => {\n this.setState((state) => ({\n portals: [...state.portals, { key, children }],\n }));\n };\n\n update = (key: number, children: React.ReactNode) =>\n this.setState((state) => ({\n portals: state.portals.map((item) => {\n if (item.key === key) {\n return { ...item, children };\n }\n return item;\n }),\n }));\n\n unmount = (key: number) =>\n this.setState((state) => ({\n portals: state.portals.filter((item) => item.key !== key),\n }));\n\n render() {\n return this.state.portals.map(({ key, children }) => (\n <View\n key={key}\n collapsable={\n false /* Need collapsable=false here to clip the elevations, otherwise they appear above sibling components */\n }\n pointerEvents=\"box-none\"\n style={StyleSheet.absoluteFill}\n >\n {children}\n </View>\n ));\n }\n}\n"],"mappings":";;;;;;AAAA;AACA;AAAgD;AAAA;AAAA;AAAA;AAAA;AAShD;AACA;AACA;AACe,MAAMA,aAAa,SAASC,KAAK,CAACC,aAAa,CAAY;EAAA;IAAA;IAAA,+BACzD;MACbC,OAAO,EAAE;IACX,CAAC;IAAA,+BAEO,CAACC,GAAW,EAAEC,QAAyB,KAAK;MAClD,IAAI,CAACC,QAAQ,CAAEC,KAAK,KAAM;QACxBJ,OAAO,EAAE,CAAC,GAAGI,KAAK,CAACJ,OAAO,EAAE;UAAEC,GAAG;UAAEC;QAAS,CAAC;MAC/C,CAAC,CAAC,CAAC;IACL,CAAC;IAAA,gCAEQ,CAACD,GAAW,EAAEC,QAAyB,KAC9C,IAAI,CAACC,QAAQ,CAAEC,KAAK,KAAM;MACxBJ,OAAO,EAAEI,KAAK,CAACJ,OAAO,CAACK,GAAG,CAAEC,IAAI,IAAK;QACnC,IAAIA,IAAI,CAACL,GAAG,KAAKA,GAAG,EAAE;UACpB,OAAO;YAAE,GAAGK,IAAI;YAAEJ;UAAS,CAAC;QAC9B;QACA,OAAOI,IAAI;MACb,CAAC;IACH,CAAC,CAAC,CAAC;IAAA,iCAEML,GAAW,IACpB,IAAI,CAACE,QAAQ,CAAEC,KAAK,KAAM;MACxBJ,OAAO,EAAEI,KAAK,CAACJ,OAAO,CAACO,MAAM,CAAED,IAAI,IAAKA,IAAI,CAACL,GAAG,KAAKA,GAAG;IAC1D,CAAC,CAAC,CAAC;EAAA;EAELO,MAAM,GAAG;IACP,OAAO,IAAI,CAACJ,KAAK,CAACJ,OAAO,CAACK,GAAG,CAAC;MAAA,IAAC;QAAEJ,GAAG;QAAEC;MAAS,CAAC;MAAA,oBAC9C,oBAAC,iBAAI;QACH,GAAG,EAAED,GAAI;QACT,WAAW,EACT,KAAK,CAAC,wGACP;;QACD,aAAa,EAAC,UAAU;QACxB,KAAK,EAAEQ,uBAAU,CAACC;MAAa,GAE9BR,QAAQ,CACJ;IAAA,CACR,CAAC;EACJ;AACF;AAAC"}

package/lib/commonjs/components/ProgressBar.js CHANGED Viewed

@@ -155,4 +155,5 @@ class ProgressBar extends _react.Component {
     }), children);
   }
 }
-exports.default = ProgressBar;
+exports.default = ProgressBar;
+//# sourceMappingURL=ProgressBar.js.map

package/lib/commonjs/components/ProgressBar.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"names":["INDETERMINATE_WIDTH_FACTOR","BAR_WIDTH_ZERO_POSITION","ProgressBar","Component","constructor","props","event","width","onLayout","setState","nativeEvent","layout","progress","progressP","indeterminate","Math","min","max","state","Animated","Value","animationValue","componentDidMount","animate","componentDidUpdate","prevProps","useNativeDriver","animationType","animationConfig","bounciness","animated","spring","toValue","start","velocity","setValue","indeterminateAnimationDuration","timing","duration","easing","Easing","linear","isInteraction","endState","finished","render","borderColor","borderRadius","borderWidth","children","color","style","unfilledColor","restProps","innerWidth","containerStyle","overflow","backgroundColor","progressStyle","height","transform","translateX","interpolate","inputRange","outputRange","I18nManager","isRTL","scaleX","handleLayout"],"sources":["ProgressBar.tsx"],"sourcesContent":["import React, { Component } from \"react\";\nimport {\n Animated,\n Easing,\n View,\n I18nManager,\n ViewProps,\n StyleProp,\n ViewStyle,\n LayoutChangeEvent,\n} from \"react-native\";\n\nconst INDETERMINATE_WIDTH_FACTOR = 0.3;\nconst BAR_WIDTH_ZERO_POSITION =\n INDETERMINATE_WIDTH_FACTOR / (1 + INDETERMINATE_WIDTH_FACTOR);\n\ntype Props = {\n borderColor?: string;\n borderRadius?: number;\n borderWidth?: number;\n children?: React.ReactNode;\n color?: string;\n height?: number;\n style?: StyleProp<ViewStyle>;\n unfilledColor?: string;\n width?: number;\n animated?: boolean;\n indeterminate?: boolean;\n indeterminateAnimationDuration?: number;\n progress?: number;\n useNativeDriver?: boolean;\n animationConfig?: Animated.AnimationConfig;\n animationType?: \"decay\" | \"timing\" | \"spring\";\n} & ViewProps;\n\ninterface State {\n width: number;\n progress: Animated.Value;\n animationValue: Animated.Value;\n}\n\nexport default class ProgressBar extends Component<Props, State> {\n constructor(props: Props) {\n super(props);\n const { progress: progressP = 0, indeterminate = false } = props;\n const progress = Math.min(Math.max(progressP, 0), 1);\n this.state = {\n width: 0,\n progress: new Animated.Value(\n indeterminate ? INDETERMINATE_WIDTH_FACTOR : progress\n ),\n animationValue: new Animated.Value(BAR_WIDTH_ZERO_POSITION),\n };\n }\n\n componentDidMount() {\n const { indeterminate = false } = this.props;\n if (indeterminate) {\n this.animate();\n }\n }\n\n componentDidUpdate(prevProps: Props) {\n const {\n indeterminate = false,\n useNativeDriver = false,\n progress: progressP = 0,\n animationType = \"spring\",\n animationConfig = { bounciness: 0 },\n animated = true,\n } = this.props;\n\n if (prevProps.indeterminate !== indeterminate) {\n if (indeterminate) {\n this.animate();\n } else {\n Animated.spring(this.state.animationValue, {\n toValue: BAR_WIDTH_ZERO_POSITION,\n useNativeDriver,\n }).start();\n }\n }\n if (\n prevProps.indeterminate !== indeterminate ||\n prevProps.progress !== progressP\n ) {\n const progress = this.props.indeterminate\n ? INDETERMINATE_WIDTH_FACTOR\n : Math.min(Math.max(progressP, 0), 1);\n\n if (animated) {\n Animated[animationType](this.state.progress, {\n ...animationConfig,\n toValue: progress,\n velocity: 0, //adjust this value if animation fails - velocity is required\n useNativeDriver,\n }).start();\n } else {\n this.state.progress.setValue(progress);\n }\n }\n }\n\n handleLayout = (event: LayoutChangeEvent) => {\n const { width = 150, onLayout } = this.props;\n if (!width) {\n this.setState({ width: event.nativeEvent.layout.width });\n }\n if (onLayout) {\n onLayout(event);\n }\n };\n\n animate() {\n const { useNativeDriver = false, indeterminateAnimationDuration = 1000 } =\n this.props;\n this.state.animationValue.setValue(0);\n Animated.timing(this.state.animationValue, {\n toValue: 1,\n duration: indeterminateAnimationDuration,\n easing: Easing.linear,\n isInteraction: false,\n useNativeDriver,\n }).start((endState) => {\n if (endState.finished) {\n this.animate();\n }\n });\n }\n\n render() {\n const {\n borderColor,\n borderRadius = 4,\n borderWidth = 1,\n children,\n color = \"rgba(0, 122, 255, 1)\",\n style,\n unfilledColor,\n width = 150,\n ...restProps\n } = this.props;\n\n const innerWidth = Math.max(0, width || this.state.width) - borderWidth * 2;\n const containerStyle: StyleProp<ViewStyle> = {\n width,\n borderWidth,\n borderColor: borderColor || color,\n borderRadius,\n overflow: \"hidden\",\n backgroundColor: unfilledColor,\n };\n const progressStyle = {\n backgroundColor: color,\n // Always take up full height of container.\n height: \"100%\",\n transform: [\n {\n translateX: this.state.animationValue.interpolate({\n inputRange: [0, 1],\n outputRange: [innerWidth * -INDETERMINATE_WIDTH_FACTOR, innerWidth],\n }),\n },\n {\n translateX: this.state.progress.interpolate({\n inputRange: [0, 1],\n outputRange: [innerWidth / (I18nManager.isRTL ? 2 : -2), 0],\n }),\n },\n {\n // Interpolation a temp workaround for https://github.com/facebook/react-native/issues/6278\n scaleX: this.state.progress.interpolate({\n inputRange: [0, 1],\n outputRange: [0.0001, 1],\n }),\n },\n ],\n };\n\n return (\n <View\n style={[containerStyle, style]}\n onLayout={this.handleLayout}\n {...restProps}\n >\n <Animated.View style={progressStyle} />\n {children}\n </View>\n );\n }\n}\n"],"mappings":";;;;;;AAAA;AACA;AASsB;AAAA;AAAA;AAAA;AAAA;AAAA;AAEtB,MAAMA,0BAA0B,GAAG,GAAG;AACtC,MAAMC,uBAAuB,GAC3BD,0BAA0B,IAAI,CAAC,GAAGA,0BAA0B,CAAC;AA2BhD,MAAME,WAAW,SAASC,gBAAS,CAAe;EAC/DC,WAAW,CAACC,KAAY,EAAE;IACxB,KAAK,CAACA,KAAK,CAAC;IAAC,sCA4DCC,KAAwB,IAAK;MAC3C,MAAM;QAAEC,KAAK,GAAG,GAAG;QAAEC;MAAS,CAAC,GAAG,IAAI,CAACH,KAAK;MAC5C,IAAI,CAACE,KAAK,EAAE;QACV,IAAI,CAACE,QAAQ,CAAC;UAAEF,KAAK,EAAED,KAAK,CAACI,WAAW,CAACC,MAAM,CAACJ;QAAM,CAAC,CAAC;MAC1D;MACA,IAAIC,QAAQ,EAAE;QACZA,QAAQ,CAACF,KAAK,CAAC;MACjB;IACF,CAAC;IAnEC,MAAM;MAAEM,QAAQ,EAAEC,SAAS,GAAG,CAAC;MAAEC,aAAa,GAAG;IAAM,CAAC,GAAGT,KAAK;IAChE,MAAMO,QAAQ,GAAGG,IAAI,CAACC,GAAG,CAACD,IAAI,CAACE,GAAG,CAACJ,SAAS,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC;IACpD,IAAI,CAACK,KAAK,GAAG;MACXX,KAAK,EAAE,CAAC;MACRK,QAAQ,EAAE,IAAIO,qBAAQ,CAACC,KAAK,CAC1BN,aAAa,GAAGd,0BAA0B,GAAGY,QAAQ,CACtD;MACDS,cAAc,EAAE,IAAIF,qBAAQ,CAACC,KAAK,CAACnB,uBAAuB;IAC5D,CAAC;EACH;EAEAqB,iBAAiB,GAAG;IAClB,MAAM;MAAER,aAAa,GAAG;IAAM,CAAC,GAAG,IAAI,CAACT,KAAK;IAC5C,IAAIS,aAAa,EAAE;MACjB,IAAI,CAACS,OAAO,EAAE;IAChB;EACF;EAEAC,kBAAkB,CAACC,SAAgB,EAAE;IACnC,MAAM;MACJX,aAAa,GAAG,KAAK;MACrBY,eAAe,GAAG,KAAK;MACvBd,QAAQ,EAAEC,SAAS,GAAG,CAAC;MACvBc,aAAa,GAAG,QAAQ;MACxBC,eAAe,GAAG;QAAEC,UAAU,EAAE;MAAE,CAAC;MACnCC,QAAQ,GAAG;IACb,CAAC,GAAG,IAAI,CAACzB,KAAK;IAEd,IAAIoB,SAAS,CAACX,aAAa,KAAKA,aAAa,EAAE;MAC7C,IAAIA,aAAa,EAAE;QACjB,IAAI,CAACS,OAAO,EAAE;MAChB,CAAC,MAAM;QACLJ,qBAAQ,CAACY,MAAM,CAAC,IAAI,CAACb,KAAK,CAACG,cAAc,EAAE;UACzCW,OAAO,EAAE/B,uBAAuB;UAChCyB;QACF,CAAC,CAAC,CAACO,KAAK,EAAE;MACZ;IACF;IACA,IACER,SAAS,CAACX,aAAa,KAAKA,aAAa,IACzCW,SAAS,CAACb,QAAQ,KAAKC,SAAS,EAChC;MACA,MAAMD,QAAQ,GAAG,IAAI,CAACP,KAAK,CAACS,aAAa,GACrCd,0BAA0B,GAC1Be,IAAI,CAACC,GAAG,CAACD,IAAI,CAACE,GAAG,CAACJ,SAAS,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC;MAEvC,IAAIiB,QAAQ,EAAE;QACZX,qBAAQ,CAACQ,aAAa,CAAC,CAAC,IAAI,CAACT,KAAK,CAACN,QAAQ,EAAE;UAC3C,GAAGgB,eAAe;UAClBI,OAAO,EAAEpB,QAAQ;UACjBsB,QAAQ,EAAE,CAAC;UAAE;UACbR;QACF,CAAC,CAAC,CAACO,KAAK,EAAE;MACZ,CAAC,MAAM;QACL,IAAI,CAACf,KAAK,CAACN,QAAQ,CAACuB,QAAQ,CAACvB,QAAQ,CAAC;MACxC;IACF;EACF;EAYAW,OAAO,GAAG;IACR,MAAM;MAAEG,eAAe,GAAG,KAAK;MAAEU,8BAA8B,GAAG;IAAK,CAAC,GACtE,IAAI,CAAC/B,KAAK;IACZ,IAAI,CAACa,KAAK,CAACG,cAAc,CAACc,QAAQ,CAAC,CAAC,CAAC;IACrChB,qBAAQ,CAACkB,MAAM,CAAC,IAAI,CAACnB,KAAK,CAACG,cAAc,EAAE;MACzCW,OAAO,EAAE,CAAC;MACVM,QAAQ,EAAEF,8BAA8B;MACxCG,MAAM,EAAEC,mBAAM,CAACC,MAAM;MACrBC,aAAa,EAAE,KAAK;MACpBhB;IACF,CAAC,CAAC,CAACO,KAAK,CAAEU,QAAQ,IAAK;MACrB,IAAIA,QAAQ,CAACC,QAAQ,EAAE;QACrB,IAAI,CAACrB,OAAO,EAAE;MAChB;IACF,CAAC,CAAC;EACJ;EAEAsB,MAAM,GAAG;IACP,MAAM;MACJC,WAAW;MACXC,YAAY,GAAG,CAAC;MAChBC,WAAW,GAAG,CAAC;MACfC,QAAQ;MACRC,KAAK,GAAG,sBAAsB;MAC9BC,KAAK;MACLC,aAAa;MACb7C,KAAK,GAAG,GAAG;MACX,GAAG8C;IACL,CAAC,GAAG,IAAI,CAAChD,KAAK;IAEd,MAAMiD,UAAU,GAAGvC,IAAI,CAACE,GAAG,CAAC,CAAC,EAAEV,KAAK,IAAI,IAAI,CAACW,KAAK,CAACX,KAAK,CAAC,GAAGyC,WAAW,GAAG,CAAC;IAC3E,MAAMO,cAAoC,GAAG;MAC3ChD,KAAK;MACLyC,WAAW;MACXF,WAAW,EAAEA,WAAW,IAAII,KAAK;MACjCH,YAAY;MACZS,QAAQ,EAAE,QAAQ;MAClBC,eAAe,EAAEL;IACnB,CAAC;IACD,MAAMM,aAAa,GAAG;MACpBD,eAAe,EAAEP,KAAK;MACtB;MACAS,MAAM,EAAE,MAAM;MACdC,SAAS,EAAE,CACT;QACEC,UAAU,EAAE,IAAI,CAAC3C,KAAK,CAACG,cAAc,CAACyC,WAAW,CAAC;UAChDC,UAAU,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC;UAClBC,WAAW,EAAE,CAACV,UAAU,GAAG,CAACtD,0BAA0B,EAAEsD,UAAU;QACpE,CAAC;MACH,CAAC,EACD;QACEO,UAAU,EAAE,IAAI,CAAC3C,KAAK,CAACN,QAAQ,CAACkD,WAAW,CAAC;UAC1CC,UAAU,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC;UAClBC,WAAW,EAAE,CAACV,UAAU,IAAIW,wBAAW,CAACC,KAAK,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC;QAC5D,CAAC;MACH,CAAC,EACD;QACE;QACAC,MAAM,EAAE,IAAI,CAACjD,KAAK,CAACN,QAAQ,CAACkD,WAAW,CAAC;UACtCC,UAAU,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC;UAClBC,WAAW,EAAE,CAAC,MAAM,EAAE,CAAC;QACzB,CAAC;MACH,CAAC;IAEL,CAAC;IAED,oBACE,6BAAC,iBAAI;MACH,KAAK,EAAE,CAACT,cAAc,EAAEJ,KAAK,CAAE;MAC/B,QAAQ,EAAE,IAAI,CAACiB;IAAa,GACxBf,SAAS,gBAEb,6BAAC,qBAAQ,CAAC,IAAI;MAAC,KAAK,EAAEK;IAAc,EAAG,EACtCT,QAAQ,CACJ;EAEX;AACF;AAAC"}

package/lib/commonjs/components/ProgressCircle.js CHANGED Viewed

@@ -45,4 +45,5 @@ const ProgressCircle = _ref => {
   }, Math.round(fill), "%") : null);
 };
 var _default = (0, _theming.withTheme)(ProgressCircle);
-exports.default = _default;
+exports.default = _default;
+//# sourceMappingURL=ProgressCircle.js.map

package/lib/commonjs/components/ProgressCircle.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"names":["ProgressCircle","progress","style","color","size","showsText","unfilledColor","strokeCap","textStyle","thickness","theme","progressNum","Math","round","tintColor","colors","primary","backgroundColor","secondary","fill","fontSize","withTheme"],"sources":["ProgressCircle.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { Text, StyleProp, ViewStyle, TextStyle } from \"react-native\";\nimport AnimatedCircularProgress from \"./AnimatedCircularProgress\";\nimport { withTheme } from \"../theming\";\nimport themeT from \"../styles/DefaultTheme\";\nimport { colorTypes } from \"@draftbit/types\";\n\ntype Props = {\n progress?: number;\n style?: StyleProp<ViewStyle>;\n color?: colorTypes;\n size?: number;\n showsText?: boolean;\n unfilledColor?: colorTypes;\n strokeCap?: \"butt\" | \"square\" | \"round\" | undefined;\n textStyle?: StyleProp<TextStyle>;\n thickness?: number;\n theme: typeof themeT;\n};\n\nconst ProgressCircle: React.FC<React.PropsWithChildren<Props>> = ({\n progress = 0.5,\n style,\n color = \"primary\",\n size = 100,\n showsText = true,\n unfilledColor,\n strokeCap = \"butt\",\n textStyle,\n thickness = 1,\n theme,\n}) => {\n const progressNum = Math.round(progress * 100);\n\n const tintColor = color || theme.colors.primary;\n const backgroundColor = unfilledColor || theme.colors.secondary;\n\n return (\n <AnimatedCircularProgress\n size={size}\n width={thickness}\n backgroundWidth={thickness}\n fill={progressNum}\n tintColor={tintColor}\n backgroundColor={backgroundColor}\n rotation={0}\n lineCap={strokeCap}\n style={style}\n >\n {/* @ts-ignore */}\n {(fill) =>\n showsText ? (\n <Text\n style={[{ fontSize: size * 0.275, color: tintColor }, textStyle]}\n >\n {Math.round(fill)}%\n </Text>\n ) : null\n }\n </AnimatedCircularProgress>\n );\n};\n\nexport default withTheme(ProgressCircle);\n"],"mappings":";;;;;;AAAA;AACA;AACA;AACA;AAAuC;AAAA;AAAA;AAiBvC,MAAMA,cAAwD,GAAG,QAW3D;EAAA,IAX4D;IAChEC,QAAQ,GAAG,GAAG;IACdC,KAAK;IACLC,KAAK,GAAG,SAAS;IACjBC,IAAI,GAAG,GAAG;IACVC,SAAS,GAAG,IAAI;IAChBC,aAAa;IACbC,SAAS,GAAG,MAAM;IAClBC,SAAS;IACTC,SAAS,GAAG,CAAC;IACbC;EACF,CAAC;EACC,MAAMC,WAAW,GAAGC,IAAI,CAACC,KAAK,CAACZ,QAAQ,GAAG,GAAG,CAAC;EAE9C,MAAMa,SAAS,GAAGX,KAAK,IAAIO,KAAK,CAACK,MAAM,CAACC,OAAO;EAC/C,MAAMC,eAAe,GAAGX,aAAa,IAAII,KAAK,CAACK,MAAM,CAACG,SAAS;EAE/D,oBACE,oBAAC,iCAAwB;IACvB,IAAI,EAAEd,IAAK;IACX,KAAK,EAAEK,SAAU;IACjB,eAAe,EAAEA,SAAU;IAC3B,IAAI,EAAEE,WAAY;IAClB,SAAS,EAAEG,SAAU;IACrB,eAAe,EAAEG,eAAgB;IACjC,QAAQ,EAAE,CAAE;IACZ,OAAO,EAAEV,SAAU;IACnB,KAAK,EAAEL;EAAM,GAGXiB,IAAI,IACJd,SAAS,gBACP,oBAAC,iBAAI;IACH,KAAK,EAAE,CAAC;MAAEe,QAAQ,EAAEhB,IAAI,GAAG,KAAK;MAAED,KAAK,EAAEW;IAAU,CAAC,EAAEN,SAAS;EAAE,GAEhEI,IAAI,CAACC,KAAK,CAACM,IAAI,CAAC,MACZ,GACL,IAAI,CAEe;AAE/B,CAAC;AAAC,eAEa,IAAAE,kBAAS,EAACrB,cAAc,CAAC;AAAA"}

package/lib/commonjs/components/ProgressIndicator.js CHANGED Viewed

@@ -52,4 +52,5 @@ const ProgressIndicator = _ref => {
   });
 };
 var _default = (0, _theming.withTheme)(ProgressIndicator);
-exports.default = _default;
+exports.default = _default;
+//# sourceMappingURL=ProgressIndicator.js.map

package/lib/commonjs/components/ProgressIndicator.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"names":["ProgressIndicator","numberOfSteps","currentStep","currentStepStrokeWidth","stepStrokeCurrentColor","stepIndicatorSize","currentStepIndicatorSize","stepIndicatorCurrentColor","stepIndicatorLabelCurrentColor","stepIndicatorLabelFontSize","stepNumberFinishedColor","stepNumberUnfinishedColor","unfinishedColor","finishedColor","theme","currentPosition","stepStrokeFinishedColor","stepStrokeUnFinishedColor","separatorFinishedColor","separatorUnFinishedColor","stepIndicatorFinishedColor","stepIndicatorUnFinishedColor","stepIndicatorLabelUnFinishedColor","stepIndicatorLabelFinishedColor","labelFontFamily","typography","body1","fontFamily","withTheme"],"sources":["ProgressIndicator.tsx"],"sourcesContent":["import * as React from \"react\";\nimport StepIndicator from \"./StepIndicator\";\nimport { withTheme } from \"../theming\";\nimport themeT from \"../styles/DefaultTheme\";\nimport { colorTypes } from \"@draftbit/types\";\n\ntype Props = {\n numberOfSteps: number;\n currentStep: number;\n currentStepStrokeWidth?: number;\n stepStrokeCurrentColor?: colorTypes;\n stepIndicatorSize?: number;\n currentStepIndicatorSize?: number;\n stepIndicatorCurrentColor?: colorTypes;\n stepIndicatorLabelCurrentColor?: colorTypes;\n stepIndicatorLabelFontSize?: number;\n stepNumberFinishedColor?: colorTypes;\n stepNumberUnfinishedColor?: colorTypes;\n unfinishedColor?: colorTypes;\n finishedColor?: colorTypes;\n theme: typeof themeT;\n};\n\nconst ProgressIndicator: React.FC<React.PropsWithChildren<Props>> = ({\n numberOfSteps,\n currentStep,\n currentStepStrokeWidth = 3,\n stepStrokeCurrentColor = \"primary\",\n stepIndicatorSize,\n currentStepIndicatorSize,\n stepIndicatorCurrentColor,\n stepIndicatorLabelCurrentColor,\n stepIndicatorLabelFontSize = 12,\n stepNumberFinishedColor = \"strongInverse\",\n stepNumberUnfinishedColor = \"primary\",\n unfinishedColor = \"light\",\n finishedColor = \"primary\",\n theme,\n}) => {\n const currentPosition = currentStep - 1;\n return (\n <StepIndicator\n stepCount={numberOfSteps}\n currentPosition={currentPosition}\n customStyles={{\n stepIndicatorSize,\n currentStepIndicatorSize: currentStepIndicatorSize\n ? currentStepIndicatorSize\n : stepIndicatorSize,\n stepStrokeFinishedColor: finishedColor,\n stepStrokeUnFinishedColor: unfinishedColor,\n separatorFinishedColor: finishedColor,\n separatorUnFinishedColor: unfinishedColor,\n stepIndicatorFinishedColor: finishedColor,\n stepIndicatorUnFinishedColor: unfinishedColor,\n currentStepStrokeWidth,\n stepStrokeCurrentColor:\n stepStrokeCurrentColor || stepIndicatorCurrentColor,\n stepIndicatorLabelUnFinishedColor: stepNumberUnfinishedColor,\n stepIndicatorLabelFinishedColor: stepNumberFinishedColor,\n stepIndicatorCurrentColor: stepIndicatorCurrentColor || unfinishedColor,\n stepIndicatorLabelCurrentColor:\n stepIndicatorLabelCurrentColor || stepNumberUnfinishedColor,\n stepIndicatorLabelFontSize,\n labelFontFamily: theme.typography.body1.fontFamily,\n }}\n />\n );\n};\n\nexport default withTheme(ProgressIndicator);\n"],"mappings":";;;;;;AAAA;AACA;AACA;AAAuC;AAAA;AAAA;AAqBvC,MAAMA,iBAA2D,GAAG,QAe9D;EAAA,IAf+D;IACnEC,aAAa;IACbC,WAAW;IACXC,sBAAsB,GAAG,CAAC;IAC1BC,sBAAsB,GAAG,SAAS;IAClCC,iBAAiB;IACjBC,wBAAwB;IACxBC,yBAAyB;IACzBC,8BAA8B;IAC9BC,0BAA0B,GAAG,EAAE;IAC/BC,uBAAuB,GAAG,eAAe;IACzCC,yBAAyB,GAAG,SAAS;IACrCC,eAAe,GAAG,OAAO;IACzBC,aAAa,GAAG,SAAS;IACzBC;EACF,CAAC;EACC,MAAMC,eAAe,GAAGb,WAAW,GAAG,CAAC;EACvC,oBACE,oBAAC,sBAAa;IACZ,SAAS,EAAED,aAAc;IACzB,eAAe,EAAEc,eAAgB;IACjC,YAAY,EAAE;MACZV,iBAAiB;MACjBC,wBAAwB,EAAEA,wBAAwB,GAC9CA,wBAAwB,GACxBD,iBAAiB;MACrBW,uBAAuB,EAAEH,aAAa;MACtCI,yBAAyB,EAAEL,eAAe;MAC1CM,sBAAsB,EAAEL,aAAa;MACrCM,wBAAwB,EAAEP,eAAe;MACzCQ,0BAA0B,EAAEP,aAAa;MACzCQ,4BAA4B,EAAET,eAAe;MAC7CT,sBAAsB;MACtBC,sBAAsB,EACpBA,sBAAsB,IAAIG,yBAAyB;MACrDe,iCAAiC,EAAEX,yBAAyB;MAC5DY,+BAA+B,EAAEb,uBAAuB;MACxDH,yBAAyB,EAAEA,yBAAyB,IAAIK,eAAe;MACvEJ,8BAA8B,EAC5BA,8BAA8B,IAAIG,yBAAyB;MAC7DF,0BAA0B;MAC1Be,eAAe,EAAEV,KAAK,CAACW,UAAU,CAACC,KAAK,CAACC;IAC1C;EAAE,EACF;AAEN,CAAC;AAAC,eAEa,IAAAC,kBAAS,EAAC5B,iBAAiB,CAAC;AAAA"}

package/lib/commonjs/components/RadioButton/RadioButton.js CHANGED Viewed

@@ -50,4 +50,5 @@ const RadioButton = _ref => {
   }, rest));
 };
 var _default = RadioButton;
-exports.default = _default;
+exports.default = _default;
+//# sourceMappingURL=RadioButton.js.map

package/lib/commonjs/components/RadioButton/RadioButton.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"names":["RadioButton","Icon","disabled","color","value","selected","unselectedColor","onPress","size","Config","radioButtonSize","selectedIcon","unselectedIcon","style","rest","contextValue","onValueChange","useRadioButtonGroupContext","realValue","getValueForRadioButton","realContextValue","isSelected","handlePress"],"sources":["RadioButton.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { StyleProp, ViewStyle } from \"react-native\";\n\nimport Config from \"../Config\";\nimport IconButton from \"../IconButton\";\nimport { getValueForRadioButton } from \"../../utilities\";\nimport { useRadioButtonGroupContext } from \"./context\";\n\nimport type { IconSlot } from \"../../interfaces/Icon\";\n\nexport type RadioButtonProps = {\n selected?: boolean;\n disabled?: boolean;\n color?: string;\n value?: string | number;\n unselectedColor?: string;\n onPress?: (value?: string) => void;\n style?: StyleProp<ViewStyle>;\n size?: number;\n selectedIcon?: string;\n unselectedIcon?: string;\n} & IconSlot;\n\nconst RadioButton: React.FC<RadioButtonProps> = ({\n Icon,\n disabled = false,\n color,\n value = \"\",\n selected,\n unselectedColor,\n onPress,\n size = Config.radioButtonSize,\n selectedIcon = \"MaterialIcons/radio-button-checked\",\n unselectedIcon = \"MaterialIcons/radio-button-unchecked\",\n style,\n ...rest\n}) => {\n const { value: contextValue, onValueChange } = 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 return (\n <IconButton\n Icon={Icon}\n icon={isSelected ? selectedIcon : unselectedIcon}\n color={isSelected ? color : unselectedColor}\n disabled={disabled}\n onPress={handlePress}\n size={size}\n style={style}\n {...rest}\n />\n );\n};\n\nexport default RadioButton;\n"],"mappings":";;;;;;AAAA;AAGA;AACA;AACA;AACA;AAAuD;AAAA;AAAA;AAAA;AAiBvD,MAAMA,WAAuC,GAAG,QAa1C;EAAA,IAb2C;IAC/CC,IAAI;IACJC,QAAQ,GAAG,KAAK;IAChBC,KAAK;IACLC,KAAK,GAAG,EAAE;IACVC,QAAQ;IACRC,eAAe;IACfC,OAAO;IACPC,IAAI,GAAGC,eAAM,CAACC,eAAe;IAC7BC,YAAY,GAAG,oCAAoC;IACnDC,cAAc,GAAG,sCAAsC;IACvDC,KAAK;IACL,GAAGC;EACL,CAAC;EACC,MAAM;IAAEV,KAAK,EAAEW,YAAY;IAAEC;EAAc,CAAC,GAAG,IAAAC,mCAA0B,GAAE;EAE3E,MAAMC,SAAS,GAAG,IAAAC,iCAAsB,EAACf,KAAK,CAAC;EAC/C,MAAMgB,gBAAgB,GAAG,IAAAD,iCAAsB,EAACJ,YAAY,CAAC;EAC7D,MAAMM,UAAU,GAAGhB,QAAQ,IAAIe,gBAAgB,KAAKF,SAAS;EAE7D,MAAMI,WAAW,GAAG,MAAM;IACxBf,OAAO,aAAPA,OAAO,uBAAPA,OAAO,CAAGW,SAAS,CAAC;IACpBF,aAAa,aAAbA,aAAa,uBAAbA,aAAa,CAAGE,SAAS,CAAC;EAC5B,CAAC;EAED,oBACE,oBAAC,mBAAU;IACT,IAAI,EAAEjB,IAAK;IACX,IAAI,EAAEoB,UAAU,GAAGV,YAAY,GAAGC,cAAe;IACjD,KAAK,EAAES,UAAU,GAAGlB,KAAK,GAAGG,eAAgB;IAC5C,QAAQ,EAAEJ,QAAS;IACnB,OAAO,EAAEoB,WAAY;IACrB,IAAI,EAAEd,IAAK;IACX,KAAK,EAAEK;EAAM,GACTC,IAAI,EACR;AAEN,CAAC;AAAC,eAEad,WAAW;AAAA"}

package/lib/commonjs/components/RadioButton/RadioButtonFieldGroup.js CHANGED Viewed

@@ -32,4 +32,5 @@ const RadioButtonFieldGroup = _ref => {
   }, rest), children));
 };
 var _default = (0, _theming.withTheme)(RadioButtonFieldGroup);
-exports.default = _default;
+exports.default = _default;
+//# sourceMappingURL=RadioButtonFieldGroup.js.map

package/lib/commonjs/components/RadioButton/RadioButtonFieldGroup.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"names":["RadioButtonFieldGroup","label","children","theme","labelStyle","style","rest","fontSize","typography","headline4","color","withTheme"],"sources":["RadioButtonFieldGroup.tsx"],"sourcesContent":["import React from \"react\";\nimport { View, StyleProp, TextStyle, ViewStyle } from \"react-native\";\nimport Text from \"../Text\";\nimport { withTheme } from \"../../theming\";\nimport RadioButtonGroup, { RadioButtonGroupProps } from \"./RadioButtonGroup\";\n\ninterface Props extends RadioButtonGroupProps {\n label?: string;\n labelStyle?: StyleProp<TextStyle>;\n style?: StyleProp<ViewStyle>;\n}\n\nconst RadioButtonFieldGroup: React.FC<React.PropsWithChildren<Props>> = ({\n label,\n children,\n theme,\n labelStyle,\n style,\n ...rest\n}) => {\n return (\n <View style={style}>\n <Text\n style={[\n {\n fontSize: theme.typography.headline4.fontSize,\n color: theme.typography.headline4.color,\n },\n labelStyle,\n ]}\n >\n {label}\n </Text>\n <RadioButtonGroup theme={theme} {...rest}>\n {children}\n </RadioButtonGroup>\n </View>\n );\n};\n\nexport default withTheme(RadioButtonFieldGroup);\n"],"mappings":";;;;;;AAAA;AACA;AACA;AACA;AACA;AAA6E;AAAA;AAQ7E,MAAMA,qBAA+D,GAAG,QAOlE;EAAA,IAPmE;IACvEC,KAAK;IACLC,QAAQ;IACRC,KAAK;IACLC,UAAU;IACVC,KAAK;IACL,GAAGC;EACL,CAAC;EACC,oBACE,6BAAC,iBAAI;IAAC,KAAK,EAAED;EAAM,gBACjB,6BAAC,aAAI;IACH,KAAK,EAAE,CACL;MACEE,QAAQ,EAAEJ,KAAK,CAACK,UAAU,CAACC,SAAS,CAACF,QAAQ;MAC7CG,KAAK,EAAEP,KAAK,CAACK,UAAU,CAACC,SAAS,CAACC;IACpC,CAAC,EACDN,UAAU;EACV,GAEDH,KAAK,CACD,eACP,6BAAC,yBAAgB;IAAC,KAAK,EAAEE;EAAM,GAAKG,IAAI,GACrCJ,QAAQ,CACQ,CACd;AAEX,CAAC;AAAC,eAEa,IAAAS,kBAAS,EAACX,qBAAqB,CAAC;AAAA"}

package/lib/commonjs/components/RadioButton/RadioButtonGroup.js CHANGED Viewed

@@ -65,4 +65,5 @@ const RadioButtonGroup = _ref => {
   }, children)));
 };
 var _default = RadioButtonGroup;
-exports.default = _default;
+exports.default = _default;
+//# sourceMappingURL=RadioButtonGroup.js.map

package/lib/commonjs/components/RadioButton/RadioButtonGroup.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"names":["Provider","radioButtonGroupContext","RadioButtonGroup","direction","Direction","Vertical","value","onValueChange","defaultValue","style","children","rest","internalValue","setInternalValue","React","useState","useEffect","realValue","getValueForRadioButton","realDefaultValue","handleValueChange","newValue","realNewValue","_containerStyle","flexDirection","Horizontal","push","alignItems","minHeight"],"sources":["RadioButtonGroup.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { View, StyleProp, ViewStyle } from \"react-native\";\nimport type { Theme } from \"../../styles/DefaultTheme\";\nimport { getValueForRadioButton } from \"../../utilities\";\nimport { radioButtonGroupContext, Direction } from \"./context\";\nexport interface RadioButtonGroupProps {\n direction?: Direction;\n style?: StyleProp<ViewStyle>;\n value: string | number;\n onValueChange?: (value: string) => void;\n defaultValue?: string | number;\n theme: Theme;\n children: React.ReactNode;\n}\n\nconst { Provider } = radioButtonGroupContext;\n\nconst RadioButtonGroup: React.FC<RadioButtonGroupProps> = ({\n direction = Direction.Vertical,\n value = \"\",\n onValueChange,\n defaultValue,\n style,\n children,\n ...rest\n}) => {\n const [internalValue, setInternalValue] = React.useState(\"\");\n\n React.useEffect(() => {\n if (value != null) {\n const realValue = getValueForRadioButton(value);\n\n setInternalValue(realValue);\n }\n }, [value]);\n\n React.useEffect(() => {\n if (defaultValue != null) {\n const realDefaultValue = getValueForRadioButton(defaultValue);\n\n setInternalValue(realDefaultValue);\n }\n }, [defaultValue]);\n\n const handleValueChange = (newValue: string | number) => {\n const realNewValue = getValueForRadioButton(newValue);\n\n setInternalValue(realNewValue);\n onValueChange?.(realNewValue);\n };\n\n const _containerStyle: StyleProp<ViewStyle> = [\n {\n flexDirection: direction === Direction.Horizontal ? \"row\" : \"column\",\n },\n ];\n\n if (direction !== Direction.Vertical) {\n _containerStyle.push({\n alignItems: \"center\",\n });\n }\n\n return (\n <View style={[{ minHeight: 40 }, style]} {...rest}>\n <Provider\n value={{\n value: internalValue,\n onValueChange: handleValueChange,\n direction,\n }}\n >\n <View style={_containerStyle}>{children}</View>\n </Provider>\n </View>\n );\n};\n\nexport default RadioButtonGroup;\n"],"mappings":";;;;;;AAAA;AACA;AAEA;AACA;AAA+D;AAAA;AAAA;AAW/D,MAAM;EAAEA;AAAS,CAAC,GAAGC,gCAAuB;AAE5C,MAAMC,gBAAiD,GAAG,QAQpD;EAAA,IARqD;IACzDC,SAAS,GAAGC,kBAAS,CAACC,QAAQ;IAC9BC,KAAK,GAAG,EAAE;IACVC,aAAa;IACbC,YAAY;IACZC,KAAK;IACLC,QAAQ;IACR,GAAGC;EACL,CAAC;EACC,MAAM,CAACC,aAAa,EAAEC,gBAAgB,CAAC,GAAGC,KAAK,CAACC,QAAQ,CAAC,EAAE,CAAC;EAE5DD,KAAK,CAACE,SAAS,CAAC,MAAM;IACpB,IAAIV,KAAK,IAAI,IAAI,EAAE;MACjB,MAAMW,SAAS,GAAG,IAAAC,iCAAsB,EAACZ,KAAK,CAAC;MAE/CO,gBAAgB,CAACI,SAAS,CAAC;IAC7B;EACF,CAAC,EAAE,CAACX,KAAK,CAAC,CAAC;EAEXQ,KAAK,CAACE,SAAS,CAAC,MAAM;IACpB,IAAIR,YAAY,IAAI,IAAI,EAAE;MACxB,MAAMW,gBAAgB,GAAG,IAAAD,iCAAsB,EAACV,YAAY,CAAC;MAE7DK,gBAAgB,CAACM,gBAAgB,CAAC;IACpC;EACF,CAAC,EAAE,CAACX,YAAY,CAAC,CAAC;EAElB,MAAMY,iBAAiB,GAAIC,QAAyB,IAAK;IACvD,MAAMC,YAAY,GAAG,IAAAJ,iCAAsB,EAACG,QAAQ,CAAC;IAErDR,gBAAgB,CAACS,YAAY,CAAC;IAC9Bf,aAAa,aAAbA,aAAa,uBAAbA,aAAa,CAAGe,YAAY,CAAC;EAC/B,CAAC;EAED,MAAMC,eAAqC,GAAG,CAC5C;IACEC,aAAa,EAAErB,SAAS,KAAKC,kBAAS,CAACqB,UAAU,GAAG,KAAK,GAAG;EAC9D,CAAC,CACF;EAED,IAAItB,SAAS,KAAKC,kBAAS,CAACC,QAAQ,EAAE;IACpCkB,eAAe,CAACG,IAAI,CAAC;MACnBC,UAAU,EAAE;IACd,CAAC,CAAC;EACJ;EAEA,oBACE,oBAAC,iBAAI;IAAC,KAAK,EAAE,CAAC;MAAEC,SAAS,EAAE;IAAG,CAAC,EAAEnB,KAAK;EAAE,GAAKE,IAAI,gBAC/C,oBAAC,QAAQ;IACP,KAAK,EAAE;MACLL,KAAK,EAAEM,aAAa;MACpBL,aAAa,EAAEa,iBAAiB;MAChCjB;IACF;EAAE,gBAEF,oBAAC,iBAAI;IAAC,KAAK,EAAEoB;EAAgB,GAAEb,QAAQ,CAAQ,CACtC,CACN;AAEX,CAAC;AAAC,eAEaR,gBAAgB;AAAA"}

package/lib/commonjs/components/RadioButton/RadioButtonRow.js CHANGED Viewed

@@ -116,4 +116,5 @@ const styles = _reactNative.StyleSheet.create({
   }
 });
 var _default = RadioButtonRow;
-exports.default = _default;
+exports.default = _default;
+//# sourceMappingURL=RadioButtonRow.js.map

package/lib/commonjs/components/RadioButton/RadioButtonRow.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"names":["Direction","getRadioButtonAlignment","parentDirection","direction","GroupDirection","Horizontal","Row","RowReverse","renderLabel","value","labelStyle","textStyle","RadioButtonRow","Icon","label","color","unselectedColor","onPress","labelContainerStyle","radioButtonStyle","selected","disabled","style","rest","contextValue","onValueChange","useRadioButtonGroupContext","realValue","getValueForRadioButton","realContextValue","isSelected","handlePress","textStyles","viewStyles","extractStyles","styles","mainParent","flexDirection","alignItems","flex","StyleSheet","create","justifyContent","paddingStart","minHeight","paddingEnd","display","Platform","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":"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"}

package/lib/commonjs/components/RadioButton/context.js CHANGED Viewed

@@ -20,4 +20,5 @@ const radioButtonGroupContext = /*#__PURE__*/(0, _react.createContext)({
 exports.radioButtonGroupContext = radioButtonGroupContext;
 function useRadioButtonGroupContext() {
   return (0, _react.useContext)(radioButtonGroupContext);
-}
+}
+//# sourceMappingURL=context.js.map

package/lib/commonjs/components/RadioButton/context.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"names":["Direction","radioButtonGroupContext","createContext","onValueChange","value","direction","undefined","useRadioButtonGroupContext","useContext"],"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;AAAkD,IAEtCA,SAAS;AAAA;AAAA,WAATA,SAAS;EAATA,SAAS;EAATA,SAAS;AAAA,GAATA,SAAS,yBAATA,SAAS;AAUd,MAAMC,uBAAuB,gBAAG,IAAAC,oBAAa,EAA0B;EAC5EC,aAAa,EAAE,MAAM,CAAC,CAAC;EACvBC,KAAK,EAAE,EAAE;EACTC,SAAS,EAAEC;AACb,CAAC,CAAC;AAAC;AAEI,SAASC,0BAA0B,GAAG;EAC3C,OAAO,IAAAC,iBAAU,EAACP,uBAAuB,CAAC;AAC5C"}

package/lib/commonjs/components/RadioButton/index.js CHANGED Viewed

@@ -31,4 +31,5 @@ var _RadioButton = _interopRequireDefault(require("./RadioButton"));
 var _RadioButtonGroup = _interopRequireDefault(require("./RadioButtonGroup"));
 var _RadioButtonRow = _interopRequireDefault(require("./RadioButtonRow"));
 var _RadioButtonFieldGroup = _interopRequireDefault(require("./RadioButtonFieldGroup"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+//# sourceMappingURL=index.js.map

package/lib/commonjs/components/RadioButton/index.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"names":[],"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;AACA;AACA;AACA;AAA2E"}

package/lib/commonjs/components/ResizeMode.js CHANGED Viewed

@@ -1,5 +1,5 @@
 "use strict";
-Object.defineProperty(exports, "__esModule", {
+//# sourceMappingURL=ResizeMode.js.mapodule", {
   value: true
-});
+});
+//# sourceMappingURL=ResizeMode.js.map