@oliasoft-open-source/react-ui-library 4.4.3 → 4.4.5

package/README.md

@@ -1289,6 +1289,7 @@ The `message` prop accepts an object with the following properties:
 - `heading`: The heading or title of the message.
 - `content`: The main content of the message.
 - `details`: Additional details or information related to the message.
+- `detailsVisible`: Whether the details are visible by default (default: `false`).
 - `footer`: The footer content of the message.
 - `withDismiss`: A boolean indicating whether the message can be dismissed.
 - `onClose`: A function to handle the close event of the message.
@@ -1306,6 +1307,7 @@ The `message` prop accepts an object with the following properties:
     heading: 'Information',
     content: 'This is an informative message.',
     details: 'Additional details can be provided here.',
+    detailsVisible: true,
     footer: <Button label="Close" onClick={handleClose} />,
     withDismiss: true,
     onClose: handleClose,
@@ -1749,6 +1751,7 @@ The `Select` component is used to render a dropdown menu for selecting options f
 | `value`                     | The currently selected option(s).                                                                   | -   |
 | `native`                    | Determines whether to use the native HTML `<select>` element.                                        | `false`       |
 | `onChange`                  | A callback function invoked when the selection changes.                                              | `() => {}`    |
+| `onCreate`                  | A callback function invoked when a new option is created.                                            | `() => {}`    |
 | `deprecatedEventHandler`    | Determines whether to use deprecated event handlers.                                                 | `false`       |
 | `autoScroll`                | Determines whether the dropdown menu should auto-scroll.                                              | `true`        |
 | `warning`                   | Warning message to be displayed.                                                                    | -   |

package/dist/index.d.ts

@@ -780,6 +780,7 @@ declare interface IMessage {
     heading?: ReactNode;
     content?: ReactNode | string;
     details?: ReactNode;
+    detailsVisible?: boolean;
     footer?: ReactNode;
     withDismiss?: boolean;
     onClose?: (evt: MouseEvent_2<SVGSVGElement>) => void;

package/dist/index.js

@@ -19382,9 +19382,6 @@ const Dismiss = ({ type, onClose, isInToast }) => {
     }
   );
 };
-const initialState$4 = {
-  detailsVisible: false
-};
 const reducer$1 = (state, action2) => {
   switch (action2.type) {
     case MessageToggle.TOGGLE_DETAILS:
@@ -19423,13 +19420,17 @@ const Message = ({ message: message2 }) => {
     heading: heading2,
     content: content2,
     details: details2,
+    detailsVisible = false,
     footer: footer2,
     withDismiss,
     onClose,
     width: width2,
     maxHeight
   } = message2;
-  const [state, dispatch] = useReducer(reducer$1, initialState$4);
+  const initialState2 = {
+    detailsVisible
+  };
+  const [state, dispatch] = useReducer(reducer$1, initialState2);
   return /* @__PURE__ */ jsx(Fragment$1, { children: visible ? /* @__PURE__ */ jsxs(
     "div",
     {