@zohodesk/dot 1.0.0-temp-80 → 1.0.0-temp-83

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 (15) hide show
  1. package/README.md +4 -0
  2. package/assets/Appearance/pureDark/themes/blue/bluePureDarkDotTheme.module.css +2 -2
  3. package/assets/Appearance/pureDark/themes/green/greenPureDarkDotTheme.module.css +2 -2
  4. package/assets/Appearance/pureDark/themes/orange/orangePureDarkDotTheme.module.css +2 -2
  5. package/assets/Appearance/pureDark/themes/red/redPureDarkDotTheme.module.css +2 -2
  6. package/assets/Appearance/pureDark/themes/yellow/yellowPureDarkDotTheme.module.css +2 -2
  7. package/es/AttachmentViewer/AttachmentImage.js +5 -1
  8. package/es/AttachmentViewer/AttachmentViewer.js +3 -2
  9. package/es/AttachmentViewer/AttachmentViewer.module.css +9 -1
  10. package/es/Provider.js +6 -6
  11. package/lib/AttachmentViewer/AttachmentImage.js +5 -1
  12. package/lib/AttachmentViewer/AttachmentViewer.js +3 -2
  13. package/lib/AttachmentViewer/AttachmentViewer.module.css +9 -1
  14. package/lib/Provider.js +12 -7
  15. package/package.json +5 -5
package/README.md CHANGED
@@ -2,6 +2,10 @@
2
2
 
3
3
  In this Library, we Provide Some Basic Components to Build Your Application
4
4
 
5
+ # 1.0.0-beta.226
6
+
7
+ - Attachment Viewer Footer Scroll Ui Fix, dataId fix
8
+
5
9
  # 1.0.0-beta.225
6
10
 
7
11
  - ToggleDropDown, DepartmentDropDown, StatusDropdown search empty text change (Oops to No results found)
package/assets/Appearance/pureDark/themes/blue/bluePureDarkDotTheme.module.css CHANGED
@@ -9,8 +9,8 @@
9
9
  --zdt_commonEmptyState_dark_link_hover: #2469ff;
10
10
 
11
11
  /* attachment viewer */
12
- --zdt_attachmentviewer_header_bg: #101010;
12
+ --zdt_attachmentviewer_header_bg: #171717;
13
13
  --zdt_attachmentviewer_header_border: #161515;
14
- --zdt_attachmentviewer_footer_bg: #101010;
14
+ --zdt_attachmentviewer_footer_bg: #171717;
15
15
  --zdt_attachmentviewer_arrow_bg_hover: rgb(16 16 16 / 40%);
16
16
  }
package/assets/Appearance/pureDark/themes/green/greenPureDarkDotTheme.module.css CHANGED
@@ -9,8 +9,8 @@
9
9
  --zdt_commonEmptyState_dark_link_hover: #0e7c1c;
10
10
 
11
11
  /* attachment viewer */
12
- --zdt_attachmentviewer_header_bg: #101010;
12
+ --zdt_attachmentviewer_header_bg: #171717;
13
13
  --zdt_attachmentviewer_header_border: #161515;
14
- --zdt_attachmentviewer_footer_bg: #101010;
14
+ --zdt_attachmentviewer_footer_bg: #171717;
15
15
  --zdt_attachmentviewer_arrow_bg_hover: rgb(16 16 16 / 40%);
16
16
  }
package/assets/Appearance/pureDark/themes/orange/orangePureDarkDotTheme.module.css CHANGED
@@ -9,8 +9,8 @@
9
9
  --zdt_commonEmptyState_dark_link_hover: #a85100;
10
10
 
11
11
  /* attachment viewer */
12
- --zdt_attachmentviewer_header_bg: #101010;
12
+ --zdt_attachmentviewer_header_bg: #171717;
13
13
  --zdt_attachmentviewer_header_border: #161515;
14
- --zdt_attachmentviewer_footer_bg: #101010;
14
+ --zdt_attachmentviewer_footer_bg: #171717;
15
15
  --zdt_attachmentviewer_arrow_bg_hover: rgb(16 16 16 / 40%);
16
16
  }
package/assets/Appearance/pureDark/themes/red/redPureDarkDotTheme.module.css CHANGED
@@ -9,8 +9,8 @@
9
9
  --zdt_commonEmptyState_dark_link_hover: #a81111;
10
10
 
11
11
  /* attachment viewer */
12
- --zdt_attachmentviewer_header_bg: #101010;
12
+ --zdt_attachmentviewer_header_bg: #171717;
13
13
  --zdt_attachmentviewer_header_border: #161515;
14
- --zdt_attachmentviewer_footer_bg: #101010;
14
+ --zdt_attachmentviewer_footer_bg: #171717;
15
15
  --zdt_attachmentviewer_arrow_bg_hover: rgb(16 16 16 / 40%);
16
16
  }
package/assets/Appearance/pureDark/themes/yellow/yellowPureDarkDotTheme.module.css CHANGED
@@ -9,8 +9,8 @@
9
9
  --zdt_commonEmptyState_dark_link_hover: #9b6808;
10
10
 
11
11
  /* attachment viewer */
12
- --zdt_attachmentviewer_header_bg: #101010;
12
+ --zdt_attachmentviewer_header_bg: #171717;
13
13
  --zdt_attachmentviewer_header_border: #161515;
14
- --zdt_attachmentviewer_footer_bg: #101010;
14
+ --zdt_attachmentviewer_footer_bg: #171717;
15
15
  --zdt_attachmentviewer_arrow_bg_hover: rgb(16 16 16 / 40%);
16
16
  }
package/es/AttachmentViewer/AttachmentImage.js CHANGED
@@ -56,7 +56,8 @@ export default class AttachmentImage extends Component {
56
56
  isLoading
57
57
  } = this.state;
58
58
  return /*#__PURE__*/React.createElement(React.Fragment, null, isLoading ? /*#__PURE__*/React.createElement("div", {
59
- className: `${style.spinLoad}`
59
+ className: `${style.spinLoad}`,
60
+ "data-id": `${dataId}_loader`
60
61
  }, /*#__PURE__*/React.createElement("div", {
61
62
  className: style.loader
62
63
  })) : null, /*#__PURE__*/React.createElement(Image, {
@@ -82,4 +83,7 @@ AttachmentImage.propTypes = {
82
83
  onClick: PropTypes.func,
83
84
  onLoad: PropTypes.func,
84
85
  src: PropTypes.string
86
+ };
87
+ AttachmentImage.defaultProps = {
88
+ dataId: 'AttachmentImage'
85
89
  };
package/es/AttachmentViewer/AttachmentViewer.js CHANGED
@@ -275,7 +275,7 @@ export default class AttachmentViewer extends Component {
275
275
  _this.zoomIn(e, i, true);
276
276
  },
277
277
  alt: "Preview",
278
- dataId: "attachViewed",
278
+ dataId: "attachViewer",
279
279
  id: `img${i}`,
280
280
  isImage: true,
281
281
  isCover: false
@@ -509,7 +509,8 @@ export default class AttachmentViewer extends Component {
509
509
  size: "small",
510
510
  alt: name,
511
511
  className: style.image,
512
- isImage: !isAudio
512
+ isImage: !isAudio,
513
+ dataId: "AttachmentImage"
513
514
  }));
514
515
  }))))), totalLen !== 1 && /*#__PURE__*/React.createElement(IconButton, {
515
516
  dataId: "attachToggle",
package/es/AttachmentViewer/AttachmentViewer.module.css CHANGED
@@ -128,7 +128,15 @@
128
128
  width: 100%;
129
129
  overflow: hidden;
130
130
  transition: height var(--zd_transition3);
131
- background-color: var(--zdt_attachmentviewer_footer_bg);
131
+ background-color: var(--zdt_attachmentviewer_footer_bg)
132
+ }
133
+
134
+ [dir=ltr] .footer {
135
+ padding-right:var(--zd_size68)
136
+ }
137
+
138
+ [dir=rtl] .footer {
139
+ padding-left:var(--zd_size68)
132
140
  }
133
141
 
134
142
  .footerHeight {
package/es/Provider.js CHANGED
@@ -87,13 +87,13 @@ import '../assets/Appearance/dark/themes/red/redDarkDotTheme.module.css';
87
87
  import '../assets/Appearance/dark/themes/yellow/yellowDarkDotTheme.module.css';
88
88
  import '../assets/Appearance/dark/mode/dotDarkMode.module.css';
89
89
  /* dot pkg - pure dark mode & themes */
90
- // import '../assets/Appearance/dark/themes/blue/blueDarkDotTheme.module.css';
91
- // import '../assets/Appearance/dark/themes/green/greenDarkDotTheme.module.css';
92
- // import '../assets/Appearance/dark/themes/orange/orangeDarkDotTheme.module.css';
93
- // import '../assets/Appearance/dark/themes/red/redDarkDotTheme.module.css';
94
- // import '../assets/Appearance/dark/themes/yellow/yellowDarkDotTheme.module.css';
95
- // import '../assets/Appearance/dark/mode/dotDarkMode.module.css';
96
90
 
91
+ import '../assets/Appearance/pureDark/themes/blue/bluePureDarkDotTheme.module.css';
92
+ import '../assets/Appearance/pureDark/themes/green/greenPureDarkDotTheme.module.css';
93
+ import '../assets/Appearance/pureDark/themes/orange/orangePureDarkDotTheme.module.css';
94
+ import '../assets/Appearance/pureDark/themes/red/redPureDarkDotTheme.module.css';
95
+ import '../assets/Appearance/pureDark/themes/yellow/yellowPureDarkDotTheme.module.css';
96
+ import '../assets/Appearance/pureDark/mode/dotPureDarkMode.module.css';
97
97
  datetime.tz.set({
98
98
  timezone: 'Asia/Kolkata',
99
99
  _packed: '-5R.s -5R.k -5l.a -5u -6u|01234343|-4Fg5R.s BKo0.8 1rDcw.a 1r2LP.a 1un0 HB0 7zX0|15e6',
package/lib/AttachmentViewer/AttachmentImage.js CHANGED
@@ -96,7 +96,8 @@ var AttachmentImage = /*#__PURE__*/function (_Component) {
96
96
  isCover = _this$props.isCover;
97
97
  var isLoading = this.state.isLoading;
98
98
  return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, isLoading ? /*#__PURE__*/_react["default"].createElement("div", {
99
- className: "".concat(_AttachmentViewerModule["default"].spinLoad)
99
+ className: "".concat(_AttachmentViewerModule["default"].spinLoad),
100
+ "data-id": "".concat(dataId, "_loader")
100
101
  }, /*#__PURE__*/_react["default"].createElement("div", {
101
102
  className: _AttachmentViewerModule["default"].loader
102
103
  })) : null, /*#__PURE__*/_react["default"].createElement(_Image["default"], {
@@ -126,4 +127,7 @@ AttachmentImage.propTypes = {
126
127
  onClick: _propTypes["default"].func,
127
128
  onLoad: _propTypes["default"].func,
128
129
  src: _propTypes["default"].string
130
+ };
131
+ AttachmentImage.defaultProps = {
132
+ dataId: 'AttachmentImage'
129
133
  };
package/lib/AttachmentViewer/AttachmentViewer.js CHANGED
@@ -351,7 +351,7 @@ var AttachmentViewer = /*#__PURE__*/function (_Component) {
351
351
  _this4.zoomIn(e, i, true);
352
352
  },
353
353
  alt: "Preview",
354
- dataId: "attachViewed",
354
+ dataId: "attachViewer",
355
355
  id: "img".concat(i),
356
356
  isImage: true,
357
357
  isCover: false
@@ -588,7 +588,8 @@ var AttachmentViewer = /*#__PURE__*/function (_Component) {
588
588
  size: "small",
589
589
  alt: name,
590
590
  className: _AttachmentViewerModule["default"].image,
591
- isImage: !isAudio
591
+ isImage: !isAudio,
592
+ dataId: "AttachmentImage"
592
593
  }));
593
594
  }))))), totalLen !== 1 && /*#__PURE__*/_react["default"].createElement(_IconButton["default"], {
594
595
  dataId: "attachToggle",
package/lib/AttachmentViewer/AttachmentViewer.module.css CHANGED
@@ -128,7 +128,15 @@
128
128
  width: 100%;
129
129
  overflow: hidden;
130
130
  transition: height var(--zd_transition3);
131
- background-color: var(--zdt_attachmentviewer_footer_bg);
131
+ background-color: var(--zdt_attachmentviewer_footer_bg)
132
+ }
133
+
134
+ [dir=ltr] .footer {
135
+ padding-right:var(--zd_size68)
136
+ }
137
+
138
+ [dir=rtl] .footer {
139
+ padding-left:var(--zd_size68)
132
140
  }
133
141
 
134
142
  .footerHeight {
package/lib/Provider.js CHANGED
@@ -151,6 +151,18 @@ require("../assets/Appearance/dark/themes/yellow/yellowDarkDotTheme.module.css")
151
151
 
152
152
  require("../assets/Appearance/dark/mode/dotDarkMode.module.css");
153
153
 
154
+ require("../assets/Appearance/pureDark/themes/blue/bluePureDarkDotTheme.module.css");
155
+
156
+ require("../assets/Appearance/pureDark/themes/green/greenPureDarkDotTheme.module.css");
157
+
158
+ require("../assets/Appearance/pureDark/themes/orange/orangePureDarkDotTheme.module.css");
159
+
160
+ require("../assets/Appearance/pureDark/themes/red/redPureDarkDotTheme.module.css");
161
+
162
+ require("../assets/Appearance/pureDark/themes/yellow/yellowPureDarkDotTheme.module.css");
163
+
164
+ require("../assets/Appearance/pureDark/mode/dotPureDarkMode.module.css");
165
+
154
166
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
155
167
 
156
168
  function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
@@ -173,13 +185,6 @@ function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Re
173
185
 
174
186
  function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
175
187
 
176
- /* dot pkg - pure dark mode & themes */
177
- // import '../assets/Appearance/dark/themes/blue/blueDarkDotTheme.module.css';
178
- // import '../assets/Appearance/dark/themes/green/greenDarkDotTheme.module.css';
179
- // import '../assets/Appearance/dark/themes/orange/orangeDarkDotTheme.module.css';
180
- // import '../assets/Appearance/dark/themes/red/redDarkDotTheme.module.css';
181
- // import '../assets/Appearance/dark/themes/yellow/yellowDarkDotTheme.module.css';
182
- // import '../assets/Appearance/dark/mode/dotDarkMode.module.css';
183
188
  _datetimejs["default"].tz.set({
184
189
  timezone: 'Asia/Kolkata',
185
190
  _packed: '-5R.s -5R.k -5l.a -5u -6u|01234343|-4Fg5R.s BKo0.8 1rDcw.a 1r2LP.a 1un0 HB0 7zX0|15e6',
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@zohodesk/dot",
3
- "version": "1.0.0-temp-80",
3
+ "version": "1.0.0-temp-83",
4
4
  "main": "lib/index",
5
5
  "module": "es/index.js",
6
6
  "jsnext:main": "es/index.js",
@@ -35,9 +35,9 @@
35
35
  "velocity-react": "1.4.3",
36
36
  "@zohodesk/variables": "1.0.0-beta.29",
37
37
  "@zohodesk/i18n": "1.0.0-beta.7",
38
- "@zohodesk/components": "1.0.0-alpha-237",
38
+ "@zohodesk/components": "1.0.0-temp-67",
39
39
  "@zohodesk/icons": "1.0.0-beta.101",
40
- "@zohodesk/svg": "1.0.0-beta.44",
40
+ "@zohodesk/svg": "1.0.0-temp.43",
41
41
  "@zohodesk/virtualizer": "1.0.3",
42
42
  "react-sortable-hoc": "^0.8.3"
43
43
  },
@@ -45,9 +45,9 @@
45
45
  "velocity-react": "1.4.3",
46
46
  "@zohodesk/variables": "1.0.0-beta.29",
47
47
  "@zohodesk/i18n": "1.0.0-beta.7",
48
- "@zohodesk/components": "1.0.0-alpha-237",
48
+ "@zohodesk/components": "1.0.0-temp-67",
49
49
  "@zohodesk/icons": "1.0.0-beta.101",
50
- "@zohodesk/svg": "1.0.0-beta.44"
50
+ "@zohodesk/svg": "1.0.0-temp.43"
51
51
  },
52
52
  "react-cli": {
53
53
  "preprocessor": {