@imposium-hub/components 2.14.2 → 2.14.3

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 (7) hide show
  1. package/dist/cjs/components/assets/AssetsUploadMenu.js +5 -5
  2. package/dist/esm/components/assets/AssetsUploadMenu.js +5 -5
  3. package/dist/styles.css +3 -3
  4. package/dist/styles.less +4 -3
  5. package/less/components/assets.less +4 -3
  6. package/package.json +1 -1
  7. package/src/components/assets/AssetsUploadMenu.tsx +5 -5
package/dist/cjs/components/assets/AssetsUploadMenu.js CHANGED
@@ -220,7 +220,7 @@ var AssetsUploadMenu = /** @class */ (function (_super) {
220
220
  if (uploading.length === uploads.length) {
221
221
  uploadsListInner = React.createElement("div", { className: 'no-ongoing-uploads' }, copy_1.assets.uploads.noUploads);
222
222
  }
223
- var delimiterSelector = tagByDelimiter && (React.createElement(SelectField_1.default, { width: '35%', options: assets_1.DELIMITER_OPTIONS, value: delimiter, onChange: function (c) {
223
+ var delimiterSelector = tagByDelimiter && (React.createElement(SelectField_1.default, { width: '10%', options: assets_1.DELIMITER_OPTIONS, value: delimiter, onChange: function (c) {
224
224
  _this.uploadsSetting({ delimiter: c });
225
225
  } }));
226
226
  var tagsArray = __spreadArray([], __read(new Set(manualTags)), false);
@@ -248,13 +248,13 @@ var AssetsUploadMenu = /** @class */ (function (_super) {
248
248
  React.createElement("p", { style: { display: this.state.assetOver ? 'block' : 'none' } }, copy_1.assets.dropAsset)),
249
249
  React.createElement("div", { className: 'uploads-menu', style: { width: width }, ref: this.menuRef },
250
250
  React.createElement("div", { className: 'uploads-controls' },
251
- React.createElement(CheckboxField_1.default, { width: '50%', label: copy_1.assets.uploads.autoTagDelimiter, value: tagByDelimiter, onChange: function () {
251
+ React.createElement(CheckboxField_1.default, { width: '10%', label: copy_1.assets.uploads.autoTagDelimiter, value: tagByDelimiter, onChange: function () {
252
252
  return _this.uploadsSetting({ tagByDelimiter: !tagByDelimiter });
253
253
  } }),
254
254
  delimiterSelector,
255
- React.createElement(CheckboxField_1.default, { width: '50%', label: copy_1.assets.uploads.manualTagging, value: tagManually, onChange: function () { return _this.uploadsSetting({ tagManually: !tagManually }); } }),
256
- React.createElement(CheckboxField_1.default, { width: '50%', label: copy_1.assets.uploads.autoTagFilname, value: tagByFileName, onChange: function () { return _this.uploadsSetting({ tagByFileName: !tagByFileName }); } }),
257
- !fromCrM && (React.createElement(CheckboxField_1.default, { width: '50%', label: copy_1.assets.uploads.assignToProjectInput, info: copy_1.assets.uploads.assignToProjectInfo, value: !assignToStory, onChange: function () {
255
+ React.createElement(CheckboxField_1.default, { width: '10%', label: copy_1.assets.uploads.manualTagging, value: tagManually, onChange: function () { return _this.uploadsSetting({ tagManually: !tagManually }); } }),
256
+ React.createElement(CheckboxField_1.default, { width: '10%', label: copy_1.assets.uploads.autoTagFilname, value: tagByFileName, onChange: function () { return _this.uploadsSetting({ tagByFileName: !tagByFileName }); } }),
257
+ !fromCrM && (React.createElement(CheckboxField_1.default, { width: '10%', label: copy_1.assets.uploads.assignToProjectInput, info: copy_1.assets.uploads.assignToProjectInfo, value: !assignToStory, onChange: function () {
258
258
  return _this.uploadsSetting({ assignToStory: !assignToStory });
259
259
  } }))),
260
260
  tagsColumn,
package/dist/esm/components/assets/AssetsUploadMenu.js CHANGED
@@ -125,7 +125,7 @@ class AssetsUploadMenu extends React.PureComponent {
125
125
  if (uploading.length === uploads.length) {
126
126
  uploadsListInner = React.createElement("div", { className: 'no-ongoing-uploads' }, copy.uploads.noUploads);
127
127
  }
128
- const delimiterSelector = tagByDelimiter && (React.createElement(SelectField, { width: '35%', options: DELIMITER_OPTIONS, value: delimiter, onChange: (c) => {
128
+ const delimiterSelector = tagByDelimiter && (React.createElement(SelectField, { width: '10%', options: DELIMITER_OPTIONS, value: delimiter, onChange: (c) => {
129
129
  this.uploadsSetting({ delimiter: c });
130
130
  } }));
131
131
  const tagsArray = [...new Set(manualTags)];
@@ -153,11 +153,11 @@ class AssetsUploadMenu extends React.PureComponent {
153
153
  React.createElement("p", { style: { display: this.state.assetOver ? 'block' : 'none' } }, copy.dropAsset)),
154
154
  React.createElement("div", { className: 'uploads-menu', style: { width }, ref: this.menuRef },
155
155
  React.createElement("div", { className: 'uploads-controls' },
156
- React.createElement(CheckboxField, { width: '50%', label: copy.uploads.autoTagDelimiter, value: tagByDelimiter, onChange: () => this.uploadsSetting({ tagByDelimiter: !tagByDelimiter }) }),
156
+ React.createElement(CheckboxField, { width: '10%', label: copy.uploads.autoTagDelimiter, value: tagByDelimiter, onChange: () => this.uploadsSetting({ tagByDelimiter: !tagByDelimiter }) }),
157
157
  delimiterSelector,
158
- React.createElement(CheckboxField, { width: '50%', label: copy.uploads.manualTagging, value: tagManually, onChange: () => this.uploadsSetting({ tagManually: !tagManually }) }),
159
- React.createElement(CheckboxField, { width: '50%', label: copy.uploads.autoTagFilname, value: tagByFileName, onChange: () => this.uploadsSetting({ tagByFileName: !tagByFileName }) }),
160
- !fromCrM && (React.createElement(CheckboxField, { width: '50%', label: copy.uploads.assignToProjectInput, info: copy.uploads.assignToProjectInfo, value: !assignToStory, onChange: () => this.uploadsSetting({ assignToStory: !assignToStory }) }))),
158
+ React.createElement(CheckboxField, { width: '10%', label: copy.uploads.manualTagging, value: tagManually, onChange: () => this.uploadsSetting({ tagManually: !tagManually }) }),
159
+ React.createElement(CheckboxField, { width: '10%', label: copy.uploads.autoTagFilname, value: tagByFileName, onChange: () => this.uploadsSetting({ tagByFileName: !tagByFileName }) }),
160
+ !fromCrM && (React.createElement(CheckboxField, { width: '10%', label: copy.uploads.assignToProjectInput, info: copy.uploads.assignToProjectInfo, value: !assignToStory, onChange: () => this.uploadsSetting({ assignToStory: !assignToStory }) }))),
161
161
  tagsColumn,
162
162
  React.createElement("div", { className: 'uploads-list' }, uploadsListInner),
163
163
  React.createElement("div", { className: 'uploads-confirm' },
package/dist/styles.css CHANGED
@@ -331,6 +331,9 @@ body a {
331
331
  justify-content: space-between;
332
332
  padding: 5px;
333
333
  }
334
+ .uploads-menu .uploads-controls .form-field {
335
+ min-width: unset !important;
336
+ }
334
337
  .uploads-menu .uploads-list {
335
338
  width: 100%;
336
339
  height: 100%;
@@ -364,9 +367,6 @@ body a {
364
367
  .uploads-menu .form-field {
365
368
  vertical-align: top;
366
369
  }
367
- .uploads-menu .form-field label {
368
- width: 120px;
369
- }
370
370
  .uploads-menu .form-field .form-field-content {
371
371
  width: calc(100% - 120px);
372
372
  }
package/dist/styles.less CHANGED
@@ -376,6 +376,10 @@ body{
376
376
  align-items: center;
377
377
  justify-content: space-between;
378
378
  padding: 5px;
379
+
380
+ .form-field {
381
+ min-width: unset !important;
382
+ }
379
383
  }
380
384
 
381
385
  .uploads-list {
@@ -412,9 +416,6 @@ body{
412
416
 
413
417
  .form-field {
414
418
  vertical-align: top;
415
- label {
416
- width: 120px;
417
- }
418
419
 
419
420
  .form-field-content {
420
421
  width: calc(100% - 120px);
package/less/components/assets.less CHANGED
@@ -130,6 +130,10 @@
130
130
  align-items: center;
131
131
  justify-content: space-between;
132
132
  padding: 5px;
133
+
134
+ .form-field {
135
+ min-width: unset !important;
136
+ }
133
137
  }
134
138
 
135
139
  .uploads-list {
@@ -166,9 +170,6 @@
166
170
 
167
171
  .form-field {
168
172
  vertical-align: top;
169
- label {
170
- width: 120px;
171
- }
172
173
 
173
174
  .form-field-content {
174
175
  width: calc(100% - 120px);
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@imposium-hub/components",
3
- "version": "2.14.2",
3
+ "version": "2.14.3",
4
4
  "description": "React & Typescript component / asset library for Imposium front-ends",
5
5
  "main": "./dist/cjs/index.js",
6
6
  "module": "./dist/esm/index.js",
package/src/components/assets/AssetsUploadMenu.tsx CHANGED
@@ -230,7 +230,7 @@ class AssetsUploadMenu extends React.PureComponent<IAssetsUploadMenuProps, IAsse
230
230
 
231
231
  const delimiterSelector = tagByDelimiter && (
232
232
  <SelectField
233
- width='35%'
233
+ width='10%'
234
234
  options={DELIMITER_OPTIONS}
235
235
  value={delimiter}
236
236
  onChange={(c) => {
@@ -304,7 +304,7 @@ class AssetsUploadMenu extends React.PureComponent<IAssetsUploadMenuProps, IAsse
304
304
  ref={this.menuRef}>
305
305
  <div className='uploads-controls'>
306
306
  <CheckboxField
307
- width='50%'
307
+ width='10%'
308
308
  label={copy.uploads.autoTagDelimiter}
309
309
  value={tagByDelimiter}
310
310
  onChange={() =>
@@ -313,20 +313,20 @@ class AssetsUploadMenu extends React.PureComponent<IAssetsUploadMenuProps, IAsse
313
313
  />
314
314
  {delimiterSelector}
315
315
  <CheckboxField
316
- width='50%'
316
+ width='10%'
317
317
  label={copy.uploads.manualTagging}
318
318
  value={tagManually}
319
319
  onChange={() => this.uploadsSetting({ tagManually: !tagManually })}
320
320
  />
321
321
  <CheckboxField
322
- width='50%'
322
+ width='10%'
323
323
  label={copy.uploads.autoTagFilname}
324
324
  value={tagByFileName}
325
325
  onChange={() => this.uploadsSetting({ tagByFileName: !tagByFileName })}
326
326
  />
327
327
  {!fromCrM && (
328
328
  <CheckboxField
329
- width='50%'
329
+ width='10%'
330
330
  label={copy.uploads.assignToProjectInput}
331
331
  info={copy.uploads.assignToProjectInfo}
332
332
  value={!assignToStory}