@pie-lib/drag 2.36.0-mui-update.0 → 3.0.0-next.0

package/CHANGELOG.md

@@ -3,7 +3,7 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
-# [2.36.0-mui-update.0](https://github.com/pie-framework/pie-lib/compare/@pie-lib/drag@2.35.0-mui-update.0...@pie-lib/drag@2.36.0-mui-update.0) (2025-12-29)
+# [3.0.0-next.0](https://github.com/pie-framework/pie-lib/compare/@pie-lib/drag@2.22.3-next.0...@pie-lib/drag@3.0.0-next.0) (2026-01-19)
 
 **Note:** Version bump only for package @pie-lib/drag
 
@@ -11,26 +11,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
 
 
 
-# [2.35.0-mui-update.0](https://github.com/pie-framework/pie-lib/compare/@pie-lib/drag@2.34.0-mui-update.0...@pie-lib/drag@2.35.0-mui-update.0) (2025-12-29)
-
-
-### Bug Fixes
-
-* drag fixes ([d8920a2](https://github.com/pie-framework/pie-lib/commit/d8920a2b5e6e365c42f03368f9f235fed9090a88))
-
-
-
-
-
-# [2.34.0-mui-update.0](https://github.com/pie-framework/pie-lib/compare/@pie-lib/drag@2.33.0-mui-update.0...@pie-lib/drag@2.34.0-mui-update.0) (2025-12-17)
-
-**Note:** Version bump only for package @pie-lib/drag
-
-
-
-
-
-# [2.33.0-mui-update.0](https://github.com/pie-framework/pie-lib/compare/@pie-lib/drag@2.32.0-mui-update.0...@pie-lib/drag@2.33.0-mui-update.0) (2025-12-17)
+## [2.22.3-next.0](https://github.com/pie-framework/pie-lib/compare/@pie-lib/drag@2.36.0-mui-update.0...@pie-lib/drag@2.22.3-next.0) (2026-01-19)
 
 **Note:** Version bump only for package @pie-lib/drag
 
@@ -38,186 +19,87 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
 
 
 
-# [2.32.0-mui-update.0](https://github.com/pie-framework/pie-lib/compare/@pie-lib/drag@2.31.0-mui-update.0...@pie-lib/drag@2.32.0-mui-update.0) (2025-12-11)
-
-
-### Features
-
-* drag changes for ditb ([fc79ecd](https://github.com/pie-framework/pie-lib/commit/fc79ecdacb5693f1b5dcf19c7114f9cd4bed83ba))
-* updates for drag-in-the-blank ([0c096d8](https://github.com/pie-framework/pie-lib/commit/0c096d887f97edecd2dac68cda136b2d265dc7d5))
-
-
-
-
-
-# [2.31.0-mui-update.0](https://github.com/pie-framework/pie-lib/compare/@pie-lib/drag@2.30.0-mui-update.0...@pie-lib/drag@2.31.0-mui-update.0) (2025-12-02)
-
-
-### Bug Fixes
-
-* drag components ([bea5eaa](https://github.com/pie-framework/pie-lib/commit/bea5eaaa54fc9060ac83bb7d6383b4c9e2491574))
-
-
-### Features
-
-* add drag provider onDragStart prop ([0879247](https://github.com/pie-framework/pie-lib/commit/087924747b02ceed710e971e8dbe0291071396af))
-* sync latest changes from dev ([c936e9c](https://github.com/pie-framework/pie-lib/commit/c936e9c7f9e095e7d9b9805ac2bf72bd271e05f1))
-
-
-
-
-
 ## [2.22.2](https://github.com/pie-framework/pie-lib/compare/@pie-lib/drag@2.22.1...@pie-lib/drag@2.22.2) (2025-11-27)
 
 **Note:** Version bump only for package @pie-lib/drag
 
-
-
-
-
 ## [2.22.1](https://github.com/pie-framework/pie-lib/compare/@pie-lib/drag@2.18.2...@pie-lib/drag@2.22.1) (2025-10-22)
 
 **Note:** Version bump only for package @pie-lib/drag
 
-
-
-
-
 # [2.22.0](https://github.com/pie-framework/pie-lib/compare/@pie-lib/drag@2.21.0...@pie-lib/drag@2.22.0) (2025-10-16)
 
 **Note:** Version bump only for package @pie-lib/drag
 
-
-
-
-
 # [2.21.0](https://github.com/pie-framework/pie-lib/compare/@pie-lib/drag@2.18.0...@pie-lib/drag@2.21.0) (2025-10-16)
 
 **Note:** Version bump only for package @pie-lib/drag
 
-
-
-
-
 # [2.20.0](https://github.com/pie-framework/pie-lib/compare/@pie-lib/drag@2.18.0...@pie-lib/drag@2.20.0) (2025-10-16)
 
 **Note:** Version bump only for package @pie-lib/drag
 
-
-
-
-
 # [2.19.0](https://github.com/pie-framework/pie-lib/compare/@pie-lib/drag@2.18.0...@pie-lib/drag@2.19.0) (2025-10-16)
 
 **Note:** Version bump only for package @pie-lib/drag
 
-
-
-
-
 ## [2.18.2](https://github.com/pie-framework/pie-lib/compare/@pie-lib/drag@2.18.1...@pie-lib/drag@2.18.2) (2025-10-14)
 
 **Note:** Version bump only for package @pie-lib/drag
 
-
-
-
-
 ## [2.18.1](https://github.com/pie-framework/pie-lib/compare/@pie-lib/drag@2.18.0...@pie-lib/drag@2.18.1) (2025-10-09)
 
 **Note:** Version bump only for package @pie-lib/drag
 
-
-
-
-
 # [2.18.0](https://github.com/pie-framework/pie-lib/compare/@pie-lib/drag@2.2.9...@pie-lib/drag@2.18.0) (2025-09-25)
 
-
 ### Bug Fixes
 
-* fixed pie-lib/icons import [PD-5126] ([dcb506c](https://github.com/pie-framework/pie-lib/commit/dcb506c914a177f6d88bf73247a023bfe71dac1f))
-
+- fixed pie-lib/icons import [PD-5126](<[dcb506c](https://github.com/pie-framework/pie-lib/commit/dcb506c914a177f6d88bf73247a023bfe71dac1f)>)
 
 ### Features
 
-* split pie-toolbox into multiple packages [PD-5126] ([7d55a25](https://github.com/pie-framework/pie-lib/commit/7d55a2552d084cd3d0d5c00dc77411b2ced2f5e2))
-
-
-
-
+- split pie-toolbox into multiple packages [PD-5126](<[7d55a25](https://github.com/pie-framework/pie-lib/commit/7d55a2552d084cd3d0d5c00dc77411b2ced2f5e2)>)
 
 # [2.17.0](https://github.com/pie-framework/pie-lib/compare/@pie-lib/drag@2.16.0...@pie-lib/drag@2.17.0) (2025-09-18)
 
 **Note:** Version bump only for package @pie-lib/drag
 
-
-
-
-
 # [2.16.0](https://github.com/pie-framework/pie-lib/compare/@pie-lib/drag@2.15.0...@pie-lib/drag@2.16.0) (2025-09-18)
 
 **Note:** Version bump only for package @pie-lib/drag
 
-
-
-
-
 # [2.15.0](https://github.com/pie-framework/pie-lib/compare/@pie-lib/drag@2.2.9...@pie-lib/drag@2.15.0) (2025-09-18)
 
-
 ### Bug Fixes
 
-* fixed pie-lib/icons import [PD-5126] ([dcb506c](https://github.com/pie-framework/pie-lib/commit/dcb506c914a177f6d88bf73247a023bfe71dac1f))
-
+- fixed pie-lib/icons import [PD-5126](<[dcb506c](https://github.com/pie-framework/pie-lib/commit/dcb506c914a177f6d88bf73247a023bfe71dac1f)>)
 
 ### Features
 
-* split pie-toolbox into multiple packages [PD-5126] ([7d55a25](https://github.com/pie-framework/pie-lib/commit/7d55a2552d084cd3d0d5c00dc77411b2ced2f5e2))
-
-
-
-
+- split pie-toolbox into multiple packages [PD-5126](<[7d55a25](https://github.com/pie-framework/pie-lib/commit/7d55a2552d084cd3d0d5c00dc77411b2ced2f5e2)>)
 
 # [2.14.0](https://github.com/pie-framework/pie-lib/compare/@pie-lib/drag@2.13.0...@pie-lib/drag@2.14.0) (2025-09-17)
 
 **Note:** Version bump only for package @pie-lib/drag
 
-
-
-
-
 # [2.13.0](https://github.com/pie-framework/pie-lib/compare/@pie-lib/drag@2.12.0...@pie-lib/drag@2.13.0) (2025-09-17)
 
 **Note:** Version bump only for package @pie-lib/drag
 
-
-
-
-
 # [2.12.0](https://github.com/pie-framework/pie-lib/compare/@pie-lib/drag@2.11.1...@pie-lib/drag@2.12.0) (2025-09-17)
 
 **Note:** Version bump only for package @pie-lib/drag
 
-
-
-
-
 ## [2.11.1](https://github.com/pie-framework/pie-lib/compare/@pie-lib/drag@2.2.9...@pie-lib/drag@2.11.1) (2025-08-11)
 
-
 ### Bug Fixes
 
-* fixed pie-lib/icons import [PD-5126] ([dcb506c](https://github.com/pie-framework/pie-lib/commit/dcb506c914a177f6d88bf73247a023bfe71dac1f))
-
+- fixed pie-lib/icons import [PD-5126](<[dcb506c](https://github.com/pie-framework/pie-lib/commit/dcb506c914a177f6d88bf73247a023bfe71dac1f)>)
 
 ### Features
 
-* split pie-toolbox into multiple packages [PD-5126] ([7d55a25](https://github.com/pie-framework/pie-lib/commit/7d55a2552d084cd3d0d5c00dc77411b2ced2f5e2))
-
-
-
-
+- split pie-toolbox into multiple packages [PD-5126](<[7d55a25](https://github.com/pie-framework/pie-lib/commit/7d55a2552d084cd3d0d5c00dc77411b2ced2f5e2)>)
 
 # [2.11.0](https://github.com/pie-framework/pie-lib/compare/@pie-lib/drag@2.2.9...@pie-lib/drag@2.11.0) (2025-08-07)
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pie-lib/drag",
-  "version": "2.36.0-mui-update.0",
+  "version": "3.0.0-next.0",
   "description": "",
   "main": "lib/index.js",
   "module": "src/index.js",
@@ -12,8 +12,8 @@
     "@emotion/style": "^0.8.0",
     "@mui/icons-material": "^7.3.4",
     "@mui/material": "^7.3.4",
-    "@pie-lib/math-rendering": "3.40.0-mui-update.0",
-    "@pie-lib/render-ui": "4.49.0-mui-update.0",
+    "@pie-lib/math-rendering": "3.22.2-next.16",
+    "@pie-lib/render-ui": "4.35.3-next.15",
     "classnames": "^2.2.6",
     "lodash": "^4.17.11",
     "prop-types": "^15.7.2",
@@ -25,5 +25,13 @@
   "scripts": {},
   "author": "",
   "license": "ISC",
-  "gitHead": "1e3f5fd7812b0a334d3b2719026a01c3102398c9"
+  "gitHead": "e0f8f2250addd014938f4a631ab86cafe16b2730",
+  "exports": {
+    ".": {
+      "require": "./lib/index.js",
+      "import": "./src/index.js",
+      "default": "./lib/index.js"
+    },
+    "./esm": "./esm/index.js"
+  }
 }

package/src/__tests__/placeholder.test.jsx

@@ -1,48 +1,107 @@
-import { shallow } from 'enzyme';
+import { render, screen } from '@testing-library/react';
 import React from 'react';
 import { PlaceHolder } from '../placeholder';
 
 describe('placeholder', () => {
-  const wrapper = (extras) => {
-    const defaults = {
-      classes: {
-        placeholder: 'placeholder',
-        disabled: 'disabled',
-        over: 'over',
-        number: 'number',
-      },
-    };
-    const props = { ...defaults, ...extras };
-    return shallow(<PlaceHolder {...props}> Foo </PlaceHolder>);
+  const renderComponent = (extras = {}) => {
+    const props = { ...extras };
+    return render(<PlaceHolder {...props}>Foo</PlaceHolder>);
   };
 
-  describe('snapshot', () => {
-    it('reqular', () => {
-      const w = wrapper();
-      expect(w).toMatchSnapshot();
+  describe('rendering', () => {
+    it('renders children content', () => {
+      renderComponent();
+      expect(screen.getByText('Foo')).toBeInTheDocument();
     });
 
-    it('isOver: true', () => {
-      expect(wrapper({ isOver: true })).toMatchSnapshot();
+    it('renders with regular placeholder class', () => {
+      const { container } = renderComponent();
+      const placeholder = container.firstChild;
+      expect(placeholder).toHaveClass('placeholder');
     });
 
-    it('disabled: true', () => {
-      expect(wrapper({ disabled: true })).toMatchSnapshot();
+    it('applies over class when isOver is true', () => {
+      const { container } = renderComponent({ isOver: true });
+      const placeholder = container.firstChild;
+      expect(placeholder).toHaveClass('over');
     });
 
-    it('className', () => {
-      expect(wrapper({ className: 'bar' })).toMatchSnapshot();
+    it('applies disabled class when disabled is true', () => {
+      const { container } = renderComponent({ disabled: true });
+      const placeholder = container.firstChild;
+      expect(placeholder).toHaveClass('disabled');
     });
 
-    it('specific grid rowsRepeatValue', () => {
-      const w = wrapper({
+    it('applies custom className', () => {
+      const { container } = renderComponent({ className: 'bar' });
+      const placeholder = container.firstChild;
+      expect(placeholder).toHaveClass('bar');
+      expect(placeholder).toHaveClass('placeholder');
+    });
+
+    it('applies choice type class', () => {
+      const { container } = renderComponent({ type: 'choice' });
+      const placeholder = container.firstChild;
+      expect(placeholder).toHaveClass('choice');
+    });
+
+    it('applies board class when choiceBoard is true', () => {
+      const { container } = renderComponent({ choiceBoard: true });
+      const placeholder = container.firstChild;
+      expect(placeholder).toHaveClass('board');
+    });
+
+    it('applies categorizeBoard class when choiceBoard and isCategorize are true', () => {
+      const { container } = renderComponent({ choiceBoard: true, isCategorize: true });
+      const placeholder = container.firstChild;
+      expect(placeholder).toHaveClass('categorizeBoard');
+    });
+
+    it('applies verticalPool class when isVerticalPool is true', () => {
+      const { container } = renderComponent({ isVerticalPool: true });
+      const placeholder = container.firstChild;
+      expect(placeholder).toHaveClass('verticalPool');
+    });
+  });
+
+  describe('grid styles', () => {
+    it('applies grid column styles', () => {
+      const { container } = renderComponent({
+        grid: { columns: 3 },
+      });
+      const placeholder = container.firstChild;
+      expect(placeholder).toHaveStyle({ gridTemplateColumns: 'repeat(3, 1fr)' });
+    });
+
+    it('applies grid row styles with default value', () => {
+      const { container } = renderComponent({
+        grid: { rows: 2 },
+      });
+      const placeholder = container.firstChild;
+      expect(placeholder).toHaveStyle({ gridTemplateRows: 'repeat(2, 1fr)' });
+    });
+
+    it('applies grid row styles with custom rowsRepeatValue', () => {
+      const { container } = renderComponent({
         grid: {
           rows: 2,
           columns: 1,
           rowsRepeatValue: 'min-content',
         },
       });
-      expect(w).toMatchSnapshot();
+      const placeholder = container.firstChild;
+      expect(placeholder).toHaveStyle({
+        gridTemplateRows: 'repeat(2, min-content)',
+        gridTemplateColumns: 'repeat(1, 1fr)',
+      });
+    });
+  });
+
+  describe('min height', () => {
+    it('applies minHeight style when provided', () => {
+      const { container } = renderComponent({ minHeight: 200 });
+      const placeholder = container.firstChild;
+      expect(placeholder).toHaveStyle({ minHeight: '200px' });
     });
   });
 });

package/src/__tests__/uid-context.test.jsx

@@ -1,21 +1,54 @@
-import { createContext, createElement } from 'react';
-import { withUid } from '../uid-context';
-
-jest.mock('react', () => ({
-  createElement: jest.fn((c) => c),
-  createContext: jest.fn().mockReturnValue({
-    Consumer: jest.fn((fn) => fn),
-    Provider: jest.fn(),
-  }),
-}));
-
-describe('id-context', () => {
+import React from 'react';
+import { render, screen } from '@testing-library/react';
+import { withUid, Provider as UidProvider } from '../uid-context';
+
+describe('uid-context', () => {
   describe('withUid', () => {
-    it('calls createElement', () => {
-      const Wrapped = withUid(() => ({}));
+    it('provides uid to wrapped component', () => {
+      const TestComponent = ({ uid }) => <div data-testid="test-uid">{uid}</div>;
+      const WrappedComponent = withUid(TestComponent);
+
+      render(
+        <UidProvider value="test-uid-123">
+          <WrappedComponent />
+        </UidProvider>,
+      );
+
+      expect(screen.getByTestId('test-uid')).toHaveTextContent('test-uid-123');
+    });
+
+    it('passes through other props to wrapped component', () => {
+      const TestComponent = ({ uid, customProp }) => (
+        <div>
+          <span data-testid="uid">{uid}</span>
+          <span data-testid="custom">{customProp}</span>
+        </div>
+      );
+      const WrappedComponent = withUid(TestComponent);
+
+      render(
+        <UidProvider value="test-uid">
+          <WrappedComponent customProp="custom-value" />
+        </UidProvider>,
+      );
+
+      expect(screen.getByTestId('uid')).toHaveTextContent('test-uid');
+      expect(screen.getByTestId('custom')).toHaveTextContent('custom-value');
+    });
+  });
+
+  describe('UidProvider', () => {
+    it('provides uid context to children', () => {
+      const TestComponent = ({ uid }) => <div data-testid="uid-value">{uid}</div>;
+      const WrappedComponent = withUid(TestComponent);
+
+      render(
+        <UidProvider value="provider-uid">
+          <WrappedComponent />
+        </UidProvider>,
+      );
 
-      const Consumer = Wrapped({});
-      expect(createElement).toBeCalledWith(expect.any(Function), null, expect.anything());
+      expect(screen.getByTestId('uid-value')).toHaveTextContent('provider-uid');
     });
   });
 });

package/src/__tests__/__snapshots__/placeholder.test.jsx.snap

@@ -1,68 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`placeholder snapshot className 1`] = `
-<div
-  className="placeholder bar"
-  style={
-    Object {
-      "minHeight": undefined,
-    }
-  }
->
-   Foo 
-</div>
-`;
-
-exports[`placeholder snapshot disabled: true 1`] = `
-<div
-  className="placeholder disabled"
-  style={
-    Object {
-      "minHeight": undefined,
-    }
-  }
->
-   Foo 
-</div>
-`;
-
-exports[`placeholder snapshot isOver: true 1`] = `
-<div
-  className="placeholder over"
-  style={
-    Object {
-      "minHeight": undefined,
-    }
-  }
->
-   Foo 
-</div>
-`;
-
-exports[`placeholder snapshot reqular 1`] = `
-<div
-  className="placeholder"
-  style={
-    Object {
-      "minHeight": undefined,
-    }
-  }
->
-   Foo 
-</div>
-`;
-
-exports[`placeholder snapshot specific grid rowsRepeatValue 1`] = `
-<div
-  className="placeholder"
-  style={
-    Object {
-      "gridTemplateColumns": "repeat(1, 1fr)",
-      "gridTemplateRows": "repeat(2, min-content)",
-      "minHeight": undefined,
-    }
-  }
->
-   Foo 
-</div>
-`;