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

package/lib/commonjs/components/composites/Tabs/Tabs.js

@@ -0,0 +1,180 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _Box = _interopRequireDefault(require("../../primitives/Box"));
+
+var _hooks = require("../../../hooks");
+
+var _Context = require("./Context");
+
+var _collections = require("@react-stately/collections");
+
+var _tabs = require("@react-stately/tabs");
+
+var _TabViews = _interopRequireDefault(require("./TabViews"));
+
+var _TabBar = _interopRequireDefault(require("./TabBar"));
+
+var _tabs2 = require("@react-native-aria/tabs");
+
+var _utils = require("../../../utils");
+
+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 getTabsAndBars = children => {
+  let bars = [];
+  let views = [];
+
+  let items = _react.default.Children.toArray(children);
+
+  let tabBarProps = {
+    props: {},
+    ref: undefined
+  };
+  let tabViewsProps = {
+    props: {},
+    ref: undefined
+  };
+  items.forEach(item => {
+    if (item.type) {
+      if (item.type.displayName === 'TabBar') {
+        bars = bars.concat(item.props.children);
+        tabBarProps = {
+          props: item.props,
+          ref: item.ref
+        };
+      } else if (item.type.displayName === 'TabViews') {
+        views = views.concat(item.props.children);
+        tabViewsProps = {
+          props: item.props,
+          ref: item.ref
+        };
+      }
+    }
+  });
+  return {
+    views,
+    bars,
+    tabViewsProps,
+    tabBarProps
+  };
+};
+
+const convertToCollectionItems = children => {
+  const {
+    views,
+    bars
+  } = getTabsAndBars(children);
+  return bars.map((bar, index) => {
+    let textValue;
+
+    if (bar.props.accessibilityLabel) {
+      textValue = bar.props.accessibilityLabel;
+    } else if (typeof bar.props.children === 'string') {
+      textValue = bar.props.children;
+    }
+
+    return /*#__PURE__*/_react.default.createElement(_collections.Item, {
+      key: index,
+      title: bar,
+      textValue: textValue
+    }, views[index]);
+  });
+};
+
+const Tabs = ({
+  children,
+  ...props
+}, ref) => {
+  const {
+    onChange,
+    activeTabStyle,
+    inactiveTabStyle,
+    activeIconProps,
+    inactiveIconProps,
+    tabBarStyle,
+    isFitted,
+    align,
+    ...newProps
+  } = (0, _hooks.useThemeProps)('Tabs', props); // useTabsState needs collection children.
+
+  const collectionChildren = convertToCollectionItems(children);
+  const {
+    tabBarProps,
+    tabViewsProps
+  } = getTabsAndBars(children);
+  const mappedProps = {
+    children: collectionChildren,
+    defaultSelectedKey: props.defaultIndex !== undefined ? props.defaultIndex.toString() : undefined,
+    selectedKey: props.index !== undefined ? props.index.toString() : undefined,
+    onSelectionChange: e => onChange && onChange(parseInt(e)),
+    keyboardActivation: props.keyboardActivation
+  }; // useTabsState needs collection children.
+
+  let state = (0, _tabs.useTabsState)(mappedProps);
+
+  const setAlign = () => {
+    switch (align) {
+      case 'start':
+        return 'flex-start';
+
+      case 'end':
+        return 'flex-end';
+
+      case 'center':
+        return 'center';
+
+      default:
+        return 'flex-start';
+    }
+  };
+
+  let tablistRef = _react.default.useRef();
+
+  let {
+    tabListProps,
+    tabPanelProps
+  } = (0, _tabs2.useTabs)(mappedProps, state, tablistRef); //TODO: refactor for responsive prop
+
+  if ((0, _useHasResponsiveProps.useHasResponsiveProps)(props)) {
+    return null;
+  }
+
+  return /*#__PURE__*/_react.default.createElement(_Context.TabsContext.Provider, {
+    value: {
+      activeTabStyle,
+      inactiveTabStyle,
+      activeIconProps,
+      inactiveIconProps,
+      tabBarStyle,
+      isFitted,
+      align: setAlign(),
+      state
+    }
+  }, /*#__PURE__*/_react.default.createElement(_Box.default, _extends({
+    width: "100%"
+  }, newProps, {
+    ref: ref
+  }), /*#__PURE__*/_react.default.createElement(_TabBar.default, _extends({
+    tabListProps: tabListProps
+  }, tabBarProps.props, {
+    tablistRef: (0, _utils.mergeRefs)([tablistRef, tabBarProps.ref])
+  })), /*#__PURE__*/_react.default.createElement(_TabViews.default, _extends({}, tabPanelProps, tabViewsProps.props, {
+    ref: tabViewsProps.ref
+  }), state.selectedItem && state.selectedItem.props.children)));
+};
+
+var _default = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default.forwardRef(Tabs));
+
+exports.default = _default;
+//# sourceMappingURL=Tabs.js.map

package/lib/commonjs/components/composites/Tabs/Tabs.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["Tabs.tsx"],"names":["getTabsAndBars","children","bars","views","items","React","Children","toArray","tabBarProps","props","ref","undefined","tabViewsProps","forEach","item","type","displayName","concat","convertToCollectionItems","map","bar","index","textValue","accessibilityLabel","Tabs","onChange","activeTabStyle","inactiveTabStyle","activeIconProps","inactiveIconProps","tabBarStyle","isFitted","align","newProps","collectionChildren","mappedProps","defaultSelectedKey","defaultIndex","toString","selectedKey","onSelectionChange","e","parseInt","keyboardActivation","state","setAlign","tablistRef","useRef","tabListProps","tabPanelProps","selectedItem","memo","forwardRef"],"mappings":"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","sourcesContent":["import React from 'react';\r\nimport Box from '../../primitives/Box';\r\nimport type { ITabsProps } from './types';\r\nimport { useThemeProps } from '../../../hooks';\r\nimport { TabsContext } from './Context';\r\nimport { Item } from '@react-stately/collections';\r\nimport { useTabsState } from '@react-stately/tabs';\r\nimport TabViews from './TabViews';\r\nimport TabBar from './TabBar';\r\nimport { useTabs } from '@react-native-aria/tabs';\r\nimport { mergeRefs } from '../../../utils';\r\nimport { useHasResponsiveProps } from '../../../hooks/useHasResponsiveProps';\r\nconst getTabsAndBars = (children: any) => {\r\n  let bars: any = [];\r\n  let views: any = [];\r\n  let items = React.Children.toArray(children);\r\n  let tabBarProps: any = { props: {}, ref: undefined };\r\n  let tabViewsProps = { props: {}, ref: undefined };\r\n  items.forEach((item: any) => {\r\n    if (item.type) {\r\n      if (item.type.displayName === 'TabBar') {\r\n        bars = bars.concat(item.props.children);\r\n        tabBarProps = { props: item.props, ref: item.ref };\r\n      } else if (item.type.displayName === 'TabViews') {\r\n        views = views.concat(item.props.children);\r\n        tabViewsProps = { props: item.props, ref: item.ref };\r\n      }\r\n    }\r\n  });\r\n  return { views, bars, tabViewsProps, tabBarProps };\r\n};\r\nconst convertToCollectionItems = (children: any) => {\r\n  const { views, bars } = getTabsAndBars(children);\r\n  return bars.map((bar: any, index: number) => {\r\n    let textValue;\r\n    if (bar.props.accessibilityLabel) {\r\n      textValue = bar.props.accessibilityLabel;\r\n    } else if (typeof bar.props.children === 'string') {\r\n      textValue = bar.props.children;\r\n    }\r\n    return (\r\n      <Item key={index} title={bar} textValue={textValue}>\r\n        {views[index]}\r\n      </Item>\r\n    );\r\n  });\r\n};\r\nconst Tabs = ({ children, ...props }: ITabsProps, ref: any) => {\r\n  const {\r\n    onChange,\r\n    activeTabStyle,\r\n    inactiveTabStyle,\r\n    activeIconProps,\r\n    inactiveIconProps,\r\n    tabBarStyle,\r\n    isFitted,\r\n    align,\r\n    ...newProps\r\n  } = useThemeProps('Tabs', props);\r\n  // useTabsState needs collection children.\r\n  const collectionChildren = convertToCollectionItems(children);\r\n  const { tabBarProps, tabViewsProps } = getTabsAndBars(children);\r\n  const mappedProps = {\r\n    children: collectionChildren,\r\n    defaultSelectedKey:\r\n      props.defaultIndex !== undefined\r\n        ? props.defaultIndex.toString()\r\n        : undefined,\r\n    selectedKey: props.index !== undefined ? props.index.toString() : undefined,\r\n    onSelectionChange: (e: any) => onChange && onChange(parseInt(e)),\r\n    keyboardActivation: props.keyboardActivation,\r\n  };\r\n  // useTabsState needs collection children.\r\n  let state = useTabsState(mappedProps);\r\n  const setAlign = () => {\r\n    switch (align) {\r\n      case 'start':\r\n        return 'flex-start';\r\n      case 'end':\r\n        return 'flex-end';\r\n      case 'center':\r\n        return 'center';\r\n      default:\r\n        return 'flex-start';\r\n    }\r\n  };\r\n  let tablistRef = React.useRef<any>();\r\n  let { tabListProps, tabPanelProps } = useTabs(mappedProps, state, tablistRef);\r\n  //TODO: refactor for responsive prop\r\n  if (useHasResponsiveProps(props)) {\r\n    return null;\r\n  }\r\n  return (\r\n    <TabsContext.Provider\r\n      value={{\r\n        activeTabStyle,\r\n        inactiveTabStyle,\r\n        activeIconProps,\r\n        inactiveIconProps,\r\n        tabBarStyle,\r\n        isFitted,\r\n        align: setAlign(),\r\n        state,\r\n      }}\r\n    >\r\n      <Box width=\"100%\" {...newProps} ref={ref}>\r\n        <TabBar\r\n          tabListProps={tabListProps}\r\n          {...tabBarProps.props}\r\n          tablistRef={mergeRefs([tablistRef, tabBarProps.ref])}\r\n        />\r\n        <TabViews\r\n          {...tabPanelProps}\r\n          {...tabViewsProps.props}\r\n          ref={tabViewsProps.ref}\r\n        >\r\n          {state.selectedItem && state.selectedItem.props.children}\r\n        </TabViews>\r\n      </Box>\r\n    </TabsContext.Provider>\r\n  );\r\n};\r\nexport default React.memo(React.forwardRef(Tabs));\r\n"]}

package/lib/commonjs/components/composites/Tabs/index.js

@@ -0,0 +1,38 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "TabsContext", {
+  enumerable: true,
+  get: function () {
+    return _Context.TabsContext;
+  }
+});
+exports.Tabs = void 0;
+
+var _Tabs = _interopRequireDefault(require("./Tabs"));
+
+var _Context = require("./Context");
+
+var _TabBar = _interopRequireDefault(require("./TabBar"));
+
+var _Tab = _interopRequireDefault(require("./Tab"));
+
+var _TabViews = _interopRequireDefault(require("./TabViews"));
+
+var _TabView = _interopRequireDefault(require("./TabView"));
+
+var _TabIcon = _interopRequireDefault(require("./TabIcon"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+const TabsTemp = _Tabs.default;
+TabsTemp.Bar = _TabBar.default;
+TabsTemp.Tab = _Tab.default;
+TabsTemp.Views = _TabViews.default;
+TabsTemp.View = _TabView.default;
+TabsTemp.Icon = _TabIcon.default;
+const Tabs = TabsTemp;
+exports.Tabs = Tabs;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["index.tsx"],"names":["TabsTemp","TabsMain","Bar","TabBar","Tab","Views","TabViews","View","TabView","Icon","TabIcon","Tabs"],"mappings":";;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;AAYA,MAAMA,QAAa,GAAGC,aAAtB;AACAD,QAAQ,CAACE,GAAT,GAAeC,eAAf;AACAH,QAAQ,CAACI,GAAT,GAAeA,YAAf;AACAJ,QAAQ,CAACK,KAAT,GAAiBC,iBAAjB;AACAN,QAAQ,CAACO,IAAT,GAAgBC,gBAAhB;AACAR,QAAQ,CAACS,IAAT,GAAgBC,gBAAhB;AAEA,MAAMC,IAAI,GAAGX,QAAb","sourcesContent":["import { default as TabsMain } from './Tabs';\r\nexport { TabsContext } from './Context';\r\nimport { default as TabBar } from './TabBar';\r\nimport { default as Tab } from './Tab';\r\nimport { default as TabViews } from './TabViews';\r\nimport { default as TabView } from './TabView';\r\nimport TabIcon from './TabIcon';\r\nimport type { ITabsComponentType } from './types';\r\n\r\nexport type {\r\n  ITabsProps,\r\n  ITabBarProps,\r\n  ITabProps,\r\n  ITabViewsProps,\r\n  ITabViewProps,\r\n  ITabsContextProps,\r\n} from './types';\r\n\r\nconst TabsTemp: any = TabsMain;\r\nTabsTemp.Bar = TabBar;\r\nTabsTemp.Tab = Tab;\r\nTabsTemp.Views = TabViews;\r\nTabsTemp.View = TabView;\r\nTabsTemp.Icon = TabIcon;\r\n\r\nconst Tabs = TabsTemp as ITabsComponentType;\r\nexport { Tabs };\r\n"]}

package/lib/commonjs/components/composites/Tabs/types.js

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

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

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

package/lib/commonjs/components/composites/Tag/index.js

@@ -0,0 +1,40 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _Box = _interopRequireDefault(require("../../primitives/Box"));
+
+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 Tag = ({
+  style,
+  ...props
+}, ref) => {
+  let resolvedProps = (0, _hooks.useThemeProps)('Tag', props); //TODO: refactor for responsive prop
+
+  if ((0, _useHasResponsiveProps.useHasResponsiveProps)(props)) {
+    return null;
+  }
+
+  return /*#__PURE__*/_react.default.createElement(_Box.default, _extends({
+    style: style
+  }, resolvedProps, {
+    ref: ref
+  }));
+};
+
+var _default = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default.forwardRef(Tag));
+
+exports.default = _default;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["index.tsx"],"names":["Tag","style","props","ref","resolvedProps","React","memo","forwardRef"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;AAEA;;;;;;AAEA,MAAMA,GAAG,GAAG,CAAC;AAAEC,EAAAA,KAAF;AAAS,KAAGC;AAAZ,CAAD,EAAiCC,GAAjC,KAA8C;AACxD,MAAIC,aAAa,GAAG,0BAAc,KAAd,EAAqBF,KAArB,CAApB,CADwD,CAExD;;AACA,MAAI,kDAAsBA,KAAtB,CAAJ,EAAkC;AAChC,WAAO,IAAP;AACD;;AACD,sBAAO,6BAAC,YAAD;AAAK,IAAA,KAAK,EAAED;AAAZ,KAAuBG,aAAvB;AAAsC,IAAA,GAAG,EAAED;AAA3C,KAAP;AACD,CAPD;;4BASeE,eAAMC,IAAN,eAAWD,eAAME,UAAN,CAAiBP,GAAjB,CAAX,C","sourcesContent":["import React from 'react';\r\nimport Box from '../../primitives/Box';\r\nimport { useThemeProps } from '../../../hooks';\r\nimport type { IInputComponentType, ITagProps } from './types';\r\nimport { useHasResponsiveProps } from '../../../hooks/useHasResponsiveProps';\r\n\r\nconst Tag = ({ style, ...props }: ITagProps, ref: any) => {\r\n  let resolvedProps = useThemeProps('Tag', props);\r\n  //TODO: refactor for responsive prop\r\n  if (useHasResponsiveProps(props)) {\r\n    return null;\r\n  }\r\n  return <Box style={style} {...resolvedProps} ref={ref} />;\r\n};\r\n\r\nexport default React.memo(React.forwardRef(Tag)) as IInputComponentType;\r\nexport type { ITagProps };\r\n"]}

package/lib/commonjs/components/composites/Tag/types.js

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

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

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

package/lib/commonjs/components/composites/TextField/TextField.js

@@ -0,0 +1,84 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _hooks = require("../../../hooks");
+
+var _Stack = require("../../primitives/Stack");
+
+var _Input = require("../../primitives/Input");
+
+var _Text = _interopRequireDefault(require("../../primitives/Text"));
+
+var _utils = require("../../../theme/tools/utils");
+
+var _Select = _interopRequireDefault(require("../../primitives/Select"));
+
+var _TextArea = _interopRequireDefault(require("../../primitives/TextArea"));
+
+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 TextField = (mainProps, ref) => {
+  //TODO: Remove `any`
+  const {
+    children,
+    helperText,
+    errorMessage,
+    InputLeftElement,
+    InputRightElement,
+    dropdownIcon,
+    ...props
+  } = mainProps;
+  const {
+    divider,
+    _errorMessageProps,
+    _helperTextProps,
+    component,
+    ...resolvedProps
+  } = (0, _hooks.usePropsResolution)('TextField', props);
+  const [layoutProps, componentProps] = (0, _utils.extractInObject)(resolvedProps, ['space', 'reversed', ..._utils.stylingProps.margin, ..._utils.stylingProps.layout, ..._utils.stylingProps.flexbox, ..._utils.stylingProps.position]); //TODO: refactor for responsive prop
+
+  if ((0, _useHasResponsiveProps.useHasResponsiveProps)(props)) {
+    return null;
+  }
+
+  const activeComponent = () => {
+    switch (component) {
+      case 'select':
+        return /*#__PURE__*/_react.default.createElement(_Select.default, _extends({}, componentProps, {
+          dropdownIcon: dropdownIcon
+        }), children);
+
+      case 'textarea':
+        return /*#__PURE__*/_react.default.createElement(_TextArea.default, _extends({}, componentProps, {
+          ref: ref
+        }));
+
+      default:
+        return /*#__PURE__*/_react.default.createElement(_Input.Input, _extends({
+          InputLeftElement: InputLeftElement,
+          InputRightElement: InputRightElement
+        }, componentProps, {
+          ref: ref
+        }));
+    }
+  };
+
+  return /*#__PURE__*/_react.default.createElement(_Stack.Stack, _extends({
+    divider: divider
+  }, layoutProps), activeComponent(), componentProps.isInvalid && /*#__PURE__*/_react.default.createElement(_Text.default, _errorMessageProps, errorMessage), !componentProps.isInvalid && /*#__PURE__*/_react.default.createElement(_Text.default, _helperTextProps, helperText));
+};
+
+var _default = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default.forwardRef(TextField));
+
+exports.default = _default;
+//# sourceMappingURL=TextField.js.map

package/lib/commonjs/components/composites/TextField/TextField.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["TextField.tsx"],"names":["TextField","mainProps","ref","children","helperText","errorMessage","InputLeftElement","InputRightElement","dropdownIcon","props","divider","_errorMessageProps","_helperTextProps","component","resolvedProps","layoutProps","componentProps","stylingProps","margin","layout","flexbox","position","activeComponent","isInvalid","React","memo","forwardRef"],"mappings":";;;;;;;AAAA;;AACA;;AAEA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;;AAEA,MAAMA,SAAS,GAAG,CAACC,SAAD,EAA6BC,GAA7B,KAA2C;AAC3D;AACA,QAAM;AACJC,IAAAA,QADI;AAEJC,IAAAA,UAFI;AAGJC,IAAAA,YAHI;AAIJC,IAAAA,gBAJI;AAKJC,IAAAA,iBALI;AAMJC,IAAAA,YANI;AAOJ,OAAGC;AAPC,MAQGR,SART;AAUA,QAAM;AACJS,IAAAA,OADI;AAEJC,IAAAA,kBAFI;AAGJC,IAAAA,gBAHI;AAIJC,IAAAA,SAJI;AAKJ,OAAGC;AALC,MAMF,+BAAmB,WAAnB,EAAgCL,KAAhC,CANJ;AAQA,QAAM,CAACM,WAAD,EAAcC,cAAd,IAAgC,4BAAgBF,aAAhB,EAA+B,CACnE,OADmE,EAEnE,UAFmE,EAGnE,GAAGG,oBAAaC,MAHmD,EAInE,GAAGD,oBAAaE,MAJmD,EAKnE,GAAGF,oBAAaG,OALmD,EAMnE,GAAGH,oBAAaI,QANmD,CAA/B,CAAtC,CApB2D,CA4B3D;;AACA,MAAI,kDAAsBZ,KAAtB,CAAJ,EAAkC;AAChC,WAAO,IAAP;AACD;;AACD,QAAMa,eAAe,GAAG,MAAM;AAC5B,YAAQT,SAAR;AACE,WAAK,QAAL;AACE,4BACE,6BAAC,eAAD,eAAYG,cAAZ;AAA4B,UAAA,YAAY,EAAER;AAA1C,YACGL,QADH,CADF;;AAKF,WAAK,UAAL;AACE,4BAAO,6BAAC,iBAAD,eAAca,cAAd;AAA8B,UAAA,GAAG,EAAEd;AAAnC,WAAP;;AACF;AACE,4BACE,6BAAC,YAAD;AACE,UAAA,gBAAgB,EAAEI,gBADpB;AAEE,UAAA,iBAAiB,EAAEC;AAFrB,WAGMS,cAHN;AAIE,UAAA,GAAG,EAAEd;AAJP,WADF;AAVJ;AAmBD,GApBD;;AAsBA,sBACE,6BAAC,YAAD;AAAO,IAAA,OAAO,EAAEQ;AAAhB,KAA6BK,WAA7B,GACGO,eAAe,EADlB,EAEGN,cAAc,CAACO,SAAf,iBACC,6BAAC,aAAD,EAAUZ,kBAAV,EAA+BN,YAA/B,CAHJ,EAKG,CAACW,cAAc,CAACO,SAAhB,iBACC,6BAAC,aAAD,EAAUX,gBAAV,EAA6BR,UAA7B,CANJ,CADF;AAWD,CAjED;;4BAmEeoB,eAAMC,IAAN,eAAWD,eAAME,UAAN,CAAiB1B,SAAjB,CAAX,C","sourcesContent":["import React from 'react';\r\nimport { usePropsResolution } from '../../../hooks';\r\nimport type { ITextFieldProps } from './types';\r\nimport { Stack } from '../../primitives/Stack';\r\nimport { Input } from '../../primitives/Input';\r\nimport Text from '../../primitives/Text';\r\nimport { extractInObject, stylingProps } from '../../../theme/tools/utils';\r\nimport Select from '../../primitives/Select';\r\nimport TextArea from '../../primitives/TextArea';\r\nimport { useHasResponsiveProps } from '../../../hooks/useHasResponsiveProps';\r\n\r\nconst TextField = (mainProps: ITextFieldProps, ref?: any) => {\r\n  //TODO: Remove `any`\r\n  const {\r\n    children,\r\n    helperText,\r\n    errorMessage,\r\n    InputLeftElement,\r\n    InputRightElement,\r\n    dropdownIcon,\r\n    ...props\r\n  }: any = mainProps;\r\n\r\n  const {\r\n    divider,\r\n    _errorMessageProps,\r\n    _helperTextProps,\r\n    component,\r\n    ...resolvedProps\r\n  } = usePropsResolution('TextField', props);\r\n\r\n  const [layoutProps, componentProps] = extractInObject(resolvedProps, [\r\n    'space',\r\n    'reversed',\r\n    ...stylingProps.margin,\r\n    ...stylingProps.layout,\r\n    ...stylingProps.flexbox,\r\n    ...stylingProps.position,\r\n  ]);\r\n  //TODO: refactor for responsive prop\r\n  if (useHasResponsiveProps(props)) {\r\n    return null;\r\n  }\r\n  const activeComponent = () => {\r\n    switch (component) {\r\n      case 'select':\r\n        return (\r\n          <Select {...componentProps} dropdownIcon={dropdownIcon}>\r\n            {children}\r\n          </Select>\r\n        );\r\n      case 'textarea':\r\n        return <TextArea {...componentProps} ref={ref} />;\r\n      default:\r\n        return (\r\n          <Input\r\n            InputLeftElement={InputLeftElement}\r\n            InputRightElement={InputRightElement}\r\n            {...componentProps}\r\n            ref={ref}\r\n          />\r\n        );\r\n    }\r\n  };\r\n\r\n  return (\r\n    <Stack divider={divider} {...layoutProps}>\r\n      {activeComponent()}\r\n      {componentProps.isInvalid && (\r\n        <Text {..._errorMessageProps}>{errorMessage}</Text>\r\n      )}\r\n      {!componentProps.isInvalid && (\r\n        <Text {..._helperTextProps}>{helperText}</Text>\r\n      )}\r\n    </Stack>\r\n  );\r\n};\r\n\r\nexport default React.memo(React.forwardRef(TextField));\r\n"]}

package/lib/commonjs/components/composites/TextField/index.js

@@ -0,0 +1,16 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "TextField", {
+  enumerable: true,
+  get: function () {
+    return _TextField.default;
+  }
+});
+
+var _TextField = _interopRequireDefault(require("./TextField"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["index.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA","sourcesContent":["export { default as TextField } from './TextField';\r\nexport type { ITextFieldProps } from './types';\r\n"]}

package/lib/commonjs/components/composites/TextField/types.js

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

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

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