@frollo/frollo-web-ui 0.2.2 → 0.3.0

package/index.d.ts

@@ -15,7 +15,7 @@ declare interface FwInputProps {
     hint?: string;
 }
 
-declare const _default$7: vue.DefineComponent<{
+declare const _default$8: vue.DefineComponent<{
     /**
      * The input v-model
      */
@@ -149,7 +149,7 @@ declare const _default$7: vue.DefineComponent<{
     readonly: boolean;
 }>;
 
-declare const _default$6: vue.DefineComponent<{
+declare const _default$7: vue.DefineComponent<{
     /**
      * The name of the input field. Must be unique per form.
      */
@@ -203,7 +203,7 @@ declare const _default$6: vue.DefineComponent<{
     };
 }>>, {}>;
 
-declare const _default$5: vue.DefineComponent<{
+declare const _default$6: vue.DefineComponent<{
     /**
      * The header title of the card
      */
@@ -276,7 +276,7 @@ declare interface FwButtonProps {
     buttonType?: ButtonTypeAttribute;
 }
 
-declare const _default$4: vue.DefineComponent<{
+declare const _default$5: vue.DefineComponent<{
     /**
      * A `router-link` path or object
      */
@@ -378,7 +378,7 @@ declare interface NavMenuItem {
     label: string;
 }
 
-declare const _default$3: vue.DefineComponent<{
+declare const _default$4: vue.DefineComponent<{
     /**
      * An array of menu items
      * `{ to?: string | object; href?: string; label: string; }`
@@ -417,7 +417,7 @@ declare const _default$3: vue.DefineComponent<{
     onAction?: ((...args: any[]) => any) | undefined;
 }, {}>;
 
-declare const _default$2: vue.DefineComponent<{
+declare const _default$3: vue.DefineComponent<{
     /**
      * The active tab v-model
      */
@@ -441,7 +441,7 @@ declare const _default$2: vue.DefineComponent<{
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }, {}>;
 
-declare const _default$1: vue.DefineComponent<{
+declare const _default$2: vue.DefineComponent<{
     /**
      * The label of the tab component used as the button panel label
      */
@@ -473,7 +473,7 @@ declare const _default$1: vue.DefineComponent<{
     };
 }>>, {}>;
 
-declare const _default: vue.DefineComponent<{
+declare const _default$1: vue.DefineComponent<{
     /**
      * The header title of the modal
      */
@@ -616,6 +616,62 @@ declare const _default: vue.DefineComponent<{
     confirmButtonType: ButtonVariantName;
 }>;
 
+declare interface ProgressBarStep {
+    label: string;
+    position: number;
+    subSteps: number;
+}
+
+declare const _default: vue.DefineComponent<{
+    /**
+     * An array of menu progress steps.
+     * `{ label: string; position: number; subSteps: number; }`
+     */
+    steps: {
+        type: PropType<ProgressBarStep[]>;
+        required: true;
+    };
+    /**
+     * An current active step.
+     */
+    activeStep: {
+        type: NumberConstructor;
+        required: true;
+    };
+    /**
+     * An current active sub-step.
+     */
+    activeSubStep: {
+        type: NumberConstructor;
+        required: true;
+    };
+}, {
+    calculatedProgressBar: (step: ProgressBarStep) => string;
+}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, string, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, Readonly<vue.ExtractPropTypes<{
+    /**
+     * An array of menu progress steps.
+     * `{ label: string; position: number; subSteps: number; }`
+     */
+    steps: {
+        type: PropType<ProgressBarStep[]>;
+        required: true;
+    };
+    /**
+     * An current active step.
+     */
+    activeStep: {
+        type: NumberConstructor;
+        required: true;
+    };
+    /**
+     * An current active sub-step.
+     */
+    activeSubStep: {
+        type: NumberConstructor;
+        required: true;
+    };
+}>>, {}>;
+
 declare const __default__$1: vue.DefineComponent<{
     /**
      * The animation-iteration-count CSS property of the pulse animation.
@@ -703,4 +759,4 @@ declare interface FwCheckboxProps {
 
 declare module '@frollo/frollo-web-ui/icons' { }
 
-export { ButtonDefinition, ButtonDefinitionList, ButtonSize, ButtonSizes, ButtonTypeAttribute, ButtonVariantName, _default$4 as FwButton, FwButtonProps, _default$5 as FwCard, FwCardProps, _default$6 as FwCheckbox, FwCheckboxProps, __default__$1 as FwEmailPulse, _default$7 as FwInput, FwInputProps, FwInputType, _default as FwModal, FwModalProps, _default$3 as FwNavigationMenu, __default__ as FwSuccessPulse, _default$1 as FwTab, _default$2 as FwTabs, ModalServiceProps, NavMenuItem, install as default, modalService };
+export { ButtonDefinition, ButtonDefinitionList, ButtonSize, ButtonSizes, ButtonTypeAttribute, ButtonVariantName, _default$5 as FwButton, FwButtonProps, _default$6 as FwCard, FwCardProps, _default$7 as FwCheckbox, FwCheckboxProps, __default__$1 as FwEmailPulse, _default$8 as FwInput, FwInputProps, FwInputType, _default$1 as FwModal, FwModalProps, _default$4 as FwNavigationMenu, _default as FwProgressBar, __default__ as FwSuccessPulse, _default$2 as FwTab, _default$3 as FwTabs, ModalServiceProps, NavMenuItem, ProgressBarStep, install as default, modalService };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@frollo/frollo-web-ui",
-  "version": "0.2.2",
+  "version": "0.3.0",
   "description": "Frollo's UI library for components, utilities and configs",
   "exports": {
     "./icons": "./icons/index.ts",
@@ -73,6 +73,7 @@
     "rollup": "^2.67.2",
     "rollup-plugin-dts": "^4.1.0",
     "rollup-plugin-postcss": "^4.0.2",
+    "rollup-plugin-svg-to-vue": "^1.0.0",
     "rollup-plugin-typescript2": "^0.31.2",
     "rollup-plugin-vue": "^6.0.0",
     "sass": "^1.49.7",
@@ -84,6 +85,7 @@
     "vee-validate": "^4.5.9",
     "vue-loader": "^16.8.3",
     "vue-style-loader": "^4.1.3",
+    "vue-svg-loader": "^0.17.0-beta.2",
     "yup": "^0.32.11"
   },
   "homepage": "https://github.com/frollous/frollo-web-ui#readme",

package/types/components/fw-progress-bar/fw-progress-bar.vue.d.ts

@@ -0,0 +1,52 @@
+import { PropType } from 'vue';
+import { ProgressBarStep } from './index.types';
+declare const _default: import("vue").DefineComponent<{
+    /**
+     * An array of menu progress steps.
+     * `{ label: string; position: number; subSteps: number; }`
+     */
+    steps: {
+        type: PropType<ProgressBarStep[]>;
+        required: true;
+    };
+    /**
+     * An current active step.
+     */
+    activeStep: {
+        type: NumberConstructor;
+        required: true;
+    };
+    /**
+     * An current active sub-step.
+     */
+    activeSubStep: {
+        type: NumberConstructor;
+        required: true;
+    };
+}, {
+    calculatedProgressBar: (step: ProgressBarStep) => string;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    /**
+     * An array of menu progress steps.
+     * `{ label: string; position: number; subSteps: number; }`
+     */
+    steps: {
+        type: PropType<ProgressBarStep[]>;
+        required: true;
+    };
+    /**
+     * An current active step.
+     */
+    activeStep: {
+        type: NumberConstructor;
+        required: true;
+    };
+    /**
+     * An current active sub-step.
+     */
+    activeSubStep: {
+        type: NumberConstructor;
+        required: true;
+    };
+}>>, {}>;
+export default _default;

package/types/components/fw-progress-bar/index.d.ts

@@ -0,0 +1,2 @@
+import FwProgressBar from './fw-progress-bar.vue';
+export { FwProgressBar };

package/types/components/fw-progress-bar/index.types.d.ts

@@ -0,0 +1,5 @@
+export declare interface ProgressBarStep {
+    label: string;
+    position: number;
+    subSteps: number;
+}

package/types/components/index.d.ts

@@ -6,4 +6,5 @@ export * from './fw-button';
 export * from './fw-navigation-menu';
 export * from './fw-tabs';
 export * from './fw-modal';
+export * from './fw-progress-bar';
 export * from './fw-animations';

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

@@ -4,3 +4,4 @@ export * from '../components/fw-navigation-menu/index.types';
 export * from '../components/fw-input/index.types';
 export * from '../components/fw-checkbox/index.types';
 export * from '../components/fw-modal/index.types';
+export * from '../components/fw-progress-bar/index.types';

package/types/icons/index.d.ts

@@ -13,4 +13,5 @@ import InfoCircleSvg from './info-circle.svg';
 import FileExclamationSvg from './file-exclamation.svg';
 import HourglassClockSvg from './hourglass-clock.svg';
 import EnvelopeSvg from './envelope.svg';
-export { ViewSvg, GenerateSvg, ManageSvg, NotFoundSvg, EmailFilledSvg, AlertSvg, LockSvg, EyeSvg, EyeCrossedSvg, DownloadSvg, IdCardSvg, InfoCircleSvg, FileExclamationSvg, HourglassClockSvg, EnvelopeSvg };
+import CheckSvg from './check.svg';
+export { ViewSvg, GenerateSvg, ManageSvg, NotFoundSvg, EmailFilledSvg, AlertSvg, LockSvg, EyeSvg, EyeCrossedSvg, DownloadSvg, IdCardSvg, InfoCircleSvg, FileExclamationSvg, HourglassClockSvg, EnvelopeSvg, CheckSvg };