@onereach/ui-components 2.68.1-beta.2065.0 → 2.68.1-beta.2068.0

package/dist/bundled/v2/{OrCard-29116e1f.js → OrCard-58a1ba3e.js}

@@ -67,6 +67,6 @@ const __vue_component__ = /*#__PURE__*/normalizeComponent({
   render: __vue_render__,
   staticRenderFns: __vue_staticRenderFns__
 }, __vue_inject_styles__, __vue_script__, __vue_scope_id__, __vue_is_functional_template__, __vue_module_identifier__, false, undefined, undefined, undefined);
-var __vue_component__$1 = __vue_component__;
+var OrCard = __vue_component__;
 
-export { __vue_component__$1 as _ };
+export { OrCard as O };

package/dist/bundled/v2/{OrCardCollection-0eaf7489.js → OrCardCollection-dac9fd1e.js}

@@ -1,10 +1,11 @@
 import './index-fa6eb4ca.js';
-import { defineComponent, computed, ref, watch } from '@vue/composition-api/dist/vue-composition-api.mjs';
-import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
+import { O as OrCard } from './OrCard-58a1ba3e.js';
 import { O as OrIconButton } from './OrIconButton-a215104c.js';
 import { O as OrInput } from './OrInput-4b82eb59.js';
 import { O as OrSortHeader } from './OrSortHeader-396e6a7c.js';
 import { u as useClassAttribute } from './useClassAttribute-9bf33346.js';
+import { defineComponent, ref, computed, watch } from '@vue/composition-api/dist/vue-composition-api.mjs';
+import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
 
 var CardCollectionView;
 (function (CardCollectionView) {
@@ -41,69 +42,10 @@ const CardCollectionContentViews = {
   'list': []
 };
 
-var script$1 = defineComponent({
-  name: 'OrCardCollectionView',
-  props: {
-    items: {
-      type: Array,
-      default: []
-    },
-    mode: {
-      type: String,
-      required: true
-    }
-  },
-  setup(props) {
-    const contentStyles = computed(() => [...CardCollectionContent, ...CardCollectionContentViews[props.mode]]);
-    return {
-      contentStyles
-    };
-  }
-});
-
-/* script */
-const __vue_script__$1 = script$1;
-
-/* template */
-var __vue_render__$1 = function () {
-  var _vm = this;
-  var _h = _vm.$createElement;
-  var _c = _vm._self._c || _h;
-  return _c('div', {
-    class: _vm.contentStyles
-  }, [_vm._l(_vm.items, function (item) {
-    return _vm._t("item", null, null, {
-      item: item,
-      mode: _vm.mode
-    });
-  })], 2);
-};
-var __vue_staticRenderFns__$1 = [];
-
-/* style */
-const __vue_inject_styles__$1 = undefined;
-/* scoped */
-const __vue_scope_id__$1 = undefined;
-/* module identifier */
-const __vue_module_identifier__$1 = undefined;
-/* functional template */
-const __vue_is_functional_template__$1 = false;
-/* style inject */
-
-/* style inject SSR */
-
-/* style inject shadow dom */
-
-const __vue_component__$2 = /*#__PURE__*/normalizeComponent({
-  render: __vue_render__$1,
-  staticRenderFns: __vue_staticRenderFns__$1
-}, __vue_inject_styles__$1, __vue_script__$1, __vue_scope_id__$1, __vue_is_functional_template__$1, __vue_module_identifier__$1, false, undefined, undefined, undefined);
-var OrCardCollectionView = __vue_component__$2;
-
 var script = defineComponent({
   name: 'OrCardCollection',
   components: {
-    OrCardCollectionView,
+    OrCard,
     OrIconButton,
     OrInput,
     OrSortHeader
@@ -141,6 +83,7 @@ var script = defineComponent({
     const rootStyles = computed(() => ['or-card-collection', ...CardCollectionRoot, classAttribute.value]);
     const toolbarStyles = computed(() => [...CardCollectionToolbar]);
     const toolbarPanelStyles = computed(() => [...CardCollectionToolbarPanel]);
+    const contentStyles = computed(() => [...CardCollectionContent, ...CardCollectionContentViews[proxyView.value]]);
     // State
     const proxyView = ref(props.view);
     const proxySort = ref(props.sort);
@@ -176,6 +119,7 @@ var script = defineComponent({
       rootStyles,
       toolbarStyles,
       toolbarPanelStyles,
+      contentStyles,
       proxyView,
       proxySort,
       proxySearch,
@@ -247,22 +191,17 @@ var __vue_render__ = function () {
         return _vm.switchToListView();
       }
     }
-  }), _vm._v(" "), _vm._t("addon")], 2)]), _vm._v(" "), _vm._t(_vm.proxyView, function () {
-    return [_c('OrCardCollectionView', {
-      attrs: {
-        "items": _vm.items,
-        "mode": _vm.proxyView
-      },
-      scopedSlots: _vm._u([{
-        key: "item",
-        fn: function (props) {
-          return [_vm._t("item", null, null, props)];
-        }
-      }], null, true)
-    })];
-  }, null, {
-    items: _vm.items
-  })], 2);
+  }), _vm._v(" "), _vm._t("addon")], 2)]), _vm._v(" "), _c('div', {
+    class: _vm.contentStyles
+  }, [_vm.proxyView === 'grid' ? _vm._l(_vm.items, function (item) {
+    return _c('OrCard', {
+      key: item.id
+    }, [_vm._t("gridItem", null, null, item)], 2);
+  }) : _vm._e(), _vm._v(" "), _vm.proxyView === 'list' ? _vm._l(_vm.items, function (item) {
+    return _c('OrCard', {
+      key: item.id
+    }, [_vm._t("listItem", null, null, item)], 2);
+  }) : _vm._e()], 2)]);
 };
 var __vue_staticRenderFns__ = [];
 

package/dist/bundled/v2/{OrSelect-68aacb62.js → OrSelect-5fef3ccd.js}

@@ -12,7 +12,7 @@ import { O as OrPopover } from './OrPopover-5dc240f1.js';
 import { O as OrTag } from './OrTag-6440aa89.js';
 import { D as DropdownClose, a as DropdownOpen } from './dropdown-open-e2a93aaf.js';
 import { u as useClassAttribute } from './useClassAttribute-9bf33346.js';
-import { u as useOverflow } from './useOverflow-43299d81.js';
+import { u as useOverflow } from './useOverflow-bfea931e.js';
 import { defineComponent, getCurrentInstance, ref, computed, onMounted, watch } from '@vue/composition-api/dist/vue-composition-api.mjs';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
 

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

@@ -8,8 +8,8 @@ export { a as BUTTON_COLOR, c as BUTTON_LOADER_TYPE, b as BUTTON_SIZE, B as BUTT
 export { a as ButtonColor, b as ButtonType, B as ButtonVariant, O as OrButtonV3 } from '../OrButton-0e91a808.js';
 export { O as OrCard } from '../OrCard-a6b30f8f.js';
 export { C as CARD_COLLECTION_LAYOUT, _ as OrCardCollection } from '../OrCardCollection-89428bbf.js';
-export { C as CardCollectionView, _ as OrCardCollectionV3 } from '../OrCardCollection-0eaf7489.js';
-export { _ as OrCardV3 } from '../OrCard-29116e1f.js';
+export { C as CardCollectionView, _ as OrCardCollectionV3 } from '../OrCardCollection-dac9fd1e.js';
+export { O as OrCardV3 } from '../OrCard-58a1ba3e.js';
 export { a as OrCarousel, _ as OrCarouselItem } from '../OrCarouselItem-6da755c0.js';
 export { O as OrCheckbox } from '../OrCheckbox-4cbddd67.js';
 export { O as OrCheckboxV3 } from '../OrCheckbox-dbef9f9a.js';
@@ -66,7 +66,7 @@ export { _ as OrRadioV3 } from '../OrRadio-cd39b20b.js';
 export { _ as OrSearchV3 } from '../OrSearch-e34afaee.js';
 export { _ as OrSegmentedControlV3, S as SegmentedControlSize } from '../OrSegmentedControl-21cc914e.js';
 export { _ as OrSelect } from '../OrSelect-a23d4210.js';
-export { _ as OrSelectV3 } from '../OrSelect-68aacb62.js';
+export { _ as OrSelectV3 } from '../OrSelect-5fef3ccd.js';
 export { _ as OrSidebar, O as OrSidebarSide } from '../OrSidebar-e2b2c9ec.js';
 export { O as OrSidebarPlacement, _ as OrSidebarV3 } from '../OrSidebar-c95ef614.js';
 export { _ as OrSkeletonCircle, a as OrSkeletonRect, b as OrSkeletonText, O as OrSkeletonTextSizes } from '../OrSkeletonText-242d22f3.js';
@@ -113,6 +113,6 @@ import '../v4-cf8987a3.js';
 import '../useResponsive-e13dfbb0.js';
 import '../useElevation-aac032f4.js';
 import '../dropdown-open-e2a93aaf.js';
-import '../useOverflow-43299d81.js';
+import '../useOverflow-bfea931e.js';
 import 'portal-vue/dist/portal-vue.esm.js';
 import 'portal-vue';

package/dist/bundled/v2/components/or-card-collection-v3/OrCardCollection.stories3.d.ts

@@ -1,5 +1,4 @@
 import { Meta, StoryFn } from '@storybook/vue3';
-import OrCardCollection from './OrCardCollection.vue';
 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, {
     [x: string]: ((...args: any[]) => any) | null;
 } | string[], {} & {}, {
@@ -16,5 +15,3 @@ export declare const WithSorting: StoryFn<import("vue").ComponentOptions<import(
 } | string[], {} & {}, {
     [x: number]: string;
 } | {}, true>)>;
-export declare const OverrideViewContainer: StoryFn<typeof OrCardCollection>;
-export declare const WithLink: StoryFn<typeof OrCardCollection>;

package/dist/bundled/v2/components/or-card-collection-v3/OrCardCollection.vue.d.ts

@@ -7,6 +7,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     rootStyles: import("@vue/composition-api").ComputedRef<(string | undefined)[]>;
     toolbarStyles: import("@vue/composition-api").ComputedRef<string[]>;
     toolbarPanelStyles: import("@vue/composition-api").ComputedRef<string[]>;
+    contentStyles: import("@vue/composition-api").ComputedRef<string[]>;
     proxyView: import("@vue/composition-api").Ref<CardCollectionView>;
     proxySort: import("@vue/composition-api").Ref<{
         column: string;
@@ -70,6 +71,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     rootStyles: import("@vue/composition-api").ComputedRef<(string | undefined)[]>;
     toolbarStyles: import("@vue/composition-api").ComputedRef<string[]>;
     toolbarPanelStyles: import("@vue/composition-api").ComputedRef<string[]>;
+    contentStyles: import("@vue/composition-api").ComputedRef<string[]>;
     proxyView: import("@vue/composition-api").Ref<CardCollectionView>;
     proxySort: import("@vue/composition-api").Ref<{
         column: string;

package/dist/bundled/v2/components/or-card-collection-v3/index.js

@@ -1,11 +1,12 @@
-export { C as CardCollectionView, _ as OrCardCollectionV3 } from '../../OrCardCollection-0eaf7489.js';
+export { C as CardCollectionView, _ as OrCardCollectionV3 } from '../../OrCardCollection-dac9fd1e.js';
 import '../../index-fa6eb4ca.js';
 import 'vue';
 import '@vue/composition-api/dist/vue-composition-api.mjs';
+import '../../OrCard-58a1ba3e.js';
+import '../../useClassAttribute-9bf33346.js';
 import '../../normalize-component-6e8e3d80.js';
 import '../../OrIconButton-a215104c.js';
 import '../../OrIcon-8625385f.js';
-import '../../useClassAttribute-9bf33346.js';
 import '../../OrTooltip-fbfa05fd.js';
 import '@vueuse/core';
 import '../../OrPopover-5dc240f1.js';

package/dist/bundled/v2/components/or-card-collection-v3/types.d.ts

@@ -1,5 +1,5 @@
 export interface CardCollectionItem {
-    key?: string;
+    id: string;
 }
 export interface CardCollectionSortHeader {
     value: string;

package/dist/bundled/v2/components/or-card-v3/index.js

@@ -1,4 +1,4 @@
-export { _ as OrCardV3 } from '../../OrCard-29116e1f.js';
+export { O as OrCardV3 } from '../../OrCard-58a1ba3e.js';
 import '../../index-fa6eb4ca.js';
 import 'vue';
 import '@vue/composition-api/dist/vue-composition-api.mjs';

package/dist/bundled/v2/components/or-select-v3/index.js

@@ -1,4 +1,4 @@
-export { _ as OrSelectV3 } from '../../OrSelect-68aacb62.js';
+export { _ as OrSelectV3 } from '../../OrSelect-5fef3ccd.js';
 export { a as SelectSize } from '../../OrInputBox-79ec54ad.js';
 import '../../index-fa6eb4ca.js';
 import 'vue';
@@ -27,4 +27,4 @@ import '../../useResponsive-e13dfbb0.js';
 import '../../OrMenuItem-26420908.js';
 import '../../OrTag-6440aa89.js';
 import '../../dropdown-open-e2a93aaf.js';
-import '../../useOverflow-43299d81.js';
+import '../../useOverflow-bfea931e.js';

package/dist/bundled/v2/components/or-tag-v3/OrTag.stories3.d.ts

@@ -15,3 +15,8 @@ export declare const WithCustomColor: StoryFn<import("vue").ComponentOptions<imp
 } | string[], {} & {}, {
     [x: number]: string;
 } | {}, true>)>;
+export declare const InsideContainer: 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, {
+    [x: string]: ((...args: any[]) => any) | null;
+} | string[], {} & {}, {
+    [x: number]: string;
+} | {}, true>)>;

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

@@ -1,6 +1,6 @@
 export { u as useClassAttribute } from '../useClassAttribute-9bf33346.js';
 export { u as useElevation } from '../useElevation-aac032f4.js';
-export { u as useOverflow } from '../useOverflow-43299d81.js';
+export { u as useOverflow } from '../useOverflow-bfea931e.js';
 export { u as useToggle } from '../useToggle-6166bd53.js';
 export { u as useResponsive } from '../useResponsive-e13dfbb0.js';
 import '../index-fa6eb4ca.js';