@inseefr/lunatic 2.0.2 → 2.0.3-v2

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

@@ -0,0 +1,75 @@
+"use strict";
+
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+
+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 _excluded = ["value", "onClick"];
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+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__*/_react["default"].createElement(_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__*/_react["default"].createElement(_FormControlLabel["default"], {
+      key: valueOption,
+      value: valueOption,
+      control: /*#__PURE__*/_react["default"].createElement(RadioButtonMui, {
+        value: valueOption,
+        onClick: onClick
+      }),
+      label: label
+    });
+  });
+  return /*#__PURE__*/_react["default"].createElement(_FormControl["default"], null, /*#__PURE__*/_react["default"].createElement(_RadioGroup["default"], {
+    "aria-labelledby": labelId,
+    value: value,
+    id: id
+  }, radios));
+}
+
+var _default = RadioMui;
+exports["default"] = _default;

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

@@ -0,0 +1,15 @@
+"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

@@ -0,0 +1,328 @@
+"use strict";
+
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+
+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"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+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(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+
+// 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__*/_react["default"].createElement(_ClickAwayListener["default"], {
+    mouseEvent: "onMouseDown",
+    touchEvent: "onTouchStart",
+    onClickAway: onBlur
+  }, /*#__PURE__*/_react["default"].createElement(_Box["default"], {
+    id: id,
+    "aria-labelledby": labelledBy,
+    sx: {
+      position: 'relative',
+      zIndex: zIndex
+    },
+    className: className
+  }, 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__*/_react["default"].createElement(_IconButton["default"], {
+    color: "primary",
+    sx: {
+      p: '8px',
+      "float": 'right'
+    },
+    "aria-label": "delete",
+    onClick: onClick
+  }, "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__*/_react["default"].createElement(_Paper["default"], {
+    component: "form",
+    sx: {
+      p: '2px 4px',
+      display: 'flex',
+      alignItems: 'center',
+      width: 'fit-content'
+    }
+  }, /*#__PURE__*/_react["default"].createElement(_InputBase["default"], {
+    value: value,
+    onFocus: onFocus,
+    ref: inputRef,
+    placeholder: placeholder,
+    onChange: onChange
+  }), /*#__PURE__*/_react["default"].createElement(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__*/_react["default"].createElement(SelectionInput, {
+      value: getContent(selection, value),
+      ref: inputRef,
+      placeholder: placeholderList,
+      onDelete: onDelete,
+      onFocus: onFocus
+    });
+  }
+
+  return /*#__PURE__*/_react["default"].createElement(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__*/_react["default"].createElement(_MenuItem["default"], {
+    onClick: handleClick,
+    sx: {
+      backgroundColor: backgroundColor
+    }
+  }, /*#__PURE__*/_react["default"].createElement(_Stack["default"], {
+    direction: "row",
+    spacing: 1,
+    alignItems: "center"
+  }, /*#__PURE__*/_react["default"].createElement(_Typography["default"], null, id), /*#__PURE__*/_react["default"].createElement(_Typography["default"], null, 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__*/_react["default"].createElement(OptionMUI, {
+        key: id,
+        id: id,
+        label: label,
+        selected: index === selectedIndex,
+        index: index,
+        onClick: onClick
+      });
+    });
+    return /*#__PURE__*/_react["default"].createElement(_Popper["default"], {
+      open: expended,
+      placement: "bottom-start",
+      disablePortal: true,
+      anchorEl: anchorEl
+    }, /*#__PURE__*/_react["default"].createElement(_Paper["default"], {
+      sx: {
+        backgroundColor: 'snow',
+        zIndex: 10
+      },
+      elevation: 2
+    }, /*#__PURE__*/_react["default"].createElement(_MenuList["default"], {
+      className: "lunatic-suggester-mui-panel"
+    }, 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);
+    console.log(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__*/_react["default"].createElement(SuggesterContainer, {
+    id: id,
+    labelledBy: labelledBy,
+    className: className,
+    onBlur: onBlur,
+    expended: expended
+  }, /*#__PURE__*/_react["default"].createElement(Selection, {
+    placeholder: placeholder,
+    onChange: onChangeEx,
+    onDelete: onDelete,
+    value: search,
+    onFocus: onFocus,
+    ref: inputEl,
+    expended: expended,
+    selection: selection
+  }), /*#__PURE__*/_react["default"].createElement(Panel, {
+    options: options,
+    expended: expended,
+    anchorEl: inputEl.current,
+    onClick: onClick,
+    selectedIndex: selectedIndex
+  }));
+}
+
+var _default = SuggesterMui;
+exports["default"] = _default;

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

@@ -0,0 +1,51 @@
+"use strict";
+
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+
+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"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+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__*/_react["default"].createElement(_Stack["default"], {
+    direction: "row",
+    spacing: 1,
+    alignItems: "center"
+  }, /*#__PURE__*/_react["default"].createElement(_Typography["default"], null, falseStatue), /*#__PURE__*/_react["default"].createElement(_Switch["default"], {
+    checked: checked,
+    onClick: handleClick,
+    disabled: disabled,
+    inputProps: {
+      'aria-labelledby': labelId,
+      'aria-checked': checked
+    }
+  }), /*#__PURE__*/_react["default"].createElement(_Typography["default"], null, trueStatus));
+}
+
+var _default = SwitchMui;
+exports["default"] = _default;

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

@@ -0,0 +1,33 @@
+"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"));
+
+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__*/_react["default"].createElement(_TableContainer["default"], {
+    component: _Paper["default"]
+  }, /*#__PURE__*/_react["default"].createElement(_Table["default"], {
+    id: "lunatic-mui-table".concat(id),
+    className: (0, _classnames["default"])('lunatic-mui-table', className)
+  }, children));
+}
+
+var _default = TableMui;
+exports["default"] = _default;

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

@@ -0,0 +1,27 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var _TableBody = _interopRequireDefault(require("@mui/material/TableBody"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+function TbodyMui(_ref) {
+  var children = _ref.children,
+      id = _ref.id,
+      className = _ref.className;
+  return /*#__PURE__*/_react["default"].createElement(_TableBody["default"], {
+    id: "lunatic-mui-tbody-".concat(id),
+    className: (0, _classnames["default"])('lunatic-mui-tbody', className)
+  }, children);
+}
+
+var _default = TbodyMui;
+exports["default"] = _default;

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

@@ -0,0 +1,29 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var _TableCell = _interopRequireDefault(require("@mui/material/TableCell"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+function TdMui(_ref) {
+  var id = _ref.id,
+      children = _ref.children,
+      row = _ref.row,
+      index = _ref.index,
+      className = _ref.className;
+  return /*#__PURE__*/_react["default"].createElement(_TableCell["default"], {
+    id: "lunatic-mui-td-".concat(id, "-").concat(row, "-").concat(index),
+    className: (0, _classnames["default"])('lunatic-mui-td', className)
+  }, children);
+}
+
+var _default = TdMui;
+exports["default"] = _default;

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

@@ -0,0 +1,51 @@
+"use strict";
+
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var _OutlinedInput = _interopRequireDefault(require("@mui/material/OutlinedInput"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+function TextareaMui(_ref) {
+  var id = _ref.id,
+      rows = _ref.rows,
+      maxLength = _ref.maxLength,
+      cols = _ref.cols,
+      onChange = _ref.onChange,
+      value = _ref.value,
+      className = _ref.className,
+      placeholder = _ref.placeholder;
+  var handleChange = (0, _react.useCallback)(function (e) {
+    onChange(e.target.value);
+  }, [onChange]);
+  return /*#__PURE__*/_react["default"].createElement(_OutlinedInput["default"], {
+    id: "lunatic-mui-textarea-".concat(id),
+    className: (0, _classnames["default"])('lunatic-mui-textarea', className),
+    multiline: true,
+    fullWidth: true,
+    components: {
+      elementType: 'textarea'
+    },
+    onChange: handleChange,
+    value: value,
+    placeholder: placeholder,
+    maxLength: maxLength,
+    cols: cols
+  });
+}
+
+var _default = TextareaMui;
+exports["default"] = _default;

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

@@ -0,0 +1,28 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var _TableCell = _interopRequireDefault(require("@mui/material/TableCell"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+function ThMui(_ref) {
+  var id = _ref.id,
+      index = _ref.index,
+      children = _ref.children,
+      className = _ref.className;
+  return /*#__PURE__*/_react["default"].createElement(_TableCell["default"], {
+    id: "lunatic-mui-th-".concat(id, "-").concat(index),
+    className: (0, _classnames["default"])('lunatic-mui-th', className)
+  }, children);
+}
+
+var _default = ThMui;
+exports["default"] = _default;

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

@@ -0,0 +1,27 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var _TableHead = _interopRequireDefault(require("@mui/material/TableHead"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+function TheadMui(_ref) {
+  var children = _ref.children,
+      id = _ref.id,
+      className = _ref.className;
+  return /*#__PURE__*/_react["default"].createElement(_TableHead["default"], {
+    id: "lunatic-mui-thead-".concat(id),
+    className: (0, _classnames["default"])('lunatic-mui-thead', className)
+  }, children);
+}
+
+var _default = TheadMui;
+exports["default"] = _default;