openstack-uicore-foundation/lib/components/table.js

ui reactjs components for openstack marketing site

!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t():"function"==typeof define&&define.amd?define("openstack-uicore-foundation",[],t):"object"==typeof exports?exports["openstack-uicore-foundation"]=t():e["openstack-uicore-foundation"]=t()}(this,(()=>(()=>{"use strict";var e={5028:(e,t,r)=>{r.d(t,{default:()=>d});var o=r(6031),n=r.n(o),s=r(2462),l=r.n(s),i=r(2015),a=r.n(i);const c=["children","replaceNewLine","className"],d=e=>{let{children:t,replaceNewLine:r=!1,className:o=""}=e,s=l()(e,c);return a().createElement("span",n()({className:o,dangerouslySetInnerHTML:{__html:r?null==t?void 0:t.replace(/\n/g,"<br />"):t}},s))}},4564:(e,t,r)=>{r.d(t,{A:()=>l});var o=r(2015),n=r.n(o),s=r(5028);const l=e=>{let{children:t}=e,r="";return t&&(r=n().isValidElement(t)?t:n().createElement(s.default,null,t.toString())),n().createElement("td",e,r)}},6031:e=>{e.exports=require("@babel/runtime/helpers/extends")},2462:e=>{e.exports=require("@babel/runtime/helpers/objectWithoutProperties")},9825:e=>{e.exports=require("prop-types")},2015:e=>{e.exports=require("react")},5433:e=>{e.exports=require("react-tooltip")}},t={};function r(o){var n=t[o];if(void 0!==n)return n.exports;var s=t[o]={exports:{}};return e[o](s,s.exports,r),s.exports}(()=>{r.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return r.d(t,{a:t}),t}})(),(()=>{r.d=(e,t)=>{for(var o in t)r.o(t,o)&&!r.o(e,o)&&Object.defineProperty(e,o,{enumerable:!0,get:t[o]})}})(),(()=>{r.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t)})(),(()=>{r.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})}})();var o={};r.r(o),r.d(o,{default:()=>b});var n=r(2015),s=r.n(n),l=r(9825),i=r.n(l);class a extends s().Component{constructor(e){super(e),this.handleSort=this.handleSort.bind(this)}getSortClass(){if(!this.props.sortable)return null;switch(this.props.sortDir){case 1:return"sorting_asc";case-1:return"sorting_desc";default:return this.props.sortable?"sorting":null}}handleSort(e){e.preventDefault(),this.props.hasOwnProperty("onSort")&&this.props.sortable&&this.props.onSort(this.props.columnIndex,this.props.columnKey,this.props.sortDir?-1*this.props.sortDir:1,this.props.sortFunc)}render(){return s().createElement("th",{onClick:this.handleSort,className:this.getSortClass(),width:this.props.width},this.props.children)}}a.propTypes={onSort:i().func,sortDir:i().number,columnIndex:i().number,columnKey:i().any,sortable:i().bool,sortFunc:i().func};const c=a;var d=r(4564);class p extends s().Component{constructor(e){super(e),this.handleEdit=this.handleEdit.bind(this)}shouldDisplayAction(e){let{id:t}=this.props;return!e.hasOwnProperty("display")||e.display(t)}handleEdit(e,t){t.stopPropagation(),t.preventDefault(),this.props.actions.edit.onClick(e)}render(){let{even:e,actions:t,id:r,children:o}=this.props,n=e?"even":"odd";return(null==t?void 0:t.edit)&&this.shouldDisplayAction(t.edit)?s().createElement("tr",{role:"row",className:n+" can-edit",onClick:this.handleEdit.bind(this,r)},o):s().createElement("tr",{role:"row",className:n},o)}}class u extends s().Component{constructor(e){super(e),this.handleAction=this.handleAction.bind(this),this.shouldDisplayAction=this.shouldDisplayAction.bind(this)}shouldDisplayAction(e){let{id:t}=this.props;return!e.hasOwnProperty("display")||e.display(t)}handleAction(e,t,r){r.stopPropagation(),r.preventDefault(),e(t)}render(){let{actions:e,id:t}=this.props;return s().createElement("td",{className:"actions",key:"actions"},e.hasOwnProperty("delete")&&this.shouldDisplayAction(e.delete)&&s().createElement("a",{href:"","data-tip":"delete",onClick:this.handleAction.bind(this,e.delete.onClick,t)},s().createElement("i",{className:"fa fa-trash-o delete-icon"})),e.hasOwnProperty("custom")&&e.custom.map((e=>this.shouldDisplayAction(e)&&s().createElement("a",{href:"","data-tip":e.tooltip,key:"custom_"+e.name,onClick:this.handleAction.bind(this,e.onClick,t)},e.icon))))}}var h=r(5433);const m={sortFunc:(e,t)=>e<t?-1:e>t?1:0,sortable:!1,sortCol:0,sortDir:1,colWidth:""},y=(e,t,r,o)=>e&&e===r||r===t?o:null,b=e=>{var t;let{options:r,columns:o}=e,n=r.hasOwnProperty("className")?r.className:"";return n+=null!==(t=r.actions)&&void 0!==t&&t.edit?" table-hover":"",s().createElement("div",null,s().createElement("table",{className:"table table-striped dataTable "+n},s().createElement("thead",null,s().createElement("tr",null,o.map(((t,o)=>{let n=void 0!==r.sortCol?r.sortCol:m.sortCol,l=void 0!==r.sortDir?r.sortDir:m.sortDir,i=void 0!==r.sortFunc?r.sortFunc:m.sortFunc,a=void 0!==t.sortable?t.sortable:m.sortable,d=void 0!==t.width?t.width:m.colWidth;return s().createElement(c,{onSort:e.onSort,sortDir:y(t.columnKey,o,n,l),sortable:a,sortFunc:i,columnIndex:o,columnKey:t.columnKey,width:d,key:"heading_"+o},t.value)})),r.actions&&s().createElement(c,{key:"actions_heading"},r.actionsHeader||" "))),s().createElement("tbody",null,o.length>0&&e.data.map(((e,t)=>Array.isArray(e)&&e.length!==o.length?(console.warn(`Data at row ${t} is ${e.length}. It should be ${o.length}.`),s().createElement("tr",{key:"row_"+t})):s().createElement(p,{even:t%2==0,key:"row_"+t,id:e.id,actions:r.actions},((e,t,r)=>{const o=t.map(((t,r)=>{const o=(null==t?void 0:t.styles)||{};return t.hasOwnProperty("render")?s().createElement(d.A,{key:"cell_"+r,style:o},t.render(e,e[t.columnKey])):s().createElement(d.A,{key:"cell_"+r,title:t.hasOwnProperty("title")?e[t.columnKey]:null,style:o},e[t.columnKey])}));return r&&o.push(s().createElement(u,{key:"actions_cell",id:e.id,actions:r})),o})(e,o,r.actions)))))),s().createElement(h.Tooltip,{delayShow:10}))};return o})()));
//# sourceMappingURL=table.js.map