@innovaccer/design-system 2.33.0 → 2.34.0

package/CHANGELOG.md

@@ -1,3 +1,41 @@
+## 2.34.0 (2024-05-16)
+
+### Highlights
+
+- feat(gatsby): migration from v3 to v5 (3a26576d)
+- feat(select): add support for relative width for trigger (f74c8951)
+
+### Breaking changes
+
+NA
+
+### Migration guide
+
+NA
+
+### Deprecations
+
+NA
+
+### Features
+
+- feat(gatsby): migration from v3 to v5 (3a26576d)
+- feat(select): add support for relative width for trigger (f74c8951)
+
+### Fixes
+
+- fix(select): update argument type of onchange prop for search input (ae61b0e0)
+
+### Improvements
+
+NA
+
+### Documentation
+
+NA
+
+---
+
 ## 2.33.0 (2024-05-14)
 
 ### Highlights

package/dist/.lib/tsconfig.type.tsbuildinfo

@@ -1842,8 +1842,8 @@
         "affectsGlobalScope": false
       },
       "../../core/components/organisms/select/SelectContext.tsx": {
-        "version": "f16ffd42f147f244a4ab43b194d660e9fff84110bf1ff0e33ee8cf1fa5a5bf66",
-        "signature": "5679cd420a0ab42f0ba52e146d247d5462e69425b67b688f3510d44fd2615621",
+        "version": "dce3c3ea2ca3e52a586700e32e56d66aa2a0b712e068159a54c9e11aaa9c5efc",
+        "signature": "ca6b294a5ccdce1aeda724341532c6950e85b2f99405ce32885babe2e75ed5cb",
         "affectsGlobalScope": false
       },
       "../../core/components/organisms/select/SelectList.tsx": {
@@ -1862,13 +1862,13 @@
         "affectsGlobalScope": false
       },
       "../../core/components/organisms/select/SelectTrigger.tsx": {
-        "version": "cc506991c8b89b521a6015b9ffe07e2d6a740326f91a3db4dc16ce0a8eea983b",
+        "version": "d7be3231dd47a8b5f67559bc8dadeafcf27fb3b38b259662403bb2f732bb1242",
         "signature": "342e41566380c2b501da61c4a9eb07c72385c14f64bb177d4d5744e1e6217919",
         "affectsGlobalScope": false
       },
       "../../core/components/organisms/select/SearchInput.tsx": {
-        "version": "988f8843cfa29d4d785f3379c11506ef28d1c9c204db65e6b8b02eb2b834904d",
-        "signature": "c6850a1c6e3379acf977bad00bca2372320fa6b027ffd24eae857d2a6c31cc98",
+        "version": "750dcfebc2901103fc62d287f3b34b2b0a2082215d3dd4a90613f588f23b66ce",
+        "signature": "882194d8695e6a44baf52f08ea016ab11c16608f2db8ad8c66e4262a3d5a909c",
         "affectsGlobalScope": false
       },
       "../../core/components/organisms/select/SelectEmptyTemplate.tsx": {
@@ -1882,8 +1882,8 @@
         "affectsGlobalScope": false
       },
       "../../core/components/organisms/select/Select.tsx": {
-        "version": "b49d342189f82080e89ce6ebcba12818a1a1d7fef358a044bb17ad672aae5fda",
-        "signature": "7bc3fc60e1b8d3eef4ad6f448e1771a2013c95ba8bdaa55481bb17a14260a8e5",
+        "version": "3be13bfb478cf3779423a730c6f56d816b0e279e48f3cc0c4cd1c16dc4a09aeb",
+        "signature": "7c4b8e05fda14918072776e80e8beeba13c0f4bd91b9072bc72f96cce85c020a",
         "affectsGlobalScope": false
       },
       "../../core/components/organisms/select/index.tsx": {
@@ -7283,6 +7283,7 @@
         "../../core/components/organisms/select/SelectTrigger.tsx",
         "../../core/components/organisms/select/utils.tsx",
         "../../core/index.tsx",
+        "../../core/index.type.tsx",
         "../../core/utils/types.tsx",
         "../../node_modules/@types/node/util.d.ts",
         "../../node_modules/@types/react/index.d.ts"

package/dist/core/components/organisms/select/SearchInput.d.ts

@@ -1,8 +1,8 @@
 import * as React from 'react';
 import { InputProps } from "../../../index.type";
-export interface SelectInputProps extends InputProps {
+export interface SelectInputProps extends Omit<InputProps, 'onChange'> {
     onClear?: (e: React.MouseEvent<HTMLElement> | React.KeyboardEvent<HTMLElement>) => void;
-    onChange?: (e: React.ChangeEvent<HTMLInputElement>) => void;
+    onChange?: (value?: string) => void;
 }
 export declare const SearchInput: (props: SelectInputProps) => JSX.Element;
 export default SearchInput;

package/dist/core/components/organisms/select/Select.d.ts

@@ -11,7 +11,7 @@ export interface SelectProps extends BaseProps {
     multiSelect?: boolean;
     onSelect: (option?: OptionType | OptionType[]) => void;
     children?: React.ReactNode;
-    width?: number;
+    width?: number | string;
     popoverWidth?: number;
     maxHeight?: number;
     minHeight?: number;

package/dist/core/components/organisms/select/SelectContext.d.ts

@@ -10,7 +10,7 @@ export declare type ContextProps = {
     onOptionClick?: (option: OptionType | OptionType[]) => void;
     maxHeight?: number;
     minHeight?: number;
-    width?: number;
+    width?: number | string;
     withSearch?: boolean;
     setWithSearch?: React.Dispatch<React.SetStateAction<boolean>>;
     multiSelect?: boolean;

package/dist/index.esm.js

@@ -1,8 +1,8 @@
 
   /**
-   * Generated on: 1715707009997 
+   * Generated on: 1715851595101 
    *      Package: @innovaccer/design-system
-   *      Version: v2.33.0
+   *      Version: v2.34.0
    *      License: MIT
    *         Docs: https://innovaccer.github.io/design-system
    */
@@ -25761,8 +25761,7 @@ var SelectTrigger = function SelectTrigger(props) {
       setOpenPopover = contextProp.setOpenPopover,
       setHighlightFirstItem = contextProp.setHighlightFirstItem,
       setHighlightLastItem = contextProp.setHighlightLastItem,
-      triggerRef = contextProp.triggerRef,
-      width = contextProp.width;
+      triggerRef = contextProp.triggerRef;
   var buttonDisabled = disabled ? 'disabled' : 'default';
   var trimmedPlaceholder = placeholder === null || placeholder === void 0 ? void 0 : placeholder.trim();
   var displayValue = computeValue(multiSelect, selectValue, setLabel);
@@ -25789,7 +25788,9 @@ var SelectTrigger = function SelectTrigger(props) {
     showOnTruncation: true,
     showTooltip: !openPopover,
     tooltip: value,
-    elementRef: elementRef
+    elementRef: elementRef,
+    className: "w-100",
+    triggerClass: "w-100"
   }, /*#__PURE__*/React.createElement("button", _extends$2({
     ref: triggerRef,
     onKeyDown: function onKeyDown(event) {
@@ -25798,9 +25799,6 @@ var SelectTrigger = function SelectTrigger(props) {
     type: "button",
     className: buttonClass,
     disabled: disabled,
-    style: {
-      maxWidth: width
-    },
     tabIndex: 0,
     "aria-haspopup": "listbox",
     "aria-expanded": openPopover,
@@ -25991,12 +25989,28 @@ var Select = /*#__PURE__*/React.forwardRef(function (props, ref) {
       highlightLastItem = _React$useState14[0],
       setHighlightLastItem = _React$useState14[1];
 
+  var _React$useState15 = React.useState({
+    width: popoverWidth || width
+  }),
+      _React$useState16 = _slicedToArray(_React$useState15, 2),
+      popoverStyle = _React$useState16[0],
+      setPopoverStyle = _React$useState16[1];
+
   var triggerStyle = {
     width: width
   };
-  var popoverStyle = {
-    width: popoverWidth ? popoverWidth : width
-  };
+  React.useEffect(function () {
+    var _triggerRef$current;
+
+    // if popover width is not provided explicitly, apply the trigger width to popover width
+    if (!popoverWidth && (_triggerRef$current = triggerRef.current) !== null && _triggerRef$current !== void 0 && _triggerRef$current.clientWidth) {
+      var _triggerRef$current2;
+
+      setPopoverStyle(_objectSpread2(_objectSpread2({}, popoverStyle), {}, {
+        width: (_triggerRef$current2 = triggerRef.current) === null || _triggerRef$current2 === void 0 ? void 0 : _triggerRef$current2.clientWidth
+      }));
+    }
+  }, []);
   React.useImperativeHandle(ref, function () {
     return {
       setOpen: function setOpen(open) {
@@ -26589,6 +26603,6 @@ Menu.defaultProps = {
   position: 'bottom-start'
 };
 
-var version = "2.33.0";
+var version = "2.34.0";
 
 export { ActionCard, Avatar, AvatarGroup, AvatarSelection, Backdrop, Badge, Breadcrumbs, Button, Calendar, Caption, Card, CardBody, CardFooter, CardHeader, CardSubdued, ChatMessage, Checkbox, Chip, ChipGroup, ChipInput, ChoiceList, Collapsible, Column, Combobox, DatePicker, DateRangePicker, Dialog, Divider, Dropdown, Dropzone, EditableChipInput, EditableDropdown, EditableInput, EmptyState, FileList, FileUploader, FileUploaderList, FullscreenModal, Grid, GridCell, Heading, HelpText, HorizontalNav, Icon, InlineMessage, Input, X as InputMask, Label, Legend, Link, LinkButton, List, Listbox, Menu, Message, MetaList, MetricInput, Modal, ModalBody, ModalDescription, ModalFooter, ModalHeader, MultiSlider, Navigation, OutsideClick, PageHeader, Pagination, Paragraph, Pills, Placeholder, PlaceholderImage, PlaceholderParagraph, Popover, ProgressBar, ProgressRing, Radio, RangeSlider, Row, Select, SelectionCard, Sidesheet, Slider, Spinner, StatusHint, Stepper, Subheading, Switch, Tab, Table, Tabs, TabsWrapper, Text, TextField, Textarea, TimePicker, Toast, Tooltip, index as Utils, VerificationCodeInput, VerticalNav, version };

package/dist/index.js

@@ -1,8 +1,8 @@
 
   /**
-   * Generated on: 1715707010250 
+   * Generated on: 1715851595353 
    *      Package: @innovaccer/design-system
-   *      Version: v2.33.0
+   *      Version: v2.34.0
    *      License: MIT
    *         Docs: https://innovaccer.github.io/design-system
    */
@@ -19931,8 +19931,7 @@
           setOpenPopover = contextProp.setOpenPopover,
           setHighlightFirstItem = contextProp.setHighlightFirstItem,
           setHighlightLastItem = contextProp.setHighlightLastItem,
-          triggerRef = contextProp.triggerRef,
-          width = contextProp.width;
+          triggerRef = contextProp.triggerRef;
       var buttonDisabled = disabled ? 'disabled' : 'default';
       var trimmedPlaceholder = placeholder === null || placeholder === void 0 ? void 0 : placeholder.trim();
       var displayValue = computeValue(multiSelect, selectValue, setLabel);
@@ -19959,7 +19958,9 @@
         showOnTruncation: true,
         showTooltip: !openPopover,
         tooltip: value,
-        elementRef: elementRef
+        elementRef: elementRef,
+        className: "w-100",
+        triggerClass: "w-100"
       }, /*#__PURE__*/React__namespace.createElement("button", __assign({
         ref: triggerRef,
         onKeyDown: function onKeyDown(event) {
@@ -19968,9 +19969,6 @@
         type: "button",
         className: buttonClass,
         disabled: disabled,
-        style: {
-          maxWidth: width
-        },
         tabIndex: 0,
         "aria-haspopup": "listbox",
         "aria-expanded": openPopover,
@@ -20149,12 +20147,24 @@
           highlightLastItem = _h[0],
           setHighlightLastItem = _h[1];
 
+      var _j = React__namespace.useState({
+        width: popoverWidth || width
+      }),
+          popoverStyle = _j[0],
+          setPopoverStyle = _j[1];
+
       var triggerStyle = {
         width: width
       };
-      var popoverStyle = {
-        width: popoverWidth ? popoverWidth : width
-      };
+      React__namespace.useEffect(function () {
+        var _a, _b;
+
+        if (!popoverWidth && ((_a = triggerRef.current) === null || _a === void 0 ? void 0 : _a.clientWidth)) {
+          setPopoverStyle(__assign(__assign({}, popoverStyle), {
+            width: (_b = triggerRef.current) === null || _b === void 0 ? void 0 : _b.clientWidth
+          }));
+        }
+      }, []);
       React__namespace.useImperativeHandle(ref, function () {
         return {
           setOpen: function setOpen(open) {
@@ -20736,7 +20746,7 @@
       position: 'bottom-start'
     };
 
-    var version = "2.33.0";
+    var version = "2.34.0";
 
     exports.ActionCard = ActionCard;
     exports.Avatar = Avatar;