@zohodesk/components 1.0.0-alpha-242 → 1.0.0-alpha-245

package/lib/TextBoxIcon/__tests__/__snapshots__/TextBoxIcon.spec.js.snap

@@ -1,334 +1,334 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`TextBoxIcon component should display size medium - primary 1`] = `
-<div
-  className="container effect   flex rowdir"
-  data-id="containerComponent"
-  data-title=""
->
-  <div
-    className="grow basis shrinkOff"
-    data-id="boxComponent"
-  >
-    <input
-      className="    container medium  primary  effect borderColor_default"
-      data-id="textBoxIcon"
-      maxLength="100"
-      onBlur={[Function]}
-      onChange={[Function]}
-      onFocus={[Function]}
-      placeholder="Text Area"
-      type="text"
-      value=""
-    />
-  </div>
-  <div
-    className="iconContainer shrinkOff"
-    data-id="boxComponent"
-  >
-    <div
-      className="flex cover rowdir vCenter"
-      data-id="containerComponent"
-    />
-  </div>
-  <div
-    className="line borderColor_default"
-  />
-</div>
-`;
-
-exports[`TextBoxIcon component should display size medium - secondary 1`] = `
-<div
-  className="container effect   flex rowdir"
-  data-id="containerComponent"
-  data-title=""
->
-  <div
-    className="grow basis shrinkOff"
-    data-id="boxComponent"
-  >
-    <input
-      className="    container medium  secondary  effect borderColor_default"
-      data-id="textBoxIcon"
-      maxLength="100"
-      onBlur={[Function]}
-      onChange={[Function]}
-      onFocus={[Function]}
-      placeholder="Text Area"
-      type="text"
-      value=""
-    />
-  </div>
-  <div
-    className="iconContainer shrinkOff"
-    data-id="boxComponent"
-  >
-    <div
-      className="flex cover rowdir vCenter"
-      data-id="containerComponent"
-    />
-  </div>
-  <div
-    className="line borderColor_default"
-  />
-</div>
-`;
-
-exports[`TextBoxIcon component should display size medium 1`] = `
-<div
-  className="container effect   flex rowdir"
-  data-id="containerComponent"
-  data-title=""
->
-  <div
-    className="grow basis shrinkOff"
-    data-id="boxComponent"
-  >
-    <input
-      className="    container medium  default  effect borderColor_default"
-      data-id="textBoxIcon"
-      maxLength="100"
-      onBlur={[Function]}
-      onChange={[Function]}
-      onFocus={[Function]}
-      placeholder="Text Area"
-      type="text"
-      value=""
-    />
-  </div>
-  <div
-    className="iconContainer shrinkOff"
-    data-id="boxComponent"
-  >
-    <div
-      className="flex cover rowdir vCenter"
-      data-id="containerComponent"
-    />
-  </div>
-  <div
-    className="line borderColor_default"
-  />
-</div>
-`;
-
-exports[`TextBoxIcon component should display size small - primary 1`] = `
-<div
-  className="container effect   flex rowdir"
-  data-id="containerComponent"
-  data-title=""
->
-  <div
-    className="grow basis shrinkOff"
-    data-id="boxComponent"
-  >
-    <input
-      className="    container small  primary  effect borderColor_default"
-      data-id="textBoxIcon"
-      maxLength="100"
-      onBlur={[Function]}
-      onChange={[Function]}
-      onFocus={[Function]}
-      placeholder="Text Area"
-      type="text"
-      value=""
-    />
-  </div>
-  <div
-    className="iconContainer shrinkOff"
-    data-id="boxComponent"
-  >
-    <div
-      className="flex cover rowdir vCenter"
-      data-id="containerComponent"
-    />
-  </div>
-  <div
-    className="line borderColor_default"
-  />
-</div>
-`;
-
-exports[`TextBoxIcon component should display size small - secondary 1`] = `
-<div
-  className="container effect   flex rowdir"
-  data-id="containerComponent"
-  data-title=""
->
-  <div
-    className="grow basis shrinkOff"
-    data-id="boxComponent"
-  >
-    <input
-      className="    container small  secondary  effect borderColor_default"
-      data-id="textBoxIcon"
-      maxLength="100"
-      onBlur={[Function]}
-      onChange={[Function]}
-      onFocus={[Function]}
-      placeholder="Text Area"
-      type="text"
-      value=""
-    />
-  </div>
-  <div
-    className="iconContainer shrinkOff"
-    data-id="boxComponent"
-  >
-    <div
-      className="flex cover rowdir vCenter"
-      data-id="containerComponent"
-    />
-  </div>
-  <div
-    className="line borderColor_default"
-  />
-</div>
-`;
-
-exports[`TextBoxIcon component should display size small 1`] = `
-<div
-  className="container effect   flex rowdir"
-  data-id="containerComponent"
-  data-title=""
->
-  <div
-    className="grow basis shrinkOff"
-    data-id="boxComponent"
-  >
-    <input
-      className="    container small  default  effect borderColor_default"
-      data-id="textBoxIcon"
-      maxLength="100"
-      onBlur={[Function]}
-      onChange={[Function]}
-      onFocus={[Function]}
-      placeholder="Text Box Icon"
-      type="text"
-      value=""
-    />
-  </div>
-  <div
-    className="iconContainer shrinkOff"
-    data-id="boxComponent"
-  >
-    <div
-      className="flex cover rowdir vCenter"
-      data-id="containerComponent"
-    />
-  </div>
-  <div
-    className="line borderColor_default"
-  />
-</div>
-`;
-
-exports[`TextBoxIcon component should display size xmedium - primary 1`] = `
-<div
-  className="container effect   flex rowdir"
-  data-id="containerComponent"
-  data-title=""
->
-  <div
-    className="grow basis shrinkOff"
-    data-id="boxComponent"
-  >
-    <input
-      className="    container xmedium  primary  effect borderColor_default"
-      data-id="textBoxIcon"
-      maxLength="100"
-      onBlur={[Function]}
-      onChange={[Function]}
-      onFocus={[Function]}
-      placeholder="Text Area"
-      type="text"
-      value=""
-    />
-  </div>
-  <div
-    className="iconContainer shrinkOff"
-    data-id="boxComponent"
-  >
-    <div
-      className="flex cover rowdir vCenter"
-      data-id="containerComponent"
-    />
-  </div>
-  <div
-    className="line borderColor_default"
-  />
-</div>
-`;
-
-exports[`TextBoxIcon component should display size xmedium - secondary 1`] = `
-<div
-  className="container effect   flex rowdir"
-  data-id="containerComponent"
-  data-title=""
->
-  <div
-    className="grow basis shrinkOff"
-    data-id="boxComponent"
-  >
-    <input
-      className="    container xmedium  secondary  effect borderColor_default"
-      data-id="textBoxIcon"
-      maxLength="100"
-      onBlur={[Function]}
-      onChange={[Function]}
-      onFocus={[Function]}
-      placeholder="Text Area"
-      type="text"
-      value=""
-    />
-  </div>
-  <div
-    className="iconContainer shrinkOff"
-    data-id="boxComponent"
-  >
-    <div
-      className="flex cover rowdir vCenter"
-      data-id="containerComponent"
-    />
-  </div>
-  <div
-    className="line borderColor_default"
-  />
-</div>
-`;
-
-exports[`TextBoxIcon component should display size xmedium 1`] = `
-<div
-  className="container effect   flex rowdir"
-  data-id="containerComponent"
-  data-title=""
->
-  <div
-    className="grow basis shrinkOff"
-    data-id="boxComponent"
-  >
-    <input
-      className="    container xmedium  default  effect borderColor_default"
-      data-id="textBoxIcon"
-      maxLength="100"
-      onBlur={[Function]}
-      onChange={[Function]}
-      onFocus={[Function]}
-      placeholder="Text Area"
-      type="text"
-      value=""
-    />
-  </div>
-  <div
-    className="iconContainer shrinkOff"
-    data-id="boxComponent"
-  >
-    <div
-      className="flex cover rowdir vCenter"
-      data-id="containerComponent"
-    />
-  </div>
-  <div
-    className="line borderColor_default"
-  />
-</div>
-`;
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`TextBoxIcon component should display size medium - primary 1`] = `
+<div
+  className="container effect   flex rowdir"
+  data-id="containerComponent"
+  data-title=""
+>
+  <div
+    className="grow basis shrinkOff"
+    data-id="boxComponent"
+  >
+    <input
+      className="    container medium  primary  effect borderColor_default"
+      data-id="textBoxIcon"
+      maxLength="100"
+      onBlur={[Function]}
+      onChange={[Function]}
+      onFocus={[Function]}
+      placeholder="Text Area"
+      type="text"
+      value=""
+    />
+  </div>
+  <div
+    className="iconContainer shrinkOff"
+    data-id="boxComponent"
+  >
+    <div
+      className="flex cover rowdir vCenter"
+      data-id="containerComponent"
+    />
+  </div>
+  <div
+    className="line borderColor_default"
+  />
+</div>
+`;
+
+exports[`TextBoxIcon component should display size medium - secondary 1`] = `
+<div
+  className="container effect   flex rowdir"
+  data-id="containerComponent"
+  data-title=""
+>
+  <div
+    className="grow basis shrinkOff"
+    data-id="boxComponent"
+  >
+    <input
+      className="    container medium  secondary  effect borderColor_default"
+      data-id="textBoxIcon"
+      maxLength="100"
+      onBlur={[Function]}
+      onChange={[Function]}
+      onFocus={[Function]}
+      placeholder="Text Area"
+      type="text"
+      value=""
+    />
+  </div>
+  <div
+    className="iconContainer shrinkOff"
+    data-id="boxComponent"
+  >
+    <div
+      className="flex cover rowdir vCenter"
+      data-id="containerComponent"
+    />
+  </div>
+  <div
+    className="line borderColor_default"
+  />
+</div>
+`;
+
+exports[`TextBoxIcon component should display size medium 1`] = `
+<div
+  className="container effect   flex rowdir"
+  data-id="containerComponent"
+  data-title=""
+>
+  <div
+    className="grow basis shrinkOff"
+    data-id="boxComponent"
+  >
+    <input
+      className="    container medium  default  effect borderColor_default"
+      data-id="textBoxIcon"
+      maxLength="100"
+      onBlur={[Function]}
+      onChange={[Function]}
+      onFocus={[Function]}
+      placeholder="Text Area"
+      type="text"
+      value=""
+    />
+  </div>
+  <div
+    className="iconContainer shrinkOff"
+    data-id="boxComponent"
+  >
+    <div
+      className="flex cover rowdir vCenter"
+      data-id="containerComponent"
+    />
+  </div>
+  <div
+    className="line borderColor_default"
+  />
+</div>
+`;
+
+exports[`TextBoxIcon component should display size small - primary 1`] = `
+<div
+  className="container effect   flex rowdir"
+  data-id="containerComponent"
+  data-title=""
+>
+  <div
+    className="grow basis shrinkOff"
+    data-id="boxComponent"
+  >
+    <input
+      className="    container small  primary  effect borderColor_default"
+      data-id="textBoxIcon"
+      maxLength="100"
+      onBlur={[Function]}
+      onChange={[Function]}
+      onFocus={[Function]}
+      placeholder="Text Area"
+      type="text"
+      value=""
+    />
+  </div>
+  <div
+    className="iconContainer shrinkOff"
+    data-id="boxComponent"
+  >
+    <div
+      className="flex cover rowdir vCenter"
+      data-id="containerComponent"
+    />
+  </div>
+  <div
+    className="line borderColor_default"
+  />
+</div>
+`;
+
+exports[`TextBoxIcon component should display size small - secondary 1`] = `
+<div
+  className="container effect   flex rowdir"
+  data-id="containerComponent"
+  data-title=""
+>
+  <div
+    className="grow basis shrinkOff"
+    data-id="boxComponent"
+  >
+    <input
+      className="    container small  secondary  effect borderColor_default"
+      data-id="textBoxIcon"
+      maxLength="100"
+      onBlur={[Function]}
+      onChange={[Function]}
+      onFocus={[Function]}
+      placeholder="Text Area"
+      type="text"
+      value=""
+    />
+  </div>
+  <div
+    className="iconContainer shrinkOff"
+    data-id="boxComponent"
+  >
+    <div
+      className="flex cover rowdir vCenter"
+      data-id="containerComponent"
+    />
+  </div>
+  <div
+    className="line borderColor_default"
+  />
+</div>
+`;
+
+exports[`TextBoxIcon component should display size small 1`] = `
+<div
+  className="container effect   flex rowdir"
+  data-id="containerComponent"
+  data-title=""
+>
+  <div
+    className="grow basis shrinkOff"
+    data-id="boxComponent"
+  >
+    <input
+      className="    container small  default  effect borderColor_default"
+      data-id="textBoxIcon"
+      maxLength="100"
+      onBlur={[Function]}
+      onChange={[Function]}
+      onFocus={[Function]}
+      placeholder="Text Box Icon"
+      type="text"
+      value=""
+    />
+  </div>
+  <div
+    className="iconContainer shrinkOff"
+    data-id="boxComponent"
+  >
+    <div
+      className="flex cover rowdir vCenter"
+      data-id="containerComponent"
+    />
+  </div>
+  <div
+    className="line borderColor_default"
+  />
+</div>
+`;
+
+exports[`TextBoxIcon component should display size xmedium - primary 1`] = `
+<div
+  className="container effect   flex rowdir"
+  data-id="containerComponent"
+  data-title=""
+>
+  <div
+    className="grow basis shrinkOff"
+    data-id="boxComponent"
+  >
+    <input
+      className="    container xmedium  primary  effect borderColor_default"
+      data-id="textBoxIcon"
+      maxLength="100"
+      onBlur={[Function]}
+      onChange={[Function]}
+      onFocus={[Function]}
+      placeholder="Text Area"
+      type="text"
+      value=""
+    />
+  </div>
+  <div
+    className="iconContainer shrinkOff"
+    data-id="boxComponent"
+  >
+    <div
+      className="flex cover rowdir vCenter"
+      data-id="containerComponent"
+    />
+  </div>
+  <div
+    className="line borderColor_default"
+  />
+</div>
+`;
+
+exports[`TextBoxIcon component should display size xmedium - secondary 1`] = `
+<div
+  className="container effect   flex rowdir"
+  data-id="containerComponent"
+  data-title=""
+>
+  <div
+    className="grow basis shrinkOff"
+    data-id="boxComponent"
+  >
+    <input
+      className="    container xmedium  secondary  effect borderColor_default"
+      data-id="textBoxIcon"
+      maxLength="100"
+      onBlur={[Function]}
+      onChange={[Function]}
+      onFocus={[Function]}
+      placeholder="Text Area"
+      type="text"
+      value=""
+    />
+  </div>
+  <div
+    className="iconContainer shrinkOff"
+    data-id="boxComponent"
+  >
+    <div
+      className="flex cover rowdir vCenter"
+      data-id="containerComponent"
+    />
+  </div>
+  <div
+    className="line borderColor_default"
+  />
+</div>
+`;
+
+exports[`TextBoxIcon component should display size xmedium 1`] = `
+<div
+  className="container effect   flex rowdir"
+  data-id="containerComponent"
+  data-title=""
+>
+  <div
+    className="grow basis shrinkOff"
+    data-id="boxComponent"
+  >
+    <input
+      className="    container xmedium  default  effect borderColor_default"
+      data-id="textBoxIcon"
+      maxLength="100"
+      onBlur={[Function]}
+      onChange={[Function]}
+      onFocus={[Function]}
+      placeholder="Text Area"
+      type="text"
+      value=""
+    />
+  </div>
+  <div
+    className="iconContainer shrinkOff"
+    data-id="boxComponent"
+  >
+    <div
+      className="flex cover rowdir vCenter"
+      data-id="containerComponent"
+    />
+  </div>
+  <div
+    className="line borderColor_default"
+  />
+</div>
+`;

package/lib/TextBoxIcon/docs/TextBoxIcon__custom.docs.js

@@ -31,7 +31,7 @@ function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _d
 
 function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); Object.defineProperty(subClass, "prototype", { writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }
 
-function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
+function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
 
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
 
@@ -41,7 +41,7 @@ function _assertThisInitialized(self) { if (self === void 0) { throw new Referen
 
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
 
-function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
+function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
 
 var TextBoxIcon__custom = /*#__PURE__*/function (_Component) {
   _inherits(TextBoxIcon__custom, _Component);