etendo-ui-library 1.3.43 → 1.3.44
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/index.d.ts +9 -5
- package/dist-native/assets/images/icons/index.js +1 -1
- package/dist-native/components/alert/Alert.js +1 -1
- package/dist-native/components/alert/Alert.style.d.ts +5 -0
- package/dist-native/components/alert/Alert.style.js +1 -1
- package/dist-native/components/alert/Alert.type.d.ts +9 -0
- package/dist-native/components/alert/components/AlertMessage.d.ts +4 -0
- package/dist-native/components/alert/components/AlertMessage.js +1 -0
- package/dist-native/components/modal/Modal.js +1 -1
- package/dist-native/components/modal/Modal.styles.js +1 -1
- package/dist-native/components/modal/components/minimizedView/MinimizedView.js +1 -1
- package/dist-native/components/modal/components/minimizedView/MinimizedView.styles.d.ts +11 -0
- package/dist-native/components/modal/components/minimizedView/MinimizedView.styles.js +1 -1
- package/dist-native/components/table/Table.js +1 -1
- package/dist-native/components/table/Table.types.d.ts +2 -6
- package/dist-web/assets/images/icons/index.d.ts +9 -5
- package/dist-web/assets/images/icons/index.js +9 -5
- package/dist-web/components/alert/Alert.js +52 -123
- package/dist-web/components/alert/Alert.style.d.ts +5 -0
- package/dist-web/components/alert/Alert.style.js +5 -0
- package/dist-web/components/alert/Alert.type.d.ts +9 -0
- package/dist-web/components/alert/components/AlertMessage.d.ts +4 -0
- package/dist-web/components/alert/components/AlertMessage.js +100 -0
- package/dist-web/components/modal/Modal.js +1 -1
- package/dist-web/components/modal/Modal.styles.js +2 -2
- package/dist-web/components/modal/components/minimizedView/MinimizedView.js +25 -7
- package/dist-web/components/modal/components/minimizedView/MinimizedView.styles.d.ts +11 -0
- package/dist-web/components/modal/components/minimizedView/MinimizedView.styles.js +11 -0
- package/dist-web/components/table/Table.js +7 -13
- package/dist-web/components/table/Table.types.d.ts +2 -6
- package/package.json +1 -1
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import { AdvanceCalendarIcon } from './AdvanceCalendarIcon';
|
|
2
|
+
import { AplicationsIcon } from './AplicationsIcon';
|
|
2
3
|
import { ArrowDownIcon } from './ArrowDownIcon';
|
|
3
4
|
import { ArrowFirstIcon } from './ArrowFirstIcon';
|
|
4
5
|
import { ArrowLastIcon } from './ArrowLastIcon';
|
|
@@ -11,8 +12,8 @@ import { BinocularsIcon } from './BinocularsIcon';
|
|
|
11
12
|
import { CalendarIcon } from './CalendarIcon';
|
|
12
13
|
import { CalendarSecundaryIcon } from './CalendarSecundaryIcon';
|
|
13
14
|
import { CameraIcon } from './CameraIcon';
|
|
14
|
-
import { CancelIcon } from './CancelIcon';
|
|
15
15
|
import { CancelCircleIcon } from './CancelCircleIcon';
|
|
16
|
+
import { CancelIcon } from './CancelIcon';
|
|
16
17
|
import { ChatIcon } from './ChatIcon';
|
|
17
18
|
import { CheckFalseIcon } from './CheckFalseIcon';
|
|
18
19
|
import { CheckIcon } from './CheckIcon';
|
|
@@ -27,23 +28,26 @@ import { GarbageIcon } from './GarbageIcon';
|
|
|
27
28
|
import { GoIcon } from './GoIcon';
|
|
28
29
|
import { HamburgerIcon } from './HamburgerIcon';
|
|
29
30
|
import { HidePasswordIcon } from './HidePasswordIcon';
|
|
31
|
+
import { HNoteCardIcon } from './HNoteCardIcon';
|
|
30
32
|
import { HomeIcon } from './HomeIcon';
|
|
31
33
|
import { ItemsIcon } from './ItemsIcon';
|
|
32
34
|
import { MaximizeIcon } from './MaximizeIcon';
|
|
33
35
|
import { MenuIcon } from './MenuIcon';
|
|
34
36
|
import { MoneyIcon } from './MoneyIcon';
|
|
35
37
|
import { MoreIcon } from './MoreIcon';
|
|
38
|
+
import { MoreUserIcon } from './MoreUserIcon';
|
|
36
39
|
import { PencilIcon } from './PencilIcon';
|
|
40
|
+
import { PlusIcon } from './PlusIcon';
|
|
37
41
|
import { PointIcon } from './PointIcon';
|
|
38
42
|
import { ReportsIcon } from './ReportsIcon';
|
|
39
43
|
import { SearchIcon } from './SearchIcon';
|
|
40
|
-
import { ShoppingCartIcon } from './ShoppingCartIcon';
|
|
41
44
|
import { ShoppingBagIcon } from './ShoppingBagIcon';
|
|
45
|
+
import { ShoppingCartIcon } from './ShoppingCartIcon';
|
|
42
46
|
import { ShowPasswordIcon } from './ShowPasswordIcon';
|
|
43
47
|
import { SlideShowIcon } from './SlideShowIcon';
|
|
44
|
-
import { SuccessCircleIcon } from './SuccessCircleIcon';
|
|
45
48
|
import { StarIcon } from './StarIcon';
|
|
46
49
|
import { StatisticsIcon } from './StatisticsIcon';
|
|
50
|
+
import { SuccessCircleIcon } from './SuccessCircleIcon';
|
|
47
51
|
import { TimeIcon } from './TimeIcon';
|
|
48
52
|
import { TouchIcon } from './TouchIcon';
|
|
49
53
|
import { TracingIcon } from './TracingIcon';
|
|
@@ -53,9 +57,9 @@ import { UserIcon } from './UserIcon';
|
|
|
53
57
|
import { UserNoBorderIcon } from './UserNoBorderIcon';
|
|
54
58
|
import { UsersIcon } from './UsersIcon';
|
|
55
59
|
import { VNoteCardIcon } from './VNoteCardIcon';
|
|
56
|
-
import { WarningIcon } from './WarningIcon';
|
|
57
60
|
import { WarningCircleIcon } from './WarningCircleIcon';
|
|
61
|
+
import { WarningIcon } from './WarningIcon';
|
|
58
62
|
import { WayIcon } from './WayIcon';
|
|
59
63
|
import { WifiIcon } from './WifiIcon';
|
|
60
64
|
import { WithoutWifiIcon } from './WithoutWifiIcon';
|
|
61
|
-
export { AdvanceCalendarIcon, ArrowDownIcon, ArrowFirstIcon, ArrowLastIcon, ArrowLeftIcon, ArrowRightIcon, BackIcon, BellActiveIcon, BellIcon, BinocularsIcon, CalendarIcon, CalendarSecundaryIcon, CameraIcon,
|
|
65
|
+
export { AdvanceCalendarIcon, AplicationsIcon, ArrowDownIcon, ArrowFirstIcon, ArrowLastIcon, ArrowLeftIcon, ArrowRightIcon, BackIcon, BellActiveIcon, BellIcon, BinocularsIcon, CalendarIcon, CalendarSecundaryIcon, CameraIcon, CancelCircleIcon, CancelIcon, ChatIcon, CheckFalseIcon, CheckIcon, CheckTrueIcon, CircularArrowIcon, ConfigurationIcon, DeliveryBoxIcon, DocumentIcon, EditIcon, EditNotesIcon, GarbageIcon, GoIcon, HamburgerIcon, HidePasswordIcon, HNoteCardIcon, HomeIcon, ItemsIcon, MaximizeIcon, MenuIcon, MoneyIcon, MoreIcon, MoreUserIcon, PencilIcon, PlusIcon, PointIcon, ReportsIcon, SearchIcon, ShoppingBagIcon, ShoppingCartIcon, ShowPasswordIcon, SlideShowIcon, StarIcon, StatisticsIcon, SuccessCircleIcon, TimeIcon, TouchIcon, TracingIcon, TrashIcon, UserCardIcon, UserIcon, UserNoBorderIcon, UsersIcon, VNoteCardIcon, WarningCircleIcon, 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,"CancelCircleIcon",{enumerable:true,get:function get(){return _CancelCircleIcon.CancelCircleIcon;}});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,"SuccessCircleIcon",{enumerable:true,get:function get(){return _SuccessCircleIcon.SuccessCircleIcon;}});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,"WarningCircleIcon",{enumerable:true,get:function get(){return _WarningCircleIcon.WarningCircleIcon;}});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 _CancelCircleIcon=require("./CancelCircleIcon");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 _SuccessCircleIcon=require("./SuccessCircleIcon");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 _WarningCircleIcon=require("./WarningCircleIcon");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,"AplicationsIcon",{enumerable:true,get:function get(){return _AplicationsIcon.AplicationsIcon;}});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,"CancelCircleIcon",{enumerable:true,get:function get(){return _CancelCircleIcon.CancelCircleIcon;}});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,"HNoteCardIcon",{enumerable:true,get:function get(){return _HNoteCardIcon.HNoteCardIcon;}});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,"MoreUserIcon",{enumerable:true,get:function get(){return _MoreUserIcon.MoreUserIcon;}});Object.defineProperty(exports,"PencilIcon",{enumerable:true,get:function get(){return _PencilIcon.PencilIcon;}});Object.defineProperty(exports,"PlusIcon",{enumerable:true,get:function get(){return _PlusIcon.PlusIcon;}});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,"SuccessCircleIcon",{enumerable:true,get:function get(){return _SuccessCircleIcon.SuccessCircleIcon;}});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,"WarningCircleIcon",{enumerable:true,get:function get(){return _WarningCircleIcon.WarningCircleIcon;}});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 _AplicationsIcon=require("./AplicationsIcon");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 _CancelCircleIcon=require("./CancelCircleIcon");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 _HNoteCardIcon=require("./HNoteCardIcon");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 _MoreUserIcon=require("./MoreUserIcon");var _PencilIcon=require("./PencilIcon");var _PlusIcon=require("./PlusIcon");var _PointIcon=require("./PointIcon");var _ReportsIcon=require("./ReportsIcon");var _SearchIcon=require("./SearchIcon");var _ShoppingBagIcon=require("./ShoppingBagIcon");var _ShoppingCartIcon=require("./ShoppingCartIcon");var _ShowPasswordIcon=require("./ShowPasswordIcon");var _SlideShowIcon=require("./SlideShowIcon");var _StarIcon=require("./StarIcon");var _StatisticsIcon=require("./StatisticsIcon");var _SuccessCircleIcon=require("./SuccessCircleIcon");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 _WarningCircleIcon=require("./WarningCircleIcon");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 _AlertManager=require("./AlertManager");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 _AlertManager=require("./AlertManager");var _AlertMessage=_interopRequireDefault(require("./components/AlertMessage"));var _this=this,_jsxFileName="/home/jenkins/agent/workspace/etendo_ui_library_develop/etendo_ui_library/src/components/alert/Alert.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 HEIGHT_MESSAGE=120;var Alert=function Alert(){var _useState=(0,_react.useState)(''),_useState2=(0,_slicedToArray2.default)(_useState,2),message=_useState2[0],setMessage=_useState2[1];var _useState3=(0,_react.useState)('info'),_useState4=(0,_slicedToArray2.default)(_useState3,2),typeMessage=_useState4[0],setTypeMessage=_useState4[1];var alertTimer=(0,_react.useRef)(undefined);var _useState5=(0,_react.useState)(_reactNative.Dimensions.get('window').height),_useState6=(0,_slicedToArray2.default)(_useState5,2),windowHeight=_useState6[0],setWindowHeight=_useState6[1];var _useState7=(0,_react.useState)(0),_useState8=(0,_slicedToArray2.default)(_useState7,2),keyboardHeight=_useState8[0],setKeyboardHeight=_useState8[1];var slideAnim=(0,_react.useRef)(new _reactNative.Animated.Value(0)).current;var opacityAnim=(0,_react.useRef)(new _reactNative.Animated.Value(0)).current;var startAnimation=function startAnimation(show){var finalPosition=show?windowHeight-HEIGHT_MESSAGE-keyboardHeight:windowHeight;_reactNative.Animated.parallel([_reactNative.Animated.timing(slideAnim,{toValue:finalPosition,duration:500,useNativeDriver:true}),_reactNative.Animated.timing(opacityAnim,{toValue:show?1:0,duration:500,useNativeDriver:true})]).start();};(0,_react.useEffect)(function(){var updateDimensions=function updateDimensions(){var newHeight=_reactNative.Dimensions.get('window').height;setWindowHeight(newHeight);};var dimensionsSubscription=_reactNative.Dimensions.addEventListener('change',updateDimensions);var keyboardDidShowListener=_reactNative.Keyboard.addListener('keyboardDidShow',function(e){return setKeyboardHeight(e.endCoordinates.height);});var keyboardDidHideListener=_reactNative.Keyboard.addListener('keyboardDidHide',function(){return setKeyboardHeight(0);});return function(){dimensionsSubscription.remove();keyboardDidShowListener.remove();keyboardDidHideListener.remove();};},[]);(0,_react.useEffect)(function(){slideAnim.setValue(windowHeight);var showListener=function showListener(_ref){var message=_ref.message,type=_ref.type,duration=_ref.duration;setMessage(message);setTypeMessage(type);startAnimation(true);if(typeof alertTimer.current==='number'){clearTimeout(alertTimer.current);}alertTimer.current=setTimeout(function(){startAnimation(false);},duration);};(0,_AlertManager.on)('show',showListener);(0,_AlertManager.on)('clear',function(){return startAnimation(false);});return function(){(0,_AlertManager.removeListener)('show',showListener);(0,_AlertManager.removeListener)('clear',function(){return startAnimation(false);});if(typeof alertTimer.current==='number'){clearTimeout(alertTimer.current);}};},[windowHeight,keyboardHeight]);var onPressClose=function onPressClose(){if(typeof alertTimer.current==='number'){clearTimeout(alertTimer.current);}(0,_AlertManager.nextMessage)();};return _react.default.createElement(_AlertMessage.default,{typeMessage:typeMessage,slideAnim:slideAnim,opacityAnim:opacityAnim,onPressClose:onPressClose,message:message,__self:_this,__source:{fileName:_jsxFileName,lineNumber:102,columnNumber:5}});};var _default=exports.default=Alert;
|
|
@@ -1 +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:{width:344,position:'absolute',alignSelf:'center',borderRadius:8,elevation:6,justifyContent:'center',display:'flex',paddingLeft:16,paddingVertical:14,paddingRight:4,flexDirection:'row'},text:{fontFamily:'Inter',fontWeight:'500',lineHeight:20,flex:1},closeButton:{width:48,alignItems:'center',justifyContent:'center'},closeIcon:{height:14,width:14}});
|
|
1
|
+
Object.defineProperty(exports,"__esModule",{value:true});exports.styles=void 0;var _reactNative=require("react-native");var styles=exports.styles=_reactNative.StyleSheet.create({container:{width:344,position:'absolute',alignSelf:'center',borderRadius:8,elevation:6,justifyContent:'center',display:'flex',paddingLeft:16,paddingVertical:14,paddingRight:4,flexDirection:'row'},text:{fontFamily:'Inter',fontWeight:'500',lineHeight:20,flex:1},closeButton:{width:48,alignItems:'center',justifyContent:'center'},closeIcon:{height:14,width:14},messageIcon:{width:20,height:20,marginRight:8}});
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
import { Animated, ViewStyle, StyleProp } from 'react-native';
|
|
1
2
|
export type StatusType = 'info' | 'success' | 'error' | 'warning';
|
|
2
3
|
export type EmitEventType = 'show' | 'clear';
|
|
3
4
|
export type Listener = (data: any) => void;
|
|
@@ -9,3 +10,11 @@ export interface IMessage {
|
|
|
9
10
|
export interface IListeners {
|
|
10
11
|
[key: string]: Listener[];
|
|
11
12
|
}
|
|
13
|
+
export interface IAlertMessage {
|
|
14
|
+
style?: StyleProp<ViewStyle>;
|
|
15
|
+
typeMessage: StatusType;
|
|
16
|
+
slideAnim?: Animated.Value;
|
|
17
|
+
opacityAnim?: Animated.Value;
|
|
18
|
+
onPressClose?: () => void;
|
|
19
|
+
message?: string;
|
|
20
|
+
}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var _react=_interopRequireWildcard(require("react"));var _reactNative=require("react-native");var _Alert=require("../Alert.style");var _icons=require("../../../assets/images/icons");var _colors=require("../../../styles/colors");var _this=this,_jsxFileName="/home/jenkins/agent/workspace/etendo_ui_library_develop/etendo_ui_library/src/components/alert/components/AlertMessage.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 MAX_LENGTH_TEXT=70;var AlertMessage=function AlertMessage(_ref){var style=_ref.style,_ref$typeMessage=_ref.typeMessage,typeMessage=_ref$typeMessage===void 0?'info':_ref$typeMessage,_ref$slideAnim=_ref.slideAnim,slideAnim=_ref$slideAnim===void 0?new _reactNative.Animated.Value(1):_ref$slideAnim,_ref$opacityAnim=_ref.opacityAnim,opacityAnim=_ref$opacityAnim===void 0?new _reactNative.Animated.Value(1):_ref$opacityAnim,onPressClose=_ref.onPressClose,_ref$message=_ref.message,message=_ref$message===void 0?'':_ref$message;var stylesAlert=(0,_react.useMemo)(function(){var backgroundColor;var textColor;var icon;var marginLeft;var imageColor;switch(typeMessage){case'info':backgroundColor=_colors.TERTIARY_101;textColor=_colors.PRIMARY_100;imageColor=_colors.PRIMARY_100;marginLeft=0;icon=_react.default.createElement(_react.default.Fragment,null);break;case'success':backgroundColor=_colors.SUCCESS_110;textColor=_colors.SUCCESS_900;imageColor=_colors.SUCCESS_800;marginLeft=8;icon=_react.default.createElement(_icons.SuccessCircleIcon,{style:_Alert.styles.messageIcon,fill:imageColor,__self:_this,__source:{fileName:_jsxFileName,lineNumber:61,columnNumber:11}});break;case'error':backgroundColor=_colors.DANGER_100;textColor=_colors.DANGER_700;imageColor=_colors.DANGER_700;marginLeft=8;icon=_react.default.createElement(_icons.CancelCircleIcon,{style:_Alert.styles.messageIcon,fill:imageColor,__self:_this,__source:{fileName:_jsxFileName,lineNumber:70,columnNumber:11}});break;case'warning':backgroundColor=_colors.IP_100;textColor=_colors.IP_900;imageColor=_colors.IP_600;marginLeft=8;icon=_react.default.createElement(_icons.WarningCircleIcon,{style:_Alert.styles.messageIcon,fill:imageColor,__self:_this,__source:{fileName:_jsxFileName,lineNumber:79,columnNumber:11}});break;default:backgroundColor=_colors.TERTIARY_100;textColor=_colors.PRIMARY_100;marginLeft=0;imageColor=_colors.PRIMARY_100;icon=_react.default.createElement(_react.default.Fragment,null);}return{backgroundColor:backgroundColor,textColor:textColor,icon:icon,marginLeft:marginLeft,imageColor:imageColor};},[typeMessage]);return _react.default.createElement(_reactNative.Animated.View,{style:[{backgroundColor:stylesAlert.backgroundColor},_Alert.styles.container,{transform:[{translateY:slideAnim}],opacity:opacityAnim},style],__self:_this,__source:{fileName:_jsxFileName,lineNumber:94,columnNumber:5}},stylesAlert.icon,_react.default.createElement(_reactNative.Text,{numberOfLines:2,style:[{color:stylesAlert.textColor,marginLeft:stylesAlert.marginLeft},_Alert.styles.text],__self:_this,__source:{fileName:_jsxFileName,lineNumber:102,columnNumber:7}},message.length>MAX_LENGTH_TEXT?message.slice(0,MAX_LENGTH_TEXT):message),_react.default.createElement(_reactNative.Pressable,{style:_Alert.styles.closeButton,onPress:onPressClose,__self:_this,__source:{fileName:_jsxFileName,lineNumber:115,columnNumber:7}},_react.default.createElement(_icons.CancelIcon,{style:_Alert.styles.closeIcon,fill:stylesAlert.imageColor,__self:_this,__source:{fileName:_jsxFileName,lineNumber:116,columnNumber:9}})));};var _default=exports.default=AlertMessage;
|
|
@@ -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 _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,handleAction=_ref.handleAction,imageHeader=_ref.imageHeader,labelCloseButton=_ref.labelCloseButton,labelActionButton=_ref.labelActionButton,setVisible=_ref.setVisible,subtitle=_ref.subtitle,title=_ref.title,visible=_ref.visible;var hasActionButton=!!handleAction&&!!labelActionButton;var actionBtn=hasActionButton&&_react.default.createElement(_button.Button,{typeStyle:"white",text:labelActionButton,onPress:handleAction,__self:_this,__source:{fileName:_jsxFileName,lineNumber:31,columnNumber:5}});var butonsList=function butonsList(){return[_react.default.createElement(_button.Button,{typeStyle:'white',text:labelCloseButton,onPress:function onPress(){return setVisible(false);},__self:_this,__source:{fileName:_jsxFileName,lineNumber:36,columnNumber:7}}),actionBtn].filter(Boolean);};var _useState=(0,_react.useState)(butonsList()),_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:
|
|
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,handleAction=_ref.handleAction,imageHeader=_ref.imageHeader,labelCloseButton=_ref.labelCloseButton,labelActionButton=_ref.labelActionButton,setVisible=_ref.setVisible,subtitle=_ref.subtitle,title=_ref.title,visible=_ref.visible;var hasActionButton=!!handleAction&&!!labelActionButton;var actionBtn=hasActionButton&&_react.default.createElement(_button.Button,{typeStyle:"white",text:labelActionButton,onPress:handleAction,__self:_this,__source:{fileName:_jsxFileName,lineNumber:31,columnNumber:5}});var butonsList=function butonsList(){return[_react.default.createElement(_button.Button,{typeStyle:'white',text:labelCloseButton,onPress:function onPress(){return setVisible(false);},__self:_this,__source:{fileName:_jsxFileName,lineNumber:36,columnNumber:7}}),actionBtn].filter(Boolean);};var _useState=(0,_react.useState)(butonsList()),_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)));}},[buttons,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:55,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:60,columnNumber:7}},_react.default.createElement(_reactNative.TouchableWithoutFeedback,{__self:_this,__source:{fileName:_jsxFileName,lineNumber:64,columnNumber:9}},_react.default.createElement(_reactNative.View,{style:[_Modal.styles.modalContent,fullScreen&&_Modal.styles.modalFullScreen],__self:_this,__source:{fileName:_jsxFileName,lineNumber:65,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:68,columnNumber:15}}):_react.default.createElement(_MinimizedView.default,{imageHeader:imageHeader,title:title,subtitle:subtitle,children:children,buttonsToDisplay:buttonsToDisplay,__self:_this,__source:{fileName:_jsxFileName,lineNumber:77,columnNumber:15}})))));};var _default=exports.default=Modal;
|
|
@@ -1 +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,justifyContent:'center'},modalContent:{backgroundColor:_colors.
|
|
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,justifyContent:'center'},modalContent:{backgroundColor:_colors.NEUTRAL_50,borderRadius:28,flexDirection:'column',height:'auto',justifyContent:'space-between',maxHeight:_table_utils.isDeviceTablet?'65%':'85%',maxWidth:'85%',padding:0,width:'auto'},modalFullScreen:{height:'100%',maxHeight:'100%',maxWidth:'100%',width:'100%',borderRadius:0,paddingTop:0}});
|
|
@@ -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 _slicedToArray2=_interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));var _react=_interopRequireWildcard(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";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(_containers.ButtonContainer,{components:buttonsToDisplay,style:{justifyContent:'flex-end',paddingVertical:0},__self:_this,__source:{fileName:_jsxFileName,lineNumber:67,columnNumber:11}})));};var _default=exports.default=MinimizedView;
|
|
@@ -31,6 +31,17 @@ export declare const styles: {
|
|
|
31
31
|
textAlign: "left";
|
|
32
32
|
marginBottom: number;
|
|
33
33
|
};
|
|
34
|
+
childrenModalContainerWeb: {
|
|
35
|
+
borderBottomColor: string;
|
|
36
|
+
borderBottomWidth: number;
|
|
37
|
+
borderTopColor: string;
|
|
38
|
+
borderTopWidth: number;
|
|
39
|
+
flexDirection: "column";
|
|
40
|
+
paddingHorizontal: number;
|
|
41
|
+
paddingVertical: number;
|
|
42
|
+
maxHeight: number;
|
|
43
|
+
overflowY: string;
|
|
44
|
+
};
|
|
34
45
|
childrenModalContainer: {
|
|
35
46
|
alignItems: "center";
|
|
36
47
|
borderBottomColor: string;
|
|
@@ -1 +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 DIFFERENCE_HEIGHT=500;var styles=exports.styles=_reactNative.StyleSheet.create({headerContainer:{alignItems:'center',flexDirection:'column',justifyContent:'space-between',paddingHorizontal:24,paddingTop:24,width:'100%'},imageHeaderContainer:{alignItems:'center',flexDirection:'row',justifyContent:'center',paddingBottom:12},modalTitle:{alignSelf:'flex-start',color:_colors.PRIMARY_100,fontSize:22,fontWeight:'600',maxWidth:'100%',paddingBottom:12,textAlign:'center'},modalSubtitle:{alignSelf:'flex-start',color:_colors.NEUTRAL_800,fontSize:14,fontWeight:'500',maxWidth:'95%',textAlign:'left',marginBottom:16},childrenModalContainer:{alignItems:'center',borderBottomColor:_colors.NEUTRAL_400,borderBottomWidth:1,borderTopColor:_colors.NEUTRAL_400,borderTopWidth:1,flexDirection:'column',justifyContent:'center',maxHeight:_reactNative.Dimensions.get('window').height-DIFFERENCE_HEIGHT,paddingHorizontal:24,paddingVertical:8},buttonModalContainer:{flexDirection:'row',justifyContent:'flex-end',height:'auto',padding:12},buttonContainer:{width:_table_utils.isDeviceTablet?'40%':'45%'}});
|
|
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 DIFFERENCE_HEIGHT=500;var styles=exports.styles=_reactNative.StyleSheet.create({headerContainer:{alignItems:'center',flexDirection:'column',justifyContent:'space-between',paddingHorizontal:24,paddingTop:24,width:'100%'},imageHeaderContainer:{alignItems:'center',flexDirection:'row',justifyContent:'center',paddingBottom:12},modalTitle:{alignSelf:'flex-start',color:_colors.PRIMARY_100,fontSize:22,fontWeight:'600',maxWidth:'100%',paddingBottom:12,textAlign:'center'},modalSubtitle:{alignSelf:'flex-start',color:_colors.NEUTRAL_800,fontSize:14,fontWeight:'500',maxWidth:'95%',textAlign:'left',marginBottom:16},childrenModalContainerWeb:{borderBottomColor:_colors.NEUTRAL_400,borderBottomWidth:1,borderTopColor:_colors.NEUTRAL_400,borderTopWidth:1,flexDirection:'column',paddingHorizontal:24,paddingVertical:8,maxHeight:_reactNative.Dimensions.get('screen').height/4,overflowY:'scroll'},childrenModalContainer:{alignItems:'center',borderBottomColor:_colors.NEUTRAL_400,borderBottomWidth:1,borderTopColor:_colors.NEUTRAL_400,borderTopWidth:1,flexDirection:'column',justifyContent:'center',maxHeight:_reactNative.Dimensions.get('window').height-DIFFERENCE_HEIGHT,paddingHorizontal:24,paddingVertical:8},buttonModalContainer:{flexDirection:'row',justifyContent:'flex-end',height:'auto',padding:12},buttonContainer:{width:_table_utils.isDeviceTablet?'40%':'45%'}});
|
|
@@ -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 _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 data=_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;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:
|
|
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 _containers=require("../containers");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 data=_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;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:39,columnNumber:7}},columns.map(function(col,colIndex){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:49,columnNumber:15}},col.components?_react.default.createElement(_containers.ButtonContainer,{components:col.components,__self:_this,__source:{fileName:_jsxFileName,lineNumber:53,columnNumber:19}}):_react.default.createElement(_TableCell.default,{label:col.key?item[col.key]:'',key:'tableCell'+index,__self:_this,__source:{fileName:_jsxFileName,lineNumber:55,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:70,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:74,columnNumber:15}});}));};return _react.default.createElement(_reactNative.View,{style:[_Table.styles.container,(0,_table_utils.removeHeaderBorder)(title),{height:tableHeight}],__self:_this,__source:{fileName:_jsxFileName,lineNumber:89,columnNumber:5}},_react.default.createElement(_TableHeaders.default,{title:title,columns:columns,isLoading:!(isLoading&&!data.length),__self:_this,__source:{fileName:_jsxFileName,lineNumber:95,columnNumber:7}}),_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:113,columnNumber:11}}),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:101,columnNumber:7}}));};var _default=exports.default=Table;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
|
|
1
|
+
import { ReactNode } from 'react';
|
|
2
2
|
import { DimensionValue, ViewStyle } from 'react-native';
|
|
3
3
|
export interface TableProps {
|
|
4
4
|
data: Array<any>;
|
|
@@ -28,10 +28,6 @@ export type Columns = {
|
|
|
28
28
|
label?: string;
|
|
29
29
|
key?: string;
|
|
30
30
|
width?: DimensionValue;
|
|
31
|
-
components?:
|
|
31
|
+
components?: ReactNode[];
|
|
32
32
|
cellStyle?: ViewStyle;
|
|
33
33
|
};
|
|
34
|
-
export type Actions = {
|
|
35
|
-
component: JSX.Element;
|
|
36
|
-
onAction: (id: string) => void;
|
|
37
|
-
};
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import { AdvanceCalendarIcon } from './AdvanceCalendarIcon';
|
|
2
|
+
import { AplicationsIcon } from './AplicationsIcon';
|
|
2
3
|
import { ArrowDownIcon } from './ArrowDownIcon';
|
|
3
4
|
import { ArrowFirstIcon } from './ArrowFirstIcon';
|
|
4
5
|
import { ArrowLastIcon } from './ArrowLastIcon';
|
|
@@ -11,8 +12,8 @@ import { BinocularsIcon } from './BinocularsIcon';
|
|
|
11
12
|
import { CalendarIcon } from './CalendarIcon';
|
|
12
13
|
import { CalendarSecundaryIcon } from './CalendarSecundaryIcon';
|
|
13
14
|
import { CameraIcon } from './CameraIcon';
|
|
14
|
-
import { CancelIcon } from './CancelIcon';
|
|
15
15
|
import { CancelCircleIcon } from './CancelCircleIcon';
|
|
16
|
+
import { CancelIcon } from './CancelIcon';
|
|
16
17
|
import { ChatIcon } from './ChatIcon';
|
|
17
18
|
import { CheckFalseIcon } from './CheckFalseIcon';
|
|
18
19
|
import { CheckIcon } from './CheckIcon';
|
|
@@ -27,23 +28,26 @@ import { GarbageIcon } from './GarbageIcon';
|
|
|
27
28
|
import { GoIcon } from './GoIcon';
|
|
28
29
|
import { HamburgerIcon } from './HamburgerIcon';
|
|
29
30
|
import { HidePasswordIcon } from './HidePasswordIcon';
|
|
31
|
+
import { HNoteCardIcon } from './HNoteCardIcon';
|
|
30
32
|
import { HomeIcon } from './HomeIcon';
|
|
31
33
|
import { ItemsIcon } from './ItemsIcon';
|
|
32
34
|
import { MaximizeIcon } from './MaximizeIcon';
|
|
33
35
|
import { MenuIcon } from './MenuIcon';
|
|
34
36
|
import { MoneyIcon } from './MoneyIcon';
|
|
35
37
|
import { MoreIcon } from './MoreIcon';
|
|
38
|
+
import { MoreUserIcon } from './MoreUserIcon';
|
|
36
39
|
import { PencilIcon } from './PencilIcon';
|
|
40
|
+
import { PlusIcon } from './PlusIcon';
|
|
37
41
|
import { PointIcon } from './PointIcon';
|
|
38
42
|
import { ReportsIcon } from './ReportsIcon';
|
|
39
43
|
import { SearchIcon } from './SearchIcon';
|
|
40
|
-
import { ShoppingCartIcon } from './ShoppingCartIcon';
|
|
41
44
|
import { ShoppingBagIcon } from './ShoppingBagIcon';
|
|
45
|
+
import { ShoppingCartIcon } from './ShoppingCartIcon';
|
|
42
46
|
import { ShowPasswordIcon } from './ShowPasswordIcon';
|
|
43
47
|
import { SlideShowIcon } from './SlideShowIcon';
|
|
44
|
-
import { SuccessCircleIcon } from './SuccessCircleIcon';
|
|
45
48
|
import { StarIcon } from './StarIcon';
|
|
46
49
|
import { StatisticsIcon } from './StatisticsIcon';
|
|
50
|
+
import { SuccessCircleIcon } from './SuccessCircleIcon';
|
|
47
51
|
import { TimeIcon } from './TimeIcon';
|
|
48
52
|
import { TouchIcon } from './TouchIcon';
|
|
49
53
|
import { TracingIcon } from './TracingIcon';
|
|
@@ -53,9 +57,9 @@ import { UserIcon } from './UserIcon';
|
|
|
53
57
|
import { UserNoBorderIcon } from './UserNoBorderIcon';
|
|
54
58
|
import { UsersIcon } from './UsersIcon';
|
|
55
59
|
import { VNoteCardIcon } from './VNoteCardIcon';
|
|
56
|
-
import { WarningIcon } from './WarningIcon';
|
|
57
60
|
import { WarningCircleIcon } from './WarningCircleIcon';
|
|
61
|
+
import { WarningIcon } from './WarningIcon';
|
|
58
62
|
import { WayIcon } from './WayIcon';
|
|
59
63
|
import { WifiIcon } from './WifiIcon';
|
|
60
64
|
import { WithoutWifiIcon } from './WithoutWifiIcon';
|
|
61
|
-
export { AdvanceCalendarIcon, ArrowDownIcon, ArrowFirstIcon, ArrowLastIcon, ArrowLeftIcon, ArrowRightIcon, BackIcon, BellActiveIcon, BellIcon, BinocularsIcon, CalendarIcon, CalendarSecundaryIcon, CameraIcon,
|
|
65
|
+
export { AdvanceCalendarIcon, AplicationsIcon, ArrowDownIcon, ArrowFirstIcon, ArrowLastIcon, ArrowLeftIcon, ArrowRightIcon, BackIcon, BellActiveIcon, BellIcon, BinocularsIcon, CalendarIcon, CalendarSecundaryIcon, CameraIcon, CancelCircleIcon, CancelIcon, ChatIcon, CheckFalseIcon, CheckIcon, CheckTrueIcon, CircularArrowIcon, ConfigurationIcon, DeliveryBoxIcon, DocumentIcon, EditIcon, EditNotesIcon, GarbageIcon, GoIcon, HamburgerIcon, HidePasswordIcon, HNoteCardIcon, HomeIcon, ItemsIcon, MaximizeIcon, MenuIcon, MoneyIcon, MoreIcon, MoreUserIcon, PencilIcon, PlusIcon, PointIcon, ReportsIcon, SearchIcon, ShoppingBagIcon, ShoppingCartIcon, ShowPasswordIcon, SlideShowIcon, StarIcon, StatisticsIcon, SuccessCircleIcon, TimeIcon, TouchIcon, TracingIcon, TrashIcon, UserCardIcon, UserIcon, UserNoBorderIcon, UsersIcon, VNoteCardIcon, WarningCircleIcon, WarningIcon, WayIcon, WifiIcon, WithoutWifiIcon, };
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import { AdvanceCalendarIcon } from "./AdvanceCalendarIcon";
|
|
2
|
+
import { AplicationsIcon } from "./AplicationsIcon";
|
|
2
3
|
import { ArrowDownIcon } from "./ArrowDownIcon";
|
|
3
4
|
import { ArrowFirstIcon } from "./ArrowFirstIcon";
|
|
4
5
|
import { ArrowLastIcon } from "./ArrowLastIcon";
|
|
@@ -11,8 +12,8 @@ import { BinocularsIcon } from "./BinocularsIcon";
|
|
|
11
12
|
import { CalendarIcon } from "./CalendarIcon";
|
|
12
13
|
import { CalendarSecundaryIcon } from "./CalendarSecundaryIcon";
|
|
13
14
|
import { CameraIcon } from "./CameraIcon";
|
|
14
|
-
import { CancelIcon } from "./CancelIcon";
|
|
15
15
|
import { CancelCircleIcon } from "./CancelCircleIcon";
|
|
16
|
+
import { CancelIcon } from "./CancelIcon";
|
|
16
17
|
import { ChatIcon } from "./ChatIcon";
|
|
17
18
|
import { CheckFalseIcon } from "./CheckFalseIcon";
|
|
18
19
|
import { CheckIcon } from "./CheckIcon";
|
|
@@ -27,23 +28,26 @@ import { GarbageIcon } from "./GarbageIcon";
|
|
|
27
28
|
import { GoIcon } from "./GoIcon";
|
|
28
29
|
import { HamburgerIcon } from "./HamburgerIcon";
|
|
29
30
|
import { HidePasswordIcon } from "./HidePasswordIcon";
|
|
31
|
+
import { HNoteCardIcon } from "./HNoteCardIcon";
|
|
30
32
|
import { HomeIcon } from "./HomeIcon";
|
|
31
33
|
import { ItemsIcon } from "./ItemsIcon";
|
|
32
34
|
import { MaximizeIcon } from "./MaximizeIcon";
|
|
33
35
|
import { MenuIcon } from "./MenuIcon";
|
|
34
36
|
import { MoneyIcon } from "./MoneyIcon";
|
|
35
37
|
import { MoreIcon } from "./MoreIcon";
|
|
38
|
+
import { MoreUserIcon } from "./MoreUserIcon";
|
|
36
39
|
import { PencilIcon } from "./PencilIcon";
|
|
40
|
+
import { PlusIcon } from "./PlusIcon";
|
|
37
41
|
import { PointIcon } from "./PointIcon";
|
|
38
42
|
import { ReportsIcon } from "./ReportsIcon";
|
|
39
43
|
import { SearchIcon } from "./SearchIcon";
|
|
40
|
-
import { ShoppingCartIcon } from "./ShoppingCartIcon";
|
|
41
44
|
import { ShoppingBagIcon } from "./ShoppingBagIcon";
|
|
45
|
+
import { ShoppingCartIcon } from "./ShoppingCartIcon";
|
|
42
46
|
import { ShowPasswordIcon } from "./ShowPasswordIcon";
|
|
43
47
|
import { SlideShowIcon } from "./SlideShowIcon";
|
|
44
|
-
import { SuccessCircleIcon } from "./SuccessCircleIcon";
|
|
45
48
|
import { StarIcon } from "./StarIcon";
|
|
46
49
|
import { StatisticsIcon } from "./StatisticsIcon";
|
|
50
|
+
import { SuccessCircleIcon } from "./SuccessCircleIcon";
|
|
47
51
|
import { TimeIcon } from "./TimeIcon";
|
|
48
52
|
import { TouchIcon } from "./TouchIcon";
|
|
49
53
|
import { TracingIcon } from "./TracingIcon";
|
|
@@ -53,9 +57,9 @@ import { UserIcon } from "./UserIcon";
|
|
|
53
57
|
import { UserNoBorderIcon } from "./UserNoBorderIcon";
|
|
54
58
|
import { UsersIcon } from "./UsersIcon";
|
|
55
59
|
import { VNoteCardIcon } from "./VNoteCardIcon";
|
|
56
|
-
import { WarningIcon } from "./WarningIcon";
|
|
57
60
|
import { WarningCircleIcon } from "./WarningCircleIcon";
|
|
61
|
+
import { WarningIcon } from "./WarningIcon";
|
|
58
62
|
import { WayIcon } from "./WayIcon";
|
|
59
63
|
import { WifiIcon } from "./WifiIcon";
|
|
60
64
|
import { WithoutWifiIcon } from "./WithoutWifiIcon";
|
|
61
|
-
export { AdvanceCalendarIcon, ArrowDownIcon, ArrowFirstIcon, ArrowLastIcon, ArrowLeftIcon, ArrowRightIcon, BackIcon, BellActiveIcon, BellIcon, BinocularsIcon, CalendarIcon, CalendarSecundaryIcon, CameraIcon,
|
|
65
|
+
export { AdvanceCalendarIcon, AplicationsIcon, ArrowDownIcon, ArrowFirstIcon, ArrowLastIcon, ArrowLeftIcon, ArrowRightIcon, BackIcon, BellActiveIcon, BellIcon, BinocularsIcon, CalendarIcon, CalendarSecundaryIcon, CameraIcon, CancelCircleIcon, CancelIcon, ChatIcon, CheckFalseIcon, CheckIcon, CheckTrueIcon, CircularArrowIcon, ConfigurationIcon, DeliveryBoxIcon, DocumentIcon, EditIcon, EditNotesIcon, GarbageIcon, GoIcon, HamburgerIcon, HidePasswordIcon, HNoteCardIcon, HomeIcon, ItemsIcon, MaximizeIcon, MenuIcon, MoneyIcon, MoreIcon, MoreUserIcon, PencilIcon, PlusIcon, PointIcon, ReportsIcon, SearchIcon, ShoppingBagIcon, ShoppingCartIcon, ShowPasswordIcon, SlideShowIcon, StarIcon, StatisticsIcon, SuccessCircleIcon, TimeIcon, TouchIcon, TracingIcon, TrashIcon, UserCardIcon, UserIcon, UserNoBorderIcon, UsersIcon, VNoteCardIcon, WarningCircleIcon, WarningIcon, WayIcon, WifiIcon, WithoutWifiIcon };
|
|
@@ -4,15 +4,11 @@ function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o =
|
|
|
4
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
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
6
|
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
7
|
-
import React, { useState, useEffect, useRef
|
|
8
|
-
import {
|
|
7
|
+
import React, { useState, useEffect, useRef } from 'react';
|
|
8
|
+
import { Animated, Dimensions, Keyboard } from "react-native-web";
|
|
9
9
|
import { nextMessage, on, removeListener } from "./AlertManager";
|
|
10
|
-
import
|
|
11
|
-
|
|
12
|
-
import { styles } from "./Alert.style";
|
|
13
|
-
var MAX_LENGTH_TEXT = 70;
|
|
14
|
-
var HEIGHT_MESSAGE = 100;
|
|
15
|
-
var HEIGHT_WINDOWS = Dimensions.get('window').height - 50;
|
|
10
|
+
import AlertMessage from "./components/AlertMessage";
|
|
11
|
+
var HEIGHT_MESSAGE = 120;
|
|
16
12
|
var Alert = function Alert() {
|
|
17
13
|
var _useState = useState(''),
|
|
18
14
|
_useState2 = _slicedToArray(_useState, 2),
|
|
@@ -23,155 +19,88 @@ var Alert = function Alert() {
|
|
|
23
19
|
typeMessage = _useState4[0],
|
|
24
20
|
setTypeMessage = _useState4[1];
|
|
25
21
|
var alertTimer = useRef(undefined);
|
|
26
|
-
var
|
|
22
|
+
var _useState5 = useState(Dimensions.get('window').height),
|
|
23
|
+
_useState6 = _slicedToArray(_useState5, 2),
|
|
24
|
+
windowHeight = _useState6[0],
|
|
25
|
+
setWindowHeight = _useState6[1];
|
|
26
|
+
var _useState7 = useState(0),
|
|
27
|
+
_useState8 = _slicedToArray(_useState7, 2),
|
|
28
|
+
keyboardHeight = _useState8[0],
|
|
29
|
+
setKeyboardHeight = _useState8[1];
|
|
30
|
+
var slideAnim = useRef(new Animated.Value(0)).current;
|
|
27
31
|
var opacityAnim = useRef(new Animated.Value(0)).current;
|
|
28
|
-
var
|
|
32
|
+
var startAnimation = function startAnimation(show) {
|
|
33
|
+
var finalPosition = show ? windowHeight - HEIGHT_MESSAGE - keyboardHeight : windowHeight;
|
|
29
34
|
Animated.parallel([Animated.timing(slideAnim, {
|
|
30
|
-
toValue:
|
|
35
|
+
toValue: finalPosition,
|
|
31
36
|
duration: 500,
|
|
32
37
|
useNativeDriver: true
|
|
33
38
|
}), Animated.timing(opacityAnim, {
|
|
34
|
-
toValue: 1,
|
|
35
|
-
duration: 500,
|
|
36
|
-
useNativeDriver: true
|
|
37
|
-
})]).start();
|
|
38
|
-
};
|
|
39
|
-
var slideOut = function slideOut() {
|
|
40
|
-
Animated.parallel([Animated.timing(slideAnim, {
|
|
41
|
-
toValue: HEIGHT_WINDOWS,
|
|
42
|
-
duration: 500,
|
|
43
|
-
useNativeDriver: true
|
|
44
|
-
}), Animated.timing(opacityAnim, {
|
|
45
|
-
toValue: 0,
|
|
39
|
+
toValue: show ? 1 : 0,
|
|
46
40
|
duration: 500,
|
|
47
41
|
useNativeDriver: true
|
|
48
42
|
})]).start();
|
|
49
43
|
};
|
|
50
44
|
useEffect(function () {
|
|
45
|
+
var updateDimensions = function updateDimensions() {
|
|
46
|
+
var newHeight = Dimensions.get('window').height;
|
|
47
|
+
setWindowHeight(newHeight);
|
|
48
|
+
};
|
|
49
|
+
var dimensionsSubscription = Dimensions.addEventListener('change', updateDimensions);
|
|
50
|
+
var keyboardDidShowListener = Keyboard.addListener('keyboardDidShow', function (e) {
|
|
51
|
+
return setKeyboardHeight(e.endCoordinates.height);
|
|
52
|
+
});
|
|
53
|
+
var keyboardDidHideListener = Keyboard.addListener('keyboardDidHide', function () {
|
|
54
|
+
return setKeyboardHeight(0);
|
|
55
|
+
});
|
|
56
|
+
return function () {
|
|
57
|
+
dimensionsSubscription.remove();
|
|
58
|
+
keyboardDidShowListener.remove();
|
|
59
|
+
keyboardDidHideListener.remove();
|
|
60
|
+
};
|
|
61
|
+
}, []);
|
|
62
|
+
useEffect(function () {
|
|
63
|
+
slideAnim.setValue(windowHeight);
|
|
51
64
|
var showListener = function showListener(_ref) {
|
|
52
65
|
var message = _ref.message,
|
|
53
66
|
type = _ref.type,
|
|
54
67
|
duration = _ref.duration;
|
|
55
68
|
setMessage(message);
|
|
56
69
|
setTypeMessage(type);
|
|
57
|
-
|
|
70
|
+
startAnimation(true);
|
|
58
71
|
if (typeof alertTimer.current === 'number') {
|
|
59
72
|
clearTimeout(alertTimer.current);
|
|
60
73
|
}
|
|
61
74
|
alertTimer.current = setTimeout(function () {
|
|
62
|
-
|
|
75
|
+
startAnimation(false);
|
|
63
76
|
}, duration);
|
|
64
77
|
};
|
|
65
|
-
var clearListener = function clearListener() {
|
|
66
|
-
slideOut();
|
|
67
|
-
};
|
|
68
|
-
on('clear', clearListener);
|
|
69
78
|
on('show', showListener);
|
|
79
|
+
on('clear', function () {
|
|
80
|
+
return startAnimation(false);
|
|
81
|
+
});
|
|
70
82
|
return function () {
|
|
71
83
|
removeListener('show', showListener);
|
|
84
|
+
removeListener('clear', function () {
|
|
85
|
+
return startAnimation(false);
|
|
86
|
+
});
|
|
72
87
|
if (typeof alertTimer.current === 'number') {
|
|
73
88
|
clearTimeout(alertTimer.current);
|
|
74
89
|
}
|
|
75
|
-
removeListener('clear', clearListener);
|
|
76
90
|
};
|
|
77
|
-
}, [
|
|
91
|
+
}, [windowHeight, keyboardHeight]);
|
|
78
92
|
var onPressClose = function onPressClose() {
|
|
79
93
|
if (typeof alertTimer.current === 'number') {
|
|
80
94
|
clearTimeout(alertTimer.current);
|
|
81
95
|
}
|
|
82
96
|
nextMessage();
|
|
83
97
|
};
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
case 'info':
|
|
92
|
-
backgroundColor = TERTIARY_101;
|
|
93
|
-
textColor = PRIMARY_100;
|
|
94
|
-
imageColor = PRIMARY_100;
|
|
95
|
-
marginLeft = 0;
|
|
96
|
-
icon = /*#__PURE__*/React.createElement(React.Fragment, null);
|
|
97
|
-
break;
|
|
98
|
-
case 'success':
|
|
99
|
-
backgroundColor = SUCCESS_110;
|
|
100
|
-
textColor = SUCCESS_900;
|
|
101
|
-
imageColor = SUCCESS_800;
|
|
102
|
-
marginLeft = 8;
|
|
103
|
-
icon = /*#__PURE__*/React.createElement(SuccessCircleIcon, {
|
|
104
|
-
style: {
|
|
105
|
-
width: 20,
|
|
106
|
-
height: 20,
|
|
107
|
-
marginRight: 8
|
|
108
|
-
},
|
|
109
|
-
fill: imageColor
|
|
110
|
-
});
|
|
111
|
-
break;
|
|
112
|
-
case 'error':
|
|
113
|
-
backgroundColor = DANGER_100;
|
|
114
|
-
textColor = DANGER_700;
|
|
115
|
-
imageColor = DANGER_700;
|
|
116
|
-
marginLeft = 8;
|
|
117
|
-
icon = /*#__PURE__*/React.createElement(CancelCircleIcon, {
|
|
118
|
-
style: {
|
|
119
|
-
width: 20,
|
|
120
|
-
height: 20,
|
|
121
|
-
marginRight: 8
|
|
122
|
-
},
|
|
123
|
-
fill: imageColor
|
|
124
|
-
});
|
|
125
|
-
break;
|
|
126
|
-
case 'warning':
|
|
127
|
-
backgroundColor = IP_100;
|
|
128
|
-
textColor = IP_900;
|
|
129
|
-
imageColor = IP_600;
|
|
130
|
-
marginLeft = 8;
|
|
131
|
-
icon = /*#__PURE__*/React.createElement(WarningCircleIcon, {
|
|
132
|
-
style: {
|
|
133
|
-
width: 20,
|
|
134
|
-
height: 20
|
|
135
|
-
},
|
|
136
|
-
fill: imageColor
|
|
137
|
-
});
|
|
138
|
-
break;
|
|
139
|
-
default:
|
|
140
|
-
backgroundColor = TERTIARY_100;
|
|
141
|
-
textColor = PRIMARY_100;
|
|
142
|
-
marginLeft = 0;
|
|
143
|
-
imageColor = PRIMARY_100;
|
|
144
|
-
icon = /*#__PURE__*/React.createElement(React.Fragment, null);
|
|
145
|
-
}
|
|
146
|
-
return {
|
|
147
|
-
backgroundColor: backgroundColor,
|
|
148
|
-
textColor: textColor,
|
|
149
|
-
icon: icon,
|
|
150
|
-
marginLeft: marginLeft,
|
|
151
|
-
imageColor: imageColor
|
|
152
|
-
};
|
|
153
|
-
}, [typeMessage]);
|
|
154
|
-
return /*#__PURE__*/React.createElement(Animated.View, {
|
|
155
|
-
style: [{
|
|
156
|
-
backgroundColor: stylesAlert.backgroundColor
|
|
157
|
-
}, styles.container, {
|
|
158
|
-
transform: [{
|
|
159
|
-
translateY: slideAnim
|
|
160
|
-
}],
|
|
161
|
-
opacity: opacityAnim
|
|
162
|
-
}]
|
|
163
|
-
}, stylesAlert.icon, /*#__PURE__*/React.createElement(Text, {
|
|
164
|
-
numberOfLines: 2,
|
|
165
|
-
style: [{
|
|
166
|
-
color: stylesAlert.textColor,
|
|
167
|
-
marginLeft: stylesAlert.marginLeft
|
|
168
|
-
}, styles.text]
|
|
169
|
-
}, message.length > MAX_LENGTH_TEXT ? message.slice(0, MAX_LENGTH_TEXT) : message), /*#__PURE__*/React.createElement(Pressable, {
|
|
170
|
-
style: styles.closeButton,
|
|
171
|
-
onPress: onPressClose
|
|
172
|
-
}, /*#__PURE__*/React.createElement(CancelIcon, {
|
|
173
|
-
style: styles.closeIcon,
|
|
174
|
-
fill: stylesAlert.imageColor
|
|
175
|
-
})));
|
|
98
|
+
return /*#__PURE__*/React.createElement(AlertMessage, {
|
|
99
|
+
typeMessage: typeMessage,
|
|
100
|
+
slideAnim: slideAnim,
|
|
101
|
+
opacityAnim: opacityAnim,
|
|
102
|
+
onPressClose: onPressClose,
|
|
103
|
+
message: message
|
|
104
|
+
});
|
|
176
105
|
};
|
|
177
106
|
export default Alert;
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
import { Animated, ViewStyle, StyleProp } from 'react-native';
|
|
1
2
|
export type StatusType = 'info' | 'success' | 'error' | 'warning';
|
|
2
3
|
export type EmitEventType = 'show' | 'clear';
|
|
3
4
|
export type Listener = (data: any) => void;
|
|
@@ -9,3 +10,11 @@ export interface IMessage {
|
|
|
9
10
|
export interface IListeners {
|
|
10
11
|
[key: string]: Listener[];
|
|
11
12
|
}
|
|
13
|
+
export interface IAlertMessage {
|
|
14
|
+
style?: StyleProp<ViewStyle>;
|
|
15
|
+
typeMessage: StatusType;
|
|
16
|
+
slideAnim?: Animated.Value;
|
|
17
|
+
opacityAnim?: Animated.Value;
|
|
18
|
+
onPressClose?: () => void;
|
|
19
|
+
message?: string;
|
|
20
|
+
}
|
|
@@ -0,0 +1,100 @@
|
|
|
1
|
+
import React, { useMemo } from 'react';
|
|
2
|
+
import { Animated, Text, Pressable } from "react-native-web";
|
|
3
|
+
import { styles } from "../Alert.style";
|
|
4
|
+
import { CancelCircleIcon, CancelIcon, SuccessCircleIcon, WarningCircleIcon } from "../../../assets/images/icons";
|
|
5
|
+
import { DANGER_100, DANGER_700, IP_100, IP_600, IP_900, PRIMARY_100, SUCCESS_110, SUCCESS_800, SUCCESS_900, TERTIARY_100, TERTIARY_101 } from "../../../styles/colors";
|
|
6
|
+
var MAX_LENGTH_TEXT = 70;
|
|
7
|
+
var AlertMessage = function AlertMessage(_ref) {
|
|
8
|
+
var style = _ref.style,
|
|
9
|
+
_ref$typeMessage = _ref.typeMessage,
|
|
10
|
+
typeMessage = _ref$typeMessage === void 0 ? 'info' : _ref$typeMessage,
|
|
11
|
+
_ref$slideAnim = _ref.slideAnim,
|
|
12
|
+
slideAnim = _ref$slideAnim === void 0 ? new Animated.Value(1) : _ref$slideAnim,
|
|
13
|
+
_ref$opacityAnim = _ref.opacityAnim,
|
|
14
|
+
opacityAnim = _ref$opacityAnim === void 0 ? new Animated.Value(1) : _ref$opacityAnim,
|
|
15
|
+
onPressClose = _ref.onPressClose,
|
|
16
|
+
_ref$message = _ref.message,
|
|
17
|
+
message = _ref$message === void 0 ? '' : _ref$message;
|
|
18
|
+
var stylesAlert = useMemo(function () {
|
|
19
|
+
var backgroundColor;
|
|
20
|
+
var textColor;
|
|
21
|
+
var icon;
|
|
22
|
+
var marginLeft;
|
|
23
|
+
var imageColor;
|
|
24
|
+
switch (typeMessage) {
|
|
25
|
+
case 'info':
|
|
26
|
+
backgroundColor = TERTIARY_101;
|
|
27
|
+
textColor = PRIMARY_100;
|
|
28
|
+
imageColor = PRIMARY_100;
|
|
29
|
+
marginLeft = 0;
|
|
30
|
+
icon = /*#__PURE__*/React.createElement(React.Fragment, null);
|
|
31
|
+
break;
|
|
32
|
+
case 'success':
|
|
33
|
+
backgroundColor = SUCCESS_110;
|
|
34
|
+
textColor = SUCCESS_900;
|
|
35
|
+
imageColor = SUCCESS_800;
|
|
36
|
+
marginLeft = 8;
|
|
37
|
+
icon = /*#__PURE__*/React.createElement(SuccessCircleIcon, {
|
|
38
|
+
style: styles.messageIcon,
|
|
39
|
+
fill: imageColor
|
|
40
|
+
});
|
|
41
|
+
break;
|
|
42
|
+
case 'error':
|
|
43
|
+
backgroundColor = DANGER_100;
|
|
44
|
+
textColor = DANGER_700;
|
|
45
|
+
imageColor = DANGER_700;
|
|
46
|
+
marginLeft = 8;
|
|
47
|
+
icon = /*#__PURE__*/React.createElement(CancelCircleIcon, {
|
|
48
|
+
style: styles.messageIcon,
|
|
49
|
+
fill: imageColor
|
|
50
|
+
});
|
|
51
|
+
break;
|
|
52
|
+
case 'warning':
|
|
53
|
+
backgroundColor = IP_100;
|
|
54
|
+
textColor = IP_900;
|
|
55
|
+
imageColor = IP_600;
|
|
56
|
+
marginLeft = 8;
|
|
57
|
+
icon = /*#__PURE__*/React.createElement(WarningCircleIcon, {
|
|
58
|
+
style: styles.messageIcon,
|
|
59
|
+
fill: imageColor
|
|
60
|
+
});
|
|
61
|
+
break;
|
|
62
|
+
default:
|
|
63
|
+
backgroundColor = TERTIARY_100;
|
|
64
|
+
textColor = PRIMARY_100;
|
|
65
|
+
marginLeft = 0;
|
|
66
|
+
imageColor = PRIMARY_100;
|
|
67
|
+
icon = /*#__PURE__*/React.createElement(React.Fragment, null);
|
|
68
|
+
}
|
|
69
|
+
return {
|
|
70
|
+
backgroundColor: backgroundColor,
|
|
71
|
+
textColor: textColor,
|
|
72
|
+
icon: icon,
|
|
73
|
+
marginLeft: marginLeft,
|
|
74
|
+
imageColor: imageColor
|
|
75
|
+
};
|
|
76
|
+
}, [typeMessage]);
|
|
77
|
+
return /*#__PURE__*/React.createElement(Animated.View, {
|
|
78
|
+
style: [{
|
|
79
|
+
backgroundColor: stylesAlert.backgroundColor
|
|
80
|
+
}, styles.container, {
|
|
81
|
+
transform: [{
|
|
82
|
+
translateY: slideAnim
|
|
83
|
+
}],
|
|
84
|
+
opacity: opacityAnim
|
|
85
|
+
}, style]
|
|
86
|
+
}, stylesAlert.icon, /*#__PURE__*/React.createElement(Text, {
|
|
87
|
+
numberOfLines: 2,
|
|
88
|
+
style: [{
|
|
89
|
+
color: stylesAlert.textColor,
|
|
90
|
+
marginLeft: stylesAlert.marginLeft
|
|
91
|
+
}, styles.text]
|
|
92
|
+
}, message.length > MAX_LENGTH_TEXT ? message.slice(0, MAX_LENGTH_TEXT) : message), /*#__PURE__*/React.createElement(Pressable, {
|
|
93
|
+
style: styles.closeButton,
|
|
94
|
+
onPress: onPressClose
|
|
95
|
+
}, /*#__PURE__*/React.createElement(CancelIcon, {
|
|
96
|
+
style: styles.closeIcon,
|
|
97
|
+
fill: stylesAlert.imageColor
|
|
98
|
+
})));
|
|
99
|
+
};
|
|
100
|
+
export default AlertMessage;
|
|
@@ -52,7 +52,7 @@ var Modal = function Modal(_ref) {
|
|
|
52
52
|
if (buttons) {
|
|
53
53
|
setButtonsToDisplay([].concat(_toConsumableArray(buttons), _toConsumableArray(buttonsToDisplay)));
|
|
54
54
|
}
|
|
55
|
-
}, []);
|
|
55
|
+
}, [buttons, buttonsToDisplay]);
|
|
56
56
|
return /*#__PURE__*/React.createElement(ModalRN, {
|
|
57
57
|
animationType: "fade",
|
|
58
58
|
transparent: true,
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { StyleSheet } from "react-native-web";
|
|
2
|
-
import {
|
|
2
|
+
import { NEUTRAL_50 } from "../../styles/colors";
|
|
3
3
|
import { isDeviceTablet } from "../../helpers/table_utils";
|
|
4
4
|
export var styles = StyleSheet.create({
|
|
5
5
|
modalContainer: {
|
|
@@ -9,7 +9,7 @@ export var styles = StyleSheet.create({
|
|
|
9
9
|
justifyContent: 'center'
|
|
10
10
|
},
|
|
11
11
|
modalContent: {
|
|
12
|
-
backgroundColor:
|
|
12
|
+
backgroundColor: NEUTRAL_50,
|
|
13
13
|
borderRadius: 28,
|
|
14
14
|
flexDirection: 'column',
|
|
15
15
|
height: 'auto',
|
|
@@ -1,5 +1,11 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
1
|
+
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
|
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';
|
|
8
|
+
import { Dimensions, Platform, ScrollView, Text, TouchableOpacity, View } from "react-native-web";
|
|
3
9
|
import { ButtonContainer } from "../../../containers";
|
|
4
10
|
import { styles } from "./MinimizedView.styles";
|
|
5
11
|
var MinimizedView = function MinimizedView(_ref) {
|
|
@@ -8,6 +14,19 @@ var MinimizedView = function MinimizedView(_ref) {
|
|
|
8
14
|
imageHeader = _ref.imageHeader,
|
|
9
15
|
subtitle = _ref.subtitle,
|
|
10
16
|
title = _ref.title;
|
|
17
|
+
var _useState = useState(Dimensions.get('window').height / 4),
|
|
18
|
+
_useState2 = _slicedToArray(_useState, 2),
|
|
19
|
+
currentDimensions = _useState2[0],
|
|
20
|
+
setcurrentDimensions = _useState2[1];
|
|
21
|
+
useEffect(function () {
|
|
22
|
+
var subscription = Dimensions.addEventListener('change', function (_ref2) {
|
|
23
|
+
var window = _ref2.window;
|
|
24
|
+
setcurrentDimensions(window.height / 4);
|
|
25
|
+
});
|
|
26
|
+
return function () {
|
|
27
|
+
return subscription === null || subscription === void 0 ? void 0 : subscription.remove();
|
|
28
|
+
};
|
|
29
|
+
});
|
|
11
30
|
return /*#__PURE__*/React.createElement(View, null, /*#__PURE__*/React.createElement(View, {
|
|
12
31
|
style: styles.headerContainer
|
|
13
32
|
}, imageHeader && /*#__PURE__*/React.createElement(View, {
|
|
@@ -21,12 +40,11 @@ var MinimizedView = function MinimizedView(_ref) {
|
|
|
21
40
|
style: styles.modalSubtitle,
|
|
22
41
|
ellipsizeMode: "tail"
|
|
23
42
|
}, subtitle)), children && /*#__PURE__*/React.createElement(View, {
|
|
24
|
-
style: styles.childrenModalContainer
|
|
43
|
+
style: [Platform.OS === 'web' ? styles.childrenModalContainerWeb : styles.childrenModalContainer, {
|
|
44
|
+
maxHeight: currentDimensions
|
|
45
|
+
}]
|
|
25
46
|
}, /*#__PURE__*/React.createElement(TouchableOpacity, {
|
|
26
|
-
activeOpacity: 1
|
|
27
|
-
style: {
|
|
28
|
-
maxHeight: '100%'
|
|
29
|
-
}
|
|
47
|
+
activeOpacity: 1
|
|
30
48
|
}, /*#__PURE__*/React.createElement(ScrollView, {
|
|
31
49
|
style: {
|
|
32
50
|
flexGrow: 0
|
|
@@ -31,6 +31,17 @@ export declare const styles: {
|
|
|
31
31
|
textAlign: "left";
|
|
32
32
|
marginBottom: number;
|
|
33
33
|
};
|
|
34
|
+
childrenModalContainerWeb: {
|
|
35
|
+
borderBottomColor: string;
|
|
36
|
+
borderBottomWidth: number;
|
|
37
|
+
borderTopColor: string;
|
|
38
|
+
borderTopWidth: number;
|
|
39
|
+
flexDirection: "column";
|
|
40
|
+
paddingHorizontal: number;
|
|
41
|
+
paddingVertical: number;
|
|
42
|
+
maxHeight: number;
|
|
43
|
+
overflowY: string;
|
|
44
|
+
};
|
|
34
45
|
childrenModalContainer: {
|
|
35
46
|
alignItems: "center";
|
|
36
47
|
borderBottomColor: string;
|
|
@@ -35,6 +35,17 @@ export var styles = StyleSheet.create({
|
|
|
35
35
|
textAlign: 'left',
|
|
36
36
|
marginBottom: 16
|
|
37
37
|
},
|
|
38
|
+
childrenModalContainerWeb: {
|
|
39
|
+
borderBottomColor: NEUTRAL_400,
|
|
40
|
+
borderBottomWidth: 1,
|
|
41
|
+
borderTopColor: NEUTRAL_400,
|
|
42
|
+
borderTopWidth: 1,
|
|
43
|
+
flexDirection: 'column',
|
|
44
|
+
paddingHorizontal: 24,
|
|
45
|
+
paddingVertical: 8,
|
|
46
|
+
maxHeight: Dimensions.get('screen').height / 4,
|
|
47
|
+
overflowY: 'scroll'
|
|
48
|
+
},
|
|
38
49
|
childrenModalContainer: {
|
|
39
50
|
alignItems: 'center',
|
|
40
51
|
borderBottomColor: NEUTRAL_400,
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import { FlatList, Pressable,
|
|
2
|
+
import { FlatList, Pressable, View } from "react-native-web";
|
|
3
3
|
import { styles } from "./Table.styles";
|
|
4
4
|
import TableHeaders from "./components/TableHeaders";
|
|
5
5
|
import TableCell from "./components/TableCell";
|
|
@@ -7,6 +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 { ButtonContainer } from "../containers";
|
|
10
11
|
var Table = function Table(_ref) {
|
|
11
12
|
var data = _ref.data,
|
|
12
13
|
columns = _ref.columns,
|
|
@@ -37,27 +38,20 @@ var Table = function Table(_ref) {
|
|
|
37
38
|
},
|
|
38
39
|
style: [styles.row, paintOddRows(index)]
|
|
39
40
|
}, columns.map(function (col, colIndex) {
|
|
40
|
-
var _col$components;
|
|
41
41
|
return col.visible && /*#__PURE__*/React.createElement(View, {
|
|
42
42
|
style: [styles.cell, col.cellStyle, {
|
|
43
43
|
width: col.width
|
|
44
44
|
}],
|
|
45
45
|
key: 'movementTable' + colIndex
|
|
46
|
-
}, col.components ?
|
|
47
|
-
|
|
48
|
-
style: styles.cellEditContainer,
|
|
49
|
-
onPress: function onPress() {
|
|
50
|
-
return itemAction.onAction(findPrimaryId(columns, item));
|
|
51
|
-
},
|
|
52
|
-
key: 'tableCellCustom' + actionIndex
|
|
53
|
-
}, itemAction.component);
|
|
46
|
+
}, col.components ? /*#__PURE__*/React.createElement(ButtonContainer, {
|
|
47
|
+
components: col.components
|
|
54
48
|
}) : /*#__PURE__*/React.createElement(TableCell, {
|
|
55
49
|
label: col.key ? item[col.key] : '',
|
|
56
50
|
key: 'tableCell' + index
|
|
57
51
|
}));
|
|
58
52
|
}));
|
|
59
53
|
};
|
|
60
|
-
var RenderSkeleton = function RenderSkeleton(
|
|
54
|
+
var RenderSkeleton = function RenderSkeleton(index) {
|
|
61
55
|
return /*#__PURE__*/React.createElement(View, {
|
|
62
56
|
style: [styles.row, paintOddRows(index)]
|
|
63
57
|
}, columns.map(function (col, colIndex) {
|
|
@@ -81,7 +75,7 @@ var Table = function Table(_ref) {
|
|
|
81
75
|
}), /*#__PURE__*/React.createElement(FlatList, {
|
|
82
76
|
data: isLoadingMoreData && isLoading && !data.length ? Array(pageSize).fill({}) : data,
|
|
83
77
|
renderItem: function renderItem(item) {
|
|
84
|
-
return isLoadingMoreData && isLoading && !data.length && onLoadMoreData ? RenderSkeleton(item.
|
|
78
|
+
return isLoadingMoreData && isLoading && !data.length && onLoadMoreData ? RenderSkeleton(item.index) : RenderItem(item.item, item.index);
|
|
85
79
|
},
|
|
86
80
|
ListEmptyComponent: /*#__PURE__*/React.createElement(TableEmpty, {
|
|
87
81
|
commentEmptyTable: commentEmptyTable,
|
|
@@ -91,7 +85,7 @@ var Table = function Table(_ref) {
|
|
|
91
85
|
return 'Table: ' + index;
|
|
92
86
|
},
|
|
93
87
|
ListFooterComponent: function ListFooterComponent() {
|
|
94
|
-
return isLoadingMoreData && onLoadMoreData && isLoading && Boolean(data.length) && RenderSkeleton(
|
|
88
|
+
return isLoadingMoreData && onLoadMoreData && isLoading && Boolean(data.length) && RenderSkeleton(data.length);
|
|
95
89
|
},
|
|
96
90
|
onEndReached: function onEndReached() {
|
|
97
91
|
return handleLoadMore();
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
|
|
1
|
+
import { ReactNode } from 'react';
|
|
2
2
|
import { DimensionValue, ViewStyle } from 'react-native';
|
|
3
3
|
export interface TableProps {
|
|
4
4
|
data: Array<any>;
|
|
@@ -28,10 +28,6 @@ export type Columns = {
|
|
|
28
28
|
label?: string;
|
|
29
29
|
key?: string;
|
|
30
30
|
width?: DimensionValue;
|
|
31
|
-
components?:
|
|
31
|
+
components?: ReactNode[];
|
|
32
32
|
cellStyle?: ViewStyle;
|
|
33
33
|
};
|
|
34
|
-
export type Actions = {
|
|
35
|
-
component: JSX.Element;
|
|
36
|
-
onAction: (id: string) => void;
|
|
37
|
-
};
|