svelte-tel-input 0.4.0 → 0.4.1

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # svelte-tel-input
 
+## 0.4.1
+
+### Patch Changes
+
+- fix: readme fix ([#39](https://github.com/gyurielf/svelte-tel-input/pull/39))
+
 ## 0.4.0
 
 ### Minor Changes
@@ -10,13 +16,15 @@
 
 - fix: minor ci fix ([#34](https://github.com/gyurielf/svelte-tel-input/pull/34))
 
-* fix: fix ci again
+* fix: fix ci again ([#35](https://github.com/gyurielf/svelte-tel-input/pull/35))
 
 - fix: last ci fix for today ([#36](https://github.com/gyurielf/svelte-tel-input/pull/36))
 
 * fix: ci fixxx ([#33](https://github.com/gyurielf/svelte-tel-input/pull/33))
 
-- fix: ci extend 321 ([#32](https://github.com/gyurielf/svelte-tel-input/pull/32))
+- something 1 ([#37](https://github.com/gyurielf/svelte-tel-input/pull/37))
+
+* fix: ci extend 321 ([#32](https://github.com/gyurielf/svelte-tel-input/pull/32))
 
 ## 0.3.2
 

package/README.md

@@ -1,19 +1,23 @@
 # Svelte Tel Input
 
-Under development!
-
-## Dependencies
-
-```
-$ [libphonenumber-js](https://gitlab.com/catamphetamine/libphonenumber-js)
-```
+<ins>## Under heavy development!</ins>
 
 ## Installation
 
+---
+
 Svelte Tel Input is distributed via [npm](https://www.npmjs.com/package/svelte-tel-input).
 
 ```sh
-$ yarn add svelte-tel-input
+yarn add svelte-tel-input
+
 # or
-$ npm install --save svelte-tel-input
+
+npm install --save svelte-tel-input
 ```
+
+---
+
+## Dependencies
+
+[libphonenumber-js](https://gitlab.com/catamphetamine/libphonenumber-js)

package/assets/countries.d.ts

@@ -0,0 +1,2 @@
+declare const rawCountries: (string | number | string[])[][];
+export default rawCountries;

package/{src/lib/assets/countries.ts → assets/countries.js}

@@ -15,7 +15,6 @@
 // Sub-regions:
 // ['north-america', 'south-america', 'central-america', 'carribean',
 //  'eu-union', 'ex-ussr', 'ex-yugos', 'baltic', 'middle-east', 'north-africa']
-
 const rawCountries = [
     ['Afghanistan', ['asia'], 'af', '93'],
     ['Albania', ['europe'], 'al', '355'],
@@ -601,5 +600,4 @@ const rawCountries = [
     ['Zambia', ['africa'], 'zm', '260'],
     ['Zimbabwe', ['africa'], 'zw', '263']
 ];
-
 export default rawCountries;

package/assets/regions.d.ts

@@ -0,0 +1,2 @@
+declare const rawTerritories: (string | number | string[])[][];
+export default rawTerritories;

package/{src/lib/assets/regions.ts → assets/regions.js}

@@ -15,7 +15,6 @@
 // Sub-regions:
 // ['north-america', 'south-america', 'central-america', 'carribean',
 //  'eu-union', 'ex-ussr', 'ex-yugos', 'baltic', 'middle-east', 'north-africa']
-
 const rawTerritories = [
     ['American Samoa', ['oceania'], 'as', '1684'],
     ['Anguilla', ['america', 'carribean'], 'ai', '1264'],
@@ -42,5 +41,4 @@ const rawTerritories = [
     ['U.S. Virgin Islands', ['america', 'carribean'], 'vi', '1340'],
     ['Wallis and Futuna', ['oceania'], 'wf', '681']
 ];
-
 export default rawTerritories;

package/components/Input/SvelteTelInput.svelte

@@ -0,0 +1,23 @@
+<script >import { parsePhoneNumberFromString } from 'libphonenumber-js';
+let telInputNumber;
+// const phoneNumber = parsePhoneNumber(' 8 (800) 555-35-35 ', 'RU');
+// if (phoneNumber) {
+//     phoneNumber.country === 'RU';
+//     phoneNumber.number === '+78005553535';
+//     phoneNumber.isValid() === true;
+//     // Note: `.getType()` requires `/max` metadata: see below for an explanation.
+//     phoneNumber.getType() === 'TOLL_FREE';
+// }
+// const parse = parsePhoneNumber(telInputNumber);
+const handleInput = (event) => {
+    let inputVal = event.target.value;
+    console.log(parsePhoneNumberFromString(inputVal));
+};
+$: console.log(telInputNumber);
+</script>
+
+<input
+    class="px-4 py-1 text-gray-900 rounded-full focus:outline-none"
+    type="tel"
+    on:input={handleInput}
+/>

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

@@ -0,0 +1,14 @@
+import { SvelteComponentTyped } from "svelte";
+declare const __propDef: {
+    props: {};
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {};
+};
+export declare type SvelteTelInputProps = typeof __propDef.props;
+export declare type SvelteTelInputEvents = typeof __propDef.events;
+export declare type SvelteTelInputSlots = typeof __propDef.slots;
+export default class SvelteTelInput extends SvelteComponentTyped<SvelteTelInputProps, SvelteTelInputEvents, SvelteTelInputSlots> {
+}
+export {};

package/{src/lib/components → components}/Select/CountrySelect.svelte

@@ -1,6 +1,5 @@
-<script lang="ts">
-    import rawCountries from '$lib/assets/countries';
-    let selectedCountry: string;
+<script >import rawCountries from '../../assets/countries';
+let selectedCountry;
 </script>
 
 <select

package/components/Select/CountrySelect.svelte.d.ts

@@ -0,0 +1,14 @@
+import { SvelteComponentTyped } from "svelte";
+declare const __propDef: {
+    props: {};
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {};
+};
+export declare type CountrySelectProps = typeof __propDef.props;
+export declare type CountrySelectEvents = typeof __propDef.events;
+export declare type CountrySelectSlots = typeof __propDef.slots;
+export default class CountrySelect extends SvelteComponentTyped<CountrySelectProps, CountrySelectEvents, CountrySelectSlots> {
+}
+export {};

package/{src/lib/components → components}/Select/RegionSelect.svelte

@@ -1,6 +1,5 @@
-<script lang="ts">
-    import rawRegions from '$lib/assets/regions';
-    let selectedRegion: string;
+<script >import rawRegions from '../../assets/regions';
+let selectedRegion;
 </script>
 
 <select

package/components/Select/RegionSelect.svelte.d.ts

@@ -0,0 +1,14 @@
+import { SvelteComponentTyped } from "svelte";
+declare const __propDef: {
+    props: {};
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {};
+};
+export declare type RegionSelectProps = typeof __propDef.props;
+export declare type RegionSelectEvents = typeof __propDef.events;
+export declare type RegionSelectSlots = typeof __propDef.slots;
+export default class RegionSelect extends SvelteComponentTyped<RegionSelectProps, RegionSelectEvents, RegionSelectSlots> {
+}
+export {};

package/index.js

@@ -0,0 +1,2 @@
+export { default as LazyLoad } from './components/LazyLoad/LazyLoad.svelte';
+export { default as PhoneInput } from './components/Input/SvelteTelInput.svelte';

package/models/enums/PhoneType.enum.d.ts

@@ -0,0 +1,4 @@
+export declare enum PhoneType {
+    FIXED_LINE = "FIXED_LINE",
+    MOBILE = "MOBILE"
+}

package/models/enums/PhoneType.enum.js

@@ -0,0 +1,5 @@
+export var PhoneType;
+(function (PhoneType) {
+    PhoneType["FIXED_LINE"] = "FIXED_LINE";
+    PhoneType["MOBILE"] = "MOBILE";
+})(PhoneType || (PhoneType = {}));

package/models/enums/index.js

@@ -0,0 +1 @@
+export * from './PhoneType.enum';

package/models/index.js

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

package/models/interfaces/Select.interface.js

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

package/models/types/DynamicSvelteComponent.type.d.ts

@@ -0,0 +1,8 @@
+import type { SvelteComponentTyped } from 'svelte';
+export declare type DynamicSvelteComponent = {
+    component: typeof SvelteComponentTyped;
+    props?: Record<string, any>;
+    slot?: any;
+    click?: any;
+    input?: any;
+};

package/{src/lib/models/types/DynamicSvelteComponent.type.ts → models/types/DynamicSvelteComponent.type.js}

@@ -1,14 +1,4 @@
-import type { SvelteComponentTyped } from 'svelte';
-
-// TEMPORARY DISABLED
-export type DynamicSvelteComponent = {
-    component: typeof SvelteComponentTyped;
-    props?: Record<string, any>;
-    slot?: any;
-    click?: any;
-    input?: any;
-};
-
+export {};
 // declare const __propDef: {
 //     props: {};
 //     slots: {};
@@ -16,11 +6,9 @@ export type DynamicSvelteComponent = {
 //         [evt: string]: CustomEvent<any>;
 //     };
 // };
-
 // export declare type DynamicSvelteComponentProps = typeof __propDef.props;
 // export declare type DynamicSvelteComponentEvents = typeof __propDef.events;
 // export declare type DynamicSvelteComponentSlots = typeof __propDef.slots;
-
 // export default class DynamicSvelteComponent extends SvelteComponentTyped<
 //     DynamicSvelteComponentProps,
 //     DynamicSvelteComponentEvents,

package/{src/lib/models/types/Select.type.ts → models/types/Select.type.d.ts}

@@ -1,3 +1,2 @@
 import type { SelectObject } from '../interfaces/Select.interface';
-
-export type SelectType = SelectObject | (string | number);
+export declare type SelectType = SelectObject | (string | number);

package/models/types/Select.type.js

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

package/package.json

@@ -1,162 +1,161 @@
 {
-    "name": "svelte-tel-input",
-    "description": "svelte-tel-input",
-    "version": "0.4.0",
-    "repository": {
-        "type": "git",
-        "url": "git+https://github.com/gyurielf/svelte-tel-input.git"
+  "name": "svelte-tel-input",
+  "description": "svelte-tel-input",
+  "version": "0.4.1",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/gyurielf/svelte-tel-input.git"
+  },
+  "homepage": "https://github.com/gyurielf/svelte-tel-input#readme",
+  "keywords": [
+    "svelte",
+    "tel input",
+    "phone",
+    "phone input",
+    "intl",
+    "intl tel input"
+  ],
+  "engines": {
+    "npm": ">= 7",
+    "yarn": "please-use-npm",
+    "node": ">= 16"
+  },
+  "dependencies": {
+    "libphonenumber-js": "^1.9.44"
+  },
+  "devDependencies": {
+    "@babel/core": "^7.16.10",
+    "@babel/preset-env": "^7.16.10",
+    "@changesets/cli": "^2.19.0",
+    "@changesets/get-github-info": "^0.5.0",
+    "@changesets/types": "^4.0.2",
+    "@sveltejs/adapter-static": "^1.0.0-next.26",
+    "@sveltejs/kit": "^1.0.0-next.234",
+    "@testing-library/jest-dom": "^5.16.1",
+    "@testing-library/svelte": "^3.0.3",
+    "@types/jest": "^27.4.0",
+    "@typescript-eslint/eslint-plugin": "^5.10.0",
+    "@typescript-eslint/parser": "^5.10.0",
+    "autoprefixer": "^10.4.2",
+    "babel-jest": "^27.4.6",
+    "babel-loader": "^8.2.3",
+    "commitizen": "^4.2.4",
+    "cssnano": "^5.0.15",
+    "dotenv": "^14.2.0",
+    "eslint": "^8.7.0",
+    "eslint-config-prettier": "^8.3.0",
+    "eslint-plugin-jest": "^25.7.0",
+    "eslint-plugin-svelte3": "^3.4.0",
+    "husky": "^7.0.4",
+    "jest": "^27.4.7",
+    "jest-matchmedia-mock": "^1.1.0",
+    "micromatch": "^4.0.4",
+    "postcss": "^8.4.5",
+    "postcss-load-config": "^3.1.1",
+    "prettier": "^2.5.1",
+    "prettier-plugin-svelte": "^2.6.0",
+    "standard-changelog": "^2.0.27",
+    "standard-version": "^9.3.2",
+    "svelte": "^3.46.2",
+    "svelte-check": "^2.3.0",
+    "svelte-inview": "^2.1.1",
+    "svelte-jester": "^2.1.5",
+    "svelte-loader": "^3.1.2",
+    "svelte-preprocess": "^4.10.2",
+    "svelte2tsx": "^0.4.14",
+    "tailwindcss": "^3.0.15",
+    "ts-jest": "^27.1.3",
+    "tsconfig-paths-webpack-plugin": "^3.5.2",
+    "tslib": "^2.3.1",
+    "typescript": "^4.5.4"
+  },
+  "standard-version": {
+    "skip": {
+      "tag": true
     },
-    "homepage": "https://github.com/gyurielf/svelte-tel-input#readme",
-    "keywords": [
-        "svelte",
-        "tel input",
-        "phone",
-        "phone input",
-        "intl",
-        "intl tel input"
-    ],
-    "engines": {
-        "npm": ">= 7",
-        "yarn": "please-use-npm",
-        "node": ">= 16"
-    },
-    "scripts": {
-        "build": "svelte-kit build",
-        "changeset:version": "changeset version && npm i --lockfile-only",
-        "dev": "svelte-kit dev",
-        "eslint": "eslint --ext .js,.ts,.svelte .",
-        "eslint:fix": "eslint --fix",
-        "lint": "npm run prettier:check && npm run eslint && npm run ts && npm run svelte-check",
-        "lint:fix": "npm run eslint:fix && npm run prettier:fix",
-        "package": "svelte-kit package",
-        "prettier": "prettier",
-        "prettier:check": "prettier --check --plugin-search-dir=. .",
-        "prettier:fix": "prettier --write --plugin-search-dir=. .",
-        "prepare": "husky install",
-        "preview": "svelte-kit preview",
-        "release": "npx changeset publish",
-        "svelte-check": "svelte-check --ignore 'dist,build,coverage,.svelte-kit,package' --threshold warning --fail-on-warnings",
-        "test": "jest",
-        "test:watch": "jest --watch",
-        "ts": "tsc --noEmit"
-    },
-    "dependencies": {
-        "libphonenumber-js": "^1.9.44"
-    },
-    "devDependencies": {
-        "@babel/core": "^7.16.7",
-        "@babel/preset-env": "^7.16.8",
-        "@changesets/cli": "^2.19.0",
-        "@changesets/get-github-info": "^0.5.0",
-        "@changesets/types": "^4.0.2",
-        "@sveltejs/adapter-static": "^1.0.0-next.26",
-        "@sveltejs/kit": "^1.0.0-next.229",
-        "@testing-library/jest-dom": "^5.16.1",
-        "@testing-library/svelte": "^3.0.3",
-        "@types/jest": "^27.4.0",
-        "@typescript-eslint/eslint-plugin": "^5.9.1",
-        "@typescript-eslint/parser": "^5.9.1",
-        "autoprefixer": "^10.4.2",
-        "babel-jest": "^27.4.6",
-        "babel-loader": "^8.2.3",
-        "commitizen": "^4.2.4",
-        "cssnano": "^5.0.15",
-        "dotenv": "^12.0.3",
-        "eslint": "^8.6.0",
-        "eslint-config-prettier": "^8.3.0",
-        "eslint-plugin-jest": "^25.7.0",
-        "eslint-plugin-svelte3": "^3.4.0",
-        "husky": "^7.0.4",
-        "jest": "^27.4.7",
-        "jest-matchmedia-mock": "^1.1.0",
-        "micromatch": "^4.0.4",
-        "postcss": "^8.4.5",
-        "postcss-load-config": "^3.1.1",
-        "prettier": "^2.5.1",
-        "prettier-plugin-svelte": "^2.6.0",
-        "standard-changelog": "^2.0.27",
-        "standard-version": "^9.3.2",
-        "svelte": "^3.46.2",
-        "svelte-check": "^2.3.0",
-        "svelte-inview": "^2.1.1",
-        "svelte-jester": "^2.1.5",
-        "svelte-loader": "^3.1.2",
-        "svelte-preprocess": "^4.10.1",
-        "svelte2tsx": "^0.4.14",
-        "tailwindcss": "^3.0.15",
-        "ts-jest": "^27.1.3",
-        "tsconfig-paths-webpack-plugin": "^3.5.2",
-        "tslib": "^2.3.1",
-        "typescript": "^4.5.4"
-    },
-    "standard-version": {
-        "skip": {
-            "tag": true
-        },
-        "types": [
-            {
-                "type": "chore",
-                "section": "Others (chore)",
-                "hidden": false
-            },
-            {
-                "type": "revert",
-                "section": "Reverts",
-                "hidden": false
-            },
-            {
-                "type": "feat",
-                "section": "Features",
-                "hidden": false
-            },
-            {
-                "type": "fix",
-                "section": "Bug Fixes",
-                "hidden": false
-            },
-            {
-                "type": "improvement",
-                "section": "Feature Improvements",
-                "hidden": false
-            },
-            {
-                "type": "docs",
-                "section": "Docs",
-                "hidden": false
-            },
-            {
-                "type": "style",
-                "section": "Styling",
-                "hidden": false
-            },
-            {
-                "type": "refactor",
-                "section": "Code Refactoring",
-                "hidden": false
-            },
-            {
-                "type": "perf",
-                "section": "Performance Improvements",
-                "hidden": false
-            },
-            {
-                "type": "test",
-                "section": "Tests",
-                "hidden": false
-            },
-            {
-                "type": "build",
-                "section": "Build System",
-                "hidden": false
-            },
-            {
-                "type": "ci",
-                "section": "CI",
-                "hidden": false
-            }
-        ]
-    },
-    "svelte": ".",
-    "type": "module",
-    "license": "UNLICENSED"
-}
+    "types": [
+      {
+        "type": "chore",
+        "section": "Others (chore)",
+        "hidden": false
+      },
+      {
+        "type": "revert",
+        "section": "Reverts",
+        "hidden": false
+      },
+      {
+        "type": "feat",
+        "section": "Features",
+        "hidden": false
+      },
+      {
+        "type": "fix",
+        "section": "Bug Fixes",
+        "hidden": false
+      },
+      {
+        "type": "improvement",
+        "section": "Feature Improvements",
+        "hidden": false
+      },
+      {
+        "type": "docs",
+        "section": "Docs",
+        "hidden": false
+      },
+      {
+        "type": "style",
+        "section": "Styling",
+        "hidden": false
+      },
+      {
+        "type": "refactor",
+        "section": "Code Refactoring",
+        "hidden": false
+      },
+      {
+        "type": "perf",
+        "section": "Performance Improvements",
+        "hidden": false
+      },
+      {
+        "type": "test",
+        "section": "Tests",
+        "hidden": false
+      },
+      {
+        "type": "build",
+        "section": "Build System",
+        "hidden": false
+      },
+      {
+        "type": "ci",
+        "section": "CI",
+        "hidden": false
+      }
+    ]
+  },
+  "svelte": ".",
+  "type": "module",
+  "license": "UNLICENSED",
+  "exports": {
+    "./package.json": "./package.json",
+    "./assets/countries": "./assets/countries.js",
+    "./assets/regions": "./assets/regions.js",
+    "./components/Input/SvelteTelInput.svelte": "./components/Input/SvelteTelInput.svelte",
+    "./components/Select/CountrySelect.svelte": "./components/Select/CountrySelect.svelte",
+    "./components/Select/RegionSelect.svelte": "./components/Select/RegionSelect.svelte",
+    ".": "./index.js",
+    "./models/enums/PhoneType.enum": "./models/enums/PhoneType.enum.js",
+    "./models/enums": "./models/enums/index.js",
+    "./models": "./models/index.js",
+    "./models/interfaces/Select.interface": "./models/interfaces/Select.interface.js",
+    "./models/types/DynamicSvelteComponent.type": "./models/types/DynamicSvelteComponent.type.js",
+    "./models/types/Select.type": "./models/types/Select.type.js",
+    "./stores": "./stores/index.js",
+    "./utils/directives/clickOutsideAction": "./utils/directives/clickOutsideAction.js",
+    "./utils/simulator": "./utils/simulator.js",
+    "./utils/typeCheck": "./utils/typeCheck.js"
+  }
+}

package/stores/index.d.ts

@@ -0,0 +1,11 @@
+export declare const booleanStore: (initial: boolean) => {
+    isOpen: import("svelte/store").Writable<boolean>;
+    open: () => void;
+    close: () => void;
+    toggle: () => void;
+};
+export declare const statefulSwap: (initialState: boolean | null) => {
+    transitionState: import("svelte/store").Writable<boolean | null>;
+    transitionTo: (newState: boolean | null) => void;
+    onOutro: () => void;
+};

package/{src/lib/stores/index.ts → stores/index.js}

@@ -1,8 +1,7 @@
 import { writable } from 'svelte/store';
-
 // Modal
-export const booleanStore = (initial: boolean) => {
-    const isOpen = writable<boolean>(initial);
+export const booleanStore = (initial) => {
+    const isOpen = writable(initial);
     const { set, update } = isOpen;
     return {
         isOpen,
@@ -11,22 +10,19 @@ export const booleanStore = (initial: boolean) => {
         toggle: () => update((n) => !n)
     };
 };
-
 // StatefulSwap (transition)
-export const statefulSwap = (initialState: boolean | null) => {
+export const statefulSwap = (initialState) => {
     const transitionState = writable(initialState);
     let nextState = initialState;
-
-    const transitionTo = (newState: boolean | null) => {
-        if (nextState === newState) return;
+    const transitionTo = (newState) => {
+        if (nextState === newState)
+            return;
         nextState = newState;
         transitionState.set(null);
     };
-
     const onOutro = () => {
         transitionState.set(nextState);
     };
-
     return {
         transitionState,
         transitionTo,