pixelize-design-library 1.1.54 → 1.1.56

package/dist/Components/ButtonGroupIcon/ButtonGoupIconProps.d.ts

@@ -29,4 +29,5 @@ export type ButtonGroupIconProps = {
     menulistStyle?: React.CSSProperties;
     menuItemStyle?: React.CSSProperties;
     isLoading?: boolean;
+    divider?: boolean;
 };

package/dist/Components/ButtonGroupIcon/ButtonGroupIcon.d.ts

@@ -2,4 +2,4 @@ import React from "react";
 import { ButtonGroupIconProps } from "./ButtonGoupIconProps";
 export default function ButtonGroupIcon({ leftIcon, rightIcon, onLeftIconClick, onRightIconClick, buttonText, onButtonClick, onButtongroupClick, size, variant, color, buttonGroupStyle, buttonGroupLeftIconStyle, buttonGroupRightIconStyle, buttonStyle, onBlurLeftIcon, onBlurRightIcon, dropdownOptions, // New prop for dropdown options
 onDropdownOptionClick, // New prop to handle option clicks
-rightIconDropdown, menulistStyle, menuItemStyle, isLoading, }: ButtonGroupIconProps): React.JSX.Element;
+rightIconDropdown, menulistStyle, menuItemStyle, isLoading, divider, }: ButtonGroupIconProps): React.JSX.Element;

package/dist/Components/ButtonGroupIcon/ButtonGroupIcon.js

@@ -27,11 +27,12 @@ var react_1 = __importStar(require("react"));
 var react_2 = require("@chakra-ui/react");
 var useCustomTheme_1 = require("../../Theme/useCustomTheme");
 function ButtonGroupIcon(_a) {
+    var _b, _c;
     var leftIcon = _a.leftIcon, rightIcon = _a.rightIcon, onLeftIconClick = _a.onLeftIconClick, onRightIconClick = _a.onRightIconClick, buttonText = _a.buttonText, onButtonClick = _a.onButtonClick, onButtongroupClick = _a.onButtongroupClick, size = _a.size, variant = _a.variant, color = _a.color, buttonGroupStyle = _a.buttonGroupStyle, buttonGroupLeftIconStyle = _a.buttonGroupLeftIconStyle, buttonGroupRightIconStyle = _a.buttonGroupRightIconStyle, buttonStyle = _a.buttonStyle, onBlurLeftIcon = _a.onBlurLeftIcon, onBlurRightIcon = _a.onBlurRightIcon, dropdownOptions = _a.dropdownOptions, // New prop for dropdown options
     onDropdownOptionClick = _a.onDropdownOptionClick, // New prop to handle option clicks
-    rightIconDropdown = _a.rightIconDropdown, menulistStyle = _a.menulistStyle, menuItemStyle = _a.menuItemStyle, isLoading = _a.isLoading;
+    rightIconDropdown = _a.rightIconDropdown, menulistStyle = _a.menulistStyle, menuItemStyle = _a.menuItemStyle, isLoading = _a.isLoading, _d = _a.divider, divider = _d === void 0 ? true : _d;
     var theme = (0, useCustomTheme_1.useCustomTheme)();
-    var _b = (0, react_1.useState)(false), isDropdownOpen = _b[0], setIsDropdownOpen = _b[1];
+    var _e = (0, react_1.useState)(false), isDropdownOpen = _e[0], setIsDropdownOpen = _e[1];
     var handleRightIconClick = function () {
         setIsDropdownOpen(!isDropdownOpen);
         if (onRightIconClick) {
@@ -57,7 +58,7 @@ function ButtonGroupIcon(_a) {
                 "&:hover": {
                     backgroundColor: theme.colors.primary[400],
                 },
-            } }, buttonText),
+            }, borderLeft: "1px solid ".concat((_b = theme.colors) === null || _b === void 0 ? void 0 : _b.gray[300]), borderRight: "1px solid ".concat((_c = theme.colors) === null || _c === void 0 ? void 0 : _c.gray[300]) }, buttonText),
         rightIcon && rightIconDropdown ? (react_1.default.createElement(react_2.Menu, { isOpen: isDropdownOpen, onClose: function () { return setIsDropdownOpen(false); } },
             react_1.default.createElement(react_2.MenuButton, { as: react_2.IconButton, "aria-label": "Right icon button", icon: rightIcon, onClick: handleRightIconClick, onBlur: onBlurRightIcon, style: buttonGroupRightIconStyle, sx: {
                     backgroundColor: theme.colors.primary[500],
@@ -66,9 +67,16 @@ function ButtonGroupIcon(_a) {
                     },
                 } }),
             react_1.default.createElement(react_2.Box, { sx: { zIndex: 99 } },
-                react_1.default.createElement(react_2.MenuList, { style: menulistStyle }, dropdownOptions === null || dropdownOptions === void 0 ? void 0 : dropdownOptions.map(function (option, index) { return (react_1.default.createElement(react_2.MenuItem, { key: index, onClick: function (event) { return handleMenuClick(event, option); }, style: menuItemStyle }, option === null || option === void 0 ? void 0 :
-                    option.image,
-                    option.label)); }))))) : (rightIcon && (react_1.default.createElement(react_2.IconButton, { "aria-label": "Right icon button", icon: rightIcon, onClick: onRightIconClick, onBlur: onBlurRightIcon, style: buttonGroupRightIconStyle, sx: {
+                react_1.default.createElement(react_2.MenuList, { style: menulistStyle }, dropdownOptions === null || dropdownOptions === void 0 ? void 0 : dropdownOptions.map(function (option, index) {
+                    var _a;
+                    return (react_1.default.createElement(react_2.MenuItem, { key: index, onClick: function (event) { return handleMenuClick(event, option); }, style: menuItemStyle, borderBottom: divider ? "1px solid ".concat((_a = theme.colors) === null || _a === void 0 ? void 0 : _a.gray[300]) : undefined, sx: {
+                            "&:last-child": {
+                                borderBottom: "none",
+                            },
+                        } }, option === null || option === void 0 ? void 0 :
+                        option.image,
+                        option.label));
+                }))))) : (rightIcon && (react_1.default.createElement(react_2.IconButton, { "aria-label": "Right icon button", icon: rightIcon, onClick: onRightIconClick, onBlur: onBlurRightIcon, style: buttonGroupRightIconStyle, sx: {
                 backgroundColor: theme.colors.primary[500],
                 "&:hover": {
                     backgroundColor: theme.colors.primary[400],

package/dist/Components/NoteTextArea/NoteTextArea.js

@@ -210,11 +210,11 @@ function NoteTextArea(_a) {
         var start = nameWithoutExtension.substring(0, maxLength - extension.length - 3);
         return "".concat(start, "...").concat(extension, " ");
     };
-    return (react_1.default.createElement(Container, { style: { width: width }, isActive: isActive, ref: ref },
+    return (react_1.default.createElement(Container, { style: { width: width }, isActive: isActive },
         react_1.default.createElement(PlaceholderText, { isActive: !isActive, onClick: handleTextArea },
             react_1.default.createElement("span", null, "Add a note...")),
         react_1.default.createElement(TextAreaContainer, { isActive: isActive },
-            titleShow && (react_1.default.createElement(InputTitle, { value: titleValue, onChange: handleTitleChange, placeholder: "Add a title..." })),
+            titleShow && (react_1.default.createElement(InputTitle, { value: titleValue, onChange: handleTitleChange, placeholder: "Add a title...", ref: ref })),
             react_1.default.createElement(NotesTextArea, { ref: noteAreaRef, isActive: isActive, noteValue: noteValue, value: noteValue, onChange: handleNoteChange, placeholder: "Add a note..." })),
         isActive && (react_1.default.createElement(react_1.default.Fragment, null,
             react_1.default.createElement("hr", { style: { margin: 0 } }),

package/dist/Components/NoteTextArea/NoteTextAreaProps.d.ts

@@ -12,5 +12,5 @@ export type NoteTextAreaProps = {
     maxFilesSizeError?: string;
     maxNoteWordCount?: number;
     onChange?: (value: string) => void;
-    ref?: LegacyRef<HTMLDivElement>;
+    ref?: LegacyRef<HTMLInputElement>;
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "pixelize-design-library",
-  "version": "1.1.54",
+  "version": "1.1.56",
   "private": false,
   "main": "dist/index.js",
   "module": "dist/index.js",