2.3.0 - add TypeScript support

README.md

@@ -2,6 +2,7 @@
 
 ---
 
+![types](https://img.shields.io/badge/types-TypeScript-blue)
 [![npm](https://img.shields.io/badge/npm-install-red.svg)](https://www.npmjs.com/package/wezom-standard-tabs)
 [![WezomAgency](https://img.shields.io/badge/wezom-agency-red.svg)](https://github.com/WezomAgency)
 [![Javascript Style Guide](https://img.shields.io/badge/code_style-wezom_relax-red.svg)](https://github.com/WezomAgency/eslint-config-wezom-relax)

index.d.ts

@@ -0,0 +1,87 @@
+export module 'wezom-standard-tabs' {
+ type hook = (...args: any) => void;
+
+ interface WSTabs {
+ events: {
+ on: string;
+ off: string;
+ again: string;
+ };
+
+ hooks: {
+ beforeOn: hook[];
+ beforeOff: hook[];
+ beforeAgain: hook[];
+ on: hook[];
+ off: hook[];
+ again: hook[];
+ update: hook[];
+ };
+
+ cssClass: {
+ active: string;
+ disabled: string;
+ };
+
+ keys: {
+ ns: string;
+ button: string;
+ block: string;
+ };
+
+ /**
+ * Initialize.
+ * Set dependencies and delegated handlers
+ */
+ init<TContext = Document>($context: JQuery<TContext> = $(document)): void;
+
+ /**
+ * Forced activation of tabs if there are no active one
+ */
+ setActive<TContext = Document>($context: JQuery<TContext> = $(document)): void;
+
+ /**
+ * Remove all dependencies
+ */
+ dropDependencies<
+ TButtons = HTMLElement,
+ TBlocks = HTMLElement,
+ TContext = Document
+ >(
+ $context: JQuery<TContext> = $(document)
+ ): {
+ $buttons: JQuery<TButtons>;
+ $blocks: JQuery<TBlocks>;
+ };
+
+ /**
+ * Update all dependencies with pre-reset.
+ * Actual when dynamically adding new buttons and blocks to existing tab groups
+ */
+ updateDependencies<TContext = Document>(
+ $context: JQuery<TContext> = $(document)
+ ): void;
+
+ /**
+ * Ejecting tabs data from given tab button
+ */
+ ejectData<TButtons = HTMLElement, TBlocks = HTMLElement, TContext = Document>(
+ $button: JQuery<TButtons>,
+ $context: JQuery<TContext> = $(document)
+ ): {
+ myNs: string;
+ myName: string;
+ buttonsSelector: string;
+ buttonSyncSelector: string;
+ blocksSelector: string;
+ blockSelector: string;
+ $block: JQuery<TBlocks>;
+ $siblingBlocks: JQuery<TBlocks>;
+ $siblingButtons: JQuery<TButtons>;
+ $syncButtons: JQuery<TButtons>;
+ };
+ }
+
+ const wsTabs: WSTabs;
+ export = wsTabs;
+}

index.js

@@ -162,22 +162,14 @@ function dropDependencies ($list, keys) {
 // Public
 // ----------------------------------------
 
-/**
- * @namespace
- */
+
 const wsTabs = {
- /**
- * @enum {string}
- */
  events: {
  on: 'wstabs-on',
  off: 'wstabs-off',
  again: 'wstabs-again'
  },
 
- /**
- * @enum {function[]}
- */
  hooks: {
  beforeOn: [],
  beforeOff: [],
@@ -188,28 +180,17 @@ const wsTabs = {
  update: []
  },
 
- /**
- * @enum {string}
- */
  cssClass: {
  active: 'is-active',
  disabled: 'is-disabled'
  },
 
- /**
- * @enum {string}
- */
  keys: {
  ns: 'wstabs-ns',
  button: 'wstabs-button',
  block: 'wstabs-block'
  },
 
- /**
- * Initialize.
- * Set dependencies and delegated handlers
- * @param {jQuery} [$context=$(document)]
- */
  init ($context = $(document)) {
  this.updateDependencies($context);
  $context.on('click', `[data-${this.keys.button}]`, { $context }, function () {
@@ -231,20 +212,11 @@ const wsTabs = {
  });
  },
 
- /**
- * Forced activation of tabs if there are no active one
- * @param {jQuery} [$context=$(document)]
- */
  setActive ($context = $(document)) {
  let $buttons = $context.find(`[data-${this.keys.button}]`);
  setActiveIfNotHave($buttons, $context);
  },
 
- /**
- * Remove all dependencies
- * @param {jQuery} [$context=$(document)]
- * @return {{$buttons: $jQuery, $blocks: $jQuery}}
- */
  dropDependencies ($context = $(document)) {
  let $buttons = $context.find(`[data-${this.keys.button}]`);
  let $blocks = $context.find(`[data-${this.keys.block}]`);
@@ -253,11 +225,6 @@ const wsTabs = {
  return { $buttons, $blocks };
  },
 
- /**
- * Update all dependencies with pre-reset.
- * Actual when dynamically adding new buttons and blocks to existing tab groups
- * @param {jQuery} [$context=$(document)]
- */
  updateDependencies ($context = $(document)) {
  const { $buttons } = this.dropDependencies($context);
  $buttons.each((i, button) => {
@@ -267,11 +234,6 @@ const wsTabs = {
  });
  },
 
- /**
- * @param {jQuery} $button
- * @param {jQuery} [$context=$(document)]
- * @returns {{myNs: string, myName: string, buttonsSelector: string, buttonSyncSelector: string, blocksSelector: string, blockSelector: string, $block: jQuery, $siblingBlocks: jQuery, $siblingButtons: jQuery, $syncButtons: jQuery}}
- */
  ejectData ($button, $context = $(document)) {
  return _ejectData($button, $context);
  }

package.json

@@ -1,6 +1,6 @@
 {
  "name": "wezom-standard-tabs",
- "version": "2.2.1",
+ "version": "2.3.0",
  "description": "",
  "main": "index.js",
  "scripts": {