@onereach/ui-components 7.1.1-beta.3553.0 → 8.0.0

package/dist/bundled/v2/components/OrListV3/OrList.js

@@ -1,2 +1,2 @@
-export { _ as default } from '../../OrList-1bb8cbb1.js';
+export { _ as default } from '../../OrList-e25dc45f.js';
 import '../../normalize-component-6e8e3d80.js';

package/dist/bundled/v2/components/OrListV3/OrList.vue.d.ts

@@ -1,24 +1,25 @@
 import { PropType } from 'vue-demi';
+import { ListItem } from './types';
 declare const _default: import("vue").ComponentOptions<import("vue").default, import("@vue/composition-api").ShallowUnwrapRef<{
     root: import("@vue/composition-api").Ref<HTMLElement | undefined>;
+    content: import("@vue/composition-api").Ref<HTMLElement | undefined>;
     rootStyles: import("@vue/composition-api").ComputedRef<string[]>;
-    proxyModelValue: import("../../hooks").UseProxyModelValueReturn<object[]>;
+    contentStyles: import("@vue/composition-api").ComputedRef<string[]>;
+    proxyModelValue: import("../../hooks").UseProxyModelValueReturn<ListItem[]>;
     addItem: () => void;
     deleteItem: (index: number) => void;
-    onDragStart: (event: DragEvent) => void;
-    onDragEnter: (event: DragEvent) => void;
-    onDragOver: (event: DragEvent) => void;
-    onDragLeave: (event: DragEvent) => void;
-    onDragEnd: (event: DragEvent) => void;
-    onDrop: (event: DragEvent) => void;
     uuid: (<T extends ArrayLike<number>>(options: import("uuid").V4Options | null | undefined, buffer: T, offset?: number | undefined) => T) & ((options?: import("uuid").V4Options | undefined) => string);
 }> & import("@vue/composition-api").Data, {}, {}, {
     modelValue: {
-        type: PropType<object[]>;
+        type: PropType<ListItem[]>;
         default: () => never[];
     };
-    itemProps: {
-        type: PropType<object>;
+    selection: {
+        type: PropType<ListItem[]>;
+        default: () => never[];
+    };
+    itemFactory: {
+        type: PropType<() => ListItem>;
         default: () => {};
     };
     label: {
@@ -43,11 +44,15 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     };
 }, import("@vue/composition-api").ExtractPropTypes<{
     modelValue: {
-        type: PropType<object[]>;
+        type: PropType<ListItem[]>;
+        default: () => never[];
+    };
+    selection: {
+        type: PropType<ListItem[]>;
         default: () => never[];
     };
-    itemProps: {
-        type: PropType<object>;
+    itemFactory: {
+        type: PropType<() => ListItem>;
         default: () => {};
     };
     label: {
@@ -71,8 +76,9 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
         default: boolean;
     };
 }>> & Omit<import("vue").VueConstructor<import("vue").default>, never> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{
-    modelValue: object[];
-    itemProps: object;
+    modelValue: ListItem[];
+    selection: ListItem[];
+    itemFactory: () => ListItem;
     label: string;
     disabled: boolean;
     canAdd: boolean;
@@ -82,20 +88,17 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
 }, import("@vue/composition-api").ShallowUnwrapRef<{
     root: import("@vue/composition-api").Ref<HTMLElement | undefined>;
+    content: import("@vue/composition-api").Ref<HTMLElement | undefined>;
     rootStyles: import("@vue/composition-api").ComputedRef<string[]>;
-    proxyModelValue: import("../../hooks").UseProxyModelValueReturn<object[]>;
+    contentStyles: import("@vue/composition-api").ComputedRef<string[]>;
+    proxyModelValue: import("../../hooks").UseProxyModelValueReturn<ListItem[]>;
     addItem: () => void;
     deleteItem: (index: number) => void;
-    onDragStart: (event: DragEvent) => void;
-    onDragEnter: (event: DragEvent) => void;
-    onDragOver: (event: DragEvent) => void;
-    onDragLeave: (event: DragEvent) => void;
-    onDragEnd: (event: DragEvent) => void;
-    onDrop: (event: DragEvent) => void;
     uuid: (<T extends ArrayLike<number>>(options: import("uuid").V4Options | null | undefined, buffer: T, offset?: number | undefined) => T) & ((options?: import("uuid").V4Options | undefined) => string);
 }>, import("@vue/composition-api").Data, {}, {}, {}, {}, string[], {
-    modelValue: object[];
-    itemProps: object;
+    modelValue: ListItem[];
+    selection: ListItem[];
+    itemFactory: () => ListItem;
     label: string;
     disabled: boolean;
     canAdd: boolean;
@@ -104,8 +107,9 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
 } & {} & {
     [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
 }, {
-    modelValue: object[];
-    itemProps: object;
+    modelValue: ListItem[];
+    selection: ListItem[];
+    itemFactory: () => ListItem;
     label: string;
     disabled: boolean;
     canAdd: boolean;

package/dist/bundled/v2/components/OrListV3/index.d.ts

@@ -1,2 +1,3 @@
 export { default as OrListV3 } from './OrList.vue';
 export * from './partials';
+export * from './types';

package/dist/bundled/v2/components/OrListV3/index.js

@@ -1 +1 @@
-export { O as OrListItem, _ as OrListV3 } from '../../OrList-1bb8cbb1.js';
+export { O as OrListItem, _ as OrListV3 } from '../../OrList-e25dc45f.js';

package/dist/bundled/v2/components/OrListV3/styles.d.ts

@@ -1 +1,2 @@
 export declare const List: string[];
+export declare const ListContent: string[];

package/dist/bundled/v2/components/OrListV3/styles.js

@@ -3,5 +3,6 @@ const List = [
 'layout-column',
 // Spacing
 'gap-md'];
+const ListContent = [];
 
-export { List };
+export { List, ListContent };

package/dist/bundled/v2/components/OrListV3/types.d.ts

@@ -0,0 +1,4 @@
+export type ListItem = {
+    key?: string;
+    [property: string]: unknown;
+};

package/dist/bundled/v2/components/OrListV3/types.js

@@ -0,0 +1 @@
+

package/dist/bundled/v2/components/index.js

@@ -51,7 +51,7 @@ export { default as OrDateTimeFormatV3 } from './OrDateTimeFormatV3/OrDateTimeFo
 export { default as OrDateTimePicker } from './OrDateTimePicker/OrDateTimePicker.js';
 export { DEFAULT_TEXT, OrDateTimePickerItemTypes, OrDateTimePickerTypes } from './OrDateTimePicker/constants.js';
 export { default as OrDateTimePickerV3 } from './OrDateTimePickerV3/OrDateTimePicker.js';
-export { O as OrDateTimePickerDateControl, a as OrDateTimePickerDateSelect, b as OrDateTimePickerMonthSelect } from '../OrDateTimePickerMonthSelect-c7959782.js';
+export { O as OrDateTimePickerDateControl, a as OrDateTimePickerDateSelect, b as OrDateTimePickerMonthSelect } from '../OrDateTimePickerMonthSelect-9870c649.js';
 export { O as OrDateTimePickerMobileControl, a as OrDateTimePickerPopoverFooter, b as OrDateTimePickerPopoverHeader } from '../OrDateTimePickerPopoverHeader-ce85f482.js';
 export { O as OrDateTimePickerTimeControl, a as OrDateTimePickerTimeSelect } from '../OrDateTimePickerTimeSelect-6c65f27e.js';
 export { DateTimePickerTimeFormat, DateTimePickerTimeFormat as TimePickerFormat, DateTimePickerTimeFormat as TimeRangePickerFormat } from './OrDateTimePickerV3/props.js';
@@ -100,7 +100,7 @@ export { default as OrLinkV3 } from './OrLinkV3/OrLink.js';
 export { LinkColor } from './OrLinkV3/props.js';
 export { default as OrList } from './OrList/OrList.js';
 export { default as OrListOfInputs } from './OrListOfInputs/OrListOfInputs.js';
-export { O as OrListItem, _ as OrListV3 } from '../OrList-1bb8cbb1.js';
+export { O as OrListItem, _ as OrListV3 } from '../OrList-e25dc45f.js';
 export { default as OrLoader } from './OrLoader/OrLoader.js';
 export { LoaderViews } from './OrLoader/constants.js';
 export { default as OrLoaderV3 } from './OrLoaderV3/OrLoader.js';

package/dist/bundled/v2/hooks/useResponsive/useResponsive.js

@@ -89,6 +89,8 @@ const variants = {
   'selected': ['&[selected]:not([selected="false"])', '&:checked'],
   'activated': ['&[activated]:not([activated="false"])'],
 
+  'draggable': ['&[draggable]:not([draggable="false"])'],
+
   'valid': ['&:not([invalid])', '&[invalid="false"]'],
   'invalid': ['&[invalid]:not([invalid="false"])'],