@yoobic/yobi 8.5.0-85 → 8.5.0-87

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 (24) hide show
  1. package/dist/cjs/design-system.cjs.js +1 -1
  2. package/dist/cjs/loader.cjs.js +1 -1
  3. package/dist/cjs/yoo-form-autocomplete-dialog.cjs.entry.js +1 -9
  4. package/dist/cjs/yoo-form-autocomplete.cjs.entry.js +6 -3
  5. package/dist/cjs/yoo-form-choice-image.cjs.entry.js +1 -1
  6. package/dist/cjs/yoo-form-todo-mission.cjs.entry.js +1 -1
  7. package/dist/collection/components/form/form-autocomplete/form-autocomplete.js +6 -3
  8. package/dist/collection/components/form/form-autocomplete-dialog/form-autocomplete-dialog.js +19 -9
  9. package/dist/collection/components/form/form-choice/image/form-choice-image.js +1 -1
  10. package/dist/collection/components/form/form-todo-mission/form-todo-mission.js +2 -2
  11. package/dist/design-system/design-system.esm.js +1 -1
  12. package/dist/design-system/yoo-form-autocomplete-dialog.entry.js +1 -9
  13. package/dist/design-system/yoo-form-autocomplete.entry.js +6 -3
  14. package/dist/design-system/yoo-form-choice-image.entry.js +1 -1
  15. package/dist/design-system/yoo-form-todo-mission.entry.js +2 -2
  16. package/dist/esm/design-system.js +1 -1
  17. package/dist/esm/loader.js +1 -1
  18. package/dist/esm/yoo-form-autocomplete-dialog.entry.js +1 -9
  19. package/dist/esm/yoo-form-autocomplete.entry.js +6 -3
  20. package/dist/esm/yoo-form-choice-image.entry.js +1 -1
  21. package/dist/esm/yoo-form-todo-mission.entry.js +2 -2
  22. package/dist/types/components/form/form-autocomplete-dialog/form-autocomplete-dialog.d.ts +1 -1
  23. package/dist/types/components.d.ts +2 -0
  24. package/package.json +1 -1
package/dist/esm/yoo-form-autocomplete-dialog.entry.js CHANGED
@@ -40,9 +40,9 @@ const YooFormAutocompleteDialogComponent = class {
40
40
  this.modalPlacement = 'below';
41
41
  this.values = [];
42
42
  this.infiniteScrollDisabled = false;
43
+ this.initialValueLength = 0;
43
44
  this.fullscreen = false;
44
45
  this.gridIsExpanded = false;
45
- this.initialValueLength = 0;
46
46
  this.dialogTitleMap = {
47
47
  defaults: ['SELECTITEM', 'SELECTITEMS'],
48
48
  tags: ['SELECTTAG', 'SELECTTAGS'],
@@ -80,13 +80,9 @@ const YooFormAutocompleteDialogComponent = class {
80
80
  this.selection = compact([].concat(this.value || []));
81
81
  }
82
82
  onValuesChanged() {
83
- var _a;
84
83
  if (!this.initialLoadComplete) {
85
84
  this.initialLoadComplete = true;
86
85
  }
87
- if (!this.initialValueLength) {
88
- this.initialValueLength = (_a = this.values) === null || _a === void 0 ? void 0 : _a.length;
89
- }
90
86
  }
91
87
  onSwipingUp() {
92
88
  if (!this.isFromFormModal) {
@@ -107,7 +103,6 @@ const YooFormAutocompleteDialogComponent = class {
107
103
  }
108
104
  }
109
105
  componentWillLoad() {
110
- var _a, _b;
111
106
  this.halfDialogHeight = window.innerHeight / 2;
112
107
  if ((!this.isLocal && (!this.values || (this.values && this.values.length === 0))) || isWeb(this.host)) {
113
108
  this.initialLoadComplete = false;
@@ -115,9 +110,6 @@ const YooFormAutocompleteDialogComponent = class {
115
110
  else {
116
111
  this.initialLoadComplete = !(!isWeb(this.host) && this.isLocal && (this.values || this.values.length === 0));
117
112
  }
118
- if (((_a = this.values) === null || _a === void 0 ? void 0 : _a.length) > 0) {
119
- this.initialValueLength = (_b = this.values) === null || _b === void 0 ? void 0 : _b.length;
120
- }
121
113
  if (this.openFullscreen) {
122
114
  this.fullscreen = true;
123
115
  }
package/dist/esm/yoo-form-autocomplete.entry.js CHANGED
@@ -100,6 +100,7 @@ const YooFormAutocompleteComponent = class {
100
100
  this.dialog.infiniteScrollDisabled = this.infiniteScrollDisabled;
101
101
  this.dialog.value = this.value;
102
102
  this.dialog.values = this.isLocal ? (this.storeLocalSearchValue !== undefined ? this.storeLocalValues : this.localValues) : this.values;
103
+ this.dialog.initialValueLength = this.initialValueLength;
103
104
  this.dialog.style.width = isWeb(this.host) ? this.dialogWidth || `${this.host.getBoundingClientRect().width}px` : undefined;
104
105
  this.dialog.addEventListener('currentPageChanged', (ev) => {
105
106
  ev.stopPropagation();
@@ -224,6 +225,7 @@ const YooFormAutocompleteComponent = class {
224
225
  }
225
226
  if (this.dialog) {
226
227
  this.dialog.values = this.dialog.isLoading && this.isLocal ? this.localValues : values;
228
+ this.dialog.initialValueLength = this.initialValueLength;
227
229
  this.dialog.isLoading = false;
228
230
  this.dialog.total = this.total;
229
231
  const localDialogSearchValue = await ((_f = this.dialog) === null || _f === void 0 ? void 0 : _f.getLocalSearchValue());
@@ -549,14 +551,15 @@ const YooFormAutocompleteComponent = class {
549
551
  else {
550
552
  this.infiniteScrollDisabled = hasReachedMaxItem;
551
553
  }
554
+ if (!this.initialValueLength) {
555
+ this.initialValueLength = (_b = this.values) === null || _b === void 0 ? void 0 : _b.length;
556
+ }
552
557
  if (this.dialog) {
553
558
  this.dialog.values = this.values;
559
+ this.dialog.initialValueLength = this.initialValueLength;
554
560
  this.dialog.infiniteScrollDisabled = this.infiniteScrollDisabled;
555
561
  this.dialog.isLoading = false;
556
562
  }
557
- if (!this.initialValueLength) {
558
- this.initialValueLength = (_b = this.values) === null || _b === void 0 ? void 0 : _b.length;
559
- }
560
563
  return this.values;
561
564
  }
562
565
  onFetchFieldFilterData(ev) {
package/dist/esm/yoo-form-choice-image.entry.js CHANGED
@@ -54,7 +54,7 @@ const YooFormChoiceImageComponent = class {
54
54
  const readonly = this.readonly || this.isPdf;
55
55
  const noValidation = !((_a = this.answer) === null || _a === void 0 ? void 0 : _a.length);
56
56
  const isCorrect = this.answer.includes(item);
57
- const onOpenImage = () => showSlidesMedia(this.host, { items: this.values.map(({ image }) => ({ value: image })), currentSlideIndex: index, showBottomContainer: false });
57
+ const onOpenImage = () => showSlidesMedia(this.host, { items: this.choices.map(({ image }) => ({ value: image })), currentSlideIndex: index, showBottomContainer: false });
58
58
  return (h("div", { class: "image-container", onClick: () => this.isHistory && onOpenImage(), style: this.animated ? { '--image-index': index.toString() } : {} }, h("div", { class: { content: true, 'correct-answer': this.readonly && isCorrect && !noValidation, 'wrong-answer': this.readonly && !isCorrect && !noValidation } }, h("yoo-img", { cloudinaryOptions: { pad: true }, scaledUp: this.isPdf, src: image, onClick: () => !readonly && onItemSelect(item, this) }), !readonly && [
59
59
  h("yoo-form-checkbox", { value: isSelected(item, this.selection), onClick: () => onItemSelect(item, this), animated: this.animated }),
60
60
  h("yoo-tag", { color: "dark-60", icon: "maximize", iconOnlyColor: "light", size: "small", onClick: () => onOpenImage() })
package/dist/esm/yoo-form-todo-mission.entry.js CHANGED
@@ -3,7 +3,7 @@ import { _ as IUser } from './index-4bbbf966.js';
3
3
  import './index-0ac910d3.js';
4
4
  import { J as pick, n as compact, a4 as lowerFirst, c as cloneDeep } from './lodash-777f91de.js';
5
5
  import { g as getAppContext } from './common-helpers-f82ab606.js';
6
- import { t as translate, cX as isDateSame, cU as isToday, cV as fromToday, V as isDateAfter, Q as getCssColor, ao as dateFormat, ac as getUserDisplayName, H as isWeb, co as showActionSheet } from './index-878ac7cb.js';
6
+ import { t as translate, cX as isDateSame, cU as isToday, cV as fromToday, V as isDateAfter, Q as getCssColor, ao as dateFormat, ac as getUserDisplayName, H as isWeb, co as showActionSheet, a3 as translateMulti } from './index-878ac7cb.js';
7
7
  import './_commonjsHelpers-f4d11124.js';
8
8
 
9
9
  const formTodoMissionCss = "svg:not(:root){overflow:hidden}:host{display:block}:host .outer-container{position:relative}:host .outer-container .title{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;margin-bottom:var(--spacing-16, 1rem);font-weight:bold;text-transform:uppercase}:host .outer-container .title yoo-icon{margin-right:var(--spacing-08, 0.5rem)}:host .outer-container .container{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;margin-bottom:var(--spacing-24, 1.5rem);border-radius:var(--spacing-08, 0.5rem)}:host .outer-container .container #task-container{margin:var(--spacing-08, 0.5rem)}:host .outer-container .container #task-container #previous{display:-ms-flexbox;display:flex}:host .outer-container .container #task-container #previous menu-left{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;padding:var(--spacing-08, 0.5rem) var(--spacing-08, 0.5rem) 0 var(--spacing-08, 0.5rem)}:host .outer-container .container #task-container #previous menu-left .border{width:100%;height:0;border-top:var(--border-width-01, 0.0625rem) solid var(--stable-light, #f1f1f1);width:var(--spacing-02, 0.125rem);height:100%;margin-bottom:var(--spacing-04, 0.25rem);background-color:var(--app-color, #5a30f4)}:host .outer-container .container #task-container #previous menu-right yoo-form-input-container{font-weight:var(--font-weight-700, 700);font-size:var(--font-size-16, 1rem)}:host .outer-container .container #task-container #previous menu-right yoo-form-text-area{font-weight:var(--font-weight-400, 400);font-size:var(--font-size-16, 1rem)}:host .outer-container .container #task-container .linked-task{margin:var(--spacing-08, 0.5rem) 0 var(--spacing-08, 0.5rem) var(--spacing-16, 1rem);color:var(--dark-40, rgba(0, 0, 0, 0.4));font-size:var(--font-size-12, 0.75rem)}:host .outer-container .container #task-container .task{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;padding:var(--spacing-08, 0.5rem)}:host .outer-container .container #task-container .task header{display:-ms-flexbox;display:flex}:host .outer-container .container #task-container .task header task-details{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}:host .outer-container .container #task-container .task header task-details .task-title{margin:0;padding:0 0 0 var(--spacing-08, 0.5rem);font-weight:var(--font-weight-700, 700);font-size:var(--font-size-16, 1rem)}:host .outer-container .container #task-container .task header task-details .user{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;margin:0;padding:var(--spacing-08, 0.5rem) 0 0 var(--spacing-08, 0.5rem)}:host .outer-container .container #task-container .task header task-details .user yoo-avatar{padding-right:var(--spacing-04, 0.25rem)}:host .outer-container .container #task-container .task header task-details .user p{margin:0;font-weight:normal;font-size:var(--font-size-12, 0.75rem)}:host .outer-container .container #task-container .task header task-details yoo-tag{padding:var(--spacing-08, 0.5rem) 0 0 var(--spacing-08, 0.5rem)}:host .outer-container .container #task-container .task header yoo-button{position:absolute;margin:0}:host .outer-container .container #task-container .task header yoo-button:not(.rtl){right:var(--spacing-16, 1rem)}:host .outer-container .container #task-container .task header yoo-button.rtl{left:var(--spacing-16, 1rem)}:host .outer-container .container #task-container .task additionnal-fields{padding-top:var(--spacing-08, 0.5rem)}:host .outer-container .container #task-container .task additionnal-fields #comments{padding-top:var(--spacing-08, 0.5rem)}:host .outer-container .container #task-container .task additionnal-fields #comments comments-header{display:-ms-flexbox;display:flex}:host .outer-container .container #task-container .task additionnal-fields #comments comments-header .comments-title{margin:0;font-size:var(--font-size-12, 0.75rem)}:host .outer-container .container #task-container .task additionnal-fields #comments comments-header .comments-optional{margin:0;padding-left:var(--spacing-08, 0.5rem);color:var(--stable, #adadad);font-size:var(--font-size-12, 0.75rem)}:host .outer-container .container #task-container .task additionnal-fields #comments yoo-form-text-area{font-size:var(--font-size-16, 1rem)}:host .outer-container .container #task-container .task additionnal-fields #comments[editModeComments] comments-header{padding-bottom:var(--spacing-08, 0.5rem)}:host .outer-container .container #task-container .task additionnal-fields #photo{padding-top:var(--spacing-08, 0.5rem)}:host .outer-container .container #task-container .task additionnal-fields #photo photo-header{display:-ms-flexbox;display:flex}:host .outer-container .container #task-container .task additionnal-fields #photo photo-header .photo-title{margin:0;font-size:var(--font-size-12, 0.75rem)}:host .outer-container .container #task-container .task additionnal-fields #photo photo-header .photo-optional{margin:0;padding-left:var(--spacing-08, 0.5rem);color:var(--stable, #adadad);font-size:var(--font-size-12, 0.75rem)}:host .outer-container .container #task-container .task additionnal-fields #photo photo-header[withComments]{padding-top:var(--spacing-08, 0.5rem)}:host .outer-container .container #task-container .task additionnal-fields #photo[editModePhoto] photo-header{padding-bottom:var(--spacing-08, 0.5rem)}:host .outer-container .container yoo-button{margin:0 var(--spacing-08, 0.5rem) var(--spacing-08, 0.5rem) var(--spacing-08, 0.5rem)}:host .outer-container .container yoo-button p{color:var(--app-color, #5a30f4)}:host .outer-container .container[status=finished]{background:var(--success-10, rgba(58, 167, 109, 0.1))}:host .outer-container .container[status=unable-to-complete]{background:var(--danger-10, rgba(212, 67, 51, 0.1))}:host .outer-container .container[status=unmarked]{background:var(--stable-10, rgba(173, 173, 173, 0.1))}:host .outer-container .container[status=unmarked] #task-container{background:var(--light, #ffffff);border:solid var(--border-width-01, 0.0625rem) var(--stable-alt, #d0d0d0);border-radius:var(--border-radius-08, 0.5rem)}:host([readonly]) .outer-container .title{margin-top:var(--spacing-04, 0.25rem)}:host([readonly]) .outer-container .container .task{padding:var(--spacing-08, 0.5rem)}:host([readonly]) .outer-container .container .task line{height:0.0625rem;margin-top:var(--spacing-16, 1rem)}:host([readonly]) .outer-container .container[status=finished] .task line{background-color:var(--success-20, rgba(58, 167, 109, 0.2))}:host([readonly]) .outer-container .container[status=unable-to-complete] .task line{background-color:var(--danger-20, rgba(212, 67, 51, 0.2))}:host([readonly]) .outer-container .container[status=unmarked] .task line{background-color:var(--stable-20, rgba(173, 173, 173, 0.2))}:host(.web) .outer-container .container yoo-button.assign{max-width:11.25rem}:host(.web) .outer-container .container yoo-button.assign p{font-size:var(--font-size-14, 0.875rem)}@media print{:host .outer-container .title{page-break-after:avoid}:host .outer-container .container{page-break-inside:avoid}}:host(.modal-view){max-height:65%}:host(.rtl) .outer-container .container #task-container .task header task-details .task-title{padding:0 var(--spacing-08, 0.5rem) 0 0}";
@@ -289,7 +289,7 @@ const YooFormTodoMissionComponent = class {
289
289
  var _a, _b, _c, _d, _e, _f;
290
290
  const dueDate = (_a = task.duedate) === null || _a === void 0 ? void 0 : _a.value;
291
291
  const status = this.updateTaskStatus(task, index);
292
- return (h("main", { class: "container", ...{ status } }, h("section", { id: "task-container" }, this.renderLinkedField(task), task.field && h("p", { class: "linked-task" }, translate('YOOBICLINKEDTASK')), h("div", { class: "task" }, h("header", null, this.renderIcon(task, index), h("task-details", null, h("p", { class: "task-title" }, (_b = task.text) === null || _b === void 0 ? void 0 : _b.value), this.renderUser(task), this.renderDuedateTag(dueDate), status === 'unable-to-complete' && (h("yoo-tag", { color: "danger", size: "small" }, translate('YOOBICMARKEDASUNABLETOCOMPLETE')))), !this.completed && this.renderPlusButton(task, index)), this.readonly && (task.userComments || (((_c = task.hasphoto) === null || _c === void 0 ? void 0 : _c.value) && task.imageData)) && h("line", null), (((_d = task.isphotorequired) === null || _d === void 0 ? void 0 : _d.value) || ((_e = task.showPhotos) === null || _e === void 0 ? void 0 : _e.value) || ((_f = task.showComments) === null || _f === void 0 ? void 0 : _f.value)) && (h("additionnal-fields", null, this.renderCommentsField(task, index, task.userComments), this.renderPhotoField(task, index))))), status === 'unmarked' && !this.completed && this.renderAssignButton(task, index)));
292
+ return (h("main", { class: "container", ...{ status } }, h("section", { id: "task-container" }, this.renderLinkedField(task), task.field && h("p", { class: "linked-task" }, translate('YOOBICLINKEDTASK')), h("div", { class: "task" }, h("header", null, this.renderIcon(task, index), h("task-details", null, h("p", { class: "task-title" }, translateMulti((_b = task.text) === null || _b === void 0 ? void 0 : _b.value)), this.renderUser(task), this.renderDuedateTag(dueDate), status === 'unable-to-complete' && (h("yoo-tag", { color: "danger", size: "small" }, translate('YOOBICMARKEDASUNABLETOCOMPLETE')))), !this.completed && this.renderPlusButton(task, index)), this.readonly && (task.userComments || (((_c = task.hasphoto) === null || _c === void 0 ? void 0 : _c.value) && task.imageData)) && h("line", null), (((_d = task.isphotorequired) === null || _d === void 0 ? void 0 : _d.value) || ((_e = task.showPhotos) === null || _e === void 0 ? void 0 : _e.value) || ((_f = task.showComments) === null || _f === void 0 ? void 0 : _f.value)) && (h("additionnal-fields", null, this.renderCommentsField(task, index, task.userComments), this.renderPhotoField(task, index))))), status === 'unmarked' && !this.completed && this.renderAssignButton(task, index)));
293
293
  }))));
294
294
  }
295
295
  get host() { return getElement(this); }
package/dist/types/components/form/form-autocomplete-dialog/form-autocomplete-dialog.d.ts CHANGED
@@ -52,6 +52,7 @@ export declare class YooFormAutocompleteDialogComponent {
52
52
  values: any[];
53
53
  infiniteScrollDisabled?: boolean;
54
54
  value: any;
55
+ initialValueLength?: number;
55
56
  fetchData: EventEmitter<IGridSearch>;
56
57
  fetchFieldFilterData: EventEmitter<IFormSearch>;
57
58
  sortsAndFiltersChange: EventEmitter<ISortsAndFilters>;
@@ -74,7 +75,6 @@ export declare class YooFormAutocompleteDialogComponent {
74
75
  private refresher;
75
76
  private halfDialogHeight;
76
77
  private wasFullScreenWhenDragginStarted;
77
- private initialValueLength;
78
78
  private dialogTitleMap;
79
79
  get fullScrollHeight(): number;
80
80
  private keyboardWillShowListener;
package/dist/types/components.d.ts CHANGED
@@ -1907,6 +1907,7 @@ export namespace Components {
1907
1907
  "idOnly": boolean;
1908
1908
  "idOnlyInitialSelection"?: any[];
1909
1909
  "infiniteScrollDisabled"?: boolean;
1910
+ "initialValueLength"?: number;
1910
1911
  "isFilter": boolean;
1911
1912
  "isLoading": boolean;
1912
1913
  "isLocal": boolean;
@@ -12729,6 +12730,7 @@ declare namespace LocalJSX {
12729
12730
  "idOnly"?: boolean;
12730
12731
  "idOnlyInitialSelection"?: any[];
12731
12732
  "infiniteScrollDisabled"?: boolean;
12733
+ "initialValueLength"?: number;
12732
12734
  "isFilter"?: boolean;
12733
12735
  "isLoading"?: boolean;
12734
12736
  "isLocal"?: boolean;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@yoobic/yobi",
3
- "version": "8.5.0-85",
3
+ "version": "8.5.0-87",
4
4
  "description": "Yobi - Yoobic Design System",
5
5
  "module": "dist/index.js",
6
6
  "main": "dist/index.cjs.js",