@zohodesk/components 1.4.21 → 1.4.23

package/lib/Typography/utils/textHighlighter.js

@@ -0,0 +1,160 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.highlightText = highlightText;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _cssJSLogic2 = _interopRequireDefault(require("../css/cssJSLogic"));
+
+var _utils = require("@zohodesk/utils");
+
+var _TypographyModule = _interopRequireDefault(require("./../css/Typography.module.css"));
+
+var _Common = require("../../utils/Common");
+
+var _excluded = ["customStyle"];
+
+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; }
+
+function highlightText(config) {
+  var sourceText = config.text,
+      highlightData = config.data,
+      _config$styleConfigur = config.styleConfiguration,
+      highlightStyleConfig = _config$styleConfigur === void 0 ? _Common.DUMMY_OBJECT : _config$styleConfigur,
+      _config$shouldExclude = config.shouldExcludeIndices,
+      shouldExcludeIndices = _config$shouldExclude === void 0 ? false : _config$shouldExclude,
+      _config$isCaseSensiti = config.isCaseSensitive,
+      enableCaseSensitiveMatch = _config$isCaseSensiti === void 0 ? false : _config$isCaseSensiti,
+      _config$isWholeWord = config.isWholeWord,
+      matchWholeWordOnly = _config$isWholeWord === void 0 ? false : _config$isWholeWord,
+      _config$tagName = config.tagName,
+      wrapperTagName = _config$tagName === void 0 ? 'span' : _config$tagName,
+      customRenderer = config.renderHighlight;
+
+  if (!sourceText || !(highlightData !== null && highlightData !== void 0 && highlightData.length)) {
+    return sourceText;
+  }
+
+  var cssClassCache = new Map();
+  var normalizedHighlightTerms = highlightData.map(function (highlightItem) {
+    var searchTerm = typeof highlightItem === 'string' ? highlightItem : highlightItem === null || highlightItem === void 0 ? void 0 : highlightItem.text;
+    if (!searchTerm) return null;
+    var itemConfiguration = typeof highlightItem === 'string' ? _Common.DUMMY_OBJECT : highlightItem;
+    var hasStyleConfigrationFromItem = itemConfiguration.styleConfiguration !== undefined;
+    var hasRenderHighlightFromItem = itemConfiguration.renderHighlight !== undefined;
+    var finalStyleConfig = itemConfiguration.styleConfiguration !== undefined ? itemConfiguration.styleConfiguration : highlightStyleConfig;
+
+    var customStyle = finalStyleConfig.customStyle,
+        restStyleConfig = _objectWithoutProperties(finalStyleConfig, _excluded);
+
+    var cacheKey = JSON.stringify(restStyleConfig);
+    var typographyClass;
+
+    if (Object.keys(restStyleConfig).length !== 0) {
+      if (cssClassCache.has(cacheKey)) {
+        typographyClass = cssClassCache.get(cacheKey);
+      } else {
+        var _cssJSLogic = (0, _cssJSLogic2["default"])({
+          props: restStyleConfig,
+          style: _TypographyModule["default"]
+        }),
+            computedClass = _cssJSLogic.typographyClass;
+
+        typographyClass = computedClass;
+        cssClassCache.set(cacheKey, typographyClass);
+      }
+    }
+
+    return {
+      searchTerm: searchTerm,
+      targetIndices: itemConfiguration.index !== undefined ? itemConfiguration.index : _Common.DUMMY_ARRAY,
+      shouldExcludeIndices: itemConfiguration.shouldExcludeIndices !== undefined ? itemConfiguration.shouldExcludeIndices : shouldExcludeIndices,
+      isCaseSensitive: itemConfiguration.isCaseSensitive !== undefined ? itemConfiguration.isCaseSensitive : enableCaseSensitiveMatch,
+      matchWholeWordOnly: itemConfiguration.isWholeWord !== undefined ? itemConfiguration.isWholeWord : matchWholeWordOnly,
+      wrapperTagName: itemConfiguration.tagName !== undefined ? itemConfiguration.tagName : wrapperTagName,
+      customStyle: customStyle,
+      customRenderer: itemConfiguration.renderHighlight !== undefined ? itemConfiguration.renderHighlight : customRenderer,
+      highlightClasses: typographyClass,
+      hasStyleConfigrationFromItem: hasStyleConfigrationFromItem,
+      hasRenderHighlightFromItem: hasRenderHighlightFromItem
+    };
+  }).filter(function (highlightConfig) {
+    return highlightConfig && highlightConfig.searchTerm.trim();
+  });
+
+  if (!normalizedHighlightTerms.length) {
+    return sourceText;
+  }
+
+  var regexPatterns = normalizedHighlightTerms.map(function (highlightConfig) {
+    //  Escape special regex characters in the searchTerm so it can be safely used in a RegExp
+    var escapedTerm = highlightConfig.searchTerm.replace(/[.*+?^${}()|[\]\\]/g, '\\$&'); // If matchWholeWordOnly is true, wrap the term with word boundaries (\b) to match whole words only
+
+    return highlightConfig.matchWholeWordOnly ? "\\b".concat(escapedTerm, "\\b") : escapedTerm;
+  });
+  var combinedRegexPattern = regexPatterns.join('|');
+  var textSegments = sourceText.split(new RegExp("(".concat(combinedRegexPattern, ")"), 'gi'));
+  var occurrenceCountByTerm = {};
+  return textSegments.map(function (textSegment, segmentIndex) {
+    var matchingHighlightConfig = normalizedHighlightTerms.find(function (highlightConfig) {
+      var segmentToCompare = highlightConfig.isCaseSensitive ? textSegment : textSegment.toLowerCase();
+      var termToCompare = highlightConfig.isCaseSensitive ? highlightConfig.searchTerm : highlightConfig.searchTerm.toLowerCase();
+      return segmentToCompare === termToCompare;
+    });
+
+    if (!matchingHighlightConfig) {
+      return textSegment;
+    }
+
+    var termKey = matchingHighlightConfig.searchTerm;
+    occurrenceCountByTerm[termKey] = (occurrenceCountByTerm[termKey] || 0) + 1;
+    var currentOccurrenceIndex = occurrenceCountByTerm[termKey];
+    var targetIndices = matchingHighlightConfig.targetIndices,
+        shouldExcludeIndices = matchingHighlightConfig.shouldExcludeIndices;
+    var isIndicesArray = Array.isArray(targetIndices);
+    var shouldApplyHighlight;
+
+    if (isIndicesArray) {
+      shouldApplyHighlight = (targetIndices.length === 0 || targetIndices.includes(currentOccurrenceIndex)) !== shouldExcludeIndices;
+    } else {
+      shouldApplyHighlight = (targetIndices === 0 || targetIndices === currentOccurrenceIndex) !== shouldExcludeIndices;
+    }
+
+    if (!shouldApplyHighlight) {
+      return textSegment;
+    }
+
+    var customStyle = matchingHighlightConfig.customStyle,
+        highlightClasses = matchingHighlightConfig.highlightClasses,
+        customRenderer = matchingHighlightConfig.customRenderer,
+        hasStyleConfigrationFromItem = matchingHighlightConfig.hasStyleConfigrationFromItem,
+        hasRenderHighlightFromItem = matchingHighlightConfig.hasRenderHighlightFromItem,
+        WrapperTag = matchingHighlightConfig.wrapperTagName;
+    var shouldUseCustomRenderer = false;
+
+    if (customRenderer) {
+      if (hasRenderHighlightFromItem) {
+        shouldUseCustomRenderer = true;
+      } else if (!hasStyleConfigrationFromItem && customRenderer) {
+        shouldUseCustomRenderer = true;
+      }
+    }
+
+    if (shouldUseCustomRenderer && (0, _utils.isRenderable)(customRenderer)) {
+      return (0, _utils.renderNode)(customRenderer, textSegment);
+    }
+
+    return /*#__PURE__*/_react["default"].createElement(WrapperTag, {
+      key: "".concat(textSegment, "_").concat(currentOccurrenceIndex),
+      style: customStyle,
+      className: highlightClasses
+    }, textSegment);
+  });
+}

package/lib/shared/ArrowIcon/ArrowIcon.js

@@ -0,0 +1,65 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _Layout = require("../../Layout");
+
+var _Icon = _interopRequireDefault(require("@zohodesk/icons/es/Icon"));
+
+var _utils = require("@zohodesk/utils");
+
+var _defaultProps = _interopRequireDefault(require("./props/defaultProps"));
+
+var _propTypes = _interopRequireDefault(require("./props/propTypes"));
+
+var _ArrowIconModule = _interopRequireDefault(require("./ArrowIcon.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); }
+
+var ArrowIcon = function ArrowIcon(props) {
+  var dataId = props.dataId,
+      isRotated = props.isRotated,
+      isActive = props.isActive,
+      customClass = props.customClass,
+      customProps = props.customProps,
+      tagAttributes = props.tagAttributes,
+      a11yAttributes = props.a11yAttributes,
+      iconSize = props.iconSize,
+      isDisabled = props.isDisabled,
+      isReadOnly = props.isReadOnly,
+      renderCustomToggleIndicator = props.renderCustomToggleIndicator;
+  var _customClass$iconClas = customClass.iconClass,
+      iconClass = _customClass$iconClas === void 0 ? '' : _customClass$iconClas,
+      _customClass$containe = customClass.containerClass,
+      containerClass = _customClass$containe === void 0 ? '' : _customClass$containe;
+  return (0, _utils.isRenderable)(renderCustomToggleIndicator) ? (0, _utils.renderNode)(renderCustomToggleIndicator, {
+    isRotated: isRotated,
+    isActive: isActive,
+    isReadOnly: isReadOnly,
+    isDisabled: isDisabled
+  }) : /*#__PURE__*/_react["default"].createElement(_Layout.Container, _extends({
+    isInline: true,
+    isCover: false,
+    align: "both",
+    "aria-hidden": true
+  }, tagAttributes, a11yAttributes, customProps, {
+    dataId: "".concat(dataId, "_downIcon"),
+    className: "".concat(_ArrowIconModule["default"].arrowIcon, " ").concat(isRotated ? _ArrowIconModule["default"].rotated : '', " ").concat(isActive ? _ArrowIconModule["default"].active : '', " ").concat(isDisabled ? _ArrowIconModule["default"].disabled : '', " ").concat(isReadOnly ? _ArrowIconModule["default"].readonly : '', " ").concat(containerClass)
+  }), /*#__PURE__*/_react["default"].createElement(_Icon["default"], {
+    name: "ZD-down",
+    size: iconSize,
+    iconClass: iconClass
+  }));
+};
+
+ArrowIcon.defaultProps = _defaultProps["default"];
+ArrowIcon.propTypes = _propTypes["default"];
+var _default = ArrowIcon;
+exports["default"] = _default;

package/lib/shared/ArrowIcon/ArrowIcon.module.css

@@ -0,0 +1,43 @@
+.varClass {
+    --local-arrowIcon-color: var(--zdt_arrowicon_default_icon);
+}
+
+.arrowIcon {
+  composes: varClass;
+  color: var(--local-arrowIcon-color);
+  transition: transform var(--zd_transition3);
+  margin: 0 var(--zd_size5) ;
+}
+.transparentContainer .arrowIcon {
+  opacity: 0;
+  visibility: hidden;
+}
+
+.transparentContainer .rotated,
+.transparentContainer:hover .arrowIcon {
+  opacity: 1;
+  visibility: visible;
+}
+
+[dir=ltr] .rotated {
+    transform: rotateZ(-180deg);
+}
+
+[dir=rtl] .rotated {
+  transform: rotateZ(180deg);
+}
+
+.rotated,
+.active,
+.arrowContainer:hover .arrowIcon,
+.transparentContainer:hover .arrowIcon {
+  --local-arrowIcon-color: var(--zdt_arrowicon_hover_icon);
+}
+
+.disabled {
+  composes: disabled from '../../common/common.module.css';
+}
+
+.readonly {
+  composes: curdefault from '../../common/common.module.css';
+}

package/lib/shared/ArrowIcon/__tests__/ArrowIcon.spec.js

@@ -0,0 +1,107 @@
+"use strict";
+
+var _react = _interopRequireDefault(require("react"));
+
+var _react2 = require("@testing-library/react");
+
+var _ArrowIcon = _interopRequireDefault(require("../ArrowIcon"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+describe('ArrowIcon', function () {
+  test('rendering the defult props', function () {
+    var _render = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_ArrowIcon["default"], null)),
+        asFragment = _render.asFragment;
+
+    expect(asFragment()).toMatchSnapshot();
+  });
+  test('Should be render with dataId', function () {
+    var _render2 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_ArrowIcon["default"], {
+      dataId: "ArrowIcon-test-dataId"
+    })),
+        asFragment = _render2.asFragment;
+
+    expect(asFragment()).toMatchSnapshot();
+  });
+  test('Should be render isRotated is true', function () {
+    var _render3 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_ArrowIcon["default"], {
+      isRotated: true
+    })),
+        asFragment = _render3.asFragment;
+
+    expect(asFragment()).toMatchSnapshot();
+  });
+  test('Should be render isActive is true', function () {
+    var _render4 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_ArrowIcon["default"], {
+      isActive: true
+    })),
+        asFragment = _render4.asFragment;
+
+    expect(asFragment()).toMatchSnapshot();
+  });
+  test('Should be render isDisabled is true', function () {
+    var _render5 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_ArrowIcon["default"], {
+      isDisabled: true
+    })),
+        asFragment = _render5.asFragment;
+
+    expect(asFragment()).toMatchSnapshot();
+  });
+  test('Should be render isReadOnly is true', function () {
+    var _render6 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_ArrowIcon["default"], {
+      isReadOnly: true
+    })),
+        asFragment = _render6.asFragment;
+
+    expect(asFragment()).toMatchSnapshot();
+  });
+  test('Should be render with customClass', function () {
+    var _render7 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_ArrowIcon["default"], {
+      customClass: {
+        iconClass: 'arrowIcon_iconClass',
+        containerClass: 'arrowIcon_containerClass'
+      }
+    })),
+        asFragment = _render7.asFragment;
+
+    expect(asFragment()).toMatchSnapshot();
+  });
+  test('Should be render with a11yAttributes', function () {
+    var _render8 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_ArrowIcon["default"], {
+      a11yAttributes: {
+        'data-a11y-focus': true
+      }
+    })),
+        asFragment = _render8.asFragment;
+
+    expect(asFragment()).toMatchSnapshot();
+  });
+  test('Should be render with tagAttributes', function () {
+    var _render9 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_ArrowIcon["default"], {
+      tagAttributes: {
+        title: 'hello here is title'
+      }
+    })),
+        asFragment = _render9.asFragment;
+
+    expect(asFragment()).toMatchSnapshot();
+  });
+  test('Should be render with customProps', function () {
+    var _render10 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_ArrowIcon["default"], {
+      customProps: {
+        testId: 'hereIsTestId'
+      }
+    })),
+        asFragment = _render10.asFragment;
+
+    expect(asFragment()).toMatchSnapshot();
+  });
+  test('Should be render with renderCustomToggleIndicator', function () {
+    var _render11 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_ArrowIcon["default"], {
+      renderCustomToggleIndicator: /*#__PURE__*/_react["default"].createElement("div", null, "Indicator")
+    })),
+        asFragment = _render11.asFragment;
+
+    expect(asFragment()).toMatchSnapshot();
+  });
+});

package/lib/shared/ArrowIcon/__tests__/__snapshots__/ArrowIcon.spec.js.snap

@@ -0,0 +1,221 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`ArrowIcon Should be render isActive is true 1`] = `
+<DocumentFragment>
+  <div
+    aria-hidden="true"
+    class="arrowIcon  active    inflex coldir both"
+    data-id="undefined_downIcon"
+    data-selector-id="container"
+    data-test-id="undefined_downIcon"
+  >
+    <i
+      aria-hidden="true"
+      class="zd_font_icons basic icon-down    "
+      data-id="fontIcon"
+      data-selector-id="fontIcon"
+      data-test-id="fontIcon"
+      style="--zd-iconfont-size: var(--zd_font_size7);"
+    />
+  </div>
+</DocumentFragment>
+`;
+
+exports[`ArrowIcon Should be render isDisabled is true 1`] = `
+<DocumentFragment>
+  <div
+    aria-hidden="true"
+    class="arrowIcon   disabled   inflex coldir both"
+    data-id="undefined_downIcon"
+    data-selector-id="container"
+    data-test-id="undefined_downIcon"
+  >
+    <i
+      aria-hidden="true"
+      class="zd_font_icons basic icon-down    "
+      data-id="fontIcon"
+      data-selector-id="fontIcon"
+      data-test-id="fontIcon"
+      style="--zd-iconfont-size: var(--zd_font_size7);"
+    />
+  </div>
+</DocumentFragment>
+`;
+
+exports[`ArrowIcon Should be render isReadOnly is true 1`] = `
+<DocumentFragment>
+  <div
+    aria-hidden="true"
+    class="arrowIcon    readonly  inflex coldir both"
+    data-id="undefined_downIcon"
+    data-selector-id="container"
+    data-test-id="undefined_downIcon"
+  >
+    <i
+      aria-hidden="true"
+      class="zd_font_icons basic icon-down    "
+      data-id="fontIcon"
+      data-selector-id="fontIcon"
+      data-test-id="fontIcon"
+      style="--zd-iconfont-size: var(--zd_font_size7);"
+    />
+  </div>
+</DocumentFragment>
+`;
+
+exports[`ArrowIcon Should be render isRotated is true 1`] = `
+<DocumentFragment>
+  <div
+    aria-hidden="true"
+    class="arrowIcon rotated     inflex coldir both"
+    data-id="undefined_downIcon"
+    data-selector-id="container"
+    data-test-id="undefined_downIcon"
+  >
+    <i
+      aria-hidden="true"
+      class="zd_font_icons basic icon-down    "
+      data-id="fontIcon"
+      data-selector-id="fontIcon"
+      data-test-id="fontIcon"
+      style="--zd-iconfont-size: var(--zd_font_size7);"
+    />
+  </div>
+</DocumentFragment>
+`;
+
+exports[`ArrowIcon Should be render with a11yAttributes 1`] = `
+<DocumentFragment>
+  <div
+    aria-hidden="true"
+    class="arrowIcon      inflex coldir both"
+    data-a11y-focus="true"
+    data-id="undefined_downIcon"
+    data-selector-id="container"
+    data-test-id="undefined_downIcon"
+  >
+    <i
+      aria-hidden="true"
+      class="zd_font_icons basic icon-down    "
+      data-id="fontIcon"
+      data-selector-id="fontIcon"
+      data-test-id="fontIcon"
+      style="--zd-iconfont-size: var(--zd_font_size7);"
+    />
+  </div>
+</DocumentFragment>
+`;
+
+exports[`ArrowIcon Should be render with customClass 1`] = `
+<DocumentFragment>
+  <div
+    aria-hidden="true"
+    class="arrowIcon     arrowIcon_containerClass inflex coldir both"
+    data-id="undefined_downIcon"
+    data-selector-id="container"
+    data-test-id="undefined_downIcon"
+  >
+    <i
+      aria-hidden="true"
+      class="zd_font_icons basic icon-down  arrowIcon_iconClass  "
+      data-id="fontIcon"
+      data-selector-id="fontIcon"
+      data-test-id="fontIcon"
+      style="--zd-iconfont-size: var(--zd_font_size7);"
+    />
+  </div>
+</DocumentFragment>
+`;
+
+exports[`ArrowIcon Should be render with customProps 1`] = `
+<DocumentFragment>
+  <div
+    aria-hidden="true"
+    class="arrowIcon      inflex coldir both"
+    data-id="undefined_downIcon"
+    data-selector-id="container"
+    data-test-id="hereIsTestId"
+  >
+    <i
+      aria-hidden="true"
+      class="zd_font_icons basic icon-down    "
+      data-id="fontIcon"
+      data-selector-id="fontIcon"
+      data-test-id="fontIcon"
+      style="--zd-iconfont-size: var(--zd_font_size7);"
+    />
+  </div>
+</DocumentFragment>
+`;
+
+exports[`ArrowIcon Should be render with dataId 1`] = `
+<DocumentFragment>
+  <div
+    aria-hidden="true"
+    class="arrowIcon      inflex coldir both"
+    data-id="ArrowIcon-test-dataId_downIcon"
+    data-selector-id="container"
+    data-test-id="ArrowIcon-test-dataId_downIcon"
+  >
+    <i
+      aria-hidden="true"
+      class="zd_font_icons basic icon-down    "
+      data-id="fontIcon"
+      data-selector-id="fontIcon"
+      data-test-id="fontIcon"
+      style="--zd-iconfont-size: var(--zd_font_size7);"
+    />
+  </div>
+</DocumentFragment>
+`;
+
+exports[`ArrowIcon Should be render with renderCustomToggleIndicator 1`] = `
+<DocumentFragment>
+  <div>
+    Indicator
+  </div>
+</DocumentFragment>
+`;
+
+exports[`ArrowIcon Should be render with tagAttributes 1`] = `
+<DocumentFragment>
+  <div
+    aria-hidden="true"
+    class="arrowIcon      inflex coldir both"
+    data-id="undefined_downIcon"
+    data-selector-id="container"
+    data-test-id="undefined_downIcon"
+    title="hello here is title"
+  >
+    <i
+      aria-hidden="true"
+      class="zd_font_icons basic icon-down    "
+      data-id="fontIcon"
+      data-selector-id="fontIcon"
+      data-test-id="fontIcon"
+      style="--zd-iconfont-size: var(--zd_font_size7);"
+    />
+  </div>
+</DocumentFragment>
+`;
+
+exports[`ArrowIcon rendering the defult props 1`] = `
+<DocumentFragment>
+  <div
+    aria-hidden="true"
+    class="arrowIcon      inflex coldir both"
+    data-id="undefined_downIcon"
+    data-selector-id="container"
+    data-test-id="undefined_downIcon"
+  >
+    <i
+      aria-hidden="true"
+      class="zd_font_icons basic icon-down    "
+      data-id="fontIcon"
+      data-selector-id="fontIcon"
+      data-test-id="fontIcon"
+      style="--zd-iconfont-size: var(--zd_font_size7);"
+    />
+  </div>
+</DocumentFragment>
+`;

package/lib/shared/ArrowIcon/props/defaultProps.js

@@ -0,0 +1,18 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _default = {
+  isRotated: false,
+  isDisabled: false,
+  isReadOnly: false,
+  iconSize: '7',
+  isActive: false,
+  customClass: {},
+  customProps: {},
+  tagAttributes: {},
+  a11yAttributes: {}
+};
+exports["default"] = _default;

package/lib/shared/ArrowIcon/props/propTypes.js

@@ -0,0 +1,28 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+var _default = {
+  dataId: _propTypes["default"].string,
+  isRotated: _propTypes["default"].bool,
+  customClass: _propTypes["default"].shape({
+    iconClass: _propTypes["default"].string,
+    containerClass: _propTypes["default"].string
+  }),
+  customProps: _propTypes["default"].object,
+  tagAttributes: _propTypes["default"].object,
+  a11yAttributes: _propTypes["default"].object,
+  renderCustomToggleIndicator: _propTypes["default"].oneOfType([_propTypes["default"].node, _propTypes["default"].func]),
+  isDisabled: _propTypes["default"].bool,
+  isReadOnly: _propTypes["default"].bool,
+  isActive: _propTypes["default"].bool,
+  iconSize: _propTypes["default"].string
+};
+exports["default"] = _default;