@digital-ai/dot-components 2.0.4 → 2.1.0

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/CHANGE_LOG.md CHANGED
@@ -1,5 +1,22 @@
1
1
  # Changelog
2
2
 
3
+ ## [2.1.0](https://github.com/digital-ai/dot-components/tree/2.1.0) (12/12/2022)
4
+
5
+ [Full Changelog](https://github.com/digital-ai/dot-components/compare/1.21.7...2.1.0)
6
+
7
+ **Fixed bugs:**
8
+
9
+ - InputText not taking up fullWidth [\#1329](https://github.com/digital-ai/dot-components/issues/1329)
10
+ - D-23539: Add class for fullWidth text fields [\#1334](https://github.com/digital-ai/dot-components/pull/1334) ([jmcnally](https://github.com/jmcnally))
11
+
12
+ ## [1.21.7](https://github.com/digital-ai/dot-components/tree/1.21.7) (12/12/2022)
13
+
14
+ [Full Changelog](https://github.com/digital-ai/dot-components/compare/2.0.4...1.21.7)
15
+
16
+ **Fixed bugs:**
17
+
18
+ - S 88324 update digital ai logo dark mode 1.21.5 [\#1330](https://github.com/digital-ai/dot-components/pull/1330) ([csmathguy](https://github.com/csmathguy))
19
+
3
20
  ## [2.0.4](https://github.com/digital-ai/dot-components/tree/2.0.4) (12/10/2022)
4
21
 
5
22
  [Full Changelog](https://github.com/digital-ai/dot-components/compare/2.0.3...2.0.4)
@@ -14,24 +31,15 @@
14
31
 
15
32
  ## [2.0.2](https://github.com/digital-ai/dot-components/tree/2.0.2) (12/06/2022)
16
33
 
17
- [Full Changelog](https://github.com/digital-ai/dot-components/compare/2.0.1...2.0.2)
34
+ [Full Changelog](https://github.com/digital-ai/dot-components/compare/1.21.6...2.0.2)
18
35
 
19
36
  **Features:**
20
37
 
21
- - New Component: Linear progress indicator [\#1132](https://github.com/digital-ai/dot-components/issues/1132)
22
- - `DotToggleButton` should allow to change selected color [\#1121](https://github.com/digital-ai/dot-components/issues/1121)
23
38
  - S-84354: New Component: Linear progress indicator [\#1312](https://github.com/digital-ai/dot-components/pull/1312) ([dmiletic85](https://github.com/dmiletic85))
24
39
  - S-84032: `DotToggleButton` should allow to change selected color [\#1311](https://github.com/digital-ai/dot-components/pull/1311) ([dmiletic85](https://github.com/dmiletic85))
25
40
 
26
41
  **Fixed bugs:**
27
42
 
28
- - `DotInputSelect`: doesn't have the same height as `DotInputText` [\#1319](https://github.com/digital-ai/dot-components/issues/1319)
29
- - `DotInputText`: persistent label is hidden when using it inside a flex container [\#1318](https://github.com/digital-ai/dot-components/issues/1318)
30
- - There is no spacing between the input field and its helper text [\#1316](https://github.com/digital-ai/dot-components/issues/1316)
31
- - `Menu` items inside the menu should have 14px font size [\#1313](https://github.com/digital-ai/dot-components/issues/1313)
32
- - \[DOT 2.0\] NavigationRail badge is broken [\#1301](https://github.com/digital-ai/dot-components/issues/1301)
33
- - 2.0 Design differences II [\#1287](https://github.com/digital-ai/dot-components/issues/1287)
34
- - `DotChip`: Image is moved when having tooltip [\#1137](https://github.com/digital-ai/dot-components/issues/1137)
35
43
  - `DotAvatar`: should be able to remove the background color when using images [\#1136](https://github.com/digital-ai/dot-components/issues/1136)
36
44
  - S-84511: Allow avatar colors to be transparent [\#1324](https://github.com/digital-ai/dot-components/pull/1324) ([CWSites](https://github.com/CWSites))
37
45
  - D-23494: Update TablePagination and AlertBanner [\#1323](https://github.com/digital-ai/dot-components/pull/1323) ([CWSites](https://github.com/CWSites))
@@ -45,6 +53,25 @@
45
53
 
46
54
  - S-88919: Update react-router-dom [\#1325](https://github.com/digital-ai/dot-components/pull/1325) ([ryangamble](https://github.com/ryangamble))
47
55
 
56
+ ## [1.21.6](https://github.com/digital-ai/dot-components/tree/1.21.6) (12/06/2022)
57
+
58
+ [Full Changelog](https://github.com/digital-ai/dot-components/compare/2.0.1...1.21.6)
59
+
60
+ **Features:**
61
+
62
+ - New Component: Linear progress indicator [\#1132](https://github.com/digital-ai/dot-components/issues/1132)
63
+ - `DotToggleButton` should allow to change selected color [\#1121](https://github.com/digital-ai/dot-components/issues/1121)
64
+
65
+ **Fixed bugs:**
66
+
67
+ - `DotInputSelect`: doesn't have the same height as `DotInputText` [\#1319](https://github.com/digital-ai/dot-components/issues/1319)
68
+ - `DotInputText`: persistent label is hidden when using it inside a flex container [\#1318](https://github.com/digital-ai/dot-components/issues/1318)
69
+ - There is no spacing between the input field and its helper text [\#1316](https://github.com/digital-ai/dot-components/issues/1316)
70
+ - `Menu` items inside the menu should have 14px font size [\#1313](https://github.com/digital-ai/dot-components/issues/1313)
71
+ - \[DOT 2.0\] NavigationRail badge is broken [\#1301](https://github.com/digital-ai/dot-components/issues/1301)
72
+ - 2.0 Design differences II [\#1287](https://github.com/digital-ai/dot-components/issues/1287)
73
+ - `DotChip`: Image is moved when having tooltip [\#1137](https://github.com/digital-ai/dot-components/issues/1137)
74
+
48
75
  ## [2.0.1](https://github.com/digital-ai/dot-components/tree/2.0.1) (11/15/2022)
49
76
 
50
77
  [Full Changelog](https://github.com/digital-ai/dot-components/compare/2.0.0...2.0.1)
@@ -129,7 +156,6 @@
129
156
  - Toggle button should have the same height as the input field [\#1260](https://github.com/digital-ai/dot-components/issues/1260)
130
157
  - Align helper text with the content of the input [\#1259](https://github.com/digital-ai/dot-components/issues/1259)
131
158
  - S-87726 Align input content with helper text [\#1265](https://github.com/digital-ai/dot-components/pull/1265) ([nikolinadapic](https://github.com/nikolinadapic))
132
- - S-87620 Adjust height for inputs and for medium sized buttons [\#1263](https://github.com/digital-ai/dot-components/pull/1263) ([nikolinadapic](https://github.com/nikolinadapic))
133
159
  - S-87616 Adjust left margin for helper text [\#1262](https://github.com/digital-ai/dot-components/pull/1262) ([nikolinadapic](https://github.com/nikolinadapic))
134
160
  - S-87599: `DotAutocomplete` Add optional `persistentLabel` prop [\#1258](https://github.com/digital-ai/dot-components/pull/1258) ([dmiletic85](https://github.com/dmiletic85))
135
161
 
@@ -154,6 +180,7 @@
154
180
  **Fixed bugs:**
155
181
 
156
182
  - Use of `release-2.0` branch causes `Typography` to use default styling [\#1151](https://github.com/digital-ai/dot-components/issues/1151)
183
+ - D-22241: `DotFileListItem`: fix focus states and expose `onKeyPress` [\#1254](https://github.com/digital-ai/dot-components/pull/1254) ([dmiletic85](https://github.com/dmiletic85))
157
184
 
158
185
  ## [2.0.0-rc.1](https://github.com/digital-ai/dot-components/tree/2.0.0-rc.1) (08/31/2022)
159
186
 
@@ -161,11 +188,10 @@
161
188
 
162
189
  **Features:**
163
190
 
164
- - S-86683: `DotAutocomplete`: expose `onBlur` [\#1236](https://github.com/digital-ai/dot-components/pull/1236) ([dmiletic85](https://github.com/dmiletic85))
191
+ - S-87620 Adjust height for inputs and for medium sized buttons [\#1263](https://github.com/digital-ai/dot-components/pull/1263) ([nikolinadapic](https://github.com/nikolinadapic))
165
192
 
166
193
  **Fixed bugs:**
167
194
 
168
- - D-22241: `DotFileListItem`: fix focus states and expose `onKeyPress` [\#1254](https://github.com/digital-ai/dot-components/pull/1254) ([dmiletic85](https://github.com/dmiletic85))
169
195
  - S-86692: component cleanup [\#1238](https://github.com/digital-ai/dot-components/pull/1238) ([CWSites](https://github.com/CWSites))
170
196
  - S-84151: fix e2e tests for Release 2.0 [\#1146](https://github.com/digital-ai/dot-components/pull/1146) ([CWSites](https://github.com/CWSites))
171
197
 
@@ -196,6 +222,8 @@
196
222
  - `DotAutocomplete` should allow to pass `readOnly` property into the inner textfield [\#1233](https://github.com/digital-ai/dot-components/issues/1233)
197
223
  - S-86896 Add option in the InlineEdit component to select all input on edit [\#1240](https://github.com/digital-ai/dot-components/pull/1240) ([tonac](https://github.com/tonac))
198
224
  - S-86128: `DotAutocomplete`: Support error/warning icons with the tooltip [\#1237](https://github.com/digital-ai/dot-components/pull/1237) ([dmiletic85](https://github.com/dmiletic85))
225
+ - S-86683: `DotAutocomplete`: expose `onBlur` [\#1236](https://github.com/digital-ai/dot-components/pull/1236) ([dmiletic85](https://github.com/dmiletic85))
226
+ - S-86581: `DotAutocomplete` should allow to pass `readOnly` property into the inner `TextField` [\#1235](https://github.com/digital-ai/dot-components/pull/1235) ([dmiletic85](https://github.com/dmiletic85))
199
227
 
200
228
  **Fixed bugs:**
201
229
 
@@ -222,7 +250,6 @@
222
250
  - Adjust margin of `DotTypography` [\#1210](https://github.com/digital-ai/dot-components/issues/1210)
223
251
  - `DotInputText` allow to set `shrink` property [\#1124](https://github.com/digital-ai/dot-components/issues/1124)
224
252
  - `DotInputText` Should show `\*` on `helperText` if field is required [\#1122](https://github.com/digital-ai/dot-components/issues/1122)
225
- - S-86581: `DotAutocomplete` should allow to pass `readOnly` property into the inner `TextField` [\#1235](https://github.com/digital-ai/dot-components/pull/1235) ([dmiletic85](https://github.com/dmiletic85))
226
253
  - S-86369: input field success [\#1226](https://github.com/digital-ai/dot-components/pull/1226) ([CWSites](https://github.com/CWSites))
227
254
  - S-84069: expose shrink prop to input fields [\#1223](https://github.com/digital-ai/dot-components/pull/1223) ([CWSites](https://github.com/CWSites))
228
255
  - Issue \#1210: add prop for noMargin to typography [\#1222](https://github.com/digital-ai/dot-components/pull/1222) ([CWSites](https://github.com/CWSites))
@@ -363,6 +390,7 @@
363
390
 
364
391
  - DotTable action menu does not work according to design [\#1133](https://github.com/digital-ai/dot-components/issues/1133)
365
392
  - Accordion summary has badly styled tooltip when summary is not a string and noWrap is true [\#1069](https://github.com/digital-ai/dot-components/issues/1069)
393
+ - D-20970: DotTableActions component [\#1134](https://github.com/digital-ai/dot-components/pull/1134) ([selsemore](https://github.com/selsemore))
366
394
  - D-20359: only display tooltip if string [\#1127](https://github.com/digital-ai/dot-components/pull/1127) ([CWSites](https://github.com/CWSites))
367
395
 
368
396
  ## [1.15.0](https://github.com/digital-ai/dot-components/tree/1.15.0) (04/21/2022)
@@ -407,7 +435,6 @@
407
435
 
408
436
  - DotFileUpload - Setting maxFile limit to 1 allows to upload more than 1 files [\#1096](https://github.com/digital-ai/dot-components/issues/1096)
409
437
  - We lost scrollbar for sidenav nested drawers [\#1061](https://github.com/digital-ai/dot-components/issues/1061)
410
- - D-20516: `DotFileUpload` - Setting maxFile limit to 1 allows to upload more than 1 files [\#1101](https://github.com/digital-ai/dot-components/pull/1101) ([dmiletic85](https://github.com/dmiletic85))
411
438
  - D-20334: Add scroll to nested drawer [\#1062](https://github.com/digital-ai/dot-components/pull/1062) ([s-zimm](https://github.com/s-zimm))
412
439
 
413
440
  ## [1.13.0](https://github.com/digital-ai/dot-components/tree/1.13.0) (03/28/2022)
@@ -424,6 +451,7 @@
424
451
  - `DotButtonToggle` wrong type for `value` and `onChange` props [\#1085](https://github.com/digital-ai/dot-components/issues/1085)
425
452
  - react-grid-layout library should not be peer dependency [\#1083](https://github.com/digital-ai/dot-components/issues/1083)
426
453
  - Check Box not Working with checked attribute property set--- Identified in Release Core [\#1076](https://github.com/digital-ai/dot-components/issues/1076)
454
+ - D-20516: `DotFileUpload` - Setting maxFile limit to 1 allows to upload more than 1 files [\#1101](https://github.com/digital-ai/dot-components/pull/1101) ([dmiletic85](https://github.com/dmiletic85))
427
455
  - D-20483: `react-grid-layout` library should not be peer dependency [\#1088](https://github.com/digital-ai/dot-components/pull/1088) ([dmiletic85](https://github.com/dmiletic85))
428
456
  - D-20465: `DotButtonToggle` wrong `type` for value and `onChange` [\#1087](https://github.com/digital-ai/dot-components/pull/1087) ([dmiletic85](https://github.com/dmiletic85))
429
457
 
@@ -812,6 +840,7 @@
812
840
  - `Breadcrumbs` Setting `expansionMenu={true}` does not work always [\#838](https://github.com/digital-ai/dot-components/issues/838)
813
841
  - `Breadcrumbs` item with href should be full width clickable when using `expansionMenu={true}` [\#837](https://github.com/digital-ai/dot-components/issues/837)
814
842
  - D-19294: Fix broken expand/collapse for uncontrolled accordion [\#866](https://github.com/digital-ai/dot-components/pull/866) ([selsemore](https://github.com/selsemore))
843
+ - D-19151: `DotBadge` generates console warnings [\#827](https://github.com/digital-ai/dot-components/pull/827) ([dmiletic85](https://github.com/dmiletic85))
815
844
 
816
845
  **Merged pull requests:**
817
846
 
@@ -886,7 +915,6 @@
886
915
  - Go back item in `Sidebar` is not aligned with rest of items [\#824](https://github.com/digital-ai/dot-components/issues/824)
887
916
  - DotBadge generates console warnings [\#816](https://github.com/digital-ai/dot-components/issues/816)
888
917
  - Sidebar scrollbar should be positioned on the very right of the sidebar [\#746](https://github.com/digital-ai/dot-components/issues/746)
889
- - D-19151: `DotBadge` generates console warnings [\#827](https://github.com/digital-ai/dot-components/pull/827) ([dmiletic85](https://github.com/dmiletic85))
890
918
  - D-19177: `Go back` item in `DotSidebar` is not aligned with rest of items [\#826](https://github.com/digital-ai/dot-components/pull/826) ([dmiletic85](https://github.com/dmiletic85))
891
919
 
892
920
  ## [1.3.4](https://github.com/digital-ai/dot-components/tree/1.3.4) (11/30/2021)
@@ -1088,6 +1116,7 @@
1088
1116
  - S-79291: update nested dependencies [\#700](https://github.com/digital-ai/dot-components/pull/700) ([CWSites](https://github.com/CWSites))
1089
1117
  - S-78832: Agility icon & badge updates [\#698](https://github.com/digital-ai/dot-components/pull/698) ([CWSites](https://github.com/CWSites))
1090
1118
  - S-79251: add workflow for sonarqube scan when code merged to develop [\#697](https://github.com/digital-ai/dot-components/pull/697) ([CWSites](https://github.com/CWSites))
1119
+ - S-76906: table action column [\#692](https://github.com/digital-ai/dot-components/pull/692) ([monapatel91](https://github.com/monapatel91))
1091
1120
 
1092
1121
  ## [1.1.0](https://github.com/digital-ai/dot-components/tree/1.1.0) (09/29/2021)
1093
1122
 
@@ -1101,7 +1130,6 @@
1101
1130
 
1102
1131
  - MINOR release [\#695](https://github.com/digital-ai/dot-components/pull/695) ([CWSites](https://github.com/CWSites))
1103
1132
  - pass value to tab [\#694](https://github.com/digital-ai/dot-components/pull/694) ([kmmarsh](https://github.com/kmmarsh))
1104
- - S-76906: table action column [\#692](https://github.com/digital-ai/dot-components/pull/692) ([monapatel91](https://github.com/monapatel91))
1105
1133
  - S-78831: update AppToolbar component for Agility [\#691](https://github.com/digital-ai/dot-components/pull/691) ([CWSites](https://github.com/CWSites))
1106
1134
 
1107
1135
  ## [1.0.12](https://github.com/digital-ai/dot-components/tree/1.0.12) (09/23/2021)
package/index.esm.js CHANGED
@@ -5,7 +5,6 @@ import { Tooltip, Icon, Typography, Accordion, AccordionSummary, AccordionDetail
5
5
  import styled, { css, createGlobalStyle, ThemeProvider as ThemeProvider$1, keyframes } from 'styled-components';
6
6
  import { createTheme, ThemeProvider, alpha, useTheme } from '@mui/material/styles';
7
7
  import { StylesProvider } from '@mui/styles';
8
- import fetchMock from 'fetch-mock';
9
8
  import { renderToStaticMarkup } from 'react-dom/server';
10
9
  import { useDropzone } from 'react-dropzone';
11
10
  import GridLayout, { WidthProvider } from 'react-grid-layout';
@@ -202,9 +201,13 @@ const StyledInputLabel = styled(InputLabel).withConfig({
202
201
  })(["", ""], ({
203
202
  theme
204
203
  }) => css(["&.", "{transform:none;&.Mui-disabled .dot-typography{color:rgba(0,0,0,0.38);}&.Mui-error .dot-typography{color:", ";}.dot-typography{display:inline;}}"], labelClassName, theme.palette.error.main));
204
+ const StyledTextFieldContainer = styled.div.withConfig({
205
+ displayName: "InputFormFieldsstyles__StyledTextFieldContainer",
206
+ componentId: "sc-1mbn9f0-2"
207
+ })(["&.dot-input-text--fullwidth{width:100%;}"]);
205
208
  const StyledTextField = styled(TextField).withConfig({
206
209
  displayName: "InputFormFieldsstyles__StyledTextField",
207
- componentId: "sc-1mbn9f0-2"
210
+ componentId: "sc-1mbn9f0-3"
208
211
  })(["", ""], ({
209
212
  theme,
210
213
  InputProps
@@ -1474,11 +1477,17 @@ const DotCoreApiProvider = ({
1474
1477
  const nullProductInstanceId = null;
1475
1478
  const sort = 'name';
1476
1479
  const filter = ['enabled:true'];
1477
- cancelablePromise(ApplicationsService.retrieveApplications(accountId, nullProductInstanceId, 0, 100, sort, filter)).then(response => {
1480
+ if (OpenAPI.BASE === 'https://demo-mock-api') {
1478
1481
  setApplicationsError(null);
1479
1482
  setApplicationsLoading(false);
1480
- setApplications(response.applications);
1481
- }).catch(error => setApplicationsError(error));
1483
+ setApplications(getApplicationsMock.applications);
1484
+ } else {
1485
+ cancelablePromise(ApplicationsService.retrieveApplications(accountId, nullProductInstanceId, 0, 100, sort, filter)).then(response => {
1486
+ setApplicationsError(null);
1487
+ setApplicationsLoading(false);
1488
+ setApplications(response.applications);
1489
+ }).catch(error => setApplicationsError(error));
1490
+ }
1482
1491
  };
1483
1492
  const isUUID = s => {
1484
1493
  const uuidRE = /^[0-9a-f]{8}-[0-9a-f]{4}-[1-5][0-9a-f]{3}-[89ab][0-9a-f]{3}-[0-9a-f]{12}$/i;
@@ -1506,18 +1515,6 @@ const DotCoreApiProvider = ({
1506
1515
  };
1507
1516
  const memoizedValues = useMemo(() => DotCoreApiValues, [applications, applicationsError, applicationsLoading]);
1508
1517
  if (apiUrl && OpenAPI.BASE !== apiUrl) {
1509
- if (apiUrl === 'https://demo-mock-api') {
1510
- // configure fetch-mock
1511
- fetchMock.get({
1512
- url: apiUrl + '/licensing/v1/applications/',
1513
- query: {
1514
- start: 0,
1515
- count: 100,
1516
- sort: 'name',
1517
- filter: 'enabled:true'
1518
- }
1519
- }, getApplicationsMock);
1520
- }
1521
1518
  OpenAPI.BASE = apiUrl;
1522
1519
  }
1523
1520
  if (token && OpenAPI.TOKEN !== token) {
@@ -5412,8 +5409,9 @@ const DotInputText = ({
5412
5409
  warning: _warning
5413
5410
  }), void 0);
5414
5411
  };
5415
- return jsxs("div", Object.assign({
5416
- className: className
5412
+ const wrapperClassName = useStylesWithRootClass(_fullWidth !== false ? 'dot-input-text--fullwidth' : '', className);
5413
+ return jsxs(StyledTextFieldContainer, Object.assign({
5414
+ className: wrapperClassName
5417
5415
  }, {
5418
5416
  children: [persistentLabel && jsx(DotInputLabel, Object.assign({}, {
5419
5417
  disabled: _disabled,
package/index.umd.js CHANGED
@@ -1,8 +1,8 @@
1
1
  (function (global, factory) {
2
- typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('react/jsx-runtime'), require('react'), require('@mui/material'), require('styled-components'), require('@mui/material/styles'), require('@mui/styles'), require('fetch-mock'), require('react-dom/server'), require('react-dropzone'), require('react-grid-layout')) :
3
- typeof define === 'function' && define.amd ? define(['exports', 'react/jsx-runtime', 'react', '@mui/material', 'styled-components', '@mui/material/styles', '@mui/styles', 'fetch-mock', 'react-dom/server', 'react-dropzone', 'react-grid-layout'], factory) :
4
- (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global.DotComponents = {}, global.jsxRuntime, global.React, global.MuiCore, global.styled, global.styles, global.styles$1, global.fetchMock, global.server, global.ReactDropzone, global.GridLayout));
5
- })(this, (function (exports, jsxRuntime, React, material, styled, styles, styles$1, fetchMock, server, reactDropzone, GridLayout) { 'use strict';
2
+ typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('react/jsx-runtime'), require('react'), require('@mui/material'), require('styled-components'), require('@mui/material/styles'), require('@mui/styles'), require('react-dom/server'), require('react-dropzone'), require('react-grid-layout')) :
3
+ typeof define === 'function' && define.amd ? define(['exports', 'react/jsx-runtime', 'react', '@mui/material', 'styled-components', '@mui/material/styles', '@mui/styles', 'react-dom/server', 'react-dropzone', 'react-grid-layout'], factory) :
4
+ (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global.DotComponents = {}, global.jsxRuntime, global.React, global.MuiCore, global.styled, global.styles, global.styles$1, global.server, global.ReactDropzone, global.GridLayout));
5
+ })(this, (function (exports, jsxRuntime, React, material, styled, styles, styles$1, server, reactDropzone, GridLayout) { 'use strict';
6
6
 
7
7
  function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
8
8
 
@@ -26,7 +26,6 @@
26
26
 
27
27
  var React__namespace = /*#__PURE__*/_interopNamespace(React);
28
28
  var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
29
- var fetchMock__default = /*#__PURE__*/_interopDefaultLegacy(fetchMock);
30
29
  var GridLayout__default = /*#__PURE__*/_interopDefaultLegacy(GridLayout);
31
30
 
32
31
  /******************************************************************************
@@ -344,15 +343,19 @@
344
343
  var theme = _a.theme;
345
344
  return styled.css(templateObject_2$$ || (templateObject_2$$ = __makeTemplateObject(["\n &.", " {\n transform: none;\n\n &.Mui-disabled .dot-typography {\n color: rgba(0, 0, 0, 0.38);\n }\n\n &.Mui-error .dot-typography {\n color: ", ";\n }\n\n .dot-typography {\n display: inline;\n }\n }\n "], ["\n &.", " {\n transform: none;\n\n &.Mui-disabled .dot-typography {\n color: rgba(0, 0, 0, 0.38);\n }\n\n &.Mui-error .dot-typography {\n color: ", ";\n }\n\n .dot-typography {\n display: inline;\n }\n }\n "])), labelClassName, theme.palette.error.main);
346
345
  });
346
+ var StyledTextFieldContainer = styled__default["default"].div.withConfig({
347
+ displayName: "InputFormFieldsstyles__StyledTextFieldContainer",
348
+ componentId: "sc-1mbn9f0-2"
349
+ })(templateObject_4$7 || (templateObject_4$7 = __makeTemplateObject(["\n &.dot-input-text--fullwidth {\n width: 100%;\n }\n"], ["\n &.dot-input-text--fullwidth {\n width: 100%;\n }\n"])));
347
350
  var StyledTextField = styled__default["default"](material.TextField).withConfig({
348
351
  displayName: "InputFormFieldsstyles__StyledTextField",
349
- componentId: "sc-1mbn9f0-2"
350
- })(templateObject_5$1 || (templateObject_5$1 = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), function (_a) {
352
+ componentId: "sc-1mbn9f0-3"
353
+ })(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), function (_a) {
351
354
  var theme = _a.theme,
352
355
  InputProps = _a.InputProps;
353
- return styled.css(templateObject_4$7 || (templateObject_4$7 = __makeTemplateObject(["\n &.", " {\n .MuiInputBase-root {\n margin-bottom: 0;\n }\n .MuiInputBase-input {\n box-sizing: content-box;\n }\n .MuiOutlinedInput-input {\n padding: ", ";\n }\n .MuiInputBase-inputSizeSmall {\n padding-top: 10.5px;\n padding-bottom: 10.5px;\n\n &:not(textarea) {\n /* padding above and below together is 21px, and total height should be 40px */\n height: 19px;\n }\n }\n .MuiInputBase-inputMultiline {\n padding: 0;\n }\n }\n\n &.", ", &.", " {\n .", " {\n color: ", ";\n\n .dot-icon i {\n margin-top: -2px;\n }\n }\n\n .MuiInputBase-root {\n margin-bottom: 0;\n }\n\n .MuiInputBase-inputSizeSmall:not(textarea) {\n height: 19px;\n padding-top: 10.5px;\n padding-bottom: 10.5px;\n }\n\n select.dot-select {\n padding-left: ", ";\n }\n\n .MuiSelect-select:focus {\n background-color: transparent;\n }\n\n .MuiSelect-icon {\n right: ", ";\n }\n\n &.", " {\n .MuiOutlinedInput-notchedOutline {\n border-color: ", ";\n }\n\n .MuiFormLabel-root.Mui-focused {\n color: ", ";\n }\n\n .", " .dot-icon {\n color: ", ";\n }\n }\n\n &.", " {\n .MuiInputLabel-outlined.MuiInputLabel-shrink {\n color: ", ";\n }\n\n .", " .dot-icon {\n color: ", ";\n }\n }\n\n &.", " {\n .MuiOutlinedInput-notchedOutline {\n border-color: ", ";\n }\n\n .MuiInputLabel-outlined.MuiInputLabel-shrink {\n color: ", ";\n }\n\n .", " .dot-icon {\n color: ", ";\n }\n }\n\n .MuiOutlinedInput-adornedStart {\n padding-left: 12px;\n\n &.", " .", " {\n border-color: ", ";\n }\n }\n\n .MuiInputLabel-outlined.MuiInputLabel-shrink {\n color: ", ";\n }\n\n .MuiInputBase-inputAdornedStart {\n padding-left: 12px;\n }\n .MuiInputBase-inputAdornedEnd {\n padding-right: 12px;\n }\n .MuiFormHelperText-root {\n font-family: ", ";\n font-size: ", "px;\n font-weight: 400;\n margin: ", ";\n display: flex;\n align-items: flex-end;\n\n &:not(.Mui-error) {\n color: ", ";\n }\n\n &.read-only .MuiOutlinedInput-root:hover > fieldset {\n border-color: ", ";\n }\n }\n }\n "], ["\n &.", " {\n .MuiInputBase-root {\n margin-bottom: 0;\n }\n .MuiInputBase-input {\n box-sizing: content-box;\n }\n .MuiOutlinedInput-input {\n padding: ", ";\n }\n .MuiInputBase-inputSizeSmall {\n padding-top: 10.5px;\n padding-bottom: 10.5px;\n\n &:not(textarea) {\n /* padding above and below together is 21px, and total height should be 40px */\n height: 19px;\n }\n }\n .MuiInputBase-inputMultiline {\n padding: 0;\n }\n }\n\n &.", ", &.", " {\n .", " {\n color: ", ";\n\n .dot-icon i {\n margin-top: -2px;\n }\n }\n\n .MuiInputBase-root {\n margin-bottom: 0;\n }\n\n .MuiInputBase-inputSizeSmall:not(textarea) {\n height: 19px;\n padding-top: 10.5px;\n padding-bottom: 10.5px;\n }\n\n select.dot-select {\n padding-left: ", ";\n }\n\n .MuiSelect-select:focus {\n background-color: transparent;\n }\n\n .MuiSelect-icon {\n right: ", ";\n }\n\n &.", " {\n .MuiOutlinedInput-notchedOutline {\n border-color: ", ";\n }\n\n .MuiFormLabel-root.Mui-focused {\n color: ", ";\n }\n\n .", " .dot-icon {\n color: ", ";\n }\n }\n\n &.", " {\n .MuiInputLabel-outlined.MuiInputLabel-shrink {\n color: ", ";\n }\n\n .", " .dot-icon {\n color: ", ";\n }\n }\n\n &.", " {\n .MuiOutlinedInput-notchedOutline {\n border-color: ", ";\n }\n\n .MuiInputLabel-outlined.MuiInputLabel-shrink {\n color: ", ";\n }\n\n .", " .dot-icon {\n color: ", ";\n }\n }\n\n .MuiOutlinedInput-adornedStart {\n padding-left: 12px;\n\n &.", " .", " {\n border-color: ", ";\n }\n }\n\n .MuiInputLabel-outlined.MuiInputLabel-shrink {\n color: ", ";\n }\n\n .MuiInputBase-inputAdornedStart {\n padding-left: 12px;\n }\n .MuiInputBase-inputAdornedEnd {\n padding-right: 12px;\n }\n .MuiFormHelperText-root {\n font-family: ", ";\n font-size: ", "px;\n font-weight: 400;\n margin: ", ";\n display: flex;\n align-items: flex-end;\n\n &:not(.Mui-error) {\n color: ", ";\n }\n\n &.read-only .MuiOutlinedInput-root:hover > fieldset {\n border-color: ", ";\n }\n }\n }\n "])), rootClassName$_, InputProps.startAdornment ? "18px 12px 18px 0px" : "18px 12px", rootSelectClassName, rootClassName$_, adornmentIconClassName, theme.palette.layer.n700, theme.spacing(1.5), InputProps.endAdornment ? "44px" : "12px", successClassName, theme.palette.secondary.main, theme.palette.grey[700], adornmentIconClassName, theme.palette.secondary.main, errorClassName, theme.palette.error.main, adornmentIconClassName, theme.palette.error.main, warningClassName, theme.palette.warning.main, theme.palette.grey[700], adornmentIconClassName, theme.palette.warning.main, warningClassName, fieldsetClassName, theme.palette.warning[500], theme.palette.grey[700], theme.typography.fontFamily, theme.typography.body2.fontSize, theme.spacing(0.5, 0, 0, 1.5), theme.palette.grey[400], theme.palette.layer.n200);
356
+ return styled.css(templateObject_5$1 || (templateObject_5$1 = __makeTemplateObject(["\n &.", " {\n .MuiInputBase-root {\n margin-bottom: 0;\n }\n .MuiInputBase-input {\n box-sizing: content-box;\n }\n .MuiOutlinedInput-input {\n padding: ", ";\n }\n .MuiInputBase-inputSizeSmall {\n padding-top: 10.5px;\n padding-bottom: 10.5px;\n\n &:not(textarea) {\n /* padding above and below together is 21px, and total height should be 40px */\n height: 19px;\n }\n }\n .MuiInputBase-inputMultiline {\n padding: 0;\n }\n }\n\n &.", ", &.", " {\n .", " {\n color: ", ";\n\n .dot-icon i {\n margin-top: -2px;\n }\n }\n\n .MuiInputBase-root {\n margin-bottom: 0;\n }\n\n .MuiInputBase-inputSizeSmall:not(textarea) {\n height: 19px;\n padding-top: 10.5px;\n padding-bottom: 10.5px;\n }\n\n select.dot-select {\n padding-left: ", ";\n }\n\n .MuiSelect-select:focus {\n background-color: transparent;\n }\n\n .MuiSelect-icon {\n right: ", ";\n }\n\n &.", " {\n .MuiOutlinedInput-notchedOutline {\n border-color: ", ";\n }\n\n .MuiFormLabel-root.Mui-focused {\n color: ", ";\n }\n\n .", " .dot-icon {\n color: ", ";\n }\n }\n\n &.", " {\n .MuiInputLabel-outlined.MuiInputLabel-shrink {\n color: ", ";\n }\n\n .", " .dot-icon {\n color: ", ";\n }\n }\n\n &.", " {\n .MuiOutlinedInput-notchedOutline {\n border-color: ", ";\n }\n\n .MuiInputLabel-outlined.MuiInputLabel-shrink {\n color: ", ";\n }\n\n .", " .dot-icon {\n color: ", ";\n }\n }\n\n .MuiOutlinedInput-adornedStart {\n padding-left: 12px;\n\n &.", " .", " {\n border-color: ", ";\n }\n }\n\n .MuiInputLabel-outlined.MuiInputLabel-shrink {\n color: ", ";\n }\n\n .MuiInputBase-inputAdornedStart {\n padding-left: 12px;\n }\n .MuiInputBase-inputAdornedEnd {\n padding-right: 12px;\n }\n .MuiFormHelperText-root {\n font-family: ", ";\n font-size: ", "px;\n font-weight: 400;\n margin: ", ";\n display: flex;\n align-items: flex-end;\n\n &:not(.Mui-error) {\n color: ", ";\n }\n\n &.read-only .MuiOutlinedInput-root:hover > fieldset {\n border-color: ", ";\n }\n }\n }\n "], ["\n &.", " {\n .MuiInputBase-root {\n margin-bottom: 0;\n }\n .MuiInputBase-input {\n box-sizing: content-box;\n }\n .MuiOutlinedInput-input {\n padding: ", ";\n }\n .MuiInputBase-inputSizeSmall {\n padding-top: 10.5px;\n padding-bottom: 10.5px;\n\n &:not(textarea) {\n /* padding above and below together is 21px, and total height should be 40px */\n height: 19px;\n }\n }\n .MuiInputBase-inputMultiline {\n padding: 0;\n }\n }\n\n &.", ", &.", " {\n .", " {\n color: ", ";\n\n .dot-icon i {\n margin-top: -2px;\n }\n }\n\n .MuiInputBase-root {\n margin-bottom: 0;\n }\n\n .MuiInputBase-inputSizeSmall:not(textarea) {\n height: 19px;\n padding-top: 10.5px;\n padding-bottom: 10.5px;\n }\n\n select.dot-select {\n padding-left: ", ";\n }\n\n .MuiSelect-select:focus {\n background-color: transparent;\n }\n\n .MuiSelect-icon {\n right: ", ";\n }\n\n &.", " {\n .MuiOutlinedInput-notchedOutline {\n border-color: ", ";\n }\n\n .MuiFormLabel-root.Mui-focused {\n color: ", ";\n }\n\n .", " .dot-icon {\n color: ", ";\n }\n }\n\n &.", " {\n .MuiInputLabel-outlined.MuiInputLabel-shrink {\n color: ", ";\n }\n\n .", " .dot-icon {\n color: ", ";\n }\n }\n\n &.", " {\n .MuiOutlinedInput-notchedOutline {\n border-color: ", ";\n }\n\n .MuiInputLabel-outlined.MuiInputLabel-shrink {\n color: ", ";\n }\n\n .", " .dot-icon {\n color: ", ";\n }\n }\n\n .MuiOutlinedInput-adornedStart {\n padding-left: 12px;\n\n &.", " .", " {\n border-color: ", ";\n }\n }\n\n .MuiInputLabel-outlined.MuiInputLabel-shrink {\n color: ", ";\n }\n\n .MuiInputBase-inputAdornedStart {\n padding-left: 12px;\n }\n .MuiInputBase-inputAdornedEnd {\n padding-right: 12px;\n }\n .MuiFormHelperText-root {\n font-family: ", ";\n font-size: ", "px;\n font-weight: 400;\n margin: ", ";\n display: flex;\n align-items: flex-end;\n\n &:not(.Mui-error) {\n color: ", ";\n }\n\n &.read-only .MuiOutlinedInput-root:hover > fieldset {\n border-color: ", ";\n }\n }\n }\n "])), rootClassName$_, InputProps.startAdornment ? "18px 12px 18px 0px" : "18px 12px", rootSelectClassName, rootClassName$_, adornmentIconClassName, theme.palette.layer.n700, theme.spacing(1.5), InputProps.endAdornment ? "44px" : "12px", successClassName, theme.palette.secondary.main, theme.palette.grey[700], adornmentIconClassName, theme.palette.secondary.main, errorClassName, theme.palette.error.main, adornmentIconClassName, theme.palette.error.main, warningClassName, theme.palette.warning.main, theme.palette.grey[700], adornmentIconClassName, theme.palette.warning.main, warningClassName, fieldsetClassName, theme.palette.warning[500], theme.palette.grey[700], theme.typography.fontFamily, theme.typography.body2.fontSize, theme.spacing(0.5, 0, 0, 1.5), theme.palette.grey[400], theme.palette.layer.n200);
354
357
  });
355
- var templateObject_1$14, templateObject_2$$, templateObject_3$9, templateObject_4$7, templateObject_5$1;
358
+ var templateObject_1$14, templateObject_2$$, templateObject_3$9, templateObject_4$7, templateObject_5$1, templateObject_6;
356
359
 
357
360
  var rootClassName$Z = 'dot-action-toolbar';
358
361
  var StyledToolbar = styled__default["default"](material.Toolbar).withConfig({
@@ -1652,13 +1655,19 @@
1652
1655
  var nullProductInstanceId = null;
1653
1656
  var sort = 'name';
1654
1657
  var filter = ['enabled:true'];
1655
- cancelablePromise(ApplicationsService.retrieveApplications(accountId, nullProductInstanceId, 0, 100, sort, filter)).then(function (response) {
1658
+ if (OpenAPI.BASE === 'https://demo-mock-api') {
1656
1659
  setApplicationsError(null);
1657
1660
  setApplicationsLoading(false);
1658
- setApplications(response.applications);
1659
- }).catch(function (error) {
1660
- return setApplicationsError(error);
1661
- });
1661
+ setApplications(getApplicationsMock.applications);
1662
+ } else {
1663
+ cancelablePromise(ApplicationsService.retrieveApplications(accountId, nullProductInstanceId, 0, 100, sort, filter)).then(function (response) {
1664
+ setApplicationsError(null);
1665
+ setApplicationsLoading(false);
1666
+ setApplications(response.applications);
1667
+ }).catch(function (error) {
1668
+ return setApplicationsError(error);
1669
+ });
1670
+ }
1662
1671
  };
1663
1672
  var isUUID = function isUUID(s) {
1664
1673
  var uuidRE = /^[0-9a-f]{8}-[0-9a-f]{4}-[1-5][0-9a-f]{3}-[89ab][0-9a-f]{3}-[0-9a-f]{12}$/i;
@@ -1688,18 +1697,6 @@
1688
1697
  return DotCoreApiValues;
1689
1698
  }, [applications, applicationsError, applicationsLoading]);
1690
1699
  if (apiUrl && OpenAPI.BASE !== apiUrl) {
1691
- if (apiUrl === 'https://demo-mock-api') {
1692
- // configure fetch-mock
1693
- fetchMock__default["default"].get({
1694
- url: apiUrl + '/licensing/v1/applications/',
1695
- query: {
1696
- start: 0,
1697
- count: 100,
1698
- sort: 'name',
1699
- filter: 'enabled:true'
1700
- }
1701
- }, getApplicationsMock);
1702
- }
1703
1700
  OpenAPI.BASE = apiUrl;
1704
1701
  }
1705
1702
  if (token && OpenAPI.TOKEN !== token) {
@@ -5861,8 +5858,9 @@
5861
5858
  warning: warning
5862
5859
  }), void 0);
5863
5860
  };
5864
- return jsxRuntime.jsxs("div", __assign({
5865
- className: className
5861
+ var wrapperClassName = useStylesWithRootClass(fullWidth !== false ? 'dot-input-text--fullwidth' : '', className);
5862
+ return jsxRuntime.jsxs(StyledTextFieldContainer, __assign({
5863
+ className: wrapperClassName
5866
5864
  }, {
5867
5865
  children: [persistentLabel && jsxRuntime.jsx(DotInputLabel, __assign({}, {
5868
5866
  disabled: disabled,
@@ -9,4 +9,5 @@ export declare const adornmentIconClassName = "dot-adornment-icon";
9
9
  export declare const fieldsetClassName = "MuiOutlinedInput-notchedOutline";
10
10
  export declare const StyledAdornment: import("styled-components").StyledComponent<import("@mui/material/OverridableComponent").OverridableComponent<import("@mui/material").InputAdornmentTypeMap<{}, "div">>, any, {}, never>;
11
11
  export declare const StyledInputLabel: import("styled-components").StyledComponent<typeof InputLabel, any, {}, never>;
12
+ export declare const StyledTextFieldContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
12
13
  export declare const StyledTextField: import("styled-components").StyledComponent<typeof TextField, any, {}, never>;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@digital-ai/dot-components",
3
- "version": "2.0.4",
3
+ "version": "2.1.0",
4
4
  "private": false,
5
5
  "license": "SEE LICENSE IN <LICENSE.md>",
6
6
  "contributors": [