@synerise/ds-mocks 0.1.11 → 0.1.13

package/dist/Form/jest.js

@@ -1,95 +1,78 @@
-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);
+import { jsxs, jsx } from "react/jsx-runtime";
+const mockForm = () => {
+  jest.mock("@synerise/ds-form", () => {
+    const FieldSet = jest.fn(({
+      heading,
+      description,
+      children,
+      withLine,
+      "data-testid": dataTestId
+    }) => {
+      const testId = dataTestId || "ds-fieldset";
+      return /* @__PURE__ */ jsxs("div", { "data-testid": testId, className: "ds-fieldset", "data-with-line": withLine, children: [
+        heading && /* @__PURE__ */ jsx("div", { "data-testid": `${testId}-heading`, children: heading }),
+        description && /* @__PURE__ */ jsx("div", { "data-testid": `${testId}-description`, children: description }),
+        children
+      ] });
     });
-    var Form = Object.assign(jest.fn(function () {
-      return null;
-    }), {
-      FieldSet: FieldSet
+    const Form = Object.assign(jest.fn(() => null), {
+      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') {
+      default: Form,
+      EditableList: jest.fn(({
+        value = [],
+        onClickDelete,
+        leftColumnName,
+        rightColumnName,
+        addButtonConfig,
+        renderLeftColumn,
+        renderRightColumn,
+        renderActions,
+        "data-testid": dataTestId
+      }) => {
+        const testId = dataTestId || "ds-editable-list";
+        const renderRowActions = (param, index, params) => {
+          if (typeof renderActions === "function") {
             return renderActions(param, index, params, {
-              onClickDelete: 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__ */ jsx("button", { "data-testid": `${testId}-delete-${index}`, onClick: () => onClickDelete?.(param, index), children: "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'));
+        return /* @__PURE__ */ jsxs("div", { "data-testid": testId, className: "ds-editable-list", children: [
+          /* @__PURE__ */ jsxs("div", { "data-testid": `${testId}-header`, children: [
+            leftColumnName && /* @__PURE__ */ jsx("span", { children: leftColumnName }),
+            rightColumnName && /* @__PURE__ */ jsx("span", { children: rightColumnName })
+          ] }),
+          /* @__PURE__ */ jsx("div", { "data-testid": `${testId}-rows`, children: value.map((param, index) => /* @__PURE__ */ jsxs("div", { "data-testid": `${testId}-row-${index}`, children: [
+            renderLeftColumn ? renderLeftColumn(param, index) : /* @__PURE__ */ jsx("span", { children: param.name }),
+            renderRightColumn ? renderRightColumn(param, index) : /* @__PURE__ */ jsx("span", { children: param.value }),
+            renderRowActions(param, index, value)
+          ] }, index)) }),
+          addButtonConfig && /* @__PURE__ */ jsx("button", { "data-testid": `${testId}-add`, onClick: addButtonConfig.onClickAddRow, disabled: addButtonConfig.disableAddButton, children: 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;
-      })
+const mockFormMinimal = () => {
+  jest.mock("@synerise/ds-form", () => {
+    const Form = Object.assign(jest.fn(() => null), {
+      FieldSet: jest.fn(() => null)
     });
     return {
       __esModule: true,
-      "default": Form,
-      EditableList: jest.fn(function () {
-        return null;
-      })
+      default: Form,
+      EditableList: jest.fn(() => null)
     };
   });
-};
+};
+export {
+  mockForm,
+  mockFormMinimal
+};

package/dist/Form/vi.d.ts

@@ -1,5 +1,5 @@
-import React, { type ReactNode } from 'react';
-import type { EditListProps, EditableParam } from '@synerise/ds-form';
+import { ReactNode } from 'react';
+import { EditListProps, EditableParam } from '@synerise/ds-form';
 export type { EditableParam };
 export type MockEditableListProps = EditListProps & {
     'data-testid'?: string;
@@ -24,13 +24,8 @@ export type MockFieldSetProps = {
  * ```
  */
 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>;
+    default: any;
+    EditableList: any;
 };
 /**
  * Factory function for minimal Form mock.
@@ -41,11 +36,6 @@ export declare const formMockFactory: () => {
  * ```
  */
 export declare const formMinimalMockFactory: () => {
-    default: import("vitest").MockInstance<() => null> & {
-        (): null;
-        new (): null;
-    } & {} & {
-        FieldSet: import("vitest").Mock<() => null>;
-    };
-    EditableList: import("vitest").Mock<() => null>;
+    default: any;
+    EditableList: any;
 };

package/dist/Form/vi.js

@@ -1,109 +1,72 @@
-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);
+import { jsxs, jsx } from "react/jsx-runtime";
+const formMockFactory = () => {
+  const FieldSet = vi.fn(({
+    heading,
+    description,
+    children,
+    withLine,
+    "data-testid": dataTestId
+  }) => {
+    const testId = dataTestId || "ds-fieldset";
+    return /* @__PURE__ */ jsxs("div", { "data-testid": testId, className: "ds-fieldset", "data-with-line": withLine, children: [
+      heading && /* @__PURE__ */ jsx("div", { "data-testid": `${testId}-heading`, children: heading }),
+      description && /* @__PURE__ */ jsx("div", { "data-testid": `${testId}-description`, children: description }),
+      children
+    ] });
   });
-  var Form = Object.assign(vi.fn(function () {
-    return null;
-  }), {
-    FieldSet: FieldSet
+  const Form = Object.assign(vi.fn(() => null), {
+    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') {
+    default: Form,
+    EditableList: vi.fn(({
+      value = [],
+      onClickDelete,
+      leftColumnName,
+      rightColumnName,
+      addButtonConfig,
+      renderLeftColumn,
+      renderRightColumn,
+      renderActions,
+      "data-testid": dataTestId
+    }) => {
+      const testId = dataTestId || "ds-editable-list";
+      const renderRowActions = (param, index, params) => {
+        if (typeof renderActions === "function") {
           return renderActions(param, index, params, {
-            onClickDelete: 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__ */ jsx("button", { "data-testid": `${testId}-delete-${index}`, onClick: () => onClickDelete?.(param, index), children: "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'));
+      return /* @__PURE__ */ jsxs("div", { "data-testid": testId, className: "ds-editable-list", children: [
+        /* @__PURE__ */ jsxs("div", { "data-testid": `${testId}-header`, children: [
+          leftColumnName && /* @__PURE__ */ jsx("span", { children: leftColumnName }),
+          rightColumnName && /* @__PURE__ */ jsx("span", { children: rightColumnName })
+        ] }),
+        /* @__PURE__ */ jsx("div", { "data-testid": `${testId}-rows`, children: value.map((param, index) => /* @__PURE__ */ jsxs("div", { "data-testid": `${testId}-row-${index}`, children: [
+          renderLeftColumn ? renderLeftColumn(param, index) : /* @__PURE__ */ jsx("span", { children: param.name }),
+          renderRightColumn ? renderRightColumn(param, index) : /* @__PURE__ */ jsx("span", { children: param.value }),
+          renderRowActions(param, index, value)
+        ] }, index)) }),
+        addButtonConfig && /* @__PURE__ */ jsx("button", { "data-testid": `${testId}-add`, onClick: addButtonConfig.onClickAddRow, disabled: addButtonConfig.disableAddButton, children: 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;
-    })
+const formMinimalMockFactory = () => {
+  const Form = Object.assign(vi.fn(() => null), {
+    FieldSet: vi.fn(() => null)
   });
   return {
-    "default": Form,
-    EditableList: vi.fn(function () {
-      return null;
-    })
+    default: Form,
+    EditableList: vi.fn(() => null)
   };
-};
+};
+export {
+  formMinimalMockFactory,
+  formMockFactory
+};

package/dist/Icon/index.js

@@ -1 +1,6 @@
-export * from './vi';
+import { iconMinimalMockFactory, iconMockFactory, iconWithRenderMockFactory } from "./vi.js";
+export {
+  iconMinimalMockFactory,
+  iconMockFactory,
+  iconWithRenderMockFactory
+};

package/dist/Icon/jest.d.ts

@@ -1,4 +1,4 @@
-import type { IconProps } from '@synerise/ds-icon';
+import { IconProps } from '@synerise/ds-icon';
 export type MockIconProps = IconProps & {
     'data-testid'?: string;
     /** Icon name as string */

package/dist/Icon/jest.js

@@ -1,77 +1,36 @@
-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');
-      })
-    };
-  });
+import { jsx } from "react/jsx-runtime";
+const mockIcon = () => {
+  jest.mock("@synerise/ds-icon", () => ({
+    __esModule: true,
+    default: jest.fn(({
+      name,
+      iconName,
+      component,
+      className,
+      size,
+      color,
+      stroke,
+      "data-testid": dataTestId
+    }) => {
+      const resolvedIconName = iconName || name;
+      return /* @__PURE__ */ jsx("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, children: 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)
-    };
-  });
+const mockIconWithRender = (renderFn) => {
+  jest.mock("@synerise/ds-icon", () => ({
+    __esModule: true,
+    default: jest.fn(renderFn)
+  }));
+};
+const mockIconMinimal = () => {
+  jest.mock("@synerise/ds-icon", () => ({
+    __esModule: true,
+    default: jest.fn(() => null)
+  }));
+};
+export {
+  mockIcon,
+  mockIconMinimal,
+  mockIconWithRender
 };
-
-/**
- * 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

@@ -1,5 +1,4 @@
-import React from 'react';
-import type { IconProps } from '@synerise/ds-icon';
+import { IconProps } from '@synerise/ds-icon';
 export type MockIconProps = IconProps & {
     'data-testid'?: string;
     /** Icon name as string */
@@ -17,7 +16,7 @@ export type MockIconProps = IconProps & {
  * ```
  */
 export declare const iconMockFactory: () => {
-    default: import("vitest").Mock<({ name, iconName, component, className, size, color, stroke, "data-testid": dataTestId, }: MockIconProps) => React.JSX.Element>;
+    default: any;
 };
 /**
  * Factory function for Icon mock with custom render function.
@@ -30,7 +29,7 @@ export declare const iconMockFactory: () => {
  * ```
  */
 export declare const iconWithRenderMockFactory: (renderFn: (props: IconProps) => JSX.Element) => () => {
-    default: import("vitest").Mock<(props: IconProps) => JSX.Element>;
+    default: any;
 };
 /**
  * Factory function for minimal Icon mock.
@@ -41,5 +40,5 @@ export declare const iconWithRenderMockFactory: (renderFn: (props: IconProps) =>
  * ```
  */
 export declare const iconMinimalMockFactory: () => {
-    default: import("vitest").Mock<() => null>;
+    default: any;
 };

package/dist/Icon/vi.js

@@ -1,70 +1,27 @@
-import React from 'react';
-/**
- * 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 var iconMockFactory = function iconMockFactory() {
-  return {
-    "default": vi.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');
-    })
-  };
+import { jsx } from "react/jsx-runtime";
+const iconMockFactory = () => ({
+  default: vi.fn(({
+    name,
+    iconName,
+    component,
+    className,
+    size,
+    color,
+    stroke,
+    "data-testid": dataTestId
+  }) => {
+    const resolvedIconName = iconName || name;
+    return /* @__PURE__ */ jsx("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, children: component || resolvedIconName || "Icon" });
+  })
+});
+const iconWithRenderMockFactory = (renderFn) => () => ({
+  default: vi.fn(renderFn)
+});
+const iconMinimalMockFactory = () => ({
+  default: vi.fn(() => null)
+});
+export {
+  iconMinimalMockFactory,
+  iconMockFactory,
+  iconWithRenderMockFactory
 };
-
-/**
- * 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 var iconWithRenderMockFactory = function iconWithRenderMockFactory(renderFn) {
-  return function () {
-    return {
-      "default": vi.fn(renderFn)
-    };
-  };
-};
-
-/**
- * Factory function for minimal Icon mock.
- *
- * @example
- * ```typescript
- * vi.mock('@synerise/ds-icon', iconMinimalMockFactory);
- * ```
- */
-export var iconMinimalMockFactory = function iconMinimalMockFactory() {
-  return {
-    "default": vi.fn(function () {
-      return null;
-    })
-  };
-};

package/dist/Input/index.js

@@ -1 +1,5 @@
-export * from './vi';
+import { inputMinimalMockFactory, inputMockFactory } from "./vi.js";
+export {
+  inputMinimalMockFactory,
+  inputMockFactory
+};

package/dist/Input/jest.d.ts

@@ -1,4 +1,4 @@
-import type { InputProps } from '@synerise/ds-input';
+import { InputProps } from '@synerise/ds-input';
 export type MockInputProps = InputProps & {
     'data-testid'?: string;
 };