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

package/lib/module/components/composites/Popper/Popper.js

@@ -0,0 +1,250 @@
+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 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 { 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,
+  ...rest
+}, ref) => {
+  const {
+    triggerRef,
+    shouldFlip,
+    crossOffset,
+    offset,
+    placement: placementProp,
+    onClose,
+    shouldOverlapWithTrigger,
+    setOverlayRef
+  } = usePopperContext('PopperContent');
+  const overlayRef = React.useRef(null); // const { top } = useSafeAreaInsets();
+
+  const {
+    overlayProps,
+    rendered,
+    arrowProps,
+    placement
+  } = useOverlayPosition({
+    targetRef: triggerRef,
+    overlayRef,
+    shouldFlip: shouldFlip,
+    crossOffset: crossOffset,
+    isOpen: rest.isOpen,
+    offset: offset,
+    placement: placementProp,
+    containerPadding: 0,
+    onClose: onClose,
+    shouldOverlapWithTrigger
+  });
+  const restElements = [];
+  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.
+
+  React.Children.forEach(children, child => {
+    if ( /*#__PURE__*/React.isValidElement(child) && // @ts-ignore
+    child.type.displayName === 'PopperArrow') {
+      arrowElement = /*#__PURE__*/React.cloneElement(child, {
+        // @ts-ignore
+        arrowProps,
+        actualPlacement: placement
+      });
+    } else {
+      restElements.push(child);
+    }
+  });
+  let arrowHeight = 0;
+  let arrowWidth = 0;
+
+  if (arrowElement) {
+    arrowHeight = defaultArrowHeight;
+    arrowWidth = defaultArrowWidth; //@ts-ignore
+
+    if (arrowElement.props.height) {
+      //@ts-ignore
+      arrowHeight = arrowElement.props.height;
+    } //@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,
+      // 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
+
+  if (useHasResponsiveProps(rest)) {
+    return null;
+  }
+
+  return /*#__PURE__*/React.createElement(View, {
+    ref: overlayRef,
+    collapsable: false,
+    style: overlayStyle.overlay
+  }, arrowElement, /*#__PURE__*/React.createElement(Box, _extends({
+    style: StyleSheet.flatten([containerStyle, style])
+  }, rest, {
+    ref: ref
+  }), restElements));
+}); // This is an internal implementation of PopoverArrow
+
+const PopperArrow = /*#__PURE__*/React.forwardRef(({
+  height = defaultArrowHeight,
+  width = defaultArrowWidth,
+  //@ts-ignore - Will be passed by React.cloneElement from PopperContent
+  arrowProps,
+  //@ts-ignore - Will be passed by React.cloneElement from PopperContent
+  actualPlacement,
+  style,
+  borderColor = '#52525b',
+  backgroundColor = 'black',
+  ...rest
+}, ref) => {
+  const additionalStyles = React.useMemo(() => getArrowStyles({
+    placement: actualPlacement,
+    height,
+    width
+  }), [actualPlacement, height, width]);
+  const triangleStyle = React.useMemo(() => ({
+    position: 'absolute',
+    width,
+    height
+  }), [width, height]);
+  const arrowStyles = React.useMemo(() => [arrowProps === null || arrowProps === void 0 ? void 0 : arrowProps.style, triangleStyle, additionalStyles, style], [triangleStyle, additionalStyles, arrowProps === null || arrowProps === void 0 ? void 0 : arrowProps.style, style]);
+  return /*#__PURE__*/React.createElement(Box, _extends({
+    ref: ref,
+    style: arrowStyles,
+    borderColor: borderColor,
+    backgroundColor: backgroundColor,
+    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
+    });
+    additionalStyles.transform.push({
+      rotate: '45deg'
+    });
+    additionalStyles.bottom = Math.ceil((diagonalLength - defaultArrowHeight) / 2);
+    additionalStyles.borderBottomWidth = 1;
+    additionalStyles.borderRightWidth = 1;
+  }
+
+  if (props.placement === 'bottom' && props.width) {
+    additionalStyles.transform.push({
+      translateX: -props.width / 2
+    });
+    additionalStyles.transform.push({
+      rotate: '45deg'
+    });
+    additionalStyles.top = Math.ceil((diagonalLength - defaultArrowHeight) / 2);
+    additionalStyles.borderTopWidth = 1;
+    additionalStyles.borderLeftWidth = 1;
+  }
+
+  if (props.placement === 'left' && props.height) {
+    additionalStyles.transform.push({
+      translateY: -props.height / 2
+    });
+    additionalStyles.transform.push({
+      rotate: '45deg'
+    });
+    additionalStyles.right = Math.ceil((diagonalLength - defaultArrowHeight) / 2);
+    additionalStyles.borderTopWidth = 1;
+    additionalStyles.borderRightWidth = 1;
+  }
+
+  if (props.placement === 'right' && props.height) {
+    additionalStyles.transform.push({
+      translateY: -props.height / 2
+    });
+    additionalStyles.transform.push({
+      rotate: '45deg'
+    });
+    additionalStyles.left = Math.ceil((diagonalLength - defaultArrowHeight) / 2);
+    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;
+export { Popper };
+//# sourceMappingURL=Popper.js.map

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

@@ -0,0 +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"]}

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

@@ -0,0 +1,2 @@
+export { Popper } from './Popper';
+//# sourceMappingURL=index.js.map

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

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

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

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

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

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

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

@@ -0,0 +1,38 @@
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+import React, { memo, forwardRef } from 'react';
+import { Box } from '../../primitives';
+import { usePropsResolution } from '../../../hooks/useThemeProps';
+import { useHasResponsiveProps } from '../../../hooks/useHasResponsiveProps';
+
+const Progress = (props, ref) => {
+  const {
+    min,
+    max,
+    value,
+    _filledTrack,
+    children,
+    ...resolvedProps
+  } = 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,
+    accessible: true,
+    accessibilityRole: "progressbar",
+    accessibilityValue: {
+      min: min,
+      max: max,
+      now: valueWidth
+    }
+  }), /*#__PURE__*/React.createElement(Box, _extends({
+    w: "".concat(valueWidth, "%")
+  }, _filledTrack), children));
+};
+
+export default /*#__PURE__*/memo( /*#__PURE__*/forwardRef(Progress));
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +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"]}

package/lib/module/components/composites/SimpleGrid/SimpleGrid.js

@@ -0,0 +1,84 @@
+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 from 'react';
+import { Box, HStack, VStack } from '../../primitives';
+// const isDebug = process.env.NODE_ENV !== 'production';
+import { useThemeProps } from '../../../hooks/useThemeProps';
+import { useHasResponsiveProps } from '../../../hooks/useHasResponsiveProps';
+const DEBUG_STYLES = false ? {
+  rows: {
+    borderWidth: '1px'
+  },
+  cols: {
+    borderWidth: '1px'
+  }
+} : {
+  rows: {},
+  cols: {}
+};
+
+const SimpleGrid = (props, ref) => {
+  const {
+    columns,
+    space,
+    spacingX,
+    spacingY,
+    minChildWidth,
+    children,
+    ...remainingProps
+  } = 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, {
+      ref: ref
+    }), rowSlices.map((row, rowIndex) => {
+      return /*#__PURE__*/React.createElement(HStack, {
+        space: cellSpacingX,
+        key: rowIndex
+      }, row.map(col => {
+        return /*#__PURE__*/React.createElement(Box, _extends({}, DEBUG_STYLES.cols, {
+          key: col.key
+        }), col);
+      }));
+    }));
+  } // 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(React.Fragment, null);
+};
+
+export default /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(SimpleGrid));
+//# sourceMappingURL=SimpleGrid.js.map

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

@@ -0,0 +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":"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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"]}

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

@@ -0,0 +1,2 @@
+export { default as SimpleGrid } from './SimpleGrid';
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +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"]}

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

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

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

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

package/lib/module/components/composites/Skeleton/Skeleton.js

@@ -0,0 +1,62 @@
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+import React, { memo, forwardRef } from 'react';
+import { Animated, Platform } from 'react-native';
+import { usePropsResolution } from '../../../hooks';
+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 {
+    children,
+    startColor,
+    endColor,
+    ...resolvedProps
+  } = 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
+
+  React.useEffect(() => {
+    //Check if window is loaded
+    if (isDomUsable) {
+      const blink = Animated.sequence([Animated.timing(blinkAnim, {
+        toValue: 1,
+        duration: resolvedProps.fadeDuration * 10000 * (1 / resolvedProps.speed),
+        useNativeDriver: Platform.OS !== 'web'
+      }), Animated.timing(blinkAnim, {
+        toValue: 0,
+        duration: resolvedProps.fadeDuration * 10000 * (1 / resolvedProps.speed),
+        useNativeDriver: Platform.OS !== 'web'
+      })]);
+      Animated.loop(blink).start();
+    }
+  }, [blinkAnim, isDomUsable, resolvedProps]);
+  const skeletonStyle = {
+    skeleton: {
+      height: '100%',
+      width: '100%',
+      backgroundColor: tokenisedStartColor,
+      opacity: blinkAnim // Bind opacity to animated value
+
+    }
+  }; //TODO: refactor for responsive prop
+
+  if (useHasResponsiveProps(props)) {
+    return null;
+  }
+
+  return resolvedProps.isLoaded ? children : /*#__PURE__*/React.createElement(Box, _extends({
+    bg: endColor
+  }, resolvedProps, {
+    ref: ref
+  }), /*#__PURE__*/React.createElement(Animated.View, {
+    style: skeletonStyle.skeleton
+  }));
+};
+
+export default /*#__PURE__*/memo( /*#__PURE__*/forwardRef(Skeleton));
+//# sourceMappingURL=Skeleton.js.map

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

@@ -0,0 +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"]}

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

@@ -0,0 +1,46 @@
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+import React, { memo, forwardRef } from 'react';
+import { usePropsResolution } from '../../../hooks';
+import { Stack } from '../../primitives/Stack';
+import Skeleton from './Skeleton';
+
+const SkeletonText = (props, ref) => {
+  // const { children, ...props } = allProps;
+  const {
+    children,
+    startColor,
+    endColor,
+    lines,
+    isLoaded,
+    _line,
+    ...resolvedProps
+  } = usePropsResolution('SkeletonText', props);
+  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) {
+      computedChildren.push(
+      /*#__PURE__*/
+      //Using Skeleton component with required props
+      React.createElement(Skeleton, _extends({
+        key: i,
+        endColor: endColor,
+        startColor: startColor,
+        w: "75%"
+      }, _line)));
+    } 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));
+//# sourceMappingURL=SkeletonText.js.map

package/lib/module/components/composites/Skeleton/SkeletonText.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["SkeletonText.tsx"],"names":["React","memo","forwardRef","usePropsResolution","Stack","Skeleton","SkeletonText","props","ref","children","startColor","endColor","lines","isLoaded","_line","resolvedProps","computedChildren","i","push"],"mappings":";;AAAA,OAAOA,KAAP,IAAgBC,IAAhB,EAAsBC,UAAtB,QAAwC,OAAxC;AACA,SAASC,kBAAT,QAAmC,gBAAnC;AACA,SAASC,KAAT,QAAsB,wBAAtB;AACA,OAAOC,QAAP,MAAqB,YAArB;;AAGA,MAAMC,YAAY,GAAG,CAEnBC,KAFmB,EAGnBC,GAHmB,KAIhB;AACH;AACA,QAAM;AACJC,IAAAA,QADI;AAEJC,IAAAA,UAFI;AAGJC,IAAAA,QAHI;AAIJC,IAAAA,KAJI;AAKJC,IAAAA,QALI;AAMJC,IAAAA,KANI;AAOJ,OAAGC;AAPC,MAQFZ,kBAAkB,CAAC,cAAD,EAAiBI,KAAjB,CARtB;AAUA,QAAMS,gBAAgB,GAAG,EAAzB,CAZG,CAaH;;AACA,OAAK,IAAIC,CAAC,GAAG,CAAb,EAAgBA,CAAC,GAAGL,KAApB,EAA2BK,CAAC,EAA5B,EAAgC;AAC9B;AACA,QAAIA,CAAC,KAAKL,KAAK,GAAG,CAAd,IAAmBA,KAAK,KAAK,CAAjC,EAAoC;AAClCI,MAAAA,gBAAgB,CAACE,IAAjB;AAAA;AACE;AACA,0BAAC,QAAD;AACE,QAAA,GAAG,EAAED,CADP;AAEE,QAAA,QAAQ,EAAEN,QAFZ;AAGE,QAAA,UAAU,EAAED,UAHd;AAIE,QAAA,CAAC,EAAC;AAJJ,SAKMI,KALN,EAFF;AAUD,KAXD,MAYEE,gBAAgB,CAACE,IAAjB,eACE,oBAAC,QAAD;AACE,MAAA,GAAG,EAAED,CADP;AAEE,MAAA,QAAQ,EAAEN,QAFZ;AAGE,MAAA,UAAU,EAAED;AAHd,OAIMI,KAJN,EADF;AAQH;;AACD,SAAOD,QAAQ,GACbJ,QADa,gBAGb,oBAAC,KAAD,eAAWM,aAAX;AAA0B,IAAA,GAAG,EAAEP;AAA/B,MACGQ,gBADH,CAHF;AAOD,CAhDD;;AAkDA,4BAAef,IAAI,eAACC,UAAU,CAACI,YAAD,CAAX,CAAnB","sourcesContent":["import React, { memo, forwardRef } from 'react';\r\nimport { usePropsResolution } from '../../../hooks';\r\nimport { Stack } from '../../primitives/Stack';\r\nimport Skeleton from './Skeleton';\r\nimport type { ISkeletonTextProps } from './types';\r\n\r\nconst SkeletonText = (\r\n  //@ts-ignore\r\n  props: ISkeletonTextProps,\r\n  ref: any\r\n) => {\r\n  // const { children, ...props } = allProps;\r\n  const {\r\n    children,\r\n    startColor,\r\n    endColor,\r\n    lines,\r\n    isLoaded,\r\n    _line,\r\n    ...resolvedProps\r\n  } = usePropsResolution('SkeletonText', props);\r\n\r\n  const computedChildren = [];\r\n  //generating an array of skeleton components (same length as noOfLines)\r\n  for (let i = 0; i < lines; i++) {\r\n    //check for last line (to change the width of last line)\r\n    if (i === lines - 1 && lines !== 1) {\r\n      computedChildren.push(\r\n        //Using Skeleton component with required props\r\n        <Skeleton\r\n          key={i}\r\n          endColor={endColor}\r\n          startColor={startColor}\r\n          w=\"75%\"\r\n          {..._line}\r\n        />\r\n      );\r\n    } else\r\n      computedChildren.push(\r\n        <Skeleton\r\n          key={i}\r\n          endColor={endColor}\r\n          startColor={startColor}\r\n          {..._line}\r\n        />\r\n      );\r\n  }\r\n  return isLoaded ? (\r\n    children\r\n  ) : (\r\n    <Stack {...resolvedProps} ref={ref}>\r\n      {computedChildren}\r\n    </Stack>\r\n  );\r\n};\r\n\r\nexport default memo(forwardRef(SkeletonText));\r\n"]}

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

@@ -0,0 +1,8 @@
+import SkeletonMain from './Skeleton';
+import SkeletonText from './SkeletonText';
+const SkeletonTemp = SkeletonMain;
+SkeletonTemp.Text = SkeletonText; // To add typings
+
+const Skeleton = SkeletonTemp;
+export { Skeleton };
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["index.tsx"],"names":["SkeletonMain","SkeletonText","SkeletonTemp","Text","Skeleton"],"mappings":"AACA,OAAOA,YAAP,MAAyB,YAAzB;AACA,OAAOC,YAAP,MAAyB,gBAAzB;AAEA,MAAMC,YAAiB,GAAGF,YAA1B;AACAE,YAAY,CAACC,IAAb,GAAoBF,YAApB,C,CAEA;;AACA,MAAMG,QAAQ,GAAGF,YAAjB;AACA,SAASE,QAAT","sourcesContent":["import type { ISkeletonComponentType } from './types';\r\nimport SkeletonMain from './Skeleton';\r\nimport SkeletonText from './SkeletonText';\r\n\r\nconst SkeletonTemp: any = SkeletonMain;\r\nSkeletonTemp.Text = SkeletonText;\r\n\r\n// To add typings\r\nconst Skeleton = SkeletonTemp as ISkeletonComponentType;\r\nexport { Skeleton };\r\nexport type { ISkeletonProps, ISkeletonTextProps } from './types';\r\n"]}

package/lib/module/components/composites/Skeleton/types.js

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

package/lib/module/components/composites/Skeleton/types.js.map

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