@onereach/ui-components 8.3.1 → 8.4.0-beta.3653.0

package/dist/bundled/v2/components/OrCardCollectionV3/OrCardCollection.js

@@ -1,258 +1,2 @@
-import { defineComponent, computed, ref, watch } from 'vue-demi';
-import { CardCollectionContent, CardCollectionContentViews, CardCollection, CardCollectionToolbar, CardCollectionToolbarPanel } from './styles.js';
-import { n as normalizeComponent } from '../../normalize-component-6e8e3d80.js';
-import { gridView, defaultViewModes } from './props.js';
-import __vue_component__$2 from '../OrIconButtonV3/OrIconButton.js';
-import __vue_component__$3 from '../OrSortingV3/OrSorting.js';
-import __vue_component__$4 from '../OrSearchV3/OrSearch.js';
-
-var script$1 = defineComponent({
-  name: 'OrCardCollectionView',
-  props: {
-    items: {
-      type: Array,
-      default: []
-    },
-    mode: {
-      type: String,
-      required: true
-    }
-  },
-  setup(props) {
-    // Styles
-    const rootStyles = computed(() => [...CardCollectionContent, ...CardCollectionContentViews[props.mode]]);
-    return {
-      rootStyles
-    };
-  }
-});
-
-/* 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.rootStyles
-  }, [_vm._l(_vm.items, function (item) {
-    return _vm._t("item", function () {
-      return [_vm._v("\n    " + _vm._s(item.key) + "\n  ")];
-    }, 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__$1 = /*#__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__$1;
-
-var script = defineComponent({
-  name: 'OrCardCollection',
-  components: {
-    OrCardCollectionView,
-    OrIconButton: __vue_component__$2,
-    OrSorting: __vue_component__$3,
-    OrSearch: __vue_component__$4
-  },
-  props: {
-    items: {
-      type: Array,
-      default: []
-    },
-    view: {
-      type: String,
-      default: gridView.view
-    },
-    viewModes: {
-      type: Array,
-      default: () => defaultViewModes
-    },
-    sort: {
-      type: String,
-      default: undefined
-    },
-    sortOptions: {
-      type: Array,
-      default: () => []
-    },
-    search: {
-      type: String,
-      default: ''
-    },
-    searchPlaceholder: {
-      type: String,
-      default: undefined
-    },
-    searchDebounce: {
-      type: Number,
-      default: undefined
-    }
-  },
-  emits: ['viewChange', 'sortChange', 'searchChange'],
-  expose: ['root'],
-  setup(props, context) {
-    // Refs
-    const root = ref();
-    // Styles
-    const rootStyles = computed(() => ['or-card-collection-v3', ...CardCollection]);
-    const toolbarStyles = computed(() => [...CardCollectionToolbar]);
-    const toolbarPanelStyles = computed(() => [...CardCollectionToolbarPanel]);
-    // State
-    const proxyView = ref(props.view);
-    const proxySearch = ref(props.search);
-    // Methods
-    function switchView(view) {
-      proxyView.value = view;
-    }
-    function handleSearch(search) {
-      proxySearch.value = search;
-    }
-    // Effects
-    watch(() => props.view, value => {
-      proxyView.value = value;
-    });
-    watch(proxyView, value => {
-      context.emit('viewChange', value);
-    });
-    watch(() => props.search, value => {
-      proxySearch.value = value;
-    });
-    watch(proxySearch, value => {
-      context.emit('searchChange', value);
-    });
-    return {
-      root,
-      rootStyles,
-      toolbarStyles,
-      toolbarPanelStyles,
-      proxyView,
-      proxySearch,
-      switchView,
-      handleSearch
-    };
-  }
-});
-
-/* script */
-const __vue_script__ = script;
-
-/* template */
-var __vue_render__ = function () {
-  var _vm = this;
-  var _h = _vm.$createElement;
-  var _c = _vm._self._c || _h;
-  return _c('div', {
-    ref: "root",
-    class: _vm.rootStyles
-  }, [_c('div', {
-    class: _vm.toolbarStyles
-  }, [_c('div', {
-    class: _vm.toolbarPanelStyles
-  }, [_vm.sortOptions.length ? [_c('OrSorting', {
-    attrs: {
-      "model-value": _vm.sort,
-      "options": _vm.sortOptions
-    },
-    on: {
-      "update:modelValue": function ($event) {
-        return _vm.$emit('sortChange', $event);
-      }
-    }
-  })] : _vm._e()], 2), _vm._v(" "), _c('div', {
-    class: _vm.toolbarPanelStyles
-  }, [_c('OrSearch', {
-    staticClass: "md:w-[350px]",
-    attrs: {
-      "model-value": _vm.proxySearch,
-      "placeholder": _vm.searchPlaceholder,
-      "debounce": _vm.searchDebounce
-    },
-    on: {
-      "search": _vm.handleSearch
-    }
-  }), _vm._v(" "), _vm.viewModes.length > 1 ? [_c('div', {
-    staticClass: "layout-row gap-sm"
-  }, _vm._l(_vm.viewModes, function (viewOption) {
-    return _c('OrIconButton', {
-      key: viewOption.view,
-      attrs: {
-        "size": "l",
-        "icon": {
-          icon: viewOption.icon
-        },
-        "selected": viewOption.view === _vm.proxyView
-      },
-      on: {
-        "click": function ($event) {
-          return _vm.switchView(viewOption.view);
-        }
-      }
-    });
-  }), 1)] : _vm._e(), _vm._v(" "), _vm._t("addon")], 2)]), _vm._v(" "), _vm._t("header", null, null, {
-    items: _vm.items,
-    mode: _vm.proxyView
-  }), _vm._v(" "), _vm.items.length ? _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
-  }) : _vm.items.length === 0 && _vm.proxySearch.length > 0 ? _vm._t("noSearchResults", function () {
-    return [_vm._v("\n    No results\n  ")];
-  }, null, {
-    search: _vm.proxySearch
-  }) : _vm._e()], 2);
-};
-var __vue_staticRenderFns__ = [];
-
-/* style */
-const __vue_inject_styles__ = undefined;
-/* scoped */
-const __vue_scope_id__ = undefined;
-/* module identifier */
-const __vue_module_identifier__ = undefined;
-/* functional template */
-const __vue_is_functional_template__ = false;
-/* style inject */
-
-/* style inject SSR */
-
-/* style inject shadow dom */
-
-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);
-
-export { __vue_component__ as default };
+export { _ as default } from '../OrCardCollectionV3-8e93dfbc.js';
+import '../OrAvatar-56c993c9.js';

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

@@ -1,2 +1 @@
-export { default as OrCardCollectionV3 } from './OrCardCollection.js';
-export { CardCollectionView, defaultViewModes, gridView, listView } from './props.js';
+export { C as CardCollectionView, _ as OrCardCollectionV3, d as defaultViewModes, g as gridView, l as listView } from '../OrCardCollectionV3-8e93dfbc.js';

package/dist/bundled/v2/components/OrCardCollectionV3/props.js

@@ -1,16 +1 @@
-var CardCollectionView;
-(function (CardCollectionView) {
-  CardCollectionView["Grid"] = "grid";
-  CardCollectionView["List"] = "list";
-})(CardCollectionView || (CardCollectionView = {}));
-const gridView = {
-  view: CardCollectionView.Grid,
-  icon: 'grid_view'
-};
-const listView = {
-  view: CardCollectionView.List,
-  icon: 'view_agenda'
-};
-const defaultViewModes = [gridView, listView];
-
-export { CardCollectionView, defaultViewModes, gridView, listView };
+export { C as CardCollectionView, d as defaultViewModes, g as gridView, l as listView } from '../OrCardCollectionV3-8e93dfbc.js';

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

@@ -1,38 +1 @@
-import { CardCollectionView } from './props.js';
-
-const CardCollection = [
-// Layout
-'layout-column',
-// Box
-'max-h-full',
-// Spacing
-'gap-md'];
-const CardCollectionToolbar = [
-// Layout
-'layout-row justify-between',
-// Typography
-'typography-body-2-regular',
-// Theme
-'theme-foreground-default', 'dark:theme-foreground-default-dark'];
-const CardCollectionToolbarPanel = [
-// Layout
-'layout-inline-row',
-// Spacing
-'gap-lg+'];
-const CardCollectionContent = [
-// Layout
-'grid',
-// Overflow
-'overflow-auto',
-// Spacing
-'-mx-sm', '-my-sm', '-mr-[calc(theme(spacing.sm) * 2)]', 'px-sm', 'py-sm', 'gap-sm md:gap-md'];
-const CardCollectionContentViews = {
-  [CardCollectionView.Grid]: [
-  // Layout
-  'grid-cols-1 md:grid-cols-5'],
-  [CardCollectionView.List]: [
-  // Layout
-  'grid-cols-1']
-};
-
-export { CardCollection, CardCollectionContent, CardCollectionContentViews, CardCollectionToolbar, CardCollectionToolbarPanel };
+export { a as CardCollection, e as CardCollectionContent, f as CardCollectionContentViews, b as CardCollectionToolbar, c as CardCollectionToolbarPanel } from '../OrCardCollectionV3-8e93dfbc.js';

package/dist/bundled/v2/components/OrCardCollectionV3-8e93dfbc.js

@@ -0,0 +1,306 @@
+import { defineComponent, computed, ref, watch } from 'vue-demi';
+import { n as normalizeComponent } from './OrAvatar-56c993c9.js';
+import { _ as __vue_component__$2 } from './OrIconButtonV3-7e033be9.js';
+import { _ as __vue_component__$3 } from './OrSortingV3-c2ec11e7.js';
+import { OrSearchV3 as __vue_component__$4 } from './OrSearchV3/index.js';
+
+var CardCollectionView;
+(function (CardCollectionView) {
+  CardCollectionView["Grid"] = "grid";
+  CardCollectionView["List"] = "list";
+})(CardCollectionView || (CardCollectionView = {}));
+const gridView = {
+  view: CardCollectionView.Grid,
+  icon: 'grid_view'
+};
+const listView = {
+  view: CardCollectionView.List,
+  icon: 'view_agenda'
+};
+const defaultViewModes = [gridView, listView];
+
+const CardCollection = [
+// Layout
+'layout-column',
+// Box
+'max-h-full',
+// Spacing
+'gap-md'];
+const CardCollectionToolbar = [
+// Layout
+'layout-row justify-between',
+// Typography
+'typography-body-2-regular',
+// Theme
+'theme-foreground-default', 'dark:theme-foreground-default-dark'];
+const CardCollectionToolbarPanel = [
+// Layout
+'layout-inline-row',
+// Spacing
+'gap-lg+'];
+const CardCollectionContent = [
+// Layout
+'grid',
+// Overflow
+'overflow-auto',
+// Spacing
+'-mx-sm', '-my-sm', '-mr-[calc(theme(spacing.sm) * 2)]', 'px-sm', 'py-sm', 'gap-sm md:gap-md'];
+const CardCollectionContentViews = {
+  [CardCollectionView.Grid]: [
+  // Layout
+  'grid-cols-1 md:grid-cols-5'],
+  [CardCollectionView.List]: [
+  // Layout
+  'grid-cols-1']
+};
+
+var script$1 = defineComponent({
+  name: 'OrCardCollectionView',
+  props: {
+    items: {
+      type: Array,
+      default: []
+    },
+    mode: {
+      type: String,
+      required: true
+    }
+  },
+  setup(props) {
+    // Styles
+    const rootStyles = computed(() => [...CardCollectionContent, ...CardCollectionContentViews[props.mode]]);
+    return {
+      rootStyles
+    };
+  }
+});
+
+/* 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.rootStyles
+  }, [_vm._l(_vm.items, function (item) {
+    return _vm._t("item", function () {
+      return [_vm._v("\n    " + _vm._s(item.key) + "\n  ")];
+    }, 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__$1 = /*#__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__$1;
+
+var script = defineComponent({
+  name: 'OrCardCollection',
+  components: {
+    OrCardCollectionView,
+    OrIconButton: __vue_component__$2,
+    OrSorting: __vue_component__$3,
+    OrSearch: __vue_component__$4
+  },
+  props: {
+    items: {
+      type: Array,
+      default: []
+    },
+    view: {
+      type: String,
+      default: gridView.view
+    },
+    viewModes: {
+      type: Array,
+      default: () => defaultViewModes
+    },
+    sort: {
+      type: String,
+      default: undefined
+    },
+    sortOptions: {
+      type: Array,
+      default: () => []
+    },
+    search: {
+      type: String,
+      default: ''
+    },
+    searchPlaceholder: {
+      type: String,
+      default: undefined
+    },
+    searchDebounce: {
+      type: Number,
+      default: undefined
+    }
+  },
+  emits: ['viewChange', 'sortChange', 'searchChange'],
+  expose: ['root'],
+  setup(props, context) {
+    // Refs
+    const root = ref();
+    // Styles
+    const rootStyles = computed(() => ['or-card-collection-v3', ...CardCollection]);
+    const toolbarStyles = computed(() => [...CardCollectionToolbar]);
+    const toolbarPanelStyles = computed(() => [...CardCollectionToolbarPanel]);
+    // State
+    const proxyView = ref(props.view);
+    const proxySearch = ref(props.search);
+    // Methods
+    function switchView(view) {
+      proxyView.value = view;
+    }
+    function handleSearch(search) {
+      proxySearch.value = search;
+    }
+    // Effects
+    watch(() => props.view, value => {
+      proxyView.value = value;
+    });
+    watch(proxyView, value => {
+      context.emit('viewChange', value);
+    });
+    watch(() => props.search, value => {
+      proxySearch.value = value;
+    });
+    watch(proxySearch, value => {
+      context.emit('searchChange', value);
+    });
+    return {
+      root,
+      rootStyles,
+      toolbarStyles,
+      toolbarPanelStyles,
+      proxyView,
+      proxySearch,
+      switchView,
+      handleSearch
+    };
+  }
+});
+
+/* script */
+const __vue_script__ = script;
+
+/* template */
+var __vue_render__ = function () {
+  var _vm = this;
+  var _h = _vm.$createElement;
+  var _c = _vm._self._c || _h;
+  return _c('div', {
+    ref: "root",
+    class: _vm.rootStyles
+  }, [_c('div', {
+    class: _vm.toolbarStyles
+  }, [_c('div', {
+    class: _vm.toolbarPanelStyles
+  }, [_vm.sortOptions.length ? [_c('OrSorting', {
+    attrs: {
+      "model-value": _vm.sort,
+      "options": _vm.sortOptions
+    },
+    on: {
+      "update:modelValue": function ($event) {
+        return _vm.$emit('sortChange', $event);
+      }
+    }
+  })] : _vm._e()], 2), _vm._v(" "), _c('div', {
+    class: _vm.toolbarPanelStyles
+  }, [_c('OrSearch', {
+    staticClass: "md:w-[350px]",
+    attrs: {
+      "model-value": _vm.proxySearch,
+      "placeholder": _vm.searchPlaceholder,
+      "debounce": _vm.searchDebounce
+    },
+    on: {
+      "search": _vm.handleSearch
+    }
+  }), _vm._v(" "), _vm.viewModes.length > 1 ? [_c('div', {
+    staticClass: "layout-row gap-sm"
+  }, _vm._l(_vm.viewModes, function (viewOption) {
+    return _c('OrIconButton', {
+      key: viewOption.view,
+      attrs: {
+        "size": "l",
+        "icon": {
+          icon: viewOption.icon
+        },
+        "selected": viewOption.view === _vm.proxyView
+      },
+      on: {
+        "click": function ($event) {
+          return _vm.switchView(viewOption.view);
+        }
+      }
+    });
+  }), 1)] : _vm._e(), _vm._v(" "), _vm._t("addon")], 2)]), _vm._v(" "), _vm._t("header", null, null, {
+    items: _vm.items,
+    mode: _vm.proxyView
+  }), _vm._v(" "), _vm.items.length ? _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
+  }) : _vm.items.length === 0 && _vm.proxySearch.length > 0 ? _vm._t("noSearchResults", function () {
+    return [_vm._v("\n    No results\n  ")];
+  }, null, {
+    search: _vm.proxySearch
+  }) : _vm._e()], 2);
+};
+var __vue_staticRenderFns__ = [];
+
+/* style */
+const __vue_inject_styles__ = undefined;
+/* scoped */
+const __vue_scope_id__ = undefined;
+/* module identifier */
+const __vue_module_identifier__ = undefined;
+/* functional template */
+const __vue_is_functional_template__ = false;
+/* style inject */
+
+/* style inject SSR */
+
+/* style inject shadow dom */
+
+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);
+
+export { CardCollectionView as C, __vue_component__ as _, CardCollection as a, CardCollectionToolbar as b, CardCollectionToolbarPanel as c, defaultViewModes as d, CardCollectionContent as e, CardCollectionContentViews as f, gridView as g, listView as l };

package/dist/bundled/v2/components/OrCardV3/OrCard.js

@@ -1,71 +1,2 @@
-import { defineComponent, ref, computed } from 'vue-demi';
-import { CardPadding } from './props.js';
-import { CardRoot, CardPaddings, CardInteractive } from './styles.js';
-import { n as normalizeComponent } from '../../normalize-component-6e8e3d80.js';
-
-var script = defineComponent({
-  props: {
-    selected: {
-      type: Boolean,
-      default: false
-    },
-    padding: {
-      type: String,
-      default: CardPadding.M
-    },
-    interactive: {
-      type: Boolean,
-      default: false
-    }
-  },
-  expose: ['root'],
-  setup(props) {
-    // Refs
-    const root = ref();
-    // Styles
-    const rootStyles = computed(() => ['or-card-v3', ...CardRoot, ...CardPaddings[props.padding], ...(props.interactive ? CardInteractive : [])]);
-    return {
-      root,
-      rootStyles
-    };
-  }
-});
-
-/* script */
-const __vue_script__ = script;
-
-/* template */
-var __vue_render__ = function () {
-  var _vm = this;
-  var _h = _vm.$createElement;
-  var _c = _vm._self._c || _h;
-  return _c('div', {
-    ref: "root",
-    class: _vm.rootStyles,
-    attrs: {
-      "selected": _vm.selected ? '' : null
-    }
-  }, [_vm._t("default")], 2);
-};
-var __vue_staticRenderFns__ = [];
-
-/* style */
-const __vue_inject_styles__ = undefined;
-/* scoped */
-const __vue_scope_id__ = undefined;
-/* module identifier */
-const __vue_module_identifier__ = undefined;
-/* functional template */
-const __vue_is_functional_template__ = false;
-/* style inject */
-
-/* style inject SSR */
-
-/* style inject shadow dom */
-
-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);
-
-export { __vue_component__ as default };
+export { _ as default } from '../OrCardV3-004191cf.js';
+import '../OrAvatar-56c993c9.js';

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

@@ -1,2 +1 @@
-export { default as OrCardV3 } from './OrCard.js';
-export { CardPadding } from './props.js';
+export { C as CardPadding, _ as OrCardV3 } from '../OrCardV3-004191cf.js';