etendo-ui-library 1.3.140 → 1.3.142
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist-native/assets/images/icons/XIcon.d.ts +3 -1
- package/dist-native/assets/images/icons/XIcon.js +1 -1
- package/dist-native/components/containers/gridContainer/GridContainer.d.ts +4 -0
- package/dist-native/components/containers/gridContainer/GridContainer.js +1 -0
- package/dist-native/components/containers/gridContainer/GridContainer.styles.d.ts +6 -0
- package/dist-native/components/containers/gridContainer/GridContainer.styles.js +1 -0
- package/dist-native/components/containers/gridContainer/GridContainer.types.d.ts +7 -0
- package/dist-native/components/containers/gridContainer/GridContainer.types.js +1 -0
- package/dist-native/components/containers/gridContainer/index.d.ts +2 -0
- package/dist-native/components/containers/gridContainer/index.js +1 -0
- package/dist-native/components/containers/searchContainer/SearchContainer.default.js +1 -1
- package/dist-native/components/containers/searchContainer/SearchContainer.js +1 -1
- package/dist-native/components/containers/searchContainer/SearchContainer.styles.d.ts +0 -1
- package/dist-native/components/containers/searchContainer/SearchContainer.styles.js +1 -1
- package/dist-native/components/containers/titleContainer/TitleContainer.js +1 -1
- package/dist-native/components/containers/titleContainer/TitleContainer.types.d.ts +4 -3
- package/dist-native/components/inputBase/InputBase.js +1 -1
- package/dist-native/components/inputBase/dropdown-input/DropdownInput.js +1 -1
- package/dist-native/components/modal/components/maximizedView/MaximizedView.js +1 -1
- package/dist-native/components/modal/components/minimizedView/MinimizedView.js +1 -1
- package/dist-native/components/table/Table.js +1 -1
- package/dist-web/assets/images/icons/XIcon.d.ts +3 -1
- package/dist-web/assets/images/icons/XIcon.js +6 -4
- package/dist-web/components/containers/gridContainer/GridContainer.d.ts +4 -0
- package/dist-web/components/containers/gridContainer/GridContainer.js +25 -0
- package/dist-web/components/containers/gridContainer/GridContainer.styles.d.ts +6 -0
- package/dist-web/components/containers/gridContainer/GridContainer.styles.js +7 -0
- package/dist-web/components/containers/gridContainer/GridContainer.types.d.ts +7 -0
- package/dist-web/components/containers/gridContainer/GridContainer.types.js +1 -0
- package/dist-web/components/containers/gridContainer/index.d.ts +2 -0
- package/dist-web/components/containers/gridContainer/index.js +2 -0
- package/dist-web/components/containers/searchContainer/SearchContainer.default.js +0 -2
- package/dist-web/components/containers/searchContainer/SearchContainer.js +3 -6
- package/dist-web/components/containers/searchContainer/SearchContainer.styles.d.ts +0 -1
- package/dist-web/components/containers/searchContainer/SearchContainer.styles.js +0 -1
- package/dist-web/components/containers/titleContainer/TitleContainer.js +11 -43
- package/dist-web/components/containers/titleContainer/TitleContainer.types.d.ts +4 -3
- package/dist-web/components/inputBase/InputBase.js +4 -4
- package/dist-web/components/inputBase/dropdown-input/DropdownInput.js +54 -41
- package/dist-web/components/modal/components/maximizedView/MaximizedView.js +4 -4
- package/dist-web/components/modal/components/minimizedView/MinimizedView.js +4 -4
- package/dist-web/components/table/Table.js +3 -3
- package/index.d.ts +2 -2
- package/index.js +2 -2
- package/package.json +1 -1
|
@@ -3,5 +3,7 @@ import { ColorValue } from 'react-native';
|
|
|
3
3
|
export interface SvgImageProps {
|
|
4
4
|
style?: any;
|
|
5
5
|
fill?: ColorValue;
|
|
6
|
+
width?: number;
|
|
7
|
+
height?: number;
|
|
6
8
|
}
|
|
7
|
-
export declare const XIcon: ({ style, fill }: SvgImageProps) => React.JSX.Element;
|
|
9
|
+
export declare const XIcon: ({ style, width, height, fill, }: SvgImageProps) => React.JSX.Element;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.XIcon=void 0;var _react=_interopRequireDefault(require("react"));var _reactNativeSvg=require("react-native-svg");var _colors=require("../../../styles/colors");var _svg_utils=require("../../../helpers/svg_utils");var _this=this,_jsxFileName="/home/jenkins/agent/workspace/etendo_ui_library_develop/etendo_ui_library/src/assets/images/icons/XIcon.tsx";var XIcon=exports.XIcon=function XIcon(_ref){var style=_ref.style,_ref$fill=_ref.fill,fill=_ref$fill===void 0?_colors.DEFAULT_COLOR_THEME:_ref$fill;var
|
|
1
|
+
var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.XIcon=void 0;var _react=_interopRequireDefault(require("react"));var _reactNativeSvg=require("react-native-svg");var _colors=require("../../../styles/colors");var _svg_utils=require("../../../helpers/svg_utils");var _this=this,_jsxFileName="/home/jenkins/agent/workspace/etendo_ui_library_develop/etendo_ui_library/src/assets/images/icons/XIcon.tsx";var XIcon=exports.XIcon=function XIcon(_ref){var style=_ref.style,width=_ref.width,height=_ref.height,_ref$fill=_ref.fill,fill=_ref$fill===void 0?_colors.DEFAULT_COLOR_THEME:_ref$fill;var sizeWidth=(0,_svg_utils.sizeSvg)((style==null?void 0:style.width)||width,24);var sizeHeight=(0,_svg_utils.sizeSvg)((style==null?void 0:style.height)||height,24);return _react.default.createElement(_reactNativeSvg.Svg,{width:sizeWidth,height:sizeHeight,viewBox:"0 0 24 24",fill:"none",__self:_this,__source:{fileName:_jsxFileName,lineNumber:19,columnNumber:5}},_react.default.createElement(_reactNativeSvg.Path,{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M13.4101 12L18.7101 6.71C19.1001 6.32 19.1001 5.69 18.7101 5.3C18.3201 4.91 17.6901 4.91 17.3001 5.3L12.0101 10.59L6.71006 5.29C6.32006 4.9 5.68006 4.9 5.29006 5.29C4.90006 5.68 4.90006 6.32 5.29006 6.71L10.5801 12L5.29006 17.29C4.90006 17.68 4.90006 18.31 5.29006 18.7C5.68006 19.09 6.31006 19.09 6.70006 18.7L11.9901 13.41L17.2801 18.7C17.6701 19.09 18.3001 19.09 18.6901 18.7C19.0801 18.31 19.0801 17.68 18.6901 17.29L13.4001 12H13.4101Z",fill:fill,__self:_this,__source:{fileName:_jsxFileName,lineNumber:20,columnNumber:7}}));};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var _react=_interopRequireDefault(require("react"));var _reactNative=require("react-native");var _GridContainer=require("./GridContainer.styles");var _this=this,_jsxFileName="/home/jenkins/agent/workspace/etendo_ui_library_develop/etendo_ui_library/src/components/containers/gridContainer/GridContainer.tsx";var GridContainer=function GridContainer(_ref){var _ref$gap=_ref.gap,gap=_ref$gap===void 0?2:_ref$gap,_ref$components=_ref.components,components=_ref$components===void 0?[]:_ref$components,stylesContainer=_ref.stylesContainer;return _react.default.createElement(_reactNative.View,{style:[_GridContainer.styles.container,stylesContainer,{marginHorizontal:-(gap/2),marginVertical:-(gap/2)}],__self:_this,__source:{fileName:_jsxFileName,lineNumber:12,columnNumber:5}},components.map(function(item,index){return _react.default.createElement(_reactNative.View,{key:index,style:{marginHorizontal:gap/2,marginVertical:gap/2},__self:_this,__source:{fileName:_jsxFileName,lineNumber:22,columnNumber:9}},item);}));};var _default=exports.default=GridContainer;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
Object.defineProperty(exports,"__esModule",{value:true});exports.styles=void 0;var _reactNative=require("react-native");var styles=exports.styles=_reactNative.StyleSheet.create({container:{flexDirection:'row',flexWrap:'wrap'}});
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
Object.defineProperty(exports,"__esModule",{value:true});
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});Object.defineProperty(exports,"GridContainer",{enumerable:true,get:function get(){return _GridContainer.default;}});var _GridContainer=_interopRequireDefault(require("./GridContainer"));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
Object.defineProperty(exports,"__esModule",{value:true});exports.DEFAULT_SEARCH_CONTAINER=void 0;var DEFAULT_SEARCH_CONTAINER=exports.DEFAULT_SEARCH_CONTAINER={
|
|
1
|
+
Object.defineProperty(exports,"__esModule",{value:true});exports.DEFAULT_SEARCH_CONTAINER=void 0;var DEFAULT_SEARCH_CONTAINER=exports.DEFAULT_SEARCH_CONTAINER={flexDirection:'row',flexWrap:'wrap',paddingHorizontal:0,paddingVertical:16};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var _slicedToArray2=_interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));var _react=_interopRequireWildcard(require("react"));var _reactNative=require("react-native");var _SearchContainer=require("./SearchContainer.default");var _SearchContainer2=require("./SearchContainer.styles");var _input=require("../../input");var
|
|
1
|
+
var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var _slicedToArray2=_interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));var _react=_interopRequireWildcard(require("react"));var _reactNative=require("react-native");var _SearchContainer=require("./SearchContainer.default");var _SearchContainer2=require("./SearchContainer.styles");var _input=require("../../input");var _gridContainer=require("../gridContainer");var _this=this,_jsxFileName="/home/jenkins/agent/workspace/etendo_ui_library_develop/etendo_ui_library/src/components/containers/searchContainer/SearchContainer.tsx";function _getRequireWildcardCache(e){if("function"!=typeof WeakMap)return null;var r=new WeakMap(),t=new WeakMap();return(_getRequireWildcardCache=function _getRequireWildcardCache(e){return e?t:r;})(e);}function _interopRequireWildcard(e,r){if(!r&&e&&e.__esModule)return e;if(null===e||"object"!=typeof e&&"function"!=typeof e)return{default:e};var t=_getRequireWildcardCache(r);if(t&&t.has(e))return t.get(e);var n={__proto__:null},a=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var u in e)if("default"!==u&&Object.prototype.hasOwnProperty.call(e,u)){var i=a?Object.getOwnPropertyDescriptor(e,u):null;i&&(i.get||i.set)?Object.defineProperty(n,u,i):n[u]=e[u];}return n.default=e,t&&t.set(e,n),n;}var SearchContainer=function SearchContainer(_ref){var value=_ref.value,buttons=_ref.buttons,style=_ref.style,_onSubmit=_ref.onSubmit,_ref$placeholder=_ref.placeholder,placeholder=_ref$placeholder===void 0?'':_ref$placeholder,_ref$height=_ref.height,height=_ref$height===void 0?50:_ref$height,widthSearchInput=_ref.widthSearchInput;var _useState=(0,_react.useState)(value?value:''),_useState2=(0,_slicedToArray2.default)(_useState,2),valueContainer=_useState2[0],setValueContainer=_useState2[1];return _react.default.createElement(_reactNative.View,{style:[_SearchContainer.DEFAULT_SEARCH_CONTAINER,style],__self:_this,__source:{fileName:_jsxFileName,lineNumber:21,columnNumber:5}},_react.default.createElement(_reactNative.View,{style:[_SearchContainer2.styles.inputContainer,widthSearchInput?{width:widthSearchInput}:null],__self:_this,__source:{fileName:_jsxFileName,lineNumber:22,columnNumber:7}},_react.default.createElement(_input.Input,{value:valueContainer,onChangeText:function onChangeText(valueChange){setValueContainer(valueChange);},onSubmit:function onSubmit(){return _onSubmit(valueContainer);},placeholder:placeholder,typeField:"textInputSearch",height:height,__self:_this,__source:{fileName:_jsxFileName,lineNumber:27,columnNumber:9}})),_react.default.createElement(_reactNative.View,{style:_SearchContainer2.styles.spacing,__self:_this,__source:{fileName:_jsxFileName,lineNumber:38,columnNumber:7}}),_react.default.createElement(_gridContainer.GridContainer,{components:buttons,__self:_this,__source:{fileName:_jsxFileName,lineNumber:39,columnNumber:7}}));};var _default=exports.default=SearchContainer;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
Object.defineProperty(exports,"__esModule",{value:true});exports.styles=void 0;var _reactNative=require("react-native");var _table_utils=require("../../../helpers/table_utils");var styles=exports.styles=_reactNative.StyleSheet.create({inputContainer:{width:_table_utils.isDeviceTablet?'50%':'100%'},spacing:{
|
|
1
|
+
Object.defineProperty(exports,"__esModule",{value:true});exports.styles=void 0;var _reactNative=require("react-native");var _table_utils=require("../../../helpers/table_utils");var styles=exports.styles=_reactNative.StyleSheet.create({inputContainer:{width:_table_utils.isDeviceTablet?'50%':'100%'},spacing:{height:12}});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var
|
|
1
|
+
var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var _react=_interopRequireDefault(require("react"));var _reactNative=require("react-native");var _TitleContainer=require("./TitleContainer.default");var _gridContainer=require("../gridContainer");var _this=this,_jsxFileName="/home/jenkins/agent/workspace/etendo_ui_library_develop/etendo_ui_library/src/components/containers/titleContainer/TitleContainer.tsx";var TitleContainer=function TitleContainer(_ref){var buttons=_ref.buttons,title=_ref.title,styleContainer=_ref.styleContainer,styleTitle=_ref.styleTitle,styleGridContainer=_ref.styleGridContainer,buttonsGap=_ref.buttonsGap;return _react.default.createElement(_reactNative.View,{style:[_TitleContainer.DEFAULT.TITLE_CONTAINER,styleContainer],__self:_this,__source:{fileName:_jsxFileName,lineNumber:16,columnNumber:5}},_react.default.createElement(_reactNative.Text,{style:[_TitleContainer.DEFAULT.TITLE_STYLE,styleTitle],numberOfLines:1,ellipsizeMode:"tail",__self:_this,__source:{fileName:_jsxFileName,lineNumber:17,columnNumber:7}},title),buttons&&_react.default.createElement(_gridContainer.GridContainer,{components:buttons,stylesContainer:styleGridContainer,gap:buttonsGap,__self:_this,__source:{fileName:_jsxFileName,lineNumber:24,columnNumber:9}}));};var _default=exports.default=TitleContainer;
|
|
@@ -1,9 +1,10 @@
|
|
|
1
1
|
import { ReactNode } from 'react';
|
|
2
|
-
import {
|
|
2
|
+
import { TextStyle, ViewStyle } from 'react-native';
|
|
3
3
|
export interface ITitleContainer {
|
|
4
4
|
buttons?: ReactNode[];
|
|
5
|
-
|
|
6
|
-
|
|
5
|
+
styleContainer?: ViewStyle;
|
|
6
|
+
styleGridContainer?: ViewStyle;
|
|
7
|
+
styleTitle?: TextStyle;
|
|
7
8
|
buttonsGap?: number;
|
|
8
9
|
title: string;
|
|
9
10
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var _toConsumableArray2=_interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));var _slicedToArray2=_interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));var _reactNative=require("react-native");var _react=_interopRequireWildcard(require("react"));var
|
|
1
|
+
var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var _toConsumableArray2=_interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));var _slicedToArray2=_interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));var _reactNative=require("react-native");var _react=_interopRequireWildcard(require("react"));var _button=require("../button");var _CornerDownRightIcon=require("../../assets/images/icons/CornerDownRightIcon");var _InputBase=require("./InputBase.styles");var _colors=require("../../styles/colors");var _table_utils=require("../../helpers/table_utils");var _gridContainer=require("../containers/gridContainer");var _this=this,_jsxFileName="/home/jenkins/agent/workspace/etendo_ui_library_develop/etendo_ui_library/src/components/inputBase/InputBase.tsx";function _getRequireWildcardCache(e){if("function"!=typeof WeakMap)return null;var r=new WeakMap(),t=new WeakMap();return(_getRequireWildcardCache=function _getRequireWildcardCache(e){return e?t:r;})(e);}function _interopRequireWildcard(e,r){if(!r&&e&&e.__esModule)return e;if(null===e||"object"!=typeof e&&"function"!=typeof e)return{default:e};var t=_getRequireWildcardCache(r);if(t&&t.has(e))return t.get(e);var n={__proto__:null},a=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var u in e)if("default"!==u&&Object.prototype.hasOwnProperty.call(e,u)){var i=a?Object.getOwnPropertyDescriptor(e,u):null;i&&(i.get||i.set)?Object.defineProperty(n,u,i):n[u]=e[u];}return n.default=e,t&&t.set(e,n),n;}var InputBase=function InputBase(_ref){var value=_ref.value,placeholder=_ref.placeholder,title=_ref.title,helperText=_ref.helperText,isDisabled=_ref.isDisabled,isError=_ref.isError,onChangeText=_ref.onChangeText,icon=_ref.icon,rightButtons=_ref.rightButtons,onPress=_ref.onPress,onSubmit=_ref.onSubmit,isLoading=_ref.isLoading,onBlur=_ref.onBlur,secureTextEntry=_ref.secureTextEntry,_ref$keyboardType=_ref.keyboardType,keyboardType=_ref$keyboardType===void 0?'default':_ref$keyboardType;var _useState=(0,_react.useState)(false),_useState2=(0,_slicedToArray2.default)(_useState,2),isFocused=_useState2[0],setIsFocused=_useState2[1];var _useState3=(0,_react.useState)([]),_useState4=(0,_slicedToArray2.default)(_useState3,2),buttons=_useState4[0],setButtons=_useState4[1];var onFocusChange=function onFocusChange(){setIsFocused(true);};var onBlurChange=function onBlurChange(){setIsFocused(false);onBlur==null?void 0:onBlur();};function determineTextColor(isError,isDisabled){if(isDisabled){return _colors.NEUTRAL_500;}return isError?_colors.DANGER_700:_colors.NEUTRAL_800;}var borderWidth=isFocused?1.5:1;var paddingVertical=13-(borderWidth-1);var paddingLeft=12-(borderWidth-1);var paddingRight=(rightButtons!=null&&rightButtons.length?3:12)-(borderWidth-1);var isEditable=onPress?false:!isDisabled;var borderStyle=function borderStyle(){if(!value&&!isFocused){return _InputBase.styles.containerPlaceholder;}if(isDisabled){return _InputBase.styles.containerIsDisabled;}if(isError){return _InputBase.styles.containerIsError;}};var iconColorStyle=function iconColorStyle(){if(!value){return _InputBase.styles.iconPlaceholder.color;}if(isDisabled){return _InputBase.styles.iconIsDisabled.color;}if(isFocused){return _InputBase.styles.iconIsFocus.color;}if(isError){return _InputBase.styles.iconIsError.color;}};var textColorStyle=function textColorStyle(){if(!value){return _InputBase.styles.textPlaceholder;}if(isDisabled){return _InputBase.styles.textIsDisabled;}if(isFocused){return _InputBase.styles.textIsFocus;}if(isError&&!isFocused){return _InputBase.styles.textIsError;}};var textInputStyle=[_InputBase.styles.textInput,textColorStyle()];if(_reactNative.Platform.OS==='web'){textInputStyle.push({outlineWidth:0});}(0,_react.useEffect)(function(){setButtons([].concat((0,_toConsumableArray2.default)(rightButtons!=null?rightButtons:[]),[onSubmit!==undefined&&_react.default.createElement(_reactNative.View,{style:{marginLeft:8},__self:_this,__source:{fileName:_jsxFileName,lineNumber:118,columnNumber:9}},_react.default.createElement(_button.Button,{paddingVertical:7,paddingHorizontal:8,typeStyle:"white",onPress:onSubmit,iconLeft:_react.default.createElement(_CornerDownRightIcon.CornerDownRightIcon,{style:_InputBase.styles.iconSize,__self:_this,__source:{fileName:_jsxFileName,lineNumber:124,columnNumber:23}}),disabled:isLoading,__self:_this,__source:{fileName:_jsxFileName,lineNumber:119,columnNumber:11}}))]));},[onSubmit,isLoading,rightButtons]);var handleChange=function handleChange(string){if(onChangeText&&keyboardType){if(['numeric','number-pad','phone-pad','decimal-pad'].includes(keyboardType)){var regexNumber=/^[\d.,\/]*$/;if(regexNumber.test(string)||string===''){onChangeText(string);}}else{onChangeText(string);}}};return _react.default.createElement(_react.default.Fragment,null,!!title&&_react.default.createElement(_reactNative.Text,{numberOfLines:1,ellipsizeMode:"tail",style:[_InputBase.styles.title,{color:determineTextColor(isError,isDisabled)}],__self:_this,__source:{fileName:_jsxFileName,lineNumber:151,columnNumber:9}},title),_react.default.createElement(_reactNative.View,{style:[_InputBase.styles.container,borderStyle(),{borderWidth:borderWidth,paddingVertical:paddingVertical,paddingLeft:paddingLeft,paddingRight:paddingRight}],__self:_this,__source:{fileName:_jsxFileName,lineNumber:161,columnNumber:7}},!!icon&&_react.default.createElement(_reactNative.TouchableOpacity,{disabled:!icon.onPress||isDisabled,onPress:function onPress(){if(icon.onPress){icon.onPress();}},style:[_InputBase.styles.icon,isDisabled?{opacity:0.5}:{opacity:1}],__self:_this,__source:{fileName:_jsxFileName,lineNumber:173,columnNumber:11}},icon),_react.default.createElement(_reactNative.TouchableOpacity,{disabled:isDisabled,style:textInputStyle,onPress:onPress,__self:_this,__source:{fileName:_jsxFileName,lineNumber:187,columnNumber:9}},_react.default.createElement(_reactNative.TextInput,{value:value,onPressIn:onPress,onChangeText:handleChange,placeholder:placeholder,editable:isEditable,onFocus:onFocusChange,onBlur:onBlurChange,style:[textInputStyle,onPress&&(0,_table_utils.cursorPointer)()],onSubmitEditing:onSubmit||function(){},keyboardType:keyboardType,secureTextEntry:secureTextEntry,__self:_this,__source:{fileName:_jsxFileName,lineNumber:191,columnNumber:11}})),!!buttons&&_react.default.createElement(_gridContainer.GridContainer,{stylesContainer:_InputBase.styles.buttonContainer,components:buttons,__self:_this,__source:{fileName:_jsxFileName,lineNumber:206,columnNumber:11}})),!!helperText&&_react.default.createElement(_reactNative.Text,{numberOfLines:1,ellipsizeMode:"tail",style:[_InputBase.styles.helperText,{color:determineTextColor(isError,isDisabled)}],__self:_this,__source:{fileName:_jsxFileName,lineNumber:213,columnNumber:9}},helperText));};var _default=exports.default=InputBase;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var _extends2=_interopRequireDefault(require("@babel/runtime/helpers/extends"));var _toConsumableArray2=_interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));var _asyncToGenerator2=_interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));var _slicedToArray2=_interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));var _objectWithoutProperties2=_interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));var _react=_interopRequireWildcard(require("react"));var _reactNative=require("react-native");var _InputBase=_interopRequireDefault(require("../InputBase"));var _DropdownInput=require("./DropdownInput.styles");var _DropdownInput2=require("./DropdownInput.constants");var _table_utils=require("../../../helpers/table_utils");var _functions_utils=require("../../../helpers/functions_utils");var _colors=require("../../../styles/colors");var _DropdownArrowIcon=require("../../../assets/images/icons/DropdownArrowIcon");var _icons=require("../../../assets/images/icons");var _excluded=["title","onSelect","fetchData","displayKey","pageSize","staticData","helperText","isDisabled","maxVisibleOptions","noResultsText","searchPlaceholder","placeholder"];var _this=this,_jsxFileName="/home/jenkins/agent/workspace/etendo_ui_library_develop/etendo_ui_library/src/components/inputBase/dropdown-input/DropdownInput.tsx";function _getRequireWildcardCache(e){if("function"!=typeof WeakMap)return null;var r=new WeakMap(),t=new WeakMap();return(_getRequireWildcardCache=function _getRequireWildcardCache(e){return e?t:r;})(e);}function _interopRequireWildcard(e,r){if(!r&&e&&e.__esModule)return e;if(null===e||"object"!=typeof e&&"function"!=typeof e)return{default:e};var t=_getRequireWildcardCache(r);if(t&&t.has(e))return t.get(e);var n={__proto__:null},a=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var u in e)if("default"!==u&&Object.prototype.hasOwnProperty.call(e,u)){var i=a?Object.getOwnPropertyDescriptor(e,u):null;i&&(i.get||i.set)?Object.defineProperty(n,u,i):n[u]=e[u];}return n.default=e,t&&t.set(e,n),n;}var DropdownInput=function DropdownInput(_ref){var title=_ref.title,onSelect=_ref.onSelect,fetchData=_ref.fetchData,displayKey=_ref.displayKey,_ref$pageSize=_ref.pageSize,pageSize=_ref$pageSize===void 0?10:_ref$pageSize,_ref$staticData=_ref.staticData,staticData=_ref$staticData===void 0?[]:_ref$staticData,_ref$helperText=_ref.helperText,helperText=_ref$helperText===void 0?'':_ref$helperText,_ref$isDisabled=_ref.isDisabled,isDisabled=_ref$isDisabled===void 0?false:_ref$isDisabled,_ref$maxVisibleOption=_ref.maxVisibleOptions,maxVisibleOptions=_ref$maxVisibleOption===void 0?5:_ref$maxVisibleOption,_ref$noResultsText=_ref.noResultsText,noResultsText=_ref$noResultsText===void 0?'No results':_ref$noResultsText,_ref$searchPlaceholde=_ref.searchPlaceholder,searchPlaceholder=_ref$searchPlaceholde===void 0?'Search':_ref$searchPlaceholde,_ref$placeholder=_ref.placeholder,placeholder=_ref$placeholder===void 0?'Select an Option':_ref$placeholder,inputBaseProps=(0,_objectWithoutProperties2.default)(_ref,_excluded);var dropdownRef=(0,_react.useRef)(null);var flatListRef=(0,_react.useRef)(null);var searchInputRef=(0,_react.useRef)(null);var inputContainerRef=(0,_react.useRef)(null);var _useState=(0,_react.useState)(1),_useState2=(0,_slicedToArray2.default)(_useState,2),page=_useState2[0],setPage=_useState2[1];var _useState3=(0,_react.useState)(true),_useState4=(0,_slicedToArray2.default)(_useState3,2),hasMore=_useState4[0],setHasMore=_useState4[1];var _useState5=(0,_react.useState)(false),_useState6=(0,_slicedToArray2.default)(_useState5,2),loading=_useState6[0],setLoading=_useState6[1];var _useState7=(0,_react.useState)([]),_useState8=(0,_slicedToArray2.default)(_useState7,2),options=_useState8[0],setOptions=_useState8[1];var _useState9=(0,_react.useState)(new Set()),_useState10=(0,_slicedToArray2.default)(_useState9,2),loadedPages=_useState10[0],setLoadedPages=_useState10[1];var _useState11=(0,_react.useState)(''),_useState12=(0,_slicedToArray2.default)(_useState11,2),searchQuery=_useState12[0],setSearchQuery=_useState12[1];var _useState13=(0,_react.useState)(false),_useState14=(0,_slicedToArray2.default)(_useState13,2),loadingMore=_useState14[0],setLoadingMore=_useState14[1];var _useState15=(0,_react.useState)([]),_useState16=(0,_slicedToArray2.default)(_useState15,2),searchOptions=_useState16[0],setSearchOptions=_useState16[1];var _useState17=(0,_react.useState)(false),_useState18=(0,_slicedToArray2.default)(_useState17,2),dropdownVisible=_useState18[0],setDropdownVisible=_useState18[1];var _useState19=(0,_react.useState)({x:0,y:0,width:0}),_useState20=(0,_slicedToArray2.default)(_useState19,2),inputPosition=_useState20[0],setInputPosition=_useState20[1];var _useState21=(0,_react.useState)(undefined),_useState22=(0,_slicedToArray2.default)(_useState21,2),selectedOption=_useState22[0],setSelectedOption=_useState22[1];var renderSearchInput=function renderSearchInput(searchQuery,onChange,searchPlaceholder){return _react.default.createElement(_reactNative.View,{ref:searchInputRef,style:[_DropdownInput.styles.searchInput,_DropdownInput.styles.searchInputWrapper],__self:_this,__source:{fileName:_jsxFileName,lineNumber:56,columnNumber:7}},_react.default.createElement(_reactNative.TextInput,{style:[_DropdownInput.styles.searchTextInput,(0,_table_utils.disableOutline)()],onChangeText:onChange,value:searchQuery,placeholder:searchPlaceholder,placeholderTextColor:_colors.NEUTRAL_600,underlineColorAndroid:"transparent",onTouchStart:function onTouchStart(event){return event.stopPropagation();},__self:_this,__source:{fileName:_jsxFileName,lineNumber:57,columnNumber:9}}),(searchQuery==null?void 0:searchQuery.length)>0&&_react.default.createElement(_reactNative.TouchableOpacity,{onPress:function onPress(event){event.stopPropagation();clearSearch();},disabled:isDisabled,__self:_this,__source:{fileName:_jsxFileName,lineNumber:67,columnNumber:11}},_react.default.createElement(_icons.ClearIcon,{fill:_colors.PRIMARY_100,width:12,height:12,style:[_DropdownInput.styles.cancelIcon,isDisabled?{opacity:0.5}:{opacity:1}],__self:_this,__source:{fileName:_jsxFileName,lineNumber:68,columnNumber:13}})));};var renderHighlightedText=function renderHighlightedText(fullText,highlightText){if(!highlightText.trim()){return _react.default.createElement(_reactNative.Text,{style:_DropdownInput.styles.optionText,__self:_this,__source:{fileName:_jsxFileName,lineNumber:78,columnNumber:14}},fullText);}var parts=fullText.split(new RegExp("("+highlightText+")",'gi'));return _react.default.createElement(_reactNative.Text,{style:_DropdownInput.styles.optionText,__self:_this,__source:{fileName:_jsxFileName,lineNumber:83,columnNumber:7}},parts.map(function(part,index){return part.toLowerCase()===highlightText.toLowerCase()?_react.default.createElement(_reactNative.Text,{key:index,style:_DropdownInput.styles.highlightedText,__self:_this,__source:{fileName:_jsxFileName,lineNumber:86,columnNumber:13}},part):part;}));};var renderDropdownContent=function renderDropdownContent(){var currentOptions=(searchQuery==null?void 0:searchQuery.length)>0?searchOptions:options;var currentOptionsLength=currentOptions==null?void 0:currentOptions.length;return _react.default.createElement(_reactNative.Modal,{transparent:true,animationType:"fade",visible:dropdownVisible,onRequestClose:toggleDropdown,__self:_this,__source:{fileName:_jsxFileName,lineNumber:101,columnNumber:7}},_react.default.createElement(_reactNative.TouchableOpacity,{style:{flex:1},onPress:function onPress(event){var _searchInputRef$curre,_dropdownRef$current;var isSearchArea=(0,_functions_utils.isWebPlatform)()&&!!searchInputRef.current&&(searchInputRef==null?void 0:(_searchInputRef$curre=searchInputRef.current)==null?void 0:_searchInputRef$curre.contains(event.target));var isDropdownArea=(0,_functions_utils.isWebPlatform)()&&!!dropdownRef.current&&(dropdownRef==null?void 0:(_dropdownRef$current=dropdownRef.current)==null?void 0:_dropdownRef$current.contains(event.target));if(!(0,_functions_utils.isWebPlatform)()){setDropdownVisible(false);}if((0,_functions_utils.isWebPlatform)()&&!isSearchArea&&!isDropdownArea){setDropdownVisible(false);}},activeOpacity:1,__self:_this,__source:{fileName:_jsxFileName,lineNumber:102,columnNumber:9}},_react.default.createElement(_reactNative.View,{style:{flex:1,justifyContent:'center',alignItems:'center'},__self:_this,__source:{fileName:_jsxFileName,lineNumber:116,columnNumber:11}},_react.default.createElement(_reactNative.View,{style:[{position:'absolute',top:inputPosition.y,left:inputPosition.x,width:inputPosition.width,backgroundColor:'white',borderRadius:8,overflow:'hidden'},_DropdownInput.styles.dropdown],onStartShouldSetResponder:function onStartShouldSetResponder(){return true;},__self:_this,__source:{fileName:_jsxFileName,lineNumber:117,columnNumber:13}},(staticData==null?void 0:staticData.length)===0&&(fetchData==null?void 0:fetchData.search)&&renderSearchInput(searchQuery,handleSearchQueryChange,searchPlaceholder),loading?_react.default.createElement(_reactNative.ActivityIndicator,{size:"small",color:_colors.PRIMARY_100,style:{marginVertical:4},__self:_this,__source:{fileName:_jsxFileName,lineNumber:125,columnNumber:17}}):currentOptionsLength>0?_react.default.createElement(_reactNative.FlatList,{ref:flatListRef,style:{height:getDropdownHeight(currentOptionsLength,maxVisibleOptions)},data:currentOptions,renderItem:function renderItem(_ref2){var item=_ref2.item;return renderDropdownOption(item);},keyExtractor:function keyExtractor(item,index){return item.value+"-"+index;},onEndReached:handleEndReached,getItemLayout:function getItemLayout(_,index){return{length:_DropdownInput2.OPTION_HEIGHT,offset:_DropdownInput2.OPTION_HEIGHT*index,index:index};},ListFooterComponent:renderFooter,__self:_this,__source:{fileName:_jsxFileName,lineNumber:128,columnNumber:19}}):_react.default.createElement(_reactNative.Text,{style:_DropdownInput.styles.noResultsText,__self:_this,__source:{fileName:_jsxFileName,lineNumber:141,columnNumber:19}},noResultsText)))));};var renderSelectedOption=function renderSelectedOption(){if(!selectedOption)return null;return _react.default.createElement(_reactNative.View,{style:_DropdownInput.styles.selectedOptionContainer,__self:_this,__source:{fileName:_jsxFileName,lineNumber:156,columnNumber:7}},_react.default.createElement(_reactNative.Text,{numberOfLines:1,ellipsizeMode:"tail",__self:_this,__source:{fileName:_jsxFileName,lineNumber:157,columnNumber:9}},selectedOption),_react.default.createElement(_reactNative.TouchableOpacity,{onPress:deselectOption,__self:_this,__source:{fileName:_jsxFileName,lineNumber:158,columnNumber:9}},_react.default.createElement(_icons.ClearIcon,{fill:_colors.NEUTRAL_600,width:12,height:12,style:[_DropdownInput.styles.cancelIcon,isDisabled?{opacity:0.5}:{opacity:1}],__self:_this,__source:{fileName:_jsxFileName,lineNumber:159,columnNumber:11}})));};var renderDropdownOption=function renderDropdownOption(option){var isSelected=option[displayKey]===selectedOption;return _react.default.createElement(_reactNative.TouchableOpacity,{onPress:function onPress(){return handleSelect(option);},style:[_DropdownInput.styles.option,isSelected?_DropdownInput.styles.selectedOption:null],__self:_this,__source:{fileName:_jsxFileName,lineNumber:169,columnNumber:7}},_react.default.createElement(_reactNative.Text,{__self:_this,__source:{fileName:_jsxFileName,lineNumber:176,columnNumber:9}},isSelected?renderSelectedOption&&renderSelectedOption():renderHighlightedText&&renderHighlightedText(option[displayKey],searchQuery)));};var loadOptions=function(){var _ref3=(0,_asyncToGenerator2.default)(function*(){var isNewSearch=arguments.length>0&&arguments[0]!==undefined?arguments[0]:false;if(loading||loadingMore)return;var currentPage=isNewSearch?1:page+1;if(!isNewSearch&&loadedPages.has(currentPage)){return;}if(isNewSearch){setLoading(true);setHasMore(true);setPage(1);setOptions(staticData);setLoadedPages(new Set([1]));}else{setLoadingMore(true);setPage(currentPage);setLoadedPages(new Set(loadedPages).add(currentPage));}try{var fetchedOptions=[];if((searchQuery==null?void 0:searchQuery.trim().length)>0&&fetchData!=null&&fetchData.search){fetchedOptions=yield fetchData.search(searchQuery,currentPage,pageSize);}else if(fetchData!=null&&fetchData.normal){fetchedOptions=yield fetchData.normal(currentPage,pageSize);}var newOptions=isNewSearch?(0,_toConsumableArray2.default)(fetchedOptions):[].concat((0,_toConsumableArray2.default)(options),(0,_toConsumableArray2.default)(fetchedOptions));if(staticData!=null&&staticData.length){newOptions=staticData;}setOptions(newOptions);setHasMore(fetchedOptions.length===pageSize);}catch(error){console.error(error);}finally{setLoading(false);setLoadingMore(false);}});return function loadOptions(){return _ref3.apply(this,arguments);};}();var measureInputPosition=function measureInputPosition(){inputContainerRef.current.measure(function(x,y,width,height,pageX,pageY){setInputPosition({x:pageX,y:pageY+height,width:width});});};var renderFooter=function renderFooter(){if(!loadingMore)return null;return _react.default.createElement(_reactNative.ActivityIndicator,{size:"small",color:_colors.PRIMARY_100,style:{marginVertical:4},__self:_this,__source:{fileName:_jsxFileName,lineNumber:238,columnNumber:7}});};var clearSearch=function clearSearch(){setSearchQuery('');setSearchOptions([]);setLoadingMore(false);setHasMore(true);};var adjustDropdownPosition=(0,_react.useCallback)(function(){inputContainerRef.current.measure(function(x,y,width,height,pageX,pageY){var windowHeight=_reactNative.Dimensions.get('window').height;var estimatedDropdownHeight=getDropdownHeight(options.length,maxVisibleOptions);var spaceAbove=pageY;var spaceBelow=windowHeight-pageY-height;var extraOffsetTop=title?-20:-28;if(estimatedDropdownHeight<spaceBelow){setInputPosition({x:pageX,y:pageY+height,width:width});}else if(estimatedDropdownHeight<spaceAbove){setInputPosition({x:pageX,y:pageY-estimatedDropdownHeight-_DropdownInput2.OPTION_HEIGHT+extraOffsetTop,width:width});}else{var preferTop=spaceAbove>spaceBelow;var newY=preferTop?pageY-estimatedDropdownHeight-_DropdownInput2.OPTION_HEIGHT+extraOffsetTop:pageY+height;setInputPosition({x:pageX,y:newY,width:width});}});},[options.length,maxVisibleOptions,title,dropdownVisible]);var getDropdownHeight=function getDropdownHeight(optionsLength,maxVisibleOptions){var numberOfOptions=Math.min(optionsLength,maxVisibleOptions);return numberOfOptions*_DropdownInput2.OPTION_HEIGHT;};var deselectOption=function deselectOption(){setSelectedOption('');onSelect==null?void 0:onSelect('');};var handleSelect=function handleSelect(option){onSelect==null?void 0:onSelect(option);setSearchQuery('');setDropdownVisible(false);setSelectedOption(option[displayKey]);setHasMore(true);};var scrollToSelectedOption=(0,_react.useCallback)(function(){if(selectedOption!==undefined){var selectedIndex=options.findIndex(function(option){return option[displayKey]===selectedOption;});if(selectedIndex>=0&&flatListRef.current){flatListRef.current.scrollToIndex({animated:false,index:selectedIndex});}}},[selectedOption,options,displayKey]);var toggleDropdown=function toggleDropdown(){setDropdownVisible(function(prev){return!prev;});if(!dropdownVisible&&options.length===0){setLoading(true);loadOptions(true);}};var handleSearchQueryChange=function handleSearchQueryChange(text){setSearchQuery(text);if(text.trim()===''){setSearchOptions([]);setHasMore(true);setPage(1);}else{setLoading(true);fetchData==null?void 0:fetchData.search==null?void 0:fetchData.search(text,1,pageSize).then(function(fetchedOptions){var uniqueOptions=filterDuplicateOptions(fetchedOptions);setSearchOptions(uniqueOptions);setHasMore(uniqueOptions.length===pageSize);setPage(1);setLoading(false);}).catch(function(error){console.error(error);setSearchOptions([]);setLoading(false);});}};var filterDuplicateOptions=function filterDuplicateOptions(fetchedOptions){var unique=new Map();fetchedOptions.forEach(function(option){if(!unique.has(option[displayKey])){unique.set(option[displayKey],option);}});return Array.from(unique.values());};var handleEndReached=function handleEndReached(){if(hasMore&&!loading&&!loadingMore){loadOptions();}};(0,_react.useEffect)(function(){var handleScroll=function handleScroll(){if(dropdownVisible){measureInputPosition();}};if((0,_functions_utils.isWebPlatform)()){window.addEventListener('scroll',handleScroll,{passive:true});return function(){window.removeEventListener('scroll',handleScroll);};}},[dropdownVisible]);(0,_react.useEffect)(function(){if(dropdownVisible&&options.length>0){var timer=setTimeout(function(){scrollToSelectedOption();},50);return function(){return clearTimeout(timer);};}},[dropdownVisible,selectedOption]);(0,_react.useEffect)(function(){measureInputPosition();},[dropdownVisible]);(0,_react.useEffect)(function(){if(options.length>0){adjustDropdownPosition();}},[options,adjustDropdownPosition]);return _react.default.createElement(_reactNative.View,{style:_DropdownInput.styles.wrapper,ref:dropdownRef,__self:_this,__source:{fileName:_jsxFileName,lineNumber:399,columnNumber:5}},_react.default.createElement(_reactNative.View,{ref:inputContainerRef,__self:_this,__source:{fileName:_jsxFileName,lineNumber:400,columnNumber:7}},_react.default.createElement(_InputBase.default,(0,_extends2.default)({},inputBaseProps,{value:selectedOption,onChangeText:onSelect,isDisabled:isDisabled,rightButtons:[_react.default.createElement(_reactNative.TouchableOpacity,{disabled:isDisabled,key:"dropdownToggle",style:[dropdownVisible&&_DropdownInput.styles.iconOpen,{paddingHorizontal:8}],onPress:function onPress(event){event.stopPropagation();toggleDropdown();},__self:_this,__source:{fileName:_jsxFileName,lineNumber:407,columnNumber:13}},_react.default.createElement(_DropdownArrowIcon.DropdownArrowIcon,{style:[_DropdownInput.styles.icon,isDisabled?{opacity:0.5}:{opacity:1}],fill:_colors.PRIMARY_100,__self:_this,__source:{fileName:_jsxFileName,lineNumber:408,columnNumber:15}}))],placeholder:placeholder,onPress:toggleDropdown,title:title,helperText:helperText,__self:_this,__source:{fileName:_jsxFileName,lineNumber:401,columnNumber:9}}))),dropdownVisible&&renderDropdownContent());};var _default=exports.default=DropdownInput;
|
|
1
|
+
var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var _extends2=_interopRequireDefault(require("@babel/runtime/helpers/extends"));var _toConsumableArray2=_interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));var _asyncToGenerator2=_interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));var _slicedToArray2=_interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));var _objectWithoutProperties2=_interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));var _react=_interopRequireWildcard(require("react"));var _reactNative=require("react-native");var _InputBase=_interopRequireDefault(require("../InputBase"));var _DropdownInput=require("./DropdownInput.styles");var _DropdownInput2=require("./DropdownInput.constants");var _table_utils=require("../../../helpers/table_utils");var _functions_utils=require("../../../helpers/functions_utils");var _colors=require("../../../styles/colors");var _DropdownArrowIcon=require("../../../assets/images/icons/DropdownArrowIcon");var _icons=require("../../../assets/images/icons");var _excluded=["title","onSelect","fetchData","displayKey","pageSize","staticData","helperText","isDisabled","maxVisibleOptions","noResultsText","searchPlaceholder","placeholder"];var _this=this,_jsxFileName="/home/jenkins/agent/workspace/etendo_ui_library_develop/etendo_ui_library/src/components/inputBase/dropdown-input/DropdownInput.tsx";function _getRequireWildcardCache(e){if("function"!=typeof WeakMap)return null;var r=new WeakMap(),t=new WeakMap();return(_getRequireWildcardCache=function _getRequireWildcardCache(e){return e?t:r;})(e);}function _interopRequireWildcard(e,r){if(!r&&e&&e.__esModule)return e;if(null===e||"object"!=typeof e&&"function"!=typeof e)return{default:e};var t=_getRequireWildcardCache(r);if(t&&t.has(e))return t.get(e);var n={__proto__:null},a=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var u in e)if("default"!==u&&Object.prototype.hasOwnProperty.call(e,u)){var i=a?Object.getOwnPropertyDescriptor(e,u):null;i&&(i.get||i.set)?Object.defineProperty(n,u,i):n[u]=e[u];}return n.default=e,t&&t.set(e,n),n;}var DropdownInput=function DropdownInput(_ref){var title=_ref.title,onSelect=_ref.onSelect,fetchData=_ref.fetchData,displayKey=_ref.displayKey,_ref$pageSize=_ref.pageSize,pageSize=_ref$pageSize===void 0?10:_ref$pageSize,_ref$staticData=_ref.staticData,staticData=_ref$staticData===void 0?[]:_ref$staticData,_ref$helperText=_ref.helperText,helperText=_ref$helperText===void 0?'':_ref$helperText,_ref$isDisabled=_ref.isDisabled,isDisabled=_ref$isDisabled===void 0?false:_ref$isDisabled,_ref$maxVisibleOption=_ref.maxVisibleOptions,maxVisibleOptions=_ref$maxVisibleOption===void 0?5:_ref$maxVisibleOption,_ref$noResultsText=_ref.noResultsText,noResultsText=_ref$noResultsText===void 0?'No results':_ref$noResultsText,_ref$searchPlaceholde=_ref.searchPlaceholder,searchPlaceholder=_ref$searchPlaceholde===void 0?'Search':_ref$searchPlaceholde,_ref$placeholder=_ref.placeholder,placeholder=_ref$placeholder===void 0?'Select an Option':_ref$placeholder,inputBaseProps=(0,_objectWithoutProperties2.default)(_ref,_excluded);var dropdownRef=(0,_react.useRef)(null);var flatListRef=(0,_react.useRef)(null);var searchInputRef=(0,_react.useRef)(null);var inputContainerRef=(0,_react.useRef)(null);var _useState=(0,_react.useState)(1),_useState2=(0,_slicedToArray2.default)(_useState,2),page=_useState2[0],setPage=_useState2[1];var _useState3=(0,_react.useState)(true),_useState4=(0,_slicedToArray2.default)(_useState3,2),hasMore=_useState4[0],setHasMore=_useState4[1];var _useState5=(0,_react.useState)(false),_useState6=(0,_slicedToArray2.default)(_useState5,2),loading=_useState6[0],setLoading=_useState6[1];var _useState7=(0,_react.useState)([]),_useState8=(0,_slicedToArray2.default)(_useState7,2),options=_useState8[0],setOptions=_useState8[1];var _useState9=(0,_react.useState)(new Set()),_useState10=(0,_slicedToArray2.default)(_useState9,2),loadedPages=_useState10[0],setLoadedPages=_useState10[1];var _useState11=(0,_react.useState)(''),_useState12=(0,_slicedToArray2.default)(_useState11,2),searchQuery=_useState12[0],setSearchQuery=_useState12[1];var _useState13=(0,_react.useState)(false),_useState14=(0,_slicedToArray2.default)(_useState13,2),loadingMore=_useState14[0],setLoadingMore=_useState14[1];var _useState15=(0,_react.useState)(false),_useState16=(0,_slicedToArray2.default)(_useState15,2),isDropdownUp=_useState16[0],setIsDropdownUp=_useState16[1];var _useState17=(0,_react.useState)([]),_useState18=(0,_slicedToArray2.default)(_useState17,2),searchOptions=_useState18[0],setSearchOptions=_useState18[1];var _useState19=(0,_react.useState)(false),_useState20=(0,_slicedToArray2.default)(_useState19,2),dropdownVisible=_useState20[0],setDropdownVisible=_useState20[1];var _useState21=(0,_react.useState)({x:0,y:0,width:0}),_useState22=(0,_slicedToArray2.default)(_useState21,2),inputPosition=_useState22[0],setInputPosition=_useState22[1];var _useState23=(0,_react.useState)(undefined),_useState24=(0,_slicedToArray2.default)(_useState23,2),selectedOption=_useState24[0],setSelectedOption=_useState24[1];var renderSearchInput=function renderSearchInput(searchQuery,onChange,searchPlaceholder){return _react.default.createElement(_reactNative.View,{ref:searchInputRef,style:[_DropdownInput.styles.searchInput,_DropdownInput.styles.searchInputWrapper],__self:_this,__source:{fileName:_jsxFileName,lineNumber:57,columnNumber:7}},_react.default.createElement(_reactNative.TextInput,{style:[_DropdownInput.styles.searchTextInput,(0,_table_utils.disableOutline)()],onChangeText:onChange,value:searchQuery,placeholder:searchPlaceholder,placeholderTextColor:_colors.NEUTRAL_600,underlineColorAndroid:"transparent",onTouchStart:function onTouchStart(event){return event.stopPropagation();},__self:_this,__source:{fileName:_jsxFileName,lineNumber:58,columnNumber:9}}),(searchQuery==null?void 0:searchQuery.length)>0&&_react.default.createElement(_reactNative.TouchableOpacity,{onPress:function onPress(event){event.stopPropagation();clearSearch();},disabled:isDisabled,__self:_this,__source:{fileName:_jsxFileName,lineNumber:68,columnNumber:11}},_react.default.createElement(_icons.XIcon,{fill:_colors.PRIMARY_100,width:20,height:20,style:[_DropdownInput.styles.cancelIcon,isDisabled?{opacity:0.5}:{opacity:1}],__self:_this,__source:{fileName:_jsxFileName,lineNumber:69,columnNumber:13}})));};var renderHighlightedText=function renderHighlightedText(fullText,highlightText){if(!highlightText.trim()){return _react.default.createElement(_reactNative.Text,{style:_DropdownInput.styles.optionText,__self:_this,__source:{fileName:_jsxFileName,lineNumber:79,columnNumber:14}},fullText);}var parts=fullText.split(new RegExp("("+highlightText+")",'gi'));return _react.default.createElement(_reactNative.Text,{style:_DropdownInput.styles.optionText,__self:_this,__source:{fileName:_jsxFileName,lineNumber:84,columnNumber:7}},parts.map(function(part,index){return part.toLowerCase()===highlightText.toLowerCase()?_react.default.createElement(_reactNative.Text,{key:index,style:_DropdownInput.styles.highlightedText,__self:_this,__source:{fileName:_jsxFileName,lineNumber:87,columnNumber:13}},part):part;}));};var renderDropdownContent=function renderDropdownContent(){var currentOptions=(searchQuery==null?void 0:searchQuery.length)>0?searchOptions:options;var currentOptionsLength=currentOptions==null?void 0:currentOptions.length;var containerHeight=_DropdownInput2.OPTION_HEIGHT*maxVisibleOptions;return _react.default.createElement(_reactNative.Modal,{transparent:true,animationType:"fade",visible:dropdownVisible,onRequestClose:toggleDropdown,__self:_this,__source:{fileName:_jsxFileName,lineNumber:103,columnNumber:7}},_react.default.createElement(_reactNative.TouchableOpacity,{style:{flex:1},onPress:function onPress(event){var _searchInputRef$curre,_dropdownRef$current;var isSearchArea=(0,_functions_utils.isWebPlatform)()&&!!searchInputRef.current&&(searchInputRef==null?void 0:(_searchInputRef$curre=searchInputRef.current)==null?void 0:_searchInputRef$curre.contains(event.target));var isDropdownArea=(0,_functions_utils.isWebPlatform)()&&!!dropdownRef.current&&(dropdownRef==null?void 0:(_dropdownRef$current=dropdownRef.current)==null?void 0:_dropdownRef$current.contains(event.target));if(!(0,_functions_utils.isWebPlatform)()){setDropdownVisible(false);}if((0,_functions_utils.isWebPlatform)()&&!isSearchArea&&!isDropdownArea){setDropdownVisible(false);}},activeOpacity:1,__self:_this,__source:{fileName:_jsxFileName,lineNumber:104,columnNumber:9}},_react.default.createElement(_reactNative.View,{style:{flex:1,justifyContent:'center',alignItems:'center'},__self:_this,__source:{fileName:_jsxFileName,lineNumber:118,columnNumber:11}},_react.default.createElement(_reactNative.View,{style:[{position:'absolute',top:inputPosition.y,left:inputPosition.x,width:inputPosition.width,backgroundColor:'white',borderRadius:8,overflow:'hidden'},_DropdownInput.styles.dropdown],onStartShouldSetResponder:function onStartShouldSetResponder(){return true;},__self:_this,__source:{fileName:_jsxFileName,lineNumber:119,columnNumber:13}},(staticData==null?void 0:staticData.length)===0&&(fetchData==null?void 0:fetchData.search)&&renderSearchInput(searchQuery,handleSearchQueryChange,searchPlaceholder),loading?_react.default.createElement(_reactNative.View,{style:{height:isDropdownUp?containerHeight:'auto'},__self:_this,__source:{fileName:_jsxFileName,lineNumber:127,columnNumber:17}},_react.default.createElement(_reactNative.ActivityIndicator,{size:"small",color:_colors.PRIMARY_100,style:{marginVertical:4},__self:_this,__source:{fileName:_jsxFileName,lineNumber:128,columnNumber:19}})):currentOptionsLength>0?_react.default.createElement(_reactNative.FlatList,{ref:flatListRef,style:{height:isDropdownUp?containerHeight:getDropdownHeight(currentOptionsLength,maxVisibleOptions)},data:currentOptions,renderItem:function renderItem(_ref2){var item=_ref2.item;return renderDropdownOption(item);},keyExtractor:function keyExtractor(item,index){return item.value+"-"+index;},onEndReached:handleEndReached,getItemLayout:function getItemLayout(_,index){return{length:_DropdownInput2.OPTION_HEIGHT,offset:_DropdownInput2.OPTION_HEIGHT*index,index:index};},ListFooterComponent:renderFooter,__self:_this,__source:{fileName:_jsxFileName,lineNumber:131,columnNumber:17}}):_react.default.createElement(_reactNative.View,{style:{height:isDropdownUp?containerHeight:'auto'},__self:_this,__source:{fileName:_jsxFileName,lineNumber:144,columnNumber:17}},_react.default.createElement(_reactNative.Text,{style:_DropdownInput.styles.noResultsText,__self:_this,__source:{fileName:_jsxFileName,lineNumber:145,columnNumber:19}},noResultsText))))));};var renderSelectedOption=function renderSelectedOption(){if(!selectedOption)return null;return _react.default.createElement(_reactNative.View,{style:_DropdownInput.styles.selectedOptionContainer,__self:_this,__source:{fileName:_jsxFileName,lineNumber:160,columnNumber:7}},_react.default.createElement(_reactNative.Text,{numberOfLines:1,ellipsizeMode:"tail",__self:_this,__source:{fileName:_jsxFileName,lineNumber:161,columnNumber:9}},selectedOption),_react.default.createElement(_reactNative.TouchableOpacity,{onPress:deselectOption,__self:_this,__source:{fileName:_jsxFileName,lineNumber:162,columnNumber:9}},_react.default.createElement(_icons.XIcon,{fill:_colors.NEUTRAL_600,width:20,height:20,style:[_DropdownInput.styles.cancelIcon,isDisabled?{opacity:0.5}:{opacity:1}],__self:_this,__source:{fileName:_jsxFileName,lineNumber:163,columnNumber:11}})));};var renderDropdownOption=function renderDropdownOption(option){var isSelected=option[displayKey]===selectedOption;return _react.default.createElement(_reactNative.TouchableOpacity,{onPress:function onPress(){return handleSelect(option);},style:[_DropdownInput.styles.option,isSelected?_DropdownInput.styles.selectedOption:null],__self:_this,__source:{fileName:_jsxFileName,lineNumber:173,columnNumber:7}},_react.default.createElement(_reactNative.Text,{__self:_this,__source:{fileName:_jsxFileName,lineNumber:180,columnNumber:9}},isSelected?renderSelectedOption&&renderSelectedOption():renderHighlightedText&&renderHighlightedText(option[displayKey],searchQuery)));};var loadOptions=function(){var _ref3=(0,_asyncToGenerator2.default)(function*(){var isNewSearch=arguments.length>0&&arguments[0]!==undefined?arguments[0]:false;if(loading||loadingMore)return;var currentPage=isNewSearch?1:page+1;if(!isNewSearch&&loadedPages.has(currentPage)){return;}if(isNewSearch){setLoading(true);setHasMore(true);setPage(1);setOptions(staticData);setLoadedPages(new Set([1]));}else{setLoadingMore(true);setPage(currentPage);setLoadedPages(new Set(loadedPages).add(currentPage));}try{var fetchedOptions=[];if((searchQuery==null?void 0:searchQuery.trim().length)>0&&fetchData!=null&&fetchData.search){fetchedOptions=yield fetchData.search(searchQuery,currentPage,pageSize);}else if(fetchData!=null&&fetchData.normal){fetchedOptions=yield fetchData.normal(currentPage,pageSize);}var newOptions=isNewSearch?(0,_toConsumableArray2.default)(fetchedOptions):[].concat((0,_toConsumableArray2.default)(options),(0,_toConsumableArray2.default)(fetchedOptions));if(staticData!=null&&staticData.length){newOptions=staticData;}setOptions(newOptions);setHasMore(fetchedOptions.length===pageSize);}catch(error){console.error(error);}finally{setLoading(false);setLoadingMore(false);}});return function loadOptions(){return _ref3.apply(this,arguments);};}();var measureInputPosition=function measureInputPosition(){inputContainerRef.current.measure(function(x,y,width,height,pageX,pageY){setInputPosition({x:pageX,y:pageY+height,width:width});});};var renderFooter=function renderFooter(){if(!loadingMore)return null;return _react.default.createElement(_reactNative.ActivityIndicator,{size:"small",color:_colors.PRIMARY_100,style:{marginVertical:4},__self:_this,__source:{fileName:_jsxFileName,lineNumber:242,columnNumber:7}});};var clearSearch=function clearSearch(){setSearchQuery('');setSearchOptions([]);setLoadingMore(false);setHasMore(true);};var adjustDropdownPosition=(0,_react.useCallback)(function(){inputContainerRef.current.measure(function(x,y,width,height,pageX,pageY){var windowHeight=_reactNative.Dimensions.get('window').height;var spaceBelow=windowHeight-pageY-height;var dropdownHeight=getDropdownHeight(options.length,maxVisibleOptions);var isDropdownUp=dropdownHeight>spaceBelow;var extraOffsetTop=title?-4:-28;var extraOffsetBottom=helperText?-22:0;if(isDropdownUp){setInputPosition({x:pageX,y:pageY-dropdownHeight-_DropdownInput2.OPTION_HEIGHT+extraOffsetTop,width:width});setIsDropdownUp(true);}else{setInputPosition({x:pageX,y:pageY+height+extraOffsetBottom,width:width});setIsDropdownUp(false);}});},[options.length,maxVisibleOptions,title,dropdownVisible]);var getDropdownHeight=function getDropdownHeight(optionsLength,maxVisibleOptions){var isDropdownUp=arguments.length>2&&arguments[2]!==undefined?arguments[2]:false;if(isDropdownUp){return maxVisibleOptions*_DropdownInput2.OPTION_HEIGHT;}else{var numberOfOptions=Math.min(optionsLength,maxVisibleOptions);return numberOfOptions*_DropdownInput2.OPTION_HEIGHT;}};var deselectOption=function deselectOption(){setSelectedOption('');onSelect==null?void 0:onSelect('');};var handleSelect=function handleSelect(option){onSelect==null?void 0:onSelect(option);setSearchQuery('');setDropdownVisible(false);setSelectedOption(option[displayKey]);setHasMore(true);};var scrollToSelectedOption=(0,_react.useCallback)(function(){if(selectedOption!==undefined){var selectedIndex=options.findIndex(function(option){return option[displayKey]===selectedOption;});if(selectedIndex>=0&&flatListRef.current){flatListRef.current.scrollToIndex({animated:false,index:selectedIndex});}}},[selectedOption,options,displayKey]);var toggleDropdown=function toggleDropdown(){setDropdownVisible(function(prev){return!prev;});if(!dropdownVisible&&options.length===0){setLoading(true);loadOptions(true);}};var handleSearchQueryChange=function handleSearchQueryChange(text){setSearchQuery(text);if(text.trim()===''){setSearchOptions([]);setHasMore(true);setPage(1);}else{setLoading(true);fetchData==null?void 0:fetchData.search==null?void 0:fetchData.search(text,1,pageSize).then(function(fetchedOptions){var uniqueOptions=filterDuplicateOptions(fetchedOptions);setSearchOptions(uniqueOptions);setHasMore(uniqueOptions.length===pageSize);setPage(1);setLoading(false);}).catch(function(error){console.error(error);setSearchOptions([]);setLoading(false);});}};var filterDuplicateOptions=function filterDuplicateOptions(fetchedOptions){var unique=new Map();fetchedOptions.forEach(function(option){if(!unique.has(option[displayKey])){unique.set(option[displayKey],option);}});return Array.from(unique.values());};var handleEndReached=function handleEndReached(){if(hasMore&&!loading&&!loadingMore){loadOptions();}};(0,_react.useEffect)(function(){var handleScroll=function handleScroll(){if(dropdownVisible){measureInputPosition();}};if((0,_functions_utils.isWebPlatform)()){window.addEventListener('scroll',handleScroll,{passive:true});return function(){window.removeEventListener('scroll',handleScroll);};}},[dropdownVisible]);(0,_react.useEffect)(function(){if(dropdownVisible&&options.length>0){var timer=setTimeout(function(){scrollToSelectedOption();},50);return function(){return clearTimeout(timer);};}},[dropdownVisible,selectedOption]);(0,_react.useEffect)(function(){measureInputPosition();},[dropdownVisible]);(0,_react.useEffect)(function(){if(options.length>0){adjustDropdownPosition();}},[options,adjustDropdownPosition]);return _react.default.createElement(_reactNative.View,{style:_DropdownInput.styles.wrapper,ref:dropdownRef,__self:_this,__source:{fileName:_jsxFileName,lineNumber:405,columnNumber:5}},_react.default.createElement(_reactNative.View,{ref:inputContainerRef,__self:_this,__source:{fileName:_jsxFileName,lineNumber:406,columnNumber:7}},_react.default.createElement(_InputBase.default,(0,_extends2.default)({},inputBaseProps,{value:selectedOption,onChangeText:onSelect,isDisabled:isDisabled,rightButtons:[_react.default.createElement(_reactNative.TouchableOpacity,{disabled:isDisabled,key:"dropdownToggle",style:[dropdownVisible&&_DropdownInput.styles.iconOpen,{paddingHorizontal:8}],onPress:function onPress(event){event.stopPropagation();toggleDropdown();},__self:_this,__source:{fileName:_jsxFileName,lineNumber:413,columnNumber:13}},_react.default.createElement(_DropdownArrowIcon.DropdownArrowIcon,{style:[_DropdownInput.styles.icon,isDisabled?{opacity:0.5}:{opacity:1}],fill:_colors.PRIMARY_100,__self:_this,__source:{fileName:_jsxFileName,lineNumber:414,columnNumber:15}}))],placeholder:placeholder,onPress:toggleDropdown,title:title,helperText:helperText,__self:_this,__source:{fileName:_jsxFileName,lineNumber:407,columnNumber:9}}))),dropdownVisible&&renderDropdownContent());};var _default=exports.default=DropdownInput;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var _react=_interopRequireDefault(require("react"));var _reactNative=require("react-native");var
|
|
1
|
+
var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var _react=_interopRequireDefault(require("react"));var _reactNative=require("react-native");var _MaximizedView=require("./MaximizedView.styles");var _button=require("../../../button");var _icons=require("../../../../assets/images/icons");var _gridContainer=require("../../../containers/gridContainer");var _this=this,_jsxFileName="/home/jenkins/agent/workspace/etendo_ui_library_develop/etendo_ui_library/src/components/modal/components/maximizedView/MaximizedView.tsx";var MaximizedView=function MaximizedView(_ref){var buttonsToDisplay=_ref.buttonsToDisplay,children=_ref.children,setVisible=_ref.setVisible,title=_ref.title;var hasActionButton=!!buttonsToDisplay&&(buttonsToDisplay==null?void 0:buttonsToDisplay.length)>1;return _react.default.createElement(_reactNative.SafeAreaView,{style:{flex:1},__self:_this,__source:{fileName:_jsxFileName,lineNumber:17,columnNumber:5}},_react.default.createElement(_reactNative.View,{style:{justifyContent:'flex-start'},__self:_this,__source:{fileName:_jsxFileName,lineNumber:18,columnNumber:7}},_react.default.createElement(_reactNative.View,{style:_MaximizedView.styles.headerContainer,__self:_this,__source:{fileName:_jsxFileName,lineNumber:19,columnNumber:9}},_react.default.createElement(_reactNative.View,{style:[_MaximizedView.styles.titleCloseContainer,{width:hasActionButton?'70%':'85%',marginRight:hasActionButton?16:0}],__self:_this,__source:{fileName:_jsxFileName,lineNumber:20,columnNumber:11}},_react.default.createElement(_button.Button,{typeStyle:'white',iconLeft:_react.default.createElement(_icons.XIcon,{__self:_this,__source:{fileName:_jsxFileName,lineNumber:30,columnNumber:25}}),onPress:function onPress(){return setVisible(false);},__self:_this,__source:{fileName:_jsxFileName,lineNumber:28,columnNumber:13}}),_react.default.createElement(_reactNative.Text,{numberOfLines:1,style:_MaximizedView.styles.modalTitle,ellipsizeMode:"tail",__self:_this,__source:{fileName:_jsxFileName,lineNumber:33,columnNumber:13}},title)),hasActionButton&&buttonsToDisplay&&_react.default.createElement(_gridContainer.GridContainer,{components:[buttonsToDisplay[buttonsToDisplay.length-1]],stylesContainer:_MaximizedView.styles.buttonContainer,__self:_this,__source:{fileName:_jsxFileName,lineNumber:41,columnNumber:13}})),children&&_react.default.createElement(_reactNative.View,{style:_MaximizedView.styles.childrenModalContainer,__self:_this,__source:{fileName:_jsxFileName,lineNumber:48,columnNumber:11}},_react.default.createElement(_reactNative.ScrollView,{style:{flexGrow:0},__self:_this,__source:{fileName:_jsxFileName,lineNumber:49,columnNumber:13}},_react.default.createElement(_reactNative.View,{onStartShouldSetResponder:function onStartShouldSetResponder(){return true;},__self:_this,__source:{fileName:_jsxFileName,lineNumber:50,columnNumber:15}},children)))));};var _default=exports.default=MaximizedView;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var _slicedToArray2=_interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));var _react=_interopRequireWildcard(require("react"));var _reactNative=require("react-native");var
|
|
1
|
+
var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var _slicedToArray2=_interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));var _react=_interopRequireWildcard(require("react"));var _reactNative=require("react-native");var _MinimizedView=require("./MinimizedView.styles");var _gridContainer=require("../../../containers/gridContainer");var _this=this,_jsxFileName="/home/jenkins/agent/workspace/etendo_ui_library_develop/etendo_ui_library/src/components/modal/components/minimizedView/MinimizedView.tsx";function _getRequireWildcardCache(e){if("function"!=typeof WeakMap)return null;var r=new WeakMap(),t=new WeakMap();return(_getRequireWildcardCache=function _getRequireWildcardCache(e){return e?t:r;})(e);}function _interopRequireWildcard(e,r){if(!r&&e&&e.__esModule)return e;if(null===e||"object"!=typeof e&&"function"!=typeof e)return{default:e};var t=_getRequireWildcardCache(r);if(t&&t.has(e))return t.get(e);var n={__proto__:null},a=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var u in e)if("default"!==u&&Object.prototype.hasOwnProperty.call(e,u)){var i=a?Object.getOwnPropertyDescriptor(e,u):null;i&&(i.get||i.set)?Object.defineProperty(n,u,i):n[u]=e[u];}return n.default=e,t&&t.set(e,n),n;}var MinimizedView=function MinimizedView(_ref){var buttonsToDisplay=_ref.buttonsToDisplay,children=_ref.children,imageHeader=_ref.imageHeader,subtitle=_ref.subtitle,title=_ref.title;var _useState=(0,_react.useState)(_reactNative.Dimensions.get('window').height/4),_useState2=(0,_slicedToArray2.default)(_useState,2),currentDimensions=_useState2[0],setcurrentDimensions=_useState2[1];(0,_react.useEffect)(function(){var subscription=_reactNative.Dimensions.addEventListener('change',function(_ref2){var window=_ref2.window;setcurrentDimensions(window.height/4);});return function(){return subscription==null?void 0:subscription.remove();};});return _react.default.createElement(_reactNative.View,{__self:_this,__source:{fileName:_jsxFileName,lineNumber:33,columnNumber:5}},_react.default.createElement(_reactNative.View,{style:_MinimizedView.styles.headerContainer,__self:_this,__source:{fileName:_jsxFileName,lineNumber:34,columnNumber:7}},imageHeader&&_react.default.createElement(_reactNative.View,{style:_MinimizedView.styles.imageHeaderContainer,__self:_this,__source:{fileName:_jsxFileName,lineNumber:36,columnNumber:11}},imageHeader),_react.default.createElement(_reactNative.Text,{numberOfLines:1,style:_MinimizedView.styles.modalTitle,ellipsizeMode:"tail",__self:_this,__source:{fileName:_jsxFileName,lineNumber:38,columnNumber:9}},title),subtitle&&_react.default.createElement(_reactNative.Text,{numberOfLines:2,style:_MinimizedView.styles.modalSubtitle,ellipsizeMode:"tail",__self:_this,__source:{fileName:_jsxFileName,lineNumber:42,columnNumber:11}},subtitle)),children&&_react.default.createElement(_reactNative.View,{style:[_reactNative.Platform.OS==='web'?_MinimizedView.styles.childrenModalContainerWeb:_MinimizedView.styles.childrenModalContainer,{maxHeight:currentDimensions}],__self:_this,__source:{fileName:_jsxFileName,lineNumber:51,columnNumber:9}},_react.default.createElement(_reactNative.TouchableOpacity,{activeOpacity:1,__self:_this,__source:{fileName:_jsxFileName,lineNumber:58,columnNumber:11}},_react.default.createElement(_reactNative.ScrollView,{style:{flexGrow:0},__self:_this,__source:{fileName:_jsxFileName,lineNumber:59,columnNumber:13}},_react.default.createElement(_reactNative.View,{onStartShouldSetResponder:function onStartShouldSetResponder(){return true;},__self:_this,__source:{fileName:_jsxFileName,lineNumber:60,columnNumber:15}},children)))),_react.default.createElement(_reactNative.View,{style:_MinimizedView.styles.buttonModalContainer,__self:_this,__source:{fileName:_jsxFileName,lineNumber:65,columnNumber:7}},(buttonsToDisplay==null?void 0:buttonsToDisplay.length)&&_react.default.createElement(_gridContainer.GridContainer,{components:buttonsToDisplay,stylesContainer:_MinimizedView.styles.buttonContainer,__self:_this,__source:{fileName:_jsxFileName,lineNumber:67,columnNumber:11}})));};var _default=exports.default=MinimizedView;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var _react=_interopRequireDefault(require("react"));var _reactNative=require("react-native");var _Table=require("./Table.styles");var _TableHeaders=_interopRequireDefault(require("./components/TableHeaders"));var _TableCell=_interopRequireDefault(require("./components/TableCell"));var _table_utils=require("../../helpers/table_utils");var _secondaryComponents=require("../secondaryComponents");var _colors=require("../../styles/colors");var _TableEmpty=_interopRequireDefault(require("./components/TableEmpty"));var
|
|
1
|
+
var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var _react=_interopRequireDefault(require("react"));var _reactNative=require("react-native");var _Table=require("./Table.styles");var _TableHeaders=_interopRequireDefault(require("./components/TableHeaders"));var _TableCell=_interopRequireDefault(require("./components/TableCell"));var _table_utils=require("../../helpers/table_utils");var _secondaryComponents=require("../secondaryComponents");var _colors=require("../../styles/colors");var _TableEmpty=_interopRequireDefault(require("./components/TableEmpty"));var _gridContainer=require("../containers/gridContainer");var _this=this,_jsxFileName="/home/jenkins/agent/workspace/etendo_ui_library_develop/etendo_ui_library/src/components/table/Table.tsx";var Table=function Table(_ref){var _ref$data=_ref.data,data=_ref$data===void 0?[]:_ref$data,columns=_ref.columns,title=_ref.title,onRowPress=_ref.onRowPress,tableHeight=_ref.tableHeight,isLoading=_ref.isLoading,textEmptyTable=_ref.textEmptyTable,commentEmptyTable=_ref.commentEmptyTable,onLoadMoreData=_ref.onLoadMoreData,_ref$isLoadingMoreDat=_ref.isLoadingMoreData,isLoadingMoreData=_ref$isLoadingMoreDat===void 0?true:_ref$isLoadingMoreDat,_ref$pageSize=_ref.pageSize,pageSize=_ref$pageSize===void 0?3:_ref$pageSize,_ref$currentPage=_ref.currentPage,currentPage=_ref$currentPage===void 0?0:_ref$currentPage,style=_ref.style;var handleLoadMore=function handleLoadMore(){if(isLoadingMoreData&&!isLoading&&onLoadMoreData){onLoadMoreData(currentPage+1,pageSize);}};var RenderItem=function RenderItem(item,index){return _react.default.createElement(_reactNative.Pressable,{onPress:function onPress(){if(onRowPress){onRowPress((0,_table_utils.findPrimaryId)(columns,item));}},style:[_Table.styles.row,(0,_table_utils.paintOddRows)(index)],__self:_this,__source:{fileName:_jsxFileName,lineNumber:40,columnNumber:7}},columns.map(function(col,colIndex){var components=[];if(col.components){var updatedComponents=col.components.map(function(component){return _react.default.cloneElement(component,{metadata:item});});components=updatedComponents;}return col.visible&&_react.default.createElement(_reactNative.View,{style:[_Table.styles.cell,col.cellStyle,{width:col.width}],key:'movementTable'+colIndex,__self:_this,__source:{fileName:_jsxFileName,lineNumber:59,columnNumber:15}},col.components?_react.default.createElement(_gridContainer.GridContainer,{components:components,__self:_this,__source:{fileName:_jsxFileName,lineNumber:63,columnNumber:19}}):_react.default.createElement(_TableCell.default,{label:col.key?item[col.key]:'',key:'tableCell'+index,__self:_this,__source:{fileName:_jsxFileName,lineNumber:65,columnNumber:19}}));}));};var RenderSkeleton=function RenderSkeleton(index){return _react.default.createElement(_reactNative.View,{style:[_Table.styles.row,(0,_table_utils.paintOddRows)(index)],__self:_this,__source:{fileName:_jsxFileName,lineNumber:80,columnNumber:7}},columns.map(function(col,colIndex){return col.visible&&_react.default.createElement(_secondaryComponents.SkeletonRowTable,{key:colIndex,width:col.width,color:_colors.NEUTRAL_300,indexRow:index,indexColumn:colIndex,__self:_this,__source:{fileName:_jsxFileName,lineNumber:84,columnNumber:15}});}));};return _react.default.createElement(_reactNative.View,{style:[style],__self:_this,__source:{fileName:_jsxFileName,lineNumber:99,columnNumber:5}},_react.default.createElement(_reactNative.View,{style:[_Table.styles.container,(0,_table_utils.removeHeaderBorder)(title),{height:tableHeight}],__self:_this,__source:{fileName:_jsxFileName,lineNumber:100,columnNumber:7}},_react.default.createElement(_TableHeaders.default,{title:title,columns:columns,isLoading:!(isLoading&&!data.length),__self:_this,__source:{fileName:_jsxFileName,lineNumber:106,columnNumber:9}}),_react.default.createElement(_reactNative.FlatList,{data:isLoadingMoreData&&isLoading&&!data.length?Array(pageSize).fill({}):data,renderItem:function renderItem(item){return isLoadingMoreData&&isLoading&&!data.length&&onLoadMoreData?RenderSkeleton(item.index):RenderItem(item.item,item.index);},ListEmptyComponent:_react.default.createElement(_TableEmpty.default,{commentEmptyTable:commentEmptyTable,textEmptyTable:textEmptyTable,__self:_this,__source:{fileName:_jsxFileName,lineNumber:124,columnNumber:13}}),keyExtractor:function keyExtractor(_item,index){return'Table: '+index;},ListFooterComponent:function ListFooterComponent(){return isLoadingMoreData&&onLoadMoreData&&isLoading&&Boolean(data.length)&&RenderSkeleton(data.length);},onEndReached:function onEndReached(){return handleLoadMore();},onEndReachedThreshold:0.2,__self:_this,__source:{fileName:_jsxFileName,lineNumber:112,columnNumber:9}})));};var _default=exports.default=Table;
|
|
@@ -3,5 +3,7 @@ import { ColorValue } from 'react-native';
|
|
|
3
3
|
export interface SvgImageProps {
|
|
4
4
|
style?: any;
|
|
5
5
|
fill?: ColorValue;
|
|
6
|
+
width?: number;
|
|
7
|
+
height?: number;
|
|
6
8
|
}
|
|
7
|
-
export declare const XIcon: ({ style, fill }: SvgImageProps) => React.JSX.Element;
|
|
9
|
+
export declare const XIcon: ({ style, width, height, fill, }: SvgImageProps) => React.JSX.Element;
|
|
@@ -4,13 +4,15 @@ import { DEFAULT_COLOR_THEME } from "../../../styles/colors";
|
|
|
4
4
|
import { sizeSvg } from "../../../helpers/svg_utils";
|
|
5
5
|
export var XIcon = function XIcon(_ref) {
|
|
6
6
|
var style = _ref.style,
|
|
7
|
+
width = _ref.width,
|
|
8
|
+
height = _ref.height,
|
|
7
9
|
_ref$fill = _ref.fill,
|
|
8
10
|
fill = _ref$fill === void 0 ? DEFAULT_COLOR_THEME : _ref$fill;
|
|
9
|
-
var
|
|
10
|
-
var
|
|
11
|
+
var sizeWidth = sizeSvg((style === null || style === void 0 ? void 0 : style.width) || width, 24);
|
|
12
|
+
var sizeHeight = sizeSvg((style === null || style === void 0 ? void 0 : style.height) || height, 24);
|
|
11
13
|
return /*#__PURE__*/React.createElement(Svg, {
|
|
12
|
-
width:
|
|
13
|
-
height:
|
|
14
|
+
width: sizeWidth,
|
|
15
|
+
height: sizeHeight,
|
|
14
16
|
viewBox: "0 0 24 24",
|
|
15
17
|
fill: "none"
|
|
16
18
|
}, /*#__PURE__*/React.createElement(Path, {
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { View } from "react-native-web";
|
|
3
|
+
import { styles } from "./GridContainer.styles";
|
|
4
|
+
var GridContainer = function GridContainer(_ref) {
|
|
5
|
+
var _ref$gap = _ref.gap,
|
|
6
|
+
gap = _ref$gap === void 0 ? 2 : _ref$gap,
|
|
7
|
+
_ref$components = _ref.components,
|
|
8
|
+
components = _ref$components === void 0 ? [] : _ref$components,
|
|
9
|
+
stylesContainer = _ref.stylesContainer;
|
|
10
|
+
return /*#__PURE__*/React.createElement(View, {
|
|
11
|
+
style: [styles.container, stylesContainer, {
|
|
12
|
+
marginHorizontal: -(gap / 2),
|
|
13
|
+
marginVertical: -(gap / 2)
|
|
14
|
+
}]
|
|
15
|
+
}, components.map(function (item, index) {
|
|
16
|
+
return /*#__PURE__*/React.createElement(View, {
|
|
17
|
+
key: index,
|
|
18
|
+
style: {
|
|
19
|
+
marginHorizontal: gap / 2,
|
|
20
|
+
marginVertical: gap / 2
|
|
21
|
+
}
|
|
22
|
+
}, item);
|
|
23
|
+
}));
|
|
24
|
+
};
|
|
25
|
+
export default GridContainer;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -9,7 +9,7 @@ import { View } from "react-native-web";
|
|
|
9
9
|
import { DEFAULT_SEARCH_CONTAINER } from "./SearchContainer.default";
|
|
10
10
|
import { styles } from "./SearchContainer.styles";
|
|
11
11
|
import { Input } from "../../input";
|
|
12
|
-
import {
|
|
12
|
+
import { GridContainer } from "../gridContainer";
|
|
13
13
|
var SearchContainer = function SearchContainer(_ref) {
|
|
14
14
|
var value = _ref.value,
|
|
15
15
|
buttons = _ref.buttons,
|
|
@@ -43,11 +43,8 @@ var SearchContainer = function SearchContainer(_ref) {
|
|
|
43
43
|
height: height
|
|
44
44
|
})), /*#__PURE__*/React.createElement(View, {
|
|
45
45
|
style: styles.spacing
|
|
46
|
-
}), /*#__PURE__*/React.createElement(
|
|
47
|
-
|
|
48
|
-
style: {
|
|
49
|
-
paddingVertical: 0
|
|
50
|
-
}
|
|
46
|
+
}), /*#__PURE__*/React.createElement(GridContainer, {
|
|
47
|
+
components: buttons
|
|
51
48
|
}));
|
|
52
49
|
};
|
|
53
50
|
export default SearchContainer;
|
|
@@ -1,56 +1,24 @@
|
|
|
1
|
-
|
|
2
|
-
function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
|
|
3
|
-
function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
|
|
4
|
-
function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
|
|
5
|
-
function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
|
|
6
|
-
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
7
|
-
import React, { useEffect, useState } from 'react';
|
|
1
|
+
import React from 'react';
|
|
8
2
|
import { Text, View } from "react-native-web";
|
|
9
3
|
import { DEFAULT } from "./TitleContainer.default";
|
|
10
|
-
import {
|
|
4
|
+
import { GridContainer } from "../gridContainer";
|
|
11
5
|
var TitleContainer = function TitleContainer(_ref) {
|
|
12
6
|
var buttons = _ref.buttons,
|
|
13
|
-
style = _ref.style,
|
|
14
7
|
title = _ref.title,
|
|
15
|
-
|
|
8
|
+
styleContainer = _ref.styleContainer,
|
|
9
|
+
styleTitle = _ref.styleTitle,
|
|
10
|
+
styleGridContainer = _ref.styleGridContainer,
|
|
16
11
|
buttonsGap = _ref.buttonsGap;
|
|
17
|
-
var _useState = useState([]),
|
|
18
|
-
_useState2 = _slicedToArray(_useState, 2),
|
|
19
|
-
arrayOfButtons = _useState2[0],
|
|
20
|
-
setArrayOfButtons = _useState2[1];
|
|
21
|
-
useEffect(function () {
|
|
22
|
-
// This adds a gap between buttons if it's possible using a dummy View
|
|
23
|
-
var renderButtonsWithGaps = function renderButtonsWithGaps(buttonsList) {
|
|
24
|
-
var result = [];
|
|
25
|
-
for (var i = 0; i < buttonsList.length; i++) {
|
|
26
|
-
result.push(buttonsList[i]);
|
|
27
|
-
if (i < buttonsList.length - 1) {
|
|
28
|
-
result.push( /*#__PURE__*/React.createElement(View, {
|
|
29
|
-
style: [DEFAULT.BUTTON_CONTAINER, buttonsGap ? {
|
|
30
|
-
width: buttonsGap
|
|
31
|
-
} : null],
|
|
32
|
-
key: "view-".concat(i)
|
|
33
|
-
}));
|
|
34
|
-
}
|
|
35
|
-
}
|
|
36
|
-
return result;
|
|
37
|
-
};
|
|
38
|
-
if (buttons) {
|
|
39
|
-
setArrayOfButtons(renderButtonsWithGaps(buttons));
|
|
40
|
-
}
|
|
41
|
-
}, [buttons, buttonsGap]);
|
|
42
12
|
return /*#__PURE__*/React.createElement(View, {
|
|
43
|
-
style: [DEFAULT.TITLE_CONTAINER,
|
|
13
|
+
style: [DEFAULT.TITLE_CONTAINER, styleContainer]
|
|
44
14
|
}, /*#__PURE__*/React.createElement(Text, {
|
|
45
|
-
style: [DEFAULT.TITLE_STYLE,
|
|
15
|
+
style: [DEFAULT.TITLE_STYLE, styleTitle],
|
|
46
16
|
numberOfLines: 1,
|
|
47
17
|
ellipsizeMode: "tail"
|
|
48
|
-
}, title),
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
gap: 0
|
|
53
|
-
}
|
|
18
|
+
}, title), buttons && /*#__PURE__*/React.createElement(GridContainer, {
|
|
19
|
+
components: buttons,
|
|
20
|
+
stylesContainer: styleGridContainer,
|
|
21
|
+
gap: buttonsGap
|
|
54
22
|
}));
|
|
55
23
|
};
|
|
56
24
|
export default TitleContainer;
|
|
@@ -1,9 +1,10 @@
|
|
|
1
1
|
import { ReactNode } from 'react';
|
|
2
|
-
import {
|
|
2
|
+
import { TextStyle, ViewStyle } from 'react-native';
|
|
3
3
|
export interface ITitleContainer {
|
|
4
4
|
buttons?: ReactNode[];
|
|
5
|
-
|
|
6
|
-
|
|
5
|
+
styleContainer?: ViewStyle;
|
|
6
|
+
styleGridContainer?: ViewStyle;
|
|
7
|
+
styleTitle?: TextStyle;
|
|
7
8
|
buttonsGap?: number;
|
|
8
9
|
title: string;
|
|
9
10
|
}
|
|
@@ -10,12 +10,12 @@ function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" !=
|
|
|
10
10
|
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
11
11
|
import { Platform, Text, TextInput, TouchableOpacity, View } from "react-native-web";
|
|
12
12
|
import React, { useEffect, useState } from 'react';
|
|
13
|
-
import { ButtonContainer } from "../containers";
|
|
14
13
|
import { Button } from "../button";
|
|
15
14
|
import { CornerDownRightIcon } from "../../assets/images/icons/CornerDownRightIcon";
|
|
16
15
|
import { styles } from "./InputBase.styles";
|
|
17
16
|
import { DANGER_700, NEUTRAL_500, NEUTRAL_800 } from "../../styles/colors";
|
|
18
17
|
import { cursorPointer } from "../../helpers/table_utils";
|
|
18
|
+
import { GridContainer } from "../containers/gridContainer";
|
|
19
19
|
var InputBase = function InputBase(_ref) {
|
|
20
20
|
var value = _ref.value,
|
|
21
21
|
placeholder = _ref.placeholder,
|
|
@@ -173,9 +173,9 @@ var InputBase = function InputBase(_ref) {
|
|
|
173
173
|
onSubmitEditing: onSubmit || function () {},
|
|
174
174
|
keyboardType: keyboardType,
|
|
175
175
|
secureTextEntry: secureTextEntry
|
|
176
|
-
})), !!buttons && /*#__PURE__*/React.createElement(
|
|
177
|
-
|
|
178
|
-
|
|
176
|
+
})), !!buttons && /*#__PURE__*/React.createElement(GridContainer, {
|
|
177
|
+
stylesContainer: styles.buttonContainer,
|
|
178
|
+
components: buttons
|
|
179
179
|
})), !!helperText && /*#__PURE__*/React.createElement(Text, {
|
|
180
180
|
numberOfLines: 1,
|
|
181
181
|
ellipsizeMode: "tail",
|
|
@@ -25,7 +25,7 @@ import { disableOutline } from "../../../helpers/table_utils";
|
|
|
25
25
|
import { isWebPlatform } from "../../../helpers/functions_utils";
|
|
26
26
|
import { NEUTRAL_600, PRIMARY_100 } from "../../../styles/colors";
|
|
27
27
|
import { DropdownArrowIcon } from "../../../assets/images/icons/DropdownArrowIcon";
|
|
28
|
-
import {
|
|
28
|
+
import { XIcon } from "../../../assets/images/icons";
|
|
29
29
|
var DropdownInput = function DropdownInput(_ref) {
|
|
30
30
|
var title = _ref.title,
|
|
31
31
|
onSelect = _ref.onSelect,
|
|
@@ -83,26 +83,30 @@ var DropdownInput = function DropdownInput(_ref) {
|
|
|
83
83
|
_useState14 = _slicedToArray(_useState13, 2),
|
|
84
84
|
loadingMore = _useState14[0],
|
|
85
85
|
setLoadingMore = _useState14[1];
|
|
86
|
-
var _useState15 = useState(
|
|
86
|
+
var _useState15 = useState(false),
|
|
87
87
|
_useState16 = _slicedToArray(_useState15, 2),
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
var _useState17 = useState(
|
|
88
|
+
isDropdownUp = _useState16[0],
|
|
89
|
+
setIsDropdownUp = _useState16[1];
|
|
90
|
+
var _useState17 = useState([]),
|
|
91
91
|
_useState18 = _slicedToArray(_useState17, 2),
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
var _useState19 = useState(
|
|
92
|
+
searchOptions = _useState18[0],
|
|
93
|
+
setSearchOptions = _useState18[1];
|
|
94
|
+
var _useState19 = useState(false),
|
|
95
|
+
_useState20 = _slicedToArray(_useState19, 2),
|
|
96
|
+
dropdownVisible = _useState20[0],
|
|
97
|
+
setDropdownVisible = _useState20[1];
|
|
98
|
+
var _useState21 = useState({
|
|
95
99
|
x: 0,
|
|
96
100
|
y: 0,
|
|
97
101
|
width: 0
|
|
98
102
|
}),
|
|
99
|
-
_useState20 = _slicedToArray(_useState19, 2),
|
|
100
|
-
inputPosition = _useState20[0],
|
|
101
|
-
setInputPosition = _useState20[1];
|
|
102
|
-
var _useState21 = useState(undefined),
|
|
103
103
|
_useState22 = _slicedToArray(_useState21, 2),
|
|
104
|
-
|
|
105
|
-
|
|
104
|
+
inputPosition = _useState22[0],
|
|
105
|
+
setInputPosition = _useState22[1];
|
|
106
|
+
var _useState23 = useState(undefined),
|
|
107
|
+
_useState24 = _slicedToArray(_useState23, 2),
|
|
108
|
+
selectedOption = _useState24[0],
|
|
109
|
+
setSelectedOption = _useState24[1];
|
|
106
110
|
|
|
107
111
|
/* UI Rendering Functions */
|
|
108
112
|
// Renders a searchable input field with a clear button for the dropdown
|
|
@@ -126,10 +130,10 @@ var DropdownInput = function DropdownInput(_ref) {
|
|
|
126
130
|
clearSearch();
|
|
127
131
|
},
|
|
128
132
|
disabled: isDisabled
|
|
129
|
-
}, /*#__PURE__*/React.createElement(
|
|
133
|
+
}, /*#__PURE__*/React.createElement(XIcon, {
|
|
130
134
|
fill: PRIMARY_100,
|
|
131
|
-
width:
|
|
132
|
-
height:
|
|
135
|
+
width: 20,
|
|
136
|
+
height: 20,
|
|
133
137
|
style: [styles.cancelIcon, isDisabled ? {
|
|
134
138
|
opacity: 0.5
|
|
135
139
|
} : {
|
|
@@ -160,6 +164,7 @@ var DropdownInput = function DropdownInput(_ref) {
|
|
|
160
164
|
var renderDropdownContent = function renderDropdownContent() {
|
|
161
165
|
var currentOptions = (searchQuery === null || searchQuery === void 0 ? void 0 : searchQuery.length) > 0 ? searchOptions : options;
|
|
162
166
|
var currentOptionsLength = currentOptions === null || currentOptions === void 0 ? void 0 : currentOptions.length;
|
|
167
|
+
var containerHeight = OPTION_HEIGHT * maxVisibleOptions;
|
|
163
168
|
return /*#__PURE__*/React.createElement(Modal, {
|
|
164
169
|
transparent: true,
|
|
165
170
|
animationType: "fade",
|
|
@@ -200,16 +205,20 @@ var DropdownInput = function DropdownInput(_ref) {
|
|
|
200
205
|
onStartShouldSetResponder: function onStartShouldSetResponder() {
|
|
201
206
|
return true;
|
|
202
207
|
}
|
|
203
|
-
}, (staticData === null || staticData === void 0 ? void 0 : staticData.length) === 0 && (fetchData === null || fetchData === void 0 ? void 0 : fetchData.search) && renderSearchInput(searchQuery, handleSearchQueryChange, searchPlaceholder), loading ? /*#__PURE__*/React.createElement(
|
|
208
|
+
}, (staticData === null || staticData === void 0 ? void 0 : staticData.length) === 0 && (fetchData === null || fetchData === void 0 ? void 0 : fetchData.search) && renderSearchInput(searchQuery, handleSearchQueryChange, searchPlaceholder), loading ? /*#__PURE__*/React.createElement(View, {
|
|
209
|
+
style: {
|
|
210
|
+
height: isDropdownUp ? containerHeight : 'auto'
|
|
211
|
+
}
|
|
212
|
+
}, /*#__PURE__*/React.createElement(ActivityIndicator, {
|
|
204
213
|
size: "small",
|
|
205
214
|
color: PRIMARY_100,
|
|
206
215
|
style: {
|
|
207
216
|
marginVertical: 4
|
|
208
217
|
}
|
|
209
|
-
}) : currentOptionsLength > 0 ? /*#__PURE__*/React.createElement(FlatList, {
|
|
218
|
+
})) : currentOptionsLength > 0 ? /*#__PURE__*/React.createElement(FlatList, {
|
|
210
219
|
ref: flatListRef,
|
|
211
220
|
style: {
|
|
212
|
-
height: getDropdownHeight(currentOptionsLength, maxVisibleOptions)
|
|
221
|
+
height: isDropdownUp ? containerHeight : getDropdownHeight(currentOptionsLength, maxVisibleOptions)
|
|
213
222
|
},
|
|
214
223
|
data: currentOptions,
|
|
215
224
|
renderItem: function renderItem(_ref2) {
|
|
@@ -228,9 +237,13 @@ var DropdownInput = function DropdownInput(_ref) {
|
|
|
228
237
|
};
|
|
229
238
|
},
|
|
230
239
|
ListFooterComponent: renderFooter
|
|
231
|
-
}) : /*#__PURE__*/React.createElement(
|
|
240
|
+
}) : /*#__PURE__*/React.createElement(View, {
|
|
241
|
+
style: {
|
|
242
|
+
height: isDropdownUp ? containerHeight : 'auto'
|
|
243
|
+
}
|
|
244
|
+
}, /*#__PURE__*/React.createElement(Text, {
|
|
232
245
|
style: styles.noResultsText
|
|
233
|
-
}, noResultsText)))));
|
|
246
|
+
}, noResultsText))))));
|
|
234
247
|
};
|
|
235
248
|
|
|
236
249
|
// Renders the currently selected option with an option to deselect
|
|
@@ -243,10 +256,10 @@ var DropdownInput = function DropdownInput(_ref) {
|
|
|
243
256
|
ellipsizeMode: "tail"
|
|
244
257
|
}, selectedOption), /*#__PURE__*/React.createElement(TouchableOpacity, {
|
|
245
258
|
onPress: deselectOption
|
|
246
|
-
}, /*#__PURE__*/React.createElement(
|
|
259
|
+
}, /*#__PURE__*/React.createElement(XIcon, {
|
|
247
260
|
fill: NEUTRAL_600,
|
|
248
|
-
width:
|
|
249
|
-
height:
|
|
261
|
+
width: 20,
|
|
262
|
+
height: 20,
|
|
250
263
|
style: [styles.cancelIcon, isDisabled ? {
|
|
251
264
|
opacity: 0.5
|
|
252
265
|
} : {
|
|
@@ -388,38 +401,38 @@ var DropdownInput = function DropdownInput(_ref) {
|
|
|
388
401
|
var adjustDropdownPosition = useCallback(function () {
|
|
389
402
|
inputContainerRef.current.measure(function (x, y, width, height, pageX, pageY) {
|
|
390
403
|
var windowHeight = Dimensions.get('window').height;
|
|
391
|
-
var estimatedDropdownHeight = getDropdownHeight(options.length, maxVisibleOptions);
|
|
392
|
-
var spaceAbove = pageY;
|
|
393
404
|
var spaceBelow = windowHeight - pageY - height;
|
|
394
|
-
var
|
|
395
|
-
|
|
405
|
+
var dropdownHeight = getDropdownHeight(options.length, maxVisibleOptions);
|
|
406
|
+
var isDropdownUp = dropdownHeight > spaceBelow;
|
|
407
|
+
var extraOffsetTop = title ? -4 : -28;
|
|
408
|
+
var extraOffsetBottom = helperText ? -22 : 0;
|
|
409
|
+
if (isDropdownUp) {
|
|
396
410
|
setInputPosition({
|
|
397
411
|
x: pageX,
|
|
398
|
-
y: pageY +
|
|
399
|
-
width: width
|
|
400
|
-
});
|
|
401
|
-
} else if (estimatedDropdownHeight < spaceAbove) {
|
|
402
|
-
setInputPosition({
|
|
403
|
-
x: pageX,
|
|
404
|
-
y: pageY - estimatedDropdownHeight - OPTION_HEIGHT + extraOffsetTop,
|
|
412
|
+
y: pageY - dropdownHeight - OPTION_HEIGHT + extraOffsetTop,
|
|
405
413
|
width: width
|
|
406
414
|
});
|
|
415
|
+
setIsDropdownUp(true);
|
|
407
416
|
} else {
|
|
408
|
-
var preferTop = spaceAbove > spaceBelow;
|
|
409
|
-
var newY = preferTop ? pageY - estimatedDropdownHeight - OPTION_HEIGHT + extraOffsetTop : pageY + height;
|
|
410
417
|
setInputPosition({
|
|
411
418
|
x: pageX,
|
|
412
|
-
y:
|
|
419
|
+
y: pageY + height + extraOffsetBottom,
|
|
413
420
|
width: width
|
|
414
421
|
});
|
|
422
|
+
setIsDropdownUp(false);
|
|
415
423
|
}
|
|
416
424
|
});
|
|
417
425
|
}, [options.length, maxVisibleOptions, title, dropdownVisible]);
|
|
418
426
|
|
|
419
427
|
// Calculates the dropdown's height based on the number of options and the maximum number of visible options
|
|
420
428
|
var getDropdownHeight = function getDropdownHeight(optionsLength, maxVisibleOptions) {
|
|
421
|
-
var
|
|
422
|
-
|
|
429
|
+
var isDropdownUp = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
|
|
430
|
+
if (isDropdownUp) {
|
|
431
|
+
return maxVisibleOptions * OPTION_HEIGHT;
|
|
432
|
+
} else {
|
|
433
|
+
var numberOfOptions = Math.min(optionsLength, maxVisibleOptions);
|
|
434
|
+
return numberOfOptions * OPTION_HEIGHT;
|
|
435
|
+
}
|
|
423
436
|
};
|
|
424
437
|
|
|
425
438
|
// Deselects the currently selected option and triggers the onSelect callback with an empty value
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { SafeAreaView, ScrollView, Text, View } from "react-native-web";
|
|
3
|
-
import { ButtonContainer } from "../../../containers";
|
|
4
3
|
import { styles } from "./MaximizedView.styles";
|
|
5
4
|
import { Button } from "../../../button";
|
|
6
5
|
import { XIcon } from "../../../../assets/images/icons";
|
|
6
|
+
import { GridContainer } from "../../../containers/gridContainer";
|
|
7
7
|
var MaximizedView = function MaximizedView(_ref) {
|
|
8
8
|
var buttonsToDisplay = _ref.buttonsToDisplay,
|
|
9
9
|
children = _ref.children,
|
|
@@ -35,9 +35,9 @@ var MaximizedView = function MaximizedView(_ref) {
|
|
|
35
35
|
numberOfLines: 1,
|
|
36
36
|
style: styles.modalTitle,
|
|
37
37
|
ellipsizeMode: "tail"
|
|
38
|
-
}, title)), hasActionButton && buttonsToDisplay && /*#__PURE__*/React.createElement(
|
|
39
|
-
|
|
40
|
-
|
|
38
|
+
}, title)), hasActionButton && buttonsToDisplay && /*#__PURE__*/React.createElement(GridContainer, {
|
|
39
|
+
components: [buttonsToDisplay[buttonsToDisplay.length - 1]],
|
|
40
|
+
stylesContainer: styles.buttonContainer
|
|
41
41
|
})), children && /*#__PURE__*/React.createElement(View, {
|
|
42
42
|
style: styles.childrenModalContainer
|
|
43
43
|
}, /*#__PURE__*/React.createElement(ScrollView, {
|
|
@@ -6,8 +6,8 @@ function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" !=
|
|
|
6
6
|
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
7
7
|
import React, { useEffect, useState } from 'react';
|
|
8
8
|
import { Dimensions, Platform, ScrollView, Text, TouchableOpacity, View } from "react-native-web";
|
|
9
|
-
import { ButtonContainer } from "../../../containers";
|
|
10
9
|
import { styles } from "./MinimizedView.styles";
|
|
10
|
+
import { GridContainer } from "../../../containers/gridContainer";
|
|
11
11
|
var MinimizedView = function MinimizedView(_ref) {
|
|
12
12
|
var buttonsToDisplay = _ref.buttonsToDisplay,
|
|
13
13
|
children = _ref.children,
|
|
@@ -55,9 +55,9 @@ var MinimizedView = function MinimizedView(_ref) {
|
|
|
55
55
|
}
|
|
56
56
|
}, children)))), /*#__PURE__*/React.createElement(View, {
|
|
57
57
|
style: styles.buttonModalContainer
|
|
58
|
-
}, (buttonsToDisplay === null || buttonsToDisplay === void 0 ? void 0 : buttonsToDisplay.length) && /*#__PURE__*/React.createElement(
|
|
59
|
-
|
|
60
|
-
|
|
58
|
+
}, (buttonsToDisplay === null || buttonsToDisplay === void 0 ? void 0 : buttonsToDisplay.length) && /*#__PURE__*/React.createElement(GridContainer, {
|
|
59
|
+
components: buttonsToDisplay,
|
|
60
|
+
stylesContainer: styles.buttonContainer
|
|
61
61
|
})));
|
|
62
62
|
};
|
|
63
63
|
export default MinimizedView;
|
|
@@ -7,7 +7,7 @@ import { findPrimaryId, paintOddRows, removeHeaderBorder } from "../../helpers/t
|
|
|
7
7
|
import { SkeletonRowTable } from "../secondaryComponents";
|
|
8
8
|
import { NEUTRAL_300 } from "../../styles/colors";
|
|
9
9
|
import TableEmpty from "./components/TableEmpty";
|
|
10
|
-
import {
|
|
10
|
+
import { GridContainer } from "../containers/gridContainer";
|
|
11
11
|
var Table = function Table(_ref) {
|
|
12
12
|
var _ref$data = _ref.data,
|
|
13
13
|
data = _ref$data === void 0 ? [] : _ref$data,
|
|
@@ -54,8 +54,8 @@ var Table = function Table(_ref) {
|
|
|
54
54
|
width: col.width
|
|
55
55
|
}],
|
|
56
56
|
key: 'movementTable' + colIndex
|
|
57
|
-
}, col.components ? /*#__PURE__*/React.createElement(
|
|
58
|
-
|
|
57
|
+
}, col.components ? /*#__PURE__*/React.createElement(GridContainer, {
|
|
58
|
+
components: components
|
|
59
59
|
}) : /*#__PURE__*/React.createElement(TableCell, {
|
|
60
60
|
label: col.key ? item[col.key] : '',
|
|
61
61
|
key: 'tableCell' + index
|
package/index.d.ts
CHANGED
|
@@ -11,7 +11,7 @@ const isNativeEnvironment = Platform.OS === 'ios' || Platform.OS === 'android';
|
|
|
11
11
|
const {
|
|
12
12
|
Alert,
|
|
13
13
|
Button,
|
|
14
|
-
|
|
14
|
+
GridContainer,
|
|
15
15
|
CardDropdown,
|
|
16
16
|
Cards,
|
|
17
17
|
DrawerLateral,
|
|
@@ -335,7 +335,7 @@ const {
|
|
|
335
335
|
export {
|
|
336
336
|
Alert,
|
|
337
337
|
Button,
|
|
338
|
-
|
|
338
|
+
GridContainer,
|
|
339
339
|
CardDropdown,
|
|
340
340
|
Cards,
|
|
341
341
|
DrawerLateral,
|
package/index.js
CHANGED
|
@@ -11,7 +11,7 @@ const isNativeEnvironment = Platform.OS === 'ios' || Platform.OS === 'android';
|
|
|
11
11
|
const {
|
|
12
12
|
Alert,
|
|
13
13
|
Button,
|
|
14
|
-
|
|
14
|
+
GridContainer,
|
|
15
15
|
CardDropdown,
|
|
16
16
|
Cards,
|
|
17
17
|
DrawerLateral,
|
|
@@ -335,7 +335,7 @@ const {
|
|
|
335
335
|
export {
|
|
336
336
|
Alert,
|
|
337
337
|
Button,
|
|
338
|
-
|
|
338
|
+
GridContainer,
|
|
339
339
|
CardDropdown,
|
|
340
340
|
Cards,
|
|
341
341
|
DrawerLateral,
|