svelte-tel-input 0.3.0 → 0.4.2

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: any) => {
+export const statefulSwap = (initialState) => {
     const transitionState = writable(initialState);
     let nextState = initialState;
-
-    const transitionTo = (newState: any) => {
-        if (nextState === newState) return;
+    const transitionTo = (newState) => {
+        if (nextState === newState)
+            return;
         nextState = newState;
         transitionState.set(null);
     };
-
     const onOutro = () => {
         transitionState.set(nextState);
     };
-
     return {
         transitionState,
         transitionTo,

package/utils/directives/clickOutsideAction.d.ts

@@ -0,0 +1,3 @@
+export declare const clickOutsideAction: (node: HTMLElement, handler: () => void) => {
+    destroy: () => void;
+};

package/utils/directives/clickOutsideAction.js

@@ -0,0 +1,9 @@
+export const clickOutsideAction = (node, handler) => {
+    const onClick = (event) => node && !node.contains(event.target) && !event.defaultPrevented && handler();
+    document.addEventListener('click', onClick, true);
+    return {
+        destroy() {
+            document.removeEventListener('click', onClick, true);
+        }
+    };
+};

package/utils/simulator.d.ts

@@ -0,0 +1 @@
+export declare const delaySimulator: (delay: number | undefined, callback: () => void) => Promise<void>;

package/utils/simulator.js

@@ -0,0 +1,5 @@
+export const delaySimulator = async (delay = 1000, callback) => {
+    const delayPromise = (ms) => new Promise((res) => setTimeout(res, ms));
+    await delayPromise(delay);
+    callback();
+};

package/utils/typeCheck.d.ts

@@ -0,0 +1,4 @@
+import type { DynamicSvelteComponent } from '../models/types/DynamicSvelteComponent.type';
+export declare const isDynamicComponent: (item: unknown) => item is DynamicSvelteComponent;
+export declare const isStringArray: (items: unknown) => items is string[];
+export declare const isDynamicComponentArray: (items: unknown) => items is DynamicSvelteComponent[];

package/utils/typeCheck.js

@@ -0,0 +1,11 @@
+export const isDynamicComponent = (item) => {
+    return (typeof item === 'object' &&
+        item !== null &&
+        Object.prototype.hasOwnProperty.call(item, 'component'));
+};
+export const isStringArray = (items) => {
+    return Array.isArray(items) && items.length > 0 && typeof items[0] === 'string';
+};
+export const isDynamicComponentArray = (items) => {
+    return Array.isArray(items) && items.length > 0 && isDynamicComponent(items[0]);
+};

package/.changeset/config.json

@@ -1,9 +0,0 @@
-{   
-    "$schema": "https://unpkg.com/@changesets/config@1.6.3/schema.json",
-    "changelog": ["../scripts/changelog-github-custom.cjs", { "repo": "gyurielf/svelte-tel-input" }],
-    "commit": false,
-    "linked": [],
-    "access": "public",
-    "baseBranch": "main",
-    "updateInternalDependencies": "patch"
-}

package/.editorconfig

@@ -1,13 +0,0 @@
-# EditorConfig is awesome:
-# This file is for unifying the coding style for different editors and IDEs.
-# More information at http://editorconfig.org
-
-root = true
-
-[*]
-charset = utf-8
-indent_size = 4
-indent_style = space
-end_of_line = lf
-insert_final_newline = true
-trim_trailing_whitespace = true

package/.eslintignore

@@ -1,10 +0,0 @@
-# don't ever lint node_modules
-node_modules
-# don't lint build output (make sure it's set to your correct build folder name)
-dist
-# don't lint nyc coverage output
-coverage
-.svelte-kit
-static
-build
-/package

package/.eslintrc.cjs

@@ -1,30 +0,0 @@
-module.exports = {
-    root: true,
-    parser: '@typescript-eslint/parser',
-    extends: [
-        'eslint:recommended',
-        'plugin:@typescript-eslint/recommended',
-        'plugin:jest/recommended',
-        'prettier'
-    ],
-    plugins: ['svelte3', '@typescript-eslint', 'jest'],
-    ignorePatterns: ['*.cjs', 'node_modules'],
-    overrides: [{ files: ['*.svelte'], processor: 'svelte3/svelte3' }],
-    settings: {
-        'svelte3/typescript': () => require('typescript'),
-        'svelte3/ignore-styles': () => true
-    },
-    parserOptions: {
-        sourceType: 'module',
-        ecmaVersion: 2020
-    },
-    env: {
-        browser: true,
-        es2020: true,
-        node: true
-    },
-    rules: {
-        '@typescript-eslint/consistent-type-assertions': ['error', { assertionStyle: 'as' }],
-        '@typescript-eslint/array-type': ['error', { default: 'array' }]
-    }
-};

package/.github/workflows/lint.yml

@@ -1,12 +0,0 @@
-name: Lint
-on: [push, pull_request]
-jobs:
-    run-linter:
-        runs-on: ubuntu-latest
-        steps:
-            - uses: actions/checkout@v2
-            - uses: actions/setup-node@v2
-              with:
-                  node-version: '16.x'
-            - run: npm install
-            - run: npm run lint

package/.github/workflows/release.yml

@@ -1,49 +0,0 @@
-name: Release
-
-on:
-    push:
-        branches:
-            - 'main'
-
-jobs:
-    release:
-        name: Release
-        runs-on: ubuntu-latest
-        steps:
-            - name: Checkout Repo
-              uses: actions/checkout@v2
-              with:
-                  # This makes Actions fetch all Git history so that Changesets can generate changelogs with the correct commits
-                  fetch-depth: 0
-
-            - name: Setup Node.js 16.x
-              uses: actions/setup-node@v2
-              with:
-                  node-version: 16.x
-
-            - name: Install dependencies
-              run: npm install --frozen-lockfile
-
-            - name: Packaging
-              run: |
-                  npm run package
-
-            - name: Creating .npmrc
-              run: |
-                  ls -l package
-                  cd package
-                  cat << EOF > ".npmrc"
-                    //registry.npmjs.org/:_authToken=$NPM_TOKEN
-                  EOF
-              env:
-                  NPM_TOKEN: ${{ secrets.NPM_TOKEN }}
-
-            - name: Create Release Pull Request or Publish to npm
-              id: changesets
-              uses: changesets/action@v1
-              with:
-                  # This expects you to have a script called release which does a build for your packages and calls changeset publish
-                  publish: npm run release
-              env:
-                  GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
-                  NPM_TOKEN: ${{ secrets.NPM_TOKEN }}

package/.husky/pre-commit

@@ -1,4 +0,0 @@
-#!/bin/sh
-. "$(dirname "$0")/_/husky.sh"
-
-docker-compose run --rm node sh -c '[ ! -d ./node_modules ] && npm install ; npm run lint'

package/.prettierignore

@@ -1,10 +0,0 @@
-.svelte-kit
-static
-build
-dist
-node_modules
-coverage
-package
-CHANGELOG.md
-.changeset
-# .github

package/.prettierrc.cjs

@@ -1,6 +0,0 @@
-module.exports = {
-    singleQuote: true,
-    trailingComma: 'none',
-    printWidth: 100,
-    tabWidth: 4
-};

package/babel.config.cjs

@@ -1,12 +0,0 @@
-module.exports = {
-    presets: [
-        [
-            '@babel/preset-env',
-            {
-                targets: {
-                    node: 'current'
-                }
-            }
-        ]
-    ]
-};

package/docker-compose.yml

@@ -1,16 +0,0 @@
-version: '3.9'
-services:
-    node:
-        image: 'node:16.13.1'
-        container_name: ui-kit
-        working_dir: /home/node/app
-        command: 'sh -c "npm i && npm run prepare && npm run dev -- --host"'
-        user: node
-        tty: true
-        ports:
-            # Server
-            - '3000:3000'
-            # Vite
-            - '24678:24678'
-        volumes:
-            - ./:/home/node/app

package/docs/_index.md

@@ -1 +0,0 @@
-# TODO

package/jest.config.cjs

@@ -1,21 +0,0 @@
-module.exports = {
-    verbose: true,
-    collectCoverage: true,
-    coverageDirectory: './coverage',
-    coverageReporters: ['cobertura', 'html', 'text', 'text-summary'],
-    transform: {
-        '^.+\\.svelte$': [
-            'svelte-jester',
-            {
-                preprocess: true
-            }
-        ],
-        '^.+\\.ts$': 'ts-jest',
-        '^.+\\.js$': 'babel-jest'
-    },
-    moduleFileExtensions: ['js', 'ts', 'svelte'],
-    moduleNameMapper: {
-        '\\$lib/(.*)': '<rootDir>/src/lib/$1'
-    },
-    transformIgnorePatterns: ['node_modules/(?!(focus-svelte)/)']
-};

package/postcss.config.cjs

@@ -1,21 +0,0 @@
-const tailwindcss = require('tailwindcss');
-const autoprefixer = require('autoprefixer');
-const cssnano = require('cssnano');
-
-const mode = process.env.NODE_ENV;
-const dev = mode === 'development';
-
-const config = {
-    plugins: [
-        //Some plugins, like tailwindcss/nesting, need to run before Tailwind,
-        tailwindcss(),
-        //But others, like autoprefixer, need to run after,
-        autoprefixer(),
-        !dev &&
-            cssnano({
-                preset: 'default'
-            })
-    ]
-};
-
-module.exports = config;

package/scripts/changelog-github-custom.cjs

@@ -1,104 +0,0 @@
-const { config } = require('dotenv');
-const { getInfo, getInfoFromPullRequest } = require('@changesets/get-github-info');
-
-config();
-
-const changelogFunctions = {
-    getDependencyReleaseLine: async (changesets, dependenciesUpdated, options) => {
-        if (!options.repo) {
-            throw new Error(
-                'Please provide a repo to this changelog generator like this:\n"changelog": ["@changesets/changelog-github", { "repo": "org/repo" }]'
-            );
-        }
-        if (dependenciesUpdated.length === 0) return '';
-
-        const changesetLink = `- Updated dependencies [${(
-            await Promise.all(
-                changesets.map(async (cs) => {
-                    if (cs.commit) {
-                        let { links } = await getInfo({
-                            repo: options.repo,
-                            commit: cs.commit
-                        });
-                        return links.commit;
-                    }
-                })
-            )
-        )
-            .filter((_) => _)
-            .join(', ')}]:`;
-
-        const updatedDepenenciesList = dependenciesUpdated.map(
-            (dependency) => `  - ${dependency.name}@${dependency.newVersion}`
-        );
-
-        return [changesetLink, ...updatedDepenenciesList].join('\n');
-    },
-    getReleaseLine: async (changeset, type, options) => {
-        if (!options || !options.repo) {
-            throw new Error(
-                'Please provide a repo to this changelog generator like this:\n"changelog": ["@changesets/changelog-github", { "repo": "org/repo" }]'
-            );
-        }
-
-        let prFromSummary;
-        let commitFromSummary;
-        let usersFromSummary;
-
-        const replacedChangelog = changeset.summary
-            .replace(/^\s*(?:pr|pull|pull\s+request):\s*#?(\d+)/im, (_, pr) => {
-                let num = Number(pr);
-                if (!isNaN(num)) prFromSummary = num;
-                return '';
-            })
-            .replace(/^\s*commit:\s*([^\s]+)/im, (_, commit) => {
-                commitFromSummary = commit;
-                return '';
-            })
-            .replace(/^\s*(?:author|user):\s*@?([^\s]+)/gim, (_, user) => {
-                usersFromSummary.push(user);
-                return '';
-            })
-            .trim();
-
-        const [firstLine, ...futureLines] = replacedChangelog.split('\n').map((l) => l.trimRight());
-
-        const links = await (async () => {
-            if (prFromSummary !== undefined) {
-                let { links } = await getInfoFromPullRequest({
-                    repo: options.repo,
-                    pull: prFromSummary
-                });
-                if (commitFromSummary) {
-                    links = {
-                        ...links,
-                        commit: `[\`${commitFromSummary}\`](https://github.com/${options.repo}/commit/${commitFromSummary})`
-                    };
-                }
-                return links;
-            }
-            const commitToFetchFrom = commitFromSummary || changeset.commit;
-            if (commitToFetchFrom) {
-                let { links } = await getInfo({
-                    repo: options.repo,
-                    commit: commitToFetchFrom
-                });
-                return links;
-            }
-            return {
-                commit: null,
-                pull: null,
-                user: null
-            };
-        })();
-
-        const suffix = [
-            links.pull === null ? '' : ` (${links.pull})`
-            //links.commit === null ? '' : ` (${links.commit})`
-        ].join('');
-
-        return `\n\n- ${firstLine}${suffix}\n${futureLines.map((l) => `  ${l}`).join('\n')}`;
-    }
-};
-
-module.exports = changelogFunctions;

package/scripts/changelog-github-custom.test.ts

@@ -1,136 +0,0 @@
-import changelogFunctions from './changelog-github-custom';
-import parse from '@changesets/parse';
-
-const getReleaseLine = changelogFunctions.getReleaseLine;
-
-describe('Changeset test suite', () => {
-    test('Should test changeset commit..', () => {
-        jest.mock(
-            '@changesets/get-github-info',
-            (): typeof import('@changesets/get-github-info') => {
-                // this is duplicated because jest.mock reordering things
-                const data = {
-                    commit: 'a085003',
-                    user: 'Andarist',
-                    pull: 1613,
-                    repo: 'emotion-js/emotion'
-                };
-                const links = {
-                    user: `[@${data.user}](https://github.com/${data.user})`,
-                    pull: `[#${data.pull}](https://github.com/${data.repo}/pull/${data.pull})`,
-                    commit: `[\`${data.commit}\`](https://github.com/${data.repo}/commit/${data.commit})`
-                };
-                return {
-                    async getInfo({ commit, repo }) {
-                        expect(commit).toBe(data.commit);
-                        expect(repo).toBe(data.repo);
-                        return {
-                            pull: data.pull,
-                            user: data.user,
-                            links
-                        };
-                    },
-                    async getInfoFromPullRequest({ pull, repo }) {
-                        expect(pull).toBe(data.pull);
-                        expect(repo).toBe(data.repo);
-                        return {
-                            commit: data.commit,
-                            user: data.user,
-                            links
-                        };
-                    }
-                };
-            }
-        );
-
-        const getChangeset = (content: string, commit: string | undefined) => {
-            return [
-                {
-                    ...parse(
-                        `---
-  pkg: "minor"
-  ---
-
-  something
-  ${content}
-  `
-                    ),
-                    id: 'some-id',
-                    commit
-                },
-                'minor',
-                { repo: data.repo }
-            ] as const;
-        };
-
-        const data = {
-            commit: 'a085003',
-            user: 'Andarist',
-            pull: 1613,
-            repo: 'emotion-js/emotion'
-        };
-
-        describe.each([data.commit, 'wrongcommit', undefined])(
-            'with commit from changeset of %s',
-            (commitFromChangeset) => {
-                describe.each(['pr', 'pull request', 'pull'])(
-                    'override pr with %s keyword',
-                    (keyword) => {
-                        test.each(['with #', 'without #'] as const)('%s', async (kind) => {
-                            expect(
-                                await getReleaseLine(
-                                    ...getChangeset(
-                                        `${keyword}: ${kind === 'with #' ? '#' : ''}${data.pull}`,
-                                        commitFromChangeset
-                                    )
-                                )
-                            ).toEqual(
-                                `\n\n- [#1613](https://github.com/emotion-js/emotion/pull/1613) [\`a085003\`](https://github.com/emotion-js/emotion/commit/a085003) Thanks [@Andarist](https://github.com/Andarist)! - something\n`
-                            );
-                        });
-                    }
-                );
-                test('override commit with commit keyword', async () => {
-                    expect(
-                        await getReleaseLine(
-                            ...getChangeset(`commit: ${data.commit}`, commitFromChangeset)
-                        )
-                    ).toEqual(
-                        `\n\n- [#1613](https://github.com/emotion-js/emotion/pull/1613) [\`a085003\`](https://github.com/emotion-js/emotion/commit/a085003) Thanks [@Andarist](https://github.com/Andarist)! - something\n`
-                    );
-                });
-            }
-        );
-
-        describe.each(['author', 'user'])('override author with %s keyword', (keyword) => {
-            test.each(['with @', 'without @'] as const)('%s', async (kind) => {
-                expect(
-                    await getReleaseLine(
-                        ...getChangeset(
-                            `${keyword}: ${kind === 'with @' ? '@' : ''}other`,
-                            data.commit
-                        )
-                    )
-                ).toEqual(
-                    `\n\n- [#1613](https://github.com/emotion-js/emotion/pull/1613) [\`a085003\`](https://github.com/emotion-js/emotion/commit/a085003) Thanks [@other](https://github.com/other)! - something\n`
-                );
-            });
-        });
-
-        it('with multiple authors', async () => {
-            expect(
-                await getReleaseLine(
-                    ...getChangeset(
-                        ['author: @Andarist', 'author: @mitchellhamilton'].join('\n'),
-                        data.commit
-                    )
-                )
-            ).toMatchInlineSnapshot(`
-    "
-
-    - [#1613](https://github.com/emotion-js/emotion/pull/1613) [\`a085003\`](https://github.com/emotion-js/emotion/commit/a085003) Thanks [@Andarist](https://github.com/Andarist), [@mitchellhamilton](https://github.com/mitchellhamilton)! - something
-    "
-  `);
-        });
-    });
-});