@agilemotion/oui-react-js 1.6.3 → 1.6.5

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (219) hide show
  1. package/dist/ApplicationManager.js +675 -1044
  2. package/dist/BasicApp.js +7 -27
  3. package/dist/BasicAppHome.js +27 -101
  4. package/dist/DynamicJS.js +109 -197
  5. package/dist/InteractionPortalApp.js +7 -27
  6. package/dist/InteractionPortalAppHome.js +21 -87
  7. package/dist/InteractionPortalApp_old.js +60 -122
  8. package/dist/RestUtils.js +269 -410
  9. package/dist/TypedValue.js +20 -26
  10. package/dist/Utils.js +295 -481
  11. package/dist/WithRouter.js +9 -17
  12. package/dist/assets/jss/components/authNavbarStyle.js +168 -171
  13. package/dist/assets/jss/components/buttonStyle.js +2 -5
  14. package/dist/assets/jss/components/cardAvatarStyle.js +2 -5
  15. package/dist/assets/jss/components/cardBodyStyle.js +2 -5
  16. package/dist/assets/jss/components/cardFooterStyle.js +2 -5
  17. package/dist/assets/jss/components/cardHeaderStyle.js +20 -17
  18. package/dist/assets/jss/components/cardIconStyle.js +2 -5
  19. package/dist/assets/jss/components/cardStyle.js +2 -5
  20. package/dist/assets/jss/components/cardTextStyle.js +2 -5
  21. package/dist/assets/jss/components/customDropdownStyle.js +171 -173
  22. package/dist/assets/jss/components/customInputStyle.js +5 -13
  23. package/dist/assets/jss/components/dropdownStyle.js +71 -74
  24. package/dist/assets/jss/components/footerStyle.js +14 -23
  25. package/dist/assets/jss/components/headerLinksStyle.js +52 -53
  26. package/dist/assets/jss/components/headerStyle.js +68 -73
  27. package/dist/assets/jss/components/navbarLinksStyle.js +81 -74
  28. package/dist/assets/jss/components/navbarStyle.js +79 -84
  29. package/dist/assets/jss/components/sidebarStyle.js +438 -441
  30. package/dist/assets/jss/components/typographyStyle.js +5 -13
  31. package/dist/assets/jss/rootStyle.js +85 -151
  32. package/dist/assets/jss/views/layoutStyle.js +45 -51
  33. package/dist/assets/jss/views/loginBasicStyle.js +2 -5
  34. package/dist/assets/jss/views/loginBusinessPortalStyle.js +2 -5
  35. package/dist/assets/jss/views/loginStyle.js +80 -87
  36. package/dist/components/AlertBar.js +20 -75
  37. package/dist/components/AlertItem.js +13 -49
  38. package/dist/components/AlertTemplate.js +12 -18
  39. package/dist/components/Button.js +41 -112
  40. package/dist/components/Calendar.js +99 -208
  41. package/dist/components/ConfirmationDialog.js +13 -54
  42. package/dist/components/DataGrid.js +271 -695
  43. package/dist/components/DataGridColumn.js +24 -74
  44. package/dist/components/DataGridFilter.js +107 -245
  45. package/dist/components/DataGridHeading.js +34 -78
  46. package/dist/components/Dialog.js +37 -130
  47. package/dist/components/DocumentTemplateDesigner.js +16 -57
  48. package/dist/components/DocumentTemplateDesignerComponent.js +47 -141
  49. package/dist/components/DocumentTemplatePlaceholderDialog.js +34 -67
  50. package/dist/components/DocumentViewer.js +25 -65
  51. package/dist/components/DocumentViewerComponent.js +13 -44
  52. package/dist/components/ElementResizeHandler.js +148 -200
  53. package/dist/components/FileThumb.js +15 -56
  54. package/dist/components/Graph.js +98 -203
  55. package/dist/components/GraphNode.js +20 -61
  56. package/dist/components/HtmlPanel.js +38 -105
  57. package/dist/components/Icon.js +174 -253
  58. package/dist/components/LoadingIndicator.js +4 -11
  59. package/dist/components/LottieIcon.js +63 -60
  60. package/dist/components/PopupView.js +21 -60
  61. package/dist/components/Portlet.js +18 -60
  62. package/dist/components/RegularButton.js +34 -42
  63. package/dist/components/SignaturePanel.js +19 -67
  64. package/dist/components/SocketManager.js +133 -228
  65. package/dist/components/StepperTitleBar.js +48 -99
  66. package/dist/components/TabPage.js +30 -47
  67. package/dist/components/TabPanel.js +35 -122
  68. package/dist/components/TableCellContent.js +34 -98
  69. package/dist/components/TemplateDesigner.js +115 -230
  70. package/dist/components/TemplateItemEventHandler.js +298 -481
  71. package/dist/components/TemplateTable.js +117 -218
  72. package/dist/components/TitleBar.js +15 -53
  73. package/dist/components/Toolbar.js +44 -110
  74. package/dist/components/Tooltip.js +37 -56
  75. package/dist/components/Tree.js +50 -143
  76. package/dist/components/UseIsVisible.js +5 -25
  77. package/dist/components/card/Card.js +35 -39
  78. package/dist/components/card/CardAvatar.js +21 -32
  79. package/dist/components/card/CardBody.js +29 -36
  80. package/dist/components/card/CardFooter.js +26 -35
  81. package/dist/components/card/CardHeader.js +29 -36
  82. package/dist/components/card/CardIcon.js +15 -29
  83. package/dist/components/card/CardText.js +15 -29
  84. package/dist/components/customInput/CustomInput.js +38 -40
  85. package/dist/components/dashboard/FoldingSideTabDashboard.js +65 -184
  86. package/dist/components/dashboard/SideMenuModuleDashboard.js +67 -185
  87. package/dist/components/dashboard/TopMenuModuleDashboard.js +22 -63
  88. package/dist/components/dashboard/components/Header.js +15 -52
  89. package/dist/components/dashboard/components/LeftDrawer.js +9 -23
  90. package/dist/components/dashboard/components/UserIdentity.js +4 -12
  91. package/dist/components/dashboard/components/blackDashboard/fixedPlugin/FixedPlugin.js +115 -155
  92. package/dist/components/dashboard/components/blackDashboard/sidebar/FoldingTabSidebar.js +344 -419
  93. package/dist/components/dashboard/components/blackDashboard/sidebar/ModuleMenu.js +15 -29
  94. package/dist/components/dashboard/components/blackDashboard/sidebar/ModuleMenuSidebar.js +405 -485
  95. package/dist/components/dashboard/components/portal/Timeline.js +3 -8
  96. package/dist/components/dashboard/components/portal/Workspace.js +4 -13
  97. package/dist/components/footer/Footer.js +23 -45
  98. package/dist/components/footer/HomeFooter.js +38 -78
  99. package/dist/components/form/AddressSearch.js +26 -76
  100. package/dist/components/form/AutoComplete.js +54 -168
  101. package/dist/components/form/BaseField.js +59 -189
  102. package/dist/components/form/Checkbox.js +11 -24
  103. package/dist/components/form/DatePicker.js +28 -82
  104. package/dist/components/form/FieldSet.js +84 -300
  105. package/dist/components/form/Form.js +206 -501
  106. package/dist/components/form/GridField.js +83 -243
  107. package/dist/components/form/IconField.js +10 -21
  108. package/dist/components/form/ImageEditor.js +98 -208
  109. package/dist/components/form/LabelField.js +13 -28
  110. package/dist/components/form/LookupField.js +36 -102
  111. package/dist/components/form/MultiFileUploadField.js +67 -134
  112. package/dist/components/form/RadioGroup.js +20 -57
  113. package/dist/components/form/Section.js +33 -118
  114. package/dist/components/form/SelectItem.js +36 -83
  115. package/dist/components/form/SignatureTemplateDesignerField.js +12 -26
  116. package/dist/components/form/Switch.js +11 -24
  117. package/dist/components/form/TextField.js +19 -55
  118. package/dist/components/form/TimePicker.js +18 -43
  119. package/dist/components/form/TransferList.js +76 -200
  120. package/dist/components/form/UploadField.js +134 -256
  121. package/dist/components/grid/GridContainer.js +10 -23
  122. package/dist/components/grid/GridItem.js +10 -23
  123. package/dist/components/layout/CollapsiblePanel.js +20 -59
  124. package/dist/components/layout/Layout.js +40 -149
  125. package/dist/components/layout/View.js +65 -195
  126. package/dist/components/layout/ViewContainer.js +13 -33
  127. package/dist/components/layout/ViewPort.js +14 -48
  128. package/dist/components/layout/Window.js +62 -135
  129. package/dist/components/layout/WindowViewPort.js +18 -63
  130. package/dist/components/media/ClosablePanel.js +9 -18
  131. package/dist/components/media/LobbyWaitingList.js +11 -17
  132. package/dist/components/media/MediaSoupHelper.js +173 -401
  133. package/dist/components/media/SideBarContent.js +17 -34
  134. package/dist/components/media/SocketRequest.js +7 -18
  135. package/dist/components/media/SocketResponse.js +5 -14
  136. package/dist/components/media/Timer.js +18 -54
  137. package/dist/components/media/Toolbar.js +97 -254
  138. package/dist/components/media/ToolbarButton.js +34 -95
  139. package/dist/components/media/Toolbar_bck.js +70 -186
  140. package/dist/components/media/Tracks.js +19 -33
  141. package/dist/components/media/TrainingRoom.js +121 -374
  142. package/dist/components/media/Transports.js +17 -29
  143. package/dist/components/media/VCEventManager.js +45 -116
  144. package/dist/components/media/VCEventType.js +82 -168
  145. package/dist/components/media/VCParticipantList.js +16 -51
  146. package/dist/components/media/VCParticipantListItem.js +44 -141
  147. package/dist/components/media/VCRoom.js +14 -58
  148. package/dist/components/media/VCRoomParticipant.js +235 -556
  149. package/dist/components/media/VCRoomRecorder.js +106 -204
  150. package/dist/components/media/VCRoomWorkspace.js +248 -584
  151. package/dist/components/media/Video.js +27 -112
  152. package/dist/components/media/VideoPlayer.js +23 -91
  153. package/dist/components/media/chat/ChatRoom.js +143 -361
  154. package/dist/components/media/chat/ChatRoomItem.js +17 -58
  155. package/dist/components/media/chat/ChatRoomList.js +15 -60
  156. package/dist/components/menu/CollapsibleMenu.js +22 -52
  157. package/dist/components/menu/MenuBars.js +50 -116
  158. package/dist/components/menu/MenuButton.js +53 -130
  159. package/dist/components/menu/MenuItem.js +11 -51
  160. package/dist/components/menu/MenuLink.js +13 -41
  161. package/dist/components/menu/PopupMenu.js +13 -25
  162. package/dist/components/navbars/AuthNavbar.js +21 -56
  163. package/dist/components/navbars/HomeNavbar.js +213 -290
  164. package/dist/components/navbars/PortalNavbar.js +26 -81
  165. package/dist/components/signatures/AgilitySignaturePanel.js +41 -135
  166. package/dist/components/signatures/AlertItem.js +14 -50
  167. package/dist/components/signatures/Card.js +6 -16
  168. package/dist/components/signatures/DocumentContainer.js +57 -165
  169. package/dist/components/signatures/ImageSignatureInput.js +64 -124
  170. package/dist/components/signatures/MenuButton.js +28 -63
  171. package/dist/components/signatures/Prompt.js +6 -41
  172. package/dist/components/signatures/ResponsiveTable.js +181 -370
  173. package/dist/components/signatures/SearchView.js +34 -112
  174. package/dist/components/signatures/SignatorySearch.js +11 -44
  175. package/dist/components/signatures/SignatorySearchForm.js +19 -50
  176. package/dist/components/signatures/SignatureInput.js +28 -91
  177. package/dist/components/signatures/SignatureInputProps.js +49 -144
  178. package/dist/components/signatures/SignatureTemplateDesigner.js +230 -430
  179. package/dist/components/signatures/Toolbar.js +99 -173
  180. package/dist/components/signatures/ViewUtils.js +207 -313
  181. package/dist/components/typography/Danger.js +6 -11
  182. package/dist/components/typography/Info.js +7 -11
  183. package/dist/components/typography/Link.js +6 -12
  184. package/dist/event/ActionHandlers.js +48 -87
  185. package/dist/event/Event.js +21 -25
  186. package/dist/event/EventListener.js +54 -48
  187. package/dist/event/EventType.js +18 -40
  188. package/dist/event/LoadDataActionHandler.js +10 -31
  189. package/dist/event/Observable.js +204 -396
  190. package/dist/event/RouteActionHandler.js +119 -171
  191. package/dist/event/ScriptActionHandler.js +10 -32
  192. package/dist/event/ServiceCallActionHandler.js +37 -64
  193. package/dist/event/SignalGraphActionHandler.js +9 -31
  194. package/dist/js/Addresses.js +23 -42
  195. package/dist/js/Calendar.js +41 -89
  196. package/dist/js/DynamicLib.js +11 -23
  197. package/dist/js/Media.js +80 -174
  198. package/dist/js/Validators.js +6 -12
  199. package/dist/js/Windows.js +22 -40
  200. package/dist/redux/store/ConfigureStore.js +12 -29
  201. package/dist/redux/store/DashboardStore.js +47 -120
  202. package/dist/redux/store/History.js +2 -5
  203. package/dist/redux/store/SecurityStore.js +22 -65
  204. package/dist/security/TokenManager.js +29 -53
  205. package/dist/theme-default.js +3 -8
  206. package/dist/view/Dashboard.js +140 -308
  207. package/dist/view/PortalDashboard.js +6 -13
  208. package/dist/view/Settings.js +3 -11
  209. package/dist/view/Views.js +15 -35
  210. package/dist/view/security/ChangePasswordBasic.js +41 -147
  211. package/dist/view/security/ForgotPassword.js +26 -106
  212. package/dist/view/security/ForgotPasswordBasic.js +22 -96
  213. package/dist/view/security/Login.js +29 -117
  214. package/dist/view/security/LoginBasic.js +28 -108
  215. package/dist/view/security/LoginInteractionPortal.js +28 -106
  216. package/dist/view/security/ResetPassword.js +25 -110
  217. package/dist/view/security/ResetPasswordBasic.js +39 -142
  218. package/dist/view/security/Security.js +14 -26
  219. package/package.json +26 -21
@@ -4,28 +4,16 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
  exports.default = void 0;
7
-
8
7
  var _rootStyle = require("../rootStyle");
9
-
10
8
  var _dropdownStyle = _interopRequireDefault(require("./dropdownStyle"));
11
-
12
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
13
-
14
- function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
15
-
16
- function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
17
-
18
- function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
19
-
20
- var headerLinksStyle = function headerLinksStyle(theme) {
21
- var _notifications, _manager, _searchWrapper;
22
-
23
- return _objectSpread(_objectSpread({}, (0, _dropdownStyle.default)(theme)), {}, {
24
- search: _defineProperty({
25
- "& > div": {
26
- marginTop: "0"
27
- }
28
- }, theme.breakpoints.down("sm"), {
9
+ function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
10
+ const headerLinksStyle = theme => ({
11
+ ...(0, _dropdownStyle.default)(theme),
12
+ search: {
13
+ "& > div": {
14
+ marginTop: "0"
15
+ },
16
+ [theme.breakpoints.down("sm")]: {
29
17
  margin: "10px 15px !important",
30
18
  float: "none !important",
31
19
  paddingTop: "1px",
@@ -36,14 +24,16 @@ var headerLinksStyle = function headerLinksStyle(theme) {
36
24
  "& input": {
37
25
  color: _rootStyle.whiteColor
38
26
  }
39
- }),
40
- linkText: _objectSpread(_objectSpread({
41
- zIndex: "4"
42
- }, _rootStyle.defaultFont), {}, {
43
- fontSize: "14px",
44
- margin: "0px"
45
- }),
46
- buttonLink: _defineProperty({}, theme.breakpoints.down("sm"), {
27
+ }
28
+ },
29
+ linkText: {
30
+ zIndex: "4",
31
+ ..._rootStyle.defaultFont,
32
+ fontSize: "14px",
33
+ margin: "0px"
34
+ },
35
+ buttonLink: {
36
+ [theme.breakpoints.down("sm")]: {
47
37
  display: "flex",
48
38
  margin: "10px 15px 0",
49
39
  width: "-webkit-fill-available",
@@ -65,23 +55,26 @@ var headerLinksStyle = function headerLinksStyle(theme) {
65
55
  justifyContent: "flex-start",
66
56
  width: "100%"
67
57
  }
68
- }),
69
- searchButton: _defineProperty({}, theme.breakpoints.down("sm"), {
58
+ }
59
+ },
60
+ searchButton: {
61
+ [theme.breakpoints.down("sm")]: {
70
62
  top: "-50px !important",
71
63
  marginRight: "22px",
72
64
  float: "right"
73
- }),
74
- margin: {
75
- zIndex: "4",
76
- margin: "0"
77
- },
78
- searchIcon: {
79
- width: "17px",
80
- zIndex: "4"
81
- },
82
- notifications: (_notifications = {
83
- zIndex: "4"
84
- }, _defineProperty(_notifications, theme.breakpoints.up("md"), {
65
+ }
66
+ },
67
+ margin: {
68
+ zIndex: "4",
69
+ margin: "0"
70
+ },
71
+ searchIcon: {
72
+ width: "17px",
73
+ zIndex: "4"
74
+ },
75
+ notifications: {
76
+ zIndex: "4",
77
+ [theme.breakpoints.up("md")]: {
85
78
  position: "absolute",
86
79
  top: "2px",
87
80
  border: "1px solid " + _rootStyle.whiteColor,
@@ -96,19 +89,25 @@ var headerLinksStyle = function headerLinksStyle(theme) {
96
89
  lineHeight: "16px",
97
90
  verticalAlign: "middle",
98
91
  display: "block"
99
- }), _defineProperty(_notifications, theme.breakpoints.down("sm"), _objectSpread(_objectSpread({}, _rootStyle.defaultFont), {}, {
92
+ },
93
+ [theme.breakpoints.down("sm")]: {
94
+ ..._rootStyle.defaultFont,
100
95
  fontSize: "14px",
101
96
  marginRight: "8px"
102
- })), _notifications),
103
- manager: (_manager = {}, _defineProperty(_manager, theme.breakpoints.down("sm"), {
97
+ }
98
+ },
99
+ manager: {
100
+ [theme.breakpoints.down("sm")]: {
104
101
  width: "100%"
105
- }), _defineProperty(_manager, "display", "inline-block"), _manager),
106
- searchWrapper: (_searchWrapper = {}, _defineProperty(_searchWrapper, theme.breakpoints.down("sm"), {
102
+ },
103
+ display: "inline-block"
104
+ },
105
+ searchWrapper: {
106
+ [theme.breakpoints.down("sm")]: {
107
107
  width: "-webkit-fill-available",
108
108
  margin: "10px 15px 0"
109
- }), _defineProperty(_searchWrapper, "display", "inline-block"), _searchWrapper)
110
- });
111
- };
112
-
113
- var _default = headerLinksStyle;
114
- exports.default = _default;
109
+ },
110
+ display: "inline-block"
111
+ }
112
+ });
113
+ var _default = exports.default = headerLinksStyle;
@@ -4,77 +4,72 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
  exports.default = void 0;
7
-
8
7
  var _rootStyle = require("../rootStyle");
9
-
10
- function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
11
-
12
- function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
13
-
14
- function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
15
-
16
- var headerStyle = function headerStyle() {
17
- return {
18
- appBar: {
19
- backgroundColor: "transparent",
20
- boxShadow: "none",
21
- borderBottom: "0",
22
- marginBottom: "0",
23
- position: "absolute",
24
- width: "100%",
25
- paddingTop: "10px",
26
- zIndex: "1029",
27
- color: _rootStyle.grayColor[7],
28
- border: "0",
29
- borderRadius: "3px",
30
- padding: "10px 0",
31
- transition: "all 150ms ease 0s",
32
- minHeight: "50px",
33
- display: "block"
34
- },
35
- container: _objectSpread(_objectSpread({}, _rootStyle.container), {}, {
36
- minHeight: "50px"
37
- }),
38
- flex: {
39
- flex: 1
40
- },
41
- title: _objectSpread(_objectSpread({}, _rootStyle.defaultFont), {}, {
42
- letterSpacing: "unset",
43
- lineHeight: "30px",
44
- fontSize: "18px",
45
- borderRadius: "3px",
46
- textTransform: "none",
47
- color: "inherit",
48
- margin: "0",
49
- "&:hover,&:focus": {
50
- background: "transparent"
51
- }
52
- }),
53
- appResponsive: {
54
- top: "8px"
55
- },
56
- primary: _objectSpread({
57
- backgroundColor: _rootStyle.primaryColor[0],
58
- color: _rootStyle.whiteColor
59
- }, _rootStyle.defaultBoxShadow),
60
- info: _objectSpread({
61
- backgroundColor: _rootStyle.infoColor[0],
62
- color: _rootStyle.whiteColor
63
- }, _rootStyle.defaultBoxShadow),
64
- success: _objectSpread({
65
- backgroundColor: _rootStyle.successColor[0],
66
- color: _rootStyle.whiteColor
67
- }, _rootStyle.defaultBoxShadow),
68
- warning: _objectSpread({
69
- backgroundColor: _rootStyle.warningColor[0],
70
- color: _rootStyle.whiteColor
71
- }, _rootStyle.defaultBoxShadow),
72
- danger: _objectSpread({
73
- backgroundColor: _rootStyle.dangerColor[0],
74
- color: _rootStyle.whiteColor
75
- }, _rootStyle.defaultBoxShadow)
76
- };
77
- };
78
-
79
- var _default = headerStyle;
80
- exports.default = _default;
8
+ const headerStyle = () => ({
9
+ appBar: {
10
+ backgroundColor: "transparent",
11
+ boxShadow: "none",
12
+ borderBottom: "0",
13
+ marginBottom: "0",
14
+ position: "absolute",
15
+ width: "100%",
16
+ paddingTop: "10px",
17
+ zIndex: "1029",
18
+ color: _rootStyle.grayColor[7],
19
+ border: "0",
20
+ borderRadius: "3px",
21
+ padding: "10px 0",
22
+ transition: "all 150ms ease 0s",
23
+ minHeight: "50px",
24
+ display: "block"
25
+ },
26
+ container: {
27
+ ..._rootStyle.container,
28
+ minHeight: "50px"
29
+ },
30
+ flex: {
31
+ flex: 1
32
+ },
33
+ title: {
34
+ ..._rootStyle.defaultFont,
35
+ letterSpacing: "unset",
36
+ lineHeight: "30px",
37
+ fontSize: "18px",
38
+ borderRadius: "3px",
39
+ textTransform: "none",
40
+ color: "inherit",
41
+ margin: "0",
42
+ "&:hover,&:focus": {
43
+ background: "transparent"
44
+ }
45
+ },
46
+ appResponsive: {
47
+ top: "8px"
48
+ },
49
+ primary: {
50
+ backgroundColor: _rootStyle.primaryColor[0],
51
+ color: _rootStyle.whiteColor,
52
+ ..._rootStyle.defaultBoxShadow
53
+ },
54
+ info: {
55
+ backgroundColor: _rootStyle.infoColor[0],
56
+ color: _rootStyle.whiteColor,
57
+ ..._rootStyle.defaultBoxShadow
58
+ },
59
+ success: {
60
+ backgroundColor: _rootStyle.successColor[0],
61
+ color: _rootStyle.whiteColor,
62
+ ..._rootStyle.defaultBoxShadow
63
+ },
64
+ warning: {
65
+ backgroundColor: _rootStyle.warningColor[0],
66
+ color: _rootStyle.whiteColor,
67
+ ..._rootStyle.defaultBoxShadow
68
+ },
69
+ danger: {
70
+ backgroundColor: _rootStyle.dangerColor[0],
71
+ color: _rootStyle.whiteColor,
72
+ ..._rootStyle.defaultBoxShadow
73
+ }
74
+ });
75
+ var _default = exports.default = headerStyle;
@@ -4,51 +4,44 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
  exports.default = void 0;
7
-
8
7
  var _rootStyle = require("../rootStyle");
9
-
10
8
  var _customDropdownStyle = _interopRequireDefault(require("./customDropdownStyle"));
11
-
12
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
13
-
14
- function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
15
-
16
- function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
17
-
18
- function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
19
-
20
- var adminNavbarLinksStyle = function adminNavbarLinksStyle(theme) {
21
- var _searchRTL, _notifications;
22
-
23
- return _objectSpread(_objectSpread({}, (0, _customDropdownStyle.default)(theme)), {}, {
24
- search: _defineProperty({
25
- margin: "0",
26
- paddingTop: "7px",
27
- paddingBottom: "7px"
28
- }, theme.breakpoints.down("sm"), {
9
+ function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
10
+ const adminNavbarLinksStyle = theme => ({
11
+ ...(0, _customDropdownStyle.default)(theme),
12
+ search: {
13
+ margin: "0",
14
+ paddingTop: "7px",
15
+ paddingBottom: "7px",
16
+ [theme.breakpoints.down("sm")]: {
29
17
  margin: "10px 15px",
30
18
  float: "none !important",
31
19
  paddingTop: "1px",
32
20
  paddingBottom: "1px",
33
21
  padding: "10px 15px",
34
22
  width: "auto"
35
- }),
36
- searchInput: {
37
- paddingTop: "2px"
38
- },
39
- searchRTL: (_searchRTL = {}, _defineProperty(_searchRTL, theme.breakpoints.down("sm"), {
23
+ }
24
+ },
25
+ searchInput: {
26
+ paddingTop: "2px"
27
+ },
28
+ searchRTL: {
29
+ [theme.breakpoints.down("sm")]: {
40
30
  marginRight: "18px !important"
41
- }), _defineProperty(_searchRTL, theme.breakpoints.up("md"), {
31
+ },
32
+ [theme.breakpoints.up("md")]: {
42
33
  marginLeft: "12px"
43
- }), _searchRTL),
44
- linkText: _objectSpread(_objectSpread({
45
- zIndex: "4"
46
- }, _rootStyle.defaultFont), {}, {
47
- fontSize: "14px",
48
- margin: "0!important",
49
- textTransform: "none"
50
- }),
51
- buttonLink: _defineProperty({}, theme.breakpoints.down("sm"), {
34
+ }
35
+ },
36
+ linkText: {
37
+ zIndex: "4",
38
+ ..._rootStyle.defaultFont,
39
+ fontSize: "14px",
40
+ margin: "0!important",
41
+ textTransform: "none"
42
+ },
43
+ buttonLink: {
44
+ [theme.breakpoints.down("sm")]: {
52
45
  display: "flex",
53
46
  margin: "5px 15px 0",
54
47
  width: "auto",
@@ -66,24 +59,27 @@ var adminNavbarLinksStyle = function adminNavbarLinksStyle(theme) {
66
59
  marginRight: "19px",
67
60
  marginLeft: "3px"
68
61
  }
69
- }),
70
- searchButton: _defineProperty({}, theme.breakpoints.down("sm"), {
62
+ }
63
+ },
64
+ searchButton: {
65
+ [theme.breakpoints.down("sm")]: {
71
66
  top: "-50px !important",
72
67
  marginRight: "38px",
73
68
  float: "right"
74
- }),
75
- top: {
76
- zIndex: "4"
77
- },
78
- searchIcon: {
79
- width: "17px",
80
- zIndex: "4"
81
- },
82
- links: _defineProperty({
83
- width: "20px",
84
- height: "20px",
85
- zIndex: "4"
86
- }, theme.breakpoints.down("sm"), {
69
+ }
70
+ },
71
+ top: {
72
+ zIndex: "4"
73
+ },
74
+ searchIcon: {
75
+ width: "17px",
76
+ zIndex: "4"
77
+ },
78
+ links: {
79
+ width: "20px",
80
+ height: "20px",
81
+ zIndex: "4",
82
+ [theme.breakpoints.down("sm")]: {
87
83
  display: "block",
88
84
  width: "30px",
89
85
  height: "30px",
@@ -91,10 +87,11 @@ var adminNavbarLinksStyle = function adminNavbarLinksStyle(theme) {
91
87
  opacity: "0.8",
92
88
  marginRight: "16px",
93
89
  marginLeft: "-5px"
94
- }),
95
- notifications: (_notifications = {
96
- zIndex: "4"
97
- }, _defineProperty(_notifications, theme.breakpoints.up("md"), {
90
+ }
91
+ },
92
+ notifications: {
93
+ zIndex: "4",
94
+ [theme.breakpoints.up("md")]: {
98
95
  position: "absolute",
99
96
  top: "5px",
100
97
  border: "1px solid " + _rootStyle.whiteColor,
@@ -109,14 +106,20 @@ var adminNavbarLinksStyle = function adminNavbarLinksStyle(theme) {
109
106
  lineHeight: "14px",
110
107
  verticalAlign: "middle",
111
108
  display: "block"
112
- }), _defineProperty(_notifications, theme.breakpoints.down("sm"), _objectSpread(_objectSpread({}, _rootStyle.defaultFont), {}, {
109
+ },
110
+ [theme.breakpoints.down("sm")]: {
111
+ ..._rootStyle.defaultFont,
113
112
  fontSize: "14px",
114
113
  marginRight: "8px"
115
- })), _notifications),
116
- wrapperRTL: _defineProperty({}, theme.breakpoints.up("md"), {
114
+ }
115
+ },
116
+ wrapperRTL: {
117
+ [theme.breakpoints.up("md")]: {
117
118
  paddingLeft: "16px"
118
- }),
119
- buttonLinkRTL: _defineProperty({}, theme.breakpoints.down("sm"), {
119
+ }
120
+ },
121
+ buttonLinkRTL: {
122
+ [theme.breakpoints.down("sm")]: {
120
123
  alignItems: "center",
121
124
  justifyContent: "flex-end",
122
125
  width: "-webkit-fill-available",
@@ -124,25 +127,29 @@ var adminNavbarLinksStyle = function adminNavbarLinksStyle(theme) {
124
127
  padding: "10px 15px",
125
128
  display: "block",
126
129
  position: "relative"
127
- }),
128
- labelRTL: _defineProperty({}, theme.breakpoints.down("sm"), {
130
+ }
131
+ },
132
+ labelRTL: {
133
+ [theme.breakpoints.down("sm")]: {
129
134
  flexDirection: "row-reverse",
130
135
  justifyContent: "initial",
131
136
  display: "flex"
132
- }),
133
- linksRTL: _defineProperty({}, theme.breakpoints.down("sm"), {
137
+ }
138
+ },
139
+ linksRTL: {
140
+ [theme.breakpoints.down("sm")]: {
134
141
  marginRight: "-5px !important",
135
142
  marginLeft: "16px !important"
136
- }),
137
- managerClasses: _defineProperty({}, theme.breakpoints.up("md"), {
143
+ }
144
+ },
145
+ managerClasses: {
146
+ [theme.breakpoints.up("md")]: {
138
147
  display: "inline-block"
139
- }),
140
- headerLinksSvg: {
141
- width: "20px !important",
142
- height: "20px !important"
143
148
  }
144
- });
145
- };
146
-
147
- var _default = adminNavbarLinksStyle;
148
- exports.default = _default;
149
+ },
150
+ headerLinksSvg: {
151
+ width: "20px !important",
152
+ height: "20px !important"
153
+ }
154
+ });
155
+ var _default = exports.default = adminNavbarLinksStyle;
@@ -4,89 +4,84 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
  exports.default = void 0;
7
-
8
7
  var _rootStyle = require("../rootStyle");
9
-
10
- function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
11
-
12
- function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
13
-
14
- function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
15
-
16
- var headerStyle = function headerStyle() {
17
- return {
18
- appBar: {
19
- backgroundColor: "transparent",
20
- boxShadow: "none",
21
- borderBottom: "0",
22
- marginBottom: "0",
23
- position: "absolute",
24
- width: "100%",
25
- paddingTop: "10px",
26
- zIndex: "1029",
27
- color: _rootStyle.grayColor[6],
28
- border: "0",
29
- borderRadius: "3px",
30
- padding: "10px 0",
31
- transition: "all 150ms ease 0s",
32
- minHeight: "50px",
33
- display: "block"
34
- },
35
- container: _objectSpread(_objectSpread({}, _rootStyle.containerFluid), {}, {
36
- minHeight: "50px"
37
- }),
38
- flex: {
39
- flex: 1
40
- },
41
- title: _objectSpread(_objectSpread({}, _rootStyle.defaultFont), {}, {
42
- lineHeight: "30px",
43
- fontSize: "18px",
44
- borderRadius: "3px",
45
- textTransform: "none",
46
- color: "inherit",
47
- paddingTop: "0.625rem",
48
- paddingBottom: "0.625rem",
49
- margin: "0 !important",
50
- letterSpacing: "unset",
51
- "&:hover,&:focus": {
52
- background: "transparent"
53
- }
54
- }),
55
- primary: _objectSpread({
56
- backgroundColor: _rootStyle.primaryColor[0],
57
- color: _rootStyle.whiteColor
58
- }, _rootStyle.defaultBoxShadow),
59
- info: _objectSpread({
60
- backgroundColor: _rootStyle.infoColor[0],
61
- color: _rootStyle.whiteColor
62
- }, _rootStyle.defaultBoxShadow),
63
- success: _objectSpread({
64
- backgroundColor: _rootStyle.successColor[0],
65
- color: _rootStyle.whiteColor
66
- }, _rootStyle.defaultBoxShadow),
67
- warning: _objectSpread({
68
- backgroundColor: _rootStyle.warningColor[0],
69
- color: _rootStyle.whiteColor
70
- }, _rootStyle.defaultBoxShadow),
71
- danger: _objectSpread({
72
- backgroundColor: _rootStyle.dangerColor[0],
73
- color: _rootStyle.whiteColor
74
- }, _rootStyle.defaultBoxShadow),
75
- sidebarMinimize: {
76
- float: "left",
77
- padding: "0 0 0 15px",
78
- display: "block",
79
- color: _rootStyle.grayColor[6]
80
- },
81
- sidebarMinimizeRTL: {
82
- padding: "0 15px 0 0 !important"
83
- },
84
- sidebarMiniIcon: {
85
- width: "20px",
86
- height: "17px"
8
+ const headerStyle = () => ({
9
+ appBar: {
10
+ backgroundColor: "transparent",
11
+ boxShadow: "none",
12
+ borderBottom: "0",
13
+ marginBottom: "0",
14
+ position: "absolute",
15
+ width: "100%",
16
+ paddingTop: "10px",
17
+ zIndex: "1029",
18
+ color: _rootStyle.grayColor[6],
19
+ border: "0",
20
+ borderRadius: "3px",
21
+ padding: "10px 0",
22
+ transition: "all 150ms ease 0s",
23
+ minHeight: "50px",
24
+ display: "block"
25
+ },
26
+ container: {
27
+ ..._rootStyle.containerFluid,
28
+ minHeight: "50px"
29
+ },
30
+ flex: {
31
+ flex: 1
32
+ },
33
+ title: {
34
+ ..._rootStyle.defaultFont,
35
+ lineHeight: "30px",
36
+ fontSize: "18px",
37
+ borderRadius: "3px",
38
+ textTransform: "none",
39
+ color: "inherit",
40
+ paddingTop: "0.625rem",
41
+ paddingBottom: "0.625rem",
42
+ margin: "0 !important",
43
+ letterSpacing: "unset",
44
+ "&:hover,&:focus": {
45
+ background: "transparent"
87
46
  }
88
- };
89
- };
90
-
91
- var _default = headerStyle;
92
- exports.default = _default;
47
+ },
48
+ primary: {
49
+ backgroundColor: _rootStyle.primaryColor[0],
50
+ color: _rootStyle.whiteColor,
51
+ ..._rootStyle.defaultBoxShadow
52
+ },
53
+ info: {
54
+ backgroundColor: _rootStyle.infoColor[0],
55
+ color: _rootStyle.whiteColor,
56
+ ..._rootStyle.defaultBoxShadow
57
+ },
58
+ success: {
59
+ backgroundColor: _rootStyle.successColor[0],
60
+ color: _rootStyle.whiteColor,
61
+ ..._rootStyle.defaultBoxShadow
62
+ },
63
+ warning: {
64
+ backgroundColor: _rootStyle.warningColor[0],
65
+ color: _rootStyle.whiteColor,
66
+ ..._rootStyle.defaultBoxShadow
67
+ },
68
+ danger: {
69
+ backgroundColor: _rootStyle.dangerColor[0],
70
+ color: _rootStyle.whiteColor,
71
+ ..._rootStyle.defaultBoxShadow
72
+ },
73
+ sidebarMinimize: {
74
+ float: "left",
75
+ padding: "0 0 0 15px",
76
+ display: "block",
77
+ color: _rootStyle.grayColor[6]
78
+ },
79
+ sidebarMinimizeRTL: {
80
+ padding: "0 15px 0 0 !important"
81
+ },
82
+ sidebarMiniIcon: {
83
+ width: "20px",
84
+ height: "17px"
85
+ }
86
+ });
87
+ var _default = exports.default = headerStyle;