@vc-shell/framework 1.0.153 → 1.0.154

package/ui/components/molecules/vc-field/_internal/vc-field-type/vc-field-type.vue

@@ -1,18 +1,9 @@
 <template>
-  <!-- Normal -->
-  <template v-if="type === 'normal'">
-    <div class="tw-flex tw-flex-row tw-justify-stretch tw-truncate tw-mt-1">
-      <div class="tw-truncate">
-        <p>{{ value }}</p>
-      </div>
-    </div>
-  </template>
-
   <!-- Text -->
   <template v-if="type === 'text'">
     <div class="tw-flex tw-flex-row tw-justify-stretch tw-truncate">
-      <div class="tw-truncate">
-        <VcHint class="!tw-text-s">{{ value }}</VcHint>
+      <div class="tw-text-wrap">
+        <p>{{ value }}</p>
       </div>
     </div>
   </template>
@@ -20,8 +11,8 @@
   <!-- Date -->
   <template v-if="type === 'date'">
     <div class="tw-flex tw-flex-row tw-justify-stretch tw-truncate">
-      <div class="tw-truncate">
-        <VcHint class="!tw-text-s"> {{ value.toLocaleDateString() }}</VcHint>
+      <div class="tw-text-wrap">
+        <p>{{ value.toLocaleDateString() }}</p>
       </div>
     </div>
   </template>
@@ -29,8 +20,8 @@
   <!-- Date ago -->
   <template v-if="type === 'date-ago'">
     <div class="tw-flex tw-flex-row tw-justify-stretch tw-truncate">
-      <div class="tw-truncate">
-        <VcHint class="!tw-text-s"> {{ moment(value).fromNow() ?? "N/A" }}</VcHint>
+      <div class="tw-text-wrap">
+        <p>{{ moment(value).fromNow() ?? "N/A" }}</p>
       </div>
     </div>
   </template>
@@ -38,7 +29,7 @@
   <!-- Link -->
   <template v-if="type === 'link'">
     <div class="tw-flex tw-flex-row tw-justify-stretch tw-truncate">
-      <div class="tw-truncate">
+      <div class="tw-truncate tw-text-wrap">
         <VcLink
           class="vc-link !tw-text-s tw-truncate tw-w-full"
           @click="onLinkClick"
@@ -48,13 +39,27 @@
       <slot></slot>
     </div>
   </template>
+
+  <!-- Email -->
+  <template v-if="type === 'email'">
+    <div class="tw-flex tw-flex-row tw-justify-stretch tw-truncate">
+      <div class="tw-text-wrap">
+        <a
+          :href="`mailto:${value}`"
+          class="vc-link !tw-text-s tw-truncate tw-w-full"
+          >{{ value }}</a
+        >
+      </div>
+      <slot></slot>
+    </div>
+  </template>
 </template>
 
 <script lang="ts" setup>
 import moment from "moment";
 
 export interface Props {
-  type: "text" | "date" | "date-ago" | "link" | "normal";
+  type: "text" | "date" | "date-ago" | "link" | "email";
   // eslint-disable-next-line @typescript-eslint/no-explicit-any
   value: any;
 }

package/ui/components/molecules/vc-field/vc-field.vue

@@ -1,32 +1,44 @@
 <template>
-  <div>
-    <!-- Field label -->
-    <VcLabel v-if="label">
-      <span>{{ label }}</span>
-      <template
-        v-if="tooltip"
-        #tooltip
-        >{{ tooltip }}</template
-      ></VcLabel
-    >
-    <VcFieldType
-      :value="modelValue"
-      :type="type"
-    >
-      <VcButton
-        v-if="copyable"
-        icon="far fa-copy"
-        size="m"
-        class="tw-ml-2"
-        text
-        @click="copy(modelValue)"
-      ></VcButton>
-    </VcFieldType>
+  <div
+    :class="[
+      {
+        'tw-flex-col': orientation === 'vertical',
+        'tw-flex-row tw-items-center': orientation === 'horizontal',
+      },
+      'tw-flex ',
+    ]"
+  >
+    <VcCol :size="aspectRatio[0]">
+      <!-- Field label -->
+      <VcLabel v-if="label">
+        <span>{{ label }}</span>
+        <template
+          v-if="tooltip"
+          #tooltip
+          >{{ tooltip }}</template
+        ></VcLabel
+      >
+    </VcCol>
+    <VcCol :size="aspectRatio[1]">
+      <VcFieldType
+        :value="modelValue"
+        :type="type"
+      >
+        <VcButton
+          v-if="copyable"
+          icon="far fa-copy"
+          size="m"
+          class="tw-ml-2"
+          text
+          @click="copy(modelValue)"
+        ></VcButton>
+      </VcFieldType>
+    </VcCol>
   </div>
 </template>
 
 <script lang="ts" setup>
-import { VcLabel } from "./../../";
+import { VcLabel, VcCol } from "./../../";
 import VcFieldType from "./_internal/vc-field-type/vc-field-type.vue";
 
 export interface Props {
@@ -41,7 +53,7 @@ export interface Props {
   /**
    * Field type
    */
-  type?: "text" | "normal" | "date" | "date-ago" | "link";
+  type?: "text" | "date" | "date-ago" | "link" | "email";
   /**
    * Field content
    */
@@ -51,10 +63,21 @@ export interface Props {
    * Add button for field content copying
    */
   copyable?: boolean;
+  // TODO Add to documentation
+  /**
+   * Field orientation
+   */
+  orientation?: "horizontal" | "vertical";
+  /**
+   * Aspect ratio for columns
+   */
+  aspectRatio?: [number, number];
 }
 
 withDefaults(defineProps<Props>(), {
   type: "text",
+  orientation: "vertical",
+  aspectRatio: () => [1, 1],
 });
 
 function copy(value: string) {

package/ui/components/molecules/vc-input/vc-input.vue

@@ -264,7 +264,7 @@ export interface Emits {
   /**
    * Emitted when the component needs to change the model; Is also used by v-model
    */
-  (event: "update:modelValue", value: string | number | Date | null): void;
+  (event: "update:modelValue", value: string | number | Date | null | undefined): void;
 }
 
 const props = withDefaults(defineProps<Props>(), {
@@ -342,14 +342,12 @@ const rawModel = computed(() => unref(props.modelValue));
 const mutatedModel = ref();
 
 watch(
-  () => rawModel.value,
+  rawModel,
   (newVal) => {
-    if (internalType.value === "datetime-local" || internalType.value === "date") {
-      if (newVal instanceof Date && !isNaN(newVal.valueOf())) {
-        mutatedModel.value = moment(newVal).format("YYYY-MM-DDTHH:mm");
-      } else {
-        mutatedModel.value = undefined;
-      }
+    if (internalType.value === "datetime-local" && newVal instanceof Date && !isNaN(newVal.valueOf())) {
+      mutatedModel.value = moment(newVal).format("YYYY-MM-DDTHH:mm");
+    } else if (internalType.value === "date" && newVal instanceof Date && !isNaN(newVal.valueOf())) {
+      mutatedModel.value = moment(newVal).format("YYYY-MM-DD");
     } else {
       mutatedModel.value = newVal;
     }
@@ -376,7 +374,7 @@ function emitValue(val: string | number | Date | null) {
     if (mutatedModel.value !== val) {
       let value;
       if (internalType.value === "datetime-local" || internalType.value === "date") {
-        value = moment(val).toDate();
+        value = val ? moment(val).toDate() : undefined;
       } else if (internalType.value === "number" && val !== null) {
         value = +val;
       } else {

package/ui/components/molecules/vc-multivalue/vc-multivalue.vue

@@ -63,7 +63,7 @@
             @click.stop="toggleDropdown"
             >Add +</VcButton
           >
-          <teleport to="#app">
+          <teleport to="body">
             <div
               v-if="isOpened"
               ref="dropdownRef"

package/ui/components/molecules/vc-rating/index.ts

@@ -1,10 +1 @@
-import { VNode } from "vue";
-import _Rating from "./vc-rating.vue";
-
-export const VcRating = _Rating as typeof _Rating & {
-  new (): {
-    $slots: {
-      details: () => VNode[];
-    };
-  };
-};
+export { default as VcRating } from "./vc-rating.vue";

package/ui/components/molecules/vc-rating/vc-rating.stories.ts

@@ -18,6 +18,6 @@ export const Primary: Story = {
     template: '<vc-rating v-bind="args"></vc-rating>',
   }),
   args: {
-    rating: 4,
+    modelValue: 4,
   },
 };

package/ui/components/molecules/vc-rating/vc-rating.vue

@@ -15,16 +15,16 @@
     </VcLabel>
 
     <!-- Rating icon -->
-    <template v-if="rating">
+    <template v-if="modelValue">
       <template v-if="variant == 'stars'">
         <VcIcon
-          v-for="index in rating"
+          v-for="index in modelValue"
           :key="index"
           icon="fas fa-star"
           class="vc-rating__icon"
         ></VcIcon>
         <VcIcon
-          v-for="index in max - rating"
+          v-for="index in max - modelValue"
           :key="index"
           icon="far fa-star"
           class="vc-rating__icon"
@@ -36,7 +36,7 @@
           icon="fas fa-star"
           class="vc-rating__icon"
         ></VcIcon>
-        <span class="vc-rating__rating">{{ rating }}/{{ max }}</span>
+        <span class="vc-rating__rating">{{ modelValue }}/{{ max }}</span>
         <slot name="details"></slot>
       </template>
     </template>
@@ -47,18 +47,23 @@
 </template>
 
 <script lang="ts" setup>
+import { VNode } from "vue";
 import { VcLabel, VcIcon } from "./../../";
 
 export interface Props {
   label?: string;
   placeholder?: string;
   tooltip?: string;
-  rating: number;
+  modelValue: number;
   max?: number;
   variant?: "stars" | "star-and-text" | "text";
 }
 
 withDefaults(defineProps<Props>(), { max: 5, variant: "stars" });
+
+defineSlots<{
+  details: VNode[];
+}>();
 </script>
 
 <style lang="scss">

package/ui/components/molecules/vc-select/vc-select.vue

@@ -204,7 +204,7 @@
         </slot>
       </div>
 
-      <teleport to="#app">
+      <teleport to="body">
         <div
           v-if="isOpened"
           ref="dropdownRef"
@@ -752,17 +752,16 @@ function isOptionSelected(opt: Option) {
 }
 
 function closeDropdown() {
+  onDropdownClose();
   isOpened.value = false;
   emit("close");
-
-  onDropdownClose();
 }
 
 const onDropdownClose = async () => {
   if (props.options && typeof props.options === "function") {
-    optionsList.value = (await props.options()).results as Option[];
+    optionsTemp.value = (await props.options()).results as Option[];
   } else {
-    optionsList.value = props.options as Option[];
+    optionsTemp.value = props.options as Option[];
   }
 
   filterString.value = undefined;

package/ui/components/organisms/vc-blade/_internal/vc-blade-toolbar/_internal/vc-blade-toolbar-button/vc-blade-toolbar-button.vue

@@ -22,7 +22,7 @@
           {{ title }}
         </div>
       </div>
-      <teleport to="#app">
+      <teleport to="body">
         <div
           v-if="isDropActive"
           ref="bladeDropRef"

package/ui/components/organisms/vc-table/_internal/vc-table-column-switcher/vc-table-column-switcher.vue

@@ -1,16 +1,17 @@
 <template>
   <div class="tw-relative tw-w-min tw-float-right tw-mr-4">
-    <VcButton
-      ref="referenceButton"
-      small
-      icon="fas fa-bars"
-      @click.stop="isActive = !isActive"
-    ></VcButton>
-    <teleport to="#app">
+    <div ref="referenceButton">
+      <VcButton
+        small
+        icon="fas fa-bars"
+        @click.stop="isActive = !isActive"
+      ></VcButton>
+    </div>
+    <teleport to="body">
       <div
         v-if="isActive"
         ref="floatingDrop"
-        v-on-click-outside="close"
+        v-on-click-outside="[close, { ignore: [referenceButton] }]"
         :style="floatingDropStyle"
         class="tw-flex tw-flex-col tw-box-border tw-max-h-[300px] tw-h-auto tw-z-10 tw-overflow-hidden tw-absolute tw-bg-white tw-border tw-border-solid tw-border-[#e5e7eb] tw-w-max tw-right-0"
       >
@@ -23,7 +24,7 @@
               v-for="item in items"
               :key="item.id"
               class="tw-flex tw-items-center tw-min-h-[30px] tw-box-border tw-rounded-[3px] tw-px-2 tw-cursor-pointer hover:tw-bg-[#eff7fc] tw-border-b"
-              :class="{ 'tw-bg-[#eff7fc]': item.visible || !('visible' in item) }"
+              :class="{ 'tw-bg-[#eff7fc]': item.visible }"
               @click="selectItem(item)"
             >
               {{ item.title }}
@@ -36,7 +37,7 @@
 </template>
 
 <script lang="ts" setup>
-import { ref, computed } from "vue";
+import { ref, computed, onMounted } from "vue";
 import { ITableColumns } from "./../../../../../../core/types";
 import { vOnClickOutside } from "@vueuse/components";
 import { useFloating, flip, shift, autoUpdate } from "@floating-ui/vue";
@@ -53,8 +54,8 @@ withDefaults(defineProps<Props>(), {});
 const emit = defineEmits<Emits>();
 
 const isActive = ref(false);
-const referenceButton = ref();
-const floatingDrop = ref();
+const referenceButton = ref(null);
+const floatingDrop = ref(null);
 const floater = useFloating(referenceButton, floatingDrop, {
   placement: "bottom-end",
   whileElementsMounted: autoUpdate,
@@ -69,20 +70,11 @@ const floatingDropStyle = computed(() => {
 });
 
 function selectItem(item: ITableColumns) {
-  emit("change", isVisible(item));
+  emit("change", toggleVisibility(item));
 }
 
-function isVisible(item: ITableColumns) {
-  if ("visible" in item) {
-    if (item.visible) {
-      item.visible = false;
-    } else {
-      item.visible = true;
-    }
-  } else {
-    item.visible = false;
-  }
-
+function toggleVisibility(item: ITableColumns) {
+  item.visible = !item.visible;
   return item;
 }
 

package/ui/components/organisms/vc-table/vc-table.vue

@@ -325,7 +325,7 @@
               <td
                 v-for="cell in filteredCols"
                 :key="`${(typeof item === 'object' && 'id' in item && item.id) || itemIndex}_${cell.id}`"
-                class="tw-box-border tw-overflow-hidden tw-px-3 [&~:not(.vc-image)]:tw-truncate"
+                class="tw-box-border tw-overflow-hidden tw-px-3 [&~:not(.vc-image):not(.vc-status)]:tw-truncate"
                 :class="cell.class"
                 :style="{ maxWidth: cell.width, width: cell.width }"
               >
@@ -524,7 +524,7 @@ interface ITableItemRef {
 const emit = defineEmits<{
   paginationClick: [page: number];
   selectionChanged: [values: T[]];
-  "search:change": [value: string | number | Date | null];
+  "search:change": [value: string | number | Date | null | undefined];
   headerClick: [item: ITableColumns];
   value: [Record<string, unknown>];
   itemClick: [item: T];
@@ -672,9 +672,10 @@ watch(
 watch(
   () => props.columns,
   (newVal) => {
-    defaultColumns.value = newVal;
+    restoreState();
 
     if (newVal.length !== state.value.length) {
+      defaultColumns.value = newVal.map((col) => ({ ...col, visible: col.visible ?? true }));
       saveState();
     }
   },
@@ -1032,12 +1033,12 @@ function restoreState() {
   console.debug("[@vc-shell/framewok#vc-table.vue] - Restore state");
   if (Object.keys(state.value).length) {
     defaultColumns.value = state.value.map((item) => {
-      const column = defaultColumns.value.find((x) => x.id === item.id);
+      const column = props.columns.find((x) => x.id === item.id);
       if (column) {
         return {
           ...item,
           title: column.title,
-          visible: column.visible,
+          // visible: column.visible,
           sortable: column.sortable,
           alwaysVisible: column.alwaysVisible,
           type: column.type,

package/dist/shared/modules/dynamic/helpers/toolbarReducer.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"toolbarReducer.d.ts","sourceRoot":"","sources":["../../../../../shared/modules/dynamic/helpers/toolbarReducer.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAC;AAEvD,OAAO,EAAE,gBAAgB,EAAiB,WAAW,EAAE,MAAM,KAAK,CAAC;AACnE,OAAO,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAC1C,OAAO,EAAE,cAAc,EAAE,mBAAmB,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAE3F,eAAO,MAAM,cAAc,SAAU;IACnC,oBAAoB,EAAE,cAAc,CAAC,SAAS,CAAC,CAAC;IAChD,sBAAsB,EAAE,cAAc,CAAC,kBAAkB,CAAC,CAAC;IAC3D,mBAAmB,EAAE,cAAc,CAAC,kBAAkB,CAAC,CAAC;IACxD,OAAO,EAAE,iBAAiB,mBAAmB,CAAC,GAAG,iBAAiB,gBAAgB,CAAC,CAAC;CACrF,KAAG,iBAAiB,YAAY,aAAa,EAAE,CAAC,CAAC,GAAG,SA8BpD,CAAC"}

package/dist/ui/components/atoms/vc-info-row/index.d.ts

@@ -1,32 +0,0 @@
-export declare const VcInfoRow: import("vue").DefineComponent<{
-    type: {
-        type: import("vue").PropType<"default" | "email">;
-        default: string;
-    };
-    label: {
-        type: import("vue").PropType<string>;
-    };
-    tooltip: {
-        type: import("vue").PropType<string>;
-    };
-    value: {
-        type: import("vue").PropType<string | number>;
-    };
-}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
-    type: {
-        type: import("vue").PropType<"default" | "email">;
-        default: string;
-    };
-    label: {
-        type: import("vue").PropType<string>;
-    };
-    tooltip: {
-        type: import("vue").PropType<string>;
-    };
-    value: {
-        type: import("vue").PropType<string | number>;
-    };
-}>>, {
-    type: "default" | "email";
-}, {}>;
-//# sourceMappingURL=index.d.ts.map

package/dist/ui/components/atoms/vc-info-row/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../ui/components/atoms/vc-info-row/index.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;MAA8B,CAAC"}

package/dist/ui/components/atoms/vc-info-row/vc-info-row.stories.d.ts

@@ -1,7 +0,0 @@
-import type { Meta, StoryObj } from "@storybook/vue3";
-import { VcInfoRow } from "./";
-declare const meta: Meta<typeof VcInfoRow>;
-export default meta;
-type Story = StoryObj<typeof VcInfoRow>;
-export declare const Primary: Story;
-//# sourceMappingURL=vc-info-row.stories.d.ts.map

package/dist/ui/components/atoms/vc-info-row/vc-info-row.stories.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"vc-info-row.stories.d.ts","sourceRoot":"","sources":["../../../../../ui/components/atoms/vc-info-row/vc-info-row.stories.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AACtD,OAAO,EAAE,SAAS,EAAE,MAAM,IAAI,CAAC;AAE/B,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,SAAS,CAGhC,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,SAAS,CAAC,CAAC;AAExC,eAAO,MAAM,OAAO,EAAE,KAarB,CAAC"}

package/dist/ui/components/atoms/vc-info-row/vc-info-row.vue.d.ts

@@ -1,32 +0,0 @@
-export interface Props {
-    label?: string;
-    value?: string | number;
-    tooltip?: string;
-    type?: "default" | "email";
-}
-declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<Props>, {
-    type: string;
-}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<Props>, {
-    type: string;
-}>>>, {
-    type: "default" | "email";
-}, {}>;
-export default _default;
-type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
-type __VLS_TypePropsToRuntimeProps<T> = {
-    [K in keyof T]-?: {} extends Pick<T, K> ? {
-        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
-    } : {
-        type: import('vue').PropType<T[K]>;
-        required: true;
-    };
-};
-type __VLS_WithDefaults<P, D> = {
-    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
-        default: D[K];
-    }> : P[K];
-};
-type __VLS_Prettify<T> = {
-    [K in keyof T]: T[K];
-} & {};
-//# sourceMappingURL=vc-info-row.vue.d.ts.map

package/dist/ui/components/atoms/vc-info-row/vc-info-row.vue.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"vc-info-row.vue.d.ts","sourceRoot":"","sources":["../../../../../ui/components/atoms/vc-info-row/vc-info-row.vue.ts"],"names":[],"mappings":"AAIA,MAAM,WAAW,KAAK;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,IAAI,CAAC,EAAE,SAAS,GAAG,OAAO,CAAC;CAC5B;;;;;;;;AA2KD,wBAMG;AACH,KAAK,sBAAsB,CAAC,CAAC,IAAI,CAAC,SAAS,SAAS,GAAG,KAAK,GAAG,CAAC,CAAC;AACjE,KAAK,6BAA6B,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,GAAG,EAAE,SAAS,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;KAAE,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAAC,QAAQ,EAAE,IAAI,CAAA;KAAE;CAAE,CAAC;AAC9M,KAAK,kBAAkB,CAAC,CAAC,EAAE,CAAC,IAAI;KAE1B,CAAC,IAAI,MAAM,IAAI,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC,GAAG,CAAC,SAAS,MAAM,CAAC,GAAG,cAAc,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG;QACxE,OAAO,EAAE,CAAC,CAAC,CAAC,CAAC,CAAA;KACb,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CACT,CAAC;AACN,KAAK,cAAc,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC"}

package/shared/modules/dynamic/helpers/toolbarReducer.ts

@@ -1,43 +0,0 @@
-/* eslint-disable @typescript-eslint/no-explicit-any */
-import { IBladeToolbar } from "../../../../core/types";
-import * as _ from "lodash-es";
-import { UnwrapNestedRefs, computed, ref, ComputedRef } from "vue";
-import { SettingsSchema } from "../types";
-import { BaseBladeScope, DetailsBladeContext, ListBladeContext } from "../factories/types";
-
-export const toolbarReducer = (args: {
-  defaultToolbarSchema: SettingsSchema["toolbar"];
-  defaultToolbarBindings: BaseBladeScope["toolbarOverrides"];
-  customToolbarConfig: BaseBladeScope["toolbarOverrides"];
-  context: UnwrapNestedRefs<DetailsBladeContext> | UnwrapNestedRefs<ListBladeContext>;
-}): UnwrapNestedRefs<ComputedRef<IBladeToolbar[]>> | undefined => {
-  if (!args) return;
-  const toolbarMethodsMerge = _.merge(ref({}), ref(args.defaultToolbarBindings), ref(args.customToolbarConfig));
-  return computed(() =>
-    args.defaultToolbarSchema.reduce((acc, curr) => {
-      const toolbarItemCtx = toolbarMethodsMerge.value[
-        curr.method as keyof typeof toolbarMethodsMerge.value
-      ] as IBladeToolbar;
-      if (toolbarItemCtx) {
-        const context =
-          typeof toolbarItemCtx === "function"
-            ? {
-                clickHandler: async () => await (toolbarItemCtx as (ctx: typeof args.context) => any)(args.context),
-              }
-            : {
-                ...toolbarItemCtx,
-                clickHandler() {
-                  return toolbarItemCtx.clickHandler?.call(null, args.context);
-                },
-              };
-
-        acc.push({
-          ...curr,
-          ...context,
-        });
-      }
-
-      return acc;
-    }, [] as IBladeToolbar[]),
-  );
-};

package/ui/components/atoms/vc-info-row/index.ts

@@ -1,3 +0,0 @@
-import _InfoRow from "./vc-info-row.vue";
-
-export const VcInfoRow = _InfoRow as typeof _InfoRow;

package/ui/components/atoms/vc-info-row/vc-info-row.stories.ts

@@ -1,25 +0,0 @@
-import type { Meta, StoryObj } from "@storybook/vue3";
-import { VcInfoRow } from "./";
-
-const meta: Meta<typeof VcInfoRow> = {
-  title: "atoms/VcInfoRow",
-  component: VcInfoRow,
-};
-
-export default meta;
-type Story = StoryObj<typeof VcInfoRow>;
-
-export const Primary: Story = {
-  render: (args) => ({
-    components: { VcInfoRow },
-    setup() {
-      return { args };
-    },
-    template: '<vc-info-row v-bind="args"></vc-info-row>',
-  }),
-  args: {
-    label: "Name",
-    value: "This is my name",
-    type: "default",
-  },
-};