svelte-tel-input 0.12.0 → 0.13.0

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # svelte-tel-input
 
+## 0.13.0
+
+### Minor Changes
+
+-   Simplify structure ([#91](https://github.com/gyurielf/svelte-tel-input/pull/91))
+
 ## 0.12.0
 
 ### Minor Changes

package/assets/allCountry.d.ts

@@ -1,2 +1,2 @@
-import type { Country } from '../types/interfaces/Country.interface';
+import type { Country } from '../types.d';
 export declare const normalizedCountries: Country[];

package/components/Input/AdvancedTelInput.svelte.d.ts

@@ -1,5 +1,5 @@
 import { SvelteComponentTyped } from "svelte";
-import type { NormalizedTelNumber, Country } from '../../types';
+import type { NormalizedTelNumber, Country } from '../../types.d';
 declare const __propDef: {
     props: {
         searchText?: string | undefined;

package/components/Input/TelInput.svelte

@@ -1,5 +1,7 @@
 <script>import { watcher } from '../../stores';
-import { PhoneNumberParseError } from '../../types';
+import { PhoneNumberParseError } from '../../types.d';
+// import { PhoneNumberParseError } from '../../types';
+// import type { NormalizedTelNumber } from '../../types.d';
 import { normalizeTelInput } from '../../utils/helpers';
 import { parsePhoneNumberWithError, ParseError } from 'libphonenumber-js';
 import { onMount } from 'svelte';

package/components/Input/TelInput.svelte.d.ts

@@ -1,5 +1,5 @@
 import { SvelteComponentTyped } from "svelte";
-import type { NormalizedTelNumber } from '../../types/interfaces/Phone.interface';
+import { type NormalizedTelNumber } from '../../types.d';
 import { type CountryCode } from 'libphonenumber-js';
 declare const __propDef: {
     props: {

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "svelte-tel-input",
   "description": "svelte-tel-input",
-  "version": "0.12.0",
+  "version": "0.13.0",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/gyurielf/svelte-tel-input.git"
@@ -24,50 +24,50 @@
     "libphonenumber-js": "^1.10.13"
   },
   "devDependencies": {
-    "@babel/core": "^7.19.1",
-    "@babel/preset-env": "^7.19.1",
+    "@babel/core": "^7.19.3",
+    "@babel/preset-env": "^7.19.3",
     "@changesets/cli": "^2.24.4",
     "@changesets/get-github-info": "^0.5.1",
     "@changesets/types": "^5.1.0",
     "@macfja/svelte-persistent-store": "^2.1.0",
     "@sveltejs/adapter-static": "^1.0.0-next.43",
-    "@sveltejs/kit": "^1.0.0-next.483",
-    "@sveltejs/package": "^1.0.0-next.3",
+    "@sveltejs/kit": "^1.0.0-next.504",
+    "@sveltejs/package": "^1.0.0-next.5",
     "@testing-library/jest-dom": "^5.16.5",
     "@testing-library/svelte": "^3.2.1",
-    "@types/jest": "^29.0.2",
-    "@typescript-eslint/eslint-plugin": "^5.37.0",
-    "@typescript-eslint/parser": "^5.37.0",
-    "autoprefixer": "^10.4.11",
-    "babel-jest": "^29.0.3",
+    "@types/jest": "^29.0.3",
+    "@typescript-eslint/eslint-plugin": "^5.38.1",
+    "@typescript-eslint/parser": "^5.38.1",
+    "autoprefixer": "^10.4.12",
+    "babel-jest": "^29.1.0",
     "babel-loader": "^8.2.5",
     "cssnano": "^5.1.13",
     "dotenv": "^16.0.2",
-    "eslint": "^8.23.1",
+    "eslint": "^8.24.0",
     "eslint-config-prettier": "^8.5.0",
     "eslint-plugin-jest": "^27.0.4",
     "eslint-plugin-svelte3": "^4.0.0",
     "husky": "^8.0.1",
-    "jest": "^29.0.3",
+    "jest": "^29.1.1",
     "jest-matchmedia-mock": "^1.1.0",
     "micromatch": "^4.0.5",
     "postcss": "^8.4.16",
     "postcss-load-config": "^4.0.1",
     "prettier": "^2.7.1",
-    "prettier-plugin-svelte": "^2.7.0",
+    "prettier-plugin-svelte": "^2.7.1",
     "svelte": "^3.50.1",
-    "svelte-check": "^2.9.0",
+    "svelte-check": "^2.9.1",
     "svelte-inview": "^3.0.1",
     "svelte-jester": "^2.3.2",
     "svelte-loader": "^3.1.3",
     "svelte-preprocess": "^4.10.7",
-    "svelte2tsx": "^0.5.17",
+    "svelte2tsx": "^0.5.19",
     "tailwindcss": "^3.1.8",
-    "ts-jest": "^29.0.1",
+    "ts-jest": "^29.0.2",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "tslib": "^2.4.0",
-    "typescript": "^4.8.3",
-    "vite": "^3.1.1"
+    "typescript": "^4.8.4",
+    "vite": "^3.1.4"
   },
   "standard-version": {
     "skip": {

package/{styles → style}/flags.css

@@ -1,6 +1,4 @@
 span.flag {
-	/* width: 44px;
-	height: 30px; */
 	width: 28px;
 	height: 19px;
 	display: inline-block;

package/types.d.ts

@@ -0,0 +1,64 @@
+import type { CountryCode } from './types';
+
+import type { PhoneNumberParseError } from './types/enums';
+import type {
+	CountryCallingCode,
+	CountryCode,
+	E164Number,
+	NationalNumber
+} from 'libphonenumber-js';
+
+export interface Country {
+	id: string;
+	label: string;
+	name: string;
+	iso2: CountryCode;
+	dialCode: string | number | string[];
+	priority: string | number | string[];
+	areaCodes: string | number | string[] | null;
+}
+
+export type CountrySelectEvents<T> = {
+	add: { option: T };
+	remove: { option: T };
+	same: { option: T };
+	change: {
+		option: T;
+	};
+	focus: unknown;
+	blur: unknown;
+};
+
+export interface PhoneNumberError {
+	isValid: false;
+	error: PhoneNumberParseError;
+}
+
+export interface NormalizedTelNumber {
+	countryCode?: CountryCode | null;
+	isValid: boolean;
+	phoneNumber: string | null;
+	countryCallingCode: CountryCallingCode | null;
+	formattedNumber: string | null;
+	formatOriginal: string | null;
+	nationalNumber: NationalNumber | null;
+	formatInternational: string | null;
+	formatNational: string | null;
+	uri: string | null;
+	e164: E164Number | null;
+	error?: string;
+}
+
+export type { CountryCallingCode, CountryCode, E164Number, NationalNumber };
+
+export enum PhoneNumberParseError {
+	NOT_A_NUMBER = 'NOT_A_NUMBER',
+	INVALID_COUNTRY = 'INVALID_COUNTRY',
+	TOO_SHORT = 'TOO_SHORT',
+	TOO_LONG = 'TOO_LONG'
+}
+
+export enum PhoneType {
+	FIXED_LINE = 'FIXED_LINE',
+	MOBILE = 'MOBILE'
+}

package/utils/helpers.d.ts

@@ -1,14 +1,10 @@
-import type { NormalizedTelNumber } from '../types/interfaces/Phone.interface';
 import type { PhoneNumber } from 'libphonenumber-js';
 export declare const capitalize: (str: string) => string;
 export declare const getCurrentCountry: () => Promise<string | undefined>;
 export declare const isNumber: (value: number) => boolean;
 export declare const normalizeTelInput: (input: PhoneNumber) => {
-    [k: string]: string | boolean | import("libphonenumber-js").CountryCallingCode | import("libphonenumber-js").NationalNumber | import("libphonenumber-js").E164Number | null | undefined;
+    [k: string]: string | boolean | import("libphonenumber-js").E164Number | import("libphonenumber-js").CountryCallingCode | import("libphonenumber-js").NationalNumber | null | undefined;
 };
 export declare const isSelected: <T extends {
     id: string;
 }>(itemToSelect: T, selectedItem: T | null | undefined) => boolean;
-export declare const jsonPrettyParser: (node: HTMLElement, data: NormalizedTelNumber | null) => {
-    destroy: () => void;
-};

package/utils/helpers.js

@@ -61,11 +61,3 @@ export const isSelected = (itemToSelect, selectedItem) => {
         return false;
     }
 };
-export const jsonPrettyParser = (node, data) => {
-    data !== null && (node.innerHTML = `<code>${JSON.stringify(data, null, 2)}</code>`);
-    return {
-        destroy: () => {
-            node.remove();
-        }
-    };
-};

package/types/enums/index.d.ts

@@ -1,10 +0,0 @@
-export declare enum PhoneNumberParseError {
-    NOT_A_NUMBER = "NOT_A_NUMBER",
-    INVALID_COUNTRY = "INVALID_COUNTRY",
-    TOO_SHORT = "TOO_SHORT",
-    TOO_LONG = "TOO_LONG"
-}
-export declare enum PhoneType {
-    FIXED_LINE = "FIXED_LINE",
-    MOBILE = "MOBILE"
-}

package/types/enums/index.js

@@ -1,12 +0,0 @@
-export var PhoneNumberParseError;
-(function (PhoneNumberParseError) {
-    PhoneNumberParseError["NOT_A_NUMBER"] = "NOT_A_NUMBER";
-    PhoneNumberParseError["INVALID_COUNTRY"] = "INVALID_COUNTRY";
-    PhoneNumberParseError["TOO_SHORT"] = "TOO_SHORT";
-    PhoneNumberParseError["TOO_LONG"] = "TOO_LONG";
-})(PhoneNumberParseError || (PhoneNumberParseError = {}));
-export var PhoneType;
-(function (PhoneType) {
-    PhoneType["FIXED_LINE"] = "FIXED_LINE";
-    PhoneType["MOBILE"] = "MOBILE";
-})(PhoneType || (PhoneType = {}));

package/types/index.d.ts

@@ -1,18 +0,0 @@
-export * from './enums';
-export * from './interfaces';
-export declare type CountrySelectEvents<T> = {
-    add: {
-        option: T;
-    };
-    remove: {
-        option: T;
-    };
-    same: {
-        option: T;
-    };
-    change: {
-        option: T;
-    };
-    focus: unknown;
-    blur: unknown;
-};

package/types/index.js

@@ -1,2 +0,0 @@
-export * from './enums';
-export * from './interfaces';

package/types/interfaces/Country.interface.d.ts

@@ -1,10 +0,0 @@
-import type { CountryCode } from './Phone.interface';
-export interface Country {
-    id: string;
-    label: string;
-    name: string;
-    iso2: CountryCode;
-    dialCode: string | number | string[];
-    priority: string | number | string[];
-    areaCodes: string | number | string[] | null;
-}

package/types/interfaces/Country.interface.js

@@ -1 +0,0 @@
-export {};

package/types/interfaces/Phone.interface.d.ts

@@ -1,21 +0,0 @@
-import type { PhoneNumberParseError } from '../enums';
-import type { CountryCallingCode, CountryCode, E164Number, NationalNumber } from 'libphonenumber-js';
-export interface PhoneNumberError {
-    isValid: false;
-    error: PhoneNumberParseError;
-}
-export interface NormalizedTelNumber {
-    countryCode?: CountryCode | null;
-    isValid: boolean;
-    phoneNumber: string | null;
-    countryCallingCode: CountryCallingCode | null;
-    formattedNumber: string | null;
-    formatOriginal: string | null;
-    nationalNumber: NationalNumber | null;
-    formatInternational: string | null;
-    formatNational: string | null;
-    uri: string | null;
-    e164: E164Number | null;
-    error?: string;
-}
-export type { CountryCallingCode, CountryCode, E164Number, NationalNumber };

package/types/interfaces/Phone.interface.js

@@ -1 +0,0 @@
-export {};

package/types/interfaces/index.d.ts

@@ -1,2 +0,0 @@
-export * from './Country.interface';
-export * from './Phone.interface';

package/types/interfaces/index.js

@@ -1,2 +0,0 @@
-export * from './Country.interface';
-export * from './Phone.interface';

package/utils/api.d.ts

@@ -1,28 +0,0 @@
-export declare const get: (base: string, path: string) => Promise<{
-    response: Response;
-    json?: undefined;
-} | {
-    response: Response;
-    json: Record<string, unknown>;
-}>;
-export declare const del: (base: string, path: string, data?: unknown) => Promise<{
-    response: Response;
-    json?: undefined;
-} | {
-    response: Response;
-    json: Record<string, unknown>;
-}>;
-export declare const post: (base: string, path: string, data?: unknown) => Promise<{
-    response: Response;
-    json?: undefined;
-} | {
-    response: Response;
-    json: Record<string, unknown>;
-}>;
-export declare const put: (base: string, path: string, data?: unknown) => Promise<{
-    response: Response;
-    json?: undefined;
-} | {
-    response: Response;
-    json: Record<string, unknown>;
-}>;

package/utils/api.js

@@ -1,30 +0,0 @@
-const send = async ({ method, path, data, base }) => {
-    const opts = { method, headers: {}, credentials: 'include' };
-    if (data) {
-        opts.headers && (opts.headers['content-type'] = 'application/json');
-        opts.body = JSON.stringify(data);
-    }
-    const fullPath = encodeURI(`${base}${path}`);
-    const response = await fetch(fullPath, opts);
-    if (response.status === 204) {
-        return { response };
-    }
-    if (response.headers.get('content-type') === 'application/json') {
-        const json = await response.json();
-        return { response, json };
-    }
-    return { response };
-};
-// Shortcut methods
-export const get = (base, path) => {
-    return send({ method: 'GET', path, base });
-};
-export const del = (base, path, data) => {
-    return send({ method: 'DELETE', path, data, base });
-};
-export const post = (base, path, data) => {
-    return send({ method: 'POST', path, data, base });
-};
-export const put = (base, path, data) => {
-    return send({ method: 'PUT', path, data, base });
-};