@axinom/mosaic-ui 0.39.0-rc.0 → 0.39.0-rc.3

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@axinom/mosaic-ui",
-  "version": "0.39.0-rc.0",
+  "version": "0.39.0-rc.3",
   "description": "UI components for building Axinom Mosaic applications",
   "author": "Axinom",
   "license": "PROPRIETARY",
@@ -32,9 +32,9 @@
     "build-storybook": "storybook build"
   },
   "dependencies": {
-    "@axinom/mosaic-core": "^0.4.12-rc.0",
+    "@axinom/mosaic-core": "^0.4.12-rc.3",
     "@faker-js/faker": "^7.4.0",
-    "@popperjs/core": "^2.9.2",
+    "@popperjs/core": "^2.11.8",
     "clsx": "^1.1.0",
     "lodash": "^4.17.21",
     "luxon": "^3.3.0",
@@ -104,5 +104,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "4ec8f27911162c9f12edd2f061e194ec3daaf51c"
+  "gitHead": "1684458c348c8a75ff16d74ddc9650679413bba7"
 }

package/src/components/Accordion/Accordion.tsx

@@ -37,16 +37,16 @@ export interface AccordionProps {
 
 /**
  * Renders a component in which each child component of the class AccordionItem can be expanded.
- * 
- * @example 
+ *
+ * @example
  *  <Accordion header={<b>Header</b>}>
-      <AccordionItem header={<b>Item 1</b>}>
-        <p>Content 1</p>
-      </AccordionItem>
-      <AccordionItem header={<b>Item 2</b>}>
-        <p>Content 2</p>
-      </AccordionItem>
-    </Accordion>
+ *    <AccordionItem header={<b>Item 1</b>}>
+ *      <p>Content 1</p>
+ *    </AccordionItem>
+ *    <AccordionItem header={<b>Item 2</b>}>
+ *      <p>Content 2</p>
+ *    </AccordionItem>
+ *  </Accordion>
  */
 export const Accordion: React.FC<AccordionProps> = ({
   header,

package/src/components/Accordion/AccordionItem/AccordionItem.tsx

@@ -27,8 +27,8 @@ export interface AccordionItemProps {
  * Renders a single Accordion Item
  * @example
  *  <AccordionItem header={<b>Item 2</b>}>
-      <p>Content 2</p>
-    </AccordionItem>
+ *    <p>Content 2</p>
+ *  </AccordionItem>
  */
 export const AccordionItem: React.FC<AccordionItemProps> = ({
   header,

package/src/components/ConfirmDialog/index.ts

@@ -1,6 +1,2 @@
 export { ConfirmDialog, useConfirmationDelay } from './ConfirmDialog';
-export {
-  ConfirmationConfig,
-  ConfirmationMode,
-  ConfirmationPlacement,
-} from './ConfirmDialog.models';
+export * from './ConfirmDialog.models';

package/src/components/DynamicDataList/DynamicListDataEntry/DynamicListDataEntry.spec.tsx

@@ -322,7 +322,7 @@ describe('DynamicListDataEntry', () => {
       e: 'event',
     };
 
-    const propertyName = columnWithRenderer[0].propertyName;
+    const propertyName = columnWithRenderer[0].propertyName!;
 
     const wrapper = shallow(
       <DynamicListDataEntry
@@ -356,7 +356,7 @@ describe('DynamicListDataEntry', () => {
       e: 'event',
     };
     const mockNewValue = 'test-value';
-    const propertyName = columnWithRenderer[0].propertyName;
+    const propertyName = columnWithRenderer[0].propertyName!;
     const mockNewPos = 5;
     const mockPosKey = 'id';
 
@@ -399,7 +399,7 @@ describe('DynamicListDataEntry', () => {
       e: 'event',
     };
     const mockNewValue = 'test-value';
-    const propertyName = columnWithRenderer[0].propertyName;
+    const propertyName = columnWithRenderer[0].propertyName!;
     const mockNewPos = 5;
     const mockPosKey = 'id';
 
@@ -440,7 +440,7 @@ describe('DynamicListDataEntry', () => {
       e: 'event',
     };
     const mockNewValue = 'test-value';
-    const propertyName = columnWithRenderer[0].propertyName;
+    const propertyName = columnWithRenderer[0].propertyName!;
     const mockPosKey = 'id';
 
     const wrapper = shallow(
@@ -481,7 +481,7 @@ describe('DynamicListDataEntry', () => {
       e: 'event',
     };
     const mockNewValue = 'test-value';
-    const propertyName = columnWithRenderer[0].propertyName;
+    const propertyName = columnWithRenderer[0].propertyName!;
     const mockPosKey = 'id';
     const mockNewPos = 5;
 
@@ -531,7 +531,7 @@ describe('DynamicListDataEntry', () => {
       },
     ];
 
-    const propertyName = mockColumns[0].propertyName;
+    const propertyName = mockColumns[0].propertyName!;
 
     const wrapper = shallow(
       <DynamicListDataEntry

package/src/components/DynamicDataList/DynamicListRow/DynamicListRow.spec.tsx

@@ -138,7 +138,7 @@ describe('DynamicListRow', () => {
 
     columns.forEach((column, idx) => {
       expect(column.text()).toBe(
-        String(defaultData[defaultColumns[idx].propertyName]),
+        String(defaultData[defaultColumns[idx].propertyName!]),
       );
     });
   });

package/src/components/Explorer/Explorer.stories.tsx

@@ -245,11 +245,8 @@ initializeUi({
   removeIndicator: (args) => {
     action('removeIndicator')(args);
   },
-  showSaveIndicator: () => {
-    action('showSaveIndicator')();
-  },
-  hideSaveIndicator: () => {
-    action('hideSaveIndicator')();
+  setSaveIndicator: () => {
+    action('setSaveIndicator')();
   },
   on: (event, callback) => {
     action('on')(event, callback);

package/src/components/FormElements/CustomTags/CustomTags.spec.tsx

@@ -1,4 +1,4 @@
-import { mount, ReactWrapper, shallow, ShallowWrapper } from 'enzyme';
+import { mount, ReactWrapper, shallow } from 'enzyme';
 import React from 'react';
 import { act } from 'react-dom/test-utils';
 import { config } from 'react-transition-group';
@@ -12,7 +12,7 @@ describe('CustomTags', () => {
 
   const getTagsFromDOM = (wrapper: ReactWrapper): string[] =>
     wrapper.find('span > span').map((node) => node.text());
-  const getTagsFromShallowDOM = (wrapper: ShallowWrapper): string[] =>
+  const getTagsFromShallowDOM = (wrapper: ReactWrapper): string[] =>
     wrapper.find('span > span').map((node) => node.text());
 
   it('renders the component without crashing', () => {

package/src/components/List/ListCheckBox/ListCheckBox.spec.tsx

@@ -1,7 +1,10 @@
 import { mount, shallow } from 'enzyme';
 import React from 'react';
 import { Button } from '../../Buttons';
-import { ButtonContext } from '../../Buttons/Button.model';
+import {
+  ButtonContext,
+  CommonJsButtonOptions,
+} from '../../Buttons/Button.model';
 import { ListCheckBox } from './ListCheckBox';
 
 describe('ListCheckBox', () => {
@@ -16,7 +19,9 @@ describe('ListCheckBox', () => {
 
     const button = wrapper.find(Button);
 
-    expect(button.props().buttonContext).toBe(ButtonContext.Context);
+    expect((button.props() as CommonJsButtonOptions).buttonContext).toBe(
+      ButtonContext.Context,
+    );
   });
 
   it('sets its state to isChecked prop', () => {
@@ -24,7 +29,9 @@ describe('ListCheckBox', () => {
 
     const button = wrapper.find(Button);
 
-    expect(button.props().buttonContext).toBe(ButtonContext.Active);
+    expect((button.props() as CommonJsButtonOptions).buttonContext).toBe(
+      ButtonContext.Active,
+    );
   });
 
   it(`raises the onCheckBoxToggled with the inverse of the 'isChecked' prop`, () => {

package/src/components/List/ListRow/ListRow.spec.tsx

@@ -57,7 +57,7 @@ describe('ListRow', () => {
       expect(actualColumns).toHaveLength(expectedColumns.length);
 
       actualColumns.forEach((column, idx) => {
-        const expectedPropertyName = expectedColumns[idx].propertyName;
+        const expectedPropertyName = expectedColumns[idx].propertyName!;
         expect(column.key()).toEqual(expectedPropertyName);
 
         expect(column.text()).toEqual(mockExplorerData[expectedPropertyName]);

package/src/components/PageHeader/PageHeader.spec.tsx

@@ -2,10 +2,8 @@ import { mount, shallow } from 'enzyme';
 import React from 'react';
 import { noop } from '../../helpers/utils';
 import { PageHeader } from './PageHeader';
-import {
-  PageHeaderAction,
-  PageHeaderActionProps,
-} from './PageHeaderAction/PageHeaderAction';
+import { PageHeaderAction } from './PageHeaderAction/PageHeaderAction';
+import { PageHeaderActionProps } from './PageHeaderAction/PageHeaderAction.model';
 import { PageHeaderBulkActions } from './PageHeaderBulkActions/PageHeaderBulkActions';
 
 const defaultbulkActions: PageHeaderActionProps[] = [