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

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

@@ -0,0 +1,144 @@
+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'; //@ts-ignore
+
+import stableHash from 'stable-hash';
+import { mergeRefs } from '../../../utils';
+import { usePropsResolution } from '../../../hooks/useThemeProps';
+import { Center } from '../../composites/Center';
+import { useFormControlContext } from '../../composites/FormControl';
+import Box from '../Box';
+import { useToggleState } from '@react-stately/toggle';
+import { VisuallyHidden } from '@react-aria/visually-hidden';
+import { CheckboxGroupContext } from './CheckboxGroup';
+import { useHover } from '@react-native-aria/interactions';
+import { useCheckbox, useCheckboxGroupItem } from '@react-native-aria/checkbox';
+import { useFocusRing } from '@react-native-aria/focus';
+import { useHasResponsiveProps } from '../../../hooks/useHasResponsiveProps';
+import { extractInObject, stylingProps } from '../../../theme/tools/utils';
+import { combineContextAndProps } from '../../../utils';
+import SizedIcon from './SizedIcon';
+import { Stack } from '../Stack';
+import { wrapStringChild } from '../../../utils/wrapStringChild';
+
+const Checkbox = ({
+  wrapperRef,
+  isHovered: isHoveredProp,
+  isFocusVisible: isFocusVisibleProp,
+  ...props
+}, ref) => {
+  const formControlContext = useFormControlContext();
+  const {
+    isInvalid,
+    isReadOnly,
+    isIndeterminate,
+    ...combinedProps
+  } = combineContextAndProps(formControlContext, props);
+  const checkboxGroupContext = React.useContext(CheckboxGroupContext);
+  const state = useToggleState({ ...props,
+    defaultSelected: props.defaultIsChecked,
+    isSelected: props.isChecked
+  });
+
+  const _ref = React.useRef();
+
+  const mergedRef = mergeRefs([ref, _ref]); // Swap hooks depending on whether this checkbox is inside a CheckboxGroup.
+  // This is a bit unorthodox. Typically, hooks cannot be called in a conditional,
+  // but since the checkbox won't move in and out of a group, it should be safe.
+
+  const {
+    inputProps: groupItemInputProps
+  } = checkboxGroupContext ? // eslint-disable-next-line react-hooks/rules-of-hooks
+  useCheckboxGroupItem({ ...combinedProps,
+    'aria-label': combinedProps.accessibilityLabel,
+    'value': combinedProps.value
+  }, checkboxGroupContext.state, //@ts-ignore
+  mergedRef) : // eslint-disable-next-line react-hooks/rules-of-hooks
+  useCheckbox({ ...combinedProps,
+    'aria-label': combinedProps.accessibilityLabel
+  }, state, //@ts-ignore
+  mergedRef); // eslint-disable-next-line react-hooks/exhaustive-deps
+
+  const inputProps = React.useMemo(() => groupItemInputProps, [groupItemInputProps.checked, groupItemInputProps.disabled, groupItemInputProps]);
+  const contextCombinedProps = React.useMemo(() => {
+    return { ...checkboxGroupContext,
+      ...combinedProps
+    }; // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [stableHash(combinedProps)]);
+  return /*#__PURE__*/React.createElement(CheckboxComponent, {
+    wrapperRef: wrapperRef,
+    mergedRef: mergedRef,
+    inputProps: inputProps,
+    combinedProps: contextCombinedProps,
+    isInvalid: isInvalid,
+    isReadOnly: isReadOnly,
+    isHovered: isHoveredProp,
+    isIndeterminate: isIndeterminate,
+    isFocusVisible: isFocusVisibleProp
+  });
+};
+
+const CheckboxComponent = /*#__PURE__*/React.memo(({
+  wrapperRef,
+  inputProps,
+  combinedProps,
+  isInvalid,
+  isReadOnly,
+  isIndeterminate,
+  mergedRef,
+  isHovered: isHoveredProp,
+  isFocusVisible: isFocusVisibleProp
+}) => {
+  const _ref = React.useRef();
+
+  const {
+    isHovered
+  } = useHover({}, _ref);
+  const {
+    checked: isChecked,
+    disabled: isDisabled
+  } = inputProps;
+  const {
+    focusProps,
+    isFocusVisible
+  } = useFocusRing();
+  const {
+    icon,
+    _interactionBox,
+    _icon,
+    _stack,
+    _text,
+    ...resolvedProps
+  } = usePropsResolution('Checkbox', combinedProps, {
+    isInvalid,
+    isReadOnly,
+    isFocusVisible: isFocusVisibleProp || isFocusVisible,
+    isDisabled,
+    isIndeterminate,
+    isChecked,
+    isHovered: isHovered || isHoveredProp
+  });
+  const [layoutProps, nonLayoutProps] = extractInObject(resolvedProps, [...stylingProps.margin, ...stylingProps.layout, ...stylingProps.flexbox, ...stylingProps.position, '_text']);
+  const component = React.useMemo(() => {
+    return /*#__PURE__*/React.createElement(Stack, _extends({}, _stack, layoutProps), /*#__PURE__*/React.createElement(Center, null, /*#__PURE__*/React.createElement(Box, _interactionBox), /*#__PURE__*/React.createElement(Center, nonLayoutProps, /*#__PURE__*/React.createElement(SizedIcon, {
+      icon: icon,
+      _icon: _icon,
+      isChecked: isChecked
+    }))), wrapStringChild(resolvedProps === null || resolvedProps === void 0 ? void 0 : resolvedProps.children, _text));
+  }, [_icon, _stack, _text, _interactionBox, icon, isChecked, nonLayoutProps, layoutProps, resolvedProps === null || resolvedProps === void 0 ? void 0 : resolvedProps.children]);
+  const mergedWrapperRef = React.useMemo(() => mergeRefs([wrapperRef, _ref]), [wrapperRef]); //TODO: refactor for responsive prop
+
+  if (useHasResponsiveProps(resolvedProps)) {
+    return null;
+  }
+
+  return /*#__PURE__*/React.createElement(Box // @ts-ignore - RN web supports accessibilityRole="label"
+  , {
+    accessibilityRole: "label",
+    ref: mergedWrapperRef
+  }, /*#__PURE__*/React.createElement(VisuallyHidden, null, /*#__PURE__*/React.createElement("input", _extends({}, inputProps, focusProps, {
+    ref: mergedRef
+  }))), component);
+});
+export default /*#__PURE__*/memo( /*#__PURE__*/forwardRef(Checkbox));
+//# sourceMappingURL=Checkbox.web.js.map

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

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

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

@@ -0,0 +1,57 @@
+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, { createContext, memo, forwardRef, useMemo } from 'react';
+import { useCheckboxGroupState } from '@react-stately/checkbox';
+import { useCheckboxGroup } from '@react-native-aria/checkbox';
+import { useFormControlContext } from '../../composites/FormControl';
+import Box from '../Box';
+import { useHasResponsiveProps } from '../../../hooks/useHasResponsiveProps';
+import { usePropsResolution } from '../../../hooks/useThemeProps';
+export const CheckboxGroupContext = /*#__PURE__*/createContext(null);
+
+function CheckboxGroup({
+  size,
+  _checkbox,
+  colorScheme,
+  ...props
+}, ref) {
+  const resolvedProps = usePropsResolution('CheckboxGroup', props);
+  const {
+    children
+  } = props;
+  const state = useCheckboxGroupState(props);
+  const {
+    groupProps
+  } = useCheckboxGroup({
+    'aria-label': props.accessibilityLabel,
+    ...props
+  }, state);
+  const formControlContext = useFormControlContext();
+  const value = useMemo(() => ({
+    size,
+    colorScheme,
+    ..._checkbox,
+    ...formControlContext,
+    state
+  }), [_checkbox, colorScheme, formControlContext, size, state]); //TODO: refactor for responsive prop
+
+  if (useHasResponsiveProps({ ...props,
+    size,
+    colorScheme
+  })) {
+    return null;
+  }
+
+  return (
+    /*#__PURE__*/
+    // @ts-ignore
+    React.createElement(CheckboxGroupContext.Provider, {
+      value: value
+    }, /*#__PURE__*/React.createElement(Box, _extends({}, resolvedProps, groupProps, props, {
+      ref: ref
+    }), children))
+  );
+}
+
+export default /*#__PURE__*/memo( /*#__PURE__*/forwardRef(CheckboxGroup));
+//# sourceMappingURL=CheckboxGroup.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["CheckboxGroup.tsx"],"names":["React","createContext","memo","forwardRef","useMemo","useCheckboxGroupState","useCheckboxGroup","useFormControlContext","Box","useHasResponsiveProps","usePropsResolution","CheckboxGroupContext","CheckboxGroup","size","_checkbox","colorScheme","props","ref","resolvedProps","children","state","groupProps","accessibilityLabel","formControlContext","value"],"mappings":";;AAAA,OAAOA,KAAP,IAAgBC,aAAhB,EAA+BC,IAA/B,EAAqCC,UAArC,EAAiDC,OAAjD,QAAgE,OAAhE;AACA,SAASC,qBAAT,QAAsC,yBAAtC;AACA,SAASC,gBAAT,QAAiC,6BAAjC;AACA,SAASC,qBAAT,QAAsC,8BAAtC;AAEA,OAAOC,GAAP,MAAgB,QAAhB;AACA,SAASC,qBAAT,QAAsC,sCAAtC;AACA,SAASC,kBAAT,QAAmC,8BAAnC;AAEA,OAAO,MAAMC,oBAAoB,gBAAGV,aAAa,CAC/C,IAD+C,CAA1C;;AAIP,SAASW,aAAT,CACE;AAAEC,EAAAA,IAAF;AAAQC,EAAAA,SAAR;AAAmBC,EAAAA,WAAnB;AAAgC,KAAGC;AAAnC,CADF,EAEEC,GAFF,EAGE;AACA,QAAMC,aAAa,GAAGR,kBAAkB,CAAC,eAAD,EAAkBM,KAAlB,CAAxC;AACA,QAAM;AAAEG,IAAAA;AAAF,MAAeH,KAArB;AACA,QAAMI,KAAK,GAAGf,qBAAqB,CAACW,KAAD,CAAnC;AACA,QAAM;AAAEK,IAAAA;AAAF,MAAiBf,gBAAgB,CACrC;AAAE,kBAAcU,KAAK,CAACM,kBAAtB;AAA0C,OAAGN;AAA7C,GADqC,EAErCI,KAFqC,CAAvC;AAIA,QAAMG,kBAAkB,GAAGhB,qBAAqB,EAAhD;AACA,QAAMiB,KAAK,GAAGpB,OAAO,CACnB,OAAO;AACLS,IAAAA,IADK;AAELE,IAAAA,WAFK;AAGL,OAAGD,SAHE;AAIL,OAAGS,kBAJE;AAKLH,IAAAA;AALK,GAAP,CADmB,EAQnB,CAACN,SAAD,EAAYC,WAAZ,EAAyBQ,kBAAzB,EAA6CV,IAA7C,EAAmDO,KAAnD,CARmB,CAArB,CATA,CAoBA;;AACA,MAAIX,qBAAqB,CAAC,EAAE,GAAGO,KAAL;AAAYH,IAAAA,IAAZ;AAAkBE,IAAAA;AAAlB,GAAD,CAAzB,EAA4D;AAC1D,WAAO,IAAP;AACD;;AACD;AAAA;AACE;AACA,wBAAC,oBAAD,CAAsB,QAAtB;AAA+B,MAAA,KAAK,EAAES;AAAtC,oBACE,oBAAC,GAAD,eAASN,aAAT,EAA4BG,UAA5B,EAA4CL,KAA5C;AAAmD,MAAA,GAAG,EAAEC;AAAxD,QACGE,QADH,CADF;AAFF;AAQD;;AAED,4BAAejB,IAAI,eAACC,UAAU,CAACS,aAAD,CAAX,CAAnB","sourcesContent":["import React, { createContext, memo, forwardRef, useMemo } from 'react';\r\nimport { useCheckboxGroupState } from '@react-stately/checkbox';\r\nimport { useCheckboxGroup } from '@react-native-aria/checkbox';\r\nimport { useFormControlContext } from '../../composites/FormControl';\r\nimport type { ICheckboxGroupProps, ICheckboxContext } from './types';\r\nimport Box from '../Box';\r\nimport { useHasResponsiveProps } from '../../../hooks/useHasResponsiveProps';\r\nimport { usePropsResolution } from '../../../hooks/useThemeProps';\r\n\r\nexport const CheckboxGroupContext = createContext<ICheckboxContext | null>(\r\n  null\r\n);\r\n\r\nfunction CheckboxGroup(\r\n  { size, _checkbox, colorScheme, ...props }: ICheckboxGroupProps,\r\n  ref?: any\r\n) {\r\n  const resolvedProps = usePropsResolution('CheckboxGroup', props);\r\n  const { children } = props;\r\n  const state = useCheckboxGroupState(props);\r\n  const { groupProps } = useCheckboxGroup(\r\n    { 'aria-label': props.accessibilityLabel, ...props },\r\n    state\r\n  );\r\n  const formControlContext = useFormControlContext();\r\n  const value = useMemo(\r\n    () => ({\r\n      size,\r\n      colorScheme,\r\n      ..._checkbox,\r\n      ...formControlContext,\r\n      state,\r\n    }),\r\n    [_checkbox, colorScheme, formControlContext, size, state]\r\n  );\r\n\r\n  //TODO: refactor for responsive prop\r\n  if (useHasResponsiveProps({ ...props, size, colorScheme })) {\r\n    return null;\r\n  }\r\n  return (\r\n    // @ts-ignore\r\n    <CheckboxGroupContext.Provider value={value}>\r\n      <Box {...resolvedProps} {...groupProps} {...props} ref={ref}>\r\n        {children}\r\n      </Box>\r\n    </CheckboxGroupContext.Provider>\r\n  );\r\n}\r\n\r\nexport default memo(forwardRef(CheckboxGroup));\r\n"]}

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

@@ -0,0 +1,15 @@
+import React from 'react';
+import { default as Box } from '../../primitives/Box';
+import { CheckIcon } from '../../primitives/Icon/Icons';
+
+const SizedIcon = ({
+  icon,
+  _icon,
+  isChecked
+}) => {
+  return isChecked ? icon ? /*#__PURE__*/React.cloneElement(icon, { ..._icon
+  }) : /*#__PURE__*/React.createElement(CheckIcon, _icon) : /*#__PURE__*/React.createElement(Box, _icon);
+};
+
+export default SizedIcon;
+//# sourceMappingURL=SizedIcon.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["SizedIcon.tsx"],"names":["React","default","Box","CheckIcon","SizedIcon","icon","_icon","isChecked","cloneElement"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,OAAO,IAAIC,GAApB,QAA+B,sBAA/B;AACA,SAASC,SAAT,QAA0B,6BAA1B;;AAEA,MAAMC,SAAS,GAAG,CAAC;AACjBC,EAAAA,IADiB;AAEjBC,EAAAA,KAFiB;AAGjBC,EAAAA;AAHiB,CAAD,KAQZ;AACJ,SAAOA,SAAS,GACdF,IAAI,gBACFL,KAAK,CAACQ,YAAN,CAAmBH,IAAnB,EAAyB,EACvB,GAAGC;AADoB,GAAzB,CADE,gBAKF,oBAAC,SAAD,EAAeA,KAAf,CANY,gBASd,oBAAC,GAAD,EAASA,KAAT,CATF;AAWD,CApBD;;AAsBA,eAAeF,SAAf","sourcesContent":["import React from 'react';\r\nimport { default as Box } from '../../primitives/Box';\r\nimport { CheckIcon } from '../../primitives/Icon/Icons';\r\n\r\nconst SizedIcon = ({\r\n  icon,\r\n  _icon,\r\n  isChecked,\r\n}: {\r\n  icon: JSX.Element;\r\n  _icon: any;\r\n  isChecked: boolean;\r\n}) => {\r\n  return isChecked ? (\r\n    icon ? (\r\n      React.cloneElement(icon, {\r\n        ..._icon,\r\n      })\r\n    ) : (\r\n      <CheckIcon {..._icon} />\r\n    )\r\n  ) : (\r\n    <Box {..._icon} />\r\n  );\r\n};\r\n\r\nexport default SizedIcon;\r\n"]}

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

@@ -0,0 +1,8 @@
+import CheckboxMain from './Checkbox';
+import CheckboxGroup from './CheckboxGroup';
+const CheckTemp = CheckboxMain;
+CheckTemp.Group = CheckboxGroup; // To add typings
+
+const Checkbox = CheckTemp;
+export { Checkbox };
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["index.tsx"],"names":["CheckboxMain","CheckboxGroup","CheckTemp","Group","Checkbox"],"mappings":"AAAA,OAAOA,YAAP,MAAyB,YAAzB;AACA,OAAOC,aAAP,MAA0B,iBAA1B;AAGA,MAAMC,SAAc,GAAGF,YAAvB;AACAE,SAAS,CAACC,KAAV,GAAkBF,aAAlB,C,CAEA;;AACA,MAAMG,QAAQ,GAAGF,SAAjB;AAEA,SAASE,QAAT","sourcesContent":["import CheckboxMain from './Checkbox';\r\nimport CheckboxGroup from './CheckboxGroup';\r\nimport type { ICheckboxComponentType } from './types';\r\n\r\nconst CheckTemp: any = CheckboxMain;\r\nCheckTemp.Group = CheckboxGroup;\r\n\r\n// To add typings\r\nconst Checkbox = CheckTemp as ICheckboxComponentType;\r\n\r\nexport { Checkbox };\r\nexport type { ICheckboxGroupProps, ICheckboxProps } from './types';\r\n"]}

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

@@ -0,0 +1,228 @@
+import React from 'react';
+import { fireEvent, render } from '@testing-library/react-native';
+import { NativeBaseProvider } from '../../../../core/NativeBaseProvider';
+import { Checkbox } from '..';
+import { Text } from '../..';
+
+function CheckBoxGroup() {
+  const [groupValue, setGroupValue] = React.useState(['Item 1 ', 'Item 3 ']);
+  return /*#__PURE__*/React.createElement(Checkbox.Group, {
+    colorScheme: "green",
+    defaultValue: groupValue,
+    onChange: values => {
+      setGroupValue(values || []);
+    }
+  }, /*#__PURE__*/React.createElement(Checkbox, {
+    value: "Item 1 "
+  }, /*#__PURE__*/React.createElement(Text, {
+    mx: 2
+  }, "Item 1")), /*#__PURE__*/React.createElement(Checkbox, {
+    value: "Item 2 "
+  }, /*#__PURE__*/React.createElement(Text, {
+    mx: 2
+  }, "Item 2")), /*#__PURE__*/React.createElement(Checkbox, {
+    value: "Item 3 "
+  }, /*#__PURE__*/React.createElement(Text, {
+    mx: 2
+  }, "Item 3")), /*#__PURE__*/React.createElement(Checkbox, {
+    colorScheme: "orange",
+    value: "Indeterminate Item "
+  }, /*#__PURE__*/React.createElement(Text, {
+    mx: 2
+  }, "Indeterminate Item")));
+}
+
+function CheckBox(group) {
+  const [groupValues, setGroupValues] = React.useState([]);
+  return group ? /*#__PURE__*/React.createElement(Checkbox.Group, {
+    onChange: setGroupValues,
+    value: groupValues
+  }, /*#__PURE__*/React.createElement(Checkbox, {
+    value: "one"
+  }, /*#__PURE__*/React.createElement(Text, null, "One")), /*#__PURE__*/React.createElement(Checkbox, {
+    value: "two",
+    isIndeterminate: true,
+    onChange: () => setGroupValues([...groupValues, 'two'])
+  }, /*#__PURE__*/React.createElement(Text, null, "Two"))) : /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Checkbox, {
+    value: "one",
+    onChange: () => {
+      setGroupValues([...groupValues, 'one']);
+    }
+  }, /*#__PURE__*/React.createElement(Text, null, "One")), /*#__PURE__*/React.createElement(Checkbox, {
+    value: "two",
+    isIndeterminate: true,
+    onChange: () => setGroupValues([...groupValues, 'two'])
+  }, /*#__PURE__*/React.createElement(Text, null, "Two")));
+}
+
+describe('CheckBoxGroup', () => {
+  it('handles defaults and onChange on checkBoxGroup', () => {
+    const {
+      getAllByRole
+    } = render( /*#__PURE__*/React.createElement(NativeBaseProvider, {
+      initialWindowMetrics: {
+        frame: {
+          x: 0,
+          y: 0,
+          width: 0,
+          height: 0
+        },
+        insets: {
+          top: 0,
+          left: 0,
+          right: 0,
+          bottom: 0
+        }
+      }
+    }, /*#__PURE__*/React.createElement(CheckBoxGroup, null)));
+    const checkbox = getAllByRole('checkbox');
+    expect(checkbox.length).toBe(4);
+    expect(checkbox[0].props.accessibilityState.checked).toBe(true);
+    expect(checkbox[1].props.accessibilityState.checked).toBe(false);
+    expect(checkbox[2].props.accessibilityState.checked).toBe(true);
+    expect(checkbox[3].props.accessibilityState.checked).toBe(false);
+    fireEvent.press(checkbox[1]);
+    expect(checkbox[1].props.accessibilityState.checked).toBe(true);
+  });
+  it('can be disabled on checkBox', () => {
+    const {
+      getAllByRole
+    } = render( /*#__PURE__*/React.createElement(NativeBaseProvider, {
+      initialWindowMetrics: {
+        frame: {
+          x: 0,
+          y: 0,
+          width: 0,
+          height: 0
+        },
+        insets: {
+          top: 0,
+          left: 0,
+          right: 0,
+          bottom: 0
+        }
+      }
+    }, /*#__PURE__*/React.createElement(Checkbox, {
+      value: "Item 1 "
+    }, /*#__PURE__*/React.createElement(Text, {
+      mx: 2
+    }, "Item 1")), /*#__PURE__*/React.createElement(Checkbox, {
+      value: "Item 2 ",
+      isDisabled: true
+    }, /*#__PURE__*/React.createElement(Text, {
+      mx: 2
+    }, "Item 2")), /*#__PURE__*/React.createElement(Checkbox, {
+      value: "Item 3 "
+    }, /*#__PURE__*/React.createElement(Text, {
+      mx: 2
+    }, "Item 3")), /*#__PURE__*/React.createElement(Checkbox, {
+      colorScheme: "orange",
+      value: "Indeterminate Item "
+    }, /*#__PURE__*/React.createElement(Text, {
+      mx: 2
+    }, "Indeterminate Item"))));
+    const checkbox = getAllByRole('checkbox');
+    expect(checkbox.length).toBe(4);
+    expect(checkbox[1].props.accessibilityState.disabled).toBe(true);
+  });
+  it('is checked on checkBox', () => {
+    const {
+      getAllByRole
+    } = render( /*#__PURE__*/React.createElement(NativeBaseProvider, {
+      initialWindowMetrics: {
+        frame: {
+          x: 0,
+          y: 0,
+          width: 0,
+          height: 0
+        },
+        insets: {
+          top: 0,
+          left: 0,
+          right: 0,
+          bottom: 0
+        }
+      }
+    }, /*#__PURE__*/React.createElement(Checkbox, {
+      value: "Item 1 ",
+      isChecked: true
+    }, /*#__PURE__*/React.createElement(Text, {
+      mx: 2
+    }, "Item 1")), /*#__PURE__*/React.createElement(Checkbox, {
+      value: "Item 2 ",
+      isDisabled: true
+    }, /*#__PURE__*/React.createElement(Text, {
+      mx: 2
+    }, "Item 2")), /*#__PURE__*/React.createElement(Checkbox, {
+      value: "Item 3 "
+    }, /*#__PURE__*/React.createElement(Text, {
+      mx: 2
+    }, "Item 3")), /*#__PURE__*/React.createElement(Checkbox, {
+      colorScheme: "orange",
+      value: "Indeterminate Item "
+    }, /*#__PURE__*/React.createElement(Text, {
+      mx: 2
+    }, "Indeterminate Item"))));
+    const checkbox = getAllByRole('checkbox');
+    expect(checkbox.length).toBe(4);
+    expect(checkbox[0].props.accessibilityState.checked).toBe(true);
+  });
+  /****   inDeterminant is not yet implemented in checkbox ****/
+  // it('inDeterminant on checkBoxGroup', () => {
+  //   const { getAllByRole } = render(
+  //     <NativeBaseProvider
+  //       initialWindowMetrics={{
+  //         frame: { x: 0, y: 0, width: 0, height: 0 },
+  //         insets: { top: 0, left: 0, right: 0, bottom: 0 },
+  //       }}
+  //     >
+  //       <CheckBox group={true} />
+  //     </NativeBaseProvider>
+  //   );
+  //   const checkbox = getAllByRole('checkbox');
+  //   expect(checkbox.length).toBe(2);
+  //   expect(checkbox[1].props.accessibilityState.checked).toBe('mixed');
+  // });
+  // it('inDeterminant on checkBox', () => {
+  //   const { getAllByRole } = render(
+  //     <NativeBaseProvider
+  //       initialWindowMetrics={{
+  //         frame: { x: 0, y: 0, width: 0, height: 0 },
+  //         insets: { top: 0, left: 0, right: 0, bottom: 0 },
+  //       }}
+  //     >
+  //       <CheckBox group={false} />
+  //     </NativeBaseProvider>
+  //   );
+  //   const checkbox = getAllByRole('checkbox');
+  //   expect(checkbox.length).toBe(2);
+  //   fireEvent.press(checkbox[1]);
+  //   expect(checkbox[1].props.accessibilityState.checked).toBe('mixed');
+  // });
+
+  it('onChange on checkBox', () => {
+    const {
+      getAllByRole
+    } = render( /*#__PURE__*/React.createElement(NativeBaseProvider, {
+      initialWindowMetrics: {
+        frame: {
+          x: 0,
+          y: 0,
+          width: 0,
+          height: 0
+        },
+        insets: {
+          top: 0,
+          left: 0,
+          right: 0,
+          bottom: 0
+        }
+      }
+    }, /*#__PURE__*/React.createElement(CheckBox, null)));
+    const checkbox = getAllByRole('checkbox');
+    expect(checkbox.length).toBe(2);
+    fireEvent.press(checkbox[0]);
+    expect(checkbox[0].props.accessibilityState.checked).toBe(true);
+  });
+});
+//# sourceMappingURL=checkbox.test.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["checkbox.test.tsx"],"names":["React","fireEvent","render","NativeBaseProvider","Checkbox","Text","CheckBoxGroup","groupValue","setGroupValue","useState","values","CheckBox","group","groupValues","setGroupValues","describe","it","getAllByRole","frame","x","y","width","height","insets","top","left","right","bottom","checkbox","expect","length","toBe","props","accessibilityState","checked","press","disabled"],"mappings":"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","sourcesContent":["import React from 'react';\r\nimport { fireEvent, render } from '@testing-library/react-native';\r\nimport { NativeBaseProvider } from '../../../../core/NativeBaseProvider';\r\nimport { Checkbox } from '..';\r\nimport { Text } from '../..';\r\n\r\nfunction CheckBoxGroup() {\r\n  const [groupValue, setGroupValue] = React.useState(['Item 1 ', 'Item 3 ']);\r\n  return (\r\n    <Checkbox.Group\r\n      colorScheme=\"green\"\r\n      defaultValue={groupValue}\r\n      onChange={(values) => {\r\n        setGroupValue(values || []);\r\n      }}\r\n    >\r\n      <Checkbox value=\"Item 1 \">\r\n        <Text mx={2}>Item 1</Text>\r\n      </Checkbox>\r\n      <Checkbox value=\"Item 2 \">\r\n        <Text mx={2}>Item 2</Text>\r\n      </Checkbox>\r\n      <Checkbox value=\"Item 3 \">\r\n        <Text mx={2}>Item 3</Text>\r\n      </Checkbox>\r\n      <Checkbox colorScheme=\"orange\" value=\"Indeterminate Item \">\r\n        <Text mx={2}>Indeterminate Item</Text>\r\n      </Checkbox>\r\n    </Checkbox.Group>\r\n  );\r\n}\r\n\r\nfunction CheckBox(group: any) {\r\n  const [groupValues, setGroupValues] = React.useState<Array<any>>([]);\r\n  return group ? (\r\n    <Checkbox.Group onChange={setGroupValues} value={groupValues}>\r\n      <Checkbox value=\"one\">\r\n        <Text>One</Text>\r\n      </Checkbox>\r\n      <Checkbox\r\n        value=\"two\"\r\n        isIndeterminate\r\n        onChange={() => setGroupValues([...groupValues, 'two'])}\r\n      >\r\n        <Text>Two</Text>\r\n      </Checkbox>\r\n    </Checkbox.Group>\r\n  ) : (\r\n    <>\r\n      <Checkbox\r\n        value=\"one\"\r\n        onChange={() => {\r\n          setGroupValues([...groupValues, 'one']);\r\n        }}\r\n      >\r\n        <Text>One</Text>\r\n      </Checkbox>\r\n      <Checkbox\r\n        value=\"two\"\r\n        isIndeterminate\r\n        onChange={() => setGroupValues([...groupValues, 'two'])}\r\n      >\r\n        <Text>Two</Text>\r\n      </Checkbox>\r\n    </>\r\n  );\r\n}\r\n\r\ndescribe('CheckBoxGroup', () => {\r\n  it('handles defaults and onChange on checkBoxGroup', () => {\r\n    const { getAllByRole } = render(\r\n      <NativeBaseProvider\r\n        initialWindowMetrics={{\r\n          frame: { x: 0, y: 0, width: 0, height: 0 },\r\n          insets: { top: 0, left: 0, right: 0, bottom: 0 },\r\n        }}\r\n      >\r\n        <CheckBoxGroup />\r\n      </NativeBaseProvider>\r\n    );\r\n    const checkbox = getAllByRole('checkbox');\r\n    expect(checkbox.length).toBe(4);\r\n    expect(checkbox[0].props.accessibilityState.checked).toBe(true);\r\n    expect(checkbox[1].props.accessibilityState.checked).toBe(false);\r\n    expect(checkbox[2].props.accessibilityState.checked).toBe(true);\r\n    expect(checkbox[3].props.accessibilityState.checked).toBe(false);\r\n    fireEvent.press(checkbox[1]);\r\n    expect(checkbox[1].props.accessibilityState.checked).toBe(true);\r\n  });\r\n  it('can be disabled on checkBox', () => {\r\n    const { getAllByRole } = render(\r\n      <NativeBaseProvider\r\n        initialWindowMetrics={{\r\n          frame: { x: 0, y: 0, width: 0, height: 0 },\r\n          insets: { top: 0, left: 0, right: 0, bottom: 0 },\r\n        }}\r\n      >\r\n        <Checkbox value=\"Item 1 \">\r\n          <Text mx={2}>Item 1</Text>\r\n        </Checkbox>\r\n        <Checkbox value=\"Item 2 \" isDisabled>\r\n          <Text mx={2}>Item 2</Text>\r\n        </Checkbox>\r\n        <Checkbox value=\"Item 3 \">\r\n          <Text mx={2}>Item 3</Text>\r\n        </Checkbox>\r\n        <Checkbox colorScheme=\"orange\" value=\"Indeterminate Item \">\r\n          <Text mx={2}>Indeterminate Item</Text>\r\n        </Checkbox>\r\n      </NativeBaseProvider>\r\n    );\r\n    const checkbox = getAllByRole('checkbox');\r\n    expect(checkbox.length).toBe(4);\r\n    expect(checkbox[1].props.accessibilityState.disabled).toBe(true);\r\n  });\r\n  it('is checked on checkBox', () => {\r\n    const { getAllByRole } = render(\r\n      <NativeBaseProvider\r\n        initialWindowMetrics={{\r\n          frame: { x: 0, y: 0, width: 0, height: 0 },\r\n          insets: { top: 0, left: 0, right: 0, bottom: 0 },\r\n        }}\r\n      >\r\n        <Checkbox value=\"Item 1 \" isChecked>\r\n          <Text mx={2}>Item 1</Text>\r\n        </Checkbox>\r\n        <Checkbox value=\"Item 2 \" isDisabled>\r\n          <Text mx={2}>Item 2</Text>\r\n        </Checkbox>\r\n        <Checkbox value=\"Item 3 \">\r\n          <Text mx={2}>Item 3</Text>\r\n        </Checkbox>\r\n        <Checkbox colorScheme=\"orange\" value=\"Indeterminate Item \">\r\n          <Text mx={2}>Indeterminate Item</Text>\r\n        </Checkbox>\r\n      </NativeBaseProvider>\r\n    );\r\n    const checkbox = getAllByRole('checkbox');\r\n    expect(checkbox.length).toBe(4);\r\n    expect(checkbox[0].props.accessibilityState.checked).toBe(true);\r\n  });\r\n\r\n  /****   inDeterminant is not yet implemented in checkbox ****/\r\n\r\n  // it('inDeterminant on checkBoxGroup', () => {\r\n  //   const { getAllByRole } = render(\r\n  //     <NativeBaseProvider\r\n  //       initialWindowMetrics={{\r\n  //         frame: { x: 0, y: 0, width: 0, height: 0 },\r\n  //         insets: { top: 0, left: 0, right: 0, bottom: 0 },\r\n  //       }}\r\n  //     >\r\n  //       <CheckBox group={true} />\r\n  //     </NativeBaseProvider>\r\n  //   );\r\n  //   const checkbox = getAllByRole('checkbox');\r\n  //   expect(checkbox.length).toBe(2);\r\n  //   expect(checkbox[1].props.accessibilityState.checked).toBe('mixed');\r\n  // });\r\n\r\n  // it('inDeterminant on checkBox', () => {\r\n  //   const { getAllByRole } = render(\r\n  //     <NativeBaseProvider\r\n  //       initialWindowMetrics={{\r\n  //         frame: { x: 0, y: 0, width: 0, height: 0 },\r\n  //         insets: { top: 0, left: 0, right: 0, bottom: 0 },\r\n  //       }}\r\n  //     >\r\n  //       <CheckBox group={false} />\r\n  //     </NativeBaseProvider>\r\n  //   );\r\n  //   const checkbox = getAllByRole('checkbox');\r\n  //   expect(checkbox.length).toBe(2);\r\n  //   fireEvent.press(checkbox[1]);\r\n  //   expect(checkbox[1].props.accessibilityState.checked).toBe('mixed');\r\n  // });\r\n\r\n  it('onChange on checkBox', () => {\r\n    const { getAllByRole } = render(\r\n      <NativeBaseProvider\r\n        initialWindowMetrics={{\r\n          frame: { x: 0, y: 0, width: 0, height: 0 },\r\n          insets: { top: 0, left: 0, right: 0, bottom: 0 },\r\n        }}\r\n      >\r\n        <CheckBox />\r\n      </NativeBaseProvider>\r\n    );\r\n    const checkbox = getAllByRole('checkbox');\r\n    expect(checkbox.length).toBe(2);\r\n    fireEvent.press(checkbox[0]);\r\n    expect(checkbox[0].props.accessibilityState.checked).toBe(true);\r\n  });\r\n});\r\n"]}

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

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

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

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

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

@@ -0,0 +1,3 @@
+import { VStack } from '../Stack';
+export { VStack as Column };
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["index.tsx"],"names":["VStack","Column"],"mappings":"AAAA,SAASA,MAAT,QAAuB,UAAvB;AACA,SAASA,MAAM,IAAIC,MAAnB","sourcesContent":["import { VStack } from '../Stack';\r\nexport { VStack as Column };\r\n"]}

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

@@ -0,0 +1,42 @@
+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 '../Box';
+import { usePropsResolution } from '../../../hooks/useThemeProps';
+import { useHasResponsiveProps } from '../../../hooks/useHasResponsiveProps';
+
+const Flex = (props, ref) => {
+  const {
+    align,
+    justify,
+    wrap,
+    basis,
+    grow,
+    shrink,
+    direction,
+    ...resolvedProps
+  } = usePropsResolution('Flex', props); //TODO: refactor for responsive prop
+
+  if (useHasResponsiveProps(props)) {
+    return null;
+  }
+
+  return /*#__PURE__*/React.createElement(Box, _extends({}, resolvedProps, {
+    flexDirection: direction || resolvedProps.flexDirection,
+    alignItems: align || resolvedProps.alignItems,
+    justifyContent: justify || resolvedProps.justifyContent,
+    flexGrow: grow || resolvedProps.flexGrow,
+    flexBasis: basis || resolvedProps.flexBasis,
+    flexShrink: shrink || resolvedProps.flexShrink,
+    flexWrap: wrap || resolvedProps.flexWrap,
+    ref: ref
+  }));
+}; //Spacer Component that adds space between components where it is placed
+
+
+export const Spacer = props => {
+  const resolvedProps = usePropsResolution('Spacer', props);
+  return /*#__PURE__*/React.createElement(Box, resolvedProps);
+};
+export default /*#__PURE__*/memo( /*#__PURE__*/forwardRef(Flex));
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["index.tsx"],"names":["React","memo","forwardRef","Box","usePropsResolution","useHasResponsiveProps","Flex","props","ref","align","justify","wrap","basis","grow","shrink","direction","resolvedProps","flexDirection","alignItems","justifyContent","flexGrow","flexBasis","flexShrink","flexWrap","Spacer"],"mappings":";;AAAA,OAAOA,KAAP,IAAgBC,IAAhB,EAAsBC,UAAtB,QAAwC,OAAxC;AACA,OAAOC,GAAP,MAAgB,QAAhB;AAEA,SAASC,kBAAT,QAAmC,8BAAnC;AACA,SAASC,qBAAT,QAAsC,sCAAtC;;AAEA,MAAMC,IAAI,GAAG,CAACC,KAAD,EAAoBC,GAApB,KAAiC;AAC5C,QAAM;AACJC,IAAAA,KADI;AAEJC,IAAAA,OAFI;AAGJC,IAAAA,IAHI;AAIJC,IAAAA,KAJI;AAKJC,IAAAA,IALI;AAMJC,IAAAA,MANI;AAOJC,IAAAA,SAPI;AAQJ,OAAGC;AARC,MASFZ,kBAAkB,CAAC,MAAD,EAASG,KAAT,CATtB,CAD4C,CAY5C;;AACA,MAAIF,qBAAqB,CAACE,KAAD,CAAzB,EAAkC;AAChC,WAAO,IAAP;AACD;;AAED,sBACE,oBAAC,GAAD,eACMS,aADN;AAEE,IAAA,aAAa,EAAED,SAAS,IAAIC,aAAa,CAACC,aAF5C;AAGE,IAAA,UAAU,EAAER,KAAK,IAAIO,aAAa,CAACE,UAHrC;AAIE,IAAA,cAAc,EAAER,OAAO,IAAIM,aAAa,CAACG,cAJ3C;AAKE,IAAA,QAAQ,EAAEN,IAAI,IAAIG,aAAa,CAACI,QALlC;AAME,IAAA,SAAS,EAAER,KAAK,IAAII,aAAa,CAACK,SANpC;AAOE,IAAA,UAAU,EAAEP,MAAM,IAAIE,aAAa,CAACM,UAPtC;AAQE,IAAA,QAAQ,EAAEX,IAAI,IAAIK,aAAa,CAACO,QARlC;AASE,IAAA,GAAG,EAAEf;AATP,KADF;AAaD,CA9BD,C,CAgCA;;;AACA,OAAO,MAAMgB,MAAM,GAAIjB,KAAD,IAAgB;AACpC,QAAMS,aAAa,GAAGZ,kBAAkB,CAAC,QAAD,EAAWG,KAAX,CAAxC;AAEA,sBAAO,oBAAC,GAAD,EAASS,aAAT,CAAP;AACD,CAJM;AAOP,4BAAef,IAAI,eAACC,UAAU,CAACI,IAAD,CAAX,CAAnB","sourcesContent":["import React, { memo, forwardRef } from 'react';\r\nimport Box from '../Box';\r\nimport type { IFlexProps } from './types';\r\nimport { usePropsResolution } from '../../../hooks/useThemeProps';\r\nimport { useHasResponsiveProps } from '../../../hooks/useHasResponsiveProps';\r\n\r\nconst Flex = (props: IFlexProps, ref: any) => {\r\n  const {\r\n    align,\r\n    justify,\r\n    wrap,\r\n    basis,\r\n    grow,\r\n    shrink,\r\n    direction,\r\n    ...resolvedProps\r\n  } = usePropsResolution('Flex', 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  return (\r\n    <Box\r\n      {...resolvedProps}\r\n      flexDirection={direction || resolvedProps.flexDirection}\r\n      alignItems={align || resolvedProps.alignItems}\r\n      justifyContent={justify || resolvedProps.justifyContent}\r\n      flexGrow={grow || resolvedProps.flexGrow}\r\n      flexBasis={basis || resolvedProps.flexBasis}\r\n      flexShrink={shrink || resolvedProps.flexShrink}\r\n      flexWrap={wrap || resolvedProps.flexWrap}\r\n      ref={ref}\r\n    />\r\n  );\r\n};\r\n\r\n//Spacer Component that adds space between components where it is placed\r\nexport const Spacer = (props: any) => {\r\n  const resolvedProps = usePropsResolution('Spacer', props);\r\n\r\n  return <Box {...resolvedProps} />;\r\n};\r\n\r\nexport type { IFlexProps };\r\nexport default memo(forwardRef(Flex));\r\n"]}

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

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

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

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

package/lib/module/components/primitives/GridItem/props.js

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

package/lib/module/components/primitives/GridItem/props.js.map

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

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

@@ -0,0 +1,21 @@
+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 Text from '../Text';
+import { usePropsResolution } from '../../../hooks/useThemeProps';
+import { useHasResponsiveProps } from '../../../hooks/useHasResponsiveProps';
+
+const Heading = (props, ref) => {
+  const resolvedProps = usePropsResolution('Heading', props); //TODO: refactor for responsive prop
+
+  if (useHasResponsiveProps(props)) {
+    return null;
+  }
+
+  return /*#__PURE__*/React.createElement(Text, _extends({}, resolvedProps, {
+    ref: ref
+  }));
+};
+
+export default /*#__PURE__*/memo( /*#__PURE__*/forwardRef(Heading));
+//# sourceMappingURL=index.js.map