@oliasoft-open-source/react-ui-library 4.4.2 → 4.4.4

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,

package/dist/index.d.ts

@@ -58,7 +58,7 @@ export declare enum ButtonType {
 
 export declare const Card: ({ bordered, heading, children, margin, padding, raised, }: ICardProps) => JSX_2.Element;
 
-export declare const CheckBox: ({ noMargin, dataix, isInTable, tabIndex, checked, name, key, label, disabled, small, onChange, testId, value, helpText, onClickHelp, }: ICheckBoxProps) => JSX_2.Element;
+export declare const CheckBox: ({ noMargin, dataix, isInTable, tabIndex, checked, name, label, disabled, small, onChange, testId, value, helpText, onClickHelp, }: ICheckBoxProps) => JSX_2.Element;
 
 export declare enum Color {
     DANGER = "danger",
@@ -250,7 +250,6 @@ export declare interface ICheckBoxProps {
     disabled?: boolean;
     small?: boolean;
     testId?: string;
-    key?: string;
     dataix?: number;
     value?: string;
     helpText?: string;
@@ -781,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

@@ -3897,7 +3897,6 @@ const CheckBox = ({
   tabIndex = 0,
   checked = false,
   name: name2,
-  key: key2 = "",
   label: label2 = "",
   disabled: disabled2 = false,
   small: small2 = false,
@@ -3943,8 +3942,7 @@ const CheckBox = ({
             onChange: () => {
             },
             disabled: isDisabled
-          },
-          key2
+          }
         ),
         /* @__PURE__ */ jsxs("label", { htmlFor: name2, children: [
           /* @__PURE__ */ jsx("span", { className: styles$R.checkmark, children: /* @__PURE__ */ jsx(Icon, { icon: IconType.CHECK }) }),
@@ -19384,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:
@@ -19425,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",
     {