ink 6.7.0 → 7.0.0

package/build/apply-styles.js

@@ -1,175 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _yogaLayoutPrebuilt = _interopRequireDefault(require("yoga-layout-prebuilt"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-const applyMarginStyles = (node, style) => {
-  if (style.margin) {
-    node.setMargin(_yogaLayoutPrebuilt.default.EDGE_TOP, style.margin);
-    node.setMargin(_yogaLayoutPrebuilt.default.EDGE_BOTTOM, style.margin);
-    node.setMargin(_yogaLayoutPrebuilt.default.EDGE_START, style.margin);
-    node.setMargin(_yogaLayoutPrebuilt.default.EDGE_END, style.margin);
-  }
-
-  if (style.marginX) {
-    node.setMargin(_yogaLayoutPrebuilt.default.EDGE_START, style.marginX);
-    node.setMargin(_yogaLayoutPrebuilt.default.EDGE_END, style.marginX);
-  }
-
-  if (style.marginY) {
-    node.setMargin(_yogaLayoutPrebuilt.default.EDGE_TOP, style.marginY);
-    node.setMargin(_yogaLayoutPrebuilt.default.EDGE_BOTTOM, style.marginY);
-  }
-
-  if (style.marginTop) {
-    node.setMargin(_yogaLayoutPrebuilt.default.EDGE_TOP, style.marginTop);
-  }
-
-  if (style.marginBottom) {
-    node.setMargin(_yogaLayoutPrebuilt.default.EDGE_BOTTOM, style.marginBottom);
-  }
-
-  if (style.marginLeft) {
-    node.setMargin(_yogaLayoutPrebuilt.default.EDGE_START, style.marginLeft);
-  }
-
-  if (style.marginRight) {
-    node.setMargin(_yogaLayoutPrebuilt.default.EDGE_END, style.marginRight);
-  }
-};
-
-const applyPaddingStyles = (node, style) => {
-  if (style.padding) {
-    node.setPadding(_yogaLayoutPrebuilt.default.EDGE_TOP, style.padding);
-    node.setPadding(_yogaLayoutPrebuilt.default.EDGE_BOTTOM, style.padding);
-    node.setPadding(_yogaLayoutPrebuilt.default.EDGE_LEFT, style.padding);
-    node.setPadding(_yogaLayoutPrebuilt.default.EDGE_RIGHT, style.padding);
-  }
-
-  if (style.paddingX) {
-    node.setPadding(_yogaLayoutPrebuilt.default.EDGE_LEFT, style.paddingX);
-    node.setPadding(_yogaLayoutPrebuilt.default.EDGE_RIGHT, style.paddingX);
-  }
-
-  if (style.paddingY) {
-    node.setPadding(_yogaLayoutPrebuilt.default.EDGE_TOP, style.paddingY);
-    node.setPadding(_yogaLayoutPrebuilt.default.EDGE_BOTTOM, style.paddingY);
-  }
-
-  if (style.paddingTop) {
-    node.setPadding(_yogaLayoutPrebuilt.default.EDGE_TOP, style.paddingTop);
-  }
-
-  if (style.paddingBottom) {
-    node.setPadding(_yogaLayoutPrebuilt.default.EDGE_BOTTOM, style.paddingBottom);
-  }
-
-  if (style.paddingLeft) {
-    node.setPadding(_yogaLayoutPrebuilt.default.EDGE_LEFT, style.paddingLeft);
-  }
-
-  if (style.paddingRight) {
-    node.setPadding(_yogaLayoutPrebuilt.default.EDGE_RIGHT, style.paddingRight);
-  }
-};
-
-const applyFlexStyles = (node, style) => {
-  if (style.flexGrow) {
-    node.setFlexGrow(style.flexGrow);
-  }
-
-  if (style.flexShrink) {
-    node.setFlexShrink(style.flexShrink);
-  }
-
-  if (style.flexDirection) {
-    if (style.flexDirection === 'row') {
-      node.setFlexDirection(_yogaLayoutPrebuilt.default.FLEX_DIRECTION_ROW);
-    }
-
-    if (style.flexDirection === 'row-reverse') {
-      node.setFlexDirection(_yogaLayoutPrebuilt.default.FLEX_DIRECTION_ROW_REVERSE);
-    }
-
-    if (style.flexDirection === 'column') {
-      node.setFlexDirection(_yogaLayoutPrebuilt.default.FLEX_DIRECTION_COLUMN);
-    }
-
-    if (style.flexDirection === 'column-reverse') {
-      node.setFlexDirection(_yogaLayoutPrebuilt.default.FLEX_DIRECTION_COLUMN_REVERSE);
-    }
-  }
-
-  if (style.flexBasis !== undefined) {
-    node.setFlexBasis(style.flexBasis);
-  }
-
-  if (style.alignItems) {
-    if (style.alignItems === 'flex-start') {
-      node.setAlignItems(_yogaLayoutPrebuilt.default.ALIGN_FLEX_START);
-    }
-
-    if (style.alignItems === 'center') {
-      node.setAlignItems(_yogaLayoutPrebuilt.default.ALIGN_CENTER);
-    }
-
-    if (style.alignItems === 'flex-end') {
-      node.setAlignItems(_yogaLayoutPrebuilt.default.ALIGN_FLEX_END);
-    }
-  }
-
-  if (style.justifyContent) {
-    if (style.justifyContent === 'flex-start') {
-      node.setJustifyContent(_yogaLayoutPrebuilt.default.JUSTIFY_FLEX_START);
-    }
-
-    if (style.justifyContent === 'center') {
-      node.setJustifyContent(_yogaLayoutPrebuilt.default.JUSTIFY_CENTER);
-    }
-
-    if (style.justifyContent === 'flex-end') {
-      node.setJustifyContent(_yogaLayoutPrebuilt.default.JUSTIFY_FLEX_END);
-    }
-
-    if (style.justifyContent === 'space-between') {
-      node.setJustifyContent(_yogaLayoutPrebuilt.default.JUSTIFY_SPACE_BETWEEN);
-    }
-
-    if (style.justifyContent === 'space-around') {
-      node.setJustifyContent(_yogaLayoutPrebuilt.default.JUSTIFY_SPACE_AROUND);
-    }
-  }
-};
-
-const applyDimensionStyles = (node, style) => {
-  if (style.width !== undefined) {
-    node.setWidth(style.width);
-  }
-
-  if (style.height !== undefined) {
-    node.setHeight(style.height);
-  }
-
-  if (style.minWidth !== undefined) {
-    node.setMinWidth(style.minWidth);
-  }
-
-  if (style.minHeight !== undefined) {
-    node.setMinHeight(style.minHeight);
-  }
-};
-
-var _default = (node, style = {}) => {
-  applyMarginStyles(node, style);
-  applyPaddingStyles(node, style);
-  applyFlexStyles(node, style);
-  applyDimensionStyles(node, style);
-};
-
-exports.default = _default;

package/build/build-layout.js

@@ -1,77 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _yogaLayoutPrebuilt = _interopRequireDefault(require("yoga-layout-prebuilt"));
-
-var _applyStyles = _interopRequireDefault(require("./apply-styles"));
-
-var _measureText = _interopRequireDefault(require("./measure-text"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-// Traverse the node tree, create Yoga nodes and assign styles to each Yoga node
-const buildLayout = (node, options) => {
-  const {
-    config,
-    terminalWidth,
-    skipStaticElements
-  } = options;
-
-  const yogaNode = _yogaLayoutPrebuilt.default.Node.create(config);
-
-  node.yogaNode = yogaNode;
-  const style = node.style || {}; // Root node of the tree
-
-  if (node.nodeName === 'ROOT') {
-    // `terminalWidth` can be `undefined` if env isn't a TTY
-    yogaNode.setWidth(terminalWidth || 100);
-
-    if (node.childNodes.length > 0) {
-      const childNodes = node.childNodes.filter(childNode => {
-        return skipStaticElements ? !childNode.unstable__static : true;
-      });
-
-      for (const [index, childNode] of Object.entries(childNodes)) {
-        const childYogaNode = buildLayout(childNode, options).yogaNode;
-        yogaNode.insertChild(childYogaNode, index);
-      }
-    }
-
-    return node;
-  } // Apply margin, padding, flex, etc styles
-
-
-  (0, _applyStyles.default)(yogaNode, style); // Nodes with only text have a child Yoga node dedicated for that text
-
-  if (node.textContent || node.nodeValue) {
-    const {
-      width,
-      height
-    } = (0, _measureText.default)(node.textContent || node.nodeValue);
-    yogaNode.setWidth(style.width || width);
-    yogaNode.setHeight(style.height || height);
-    return node;
-  }
-
-  if (Array.isArray(node.childNodes) && node.childNodes.length > 0) {
-    const childNodes = node.childNodes.filter(childNode => {
-      return skipStaticElements ? !childNode.unstable__static : true;
-    });
-
-    for (const [index, childNode] of Object.entries(childNodes)) {
-      const {
-        yogaNode: childYogaNode
-      } = buildLayout(childNode, options);
-      yogaNode.insertChild(childYogaNode, index);
-    }
-  }
-
-  return node;
-};
-
-var _default = buildLayout;
-exports.default = _default;

package/build/calculate-wrapped-text.js

@@ -1,53 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _measureText = _interopRequireDefault(require("./measure-text"));
-
-var _wrapText = _interopRequireDefault(require("./wrap-text"));
-
-var _getMaxWidth = _interopRequireDefault(require("./get-max-width"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-// Since we need to know the width of text container to wrap text, we have to calculate layout twice
-// This function is executed after first layout calculation to reassign width and height of text nodes
-const calculateWrappedText = node => {
-  if (node.textContent && typeof node.parentNode.style.textWrap === 'string') {
-    const {
-      yogaNode
-    } = node;
-    const parentYogaNode = node.parentNode.yogaNode;
-    const maxWidth = (0, _getMaxWidth.default)(parentYogaNode);
-    const currentWidth = yogaNode.getComputedWidth();
-
-    if (currentWidth > maxWidth) {
-      const {
-        textWrap
-      } = node.parentNode.style;
-      const wrappedText = (0, _wrapText.default)(node.textContent, maxWidth, {
-        textWrap
-      });
-      const {
-        width,
-        height
-      } = (0, _measureText.default)(wrappedText);
-      yogaNode.setWidth(width);
-      yogaNode.setHeight(height);
-    }
-
-    return;
-  }
-
-  if (Array.isArray(node.childNodes) && node.childNodes.length > 0) {
-    for (const childNode of node.childNodes) {
-      calculateWrappedText(childNode);
-    }
-  }
-};
-
-var _default = calculateWrappedText;
-exports.default = _default;

package/build/components/Color.js

@@ -1,62 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _react = _interopRequireDefault(require("react"));
-
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
-var _arrify = _interopRequireDefault(require("arrify"));
-
-var _chalk = _interopRequireDefault(require("chalk"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-
-const methods = ['hex', 'hsl', 'hsv', 'hwb', 'rgb', 'keyword', 'bgHex', 'bgHsl', 'bgHsv', 'bgHwb', 'bgRgb', 'bgKeyword'];
-
-const Color = (_ref) => {
-  let {
-    children
-  } = _ref,
-      colorProps = _objectWithoutProperties(_ref, ["children"]);
-
-  if (children === '') {
-    return null;
-  }
-
-  const transformChildren = children => {
-    Object.keys(colorProps).forEach(method => {
-      if (colorProps[method]) {
-        if (methods.includes(method)) {
-          children = _chalk.default[method](...(0, _arrify.default)(colorProps[method]))(children);
-        } else if (typeof _chalk.default[method] === 'function') {
-          children = _chalk.default[method](children);
-        }
-      }
-    });
-    return children;
-  };
-
-  return _react.default.createElement("span", {
-    style: {
-      flexDirection: 'row'
-    },
-    unstable__transformChildren: transformChildren
-  }, children);
-};
-
-Color.propTypes = {
-  children: _propTypes.default.node
-};
-Color.defaultProps = {
-  children: ''
-};
-var _default = Color;
-exports.default = _default;

package/build/experimental/apply-style.js

@@ -1,140 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _yogaLayoutPrebuilt = _interopRequireDefault(require("yoga-layout-prebuilt"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-const applyPositionStyles = (node, style) => {
-  if (!style.position) {
-    node.setPositionType(NaN);
-  }
-
-  if (style.position === 'absolute') {
-    node.setPositionType(_yogaLayoutPrebuilt.default.POSITION_TYPE_ABSOLUTE);
-  }
-};
-
-const applyMarginStyles = (node, style) => {
-  node.setMargin(_yogaLayoutPrebuilt.default.EDGE_START, style.marginLeft || style.marginX || style.margin || 0);
-  node.setMargin(_yogaLayoutPrebuilt.default.EDGE_END, style.marginRight || style.marginX || style.margin || 0);
-  node.setMargin(_yogaLayoutPrebuilt.default.EDGE_TOP, style.marginTop || style.marginY || style.margin || 0);
-  node.setMargin(_yogaLayoutPrebuilt.default.EDGE_BOTTOM, style.marginBottom || style.marginY || style.margin || 0);
-};
-
-const applyPaddingStyles = (node, style) => {
-  node.setPadding(_yogaLayoutPrebuilt.default.EDGE_LEFT, style.paddingLeft || style.paddingX || style.padding || 0);
-  node.setPadding(_yogaLayoutPrebuilt.default.EDGE_RIGHT, style.paddingRight || style.paddingX || style.padding || 0);
-  node.setPadding(_yogaLayoutPrebuilt.default.EDGE_TOP, style.paddingTop || style.paddingY || style.padding || 0);
-  node.setPadding(_yogaLayoutPrebuilt.default.EDGE_BOTTOM, style.paddingBottom || style.paddingY || style.padding || 0);
-};
-
-const applyFlexStyles = (node, style) => {
-  node.setFlexGrow(style.flexGrow || 0);
-  node.setFlexShrink(typeof style.flexShrink === 'number' ? style.flexShrink : 1);
-
-  if (style.flexDirection === 'row') {
-    node.setFlexDirection(_yogaLayoutPrebuilt.default.FLEX_DIRECTION_ROW);
-  }
-
-  if (style.flexDirection === 'row-reverse') {
-    node.setFlexDirection(_yogaLayoutPrebuilt.default.FLEX_DIRECTION_ROW_REVERSE);
-  }
-
-  if (style.flexDirection === 'column') {
-    node.setFlexDirection(_yogaLayoutPrebuilt.default.FLEX_DIRECTION_COLUMN);
-  }
-
-  if (style.flexDirection === 'column-reverse') {
-    node.setFlexDirection(_yogaLayoutPrebuilt.default.FLEX_DIRECTION_COLUMN_REVERSE);
-  }
-
-  if (typeof style.flexBasis === 'number') {
-    node.setFlexBasis(style.flexBasis);
-  } else if (typeof style.flexBasis === 'string') {
-    node.setFlexBasisPercent(parseInt(style.flexBasis, 10));
-  } else {
-    // This should be replaced with node.setFlexBasisAuto() when new Yoga release is out
-    node.setFlexBasis(NaN);
-  }
-
-  if (style.alignItems === 'stretch' || !style.alignItems) {
-    node.setAlignItems(_yogaLayoutPrebuilt.default.ALIGN_STRETCH);
-  }
-
-  if (style.alignItems === 'flex-start') {
-    node.setAlignItems(_yogaLayoutPrebuilt.default.ALIGN_FLEX_START);
-  }
-
-  if (style.alignItems === 'center') {
-    node.setAlignItems(_yogaLayoutPrebuilt.default.ALIGN_CENTER);
-  }
-
-  if (style.alignItems === 'flex-end') {
-    node.setAlignItems(_yogaLayoutPrebuilt.default.ALIGN_FLEX_END);
-  }
-
-  if (style.justifyContent === 'flex-start' || !style.justifyContent) {
-    node.setJustifyContent(_yogaLayoutPrebuilt.default.JUSTIFY_FLEX_START);
-  }
-
-  if (style.justifyContent === 'center') {
-    node.setJustifyContent(_yogaLayoutPrebuilt.default.JUSTIFY_CENTER);
-  }
-
-  if (style.justifyContent === 'flex-end') {
-    node.setJustifyContent(_yogaLayoutPrebuilt.default.JUSTIFY_FLEX_END);
-  }
-
-  if (style.justifyContent === 'space-between') {
-    node.setJustifyContent(_yogaLayoutPrebuilt.default.JUSTIFY_SPACE_BETWEEN);
-  }
-
-  if (style.justifyContent === 'space-around') {
-    node.setJustifyContent(_yogaLayoutPrebuilt.default.JUSTIFY_SPACE_AROUND);
-  }
-};
-
-const applyDimensionStyles = (node, style) => {
-  if (typeof style.width === 'number') {
-    node.setWidth(style.width);
-  } else if (typeof style.width === 'string') {
-    node.setWidthPercent(parseInt(style.width, 10));
-  } else {
-    node.setWidthAuto();
-  }
-
-  if (typeof style.height === 'number') {
-    node.setHeight(style.height);
-  } else if (typeof style.height === 'string') {
-    node.setHeightPercent(parseInt(style.height, 10));
-  } else {
-    node.setHeightAuto();
-  }
-
-  if (typeof style.minWidth === 'string') {
-    node.setMinWidthPercent(parseInt(style.minWidth, 10));
-  } else {
-    node.setMinWidth(style.minWidth || 0);
-  }
-
-  if (typeof style.minHeight === 'string') {
-    node.setMinHeightPercent(parseInt(style.minHeight, 10));
-  } else {
-    node.setMinHeight(style.minHeight || 0);
-  }
-};
-
-var _default = (node, style = {}) => {
-  applyPositionStyles(node, style);
-  applyMarginStyles(node, style);
-  applyPaddingStyles(node, style);
-  applyFlexStyles(node, style);
-  applyDimensionStyles(node, style);
-};
-
-exports.default = _default;

package/build/experimental/dom.js

@@ -1,123 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.setTextContent = exports.createTextNode = exports.setAttribute = exports.setStyle = exports.removeChildNode = exports.insertBeforeNode = exports.appendChildNode = exports.createNode = void 0;
-
-var _yogaLayoutPrebuilt = _interopRequireDefault(require("yoga-layout-prebuilt"));
-
-var _measureText = _interopRequireDefault(require("../measure-text"));
-
-var _applyStyle = _interopRequireDefault(require("./apply-style"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-// Helper utilities implementing some common DOM methods to simplify reconciliation code
-const createNode = tagName => ({
-  nodeName: tagName.toUpperCase(),
-  style: {},
-  attributes: {},
-  childNodes: [],
-  parentNode: null,
-  textContent: null,
-  yogaNode: _yogaLayoutPrebuilt.default.Node.create()
-});
-
-exports.createNode = createNode;
-
-const appendChildNode = (node, childNode) => {
-  if (childNode.parentNode) {
-    removeChildNode(childNode.parentNode, childNode);
-  }
-
-  childNode.parentNode = node;
-  node.childNodes.push(childNode);
-  node.yogaNode.insertChild(childNode.yogaNode, node.yogaNode.getChildCount());
-};
-
-exports.appendChildNode = appendChildNode;
-
-const insertBeforeNode = (node, newChildNode, beforeChildNode) => {
-  if (newChildNode.parentNode) {
-    removeChildNode(newChildNode.parentNode, newChildNode);
-  }
-
-  newChildNode.parentNode = node;
-  const index = node.childNodes.indexOf(beforeChildNode);
-
-  if (index >= 0) {
-    node.childNodes.splice(index, 0, newChildNode);
-    node.yogaNode.insertChild(newChildNode.yogaNode, index);
-    return;
-  }
-
-  node.childNodes.push(newChildNode);
-  node.yogaNode.insertChild(newChildNode.yogaNode, node.yogaNode.getChildCount());
-};
-
-exports.insertBeforeNode = insertBeforeNode;
-
-const removeChildNode = (node, removeNode) => {
-  removeNode.parentNode.yogaNode.removeChild(removeNode.yogaNode);
-  removeNode.parentNode = null;
-  const index = node.childNodes.indexOf(removeNode);
-
-  if (index >= 0) {
-    node.childNodes.splice(index, 1);
-  }
-};
-
-exports.removeChildNode = removeChildNode;
-
-const setStyle = (node, style) => {
-  node.style = style;
-  (0, _applyStyle.default)(node.yogaNode, style);
-};
-
-exports.setStyle = setStyle;
-
-const setAttribute = (node, key, value) => {
-  node.attributes[key] = value;
-};
-
-exports.setAttribute = setAttribute;
-
-const createTextNode = text => {
-  const node = {
-    nodeName: '#text',
-    nodeValue: text,
-    yogaNode: _yogaLayoutPrebuilt.default.Node.create()
-  };
-  setTextContent(node, text);
-  return node;
-};
-
-exports.createTextNode = createTextNode;
-
-const setTextContent = (node, text) => {
-  if (typeof text !== 'string') {
-    text = String(text);
-  }
-
-  let width = 0;
-  let height = 0;
-
-  if (text.length > 0) {
-    const dimensions = (0, _measureText.default)(text);
-    width = dimensions.width;
-    height = dimensions.height;
-  }
-
-  if (node.nodeName === '#text') {
-    node.nodeValue = text;
-    node.yogaNode.setWidth(width);
-    node.yogaNode.setHeight(height);
-  } else {
-    node.textContent = text;
-    node.yogaNode.setWidth(node.style.width || width);
-    node.yogaNode.setHeight(node.style.height || height);
-  }
-};
-
-exports.setTextContent = setTextContent;