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

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

@@ -0,0 +1,7 @@
+export { default as Fade } from './Fade';
+export { default as ScaleFade } from './ScaleFade';
+export { default as Slide } from './Slide';
+export { default as SlideFade } from './SlideFade';
+export { default as Stagger } from './Stagger';
+export { default as PresenceTransition } from './PresenceTransition';
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["index.tsx"],"names":["default","Fade","ScaleFade","Slide","SlideFade","Stagger","PresenceTransition"],"mappings":"AAAA,SAASA,OAAO,IAAIC,IAApB,QAAgC,QAAhC;AACA,SAASD,OAAO,IAAIE,SAApB,QAAqC,aAArC;AACA,SAASF,OAAO,IAAIG,KAApB,QAAiC,SAAjC;AACA,SAASH,OAAO,IAAII,SAApB,QAAqC,aAArC;AACA,SAASJ,OAAO,IAAIK,OAApB,QAAmC,WAAnC;AACA,SAASL,OAAO,IAAIM,kBAApB,QAA8C,sBAA9C","sourcesContent":["export { default as Fade } from './Fade';\r\nexport { default as ScaleFade } from './ScaleFade';\r\nexport { default as Slide } from './Slide';\r\nexport { default as SlideFade } from './SlideFade';\r\nexport { default as Stagger } from './Stagger';\r\nexport { default as PresenceTransition } from './PresenceTransition';\r\nexport type {\r\n  IFadeProps,\r\n  IScaleFadeProps,\r\n  ISlideProps,\r\n  ISlideFadeProps,\r\n} from './types';\r\n"]}

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

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

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

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

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

@@ -0,0 +1,186 @@
+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 { useButton } from '@react-native-aria/button';
+import { useComboBoxState } from '@react-stately/combobox';
+import { useComboBox } from '@react-native-aria/combobox';
+import { useListBox, useOption } from '@react-native-aria/listbox';
+import { ScrollView, findNodeHandle, Platform } from 'react-native';
+import { Item } from '@react-stately/collections';
+import Box from '../../primitives/Box';
+import { Pressable } from '../../primitives/Pressable';
+import Text from '../../primitives/Text';
+import { extractInObject } from '../../../theme/tools';
+import { layoutPropsList } from './types';
+import { Input } from '../../primitives/Input';
+import { useThemeProps } from '../../../hooks';
+import { useHasResponsiveProps } from '../../../hooks/useHasResponsiveProps';
+export const Typeahead = /*#__PURE__*/React.forwardRef(({
+  onSelectedItemChange,
+  options,
+  renderItem,
+  getOptionLabel,
+  getOptionKey,
+  onChange,
+  numberOfItems,
+  ...rest
+}, ref) => {
+  //TODO: refactor for responsive prop
+  if (useHasResponsiveProps(rest)) {
+    return null;
+  }
+
+  return /*#__PURE__*/React.createElement(ComboBoxImplementation, _extends({}, rest, {
+    onSelectionChange: onSelectedItemChange,
+    items: numberOfItems !== undefined ? options.slice(0, numberOfItems) : options,
+    onInputChange: onChange,
+    ref: ref
+  }), item => {
+    if (typeof item !== 'string' && getOptionLabel === undefined) {
+      throw new Error('Please use getOptionLabel prop');
+    }
+
+    if (item.id === undefined && getOptionKey === undefined) {
+      throw new Error('Please use getOptionKey prop');
+    }
+
+    const optionLabel = getOptionLabel ? getOptionLabel(item) : item;
+    const optionKey = getOptionKey ? getOptionKey(item) : item.id !== undefined ? item.id : optionLabel;
+    return /*#__PURE__*/React.createElement(Item, {
+      textValue: optionLabel,
+      key: optionKey
+    }, renderItem ? renderItem(item) : /*#__PURE__*/React.createElement(Box, {
+      p: 2,
+      justifyContent: "center"
+    }, /*#__PURE__*/React.createElement(Text, null, optionLabel)));
+  });
+});
+const ComboBoxImplementation = /*#__PURE__*/React.forwardRef((props, ref) => {
+  const [layoutProps] = extractInObject(props, layoutPropsList);
+  let state = useComboBoxState(props);
+  let triggerRef = React.useRef(null);
+  let inputRef = React.useRef(null);
+  let listBoxRef = React.useRef(null);
+  let popoverRef = React.useRef(null);
+  let {
+    buttonProps: triggerProps,
+    inputProps,
+    listBoxProps,
+    labelProps
+  } = useComboBox({ ...props,
+    inputRef,
+    buttonRef: triggerRef,
+    listBoxRef,
+    popoverRef,
+    menuTrigger: 'input'
+  }, state);
+
+  const toggleIconSetter = () => {
+    if (typeof props.toggleIcon === 'function') return props.toggleIcon({
+      isOpen: state.isOpen
+    });
+    return props.toggleIcon;
+  };
+
+  let {
+    buttonProps
+  } = useButton(triggerProps);
+  return /*#__PURE__*/React.createElement(Box, _extends({
+    flexDirection: "row"
+  }, layoutProps, {
+    ref: ref
+  }), /*#__PURE__*/React.createElement(Box, {
+    flex: 1
+  }, props.label && /*#__PURE__*/React.createElement(Text, _extends({}, labelProps, {
+    pb: 1
+  }), props.label), /*#__PURE__*/React.createElement(Input, _extends({}, inputProps, {
+    ref: inputRef,
+    InputRightElement:
+    /*#__PURE__*/
+    // @ts-ignore - RN has hitSlop type inconsistent for View and Pressable!
+    React.createElement(Pressable, _extends({}, buttonProps, {
+      ref: triggerRef
+    }), toggleIconSetter())
+  })), state.isOpen && /*#__PURE__*/React.createElement(ListBoxPopup, _extends({}, listBoxProps, {
+    listBoxRef: listBoxRef,
+    popoverRef: popoverRef,
+    state: state,
+    label: props.label
+  }))));
+});
+
+function ListBoxPopup(props) {
+  let {
+    popoverRef,
+    listBoxRef,
+    state,
+    dropdownHeight,
+    label
+  } = props;
+  let {
+    listBoxProps
+  } = useListBox({
+    label,
+    autoFocus: state.focusStrategy,
+    disallowEmptySelection: true
+  }, state, listBoxRef);
+  return /*#__PURE__*/React.createElement(Box, {
+    ref: popoverRef
+  }, /*#__PURE__*/React.createElement(Box, {
+    position: "absolute",
+    width: "100%",
+    maxHeight: dropdownHeight !== null && dropdownHeight !== void 0 ? dropdownHeight : 200
+  }, /*#__PURE__*/React.createElement(ScrollView, _extends({}, listBoxProps, {
+    keyboardShouldPersistTaps: "handled",
+    ref: node => {
+      if (Platform.OS === 'web') {
+        listBoxRef.current = findNodeHandle(node);
+      } else {
+        listBoxRef.current = node;
+      }
+    }
+  }), [...state.collection].map(item => /*#__PURE__*/React.createElement(Option, {
+    key: item.key,
+    item: item,
+    state: state
+  })))));
+}
+
+function Option({
+  item,
+  state
+}) {
+  const searchItemStyle = useThemeProps('TypeAheadSearchItem', {});
+  let ref = React.useRef(null);
+  let isDisabled = state.disabledKeys.has(item.key);
+  let isSelected = state.selectionManager.isSelected(item.key);
+  let isFocused = state.selectionManager.focusedKey === item.key;
+  let {
+    optionProps
+  } = useOption({
+    key: item.key,
+    isDisabled,
+    isSelected,
+    shouldFocusOnHover: true,
+    shouldUseVirtualFocus: true
+  }, state, ref);
+  let backgroundColor = searchItemStyle.backgroundColor;
+  let opacity = 1;
+
+  if (isSelected) {
+    backgroundColor = searchItemStyle._focus.backgroundColor;
+  } else if (isFocused) {
+    backgroundColor = searchItemStyle._focus.backgroundColor;
+  } else if (isDisabled) {
+    opacity = 0.6;
+    backgroundColor = searchItemStyle._disabled.backgroundColor;
+  }
+
+  return /*#__PURE__*/React.createElement(Pressable, _extends({}, optionProps, {
+    opacity: opacity,
+    cursor: isDisabled ? Platform.OS === 'web' ? 'not-allowed' : null : null,
+    backgroundColor: backgroundColor,
+    ref: ref
+  }), item.rendered);
+}
+//# sourceMappingURL=Typeahead.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["Typeahead.tsx"],"names":["React","useButton","useComboBoxState","useComboBox","useListBox","useOption","ScrollView","findNodeHandle","Platform","Item","Box","Pressable","Text","extractInObject","layoutPropsList","Input","useThemeProps","useHasResponsiveProps","Typeahead","forwardRef","onSelectedItemChange","options","renderItem","getOptionLabel","getOptionKey","onChange","numberOfItems","rest","ref","undefined","slice","item","Error","id","optionLabel","optionKey","ComboBoxImplementation","props","layoutProps","state","triggerRef","useRef","inputRef","listBoxRef","popoverRef","buttonProps","triggerProps","inputProps","listBoxProps","labelProps","buttonRef","menuTrigger","toggleIconSetter","toggleIcon","isOpen","label","ListBoxPopup","dropdownHeight","autoFocus","focusStrategy","disallowEmptySelection","node","OS","current","collection","map","key","Option","searchItemStyle","isDisabled","disabledKeys","has","isSelected","selectionManager","isFocused","focusedKey","optionProps","shouldFocusOnHover","shouldUseVirtualFocus","backgroundColor","opacity","_focus","_disabled","rendered"],"mappings":"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","sourcesContent":["import React from 'react';\r\nimport { useButton } from '@react-native-aria/button';\r\nimport { ComboBoxState, useComboBoxState } from '@react-stately/combobox';\r\nimport { useComboBox } from '@react-native-aria/combobox';\r\nimport { useListBox, useOption } from '@react-native-aria/listbox';\r\nimport { ScrollView, findNodeHandle, Platform } from 'react-native';\r\nimport { Item } from '@react-stately/collections';\r\nimport Box from '../../primitives/Box';\r\nimport { Pressable } from '../../primitives/Pressable';\r\nimport Text from '../../primitives/Text';\r\nimport { extractInObject } from '../../../theme/tools';\r\nimport { ITypeaheadProps, IComboBoxProps, layoutPropsList } from './types';\r\nimport { Input } from '../../primitives/Input';\r\nimport { useThemeProps } from '../../../hooks';\r\nimport { useHasResponsiveProps } from '../../../hooks/useHasResponsiveProps';\r\n\r\nexport const Typeahead = React.forwardRef(\r\n  (\r\n    {\r\n      onSelectedItemChange,\r\n      options,\r\n      renderItem,\r\n      getOptionLabel,\r\n      getOptionKey,\r\n      onChange,\r\n      numberOfItems,\r\n      ...rest\r\n    }: ITypeaheadProps,\r\n    ref?: any\r\n  ) => {\r\n    //TODO: refactor for responsive prop\r\n    if (useHasResponsiveProps(rest)) {\r\n      return null;\r\n    }\r\n    return (\r\n      <ComboBoxImplementation\r\n        {...rest}\r\n        onSelectionChange={onSelectedItemChange}\r\n        items={\r\n          numberOfItems !== undefined\r\n            ? options.slice(0, numberOfItems)\r\n            : options\r\n        }\r\n        onInputChange={onChange}\r\n        ref={ref}\r\n      >\r\n        {(item: any) => {\r\n          if (typeof item !== 'string' && getOptionLabel === undefined) {\r\n            throw new Error('Please use getOptionLabel prop');\r\n          }\r\n\r\n          if (item.id === undefined && getOptionKey === undefined) {\r\n            throw new Error('Please use getOptionKey prop');\r\n          }\r\n\r\n          const optionLabel = getOptionLabel ? getOptionLabel(item) : item;\r\n          const optionKey = getOptionKey\r\n            ? getOptionKey(item)\r\n            : item.id !== undefined\r\n            ? item.id\r\n            : optionLabel;\r\n\r\n          return (\r\n            <Item textValue={optionLabel} key={optionKey}>\r\n              {renderItem ? (\r\n                renderItem(item)\r\n              ) : (\r\n                <Box p={2} justifyContent=\"center\">\r\n                  <Text>{optionLabel}</Text>\r\n                </Box>\r\n              )}\r\n            </Item>\r\n          );\r\n        }}\r\n      </ComboBoxImplementation>\r\n    );\r\n  }\r\n);\r\n\r\nconst ComboBoxImplementation = React.forwardRef(\r\n  (props: IComboBoxProps, ref?: any) => {\r\n    const [layoutProps] = extractInObject(props, layoutPropsList);\r\n    let state = useComboBoxState(props);\r\n\r\n    let triggerRef = React.useRef(null);\r\n    let inputRef = React.useRef(null);\r\n    let listBoxRef = React.useRef(null);\r\n    let popoverRef = React.useRef(null);\r\n\r\n    let {\r\n      buttonProps: triggerProps,\r\n      inputProps,\r\n      listBoxProps,\r\n      labelProps,\r\n    } = useComboBox(\r\n      {\r\n        ...props,\r\n        inputRef,\r\n        buttonRef: triggerRef,\r\n        listBoxRef,\r\n        popoverRef,\r\n        menuTrigger: 'input',\r\n      },\r\n      state\r\n    );\r\n\r\n    const toggleIconSetter = () => {\r\n      if (typeof props.toggleIcon === 'function')\r\n        return props.toggleIcon({\r\n          isOpen: state.isOpen,\r\n        });\r\n      return props.toggleIcon;\r\n    };\r\n\r\n    let { buttonProps } = useButton(triggerProps);\r\n\r\n    return (\r\n      <Box flexDirection=\"row\" {...layoutProps} ref={ref}>\r\n        <Box flex={1}>\r\n          {props.label && (\r\n            <Text {...labelProps} pb={1}>\r\n              {props.label}\r\n            </Text>\r\n          )}\r\n          <Input\r\n            {...inputProps}\r\n            ref={inputRef}\r\n            InputRightElement={\r\n              // @ts-ignore - RN has hitSlop type inconsistent for View and Pressable!\r\n              <Pressable {...buttonProps} ref={triggerRef}>\r\n                {toggleIconSetter()}\r\n              </Pressable>\r\n            }\r\n          />\r\n\r\n          {state.isOpen && (\r\n            <ListBoxPopup\r\n              {...listBoxProps}\r\n              listBoxRef={listBoxRef}\r\n              popoverRef={popoverRef}\r\n              state={state}\r\n              label={props.label}\r\n            />\r\n          )}\r\n        </Box>\r\n      </Box>\r\n    );\r\n  }\r\n);\r\n\r\ntype IListBoxProps = {\r\n  popoverRef: any;\r\n  listBoxRef: any;\r\n  state: ComboBoxState<any>;\r\n  dropdownHeight: number;\r\n  label: string;\r\n};\r\n\r\nfunction ListBoxPopup(props: IListBoxProps) {\r\n  let { popoverRef, listBoxRef, state, dropdownHeight, label } = props;\r\n\r\n  let { listBoxProps } = useListBox(\r\n    {\r\n      label,\r\n      autoFocus: state.focusStrategy,\r\n      disallowEmptySelection: true,\r\n    },\r\n    state,\r\n    listBoxRef\r\n  );\r\n\r\n  return (\r\n    <Box ref={popoverRef}>\r\n      <Box position=\"absolute\" width=\"100%\" maxHeight={dropdownHeight ?? 200}>\r\n        <ScrollView\r\n          {...listBoxProps}\r\n          keyboardShouldPersistTaps=\"handled\"\r\n          ref={(node) => {\r\n            if (Platform.OS === 'web') {\r\n              listBoxRef.current = findNodeHandle(node);\r\n            } else {\r\n              listBoxRef.current = node;\r\n            }\r\n          }}\r\n        >\r\n          {[...state.collection].map((item) => (\r\n            <Option key={item.key} item={item} state={state} />\r\n          ))}\r\n        </ScrollView>\r\n      </Box>\r\n    </Box>\r\n  );\r\n}\r\n\r\nfunction Option({ item, state }: { item: any; state: ComboBoxState<any> }) {\r\n  const searchItemStyle = useThemeProps('TypeAheadSearchItem', {});\r\n\r\n  let ref = React.useRef(null);\r\n  let isDisabled = state.disabledKeys.has(item.key);\r\n  let isSelected = state.selectionManager.isSelected(item.key);\r\n  let isFocused = state.selectionManager.focusedKey === item.key;\r\n\r\n  let { optionProps } = useOption(\r\n    {\r\n      key: item.key,\r\n      isDisabled,\r\n      isSelected,\r\n      shouldFocusOnHover: true,\r\n      shouldUseVirtualFocus: true,\r\n    },\r\n    state,\r\n    ref\r\n  );\r\n\r\n  let backgroundColor = searchItemStyle.backgroundColor;\r\n  let opacity = 1;\r\n\r\n  if (isSelected) {\r\n    backgroundColor = searchItemStyle._focus.backgroundColor;\r\n  } else if (isFocused) {\r\n    backgroundColor = searchItemStyle._focus.backgroundColor;\r\n  } else if (isDisabled) {\r\n    opacity = 0.6;\r\n    backgroundColor = searchItemStyle._disabled.backgroundColor;\r\n  }\r\n\r\n  return (\r\n    <Pressable\r\n      {...optionProps}\r\n      opacity={opacity}\r\n      cursor={\r\n        isDisabled ? (Platform.OS === 'web' ? 'not-allowed' : null) : null\r\n      }\r\n      backgroundColor={backgroundColor}\r\n      ref={ref}\r\n    >\r\n      {item.rendered}\r\n    </Pressable>\r\n  );\r\n}\r\n"]}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"sources":["index.ts"],"names":["useTypeahead","Typeahead"],"mappings":"AAAA,SAASA,YAAT,QAA6B,gBAA7B;AACA,SAASC,SAAT,QAA0B,aAA1B","sourcesContent":["export { useTypeahead } from './useTypeahead';\r\nexport { Typeahead } from './Typeahead';\r\n"]}

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

@@ -0,0 +1,2 @@
+export const layoutPropsList = ['m', 'mt', 'mb', 'ml', 'mr', 'position', 'flex', 'zIndex', 'top', 'right', 'bottom', 'left', 'h', 'w', 'minW', 'maxW', 'minH', 'maxH', 'height', 'width', 'minWidth', 'maxWidth', 'minHeight', 'maxHeight', 'flexBasis', 'flexDirection', 'flexGrow', 'flexShrink', 'flexWrap', 'direction', 'justify', 'justifyContent', 'align', 'alignContent', 'alignItems', 'alignSelf'];
+//# sourceMappingURL=types.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["types.ts"],"names":["layoutPropsList"],"mappings":"AA8BA,OAAO,MAAMA,eAAe,GAAG,CAC7B,GAD6B,EAE7B,IAF6B,EAG7B,IAH6B,EAI7B,IAJ6B,EAK7B,IAL6B,EAM7B,UAN6B,EAO7B,MAP6B,EAQ7B,QAR6B,EAS7B,KAT6B,EAU7B,OAV6B,EAW7B,QAX6B,EAY7B,MAZ6B,EAa7B,GAb6B,EAc7B,GAd6B,EAe7B,MAf6B,EAgB7B,MAhB6B,EAiB7B,MAjB6B,EAkB7B,MAlB6B,EAmB7B,QAnB6B,EAoB7B,OApB6B,EAqB7B,UArB6B,EAsB7B,UAtB6B,EAuB7B,WAvB6B,EAwB7B,WAxB6B,EAyB7B,WAzB6B,EA0B7B,eA1B6B,EA2B7B,UA3B6B,EA4B7B,YA5B6B,EA6B7B,UA7B6B,EA8B7B,WA9B6B,EA+B7B,SA/B6B,EAgC7B,gBAhC6B,EAiC7B,OAjC6B,EAkC7B,cAlC6B,EAmC7B,YAnC6B,EAoC7B,WApC6B,CAAxB","sourcesContent":["import type { InterfaceBoxProps } from '../../primitives/Box/types';\r\n\r\nexport type ITypeaheadProps = InterfaceBoxProps<ITypeaheadProps> & {\r\n  options: any[];\r\n  renderItem?: (item: any) => any;\r\n  onChange?: (value: string) => void;\r\n  toggleIcon?: any;\r\n  dropdownHeight?: number | string;\r\n  inputValue?: string;\r\n  onSelectedItemChange?: (value: any) => void;\r\n  numberOfItems?: number;\r\n  getOptionLabel?: (item: any) => string;\r\n  getOptionKey?: (item: any) => any;\r\n  disabledKeys?: Array<any>;\r\n  label?: string;\r\n};\r\n\r\nexport type IComboBoxProps = {\r\n  items: any[];\r\n  renderItem?: (item: any) => any;\r\n  onInputChange?: (value: string) => void;\r\n  toggleIcon?: any;\r\n  dropdownHeight?: number | string;\r\n  inputValue?: string;\r\n  onSelectionChange?: (value: any) => void;\r\n  children: any;\r\n  disabledKeys?: Array<any>;\r\n  label?: string;\r\n};\r\n\r\nexport const layoutPropsList = [\r\n  'm',\r\n  'mt',\r\n  'mb',\r\n  'ml',\r\n  'mr',\r\n  'position',\r\n  'flex',\r\n  'zIndex',\r\n  'top',\r\n  'right',\r\n  'bottom',\r\n  'left',\r\n  'h',\r\n  'w',\r\n  'minW',\r\n  'maxW',\r\n  'minH',\r\n  'maxH',\r\n  'height',\r\n  'width',\r\n  'minWidth',\r\n  'maxWidth',\r\n  'minHeight',\r\n  'maxHeight',\r\n  'flexBasis',\r\n  'flexDirection',\r\n  'flexGrow',\r\n  'flexShrink',\r\n  'flexWrap',\r\n  'direction',\r\n  'justify',\r\n  'justifyContent',\r\n  'align',\r\n  'alignContent',\r\n  'alignItems',\r\n  'alignSelf',\r\n];\r\n"]}

package/lib/module/components/composites/Typeahead/useTypeahead/index.js

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

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

@@ -0,0 +1 @@
+{"version":3,"sources":["index.ts"],"names":["useTypeahead"],"mappings":"AAAA,SAASA,YAAT,QAA6B,gBAA7B","sourcesContent":["export { useTypeahead } from './useTypeahead';\r\n"]}

package/lib/module/components/composites/Typeahead/useTypeahead/reducer.js

@@ -0,0 +1,84 @@
+import * as stateChangeTypes from './types';
+import { getDefaultValue } from './utils';
+export function useTypeaheadReducer(state, action) {
+  const {
+    type,
+    props
+  } = action;
+  let changes;
+
+  switch (type) {
+    case stateChangeTypes.ItemClick:
+      changes = {
+        isOpen: getDefaultValue(props, 'isOpen'),
+        selectedItem: props.items[action.index],
+        inputValue: props.itemToString(props.items[action.index])
+      };
+      break;
+
+    case stateChangeTypes.InputBlur:
+      if (state.isOpen) {
+        changes = {
+          isOpen: false
+        };
+      }
+
+      break;
+
+    case stateChangeTypes.InputChange:
+      changes = {
+        isOpen: true,
+        inputValue: action.inputValue
+      };
+      break;
+
+    case stateChangeTypes.ToggleButtonClick:
+    case stateChangeTypes.FunctionToggleMenu:
+      changes = {
+        isOpen: !state.isOpen
+      };
+      break;
+
+    case stateChangeTypes.FunctionOpenMenu:
+      changes = {
+        isOpen: true
+      };
+      break;
+
+    case stateChangeTypes.FunctionCloseMenu:
+      changes = {
+        isOpen: false
+      };
+      break;
+
+    case stateChangeTypes.FunctionSelectItem:
+      changes = {
+        selectedItem: action.selectedItem,
+        inputValue: props.itemToString(action.selectedItem)
+      };
+      break;
+
+    case stateChangeTypes.ControlledPropUpdatedSelectedItem:
+    case stateChangeTypes.FunctionSetInputValue:
+      changes = {
+        inputValue: action.inputValue
+      };
+      break;
+
+    case stateChangeTypes.FunctionReset:
+      changes = {
+        isOpen: getDefaultValue(props, 'isOpen'),
+        selectedItem: getDefaultValue(props, 'selectedItem'),
+        inputValue: getDefaultValue(props, 'inputValue')
+      };
+      break;
+
+    default:
+      throw new Error('Reducer called without proper action type.');
+  }
+
+  return { ...state,
+    ...changes
+  };
+}
+//# sourceMappingURL=reducer.js.map

package/lib/module/components/composites/Typeahead/useTypeahead/reducer.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["reducer.tsx"],"names":["stateChangeTypes","getDefaultValue","useTypeaheadReducer","state","action","type","props","changes","ItemClick","isOpen","selectedItem","items","index","inputValue","itemToString","InputBlur","InputChange","ToggleButtonClick","FunctionToggleMenu","FunctionOpenMenu","FunctionCloseMenu","FunctionSelectItem","ControlledPropUpdatedSelectedItem","FunctionSetInputValue","FunctionReset","Error"],"mappings":"AAAA,OAAO,KAAKA,gBAAZ,MAAkC,SAAlC;AACA,SAASC,eAAT,QAAgC,SAAhC;AAQA,OAAO,SAASC,mBAAT,CAA6BC,KAA7B,EAA4CC,MAA5C,EAAyD;AAC9D,QAAM;AAAEC,IAAAA,IAAF;AAAQC,IAAAA;AAAR,MAAkBF,MAAxB;AACA,MAAIG,OAAJ;;AAEA,UAAQF,IAAR;AACE,SAAKL,gBAAgB,CAACQ,SAAtB;AACED,MAAAA,OAAO,GAAG;AACRE,QAAAA,MAAM,EAAER,eAAe,CAACK,KAAD,EAAQ,QAAR,CADf;AAERI,QAAAA,YAAY,EAAEJ,KAAK,CAACK,KAAN,CAAYP,MAAM,CAACQ,KAAnB,CAFN;AAGRC,QAAAA,UAAU,EAAEP,KAAK,CAACQ,YAAN,CAAmBR,KAAK,CAACK,KAAN,CAAYP,MAAM,CAACQ,KAAnB,CAAnB;AAHJ,OAAV;AAKA;;AACF,SAAKZ,gBAAgB,CAACe,SAAtB;AACE,UAAIZ,KAAK,CAACM,MAAV,EAAkB;AAChBF,QAAAA,OAAO,GAAG;AACRE,UAAAA,MAAM,EAAE;AADA,SAAV;AAGD;;AACD;;AACF,SAAKT,gBAAgB,CAACgB,WAAtB;AACET,MAAAA,OAAO,GAAG;AACRE,QAAAA,MAAM,EAAE,IADA;AAERI,QAAAA,UAAU,EAAET,MAAM,CAACS;AAFX,OAAV;AAIA;;AAEF,SAAKb,gBAAgB,CAACiB,iBAAtB;AACA,SAAKjB,gBAAgB,CAACkB,kBAAtB;AACEX,MAAAA,OAAO,GAAG;AACRE,QAAAA,MAAM,EAAE,CAACN,KAAK,CAACM;AADP,OAAV;AAGA;;AACF,SAAKT,gBAAgB,CAACmB,gBAAtB;AACEZ,MAAAA,OAAO,GAAG;AACRE,QAAAA,MAAM,EAAE;AADA,OAAV;AAGA;;AACF,SAAKT,gBAAgB,CAACoB,iBAAtB;AACEb,MAAAA,OAAO,GAAG;AACRE,QAAAA,MAAM,EAAE;AADA,OAAV;AAGA;;AAEF,SAAKT,gBAAgB,CAACqB,kBAAtB;AACEd,MAAAA,OAAO,GAAG;AACRG,QAAAA,YAAY,EAAEN,MAAM,CAACM,YADb;AAERG,QAAAA,UAAU,EAAEP,KAAK,CAACQ,YAAN,CAAmBV,MAAM,CAACM,YAA1B;AAFJ,OAAV;AAIA;;AACF,SAAKV,gBAAgB,CAACsB,iCAAtB;AACA,SAAKtB,gBAAgB,CAACuB,qBAAtB;AACEhB,MAAAA,OAAO,GAAG;AACRM,QAAAA,UAAU,EAAET,MAAM,CAACS;AADX,OAAV;AAGA;;AACF,SAAKb,gBAAgB,CAACwB,aAAtB;AACEjB,MAAAA,OAAO,GAAG;AACRE,QAAAA,MAAM,EAAER,eAAe,CAACK,KAAD,EAAQ,QAAR,CADf;AAERI,QAAAA,YAAY,EAAET,eAAe,CAACK,KAAD,EAAQ,cAAR,CAFrB;AAGRO,QAAAA,UAAU,EAAEZ,eAAe,CAACK,KAAD,EAAQ,YAAR;AAHnB,OAAV;AAKA;;AACF;AACE,YAAM,IAAImB,KAAJ,CAAU,4CAAV,CAAN;AA3DJ;;AA8DA,SAAO,EACL,GAAGtB,KADE;AAEL,OAAGI;AAFE,GAAP;AAID","sourcesContent":["import * as stateChangeTypes from './types';\r\nimport { getDefaultValue } from './utils';\r\n\r\ntype IState = {\r\n  isOpen: boolean;\r\n  selectedItem: any;\r\n  inputValue: string;\r\n};\r\n\r\nexport function useTypeaheadReducer(state: IState, action: any) {\r\n  const { type, props } = action;\r\n  let changes;\r\n\r\n  switch (type) {\r\n    case stateChangeTypes.ItemClick:\r\n      changes = {\r\n        isOpen: getDefaultValue(props, 'isOpen'),\r\n        selectedItem: props.items[action.index],\r\n        inputValue: props.itemToString(props.items[action.index]),\r\n      };\r\n      break;\r\n    case stateChangeTypes.InputBlur:\r\n      if (state.isOpen) {\r\n        changes = {\r\n          isOpen: false,\r\n        };\r\n      }\r\n      break;\r\n    case stateChangeTypes.InputChange:\r\n      changes = {\r\n        isOpen: true,\r\n        inputValue: action.inputValue,\r\n      };\r\n      break;\r\n\r\n    case stateChangeTypes.ToggleButtonClick:\r\n    case stateChangeTypes.FunctionToggleMenu:\r\n      changes = {\r\n        isOpen: !state.isOpen,\r\n      };\r\n      break;\r\n    case stateChangeTypes.FunctionOpenMenu:\r\n      changes = {\r\n        isOpen: true,\r\n      };\r\n      break;\r\n    case stateChangeTypes.FunctionCloseMenu:\r\n      changes = {\r\n        isOpen: false,\r\n      };\r\n      break;\r\n\r\n    case stateChangeTypes.FunctionSelectItem:\r\n      changes = {\r\n        selectedItem: action.selectedItem,\r\n        inputValue: props.itemToString(action.selectedItem),\r\n      };\r\n      break;\r\n    case stateChangeTypes.ControlledPropUpdatedSelectedItem:\r\n    case stateChangeTypes.FunctionSetInputValue:\r\n      changes = {\r\n        inputValue: action.inputValue,\r\n      };\r\n      break;\r\n    case stateChangeTypes.FunctionReset:\r\n      changes = {\r\n        isOpen: getDefaultValue(props, 'isOpen'),\r\n        selectedItem: getDefaultValue(props, 'selectedItem'),\r\n        inputValue: getDefaultValue(props, 'inputValue'),\r\n      };\r\n      break;\r\n    default:\r\n      throw new Error('Reducer called without proper action type.');\r\n  }\r\n\r\n  return {\r\n    ...state,\r\n    ...changes,\r\n  };\r\n}\r\n"]}

package/lib/module/components/composites/Typeahead/useTypeahead/types.js

@@ -0,0 +1,12 @@
+export const InputChange = '__input_change__';
+export const InputBlur = '__input_blur__';
+export const ItemClick = '__item_click__';
+export const ToggleButtonClick = '__togglebutton_click__';
+export const FunctionToggleMenu = '__function_toggle_menu__';
+export const FunctionOpenMenu = '__function_open_menu__';
+export const FunctionCloseMenu = '__function_close_menu__';
+export const FunctionSelectItem = '__function_select_item__';
+export const FunctionSetInputValue = '__function_set_input_value__';
+export const FunctionReset = '__function_reset__';
+export const ControlledPropUpdatedSelectedItem = '__controlled_prop_updated_selected_item__';
+//# sourceMappingURL=types.js.map

package/lib/module/components/composites/Typeahead/useTypeahead/types.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["types.tsx"],"names":["InputChange","InputBlur","ItemClick","ToggleButtonClick","FunctionToggleMenu","FunctionOpenMenu","FunctionCloseMenu","FunctionSelectItem","FunctionSetInputValue","FunctionReset","ControlledPropUpdatedSelectedItem"],"mappings":"AAAA,OAAO,MAAMA,WAAW,GAAG,kBAApB;AACP,OAAO,MAAMC,SAAS,GAAG,gBAAlB;AAEP,OAAO,MAAMC,SAAS,GAAG,gBAAlB;AAEP,OAAO,MAAMC,iBAAiB,GAAG,wBAA1B;AAEP,OAAO,MAAMC,kBAAkB,GAAG,0BAA3B;AACP,OAAO,MAAMC,gBAAgB,GAAG,wBAAzB;AACP,OAAO,MAAMC,iBAAiB,GAAG,yBAA1B;AAEP,OAAO,MAAMC,kBAAkB,GAAG,0BAA3B;AACP,OAAO,MAAMC,qBAAqB,GAAG,8BAA9B;AAEP,OAAO,MAAMC,aAAa,GAAG,oBAAtB;AACP,OAAO,MAAMC,iCAAiC,GAC5C,2CADK","sourcesContent":["export const InputChange = '__input_change__';\r\nexport const InputBlur = '__input_blur__';\r\n\r\nexport const ItemClick = '__item_click__';\r\n\r\nexport const ToggleButtonClick = '__togglebutton_click__';\r\n\r\nexport const FunctionToggleMenu = '__function_toggle_menu__';\r\nexport const FunctionOpenMenu = '__function_open_menu__';\r\nexport const FunctionCloseMenu = '__function_close_menu__';\r\n\r\nexport const FunctionSelectItem = '__function_select_item__';\r\nexport const FunctionSetInputValue = '__function_set_input_value__';\r\n\r\nexport const FunctionReset = '__function_reset__';\r\nexport const ControlledPropUpdatedSelectedItem =\r\n  '__controlled_prop_updated_selected_item__';\r\n\r\nexport type IItem = any;\r\nexport type IUseTypeaheadProps = {\r\n  isOpen?: boolean;\r\n  items: IItem[];\r\n  itemToString: (item?: any) => string;\r\n  selectedItem?: IItem;\r\n  onInputValueChange?: ({ inputValue }: { inputValue: string }) => any;\r\n  onSelectedItemChange?: (item: IItem) => any;\r\n};\r\n"]}

package/lib/module/components/composites/Typeahead/useTypeahead/useTypeahead.js

@@ -0,0 +1,109 @@
+import { useTypeaheadReducer } from './reducer';
+import React, { useEffect } from 'react';
+import * as stateChangeTypes from './types';
+import { Keyboard } from 'react-native';
+import { dropdownDefaultStateValues, getDefaultValue } from './utils';
+
+function isControlledProp(props, key) {
+  return props[key] !== undefined;
+}
+
+export function useTypeahead(props) {
+  let defaultValues = { ...dropdownDefaultStateValues
+  };
+  defaultValues.isOpen = getDefaultValue(props, 'isOpen');
+  const [state, dispatch] = React.useReducer(useTypeaheadReducer, defaultValues);
+
+  const dispatchWithProps = object => {
+    dispatch({ ...object,
+      props
+    });
+  };
+
+  const {
+    inputValue,
+    isOpen
+  } = state;
+  const {
+    items,
+    onInputValueChange,
+    onSelectedItemChange,
+    selectedItem,
+    itemToString
+  } = props;
+  const isControlled = isControlledProp(props, 'selectedItem');
+  useEffect(() => {
+    if (isControlled) {
+      dispatch({
+        type: stateChangeTypes.ControlledPropUpdatedSelectedItem,
+        inputValue: itemToString(selectedItem)
+      });
+    }
+  }, [selectedItem, isControlled, itemToString]);
+
+  const onChangeText = text => {
+    onInputValueChange === null || onInputValueChange === void 0 ? void 0 : onInputValueChange({
+      inputValue: text
+    });
+    dispatchWithProps({
+      type: stateChangeTypes.InputChange,
+      inputValue: text
+    });
+  };
+
+  const handleItemSelect = (item, index) => {
+    onSelectedItemChange === null || onSelectedItemChange === void 0 ? void 0 : onSelectedItemChange(item);
+    dispatchWithProps({
+      type: stateChangeTypes.ItemClick,
+      index
+    });
+    Keyboard.dismiss();
+  };
+
+  const getMenuItemProps = (item, index) => {
+    return {
+      onPress: () => handleItemSelect(item, index),
+      accessible: true,
+      accessiblityRole: 'menuitem'
+    };
+  };
+
+  const getMenuProps = () => {
+    return {
+      accessible: true,
+      accessibilityRole: 'menu',
+      accessibilityHint: "Showing ".concat(items.length, " records")
+    };
+  };
+
+  const getToggleButtonProps = () => {
+    return {
+      onPress: () => {
+        dispatchWithProps({
+          type: stateChangeTypes.ToggleButtonClick
+        });
+      }
+    };
+  };
+
+  const getInputProps = (propInputVal, propOnchangeText) => {
+    return {
+      onChangeText: propInputVal ? propOnchangeText : onChangeText,
+      value: propInputVal ? propInputVal : inputValue,
+      accessibilityRole: 'combobox',
+      accessibilityLabel: 'Typeahead input',
+      accessibilityState: {
+        expanded: isOpen
+      }
+    };
+  };
+
+  return {
+    getInputProps,
+    getMenuItemProps,
+    getMenuProps,
+    getToggleButtonProps,
+    isOpen
+  };
+}
+//# sourceMappingURL=useTypeahead.js.map

package/lib/module/components/composites/Typeahead/useTypeahead/useTypeahead.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["useTypeahead.ts"],"names":["useTypeaheadReducer","React","useEffect","stateChangeTypes","Keyboard","dropdownDefaultStateValues","getDefaultValue","isControlledProp","props","key","undefined","useTypeahead","defaultValues","isOpen","state","dispatch","useReducer","dispatchWithProps","object","inputValue","items","onInputValueChange","onSelectedItemChange","selectedItem","itemToString","isControlled","type","ControlledPropUpdatedSelectedItem","onChangeText","text","InputChange","handleItemSelect","item","index","ItemClick","dismiss","getMenuItemProps","onPress","accessible","accessiblityRole","getMenuProps","accessibilityRole","accessibilityHint","length","getToggleButtonProps","ToggleButtonClick","getInputProps","propInputVal","propOnchangeText","value","accessibilityLabel","accessibilityState","expanded"],"mappings":"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","sourcesContent":["import { useTypeaheadReducer } from './reducer';\r\nimport React, { useEffect } from 'react';\r\nimport * as stateChangeTypes from './types';\r\nimport type { AccessibilityRole } from 'react-native';\r\nimport { Keyboard } from 'react-native';\r\nimport { dropdownDefaultStateValues, getDefaultValue } from './utils';\r\n\r\nfunction isControlledProp(props: any, key: string) {\r\n  return props[key] !== undefined;\r\n}\r\n\r\nimport type { IUseTypeaheadProps } from './types';\r\n\r\nexport function useTypeahead(props: IUseTypeaheadProps) {\r\n  let defaultValues = { ...dropdownDefaultStateValues };\r\n  defaultValues.isOpen = getDefaultValue(props, 'isOpen');\r\n\r\n  const [state, dispatch] = React.useReducer(\r\n    useTypeaheadReducer,\r\n    defaultValues\r\n  );\r\n\r\n  const dispatchWithProps = (object: any) => {\r\n    dispatch({ ...object, props });\r\n  };\r\n\r\n  const { inputValue, isOpen } = state;\r\n\r\n  const {\r\n    items,\r\n    onInputValueChange,\r\n    onSelectedItemChange,\r\n    selectedItem,\r\n    itemToString,\r\n  } = props;\r\n\r\n  const isControlled = isControlledProp(props, 'selectedItem');\r\n\r\n  useEffect(() => {\r\n    if (isControlled) {\r\n      dispatch({\r\n        type: stateChangeTypes.ControlledPropUpdatedSelectedItem,\r\n        inputValue: itemToString(selectedItem),\r\n      });\r\n    }\r\n  }, [selectedItem, isControlled, itemToString]);\r\n\r\n  const onChangeText = (text: string) => {\r\n    onInputValueChange?.({ inputValue: text });\r\n    dispatchWithProps({ type: stateChangeTypes.InputChange, inputValue: text });\r\n  };\r\n\r\n  const handleItemSelect = (item: any, index: number) => {\r\n    onSelectedItemChange?.(item);\r\n    dispatchWithProps({ type: stateChangeTypes.ItemClick, index });\r\n    Keyboard.dismiss();\r\n  };\r\n\r\n  const getMenuItemProps = (item: any, index: number) => {\r\n    return {\r\n      onPress: () => handleItemSelect(item, index),\r\n      accessible: true,\r\n      accessiblityRole: 'menuitem' as AccessibilityRole,\r\n    };\r\n  };\r\n\r\n  const getMenuProps = () => {\r\n    return {\r\n      accessible: true,\r\n      accessibilityRole: 'menu' as AccessibilityRole,\r\n      accessibilityHint: `Showing ${items.length} records`,\r\n    };\r\n  };\r\n\r\n  const getToggleButtonProps = () => {\r\n    return {\r\n      onPress: () => {\r\n        dispatchWithProps({ type: stateChangeTypes.ToggleButtonClick });\r\n      },\r\n    };\r\n  };\r\n\r\n  const getInputProps = (propInputVal?: any, propOnchangeText?: any) => {\r\n    return {\r\n      onChangeText: propInputVal ? propOnchangeText : onChangeText,\r\n      value: propInputVal ? propInputVal : inputValue,\r\n      accessibilityRole: 'combobox' as AccessibilityRole,\r\n      accessibilityLabel: 'Typeahead input',\r\n      accessibilityState: {\r\n        expanded: isOpen,\r\n      },\r\n    };\r\n  };\r\n\r\n  return {\r\n    getInputProps,\r\n    getMenuItemProps,\r\n    getMenuProps,\r\n    getToggleButtonProps,\r\n    isOpen,\r\n  };\r\n}\r\n"]}

package/lib/module/components/composites/Typeahead/useTypeahead/utils.js

@@ -0,0 +1,20 @@
+export const dropdownDefaultStateValues = {
+  highlightedIndex: -1,
+  isOpen: false,
+  selectedItem: null,
+  inputValue: ''
+};
+export function capitalizeString(string) {
+  return "".concat(string.slice(0, 1).toUpperCase()).concat(string.slice(1));
+}
+export function getDefaultValue(props, propKey, defaultStateValues = dropdownDefaultStateValues) {
+  const defaultPropKey = "default".concat(capitalizeString(propKey));
+
+  if (defaultPropKey in props) {
+    return props[defaultPropKey];
+  } //@ts-ignore
+
+
+  return defaultStateValues[propKey];
+}
+//# sourceMappingURL=utils.js.map

package/lib/module/components/composites/Typeahead/useTypeahead/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["utils.ts"],"names":["dropdownDefaultStateValues","highlightedIndex","isOpen","selectedItem","inputValue","capitalizeString","string","slice","toUpperCase","getDefaultValue","props","propKey","defaultStateValues","defaultPropKey"],"mappings":"AAAA,OAAO,MAAMA,0BAA0B,GAAG;AACxCC,EAAAA,gBAAgB,EAAE,CAAC,CADqB;AAExCC,EAAAA,MAAM,EAAE,KAFgC;AAGxCC,EAAAA,YAAY,EAAE,IAH0B;AAIxCC,EAAAA,UAAU,EAAE;AAJ4B,CAAnC;AAOP,OAAO,SAASC,gBAAT,CAA0BC,MAA1B,EAA0C;AAC/C,mBAAUA,MAAM,CAACC,KAAP,CAAa,CAAb,EAAgB,CAAhB,EAAmBC,WAAnB,EAAV,SAA6CF,MAAM,CAACC,KAAP,CAAa,CAAb,CAA7C;AACD;AAED,OAAO,SAASE,eAAT,CACLC,KADK,EAELC,OAFK,EAGLC,kBAAkB,GAAGZ,0BAHhB,EAIL;AACA,QAAMa,cAAc,oBAAaR,gBAAgB,CAACM,OAAD,CAA7B,CAApB;;AAEA,MAAIE,cAAc,IAAIH,KAAtB,EAA6B;AAC3B,WAAOA,KAAK,CAACG,cAAD,CAAZ;AACD,GALD,CAMA;;;AACA,SAAOD,kBAAkB,CAACD,OAAD,CAAzB;AACD","sourcesContent":["export const dropdownDefaultStateValues = {\r\n  highlightedIndex: -1,\r\n  isOpen: false,\r\n  selectedItem: null,\r\n  inputValue: '',\r\n};\r\n\r\nexport function capitalizeString(string: string) {\r\n  return `${string.slice(0, 1).toUpperCase()}${string.slice(1)}`;\r\n}\r\n\r\nexport function getDefaultValue(\r\n  props: any,\r\n  propKey: any,\r\n  defaultStateValues = dropdownDefaultStateValues\r\n) {\r\n  const defaultPropKey = `default${capitalizeString(propKey)}`;\r\n\r\n  if (defaultPropKey in props) {\r\n    return props[defaultPropKey];\r\n  }\r\n  //@ts-ignore\r\n  return defaultStateValues[propKey];\r\n}\r\n"]}

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

@@ -0,0 +1,36 @@
+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 isNil from 'lodash.isnil';
+import React from 'react';
+import Flex from '../../primitives/Flex';
+import { useThemeProps } from '../../../hooks';
+import { useHasResponsiveProps } from '../../../hooks/useHasResponsiveProps';
+
+const Wrap = ({
+  children,
+  ...props
+}, ref) => {
+  const {
+    space,
+    ...newProps
+  } = useThemeProps('Wrap', props); //TODO: refactor for responsive prop
+
+  if (useHasResponsiveProps(props)) {
+    return null;
+  }
+
+  return /*#__PURE__*/React.createElement(Flex, _extends({
+    wrap: "wrap"
+  }, newProps, {
+    ref: ref
+  }), isNil(space) ? children : React.Children.map(children, child => {
+    return /*#__PURE__*/React.cloneElement(child, { ...props,
+      style: {
+        margin: space
+      }
+    }, child.props.children);
+  }));
+};
+
+export default /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(Wrap));
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["index.tsx"],"names":["isNil","React","Flex","useThemeProps","useHasResponsiveProps","Wrap","children","props","ref","space","newProps","Children","map","child","cloneElement","style","margin","memo","forwardRef"],"mappings":";;AAAA,OAAOA,KAAP,MAAkB,cAAlB;AACA,OAAOC,KAAP,MAAkB,OAAlB;AACA,OAAOC,IAAP,MAAiB,uBAAjB;AAEA,SAASC,aAAT,QAA8B,gBAA9B;AACA,SAASC,qBAAT,QAAsC,sCAAtC;;AAEA,MAAMC,IAAI,GAAG,CAAC;AAAEC,EAAAA,QAAF;AAAY,KAAGC;AAAf,CAAD,EAAqCC,GAArC,KAAmD;AAC9D,QAAM;AAAEC,IAAAA,KAAF;AAAS,OAAGC;AAAZ,MAAyBP,aAAa,CAAC,MAAD,EAASI,KAAT,CAA5C,CAD8D,CAG9D;;AACA,MAAIH,qBAAqB,CAACG,KAAD,CAAzB,EAAkC;AAChC,WAAO,IAAP;AACD;;AAED,sBACE,oBAAC,IAAD;AAAM,IAAA,IAAI,EAAC;AAAX,KAAsBG,QAAtB;AAAgC,IAAA,GAAG,EAAEF;AAArC,MACGR,KAAK,CAACS,KAAD,CAAL,GACGH,QADH,GAEGL,KAAK,CAACU,QAAN,CAAeC,GAAf,CAAmBN,QAAnB,EAA8BO,KAAD,IAAgB;AAC3C,wBAAOZ,KAAK,CAACa,YAAN,CACLD,KADK,EAEL,EAAE,GAAGN,KAAL;AAAYQ,MAAAA,KAAK,EAAE;AAAEC,QAAAA,MAAM,EAAEP;AAAV;AAAnB,KAFK,EAGLI,KAAK,CAACN,KAAN,CAAYD,QAHP,CAAP;AAKD,GAND,CAHN,CADF;AAaD,CArBD;;AAuBA,4BAAeL,KAAK,CAACgB,IAAN,eAAWhB,KAAK,CAACiB,UAAN,CAAiBb,IAAjB,CAAX,CAAf","sourcesContent":["import isNil from 'lodash.isnil';\r\nimport React from 'react';\r\nimport Flex from '../../primitives/Flex';\r\nimport type { IWrapProps } from './types';\r\nimport { useThemeProps } from '../../../hooks';\r\nimport { useHasResponsiveProps } from '../../../hooks/useHasResponsiveProps';\r\n\r\nconst Wrap = ({ children, ...props }: IWrapProps, ref?: any) => {\r\n  const { space, ...newProps } = useThemeProps('Wrap', 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    <Flex wrap=\"wrap\" {...newProps} ref={ref}>\r\n      {isNil(space)\r\n        ? children\r\n        : React.Children.map(children, (child: any) => {\r\n            return React.cloneElement(\r\n              child,\r\n              { ...props, style: { margin: space } },\r\n              child.props.children\r\n            );\r\n          })}\r\n    </Flex>\r\n  );\r\n};\r\n\r\nexport default React.memo(React.forwardRef(Wrap));\r\nexport type { IWrapProps };\r\n"]}

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

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

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

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

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

@@ -0,0 +1,49 @@
+export { default as AspectRatio } from './AspectRatio';
+export { default as Badge } from './Badge';
+export { default as Card } from './Card';
+export { default as IconButton } from './IconButton';
+export { Alert } from './Alert';
+export { Avatar } from './Avatar';
+export { Breadcrumb } from './Breadcrumb';
+export { default as Backdrop } from './Backdrop';
+export { default as Container } from './Container';
+export { Modal } from './Modal';
+export { default as Drawer } from './Drawer';
+export { useToast, Toast } from './Toast';
+export { default as Divider } from './Divider';
+export { default as Progress } from './Progress';
+// export { default as Stat } from './Stat';
+export { Skeleton } from './Skeleton';
+export { Accordion } from './Accordion';
+export { FormControl, useFormControlContext } from './FormControl';
+export { NumberInput, NumberInputField, NumberInputStepper, NumberIncrementStepper, NumberDecrementStepper } from './NumberInput';
+export { default as Tag } from './Tag';
+export { default as Kbd } from './KBD';
+export { default as Code } from './Code';
+export { Center, Square, Circle } from './Center';
+export { default as Wrap } from './Wrap';
+// export type { IToastProps } from './Toast';
+export { PinInput } from './PinInput';
+export * from './Transitions';
+export { default as Collapse } from './Collapse';
+export { default as CircularProgress } from './CircularProgress';
+export { Popover } from './Popover';
+export { Tooltip } from './Tooltip';
+export { AlertDialog } from './AlertDialog';
+export { Menu } from './Menu';
+export { SimpleGrid } from './SimpleGrid';
+// export { Tabs } from './Tabs';
+// export type {
+//   ITabsProps,
+//   ITabBarProps,
+//   ITabProps,
+//   ITabViewsProps,
+//   ITabViewProps,
+//   ITabsContextProps,
+// } from './Tabs';
+export { TextField } from './TextField';
+export { Actionsheet } from './Actionsheet';
+// export { AppBar } from './AppBar';
+export { Fab } from './Fab';
+export { Typeahead, useTypeahead } from './Typeahead';
+//# sourceMappingURL=index.js.map