zigbee2mqtt-frontend 0.9.8 → 0.9.9

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (86) hide show
  1. package/CHANGELOG.md +14 -0
  2. package/dist/assets/{Availability-fed47c87.js → Availability-1675991e.js} +1 -1
  3. package/dist/assets/Availability-1675991e.js.br +0 -0
  4. package/dist/assets/{CodeEditor-33e25424.js → CodeEditor-c575f886.js} +1 -1
  5. package/dist/assets/CodeEditor-c575f886.js.br +0 -0
  6. package/dist/assets/{ConnectedDevicePage-47a9e8fd.js → ConnectedDevicePage-80930a69.js} +1 -1
  7. package/dist/assets/ConnectedDevicePage-80930a69.js.br +0 -0
  8. package/dist/assets/{ConnectedMap-eabba86e.js → ConnectedMap-ddb8578b.js} +1 -1
  9. package/dist/assets/ConnectedMap-ddb8578b.js.br +0 -0
  10. package/dist/assets/{Dashboard-3791ebf9.js → Dashboard-555d5c3d.js} +1 -1
  11. package/dist/assets/Dashboard-555d5c3d.js.br +0 -0
  12. package/dist/assets/{DashboardDevice-b6b96e13.js → DashboardDevice-df4f4d26.js} +1 -1
  13. package/dist/assets/DashboardDevice-df4f4d26.js.br +0 -0
  14. package/dist/assets/{DashboardFeatureWrapper-7f54ea64.js → DashboardFeatureWrapper-b21835f0.js} +1 -1
  15. package/dist/assets/DashboardFeatureWrapper-b21835f0.js.br +0 -0
  16. package/dist/assets/{DeviceImage-f6ec5888.js → DeviceImage-15402848.js} +1 -1
  17. package/dist/assets/DeviceImage-15402848.js.br +0 -0
  18. package/dist/assets/{GroupPage-49200c64.js → GroupPage-60b36e09.js} +1 -1
  19. package/dist/assets/GroupPage-60b36e09.js.br +0 -0
  20. package/dist/assets/{ReactTableCom-13b499aa.js → ReactTableCom-0d8dfb0d.js} +1 -1
  21. package/dist/assets/ReactTableCom-0d8dfb0d.js.br +0 -0
  22. package/dist/assets/{RecallRemove-0a64d03c.js → RecallRemove-a69465e6.js} +1 -1
  23. package/dist/assets/RecallRemove-a69465e6.js.br +0 -0
  24. package/dist/assets/{_baseSet-97e612bf.js → _baseSet-2cbec0ba.js} +1 -1
  25. package/dist/assets/{_getAllKeysIn-a3189b68.js → _getAllKeysIn-c12f79d2.js} +1 -1
  26. package/dist/assets/{bootstrap-5.esm-d86cd837.js → bootstrap-5.esm-406138fd.js} +1 -1
  27. package/dist/assets/bootstrap-5.esm-406138fd.js.br +0 -0
  28. package/dist/assets/{index-bc89dfe2.js → index-396be3e8.js} +1 -1
  29. package/dist/assets/index-396be3e8.js.br +0 -0
  30. package/dist/assets/index-638728a1.js +1 -0
  31. package/dist/assets/index-638728a1.js.br +0 -0
  32. package/dist/assets/{index-7d930dc1.js → index-6de9b81e.js} +1 -1
  33. package/dist/assets/index-6de9b81e.js.br +0 -0
  34. package/dist/assets/{index-954f14a1.js → index-7373e9e9.js} +1 -1
  35. package/dist/assets/index-7373e9e9.js.br +0 -0
  36. package/dist/assets/{index-a9bb04e9.js → index-a014dc31.js} +1 -1
  37. package/dist/assets/index-a014dc31.js.br +0 -0
  38. package/dist/assets/{index-23068bf4.js → index-b4211291.js} +12 -12
  39. package/dist/assets/index-b4211291.js.br +0 -0
  40. package/dist/assets/{index-4fcaa722.js → index-badf5c77.js} +1 -1
  41. package/dist/assets/index-badf5c77.js.br +0 -0
  42. package/dist/assets/{index-4339902c.js → index-ee766018.js} +1 -1
  43. package/dist/assets/{index-1b82b6b8.js → index-f0cd4fde.js} +2 -2
  44. package/dist/assets/index-f0cd4fde.js.br +0 -0
  45. package/dist/assets/{index-99fa9147.js → index-fa0414ec.js} +1 -1
  46. package/dist/assets/index-fa0414ec.js.br +0 -0
  47. package/dist/assets/{intersection-91f17eab.js → intersection-dea22c9a.js} +1 -1
  48. package/dist/assets/intersection-dea22c9a.js.br +0 -0
  49. package/dist/assets/{isEqual-ad8cee2a.js → isEqual-a79b9c3c.js} +1 -1
  50. package/dist/assets/{jszip.min-048ecc70.js → jszip.min-c0da592b.js} +1 -1
  51. package/dist/assets/jszip.min-c0da592b.js.br +0 -0
  52. package/dist/assets/{persist-750d029a.js → persist-f61b4a95.js} +1 -1
  53. package/dist/assets/persist-f61b4a95.js.br +0 -0
  54. package/dist/assets/{rjsf-translation-fields-85a8446f.js → rjsf-translation-fields-bbb81f4b.js} +1 -1
  55. package/dist/assets/{spinner-1baacd6e.js → spinner-71421514.js} +1 -1
  56. package/dist/assets/{vendor-links-f5ab3b16.js → vendor-links-9edabbdf.js} +1 -1
  57. package/dist/assets/vendor-links-9edabbdf.js.br +0 -0
  58. package/dist/index.html +1 -1
  59. package/dist/index.html.br +0 -0
  60. package/package.json +1 -1
  61. package/dist/assets/Availability-fed47c87.js.br +0 -0
  62. package/dist/assets/CodeEditor-33e25424.js.br +0 -0
  63. package/dist/assets/ConnectedDevicePage-47a9e8fd.js.br +0 -0
  64. package/dist/assets/ConnectedMap-eabba86e.js.br +0 -0
  65. package/dist/assets/Dashboard-3791ebf9.js.br +0 -0
  66. package/dist/assets/DashboardDevice-b6b96e13.js.br +0 -0
  67. package/dist/assets/DashboardFeatureWrapper-7f54ea64.js.br +0 -0
  68. package/dist/assets/DeviceImage-f6ec5888.js.br +0 -0
  69. package/dist/assets/GroupPage-49200c64.js.br +0 -0
  70. package/dist/assets/ReactTableCom-13b499aa.js.br +0 -0
  71. package/dist/assets/RecallRemove-0a64d03c.js.br +0 -0
  72. package/dist/assets/bootstrap-5.esm-d86cd837.js.br +0 -0
  73. package/dist/assets/index-1b82b6b8.js.br +0 -0
  74. package/dist/assets/index-23068bf4.js.br +0 -0
  75. package/dist/assets/index-4fcaa722.js.br +0 -0
  76. package/dist/assets/index-6889516c.js +0 -1
  77. package/dist/assets/index-6889516c.js.br +0 -0
  78. package/dist/assets/index-7d930dc1.js.br +0 -0
  79. package/dist/assets/index-954f14a1.js.br +0 -0
  80. package/dist/assets/index-99fa9147.js.br +0 -0
  81. package/dist/assets/index-a9bb04e9.js.br +0 -0
  82. package/dist/assets/index-bc89dfe2.js.br +0 -0
  83. package/dist/assets/intersection-91f17eab.js.br +0 -0
  84. package/dist/assets/jszip.min-048ecc70.js.br +0 -0
  85. package/dist/assets/persist-750d029a.js.br +0 -0
  86. package/dist/assets/vendor-links-f5ab3b16.js.br +0 -0
@@ -1 +1 @@
1
- import{q as v,P as u,E as x,j as e,b,x as _,c as N,a as y,w as L,r as w,I as g}from"./index-23068bf4.js";import{w as C,T as S}from"./bootstrap-5.esm-d86cd837.js";import{_ as E}from"./_baseSet-97e612bf.js";var F=u,j=/[\\^$.*+?()[\]{}|]/g,R=RegExp(j.source);function T(s){return s=F(s),s&&R.test(s)?s.replace(j,"\\$&"):s}var P=T;const $=v(P);var D=E;function I(s,o,a){return s==null?s:D(s,o,a)}var K=I;const k=v(K),z={"hide-description":"_hide-description_19xm6_1"},A=C(S);function H(s){const{schema:o={},schemaKey:a="",config:c={},configKey:t="",onChange:r}=s,n=x(c,t,{}),d=x(o,a,{}),l=i=>{const h={};k(h,t,i.formData),r(h)};return e.jsx(A,{schema:d,className:z["hide-description"],formData:n,onChange:l,children:e.jsx("div",{})})}const m="all",p=({text:s})=>e.jsx(e.Fragment,{children:s}),O=({text:s="",highlight:o=""})=>{if(!o.trim())return e.jsx(p,{text:s});const a=new RegExp(`(${$(o)})`,"gi"),c=s.split(a);return e.jsx(e.Fragment,{children:c.filter(t=>t).map((t,r)=>a.test(t)?e.jsx("mark",{children:t},r):e.jsx(p,{text:t},r))})};function f(s){const{logLevel:o,log:a,search:c}=s,t=o===m&&e.jsxs(e.Fragment,{children:[e.jsx("span",{style:{width:"60px"},className:b("badge",{"bg-danger":a.level==="error","bg-warning":a.level==="warning","bg-info":a.level==="info","bg-secondary":!["error","warning","info"].includes(a.level)},"text-capitalize"),children:a.level})," "]});return e.jsxs("div",{children:[t,e.jsx("small",{className:"pe-1",children:_(a.timestamp)}),e.jsx("code",{children:e.jsx(O,{text:a.message,highlight:c})})]})}const q=[m,"debug","info","warning","error"],B=[100,200,500,1e3];class M extends w.Component{constructor(){super(...arguments),this.state={search:"",logLevel:m}}renderSearch(){const{clearLogs:o,bridgeInfo:{config_schema:a,config:c},updateBridgeConfig:t,t:r}=this.props,{search:n}=this.state,{logsLimit:d}=g.getState();return e.jsx("div",{className:"card",children:e.jsx("div",{className:"card-body",children:e.jsxs("div",{className:"row row-cols-lg-auto g-3 align-items-center",children:[e.jsxs("div",{className:"col-12 col-sm-4 col-xxl-4",children:[e.jsx("label",{htmlFor:"log-level",className:"form-label",children:r("show_only")}),e.jsx("select",{id:"log-level",className:"form-select",onChange:l=>this.setState({logLevel:l.target.value}),children:q.map(l=>e.jsx("option",{value:l,children:l},l))})]}),e.jsxs("div",{className:"col-12 col-sm-4 col-xxl-4",children:[e.jsx("label",{htmlFor:"search-filter",className:"form-label",children:r("filter_by_text")}),e.jsx("input",{id:"search-filter",className:"form-control col-10",placeholder:r("common:enter_search_criteria"),value:n,onChange:l=>this.setState({search:l.target.value}),type:"text"})]}),e.jsx("div",{className:"col-12 col-sm-4 col-xxl-4",children:e.jsx(H,{schema:a,schemaKey:"properties.advanced.properties.log_level",config:c,configKey:"advanced.log_level",onChange:t})}),e.jsxs("div",{className:"col-12 col-sm-4 col-xxl-4",children:[e.jsx("label",{htmlFor:"logs-limit",className:"form-label",children:r("logs_limit")}),e.jsx("select",{id:"logs-limit",className:"form-select",onChange:l=>{const i=parseInt(l.target.value);g.setState({logsLimit:i,logs:[...g.getState().logs.slice(-i)]})},children:B.map(l=>e.jsx("option",{value:l,selected:l==d,children:l},l))})]}),e.jsxs("div",{className:"col-12",children:[e.jsx("label",{htmlFor:"reset",children:" "}),e.jsx("input",{id:"reset",type:"button",onClick:o,className:"btn btn-primary form-control",value:r("common:clear")})]})]})})})}render(){let{logs:o}=this.props;const{t:a}=this.props,{search:c,logLevel:t}=this.state;return o=o.filter(r=>(t===m||r.level===t)&&(!c||r.message.toLowerCase().includes(c.toLowerCase()))).sort(),e.jsxs(e.Fragment,{children:[this.renderSearch(),e.jsx("div",{className:"card",children:e.jsxs("div",{className:"card-body",children:[o.length==0?e.jsx("h1",{children:a("empty_logs_message")}):null,e.jsx("div",{className:"overflow-auto",children:o.map((r,n)=>e.jsx(f,{log:r,search:c,logLevel:t},n))})]})})]})}}const W=["logs","bridgeInfo"],G=N(W,y)(L(["logs","common"])(M)),V=Object.freeze(Object.defineProperty({__proto__:null,ConnectedLogsPage:G,LogRow:f},Symbol.toStringTag,{value:"Module"}));export{m as A,f as L,V as i};
1
+ import{q as v,P as u,E as x,j as e,b,x as _,c as N,a as y,w as L,r as w,I as g}from"./index-b4211291.js";import{w as C,T as S}from"./bootstrap-5.esm-406138fd.js";import{_ as E}from"./_baseSet-2cbec0ba.js";var F=u,j=/[\\^$.*+?()[\]{}|]/g,R=RegExp(j.source);function T(s){return s=F(s),s&&R.test(s)?s.replace(j,"\\$&"):s}var P=T;const $=v(P);var D=E;function I(s,o,a){return s==null?s:D(s,o,a)}var K=I;const k=v(K),z={"hide-description":"_hide-description_19xm6_1"},A=C(S);function H(s){const{schema:o={},schemaKey:a="",config:c={},configKey:t="",onChange:r}=s,n=x(c,t,{}),d=x(o,a,{}),l=i=>{const h={};k(h,t,i.formData),r(h)};return e.jsx(A,{schema:d,className:z["hide-description"],formData:n,onChange:l,children:e.jsx("div",{})})}const m="all",p=({text:s})=>e.jsx(e.Fragment,{children:s}),O=({text:s="",highlight:o=""})=>{if(!o.trim())return e.jsx(p,{text:s});const a=new RegExp(`(${$(o)})`,"gi"),c=s.split(a);return e.jsx(e.Fragment,{children:c.filter(t=>t).map((t,r)=>a.test(t)?e.jsx("mark",{children:t},r):e.jsx(p,{text:t},r))})};function f(s){const{logLevel:o,log:a,search:c}=s,t=o===m&&e.jsxs(e.Fragment,{children:[e.jsx("span",{style:{width:"60px"},className:b("badge",{"bg-danger":a.level==="error","bg-warning":a.level==="warning","bg-info":a.level==="info","bg-secondary":!["error","warning","info"].includes(a.level)},"text-capitalize"),children:a.level})," "]});return e.jsxs("div",{children:[t,e.jsx("small",{className:"pe-1",children:_(a.timestamp)}),e.jsx("code",{children:e.jsx(O,{text:a.message,highlight:c})})]})}const q=[m,"debug","info","warning","error"],B=[100,200,500,1e3];class M extends w.Component{constructor(){super(...arguments),this.state={search:"",logLevel:m}}renderSearch(){const{clearLogs:o,bridgeInfo:{config_schema:a,config:c},updateBridgeConfig:t,t:r}=this.props,{search:n}=this.state,{logsLimit:d}=g.getState();return e.jsx("div",{className:"card",children:e.jsx("div",{className:"card-body",children:e.jsxs("div",{className:"row row-cols-lg-auto g-3 align-items-center",children:[e.jsxs("div",{className:"col-12 col-sm-4 col-xxl-4",children:[e.jsx("label",{htmlFor:"log-level",className:"form-label",children:r("show_only")}),e.jsx("select",{id:"log-level",className:"form-select",onChange:l=>this.setState({logLevel:l.target.value}),children:q.map(l=>e.jsx("option",{value:l,children:l},l))})]}),e.jsxs("div",{className:"col-12 col-sm-4 col-xxl-4",children:[e.jsx("label",{htmlFor:"search-filter",className:"form-label",children:r("filter_by_text")}),e.jsx("input",{id:"search-filter",className:"form-control col-10",placeholder:r("common:enter_search_criteria"),value:n,onChange:l=>this.setState({search:l.target.value}),type:"text"})]}),e.jsx("div",{className:"col-12 col-sm-4 col-xxl-4",children:e.jsx(H,{schema:a,schemaKey:"properties.advanced.properties.log_level",config:c,configKey:"advanced.log_level",onChange:t})}),e.jsxs("div",{className:"col-12 col-sm-4 col-xxl-4",children:[e.jsx("label",{htmlFor:"logs-limit",className:"form-label",children:r("logs_limit")}),e.jsx("select",{id:"logs-limit",className:"form-select",onChange:l=>{const i=parseInt(l.target.value);g.setState({logsLimit:i,logs:[...g.getState().logs.slice(-i)]})},children:B.map(l=>e.jsx("option",{value:l,selected:l==d,children:l},l))})]}),e.jsxs("div",{className:"col-12",children:[e.jsx("label",{htmlFor:"reset",children:" "}),e.jsx("input",{id:"reset",type:"button",onClick:o,className:"btn btn-primary form-control",value:r("common:clear")})]})]})})})}render(){let{logs:o}=this.props;const{t:a}=this.props,{search:c,logLevel:t}=this.state;return o=o.filter(r=>(t===m||r.level===t)&&(!c||r.message.toLowerCase().includes(c.toLowerCase()))).sort(),e.jsxs(e.Fragment,{children:[this.renderSearch(),e.jsx("div",{className:"card",children:e.jsxs("div",{className:"card-body",children:[o.length==0?e.jsx("h1",{children:a("empty_logs_message")}):null,e.jsx("div",{className:"overflow-auto",children:o.map((r,n)=>e.jsx(f,{log:r,search:c,logLevel:t},n))})]})})]})}}const W=["logs","bridgeInfo"],G=N(W,y)(L(["logs","common"])(M)),V=Object.freeze(Object.defineProperty({__proto__:null,ConnectedLogsPage:G,LogRow:f},Symbol.toStringTag,{value:"Module"}));export{m as A,f as L,V as i};
Binary file
@@ -1 +1 @@
1
- import{N as m,e as p,f as u,j as e,M as h,h as g,k as x,m as b,r as j,B as l,w as N,c as G,a as f,u as y,L as d}from"./index-23068bf4.js";import{T as w}from"./ReactTableCom-13b499aa.js";import"./persist-750d029a.js";const _=m.create(o=>{const{name:r,onRename:a}=o,s=p(),[t,i]=u({friendlyName:r}),n=async()=>{await a(r,t.friendlyName),s.remove()};return e.jsxs(h,{isOpen:s.visible,children:[e.jsxs(g,{children:[e.jsx("h3",{children:"Rename group"}),e.jsx("small",{children:r})]}),e.jsx(x,{children:e.jsxs("div",{className:"mb-3",children:[e.jsx("label",{className:"form-label",children:"Friendly name"}),e.jsx("input",{name:"friendlyName",onChange:i,type:"text",className:"form-control",value:t.friendlyName})]})}),e.jsxs(b,{children:[e.jsx("button",{type:"button",className:"btn btn-secondary",onClick:s.remove,children:"Close"}),e.jsx("button",{type:"button",className:"btn btn-primary",onClick:n,children:"Save changes"})]})]})});function v(o){const{t:r}=y(["groups"]),{groups:a,removeGroup:s,renameGroup:t}=o,i=[{id:"group_id",Header:r("group_id"),accessor:n=>n.id,Cell:({row:{original:n}})=>e.jsx(d,{to:`/group/${n.id}`,children:n.id})},{id:"friendly_name",Header:r("group_name"),accessor:n=>n.friendly_name,Cell:({row:{original:n}})=>e.jsx(d,{to:`/group/${n.id}`,children:n.friendly_name})},{id:"members",Header:r("group_members"),accessor:n=>n.members.length??0},{id:"scenes",Header:r("group_scenes"),accessor:n=>{var c;return((c=n.scenes)==null?void 0:c.length)??0}},{Header:"",id:"actions",Cell:({row:{original:n}})=>e.jsxs("div",{className:"btn-group float-right btn-group-sm",role:"group",children:[e.jsx(l,{className:"btn btn-primary",onClick:()=>m.show(_,{name:n.friendly_name,onRename:t}),title:r("rename_group"),children:e.jsx("i",{className:"fa fa-edit"})}),e.jsx(l,{prompt:!0,title:r("remove_group"),item:n.friendly_name,onClick:s,className:"btn btn-danger",children:e.jsx("i",{className:"fa fa-trash"})})]})}];return e.jsx("div",{className:"card",children:e.jsx(w,{id:"groups",columns:i,data:a})})}class C extends j.Component{constructor(){super(...arguments),this.state={newGroupName:"",newGroupId:void 0},this.changeHandler=r=>{const{name:a,value:s}=r.target;this.setState({[a]:s})},this.onGroupCreateSubmit=()=>{const{newGroupName:r,newGroupId:a}=this.state,{createGroup:s}=this.props;s(r,a)},this.renameGroup=(r,a)=>{const{renameGroup:s}=this.props;s(r,a)}}renderGroupCreationForm(){const{t:r}=this.props,{newGroupName:a,newGroupId:s}=this.state;return e.jsx("div",{className:"card",children:e.jsx("div",{className:"card-body",children:e.jsxs("div",{className:"input-group",children:[e.jsx("label",{htmlFor:"newGroupName",className:"sr-only",children:r("new_group_name")}),e.jsx("input",{onChange:this.changeHandler,value:a,required:!0,type:"text",name:"newGroupName",className:"form-control",id:"newGroupName",placeholder:r("new_group_name_placeholder")}),e.jsx("label",{htmlFor:"newGroupName",className:"sr-only",children:r("new_group_id")}),e.jsx("input",{onChange:this.changeHandler,value:s===void 0?"":s,type:"number",name:"newGroupId",className:"form-control",id:"newGroupId",placeholder:r("new_group_id_placeholder")}),e.jsx(l,{onClick:this.onGroupCreateSubmit,className:"btn btn-primary form-control",children:r("create_group")})]})})})}render(){const{groups:r,removeGroup:a,renameGroup:s}=this.props;return e.jsxs(e.Fragment,{children:[this.renderGroupCreationForm(),e.jsx(v,{groups:r,removeGroup:a,renameGroup:s})]})}}const F=["groups","devices","deviceStates","bridgeInfo"],M=N("groups")(G(F,f)(C));export{M as ConnectedGroupsPage,C as GroupsPage};
1
+ import{N as m,e as p,f as u,j as e,M as h,h as g,k as x,m as b,r as j,B as l,w as N,c as G,a as f,u as y,L as d}from"./index-b4211291.js";import{T as w}from"./ReactTableCom-0d8dfb0d.js";import"./persist-f61b4a95.js";const _=m.create(o=>{const{name:r,onRename:a}=o,s=p(),[t,i]=u({friendlyName:r}),n=async()=>{await a(r,t.friendlyName),s.remove()};return e.jsxs(h,{isOpen:s.visible,children:[e.jsxs(g,{children:[e.jsx("h3",{children:"Rename group"}),e.jsx("small",{children:r})]}),e.jsx(x,{children:e.jsxs("div",{className:"mb-3",children:[e.jsx("label",{className:"form-label",children:"Friendly name"}),e.jsx("input",{name:"friendlyName",onChange:i,type:"text",className:"form-control",value:t.friendlyName})]})}),e.jsxs(b,{children:[e.jsx("button",{type:"button",className:"btn btn-secondary",onClick:s.remove,children:"Close"}),e.jsx("button",{type:"button",className:"btn btn-primary",onClick:n,children:"Save changes"})]})]})});function v(o){const{t:r}=y(["groups"]),{groups:a,removeGroup:s,renameGroup:t}=o,i=[{id:"group_id",Header:r("group_id"),accessor:n=>n.id,Cell:({row:{original:n}})=>e.jsx(d,{to:`/group/${n.id}`,children:n.id})},{id:"friendly_name",Header:r("group_name"),accessor:n=>n.friendly_name,Cell:({row:{original:n}})=>e.jsx(d,{to:`/group/${n.id}`,children:n.friendly_name})},{id:"members",Header:r("group_members"),accessor:n=>n.members.length??0},{id:"scenes",Header:r("group_scenes"),accessor:n=>{var c;return((c=n.scenes)==null?void 0:c.length)??0}},{Header:"",id:"actions",Cell:({row:{original:n}})=>e.jsxs("div",{className:"btn-group float-right btn-group-sm",role:"group",children:[e.jsx(l,{className:"btn btn-primary",onClick:()=>m.show(_,{name:n.friendly_name,onRename:t}),title:r("rename_group"),children:e.jsx("i",{className:"fa fa-edit"})}),e.jsx(l,{prompt:!0,title:r("remove_group"),item:n.friendly_name,onClick:s,className:"btn btn-danger",children:e.jsx("i",{className:"fa fa-trash"})})]})}];return e.jsx("div",{className:"card",children:e.jsx(w,{id:"groups",columns:i,data:a})})}class C extends j.Component{constructor(){super(...arguments),this.state={newGroupName:"",newGroupId:void 0},this.changeHandler=r=>{const{name:a,value:s}=r.target;this.setState({[a]:s})},this.onGroupCreateSubmit=()=>{const{newGroupName:r,newGroupId:a}=this.state,{createGroup:s}=this.props;s(r,a)},this.renameGroup=(r,a)=>{const{renameGroup:s}=this.props;s(r,a)}}renderGroupCreationForm(){const{t:r}=this.props,{newGroupName:a,newGroupId:s}=this.state;return e.jsx("div",{className:"card",children:e.jsx("div",{className:"card-body",children:e.jsxs("div",{className:"input-group",children:[e.jsx("label",{htmlFor:"newGroupName",className:"sr-only",children:r("new_group_name")}),e.jsx("input",{onChange:this.changeHandler,value:a,required:!0,type:"text",name:"newGroupName",className:"form-control",id:"newGroupName",placeholder:r("new_group_name_placeholder")}),e.jsx("label",{htmlFor:"newGroupName",className:"sr-only",children:r("new_group_id")}),e.jsx("input",{onChange:this.changeHandler,value:s===void 0?"":s,type:"number",name:"newGroupId",className:"form-control",id:"newGroupId",placeholder:r("new_group_id_placeholder")}),e.jsx(l,{onClick:this.onGroupCreateSubmit,className:"btn btn-primary form-control",children:r("create_group")})]})})})}render(){const{groups:r,removeGroup:a,renameGroup:s}=this.props;return e.jsxs(e.Fragment,{children:[this.renderGroupCreationForm(),e.jsx(v,{groups:r,removeGroup:a,renameGroup:s})]})}}const F=["groups","devices","deviceStates","bridgeInfo"],M=N("groups")(G(F,f)(C));export{M as ConnectedGroupsPage,C as GroupsPage};
Binary file