etendo-ui-library 1.3.21 → 1.3.22

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.
Files changed (67) hide show
  1. package/dist-native/assets/images/icons/MaximizeIcon.d.ts +7 -0
  2. package/dist-native/assets/images/icons/MaximizeIcon.js +1 -0
  3. package/dist-native/assets/images/icons/index.d.ts +2 -1
  4. package/dist-native/assets/images/icons/index.js +1 -1
  5. package/dist-native/components/button/Button.js +1 -1
  6. package/dist-native/components/modal/Modal.d.ts +4 -0
  7. package/dist-native/components/modal/Modal.js +1 -0
  8. package/dist-native/components/modal/Modal.styles.d.ts +28 -0
  9. package/dist-native/components/modal/Modal.styles.js +1 -0
  10. package/dist-native/components/modal/Modal.types.d.ts +17 -0
  11. package/dist-native/components/modal/Modal.types.js +1 -0
  12. package/dist-native/components/modal/components/maximizedView/MaximizedView.d.ts +4 -0
  13. package/dist-native/components/modal/components/maximizedView/MaximizedView.js +1 -0
  14. package/dist-native/components/modal/components/maximizedView/MaximizedView.styles.d.ts +34 -0
  15. package/dist-native/components/modal/components/maximizedView/MaximizedView.styles.js +1 -0
  16. package/dist-native/components/modal/components/maximizedView/MaximizedView.types.d.ts +9 -0
  17. package/dist-native/components/modal/components/maximizedView/MaximizedView.types.js +1 -0
  18. package/dist-native/components/modal/components/minimizedView/MinimizedView.d.ts +4 -0
  19. package/dist-native/components/modal/components/minimizedView/MinimizedView.js +1 -0
  20. package/dist-native/components/modal/components/minimizedView/MinimizedView.styles.d.ts +51 -0
  21. package/dist-native/components/modal/components/minimizedView/MinimizedView.styles.js +1 -0
  22. package/dist-native/components/modal/components/minimizedView/MinimizedView.types.d.ts +8 -0
  23. package/dist-native/components/modal/components/minimizedView/MinimizedView.types.js +1 -0
  24. package/dist-native/components/modal/index.d.ts +2 -0
  25. package/dist-native/components/modal/index.js +1 -0
  26. package/dist-web/assets/images/icons/MaximizeIcon.d.ts +7 -0
  27. package/dist-web/assets/images/icons/MaximizeIcon.js +23 -0
  28. package/dist-web/assets/images/icons/index.d.ts +2 -1
  29. package/dist-web/assets/images/icons/index.js +2 -1
  30. package/dist-web/components/button/Button.js +4 -2
  31. package/dist-web/components/modal/Modal.d.ts +4 -0
  32. package/dist-web/components/modal/Modal.js +81 -0
  33. package/dist-web/components/modal/Modal.styles.d.ts +28 -0
  34. package/dist-web/components/modal/Modal.styles.js +31 -0
  35. package/dist-web/components/modal/Modal.types.d.ts +17 -0
  36. package/dist-web/components/modal/Modal.types.js +1 -0
  37. package/dist-web/components/modal/components/maximizedView/MaximizedView.d.ts +4 -0
  38. package/dist-web/components/modal/components/maximizedView/MaximizedView.js +49 -0
  39. package/dist-web/components/modal/components/maximizedView/MaximizedView.styles.d.ts +34 -0
  40. package/dist-web/components/modal/components/maximizedView/MaximizedView.styles.js +27 -0
  41. package/dist-web/components/modal/components/maximizedView/MaximizedView.types.d.ts +9 -0
  42. package/dist-web/components/modal/components/maximizedView/MaximizedView.types.js +1 -0
  43. package/dist-web/components/modal/components/minimizedView/MinimizedView.d.ts +4 -0
  44. package/dist-web/components/modal/components/minimizedView/MinimizedView.js +44 -0
  45. package/dist-web/components/modal/components/minimizedView/MinimizedView.styles.d.ts +51 -0
  46. package/dist-web/components/modal/components/minimizedView/MinimizedView.styles.js +54 -0
  47. package/dist-web/components/modal/components/minimizedView/MinimizedView.types.d.ts +8 -0
  48. package/dist-web/components/modal/components/minimizedView/MinimizedView.types.js +1 -0
  49. package/dist-web/components/modal/index.d.ts +2 -0
  50. package/dist-web/components/modal/index.js +2 -0
  51. package/package.json +1 -1
  52. package/dist-native/components/docs/screens/changelog/ChangeLogScreen.d.ts +0 -3
  53. package/dist-native/components/docs/screens/changelog/ChangeLogScreen.js +0 -1
  54. package/dist-native/components/docs/screens/changelog/ChangeLogScreen.style.d.ts +0 -27
  55. package/dist-native/components/docs/screens/changelog/ChangeLogScreen.style.js +0 -1
  56. package/dist-native/components/docs/screens/getStarted/GetStartedScreen.d.ts +0 -3
  57. package/dist-native/components/docs/screens/getStarted/GetStartedScreen.js +0 -1
  58. package/dist-native/components/docs/screens/getStarted/GetStartedScreen.style.d.ts +0 -67
  59. package/dist-native/components/docs/screens/getStarted/GetStartedScreen.style.js +0 -1
  60. package/dist-web/components/docs/screens/changelog/ChangeLogScreen.d.ts +0 -3
  61. package/dist-web/components/docs/screens/changelog/ChangeLogScreen.js +0 -32
  62. package/dist-web/components/docs/screens/changelog/ChangeLogScreen.style.d.ts +0 -27
  63. package/dist-web/components/docs/screens/changelog/ChangeLogScreen.style.js +0 -29
  64. package/dist-web/components/docs/screens/getStarted/GetStartedScreen.d.ts +0 -3
  65. package/dist-web/components/docs/screens/getStarted/GetStartedScreen.js +0 -148
  66. package/dist-web/components/docs/screens/getStarted/GetStartedScreen.style.d.ts +0 -67
  67. package/dist-web/components/docs/screens/getStarted/GetStartedScreen.style.js +0 -69
@@ -0,0 +1,7 @@
1
+ import React from 'react';
2
+ import { ImageStyle } from 'react-native';
3
+ export interface SvgImageProps {
4
+ style?: ImageStyle;
5
+ fill?: string;
6
+ }
7
+ export declare const MaximizeIcon: ({ style, fill, }: SvgImageProps) => React.JSX.Element;
@@ -0,0 +1 @@
1
+ var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.MaximizeIcon=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/MaximizeIcon.tsx";var MaximizeIcon=exports.MaximizeIcon=function MaximizeIcon(_ref){var style=_ref.style,_ref$fill=_ref.fill,fill=_ref$fill===void 0?_colors.DEFAULT_COLOR_THEME:_ref$fill;var width=(0,_svg_utils.sizeSvg)(style==null?void 0:style.width,24);var height=(0,_svg_utils.sizeSvg)(style==null?void 0:style.height,24);return _react.default.createElement(_reactNativeSvg.Svg,{width:width,height:height,viewBox:"0 0 24 24",fill:"none",style:style,__self:_this,__source:{fileName:_jsxFileName,lineNumber:20,columnNumber:5}},_react.default.createElement(_reactNativeSvg.Path,{fillRule:"evenodd",clipRule:"evenodd",d:"M15 4C14.4477 4 14 3.55228 14 3C14 2.44772 14.4477 2 15 2H21C21.5523 2 22 2.44772 22 3V9C22 9.55228 21.5523 10 21 10C20.4477 10 20 9.55228 20 9V5.41421L14.7071 10.7071C14.3166 11.0976 13.6834 11.0976 13.2929 10.7071C12.9024 10.3166 12.9024 9.68342 13.2929 9.29289L18.5858 4H15ZM9.29289 13.2929C9.68342 12.9024 10.3166 12.9024 10.7071 13.2929C11.0976 13.6834 11.0976 14.3166 10.7071 14.7071L5.41421 20H9C9.55228 20 10 20.4477 10 21C10 21.5523 9.55228 22 9 22H3C2.44772 22 2 21.5523 2 21V15C2 14.4477 2.44772 14 3 14C3.55228 14 4 14.4477 4 15V18.5858L9.29289 13.2929Z",fill:fill,__self:_this,__source:{fileName:_jsxFileName,lineNumber:26,columnNumber:7}}));};
@@ -28,6 +28,7 @@ import { HamburgerIcon } from './HamburgerIcon';
28
28
  import { HidePasswordIcon } from './HidePasswordIcon';
29
29
  import { HomeIcon } from './HomeIcon';
30
30
  import { ItemsIcon } from './ItemsIcon';
31
+ import { MaximizeIcon } from './MaximizeIcon';
31
32
  import { MenuIcon } from './MenuIcon';
32
33
  import { MoneyIcon } from './MoneyIcon';
33
34
  import { MoreIcon } from './MoreIcon';
@@ -54,4 +55,4 @@ import { WarningIcon } from './WarningIcon';
54
55
  import { WayIcon } from './WayIcon';
55
56
  import { WifiIcon } from './WifiIcon';
56
57
  import { WithoutWifiIcon } from './WithoutWifiIcon';
57
- export { AdvanceCalendarIcon, ArrowDownIcon, ArrowFirstIcon, ArrowLastIcon, ArrowLeftIcon, ArrowRightIcon, BackIcon, BellActiveIcon, BellIcon, BinocularsIcon, CalendarIcon, CalendarSecundaryIcon, CameraIcon, CancelIcon, ChatIcon, CheckFalseIcon, CheckIcon, CheckTrueIcon, CircularArrowIcon, ConfigurationIcon, DeliveryBoxIcon, DocumentIcon, EditIcon, EditNotesIcon, GarbageIcon, GoIcon, HamburgerIcon, HidePasswordIcon, HomeIcon, ItemsIcon, MenuIcon, MoneyIcon, MoreIcon, PencilIcon, PointIcon, ReportsIcon, SearchIcon, ShoppingCartIcon, ShoppingBagIcon, ShowPasswordIcon, SlideShowIcon, StarIcon, StatisticsIcon, TimeIcon, TouchIcon, TracingIcon, TrashIcon, UserCardIcon, UserIcon, UserNoBorderIcon, UsersIcon, VNoteCardIcon, WarningIcon, WayIcon, WifiIcon, WithoutWifiIcon, };
58
+ export { AdvanceCalendarIcon, ArrowDownIcon, ArrowFirstIcon, ArrowLastIcon, ArrowLeftIcon, ArrowRightIcon, BackIcon, BellActiveIcon, BellIcon, BinocularsIcon, CalendarIcon, CalendarSecundaryIcon, CameraIcon, CancelIcon, ChatIcon, CheckFalseIcon, CheckIcon, CheckTrueIcon, CircularArrowIcon, ConfigurationIcon, DeliveryBoxIcon, DocumentIcon, EditIcon, EditNotesIcon, GarbageIcon, GoIcon, HamburgerIcon, HidePasswordIcon, HomeIcon, ItemsIcon, MaximizeIcon, MenuIcon, MoneyIcon, MoreIcon, PencilIcon, PointIcon, ReportsIcon, SearchIcon, ShoppingCartIcon, ShoppingBagIcon, ShowPasswordIcon, SlideShowIcon, StarIcon, StatisticsIcon, TimeIcon, TouchIcon, TracingIcon, TrashIcon, UserCardIcon, UserIcon, UserNoBorderIcon, UsersIcon, VNoteCardIcon, WarningIcon, WayIcon, WifiIcon, WithoutWifiIcon, };
@@ -1 +1 @@
1
- Object.defineProperty(exports,"__esModule",{value:true});Object.defineProperty(exports,"AdvanceCalendarIcon",{enumerable:true,get:function get(){return _AdvanceCalendarIcon.AdvanceCalendarIcon;}});Object.defineProperty(exports,"ArrowDownIcon",{enumerable:true,get:function get(){return _ArrowDownIcon.ArrowDownIcon;}});Object.defineProperty(exports,"ArrowFirstIcon",{enumerable:true,get:function get(){return _ArrowFirstIcon.ArrowFirstIcon;}});Object.defineProperty(exports,"ArrowLastIcon",{enumerable:true,get:function get(){return _ArrowLastIcon.ArrowLastIcon;}});Object.defineProperty(exports,"ArrowLeftIcon",{enumerable:true,get:function get(){return _ArrowLeftIcon.ArrowLeftIcon;}});Object.defineProperty(exports,"ArrowRightIcon",{enumerable:true,get:function get(){return _ArrowRightIcon.ArrowRightIcon;}});Object.defineProperty(exports,"BackIcon",{enumerable:true,get:function get(){return _BackIcon.BackIcon;}});Object.defineProperty(exports,"BellActiveIcon",{enumerable:true,get:function get(){return _BellActiveIcon.BellActiveIcon;}});Object.defineProperty(exports,"BellIcon",{enumerable:true,get:function get(){return _BellIcon.BellIcon;}});Object.defineProperty(exports,"BinocularsIcon",{enumerable:true,get:function get(){return _BinocularsIcon.BinocularsIcon;}});Object.defineProperty(exports,"CalendarIcon",{enumerable:true,get:function get(){return _CalendarIcon.CalendarIcon;}});Object.defineProperty(exports,"CalendarSecundaryIcon",{enumerable:true,get:function get(){return _CalendarSecundaryIcon.CalendarSecundaryIcon;}});Object.defineProperty(exports,"CameraIcon",{enumerable:true,get:function get(){return _CameraIcon.CameraIcon;}});Object.defineProperty(exports,"CancelIcon",{enumerable:true,get:function get(){return _CancelIcon.CancelIcon;}});Object.defineProperty(exports,"ChatIcon",{enumerable:true,get:function get(){return _ChatIcon.ChatIcon;}});Object.defineProperty(exports,"CheckFalseIcon",{enumerable:true,get:function get(){return _CheckFalseIcon.CheckFalseIcon;}});Object.defineProperty(exports,"CheckIcon",{enumerable:true,get:function get(){return _CheckIcon.CheckIcon;}});Object.defineProperty(exports,"CheckTrueIcon",{enumerable:true,get:function get(){return _CheckTrueIcon.CheckTrueIcon;}});Object.defineProperty(exports,"CircularArrowIcon",{enumerable:true,get:function get(){return _CircularArrowIcon.CircularArrowIcon;}});Object.defineProperty(exports,"ConfigurationIcon",{enumerable:true,get:function get(){return _ConfigurationIcon.ConfigurationIcon;}});Object.defineProperty(exports,"DeliveryBoxIcon",{enumerable:true,get:function get(){return _DeliveryBoxIcon.DeliveryBoxIcon;}});Object.defineProperty(exports,"DocumentIcon",{enumerable:true,get:function get(){return _DocumentIcon.DocumentIcon;}});Object.defineProperty(exports,"EditIcon",{enumerable:true,get:function get(){return _EditIcon.EditIcon;}});Object.defineProperty(exports,"EditNotesIcon",{enumerable:true,get:function get(){return _EditNotesIcon.EditNotesIcon;}});Object.defineProperty(exports,"GarbageIcon",{enumerable:true,get:function get(){return _GarbageIcon.GarbageIcon;}});Object.defineProperty(exports,"GoIcon",{enumerable:true,get:function get(){return _GoIcon.GoIcon;}});Object.defineProperty(exports,"HamburgerIcon",{enumerable:true,get:function get(){return _HamburgerIcon.HamburgerIcon;}});Object.defineProperty(exports,"HidePasswordIcon",{enumerable:true,get:function get(){return _HidePasswordIcon.HidePasswordIcon;}});Object.defineProperty(exports,"HomeIcon",{enumerable:true,get:function get(){return _HomeIcon.HomeIcon;}});Object.defineProperty(exports,"ItemsIcon",{enumerable:true,get:function get(){return _ItemsIcon.ItemsIcon;}});Object.defineProperty(exports,"MenuIcon",{enumerable:true,get:function get(){return _MenuIcon.MenuIcon;}});Object.defineProperty(exports,"MoneyIcon",{enumerable:true,get:function get(){return _MoneyIcon.MoneyIcon;}});Object.defineProperty(exports,"MoreIcon",{enumerable:true,get:function get(){return _MoreIcon.MoreIcon;}});Object.defineProperty(exports,"PencilIcon",{enumerable:true,get:function get(){return _PencilIcon.PencilIcon;}});Object.defineProperty(exports,"PointIcon",{enumerable:true,get:function get(){return _PointIcon.PointIcon;}});Object.defineProperty(exports,"ReportsIcon",{enumerable:true,get:function get(){return _ReportsIcon.ReportsIcon;}});Object.defineProperty(exports,"SearchIcon",{enumerable:true,get:function get(){return _SearchIcon.SearchIcon;}});Object.defineProperty(exports,"ShoppingBagIcon",{enumerable:true,get:function get(){return _ShoppingBagIcon.ShoppingBagIcon;}});Object.defineProperty(exports,"ShoppingCartIcon",{enumerable:true,get:function get(){return _ShoppingCartIcon.ShoppingCartIcon;}});Object.defineProperty(exports,"ShowPasswordIcon",{enumerable:true,get:function get(){return _ShowPasswordIcon.ShowPasswordIcon;}});Object.defineProperty(exports,"SlideShowIcon",{enumerable:true,get:function get(){return _SlideShowIcon.SlideShowIcon;}});Object.defineProperty(exports,"StarIcon",{enumerable:true,get:function get(){return _StarIcon.StarIcon;}});Object.defineProperty(exports,"StatisticsIcon",{enumerable:true,get:function get(){return _StatisticsIcon.StatisticsIcon;}});Object.defineProperty(exports,"TimeIcon",{enumerable:true,get:function get(){return _TimeIcon.TimeIcon;}});Object.defineProperty(exports,"TouchIcon",{enumerable:true,get:function get(){return _TouchIcon.TouchIcon;}});Object.defineProperty(exports,"TracingIcon",{enumerable:true,get:function get(){return _TracingIcon.TracingIcon;}});Object.defineProperty(exports,"TrashIcon",{enumerable:true,get:function get(){return _TrashIcon.TrashIcon;}});Object.defineProperty(exports,"UserCardIcon",{enumerable:true,get:function get(){return _UserCardIcon.UserCardIcon;}});Object.defineProperty(exports,"UserIcon",{enumerable:true,get:function get(){return _UserIcon.UserIcon;}});Object.defineProperty(exports,"UserNoBorderIcon",{enumerable:true,get:function get(){return _UserNoBorderIcon.UserNoBorderIcon;}});Object.defineProperty(exports,"UsersIcon",{enumerable:true,get:function get(){return _UsersIcon.UsersIcon;}});Object.defineProperty(exports,"VNoteCardIcon",{enumerable:true,get:function get(){return _VNoteCardIcon.VNoteCardIcon;}});Object.defineProperty(exports,"WarningIcon",{enumerable:true,get:function get(){return _WarningIcon.WarningIcon;}});Object.defineProperty(exports,"WayIcon",{enumerable:true,get:function get(){return _WayIcon.WayIcon;}});Object.defineProperty(exports,"WifiIcon",{enumerable:true,get:function get(){return _WifiIcon.WifiIcon;}});Object.defineProperty(exports,"WithoutWifiIcon",{enumerable:true,get:function get(){return _WithoutWifiIcon.WithoutWifiIcon;}});var _AdvanceCalendarIcon=require("./AdvanceCalendarIcon");var _ArrowDownIcon=require("./ArrowDownIcon");var _ArrowFirstIcon=require("./ArrowFirstIcon");var _ArrowLastIcon=require("./ArrowLastIcon");var _ArrowLeftIcon=require("./ArrowLeftIcon");var _ArrowRightIcon=require("./ArrowRightIcon");var _BackIcon=require("./BackIcon");var _BellActiveIcon=require("./BellActiveIcon");var _BellIcon=require("./BellIcon");var _BinocularsIcon=require("./BinocularsIcon");var _CalendarIcon=require("./CalendarIcon");var _CalendarSecundaryIcon=require("./CalendarSecundaryIcon");var _CameraIcon=require("./CameraIcon");var _CancelIcon=require("./CancelIcon");var _ChatIcon=require("./ChatIcon");var _CheckFalseIcon=require("./CheckFalseIcon");var _CheckIcon=require("./CheckIcon");var _CheckTrueIcon=require("./CheckTrueIcon");var _CircularArrowIcon=require("./CircularArrowIcon");var _ConfigurationIcon=require("./ConfigurationIcon");var _DeliveryBoxIcon=require("./DeliveryBoxIcon");var _DocumentIcon=require("./DocumentIcon");var _EditIcon=require("./EditIcon");var _EditNotesIcon=require("./EditNotesIcon");var _GarbageIcon=require("./GarbageIcon");var _GoIcon=require("./GoIcon");var _HamburgerIcon=require("./HamburgerIcon");var _HidePasswordIcon=require("./HidePasswordIcon");var _HomeIcon=require("./HomeIcon");var _ItemsIcon=require("./ItemsIcon");var _MenuIcon=require("./MenuIcon");var _MoneyIcon=require("./MoneyIcon");var _MoreIcon=require("./MoreIcon");var _PencilIcon=require("./PencilIcon");var _PointIcon=require("./PointIcon");var _ReportsIcon=require("./ReportsIcon");var _SearchIcon=require("./SearchIcon");var _ShoppingCartIcon=require("./ShoppingCartIcon");var _ShoppingBagIcon=require("./ShoppingBagIcon");var _ShowPasswordIcon=require("./ShowPasswordIcon");var _SlideShowIcon=require("./SlideShowIcon");var _StarIcon=require("./StarIcon");var _StatisticsIcon=require("./StatisticsIcon");var _TimeIcon=require("./TimeIcon");var _TouchIcon=require("./TouchIcon");var _TracingIcon=require("./TracingIcon");var _TrashIcon=require("./TrashIcon");var _UserCardIcon=require("./UserCardIcon");var _UserIcon=require("./UserIcon");var _UserNoBorderIcon=require("./UserNoBorderIcon");var _UsersIcon=require("./UsersIcon");var _VNoteCardIcon=require("./VNoteCardIcon");var _WarningIcon=require("./WarningIcon");var _WayIcon=require("./WayIcon");var _WifiIcon=require("./WifiIcon");var _WithoutWifiIcon=require("./WithoutWifiIcon");
1
+ Object.defineProperty(exports,"__esModule",{value:true});Object.defineProperty(exports,"AdvanceCalendarIcon",{enumerable:true,get:function get(){return _AdvanceCalendarIcon.AdvanceCalendarIcon;}});Object.defineProperty(exports,"ArrowDownIcon",{enumerable:true,get:function get(){return _ArrowDownIcon.ArrowDownIcon;}});Object.defineProperty(exports,"ArrowFirstIcon",{enumerable:true,get:function get(){return _ArrowFirstIcon.ArrowFirstIcon;}});Object.defineProperty(exports,"ArrowLastIcon",{enumerable:true,get:function get(){return _ArrowLastIcon.ArrowLastIcon;}});Object.defineProperty(exports,"ArrowLeftIcon",{enumerable:true,get:function get(){return _ArrowLeftIcon.ArrowLeftIcon;}});Object.defineProperty(exports,"ArrowRightIcon",{enumerable:true,get:function get(){return _ArrowRightIcon.ArrowRightIcon;}});Object.defineProperty(exports,"BackIcon",{enumerable:true,get:function get(){return _BackIcon.BackIcon;}});Object.defineProperty(exports,"BellActiveIcon",{enumerable:true,get:function get(){return _BellActiveIcon.BellActiveIcon;}});Object.defineProperty(exports,"BellIcon",{enumerable:true,get:function get(){return _BellIcon.BellIcon;}});Object.defineProperty(exports,"BinocularsIcon",{enumerable:true,get:function get(){return _BinocularsIcon.BinocularsIcon;}});Object.defineProperty(exports,"CalendarIcon",{enumerable:true,get:function get(){return _CalendarIcon.CalendarIcon;}});Object.defineProperty(exports,"CalendarSecundaryIcon",{enumerable:true,get:function get(){return _CalendarSecundaryIcon.CalendarSecundaryIcon;}});Object.defineProperty(exports,"CameraIcon",{enumerable:true,get:function get(){return _CameraIcon.CameraIcon;}});Object.defineProperty(exports,"CancelIcon",{enumerable:true,get:function get(){return _CancelIcon.CancelIcon;}});Object.defineProperty(exports,"ChatIcon",{enumerable:true,get:function get(){return _ChatIcon.ChatIcon;}});Object.defineProperty(exports,"CheckFalseIcon",{enumerable:true,get:function get(){return _CheckFalseIcon.CheckFalseIcon;}});Object.defineProperty(exports,"CheckIcon",{enumerable:true,get:function get(){return _CheckIcon.CheckIcon;}});Object.defineProperty(exports,"CheckTrueIcon",{enumerable:true,get:function get(){return _CheckTrueIcon.CheckTrueIcon;}});Object.defineProperty(exports,"CircularArrowIcon",{enumerable:true,get:function get(){return _CircularArrowIcon.CircularArrowIcon;}});Object.defineProperty(exports,"ConfigurationIcon",{enumerable:true,get:function get(){return _ConfigurationIcon.ConfigurationIcon;}});Object.defineProperty(exports,"DeliveryBoxIcon",{enumerable:true,get:function get(){return _DeliveryBoxIcon.DeliveryBoxIcon;}});Object.defineProperty(exports,"DocumentIcon",{enumerable:true,get:function get(){return _DocumentIcon.DocumentIcon;}});Object.defineProperty(exports,"EditIcon",{enumerable:true,get:function get(){return _EditIcon.EditIcon;}});Object.defineProperty(exports,"EditNotesIcon",{enumerable:true,get:function get(){return _EditNotesIcon.EditNotesIcon;}});Object.defineProperty(exports,"GarbageIcon",{enumerable:true,get:function get(){return _GarbageIcon.GarbageIcon;}});Object.defineProperty(exports,"GoIcon",{enumerable:true,get:function get(){return _GoIcon.GoIcon;}});Object.defineProperty(exports,"HamburgerIcon",{enumerable:true,get:function get(){return _HamburgerIcon.HamburgerIcon;}});Object.defineProperty(exports,"HidePasswordIcon",{enumerable:true,get:function get(){return _HidePasswordIcon.HidePasswordIcon;}});Object.defineProperty(exports,"HomeIcon",{enumerable:true,get:function get(){return _HomeIcon.HomeIcon;}});Object.defineProperty(exports,"ItemsIcon",{enumerable:true,get:function get(){return _ItemsIcon.ItemsIcon;}});Object.defineProperty(exports,"MaximizeIcon",{enumerable:true,get:function get(){return _MaximizeIcon.MaximizeIcon;}});Object.defineProperty(exports,"MenuIcon",{enumerable:true,get:function get(){return _MenuIcon.MenuIcon;}});Object.defineProperty(exports,"MoneyIcon",{enumerable:true,get:function get(){return _MoneyIcon.MoneyIcon;}});Object.defineProperty(exports,"MoreIcon",{enumerable:true,get:function get(){return _MoreIcon.MoreIcon;}});Object.defineProperty(exports,"PencilIcon",{enumerable:true,get:function get(){return _PencilIcon.PencilIcon;}});Object.defineProperty(exports,"PointIcon",{enumerable:true,get:function get(){return _PointIcon.PointIcon;}});Object.defineProperty(exports,"ReportsIcon",{enumerable:true,get:function get(){return _ReportsIcon.ReportsIcon;}});Object.defineProperty(exports,"SearchIcon",{enumerable:true,get:function get(){return _SearchIcon.SearchIcon;}});Object.defineProperty(exports,"ShoppingBagIcon",{enumerable:true,get:function get(){return _ShoppingBagIcon.ShoppingBagIcon;}});Object.defineProperty(exports,"ShoppingCartIcon",{enumerable:true,get:function get(){return _ShoppingCartIcon.ShoppingCartIcon;}});Object.defineProperty(exports,"ShowPasswordIcon",{enumerable:true,get:function get(){return _ShowPasswordIcon.ShowPasswordIcon;}});Object.defineProperty(exports,"SlideShowIcon",{enumerable:true,get:function get(){return _SlideShowIcon.SlideShowIcon;}});Object.defineProperty(exports,"StarIcon",{enumerable:true,get:function get(){return _StarIcon.StarIcon;}});Object.defineProperty(exports,"StatisticsIcon",{enumerable:true,get:function get(){return _StatisticsIcon.StatisticsIcon;}});Object.defineProperty(exports,"TimeIcon",{enumerable:true,get:function get(){return _TimeIcon.TimeIcon;}});Object.defineProperty(exports,"TouchIcon",{enumerable:true,get:function get(){return _TouchIcon.TouchIcon;}});Object.defineProperty(exports,"TracingIcon",{enumerable:true,get:function get(){return _TracingIcon.TracingIcon;}});Object.defineProperty(exports,"TrashIcon",{enumerable:true,get:function get(){return _TrashIcon.TrashIcon;}});Object.defineProperty(exports,"UserCardIcon",{enumerable:true,get:function get(){return _UserCardIcon.UserCardIcon;}});Object.defineProperty(exports,"UserIcon",{enumerable:true,get:function get(){return _UserIcon.UserIcon;}});Object.defineProperty(exports,"UserNoBorderIcon",{enumerable:true,get:function get(){return _UserNoBorderIcon.UserNoBorderIcon;}});Object.defineProperty(exports,"UsersIcon",{enumerable:true,get:function get(){return _UsersIcon.UsersIcon;}});Object.defineProperty(exports,"VNoteCardIcon",{enumerable:true,get:function get(){return _VNoteCardIcon.VNoteCardIcon;}});Object.defineProperty(exports,"WarningIcon",{enumerable:true,get:function get(){return _WarningIcon.WarningIcon;}});Object.defineProperty(exports,"WayIcon",{enumerable:true,get:function get(){return _WayIcon.WayIcon;}});Object.defineProperty(exports,"WifiIcon",{enumerable:true,get:function get(){return _WifiIcon.WifiIcon;}});Object.defineProperty(exports,"WithoutWifiIcon",{enumerable:true,get:function get(){return _WithoutWifiIcon.WithoutWifiIcon;}});var _AdvanceCalendarIcon=require("./AdvanceCalendarIcon");var _ArrowDownIcon=require("./ArrowDownIcon");var _ArrowFirstIcon=require("./ArrowFirstIcon");var _ArrowLastIcon=require("./ArrowLastIcon");var _ArrowLeftIcon=require("./ArrowLeftIcon");var _ArrowRightIcon=require("./ArrowRightIcon");var _BackIcon=require("./BackIcon");var _BellActiveIcon=require("./BellActiveIcon");var _BellIcon=require("./BellIcon");var _BinocularsIcon=require("./BinocularsIcon");var _CalendarIcon=require("./CalendarIcon");var _CalendarSecundaryIcon=require("./CalendarSecundaryIcon");var _CameraIcon=require("./CameraIcon");var _CancelIcon=require("./CancelIcon");var _ChatIcon=require("./ChatIcon");var _CheckFalseIcon=require("./CheckFalseIcon");var _CheckIcon=require("./CheckIcon");var _CheckTrueIcon=require("./CheckTrueIcon");var _CircularArrowIcon=require("./CircularArrowIcon");var _ConfigurationIcon=require("./ConfigurationIcon");var _DeliveryBoxIcon=require("./DeliveryBoxIcon");var _DocumentIcon=require("./DocumentIcon");var _EditIcon=require("./EditIcon");var _EditNotesIcon=require("./EditNotesIcon");var _GarbageIcon=require("./GarbageIcon");var _GoIcon=require("./GoIcon");var _HamburgerIcon=require("./HamburgerIcon");var _HidePasswordIcon=require("./HidePasswordIcon");var _HomeIcon=require("./HomeIcon");var _ItemsIcon=require("./ItemsIcon");var _MaximizeIcon=require("./MaximizeIcon");var _MenuIcon=require("./MenuIcon");var _MoneyIcon=require("./MoneyIcon");var _MoreIcon=require("./MoreIcon");var _PencilIcon=require("./PencilIcon");var _PointIcon=require("./PointIcon");var _ReportsIcon=require("./ReportsIcon");var _SearchIcon=require("./SearchIcon");var _ShoppingCartIcon=require("./ShoppingCartIcon");var _ShoppingBagIcon=require("./ShoppingBagIcon");var _ShowPasswordIcon=require("./ShowPasswordIcon");var _SlideShowIcon=require("./SlideShowIcon");var _StarIcon=require("./StarIcon");var _StatisticsIcon=require("./StatisticsIcon");var _TimeIcon=require("./TimeIcon");var _TouchIcon=require("./TouchIcon");var _TracingIcon=require("./TracingIcon");var _TrashIcon=require("./TrashIcon");var _UserCardIcon=require("./UserCardIcon");var _UserIcon=require("./UserIcon");var _UserNoBorderIcon=require("./UserNoBorderIcon");var _UsersIcon=require("./UsersIcon");var _VNoteCardIcon=require("./VNoteCardIcon");var _WarningIcon=require("./WarningIcon");var _WayIcon=require("./WayIcon");var _WifiIcon=require("./WifiIcon");var _WithoutWifiIcon=require("./WithoutWifiIcon");
@@ -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 _colors=require("../../styles/colors");var _Button=require("./Button.styles");var _this=this,_jsxFileName="/home/jenkins/agent/workspace/etendo_ui_library_develop/etendo_ui_library/src/components/button/Button.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 Button=function Button(_ref){var text=_ref.text,onPress=_ref.onPress,_ref$fontSize=_ref.fontSize,fontSize=_ref$fontSize===void 0?16:_ref$fontSize,typeStyle=_ref.typeStyle,disabled=_ref.disabled,_ref$width=_ref.width,width=_ref$width===void 0?'auto':_ref$width,height=_ref.height,iconLeft=_ref.iconLeft,iconRight=_ref.iconRight,_ref$paddingHorizonta=_ref.paddingHorizontal,paddingHorizontal=_ref$paddingHorizonta===void 0?12:_ref$paddingHorizonta,_ref$paddingVertical=_ref.paddingVertical,paddingVertical=_ref$paddingVertical===void 0?12:_ref$paddingVertical,_ref$loading=_ref.loading,loading=_ref$loading===void 0?false:_ref$loading;var _useState=(0,_react.useState)(false),_useState2=(0,_slicedToArray2.default)(_useState,2),isHovered=_useState2[0],setIsHovered=_useState2[1];var getHoveredBackgroundColor=function getHoveredBackgroundColor(backgroundColor){switch(backgroundColor){case'primary':return _colors.TERTIARY_800;case'secondary':return _colors.SECONDARY_300;case'terciary':return _colors.TERTIARY_50;case'whiteBorder':return _colors.PRIMARY_100;}};var getHoveredTextColorAndViewColor=function getHoveredTextColorAndViewColor(typeStyle){switch(typeStyle){case'white':return _colors.TERTIARY_800;case'whiteBorder':return _colors.NEUTRAL_50;case'primary':return _colors.NEUTRAL_50;default:return _colors.PRIMARY_100;}};var stateStyleContainer=function stateStyleContainer(pressed){if(disabled){return _Button.ButtonStyleVariant[typeStyle].containerDisabled;}if(pressed&&!isHovered&&!loading&&typeStyle==='whiteBorder'){return Object.assign({},_Button.ButtonStyleVariant[typeStyle].container,{opacity:0.7,backgroundColor:'transparent'});}if(pressed&&!loading){var hoveredBackgroundColor=getHoveredBackgroundColor(typeStyle);return Object.assign({},_Button.ButtonStyleVariant[typeStyle].container,{opacity:0.7,backgroundColor:hoveredBackgroundColor});}if(isHovered&&!loading){var _hoveredBackgroundColor=getHoveredBackgroundColor(typeStyle);return Object.assign({},_Button.ButtonStyleVariant[typeStyle].container,{backgroundColor:_hoveredBackgroundColor});}return _Button.ButtonStyleVariant[typeStyle].container;};var handleHoverIn=function handleHoverIn(){setIsHovered(true);};var handleHoverOut=function handleHoverOut(){setIsHovered(false);};var stateStyleText=function stateStyleText(){if(loading&&!iconLeft&&!iconRight){return{color:'transparent'};}if(disabled){return _Button.ButtonStyleVariant[typeStyle].textDisabled;}if(isHovered&&!loading){var hoveredTextColor=getHoveredTextColorAndViewColor(typeStyle);if(hoveredTextColor){return Object.assign({},_Button.ButtonStyleVariant[typeStyle].text,{color:hoveredTextColor});}}return _Button.ButtonStyleVariant[typeStyle].text;};var stateStyleIcon=function stateStyleIcon(){if(disabled){return _Button.ButtonStyleVariant[typeStyle].imageDisabled;}if(isHovered&&!loading){return isHovered?getHoveredTextColorAndViewColor(typeStyle):_Button.ButtonStyleVariant[typeStyle].imageColor;}return _Button.ButtonStyleVariant[typeStyle].imageColor;};var stateSizeIndicator=function stateSizeIndicator(iconComponent){var _iconComponent$props,_iconComponent$props$,_iconComponent$props4,_iconComponent$props5;if(iconComponent!=null&&(_iconComponent$props=iconComponent.props)!=null&&(_iconComponent$props$=_iconComponent$props.style)!=null&&_iconComponent$props$.height){var _iconComponent$props2,_iconComponent$props3;return iconComponent==null?void 0:(_iconComponent$props2=iconComponent.props)==null?void 0:(_iconComponent$props3=_iconComponent$props2.style)==null?void 0:_iconComponent$props3.height;}if(iconComponent!=null&&(_iconComponent$props4=iconComponent.props)!=null&&(_iconComponent$props5=_iconComponent$props4.style)!=null&&_iconComponent$props5.width){var _iconComponent$props6,_iconComponent$props7;return iconComponent==null?void 0:(_iconComponent$props6=iconComponent.props)==null?void 0:(_iconComponent$props7=_iconComponent$props6.style)==null?void 0:_iconComponent$props7.width;}return 16;};var renderIcon=function renderIcon(icon){var _icon$props,_icon$props$style,_icon$props2,_icon$props2$style;var _ref2=arguments.length>1&&arguments[1]!==undefined?arguments[1]:{},_ref2$marginRight=_ref2.marginRight,marginRight=_ref2$marginRight===void 0?0:_ref2$marginRight,_ref2$marginLeft=_ref2.marginLeft,marginLeft=_ref2$marginLeft===void 0?0:_ref2$marginLeft;if(!icon)return null;var iconSize=stateSizeIndicator(icon);var iconColor=stateStyleIcon();if(loading){return _react.default.createElement(_reactNative.ActivityIndicator,{size:iconSize,color:iconColor,style:{marginRight:marginRight,marginLeft:marginLeft},__self:_this,__source:{fileName:_jsxFileName,lineNumber:147,columnNumber:9}});}return _react.default.cloneElement(icon,{style:{width:(icon==null?void 0:(_icon$props=icon.props)==null?void 0:(_icon$props$style=_icon$props.style)==null?void 0:_icon$props$style.width)||16,height:(icon==null?void 0:(_icon$props2=icon.props)==null?void 0:(_icon$props2$style=_icon$props2.style)==null?void 0:_icon$props2$style.height)||16,marginRight:marginRight,marginLeft:marginLeft},fill:iconColor});};var handleOnPress=function handleOnPress(){if(onPress){onPress();}};return _react.default.createElement(_reactNative.TouchableOpacity,{disabled:disabled!=null?disabled:loading,__self:_this,__source:{fileName:_jsxFileName,lineNumber:172,columnNumber:5}},_react.default.createElement(_reactNative.Pressable,{onHoverIn:handleHoverIn,onHoverOut:handleHoverOut,style:function style(_ref3){var pressed=_ref3.pressed;return[stateStyleContainer(pressed),{height:height,width:width,paddingHorizontal:paddingHorizontal,paddingVertical:paddingVertical}];},disabled:disabled!=null?disabled:loading,onPress:handleOnPress,__self:_this,__source:{fileName:_jsxFileName,lineNumber:173,columnNumber:7}},renderIcon(iconLeft,{marginRight:iconLeft&&text?8:0}),loading&&!iconLeft&&!iconRight&&_react.default.createElement(_reactNative.ActivityIndicator,{size:fontSize,color:stateStyleIcon(),style:_Button.styles.indicatorCenterStyle,__self:_this,__source:{fileName:_jsxFileName,lineNumber:186,columnNumber:11}}),_react.default.createElement(_reactNative.Text,{style:[stateStyleText(),{fontSize:fontSize}],__self:_this,__source:{fileName:_jsxFileName,lineNumber:192,columnNumber:9}},text),renderIcon(iconRight,{marginLeft:iconRight&&text?8:0})));};var _default=exports.default=Button;
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 _colors=require("../../styles/colors");var _Button=require("./Button.styles");var _this=this,_jsxFileName="/home/jenkins/agent/workspace/etendo_ui_library_develop/etendo_ui_library/src/components/button/Button.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 Button=function Button(_ref){var text=_ref.text,onPress=_ref.onPress,_ref$fontSize=_ref.fontSize,fontSize=_ref$fontSize===void 0?16:_ref$fontSize,typeStyle=_ref.typeStyle,disabled=_ref.disabled,_ref$width=_ref.width,width=_ref$width===void 0?'auto':_ref$width,height=_ref.height,iconLeft=_ref.iconLeft,iconRight=_ref.iconRight,_ref$paddingHorizonta=_ref.paddingHorizontal,paddingHorizontal=_ref$paddingHorizonta===void 0?12:_ref$paddingHorizonta,_ref$paddingVertical=_ref.paddingVertical,paddingVertical=_ref$paddingVertical===void 0?12:_ref$paddingVertical,_ref$loading=_ref.loading,loading=_ref$loading===void 0?false:_ref$loading;var _useState=(0,_react.useState)(false),_useState2=(0,_slicedToArray2.default)(_useState,2),isHovered=_useState2[0],setIsHovered=_useState2[1];var getHoveredBackgroundColor=function getHoveredBackgroundColor(backgroundColor){switch(backgroundColor){case'primary':return _colors.TERTIARY_800;case'secondary':return _colors.SECONDARY_300;case'terciary':return _colors.TERTIARY_50;case'whiteBorder':return _colors.PRIMARY_100;}};var getHoveredTextColorAndViewColor=function getHoveredTextColorAndViewColor(typeStyle){switch(typeStyle){case'white':return _colors.TERTIARY_800;case'whiteBorder':return _colors.NEUTRAL_50;case'primary':return _colors.NEUTRAL_50;default:return _colors.PRIMARY_100;}};var stateStyleContainer=function stateStyleContainer(pressed){if(disabled){return _Button.ButtonStyleVariant[typeStyle].containerDisabled;}if(pressed&&!isHovered&&!loading&&typeStyle==='whiteBorder'){return Object.assign({},_Button.ButtonStyleVariant[typeStyle].container,{opacity:0.7,backgroundColor:'transparent'});}if(pressed&&!loading){var hoveredBackgroundColor=getHoveredBackgroundColor(typeStyle);return Object.assign({},_Button.ButtonStyleVariant[typeStyle].container,{opacity:0.7,backgroundColor:hoveredBackgroundColor});}if(isHovered&&!loading){var _hoveredBackgroundColor=getHoveredBackgroundColor(typeStyle);return Object.assign({},_Button.ButtonStyleVariant[typeStyle].container,{backgroundColor:_hoveredBackgroundColor});}return _Button.ButtonStyleVariant[typeStyle].container;};var handleHoverIn=function handleHoverIn(){setIsHovered(true);};var handleHoverOut=function handleHoverOut(){setIsHovered(false);};var stateStyleText=function stateStyleText(){if(loading&&!iconLeft&&!iconRight){return{color:'transparent'};}if(disabled){return _Button.ButtonStyleVariant[typeStyle].textDisabled;}if(isHovered&&!loading){var hoveredTextColor=getHoveredTextColorAndViewColor(typeStyle);if(hoveredTextColor){return Object.assign({},_Button.ButtonStyleVariant[typeStyle].text,{color:hoveredTextColor});}}return _Button.ButtonStyleVariant[typeStyle].text;};var stateStyleIcon=function stateStyleIcon(){var _ButtonStyleVariant$t2;if(disabled){return _Button.ButtonStyleVariant[typeStyle].imageDisabled;}if(isHovered&&!loading){var _ButtonStyleVariant$t;return isHovered?getHoveredTextColorAndViewColor(typeStyle):(_ButtonStyleVariant$t=_Button.ButtonStyleVariant[typeStyle])==null?void 0:_ButtonStyleVariant$t.imageColor;}return(_ButtonStyleVariant$t2=_Button.ButtonStyleVariant[typeStyle])==null?void 0:_ButtonStyleVariant$t2.imageColor;};var stateSizeIndicator=function stateSizeIndicator(iconComponent){var _iconComponent$props,_iconComponent$props$,_iconComponent$props4,_iconComponent$props5;if(iconComponent!=null&&(_iconComponent$props=iconComponent.props)!=null&&(_iconComponent$props$=_iconComponent$props.style)!=null&&_iconComponent$props$.height){var _iconComponent$props2,_iconComponent$props3;return iconComponent==null?void 0:(_iconComponent$props2=iconComponent.props)==null?void 0:(_iconComponent$props3=_iconComponent$props2.style)==null?void 0:_iconComponent$props3.height;}if(iconComponent!=null&&(_iconComponent$props4=iconComponent.props)!=null&&(_iconComponent$props5=_iconComponent$props4.style)!=null&&_iconComponent$props5.width){var _iconComponent$props6,_iconComponent$props7;return iconComponent==null?void 0:(_iconComponent$props6=iconComponent.props)==null?void 0:(_iconComponent$props7=_iconComponent$props6.style)==null?void 0:_iconComponent$props7.width;}return 16;};var renderIcon=function renderIcon(icon){var _icon$props,_icon$props$style,_icon$props2,_icon$props2$style;var _ref2=arguments.length>1&&arguments[1]!==undefined?arguments[1]:{},_ref2$marginRight=_ref2.marginRight,marginRight=_ref2$marginRight===void 0?0:_ref2$marginRight,_ref2$marginLeft=_ref2.marginLeft,marginLeft=_ref2$marginLeft===void 0?0:_ref2$marginLeft;if(!icon)return null;var iconSize=stateSizeIndicator(icon);var iconColor=stateStyleIcon();if(loading){return _react.default.createElement(_reactNative.ActivityIndicator,{size:iconSize,color:iconColor,style:{marginRight:marginRight,marginLeft:marginLeft},__self:_this,__source:{fileName:_jsxFileName,lineNumber:148,columnNumber:9}});}return _react.default.cloneElement(icon,{style:{width:(icon==null?void 0:(_icon$props=icon.props)==null?void 0:(_icon$props$style=_icon$props.style)==null?void 0:_icon$props$style.width)||16,height:(icon==null?void 0:(_icon$props2=icon.props)==null?void 0:(_icon$props2$style=_icon$props2.style)==null?void 0:_icon$props2$style.height)||16,marginRight:marginRight,marginLeft:marginLeft},fill:iconColor});};var handleOnPress=function handleOnPress(){if(onPress){onPress();}};return _react.default.createElement(_reactNative.TouchableOpacity,{disabled:disabled!=null?disabled:loading,__self:_this,__source:{fileName:_jsxFileName,lineNumber:173,columnNumber:5}},_react.default.createElement(_reactNative.Pressable,{onHoverIn:handleHoverIn,onHoverOut:handleHoverOut,style:function style(_ref3){var pressed=_ref3.pressed;return[stateStyleContainer(pressed),{height:height,width:width,paddingHorizontal:paddingHorizontal,paddingVertical:paddingVertical}];},disabled:disabled!=null?disabled:loading,onPress:handleOnPress,__self:_this,__source:{fileName:_jsxFileName,lineNumber:174,columnNumber:7}},renderIcon(iconLeft,{marginRight:iconLeft&&text?8:0}),loading&&!iconLeft&&!iconRight&&_react.default.createElement(_reactNative.ActivityIndicator,{size:fontSize,color:stateStyleIcon(),style:_Button.styles.indicatorCenterStyle,__self:_this,__source:{fileName:_jsxFileName,lineNumber:187,columnNumber:11}}),_react.default.createElement(_reactNative.Text,{style:[stateStyleText(),{fontSize:fontSize}],__self:_this,__source:{fileName:_jsxFileName,lineNumber:193,columnNumber:9}},text),renderIcon(iconRight,{marginLeft:iconRight&&text?8:0})));};var _default=exports.default=Button;
@@ -0,0 +1,4 @@
1
+ import React from 'react';
2
+ import { IModalProps } from './Modal.types';
3
+ declare const Modal: ({ buttons, children, disableTapOutside, fullScreen, handleSave, imageHeader, labelCloseButton, labelSaveButton, setVisible, subtitle, title, visible, }: IModalProps) => React.JSX.Element;
4
+ export default Modal;
@@ -0,0 +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 _react=_interopRequireWildcard(require("react"));var _reactNative=require("react-native");var _button=require("../button");var _MaximizedView=_interopRequireDefault(require("./components/maximizedView/MaximizedView"));var _MinimizedView=_interopRequireDefault(require("./components/minimizedView/MinimizedView"));var _Modal=require("./Modal.styles");var _this=this,_jsxFileName="/home/jenkins/agent/workspace/etendo_ui_library_develop/etendo_ui_library/src/components/modal/Modal.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 Modal=function Modal(_ref){var buttons=_ref.buttons,children=_ref.children,_ref$disableTapOutsid=_ref.disableTapOutside,disableTapOutside=_ref$disableTapOutsid===void 0?false:_ref$disableTapOutsid,_ref$fullScreen=_ref.fullScreen,fullScreen=_ref$fullScreen===void 0?false:_ref$fullScreen,handleSave=_ref.handleSave,imageHeader=_ref.imageHeader,labelCloseButton=_ref.labelCloseButton,labelSaveButton=_ref.labelSaveButton,setVisible=_ref.setVisible,subtitle=_ref.subtitle,title=_ref.title,visible=_ref.visible;var _useState=(0,_react.useState)([_react.default.createElement(_button.Button,{typeStyle:'white',text:labelCloseButton,onPress:function onPress(){return setVisible(false);},__self:_this,__source:{fileName:_jsxFileName,lineNumber:29,columnNumber:5}}),handleSave&&labelSaveButton?_react.default.createElement(_button.Button,{typeStyle:'white',text:labelSaveButton,onPress:handleSave,__self:_this,__source:{fileName:_jsxFileName,lineNumber:35,columnNumber:7}}):null]),_useState2=(0,_slicedToArray2.default)(_useState,2),buttonsToDisplay=_useState2[0],setButtonsToDisplay=_useState2[1];(0,_react.useEffect)(function(){if(buttons){setButtonsToDisplay([].concat((0,_toConsumableArray2.default)(buttons),(0,_toConsumableArray2.default)(buttonsToDisplay)));}},[]);return _react.default.createElement(_reactNative.Modal,{animationType:"fade",transparent:true,visible:visible,onRequestClose:function onRequestClose(){return setVisible(false);},__self:_this,__source:{fileName:_jsxFileName,lineNumber:46,columnNumber:5}},_react.default.createElement(_reactNative.TouchableOpacity,{style:_Modal.styles.modalContainer,activeOpacity:1,onPressOut:function onPressOut(){return!disableTapOutside&&setVisible(false);},__self:_this,__source:{fileName:_jsxFileName,lineNumber:51,columnNumber:7}},_react.default.createElement(_reactNative.TouchableWithoutFeedback,{__self:_this,__source:{fileName:_jsxFileName,lineNumber:55,columnNumber:9}},_react.default.createElement(_reactNative.View,{style:[_Modal.styles.modalContent,fullScreen&&_Modal.styles.modalFullScreen],__self:_this,__source:{fileName:_jsxFileName,lineNumber:56,columnNumber:11}},fullScreen?_react.default.createElement(_MaximizedView.default,{imageHeader:imageHeader,title:title,subtitle:subtitle,children:children,buttonsToDisplay:buttonsToDisplay,setVisible:setVisible,__self:_this,__source:{fileName:_jsxFileName,lineNumber:59,columnNumber:15}}):_react.default.createElement(_MinimizedView.default,{imageHeader:imageHeader,title:title,subtitle:subtitle,children:children,buttonsToDisplay:buttonsToDisplay,__self:_this,__source:{fileName:_jsxFileName,lineNumber:68,columnNumber:15}})))));};var _default=exports.default=Modal;
@@ -0,0 +1,28 @@
1
+ export declare const styles: {
2
+ modalContainer: {
3
+ alignItems: "center";
4
+ backgroundColor: string;
5
+ flex: number;
6
+ height: "100%";
7
+ justifyContent: "center";
8
+ width: "100%";
9
+ };
10
+ modalContent: {
11
+ backgroundColor: string;
12
+ borderRadius: number;
13
+ flexDirection: "column";
14
+ height: "auto";
15
+ justifyContent: "space-between";
16
+ maxHeight: "100%" | "85%";
17
+ maxWidth: "85%";
18
+ paddingHorizontal: number;
19
+ paddingVertical: number;
20
+ width: "auto";
21
+ };
22
+ modalFullScreen: {
23
+ height: "100%";
24
+ maxHeight: "100%";
25
+ maxWidth: "100%";
26
+ width: "100%";
27
+ };
28
+ };
@@ -0,0 +1 @@
1
+ Object.defineProperty(exports,"__esModule",{value:true});exports.styles=void 0;var _reactNative=require("react-native");var _colors=require("../../styles/colors");var _table_utils=require("../../helpers/table_utils");var styles=exports.styles=_reactNative.StyleSheet.create({modalContainer:{alignItems:'center',backgroundColor:'rgba(0, 0, 0, 0.5)',flex:1,height:'100%',justifyContent:'center',width:'100%'},modalContent:{backgroundColor:_colors.NEUTRAL_300,borderRadius:28,flexDirection:'column',height:'auto',justifyContent:'space-between',maxHeight:_table_utils.isDeviceTablet?'100%':'85%',maxWidth:'85%',paddingHorizontal:20,paddingVertical:30,width:'auto'},modalFullScreen:{height:'100%',maxHeight:'100%',maxWidth:'100%',width:'100%'}});
@@ -0,0 +1,17 @@
1
+ import { ViewStyle } from 'react-native';
2
+ import { ReactNode } from 'react';
3
+ export interface IModalProps {
4
+ buttons?: ReactNode[];
5
+ children?: ReactNode;
6
+ disableTapOutside?: boolean;
7
+ fullScreen?: boolean;
8
+ handleSave?: any;
9
+ imageHeader?: ReactNode;
10
+ labelCloseButton: string;
11
+ labelSaveButton?: string;
12
+ setVisible: any;
13
+ styles?: ViewStyle;
14
+ subtitle?: string;
15
+ title: string;
16
+ visible: boolean;
17
+ }
@@ -0,0 +1 @@
1
+ Object.defineProperty(exports,"__esModule",{value:true});
@@ -0,0 +1,4 @@
1
+ import React from 'react';
2
+ import { IMaximizedViewProps } from './MaximizedView.types';
3
+ declare const MaximizedView: ({ buttonsToDisplay, children, setVisible, title, }: IMaximizedViewProps) => React.JSX.Element;
4
+ export default MaximizedView;
@@ -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 _containers=require("../../../containers");var _MaximizedView=require("./MaximizedView.styles");var _button=require("../../../button");var _icons=require("../../../../assets/images/icons");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;return _react.default.createElement(_reactNative.View,{style:{justifyContent:'flex-start'},__self:_this,__source:{fileName:_jsxFileName,lineNumber:16,columnNumber:5}},_react.default.createElement(_reactNative.View,{style:_MaximizedView.styles.headerContainer,__self:_this,__source:{fileName:_jsxFileName,lineNumber:17,columnNumber:7}},_react.default.createElement(_reactNative.View,{style:_MaximizedView.styles.titleCloseContainer,__self:_this,__source:{fileName:_jsxFileName,lineNumber:18,columnNumber:9}},_react.default.createElement(_button.Button,{typeStyle:'white',iconLeft:_react.default.createElement(_icons.CancelIcon,{__self:_this,__source:{fileName:_jsxFileName,lineNumber:21,columnNumber:23}}),onPress:function onPress(){return setVisible(false);},__self:_this,__source:{fileName:_jsxFileName,lineNumber:19,columnNumber:11}}),_react.default.createElement(_reactNative.Text,{numberOfLines:1,style:_MaximizedView.styles.modalTitle,ellipsizeMode:"tail",__self:_this,__source:{fileName:_jsxFileName,lineNumber:24,columnNumber:11}},title)),(buttonsToDisplay==null?void 0:buttonsToDisplay.length)&&_react.default.createElement(_containers.ButtonContainer,{components:[buttonsToDisplay[buttonsToDisplay.length-1]],style:{justifyContent:'flex-end',paddingVertical:0},__self:_this,__source:{fileName:_jsxFileName,lineNumber:32,columnNumber:11}})),children&&_react.default.createElement(_reactNative.TouchableOpacity,{activeOpacity:1,style:_MaximizedView.styles.childrenModalContainer,__self:_this,__source:{fileName:_jsxFileName,lineNumber:42,columnNumber:9}},_react.default.createElement(_reactNative.ScrollView,{style:{flexGrow:0},__self:_this,__source:{fileName:_jsxFileName,lineNumber:45,columnNumber:11}},_react.default.createElement(_reactNative.View,{onStartShouldSetResponder:function onStartShouldSetResponder(){return true;},__self:_this,__source:{fileName:_jsxFileName,lineNumber:46,columnNumber:13}},children))));};var _default=exports.default=MaximizedView;
@@ -0,0 +1,34 @@
1
+ export declare const styles: {
2
+ headerContainer: {
3
+ flexDirection: "row";
4
+ paddingTop: number;
5
+ justifyContent: "space-between";
6
+ width: "100%";
7
+ alignItems: "center";
8
+ };
9
+ titleCloseContainer: {
10
+ flexDirection: "row";
11
+ };
12
+ modalTitle: {
13
+ paddingBottom: number;
14
+ alignSelf: "center";
15
+ color: string;
16
+ fontSize: number;
17
+ fontWeight: "500";
18
+ maxWidth: "95%";
19
+ textAlign: "center";
20
+ };
21
+ childrenModalContainer: {
22
+ borderBottomWidth: number;
23
+ maxHeight: "90%";
24
+ alignItems: "center";
25
+ borderBottomColor: string;
26
+ borderTopColor: string;
27
+ borderTopWidth: number;
28
+ display: "flex";
29
+ flexDirection: "column";
30
+ justifyContent: "center";
31
+ marginVertical: number;
32
+ paddingVertical: number;
33
+ };
34
+ };
@@ -0,0 +1 @@
1
+ Object.defineProperty(exports,"__esModule",{value:true});exports.styles=void 0;var _reactNative=require("react-native");var _MinimizedView=require("../minimizedView/MinimizedView.styles");var styles=exports.styles=_reactNative.StyleSheet.create({headerContainer:Object.assign({},_MinimizedView.styles.headerContainer,{flexDirection:'row',paddingTop:16,justifyContent:'space-between',width:'100%'}),titleCloseContainer:{flexDirection:'row'},modalTitle:Object.assign({},_MinimizedView.styles.modalTitle,{paddingBottom:0,alignSelf:'center'}),childrenModalContainer:Object.assign({},_MinimizedView.styles.childrenModalContainer,{borderBottomWidth:0,maxHeight:'90%'})});
@@ -0,0 +1,9 @@
1
+ import { ReactNode } from 'react';
2
+ export interface IMaximizedViewProps {
3
+ buttonsToDisplay?: ReactNode[];
4
+ children?: ReactNode;
5
+ imageHeader?: ReactNode;
6
+ setVisible: any;
7
+ subtitle?: string;
8
+ title: string;
9
+ }
@@ -0,0 +1 @@
1
+ Object.defineProperty(exports,"__esModule",{value:true});
@@ -0,0 +1,4 @@
1
+ import React from 'react';
2
+ import { IMinimizedViewProps } from './MinimizedView.types';
3
+ declare const MinimizedView: ({ buttonsToDisplay, children, imageHeader, subtitle, title, }: IMinimizedViewProps) => React.JSX.Element;
4
+ export default MinimizedView;
@@ -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 _containers=require("../../../containers");var _MinimizedView=require("./MinimizedView.styles");var _this=this,_jsxFileName="/home/jenkins/agent/workspace/etendo_ui_library_develop/etendo_ui_library/src/components/modal/components/minimizedView/MinimizedView.tsx";var MinimizedView=function MinimizedView(_ref){var buttonsToDisplay=_ref.buttonsToDisplay,children=_ref.children,imageHeader=_ref.imageHeader,subtitle=_ref.subtitle,title=_ref.title;return _react.default.createElement(_react.default.Fragment,null,_react.default.createElement(_reactNative.View,{style:_MinimizedView.styles.headerContainer,__self:_this,__source:{fileName:_jsxFileName,lineNumber:16,columnNumber:7}},imageHeader&&_react.default.createElement(_reactNative.View,{style:_MinimizedView.styles.imageHeaderContainer,__self:_this,__source:{fileName:_jsxFileName,lineNumber:18,columnNumber:11}},imageHeader),_react.default.createElement(_reactNative.Text,{numberOfLines:1,style:_MinimizedView.styles.modalTitle,ellipsizeMode:"tail",__self:_this,__source:{fileName:_jsxFileName,lineNumber:20,columnNumber:9}},title),subtitle&&_react.default.createElement(_reactNative.Text,{numberOfLines:2,style:_MinimizedView.styles.modalSubtitle,ellipsizeMode:"tail",__self:_this,__source:{fileName:_jsxFileName,lineNumber:24,columnNumber:11}},subtitle)),children&&_react.default.createElement(_reactNative.TouchableOpacity,{activeOpacity:1,style:_MinimizedView.styles.childrenModalContainer,__self:_this,__source:{fileName:_jsxFileName,lineNumber:33,columnNumber:9}},_react.default.createElement(_reactNative.ScrollView,{style:{flexGrow:0},__self:_this,__source:{fileName:_jsxFileName,lineNumber:36,columnNumber:11}},_react.default.createElement(_reactNative.View,{onStartShouldSetResponder:function onStartShouldSetResponder(){return true;},__self:_this,__source:{fileName:_jsxFileName,lineNumber:37,columnNumber:13}},children))),_react.default.createElement(_reactNative.View,{style:_MinimizedView.styles.buttonModalContainer,__self:_this,__source:{fileName:_jsxFileName,lineNumber:41,columnNumber:7}},(buttonsToDisplay==null?void 0:buttonsToDisplay.length)&&_react.default.createElement(_containers.ButtonContainer,{components:buttonsToDisplay,style:{justifyContent:'flex-end',paddingVertical:0},__self:_this,__source:{fileName:_jsxFileName,lineNumber:43,columnNumber:11}})));};var _default=exports.default=MinimizedView;
@@ -0,0 +1,51 @@
1
+ export declare const styles: {
2
+ headerContainer: {
3
+ alignItems: "center";
4
+ flexDirection: "column";
5
+ justifyContent: "space-between";
6
+ width: "100%";
7
+ };
8
+ imageHeaderContainer: {
9
+ alignItems: "center";
10
+ flexDirection: "row";
11
+ justifyContent: "center";
12
+ paddingBottom: number;
13
+ };
14
+ modalTitle: {
15
+ alignSelf: "flex-start";
16
+ color: string;
17
+ fontSize: number;
18
+ fontWeight: "500";
19
+ maxWidth: "95%";
20
+ paddingBottom: number;
21
+ textAlign: "center";
22
+ };
23
+ modalSubtitle: {
24
+ alignSelf: "flex-start";
25
+ color: string;
26
+ fontSize: number;
27
+ fontWeight: "500";
28
+ maxWidth: "95%";
29
+ textAlign: "left";
30
+ };
31
+ childrenModalContainer: {
32
+ alignItems: "center";
33
+ borderBottomColor: string;
34
+ borderBottomWidth: number;
35
+ borderTopColor: string;
36
+ borderTopWidth: number;
37
+ display: "flex";
38
+ flexDirection: "column";
39
+ justifyContent: "center";
40
+ marginVertical: number;
41
+ maxHeight: "60%";
42
+ paddingVertical: number;
43
+ };
44
+ buttonModalContainer: {
45
+ flexDirection: "row";
46
+ justifyContent: "flex-end";
47
+ };
48
+ buttonContainer: {
49
+ width: "40%" | "45%";
50
+ };
51
+ };
@@ -0,0 +1 @@
1
+ Object.defineProperty(exports,"__esModule",{value:true});exports.styles=void 0;var _reactNative=require("react-native");var _colors=require("../../../../styles/colors");var _table_utils=require("../../../../helpers/table_utils");var styles=exports.styles=_reactNative.StyleSheet.create({headerContainer:{alignItems:'center',flexDirection:'column',justifyContent:'space-between',width:'100%'},imageHeaderContainer:{alignItems:'center',flexDirection:'row',justifyContent:'center',paddingBottom:16},modalTitle:{alignSelf:'flex-start',color:_colors.PRIMARY_100,fontSize:22,fontWeight:'500',maxWidth:'95%',paddingBottom:12,textAlign:'center'},modalSubtitle:{alignSelf:'flex-start',color:_colors.NEUTRAL_800,fontSize:14,fontWeight:'500',maxWidth:'95%',textAlign:'left'},childrenModalContainer:{alignItems:'center',borderBottomColor:_colors.NEUTRAL_400,borderBottomWidth:1,borderTopColor:_colors.NEUTRAL_400,borderTopWidth:1,display:'flex',flexDirection:'column',justifyContent:'center',marginVertical:16,maxHeight:'60%',paddingVertical:8},buttonModalContainer:{flexDirection:'row',justifyContent:'flex-end'},buttonContainer:{width:_table_utils.isDeviceTablet?'40%':'45%'}});
@@ -0,0 +1,8 @@
1
+ import { ReactNode } from 'react';
2
+ export interface IMinimizedViewProps {
3
+ buttonsToDisplay?: ReactNode[];
4
+ children?: ReactNode;
5
+ imageHeader?: ReactNode;
6
+ subtitle?: string;
7
+ title: string;
8
+ }
@@ -0,0 +1 @@
1
+ Object.defineProperty(exports,"__esModule",{value:true});
@@ -0,0 +1,2 @@
1
+ import Modal from './Modal';
2
+ export { Modal };
@@ -0,0 +1 @@
1
+ var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});Object.defineProperty(exports,"Modal",{enumerable:true,get:function get(){return _Modal.default;}});var _Modal=_interopRequireDefault(require("./Modal"));
@@ -0,0 +1,7 @@
1
+ import React from 'react';
2
+ import { ImageStyle } from 'react-native';
3
+ export interface SvgImageProps {
4
+ style?: ImageStyle;
5
+ fill?: string;
6
+ }
7
+ export declare const MaximizeIcon: ({ style, fill, }: SvgImageProps) => React.JSX.Element;
@@ -0,0 +1,23 @@
1
+ import React from 'react';
2
+ import { Svg, Path } from "react-native-svg-web";
3
+ import { DEFAULT_COLOR_THEME } from "../../../styles/colors";
4
+ import { sizeSvg } from "../../../helpers/svg_utils";
5
+ export var MaximizeIcon = function MaximizeIcon(_ref) {
6
+ var style = _ref.style,
7
+ _ref$fill = _ref.fill,
8
+ fill = _ref$fill === void 0 ? DEFAULT_COLOR_THEME : _ref$fill;
9
+ var width = sizeSvg(style === null || style === void 0 ? void 0 : style.width, 24);
10
+ var height = sizeSvg(style === null || style === void 0 ? void 0 : style.height, 24);
11
+ return /*#__PURE__*/React.createElement(Svg, {
12
+ width: width,
13
+ height: height,
14
+ viewBox: "0 0 24 24",
15
+ fill: "none",
16
+ style: style
17
+ }, /*#__PURE__*/React.createElement(Path, {
18
+ fillRule: "evenodd",
19
+ clipRule: "evenodd",
20
+ d: "M15 4C14.4477 4 14 3.55228 14 3C14 2.44772 14.4477 2 15 2H21C21.5523 2 22 2.44772 22 3V9C22 9.55228 21.5523 10 21 10C20.4477 10 20 9.55228 20 9V5.41421L14.7071 10.7071C14.3166 11.0976 13.6834 11.0976 13.2929 10.7071C12.9024 10.3166 12.9024 9.68342 13.2929 9.29289L18.5858 4H15ZM9.29289 13.2929C9.68342 12.9024 10.3166 12.9024 10.7071 13.2929C11.0976 13.6834 11.0976 14.3166 10.7071 14.7071L5.41421 20H9C9.55228 20 10 20.4477 10 21C10 21.5523 9.55228 22 9 22H3C2.44772 22 2 21.5523 2 21V15C2 14.4477 2.44772 14 3 14C3.55228 14 4 14.4477 4 15V18.5858L9.29289 13.2929Z",
21
+ fill: fill
22
+ }));
23
+ };
@@ -28,6 +28,7 @@ import { HamburgerIcon } from './HamburgerIcon';
28
28
  import { HidePasswordIcon } from './HidePasswordIcon';
29
29
  import { HomeIcon } from './HomeIcon';
30
30
  import { ItemsIcon } from './ItemsIcon';
31
+ import { MaximizeIcon } from './MaximizeIcon';
31
32
  import { MenuIcon } from './MenuIcon';
32
33
  import { MoneyIcon } from './MoneyIcon';
33
34
  import { MoreIcon } from './MoreIcon';
@@ -54,4 +55,4 @@ import { WarningIcon } from './WarningIcon';
54
55
  import { WayIcon } from './WayIcon';
55
56
  import { WifiIcon } from './WifiIcon';
56
57
  import { WithoutWifiIcon } from './WithoutWifiIcon';
57
- export { AdvanceCalendarIcon, ArrowDownIcon, ArrowFirstIcon, ArrowLastIcon, ArrowLeftIcon, ArrowRightIcon, BackIcon, BellActiveIcon, BellIcon, BinocularsIcon, CalendarIcon, CalendarSecundaryIcon, CameraIcon, CancelIcon, ChatIcon, CheckFalseIcon, CheckIcon, CheckTrueIcon, CircularArrowIcon, ConfigurationIcon, DeliveryBoxIcon, DocumentIcon, EditIcon, EditNotesIcon, GarbageIcon, GoIcon, HamburgerIcon, HidePasswordIcon, HomeIcon, ItemsIcon, MenuIcon, MoneyIcon, MoreIcon, PencilIcon, PointIcon, ReportsIcon, SearchIcon, ShoppingCartIcon, ShoppingBagIcon, ShowPasswordIcon, SlideShowIcon, StarIcon, StatisticsIcon, TimeIcon, TouchIcon, TracingIcon, TrashIcon, UserCardIcon, UserIcon, UserNoBorderIcon, UsersIcon, VNoteCardIcon, WarningIcon, WayIcon, WifiIcon, WithoutWifiIcon, };
58
+ export { AdvanceCalendarIcon, ArrowDownIcon, ArrowFirstIcon, ArrowLastIcon, ArrowLeftIcon, ArrowRightIcon, BackIcon, BellActiveIcon, BellIcon, BinocularsIcon, CalendarIcon, CalendarSecundaryIcon, CameraIcon, CancelIcon, ChatIcon, CheckFalseIcon, CheckIcon, CheckTrueIcon, CircularArrowIcon, ConfigurationIcon, DeliveryBoxIcon, DocumentIcon, EditIcon, EditNotesIcon, GarbageIcon, GoIcon, HamburgerIcon, HidePasswordIcon, HomeIcon, ItemsIcon, MaximizeIcon, MenuIcon, MoneyIcon, MoreIcon, PencilIcon, PointIcon, ReportsIcon, SearchIcon, ShoppingCartIcon, ShoppingBagIcon, ShowPasswordIcon, SlideShowIcon, StarIcon, StatisticsIcon, TimeIcon, TouchIcon, TracingIcon, TrashIcon, UserCardIcon, UserIcon, UserNoBorderIcon, UsersIcon, VNoteCardIcon, WarningIcon, WayIcon, WifiIcon, WithoutWifiIcon, };
@@ -28,6 +28,7 @@ import { HamburgerIcon } from "./HamburgerIcon";
28
28
  import { HidePasswordIcon } from "./HidePasswordIcon";
29
29
  import { HomeIcon } from "./HomeIcon";
30
30
  import { ItemsIcon } from "./ItemsIcon";
31
+ import { MaximizeIcon } from "./MaximizeIcon";
31
32
  import { MenuIcon } from "./MenuIcon";
32
33
  import { MoneyIcon } from "./MoneyIcon";
33
34
  import { MoreIcon } from "./MoreIcon";
@@ -54,4 +55,4 @@ import { WarningIcon } from "./WarningIcon";
54
55
  import { WayIcon } from "./WayIcon";
55
56
  import { WifiIcon } from "./WifiIcon";
56
57
  import { WithoutWifiIcon } from "./WithoutWifiIcon";
57
- export { AdvanceCalendarIcon, ArrowDownIcon, ArrowFirstIcon, ArrowLastIcon, ArrowLeftIcon, ArrowRightIcon, BackIcon, BellActiveIcon, BellIcon, BinocularsIcon, CalendarIcon, CalendarSecundaryIcon, CameraIcon, CancelIcon, ChatIcon, CheckFalseIcon, CheckIcon, CheckTrueIcon, CircularArrowIcon, ConfigurationIcon, DeliveryBoxIcon, DocumentIcon, EditIcon, EditNotesIcon, GarbageIcon, GoIcon, HamburgerIcon, HidePasswordIcon, HomeIcon, ItemsIcon, MenuIcon, MoneyIcon, MoreIcon, PencilIcon, PointIcon, ReportsIcon, SearchIcon, ShoppingCartIcon, ShoppingBagIcon, ShowPasswordIcon, SlideShowIcon, StarIcon, StatisticsIcon, TimeIcon, TouchIcon, TracingIcon, TrashIcon, UserCardIcon, UserIcon, UserNoBorderIcon, UsersIcon, VNoteCardIcon, WarningIcon, WayIcon, WifiIcon, WithoutWifiIcon };
58
+ export { AdvanceCalendarIcon, ArrowDownIcon, ArrowFirstIcon, ArrowLastIcon, ArrowLeftIcon, ArrowRightIcon, BackIcon, BellActiveIcon, BellIcon, BinocularsIcon, CalendarIcon, CalendarSecundaryIcon, CameraIcon, CancelIcon, ChatIcon, CheckFalseIcon, CheckIcon, CheckTrueIcon, CircularArrowIcon, ConfigurationIcon, DeliveryBoxIcon, DocumentIcon, EditIcon, EditNotesIcon, GarbageIcon, GoIcon, HamburgerIcon, HidePasswordIcon, HomeIcon, ItemsIcon, MaximizeIcon, MenuIcon, MoneyIcon, MoreIcon, PencilIcon, PointIcon, ReportsIcon, SearchIcon, ShoppingCartIcon, ShoppingBagIcon, ShowPasswordIcon, SlideShowIcon, StarIcon, StatisticsIcon, TimeIcon, TouchIcon, TracingIcon, TrashIcon, UserCardIcon, UserIcon, UserNoBorderIcon, UsersIcon, VNoteCardIcon, WarningIcon, WayIcon, WifiIcon, WithoutWifiIcon };
@@ -111,13 +111,15 @@ var Button = function Button(_ref) {
111
111
  return ButtonStyleVariant[typeStyle].text;
112
112
  };
113
113
  var stateStyleIcon = function stateStyleIcon() {
114
+ var _ButtonStyleVariant$t2;
114
115
  if (disabled) {
115
116
  return ButtonStyleVariant[typeStyle].imageDisabled;
116
117
  }
117
118
  if (isHovered && !loading) {
118
- return isHovered ? getHoveredTextColorAndViewColor(typeStyle) : ButtonStyleVariant[typeStyle].imageColor;
119
+ var _ButtonStyleVariant$t;
120
+ return isHovered ? getHoveredTextColorAndViewColor(typeStyle) : (_ButtonStyleVariant$t = ButtonStyleVariant[typeStyle]) === null || _ButtonStyleVariant$t === void 0 ? void 0 : _ButtonStyleVariant$t.imageColor;
119
121
  }
120
- return ButtonStyleVariant[typeStyle].imageColor;
122
+ return (_ButtonStyleVariant$t2 = ButtonStyleVariant[typeStyle]) === null || _ButtonStyleVariant$t2 === void 0 ? void 0 : _ButtonStyleVariant$t2.imageColor;
121
123
  };
122
124
  var stateSizeIndicator = function stateSizeIndicator(iconComponent) {
123
125
  var _iconComponent$props, _iconComponent$props3;
@@ -0,0 +1,4 @@
1
+ import React from 'react';
2
+ import { IModalProps } from './Modal.types';
3
+ declare const Modal: ({ buttons, children, disableTapOutside, fullScreen, handleSave, imageHeader, labelCloseButton, labelSaveButton, setVisible, subtitle, title, visible, }: IModalProps) => React.JSX.Element;
4
+ export default Modal;
@@ -0,0 +1,81 @@
1
+ function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
2
+ function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
3
+ function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
4
+ function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
5
+ function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
6
+ 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."); }
7
+ 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); }
8
+ 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; }
9
+ 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; } }
10
+ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
11
+ import React, { useEffect, useState } from 'react';
12
+ import { View, Modal as ModalRN, TouchableOpacity, TouchableWithoutFeedback } from "react-native-web";
13
+ import { Button } from "../button";
14
+ import MaximizedView from "./components/maximizedView/MaximizedView";
15
+ import MinimizedView from "./components/minimizedView/MinimizedView";
16
+ import { styles } from "./Modal.styles";
17
+ var Modal = function Modal(_ref) {
18
+ var buttons = _ref.buttons,
19
+ children = _ref.children,
20
+ _ref$disableTapOutsid = _ref.disableTapOutside,
21
+ disableTapOutside = _ref$disableTapOutsid === void 0 ? false : _ref$disableTapOutsid,
22
+ _ref$fullScreen = _ref.fullScreen,
23
+ fullScreen = _ref$fullScreen === void 0 ? false : _ref$fullScreen,
24
+ handleSave = _ref.handleSave,
25
+ imageHeader = _ref.imageHeader,
26
+ labelCloseButton = _ref.labelCloseButton,
27
+ labelSaveButton = _ref.labelSaveButton,
28
+ setVisible = _ref.setVisible,
29
+ subtitle = _ref.subtitle,
30
+ title = _ref.title,
31
+ visible = _ref.visible;
32
+ var _useState = useState([/*#__PURE__*/React.createElement(Button, {
33
+ typeStyle: 'white',
34
+ text: labelCloseButton,
35
+ onPress: function onPress() {
36
+ return setVisible(false);
37
+ }
38
+ }), handleSave && labelSaveButton ? /*#__PURE__*/React.createElement(Button, {
39
+ typeStyle: 'white',
40
+ text: labelSaveButton,
41
+ onPress: handleSave
42
+ }) : null]),
43
+ _useState2 = _slicedToArray(_useState, 2),
44
+ buttonsToDisplay = _useState2[0],
45
+ setButtonsToDisplay = _useState2[1];
46
+ useEffect(function () {
47
+ if (buttons) {
48
+ setButtonsToDisplay([].concat(_toConsumableArray(buttons), _toConsumableArray(buttonsToDisplay)));
49
+ }
50
+ }, []);
51
+ return /*#__PURE__*/React.createElement(ModalRN, {
52
+ animationType: "fade",
53
+ transparent: true,
54
+ visible: visible,
55
+ onRequestClose: function onRequestClose() {
56
+ return setVisible(false);
57
+ }
58
+ }, /*#__PURE__*/React.createElement(TouchableOpacity, {
59
+ style: styles.modalContainer,
60
+ activeOpacity: 1,
61
+ onPressOut: function onPressOut() {
62
+ return !disableTapOutside && setVisible(false);
63
+ }
64
+ }, /*#__PURE__*/React.createElement(TouchableWithoutFeedback, null, /*#__PURE__*/React.createElement(View, {
65
+ style: [styles.modalContent, fullScreen && styles.modalFullScreen]
66
+ }, fullScreen ? /*#__PURE__*/React.createElement(MaximizedView, {
67
+ imageHeader: imageHeader,
68
+ title: title,
69
+ subtitle: subtitle,
70
+ children: children,
71
+ buttonsToDisplay: buttonsToDisplay,
72
+ setVisible: setVisible
73
+ }) : /*#__PURE__*/React.createElement(MinimizedView, {
74
+ imageHeader: imageHeader,
75
+ title: title,
76
+ subtitle: subtitle,
77
+ children: children,
78
+ buttonsToDisplay: buttonsToDisplay
79
+ })))));
80
+ };
81
+ export default Modal;
@@ -0,0 +1,28 @@
1
+ export declare const styles: {
2
+ modalContainer: {
3
+ alignItems: "center";
4
+ backgroundColor: string;
5
+ flex: number;
6
+ height: "100%";
7
+ justifyContent: "center";
8
+ width: "100%";
9
+ };
10
+ modalContent: {
11
+ backgroundColor: string;
12
+ borderRadius: number;
13
+ flexDirection: "column";
14
+ height: "auto";
15
+ justifyContent: "space-between";
16
+ maxHeight: "100%" | "85%";
17
+ maxWidth: "85%";
18
+ paddingHorizontal: number;
19
+ paddingVertical: number;
20
+ width: "auto";
21
+ };
22
+ modalFullScreen: {
23
+ height: "100%";
24
+ maxHeight: "100%";
25
+ maxWidth: "100%";
26
+ width: "100%";
27
+ };
28
+ };
@@ -0,0 +1,31 @@
1
+ import { StyleSheet } from "react-native-web";
2
+ import { NEUTRAL_300 } from "../../styles/colors";
3
+ import { isDeviceTablet } from "../../helpers/table_utils";
4
+ export var styles = StyleSheet.create({
5
+ modalContainer: {
6
+ alignItems: 'center',
7
+ backgroundColor: 'rgba(0, 0, 0, 0.5)',
8
+ flex: 1,
9
+ height: '100%',
10
+ justifyContent: 'center',
11
+ width: '100%'
12
+ },
13
+ modalContent: {
14
+ backgroundColor: NEUTRAL_300,
15
+ borderRadius: 28,
16
+ flexDirection: 'column',
17
+ height: 'auto',
18
+ justifyContent: 'space-between',
19
+ maxHeight: isDeviceTablet ? '100%' : '85%',
20
+ maxWidth: '85%',
21
+ paddingHorizontal: 20,
22
+ paddingVertical: 30,
23
+ width: 'auto'
24
+ },
25
+ modalFullScreen: {
26
+ height: '100%',
27
+ maxHeight: '100%',
28
+ maxWidth: '100%',
29
+ width: '100%'
30
+ }
31
+ });
@@ -0,0 +1,17 @@
1
+ import { ViewStyle } from 'react-native';
2
+ import { ReactNode } from 'react';
3
+ export interface IModalProps {
4
+ buttons?: ReactNode[];
5
+ children?: ReactNode;
6
+ disableTapOutside?: boolean;
7
+ fullScreen?: boolean;
8
+ handleSave?: any;
9
+ imageHeader?: ReactNode;
10
+ labelCloseButton: string;
11
+ labelSaveButton?: string;
12
+ setVisible: any;
13
+ styles?: ViewStyle;
14
+ subtitle?: string;
15
+ title: string;
16
+ visible: boolean;
17
+ }
@@ -0,0 +1 @@
1
+ export {};