@onereach/ui-components 2.62.7-beta.1930.0 → 2.62.7

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 (236) hide show
  1. package/dist/v2/{OrConfirm-edc537b3.js → OrConfirm-24e2a1a2.js} +1 -1
  2. package/dist/v2/{OrInlineInput-73ec1b85.js → OrInlineInput-8455f9da.js} +5 -5
  3. package/dist/v2/{OrInlineTextarea-1858a348.js → OrInlineTextarea-1127e512.js} +5 -5
  4. package/dist/v2/{OrInput-655bed71.js → OrInput-24028f23.js} +5 -5
  5. package/dist/v2/{OrSearch-287a08a9.js → OrSearch-978a3a6e.js} +1 -1
  6. package/dist/v2/{OrSelect-1a353817.js → OrSelect-c6d0a69e.js} +3 -3
  7. package/dist/v2/{OrTextarea-cc70afc9.js → OrTextarea-8773d494.js} +5 -5
  8. package/dist/v2/components/index.d.ts +0 -2
  9. package/dist/v2/index.js +7 -9
  10. package/dist/v2/index11.js +1 -20
  11. package/dist/v2/index12.js +12 -3
  12. package/dist/v2/index13.js +2 -3
  13. package/dist/v2/index14.js +5 -11
  14. package/dist/v2/index15.js +14 -5
  15. package/dist/v2/index16.js +19 -4
  16. package/dist/v2/index17.js +4 -28
  17. package/dist/v2/index18.js +7 -3
  18. package/dist/v2/index19.js +23 -5
  19. package/dist/v2/index2.js +7 -9
  20. package/dist/v2/index20.js +21 -25
  21. package/dist/v2/index21.js +18 -21
  22. package/dist/v2/index22.js +2 -20
  23. package/dist/v2/index23.js +4 -2
  24. package/dist/v2/index24.js +1 -2
  25. package/dist/v2/index25.js +2 -1
  26. package/dist/v2/index26.js +2 -2
  27. package/dist/v2/index27.js +7 -4
  28. package/dist/v2/index28.js +2 -6
  29. package/dist/v2/index29.js +3 -3
  30. package/dist/v2/index30.js +10 -3
  31. package/dist/v2/index31.js +12 -9
  32. package/dist/v2/index32.js +1 -11
  33. package/dist/v2/index33.js +1 -1
  34. package/dist/v2/index34.js +16 -1
  35. package/dist/v2/index35.js +17 -17
  36. package/dist/v2/index36.js +17 -17
  37. package/dist/v2/index37.js +1 -16
  38. package/dist/v2/index38.js +17 -1
  39. package/dist/v2/index39.js +22 -18
  40. package/dist/v2/index40.js +2 -22
  41. package/dist/v2/index41.js +3 -3
  42. package/dist/v2/index42.js +1 -1
  43. package/dist/v2/index43.js +20 -3
  44. package/dist/v2/index44.js +7 -1
  45. package/dist/v2/index45.js +1 -24
  46. package/dist/v2/index46.js +3 -3
  47. package/dist/v2/index47.js +2 -1
  48. package/dist/v2/index48.js +9 -2
  49. package/dist/v2/index49.js +17 -10
  50. package/dist/v2/index50.js +13 -17
  51. package/dist/v2/index51.js +14 -13
  52. package/dist/v2/index52.js +13 -14
  53. package/dist/v2/index53.js +15 -12
  54. package/dist/v2/index54.js +1 -16
  55. package/dist/v2/index55.js +6 -2
  56. package/dist/v2/index56.js +5 -1
  57. package/dist/v2/index57.js +3 -10
  58. package/dist/v2/index58.js +4 -2
  59. package/dist/v2/index59.js +3 -5
  60. package/dist/v2/index60.js +1 -2
  61. package/dist/v2/index61.js +5 -2
  62. package/dist/v2/index62.js +18 -3
  63. package/dist/v2/index63.js +15 -18
  64. package/dist/v2/index64.js +24 -15
  65. package/dist/v2/index65.js +4 -26
  66. package/dist/v2/index66.js +1 -2
  67. package/dist/v2/index67.js +4 -3
  68. package/dist/v2/index68.js +4 -3
  69. package/dist/v2/index69.js +10 -3
  70. package/dist/v2/index70.js +6 -3
  71. package/dist/v2/index71.js +4 -4
  72. package/dist/v2/index72.js +6 -15
  73. package/dist/v2/index73.js +2 -2
  74. package/dist/v2/index74.js +3 -6
  75. package/dist/v2/index75.js +3 -4
  76. package/dist/v2/index76.js +2 -1
  77. package/dist/v2/index77.js +14 -2
  78. package/dist/v2/index78.js +10 -2
  79. package/dist/v2/index79.js +4 -5
  80. package/dist/v2/index80.js +2 -12
  81. package/dist/v2/index81.js +2 -14
  82. package/dist/v2/index82.js +3 -2
  83. package/dist/v2/index83.js +8 -2
  84. package/dist/v2/index84.js +20 -2
  85. package/dist/v2/index85.js +18 -8
  86. package/dist/v2/index86.js +1 -21
  87. package/dist/v2/index87.js +16 -17
  88. package/dist/v2/index88.js +1 -1
  89. package/dist/v2/index89.js +9 -17
  90. package/dist/v2/index90.js +12 -2
  91. package/dist/v2/index91.js +1 -10
  92. package/dist/v2/index92.js +6 -12
  93. package/dist/v2/index93.js +2 -1
  94. package/dist/v3/{OrConfirm-0bafcc7b.js → OrConfirm-371630a4.js} +1 -1
  95. package/dist/v3/{OrInlineInput-dc71bbcb.js → OrInlineInput-a080b0a3.js} +3 -5
  96. package/dist/v3/{OrInlineTextarea-bdebb784.js → OrInlineTextarea-08767485.js} +3 -5
  97. package/dist/v3/{OrInput-db4813b4.js → OrInput-256d2530.js} +3 -5
  98. package/dist/v3/{OrSearch-0c29f499.js → OrSearch-375eab55.js} +1 -1
  99. package/dist/v3/{OrSelect-323a87b4.js → OrSelect-52cfb10d.js} +4 -6
  100. package/dist/v3/{OrTextarea-98895b2a.js → OrTextarea-09aa33dc.js} +4 -6
  101. package/dist/v3/components/index.d.ts +0 -2
  102. package/dist/v3/index.js +7 -9
  103. package/dist/v3/index11.js +1 -19
  104. package/dist/v3/index12.js +11 -3
  105. package/dist/v3/index13.js +2 -3
  106. package/dist/v3/index14.js +4 -9
  107. package/dist/v3/index15.js +11 -4
  108. package/dist/v3/index16.js +17 -3
  109. package/dist/v3/index17.js +4 -25
  110. package/dist/v3/index18.js +6 -3
  111. package/dist/v3/index19.js +20 -5
  112. package/dist/v3/index2.js +7 -9
  113. package/dist/v3/index20.js +20 -21
  114. package/dist/v3/index21.js +15 -20
  115. package/dist/v3/index22.js +1 -16
  116. package/dist/v3/index23.js +4 -2
  117. package/dist/v3/index24.js +1 -2
  118. package/dist/v3/index25.js +2 -1
  119. package/dist/v3/index26.js +2 -2
  120. package/dist/v3/index27.js +6 -4
  121. package/dist/v3/index28.js +2 -5
  122. package/dist/v3/index29.js +3 -3
  123. package/dist/v3/index30.js +9 -3
  124. package/dist/v3/index31.js +11 -8
  125. package/dist/v3/index32.js +1 -10
  126. package/dist/v3/index33.js +1 -1
  127. package/dist/v3/index34.js +15 -1
  128. package/dist/v3/index35.js +14 -16
  129. package/dist/v3/index36.js +16 -14
  130. package/dist/v3/index37.js +2 -16
  131. package/dist/v3/index38.js +17 -2
  132. package/dist/v3/index39.js +17 -17
  133. package/dist/v3/index40.js +1 -16
  134. package/dist/v3/index41.js +3 -3
  135. package/dist/v3/index42.js +1 -1
  136. package/dist/v3/index43.js +16 -3
  137. package/dist/v3/index44.js +7 -1
  138. package/dist/v3/index45.js +1 -20
  139. package/dist/v3/index46.js +3 -3
  140. package/dist/v3/index47.js +2 -1
  141. package/dist/v3/index48.js +8 -2
  142. package/dist/v3/index49.js +14 -9
  143. package/dist/v3/index50.js +12 -14
  144. package/dist/v3/index51.js +11 -12
  145. package/dist/v3/index52.js +12 -11
  146. package/dist/v3/index53.js +11 -11
  147. package/dist/v3/index54.js +1 -12
  148. package/dist/v3/index55.js +5 -2
  149. package/dist/v3/index56.js +5 -1
  150. package/dist/v3/index57.js +3 -9
  151. package/dist/v3/index58.js +4 -2
  152. package/dist/v3/index59.js +3 -5
  153. package/dist/v3/index60.js +1 -2
  154. package/dist/v3/index61.js +4 -1
  155. package/dist/v3/index62.js +17 -3
  156. package/dist/v3/index63.js +14 -17
  157. package/dist/v3/index64.js +22 -13
  158. package/dist/v3/index65.js +3 -24
  159. package/dist/v3/index66.js +1 -2
  160. package/dist/v3/index67.js +4 -3
  161. package/dist/v3/index68.js +4 -3
  162. package/dist/v3/index69.js +9 -3
  163. package/dist/v3/index70.js +4 -3
  164. package/dist/v3/index71.js +4 -4
  165. package/dist/v3/index72.js +5 -11
  166. package/dist/v3/index73.js +2 -2
  167. package/dist/v3/index74.js +2 -5
  168. package/dist/v3/index75.js +3 -4
  169. package/dist/v3/index76.js +2 -1
  170. package/dist/v3/index77.js +13 -2
  171. package/dist/v3/index78.js +9 -2
  172. package/dist/v3/index79.js +4 -5
  173. package/dist/v3/index80.js +1 -11
  174. package/dist/v3/index81.js +1 -13
  175. package/dist/v3/index82.js +3 -1
  176. package/dist/v3/index83.js +8 -1
  177. package/dist/v3/index84.js +17 -2
  178. package/dist/v3/index85.js +14 -7
  179. package/dist/v3/index86.js +1 -18
  180. package/dist/v3/index87.js +15 -14
  181. package/dist/v3/index88.js +1 -1
  182. package/dist/v3/index89.js +6 -15
  183. package/dist/v3/index90.js +11 -2
  184. package/dist/v3/index91.js +1 -8
  185. package/dist/v3/index92.js +6 -11
  186. package/dist/v3/index93.js +2 -1
  187. package/package.json +4 -3
  188. package/src/components/index.ts +0 -2
  189. package/src/components/or-inline-input-v3/OrInlineInput.vue +10 -12
  190. package/src/components/or-inline-textarea-v3/OrInlineTextarea.vue +10 -12
  191. package/src/components/or-input-v3/OrInput.vue +10 -12
  192. package/src/components/or-select-v3/OrSelect.vue +3 -5
  193. package/src/components/or-textarea-v3/OrTextarea.vue +10 -12
  194. package/dist/v2/OrCardCollection-5d5046f1.js +0 -227
  195. package/dist/v2/OrSortHeader-a6004b24.js +0 -133
  196. package/dist/v2/components/or-card-collection-v3/OrCardCollection.stories3.d.ts +0 -17
  197. package/dist/v2/components/or-card-collection-v3/OrCardCollection.vue.d.ts +0 -98
  198. package/dist/v2/components/or-card-collection-v3/index.d.ts +0 -3
  199. package/dist/v2/components/or-card-collection-v3/props.d.ts +0 -4
  200. package/dist/v2/components/or-card-collection-v3/styles.d.ts +0 -6
  201. package/dist/v2/components/or-card-collection-v3/types.d.ts +0 -7
  202. package/dist/v2/components/or-sort-header-v3/OrSortHeader.stories3.d.ts +0 -12
  203. package/dist/v2/components/or-sort-header-v3/OrSortHeader.vue.d.ts +0 -57
  204. package/dist/v2/components/or-sort-header-v3/index.d.ts +0 -2
  205. package/dist/v2/components/or-sort-header-v3/styles.d.ts +0 -1
  206. package/dist/v2/components/or-sort-header-v3/types.d.ts +0 -4
  207. package/dist/v2/index94.js +0 -7
  208. package/dist/v2/index95.js +0 -3
  209. package/dist/v3/OrCardCollection-c6f3ac23.js +0 -198
  210. package/dist/v3/OrSortHeader-5eba50cd.js +0 -104
  211. package/dist/v3/components/or-card-collection-v3/OrCardCollection.stories3.d.ts +0 -17
  212. package/dist/v3/components/or-card-collection-v3/OrCardCollection.vue.d.ts +0 -98
  213. package/dist/v3/components/or-card-collection-v3/index.d.ts +0 -3
  214. package/dist/v3/components/or-card-collection-v3/props.d.ts +0 -4
  215. package/dist/v3/components/or-card-collection-v3/styles.d.ts +0 -6
  216. package/dist/v3/components/or-card-collection-v3/types.d.ts +0 -7
  217. package/dist/v3/components/or-sort-header-v3/OrSortHeader.stories3.d.ts +0 -12
  218. package/dist/v3/components/or-sort-header-v3/OrSortHeader.vue.d.ts +0 -57
  219. package/dist/v3/components/or-sort-header-v3/index.d.ts +0 -2
  220. package/dist/v3/components/or-sort-header-v3/styles.d.ts +0 -1
  221. package/dist/v3/components/or-sort-header-v3/types.d.ts +0 -4
  222. package/dist/v3/index94.js +0 -7
  223. package/dist/v3/index95.js +0 -3
  224. package/src/components/or-card-collection-v3/OrCardCollection.docs.mdx +0 -3
  225. package/src/components/or-card-collection-v3/OrCardCollection.stories3.ts +0 -162
  226. package/src/components/or-card-collection-v3/OrCardCollection.vue +0 -210
  227. package/src/components/or-card-collection-v3/index.ts +0 -3
  228. package/src/components/or-card-collection-v3/props.ts +0 -4
  229. package/src/components/or-card-collection-v3/styles.ts +0 -53
  230. package/src/components/or-card-collection-v3/types.ts +0 -8
  231. package/src/components/or-sort-header-v3/OrSortHeader.docs.mdx +0 -3
  232. package/src/components/or-sort-header-v3/OrSortHeader.stories3.ts +0 -132
  233. package/src/components/or-sort-header-v3/OrSortHeader.vue +0 -111
  234. package/src/components/or-sort-header-v3/index.ts +0 -2
  235. package/src/components/or-sort-header-v3/styles.ts +0 -23
  236. package/src/components/or-sort-header-v3/types.ts +0 -4
@@ -1,198 +0,0 @@
1
- import { defineComponent, ref, computed, watch } from 'vue-demi';
2
- import { u as useClassAttribute } from './useClassAttribute-47fdb016.js';
3
- import '@vueuse/core';
4
- import { s as script$1 } from './OrCard-b63658a8.js';
5
- import { s as script$2 } from './OrIconButton-5fb3a9aa.js';
6
- import { s as script$3 } from './OrInput-db4813b4.js';
7
- import { s as script$4 } from './OrSortHeader-5eba50cd.js';
8
- import { resolveComponent, openBlock, createElementBlock, mergeProps, createElementVNode, normalizeClass, Fragment, renderList, createBlock, withCtx, createTextVNode, toDisplayString, createCommentVNode, createVNode, renderSlot, normalizeProps, guardReactiveProps } from 'vue';
9
-
10
- var CardCollectionView;
11
- (function (CardCollectionView) {
12
- CardCollectionView["Grid"] = "grid";
13
- CardCollectionView["List"] = "list";
14
- })(CardCollectionView || (CardCollectionView = {}));
15
-
16
- const CardCollectionRoot = [
17
- // Layout
18
- 'flex flex-col',
19
- // Spacing
20
- 'gap-md'];
21
- const CardCollectionToolbar = [
22
- // Layout
23
- 'flex', 'justify-between', 'items-center',
24
- // Typography
25
- 'typography-body-2-regular',
26
- // Theme
27
- 'theme-foreground-default', 'dark:theme-foreground-default-dark'];
28
- const CardCollectionToolbarPanel = [
29
- // Layout
30
- 'flex', 'justify-normal', 'items-center',
31
- // Spacing
32
- 'gap-sm'];
33
- const CardCollectionContent = [
34
- // Layout
35
- 'grid',
36
- // Spacing
37
- 'gap-sm md:gap-md'];
38
- const CardCollectionContentViews = {
39
- 'grid': [
40
- // Layout
41
- 'sm:grid-cols-1', 'md:grid-cols-2', 'lg:grid-cols-4', 'xl:grid-cols-6'],
42
- 'list': []
43
- };
44
-
45
- var script = defineComponent({
46
- name: 'OrCardCollection',
47
- components: {
48
- OrCard: script$1,
49
- OrIconButton: script$2,
50
- OrInput: script$3,
51
- OrSortHeader: script$4
52
- },
53
- inheritAttrs: false,
54
- props: {
55
- items: {
56
- type: Array,
57
- default: []
58
- },
59
- view: {
60
- type: String,
61
- default: CardCollectionView.Grid
62
- },
63
- sort: {
64
- type: Object,
65
- default: undefined
66
- },
67
- sortHeaders: {
68
- type: Array,
69
- default: undefined
70
- },
71
- search: {
72
- type: String,
73
- default: undefined
74
- }
75
- },
76
- emits: ['viewChange', 'sortChange', 'searchChange'],
77
- expose: ['root'],
78
- setup(props, context) {
79
- // Refs
80
- const root = ref();
81
- // Styles
82
- const classAttribute = useClassAttribute();
83
- const rootStyles = computed(() => ['or-card-collection', ...CardCollectionRoot, classAttribute.value]);
84
- const toolbarStyles = computed(() => [...CardCollectionToolbar]);
85
- const toolbarPanelStyles = computed(() => [...CardCollectionToolbarPanel]);
86
- const contentStyles = computed(() => [...CardCollectionContent, ...CardCollectionContentViews[proxyView.value]]);
87
- // State
88
- const proxyView = ref(props.view);
89
- const proxySort = ref(props.sort);
90
- const proxySearch = ref(props.search);
91
- // Methods
92
- function switchToGridView() {
93
- proxyView.value = CardCollectionView.Grid;
94
- }
95
- function switchToListView() {
96
- proxyView.value = CardCollectionView.List;
97
- }
98
- // Effects
99
- watch(() => props.view, value => {
100
- proxyView.value = value;
101
- });
102
- watch(proxyView, value => {
103
- context.emit('viewChange', value);
104
- });
105
- watch(() => props.sort, value => {
106
- proxySort.value = value;
107
- });
108
- watch(proxySort, value => {
109
- context.emit('sortChange', value);
110
- });
111
- watch(() => props.search, value => {
112
- proxySearch.value = value;
113
- });
114
- watch(proxySearch, value => {
115
- context.emit('searchChange', value);
116
- });
117
- return {
118
- root,
119
- rootStyles,
120
- toolbarStyles,
121
- toolbarPanelStyles,
122
- contentStyles,
123
- proxyView,
124
- proxySort,
125
- proxySearch,
126
- switchToGridView,
127
- switchToListView
128
- };
129
- }
130
- });
131
-
132
- function render(_ctx, _cache, $props, $setup, $data, $options) {
133
- const _component_OrSortHeader = resolveComponent("OrSortHeader");
134
- const _component_OrInput = resolveComponent("OrInput");
135
- const _component_OrIconButton = resolveComponent("OrIconButton");
136
- const _component_OrCard = resolveComponent("OrCard");
137
- return openBlock(), createElementBlock("div", mergeProps({
138
- ref: "root"
139
- }, _ctx.$attrs, {
140
- class: _ctx.rootStyles
141
- }), [createElementVNode("div", {
142
- class: normalizeClass(_ctx.toolbarStyles)
143
- }, [createElementVNode("div", {
144
- class: normalizeClass(_ctx.toolbarPanelStyles)
145
- }, [_ctx.sortHeaders ? (openBlock(true), createElementBlock(Fragment, {
146
- key: 0
147
- }, renderList(_ctx.sortHeaders, header => {
148
- return openBlock(), createBlock(_component_OrSortHeader, {
149
- key: header.value,
150
- modelValue: _ctx.proxySort,
151
- "onUpdate:modelValue": _cache[0] || (_cache[0] = $event => _ctx.proxySort = $event),
152
- "input-value": header.value
153
- }, {
154
- default: withCtx(() => [createTextVNode(toDisplayString(header.label), 1 /* TEXT */)]),
155
-
156
- _: 2 /* DYNAMIC */
157
- }, 1032 /* PROPS, DYNAMIC_SLOTS */, ["modelValue", "input-value"]);
158
- }), 128 /* KEYED_FRAGMENT */)) : createCommentVNode("v-if", true)], 2 /* CLASS */), createElementVNode("div", {
159
- class: normalizeClass(_ctx.toolbarPanelStyles)
160
- }, [createVNode(_component_OrInput, {
161
- modelValue: _ctx.proxySearch,
162
- "onUpdate:modelValue": _cache[1] || (_cache[1] = $event => _ctx.proxySearch = $event),
163
- type: 'search',
164
- placeholder: 'Search',
165
- size: 's'
166
- }, null, 8 /* PROPS */, ["modelValue"]), createVNode(_component_OrIconButton, {
167
- icon: 'grid_view',
168
- onClick: _cache[2] || (_cache[2] = $event => _ctx.switchToGridView())
169
- }), createVNode(_component_OrIconButton, {
170
- icon: 'view_list',
171
- onClick: _cache[3] || (_cache[3] = $event => _ctx.switchToListView())
172
- }), renderSlot(_ctx.$slots, "addon")], 2 /* CLASS */)], 2 /* CLASS */), createElementVNode("div", {
173
- class: normalizeClass(_ctx.contentStyles)
174
- }, [_ctx.proxyView === 'grid' ? (openBlock(true), createElementBlock(Fragment, {
175
- key: 0
176
- }, renderList(_ctx.items, item => {
177
- return openBlock(), createBlock(_component_OrCard, {
178
- key: item.id
179
- }, {
180
- default: withCtx(() => [renderSlot(_ctx.$slots, "gridItem", normalizeProps(guardReactiveProps(item)))]),
181
- _: 2 /* DYNAMIC */
182
- }, 1024 /* DYNAMIC_SLOTS */);
183
- }), 128 /* KEYED_FRAGMENT */)) : createCommentVNode("v-if", true), _ctx.proxyView === 'list' ? (openBlock(true), createElementBlock(Fragment, {
184
- key: 1
185
- }, renderList(_ctx.items, item => {
186
- return openBlock(), createBlock(_component_OrCard, {
187
- key: item.id
188
- }, {
189
- default: withCtx(() => [renderSlot(_ctx.$slots, "listItem", normalizeProps(guardReactiveProps(item)))]),
190
- _: 2 /* DYNAMIC */
191
- }, 1024 /* DYNAMIC_SLOTS */);
192
- }), 128 /* KEYED_FRAGMENT */)) : createCommentVNode("v-if", true)], 2 /* CLASS */)], 16 /* FULL_PROPS */);
193
- }
194
-
195
- script.render = render;
196
- script.__file = "src/components/or-card-collection-v3/OrCardCollection.vue";
197
-
198
- export { CardCollectionView as C, script as s };
@@ -1,104 +0,0 @@
1
- import { defineComponent, ref, computed } from 'vue-demi';
2
- import { u as useClassAttribute } from './useClassAttribute-47fdb016.js';
3
- import '@vueuse/core';
4
- import { s as script$1 } from './OrIcon-b3906e35.js';
5
- import { resolveComponent, openBlock, createElementBlock, mergeProps, withModifiers, renderSlot, createBlock, normalizeClass, createCommentVNode } from 'vue';
6
-
7
- const SortHeaderRoot = [
8
- // Layout
9
- 'inline-flex', 'justify-normal', 'items-center',
10
- // Interactivity
11
- 'interactivity-auto',
12
- // Typography
13
- 'typography-caption-regular',
14
- // Typography (activated)
15
- 'activated:typography-caption-semibold',
16
- // Theme
17
- 'theme-foreground-outline', 'dark:theme-foreground-outline-dark',
18
- // Theme (activated)
19
- 'activated:theme-foreground-default', 'dark:activated:theme-foreground-default-dark'];
20
-
21
- var script = defineComponent({
22
- name: 'OrSortHeader',
23
- components: {
24
- OrIcon: script$1
25
- },
26
- inheritAttrs: false,
27
- props: {
28
- modelValue: {
29
- type: Object,
30
- default: undefined
31
- },
32
- value: {
33
- type: Object,
34
- default: undefined
35
- },
36
- inputValue: {
37
- type: String,
38
- required: true
39
- }
40
- },
41
- emits: ['update:modelValue', 'input', 'focus', 'blur'],
42
- expose: ['root'],
43
- setup(props, context) {
44
- // Refs
45
- const root = ref();
46
- // Styles
47
- const classAttribute = useClassAttribute();
48
- const rootStyles = computed(() => ['or-sort-header', ...SortHeaderRoot, classAttribute.value]);
49
- // State
50
- const proxyModelValue = computed({
51
- get: () => {
52
- var _a;
53
- return (_a = props.modelValue) !== null && _a !== void 0 ? _a : props.value; // TODO: Remove Vue 2 fallback
54
- },
55
-
56
- set: value => {
57
- context.emit('input', value);
58
- context.emit('update:modelValue', value);
59
- }
60
- });
61
- const activated = computed(() => {
62
- var _a;
63
- return ((_a = proxyModelValue.value) === null || _a === void 0 ? void 0 : _a.column) === props.inputValue;
64
- });
65
- // Methods
66
- function toggleDirection() {
67
- var _a;
68
- proxyModelValue.value = {
69
- column: props.inputValue,
70
- direction: ((_a = proxyModelValue.value) === null || _a === void 0 ? void 0 : _a.direction) === 'asc' ? 'desc' : 'asc'
71
- };
72
- }
73
- return {
74
- root,
75
- rootStyles,
76
- proxyModelValue,
77
- activated,
78
- toggleDirection
79
- };
80
- }
81
- });
82
-
83
- const _hoisted_1 = ["activated"];
84
- function render(_ctx, _cache, $props, $setup, $data, $options) {
85
- const _component_OrIcon = resolveComponent("OrIcon");
86
- return openBlock(), createElementBlock("div", mergeProps({
87
- ref: "root"
88
- }, _ctx.$attrs, {
89
- class: _ctx.rootStyles,
90
- activated: _ctx.activated ? '' : null,
91
- onClick: _cache[0] || (_cache[0] = withModifiers($event => _ctx.toggleDirection(), ["stop"]))
92
- }), [renderSlot(_ctx.$slots, "default"), _ctx.activated ? (openBlock(), createBlock(_component_OrIcon, {
93
- key: 0,
94
- class: normalizeClass({
95
- 'rotate-180': _ctx.proxyModelValue.direction === 'asc'
96
- }),
97
- icon: 'arrow_downward'
98
- }, null, 8 /* PROPS */, ["class"])) : createCommentVNode("v-if", true)], 16 /* FULL_PROPS */, _hoisted_1);
99
- }
100
-
101
- script.render = render;
102
- script.__file = "src/components/or-sort-header-v3/OrSortHeader.vue";
103
-
104
- export { script as s };
@@ -1,17 +0,0 @@
1
- import { Meta, StoryFn } from '@storybook/vue3';
2
- declare const _default: Meta<import("vue").ComponentOptions<import("vue").default, import("@vue/composition-api").ShallowUnwrapRef<unknown>, import("@vue/composition-api").MethodOptions, import("@vue/composition-api").ComputedOptions, import("@vue/composition-api").ComponentPropsOptions<import("@vue/composition-api").Data>, import("@vue/composition-api").ExtractPropTypes<import("@vue/composition-api").ComponentPropsOptions<import("@vue/composition-api").Data>>> & Omit<import("vue").VueConstructor<import("vue").default>, never> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{} & {}, import("@vue/composition-api").ShallowUnwrapRef<unknown>, unknown, import("@vue/composition-api").ComputedOptions, import("@vue/composition-api").MethodOptions, unknown, unknown, {
3
- [x: string]: ((...args: any[]) => any) | null;
4
- } | string[], {} & {}, {
5
- [x: number]: string;
6
- } | {}, true>)>;
7
- export default _default;
8
- export declare const Default: StoryFn<import("vue").ComponentOptions<import("vue").default, import("@vue/composition-api").ShallowUnwrapRef<unknown>, import("@vue/composition-api").MethodOptions, import("@vue/composition-api").ComputedOptions, import("@vue/composition-api").ComponentPropsOptions<import("@vue/composition-api").Data>, import("@vue/composition-api").ExtractPropTypes<import("@vue/composition-api").ComponentPropsOptions<import("@vue/composition-api").Data>>> & Omit<import("vue").VueConstructor<import("vue").default>, never> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{} & {}, import("@vue/composition-api").ShallowUnwrapRef<unknown>, unknown, import("@vue/composition-api").ComputedOptions, import("@vue/composition-api").MethodOptions, unknown, unknown, {
9
- [x: string]: ((...args: any[]) => any) | null;
10
- } | string[], {} & {}, {
11
- [x: number]: string;
12
- } | {}, true>)>;
13
- export declare const WithSorting: StoryFn<import("vue").ComponentOptions<import("vue").default, import("@vue/composition-api").ShallowUnwrapRef<unknown>, import("@vue/composition-api").MethodOptions, import("@vue/composition-api").ComputedOptions, import("@vue/composition-api").ComponentPropsOptions<import("@vue/composition-api").Data>, import("@vue/composition-api").ExtractPropTypes<import("@vue/composition-api").ComponentPropsOptions<import("@vue/composition-api").Data>>> & Omit<import("vue").VueConstructor<import("vue").default>, never> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{} & {}, import("@vue/composition-api").ShallowUnwrapRef<unknown>, unknown, import("@vue/composition-api").ComputedOptions, import("@vue/composition-api").MethodOptions, unknown, unknown, {
14
- [x: string]: ((...args: any[]) => any) | null;
15
- } | string[], {} & {}, {
16
- [x: number]: string;
17
- } | {}, true>)>;
@@ -1,98 +0,0 @@
1
- import { PropType } from 'vue-demi';
2
- import { SortHeaderModel } from '../or-sort-header-v3';
3
- import { CardCollectionView } from './props';
4
- import { CardCollectionItem, CardCollectionSortHeader } from './types';
5
- declare const _default: import("vue").ComponentOptions<import("vue").default, import("@vue/composition-api").ShallowUnwrapRef<{
6
- root: import("@vue/composition-api").Ref<HTMLElement | undefined>;
7
- rootStyles: import("@vue/composition-api").ComputedRef<(string | undefined)[]>;
8
- toolbarStyles: import("@vue/composition-api").ComputedRef<string[]>;
9
- toolbarPanelStyles: import("@vue/composition-api").ComputedRef<string[]>;
10
- contentStyles: import("@vue/composition-api").ComputedRef<string[]>;
11
- proxyView: import("@vue/composition-api").Ref<CardCollectionView>;
12
- proxySort: import("@vue/composition-api").Ref<{
13
- column: string;
14
- direction: "asc" | "desc";
15
- }>;
16
- proxySearch: import("@vue/composition-api").Ref<string>;
17
- switchToGridView: () => void;
18
- switchToListView: () => void;
19
- }> & import("@vue/composition-api").Data, {}, {}, {
20
- items: {
21
- type: PropType<CardCollectionItem[]>;
22
- default: CardCollectionItem[];
23
- };
24
- view: {
25
- type: PropType<CardCollectionView>;
26
- default: CardCollectionView;
27
- };
28
- sort: {
29
- type: PropType<SortHeaderModel>;
30
- default: undefined;
31
- };
32
- sortHeaders: {
33
- type: PropType<CardCollectionSortHeader[]>;
34
- default: undefined;
35
- };
36
- search: {
37
- type: StringConstructor;
38
- default: undefined;
39
- };
40
- }, import("@vue/composition-api").ExtractPropTypes<{
41
- items: {
42
- type: PropType<CardCollectionItem[]>;
43
- default: CardCollectionItem[];
44
- };
45
- view: {
46
- type: PropType<CardCollectionView>;
47
- default: CardCollectionView;
48
- };
49
- sort: {
50
- type: PropType<SortHeaderModel>;
51
- default: undefined;
52
- };
53
- sortHeaders: {
54
- type: PropType<CardCollectionSortHeader[]>;
55
- default: undefined;
56
- };
57
- search: {
58
- type: StringConstructor;
59
- default: undefined;
60
- };
61
- }>> & Omit<import("vue").VueConstructor<import("vue").default>, never> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{
62
- sort: SortHeaderModel;
63
- items: CardCollectionItem[];
64
- view: CardCollectionView;
65
- sortHeaders: CardCollectionSortHeader[];
66
- search: string;
67
- } & {} & {
68
- [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
69
- }, import("@vue/composition-api").ShallowUnwrapRef<{
70
- root: import("@vue/composition-api").Ref<HTMLElement | undefined>;
71
- rootStyles: import("@vue/composition-api").ComputedRef<(string | undefined)[]>;
72
- toolbarStyles: import("@vue/composition-api").ComputedRef<string[]>;
73
- toolbarPanelStyles: import("@vue/composition-api").ComputedRef<string[]>;
74
- contentStyles: import("@vue/composition-api").ComputedRef<string[]>;
75
- proxyView: import("@vue/composition-api").Ref<CardCollectionView>;
76
- proxySort: import("@vue/composition-api").Ref<{
77
- column: string;
78
- direction: "asc" | "desc";
79
- }>;
80
- proxySearch: import("@vue/composition-api").Ref<string>;
81
- switchToGridView: () => void;
82
- switchToListView: () => void;
83
- }>, import("@vue/composition-api").Data, {}, {}, {}, {}, string[], {
84
- sort: SortHeaderModel;
85
- items: CardCollectionItem[];
86
- view: CardCollectionView;
87
- sortHeaders: CardCollectionSortHeader[];
88
- search: string;
89
- } & {} & {
90
- [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
91
- }, {
92
- sort: SortHeaderModel;
93
- items: CardCollectionItem[];
94
- view: CardCollectionView;
95
- sortHeaders: CardCollectionSortHeader[];
96
- search: string;
97
- }, true>);
98
- export default _default;
@@ -1,3 +0,0 @@
1
- export { default as OrCardCollectionV3 } from './OrCardCollection.vue';
2
- export * from './props';
3
- export * from './types';
@@ -1,4 +0,0 @@
1
- export declare enum CardCollectionView {
2
- Grid = "grid",
3
- List = "list"
4
- }
@@ -1,6 +0,0 @@
1
- import { CardCollectionView } from './props';
2
- export declare const CardCollectionRoot: string[];
3
- export declare const CardCollectionToolbar: string[];
4
- export declare const CardCollectionToolbarPanel: string[];
5
- export declare const CardCollectionContent: string[];
6
- export declare const CardCollectionContentViews: Record<CardCollectionView, string[]>;
@@ -1,7 +0,0 @@
1
- export interface CardCollectionItem {
2
- id: string;
3
- }
4
- export interface CardCollectionSortHeader {
5
- value: string;
6
- label: string;
7
- }
@@ -1,12 +0,0 @@
1
- import { Meta, StoryFn } from '@storybook/vue3';
2
- declare const _default: Meta<import("vue").ComponentOptions<import("vue").default, import("@vue/composition-api").ShallowUnwrapRef<unknown>, import("@vue/composition-api").MethodOptions, import("@vue/composition-api").ComputedOptions, import("@vue/composition-api").ComponentPropsOptions<import("@vue/composition-api").Data>, import("@vue/composition-api").ExtractPropTypes<import("@vue/composition-api").ComponentPropsOptions<import("@vue/composition-api").Data>>> & Omit<import("vue").VueConstructor<import("vue").default>, never> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{} & {}, import("@vue/composition-api").ShallowUnwrapRef<unknown>, unknown, import("@vue/composition-api").ComputedOptions, import("@vue/composition-api").MethodOptions, unknown, unknown, {
3
- [x: string]: ((...args: any[]) => any) | null;
4
- } | string[], {} & {}, {
5
- [x: number]: string;
6
- } | {}, true>)>;
7
- export default _default;
8
- export declare const Default: StoryFn<import("vue").ComponentOptions<import("vue").default, import("@vue/composition-api").ShallowUnwrapRef<unknown>, import("@vue/composition-api").MethodOptions, import("@vue/composition-api").ComputedOptions, import("@vue/composition-api").ComponentPropsOptions<import("@vue/composition-api").Data>, import("@vue/composition-api").ExtractPropTypes<import("@vue/composition-api").ComponentPropsOptions<import("@vue/composition-api").Data>>> & Omit<import("vue").VueConstructor<import("vue").default>, never> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{} & {}, import("@vue/composition-api").ShallowUnwrapRef<unknown>, unknown, import("@vue/composition-api").ComputedOptions, import("@vue/composition-api").MethodOptions, unknown, unknown, {
9
- [x: string]: ((...args: any[]) => any) | null;
10
- } | string[], {} & {}, {
11
- [x: number]: string;
12
- } | {}, true>)>;
@@ -1,57 +0,0 @@
1
- import { PropType } from 'vue-demi';
2
- import { SortHeaderModel } from './types';
3
- declare const _default: import("vue").ComponentOptions<import("vue").default, import("@vue/composition-api").ShallowUnwrapRef<{
4
- root: import("@vue/composition-api").Ref<HTMLElement | undefined>;
5
- rootStyles: import("@vue/composition-api").ComputedRef<(string | undefined)[]>;
6
- proxyModelValue: import("@vue/composition-api").WritableComputedRef<SortHeaderModel>;
7
- activated: import("@vue/composition-api").ComputedRef<boolean>;
8
- toggleDirection: () => void;
9
- }> & import("@vue/composition-api").Data, {}, {}, {
10
- modelValue: {
11
- type: PropType<SortHeaderModel>;
12
- default: undefined;
13
- };
14
- value: {
15
- type: PropType<SortHeaderModel>;
16
- default: undefined;
17
- };
18
- inputValue: {
19
- type: StringConstructor;
20
- required: true;
21
- };
22
- }, import("@vue/composition-api").ExtractPropTypes<{
23
- modelValue: {
24
- type: PropType<SortHeaderModel>;
25
- default: undefined;
26
- };
27
- value: {
28
- type: PropType<SortHeaderModel>;
29
- default: undefined;
30
- };
31
- inputValue: {
32
- type: StringConstructor;
33
- required: true;
34
- };
35
- }>> & Omit<import("vue").VueConstructor<import("vue").default>, never> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{
36
- modelValue: SortHeaderModel;
37
- value: SortHeaderModel;
38
- inputValue: string;
39
- } & {} & {
40
- [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
41
- }, import("@vue/composition-api").ShallowUnwrapRef<{
42
- root: import("@vue/composition-api").Ref<HTMLElement | undefined>;
43
- rootStyles: import("@vue/composition-api").ComputedRef<(string | undefined)[]>;
44
- proxyModelValue: import("@vue/composition-api").WritableComputedRef<SortHeaderModel>;
45
- activated: import("@vue/composition-api").ComputedRef<boolean>;
46
- toggleDirection: () => void;
47
- }>, import("@vue/composition-api").Data, {}, {}, {}, {}, string[], {
48
- modelValue: SortHeaderModel;
49
- value: SortHeaderModel;
50
- inputValue: string;
51
- } & {} & {
52
- [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
53
- }, {
54
- modelValue: SortHeaderModel;
55
- value: SortHeaderModel;
56
- }, true>);
57
- export default _default;
@@ -1,2 +0,0 @@
1
- export { default as OrSortHeaderV3 } from './OrSortHeader.vue';
2
- export * from './types';
@@ -1 +0,0 @@
1
- export declare const SortHeaderRoot: string[];
@@ -1,4 +0,0 @@
1
- export interface SortHeaderModel {
2
- column: string;
3
- direction: 'asc' | 'desc';
4
- }
@@ -1,7 +0,0 @@
1
- export { u as useClassAttribute } from './useClassAttribute-47fdb016.js';
2
- export { u as useElevation } from './useElevation-0e973238.js';
3
- export { u as useOverflow } from './useOverflow-ac506c65.js';
4
- export { u as useResponsive } from './useResponsive-a02e95b7.js';
5
- export { u as useToggle } from './useToggle-29e4d7c7.js';
6
- import 'vue-demi';
7
- import '@vueuse/core';
@@ -1,3 +0,0 @@
1
- export { u as useResponsive } from './useResponsive-a02e95b7.js';
2
- import '@vueuse/core';
3
- import 'vue-demi';
@@ -1,3 +0,0 @@
1
- import { DocsPage } from '@storybook/addon-docs';
2
-
3
- <DocsPage />