@sebgroup/green-react 4.0.0 → 5.0.0

package/src/lib/form/input/input.js

@@ -1,11 +1,11 @@
-import { _ as _slicedToArray, b as _defineProperty } from '../../../../_rollupPluginBabelHelpers.js';
-import { _ as __rest } from '../../../../_tslib.js';
-import { jsx, jsxs } from 'react/jsx-runtime';
+import { a as _objectWithoutProperties, _ as _slicedToArray, e as _defineProperty } from '../../../../_rollupPluginBabelHelpers.js';
 import { forwardRef, useState, useEffect, useCallback } from 'react';
 import classNames from 'classnames';
-import { randomId, validateClassName } from '@sebgroup/extract';
 import { FormItem } from '../../formItem/formItem.js';
+import { randomId } from '../../shared/id.js';
+import { validateClassName } from '../../shared/validator.js';
 import { Group } from '../group/group.js';
+import { jsx, jsxs } from 'react/jsx-runtime';
 export { RadioButton } from '../radioButton/radioButton.js';
 export { Checkbox } from '../checkbox/checkbox.js';
 import '@lit/react';
@@ -18,34 +18,35 @@ import '../../icons/times.js';
 import '../../icons/infoCircle.js';
 import '../useInput.js';
 
+var _excluded = ["aria-describedby", "aria-live", "autoComplete", "children", "className", "testId", "expandableInfo", "expandableInfoButtonLabel", "formatter", "id", "label", "info", "onChange", "unit", "role", "validator", "onChangeInput", "value", "required"];
 /**
  * @deprecated Please use the `gds-input` web component from green-core instead
  */
-var Input = /*#__PURE__*/forwardRef(function (_a, ref) {
-  var ariaDescribedBy = _a['aria-describedby'],
-    _a$ariaLive = _a['aria-live'],
-    ariaLive = _a$ariaLive === void 0 ? 'assertive' : _a$ariaLive,
-    _a$autoComplete = _a.autoComplete,
-    autoComplete = _a$autoComplete === void 0 ? 'off' : _a$autoComplete,
-    children = _a.children,
-    className = _a.className,
-    dataTestId = _a.testId,
-    expandableInfo = _a.expandableInfo,
-    expandableInfoButtonLabel = _a.expandableInfoButtonLabel,
-    formatter = _a.formatter,
-    _a$id = _a.id,
-    id = _a$id === void 0 ? randomId() : _a$id,
-    label = _a.label,
-    info = _a.info,
-    onChange = _a.onChange,
-    unit = _a.unit,
-    role = _a.role,
-    validator = _a.validator,
-    onChangeInput = _a.onChangeInput,
-    _a$value = _a.value,
-    value = _a$value === void 0 ? '' : _a$value,
-    required = _a.required,
-    props = __rest(_a, ['aria-describedby', 'aria-live', "autoComplete", "children", "className", "testId", "expandableInfo", "expandableInfoButtonLabel", "formatter", "id", "label", "info", "onChange", "unit", "role", "validator", "onChangeInput", "value", "required"]);
+var Input = /*#__PURE__*/forwardRef(function (_ref, ref) {
+  var ariaDescribedBy = _ref['aria-describedby'],
+    _ref$ariaLive = _ref['aria-live'],
+    ariaLive = _ref$ariaLive === void 0 ? 'assertive' : _ref$ariaLive,
+    _ref$autoComplete = _ref.autoComplete,
+    autoComplete = _ref$autoComplete === void 0 ? 'off' : _ref$autoComplete,
+    children = _ref.children,
+    className = _ref.className,
+    dataTestId = _ref.testId,
+    expandableInfo = _ref.expandableInfo,
+    expandableInfoButtonLabel = _ref.expandableInfoButtonLabel,
+    formatter = _ref.formatter,
+    _ref$id = _ref.id,
+    id = _ref$id === void 0 ? randomId() : _ref$id,
+    label = _ref.label,
+    info = _ref.info,
+    onChange = _ref.onChange,
+    unit = _ref.unit,
+    role = _ref.role,
+    validator = _ref.validator,
+    onChangeInput = _ref.onChangeInput,
+    _ref$value = _ref.value,
+    value = _ref$value === void 0 ? '' : _ref$value,
+    required = _ref.required,
+    props = _objectWithoutProperties(_ref, _excluded);
   var _useState = useState(id),
     _useState2 = _slicedToArray(_useState, 1),
     uuid = _useState2[0];
@@ -64,6 +65,7 @@ var Input = /*#__PURE__*/forwardRef(function (_a, ref) {
     var nrAddedChars = formattedValue.length - value.length;
     var updateCaretPosition = nrAddedChars !== 0;
     var newSelectionStart = updateCaretPosition && selectionStart ? selectionStart + nrAddedChars : selectionStart;
+
     // Fixes bug: React loses caret position when you format the input value
     window.requestAnimationFrame(function () {
       event.target.selectionStart = newSelectionStart;
@@ -75,12 +77,12 @@ var Input = /*#__PURE__*/forwardRef(function (_a, ref) {
   }, [formatter, setLocalValue, onChange, onChangeInput]);
   var showSimpleInput = !label && !info && !expandableInfo;
   var describedBy = classNames(ariaDescribedBy, _defineProperty(_defineProperty({}, "".concat(uuid, "_info"), !showSimpleInput && info), "gds-expandable-info-".concat(uuid), !showSimpleInput && expandableInfo));
-  var inputClassName = classNames('gds-input', className, _defineProperty({}, validateClassName(validator === null || validator === void 0 ? void 0 : validator.indicator), validator));
-  var input = jsx("input", Object.assign({
+  var inputClassName = classNames('gds-input', className, _defineProperty({}, validateClassName(validator == null ? void 0 : validator.indicator), validator));
+  var input = /*#__PURE__*/jsx("input", Object.assign({
     "aria-describedby": describedBy || undefined,
-    "aria-invalid": (validator === null || validator === void 0 ? void 0 : validator.indicator) === 'error',
+    "aria-invalid": (validator == null ? void 0 : validator.indicator) === 'error',
     "aria-required": required,
-    "aria-errormessage": (validator === null || validator === void 0 ? void 0 : validator.indicator) === 'error' ? "".concat(uuid, "_message") : undefined,
+    "aria-errormessage": (validator == null ? void 0 : validator.indicator) === 'error' ? "".concat(uuid, "_message") : undefined,
     autoComplete: autoComplete,
     className: inputClassName || undefined,
     "data-testid": dataTestId,
@@ -95,7 +97,7 @@ var Input = /*#__PURE__*/forwardRef(function (_a, ref) {
   var spanClassName = classNames('form-text', {
     disabled: props.disabled
   });
-  return jsx(FormItem, {
+  return /*#__PURE__*/jsx(FormItem, {
     expandableInfo: expandableInfo,
     expandableInfoButtonLabel: expandableInfoButtonLabel,
     inputId: uuid,
@@ -104,13 +106,13 @@ var Input = /*#__PURE__*/forwardRef(function (_a, ref) {
     role: role,
     validator: validator,
     "aria-live": ariaLive,
-    children: jsx("div", {
+    children: /*#__PURE__*/jsx("div", {
       className: "gds-input-wrapper",
-      children: jsxs(Group, {
+      children: /*#__PURE__*/jsxs(Group, {
         groupBorder: true,
         groupFocus: true,
         id: "".concat(uuid, "_group"),
-        children: [input, unit && jsx("span", {
+        children: [input, unit && /*#__PURE__*/jsx("span", {
           className: spanClassName,
           children: unit
         }), children]
@@ -119,21 +121,21 @@ var Input = /*#__PURE__*/forwardRef(function (_a, ref) {
   });
 });
 var TextInput = /*#__PURE__*/forwardRef(function (props, ref) {
-  return jsx(Input, Object.assign({
+  return /*#__PURE__*/jsx(Input, Object.assign({
     type: "text"
   }, props, {
     ref: ref
   }));
 });
 var EmailInput = /*#__PURE__*/forwardRef(function (props, ref) {
-  return jsx(Input, Object.assign({
+  return /*#__PURE__*/jsx(Input, Object.assign({
     type: "email"
   }, props, {
     ref: ref
   }));
 });
 var NumberInput = /*#__PURE__*/forwardRef(function (props, ref) {
-  return jsx(Input, Object.assign({
+  return /*#__PURE__*/jsx(Input, Object.assign({
     type: "number"
   }, props, {
     ref: ref

package/src/lib/form/radioButton/index.js

@@ -1,12 +1,12 @@
 export { RadioButton } from './radioButton.js';
 export { RadioGroup } from './radioGroup.js';
-import '../../../../_tslib.js';
-import 'react/jsx-runtime';
+import '../../../../_rollupPluginBabelHelpers.js';
 import 'react';
 import 'classnames';
-import '@sebgroup/extract';
+import '../../shared/validator.js';
 import '../useInput.js';
-import '../../../../_rollupPluginBabelHelpers.js';
+import '../../shared/id.js';
+import 'react/jsx-runtime';
 import '../../formItem/formItem.js';
 import '@lit/react';
 import '@sebgroup/green-core/components/icon/icons/triangle-exclamation';

package/src/lib/form/radioButton/radioButton.js

@@ -1,31 +1,33 @@
-import { _ as __rest } from '../../../../_tslib.js';
-import { jsxs, jsx } from 'react/jsx-runtime';
+import { a as _objectWithoutProperties } from '../../../../_rollupPluginBabelHelpers.js';
 import { forwardRef } from 'react';
 import classNames from 'classnames';
-import { validateClassName } from '@sebgroup/extract';
+import { validateClassName } from '../../shared/validator.js';
 import useInput from '../useInput.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
+import '../../shared/id.js';
 
-var RadioButton = /*#__PURE__*/forwardRef(function (_a, ref) {
-  var label = _a.label,
-    validator = _a.validator,
-    testId = _a.testId,
-    props = __rest(_a, ["label", "validator", "testId"]);
+var _excluded = ["label", "validator", "testId"];
+var RadioButton = /*#__PURE__*/forwardRef(function (_ref, ref) {
+  var label = _ref.label,
+    validator = _ref.validator,
+    testId = _ref.testId,
+    props = _objectWithoutProperties(_ref, _excluded);
   var _useInput = useInput(props),
     id = _useInput.id;
-  var inputClassNames = classNames(validator && validateClassName(validator === null || validator === void 0 ? void 0 : validator.indicator));
-  return jsxs("label", {
+  var inputClassNames = classNames(validator && validateClassName(validator == null ? void 0 : validator.indicator));
+  return /*#__PURE__*/jsxs("label", {
     htmlFor: id,
     className: "gds-form-control",
-    children: [jsx("input", Object.assign({
+    children: [/*#__PURE__*/jsx("input", Object.assign({
       id: id,
       type: "radio",
       "data-testid": testId
     }, props, {
       className: inputClassNames,
       ref: ref
-    })), jsx("span", {
+    })), /*#__PURE__*/jsx("span", {
       children: label
-    }), jsx("i", {})]
+    }), /*#__PURE__*/jsx("i", {})]
   });
 });
 

package/src/lib/form/radioButton/radioGroup.js

@@ -1,16 +1,16 @@
-import { _ as _slicedToArray, b as _defineProperty } from '../../../../_rollupPluginBabelHelpers.js';
-import { jsx } from 'react/jsx-runtime';
+import { _ as _slicedToArray, e as _defineProperty } from '../../../../_rollupPluginBabelHelpers.js';
 import React, { useState, useRef } from 'react';
 import classNames from 'classnames';
-import { randomId } from '@sebgroup/extract';
 import { FormItem } from '../../formItem/formItem.js';
+import { randomId } from '../../shared/id.js';
+import { jsx } from 'react/jsx-runtime';
 import '@lit/react';
 import '@sebgroup/green-core/components/icon/icons/triangle-exclamation';
 import '@sebgroup/green-core/scoping';
-import '../../../../_tslib.js';
 import '../iconButton/iconButton.js';
 import '../button/button.js';
 import '@sebgroup/green-core/react';
+import '../../shared/validator.js';
 import '../../icons/times.js';
 import '../../icons/infoCircle.js';
 
@@ -31,7 +31,7 @@ var RadioGroup = function RadioGroup(_ref) {
     propName = _ref$name === void 0 ? randomId() : _ref$name,
     horizontal = _ref.horizontal,
     children = _ref.children;
-  var _useState = useState(valueSelected !== null && valueSelected !== void 0 ? valueSelected : defaultSelected),
+  var _useState = useState(valueSelected != null ? valueSelected : defaultSelected),
     _useState2 = _slicedToArray(_useState, 2),
     selected = _useState2[0],
     setSelected = _useState2[1];
@@ -58,15 +58,15 @@ var RadioGroup = function RadioGroup(_ref) {
   };
   var radioBtnRef = useRef(null);
   React.useEffect(function () {
-    var _a;
     if (radioBtnRef && radioBtnRef.current) {
-      var form = (_a = radioBtnRef === null || radioBtnRef === void 0 ? void 0 : radioBtnRef.current) === null || _a === void 0 ? void 0 : _a.form;
+      var _radioBtnRef$current;
+      var form = radioBtnRef == null || (_radioBtnRef$current = radioBtnRef.current) == null ? void 0 : _radioBtnRef$current.form;
       var resetListener = function resetListener() {
         setSelected(undefined);
       };
-      form === null || form === void 0 ? void 0 : form.addEventListener('reset', resetListener);
+      form == null || form.addEventListener('reset', resetListener);
       return function () {
-        return form === null || form === void 0 ? void 0 : form.removeEventListener('reset', resetListener);
+        return form == null ? void 0 : form.removeEventListener('reset', resetListener);
       };
     } else {
       // eslint-disable-next-line @typescript-eslint/no-empty-function
@@ -88,10 +88,10 @@ var RadioGroup = function RadioGroup(_ref) {
   var radioGroupWrapperClassNames = classNames('gds-radio-group-wrapper', {
     'gds-radio-group-wrapper--horizontal': horizontal
   });
-  var describedBy = classNames(_defineProperty(_defineProperty(_defineProperty({}, "".concat(uuid, "_message"), (validator === null || validator === void 0 ? void 0 : validator.message) !== undefined && validator.message.length > 0), "".concat(uuid, "_info"), labelInformation), "gds-expandable-info-".concat(uuid), expandableInfo));
-  return jsx(FormItem, Object.assign({}, formItemProps, {
+  var describedBy = classNames(_defineProperty(_defineProperty(_defineProperty({}, "".concat(uuid, "_message"), (validator == null ? void 0 : validator.message) !== undefined && validator.message.length > 0), "".concat(uuid, "_info"), labelInformation), "gds-expandable-info-".concat(uuid), expandableInfo));
+  return /*#__PURE__*/jsx(FormItem, Object.assign({}, formItemProps, {
     inputId: uuid,
-    children: jsx("div", {
+    children: /*#__PURE__*/jsx("div", {
       className: radioGroupWrapperClassNames,
       children: React.Children.map(children, function (radioButton) {
         return /*#__PURE__*/React.isValidElement(radioButton) ? /*#__PURE__*/React.cloneElement(radioButton, {

package/src/lib/form/text/text.js

@@ -5,7 +5,7 @@ import { jsx } from 'react/jsx-runtime';
  */
 var Text = function Text(_ref) {
   var children = _ref.children;
-  return jsx("span", {
+  return /*#__PURE__*/jsx("span", {
     className: "gds-form-text",
     children: children
   });

package/src/lib/form/textarea/index.js

@@ -1,16 +1,16 @@
 export { TextArea } from './textarea.js';
 import '../../../../_rollupPluginBabelHelpers.js';
-import '../../../../_tslib.js';
-import 'react/jsx-runtime';
 import 'react';
 import 'classnames';
-import '@sebgroup/extract';
 import '../../formItem/formItem.js';
 import '@lit/react';
 import '@sebgroup/green-core/components/icon/icons/triangle-exclamation';
 import '@sebgroup/green-core/scoping';
+import 'react/jsx-runtime';
 import '../iconButton/iconButton.js';
 import '../button/button.js';
 import '@sebgroup/green-core/react';
+import '../../shared/id.js';
+import '../../shared/validator.js';
 import '../../icons/times.js';
 import '../../icons/infoCircle.js';

package/src/lib/form/textarea/textarea.js

@@ -1,10 +1,10 @@
-import { _ as _slicedToArray, b as _defineProperty } from '../../../../_rollupPluginBabelHelpers.js';
-import { _ as __rest } from '../../../../_tslib.js';
-import { jsx } from 'react/jsx-runtime';
+import { a as _objectWithoutProperties, _ as _slicedToArray, e as _defineProperty } from '../../../../_rollupPluginBabelHelpers.js';
 import { forwardRef, useState, useEffect, useCallback } from 'react';
 import classNames from 'classnames';
-import { randomId, validateClassName } from '@sebgroup/extract';
 import { FormItem } from '../../formItem/formItem.js';
+import { randomId } from '../../shared/id.js';
+import { validateClassName } from '../../shared/validator.js';
+import { jsx } from 'react/jsx-runtime';
 import '@lit/react';
 import '@sebgroup/green-core/components/icon/icons/triangle-exclamation';
 import '@sebgroup/green-core/scoping';
@@ -14,32 +14,33 @@ import '@sebgroup/green-core/react';
 import '../../icons/times.js';
 import '../../icons/infoCircle.js';
 
+var _excluded = ["aria-live", "aria-describedby", "autoComplete", "className", "expandableInfo", "expandableInfoButtonLabel", "id", "label", "info", "onChange", "role", "rows", "validator", "value", "testId", "maxLength", "required"];
 /**
  * @deprecated Please use the `gds-textarea` web component from green-core instead
  */
-var TextArea = /*#__PURE__*/forwardRef(function (_a, ref) {
-  var _a$ariaLive = _a['aria-live'],
-    ariaLive = _a$ariaLive === void 0 ? 'assertive' : _a$ariaLive,
-    ariaDescribedBy = _a['aria-describedby'],
-    _a$autoComplete = _a.autoComplete,
-    autoComplete = _a$autoComplete === void 0 ? 'off' : _a$autoComplete,
-    className = _a.className,
-    expandableInfo = _a.expandableInfo,
-    expandableInfoButtonLabel = _a.expandableInfoButtonLabel,
-    _a$id = _a.id,
-    id = _a$id === void 0 ? randomId() : _a$id,
-    label = _a.label,
-    info = _a.info,
-    onChange = _a.onChange,
-    role = _a.role,
-    _a$rows = _a.rows,
-    rows = _a$rows === void 0 ? 4 : _a$rows,
-    validator = _a.validator,
-    value = _a.value,
-    dataTestId = _a.testId,
-    maxLength = _a.maxLength,
-    required = _a.required,
-    props = __rest(_a, ['aria-live', 'aria-describedby', "autoComplete", "className", "expandableInfo", "expandableInfoButtonLabel", "id", "label", "info", "onChange", "role", "rows", "validator", "value", "testId", "maxLength", "required"]);
+var TextArea = /*#__PURE__*/forwardRef(function (_ref, ref) {
+  var _ref$ariaLive = _ref['aria-live'],
+    ariaLive = _ref$ariaLive === void 0 ? 'assertive' : _ref$ariaLive,
+    ariaDescribedBy = _ref['aria-describedby'],
+    _ref$autoComplete = _ref.autoComplete,
+    autoComplete = _ref$autoComplete === void 0 ? 'off' : _ref$autoComplete,
+    className = _ref.className,
+    expandableInfo = _ref.expandableInfo,
+    expandableInfoButtonLabel = _ref.expandableInfoButtonLabel,
+    _ref$id = _ref.id,
+    id = _ref$id === void 0 ? randomId() : _ref$id,
+    label = _ref.label,
+    info = _ref.info,
+    onChange = _ref.onChange,
+    role = _ref.role,
+    _ref$rows = _ref.rows,
+    rows = _ref$rows === void 0 ? 4 : _ref$rows,
+    validator = _ref.validator,
+    value = _ref.value,
+    dataTestId = _ref.testId,
+    maxLength = _ref.maxLength,
+    required = _ref.required,
+    props = _objectWithoutProperties(_ref, _excluded);
   var _useState = useState(id),
     _useState2 = _slicedToArray(_useState, 1),
     uuid = _useState2[0];
@@ -54,10 +55,10 @@ var TextArea = /*#__PURE__*/forwardRef(function (_a, ref) {
     setLocalValue(event.target.value);
     if (onChange) onChange(event);
   }, [setLocalValue, onChange]);
-  var describedBy = classNames(ariaDescribedBy, _defineProperty(_defineProperty(_defineProperty({}, "gds-expandable-info-".concat(uuid), expandableInfo), "".concat(uuid, "_info"), info), "".concat(uuid, "_message"), (validator === null || validator === void 0 ? void 0 : validator.message) !== undefined && validator.message.length > 0));
-  var inputClassName = classNames('gds-textarea', className, _defineProperty({}, validateClassName(validator === null || validator === void 0 ? void 0 : validator.indicator), validator)) || undefined;
-  var rightAlignedFooterInfo = maxLength ? "".concat((localValue === null || localValue === void 0 ? void 0 : localValue.length) || 0, "/").concat(maxLength) : undefined;
-  return jsx(FormItem, {
+  var describedBy = classNames(ariaDescribedBy, _defineProperty(_defineProperty(_defineProperty({}, "gds-expandable-info-".concat(uuid), expandableInfo), "".concat(uuid, "_info"), info), "".concat(uuid, "_message"), (validator == null ? void 0 : validator.message) !== undefined && validator.message.length > 0));
+  var inputClassName = classNames('gds-textarea', className, _defineProperty({}, validateClassName(validator == null ? void 0 : validator.indicator), validator)) || undefined;
+  var rightAlignedFooterInfo = maxLength ? "".concat((localValue == null ? void 0 : localValue.length) || 0, "/").concat(maxLength) : undefined;
+  return /*#__PURE__*/jsx(FormItem, {
     "aria-live": ariaLive,
     expandableInfo: expandableInfo,
     expandableInfoButtonLabel: expandableInfoButtonLabel,
@@ -67,11 +68,11 @@ var TextArea = /*#__PURE__*/forwardRef(function (_a, ref) {
     role: role,
     validator: validator,
     rightAlignedFooterInfo: rightAlignedFooterInfo,
-    children: jsx("div", {
+    children: /*#__PURE__*/jsx("div", {
       className: "gds-input-wrapper",
-      children: jsx("textarea", Object.assign({
+      children: /*#__PURE__*/jsx("textarea", Object.assign({
         "aria-describedby": describedBy || undefined,
-        "aria-invalid": (validator === null || validator === void 0 ? void 0 : validator.indicator) === 'error',
+        "aria-invalid": (validator == null ? void 0 : validator.indicator) === 'error',
         "aria-required": required,
         autoComplete: autoComplete,
         className: inputClassName || undefined,

package/src/lib/form/useInput.js

@@ -1,5 +1,5 @@
 import { useMemo, useRef } from 'react';
-import { randomId } from '@sebgroup/extract';
+import { randomId } from '../shared/id.js';
 
 var useInput = function useInput(props, onChanges, onChangeInput) {
   var id = useMemo(function () {
@@ -10,7 +10,7 @@ var useInput = function useInput(props, onChanges, onChangeInput) {
     onChanges && onChanges(event);
     onChangeInput && onChangeInput(event.target.value);
   };
-  return Object.assign(Object.assign({}, props), {
+  return Object.assign({}, props, {
     id: id,
     ref: ref,
     onChange: onChange

package/src/lib/form/validateInput.js

@@ -1,4 +1,4 @@
-import { b as _defineProperty } from '../../../_rollupPluginBabelHelpers.js';
+import { e as _defineProperty } from '../../../_rollupPluginBabelHelpers.js';
 
 /* eslint-disable-next-line */
 var validateInputValue = function validateInputValue(target, rules, setError) {
@@ -8,18 +8,20 @@ var validateInputValue = function validateInputValue(target, rules, setError) {
 };
 var validateInputValueErrors = function validateInputValueErrors(rules, target) {
   var value = target.value;
-  if ((rules === null || rules === void 0 ? void 0 : rules.custom) instanceof Function) {
-    return rules === null || rules === void 0 ? void 0 : rules.custom();
+  if ((rules == null ? void 0 : rules.custom) instanceof Function) {
+    return rules == null ? void 0 : rules.custom();
   }
   return validateTextInputValues(value, rules);
 };
+
 /* eslint-disable-next-line */
 var setErrorInsert = function setErrorInsert(setError, name) {
   /* eslint-disable-next-line */
   setError(function (errors) {
-    return Object.assign(Object.assign({}, errors), _defineProperty({}, name, true));
+    return Object.assign({}, errors, _defineProperty({}, name, true));
   });
 };
+
 /* eslint-disable-next-line */
 var setErrorRemove = function setErrorRemove(setError, name) {
   /* eslint-disable-next-line */
@@ -31,7 +33,7 @@ var setErrorRemove = function setErrorRemove(setError, name) {
   });
 };
 var validateTextInputValues = function validateTextInputValues(value, rules) {
-  switch (rules === null || rules === void 0 ? void 0 : rules.type) {
+  switch (rules == null ? void 0 : rules.type) {
     case 'Required':
       {
         return value === '' || value === undefined || value === null ? 'error' : null;

package/src/lib/formItem/formItem.js

@@ -1,18 +1,36 @@
-import { _ as _slicedToArray, c as _asyncToGenerator, d as _regenerator } from '../../../_rollupPluginBabelHelpers.js';
-import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
+import { _ as _slicedToArray, f as _asyncToGenerator, g as _regenerator } from '../../../_rollupPluginBabelHelpers.js';
 import React, { useRef, useState, useLayoutEffect, useEffect } from 'react';
 import { createComponent } from '@lit/react';
 import classNames from 'classnames';
-import { debounce, randomId, validateClassName, delay } from '@sebgroup/extract';
 import { IconTriangleExclamation } from '@sebgroup/green-core/components/icon/icons/triangle-exclamation';
 import { getScopedTagName } from '@sebgroup/green-core/scoping';
-import '../../../_tslib.js';
+import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 import { IconButton } from '../form/iconButton/iconButton.js';
 import '@sebgroup/green-core/react';
+import { randomId } from '../shared/id.js';
+import { validateClassName } from '../shared/validator.js';
 import { Times } from '../icons/times.js';
 import { InfoCircle } from '../icons/infoCircle.js';
 import '../form/button/button.js';
 
+var _this = undefined;
+var debounce = function debounce(func, ms) {
+  var timeoutID;
+  return function () {
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+    clearTimeout(timeoutID);
+    timeoutID = window.setTimeout(function () {
+      func.apply(_this, args);
+    }, ms);
+  };
+};
+var delay = function delay(ms) {
+  return new Promise(function (resolve) {
+    return setTimeout(resolve, ms);
+  });
+};
 var TriangleExclamationIcon = createComponent({
   tagName: getScopedTagName('gds-icon-triangle-exclamation'),
   elementClass: IconTriangleExclamation,
@@ -60,33 +78,33 @@ var FormItem = function FormItem(_ref) {
     };
   }, [isExpanded, expandableInnerRef]);
   if (!inputId) inputId = randomId();
-  var formItemClassNames = classNames('gds-form-item', validator && validateClassName(validator === null || validator === void 0 ? void 0 : validator.indicator));
-  return jsxs("div", {
+  var formItemClassNames = classNames('gds-form-item', validator && validateClassName(validator == null ? void 0 : validator.indicator));
+  return /*#__PURE__*/jsxs("div", {
     className: formItemClassNames,
     role: role ? role : undefined,
     "aria-labelledby": role ? "".concat(inputId, "-label") : undefined,
-    children: [expandableInfo && jsx("div", {
+    children: [expandableInfo && /*#__PURE__*/jsx("div", {
       className: "gds-form-item__backdrop"
-    }), jsxs("div", {
+    }), /*#__PURE__*/jsxs("div", {
       className: "gds-form-item__header",
-      children: [jsxs("div", {
+      children: [/*#__PURE__*/jsxs("div", {
         className: "gds-form-item__labels",
-        children: [label && jsx("label", {
+        children: [label && /*#__PURE__*/jsx("label", {
           id: role ? "".concat(inputId, "-label") : undefined,
           htmlFor: role ? undefined : inputId,
           children: label
-        }), labelInformation && jsx("div", {
+        }), labelInformation && /*#__PURE__*/jsx("div", {
           className: "gds-form-info",
           id: "".concat(inputId, "_info"),
           children: labelInformation
         })]
-      }), expandableInfo && jsx(IconButton, {
+      }), expandableInfo && /*#__PURE__*/jsx(IconButton, {
         size: "small",
         "aria-expanded": isExpanded,
         "aria-controls": "".concat(inputId, "-expandable-info"),
         "aria-label": expandableInfoButtonLabel,
-        onClick: function () {
-          var _onClick = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee(event) {
+        onClick: (/*#__PURE__*/function () {
+          var _ref2 = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee(event) {
             return _regenerator().w(function (_context) {
               while (1) switch (_context.n) {
                 case 0:
@@ -113,47 +131,48 @@ var FormItem = function FormItem(_ref) {
               }
             }, _callee);
           }));
-          function onClick(_x) {
-            return _onClick.apply(this, arguments);
-          }
-          return onClick;
-        }(),
-        children: isExpanded ? jsx(Times, {
+          return function (_x) {
+            return _ref2.apply(this, arguments);
+          };
+        }()),
+        children: isExpanded ? /*#__PURE__*/jsx(Times, {
           title: expandableInfoButtonLabel
-        }) : jsx(InfoCircle, {
+        }) : /*#__PURE__*/jsx(InfoCircle, {
           title: expandableInfoButtonLabel
         })
       })]
-    }), expandableInfo && jsx("div", {
+    }), expandableInfo && /*#__PURE__*/jsx("div", {
       ref: expandableRef,
       id: "gds-expandable-info-".concat(inputId),
       className: "gds-form-item__expandable-info",
       hidden: isHidden,
       style: {
         height: isExpanded ? expandableHeight : 0
-      },
+      }
+      // TODO: Remove when inert is supported in React types
+      ,
       inert: isHidden ? true : undefined,
-      children: jsxs("div", {
+      children: /*#__PURE__*/jsxs("div", {
         ref: expandableInnerRef,
         children: [" ", !isHidden && expandableInfo, " "]
       })
-    }), children, jsxs("div", {
+    }), children, /*#__PURE__*/jsxs("div", {
       className: "gds-form-item__footer",
       "aria-live": ariaLive,
-      children: [validator && jsxs(Fragment, {
-        children: [jsx(TriangleExclamationIcon, {
+      children: [validator && /*#__PURE__*/jsxs(Fragment, {
+        children: [/*#__PURE__*/jsx(TriangleExclamationIcon, {
           solid: true,
           size: '1rem',
           style: {
             color: 'var(--gds-sys-color-text-error)'
           },
           "aria-hidden": "true"
-        }), jsx("span", {
+        }), /*#__PURE__*/jsx("span", {
           className: "form-info",
           id: "".concat(inputId, "_message"),
           children: validator.message
         })]
-      }), rightAlignedFooterInfo && jsx("span", {
+      }), rightAlignedFooterInfo && /*#__PURE__*/jsx("span", {
         className: "form-info",
         style: {
           textAlign: 'right',

package/src/lib/formItem/index.js

@@ -1,15 +1,15 @@
 export { FormItem } from './formItem.js';
 import '../../../_rollupPluginBabelHelpers.js';
-import 'react/jsx-runtime';
 import 'react';
 import '@lit/react';
 import 'classnames';
-import '@sebgroup/extract';
 import '@sebgroup/green-core/components/icon/icons/triangle-exclamation';
 import '@sebgroup/green-core/scoping';
-import '../../../_tslib.js';
+import 'react/jsx-runtime';
 import '../form/iconButton/iconButton.js';
 import '../form/button/button.js';
 import '@sebgroup/green-core/react';
+import '../shared/id.js';
+import '../shared/validator.js';
 import '../icons/times.js';
 import '../icons/infoCircle.js';