Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More
Socket
Sign inDemoInstall
Socket

@khanacademy/wonder-blocks-layout

Package Overview
Dependencies
Maintainers
1
Versions
244
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@khanacademy/wonder-blocks-layout - npm Package Compare versions

Comparing version 1.0.6 to 1.0.7

44

dist/es/index.js

@@ -10,12 +10,16 @@ import { Component, createElement } from 'react';

*/
class Spring extends Component {
render() {
return createElement(View, { "aria-hidden": "true", style: styles.grow });
}
render() {
return createElement(View, {
"aria-hidden": "true",
style: styles.grow
});
}
}
const styles = StyleSheet.create({
grow: {
flexGrow: 1
}
grow: {
flexGrow: 1
}
});

@@ -29,18 +33,22 @@

class Strut extends Component {
render() {
return createElement(View, { "aria-hidden": "true", style: strutStyle(this.props.size) });
}
render() {
return createElement(View, {
"aria-hidden": "true",
style: strutStyle(this.props.size)
});
}
}
const strutStyle = size => {
return {
width: size,
MsFlexBasis: size,
MsFlexPreferredSize: size,
WebkitFlexBasis: size,
flexBasis: size,
flexShrink: 0
};
return {
width: size,
MsFlexBasis: size,
MsFlexPreferredSize: size,
WebkitFlexBasis: size,
flexBasis: size,
flexShrink: 0
};
};
export { Spring, Strut };

@@ -85,3 +85,3 @@ module.exports =

/******/ // Load entry module and return exports
/******/ return __webpack_require__(__webpack_require__.s = 5);
/******/ return __webpack_require__(__webpack_require__.s = 3);
/******/ })

@@ -93,3 +93,3 @@ /************************************************************************/

module.exports = require("@khanacademy/wonder-blocks-core");
module.exports = require("react");

@@ -100,71 +100,6 @@ /***/ }),

module.exports = require("react");
module.exports = require("@khanacademy/wonder-blocks-core");
/***/ }),
/* 2 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
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 _react = __webpack_require__(1);
var React = _interopRequireWildcard(_react);
var _wonderBlocksCore = __webpack_require__(0);
function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) newObj[key] = obj[key]; } } newObj.default = obj; return newObj; } }
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; }
/**
* A component for inserting fixed space between components.
*
* Assumes parent is a View.
*/
var Strut = function (_React$Component) {
_inherits(Strut, _React$Component);
function Strut() {
_classCallCheck(this, Strut);
return _possibleConstructorReturn(this, (Strut.__proto__ || Object.getPrototypeOf(Strut)).apply(this, arguments));
}
_createClass(Strut, [{
key: "render",
value: function render() {
return React.createElement(_wonderBlocksCore.View, { "aria-hidden": "true", style: strutStyle(this.props.size) });
}
}]);
return Strut;
}(React.Component);
exports.default = Strut;
var strutStyle = function strutStyle(size) {
return {
width: size,
MsFlexBasis: size,
MsFlexPreferredSize: size,
WebkitFlexBasis: size,
flexBasis: size,
flexShrink: 0
};
};
/***/ }),
/* 3 */
/***/ (function(module, exports) {

@@ -175,30 +110,21 @@

/***/ }),
/* 4 */
/***/ (function(module, exports, __webpack_require__) {
/* 3 */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
__webpack_require__.r(__webpack_exports__);
// EXTERNAL MODULE: external "react"
var external_react_ = __webpack_require__(0);
Object.defineProperty(exports, "__esModule", {
value: true
});
// EXTERNAL MODULE: external "aphrodite"
var external_aphrodite_ = __webpack_require__(2);
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; }; }();
// EXTERNAL MODULE: external "@khanacademy/wonder-blocks-core"
var wonder_blocks_core_ = __webpack_require__(1);
var _react = __webpack_require__(1);
// CONCATENATED MODULE: ./packages/wonder-blocks-layout/components/spring.js
var React = _interopRequireWildcard(_react);
var _aphrodite = __webpack_require__(3);
var _wonderBlocksCore = __webpack_require__(0);
function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) newObj[key] = obj[key]; } } newObj.default = obj; return newObj; } }
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; }
/**

@@ -209,62 +135,53 @@ * Expands to fill space between sibling components.

*/
var Spring = function (_React$Component) {
_inherits(Spring, _React$Component);
function Spring() {
_classCallCheck(this, Spring);
class spring_Spring extends external_react_["Component"] {
render() {
return external_react_["createElement"](wonder_blocks_core_["View"], {
"aria-hidden": "true",
style: styles.grow
});
}
return _possibleConstructorReturn(this, (Spring.__proto__ || Object.getPrototypeOf(Spring)).apply(this, arguments));
}
_createClass(Spring, [{
key: "render",
value: function render() {
return React.createElement(_wonderBlocksCore.View, { "aria-hidden": "true", style: styles.grow });
}
}]);
return Spring;
}(React.Component);
exports.default = Spring;
var styles = _aphrodite.StyleSheet.create({
grow: {
flexGrow: 1
}
}
const styles = external_aphrodite_["StyleSheet"].create({
grow: {
flexGrow: 1
}
});
// CONCATENATED MODULE: ./packages/wonder-blocks-layout/components/strut.js
/***/ }),
/* 5 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
/**
* A component for inserting fixed space between components.
*
* Assumes parent is a View.
*/
class strut_Strut extends external_react_["Component"] {
render() {
return external_react_["createElement"](wonder_blocks_core_["View"], {
"aria-hidden": "true",
style: strutStyle(this.props.size)
});
}
Object.defineProperty(exports, "__esModule", {
value: true
});
}
var _spring = __webpack_require__(4);
const strutStyle = size => {
return {
width: size,
MsFlexBasis: size,
MsFlexPreferredSize: size,
WebkitFlexBasis: size,
flexBasis: size,
flexShrink: 0
};
};
// CONCATENATED MODULE: ./packages/wonder-blocks-layout/index.js
/* concated harmony reexport */__webpack_require__.d(__webpack_exports__, "Spring", function() { return spring_Spring; });
/* concated harmony reexport */__webpack_require__.d(__webpack_exports__, "Strut", function() { return strut_Strut; });
Object.defineProperty(exports, "Spring", {
enumerable: true,
get: function get() {
return _interopRequireDefault(_spring).default;
}
});
var _strut = __webpack_require__(2);
Object.defineProperty(exports, "Strut", {
enumerable: true,
get: function get() {
return _interopRequireDefault(_strut).default;
}
});
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
/***/ })
/******/ ]);
{
"name": "@khanacademy/wonder-blocks-layout",
"version": "1.0.6",
"version": "1.0.7",
"design": "v1",

@@ -16,7 +16,7 @@ "publishConfig": {

"dependencies": {
"@khanacademy/wonder-blocks-core": "^1.2.2",
"@khanacademy/wonder-blocks-spacing": "^2.0.7"
"@khanacademy/wonder-blocks-core": "^1.2.3",
"@khanacademy/wonder-blocks-spacing": "^2.0.8"
},
"devDependencies": {
"@khanacademy/wonder-blocks-button": "^2.2.0"
"@khanacademy/wonder-blocks-button": "^2.2.1"
},

@@ -23,0 +23,0 @@ "peerDependencies": {

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc