@react-native-ohos/native-base 3.4.29-rc.1

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

@@ -0,0 +1 @@
+{"version":3,"sources":["index.ts"],"names":["default","AspectRatio","Badge","Card","IconButton","Alert","Avatar","Breadcrumb","Backdrop","Container","Modal","Drawer","useToast","Toast","Divider","Progress","Skeleton","Accordion","FormControl","useFormControlContext","NumberInput","NumberInputField","NumberInputStepper","NumberIncrementStepper","NumberDecrementStepper","Tag","Kbd","Code","Center","Square","Circle","Wrap","PinInput","Collapse","CircularProgress","Popover","Tooltip","AlertDialog","Menu","SimpleGrid","TextField","Actionsheet","Fab","Typeahead","useTypeahead"],"mappings":"AAAA,SAASA,OAAO,IAAIC,WAApB,QAAuC,eAAvC;AAGA,SAASD,OAAO,IAAIE,KAApB,QAAiC,SAAjC;AAGA,SAASF,OAAO,IAAIG,IAApB,QAAgC,QAAhC;AAGA,SAASH,OAAO,IAAII,UAApB,QAAsC,cAAtC;AAGA,SAASC,KAAT,QAAsB,SAAtB;AAGA,SAASC,MAAT,QAAuB,UAAvB;AAGA,SAASC,UAAT,QAA2B,cAA3B;AAGA,SAASP,OAAO,IAAIQ,QAApB,QAAoC,YAApC;AAEA,SAASR,OAAO,IAAIS,SAApB,QAAqC,aAArC;AAGA,SAASC,KAAT,QAAsB,SAAtB;AAEA,SAASV,OAAO,IAAIW,MAApB,QAAkC,UAAlC;AAGA,SAASC,QAAT,EAAmBC,KAAnB,QAAgC,SAAhC;AAGA,SAASb,OAAO,IAAIc,OAApB,QAAmC,WAAnC;AAGA,SAASd,OAAO,IAAIe,QAApB,QAAoC,YAApC;AAGA;AAEA,SAASC,QAAT,QAAyB,YAAzB;AAGA,SAASC,SAAT,QAA0B,aAA1B;AAWA,SAASC,WAAT,EAAsBC,qBAAtB,QAAmD,eAAnD;AASA,SACEC,WADF,EAEEC,gBAFF,EAGEC,kBAHF,EAIEC,sBAJF,EAKEC,sBALF,QAMO,eANP;AAeA,SAASxB,OAAO,IAAIyB,GAApB,QAA+B,OAA/B;AAGA,SAASzB,OAAO,IAAI0B,GAApB,QAA+B,OAA/B;AAGA,SAAS1B,OAAO,IAAI2B,IAApB,QAAgC,QAAhC;AAEA,SAASC,MAAT,EAAiBC,MAAjB,EAAyBC,MAAzB,QAAuC,UAAvC;AAGA,SAAS9B,OAAO,IAAI+B,IAApB,QAAgC,QAAhC;AAGA;AAEA,SAASC,QAAT,QAAyB,YAAzB;AAGA,cAAc,eAAd;AAQA,SAAShC,OAAO,IAAIiC,QAApB,QAAoC,YAApC;AACA,SAASjC,OAAO,IAAIkC,gBAApB,QAA4C,oBAA5C;AAEA,SAASC,OAAT,QAAwB,WAAxB;AACA,SAASC,OAAT,QAAwB,WAAxB;AAKA,SAASC,WAAT,QAA4B,eAA5B;AAGA,SAASC,IAAT,QAAqB,QAArB;AASA,SAASC,UAAT,QAA2B,cAA3B;AAGA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,SAASC,SAAT,QAA0B,aAA1B;AAGA,SAASC,WAAT,QAA4B,eAA5B;AAOA;AACA,SAASC,GAAT,QAAoB,OAApB;AAEA,SAASC,SAAT,EAAoBC,YAApB,QAAwC,aAAxC","sourcesContent":["export { default as AspectRatio } from './AspectRatio';\r\nexport type { IAspectRatioProps } from './AspectRatio/types';\r\n\r\nexport { default as Badge } from './Badge';\r\nexport type { IBadgeProps } from './Badge';\r\n\r\nexport { default as Card } from './Card';\r\nexport type { ICardProps } from './Card';\r\n\r\nexport { default as IconButton } from './IconButton';\r\nexport type { IIconButtonProps } from './IconButton';\r\n\r\nexport { Alert } from './Alert';\r\nexport type { IAlertProps } from './Alert';\r\n\r\nexport { Avatar } from './Avatar';\r\nexport type { IAvatarProps } from './Avatar';\r\n\r\nexport { Breadcrumb } from './Breadcrumb';\r\nexport type { IBreadcrumbProps } from './Breadcrumb';\r\n\r\nexport { default as Backdrop } from './Backdrop';\r\n\r\nexport { default as Container } from './Container';\r\nexport type { IContainerProps } from './Container';\r\n\r\nexport { Modal } from './Modal';\r\nexport type { IModalProps } from './Modal';\r\nexport { default as Drawer } from './Drawer';\r\nexport type { IDrawerProps } from './Drawer';\r\n\r\nexport { useToast, Toast } from './Toast';\r\nexport type { IToastProps } from './Toast';\r\n\r\nexport { default as Divider } from './Divider';\r\nexport type { IDividerProps } from './Divider/types';\r\n\r\nexport { default as Progress } from './Progress';\r\nexport type { IProgressProps } from './Progress';\r\n\r\n// export { default as Stat } from './Stat';\r\n\r\nexport { Skeleton } from './Skeleton';\r\nexport type { ISkeletonProps, ISkeletonTextProps } from './Skeleton';\r\n\r\nexport { Accordion } from './Accordion';\r\nexport type {\r\n  IAccordionProps,\r\n  IAccordionDetailsProps,\r\n  IAccordionSummaryProps,\r\n  IAccordionItemProps,\r\n  IAccordionIconProps,\r\n  IAccordionContextProps,\r\n  IAccordionItemContextProps,\r\n} from './Accordion';\r\n\r\nexport { FormControl, useFormControlContext } from './FormControl';\r\nexport type {\r\n  IFormControlProps,\r\n  IFormControlLabelProps,\r\n  IFormControlErrorMessageProps,\r\n  IFormControlHelperTextProps,\r\n  IFormControlContext,\r\n} from './FormControl';\r\n\r\nexport {\r\n  NumberInput,\r\n  NumberInputField,\r\n  NumberInputStepper,\r\n  NumberIncrementStepper,\r\n  NumberDecrementStepper,\r\n} from './NumberInput';\r\nexport type {\r\n  INumberInputProps,\r\n  INumberInputFieldProps,\r\n  INumberInputSteppersProps,\r\n  INumberInputStepperProps,\r\n  INumberInputContext,\r\n} from './NumberInput';\r\n\r\nexport { default as Tag } from './Tag';\r\nexport type { ITagProps } from './Tag';\r\n\r\nexport { default as Kbd } from './KBD';\r\nexport type { IKbdProps } from './KBD';\r\n\r\nexport { default as Code } from './Code';\r\n\r\nexport { Center, Square, Circle } from './Center';\r\nexport type { ICenterProps, ICircleProps, ISquareProps } from './Center';\r\n\r\nexport { default as Wrap } from './Wrap';\r\nexport type { IWrapProps } from './Wrap';\r\n\r\n// export type { IToastProps } from './Toast';\r\n\r\nexport { PinInput } from './PinInput';\r\nexport type { IPinInputProps, IPinInputFieldProps } from './PinInput';\r\n\r\nexport * from './Transitions';\r\nexport type {\r\n  IFadeProps,\r\n  IScaleFadeProps,\r\n  ISlideProps,\r\n  ISlideFadeProps,\r\n} from './Transitions';\r\n\r\nexport { default as Collapse } from './Collapse';\r\nexport { default as CircularProgress } from './CircularProgress';\r\n\r\nexport { Popover } from './Popover';\r\nexport { Tooltip } from './Tooltip';\r\nexport type { ITooltipProps } from './Tooltip';\r\n\r\nexport type { IPopoverProps } from './Popover';\r\n\r\nexport { AlertDialog } from './AlertDialog';\r\nexport type { IAlertDialogProps } from './AlertDialog';\r\n\r\nexport { Menu } from './Menu';\r\nexport type {\r\n  IMenuProps,\r\n  IMenuItemProps,\r\n  IMenuItemOptionProps,\r\n  IMenuGroupProps,\r\n  IMenuOptionGroupProps,\r\n} from './Menu';\r\n\r\nexport { SimpleGrid } from './SimpleGrid';\r\nexport type { ISimpleGridProps } from './SimpleGrid';\r\n\r\n// export { Tabs } from './Tabs';\r\n// export type {\r\n//   ITabsProps,\r\n//   ITabBarProps,\r\n//   ITabProps,\r\n//   ITabViewsProps,\r\n//   ITabViewProps,\r\n//   ITabsContextProps,\r\n// } from './Tabs';\r\nexport { TextField } from './TextField';\r\nexport type { ITextFieldProps } from './TextField';\r\n\r\nexport { Actionsheet } from './Actionsheet';\r\nexport type {\r\n  IActionsheetProps,\r\n  IActionsheetContentProps,\r\n  IActionsheetItemProps,\r\n} from './Actionsheet';\r\n\r\n// export { AppBar } from './AppBar';\r\nexport { Fab } from './Fab';\r\nexport type { IFabProps } from './Fab';\r\nexport { Typeahead, useTypeahead } from './Typeahead';\r\n"]}

package/lib/module/components/primitives/Box/index.js

@@ -0,0 +1,95 @@
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+import React, { memo, forwardRef } from 'react';
+import { View } from 'react-native';
+import { usePropsResolution } from '../../../hooks/useThemeProps';
+import { getColor } from '../../../theme';
+import { useTheme } from '../../../hooks';
+import { makeStyledComponent } from '../../../utils/styled';
+import { wrapStringChild } from '../../../utils/wrapStringChild';
+import { useSafeArea } from '../../../hooks/useSafeArea';
+import { useNativeBaseConfig } from '../../../core/NativeBaseContext';
+import { useHasResponsiveProps } from '../../../hooks/useHasResponsiveProps';
+const StyledBox = makeStyledComponent(View);
+let MemoizedGradient;
+
+const Box = ({
+  children,
+  ...props
+}, ref) => {
+  var _useNativeBaseConfig$, _resolvedProps$bg, _resolvedProps$backgr, _resolvedProps$bgColo, _resolvedProps$backgr2;
+
+  // const { _text, ...resolvedProps } = useThemeProps('Box', props);
+  const theme = useTheme();
+  const {
+    _text,
+    ...resolvedProps
+  } = usePropsResolution('Box', props);
+  let Gradient = (_useNativeBaseConfig$ = useNativeBaseConfig('NativeBaseConfigProvider').config.dependencies) === null || _useNativeBaseConfig$ === void 0 ? void 0 : _useNativeBaseConfig$['linear-gradient'];
+  const safeAreaProps = useSafeArea(resolvedProps); //TODO: refactor for responsive prop
+
+  if (useHasResponsiveProps(props)) {
+    return null;
+  }
+
+  if ((_resolvedProps$bg = resolvedProps.bg) !== null && _resolvedProps$bg !== void 0 && _resolvedProps$bg.linearGradient || (_resolvedProps$backgr = resolvedProps.background) !== null && _resolvedProps$backgr !== void 0 && _resolvedProps$backgr.linearGradient || (_resolvedProps$bgColo = resolvedProps.bgColor) !== null && _resolvedProps$bgColo !== void 0 && _resolvedProps$bgColo.linearGradient || (_resolvedProps$backgr2 = resolvedProps.backgroundColor) !== null && _resolvedProps$backgr2 !== void 0 && _resolvedProps$backgr2.linearGradient) {
+    var _resolvedProps$bg2, _resolvedProps$backgr3, _resolvedProps$bgColo2, _resolvedProps$backgr4;
+
+    const lgrad = ((_resolvedProps$bg2 = resolvedProps.bg) === null || _resolvedProps$bg2 === void 0 ? void 0 : _resolvedProps$bg2.linearGradient) || ((_resolvedProps$backgr3 = resolvedProps.background) === null || _resolvedProps$backgr3 === void 0 ? void 0 : _resolvedProps$backgr3.linearGradient) || ((_resolvedProps$bgColo2 = resolvedProps.bgColor) === null || _resolvedProps$bgColo2 === void 0 ? void 0 : _resolvedProps$bgColo2.linearGradient) || ((_resolvedProps$backgr4 = resolvedProps.backgroundColor) === null || _resolvedProps$backgr4 === void 0 ? void 0 : _resolvedProps$backgr4.linearGradient);
+
+    if (Gradient) {
+      var _lgrad$colors;
+
+      if (!MemoizedGradient) {
+        MemoizedGradient = makeStyledComponent(Gradient);
+      }
+
+      Gradient = MemoizedGradient;
+      lgrad.colors = (_lgrad$colors = lgrad.colors) === null || _lgrad$colors === void 0 ? void 0 : _lgrad$colors.map(color => {
+        return getColor(color, theme.colors, theme);
+      });
+      let startObj = {
+        x: 0,
+        y: 0
+      };
+      let endObj = {
+        x: 0,
+        y: 1
+      };
+
+      if (lgrad.start && lgrad.start.length === 2) {
+        startObj = {
+          x: lgrad.start[0],
+          y: lgrad.start[1]
+        };
+      }
+
+      if (lgrad.end && lgrad.end.length === 2) {
+        endObj = {
+          x: lgrad.end[0],
+          y: lgrad.end[1]
+        };
+      }
+
+      const backgroundColorProps = ['bg', 'bgColor', 'background', 'backgroundColor'];
+      backgroundColorProps.forEach(backgroundColorProp => {
+        if (backgroundColorProp in safeAreaProps) delete safeAreaProps[backgroundColorProp];
+      });
+      return /*#__PURE__*/React.createElement(Gradient, _extends({
+        ref: ref
+      }, safeAreaProps, {
+        colors: lgrad.colors,
+        start: startObj,
+        end: endObj,
+        locations: lgrad.locations
+      }), wrapStringChild(children, _text));
+    }
+  }
+
+  return /*#__PURE__*/React.createElement(StyledBox, _extends({
+    ref: ref
+  }, safeAreaProps), wrapStringChild(children, _text));
+};
+
+export default /*#__PURE__*/memo( /*#__PURE__*/forwardRef(Box));
+//# sourceMappingURL=index.js.map

package/lib/module/components/primitives/Box/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["index.tsx"],"names":["React","memo","forwardRef","View","usePropsResolution","getColor","useTheme","makeStyledComponent","wrapStringChild","useSafeArea","useNativeBaseConfig","useHasResponsiveProps","StyledBox","MemoizedGradient","Box","children","props","ref","theme","_text","resolvedProps","Gradient","config","dependencies","safeAreaProps","bg","linearGradient","background","bgColor","backgroundColor","lgrad","colors","map","color","startObj","x","y","endObj","start","length","end","backgroundColorProps","forEach","backgroundColorProp","locations"],"mappings":"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","sourcesContent":["import React, { memo, forwardRef } from 'react';\r\nimport { View } from 'react-native';\r\nimport { usePropsResolution } from '../../../hooks/useThemeProps';\r\nimport { getColor } from '../../../theme';\r\nimport { useTheme } from '../../../hooks';\r\nimport { makeStyledComponent } from '../../../utils/styled';\r\nimport { wrapStringChild } from '../../../utils/wrapStringChild';\r\nimport type { IBoxProps, InterfaceBoxProps } from './types';\r\nimport { useSafeArea } from '../../../hooks/useSafeArea';\r\nimport { useNativeBaseConfig } from '../../../core/NativeBaseContext';\r\nimport { useHasResponsiveProps } from '../../../hooks/useHasResponsiveProps';\r\n\r\nconst StyledBox = makeStyledComponent(View);\r\n\r\nlet MemoizedGradient: any;\r\n\r\nconst Box = ({ children, ...props }: IBoxProps, ref: any) => {\r\n  // const { _text, ...resolvedProps } = useThemeProps('Box', props);\r\n  const theme = useTheme();\r\n  const { _text, ...resolvedProps } = usePropsResolution('Box', props);\r\n  let Gradient = useNativeBaseConfig('NativeBaseConfigProvider').config\r\n    .dependencies?.['linear-gradient'];\r\n\r\n  const safeAreaProps = useSafeArea(resolvedProps);\r\n\r\n  //TODO: refactor for responsive prop\r\n  if (useHasResponsiveProps(props)) {\r\n    return null;\r\n  }\r\n\r\n  if (\r\n    resolvedProps.bg?.linearGradient ||\r\n    resolvedProps.background?.linearGradient ||\r\n    resolvedProps.bgColor?.linearGradient ||\r\n    resolvedProps.backgroundColor?.linearGradient\r\n  ) {\r\n    const lgrad =\r\n      resolvedProps.bg?.linearGradient ||\r\n      resolvedProps.background?.linearGradient ||\r\n      resolvedProps.bgColor?.linearGradient ||\r\n      resolvedProps.backgroundColor?.linearGradient;\r\n\r\n    if (Gradient) {\r\n      if (!MemoizedGradient) {\r\n        MemoizedGradient = makeStyledComponent(Gradient);\r\n      }\r\n\r\n      Gradient = MemoizedGradient;\r\n\r\n      lgrad.colors = lgrad.colors?.map((color: string) => {\r\n        return getColor(color, theme.colors, theme);\r\n      });\r\n      let startObj = { x: 0, y: 0 };\r\n      let endObj = { x: 0, y: 1 };\r\n      if (lgrad.start && lgrad.start.length === 2) {\r\n        startObj = {\r\n          x: lgrad.start[0],\r\n          y: lgrad.start[1],\r\n        };\r\n      }\r\n      if (lgrad.end && lgrad.end.length === 2) {\r\n        endObj = {\r\n          x: lgrad.end[0],\r\n          y: lgrad.end[1],\r\n        };\r\n      }\r\n      const backgroundColorProps = [\r\n        'bg',\r\n        'bgColor',\r\n        'background',\r\n        'backgroundColor',\r\n      ];\r\n      backgroundColorProps.forEach((backgroundColorProp) => {\r\n        if (backgroundColorProp in safeAreaProps)\r\n          delete safeAreaProps[backgroundColorProp];\r\n      });\r\n\r\n      return (\r\n        <Gradient\r\n          ref={ref}\r\n          {...safeAreaProps}\r\n          colors={lgrad.colors}\r\n          start={startObj}\r\n          end={endObj}\r\n          locations={lgrad.locations}\r\n        >\r\n          {/* {React.Children.map(children, (child) =>\r\n            typeof child === 'string' || typeof child === 'number' ? (\r\n              <Text {..._text}>{child}</Text>\r\n            ) : (\r\n              child\r\n            )\r\n          )} */}\r\n          {wrapStringChild(children, _text)}\r\n        </Gradient>\r\n      );\r\n    }\r\n  }\r\n  return (\r\n    <StyledBox ref={ref} {...safeAreaProps}>\r\n      {/* {React.Children.map(children, (child) => {\r\n        return typeof child === 'string' ||\r\n          typeof child === 'number' ||\r\n          (child?.type === React.Fragment &&\r\n            (typeof child.props?.children === 'string' ||\r\n              typeof child.props?.children === 'number')) ? (\r\n          <Text {..._text}>{child}</Text>\r\n        ) : (\r\n          child\r\n        );\r\n      })} */}\r\n      {wrapStringChild(children, _text)}\r\n    </StyledBox>\r\n  );\r\n};\r\n\r\nexport type { IBoxProps, InterfaceBoxProps };\r\nexport default memo(forwardRef(Box));\r\n"]}

package/lib/module/components/primitives/Box/types.js

@@ -0,0 +1,2 @@
+
+//# sourceMappingURL=types.js.map

package/lib/module/components/primitives/Box/types.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","sourcesContent":[]}

package/lib/module/components/primitives/Button/Button.js

@@ -0,0 +1,134 @@
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+import React, { memo, forwardRef } from 'react';
+import Spinner from '../Spinner';
+import { usePropsResolution } from '../../../hooks/useThemeProps';
+import { default as Box } from '../Box';
+import HStack from '../Stack/HStack';
+import { Pressable } from '../Pressable';
+import { composeEventHandlers } from '../../../utils';
+import { useHover, useFocus, useIsPressed } from '../../primitives/Pressable/Pressable';
+import { useFocusRing } from '@react-native-aria/focus';
+import { useHasResponsiveProps } from '../../../hooks/useHasResponsiveProps';
+
+const Button = ({
+  //@ts-ignore
+  children,
+  startIcon,
+  rightIcon,
+  leftIcon,
+  endIcon,
+  spinner,
+  isDisabled,
+  isLoading,
+  isHovered: isHoveredProp,
+  isPressed: isPressedProp,
+  isFocused: isFocusedProp,
+  isFocusVisible: isFocusVisibleProp,
+  spinnerPlacement = 'start',
+  ...props
+}, ref) => {
+  var _props$accessibilityR;
+
+  const {
+    hoverProps,
+    isHovered
+  } = useHover();
+  const {
+    pressableProps,
+    isPressed
+  } = useIsPressed();
+  const {
+    focusProps,
+    isFocused
+  } = useFocus();
+  const {
+    isFocusVisible,
+    focusProps: focusRingProps
+  } = useFocusRing();
+  const {
+    onPressIn,
+    onPressOut,
+    onHoverIn,
+    onHoverOut,
+    onFocus,
+    onBlur,
+    _text,
+    _stack,
+    _spinner,
+    isLoadingText,
+    _icon,
+    ...resolvedProps
+  } = usePropsResolution('Button', props, {
+    isDisabled,
+    isHovered: isHoveredProp || isHovered,
+    isFocused: isFocusedProp || isFocused,
+    isPressed: isPressedProp || isPressed,
+    isLoading,
+    isFocusVisible: isFocusVisibleProp || isFocusVisible
+  }); //TODO: refactor for responsive prop
+
+  if (useHasResponsiveProps(props)) {
+    return null;
+  }
+
+  if (leftIcon) {
+    startIcon = leftIcon;
+  }
+
+  if (rightIcon) {
+    endIcon = rightIcon;
+  }
+
+  if (endIcon && /*#__PURE__*/React.isValidElement(endIcon)) {
+    endIcon = React.Children.map(endIcon, (child, index) => {
+      return /*#__PURE__*/React.cloneElement(child, {
+        key: "button-end-icon-".concat(index),
+        ..._icon,
+        ...child.props
+      });
+    });
+  }
+
+  if (startIcon && /*#__PURE__*/React.isValidElement(startIcon)) {
+    startIcon = React.Children.map(startIcon, (child, index) => {
+      return /*#__PURE__*/React.cloneElement(child, {
+        key: "button-start-icon-".concat(index),
+        ..._icon,
+        ...child.props
+      });
+    });
+  }
+
+  const spinnerElement = spinner ? spinner : /*#__PURE__*/React.createElement(Spinner, _extends({
+    color: _text === null || _text === void 0 ? void 0 : _text.color
+  }, _spinner));
+
+  const boxChildren = child => {
+    return child ? /*#__PURE__*/React.createElement(Box, {
+      _text: _text
+    }, child) : null;
+  };
+
+  return /*#__PURE__*/React.createElement(Pressable, _extends({
+    disabled: isDisabled || isLoading,
+    ref: ref,
+    onPressIn: composeEventHandlers(onPressIn, pressableProps.onPressIn),
+    onPressOut: composeEventHandlers(onPressOut, pressableProps.onPressOut) // @ts-ignore - web only
+    ,
+    onHoverIn: composeEventHandlers(onHoverIn, hoverProps.onHoverIn) // @ts-ignore - web only
+    ,
+    onHoverOut: composeEventHandlers(onHoverOut, hoverProps.onHoverOut) // @ts-ignore - web only
+    ,
+    onFocus: composeEventHandlers(composeEventHandlers(onFocus, focusProps.onFocus), focusRingProps.onFocus) // @ts-ignore - web only
+    ,
+    onBlur: composeEventHandlers(composeEventHandlers(onBlur, focusProps.onBlur), focusRingProps.onBlur)
+  }, resolvedProps, {
+    accessibilityRole: (_props$accessibilityR = props.accessibilityRole) !== null && _props$accessibilityR !== void 0 ? _props$accessibilityR : 'button'
+  }), /*#__PURE__*/React.createElement(HStack, _extends({}, _stack, {
+    test: true
+  }), startIcon && !isLoading ? startIcon : null, isLoading && spinnerPlacement === 'start' ? spinnerElement : null, isLoading ? isLoadingText ? boxChildren(isLoadingText) : null : boxChildren(children), endIcon && !isLoading ? endIcon : null, isLoading && spinnerPlacement === 'end' ? spinnerElement : null));
+};
+
+export default /*#__PURE__*/memo( /*#__PURE__*/forwardRef(Button));
+//# sourceMappingURL=Button.js.map

package/lib/module/components/primitives/Button/Button.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["Button.tsx"],"names":["React","memo","forwardRef","Spinner","usePropsResolution","default","Box","HStack","Pressable","composeEventHandlers","useHover","useFocus","useIsPressed","useFocusRing","useHasResponsiveProps","Button","children","startIcon","rightIcon","leftIcon","endIcon","spinner","isDisabled","isLoading","isHovered","isHoveredProp","isPressed","isPressedProp","isFocused","isFocusedProp","isFocusVisible","isFocusVisibleProp","spinnerPlacement","props","ref","hoverProps","pressableProps","focusProps","focusRingProps","onPressIn","onPressOut","onHoverIn","onHoverOut","onFocus","onBlur","_text","_stack","_spinner","isLoadingText","_icon","resolvedProps","isValidElement","Children","map","child","index","cloneElement","key","spinnerElement","color","boxChildren","accessibilityRole"],"mappings":"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","sourcesContent":["import React, { memo, forwardRef } from 'react';\r\nimport Spinner from '../Spinner';\r\nimport { usePropsResolution } from '../../../hooks/useThemeProps';\r\nimport { default as Box, IBoxProps } from '../Box';\r\nimport HStack from '../Stack/HStack';\r\nimport { Pressable } from '../Pressable';\r\nimport type { IButtonProps } from './types';\r\nimport { composeEventHandlers } from '../../../utils';\r\nimport {\r\n  useHover,\r\n  useFocus,\r\n  useIsPressed,\r\n} from '../../primitives/Pressable/Pressable';\r\nimport { useFocusRing } from '@react-native-aria/focus';\r\nimport { useHasResponsiveProps } from '../../../hooks/useHasResponsiveProps';\r\n\r\nconst Button = (\r\n  {\r\n    //@ts-ignore\r\n    children,\r\n    startIcon,\r\n    rightIcon,\r\n    leftIcon,\r\n    endIcon,\r\n    spinner,\r\n    isDisabled,\r\n    isLoading,\r\n    isHovered: isHoveredProp,\r\n    isPressed: isPressedProp,\r\n    isFocused: isFocusedProp,\r\n    isFocusVisible: isFocusVisibleProp,\r\n    spinnerPlacement = 'start',\r\n    ...props\r\n  }: IButtonProps & IBoxProps,\r\n  ref: any\r\n) => {\r\n  const { hoverProps, isHovered } = useHover();\r\n  const { pressableProps, isPressed } = useIsPressed();\r\n  const { focusProps, isFocused } = useFocus();\r\n  const { isFocusVisible, focusProps: focusRingProps }: any = useFocusRing();\r\n\r\n  const {\r\n    onPressIn,\r\n    onPressOut,\r\n    onHoverIn,\r\n    onHoverOut,\r\n    onFocus,\r\n    onBlur,\r\n    _text,\r\n    _stack,\r\n    _spinner,\r\n    isLoadingText,\r\n    _icon,\r\n    ...resolvedProps\r\n  } = usePropsResolution('Button', props, {\r\n    isDisabled,\r\n    isHovered: isHoveredProp || isHovered,\r\n    isFocused: isFocusedProp || isFocused,\r\n    isPressed: isPressedProp || isPressed,\r\n    isLoading,\r\n    isFocusVisible: isFocusVisibleProp || isFocusVisible,\r\n  });\r\n\r\n  //TODO: refactor for responsive prop\r\n  if (useHasResponsiveProps(props)) {\r\n    return null;\r\n  }\r\n\r\n  if (leftIcon) {\r\n    startIcon = leftIcon;\r\n  }\r\n  if (rightIcon) {\r\n    endIcon = rightIcon;\r\n  }\r\n  if (endIcon && React.isValidElement(endIcon)) {\r\n    endIcon = React.Children.map(\r\n      endIcon,\r\n      (child: JSX.Element, index: number) => {\r\n        return React.cloneElement(child, {\r\n          key: `button-end-icon-${index}`,\r\n          ..._icon,\r\n          ...child.props,\r\n        });\r\n      }\r\n    );\r\n  }\r\n  if (startIcon && React.isValidElement(startIcon)) {\r\n    startIcon = React.Children.map(\r\n      startIcon,\r\n      (child: JSX.Element, index: number) => {\r\n        return React.cloneElement(child, {\r\n          key: `button-start-icon-${index}`,\r\n          ..._icon,\r\n          ...child.props,\r\n        });\r\n      }\r\n    );\r\n  }\r\n\r\n  const spinnerElement = spinner ? (\r\n    spinner\r\n  ) : (\r\n    <Spinner color={_text?.color} {..._spinner} />\r\n  );\r\n\r\n  const boxChildren = (child: any) => {\r\n    return child ? <Box _text={_text}>{child}</Box> : null;\r\n  };\r\n\r\n  return (\r\n    <Pressable\r\n      disabled={isDisabled || isLoading}\r\n      ref={ref}\r\n      onPressIn={composeEventHandlers(onPressIn, pressableProps.onPressIn)}\r\n      onPressOut={composeEventHandlers(onPressOut, pressableProps.onPressOut)}\r\n      // @ts-ignore - web only\r\n      onHoverIn={composeEventHandlers(onHoverIn, hoverProps.onHoverIn)}\r\n      // @ts-ignore - web only\r\n      onHoverOut={composeEventHandlers(onHoverOut, hoverProps.onHoverOut)}\r\n      // @ts-ignore - web only\r\n      onFocus={composeEventHandlers(\r\n        composeEventHandlers(onFocus, focusProps.onFocus),\r\n        focusRingProps.onFocus\r\n      )}\r\n      // @ts-ignore - web only\r\n      onBlur={composeEventHandlers(\r\n        composeEventHandlers(onBlur, focusProps.onBlur),\r\n        focusRingProps.onBlur\r\n      )}\r\n      {...resolvedProps}\r\n      accessibilityRole={props.accessibilityRole ?? 'button'}\r\n    >\r\n      <HStack {..._stack} test={true}>\r\n        {startIcon && !isLoading ? startIcon : null}\r\n        {isLoading && spinnerPlacement === 'start' ? spinnerElement : null}\r\n        {isLoading\r\n          ? isLoadingText\r\n            ? boxChildren(isLoadingText)\r\n            : null\r\n          : boxChildren(children)}\r\n\r\n        {endIcon && !isLoading ? endIcon : null}\r\n        {isLoading && spinnerPlacement === 'end' ? spinnerElement : null}\r\n      </HStack>\r\n    </Pressable>\r\n  );\r\n};\r\n\r\nexport default memo(forwardRef(Button));\r\n"]}

package/lib/module/components/primitives/Button/ButtonGroup.js

@@ -0,0 +1,85 @@
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+import React, { memo, forwardRef } from 'react';
+import { usePropsResolution } from '../../../hooks/useThemeProps';
+import { Stack } from '../Stack';
+import { useHasResponsiveProps } from '../../../hooks/useHasResponsiveProps';
+export default /*#__PURE__*/memo( /*#__PURE__*/forwardRef(({
+  children,
+  divider,
+  variant,
+  ...props
+}, ref) => {
+  const {
+    space,
+    direction,
+    size,
+    colorScheme,
+    isDisabled,
+    isAttached,
+    ...newProps
+  } = usePropsResolution('ButtonGroup', props);
+  const {
+    borderRadius
+  } = usePropsResolution('Button', props);
+  let computedChildren;
+
+  if (Array.isArray(children)) {
+    computedChildren = React.Children.toArray(children).map((child, index) => {
+      if (typeof child === 'string' || typeof child === 'number') return child;
+      return /*#__PURE__*/React.cloneElement(child, {
+        key: "button-group-child-".concat(index),
+        variant,
+        size,
+        colorScheme,
+        isDisabled,
+        // when buttons are attached, remove rounded corners of all buttons except extreme buttons
+        ...(isAttached ? {
+          borderRadius: 0
+        } : {}),
+        ...(isAttached && index === 0 ? direction === 'column' ? {
+          borderTopRadius: borderRadius
+        } : {
+          borderLeftRadius: borderRadius
+        } : {}),
+        ...(isAttached && index === (children === null || children === void 0 ? void 0 : children.length) - 1 ? direction === 'column' ? {
+          borderBottomRadius: borderRadius
+        } : {
+          borderRightRadius: borderRadius
+        } : {}),
+        //when buttons are attached, remove double border from them, just keep borderRight in case for direction row and borderBottom in case of direction column for every component
+        ...(isAttached && index !== 0 ? direction === 'column' ? {
+          borderTopWidth: 0
+        } : {
+          borderLeftWidth: 0
+        } : {}),
+        ...child.props
+      });
+    });
+  } else {
+    computedChildren = React.Children.toArray(children).map((child, index) => {
+      return /*#__PURE__*/React.cloneElement(child, {
+        key: "button-group-child-".concat(index),
+        variant,
+        size,
+        colorScheme,
+        isDisabled,
+        ...child.props
+      });
+    });
+  } //TODO: refactor for responsive prop
+
+
+  if (useHasResponsiveProps(props)) {
+    return null;
+  }
+
+  return /*#__PURE__*/React.createElement(Stack, _extends({
+    divider: divider,
+    space: isAttached ? 0 : space,
+    direction: direction
+  }, newProps, {
+    ref: ref
+  }), computedChildren);
+}));
+//# sourceMappingURL=ButtonGroup.js.map

package/lib/module/components/primitives/Button/ButtonGroup.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["ButtonGroup.tsx"],"names":["React","memo","forwardRef","usePropsResolution","Stack","useHasResponsiveProps","children","divider","variant","props","ref","space","direction","size","colorScheme","isDisabled","isAttached","newProps","borderRadius","computedChildren","Array","isArray","Children","toArray","map","child","index","cloneElement","key","borderTopRadius","borderLeftRadius","length","borderBottomRadius","borderRightRadius","borderTopWidth","borderLeftWidth"],"mappings":"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","sourcesContent":["import React, { memo, forwardRef } from 'react';\r\nimport type { IButtonGroupProps } from './types';\r\nimport { usePropsResolution } from '../../../hooks/useThemeProps';\r\nimport { Stack } from '../Stack';\r\nimport { useHasResponsiveProps } from '../../../hooks/useHasResponsiveProps';\r\n\r\nexport default memo(\r\n  forwardRef(\r\n    (\r\n      { children, divider, variant, ...props }: IButtonGroupProps,\r\n      ref?: any\r\n    ) => {\r\n      const {\r\n        space,\r\n        direction,\r\n\r\n        size,\r\n        colorScheme,\r\n        isDisabled,\r\n        isAttached,\r\n        ...newProps\r\n      } = usePropsResolution('ButtonGroup', props);\r\n\r\n      const { borderRadius } = usePropsResolution('Button', props);\r\n      let computedChildren;\r\n\r\n      if (Array.isArray(children)) {\r\n        computedChildren = React.Children.toArray(children).map(\r\n          (child: any, index: number) => {\r\n            if (typeof child === 'string' || typeof child === 'number')\r\n              return child;\r\n            return React.cloneElement(child, {\r\n              key: `button-group-child-${index}`,\r\n              variant,\r\n              size,\r\n              colorScheme,\r\n              isDisabled,\r\n\r\n              // when buttons are attached, remove rounded corners of all buttons except extreme buttons\r\n              ...(isAttached ? { borderRadius: 0 } : {}),\r\n              ...(isAttached && index === 0\r\n                ? direction === 'column'\r\n                  ? { borderTopRadius: borderRadius }\r\n                  : { borderLeftRadius: borderRadius }\r\n                : {}),\r\n              ...(isAttached && index === children?.length - 1\r\n                ? direction === 'column'\r\n                  ? { borderBottomRadius: borderRadius }\r\n                  : { borderRightRadius: borderRadius }\r\n                : {}),\r\n\r\n              //when buttons are attached, remove double border from them, just keep borderRight in case for direction row and borderBottom in case of direction column for every component\r\n              ...(isAttached && index !== 0\r\n                ? direction === 'column'\r\n                  ? { borderTopWidth: 0 }\r\n                  : { borderLeftWidth: 0 }\r\n                : {}),\r\n              ...child.props,\r\n            });\r\n          }\r\n        );\r\n      } else {\r\n        computedChildren = React.Children.toArray(children).map(\r\n          (child: any, index: number) => {\r\n            return React.cloneElement(child, {\r\n              key: `button-group-child-${index}`,\r\n              variant,\r\n              size,\r\n              colorScheme,\r\n              isDisabled,\r\n              ...child.props,\r\n            });\r\n          }\r\n        );\r\n      }\r\n      //TODO: refactor for responsive prop\r\n      if (useHasResponsiveProps(props)) {\r\n        return null;\r\n      }\r\n      return (\r\n        <Stack\r\n          divider={divider}\r\n          space={isAttached ? 0 : space}\r\n          direction={direction}\r\n          {...newProps}\r\n          ref={ref}\r\n        >\r\n          {computedChildren}\r\n        </Stack>\r\n      );\r\n    }\r\n  )\r\n);\r\n"]}

package/lib/module/components/primitives/Button/index.js

@@ -0,0 +1,8 @@
+import ButtonMain from './Button';
+import ButtonGroup from './ButtonGroup';
+const ButtonTemp = ButtonMain;
+ButtonTemp.Group = ButtonGroup; // To add typings
+
+const Button = ButtonTemp;
+export { Button };
+//# sourceMappingURL=index.js.map

package/lib/module/components/primitives/Button/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["index.tsx"],"names":["ButtonMain","ButtonGroup","ButtonTemp","Group","Button"],"mappings":"AAAA,OAAOA,UAAP,MAAuB,UAAvB;AACA,OAAOC,WAAP,MAAwB,eAAxB;AAGA,MAAMC,UAAe,GAAGF,UAAxB;AACAE,UAAU,CAACC,KAAX,GAAmBF,WAAnB,C,CAEA;;AACA,MAAMG,MAAM,GAAGF,UAAf;AAEA,SAASE,MAAT","sourcesContent":["import ButtonMain from './Button';\r\nimport ButtonGroup from './ButtonGroup';\r\nimport type { IButtonComponentType } from './types';\r\n\r\nconst ButtonTemp: any = ButtonMain;\r\nButtonTemp.Group = ButtonGroup;\r\n\r\n// To add typings\r\nconst Button = ButtonTemp as IButtonComponentType;\r\n\r\nexport { Button };\r\nexport type { IButtonGroupProps, IButtonProps } from './types';\r\n"]}

package/lib/module/components/primitives/Button/types.js

@@ -0,0 +1,2 @@
+
+//# sourceMappingURL=types.js.map

package/lib/module/components/primitives/Button/types.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","sourcesContent":[]}

package/lib/module/components/primitives/Checkbox/Checkbox.js

@@ -0,0 +1,163 @@
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+import React, { useContext, memo, forwardRef } from 'react'; //@ts-ignore
+
+import stableHash from 'stable-hash';
+import { Pressable } from '../Pressable';
+import { usePropsResolution } from '../../../hooks/useThemeProps';
+import { Center } from '../../composites/Center';
+import { useFormControlContext } from '../../composites/FormControl';
+import Box from '../Box';
+import { mergeRefs } from './../../../utils';
+import { useToggleState } from '@react-stately/toggle';
+import { CheckboxGroupContext } from './CheckboxGroup';
+import { useCheckbox, useCheckboxGroupItem } from '@react-native-aria/checkbox';
+import { useHasResponsiveProps } from '../../../hooks/useHasResponsiveProps';
+import { composeEventHandlers, combineContextAndProps } from '../../../utils';
+import { extractInObject, stylingProps } from '../../../theme/tools/utils';
+import { useHover, useFocus, useIsPressed } from '../../primitives/Pressable/Pressable';
+import SizedIcon from './SizedIcon';
+import { Stack } from '../Stack';
+import { wrapStringChild } from '../../../utils/wrapStringChild';
+
+const Checkbox = ({
+  wrapperRef,
+  isHovered: isHoveredProp,
+  isPressed: isPressedProp,
+  isFocused: isFocusedProp,
+  ...props
+}, ref) => {
+  const formControlContext = useFormControlContext();
+  const {
+    isInvalid,
+    isReadOnly,
+    isIndeterminate,
+    ...combinedProps
+  } = combineContextAndProps(formControlContext, props);
+  const checkboxGroupContext = useContext(CheckboxGroupContext);
+  const state = useToggleState({ ...combinedProps,
+    defaultSelected: combinedProps.defaultIsChecked,
+    isSelected: combinedProps.isChecked
+  });
+
+  const _ref = React.useRef();
+
+  const mergedRef = mergeRefs([ref, _ref]); // Swap hooks depending on whether this checkbox is inside a CheckboxGroup.
+  // This is a bit unorthodox. Typically, hooks cannot be called in a conditional,
+  // but since the checkbox won't move in and out of a group, it should be safe.
+
+  const {
+    inputProps: groupItemInputProps
+  } = checkboxGroupContext ? // eslint-disable-next-line react-hooks/rules-of-hooks
+  useCheckboxGroupItem(combinedProps, checkboxGroupContext.state, //@ts-ignore
+  mergedRef) : // eslint-disable-next-line react-hooks/rules-of-hooks
+  useCheckbox(combinedProps, state, //@ts-ignore
+  mergedRef); // eslint-disable-next-line react-hooks/exhaustive-deps
+
+  const inputProps = React.useMemo(() => groupItemInputProps, [groupItemInputProps.checked, groupItemInputProps.disabled]);
+  const contextCombinedProps = React.useMemo(() => {
+    return { ...checkboxGroupContext,
+      ...combinedProps
+    }; // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [stableHash(combinedProps)]);
+  return /*#__PURE__*/React.createElement(CheckboxComponent, {
+    inputProps: inputProps,
+    combinedProps: contextCombinedProps,
+    isInvalid: isInvalid,
+    isReadOnly: isReadOnly,
+    isIndeterminate: isIndeterminate,
+    isHovered: isHoveredProp,
+    isPressed: isPressedProp,
+    isFocused: isFocusedProp,
+    wrapperRef: wrapperRef
+  });
+};
+
+const CheckboxComponent = /*#__PURE__*/React.memo(({
+  wrapperRef,
+  inputProps,
+  combinedProps,
+  isInvalid,
+  isReadOnly,
+  isIndeterminate,
+  isHovered: isHoveredProp,
+  isPressed: isPressedProp,
+  isFocused: isFocusedProp
+}) => {
+  const _ref = React.useRef();
+
+  const {
+    hoverProps,
+    isHovered
+  } = useHover();
+  const {
+    pressableProps,
+    isPressed
+  } = useIsPressed();
+  const {
+    focusProps,
+    isFocused
+  } = useFocus();
+  const {
+    checked: isChecked,
+    disabled: isDisabled
+  } = inputProps;
+  const {
+    icon,
+    _interactionBox,
+    _icon,
+    _stack,
+    _text,
+    onPress,
+    onPressIn,
+    onPressOut,
+    onHoverIn,
+    onHoverOut,
+    onFocus,
+    onBlur,
+    ...resolvedProps
+  } = usePropsResolution('Checkbox', { ...combinedProps,
+    ...inputProps
+  }, {
+    isInvalid,
+    isReadOnly,
+    isIndeterminate,
+    isDisabled,
+    isChecked,
+    isHovered: isHoveredProp || isHovered,
+    isPressed: isPressedProp || isPressed,
+    isFocused: isFocusedProp || isFocused
+  });
+  const [layoutProps, nonLayoutProps] = extractInObject(resolvedProps, [...stylingProps.margin, ...stylingProps.layout, ...stylingProps.flexbox, ...stylingProps.position, '_text']);
+  const [accessibilityProps, nonAccessibilityProps] = extractInObject(nonLayoutProps, ['accessibilityRole', 'accessibilityState', 'accessibilityLabel', 'accessibilityHint']); //TODO: refactor for responsive prop
+
+  if (useHasResponsiveProps(resolvedProps)) {
+    return null;
+  }
+
+  return /*#__PURE__*/React.createElement(Pressable, _extends({
+    disabled: isDisabled
+  }, pressableProps, accessibilityProps, {
+    onPress: onPress,
+    ref: mergeRefs([_ref, wrapperRef]),
+    accessibilityRole: "checkbox",
+    onPressIn: composeEventHandlers(onPressIn, pressableProps.onPressIn),
+    onPressOut: composeEventHandlers(onPressOut, pressableProps.onPressOut) // @ts-ignore - web only
+    ,
+    onHoverIn: composeEventHandlers(onHoverIn, hoverProps.onHoverIn) // @ts-ignore - web only
+    ,
+    onHoverOut: composeEventHandlers(onHoverOut, hoverProps.onHoverOut) // @ts-ignore - web only
+    ,
+    onFocus: composeEventHandlers(composeEventHandlers(onFocus, focusProps.onFocus) // focusRingProps.onFocu
+    ) // @ts-ignore - web only
+    ,
+    onBlur: composeEventHandlers(composeEventHandlers(onBlur, focusProps.onBlur) // focusRingProps.onBlur
+    )
+  }), /*#__PURE__*/React.createElement(Stack, _extends({}, layoutProps, _stack), /*#__PURE__*/React.createElement(Center, null, /*#__PURE__*/React.createElement(Box, _interactionBox), /*#__PURE__*/React.createElement(Center, nonAccessibilityProps, /*#__PURE__*/React.createElement(SizedIcon, {
+    icon: icon,
+    _icon: _icon,
+    isChecked: isChecked
+  }))), wrapStringChild(combinedProps.children, _text)));
+});
+export default /*#__PURE__*/memo( /*#__PURE__*/forwardRef(Checkbox));
+//# sourceMappingURL=Checkbox.js.map

package/lib/module/components/primitives/Checkbox/Checkbox.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["Checkbox.tsx"],"names":["React","useContext","memo","forwardRef","stableHash","Pressable","usePropsResolution","Center","useFormControlContext","Box","mergeRefs","useToggleState","CheckboxGroupContext","useCheckbox","useCheckboxGroupItem","useHasResponsiveProps","composeEventHandlers","combineContextAndProps","extractInObject","stylingProps","useHover","useFocus","useIsPressed","SizedIcon","Stack","wrapStringChild","Checkbox","wrapperRef","isHovered","isHoveredProp","isPressed","isPressedProp","isFocused","isFocusedProp","props","ref","formControlContext","isInvalid","isReadOnly","isIndeterminate","combinedProps","checkboxGroupContext","state","defaultSelected","defaultIsChecked","isSelected","isChecked","_ref","useRef","mergedRef","inputProps","groupItemInputProps","useMemo","checked","disabled","contextCombinedProps","CheckboxComponent","hoverProps","pressableProps","focusProps","isDisabled","icon","_interactionBox","_icon","_stack","_text","onPress","onPressIn","onPressOut","onHoverIn","onHoverOut","onFocus","onBlur","resolvedProps","layoutProps","nonLayoutProps","margin","layout","flexbox","position","accessibilityProps","nonAccessibilityProps","children"],"mappings":"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","sourcesContent":["import React, { useContext, memo, forwardRef } from 'react';\r\n//@ts-ignore\r\nimport stableHash from 'stable-hash';\r\nimport { Pressable, IPressableProps } from '../Pressable';\r\nimport { usePropsResolution } from '../../../hooks/useThemeProps';\r\nimport { Center } from '../../composites/Center';\r\nimport { useFormControlContext } from '../../composites/FormControl';\r\nimport Box from '../Box';\r\nimport { mergeRefs } from './../../../utils';\r\nimport type { ICheckboxProps } from './types';\r\nimport { useToggleState } from '@react-stately/toggle';\r\nimport { CheckboxGroupContext } from './CheckboxGroup';\r\nimport { useCheckbox, useCheckboxGroupItem } from '@react-native-aria/checkbox';\r\nimport { useHasResponsiveProps } from '../../../hooks/useHasResponsiveProps';\r\nimport { composeEventHandlers, combineContextAndProps } from '../../../utils';\r\nimport { extractInObject, stylingProps } from '../../../theme/tools/utils';\r\nimport {\r\n  useHover,\r\n  useFocus,\r\n  useIsPressed,\r\n} from '../../primitives/Pressable/Pressable';\r\nimport SizedIcon from './SizedIcon';\r\nimport { Stack } from '../Stack';\r\nimport { wrapStringChild } from '../../../utils/wrapStringChild';\r\n\r\nconst Checkbox = (\r\n  {\r\n    wrapperRef,\r\n    isHovered: isHoveredProp,\r\n    isPressed: isPressedProp,\r\n    isFocused: isFocusedProp,\r\n    ...props\r\n  }: ICheckboxProps,\r\n  ref: any\r\n) => {\r\n  const formControlContext = useFormControlContext();\r\n\r\n  const {\r\n    isInvalid,\r\n    isReadOnly,\r\n    isIndeterminate,\r\n    ...combinedProps\r\n  } = combineContextAndProps(formControlContext, props);\r\n\r\n  const checkboxGroupContext = useContext(CheckboxGroupContext);\r\n  const state = useToggleState({\r\n    ...combinedProps,\r\n    defaultSelected: combinedProps.defaultIsChecked,\r\n    isSelected: combinedProps.isChecked,\r\n  });\r\n  const _ref = React.useRef();\r\n  const mergedRef = mergeRefs([ref, _ref]);\r\n\r\n  // Swap hooks depending on whether this checkbox is inside a CheckboxGroup.\r\n  // This is a bit unorthodox. Typically, hooks cannot be called in a conditional,\r\n  // but since the checkbox won't move in and out of a group, it should be safe.\r\n  const { inputProps: groupItemInputProps } = checkboxGroupContext\r\n    ? // eslint-disable-next-line react-hooks/rules-of-hooks\r\n      useCheckboxGroupItem(\r\n        combinedProps,\r\n        checkboxGroupContext.state,\r\n        //@ts-ignore\r\n        mergedRef\r\n      )\r\n    : // eslint-disable-next-line react-hooks/rules-of-hooks\r\n      useCheckbox(\r\n        combinedProps,\r\n        state,\r\n        //@ts-ignore\r\n        mergedRef\r\n      );\r\n\r\n  // eslint-disable-next-line react-hooks/exhaustive-deps\r\n  const inputProps = React.useMemo(() => groupItemInputProps, [\r\n    groupItemInputProps.checked,\r\n    groupItemInputProps.disabled,\r\n  ]);\r\n\r\n  const contextCombinedProps = React.useMemo(() => {\r\n    return { ...checkboxGroupContext, ...combinedProps };\r\n    // eslint-disable-next-line react-hooks/exhaustive-deps\r\n  }, [stableHash(combinedProps)]);\r\n\r\n  return (\r\n    <CheckboxComponent\r\n      inputProps={inputProps}\r\n      combinedProps={contextCombinedProps}\r\n      isInvalid={isInvalid}\r\n      isReadOnly={isReadOnly}\r\n      isIndeterminate={isIndeterminate}\r\n      isHovered={isHoveredProp}\r\n      isPressed={isPressedProp}\r\n      isFocused={isFocusedProp}\r\n      wrapperRef={wrapperRef}\r\n    />\r\n  );\r\n};\r\nconst CheckboxComponent = React.memo(\r\n  ({\r\n    wrapperRef,\r\n    inputProps,\r\n    combinedProps,\r\n    isInvalid,\r\n    isReadOnly,\r\n    isIndeterminate,\r\n    isHovered: isHoveredProp,\r\n    isPressed: isPressedProp,\r\n    isFocused: isFocusedProp,\r\n  }: any) => {\r\n    const _ref = React.useRef();\r\n    const { hoverProps, isHovered } = useHover();\r\n    const { pressableProps, isPressed } = useIsPressed();\r\n    const { focusProps, isFocused } = useFocus();\r\n\r\n    const { checked: isChecked, disabled: isDisabled } = inputProps;\r\n\r\n    const {\r\n      icon,\r\n      _interactionBox,\r\n      _icon,\r\n      _stack,\r\n      _text,\r\n      onPress,\r\n      onPressIn,\r\n      onPressOut,\r\n      onHoverIn,\r\n      onHoverOut,\r\n      onFocus,\r\n      onBlur,\r\n      ...resolvedProps\r\n    } = usePropsResolution(\r\n      'Checkbox',\r\n      { ...combinedProps, ...inputProps },\r\n      {\r\n        isInvalid,\r\n        isReadOnly,\r\n        isIndeterminate,\r\n        isDisabled,\r\n        isChecked,\r\n        isHovered: isHoveredProp || isHovered,\r\n        isPressed: isPressedProp || isPressed,\r\n        isFocused: isFocusedProp || isFocused,\r\n      }\r\n    );\r\n\r\n    const [layoutProps, nonLayoutProps] = extractInObject(resolvedProps, [\r\n      ...stylingProps.margin,\r\n      ...stylingProps.layout,\r\n      ...stylingProps.flexbox,\r\n      ...stylingProps.position,\r\n      '_text',\r\n    ]);\r\n\r\n    const [\r\n      accessibilityProps,\r\n      nonAccessibilityProps,\r\n    ] = extractInObject(nonLayoutProps, [\r\n      'accessibilityRole',\r\n      'accessibilityState',\r\n      'accessibilityLabel',\r\n      'accessibilityHint',\r\n    ]);\r\n\r\n    //TODO: refactor for responsive prop\r\n    if (useHasResponsiveProps(resolvedProps)) {\r\n      return null;\r\n    }\r\n\r\n    return (\r\n      <Pressable\r\n        disabled={isDisabled}\r\n        {...(pressableProps as IPressableProps)}\r\n        {...accessibilityProps}\r\n        onPress={onPress}\r\n        ref={mergeRefs([_ref, wrapperRef])}\r\n        accessibilityRole=\"checkbox\"\r\n        onPressIn={composeEventHandlers(onPressIn, pressableProps.onPressIn)}\r\n        onPressOut={composeEventHandlers(onPressOut, pressableProps.onPressOut)}\r\n        // @ts-ignore - web only\r\n        onHoverIn={composeEventHandlers(onHoverIn, hoverProps.onHoverIn)}\r\n        // @ts-ignore - web only\r\n        onHoverOut={composeEventHandlers(onHoverOut, hoverProps.onHoverOut)}\r\n        // @ts-ignore - web only\r\n        onFocus={composeEventHandlers(\r\n          composeEventHandlers(onFocus, focusProps.onFocus)\r\n          // focusRingProps.onFocu\r\n        )}\r\n        // @ts-ignore - web only\r\n        onBlur={composeEventHandlers(\r\n          composeEventHandlers(onBlur, focusProps.onBlur)\r\n          // focusRingProps.onBlur\r\n        )}\r\n      >\r\n        <Stack {...layoutProps} {..._stack}>\r\n          <Center>\r\n            {/* Interaction Wrapper */}\r\n            <Box {..._interactionBox} />\r\n            {/* Checkbox */}\r\n            <Center {...nonAccessibilityProps}>\r\n              <SizedIcon icon={icon} _icon={_icon} isChecked={isChecked} />\r\n            </Center>\r\n          </Center>\r\n          {/* Label */}\r\n          {wrapStringChild(combinedProps.children, _text)}\r\n        </Stack>\r\n      </Pressable>\r\n    );\r\n  }\r\n);\r\n\r\nexport default memo(forwardRef(Checkbox));\r\n"]}