@synerise/ds-mocks 0.1.0

package/dist/Cruds/vi.js

@@ -0,0 +1,67 @@
+import React from 'react';
+/**
+ * Factory function for Cruds mock.
+ * Use directly with vi.mock() to avoid hoisting issues.
+ *
+ * @example
+ * ```typescript
+ * import { crudsMockFactory } from '@synerise/ds-mocks/Cruds/vi';
+ *
+ * vi.mock('@synerise/ds-cruds', crudsMockFactory);
+ * ```
+ */
+export var crudsMockFactory = function crudsMockFactory() {
+  return {
+    "default": vi.fn(function (_ref) {
+      var onAdd = _ref.onAdd,
+        onEdit = _ref.onEdit,
+        onDelete = _ref.onDelete,
+        onRemove = _ref.onRemove,
+        onDuplicate = _ref.onDuplicate,
+        onMoveUp = _ref.onMoveUp,
+        onMoveDown = _ref.onMoveDown,
+        dataTestId = _ref['data-testid'];
+      return /*#__PURE__*/React.createElement("div", {
+        "data-testid": dataTestId || 'ds-cruds',
+        className: "ds-cruds"
+      }, onAdd && /*#__PURE__*/React.createElement("button", {
+        "data-testid": (dataTestId || 'ds-cruds') + "-add",
+        onClick: onAdd
+      }, "Add"), onEdit && /*#__PURE__*/React.createElement("button", {
+        "data-testid": (dataTestId || 'ds-cruds') + "-edit",
+        onClick: onEdit
+      }, "Edit"), onDuplicate && /*#__PURE__*/React.createElement("button", {
+        "data-testid": (dataTestId || 'ds-cruds') + "-duplicate",
+        onClick: onDuplicate
+      }, "Duplicate"), onDelete && /*#__PURE__*/React.createElement("button", {
+        "data-testid": (dataTestId || 'ds-cruds') + "-delete",
+        onClick: onDelete
+      }, "Delete"), onRemove && /*#__PURE__*/React.createElement("button", {
+        "data-testid": (dataTestId || 'ds-cruds') + "-remove",
+        onClick: onRemove
+      }, "Remove"), onMoveUp && /*#__PURE__*/React.createElement("button", {
+        "data-testid": (dataTestId || 'ds-cruds') + "-move-up",
+        onClick: onMoveUp
+      }, "Up"), onMoveDown && /*#__PURE__*/React.createElement("button", {
+        "data-testid": (dataTestId || 'ds-cruds') + "-move-down",
+        onClick: onMoveDown
+      }, "Down"));
+    })
+  };
+};
+
+/**
+ * Factory function for minimal Cruds mock.
+ *
+ * @example
+ * ```typescript
+ * vi.mock('@synerise/ds-cruds', crudsMinimalMockFactory);
+ * ```
+ */
+export var crudsMinimalMockFactory = function crudsMinimalMockFactory() {
+  return {
+    "default": vi.fn(function () {
+      return null;
+    })
+  };
+};

package/dist/Dropdown/index.d.ts

@@ -0,0 +1 @@
+export * from './vi';

package/dist/Dropdown/index.js

@@ -0,0 +1 @@
+export * from './vi';

package/dist/Dropdown/jest.d.ts

@@ -0,0 +1,6 @@
+import type { DropdownProps } from '@synerise/ds-dropdown';
+export type MockDropdownProps = DropdownProps & {
+    'data-testid'?: string;
+};
+export declare const mockDropdown: () => void;
+export declare const mockDropdownMinimal: () => void;

package/dist/Dropdown/jest.js

@@ -0,0 +1,39 @@
+import React from 'react';
+export var mockDropdown = function mockDropdown() {
+  jest.mock('@synerise/ds-dropdown', function () {
+    return {
+      __esModule: true,
+      "default": jest.fn(function (_ref) {
+        var children = _ref.children,
+          overlay = _ref.overlay,
+          open = _ref.open,
+          onOpenChange = _ref.onOpenChange,
+          disabled = _ref.disabled,
+          dataTestId = _ref['data-testid'];
+        var testId = dataTestId || 'ds-dropdown';
+        return /*#__PURE__*/React.createElement("div", {
+          "data-testid": testId,
+          className: "ds-dropdown"
+        }, /*#__PURE__*/React.createElement("div", {
+          "data-testid": testId + "-trigger",
+          onClick: function onClick() {
+            return !disabled && (onOpenChange == null ? void 0 : onOpenChange(!open));
+          }
+        }, children), open && /*#__PURE__*/React.createElement("div", {
+          "data-testid": testId + "-overlay"
+        }, overlay));
+      })
+    };
+  });
+};
+export var mockDropdownMinimal = function mockDropdownMinimal() {
+  jest.mock('@synerise/ds-dropdown', function () {
+    return {
+      __esModule: true,
+      "default": jest.fn(function (_ref2) {
+        var children = _ref2.children;
+        return /*#__PURE__*/React.createElement(React.Fragment, null, children);
+      })
+    };
+  });
+};

package/dist/Dropdown/vi.d.ts

@@ -0,0 +1,30 @@
+import React from 'react';
+import type { DropdownProps } from '@synerise/ds-dropdown';
+export type MockDropdownProps = DropdownProps & {
+    'data-testid'?: string;
+};
+/**
+ * Factory function for Dropdown mock.
+ * Use directly with vi.mock() to avoid hoisting issues.
+ *
+ * @example
+ * ```typescript
+ * import { dropdownMockFactory } from '@synerise/ds-mocks/Dropdown/vi';
+ *
+ * vi.mock('@synerise/ds-dropdown', dropdownMockFactory);
+ * ```
+ */
+export declare const dropdownMockFactory: () => {
+    default: import("vitest").Mock<({ children, overlay, open, onOpenChange, disabled, "data-testid": dataTestId, }: MockDropdownProps) => React.JSX.Element>;
+};
+/**
+ * Factory function for minimal Dropdown mock.
+ *
+ * @example
+ * ```typescript
+ * vi.mock('@synerise/ds-dropdown', dropdownMinimalMockFactory);
+ * ```
+ */
+export declare const dropdownMinimalMockFactory: () => {
+    default: import("vitest").Mock<({ children }: MockDropdownProps) => React.JSX.Element>;
+};

package/dist/Dropdown/vi.js

@@ -0,0 +1,53 @@
+import React from 'react';
+/**
+ * Factory function for Dropdown mock.
+ * Use directly with vi.mock() to avoid hoisting issues.
+ *
+ * @example
+ * ```typescript
+ * import { dropdownMockFactory } from '@synerise/ds-mocks/Dropdown/vi';
+ *
+ * vi.mock('@synerise/ds-dropdown', dropdownMockFactory);
+ * ```
+ */
+export var dropdownMockFactory = function dropdownMockFactory() {
+  return {
+    "default": vi.fn(function (_ref) {
+      var children = _ref.children,
+        overlay = _ref.overlay,
+        open = _ref.open,
+        onOpenChange = _ref.onOpenChange,
+        disabled = _ref.disabled,
+        dataTestId = _ref['data-testid'];
+      var testId = dataTestId || 'ds-dropdown';
+      return /*#__PURE__*/React.createElement("div", {
+        "data-testid": testId,
+        className: "ds-dropdown"
+      }, /*#__PURE__*/React.createElement("div", {
+        "data-testid": testId + "-trigger",
+        onClick: function onClick() {
+          return !disabled && (onOpenChange == null ? void 0 : onOpenChange(!open));
+        }
+      }, children), open && /*#__PURE__*/React.createElement("div", {
+        "data-testid": testId + "-overlay"
+      }, overlay));
+    })
+  };
+};
+
+/**
+ * Factory function for minimal Dropdown mock.
+ *
+ * @example
+ * ```typescript
+ * vi.mock('@synerise/ds-dropdown', dropdownMinimalMockFactory);
+ * ```
+ */
+export var dropdownMinimalMockFactory = function dropdownMinimalMockFactory() {
+  return {
+    "default": vi.fn(function (_ref2) {
+      var children = _ref2.children;
+      return /*#__PURE__*/React.createElement(React.Fragment, null, children);
+    })
+  };
+};

package/dist/Form/index.d.ts

@@ -0,0 +1 @@
+export * from './vi';

package/dist/Form/index.js

@@ -0,0 +1 @@
+export * from './vi';

package/dist/Form/jest.d.ts

@@ -0,0 +1,16 @@
+import { type ReactNode } from 'react';
+import type { EditListProps, EditableParam } from '@synerise/ds-form';
+export type { EditableParam };
+export type MockEditableListProps = EditListProps & {
+    'data-testid'?: string;
+};
+export type MockFieldSetProps = {
+    className?: string;
+    heading: ReactNode;
+    description?: ReactNode;
+    children?: ReactNode;
+    withLine?: boolean;
+    'data-testid'?: string;
+};
+export declare const mockForm: () => void;
+export declare const mockFormMinimal: () => void;

package/dist/Form/jest.js

@@ -0,0 +1,95 @@
+import React from 'react';
+export var mockForm = function mockForm() {
+  jest.mock('@synerise/ds-form', function () {
+    var FieldSet = jest.fn(function (_ref) {
+      var heading = _ref.heading,
+        description = _ref.description,
+        children = _ref.children,
+        withLine = _ref.withLine,
+        dataTestId = _ref['data-testid'];
+      var testId = dataTestId || 'ds-fieldset';
+      return /*#__PURE__*/React.createElement("div", {
+        "data-testid": testId,
+        className: "ds-fieldset",
+        "data-with-line": withLine
+      }, heading && /*#__PURE__*/React.createElement("div", {
+        "data-testid": testId + "-heading"
+      }, heading), description && /*#__PURE__*/React.createElement("div", {
+        "data-testid": testId + "-description"
+      }, description), children);
+    });
+    var Form = Object.assign(jest.fn(function () {
+      return null;
+    }), {
+      FieldSet: FieldSet
+    });
+    return {
+      __esModule: true,
+      "default": Form,
+      EditableList: jest.fn(function (_ref2) {
+        var _ref2$value = _ref2.value,
+          value = _ref2$value === void 0 ? [] : _ref2$value,
+          onClickDelete = _ref2.onClickDelete,
+          leftColumnName = _ref2.leftColumnName,
+          rightColumnName = _ref2.rightColumnName,
+          addButtonConfig = _ref2.addButtonConfig,
+          renderLeftColumn = _ref2.renderLeftColumn,
+          renderRightColumn = _ref2.renderRightColumn,
+          renderActions = _ref2.renderActions,
+          dataTestId = _ref2['data-testid'];
+        var testId = dataTestId || 'ds-editable-list';
+        var renderRowActions = function renderRowActions(param, index, params) {
+          if (typeof renderActions === 'function') {
+            return renderActions(param, index, params, {
+              onClickDelete: onClickDelete
+            });
+          }
+          if (renderActions === false) {
+            return null;
+          }
+          return /*#__PURE__*/React.createElement("button", {
+            "data-testid": testId + "-delete-" + index,
+            onClick: function onClick() {
+              return onClickDelete == null ? void 0 : onClickDelete(param, index);
+            }
+          }, "Delete");
+        };
+        return /*#__PURE__*/React.createElement("div", {
+          "data-testid": testId,
+          className: "ds-editable-list"
+        }, /*#__PURE__*/React.createElement("div", {
+          "data-testid": testId + "-header"
+        }, leftColumnName && /*#__PURE__*/React.createElement("span", null, leftColumnName), rightColumnName && /*#__PURE__*/React.createElement("span", null, rightColumnName)), /*#__PURE__*/React.createElement("div", {
+          "data-testid": testId + "-rows"
+        }, value.map(function (param, index) {
+          return /*#__PURE__*/React.createElement("div", {
+            key: index,
+            "data-testid": testId + "-row-" + index
+          }, renderLeftColumn ? renderLeftColumn(param, index) : /*#__PURE__*/React.createElement("span", null, param.name), renderRightColumn ? renderRightColumn(param, index) : /*#__PURE__*/React.createElement("span", null, param.value), renderRowActions(param, index, value));
+        })), addButtonConfig && /*#__PURE__*/React.createElement("button", {
+          "data-testid": testId + "-add",
+          onClick: addButtonConfig.onClickAddRow,
+          disabled: addButtonConfig.disableAddButton
+        }, addButtonConfig.textAddButton || 'Add'));
+      })
+    };
+  });
+};
+export var mockFormMinimal = function mockFormMinimal() {
+  jest.mock('@synerise/ds-form', function () {
+    var Form = Object.assign(jest.fn(function () {
+      return null;
+    }), {
+      FieldSet: jest.fn(function () {
+        return null;
+      })
+    });
+    return {
+      __esModule: true,
+      "default": Form,
+      EditableList: jest.fn(function () {
+        return null;
+      })
+    };
+  });
+};

package/dist/Form/vi.d.ts

@@ -0,0 +1,51 @@
+import React, { type ReactNode } from 'react';
+import type { EditListProps, EditableParam } from '@synerise/ds-form';
+export type { EditableParam };
+export type MockEditableListProps = EditListProps & {
+    'data-testid'?: string;
+};
+export type MockFieldSetProps = {
+    className?: string;
+    heading: ReactNode;
+    description?: ReactNode;
+    children?: ReactNode;
+    withLine?: boolean;
+    'data-testid'?: string;
+};
+/**
+ * Factory function for Form mock.
+ * Mocks the entire @synerise/ds-form package including Form, Form.FieldSet, and EditableList.
+ *
+ * @example
+ * ```typescript
+ * import { formMockFactory } from '@synerise/ds-mocks/Form/vi';
+ *
+ * vi.mock('@synerise/ds-form', formMockFactory);
+ * ```
+ */
+export declare const formMockFactory: () => {
+    default: import("vitest").MockInstance<() => null> & {
+        (): null;
+        new (): null;
+    } & {} & {
+        FieldSet: import("vitest").Mock<({ heading, description, children, withLine, "data-testid": dataTestId, }: MockFieldSetProps) => React.JSX.Element>;
+    };
+    EditableList: import("vitest").Mock<({ value, onClickDelete, leftColumnName, rightColumnName, addButtonConfig, renderLeftColumn, renderRightColumn, renderActions, "data-testid": dataTestId, }: MockEditableListProps) => React.JSX.Element>;
+};
+/**
+ * Factory function for minimal Form mock.
+ *
+ * @example
+ * ```typescript
+ * vi.mock('@synerise/ds-form', formMinimalMockFactory);
+ * ```
+ */
+export declare const formMinimalMockFactory: () => {
+    default: import("vitest").MockInstance<() => null> & {
+        (): null;
+        new (): null;
+    } & {} & {
+        FieldSet: import("vitest").Mock<() => null>;
+    };
+    EditableList: import("vitest").Mock<() => null>;
+};

package/dist/Form/vi.js

@@ -0,0 +1,109 @@
+import React from 'react';
+/**
+ * Factory function for Form mock.
+ * Mocks the entire @synerise/ds-form package including Form, Form.FieldSet, and EditableList.
+ *
+ * @example
+ * ```typescript
+ * import { formMockFactory } from '@synerise/ds-mocks/Form/vi';
+ *
+ * vi.mock('@synerise/ds-form', formMockFactory);
+ * ```
+ */
+export var formMockFactory = function formMockFactory() {
+  var FieldSet = vi.fn(function (_ref) {
+    var heading = _ref.heading,
+      description = _ref.description,
+      children = _ref.children,
+      withLine = _ref.withLine,
+      dataTestId = _ref['data-testid'];
+    var testId = dataTestId || 'ds-fieldset';
+    return /*#__PURE__*/React.createElement("div", {
+      "data-testid": testId,
+      className: "ds-fieldset",
+      "data-with-line": withLine
+    }, heading && /*#__PURE__*/React.createElement("div", {
+      "data-testid": testId + "-heading"
+    }, heading), description && /*#__PURE__*/React.createElement("div", {
+      "data-testid": testId + "-description"
+    }, description), children);
+  });
+  var Form = Object.assign(vi.fn(function () {
+    return null;
+  }), {
+    FieldSet: FieldSet
+  });
+  return {
+    "default": Form,
+    EditableList: vi.fn(function (_ref2) {
+      var _ref2$value = _ref2.value,
+        value = _ref2$value === void 0 ? [] : _ref2$value,
+        onClickDelete = _ref2.onClickDelete,
+        leftColumnName = _ref2.leftColumnName,
+        rightColumnName = _ref2.rightColumnName,
+        addButtonConfig = _ref2.addButtonConfig,
+        renderLeftColumn = _ref2.renderLeftColumn,
+        renderRightColumn = _ref2.renderRightColumn,
+        renderActions = _ref2.renderActions,
+        dataTestId = _ref2['data-testid'];
+      var testId = dataTestId || 'ds-editable-list';
+      var renderRowActions = function renderRowActions(param, index, params) {
+        if (typeof renderActions === 'function') {
+          return renderActions(param, index, params, {
+            onClickDelete: onClickDelete
+          });
+        }
+        if (renderActions === false) {
+          return null;
+        }
+        return /*#__PURE__*/React.createElement("button", {
+          "data-testid": testId + "-delete-" + index,
+          onClick: function onClick() {
+            return onClickDelete == null ? void 0 : onClickDelete(param, index);
+          }
+        }, "Delete");
+      };
+      return /*#__PURE__*/React.createElement("div", {
+        "data-testid": testId,
+        className: "ds-editable-list"
+      }, /*#__PURE__*/React.createElement("div", {
+        "data-testid": testId + "-header"
+      }, leftColumnName && /*#__PURE__*/React.createElement("span", null, leftColumnName), rightColumnName && /*#__PURE__*/React.createElement("span", null, rightColumnName)), /*#__PURE__*/React.createElement("div", {
+        "data-testid": testId + "-rows"
+      }, value.map(function (param, index) {
+        return /*#__PURE__*/React.createElement("div", {
+          key: index,
+          "data-testid": testId + "-row-" + index
+        }, renderLeftColumn ? renderLeftColumn(param, index) : /*#__PURE__*/React.createElement("span", null, param.name), renderRightColumn ? renderRightColumn(param, index) : /*#__PURE__*/React.createElement("span", null, param.value), renderRowActions(param, index, value));
+      })), addButtonConfig && /*#__PURE__*/React.createElement("button", {
+        "data-testid": testId + "-add",
+        onClick: addButtonConfig.onClickAddRow,
+        disabled: addButtonConfig.disableAddButton
+      }, addButtonConfig.textAddButton || 'Add'));
+    })
+  };
+};
+
+/**
+ * Factory function for minimal Form mock.
+ *
+ * @example
+ * ```typescript
+ * vi.mock('@synerise/ds-form', formMinimalMockFactory);
+ * ```
+ */
+export var formMinimalMockFactory = function formMinimalMockFactory() {
+  var Form = Object.assign(vi.fn(function () {
+    return null;
+  }), {
+    FieldSet: vi.fn(function () {
+      return null;
+    })
+  });
+  return {
+    "default": Form,
+    EditableList: vi.fn(function () {
+      return null;
+    })
+  };
+};

package/dist/Icon/index.d.ts

@@ -0,0 +1 @@
+export * from './vi';

package/dist/Icon/index.js

@@ -0,0 +1 @@
+export * from './vi';

package/dist/Icon/jest.d.ts

@@ -0,0 +1,38 @@
+import type { IconProps } from '@synerise/ds-icon';
+export type MockIconProps = IconProps & {
+    'data-testid'?: string;
+    /** Icon name as string */
+    iconName?: string;
+};
+/**
+ * Mocks the main Icon component from @synerise/ds-icon.
+ * The mock renders the `iconName` prop as text content.
+ *
+ * @example
+ * ```tsx
+ * // In your test file:
+ * import { mockIcon } from '@synerise/ds-mocks/Icon/jest';
+ *
+ * mockIcon();
+ *
+ * // Then in your component:
+ * <Icon iconName="InfoM" /> // Renders as: <div data-icon="InfoM">InfoM</div>
+ * ```
+ */
+export declare const mockIcon: () => void;
+/**
+ * Mocks the Icon component with a custom render function.
+ *
+ * @example
+ * ```tsx
+ * mockIconWithRender((props) => (
+ *   <span data-custom-icon={props.iconName}>{props.iconName}</span>
+ * ));
+ * ```
+ */
+export declare const mockIconWithRender: (renderFn: (props: IconProps) => JSX.Element) => void;
+/**
+ * Mocks the Icon component to render nothing (null).
+ * Useful when you don't need to test icon rendering.
+ */
+export declare const mockIconMinimal: () => void;

package/dist/Icon/jest.js

@@ -0,0 +1,77 @@
+import React from 'react';
+/**
+ * Mocks the main Icon component from @synerise/ds-icon.
+ * The mock renders the `iconName` prop as text content.
+ *
+ * @example
+ * ```tsx
+ * // In your test file:
+ * import { mockIcon } from '@synerise/ds-mocks/Icon/jest';
+ *
+ * mockIcon();
+ *
+ * // Then in your component:
+ * <Icon iconName="InfoM" /> // Renders as: <div data-icon="InfoM">InfoM</div>
+ * ```
+ */
+export var mockIcon = function mockIcon() {
+  jest.mock('@synerise/ds-icon', function () {
+    return {
+      __esModule: true,
+      "default": jest.fn(function (_ref) {
+        var name = _ref.name,
+          iconName = _ref.iconName,
+          component = _ref.component,
+          className = _ref.className,
+          size = _ref.size,
+          color = _ref.color,
+          stroke = _ref.stroke,
+          dataTestId = _ref['data-testid'];
+        var resolvedIconName = iconName || name;
+        return /*#__PURE__*/React.createElement("div", {
+          className: "ds-icon " + (className || ''),
+          "data-testid": dataTestId || 'ds-icon',
+          "data-icon": resolvedIconName,
+          "data-icon-size": size,
+          "data-icon-color": color,
+          "data-icon-stroke": stroke,
+          title: resolvedIconName
+        }, component || resolvedIconName || 'Icon');
+      })
+    };
+  });
+};
+
+/**
+ * Mocks the Icon component with a custom render function.
+ *
+ * @example
+ * ```tsx
+ * mockIconWithRender((props) => (
+ *   <span data-custom-icon={props.iconName}>{props.iconName}</span>
+ * ));
+ * ```
+ */
+export var mockIconWithRender = function mockIconWithRender(renderFn) {
+  jest.mock('@synerise/ds-icon', function () {
+    return {
+      __esModule: true,
+      "default": jest.fn(renderFn)
+    };
+  });
+};
+
+/**
+ * Mocks the Icon component to render nothing (null).
+ * Useful when you don't need to test icon rendering.
+ */
+export var mockIconMinimal = function mockIconMinimal() {
+  jest.mock('@synerise/ds-icon', function () {
+    return {
+      __esModule: true,
+      "default": jest.fn(function () {
+        return null;
+      })
+    };
+  });
+};

package/dist/Icon/vi.d.ts

@@ -0,0 +1,45 @@
+import React from 'react';
+import type { IconProps } from '@synerise/ds-icon';
+export type MockIconProps = IconProps & {
+    'data-testid'?: string;
+    /** Icon name as string */
+    iconName?: string;
+};
+/**
+ * Factory function for Icon mock.
+ * Use directly with vi.mock() to avoid hoisting issues.
+ *
+ * @example
+ * ```typescript
+ * import { iconMockFactory } from '@synerise/ds-mocks/Icon/vi';
+ *
+ * vi.mock('@synerise/ds-icon', iconMockFactory);
+ * ```
+ */
+export declare const iconMockFactory: () => {
+    default: import("vitest").Mock<({ name, iconName, component, className, size, color, stroke, "data-testid": dataTestId, }: MockIconProps) => React.JSX.Element>;
+};
+/**
+ * Factory function for Icon mock with custom render function.
+ *
+ * @example
+ * ```typescript
+ * vi.mock('@synerise/ds-icon', iconWithRenderMockFactory((props) => (
+ *   <span data-custom-icon={props.iconName}>{props.iconName}</span>
+ * )));
+ * ```
+ */
+export declare const iconWithRenderMockFactory: (renderFn: (props: IconProps) => JSX.Element) => () => {
+    default: import("vitest").Mock<(props: IconProps) => JSX.Element>;
+};
+/**
+ * Factory function for minimal Icon mock.
+ *
+ * @example
+ * ```typescript
+ * vi.mock('@synerise/ds-icon', iconMinimalMockFactory);
+ * ```
+ */
+export declare const iconMinimalMockFactory: () => {
+    default: import("vitest").Mock<() => null>;
+};