@inseefr/lunatic 2.5.2 → 2.6.0-rc.1

package/lib/components/component-set/html/__snapshots__/component-set.spec.tsx.snap

@@ -0,0 +1,124 @@
+// Vitest Snapshot v1
+
+exports[`ComponentSet > renders without crashing 1`] = `
+<div>
+  <fieldset
+    class="lunatic-component-set"
+  >
+    <legend
+      class="lunatic-legend"
+      id="label-componentSet"
+    >
+      component set test
+    </legend>
+    <div
+      class="lunatic lunatic-component"
+    >
+      <div
+        aria-label="subsequence-toto"
+        class="subsequence-lunatic"
+        id="subsequence-toto"
+      >
+        label
+      </div>
+    </div>
+    <div
+      class="lunatic lunatic-component"
+    >
+      <div
+        class="field-container"
+      >
+        <div
+          class="field"
+        >
+          <div
+            class="lunatic-input"
+          >
+            <label
+              class="lunatic-label"
+              for="toto1"
+              id="label-toto1"
+            >
+              input label
+              <span
+                class="label-description"
+              >
+                input description
+              </span>
+            </label>
+            <input
+              aria-labelledby="label-toto1"
+              autocomplete="off"
+              id="toto1"
+              type="text"
+              value="input value"
+            />
+          </div>
+        </div>
+      </div>
+    </div>
+  </fieldset>
+</div>
+`;
+
+exports[`ComponentSet > should handle readOnly in sub-components 1`] = `
+<div>
+  <fieldset
+    class="lunatic-component-set"
+  >
+    <legend
+      class="lunatic-legend"
+      id="label-componentSet"
+    >
+      component set test
+    </legend>
+    <div
+      class="lunatic lunatic-component"
+    >
+      <div
+        aria-label="subsequence-toto"
+        class="subsequence-lunatic"
+        id="subsequence-toto"
+      >
+        label
+      </div>
+    </div>
+    <div
+      class="lunatic lunatic-component"
+    >
+      <div
+        class="field-container"
+      >
+        <div
+          class="field"
+        >
+          <div
+            class="lunatic-input"
+          >
+            <label
+              class="lunatic-label"
+              for="toto1"
+              id="label-toto1"
+            >
+              input label
+              <span
+                class="label-description"
+              >
+                input description
+              </span>
+            </label>
+            <input
+              aria-labelledby="label-toto1"
+              autocomplete="off"
+              id="toto1"
+              readonly=""
+              type="text"
+              value="input value"
+            />
+          </div>
+        </div>
+      </div>
+    </div>
+  </fieldset>
+</div>
+`;

package/lib/components/component-set/html/{legend/legend.js → component-set-legend.js}

@@ -3,12 +3,12 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = void 0;
+exports.ComponentSetLegend = ComponentSetLegend;
 var _classnames = _interopRequireDefault(require("classnames"));
-var _description = _interopRequireDefault(require("../../../commons/components/description"));
+var _description = _interopRequireDefault(require("../../commons/components/description"));
 var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-function Legend(_ref) {
+function ComponentSetLegend(_ref) {
   var children = _ref.children,
     id = _ref.id,
     className = _ref.className,
@@ -25,6 +25,4 @@ function Legend(_ref) {
       value: description
     })]
   });
-}
-var _default = Legend;
-exports["default"] = _default;
+}

package/lib/components/component-set/html/component-set-wrapper.js

@@ -0,0 +1,16 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ComponentSetWrapper = void 0;
+var _commons = require("../../commons");
+var _jsxRuntime = require("react/jsx-runtime");
+var ComponentSetWrapper = (0, _commons.createCustomizableLunaticField)(function (_ref) {
+  var children = _ref.children;
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+    className: "lunatic-component-set-component",
+    children: children
+  });
+}, 'ComponentSetWrapper');
+exports.ComponentSetWrapper = ComponentSetWrapper;

package/lib/components/component-set/html/component-set.js

@@ -3,13 +3,12 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = void 0;
-var _react = _interopRequireDefault(require("react"));
+exports.ComponentSet = void 0;
+exports.ComponentSetBase = ComponentSetBase;
 var _commons = require("../../commons");
-var _legend = _interopRequireDefault(require("./legend"));
+var _componentSetLegend = require("./component-set-legend");
 var _jsxRuntime = require("react/jsx-runtime");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-function ComponentSet(_ref) {
+function ComponentSetBase(_ref) {
   var id = _ref.id,
     errors = _ref.errors,
     legendText = _ref.legendText,
@@ -17,7 +16,7 @@ function ComponentSet(_ref) {
   var labelId = "label-".concat(id);
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)("fieldset", {
     className: "lunatic-component-set",
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_legend["default"], {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_componentSetLegend.ComponentSetLegend, {
       id: labelId,
       children: legendText
     }), children, /*#__PURE__*/(0, _jsxRuntime.jsx)(_commons.Errors, {
@@ -26,5 +25,5 @@ function ComponentSet(_ref) {
     })]
   });
 }
-var _default = (0, _commons.createCustomizableLunaticField)(ComponentSet, 'ComponentSet');
-exports["default"] = _default;
+var ComponentSet = (0, _commons.createCustomizableLunaticField)(ComponentSetBase, 'ComponentSet');
+exports.ComponentSet = ComponentSet;

package/lib/components/component-set/html/component-set.spec.js

@@ -0,0 +1,91 @@
+"use strict";
+
+var _react = require("@testing-library/react");
+var _vitest = require("vitest");
+var _componentSet = require("./component-set");
+var _lunaticComponents = require("../../lunatic-components");
+var _jsxRuntime = require("react/jsx-runtime");
+// import type { FilledLunaticComponentProps } from '../../../use-lunatic/commons/fill-components/fill-components';
+
+(0, _vitest.describe)('ComponentSet', function () {
+  (0, _vitest.it)('renders without crashing', function () {
+    var label = 'component set test';
+    var components = [{
+      label: 'label',
+      componentType: 'Subsequence',
+      gotoPage: '1',
+      conditionFilter: true,
+      declarations: undefined,
+      controls: undefined,
+      shortcut: false,
+      mandatory: false,
+      preferences: ['COLLECTED'],
+      id: 'toto'
+    }, {
+      label: 'input label',
+      description: 'input description',
+      componentType: 'Input',
+      value: 'input value',
+      conditionFilter: true,
+      declarations: undefined,
+      controls: undefined,
+      shortcut: false,
+      mandatory: false,
+      preferences: ['COLLECTED'],
+      id: 'toto1'
+    }];
+    var _render = (0, _react.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_componentSet.ComponentSetBase, {
+        legendText: label,
+        id: "componentSet",
+        "aria-labelledby": "input",
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_lunaticComponents.LunaticComponents, {
+          components: components
+        })
+      })),
+      container = _render.container;
+    (0, _vitest.expect)(container).toMatchSnapshot();
+  });
+  (0, _vitest.it)('should handle readOnly in sub-components', function () {
+    var label = 'component set test';
+    var components = [{
+      label: 'label',
+      componentType: 'Subsequence',
+      gotoPage: '1',
+      conditionFilter: true,
+      declarations: undefined,
+      controls: undefined,
+      shortcut: false,
+      mandatory: false,
+      preferences: ['COLLECTED'],
+      id: 'toto'
+    }, {
+      label: 'input label',
+      description: 'input description',
+      componentType: 'Input',
+      value: 'input value',
+      conditionFilter: true,
+      declarations: undefined,
+      controls: undefined,
+      shortcut: false,
+      mandatory: false,
+      preferences: ['COLLECTED'],
+      id: 'toto1',
+      readOnly: true
+    }];
+    var _render2 = (0, _react.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_componentSet.ComponentSetBase, {
+        legendText: label,
+        id: "componentSet",
+        "aria-labelledby": "input",
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_lunaticComponents.LunaticComponents, {
+          components: components
+        })
+      })),
+      container = _render2.container;
+    (0, _vitest.expect)(container).toMatchSnapshot();
+    var input = container.querySelector('input');
+    (0, _vitest.expect)(input).toHaveAttribute('readonly');
+    input.focus();
+    (0, _vitest.expect)(input).toHaveFocus();
+    (0, _vitest.expect)(input).toHaveValue('input value');
+  });
+});

package/lib/components/component-set/lunatic-component-set.js

@@ -4,12 +4,13 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = void 0;
+exports.LunaticComponentSet = LunaticComponentSet;
 var _lunaticComponentWithoutLabel = _interopRequireDefault(require("../commons/components/lunatic-component-without-label"));
-var _componentSet = _interopRequireDefault(require("./html/component-set"));
-var _componentSetComponents = _interopRequireDefault(require("./html/component-set-components"));
+var _lunaticComponents = require("../lunatic-components");
+var _componentSet = require("./html/component-set");
+var _componentSetWrapper = require("./html/component-set-wrapper");
 var _jsxRuntime = require("react/jsx-runtime");
-var _excluded = ["id", "label", "declarations", "description", "response"];
+var _excluded = ["id", "label", "declarations", "description", "response", "components"];
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
@@ -24,6 +25,7 @@ function LunaticComponentSet(_ref) {
     declarations = _ref.declarations,
     description = _ref.description,
     response = _ref.response,
+    components = _ref.components,
     props = _objectWithoutProperties(_ref, _excluded);
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_lunaticComponentWithoutLabel["default"], {
     id: id,
@@ -34,13 +36,21 @@ function LunaticComponentSet(_ref) {
     missing: props.missing,
     management: props.management,
     handleChange: props.handleChange,
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_componentSet["default"], {
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_componentSet.ComponentSet, {
       id: id,
       legendText: label,
       errors: props.errors,
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_componentSetComponents["default"], _objectSpread({}, props))
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_lunaticComponents.LunaticComponents, {
+        components: components
+        // Component props take precedence (we don't want to override value for instance)
+        ,
+        componentProps: function componentProps(c) {
+          return _objectSpread(_objectSpread({}, props), c);
+        },
+        wrapper: function wrapper(p) {
+          return /*#__PURE__*/(0, _jsxRuntime.jsx)(_componentSetWrapper.ComponentSetWrapper, _objectSpread({}, p));
+        }
+      })
     })
   });
-}
-var _default = LunaticComponentSet;
-exports["default"] = _default;
+}

package/lib/components/datepicker/html/__snapshots__/datepicker.spec.tsx.snap

@@ -0,0 +1,34 @@
+// Vitest Snapshot v1
+
+exports[`Datepicker > renders without crashing 1`] = `
+<div>
+  <div
+    class="lunatic-input"
+  >
+    <input
+      aria-labelledby="lunatic-datepicker-datepicker"
+      class="lunatic-datepicker"
+      id="datepicker"
+      type="date"
+      value="1999-01-01"
+    />
+  </div>
+</div>
+`;
+
+exports[`Datepicker > should handle readOnly 1`] = `
+<div>
+  <div
+    class="lunatic-input"
+  >
+    <input
+      aria-labelledby="lunatic-datepicker-Datepicker"
+      class="lunatic-datepicker readOnly"
+      id="Datepicker"
+      readonly=""
+      type="date"
+      value="1980-01-19"
+    />
+  </div>
+</div>
+`;

package/lib/components/datepicker/html/datepicker-input.js

@@ -4,7 +4,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
-var _react = _interopRequireDefault(require("react"));
 var _classnames = _interopRequireDefault(require("classnames"));
 var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }

package/lib/components/datepicker/html/datepicker.js

@@ -1,19 +1,16 @@
 "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 _react = require("react");
 var _commons = require("../../commons");
 var _datepickerInput = _interopRequireDefault(require("./datepicker-input"));
 var _datepickerContainer = _interopRequireDefault(require("./datepicker-container"));
 require("./datepicker.scss");
 var _jsxRuntime = require("react/jsx-runtime");
 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 Datepicker(_ref) {
   var disabled = _ref.disabled,
     readOnly = _ref.readOnly,

package/lib/components/datepicker/html/datepicker.spec.js

@@ -0,0 +1,38 @@
+"use strict";
+
+var _react = require("@testing-library/react");
+var _vitest = require("vitest");
+var _datepicker = _interopRequireDefault(require("./datepicker"));
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+(0, _vitest.describe)('Datepicker', function () {
+  var mockOnChange = _vitest.vi.fn();
+  (0, _vitest.beforeEach)(function () {
+    mockOnChange.mockClear();
+  });
+  (0, _vitest.it)('renders without crashing', function () {
+    var _render = (0, _react.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_datepicker["default"], {
+        value: '1999-01-01',
+        id: "datepicker",
+        "aria-labelledby": "datepicker",
+        onChange: mockOnChange
+      })),
+      container = _render.container;
+    (0, _vitest.expect)(container).toMatchSnapshot();
+  });
+  (0, _vitest.it)('should handle readOnly', function () {
+    var _render2 = (0, _react.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_datepicker["default"], {
+        id: "Datepicker",
+        value: '1980-01-19',
+        readOnly: true,
+        onChange: mockOnChange
+      })),
+      container = _render2.container;
+    (0, _vitest.expect)(container).toMatchSnapshot();
+    var input = container.querySelector('input[type="date"]');
+    (0, _vitest.expect)(input).toHaveAttribute('readonly');
+    input.focus();
+    (0, _vitest.expect)(input).toHaveFocus();
+    (0, _vitest.expect)(input).toHaveValue('1980-01-19');
+  });
+});

package/lib/components/datepicker/lunatic-datepicker.js

@@ -4,7 +4,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
-var _react = _interopRequireDefault(require("react"));
 var _datepicker = _interopRequireDefault(require("./html/datepicker"));
 var _commons = require("../commons");
 var _lunaticComponentWithoutLabel = _interopRequireDefault(require("../commons/components/lunatic-component-without-label"));

package/lib/components/dropdown/html/__snapshots__/dropdown.spec.tsx.snap

@@ -0,0 +1,85 @@
+// Vitest Snapshot v1
+
+exports[`Dropdown > renders without crashing 1`] = `
+<div>
+  <div
+    class="lunatic-combo-box-container lunatic-suggester-default-style lunatic-suggester-default-style default-style"
+    id="lunatic-combo-box-container-dropdown"
+  >
+    <div
+      class="lunatic-combo-box"
+    >
+      <div
+        class="lunatic-combo-box-content"
+        tabindex="0"
+      >
+        <div
+          aria-autocomplete="list"
+          aria-controls="todo"
+          aria-expanded="false"
+          aria-haspopup="listbox"
+          aria-labelledby="label-dropdown"
+          aria-owns="dropdown"
+          class="lunatic-combo-box-selection"
+          id="dropdown"
+          role="combobox"
+        >
+          <span
+            class="selection"
+          >
+            toto
+          </span>
+        </div>
+        <ul
+          aria-label="suggestions"
+          class="lunatic-combo-box-panel"
+          id="lunatic-combo-box-panel-dropdown-list"
+          role="listbox"
+        />
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`Dropdown > should handle readOnly 1`] = `
+<div>
+  <div
+    class="lunatic-combo-box-container lunatic-suggester-default-style lunatic-suggester-default-style default-style"
+    id="lunatic-combo-box-container-dropdown"
+  >
+    <div
+      class="lunatic-combo-box"
+    >
+      <div
+        class="lunatic-combo-box-content"
+        tabindex="0"
+      >
+        <div
+          aria-autocomplete="list"
+          aria-controls="todo"
+          aria-expanded="false"
+          aria-haspopup="listbox"
+          aria-labelledby="label-dropdown"
+          aria-owns="dropdown"
+          class="lunatic-combo-box-selection"
+          id="dropdown"
+          role="combobox"
+        >
+          <span
+            class="selection"
+          >
+            toto label
+          </span>
+        </div>
+        <ul
+          aria-label="suggestions"
+          class="lunatic-combo-box-panel"
+          id="lunatic-combo-box-panel-dropdown-list"
+          role="listbox"
+        />
+      </div>
+    </div>
+  </div>
+</div>
+`;

package/lib/components/dropdown/html/dropdown-simple/dropdown-simple.js

@@ -4,7 +4,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
-var _react = _interopRequireDefault(require("react"));
 var _commons = require("../../../commons");
 var _simpleOptionRenderer = _interopRequireDefault(require("./simple-option-renderer"));
 var _simpleLabelRenderer = _interopRequireDefault(require("./simple-label-renderer"));
@@ -19,11 +18,13 @@ function DropdownSimple(_ref) {
     value = _ref.value,
     label = _ref.label,
     errors = _ref.errors,
-    description = _ref.description;
+    description = _ref.description,
+    readOnly = _ref.readOnly;
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_commons.ComboBox, {
     id: id,
     className: className,
     disabled: disabled,
+    readOnly: readOnly,
     options: options,
     editable: false,
     onSelect: onSelect,

package/lib/components/dropdown/html/dropdown-simple/simple-label-renderer.js

@@ -4,9 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
-var _react = _interopRequireDefault(require("react"));
 var _jsxRuntime = require("react/jsx-runtime");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 function getContent(option, search) {
   if (option) {
     var value = option.value,

package/lib/components/dropdown/html/dropdown-writable/dropdown-writable.js

@@ -1,19 +1,16 @@
 "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 _react = require("react");
 var _commons = require("../../../commons");
 var _writableOptionRenderer = _interopRequireDefault(require("./writable-option-renderer"));
 var _writableLabelRenderer = _interopRequireDefault(require("./writable-label-renderer"));
 var _filterOptions = _interopRequireDefault(require("./filter-tools/filter-options"));
 var _jsxRuntime = require("react/jsx-runtime");
 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); }
@@ -29,7 +26,8 @@ function DropdownWritable(_ref) {
     value = _ref.value,
     label = _ref.label,
     errors = _ref.errors,
-    description = _ref.description;
+    description = _ref.description,
+    readOnly = _ref.readOnly;
   var _useState = (0, _react.useState)(options),
     _useState2 = _slicedToArray(_useState, 2),
     filtered = _useState2[0],
@@ -46,6 +44,7 @@ function DropdownWritable(_ref) {
     id: id,
     className: className,
     disabled: disabled,
+    readOnly: readOnly,
     options: filtered,
     onSelect: onSelect,
     onChange: onChange,

package/lib/components/dropdown/html/dropdown-writable/writable-label-renderer.js

@@ -1,14 +1,11 @@
 "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 _react = require("react");
 var _jsxRuntime = require("react/jsx-runtime");
-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 getContent(option, search) {
   if (option) {
     var value = option.value,

package/lib/components/dropdown/html/dropdown-writable/writable-option-renderer.js

@@ -5,15 +5,13 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
-var _react = _interopRequireWildcard(require("react"));
+var _react = require("react");
 var _classnames = _interopRequireDefault(require("classnames"));
 var _getLabel = _interopRequireDefault(require("./filter-tools/get-label"));
 var _lettersMatching = _interopRequireDefault(require("./filter-tools/letters-matching"));
 var _preparePrefix = _interopRequireDefault(require("./filter-tools/prepare-prefix"));
 var _jsxRuntime = require("react/jsx-runtime");
 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 _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 ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }