npm - @react-native-ohos/native-base - Versions diffs - 3.4.29-rc.1 → 3.4.29-rc.3 - Mend

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

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

Files changed (2296) hide show

package/lib/module/components/composites/index.js CHANGED Viewed

@@ -13,6 +13,7 @@ export { useToast, Toast } from './Toast';
 export { default as Divider } from './Divider';
 export { default as Progress } from './Progress';
 // export { default as Stat } from './Stat';
 export { Skeleton } from './Skeleton';
 export { Accordion } from './Accordion';
 export { FormControl, useFormControlContext } from './FormControl';
@@ -23,6 +24,7 @@ export { default as Code } from './Code';
 export { Center, Square, Circle } from './Center';
 export { default as Wrap } from './Wrap';
 // export type { IToastProps } from './Toast';
 export { PinInput } from './PinInput';
 export * from './Transitions';
 export { default as Collapse } from './Collapse';

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

	@@ -1 +1 @@
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"]}
1	+ {"version":3,"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"],"sources":["index.ts"],"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"],"mappings":"AAAA,SAASA,OAAO,IAAIC,WAAW,QAAQ,eAAe;AAGtD,SAASD,OAAO,IAAIE,KAAK,QAAQ,SAAS;AAG1C,SAASF,OAAO,IAAIG,IAAI,QAAQ,QAAQ;AAGxC,SAASH,OAAO,IAAII,UAAU,QAAQ,cAAc;AAGpD,SAASC,KAAK,QAAQ,SAAS;AAG/B,SAASC,MAAM,QAAQ,UAAU;AAGjC,SAASC,UAAU,QAAQ,cAAc;AAGzC,SAASP,OAAO,IAAIQ,QAAQ,QAAQ,YAAY;AAEhD,SAASR,OAAO,IAAIS,SAAS,QAAQ,aAAa;AAGlD,SAASC,KAAK,QAAQ,SAAS;AAE/B,SAASV,OAAO,IAAIW,MAAM,QAAQ,UAAU;AAG5C,SAASC,QAAQ,EAAEC,KAAK,QAAQ,SAAS;AAGzC,SAASb,OAAO,IAAIc,OAAO,QAAQ,WAAW;AAG9C,SAASd,OAAO,IAAIe,QAAQ,QAAQ,YAAY;AAGhD;;AAEA,SAASC,QAAQ,QAAQ,YAAY;AAGrC,SAASC,SAAS,QAAQ,aAAa;AAWvC,SAASC,WAAW,EAAEC,qBAAqB,QAAQ,eAAe;AASlE,SACEC,WAAW,EACXC,gBAAgB,EAChBC,kBAAkB,EAClBC,sBAAsB,EACtBC,sBAAsB,QACjB,eAAe;AAStB,SAASxB,OAAO,IAAIyB,GAAG,QAAQ,OAAO;AAGtC,SAASzB,OAAO,IAAI0B,GAAG,QAAQ,OAAO;AAGtC,SAAS1B,OAAO,IAAI2B,IAAI,QAAQ,QAAQ;AAExC,SAASC,MAAM,EAAEC,MAAM,EAAEC,MAAM,QAAQ,UAAU;AAGjD,SAAS9B,OAAO,IAAI+B,IAAI,QAAQ,QAAQ;AAGxC;;AAEA,SAASC,QAAQ,QAAQ,YAAY;AAGrC,cAAc,eAAe;AAQ7B,SAAShC,OAAO,IAAIiC,QAAQ,QAAQ,YAAY;AAChD,SAASjC,OAAO,IAAIkC,gBAAgB,QAAQ,oBAAoB;AAEhE,SAASC,OAAO,QAAQ,WAAW;AACnC,SAASC,OAAO,QAAQ,WAAW;AAKnC,SAASC,WAAW,QAAQ,eAAe;AAG3C,SAASC,IAAI,QAAQ,QAAQ;AAS7B,SAASC,UAAU,QAAQ,cAAc;AAGzC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,SAASC,SAAS,QAAQ,aAAa;AAGvC,SAASC,WAAW,QAAQ,eAAe;AAO3C;AACA,SAASC,GAAG,QAAQ,OAAO;AAE3B,SAASC,SAAS,EAAEC,YAAY,QAAQ,aAAa","ignoreList":[]}

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

@@ -1,5 +1,4 @@
-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); }
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
 import React, { memo, forwardRef } from 'react';
 import { View } from 'react-native';
 import { usePropsResolution } from '../../../hooks/useThemeProps';
@@ -12,13 +11,11 @@ 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 {
@@ -26,24 +23,20 @@ const Box = ({
     ...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
+  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);
@@ -56,21 +49,18 @@ const Box = ({
         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];
@@ -85,11 +75,9 @@ const Box = ({
       }), wrapStringChild(children, _text));
     }
   }
   return /*#__PURE__*/React.createElement(StyledBox, _extends({
     ref: ref
   }, safeAreaProps), wrapStringChild(children, _text));
 };
-export default /*#__PURE__*/memo( /*#__PURE__*/forwardRef(Box));
+export default /*#__PURE__*/memo(/*#__PURE__*/forwardRef(Box));
 //# sourceMappingURL=index.js.map

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

	@@ -1 +1 @@
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"]}
1	+ {"version":3,"names":["React","memo","forwardRef","View","usePropsResolution","getColor","useTheme","makeStyledComponent","wrapStringChild","useSafeArea","useNativeBaseConfig","useHasResponsiveProps","StyledBox","MemoizedGradient","Box","children","props","ref","_useNativeBaseConfig$","_resolvedProps$bg","_resolvedProps$backgr","_resolvedProps$bgColo","_resolvedProps$backgr2","theme","_text","resolvedProps","Gradient","config","dependencies","safeAreaProps","bg","linearGradient","background","bgColor","backgroundColor","_resolvedProps$bg2","_resolvedProps$backgr3","_resolvedProps$bgColo2","_resolvedProps$backgr4","lgrad","_lgrad$colors","colors","map","color","startObj","x","y","endObj","start","length","end","backgroundColorProps","forEach","backgroundColorProp","createElement","_extends","locations"],"sources":["index.tsx"],"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"],"mappings":"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","ignoreList":[]}

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

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

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

	@@ -1 +1 @@
1	- {"version":3,"sources":[],"~~names~~":[],"mappings":"","~~sourcesContent~~":[]}
1	+ {"version":3,"names":[],"sources":["types.ts"],"sourcesContent":["import type { ViewProps } from 'react-native';\r\nimport type { StyledProps } from '../../../theme/types';\r\nimport type {\r\n SafeAreaProps,\r\n PlatformProps,\r\n ResponsiveValue,\r\n ColorType,\r\n CustomProps,\r\n} from '../../types';\r\nimport type { ITextProps } from './../Text/types';\r\n\r\nexport interface ILinearGradientProps {\r\n linearGradient?: {\r\n colors: Array<string>;\r\n start?: Array<number>;\r\n end?: Array<number>;\r\n locations?: Array<number>;\r\n };\r\n}\r\n\r\nexport interface InterfaceBoxProps<T = null>\r\n extends ViewProps,\r\n SafeAreaProps,\r\n PlatformProps<T extends null ? IBoxProps<any> : T>,\r\n Omit<StyledProps, 'bgColor' \| 'background' \| 'bg' \| 'backgroundColor'> {\r\n /*\r\n Renders components as Box children. Accepts a JSX.Element or an array of JSX.Element. /\r\n children?: JSX.Element \| JSX.Element[] \| string \| any;\r\n // /\r\n // Applies box shadow and accepts a number from 0 to 9\r\n // * @default 0\r\n // /\r\n // shadow?: number;\r\n /\r\n For providing props to Text inside Box\r\n */\r\n _text?: Partial<ITextProps>;\r\n bg?: ResponsiveValue<ColorType \| (string & {}) \| ILinearGradientProps>;\r\n background?: ResponsiveValue<\r\n ColorType \| (string & {}) \| ILinearGradientProps\r\n >;\r\n bgColor?: ResponsiveValue<ColorType \| (string & {}) \| ILinearGradientProps>;\r\n backgroundColor?: ResponsiveValue<\r\n ColorType \| (string & {}) \| ILinearGradientProps\r\n >;\r\n // gap?: ResponsiveValue<number \| string>;\r\n}\r\n\r\nexport type IBoxProps<T = null> = InterfaceBoxProps<T> & CustomProps<'Box'>;\r\n"],"mappings":"","ignoreList":[]}

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

@@ -1,5 +1,4 @@
-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); }
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
 import React, { memo, forwardRef } from 'react';
 import Spinner from '../Spinner';
 import { usePropsResolution } from '../../../hooks/useThemeProps';
@@ -10,7 +9,6 @@ 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,
@@ -29,7 +27,6 @@ const Button = ({
   ...props
 }, ref) => {
   var _props$accessibilityR;
   const {
     hoverProps,
     isHovered
@@ -66,61 +63,59 @@ const Button = ({
     isPressed: isPressedProp || isPressed,
     isLoading,
     isFocusVisible: isFocusVisibleProp || isFocusVisible
-  }); //TODO: refactor for responsive prop
+  });
+  //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),
+        key: `button-end-icon-${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),
+        key: `button-start-icon-${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
+    onPressOut: composeEventHandlers(onPressOut, pressableProps.onPressOut)
+    // @ts-ignore - web only
     ,
-    onHoverIn: composeEventHandlers(onHoverIn, hoverProps.onHoverIn) // @ts-ignore - web only
+    onHoverIn: composeEventHandlers(onHoverIn, hoverProps.onHoverIn)
+    // @ts-ignore - web only
     ,
-    onHoverOut: composeEventHandlers(onHoverOut, hoverProps.onHoverOut) // @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
+    onFocus: composeEventHandlers(composeEventHandlers(onFocus, focusProps.onFocus), focusRingProps.onFocus)
+    // @ts-ignore - web only
     ,
     onBlur: composeEventHandlers(composeEventHandlers(onBlur, focusProps.onBlur), focusRingProps.onBlur)
   }, resolvedProps, {
@@ -129,6 +124,5 @@ const Button = ({
     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));
+export default /*#__PURE__*/memo(/*#__PURE__*/forwardRef(Button));
 //# sourceMappingURL=Button.js.map

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

	@@ -1 +1 @@
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"]}
1	+ {"version":3,"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","_props$accessibilityR","hoverProps","pressableProps","focusProps","focusRingProps","onPressIn","onPressOut","onHoverIn","onHoverOut","onFocus","onBlur","_text","_stack","_spinner","isLoadingText","_icon","resolvedProps","isValidElement","Children","map","child","index","cloneElement","key","spinnerElement","createElement","_extends","color","boxChildren","disabled","accessibilityRole","test"],"sources":["Button.tsx"],"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"],"mappings":"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","ignoreList":[]}

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

@@ -1,10 +1,9 @@
-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); }
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, 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(({
+export default /*#__PURE__*/memo(/*#__PURE__*/forwardRef(({
   children,
   divider,
   variant,
@@ -23,12 +22,11 @@ export default /*#__PURE__*/memo( /*#__PURE__*/forwardRef(({
     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),
+        key: `button-group-child-${index}`,
         variant,
         size,
         colorScheme,
@@ -59,7 +57,7 @@ export default /*#__PURE__*/memo( /*#__PURE__*/forwardRef(({
   } else {
     computedChildren = React.Children.toArray(children).map((child, index) => {
       return /*#__PURE__*/React.cloneElement(child, {
-        key: "button-group-child-".concat(index),
+        key: `button-group-child-${index}`,
         variant,
         size,
         colorScheme,
@@ -67,13 +65,11 @@ export default /*#__PURE__*/memo( /*#__PURE__*/forwardRef(({
         ...child.props
       });
     });
-  } //TODO: refactor for responsive prop
+  }
+  //TODO: refactor for responsive prop
   if (useHasResponsiveProps(props)) {
     return null;
   }
   return /*#__PURE__*/React.createElement(Stack, _extends({
     divider: divider,
     space: isAttached ? 0 : space,

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

	@@ -1 +1 @@
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"]}
1	+ {"version":3,"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","createElement","_extends"],"sources":["ButtonGroup.tsx"],"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"],"mappings":"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","ignoreList":[]}

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

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

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

	@@ -1 +1 @@
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"]}
1	+ {"version":3,"names":["ButtonMain","ButtonGroup","ButtonTemp","Group","Button"],"sources":["index.tsx"],"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"],"mappings":"AAAA,OAAOA,UAAU,MAAM,UAAU;AACjC,OAAOC,WAAW,MAAM,eAAe;AAGvC,MAAMC,UAAe,GAAGF,UAAU;AAClCE,UAAU,CAACC,KAAK,GAAGF,WAAW;;AAE9B;AACA,MAAMG,MAAM,GAAGF,UAAkC;AAEjD,SAASE,MAAM","ignoreList":[]}

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

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

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

	@@ -1 +1 @@
1	- {"version":3,"sources":[],"~~names~~":[],"mappings":"","~~sourcesContent~~":[]}
1	+ {"version":3,"names":[],"sources":["types.ts"],"sourcesContent":["import type { ITextProps } from './../Text/types';\r\nimport type { IStackProps } from '../Stack';\r\nimport type { ResponsiveValue } from '../../types';\r\nimport type { MutableRefObject } from 'react';\r\nimport type { ISizes } from '../../../theme/base/sizes';\r\nimport type {\r\n ThemeComponentSizeType,\r\n CustomProps,\r\n VariantType,\r\n // VariantType,\r\n // VariantTypeTest,\r\n} from '../../../components/types/utils';\r\nimport type { ISpinnerProps } from '../Spinner/types';\r\nimport type { IIconProps } from '../Icon';\r\nimport type { InterfacePressableProps } from '../Pressable/types';\r\nimport type { ColorSchemeType } from '../../../components/types';\r\n\r\n// const myFunction = ({ a, b }) => {\r\n// return { a: a, b: b };\r\n// };\r\n\r\n// type returnType = ReturnType<typeof myFunction>;\r\n// type parameter = Parameters<typeof myFunction>[0];\r\n\r\n// type newparameter = keyof parameter;\r\n// const a: parameter =\r\n// type parameter = Para<typeof myFunction>;\r\n// type buttonVariant = VariantTypeTest<'Button'>;\r\n// Todo: Create underscore Props section on docs.\r\n// _hover?: IButtonProps;\r\n\r\nexport interface InterfaceButtonProps\r\n extends InterfacePressableProps<IButtonProps> {\r\n /*\r\n The color of the radio when it's checked. This should be one of the color keys in the theme (e.g.\"green\", \"red\").\r\n * @default 'primary'\r\n /\r\n colorScheme?: ColorSchemeType;\r\n /\r\n The variant of the button style to use.\r\n * @default 'solid'\r\n /\r\n variant?: VariantType<'Button'>;\r\n /\r\n If true, the button will show a spinner.\r\n /\r\n isLoading?: boolean;\r\n /\r\n If true, the button will be in hovered state.\r\n /\r\n isHovered?: boolean;\r\n /\r\n If true, the button will be in pressed state.\r\n /\r\n isPressed?: boolean;\r\n /\r\n If true, the button will be focused.\r\n /\r\n isFocused?: boolean;\r\n /\r\n If true, the button focus ring will be visible.\r\n /\r\n isFocusVisible?: boolean;\r\n /\r\n The size of the button.\r\n /\r\n size?: ThemeComponentSizeType<'Button'>;\r\n // size?: SizeType;\r\n /\r\n The start icon element to use in the button.\r\n /\r\n startIcon?: JSX.Element \| Array<JSX.Element>;\r\n /\r\n The end icon element to use in the button.\r\n /\r\n endIcon?: JSX.Element \| Array<JSX.Element>;\r\n /\r\n The end icon element to use in the button.\r\n /\r\n isLoadingText?: string;\r\n /\r\n The spinner element to use when isLoading is set to true.\r\n /\r\n spinner?: JSX.Element;\r\n /\r\n If true, the button will be disabled.\r\n /\r\n isDisabled?: boolean;\r\n /\r\n Props to style the child text\r\n /\r\n _text?: Partial<ITextProps>;\r\n /\r\n Props to be passed to the HStack used inside of Button.\r\n /\r\n _stack?: Partial<IStackProps>;\r\n /\r\n Props to be passed to the Icon used inside of Button.\r\n /\r\n _icon?: Partial<IIconProps>;\r\n /\r\n Prop to decide placement of spinner.\r\n /\r\n spinnerPlacement?: 'start' \| 'end';\r\n /\r\n Props to be passed to the button when isLoading is true.\r\n /\r\n _loading?: Partial<IButtonProps>;\r\n /\r\n Props to be passed to the button when button is disabled.\r\n /\r\n _disabled?: Partial<IButtonProps>;\r\n /\r\n Props to be passed to the spinner when isLoading is true.\r\n /\r\n _spinner?: Partial<ISpinnerProps>;\r\n /\r\n Props to be passed to the button when button is hovered.\r\n /\r\n _hover?: Partial<IButtonProps>;\r\n /\r\n Props to be passed to the button when button is pressed.\r\n /\r\n _pressed?: Partial<IButtonProps>;\r\n /\r\n Props to be passed to the button when button is focused.\r\n /\r\n _focus?: Partial<IButtonProps>;\r\n /\r\n The right icon element to use in the button.\r\n /\r\n rightIcon?: JSX.Element \| Array<JSX.Element>;\r\n /\r\n The left icon element to use in the button.\r\n /\r\n leftIcon?: JSX.Element \| Array<JSX.Element>;\r\n}\r\n\r\nexport interface IButtonGroupProps extends IStackProps {\r\n /\r\n The direction of the Stack Items.\r\n * @default row\r\n /\r\n direction?: 'column' \| 'row';\r\n /\r\n \r\n /\r\n children: JSX.Element \| Array<JSX.Element>;\r\n /\r\n The variant of the button style to use.\r\n * @default 'solid'\r\n /\r\n variant?: ResponsiveValue<\r\n 'ghost' \| 'outline' \| 'solid' \| 'link' \| 'unstyled' \| 'subtle'\r\n >;\r\n /\r\n The start icon element to use in the button.\r\n /\r\n\r\n size?: ResponsiveValue<ISizes \| (string & {}) \| number>;\r\n\r\n /\r\n The color of the radio when it's checked. This should be one of the color keys in the theme (e.g.\"green\", \"red\").\r\n * @default 'primary'\r\n /\r\n colorScheme?: ColorSchemeType;\r\n /\r\n If true, the button will be disabled.\r\n /\r\n isDisabled?: boolean;\r\n /\r\n If true, button will be atttached together.\r\n */\r\n isAttached?: boolean;\r\n}\r\n\r\nexport type IButtonComponentType = ((\r\n props: IButtonProps & { ref?: MutableRefObject<any> }\r\n) => JSX.Element) & {\r\n Group: React.MemoExoticComponent<\r\n (props: IButtonGroupProps & { ref?: MutableRefObject<any> }) => JSX.Element\r\n >;\r\n};\r\n\r\nexport type IButtonProps = InterfaceButtonProps & CustomProps<'Button'>;\r\n"],"mappings":"","ignoreList":[]}

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

@@ -1,7 +1,6 @@
-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
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+import React, { useContext, memo, forwardRef } from 'react';
+//@ts-ignore
 import stableHash from 'stable-hash';
 import { Pressable } from '../Pressable';
 import { usePropsResolution } from '../../../hooks/useThemeProps';
@@ -19,7 +18,6 @@ import { useHover, useFocus, useIsPressed } from '../../primitives/Pressable/Pre
 import SizedIcon from './SizedIcon';
 import { Stack } from '../Stack';
 import { wrapStringChild } from '../../../utils/wrapStringChild';
 const Checkbox = ({
   wrapperRef,
   isHovered: isHoveredProp,
@@ -35,30 +33,37 @@ const Checkbox = ({
     ...combinedProps
   } = combineContextAndProps(formControlContext, props);
   const checkboxGroupContext = useContext(CheckboxGroupContext);
-  const state = useToggleState({ ...combinedProps,
+  const state = useToggleState({
+    ...combinedProps,
     defaultSelected: combinedProps.defaultIsChecked,
     isSelected: combinedProps.isChecked
   });
   const _ref = React.useRef();
+  const mergedRef = mergeRefs([ref, _ref]);
-  const mergedRef = mergeRefs([ref, _ref]); // Swap hooks depending on whether this checkbox is inside a CheckboxGroup.
+  // 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
+  } = 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,
+    return {
+      ...checkboxGroupContext,
       ...combinedProps
-    }; // eslint-disable-next-line react-hooks/exhaustive-deps
+    };
+    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [stableHash(combinedProps)]);
   return /*#__PURE__*/React.createElement(CheckboxComponent, {
     inputProps: inputProps,
@@ -72,7 +77,6 @@ const Checkbox = ({
     wrapperRef: wrapperRef
   });
 };
 const CheckboxComponent = /*#__PURE__*/React.memo(({
   wrapperRef,
   inputProps,
@@ -85,7 +89,6 @@ const CheckboxComponent = /*#__PURE__*/React.memo(({
   isFocused: isFocusedProp
 }) => {
   const _ref = React.useRef();
   const {
     hoverProps,
     isHovered
@@ -116,7 +119,8 @@ const CheckboxComponent = /*#__PURE__*/React.memo(({
     onFocus,
     onBlur,
     ...resolvedProps
-  } = usePropsResolution('Checkbox', { ...combinedProps,
+  } = usePropsResolution('Checkbox', {
+    ...combinedProps,
     ...inputProps
   }, {
     isInvalid,
@@ -129,12 +133,12 @@ const CheckboxComponent = /*#__PURE__*/React.memo(({
     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
+  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, {
@@ -142,16 +146,22 @@ const CheckboxComponent = /*#__PURE__*/React.memo(({
     ref: mergeRefs([_ref, wrapperRef]),
     accessibilityRole: "checkbox",
     onPressIn: composeEventHandlers(onPressIn, pressableProps.onPressIn),
-    onPressOut: composeEventHandlers(onPressOut, pressableProps.onPressOut) // @ts-ignore - web only
+    onPressOut: composeEventHandlers(onPressOut, pressableProps.onPressOut)
+    // @ts-ignore - web only
     ,
-    onHoverIn: composeEventHandlers(onHoverIn, hoverProps.onHoverIn) // @ts-ignore - web only
+    onHoverIn: composeEventHandlers(onHoverIn, hoverProps.onHoverIn)
+    // @ts-ignore - web only
     ,
-    onHoverOut: composeEventHandlers(onHoverOut, hoverProps.onHoverOut) // @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
+    onFocus: composeEventHandlers(composeEventHandlers(onFocus, focusProps.onFocus)
+    // focusRingProps.onFocu
+    )
+    // @ts-ignore - web only
     ,
-    onBlur: composeEventHandlers(composeEventHandlers(onBlur, focusProps.onBlur) // focusRingProps.onBlur
+    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,
@@ -159,5 +169,5 @@ const CheckboxComponent = /*#__PURE__*/React.memo(({
     isChecked: isChecked
   }))), wrapStringChild(combinedProps.children, _text)));
 });
-export default /*#__PURE__*/memo( /*#__PURE__*/forwardRef(Checkbox));
+export default /*#__PURE__*/memo(/*#__PURE__*/forwardRef(Checkbox));
 //# sourceMappingURL=Checkbox.js.map