@numl-react/pagination
Version:
A simple and accessible component for React by numl design
2 lines (1 loc) • 4.2 kB
JavaScript
"use strict";var e=Object.defineProperty,t=Object.prototype.hasOwnProperty,n=Object.getOwnPropertySymbols,l=Object.prototype.propertyIsEnumerable,r=(t,n,l)=>n in t?e(t,n,{enumerable:!0,configurable:!0,writable:!0,value:l}):t[n]=l,a=(e,a)=>{for(var o in a||(a={}))t.call(a,o)&&r(e,o,a[o]);if(n)for(var o of n(a))l.call(a,o)&&r(e,o,a[o]);return e},o=(e,r)=>{var a={};for(var o in e)t.call(e,o)&&r.indexOf(o)<0&&(a[o]=e[o]);if(null!=e&&n)for(var o of n(e))r.indexOf(o)<0&&l.call(e,o)&&(a[o]=e[o]);return a};Object.defineProperty(exports,"__esModule",{value:!0}),exports[Symbol.toStringTag]="Module";var u=require("react"),c=require("@numl-react/elements");function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function d(e){if(e&&e.__esModule)return e;var t={__proto__:null,[Symbol.toStringTag]:"Module"};return e&&Object.keys(e).forEach((function(n){if("default"!==n){var l=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,l.get?l:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,Object.freeze(t)}var f=i(u),m=d(c);function p(e){const{size:t="1.25rem"}=e,n=o(e,["size"]);return f.default.createElement(m.Icon,a({size:t},n))}function s(e){const{children:t,type:n="medium",icon:l,menu:r,selectable:u=!1,dropdownIcon:c=!0,theme:i,onTap:d}=e,p=o(e,["children","type","icon","menu","selectable","dropdownIcon","theme","onTap"]);let g,h;return"small"===n?(g="sm",h="1x 2x"):"medium"===n?(g="md",h="1.5x 2.5x"):"large"===n?(g="lg",h="2x 3x"):"extralarge"===n&&(g="xl",h="2x 4x"),f.default.createElement(m.Button,a({block:!0,outline:"n",theme:i,size:g,selectable:u,padding:h,onTap:d},p),l&&"string"==typeof l?f.default.createElement(s.Icon,{padding:"0",name:l,theme:i}):l,t,(x=r)&&null!=x&&""!==x&&void 0!==x&&"object"==typeof r?f.default.createElement(f.default.Fragment,null,c?f.default.createElement(m.DropdownIcon,{theme:i}):null,f.default.createElement(s.Popup,{width:"max-content"},r)):null);var x}s.Small=e=>{const{children:t=null}=e,n=o(e,["children"]);return f.default.createElement(s,a({padding:"0.75x 2x",size:"sm"},n),t)},s.Medium=e=>{const{children:t=null}=e,n=o(e,["children"]);return f.default.createElement(s,a({padding:"1.5x 2.5x",size:"md"},n),t)},s.Large=e=>{const{children:t=null}=e,n=o(e,["children"]);return f.default.createElement(s,a({padding:"2x 3x",size:"lg"},n),t)},s.ExtraLarge=e=>{const{children:t=null}=e,n=o(e,["children"]);return f.default.createElement(s,a({padding:"2x 4x",size:"xl"},n),t)},s.Label=function(e){const{children:t}=e,n=o(e,["children"]);return f.default.createElement(m.Label,a({},n),t)},s.Icon=function(e){const{children:t,padding:n="0 0.5x"}=e,l=o(e,["children","padding"]);return f.default.createElement(m.Icon,a({padding:n},l),t)},s.Popup=function(e){const{children:t}=e,n=o(e,["children"]);return f.default.createElement(m.Popup,a({"nu-btnpopup":!0,place:"outside-bottom right"},n),t)},s.Item=function(e){const{children:t,width:n="100%",outline:l="n"}=e,r=o(e,["children","width","outline"]);return f.default.createElement(m.Menuitem,a({width:n,outline:l},r),t)},s.Checkbox=function(e){const{children:t,padding:n="0"}=e,l=o(e,["children","padding"]);return f.default.createElement(m.Checkbox,a({padding:n},l),t)},s.Group=function(e){const{children:t}=e,n=o(e,["children"]);return f.default.createElement(m.Flex,a({flow:"row",fill:"transparent",gap:!0},n),t)},s.SegmentedGroup=function(e){const{children:t}=e,n=o(e,["children"]);return f.default.createElement(m.ButtonGroup,a({},n),t)},exports.Pagination=function(e){const{flow:t="row",label:n,previous:l,type:r="medium",next:u}=e,c=o(e,["flow","label","previous","type","next"]);return f.default.createElement(s.SegmentedGroup,a({fill:"transparent",flex:!0,items:"stretch",border:"0","group-radius":t,flow:t},c),"string"==typeof l?f.default.createElement(m.Button,{type:r,id:"previous"},f.default.createElement(p,{name:l})):f.default.createElement(m.BaseElement,null,l),n?f.default.createElement(m.Flex,{flex:!0,items:"center",fill:"bg"},f.default.createElement(m.Label,{padding:"0 1x",color:"text"},n)):null,"string"==typeof u?f.default.createElement(m.Button,{type:r,id:"next"},f.default.createElement(p,{name:u})):f.default.createElement(m.BaseElement,null,u))};