@pinuts/bsr-uikit-relaunch 0.2.7 → 0.2.9

package/.nvmrc

@@ -0,0 +1 @@
+v18

package/dist/hooks/withFieldGroup.js

@@ -9,7 +9,7 @@ var _formBuilder = require("@pinuts/form-builder");
 var _reactI18next = require("react-i18next");
 var _FieldLabel = _interopRequireDefault(require("../items/FieldLabel/FieldLabel.jsx"));
 var _HTMLParserSanitized = require("../items/HTMLParserSanitized/HTMLParserSanitized.jsx");
-var _formModule = _interopRequireDefault(require("../styles/form.module.scss"));
+require("../styles/form.scss");
 var _AlertTriangle = _interopRequireDefault(require("../icons/AlertTriangle.jsx"));
 var _Verify = _interopRequireDefault(require("../icons/Verify.jsx"));
 var _InfoOutline = _interopRequireDefault(require("../icons/InfoOutline.jsx"));
@@ -92,16 +92,16 @@ const withFieldGroup = FieldComponent => props => {
 
         // Adjust vertical position
         if (rect.bottom > 200) {
-          tooltipElement.classList.remove(_formModule.default.bottom || '');
+          tooltipElement.classList.remove('bottom' || '');
         } else {
-          tooltipElement.classList.add(_formModule.default.bottom || '');
+          tooltipElement.classList.add('bottom' || '');
         }
 
         // Adjust horizontal position
         if (rect.right > window.innerWidth) {
-          tooltipElement.classList.add(_formModule.default.adjustRight || '');
+          tooltipElement.classList.add('adjustRight' || '');
         } else {
-          tooltipElement.classList.remove(_formModule.default.adjustRight || '');
+          tooltipElement.classList.remove('adjustRight' || '');
         }
       }
     };
@@ -116,25 +116,25 @@ const withFieldGroup = FieldComponent => props => {
     }
   }, []);
   const infoRow = (0, _react.useMemo)(() => /*#__PURE__*/_react.default.createElement("div", {
-    className: _formModule.default.infoRow
+    className: 'infoRow'
   }, showIsSuccess && /*#__PURE__*/_react.default.createElement("div", {
-    className: _formModule.default.success
+    className: 'success'
   }, /*#__PURE__*/_react.default.createElement(_Verify.default, {
     width: 18,
     height: 18
   })), infoText && /*#__PURE__*/_react.default.createElement("div", {
-    className: _formModule.default.info
+    className: 'info'
   }, /*#__PURE__*/_react.default.createElement(_InfoOutline.default, {
     width: 18,
     height: 18,
-    stroke: _formModule.default.grey100
+    stroke: 'grey100'
   }), /*#__PURE__*/_react.default.createElement("div", {
-    className: _formModule.default.tooltip,
+    className: 'tooltip',
     ref: tooltipRef
   }, /*#__PURE__*/_react.default.createElement(_HTMLParserSanitized.HTMLParserSanitized, null, t(infoText))))), [showIsSuccess, infoText, tooltipRef, t]);
   const helpTextDiv = (0, _react.useMemo)(() => /*#__PURE__*/_react.default.createElement("div", {
     id: fieldIds.helpText,
-    className: getClassNames([_formModule.default.helperText, classNameHelperText])
+    className: getClassNames(['helperText', classNameHelperText])
   }, /*#__PURE__*/_react.default.createElement("span", null, /*#__PURE__*/_react.default.createElement(_HTMLParserSanitized.HTMLParserSanitized, null, t(helpText)))), [fieldIds.helpText, helpText, classNameHelperText, t]);
   const topRow = (0, _react.useMemo)(() => {
     const labelComponent = label ? /*#__PURE__*/_react.default.createElement(_FieldLabel.default, {
@@ -149,14 +149,14 @@ const withFieldGroup = FieldComponent => props => {
       stepId: stepId
     }) : null;
     return /*#__PURE__*/_react.default.createElement("div", {
-      className: _formModule.default.topRow
+      className: 'topRow'
     }, labelComponent, infoRow);
   }, [infoRow, fieldIds.label, fieldIds.fieldId, isInvalid, isRequired, isFocused, label, viewMode, stepId]);
   if (viewMode && hideEmptyValues && isHiddenByEmptyValues(value, isInvalid, components, values, errors)) {
     return null;
   }
   return /*#__PURE__*/_react.default.createElement(OuterComponent, {
-    className: getClassNames([withRowCols && 'row', _formModule.default.formInput, isInvalid && _formModule.default.error, formGroupClassName])
+    className: getClassNames([withRowCols && 'row', 'formInput', isInvalid && 'error', formGroupClassName])
   }, topRow, showHelpText && usedHelpTextPositionTop && helpTextDiv, (!isInvalid || !viewMode) && /*#__PURE__*/_react.default.createElement(FieldComponent, _extends({}, props, {
     setTextLength: setTextLength,
     inputProps: {
@@ -171,13 +171,13 @@ const withFieldGroup = FieldComponent => props => {
     fieldIds: fieldIds,
     ariaAttributes: ariaAttributes
   })), showHelpText && !usedHelpTextPositionTop && helpTextDiv, showMaxCharacters && /*#__PURE__*/_react.default.createElement("span", {
-    className: getClassNames([_formModule.default.helperText, 'align-items-start'])
+    className: getClassNames(['helperText', 'align-items-start'])
   }, t(maxCharactersText, {
     characters: textLength,
     maxCharacters
   })), showIsInvalid && /*#__PURE__*/_react.default.createElement("div", {
     id: fieldIds.errorMessage,
-    className: _formModule.default.errorMessage,
+    className: 'errorMessage',
     "aria-live": "polite",
     role: "region",
     "aria-atomic": "true"
@@ -186,7 +186,7 @@ const withFieldGroup = FieldComponent => props => {
   }, t('bsrItems.errorMsgPrefix')), /*#__PURE__*/_react.default.createElement(_AlertTriangle.default, {
     width: 18,
     height: 18,
-    className: _formModule.default.errorMessageIcon
+    className: 'errorMessageIcon'
   }), validationMessage));
 };
 const FieldSetComponent = _ref => {