@wix/design-system 1.0.0

package/dist/cjs/Highlighter/HighlightedItem.js

@@ -0,0 +1,101 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _escapeRegExp = _interopRequireDefault(require("lodash/escapeRegExp"));
+var _jsxFileName = "/home/builduser/work/31dad9578a4e06bb/packages/wix-design-system/dist/cjs/Highlighter/HighlightedItem.js";
+class HighlightedItem extends _react.default.PureComponent {
+  renderElement() {
+    var {
+      children,
+      match
+    } = this.props;
+    if (match) {
+      var matchRegExp = this.getMatchRegExp();
+      return this.highlightChildren(children, matchRegExp);
+    }
+    return children;
+  }
+  getMatchRegExp() {
+    var {
+      match,
+      caseSensitive
+    } = this.props;
+    return new RegExp((0, _escapeRegExp.default)(match), caseSensitive ? '' : 'i');
+  }
+  getMatchBoundaries(subject, matchRegExp) {
+    var matches = matchRegExp.exec(subject);
+    if (matches) {
+      return {
+        first: matches.index,
+        last: matches.index + matches[0].length
+      };
+    }
+  }
+  getMatchReactKey(index) {
+    return "match-index-".concat(index);
+  }
+  highlightChildren(children, matchRegExp) {
+    var processedChildren = [];
+    var matchIndex = 0;
+    while (children) {
+      if (!matchRegExp.test(children)) {
+        processedChildren.push(this.renderPlain(children, this.getMatchReactKey(matchIndex++)));
+        return processedChildren;
+      }
+      var boundaries = this.getMatchBoundaries(children, matchRegExp);
+      var nonMatch = children.slice(0, boundaries.first);
+      if (nonMatch) {
+        processedChildren.push(this.renderPlain(nonMatch, this.getMatchReactKey(matchIndex++)));
+      }
+      var match = children.slice(boundaries.first, boundaries.last);
+      if (match) {
+        processedChildren.push(this.renderHighlight(match, this.getMatchReactKey(matchIndex++)));
+      }
+      children = children.slice(boundaries.last);
+    }
+    return processedChildren;
+  }
+  renderPlain(plainString, key) {
+    return /*#__PURE__*/_react.default.createElement("span", {
+      key: key,
+      __self: this,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 81,
+        columnNumber: 12
+      }
+    }, plainString);
+  }
+  renderHighlight(matchString, key) {
+    return /*#__PURE__*/_react.default.createElement('strong', {
+      key
+    }, matchString);
+  }
+  render() {
+    var {
+      dataHook
+    } = this.props;
+    return /*#__PURE__*/_react.default.createElement("span", {
+      "data-hook": dataHook,
+      __self: this,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 90,
+        columnNumber: 12
+      }
+    }, this.renderElement());
+  }
+}
+HighlightedItem.propTypes = {
+  /** Applied as data-hook HTML attribute that can be used in the tests */
+  dataHook: _propTypes.default.string,
+  match: _propTypes.default.string,
+  caseSensitive: _propTypes.default.bool
+};
+var _default = HighlightedItem;
+exports.default = _default;
+//# sourceMappingURL=HighlightedItem.js.map

package/dist/cjs/Highlighter/HighlightedItem.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["HighlightedItem","React","PureComponent","renderElement","children","match","props","matchRegExp","getMatchRegExp","highlightChildren","caseSensitive","RegExp","escapeRegExp","getMatchBoundaries","subject","matches","exec","first","index","last","length","getMatchReactKey","processedChildren","matchIndex","test","push","renderPlain","boundaries","nonMatch","slice","renderHighlight","plainString","key","matchString","createElement","render","dataHook","propTypes","PropTypes","string","bool"],"sources":["../../../src/Highlighter/HighlightedItem.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport escapeRegExp from 'lodash/escapeRegExp';\n\nclass HighlightedItem extends React.PureComponent {\n  static propTypes = {\n    /** Applied as data-hook HTML attribute that can be used in the tests */\n    dataHook: PropTypes.string,\n    match: PropTypes.string,\n    caseSensitive: PropTypes.bool,\n  };\n\n  renderElement() {\n    const { children, match } = this.props;\n\n    if (match) {\n      const matchRegExp = this.getMatchRegExp();\n\n      return this.highlightChildren(children, matchRegExp);\n    }\n\n    return children;\n  }\n\n  getMatchRegExp() {\n    const { match, caseSensitive } = this.props;\n    return new RegExp(escapeRegExp(match), caseSensitive ? '' : 'i');\n  }\n\n  getMatchBoundaries(subject, matchRegExp) {\n    const matches = matchRegExp.exec(subject);\n\n    if (matches) {\n      return {\n        first: matches.index,\n        last: matches.index + matches[0].length,\n      };\n    }\n  }\n\n  getMatchReactKey(index) {\n    return `match-index-${index}`;\n  }\n\n  highlightChildren(children, matchRegExp) {\n    const processedChildren = [];\n    let matchIndex = 0;\n\n    while (children) {\n      if (!matchRegExp.test(children)) {\n        processedChildren.push(\n          this.renderPlain(children, this.getMatchReactKey(matchIndex++)),\n        );\n        return processedChildren;\n      }\n\n      const boundaries = this.getMatchBoundaries(children, matchRegExp);\n      const nonMatch = children.slice(0, boundaries.first);\n\n      if (nonMatch) {\n        processedChildren.push(\n          this.renderPlain(nonMatch, this.getMatchReactKey(matchIndex++)),\n        );\n      }\n\n      const match = children.slice(boundaries.first, boundaries.last);\n\n      if (match) {\n        processedChildren.push(\n          this.renderHighlight(match, this.getMatchReactKey(matchIndex++)),\n        );\n      }\n\n      children = children.slice(boundaries.last);\n    }\n\n    return processedChildren;\n  }\n\n  renderPlain(plainString, key) {\n    return <span key={key}>{plainString}</span>;\n  }\n\n  renderHighlight(matchString, key) {\n    return React.createElement('strong', { key }, matchString);\n  }\n\n  render() {\n    const { dataHook } = this.props;\n    return <span data-hook={dataHook}>{this.renderElement()}</span>;\n  }\n}\n\nexport default HighlightedItem;\n"],"mappings":"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"}

package/dist/cjs/Highlighter/Highlighter.driver.d.js

@@ -0,0 +1,4 @@
+"use strict";
+
+exports.__esModule = true;
+//# sourceMappingURL=Highlighter.driver.d.js.map

package/dist/cjs/Highlighter/Highlighter.driver.d.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["../../../src/Highlighter/Highlighter.driver.d.ts"],"sourcesContent":["import { BaseDriver } from 'wix-ui-test-utils/driver-factory';\n\nexport interface HighlighterDriver<T> extends BaseDriver {\n  getElement: () => T;\n  html: () => string;\n}\n"],"mappings":""}

package/dist/cjs/Highlighter/Highlighter.driver.js

@@ -0,0 +1,17 @@
+"use strict";
+
+exports.__esModule = true;
+exports.default = void 0;
+var highlighterDriverFactory = _ref => {
+  var {
+    element
+  } = _ref;
+  return {
+    exists: () => !!element,
+    html: () => element.innerHTML,
+    getElement: () => element
+  };
+};
+var _default = highlighterDriverFactory;
+exports.default = _default;
+//# sourceMappingURL=Highlighter.driver.js.map

package/dist/cjs/Highlighter/Highlighter.driver.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["highlighterDriverFactory","element","exists","html","innerHTML","getElement"],"sources":["../../../src/Highlighter/Highlighter.driver.js"],"sourcesContent":["const highlighterDriverFactory = ({ element }) => {\n  return {\n    exists: () => !!element,\n    html: () => element.innerHTML,\n    getElement: () => element,\n  };\n};\n\nexport default highlighterDriverFactory;\n"],"mappings":";;;;AAAA,IAAMA,wBAAwB,GAAG,QAAiB;EAAA,IAAhB;IAAEC;EAAQ,CAAC;EAC3C,OAAO;IACLC,MAAM,EAAE,MAAM,CAAC,CAACD,OAAO;IACvBE,IAAI,EAAE,MAAMF,OAAO,CAACG,SAAS;IAC7BC,UAAU,EAAE,MAAMJ;EACpB,CAAC;AACH,CAAC;AAAC,eAEaD,wBAAwB;AAAA"}

package/dist/cjs/Highlighter/Highlighter.js

@@ -0,0 +1,102 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.default = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _react = _interopRequireDefault(require("react"));
+var _HighlightedItem = _interopRequireDefault(require("./HighlightedItem"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _jsxFileName = "/home/builduser/work/31dad9578a4e06bb/packages/wix-design-system/dist/cjs/Highlighter/Highlighter.js";
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+/**
+ * Highlighter
+ *
+ * It highlights string type children by wrapping match
+ * with strong dom element.
+ * It remains children element structure.
+ */
+
+var childKeyGenerator = () => {
+  var childKey = 0;
+  return () => "highlighted-child-".concat(childKey++);
+};
+var ELEM_TYPES = {
+  STRING: 'string',
+  ARRAY: 'array',
+  REACT_ELEMENT: 'React_element'
+};
+var getElementType = element => {
+  if (Array.isArray(element)) {
+    return ELEM_TYPES.ARRAY;
+  }
+  if ( /*#__PURE__*/_react.default.isValidElement(element)) {
+    return ELEM_TYPES.REACT_ELEMENT;
+  }
+  if (typeof element === 'string') {
+    return ELEM_TYPES.STRING;
+  }
+  return '';
+};
+var highlight = (element, match, nextChildKey) => {
+  if (!element) {
+    return null;
+  }
+  var elementType = getElementType(element);
+  var elementTypesMap = {
+    [ELEM_TYPES.STRING]: (elem, _match) => /*#__PURE__*/_react.default.createElement(_HighlightedItem.default, {
+      key: nextChildKey(),
+      match: _match,
+      __self: void 0,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 45,
+        columnNumber: 7
+      }
+    }, elem),
+    [ELEM_TYPES.REACT_ELEMENT]: elem => {
+      if (elem.props.children) {
+        return /*#__PURE__*/_react.default.cloneElement(elem, _objectSpread(_objectSpread({}, elem.props), {}, {
+          key: nextChildKey()
+        }), highlight(elem.props.children, match, nextChildKey));
+      }
+      return elem;
+    },
+    [ELEM_TYPES.ARRAY]: elem => elem.map(el => highlight(el, match, nextChildKey))
+  };
+  return elementTypesMap[elementType] ? elementTypesMap[elementType](element, match) : element;
+};
+class Highlighter extends _react.default.PureComponent {
+  constructor(props) {
+    super(props);
+    // we want to create new react keys generator for instance of highlighter
+    this.nextChildKey = childKeyGenerator();
+  }
+  render() {
+    var {
+      dataHook,
+      children,
+      match
+    } = this.props;
+    return /*#__PURE__*/_react.default.createElement("span", {
+      "data-hook": dataHook,
+      __self: this,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 85,
+        columnNumber: 7
+      }
+    }, highlight(children, match, this.nextChildKey));
+  }
+}
+Highlighter.propTypes = {
+  /** Applied as data-hook HTML attribute that can be used in the tests */
+  dataHook: _propTypes.default.string,
+  /** match to highlight */
+  match: _propTypes.default.string
+};
+Highlighter.displayName = 'Highlighter';
+var _default = Highlighter;
+exports.default = _default;
+//# sourceMappingURL=Highlighter.js.map

package/dist/cjs/Highlighter/Highlighter.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["childKeyGenerator","childKey","ELEM_TYPES","STRING","ARRAY","REACT_ELEMENT","getElementType","element","Array","isArray","React","isValidElement","highlight","match","nextChildKey","elementType","elementTypesMap","elem","_match","props","children","cloneElement","key","map","el","Highlighter","PureComponent","constructor","render","dataHook","propTypes","PropTypes","string","displayName"],"sources":["../../../src/Highlighter/Highlighter.js"],"sourcesContent":["import React from 'react';\nimport HighlightedItem from './HighlightedItem';\nimport PropTypes from 'prop-types';\n\n/**\n * Highlighter\n *\n * It highlights string type children by wrapping match\n * with strong dom element.\n * It remains children element structure.\n */\n\nconst childKeyGenerator = () => {\n  let childKey = 0;\n  return () => `highlighted-child-${childKey++}`;\n};\n\nconst ELEM_TYPES = {\n  STRING: 'string',\n  ARRAY: 'array',\n  REACT_ELEMENT: 'React_element',\n};\n\nconst getElementType = element => {\n  if (Array.isArray(element)) {\n    return ELEM_TYPES.ARRAY;\n  }\n  if (React.isValidElement(element)) {\n    return ELEM_TYPES.REACT_ELEMENT;\n  }\n  if (typeof element === 'string') {\n    return ELEM_TYPES.STRING;\n  }\n\n  return '';\n};\n\nconst highlight = (element, match, nextChildKey) => {\n  if (!element) {\n    return null;\n  }\n  const elementType = getElementType(element);\n  const elementTypesMap = {\n    [ELEM_TYPES.STRING]: (elem, _match) => (\n      <HighlightedItem key={nextChildKey()} match={_match}>\n        {elem}\n      </HighlightedItem>\n    ),\n    [ELEM_TYPES.REACT_ELEMENT]: elem => {\n      if (elem.props.children) {\n        return React.cloneElement(\n          elem,\n          { ...elem.props, key: nextChildKey() },\n          highlight(elem.props.children, match, nextChildKey),\n        );\n      }\n      return elem;\n    },\n    [ELEM_TYPES.ARRAY]: elem =>\n      elem.map(el => highlight(el, match, nextChildKey)),\n  };\n\n  return elementTypesMap[elementType]\n    ? elementTypesMap[elementType](element, match)\n    : element;\n};\n\nclass Highlighter extends React.PureComponent {\n  static propTypes = {\n    /** Applied as data-hook HTML attribute that can be used in the tests */\n    dataHook: PropTypes.string,\n    /** match to highlight */\n    match: PropTypes.string,\n  };\n\n  constructor(props) {\n    super(props);\n    // we want to create new react keys generator for instance of highlighter\n    this.nextChildKey = childKeyGenerator();\n  }\n\n  render() {\n    const { dataHook, children, match } = this.props;\n    return (\n      <span data-hook={dataHook}>\n        {highlight(children, match, this.nextChildKey)}\n      </span>\n    );\n  }\n}\n\nHighlighter.displayName = 'Highlighter';\n\nexport default Highlighter;\n"],"mappings":";;;;;;AAAA;AACA;AACA;AAAmC;AAAA;AAAA;AAEnC;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,IAAMA,iBAAiB,GAAG,MAAM;EAC9B,IAAIC,QAAQ,GAAG,CAAC;EAChB,OAAO,kCAA2BA,QAAQ,EAAE,CAAE;AAChD,CAAC;AAED,IAAMC,UAAU,GAAG;EACjBC,MAAM,EAAE,QAAQ;EAChBC,KAAK,EAAE,OAAO;EACdC,aAAa,EAAE;AACjB,CAAC;AAED,IAAMC,cAAc,GAAGC,OAAO,IAAI;EAChC,IAAIC,KAAK,CAACC,OAAO,CAACF,OAAO,CAAC,EAAE;IAC1B,OAAOL,UAAU,CAACE,KAAK;EACzB;EACA,kBAAIM,cAAK,CAACC,cAAc,CAACJ,OAAO,CAAC,EAAE;IACjC,OAAOL,UAAU,CAACG,aAAa;EACjC;EACA,IAAI,OAAOE,OAAO,KAAK,QAAQ,EAAE;IAC/B,OAAOL,UAAU,CAACC,MAAM;EAC1B;EAEA,OAAO,EAAE;AACX,CAAC;AAED,IAAMS,SAAS,GAAG,CAACL,OAAO,EAAEM,KAAK,EAAEC,YAAY,KAAK;EAClD,IAAI,CAACP,OAAO,EAAE;IACZ,OAAO,IAAI;EACb;EACA,IAAMQ,WAAW,GAAGT,cAAc,CAACC,OAAO,CAAC;EAC3C,IAAMS,eAAe,GAAG;IACtB,CAACd,UAAU,CAACC,MAAM,GAAG,CAACc,IAAI,EAAEC,MAAM,kBAChC,6BAAC,wBAAe;MAAC,GAAG,EAAEJ,YAAY,EAAG;MAAC,KAAK,EAAEI,MAAO;MAAA;MAAA;QAAA;QAAA;QAAA;MAAA;IAAA,GACjDD,IAAI,CAER;IACD,CAACf,UAAU,CAACG,aAAa,GAAGY,IAAI,IAAI;MAClC,IAAIA,IAAI,CAACE,KAAK,CAACC,QAAQ,EAAE;QACvB,oBAAOV,cAAK,CAACW,YAAY,CACvBJ,IAAI,kCACCA,IAAI,CAACE,KAAK;UAAEG,GAAG,EAAER,YAAY;QAAE,IACpCF,SAAS,CAACK,IAAI,CAACE,KAAK,CAACC,QAAQ,EAAEP,KAAK,EAAEC,YAAY,CAAC,CACpD;MACH;MACA,OAAOG,IAAI;IACb,CAAC;IACD,CAACf,UAAU,CAACE,KAAK,GAAGa,IAAI,IACtBA,IAAI,CAACM,GAAG,CAACC,EAAE,IAAIZ,SAAS,CAACY,EAAE,EAAEX,KAAK,EAAEC,YAAY,CAAC;EACrD,CAAC;EAED,OAAOE,eAAe,CAACD,WAAW,CAAC,GAC/BC,eAAe,CAACD,WAAW,CAAC,CAACR,OAAO,EAAEM,KAAK,CAAC,GAC5CN,OAAO;AACb,CAAC;AAED,MAAMkB,WAAW,SAASf,cAAK,CAACgB,aAAa,CAAC;EAQ5CC,WAAW,CAACR,KAAK,EAAE;IACjB,KAAK,CAACA,KAAK,CAAC;IACZ;IACA,IAAI,CAACL,YAAY,GAAGd,iBAAiB,EAAE;EACzC;EAEA4B,MAAM,GAAG;IACP,IAAM;MAAEC,QAAQ;MAAET,QAAQ;MAAEP;IAAM,CAAC,GAAG,IAAI,CAACM,KAAK;IAChD,oBACE;MAAM,aAAWU,QAAS;MAAA;MAAA;QAAA;QAAA;QAAA;MAAA;IAAA,GACvBjB,SAAS,CAACQ,QAAQ,EAAEP,KAAK,EAAE,IAAI,CAACC,YAAY,CAAC,CACzC;EAEX;AACF;AAtBMW,WAAW,CACRK,SAAS,GAAG;EACjB;EACAD,QAAQ,EAAEE,kBAAS,CAACC,MAAM;EAC1B;EACAnB,KAAK,EAAEkB,kBAAS,CAACC;AACnB,CAAC;AAkBHP,WAAW,CAACQ,WAAW,GAAG,aAAa;AAAC,eAEzBR,WAAW;AAAA"}

package/dist/cjs/Highlighter/Highlighter.meta.js

@@ -0,0 +1,24 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.testkitTests = exports.ssrTests = exports.requiredProps = exports.a11yTests = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+// This object should contain a mock value for each required prop of this component
+var requiredProps = {};
+
+// This array should contain an object only for tests you wish to run on all compliance tests
+exports.requiredProps = requiredProps;
+var sharedTests = [{
+  title: 'render',
+  props: _objectSpread({}, requiredProps)
+}];
+var testkitTests = [...sharedTests];
+exports.testkitTests = testkitTests;
+var ssrTests = [...sharedTests];
+exports.ssrTests = ssrTests;
+var a11yTests = [...sharedTests];
+exports.a11yTests = a11yTests;
+//# sourceMappingURL=Highlighter.meta.js.map

package/dist/cjs/Highlighter/Highlighter.meta.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["requiredProps","sharedTests","title","props","testkitTests","ssrTests","a11yTests"],"sources":["../../../src/Highlighter/Highlighter.meta.tsx"],"sourcesContent":["import { HighlighterProps } from '.';\n\n// This object should contain a mock value for each required prop of this component\nexport const requiredProps: HighlighterProps = {};\n\n// This array should contain an object only for tests you wish to run on all compliance tests\nconst sharedTests = [\n  {\n    title: 'render',\n    props: {\n      ...requiredProps,\n    } as HighlighterProps,\n  },\n];\n\nexport const testkitTests = [...sharedTests];\n\nexport const ssrTests = [...sharedTests];\n\nexport const a11yTests = [...sharedTests];\n"],"mappings":";;;;;;;;AAEA;AACO,IAAMA,aAA+B,GAAG,CAAC,CAAC;;AAEjD;AAAA;AACA,IAAMC,WAAW,GAAG,CAClB;EACEC,KAAK,EAAE,QAAQ;EACfC,KAAK,oBACAH,aAAa;AAEpB,CAAC,CACF;AAEM,IAAMI,YAAY,GAAG,CAAC,GAAGH,WAAW,CAAC;AAAC;AAEtC,IAAMI,QAAQ,GAAG,CAAC,GAAGJ,WAAW,CAAC;AAAC;AAElC,IAAMK,SAAS,GAAG,CAAC,GAAGL,WAAW,CAAC;AAAC"}

package/dist/cjs/Highlighter/Highlighter.uni.driver.d.js

@@ -0,0 +1,4 @@
+"use strict";
+
+exports.__esModule = true;
+//# sourceMappingURL=Highlighter.uni.driver.d.js.map

package/dist/cjs/Highlighter/Highlighter.uni.driver.d.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["../../../src/Highlighter/Highlighter.uni.driver.d.ts"],"sourcesContent":["import { BaseUniDriver } from 'wix-ui-test-utils/unidriver';\n\nexport interface HighlighterUniDriver extends BaseUniDriver {\n  html(): Promise<string>;\n  getElement(): Promise<any>;\n}\n"],"mappings":""}

package/dist/cjs/Highlighter/Highlighter.uni.driver.js

@@ -0,0 +1,38 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.highlighterDriverFactory = void 0;
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _unidriver = require("../test-utils/utils/unidriver");
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+var highlighterDriverFactory = (base, body) => {
+  return _objectSpread(_objectSpread({}, (0, _unidriver.baseUniDriverFactory)(base, body)), {}, {
+    /**
+     * Gets innerHTML
+     * @returns {Promise<string>}
+     */
+    html: function () {
+      var _html = (0, _asyncToGenerator2.default)(function* () {
+        // eslint-disable-next-line no-restricted-properties
+        return (yield base.getNative()).innerHTML;
+      });
+      function html() {
+        return _html.apply(this, arguments);
+      }
+      return html;
+    }(),
+    /**
+     * Gets the driver element
+     * @returns {Promise<any>}
+     */
+    getElement: () => {
+      // eslint-disable-next-line no-restricted-properties
+      return base.getNative();
+    }
+  });
+};
+exports.highlighterDriverFactory = highlighterDriverFactory;
+//# sourceMappingURL=Highlighter.uni.driver.js.map

package/dist/cjs/Highlighter/Highlighter.uni.driver.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["highlighterDriverFactory","base","body","baseUniDriverFactory","html","getNative","innerHTML","getElement"],"sources":["../../../src/Highlighter/Highlighter.uni.driver.js"],"sourcesContent":["import { baseUniDriverFactory } from '../test-utils/utils/unidriver';\n\nexport const highlighterDriverFactory = (base, body) => {\n  return {\n    ...baseUniDriverFactory(base, body),\n\n    /**\n     * Gets innerHTML\n     * @returns {Promise<string>}\n     */\n    html: async () => {\n      // eslint-disable-next-line no-restricted-properties\n      return (await base.getNative()).innerHTML;\n    },\n\n    /**\n     * Gets the driver element\n     * @returns {Promise<any>}\n     */\n    getElement: () => {\n      // eslint-disable-next-line no-restricted-properties\n      return base.getNative();\n    },\n  };\n};\n"],"mappings":";;;;;;;AAAA;AAAqE;AAAA;AAE9D,IAAMA,wBAAwB,GAAG,CAACC,IAAI,EAAEC,IAAI,KAAK;EACtD,uCACK,IAAAC,+BAAoB,EAACF,IAAI,EAAEC,IAAI,CAAC;IAEnC;AACJ;AACA;AACA;IACIE,IAAI;MAAA,4CAAE,aAAY;QAChB;QACA,OAAO,OAAOH,IAAI,CAACI,SAAS,EAAE,EAAEC,SAAS;MAC3C,CAAC;MAAA;QAAA;MAAA;MAAA;IAAA;IAED;AACJ;AACA;AACA;IACIC,UAAU,EAAE,MAAM;MAChB;MACA,OAAON,IAAI,CAACI,SAAS,EAAE;IACzB;EAAC;AAEL,CAAC;AAAC"}

package/dist/cjs/Highlighter/index.d.js

@@ -0,0 +1,10 @@
+"use strict";
+
+exports.__esModule = true;
+exports.default = void 0;
+var React = _interopRequireWildcard(require("react"));
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+class Highlighter extends React.PureComponent {}
+exports.default = Highlighter;
+//# sourceMappingURL=index.d.js.map

package/dist/cjs/Highlighter/index.d.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["Highlighter","React","PureComponent"],"sources":["../../../src/Highlighter/index.d.ts"],"sourcesContent":["import * as React from 'react';\n\nexport interface HighlighterProps {\n  dataHook?: string;\n  match?: string;\n}\n\nexport default class Highlighter extends React.PureComponent<HighlighterProps> {}\n"],"mappings":";;;;AAAA;AAA+B;AAAA;AAOhB,MAAMA,WAAW,SAASC,KAAK,CAACC,aAAa,CAAmB;AAAE"}

package/dist/cjs/Highlighter/index.js

@@ -0,0 +1,8 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.default = void 0;
+var _Highlighter = _interopRequireDefault(require("./Highlighter.js"));
+exports.default = _Highlighter.default;
+//# sourceMappingURL=index.js.map

package/dist/cjs/Highlighter/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["../../../src/Highlighter/index.js"],"sourcesContent":["export { default } from './Highlighter.js';\n"],"mappings":";;;;;AAAA;AAA2C"}

package/dist/cjs/HorizontalTimeline/HorizontalTimeline.js

@@ -0,0 +1,279 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _Text = _interopRequireDefault(require("../Text"));
+var _HorizontalTimelineSt = require("./HorizontalTimeline.st.css.js");
+var _HorizontalTimelineIconsSt = require("./HorizontalTimelineIcons.st.css.js");
+var _constants = require("./constants");
+var _wixUiIconsCommon = require("@wix/wix-ui-icons-common");
+var _jsxFileName = "/home/builduser/work/31dad9578a4e06bb/packages/wix-design-system/dist/cjs/HorizontalTimeline/HorizontalTimeline.js";
+class HorizontalTimeline extends _react.default.PureComponent {
+  constructor() {
+    super(...arguments);
+    this._renderLine = _ref => {
+      var {
+        skin,
+        line
+      } = _ref;
+      return /*#__PURE__*/_react.default.createElement("div", {
+        className: (0, _HorizontalTimelineSt.st)(_HorizontalTimelineSt.classes.line, {
+          skin,
+          line
+        }),
+        __self: this,
+        __source: {
+          fileName: _jsxFileName,
+          lineNumber: 49,
+          columnNumber: 5
+        }
+      });
+    };
+    this._renderLabel = _ref2 => {
+      var {
+        label,
+        index,
+        labelEllipsis
+      } = _ref2;
+      var {
+        alignLabel
+      } = this.props;
+      return /*#__PURE__*/_react.default.createElement("div", {
+        className: (0, _HorizontalTimelineSt.st)(_HorizontalTimelineSt.classes.label, {
+          alignLabel
+        }),
+        __self: this,
+        __source: {
+          fileName: _jsxFileName,
+          lineNumber: 55,
+          columnNumber: 7
+        }
+      }, /*#__PURE__*/_react.default.createElement(_Text.default, {
+        size: "tiny",
+        ellipsis: labelEllipsis,
+        dataHook: "".concat(_constants.dataHooks.horizontalTimelineLabel, "-").concat(index),
+        __self: this,
+        __source: {
+          fileName: _jsxFileName,
+          lineNumber: 56,
+          columnNumber: 9
+        }
+      }, label));
+    };
+  }
+  render() {
+    var {
+      items,
+      dataHook,
+      className,
+      skin
+    } = this.props;
+    return /*#__PURE__*/_react.default.createElement("div", {
+      className: (0, _HorizontalTimelineSt.st)(_HorizontalTimelineSt.classes.root, {
+        skin
+      }, className),
+      "data-hook": dataHook,
+      "data-skin": skin,
+      __self: this,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 71,
+        columnNumber: 7
+      }
+    }, items.map((_ref3, index) => {
+      var {
+        label,
+        width = 'auto',
+        skin: deprecatedSkin,
+        icon = /*#__PURE__*/_react.default.createElement(HorizontalTimeline.DefaultIcon, {
+          __self: this,
+          __source: {
+            fileName: _jsxFileName,
+            lineNumber: 82,
+            columnNumber: 22
+          }
+        }),
+        line = 'dashed',
+        labelEllipsis = true
+      } = _ref3;
+      var nextItemSkin = items[index + 1] && items[index + 1].skin || 'light';
+      var nextItemLine = items[index + 1] && items[index + 1].line || 'dashed';
+      return /*#__PURE__*/_react.default.createElement("div", {
+        className: _HorizontalTimelineSt.classes.column,
+        key: index,
+        style: {
+          width
+        },
+        __self: this,
+        __source: {
+          fileName: _jsxFileName,
+          lineNumber: 93,
+          columnNumber: 15
+        }
+      }, /*#__PURE__*/_react.default.createElement("div", {
+        className: (0, _HorizontalTimelineSt.st)(_HorizontalTimelineSt.classes.item),
+        __self: this,
+        __source: {
+          fileName: _jsxFileName,
+          lineNumber: 94,
+          columnNumber: 17
+        }
+      }, /*#__PURE__*/_react.default.createElement("div", {
+        className: _HorizontalTimelineSt.classes.lineIconLine,
+        __self: this,
+        __source: {
+          fileName: _jsxFileName,
+          lineNumber: 95,
+          columnNumber: 19
+        }
+      }, this._renderLine({
+        skin: deprecatedSkin,
+        line
+      }), /*#__PURE__*/_react.default.createElement("div", {
+        className: _HorizontalTimelineSt.classes.icon,
+        __self: this,
+        __source: {
+          fileName: _jsxFileName,
+          lineNumber: 97,
+          columnNumber: 21
+        }
+      }, icon), this._renderLine({
+        skin: nextItemSkin,
+        line: nextItemLine
+      })), this._renderLabel({
+        label,
+        index,
+        labelEllipsis
+      })));
+    }));
+  }
+}
+HorizontalTimeline.displayName = 'HorizontalTimeline';
+HorizontalTimeline.DefaultIcon = _ref4 => {
+  var {
+    skin = 'dark'
+  } = _ref4;
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: (0, _HorizontalTimelineIconsSt.st)(_HorizontalTimelineIconsSt.classes.upcomingIcon, {
+      skin
+    }),
+    __self: HorizontalTimeline,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 19,
+      columnNumber: 5
+    }
+  });
+};
+HorizontalTimeline.ActiveIcon = _ref5 => {
+  var {
+    skin = 'dark'
+  } = _ref5;
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: (0, _HorizontalTimelineIconsSt.st)(_HorizontalTimelineIconsSt.classes.activeIcon, {
+      skin
+    }),
+    __self: HorizontalTimeline,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 23,
+      columnNumber: 5
+    }
+  });
+};
+HorizontalTimeline.BoundaryIcon = _ref6 => {
+  var {
+    skin = 'dark'
+  } = _ref6;
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: (0, _HorizontalTimelineIconsSt.st)(_HorizontalTimelineIconsSt.classes.boundaryIcon, {
+      skin
+    }),
+    __self: HorizontalTimeline,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 27,
+      columnNumber: 5
+    }
+  });
+};
+HorizontalTimeline.DestructiveIcon = () => /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.StatusAlertFilled, {
+  className: _HorizontalTimelineIconsSt.classes.errorIcon,
+  __self: HorizontalTimeline,
+  __source: {
+    fileName: _jsxFileName,
+    lineNumber: 31,
+    columnNumber: 5
+  }
+});
+HorizontalTimeline.CompleteIcon = _ref7 => {
+  var {
+    skin = 'dark'
+  } = _ref7;
+  var className = (0, _HorizontalTimelineIconsSt.st)(_HorizontalTimelineIconsSt.classes.completeIcon, {
+    skin
+  });
+  var standardSkin = /*#__PURE__*/_react.default.createElement("div", {
+    className: className,
+    __self: HorizontalTimeline,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 36,
+      columnNumber: 26
+    }
+  });
+  var darkSkin = /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.StatusCompleteFilled, {
+    className: className,
+    __self: HorizontalTimeline,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 37,
+      columnNumber: 22
+    }
+  });
+  return skin === 'standard' ? standardSkin : darkSkin;
+};
+HorizontalTimeline.defaultProps = {
+  skin: 'dark',
+  alignLabel: 'center',
+  items: []
+};
+HorizontalTimeline.propTypes = {
+  /** Controls the style of the component.*/
+  skin: _propTypes.default.oneOf(['dark', 'standard']),
+  /** Aligns the labels of items. */
+  alignLabel: _propTypes.default.oneOf(['center', 'start']),
+  /** Applied as data-hook HTML attribute that can be used in the tests */
+  dataHook: _propTypes.default.string,
+  /** A css class to be applied to the component's root element */
+  className: _propTypes.default.string,
+  /**
+   * Timeline items
+   *  * `skin` - Controls line and text color (deprecated).
+   *  * `line ` - Affects the line type, can be one of: 'filled' | 'dashed'.
+   *  * `label` -  Text displayed below the icon.
+   *  * `icon ` - An icon representing a timeline item.
+   *  * `width ` - The width of the timeline item, can be percentage or pixels.
+   *  * `labelEllipsis ` - Set ellipsis for item's label  .
+   */
+  items: _propTypes.default.arrayOf(_propTypes.default.shape({
+    /** item's skin (deprecated)*/
+    skin: _propTypes.default.oneOf(['dark', 'light']),
+    /** item's line type */
+    line: _propTypes.default.oneOf(['filled', 'dashed']),
+    /** item's text */
+    label: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.node]).isRequired,
+    /** item's icon */
+    icon: _propTypes.default.node,
+    /** custom width for item */
+    width: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.number]),
+    /** Ellipsis for item's label */
+    labelEllipsis: _propTypes.default.bool
+  }))
+};
+var _default = HorizontalTimeline;
+exports.default = _default;
+//# sourceMappingURL=HorizontalTimeline.js.map