react-minimal-side-navigation - npm Package Compare versions

Comparing version 1.5.1 to 1.6.0

lib/index.js

@@ -1,1 +0,1 @@
-!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("react")):"function"==typeof define&&define.amd?define(["react"],t):"object"==typeof exports?exports["react-minimal-side-navigation"]=t(require("react")):e["react-minimal-side-navigation"]=t(e.react)}(this,(function(e){return(()=>{"use strict";var t={966:function(e,t,n){var r=this&&this.__assign||function(){return(r=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++)for(var a in t=arguments[n])Object.prototype.hasOwnProperty.call(t,a)&&(e[a]=t[a]);return e}).apply(this,arguments)},a=this&&this.__rest||function(e,t){var n={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var a=0;for(r=Object.getOwnPropertySymbols(e);a<r.length;a++)t.indexOf(r[a])<0&&Object.prototype.propertyIsEnumerable.call(e,r[a])&&(n[r[a]]=e[r[a]])}return n},o=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.ChevronUpIcon=t.ChevronDownIcon=void 0;var i=o(n(297));t.ChevronDownIcon=i.default.memo((function(e){var t=e.size,n=void 0===t?20:t,o=e.stroke,l=void 0===o?"currentColor":o,s=a(e,["size","stroke"]);return i.default.createElement(i.default.Fragment,null,i.default.createElement("svg",r({width:n,height:n,viewBox:"0 0 24 24",fill:"none",stroke:l,strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round",className:"side-navigation-panel-select-option-icon-chevron-down"},s),i.default.createElement("path",{d:"M6 9l6 6 6-6"})))}));t.ChevronUpIcon=i.default.memo((function(e){var t=e.size,n=void 0===t?20:t,o=e.stroke,l=void 0===o?"currentColor":o,s=a(e,["size","stroke"]);return i.default.createElement(i.default.Fragment,null,i.default.createElement("svg",r({width:n,height:n,viewBox:"0 0 24 24",fill:"none",stroke:l,strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round",className:"side-navigation-panel-select-option-icon-chevron-up"},s),i.default.createElement("path",{d:"M18 15l-6-6-6 6"})))}))},851:function(e,t,n){var r=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.Navigation=void 0;var a=n(805);Object.defineProperty(t,"Navigation",{enumerable:!0,get:function(){return r(a).default}})},805:function(e,t,n){var r=this&&this.__createBinding||(Object.create?function(e,t,n,r){void 0===r&&(r=n),Object.defineProperty(e,r,{enumerable:!0,get:function(){return t[n]}})}:function(e,t,n,r){void 0===r&&(r=n),e[r]=t[n]}),a=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),o=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var n in e)"default"!==n&&Object.prototype.hasOwnProperty.call(e,n)&&r(t,e,n);return a(t,e),t};Object.defineProperty(t,"__esModule",{value:!0});var i=o(n(297)),l=n(966);n(645);t.default=function(e){var t=e.activeItemId,n=e.onSelect,r=e.items,a=i.useState({expanded:!0,selectedId:t}),o=a[0],s=a[1];function d(e){n&&n({itemId:e})}return i.default.createElement(i.default.Fragment,null,r.length>0&&i.default.createElement("nav",{role:"navigation","aria-label":"side-navigation",className:"side-navigation-panel"},r.map((function(e){var t=e.elemBefore,n=o.expanded&&(e.itemId===o.selectedId||e.subNav&&e.subNav.some((function(e){return e.itemId===o.selectedId}))||!1);return i.default.createElement("ul",{key:e.itemId,className:"side-navigation-panel-select"},i.default.createElement("li",{className:"side-navigation-panel-select-wrap"},i.default.createElement("div",{onClick:function(){return e.subNav?function(e){if(o.expanded){var t=e.itemId===o.selectedId||e.subNav&&e.subNav.some((function(e){return e.itemId===o.selectedId}))||!1;s({expanded:!t,selectedId:e.itemId})}else s({expanded:!0,selectedId:e.itemId})}(e):d(e.itemId)},className:"side-navigation-panel-select-option hover:bg-gray-100 hover:text-gray-800 hover:border-pink-500 focus:outline-none flex items-center justify-between w-full px-6 py-3 text-gray-700 border-l-2 cursor-pointer "+(o.selectedId===e.itemId?"side-navigation-panel-select-option-selected text-gray-800 bg-gray-100 border-pink-500":"")},i.default.createElement("span",{className:"side-navigation-panel-select-option-wrap flex items-center"},t&&i.default.createElement(t,null),i.default.createElement("span",{className:"side-navigation-panel-select-option-text mx-4 font-medium"},e.title)),e.subNav&&e.subNav.length>0&&(n?i.default.createElement(l.ChevronUpIcon,null):i.default.createElement(l.ChevronDownIcon,null)))),e.subNav&&n&&i.default.createElement("ul",{className:"side-navigation-panel-select-inner"},e.subNav.map((function(e){return i.default.createElement("li",{key:e.itemId,className:"side-navigation-panel-select-inner-wrap"},i.default.createElement("div",{onClick:function(){return d(e.itemId)},className:"side-navigation-panel-select-inner-option hover:bg-gray-100 hover:text-gray-800 hover:border-pink-500 block px-16 py-2 text-sm text-gray-700 border-l-2 cursor-pointer "+(o.selectedId===e.itemId?"side-navigation-panel-select-inner-option-selected text-gray-800 bg-gray-100 border-pink-500":"")+" "},e.title))}))))}))))}},645:(e,t,n)=>{n.r(t)},297:t=>{t.exports=e}},n={};function r(e){if(n[e])return n[e].exports;var a=n[e]={exports:{}};return t[e].call(a.exports,a,a.exports,r),a.exports}return r.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},r(851)})()}));
+!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("react")):"function"==typeof define&&define.amd?define(["react"],t):"object"==typeof exports?exports["react-minimal-side-navigation"]=t(require("react")):e["react-minimal-side-navigation"]=t(e.react)}(this,(function(e){return(()=>{"use strict";var t={966:function(e,t,n){var r=this&&this.__assign||function(){return(r=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++)for(var a in t=arguments[n])Object.prototype.hasOwnProperty.call(t,a)&&(e[a]=t[a]);return e}).apply(this,arguments)},a=this&&this.__rest||function(e,t){var n={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var a=0;for(r=Object.getOwnPropertySymbols(e);a<r.length;a++)t.indexOf(r[a])<0&&Object.prototype.propertyIsEnumerable.call(e,r[a])&&(n[r[a]]=e[r[a]])}return n},o=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.ChevronUpIcon=t.ChevronDownIcon=void 0;var i=o(n(297));t.ChevronDownIcon=i.default.memo((function(e){var t=e.size,n=void 0===t?20:t,o=e.stroke,l=void 0===o?"currentColor":o,d=a(e,["size","stroke"]);return i.default.createElement(i.default.Fragment,null,i.default.createElement("svg",r({width:n,height:n,viewBox:"0 0 24 24",fill:"none",stroke:l,strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round",className:"side-navigation-panel-select-option-icon-chevron-down"},d),i.default.createElement("path",{d:"M6 9l6 6 6-6"})))}));t.ChevronUpIcon=i.default.memo((function(e){var t=e.size,n=void 0===t?20:t,o=e.stroke,l=void 0===o?"currentColor":o,d=a(e,["size","stroke"]);return i.default.createElement(i.default.Fragment,null,i.default.createElement("svg",r({width:n,height:n,viewBox:"0 0 24 24",fill:"none",stroke:l,strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round",className:"side-navigation-panel-select-option-icon-chevron-up"},d),i.default.createElement("path",{d:"M18 15l-6-6-6 6"})))}))},851:function(e,t,n){var r=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.Navigation=void 0;var a=n(805);Object.defineProperty(t,"Navigation",{enumerable:!0,get:function(){return r(a).default}})},805:function(e,t,n){var r=this&&this.__createBinding||(Object.create?function(e,t,n,r){void 0===r&&(r=n),Object.defineProperty(e,r,{enumerable:!0,get:function(){return t[n]}})}:function(e,t,n,r){void 0===r&&(r=n),e[r]=t[n]}),a=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),o=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var n in e)"default"!==n&&Object.prototype.hasOwnProperty.call(e,n)&&r(t,e,n);return a(t,e),t};Object.defineProperty(t,"__esModule",{value:!0});var i=o(n(297)),l=n(966);n(645);t.default=function(e){var t=e.activeItemId,n=e.onSelect,r=e.items,a=i.useState({expanded:!0,selectedId:t}),o=a[0],d=a[1];function s(e){n&&n({itemId:e})}return i.default.useEffect((function(){d((function(e){return{expanded:e.expanded,selectedId:t}}))}),[t]),i.default.createElement(i.default.Fragment,null,r.length>0&&i.default.createElement("nav",{role:"navigation","aria-label":"side-navigation",className:"side-navigation-panel"},r.map((function(e){var t=e.elemBefore,n=o.expanded&&(e.itemId===o.selectedId||e.subNav&&e.subNav.some((function(e){return e.itemId===o.selectedId}))||!1);return i.default.createElement("ul",{key:e.itemId,className:"side-navigation-panel-select"},i.default.createElement("li",{className:"side-navigation-panel-select-wrap"},i.default.createElement("div",{onClick:function(){return e.subNav?function(e){if(o.expanded){var t=e.itemId===o.selectedId||e.subNav&&e.subNav.some((function(e){return e.itemId===o.selectedId}))||!1;d({expanded:!t,selectedId:e.itemId})}else d({expanded:!0,selectedId:e.itemId})}(e):s(e.itemId)},className:"side-navigation-panel-select-option hover:bg-gray-100 hover:text-gray-800 hover:border-pink-500 focus:outline-none flex items-center justify-between w-full px-6 py-3 text-gray-700 border-l-2 cursor-pointer "+(o.selectedId===e.itemId?"side-navigation-panel-select-option-selected text-gray-800 bg-gray-100 border-pink-500":"")},i.default.createElement("span",{className:"side-navigation-panel-select-option-wrap flex items-center"},t&&i.default.createElement(t,null),i.default.createElement("span",{className:"side-navigation-panel-select-option-text mx-4 font-medium"},e.title)),e.subNav&&e.subNav.length>0&&(n?i.default.createElement(l.ChevronUpIcon,null):i.default.createElement(l.ChevronDownIcon,null)))),e.subNav&&n&&i.default.createElement("ul",{className:"side-navigation-panel-select-inner"},e.subNav.map((function(e){return i.default.createElement("li",{key:e.itemId,className:"side-navigation-panel-select-inner-wrap"},i.default.createElement("div",{onClick:function(){return s(e.itemId)},className:"side-navigation-panel-select-inner-option hover:bg-gray-100 hover:text-gray-800 hover:border-pink-500 block px-16 py-2 text-sm text-gray-700 border-l-2 cursor-pointer "+(o.selectedId===e.itemId?"side-navigation-panel-select-inner-option-selected text-gray-800 bg-gray-100 border-pink-500":"")+" "},e.title))}))))}))))}},645:(e,t,n)=>{n.r(t)},297:t=>{t.exports=e}},n={};function r(e){if(n[e])return n[e].exports;var a=n[e]={exports:{}};return t[e].call(a.exports,a,a.exports,r),a.exports}return r.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},r(851)})()}));

package.json

 {
 	"name": "react-minimal-side-navigation",
-	"version": "1.5.1",
+	"version": "1.6.0",
 	"description": "Minimal side navigation component for React",
@@ -5,0 +5,0 @@ "license": "MIT",

No alert changes

Improved metrics

Total package byte prevSize

31996

0.31%

No dependency changes