gwchq-textjam 0.1.11 → 0.1.12

package/dist/index.js

@@ -60074,6 +60074,9 @@ function SvgAddFile(props) {
   })));
 }
 /* harmony default export */ const add_file = (SvgAddFile);
+// EXTERNAL MODULE: ./node_modules/classnames/index.js
+var classnames = __webpack_require__(46942);
+var classnames_default = /*#__PURE__*/__webpack_require__.n(classnames);
 // EXTERNAL MODULE: ./src/components/Menus/Sidebar/FilePanel/FileTree/styles.module.scss
 var styles_module = __webpack_require__(79473);
 // EXTERNAL MODULE: ./node_modules/react/jsx-runtime.js
@@ -60085,6 +60088,7 @@ var jsx_runtime = __webpack_require__(74848);
 
 
 
+
 var FileTreeActions = _ref => {
   var {
     onFileCreate,
@@ -60095,47 +60099,45 @@ var FileTreeActions = _ref => {
   } = _ref;
   return /*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
     className: styles_module["default"].fileTreeActions,
-    children: [/*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
-      children: [hasExpandedNodes ? /*#__PURE__*/(0,jsx_runtime.jsx)("button", {
-        type: "button",
-        "aria-label": "Collapse all folders",
-        onClick: onCollapseAll,
-        className: styles_module["default"].iconButton,
-        children: /*#__PURE__*/(0,jsx_runtime.jsx)(minus_circle, {
-          "aria-hidden": "true",
-          focusable: "false"
-        })
-      }) : /*#__PURE__*/(0,jsx_runtime.jsx)("button", {
-        type: "button",
-        "aria-label": "Expand all folders",
-        onClick: onExpandAll,
-        className: styles_module["default"].iconButton,
-        children: /*#__PURE__*/(0,jsx_runtime.jsx)(plus_circle, {
-          "aria-hidden": "true",
-          focusable: "false"
-        })
-      }), "Project files"]
-    }), /*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
-      className: styles_module["default"].fileActionButtons,
-      children: [/*#__PURE__*/(0,jsx_runtime.jsx)("button", {
-        type: "button",
-        "aria-label": "Add folder",
-        onClick: onDirCreate,
-        className: styles_module["default"].iconButton,
-        children: /*#__PURE__*/(0,jsx_runtime.jsx)(add_folder, {
-          "aria-hidden": "true",
-          focusable: "false"
-        })
-      }), /*#__PURE__*/(0,jsx_runtime.jsx)("button", {
-        type: "button",
-        "aria-label": "Add file",
-        onClick: onFileCreate,
-        className: styles_module["default"].iconButton,
-        children: /*#__PURE__*/(0,jsx_runtime.jsx)(add_file, {
-          "aria-hidden": "true",
-          focusable: "false"
-        })
-      })]
+    children: [hasExpandedNodes ? /*#__PURE__*/(0,jsx_runtime.jsx)("button", {
+      type: "button",
+      "aria-label": "Collapse all folders",
+      onClick: onCollapseAll,
+      className: styles_module["default"].iconButton,
+      children: /*#__PURE__*/(0,jsx_runtime.jsx)(minus_circle, {
+        "aria-hidden": "true",
+        focusable: "false"
+      })
+    }) : /*#__PURE__*/(0,jsx_runtime.jsx)("button", {
+      type: "button",
+      "aria-label": "Expand all folders",
+      onClick: onExpandAll,
+      className: styles_module["default"].iconButton,
+      children: /*#__PURE__*/(0,jsx_runtime.jsx)(plus_circle, {
+        "aria-hidden": "true",
+        focusable: "false"
+      })
+    }), /*#__PURE__*/(0,jsx_runtime.jsx)("p", {
+      className: styles_module["default"].label,
+      children: "Project files"
+    }), /*#__PURE__*/(0,jsx_runtime.jsx)("button", {
+      type: "button",
+      "aria-label": "Add folder",
+      onClick: onDirCreate,
+      className: classnames_default()([styles_module["default"].iconButtonFilled, styles_module["default"].iconButton]),
+      children: /*#__PURE__*/(0,jsx_runtime.jsx)(add_folder, {
+        "aria-hidden": "true",
+        focusable: "false"
+      })
+    }), /*#__PURE__*/(0,jsx_runtime.jsx)("button", {
+      type: "button",
+      "aria-label": "Add file",
+      onClick: onFileCreate,
+      className: classnames_default()([styles_module["default"].iconButtonFilled, styles_module["default"].iconButton]),
+      children: /*#__PURE__*/(0,jsx_runtime.jsx)(add_file, {
+        "aria-hidden": "true",
+        focusable: "false"
+      })
     })]
   });
 };
@@ -96392,7 +96394,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
 /* harmony export */ });
 // extracted by mini-css-extract-plugin
-/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ({"grey-rpi-grey-15":"#d5d7dc","grey-rpi-grey-40":"#9497a4","grey-rpi-grey-5":"#f1f2f3","grey-rpi-grey-70":"#4a4d59","grey-rpf-white":"#fff","tree":"styles-module__tree--KziAJ","fileTreeActions":"styles-module__fileTreeActions--k+Wsd","iconButton":"styles-module__iconButton--6UIVe","fileActionButtons":"styles-module__fileActionButtons--uLkmA","dragline":"styles-module__dragline--RXmTT"});
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ({"grey-rpi-grey-15":"#d5d7dc","grey-rpi-grey-40":"#9497a4","grey-rpi-grey-5":"#f1f2f3","grey-rpi-grey-70":"#4a4d59","grey-rpf-white":"#fff","tree":"styles-module__tree--KziAJ","fileTreeActions":"styles-module__fileTreeActions--k+Wsd","label":"styles-module__label--WY51f","iconButton":"styles-module__iconButton--6UIVe","iconButtonFilled":"styles-module__iconButtonFilled--w2vJC","dragline":"styles-module__dragline--RXmTT"});
 
 /***/ }),
 

package/dist/style.css

@@ -685,7 +685,7 @@
 .resizable-with-handle__handle--right div{inset-inline-end:3px !important}.resizable-with-handle__handle--right div svg{block-size:100%;min-inline-size:0}.resizable-with-handle__handle--bottom div{inset-block-end:3px !important}.resizable-with-handle__handle--bottom div svg{inline-size:100%}
 :root{--rpf-white: #ffffff}.styles-module__sidebar--Fu5Qi{display:flex;position:relative;scrollbar-width:none}.styles-module__gwcLogo--o2p4A{inline-size:calc(2.5rem*var(--scale-factor, 1))}.styles-module__bar--fOlLf{display:flex;flex-direction:column;justify-content:space-between;margin:calc(1.5rem*var(--scale-factor, 1)) calc(1.25rem*var(--scale-factor, 1)) calc(.625rem*var(--scale-factor, 1)) calc(1.25rem*var(--scale-factor, 1))}.styles-module__optionsTop--2jNbs,.styles-module__optionsBottom--PtwF4{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:calc(2rem*var(--scale-factor, 1))}.styles-module__option--MOGCu{display:flex;align-items:center;justify-content:center;box-sizing:border-box;width:44px;height:44px;margin:0;border:2px solid rgba(0,0,0,0)}.styles-module__option--MOGCu svg{margin:0}.styles-module__option--MOGCu:hover{background-color:#43d6b9}.styles-module__option--MOGCu.styles-module__selected--avjSK{background-color:#fff}.styles-module__option--MOGCu.styles-module__selected--avjSK:hover{background-color:#fff}.styles-module__panel--bHhSv{display:flex;flex-direction:column;padding-block-start:calc(1rem*var(--scale-factor, 1));border-radius:calc(.25rem*var(--scale-factor, 1));margin-right:calc(.5rem*var(--scale-factor, 1));inline-size:inherit;background:var(--sidebar-panel-background)}.styles-module__panelWithFooter--5ItsY{padding-block-end:calc(2rem*var(--scale-factor, 1))}.styles-module__panelHeading--GRNt0{margin:0;font-size:calc(1.5rem*var(--scale-factor, 1));line-height:calc(2rem*var(--scale-factor, 1))}.styles-module__panelHeader--bAHfN{display:flex;flex-direction:column;gap:calc(1rem*var(--scale-factor, 1));padding-block-end:calc(1rem*var(--scale-factor, 1));margin-inline:calc(1rem*var(--scale-factor, 1));border-block-end:1px solid var(--sidebar-border)}.styles-module__panelContent--X7kot{flex:1;padding:calc(1rem*var(--scale-factor, 1));overflow-y:auto;scrollbar-width:thin}.styles-module__panelButtons---y4S-{display:flex;flex-direction:column;gap:calc(1rem*var(--scale-factor, 1))}.styles-module__panelFooter--T1y-s{border-block-start:1px solid #d5d7dc;inset-block-end:0px;inline-size:100%;inline-size:-moz-available;inline-size:-webkit-stretch;inline-size:stretch;padding-inline:calc(1rem*var(--scale-factor, 1));background-color:#fff;border-end-end-radius:8px}
 :root{--rpf-white: #ffffff}.styles-module__treeItem--kbyYk{display:flex;align-items:center;gap:8px;width:100%;text-align:left;padding:6px 10px;position:relative;cursor:pointer}.styles-module__treeItem--kbyYk:hover{background-color:var(--rpf-files-list-item-hover)}.styles-module__treeItem--kbyYk:hover::before{background-color:rgba(0,0,0,0) !important}.styles-module__treeItem--kbyYk:active{background-color:var(--rpf-files-list-item-active)}.styles-module__itemFocused--SmUbE{font-weight:bold}.styles-module__fileTreeActions--d42jt{display:flex;justify-content:space-between}.styles-module__fileTreeActions--d42jt div{display:flex;align-items:center;max-height:100%}.styles-module__fileTreeActions--d42jt svg{padding:8px;cursor:pointer;margin:0 4px}.styles-module__level-0--5PVOR{padding-left:0px}.styles-module__level-1--vTMYv{padding-left:20px}.styles-module__level-2--Xx8Ie{padding-left:40px}.styles-module__level-3--ySuP4{padding-left:60px}.styles-module__level-4--7uciy{padding-left:80px}.styles-module__level-5--AEspR{padding-left:100px}.styles-module__level-6--c28W9{padding-left:120px}.styles-module__level-7--gU\+\+Q{padding-left:140px}.styles-module__level-8--dmg5P{padding-left:160px}.styles-module__level-9--X73V0{padding-left:180px}.styles-module__level-10--VAKPI{padding-left:200px}.styles-module__level-11--5rqim{padding-left:220px}.styles-module__level-12--8cLBy{padding-left:240px}.styles-module__level-13--qlzYN{padding-left:260px}.styles-module__level-14--Q7bCT{padding-left:280px}.styles-module__level-15---1KaW{padding-left:300px}.styles-module__level-16--BCkZb{padding-left:320px}.styles-module__level-17--tM3Ht{padding-left:340px}.styles-module__level-18--GkyjF{padding-left:360px}.styles-module__level-19--kxLhM{padding-left:380px}.styles-module__level-20--sIjDn{padding-left:400px}
-:root{--rpf-white: #ffffff}.styles-module__tree--KziAJ{max-width:300px;min-height:100px}.styles-module__tree--KziAJ button[role=treeitem]{display:flex;background:rgba(0,0,0,0);border:none;width:100%;padding:0 0 2px 0}.styles-module__fileTreeActions--k\+Wsd{display:flex;justify-content:space-between}.styles-module__fileTreeActions--k\+Wsd div{display:flex;align-items:center;max-height:100%}.styles-module__iconButton--6UIVe{background:rgba(0,0,0,0);border:none;padding:0;cursor:pointer;margin:0 4px}.styles-module__iconButton--6UIVe svg{padding:8px}.styles-module__fileActionButtons--uLkmA svg{border-radius:8px;background-color:#e5f6f1}.styles-module__dragline--RXmTT{height:2px;margin-top:-1px;background-color:#003046}.styles-module__dragline--RXmTT ::before{content:"";position:absolute;left:0;top:-3px;height:4px;width:4px;background:#fff;border:2px solid #003046;border-radius:99px}
+:root{--rpf-white: #ffffff}.styles-module__tree--KziAJ{max-width:300px;min-height:100px}.styles-module__tree--KziAJ button[role=treeitem]{display:flex;background:rgba(0,0,0,0);border:none;width:100%;padding:0 0 2px 0}.styles-module__fileTreeActions--k\+Wsd{display:flex;gap:8px;align-items:center;margin-bottom:16px}.styles-module__label--WY51f{margin:0;flex-grow:1}.styles-module__iconButton--6UIVe{border:none;display:flex;justify-content:center;align-items:center}.styles-module__iconButtonFilled--w2vJC{background-color:#e5f6f1;border-radius:8px;width:34px;height:34px}.styles-module__dragline--RXmTT{height:2px;margin-top:-1px;background-color:#003046}.styles-module__dragline--RXmTT ::before{content:"";position:absolute;left:0;top:-3px;height:4px;width:4px;background:#fff;border:2px solid #003046;border-radius:99px}
 :root,:host{--font-size-0-5: 0.5rem;--font-size-0-75: 0.75rem;--font-size-1: 1rem;--font-size-1-5: 1.25rem;--font-size-2: 1.5rem;--font-size-3: 2rem;--font-size-4: 2.5rem;--font-size-5: 3rem;--font-size-6: 3.5rem;--font-size-7: 4rem;--font-size-8: 4.5rem;--font-size-9: 5rem}:root,:host{--font-weight-regular: 400;--font-weight-bold: 700}:root,:host{--line-height-0-75: 0.75rem;--line-height-1: 1rem;--line-height-1-5: 1.5rem;--line-height-2: 2rem;--line-height-2-5: 2.5rem;--line-height-3: 3rem;--line-height-3-5: 3.5rem;--line-height-4: 4rem;--line-height-4-5: 4.5rem;--line-height-5: 5rem;--line-height-5-5: 5.5rem;--line-height-6: 6rem;--line-height-6-5: 6.5rem}.editor-wrapper{overflow:auto;scrollbar-width:thin;height:100%}.editor{display:flex;flex-flow:column;flex:1;overflow:hidden;height:100%}.editor .cm-editor{flex:1;overflow:hidden}.editor .cm-editor:focus{outline:none}.editor .cm-editor .cm-scroller{font-size:var(--font-size-1);font-weight:var(--font-weight-regular);line-height:var(--line-height-1-5);overflow:auto;scrollbar-width:thin;overscroll-behavior-x:none;font-family:var(--wc-font-family-monospace)}.editor .cm-editor .cm-scroller .cm-content{flex:1;padding-block-start:calc(.5rem*var(--scale-factor, 1));margin-inline-end:calc(.5rem*var(--scale-factor, 1))}.editor--small{font-size:calc(1rem*var(--scale-factor, 1));line-height:calc(1.5rem*var(--scale-factor, 1))}.editor--medium{font-size:calc(1.5rem*var(--scale-factor, 1));line-height:calc(2rem*var(--scale-factor, 1))}.editor--large{font-size:calc(2rem*var(--scale-factor, 1));line-height:calc(2.5rem*var(--scale-factor, 1))}.rpf-alert{margin:0}
 
 

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "gwchq-textjam",
   "description": "Embeddable React editor used in Raspberry Pi text-based projects.",
-  "version": "0.1.11",
+  "version": "0.1.12",
   "license": "Apache-2.0",
   "homepage": "https://github.com/GirlsFirst/gwchq-textjam",
   "author": "Girls Who Code HQ",
@@ -15,6 +15,7 @@
   "scripts": {
     "start": "NODE_ENV=development BABEL_ENV=development webpack serve -c ./webpack.config.js",
     "build:lib": "npm run clean && NODE_ENV=production BABEL_ENV=production webpack --config webpack.lib.config.js",
+    "prepublishOnly": "yarn build:lib",
     "clean": "rimraf dist",
     "lint": "eslint \"src/**/*.{js,jsx,json}\"",
     "lint:fix": "eslint --fix \"src/**/*.{js,jsx,json}\"",