@webitel/ui-sdk 24.12.80 → 24.12.82

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@webitel/ui-sdk",
-  "version": "24.12.80",
+  "version": "24.12.82",
   "private": false,
   "scripts": {
     "dev": "vite",

package/src/components/wt-datepicker/wt-datepicker.vue

@@ -38,11 +38,11 @@
         />
       </template>
       <template #clear-icon>
-        <wt-icon
-          :class="{ 'wt-datepicker__open-arrow--opened': isOpened }"
+        <wt-icon-btn
+          v-if="clearable && value"
           :color="disabled ? 'disabled' : 'default'"
-          class="wt-datepicker__open-arrow"
-          icon="arrow-down"
+          icon="close"
+          @click.stop="emit('input', null)"
         />
       </template>
       <template #arrow-left>
@@ -132,6 +132,10 @@ const props = defineProps({
     type: Boolean,
     default: false,
   },
+  clearable: {
+    type: Boolean,
+    default: true,
+  },
 });
 const emit = defineEmits(['input']);
 
@@ -250,12 +254,4 @@ const requiredLabel = computed(() => {
     flex-grow: 1;
   }
 }
-
-.wt-datepicker__open-arrow {
-  transition: var(--transition);
-
-  &--opened {
-    transform: rotate(180deg);
-  }
-}
 </style>

package/src/components/wt-tree/types/WtTreeMode.js

@@ -0,0 +1,4 @@
+export const WtTreeMode = {
+    Tree: 'tree',
+    List: 'list',
+};

package/src/components/wt-tree-line/types/wt-tree-nested-icons.js

@@ -0,0 +1 @@
+export {};

package/src/composables/useWtTable/useWtTable.js

@@ -0,0 +1,23 @@
+import { computed } from 'vue';
+import { useI18n } from 'vue-i18n';
+export const useWtTable = ({ headers }) => {
+    const { t } = useI18n();
+    const tableHeaders = computed(() => {
+        return headers
+            .filter((header) => header.show === undefined || header.show)
+            .map((header) => {
+            if (!header.text && header.locale) {
+                return {
+                    ...header,
+                    text: typeof header.locale === 'string'
+                        ? t(header.locale)
+                        : t(header.locale[0]),
+                };
+            }
+            return header;
+        });
+    });
+    return {
+        tableHeaders,
+    };
+};

package/src/composables/useWtTable/useWtTable.ts

@@ -18,7 +18,7 @@ export const useWtTable = ({ headers }) => {
             text:
               typeof header.locale === 'string'
                 ? t(header.locale)
-                : t(header.locale[0]),
+                : t(header.locale[0], header.locale[1]),
           };
         }
         return header;

package/src/enums/WebitelApplications/AdminSections.js

@@ -0,0 +1,44 @@
+/**
+ * @augments WtApplication
+ * represents ui sections in Admin WtApplication
+ * without any relation to WtObjects (?)
+ */
+export const AdminSections = {
+    Agents: 'agents',
+    Blacklist: 'blacklist',
+    Buckets: 'buckets',
+    Calendars: 'calendars',
+    Changelogs: 'changelogs',
+    ChatGateways: 'chat-gateways',
+    Chatplan: 'chatplan',
+    CognitiveProfiles: 'cognitive-profiles',
+    Communications: 'communications',
+    Configuration: 'configuration',
+    Dialplan: 'dialplan',
+    Devices: 'devices',
+    EmailProfiles: 'email-profiles',
+    Flow: 'flow',
+    Gateways: 'gateways',
+    GlobalVariables: 'global-variables',
+    ImportCsv: 'import-csv',
+    License: 'license',
+    Media: 'media',
+    Members: 'members',
+    Objects: 'objects',
+    PauseCause: 'pause-cause',
+    PauseTemplates: 'pause-templates',
+    Queues: 'queues',
+    Regions: 'regions',
+    ResourceGroups: 'resource-groups',
+    Resources: 'resources',
+    Roles: 'roles',
+    ShiftTemplates: 'shift-templates',
+    SingleSignOn: 'single-sign-on',
+    Skills: 'skills',
+    Storage: 'storage',
+    StoragePolicies: 'storage-policies',
+    Teams: 'teams',
+    Triggers: 'triggers',
+    Users: 'users',
+    WorkingConditions: 'working-conditions',
+};

package/src/enums/WebitelApplications/AuditorSections.js

@@ -0,0 +1,3 @@
+export const AuditorSections = {
+    Scorecards: 'scorecards',
+};

package/src/enums/WebitelApplications/CrmSections.js

@@ -0,0 +1,14 @@
+export const CrmSections = {
+    Contacts: 'contacts',
+    Cases: 'cases',
+    // CONFIGURATION - LOOKUPS
+    Slas: 'slas',
+    ServiceCatalogs: 'service-catalogs',
+    Priorities: 'priorities',
+    Statuses: 'statuses',
+    Sources: 'sources',
+    CloseReasonGroups: 'close-reason-groups',
+    ContactGroups: 'contact-groups',
+    CaseSources: 'case-sources',
+    CustomLookups: 'custom-lookups',
+};

package/src/enums/WebitelApplications/SupervisorSections.js

@@ -0,0 +1,5 @@
+export const SupervisorSections = {
+    Queues: 'queues',
+    Agents: 'agents',
+    ActiveCalls: 'activeCalls',
+};

package/src/enums/WebitelApplications/WtApplication.js

@@ -0,0 +1,9 @@
+export const WtApplication = {
+    Admin: 'admin',
+    Agent: 'agent',
+    Supervisor: 'supervisor',
+    History: 'history',
+    Audit: 'audit',
+    Analytics: 'grafana',
+    Crm: 'crm',
+};

package/src/enums/WtObject/WtObject.js

@@ -0,0 +1,9 @@
+/**
+ * Represents existing Webitel entities
+ */
+export const WtObject = {
+    Agent: 'agent',
+    Queue: 'queue',
+    Contact: 'contact',
+    Regions: 'regions',
+};

package/src/scripts/compareSize.js

@@ -0,0 +1,57 @@
+import { ComponentSize } from '../enums/ComponentSize/ComponentSize';
+const numerics = Object.values(ComponentSize).reduce((nums, size, index) => {
+    return {
+        ...nums,
+        [size]: index,
+    };
+}, {});
+/**
+ * Compare two sizes, returning a number indicating the difference between them.
+ *
+ * @param s1
+ * @param s2
+ * @returns {number}
+ *
+ * @example
+ * compareSize(ComponentSize.XS, ComponentSize.MD); // true
+ * compareSize(ComponentSize.LG, ComponentSize.SM); // false
+ */
+export const compareSize = (s1, s2) => {
+    return numerics[s1] - numerics[s2];
+};
+/**
+ * Check if s1 is smaller than s2
+ * @param s1
+ * @param s2
+ * @returns {boolean}
+ */
+export const smallerThen = (s1, s2) => {
+    return compareSize(s1, s2) < 0;
+};
+/**
+ * Check if s1 is smaller or equal to s2
+ * @param s1
+ * @param s2
+ * @returns {boolean}
+ */
+export const smallerOrEqual = (s1, s2) => {
+    return compareSize(s1, s2) <= 0;
+};
+/**
+ * Check if s1 is greater than s2
+ * @param s1
+ * @param s2
+ * @returns {boolean}
+ */
+export const greaterThen = (s1, s2) => {
+    return compareSize(s1, s2) > 0;
+};
+/**
+ * Check if s1 is greater or equal to s2
+ * @param s1
+ * @param s2
+ * @returns {boolean}
+ */
+export const greaterOrEqual = (s1, s2) => {
+    return compareSize(s1, s2) >= 0;
+};