@inseefr/lunatic 2.7.21 → 3.0.0-rc.10

package/lib/stories/custom-mui/index.js

@@ -1,111 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "CheckboxBoolean", {
-  enumerable: true,
-  get: function get() {
-    return _checkboxBooleanMui["default"];
-  }
-});
-Object.defineProperty(exports, "CheckboxGroup", {
-  enumerable: true,
-  get: function get() {
-    return _checkboxGroupMui["default"];
-  }
-});
-Object.defineProperty(exports, "CheckboxOne", {
-  enumerable: true,
-  get: function get() {
-    return _checkboxOneMui["default"];
-  }
-});
-Object.defineProperty(exports, "Input", {
-  enumerable: true,
-  get: function get() {
-    return _inputMui["default"];
-  }
-});
-Object.defineProperty(exports, "InputNumber", {
-  enumerable: true,
-  get: function get() {
-    return _inputNumberMui["default"];
-  }
-});
-Object.defineProperty(exports, "Radio", {
-  enumerable: true,
-  get: function get() {
-    return _radioMui["default"];
-  }
-});
-Object.defineProperty(exports, "Suggester", {
-  enumerable: true,
-  get: function get() {
-    return _suggesterMui["default"];
-  }
-});
-Object.defineProperty(exports, "Switch", {
-  enumerable: true,
-  get: function get() {
-    return _switchMui["default"];
-  }
-});
-Object.defineProperty(exports, "Table", {
-  enumerable: true,
-  get: function get() {
-    return _tableMui["default"];
-  }
-});
-Object.defineProperty(exports, "Tbody", {
-  enumerable: true,
-  get: function get() {
-    return _tbodyMui["default"];
-  }
-});
-Object.defineProperty(exports, "Td", {
-  enumerable: true,
-  get: function get() {
-    return _tdMui["default"];
-  }
-});
-Object.defineProperty(exports, "Textarea", {
-  enumerable: true,
-  get: function get() {
-    return _textareaMui["default"];
-  }
-});
-Object.defineProperty(exports, "Th", {
-  enumerable: true,
-  get: function get() {
-    return _thMui["default"];
-  }
-});
-Object.defineProperty(exports, "Thead", {
-  enumerable: true,
-  get: function get() {
-    return _theadMui["default"];
-  }
-});
-Object.defineProperty(exports, "TrMui", {
-  enumerable: true,
-  get: function get() {
-    return _trMui["default"];
-  }
-});
-var _inputNumberMui = _interopRequireDefault(require("./input-number-mui"));
-var _switchMui = _interopRequireDefault(require("./switch-mui"));
-var _tableMui = _interopRequireDefault(require("./table-mui"));
-var _theadMui = _interopRequireDefault(require("./thead-mui"));
-var _tbodyMui = _interopRequireDefault(require("./tbody-mui"));
-var _thMui = _interopRequireDefault(require("./th-mui"));
-var _tdMui = _interopRequireDefault(require("./td-mui"));
-var _inputMui = _interopRequireDefault(require("./input-mui"));
-var _trMui = _interopRequireDefault(require("./tr-mui"));
-var _textareaMui = _interopRequireDefault(require("./textarea-mui"));
-var _suggesterMui = _interopRequireDefault(require("./suggester-mui"));
-var _checkboxBooleanMui = _interopRequireDefault(require("./checkbox-boolean-mui"));
-var _checkboxGroupMui = _interopRequireDefault(require("./checkbox-group-mui"));
-var _checkboxOneMui = _interopRequireDefault(require("./checkbox-one-mui"));
-var _radioMui = _interopRequireDefault(require("./radio-mui"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }

package/lib/stories/custom-mui/input-mui.js

@@ -1,51 +0,0 @@
-"use strict";
-
-function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _classnames = _interopRequireDefault(require("classnames"));
-var _TextField = _interopRequireDefault(require("@mui/material/TextField"));
-var _jsxRuntime = require("react/jsx-runtime");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
-function checkValue(value) {
-  return value || '';
-}
-function InputMui(_ref) {
-  var value = _ref.value,
-    onChange = _ref.onChange,
-    disabled = _ref.disabled,
-    required = _ref.required,
-    maxLength = _ref.maxLength,
-    id = _ref.id,
-    labelledBy = _ref.labelledBy,
-    readOnly = _ref.readOnly;
-  var handleChange = (0, _react.useCallback)(function (e) {
-    var value = e.target.value;
-    onChange(value);
-  }, [onChange]);
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_TextField["default"], {
-    id: "lunatic-mui-".concat(id),
-    "aria-labelledby": labelledBy,
-    autoComplete: "off",
-    type: "text",
-    disabled: disabled,
-    className: (0, _classnames["default"])('lunatic-mui-input'),
-    value: checkValue(value),
-    onChange: handleChange,
-    "aria-required": required,
-    required: required,
-    maxLength: maxLength,
-    readOnly: readOnly
-  });
-}
-InputMui.defaultProps = {
-  disabled: false,
-  required: true,
-  maxLength: Number.MAX_SAFE_INTEGER
-};
-var _default = exports["default"] = InputMui;

package/lib/stories/custom-mui/input-number-mui.js

@@ -1,39 +0,0 @@
-"use strict";
-
-function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _TextField = _interopRequireDefault(require("@mui/material/TextField"));
-var _jsxRuntime = require("react/jsx-runtime");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
-function InputNumberMui(_ref) {
-  var value = _ref.value,
-    onChange = _ref.onChange,
-    disabled = _ref.disabled,
-    readOnly = _ref.readOnly,
-    labelId = _ref.labelId,
-    min = _ref.min,
-    max = _ref.max,
-    step = _ref.step;
-  var handleChange = (0, _react.useCallback)(function (e) {
-    var value = e.target.value;
-    onChange(value);
-  }, [onChange]);
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_TextField["default"], {
-    type: "number",
-    onChange: handleChange,
-    value: value,
-    disabled: disabled,
-    "aria-labelledby": labelId,
-    min: min,
-    max: max,
-    step: step,
-    readOnly: readOnly
-  });
-}
-var _default = exports["default"] = InputNumberMui;

package/lib/stories/custom-mui/radio-mui.js

@@ -1,61 +0,0 @@
-"use strict";
-
-function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _Radio = _interopRequireDefault(require("@mui/material/Radio"));
-var _RadioGroup = _interopRequireWildcard(require("@mui/material/RadioGroup"));
-var _FormControlLabel = _interopRequireDefault(require("@mui/material/FormControlLabel"));
-var _FormControl = _interopRequireDefault(require("@mui/material/FormControl"));
-var _jsxRuntime = require("react/jsx-runtime");
-var _excluded = ["value", "onClick"];
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
-function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-function RadioButtonMui(_ref) {
-  var value = _ref.value,
-    onClick = _ref.onClick,
-    rest = _objectWithoutProperties(_ref, _excluded);
-  var radioGroup = (0, _RadioGroup.useRadioGroup)();
-  var checked = value === radioGroup.value;
-  var handleClick = (0, _react.useCallback)(function () {
-    onClick(value);
-  }, [value, onClick]);
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Radio["default"], {
-    checked: checked,
-    onClick: handleClick
-  });
-}
-function RadioMui(_ref2) {
-  var labelId = _ref2.labelId,
-    options = _ref2.options,
-    value = _ref2.value,
-    id = _ref2.id,
-    onClick = _ref2.onClick;
-  var radios = options.map(function (_ref3) {
-    var valueOption = _ref3.value,
-      label = _ref3.label;
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_FormControlLabel["default"], {
-      value: valueOption,
-      control: /*#__PURE__*/(0, _jsxRuntime.jsx)(RadioButtonMui, {
-        value: valueOption,
-        onClick: onClick
-      }),
-      label: label
-    }, valueOption);
-  });
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_FormControl["default"], {
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_RadioGroup["default"], {
-      "aria-labelledby": labelId,
-      value: value,
-      id: id,
-      children: radios
-    })
-  });
-}
-var _default = exports["default"] = RadioMui;

package/lib/stories/custom-mui/suggester-mui/index.js

@@ -1,13 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "default", {
-  enumerable: true,
-  get: function get() {
-    return _suggesterMui["default"];
-  }
-});
-var _suggesterMui = _interopRequireDefault(require("./suggester-mui"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }

package/lib/stories/custom-mui/suggester-mui/suggester-mui.js

@@ -1,301 +0,0 @@
-"use strict";
-
-function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _IconButton = _interopRequireDefault(require("@mui/material/IconButton"));
-var _InputBase = _interopRequireDefault(require("@mui/material/InputBase"));
-var _ClickAwayListener = _interopRequireDefault(require("@mui/material/ClickAwayListener"));
-var _Stack = _interopRequireDefault(require("@mui/material/Stack"));
-var _Paper = _interopRequireDefault(require("@mui/material/Paper"));
-var _MenuList = _interopRequireDefault(require("@mui/material/MenuList"));
-var _MenuItem = _interopRequireDefault(require("@mui/material/MenuItem"));
-var _Typography = _interopRequireDefault(require("@mui/material/Typography"));
-var _Box = _interopRequireDefault(require("@mui/material/Box"));
-var _Popper = _interopRequireDefault(require("@mui/material/Popper"));
-var _jsxRuntime = require("react/jsx-runtime");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
-function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
-function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; } // import ClearIcon from '@mui/icons-material/Clear';
-// function getSelection(options, selectedIndex) {
-// 	if (selectedIndex !== undefined) {
-// 		return options[selectedIndex];
-// 	}
-// 	return undefined;
-// }
-function SuggesterContainer(_ref) {
-  var children = _ref.children,
-    onKeyDown = _ref.onKeyDown,
-    labelledBy = _ref.labelledBy,
-    id = _ref.id,
-    className = _ref.className,
-    onBlur = _ref.onBlur,
-    expended = _ref.expended;
-  // const handleClickAway = useCallback(function () {
-  // 	onBlur();
-  // }, []);
-  var zIndex = expended ? '1' : '0';
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_ClickAwayListener["default"], {
-    mouseEvent: "onMouseDown",
-    touchEvent: "onTouchStart",
-    onClickAway: onBlur,
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Box["default"], {
-      id: id,
-      "aria-labelledby": labelledBy,
-      sx: {
-        position: 'relative',
-        zIndex: zIndex
-      },
-      className: className,
-      children: children
-    })
-  });
-}
-function getContent(selection, search) {
-  if (selection) {
-    var id = selection.id,
-      label = selection.label;
-    return "".concat(id, " - ").concat(label);
-  }
-  return search !== null && search !== void 0 ? search : '';
-}
-function Delete(_ref2) {
-  var onClick = _ref2.onClick;
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_IconButton["default"], {
-    color: "primary",
-    sx: {
-      p: '8px',
-      "float": 'right'
-    },
-    "aria-label": "delete",
-    onClick: onClick,
-    children: "C"
-  });
-}
-function nothing() {}
-var SelectionInput = /*#__PURE__*/_react["default"].forwardRef(function SelectionInput(_ref3, inputRef) {
-  var value = _ref3.value,
-    placeholder = _ref3.placeholder,
-    onFocus = _ref3.onFocus,
-    _ref3$onChange = _ref3.onChange,
-    onChange = _ref3$onChange === void 0 ? nothing : _ref3$onChange,
-    onDelete = _ref3.onDelete;
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Paper["default"], {
-    component: "form",
-    sx: {
-      p: '2px 4px',
-      display: 'flex',
-      alignItems: 'center',
-      width: 'fit-content'
-    },
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_InputBase["default"], {
-      value: value,
-      onFocus: onFocus,
-      ref: inputRef,
-      placeholder: placeholder,
-      onChange: onChange
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(Delete, {
-      onClick: onDelete
-    })]
-  });
-});
-var Selection = /*#__PURE__*/_react["default"].forwardRef(function Selection(_ref4, inputRef) {
-  var value = _ref4.value,
-    onChange = _ref4.onChange,
-    placeholderList = _ref4.placeholderList,
-    selection = _ref4.selection,
-    onDelete = _ref4.onDelete,
-    expended = _ref4.expended,
-    onFocus = _ref4.onFocus;
-  if (!expended) {
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)(SelectionInput, {
-      value: getContent(selection, value),
-      ref: inputRef,
-      placeholder: placeholderList,
-      onDelete: onDelete,
-      onFocus: onFocus
-    });
-  }
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(SelectionInput, {
-    value: value,
-    onChange: onChange,
-    ref: inputRef,
-    placeholder: placeholderList,
-    onDelete: onDelete
-  });
-});
-
-// const Selection = React.forwardRef(function Selection(
-// 	{ placeholder, onChange, onDelete, value, onFocus },
-// 	ref
-// ) {
-// 	return (
-// 		<Paper
-// 			component="form"
-// 			sx={{
-// 				p: '2px 4px',
-// 				display: 'flex',
-// 				alignItems: 'center',
-// 				width: 'fit-content',
-// 			}}
-// 		>
-// 			<SelectionInput
-// 				value={value}
-// 				placeholder={placeholder}
-// 				onChange={onChange}
-// 				ref={ref}
-// 				onFocus={onFocus}
-// 			/>
-// 			<Delete onClick={onDelete} />
-// 		</Paper>
-// 	);
-// });
-
-function OptionMUI(_ref5) {
-  var label = _ref5.label,
-    id = _ref5.id,
-    selected = _ref5.selected,
-    onClick = _ref5.onClick,
-    index = _ref5.index;
-  var handleClick = (0, _react.useCallback)(function () {
-    onClick(index);
-  }, [index, onClick]);
-  var backgroundColor = selected ? 'gold' : 'transparent';
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_MenuItem["default"], {
-    onClick: handleClick,
-    sx: {
-      backgroundColor: backgroundColor
-    },
-    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Stack["default"], {
-      direction: "row",
-      spacing: 1,
-      alignItems: "center",
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Typography["default"], {
-        children: id
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Typography["default"], {
-        children: label
-      })]
-    })
-  });
-}
-function Panel(_ref6) {
-  var options = _ref6.options,
-    expended = _ref6.expended,
-    anchorEl = _ref6.anchorEl,
-    onClick = _ref6.onClick,
-    selectedIndex = _ref6.selectedIndex,
-    index = _ref6.index;
-  if (Array.isArray(options) && options.length && expended) {
-    var items = options.map(function (option, index) {
-      var label = option.label,
-        id = option.id;
-      return /*#__PURE__*/(0, _jsxRuntime.jsx)(OptionMUI, {
-        id: id,
-        label: label,
-        selected: index === selectedIndex,
-        index: index,
-        onClick: onClick
-      }, id);
-    });
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Popper["default"], {
-      open: expended,
-      placement: "bottom-start",
-      disablePortal: true,
-      anchorEl: anchorEl,
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Paper["default"], {
-        sx: {
-          backgroundColor: 'snow',
-          zIndex: 10
-        },
-        elevation: 2,
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_MenuList["default"], {
-          className: "lunatic-suggester-mui-panel",
-          children: items
-        })
-      })
-    });
-  }
-  return null;
-}
-function SuggesterMui(_ref7) {
-  var className = _ref7.className,
-    labelledBy = _ref7.labelledBy,
-    placeholder = _ref7.placeholder,
-    optionRenderer = _ref7.optionRenderer,
-    onSelect = _ref7.onSelect,
-    options = _ref7.options,
-    onChange = _ref7.onChange,
-    labelRenderer = _ref7.labelRenderer,
-    value = _ref7.value,
-    disabled = _ref7.disabled,
-    id = _ref7.id;
-  var inputEl = (0, _react.useRef)();
-  var _useState = (0, _react.useState)(''),
-    _useState2 = _slicedToArray(_useState, 2),
-    search = _useState2[0],
-    setSearch = _useState2[1];
-  var _useState3 = (0, _react.useState)(false),
-    _useState4 = _slicedToArray(_useState3, 2),
-    expended = _useState4[0],
-    setExpended = _useState4[1];
-  var _useState5 = (0, _react.useState)(undefined),
-    _useState6 = _slicedToArray(_useState5, 2),
-    selectedIndex = _useState6[0],
-    setSelectedIndex = _useState6[1];
-  var _useState7 = (0, _react.useState)(undefined),
-    _useState8 = _slicedToArray(_useState7, 2),
-    selection = _useState8[0],
-    setSelection = _useState8[1];
-  var onChangeEx = (0, _react.useCallback)(function (e) {
-    onChange(e.target.value);
-    setSearch(e.target.value);
-  }, [onChange]);
-  var onDelete = (0, _react.useCallback)(function () {
-    setSearch('');
-    setSelectedIndex(undefined);
-    setSelection(undefined);
-  }, []);
-  var onBlur = (0, _react.useCallback)(function () {
-    setExpended(false);
-  }, []);
-  var onFocus = (0, _react.useCallback)(function () {
-    setExpended(true);
-  }, []);
-  var onClick = (0, _react.useCallback)(function (index) {
-    setSelectedIndex(index);
-    setSelection(options[index]);
-  }, [options]);
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(SuggesterContainer, {
-    id: id,
-    labelledBy: labelledBy,
-    className: className,
-    onBlur: onBlur,
-    expended: expended,
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(Selection, {
-      placeholder: placeholder,
-      onChange: onChangeEx,
-      onDelete: onDelete,
-      value: search,
-      onFocus: onFocus,
-      ref: inputEl,
-      expended: expended,
-      selection: selection
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(Panel, {
-      options: options,
-      expended: expended,
-      anchorEl: inputEl.current,
-      onClick: onClick,
-      selectedIndex: selectedIndex
-    })]
-  });
-}
-var _default = exports["default"] = SuggesterMui;

package/lib/stories/custom-mui/switch-mui.js

@@ -1,46 +0,0 @@
-"use strict";
-
-function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _Switch = _interopRequireDefault(require("@mui/material/Switch"));
-var _Stack = _interopRequireDefault(require("@mui/material/Stack"));
-var _Typography = _interopRequireDefault(require("@mui/material/Typography"));
-var _jsxRuntime = require("react/jsx-runtime");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
-function SwitchMui(_ref) {
-  var checked = _ref.checked,
-    disabled = _ref.disabled,
-    onClick = _ref.onClick,
-    statusLabel = _ref.statusLabel,
-    labelId = _ref.labelId;
-  var handleClick = (0, _react.useCallback)(function () {
-    onClick(!checked);
-  }, [checked, onClick]);
-  var trueStatus = statusLabel["true"],
-    falseStatue = statusLabel["false"];
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Stack["default"], {
-    direction: "row",
-    spacing: 1,
-    alignItems: "center",
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Typography["default"], {
-      children: falseStatue
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Switch["default"], {
-      checked: checked,
-      onClick: handleClick,
-      disabled: disabled,
-      inputProps: {
-        'aria-labelledby': labelId,
-        'aria-checked': checked
-      }
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Typography["default"], {
-      children: trueStatus
-    })]
-  });
-}
-var _default = exports["default"] = SwitchMui;

package/lib/stories/custom-mui/table-mui.js

@@ -1,27 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _Table = _interopRequireDefault(require("@mui/material/Table"));
-var _classnames = _interopRequireDefault(require("classnames"));
-var _TableContainer = _interopRequireDefault(require("@mui/material/TableContainer"));
-var _Paper = _interopRequireDefault(require("@mui/material/Paper"));
-var _jsxRuntime = require("react/jsx-runtime");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-function TableMui(_ref) {
-  var children = _ref.children,
-    id = _ref.id,
-    className = _ref.className;
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_TableContainer["default"], {
-    component: _Paper["default"],
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Table["default"], {
-      id: "lunatic-mui-table".concat(id),
-      className: (0, _classnames["default"])('lunatic-mui-table', className),
-      children: children
-    })
-  });
-}
-var _default = exports["default"] = TableMui;