@onereach/ui-components 4.4.0 → 4.4.1-beta.2702.0

package/dist/bundled/v2/components/OrSelectV3/OrSelect.js

@@ -84,11 +84,11 @@ var script = defineComponent({
   props: {
     options: {
       type: Array,
-      default: []
+      default: () => []
     },
     searchOptions: {
       type: Array,
-      default: []
+      default: () => []
     },
     modelValue: {
       type: [String, Number, Array],

package/dist/bundled/v2/components/OrSelectV3/OrSelect.vue.d.ts

@@ -41,11 +41,11 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
 }> & import("@vue/composition-api").Data, {}, {}, {
     options: {
         type: PropType<SelectOption[]>;
-        default: SelectOption[];
+        default: () => never[];
     };
     searchOptions: {
         type: PropType<SelectOption[]>;
-        default: SelectOption[];
+        default: () => never[];
     };
     modelValue: {
         type: PropType<string | number | (string | number)[]>;
@@ -106,11 +106,11 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
 }, import("@vue/composition-api").ExtractPropTypes<{
     options: {
         type: PropType<SelectOption[]>;
-        default: SelectOption[];
+        default: () => never[];
     };
     searchOptions: {
         type: PropType<SelectOption[]>;
-        default: SelectOption[];
+        default: () => never[];
     };
     modelValue: {
         type: PropType<string | number | (string | number)[]>;

package/dist/bundled/v3/{OrSelect.vue_vue_type_script_lang-2c4c9f9d.js → OrSelect.vue_vue_type_script_lang-87ff7d15.js}

@@ -53,11 +53,11 @@ var script = defineComponent({
   props: {
     options: {
       type: Array,
-      default: []
+      default: () => []
     },
     searchOptions: {
       type: Array,
-      default: []
+      default: () => []
     },
     modelValue: {
       type: [String, Number, Array],

package/dist/bundled/v3/components/OrSelectV3/OrSelect.js

@@ -1,5 +1,5 @@
-import { s as script } from '../../OrSelect.vue_vue_type_script_lang-2c4c9f9d.js';
-export { s as default } from '../../OrSelect.vue_vue_type_script_lang-2c4c9f9d.js';
+import { s as script } from '../../OrSelect.vue_vue_type_script_lang-87ff7d15.js';
+export { s as default } from '../../OrSelect.vue_vue_type_script_lang-87ff7d15.js';
 import { resolveComponent, resolveDirective, openBlock, createElementBlock, normalizeClass, createBlock, withCtx, renderSlot, createTextVNode, toDisplayString, createCommentVNode, withDirectives, createElementVNode, Fragment, renderList, createVNode, withModifiers, vShow } from 'vue';
 import 'vue-demi';
 import './styles.js';

package/dist/bundled/v3/components/OrSelectV3/OrSelect.vue.d.ts

@@ -4,11 +4,11 @@ import { SelectGroupByFunction, SelectOption, SelectSearchFunction } from './typ
 declare const _default: import("vue-demi").DefineComponent<{
     options: {
         type: PropType<SelectOption[]>;
-        default: SelectOption[];
+        default: () => never[];
     };
     searchOptions: {
         type: PropType<SelectOption[]>;
-        default: SelectOption[];
+        default: () => never[];
     };
     modelValue: {
         type: PropType<string | number | (string | number)[]>;
@@ -98,11 +98,11 @@ declare const _default: import("vue-demi").DefineComponent<{
 }, unknown, {}, {}, import("vue-demi").ComponentOptionsMixin, import("vue-demi").ComponentOptionsMixin, ("search" | "update:modelValue" | "focus" | "blur")[], "search" | "update:modelValue" | "focus" | "blur", import("vue-demi").VNodeProps & import("vue-demi").AllowedComponentProps & import("vue-demi").ComponentCustomProps, Readonly<import("vue-demi").ExtractPropTypes<{
     options: {
         type: PropType<SelectOption[]>;
-        default: SelectOption[];
+        default: () => never[];
     };
     searchOptions: {
         type: PropType<SelectOption[]>;
-        default: SelectOption[];
+        default: () => never[];
     };
     modelValue: {
         type: PropType<string | number | (string | number)[]>;

package/dist/bundled/v3/components/OrSelectV3/index.js

@@ -1,4 +1,4 @@
-export { s as OrSelectV3 } from '../../OrSelect.vue_vue_type_script_lang-2c4c9f9d.js';
+export { s as OrSelectV3 } from '../../OrSelect.vue_vue_type_script_lang-87ff7d15.js';
 export { InputBoxSize as SelectSize } from '../OrInputBoxV3/props.js';
 import 'vue-demi';
 import './styles.js';

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

@@ -110,7 +110,7 @@ export { s as OrSearchV3 } from '../OrSearch.vue_vue_type_script_lang-1a4ebba2.j
 export { s as OrSegmentedControlV3 } from '../OrSegmentedControl.vue_vue_type_script_lang-ed0d9fe7.js';
 export { SegmentedControlSize } from './OrSegmentedControlV3/props.js';
 export { s as OrSelect } from '../OrSelect.vue_vue_type_script_lang-29a48259.js';
-export { s as OrSelectV3 } from '../OrSelect.vue_vue_type_script_lang-2c4c9f9d.js';
+export { s as OrSelectV3 } from '../OrSelect.vue_vue_type_script_lang-87ff7d15.js';
 export { s as OrSidebar } from '../OrSidebar.vue_vue_type_script_lang-00e9cda7.js';
 export { OrSidebarSide } from './OrSidebar/constants.js';
 export { s as OrSidebarV3 } from '../OrSidebar.vue_vue_type_script_lang-5723e223.js';

package/dist/bundled/v3/index.js

@@ -78,7 +78,7 @@ export { s as OrSegmentedControlV3 } from './OrSegmentedControl.vue_vue_type_scr
 import './components/OrSelect/OrSelect.js';
 export { s as OrSelect } from './OrSelect.vue_vue_type_script_lang-29a48259.js';
 import './components/OrSelectV3/OrSelect.js';
-export { s as OrSelectV3 } from './OrSelect.vue_vue_type_script_lang-2c4c9f9d.js';
+export { s as OrSelectV3 } from './OrSelect.vue_vue_type_script_lang-87ff7d15.js';
 import './components/OrSidebar/OrSidebar.js';
 export { s as OrSidebar } from './OrSidebar.vue_vue_type_script_lang-00e9cda7.js';
 import './components/OrSidebarV3/OrSidebar.js';

package/dist/esm/v2/{OrSelect-a4c34099.js → OrSelect-3731427d.js}

@@ -84,11 +84,11 @@ var script = defineComponent({
   props: {
     options: {
       type: Array,
-      default: []
+      default: () => []
     },
     searchOptions: {
       type: Array,
-      default: []
+      default: () => []
     },
     modelValue: {
       type: [String, Number, Array],

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

@@ -76,7 +76,7 @@ export { _ as OrSearch } from '../OrSearch-330e9af0.js';
 export { _ as OrSearchV3 } from '../OrSearch-7ccc1f33.js';
 export { _ as OrSegmentedControlV3, S as SegmentedControlSize } from '../OrSegmentedControl-a1ea5b72.js';
 export { _ as OrSelect } from '../OrSelect-22eea9cc.js';
-export { _ as OrSelectV3 } from '../OrSelect-a4c34099.js';
+export { _ as OrSelectV3 } from '../OrSelect-3731427d.js';
 export { _ as OrSidebar, O as OrSidebarSide } from '../OrSidebar-feacf13a.js';
 export { _ as OrSidebarV3 } from '../OrSidebar-de938772.js';
 export { O as OrSidebarPlacement } from '../OrSidebarCollapseButton-4bf3bad8.js';

package/dist/esm/v2/components/or-select-v3/OrSelect.vue.d.ts

@@ -41,11 +41,11 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
 }> & import("@vue/composition-api").Data, {}, {}, {
     options: {
         type: PropType<SelectOption[]>;
-        default: SelectOption[];
+        default: () => never[];
     };
     searchOptions: {
         type: PropType<SelectOption[]>;
-        default: SelectOption[];
+        default: () => never[];
     };
     modelValue: {
         type: PropType<string | number | (string | number)[]>;
@@ -106,11 +106,11 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
 }, import("@vue/composition-api").ExtractPropTypes<{
     options: {
         type: PropType<SelectOption[]>;
-        default: SelectOption[];
+        default: () => never[];
     };
     searchOptions: {
         type: PropType<SelectOption[]>;
-        default: SelectOption[];
+        default: () => never[];
     };
     modelValue: {
         type: PropType<string | number | (string | number)[]>;

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

@@ -1,4 +1,4 @@
-export { _ as OrSelectV3 } from '../../OrSelect-a4c34099.js';
+export { _ as OrSelectV3 } from '../../OrSelect-3731427d.js';
 export { I as SelectSize } from '../../OrInputBox.vue_rollup-plugin-vue_script-fe250f7a.js';
 import 'vue-demi';
 import '../../dropdown-open-e1f90e0a.js';

package/dist/esm/v2/index.js

@@ -76,7 +76,7 @@ export { _ as OrSearch } from './OrSearch-330e9af0.js';
 export { _ as OrSearchV3 } from './OrSearch-7ccc1f33.js';
 export { _ as OrSegmentedControlV3, S as SegmentedControlSize } from './OrSegmentedControl-a1ea5b72.js';
 export { _ as OrSelect } from './OrSelect-22eea9cc.js';
-export { _ as OrSelectV3 } from './OrSelect-a4c34099.js';
+export { _ as OrSelectV3 } from './OrSelect-3731427d.js';
 export { _ as OrSidebar, O as OrSidebarSide } from './OrSidebar-feacf13a.js';
 export { _ as OrSidebarV3 } from './OrSidebar-de938772.js';
 export { O as OrSidebarPlacement } from './OrSidebarCollapseButton-4bf3bad8.js';

package/dist/esm/v3/{OrSelect-046e8e36.js → OrSelect-c811ecba.js}

@@ -83,11 +83,11 @@ var script = defineComponent({
   props: {
     options: {
       type: Array,
-      default: []
+      default: () => []
     },
     searchOptions: {
       type: Array,
-      default: []
+      default: () => []
     },
     modelValue: {
       type: [String, Number, Array],

package/dist/esm/v3/components/index.js

@@ -74,7 +74,7 @@ export { s as OrSearch } from '../OrSearch-f4ad73db.js';
 export { s as OrSearchV3 } from '../OrSearch-e15c7fd2.js';
 export { s as OrSegmentedControlV3, S as SegmentedControlSize } from '../OrSegmentedControl-359fbf3a.js';
 export { s as OrSelect } from '../OrSelect-6ff34196.js';
-export { s as OrSelectV3 } from '../OrSelect-046e8e36.js';
+export { s as OrSelectV3 } from '../OrSelect-c811ecba.js';
 export { s as OrSidebar, O as OrSidebarSide } from '../OrSidebar-375c85a3.js';
 export { s as OrSidebarV3 } from '../OrSidebar-3f2502fb.js';
 export { O as OrSidebarPlacement } from '../OrSidebarCollapseButton-63914891.js';

package/dist/esm/v3/components/or-select-v3/OrSelect.vue.d.ts

@@ -4,11 +4,11 @@ import { SelectGroupByFunction, SelectOption, SelectSearchFunction } from './typ
 declare const _default: import("vue-demi").DefineComponent<{
     options: {
         type: PropType<SelectOption[]>;
-        default: SelectOption[];
+        default: () => never[];
     };
     searchOptions: {
         type: PropType<SelectOption[]>;
-        default: SelectOption[];
+        default: () => never[];
     };
     modelValue: {
         type: PropType<string | number | (string | number)[]>;
@@ -98,11 +98,11 @@ declare const _default: import("vue-demi").DefineComponent<{
 }, unknown, {}, {}, import("vue-demi").ComponentOptionsMixin, import("vue-demi").ComponentOptionsMixin, ("search" | "update:modelValue" | "focus" | "blur")[], "search" | "update:modelValue" | "focus" | "blur", import("vue-demi").VNodeProps & import("vue-demi").AllowedComponentProps & import("vue-demi").ComponentCustomProps, Readonly<import("vue-demi").ExtractPropTypes<{
     options: {
         type: PropType<SelectOption[]>;
-        default: SelectOption[];
+        default: () => never[];
     };
     searchOptions: {
         type: PropType<SelectOption[]>;
-        default: SelectOption[];
+        default: () => never[];
     };
     modelValue: {
         type: PropType<string | number | (string | number)[]>;

package/dist/esm/v3/components/or-select-v3/index.js

@@ -1,4 +1,4 @@
-export { s as OrSelectV3 } from '../../OrSelect-046e8e36.js';
+export { s as OrSelectV3 } from '../../OrSelect-c811ecba.js';
 export { I as SelectSize } from '../../OrInputBox-ba40bbdf.js';
 import 'vue-demi';
 import '../../dropdown-open-e1f90e0a.js';

package/dist/esm/v3/index.js

@@ -74,7 +74,7 @@ export { s as OrSearch } from './OrSearch-f4ad73db.js';
 export { s as OrSearchV3 } from './OrSearch-e15c7fd2.js';
 export { s as OrSegmentedControlV3, S as SegmentedControlSize } from './OrSegmentedControl-359fbf3a.js';
 export { s as OrSelect } from './OrSelect-6ff34196.js';
-export { s as OrSelectV3 } from './OrSelect-046e8e36.js';
+export { s as OrSelectV3 } from './OrSelect-c811ecba.js';
 export { s as OrSidebar, O as OrSidebarSide } from './OrSidebar-375c85a3.js';
 export { s as OrSidebarV3 } from './OrSidebar-3f2502fb.js';
 export { O as OrSidebarPlacement } from './OrSidebarCollapseButton-63914891.js';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@onereach/ui-components",
-  "version": "4.4.0",
+  "version": "4.4.1-beta.2702.0",
   "description": "Vue components library for v2/3",
   "sideEffects": false,
   "main": "./dist/auto/index.js",
@@ -153,6 +153,5 @@
       "default": "./dist/bundled/v3/components/*/index.js"
     },
     "./package.json": "./package.json"
-  },
-  "gitHead": "c6f802ac31216b1058a29daebdeca2c2b111eadb"
+  }
 }

package/src/components/or-select-v3/OrSelect.vue

@@ -274,12 +274,12 @@ export default defineComponent({
   props: {
     options: {
       type: Array as PropType<SelectOption[]>,
-      default: [] as SelectOption[],
+      default: () => [],
     },
 
     searchOptions: {
       type: Array as PropType<SelectOption[]>,
-      default: [] as SelectOption[],
+      default: () => [],
     },
 
     modelValue: {

package/src/components/or-avatar-v3/OrAvatar.docs.mdx

@@ -1,7 +0,0 @@
-import { DocsPage } from '@storybook/addon-docs';
-
-```ts
-import { OrAvatarV3 as OrAvatar } from '@onereach/ui-components';
-```
-
-<DocsPage />

package/src/components/or-avatar-v3/OrAvatar.stories3.ts

@@ -1,141 +0,0 @@
-import { Meta, StoryFn } from '@storybook/vue3';
-import OrAvatarDocs from './OrAvatar.docs.mdx';
-import OrAvatar from './OrAvatar.vue';
-import { AvatarColor, AvatarSize } from './props';
-import { getAbbreviation } from '../../utils/functions/text';
-import { computed } from 'vue-demi';
-
-export default {
-  title: 'Components/Avatar',
-  component: OrAvatar,
-
-  argTypes: {
-    // Slots
-    default: {
-      type: {
-        name: 'string',
-        required: false,
-      },
-
-      control: { type: 'text' },
-    },
-
-    // Props
-    src: {
-      control: { type: 'text' },
-    },
-
-    size: {
-      control: { type: 'select' },
-      options: Object.values(AvatarSize),
-    },
-
-    color: {
-      control: { type: 'select' },
-      options: Object.values(AvatarColor),
-    },
-
-    colorSalt: {
-      control: { type: 'text' },
-    },
-
-    icon: {
-      control: { type: 'text' },
-    },
-  },
-
-  parameters: {
-    layout: 'centered',
-
-    docs: {
-      page: OrAvatarDocs,
-    },
-
-    design: {
-      type: 'figma',
-      url: 'https://www.figma.com/file/o7DdkaznUW2PtX4wiSuhhQ/Core?node-id=2391%3A14170',
-    },
-  },
-} as Meta<typeof OrAvatar>;
-
-const DefaultTemplate: StoryFn<typeof OrAvatar> = (args) => ({
-  components: {
-    OrAvatar,
-  },
-
-  setup() {
-    return { args };
-  },
-
-  template: `
-    <OrAvatar v-bind="args">
-      <template #default v-if="args.default">
-        ${args.default}
-      </template>
-    </OrAvatar>
-  `,
-});
-
-const AbbreviationTemplate: StoryFn<typeof OrAvatar> = (args) => ({
-  components: {
-    OrAvatar,
-  },
-
-  setup() {
-    const abbreviation = computed(() => getAbbreviation(args.username, 2));
-
-    return {
-      args,
-      abbreviation,
-    };
-  },
-
-  template: `
-    <OrAvatar
-      v-bind="args"
-      :color-salt="args.username"
-    >
-      {{ this.abbreviation }}
-    </OrAvatar>
-  `,
-});
-
-export const Default = DefaultTemplate.bind({});
-Default.args = {
-  default: 'OR',
-};
-
-export const WithSrc = DefaultTemplate.bind({});
-WithSrc.args = {
-  src: 'https://onereach.gitlab.io/platform/ui-next/or-favicon.ico',
-};
-
-export const WithTextInSlot = DefaultTemplate.bind({});
-WithTextInSlot.args = {
-  default: 'A',
-  colorSalt: 'A username',
-};
-
-export const WithIcon = DefaultTemplate.bind({});
-WithIcon.args = {
-  icon: 'store',
-  colorSalt: 'Any string here',
-};
-
-export const WithColor = DefaultTemplate.bind({});
-WithColor.args = {
-  color: AvatarColor.blue,
-  icon: 'person',
-};
-
-export const XL = DefaultTemplate.bind({});
-XL.args = {
-  size: AvatarSize.XL,
-  icon: 'person',
-  colorSalt: 'Big Avatar',
-};
-
-export const WithAbbreviationGeneration = AbbreviationTemplate.bind({});
-WithAbbreviationGeneration.args = {
-  username: 'John Doe',
-};