@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.
Files changed (26) hide show
  1. 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
  2. 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
  3. package/FormRow.vue_vue_type_style_index_0_scoped_017dc22e_lang.css +1 -0
  4. package/components/{layout → forms}/CardPanel.vue.js +2 -2
  5. package/components/{layout → forms}/CardPanel.vue2.js +1 -1
  6. package/components/forms/FormCard.vue.js +7 -0
  7. package/components/{layout → forms}/FormCard.vue2.js +1 -1
  8. package/components/forms/FormRow.vue.js +7 -0
  9. package/components/forms/FormRow.vue2.js +41 -0
  10. package/components/forms/index.d.ts +397 -0
  11. package/components/forms/index.js +9 -2
  12. package/components/forms/validation/examples/dynamicForm/useFormTestValidation.d.ts +2 -1
  13. package/components/forms/validation/examples/simpleForm/useSimpleFormValidation.d.ts +2 -1
  14. package/components/layout/index.d.ts +3 -398
  15. package/components/layout/index.js +4 -10
  16. package/composables/useFormValidation.d.ts +2 -2
  17. package/composables/useFormValidation.js +12 -12
  18. package/index.js +85 -84
  19. package/package.json +1 -1
  20. package/FormRow.vue_vue_type_style_index_0_scoped_8daca9c2_lang.css +0 -1
  21. package/components/layout/FormCard.vue.js +0 -7
  22. package/components/layout/FormRow.vue.js +0 -7
  23. package/components/layout/FormRow.vue2.js +0 -43
  24. /package/components/{layout → forms}/CardPanel.vue.d.ts +0 -0
  25. /package/components/{layout → forms}/FormCard.vue.d.ts +0 -0
  26. /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 { FormCardTypes as Fo } from "./components/layout/index.js";
17
- import { FormFieldTypes as Do } from "./components/forms/index.js";
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 h from "./components/table/v4/index.js";
46
- import * as w from "./components/table-cells/v3/index.js";
47
- import * as M from "./components/table-cells/v4/index.js";
48
- import * as b from "./components/skeleton/v3/index.js";
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 V from "./components/radioButton/v3/index.js";
55
- import * as H from "./components/radioButton/v4/index.js";
56
- import * as N from "./components/ThemeWrapper/index.js";
57
- import * as S from "./components/appHeader/index.js";
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 Ao } from "./components/textArea/index.js";
60
- import { useToggle as Co } from "./composables/useToggle.js";
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 bo, scrollToFirstInvalidElement as Po, useFormValidation as vo, yupValidation as ko } from "./composables/useFormValidation.js";
63
- import { DateRangeTypes as Ro } from "./components/dateRange/index.js";
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 So } from "./components/banner/index.js";
66
- import { default as jo } from "./components/appTrigger/AppTrigger.vue.js";
67
- import { default as zo } from "./components/autocompleteDropdown/AutocompleteDropdown.vue.js";
68
- import { default as Ko } from "./components/menuItem/MenuItem.vue.js";
69
- import { default as Go } from "./components/menu/Menu.vue.js";
70
- import { default as Qo } from "./components/appIcon/AppIcon.vue.js";
71
- import { default as Wo } from "./components/floatingToolbar/FloatingToolbar.vue.js";
72
- import { default as Zo } from "./components/includeExclude/IncludeExclude.vue.js";
73
- import { default as rr } from "./components/includeExclude/IncludeExcludeDragDrop.vue.js";
74
- import { default as tr } from "./components/includeExclude/IncludeExcludeOption.vue.js";
75
- import { default as pr } from "./components/includeExclude/IncludeExcludeOptionDraggable.vue.js";
76
- import { default as fr } from "./components/includeExclude/IncludeExcludeAppTrigger.vue.js";
77
- import { default as dr } from "./components/includeExclude/IncludeExcludeAppHeader.vue.js";
78
- import { default as xr } from "./components/includeExclude/IncludeExcludeChipFilter.vue.js";
79
- import { default as lr } from "./components/cssBaseline/CssBaseline.vue.js";
80
- import { default as $r } from "./components/filterDropdown/FilterDropdown.vue.js";
81
- import { default as cr } from "./components/filterDropdown/AddFilterButton.vue.js";
82
- import { default as gr } from "./components/typography/Heading.vue.js";
83
- import { default as Ir } from "./components/typography/Text.vue.js";
84
- import { default as Er } from "./components/typography/v4/Typography.vue.js";
85
- import { default as Br } from "./components/popover/Popover.vue.js";
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/FormRow.vue.js";
88
- import { default as Pr } from "./components/layout/FormCard.vue.js";
89
- import { default as kr } from "./components/layout/CardPanel.vue.js";
90
- import { default as Rr } from "./components/layout/FoldableSection.vue.js";
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 Sr } from "./components/textArea/TextArea.vue.js";
93
- import { default as jr } from "./components/dateRange/DateRange.vue.js";
94
- import { default as zr } from "./components/datePicker/DatePicker.vue.js";
95
- import { default as Kr } from "./components/banner/Banner.vue.js";
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
- ...b,
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
- cr as AddFilterButton,
141
- Qo as AppIcon,
140
+ yr as AddFilterButton,
141
+ Uo as AppIcon,
142
142
  X as AppIconTypes,
143
- jo as AppTrigger,
143
+ qo as AppTrigger,
144
144
  J as AppTriggerTypes,
145
- zo as AutocompleteDropdown,
145
+ Jo as AutocompleteDropdown,
146
146
  Y as AutocompleteDropdownTypes,
147
- Kr as Banner,
148
- So as BannerTypes,
149
- kr as CardPanel,
150
- lr as CssBaseline,
147
+ Yr as Banner,
148
+ _o as BannerTypes,
149
+ Sr as CardPanel,
150
+ ur as CssBaseline,
151
151
  mo as CssBaselineTypes,
152
- zr as DatePicker,
152
+ Jr as DatePicker,
153
153
  Ho as DatePickerTypes,
154
- jr as DateRange,
155
- Ro as DateRangeTypes,
156
- $r as FilterDropdown,
154
+ qr as DateRange,
155
+ So as DateRangeTypes,
156
+ Tr as FilterDropdown,
157
157
  so as FilterDropdownTypes,
158
- Wo as FloatingToolbar,
158
+ Xo as FloatingToolbar,
159
159
  oo as FloatingToolbarTypes,
160
- Rr as FoldableSection,
161
- Pr as FormCard,
162
- Fo as FormCardTypes,
160
+ Mr as FoldableSection,
161
+ Fo as FoldableSectionTypes,
162
+ Or as FormCard,
163
+ Do as FormCardTypes,
163
164
  Hr as FormField,
164
- Do as FormFieldTypes,
165
- Mr as FormRow,
166
- gr as Heading,
165
+ Eo as FormFieldTypes,
166
+ vr as FormRow,
167
+ Fr as Heading,
167
168
  ao as ID_INJECTION_KEY,
168
- Zo as IncludeExclude,
169
- dr as IncludeExcludeAppHeader,
170
- fr as IncludeExcludeAppTrigger,
171
- xr as IncludeExcludeChipFilter,
172
- rr as IncludeExcludeDragDrop,
173
- tr as IncludeExcludeOption,
174
- pr as IncludeExcludeOptionDraggable,
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
- Go as Menu,
177
- Ko as MenuItem,
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
- Br as Popover,
183
+ Cr as Popover,
183
184
  To as PopoverTypes,
184
- Ir as Text,
185
- Sr as TextArea,
186
- Ao as TextAreaTypes,
187
- Er as Typography,
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
- bo as scrollToElementByClass,
192
- Po as scrollToFirstInvalidElement,
193
- vo as useFormValidation,
192
+ Po as scrollToElementByClass,
193
+ vo as scrollToFirstInvalidElement,
194
+ ko as useFormValidation,
194
195
  fo as useId,
195
196
  wo as useSearch,
196
- Co as useToggle,
197
- ko as yupValidation
197
+ bo as useToggle,
198
+ Oo as yupValidation
198
199
  };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@ironsource/shared-ui",
3
- "version": "2.1.1-rc.2",
3
+ "version": "2.1.1-rc.3",
4
4
  "engines": {
5
5
  "npm": ">=7.0.0",
6
6
  "node": ">=16.0.0"
@@ -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