@ironsource/shared-ui 1.4.2-rc.5 → 1.4.2-test.0

package/components/input/Input.vue.js

@@ -1,246 +0,0 @@
-import { defineComponent, ref, computed, onMounted, nextTick, openBlock, createElementBlock, normalizeClass, createVNode, unref, withCtx, createTextVNode, toDisplayString, createBlock, createCommentVNode, createElementVNode, renderSlot, mergeProps, withKeys, withModifiers } from 'vue';
-import Icon from '../icon/Icon.vue.js';
-/* empty css                                                                     */import _export_sfc from '../../_virtual/plugin-vue_export-helper.vue.js';
-import Text from '../typography/Text.vue.js';
-/* empty css                                                                    *//* empty css                                                                */import IconButton from '../button/IconButton.vue.js';
-import _sfc_main$1 from '../tooltip/Tooltip.vue.js';
-/* empty css                                                                      */import { useEditableContext } from '../table-cells/EditableContext.vue.js';
-import '@vueuse/core';
-/* empty css                                                                       */import { REGEX_NUMBER_INPUT } from '../../consts/regex.vue.js';
-/* empty css                                                       */
-import "../../Input.vue_vue_type_style_index_0_scoped_true_lang.css";
-const _hoisted_1 = { class: "info-icon-wrapper" };
-const _hoisted_2 = {
-  key: 0,
-  class: "icon-container icon-before"
-};
-const _hoisted_3 = ["value", "placeholder", "disabled", "type", "step", "onKeyup"];
-const _hoisted_4 = {
-  key: 1,
-  class: "icon-container icon-after"
-};
-const _hoisted_5 = { key: 2 };
-const _hoisted_6 = { key: 3 };
-const _hoisted_7 = {
-  key: 1,
-  class: "extra-text-container"
-};
-const __default__ = {
-  inheritAttrs: false
-};
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  ...__default__,
-  __name: "Input",
-  props: {
-    modelValue: { default: "" },
-    placeholder: { default: "" },
-    disabled: { type: Boolean, default: false },
-    viewOnly: { type: Boolean, default: false },
-    size: { default: "lg" },
-    label: { default: "" },
-    labelDirection: { default: "top" },
-    mandatory: { type: Boolean, default: false },
-    feedbackHelpText: { default: "" },
-    autoFocus: { type: Boolean, default: false },
-    feedbackErrorText: { default: "" },
-    type: { default: "text" },
-    hideNumberArrows: { type: Boolean, default: false },
-    step: { default: 1 },
-    hoverHelpText: { default: "" },
-    hoverHelpTextPlacement: { default: "top" },
-    onlyDigits: { type: Boolean, default: false }
-  },
-  emits: ["update:modelValue"],
-  setup(__props, { emit }) {
-    const props = __props;
-    const onConfirm = (e) => {
-      api.onClose?.();
-    };
-    const onEnter = () => {
-      if (api?.confirmable && !api?.error?.value) {
-        api.onClose?.();
-      }
-    };
-    const inputRef = ref(null);
-    const isFocused = ref(false);
-    const showLabelInside = computed(() => {
-      return props.label && props.labelDirection === "inside" && !isFocused.value;
-    });
-    const api = useEditableContext();
-    onMounted(async () => {
-      await nextTick();
-      if (!props.autoFocus && !api.focusable) {
-        return;
-      }
-      if (!inputRef.value) {
-        return;
-      }
-      inputRef.value.focus();
-    });
-    const labelText = computed(() => {
-      if (showLabelInside.value) {
-        let label = props.label;
-        if (props.mandatory) {
-          label += " *";
-        }
-        return label;
-      }
-      return props.placeholder;
-    });
-    const sizeClass = computed(() => {
-      return `input-size-${props.size}`;
-    });
-    const handleInput = (event) => {
-      api.onChange?.(event.target.value);
-      emit("update:modelValue", event.target.value);
-    };
-    const DECIMAL_POINT = ".";
-    const handleKeypress = (event) => {
-      if (props.onlyDigits) {
-        if (!event.key.match(REGEX_NUMBER_INPUT)) {
-          event.preventDefault();
-        } else if (event.key === DECIMAL_POINT && props.modelValue.toString().includes(DECIMAL_POINT)) {
-          event.preventDefault();
-        }
-      }
-    };
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", {
-        class: normalizeClass({
-          "input-with-label-container": true,
-          "label-direction-left": __props.labelDirection === "left",
-          disabled: __props.disabled
-        })
-      }, [
-        __props.label && __props.labelDirection !== "inside" ? (openBlock(), createElementBlock("div", {
-          key: 0,
-          class: normalizeClass(["label-container", "direction-" + __props.labelDirection])
-        }, [
-          createVNode(unref(Text), { class: "label" }, {
-            default: withCtx(() => [
-              createTextVNode(toDisplayString(__props.label), 1)
-            ]),
-            _: 1
-          }),
-          __props.mandatory ? (openBlock(), createBlock(unref(Text), {
-            key: 0,
-            size: "lg",
-            class: "mandatory"
-          }, {
-            default: withCtx(() => [
-              createTextVNode("*")
-            ]),
-            _: 1
-          })) : createCommentVNode("", true),
-          __props.hoverHelpText ? (openBlock(), createBlock(unref(_sfc_main$1), {
-            key: 1,
-            triggers: ["hover"],
-            text: __props.hoverHelpText,
-            placement: __props.hoverHelpTextPlacement,
-            size: "xs",
-            strong: true
-          }, {
-            default: withCtx(() => [
-              createElementVNode("div", _hoisted_1, [
-                createVNode(unref(Icon), {
-                  class: "info-icon",
-                  name: "info",
-                  "font-size": "sm"
-                })
-              ])
-            ]),
-            _: 1
-          }, 8, ["text", "placement"])) : createCommentVNode("", true)
-        ], 2)) : createCommentVNode("", true),
-        createElementVNode("div", {
-          class: normalizeClass({
-            "input-container": true,
-            "label-inside": unref(showLabelInside),
-            error: unref(api).error?.value || __props.feedbackErrorText,
-            focused: isFocused.value
-          })
-        }, [
-          _ctx.$slots["iconBefore"] ? (openBlock(), createElementBlock("div", _hoisted_2, [
-            renderSlot(_ctx.$slots, "iconBefore", {}, void 0, true)
-          ])) : createCommentVNode("", true),
-          createElementVNode("input", mergeProps(_ctx.$attrs, {
-            ref_key: "inputRef",
-            ref: inputRef,
-            value: unref(api).value?.value ?? __props.modelValue,
-            placeholder: unref(labelText),
-            disabled: __props.disabled || __props.viewOnly,
-            type: __props.type,
-            class: ["input", {
-              [unref(sizeClass)]: true,
-              "view-only": __props.viewOnly,
-              "label-inside": unref(showLabelInside),
-              "hide-arrows": __props.hideNumberArrows,
-              "input-type": __props.type
-            }],
-            step: __props.step,
-            onInput: handleInput,
-            onFocus: _cache[0] || (_cache[0] = ($event) => isFocused.value = true),
-            onBlur: _cache[1] || (_cache[1] = ($event) => isFocused.value = false),
-            onKeyup: withKeys(withModifiers(onEnter, ["prevent"]), ["enter"]),
-            onKeypress: handleKeypress
-          }), null, 16, _hoisted_3),
-          _ctx.$slots["iconAfter"] ? (openBlock(), createElementBlock("div", _hoisted_4, [
-            renderSlot(_ctx.$slots, "iconAfter", {}, void 0, true)
-          ])) : createCommentVNode("", true),
-          unref(api)?.confirmable && !unref(api)?.error?.value ? (openBlock(), createElementBlock("div", _hoisted_5, [
-            createVNode(unref(IconButton), {
-              class: "confirm-icon",
-              theme: "secondary",
-              variant: "colorized",
-              onClick: withModifiers(onConfirm, ["stop", "prevent"])
-            }, {
-              default: withCtx(() => [
-                createVNode(unref(Icon), {
-                  name: "check-bold",
-                  "font-size": "sm"
-                })
-              ]),
-              _: 1
-            }, 8, ["onClick"])
-          ])) : createCommentVNode("", true),
-          unref(api)?.error?.value ? (openBlock(), createElementBlock("div", _hoisted_6, [
-            createVNode(unref(_sfc_main$1), {
-              text: unref(api)?.error?.value
-            }, {
-              default: withCtx(() => [
-                createVNode(unref(IconButton), {
-                  class: "error-icon",
-                  theme: "secondary",
-                  variant: "colorized"
-                }, {
-                  default: withCtx(() => [
-                    createVNode(unref(Icon), {
-                      name: "error",
-                      "font-size": "sm"
-                    })
-                  ]),
-                  _: 1
-                })
-              ]),
-              _: 1
-            }, 8, ["text"])
-          ])) : createCommentVNode("", true)
-        ], 2),
-        __props.feedbackErrorText || __props.feedbackHelpText ? (openBlock(), createElementBlock("div", _hoisted_7, [
-          createVNode(unref(Text), {
-            class: normalizeClass(__props.feedbackErrorText ? "error" : "help"),
-            size: "caption"
-          }, {
-            default: withCtx(() => [
-              createTextVNode(toDisplayString(__props.feedbackErrorText || __props.feedbackHelpText), 1)
-            ]),
-            _: 1
-          }, 8, ["class"])
-        ])) : createCommentVNode("", true)
-      ], 2);
-    };
-  }
-});
-var Input = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-487006af"]]);
-
-export { Input as default };

package/components/input/PasswordInput.vue.js

@@ -1,41 +0,0 @@
-import { defineComponent, ref, openBlock, createBlock, mergeProps, withCtx, createVNode, unref, createTextVNode, toDisplayString } from 'vue';
-import Input from './Input.vue.js';
-/* empty css                                                                     */import _export_sfc from '../../_virtual/plugin-vue_export-helper.vue.js';
-import Text from '../typography/Text.vue.js';
-/* empty css                                                               */
-import "../../PasswordInput.vue_vue_type_style_index_0_scoped_true_lang.css";
-const _sfc_main = defineComponent({
-  __name: "PasswordInput",
-  emits: ["update:modelValue"],
-  setup(__props, { emit }) {
-    const props = __props;
-    const isPasswordVisible = ref(false);
-    const togglePasswordVisibility = () => {
-      isPasswordVisible.value = !isPasswordVisible.value;
-    };
-    const reEmitUpdateEvent = (value) => emit("update:modelValue", value);
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(Input, mergeProps(props, {
-        type: isPasswordVisible.value ? "text" : "password",
-        "onUpdate:modelValue": reEmitUpdateEvent
-      }), {
-        iconAfter: withCtx(() => [
-          createVNode(unref(Text), {
-            class: "password-visibility",
-            size: "xs",
-            onClick: togglePasswordVisibility
-          }, {
-            default: withCtx(() => [
-              createTextVNode(toDisplayString(isPasswordVisible.value ? "Hide" : "Show"), 1)
-            ]),
-            _: 1
-          })
-        ]),
-        _: 1
-      }, 16, ["type"]);
-    };
-  }
-});
-var PasswordInput = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-da9d5486"]]);
-
-export { PasswordInput as default };

package/components/input/PercentageInput.vue.js

@@ -1,37 +0,0 @@
-import { defineComponent, openBlock, createBlock, mergeProps, withCtx, createVNode, unref, createTextVNode } from 'vue';
-import Input from './Input.vue.js';
-/* empty css                                                                     */import _export_sfc from '../../_virtual/plugin-vue_export-helper.vue.js';
-import Text from '../typography/Text.vue.js';
-/* empty css                                                                 */
-import "../../PercentageInput.vue_vue_type_style_index_0_scoped_true_lang.css";
-const _sfc_main = defineComponent({
-  __name: "PercentageInput",
-  emits: ["update:modelValue"],
-  setup(__props, { emit }) {
-    const props = __props;
-    const reEmitUpdateEvent = (value) => emit("update:modelValue", value);
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(Input, mergeProps(props, {
-        type: "number",
-        "hide-number-arrows": true,
-        "onUpdate:modelValue": reEmitUpdateEvent
-      }), {
-        iconAfter: withCtx(() => [
-          createVNode(unref(Text), {
-            class: "percentage-sign",
-            size: "sm"
-          }, {
-            default: withCtx(() => [
-              createTextVNode("%")
-            ]),
-            _: 1
-          })
-        ]),
-        _: 1
-      }, 16);
-    };
-  }
-});
-var PercentageInput = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-7247a0d5"]]);
-
-export { PercentageInput as default };

package/components/menu/Menu.vue.js

@@ -1,73 +0,0 @@
-import { defineComponent, ref, computed, openBlock, createBlock, unref, withCtx, createElementVNode, renderSlot } from 'vue';
-import { Dropdown } from 'floating-vue';
-import { onClickOutside } from '@vueuse/core';
-import { useToggle } from '../../composables/useToggle.vue.js';
-/* empty css                                                      *//* empty css                                          */import _export_sfc from '../../_virtual/plugin-vue_export-helper.vue.js';
-
-import "../../Menu.vue_vue_type_style_index_0_scoped_true_lang.css";import "../../Menu.vue_vue_type_style_index_1_lang.css";
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "Menu",
-  props: {
-    isOnTop: { type: Boolean, default: true },
-    distance: { default: 0 },
-    theme: { default: "dropdown" },
-    skidding: { default: 0 },
-    container: { default: "body" }
-  },
-  setup(__props) {
-    const [open, toggle] = useToggle({ initialValue: false });
-    const popup = ref();
-    const triggerRef = ref();
-    const location = computed(() => {
-      return triggerRef.value?.getBoundingClientRect();
-    });
-    const skiddingOffset = computed(() => {
-      if (!popup.value || !triggerRef.value) {
-        return;
-      }
-      const { width: buttonWidth } = triggerRef.value.getBoundingClientRect();
-      return -buttonWidth;
-    });
-    onClickOutside(popup, () => {
-      toggle(false);
-    });
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(Dropdown), {
-        class: "menu",
-        theme: "is-menu",
-        triggers: [],
-        shown: unref(open),
-        placement: "auto-start",
-        container: __props.container,
-        flip: "",
-        distance: __props.isOnTop ? unref(skiddingOffset) : __props.distance,
-        skidding: __props.isOnTop ? -unref(location)?.height / 2 : __props.distance,
-        "auto-hide": false
-      }, {
-        popper: withCtx(() => [
-          createElementVNode("div", {
-            ref_key: "popup",
-            ref: popup,
-            class: "menu-popup",
-            onClick: _cache[1] || (_cache[1] = ($event) => unref(toggle)(false))
-          }, [
-            renderSlot(_ctx.$slots, "default", {}, void 0, true)
-          ], 512)
-        ]),
-        default: withCtx(() => [
-          createElementVNode("div", {
-            ref_key: "triggerRef",
-            ref: triggerRef,
-            onClick: _cache[0] || (_cache[0] = ($event) => unref(toggle)())
-          }, [
-            renderSlot(_ctx.$slots, "trigger", {}, void 0, true)
-          ], 512)
-        ]),
-        _: 3
-      }, 8, ["shown", "container", "distance", "skidding"]);
-    };
-  }
-});
-var Menu = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-e5fd59a4"]]);
-
-export { Menu as default };

package/components/menuItem/MenuItem.vue.js

@@ -1,30 +0,0 @@
-import { resolveComponent, openBlock, createElementBlock, createElementVNode, renderSlot, createVNode, withCtx } from 'vue';
-/* empty css                                                                     */import _export_sfc from '../../_virtual/plugin-vue_export-helper.vue.js';
-import Text from '../typography/Text.vue.js';
-/* empty css                                                          */
-import "../../MenuItem.vue_vue_type_style_index_0_scoped_true_lang.css";
-const _sfc_main = {
-  components: { Text },
-};
-const _hoisted_1 = { class: "menu-item" };
-const _hoisted_2 = { class: "start-icon" };
-
-function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_Text = resolveComponent("Text");
-
-  return (openBlock(), createElementBlock("div", _hoisted_1, [
-    createElementVNode("div", _hoisted_2, [
-      renderSlot(_ctx.$slots, "start-icon", {}, undefined, true)
-    ]),
-    createVNode(_component_Text, { size: "sm" }, {
-      default: withCtx(() => [
-        renderSlot(_ctx.$slots, "default", {}, undefined, true)
-      ]),
-      _: 3
-    }),
-    renderSlot(_ctx.$slots, "end-icon", {}, undefined, true)
-  ]))
-}
-var MenuItem = /*#__PURE__*/_export_sfc(_sfc_main, [['render',_sfc_render],['__scopeId',"data-v-6d064fb9"]]);
-
-export { MenuItem as default };

package/components/popover/Popover.vue.js

@@ -1,39 +0,0 @@
-import { defineComponent, openBlock, createBlock, unref, withCtx, renderSlot } from 'vue';
-import { Dropdown } from 'floating-vue';
-/* empty css                                             */
-import "../../Popover.vue_vue_type_style_index_0_lang.css";
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "Popover",
-  props: {
-    open: { type: Boolean },
-    autoHide: { type: Boolean, default: false },
-    trigger: { default: "click" },
-    disabled: { type: Boolean, default: false },
-    placement: { default: "bottom-start" },
-    distance: { default: 0 },
-    skidding: { default: 0 }
-  },
-  setup(__props) {
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(Dropdown), {
-        theme: "custom-popover",
-        placement: __props.placement,
-        shown: !!__props.open,
-        triggers: __props.trigger === "managed" ? [] : [__props.trigger],
-        "auto-hide": __props.autoHide,
-        distance: __props.distance,
-        skidding: __props.skidding
-      }, {
-        popper: withCtx(({ hide }) => [
-          renderSlot(_ctx.$slots, "content", { hide })
-        ]),
-        default: withCtx(() => [
-          renderSlot(_ctx.$slots, "trigger")
-        ]),
-        _: 3
-      }, 8, ["placement", "shown", "triggers", "auto-hide", "distance", "skidding"]);
-    };
-  }
-});
-
-export { _sfc_main as default };

package/components/radioButton/RadioButton.vue.js

@@ -1,84 +0,0 @@
-import { defineComponent, openBlock, createElementBlock, normalizeClass, unref, createElementVNode, withDirectives, isRef, vModelRadio, renderSlot, createVNode, withCtx, createTextVNode, toDisplayString, createBlock, createCommentVNode } from 'vue';
-import Text from '../typography/Text.vue.js';
-import { useRadio } from './useRadio.vue.js';
-/* empty css                                                             */import _export_sfc from '../../_virtual/plugin-vue_export-helper.vue.js';
-
-import "../../RadioButton.vue_vue_type_style_index_0_scoped_true_lang.css";
-const _hoisted_1 = { class: "wrapper" };
-const _hoisted_2 = ["value", "name", "disabled"];
-const _hoisted_3 = { class: "label" };
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "RadioButton",
-  props: {
-    label: { default: "" },
-    name: { default: "" },
-    helperText: { default: "" },
-    errorText: { default: "" },
-    modelValue: { default: void 0 }
-  },
-  emits: ["update:modelValue", "change"],
-  setup(__props, { emit }) {
-    const props = __props;
-    const { radioRef, focus, disabled, modelValue, radioGroup } = useRadio(
-      props,
-      emit
-    );
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("label", {
-        class: normalizeClass(["radio-button", { "radio-button--disabled": unref(disabled) }])
-      }, [
-        createElementVNode("span", _hoisted_1, [
-          withDirectives(createElementVNode("input", {
-            ref_key: "radioRef",
-            ref: radioRef,
-            "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => isRef(modelValue) ? modelValue.value = $event : null),
-            value: __props.label,
-            name: __props.name || unref(radioGroup)?.name,
-            type: "radio",
-            disabled: unref(disabled),
-            onFocus: _cache[1] || (_cache[1] = ($event) => focus.value = true),
-            onBlur: _cache[2] || (_cache[2] = ($event) => focus.value = false)
-          }, null, 40, _hoisted_2), [
-            [vModelRadio, unref(modelValue)]
-          ]),
-          createElementVNode("span", {
-            class: normalizeClass([{ "circle--selected": unref(modelValue) === __props.label }, "circle"])
-          }, null, 2)
-        ]),
-        createElementVNode("span", _hoisted_3, [
-          renderSlot(_ctx.$slots, "default", {}, () => [
-            createVNode(Text, { "is-truncated": "" }, {
-              default: withCtx(() => [
-                createTextVNode(toDisplayString(__props.label), 1)
-              ]),
-              _: 1
-            })
-          ], true),
-          !__props.errorText && __props.helperText ? (openBlock(), createBlock(Text, {
-            key: 0,
-            class: "helper-text--text helper-text",
-            size: "caption"
-          }, {
-            default: withCtx(() => [
-              createTextVNode(toDisplayString(__props.helperText), 1)
-            ]),
-            _: 1
-          })) : createCommentVNode("", true),
-          __props.errorText ? (openBlock(), createBlock(Text, {
-            key: 1,
-            size: "caption",
-            class: "helper-text--error helper-text"
-          }, {
-            default: withCtx(() => [
-              createTextVNode(toDisplayString(__props.errorText), 1)
-            ]),
-            _: 1
-          })) : createCommentVNode("", true)
-        ])
-      ], 2);
-    };
-  }
-});
-var RadioButton = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-2f4e9350"]]);
-
-export { RadioButton as default };

package/components/radioButton/RadioGroup.vue.js

@@ -1,56 +0,0 @@
-import { defineComponent, ref, onMounted, computed, provide, reactive, toRefs, openBlock, createElementBlock, normalizeClass, renderSlot, nextTick } from 'vue';
-import { useId } from '../../composables/useId.vue.js';
-import { radioGroupKey } from './useRadio.vue.js';
-/* empty css                                                            */import _export_sfc from '../../_virtual/plugin-vue_export-helper.vue.js';
-
-import "../../RadioGroup.vue_vue_type_style_index_0_scoped_true_lang.css";
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "RadioGroup",
-  props: {
-    name: { default: "" },
-    disabled: { type: Boolean, default: false },
-    modelValue: null,
-    row: { type: Boolean, default: false }
-  },
-  emits: ["update:modelValue", "change"],
-  setup(__props, { emit }) {
-    const props = __props;
-    const radioId = useId();
-    const radioGroupRef = ref();
-    const changeEvent = (value) => {
-      emit("update:modelValue", value);
-      nextTick(() => emit("change", value));
-    };
-    onMounted(() => {
-      const radios = radioGroupRef.value?.querySelectorAll("[type=radio]");
-      const firstLabel = radios[0];
-      if (!Array.from(radios).some((radio) => radio.checked) && firstLabel) {
-        firstLabel.tabIndex = 0;
-      }
-    });
-    const name = computed(() => {
-      return props.name || radioId.value;
-    });
-    provide(
-      radioGroupKey,
-      reactive({
-        ...toRefs(props),
-        changeEvent,
-        name
-      })
-    );
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", {
-        ref_key: "radioGroupRef",
-        ref: radioGroupRef,
-        class: normalizeClass([{ "radio-group--row": __props.row }, "radio-group"]),
-        role: "radiogroup"
-      }, [
-        renderSlot(_ctx.$slots, "default", {}, void 0, true)
-      ], 2);
-    };
-  }
-});
-var RadioGroup = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-046f75a0"]]);
-
-export { RadioGroup as default };