@pie-lib/config-ui 13.1.0-beta.7 → 14.0.0-next.35

package/lib/with-stateful-model.js

@@ -1,61 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
-var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
-var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _react = _interopRequireDefault(require("react"));
-var _propTypes = _interopRequireDefault(require("prop-types"));
-function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2["default"])(o), (0, _possibleConstructorReturn2["default"])(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2["default"])(t).constructor) : o.apply(t, e)); }
-function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
-var withStatefulModel = function withStatefulModel(Component) {
-  var Stateful = /*#__PURE__*/function (_React$Component) {
-    function Stateful(props) {
-      var _this;
-      (0, _classCallCheck2["default"])(this, Stateful);
-      _this = _callSuper(this, Stateful, [props]);
-      (0, _defineProperty2["default"])(_this, "onChange", function (model) {
-        _this.setState({
-          model: model
-        }, function () {
-          _this.props.onChange(_this.state.model);
-        });
-      });
-      _this.state = {
-        model: props.model
-      };
-      return _this;
-    }
-    (0, _inherits2["default"])(Stateful, _React$Component);
-    return (0, _createClass2["default"])(Stateful, [{
-      key: "UNSAFE_componentWillReceiveProps",
-      value: function UNSAFE_componentWillReceiveProps(props) {
-        this.setState({
-          model: props.model
-        });
-      }
-    }, {
-      key: "render",
-      value: function render() {
-        return /*#__PURE__*/_react["default"].createElement(Component, {
-          model: this.state.model,
-          onChange: this.onChange
-        });
-      }
-    }]);
-  }(_react["default"].Component);
-  (0, _defineProperty2["default"])(Stateful, "propTypes", {
-    model: _propTypes["default"].object.isRequired,
-    onChange: _propTypes["default"].func.isRequired
-  });
-  return Stateful;
-};
-var _default = exports["default"] = withStatefulModel;
-//# sourceMappingURL=with-stateful-model.js.map

package/lib/with-stateful-model.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"with-stateful-model.js","names":["_react","_interopRequireDefault","require","_propTypes","_callSuper","t","o","e","_getPrototypeOf2","_possibleConstructorReturn2","_isNativeReflectConstruct","Reflect","construct","constructor","apply","Boolean","prototype","valueOf","call","withStatefulModel","Component","Stateful","_React$Component","props","_this","_classCallCheck2","_defineProperty2","model","setState","onChange","state","_inherits2","_createClass2","key","value","UNSAFE_componentWillReceiveProps","render","createElement","React","PropTypes","object","isRequired","func","_default","exports"],"sources":["../src/with-stateful-model.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\n\nconst withStatefulModel = (Component) => {\n  class Stateful extends React.Component {\n    static propTypes = {\n      model: PropTypes.object.isRequired,\n      onChange: PropTypes.func.isRequired,\n    };\n\n    constructor(props) {\n      super(props);\n      this.state = {\n        model: props.model,\n      };\n    }\n\n    UNSAFE_componentWillReceiveProps(props) {\n      this.setState({ model: props.model });\n    }\n\n    onChange = (model) => {\n      this.setState({ model }, () => {\n        this.props.onChange(this.state.model);\n      });\n    };\n\n    render() {\n      return <Component model={this.state.model} onChange={this.onChange} />;\n    }\n  }\n\n  return Stateful;\n};\n\nexport default withStatefulModel;\n"],"mappings":";;;;;;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,UAAA,GAAAF,sBAAA,CAAAC,OAAA;AAAmC,SAAAE,WAAAC,CAAA,EAAAC,CAAA,EAAAC,CAAA,WAAAD,CAAA,OAAAE,gBAAA,aAAAF,CAAA,OAAAG,2BAAA,aAAAJ,CAAA,EAAAK,yBAAA,KAAAC,OAAA,CAAAC,SAAA,CAAAN,CAAA,EAAAC,CAAA,YAAAC,gBAAA,aAAAH,CAAA,EAAAQ,WAAA,IAAAP,CAAA,CAAAQ,KAAA,CAAAT,CAAA,EAAAE,CAAA;AAAA,SAAAG,0BAAA,cAAAL,CAAA,IAAAU,OAAA,CAAAC,SAAA,CAAAC,OAAA,CAAAC,IAAA,CAAAP,OAAA,CAAAC,SAAA,CAAAG,OAAA,iCAAAV,CAAA,aAAAK,yBAAA,YAAAA,0BAAA,aAAAL,CAAA;AAEnC,IAAMc,iBAAiB,GAAG,SAApBA,iBAAiBA,CAAIC,SAAS,EAAK;EAAA,IACjCC,QAAQ,0BAAAC,gBAAA;IAMZ,SAAAD,SAAYE,KAAK,EAAE;MAAA,IAAAC,KAAA;MAAA,IAAAC,gBAAA,mBAAAJ,QAAA;MACjBG,KAAA,GAAApB,UAAA,OAAAiB,QAAA,GAAME,KAAK;MAAE,IAAAG,gBAAA,aAAAF,KAAA,cAUJ,UAACG,KAAK,EAAK;QACpBH,KAAA,CAAKI,QAAQ,CAAC;UAAED,KAAK,EAALA;QAAM,CAAC,EAAE,YAAM;UAC7BH,KAAA,CAAKD,KAAK,CAACM,QAAQ,CAACL,KAAA,CAAKM,KAAK,CAACH,KAAK,CAAC;QACvC,CAAC,CAAC;MACJ,CAAC;MAbCH,KAAA,CAAKM,KAAK,GAAG;QACXH,KAAK,EAAEJ,KAAK,CAACI;MACf,CAAC;MAAC,OAAAH,KAAA;IACJ;IAAC,IAAAO,UAAA,aAAAV,QAAA,EAAAC,gBAAA;IAAA,WAAAU,aAAA,aAAAX,QAAA;MAAAY,GAAA;MAAAC,KAAA,EAED,SAAAC,gCAAgCA,CAACZ,KAAK,EAAE;QACtC,IAAI,CAACK,QAAQ,CAAC;UAAED,KAAK,EAAEJ,KAAK,CAACI;QAAM,CAAC,CAAC;MACvC;IAAC;MAAAM,GAAA;MAAAC,KAAA,EAQD,SAAAE,MAAMA,CAAA,EAAG;QACP,oBAAOpC,MAAA,YAAAqC,aAAA,CAACjB,SAAS;UAACO,KAAK,EAAE,IAAI,CAACG,KAAK,CAACH,KAAM;UAACE,QAAQ,EAAE,IAAI,CAACA;QAAS,CAAE,CAAC;MACxE;IAAC;EAAA,EAzBoBS,iBAAK,CAAClB,SAAS;EAAA,IAAAM,gBAAA,aAAhCL,QAAQ,eACO;IACjBM,KAAK,EAAEY,qBAAS,CAACC,MAAM,CAACC,UAAU;IAClCZ,QAAQ,EAAEU,qBAAS,CAACG,IAAI,CAACD;EAC3B,CAAC;EAwBH,OAAOpB,QAAQ;AACjB,CAAC;AAAC,IAAAsB,QAAA,GAAAC,OAAA,cAEazB,iBAAiB","ignoreList":[]}

package/src/__tests__/alert-dialog.test.jsx

@@ -1,183 +0,0 @@
-import React from 'react';
-import { render, screen } from '@testing-library/react';
-import userEvent from '@testing-library/user-event';
-import AlertDialog from '../alert-dialog';
-
-describe('AlertDialog Component', () => {
-  const onClose = jest.fn();
-  const onConfirm = jest.fn();
-
-  beforeEach(() => {
-    onClose.mockClear();
-    onConfirm.mockClear();
-  });
-
-  describe('Rendering when open', () => {
-    it('should render dialog when open is true', () => {
-      render(<AlertDialog open={true} title="Confirm" text="Are you sure?" onClose={onClose} onConfirm={onConfirm} />);
-
-      expect(screen.getByText('Confirm')).toBeInTheDocument();
-      expect(screen.getByText('Are you sure?')).toBeInTheDocument();
-    });
-
-    it('should not render dialog when open is false', () => {
-      const { container } = render(
-        <AlertDialog open={false} title="Confirm" text="Are you sure?" onClose={onClose} onConfirm={onConfirm} />,
-      );
-
-      const dialogs = container.querySelectorAll('[role="dialog"]');
-      expect(dialogs.length).toBe(0);
-    });
-  });
-
-  describe('Title and Text', () => {
-    it('should handle both title and text', () => {
-      render(
-        <AlertDialog
-          open={true}
-          title="Important"
-          text="This is an important message"
-          onClose={onClose}
-          onConfirm={onConfirm}
-        />,
-      );
-
-      expect(screen.getByText('Important')).toBeInTheDocument();
-      expect(screen.getByText('This is an important message')).toBeInTheDocument();
-    });
-
-    it('should handle text as object', () => {
-      const textObj = <div>Rich text content</div>;
-      render(<AlertDialog open={true} title="Rich Content" text={textObj} onClose={onClose} onConfirm={onConfirm} />);
-
-      expect(screen.getByText('Rich text content')).toBeInTheDocument();
-    });
-  });
-
-  describe('Buttons', () => {
-    it('should render close button when onClose is provided', () => {
-      render(<AlertDialog open={true} title="Dialog" text="Content" onClose={onClose} onConfirm={onConfirm} />);
-
-      expect(screen.getByRole('button', { name: 'CANCEL' })).toBeInTheDocument();
-    });
-
-    it('should render confirm button when onConfirm is provided', () => {
-      render(<AlertDialog open={true} title="Dialog" text="Content" onClose={onClose} onConfirm={onConfirm} />);
-
-      expect(screen.getByRole('button', { name: 'OK' })).toBeInTheDocument();
-    });
-
-    it('should have default button text', () => {
-      render(<AlertDialog open={true} title="Dialog" text="Content" onClose={onClose} onConfirm={onConfirm} />);
-
-      expect(screen.getByRole('button', { name: 'CANCEL' })).toBeInTheDocument();
-      expect(screen.getByRole('button', { name: 'OK' })).toBeInTheDocument();
-    });
-  });
-
-  describe('User interactions', () => {
-    it('should call onClose when close button is clicked', async () => {
-      const user = userEvent.setup();
-      render(<AlertDialog open={true} title="Dialog" text="Content" onClose={onClose} onConfirm={onConfirm} />);
-
-      const closeButton = screen.getByRole('button', { name: 'CANCEL' });
-      await user.click(closeButton);
-
-      expect(onClose).toHaveBeenCalled();
-    });
-
-    it('should call onConfirm when confirm button is clicked', async () => {
-      const user = userEvent.setup();
-      render(<AlertDialog open={true} title="Dialog" text="Content" onClose={onClose} onConfirm={onConfirm} />);
-
-      const confirmButton = screen.getByRole('button', { name: 'OK' });
-      await user.click(confirmButton);
-
-      expect(onConfirm).toHaveBeenCalled();
-    });
-  });
-
-  describe('Focus management', () => {
-    it('should have autoFocus on confirm button by default', () => {
-      render(<AlertDialog open={true} title="Dialog" text="Content" onClose={onClose} onConfirm={onConfirm} />);
-
-      const confirmButton = screen.getByRole('button', { name: 'OK' });
-      expect(confirmButton).toBeInTheDocument();
-    });
-
-    it('should disable auto focus when disableAutoFocus is true', () => {
-      render(
-        <AlertDialog
-          open={true}
-          title="Dialog"
-          text="Content"
-          onClose={onClose}
-          onConfirm={onConfirm}
-          disableAutoFocus={true}
-        />,
-      );
-
-      expect(screen.getByText('Dialog')).toBeInTheDocument();
-    });
-
-    it('should disable enforce focus when disableEnforceFocus is true', () => {
-      render(
-        <AlertDialog
-          open={true}
-          title="Dialog"
-          text="Content"
-          onClose={onClose}
-          onConfirm={onConfirm}
-          disableEnforceFocus={true}
-        />,
-      );
-
-      expect(screen.getByText('Dialog')).toBeInTheDocument();
-    });
-
-    it('should disable restore focus when disableRestoreFocus is true', () => {
-      render(
-        <AlertDialog
-          open={true}
-          title="Dialog"
-          text="Content"
-          onClose={onClose}
-          onConfirm={onConfirm}
-          disableRestoreFocus={true}
-        />,
-      );
-
-      expect(screen.getByText('Dialog')).toBeInTheDocument();
-    });
-  });
-
-  describe('Edge cases', () => {
-    it('should handle very long title', () => {
-      const longTitle = 'This is a very long title that should wrap properly in the dialog';
-      render(<AlertDialog open={true} title={longTitle} text="Content" onClose={onClose} onConfirm={onConfirm} />);
-
-      expect(screen.getByText(longTitle)).toBeInTheDocument();
-    });
-
-    it('should handle very long text', () => {
-      const longText = 'This is a very long text that should wrap properly in the dialog. '.repeat(10);
-      render(<AlertDialog open={true} title="Dialog" text={longText} onClose={onClose} onConfirm={onConfirm} />);
-
-      expect(screen.getByText(new RegExp(longText.slice(0, 50)))).toBeInTheDocument();
-    });
-
-    it('should handle only close callback', () => {
-      render(<AlertDialog open={true} title="Close Only" text="Content" onClose={onClose} />);
-
-      expect(screen.getByRole('button', { name: 'CANCEL' })).toBeInTheDocument();
-      expect(screen.queryByRole('button', { name: 'OK' })).not.toBeInTheDocument();
-    });
-
-    it('should handle only confirm callback', () => {
-      render(<AlertDialog open={true} title="Confirm Only" text="Content" onConfirm={onConfirm} />);
-
-      expect(screen.getByRole('button', { name: 'OK' })).toBeInTheDocument();
-      expect(screen.queryByRole('button', { name: 'CANCEL' })).not.toBeInTheDocument();
-    });
-  });
-});

package/src/__tests__/checkbox.test.jsx

@@ -1,152 +0,0 @@
-import React from 'react';
-import { render, screen } from '@testing-library/react';
-import userEvent from '@testing-library/user-event';
-import Checkbox from '../checkbox';
-
-describe('Checkbox Component', () => {
-  const onChange = jest.fn();
-
-  beforeEach(() => {
-    onChange.mockClear();
-  });
-
-  describe('Rendering', () => {
-    it('should render checkbox with label', () => {
-      render(<Checkbox checked={false} onChange={onChange} label="Accept terms" />);
-
-      expect(screen.getByText('Accept terms')).toBeInTheDocument();
-      expect(screen.getByRole('checkbox')).toBeInTheDocument();
-    });
-
-    it('should render checkbox in checked state', () => {
-      render(<Checkbox checked={true} onChange={onChange} label="Accept terms" />);
-
-      expect(screen.getByRole('checkbox')).toBeChecked();
-    });
-
-    it('should render checkbox in unchecked state', () => {
-      render(<Checkbox checked={false} onChange={onChange} label="Accept terms" />);
-
-      expect(screen.getByRole('checkbox')).not.toBeChecked();
-    });
-
-    it('should render mini checkbox with reduced styling', () => {
-      render(<Checkbox checked={false} onChange={onChange} label="Mini" mini={true} />);
-
-      expect(screen.getByRole('checkbox')).toBeInTheDocument();
-      expect(screen.getByText('Mini')).toBeInTheDocument();
-    });
-  });
-
-  describe('User interaction', () => {
-    it('should call onChange when checkbox is clicked', async () => {
-      const user = userEvent.setup();
-      render(<Checkbox checked={false} onChange={onChange} label="Accept" />);
-
-      const checkbox = screen.getByRole('checkbox');
-      await user.click(checkbox);
-
-      expect(onChange).toHaveBeenCalled();
-    });
-
-    it('should call onChange when label is clicked', async () => {
-      const user = userEvent.setup();
-      render(<Checkbox checked={false} onChange={onChange} label="Click label" />);
-
-      const label = screen.getByText('Click label');
-      await user.click(label);
-
-      expect(onChange).toHaveBeenCalled();
-    });
-  });
-
-  describe('Props', () => {
-    it('should handle value prop', () => {
-      render(<Checkbox checked={true} onChange={onChange} label="With value" value="option1" />);
-
-      expect(screen.getByRole('checkbox')).toBeInTheDocument();
-    });
-
-    it('should display error styling when error is true', () => {
-      render(<Checkbox checked={false} onChange={onChange} label="Error state" error={true} />);
-
-      expect(screen.getByRole('checkbox')).toBeInTheDocument();
-      expect(screen.getByText('Error state')).toBeInTheDocument();
-    });
-  });
-
-  describe('Default props', () => {
-    it('should have mini default to false', () => {
-      const { container } = render(<Checkbox checked={true} onChange={onChange} label="Test" />);
-
-      expect(screen.getByRole('checkbox')).toBeInTheDocument();
-    });
-
-    it('should have error default to false', () => {
-      const { container } = render(<Checkbox checked={true} onChange={onChange} label="Test" />);
-
-      expect(screen.getByRole('checkbox')).toBeInTheDocument();
-    });
-
-    it('should have value default to empty string', () => {
-      render(<Checkbox checked={true} onChange={onChange} label="Test" />);
-
-      expect(screen.getByRole('checkbox')).toBeInTheDocument();
-    });
-  });
-
-  describe('Accessibility', () => {
-    it('should have proper label association', () => {
-      render(<Checkbox checked={false} onChange={onChange} label="Accessible label" />);
-
-      expect(screen.getByLabelText('Accessible label')).toBeInTheDocument();
-    });
-
-    it('should be keyboard accessible', async () => {
-      const user = userEvent.setup();
-      render(<Checkbox checked={false} onChange={onChange} label="Keyboard test" />);
-
-      const checkbox = screen.getByRole('checkbox');
-      checkbox.focus();
-      expect(checkbox).toHaveFocus();
-
-      await user.keyboard(' ');
-      expect(onChange).toHaveBeenCalled();
-    });
-  });
-
-  describe('Multiple checkboxes', () => {
-    it('should render multiple independent checkboxes', () => {
-      const onChange1 = jest.fn();
-      const onChange2 = jest.fn();
-
-      render(
-        <>
-          <Checkbox checked={true} onChange={onChange1} label="Option 1" />
-          <Checkbox checked={false} onChange={onChange2} label="Option 2" />
-        </>,
-      );
-
-      expect(screen.getByLabelText('Option 1')).toBeChecked();
-      expect(screen.getByLabelText('Option 2')).not.toBeChecked();
-    });
-
-    it('should handle independent onChange callbacks', async () => {
-      const user = userEvent.setup();
-      const onChange1 = jest.fn();
-      const onChange2 = jest.fn();
-
-      render(
-        <>
-          <Checkbox checked={true} onChange={onChange1} label="Option 1" />
-          <Checkbox checked={false} onChange={onChange2} label="Option 2" />
-        </>,
-      );
-
-      await user.click(screen.getByLabelText('Option 2'));
-
-      expect(onChange2).toHaveBeenCalled();
-      expect(onChange1).not.toHaveBeenCalled();
-    });
-  });
-});

package/src/__tests__/choice-utils.test.js

@@ -1,12 +0,0 @@
-import { firstAvailableIndex } from '../choice-utils';
-
-describe('firstAvailableIndex', () => {
-  const assert = (values, index, expected) => {
-    it(`[${values.join(',')}], ${index} ==> ${expected}`, () => {
-      expect(firstAvailableIndex(['0'], 0)).toEqual('1');
-    });
-  };
-  assert(['0'], 0, '1');
-  assert(['0', '1', '2'], 0, '3');
-  assert(['0', '1', '2'], 100, '100');
-});