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

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

@@ -0,0 +1,97 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useTypeaheadReducer = useTypeaheadReducer;
+
+var stateChangeTypes = _interopRequireWildcard(require("./types"));
+
+var _utils = require("./utils");
+
+function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function () { return cache; }; return cache; }
+
+function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+function useTypeaheadReducer(state, action) {
+  const {
+    type,
+    props
+  } = action;
+  let changes;
+
+  switch (type) {
+    case stateChangeTypes.ItemClick:
+      changes = {
+        isOpen: (0, _utils.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: (0, _utils.getDefaultValue)(props, 'isOpen'),
+        selectedItem: (0, _utils.getDefaultValue)(props, 'selectedItem'),
+        inputValue: (0, _utils.getDefaultValue)(props, 'inputValue')
+      };
+      break;
+
+    default:
+      throw new Error('Reducer called without proper action type.');
+  }
+
+  return { ...state,
+    ...changes
+  };
+}
+//# sourceMappingURL=reducer.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["reducer.tsx"],"names":["useTypeaheadReducer","state","action","type","props","changes","stateChangeTypes","ItemClick","isOpen","selectedItem","items","index","inputValue","itemToString","InputBlur","InputChange","ToggleButtonClick","FunctionToggleMenu","FunctionOpenMenu","FunctionCloseMenu","FunctionSelectItem","ControlledPropUpdatedSelectedItem","FunctionSetInputValue","FunctionReset","Error"],"mappings":";;;;;;;AAAA;;AACA;;;;;;AAQO,SAASA,mBAAT,CAA6BC,KAA7B,EAA4CC,MAA5C,EAAyD;AAC9D,QAAM;AAAEC,IAAAA,IAAF;AAAQC,IAAAA;AAAR,MAAkBF,MAAxB;AACA,MAAIG,OAAJ;;AAEA,UAAQF,IAAR;AACE,SAAKG,gBAAgB,CAACC,SAAtB;AACEF,MAAAA,OAAO,GAAG;AACRG,QAAAA,MAAM,EAAE,4BAAgBJ,KAAhB,EAAuB,QAAvB,CADA;AAERK,QAAAA,YAAY,EAAEL,KAAK,CAACM,KAAN,CAAYR,MAAM,CAACS,KAAnB,CAFN;AAGRC,QAAAA,UAAU,EAAER,KAAK,CAACS,YAAN,CAAmBT,KAAK,CAACM,KAAN,CAAYR,MAAM,CAACS,KAAnB,CAAnB;AAHJ,OAAV;AAKA;;AACF,SAAKL,gBAAgB,CAACQ,SAAtB;AACE,UAAIb,KAAK,CAACO,MAAV,EAAkB;AAChBH,QAAAA,OAAO,GAAG;AACRG,UAAAA,MAAM,EAAE;AADA,SAAV;AAGD;;AACD;;AACF,SAAKF,gBAAgB,CAACS,WAAtB;AACEV,MAAAA,OAAO,GAAG;AACRG,QAAAA,MAAM,EAAE,IADA;AAERI,QAAAA,UAAU,EAAEV,MAAM,CAACU;AAFX,OAAV;AAIA;;AAEF,SAAKN,gBAAgB,CAACU,iBAAtB;AACA,SAAKV,gBAAgB,CAACW,kBAAtB;AACEZ,MAAAA,OAAO,GAAG;AACRG,QAAAA,MAAM,EAAE,CAACP,KAAK,CAACO;AADP,OAAV;AAGA;;AACF,SAAKF,gBAAgB,CAACY,gBAAtB;AACEb,MAAAA,OAAO,GAAG;AACRG,QAAAA,MAAM,EAAE;AADA,OAAV;AAGA;;AACF,SAAKF,gBAAgB,CAACa,iBAAtB;AACEd,MAAAA,OAAO,GAAG;AACRG,QAAAA,MAAM,EAAE;AADA,OAAV;AAGA;;AAEF,SAAKF,gBAAgB,CAACc,kBAAtB;AACEf,MAAAA,OAAO,GAAG;AACRI,QAAAA,YAAY,EAAEP,MAAM,CAACO,YADb;AAERG,QAAAA,UAAU,EAAER,KAAK,CAACS,YAAN,CAAmBX,MAAM,CAACO,YAA1B;AAFJ,OAAV;AAIA;;AACF,SAAKH,gBAAgB,CAACe,iCAAtB;AACA,SAAKf,gBAAgB,CAACgB,qBAAtB;AACEjB,MAAAA,OAAO,GAAG;AACRO,QAAAA,UAAU,EAAEV,MAAM,CAACU;AADX,OAAV;AAGA;;AACF,SAAKN,gBAAgB,CAACiB,aAAtB;AACElB,MAAAA,OAAO,GAAG;AACRG,QAAAA,MAAM,EAAE,4BAAgBJ,KAAhB,EAAuB,QAAvB,CADA;AAERK,QAAAA,YAAY,EAAE,4BAAgBL,KAAhB,EAAuB,cAAvB,CAFN;AAGRQ,QAAAA,UAAU,EAAE,4BAAgBR,KAAhB,EAAuB,YAAvB;AAHJ,OAAV;AAKA;;AACF;AACE,YAAM,IAAIoB,KAAJ,CAAU,4CAAV,CAAN;AA3DJ;;AA8DA,SAAO,EACL,GAAGvB,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/commonjs/components/composites/Typeahead/useTypeahead/types.js

@@ -0,0 +1,29 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ControlledPropUpdatedSelectedItem = exports.FunctionReset = exports.FunctionSetInputValue = exports.FunctionSelectItem = exports.FunctionCloseMenu = exports.FunctionOpenMenu = exports.FunctionToggleMenu = exports.ToggleButtonClick = exports.ItemClick = exports.InputBlur = exports.InputChange = void 0;
+const InputChange = '__input_change__';
+exports.InputChange = InputChange;
+const InputBlur = '__input_blur__';
+exports.InputBlur = InputBlur;
+const ItemClick = '__item_click__';
+exports.ItemClick = ItemClick;
+const ToggleButtonClick = '__togglebutton_click__';
+exports.ToggleButtonClick = ToggleButtonClick;
+const FunctionToggleMenu = '__function_toggle_menu__';
+exports.FunctionToggleMenu = FunctionToggleMenu;
+const FunctionOpenMenu = '__function_open_menu__';
+exports.FunctionOpenMenu = FunctionOpenMenu;
+const FunctionCloseMenu = '__function_close_menu__';
+exports.FunctionCloseMenu = FunctionCloseMenu;
+const FunctionSelectItem = '__function_select_item__';
+exports.FunctionSelectItem = FunctionSelectItem;
+const FunctionSetInputValue = '__function_set_input_value__';
+exports.FunctionSetInputValue = FunctionSetInputValue;
+const FunctionReset = '__function_reset__';
+exports.FunctionReset = FunctionReset;
+const ControlledPropUpdatedSelectedItem = '__controlled_prop_updated_selected_item__';
+exports.ControlledPropUpdatedSelectedItem = ControlledPropUpdatedSelectedItem;
+//# sourceMappingURL=types.js.map

package/lib/commonjs/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":";;;;;;AAAO,MAAMA,WAAW,GAAG,kBAApB;;AACA,MAAMC,SAAS,GAAG,gBAAlB;;AAEA,MAAMC,SAAS,GAAG,gBAAlB;;AAEA,MAAMC,iBAAiB,GAAG,wBAA1B;;AAEA,MAAMC,kBAAkB,GAAG,0BAA3B;;AACA,MAAMC,gBAAgB,GAAG,wBAAzB;;AACA,MAAMC,iBAAiB,GAAG,yBAA1B;;AAEA,MAAMC,kBAAkB,GAAG,0BAA3B;;AACA,MAAMC,qBAAqB,GAAG,8BAA9B;;AAEA,MAAMC,aAAa,GAAG,oBAAtB;;AACA,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/commonjs/components/composites/Typeahead/useTypeahead/useTypeahead.js

@@ -0,0 +1,126 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useTypeahead = useTypeahead;
+
+var _reducer = require("./reducer");
+
+var _react = _interopRequireWildcard(require("react"));
+
+var stateChangeTypes = _interopRequireWildcard(require("./types"));
+
+var _reactNative = require("react-native");
+
+var _utils = require("./utils");
+
+function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function () { return cache; }; return cache; }
+
+function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+function isControlledProp(props, key) {
+  return props[key] !== undefined;
+}
+
+function useTypeahead(props) {
+  let defaultValues = { ..._utils.dropdownDefaultStateValues
+  };
+  defaultValues.isOpen = (0, _utils.getDefaultValue)(props, 'isOpen');
+
+  const [state, dispatch] = _react.default.useReducer(_reducer.useTypeaheadReducer, defaultValues);
+
+  const dispatchWithProps = object => {
+    dispatch({ ...object,
+      props
+    });
+  };
+
+  const {
+    inputValue,
+    isOpen
+  } = state;
+  const {
+    items,
+    onInputValueChange,
+    onSelectedItemChange,
+    selectedItem,
+    itemToString
+  } = props;
+  const isControlled = isControlledProp(props, 'selectedItem');
+  (0, _react.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
+    });
+
+    _reactNative.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/commonjs/components/composites/Typeahead/useTypeahead/useTypeahead.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["useTypeahead.ts"],"names":["isControlledProp","props","key","undefined","useTypeahead","defaultValues","dropdownDefaultStateValues","isOpen","state","dispatch","React","useReducer","useTypeaheadReducer","dispatchWithProps","object","inputValue","items","onInputValueChange","onSelectedItemChange","selectedItem","itemToString","isControlled","type","stateChangeTypes","ControlledPropUpdatedSelectedItem","onChangeText","text","InputChange","handleItemSelect","item","index","ItemClick","Keyboard","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/commonjs/components/composites/Typeahead/useTypeahead/utils.js

@@ -0,0 +1,31 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.capitalizeString = capitalizeString;
+exports.getDefaultValue = getDefaultValue;
+exports.dropdownDefaultStateValues = void 0;
+const dropdownDefaultStateValues = {
+  highlightedIndex: -1,
+  isOpen: false,
+  selectedItem: null,
+  inputValue: ''
+};
+exports.dropdownDefaultStateValues = dropdownDefaultStateValues;
+
+function capitalizeString(string) {
+  return "".concat(string.slice(0, 1).toUpperCase()).concat(string.slice(1));
+}
+
+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/commonjs/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":";;;;;;;;AAAO,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;;;AAOA,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;;AAEM,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/commonjs/components/composites/Wrap/index.js

@@ -0,0 +1,51 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _lodash = _interopRequireDefault(require("lodash.isnil"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _Flex = _interopRequireDefault(require("../../primitives/Flex"));
+
+var _hooks = require("../../../hooks");
+
+var _useHasResponsiveProps = require("../../../hooks/useHasResponsiveProps");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+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); }
+
+const Wrap = ({
+  children,
+  ...props
+}, ref) => {
+  const {
+    space,
+    ...newProps
+  } = (0, _hooks.useThemeProps)('Wrap', props); //TODO: refactor for responsive prop
+
+  if ((0, _useHasResponsiveProps.useHasResponsiveProps)(props)) {
+    return null;
+  }
+
+  return /*#__PURE__*/_react.default.createElement(_Flex.default, _extends({
+    wrap: "wrap"
+  }, newProps, {
+    ref: ref
+  }), (0, _lodash.default)(space) ? children : _react.default.Children.map(children, child => {
+    return /*#__PURE__*/_react.default.cloneElement(child, { ...props,
+      style: {
+        margin: space
+      }
+    }, child.props.children);
+  }));
+};
+
+var _default = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default.forwardRef(Wrap));
+
+exports.default = _default;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["index.tsx"],"names":["Wrap","children","props","ref","space","newProps","React","Children","map","child","cloneElement","style","margin","memo","forwardRef"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;AAEA;;AACA;;;;;;AAEA,MAAMA,IAAI,GAAG,CAAC;AAAEC,EAAAA,QAAF;AAAY,KAAGC;AAAf,CAAD,EAAqCC,GAArC,KAAmD;AAC9D,QAAM;AAAEC,IAAAA,KAAF;AAAS,OAAGC;AAAZ,MAAyB,0BAAc,MAAd,EAAsBH,KAAtB,CAA/B,CAD8D,CAG9D;;AACA,MAAI,kDAAsBA,KAAtB,CAAJ,EAAkC;AAChC,WAAO,IAAP;AACD;;AAED,sBACE,6BAAC,aAAD;AAAM,IAAA,IAAI,EAAC;AAAX,KAAsBG,QAAtB;AAAgC,IAAA,GAAG,EAAEF;AAArC,MACG,qBAAMC,KAAN,IACGH,QADH,GAEGK,eAAMC,QAAN,CAAeC,GAAf,CAAmBP,QAAnB,EAA8BQ,KAAD,IAAgB;AAC3C,wBAAOH,eAAMI,YAAN,CACLD,KADK,EAEL,EAAE,GAAGP,KAAL;AAAYS,MAAAA,KAAK,EAAE;AAAEC,QAAAA,MAAM,EAAER;AAAV;AAAnB,KAFK,EAGLK,KAAK,CAACP,KAAN,CAAYD,QAHP,CAAP;AAKD,GAND,CAHN,CADF;AAaD,CArBD;;4BAuBeK,eAAMO,IAAN,eAAWP,eAAMQ,UAAN,CAAiBd,IAAjB,CAAX,C","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/commonjs/components/composites/Wrap/types.js

@@ -0,0 +1,2 @@
+"use strict";
+//# sourceMappingURL=types.js.map

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

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