Fix drivers options

src/assets/styles/style-dropdown.css

@@ -47,6 +47,10 @@
     min-height: 2.6em;
 }
 
+.sharee__dropdown:not(.sharee__dropdown__row) > *:first-child:last-child {
+    border-radius: inherit;
+}
+
 .sharee__dropdown:not(.sharee__dropdown__row) > *:first-child:not(:last-child) {
     border-radius: var(--border-radius) var(--border-radius) 0 0;
 }

src/common/ShareeOptions.ts

@@ -10,7 +10,7 @@ export default interface ShareeOptions {
   shareLink?: string;
   shareText?: string;
   ripple?: boolean;
-  mode?: 'dropdown'|'dropdownRow'|'dropdownGrid'|'text'|'normal'|'fixed';
+  mode?: 'dropdown'|'text'|'normal'|'fixed';
   modeOptions?: any
 }
 

src/lib/Sharee.ts

@@ -6,16 +6,21 @@ import BaseStrategy from "./strategies/BaseStrategy";
 import strategies from "./strategies";
 import merge from 'lodash.merge'
 import '../assets/styles/style.css'
+import drivers from './drivers'
+import Driver from "./drivers/Driver";
 
 export default class Sharee {
   public options: ShareeOptions;
   public lang: Lang = fa as Lang;
   protected strategy: BaseStrategy;
   public targetElement: HTMLElement;
+  public static drivers = {...drivers};
+
 
   constructor(element: HTMLElement, options: ShareeOptions = shareeDefaultOptions) {
     this.targetElement = element;
     this.options = merge({}, shareeDefaultOptions, options);
+    this.options.drivers = options.drivers || this.options.drivers // Shouldn't merge drivers
     // @ts-ignore
     const strategyClass: new(sharee: Sharee) => BaseStrategy = strategies[this.options.mode!]
     if (typeof strategyClass === 'undefined') {
@@ -27,6 +32,11 @@ export default class Sharee {
     });
   }
 
+  public static addDriver(driverName: string, driver: typeof Driver) {
+    // @ts-ignore
+    this.drivers[driverName] = driver
+  }
+
   protected async init() {
     // @ts-ignore
     this.targetElement.sharee = this;

src/lib/drivers/LinkedinDriver.ts

@@ -17,6 +17,6 @@ export default class LinkedinDriver extends Driver implements hasLink {
   }
 
   getLink(): string {
-    return `https://twitter.com/share?text=${encodeURIComponent(this.options?.shareText!)}&url=${this.options?.shareLink}`
+    return `https://www.linkedin.com/sharing/share-offsite/?url=${this.options?.shareLink}`
   }
 }

src/lib/strategies/BaseStrategy.ts

@@ -2,7 +2,6 @@ import Sharee from "../Sharee";
 import Lang from "../../common/Lang";
 import DriverOptions from "../../common/DriverOptions";
 import Driver from "../drivers/Driver";
-import drivers from '../drivers'
 
 export default abstract class BaseStrategy {
   public abstract render(): void;
@@ -12,9 +11,10 @@ export default abstract class BaseStrategy {
 
   protected resolveDriver(driverName: string):
     (new (lang: Lang, options: DriverOptions) => Driver) {
-    if (drivers.hasOwnProperty(driverName)) {
+    console.log(Sharee.drivers)
+    if (Sharee.drivers.hasOwnProperty(driverName)) {
       // @ts-ignore
-      return drivers[driverName]
+      return Sharee.drivers[driverName]
     } else {
       throw new Error(`Unknown driver: ${driverName}`)
     }

src/main.ts

@@ -2,6 +2,7 @@ import './style.css'
 import Sharee from "./lib/Sharee";
 import initVue from './vue/main';
 import initReact from './react/main';
+import TelegramDriver from "./lib/drivers/TelegramDriver";
 
 if (document.location.pathname === '/vue') {
   initVue()
@@ -30,10 +31,11 @@ if (document.location.pathname === '/vue') {
     </div>
   </div>
 `
-
+  Sharee.addDriver('tel', TelegramDriver)
   new Sharee(document.querySelector('#sharee')!, {
     mode: 'dropdown',
-    lang: 'fa'
+    lang: 'fa',
+    drivers: ['tel']
   })
 
   new Sharee(document.querySelector('#sharee-text')!, {