@ironsource/shared-ui 2.1.1-rc.2 → 2.1.1-rc.3
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/{CardPanel.vue_vue_type_style_index_0_scoped_3cda0f04_lang.css → CardPanel.vue_vue_type_style_index_0_scoped_d2b5d12f_lang.css} +1 -1
- package/{FormCard.vue_vue_type_style_index_0_scoped_bb7d27f9_lang.css → FormCard.vue_vue_type_style_index_0_scoped_ad5e4be0_lang.css} +1 -1
- package/FormRow.vue_vue_type_style_index_0_scoped_017dc22e_lang.css +1 -0
- package/components/{layout → forms}/CardPanel.vue.js +2 -2
- package/components/{layout → forms}/CardPanel.vue2.js +1 -1
- package/components/forms/FormCard.vue.js +7 -0
- package/components/{layout → forms}/FormCard.vue2.js +1 -1
- package/components/forms/FormRow.vue.js +7 -0
- package/components/forms/FormRow.vue2.js +41 -0
- package/components/forms/index.d.ts +397 -0
- package/components/forms/index.js +9 -2
- package/components/forms/validation/examples/dynamicForm/useFormTestValidation.d.ts +2 -1
- package/components/forms/validation/examples/simpleForm/useSimpleFormValidation.d.ts +2 -1
- package/components/layout/index.d.ts +3 -398
- package/components/layout/index.js +4 -10
- package/composables/useFormValidation.d.ts +2 -2
- package/composables/useFormValidation.js +12 -12
- package/index.js +85 -84
- package/package.json +1 -1
- package/FormRow.vue_vue_type_style_index_0_scoped_8daca9c2_lang.css +0 -1
- package/components/layout/FormCard.vue.js +0 -7
- package/components/layout/FormRow.vue.js +0 -7
- package/components/layout/FormRow.vue2.js +0 -43
- /package/components/{layout → forms}/CardPanel.vue.d.ts +0 -0
- /package/components/{layout → forms}/FormCard.vue.d.ts +0 -0
- /package/components/{layout → forms}/FormRow.vue.d.ts +0 -0
package/index.js
CHANGED
|
@@ -13,8 +13,8 @@ import { TypographyTypes as no } from "./components/typography/index.js";
|
|
|
13
13
|
import { TypographyTypesV4 as uo } from "./components/typography/v4/index.js";
|
|
14
14
|
import { PopoverTypes as To } from "./components/popover/index.js";
|
|
15
15
|
import { MultiBarTypes as yo } from "./components/multibar/index.js";
|
|
16
|
-
import {
|
|
17
|
-
import {
|
|
16
|
+
import { FoldableSectionTypes as Fo } from "./components/layout/index.js";
|
|
17
|
+
import { FormCardTypes as Do, FormFieldTypes as Eo } from "./components/forms/index.js";
|
|
18
18
|
import * as o from "./components/button/v3/index.js";
|
|
19
19
|
import * as r from "./components/button/v4/index.js";
|
|
20
20
|
import * as e from "./components/chip/v3/index.js";
|
|
@@ -42,57 +42,57 @@ import * as E from "./components/toggle/v4/index.js";
|
|
|
42
42
|
import * as A from "./components/tooltip/v3/index.js";
|
|
43
43
|
import * as B from "./components/tooltip/v4/index.js";
|
|
44
44
|
import * as C from "./components/table/v3/index.js";
|
|
45
|
-
import * as
|
|
46
|
-
import * as
|
|
47
|
-
import * as
|
|
48
|
-
import * as
|
|
45
|
+
import * as b from "./components/table/v4/index.js";
|
|
46
|
+
import * as h from "./components/table-cells/v3/index.js";
|
|
47
|
+
import * as w from "./components/table-cells/v4/index.js";
|
|
48
|
+
import * as M from "./components/skeleton/v3/index.js";
|
|
49
49
|
import * as P from "./components/skeleton/v4/index.js";
|
|
50
50
|
import * as v from "./components/emptyState/v3/index.js";
|
|
51
51
|
import * as k from "./components/emptyState/v4/index.js";
|
|
52
52
|
import * as O from "./components/snackbar/v3/index.js";
|
|
53
53
|
import * as R from "./components/snackbar/v4/index.js";
|
|
54
|
-
import * as
|
|
55
|
-
import * as
|
|
56
|
-
import * as
|
|
57
|
-
import * as
|
|
54
|
+
import * as S from "./components/radioButton/v3/index.js";
|
|
55
|
+
import * as V from "./components/radioButton/v4/index.js";
|
|
56
|
+
import * as H from "./components/ThemeWrapper/index.js";
|
|
57
|
+
import * as N from "./components/appHeader/index.js";
|
|
58
58
|
import * as _ from "./components/inlineCopy/index.js";
|
|
59
|
-
import { TextAreaTypes as
|
|
60
|
-
import { useToggle as
|
|
59
|
+
import { TextAreaTypes as Bo } from "./components/textArea/index.js";
|
|
60
|
+
import { useToggle as bo } from "./composables/useToggle.js";
|
|
61
61
|
import { useSearch as wo } from "./composables/useSearch.js";
|
|
62
|
-
import { scrollToElementByClass as
|
|
63
|
-
import { DateRangeTypes as
|
|
62
|
+
import { scrollToElementByClass as Po, scrollToFirstInvalidElement as vo, useFormValidation as ko, yupValidation as Oo } from "./composables/useFormValidation.js";
|
|
63
|
+
import { DateRangeTypes as So } from "./components/dateRange/index.js";
|
|
64
64
|
import { DatePickerTypes as Ho } from "./components/datePicker/index.js";
|
|
65
|
-
import { BannerTypes as
|
|
66
|
-
import { default as
|
|
67
|
-
import { default as
|
|
68
|
-
import { default as
|
|
69
|
-
import { default as
|
|
70
|
-
import { default as
|
|
71
|
-
import { default as
|
|
72
|
-
import { default as
|
|
73
|
-
import { default as
|
|
74
|
-
import { default as
|
|
75
|
-
import { default as
|
|
76
|
-
import { default as
|
|
77
|
-
import { default as
|
|
78
|
-
import { default as
|
|
79
|
-
import { default as
|
|
80
|
-
import { default as
|
|
81
|
-
import { default as
|
|
82
|
-
import { default as
|
|
83
|
-
import { default as
|
|
84
|
-
import { default as
|
|
85
|
-
import { default as
|
|
65
|
+
import { BannerTypes as _o } from "./components/banner/index.js";
|
|
66
|
+
import { default as qo } from "./components/appTrigger/AppTrigger.vue.js";
|
|
67
|
+
import { default as Jo } from "./components/autocompleteDropdown/AutocompleteDropdown.vue.js";
|
|
68
|
+
import { default as Yo } from "./components/menuItem/MenuItem.vue.js";
|
|
69
|
+
import { default as Lo } from "./components/menu/Menu.vue.js";
|
|
70
|
+
import { default as Uo } from "./components/appIcon/AppIcon.vue.js";
|
|
71
|
+
import { default as Xo } from "./components/floatingToolbar/FloatingToolbar.vue.js";
|
|
72
|
+
import { default as or } from "./components/includeExclude/IncludeExclude.vue.js";
|
|
73
|
+
import { default as er } from "./components/includeExclude/IncludeExcludeDragDrop.vue.js";
|
|
74
|
+
import { default as mr } from "./components/includeExclude/IncludeExcludeOption.vue.js";
|
|
75
|
+
import { default as ar } from "./components/includeExclude/IncludeExcludeOptionDraggable.vue.js";
|
|
76
|
+
import { default as ir } from "./components/includeExclude/IncludeExcludeAppTrigger.vue.js";
|
|
77
|
+
import { default as sr } from "./components/includeExclude/IncludeExcludeAppHeader.vue.js";
|
|
78
|
+
import { default as nr } from "./components/includeExclude/IncludeExcludeChipFilter.vue.js";
|
|
79
|
+
import { default as ur } from "./components/cssBaseline/CssBaseline.vue.js";
|
|
80
|
+
import { default as Tr } from "./components/filterDropdown/FilterDropdown.vue.js";
|
|
81
|
+
import { default as yr } from "./components/filterDropdown/AddFilterButton.vue.js";
|
|
82
|
+
import { default as Fr } from "./components/typography/Heading.vue.js";
|
|
83
|
+
import { default as Dr } from "./components/typography/Text.vue.js";
|
|
84
|
+
import { default as Ar } from "./components/typography/v4/Typography.vue.js";
|
|
85
|
+
import { default as Cr } from "./components/popover/Popover.vue.js";
|
|
86
86
|
import { default as hr } from "./components/multibar/MultiBar.vue.js";
|
|
87
|
-
import { default as Mr } from "./components/layout/
|
|
88
|
-
import { default as
|
|
89
|
-
import { default as
|
|
90
|
-
import { default as
|
|
87
|
+
import { default as Mr } from "./components/layout/FoldableSection.vue.js";
|
|
88
|
+
import { default as vr } from "./components/forms/FormRow.vue.js";
|
|
89
|
+
import { default as Or } from "./components/forms/FormCard.vue.js";
|
|
90
|
+
import { default as Sr } from "./components/forms/CardPanel.vue.js";
|
|
91
91
|
import { default as Hr } from "./components/forms/FormField.vue.js";
|
|
92
|
-
import { default as
|
|
93
|
-
import { default as
|
|
94
|
-
import { default as
|
|
95
|
-
import { default as
|
|
92
|
+
import { default as _r } from "./components/textArea/TextArea.vue.js";
|
|
93
|
+
import { default as qr } from "./components/dateRange/DateRange.vue.js";
|
|
94
|
+
import { default as Jr } from "./components/datePicker/DatePicker.vue.js";
|
|
95
|
+
import { default as Yr } from "./components/banner/Banner.vue.js";
|
|
96
96
|
const j = {
|
|
97
97
|
...e,
|
|
98
98
|
...t,
|
|
@@ -119,80 +119,81 @@ const j = {
|
|
|
119
119
|
...D,
|
|
120
120
|
...E,
|
|
121
121
|
...C,
|
|
122
|
+
...b,
|
|
122
123
|
...h,
|
|
123
124
|
...w,
|
|
124
|
-
...M,
|
|
125
125
|
...v,
|
|
126
126
|
...k,
|
|
127
|
-
...
|
|
127
|
+
...M,
|
|
128
128
|
...P,
|
|
129
129
|
...O,
|
|
130
130
|
...R,
|
|
131
131
|
...n,
|
|
132
132
|
...l,
|
|
133
|
+
...S,
|
|
133
134
|
...V,
|
|
134
135
|
...H,
|
|
135
136
|
...N,
|
|
136
|
-
...S,
|
|
137
137
|
..._
|
|
138
138
|
};
|
|
139
139
|
export {
|
|
140
|
-
|
|
141
|
-
|
|
140
|
+
yr as AddFilterButton,
|
|
141
|
+
Uo as AppIcon,
|
|
142
142
|
X as AppIconTypes,
|
|
143
|
-
|
|
143
|
+
qo as AppTrigger,
|
|
144
144
|
J as AppTriggerTypes,
|
|
145
|
-
|
|
145
|
+
Jo as AutocompleteDropdown,
|
|
146
146
|
Y as AutocompleteDropdownTypes,
|
|
147
|
-
|
|
148
|
-
|
|
149
|
-
|
|
150
|
-
|
|
147
|
+
Yr as Banner,
|
|
148
|
+
_o as BannerTypes,
|
|
149
|
+
Sr as CardPanel,
|
|
150
|
+
ur as CssBaseline,
|
|
151
151
|
mo as CssBaselineTypes,
|
|
152
|
-
|
|
152
|
+
Jr as DatePicker,
|
|
153
153
|
Ho as DatePickerTypes,
|
|
154
|
-
|
|
155
|
-
|
|
156
|
-
|
|
154
|
+
qr as DateRange,
|
|
155
|
+
So as DateRangeTypes,
|
|
156
|
+
Tr as FilterDropdown,
|
|
157
157
|
so as FilterDropdownTypes,
|
|
158
|
-
|
|
158
|
+
Xo as FloatingToolbar,
|
|
159
159
|
oo as FloatingToolbarTypes,
|
|
160
|
-
|
|
161
|
-
|
|
162
|
-
|
|
160
|
+
Mr as FoldableSection,
|
|
161
|
+
Fo as FoldableSectionTypes,
|
|
162
|
+
Or as FormCard,
|
|
163
|
+
Do as FormCardTypes,
|
|
163
164
|
Hr as FormField,
|
|
164
|
-
|
|
165
|
-
|
|
166
|
-
|
|
165
|
+
Eo as FormFieldTypes,
|
|
166
|
+
vr as FormRow,
|
|
167
|
+
Fr as Heading,
|
|
167
168
|
ao as ID_INJECTION_KEY,
|
|
168
|
-
|
|
169
|
-
|
|
170
|
-
|
|
171
|
-
|
|
172
|
-
|
|
173
|
-
|
|
174
|
-
|
|
169
|
+
or as IncludeExclude,
|
|
170
|
+
sr as IncludeExcludeAppHeader,
|
|
171
|
+
ir as IncludeExcludeAppTrigger,
|
|
172
|
+
nr as IncludeExcludeChipFilter,
|
|
173
|
+
er as IncludeExcludeDragDrop,
|
|
174
|
+
mr as IncludeExcludeOption,
|
|
175
|
+
ar as IncludeExcludeOptionDraggable,
|
|
175
176
|
eo as IncludeExcludeTypes,
|
|
176
|
-
|
|
177
|
-
|
|
177
|
+
Lo as Menu,
|
|
178
|
+
Yo as MenuItem,
|
|
178
179
|
L as MenuItemTypes,
|
|
179
180
|
U as MenuTypes,
|
|
180
181
|
hr as MultiBar,
|
|
181
182
|
yo as MultiBarTypes,
|
|
182
|
-
|
|
183
|
+
Cr as Popover,
|
|
183
184
|
To as PopoverTypes,
|
|
184
|
-
|
|
185
|
-
|
|
186
|
-
|
|
187
|
-
|
|
185
|
+
Dr as Text,
|
|
186
|
+
_r as TextArea,
|
|
187
|
+
Bo as TextAreaTypes,
|
|
188
|
+
Ar as Typography,
|
|
188
189
|
no as TypographyTypes,
|
|
189
190
|
uo as TypographyTypesV4,
|
|
190
191
|
j as default,
|
|
191
|
-
|
|
192
|
-
|
|
193
|
-
|
|
192
|
+
Po as scrollToElementByClass,
|
|
193
|
+
vo as scrollToFirstInvalidElement,
|
|
194
|
+
ko as useFormValidation,
|
|
194
195
|
fo as useId,
|
|
195
196
|
wo as useSearch,
|
|
196
|
-
|
|
197
|
-
|
|
197
|
+
bo as useToggle,
|
|
198
|
+
Oo as yupValidation
|
|
198
199
|
};
|
package/package.json
CHANGED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
.form-row[data-v-8daca9c2]{display:flex;height:auto;gap:1.5rem;align-items:center}.form-row .label-container[data-v-8daca9c2]{display:flex;min-height:1.75rem;height:100%;width:12.875rem;align-items:center;gap:.25rem;flex-shrink:0}.form-row .label-container .mandatory[data-v-8daca9c2]{color:var(--error-main);padding-top:.1875rem}.form-row .content[data-v-8daca9c2]{display:flex;flex-direction:column;align-items:stretch;gap:.25rem;width:100%}
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
import o from "./FormCard.vue2.js";
|
|
2
|
-
/* empty css */import _ from "../../_virtual/_plugin-vue_export-helper.js";
|
|
3
|
-
// import "../../FormCard.vue_vue_type_style_index_0_scoped_bb7d27f9_lang.css"; //*');
|
|
4
|
-
const t = /* @__PURE__ */ _(o, [["__scopeId", "data-v-bb7d27f9"]]);
|
|
5
|
-
export {
|
|
6
|
-
t as default
|
|
7
|
-
};
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
import o from "./FormRow.vue2.js";
|
|
2
|
-
/* empty css */import _ from "../../_virtual/_plugin-vue_export-helper.js";
|
|
3
|
-
// import "../../FormRow.vue_vue_type_style_index_0_scoped_8daca9c2_lang.css"; //*');
|
|
4
|
-
const t = /* @__PURE__ */ _(o, [["__scopeId", "data-v-8daca9c2"]]);
|
|
5
|
-
export {
|
|
6
|
-
t as default
|
|
7
|
-
};
|
|
@@ -1,43 +0,0 @@
|
|
|
1
|
-
import "../../FormRow.vue_vue_type_style_index_0_scoped_8daca9c2_lang.css"; import { defineComponent as c, openBlock as t, createElementBlock as i, createElementVNode as a, createVNode as m, unref as o, withCtx as l, createTextVNode as d, toDisplayString as u, createBlock as f, createCommentVNode as r, renderSlot as y } from "vue";
|
|
2
|
-
import n from "../typography/v4/Typography.vue.js";
|
|
3
|
-
const p = {
|
|
4
|
-
key: 0,
|
|
5
|
-
class: "form-row"
|
|
6
|
-
}, _ = ["data-testid"], h = { class: "content" }, B = /* @__PURE__ */ c({
|
|
7
|
-
__name: "FormRow",
|
|
8
|
-
props: {
|
|
9
|
-
label: { default: "" },
|
|
10
|
-
mandatory: { type: Boolean, default: !1 },
|
|
11
|
-
testId: { default: "" }
|
|
12
|
-
},
|
|
13
|
-
setup(e) {
|
|
14
|
-
return (s, b) => e.label ? (t(), i("div", p, [
|
|
15
|
-
a("div", {
|
|
16
|
-
"data-testid": e.testId,
|
|
17
|
-
class: "label-container"
|
|
18
|
-
}, [
|
|
19
|
-
m(o(n), { variant: "inputLabel" }, {
|
|
20
|
-
default: l(() => [
|
|
21
|
-
d(u(e.label), 1)
|
|
22
|
-
]),
|
|
23
|
-
_: 1
|
|
24
|
-
}),
|
|
25
|
-
e.mandatory ? (t(), f(o(n), {
|
|
26
|
-
key: 0,
|
|
27
|
-
class: "mandatory"
|
|
28
|
-
}, {
|
|
29
|
-
default: l(() => [
|
|
30
|
-
d("*")
|
|
31
|
-
]),
|
|
32
|
-
_: 1
|
|
33
|
-
})) : r("", !0)
|
|
34
|
-
], 8, _),
|
|
35
|
-
a("div", h, [
|
|
36
|
-
y(s.$slots, "default", {}, void 0, !0)
|
|
37
|
-
])
|
|
38
|
-
])) : r("", !0);
|
|
39
|
-
}
|
|
40
|
-
});
|
|
41
|
-
export {
|
|
42
|
-
B as default
|
|
43
|
-
};
|
|
File without changes
|
|
File without changes
|
|
File without changes
|