sprintify-ui 0.2.12 → 0.2.13

package/dist/types/src/components/BaseAutocompleteFetch.vue.d.ts

@@ -79,7 +79,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     open: () => void | undefined;
     close: () => void | undefined;
     setKeywords: (input: string) => void | undefined;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "clear" | "focus" | "scrollBottom" | "typing")[], "update:modelValue" | "clear" | "focus" | "scrollBottom" | "typing", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "focus" | "clear" | "scrollBottom" | "typing")[], "update:modelValue" | "focus" | "clear" | "scrollBottom" | "typing", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     modelValue: {
         default: undefined;
         type: PropType<Option | null | undefined>;

package/dist/types/src/components/BaseFileUploader.vue.d.ts

@@ -8,14 +8,14 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         type: import("vue").PropType<boolean>;
         default: boolean;
     };
-    cropper: {
-        type: import("vue").PropType<boolean | Record<string, any> | BaseCropperConfig | null>;
-        default: boolean;
-    };
     accept: {
         type: import("vue").PropType<string>;
         default: undefined;
     };
+    cropper: {
+        type: import("vue").PropType<boolean | Record<string, any> | BaseCropperConfig | null>;
+        default: boolean;
+    };
     loading: {
         type: import("vue").PropType<boolean>;
         default: boolean;
@@ -49,14 +49,14 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         type: import("vue").PropType<boolean>;
         default: boolean;
     };
-    cropper: {
-        type: import("vue").PropType<boolean | Record<string, any> | BaseCropperConfig | null>;
-        default: boolean;
-    };
     accept: {
         type: import("vue").PropType<string>;
         default: undefined;
     };
+    cropper: {
+        type: import("vue").PropType<boolean | Record<string, any> | BaseCropperConfig | null>;
+        default: boolean;
+    };
     loading: {
         type: import("vue").PropType<boolean>;
         default: boolean;
@@ -89,8 +89,8 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
 }, {
     component: "BaseFilePicker" | "BaseFilePickerCrop";
     disabled: boolean;
-    cropper: boolean | Record<string, any> | BaseCropperConfig | null;
     accept: string;
+    cropper: boolean | Record<string, any> | BaseCropperConfig | null;
     loading: boolean;
     url: string;
     twButton: string;

package/dist/types/src/components/BaseHasMany.vue.d.ts

@@ -103,8 +103,8 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     disabled: boolean;
     required: boolean;
     modelValue: string[] | null | undefined;
-    max: number;
     hasError: boolean;
+    max: number;
     queryKey: string;
     primaryKey: string;
     currentModels: Option[];

package/dist/types/src/components/BaseInput.vue.d.ts

@@ -157,13 +157,13 @@ declare const _default: import("vue").DefineComponent<{
     disabled: boolean;
     required: boolean;
     modelValue: string | number | null;
-    min: number;
-    max: number;
-    hasError: boolean;
     autocomplete: boolean;
     preventSubmit: boolean;
     iconLeft: string;
     iconRight: string;
     suffix: string;
+    hasError: boolean;
+    min: number;
+    max: number;
 }, {}>;
 export default _default;

package/dist/types/src/components/BaseInputPercent.vue.d.ts

@@ -125,9 +125,9 @@ declare const _default: import("vue").DefineComponent<{
     required: boolean;
     icon: string;
     modelValue: string | number | null;
+    preventSubmit: boolean;
+    hasError: boolean;
     min: number;
     max: number;
-    hasError: boolean;
-    preventSubmit: boolean;
 }, {}>;
 export default _default;

package/dist/types/src/components/BaseMediaLibrary.vue.d.ts

@@ -143,12 +143,12 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     draggable: boolean;
     name: string;
     disabled: boolean;
-    cropper: boolean | BaseCropperConfig | null;
     modelValue: MediaLibraryPayload;
+    hasError: boolean;
     min: number;
     max: number;
-    hasError: boolean;
     accept: string;
+    cropper: boolean | BaseCropperConfig | null;
     layout: "list" | "gallery" | "images";
     maxSize: number;
     acceptedExtensions: string[];

package/dist/types/src/components/BaseMediaListItem.vue.d.ts

@@ -18,7 +18,7 @@ declare const _default: import("vue").DefineComponent<{
         default: boolean;
         type: BooleanConstructor;
     };
-}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("remove" | "update" | "save:name")[], "remove" | "update" | "save:name", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update" | "remove" | "save:name")[], "update" | "remove" | "save:name", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     media: {
         required: true;
         type: PropType<UploadedFile | Media>;

package/dist/types/src/components/BaseMenuItem.vue.d.ts

@@ -55,7 +55,7 @@ declare const _default: import("vue").DefineComponent<{
     color: ActionColors;
     active: boolean;
     icon: string;
-    count: number;
     size: "xs" | "sm" | "md";
+    count: number;
 }, {}>;
 export default _default;

package/dist/types/src/components/BaseNavbarItemContent.vue.d.ts

@@ -54,7 +54,7 @@ declare const _default: import("vue").DefineComponent<{
     active: boolean;
     dark: boolean;
     icon: string;
-    count: number;
     size: "sm" | "md";
+    count: number;
 }, {}>;
 export default _default;

package/dist/types/src/components/BaseNavbarSideItemContent.vue.d.ts

@@ -54,7 +54,7 @@ declare const _default: import("vue").DefineComponent<{
     active: boolean;
     dark: boolean;
     icon: string;
-    count: number;
     size: "xs" | "sm" | "md";
+    count: number;
 }, {}>;
 export default _default;

package/dist/types/src/components/BaseTagAutocomplete.vue.d.ts

@@ -162,8 +162,8 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     disabled: boolean;
     required: boolean;
     inline: boolean;
-    max: number;
     hasError: boolean;
+    max: number;
     size: "base" | "xs" | "sm";
     loading: boolean;
     loadingBottom: boolean;

package/dist/types/src/components/BaseTagAutocompleteFetch.vue.d.ts

@@ -97,8 +97,8 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     placeholder: string;
     disabled: boolean;
     required: boolean;
-    max: number;
     hasError: boolean;
+    max: number;
     queryKey: string;
 }, {}>, {
     items?(_: {

package/dist/types/src/components/BaseTextarea.vue.d.ts

@@ -90,9 +90,9 @@ declare const _default: import("vue").DefineComponent<{
     disabled: boolean;
     required: boolean;
     modelValue: string | null | undefined;
-    hasError: boolean;
     autocomplete: boolean;
     preventSubmit: boolean;
+    hasError: boolean;
     rows: number;
 }, {}>;
 export default _default;

package/dist/types/src/components/index.d.ts

@@ -60,7 +60,6 @@ import BaseNavbar from './BaseNavbar.vue';
 import BaseNavbarItem from './BaseNavbarItem.vue';
 import BaseNavbarItemContent from './BaseNavbarItemContent.vue';
 import BaseNavbarSideItem from './BaseNavbarSideItem.vue';
-import BaseNumber from './BaseNumber.vue';
 import BasePagination from './BasePagination.vue';
 import BasePanel from './BasePanel.vue';
 import BasePassword from './BasePassword.vue';
@@ -92,4 +91,4 @@ import BaseLayoutStacked from './BaseLayoutStacked.vue';
 import BaseLayoutStackedConfigurable from './BaseLayoutStackedConfigurable.vue';
 import BaseLayoutSidebar from './BaseLayoutSidebar.vue';
 import BaseLayoutSidebarConfigurable from './BaseLayoutSidebarConfigurable.vue';
-export { BaseActionItem, BaseAddressForm, BaseAlert, BaseApp, BaseAppDialogs, BaseAppNotifications, BaseAutocomplete, BaseAutocompleteFetch, BaseAvatar, BaseAvatarGroup, BaseBadge, BaseBelongsTo, BaseBoolean, BaseBreadcrumbs, BaseButton, BaseButtonGroup, BaseCard, BaseCardRow, BaseCharacterCounter, BaseClickOutside, BaseClipboard, BaseColor, BaseContainer, BaseCounter, BaseCropper, BaseCropperModal, BaseDataIterator, BaseDataTable, BaseDatePicker, BaseDateSelect, BaseDescriptionList, BaseDescriptionListItem, BaseDialog, BaseDisplayRelativeTime, BaseDropdown, BaseDropdownAutocomplete, BaseEmptyState, BaseField, BaseFieldI18n, BaseFilePicker, BaseFilePickerCrop, BaseFileUploader, BaseForm, BaseHasMany, BaseHeader, BaseIcon, BaseIconPicker, BaseInput, BaseInputLabel, BaseInputPercent, BaseLoadingCover, BaseMediaItem, BaseMediaLibrary, BaseMediaPreview, BaseMenu, BaseMenuItem, BaseModalCenter, BaseModalSide, BaseNavbar, BaseNavbarItem, BaseNavbarItemContent, BaseNavbarSideItem, BaseNumber, BasePagination, BasePanel, BasePassword, BaseProgressCircle, BaseRadioGroup, BaseReadMore, BaseRichText, BaseSelect, BaseShortcut, BaseSideNavigation, BaseSideNavigationItem, BaseSkeleton, BaseStatistic, BaseStepper, BaseStepperItem, BaseSwitch, BaseSystemAlert, BaseTabs, BaseTabItem, BaseTagAutocomplete, BaseTagAutocompleteFetch, BaseTable, BaseTableColumn, BaseTextarea, BaseTextareaAutoresize, BaseTimeline, BaseTimelineItem, BaseLayoutStacked, BaseLayoutStackedConfigurable, BaseLayoutSidebar, BaseLayoutSidebarConfigurable, };
+export { BaseActionItem, BaseAddressForm, BaseAlert, BaseApp, BaseAppDialogs, BaseAppNotifications, BaseAutocomplete, BaseAutocompleteFetch, BaseAvatar, BaseAvatarGroup, BaseBadge, BaseBelongsTo, BaseBoolean, BaseBreadcrumbs, BaseButton, BaseButtonGroup, BaseCard, BaseCardRow, BaseCharacterCounter, BaseClickOutside, BaseClipboard, BaseColor, BaseContainer, BaseCounter, BaseCropper, BaseCropperModal, BaseDataIterator, BaseDataTable, BaseDatePicker, BaseDateSelect, BaseDescriptionList, BaseDescriptionListItem, BaseDialog, BaseDisplayRelativeTime, BaseDropdown, BaseDropdownAutocomplete, BaseEmptyState, BaseField, BaseFieldI18n, BaseFilePicker, BaseFilePickerCrop, BaseFileUploader, BaseForm, BaseHasMany, BaseHeader, BaseIcon, BaseIconPicker, BaseInput, BaseInputLabel, BaseInputPercent, BaseLoadingCover, BaseMediaItem, BaseMediaLibrary, BaseMediaPreview, BaseMenu, BaseMenuItem, BaseModalCenter, BaseModalSide, BaseNavbar, BaseNavbarItem, BaseNavbarItemContent, BaseNavbarSideItem, BasePagination, BasePanel, BasePassword, BaseProgressCircle, BaseRadioGroup, BaseReadMore, BaseRichText, BaseSelect, BaseShortcut, BaseSideNavigation, BaseSideNavigationItem, BaseSkeleton, BaseStatistic, BaseStepper, BaseStepperItem, BaseSwitch, BaseSystemAlert, BaseTabs, BaseTabItem, BaseTagAutocomplete, BaseTagAutocompleteFetch, BaseTable, BaseTableColumn, BaseTextarea, BaseTextareaAutoresize, BaseTimeline, BaseTimelineItem, BaseLayoutStacked, BaseLayoutStackedConfigurable, BaseLayoutSidebar, BaseLayoutSidebarConfigurable, };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "sprintify-ui",
-  "version": "0.2.12",
+  "version": "0.2.13",
   "scripts": {
     "build": "rimraf dist && vue-tsc && vite build",
     "build-fast": "rimraf dist && vite build",

package/src/components/BaseForm.stories.js

@@ -1,6 +1,5 @@
 import BaseForm from './BaseForm.vue';
 import BaseField from './BaseField.vue';
-import BaseNumber from './BaseNumber.vue';
 import BaseMediaLibrary from './BaseMediaLibrary.vue';
 import ShowValue from '../../.storybook/components/ShowValue.vue';
 
@@ -14,7 +13,6 @@ const Template = (args) => ({
     ShowValue,
     BaseForm,
     BaseField,
-    BaseNumber,
     BaseMediaLibrary,
   },
   setup() {
@@ -31,7 +29,7 @@ const Template = (args) => ({
     v-slot="{disabled}"
   >
     <BaseField class="mb-3" name="number" label="Number">
-      <BaseNumber v-model="form.number"></BaseNumber>
+      <BaseInput v-model="form.number"></BaseInput>
     </BaseField>
     
     <BaseField class="mb-3" name="media" label="Media">

package/src/components/BaseInput.vue

@@ -22,27 +22,8 @@
     >
       {{ prefix }}
     </div>
-    <BaseNumber
-      v-if="type == 'number'"
-      ref="input"
-      :model-value="modelValue"
-      borderless
-      :has-error="hasError"
-      :rounded="
-        emptyLeft && emptyRight
-          ? 'full'
-          : emptyLeft
-            ? 'left'
-            : emptyRight
-              ? 'right'
-              : 'none'
-      "
-      class="grow"
-      v-bind="bindings"
-      @update:model-value="emitUpdate"
-    />
     <input
-      v-else-if="maskOptions"
+      v-if="maskOptions"
       ref="input"
       v-maska:[maskOptions]
       v-bind="bindings"
@@ -98,7 +79,6 @@ import { PropType } from 'vue';
 import { Icon as BaseIcon } from '@iconify/vue';
 import { useField } from '@/composables/field';
 import { vMaska } from 'maska';
-import BaseNumber from './BaseNumber.vue';
 
 const props = defineProps({
   modelValue: {

package/src/components/index.ts

@@ -60,7 +60,6 @@ import BaseNavbar from './BaseNavbar.vue';
 import BaseNavbarItem from './BaseNavbarItem.vue';
 import BaseNavbarItemContent from './BaseNavbarItemContent.vue';
 import BaseNavbarSideItem from './BaseNavbarSideItem.vue';
-import BaseNumber from './BaseNumber.vue';
 import BasePagination from './BasePagination.vue';
 import BasePanel from './BasePanel.vue';
 import BasePassword from './BasePassword.vue';
@@ -157,7 +156,6 @@ export {
   BaseNavbarItem,
   BaseNavbarItemContent,
   BaseNavbarSideItem,
-  BaseNumber,
   BasePagination,
   BasePanel,
   BasePassword,

package/dist/types/src/components/BaseNumber.vue.d.ts

@@ -1,125 +0,0 @@
-import { PropType } from 'vue';
-declare const _default: import("vue").DefineComponent<{
-    modelValue: {
-        default: undefined;
-        type: PropType<number | null>;
-    };
-    /**
-     * The step of the input. Can be a number or null.
-     */
-    step: {
-        default: number;
-        type: NumberConstructor;
-    };
-    name: {
-        default: undefined;
-        type: StringConstructor;
-    };
-    placeholder: {
-        default: string;
-        type: StringConstructor;
-    };
-    disabled: {
-        default: boolean;
-        type: BooleanConstructor;
-    };
-    required: {
-        default: boolean;
-        type: BooleanConstructor;
-    };
-    min: {
-        default: undefined;
-        type: NumberConstructor;
-    };
-    max: {
-        default: undefined;
-        type: NumberConstructor;
-    };
-    hasError: {
-        default: boolean;
-        type: BooleanConstructor;
-    };
-    borderless: {
-        default: boolean;
-        type: BooleanConstructor;
-    };
-    rounded: {
-        default: string;
-        type: PropType<"left" | "right" | "none" | "full">;
-    };
-    autoFix: {
-        default: boolean;
-        type: BooleanConstructor;
-    };
-}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "focus" | "blur" | "keydown")[], "update:modelValue" | "focus" | "blur" | "keydown", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-    modelValue: {
-        default: undefined;
-        type: PropType<number | null>;
-    };
-    /**
-     * The step of the input. Can be a number or null.
-     */
-    step: {
-        default: number;
-        type: NumberConstructor;
-    };
-    name: {
-        default: undefined;
-        type: StringConstructor;
-    };
-    placeholder: {
-        default: string;
-        type: StringConstructor;
-    };
-    disabled: {
-        default: boolean;
-        type: BooleanConstructor;
-    };
-    required: {
-        default: boolean;
-        type: BooleanConstructor;
-    };
-    min: {
-        default: undefined;
-        type: NumberConstructor;
-    };
-    max: {
-        default: undefined;
-        type: NumberConstructor;
-    };
-    hasError: {
-        default: boolean;
-        type: BooleanConstructor;
-    };
-    borderless: {
-        default: boolean;
-        type: BooleanConstructor;
-    };
-    rounded: {
-        default: string;
-        type: PropType<"left" | "right" | "none" | "full">;
-    };
-    autoFix: {
-        default: boolean;
-        type: BooleanConstructor;
-    };
-}>> & {
-    onFocus?: ((...args: any[]) => any) | undefined;
-    onBlur?: ((...args: any[]) => any) | undefined;
-    onKeydown?: ((...args: any[]) => any) | undefined;
-    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
-}, {
-    placeholder: string;
-    step: number;
-    name: string;
-    disabled: boolean;
-    required: boolean;
-    modelValue: number | null;
-    min: number;
-    max: number;
-    hasError: boolean;
-    borderless: boolean;
-    rounded: "left" | "right" | "none" | "full";
-    autoFix: boolean;
-}, {}>;
-export default _default;

package/src/components/BaseNumber.stories.js

@@ -1,66 +0,0 @@
-import BaseNumber from './BaseNumber.vue';
-import ShowValue from '../../.storybook/components/ShowValue.vue';
-import { createFieldStory } from '@/../.storybook/utils';
-
-export default {
-  title: 'Form/BaseNumber',
-  component: BaseNumber,
-  args: {
-    placeholder: 'Enter number',
-    step: 0.1,
-  },
-};
-
-const Template = (args) => ({
-  components: {
-    ShowValue,
-    BaseNumber,
-  },
-  setup() {
-    const value = ref(null);
-    return { args, value };
-  },
-  template: `
-  <form @submit.prevent="" class="border-none">
-    <BaseNumber v-model="value" v-bind="args" class=""></BaseNumber>
-  </form>
-  <ShowValue :value="value" />
-  `,
-});
-
-export const Demo = Template.bind({});
-Demo.args = {};
-
-export const Min = Template.bind({});
-Min.args = {
-  min: 10000,
-};
-
-export const Max = Template.bind({});
-Max.args = {
-  max: 10000,
-};
-
-export const AutoFix = Template.bind({});
-AutoFix.args = {
-  autoFix: true,
-  min: 10,
-  max: 20,
-  step: 0.01,
-};
-
-export const Disabled = Template.bind({});
-Disabled.args = {
-  disabled: true,
-};
-
-export const Error = Template.bind({});
-Error.args = {
-  hasError: true,
-};
-
-export const Field = createFieldStory({
-  component: BaseNumber,
-  componentName: 'BaseNumber',
-  label: 'Rebate',
-});