Released 1.1.0-6

innovaccer · Aug 27, 2020 · a389fb2 · a389fb2
1 parent ae65f36
commit a389fb2
Show file tree

Hide file tree

Showing 10 changed files with 113 additions and 603 deletions.
diff --git a/CHANGELOG.md b/CHANGELOG.md
diff --git a/css/dist/index.css b/css/dist/index.css
diff --git a/css/dist/index.css.map b/css/dist/index.css.map
diff --git a/dist/.lib/tsconfig.type.tsbuildinfo b/dist/.lib/tsconfig.type.tsbuildinfo
@@ -162,8 +162,8 @@
         "affectsGlobalScope": false
       },
       "../../node_modules/@types/react/index.d.ts": {
-        "version": "1dd4a441ede7519b77c090cacc312e857dfac7483e2a4c08740c9758ce33faa9",
-        "signature": "1dd4a441ede7519b77c090cacc312e857dfac7483e2a4c08740c9758ce33faa9",
+        "version": "0290ce481d9430774f1d41e757d087e9324b497e1ee0a9e908cf57a9f8bc6e0d",
+        "signature": "0290ce481d9430774f1d41e757d087e9324b497e1ee0a9e908cf57a9f8bc6e0d",
         "affectsGlobalScope": true
       },
       "../../node_modules/@types/classnames/types.d.ts": {
@@ -337,8 +337,8 @@
         "affectsGlobalScope": false
       },
       "../../core/components/atoms/dropdown/DropdownButton.tsx": {
-        "version": "c6cce4568a41e29b6b5c1a5218b628988f7dc2ecb91990769a65d9e97d1df810",
-        "signature": "28cc976f43b226cfdffaf2846c87c1c9a5471ea7747b6b9451136e2c45d90120",
+        "version": "43a76de44d7be672f1a0a35034b6bb6a38bb8604fefe989730f91ea099c5b8b8",
+        "signature": "66f00d38a576afebdd991a6b0ca52504b5634a2cfa6d8f1031c95a5439988323",
         "affectsGlobalScope": false
       },
       "../../core/components/atoms/spinner/Spinner.tsx": {
@@ -932,7 +932,7 @@
         "affectsGlobalScope": false
       },
       "../../core/components/organisms/grid/Grid.tsx": {
-        "version": "ccfb0a9d39c670a112e71e151acc0b1b44bf6bf25eb94f4be4c485a3c687238c",
+        "version": "f6496afc1458b37304a43e03eea7dcdd433074cb3655081676260df1006dac20",
         "signature": "f91be26491685bbff614edbc6838cceec91f45774ff68d9f702f7e9d2ff6fb06",
         "affectsGlobalScope": false
       },
@@ -947,7 +947,7 @@
         "affectsGlobalScope": false
       },
       "../../core/components/organisms/table/Table.tsx": {
-        "version": "e7c308a4f8145b44cf0905700198fe78db3411da64943f8264535c23fc5022ae",
+        "version": "fb2f39612288195029d9f942db5e6c5e7509b71ffa63363750d6eaaf3db3a8a3",
         "signature": "9c7a3d7e8e21ac2ebef44e70eb713646144b89132d5332e591b7b5d344517f33",
         "affectsGlobalScope": false
       },
@@ -1007,12 +1007,12 @@
         "affectsGlobalScope": false
       },
       "../../core/components/atoms/dropdown/DropdownList.tsx": {
-        "version": "a117df034bb707fba17bb41dd7748e3921042af3dd5cc26a1f86923fb18196b0",
-        "signature": "e0c32dd2340a83a41146a35eb9a5e59f46bf042162246fbc252c0ae4fca0a50d",
+        "version": "66e1d8e0a24b08f69c034780c055be895600f826c56bb8428a32287d0f6de6a8",
+        "signature": "5bcd9927dfa85393e2247bfb0eb7d7f43ca52828c7997e446e3ec67a60a4d7fa",
         "affectsGlobalScope": false
       },
       "../../core/components/atoms/dropdown/Dropdown.tsx": {
-        "version": "2e9da4bd494206ea7b993c6d7cd709f17f50f5a2e8bc696381a31bf600a1ba5d",
+        "version": "a60b4a6bd43a4e894e2c5d5d2c53b9bec3b69a5c5e000a69de412e4184f53b07",
         "signature": "916f99d47c53248c71fe0f41d8007d6dc88a0214e9e508efc7d197e78ca7d163",
         "affectsGlobalScope": false
       },
@@ -1422,8 +1422,8 @@
         "affectsGlobalScope": true
       },
       "../../node_modules/@types/node/async_hooks.d.ts": {
-        "version": "4ed9f71ddbb5753771ee391f64297078a88f7dfd1480646dcf08c31395778682",
-        "signature": "4ed9f71ddbb5753771ee391f64297078a88f7dfd1480646dcf08c31395778682",
+        "version": "93a45c42b3b0d24b09a0303b987407e22e13adab7d2e49f3bd7332ca30afcf82",
+        "signature": "93a45c42b3b0d24b09a0303b987407e22e13adab7d2e49f3bd7332ca30afcf82",
         "affectsGlobalScope": false
       },
       "../../node_modules/@types/node/buffer.d.ts": {

diff --git a/dist/core/components/atoms/dropdown/DropdownButton.d.ts b/dist/core/components/atoms/dropdown/DropdownButton.d.ts
@@ -8,7 +8,6 @@ export interface TriggerProps {
     disabled?: boolean;
     menu?: boolean;
     error?: boolean;
-    maxWidth?: number;
 }
 export interface DropdownButtonProps extends TriggerProps {
     children?: React.ReactText;

diff --git a/dist/core/components/atoms/dropdown/DropdownList.d.ts b/dist/core/components/atoms/dropdown/DropdownList.d.ts
@@ -27,6 +27,8 @@ export interface DropdownListProps extends ListProps {
     totalOptions?: number;
     maxHeight?: number;
     width?: number;
+    maxWidth?: number;
+    minWidth?: number;
     loadersCount?: number;
 }
 interface OptionsProps extends DropdownListProps, BaseProps {

diff --git a/dist/index.esm.js b/dist/index.esm.js
@@ -1,8 +1,8 @@
 
   /**
-   * Generated on: 1598368792860 
+   * Generated on: 1598535829293 
    *      Package: @innovaccer/design-system
-   *      Version: v1.1.0-5
+   *      Version: v1.1.0-6
    *      License: MIT
    *         Docs: https://innovaccer.github.io/design-system
    */
@@ -1067,29 +1067,25 @@ var DropdownButton = /*#__PURE__*/forwardRef(function (props, ref) {
       _props$menu = props.menu,
       menu = _props$menu === void 0 ? false : _props$menu,
       children = props.children,
-      maxWidth = props.maxWidth,
       icon = props.icon,
       disabled = props.disabled,
       inlineLabel = props.inlineLabel,
       error = props.error,
-      rest = _objectWithoutProperties(props, ["triggerSize", "placeholder", "menu", "children", "maxWidth", "icon", "disabled", "inlineLabel", "error"]);
+      rest = _objectWithoutProperties(props, ["triggerSize", "placeholder", "menu", "children", "icon", "disabled", "inlineLabel", "error"]);
 
   var buttonDisabled = disabled ? 'disabled' : 'default';
   var trimmedPlaceholder = placeholder.trim();
   var value = children ? children : trimmedPlaceholder ? trimmedPlaceholder : 'Select';
   var iconName = !menu ? 'keyboard_arrow_down' : icon ? icon : 'more_horiz';
   var label = inlineLabel && inlineLabel.trim();
-  var buttonClass = classNames((_classNames = {}, _defineProperty(_classNames, 'Button', true), _defineProperty(_classNames, 'Button--basic', true), _defineProperty(_classNames, 'Button--square', !children), _defineProperty(_classNames, 'DropdownTrigger', true), _defineProperty(_classNames, 'DropdownButton', true), _defineProperty(_classNames, "DropdownButton--".concat(triggerSize), triggerSize), _defineProperty(_classNames, 'DropdownButton--icon', icon), _defineProperty(_classNames, 'DropdownButton--moreIcon', menu), _defineProperty(_classNames, 'DropdownButton--placeholder', !children && !menu), _defineProperty(_classNames, 'DropdownButton--label', label), _defineProperty(_classNames, 'DropdownButton--error', error), _classNames));
+  var buttonClass = classNames((_classNames = {}, _defineProperty(_classNames, 'Button', true), _defineProperty(_classNames, 'Button--basic', true), _defineProperty(_classNames, 'Button--square', menu), _defineProperty(_classNames, 'DropdownTrigger', true), _defineProperty(_classNames, 'DropdownButton', true), _defineProperty(_classNames, "DropdownButton--".concat(triggerSize), triggerSize), _defineProperty(_classNames, 'DropdownButton--icon', icon), _defineProperty(_classNames, 'DropdownButton--placeholder', !children && !menu), _defineProperty(_classNames, 'DropdownButton--label', label), _defineProperty(_classNames, 'DropdownButton--error', error), _classNames));
   var labelClass = classNames(_defineProperty({}, 'DropdownButton-label', true));
   return /*#__PURE__*/createElement("button", _extends({
     ref: ref,
     type: "button",
     value: children,
     className: buttonClass,
     disabled: disabled,
-    style: {
-      maxWidth: maxWidth ? maxWidth : '100%'
-    },
     tabIndex: 0
   }, rest), !menu && /*#__PURE__*/createElement("div", {
     className: "DropdownButton-wrapper"
@@ -1788,7 +1784,6 @@ var DropdownList = function DropdownList(props) {
       dropdownOpen = props.dropdownOpen,
       menu = props.menu,
       searchTerm = props.searchTerm,
-      maxWidth = props.maxWidth,
       showApplyButton = props.showApplyButton,
       withCheckbox = props.withCheckbox,
       withSearch = props.withSearch,
@@ -1815,15 +1810,18 @@ var DropdownList = function DropdownList(props) {
       cursor = _React$useState4[0],
       setCursor = _React$useState4[1];
 
-  var width = props.width ? props.width : menu || customTrigger ? 'fit-content' : '100%';
   useEffect$2(function () {
     if (dropdownOpen) {
-      var _dropdownElement$pare;
+      var _triggerRef$current;
 
-      var dropdownElement = triggerRef.current;
-      var popoverWidth = props.width ? props.width : "".concat(dropdownElement === null || dropdownElement === void 0 ? void 0 : (_dropdownElement$pare = dropdownElement.parentElement) === null || _dropdownElement$pare === void 0 ? void 0 : _dropdownElement$pare.clientWidth, "px");
+      var width = props.width,
+          minWidth = props.minWidth,
+          maxWidth = props.maxWidth;
+      var popperWidth = (_triggerRef$current = triggerRef.current) === null || _triggerRef$current === void 0 ? void 0 : _triggerRef$current.clientWidth;
+      var popperMinWidth = showApplyButton ? 176 : menu ? 128 : popperWidth;
       var popperWrapperStyle = {
-        width: menu || customTrigger ? popoverWidth : "".concat(dropdownElement === null || dropdownElement === void 0 ? void 0 : dropdownElement.clientWidth, "px"),
+        width: width ? width : popperWidth,
+        minWidth: minWidth ? minWidth : popperMinWidth,
         maxWidth: maxWidth ? maxWidth : '100%'
       };
       setPopoverStyle(popperWrapperStyle);
@@ -1849,7 +1847,6 @@ var DropdownList = function DropdownList(props) {
     icon: icon,
     disabled: disabled,
     inlineLabel: inlineLabel,
-    maxWidth: maxWidth,
     menu: menu,
     error: error,
     ref: dropdownTriggerRef
@@ -2165,14 +2162,11 @@ var DropdownList = function DropdownList(props) {
   return /*#__PURE__*/createElement("div", _extends({}, baseProps, {
     className: dropdownClass,
     ref: triggerRef,
-    style: {
-      width: width
-    },
     onKeyDown: onkeydown
   }), /*#__PURE__*/createElement(Popover, {
     onToggle: onToggleDropdown,
     trigger: trigger,
-    triggerClass: "w-100",
+    triggerClass: !menu ? 'w-100' : '',
     open: dropdownOpen,
     customStyle: popoverStyle,
     position: alignmentMapping[align],
@@ -2191,6 +2185,12 @@ var bulk = 50;
  *  - sync: options, loading
  * 2. Sync Dropdown:
  *  - Manually toggle loading state to update options (Options <= 50).
+ * 3. Callback Functions
+ *  - Controlled Dropdown:
+ *    * onUpdate: Called when user `clicks on option` / `clicks on Clear, Cancel or Apply button`.
+ *    * onChange: Called when selected options are updated.
+ *  - Uncontrolled Dropdown:
+ *    * onChange: Called when user `clicks on option` / `clicks on Clear, or Apply button`.
  */
 
 var Dropdown = /*#__PURE__*/function (_React$Component) {
@@ -8012,7 +8012,7 @@ _defineProperty(Grid, "defaultProps", {
   schema: [],
   data: [],
   type: 'data',
-  size: 'comfortable',
+  size: 'standard',
   page: 1,
   pageSize: 0,
   loading: false,
@@ -8228,7 +8228,7 @@ Header.defaultProps = {
 
 var defaultProps$1 = {
   type: 'data',
-  size: 'comfortable',
+  size: 'standard',
   showHead: true,
   showMenu: true,
   multipleSorting: true,
@@ -8550,7 +8550,7 @@ var Table = /*#__PURE__*/function (_React$Component) {
         loaderSchema: loaderSchema,
         errorTemplate: errorTemplate,
         onRowClick: onRowClick
-      }))), withPagination && /*#__PURE__*/createElement("div", {
+      }))), withPagination && totalPages > 1 && /*#__PURE__*/createElement("div", {
         className: "Table-pagination"
       }, /*#__PURE__*/createElement(Pagination, {
         page: this.state.page,