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/Popper/Popper.js CHANGED Viewed

@@ -1,25 +1,20 @@
-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 from 'react';
 import { useOverlayPosition } from '@react-native-aria/overlays';
 import { StyleSheet, View } from 'react-native';
 import { createContext } from '../../../utils';
-import Box from '../../primitives/Box'; // import { useSafeAreaInsets } from 'react-native-safe-area-context';
+import Box from '../../primitives/Box';
+// import { useSafeAreaInsets } from 'react-native-safe-area-context';
 import { useHasResponsiveProps } from '../../../hooks/useHasResponsiveProps';
 const defaultArrowHeight = 15;
 const defaultArrowWidth = 15;
 const getDiagonalLength = (height, width) => {
   return Math.pow(height * height + width * width, 0.5);
 };
 const [PopperProvider, usePopperContext] = createContext('PopperContext');
 const Popper = props => {
   return /*#__PURE__*/React.createElement(PopperProvider, props, props.children);
 };
 const PopperContent = /*#__PURE__*/React.forwardRef(({
   children,
   style,
@@ -35,8 +30,9 @@ const PopperContent = /*#__PURE__*/React.forwardRef(({
     shouldOverlapWithTrigger,
     setOverlayRef
   } = usePopperContext('PopperContent');
-  const overlayRef = React.useRef(null); // const { top } = useSafeAreaInsets();
+  const overlayRef = React.useRef(null);
+  // const { top } = useSafeAreaInsets();
   const {
     overlayProps,
     rendered,
@@ -58,11 +54,13 @@ const PopperContent = /*#__PURE__*/React.forwardRef(({
   let arrowElement = null;
   React.useEffect(() => {
     setOverlayRef && setOverlayRef(overlayRef);
-  }, [overlayRef, setOverlayRef]); // Might have performance impact if there are a lot of siblings!
-  // Shouldn't be an issue with popovers since it would have atmost 2. Arrow and Content.
+  }, [overlayRef, setOverlayRef]);
+  // Might have performance impact if there are a lot of siblings!
+  // Shouldn't be an issue with popovers since it would have atmost 2. Arrow and Content.
   React.Children.forEach(children, child => {
-    if ( /*#__PURE__*/React.isValidElement(child) && // @ts-ignore
+    if (/*#__PURE__*/React.isValidElement(child) &&
+    // @ts-ignore
     child.type.displayName === 'PopperArrow') {
       arrowElement = /*#__PURE__*/React.cloneElement(child, {
         // @ts-ignore
@@ -75,41 +73,40 @@ const PopperContent = /*#__PURE__*/React.forwardRef(({
   });
   let arrowHeight = 0;
   let arrowWidth = 0;
   if (arrowElement) {
     arrowHeight = defaultArrowHeight;
-    arrowWidth = defaultArrowWidth; //@ts-ignore
+    arrowWidth = defaultArrowWidth;
+    //@ts-ignore
     if (arrowElement.props.height) {
       //@ts-ignore
       arrowHeight = arrowElement.props.height;
-    } //@ts-ignore
+    }
+    //@ts-ignore
     if (arrowElement.props.width) {
       //@ts-ignore
       arrowWidth = arrowElement.props.width;
     }
   }
   const containerStyle = React.useMemo(() => getContainerStyle({
     placement,
     arrowHeight,
     arrowWidth
   }), [arrowHeight, arrowWidth, placement]);
   const overlayStyle = React.useMemo(() => StyleSheet.create({
-    overlay: { ...overlayProps.style,
+    overlay: {
+      ...overlayProps.style,
       // To handle translucent android StatusBar
       // marginTop: Platform.select({ android: top, default: 0 }),
       opacity: rendered ? 1 : 0,
       position: 'absolute'
     }
-  }), [rendered, overlayProps.style]); //TODO: refactor for responsive prop
+  }), [rendered, overlayProps.style]);
+  //TODO: refactor for responsive prop
   if (useHasResponsiveProps(rest)) {
     return null;
   }
   return /*#__PURE__*/React.createElement(View, {
     ref: overlayRef,
     collapsable: false,
@@ -119,8 +116,9 @@ const PopperContent = /*#__PURE__*/React.forwardRef(({
   }, rest, {
     ref: ref
   }), restElements));
-}); // This is an internal implementation of PopoverArrow
+});
+// This is an internal implementation of PopoverArrow
 const PopperArrow = /*#__PURE__*/React.forwardRef(({
   height = defaultArrowHeight,
   width = defaultArrowWidth,
@@ -152,13 +150,11 @@ const PopperArrow = /*#__PURE__*/React.forwardRef(({
     zIndex: 1
   }, rest));
 });
 const getArrowStyles = props => {
   const additionalStyles = {
     transform: []
   };
   const diagonalLength = getDiagonalLength(defaultArrowHeight, defaultArrowHeight);
   if (props.placement === 'top' && props.width) {
     additionalStyles.transform.push({
       translateX: -props.width / 2
@@ -170,7 +166,6 @@ const getArrowStyles = props => {
     additionalStyles.borderBottomWidth = 1;
     additionalStyles.borderRightWidth = 1;
   }
   if (props.placement === 'bottom' && props.width) {
     additionalStyles.transform.push({
       translateX: -props.width / 2
@@ -182,7 +177,6 @@ const getArrowStyles = props => {
     additionalStyles.borderTopWidth = 1;
     additionalStyles.borderLeftWidth = 1;
   }
   if (props.placement === 'left' && props.height) {
     additionalStyles.transform.push({
       translateY: -props.height / 2
@@ -194,7 +188,6 @@ const getArrowStyles = props => {
     additionalStyles.borderTopWidth = 1;
     additionalStyles.borderRightWidth = 1;
   }
   if (props.placement === 'right' && props.height) {
     additionalStyles.transform.push({
       translateY: -props.height / 2
@@ -206,43 +199,35 @@ const getArrowStyles = props => {
     additionalStyles.borderBottomWidth = 1;
     additionalStyles.borderLeftWidth = 1;
   }
   return additionalStyles;
 };
 const getContainerStyle = ({
   placement,
   arrowHeight
 }) => {
   const diagonalLength = getDiagonalLength(arrowHeight, arrowHeight) / 2;
   if (placement === 'top') {
     return {
       marginBottom: diagonalLength
     };
   }
   if (placement === 'bottom') {
     return {
       marginTop: diagonalLength
     };
   }
   if (placement === 'left') {
     return {
       marginRight: diagonalLength
     };
   }
   if (placement === 'right') {
     return {
       marginLeft: diagonalLength
     };
   }
   return {};
 };
 PopperArrow.displayName = 'PopperArrow';
 Popper.Content = PopperContent;
 Popper.Arrow = PopperArrow;

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

	@@ -1 +1 @@
1	- {"version":3,"sources":["Popper.tsx"],"names":["React","useOverlayPosition","StyleSheet","View","createContext","Box","useHasResponsiveProps","defaultArrowHeight","defaultArrowWidth","getDiagonalLength","height","width","Math","pow","PopperProvider","usePopperContext","Popper","props","children","PopperContent","forwardRef","style","rest","ref","triggerRef","shouldFlip","crossOffset","offset","placement","placementProp","onClose","shouldOverlapWithTrigger","setOverlayRef","overlayRef","useRef","overlayProps","rendered","arrowProps","targetRef","isOpen","containerPadding","restElements","arrowElement","useEffect","Children","forEach","child","isValidElement","type","displayName","cloneElement","actualPlacement","push","arrowHeight","arrowWidth","containerStyle","useMemo","getContainerStyle","overlayStyle","create","overlay","opacity","position","flatten","PopperArrow","borderColor","backgroundColor","additionalStyles","getArrowStyles","triangleStyle","arrowStyles","transform","diagonalLength","translateX","rotate","bottom","ceil","borderBottomWidth","borderRightWidth","top","borderTopWidth","borderLeftWidth","translateY","right","left","marginBottom","marginTop","marginRight","marginLeft","Content","Arrow"],"mappings":"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","sourcesContent":["import React from 'react';\r\nimport { useOverlayPosition } from '@react-native-aria/overlays';\r\nimport { StyleSheet, View, ViewStyle } from 'react-native';\r\nimport type {\r\n IPopperProps,\r\n IScrollContentStyle,\r\n IArrowStyles,\r\n IPopoverArrowProps,\r\n} from './types';\r\nimport { createContext } from '../../../utils';\r\nimport Box, { IBoxProps } from '../../primitives/Box';\r\n// import { useSafeAreaInsets } from 'react-native-safe-area-context';\r\nimport { useHasResponsiveProps } from '../../../hooks/useHasResponsiveProps';\r\n\r\nconst defaultArrowHeight = 15;\r\nconst defaultArrowWidth = 15;\r\n\r\nconst getDiagonalLength = (height: number, width: number) => {\r\n return Math.pow(height * height + width * width, 0.5);\r\n};\r\n\r\ntype PopperContext = IPopperProps & {\r\n triggerRef: any;\r\n onClose: any;\r\n setOverlayRef?: (overlayRef: any) => void;\r\n};\r\n\r\nconst [PopperProvider, usePopperContext] = createContext<PopperContext>(\r\n 'PopperContext'\r\n);\r\n\r\nconst Popper = (\r\n props: IPopperProps & {\r\n triggerRef: any;\r\n onClose: any;\r\n setOverlayRef?: (overlayRef: any) => void;\r\n }\r\n) => {\r\n return <PopperProvider {...props}>{props.children}</PopperProvider>;\r\n};\r\n\r\nconst PopperContent = React.forwardRef(\r\n ({ children, style, ...rest }: IBoxProps & { isOpen: boolean }, ref: any) => {\r\n const {\r\n triggerRef,\r\n shouldFlip,\r\n crossOffset,\r\n offset,\r\n placement: placementProp,\r\n onClose,\r\n shouldOverlapWithTrigger,\r\n setOverlayRef,\r\n } = usePopperContext('PopperContent');\r\n const overlayRef = React.useRef(null);\r\n\r\n // const { top } = useSafeAreaInsets();\r\n const {\r\n overlayProps,\r\n rendered,\r\n arrowProps,\r\n placement,\r\n } = useOverlayPosition({\r\n targetRef: triggerRef,\r\n overlayRef,\r\n shouldFlip: shouldFlip,\r\n crossOffset: crossOffset,\r\n isOpen: rest.isOpen,\r\n offset: offset,\r\n placement: placementProp as any,\r\n containerPadding: 0,\r\n onClose: onClose,\r\n shouldOverlapWithTrigger,\r\n });\r\n\r\n const restElements: React.ReactNode[] = [];\r\n let arrowElement: React.ReactElement \| null = null;\r\n\r\n React.useEffect(() => {\r\n setOverlayRef && setOverlayRef(overlayRef);\r\n }, [overlayRef, setOverlayRef]);\r\n\r\n // Might have performance impact if there are a lot of siblings!\r\n // Shouldn't be an issue with popovers since it would have atmost 2. Arrow and Content.\r\n React.Children.forEach(children, (child) => {\r\n if (\r\n React.isValidElement(child) &&\r\n // @ts-ignore\r\n child.type.displayName === 'PopperArrow'\r\n ) {\r\n arrowElement = React.cloneElement(child, {\r\n // @ts-ignore\r\n arrowProps,\r\n actualPlacement: placement,\r\n });\r\n } else {\r\n restElements.push(child);\r\n }\r\n });\r\n\r\n let arrowHeight = 0;\r\n let arrowWidth = 0;\r\n\r\n if (arrowElement) {\r\n arrowHeight = defaultArrowHeight;\r\n arrowWidth = defaultArrowWidth;\r\n\r\n //@ts-ignore\r\n if (arrowElement.props.height) {\r\n //@ts-ignore\r\n arrowHeight = arrowElement.props.height;\r\n }\r\n\r\n //@ts-ignore\r\n if (arrowElement.props.width) {\r\n //@ts-ignore\r\n arrowWidth = arrowElement.props.width;\r\n }\r\n }\r\n\r\n const containerStyle = React.useMemo(\r\n () =>\r\n getContainerStyle({\r\n placement,\r\n arrowHeight,\r\n arrowWidth,\r\n }),\r\n [arrowHeight, arrowWidth, placement]\r\n );\r\n\r\n const overlayStyle = React.useMemo(\r\n () =>\r\n StyleSheet.create({\r\n overlay: {\r\n ...overlayProps.style,\r\n // To handle translucent android StatusBar\r\n // marginTop: Platform.select({ android: top, default: 0 }),\r\n opacity: rendered ? 1 : 0,\r\n position: 'absolute',\r\n },\r\n }),\r\n [rendered, overlayProps.style]\r\n );\r\n //TODO: refactor for responsive prop\r\n if (useHasResponsiveProps(rest)) {\r\n return null;\r\n }\r\n\r\n return (\r\n <View ref={overlayRef} collapsable={false} style={overlayStyle.overlay}>\r\n {arrowElement}\r\n <Box\r\n style={StyleSheet.flatten([containerStyle, style])}\r\n {...rest}\r\n ref={ref}\r\n >\r\n {restElements}\r\n </Box>\r\n </View>\r\n );\r\n }\r\n);\r\n\r\n// This is an internal implementation of PopoverArrow\r\nconst PopperArrow = React.forwardRef(\r\n (\r\n {\r\n height = defaultArrowHeight,\r\n width = defaultArrowWidth,\r\n\r\n //@ts-ignore - Will be passed by React.cloneElement from PopperContent\r\n arrowProps,\r\n //@ts-ignore - Will be passed by React.cloneElement from PopperContent\r\n actualPlacement,\r\n style,\r\n borderColor = '#52525b',\r\n backgroundColor = 'black',\r\n ...rest\r\n }: IPopoverArrowProps & IBoxProps<IPopoverArrowProps>,\r\n ref: any\r\n ) => {\r\n const additionalStyles = React.useMemo(\r\n () => getArrowStyles({ placement: actualPlacement, height, width }),\r\n [actualPlacement, height, width]\r\n );\r\n\r\n const triangleStyle: ViewStyle = React.useMemo(\r\n () => ({\r\n position: 'absolute',\r\n width,\r\n height,\r\n }),\r\n [width, height]\r\n );\r\n\r\n const arrowStyles = React.useMemo(\r\n () => [arrowProps?.style, triangleStyle, additionalStyles, style],\r\n [triangleStyle, additionalStyles, arrowProps?.style, style]\r\n );\r\n\r\n return (\r\n <Box\r\n ref={ref}\r\n style={arrowStyles}\r\n borderColor={borderColor}\r\n backgroundColor={backgroundColor}\r\n zIndex={1}\r\n {...rest}\r\n />\r\n );\r\n }\r\n);\r\n\r\nconst getArrowStyles = (props: IArrowStyles) => {\r\n const additionalStyles: any = {\r\n transform: [],\r\n };\r\n\r\n const diagonalLength = getDiagonalLength(\r\n defaultArrowHeight,\r\n defaultArrowHeight\r\n );\r\n\r\n if (props.placement === 'top' && props.width) {\r\n additionalStyles.transform.push({ translateX: -props.width / 2 });\r\n additionalStyles.transform.push({ rotate: '45deg' });\r\n additionalStyles.bottom = Math.ceil(\r\n (diagonalLength - defaultArrowHeight) / 2\r\n );\r\n additionalStyles.borderBottomWidth = 1;\r\n additionalStyles.borderRightWidth = 1;\r\n }\r\n\r\n if (props.placement === 'bottom' && props.width) {\r\n additionalStyles.transform.push({ translateX: -props.width / 2 });\r\n additionalStyles.transform.push({ rotate: '45deg' });\r\n additionalStyles.top = Math.ceil((diagonalLength - defaultArrowHeight) / 2);\r\n additionalStyles.borderTopWidth = 1;\r\n additionalStyles.borderLeftWidth = 1;\r\n }\r\n\r\n if (props.placement === 'left' && props.height) {\r\n additionalStyles.transform.push({ translateY: -props.height / 2 });\r\n additionalStyles.transform.push({ rotate: '45deg' });\r\n additionalStyles.right = Math.ceil(\r\n (diagonalLength - defaultArrowHeight) / 2\r\n );\r\n additionalStyles.borderTopWidth = 1;\r\n additionalStyles.borderRightWidth = 1;\r\n }\r\n\r\n if (props.placement === 'right' && props.height) {\r\n additionalStyles.transform.push({ translateY: -props.height / 2 });\r\n additionalStyles.transform.push({ rotate: '45deg' });\r\n additionalStyles.left = Math.ceil(\r\n (diagonalLength - defaultArrowHeight) / 2\r\n );\r\n additionalStyles.borderBottomWidth = 1;\r\n additionalStyles.borderLeftWidth = 1;\r\n }\r\n\r\n return additionalStyles;\r\n};\r\n\r\nconst getContainerStyle = ({ placement, arrowHeight }: IScrollContentStyle) => {\r\n const diagonalLength = getDiagonalLength(arrowHeight, arrowHeight) / 2;\r\n\r\n if (placement === 'top') {\r\n return { marginBottom: diagonalLength };\r\n }\r\n\r\n if (placement === 'bottom') {\r\n return { marginTop: diagonalLength };\r\n }\r\n\r\n if (placement === 'left') {\r\n return { marginRight: diagonalLength };\r\n }\r\n\r\n if (placement === 'right') {\r\n return { marginLeft: diagonalLength };\r\n }\r\n\r\n return {};\r\n};\r\n\r\nPopperArrow.displayName = 'PopperArrow';\r\nPopper.Content = PopperContent;\r\nPopper.Arrow = PopperArrow;\r\n\r\nexport { Popper };\r\n"]}
1	+ {"version":3,"names":["React","useOverlayPosition","StyleSheet","View","createContext","Box","useHasResponsiveProps","defaultArrowHeight","defaultArrowWidth","getDiagonalLength","height","width","Math","pow","PopperProvider","usePopperContext","Popper","props","createElement","children","PopperContent","forwardRef","style","rest","ref","triggerRef","shouldFlip","crossOffset","offset","placement","placementProp","onClose","shouldOverlapWithTrigger","setOverlayRef","overlayRef","useRef","overlayProps","rendered","arrowProps","targetRef","isOpen","containerPadding","restElements","arrowElement","useEffect","Children","forEach","child","isValidElement","type","displayName","cloneElement","actualPlacement","push","arrowHeight","arrowWidth","containerStyle","useMemo","getContainerStyle","overlayStyle","create","overlay","opacity","position","collapsable","_extends","flatten","PopperArrow","borderColor","backgroundColor","additionalStyles","getArrowStyles","triangleStyle","arrowStyles","zIndex","transform","diagonalLength","translateX","rotate","bottom","ceil","borderBottomWidth","borderRightWidth","top","borderTopWidth","borderLeftWidth","translateY","right","left","marginBottom","marginTop","marginRight","marginLeft","Content","Arrow"],"sources":["Popper.tsx"],"sourcesContent":["import React from 'react';\r\nimport { useOverlayPosition } from '@react-native-aria/overlays';\r\nimport { StyleSheet, View, ViewStyle } from 'react-native';\r\nimport type {\r\n IPopperProps,\r\n IScrollContentStyle,\r\n IArrowStyles,\r\n IPopoverArrowProps,\r\n} from './types';\r\nimport { createContext } from '../../../utils';\r\nimport Box, { IBoxProps } from '../../primitives/Box';\r\n// import { useSafeAreaInsets } from 'react-native-safe-area-context';\r\nimport { useHasResponsiveProps } from '../../../hooks/useHasResponsiveProps';\r\n\r\nconst defaultArrowHeight = 15;\r\nconst defaultArrowWidth = 15;\r\n\r\nconst getDiagonalLength = (height: number, width: number) => {\r\n return Math.pow(height * height + width * width, 0.5);\r\n};\r\n\r\ntype PopperContext = IPopperProps & {\r\n triggerRef: any;\r\n onClose: any;\r\n setOverlayRef?: (overlayRef: any) => void;\r\n};\r\n\r\nconst [PopperProvider, usePopperContext] = createContext<PopperContext>(\r\n 'PopperContext'\r\n);\r\n\r\nconst Popper = (\r\n props: IPopperProps & {\r\n triggerRef: any;\r\n onClose: any;\r\n setOverlayRef?: (overlayRef: any) => void;\r\n }\r\n) => {\r\n return <PopperProvider {...props}>{props.children}</PopperProvider>;\r\n};\r\n\r\nconst PopperContent = React.forwardRef(\r\n ({ children, style, ...rest }: IBoxProps & { isOpen: boolean }, ref: any) => {\r\n const {\r\n triggerRef,\r\n shouldFlip,\r\n crossOffset,\r\n offset,\r\n placement: placementProp,\r\n onClose,\r\n shouldOverlapWithTrigger,\r\n setOverlayRef,\r\n } = usePopperContext('PopperContent');\r\n const overlayRef = React.useRef(null);\r\n\r\n // const { top } = useSafeAreaInsets();\r\n const {\r\n overlayProps,\r\n rendered,\r\n arrowProps,\r\n placement,\r\n } = useOverlayPosition({\r\n targetRef: triggerRef,\r\n overlayRef,\r\n shouldFlip: shouldFlip,\r\n crossOffset: crossOffset,\r\n isOpen: rest.isOpen,\r\n offset: offset,\r\n placement: placementProp as any,\r\n containerPadding: 0,\r\n onClose: onClose,\r\n shouldOverlapWithTrigger,\r\n });\r\n\r\n const restElements: React.ReactNode[] = [];\r\n let arrowElement: React.ReactElement \| null = null;\r\n\r\n React.useEffect(() => {\r\n setOverlayRef && setOverlayRef(overlayRef);\r\n }, [overlayRef, setOverlayRef]);\r\n\r\n // Might have performance impact if there are a lot of siblings!\r\n // Shouldn't be an issue with popovers since it would have atmost 2. Arrow and Content.\r\n React.Children.forEach(children, (child) => {\r\n if (\r\n React.isValidElement(child) &&\r\n // @ts-ignore\r\n child.type.displayName === 'PopperArrow'\r\n ) {\r\n arrowElement = React.cloneElement(child, {\r\n // @ts-ignore\r\n arrowProps,\r\n actualPlacement: placement,\r\n });\r\n } else {\r\n restElements.push(child);\r\n }\r\n });\r\n\r\n let arrowHeight = 0;\r\n let arrowWidth = 0;\r\n\r\n if (arrowElement) {\r\n arrowHeight = defaultArrowHeight;\r\n arrowWidth = defaultArrowWidth;\r\n\r\n //@ts-ignore\r\n if (arrowElement.props.height) {\r\n //@ts-ignore\r\n arrowHeight = arrowElement.props.height;\r\n }\r\n\r\n //@ts-ignore\r\n if (arrowElement.props.width) {\r\n //@ts-ignore\r\n arrowWidth = arrowElement.props.width;\r\n }\r\n }\r\n\r\n const containerStyle = React.useMemo(\r\n () =>\r\n getContainerStyle({\r\n placement,\r\n arrowHeight,\r\n arrowWidth,\r\n }),\r\n [arrowHeight, arrowWidth, placement]\r\n );\r\n\r\n const overlayStyle = React.useMemo(\r\n () =>\r\n StyleSheet.create({\r\n overlay: {\r\n ...overlayProps.style,\r\n // To handle translucent android StatusBar\r\n // marginTop: Platform.select({ android: top, default: 0 }),\r\n opacity: rendered ? 1 : 0,\r\n position: 'absolute',\r\n },\r\n }),\r\n [rendered, overlayProps.style]\r\n );\r\n //TODO: refactor for responsive prop\r\n if (useHasResponsiveProps(rest)) {\r\n return null;\r\n }\r\n\r\n return (\r\n <View ref={overlayRef} collapsable={false} style={overlayStyle.overlay}>\r\n {arrowElement}\r\n <Box\r\n style={StyleSheet.flatten([containerStyle, style])}\r\n {...rest}\r\n ref={ref}\r\n >\r\n {restElements}\r\n </Box>\r\n </View>\r\n );\r\n }\r\n);\r\n\r\n// This is an internal implementation of PopoverArrow\r\nconst PopperArrow = React.forwardRef(\r\n (\r\n {\r\n height = defaultArrowHeight,\r\n width = defaultArrowWidth,\r\n\r\n //@ts-ignore - Will be passed by React.cloneElement from PopperContent\r\n arrowProps,\r\n //@ts-ignore - Will be passed by React.cloneElement from PopperContent\r\n actualPlacement,\r\n style,\r\n borderColor = '#52525b',\r\n backgroundColor = 'black',\r\n ...rest\r\n }: IPopoverArrowProps & IBoxProps<IPopoverArrowProps>,\r\n ref: any\r\n ) => {\r\n const additionalStyles = React.useMemo(\r\n () => getArrowStyles({ placement: actualPlacement, height, width }),\r\n [actualPlacement, height, width]\r\n );\r\n\r\n const triangleStyle: ViewStyle = React.useMemo(\r\n () => ({\r\n position: 'absolute',\r\n width,\r\n height,\r\n }),\r\n [width, height]\r\n );\r\n\r\n const arrowStyles = React.useMemo(\r\n () => [arrowProps?.style, triangleStyle, additionalStyles, style],\r\n [triangleStyle, additionalStyles, arrowProps?.style, style]\r\n );\r\n\r\n return (\r\n <Box\r\n ref={ref}\r\n style={arrowStyles}\r\n borderColor={borderColor}\r\n backgroundColor={backgroundColor}\r\n zIndex={1}\r\n {...rest}\r\n />\r\n );\r\n }\r\n);\r\n\r\nconst getArrowStyles = (props: IArrowStyles) => {\r\n const additionalStyles: any = {\r\n transform: [],\r\n };\r\n\r\n const diagonalLength = getDiagonalLength(\r\n defaultArrowHeight,\r\n defaultArrowHeight\r\n );\r\n\r\n if (props.placement === 'top' && props.width) {\r\n additionalStyles.transform.push({ translateX: -props.width / 2 });\r\n additionalStyles.transform.push({ rotate: '45deg' });\r\n additionalStyles.bottom = Math.ceil(\r\n (diagonalLength - defaultArrowHeight) / 2\r\n );\r\n additionalStyles.borderBottomWidth = 1;\r\n additionalStyles.borderRightWidth = 1;\r\n }\r\n\r\n if (props.placement === 'bottom' && props.width) {\r\n additionalStyles.transform.push({ translateX: -props.width / 2 });\r\n additionalStyles.transform.push({ rotate: '45deg' });\r\n additionalStyles.top = Math.ceil((diagonalLength - defaultArrowHeight) / 2);\r\n additionalStyles.borderTopWidth = 1;\r\n additionalStyles.borderLeftWidth = 1;\r\n }\r\n\r\n if (props.placement === 'left' && props.height) {\r\n additionalStyles.transform.push({ translateY: -props.height / 2 });\r\n additionalStyles.transform.push({ rotate: '45deg' });\r\n additionalStyles.right = Math.ceil(\r\n (diagonalLength - defaultArrowHeight) / 2\r\n );\r\n additionalStyles.borderTopWidth = 1;\r\n additionalStyles.borderRightWidth = 1;\r\n }\r\n\r\n if (props.placement === 'right' && props.height) {\r\n additionalStyles.transform.push({ translateY: -props.height / 2 });\r\n additionalStyles.transform.push({ rotate: '45deg' });\r\n additionalStyles.left = Math.ceil(\r\n (diagonalLength - defaultArrowHeight) / 2\r\n );\r\n additionalStyles.borderBottomWidth = 1;\r\n additionalStyles.borderLeftWidth = 1;\r\n }\r\n\r\n return additionalStyles;\r\n};\r\n\r\nconst getContainerStyle = ({ placement, arrowHeight }: IScrollContentStyle) => {\r\n const diagonalLength = getDiagonalLength(arrowHeight, arrowHeight) / 2;\r\n\r\n if (placement === 'top') {\r\n return { marginBottom: diagonalLength };\r\n }\r\n\r\n if (placement === 'bottom') {\r\n return { marginTop: diagonalLength };\r\n }\r\n\r\n if (placement === 'left') {\r\n return { marginRight: diagonalLength };\r\n }\r\n\r\n if (placement === 'right') {\r\n return { marginLeft: diagonalLength };\r\n }\r\n\r\n return {};\r\n};\r\n\r\nPopperArrow.displayName = 'PopperArrow';\r\nPopper.Content = PopperContent;\r\nPopper.Arrow = PopperArrow;\r\n\r\nexport { Popper };\r\n"],"mappings":"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","ignoreList":[]}

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

	@@ -1 +1 @@
1	- {"version":3,"~~sources~~":["~~index.ts~~"],"~~names~~":["~~Popper~~"],"~~mappings":"AAAA,SAASA,MAAT,QAAuB,UAAvB","~~sourcesContent":["export { Popper } from './Popper';\r\n"]}
1	+ {"version":3,"names":["Popper"],"sources":["index.ts"],"sourcesContent":["export { Popper } from './Popper';\r\n"],"mappings":"AAAA,SAASA,MAAM,QAAQ,UAAU","ignoreList":[]}

package/lib/module/components/composites/Popper/types.js CHANGED Viewed

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

package/lib/module/components/composites/Popper/types.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":[],"~~names~~":[],"mappings":"","~~sourcesContent~~":[]}
1	+ {"version":3,"names":[],"sources":["types.ts"],"sourcesContent":["import type { ReactElement, RefObject } from 'react';\r\n\r\nexport type IPopoverArrowProps = {\r\n height?: any;\r\n width?: any;\r\n children?: any;\r\n color?: any;\r\n style?: any;\r\n};\r\n\r\nexport type IPlacement =\r\n \| 'top'\r\n \| 'bottom'\r\n \| 'left'\r\n \| 'right'\r\n \| 'top left'\r\n \| 'top right'\r\n \| 'bottom left'\r\n \| 'bottom right'\r\n \| 'right top'\r\n \| 'right bottom'\r\n \| 'left top'\r\n \| 'left bottom';\r\n\r\nexport type IPopperProps = {\r\n shouldFlip?: boolean;\r\n crossOffset?: number;\r\n offset?: number;\r\n children: React.ReactNode;\r\n shouldOverlapWithTrigger?: boolean;\r\n trigger?: ReactElement \| RefObject<any>;\r\n placement?: IPlacement;\r\n};\r\n\r\nexport type IArrowStyles = {\r\n placement?: string;\r\n height?: number;\r\n width?: number;\r\n};\r\n\r\nexport type IScrollContentStyle = {\r\n placement?: string;\r\n arrowHeight: number;\r\n arrowWidth: number;\r\n};\r\n"],"mappings":"","ignoreList":[]}

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

@@ -1,10 +1,8 @@
-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 { Box } from '../../primitives';
 import { usePropsResolution } from '../../../hooks/useThemeProps';
 import { useHasResponsiveProps } from '../../../hooks/useHasResponsiveProps';
 const Progress = (props, ref) => {
   const {
     min,
@@ -13,12 +11,12 @@ const Progress = (props, ref) => {
     _filledTrack,
     children,
     ...resolvedProps
-  } = usePropsResolution('Progress', props); //TODO: refactor for responsive prop
+  } = usePropsResolution('Progress', props);
+  //TODO: refactor for responsive prop
   if (useHasResponsiveProps(props)) {
     return null;
   }
   let valueWidth = value < max && value > min ? (value - min) / (max - min) * 100 : value > min ? 100 : 0;
   return /*#__PURE__*/React.createElement(Box, _extends({}, resolvedProps, {
     ref: ref,
@@ -30,9 +28,8 @@ const Progress = (props, ref) => {
       now: valueWidth
     }
   }), /*#__PURE__*/React.createElement(Box, _extends({
-    w: "".concat(valueWidth, "%")
+    w: `${valueWidth}%`
   }, _filledTrack), children));
 };
-export default /*#__PURE__*/memo( /*#__PURE__*/forwardRef(Progress));
+export default /*#__PURE__*/memo(/*#__PURE__*/forwardRef(Progress));
 //# sourceMappingURL=index.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"~~sources":["index.tsx"],"~~names":["React","memo","forwardRef","Box","usePropsResolution","useHasResponsiveProps","Progress","props","ref","min","max","value","_filledTrack","children","resolvedProps","valueWidth","~~now~~"],"~~mappings~~":"~~;;AAAA~~,~~OAAOA~~,~~KAAP~~,~~IAAgBC~~,~~IAAhB~~,EAAsBC,UAAtB,QAAwC,OAAxC;AACA,SAASC,GAAT,QAAoB,kBAApB;AAEA,SAASC,kBAAT,QAAmC,8BAAnC;AACA,SAASC,qBAAT,QAAsC,sCAAtC;;AA+CA,MAAMC,QAAQ,GAAG,CAACC,KAAD,EAAwBC,GAAxB,KAAsC;AACrD,QAAM;AACJC,IAAAA,GADI;AAEJC,IAAAA,GAFI;AAGJC,IAAAA,KAHI;AAIJC,IAAAA,YAJI;AAKJC,IAAAA,QALI;AAMJ,OAAGC;AANC,MAOFV,kBAAkB,CAAC,UAAD,EAAaG,KAAb,CAPtB,CADqD,CAUrD;;AACA,MAAIF,qBAAqB,CAACE,KAAD,CAAzB,EAAkC;AAChC,WAAO,IAAP;AACD;;AAED,MAAIQ,UAAU,GACZJ,KAAK,GAAGD,GAAR,IAAeC,KAAK,GAAGF,GAAvB,GACK,CAACE,KAAK,GAAGF,GAAT,KAAiBC,GAAG,GAAGD,GAAvB,CAAD,GAAgC,GADpC,GAEIE,KAAK,GAAGF,GAAR,GACA,GADA,GAEA,CALN;AAOA,sBACE,oBAAC,GAAD,eACMK,aADN;AAEE,IAAA,GAAG,EAAEN,GAFP;AAGE,IAAA,UAAU,MAHZ;AAIE,IAAA,iBAAiB,EAAC,aAJpB;AAKE,IAAA,kBAAkB,EAAE;AAClBC,MAAAA,GAAG,EAAEA,GADa;AAElBC,MAAAA,GAAG,EAAEA,GAFa;AAGlBM,MAAAA,GAAG,EAAED;AAHa;AALtB,mBAWE,oBAAC,GAAD;AAAK,IAAA,CAAC,YAAKA,UAAL;AAAN,KAA8BH,YAA9B,GACGC,QADH,CAXF,CADF;AAiBD,CAvCD;;AAyCA,4BAAeZ,IAAI,eAACC,UAAU,CAACI,QAAD,CAAX,CAAnB","sourcesContent":["import React, { memo, forwardRef } from 'react';\r\nimport { Box } from '../../primitives';\r\nimport type { InterfaceBoxProps } from '../../primitives/Box';\r\nimport { usePropsResolution } from '../../../hooks/useThemeProps';\r\nimport { useHasResponsiveProps } from '../../../hooks/useHasResponsiveProps';\r\nimport type { ColorSchemeType } from '../../../components/types';\r\nimport type {\r\n CustomProps,\r\n ThemeComponentSizeType,\r\n} from '../../../components/types';\r\n\r\nexport interface InterfaceProgressProps\r\n extends InterfaceBoxProps<IProgressProps> {\r\n /*\r\n Value of Progress.\r\n * @default 0\r\n /\r\n value?: number;\r\n /\r\n Defines height of Progress\r\n * @default sm\r\n /\r\n size?: ThemeComponentSizeType<'Progress'>;\r\n\r\n /\r\n The color scheme of the progress. 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 // Whether progress is indeterminate\r\n // * @default false\r\n // /\r\n // isIndeterminate?: boolean;\r\n /\r\n Pseudo prop to give Prop to filled track\r\n /\r\n _filledTrack?: InterfaceBoxProps<IProgressProps>;\r\n /\r\n Min progress value\r\n * @default 0\r\n /\r\n min?: number;\r\n /\r\n Max progress value\r\n * @default 100\r\n /\r\n max?: number;\r\n}\r\n\r\nexport type IProgressProps = InterfaceProgressProps & CustomProps<'Progress'>;\r\nconst Progress = (props: IProgressProps, ref?: any) => {\r\n const {\r\n min,\r\n max,\r\n value,\r\n _filledTrack,\r\n children,\r\n ...resolvedProps\r\n } = usePropsResolution('Progress', props);\r\n\r\n //TODO: refactor for responsive prop\r\n if (useHasResponsiveProps(props)) {\r\n return null;\r\n }\r\n\r\n let valueWidth =\r\n value < max && value > min\r\n ? ((value - min) / (max - min)) 100\r\n : value > min\r\n ? 100\r\n : 0;\r\n\r\n return (\r\n <Box\r\n {...resolvedProps}\r\n ref={ref}\r\n accessible\r\n accessibilityRole=\"progressbar\"\r\n accessibilityValue={{\r\n min: min,\r\n max: max,\r\n now: valueWidth,\r\n }}\r\n >\r\n <Box w={`${valueWidth}%`} {..._filledTrack}>\r\n {children}\r\n </Box>\r\n </Box>\r\n );\r\n};\r\n\r\nexport default memo(forwardRef(Progress));\r\n"]}
1	+ {"version":3,"names":["React","memo","forwardRef","Box","usePropsResolution","useHasResponsiveProps","Progress","props","ref","min","max","value","_filledTrack","children","resolvedProps","valueWidth","createElement","_extends","accessible","accessibilityRole","accessibilityValue","now","w"],"sources":["index.tsx"],"sourcesContent":["import React, { memo, forwardRef } from 'react';\r\nimport { Box } from '../../primitives';\r\nimport type { InterfaceBoxProps } from '../../primitives/Box';\r\nimport { usePropsResolution } from '../../../hooks/useThemeProps';\r\nimport { useHasResponsiveProps } from '../../../hooks/useHasResponsiveProps';\r\nimport type { ColorSchemeType } from '../../../components/types';\r\nimport type {\r\n CustomProps,\r\n ThemeComponentSizeType,\r\n} from '../../../components/types';\r\n\r\nexport interface InterfaceProgressProps\r\n extends InterfaceBoxProps<IProgressProps> {\r\n /*\r\n Value of Progress.\r\n * @default 0\r\n /\r\n value?: number;\r\n /\r\n Defines height of Progress\r\n * @default sm\r\n /\r\n size?: ThemeComponentSizeType<'Progress'>;\r\n\r\n /\r\n The color scheme of the progress. 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 // Whether progress is indeterminate\r\n // * @default false\r\n // /\r\n // isIndeterminate?: boolean;\r\n /\r\n Pseudo prop to give Prop to filled track\r\n /\r\n _filledTrack?: InterfaceBoxProps<IProgressProps>;\r\n /\r\n Min progress value\r\n * @default 0\r\n /\r\n min?: number;\r\n /\r\n Max progress value\r\n * @default 100\r\n /\r\n max?: number;\r\n}\r\n\r\nexport type IProgressProps = InterfaceProgressProps & CustomProps<'Progress'>;\r\nconst Progress = (props: IProgressProps, ref?: any) => {\r\n const {\r\n min,\r\n max,\r\n value,\r\n _filledTrack,\r\n children,\r\n ...resolvedProps\r\n } = usePropsResolution('Progress', props);\r\n\r\n //TODO: refactor for responsive prop\r\n if (useHasResponsiveProps(props)) {\r\n return null;\r\n }\r\n\r\n let valueWidth =\r\n value < max && value > min\r\n ? ((value - min) / (max - min)) 100\r\n : value > min\r\n ? 100\r\n : 0;\r\n\r\n return (\r\n <Box\r\n {...resolvedProps}\r\n ref={ref}\r\n accessible\r\n accessibilityRole=\"progressbar\"\r\n accessibilityValue={{\r\n min: min,\r\n max: max,\r\n now: valueWidth,\r\n }}\r\n >\r\n <Box w={`${valueWidth}%`} {..._filledTrack}>\r\n {children}\r\n </Box>\r\n </Box>\r\n );\r\n};\r\n\r\nexport default memo(forwardRef(Progress));\r\n"],"mappings":";AAAA,OAAOA,KAAK,IAAIC,IAAI,EAAEC,UAAU,QAAQ,OAAO;AAC/C,SAASC,GAAG,QAAQ,kBAAkB;AAEtC,SAASC,kBAAkB,QAAQ,8BAA8B;AACjE,SAASC,qBAAqB,QAAQ,sCAAsC;AA+C5E,MAAMC,QAAQ,GAAGA,CAACC,KAAqB,EAAEC,GAAS,KAAK;EACrD,MAAM;IACJC,GAAG;IACHC,GAAG;IACHC,KAAK;IACLC,YAAY;IACZC,QAAQ;IACR,GAAGC;EACL,CAAC,GAAGV,kBAAkB,CAAC,UAAU,EAAEG,KAAK,CAAC;;EAEzC;EACA,IAAIF,qBAAqB,CAACE,KAAK,CAAC,EAAE;IAChC,OAAO,IAAI;EACb;EAEA,IAAIQ,UAAU,GACZJ,KAAK,GAAGD,GAAG,IAAIC,KAAK,GAAGF,GAAG,GACrB,CAACE,KAAK,GAAGF,GAAG,KAAKC,GAAG,GAAGD,GAAG,CAAC,GAAI,GAAG,GACnCE,KAAK,GAAGF,GAAG,GACX,GAAG,GACH,CAAC;EAEP,oBACET,KAAA,CAAAgB,aAAA,CAACb,GAAG,EAAAc,QAAA,KACEH,aAAa;IACjBN,GAAG,EAAEA,GAAI;IACTU,UAAU;IACVC,iBAAiB,EAAC,aAAa;IAC/BC,kBAAkB,EAAE;MAClBX,GAAG,EAAEA,GAAG;MACRC,GAAG,EAAEA,GAAG;MACRW,GAAG,EAAEN;IACP;EAAE,iBAEFf,KAAA,CAAAgB,aAAA,CAACb,GAAG,EAAAc,QAAA;IAACK,CAAC,EAAE,GAAGP,UAAU;EAAI,GAAKH,YAAY,GACvCC,QACE,CACF,CAAC;AAEV,CAAC;AAED,4BAAeZ,IAAI,cAACC,UAAU,CAACI,QAAQ,CAAC,CAAC","ignoreList":[]}

package/lib/module/components/composites/SimpleGrid/SimpleGrid.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 from 'react';
 import { Box, HStack, VStack } from '../../primitives';
 // const isDebug = process.env.NODE_ENV !== 'production';
@@ -16,7 +15,6 @@ const DEBUG_STYLES = false ? {
   rows: {},
   cols: {}
 };
 const SimpleGrid = (props, ref) => {
   const {
     columns,
@@ -26,24 +24,20 @@ const SimpleGrid = (props, ref) => {
     minChildWidth,
     children,
     ...remainingProps
-  } = useThemeProps('SimpleGrid', props); //TODO: refactor for responsive prop
+  } = useThemeProps('SimpleGrid', props);
+  //TODO: refactor for responsive prop
   if (useHasResponsiveProps(props)) {
     return /*#__PURE__*/React.createElement(React.Fragment, null);
   }
   let cellSpacing = space !== null && space !== void 0 ? space : 0;
   let cellSpacingX = spacingX !== null && spacingX !== void 0 ? spacingX : cellSpacing;
   let cellSpacingY = spacingY !== null && spacingY !== void 0 ? spacingY : cellSpacing;
   const childrenArray = React.Children.toArray(children);
   if (columns) {
     let rowSlices = [];
     for (let i = 0; i < childrenArray.length; i = i + columns) {
       rowSlices.push(childrenArray.slice(i, i + columns));
     }
     return /*#__PURE__*/React.createElement(VStack, _extends({}, DEBUG_STYLES.rows, {
       space: cellSpacingY
     }, remainingProps, {
@@ -58,27 +52,26 @@ const SimpleGrid = (props, ref) => {
         }), col);
       }));
     }));
-  } // Needs more work for empty spacing i.e. auto-fit. Current workaround is to use wrap and let the columns be created dynamically
+  }
+  // Needs more work for empty spacing i.e. auto-fit. Current workaround is to use wrap and let the columns be created dynamically
   // https://css-tricks.com/auto-sizing-columns-css-grid-auto-fill-vs-auto-fit/
   else if (minChildWidth) {
-      return /*#__PURE__*/React.createElement(Box, _extends({
-        flexDirection: "row",
-        flexWrap: "wrap",
-        justifyContent: "center"
-      }, remainingProps, {
-        ref: ref
-      }), childrenArray.map(col => {
-        return /*#__PURE__*/React.createElement(Box, _extends({}, DEBUG_STYLES.cols, {
-          mx: cellSpacingX,
-          my: cellSpacingY,
-          key: col.key,
-          minWidth: minChildWidth
-        }), col);
-      }));
-    }
+    return /*#__PURE__*/React.createElement(Box, _extends({
+      flexDirection: "row",
+      flexWrap: "wrap",
+      justifyContent: "center"
+    }, remainingProps, {
+      ref: ref
+    }), childrenArray.map(col => {
+      return /*#__PURE__*/React.createElement(Box, _extends({}, DEBUG_STYLES.cols, {
+        mx: cellSpacingX,
+        my: cellSpacingY,
+        key: col.key,
+        minWidth: minChildWidth
+      }), col);
+    }));
+  }
   return /*#__PURE__*/React.createElement(React.Fragment, null);
 };
-export default /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(SimpleGrid));
+export default /*#__PURE__*/React.memo(/*#__PURE__*/React.forwardRef(SimpleGrid));
 //# sourceMappingURL=SimpleGrid.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"~~sources":["SimpleGrid.tsx"],"~~names":["React","Box","HStack","VStack","useThemeProps","useHasResponsiveProps","DEBUG_STYLES","rows","borderWidth","cols","SimpleGrid","props","ref","columns","space","spacingX","spacingY","minChildWidth","children","remainingProps","cellSpacing","cellSpacingX","cellSpacingY","childrenArray","Children","toArray","rowSlices","i","length","push","slice","map","row","rowIndex","col","~~key~~","~~memo~~","~~forwardRef~~"],"~~mappings~~":"~~;;AAAA~~,~~OAAOA~~,~~KAAP~~,~~MAAkB~~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","sourcesContent":["import React from 'react';\r\nimport { Box, HStack, VStack } from '../../primitives';\r\nimport type { ISimpleGridProps } from './types';\r\n// const isDebug = process.env.NODE_ENV !== 'production';\r\nimport { useThemeProps } from '../../../hooks/useThemeProps';\r\nimport { useHasResponsiveProps } from '../../../hooks/useHasResponsiveProps';\r\n\r\nconst DEBUG_STYLES = false\r\n ? {\r\n rows: {\r\n borderWidth: '1px',\r\n },\r\n cols: {\r\n borderWidth: '1px',\r\n },\r\n }\r\n : {\r\n rows: {},\r\n cols: {},\r\n };\r\n\r\nconst SimpleGrid = (props: ISimpleGridProps, ref?: any): JSX.Element => {\r\n const {\r\n columns,\r\n space,\r\n spacingX,\r\n spacingY,\r\n minChildWidth,\r\n children,\r\n ...remainingProps\r\n } = useThemeProps('SimpleGrid', props);\r\n //TODO: refactor for responsive prop\r\n if (useHasResponsiveProps(props)) {\r\n return <></>;\r\n }\r\n let cellSpacing = space ?? 0;\r\n let cellSpacingX = spacingX ?? cellSpacing;\r\n let cellSpacingY = spacingY ?? cellSpacing;\r\n\r\n const childrenArray = React.Children.toArray(children);\r\n\r\n if (columns) {\r\n let rowSlices = [];\r\n for (let i = 0; i < childrenArray.length; i = i + columns) {\r\n rowSlices.push(childrenArray.slice(i, i + columns));\r\n }\r\n\r\n return (\r\n <VStack\r\n {...DEBUG_STYLES.rows}\r\n space={cellSpacingY}\r\n {...remainingProps}\r\n ref={ref}\r\n >\r\n {rowSlices.map((row, rowIndex) => {\r\n return (\r\n <HStack space={cellSpacingX} key={rowIndex}>\r\n {row.map((col: any) => {\r\n return (\r\n <Box {...DEBUG_STYLES.cols} key={col.key}>\r\n {col}\r\n </Box>\r\n );\r\n })}\r\n </HStack>\r\n );\r\n })}\r\n </VStack>\r\n );\r\n }\r\n // Needs more work for empty spacing i.e. auto-fit. Current workaround is to use wrap and let the columns be created dynamically\r\n // https://css-tricks.com/auto-sizing-columns-css-grid-auto-fill-vs-auto-fit/\r\n else if (minChildWidth) {\r\n return (\r\n <Box\r\n flexDirection=\"row\"\r\n flexWrap=\"wrap\"\r\n justifyContent=\"center\"\r\n {...remainingProps}\r\n ref={ref}\r\n >\r\n {childrenArray.map((col: any) => {\r\n return (\r\n <Box\r\n {...DEBUG_STYLES.cols}\r\n mx={cellSpacingX}\r\n my={cellSpacingY}\r\n key={col.key}\r\n minWidth={minChildWidth}\r\n >\r\n {col}\r\n </Box>\r\n );\r\n })}\r\n </Box>\r\n );\r\n }\r\n\r\n return <></>;\r\n};\r\nexport default React.memo(React.forwardRef(SimpleGrid));\r\n"]}
1	+ {"version":3,"names":["React","Box","HStack","VStack","useThemeProps","useHasResponsiveProps","DEBUG_STYLES","rows","borderWidth","cols","SimpleGrid","props","ref","columns","space","spacingX","spacingY","minChildWidth","children","remainingProps","createElement","Fragment","cellSpacing","cellSpacingX","cellSpacingY","childrenArray","Children","toArray","rowSlices","i","length","push","slice","_extends","map","row","rowIndex","key","col","flexDirection","flexWrap","justifyContent","mx","my","minWidth","memo","forwardRef"],"sources":["SimpleGrid.tsx"],"sourcesContent":["import React from 'react';\r\nimport { Box, HStack, VStack } from '../../primitives';\r\nimport type { ISimpleGridProps } from './types';\r\n// const isDebug = process.env.NODE_ENV !== 'production';\r\nimport { useThemeProps } from '../../../hooks/useThemeProps';\r\nimport { useHasResponsiveProps } from '../../../hooks/useHasResponsiveProps';\r\n\r\nconst DEBUG_STYLES = false\r\n ? {\r\n rows: {\r\n borderWidth: '1px',\r\n },\r\n cols: {\r\n borderWidth: '1px',\r\n },\r\n }\r\n : {\r\n rows: {},\r\n cols: {},\r\n };\r\n\r\nconst SimpleGrid = (props: ISimpleGridProps, ref?: any): JSX.Element => {\r\n const {\r\n columns,\r\n space,\r\n spacingX,\r\n spacingY,\r\n minChildWidth,\r\n children,\r\n ...remainingProps\r\n } = useThemeProps('SimpleGrid', props);\r\n //TODO: refactor for responsive prop\r\n if (useHasResponsiveProps(props)) {\r\n return <></>;\r\n }\r\n let cellSpacing = space ?? 0;\r\n let cellSpacingX = spacingX ?? cellSpacing;\r\n let cellSpacingY = spacingY ?? cellSpacing;\r\n\r\n const childrenArray = React.Children.toArray(children);\r\n\r\n if (columns) {\r\n let rowSlices = [];\r\n for (let i = 0; i < childrenArray.length; i = i + columns) {\r\n rowSlices.push(childrenArray.slice(i, i + columns));\r\n }\r\n\r\n return (\r\n <VStack\r\n {...DEBUG_STYLES.rows}\r\n space={cellSpacingY}\r\n {...remainingProps}\r\n ref={ref}\r\n >\r\n {rowSlices.map((row, rowIndex) => {\r\n return (\r\n <HStack space={cellSpacingX} key={rowIndex}>\r\n {row.map((col: any) => {\r\n return (\r\n <Box {...DEBUG_STYLES.cols} key={col.key}>\r\n {col}\r\n </Box>\r\n );\r\n })}\r\n </HStack>\r\n );\r\n })}\r\n </VStack>\r\n );\r\n }\r\n // Needs more work for empty spacing i.e. auto-fit. Current workaround is to use wrap and let the columns be created dynamically\r\n // https://css-tricks.com/auto-sizing-columns-css-grid-auto-fill-vs-auto-fit/\r\n else if (minChildWidth) {\r\n return (\r\n <Box\r\n flexDirection=\"row\"\r\n flexWrap=\"wrap\"\r\n justifyContent=\"center\"\r\n {...remainingProps}\r\n ref={ref}\r\n >\r\n {childrenArray.map((col: any) => {\r\n return (\r\n <Box\r\n {...DEBUG_STYLES.cols}\r\n mx={cellSpacingX}\r\n my={cellSpacingY}\r\n key={col.key}\r\n minWidth={minChildWidth}\r\n >\r\n {col}\r\n </Box>\r\n );\r\n })}\r\n </Box>\r\n );\r\n }\r\n\r\n return <></>;\r\n};\r\nexport default React.memo(React.forwardRef(SimpleGrid));\r\n"],"mappings":"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","ignoreList":[]}

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

	@@ -1 +1 @@
1	- {"version":3,"~~sources":["index.tsx"],"~~names":["default","SimpleGrid"],"~~mappings~~":"~~AAAA,SAASA,OAAO,IAAIC,UAApB,QAAsC,cAAtC~~","sourcesContent":["export { default as SimpleGrid } from './SimpleGrid';\r\nexport type { ISimpleGridProps } from './types';\r\n"]}
1	+ {"version":3,"names":["default","SimpleGrid"],"sources":["index.tsx"],"sourcesContent":["export { default as SimpleGrid } from './SimpleGrid';\r\nexport type { ISimpleGridProps } from './types';\r\n"],"mappings":"AAAA,SAASA,OAAO,IAAIC,UAAU,QAAQ,cAAc","ignoreList":[]}

package/lib/module/components/composites/SimpleGrid/types.js CHANGED Viewed

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

package/lib/module/components/composites/SimpleGrid/types.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":[],"~~names~~":[],"mappings":"","~~sourcesContent~~":[]}
1	+ {"version":3,"names":[],"sources":["types.ts"],"sourcesContent":["import type { InterfaceBoxProps } from '../../primitives/Box/types';\r\n\r\nexport type ISimpleGridProps = InterfaceBoxProps<ISimpleGridProps> & {\r\n space?: number;\r\n columns?: number;\r\n minChildWidth?: number;\r\n spacingX?: number;\r\n spacingY?: number;\r\n};\r\n"],"mappings":"","ignoreList":[]}

package/lib/module/components/composites/Skeleton/Skeleton.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 { Animated, Platform } from 'react-native';
 import { usePropsResolution } from '../../../hooks';
@@ -7,7 +6,6 @@ import { canUseDom } from '../../../utils';
 import Box from '../../primitives/Box';
 import { useHasResponsiveProps } from '../../../hooks/useHasResponsiveProps';
 import { useToken } from '../../../hooks/useToken';
 const Skeleton = (props, ref) => {
   const isDomUsable = canUseDom();
   const {
@@ -15,11 +13,12 @@ const Skeleton = (props, ref) => {
     startColor,
     endColor,
     ...resolvedProps
-  } = usePropsResolution('Skeleton', props); // Setting blink Animation
+  } = usePropsResolution('Skeleton', props);
+  // Setting blink Animation
   const blinkAnim = React.useRef(new Animated.Value(0)).current;
-  const tokenisedStartColor = useToken('colors', startColor); // Generating blink animation in a sequence
+  const tokenisedStartColor = useToken('colors', startColor);
+  // Generating blink animation in a sequence
   React.useEffect(() => {
     //Check if window is loaded
     if (isDomUsable) {
@@ -41,14 +40,13 @@ const Skeleton = (props, ref) => {
       width: '100%',
       backgroundColor: tokenisedStartColor,
       opacity: blinkAnim // Bind opacity to animated value
     }
-  }; //TODO: refactor for responsive prop
+  };
+  //TODO: refactor for responsive prop
   if (useHasResponsiveProps(props)) {
     return null;
   }
   return resolvedProps.isLoaded ? children : /*#__PURE__*/React.createElement(Box, _extends({
     bg: endColor
   }, resolvedProps, {
@@ -57,6 +55,5 @@ const Skeleton = (props, ref) => {
     style: skeletonStyle.skeleton
   }));
 };
-export default /*#__PURE__*/memo( /*#__PURE__*/forwardRef(Skeleton));
+export default /*#__PURE__*/memo(/*#__PURE__*/forwardRef(Skeleton));
 //# sourceMappingURL=Skeleton.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"~~sources":["Skeleton.tsx"],"~~names":["React","memo","forwardRef","Animated","Platform","usePropsResolution","canUseDom","Box","useHasResponsiveProps","useToken","Skeleton","props","ref","isDomUsable","children","startColor","endColor","resolvedProps","blinkAnim","useRef","Value","current","tokenisedStartColor","useEffect","blink","sequence","timing","toValue","duration","fadeDuration","speed","useNativeDriver","OS","loop","start","skeletonStyle","skeleton","height","width","backgroundColor","opacity","isLoaded"],"~~mappings~~":"~~;;AAAA~~,~~OAAOA~~,~~KAAP~~,~~IAAgBC~~,IAAhB,EAAsBC,UAAtB,QAAwC,OAAxC;AACA,SAASC,QAAT,EAAmBC,QAAnB,QAAmC,cAAnC;AACA,SAASC,kBAAT,QAAmC,gBAAnC;AACA,SAASC,SAAT,QAA0B,gBAA1B;AACA,OAAOC,GAAP,MAAgB,sBAAhB;AAEA,SAASC,qBAAT,QAAsC,sCAAtC;AACA,SAASC,QAAT,QAAyB,yBAAzB;;AAEA,MAAMC,QAAQ,GAAG,CAACC,KAAD,EAAwBC,GAAxB,KAAqC;AACpD,QAAMC,WAAW,GAAGP,SAAS,EAA7B;AACA,QAAM;AACJQ,IAAAA,QADI;AAEJC,IAAAA,UAFI;AAGJC,IAAAA,QAHI;AAIJ,OAAGC;AAJC,MAKFZ,kBAAkB,CAAC,UAAD,EAAaM,KAAb,CALtB,CAFoD,CAQpD;;AACA,QAAMO,SAAS,GAAGlB,KAAK,CAACmB,MAAN,CAAa,IAAIhB,QAAQ,CAACiB,KAAb,CAAmB,CAAnB,CAAb,EAAoCC,OAAtD;AACA,QAAMC,mBAAmB,GAAGb,QAAQ,CAAC,QAAD,EAAWM,UAAX,CAApC,CAVoD,CAYpD;;AACAf,EAAAA,KAAK,CAACuB,SAAN,CAAgB,MAAM;AACpB;AACA,QAAIV,WAAJ,EAAiB;AACf,YAAMW,KAAK,GAAGrB,QAAQ,CAACsB,QAAT,CAAkB,CAC9BtB,QAAQ,CAACuB,MAAT,CAAgBR,SAAhB,EAA2B;AACzBS,QAAAA,OAAO,EAAE,CADgB;AAEzBC,QAAAA,QAAQ,EACNX,aAAa,CAACY,YAAd,GAA6B,KAA7B,IAAsC,IAAIZ,aAAa,CAACa,KAAxD,CAHuB;AAIzBC,QAAAA,eAAe,EAAE3B,QAAQ,CAAC4B,EAAT,KAAgB;AAJR,OAA3B,CAD8B,EAO9B7B,QAAQ,CAACuB,MAAT,CAAgBR,SAAhB,EAA2B;AACzBS,QAAAA,OAAO,EAAE,CADgB;AAEzBC,QAAAA,QAAQ,EACNX,aAAa,CAACY,YAAd,GAA6B,KAA7B,IAAsC,IAAIZ,aAAa,CAACa,KAAxD,CAHuB;AAIzBC,QAAAA,eAAe,EAAE3B,QAAQ,CAAC4B,EAAT,KAAgB;AAJR,OAA3B,CAP8B,CAAlB,CAAd;AAcA7B,MAAAA,QAAQ,CAAC8B,IAAT,CAAcT,KAAd,EAAqBU,KAArB;AACD;AACF,GAnBD,EAmBG,CAAChB,SAAD,EAAYL,WAAZ,EAAyBI,aAAzB,CAnBH;AAqBA,QAAMkB,aAAkB,GAAG;AACzBC,IAAAA,QAAQ,EAAE;AACRC,MAAAA,MAAM,EAAE,MADA;AAERC,MAAAA,KAAK,EAAE,MAFC;AAGRC,MAAAA,eAAe,EAAEjB,mBAHT;AAIRkB,MAAAA,OAAO,EAAEtB,SAJD,CAIY;;AAJZ;AADe,GAA3B,CAlCoD,CA2CpD;;AACA,MAAIV,qBAAqB,CAACG,KAAD,CAAzB,EAAkC;AAChC,WAAO,IAAP;AACD;;AAED,SAAOM,aAAa,CAACwB,QAAd,GACL3B,QADK,gBAGL,oBAAC,GAAD;AAAK,IAAA,EAAE,EAAEE;AAAT,KAAuBC,aAAvB;AAAsC,IAAA,GAAG,EAAEL;AAA3C,mBACE,oBAAC,QAAD,CAAU,IAAV;AAAe,IAAA,KAAK,EAAEuB,aAAa,CAACC;AAApC,IADF,CAHF;AAOD,CAvDD;;AAyDA,4BAAenC,IAAI,eAACC,UAAU,CAACQ,QAAD,CAAX,CAAnB","sourcesContent":["import React, { memo, forwardRef } from 'react';\r\nimport { Animated, Platform } from 'react-native';\r\nimport { usePropsResolution } from '../../../hooks';\r\nimport { canUseDom } from '../../../utils';\r\nimport Box from '../../primitives/Box';\r\nimport type { ISkeletonProps } from './types';\r\nimport { useHasResponsiveProps } from '../../../hooks/useHasResponsiveProps';\r\nimport { useToken } from '../../../hooks/useToken';\r\n\r\nconst Skeleton = (props: ISkeletonProps, ref: any) => {\r\n const isDomUsable = canUseDom();\r\n const {\r\n children,\r\n startColor,\r\n endColor,\r\n ...resolvedProps\r\n } = usePropsResolution('Skeleton', props);\r\n // Setting blink Animation\r\n const blinkAnim = React.useRef(new Animated.Value(0)).current;\r\n const tokenisedStartColor = useToken('colors', startColor);\r\n\r\n // Generating blink animation in a sequence\r\n React.useEffect(() => {\r\n //Check if window is loaded\r\n if (isDomUsable) {\r\n const blink = Animated.sequence([\r\n Animated.timing(blinkAnim, {\r\n toValue: 1,\r\n duration:\r\n resolvedProps.fadeDuration * 10000 * (1 / resolvedProps.speed),\r\n useNativeDriver: Platform.OS !== 'web',\r\n }),\r\n Animated.timing(blinkAnim, {\r\n toValue: 0,\r\n duration:\r\n resolvedProps.fadeDuration * 10000 * (1 / resolvedProps.speed),\r\n useNativeDriver: Platform.OS !== 'web',\r\n }),\r\n ]);\r\n Animated.loop(blink).start();\r\n }\r\n }, [blinkAnim, isDomUsable, resolvedProps]);\r\n\r\n const skeletonStyle: any = {\r\n skeleton: {\r\n height: '100%',\r\n width: '100%',\r\n backgroundColor: tokenisedStartColor,\r\n opacity: blinkAnim, // Bind opacity to animated value\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\r\n return resolvedProps.isLoaded ? (\r\n children\r\n ) : (\r\n <Box bg={endColor} {...resolvedProps} ref={ref}>\r\n <Animated.View style={skeletonStyle.skeleton} />\r\n </Box>\r\n );\r\n};\r\n\r\nexport default memo(forwardRef(Skeleton));\r\n"]}
1	+ {"version":3,"names":["React","memo","forwardRef","Animated","Platform","usePropsResolution","canUseDom","Box","useHasResponsiveProps","useToken","Skeleton","props","ref","isDomUsable","children","startColor","endColor","resolvedProps","blinkAnim","useRef","Value","current","tokenisedStartColor","useEffect","blink","sequence","timing","toValue","duration","fadeDuration","speed","useNativeDriver","OS","loop","start","skeletonStyle","skeleton","height","width","backgroundColor","opacity","isLoaded","createElement","_extends","bg","View","style"],"sources":["Skeleton.tsx"],"sourcesContent":["import React, { memo, forwardRef } from 'react';\r\nimport { Animated, Platform } from 'react-native';\r\nimport { usePropsResolution } from '../../../hooks';\r\nimport { canUseDom } from '../../../utils';\r\nimport Box from '../../primitives/Box';\r\nimport type { ISkeletonProps } from './types';\r\nimport { useHasResponsiveProps } from '../../../hooks/useHasResponsiveProps';\r\nimport { useToken } from '../../../hooks/useToken';\r\n\r\nconst Skeleton = (props: ISkeletonProps, ref: any) => {\r\n const isDomUsable = canUseDom();\r\n const {\r\n children,\r\n startColor,\r\n endColor,\r\n ...resolvedProps\r\n } = usePropsResolution('Skeleton', props);\r\n // Setting blink Animation\r\n const blinkAnim = React.useRef(new Animated.Value(0)).current;\r\n const tokenisedStartColor = useToken('colors', startColor);\r\n\r\n // Generating blink animation in a sequence\r\n React.useEffect(() => {\r\n //Check if window is loaded\r\n if (isDomUsable) {\r\n const blink = Animated.sequence([\r\n Animated.timing(blinkAnim, {\r\n toValue: 1,\r\n duration:\r\n resolvedProps.fadeDuration * 10000 * (1 / resolvedProps.speed),\r\n useNativeDriver: Platform.OS !== 'web',\r\n }),\r\n Animated.timing(blinkAnim, {\r\n toValue: 0,\r\n duration:\r\n resolvedProps.fadeDuration * 10000 * (1 / resolvedProps.speed),\r\n useNativeDriver: Platform.OS !== 'web',\r\n }),\r\n ]);\r\n Animated.loop(blink).start();\r\n }\r\n }, [blinkAnim, isDomUsable, resolvedProps]);\r\n\r\n const skeletonStyle: any = {\r\n skeleton: {\r\n height: '100%',\r\n width: '100%',\r\n backgroundColor: tokenisedStartColor,\r\n opacity: blinkAnim, // Bind opacity to animated value\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\r\n return resolvedProps.isLoaded ? (\r\n children\r\n ) : (\r\n <Box bg={endColor} {...resolvedProps} ref={ref}>\r\n <Animated.View style={skeletonStyle.skeleton} />\r\n </Box>\r\n );\r\n};\r\n\r\nexport default memo(forwardRef(Skeleton));\r\n"],"mappings":";AAAA,OAAOA,KAAK,IAAIC,IAAI,EAAEC,UAAU,QAAQ,OAAO;AAC/C,SAASC,QAAQ,EAAEC,QAAQ,QAAQ,cAAc;AACjD,SAASC,kBAAkB,QAAQ,gBAAgB;AACnD,SAASC,SAAS,QAAQ,gBAAgB;AAC1C,OAAOC,GAAG,MAAM,sBAAsB;AAEtC,SAASC,qBAAqB,QAAQ,sCAAsC;AAC5E,SAASC,QAAQ,QAAQ,yBAAyB;AAElD,MAAMC,QAAQ,GAAGA,CAACC,KAAqB,EAAEC,GAAQ,KAAK;EACpD,MAAMC,WAAW,GAAGP,SAAS,CAAC,CAAC;EAC/B,MAAM;IACJQ,QAAQ;IACRC,UAAU;IACVC,QAAQ;IACR,GAAGC;EACL,CAAC,GAAGZ,kBAAkB,CAAC,UAAU,EAAEM,KAAK,CAAC;EACzC;EACA,MAAMO,SAAS,GAAGlB,KAAK,CAACmB,MAAM,CAAC,IAAIhB,QAAQ,CAACiB,KAAK,CAAC,CAAC,CAAC,CAAC,CAACC,OAAO;EAC7D,MAAMC,mBAAmB,GAAGb,QAAQ,CAAC,QAAQ,EAAEM,UAAU,CAAC;;EAE1D;EACAf,KAAK,CAACuB,SAAS,CAAC,MAAM;IACpB;IACA,IAAIV,WAAW,EAAE;MACf,MAAMW,KAAK,GAAGrB,QAAQ,CAACsB,QAAQ,CAAC,CAC9BtB,QAAQ,CAACuB,MAAM,CAACR,SAAS,EAAE;QACzBS,OAAO,EAAE,CAAC;QACVC,QAAQ,EACNX,aAAa,CAACY,YAAY,GAAG,KAAK,IAAI,CAAC,GAAGZ,aAAa,CAACa,KAAK,CAAC;QAChEC,eAAe,EAAE3B,QAAQ,CAAC4B,EAAE,KAAK;MACnC,CAAC,CAAC,EACF7B,QAAQ,CAACuB,MAAM,CAACR,SAAS,EAAE;QACzBS,OAAO,EAAE,CAAC;QACVC,QAAQ,EACNX,aAAa,CAACY,YAAY,GAAG,KAAK,IAAI,CAAC,GAAGZ,aAAa,CAACa,KAAK,CAAC;QAChEC,eAAe,EAAE3B,QAAQ,CAAC4B,EAAE,KAAK;MACnC,CAAC,CAAC,CACH,CAAC;MACF7B,QAAQ,CAAC8B,IAAI,CAACT,KAAK,CAAC,CAACU,KAAK,CAAC,CAAC;IAC9B;EACF,CAAC,EAAE,CAAChB,SAAS,EAAEL,WAAW,EAAEI,aAAa,CAAC,CAAC;EAE3C,MAAMkB,aAAkB,GAAG;IACzBC,QAAQ,EAAE;MACRC,MAAM,EAAE,MAAM;MACdC,KAAK,EAAE,MAAM;MACbC,eAAe,EAAEjB,mBAAmB;MACpCkB,OAAO,EAAEtB,SAAS,CAAE;IACtB;EACF,CAAC;;EAED;EACA,IAAIV,qBAAqB,CAACG,KAAK,CAAC,EAAE;IAChC,OAAO,IAAI;EACb;EAEA,OAAOM,aAAa,CAACwB,QAAQ,GAC3B3B,QAAQ,gBAERd,KAAA,CAAA0C,aAAA,CAACnC,GAAG,EAAAoC,QAAA;IAACC,EAAE,EAAE5B;EAAS,GAAKC,aAAa;IAAEL,GAAG,EAAEA;EAAI,iBAC7CZ,KAAA,CAAA0C,aAAA,CAACvC,QAAQ,CAAC0C,IAAI;IAACC,KAAK,EAAEX,aAAa,CAACC;EAAS,CAAE,CAC5C,CACN;AACH,CAAC;AAED,4BAAenC,IAAI,cAACC,UAAU,CAACQ,QAAQ,CAAC,CAAC","ignoreList":[]}

package/lib/module/components/composites/Skeleton/SkeletonText.js CHANGED Viewed

@@ -1,10 +1,8 @@
-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';
 import { Stack } from '../../primitives/Stack';
 import Skeleton from './Skeleton';
 const SkeletonText = (props, ref) => {
   // const { children, ...props } = allProps;
   const {
@@ -16,8 +14,8 @@ const SkeletonText = (props, ref) => {
     _line,
     ...resolvedProps
   } = usePropsResolution('SkeletonText', props);
-  const computedChildren = []; //generating an array of skeleton components (same length as noOfLines)
+  const computedChildren = [];
+  //generating an array of skeleton components (same length as noOfLines)
   for (let i = 0; i < lines; i++) {
     //check for last line (to change the width of last line)
     if (i === lines - 1 && lines !== 1) {
@@ -30,17 +28,15 @@ const SkeletonText = (props, ref) => {
         startColor: startColor,
         w: "75%"
       }, _line)));
-    } else computedChildren.push( /*#__PURE__*/React.createElement(Skeleton, _extends({
+    } else computedChildren.push(/*#__PURE__*/React.createElement(Skeleton, _extends({
       key: i,
       endColor: endColor,
       startColor: startColor
     }, _line)));
   }
   return isLoaded ? children : /*#__PURE__*/React.createElement(Stack, _extends({}, resolvedProps, {
     ref: ref
   }), computedChildren);
 };
-export default /*#__PURE__*/memo( /*#__PURE__*/forwardRef(SkeletonText));
+export default /*#__PURE__*/memo(/*#__PURE__*/forwardRef(SkeletonText));
 //# sourceMappingURL=SkeletonText.js.map