@ironsource/shared-ui 2.0.0-rc.6 → 2.0.0-rc.8
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/Button.vue_vue_type_style_index_0_scoped_bfe31a93_lang.css +1 -0
- package/ButtonBase.vue_vue_type_style_index_0_scoped_9021cac4_lang.css +1 -0
- package/ButtonV4.vue_vue_type_style_index_0_scoped_31e553e8_lang.css +1 -0
- package/Checkbox.vue_vue_type_style_index_0_scoped_58dedb90_lang.css +1 -0
- package/CheckboxV4.vue_vue_type_style_index_0_scoped_ee3e6d82_lang.css +1 -0
- package/DataGrid.vue_vue_type_style_index_0_scoped_7a670808_lang.css +1 -0
- package/Dropdown.vue_vue_type_style_index_0_scoped_d4f8e790_lang.css +1 -0
- package/FilterDropdown.vue_vue_type_style_index_0_scoped_b42d8b45_lang.css +1 -0
- package/FilterSearchInput.vue_vue_type_style_index_0_scoped_51006ea0_lang.css +1 -0
- package/FiltersPanel.vue_vue_type_style_index_0_scoped_9d2f3413_lang.css +1 -0
- package/FiltersPanelV4.vue_vue_type_style_index_0_scoped_39061862_lang.css +1 -0
- package/IconButton.vue_vue_type_style_index_0_scoped_6dffd3f6_lang.css +1 -0
- package/IncludeExclude.vue_vue_type_style_index_0_scoped_2a01a791_lang.css +1 -0
- package/IncludeExcludeDragDrop.vue_vue_type_style_index_0_scoped_85bff8f4_lang.css +1 -0
- package/IncludeExcludeOption.vue_vue_type_style_index_0_scoped_91bc7787_lang.css +1 -0
- package/Label.vue_vue_type_style_index_0_scoped_48e00c04_lang.css +1 -0
- package/Option.vue_vue_type_style_index_0_scoped_3d6ce2fc_lang.css +1 -0
- package/OptionV4.vue_vue_type_style_index_0_scoped_92add735_lang.css +1 -0
- package/Popover.vue_vue_type_style_index_0_scoped_25eb53db_lang.css +1 -0
- package/RadioButton.vue_vue_type_style_index_0_scoped_3c6b715c_lang.css +1 -0
- package/RadioButtonV4.vue_vue_type_style_index_0_scoped_14be812e_lang.css +1 -0
- package/RadioGroup.vue_vue_type_style_index_0_scoped_3071ef24_lang.css +1 -0
- package/RadioGroupV4.vue_vue_type_style_index_0_scoped_f8e8cbab_lang.css +1 -0
- package/SearchInput.vue_vue_type_style_index_0_scoped_b256f8ef_lang.css +1 -0
- package/Snackbar.vue_vue_type_style_index_0_scoped_cec4f8e5_lang.css +1 -0
- package/SnackbarV4.vue_vue_type_style_index_0_scoped_48311746_lang.css +1 -0
- package/components/autocompleteDropdown/AutocompleteDropdown.vue.d.ts +1 -1
- package/components/autocompleteDropdown/AutocompleteDropdown.vue2.js +3 -3
- package/components/autocompleteDropdown/index.d.ts +1 -1
- package/components/button/v3/Button.vue.d.ts +8 -31
- package/components/button/v3/Button.vue.js +3 -3
- package/components/button/v3/Button.vue2.js +43 -75
- package/components/button/{common → v3}/ButtonBase.vue.d.ts +9 -9
- package/components/button/{common → v3}/ButtonBase.vue.js +3 -3
- package/components/button/{common → v3}/ButtonBase.vue2.js +3 -3
- package/components/button/v3/IconButton.vue.js +2 -2
- package/components/button/v3/IconButton.vue2.js +4 -4
- package/components/button/v3/LoaderCircleIcon.vue2.js +0 -0
- package/components/button/v3/LoaderDotsIcon.vue2.js +0 -0
- package/components/button/v3/index.d.ts +130 -0
- package/components/button/v4/ButtonV4.vue.d.ts +21 -6
- package/components/button/v4/ButtonV4.vue.js +4 -4
- package/components/button/v4/ButtonV4.vue2.js +41 -35
- package/components/button/v4/index.d.ts +72 -15
- package/components/checkbox/common/Checkbox.common.d.ts +11 -0
- package/components/checkbox/common/Checkbox.common.js +32 -0
- package/components/checkbox/v3/Checkbox.vue.js +7 -0
- package/components/checkbox/v3/Checkbox.vue2.js +99 -0
- package/components/checkbox/{icons → v3/icons}/checked.vue.js +1 -1
- package/components/checkbox/{icons → v3/icons}/indeterminate.vue.js +1 -1
- package/components/checkbox/{icons → v3/icons}/unchecked.vue.js +1 -1
- package/components/checkbox/v4/CheckboxV4.vue.d.ts +53 -0
- package/components/checkbox/v4/CheckboxV4.vue.js +7 -0
- package/components/checkbox/v4/CheckboxV4.vue2.js +107 -0
- package/components/checkbox/v4/icons/CheckedDisabledState.vue.js +38 -0
- package/components/checkbox/v4/icons/CheckedState.vue.d.ts +2 -0
- package/components/checkbox/v4/icons/CheckedState.vue.js +38 -0
- package/components/checkbox/v4/icons/IndeterminateDisabledState.vue.d.ts +2 -0
- package/components/checkbox/v4/icons/IndeterminateDisabledState.vue.js +40 -0
- package/components/checkbox/v4/icons/IndeterminateState.vue.d.ts +2 -0
- package/components/checkbox/v4/icons/IndeterminateState.vue.js +40 -0
- package/components/checkbox/v4/icons/UncheckedDisabledState.vue.d.ts +2 -0
- package/components/checkbox/v4/icons/UncheckedDisabledState.vue.js +31 -0
- package/components/checkbox/v4/icons/UncheckedState.vue.d.ts +2 -0
- package/components/checkbox/v4/icons/UncheckedState.vue.js +31 -0
- package/components/checkbox/v4/index.d.ts +152 -0
- package/components/checkbox/v4/index.js +6 -0
- package/components/chip/v3/Chip.vue.d.ts +1 -1
- package/components/chip/v3/index.d.ts +20 -20
- package/components/chip/v4/ChipV4.vue.d.ts +1 -1
- package/components/chip/v4/index.d.ts +20 -20
- package/components/dialog/v3/Dialog.vue.d.ts +1 -1
- package/components/dialog/v3/index.d.ts +4 -4
- package/components/dialog/v4/DialogV4.vue.d.ts +1 -1
- package/components/dialog/v4/index.d.ts +4 -4
- package/components/dropdown/v3/Dropdown.vue.d.ts +5 -5
- package/components/dropdown/v3/Dropdown.vue.js +2 -2
- package/components/dropdown/v3/Dropdown.vue2.js +5 -5
- package/components/dropdown/v3/Label.vue.js +7 -0
- package/components/dropdown/{common → v3}/Label.vue2.js +2 -2
- package/components/dropdown/v3/Option.vue.js +7 -0
- package/components/dropdown/{common → v3}/Option.vue2.js +3 -3
- package/components/dropdown/{common → v3}/SearchInput.vue.js +2 -2
- package/components/dropdown/{common → v3}/SearchInput.vue2.js +2 -2
- package/components/dropdown/v3/index.d.ts +62 -62
- package/components/dropdown/v3/index.js +3 -3
- package/components/dropdown/v4/ChipDropdownTrigger.vue.d.ts +1 -1
- package/components/dropdown/v4/DefaultDropdownTrigger.vue.d.ts +3 -3
- package/components/dropdown/v4/DropdownV4.vue.d.ts +2 -2
- package/components/dropdown/v4/OptionV4.vue.js +3 -3
- package/components/dropdown/v4/OptionV4.vue2.js +2 -2
- package/components/dropdown/v4/index.d.ts +111 -111
- package/components/emptyState/v3/EmptyState.vue.d.ts +3 -3
- package/components/emptyState/v3/index.d.ts +7 -7
- package/components/filterDropdown/FilterDropdown.vue.d.ts +1 -1
- package/components/filterDropdown/FilterDropdown.vue.js +2 -2
- package/components/filterDropdown/FilterDropdown.vue2.js +7 -7
- package/components/filterDropdown/index.d.ts +2 -2
- package/components/filtersPanel/v3/FilterSearchInput.vue.d.ts +2 -0
- package/components/filtersPanel/v3/FilterSearchInput.vue.js +7 -0
- package/components/filtersPanel/{FilterSearchInput.vue2.js → v3/FilterSearchInput.vue2.js} +6 -6
- package/components/filtersPanel/v3/FiltersPanel.vue.js +7 -0
- package/components/filtersPanel/{FiltersPanel.vue2.js → v3/FiltersPanel.vue2.js} +1 -1
- package/components/filtersPanel/v4/FiltersPanelV4.vue.d.ts +44 -0
- package/components/filtersPanel/v4/FiltersPanelV4.vue.js +7 -0
- package/components/filtersPanel/v4/FiltersPanelV4.vue2.js +23 -0
- package/components/filtersPanel/v4/index.d.ts +101 -0
- package/components/filtersPanel/v4/index.js +6 -0
- package/components/filtersPanel/v4/storyConsts.d.ts +20 -0
- package/components/icon/icons/FiltersSearch.vue.d.ts +2 -0
- package/components/icon/v3/icons/index.d.ts +3 -0
- package/components/icon/v3/icons/index.js +3 -0
- package/components/icon/v3/index.d.ts +3 -0
- package/components/includeExclude/IncludeExclude.vue.d.ts +2 -2
- package/components/includeExclude/IncludeExclude.vue.js +3 -3
- package/components/includeExclude/IncludeExclude.vue2.js +23 -24
- package/components/includeExclude/IncludeExcludeAppHeader.vue.d.ts +2 -2
- package/components/includeExclude/IncludeExcludeChipFilter.vue.d.ts +2 -2
- package/components/includeExclude/IncludeExcludeDragDrop.vue.d.ts +2 -2
- package/components/includeExclude/IncludeExcludeDragDrop.vue.js +3 -3
- package/components/includeExclude/IncludeExcludeDragDrop.vue2.js +31 -32
- package/components/includeExclude/IncludeExcludeOption.vue.js +5 -5
- package/components/includeExclude/IncludeExcludeOption.vue2.js +2 -2
- package/components/includeExclude/index.d.ts +135 -135
- package/components/input/v3/Input.vue.d.ts +3 -3
- package/components/input/v3/index.d.ts +82 -82
- package/components/input/v4/TextField.vue.d.ts +6 -6
- package/components/input/v4/index.d.ts +103 -103
- package/components/menu/Menu.vue.d.ts +1 -1
- package/components/menu/index.d.ts +20 -20
- package/components/multibar/MultiBar.vue.d.ts +1 -1
- package/components/multibar/index.d.ts +1 -1
- package/components/popover/Popover.vue.js +6 -36
- package/components/popover/Popover.vue2.js +36 -3
- package/components/popover/index.d.ts +16 -16
- package/components/popover/index.js +2 -3
- package/components/radioButton/common/radioGroup.common.d.ts +3 -0
- package/components/radioButton/common/radioGroup.common.js +26 -0
- package/components/radioButton/v3/RadioButton.vue.js +7 -0
- package/components/radioButton/v3/RadioButton.vue2.js +79 -0
- package/components/radioButton/v3/RadioGroup.vue.js +7 -0
- package/components/radioButton/v3/RadioGroup.vue2.js +29 -0
- package/components/radioButton/v4/RadioButtonV4.vue.d.ts +59 -0
- package/components/radioButton/v4/RadioButtonV4.vue.js +7 -0
- package/components/radioButton/v4/RadioButtonV4.vue2.js +67 -0
- package/components/radioButton/v4/RadioGroupV4.vue.d.ts +61 -0
- package/components/radioButton/v4/RadioGroupV4.vue.js +7 -0
- package/components/radioButton/v4/RadioGroupV4.vue2.js +29 -0
- package/components/radioButton/v4/index.d.ts +334 -0
- package/components/radioButton/v4/index.js +8 -0
- package/components/snackbar/common/notify.d.ts +3 -0
- package/components/snackbar/common/notify.js +82 -0
- package/components/snackbar/common/snackbar.common.d.ts +11 -0
- package/components/snackbar/common/snackbar.common.js +51 -0
- package/components/snackbar/v3/Snackbar.vue.js +7 -0
- package/components/snackbar/v3/Snackbar.vue2.js +129 -0
- package/components/snackbar/v3/index.d.ts +3 -0
- package/components/snackbar/v3/index.js +10 -0
- package/components/snackbar/v4/SnackbarV4.vue.d.ts +206 -0
- package/components/snackbar/v4/SnackbarV4.vue.js +7 -0
- package/components/snackbar/v4/SnackbarV4.vue2.js +137 -0
- package/components/snackbar/v4/index.d.ts +4 -0
- package/components/snackbar/v4/index.js +11 -0
- package/components/table/v3/index.d.ts +16 -16
- package/components/table/v4/DataGrid.vue.d.ts +1 -1
- package/components/table/v4/DataGrid.vue.js +2 -2
- package/components/table/v4/DataGrid.vue2.js +28 -29
- package/components/table/v4/index.d.ts +20 -20
- package/components/toggle/v3/Toggle.vue.d.ts +1 -1
- package/components/toggle/v3/index.d.ts +17 -17
- package/components/toggle/v4/ToggleV4.vue.d.ts +2 -2
- package/index.d.ts +2125 -828
- package/index.js +145 -152
- package/package.json +40 -15
- package/testids/index.d.ts +8 -0
- package/testids/index.js +14 -13
- package/Button.vue_vue_type_style_index_0_scoped_d92097c8_lang.css +0 -1
- package/ButtonBase.vue_vue_type_style_index_0_scoped_70baba59_lang.css +0 -1
- package/ButtonV4.vue_vue_type_style_index_0_scoped_43578f8c_lang.css +0 -1
- package/Checkbox.vue_vue_type_style_index_0_scoped_518c02d0_lang.css +0 -1
- package/DataGrid.vue_vue_type_style_index_0_scoped_f080f37f_lang.css +0 -1
- package/Dropdown.vue_vue_type_style_index_0_scoped_0114904e_lang.css +0 -1
- package/FilterDropdown.vue_vue_type_style_index_0_scoped_b25c5605_lang.css +0 -1
- package/FilterSearchInput.vue_vue_type_style_index_0_scoped_9198bf4e_lang.css +0 -1
- package/FiltersPanel.vue_vue_type_style_index_0_scoped_2996b384_lang.css +0 -1
- package/IconButton.vue_vue_type_style_index_0_scoped_2fe9bc4c_lang.css +0 -1
- package/IncludeExclude.vue_vue_type_style_index_0_scoped_2c9debd6_lang.css +0 -1
- package/IncludeExcludeDragDrop.vue_vue_type_style_index_0_scoped_ff32d111_lang.css +0 -1
- package/IncludeExcludeOption.vue_vue_type_style_index_0_scoped_4a87e4fd_lang.css +0 -1
- package/Label.vue_vue_type_style_index_0_scoped_5faaafce_lang.css +0 -1
- package/Option.vue_vue_type_style_index_0_scoped_2432f13f_lang.css +0 -1
- package/OptionV4.vue_vue_type_style_index_0_scoped_b879fe79_lang.css +0 -1
- package/RadioButton.vue_vue_type_style_index_0_scoped_f5d3359c_lang.css +0 -1
- package/RadioGroup.vue_vue_type_style_index_0_scoped_50bc6963_lang.css +0 -1
- package/SearchInput.vue_vue_type_style_index_0_scoped_0b1ea2f6_lang.css +0 -1
- package/Snackbar.vue_vue_type_style_index_0_scoped_d14230ca_lang.css +0 -1
- package/components/button/common/ButtonSuper.vue.d.ts +0 -52
- package/components/checkbox/Checkbox.vue.js +0 -7
- package/components/checkbox/Checkbox.vue2.js +0 -97
- package/components/dropdown/common/Label.vue.js +0 -7
- package/components/dropdown/common/Option.vue.js +0 -7
- package/components/filtersPanel/FilterSearchInput.vue.js +0 -7
- package/components/filtersPanel/FiltersPanel.vue.js +0 -7
- package/components/radioButton/RadioButton.vue.js +0 -7
- package/components/radioButton/RadioButton.vue2.js +0 -82
- package/components/radioButton/RadioGroup.vue.js +0 -7
- package/components/radioButton/RadioGroup.vue2.js +0 -44
- package/components/snackbar/Snackbar.vue.js +0 -7
- package/components/snackbar/Snackbar.vue2.js +0 -150
- package/components/snackbar/index.d.ts +0 -3
- package/components/snackbar/index.js +0 -6
- package/components/snackbar/notify.js +0 -84
- /package/{Popover.vue_vue_type_style_index_0_lang.css → Popover.vue_vue_type_style_index_1_lang.css} +0 -0
- /package/components/button/{consts.d.ts → common/consts.d.ts} +0 -0
- /package/components/button/{consts.js → common/consts.js} +0 -0
- /package/components/button/{icon → v3}/LoaderCircleIcon.vue.d.ts +0 -0
- /package/components/button/{icon → v3}/LoaderCircleIcon.vue.js +0 -0
- /package/components/button/{icon → v3}/LoaderDotsIcon.vue.d.ts +0 -0
- /package/components/button/{icon → v3}/LoaderDotsIcon.vue.js +0 -0
- /package/components/checkbox/{Checkbox.vue.d.ts → v3/Checkbox.vue.d.ts} +0 -0
- /package/components/checkbox/{icons → v3/icons}/checked.vue.d.ts +0 -0
- /package/components/checkbox/{icons → v3/icons}/indeterminate.vue.d.ts +0 -0
- /package/components/checkbox/{icons → v3/icons}/unchecked.vue.d.ts +0 -0
- /package/components/checkbox/{index.d.ts → v3/index.d.ts} +0 -0
- /package/components/checkbox/{index.js → v3/index.js} +0 -0
- /package/components/{filtersPanel/FilterSearchInput.vue.d.ts → checkbox/v4/icons/CheckedDisabledState.vue.d.ts} +0 -0
- /package/components/dropdown/{common → v3}/Label.vue.d.ts +0 -0
- /package/components/dropdown/{common → v3}/Option.vue.d.ts +0 -0
- /package/components/dropdown/{common → v3}/SearchInput.vue.d.ts +0 -0
- /package/components/filtersPanel/{Filter.d.ts → v3/Filter.d.ts} +0 -0
- /package/components/filtersPanel/{index.d.ts → v3/index.d.ts} +0 -0
- /package/components/filtersPanel/{index.js → v3/index.js} +0 -0
- /package/components/filtersPanel/{useHiddenFilter.d.ts → v3/useHiddenFilter.d.ts} +0 -0
- /package/components/filtersPanel/{useHiddenFilter.js → v3/useHiddenFilter.js} +0 -0
- /package/components/radioButton/{useRadio.d.ts → common/useRadio.d.ts} +0 -0
- /package/components/radioButton/{useRadio.js → common/useRadio.js} +0 -0
- /package/components/radioButton/{RadioButton.vue.d.ts → v3/RadioButton.vue.d.ts} +0 -0
- /package/components/radioButton/{RadioGroup.vue.d.ts → v3/RadioGroup.vue.d.ts} +0 -0
- /package/components/radioButton/{index.d.ts → v3/index.d.ts} +0 -0
- /package/components/radioButton/{index.js → v3/index.js} +0 -0
- /package/components/snackbar/{notify.d.ts → common/notify_old.d.ts} +0 -0
- /package/components/snackbar/{snackbar.types.d.ts → common/snackbar.types.d.ts} +0 -0
- /package/components/snackbar/{snackbar.types.js → common/snackbar.types.js} +0 -0
- /package/components/snackbar/{Snackbar.vue.d.ts → v3/Snackbar.vue.d.ts} +0 -0
|
@@ -1,26 +1,28 @@
|
|
|
1
|
-
import "../../../ButtonV4.
|
|
2
|
-
import
|
|
3
|
-
import
|
|
4
|
-
import
|
|
5
|
-
|
|
6
|
-
const k = ["data-testid", "disabled"], w = { key: 0 }, S = /* @__PURE__ */ y({
|
|
1
|
+
import "../../../ButtonV4.vue_vue_type_style_index_0_scoped_31e553e8_lang.css"; import { defineComponent as N, computed as h, openBlock as a, createElementBlock as s, normalizeClass as i, createElementVNode as r, createBlock as f, unref as t, createCommentVNode as n, createVNode as c, withCtx as u, renderSlot as m, createTextVNode as z, toDisplayString as g } from "vue";
|
|
2
|
+
import I from "../../typography/v4/Typography.vue.js";
|
|
3
|
+
import y from "../../icon/v4/IconV4.vue.js";
|
|
4
|
+
import b from "../../loader/v4/Loader.vue.js";
|
|
5
|
+
const k = ["data-testid", "disabled"], v = { key: 0 }, V = /* @__PURE__ */ N({
|
|
7
6
|
__name: "ButtonV4",
|
|
8
7
|
props: {
|
|
9
8
|
variant: { default: "contained" },
|
|
10
9
|
color: { default: "primary" },
|
|
11
10
|
size: { default: "medium" },
|
|
12
11
|
loading: { type: Boolean, default: !1 },
|
|
12
|
+
disabled: { type: Boolean, default: !1 },
|
|
13
|
+
testId: { default: "" },
|
|
14
|
+
content: { default: "" },
|
|
13
15
|
startIconName: { default: null },
|
|
14
16
|
endIconName: { default: null },
|
|
15
|
-
|
|
16
|
-
|
|
17
|
+
startIconType: { default: "regular" },
|
|
18
|
+
endIconType: { default: "regular" }
|
|
17
19
|
},
|
|
18
20
|
setup(e) {
|
|
19
|
-
const
|
|
20
|
-
() =>
|
|
21
|
+
const d = e, o = h(
|
|
22
|
+
() => d.size === "small" || d.size === "medium" ? 16 : 20
|
|
21
23
|
);
|
|
22
|
-
return (
|
|
23
|
-
class:
|
|
24
|
+
return (l, w) => (a(), s("button", {
|
|
25
|
+
class: i([[
|
|
24
26
|
e.size,
|
|
25
27
|
e.color,
|
|
26
28
|
e.variant,
|
|
@@ -30,44 +32,48 @@ const k = ["data-testid", "disabled"], w = { key: 0 }, S = /* @__PURE__ */ y({
|
|
|
30
32
|
"with-end-icon": !!e.endIconName
|
|
31
33
|
}
|
|
32
34
|
], "button-wrap"]),
|
|
33
|
-
"data-testid":
|
|
35
|
+
"data-testid": d.testId,
|
|
34
36
|
disabled: e.disabled
|
|
35
37
|
}, [
|
|
36
|
-
e.loading ?
|
|
37
|
-
|
|
38
|
-
class:
|
|
38
|
+
e.loading ? n("", !0) : (a(), s("span", v, [
|
|
39
|
+
r("div", {
|
|
40
|
+
class: i({
|
|
39
41
|
flex: e.startIconName || e.endIconName
|
|
40
42
|
})
|
|
41
43
|
}, [
|
|
42
|
-
e.startIconName ? (
|
|
44
|
+
e.startIconName ? (a(), f(t(y), {
|
|
43
45
|
key: 0,
|
|
44
46
|
name: e.startIconName,
|
|
45
|
-
|
|
47
|
+
size: `${t(o)}px`,
|
|
48
|
+
type: e.startIconType,
|
|
46
49
|
class: "start-icon"
|
|
47
|
-
}, null, 8, ["name", "
|
|
48
|
-
|
|
49
|
-
default:
|
|
50
|
-
m(
|
|
50
|
+
}, null, 8, ["name", "size", "type"])) : n("", !0),
|
|
51
|
+
c(t(I), { variant: "button" }, {
|
|
52
|
+
default: u(() => [
|
|
53
|
+
m(l.$slots, "default", {}, () => [
|
|
54
|
+
z(g(e.content), 1)
|
|
55
|
+
], !0)
|
|
51
56
|
]),
|
|
52
57
|
_: 3
|
|
53
58
|
}),
|
|
54
|
-
e.endIconName ? (
|
|
59
|
+
e.endIconName ? (a(), f(t(y), {
|
|
55
60
|
key: 1,
|
|
56
61
|
name: e.endIconName,
|
|
57
|
-
|
|
62
|
+
size: `${t(o)}px`,
|
|
63
|
+
type: e.endIconType,
|
|
58
64
|
class: "end-icon"
|
|
59
|
-
}, null, 8, ["name", "
|
|
65
|
+
}, null, 8, ["name", "size", "type"])) : n("", !0)
|
|
60
66
|
], 2)
|
|
61
67
|
])),
|
|
62
|
-
e.loading ? m(
|
|
63
|
-
|
|
64
|
-
default:
|
|
65
|
-
|
|
66
|
-
class:
|
|
68
|
+
e.loading ? m(l.$slots, "loader", { key: 1 }, () => [
|
|
69
|
+
c(t(b), { "max-width": t(o) }, {
|
|
70
|
+
default: u(() => [
|
|
71
|
+
r("div", {
|
|
72
|
+
class: i({ "content-with-icon": e.startIconName || e.endIconName })
|
|
67
73
|
}, [
|
|
68
|
-
|
|
69
|
-
default:
|
|
70
|
-
m(
|
|
74
|
+
c(t(I), { variant: "button" }, {
|
|
75
|
+
default: u(() => [
|
|
76
|
+
m(l.$slots, "default", {}, void 0, !0)
|
|
71
77
|
]),
|
|
72
78
|
_: 3
|
|
73
79
|
})
|
|
@@ -75,10 +81,10 @@ const k = ["data-testid", "disabled"], w = { key: 0 }, S = /* @__PURE__ */ y({
|
|
|
75
81
|
]),
|
|
76
82
|
_: 3
|
|
77
83
|
}, 8, ["max-width"])
|
|
78
|
-
], !0) :
|
|
84
|
+
], !0) : n("", !0)
|
|
79
85
|
], 10, k));
|
|
80
86
|
}
|
|
81
87
|
});
|
|
82
88
|
export {
|
|
83
|
-
|
|
89
|
+
V as default
|
|
84
90
|
};
|
|
@@ -9,10 +9,13 @@ declare const ButtonTypes: () => (({
|
|
|
9
9
|
testId: string;
|
|
10
10
|
variant: "text" | "contained" | "outlined";
|
|
11
11
|
loading: boolean;
|
|
12
|
+
content: string;
|
|
12
13
|
disabled: boolean;
|
|
13
14
|
color: "default" | "info" | "success" | "warning" | "primary" | "danger";
|
|
14
|
-
startIconName:
|
|
15
|
-
endIconName:
|
|
15
|
+
startIconName: string;
|
|
16
|
+
endIconName: string;
|
|
17
|
+
startIconType: "fill" | "bold" | "ab-test" | "regular" | "branded" | "ad-unit";
|
|
18
|
+
endIconType: "fill" | "bold" | "ab-test" | "regular" | "branded" | "ad-unit";
|
|
16
19
|
}> & Omit<Readonly<import("vue").ExtractPropTypes<{
|
|
17
20
|
size: {
|
|
18
21
|
type: import("vue").PropType<"small" | "medium" | "large" | "extraLarge">;
|
|
@@ -30,6 +33,10 @@ declare const ButtonTypes: () => (({
|
|
|
30
33
|
type: import("vue").PropType<boolean>;
|
|
31
34
|
default: boolean;
|
|
32
35
|
};
|
|
36
|
+
content: {
|
|
37
|
+
type: import("vue").PropType<string>;
|
|
38
|
+
default: string;
|
|
39
|
+
};
|
|
33
40
|
disabled: {
|
|
34
41
|
type: import("vue").PropType<boolean>;
|
|
35
42
|
default: boolean;
|
|
@@ -39,14 +46,22 @@ declare const ButtonTypes: () => (({
|
|
|
39
46
|
default: string;
|
|
40
47
|
};
|
|
41
48
|
startIconName: {
|
|
42
|
-
type: import("vue").PropType<
|
|
49
|
+
type: import("vue").PropType<string>;
|
|
43
50
|
default: any;
|
|
44
51
|
};
|
|
45
52
|
endIconName: {
|
|
46
|
-
type: import("vue").PropType<
|
|
53
|
+
type: import("vue").PropType<string>;
|
|
47
54
|
default: any;
|
|
48
55
|
};
|
|
49
|
-
|
|
56
|
+
startIconType: {
|
|
57
|
+
type: import("vue").PropType<"fill" | "bold" | "ab-test" | "regular" | "branded" | "ad-unit">;
|
|
58
|
+
default: string;
|
|
59
|
+
};
|
|
60
|
+
endIconType: {
|
|
61
|
+
type: import("vue").PropType<"fill" | "bold" | "ab-test" | "regular" | "branded" | "ad-unit">;
|
|
62
|
+
default: string;
|
|
63
|
+
};
|
|
64
|
+
}>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "size" | "testId" | "variant" | "loading" | "content" | "disabled" | "color" | "startIconName" | "endIconName" | "startIconType" | "endIconType">;
|
|
50
65
|
$attrs: {
|
|
51
66
|
[x: string]: unknown;
|
|
52
67
|
};
|
|
@@ -77,6 +92,10 @@ declare const ButtonTypes: () => (({
|
|
|
77
92
|
type: import("vue").PropType<boolean>;
|
|
78
93
|
default: boolean;
|
|
79
94
|
};
|
|
95
|
+
content: {
|
|
96
|
+
type: import("vue").PropType<string>;
|
|
97
|
+
default: string;
|
|
98
|
+
};
|
|
80
99
|
disabled: {
|
|
81
100
|
type: import("vue").PropType<boolean>;
|
|
82
101
|
default: boolean;
|
|
@@ -86,22 +105,33 @@ declare const ButtonTypes: () => (({
|
|
|
86
105
|
default: string;
|
|
87
106
|
};
|
|
88
107
|
startIconName: {
|
|
89
|
-
type: import("vue").PropType<
|
|
108
|
+
type: import("vue").PropType<string>;
|
|
90
109
|
default: any;
|
|
91
110
|
};
|
|
92
111
|
endIconName: {
|
|
93
|
-
type: import("vue").PropType<
|
|
112
|
+
type: import("vue").PropType<string>;
|
|
94
113
|
default: any;
|
|
95
114
|
};
|
|
115
|
+
startIconType: {
|
|
116
|
+
type: import("vue").PropType<"fill" | "bold" | "ab-test" | "regular" | "branded" | "ad-unit">;
|
|
117
|
+
default: string;
|
|
118
|
+
};
|
|
119
|
+
endIconType: {
|
|
120
|
+
type: import("vue").PropType<"fill" | "bold" | "ab-test" | "regular" | "branded" | "ad-unit">;
|
|
121
|
+
default: string;
|
|
122
|
+
};
|
|
96
123
|
}>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
|
|
97
124
|
size: "small" | "medium" | "large" | "extraLarge";
|
|
98
125
|
testId: string;
|
|
99
126
|
variant: "text" | "contained" | "outlined";
|
|
100
127
|
loading: boolean;
|
|
128
|
+
content: string;
|
|
101
129
|
disabled: boolean;
|
|
102
130
|
color: "default" | "info" | "success" | "warning" | "primary" | "danger";
|
|
103
|
-
startIconName:
|
|
104
|
-
endIconName:
|
|
131
|
+
startIconName: string;
|
|
132
|
+
endIconName: string;
|
|
133
|
+
startIconType: "fill" | "bold" | "ab-test" | "regular" | "branded" | "ad-unit";
|
|
134
|
+
endIconType: "fill" | "bold" | "ab-test" | "regular" | "branded" | "ad-unit";
|
|
105
135
|
}, {}, string> & {
|
|
106
136
|
beforeCreate?: (() => void) | (() => void)[];
|
|
107
137
|
created?: (() => void) | (() => void)[];
|
|
@@ -139,6 +169,10 @@ declare const ButtonTypes: () => (({
|
|
|
139
169
|
type: import("vue").PropType<boolean>;
|
|
140
170
|
default: boolean;
|
|
141
171
|
};
|
|
172
|
+
content: {
|
|
173
|
+
type: import("vue").PropType<string>;
|
|
174
|
+
default: string;
|
|
175
|
+
};
|
|
142
176
|
disabled: {
|
|
143
177
|
type: import("vue").PropType<boolean>;
|
|
144
178
|
default: boolean;
|
|
@@ -148,13 +182,21 @@ declare const ButtonTypes: () => (({
|
|
|
148
182
|
default: string;
|
|
149
183
|
};
|
|
150
184
|
startIconName: {
|
|
151
|
-
type: import("vue").PropType<
|
|
185
|
+
type: import("vue").PropType<string>;
|
|
152
186
|
default: any;
|
|
153
187
|
};
|
|
154
188
|
endIconName: {
|
|
155
|
-
type: import("vue").PropType<
|
|
189
|
+
type: import("vue").PropType<string>;
|
|
156
190
|
default: any;
|
|
157
191
|
};
|
|
192
|
+
startIconType: {
|
|
193
|
+
type: import("vue").PropType<"fill" | "bold" | "ab-test" | "regular" | "branded" | "ad-unit">;
|
|
194
|
+
default: string;
|
|
195
|
+
};
|
|
196
|
+
endIconType: {
|
|
197
|
+
type: import("vue").PropType<"fill" | "bold" | "ab-test" | "regular" | "branded" | "ad-unit">;
|
|
198
|
+
default: string;
|
|
199
|
+
};
|
|
158
200
|
}>> & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
|
|
159
201
|
__isFragment?: never;
|
|
160
202
|
__isTeleport?: never;
|
|
@@ -176,6 +218,10 @@ declare const ButtonTypes: () => (({
|
|
|
176
218
|
type: import("vue").PropType<boolean>;
|
|
177
219
|
default: boolean;
|
|
178
220
|
};
|
|
221
|
+
content: {
|
|
222
|
+
type: import("vue").PropType<string>;
|
|
223
|
+
default: string;
|
|
224
|
+
};
|
|
179
225
|
disabled: {
|
|
180
226
|
type: import("vue").PropType<boolean>;
|
|
181
227
|
default: boolean;
|
|
@@ -185,22 +231,33 @@ declare const ButtonTypes: () => (({
|
|
|
185
231
|
default: string;
|
|
186
232
|
};
|
|
187
233
|
startIconName: {
|
|
188
|
-
type: import("vue").PropType<
|
|
234
|
+
type: import("vue").PropType<string>;
|
|
189
235
|
default: any;
|
|
190
236
|
};
|
|
191
237
|
endIconName: {
|
|
192
|
-
type: import("vue").PropType<
|
|
238
|
+
type: import("vue").PropType<string>;
|
|
193
239
|
default: any;
|
|
194
240
|
};
|
|
241
|
+
startIconType: {
|
|
242
|
+
type: import("vue").PropType<"fill" | "bold" | "ab-test" | "regular" | "branded" | "ad-unit">;
|
|
243
|
+
default: string;
|
|
244
|
+
};
|
|
245
|
+
endIconType: {
|
|
246
|
+
type: import("vue").PropType<"fill" | "bold" | "ab-test" | "regular" | "branded" | "ad-unit">;
|
|
247
|
+
default: string;
|
|
248
|
+
};
|
|
195
249
|
}>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
|
|
196
250
|
size: "small" | "medium" | "large" | "extraLarge";
|
|
197
251
|
testId: string;
|
|
198
252
|
variant: "text" | "contained" | "outlined";
|
|
199
253
|
loading: boolean;
|
|
254
|
+
content: string;
|
|
200
255
|
disabled: boolean;
|
|
201
256
|
color: "default" | "info" | "success" | "warning" | "primary" | "danger";
|
|
202
|
-
startIconName:
|
|
203
|
-
endIconName:
|
|
257
|
+
startIconName: string;
|
|
258
|
+
endIconName: string;
|
|
259
|
+
startIconType: "fill" | "bold" | "ab-test" | "regular" | "branded" | "ad-unit";
|
|
260
|
+
endIconType: "fill" | "bold" | "ab-test" | "regular" | "branded" | "ad-unit";
|
|
204
261
|
}, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
|
|
205
262
|
$slots: {
|
|
206
263
|
default?(_: {}): any;
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
export declare const checkboxCommon: (props: any, emit: any) => {
|
|
2
|
+
id: string;
|
|
3
|
+
checkbox: any;
|
|
4
|
+
isFocusVisible: import("vue").Ref<boolean>;
|
|
5
|
+
handleFocus: (event: any) => void;
|
|
6
|
+
handleBlur: (event: any) => void;
|
|
7
|
+
indeterminate: import("vue").ComputedRef<any>;
|
|
8
|
+
checked: import("vue").ComputedRef<any>;
|
|
9
|
+
unchecked: import("vue").ComputedRef<boolean>;
|
|
10
|
+
updateValue: (e: Event) => void;
|
|
11
|
+
};
|
|
@@ -0,0 +1,32 @@
|
|
|
1
|
+
import { ref as i, computed as t } from "vue";
|
|
2
|
+
import { useId as b } from "../../../composables/useId.js";
|
|
3
|
+
import V from "../../../composables/useIsFocusVisible.js";
|
|
4
|
+
const I = (c, n) => {
|
|
5
|
+
const l = i(null), a = `checkbox-${b().value}`, {
|
|
6
|
+
isFocusVisibleRef: o,
|
|
7
|
+
onFocus: d,
|
|
8
|
+
onBlur: r
|
|
9
|
+
} = V(), s = i(!1), h = (e) => {
|
|
10
|
+
d(e), o.value === !0 && (s.value = !0);
|
|
11
|
+
}, m = (e) => {
|
|
12
|
+
r(e), o.value === !1 && (s.value = !1);
|
|
13
|
+
}, f = t(
|
|
14
|
+
() => !c.isChecked && c.isIndeterminate
|
|
15
|
+
), u = t(() => c.isChecked), k = t(() => !u.value && !c.isIndeterminate);
|
|
16
|
+
return {
|
|
17
|
+
id: a,
|
|
18
|
+
checkbox: l,
|
|
19
|
+
isFocusVisible: s,
|
|
20
|
+
handleFocus: h,
|
|
21
|
+
handleBlur: m,
|
|
22
|
+
indeterminate: f,
|
|
23
|
+
checked: u,
|
|
24
|
+
unchecked: k,
|
|
25
|
+
updateValue: (e) => {
|
|
26
|
+
n("update:isChecked", e.target.checked);
|
|
27
|
+
}
|
|
28
|
+
};
|
|
29
|
+
};
|
|
30
|
+
export {
|
|
31
|
+
I as checkboxCommon
|
|
32
|
+
};
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import o from "./Checkbox.vue2.js";
|
|
2
|
+
/* empty css */import e from "../../../_virtual/_plugin-vue_export-helper.js";
|
|
3
|
+
// import "../../../Checkbox.vue_vue_type_style_index_0_scoped_58dedb90_lang.css"; //*');
|
|
4
|
+
const c = /* @__PURE__ */ e(o, [["__scopeId", "data-v-58dedb90"]]);
|
|
5
|
+
export {
|
|
6
|
+
c as default
|
|
7
|
+
};
|
|
@@ -0,0 +1,99 @@
|
|
|
1
|
+
import "../../../Checkbox.vue_vue_type_style_index_0_scoped_58dedb90_lang.css"; import { defineComponent as z, openBlock as i, createElementBlock as B, unref as e, normalizeClass as E, createElementVNode as r, mergeProps as V, createVNode as S, withCtx as p, createBlock as s, createCommentVNode as c, renderSlot as F, createTextVNode as N, toDisplayString as g, pushScopeId as D, popScopeId as L } from "vue";
|
|
2
|
+
import "../../typography/Heading.vue.js";
|
|
3
|
+
import P from "../../typography/Text.vue.js";
|
|
4
|
+
import T from "../../icon/v3/Icon.vue.js";
|
|
5
|
+
import v from "./icons/unchecked.vue.js";
|
|
6
|
+
import w from "./icons/checked.vue.js";
|
|
7
|
+
import A from "./icons/indeterminate.vue.js";
|
|
8
|
+
import { CheckboxTestIdModifiers as a } from "../../../testids/index.js";
|
|
9
|
+
import { checkboxCommon as R } from "../common/Checkbox.common.js";
|
|
10
|
+
const H = (t) => (D("data-v-58dedb90"), t = t(), L(), t), K = ["for", "data-testid"], M = { class: "checkboxes" }, U = ["id", "disabled", "checked", ".indeterminate", "data-testid"], W = /* @__PURE__ */ H(() => /* @__PURE__ */ r("span", { class: "checkbox__inner" }, null, -1)), _ = /* @__PURE__ */ z({
|
|
11
|
+
__name: "Checkbox",
|
|
12
|
+
props: {
|
|
13
|
+
isChecked: { type: Boolean },
|
|
14
|
+
isIndeterminate: { type: Boolean },
|
|
15
|
+
disabled: { type: Boolean },
|
|
16
|
+
size: { default: "md" },
|
|
17
|
+
label: { default: "" },
|
|
18
|
+
testId: { default: "" }
|
|
19
|
+
},
|
|
20
|
+
emits: ["update:isChecked", "click"],
|
|
21
|
+
setup(t, { emit: u }) {
|
|
22
|
+
const x = t;
|
|
23
|
+
function I() {
|
|
24
|
+
console.log("side-effect");
|
|
25
|
+
}
|
|
26
|
+
I();
|
|
27
|
+
const {
|
|
28
|
+
id: m,
|
|
29
|
+
checkbox: C,
|
|
30
|
+
isFocusVisible: $,
|
|
31
|
+
handleFocus: k,
|
|
32
|
+
handleBlur: f,
|
|
33
|
+
indeterminate: n,
|
|
34
|
+
checked: b,
|
|
35
|
+
unchecked: y,
|
|
36
|
+
updateValue: h
|
|
37
|
+
} = R(x, u);
|
|
38
|
+
return (l, d) => (i(), B("label", {
|
|
39
|
+
for: e(m),
|
|
40
|
+
class: E([[t.size, { "focus-visible": e($), disabled: t.disabled }], "checkbox"]),
|
|
41
|
+
"data-testid": `${t.testId}-${e(a).WRAPPER}`
|
|
42
|
+
}, [
|
|
43
|
+
r("span", M, [
|
|
44
|
+
r("input", V(l.$attrs, {
|
|
45
|
+
id: e(m),
|
|
46
|
+
ref: e(C),
|
|
47
|
+
disabled: t.disabled,
|
|
48
|
+
checked: e(b),
|
|
49
|
+
class: "input",
|
|
50
|
+
".indeterminate": e(n),
|
|
51
|
+
type: "checkbox",
|
|
52
|
+
"data-testid": `${t.testId}-${e(a).FIELD}`,
|
|
53
|
+
onBlur: d[0] || (d[0] = //@ts-ignore
|
|
54
|
+
(...o) => e(f) && e(f)(...o)),
|
|
55
|
+
onFocus: d[1] || (d[1] = //@ts-ignore
|
|
56
|
+
(...o) => e(k) && e(k)(...o)),
|
|
57
|
+
onClick: d[2] || (d[2] = (o) => u("click", o)),
|
|
58
|
+
onInput: d[3] || (d[3] = //@ts-ignore
|
|
59
|
+
(...o) => e(h) && e(h)(...o))
|
|
60
|
+
}), null, 16, U),
|
|
61
|
+
W,
|
|
62
|
+
S(e(T), { "font-size": t.size }, {
|
|
63
|
+
default: p(() => [
|
|
64
|
+
e(b) ? (i(), s(w, {
|
|
65
|
+
key: 0,
|
|
66
|
+
class: "checkbox-icon checked",
|
|
67
|
+
"data-testid": `${t.testId}-${e(a).CHECKED}`
|
|
68
|
+
}, null, 8, ["data-testid"])) : c("", !0),
|
|
69
|
+
e(n) ? (i(), s(A, {
|
|
70
|
+
key: 1,
|
|
71
|
+
class: "checkbox-icon indeterminate"
|
|
72
|
+
})) : c("", !0),
|
|
73
|
+
e(y) && !e(n) ? (i(), s(v, {
|
|
74
|
+
key: 2,
|
|
75
|
+
class: "checkbox-icon unchecked"
|
|
76
|
+
})) : c("", !0)
|
|
77
|
+
]),
|
|
78
|
+
_: 1
|
|
79
|
+
}, 8, ["font-size"])
|
|
80
|
+
]),
|
|
81
|
+
t.label || l.$slots.default ? (i(), s(e(P), {
|
|
82
|
+
key: 0,
|
|
83
|
+
size: t.size,
|
|
84
|
+
class: "checkbox-text",
|
|
85
|
+
"data-testid": `${t.testId}-${e(a).LABEL}`
|
|
86
|
+
}, {
|
|
87
|
+
default: p(() => [
|
|
88
|
+
F(l.$slots, "default", {}, () => [
|
|
89
|
+
N(g(t.label), 1)
|
|
90
|
+
], !0)
|
|
91
|
+
]),
|
|
92
|
+
_: 3
|
|
93
|
+
}, 8, ["size", "data-testid"])) : c("", !0)
|
|
94
|
+
], 10, K));
|
|
95
|
+
}
|
|
96
|
+
});
|
|
97
|
+
export {
|
|
98
|
+
_ as default
|
|
99
|
+
};
|