@deephaven/components 0.11.6-beta.0 → 0.11.6-beta.13

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.
@@ -134,9 +134,9 @@
134
134
  display: flex;
135
135
  }
136
136
  .time-slider .tick-labels .tick-label-wrapper .tick-label {
137
- width: 4.347826087%;
138
137
  text-align: center;
139
138
  visibility: hidden;
139
+ width: 4.347826087%;
140
140
  }
141
141
  .time-slider .tick-labels .tick-label-wrapper .tick-label::before {
142
142
  content: "";
@@ -1 +1 @@
1
- {"version":3,"sourceRoot":"","sources":["../src/TimeSlider.scss","../../../node_modules/bootstrap/scss/_variables.scss","../scss/new_variables.scss","../scss/bootstrap_overrides.scss"],"names":[],"mappings":"AASA;EACE;EACA,gBC6HO;ED5HP;;AAEA;EACE;EACA;EACA;;AAEA;EACE,SEjBK;EFkBL,OAjBU;EAkBV,eGmGU;EHlGV,YGCK;EHAL;EACA;EACA;;AACA;EACE;EACA;;AAIJ;EACE;EACA;;AAIJ;EACE;EACA,QAvCW;EAwCX,YGpBO;EHqBP;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA,YGDO;EHEP;EACA;EACA;EACA;EACA;;AAEF;AAAA;EAEE;;AAEF;EACE;;AAIJ;EACE;EACA;EACA,QA1ES;EA2ET;EACA;EACA;;AAEA;EACE;;AAGF;EACE;EACA,QArFO;EAsFP,OAtFO;EAuFP;EACA;EACA;EACA;EACA;EACA,YG1EG;EH2EH;EACA,YGgCS;EH/BT;EACA;;AAGA;EACE,YGpFC;;AHsFH;EACE,YGvFC;EHwFD;EACA;EACA,YGkCmB;EHjCnB;;AAKN;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACE;EACA;EACA,QA3HO;EA4HP;;AAEF;EACE;;AAKN;EACE;EACA;EACA;EACA,OGtHO;EHuHP;EACA;EACA;EACA;EACA;;AAEA;EACE;EAIA;EACA;;AAKF;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAEA;EACE;EACA;;AAEF;EACE;EACA;;AAKJ;AAAA;AAAA;AAAA;AAAA;AAAA;EAME;;AAIF;EACE;EACA;EACA;;AAEF;EACE;;AAIF;EACE;EACA;EACA;EACA;EACA;;AACA;EAEE;EACA","file":"TimeSlider.css"}
1
+ {"version":3,"sourceRoot":"","sources":["../src/TimeSlider.scss","../../../node_modules/bootstrap/scss/_variables.scss","../scss/new_variables.scss","../scss/bootstrap_overrides.scss"],"names":[],"mappings":"AAWA;EACE;EACA,gBC0HO;EDzHP;;AAEA;EACE;EACA;EACA;;AAEA;EACE,SEnBK;EFoBL,OAjBU;EAkBV,eGiGU;EHhGV,YGDK;EHEL;EACA;EACA;;AACA;EACE;EACA;;AAIJ;EACE;EACA;;AAIJ;EACE;EACA,QAvCW;EAwCX,YGtBO;EHuBP;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA,YGHO;EHIP;EACA;EACA;EACA;EACA;;AAEF;AAAA;EAEE;;AAEF;EACE;;AAIJ;EACE;EACA;EACA,QA1ES;EA2ET;EACA;EACA;;AAEA;EACE;;AAGF;EACE;EACA,QArFO;EAsFP,OAtFO;EAuFP;EACA;EACA;EACA;EACA;EACA,YG5EG;EH6EH;EACA,YG8BS;EH7BT;EACA;;AAGA;EACE,YGtFC;;AHwFH;EACE,YGzFC;EH0FD;EACA;EACA,YGgCmB;EH/BnB;;AAKN;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACE;EACA;EACA,QA3HO;EA4HP;;AAEF;EACE;;AAKN;EACE;EACA;EACA;EACA,OGxHO;EHyHP;EACA;EACA;EACA;EACA;;AAEA;EACE;EAIA;EACA;;AAKF;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAKA;EACE;EACA;;AAEF;EACE;EACA;;AAKJ;AAAA;AAAA;AAAA;AAAA;AAAA;EAME;;AAIF;EACE;EACA;EACA;;AAEF;EACE;;AAIF;EACE;EACA;EACA;EACA;EACA;;AACA;EAEE;EACA","file":"TimeSlider.css"}
@@ -134,9 +134,9 @@
134
134
  display: flex;
135
135
  }
136
136
  .time-slider .tick-labels .tick-label-wrapper .tick-label {
137
- width: 4.347826087%;
138
137
  text-align: center;
139
138
  visibility: hidden;
139
+ width: 4.347826087%;
140
140
  }
141
141
  .time-slider .tick-labels .tick-label-wrapper .tick-label::before {
142
142
  content: "";
@@ -1 +1 @@
1
- {"version":3,"sourceRoot":"","sources":["../src/TimeSlider.scss","../../../node_modules/bootstrap/scss/_variables.scss","../scss/new_variables.scss","../scss/bootstrap_overrides.scss","../src/TimeSlider.module.scss"],"names":[],"mappings":"AASA;EACE;EACA,gBC6HO;ED5HP;;AAEA;EACE;EACA;EACA;;AAEA;EACE,SEjBK;EFkBL,OAjBU;EAkBV,eGmGU;EHlGV,YGCK;EHAL;EACA;EACA;;AACA;EACE;EACA;;AAIJ;EACE;EACA;;AAIJ;EACE;EACA,QAvCW;EAwCX,YGpBO;EHqBP;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA,YGDO;EHEP;EACA;EACA;EACA;EACA;;AAEF;AAAA;EAEE;;AAEF;EACE;;AAIJ;EACE;EACA;EACA,QA1ES;EA2ET;EACA;EACA;;AAEA;EACE;;AAGF;EACE;EACA,QArFO;EAsFP,OAtFO;EAuFP;EACA;EACA;EACA;EACA;EACA,YG1EG;EH2EH;EACA,YGgCS;EH/BT;EACA;;AAGA;EACE,YGpFC;;AHsFH;EACE,YGvFC;EHwFD;EACA;EACA,YGkCmB;EHjCnB;;AAKN;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACE;EACA;EACA,QA3HO;EA4HP;;AAEF;EACE;;AAKN;EACE;EACA;EACA;EACA,OGtHO;EHuHP;EACA;EACA;EACA;EACA;;AAEA;EACE;EAIA;EACA;;AAKF;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAEA;EACE;EACA;;AAEF;EACE;EACA;;AAKJ;AAAA;AAAA;AAAA;AAAA;AAAA;EAME;;AAIF;EACE;EACA;EACA;;AAEF;EACE;;AAIF;EACE;EACA;EACA;EACA;EACA;;AACA;EAEE;EACA;;;AI5MV;AACA;EACE,aJHa;EIIb,eJFc","file":"TimeSlider.module.css"}
1
+ {"version":3,"sourceRoot":"","sources":["../src/TimeSlider.scss","../../../node_modules/bootstrap/scss/_variables.scss","../scss/new_variables.scss","../scss/bootstrap_overrides.scss","../src/TimeSlider.module.scss"],"names":[],"mappings":"AAWA;EACE;EACA,gBC0HO;EDzHP;;AAEA;EACE;EACA;EACA;;AAEA;EACE,SEnBK;EFoBL,OAjBU;EAkBV,eGiGU;EHhGV,YGDK;EHEL;EACA;EACA;;AACA;EACE;EACA;;AAIJ;EACE;EACA;;AAIJ;EACE;EACA,QAvCW;EAwCX,YGtBO;EHuBP;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA,YGHO;EHIP;EACA;EACA;EACA;EACA;;AAEF;AAAA;EAEE;;AAEF;EACE;;AAIJ;EACE;EACA;EACA,QA1ES;EA2ET;EACA;EACA;;AAEA;EACE;;AAGF;EACE;EACA,QArFO;EAsFP,OAtFO;EAuFP;EACA;EACA;EACA;EACA;EACA,YG5EG;EH6EH;EACA,YG8BS;EH7BT;EACA;;AAGA;EACE,YGtFC;;AHwFH;EACE,YGzFC;EH0FD;EACA;EACA,YGgCmB;EH/BnB;;AAKN;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACE;EACA;EACA,QA3HO;EA4HP;;AAEF;EACE;;AAKN;EACE;EACA;EACA;EACA,OGxHO;EHyHP;EACA;EACA;EACA;EACA;;AAEA;EACE;EAIA;EACA;;AAKF;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAKA;EACE;EACA;;AAEF;EACE;EACA;;AAKJ;AAAA;AAAA;AAAA;AAAA;AAAA;EAME;;AAIF;EACE;EACA;EACA;;AAEF;EACE;;AAIF;EACE;EACA;EACA;EACA;EACA;;AACA;EAEE;EACA;;;AIjNV;AACA;EACE,aJDa;EIEb","file":"TimeSlider.module.css"}
@@ -1 +1 @@
1
- {"version":3,"sourceRoot":"","sources":["../../src/context-actions/ContextActions.scss","../../../../node_modules/bootstrap/scss/_variables.scss","../../scss/bootstrap_overrides.scss"],"names":[],"mappings":"AAIA;EACE;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA,SCsqBkC;;ADpqBlC;EACE;;;AAIJ;EACE;EACA;EACA,kBEFS;EFGT,OEbe;EFcf;EACA;EACA;EACA;EACA,eE0Fc;EFzFd;EACA,YE0Fe;EFzFf;EACA;;AAEA;EAQE;;AAGF;EACE;EACA;EACA,kBE3BO;;AF8BT;EACE;EACA,OE3Ca;EF4Cb;EACA;EACA;EACA;;AAGF;EACE;EACA;EAIA;EACA,OEzDa;EF0Db;EACA;EACA;EACA;EACA;;AAEA;EAEE;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;;AAEF;EACE,QEpEK;EFqEL;;AAGF;EACE;EACA;EACA;;AAGF;EACE,OEjFK;EFkFL;EACA;EACA;EACA;EACA;;AAGF;EACE,OElGW;EFmGX;EACA;;AAEF;EACE,OE/FK;;AFmGT;EACE;EACA;EACA,YEhHY;;AFmHd;EACE,kBEgE+B;;AF7DjC;AAAA;EAEE,kBExHY;;AF2Hd;EACE;;AAGF;AAAA;AAAA;EAGE,OEjIa;;AFmIb;AAAA;AAAA;EACE;;AAIJ;EACE,OEjIO;EFkIP,kBEhIO;;AFmIT;EACE,2BElCY;EFmCZ,4BEnCY;;AFsCd;EACE,wBEvCY;EFwCZ,yBExCY;;AF2Cd;EACE;EACA,OElJO;EFmJP;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;;;AAIJ;EACE","file":"ContextActions.css"}
1
+ {"version":3,"sourceRoot":"","sources":["../../src/context-actions/ContextActions.scss","../../../../node_modules/bootstrap/scss/_variables.scss","../../scss/bootstrap_overrides.scss"],"names":[],"mappings":"AAIA;EACE;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA,SCkqBkC;;ADhqBlC;EACE;;;AAIJ;EACE;EACA;EACA,kBEFS;EFGT,OEbe;EFcf;EACA;EACA;EACA;EACA,eE0Fc;EFzFd;EACA,YE0Fe;EFzFf;EACA;;AAEA;EAQE;;AAGF;EACE;EACA;EACA,kBE3BO;;AF8BT;EACE;EACA,OE3Ca;EF4Cb;EACA;EACA;EACA;;AAGF;EACE;EACA;EAIA;EACA,OEzDa;EF0Db;EACA;EACA;EACA;EACA;;AAEA;EAEE;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;;AAEF;EACE,QEpEK;EFqEL;;AAGF;EACE;EACA;EACA;;AAGF;EACE,OEjFK;EFkFL;EACA;EACA;EACA;EACA;;AAGF;EACE,OElGW;EFmGX;EACA;;AAEF;EACE,OE/FK;;AFmGT;EACE;EACA;EACA,YEhHY;;AFmHd;EACE,kBEgE+B;;AF7DjC;AAAA;EAEE,kBExHY;;AF2Hd;EACE;;AAGF;AAAA;AAAA;EAGE,OEjIa;;AFmIb;AAAA;AAAA;EACE;;AAIJ;EACE,OEjIO;EFkIP,kBEhIO;;AFmIT;EACE,2BElCY;EFmCZ,4BEnCY;;AFsCd;EACE,wBEvCY;EFwCZ,yBExCY;;AF2Cd;EACE;EACA,OElJO;EFmJP;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;;;AAIJ;EACE","file":"ContextActions.css"}
@@ -1 +1 @@
1
- {"version":3,"file":"MenuItem.d.ts","sourceRoot":"","sources":["../../src/navigation/MenuItem.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,mCAAmC,CAAC;AAG7D,OAAO,iBAAiB,CAAC;AAIzB,oBAAY,WAAW,GAAG;IACxB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,IAAI,CAAC,EAAE,QAAQ,CAAC;CACjB,CAAC;AAEF,oBAAY,iBAAiB,GAAG,WAAW,GAAG;IAC5C,IAAI,EAAE,OAAO,CAAC;IACd,QAAQ,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;CACnC,CAAC;AAMF,oBAAY,aAAa,GAAG;IAC1B,IAAI,EAAE,WAAW,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;CACvB,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,QAAQ,wBAGlB,aAAa,KAAG,WA0ClB,CAAC;AAEF,eAAe,QAAQ,CAAC"}
1
+ {"version":3,"file":"MenuItem.d.ts","sourceRoot":"","sources":["../../src/navigation/MenuItem.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,mCAAmC,CAAC;AAG7D,OAAO,iBAAiB,CAAC;AAIzB,oBAAY,WAAW,GAAG;IACxB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,IAAI,CAAC,EAAE,QAAQ,CAAC;CACjB,CAAC;AAEF,oBAAY,iBAAiB,GAAG,WAAW,GAAG;IAC5C,IAAI,EAAE,OAAO,CAAC;IACd,QAAQ,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;CACnC,CAAC;AAMF,oBAAY,aAAa,GAAG;IAC1B,IAAI,EAAE,WAAW,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;CACvB,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,QAAQ,wBAGlB,aAAa,KAAG,WA2ClB,CAAC;AAEF,eAAe,QAAQ,CAAC"}
@@ -33,6 +33,7 @@ export var MenuItem = _ref => {
33
33
  }, [item, onSelect]);
34
34
  return /*#__PURE__*/React.createElement("div", {
35
35
  className: "btn btn-navigation-menu-item",
36
+ "data-testid": "menu-item-".concat(title),
36
37
  onClick: handleSelect,
37
38
  onKeyDown: event => {
38
39
  if (event.key === 'Enter' || event.key === ' ') {
@@ -1 +1 @@
1
- {"version":3,"sources":["../../src/navigation/MenuItem.tsx"],"names":["React","useMemo","FontAwesomeIcon","vsChevronRight","UISwitch","isSwitchMenuItemType","item","isOn","undefined","MenuItem","onSelect","icon","subtitle","title","handleSelect","onChange","event","key","stopPropagation"],"mappings":"AAAA,OAAOA,KAAP,IAAgBC,OAAhB,QAA+B,OAA/B;AAEA,SAASC,eAAT,QAAgC,gCAAhC;AACA,SAASC,cAAT,QAA+B,kBAA/B;;OAGOC,Q;;AAaP,SAASC,oBAAT,CAA8BC,IAA9B,EAA4E;AAC1E,SAAQA,IAAD,CAA4BC,IAA5B,KAAqCC,SAA5C;AACD;;AAOD;AACA;AACA;AACA;AACA,OAAO,IAAMC,QAAQ,GAAG,QAGU;AAAA,MAHT;AACvBH,IAAAA,IADuB;AAEvBI,IAAAA,QAAQ,GAAG,MAAMF;AAFM,GAGS;AAChC,MAAM;AAAEG,IAAAA,IAAF;AAAQC,IAAAA,QAAR;AAAkBC,IAAAA;AAAlB,MAA4BP,IAAlC;AACA,MAAMQ,YAAY,GAAGb,OAAO,CAAC,MAAM;AACjC,QAAII,oBAAoB,CAACC,IAAD,CAAxB,EAAgC;AAC9B,aAAO,MAAM;AACXA,QAAAA,IAAI,CAACS,QAAL,CAAc,CAACT,IAAI,CAACC,IAApB;AACD,OAFD;AAGD;;AACD,WAAOG,QAAP;AACD,GAP2B,EAOzB,CAACJ,IAAD,EAAOI,QAAP,CAPyB,CAA5B;AAQA,sBACE;AACE,IAAA,SAAS,EAAC,8BADZ;AAEE,IAAA,OAAO,EAAEI,YAFX;AAGE,IAAA,SAAS,EAAEE,KAAK,IAAI;AAClB,UAAIA,KAAK,CAACC,GAAN,KAAc,OAAd,IAAyBD,KAAK,CAACC,GAAN,KAAc,GAA3C,EAAgD;AAC9CH,QAAAA,YAAY;AACb;AACF,KAPH;AAQE,IAAA,QAAQ,EAAE,CARZ;AASE,IAAA,IAAI,EAAC;AATP,KAWGH,IAAI,iBACH;AAAK,IAAA,SAAS,EAAC;AAAf,kBACE,oBAAC,eAAD;AAAiB,IAAA,IAAI,EAAEA;AAAvB,IADF,CAZJ,eAgBE;AAAK,IAAA,SAAS,EAAC;AAAf,KAAwBE,KAAxB,CAhBF,EAiBGD,QAAQ,iBAAI;AAAK,IAAA,SAAS,EAAC;AAAf,KAA2BA,QAA3B,CAjBf,eAkBE;AAAK,IAAA,SAAS,EAAC;AAAf,KACIP,oBAAoB,CAACC,IAAD,CAApB,iBACA,oBAAC,QAAD;AACE,IAAA,EAAE,EAAEA,IAAI,CAACC,IADX;AAEE,IAAA,OAAO,EAAES,KAAK,IAAI;AAChBA,MAAAA,KAAK,CAACE,eAAN;AACAJ,MAAAA,YAAY;AACb;AALH,IADD,iBAQK,oBAAC,eAAD;AAAiB,IAAA,IAAI,EAAEX;AAAvB,IATR,CAlBF,CADF;AAgCD,CA7CM;AA+CP,eAAeM,QAAf","sourcesContent":["import React, { useMemo } from 'react';\nimport { IconProp } from '@fortawesome/fontawesome-svg-core';\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\nimport { vsChevronRight } from '@deephaven/icons';\nimport './MenuItem.scss';\n\nimport UISwitch from '../UISwitch';\n\nexport type MenuItemDef = {\n title: string;\n subtitle?: string;\n icon?: IconProp;\n};\n\nexport type SwitchMenuItemDef = MenuItemDef & {\n isOn: boolean;\n onChange: (isOn: boolean) => void;\n};\n\nfunction isSwitchMenuItemType(item: MenuItemDef): item is SwitchMenuItemDef {\n return (item as SwitchMenuItemDef).isOn !== undefined;\n}\n\nexport type MenuItemProps = {\n item: MenuItemDef;\n onSelect?: () => void;\n};\n\n/**\n * @param props.item The menu item to set. Set a SwitchMenuItemDef to show a switch.\n * @param props.onSelect Called when the menu item is selected\n */\nexport const MenuItem = ({\n item,\n onSelect = () => undefined,\n}: MenuItemProps): JSX.Element => {\n const { icon, subtitle, title } = item;\n const handleSelect = useMemo(() => {\n if (isSwitchMenuItemType(item)) {\n return () => {\n item.onChange(!item.isOn);\n };\n }\n return onSelect;\n }, [item, onSelect]);\n return (\n <div\n className=\"btn btn-navigation-menu-item\"\n onClick={handleSelect}\n onKeyDown={event => {\n if (event.key === 'Enter' || event.key === ' ') {\n handleSelect();\n }\n }}\n tabIndex={0}\n role=\"menuitem\"\n >\n {icon && (\n <div className=\"icon\">\n <FontAwesomeIcon icon={icon} />\n </div>\n )}\n <div className=\"title\">{title}</div>\n {subtitle && <div className=\"shortcut\">{subtitle}</div>}\n <div className=\"accessory\">\n {(isSwitchMenuItemType(item) && (\n <UISwitch\n on={item.isOn}\n onClick={event => {\n event.stopPropagation();\n handleSelect();\n }}\n />\n )) || <FontAwesomeIcon icon={vsChevronRight} />}\n </div>\n </div>\n );\n};\n\nexport default MenuItem;\n"],"file":"MenuItem.js"}
1
+ {"version":3,"sources":["../../src/navigation/MenuItem.tsx"],"names":["React","useMemo","FontAwesomeIcon","vsChevronRight","UISwitch","isSwitchMenuItemType","item","isOn","undefined","MenuItem","onSelect","icon","subtitle","title","handleSelect","onChange","event","key","stopPropagation"],"mappings":"AAAA,OAAOA,KAAP,IAAgBC,OAAhB,QAA+B,OAA/B;AAEA,SAASC,eAAT,QAAgC,gCAAhC;AACA,SAASC,cAAT,QAA+B,kBAA/B;;OAGOC,Q;;AAaP,SAASC,oBAAT,CAA8BC,IAA9B,EAA4E;AAC1E,SAAQA,IAAD,CAA4BC,IAA5B,KAAqCC,SAA5C;AACD;;AAOD;AACA;AACA;AACA;AACA,OAAO,IAAMC,QAAQ,GAAG,QAGU;AAAA,MAHT;AACvBH,IAAAA,IADuB;AAEvBI,IAAAA,QAAQ,GAAG,MAAMF;AAFM,GAGS;AAChC,MAAM;AAAEG,IAAAA,IAAF;AAAQC,IAAAA,QAAR;AAAkBC,IAAAA;AAAlB,MAA4BP,IAAlC;AACA,MAAMQ,YAAY,GAAGb,OAAO,CAAC,MAAM;AACjC,QAAII,oBAAoB,CAACC,IAAD,CAAxB,EAAgC;AAC9B,aAAO,MAAM;AACXA,QAAAA,IAAI,CAACS,QAAL,CAAc,CAACT,IAAI,CAACC,IAApB;AACD,OAFD;AAGD;;AACD,WAAOG,QAAP;AACD,GAP2B,EAOzB,CAACJ,IAAD,EAAOI,QAAP,CAPyB,CAA5B;AAQA,sBACE;AACE,IAAA,SAAS,EAAC,8BADZ;AAEE,uCAA0BG,KAA1B,CAFF;AAGE,IAAA,OAAO,EAAEC,YAHX;AAIE,IAAA,SAAS,EAAEE,KAAK,IAAI;AAClB,UAAIA,KAAK,CAACC,GAAN,KAAc,OAAd,IAAyBD,KAAK,CAACC,GAAN,KAAc,GAA3C,EAAgD;AAC9CH,QAAAA,YAAY;AACb;AACF,KARH;AASE,IAAA,QAAQ,EAAE,CATZ;AAUE,IAAA,IAAI,EAAC;AAVP,KAYGH,IAAI,iBACH;AAAK,IAAA,SAAS,EAAC;AAAf,kBACE,oBAAC,eAAD;AAAiB,IAAA,IAAI,EAAEA;AAAvB,IADF,CAbJ,eAiBE;AAAK,IAAA,SAAS,EAAC;AAAf,KAAwBE,KAAxB,CAjBF,EAkBGD,QAAQ,iBAAI;AAAK,IAAA,SAAS,EAAC;AAAf,KAA2BA,QAA3B,CAlBf,eAmBE;AAAK,IAAA,SAAS,EAAC;AAAf,KACIP,oBAAoB,CAACC,IAAD,CAApB,iBACA,oBAAC,QAAD;AACE,IAAA,EAAE,EAAEA,IAAI,CAACC,IADX;AAEE,IAAA,OAAO,EAAES,KAAK,IAAI;AAChBA,MAAAA,KAAK,CAACE,eAAN;AACAJ,MAAAA,YAAY;AACb;AALH,IADD,iBAQK,oBAAC,eAAD;AAAiB,IAAA,IAAI,EAAEX;AAAvB,IATR,CAnBF,CADF;AAiCD,CA9CM;AAgDP,eAAeM,QAAf","sourcesContent":["import React, { useMemo } from 'react';\nimport { IconProp } from '@fortawesome/fontawesome-svg-core';\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\nimport { vsChevronRight } from '@deephaven/icons';\nimport './MenuItem.scss';\n\nimport UISwitch from '../UISwitch';\n\nexport type MenuItemDef = {\n title: string;\n subtitle?: string;\n icon?: IconProp;\n};\n\nexport type SwitchMenuItemDef = MenuItemDef & {\n isOn: boolean;\n onChange: (isOn: boolean) => void;\n};\n\nfunction isSwitchMenuItemType(item: MenuItemDef): item is SwitchMenuItemDef {\n return (item as SwitchMenuItemDef).isOn !== undefined;\n}\n\nexport type MenuItemProps = {\n item: MenuItemDef;\n onSelect?: () => void;\n};\n\n/**\n * @param props.item The menu item to set. Set a SwitchMenuItemDef to show a switch.\n * @param props.onSelect Called when the menu item is selected\n */\nexport const MenuItem = ({\n item,\n onSelect = () => undefined,\n}: MenuItemProps): JSX.Element => {\n const { icon, subtitle, title } = item;\n const handleSelect = useMemo(() => {\n if (isSwitchMenuItemType(item)) {\n return () => {\n item.onChange(!item.isOn);\n };\n }\n return onSelect;\n }, [item, onSelect]);\n return (\n <div\n className=\"btn btn-navigation-menu-item\"\n data-testid={`menu-item-${title}`}\n onClick={handleSelect}\n onKeyDown={event => {\n if (event.key === 'Enter' || event.key === ' ') {\n handleSelect();\n }\n }}\n tabIndex={0}\n role=\"menuitem\"\n >\n {icon && (\n <div className=\"icon\">\n <FontAwesomeIcon icon={icon} />\n </div>\n )}\n <div className=\"title\">{title}</div>\n {subtitle && <div className=\"shortcut\">{subtitle}</div>}\n <div className=\"accessory\">\n {(isSwitchMenuItemType(item) && (\n <UISwitch\n on={item.isOn}\n onClick={event => {\n event.stopPropagation();\n handleSelect();\n }}\n />\n )) || <FontAwesomeIcon icon={vsChevronRight} />}\n </div>\n </div>\n );\n};\n\nexport default MenuItem;\n"],"file":"MenuItem.js"}
@@ -1 +1 @@
1
- {"version":3,"sourceRoot":"","sources":["../../src/navigation/Page.scss","../../scss/bootstrap_overrides.scss","../../../../node_modules/bootstrap/scss/_variables.scss","../../scss/new_variables.scss"],"names":[],"mappings":"AAEA;EACE;EACA;EACA;EACA;EAGA,aCwFuB;EDvFvB,WEmR4B;EFlR5B,aEwR4B;EFvR5B,aE4R4B;;AF1R5B;EACE;;AAEA;EACE;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA,SGzBK;EH0BL,QG1BK;;AH8BT;EACE;EACA;EACA;EACA","file":"Page.css"}
1
+ {"version":3,"sourceRoot":"","sources":["../../src/navigation/Page.scss","../../scss/bootstrap_overrides.scss","../../../../node_modules/bootstrap/scss/_variables.scss","../../scss/new_variables.scss"],"names":[],"mappings":"AAEA;EACE;EACA;EACA;EACA;EAGA,aCwFuB;EDvFvB,WE+Q4B;EF9Q5B,aEoR4B;EFnR5B,aEwR4B;;AFtR5B;EACE;;AAEA;EACE;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA,SGzBK;EH0BL,QG1BK;;AH8BT;EACE;EACA;EACA;EACA","file":"Page.css"}
@@ -1 +1 @@
1
- {"version":3,"file":"Page.d.ts","sourceRoot":"","sources":["../../src/navigation/Page.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,aAAa,CAAC;AAErB,oBAAY,SAAS,GAAG;IACtB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,IAAI,0CAKd,SAAS,KAAG,WA8Bd,CAAC;AAEF,eAAe,IAAI,CAAC"}
1
+ {"version":3,"file":"Page.d.ts","sourceRoot":"","sources":["../../src/navigation/Page.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,aAAa,CAAC;AAErB,oBAAY,SAAS,GAAG;IACtB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,IAAI,0CAKd,SAAS,KAAG,WAgCd,CAAC;AAEF,eAAe,IAAI,CAAC"}
@@ -22,6 +22,7 @@ export var Page = _ref => {
22
22
  className: "navigation-left-buttons"
23
23
  }, onBack !== undefined && /*#__PURE__*/React.createElement("button", {
24
24
  className: "btn btn-link btn-back",
25
+ "data-testid": "btn-page-back",
25
26
  type: "button",
26
27
  onClick: onBack
27
28
  }, /*#__PURE__*/React.createElement(FontAwesomeIcon, {
@@ -32,6 +33,7 @@ export var Page = _ref => {
32
33
  className: "navigation-right-buttons"
33
34
  }, onClose !== undefined && /*#__PURE__*/React.createElement("button", {
34
35
  className: "btn btn-link btn-link-icon btn-close px-2 m-1",
36
+ "data-testid": "btn-page-close",
35
37
  type: "button",
36
38
  onClick: onClose
37
39
  }, /*#__PURE__*/React.createElement(FontAwesomeIcon, {
@@ -1 +1 @@
1
- {"version":3,"sources":["../../src/navigation/Page.tsx"],"names":["React","FontAwesomeIcon","vsClose","vsChevronLeft","Page","children","onBack","onClose","title","undefined"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,eAAT,QAAgC,gCAAhC;AACA,SAASC,OAAT,EAAkBC,aAAlB,QAAuC,kBAAvC;;;AAUA;AACA;AACA;AACA;AACA,OAAO,IAAMC,IAAI,GAAG;AAAA,MAAC;AACnBC,IAAAA,QADmB;AAEnBC,IAAAA,MAFmB;AAGnBC,IAAAA,OAHmB;AAInBC,IAAAA;AAJmB,GAAD;AAAA,sBAMlB;AAAK,IAAA,SAAS,EAAC;AAAf,kBACE;AAAK,IAAA,SAAS,EAAC;AAAf,kBACE;AAAK,IAAA,SAAS,EAAC;AAAf,KACGF,MAAM,KAAKG,SAAX,iBACC;AACE,IAAA,SAAS,EAAC,uBADZ;AAEE,IAAA,IAAI,EAAC,QAFP;AAGE,IAAA,OAAO,EAAEH;AAHX,kBAKE,oBAAC,eAAD;AAAiB,IAAA,IAAI,EAAEH;AAAvB,IALF,SAFJ,CADF,eAaE;AAAK,IAAA,SAAS,EAAC;AAAf,KAAmCK,KAAnC,CAbF,eAcE;AAAK,IAAA,SAAS,EAAC;AAAf,KACGD,OAAO,KAAKE,SAAZ,iBACC;AACE,IAAA,SAAS,EAAC,+CADZ;AAEE,IAAA,IAAI,EAAC,QAFP;AAGE,IAAA,OAAO,EAAEF;AAHX,kBAKE,oBAAC,eAAD;AAAiB,IAAA,IAAI,EAAEL;AAAvB,IALF,CAFJ,CAdF,CADF,eA2BE;AAAK,IAAA,SAAS,EAAC;AAAf,KAAqCG,QAArC,CA3BF,CANkB;AAAA,CAAb;AAqCP,eAAeD,IAAf","sourcesContent":["import React from 'react';\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\nimport { vsClose, vsChevronLeft } from '@deephaven/icons';\nimport './Page.scss';\n\nexport type PageProps = {\n children: React.ReactNode;\n onBack?: () => void;\n onClose?: () => void;\n title: string;\n};\n\n/**\n * A page view with a back button in the bottom left, a title at the top, and a close button in the top right.\n * Back and close buttons will only appear if `onBack` and/or `onClose` callbacks are set.\n */\nexport const Page = ({\n children,\n onBack,\n onClose,\n title,\n}: PageProps): JSX.Element => (\n <div className=\"navigation-page\">\n <div className=\"navigation-title-bar\">\n <div className=\"navigation-left-buttons\">\n {onBack !== undefined && (\n <button\n className=\"btn btn-link btn-back\"\n type=\"button\"\n onClick={onBack}\n >\n <FontAwesomeIcon icon={vsChevronLeft} />\n Back\n </button>\n )}\n </div>\n <div className=\"navigation-title\">{title}</div>\n <div className=\"navigation-right-buttons\">\n {onClose !== undefined && (\n <button\n className=\"btn btn-link btn-link-icon btn-close px-2 m-1\"\n type=\"button\"\n onClick={onClose}\n >\n <FontAwesomeIcon icon={vsClose} />\n </button>\n )}\n </div>\n </div>\n <div className=\"navigation-content\">{children}</div>\n </div>\n);\n\nexport default Page;\n"],"file":"Page.js"}
1
+ {"version":3,"sources":["../../src/navigation/Page.tsx"],"names":["React","FontAwesomeIcon","vsClose","vsChevronLeft","Page","children","onBack","onClose","title","undefined"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,eAAT,QAAgC,gCAAhC;AACA,SAASC,OAAT,EAAkBC,aAAlB,QAAuC,kBAAvC;;;AAUA;AACA;AACA;AACA;AACA,OAAO,IAAMC,IAAI,GAAG;AAAA,MAAC;AACnBC,IAAAA,QADmB;AAEnBC,IAAAA,MAFmB;AAGnBC,IAAAA,OAHmB;AAInBC,IAAAA;AAJmB,GAAD;AAAA,sBAMlB;AAAK,IAAA,SAAS,EAAC;AAAf,kBACE;AAAK,IAAA,SAAS,EAAC;AAAf,kBACE;AAAK,IAAA,SAAS,EAAC;AAAf,KACGF,MAAM,KAAKG,SAAX,iBACC;AACE,IAAA,SAAS,EAAC,uBADZ;AAEE,mBAAY,eAFd;AAGE,IAAA,IAAI,EAAC,QAHP;AAIE,IAAA,OAAO,EAAEH;AAJX,kBAME,oBAAC,eAAD;AAAiB,IAAA,IAAI,EAAEH;AAAvB,IANF,SAFJ,CADF,eAcE;AAAK,IAAA,SAAS,EAAC;AAAf,KAAmCK,KAAnC,CAdF,eAeE;AAAK,IAAA,SAAS,EAAC;AAAf,KACGD,OAAO,KAAKE,SAAZ,iBACC;AACE,IAAA,SAAS,EAAC,+CADZ;AAEE,mBAAY,gBAFd;AAGE,IAAA,IAAI,EAAC,QAHP;AAIE,IAAA,OAAO,EAAEF;AAJX,kBAME,oBAAC,eAAD;AAAiB,IAAA,IAAI,EAAEL;AAAvB,IANF,CAFJ,CAfF,CADF,eA6BE;AAAK,IAAA,SAAS,EAAC;AAAf,KAAqCG,QAArC,CA7BF,CANkB;AAAA,CAAb;AAuCP,eAAeD,IAAf","sourcesContent":["import React from 'react';\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\nimport { vsClose, vsChevronLeft } from '@deephaven/icons';\nimport './Page.scss';\n\nexport type PageProps = {\n children: React.ReactNode;\n onBack?: () => void;\n onClose?: () => void;\n title: string;\n};\n\n/**\n * A page view with a back button in the bottom left, a title at the top, and a close button in the top right.\n * Back and close buttons will only appear if `onBack` and/or `onClose` callbacks are set.\n */\nexport const Page = ({\n children,\n onBack,\n onClose,\n title,\n}: PageProps): JSX.Element => (\n <div className=\"navigation-page\">\n <div className=\"navigation-title-bar\">\n <div className=\"navigation-left-buttons\">\n {onBack !== undefined && (\n <button\n className=\"btn btn-link btn-back\"\n data-testid=\"btn-page-back\"\n type=\"button\"\n onClick={onBack}\n >\n <FontAwesomeIcon icon={vsChevronLeft} />\n Back\n </button>\n )}\n </div>\n <div className=\"navigation-title\">{title}</div>\n <div className=\"navigation-right-buttons\">\n {onClose !== undefined && (\n <button\n className=\"btn btn-link btn-link-icon btn-close px-2 m-1\"\n data-testid=\"btn-page-close\"\n type=\"button\"\n onClick={onClose}\n >\n <FontAwesomeIcon icon={vsClose} />\n </button>\n )}\n </div>\n </div>\n <div className=\"navigation-content\">{children}</div>\n </div>\n);\n\nexport default Page;\n"],"file":"Page.js"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@deephaven/components",
3
- "version": "0.11.6-beta.0+6acf425",
3
+ "version": "0.11.6-beta.13+9616819",
4
4
  "description": "Deephaven React component library",
5
5
  "author": "Deephaven Data Labs LLC",
6
6
  "license": "Apache-2.0",
@@ -30,12 +30,12 @@
30
30
  "start": "cross-env NODE_ENV=development npm run watch"
31
31
  },
32
32
  "dependencies": {
33
- "@deephaven/icons": "^0.11.6-beta.0+6acf425",
34
- "@deephaven/react-hooks": "^0.11.6-beta.0+6acf425",
35
- "@deephaven/utils": "^0.11.6-beta.0+6acf425",
33
+ "@deephaven/icons": "^0.11.6-beta.13+9616819",
34
+ "@deephaven/react-hooks": "^0.11.6-beta.13+9616819",
35
+ "@deephaven/utils": "^0.11.6-beta.13+9616819",
36
36
  "@fortawesome/fontawesome-svg-core": "1.2.36",
37
37
  "@fortawesome/react-fontawesome": "^0.1.15",
38
- "bootstrap": "4.4.1",
38
+ "bootstrap": "4.6.1",
39
39
  "classnames": "^2.3.1",
40
40
  "event-target-shim": "^6.0.2",
41
41
  "jquery": "^3.6.0",
@@ -57,9 +57,9 @@
57
57
  "react-dom": "^17.x"
58
58
  },
59
59
  "devDependencies": {
60
- "@deephaven/log": "^0.11.6-beta.0+6acf425",
61
- "@deephaven/mocks": "^0.11.6-beta.0+6acf425",
62
- "@deephaven/tsconfig": "^0.11.6-beta.0+6acf425"
60
+ "@deephaven/log": "^0.11.6-beta.13+9616819",
61
+ "@deephaven/mocks": "^0.11.6-beta.13+9616819",
62
+ "@deephaven/tsconfig": "^0.11.6-beta.13+9616819"
63
63
  },
64
64
  "files": [
65
65
  "dist",
@@ -71,5 +71,5 @@
71
71
  "publishConfig": {
72
72
  "access": "public"
73
73
  },
74
- "gitHead": "6acf425e275304943a71c4b3602fe6fad1c97d1c"
74
+ "gitHead": "9616819ad221c486d8e1f31c6c8d128677f294a5"
75
75
  }