@audira/carbon-react-native 0.0.1-alpha.1

package/lib/commonjs/components/radio-button-input/index.js

@@ -0,0 +1,200 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.RadioButtonInput = void 0;
+var _react = require("react");
+var _reactNative = require("react-native");
+var _index = require("../../contexts/index.js");
+var _index2 = require("../../styles/index.js");
+var _jsxRuntime = require("react/jsx-runtime");
+const RadioButtonInput = exports.RadioButtonInput = /*#__PURE__*/(0, _react.forwardRef)(function RadioButtonInput({
+  controlled,
+  checked: checkedProp = false,
+  value,
+  interactiveState = 'normal',
+  role = 'radio',
+  onChange,
+  onBlur,
+  onFocus,
+  onPress,
+  style,
+  ...props
+}, forwardedRef) {
+  const themeContext = (0, _react.useContext)(_index.ThemeContext),
+    viewRef = (0, _react.useRef)(null),
+    ref = (0, _react.useRef)({
+      isMounted: false,
+      checked: checkedProp
+    }),
+    [isFocused, setIsFocused] = (0, _react.useState)(false),
+    [checkedSelf, setCheckedSelf] = (0, _react.useState)(checkedProp),
+    checked = controlled ? checkedProp : checkedSelf,
+    blurHandler = (0, _react.useCallback)(event => {
+      onBlur?.(event);
+      setIsFocused(false);
+    }, [onBlur]),
+    focusHandler = (0, _react.useCallback)(event => {
+      onFocus?.(event);
+      setIsFocused(true);
+    }, [onFocus]),
+    pressHandler = (0, _react.useCallback)(event => {
+      onPress?.(event);
+      if (!controlled) {
+        setCheckedSelf(true);
+      }
+    }, [controlled, onPress]);
+  (0, _react.useEffect)(() => {
+    if (!ref.current.isMounted) {
+      ref.current.isMounted = true;
+    } else {
+      ref.current.checked = checked;
+      onChange?.(checked, value);
+    }
+  }, [checked, value, onChange]);
+  (0, _react.useImperativeHandle)(forwardedRef, () => {
+    return Object.assign(viewRef.current ?? {}, {
+      get checked() {
+        return ref.current.checked;
+      },
+      setChecked(checked_) {
+        if (!controlled) {
+          if (typeof checked_ === 'boolean') {
+            ref.current.checked = checked_;
+          } else {
+            ref.current.checked = checked_(ref.current.checked);
+          }
+          setCheckedSelf(ref.current.checked);
+        }
+      }
+    });
+  }, [controlled]);
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.Pressable, {
+    ...props,
+    role: role,
+    disabled: interactiveState === 'disabled',
+    onBlur: blurHandler,
+    onFocus: focusHandler,
+    onPress: pressHandler,
+    style: [_index2.FlexStyle.items_center, _index2.FlexStyle.justify_center, _index2.CommonStyle.relative, baseStyle.radioButton, getInteractiveStateStyle('container', interactiveState, checked, themeContext.color), style],
+    ref: viewRef,
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      style: [_index2.CommonStyle.absolute, _index2.CommonStyle.overflow_hidden, baseStyle.focusBox, isFocused ? {
+        borderColor: themeContext.color.focus
+      } : null]
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      style: [_index2.FlexStyle.flex_initial, baseStyle.marker, getInteractiveStateStyle('marker', interactiveState, checked, themeContext.color)]
+    })]
+  });
+});
+const size = 18,
+  baseStyle = _reactNative.StyleSheet.create({
+    radioButton: {
+      width: size,
+      height: size,
+      borderRadius: size,
+      borderWidth: 1
+    },
+    focusBox: {
+      width: size + 6,
+      height: size + 6,
+      borderRadius: size + 3,
+      borderWidth: 2,
+      borderColor: 'transparent'
+    },
+    marker: {
+      borderRadius: size,
+      width: size / 2,
+      height: size / 2
+    }
+  }),
+  mapInteractiveStateStyle = {
+    normal: {
+      true: {
+        container: {
+          borderColor: 'icon_primary'
+        },
+        marker: {
+          backgroundColor: 'icon_primary'
+        }
+      },
+      false: {
+        container: {
+          borderColor: 'icon_primary'
+        }
+      }
+    },
+    disabled: {
+      true: {
+        container: {
+          borderColor: 'icon_disabled'
+        },
+        marker: {
+          backgroundColor: 'icon_disabled'
+        }
+      },
+      false: {
+        container: {
+          borderColor: 'icon_disabled'
+        }
+      }
+    },
+    error: {
+      true: {
+        container: {
+          borderColor: 'support_error'
+        },
+        marker: {
+          backgroundColor: 'icon_primary'
+        }
+      },
+      false: {
+        container: {
+          borderColor: 'support_error'
+        }
+      }
+    },
+    read_only: {
+      true: {
+        container: {
+          borderColor: 'icon_disabled'
+        },
+        marker: {
+          backgroundColor: 'icon_primary'
+        }
+      },
+      false: {
+        container: {
+          borderColor: 'icon_disabled'
+        }
+      }
+    },
+    warning: {
+      true: {
+        container: {
+          borderColor: 'icon_primary'
+        },
+        marker: {
+          backgroundColor: 'icon_primary'
+        }
+      },
+      false: {
+        container: {
+          borderColor: 'icon_primary'
+        }
+      }
+    }
+  };
+function getInteractiveStateStyle(key, interactiveState, checked, color) {
+  const style = mapInteractiveStateStyle[interactiveState][`${checked}`],
+    parsedStyle = {};
+  if (style[key]?.backgroundColor) {
+    parsedStyle.backgroundColor = color[style[key].backgroundColor];
+  }
+  if (style[key]?.borderColor) {
+    parsedStyle.borderColor = color[style[key].borderColor];
+  }
+  return parsedStyle;
+}
+//# sourceMappingURL=index.js.map

package/lib/commonjs/components/radio-button-input/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_reactNative","_index","_index2","_jsxRuntime","RadioButtonInput","exports","forwardRef","controlled","checked","checkedProp","value","interactiveState","role","onChange","onBlur","onFocus","onPress","style","props","forwardedRef","themeContext","useContext","ThemeContext","viewRef","useRef","ref","isMounted","isFocused","setIsFocused","useState","checkedSelf","setCheckedSelf","blurHandler","useCallback","event","focusHandler","pressHandler","useEffect","current","useImperativeHandle","Object","assign","setChecked","checked_","jsxs","Pressable","disabled","FlexStyle","items_center","justify_center","CommonStyle","relative","baseStyle","radioButton","getInteractiveStateStyle","color","children","jsx","View","absolute","overflow_hidden","focusBox","borderColor","focus","flex_initial","marker","size","StyleSheet","create","width","height","borderRadius","borderWidth","mapInteractiveStateStyle","normal","true","container","backgroundColor","false","error","read_only","warning","key","parsedStyle"],"sourceRoot":"../../../../src","sources":["components/radio-button-input/index.tsx"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,245 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Switch = void 0;
+var _react = require("react");
+var _reactNative = require("react-native");
+var _ = _interopRequireDefault(require("@carbon/icons/es/checkmark/20"));
+var _reactNativeReanimated = _interopRequireWildcard(require("react-native-reanimated"));
+var _index = require("../../constants/index.js");
+var _index2 = require("../../contexts/index.js");
+var _index3 = require("../../styles/index.js");
+var _index4 = require("../icon/index.js");
+var _jsxRuntime = require("react/jsx-runtime");
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+/**
+ * https://carbondesignsystem.com/components/toggle/style/#size
+ */
+
+const Switch = exports.Switch = /*#__PURE__*/(0, _react.forwardRef)(function Switch({
+  size = 'default',
+  state = 'normal',
+  controlled,
+  value: valueProp,
+  trackColor: trackColorProp,
+  thumbColor: thumbColorProp,
+  motion = {
+    false: motionDefault,
+    true: motionDefault
+  },
+  style,
+  role = 'switch',
+  'aria-checked': ariaChecked,
+  onChange,
+  onBlur,
+  onFocus,
+  onPress,
+  ...props
+}, forwardedRef) {
+  const isMounted = (0, _react.useRef)(false),
+    viewRef = (0, _react.useRef)(null),
+    ref = (0, _react.useRef)({
+      value: !!valueProp
+    }),
+    themeContext = (0, _react.useContext)(_index2.ThemeContext),
+    [isFocused, setIsFocused] = (0, _react.useState)(false),
+    [valueSelf, setValueSelf] = (0, _react.useState)(!!valueProp),
+    value = controlled ? !!valueProp : valueSelf,
+    /**
+     * 0 -> false/inactive
+     * 1 -> true/active
+     */
+    sharedValue = (0, _reactNativeReanimated.useSharedValue)(value ? 1 : 0),
+    {
+      trackColor,
+      thumbColor
+    } = (0, _react.useMemo)(() => {
+      const trackColor_ = mapSwitchTrackColorToken[state],
+        thumbColor_ = themeContext.color[mapSwitchThumbColorToken[state]];
+      return {
+        trackColor: trackColorProp ?? {
+          false: trackColor_.false ? themeContext.color[trackColor_.false] : 'transparent',
+          true: trackColor_.true ? themeContext.color[trackColor_.true] : 'transparent'
+        },
+        thumbColor: thumbColorProp ?? {
+          false: thumbColor_,
+          true: thumbColor_
+        }
+      };
+      // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [state, trackColorProp, thumbColorProp]),
+    trackAnimatedStyle = (0, _reactNativeReanimated.useAnimatedStyle)(() => {
+      return {
+        backgroundColor: (0, _reactNativeReanimated.interpolateColor)(sharedValue.value, interpolationRange, [trackColor.false, trackColor.true])
+      };
+    }),
+    thumbAnimatedStyle = (0, _reactNativeReanimated.useAnimatedStyle)(() => {
+      return {
+        transform: [{
+          translateX: (0, _reactNativeReanimated.interpolate)(sharedValue.value, interpolationRange, [
+          /**
+           * looks like IBM didn't explicitly tell this gap between the container and the thumb/handle
+           * i have to look at the Carbon React just to find this padding (they are using inset-inline-start there)
+           */
+          3, sizeStyle[size].width - thumbSizeStyle[size].width - 3])
+        }],
+        backgroundColor: (0, _reactNativeReanimated.interpolateColor)(sharedValue.value, interpolationRange, [thumbColor.false, thumbColor.true])
+      };
+    }),
+    iconAnimatedStyle = (0, _reactNativeReanimated.useAnimatedStyle)(() => {
+      return {
+        opacity: (0, _reactNativeReanimated.interpolate)(sharedValue.value, interpolationRange, interpolationRange)
+      };
+    }),
+    blurHandler = (0, _react.useCallback)(event => {
+      onBlur?.(event);
+      setIsFocused(false);
+    }, [onBlur]),
+    focusHandler = (0, _react.useCallback)(event => {
+      onFocus?.(event);
+      setIsFocused(true);
+    }, [onFocus]),
+    pressHandler = (0, _react.useCallback)(event => {
+      onPress?.(event);
+      if (!controlled) {
+        ref.current.value = !ref.current.value;
+        setValueSelf(ref.current.value);
+      }
+    }, [controlled, onPress]);
+  (0, _react.useEffect)(() => {
+    if (value) {
+      sharedValue.value = (0, _reactNativeReanimated.withTiming)(1, motion.true);
+    } else {
+      sharedValue.value = (0, _reactNativeReanimated.withTiming)(0, motion.false);
+    }
+  }, [motion, sharedValue, value]);
+  (0, _react.useEffect)(() => {
+    if (!isMounted.current) {
+      isMounted.current = true;
+    } else {
+      ref.current.value = value;
+      onChange?.(value);
+    }
+  }, [value, onChange]);
+  (0, _react.useImperativeHandle)(forwardedRef, () => {
+    return Object.assign(viewRef.current ?? {}, {
+      get value() {
+        return ref.current.value;
+      },
+      setValue(valueParam) {
+        if (!controlled) {
+          if (typeof valueParam === 'boolean') {
+            setValueSelf(valueParam);
+          } else {
+            setValueSelf(valueParam(ref.current.value));
+          }
+        }
+      }
+    });
+  }, [controlled]);
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(PressableAnimated, {
+    ...props,
+    role: role,
+    "aria-checked": ariaChecked ?? value,
+    style: [_index3.FlexStyle.justify_center, baseStyle.container, sizeStyle[size], trackAnimatedStyle, state === 'read_only' ? [baseStyle.containerReadonly, {
+      borderColor: themeContext.color.border_subtle_00
+    }] : null, style],
+    onBlur: blurHandler,
+    onFocus: focusHandler,
+    onPress: pressHandler,
+    ref: viewRef,
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeReanimated.default.View, {
+      style: [_index3.FlexStyle.items_center, _index3.FlexStyle.justify_center, baseStyle.thumb, thumbSizeStyle[size], thumbAnimatedStyle],
+      children: size === 'small' && /*#__PURE__*/(0, _jsxRuntime.jsx)(IconAnimated, {
+        src: _.default,
+        fill: themeContext.color.support_success,
+        style: iconAnimatedStyle
+      })
+    }), isFocused && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      style: [_index3.CommonStyle.absolute, focusBoxSizeStyle[size], baseStyle.focusBox, {
+        borderColor: themeContext.color.focus
+      }]
+    })]
+  });
+});
+const baseStyle = _reactNative.StyleSheet.create({
+    container: {
+      borderRadius: 24
+    },
+    containerReadonly: {
+      borderWidth: 1
+    },
+    thumb: {
+      borderRadius: 18
+    },
+    focusBox: {
+      borderWidth: 2,
+      borderRadius: 24,
+      transform: [{
+        translateX: -3
+      }]
+    }
+  }),
+  sizeStyle = _reactNative.StyleSheet.create({
+    default: {
+      width: 48,
+      height: 24
+    },
+    small: {
+      width: 32,
+      height: 16
+    }
+  }),
+  thumbSizeStyle = _reactNative.StyleSheet.create({
+    default: {
+      width: 18,
+      height: 18
+    },
+    small: {
+      width: 10,
+      height: 10
+    }
+  }),
+  focusBoxSizeStyle = _reactNative.StyleSheet.create({
+    default: {
+      width: sizeStyle.default.width + 6,
+      height: sizeStyle.default.height + 6
+    },
+    small: {
+      width: sizeStyle.small.width + 6,
+      height: sizeStyle.small.height + 6
+    }
+  }),
+  mapSwitchTrackColorToken = {
+    normal: {
+      false: 'toggle_off',
+      true: 'support_success'
+    },
+    disabled: {
+      false: 'button_disabled',
+      true: 'button_disabled'
+    },
+    read_only: {},
+    focused: {
+      false: 'toggle_off',
+      true: 'support_success'
+    }
+  },
+  mapSwitchThumbColorToken = {
+    normal: 'icon_on_color',
+    disabled: 'icon_on_color_disabled',
+    read_only: 'icon_primary',
+    focused: 'icon_on_color'
+  },
+  interpolationRange = [0, 1],
+  motionDefault = {
+    duration: _index.MotionConstant.Durations.fast_01,
+    easing: _reactNativeReanimated.Easing.bezier(_index.MotionConstant.Easings.exit.productive.x1, _index.MotionConstant.Easings.exit.productive.y1, _index.MotionConstant.Easings.exit.productive.x2, _index.MotionConstant.Easings.exit.productive.y2)
+  },
+  PressableAnimated = _reactNativeReanimated.default.createAnimatedComponent(_reactNative.Pressable),
+  IconAnimated = _reactNativeReanimated.default.createAnimatedComponent(_index4.Icon);
+//# sourceMappingURL=index.js.map

package/lib/commonjs/components/switch/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_reactNative","_","_interopRequireDefault","_reactNativeReanimated","_interopRequireWildcard","_index","_index2","_index3","_index4","_jsxRuntime","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","Switch","exports","forwardRef","size","state","controlled","value","valueProp","trackColor","trackColorProp","thumbColor","thumbColorProp","motion","false","motionDefault","true","style","role","ariaChecked","onChange","onBlur","onFocus","onPress","props","forwardedRef","isMounted","useRef","viewRef","ref","themeContext","useContext","ThemeContext","isFocused","setIsFocused","useState","valueSelf","setValueSelf","sharedValue","useSharedValue","useMemo","trackColor_","mapSwitchTrackColorToken","thumbColor_","color","mapSwitchThumbColorToken","trackAnimatedStyle","useAnimatedStyle","backgroundColor","interpolateColor","interpolationRange","thumbAnimatedStyle","transform","translateX","interpolate","sizeStyle","width","thumbSizeStyle","iconAnimatedStyle","opacity","blurHandler","useCallback","event","focusHandler","pressHandler","current","useEffect","withTiming","useImperativeHandle","assign","setValue","valueParam","jsxs","PressableAnimated","FlexStyle","justify_center","baseStyle","container","containerReadonly","borderColor","border_subtle_00","children","jsx","View","items_center","thumb","IconAnimated","src","Checkmark","fill","support_success","CommonStyle","absolute","focusBoxSizeStyle","focusBox","focus","StyleSheet","create","borderRadius","borderWidth","height","small","normal","disabled","read_only","focused","duration","MotionConstant","Durations","fast_01","easing","Easing","bezier","Easings","exit","productive","x1","y1","x2","y2","Animated","createAnimatedComponent","Pressable","Icon"],"sourceRoot":"../../../../src","sources":["components/switch/index.tsx"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,70 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Text = void 0;
+var _react = require("react");
+var _reactNative = require("react-native");
+var _index = require("../../constants/index.js");
+var _index2 = require("../../contexts/index.js");
+var _index3 = require("../../styles/index.js");
+var _jsxRuntime = require("react/jsx-runtime");
+const Text = exports.Text = /*#__PURE__*/(0, _react.forwardRef)(function Text_({
+  type,
+  italic = false,
+  style,
+  ...props
+}, ref) {
+  const themeContext = (0, _react.useContext)(_index2.ThemeContext);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+    ...props,
+    style: [{
+      color: themeContext.color.text_primary
+    }, getTypeSetsStyle(type, italic), style],
+    ref: ref
+  });
+});
+const mapFamilyStyle = {
+    '100': _index3.TextStyle.thin,
+    '100_italic': _index3.TextStyle.thin_italic,
+    '200': _index3.TextStyle.extralight,
+    '200_italic': _index3.TextStyle.extralight_italic,
+    '300': _index3.TextStyle.light,
+    '300_italic': _index3.TextStyle.light,
+    '400': _index3.TextStyle.normal,
+    '400_italic': _index3.TextStyle.normal_italic,
+    '500': _index3.TextStyle.medium,
+    '500_italic': _index3.TextStyle.medium_italic,
+    '600': _index3.TextStyle.semibold,
+    '600_italic': _index3.TextStyle.semibold_italic,
+    '700': _index3.TextStyle.bold,
+    '700_italic': _index3.TextStyle.bold_italic
+  },
+  createTypeSetsStyle = italic => {
+    return _reactNative.StyleSheet.create(Object.entries(_index.TypographyConstant.TypeSets).reduce((accumulator, [key_, val_]) => {
+      const key = key_,
+        val =
+        /**
+         * i don't know why Typescript annotate here as TypopgrahyType.TypeSets
+         */
+        val_;
+      accumulator[key] = {
+        ...val,
+        ...(mapFamilyStyle[italic ? `${val.fontWeight}_italic` : val.fontWeight] ?? _index3.TextStyle.normal)
+      };
+      return accumulator;
+    }, {}));
+  },
+  typeSetsStyle = createTypeSetsStyle(),
+  typeSetsItalicStyle = createTypeSetsStyle(true);
+function getTypeSetsStyle(type, italic) {
+  if (!type) {
+    return null;
+  }
+  if (italic) {
+    return typeSetsItalicStyle[type];
+  }
+  return typeSetsStyle[type];
+}
+//# sourceMappingURL=index.js.map

package/lib/commonjs/components/text/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_reactNative","_index","_index2","_index3","_jsxRuntime","Text","exports","forwardRef","Text_","type","italic","style","props","ref","themeContext","useContext","ThemeContext","jsx","color","text_primary","getTypeSetsStyle","mapFamilyStyle","TextStyle","thin","thin_italic","extralight","extralight_italic","light","normal","normal_italic","medium","medium_italic","semibold","semibold_italic","bold","bold_italic","createTypeSetsStyle","StyleSheet","create","Object","entries","TypographyConstant","TypeSets","reduce","accumulator","key_","val_","key","val","fontWeight","typeSetsStyle","typeSetsItalicStyle"],"sourceRoot":"../../../../src","sources":["components/text/index.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAKA,IAAAC,YAAA,GAAAD,OAAA;AAMA,IAAAE,MAAA,GAAAF,OAAA;AAIA,IAAAG,OAAA,GAAAH,OAAA;AAIA,IAAAI,OAAA,GAAAJ,OAAA;AAEqB,IAAAK,WAAA,GAAAL,OAAA;AAWd,MAAMM,IAAI,GAAAC,OAAA,CAAAD,IAAA,gBAAG,IAAAE,iBAAU,EAC7B,SAASC,KAAKA,CACb;EACCC,IAAI;EACJC,MAAM,GAAG,KAAK;EACdC,KAAK;EACL,GAAGC;AACJ,CAAC,EACDC,GAAG,EACF;EAED,MACCC,YAAY,GACX,IAAAC,iBAAU,EAACC,oBAAY,CAAC;EAE1B,oBACC,IAAAZ,WAAA,CAAAa,GAAA,EAACjB,YAAA,CAAAK,IAAI;IAAA,GACCO,KAAK;IACVD,KAAK,EAAG,CACP;MAAEO,KAAK,EAAEJ,YAAY,CAACI,KAAK,CAACC;IAAa,CAAC,EAC1CC,gBAAgB,CAACX,IAAI,EAAEC,MAAM,CAAC,EAC9BC,KAAK,CACH;IACHE,GAAG,EAAGA;EAAK,CACX,CAAC;AAGJ,CACD,CAAC;AAKD,MACCQ,cAA8G,GAC7G;IACC,KAAK,EAAEC,iBAAS,CAACC,IAAI;IACrB,YAAY,EAAED,iBAAS,CAACE,WAAW;IACnC,KAAK,EAAEF,iBAAS,CAACG,UAAU;IAC3B,YAAY,EAAEH,iBAAS,CAACI,iBAAiB;IACzC,KAAK,EAAEJ,iBAAS,CAACK,KAAK;IACtB,YAAY,EAAEL,iBAAS,CAACK,KAAK;IAC7B,KAAK,EAAEL,iBAAS,CAACM,MAAM;IACvB,YAAY,EAAEN,iBAAS,CAACO,aAAa;IACrC,KAAK,EAAEP,iBAAS,CAACQ,MAAM;IACvB,YAAY,EAAER,iBAAS,CAACS,aAAa;IACrC,KAAK,EAAET,iBAAS,CAACU,QAAQ;IACzB,YAAY,EAAEV,iBAAS,CAACW,eAAe;IACvC,KAAK,EAAEX,iBAAS,CAACY,IAAI;IACrB,YAAY,EAAEZ,iBAAS,CAACa;EACzB,CAAC;EAEFC,mBAAmB,GAAI1B,MAAgB,IAAK;IAC3C,OAAO2B,uBAAU,CAACC,MAAM,CACvBC,MAAM,CAACC,OAAO,CAACC,yBAAkB,CAACC,QAAQ,CAAC,CAACC,MAAM,CAAC,CAClDC,WAAoC,EACpC,CAACC,IAAI,EAAEC,IAAI,CAAC,KACR;MACJ,MACCC,GAAG,GACFF,IAAqC;QAEtCG,GAAG;QACF;AACN;AACA;QACOF,IAAqC;MAExCF,WAAW,CAACG,GAAG,CAAC,GAAG;QAClB,GAAGC,GAAG;QACN,IACC3B,cAAc,CACbX,MAAM,GACH,GAAGsC,GAAG,CAACC,UAAU,SAAS,GAC1BD,GAAG,CAACC,UAAU,CACjB,IAAI3B,iBAAS,CAACM,MAAM;MAEvB,CAAC;MACD,OAAOgB,WAAW;IACnB,CAAC,EAAE,CAAC,CAA4B,CACjC,CAAC;EACF,CAAC;EAEDM,aAAa,GACZd,mBAAmB,CAAC,CAAC;EAEtBe,mBAAmB,GAClBf,mBAAmB,CAAC,IAAI,CAAC;AAE3B,SAAShB,gBAAgBA,CACxBX,IAAwB,EACxBC,MAAgB,EACf;EACD,IAAG,CAACD,IAAI,EAAE;IACT,OAAO,IAAI;EACZ;EAEA,IAAGC,MAAM,EAAE;IACV,OAAOyC,mBAAmB,CAAC1C,IAAI,CAAC;EACjC;EAEA,OAAOyC,aAAa,CAACzC,IAAI,CAAC;AAC3B","ignoreList":[]}

package/lib/commonjs/components/toggle/base/index.js

@@ -0,0 +1,115 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Base = void 0;
+var _react = require("react");
+var _reactNative = require("react-native");
+var _index = require("../../../constants/index.js");
+var _index2 = require("../../../contexts/index.js");
+var _index3 = require("../../../styles/index.js");
+var _index4 = require("../../form-label/index.js");
+var _index5 = require("../../text/index.js");
+var _index6 = require("../../switch/index.js");
+var _jsxRuntime = require("react/jsx-runtime");
+const Base = exports.Base = /*#__PURE__*/(0, _react.forwardRef)(function Base({
+  state = 'normal',
+  controlled,
+  value,
+  label,
+  actionText,
+  onChange,
+  formLabelProps,
+  actionTextProps,
+  pressableProps,
+  switchProps,
+  style,
+  ...viewProps
+}, forwardedRef) {
+  const themeContext = (0, _react.useContext)(_index2.ThemeContext),
+    viewRef = (0, _react.useRef)(null),
+    switchRef = (0, _react.useRef)(null),
+    pressHandler = (0, _react.useCallback)(event => {
+      pressableProps?.onPress?.(event);
+      switchRef.current?.setValue(currentValue => !currentValue);
+    }, [pressableProps]);
+  (0, _react.useImperativeHandle)(forwardedRef, () => {
+    return Object.assign(viewRef.current ?? {}, {
+      get value() {
+        return !!switchRef.current?.value;
+      },
+      setValue(val) {
+        switchRef.current?.setValue(val);
+      }
+    });
+  }, []);
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+    ...viewProps,
+    style: [_index3.FlexStyle.flex_row, _index3.FlexStyle.flex_wrap, _index3.FlexStyle.items_center, style],
+    ref: viewRef,
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Pressable, {
+      ...pressableProps,
+      role: "switch",
+      disabled: state !== 'normal',
+      "aria-checked": value,
+      "aria-label": pressableProps?.['aria-label'] || label,
+      onPress: pressHandler,
+      style: [_index3.CommonStyle.absolute, _index3.CommonStyle.w_full, _index3.CommonStyle.h_full, baseStyle.pressable, pressableProps?.style]
+    }), !!label && /*#__PURE__*/(0, _jsxRuntime.jsx)(_index4.FormLabel, {
+      ...formLabelProps,
+      label: label,
+      textProps: {
+        ...formLabelProps?.textProps,
+        style: [{
+          color: themeContext.color[mapLabelColorToken[state]]
+        }, formLabelProps?.textProps?.style]
+      },
+      style: [_index3.CommonStyle.w_full, baseStyle.label, formLabelProps?.style]
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_index6.Switch, {
+      ...switchProps,
+      "aria-label": switchProps?.['aria-label'] || label,
+      state: state,
+      disabled: state !== 'normal',
+      role: "none",
+      controlled: controlled,
+      value: value,
+      onChange: onChange,
+      onPress: switchProps?.onPress ?? pressableProps?.onPress,
+      style: [baseStyle.switch, switchProps?.style],
+      ref: switchRef
+    }), !!actionText && /*#__PURE__*/(0, _jsxRuntime.jsx)(_index5.Text, {
+      ...actionTextProps,
+      type: actionTextProps?.type || 'body_compact_01',
+      style: [baseStyle.actionText, {
+        color: themeContext.color[mapActionTextColorToken[state]]
+      }, actionTextProps?.style],
+      children: actionText
+    })]
+  });
+});
+const baseStyle = _reactNative.StyleSheet.create({
+    pressable: {
+      zIndex: 1
+    },
+    switch: {
+      zIndex: 2
+    },
+    label: {
+      marginBottom: _index.SpacingConstant.spacing_05
+    },
+    actionText: {
+      marginLeft: _index.SpacingConstant.spacing_03 // same for both size
+    }
+  }),
+  mapLabelColorToken = {
+    normal: 'text_secondary',
+    disabled: 'text_disabled',
+    read_only: 'text_secondary'
+  },
+  mapActionTextColorToken = {
+    normal: 'text_primary',
+    disabled: 'text_disabled',
+    read_only: 'text_primary'
+  };
+//# sourceMappingURL=index.js.map