@pie-lib/config-ui 12.0.0-next.0 → 12.1.0-next.2

package/CHANGELOG.md

@@ -3,6 +3,49 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [12.1.0-next.2](https://github.com/pie-framework/pie-lib/compare/@pie-lib/config-ui@12.1.0-next.1...@pie-lib/config-ui@12.1.0-next.2) (2026-01-26)
+
+
+### Bug Fixes
+
+* removed slate-html-serializer from markup, and fixed extracss rules functionality ([1ac30a3](https://github.com/pie-framework/pie-lib/commit/1ac30a362202b9c063920642382cce8234b9de85))
+
+
+
+
+
+# [12.1.0-next.1](https://github.com/pie-framework/pie-lib/compare/@pie-lib/config-ui@11.30.2...@pie-lib/config-ui@12.1.0-next.1) (2026-01-26)
+
+
+### Bug Fixes
+
+* fix feedback menu, adjust choiceconfig style ([f5ea380](https://github.com/pie-framework/pie-lib/commit/f5ea380a108c0da9358c4e9028baa7068f4c5e91))
+* fix some popper components, fix some math toolbar color ([ed1df55](https://github.com/pie-framework/pie-lib/commit/ed1df558e272686a712767e347df49434790f334))
+* label positioning in input render-ui ([8012817](https://github.com/pie-framework/pie-lib/commit/80128173dc596181de296633e9413bba8b79db81))
+* number fields in settings panel ([babde84](https://github.com/pie-framework/pie-lib/commit/babde844bffe8efdc4a2622bbfc0e372a0d33806))
+* remove carets from [@pie-lib](https://github.com/pie-lib) dependencies and configure lerna to use exact versions ([c9cd800](https://github.com/pie-framework/pie-lib/commit/c9cd800844abca09e7acf1fd35b2ddf51a6d86df))
+* remove carret, point to specific libs version ([09939a5](https://github.com/pie-framework/pie-lib/commit/09939a5aca19d7dda03d62c93d4d524f98dd69da))
+* remove exports and publish ([#2068](https://github.com/pie-framework/pie-lib/issues/2068)) ([60a96cd](https://github.com/pie-framework/pie-lib/commit/60a96cde0ec65f6b1cac0ae329aa33a0abc50d05))
+* remove parantheses ([07c8d13](https://github.com/pie-framework/pie-lib/commit/07c8d1366d768b1e22e31fb930a7d41a2a31d5ca))
+* select in settings panel ([89d3f93](https://github.com/pie-framework/pie-lib/commit/89d3f935ebf9e13c6d1f538e6b3d76ff5612b5f6))
+* settings panel label size ([c3606b9](https://github.com/pie-framework/pie-lib/commit/c3606b9319e771284415177bee48ffa49fb72fc6))
+* updated tip-tap with mui instead of material-ui [PD-5141] ([880d3ab](https://github.com/pie-framework/pie-lib/commit/880d3ab1d63aa12c7e975c882f50624200565737))
+* use fixed lib deps ([de7c64d](https://github.com/pie-framework/pie-lib/commit/de7c64d14f13259fe44d47405e4421baef21e24e))
+* **config-ui:** use the styled components for both tabs case as for the others ([81b8c23](https://github.com/pie-framework/pie-lib/commit/81b8c231c3e469e7a07a3e9d9321093dba8d0bcb))
+* **config-ui, mask-markup:** replace deprecated props, externd AlerDialog with new props ([6e7a163](https://github.com/pie-framework/pie-lib/commit/6e7a16314944745154801010aa4973a03aa15dcc))
+
+
+### Features
+
+* add MuiButton style overrides for consistent theming ([8fc184e](https://github.com/pie-framework/pie-lib/commit/8fc184e0eca3425cc76f1f76d8f1f24eb56c0779))
+* bump react and react-dom ([01dc19e](https://github.com/pie-framework/pie-lib/commit/01dc19e88bbc8d372c561d1511df1a82937d45af))
+* sync latest changes from dev ([c936e9c](https://github.com/pie-framework/pie-lib/commit/c936e9c7f9e095e7d9b9805ac2bf72bd271e05f1))
+* **config-ui:** migrate to material v5 PD-5258 ([3ea0799](https://github.com/pie-framework/pie-lib/commit/3ea0799ce78ca20c938c7765b7af5a47194c39d1))
+
+
+
+
+
 # [12.0.0-next.0](https://github.com/pie-framework/pie-lib/compare/@pie-lib/config-ui@11.30.3-next.0...@pie-lib/config-ui@12.0.0-next.0) (2026-01-19)
 
 **Note:** Version bump only for package @pie-lib/config-ui

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pie-lib/config-ui",
-  "version": "12.0.0-next.0",
+  "version": "12.1.0-next.2",
   "main": "lib/index.js",
   "module": "src/index.js",
   "publishConfig": {
@@ -12,9 +12,9 @@
     "@emotion/style": "^0.8.0",
     "@mui/icons-material": "^7.3.4",
     "@mui/material": "^7.3.4",
-    "@pie-lib/editable-html": "11.21.3-next.15",
-    "@pie-lib/icons": "2.24.2-next.16",
-    "@pie-lib/render-ui": "4.35.3-next.15",
+    "@pie-lib/editable-html-tip-tap": "1.1.0-next.2",
+    "@pie-lib/icons": "3.1.0-next.1",
+    "@pie-lib/render-ui": "5.1.0-next.2",
     "assert": "^1.4.1",
     "debug": "^4.1.1",
     "lodash": "^4.17.11",
@@ -29,13 +29,5 @@
   "peerDependencies": {
     "react": "^18.2.0"
   },
-  "gitHead": "a6ae07ad459bbae1039b5a1a8b9c40e3c1f3af73",
-  "exports": {
-    ".": {
-      "require": "./lib/index.js",
-      "import": "./src/index.js",
-      "default": "./lib/index.js"
-    },
-    "./esm": "./esm/index.js"
-  }
+  "gitHead": "04c639af6e49d1881bf3244ebb3940171c26bd3e"
 }

package/src/choice-configuration/__tests__/index.test.jsx

@@ -3,7 +3,7 @@ import { render, screen } from '@testing-library/react';
 import userEvent from '@testing-library/user-event';
 import { ChoiceConfiguration } from '../index';
 
-jest.mock('@pie-lib/editable-html', () => ({
+jest.mock('@pie-lib/editable-html-tip-tap', () => ({
   __esModule: true,
   default: ({ markup, onChange, disabled }) => (
     <textarea

package/src/choice-configuration/index.jsx

@@ -6,14 +6,14 @@ import ActionDelete from '@mui/icons-material/Delete';
 import ArrowRight from '@mui/icons-material/SubdirectoryArrowRight';
 import IconButton from '@mui/material/IconButton';
 import { InputContainer } from '@pie-lib/render-ui';
-// import EditableHtml from '@pie-lib/editable-html';
+// import EditableHtml from '@pie-lib/editable-html-tip-tap';
 import { InputCheckbox, InputRadio } from '../inputs';
 import FeedbackMenu from './feedback-menu';
 
 // - mathquill error window not defined
 let EditableHtml;
 if (typeof window !== 'undefined') {
-  EditableHtml = require('@pie-lib/editable-html')['default'];
+  EditableHtml = require('@pie-lib/editable-html-tip-tap')['default'];
 }
 
 const StyledEditorHolder = styled('div')(({ theme }) => ({
@@ -38,7 +38,6 @@ const EditableHtmlContainer = ({
   uploadSoundSupport,
   mathMlOptions = {},
 }) => {
-
   return (
     <InputContainer label={label} className={className}>
       <StyledEditorHolder>
@@ -288,81 +287,75 @@ export class ChoiceConfiguration extends React.Component {
     const InputToggle = mode === 'checkbox' ? InputCheckbox : InputRadio;
 
     return (
-        <StyledTopRow>
-          {index > 0 && (
-            <StyledIndex type="title">
-              {useLetterOrdering ? String.fromCharCode(96 + index).toUpperCase() : index}
-            </StyledIndex>
-          )}
-
-          <StyledToggle>
-            <InputToggle
-              onChange={this.onCheckedChange}
-              label={!noLabels ? 'Correct' : ''}
-              checked={!!data.correct}
-              error={noCorrectAnswerError}
-            />
-          </StyledToggle>
-
-          <StyledMiddleColumn>
-              <EditableHtmlContainer
-                label={!noLabels ? 'Label' : ''}
-                value={data.label}
-                onChange={this.onLabelChange}
-                imageSupport={imageSupport}
-                disableImageAlignmentButtons={disableImageAlignmentButtons}
-                disabled={disabled}
-                spellCheck={spellCheck}
-                nonEmpty={nonEmpty}
-                pluginOpts={pluginOpts}
-                toolbarOpts={toolbarOpts}
-                error={error}
-                uploadSoundSupport={uploadSoundSupport}
-                mathMlOptions={mathMlOptions}
-                maxImageWidth={maxImageWidth}
-                maxImageHeight={maxImageHeight}
-              />
-            {error && <StyledErrorText>{error}</StyledErrorText>}
-
-            {allowFeedBack && (
-              <Feedback
-                {...data.feedback}
-                correct={data.correct}
-                defaults={defaultFeedback}
-                onChange={this.onFeedbackValueChange}
-                toolbarOpts={toolbarOpts}
-              />
-            )}
-          </StyledMiddleColumn>
+      <StyledTopRow>
+        {index > 0 && (
+          <StyledIndex type="title">
+            {useLetterOrdering ? String.fromCharCode(96 + index).toUpperCase() : index}
+          </StyledIndex>
+        )}
+
+        <StyledToggle>
+          <InputToggle
+            onChange={this.onCheckedChange}
+            label={!noLabels ? 'Correct' : ''}
+            checked={!!data.correct}
+            error={noCorrectAnswerError}
+          />
+        </StyledToggle>
+
+        <StyledMiddleColumn>
+          <EditableHtmlContainer
+            label={!noLabels ? 'Label' : ''}
+            value={data.label}
+            onChange={this.onLabelChange}
+            imageSupport={imageSupport}
+            disableImageAlignmentButtons={disableImageAlignmentButtons}
+            disabled={disabled}
+            spellCheck={spellCheck}
+            nonEmpty={nonEmpty}
+            pluginOpts={pluginOpts}
+            toolbarOpts={toolbarOpts}
+            error={error}
+            uploadSoundSupport={uploadSoundSupport}
+            mathMlOptions={mathMlOptions}
+            maxImageWidth={maxImageWidth}
+            maxImageHeight={maxImageHeight}
+          />
+          {error && <StyledErrorText>{error}</StyledErrorText>}
 
           {allowFeedBack && (
-            <StyledFeedback>
-              <InputContainer label={!noLabels ? 'Feedback' : ''}>
-                <StyledFeedbackIcon>
-                  <FeedbackMenu
-                    onChange={this.onFeedbackTypeChange}
-                    value={data.feedback}
-                  />
-                </StyledFeedbackIcon>
-              </InputContainer>
-            </StyledFeedback>
-          )}
-
-          {allowDelete && (
-            <StyledDelete>
-              <InputContainer label={!noLabels ? 'Delete' : ''}>
-                <StyledDeleteIcon>
-                  <IconButton
-                    aria-label="delete"
-                    onClick={onDelete}
-                    size="large">
-                    <ActionDelete />
-                  </IconButton>
-                </StyledDeleteIcon>
-              </InputContainer>
-            </StyledDelete>
+            <Feedback
+              {...data.feedback}
+              correct={data.correct}
+              defaults={defaultFeedback}
+              onChange={this.onFeedbackValueChange}
+              toolbarOpts={toolbarOpts}
+            />
           )}
-        </StyledTopRow>
+        </StyledMiddleColumn>
+
+        {allowFeedBack && (
+          <StyledFeedback>
+            <InputContainer label={!noLabels ? 'Feedback' : ''}>
+              <StyledFeedbackIcon>
+                <FeedbackMenu onChange={this.onFeedbackTypeChange} value={data.feedback} />
+              </StyledFeedbackIcon>
+            </InputContainer>
+          </StyledFeedback>
+        )}
+
+        {allowDelete && (
+          <StyledDelete>
+            <InputContainer label={!noLabels ? 'Delete' : ''}>
+              <StyledDeleteIcon>
+                <IconButton aria-label="delete" onClick={onDelete} size="large">
+                  <ActionDelete />
+                </IconButton>
+              </StyledDeleteIcon>
+            </InputContainer>
+          </StyledDelete>
+        )}
+      </StyledTopRow>
     );
   }
 }

package/src/feedback-config/__tests__/feedback-selector.test.jsx

@@ -4,15 +4,11 @@ import React from 'react';
 import { FeedbackSelector } from '../feedback-selector';
 
 // Mock the editable-html component to avoid window dependencies in tests
-jest.mock('@pie-lib/editable-html', () => {
+jest.mock('@pie-lib/editable-html-tip-tap', () => {
   return {
     __esModule: true,
     default: ({ markup, onChange }) => (
-      <textarea
-        data-testid="editable-html"
-        defaultValue={markup || ''}
-        onChange={(e) => onChange(e.target.value)}
-      />
+      <textarea data-testid="editable-html" defaultValue={markup || ''} onChange={(e) => onChange(e.target.value)} />
     ),
   };
 });
@@ -21,13 +17,7 @@ describe('feedback-selector', () => {
   let onChange;
 
   const renderComponent = (feedback = { type: 'default', default: 'hi' }) => {
-    return render(
-      <FeedbackSelector
-        label={'Feedback'}
-        onChange={onChange}
-        feedback={feedback}
-      />
-    );
+    return render(<FeedbackSelector label={'Feedback'} onChange={onChange} feedback={feedback} />);
   };
 
   beforeEach(() => {

package/src/feedback-config/feedback-selector.jsx

@@ -1,16 +1,15 @@
-//import EditableHTML from '@pie-lib/editable-html';
+//import EditableHTML from '@pie-lib/editable-html-tip-tap';
 import { InputContainer } from '@pie-lib/render-ui';
 import PropTypes from 'prop-types';
 import React from 'react';
 import { styled } from '@mui/material/styles';
 import Group from './group';
 
-
 // - mathquill error window not defined
 let EditableHtml;
 let StyledEditableHTML;
 if (typeof window !== 'undefined') {
-  EditableHtml = require('@pie-lib/editable-html')['default'];
+  EditableHtml = require('@pie-lib/editable-html-tip-tap')['default'];
   StyledEditableHTML = styled(EditableHtml)(({ theme }) => ({
     fontFamily: theme.typography.fontFamily,
   }));
@@ -87,10 +86,7 @@ export class FeedbackSelector extends React.Component {
 
     return (
       <StyledFeedbackSelector>
-        <StyledInputContainer
-          label={label}
-          extraClasses={{ label: { transform: 'translateY(-20%)' } }}
-        >
+        <StyledInputContainer label={label} extraClasses={{ label: { transform: 'translateY(-20%)' } }}>
           <StyledGroup
             keys={feedbackKeys}
             label={label}

package/src/layout/config-layout.jsx

@@ -5,7 +5,6 @@ import { withContentRect } from 'react-measure';
 import PropTypes from 'prop-types';
 import LayoutContents from './layout-contents';
 import SettingsBox from './settings-box';
-import { AppendCSSRules } from '@pie-lib/render-ui';
 
 const theme = createTheme({
   typography: {
@@ -26,7 +25,7 @@ const theme = createTheme({
   },
 });
 
-class MeasuredConfigLayout extends AppendCSSRules {
+class MeasuredConfigLayout extends React.Component {
   static propTypes = {
     children: PropTypes.oneOfType([PropTypes.string, PropTypes.arrayOf(PropTypes.element), PropTypes.element]),
     className: PropTypes.string,
@@ -34,6 +33,10 @@ class MeasuredConfigLayout extends AppendCSSRules {
     settings: PropTypes.element,
     sidePanelMinWidth: PropTypes.number,
     hideSettings: PropTypes.bool,
+    extraCSSRules: PropTypes.shape({
+      names: PropTypes.arrayOf(PropTypes.string),
+      rules: PropTypes.string,
+    }),
   };
 
   static defaultProps = {
@@ -69,16 +72,20 @@ class MeasuredConfigLayout extends AppendCSSRules {
         <ThemeProvider theme={theme}>
           <Measure bounds onResize={this.onResize}>
             {({ measureRef }) => {
-              const { children, settings, hideSettings, dimensions } = this.props;
+              const { children, settings, hideSettings, dimensions, extraCSSRules } = this.props;
               const { layoutMode } = this.state;
 
               const settingsPanel =
                 layoutMode === 'inline' ? <SettingsBox className="settings-box">{settings}</SettingsBox> : settings;
               const secondaryContent = hideSettings ? null : settingsPanel;
-              const finalClass = 'main-container';
+              const finalClass = 'main-container extraCSSRules';
 
               return (
                 <div ref={measureRef} className={finalClass}>
+                  {extraCSSRules?.rules ? (
+                    <style dangerouslySetInnerHTML={{ __html: `.extraCSSRules { ${extraCSSRules.rules} }` }} />
+                  ) : null}
+
                   <LayoutContents mode={layoutMode} secondary={secondaryContent} dimensions={dimensions}>
                     {children}
                   </LayoutContents>

package/lib/alert-dialog.js

@@ -1,68 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _propTypes = _interopRequireDefault(require("prop-types"));
-var _material = require("@mui/material");
-var _styles = require("@mui/material/styles");
-var StyledDialogTitle = (0, _styles.styled)(_material.DialogTitle)(function () {
-  return {
-    fontSize: 'max(1.25rem, 18px)'
-  };
-});
-var StyledDialogContentText = (0, _styles.styled)(_material.DialogContentText)(function () {
-  return {
-    fontSize: 'max(1rem, 14px)'
-  };
-});
-var AlertDialog = function AlertDialog(_ref) {
-  var text = _ref.text,
-    title = _ref.title,
-    onClose = _ref.onClose,
-    onConfirm = _ref.onConfirm,
-    open = _ref.open,
-    onCloseText = _ref.onCloseText,
-    onConfirmText = _ref.onConfirmText,
-    disableAutoFocus = _ref.disableAutoFocus,
-    disableEnforceFocus = _ref.disableEnforceFocus,
-    disableRestoreFocus = _ref.disableRestoreFocus;
-  return /*#__PURE__*/_react["default"].createElement(_material.Dialog, {
-    open: open,
-    disableAutoFocus: disableAutoFocus,
-    disableEnforceFocus: disableEnforceFocus,
-    disableRestoreFocus: disableRestoreFocus,
-    onClose: onClose
-  }, title && /*#__PURE__*/_react["default"].createElement(StyledDialogTitle, null, title), text && /*#__PURE__*/_react["default"].createElement(_material.DialogContent, null, /*#__PURE__*/_react["default"].createElement(StyledDialogContentText, null, text)), /*#__PURE__*/_react["default"].createElement(_material.DialogActions, null, onClose && /*#__PURE__*/_react["default"].createElement(_material.Button, {
-    onClick: onClose,
-    color: "primary"
-  }, onCloseText), onConfirm && /*#__PURE__*/_react["default"].createElement(_material.Button, {
-    autoFocus: true,
-    onClick: onConfirm,
-    color: "primary"
-  }, onConfirmText)));
-};
-AlertDialog.defaultProps = {
-  onCloseText: 'CANCEL',
-  onConfirmText: 'OK',
-  disableAutoFocus: false,
-  disableEnforceFocus: false,
-  disableRestoreFocus: false
-};
-AlertDialog.propTypes = {
-  text: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].object]),
-  title: _propTypes["default"].string,
-  onClose: _propTypes["default"].func,
-  onConfirm: _propTypes["default"].func,
-  open: _propTypes["default"].bool,
-  onConfirmText: _propTypes["default"].string,
-  onCloseText: _propTypes["default"].string,
-  disableAutoFocus: _propTypes["default"].bool,
-  disableEnforceFocus: _propTypes["default"].bool,
-  disableRestoreFocus: _propTypes["default"].bool
-};
-var _default = exports["default"] = AlertDialog;
-//# sourceMappingURL=alert-dialog.js.map

package/lib/alert-dialog.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"alert-dialog.js","names":["_react","_interopRequireDefault","require","_propTypes","_material","_styles","StyledDialogTitle","styled","DialogTitle","fontSize","StyledDialogContentText","DialogContentText","AlertDialog","_ref","text","title","onClose","onConfirm","open","onCloseText","onConfirmText","disableAutoFocus","disableEnforceFocus","disableRestoreFocus","createElement","Dialog","DialogContent","DialogActions","Button","onClick","color","autoFocus","defaultProps","propTypes","PropTypes","oneOfType","string","object","func","bool","_default","exports"],"sources":["../src/alert-dialog.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { Button, Dialog, DialogActions, DialogContent, DialogContentText, DialogTitle } from '@mui/material';\nimport { styled } from '@mui/material/styles';\n\nconst StyledDialogTitle = styled(DialogTitle)(() => ({\n  fontSize: 'max(1.25rem, 18px)',\n}));\n\nconst StyledDialogContentText = styled(DialogContentText)(() => ({\n  fontSize: 'max(1rem, 14px)',\n}));\n\nconst AlertDialog = ({ text, title, onClose, onConfirm, open, onCloseText, onConfirmText, disableAutoFocus, disableEnforceFocus, disableRestoreFocus }) => (\n  <Dialog open={open} disableAutoFocus={disableAutoFocus} disableEnforceFocus={disableEnforceFocus} disableRestoreFocus={disableRestoreFocus} onClose={onClose}>\n    {title && <StyledDialogTitle>{title}</StyledDialogTitle>}\n    {text && (\n      <DialogContent>\n        <StyledDialogContentText>{text}</StyledDialogContentText>\n      </DialogContent>\n    )}\n    <DialogActions>\n      {onClose && (\n        <Button onClick={onClose} color=\"primary\">\n          {onCloseText}\n        </Button>\n      )}\n      {onConfirm && (\n        <Button autoFocus onClick={onConfirm} color=\"primary\">\n          {onConfirmText}\n        </Button>\n      )}\n    </DialogActions>\n  </Dialog>\n);\n\nAlertDialog.defaultProps = {\n  onCloseText: 'CANCEL',\n  onConfirmText: 'OK',\n  disableAutoFocus: false,\n  disableEnforceFocus: false,\n  disableRestoreFocus: false,\n};\n\nAlertDialog.propTypes = {\n  text: PropTypes.oneOfType([PropTypes.string, PropTypes.object]),\n  title: PropTypes.string,\n  onClose: PropTypes.func,\n  onConfirm: PropTypes.func,\n  open: PropTypes.bool,\n  onConfirmText: PropTypes.string,\n  onCloseText: PropTypes.string,\n  disableAutoFocus: PropTypes.bool,\n  disableEnforceFocus: PropTypes.bool,\n  disableRestoreFocus: PropTypes.bool,\n};\n\nexport default AlertDialog;\n"],"mappings":"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","ignoreList":[]}

package/lib/checkbox.js

@@ -1,84 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _FormControlLabel = _interopRequireDefault(require("@mui/material/FormControlLabel"));
-var _Checkbox = _interopRequireDefault(require("@mui/material/Checkbox"));
-var _propTypes = _interopRequireDefault(require("prop-types"));
-var _react = _interopRequireDefault(require("react"));
-var _styles = require("@mui/material/styles");
-var _renderUi = require("@pie-lib/render-ui");
-var _colors = require("@mui/material/colors");
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-var StyledFormControlLabel = (0, _styles.styled)(_FormControlLabel["default"])(function (_ref) {
-  var theme = _ref.theme,
-    mini = _ref.mini;
-  return {
-    margin: 0,
-    marginLeft: 0,
-    padding: 0,
-    '& .MuiFormControlLabel-label': _objectSpread({
-      fontSize: theme.typography.fontSize - 1,
-      transform: 'translate(-4%, 2%)',
-      color: 'rgba(0,0,0,1.0)'
-    }, mini && {
-      marginLeft: theme.spacing(1),
-      color: _colors.grey[700],
-      fontSize: theme.typography.fontSize - 3
-    })
-  };
-});
-var StyledCheckbox = (0, _styles.styled)(_Checkbox["default"])(function (_ref2) {
-  var theme = _ref2.theme,
-    mini = _ref2.mini,
-    error = _ref2.error;
-  return _objectSpread(_objectSpread({
-    color: "".concat(_renderUi.color.tertiary(), " !important")
-  }, mini && {
-    margin: 0,
-    padding: 0,
-    width: theme.spacing(3),
-    height: theme.spacing(3)
-  }), error && {
-    color: "".concat(theme.palette.error.main, " !important")
-  });
-});
-var Checkbox = function Checkbox(_ref3) {
-  var mini = _ref3.mini,
-    checked = _ref3.checked,
-    onChange = _ref3.onChange,
-    value = _ref3.value,
-    label = _ref3.label,
-    error = _ref3.error;
-  return /*#__PURE__*/_react["default"].createElement(StyledFormControlLabel, {
-    mini: mini,
-    control: /*#__PURE__*/_react["default"].createElement(StyledCheckbox, {
-      checked: checked,
-      onChange: onChange,
-      value: value,
-      mini: mini,
-      error: error
-    }),
-    label: label
-  });
-};
-Checkbox.propTypes = {
-  mini: _propTypes["default"].bool,
-  checked: _propTypes["default"].bool.isRequired,
-  onChange: _propTypes["default"].func.isRequired,
-  value: _propTypes["default"].string,
-  label: _propTypes["default"].string.isRequired,
-  error: _propTypes["default"].bool
-};
-Checkbox.defaultProps = {
-  value: '',
-  mini: false,
-  error: false
-};
-var _default = exports["default"] = Checkbox;
-//# sourceMappingURL=checkbox.js.map

package/lib/checkbox.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"checkbox.js","names":["_FormControlLabel","_interopRequireDefault","require","_Checkbox","_propTypes","_react","_styles","_renderUi","_colors","ownKeys","e","r","t","Object","keys","getOwnPropertySymbols","o","filter","getOwnPropertyDescriptor","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty2","getOwnPropertyDescriptors","defineProperties","defineProperty","StyledFormControlLabel","styled","FormControlLabel","_ref","theme","mini","margin","marginLeft","padding","fontSize","typography","transform","color","spacing","grey","StyledCheckbox","MuiCheckbox","_ref2","error","concat","tertiary","width","height","palette","main","Checkbox","_ref3","checked","onChange","value","label","createElement","control","propTypes","PropTypes","bool","isRequired","func","string","defaultProps","_default","exports"],"sources":["../src/checkbox.jsx"],"sourcesContent":["import FormControlLabel from '@mui/material/FormControlLabel';\nimport MuiCheckbox from '@mui/material/Checkbox';\nimport PropTypes from 'prop-types';\nimport React from 'react';\nimport { styled } from '@mui/material/styles';\nimport { color } from '@pie-lib/render-ui';\nimport { grey } from '@mui/material/colors';\n\nconst StyledFormControlLabel = styled(FormControlLabel)(({ theme, mini }) => ({\n  margin: 0,\n  marginLeft: 0,\n  padding: 0,\n  '& .MuiFormControlLabel-label': {\n    fontSize: theme.typography.fontSize - 1,\n    transform: 'translate(-4%, 2%)',\n    color: 'rgba(0,0,0,1.0)',\n    ...(mini && {\n      marginLeft: theme.spacing(1),\n      color: grey[700],\n      fontSize: theme.typography.fontSize - 3,\n    }),\n  },\n}));\n\nconst StyledCheckbox = styled(MuiCheckbox)(({ theme, mini, error }) => ({\n  color: `${color.tertiary()} !important`,\n  ...(mini && {\n    margin: 0,\n    padding: 0,\n    width: theme.spacing(3),\n    height: theme.spacing(3),\n  }),\n  ...(error && {\n    color: `${theme.palette.error.main} !important`,\n  }),\n}));\n\nconst Checkbox = ({ mini, checked, onChange, value, label, error }) => (\n  <StyledFormControlLabel\n    mini={mini}\n    control={\n      <StyledCheckbox\n        checked={checked}\n        onChange={onChange}\n        value={value}\n        mini={mini}\n        error={error}\n      />\n    }\n    label={label}\n  />\n);\n\nCheckbox.propTypes = {\n  mini: PropTypes.bool,\n  checked: PropTypes.bool.isRequired,\n  onChange: PropTypes.func.isRequired,\n  value: PropTypes.string,\n  label: PropTypes.string.isRequired,\n  error: PropTypes.bool,\n};\n\nCheckbox.defaultProps = {\n  value: '',\n  mini: false,\n  error: false,\n};\n\nexport default Checkbox;\n"],"mappings":"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","ignoreList":[]}