@webitel/ui-sdk 3.2.168 → 3.2.170

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/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@webitel/ui-sdk",
3
- "version": "3.2.168",
3
+ "version": "3.2.170",
4
4
  "private": false,
5
5
  "scripts": {
6
6
  "serve-lib": "vue-cli-service serve",
@@ -17,6 +17,8 @@
17
17
  class="wt-datepicker__datepicker"
18
18
  v-bind="{ ...$attrs, ...$props }"
19
19
  :format="isDateTime ? 'dd/MM/yyyy HH:mm' : 'dd/MM/yyyy'"
20
+ :close-on-auto-apply="false"
21
+ auto-apply
20
22
  @closed="isOpened = false"
21
23
  @open="isOpened = true"
22
24
  @update:model-value="emit('input', $event.getTime())"
@@ -51,32 +53,18 @@
51
53
  >
52
54
  <div class="datepicker__timepicker">
53
55
  <wt-time-input
54
- :label="$t('webitelUI.timepicker.hour')"
55
56
  :value="time.hours"
56
57
  max-value="23"
57
58
  @input="updateTime"
58
59
  ></wt-time-input>
60
+ :
59
61
  <wt-time-input
60
- :label="$t('webitelUI.timepicker.min')"
61
62
  :value="time.minutes"
62
63
  max-value="59"
63
64
  @input="updateTime($event, false)"
64
65
  ></wt-time-input>
65
66
  </div>
66
67
  </template>
67
- <template v-slot:action-select>
68
- <wt-button
69
- wide
70
- @click="datepicker.selectDate()"
71
- >{{ $t('reusable.ok') }}
72
- </wt-button>
73
- <wt-button
74
- color="secondary"
75
- wide
76
- @click="datepicker.closeMenu()"
77
- >{{ $t('reusable.cancel') }}
78
- </wt-button>
79
- </template>
80
68
  </vue-datepicker>
81
69
  </div>
82
70
  </template>
@@ -175,11 +163,18 @@ const isDateTime = props.mode === 'datetime';
175
163
  }
176
164
 
177
165
  .dp__menu {
166
+ box-sizing: border-box;
178
167
  min-width: 196px;
168
+ width: 196px;
169
+ padding: var(--spacing-xs);
179
170
  border-radius: var(--border-radius);
180
171
  box-shadow: var(--elevation-10);
181
172
  }
182
173
 
174
+ .dp__calendar_wrap {
175
+ gap: var(--spacing-2xs);
176
+ }
177
+
183
178
  .dp__calendar_header_item {
184
179
  @extend %typo-subtitle-2;
185
180
  }
@@ -219,10 +214,14 @@ const isDateTime = props.mode === 'datetime';
219
214
  }
220
215
 
221
216
  .datepicker__timepicker {
222
- display: grid;
223
- grid-template-columns: 1fr 1fr;
217
+ display: flex;
218
+ align-items: center;
224
219
  gap: var(--spacing-xs);
225
- margin: 0 var(--spacing-xs);
220
+ margin-top: var(--spacing-xs);
221
+
222
+ .wt-time-input {
223
+ flex-grow: 1;
224
+ }
226
225
  }
227
226
 
228
227
  .wt-datepicker__open-arrow {
@@ -44,6 +44,7 @@ const AdminSections = Object.freeze({
44
44
 
45
45
  // SYSTEM
46
46
  CHANGELOGS: 'changelogs',
47
+ SETTINGS: 'settings',
47
48
  });
48
49
 
49
50
  export default AdminSections;
@@ -229,6 +229,7 @@ export default {
229
229
  [AdminSections.ROLES]: 'Roles',
230
230
  [AdminSections.OBJECTS]: 'Objects',
231
231
  [AdminSections.CHANGELOGS]: 'Change log',
232
+ [AdminSections.SETTINGS]: 'Settings',
232
233
  },
233
234
  },
234
235
  },
@@ -227,6 +227,7 @@ export default {
227
227
  [AdminSections.ROLES]: 'Роли',
228
228
  [AdminSections.OBJECTS]: 'Разделы',
229
229
  [AdminSections.CHANGELOGS]: 'Журнал изменений',
230
+ [AdminSections.SETTINGS]: 'Настройки',
230
231
  },
231
232
  },
232
233
  },
@@ -227,6 +227,7 @@ export default {
227
227
  [AdminSections.ROLES]: 'Ролі',
228
228
  [AdminSections.OBJECTS]: 'Розділи',
229
229
  [AdminSections.CHANGELOGS]: 'Журнал змін',
230
+ [AdminSections.SETTINGS]: 'Налаштування',
230
231
  },
231
232
  },
232
233
  },
@@ -1,7 +1,7 @@
1
1
  import { generateQuestionScoreSchema } from './AuditFormQuestionScoreSchema';
2
2
 
3
3
  // eslint-disable-next-line import/prefer-default-export
4
- export const generateQuestionSchema = ({ required = false } = {}) => ({
4
+ export const generateQuestionSchema = ({ required = true } = {}) => ({
5
5
  required,
6
6
  question: '',
7
7
  ...generateQuestionScoreSchema(),
@@ -155,6 +155,10 @@ const applicationsAccess = (value = true) => ({
155
155
  _enabled: value,
156
156
  _locale: `WebitelApplications.${WebitelApplications.ADMIN}.sections.${AdminSections.CHANGELOGS}`,
157
157
  },
158
+ [AdminSections.SETTINGS]: {
159
+ _enabled: value,
160
+ _locale: `WebitelApplications.${WebitelApplications.ADMIN}.sections.${AdminSections.SETTINGS}`,
161
+ },
158
162
  },
159
163
  [WebitelApplications.AUDIT]: {
160
164
  _enabled: value,