@zohodesk/components 1.4.12 → 1.4.13

package/lib/Label/__tests__/Label.spec.js

@@ -1,106 +0,0 @@
-"use strict";
-
-var _react = _interopRequireDefault(require("react"));
-
-var _react2 = require("@testing-library/react");
-
-var _Label = _interopRequireDefault(require("../Label.js"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
-describe('Label', function () {
-  test('rendering the defult props', function () {
-    var _render = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_Label["default"], null)),
-        asFragment = _render.asFragment;
-
-    expect(asFragment()).toMatchSnapshot();
-  });
-  var type = ['title', 'subtitle'];
-  test.each(type)('rendering the type of- %s', function (type) {
-    var _render2 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_Label["default"], {
-      type: type
-    })),
-        asFragment = _render2.asFragment;
-
-    expect(asFragment()).toMatchSnapshot();
-  });
-  var palette = ['default', 'primary', 'secondary', 'danger', 'mandatory', 'disable', 'dark'];
-  test.each(palette)('rendering the palette of- %s', function (palette) {
-    var _render3 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_Label["default"], {
-      palette: palette
-    })),
-        asFragment = _render3.asFragment;
-
-    expect(asFragment()).toMatchSnapshot();
-  });
-  var size = ['xsmall', 'small', 'medium', 'large'];
-  test.each(size)('rendering the size of- %s', function (size) {
-    var _render4 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_Label["default"], {
-      size: size
-    })),
-        asFragment = _render4.asFragment;
-
-    expect(asFragment()).toMatchSnapshot();
-  });
-  test('rendering the clipped is true', function () {
-    var _render5 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_Label["default"], {
-      clipped: true
-    })),
-        asFragment = _render5.asFragment;
-
-    expect(asFragment()).toMatchSnapshot();
-  });
-  test('rendering the title', function () {
-    var _render6 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_Label["default"], {
-      title: "labelTitle"
-    })),
-        asFragment = _render6.asFragment;
-
-    expect(asFragment()).toMatchSnapshot();
-  });
-  var variant = ['primary', 'default'];
-  test.each(variant)('rendering the variant of- %s', function (variant) {
-    var _render7 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_Label["default"], {
-      variant: variant
-    })),
-        asFragment = _render7.asFragment;
-
-    expect(asFragment()).toMatchSnapshot();
-  });
-  test('rendering the customClass', function () {
-    var _render8 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_Label["default"], {
-      customClass: "LabelCustomClass"
-    })),
-        asFragment = _render8.asFragment;
-
-    expect(asFragment()).toMatchSnapshot();
-  });
-  test('rendering the Id', function () {
-    var _render9 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_Label["default"], {
-      id: "LabelID"
-    })),
-        asFragment = _render9.asFragment;
-
-    expect(asFragment()).toMatchSnapshot();
-  });
-  test('rendering the htmlFor', function () {
-    var _render10 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_Label["default"], {
-      htmlFor: "LabelHtmlFor"
-    })),
-        asFragment = _render10.asFragment;
-
-    expect(asFragment()).toMatchSnapshot();
-  });
-  test('rendering the onClick prop with asFragment and toMatchSnapshot', function () {
-    // Define an onClick mock function
-    var onClickMock = jest.fn(); // Render the Label component with the onClick prop
-
-    var _render11 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_Label["default"], {
-      text: "Click Me",
-      onClick: onClickMock
-    })),
-        asFragment = _render11.asFragment;
-
-    expect(asFragment()).toMatchSnapshot();
-  });
-});

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

@@ -1,312 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`Label rendering the Id 1`] = `
-<DocumentFragment>
-  <label
-    class="label title medium default font_default
-           cursor  "
-    data-id="label"
-    data-selector-id="label"
-    data-test-id="label"
-    id="LabelID"
-  >
-    Label
-  </label>
-</DocumentFragment>
-`;
-
-exports[`Label rendering the clipped is true 1`] = `
-<DocumentFragment>
-  <label
-    class="label title medium default font_default
-          dotted cursor  "
-    data-id="label"
-    data-selector-id="label"
-    data-test-id="label"
-  >
-    Label
-  </label>
-</DocumentFragment>
-`;
-
-exports[`Label rendering the customClass 1`] = `
-<DocumentFragment>
-  <label
-    class="label title medium default font_default
-           cursor LabelCustomClass "
-    data-id="label"
-    data-selector-id="label"
-    data-test-id="label"
-  >
-    Label
-  </label>
-</DocumentFragment>
-`;
-
-exports[`Label rendering the defult props 1`] = `
-<DocumentFragment>
-  <label
-    class="label title medium default font_default
-           cursor  "
-    data-id="label"
-    data-selector-id="label"
-    data-test-id="label"
-  >
-    Label
-  </label>
-</DocumentFragment>
-`;
-
-exports[`Label rendering the htmlFor 1`] = `
-<DocumentFragment>
-  <label
-    class="label title medium default font_default
-           cursor  "
-    data-id="label"
-    data-selector-id="label"
-    data-test-id="label"
-    for="LabelHtmlFor"
-  >
-    Label
-  </label>
-</DocumentFragment>
-`;
-
-exports[`Label rendering the onClick prop with asFragment and toMatchSnapshot 1`] = `
-<DocumentFragment>
-  <label
-    class="label title medium default font_default
-           pointer  "
-    data-id="label"
-    data-selector-id="label"
-    data-test-id="label"
-  >
-    Click Me
-  </label>
-</DocumentFragment>
-`;
-
-exports[`Label rendering the palette of- danger 1`] = `
-<DocumentFragment>
-  <label
-    class="label title medium danger font_default
-           cursor  "
-    data-id="label"
-    data-selector-id="label"
-    data-test-id="label"
-  >
-    Label
-  </label>
-</DocumentFragment>
-`;
-
-exports[`Label rendering the palette of- dark 1`] = `
-<DocumentFragment>
-  <label
-    class="label title medium dark font_default
-           cursor  "
-    data-id="label"
-    data-selector-id="label"
-    data-test-id="label"
-  >
-    Label
-  </label>
-</DocumentFragment>
-`;
-
-exports[`Label rendering the palette of- default 1`] = `
-<DocumentFragment>
-  <label
-    class="label title medium default font_default
-           cursor  "
-    data-id="label"
-    data-selector-id="label"
-    data-test-id="label"
-  >
-    Label
-  </label>
-</DocumentFragment>
-`;
-
-exports[`Label rendering the palette of- disable 1`] = `
-<DocumentFragment>
-  <label
-    class="label title medium disable font_default
-           cursor  "
-    data-id="label"
-    data-selector-id="label"
-    data-test-id="label"
-  >
-    Label
-  </label>
-</DocumentFragment>
-`;
-
-exports[`Label rendering the palette of- mandatory 1`] = `
-<DocumentFragment>
-  <label
-    class="label title medium mandatory font_default
-           cursor  "
-    data-id="label"
-    data-selector-id="label"
-    data-test-id="label"
-  >
-    Label
-  </label>
-</DocumentFragment>
-`;
-
-exports[`Label rendering the palette of- primary 1`] = `
-<DocumentFragment>
-  <label
-    class="label title medium primary font_default
-           cursor  "
-    data-id="label"
-    data-selector-id="label"
-    data-test-id="label"
-  >
-    Label
-  </label>
-</DocumentFragment>
-`;
-
-exports[`Label rendering the palette of- secondary 1`] = `
-<DocumentFragment>
-  <label
-    class="label title medium secondary font_default
-           cursor  "
-    data-id="label"
-    data-selector-id="label"
-    data-test-id="label"
-  >
-    Label
-  </label>
-</DocumentFragment>
-`;
-
-exports[`Label rendering the size of- large 1`] = `
-<DocumentFragment>
-  <label
-    class="label title large default font_default
-           cursor  "
-    data-id="label"
-    data-selector-id="label"
-    data-test-id="label"
-  >
-    Label
-  </label>
-</DocumentFragment>
-`;
-
-exports[`Label rendering the size of- medium 1`] = `
-<DocumentFragment>
-  <label
-    class="label title medium default font_default
-           cursor  "
-    data-id="label"
-    data-selector-id="label"
-    data-test-id="label"
-  >
-    Label
-  </label>
-</DocumentFragment>
-`;
-
-exports[`Label rendering the size of- small 1`] = `
-<DocumentFragment>
-  <label
-    class="label title small default font_default
-           cursor  "
-    data-id="label"
-    data-selector-id="label"
-    data-test-id="label"
-  >
-    Label
-  </label>
-</DocumentFragment>
-`;
-
-exports[`Label rendering the size of- xsmall 1`] = `
-<DocumentFragment>
-  <label
-    class="label title xsmall default font_default
-           cursor  "
-    data-id="label"
-    data-selector-id="label"
-    data-test-id="label"
-  >
-    Label
-  </label>
-</DocumentFragment>
-`;
-
-exports[`Label rendering the title 1`] = `
-<DocumentFragment>
-  <label
-    class="label title medium default font_default
-           cursor  "
-    data-id="label"
-    data-selector-id="label"
-    data-test-id="label"
-    data-title="labelTitle"
-  >
-    Label
-  </label>
-</DocumentFragment>
-`;
-
-exports[`Label rendering the type of- subtitle 1`] = `
-<DocumentFragment>
-  <label
-    class="label subtitle medium default font_default
-           cursor  "
-    data-id="label"
-    data-selector-id="label"
-    data-test-id="label"
-  >
-    Label
-  </label>
-</DocumentFragment>
-`;
-
-exports[`Label rendering the type of- title 1`] = `
-<DocumentFragment>
-  <label
-    class="label title medium default font_default
-           cursor  "
-    data-id="label"
-    data-selector-id="label"
-    data-test-id="label"
-  >
-    Label
-  </label>
-</DocumentFragment>
-`;
-
-exports[`Label rendering the variant of- default 1`] = `
-<DocumentFragment>
-  <label
-    class="label title medium default font_default
-           cursor  "
-    data-id="label"
-    data-selector-id="label"
-    data-test-id="label"
-  >
-    Label
-  </label>
-</DocumentFragment>
-`;
-
-exports[`Label rendering the variant of- primary 1`] = `
-<DocumentFragment>
-  <label
-    class="label title medium default font_primary
-           cursor  "
-    data-id="label"
-    data-selector-id="label"
-    data-test-id="label"
-  >
-    Label
-  </label>
-</DocumentFragment>
-`;

package/lib/Label/props/defaultProps.js

@@ -1,18 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.defaultProps = void 0;
-var defaultProps = {
-  clipped: false,
-  dataId: 'label',
-  palette: 'default',
-  size: 'medium',
-  text: 'Label',
-  type: 'title',
-  variant: 'default',
-  customClass: '',
-  dataSelectorId: 'label'
-};
-exports.defaultProps = defaultProps;

package/lib/Label/props/propTypes.js

@@ -1,30 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.propTypes = void 0;
-
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
-var propTypes = {
-  clipped: _propTypes["default"].bool,
-  dataId: _propTypes["default"].string,
-  dataSelectorId: _propTypes["default"].string,
-  htmlFor: _propTypes["default"].string,
-  onClick: _propTypes["default"].func,
-  palette: _propTypes["default"].oneOf(['default', 'primary', 'secondary', 'danger', 'mandatory', 'disable', 'dark']),
-  size: _propTypes["default"].oneOf(['xsmall', 'small', 'medium', 'large']),
-  text: _propTypes["default"].string,
-  title: _propTypes["default"].string,
-  type: _propTypes["default"].oneOf(['title', 'subtitle']),
-  variant: _propTypes["default"].oneOf(['primary', 'default']),
-  customClass: _propTypes["default"].string,
-  a11y: _propTypes["default"].shape({
-    tabIndex: _propTypes["default"].string
-  }),
-  id: _propTypes["default"].string
-};
-exports.propTypes = propTypes;

package/lib/Layout/Box.js

@@ -1,128 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = Box;
-
-var _react = _interopRequireDefault(require("react"));
-
-var _propTypes = require("./props/propTypes");
-
-var _defaultProps = require("./props/defaultProps");
-
-var _utils = require("./utils");
-
-var _LayoutModule = _interopRequireDefault(require("./Layout.module.css"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
-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) { _defineProperty(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; }
-
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
-/* eslint-disable  react/no-unused-prop-types*/
-function getBoxClassNames(props) {
-  var hidden = props.hidden,
-      className = props.className,
-      flexible = props.flexible,
-      adjust = props.adjust,
-      isFirst = props.isFirst,
-      isLast = props.isLast,
-      shrink = props.shrink,
-      column = props.column,
-      align = props.align,
-      scroll = props.scroll,
-      preventParentScroll = props.preventParentScroll;
-  var modificators = [className];
-
-  if (flexible && !adjust) {
-    modificators.push((0, _utils.getClass)(_LayoutModule["default"], 'grow'));
-    modificators.push((0, _utils.getClass)(_LayoutModule["default"], 'basis'));
-  } else if (flexible && adjust) {
-    modificators.push((0, _utils.getClass)(_LayoutModule["default"], 'grow'));
-  }
-
-  if (isFirst) {
-    modificators.push((0, _utils.getClass)(_LayoutModule["default"], 'first'));
-  }
-
-  if (isLast) {
-    modificators.push((0, _utils.getClass)(_LayoutModule["default"], 'last'));
-  }
-
-  if (adjust) {
-    modificators.push((0, _utils.getClass)(_LayoutModule["default"], 'basisAuto'));
-  }
-
-  if (shrink) {
-    modificators.push((0, _utils.getClass)(_LayoutModule["default"], 'shrinkOn'));
-  } else {
-    modificators.push((0, _utils.getClass)(_LayoutModule["default"], 'shrinkOff'));
-  }
-
-  if (hidden) {
-    hidden.forEach(function (key) {
-      modificators.push((0, _utils.getClass)(_LayoutModule["default"], "hidden-screen-".concat(key)));
-    });
-  }
-
-  if (column) {
-    modificators.push((0, _utils.getClass)(_LayoutModule["default"], "col-".concat(column)));
-  }
-
-  if (align) {
-    var alignClassMapping = {
-      start: 'selfStart',
-      end: 'selfEnd',
-      center: 'selfCenter'
-    };
-    var alignClass = alignClassMapping[align];
-    modificators.push((0, _utils.getClass)(_LayoutModule["default"], alignClass));
-  }
-
-  if (scroll) {
-    var scrollClassMapping = {
-      horizontal: 'scrollx',
-      vertical: 'scrolly',
-      both: 'scrollboth',
-      none: 'scrollnone'
-    };
-    var scrollClass = scrollClassMapping[scroll];
-    modificators.push((0, _utils.getClass)(_LayoutModule["default"], scrollClass));
-  }
-
-  if (preventParentScroll) {
-    var ParentScrollClassMapping = {
-      horizontal: 'preventScrollBubbleX',
-      vertical: 'preventScrollBubbleY',
-      both: 'preventScrollBubbleBoth'
-    };
-    var parentScrollClass = ParentScrollClassMapping[preventParentScroll];
-    modificators.push((0, _utils.getClass)(_LayoutModule["default"], parentScrollClass));
-  }
-
-  return modificators;
-}
-
-function getBoxProps(props) {
-  return (0, _utils.createProps)(_propTypes.BoxProps, props, getBoxClassNames(props));
-}
-
-function Box(props) {
-  var tagName = props.tagName;
-  var componentProps = (0, _utils.setProps)(_objectSpread({}, getBoxProps(props)), props, {
-    isScrollAttribute: 'data-scroll',
-    eleRef: 'ref',
-    dataId: 'data-id',
-    testId: 'data-test-id',
-    tourId: 'data-tour',
-    dataSelectorId: 'data-selector-id'
-  });
-  return /*#__PURE__*/_react["default"].createElement(tagName, componentProps);
-}
-
-Box.propTypes = _propTypes.BoxProps;
-Box.defaultProps = _defaultProps.BoxDefaultProps;