openstack-uicore-foundation 2.1.39 → 2.1.40

package/lib/components/simple-link-list.js

@@ -1 +1 @@
-!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,(function(){return(()=>{"use strict";var e={418:(e,t,s)=>{s.d(t,{default:()=>a});var n=s(6689),o=s.n(n);const a=({children:e,className:t=""})=>o().createElement("span",{className:t,dangerouslySetInnerHTML:{__html:e.replace(/\n/g,"<br />")}})},8678:(e,t,s)=>{s.d(t,{default:()=>f});var n=s(6689),o=s.n(n),a=s(580),i=s.n(a);class r extends o().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 o().createElement("th",{onClick:this.handleSort,className:this.getSortClass(),width:this.props.width},this.props.children)}}r.propTypes={onSort:i().func,sortDir:i().number,columnIndex:i().number,columnKey:i().any,sortable:i().bool,sortFunc:i().func};const l=r;var c=s(418);const d=e=>{let{children:t}=e,s="";return t&&(s=o().isValidElement(t)?t:o().createElement(c.default,null,t.toString())),o().createElement("td",e,s)};class p extends o().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:s,children:n}=this.props,a=e?"even":"odd";return t.hasOwnProperty("edit")&&this.shouldDisplayAction(t.edit)?o().createElement("tr",{role:"row",className:a+" can-edit",onClick:this.handleEdit.bind(this,s)},n):o().createElement("tr",{role:"row",className:a},n)}}class h extends o().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,s){s.stopPropagation(),s.preventDefault(),e(t)}render(){let{actions:e,id:t}=this.props;return o().createElement("td",{className:"actions",key:"actions"},e.hasOwnProperty("delete")&&this.shouldDisplayAction(e.delete)&&o().createElement("a",{href:"","data-tip":"delete",onClick:this.handleAction.bind(this,e.delete.onClick,t)},o().createElement("i",{className:"fa fa-trash-o delete-icon"})),e.hasOwnProperty("custom")&&e.custom.map((e=>this.shouldDisplayAction(e)&&o().createElement("a",{href:"","data-tip":e.tooltip,key:"custom_"+e.name,onClick:this.handleAction.bind(this,e.onClick,t)},e.icon))))}}const u=require("react-tooltip");var m=s.n(u);const y={sortFunc:(e,t)=>e<t?-1:e>t?1:0,sortable:!1,sortCol:0,sortDir:1,colWidth:""},b=(e,t,s,n)=>e&&e===s||s===t?n:null,f=e=>{let{options:t,columns:s}=e,n=t.hasOwnProperty("className")?t.className:"";return n+=t.actions.hasOwnProperty("edit")?" table-hover":"",o().createElement("div",null,o().createElement("table",{className:"table table-striped dataTable "+n},o().createElement("thead",null,o().createElement("tr",null,s.map(((s,n)=>{let a=void 0!==t.sortCol?t.sortCol:y.sortCol,i=void 0!==t.sortDir?t.sortDir:y.sortDir,r=void 0!==t.sortFunc?t.sortFunc:y.sortFunc,c=void 0!==s.sortable?s.sortable:y.sortable,d=void 0!==s.width?s.width:y.colWidth;return o().createElement(l,{onSort:e.onSort,sortDir:b(s.columnKey,n,a,i),sortable:c,sortFunc:r,columnIndex:n,columnKey:s.columnKey,width:d,key:"heading_"+n},s.value)})),t.actions&&o().createElement(l,{key:"actions_heading"},t.actionsHeader||" "))),o().createElement("tbody",null,s.length>0&&e.data.map(((e,n)=>Array.isArray(e)&&e.length!==s.length?(console.warn(`Data at row ${n} is ${e.length}. It should be ${s.length}.`),o().createElement("tr",{key:"row_"+n})):o().createElement(p,{even:n%2==0,key:"row_"+n,id:e.id,actions:t.actions},((e,t,s)=>{var n=t.map(((t,s)=>t.hasOwnProperty("render")?o().createElement(d,{key:"cell_"+s},t.render(e,e[t.columnKey])):o().createElement(d,{key:"cell_"+s},e[t.columnKey])));return s&&n.push(o().createElement(h,{key:"actions_cell",id:e.id,actions:s})),n})(e,s,t.actions)))))),o().createElement(m(),{delayShow:10}))}},580:e=>{e.exports=require("prop-types")},6689:e=>{e.exports=require("react")}},t={};function s(n){var o=t[n];if(void 0!==o)return o.exports;var a=t[n]={exports:{}};return e[n](a,a.exports,s),a.exports}(()=>{s.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return s.d(t,{a:t}),t}})(),(()=>{s.d=(e,t)=>{for(var n in t)s.o(t,n)&&!s.o(e,n)&&Object.defineProperty(e,n,{enumerable:!0,get:t[n]})}})(),(()=>{s.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t)})(),(()=>{s.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})}})();var n={};return(()=>{s.r(n),s.d(n,{default:()=>m});var e=s(6689),t=s.n(e),o=s(580),a=s.n(o);const i=require("react-select/lib/Async");var r=s.n(i),l=s(8678);const c=require("i18n-react/dist/i18n-react");var d=s.n(c);const p=require("react-select/lib/AsyncCreatable");var h=s.n(p);class u extends t().Component{constructor(e){super(e),this.state={value:""},this.handleChange=this.handleChange.bind(this),this.getOptions=this.getOptions.bind(this),this.handleLink=this.handleLink.bind(this),this.filterOption=this.filterOption.bind(this),this.handleNew=this.handleNew.bind(this),this.getNewOptionData=this.getNewOptionData.bind(this),this.isValidNewOption=this.isValidNewOption.bind(this)}getOptions(e,t){let{options:s}=this.props,n=s.hasOwnProperty("defaultOptions")?s.defaultOptions:void 0;if(!e&&!n)return Promise.resolve({options:[]});this.props.options.actions.search(e,t)}handleChange(e){this.setState({value:e})}handleLink(e){e.preventDefault(),this.props.options.actions.add.onClick(this.state.value),this.setState({value:""})}getNewOptionData(e,t){return{tag:t,id:e}}isValidNewOption(e,t,s){let{options:n}=this.props,o=n.hasOwnProperty("labelKey")?n.labelKey:"label",a=s.find((t=>t[o]==e));return!(!e||a)}handleNew(e){this.props.options.onCreateTag(e,this.handleChange)}filterOption(e,t){let{options:s,values:n}=this.props,o=this.props.hasOwnProperty("allowDuplicates"),a=s.hasOwnProperty("labelKey")?s.labelKey:"label";return!!o||!n.find((t=>t[a]===e.label))}render(){let{options:e,values:s,columns:n}=this.props,o=!this.state.value,a=e.hasOwnProperty("title")?e.title:"Table",i=e.hasOwnProperty("valueKey")?e.valueKey:"value",c=e.hasOwnProperty("labelKey")?e.labelKey:"label",p=e.hasOwnProperty("onCreateTag"),u=e.hasOwnProperty("defaultOptions")?e.defaultOptions:void 0,m={className:"dataTable",actions:{delete:e.actions.delete}};e.hasOwnProperty("className")&&(m.className=e.className),e.actions.hasOwnProperty("edit")&&(m.actions.edit=e.actions.edit),e.actions.hasOwnProperty("custom")&&(m.actions.custom=e.actions.custom),e.hasOwnProperty("sortCol")&&(s=s.sort(((t,s)=>{const n=isNaN(t[e.sortCol])?t[e.sortCol].toLowerCase():t[e.sortCol],o=isNaN(s[e.sortCol])?s[e.sortCol].toLowerCase():s[e.sortCol];return n>o?1:n<o?-1:0})));let y=null;return y=p?t().createElement(h(),{className:"link-select btn-group text-left",value:this.state.value,getOptionValue:e=>e[i],getOptionLabel:e=>e[c],onChange:this.handleChange,loadOptions:this.getOptions,filterOption:this.filterOption,onCreateOption:this.handleNew,getNewOptionData:this.getNewOptionData,isValidNewOption:this.isValidNewOption}):t().createElement(r(),{className:"link-select btn-group text-left",value:this.state.value,getOptionValue:e=>e[i],getOptionLabel:e=>e[c],onChange:this.handleChange,loadOptions:this.getOptions,filterOption:this.filterOption,defaultOptions:u}),t().createElement("div",{className:"row simple-link-list"},t().createElement("div",{className:"col-md-4 simple-link-list-title"},t().createElement("h4",null,a)),t().createElement("div",{className:"col-md pull-right btn-group"},y,t().createElement("button",{type:"button",className:"btn btn-default add-button",onClick:this.handleLink,disabled:o},d().translate("general.add"))),t().createElement("div",{className:"col-md-12"},t().createElement(l.default,{className:"dataTable",options:m,data:s,columns:n})))}}u.propTypes={values:a().array.isRequired,options:a().shape({title:a().string,sortCol:a().string,valueKey:a().string.isRequired,labelKey:a().string.isRequired,className:a().string,actions:a().shape({search:a().func.isRequired,delete:a().shape({onClick:a().func.isRequired}),add:a().shape({onClick:a().func.isRequired}),edit:a().shape({onClick:a().func.isRequired}),custom:a().array}).isRequired}).isRequired,columns:a().array.isRequired};const m=u})(),n})()}));
+!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,(function(){return(()=>{"use strict";var e={418:(e,t,s)=>{s.d(t,{default:()=>i});var n=s(6689),o=s.n(n);const i=({children:e,className:t=""})=>o().createElement("span",{className:t,dangerouslySetInnerHTML:{__html:e.replace(/\n/g,"<br />")}})},9801:(e,t,s)=>{s.d(t,{default:()=>O});var n=s(6689),o=s.n(n),i=s(580),r=s.n(i);class a extends o().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 o().createElement("th",{onClick:this.handleSort,className:this.getSortClass(),width:this.props.width},this.props.children)}}a.propTypes={onSort:r().func,sortDir:r().number,columnIndex:r().number,columnKey:r().any,sortable:r().bool,sortFunc:r().func};const l=a;var c=s(418);const d=e=>{let{children:t}=e,s="";return t&&(s=o().isValidElement(t)?t:o().createElement(c.default,null,t.toString())),o().createElement("td",e,s)};class p extends o().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:s,children:n}=this.props,i=e?"even":"odd";return t.hasOwnProperty("edit")&&this.shouldDisplayAction(t.edit)?o().createElement("tr",{role:"row",className:i+" can-edit",onClick:this.handleEdit.bind(this,s)},n):o().createElement("tr",{role:"row",className:i},n)}}class h extends o().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,s){s.stopPropagation(),s.preventDefault(),e(t)}render(){let{actions:e,id:t}=this.props;return o().createElement("td",{className:"actions",key:"actions"},e.hasOwnProperty("delete")&&this.shouldDisplayAction(e.delete)&&o().createElement("a",{href:"","data-tip":"delete",onClick:this.handleAction.bind(this,e.delete.onClick,t)},o().createElement("i",{className:"fa fa-trash-o delete-icon"})),e.hasOwnProperty("custom")&&e.custom.map((e=>this.shouldDisplayAction(e)&&o().createElement("a",{href:"","data-tip":e.tooltip,key:"custom_"+e.name,onClick:this.handleAction.bind(this,e.onClick,t)},e.icon))))}}var u=s(2076),m=s.n(u);const y={sortFunc:(e,t)=>e<t?-1:e>t?1:0,sortable:!1,sortCol:0,sortDir:1,colWidth:""},b=(e,t,s,n)=>e&&e===s||s===t?n:null,O=e=>{let{options:t,columns:s}=e,n=t.hasOwnProperty("className")?t.className:"";return n+=t.actions.hasOwnProperty("edit")?" table-hover":"",o().createElement("div",null,o().createElement("table",{className:"table table-striped dataTable "+n},o().createElement("thead",null,o().createElement("tr",null,s.map(((s,n)=>{let i=void 0!==t.sortCol?t.sortCol:y.sortCol,r=void 0!==t.sortDir?t.sortDir:y.sortDir,a=void 0!==t.sortFunc?t.sortFunc:y.sortFunc,c=void 0!==s.sortable?s.sortable:y.sortable,d=void 0!==s.width?s.width:y.colWidth;return o().createElement(l,{onSort:e.onSort,sortDir:b(s.columnKey,n,i,r),sortable:c,sortFunc:a,columnIndex:n,columnKey:s.columnKey,width:d,key:"heading_"+n},s.value)})),t.actions&&o().createElement(l,{key:"actions_heading"},t.actionsHeader||" "))),o().createElement("tbody",null,s.length>0&&e.data.map(((e,n)=>Array.isArray(e)&&e.length!==s.length?(console.warn(`Data at row ${n} is ${e.length}. It should be ${s.length}.`),o().createElement("tr",{key:"row_"+n})):o().createElement(p,{even:n%2==0,key:"row_"+n,id:e.id,actions:t.actions},((e,t,s)=>{var n=t.map(((t,s)=>t.hasOwnProperty("render")?o().createElement(d,{key:"cell_"+s},t.render(e,e[t.columnKey])):o().createElement(d,{key:"cell_"+s,title:t.hasOwnProperty("title")?e[t.columnKey]:null},e[t.columnKey])));return s&&n.push(o().createElement(h,{key:"actions_cell",id:e.id,actions:s})),n})(e,s,t.actions)))))),o().createElement(m(),{delayShow:10}))}},4656:e=>{e.exports=require("i18n-react/dist/i18n-react")},580:e=>{e.exports=require("prop-types")},6689:e=>{e.exports=require("react")},9953:e=>{e.exports=require("react-select/lib/Async")},9503:e=>{e.exports=require("react-select/lib/AsyncCreatable")},2076:e=>{e.exports=require("react-tooltip")}},t={};function s(n){var o=t[n];if(void 0!==o)return o.exports;var i=t[n]={exports:{}};return e[n](i,i.exports,s),i.exports}(()=>{s.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return s.d(t,{a:t}),t}})(),(()=>{s.d=(e,t)=>{for(var n in t)s.o(t,n)&&!s.o(e,n)&&Object.defineProperty(e,n,{enumerable:!0,get:t[n]})}})(),(()=>{s.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t)})(),(()=>{s.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})}})();var n={};return(()=>{s.r(n),s.d(n,{default:()=>m});var e=s(6689),t=s.n(e),o=s(580),i=s.n(o),r=s(9953),a=s.n(r),l=s(9801),c=s(4656),d=s.n(c),p=s(9503),h=s.n(p);class u extends t().Component{constructor(e){super(e),this.state={value:""},this.handleChange=this.handleChange.bind(this),this.getOptions=this.getOptions.bind(this),this.handleLink=this.handleLink.bind(this),this.filterOption=this.filterOption.bind(this),this.handleNew=this.handleNew.bind(this),this.getNewOptionData=this.getNewOptionData.bind(this),this.isValidNewOption=this.isValidNewOption.bind(this)}getOptions(e,t){let{options:s}=this.props,n=s.hasOwnProperty("defaultOptions")?s.defaultOptions:void 0;if(!e&&!n)return Promise.resolve({options:[]});this.props.options.actions.search(e,t)}handleChange(e){this.setState({value:e})}handleLink(e){e.preventDefault(),this.props.options.actions.add.onClick(this.state.value),this.setState({value:""})}getNewOptionData(e,t){return{tag:t,id:e}}isValidNewOption(e,t,s){let{options:n}=this.props,o=n.hasOwnProperty("labelKey")?n.labelKey:"label",i=s.find((t=>t[o]==e));return!(!e||i)}handleNew(e){this.props.options.onCreateTag(e,this.handleChange)}filterOption(e,t){let{options:s,values:n}=this.props,o=this.props.hasOwnProperty("allowDuplicates"),i=s.hasOwnProperty("labelKey")?s.labelKey:"label";return!!o||!n.find((t=>t[i]===e.label))}render(){let{options:e,values:s,columns:n}=this.props,o=!this.state.value,i=e.hasOwnProperty("title")?e.title:"Table",r=e.hasOwnProperty("valueKey")?e.valueKey:"value",c=e.hasOwnProperty("labelKey")?e.labelKey:"label",p=e.hasOwnProperty("onCreateTag"),u=e.hasOwnProperty("defaultOptions")?e.defaultOptions:void 0,m={className:"dataTable",actions:{delete:e.actions.delete}};e.hasOwnProperty("className")&&(m.className=e.className),e.actions.hasOwnProperty("edit")&&(m.actions.edit=e.actions.edit),e.actions.hasOwnProperty("custom")&&(m.actions.custom=e.actions.custom),e.hasOwnProperty("sortCol")&&(s=s.sort(((t,s)=>{const n=isNaN(t[e.sortCol])?t[e.sortCol].toLowerCase():t[e.sortCol],o=isNaN(s[e.sortCol])?s[e.sortCol].toLowerCase():s[e.sortCol];return n>o?1:n<o?-1:0})));let y=null;return y=p?t().createElement(h(),{className:"link-select btn-group text-left",value:this.state.value,getOptionValue:e=>e[r],getOptionLabel:e=>e[c],onChange:this.handleChange,loadOptions:this.getOptions,filterOption:this.filterOption,onCreateOption:this.handleNew,getNewOptionData:this.getNewOptionData,isValidNewOption:this.isValidNewOption}):t().createElement(a(),{className:"link-select btn-group text-left",value:this.state.value,getOptionValue:e=>e[r],getOptionLabel:e=>e[c],onChange:this.handleChange,loadOptions:this.getOptions,filterOption:this.filterOption,defaultOptions:u}),t().createElement("div",{className:"row simple-link-list"},t().createElement("div",{className:"col-md-4 simple-link-list-title"},t().createElement("h4",null,i)),t().createElement("div",{className:"col-md pull-right btn-group"},y,t().createElement("button",{type:"button",className:"btn btn-default add-button",onClick:this.handleLink,disabled:o},d().translate("general.add"))),t().createElement("div",{className:"col-md-12"},t().createElement(l.default,{className:"dataTable",options:m,data:s,columns:n})))}}u.propTypes={values:i().array.isRequired,options:i().shape({title:i().string,sortCol:i().string,valueKey:i().string.isRequired,labelKey:i().string.isRequired,className:i().string,actions:i().shape({search:i().func.isRequired,delete:i().shape({onClick:i().func.isRequired}),add:i().shape({onClick:i().func.isRequired}),edit:i().shape({onClick:i().func.isRequired}),custom:i().array}).isRequired}).isRequired,columns:i().array.isRequired};const m=u})(),n})()}));

package/lib/components/summit-dropdown.js

@@ -1 +1 @@
-!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,(function(){return(()=>{"use strict";var e={};(()=>{e.n=t=>{var a=t&&t.__esModule?()=>t.default:()=>t;return e.d(a,{a}),a}})(),(()=>{e.d=(t,a)=>{for(var n in a)e.o(a,n)&&!e.o(t,n)&&Object.defineProperty(t,n,{enumerable:!0,get:a[n]})}})(),(()=>{e.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t)})(),(()=>{e.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})}})();var t={};e.r(t),e.d(t,{default:()=>l});const a=require("react");var n=e.n(a);const s=require("react-select");var r=e.n(s);const o=require("i18n-react/dist/i18n-react");var i=e.n(o);class l extends n().Component{constructor(e){super(e),this.state={summitValue:null},this.handleChange=this.handleChange.bind(this),this.handleClick=this.handleClick.bind(this)}handleChange(e){this.setState({summitValue:e})}handleClick(e){e.preventDefault(),this.props.onClick(this.state.summitValue.value)}render(){let{summits:e,actionLabel:t,actionClass:a}=this.props,s=e.sort(((e,t)=>e.start_date<t.start_date?1:e.start_date>t.start_date?-1:0)).map((e=>({label:e.name,value:e.id}))),o=this.props.hasOwnProperty("big")?"big":"";return n().createElement("div",{className:"summit-dropdown btn-group "+o},n().createElement(r(),{id:"summit-select",value:this.state.summitValue,onChange:this.handleChange,options:s,placeholder:i().translate("general.select_summit"),className:"btn-group summit-select text-left",isClearable:!1}),n().createElement("button",{type:"button",className:`btn btn-default ${a}`,onClick:this.handleClick},t))}}return t})()}));
+!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,(function(){return(()=>{"use strict";var e={4656:e=>{e.exports=require("i18n-react/dist/i18n-react")},6689:e=>{e.exports=require("react")},1929:e=>{e.exports=require("react-select")}},t={};function a(r){var n=t[r];if(void 0!==n)return n.exports;var o=t[r]={exports:{}};return e[r](o,o.exports,a),o.exports}(()=>{a.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return a.d(t,{a:t}),t}})(),(()=>{a.d=(e,t)=>{for(var r in t)a.o(t,r)&&!a.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:t[r]})}})(),(()=>{a.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t)})(),(()=>{a.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})}})();var r={};return(()=>{a.r(r),a.d(r,{default:()=>l});var e=a(6689),t=a.n(e),n=a(1929),o=a.n(n),s=a(4656),i=a.n(s);class l extends t().Component{constructor(e){super(e),this.state={summitValue:null},this.handleChange=this.handleChange.bind(this),this.handleClick=this.handleClick.bind(this)}handleChange(e){this.setState({summitValue:e})}handleClick(e){e.preventDefault(),this.props.onClick(this.state.summitValue.value)}render(){let{summits:e,actionLabel:a,actionClass:r}=this.props,n=e.sort(((e,t)=>e.start_date<t.start_date?1:e.start_date>t.start_date?-1:0)).map((e=>({label:e.name,value:e.id}))),s=this.props.hasOwnProperty("big")?"big":"";return t().createElement("div",{className:"summit-dropdown btn-group "+s},t().createElement(o(),{id:"summit-select",value:this.state.summitValue,onChange:this.handleChange,options:n,placeholder:i().translate("general.select_summit"),className:"btn-group summit-select text-left",isClearable:!1}),t().createElement("button",{type:"button",className:`btn btn-default ${r}`,onClick:this.handleClick},a))}}})(),r})()}));

package/lib/components/table-editable.js

@@ -1 +1 @@
-!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,(function(){return(()=>{"use strict";var e={9732:(e,t,n)=>{n.d(t,{shallowEqual:()=>a});require("moment-timezone");n(6530);const a=(e,t)=>{const n=Object.keys(e),a=Object.keys(t);if(n.length!==a.length)return!1;for(let a of n)if(e[a]!==t[a])return!1;return!0}},6530:e=>{e.exports=require("urijs")}},t={};function n(a){var r=t[a];if(void 0!==r)return r.exports;var s=t[a]={exports:{}};return e[a](s,s.exports,n),s.exports}(()=>{n.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return n.d(t,{a:t}),t}})(),(()=>{n.d=(e,t)=>{for(var a in t)n.o(t,a)&&!n.o(e,a)&&Object.defineProperty(e,a,{enumerable:!0,get:t[a]})}})(),(()=>{n.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t)})(),(()=>{n.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})}})();var a={};return(()=>{n.r(a),n.d(a,{default:()=>v});const e=require("react");var t=n.n(e);class r extends t().Component{constructor(e){super(e)}render(){return t().createElement("th",{width:this.props.width},this.props.children)}}const s=r,i=e=>e.is_edit?t().createElement("td",null,!e.shouldUseTextArea&&t().createElement("input",{type:"text",className:"form-control",defaultValue:e.children,name:e.name,id:e.id,onChange:e.handleChange}),e.shouldUseTextArea&&t().createElement("textarea",{className:"form-control",defaultValue:e.children,name:e.name,id:e.id,onChange:e.handleChange})):t().createElement("td",null,e.children);class o extends t().Component{constructor(e){super(e),this.state={is_editing:!1}}onDelete(e,t){t.preventDefault(),t.stopPropagation(),this.props.actions.delete(e)}onSave(e,t){t.preventDefault(),t.stopPropagation(),this.setState({is_editing:!1}),this.props.actions.save(e)}onEdit(e,t){t.preventDefault(),t.stopPropagation(),this.setState({is_editing:!0}),this.props.actions.edit(e)}onCancel(e,t){t.preventDefault(),t.stopPropagation(),this.setState({is_editing:!1}),this.props.actions.cancel(e)}render(){let{actions:e,id:n}=this.props;return this.state.is_editing?t().createElement("td",{className:"actions"},t().createElement("a",{href:"",onClick:this.onSave.bind(this,n),"data-tip":"save"},t().createElement("i",{className:"fa fa-floppy-o"})),t().createElement("a",{href:"",onClick:this.onCancel.bind(this,n),"data-tip":"cancel"},t().createElement("i",{className:"fa fa-times"}))):t().createElement("td",{className:"actions"},"edit"in e&&t().createElement("a",{href:"",onClick:this.onEdit.bind(this,n),"data-tip":"edit"},t().createElement("i",{className:"fa fa-pencil-square-o"})),"delete"in e&&t().createElement("a",{href:"",onClick:this.onDelete.bind(this,n),"data-tip":"delete"},t().createElement("i",{className:"fa fa-trash-o delete-icon"})))}}class l extends t().Component{render(){const{children:e,even:n,id:a}=this.props;return t().createElement("tr",{id:a,role:"row",className:n?"even":"odd"},e)}}const c=require("sweetalert2");var d=n.n(c);const h=require("i18n-react/dist/i18n-react");var u=n.n(h);const p=require("react-tooltip");var m=n.n(p),w=n(9732);function f(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);t&&(a=a.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,a)}return n}function g(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?f(Object(n),!0).forEach((function(t){y(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):f(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function y(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}const b="";class v extends t().Component{constructor(e){super(e),this.state={rows:e.data,new_row:{}},this.onSave=e.options.actions.save.onClick,this.actions=g({},e.options.actions),this.actions.edit=this.editRow.bind(this),this.actions.save=this.saveRow.bind(this),this.actions.delete=this.deleteClick.bind(this),this.actions.handleChange=this.onChangeCell.bind(this),this.actions.cancel=this.editRowCancel.bind(this),this.saveNewRow=this.saveNewRow.bind(this),this.handleNewChange=this.onChangeNewCell.bind(this)}componentDidUpdate(e,t,n){(0,w.shallowEqual)(this.props.data,e.data)||this.setState({rows:this.props.data})}saveRow(e,t){const{rows:n}=this.state;let a=n.find((t=>t.id==e));a.is_edit=!1,this.editing_row=null,this.setState({rows:n}),this.onSave(a)}deleteClick(e){let t=this.props.options.actions.delete.onClick;this.props.options.hasOwnProperty("noAlert")?t(e):d().fire({title:u().translate("general.are_you_sure"),text:u().translate("general.remove_warning"),type:"warning",showCancelButton:!0,confirmButtonColor:"#DD6B55",confirmButtonText:u().translate("general.yes_delete")}).then((function(n){n.value&&t(e)}))}editRow(e,t){const{rows:n}=this.state;let a=n.find((t=>t.id==e));this.editing_row=g({},a),a.is_edit=!0,this.setState({rows:n})}editRowCancel(e,t){const{rows:n}=this.state;n.forEach((e=>{e.is_edit=!1}));let a=n.findIndex((t=>t.id==e));n[a]=this.editing_row,this.setState({rows:n})}onChangeCell(e){const{rows:t}=this.state;let n=e.target;t.find((e=>e.id==n.id))[n.name]=n.value,this.setState({rows:t})}onChangeNewCell(e){const{new_row:t}=this.state;let n=e.target;t[n.name]=n.value,this.setState({new_row:t})}saveNewRow(e){const{new_row:t}=this.state;e.preventDefault(),this.onSave(t),this.setState({new_row:{}})}render(){let{options:e,columns:n}=this.props,a=e.hasOwnProperty("className")?e.className:"",r=this.props.hasOwnProperty("textArea");return t().createElement("div",null,t().createElement("table",{className:"table table-striped table-bordered editableTable "+a},t().createElement("thead",null,t().createElement("tr",null,n.map(((e,n)=>{let a=e.width?e.width:b;return t().createElement(s,{width:a,key:"heading_"+n},e.value)})),this.actions&&t().createElement(s,{key:"actions_heading"},"Actions"))),t().createElement("tbody",null,n.length>0&&this.state.rows.map(((e,a)=>Array.isArray(e)&&e.length!==n.length?(console.warn(`Data at row ${a} is ${e.length}. It should be ${n.length}.`),t().createElement("tr",null)):t().createElement(l,{even:a%2==0,key:"row_"+e.id,id:e.id},((e,n,a,r)=>{var s=n.map(((n,s)=>t().createElement(i,{shouldUseTextArea:r,key:e.id+"_field"+s,name:n.columnKey,id:e.id,is_edit:e.is_edit,handleChange:a.handleChange},e[n.columnKey])));return a&&s.push(t().createElement(o,{key:"actions_"+e.id,id:e.id,actions:a})),s})(e,n,this.actions,r)))),t().createElement(l,{even:0,id:"new_row",key:"new_row"},((e,n,a,r,s)=>{var i=e.map(((e,a)=>{let i=void 0!==n[e.columnKey]?n[e.columnKey]:"";return t().createElement("td",{key:"new_row_"+a},s&&t().createElement("textarea",{className:"form-control",id:"new_"+e.columnKey,name:e.columnKey,onChange:r,value:i}),!s&&t().createElement("input",{className:"form-control",id:"new_"+e.columnKey,name:e.columnKey,onChange:r,value:i}))}));return i.push(t().createElement("td",{key:"add_new"},t().createElement("button",{className:"btn btn-default",onClick:a}," Add "))),i})(n,this.state.new_row,this.saveNewRow,this.handleNewChange,r)))),t().createElement(m(),{delayShow:10}))}}})(),a})()}));
+!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,(function(){return(()=>{"use strict";var e={6793:(e,t,n)=>{n.d(t,{shallowEqual:()=>a});n(8362),n(6530);const a=(e,t)=>{const n=Object.keys(e),a=Object.keys(t);if(n.length!==a.length)return!1;for(let a of n)if(e[a]!==t[a])return!1;return!0}},4656:e=>{e.exports=require("i18n-react/dist/i18n-react")},8362:e=>{e.exports=require("moment-timezone")},6689:e=>{e.exports=require("react")},2076:e=>{e.exports=require("react-tooltip")},271:e=>{e.exports=require("sweetalert2")},6530:e=>{e.exports=require("urijs")}},t={};function n(a){var r=t[a];if(void 0!==r)return r.exports;var s=t[a]={exports:{}};return e[a](s,s.exports,n),s.exports}(()=>{n.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return n.d(t,{a:t}),t}})(),(()=>{n.d=(e,t)=>{for(var a in t)n.o(t,a)&&!n.o(e,a)&&Object.defineProperty(e,a,{enumerable:!0,get:t[a]})}})(),(()=>{n.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t)})(),(()=>{n.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})}})();var a={};return(()=>{n.r(a),n.d(a,{default:()=>v});var e=n(6689),t=n.n(e);class r extends t().Component{constructor(e){super(e)}render(){return t().createElement("th",{width:this.props.width},this.props.children)}}const s=r,i=e=>e.is_edit?t().createElement("td",null,!e.shouldUseTextArea&&t().createElement("input",{type:"text",className:"form-control",defaultValue:e.children,name:e.name,id:e.id,onChange:e.handleChange}),e.shouldUseTextArea&&t().createElement("textarea",{className:"form-control",defaultValue:e.children,name:e.name,id:e.id,onChange:e.handleChange})):t().createElement("td",null,e.children);class o extends t().Component{constructor(e){super(e),this.state={is_editing:!1}}onDelete(e,t){t.preventDefault(),t.stopPropagation(),this.props.actions.delete(e)}onSave(e,t){t.preventDefault(),t.stopPropagation(),this.setState({is_editing:!1}),this.props.actions.save(e)}onEdit(e,t){t.preventDefault(),t.stopPropagation(),this.setState({is_editing:!0}),this.props.actions.edit(e)}onCancel(e,t){t.preventDefault(),t.stopPropagation(),this.setState({is_editing:!1}),this.props.actions.cancel(e)}render(){let{actions:e,id:n}=this.props;return this.state.is_editing?t().createElement("td",{className:"actions"},t().createElement("a",{href:"",onClick:this.onSave.bind(this,n),"data-tip":"save"},t().createElement("i",{className:"fa fa-floppy-o"})),t().createElement("a",{href:"",onClick:this.onCancel.bind(this,n),"data-tip":"cancel"},t().createElement("i",{className:"fa fa-times"}))):t().createElement("td",{className:"actions"},"edit"in e&&t().createElement("a",{href:"",onClick:this.onEdit.bind(this,n),"data-tip":"edit"},t().createElement("i",{className:"fa fa-pencil-square-o"})),"delete"in e&&t().createElement("a",{href:"",onClick:this.onDelete.bind(this,n),"data-tip":"delete"},t().createElement("i",{className:"fa fa-trash-o delete-icon"})))}}class l extends t().Component{render(){const{children:e,even:n,id:a}=this.props;return t().createElement("tr",{id:a,role:"row",className:n?"even":"odd"},e)}}var c=n(271),d=n.n(c),h=n(4656),p=n.n(h),u=n(2076),m=n.n(u),w=n(6793);function f(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);t&&(a=a.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,a)}return n}function g(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?f(Object(n),!0).forEach((function(t){y(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):f(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function y(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}const b="";class v extends t().Component{constructor(e){super(e),this.state={rows:e.data,new_row:{}},this.onSave=e.options.actions.save.onClick,this.actions=g({},e.options.actions),this.actions.edit=this.editRow.bind(this),this.actions.save=this.saveRow.bind(this),this.actions.delete=this.deleteClick.bind(this),this.actions.handleChange=this.onChangeCell.bind(this),this.actions.cancel=this.editRowCancel.bind(this),this.saveNewRow=this.saveNewRow.bind(this),this.handleNewChange=this.onChangeNewCell.bind(this)}componentDidUpdate(e,t,n){(0,w.shallowEqual)(this.props.data,e.data)||this.setState({rows:this.props.data})}saveRow(e,t){const{rows:n}=this.state;let a=n.find((t=>t.id==e));a.is_edit=!1,this.editing_row=null,this.setState({rows:n}),this.onSave(a)}deleteClick(e){let t=this.props.options.actions.delete.onClick;this.props.options.hasOwnProperty("noAlert")?t(e):d().fire({title:p().translate("general.are_you_sure"),text:p().translate("general.remove_warning"),type:"warning",showCancelButton:!0,confirmButtonColor:"#DD6B55",confirmButtonText:p().translate("general.yes_delete")}).then((function(n){n.value&&t(e)}))}editRow(e,t){const{rows:n}=this.state;let a=n.find((t=>t.id==e));this.editing_row=g({},a),a.is_edit=!0,this.setState({rows:n})}editRowCancel(e,t){const{rows:n}=this.state;n.forEach((e=>{e.is_edit=!1}));let a=n.findIndex((t=>t.id==e));n[a]=this.editing_row,this.setState({rows:n})}onChangeCell(e){const{rows:t}=this.state;let n=e.target;t.find((e=>e.id==n.id))[n.name]=n.value,this.setState({rows:t})}onChangeNewCell(e){const{new_row:t}=this.state;let n=e.target;t[n.name]=n.value,this.setState({new_row:t})}saveNewRow(e){const{new_row:t}=this.state;e.preventDefault(),this.onSave(t),this.setState({new_row:{}})}render(){let{options:e,columns:n}=this.props,a=e.hasOwnProperty("className")?e.className:"",r=this.props.hasOwnProperty("textArea");return t().createElement("div",null,t().createElement("table",{className:"table table-striped table-bordered editableTable "+a},t().createElement("thead",null,t().createElement("tr",null,n.map(((e,n)=>{let a=e.width?e.width:b;return t().createElement(s,{width:a,key:"heading_"+n},e.value)})),this.actions&&t().createElement(s,{key:"actions_heading"},"Actions"))),t().createElement("tbody",null,n.length>0&&this.state.rows.map(((e,a)=>Array.isArray(e)&&e.length!==n.length?(console.warn(`Data at row ${a} is ${e.length}. It should be ${n.length}.`),t().createElement("tr",null)):t().createElement(l,{even:a%2==0,key:"row_"+e.id,id:e.id},((e,n,a,r)=>{var s=n.map(((n,s)=>t().createElement(i,{shouldUseTextArea:r,key:e.id+"_field"+s,name:n.columnKey,id:e.id,is_edit:e.is_edit,handleChange:a.handleChange},e[n.columnKey])));return a&&s.push(t().createElement(o,{key:"actions_"+e.id,id:e.id,actions:a})),s})(e,n,this.actions,r)))),t().createElement(l,{even:0,id:"new_row",key:"new_row"},((e,n,a,r,s)=>{var i=e.map(((e,a)=>{let i=void 0!==n[e.columnKey]?n[e.columnKey]:"";return t().createElement("td",{key:"new_row_"+a},s&&t().createElement("textarea",{className:"form-control",id:"new_"+e.columnKey,name:e.columnKey,onChange:r,value:i}),!s&&t().createElement("input",{className:"form-control",id:"new_"+e.columnKey,name:e.columnKey,onChange:r,value:i}))}));return i.push(t().createElement("td",{key:"add_new"},t().createElement("button",{className:"btn btn-default",onClick:a}," Add "))),i})(n,this.state.new_row,this.saveNewRow,this.handleNewChange,r)))),t().createElement(m(),{delayShow:10}))}}})(),a})()}));

package/lib/components/table-selectable.js

@@ -1 +1 @@
-!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,(function(){return(()=>{"use strict";var e={418:(e,t,n)=>{n.d(t,{default:()=>s});var o=n(6689),r=n.n(o);const s=({children:e,className:t=""})=>r().createElement("span",{className:t,dangerouslySetInnerHTML:{__html:e.replace(/\n/g,"<br />")}})},6689:e=>{e.exports=require("react")}},t={};function n(o){var r=t[o];if(void 0!==r)return r.exports;var s=t[o]={exports:{}};return e[o](s,s.exports,n),s.exports}(()=>{n.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return n.d(t,{a:t}),t}})(),(()=>{n.d=(e,t)=>{for(var o in t)n.o(t,o)&&!n.o(e,o)&&Object.defineProperty(e,o,{enumerable:!0,get:t[o]})}})(),(()=>{n.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t)})(),(()=>{n.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})}})();var o={};return(()=>{n.r(o),n.d(o,{default:()=>f});var e=n(6689),t=n.n(e);const r=require("prop-types");var s=n.n(r);class l extends t().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 t().createElement("th",{onClick:this.handleSort,className:this.getSortClass(),width:this.props.width},this.props.children)}}l.propTypes={onSort:s().func,sortDir:s().number,columnIndex:s().number,columnKey:s().any,sortable:s().bool,sortFunc:s().func};const i=l;var a=n(418);const c=e=>{let{children:n}=e,o="";return n&&(o=t().isValidElement(n)?n:t().createElement(a.default,null,n.toString())),t().createElement("td",e,o)};class d extends t().Component{constructor(e){super(e),this.handleEdit=this.handleEdit.bind(this),this.handleSelect=this.handleSelect.bind(this)}shouldDisplayAction(e){let{id:t}=this.props;return!e.hasOwnProperty("display")||e.display(t)}handleEdit(e,t){"checkbox"!==t.target.type&&(t.stopPropagation(),t.preventDefault(),this.props.actions.edit.onClick(e))}handleSelect(e,t){this.props.actions.edit.onSelected(e,t.target.checked)}render(){let{even:e,actions:n,id:o,children:r,checked:s}=this.props,l=e?"even":"odd";return n.hasOwnProperty("edit")&&this.shouldDisplayAction(n.edit)?t().createElement("tr",{role:"row",className:l+" can-edit",onClick:this.handleEdit.bind(this,o)},t().createElement("td",{key:o+"_select"},t().createElement("input",{type:"checkbox",id:o+"_select",name:o+"_select",checked:s,onChange:this.handleSelect.bind(this,o)})),r):t().createElement("tr",{role:"row",className:l},t().createElement("td",{key:o+"_select"},t().createElement("input",{type:"checkbox",id:o+"_select",name:o+"_select",checked:s,onChange:this.handleSelect.bind(this,o)})),r)}}class h extends t().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,n){n.stopPropagation(),n.preventDefault(),e(t)}render(){let{actions:e,id:n}=this.props;return t().createElement("td",{className:"actions",key:"actions"},e.hasOwnProperty("delete")&&this.shouldDisplayAction(e.delete)&&t().createElement("a",{href:"","data-tip":"delete",onClick:this.handleAction.bind(this,e.delete.onClick,n)},t().createElement("i",{className:"fa fa-trash-o delete-icon"})),e.hasOwnProperty("custom")&&e.custom.map((e=>this.shouldDisplayAction(e)&&t().createElement("a",{href:"","data-tip":e.tooltip,key:"custom_"+e.name,onClick:this.handleAction.bind(this,e.onClick,n)},e.icon))))}}const p=require("react-tooltip");var u=n.n(p);const m={sortFunc:(e,t)=>e<t?-1:e>t?1:0,sortable:!1,sortCol:0,sortDir:1,colWidth:""},y=(e,t,n,o)=>e&&e===n||n===t?o:null;class b extends t().Component{constructor(e){super(e)}render(){let{options:e,columns:n}=this.props,o=e.hasOwnProperty("selectedIds")?e.selectedIds:[],r=e.hasOwnProperty("className")?e.className:"";return r+=e.actions.hasOwnProperty("edit")?" table-hover":"",t().createElement("div",null,t().createElement("table",{className:"table table-striped dataTable "+r},t().createElement("thead",null,t().createElement("tr",null,t().createElement("th",null,t().createElement("input",{type:"checkbox",id:"select_all",name:"select_all",onChange:e.actions.edit.onSelectedAll,checked:e.selectedAll})),n.map(((n,o)=>{let r=void 0!==e.sortCol?e.sortCol:m.sortCol,s=void 0!==e.sortDir?e.sortDir:m.sortDir,l=void 0!==e.sortFunc?e.sortFunc:m.sortFunc,a=void 0!==n.sortable?n.sortable:m.sortable,c=void 0!==n.width?n.width:m.colWidth;return t().createElement(i,{onSort:this.props.onSort,sortDir:y(n.columnKey,o,r,s),sortable:a,sortFunc:l,columnIndex:o,columnKey:n.columnKey,width:c,key:"heading_"+o},n.value)})),e.actions&&t().createElement(i,{key:"actions_heading"},e.actionsHeader||" "))),t().createElement("tbody",null,n.length>0&&this.props.data.map(((r,s)=>Array.isArray(r)&&r.length!==n.length?(console.warn(`Data at row ${s} is ${r.length}. It should be ${n.length}.`),t().createElement("tr",{key:"row_"+s})):t().createElement(d,{checked:e.selectedAll||o.includes(r.id),even:s%2==0,key:"row_"+r.id,id:r.id,actions:e.actions},((e,n,o)=>{var r=n.map(((n,o)=>t().createElement(c,{key:e.id+"_field"+o,name:n.columnKey,id:e.id},e[n.columnKey])));return o&&r.push(t().createElement(h,{key:"actions_cell",id:e.id,actions:o})),r})(r,n,e.actions)))))),t().createElement(u(),{delayShow:10}))}}const f=b})(),o})()}));
+!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,(function(){return(()=>{"use strict";var e={418:(e,t,n)=>{n.d(t,{default:()=>s});var o=n(6689),r=n.n(o);const s=({children:e,className:t=""})=>r().createElement("span",{className:t,dangerouslySetInnerHTML:{__html:e.replace(/\n/g,"<br />")}})},580:e=>{e.exports=require("prop-types")},6689:e=>{e.exports=require("react")},2076:e=>{e.exports=require("react-tooltip")}},t={};function n(o){var r=t[o];if(void 0!==r)return r.exports;var s=t[o]={exports:{}};return e[o](s,s.exports,n),s.exports}(()=>{n.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return n.d(t,{a:t}),t}})(),(()=>{n.d=(e,t)=>{for(var o in t)n.o(t,o)&&!n.o(e,o)&&Object.defineProperty(e,o,{enumerable:!0,get:t[o]})}})(),(()=>{n.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t)})(),(()=>{n.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})}})();var o={};return(()=>{n.r(o),n.d(o,{default:()=>f});var e=n(6689),t=n.n(e),r=n(580),s=n.n(r);class l extends t().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 t().createElement("th",{onClick:this.handleSort,className:this.getSortClass(),width:this.props.width},this.props.children)}}l.propTypes={onSort:s().func,sortDir:s().number,columnIndex:s().number,columnKey:s().any,sortable:s().bool,sortFunc:s().func};const i=l;var a=n(418);const c=e=>{let{children:n}=e,o="";return n&&(o=t().isValidElement(n)?n:t().createElement(a.default,null,n.toString())),t().createElement("td",e,o)};class d extends t().Component{constructor(e){super(e),this.handleEdit=this.handleEdit.bind(this),this.handleSelect=this.handleSelect.bind(this)}shouldDisplayAction(e){let{id:t}=this.props;return!e.hasOwnProperty("display")||e.display(t)}handleEdit(e,t){"checkbox"!==t.target.type&&(t.stopPropagation(),t.preventDefault(),this.props.actions.edit.onClick(e))}handleSelect(e,t){this.props.actions.edit.onSelected(e,t.target.checked)}render(){let{even:e,actions:n,id:o,children:r,checked:s}=this.props,l=e?"even":"odd";return n.hasOwnProperty("edit")&&this.shouldDisplayAction(n.edit)?t().createElement("tr",{role:"row",className:l+" can-edit",onClick:this.handleEdit.bind(this,o)},t().createElement("td",{key:o+"_select"},t().createElement("input",{type:"checkbox",id:o+"_select",name:o+"_select",checked:s,onChange:this.handleSelect.bind(this,o)})),r):t().createElement("tr",{role:"row",className:l},t().createElement("td",{key:o+"_select"},t().createElement("input",{type:"checkbox",id:o+"_select",name:o+"_select",checked:s,onChange:this.handleSelect.bind(this,o)})),r)}}class h extends t().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,n){n.stopPropagation(),n.preventDefault(),e(t)}render(){let{actions:e,id:n}=this.props;return t().createElement("td",{className:"actions",key:"actions"},e.hasOwnProperty("delete")&&this.shouldDisplayAction(e.delete)&&t().createElement("a",{href:"","data-tip":"delete",onClick:this.handleAction.bind(this,e.delete.onClick,n)},t().createElement("i",{className:"fa fa-trash-o delete-icon"})),e.hasOwnProperty("custom")&&e.custom.map((e=>this.shouldDisplayAction(e)&&t().createElement("a",{href:"","data-tip":e.tooltip,key:"custom_"+e.name,onClick:this.handleAction.bind(this,e.onClick,n)},e.icon))))}}var p=n(2076),u=n.n(p);const m={sortFunc:(e,t)=>e<t?-1:e>t?1:0,sortable:!1,sortCol:0,sortDir:1,colWidth:""},y=(e,t,n,o)=>e&&e===n||n===t?o:null;class b extends t().Component{constructor(e){super(e)}render(){let{options:e,columns:n}=this.props,o=e.hasOwnProperty("selectedIds")?e.selectedIds:[],r=e.hasOwnProperty("className")?e.className:"";return r+=e.actions.hasOwnProperty("edit")?" table-hover":"",t().createElement("div",null,t().createElement("table",{className:"table table-striped dataTable "+r},t().createElement("thead",null,t().createElement("tr",null,t().createElement("th",null,t().createElement("input",{type:"checkbox",id:"select_all",name:"select_all",onChange:e.actions.edit.onSelectedAll,checked:e.selectedAll})),n.map(((n,o)=>{let r=void 0!==e.sortCol?e.sortCol:m.sortCol,s=void 0!==e.sortDir?e.sortDir:m.sortDir,l=void 0!==e.sortFunc?e.sortFunc:m.sortFunc,a=void 0!==n.sortable?n.sortable:m.sortable,c=void 0!==n.width?n.width:m.colWidth;return t().createElement(i,{onSort:this.props.onSort,sortDir:y(n.columnKey,o,r,s),sortable:a,sortFunc:l,columnIndex:o,columnKey:n.columnKey,width:c,key:"heading_"+o},n.value)})),e.actions&&t().createElement(i,{key:"actions_heading"},e.actionsHeader||" "))),t().createElement("tbody",null,n.length>0&&this.props.data.map(((r,s)=>Array.isArray(r)&&r.length!==n.length?(console.warn(`Data at row ${s} is ${r.length}. It should be ${n.length}.`),t().createElement("tr",{key:"row_"+s})):t().createElement(d,{checked:e.selectedAll||o.includes(r.id),even:s%2==0,key:"row_"+r.id,id:r.id,actions:e.actions},((e,n,o)=>{var r=n.map(((n,o)=>t().createElement(c,{key:e.id+"_field"+o,name:n.columnKey,id:e.id},e[n.columnKey])));return o&&r.push(t().createElement(h,{key:"actions_cell",id:e.id,actions:o})),r})(r,n,e.actions)))))),t().createElement(u(),{delayShow:10}))}}const f=b})(),o})()}));

package/lib/components/table-sortable.js

@@ -1 +1 @@
-!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,(function(){return(()=>{"use strict";var e={9732:(e,t,r)=>{require("moment-timezone");r(6530)},6530:e=>{e.exports=require("urijs")}},t={};function r(n){var o=t[n];if(void 0!==o)return o.exports;var i=t[n]={exports:{}};return e[n](i,i.exports,r),i.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 n in t)r.o(t,n)&&!r.o(e,n)&&Object.defineProperty(e,n,{enumerable:!0,get:t[n]})}})(),(()=>{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 n={};return(()=>{r.r(n),r.d(n,{default:()=>w});const e=require("react");var t=r.n(e);const o=require("prop-types");var i=r.n(o);const a=require("immutability-helper");var s=r.n(a);const c=require("react-dnd"),l=require("react-dnd-html5-backend");class d extends t().Component{constructor(e){super(e)}render(){return t().createElement("th",{width:this.props.width},this.props.children)}}const u=d,p=e=>t().createElement("td",e,e.children);class m extends t().Component{constructor(e){super(e),this.handleAction=this.handleAction.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:r}=this.props;return t().createElement("td",{className:"actions",key:"actions"},e.hasOwnProperty("edit")&&this.shouldDisplayAction(e.edit)&&t().createElement("a",{href:"","data-tip":"edit",onClick:this.handleAction.bind(this,e.edit.onClick,r)},t().createElement("i",{className:"fa fa-pencil-square-o"})),e.hasOwnProperty("delete")&&this.shouldDisplayAction(e.delete)&&t().createElement("a",{href:"","data-tip":"delete",onClick:this.handleAction.bind(this,e.delete.onClick,r)},t().createElement("i",{className:"fa fa-trash-o delete-icon"})),"custom"in e&&e.custom.map((e=>this.shouldDisplayAction(e,r)&&t().createElement("a",{href:"","data-tip":e.tooltip,key:"custom_"+e.name,onClick:this.handleAction.bind(this,e.onClick,r)},e.icon))))}}function h(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function y(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?h(Object(r),!0).forEach((function(t){b(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):h(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}function b(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}const f=({text:r,even:n,id:o,index:i,moveCard:a,dropItem:s,children:l})=>{const d=(0,e.useRef)(null),[{handlerId:u},p]=(0,c.useDrop)({accept:"row",collect:e=>({handlerId:e.getHandlerId()}),drop:(e,t)=>s(o,i+1),hover(e,t){var r;if(!d.current)return;const n=e.index,o=i;if(n===o)return;const s=null===(r=d.current)||void 0===r?void 0:r.getBoundingClientRect(),c=(s.bottom-s.top)/2,l=t.getClientOffset().y-s.top;n<o&&l<c||n>o&&l>c||(a(n,o),e.index=o)}}),[{isDragging:m},h]=(0,c.useDrag)({type:"row",item:()=>({id:o,index:i}),collect:e=>({isDragging:e.isDragging()})}),b=m?0:1;return h(p(d)),t().createElement("tr",{id:o,ref:d,role:"row",className:n?"even":"odd",style:y(y({},{border:"1px dashed gray",padding:"0.5rem 1rem",marginBottom:".5rem",backgroundColor:"white",cursor:"move"}),{},{opacity:b})},l)};f.propTypes={index:i().number.isRequired,id:i().any.isRequired,moveCard:i().func.isRequired};const g=f,v=require("i18n-react/dist/i18n-react");var O=r.n(v);r(9732);const k="",E=({data:r,options:n,columns:o,dropCallback:i,orderField:a})=>{const[d,h]=(0,e.useState)(r),y=(0,e.useCallback)(((e,r,n,o)=>t().createElement(g,{even:o%2==0,key:e.id,index:o,id:e.id,moveCard:b,dropItem:f},((e,r,n)=>{var o=r.map(((r,n)=>t().createElement(p,{key:n},e[r.columnKey])));return n&&o.push(t().createElement(m,{key:"actions",id:e.id,actions:n})),o})(e,r,n.actions))),[]),b=(0,e.useCallback)(((e,t,r)=>{h((r=>s()(r,{$splice:[[e,1],[t,0,r[e]]]})))}),[]),f=(e,t)=>{i(d,e,t)};let v=n.hasOwnProperty("className")?n.className:"";return t().createElement("div",{className:"sortable-table-box"},t().createElement("i",null,O().translate("general.drag_and_drop")),t().createElement("table",{className:"table table-striped table-hover sortableTable "+v},t().createElement("thead",null,t().createElement("tr",null,o.map(((e,r)=>{let n=e.width?e.width:k;return t().createElement(u,{width:n,key:r},e.value)})),n.actions&&t().createElement(u,{key:"actions"},"Actions"))),t().createElement("tbody",null,o.length>0&&d.map(((e,r)=>Array.isArray(e)&&e.length!==o.length?(console.warn(`Data at row ${r} is ${e.length}. It should be ${o.length}.`),t().createElement("tr",null)):t().createElement(c.DndProvider,{backend:l.HTML5Backend},y(e,o,n,r)))))))};E.propTypes={data:i().array.isRequired,options:i().shape({className:i().string,actions:i().object}).isRequired,columns:i().arrayOf(i().shape({columnKey:i().string.isRequired,value:i().any.isRequired})).isRequired,orderField:i().string.isRequired,dropCallback:i().func.isRequired};const w=E})(),n})()}));
+!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,(function(){return(()=>{"use strict";var e={4656:e=>{e.exports=require("i18n-react/dist/i18n-react")},580:e=>{e.exports=require("prop-types")},6689:e=>{e.exports=require("react")}},t={};function r(n){var o=t[n];if(void 0!==o)return o.exports;var a=t[n]={exports:{}};return e[n](a,a.exports,r),a.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 n in t)r.o(t,n)&&!r.o(e,n)&&Object.defineProperty(e,n,{enumerable:!0,get:t[n]})}})(),(()=>{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 n={};return(()=>{r.r(n),r.d(n,{default:()=>w});var e=r(6689),t=r.n(e),o=r(580),a=r.n(o);const i=require("immutability-helper");var s=r.n(i);const c=require("react-dnd"),l=require("react-dnd-html5-backend");class d extends t().Component{constructor(e){super(e)}render(){return t().createElement("th",{width:this.props.width},this.props.children)}}const u=d,p=e=>t().createElement("td",e,e.children);class m extends t().Component{constructor(e){super(e),this.handleAction=this.handleAction.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:r}=this.props;return t().createElement("td",{className:"actions",key:"actions"},e.hasOwnProperty("edit")&&this.shouldDisplayAction(e.edit)&&t().createElement("a",{href:"","data-tip":"edit",onClick:this.handleAction.bind(this,e.edit.onClick,r)},t().createElement("i",{className:"fa fa-pencil-square-o"})),e.hasOwnProperty("delete")&&this.shouldDisplayAction(e.delete)&&t().createElement("a",{href:"","data-tip":"delete",onClick:this.handleAction.bind(this,e.delete.onClick,r)},t().createElement("i",{className:"fa fa-trash-o delete-icon"})),"custom"in e&&e.custom.map((e=>this.shouldDisplayAction(e,r)&&t().createElement("a",{href:"","data-tip":e.tooltip,key:"custom_"+e.name,onClick:this.handleAction.bind(this,e.onClick,r)},e.icon))))}}function h(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function y(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?h(Object(r),!0).forEach((function(t){f(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):h(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}function f(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}const b=({text:r,even:n,id:o,index:a,moveCard:i,dropItem:s,children:l})=>{const d=(0,e.useRef)(null),[{handlerId:u},p]=(0,c.useDrop)({accept:"row",collect:e=>({handlerId:e.getHandlerId()}),drop:(e,t)=>s(o,a+1),hover(e,t){var r;if(!d.current)return;const n=e.index,o=a;if(n===o)return;const s=null===(r=d.current)||void 0===r?void 0:r.getBoundingClientRect(),c=(s.bottom-s.top)/2,l=t.getClientOffset().y-s.top;n<o&&l<c||n>o&&l>c||(i(n,o),e.index=o)}}),[{isDragging:m},h]=(0,c.useDrag)({type:"row",item:()=>({id:o,index:a}),collect:e=>({isDragging:e.isDragging()})}),f=m?0:1;return h(p(d)),t().createElement("tr",{id:o,ref:d,role:"row",className:n?"even":"odd",style:y(y({},{border:"1px dashed gray",padding:"0.5rem 1rem",marginBottom:".5rem",backgroundColor:"white",cursor:"move"}),{},{opacity:f})},l)};b.propTypes={index:a().number.isRequired,id:a().any.isRequired,moveCard:a().func.isRequired};const g=b;var v=r(4656),O=r.n(v);const E="",k=({data:r,options:n,columns:o,dropCallback:a})=>{const[i,d]=(0,e.useState)(r),h=(e,r,n,o)=>t().createElement(g,{even:o%2==0,key:e.id,index:o,id:e.id,moveCard:y,dropItem:f},((e,r,n)=>{var o=r.map(((r,n)=>t().createElement(p,{key:n},e[r.columnKey])));return n&&o.push(t().createElement(m,{key:"actions",id:e.id,actions:n})),o})(e,r,n.actions)),y=(e,t,r)=>{d((r=>s()(r,{$splice:[[e,1],[t,0,r[e]]]})))},f=(e,t)=>{a(i,e,t)};let b=n.hasOwnProperty("className")?n.className:"";return t().createElement("div",{className:"sortable-table-box"},t().createElement("i",null,O().translate("general.drag_and_drop")),t().createElement("table",{className:"table table-striped table-hover sortableTable "+b},t().createElement("thead",null,t().createElement("tr",null,o.map(((e,r)=>{let n=e.width?e.width:E;return t().createElement(u,{width:n,key:r},e.value)})),n.actions&&t().createElement(u,{key:"actions"},"Actions"))),t().createElement("tbody",null,o.length>0&&i.map(((e,r)=>Array.isArray(e)&&e.length!==o.length?(console.warn(`Data at row ${r} is ${e.length}. It should be ${o.length}.`),t().createElement("tr",null)):t().createElement(c.DndProvider,{backend:l.HTML5Backend},h(e,o,n,r)))))))};k.propTypes={data:a().array.isRequired,options:a().shape({className:a().string,actions:a().object}).isRequired,columns:a().arrayOf(a().shape({columnKey:a().string.isRequired,value:a().any.isRequired})).isRequired,dropCallback:a().func.isRequired};const w=k})(),n})()}));

package/lib/components/table.js

@@ -1 +1 @@
-!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,(function(){return(()=>{"use strict";var e={418:(e,t,r)=>{r.d(t,{default:()=>s});var o=r(6689),n=r.n(o);const s=({children:e,className:t=""})=>n().createElement("span",{className:t,dangerouslySetInnerHTML:{__html:e.replace(/\n/g,"<br />")}})},580:e=>{e.exports=require("prop-types")},6689:e=>{e.exports=require("react")}},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={};return(()=>{r.r(o),r.d(o,{default:()=>b});var e=r(6689),t=r.n(e),n=r(580),s=r.n(n);class a extends t().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 t().createElement("th",{onClick:this.handleSort,className:this.getSortClass(),width:this.props.width},this.props.children)}}a.propTypes={onSort:s().func,sortDir:s().number,columnIndex:s().number,columnKey:s().any,sortable:s().bool,sortFunc:s().func};const i=a;var l=r(418);const c=e=>{let{children:r}=e,o="";return r&&(o=t().isValidElement(r)?r:t().createElement(l.default,null,r.toString())),t().createElement("td",e,o)};class d extends t().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:r,id:o,children:n}=this.props,s=e?"even":"odd";return r.hasOwnProperty("edit")&&this.shouldDisplayAction(r.edit)?t().createElement("tr",{role:"row",className:s+" can-edit",onClick:this.handleEdit.bind(this,o)},n):t().createElement("tr",{role:"row",className:s},n)}}class p extends t().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:r}=this.props;return t().createElement("td",{className:"actions",key:"actions"},e.hasOwnProperty("delete")&&this.shouldDisplayAction(e.delete)&&t().createElement("a",{href:"","data-tip":"delete",onClick:this.handleAction.bind(this,e.delete.onClick,r)},t().createElement("i",{className:"fa fa-trash-o delete-icon"})),e.hasOwnProperty("custom")&&e.custom.map((e=>this.shouldDisplayAction(e)&&t().createElement("a",{href:"","data-tip":e.tooltip,key:"custom_"+e.name,onClick:this.handleAction.bind(this,e.onClick,r)},e.icon))))}}const h=require("react-tooltip");var u=r.n(h);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=>{let{options:r,columns:o}=e,n=r.hasOwnProperty("className")?r.className:"";return n+=r.actions.hasOwnProperty("edit")?" table-hover":"",t().createElement("div",null,t().createElement("table",{className:"table table-striped dataTable "+n},t().createElement("thead",null,t().createElement("tr",null,o.map(((o,n)=>{let s=void 0!==r.sortCol?r.sortCol:m.sortCol,a=void 0!==r.sortDir?r.sortDir:m.sortDir,l=void 0!==r.sortFunc?r.sortFunc:m.sortFunc,c=void 0!==o.sortable?o.sortable:m.sortable,d=void 0!==o.width?o.width:m.colWidth;return t().createElement(i,{onSort:e.onSort,sortDir:y(o.columnKey,n,s,a),sortable:c,sortFunc:l,columnIndex:n,columnKey:o.columnKey,width:d,key:"heading_"+n},o.value)})),r.actions&&t().createElement(i,{key:"actions_heading"},r.actionsHeader||" "))),t().createElement("tbody",null,o.length>0&&e.data.map(((e,n)=>Array.isArray(e)&&e.length!==o.length?(console.warn(`Data at row ${n} is ${e.length}. It should be ${o.length}.`),t().createElement("tr",{key:"row_"+n})):t().createElement(d,{even:n%2==0,key:"row_"+n,id:e.id,actions:r.actions},((e,r,o)=>{var n=r.map(((r,o)=>r.hasOwnProperty("render")?t().createElement(c,{key:"cell_"+o},r.render(e,e[r.columnKey])):t().createElement(c,{key:"cell_"+o},e[r.columnKey])));return o&&n.push(t().createElement(p,{key:"actions_cell",id:e.id,actions:o})),n})(e,o,r.actions)))))),t().createElement(u(),{delayShow:10}))}})(),o})()}));
+!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,(function(){return(()=>{"use strict";var e={418:(e,t,r)=>{r.d(t,{default:()=>s});var o=r(6689),n=r.n(o);const s=({children:e,className:t=""})=>n().createElement("span",{className:t,dangerouslySetInnerHTML:{__html:e.replace(/\n/g,"<br />")}})},580:e=>{e.exports=require("prop-types")},6689:e=>{e.exports=require("react")},2076: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={};return(()=>{r.r(o),r.d(o,{default:()=>b});var e=r(6689),t=r.n(e),n=r(580),s=r.n(n);class l extends t().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 t().createElement("th",{onClick:this.handleSort,className:this.getSortClass(),width:this.props.width},this.props.children)}}l.propTypes={onSort:s().func,sortDir:s().number,columnIndex:s().number,columnKey:s().any,sortable:s().bool,sortFunc:s().func};const a=l;var i=r(418);const c=e=>{let{children:r}=e,o="";return r&&(o=t().isValidElement(r)?r:t().createElement(i.default,null,r.toString())),t().createElement("td",e,o)};class d extends t().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:r,id:o,children:n}=this.props,s=e?"even":"odd";return r.hasOwnProperty("edit")&&this.shouldDisplayAction(r.edit)?t().createElement("tr",{role:"row",className:s+" can-edit",onClick:this.handleEdit.bind(this,o)},n):t().createElement("tr",{role:"row",className:s},n)}}class p extends t().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:r}=this.props;return t().createElement("td",{className:"actions",key:"actions"},e.hasOwnProperty("delete")&&this.shouldDisplayAction(e.delete)&&t().createElement("a",{href:"","data-tip":"delete",onClick:this.handleAction.bind(this,e.delete.onClick,r)},t().createElement("i",{className:"fa fa-trash-o delete-icon"})),e.hasOwnProperty("custom")&&e.custom.map((e=>this.shouldDisplayAction(e)&&t().createElement("a",{href:"","data-tip":e.tooltip,key:"custom_"+e.name,onClick:this.handleAction.bind(this,e.onClick,r)},e.icon))))}}var h=r(2076),u=r.n(h);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=>{let{options:r,columns:o}=e,n=r.hasOwnProperty("className")?r.className:"";return n+=r.actions.hasOwnProperty("edit")?" table-hover":"",t().createElement("div",null,t().createElement("table",{className:"table table-striped dataTable "+n},t().createElement("thead",null,t().createElement("tr",null,o.map(((o,n)=>{let s=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,c=void 0!==o.sortable?o.sortable:m.sortable,d=void 0!==o.width?o.width:m.colWidth;return t().createElement(a,{onSort:e.onSort,sortDir:y(o.columnKey,n,s,l),sortable:c,sortFunc:i,columnIndex:n,columnKey:o.columnKey,width:d,key:"heading_"+n},o.value)})),r.actions&&t().createElement(a,{key:"actions_heading"},r.actionsHeader||" "))),t().createElement("tbody",null,o.length>0&&e.data.map(((e,n)=>Array.isArray(e)&&e.length!==o.length?(console.warn(`Data at row ${n} is ${e.length}. It should be ${o.length}.`),t().createElement("tr",{key:"row_"+n})):t().createElement(d,{even:n%2==0,key:"row_"+n,id:e.id,actions:r.actions},((e,r,o)=>{var n=r.map(((r,o)=>r.hasOwnProperty("render")?t().createElement(c,{key:"cell_"+o},r.render(e,e[r.columnKey])):t().createElement(c,{key:"cell_"+o,title:r.hasOwnProperty("title")?e[r.columnKey]:null},e[r.columnKey])));return o&&n.push(t().createElement(p,{key:"actions_cell",id:e.id,actions:o})),n})(e,o,r.actions)))))),t().createElement(u(),{delayShow:10}))}})(),o})()}));

package/lib/components/video-stream.js

@@ -1 +1 @@
-!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,(function(){return(()=>{"use strict";var e={};(()=>{e.n=t=>{var o=t&&t.__esModule?()=>t.default:()=>t;return e.d(o,{a:o}),o}})(),(()=>{e.d=(t,o)=>{for(var r in o)e.o(o,r)&&!e.o(t,r)&&Object.defineProperty(t,r,{enumerable:!0,get:o[r]})}})(),(()=>{e.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t)})(),(()=>{e.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})}})();var t={};e.r(t),e.d(t,{default:()=>c});const o=require("react");var r=e.n(o);const n=require("video.js");var i=e.n(n);require("video.js/dist/video-js.css");const a=({videoSrcURL:e,videoTitle:t})=>r().createElement("div",{className:"video"},r().createElement("iframe",{width:"100%",height:"720",title:t,src:e,frameBorder:"0",allow:"accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture",allowFullScreen:!0}));class l extends r().Component{componentDidMount(){this.player=i()(this.videoNode,this.props)}componentWillUnmount(){this.player&&this.player.dispose()}render(){return r().createElement("div",{"data-vjs-player":""},r().createElement("video",{ref:e=>this.videoNode=e,className:"video-js vjs-big-play-centered"}))}}const c=({url:e})=>{let t=null;if(e)if((()=>{let t=null;return t=!!e.match(/.m3u8/),t})()){const o={autoplay:!0,controls:!0,fluid:!0,sources:[{src:e,type:"application/x-mpegURL"}]};t=r().createElement(l,o)}else t=r().createElement(a,{videoSrcURL:e});else t=r().createElement("span",{className:"no-video"},"No video URL Provided");return t};return t})()}));
+!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,(function(){return(()=>{"use strict";var e={6689:e=>{e.exports=require("react")}},t={};function o(r){var n=t[r];if(void 0!==n)return n.exports;var i=t[r]={exports:{}};return e[r](i,i.exports,o),i.exports}(()=>{o.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return o.d(t,{a:t}),t}})(),(()=>{o.d=(e,t)=>{for(var r in t)o.o(t,r)&&!o.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:t[r]})}})(),(()=>{o.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t)})(),(()=>{o.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})}})();var r={};return(()=>{o.r(r),o.d(r,{default:()=>l});var e=o(6689),t=o.n(e);const n=require("video.js");var i=o.n(n);require("video.js/dist/video-js.css");const a=({videoSrcURL:e,videoTitle:o})=>t().createElement("div",{className:"video"},t().createElement("iframe",{width:"100%",height:"720",title:o,src:e,frameBorder:"0",allow:"accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture",allowFullScreen:!0}));class s extends t().Component{componentDidMount(){this.player=i()(this.videoNode,this.props)}componentWillUnmount(){this.player&&this.player.dispose()}render(){return t().createElement("div",{"data-vjs-player":""},t().createElement("video",{ref:e=>this.videoNode=e,className:"video-js vjs-big-play-centered"}))}}const l=({url:e})=>{let o=null;if(e)if((()=>{let t=null;return t=!!e.match(/.m3u8/),t})()){const r={autoplay:!0,controls:!0,fluid:!0,sources:[{src:e,type:"application/x-mpegURL"}]};o=t().createElement(s,r)}else o=t().createElement(a,{videoSrcURL:e});else o=t().createElement("span",{className:"no-video"},"No video URL Provided");return o}})(),r})()}));