@vc-shell/framework 1.1.5 → 1.1.7

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vc-shell/framework",
-  "version": "1.1.5",
+  "version": "1.1.7",
   "type": "module",
   "main": "./dist/framework.js",
   "types": "./dist/index.d.ts",
@@ -70,9 +70,9 @@
   "devDependencies": {
     "@fullhuman/postcss-purgecss": "^7.0.2",
     "@types/dompurify": "^3.0.5",
-    "@vc-shell/api-client-generator": "^1.1.5",
-    "@vc-shell/config-generator": "^1.1.5",
-    "@vc-shell/ts-config": "^1.1.5",
+    "@vc-shell/api-client-generator": "^1.1.7",
+    "@vc-shell/config-generator": "^1.1.7",
+    "@vc-shell/ts-config": "^1.1.7",
     "@vitejs/plugin-vue": "^5.2.3",
     "@vue/test-utils": "^2.4.5",
     "cypress-signalr-mock": "^1.5.0",

package/shared/components/common/popup/vc-popup-error.vue

@@ -26,7 +26,7 @@
     </template>
   </VcPopup>
 </template>
-
+<!-- eslint-disable @typescript-eslint/no-explicit-any -->
 <script lang="ts" setup>
 import VcPopup from "./../../../../ui/components/organisms/vc-popup/vc-popup.vue";
 
@@ -43,8 +43,8 @@ defineProps<Props>();
 defineEmits<Emits>();
 
 defineSlots<{
-  header: void;
-  default: void;
+  header: (props: any) => any;
+  default: (props: any) => any;
 }>();
 </script>
 

package/shared/components/common/popup/vc-popup-info.vue

@@ -26,7 +26,7 @@
     </template>
   </VcPopup>
 </template>
-
+<!-- eslint-disable @typescript-eslint/no-explicit-any -->
 <script lang="ts" setup>
 import VcPopup from "./../../../../ui/components/organisms/vc-popup/vc-popup.vue";
 
@@ -43,8 +43,8 @@ defineProps<Props>();
 defineEmits<Emits>();
 
 defineSlots<{
-  header: void;
-  default: void;
+  header: (props: any) => any;
+  default: (props: any) => any;
 }>();
 </script>
 

package/shared/components/common/popup/vc-popup-warning.vue

@@ -28,7 +28,7 @@
     </template>
   </VcPopup>
 </template>
-
+<!-- eslint-disable @typescript-eslint/no-explicit-any -->
 <script lang="ts" setup>
 import VcPopup from "./../../../../ui/components/organisms/vc-popup/vc-popup.vue";
 
@@ -46,8 +46,8 @@ defineProps<Props>();
 defineEmits<Emits>();
 
 defineSlots<{
-  header: void;
-  default: void;
+  header: (props: any) => any;
+  default: (props: any) => any;
 }>();
 </script>
 

package/shared/components/dashboard-widget-card/dashboard-widget-card.vue

@@ -36,7 +36,7 @@
     </div>
   </div>
 </template>
-
+<!-- eslint-disable @typescript-eslint/no-explicit-any -->
 <script setup lang="ts">
 export interface Props {
   header?: string;
@@ -47,9 +47,9 @@ export interface Props {
 const props = defineProps<Props>();
 
 defineSlots<{
-  header: void;
-  actions: void;
-  content: void;
+  header: (props: any) => any;
+  actions: (props: any) => any;
+  content: (props: any) => any;
   // TODO: implement
   // "mobile-content": void;
 }>();

package/ui/components/atoms/vc-badge/vc-badge.vue

@@ -38,7 +38,7 @@
     </div>
   </div>
 </template>
-
+<!-- eslint-disable @typescript-eslint/no-explicit-any -->
 <script lang="ts" setup>
 import { computed } from "vue";
 
@@ -74,7 +74,7 @@ defineSlots<{
   /**
    * Slot for component content
    * */
-  default: void;
+  default: (props: any) => any;
 }>();
 
 function onClick(): void {

package/ui/components/atoms/vc-icon/vc-icon.stories.ts

@@ -16,7 +16,7 @@ import VcIconExamples from "./vc-icon-examples.vue";
  * - Custom Vue Components
  */
 const meta = {
-  title: "UI/Atoms/VcIcon",
+  title: "Atoms/VcIcon",
   component: VcIcon,
   parameters: {
     docs: {

package/ui/components/atoms/vc-label/vc-label.vue

@@ -39,7 +39,7 @@
     </div>
   </div>
 </template>
-
+<!-- eslint-disable @typescript-eslint/no-explicit-any -->
 <script lang="ts" setup>
 import { VcIcon, VcTooltip } from "./../../../components";
 
@@ -71,8 +71,8 @@ withDefaults(defineProps<Props>(), {
 });
 
 defineSlots<{
-  default: void;
-  tooltip?: void;
+  default: (props: any) => any;
+  tooltip?: (props: any) => any;
 }>();
 </script>
 

package/ui/components/atoms/vc-tooltip/vc-tooltip.vue

@@ -24,7 +24,7 @@
     </teleport>
   </div>
 </template>
-
+<!-- eslint-disable @typescript-eslint/no-explicit-any -->
 <script lang="ts" setup>
 import { useFloating, shift, Placement, offset as floatingOffset } from "@floating-ui/vue";
 import { getCurrentInstance, ref, computed } from "vue";
@@ -48,8 +48,8 @@ const props = withDefaults(defineProps<Props>(), {
 });
 
 defineSlots<{
-  default: void;
-  tooltip?: void;
+  default: (props: any) => any;
+  tooltip?: (props: any) => any;
 }>();
 
 const tooltipVisible = ref(false);

package/ui/components/index.ts

@@ -6,5 +6,3 @@ export * from "./molecules";
 
 /* Organisms */
 export * from "./organisms";
-
-export { default as VcSkeleton } from './atoms/vc-skeleton/vc-skeleton.vue';

package/ui/components/molecules/index.ts

@@ -14,3 +14,4 @@ export * from "./vc-multivalue";
 export * from "./vc-field";
 export * from "./vc-radio-button";
 export * from "./vc-checkbox";
+export * from "./vc-input-dropdown";

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

@@ -82,7 +82,7 @@
     </slot>
   </div>
 </template>
-
+<!-- eslint-disable @typescript-eslint/no-explicit-any -->
 <script lang="ts" setup>
 import { MaybeRef, computed, unref, ref, watch, onMounted } from "vue";
 import { VcHint } from "./../../atoms/vc-hint";
@@ -117,9 +117,9 @@ const props = withDefaults(defineProps<Props>(), {
 const emit = defineEmits<Emits>();
 
 defineSlots<{
-  default: (props: Record<string, never>) => unknown;
-  error: (props: Record<string, never>) => unknown;
-  icon: (props: Record<string, never>) => unknown;
+  default: (props: Record<string, never>) => any;
+  error: (props: Record<string, never>) => any;
+  icon: (props: Record<string, never>) => any;
 }>();
 
 const checkboxRef = ref<HTMLInputElement | null>(null);

package/ui/components/molecules/vc-file-upload/vc-file-upload.vue

@@ -55,7 +55,7 @@
     </slot>
   </div>
 </template>
-
+<!-- eslint-disable @typescript-eslint/no-explicit-any -->
 <script lang="ts" setup>
 import { getCurrentInstance, ref, unref } from "vue";
 import { useField } from "vee-validate";
@@ -90,7 +90,7 @@ const props = withDefaults(defineProps<Props>(), {
 const emit = defineEmits<Emits>();
 
 defineSlots<{
-  error: void;
+  error: (props: any) => any;
 }>();
 
 const { t } = useI18n({ useScope: "global" });

package/ui/components/molecules/vc-input-currency/vc-input-currency.stories.ts

@@ -9,7 +9,7 @@ import { ref } from "vue";
 const meta = {
   title: "molecules/VcInputCurrency",
   component: VcInputCurrency,
-  tags: ["autodocs"],
+  //tags: ["autodocs"],
   args: {
     label: "Amount",
     placeholder: "Enter amount",

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

@@ -1,100 +1,53 @@
 <template>
-  <VcSelect
+  <VcInputDropdown
     class="vc-input-currency"
     :options="options"
     :option-label="optionLabel"
     :option-value="optionValue"
-    :searchable="true"
+    :searchable="searchable"
     :debounce="debounce"
     :disabled="disabled"
     :label="label"
     :required="required"
-    :model-value="option"
+    :option="option"
+    :model-value="numberValue"
     :tooltip="tooltip"
-    @update:model-value="$emit('update:option', $event)"
+    :placeholder="placeholder"
+    :hint="hint"
+    :clearable="clearable"
+    :prefix="prefix"
+    :suffix="suffix"
+    :name="name"
+    :loading="loading"
+    :autofocus="autofocus"
+    :error="error"
+    :error-message="errorMessage"
+    :maxlength="maxlength"
+    input-type="number"
+    @update:model-value="updateModel"
+    @update:option="$emit('update:option', $event)"
+    @blur="handleBlur"
   >
-    <template #control="{ toggleHandler }">
-      <VcInput
-        :placeholder="placeholder"
-        :hint="hint"
-        :clearable="clearable"
-        :prefix="prefix"
-        :suffix="suffix"
-        :name="name"
-        :model-value="numberValue"
-        :loading="loading"
+    <template #control="{ placeholder: holder }">
+      <input
+        ref="inputRef"
+        type="text"
         :disabled="disabled"
-        :autofocus="autofocus"
-        :error="error"
-        :error-message="errorMessage"
-        :maxlength="maxlength"
-        class="vc-input-currency__input"
-        type="number"
-        @update:model-value="updateModel"
+        :placeholder="holder"
+        class="vc-input-currency__control"
+        tabindex="0"
         @blur="handleBlur"
-      >
-        <template #append-inner>
-          <slot
-            name="button"
-            :toggle-handler="toggleHandler"
-          >
-            <template v-if="options && options.length">
-              <button
-                class="vc-input-currency__toggle-button"
-                tabindex="0"
-                @click.stop.prevent="toggleHandler"
-                @keydown.enter.stop.prevent="toggleHandler"
-                @keydown.space.stop.prevent="toggleHandler"
-              >
-                {{ unref(option) }}
-              </button>
-            </template>
-          </slot>
-          <slot
-            v-if="$slots['append-inner']"
-            name="append-inner"
-          ></slot>
-        </template>
-        <template #control="{ placeholder: holder }">
-          <input
-            ref="inputRef"
-            type="text"
-            :disabled="disabled"
-            :placeholder="holder"
-            class="vc-input-currency__control"
-            tabindex="0"
-            @blur="handleBlur"
-            @keydown="handleKeyDown"
-            @paste="handlePaste"
-          />
-        </template>
-        <template
-          v-if="$slots['prepend-inner']"
-          #prepend-inner
-        >
-          <slot name="prepend-inner"></slot>
-        </template>
-        <template
-          v-if="$slots['append']"
-          #append
-        >
-          <slot name="append"></slot>
-        </template>
-        <template
-          v-if="$slots['prepend']"
-          #prepend
-        >
-          <slot name="prepend"></slot>
-        </template>
-      </VcInput>
+        @keydown="handleKeyDown"
+        @paste="handlePaste"
+      />
     </template>
-  </VcSelect>
+  </VcInputDropdown>
 </template>
 
 <script lang="ts" setup>
 import { useCurrencyInput, CurrencyDisplay } from "vue-currency-input";
 import { unref, watch } from "vue";
-import { VcSelect, VcInput } from "./../../";
+import { VcInputDropdown } from "./../../molecules/vc-input-dropdown";
 import { OptionProp } from "../vc-select/vc-select.vue";
 
 export interface Props {
@@ -197,6 +150,10 @@ export interface Props {
    */
   currencyDisplay?: `${CurrencyDisplay}`;
   precision?: 0 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15;
+  /**
+   * Enable search in dropdown
+   */
+  searchable?: boolean;
 }
 
 export interface Emits {
@@ -210,37 +167,9 @@ const props = withDefaults(defineProps<Props>(), {
   debounce: 0,
   currencyDisplay: CurrencyDisplay.hidden,
   precision: 2,
+  searchable: false,
 });
 
-defineSlots<{
-  /**
-   * Slot for custom dropdown open handler
-   */
-  button: (scope: {
-    /**
-     * Dropdown open/close handler
-     */
-    toggleHandler: () => void;
-    // eslint-disable-next-line @typescript-eslint/no-explicit-any
-  }) => any;
-  /**
-   * Slot for custom append-inner content
-   */
-  "append-inner": void;
-  /**
-   * Slot for custom prepend-inner content
-   */
-  "prepend-inner": void;
-  /**
-   * Slot for custom append content
-   */
-  append: void;
-  /**
-   * Slot for custom prepend content
-   */
-  prepend: void;
-}>();
-
 const emit = defineEmits<Emits>();
 
 const { inputRef, setOptions, numberValue, setValue } = useCurrencyInput(
@@ -285,9 +214,11 @@ watch(numberValue, (value) => {
 });
 
 function updateModel(value: string | number | Date | null | undefined) {
-  inputRef.value.value = value as string;
-  numberValue.value = value as number | null;
-  emit("update:model-value", value as number);
+  if (inputRef.value) {
+    inputRef.value.value = value as string;
+  }
+  numberValue.value = typeof value === "number" ? value : value === null ? null : parseFloat(String(value)) || null;
+  emit("update:model-value", numberValue.value);
 }
 
 function handleBlur(event: Event) {
@@ -330,14 +261,6 @@ function handlePaste(e: ClipboardEvent) {
 }
 
 .vc-input-currency {
-  &__input {
-    @apply tw-w-full;
-  }
-
-  &__toggle-button {
-    @apply tw-text-[color:var(--input-curr-toggle-color)] tw-not-italic tw-font-medium tw-text-sm tw-cursor-pointer;
-  }
-
   &__control {
     @apply tw-border tw-border-solid tw-px-2 tw-py-1 tw-text-sm tw-outline-none tw-bg-transparent;
   }

package/ui/components/molecules/vc-input-dropdown/index.ts

@@ -0,0 +1,4 @@
+import VcInputDropdown from "./vc-input-dropdown.vue";
+
+export { VcInputDropdown };
+export default VcInputDropdown;