@deskhero/dh_ui 2.0.5 → 2.2.0

package/dist/dh_ui.es.js

@@ -23094,8 +23094,8 @@ const _sfc_main$q = {
 const _hoisted_1$q = { class: "bar" };
 const _hoisted_2$o = ["min", "max", "step", "value"];
 const _hoisted_3$f = { class: "caption" };
-const _hoisted_4$c = { class: "min-caption" };
-const _hoisted_5$8 = { class: "bar-inner" };
+const _hoisted_4$d = { class: "min-caption" };
+const _hoisted_5$9 = { class: "bar-inner" };
 const _hoisted_6$8 = ["min", "max", "step", "value"];
 const _hoisted_7$8 = { class: "caption" };
 const _hoisted_8$3 = { class: "max-caption" };
@@ -23137,10 +23137,10 @@ function _sfc_render$6(_ctx, _cache, $props, $setup, $data, $options) {
         onTouchstart: _cache[3] || (_cache[3] = (...args) => $options.onLeftThumbMousedown && $options.onLeftThumbMousedown(...args))
       }, [
         createElementVNode("div", _hoisted_3$f, [
-          createElementVNode("span", _hoisted_4$c, toDisplayString($props.minCaption || $options.barMinVal), 1)
+          createElementVNode("span", _hoisted_4$d, toDisplayString($props.minCaption || $options.barMinVal), 1)
         ])
       ], 32),
-      createElementVNode("div", _hoisted_5$8, [
+      createElementVNode("div", _hoisted_5$9, [
         createElementVNode("div", {
           class: "bar-inner-left",
           onClick: _cache[4] || (_cache[4] = (...args) => $options.onInnerBarLeftClick && $options.onInnerBarLeftClick(...args))
@@ -23416,8 +23416,8 @@ const _hoisted_3$e = {
   key: 0,
   class: "input-group-section"
 };
-const _hoisted_4$b = { class: "input-group sb-input" };
-const _hoisted_5$7 = ["disabled", "max", "value"];
+const _hoisted_4$c = { class: "input-group sb-input" };
+const _hoisted_5$8 = ["disabled", "max", "value"];
 const _hoisted_6$7 = { class: "input-group sb-input" };
 const _hoisted_7$7 = ["disabled", "max", "min", "value"];
 function _sfc_render$5(_ctx, _cache, $props, $setup, $data, $options) {
@@ -23449,7 +23449,7 @@ function _sfc_render$5(_ctx, _cache, $props, $setup, $data, $options) {
       }, null, 8, ["base-class-name", "max", "max-caption", "max-value", "min-caption", "min-value", "onInput"])
     ]),
     _ctx.includeForm ? (openBlock(), createElementBlock("div", _hoisted_3$e, [
-      createElementVNode("div", _hoisted_4$b, [
+      createElementVNode("div", _hoisted_4$c, [
         createElementVNode("label", {
           class: normalizeClass(`dh-body-2 input-to ${_ctx.validated ? "disable" : ""}`)
         }, " From ", 2),
@@ -23462,7 +23462,7 @@ function _sfc_render$5(_ctx, _cache, $props, $setup, $data, $options) {
           type: "number",
           value: _ctx.getMinKey,
           onInput: _cache[0] || (_cache[0] = ($event) => _ctx.changeMin($event))
-        }, null, 40, _hoisted_5$7)
+        }, null, 40, _hoisted_5$8)
       ]),
       createElementVNode("div", _hoisted_6$7, [
         createElementVNode("label", {
@@ -23497,8 +23497,8 @@ const _hoisted_2$m = /* @__PURE__ */ _withScopeId$1(() => /* @__PURE__ */ create
   /* @__PURE__ */ createElementVNode("p", null, "To")
 ], -1));
 const _hoisted_3$d = { class: "dp__multi" };
-const _hoisted_4$a = ["value"];
-const _hoisted_5$6 = ["value"];
+const _hoisted_4$b = ["value"];
+const _hoisted_5$7 = ["value"];
 const _hoisted_6$6 = /* @__PURE__ */ createTextVNode(" Back ");
 const _hoisted_7$6 = ["onClick"];
 const _hoisted_8$2 = ["onClick"];
@@ -23639,14 +23639,14 @@ const _sfc_main$o = {
                 type: "text",
                 value: minDate.value ? minDate.value : date.value[0],
                 onInput: _cache[0] || (_cache[0] = ($event) => changeFirstDate($event))
-              }, null, 40, _hoisted_4$a),
+              }, null, 40, _hoisted_4$b),
               createElementVNode("input", {
                 class: "dp__input dp__multi_input",
                 placeholder: "MM/DD/YYYY",
                 type: "text",
                 value: maxDate.value ? maxDate.value : date.value[1],
                 onInput: _cache[1] || (_cache[1] = ($event) => changeSecondDate($event))
-              }, null, 40, _hoisted_5$6)
+              }, null, 40, _hoisted_5$7)
             ])
           ]),
           "arrow-left": withCtx(() => [
@@ -23807,8 +23807,8 @@ const _sfc_main$n = defineComponent({
 const _hoisted_1$n = { class: "dh-advanced-filter-container" };
 const _hoisted_2$l = { class: "advance_section" };
 const _hoisted_3$c = { key: 0 };
-const _hoisted_4$9 = { class: "list-none" };
-const _hoisted_5$5 = ["checked"];
+const _hoisted_4$a = { class: "list-none" };
+const _hoisted_5$6 = ["checked"];
 const _hoisted_6$5 = ["checked"];
 const _hoisted_7$5 = ["checked"];
 function _sfc_render$4(_ctx, _cache, $props, $setup, $data, $options) {
@@ -23827,7 +23827,7 @@ function _sfc_render$4(_ctx, _cache, $props, $setup, $data, $options) {
       ]),
       _ctx.activeFilter ? (openBlock(), createElementBlock("div", _hoisted_3$c, [
         renderSlot(_ctx.$slots, "default"),
-        createElementVNode("ul", _hoisted_4$9, [
+        createElementVNode("ul", _hoisted_4$a, [
           createElementVNode("li", null, [
             createElementVNode("label", null, [
               createElementVNode("input", {
@@ -23835,7 +23835,7 @@ function _sfc_render$4(_ctx, _cache, $props, $setup, $data, $options) {
                 name: "number_filter",
                 type: "checkbox",
                 onChange: _cache[1] || (_cache[1] = ($event) => _ctx.missingFilter())
-              }, null, 40, _hoisted_5$5),
+              }, null, 40, _hoisted_5$6),
               createTextVNode(" " + toDisplayString(_ctx.filterMissingText), 1)
             ])
           ]),
@@ -24436,8 +24436,8 @@ const _hoisted_2$e = {
   class: "file__upload_items"
 };
 const _hoisted_3$9 = { class: "file__upload_list_item" };
-const _hoisted_4$8 = { class: "file__upload_list_item_label" };
-const _hoisted_5$4 = ["title"];
+const _hoisted_4$9 = { class: "file__upload_list_item_label" };
+const _hoisted_5$5 = ["title"];
 const _hoisted_6$4 = /* @__PURE__ */ createElementVNode("br", null, null, -1);
 const _hoisted_7$4 = ["href"];
 const _hoisted_8$1 = {
@@ -24719,11 +24719,11 @@ const _sfc_main$e = {
                 size: 40
               }, null, 8, ["icon-name"]),
               createElementVNode("div", _hoisted_3$9, [
-                createElementVNode("div", _hoisted_4$8, [
+                createElementVNode("div", _hoisted_4$9, [
                   createElementVNode("div", null, [
                     createElementVNode("span", {
                       title: file.label
-                    }, toDisplayString(getName(file.label)) + toDisplayString(getExtension(file.label)), 9, _hoisted_5$4),
+                    }, toDisplayString(getName(file.label)) + toDisplayString(getExtension(file.label)), 9, _hoisted_5$5),
                     _hoisted_6$4,
                     createElementVNode("span", null, toDisplayString(formatKilobytes(file.size_kb)), 1)
                   ])
@@ -24875,8 +24875,8 @@ var InputDropdown_vue_vue_type_style_index_0_lang = "";
 const _hoisted_1$d = { class: "input__dropdown" };
 const _hoisted_2$d = ["placeholder", "value"];
 const _hoisted_3$8 = { class: "input__dropdown_second" };
-const _hoisted_4$7 = ["tabindex"];
-const _hoisted_5$3 = ["onClick"];
+const _hoisted_4$8 = ["tabindex"];
+const _hoisted_5$4 = ["onClick"];
 const _hoisted_6$3 = ["onClick"];
 const _hoisted_7$3 = {
   key: 2,
@@ -25015,7 +25015,7 @@ const _sfc_main$d = {
                     open.value = false;
                     update();
                   }
-                }, toDisplayString(option[__props.labelProp]), 9, _hoisted_5$3);
+                }, toDisplayString(option[__props.labelProp]), 9, _hoisted_5$4);
               }), 128))
             ], 2)) : createCommentVNode("", true),
             typeof __props.options[0] === "string" ? (openBlock(), createElementBlock("div", {
@@ -25036,12 +25036,12 @@ const _sfc_main$d = {
             ], 2)) : createCommentVNode("", true),
             props.isClearable ? (openBlock(), createElementBlock("div", _hoisted_7$3, [
               createVNode(DhButton, {
+                color: "ghost",
                 icon: "close",
-                onClick: clear2,
-                color: "ghost"
+                onClick: clear2
               })
             ])) : createCommentVNode("", true)
-          ], 40, _hoisted_4$7)
+          ], 40, _hoisted_4$8)
         ])
       ]);
     };
@@ -25134,30 +25134,35 @@ const _sfc_main$c = {
           return openBlock(), createBlock(_sfc_main$d, {
             key: index,
             icon: props.icon,
-            "selected-option": item.selectedOption,
             "input-value": item.input,
             "input-width": props.inputWidth,
+            "is-clearable": "",
+            "label-prop": props.labelProp,
             options: props.options,
             "placeholder-input": props.placeholderInput,
+            "selected-option": item.selectedOption,
             tabindex: props.tabindex,
-            onUpdate: (input, label, optionId) => updateDropdown(index, input, label),
-            "label-prop": props.labelProp,
             "value-prop": props.valueProp,
-            "is-clearable": "",
-            onClear: ($event) => removeItem(index)
-          }, null, 8, ["icon", "selected-option", "input-value", "input-width", "options", "placeholder-input", "tabindex", "onUpdate", "label-prop", "value-prop", "onClear"]);
+            onClear: ($event) => removeItem(index),
+            onUpdate: (input, label, optionId) => updateDropdown(index, input, label)
+          }, null, 8, ["icon", "input-value", "input-width", "label-prop", "options", "placeholder-input", "selected-option", "tabindex", "value-prop", "onClear", "onUpdate"]);
         }), 128))
       ], 64);
     };
   }
 };
 var InputGroup_vue_vue_type_style_index_0_lang = "";
-const _hoisted_1$b = ["placeholder", "value"];
+const _hoisted_1$b = ["data-e2e", "placeholder", "value"];
 const _hoisted_2$b = {
   key: 1,
+  class: "input__group_content"
+};
+const _hoisted_3$7 = ["data-e2e", "placeholder", "value"];
+const _hoisted_4$7 = {
+  key: 2,
   class: "input__group"
 };
-const _hoisted_3$7 = ["placeholder", "type", "value"];
+const _hoisted_5$3 = ["data-e2e", "placeholder", "type", "value"];
 const _sfc_main$b = {
   __name: "InputGroup",
   props: {
@@ -25167,36 +25172,52 @@ const _sfc_main$b = {
     },
     inputType: {
       type: String,
-      default: "text"
+      default: "text",
+      required: true
     },
     iconName: {
       type: String,
-      required: true
+      required: false,
+      default: ""
+    },
+    sideContent: {
+      type: String,
+      required: false,
+      default: ""
     },
     widthProp: {
       type: String,
-      default: "200px"
+      default: "200px",
+      required: false
     },
     heightProp: {
       type: String,
-      default: "30px"
+      default: "30px",
+      required: false
     },
     direction: {
       type: String,
-      default: "right"
+      default: "right",
+      required: false
     },
     placeholder: {
       type: String,
-      default: "type here"
+      default: "type here",
+      required: false
+    },
+    e2e: {
+      type: String,
+      default: "",
+      required: false
     }
   },
   emits: ["update:modelValue"],
   setup(__props) {
     const props = __props;
     useCssVars((_ctx) => ({
-      "22ddfa82": flexDir.value,
-      "4a679b77": __props.widthProp,
-      "8a658c88": __props.heightProp
+      "7e4306ae": flexDir.value,
+      "60ba4ca3": __props.widthProp,
+      "6ed0ae10": __props.heightProp
     }));
     const flexDir = ref("row");
     onMounted(() => {
@@ -25205,41 +25226,58 @@ const _sfc_main$b = {
       }
     });
     return (_ctx, _cache) => {
-      return __props.inputType == "multi-line" ? (openBlock(), createElementBlock("div", {
-        key: 0,
-        class: normalizeClass(["text__area", __props.direction == "left" ? "text__area--left" : "text__area--right"])
-      }, [
-        createElementVNode("textarea", {
-          class: "text__area_field",
-          cols: "30",
-          placeholder: __props.placeholder,
-          rows: "10",
-          value: __props.modelValue,
-          onInput: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("update:modelValue", $event.target.value))
-        }, null, 40, _hoisted_1$b),
-        __props.direction == "left" ? (openBlock(), createBlock(DhIcon, {
+      return openBlock(), createElementBlock(Fragment, null, [
+        __props.inputType == "multi-line" ? (openBlock(), createElementBlock("div", {
           key: 0,
-          class: "text__area_icon text__area_icon--left",
-          "icon-name": __props.iconName
-        }, null, 8, ["icon-name"])) : createCommentVNode("", true),
-        __props.direction == "right" ? (openBlock(), createBlock(DhIcon, {
-          key: 1,
-          class: "text__area_icon text__area_icon--right",
-          "icon-name": __props.iconName
-        }, null, 8, ["icon-name"])) : createCommentVNode("", true)
-      ], 2)) : (openBlock(), createElementBlock("div", _hoisted_2$b, [
-        createElementVNode("input", {
-          class: "input__group_field",
-          placeholder: __props.placeholder,
-          type: __props.inputType,
-          value: __props.modelValue,
-          onInput: _cache[1] || (_cache[1] = ($event) => _ctx.$emit("update:modelValue", $event.target.value))
-        }, null, 40, _hoisted_3$7),
-        createVNode(DhIcon, {
-          class: "input__group_icon",
-          "icon-name": __props.iconName
-        }, null, 8, ["icon-name"])
-      ]));
+          class: normalizeClass(["text__area", __props.direction == "left" ? "text__area--left" : "text__area--right"])
+        }, [
+          createElementVNode("textarea", {
+            class: "text__area_field",
+            cols: "30",
+            "data-e2e": __props.e2e,
+            placeholder: __props.placeholder,
+            rows: "10",
+            value: __props.modelValue,
+            onInput: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("update:modelValue", $event.target.value))
+          }, null, 40, _hoisted_1$b),
+          __props.direction == "left" && __props.iconName ? (openBlock(), createBlock(DhIcon, {
+            key: 0,
+            class: "text__area_icon text__area_icon--left",
+            "icon-name": __props.iconName
+          }, null, 8, ["icon-name"])) : createCommentVNode("", true),
+          __props.direction == "right" && __props.iconName ? (openBlock(), createBlock(DhIcon, {
+            key: 1,
+            class: "text__area_icon text__area_icon--right",
+            "icon-name": __props.iconName
+          }, null, 8, ["icon-name"])) : createCommentVNode("", true)
+        ], 2)) : createCommentVNode("", true),
+        __props.inputType == "text" && __props.sideContent ? (openBlock(), createElementBlock("div", _hoisted_2$b, [
+          createElementVNode("input", {
+            class: normalizeClass(["form-input", __props.direction == "left" ? "form-input--left" : "form-input--right"]),
+            "data-e2e": __props.e2e,
+            placeholder: __props.placeholder,
+            value: __props.modelValue,
+            onInput: _cache[1] || (_cache[1] = ($event) => _ctx.$emit("update:modelValue", $event.target.value))
+          }, null, 42, _hoisted_3$7),
+          createElementVNode("span", {
+            class: normalizeClass(["form-span", __props.direction == "left" ? "form-span--left" : "form-span--right"])
+          }, toDisplayString(__props.sideContent), 3)
+        ])) : __props.inputType !== "multi-line" ? (openBlock(), createElementBlock("div", _hoisted_4$7, [
+          createElementVNode("input", {
+            class: "input__group_field",
+            "data-e2e": __props.e2e,
+            placeholder: __props.placeholder,
+            type: __props.inputType,
+            value: __props.modelValue,
+            onInput: _cache[2] || (_cache[2] = ($event) => _ctx.$emit("update:modelValue", $event.target.value))
+          }, null, 40, _hoisted_5$3),
+          __props.iconName ? (openBlock(), createBlock(DhIcon, {
+            key: 0,
+            class: "input__group_icon",
+            "icon-name": __props.iconName
+          }, null, 8, ["icon-name"])) : createCommentVNode("", true)
+        ])) : createCommentVNode("", true)
+      ], 64);
     };
   }
 };
@@ -27439,7 +27477,7 @@ function render$1(_ctx, _cache, $props, $setup, $data, $options) {
 }
 script.render = render$1;
 script.__file = "src/Multiselect.vue";
-var default_css_vue_type_style_index_0_src_9d166d1a_lang = "";
+var default_css_vue_type_style_index_0_src_59d857bc_lang = "";
 var InputList_vue_vue_type_style_index_1_lang = "";
 const _hoisted_1$9 = /* @__PURE__ */ createElementVNode("img", {
   alt: "",
@@ -27486,7 +27524,7 @@ const _sfc_main$a = {
   setup(__props, { emit }) {
     const props = __props;
     useCssVars((_ctx) => ({
-      "7445a9c7": __props.maxHeight
+      "182bac7a": __props.maxHeight
     }));
     const computedValue = computed({
       get() {
@@ -27511,9 +27549,9 @@ const _sfc_main$a = {
       return openBlock(), createBlock(unref(script), {
         modelValue: unref(computedValue),
         "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => isRef(computedValue) ? computedValue.value = $event : null),
+        "can-clear": props.canClear,
         label: __props.labelProp,
         mode: "tags",
-        canClear: props.canClear,
         native: false,
         object: true,
         options: __props.list,
@@ -27521,9 +27559,9 @@ const _sfc_main$a = {
         searchable: true,
         "value-prop": __props.valueProp,
         onChange: _cache[1] || (_cache[1] = (v) => update(v)),
-        onDeselect: _cache[2] || (_cache[2] = (v) => deselect(v)),
-        onSelect: _cache[3] || (_cache[3] = (v) => select(v)),
-        onClear: _cache[4] || (_cache[4] = ($event) => clear2())
+        onClear: _cache[2] || (_cache[2] = ($event) => clear2()),
+        onDeselect: _cache[3] || (_cache[3] = (v) => deselect(v)),
+        onSelect: _cache[4] || (_cache[4] = (v) => select(v))
       }, {
         tag: withCtx(({ option, handleTagRemove, disabled }) => [
           createElementVNode("div", {
@@ -27541,7 +27579,7 @@ const _sfc_main$a = {
           ], 2)
         ]),
         _: 3
-      }, 8, ["modelValue", "label", "canClear", "options", "placeholder", "value-prop"]);
+      }, 8, ["modelValue", "can-clear", "label", "options", "placeholder", "value-prop"]);
     };
   }
 };