@zohodesk/dot 1.0.0-temp-157 → 1.0.0-temp-159

package/lib/IconButton/__tests__/IconButton.spec.js

@@ -0,0 +1,156 @@
+"use strict";
+
+var _react = _interopRequireDefault(require("react"));
+
+var _react2 = require("@testing-library/react");
+
+var _IconButton = _interopRequireDefault(require("../IconButton.js"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+describe('IconButton', function () {
+  test('rendering the defult props', function () {
+    var _render = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_IconButton["default"], null)),
+        asFragment = _render.asFragment;
+
+    expect(asFragment()).toMatchSnapshot();
+  });
+  var palette = ['primary', 'primaryFilled', 'default'];
+  test.each(palette)('rendering the palette of- %s', function (palette) {
+    var _render2 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_IconButton["default"], {
+      palette: palette
+    })),
+        asFragment = _render2.asFragment;
+
+    expect(asFragment()).toMatchSnapshot();
+  });
+  test.each(palette)('rendering the isActive true with palette of- %s', function (palette) {
+    var _render3 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_IconButton["default"], {
+      isActive: true,
+      palette: palette
+    })),
+        asFragment = _render3.asFragment;
+
+    expect(asFragment()).toMatchSnapshot();
+  });
+  var hoverType = ['default', 'border', 'bg'];
+  test.each(hoverType)('rendering the hovertypes- %s', function (hoverType) {
+    var _render4 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_IconButton["default"], {
+      hoverType: hoverType
+    })),
+        asFragment = _render4.asFragment;
+
+    expect(asFragment()).toMatchSnapshot();
+  });
+  test('rendering isNeedEffect is False', function () {
+    var _render5 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_IconButton["default"], {
+      isNeedEffect: false
+    })),
+        asFragment = _render5.asFragment;
+
+    expect(asFragment()).toMatchSnapshot();
+  });
+  test('rendering ally', function () {
+    var _render6 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_IconButton["default"], {
+      a11y: {
+        ariaLabel: 'ariaLabel',
+        ariaControls: 'ariaControls',
+        ariaLabelledby: 'ariaLabelledby',
+        ariaHaspopup: true,
+        ariaExpanded: true
+      }
+    })),
+        asFragment = _render6.asFragment;
+
+    expect(asFragment()).toMatchSnapshot();
+  });
+  test('rendering ally', function () {
+    var _render7 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_IconButton["default"], {
+      a11y: {
+        ariaHaspopup: false,
+        ariaExpanded: false
+      }
+    })),
+        asFragment = _render7.asFragment;
+
+    expect(asFragment()).toMatchSnapshot();
+  });
+  test('rendering needButtonTag', function () {
+    var _render8 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_IconButton["default"], {
+      needButtonTag: false
+    })),
+        asFragment = _render8.asFragment;
+
+    expect(asFragment()).toMatchSnapshot();
+  });
+  test('rendering tourId', function () {
+    var _render9 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_IconButton["default"], {
+      tourId: "tourId"
+    })),
+        asFragment = _render9.asFragment;
+
+    expect(asFragment()).toMatchSnapshot();
+  });
+  test('rendering in Icon', function () {
+    var _render10 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_IconButton["default"], {
+      iconName: "ZD-GN-infoStroke",
+      isBold: true,
+      iconSize: "13",
+      iconClass: "iconClass"
+    })),
+        asFragment = _render10.asFragment;
+
+    expect(asFragment()).toMatchSnapshot();
+  });
+  test('rendering in dataIsHtml is True', function () {
+    var _render11 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_IconButton["default"], {
+      dataIsHtml: true
+    })),
+        asFragment = _render11.asFragment;
+
+    expect(asFragment()).toMatchSnapshot();
+  });
+  test('rendering in isDisabled is True', function () {
+    var _render12 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_IconButton["default"], {
+      isDisabled: true
+    })),
+        asFragment = _render12.asFragment;
+
+    expect(asFragment()).toMatchSnapshot();
+  });
+  test('rendering in ClassName', function () {
+    var _render13 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_IconButton["default"], {
+      className: "IconButtonClass"
+    })),
+        asFragment = _render13.asFragment;
+
+    expect(asFragment()).toMatchSnapshot();
+  });
+  test('rendering in title', function () {
+    var _render14 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_IconButton["default"], {
+      title: "IconTitle"
+    })),
+        asFragment = _render14.asFragment;
+
+    expect(asFragment()).toMatchSnapshot();
+  });
+  test('eleRef prop is a function', function () {
+    // Create a mock function
+    var mockEleRef = jest.fn();
+
+    var _render15 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_IconButton["default"], {
+      eleRef: mockEleRef
+    })),
+        asFragment = _render15.asFragment;
+
+    expect(asFragment()).toMatchSnapshot();
+  });
+  test('Checking the "Children"', function () {
+    var _render16 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_IconButton["default"], {
+      customClass: "customClassButtonGroup"
+    }, /*#__PURE__*/_react["default"].createElement("span", null, "Element 1"), /*#__PURE__*/_react["default"].createElement("span", null, "Element 2"), /*#__PURE__*/_react["default"].createElement("span", null, "Element 3"))),
+        asFragment = _render16.asFragment;
+
+    expect(asFragment()).toMatchSnapshot();
+  });
+});

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

@@ -0,0 +1,316 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`IconButton Checking the "Children" 1`] = `
+<DocumentFragment>
+  <button
+    aria-pressed="false"
+    class="buttonReset wrapper  undefined effect default border defaultHover  hoverEffect  inflex coldir both"
+    data-id="iconContainer"
+    data-ishtml="false"
+    data-selector-id="iconButton"
+    data-test-id="iconContainer"
+  >
+    <span>
+      Element 1
+    </span>
+    <span>
+      Element 2
+    </span>
+    <span>
+      Element 3
+    </span>
+  </button>
+</DocumentFragment>
+`;
+
+exports[`IconButton eleRef prop is a function 1`] = `
+<DocumentFragment>
+  <button
+    aria-pressed="false"
+    class="buttonReset wrapper  undefined effect default border defaultHover  hoverEffect  inflex coldir both"
+    data-id="iconContainer"
+    data-ishtml="false"
+    data-selector-id="iconButton"
+    data-test-id="iconContainer"
+  />
+</DocumentFragment>
+`;
+
+exports[`IconButton rendering ally 1`] = `
+<DocumentFragment>
+  <button
+    aria-controls="ariaControls"
+    aria-expanded="true"
+    aria-haspopup="true"
+    aria-label="ariaLabel"
+    aria-labelledby="ariaLabelledby"
+    aria-pressed="false"
+    class="buttonReset wrapper  undefined effect default border defaultHover  hoverEffect  inflex coldir both"
+    data-id="iconContainer"
+    data-ishtml="false"
+    data-selector-id="iconButton"
+    data-test-id="iconContainer"
+  />
+</DocumentFragment>
+`;
+
+exports[`IconButton rendering ally 2`] = `
+<DocumentFragment>
+  <button
+    aria-expanded="false"
+    aria-haspopup="false"
+    aria-pressed="false"
+    class="buttonReset wrapper  undefined effect default border defaultHover  hoverEffect  inflex coldir both"
+    data-id="iconContainer"
+    data-ishtml="false"
+    data-selector-id="iconButton"
+    data-test-id="iconContainer"
+  />
+</DocumentFragment>
+`;
+
+exports[`IconButton rendering in ClassName 1`] = `
+<DocumentFragment>
+  <button
+    aria-pressed="false"
+    class="buttonReset wrapper IconButtonClass undefined effect default border defaultHover  hoverEffect  inflex coldir both"
+    data-id="iconContainer"
+    data-ishtml="false"
+    data-selector-id="iconButton"
+    data-test-id="iconContainer"
+  />
+</DocumentFragment>
+`;
+
+exports[`IconButton rendering in Icon 1`] = `
+<DocumentFragment>
+  <button
+    aria-pressed="false"
+    class="buttonReset wrapper  undefined effect default border defaultHover  hoverEffect  inflex coldir both"
+    data-id="iconContainer"
+    data-ishtml="false"
+    data-selector-id="iconButton"
+    data-test-id="iconContainer"
+  >
+    <i
+      aria-hidden="true"
+      class="zd_font_icons basic icon-infoStroke fbold iconClass  "
+      data-id="fontIcon"
+      data-selector-id="fontIcon"
+      data-test-id="fontIcon"
+      style="--zd-iconfont-size: var(--zd_font_size13);"
+    />
+  </button>
+</DocumentFragment>
+`;
+
+exports[`IconButton rendering in dataIsHtml is True 1`] = `
+<DocumentFragment>
+  <button
+    aria-pressed="false"
+    class="buttonReset wrapper  undefined effect default border defaultHover  hoverEffect  inflex coldir both"
+    data-id="iconContainer"
+    data-ishtml="true"
+    data-selector-id="iconButton"
+    data-test-id="iconContainer"
+  />
+</DocumentFragment>
+`;
+
+exports[`IconButton rendering in isDisabled is True 1`] = `
+<DocumentFragment>
+  <button
+    aria-pressed="false"
+    class="buttonReset wrapper  undefined effect default border defaultHover   disabled inflex coldir both"
+    data-id="iconContainer"
+    data-ishtml="false"
+    data-selector-id="iconButton"
+    data-test-id="iconContainer"
+    disabled=""
+  />
+</DocumentFragment>
+`;
+
+exports[`IconButton rendering in title 1`] = `
+<DocumentFragment>
+  <button
+    aria-pressed="false"
+    class="buttonReset wrapper  undefined effect default border defaultHover  hoverEffect  inflex coldir both"
+    data-id="iconContainer"
+    data-ishtml="false"
+    data-selector-id="iconButton"
+    data-test-id="iconContainer"
+    data-title="IconTitle"
+  />
+</DocumentFragment>
+`;
+
+exports[`IconButton rendering isNeedEffect is False 1`] = `
+<DocumentFragment>
+  <button
+    aria-pressed="false"
+    class="buttonReset wrapper  undefined  inflex coldir both"
+    data-id="iconContainer"
+    data-ishtml="false"
+    data-selector-id="iconButton"
+    data-test-id="iconContainer"
+  />
+</DocumentFragment>
+`;
+
+exports[`IconButton rendering needButtonTag 1`] = `
+<DocumentFragment>
+  <div
+    aria-pressed="false"
+    class="false wrapper  undefined effect default border defaultHover  hoverEffect  inflex coldir both"
+    data-id="iconContainer"
+    data-ishtml="false"
+    data-selector-id="iconButton"
+    data-test-id="iconContainer"
+  />
+</DocumentFragment>
+`;
+
+exports[`IconButton rendering the defult props 1`] = `
+<DocumentFragment>
+  <button
+    aria-pressed="false"
+    class="buttonReset wrapper  undefined effect default border defaultHover  hoverEffect  inflex coldir both"
+    data-id="iconContainer"
+    data-ishtml="false"
+    data-selector-id="iconButton"
+    data-test-id="iconContainer"
+  />
+</DocumentFragment>
+`;
+
+exports[`IconButton rendering the hovertypes- bg 1`] = `
+<DocumentFragment>
+  <button
+    aria-pressed="false"
+    class="buttonReset wrapper  undefined effect default border bgHover  hoverEffect  inflex coldir both"
+    data-id="iconContainer"
+    data-ishtml="false"
+    data-selector-id="iconButton"
+    data-test-id="iconContainer"
+  />
+</DocumentFragment>
+`;
+
+exports[`IconButton rendering the hovertypes- border 1`] = `
+<DocumentFragment>
+  <button
+    aria-pressed="false"
+    class="buttonReset wrapper  undefined effect default border borderHover  hoverEffect  inflex coldir both"
+    data-id="iconContainer"
+    data-ishtml="false"
+    data-selector-id="iconButton"
+    data-test-id="iconContainer"
+  />
+</DocumentFragment>
+`;
+
+exports[`IconButton rendering the hovertypes- default 1`] = `
+<DocumentFragment>
+  <button
+    aria-pressed="false"
+    class="buttonReset wrapper  undefined effect default border defaultHover  hoverEffect  inflex coldir both"
+    data-id="iconContainer"
+    data-ishtml="false"
+    data-selector-id="iconButton"
+    data-test-id="iconContainer"
+  />
+</DocumentFragment>
+`;
+
+exports[`IconButton rendering the isActive true with palette of- default 1`] = `
+<DocumentFragment>
+  <button
+    aria-pressed="false"
+    class="buttonReset wrapper  undefined effect default border defaultHover active hoverEffect  inflex coldir both"
+    data-id="iconContainer"
+    data-ishtml="false"
+    data-selector-id="iconButton"
+    data-test-id="iconContainer"
+  />
+</DocumentFragment>
+`;
+
+exports[`IconButton rendering the isActive true with palette of- primary 1`] = `
+<DocumentFragment>
+  <button
+    aria-pressed="false"
+    class="buttonReset wrapper  primary_active effect primary border defaultHover active hoverEffect  inflex coldir both"
+    data-id="iconContainer"
+    data-ishtml="false"
+    data-selector-id="iconButton"
+    data-test-id="iconContainer"
+  />
+</DocumentFragment>
+`;
+
+exports[`IconButton rendering the isActive true with palette of- primaryFilled 1`] = `
+<DocumentFragment>
+  <button
+    aria-pressed="false"
+    class="buttonReset wrapper  primaryFilled_active effect primaryFilled border defaultHover active hoverEffect  inflex coldir both"
+    data-id="iconContainer"
+    data-ishtml="false"
+    data-selector-id="iconButton"
+    data-test-id="iconContainer"
+  />
+</DocumentFragment>
+`;
+
+exports[`IconButton rendering the palette of- default 1`] = `
+<DocumentFragment>
+  <button
+    aria-pressed="false"
+    class="buttonReset wrapper  undefined effect default border defaultHover  hoverEffect  inflex coldir both"
+    data-id="iconContainer"
+    data-ishtml="false"
+    data-selector-id="iconButton"
+    data-test-id="iconContainer"
+  />
+</DocumentFragment>
+`;
+
+exports[`IconButton rendering the palette of- primary 1`] = `
+<DocumentFragment>
+  <button
+    aria-pressed="false"
+    class="buttonReset wrapper  primary effect primary border defaultHover  hoverEffect  inflex coldir both"
+    data-id="iconContainer"
+    data-ishtml="false"
+    data-selector-id="iconButton"
+    data-test-id="iconContainer"
+  />
+</DocumentFragment>
+`;
+
+exports[`IconButton rendering the palette of- primaryFilled 1`] = `
+<DocumentFragment>
+  <button
+    aria-pressed="false"
+    class="buttonReset wrapper  primaryFilled effect primaryFilled border defaultHover  hoverEffect  inflex coldir both"
+    data-id="iconContainer"
+    data-ishtml="false"
+    data-selector-id="iconButton"
+    data-test-id="iconContainer"
+  />
+</DocumentFragment>
+`;
+
+exports[`IconButton rendering tourId 1`] = `
+<DocumentFragment>
+  <button
+    aria-pressed="false"
+    class="buttonReset wrapper  undefined effect default border defaultHover  hoverEffect  inflex coldir both"
+    data-id="iconContainer"
+    data-ishtml="false"
+    data-selector-id="iconButton"
+    data-test-id="iconContainer"
+    data-tour="tourId"
+  />
+</DocumentFragment>
+`;

package/lib/Link/props/propTypes.js

@@ -20,6 +20,10 @@ var propTypes = {
   title: _propTypes["default"].string,
   urlData: _propTypes["default"].object,
   urlName: _propTypes["default"].string,
-  customProps: _propTypes["default"].object
+  customProps: _propTypes["default"].object,
+  onClick: _propTypes["default"].func,
+  download: _propTypes["default"].bool,
+  ariaLabel: _propTypes["default"].string,
+  key: _propTypes["default"].string
 };
 exports.propTypes = propTypes;

package/lib/Message/Message.js

@@ -159,8 +159,12 @@ function MessageUI(props) {
   }))));
 }
 
+MessageUI.propTypes = _propTypes.MessageUI_propTypes;
+
 function MessageNew(props) {
   return /*#__PURE__*/_react["default"].createElement(_AutoClose["default"], _extends({}, props, {
     Element: MessageUI
   }));
-}
+}
+
+MessageNew.propTypes = _propTypes.MessageNew_propTypes;

package/lib/Message/props/propTypes.js

@@ -3,22 +3,39 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.propTypes = void 0;
+exports.propTypes = exports.MessageUI_propTypes = exports.MessageNew_propTypes = void 0;
 
 var _propTypes = _interopRequireDefault(require("prop-types"));
 
+var _propTypes2 = require("../../actions/props/propTypes");
+
 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; }
+
 var propTypes = {
-  dataId: _propTypes["default"].string,
   hideMessage: _propTypes["default"].func,
+  showMessage: _propTypes["default"].bool,
+  type: _propTypes["default"].oneOf(['success', 'alert', 'info'])
+};
+exports.propTypes = propTypes;
+var MessageUI_propTypes = {
   message: _propTypes["default"].string,
   onClick: _propTypes["default"].func,
-  showMessage: _propTypes["default"].bool,
+  onClose: _propTypes["default"].func,
   dataSelectorId: _propTypes["default"].string,
-  type: _propTypes["default"].oneOf(['success', 'alert', 'info']),
   i18nKeys: _propTypes["default"].shape({
     closeTitle: _propTypes["default"].string
-  })
+  }),
+  hideMessage: _propTypes["default"].func,
+  type: _propTypes["default"].oneOf(['success', 'alert', 'info'])
 };
-exports.propTypes = propTypes;
+exports.MessageUI_propTypes = MessageUI_propTypes;
+
+var MessageNew_propTypes = _objectSpread({}, _propTypes2.propTypes);
+
+exports.MessageNew_propTypes = MessageNew_propTypes;

package/lib/Separator/props/propTypes.js

@@ -16,7 +16,7 @@ var propTypes = {
   shrink: _propTypes["default"].bool,
   type: _propTypes["default"].oneOf(['dot', 'slash', 'arrow', 'comma', 'none']),
   wrap: _propTypes["default"].bool,
-  customClass: _propTypes["default"].obj,
+  customClass: _propTypes["default"].object,
   customSeparatorType: _propTypes["default"].string
 };
 exports.propTypes = propTypes;

package/lib/TagWithIcon/props/propTypes.js

@@ -16,8 +16,9 @@ var propTypes = {
   title: _propTypes["default"].string,
   isBold: _propTypes["default"].bool,
   palette: _propTypes["default"].oneOf(['yellow', 'blue', 'grey']),
-  size: _propTypes["default"].oneOf('small', 'large'),
+  size: _propTypes["default"].oneOf(['small', 'large']),
   className: _propTypes["default"].string,
-  text: _propTypes["default"].string
+  text: _propTypes["default"].string,
+  dataId: _propTypes["default"].string
 };
 exports.propTypes = propTypes;

package/lib/ToastMessage/props/propTypes.js

@@ -18,12 +18,10 @@ var propTypes = {
   getInnerBottomContainer: _propTypes["default"].func,
   getLeftContainer: _propTypes["default"].func,
   getSubmitContainer: _propTypes["default"].func,
-  hidePopNotification: _propTypes["default"].func,
   hideTime: _propTypes["default"].string,
   iconName: _propTypes["default"].string,
   iconPalette: _propTypes["default"].oneOf(['successFill', 'dangerFill', 'dangerShadow', 'successPlain', 'dangerPlain', 'primaryPlain']),
   iconSize: _propTypes["default"].string,
-  id: _propTypes["default"].string,
   info: _propTypes["default"].string,
   isAnimate: _propTypes["default"].bool,
   isClose: _propTypes["default"].bool,
@@ -45,6 +43,9 @@ var propTypes = {
     ariaAtomic: _propTypes["default"].bool,
     ariaDescribedby: _propTypes["default"].string,
     ariaLabelledby: _propTypes["default"].string
-  })
+  }),
+  Element: _propTypes["default"].element,
+  onPortalClose: _propTypes["default"].func,
+  onClose: _propTypes["default"].func
 };
 exports.propTypes = propTypes;

package/lib/actions/props/propTypes.js

@@ -13,6 +13,7 @@ var propTypes = {
   Element: _propTypes["default"].element,
   autoClose: _propTypes["default"].bool,
   hideTime: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].number]),
-  onPortalClose: _propTypes["default"].func
+  onPortalClose: _propTypes["default"].func,
+  isClose: _propTypes["default"].bool
 };
 exports.propTypes = propTypes;

package/lib/alert/AlertLookup/props/propTypes.js

@@ -21,7 +21,6 @@ var propTypes = {
   iconName: _propTypes["default"].string,
   iconSize: _propTypes["default"].string,
   isActive: _propTypes["default"].bool,
-  isDefaultFocus: _propTypes["default"].bool,
   message: _propTypes["default"].node,
   needIcon: _propTypes["default"].bool,
   onCancelClick: _propTypes["default"].func,

package/lib/avatar/AvatarThread/props/propTypes.js

@@ -10,7 +10,7 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
 var propTypes = {
-  borderPalette: _propTypes["default"].oneOfType(['primary', 'success', 'danger', 'default', 'orange']),
+  borderPalette: _propTypes["default"].oneOf(['primary', 'success', 'danger', 'default', 'orange']),
   customTextClass: _propTypes["default"].string,
   dataId: _propTypes["default"].string,
   iconColor: _propTypes["default"].string,

package/lib/deprecated/SelectDropdown/SelectDropdown.js

@@ -193,13 +193,9 @@ SelectDropdown.propTypes = {
     valueKey: _propTypes["default"].string,
     options: _propTypes["default"].array
   }),
-  title: _propTypes["default"].string
-}; // if (__DOCS__) {
-//   SelectDropdown.docs = {
-//     componentGroup: 'Header',
-//     folderName: 'Setup'
-//   };
-// }
+  title: _propTypes["default"].string,
+  togglePopup: _propTypes["default"].func
+};
 
 var _default = (0, _Popup["default"])(SelectDropdown);
 

package/lib/dropdown/ToggleDropDown/ToggleDropDown.js

@@ -921,12 +921,14 @@ var ToggleDropDown = /*#__PURE__*/function (_Component) {
 
 exports.ToggleDropDown = ToggleDropDown;
 ToggleDropDown.defaultProps = _defaultProps.defaultProps;
-ToggleDropDown.propTypes = _propTypes.propTypes; // if (__DOCS__) {
+ToggleDropDown.propTypes = _propTypes.propTypes;
+var ToggleDropDown_Component = (0, _Popup["default"])(ToggleDropDown);
+ToggleDropDown_Component.defaultProps = ToggleDropDown.defaultProps;
+ToggleDropDown_Component.propTypes = ToggleDropDown.propTypes; // if (__DOCS__) {
 //   ToggleDropDown.docs = {
 //     componentGroup: 'Molecule'
 //   };
 // }
 
-var _default = (0, _Popup["default"])(ToggleDropDown);
-
+var _default = ToggleDropDown_Component;
 exports["default"] = _default;

package/lib/dropdown/ToggleDropDown/props/propTypes.js

@@ -82,6 +82,9 @@ var propTypes = {
   customClass: _propTypes["default"].shape({
     customDropBox: _propTypes["default"].string,
     customListBox: _propTypes["default"].string
-  })
+  }),
+  onSelectLabel: _propTypes["default"].func,
+  from: _propTypes["default"].string,
+  top: _propTypes["default"].number
 };
 exports.propTypes = propTypes;