@zohodesk/icons 1.2.1 → 1.2.2

package/es/v1/__tests__/FontIcon.spec.js

@@ -1,144 +0,0 @@
-import React from 'react';
-import FontIcon from '../FontIcon';
-import { render } from "@testing-library/react";
-describe('FontIcon - ', () => {
-  test('rendering the "default" props', () => {
-    const {
-      asFragment
-    } = render( /*#__PURE__*/React.createElement(FontIcon, null));
-    expect(asFragment()).toMatchSnapshot();
-  });
-  test('checking "isBold" is true', () => {
-    const {
-      asFragment
-    } = render( /*#__PURE__*/React.createElement(FontIcon, {
-      isBold: true
-    }));
-    expect(asFragment()).toMatchSnapshot();
-  });
-  test('checking "isBold" is false', () => {
-    const {
-      asFragment
-    } = render( /*#__PURE__*/React.createElement(FontIcon, {
-      isBold: false
-    }));
-    expect(asFragment()).toMatchSnapshot();
-  });
-  test('rendering the "iconClass"', () => {
-    const {
-      asFragment
-    } = render( /*#__PURE__*/React.createElement(FontIcon, {
-      iconClass: "iconStyleCss"
-    }));
-    expect(asFragment()).toMatchSnapshot();
-  });
-  test('rendering the "fontSize"', () => {
-    const {
-      asFragment
-    } = render( /*#__PURE__*/React.createElement(FontIcon, {
-      size: "15"
-    }));
-    expect(asFragment()).toMatchSnapshot();
-  });
-  test('rendering the "title"', () => {
-    const {
-      asFragment
-    } = render( /*#__PURE__*/React.createElement(FontIcon, {
-      title: "FontIcon"
-    }));
-    expect(asFragment()).toMatchSnapshot();
-  });
-  test('rendering the "pathname"', () => {
-    const {
-      asFragment
-    } = render( /*#__PURE__*/React.createElement(FontIcon, {
-      pathName: "zd67f91bb627"
-    }));
-    expect(asFragment()).toMatchSnapshot();
-  });
-  test('rendering "Name" with "iconContent" and without path', () => {
-    const {
-      asFragment
-    } = render( /*#__PURE__*/React.createElement(FontIcon, {
-      name: ['icon-addAccounts', 3],
-      iconContent: {
-        path1: "icon1",
-        path2: "icon2",
-        path3: "icon3"
-      }
-    }));
-    expect(asFragment()).toMatchSnapshot();
-  });
-  test('rendering "iconClass" with path ', () => {
-    const {
-      asFragment
-    } = render( /*#__PURE__*/React.createElement(FontIcon, {
-      iconClass: "iconStyleCss",
-      name: ['icon-addAccounts', 3],
-      iconContent: {
-        path1: "icon1",
-        path2: "icon2",
-        path3: "icon3"
-      }
-    }));
-    expect(asFragment()).toMatchSnapshot();
-  });
-  test('rendering "custumIcon" with path', () => {
-    const {
-      asFragment
-    } = render( /*#__PURE__*/React.createElement(FontIcon, {
-      name: ['icon-ch-chat-in', 2],
-      iconName: "ZD-chChatMis",
-      iconContent: {
-        path1: "icon1",
-        path2: "icon2"
-      }
-    }));
-    expect(asFragment()).toMatchSnapshot();
-  });
-  test('rendering "ariaHidden" is false', () => {
-    const {
-      asFragment
-    } = render( /*#__PURE__*/React.createElement(FontIcon, {
-      a11y: {
-        ariaHidden: false
-      }
-    }));
-    expect(asFragment()).toMatchSnapshot();
-  });
-  test('rendering "IconName"', () => {
-    const {
-      asFragment
-    } = render( /*#__PURE__*/React.createElement(FontIcon, {
-      iconName: "ZD-addAccount"
-    }));
-    expect(asFragment()).toMatchSnapshot();
-  });
-  test('rendering custom icon name', () => {
-    const {
-      asFragment
-    } = render( /*#__PURE__*/React.createElement(FontIcon, {
-      iconName: "ZD-chChatMis"
-    }));
-    expect(asFragment()).toMatchSnapshot();
-  });
-  const titlePosition = ['top', 'bottom', 'left', 'right'];
-  test.each(titlePosition)('rendering the "titlePostion" to - %s', titlePosition => {
-    const {
-      asFragment
-    } = render( /*#__PURE__*/React.createElement(FontIcon, {
-      titlePosition: titlePosition
-    }));
-    expect(asFragment()).toMatchSnapshot();
-  });
-  test('rendering custom attributes with tagAttributes prop', () => {
-    const {
-      asFragment
-    } = render( /*#__PURE__*/React.createElement(FontIcon, {
-      tagAttributes: {
-        'data-custom-attr': 'true'
-      }
-    }));
-    expect(asFragment()).toMatchSnapshot();
-  });
-});

package/es/v1/__tests__/__snapshots__/FontIcon.spec.js.snap

@@ -1,251 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`FontIcon -  checking "isBold" is false 1`] = `
-<DocumentFragment>
-  <i
-    aria-hidden="true"
-    class="zd_font_icons basic undefined    "
-    data-id="fontIcon"
-    data-selector-id="fontIcon"
-    data-test-id="fontIcon"
-  />
-</DocumentFragment>
-`;
-
-exports[`FontIcon -  checking "isBold" is true 1`] = `
-<DocumentFragment>
-  <i
-    aria-hidden="true"
-    class="zd_font_icons basic undefined fbold   "
-    data-id="fontIcon"
-    data-selector-id="fontIcon"
-    data-test-id="fontIcon"
-  />
-</DocumentFragment>
-`;
-
-exports[`FontIcon -  rendering "IconName" 1`] = `
-<DocumentFragment>
-  <i
-    aria-hidden="true"
-    class="zd_font_icons basic undefined    "
-    data-id="fontIcon"
-    data-selector-id="fontIcon"
-    data-test-id="fontIcon"
-  />
-</DocumentFragment>
-`;
-
-exports[`FontIcon -  rendering "Name" with "iconContent" and without path 1`] = `
-<DocumentFragment>
-  <i
-    aria-hidden="true"
-    class="zd_font_icons basic undefined    "
-    data-id="fontIcon"
-    data-selector-id="fontIcon"
-    data-test-id="fontIcon"
-  >
-    <span
-      class="icon1 "
-    />
-    <span
-      class="icon2 "
-    />
-    <span
-      class="icon3 "
-    />
-  </i>
-</DocumentFragment>
-`;
-
-exports[`FontIcon -  rendering "ariaHidden" is false 1`] = `
-<DocumentFragment>
-  <i
-    aria-hidden="false"
-    class="zd_font_icons basic undefined    "
-    data-id="fontIcon"
-    data-selector-id="fontIcon"
-    data-test-id="fontIcon"
-  />
-</DocumentFragment>
-`;
-
-exports[`FontIcon -  rendering "custumIcon" with path 1`] = `
-<DocumentFragment>
-  <i
-    aria-hidden="true"
-    class="zd_font_icons basic undefined    red"
-    data-id="fontIcon"
-    data-selector-id="fontIcon"
-    data-test-id="fontIcon"
-  >
-    <span
-      class="icon1 path1"
-    />
-    <span
-      class="icon2 path2"
-    />
-  </i>
-</DocumentFragment>
-`;
-
-exports[`FontIcon -  rendering "iconClass" with path  1`] = `
-<DocumentFragment>
-  <i
-    aria-hidden="true"
-    class="zd_font_icons basic undefined  iconStyleCss  "
-    data-id="fontIcon"
-    data-selector-id="fontIcon"
-    data-test-id="fontIcon"
-  >
-    <span
-      class="icon1 path1"
-    />
-    <span
-      class="icon2 path2"
-    />
-    <span
-      class="icon3 path3"
-    />
-  </i>
-</DocumentFragment>
-`;
-
-exports[`FontIcon -  rendering custom attributes with tagAttributes prop 1`] = `
-<DocumentFragment>
-  <i
-    aria-hidden="true"
-    class="zd_font_icons basic undefined    "
-    data-custom-attr="true"
-    data-id="fontIcon"
-    data-selector-id="fontIcon"
-    data-test-id="fontIcon"
-  />
-</DocumentFragment>
-`;
-
-exports[`FontIcon -  rendering custom icon name 1`] = `
-<DocumentFragment>
-  <i
-    aria-hidden="true"
-    class="zd_font_icons basic undefined    red"
-    data-id="fontIcon"
-    data-selector-id="fontIcon"
-    data-test-id="fontIcon"
-  />
-</DocumentFragment>
-`;
-
-exports[`FontIcon -  rendering the "default" props 1`] = `
-<DocumentFragment>
-  <i
-    aria-hidden="true"
-    class="zd_font_icons basic undefined    "
-    data-id="fontIcon"
-    data-selector-id="fontIcon"
-    data-test-id="fontIcon"
-  />
-</DocumentFragment>
-`;
-
-exports[`FontIcon -  rendering the "fontSize" 1`] = `
-<DocumentFragment>
-  <i
-    aria-hidden="true"
-    class="zd_font_icons basic undefined    "
-    data-id="fontIcon"
-    data-selector-id="fontIcon"
-    data-test-id="fontIcon"
-    style="--zd-iconfont-size: var(--zd_font_size15);"
-  />
-</DocumentFragment>
-`;
-
-exports[`FontIcon -  rendering the "iconClass" 1`] = `
-<DocumentFragment>
-  <i
-    aria-hidden="true"
-    class="zd_font_icons basic undefined  iconStyleCss  "
-    data-id="fontIcon"
-    data-selector-id="fontIcon"
-    data-test-id="fontIcon"
-  />
-</DocumentFragment>
-`;
-
-exports[`FontIcon -  rendering the "pathname" 1`] = `
-<DocumentFragment>
-  <i
-    aria-hidden="true"
-    class="zd_font_icons basic zd67f91bb627    "
-    data-id="fontIcon"
-    data-selector-id="fontIcon"
-    data-test-id="fontIcon"
-  />
-</DocumentFragment>
-`;
-
-exports[`FontIcon -  rendering the "title" 1`] = `
-<DocumentFragment>
-  <i
-    aria-hidden="true"
-    class="zd_font_icons basic undefined    "
-    data-id="fontIcon"
-    data-selector-id="fontIcon"
-    data-test-id="fontIcon"
-    data-title="FontIcon"
-  />
-</DocumentFragment>
-`;
-
-exports[`FontIcon -  rendering the "titlePostion" to - bottom 1`] = `
-<DocumentFragment>
-  <i
-    aria-hidden="true"
-    class="zd_font_icons basic undefined    "
-    data-id="fontIcon"
-    data-selector-id="fontIcon"
-    data-test-id="fontIcon"
-    data-title-position="bottom"
-  />
-</DocumentFragment>
-`;
-
-exports[`FontIcon -  rendering the "titlePostion" to - left 1`] = `
-<DocumentFragment>
-  <i
-    aria-hidden="true"
-    class="zd_font_icons basic undefined    "
-    data-id="fontIcon"
-    data-selector-id="fontIcon"
-    data-test-id="fontIcon"
-    data-title-position="left"
-  />
-</DocumentFragment>
-`;
-
-exports[`FontIcon -  rendering the "titlePostion" to - right 1`] = `
-<DocumentFragment>
-  <i
-    aria-hidden="true"
-    class="zd_font_icons basic undefined    "
-    data-id="fontIcon"
-    data-selector-id="fontIcon"
-    data-test-id="fontIcon"
-    data-title-position="right"
-  />
-</DocumentFragment>
-`;
-
-exports[`FontIcon -  rendering the "titlePostion" to - top 1`] = `
-<DocumentFragment>
-  <i
-    aria-hidden="true"
-    class="zd_font_icons basic undefined    "
-    data-id="fontIcon"
-    data-selector-id="fontIcon"
-    data-test-id="fontIcon"
-    data-title-position="top"
-  />
-</DocumentFragment>
-`;

package/es/v1/asyncComponent.js

@@ -1,42 +0,0 @@
-function _extends() { _extends = Object.assign ? Object.assign.bind() : 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; }; return _extends.apply(this, arguments); }
-
-import React, { useEffect, useState, useRef } from 'react';
-export default function asyncComponent(getComponentProps) {
-  return function AsyncComponent(props) {
-    const [Component, setComponent] = useState(null);
-    const mount = useRef(true);
-    const eleRef = useRef(null);
-
-    const loadComponent = async () => {
-      try {
-        const component = await getComponentProps(props);
-
-        if (mount.current) {
-          setComponent(() => component);
-        }
-      } catch (e) {
-        console.log('errorme', e);
-      }
-    };
-
-    useEffect(() => {
-      mount.current = true;
-      loadComponent();
-      return () => {
-        mount.current = false;
-      };
-    }, [props.name]);
-
-    const getRef = ele => {
-      eleRef.current = ele;
-    };
-
-    if (Component) {
-      return /*#__PURE__*/React.createElement(Component, _extends({}, props, {
-        ref: getRef
-      }));
-    }
-
-    return null;
-  };
-}

package/es/v1/props/defaultProps.js

@@ -1,5 +0,0 @@
-export const IconDefaultProps = {
-  a11y: {},
-  dataSelectorId: 'fontIcon',
-  dataId: 'fontIcon'
-};

package/es/v1/props/propTypes.js

@@ -1,18 +0,0 @@
-import PropTypes from 'prop-types';
-export const IconProps = {
-  dataId: PropTypes.string,
-  iconClass: PropTypes.string,
-  iconContent: PropTypes.object,
-  isBold: PropTypes.bool,
-  name: PropTypes.oneOfType([PropTypes.string, PropTypes.array]),
-  onClick: PropTypes.func,
-  pathName: PropTypes.string,
-  size: PropTypes.string,
-  title: PropTypes.string,
-  iconName: PropTypes.string,
-  titlePosition: PropTypes.oneOf(['top', 'bottom', 'left', 'right']),
-  tagAttributes: PropTypes.object,
-  a11y: PropTypes.shape({
-    ariaHidden: PropTypes.bool
-  })
-};

package/lib/v1/FontIcon.js

@@ -1,86 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = FontIcon;
-
-var _react = _interopRequireDefault(require("react"));
-
-var _defaultProps = require("./props/defaultProps");
-
-var _propTypes = require("./props/propTypes");
-
-var _CustomIcons = require("../Icon/CustomIcons");
-
-var _IconModule = _interopRequireDefault(require("../Icon/Icon.module.css"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
-function _extends() { _extends = Object.assign ? Object.assign.bind() : 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; }; return _extends.apply(this, arguments); }
-
-function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
-
-function FontIcon(props) {
-  var name = props.name,
-      onClick = props.onClick,
-      isBold = props.isBold,
-      pathName = props.pathName,
-      iconContent = props.iconContent,
-      iconClass = props.iconClass,
-      title = props.title,
-      dataId = props.dataId,
-      dataSelectorId = props.dataSelectorId,
-      size = props.size,
-      iconName = props.iconName,
-      titlePosition = props.titlePosition,
-      tagAttributes = props.tagAttributes,
-      a11y = props.a11y;
-  var _a11y$ariaHidden = a11y.ariaHidden,
-      ariaHidden = _a11y$ariaHidden === void 0 ? true : _a11y$ariaHidden;
-  var fontStyle = size ? {
-    '--zd-iconfont-size': 'var(--zd_font_size' + size + ')'
-  } : {};
-  var isCustom = _CustomIcons.allCustomIcons[iconName] || null;
-  isCustom = isCustom ? _IconModule["default"][isCustom] : ''; // let isTwoTone = TwoToneIcons[iconName] || null;
-  // isTwoTone = isTwoTone ? style[isTwoTone] : '';
-
-  var fontClass = "".concat(_IconModule["default"].basic, " ").concat(pathName, " ").concat(isBold ? _IconModule["default"].fbold : '', " ").concat(iconClass ? iconClass : '', " ").concat(onClick ? _IconModule["default"].cursor : '');
-  var childArray;
-
-  if (_typeof(name) === 'object') {
-    childArray = [];
-    var isRtl = name[2] ? name[2] : false;
-    fontClass = isRtl ? "".concat(fontClass, " ").concat(_IconModule["default"].rtl) : fontClass;
-
-    for (var i = 1; i < name[1] + 1; i++) {
-      var pathClass = "".concat(iconContent["path".concat(i)], " ").concat(iconClass || isCustom ? "path".concat(i) : '');
-      childArray.push( /*#__PURE__*/_react["default"].createElement("span", {
-        className: pathClass,
-        key: i
-      }));
-    }
-  }
-
-  return /*#__PURE__*/_react["default"].createElement("i", _extends({
-    className: 'zd_font_icons'.concat(" ", fontClass, " ").concat(isCustom),
-    "data-title": title,
-    onClick: onClick,
-    "data-id": dataId,
-    "data-test-id": dataId,
-    "data-title-position": titlePosition,
-    style: fontStyle,
-    "aria-hidden": ariaHidden,
-    "data-selector-id": dataSelectorId
-  }, tagAttributes), childArray ? childArray : null);
-}
-
-FontIcon.propTypes = _propTypes.IconProps;
-FontIcon.defaultProps = _defaultProps.IconDefaultProps;
-
-if (__DOCS__) {
-  FontIcon.docs = {
-    componentGroup: 'Icon',
-    folderName: 'Style Guide'
-  };
-}

package/lib/v1/__tests__/FontIcon.spec.js

@@ -1,151 +0,0 @@
-"use strict";
-
-var _react = _interopRequireDefault(require("react"));
-
-var _FontIcon = _interopRequireDefault(require("../FontIcon"));
-
-var _react2 = require("@testing-library/react");
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
-describe('FontIcon - ', function () {
-  test('rendering the "default" props', function () {
-    var _render = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_FontIcon["default"], null)),
-        asFragment = _render.asFragment;
-
-    expect(asFragment()).toMatchSnapshot();
-  });
-  test('checking "isBold" is true', function () {
-    var _render2 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_FontIcon["default"], {
-      isBold: true
-    })),
-        asFragment = _render2.asFragment;
-
-    expect(asFragment()).toMatchSnapshot();
-  });
-  test('checking "isBold" is false', function () {
-    var _render3 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_FontIcon["default"], {
-      isBold: false
-    })),
-        asFragment = _render3.asFragment;
-
-    expect(asFragment()).toMatchSnapshot();
-  });
-  test('rendering the "iconClass"', function () {
-    var _render4 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_FontIcon["default"], {
-      iconClass: "iconStyleCss"
-    })),
-        asFragment = _render4.asFragment;
-
-    expect(asFragment()).toMatchSnapshot();
-  });
-  test('rendering the "fontSize"', function () {
-    var _render5 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_FontIcon["default"], {
-      size: "15"
-    })),
-        asFragment = _render5.asFragment;
-
-    expect(asFragment()).toMatchSnapshot();
-  });
-  test('rendering the "title"', function () {
-    var _render6 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_FontIcon["default"], {
-      title: "FontIcon"
-    })),
-        asFragment = _render6.asFragment;
-
-    expect(asFragment()).toMatchSnapshot();
-  });
-  test('rendering the "pathname"', function () {
-    var _render7 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_FontIcon["default"], {
-      pathName: "zd67f91bb627"
-    })),
-        asFragment = _render7.asFragment;
-
-    expect(asFragment()).toMatchSnapshot();
-  });
-  test('rendering "Name" with "iconContent" and without path', function () {
-    var _render8 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_FontIcon["default"], {
-      name: ['icon-addAccounts', 3],
-      iconContent: {
-        path1: "icon1",
-        path2: "icon2",
-        path3: "icon3"
-      }
-    })),
-        asFragment = _render8.asFragment;
-
-    expect(asFragment()).toMatchSnapshot();
-  });
-  test('rendering "iconClass" with path ', function () {
-    var _render9 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_FontIcon["default"], {
-      iconClass: "iconStyleCss",
-      name: ['icon-addAccounts', 3],
-      iconContent: {
-        path1: "icon1",
-        path2: "icon2",
-        path3: "icon3"
-      }
-    })),
-        asFragment = _render9.asFragment;
-
-    expect(asFragment()).toMatchSnapshot();
-  });
-  test('rendering "custumIcon" with path', function () {
-    var _render10 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_FontIcon["default"], {
-      name: ['icon-ch-chat-in', 2],
-      iconName: "ZD-chChatMis",
-      iconContent: {
-        path1: "icon1",
-        path2: "icon2"
-      }
-    })),
-        asFragment = _render10.asFragment;
-
-    expect(asFragment()).toMatchSnapshot();
-  });
-  test('rendering "ariaHidden" is false', function () {
-    var _render11 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_FontIcon["default"], {
-      a11y: {
-        ariaHidden: false
-      }
-    })),
-        asFragment = _render11.asFragment;
-
-    expect(asFragment()).toMatchSnapshot();
-  });
-  test('rendering "IconName"', function () {
-    var _render12 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_FontIcon["default"], {
-      iconName: "ZD-addAccount"
-    })),
-        asFragment = _render12.asFragment;
-
-    expect(asFragment()).toMatchSnapshot();
-  });
-  test('rendering custom icon name', function () {
-    var _render13 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_FontIcon["default"], {
-      iconName: "ZD-chChatMis"
-    })),
-        asFragment = _render13.asFragment;
-
-    expect(asFragment()).toMatchSnapshot();
-  });
-  var titlePosition = ['top', 'bottom', 'left', 'right'];
-  test.each(titlePosition)('rendering the "titlePostion" to - %s', function (titlePosition) {
-    var _render14 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_FontIcon["default"], {
-      titlePosition: titlePosition
-    })),
-        asFragment = _render14.asFragment;
-
-    expect(asFragment()).toMatchSnapshot();
-  });
-  test('rendering custom attributes with tagAttributes prop', function () {
-    var _render15 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_FontIcon["default"], {
-      tagAttributes: {
-        'data-custom-attr': 'true'
-      }
-    })),
-        asFragment = _render15.asFragment;
-
-    expect(asFragment()).toMatchSnapshot();
-  });
-});