@draftbit/core 46.1.4-e6469c.0 → 46.2.1-327d47.2

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

@@ -1 +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;;;;;;;;;;AAiBA,MAAMA,WAAuC,GAAG,QAa1C;EAAA,IAb2C;IAC/CC,IAD+C;IAE/CC,QAAQ,GAAG,KAFoC;IAG/CC,KAH+C;IAI/CC,KAAK,GAAG,EAJuC;IAK/CC,QAL+C;IAM/CC,eAN+C;IAO/CC,OAP+C;IAQ/CC,IAAI,GAAGC,eAAA,CAAOC,eARiC;IAS/CC,YAAY,GAAG,oCATgC;IAU/CC,cAAc,GAAG,sCAV8B;IAW/CC,KAX+C;IAY/C,GAAGC;EAZ4C,CAa3C;EACJ,MAAM;IAAEV,KAAK,EAAEW,YAAT;IAAuBC;EAAvB,IAAyC,IAAAC,mCAAA,GAA/C;EAEA,MAAMC,SAAS,GAAG,IAAAC,iCAAA,EAAuBf,KAAvB,CAAlB;EACA,MAAMgB,gBAAgB,GAAG,IAAAD,iCAAA,EAAuBJ,YAAvB,CAAzB;EACA,MAAMM,UAAU,GAAGhB,QAAQ,IAAIe,gBAAgB,KAAKF,SAApD;;EAEA,MAAMI,WAAW,GAAG,MAAM;IACxBf,OAAO,SAAP,IAAAA,OAAO,WAAP,YAAAA,OAAO,CAAGW,SAAH,CAAP;IACAF,aAAa,SAAb,IAAAA,aAAa,WAAb,YAAAA,aAAa,CAAGE,SAAH,CAAb;EACD,CAHD;;EAKA,oBACE,oBAAC,mBAAD;IACE,IAAI,EAAEjB,IADR;IAEE,IAAI,EAAEoB,UAAU,GAAGV,YAAH,GAAkBC,cAFpC;IAGE,KAAK,EAAES,UAAU,GAAGlB,KAAH,GAAWG,eAH9B;IAIE,QAAQ,EAAEJ,QAJZ;IAKE,OAAO,EAAEoB,WALX;IAME,IAAI,EAAEd,IANR;IAOE,KAAK,EAAEK;EAPT,GAQMC,IARN,EADF;AAYD,CArCD;;eAuCed,W"}
+{"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;;;;;;;;;;AAiBA,MAAMA,WAAuC,GAAG,QAa1C;EAAA,IAb2C;IAC/CC,IAD+C;IAE/CC,QAAQ,GAAG,KAFoC;IAG/CC,KAH+C;IAI/CC,KAAK,GAAG,EAJuC;IAK/CC,QAL+C;IAM/CC,eAN+C;IAO/CC,OAP+C;IAQ/CC,IAAI,GAAGC,eAAA,CAAOC,eARiC;IAS/CC,YAAY,GAAG,oCATgC;IAU/CC,cAAc,GAAG,sCAV8B;IAW/CC,KAX+C;IAY/C,GAAGC;EAZ4C,CAa3C;EACJ,MAAM;IAAEV,KAAK,EAAEW,YAAT;IAAuBC;EAAvB,IAAyC,IAAAC,mCAAA,GAA/C;EAEA,MAAMC,SAAS,GAAG,IAAAC,iCAAA,EAAuBf,KAAvB,CAAlB;EACA,MAAMgB,gBAAgB,GAAG,IAAAD,iCAAA,EAAuBJ,YAAvB,CAAzB;EACA,MAAMM,UAAU,GAAGhB,QAAH,aAAGA,QAAH,cAAGA,QAAH,GAAee,gBAAgB,KAAKF,SAApD;;EAEA,MAAMI,WAAW,GAAG,MAAM;IACxBf,OAAO,SAAP,IAAAA,OAAO,WAAP,YAAAA,OAAO,CAAGW,SAAH,CAAP;IACAF,aAAa,SAAb,IAAAA,aAAa,WAAb,YAAAA,aAAa,CAAGE,SAAH,CAAb;EACD,CAHD;;EAKA,oBACE,oBAAC,mBAAD;IACE,IAAI,EAAEjB,IADR;IAEE,IAAI,EAAEoB,UAAU,GAAGV,YAAH,GAAkBC,cAFpC;IAGE,KAAK,EAAES,UAAU,GAAGlB,KAAH,GAAWG,eAH9B;IAIE,QAAQ,EAAEJ,QAJZ;IAKE,OAAO,EAAEoB,WALX;IAME,IAAI,EAAEd,IANR;IAOE,KAAK,EAAEK;EAPT,GAQMC,IARN,EADF;AAYD,CArCD;;eAuCed,W"}

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

@@ -17,8 +17,6 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 
 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 _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
 const {
   Provider
 } = _context.radioButtonGroupContext;
@@ -63,11 +61,25 @@ const RadioButtonGroup = _ref => {
     });
   }
 
-  return /*#__PURE__*/React.createElement(_reactNative.View, _extends({
+  return /*#__PURE__*/React.createElement(_reactNative.View, {
     style: [{
       minHeight: 40
-    }, style]
-  }, rest), /*#__PURE__*/React.createElement(Provider, {
+    }, style],
+    ...rest
+  }, /*#__PURE__*/React.createElement(Provider, {
+    value: {
+      value: internalValue,
+      onValueChange: handleValueChange,
+      direction
+    }
+  }, /*#__PURE__*/React.createElement(_reactNative.View, {
+    style: _containerStyle
+  }, children)));
+};
+
+var _default = RadioButtonGroup;
+exports.default = _default;
+//# sourceMappingURL=RadioButtonGroup.js.mapt.createElement(Provider, {
     value: {
       value: internalValue,
       onValueChange: handleValueChange,

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

@@ -1 +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;;;;;;;;AAWA,MAAM;EAAEA;AAAF,IAAeC,gCAArB;;AAEA,MAAMC,gBAAiD,GAAG,QAQpD;EAAA,IARqD;IACzDC,SAAS,GAAGC,kBAAA,CAAUC,QADmC;IAEzDC,KAAK,GAAG,EAFiD;IAGzDC,aAHyD;IAIzDC,YAJyD;IAKzDC,KALyD;IAMzDC,QANyD;IAOzD,GAAGC;EAPsD,CAQrD;EACJ,MAAM,CAACC,aAAD,EAAgBC,gBAAhB,IAAoCC,KAAK,CAACC,QAAN,CAAe,EAAf,CAA1C;EAEAD,KAAK,CAACE,SAAN,CAAgB,MAAM;IACpB,IAAIV,KAAK,IAAI,IAAb,EAAmB;MACjB,MAAMW,SAAS,GAAG,IAAAC,iCAAA,EAAuBZ,KAAvB,CAAlB;MAEAO,gBAAgB,CAACI,SAAD,CAAhB;IACD;EACF,CAND,EAMG,CAACX,KAAD,CANH;EAQAQ,KAAK,CAACE,SAAN,CAAgB,MAAM;IACpB,IAAIR,YAAY,IAAI,IAApB,EAA0B;MACxB,MAAMW,gBAAgB,GAAG,IAAAD,iCAAA,EAAuBV,YAAvB,CAAzB;MAEAK,gBAAgB,CAACM,gBAAD,CAAhB;IACD;EACF,CAND,EAMG,CAACX,YAAD,CANH;;EAQA,MAAMY,iBAAiB,GAAIC,QAAD,IAA+B;IACvD,MAAMC,YAAY,GAAG,IAAAJ,iCAAA,EAAuBG,QAAvB,CAArB;IAEAR,gBAAgB,CAACS,YAAD,CAAhB;IACAf,aAAa,SAAb,IAAAA,aAAa,WAAb,YAAAA,aAAa,CAAGe,YAAH,CAAb;EACD,CALD;;EAOA,MAAMC,eAAqC,GAAG,CAC5C;IACEC,aAAa,EAAErB,SAAS,KAAKC,kBAAA,CAAUqB,UAAxB,GAAqC,KAArC,GAA6C;EAD9D,CAD4C,CAA9C;;EAMA,IAAItB,SAAS,KAAKC,kBAAA,CAAUC,QAA5B,EAAsC;IACpCkB,eAAe,CAACG,IAAhB,CAAqB;MACnBC,UAAU,EAAE;IADO,CAArB;EAGD;;EAED,oBACE,oBAAC,iBAAD;IAAM,KAAK,EAAE,CAAC;MAAEC,SAAS,EAAE;IAAb,CAAD,EAAoBnB,KAApB;EAAb,GAA6CE,IAA7C,gBACE,oBAAC,QAAD;IACE,KAAK,EAAE;MACLL,KAAK,EAAEM,aADF;MAELL,aAAa,EAAEa,iBAFV;MAGLjB;IAHK;EADT,gBAOE,oBAAC,iBAAD;IAAM,KAAK,EAAEoB;EAAb,GAA+Bb,QAA/B,CAPF,CADF,CADF;AAaD,CA3DD;;eA6DeR,gB"}
+{"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","createElement","View","minHeight"],"sources":["RadioButtonGroup.js"],"sourcesContent":["import * as React from \"react\";\nimport { View } from \"react-native\";\nimport { getValueForRadioButton } from \"../../utilities\";\nimport { radioButtonGroupContext, Direction } from \"./context\";\nconst { Provider } = radioButtonGroupContext;\nconst RadioButtonGroup = ({ direction = Direction.Vertical, value = \"\", onValueChange, defaultValue, style, children, ...rest }) => {\n    const [internalValue, setInternalValue] = React.useState(\"\");\n    React.useEffect(() => {\n        if (value != null) {\n            const realValue = getValueForRadioButton(value);\n            setInternalValue(realValue);\n        }\n    }, [value]);\n    React.useEffect(() => {\n        if (defaultValue != null) {\n            const realDefaultValue = getValueForRadioButton(defaultValue);\n            setInternalValue(realDefaultValue);\n        }\n    }, [defaultValue]);\n    const handleValueChange = (newValue) => {\n        const realNewValue = getValueForRadioButton(newValue);\n        setInternalValue(realNewValue);\n        onValueChange === null || onValueChange === void 0 ? void 0 : onValueChange(realNewValue);\n    };\n    const _containerStyle = [\n        {\n            flexDirection: direction === Direction.Horizontal ? \"row\" : \"column\",\n        },\n    ];\n    if (direction !== Direction.Vertical) {\n        _containerStyle.push({\n            alignItems: \"center\",\n        });\n    }\n    return (React.createElement(View, { style: [{ minHeight: 40 }, style], ...rest },\n        React.createElement(Provider, { value: {\n                value: internalValue,\n                onValueChange: handleValueChange,\n                direction,\n            } },\n            React.createElement(View, { style: _containerStyle }, children))));\n};\nexport default RadioButtonGroup;\n"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;AACA;;;;;;AACA,MAAM;EAAEA;AAAF,IAAeC,gCAArB;;AACA,MAAMC,gBAAgB,GAAG,QAA2G;EAAA,IAA1G;IAAEC,SAAS,GAAGC,kBAAA,CAAUC,QAAxB;IAAkCC,KAAK,GAAG,EAA1C;IAA8CC,aAA9C;IAA6DC,YAA7D;IAA2EC,KAA3E;IAAkFC,QAAlF;IAA4F,GAAGC;EAA/F,CAA0G;EAChI,MAAM,CAACC,aAAD,EAAgBC,gBAAhB,IAAoCC,KAAK,CAACC,QAAN,CAAe,EAAf,CAA1C;EACAD,KAAK,CAACE,SAAN,CAAgB,MAAM;IAClB,IAAIV,KAAK,IAAI,IAAb,EAAmB;MACf,MAAMW,SAAS,GAAG,IAAAC,iCAAA,EAAuBZ,KAAvB,CAAlB;MACAO,gBAAgB,CAACI,SAAD,CAAhB;IACH;EACJ,CALD,EAKG,CAACX,KAAD,CALH;EAMAQ,KAAK,CAACE,SAAN,CAAgB,MAAM;IAClB,IAAIR,YAAY,IAAI,IAApB,EAA0B;MACtB,MAAMW,gBAAgB,GAAG,IAAAD,iCAAA,EAAuBV,YAAvB,CAAzB;MACAK,gBAAgB,CAACM,gBAAD,CAAhB;IACH;EACJ,CALD,EAKG,CAACX,YAAD,CALH;;EAMA,MAAMY,iBAAiB,GAAIC,QAAD,IAAc;IACpC,MAAMC,YAAY,GAAG,IAAAJ,iCAAA,EAAuBG,QAAvB,CAArB;IACAR,gBAAgB,CAACS,YAAD,CAAhB;IACAf,aAAa,KAAK,IAAlB,IAA0BA,aAAa,KAAK,KAAK,CAAjD,GAAqD,KAAK,CAA1D,GAA8DA,aAAa,CAACe,YAAD,CAA3E;EACH,CAJD;;EAKA,MAAMC,eAAe,GAAG,CACpB;IACIC,aAAa,EAAErB,SAAS,KAAKC,kBAAA,CAAUqB,UAAxB,GAAqC,KAArC,GAA6C;EADhE,CADoB,CAAxB;;EAKA,IAAItB,SAAS,KAAKC,kBAAA,CAAUC,QAA5B,EAAsC;IAClCkB,eAAe,CAACG,IAAhB,CAAqB;MACjBC,UAAU,EAAE;IADK,CAArB;EAGH;;EACD,oBAAQb,KAAK,CAACc,aAAN,CAAoBC,iBAApB,EAA0B;IAAEpB,KAAK,EAAE,CAAC;MAAEqB,SAAS,EAAE;IAAb,CAAD,EAAoBrB,KAApB,CAAT;IAAqC,GAAGE;EAAxC,CAA1B,eACJG,KAAK,CAACc,aAAN,CAAoB5B,QAApB,EAA8B;IAAEM,KAAK,EAAE;MAC/BA,KAAK,EAAEM,aADwB;MAE/BL,aAAa,EAAEa,iBAFgB;MAG/BjB;IAH+B;EAAT,CAA9B,eAKIW,KAAK,CAACc,aAAN,CAAoBC,iBAApB,EAA0B;IAAEpB,KAAK,EAAEc;EAAT,CAA1B,EAAsDb,QAAtD,CALJ,CADI,CAAR;AAOH,CApCD;;eAqCeR,gB"}

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

@@ -79,7 +79,7 @@ const RadioButtonRow = _ref => {
   } = (0, _context.useRadioButtonGroupContext)();
   const realValue = (0, _utilities.getValueForRadioButton)(value);
   const realContextValue = (0, _utilities.getValueForRadioButton)(contextValue);
-  const isSelected = selected ?? realContextValue === realValue;
+  const isSelected = selected !== null && selected !== void 0 ? selected : realContextValue === realValue;
 
   const handlePress = () => {
     onPress === null || onPress === void 0 ? void 0 : onPress(realValue);

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

@@ -1 +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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"}
+{"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/StepIndicator.js

@@ -256,7 +256,7 @@ class StepIndicator extends _react.Component {
         stepStatus: this.getStepStatus(position)
       }) : /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
         style: indicatorLabelStyle
-      }, `${position + 1}`));
+      }, "".concat(position + 1)));
     });
 
     _defineProperty(this, "getStepStatus", stepPosition => {

package/lib/commonjs/components/StepIndicator.js.map

@@ -1 +1 @@
-{"version":3,"names":["STEP_STATUS","CURRENT","FINISHED","UNFINISHED","StepIndicator","Component","constructor","props","stepCount","direction","progressBarBackgroundStyle","backgroundColor","state","customStyles","separatorUnFinishedColor","position","left","width","separatorStrokeWidth","top","height","bottom","separatorStrokeUnfinishedWidth","right","event","setState","progressBarSize","nativeEvent","layout","onCurrentPositionChanged","currentPosition","progressBarStyle","separatorFinishedColor","separatorStrokeFinishedWidth","progressAnim","steps","push","stepPressed","styles","stepContainer","flexDirection","renderStep","stepIndicatorContainer","currentStepIndicatorSize","labels","renderLabel","labelViews","map","label","index","selectedStepLabelStyle","color","currentStepLabelColor","labelColor","stepLabelItem","stepStatus","getStepStatus","stepLabel","fontSize","labelSize","fontFamily","labelFontFamily","stepLabelsContainer","paddingHorizontal","paddingVertical","alignItems","labelAlign","renderStepIndicator","stepStyle","indicatorLabelStyle","stepIndicatorCurrentColor","borderWidth","currentStepStrokeWidth","borderColor","stepStrokeCurrentColor","sizeAnim","borderRadius","borderRadiusAnim","currentStepIndicatorLabelFontSize","stepIndicatorLabelCurrentColor","stepIndicatorFinishedColor","stepStrokeWidth","stepStrokeFinishedColor","stepIndicatorSize","stepIndicatorLabelFontSize","stepIndicatorLabelFinishedColor","stepIndicatorUnFinishedColor","stepStrokeUnFinishedColor","overflow","stepIndicatorLabelUnFinishedColor","step","stepPosition","animateToPosition","setValue","Animated","sequence","timing","toValue","duration","parallel","start","defaultStyles","Object","assign","Value","onPress","render","container","flex","renderProgressBarBackground","renderProgressBar","renderStepLabels","componentDidUpdate","prevProps","StyleSheet","create","justifyContent","zIndex","textAlign","fontWeight","defaultProps"],"sources":["StepIndicator.tsx"],"sourcesContent":["// @ts-nocheck\nimport React, { Component } from \"react\";\nimport {\n  View,\n  Text,\n  StyleSheet,\n  Animated,\n  TouchableWithoutFeedback,\n} from \"react-native\";\n\nconst STEP_STATUS = {\n  CURRENT: \"current\",\n  FINISHED: \"finished\",\n  UNFINISHED: \"unfinished\",\n};\n\ninterface CustomStyles {\n  stepIndicatorSize?: number;\n  currentStepIndicatorSize?: number;\n  separatorStrokeWidth?: number;\n  separatorStrokeUnfinishedWidth?: number;\n  separatorStrokeFinishedWidth?: number;\n  currentStepStrokeWidth: number;\n  stepStrokeWidth?: number;\n  stepStrokeCurrentColor?: string;\n  stepStrokeFinishedColor: string;\n  stepStrokeUnFinishedColor: string;\n  separatorFinishedColor: string;\n  separatorUnFinishedColor: string;\n  stepIndicatorFinishedColor: string;\n  stepIndicatorUnFinishedColor: string;\n  stepIndicatorCurrentColor: string;\n  stepIndicatorLabelFontSize: number;\n  currentStepIndicatorLabelFontSize?: number;\n  stepIndicatorLabelCurrentColor: string;\n  stepIndicatorLabelFinishedColor: string;\n  stepIndicatorLabelUnFinishedColor: string;\n  labelColor?: string;\n  labelSize?: number;\n  labelAlign?: string;\n  currentStepLabelColor?: string;\n  labelFontFamily?: string;\n}\n\ntype Props = {\n  stepCount: number;\n  currentPosition: number;\n  customStyles: CustomStyles;\n};\n\ntype State = {\n  width: number;\n  height: number;\n  progressBarSize: number;\n  customStyles: CustomStyles;\n};\n\nexport default class StepIndicator extends Component<Props, State> {\n  constructor(props: Props) {\n    super(props);\n\n    const defaultStyles = {\n      stepIndicatorSize: 30,\n      currentStepIndicatorSize: 40,\n      separatorStrokeWidth: 3,\n      separatorStrokeUnfinishedWidth: 0,\n      separatorStrokeFinishedWidth: 0,\n      currentStepStrokeWidth: 5,\n      stepStrokeWidth: 0,\n      stepStrokeCurrentColor: \"#4aae4f\",\n      stepStrokeFinishedColor: \"#4aae4f\",\n      stepStrokeUnFinishedColor: \"#4aae4f\",\n      separatorFinishedColor: \"#4aae4f\",\n      separatorUnFinishedColor: \"#a4d4a5\",\n      stepIndicatorFinishedColor: \"#4aae4f\",\n      stepIndicatorUnFinishedColor: \"#a4d4a5\",\n      stepIndicatorCurrentColor: \"#ffffff\",\n      stepIndicatorLabelFontSize: 15,\n      currentStepIndicatorLabelFontSize: 15,\n      stepIndicatorLabelCurrentColor: \"#000000\",\n      stepIndicatorLabelFinishedColor: \"#ffffff\",\n      stepIndicatorLabelUnFinishedColor: \"rgba(255,255,255,0.5)\",\n      labelColor: \"#000000\",\n      labelSize: 13,\n      labelAlign: \"center\",\n      currentStepLabelColor: \"#4aae4f\",\n    };\n\n    const customStyles = Object.assign(defaultStyles, props.customStyles);\n\n    this.state = {\n      width: 0,\n      height: 1,\n      progressBarSize: -2,\n      customStyles,\n    };\n\n    this.progressAnim = new Animated.Value(0);\n    this.sizeAnim = new Animated.Value(\n      this.state.customStyles.stepIndicatorSize\n    );\n    this.borderRadiusAnim = new Animated.Value(\n      this.state.customStyles.stepIndicatorSize / 2\n    );\n  }\n\n  stepPressed(position) {\n    if (this.props.onPress) {\n      this.props.onPress(position);\n    }\n  }\n\n  render() {\n    const { labels, direction } = this.props;\n    return (\n      <View\n        style={[\n          styles.container,\n          direction === \"vertical\"\n            ? { flexDirection: \"row\", flex: 1 }\n            : { flexDirection: \"column\" },\n        ]}\n      >\n        {this.state.width !== 0 && this.renderProgressBarBackground()}\n        {this.state.width !== 0 && this.renderProgressBar()}\n        {this.renderStepIndicator()}\n        {labels && this.renderStepLabels()}\n      </View>\n    );\n  }\n\n  componentDidUpdate(prevProps) {\n    // if (prevProps.customStyles !== this.props.customStyles) {\n    //   this.setState((state) => ({\n    //     customStyles: Object.assign(\n    //       state.customStyles,\n    //       this.props.customStyles\n    //     ),\n    //   }));\n    // }\n\n    if (prevProps.currentPosition !== this.props.currentPosition) {\n      this.onCurrentPositionChanged(this.props.currentPosition);\n    }\n  }\n\n  renderProgressBarBackground = () => {\n    const { stepCount, direction } = this.props;\n    let progressBarBackgroundStyle;\n    if (direction === \"vertical\") {\n      progressBarBackgroundStyle = {\n        backgroundColor: this.state.customStyles.separatorUnFinishedColor,\n        position: \"absolute\",\n        left:\n          (this.state.width - this.state.customStyles.separatorStrokeWidth) / 2,\n        top: this.state.height / (2 * stepCount),\n        bottom: this.state.height / (2 * stepCount),\n        width:\n          this.state.customStyles.separatorStrokeUnfinishedWidth === 0\n            ? this.state.customStyles.separatorStrokeWidth\n            : this.state.customStyles.separatorStrokeUnfinishedWidth,\n      };\n    } else {\n      progressBarBackgroundStyle = {\n        backgroundColor: this.state.customStyles.separatorUnFinishedColor,\n        position: \"absolute\",\n        top:\n          (this.state.height - this.state.customStyles.separatorStrokeWidth) /\n          2,\n        left: this.state.width / (2 * stepCount),\n        right: this.state.width / (2 * stepCount),\n        height:\n          this.state.customStyles.separatorStrokeUnfinishedWidth === 0\n            ? this.state.customStyles.separatorStrokeWidth\n            : this.state.customStyles.separatorStrokeUnfinishedWidth,\n      };\n    }\n    return (\n      <View\n        onLayout={(event) => {\n          if (direction === \"vertical\") {\n            this.setState(\n              { progressBarSize: event.nativeEvent.layout.height },\n              () => {\n                this.onCurrentPositionChanged(this.props.currentPosition);\n              }\n            );\n          } else {\n            this.setState(\n              { progressBarSize: event.nativeEvent.layout.width },\n              () => {\n                this.onCurrentPositionChanged(this.props.currentPosition);\n              }\n            );\n          }\n        }}\n        style={progressBarBackgroundStyle}\n      />\n    );\n  };\n\n  renderProgressBar = () => {\n    const { stepCount, direction } = this.props;\n    let progressBarStyle;\n    if (direction === \"vertical\") {\n      progressBarStyle = {\n        backgroundColor: this.state.customStyles.separatorFinishedColor,\n        position: \"absolute\",\n        left:\n          (this.state.width - this.state.customStyles.separatorStrokeWidth) / 2,\n        top: this.state.height / (2 * stepCount),\n        bottom: this.state.height / (2 * stepCount),\n        width:\n          this.state.customStyles.separatorStrokeFinishedWidth === 0\n            ? this.state.customStyles.separatorStrokeWidth\n            : this.state.customStyles.separatorStrokeFinishedWidth,\n        height: this.progressAnim,\n      };\n    } else {\n      progressBarStyle = {\n        backgroundColor: this.state.customStyles.separatorFinishedColor,\n        position: \"absolute\",\n        top:\n          (this.state.height - this.state.customStyles.separatorStrokeWidth) /\n          2,\n        left: this.state.width / (2 * stepCount),\n        right: this.state.width / (2 * stepCount),\n        height:\n          this.state.customStyles.separatorStrokeFinishedWidth === 0\n            ? this.state.customStyles.separatorStrokeWidth\n            : this.state.customStyles.separatorStrokeFinishedWidth,\n        width: this.progressAnim,\n      };\n    }\n    return <Animated.View style={progressBarStyle} />;\n  };\n\n  renderStepIndicator = () => {\n    let steps = [];\n    const { stepCount, direction } = this.props;\n    for (let position = 0; position < stepCount; position++) {\n      steps.push(\n        <TouchableWithoutFeedback\n          key={position}\n          onPress={() => this.stepPressed(position)}\n        >\n          <View\n            style={[\n              styles.stepContainer,\n              direction === \"vertical\"\n                ? { flexDirection: \"column\" }\n                : { flexDirection: \"row\" },\n            ]}\n          >\n            {this.renderStep(position)}\n          </View>\n        </TouchableWithoutFeedback>\n      );\n    }\n    return (\n      <View\n        onLayout={(event) =>\n          this.setState({\n            width: event.nativeEvent.layout.width,\n            height: event.nativeEvent.layout.height,\n          })\n        }\n        style={[\n          styles.stepIndicatorContainer,\n          direction === \"vertical\"\n            ? {\n                flexDirection: \"column\",\n                width: this.state.customStyles.currentStepIndicatorSize,\n              }\n            : {\n                flexDirection: \"row\",\n                height: this.state.customStyles.currentStepIndicatorSize,\n              },\n        ]}\n      >\n        {steps}\n      </View>\n    );\n  };\n\n  renderStepLabels = () => {\n    const { labels, direction, currentPosition, renderLabel } = this.props;\n    var labelViews = labels.map((label, index) => {\n      const selectedStepLabelStyle =\n        index === currentPosition\n          ? { color: this.state.customStyles.currentStepLabelColor }\n          : { color: this.state.customStyles.labelColor };\n      return (\n        <TouchableWithoutFeedback\n          style={styles.stepLabelItem}\n          key={index}\n          onPress={() => this.stepPressed(index)}\n        >\n          <View style={styles.stepLabelItem}>\n            {renderLabel ? (\n              renderLabel({\n                position: index,\n                stepStatus: this.getStepStatus(index),\n                label,\n                currentPosition,\n              })\n            ) : (\n              <Text\n                style={[\n                  styles.stepLabel,\n                  selectedStepLabelStyle,\n                  {\n                    fontSize: this.state.customStyles.labelSize,\n                    fontFamily: this.state.customStyles.labelFontFamily,\n                  },\n                ]}\n              >\n                {label}\n              </Text>\n            )}\n          </View>\n        </TouchableWithoutFeedback>\n      );\n    });\n\n    return (\n      <View\n        style={[\n          styles.stepLabelsContainer,\n          direction === \"vertical\"\n            ? { flexDirection: \"column\", paddingHorizontal: 4 }\n            : { flexDirection: \"row\", paddingVertical: 4 },\n          { alignItems: this.state.customStyles.labelAlign },\n        ]}\n      >\n        {labelViews}\n      </View>\n    );\n  };\n\n  renderStep = (position) => {\n    const { renderStepIndicator } = this.props;\n    let stepStyle;\n    let indicatorLabelStyle;\n\n    switch (this.getStepStatus(position)) {\n      case STEP_STATUS.CURRENT: {\n        stepStyle = {\n          backgroundColor: this.state.customStyles.stepIndicatorCurrentColor,\n          borderWidth: this.state.customStyles.currentStepStrokeWidth,\n          borderColor: this.state.customStyles.stepStrokeCurrentColor,\n          height: this.sizeAnim,\n          width: this.sizeAnim,\n          borderRadius: this.borderRadiusAnim,\n        };\n        indicatorLabelStyle = {\n          fontSize: this.state.customStyles.currentStepIndicatorLabelFontSize,\n          color: this.state.customStyles.stepIndicatorLabelCurrentColor,\n        };\n\n        break;\n      }\n      case STEP_STATUS.FINISHED: {\n        stepStyle = {\n          backgroundColor: this.state.customStyles.stepIndicatorFinishedColor,\n          borderWidth: this.state.customStyles.stepStrokeWidth,\n          borderColor: this.state.customStyles.stepStrokeFinishedColor,\n          height: this.state.customStyles.stepIndicatorSize,\n          width: this.state.customStyles.stepIndicatorSize,\n          borderRadius: this.state.customStyles.stepIndicatorSize / 2,\n        };\n        indicatorLabelStyle = {\n          fontSize: this.state.customStyles.stepIndicatorLabelFontSize,\n          color: this.state.customStyles.stepIndicatorLabelFinishedColor,\n        };\n        break;\n      }\n\n      case STEP_STATUS.UNFINISHED: {\n        stepStyle = {\n          backgroundColor: this.state.customStyles.stepIndicatorUnFinishedColor,\n          borderWidth: this.state.customStyles.stepStrokeWidth,\n          borderColor: this.state.customStyles.stepStrokeUnFinishedColor,\n          height: this.state.customStyles.stepIndicatorSize,\n          width: this.state.customStyles.stepIndicatorSize,\n          borderRadius: this.state.customStyles.stepIndicatorSize / 2,\n        };\n        indicatorLabelStyle = {\n          overflow: \"hidden\",\n          fontSize: this.state.customStyles.stepIndicatorLabelFontSize,\n          color: this.state.customStyles.stepIndicatorLabelUnFinishedColor,\n        };\n        break;\n      }\n      default:\n    }\n\n    return (\n      <Animated.View key={\"step-indicator\"} style={[styles.step, stepStyle]}>\n        {renderStepIndicator ? (\n          renderStepIndicator({\n            position,\n            stepStatus: this.getStepStatus(position),\n          })\n        ) : (\n          <Text style={indicatorLabelStyle}>{`${position + 1}`}</Text>\n        )}\n      </Animated.View>\n    );\n  };\n\n  getStepStatus = (stepPosition) => {\n    const { currentPosition } = this.props;\n    if (stepPosition === currentPosition) {\n      return STEP_STATUS.CURRENT;\n    } else if (stepPosition < currentPosition) {\n      return STEP_STATUS.FINISHED;\n    } else {\n      return STEP_STATUS.UNFINISHED;\n    }\n  };\n\n  onCurrentPositionChanged = (position) => {\n    let { stepCount } = this.props;\n    if (position > stepCount - 1) {\n      position = stepCount - 1;\n    }\n    const animateToPosition =\n      (this.state.progressBarSize / (stepCount - 1)) * position;\n    this.sizeAnim.setValue(this.state.customStyles.stepIndicatorSize);\n    this.borderRadiusAnim.setValue(\n      this.state.customStyles.stepIndicatorSize / 2\n    );\n    Animated.sequence([\n      Animated.timing(this.progressAnim, {\n        toValue: animateToPosition,\n        duration: 200,\n      }),\n      Animated.parallel([\n        Animated.timing(this.sizeAnim, {\n          toValue: this.state.customStyles.currentStepIndicatorSize,\n          duration: 100,\n        }),\n        Animated.timing(this.borderRadiusAnim, {\n          toValue: this.state.customStyles.currentStepIndicatorSize / 2,\n          duration: 100,\n        }),\n      ]),\n    ]).start();\n  };\n}\n\nconst styles = StyleSheet.create({\n  container: {\n    backgroundColor: \"transparent\",\n  },\n  stepIndicatorContainer: {\n    flexDirection: \"row\",\n    alignItems: \"center\",\n    justifyContent: \"space-around\",\n    backgroundColor: \"transparent\",\n  },\n  stepLabelsContainer: {\n    justifyContent: \"space-around\",\n  },\n  step: {\n    alignItems: \"center\",\n    justifyContent: \"center\",\n    zIndex: 2,\n  },\n  stepContainer: {\n    flex: 1,\n    flexDirection: \"row\",\n    alignItems: \"center\",\n    justifyContent: \"center\",\n  },\n  stepLabel: {\n    fontSize: 12,\n    textAlign: \"center\",\n    fontWeight: \"500\",\n  },\n  stepLabelItem: {\n    flex: 1,\n    alignItems: \"center\",\n    justifyContent: \"center\",\n  },\n});\n\nStepIndicator.defaultProps = {\n  currentPosition: 0,\n  stepCount: 5,\n  customStyles: {},\n  direction: \"horizontal\",\n};\n"],"mappings":"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"}
+{"version":3,"names":["STEP_STATUS","CURRENT","FINISHED","UNFINISHED","StepIndicator","Component","constructor","props","stepCount","direction","progressBarBackgroundStyle","backgroundColor","state","customStyles","separatorUnFinishedColor","position","left","width","separatorStrokeWidth","top","height","bottom","separatorStrokeUnfinishedWidth","right","event","setState","progressBarSize","nativeEvent","layout","onCurrentPositionChanged","currentPosition","progressBarStyle","separatorFinishedColor","separatorStrokeFinishedWidth","progressAnim","steps","push","stepPressed","styles","stepContainer","flexDirection","renderStep","stepIndicatorContainer","currentStepIndicatorSize","labels","renderLabel","labelViews","map","label","index","selectedStepLabelStyle","color","currentStepLabelColor","labelColor","stepLabelItem","stepStatus","getStepStatus","stepLabel","fontSize","labelSize","fontFamily","labelFontFamily","stepLabelsContainer","paddingHorizontal","paddingVertical","alignItems","labelAlign","renderStepIndicator","stepStyle","indicatorLabelStyle","stepIndicatorCurrentColor","borderWidth","currentStepStrokeWidth","borderColor","stepStrokeCurrentColor","sizeAnim","borderRadius","borderRadiusAnim","currentStepIndicatorLabelFontSize","stepIndicatorLabelCurrentColor","stepIndicatorFinishedColor","stepStrokeWidth","stepStrokeFinishedColor","stepIndicatorSize","stepIndicatorLabelFontSize","stepIndicatorLabelFinishedColor","stepIndicatorUnFinishedColor","stepStrokeUnFinishedColor","overflow","stepIndicatorLabelUnFinishedColor","step","stepPosition","animateToPosition","setValue","Animated","sequence","timing","toValue","duration","parallel","start","defaultStyles","Object","assign","Value","onPress","render","container","flex","renderProgressBarBackground","renderProgressBar","renderStepLabels","componentDidUpdate","prevProps","StyleSheet","create","justifyContent","zIndex","textAlign","fontWeight","defaultProps"],"sources":["StepIndicator.tsx"],"sourcesContent":["// @ts-nocheck\nimport React, { Component } from \"react\";\nimport {\n  View,\n  Text,\n  StyleSheet,\n  Animated,\n  TouchableWithoutFeedback,\n} from \"react-native\";\n\nconst STEP_STATUS = {\n  CURRENT: \"current\",\n  FINISHED: \"finished\",\n  UNFINISHED: \"unfinished\",\n};\n\ninterface CustomStyles {\n  stepIndicatorSize?: number;\n  currentStepIndicatorSize?: number;\n  separatorStrokeWidth?: number;\n  separatorStrokeUnfinishedWidth?: number;\n  separatorStrokeFinishedWidth?: number;\n  currentStepStrokeWidth: number;\n  stepStrokeWidth?: number;\n  stepStrokeCurrentColor?: string;\n  stepStrokeFinishedColor: string;\n  stepStrokeUnFinishedColor: string;\n  separatorFinishedColor: string;\n  separatorUnFinishedColor: string;\n  stepIndicatorFinishedColor: string;\n  stepIndicatorUnFinishedColor: string;\n  stepIndicatorCurrentColor: string;\n  stepIndicatorLabelFontSize: number;\n  currentStepIndicatorLabelFontSize?: number;\n  stepIndicatorLabelCurrentColor: string;\n  stepIndicatorLabelFinishedColor: string;\n  stepIndicatorLabelUnFinishedColor: string;\n  labelColor?: string;\n  labelSize?: number;\n  labelAlign?: string;\n  currentStepLabelColor?: string;\n  labelFontFamily?: string;\n}\n\ntype Props = {\n  stepCount: number;\n  currentPosition: number;\n  customStyles: CustomStyles;\n};\n\ntype State = {\n  width: number;\n  height: number;\n  progressBarSize: number;\n  customStyles: CustomStyles;\n};\n\nexport default class StepIndicator extends Component<Props, State> {\n  constructor(props: Props) {\n    super(props);\n\n    const defaultStyles = {\n      stepIndicatorSize: 30,\n      currentStepIndicatorSize: 40,\n      separatorStrokeWidth: 3,\n      separatorStrokeUnfinishedWidth: 0,\n      separatorStrokeFinishedWidth: 0,\n      currentStepStrokeWidth: 5,\n      stepStrokeWidth: 0,\n      stepStrokeCurrentColor: \"#4aae4f\",\n      stepStrokeFinishedColor: \"#4aae4f\",\n      stepStrokeUnFinishedColor: \"#4aae4f\",\n      separatorFinishedColor: \"#4aae4f\",\n      separatorUnFinishedColor: \"#a4d4a5\",\n      stepIndicatorFinishedColor: \"#4aae4f\",\n      stepIndicatorUnFinishedColor: \"#a4d4a5\",\n      stepIndicatorCurrentColor: \"#ffffff\",\n      stepIndicatorLabelFontSize: 15,\n      currentStepIndicatorLabelFontSize: 15,\n      stepIndicatorLabelCurrentColor: \"#000000\",\n      stepIndicatorLabelFinishedColor: \"#ffffff\",\n      stepIndicatorLabelUnFinishedColor: \"rgba(255,255,255,0.5)\",\n      labelColor: \"#000000\",\n      labelSize: 13,\n      labelAlign: \"center\",\n      currentStepLabelColor: \"#4aae4f\",\n    };\n\n    const customStyles = Object.assign(defaultStyles, props.customStyles);\n\n    this.state = {\n      width: 0,\n      height: 1,\n      progressBarSize: -2,\n      customStyles,\n    };\n\n    this.progressAnim = new Animated.Value(0);\n    this.sizeAnim = new Animated.Value(\n      this.state.customStyles.stepIndicatorSize\n    );\n    this.borderRadiusAnim = new Animated.Value(\n      this.state.customStyles.stepIndicatorSize / 2\n    );\n  }\n\n  stepPressed(position) {\n    if (this.props.onPress) {\n      this.props.onPress(position);\n    }\n  }\n\n  render() {\n    const { labels, direction } = this.props;\n    return (\n      <View\n        style={[\n          styles.container,\n          direction === \"vertical\"\n            ? { flexDirection: \"row\", flex: 1 }\n            : { flexDirection: \"column\" },\n        ]}\n      >\n        {this.state.width !== 0 && this.renderProgressBarBackground()}\n        {this.state.width !== 0 && this.renderProgressBar()}\n        {this.renderStepIndicator()}\n        {labels && this.renderStepLabels()}\n      </View>\n    );\n  }\n\n  componentDidUpdate(prevProps) {\n    // if (prevProps.customStyles !== this.props.customStyles) {\n    //   this.setState((state) => ({\n    //     customStyles: Object.assign(\n    //       state.customStyles,\n    //       this.props.customStyles\n    //     ),\n    //   }));\n    // }\n\n    if (prevProps.currentPosition !== this.props.currentPosition) {\n      this.onCurrentPositionChanged(this.props.currentPosition);\n    }\n  }\n\n  renderProgressBarBackground = () => {\n    const { stepCount, direction } = this.props;\n    let progressBarBackgroundStyle;\n    if (direction === \"vertical\") {\n      progressBarBackgroundStyle = {\n        backgroundColor: this.state.customStyles.separatorUnFinishedColor,\n        position: \"absolute\",\n        left:\n          (this.state.width - this.state.customStyles.separatorStrokeWidth) / 2,\n        top: this.state.height / (2 * stepCount),\n        bottom: this.state.height / (2 * stepCount),\n        width:\n          this.state.customStyles.separatorStrokeUnfinishedWidth === 0\n            ? this.state.customStyles.separatorStrokeWidth\n            : this.state.customStyles.separatorStrokeUnfinishedWidth,\n      };\n    } else {\n      progressBarBackgroundStyle = {\n        backgroundColor: this.state.customStyles.separatorUnFinishedColor,\n        position: \"absolute\",\n        top:\n          (this.state.height - this.state.customStyles.separatorStrokeWidth) /\n          2,\n        left: this.state.width / (2 * stepCount),\n        right: this.state.width / (2 * stepCount),\n        height:\n          this.state.customStyles.separatorStrokeUnfinishedWidth === 0\n            ? this.state.customStyles.separatorStrokeWidth\n            : this.state.customStyles.separatorStrokeUnfinishedWidth,\n      };\n    }\n    return (\n      <View\n        onLayout={(event) => {\n          if (direction === \"vertical\") {\n            this.setState(\n              { progressBarSize: event.nativeEvent.layout.height },\n              () => {\n                this.onCurrentPositionChanged(this.props.currentPosition);\n              }\n            );\n          } else {\n            this.setState(\n              { progressBarSize: event.nativeEvent.layout.width },\n              () => {\n                this.onCurrentPositionChanged(this.props.currentPosition);\n              }\n            );\n          }\n        }}\n        style={progressBarBackgroundStyle}\n      />\n    );\n  };\n\n  renderProgressBar = () => {\n    const { stepCount, direction } = this.props;\n    let progressBarStyle;\n    if (direction === \"vertical\") {\n      progressBarStyle = {\n        backgroundColor: this.state.customStyles.separatorFinishedColor,\n        position: \"absolute\",\n        left:\n          (this.state.width - this.state.customStyles.separatorStrokeWidth) / 2,\n        top: this.state.height / (2 * stepCount),\n        bottom: this.state.height / (2 * stepCount),\n        width:\n          this.state.customStyles.separatorStrokeFinishedWidth === 0\n            ? this.state.customStyles.separatorStrokeWidth\n            : this.state.customStyles.separatorStrokeFinishedWidth,\n        height: this.progressAnim,\n      };\n    } else {\n      progressBarStyle = {\n        backgroundColor: this.state.customStyles.separatorFinishedColor,\n        position: \"absolute\",\n        top:\n          (this.state.height - this.state.customStyles.separatorStrokeWidth) /\n          2,\n        left: this.state.width / (2 * stepCount),\n        right: this.state.width / (2 * stepCount),\n        height:\n          this.state.customStyles.separatorStrokeFinishedWidth === 0\n            ? this.state.customStyles.separatorStrokeWidth\n            : this.state.customStyles.separatorStrokeFinishedWidth,\n        width: this.progressAnim,\n      };\n    }\n    return <Animated.View style={progressBarStyle} />;\n  };\n\n  renderStepIndicator = () => {\n    let steps = [];\n    const { stepCount, direction } = this.props;\n    for (let position = 0; position < stepCount; position++) {\n      steps.push(\n        <TouchableWithoutFeedback\n          key={position}\n          onPress={() => this.stepPressed(position)}\n        >\n          <View\n            style={[\n              styles.stepContainer,\n              direction === \"vertical\"\n                ? { flexDirection: \"column\" }\n                : { flexDirection: \"row\" },\n            ]}\n          >\n            {this.renderStep(position)}\n          </View>\n        </TouchableWithoutFeedback>\n      );\n    }\n    return (\n      <View\n        onLayout={(event) =>\n          this.setState({\n            width: event.nativeEvent.layout.width,\n            height: event.nativeEvent.layout.height,\n          })\n        }\n        style={[\n          styles.stepIndicatorContainer,\n          direction === \"vertical\"\n            ? {\n                flexDirection: \"column\",\n                width: this.state.customStyles.currentStepIndicatorSize,\n              }\n            : {\n                flexDirection: \"row\",\n                height: this.state.customStyles.currentStepIndicatorSize,\n              },\n        ]}\n      >\n        {steps}\n      </View>\n    );\n  };\n\n  renderStepLabels = () => {\n    const { labels, direction, currentPosition, renderLabel } = this.props;\n    var labelViews = labels.map((label, index) => {\n      const selectedStepLabelStyle =\n        index === currentPosition\n          ? { color: this.state.customStyles.currentStepLabelColor }\n          : { color: this.state.customStyles.labelColor };\n      return (\n        <TouchableWithoutFeedback\n          style={styles.stepLabelItem}\n          key={index}\n          onPress={() => this.stepPressed(index)}\n        >\n          <View style={styles.stepLabelItem}>\n            {renderLabel ? (\n              renderLabel({\n                position: index,\n                stepStatus: this.getStepStatus(index),\n                label,\n                currentPosition,\n              })\n            ) : (\n              <Text\n                style={[\n                  styles.stepLabel,\n                  selectedStepLabelStyle,\n                  {\n                    fontSize: this.state.customStyles.labelSize,\n                    fontFamily: this.state.customStyles.labelFontFamily,\n                  },\n                ]}\n              >\n                {label}\n              </Text>\n            )}\n          </View>\n        </TouchableWithoutFeedback>\n      );\n    });\n\n    return (\n      <View\n        style={[\n          styles.stepLabelsContainer,\n          direction === \"vertical\"\n            ? { flexDirection: \"column\", paddingHorizontal: 4 }\n            : { flexDirection: \"row\", paddingVertical: 4 },\n          { alignItems: this.state.customStyles.labelAlign },\n        ]}\n      >\n        {labelViews}\n      </View>\n    );\n  };\n\n  renderStep = (position) => {\n    const { renderStepIndicator } = this.props;\n    let stepStyle;\n    let indicatorLabelStyle;\n\n    switch (this.getStepStatus(position)) {\n      case STEP_STATUS.CURRENT: {\n        stepStyle = {\n          backgroundColor: this.state.customStyles.stepIndicatorCurrentColor,\n          borderWidth: this.state.customStyles.currentStepStrokeWidth,\n          borderColor: this.state.customStyles.stepStrokeCurrentColor,\n          height: this.sizeAnim,\n          width: this.sizeAnim,\n          borderRadius: this.borderRadiusAnim,\n        };\n        indicatorLabelStyle = {\n          fontSize: this.state.customStyles.currentStepIndicatorLabelFontSize,\n          color: this.state.customStyles.stepIndicatorLabelCurrentColor,\n        };\n\n        break;\n      }\n      case STEP_STATUS.FINISHED: {\n        stepStyle = {\n          backgroundColor: this.state.customStyles.stepIndicatorFinishedColor,\n          borderWidth: this.state.customStyles.stepStrokeWidth,\n          borderColor: this.state.customStyles.stepStrokeFinishedColor,\n          height: this.state.customStyles.stepIndicatorSize,\n          width: this.state.customStyles.stepIndicatorSize,\n          borderRadius: this.state.customStyles.stepIndicatorSize / 2,\n        };\n        indicatorLabelStyle = {\n          fontSize: this.state.customStyles.stepIndicatorLabelFontSize,\n          color: this.state.customStyles.stepIndicatorLabelFinishedColor,\n        };\n        break;\n      }\n\n      case STEP_STATUS.UNFINISHED: {\n        stepStyle = {\n          backgroundColor: this.state.customStyles.stepIndicatorUnFinishedColor,\n          borderWidth: this.state.customStyles.stepStrokeWidth,\n          borderColor: this.state.customStyles.stepStrokeUnFinishedColor,\n          height: this.state.customStyles.stepIndicatorSize,\n          width: this.state.customStyles.stepIndicatorSize,\n          borderRadius: this.state.customStyles.stepIndicatorSize / 2,\n        };\n        indicatorLabelStyle = {\n          overflow: \"hidden\",\n          fontSize: this.state.customStyles.stepIndicatorLabelFontSize,\n          color: this.state.customStyles.stepIndicatorLabelUnFinishedColor,\n        };\n        break;\n      }\n      default:\n    }\n\n    return (\n      <Animated.View key={\"step-indicator\"} style={[styles.step, stepStyle]}>\n        {renderStepIndicator ? (\n          renderStepIndicator({\n            position,\n            stepStatus: this.getStepStatus(position),\n          })\n        ) : (\n          <Text style={indicatorLabelStyle}>{`${position + 1}`}</Text>\n        )}\n      </Animated.View>\n    );\n  };\n\n  getStepStatus = (stepPosition) => {\n    const { currentPosition } = this.props;\n    if (stepPosition === currentPosition) {\n      return STEP_STATUS.CURRENT;\n    } else if (stepPosition < currentPosition) {\n      return STEP_STATUS.FINISHED;\n    } else {\n      return STEP_STATUS.UNFINISHED;\n    }\n  };\n\n  onCurrentPositionChanged = (position) => {\n    let { stepCount } = this.props;\n    if (position > stepCount - 1) {\n      position = stepCount - 1;\n    }\n    const animateToPosition =\n      (this.state.progressBarSize / (stepCount - 1)) * position;\n    this.sizeAnim.setValue(this.state.customStyles.stepIndicatorSize);\n    this.borderRadiusAnim.setValue(\n      this.state.customStyles.stepIndicatorSize / 2\n    );\n    Animated.sequence([\n      Animated.timing(this.progressAnim, {\n        toValue: animateToPosition,\n        duration: 200,\n      }),\n      Animated.parallel([\n        Animated.timing(this.sizeAnim, {\n          toValue: this.state.customStyles.currentStepIndicatorSize,\n          duration: 100,\n        }),\n        Animated.timing(this.borderRadiusAnim, {\n          toValue: this.state.customStyles.currentStepIndicatorSize / 2,\n          duration: 100,\n        }),\n      ]),\n    ]).start();\n  };\n}\n\nconst styles = StyleSheet.create({\n  container: {\n    backgroundColor: \"transparent\",\n  },\n  stepIndicatorContainer: {\n    flexDirection: \"row\",\n    alignItems: \"center\",\n    justifyContent: \"space-around\",\n    backgroundColor: \"transparent\",\n  },\n  stepLabelsContainer: {\n    justifyContent: \"space-around\",\n  },\n  step: {\n    alignItems: \"center\",\n    justifyContent: \"center\",\n    zIndex: 2,\n  },\n  stepContainer: {\n    flex: 1,\n    flexDirection: \"row\",\n    alignItems: \"center\",\n    justifyContent: \"center\",\n  },\n  stepLabel: {\n    fontSize: 12,\n    textAlign: \"center\",\n    fontWeight: \"500\",\n  },\n  stepLabelItem: {\n    flex: 1,\n    alignItems: \"center\",\n    justifyContent: \"center\",\n  },\n});\n\nStepIndicator.defaultProps = {\n  currentPosition: 0,\n  stepCount: 5,\n  customStyles: {},\n  direction: \"horizontal\",\n};\n"],"mappings":";;;;;;;AACA;;AACA;;;;;;;;AAQA,MAAMA,WAAW,GAAG;EAClBC,OAAO,EAAE,SADS;EAElBC,QAAQ,EAAE,UAFQ;EAGlBC,UAAU,EAAE;AAHM,CAApB;;AA+Ce,MAAMC,aAAN,SAA4BC,gBAA5B,CAAoD;EACjEC,WAAW,CAACC,KAAD,EAAe;IACxB,MAAMA,KAAN;;IADwB,qDAwFI,MAAM;MAClC,MAAM;QAAEC,SAAF;QAAaC;MAAb,IAA2B,KAAKF,KAAtC;MACA,IAAIG,0BAAJ;;MACA,IAAID,SAAS,KAAK,UAAlB,EAA8B;QAC5BC,0BAA0B,GAAG;UAC3BC,eAAe,EAAE,KAAKC,KAAL,CAAWC,YAAX,CAAwBC,wBADd;UAE3BC,QAAQ,EAAE,UAFiB;UAG3BC,IAAI,EACF,CAAC,KAAKJ,KAAL,CAAWK,KAAX,GAAmB,KAAKL,KAAL,CAAWC,YAAX,CAAwBK,oBAA5C,IAAoE,CAJ3C;UAK3BC,GAAG,EAAE,KAAKP,KAAL,CAAWQ,MAAX,IAAqB,IAAIZ,SAAzB,CALsB;UAM3Ba,MAAM,EAAE,KAAKT,KAAL,CAAWQ,MAAX,IAAqB,IAAIZ,SAAzB,CANmB;UAO3BS,KAAK,EACH,KAAKL,KAAL,CAAWC,YAAX,CAAwBS,8BAAxB,KAA2D,CAA3D,GACI,KAAKV,KAAL,CAAWC,YAAX,CAAwBK,oBAD5B,GAEI,KAAKN,KAAL,CAAWC,YAAX,CAAwBS;QAVH,CAA7B;MAYD,CAbD,MAaO;QACLZ,0BAA0B,GAAG;UAC3BC,eAAe,EAAE,KAAKC,KAAL,CAAWC,YAAX,CAAwBC,wBADd;UAE3BC,QAAQ,EAAE,UAFiB;UAG3BI,GAAG,EACD,CAAC,KAAKP,KAAL,CAAWQ,MAAX,GAAoB,KAAKR,KAAL,CAAWC,YAAX,CAAwBK,oBAA7C,IACA,CALyB;UAM3BF,IAAI,EAAE,KAAKJ,KAAL,CAAWK,KAAX,IAAoB,IAAIT,SAAxB,CANqB;UAO3Be,KAAK,EAAE,KAAKX,KAAL,CAAWK,KAAX,IAAoB,IAAIT,SAAxB,CAPoB;UAQ3BY,MAAM,EACJ,KAAKR,KAAL,CAAWC,YAAX,CAAwBS,8BAAxB,KAA2D,CAA3D,GACI,KAAKV,KAAL,CAAWC,YAAX,CAAwBK,oBAD5B,GAEI,KAAKN,KAAL,CAAWC,YAAX,CAAwBS;QAXH,CAA7B;MAaD;;MACD,oBACE,6BAAC,iBAAD;QACE,QAAQ,EAAGE,KAAD,IAAW;UACnB,IAAIf,SAAS,KAAK,UAAlB,EAA8B;YAC5B,KAAKgB,QAAL,CACE;cAAEC,eAAe,EAAEF,KAAK,CAACG,WAAN,CAAkBC,MAAlB,CAAyBR;YAA5C,CADF,EAEE,MAAM;cACJ,KAAKS,wBAAL,CAA8B,KAAKtB,KAAL,CAAWuB,eAAzC;YACD,CAJH;UAMD,CAPD,MAOO;YACL,KAAKL,QAAL,CACE;cAAEC,eAAe,EAAEF,KAAK,CAACG,WAAN,CAAkBC,MAAlB,CAAyBX;YAA5C,CADF,EAEE,MAAM;cACJ,KAAKY,wBAAL,CAA8B,KAAKtB,KAAL,CAAWuB,eAAzC;YACD,CAJH;UAMD;QACF,CAjBH;QAkBE,KAAK,EAAEpB;MAlBT,EADF;IAsBD,CA7IyB;;IAAA,2CA+IN,MAAM;MACxB,MAAM;QAAEF,SAAF;QAAaC;MAAb,IAA2B,KAAKF,KAAtC;MACA,IAAIwB,gBAAJ;;MACA,IAAItB,SAAS,KAAK,UAAlB,EAA8B;QAC5BsB,gBAAgB,GAAG;UACjBpB,eAAe,EAAE,KAAKC,KAAL,CAAWC,YAAX,CAAwBmB,sBADxB;UAEjBjB,QAAQ,EAAE,UAFO;UAGjBC,IAAI,EACF,CAAC,KAAKJ,KAAL,CAAWK,KAAX,GAAmB,KAAKL,KAAL,CAAWC,YAAX,CAAwBK,oBAA5C,IAAoE,CAJrD;UAKjBC,GAAG,EAAE,KAAKP,KAAL,CAAWQ,MAAX,IAAqB,IAAIZ,SAAzB,CALY;UAMjBa,MAAM,EAAE,KAAKT,KAAL,CAAWQ,MAAX,IAAqB,IAAIZ,SAAzB,CANS;UAOjBS,KAAK,EACH,KAAKL,KAAL,CAAWC,YAAX,CAAwBoB,4BAAxB,KAAyD,CAAzD,GACI,KAAKrB,KAAL,CAAWC,YAAX,CAAwBK,oBAD5B,GAEI,KAAKN,KAAL,CAAWC,YAAX,CAAwBoB,4BAVb;UAWjBb,MAAM,EAAE,KAAKc;QAXI,CAAnB;MAaD,CAdD,MAcO;QACLH,gBAAgB,GAAG;UACjBpB,eAAe,EAAE,KAAKC,KAAL,CAAWC,YAAX,CAAwBmB,sBADxB;UAEjBjB,QAAQ,EAAE,UAFO;UAGjBI,GAAG,EACD,CAAC,KAAKP,KAAL,CAAWQ,MAAX,GAAoB,KAAKR,KAAL,CAAWC,YAAX,CAAwBK,oBAA7C,IACA,CALe;UAMjBF,IAAI,EAAE,KAAKJ,KAAL,CAAWK,KAAX,IAAoB,IAAIT,SAAxB,CANW;UAOjBe,KAAK,EAAE,KAAKX,KAAL,CAAWK,KAAX,IAAoB,IAAIT,SAAxB,CAPU;UAQjBY,MAAM,EACJ,KAAKR,KAAL,CAAWC,YAAX,CAAwBoB,4BAAxB,KAAyD,CAAzD,GACI,KAAKrB,KAAL,CAAWC,YAAX,CAAwBK,oBAD5B,GAEI,KAAKN,KAAL,CAAWC,YAAX,CAAwBoB,4BAXb;UAYjBhB,KAAK,EAAE,KAAKiB;QAZK,CAAnB;MAcD;;MACD,oBAAO,6BAAC,qBAAD,CAAU,IAAV;QAAe,KAAK,EAAEH;MAAtB,EAAP;IACD,CAjLyB;;IAAA,6CAmLJ,MAAM;MAC1B,IAAII,KAAK,GAAG,EAAZ;MACA,MAAM;QAAE3B,SAAF;QAAaC;MAAb,IAA2B,KAAKF,KAAtC;;MACA,KAAK,IAAIQ,QAAQ,GAAG,CAApB,EAAuBA,QAAQ,GAAGP,SAAlC,EAA6CO,QAAQ,EAArD,EAAyD;QACvDoB,KAAK,CAACC,IAAN,eACE,6BAAC,qCAAD;UACE,GAAG,EAAErB,QADP;UAEE,OAAO,EAAE,MAAM,KAAKsB,WAAL,CAAiBtB,QAAjB;QAFjB,gBAIE,6BAAC,iBAAD;UACE,KAAK,EAAE,CACLuB,MAAM,CAACC,aADF,EAEL9B,SAAS,KAAK,UAAd,GACI;YAAE+B,aAAa,EAAE;UAAjB,CADJ,GAEI;YAAEA,aAAa,EAAE;UAAjB,CAJC;QADT,GAQG,KAAKC,UAAL,CAAgB1B,QAAhB,CARH,CAJF,CADF;MAiBD;;MACD,oBACE,6BAAC,iBAAD;QACE,QAAQ,EAAGS,KAAD,IACR,KAAKC,QAAL,CAAc;UACZR,KAAK,EAAEO,KAAK,CAACG,WAAN,CAAkBC,MAAlB,CAAyBX,KADpB;UAEZG,MAAM,EAAEI,KAAK,CAACG,WAAN,CAAkBC,MAAlB,CAAyBR;QAFrB,CAAd,CAFJ;QAOE,KAAK,EAAE,CACLkB,MAAM,CAACI,sBADF,EAELjC,SAAS,KAAK,UAAd,GACI;UACE+B,aAAa,EAAE,QADjB;UAEEvB,KAAK,EAAE,KAAKL,KAAL,CAAWC,YAAX,CAAwB8B;QAFjC,CADJ,GAKI;UACEH,aAAa,EAAE,KADjB;UAEEpB,MAAM,EAAE,KAAKR,KAAL,CAAWC,YAAX,CAAwB8B;QAFlC,CAPC;MAPT,GAoBGR,KApBH,CADF;IAwBD,CAjOyB;;IAAA,0CAmOP,MAAM;MACvB,MAAM;QAAES,MAAF;QAAUnC,SAAV;QAAqBqB,eAArB;QAAsCe;MAAtC,IAAsD,KAAKtC,KAAjE;MACA,IAAIuC,UAAU,GAAGF,MAAM,CAACG,GAAP,CAAW,CAACC,KAAD,EAAQC,KAAR,KAAkB;QAC5C,MAAMC,sBAAsB,GAC1BD,KAAK,KAAKnB,eAAV,GACI;UAAEqB,KAAK,EAAE,KAAKvC,KAAL,CAAWC,YAAX,CAAwBuC;QAAjC,CADJ,GAEI;UAAED,KAAK,EAAE,KAAKvC,KAAL,CAAWC,YAAX,CAAwBwC;QAAjC,CAHN;QAIA,oBACE,6BAAC,qCAAD;UACE,KAAK,EAAEf,MAAM,CAACgB,aADhB;UAEE,GAAG,EAAEL,KAFP;UAGE,OAAO,EAAE,MAAM,KAAKZ,WAAL,CAAiBY,KAAjB;QAHjB,gBAKE,6BAAC,iBAAD;UAAM,KAAK,EAAEX,MAAM,CAACgB;QAApB,GACGT,WAAW,GACVA,WAAW,CAAC;UACV9B,QAAQ,EAAEkC,KADA;UAEVM,UAAU,EAAE,KAAKC,aAAL,CAAmBP,KAAnB,CAFF;UAGVD,KAHU;UAIVlB;QAJU,CAAD,CADD,gBAQV,6BAAC,iBAAD;UACE,KAAK,EAAE,CACLQ,MAAM,CAACmB,SADF,EAELP,sBAFK,EAGL;YACEQ,QAAQ,EAAE,KAAK9C,KAAL,CAAWC,YAAX,CAAwB8C,SADpC;YAEEC,UAAU,EAAE,KAAKhD,KAAL,CAAWC,YAAX,CAAwBgD;UAFtC,CAHK;QADT,GAUGb,KAVH,CATJ,CALF,CADF;MA+BD,CApCgB,CAAjB;MAsCA,oBACE,6BAAC,iBAAD;QACE,KAAK,EAAE,CACLV,MAAM,CAACwB,mBADF,EAELrD,SAAS,KAAK,UAAd,GACI;UAAE+B,aAAa,EAAE,QAAjB;UAA2BuB,iBAAiB,EAAE;QAA9C,CADJ,GAEI;UAAEvB,aAAa,EAAE,KAAjB;UAAwBwB,eAAe,EAAE;QAAzC,CAJC,EAKL;UAAEC,UAAU,EAAE,KAAKrD,KAAL,CAAWC,YAAX,CAAwBqD;QAAtC,CALK;MADT,GASGpB,UATH,CADF;IAaD,CAxRyB;;IAAA,oCA0RZ/B,QAAD,IAAc;MACzB,MAAM;QAAEoD;MAAF,IAA0B,KAAK5D,KAArC;MACA,IAAI6D,SAAJ;MACA,IAAIC,mBAAJ;;MAEA,QAAQ,KAAKb,aAAL,CAAmBzC,QAAnB,CAAR;QACE,KAAKf,WAAW,CAACC,OAAjB;UAA0B;YACxBmE,SAAS,GAAG;cACVzD,eAAe,EAAE,KAAKC,KAAL,CAAWC,YAAX,CAAwByD,yBAD/B;cAEVC,WAAW,EAAE,KAAK3D,KAAL,CAAWC,YAAX,CAAwB2D,sBAF3B;cAGVC,WAAW,EAAE,KAAK7D,KAAL,CAAWC,YAAX,CAAwB6D,sBAH3B;cAIVtD,MAAM,EAAE,KAAKuD,QAJH;cAKV1D,KAAK,EAAE,KAAK0D,QALF;cAMVC,YAAY,EAAE,KAAKC;YANT,CAAZ;YAQAR,mBAAmB,GAAG;cACpBX,QAAQ,EAAE,KAAK9C,KAAL,CAAWC,YAAX,CAAwBiE,iCADd;cAEpB3B,KAAK,EAAE,KAAKvC,KAAL,CAAWC,YAAX,CAAwBkE;YAFX,CAAtB;YAKA;UACD;;QACD,KAAK/E,WAAW,CAACE,QAAjB;UAA2B;YACzBkE,SAAS,GAAG;cACVzD,eAAe,EAAE,KAAKC,KAAL,CAAWC,YAAX,CAAwBmE,0BAD/B;cAEVT,WAAW,EAAE,KAAK3D,KAAL,CAAWC,YAAX,CAAwBoE,eAF3B;cAGVR,WAAW,EAAE,KAAK7D,KAAL,CAAWC,YAAX,CAAwBqE,uBAH3B;cAIV9D,MAAM,EAAE,KAAKR,KAAL,CAAWC,YAAX,CAAwBsE,iBAJtB;cAKVlE,KAAK,EAAE,KAAKL,KAAL,CAAWC,YAAX,CAAwBsE,iBALrB;cAMVP,YAAY,EAAE,KAAKhE,KAAL,CAAWC,YAAX,CAAwBsE,iBAAxB,GAA4C;YANhD,CAAZ;YAQAd,mBAAmB,GAAG;cACpBX,QAAQ,EAAE,KAAK9C,KAAL,CAAWC,YAAX,CAAwBuE,0BADd;cAEpBjC,KAAK,EAAE,KAAKvC,KAAL,CAAWC,YAAX,CAAwBwE;YAFX,CAAtB;YAIA;UACD;;QAED,KAAKrF,WAAW,CAACG,UAAjB;UAA6B;YAC3BiE,SAAS,GAAG;cACVzD,eAAe,EAAE,KAAKC,KAAL,CAAWC,YAAX,CAAwByE,4BAD/B;cAEVf,WAAW,EAAE,KAAK3D,KAAL,CAAWC,YAAX,CAAwBoE,eAF3B;cAGVR,WAAW,EAAE,KAAK7D,KAAL,CAAWC,YAAX,CAAwB0E,yBAH3B;cAIVnE,MAAM,EAAE,KAAKR,KAAL,CAAWC,YAAX,CAAwBsE,iBAJtB;cAKVlE,KAAK,EAAE,KAAKL,KAAL,CAAWC,YAAX,CAAwBsE,iBALrB;cAMVP,YAAY,EAAE,KAAKhE,KAAL,CAAWC,YAAX,CAAwBsE,iBAAxB,GAA4C;YANhD,CAAZ;YAQAd,mBAAmB,GAAG;cACpBmB,QAAQ,EAAE,QADU;cAEpB9B,QAAQ,EAAE,KAAK9C,KAAL,CAAWC,YAAX,CAAwBuE,0BAFd;cAGpBjC,KAAK,EAAE,KAAKvC,KAAL,CAAWC,YAAX,CAAwB4E;YAHX,CAAtB;YAKA;UACD;;QACD;MAjDF;;MAoDA,oBACE,6BAAC,qBAAD,CAAU,IAAV;QAAe,GAAG,EAAE,gBAApB;QAAsC,KAAK,EAAE,CAACnD,MAAM,CAACoD,IAAR,EAActB,SAAd;MAA7C,GACGD,mBAAmB,GAClBA,mBAAmB,CAAC;QAClBpD,QADkB;QAElBwC,UAAU,EAAE,KAAKC,aAAL,CAAmBzC,QAAnB;MAFM,CAAD,CADD,gBAMlB,6BAAC,iBAAD;QAAM,KAAK,EAAEsD;MAAb,aAAsCtD,QAAQ,GAAG,CAAjD,EAPJ,CADF;IAYD,CA/VyB;;IAAA,uCAiWT4E,YAAD,IAAkB;MAChC,MAAM;QAAE7D;MAAF,IAAsB,KAAKvB,KAAjC;;MACA,IAAIoF,YAAY,KAAK7D,eAArB,EAAsC;QACpC,OAAO9B,WAAW,CAACC,OAAnB;MACD,CAFD,MAEO,IAAI0F,YAAY,GAAG7D,eAAnB,EAAoC;QACzC,OAAO9B,WAAW,CAACE,QAAnB;MACD,CAFM,MAEA;QACL,OAAOF,WAAW,CAACG,UAAnB;MACD;IACF,CA1WyB;;IAAA,kDA4WEY,QAAD,IAAc;MACvC,IAAI;QAAEP;MAAF,IAAgB,KAAKD,KAAzB;;MACA,IAAIQ,QAAQ,GAAGP,SAAS,GAAG,CAA3B,EAA8B;QAC5BO,QAAQ,GAAGP,SAAS,GAAG,CAAvB;MACD;;MACD,MAAMoF,iBAAiB,GACpB,KAAKhF,KAAL,CAAWc,eAAX,IAA8BlB,SAAS,GAAG,CAA1C,CAAD,GAAiDO,QADnD;MAEA,KAAK4D,QAAL,CAAckB,QAAd,CAAuB,KAAKjF,KAAL,CAAWC,YAAX,CAAwBsE,iBAA/C;MACA,KAAKN,gBAAL,CAAsBgB,QAAtB,CACE,KAAKjF,KAAL,CAAWC,YAAX,CAAwBsE,iBAAxB,GAA4C,CAD9C;;MAGAW,qBAAA,CAASC,QAAT,CAAkB,CAChBD,qBAAA,CAASE,MAAT,CAAgB,KAAK9D,YAArB,EAAmC;QACjC+D,OAAO,EAAEL,iBADwB;QAEjCM,QAAQ,EAAE;MAFuB,CAAnC,CADgB,EAKhBJ,qBAAA,CAASK,QAAT,CAAkB,CAChBL,qBAAA,CAASE,MAAT,CAAgB,KAAKrB,QAArB,EAA+B;QAC7BsB,OAAO,EAAE,KAAKrF,KAAL,CAAWC,YAAX,CAAwB8B,wBADJ;QAE7BuD,QAAQ,EAAE;MAFmB,CAA/B,CADgB,EAKhBJ,qBAAA,CAASE,MAAT,CAAgB,KAAKnB,gBAArB,EAAuC;QACrCoB,OAAO,EAAE,KAAKrF,KAAL,CAAWC,YAAX,CAAwB8B,wBAAxB,GAAmD,CADvB;QAErCuD,QAAQ,EAAE;MAF2B,CAAvC,CALgB,CAAlB,CALgB,CAAlB,EAeGE,KAfH;IAgBD,CAvYyB;;IAGxB,MAAMC,aAAa,GAAG;MACpBlB,iBAAiB,EAAE,EADC;MAEpBxC,wBAAwB,EAAE,EAFN;MAGpBzB,oBAAoB,EAAE,CAHF;MAIpBI,8BAA8B,EAAE,CAJZ;MAKpBW,4BAA4B,EAAE,CALV;MAMpBuC,sBAAsB,EAAE,CANJ;MAOpBS,eAAe,EAAE,CAPG;MAQpBP,sBAAsB,EAAE,SARJ;MASpBQ,uBAAuB,EAAE,SATL;MAUpBK,yBAAyB,EAAE,SAVP;MAWpBvD,sBAAsB,EAAE,SAXJ;MAYpBlB,wBAAwB,EAAE,SAZN;MAapBkE,0BAA0B,EAAE,SAbR;MAcpBM,4BAA4B,EAAE,SAdV;MAepBhB,yBAAyB,EAAE,SAfP;MAgBpBc,0BAA0B,EAAE,EAhBR;MAiBpBN,iCAAiC,EAAE,EAjBf;MAkBpBC,8BAA8B,EAAE,SAlBZ;MAmBpBM,+BAA+B,EAAE,SAnBb;MAoBpBI,iCAAiC,EAAE,uBApBf;MAqBpBpC,UAAU,EAAE,SArBQ;MAsBpBM,SAAS,EAAE,EAtBS;MAuBpBO,UAAU,EAAE,QAvBQ;MAwBpBd,qBAAqB,EAAE;IAxBH,CAAtB;IA2BA,MAAMvC,YAAY,GAAGyF,MAAM,CAACC,MAAP,CAAcF,aAAd,EAA6B9F,KAAK,CAACM,YAAnC,CAArB;IAEA,KAAKD,KAAL,GAAa;MACXK,KAAK,EAAE,CADI;MAEXG,MAAM,EAAE,CAFG;MAGXM,eAAe,EAAE,CAAC,CAHP;MAIXb;IAJW,CAAb;IAOA,KAAKqB,YAAL,GAAoB,IAAI4D,qBAAA,CAASU,KAAb,CAAmB,CAAnB,CAApB;IACA,KAAK7B,QAAL,GAAgB,IAAImB,qBAAA,CAASU,KAAb,CACd,KAAK5F,KAAL,CAAWC,YAAX,CAAwBsE,iBADV,CAAhB;IAGA,KAAKN,gBAAL,GAAwB,IAAIiB,qBAAA,CAASU,KAAb,CACtB,KAAK5F,KAAL,CAAWC,YAAX,CAAwBsE,iBAAxB,GAA4C,CADtB,CAAxB;EAGD;;EAED9C,WAAW,CAACtB,QAAD,EAAW;IACpB,IAAI,KAAKR,KAAL,CAAWkG,OAAf,EAAwB;MACtB,KAAKlG,KAAL,CAAWkG,OAAX,CAAmB1F,QAAnB;IACD;EACF;;EAED2F,MAAM,GAAG;IACP,MAAM;MAAE9D,MAAF;MAAUnC;IAAV,IAAwB,KAAKF,KAAnC;IACA,oBACE,6BAAC,iBAAD;MACE,KAAK,EAAE,CACL+B,MAAM,CAACqE,SADF,EAELlG,SAAS,KAAK,UAAd,GACI;QAAE+B,aAAa,EAAE,KAAjB;QAAwBoE,IAAI,EAAE;MAA9B,CADJ,GAEI;QAAEpE,aAAa,EAAE;MAAjB,CAJC;IADT,GAQG,KAAK5B,KAAL,CAAWK,KAAX,KAAqB,CAArB,IAA0B,KAAK4F,2BAAL,EAR7B,EASG,KAAKjG,KAAL,CAAWK,KAAX,KAAqB,CAArB,IAA0B,KAAK6F,iBAAL,EAT7B,EAUG,KAAK3C,mBAAL,EAVH,EAWGvB,MAAM,IAAI,KAAKmE,gBAAL,EAXb,CADF;EAeD;;EAEDC,kBAAkB,CAACC,SAAD,EAAY;IAC5B;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IAEA,IAAIA,SAAS,CAACnF,eAAV,KAA8B,KAAKvB,KAAL,CAAWuB,eAA7C,EAA8D;MAC5D,KAAKD,wBAAL,CAA8B,KAAKtB,KAAL,CAAWuB,eAAzC;IACD;EACF;;AAvFgE;;;;AA2YnE,MAAMQ,MAAM,GAAG4E,uBAAA,CAAWC,MAAX,CAAkB;EAC/BR,SAAS,EAAE;IACThG,eAAe,EAAE;EADR,CADoB;EAI/B+B,sBAAsB,EAAE;IACtBF,aAAa,EAAE,KADO;IAEtByB,UAAU,EAAE,QAFU;IAGtBmD,cAAc,EAAE,cAHM;IAItBzG,eAAe,EAAE;EAJK,CAJO;EAU/BmD,mBAAmB,EAAE;IACnBsD,cAAc,EAAE;EADG,CAVU;EAa/B1B,IAAI,EAAE;IACJzB,UAAU,EAAE,QADR;IAEJmD,cAAc,EAAE,QAFZ;IAGJC,MAAM,EAAE;EAHJ,CAbyB;EAkB/B9E,aAAa,EAAE;IACbqE,IAAI,EAAE,CADO;IAEbpE,aAAa,EAAE,KAFF;IAGbyB,UAAU,EAAE,QAHC;IAIbmD,cAAc,EAAE;EAJH,CAlBgB;EAwB/B3D,SAAS,EAAE;IACTC,QAAQ,EAAE,EADD;IAET4D,SAAS,EAAE,QAFF;IAGTC,UAAU,EAAE;EAHH,CAxBoB;EA6B/BjE,aAAa,EAAE;IACbsD,IAAI,EAAE,CADO;IAEb3C,UAAU,EAAE,QAFC;IAGbmD,cAAc,EAAE;EAHH;AA7BgB,CAAlB,CAAf;;AAoCAhH,aAAa,CAACoH,YAAd,GAA6B;EAC3B1F,eAAe,EAAE,CADU;EAE3BtB,SAAS,EAAE,CAFgB;EAG3BK,YAAY,EAAE,EAHa;EAI3BJ,SAAS,EAAE;AAJgB,CAA7B"}

package/lib/commonjs/components/Stepper.js

@@ -38,7 +38,7 @@ const Stepper = _ref => {
     },
     Icon
   } = _ref;
-  const [value, setValue] = (0, _react.useState)(defaultValue ?? 0);
+  const [value, setValue] = (0, _react.useState)(defaultValue !== null && defaultValue !== void 0 ? defaultValue : 0);
 
   const isValidValue = valueArg => valueArg >= min && valueArg <= max;
 

package/lib/commonjs/components/Stepper.js.map

@@ -1 +1 @@
-{"version":3,"names":["Stepper","min","Infinity","max","value","valueProp","defaultValue","style","typeStyle","iconSize","iconColor","onChange","theme","colors","typography","Icon","setValue","useState","isValidValue","valueArg","handlePlusOrMinus","type","newValue","useEffect","isNumber","flexDirection","opacity","body1","textAlign","alignSelf","color","medium","marginHorizontal","withTheme"],"sources":["Stepper.tsx"],"sourcesContent":["import React, { FC, useEffect, useState } from \"react\";\nimport { View, Text, StyleProp, ViewStyle, TextStyle } from \"react-native\";\nimport { isNumber } from \"lodash\";\n\nimport { withTheme } from \"../theming\";\nimport type { Theme } from \"../styles/DefaultTheme\";\nimport type { IconSlot } from \"../interfaces/Icon\";\nimport IconButton from \"./IconButton\";\n\ntype Props = {\n  min: number;\n  max: number;\n  value?: number;\n  defaultValue?: number;\n  style?: StyleProp<ViewStyle>;\n  typeStyle?: StyleProp<TextStyle>;\n  iconSize: number;\n  iconColor?: string;\n  onChange?: (value: number) => void;\n  theme: Theme;\n} & IconSlot;\n\nconst Stepper: FC<Props> = ({\n  min = -Infinity,\n  max = Infinity,\n  value: valueProp,\n  defaultValue,\n  style,\n  typeStyle,\n  iconSize = 24,\n  iconColor,\n  onChange,\n  theme: { colors, typography },\n  Icon,\n}) => {\n  const [value, setValue] = useState(defaultValue ?? 0);\n\n  const isValidValue = (valueArg: number) => valueArg >= min && valueArg <= max;\n\n  const handlePlusOrMinus = (type: \"plus\" | \"minus\") => {\n    const newValue = type === \"plus\" ? value + 1 : value - 1;\n\n    if (isValidValue(newValue)) {\n      setValue(newValue);\n      onChange?.(newValue);\n    }\n  };\n\n  useEffect(() => {\n    if (\n      valueProp != null &&\n      isNumber(valueProp) &&\n      valueProp !== value &&\n      isValidValue(valueProp)\n    ) {\n      setValue(valueProp);\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [valueProp]);\n\n  return (\n    <View style={[{ flexDirection: \"row\" }, style]}>\n      <IconButton\n        Icon={Icon}\n        icon=\"MaterialIcons/remove\"\n        onPress={() => handlePlusOrMinus(\"minus\")}\n        size={iconSize}\n        color={iconColor}\n        disabled={value === min}\n        style={{ opacity: value === min ? 0.5 : 1 }}\n      />\n\n      <Text\n        style={[\n          typography.body1,\n          {\n            textAlign: \"center\",\n            alignSelf: \"center\",\n            color: colors.medium,\n            marginHorizontal: 8,\n          },\n          typeStyle,\n        ]}\n      >\n        {value}\n      </Text>\n\n      <IconButton\n        Icon={Icon}\n        icon=\"MaterialIcons/add\"\n        onPress={() => handlePlusOrMinus(\"plus\")}\n        size={iconSize}\n        color={iconColor}\n        disabled={value === max}\n        style={{ opacity: value === max ? 0.5 : 1 }}\n      />\n    </View>\n  );\n};\n\nexport default withTheme(Stepper);\n"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;AAEA;;AAGA;;;;;;;;AAeA,MAAMA,OAAkB,GAAG,QAYrB;EAAA,IAZsB;IAC1BC,GAAG,GAAG,CAACC,QADmB;IAE1BC,GAAG,GAAGD,QAFoB;IAG1BE,KAAK,EAAEC,SAHmB;IAI1BC,YAJ0B;IAK1BC,KAL0B;IAM1BC,SAN0B;IAO1BC,QAAQ,GAAG,EAPe;IAQ1BC,SAR0B;IAS1BC,QAT0B;IAU1BC,KAAK,EAAE;MAAEC,MAAF;MAAUC;IAAV,CAVmB;IAW1BC;EAX0B,CAYtB;EACJ,MAAM,CAACX,KAAD,EAAQY,QAAR,IAAoB,IAAAC,eAAA,EAASX,YAAY,IAAI,CAAzB,CAA1B;;EAEA,MAAMY,YAAY,GAAIC,QAAD,IAAsBA,QAAQ,IAAIlB,GAAZ,IAAmBkB,QAAQ,IAAIhB,GAA1E;;EAEA,MAAMiB,iBAAiB,GAAIC,IAAD,IAA4B;IACpD,MAAMC,QAAQ,GAAGD,IAAI,KAAK,MAAT,GAAkBjB,KAAK,GAAG,CAA1B,GAA8BA,KAAK,GAAG,CAAvD;;IAEA,IAAIc,YAAY,CAACI,QAAD,CAAhB,EAA4B;MAC1BN,QAAQ,CAACM,QAAD,CAAR;MACAX,QAAQ,SAAR,IAAAA,QAAQ,WAAR,YAAAA,QAAQ,CAAGW,QAAH,CAAR;IACD;EACF,CAPD;;EASA,IAAAC,gBAAA,EAAU,MAAM;IACd,IACElB,SAAS,IAAI,IAAb,IACA,IAAAmB,gBAAA,EAASnB,SAAT,CADA,IAEAA,SAAS,KAAKD,KAFd,IAGAc,YAAY,CAACb,SAAD,CAJd,EAKE;MACAW,QAAQ,CAACX,SAAD,CAAR;IACD,CARa,CASd;;EACD,CAVD,EAUG,CAACA,SAAD,CAVH;EAYA,oBACE,6BAAC,iBAAD;IAAM,KAAK,EAAE,CAAC;MAAEoB,aAAa,EAAE;IAAjB,CAAD,EAA2BlB,KAA3B;EAAb,gBACE,6BAAC,mBAAD;IACE,IAAI,EAAEQ,IADR;IAEE,IAAI,EAAC,sBAFP;IAGE,OAAO,EAAE,MAAMK,iBAAiB,CAAC,OAAD,CAHlC;IAIE,IAAI,EAAEX,QAJR;IAKE,KAAK,EAAEC,SALT;IAME,QAAQ,EAAEN,KAAK,KAAKH,GANtB;IAOE,KAAK,EAAE;MAAEyB,OAAO,EAAEtB,KAAK,KAAKH,GAAV,GAAgB,GAAhB,GAAsB;IAAjC;EAPT,EADF,eAWE,6BAAC,iBAAD;IACE,KAAK,EAAE,CACLa,UAAU,CAACa,KADN,EAEL;MACEC,SAAS,EAAE,QADb;MAEEC,SAAS,EAAE,QAFb;MAGEC,KAAK,EAAEjB,MAAM,CAACkB,MAHhB;MAIEC,gBAAgB,EAAE;IAJpB,CAFK,EAQLxB,SARK;EADT,GAYGJ,KAZH,CAXF,eA0BE,6BAAC,mBAAD;IACE,IAAI,EAAEW,IADR;IAEE,IAAI,EAAC,mBAFP;IAGE,OAAO,EAAE,MAAMK,iBAAiB,CAAC,MAAD,CAHlC;IAIE,IAAI,EAAEX,QAJR;IAKE,KAAK,EAAEC,SALT;IAME,QAAQ,EAAEN,KAAK,KAAKD,GANtB;IAOE,KAAK,EAAE;MAAEuB,OAAO,EAAEtB,KAAK,KAAKD,GAAV,GAAgB,GAAhB,GAAsB;IAAjC;EAPT,EA1BF,CADF;AAsCD,CA5ED;;eA8Ee,IAAA8B,kBAAA,EAAUjC,OAAV,C"}
+{"version":3,"names":["Stepper","min","Infinity","max","value","valueProp","defaultValue","style","typeStyle","iconSize","iconColor","onChange","theme","colors","typography","Icon","setValue","useState","isValidValue","valueArg","handlePlusOrMinus","type","newValue","useEffect","isNumber","flexDirection","opacity","body1","textAlign","alignSelf","color","medium","marginHorizontal","withTheme"],"sources":["Stepper.tsx"],"sourcesContent":["import React, { FC, useEffect, useState } from \"react\";\nimport { View, Text, StyleProp, ViewStyle, TextStyle } from \"react-native\";\nimport { isNumber } from \"lodash\";\n\nimport { withTheme } from \"../theming\";\nimport type { Theme } from \"../styles/DefaultTheme\";\nimport type { IconSlot } from \"../interfaces/Icon\";\nimport IconButton from \"./IconButton\";\n\ntype Props = {\n  min: number;\n  max: number;\n  value?: number;\n  defaultValue?: number;\n  style?: StyleProp<ViewStyle>;\n  typeStyle?: StyleProp<TextStyle>;\n  iconSize: number;\n  iconColor?: string;\n  onChange?: (value: number) => void;\n  theme: Theme;\n} & IconSlot;\n\nconst Stepper: FC<Props> = ({\n  min = -Infinity,\n  max = Infinity,\n  value: valueProp,\n  defaultValue,\n  style,\n  typeStyle,\n  iconSize = 24,\n  iconColor,\n  onChange,\n  theme: { colors, typography },\n  Icon,\n}) => {\n  const [value, setValue] = useState(defaultValue ?? 0);\n\n  const isValidValue = (valueArg: number) => valueArg >= min && valueArg <= max;\n\n  const handlePlusOrMinus = (type: \"plus\" | \"minus\") => {\n    const newValue = type === \"plus\" ? value + 1 : value - 1;\n\n    if (isValidValue(newValue)) {\n      setValue(newValue);\n      onChange?.(newValue);\n    }\n  };\n\n  useEffect(() => {\n    if (\n      valueProp != null &&\n      isNumber(valueProp) &&\n      valueProp !== value &&\n      isValidValue(valueProp)\n    ) {\n      setValue(valueProp);\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [valueProp]);\n\n  return (\n    <View style={[{ flexDirection: \"row\" }, style]}>\n      <IconButton\n        Icon={Icon}\n        icon=\"MaterialIcons/remove\"\n        onPress={() => handlePlusOrMinus(\"minus\")}\n        size={iconSize}\n        color={iconColor}\n        disabled={value === min}\n        style={{ opacity: value === min ? 0.5 : 1 }}\n      />\n\n      <Text\n        style={[\n          typography.body1,\n          {\n            textAlign: \"center\",\n            alignSelf: \"center\",\n            color: colors.medium,\n            marginHorizontal: 8,\n          },\n          typeStyle,\n        ]}\n      >\n        {value}\n      </Text>\n\n      <IconButton\n        Icon={Icon}\n        icon=\"MaterialIcons/add\"\n        onPress={() => handlePlusOrMinus(\"plus\")}\n        size={iconSize}\n        color={iconColor}\n        disabled={value === max}\n        style={{ opacity: value === max ? 0.5 : 1 }}\n      />\n    </View>\n  );\n};\n\nexport default withTheme(Stepper);\n"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;AAEA;;AAGA;;;;;;;;AAeA,MAAMA,OAAkB,GAAG,QAYrB;EAAA,IAZsB;IAC1BC,GAAG,GAAG,CAACC,QADmB;IAE1BC,GAAG,GAAGD,QAFoB;IAG1BE,KAAK,EAAEC,SAHmB;IAI1BC,YAJ0B;IAK1BC,KAL0B;IAM1BC,SAN0B;IAO1BC,QAAQ,GAAG,EAPe;IAQ1BC,SAR0B;IAS1BC,QAT0B;IAU1BC,KAAK,EAAE;MAAEC,MAAF;MAAUC;IAAV,CAVmB;IAW1BC;EAX0B,CAYtB;EACJ,MAAM,CAACX,KAAD,EAAQY,QAAR,IAAoB,IAAAC,eAAA,EAASX,YAAT,aAASA,YAAT,cAASA,YAAT,GAAyB,CAAzB,CAA1B;;EAEA,MAAMY,YAAY,GAAIC,QAAD,IAAsBA,QAAQ,IAAIlB,GAAZ,IAAmBkB,QAAQ,IAAIhB,GAA1E;;EAEA,MAAMiB,iBAAiB,GAAIC,IAAD,IAA4B;IACpD,MAAMC,QAAQ,GAAGD,IAAI,KAAK,MAAT,GAAkBjB,KAAK,GAAG,CAA1B,GAA8BA,KAAK,GAAG,CAAvD;;IAEA,IAAIc,YAAY,CAACI,QAAD,CAAhB,EAA4B;MAC1BN,QAAQ,CAACM,QAAD,CAAR;MACAX,QAAQ,SAAR,IAAAA,QAAQ,WAAR,YAAAA,QAAQ,CAAGW,QAAH,CAAR;IACD;EACF,CAPD;;EASA,IAAAC,gBAAA,EAAU,MAAM;IACd,IACElB,SAAS,IAAI,IAAb,IACA,IAAAmB,gBAAA,EAASnB,SAAT,CADA,IAEAA,SAAS,KAAKD,KAFd,IAGAc,YAAY,CAACb,SAAD,CAJd,EAKE;MACAW,QAAQ,CAACX,SAAD,CAAR;IACD,CARa,CASd;;EACD,CAVD,EAUG,CAACA,SAAD,CAVH;EAYA,oBACE,6BAAC,iBAAD;IAAM,KAAK,EAAE,CAAC;MAAEoB,aAAa,EAAE;IAAjB,CAAD,EAA2BlB,KAA3B;EAAb,gBACE,6BAAC,mBAAD;IACE,IAAI,EAAEQ,IADR;IAEE,IAAI,EAAC,sBAFP;IAGE,OAAO,EAAE,MAAMK,iBAAiB,CAAC,OAAD,CAHlC;IAIE,IAAI,EAAEX,QAJR;IAKE,KAAK,EAAEC,SALT;IAME,QAAQ,EAAEN,KAAK,KAAKH,GANtB;IAOE,KAAK,EAAE;MAAEyB,OAAO,EAAEtB,KAAK,KAAKH,GAAV,GAAgB,GAAhB,GAAsB;IAAjC;EAPT,EADF,eAWE,6BAAC,iBAAD;IACE,KAAK,EAAE,CACLa,UAAU,CAACa,KADN,EAEL;MACEC,SAAS,EAAE,QADb;MAEEC,SAAS,EAAE,QAFb;MAGEC,KAAK,EAAEjB,MAAM,CAACkB,MAHhB;MAIEC,gBAAgB,EAAE;IAJpB,CAFK,EAQLxB,SARK;EADT,GAYGJ,KAZH,CAXF,eA0BE,6BAAC,mBAAD;IACE,IAAI,EAAEW,IADR;IAEE,IAAI,EAAC,mBAFP;IAGE,OAAO,EAAE,MAAMK,iBAAiB,CAAC,MAAD,CAHlC;IAIE,IAAI,EAAEX,QAJR;IAKE,KAAK,EAAEC,SALT;IAME,QAAQ,EAAEN,KAAK,KAAKD,GANtB;IAOE,KAAK,EAAE;MAAEuB,OAAO,EAAEtB,KAAK,KAAKD,GAAV,GAAgB,GAAhB,GAAsB;IAAjC;EAPT,EA1BF,CADF;AAsCD,CA5ED;;eA8Ee,IAAA8B,kBAAA,EAAUjC,OAAV,C"}

package/lib/commonjs/components/Swiper/SwiperItem.js.map

@@ -1 +1 @@
-{"version":3,"names":["styles","StyleSheet","create","wrapper","flex","SwiperItem","children","style"],"sources":["SwiperItem.tsx"],"sourcesContent":["import React from \"react\";\nimport { View, StyleSheet, StyleProp, ViewStyle } from \"react-native\";\n\nconst styles = StyleSheet.create({\n  wrapper: {\n    flex: 1,\n  },\n});\n\nexport interface SwiperProps {\n  children: React.ReactNode;\n  style?: StyleProp<ViewStyle>;\n}\n\nconst SwiperItem = ({ children, style }: SwiperProps) => (\n  <View style={[styles.wrapper, style]}>{children}</View>\n);\n\nexport default SwiperItem;\n"],"mappings":";;;;;;;AAAA;;AACA;;;;AAEA,MAAMA,MAAM,GAAGC,uBAAA,CAAWC,MAAX,CAAkB;EAC/BC,OAAO,EAAE;IACPC,IAAI,EAAE;EADC;AADsB,CAAlB,CAAf;;AAWA,MAAMC,UAAU,GAAG;EAAA,IAAC;IAAEC,QAAF;IAAYC;EAAZ,CAAD;EAAA,oBACjB,6BAAC,iBAAD;IAAM,KAAK,EAAE,CAACP,MAAM,CAACG,OAAR,EAAiBI,KAAjB;EAAb,GAAuCD,QAAvC,CADiB;AAAA,CAAnB;;eAIeD,U"}
+{"version":3,"names":["styles","StyleSheet","create","wrapper","flex","SwiperItem","children","style","React","createElement","View"],"sources":["SwiperItem.js"],"sourcesContent":["import React from \"react\";\nimport { View, StyleSheet } from \"react-native\";\nconst styles = StyleSheet.create({\n    wrapper: {\n        flex: 1,\n    },\n});\nconst SwiperItem = ({ children, style }) => (React.createElement(View, { style: [styles.wrapper, style] }, children));\nexport default SwiperItem;\n"],"mappings":";;;;;;;AAAA;;AACA;;;;AACA,MAAMA,MAAM,GAAGC,uBAAA,CAAWC,MAAX,CAAkB;EAC7BC,OAAO,EAAE;IACLC,IAAI,EAAE;EADD;AADoB,CAAlB,CAAf;;AAKA,MAAMC,UAAU,GAAG;EAAA,IAAC;IAAEC,QAAF;IAAYC;EAAZ,CAAD;EAAA,oBAA0BC,cAAA,CAAMC,aAAN,CAAoBC,iBAApB,EAA0B;IAAEH,KAAK,EAAE,CAACP,MAAM,CAACG,OAAR,EAAiBI,KAAjB;EAAT,CAA1B,EAA8DD,QAA9D,CAA1B;AAAA,CAAnB;;eACeD,U"}

package/lib/commonjs/components/Text.js

@@ -15,17 +15,7 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 
 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 _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
 class Text extends React.Component {
-  constructor() {
-    super(...arguments);
-
-    _defineProperty(this, "_root", void 0);
-  }
-
   setNativeProps(args) {
     return this._root && this._root.setNativeProps(args);
   }
@@ -36,7 +26,44 @@ class Text extends React.Component {
       ...rest
     } = this.props;
     const writingDirection = _reactNative.I18nManager.isRTL ? "rtl" : "ltr";
-    return /*#__PURE__*/React.createElement(_reactNative.Text, _extends({}, rest, {
+    return /*#__PURE__*/React.createElement(_reactNative.Text, { ...rest,
+      ref: c => {
+        this._root = c;
+      },
+      style: [{
+        textAlign: "left",
+        writingDirection
+      }, style]
+    });
+  }
+
+}
+
+const BaseLink = _ref => {
+  let {
+    style,
+    theme,
+    title,
+    ...props
+  } = _ref;
+  return /*#__PURE__*/React.createElement(Text, {
+    hitSlop: 8,
+    style: [{
+      color: theme.colors.primary
+    }, style],
+    theme: theme,
+    ...props
+  }, title);
+};
+
+exports.BaseLink = BaseLink;
+const Link = (0, _theming.withTheme)(BaseLink);
+exports.Link = Link;
+
+var _default = (0, _theming.withTheme)(Text);
+
+exports.default = _default;
+//# sourceMappingURL=Text.js.map.Text, _extends({}, rest, {
       ref: c => {
         this._root = c;
       },

package/lib/commonjs/components/Text.js.map

@@ -1 +1 @@
-{"version":3,"names":["Text","React","Component","setNativeProps","args","_root","render","style","rest","props","writingDirection","I18nManager","isRTL","c","textAlign","BaseLink","theme","title","color","colors","primary","Link","withTheme"],"sources":["Text.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { Text as NativeText, I18nManager, TextProps } from \"react-native\";\nimport { withTheme } from \"../theming\";\nimport type { Theme } from \"../styles/DefaultTheme\";\n\ntype Props = {\n  theme: Theme;\n} & TextProps;\n\nclass Text extends React.Component<Props> {\n  _root: any;\n\n  setNativeProps(args: TextProps) {\n    return this._root && this._root.setNativeProps(args);\n  }\n\n  render() {\n    const { style, ...rest } = this.props;\n    const writingDirection = I18nManager.isRTL ? \"rtl\" : \"ltr\";\n\n    return (\n      <NativeText\n        {...rest}\n        ref={(c) => {\n          this._root = c;\n        }}\n        style={[\n          {\n            textAlign: \"left\",\n            writingDirection,\n          },\n          style,\n        ]}\n      />\n    );\n  }\n}\n\nexport const BaseLink = ({\n  style,\n  theme,\n  title,\n  ...props\n}: any): JSX.Element => {\n  return (\n    <Text\n      hitSlop={8}\n      style={[{ color: theme.colors.primary }, style]}\n      theme={theme}\n      {...props}\n    >\n      {title}\n    </Text>\n  );\n};\n\nconst Link: any = withTheme(BaseLink);\nexport { Link };\n\nexport default withTheme(Text);\n"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;;;;;;;;;AAOA,MAAMA,IAAN,SAAmBC,KAAK,CAACC,SAAzB,CAA0C;EAAA;IAAA;;IAAA;EAAA;;EAGxCC,cAAc,CAACC,IAAD,EAAkB;IAC9B,OAAO,KAAKC,KAAL,IAAc,KAAKA,KAAL,CAAWF,cAAX,CAA0BC,IAA1B,CAArB;EACD;;EAEDE,MAAM,GAAG;IACP,MAAM;MAAEC,KAAF;MAAS,GAAGC;IAAZ,IAAqB,KAAKC,KAAhC;IACA,MAAMC,gBAAgB,GAAGC,wBAAA,CAAYC,KAAZ,GAAoB,KAApB,GAA4B,KAArD;IAEA,oBACE,oBAAC,iBAAD,eACMJ,IADN;MAEE,GAAG,EAAGK,CAAD,IAAO;QACV,KAAKR,KAAL,GAAaQ,CAAb;MACD,CAJH;MAKE,KAAK,EAAE,CACL;QACEC,SAAS,EAAE,MADb;QAEEJ;MAFF,CADK,EAKLH,KALK;IALT,GADF;EAeD;;AA1BuC;;AA6BnC,MAAMQ,QAAQ,GAAG,QAKA;EAAA,IALC;IACvBR,KADuB;IAEvBS,KAFuB;IAGvBC,KAHuB;IAIvB,GAAGR;EAJoB,CAKD;EACtB,oBACE,oBAAC,IAAD;IACE,OAAO,EAAE,CADX;IAEE,KAAK,EAAE,CAAC;MAAES,KAAK,EAAEF,KAAK,CAACG,MAAN,CAAaC;IAAtB,CAAD,EAAkCb,KAAlC,CAFT;IAGE,KAAK,EAAES;EAHT,GAIMP,KAJN,GAMGQ,KANH,CADF;AAUD,CAhBM;;;AAkBP,MAAMI,IAAS,GAAG,IAAAC,kBAAA,EAAUP,QAAV,CAAlB;;;eAGe,IAAAO,kBAAA,EAAUtB,IAAV,C"}
+{"version":3,"names":["Text","React","Component","setNativeProps","args","_root","render","style","rest","props","writingDirection","I18nManager","isRTL","createElement","NativeText","ref","c","textAlign","BaseLink","theme","title","hitSlop","color","colors","primary","Link","withTheme"],"sources":["Text.js"],"sourcesContent":["import * as React from \"react\";\nimport { Text as NativeText, I18nManager } from \"react-native\";\nimport { withTheme } from \"../theming\";\nclass Text extends React.Component {\n    setNativeProps(args) {\n        return this._root && this._root.setNativeProps(args);\n    }\n    render() {\n        const { style, ...rest } = this.props;\n        const writingDirection = I18nManager.isRTL ? \"rtl\" : \"ltr\";\n        return (React.createElement(NativeText, { ...rest, ref: (c) => {\n                this._root = c;\n            }, style: [\n                {\n                    textAlign: \"left\",\n                    writingDirection,\n                },\n                style,\n            ] }));\n    }\n}\nexport const BaseLink = ({ style, theme, title, ...props }) => {\n    return (React.createElement(Text, { hitSlop: 8, style: [{ color: theme.colors.primary }, style], theme: theme, ...props }, title));\n};\nconst Link = withTheme(BaseLink);\nexport { Link };\nexport default withTheme(Text);\n"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;;;;;AACA,MAAMA,IAAN,SAAmBC,KAAK,CAACC,SAAzB,CAAmC;EAC/BC,cAAc,CAACC,IAAD,EAAO;IACjB,OAAO,KAAKC,KAAL,IAAc,KAAKA,KAAL,CAAWF,cAAX,CAA0BC,IAA1B,CAArB;EACH;;EACDE,MAAM,GAAG;IACL,MAAM;MAAEC,KAAF;MAAS,GAAGC;IAAZ,IAAqB,KAAKC,KAAhC;IACA,MAAMC,gBAAgB,GAAGC,wBAAA,CAAYC,KAAZ,GAAoB,KAApB,GAA4B,KAArD;IACA,oBAAQX,KAAK,CAACY,aAAN,CAAoBC,iBAApB,EAAgC,EAAE,GAAGN,IAAL;MAAWO,GAAG,EAAGC,CAAD,IAAO;QACvD,KAAKX,KAAL,GAAaW,CAAb;MACH,CAFmC;MAEjCT,KAAK,EAAE,CACN;QACIU,SAAS,EAAE,MADf;QAEIP;MAFJ,CADM,EAKNH,KALM;IAF0B,CAAhC,CAAR;EASH;;AAhB8B;;AAkB5B,MAAMW,QAAQ,GAAG,QAAuC;EAAA,IAAtC;IAAEX,KAAF;IAASY,KAAT;IAAgBC,KAAhB;IAAuB,GAAGX;EAA1B,CAAsC;EAC3D,oBAAQR,KAAK,CAACY,aAAN,CAAoBb,IAApB,EAA0B;IAAEqB,OAAO,EAAE,CAAX;IAAcd,KAAK,EAAE,CAAC;MAAEe,KAAK,EAAEH,KAAK,CAACI,MAAN,CAAaC;IAAtB,CAAD,EAAkCjB,KAAlC,CAArB;IAA+DY,KAAK,EAAEA,KAAtE;IAA6E,GAAGV;EAAhF,CAA1B,EAAmHW,KAAnH,CAAR;AACH,CAFM;;;AAGP,MAAMK,IAAI,GAAG,IAAAC,kBAAA,EAAUR,QAAV,CAAb;;;eAEe,IAAAQ,kBAAA,EAAU1B,IAAV,C"}

package/lib/commonjs/mappings/CardContainerRating.js.map

@@ -1 +1 @@
-{"version":3,"names":["SEED_DATA_PROPS","image","group","GROUPS","data","label","description","formType","FORM_TYPES","propType","PROP_TYPES","ASSET","defaultValue","editable","required","title","string","STRING","leftDescription","rightDescription","icon","basic","aspectRatio","NUMBER","rating","number","min","max","step","precision","elevation","createElevationType","SEED_DATA","name","tag","category","COMPONENT_TYPES","card","preview_image_url","supports_list_render","props","numColumns","uncategorized","layout"],"sources":["CardContainerRating.ts"],"sourcesContent":["import {\n  GROUPS,\n  FORM_TYPES,\n  PROP_TYPES,\n  COMPONENT_TYPES,\n  createElevationType,\n} from \"@draftbit/types\";\n\nconst SEED_DATA_PROPS = {\n  image: {\n    group: GROUPS.data,\n    label: \"Image\",\n    description: \"Image\",\n    formType: FORM_TYPES.image,\n    propType: PROP_TYPES.ASSET,\n    defaultValue: null,\n    editable: true,\n    required: false,\n  },\n  title: {\n    group: GROUPS.data,\n    label: \"Title\",\n    description: \"Text to display\",\n    formType: FORM_TYPES.string,\n    propType: PROP_TYPES.STRING,\n    defaultValue: \"Beautiful West Coast Villa\",\n    editable: true,\n    required: false,\n  },\n  leftDescription: {\n    group: GROUPS.data,\n    label: \"Left description\",\n    description: \"Text to display on the left\",\n    formType: FORM_TYPES.string,\n    propType: PROP_TYPES.STRING,\n    defaultValue: \"San Diego\",\n    editable: true,\n    required: false,\n  },\n  rightDescription: {\n    group: GROUPS.data,\n    label: \"Right description\",\n    description: \"Text to display on the right\",\n    formType: FORM_TYPES.string,\n    propType: PROP_TYPES.STRING,\n    defaultValue: \"$100\",\n    editable: true,\n    required: false,\n  },\n  icon: {\n    group: GROUPS.basic,\n    label: \"Icon\",\n    description: \"Icon to display on the top right\",\n    formType: FORM_TYPES.icon,\n    propType: PROP_TYPES.ASSET,\n    defaultValue: null,\n    editable: true,\n    required: false,\n  },\n  aspectRatio: {\n    group: GROUPS.basic,\n    label: \"Aspect ratio\",\n    description: \"Aspect ratio of the image\",\n    formType: FORM_TYPES.aspectRatio,\n    propType: PROP_TYPES.NUMBER,\n    defaultValue: 1.5,\n    editable: true,\n    required: false,\n  },\n  rating: {\n    group: GROUPS.data,\n    label: \"Rating\",\n    description: \"Number of stars to show. A number 0-5.\",\n    formType: FORM_TYPES.number,\n    propType: PROP_TYPES.NUMBER,\n    defaultValue: 5,\n    min: 0,\n    max: 5,\n    step: 1,\n    precision: 0,\n    editable: true,\n    required: false,\n  },\n  elevation: createElevationType(2),\n};\n\nexport const SEED_DATA = [\n  {\n    name: \"Medium Card (Rating)\",\n    tag: \"CardContainerRating\",\n    description:\n      \"An elevated card with a title and description, that takes up half of its container.\",\n    category: COMPONENT_TYPES.card,\n    preview_image_url: \"{CLOUDINARY_URL}/Card_ContainerRating_2col.png\",\n    supports_list_render: true,\n    props: {\n      ...SEED_DATA_PROPS,\n      numColumns: {\n        label: \"Number of Columns\",\n        description: \"Numbre of columns\",\n        group: GROUPS.uncategorized,\n        formType: FORM_TYPES.number,\n        propType: PROP_TYPES.NUMBER,\n        defaultValue: 2,\n        editable: false,\n        required: false,\n      },\n    },\n    layout: {},\n  },\n  {\n    name: \"Large Card (Rating)\",\n    tag: \"CardContainerRating\",\n    description:\n      \"An elevated card with a title and description, that takes up its full container.\",\n    category: COMPONENT_TYPES.card,\n    preview_image_url: \"{CLOUDINARY_URL}/Card_ContainerRating_3col.png\",\n    supports_list_render: true,\n    props: {\n      ...SEED_DATA_PROPS,\n      numColumns: {\n        label: \"Number of Columns\",\n        description: \"Numbre of columns\",\n        group: GROUPS.uncategorized,\n        formType: FORM_TYPES.number,\n        propType: PROP_TYPES.NUMBER,\n        defaultValue: 3,\n        editable: false,\n        required: false,\n      },\n    },\n    layout: {},\n  },\n];\n"],"mappings":";;;;;;;AAAA;;AAQA,MAAMA,eAAe,GAAG;EACtBC,KAAK,EAAE;IACLC,KAAK,EAAEC,aAAA,CAAOC,IADT;IAELC,KAAK,EAAE,OAFF;IAGLC,WAAW,EAAE,OAHR;IAILC,QAAQ,EAAEC,iBAAA,CAAWP,KAJhB;IAKLQ,QAAQ,EAAEC,iBAAA,CAAWC,KALhB;IAMLC,YAAY,EAAE,IANT;IAOLC,QAAQ,EAAE,IAPL;IAQLC,QAAQ,EAAE;EARL,CADe;EAWtBC,KAAK,EAAE;IACLb,KAAK,EAAEC,aAAA,CAAOC,IADT;IAELC,KAAK,EAAE,OAFF;IAGLC,WAAW,EAAE,iBAHR;IAILC,QAAQ,EAAEC,iBAAA,CAAWQ,MAJhB;IAKLP,QAAQ,EAAEC,iBAAA,CAAWO,MALhB;IAMLL,YAAY,EAAE,4BANT;IAOLC,QAAQ,EAAE,IAPL;IAQLC,QAAQ,EAAE;EARL,CAXe;EAqBtBI,eAAe,EAAE;IACfhB,KAAK,EAAEC,aAAA,CAAOC,IADC;IAEfC,KAAK,EAAE,kBAFQ;IAGfC,WAAW,EAAE,6BAHE;IAIfC,QAAQ,EAAEC,iBAAA,CAAWQ,MAJN;IAKfP,QAAQ,EAAEC,iBAAA,CAAWO,MALN;IAMfL,YAAY,EAAE,WANC;IAOfC,QAAQ,EAAE,IAPK;IAQfC,QAAQ,EAAE;EARK,CArBK;EA+BtBK,gBAAgB,EAAE;IAChBjB,KAAK,EAAEC,aAAA,CAAOC,IADE;IAEhBC,KAAK,EAAE,mBAFS;IAGhBC,WAAW,EAAE,8BAHG;IAIhBC,QAAQ,EAAEC,iBAAA,CAAWQ,MAJL;IAKhBP,QAAQ,EAAEC,iBAAA,CAAWO,MALL;IAMhBL,YAAY,EAAE,MANE;IAOhBC,QAAQ,EAAE,IAPM;IAQhBC,QAAQ,EAAE;EARM,CA/BI;EAyCtBM,IAAI,EAAE;IACJlB,KAAK,EAAEC,aAAA,CAAOkB,KADV;IAEJhB,KAAK,EAAE,MAFH;IAGJC,WAAW,EAAE,kCAHT;IAIJC,QAAQ,EAAEC,iBAAA,CAAWY,IAJjB;IAKJX,QAAQ,EAAEC,iBAAA,CAAWC,KALjB;IAMJC,YAAY,EAAE,IANV;IAOJC,QAAQ,EAAE,IAPN;IAQJC,QAAQ,EAAE;EARN,CAzCgB;EAmDtBQ,WAAW,EAAE;IACXpB,KAAK,EAAEC,aAAA,CAAOkB,KADH;IAEXhB,KAAK,EAAE,cAFI;IAGXC,WAAW,EAAE,2BAHF;IAIXC,QAAQ,EAAEC,iBAAA,CAAWc,WAJV;IAKXb,QAAQ,EAAEC,iBAAA,CAAWa,MALV;IAMXX,YAAY,EAAE,GANH;IAOXC,QAAQ,EAAE,IAPC;IAQXC,QAAQ,EAAE;EARC,CAnDS;EA6DtBU,MAAM,EAAE;IACNtB,KAAK,EAAEC,aAAA,CAAOC,IADR;IAENC,KAAK,EAAE,QAFD;IAGNC,WAAW,EAAE,wCAHP;IAINC,QAAQ,EAAEC,iBAAA,CAAWiB,MAJf;IAKNhB,QAAQ,EAAEC,iBAAA,CAAWa,MALf;IAMNX,YAAY,EAAE,CANR;IAONc,GAAG,EAAE,CAPC;IAQNC,GAAG,EAAE,CARC;IASNC,IAAI,EAAE,CATA;IAUNC,SAAS,EAAE,CAVL;IAWNhB,QAAQ,EAAE,IAXJ;IAYNC,QAAQ,EAAE;EAZJ,CA7Dc;EA2EtBgB,SAAS,EAAE,IAAAC,0BAAA,EAAoB,CAApB;AA3EW,CAAxB;AA8EO,MAAMC,SAAS,GAAG,CACvB;EACEC,IAAI,EAAE,sBADR;EAEEC,GAAG,EAAE,qBAFP;EAGE5B,WAAW,EACT,qFAJJ;EAKE6B,QAAQ,EAAEC,sBAAA,CAAgBC,IAL5B;EAMEC,iBAAiB,EAAE,gDANrB;EAOEC,oBAAoB,EAAE,IAPxB;EAQEC,KAAK,EAAE,EACL,GAAGxC,eADE;IAELyC,UAAU,EAAE;MACVpC,KAAK,EAAE,mBADG;MAEVC,WAAW,EAAE,mBAFH;MAGVJ,KAAK,EAAEC,aAAA,CAAOuC,aAHJ;MAIVnC,QAAQ,EAAEC,iBAAA,CAAWiB,MAJX;MAKVhB,QAAQ,EAAEC,iBAAA,CAAWa,MALX;MAMVX,YAAY,EAAE,CANJ;MAOVC,QAAQ,EAAE,KAPA;MAQVC,QAAQ,EAAE;IARA;EAFP,CART;EAqBE6B,MAAM,EAAE;AArBV,CADuB,EAwBvB;EACEV,IAAI,EAAE,qBADR;EAEEC,GAAG,EAAE,qBAFP;EAGE5B,WAAW,EACT,kFAJJ;EAKE6B,QAAQ,EAAEC,sBAAA,CAAgBC,IAL5B;EAMEC,iBAAiB,EAAE,gDANrB;EAOEC,oBAAoB,EAAE,IAPxB;EAQEC,KAAK,EAAE,EACL,GAAGxC,eADE;IAELyC,UAAU,EAAE;MACVpC,KAAK,EAAE,mBADG;MAEVC,WAAW,EAAE,mBAFH;MAGVJ,KAAK,EAAEC,aAAA,CAAOuC,aAHJ;MAIVnC,QAAQ,EAAEC,iBAAA,CAAWiB,MAJX;MAKVhB,QAAQ,EAAEC,iBAAA,CAAWa,MALX;MAMVX,YAAY,EAAE,CANJ;MAOVC,QAAQ,EAAE,KAPA;MAQVC,QAAQ,EAAE;IARA;EAFP,CART;EAqBE6B,MAAM,EAAE;AArBV,CAxBuB,CAAlB"}
+{"version":3,"names":["SEED_DATA_PROPS","image","group","GROUPS","data","label","description","formType","FORM_TYPES","propType","PROP_TYPES","ASSET","defaultValue","editable","required","title","string","STRING","leftDescription","rightDescription","icon","basic","aspectRatio","NUMBER","rating","number","min","max","step","precision","elevation","createElevationType","SEED_DATA","name","tag","category","COMPONENT_TYPES","card","preview_image_url","supports_list_render","props","numColumns","uncategorized","layout"],"sources":["CardContainerRating.js"],"sourcesContent":["import { GROUPS, FORM_TYPES, PROP_TYPES, COMPONENT_TYPES, createElevationType, } from \"@draftbit/types\";\nconst SEED_DATA_PROPS = {\n    image: {\n        group: GROUPS.data,\n        label: \"Image\",\n        description: \"Image\",\n        formType: FORM_TYPES.image,\n        propType: PROP_TYPES.ASSET,\n        defaultValue: null,\n        editable: true,\n        required: false,\n    },\n    title: {\n        group: GROUPS.data,\n        label: \"Title\",\n        description: \"Text to display\",\n        formType: FORM_TYPES.string,\n        propType: PROP_TYPES.STRING,\n        defaultValue: \"Beautiful West Coast Villa\",\n        editable: true,\n        required: false,\n    },\n    leftDescription: {\n        group: GROUPS.data,\n        label: \"Left description\",\n        description: \"Text to display on the left\",\n        formType: FORM_TYPES.string,\n        propType: PROP_TYPES.STRING,\n        defaultValue: \"San Diego\",\n        editable: true,\n        required: false,\n    },\n    rightDescription: {\n        group: GROUPS.data,\n        label: \"Right description\",\n        description: \"Text to display on the right\",\n        formType: FORM_TYPES.string,\n        propType: PROP_TYPES.STRING,\n        defaultValue: \"$100\",\n        editable: true,\n        required: false,\n    },\n    icon: {\n        group: GROUPS.basic,\n        label: \"Icon\",\n        description: \"Icon to display on the top right\",\n        formType: FORM_TYPES.icon,\n        propType: PROP_TYPES.ASSET,\n        defaultValue: null,\n        editable: true,\n        required: false,\n    },\n    aspectRatio: {\n        group: GROUPS.basic,\n        label: \"Aspect ratio\",\n        description: \"Aspect ratio of the image\",\n        formType: FORM_TYPES.aspectRatio,\n        propType: PROP_TYPES.NUMBER,\n        defaultValue: 1.5,\n        editable: true,\n        required: false,\n    },\n    rating: {\n        group: GROUPS.data,\n        label: \"Rating\",\n        description: \"Number of stars to show. A number 0-5.\",\n        formType: FORM_TYPES.number,\n        propType: PROP_TYPES.NUMBER,\n        defaultValue: 5,\n        min: 0,\n        max: 5,\n        step: 1,\n        precision: 0,\n        editable: true,\n        required: false,\n    },\n    elevation: createElevationType(2),\n};\nexport const SEED_DATA = [\n    {\n        name: \"Medium Card (Rating)\",\n        tag: \"CardContainerRating\",\n        description: \"An elevated card with a title and description, that takes up half of its container.\",\n        category: COMPONENT_TYPES.card,\n        preview_image_url: \"{CLOUDINARY_URL}/Card_ContainerRating_2col.png\",\n        supports_list_render: true,\n        props: {\n            ...SEED_DATA_PROPS,\n            numColumns: {\n                label: \"Number of Columns\",\n                description: \"Numbre of columns\",\n                group: GROUPS.uncategorized,\n                formType: FORM_TYPES.number,\n                propType: PROP_TYPES.NUMBER,\n                defaultValue: 2,\n                editable: false,\n                required: false,\n            },\n        },\n        layout: {},\n    },\n    {\n        name: \"Large Card (Rating)\",\n        tag: \"CardContainerRating\",\n        description: \"An elevated card with a title and description, that takes up its full container.\",\n        category: COMPONENT_TYPES.card,\n        preview_image_url: \"{CLOUDINARY_URL}/Card_ContainerRating_3col.png\",\n        supports_list_render: true,\n        props: {\n            ...SEED_DATA_PROPS,\n            numColumns: {\n                label: \"Number of Columns\",\n                description: \"Numbre of columns\",\n                group: GROUPS.uncategorized,\n                formType: FORM_TYPES.number,\n                propType: PROP_TYPES.NUMBER,\n                defaultValue: 3,\n                editable: false,\n                required: false,\n            },\n        },\n        layout: {},\n    },\n];\n"],"mappings":"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"}

package/lib/commonjs/mappings/Checkbox.js.map

@@ -1 +1 @@
-{"version":3,"names":["SEED_DATA","name","tag","category","COMPONENT_TYPES","input","triggers","Triggers","OnPress","OnCheck","OnUncheck","props","fieldName","createFieldNameProp","defaultValue","valuePropName","handlerPropName","color","createColorProp","group","GROUPS","basic","label","description","uncheckedColor","disabled","createBoolProp","size","createStaticNumberProp","checkedIcon","createIconProp","uncheckedIcon"],"sources":["Checkbox.ts"],"sourcesContent":["import {\n  COMPONENT_TYPES,\n  createBoolProp,\n  createIconProp,\n  createStaticNumberProp,\n  createColorProp,\n  createFieldNameProp,\n  GROUPS,\n  Triggers,\n} from \"@draftbit/types\";\n\nexport const SEED_DATA = {\n  name: \"Checkbox\",\n  tag: \"Checkbox\",\n  category: COMPONENT_TYPES.input,\n  triggers: [Triggers.OnPress, Triggers.OnCheck, Triggers.OnUncheck],\n  props: {\n    fieldName: createFieldNameProp({\n      defaultValue: \"checkboxValue\",\n      valuePropName: \"status\",\n      handlerPropName: \"onPress\",\n    }),\n    color: createColorProp({\n      group: GROUPS.basic,\n      label: \"Color\",\n      description: \"Color for the button (used when the checkbox is checked)\",\n      defaultValue: null,\n    }),\n    uncheckedColor: createColorProp({\n      group: GROUPS.basic,\n      label: \"Unselected Color\",\n      description: \"Color for the button when the checkbox is unchecked\",\n      defaultValue: null,\n    }),\n    disabled: createBoolProp({\n      label: \"Disabled\",\n      description: \"Whether the checkbox is disabled\",\n    }),\n    size: createStaticNumberProp({\n      label: \"Size\",\n      description: \"Specifies the size of the icon\",\n      defaultValue: null,\n    }),\n    checkedIcon: createIconProp({\n      label: \"Checked Icon\",\n      description: 'Icon to show when the checkbox status is \"checked\"',\n      defaultValue: null,\n    }),\n    uncheckedIcon: createIconProp({\n      label: \"Unchecked Icon\",\n      description: 'Icon to show when the checkbox status is \"unchecked\"',\n      defaultValue: null,\n    }),\n  },\n};\n"],"mappings":";;;;;;;AAAA;;AAWO,MAAMA,SAAS,GAAG;EACvBC,IAAI,EAAE,UADiB;EAEvBC,GAAG,EAAE,UAFkB;EAGvBC,QAAQ,EAAEC,sBAAA,CAAgBC,KAHH;EAIvBC,QAAQ,EAAE,CAACC,eAAA,CAASC,OAAV,EAAmBD,eAAA,CAASE,OAA5B,EAAqCF,eAAA,CAASG,SAA9C,CAJa;EAKvBC,KAAK,EAAE;IACLC,SAAS,EAAE,IAAAC,0BAAA,EAAoB;MAC7BC,YAAY,EAAE,eADe;MAE7BC,aAAa,EAAE,QAFc;MAG7BC,eAAe,EAAE;IAHY,CAApB,CADN;IAMLC,KAAK,EAAE,IAAAC,sBAAA,EAAgB;MACrBC,KAAK,EAAEC,aAAA,CAAOC,KADO;MAErBC,KAAK,EAAE,OAFc;MAGrBC,WAAW,EAAE,0DAHQ;MAIrBT,YAAY,EAAE;IAJO,CAAhB,CANF;IAYLU,cAAc,EAAE,IAAAN,sBAAA,EAAgB;MAC9BC,KAAK,EAAEC,aAAA,CAAOC,KADgB;MAE9BC,KAAK,EAAE,kBAFuB;MAG9BC,WAAW,EAAE,qDAHiB;MAI9BT,YAAY,EAAE;IAJgB,CAAhB,CAZX;IAkBLW,QAAQ,EAAE,IAAAC,qBAAA,EAAe;MACvBJ,KAAK,EAAE,UADgB;MAEvBC,WAAW,EAAE;IAFU,CAAf,CAlBL;IAsBLI,IAAI,EAAE,IAAAC,6BAAA,EAAuB;MAC3BN,KAAK,EAAE,MADoB;MAE3BC,WAAW,EAAE,gCAFc;MAG3BT,YAAY,EAAE;IAHa,CAAvB,CAtBD;IA2BLe,WAAW,EAAE,IAAAC,qBAAA,EAAe;MAC1BR,KAAK,EAAE,cADmB;MAE1BC,WAAW,EAAE,oDAFa;MAG1BT,YAAY,EAAE;IAHY,CAAf,CA3BR;IAgCLiB,aAAa,EAAE,IAAAD,qBAAA,EAAe;MAC5BR,KAAK,EAAE,gBADqB;MAE5BC,WAAW,EAAE,sDAFe;MAG5BT,YAAY,EAAE;IAHc,CAAf;EAhCV;AALgB,CAAlB"}
+{"version":3,"names":["SEED_DATA","name","tag","category","COMPONENT_TYPES","input","triggers","Triggers","OnPress","OnCheck","OnUncheck","props","fieldName","createFieldNameProp","defaultValue","valuePropName","handlerPropName","color","createColorProp","group","GROUPS","basic","label","description","uncheckedColor","disabled","createBoolProp","size","createStaticNumberProp","checkedIcon","createIconProp","uncheckedIcon"],"sources":["Checkbox.js"],"sourcesContent":["import { COMPONENT_TYPES, createBoolProp, createIconProp, createStaticNumberProp, createColorProp, createFieldNameProp, GROUPS, Triggers, } from \"@draftbit/types\";\nexport const SEED_DATA = {\n    name: \"Checkbox\",\n    tag: \"Checkbox\",\n    category: COMPONENT_TYPES.input,\n    triggers: [Triggers.OnPress, Triggers.OnCheck, Triggers.OnUncheck],\n    props: {\n        fieldName: createFieldNameProp({\n            defaultValue: \"checkboxValue\",\n            valuePropName: \"status\",\n            handlerPropName: \"onPress\",\n        }),\n        color: createColorProp({\n            group: GROUPS.basic,\n            label: \"Color\",\n            description: \"Color for the button (used when the checkbox is checked)\",\n            defaultValue: null,\n        }),\n        uncheckedColor: createColorProp({\n            group: GROUPS.basic,\n            label: \"Unselected Color\",\n            description: \"Color for the button when the checkbox is unchecked\",\n            defaultValue: null,\n        }),\n        disabled: createBoolProp({\n            label: \"Disabled\",\n            description: \"Whether the checkbox is disabled\",\n        }),\n        size: createStaticNumberProp({\n            label: \"Size\",\n            description: \"Specifies the size of the icon\",\n            defaultValue: null,\n        }),\n        checkedIcon: createIconProp({\n            label: \"Checked Icon\",\n            description: 'Icon to show when the checkbox status is \"checked\"',\n            defaultValue: null,\n        }),\n        uncheckedIcon: createIconProp({\n            label: \"Unchecked Icon\",\n            description: 'Icon to show when the checkbox status is \"unchecked\"',\n            defaultValue: null,\n        }),\n    },\n};\n"],"mappings":";;;;;;;AAAA;;AACO,MAAMA,SAAS,GAAG;EACrBC,IAAI,EAAE,UADe;EAErBC,GAAG,EAAE,UAFgB;EAGrBC,QAAQ,EAAEC,sBAAA,CAAgBC,KAHL;EAIrBC,QAAQ,EAAE,CAACC,eAAA,CAASC,OAAV,EAAmBD,eAAA,CAASE,OAA5B,EAAqCF,eAAA,CAASG,SAA9C,CAJW;EAKrBC,KAAK,EAAE;IACHC,SAAS,EAAE,IAAAC,0BAAA,EAAoB;MAC3BC,YAAY,EAAE,eADa;MAE3BC,aAAa,EAAE,QAFY;MAG3BC,eAAe,EAAE;IAHU,CAApB,CADR;IAMHC,KAAK,EAAE,IAAAC,sBAAA,EAAgB;MACnBC,KAAK,EAAEC,aAAA,CAAOC,KADK;MAEnBC,KAAK,EAAE,OAFY;MAGnBC,WAAW,EAAE,0DAHM;MAInBT,YAAY,EAAE;IAJK,CAAhB,CANJ;IAYHU,cAAc,EAAE,IAAAN,sBAAA,EAAgB;MAC5BC,KAAK,EAAEC,aAAA,CAAOC,KADc;MAE5BC,KAAK,EAAE,kBAFqB;MAG5BC,WAAW,EAAE,qDAHe;MAI5BT,YAAY,EAAE;IAJc,CAAhB,CAZb;IAkBHW,QAAQ,EAAE,IAAAC,qBAAA,EAAe;MACrBJ,KAAK,EAAE,UADc;MAErBC,WAAW,EAAE;IAFQ,CAAf,CAlBP;IAsBHI,IAAI,EAAE,IAAAC,6BAAA,EAAuB;MACzBN,KAAK,EAAE,MADkB;MAEzBC,WAAW,EAAE,gCAFY;MAGzBT,YAAY,EAAE;IAHW,CAAvB,CAtBH;IA2BHe,WAAW,EAAE,IAAAC,qBAAA,EAAe;MACxBR,KAAK,EAAE,cADiB;MAExBC,WAAW,EAAE,oDAFW;MAGxBT,YAAY,EAAE;IAHU,CAAf,CA3BV;IAgCHiB,aAAa,EAAE,IAAAD,qBAAA,EAAe;MAC1BR,KAAK,EAAE,gBADmB;MAE1BC,WAAW,EAAE,sDAFa;MAG1BT,YAAY,EAAE;IAHY,CAAf;EAhCZ;AALc,CAAlB"}