@inseefr/lunatic 2.3.0 → 2.4.0

package/lib/components/filter-description/component.js

@@ -0,0 +1,22 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _commons = require("../commons");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+var FilterDescription = function FilterDescription(_ref) {
+  var id = _ref.id,
+    label = _ref.label;
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+    id: "filter-description-".concat(id),
+    "aria-label": "filter-description",
+    className: "filter-description-lunatic",
+    children: label
+  });
+};
+var _default = (0, _commons.createCustomizableLunaticField)(FilterDescription, 'FilterDescription');
+exports["default"] = _default;

package/lib/components/filter-description/component.spec.js

@@ -0,0 +1,23 @@
+"use strict";
+
+var _react = _interopRequireDefault(require("react"));
+var _react2 = require("@testing-library/react");
+var _component = _interopRequireDefault(require("./component"));
+var _vitest = require("vitest");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+(0, _vitest.describe)('FilterDescription component', function () {
+  (0, _vitest.it)('renders with correct label and aria-label', function () {
+    var id = '1';
+    var label = 'Filter description';
+    var _render = (0, _react2.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_component["default"], {
+        id: id,
+        label: label
+      })),
+      getByLabelText = _render.getByLabelText;
+    var filterDescriptionElement = getByLabelText('filter-description');
+    (0, _vitest.expect)(filterDescriptionElement).toHaveTextContent(label);
+    (0, _vitest.expect)(filterDescriptionElement).toHaveClass('filter-description-lunatic');
+    (0, _vitest.expect)(filterDescriptionElement).toHaveAttribute('id', "filter-description-".concat(id));
+  });
+});

package/lib/components/filter-description/index.js

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

package/lib/components/index.js

@@ -0,0 +1,28 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _exportNames = {
+  Table: true
+};
+Object.defineProperty(exports, "Table", {
+  enumerable: true,
+  get: function get() {
+    return _table["default"];
+  }
+});
+var _components = require("./components");
+Object.keys(_components).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _components[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _components[key];
+    }
+  });
+});
+var _table = _interopRequireDefault(require("./table"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }

package/lib/components/index.scss

@@ -0,0 +1,136 @@
+* {
+	box-sizing: border-box;
+	--color-primary-dark: #2a5885;
+	--color-primary-light: #5181b8;
+	--color-primary-main: #4a73a4;
+	--color-primary-contrast-text: #ffffff;
+
+	--color-secondary-dark: #14202d;
+	--color-secondary-light: #f7f8fa;
+	--color-secondary-main: #1a293b;
+	--color-secondary-contrast-text: #ffffff;
+
+	--color-very-light: #dbe4ef;
+	--color-very-very-light: #e6eaee;
+	--color-current-item: #0d823e;
+
+	--color-error: #f50c0c;
+	--color-disabled: rgb(235, 235, 228);
+	--color-prefix: cornflowerblue;
+	--color-dropdown-active: rgba(0, 0, 0, 0.04);
+	--color-dropdown-selected: rgba(0, 0, 0, 0.08);
+
+	--dropdown-transition-time: 0.5s;
+}
+
+@mixin vertical-placement($reverse: false) {
+	display: flex;
+	flex-direction: if($reverse, column-reverse, column);
+}
+
+@mixin horizontal-placement($reverse: false) {
+	display: flex;
+	flex-direction: if($reverse, row-reverse, row);
+	align-items: baseline;
+
+	:first-child {
+		margin-right: 1rem;
+	}
+}
+
+.lunatic-component {
+	.mandatory:after {
+		content: ' *';
+		color: red;
+	}
+
+	.horizontal-options {
+		display: inline-block;
+		margin-right: 2em;
+	}
+
+	// Label & Legend
+	label,
+	legend,
+	.subsequence-lunatic,
+	.lunatic-dropdown-label,
+	.lunatic-dropdown-label focused {
+		color: var(--color-primary-dark);
+		background-color: var(--color-primary-contrast-text);
+		border: 0;
+		padding: 0;
+		font-size: 0.75rem;
+		font-family: 'Roboto', 'Helvetica', 'Arial', sans-serif;
+		font-weight: bold;
+		margin-bottom: 0.375rem;
+	}
+
+	/* refactor proposition */
+
+	// .lunatic-component {
+	// 	width: fit-content;
+	// }
+
+	.lunatic-component-container {
+		display: flex;
+
+		&.label-left-ex {
+			flex-direction: row;
+			align-items: baseline;
+			.lunatic-label {
+				margin-right: 1em;
+			}
+		}
+		&.label-right-ex {
+			flex-direction: row-reverse;
+			align-items: baseline;
+			.lunatic-label {
+				margin-left: 1em;
+			}
+		}
+		&.label-top-ex {
+			flex-direction: column;
+		}
+		&.label-bottom-ex {
+			flex-direction: column-reverse;
+		}
+	}
+
+	/******/
+
+	.label-top {
+		@include vertical-placement();
+	}
+	.label-bottom {
+		@include vertical-placement(true);
+	}
+	.label-right {
+		justify-content: flex-end;
+		@include horizontal-placement(true);
+	}
+	.label-left {
+		@include horizontal-placement();
+	}
+
+	.field-container {
+		display: flex;
+	}
+
+	.modality-label p {
+		display: inline;
+	}
+
+	.field {
+		width: 100%;
+		position: relative;
+	}
+
+	.link-md .field-md {
+		border-bottom: dashed 0.1em var(--color-primary-dark);
+		&:hover {
+			cursor: help;
+			color: var(--color-primary-contrast-text);
+			background-color: var(--color-primary-dark);
+		}
+	}
+}

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

@@ -0,0 +1,79 @@
+"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 _classnames = _interopRequireDefault(require("classnames"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _react = _interopRequireWildcard(require("react"));
+var _commons = require("../../commons");
+var _description = require("../../commons/components/description");
+require("./input.scss");
+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 _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+function checkValue(value) {
+  return value !== null && value !== void 0 ? value : '';
+}
+function Input(_ref) {
+  var value = _ref.value,
+    onChange = _ref.onChange,
+    disabled = _ref.disabled,
+    required = _ref.required,
+    maxLength = _ref.maxLength,
+    label = _ref.label,
+    description = _ref.description,
+    id = _ref.id,
+    errors = _ref.errors;
+  var labelId = "label-".concat(id);
+  var handleChange = (0, _react.useCallback)(function (e) {
+    var value = e.target.value;
+    onChange(value);
+  }, [onChange]);
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+    className: (0, _classnames["default"])('lunatic-input'),
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_commons.Label, {
+      htmlFor: id,
+      id: labelId,
+      description: description,
+      children: label
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)("input", {
+      id: id,
+      labelledbby: labelId,
+      autoComplete: "off",
+      type: "text",
+      disabled: disabled,
+      value: checkValue(value),
+      onChange: handleChange,
+      "aria-required": required,
+      required: required,
+      maxLength: maxLength
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_commons.Errors, {
+      errors: errors,
+      activeId: id
+    })]
+  });
+}
+Input.propTypes = {
+  id: _propTypes["default"].string.isRequired,
+  value: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].number, _propTypes["default"].bool, _propTypes["default"].array]),
+  onChange: _propTypes["default"].func.isRequired,
+  disabled: _propTypes["default"].bool,
+  required: _propTypes["default"].bool,
+  label: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].element]),
+  errors: _propTypes["default"].object,
+  description: _description.DescritionPropsType
+};
+Input.defaultValue = {
+  disabled: false,
+  label: undefined,
+  errors: undefined,
+  description: undefined,
+  required: true,
+  maxLength: Number.MAX_SAFE_INTEGER
+};
+var _default = (0, _commons.createCustomizableLunaticField)(Input, 'Input');
+exports["default"] = _default;

package/lib/components/input/html/input.scss

@@ -0,0 +1,42 @@
+.lunatic-component {
+	.lunatic-input,
+	.lunatic-datepicker,
+	.lunatic-textarea,
+	.lunatic-input-number {
+		label {
+			font-size: 12px;
+			.label-description {
+				font-size: 12px;
+				font-weight: lighter;
+				display: block;
+			}
+		}
+		input {
+			font: inherit;
+			border: 0;
+			border-bottom: 0.125rem double rgba(0, 0, 0, 0.42);
+			margin: 0;
+			padding: 0.375rem 0 0.375rem 0.4375rem;
+			display: block;
+			min-width: 0;
+			box-sizing: content-box;
+			background: none;
+			&:focus {
+				outline: none;
+				border-bottom: 0.125rem solid var(--color-primary-main);
+			}
+			&:hover {
+				border-bottom: 0.125rem solid black;
+			}
+			&:read-only {
+				background-color: var(--color-disabled);
+			}
+		}
+
+		.warning {
+			box-sizing: border-box;
+			border: solid 2px var(--color-error);
+			background-color: var(--color-error);
+		}
+	}
+}

package/lib/components/input/index.js

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

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

@@ -0,0 +1,57 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _input = _interopRequireDefault(require("./html/input"));
+var _lunaticComponentWithoutLabel = _interopRequireDefault(require("../commons/components/lunatic-component-without-label"));
+var _useOnHandleChange = _interopRequireDefault(require("../commons/use-on-handle-change"));
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+function LunaticInput(props) {
+  var id = props.id,
+    value = props.value,
+    handleChange = props.handleChange,
+    response = props.response,
+    errors = props.errors,
+    declarations = props.declarations,
+    preferences = props.preferences,
+    label = props.label,
+    disabled = props.disabled,
+    missing = props.missing,
+    missingResponse = props.missingResponse,
+    management = props.management,
+    description = props.description,
+    required = props.required,
+    maxLength = props.maxLength;
+  var onChange = (0, _useOnHandleChange["default"])({
+    handleChange: handleChange,
+    response: response,
+    value: value
+  });
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_lunaticComponentWithoutLabel["default"], {
+    id: id,
+    preferences: preferences,
+    declarations: declarations,
+    value: value,
+    missing: missing,
+    missingResponse: missingResponse,
+    management: management,
+    description: description,
+    handleChange: handleChange,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_input["default"], {
+      id: id,
+      value: value,
+      onChange: onChange,
+      label: label,
+      disabled: disabled,
+      errors: errors,
+      required: required,
+      maxLength: maxLength
+    })
+  });
+}
+var _default = LunaticInput;
+exports["default"] = _default;

package/lib/components/input-number/html/__snapshots__/inpute-number.spec.jsx.snap

@@ -0,0 +1,92 @@
+// Vitest Snapshot v1
+
+exports[`InputNumber > renders without crashing 1`] = `
+{
+  "asFragment": [Function],
+  "baseElement": <body>
+    <div>
+      <div
+        class="lunatic-input-number"
+      >
+        <input
+          class=""
+          id="input"
+          inputmode="numeric"
+          labelledby="label-input"
+          lang="en"
+          step="1"
+          type="number"
+          value="input"
+        />
+      </div>
+    </div>
+  </body>,
+  "container": <div>
+    <div
+      class="lunatic-input-number"
+    >
+      <input
+        class=""
+        id="input"
+        inputmode="numeric"
+        labelledby="label-input"
+        lang="en"
+        step="1"
+        type="number"
+        value="input"
+      />
+    </div>
+  </div>,
+  "debug": [Function],
+  "findAllByAltText": [Function],
+  "findAllByDisplayValue": [Function],
+  "findAllByLabelText": [Function],
+  "findAllByPlaceholderText": [Function],
+  "findAllByRole": [Function],
+  "findAllByTestId": [Function],
+  "findAllByText": [Function],
+  "findAllByTitle": [Function],
+  "findByAltText": [Function],
+  "findByDisplayValue": [Function],
+  "findByLabelText": [Function],
+  "findByPlaceholderText": [Function],
+  "findByRole": [Function],
+  "findByTestId": [Function],
+  "findByText": [Function],
+  "findByTitle": [Function],
+  "getAllByAltText": [Function],
+  "getAllByDisplayValue": [Function],
+  "getAllByLabelText": [Function],
+  "getAllByPlaceholderText": [Function],
+  "getAllByRole": [Function],
+  "getAllByTestId": [Function],
+  "getAllByText": [Function],
+  "getAllByTitle": [Function],
+  "getByAltText": [Function],
+  "getByDisplayValue": [Function],
+  "getByLabelText": [Function],
+  "getByPlaceholderText": [Function],
+  "getByRole": [Function],
+  "getByTestId": [Function],
+  "getByText": [Function],
+  "getByTitle": [Function],
+  "queryAllByAltText": [Function],
+  "queryAllByDisplayValue": [Function],
+  "queryAllByLabelText": [Function],
+  "queryAllByPlaceholderText": [Function],
+  "queryAllByRole": [Function],
+  "queryAllByTestId": [Function],
+  "queryAllByText": [Function],
+  "queryAllByTitle": [Function],
+  "queryByAltText": [Function],
+  "queryByDisplayValue": [Function],
+  "queryByLabelText": [Function],
+  "queryByPlaceholderText": [Function],
+  "queryByRole": [Function],
+  "queryByTestId": [Function],
+  "queryByText": [Function],
+  "queryByTitle": [Function],
+  "rerender": [Function],
+  "unmount": [Function],
+}
+`;

package/lib/components/input-number/html/input-number-default.js

@@ -0,0 +1,78 @@
+"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 _classnames = _interopRequireDefault(require("classnames"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _react = _interopRequireWildcard(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 _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+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 InputNumberDefault(_ref) {
+  var id = _ref.id,
+    value = _ref.value,
+    onChange = _ref.onChange,
+    disabled = _ref.disabled,
+    required = _ref.required,
+    labelId = _ref.labelId,
+    min = _ref.min,
+    max = _ref.max,
+    decimals = _ref.decimals;
+  // Decimals is a number indicates the number behind the separator of decimals
+  // Computing step attribute of input according to decimal number
+  var _useState = (0, _react.useState)(decimals ? 1 / Math.pow(10, decimals) : 1),
+    _useState2 = _slicedToArray(_useState, 1),
+    step = _useState2[0];
+  var handleChange = (0, _react.useCallback)(function (e) {
+    var val = e.target.valueAsNumber;
+    onChange(isNaN(val) ? null : val);
+  }, [onChange]);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("input", {
+    id: id,
+    className: (0, _classnames["default"])({
+      disabled: disabled
+    }),
+    type: "number",
+    inputMode: decimals ? 'decimal' : 'numeric',
+    onChange: handleChange,
+    value: value !== null && value !== void 0 ? value : '',
+    labelledby: labelId,
+    disabled: disabled,
+    required: required,
+    min: min,
+    max: max,
+    step: step,
+    lang: "en"
+  });
+}
+InputNumberDefault.propTypes = {
+  id: _propTypes["default"].string.isRequired,
+  labelId: _propTypes["default"].string,
+  value: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].number, _propTypes["default"].bool, _propTypes["default"].array]),
+  onChange: _propTypes["default"].func.isRequired,
+  required: _propTypes["default"].bool,
+  disabled: _propTypes["default"].bool,
+  min: _propTypes["default"].number,
+  max: _propTypes["default"].number,
+  decimals: _propTypes["default"].number
+};
+InputNumberDefault.defaultValue = {
+  disabled: false,
+  required: true,
+  min: undefined,
+  max: undefined,
+  decimals: undefined,
+  labelId: undefined
+};
+var _default = InputNumberDefault;
+exports["default"] = _default;

package/lib/components/input-number/html/input-number-thousand.js

@@ -0,0 +1,54 @@
+"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 _classnames = _interopRequireDefault(require("classnames"));
+var _react = _interopRequireWildcard(require("react"));
+var _reactNumberFormat = require("react-number-format");
+var _i18n = require("../../../i18n");
+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 _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+var InputNumberThousand = function InputNumberThousand(_ref) {
+  var id = _ref.id,
+    value = _ref.value,
+    onChange = _ref.onChange,
+    disabled = _ref.disabled,
+    labelId = _ref.labelId,
+    min = _ref.min,
+    max = _ref.max,
+    decimals = _ref.decimals;
+  var handleChange = (0, _react.useCallback)(function (e) {
+    var val = e.floatValue;
+    onChange(isNaN(val) ? null : val);
+  }, [onChange]);
+  var isAllowed = (0, _react.useCallback)(function (values) {
+    var floatValue = values.floatValue;
+    if (Number.isInteger(min) && Number.isInteger(max)) return floatValue >= min && floatValue <= max || floatValue === undefined;
+    return true;
+  }, [max, min]);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNumberFormat.NumericFormat, {
+    id: id,
+    className: (0, _classnames["default"])({
+      disabled: disabled
+    }),
+    onValueChange: handleChange,
+    value: value !== null && value !== void 0 ? value : '',
+    labelledby: labelId,
+    disabled: disabled,
+    lang: "en",
+    isAllowed: isAllowed,
+    allowedDecimalSeparators: _i18n.inputNumberPropsI18N.allDecimalSeparators,
+    decimalSeparator: _i18n.inputNumberPropsI18N.decimalSeparator,
+    decimalScale: decimals,
+    allowLeadingZeros: true,
+    thousandSeparator: _i18n.inputNumberPropsI18N.thousandSeparator,
+    inputMode: decimals ? 'decimal' : 'numeric'
+  });
+};
+var _default = InputNumberThousand;
+exports["default"] = _default;