scratch-gui 1.0.0 → 1.0.1

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: c6b09d2e8b09c2d55a37b49e08dc7cc25b71ec1ff540bd855669aee24f35f9e6
-  data.tar.gz: de4761fc70e46e8e58e226902b75537eee30c3d98fde289f95e35b732baa3390
+  metadata.gz: 56bdb434354877f58d662b10f892f19f9444e48d7b517c40344fabf61f349d43
+  data.tar.gz: 2840c298e5e24b75651add3b4484b2996eba84423cad6b8976fd118f44579c86
 SHA512:
-  metadata.gz: 76150b17d0d7c5c433473bd3b297ab398ed9ff3a52e6f645d98fc5eea0bfec0f56ee919cb89a8dbe42e3134a0d9d881341a5df32edcfb0902108de57e2204924
-  data.tar.gz: c6304b8ec81de97612c4c359e622375111c9cc66688e5e203e7f46bcafab4ac0fd6ad99375a4ccda4595e9b357801c53b333250dc66b7c4735e30bd7076f2d33
+  metadata.gz: 5d0d83770804cd2ab9f4dcb236a26a5922692491f591132983fc3fdccf91e19d2a7c6a2e8ec27230446a9122d9be72ccd2c0231178e5e6ba675bf2536b21d3da
+  data.tar.gz: fa653d8ebc15a505dff586b10fb2189964a02609f11308e82a204914e052c3390e60526dd29f1943c7ae460b77d35174ed94d78d593db6890a8302ecb3878caf

data/app/assets/javascripts/lib.min.js

@@ -31726,6 +31726,28 @@ exports.locals = {
 
 /***/ }),
 
+/***/ "./node_modules/css-loader/index.js?!./node_modules/postcss-loader/src/index.js?!./src/components/language-selector/language-selector.css":
+/*!***********************************************************************************************************************************************!*\
+  !*** ./node_modules/css-loader??ref--5-1!./node_modules/postcss-loader/src??postcss!./src/components/language-selector/language-selector.css ***!
+  \***********************************************************************************************************************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+exports = module.exports = __webpack_require__(/*! ../../../node_modules/css-loader/lib/css-base.js */ "./node_modules/css-loader/lib/css-base.js")(false);
+// imports
+
+
+// module
+exports.push([module.i, "/* #E5F0FF */ /* #E9F1FC */ /* #D9E3F2 */ /* 90% transparent version of motion-primary */ /* #FFFFFF */ /* 25% transparent version of ui-white */ /* 25% transparent version of ui-white */ /* 15% transparent version of black */ /* #575E75 */ /* #4C97FF */ /* #3373CC */ /* 35% transparent version of motion-primary */ /* 10% transparent version of motion-primary */ /* #FF661A */ /* #E64D00 */ /* #CF63CF */ /* #BD42BD */ /* #FFAB19 */ /* #FF8C1A */ /* #0FBD8C */ /* #0FBD8C */ /* #FF8C1A */ /* #FF8C1A */ /* #0FBD8C */ /* #0B8E69 */ /* 35% transparent version of extensions-primary */ /* make sure to keep these in sync with other constants,\ne.g. STAGE_DIMENSION_DEFAULTS in lib/screen-utils.js */ /* layout contants from `layout-constants.js` */ /* Position the language select over the language icon, and make it transparent */ .language-selector_language-select_8Vfnm {\n    position: absolute;\n    width: 3rem;\n    height: 3rem;\n    opacity: 0;\n    -webkit-user-select: none;\n       -moz-user-select: none;\n        -ms-user-select: none;\n            user-select: none;\n    font-family: \"Helvetica Neue\", Helvetica, Arial, sans-serif;\n    font-size: .875rem;\n} [dir=\"ltr\"] .language-selector_language-select_8Vfnm {\n    right: 0;\n} [dir=\"rtl\"] .language-selector_language-select_8Vfnm {\n    left: 0;\n} .language-selector_language-select_8Vfnm option {\n    opacity: 1;\n} .language-selector_language-select_8Vfnm:focus {\n    border: 1px solid white;\n}\n", ""]);
+
+// exports
+exports.locals = {
+	"language-select": "language-selector_language-select_8Vfnm",
+	"languageSelect": "language-selector_language-select_8Vfnm"
+};
+
+/***/ }),
+
 /***/ "./node_modules/css-loader/index.js?!./node_modules/postcss-loader/src/index.js?!./src/components/library-item/library-item.css":
 /*!*************************************************************************************************************************************!*\
   !*** ./node_modules/css-loader??ref--5-1!./node_modules/postcss-loader/src??postcss!./src/components/library-item/library-item.css ***!
@@ -285674,6 +285696,108 @@ module.exports = "http://localhost:8601/static/assets/1319094a51748798730f01d1dc
 
 /***/ }),
 
+/***/ "./src/components/language-selector/language-selector.css":
+/*!****************************************************************!*\
+  !*** ./src/components/language-selector/language-selector.css ***!
+  \****************************************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+
+var content = __webpack_require__(/*! !../../../node_modules/css-loader??ref--5-1!../../../node_modules/postcss-loader/src??postcss!./language-selector.css */ "./node_modules/css-loader/index.js?!./node_modules/postcss-loader/src/index.js?!./src/components/language-selector/language-selector.css");
+
+if(typeof content === 'string') content = [[module.i, content, '']];
+
+var transform;
+var insertInto;
+
+
+
+var options = {"hmr":true}
+
+options.transform = transform
+options.insertInto = undefined;
+
+var update = __webpack_require__(/*! ../../../node_modules/style-loader/lib/addStyles.js */ "./node_modules/style-loader/lib/addStyles.js")(content, options);
+
+if(content.locals) module.exports = content.locals;
+
+if(false) {}
+
+/***/ }),
+
+/***/ "./src/components/language-selector/language-selector.jsx":
+/*!****************************************************************!*\
+  !*** ./src/components/language-selector/language-selector.jsx ***!
+  \****************************************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+
+
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+
+var _propTypes = __webpack_require__(/*! prop-types */ "./node_modules/prop-types/index.js");
+
+var _propTypes2 = _interopRequireDefault(_propTypes);
+
+var _react = __webpack_require__(/*! react */ "./node_modules/react/index.js");
+
+var _react2 = _interopRequireDefault(_react);
+
+var _scratchL10n = __webpack_require__(/*! scratch-l10n */ "./node_modules/scratch-l10n/src/index.js");
+
+var _scratchL10n2 = _interopRequireDefault(_scratchL10n);
+
+var _languageSelector = __webpack_require__(/*! ./language-selector.css */ "./src/components/language-selector/language-selector.css");
+
+var _languageSelector2 = _interopRequireDefault(_languageSelector);
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+// supported languages to exclude from the menu, but allow as a URL option
+var ignore = [];
+
+var LanguageSelector = function LanguageSelector(_ref) {
+    var currentLocale = _ref.currentLocale,
+        label = _ref.label,
+        onChange = _ref.onChange;
+    return _react2.default.createElement(
+        'select',
+        {
+            'aria-label': label,
+            className: _languageSelector2.default.languageSelect,
+            value: currentLocale,
+            onChange: onChange
+        },
+        Object.keys(_scratchL10n2.default).filter(function (l) {
+            return !ignore.includes(l);
+        }).map(function (locale) {
+            return _react2.default.createElement(
+                'option',
+                {
+                    key: locale,
+                    value: locale
+                },
+                _scratchL10n2.default[locale].name
+            );
+        })
+    );
+};
+
+LanguageSelector.propTypes = {
+    currentLocale: _propTypes2.default.string,
+    label: _propTypes2.default.string,
+    onChange: _propTypes2.default.func
+};
+
+exports.default = LanguageSelector;
+
+/***/ }),
+
 /***/ "./src/components/library-item/library-item.css":
 /*!******************************************************!*\
   !*** ./src/components/library-item/library-item.css ***!
@@ -286508,9 +286632,9 @@ var _box2 = _interopRequireDefault(_box);
 
 var _comingSoon = __webpack_require__(/*! ../coming-soon/coming-soon.jsx */ "./src/components/coming-soon/coming-soon.jsx");
 
-var _divider = __webpack_require__(/*! ../divider/divider.jsx */ "./src/components/divider/divider.jsx");
+var _languageSelector = __webpack_require__(/*! ../../containers/language-selector.jsx */ "./src/containers/language-selector.jsx");
 
-var _divider2 = _interopRequireDefault(_divider);
+var _languageSelector2 = _interopRequireDefault(_languageSelector);
 
 var _modals = __webpack_require__(/*! ../../reducers/modals */ "./src/reducers/modals.js");
 
@@ -286765,7 +286889,7 @@ var MenuBar = function (_React$Component) {
                                     src: _dropdownCaret2.default
                                 })
                             ),
-                            _react2.default.createElement(LanguageSelector, { label: this.props.intl.formatMessage(ariaMessages.language) })
+                            _react2.default.createElement(_languageSelector2.default, { label: this.props.intl.formatMessage(ariaMessages.language) })
                         )
                     )
                 )
@@ -296207,6 +296331,127 @@ exports.default = (0, _reactRedux.connect)(mapStateToProps, mapDispatchToProps)(
 
 /***/ }),
 
+/***/ "./src/containers/language-selector.jsx":
+/*!**********************************************!*\
+  !*** ./src/containers/language-selector.jsx ***!
+  \**********************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+
+
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+
+var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };
+
+var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
+
+var _lodash = __webpack_require__(/*! lodash.bindall */ "./node_modules/lodash.bindall/index.js");
+
+var _lodash2 = _interopRequireDefault(_lodash);
+
+var _propTypes = __webpack_require__(/*! prop-types */ "./node_modules/prop-types/index.js");
+
+var _propTypes2 = _interopRequireDefault(_propTypes);
+
+var _react = __webpack_require__(/*! react */ "./node_modules/react/index.js");
+
+var _react2 = _interopRequireDefault(_react);
+
+var _reactRedux = __webpack_require__(/*! react-redux */ "./node_modules/react-redux/es/index.js");
+
+var _locales = __webpack_require__(/*! ../reducers/locales */ "./src/reducers/locales.js");
+
+var _menus = __webpack_require__(/*! ../reducers/menus */ "./src/reducers/menus.js");
+
+var _languageSelector = __webpack_require__(/*! ../components/language-selector/language-selector.jsx */ "./src/components/language-selector/language-selector.jsx");
+
+var _languageSelector2 = _interopRequireDefault(_languageSelector);
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _objectWithoutProperties(obj, keys) { var target = {}; for (var i in obj) { if (keys.indexOf(i) >= 0) continue; if (!Object.prototype.hasOwnProperty.call(obj, i)) continue; target[i] = obj[i]; } return target; }
+
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+
+function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
+
+function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
+
+var LanguageSelector = function (_React$Component) {
+    _inherits(LanguageSelector, _React$Component);
+
+    function LanguageSelector(props) {
+        _classCallCheck(this, LanguageSelector);
+
+        var _this = _possibleConstructorReturn(this, (LanguageSelector.__proto__ || Object.getPrototypeOf(LanguageSelector)).call(this, props));
+
+        (0, _lodash2.default)(_this, ['handleChange']);
+        document.documentElement.lang = props.currentLocale;
+        return _this;
+    }
+
+    _createClass(LanguageSelector, [{
+        key: 'handleChange',
+        value: function handleChange(e) {
+            var newLocale = e.target.value;
+            if (this.props.supportedLocales.includes(newLocale)) {
+                this.props.onChangeLanguage(newLocale);
+                document.documentElement.lang = newLocale;
+            }
+        }
+    }, {
+        key: 'render',
+        value: function render() {
+            var _props = this.props,
+                onChangeLanguage = _props.onChangeLanguage,
+                supportedLocales = _props.supportedLocales,
+                children = _props.children,
+                props = _objectWithoutProperties(_props, ['onChangeLanguage', 'supportedLocales', 'children']);
+
+            return _react2.default.createElement(
+                _languageSelector2.default,
+                _extends({
+                    onChange: this.handleChange
+                }, props),
+                children
+            );
+        }
+    }]);
+
+    return LanguageSelector;
+}(_react2.default.Component);
+
+LanguageSelector.propTypes = {
+    children: _propTypes2.default.node,
+    currentLocale: _propTypes2.default.string.isRequired,
+    onChangeLanguage: _propTypes2.default.func.isRequired,
+    supportedLocales: _propTypes2.default.arrayOf(_propTypes2.default.string)
+};
+
+var mapStateToProps = function mapStateToProps(state) {
+    return {
+        currentLocale: state.locales.locale,
+        supportedLocales: Object.keys(state.locales.messagesByLocale)
+    };
+};
+
+var mapDispatchToProps = function mapDispatchToProps(dispatch) {
+    return {
+        onChangeLanguage: function onChangeLanguage(locale) {
+            dispatch((0, _locales.selectLocale)(locale));
+            dispatch((0, _menus.closeLanguageMenu)());
+        }
+    };
+};
+
+exports.default = (0, _reactRedux.connect)(mapStateToProps, mapDispatchToProps)(LanguageSelector);
+
+/***/ }),
+
 /***/ "./src/containers/list-monitor.jsx":
 /*!*****************************************!*\
   !*** ./src/containers/list-monitor.jsx ***!
@@ -303751,8 +303996,8 @@ var HashParserHOC = function HashParserHOC(WrappedComponent) {
                     componentProps = _objectWithoutProperties(_props, ['isFetchingWithoutId', 'reduxProjectId', 'setProjectId']);
 
                 return _react2.default.createElement(WrappedComponent, _extends({
-                    projectId: this.state.projectId
-                }, this.props));
+                    hideIntro: this.state.hideIntro
+                }, componentProps));
             }
         }]);
 

data/lib/scratch/gui/version.rb

@@ -1,5 +1,5 @@
 module Scratch
   module GUI
-    VERSION = "1.0.0"
+    VERSION = "1.0.1"
   end
 end

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: scratch-gui
 version: !ruby/object:Gem::Version
-  version: 1.0.0
+  version: 1.0.1
 platform: ruby
 authors:
 - Luis Cannavo