@inseefr/lunatic 2.0.0-rc9 → 2.0.0-v2test

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

@@ -0,0 +1,290 @@
+"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 = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0) { ; } } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i["return"] && (_r = _i["return"](), Object(_r) !== _r)) 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,41 @@
+"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,25 @@
+"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,21 @@
+"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,23 @@
+"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,42 @@
+"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,22 @@
+"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,21 @@
+"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;

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

@@ -0,0 +1,31 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _classnames = _interopRequireDefault(require("classnames"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _TableRow = _interopRequireDefault(require("@mui/material/TableRow"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+function TrMui(_ref) {
+  var id = _ref.id,
+    children = _ref.children,
+    className = _ref.className,
+    row = _ref.row;
+  return /*#__PURE__*/_react["default"].createElement(_TableRow["default"], {
+    id: "lunatic-mui-tr-".concat(id, "-").concat(row),
+    className: (0, _classnames["default"])('lunatic-mui-tr', className)
+  }, children);
+}
+TrMui.propTypes = {
+  id: _propTypes["default"].string.isRequired,
+  row: _propTypes["default"].number.isRequired,
+  className: _propTypes["default"].string
+};
+TrMui.defaultProps = {
+  className: undefined
+};
+var _default = TrMui;
+exports["default"] = _default;

package/lib/stories/date-picker/data.json

@@ -0,0 +1,3 @@
+{
+	"COLLECTED": {}
+}

package/lib/stories/date-picker/datepicker.stories.js

@@ -0,0 +1,31 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = exports.Default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _orchestrator = _interopRequireDefault(require("../utils/orchestrator"));
+var _source = _interopRequireDefault(require("./source"));
+var _data = _interopRequireDefault(require("./data"));
+var _defaultArgTypes = _interopRequireDefault(require("../utils/default-arg-types"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+var stories = {
+  title: 'Components/DatePicker',
+  component: _orchestrator["default"],
+  argTypes: _defaultArgTypes["default"]
+};
+var _default = stories;
+exports["default"] = _default;
+var Template = function Template(args) {
+  return /*#__PURE__*/_react["default"].createElement(_orchestrator["default"], args);
+};
+var Default = Template.bind({});
+exports.Default = Default;
+Default.args = {
+  id: 'input',
+  source: _source["default"],
+  data: _data["default"],
+  disabled: false,
+  readOnly: false
+};

package/lib/stories/date-picker/source.json

@@ -0,0 +1,91 @@
+{
+	"cleaning": {},
+	"variables": [
+		{
+			"variableType": "COLLECTED",
+			"values": {
+				"COLLECTED": null,
+				"EDITED": null,
+				"INPUTED": null,
+				"FORCED": null,
+				"PREVIOUS": null
+			},
+			"name": "COMMENT_QE"
+		},
+		{
+			"variableType": "COLLECTED",
+			"values": {
+				"COLLECTED": null,
+				"EDITED": null,
+				"INPUTED": null,
+				"FORCED": null,
+				"PREVIOUS": null
+			},
+			"name": "Q1"
+		},
+		{
+			"variableType": "CALCULATED",
+			"expression": { "type": "VTL", "value": "true" },
+			"name": "FILTER_RESULT_Q1",
+			"inFilter": "false"
+		}
+	],
+	"components": [
+		{
+			"componentType": "Datepicker",
+			"controls": [
+				{
+					"criticality": "ERROR",
+					"errorMessage": {
+						"type": "VTL|MD",
+						"value": "Le format de la date YYYY-MM-DD n'est pas respecté."
+					},
+					"control": {
+						"type": "VTL",
+						"value": "not(cast(\\\"Q1\\\", date, \\\"YYYY-MM-DD\\\"))"
+					},
+					"id": "l7ovm2rv-format"
+				},
+				{
+					"criticality": "ERROR",
+					"errorMessage": {
+						"type": "VTL|MD",
+						"value": "La date saisie doit être comprise entre 1900-01-01 et 2100-01-01."
+					},
+					"control": {
+						"type": "VTL",
+						"value": "not(cast(\\\"Q1\\\", date, \\\"YYYY-MM-DD\\\")>cast(\\\"2100-01-01\\\", date, \\\"YYYY-MM-DD\\\") or cast(\\\"Q1\\\", date, \\\"YYYY-MM-DD\\\")<cast(\\\"1900-01-01\\\", date, \\\"YYYY-MM-DD\\\"))"
+					},
+					"id": "l7ovm2rv-formatborne"
+				}
+			],
+			"max": "2100-01-01",
+			"dateFormat": "YYYY-MM-DD",
+			"hierarchy": {
+				"sequence": {
+					"id": "l7ovaca8",
+					"page": "1",
+					"label": { "type": "VTL|MD", "value": "\"I - \" || \"S1\"" }
+				}
+			},
+			"conditionFilter": { "type": "VTL", "value": "true" },
+			"label": { "type": "VTL|MD", "value": "\"➡ 1. \" || \"Q1\"" },
+			"mandatory": false,
+			"bindingDependencies": ["Q1"],
+			"min": "1900-01-01",
+			"response": { "name": "Q1" },
+			"id": "l7ovm2rv",
+			"page": "1"
+		}
+	],
+	"pagination": "question",
+	"resizing": {},
+	"label": { "type": "VTL|MD", "value": "DatePicker" },
+	"lunaticModelVersion": "2.2.13",
+	"modele": "DATEPICKER",
+	"enoCoreVersion": "2.3.10",
+	"generatingDate": "05-09-2022 14:37:43",
+	"missing": false,
+	"id": "l7ovbqou",
+	"maxPage": "1"
+}

package/lib/stories/dropdown/data.json

@@ -0,0 +1,16 @@
+{
+	"STATE": {
+		"PREVIOUS": null,
+		"COLLECTED": "2",
+		"FORCED": "3",
+		"EDITED": null,
+		"INPUTED": null
+	},
+	"STATE2": {
+		"PREVIOUS": null,
+		"COLLECTED": "3",
+		"FORCED": "2",
+		"EDITED": null,
+		"INPUTED": null
+	}
+}