@sebgroup/green-react 3.16.0 → 3.18.0

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

@@ -0,0 +1,105 @@
+import { _ as _slicedToArray, a as _defineProperty } from '../../../../_rollupPluginBabelHelpers.js';
+import { jsx } from 'react/jsx-runtime';
+import React, { useState, useRef } from 'react';
+import { randomId } from '@sebgroup/extract';
+import { FormItem } from '../../formItem/formItem.js';
+import classNames from 'classnames';
+import '../../../../_tslib.js';
+import '../iconButton/iconButton.js';
+import '../../icons/times.js';
+import '../../icons/infoCircle.js';
+
+var RadioGroup = function RadioGroup(_ref) {
+  var defaultSelected = _ref.defaultSelected,
+    valueSelected = _ref.valueSelected,
+    label = _ref.label,
+    title = _ref.title,
+    labelInformation = _ref.labelInformation,
+    description = _ref.description,
+    expandableInfo = _ref.expandableInfo,
+    expandableInfoButtonLabel = _ref.expandableInfoButtonLabel,
+    validator = _ref.validator,
+    onChangeRadio = _ref.onChangeRadio,
+    onChange = _ref.onChange,
+    _ref$name = _ref.name,
+    propName = _ref$name === void 0 ? randomId() : _ref$name,
+    horizontal = _ref.horizontal,
+    children = _ref.children;
+  if (title) console.warn('"title" prop is deprecated. Please use "label" instead.');
+  if (description) console.warn('"description" prop is deprecated. Please use "labelInformation" instead.');
+  var _useState = useState(valueSelected !== null && valueSelected !== void 0 ? valueSelected : defaultSelected),
+    _useState2 = _slicedToArray(_useState, 2),
+    selected = _useState2[0],
+    setSelected = _useState2[1];
+  var _useState3 = useState(valueSelected),
+    _useState4 = _slicedToArray(_useState3, 2),
+    prevValueSelected = _useState4[0],
+    setPrevValueSelected = _useState4[1];
+  var _useState5 = useState(propName),
+    _useState6 = _slicedToArray(_useState5, 1),
+    name = _useState6[0];
+  var _useState7 = useState(randomId()),
+    _useState8 = _slicedToArray(_useState7, 1),
+    uniqueId = _useState8[0];
+  if (valueSelected !== prevValueSelected) {
+    setSelected(valueSelected);
+    setPrevValueSelected(valueSelected);
+  }
+  var handleOnChange = function handleOnChange(event) {
+    if (event.target.value !== selected) {
+      setSelected(event.target.value);
+      onChangeRadio && onChangeRadio(event.target.value);
+      onChange && onChange(event);
+    }
+  };
+  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 resetListener = function resetListener() {
+        setSelected(undefined);
+      };
+      form === null || form === void 0 ? void 0 : form.addEventListener('reset', resetListener);
+      return function () {
+        return form === null || form === void 0 ? void 0 : form.removeEventListener('reset', resetListener);
+      };
+    } else {
+      // eslint-disable-next-line @typescript-eslint/no-empty-function
+      return function () {};
+    }
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, []);
+  var labelFromTitle = label || title;
+  var labelInformationFromDescription = labelInformation || description;
+  var formItemProps = {
+    validator: validator,
+    labelInformation: labelInformationFromDescription,
+    label: labelFromTitle,
+    expandableInfo: expandableInfo,
+    expandableInfoButtonLabel: expandableInfoButtonLabel,
+    role: 'radiogroup'
+  };
+  var radioGroupWrapperClassNames = classNames('gds-radio-group-wrapper', {
+    'gds-radio-group-wrapper--horizontal': horizontal
+  });
+  var describedBy = classNames(_defineProperty(_defineProperty(_defineProperty({}, "".concat(uniqueId, "_message"), (validator === null || validator === void 0 ? void 0 : validator.message) !== undefined && validator.message.length > 0), "".concat(uniqueId, "_info"), labelInformation), "gds-expandable-info-".concat(uniqueId), expandableInfo));
+  return jsx(FormItem, Object.assign({}, formItemProps, {
+    inputId: uniqueId,
+    children: jsx("div", {
+      className: radioGroupWrapperClassNames,
+      children: React.Children.map(children, function (radioButton) {
+        return /*#__PURE__*/React.isValidElement(radioButton) ? /*#__PURE__*/React.cloneElement(radioButton, {
+          'aria-describedby': describedBy,
+          validator: validator,
+          onChange: handleOnChange,
+          checked: selected === radioButton.props.value,
+          name: name,
+          ref: radioBtnRef
+        }) : radioButton;
+      })
+    })
+  }));
+};
+
+export { RadioGroup, RadioGroup as default };

package/src/lib/form/text/index.d.ts

@@ -0,0 +1 @@
+export * from './text';

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

@@ -0,0 +1,2 @@
+export { Text } from './text.js';
+import 'react/jsx-runtime';

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

@@ -0,0 +1,11 @@
+import { jsx } from 'react/jsx-runtime';
+
+var Text = function Text(_ref) {
+  var children = _ref.children;
+  return jsx("span", {
+    className: "form-text",
+    children: children
+  });
+};
+
+export { Text, Text as default };

package/src/lib/form/textarea/index.d.ts

@@ -0,0 +1 @@
+export * from './textarea';

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

@@ -0,0 +1,11 @@
+export { TextArea } from './textarea.js';
+import '../../../../_rollupPluginBabelHelpers.js';
+import '../../../../_tslib.js';
+import 'react/jsx-runtime';
+import '@sebgroup/extract';
+import 'react';
+import '../../formItem/formItem.js';
+import 'classnames';
+import '../iconButton/iconButton.js';
+import '../../icons/times.js';
+import '../../icons/infoCircle.js';

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

@@ -0,0 +1,80 @@
+import { _ as _slicedToArray, a as _defineProperty } from '../../../../_rollupPluginBabelHelpers.js';
+import { _ as __rest } from '../../../../_tslib.js';
+import { jsx } from 'react/jsx-runtime';
+import { randomId, validateClassName } from '@sebgroup/extract';
+import { useState, useEffect, useCallback } from 'react';
+import { FormItem } from '../../formItem/formItem.js';
+import classNames from 'classnames';
+import '../iconButton/iconButton.js';
+import '../../icons/times.js';
+import '../../icons/infoCircle.js';
+
+var TextArea = function TextArea(_a) {
+  var 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-describedby', "autoComplete", "className", "expandableInfo", "expandableInfoButtonLabel", "id", "label", "info", "onChange", "role", "rows", "validator", "value", "testId", "maxLength", "required"]);
+  var _useState = useState(id),
+    _useState2 = _slicedToArray(_useState, 1),
+    uuid = _useState2[0];
+  var _useState3 = useState(value),
+    _useState4 = _slicedToArray(_useState3, 2),
+    localValue = _useState4[0],
+    setLocalValue = _useState4[1];
+  useEffect(function () {
+    setLocalValue(value);
+  }, [value]);
+  var handleChange = useCallback(function (event) {
+    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(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, {
+    expandableInfo: expandableInfo,
+    expandableInfoButtonLabel: expandableInfoButtonLabel,
+    inputId: uuid,
+    label: label,
+    labelInformation: info,
+    role: role,
+    validator: validator,
+    rightAlignedFooterInfo: rightAlignedFooterInfo,
+    children: jsx("div", {
+      className: "gds-input-wrapper",
+      children: jsx("textarea", Object.assign({
+        "aria-describedby": describedBy || undefined,
+        "aria-invalid": (validator === null || validator === void 0 ? void 0 : validator.indicator) === 'error',
+        "aria-required": required,
+        autoComplete: autoComplete,
+        className: inputClassName || undefined,
+        id: uuid,
+        onChange: handleChange,
+        role: role,
+        rows: rows,
+        value: localValue,
+        "data-testid": dataTestId,
+        maxLength: maxLength,
+        required: required
+      }, props))
+    })
+  });
+};
+
+export { TextArea };

package/src/lib/form/useInput.js

@@ -0,0 +1,20 @@
+import { randomId } from '@sebgroup/extract';
+import { useMemo, useRef } from 'react';
+
+var useInput = function useInput(props, onChanges, onChangeInput) {
+  var id = useMemo(function () {
+    return props.id || randomId();
+  }, [props.id]);
+  var ref = useRef(null);
+  var onChange = function onChange(event) {
+    onChanges && onChanges(event);
+    onChangeInput && onChangeInput(event.target.value);
+  };
+  return Object.assign(Object.assign({}, props), {
+    id: id,
+    ref: ref,
+    onChange: onChange
+  });
+};
+
+export { useInput as default };

package/src/lib/form/validateInput.js

@@ -0,0 +1,46 @@
+import { a as _defineProperty } from '../../../_rollupPluginBabelHelpers.js';
+
+/* eslint-disable-next-line */
+var validateInputValue = function validateInputValue(target, rules, setError) {
+  var errorMessage = validateInputValueErrors(rules, target);
+  errorMessage ? setErrorInsert(setError, target.name) : setErrorRemove(setError, target.name);
+  return errorMessage;
+};
+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();
+  }
+  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));
+  });
+};
+/* eslint-disable-next-line */
+var setErrorRemove = function setErrorRemove(setError, name) {
+  /* eslint-disable-next-line */
+  setError(function (errors) {
+    /* eslint-disable-next-line */
+    var newError = Object.assign({}, errors);
+    delete newError[name];
+    return newError;
+  });
+};
+var validateTextInputValues = function validateTextInputValues(value, rules) {
+  switch (rules === null || rules === void 0 ? void 0 : rules.type) {
+    case 'Required':
+      {
+        return value === '' || value === undefined || value === null ? 'error' : null;
+      }
+    default:
+      {
+        return;
+      }
+  }
+};
+
+export { validateInputValue };

package/src/lib/formItem/formItem.js

@@ -0,0 +1,145 @@
+import { _ as _slicedToArray, b as _asyncToGenerator, c as _regeneratorRuntime } from '../../../_rollupPluginBabelHelpers.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
+import '../../../_tslib.js';
+import classNames from 'classnames';
+import { IconButton } from '../form/iconButton/iconButton.js';
+import { useRef, useState, useLayoutEffect, useEffect } from 'react';
+import { debounce, randomId, validateClassName, delay } from '@sebgroup/extract';
+import { Times } from '../icons/times.js';
+import { InfoCircle } from '../icons/infoCircle.js';
+
+var FormItem = function FormItem(_ref) {
+  var expandableInfo = _ref.expandableInfo,
+    label = _ref.label,
+    labelInformation = _ref.labelInformation,
+    validator = _ref.validator,
+    inputId = _ref.inputId,
+    children = _ref.children,
+    expandableInfoButtonLabel = _ref.expandableInfoButtonLabel,
+    role = _ref.role,
+    rightAlignedFooterInfo = _ref.rightAlignedFooterInfo;
+  var expandableInnerRef = useRef(null);
+  var expandableRef = useRef(null);
+  var _useState = useState(0),
+    _useState2 = _slicedToArray(_useState, 2),
+    expandableHeight = _useState2[0],
+    setExpandableHeight = _useState2[1];
+  var _useState3 = useState(false),
+    _useState4 = _slicedToArray(_useState3, 2),
+    isExpanded = _useState4[0],
+    setIsExpanded = _useState4[1];
+  var _useState5 = useState(false),
+    _useState6 = _slicedToArray(_useState5, 2),
+    isHidden = _useState6[0],
+    setIsHidden = _useState6[1];
+  useLayoutEffect(function () {
+    expandableInnerRef.current && setExpandableHeight(expandableInnerRef.current['clientHeight']);
+    setIsHidden(true);
+  }, []);
+  useEffect(function () {
+    var handleResize = debounce(function setExpandableHeightAfterResize() {
+      isExpanded && expandableInnerRef.current && setExpandableHeight(expandableInnerRef.current['clientHeight']);
+    }, 300);
+    if (expandableRef.current) {
+      window.addEventListener('resize', handleResize);
+    }
+    return function () {
+      window.removeEventListener('resize', handleResize);
+    };
+  }, [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", {
+    className: formItemClassNames,
+    role: role ? role : undefined,
+    "aria-labelledby": role ? "".concat(inputId, "-label") : undefined,
+    children: [expandableInfo && jsx("div", {
+      className: "gds-form-item__backdrop"
+    }), jsxs("div", {
+      className: "gds-form-item__header",
+      children: [jsxs("div", {
+        className: "gds-form-item__labels",
+        children: [label && jsx("label", {
+          id: role ? "".concat(inputId, "-label") : undefined,
+          htmlFor: role ? undefined : inputId,
+          children: label
+        }), labelInformation && jsx("div", {
+          className: "form-info",
+          id: "".concat(inputId, "_info"),
+          children: labelInformation
+        })]
+      }), expandableInfo && jsx(IconButton, {
+        size: "small",
+        "aria-expanded": isExpanded,
+        "aria-controls": "".concat(inputId, "-expandable-info"),
+        onClick: function () {
+          var _onClick = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee(event) {
+            return _regeneratorRuntime().wrap(function _callee$(_context) {
+              while (1) switch (_context.prev = _context.next) {
+                case 0:
+                  if (isExpanded) {
+                    _context.next = 8;
+                    break;
+                  }
+                  setIsHidden(false);
+                  _context.next = 4;
+                  return delay(10);
+                case 4:
+                  expandableInnerRef.current && setExpandableHeight(expandableInnerRef.current['clientHeight']);
+                  setIsExpanded(true);
+                  _context.next = 12;
+                  break;
+                case 8:
+                  setIsExpanded(false);
+                  _context.next = 11;
+                  return delay(300);
+                case 11:
+                  setIsHidden(true);
+                case 12:
+                case "end":
+                  return _context.stop();
+              }
+            }, _callee);
+          }));
+          function onClick(_x) {
+            return _onClick.apply(this, arguments);
+          }
+          return onClick;
+        }(),
+        children: isExpanded ? jsx(Times, {
+          title: expandableInfoButtonLabel
+        }) : jsx(InfoCircle, {
+          title: expandableInfoButtonLabel
+        })
+      })]
+    }), expandableInfo && jsx("div", {
+      ref: expandableRef,
+      id: "gds-expandable-info-".concat(inputId),
+      className: "gds-form-item__expandable-info",
+      hidden: isHidden,
+      style: {
+        height: isExpanded ? expandableHeight : 0
+      },
+      children: jsxs("div", {
+        ref: expandableInnerRef,
+        children: [" ", expandableInfo, " "]
+      })
+    }), children, jsxs("div", {
+      className: "gds-form-item__footer",
+      children: [validator && jsx("span", {
+        className: "form-info",
+        id: "".concat(inputId, "_message"),
+        children: validator.message
+      }), rightAlignedFooterInfo && jsx("span", {
+        className: "form-info",
+        style: {
+          textAlign: 'right',
+          width: validator ? 'auto' : '100%'
+        },
+        children: rightAlignedFooterInfo
+      })]
+    })]
+  });
+};
+
+export { FormItem };

package/src/lib/formItem/index.js

@@ -0,0 +1,10 @@
+export { FormItem } from './formItem.js';
+import '../../../_rollupPluginBabelHelpers.js';
+import 'react/jsx-runtime';
+import '../../../_tslib.js';
+import 'classnames';
+import '../form/iconButton/iconButton.js';
+import 'react';
+import '@sebgroup/extract';
+import '../icons/times.js';
+import '../icons/infoCircle.js';

package/src/lib/grouped-list/grouped-list.js

@@ -0,0 +1,19 @@
+import React from 'react';
+import { createComponent } from '@lit/react';
+import { GdsGroupedList, GdsListItem } from '@sebgroup/green-core/components/grouped-list/index.js';
+import { getScopedTagName } from '@sebgroup/green-core/scoping';
+import { registerTransitionalStyles } from '@sebgroup/green-core/transitional-styles';
+
+registerTransitionalStyles();
+var GroupedList = createComponent({
+  tagName: getScopedTagName('gds-grouped-list'),
+  elementClass: GdsGroupedList,
+  react: React
+});
+var ListItem = createComponent({
+  tagName: getScopedTagName('gds-list-item'),
+  elementClass: GdsListItem,
+  react: React
+});
+
+export { GroupedList, ListItem };

package/src/lib/grouped-list/index.js

@@ -0,0 +1,6 @@
+export { GroupedList, ListItem } from './grouped-list.js';
+import 'react';
+import '@lit/react';
+import '@sebgroup/green-core/components/grouped-list/index.js';
+import '@sebgroup/green-core/scoping';
+import '@sebgroup/green-core/transitional-styles';

package/src/lib/icon/icons/IconAirplaneUp.js

@@ -0,0 +1,12 @@
+import React from 'react';
+import { createComponent } from '@lit/react';
+import { IconAirplaneUp as IconAirplaneUp$1 } from '@sebgroup/green-core/components/icon/icons/airplane-up.js';
+import { getScopedTagName } from '@sebgroup/green-core/scoping';
+
+var IconAirplaneUp = createComponent({
+  tagName: getScopedTagName('gds-icon-airplane-up'),
+  elementClass: IconAirplaneUp$1,
+  react: React
+});
+
+export { IconAirplaneUp };

package/src/lib/icon/icons/IconArchive.js

@@ -0,0 +1,12 @@
+import React from 'react';
+import { createComponent } from '@lit/react';
+import { IconArchive as IconArchive$1 } from '@sebgroup/green-core/components/icon/icons/archive.js';
+import { getScopedTagName } from '@sebgroup/green-core/scoping';
+
+var IconArchive = createComponent({
+  tagName: getScopedTagName('gds-icon-archive'),
+  elementClass: IconArchive$1,
+  react: React
+});
+
+export { IconArchive };

package/src/lib/icon/icons/IconArrow.js

@@ -0,0 +1,12 @@
+import React from 'react';
+import { createComponent } from '@lit/react';
+import { IconArrow as IconArrow$1 } from '@sebgroup/green-core/components/icon/icons/arrow.js';
+import { getScopedTagName } from '@sebgroup/green-core/scoping';
+
+var IconArrow = createComponent({
+  tagName: getScopedTagName('gds-icon-arrow'),
+  elementClass: IconArrow$1,
+  react: React
+});
+
+export { IconArrow };

package/src/lib/icon/icons/IconArrowBoxLeft.js

@@ -0,0 +1,12 @@
+import React from 'react';
+import { createComponent } from '@lit/react';
+import { IconArrowBoxLeft as IconArrowBoxLeft$1 } from '@sebgroup/green-core/components/icon/icons/arrow-box-left.js';
+import { getScopedTagName } from '@sebgroup/green-core/scoping';
+
+var IconArrowBoxLeft = createComponent({
+  tagName: getScopedTagName('gds-icon-arrow-box-left'),
+  elementClass: IconArrowBoxLeft$1,
+  react: React
+});
+
+export { IconArrowBoxLeft };

package/src/lib/icon/icons/IconArrowBoxRight.js

@@ -0,0 +1,12 @@
+import React from 'react';
+import { createComponent } from '@lit/react';
+import { IconArrowBoxRight as IconArrowBoxRight$1 } from '@sebgroup/green-core/components/icon/icons/arrow-box-right.js';
+import { getScopedTagName } from '@sebgroup/green-core/scoping';
+
+var IconArrowBoxRight = createComponent({
+  tagName: getScopedTagName('gds-icon-arrow-box-right'),
+  elementClass: IconArrowBoxRight$1,
+  react: React
+});
+
+export { IconArrowBoxRight };

package/src/lib/icon/icons/IconArrowDown.js

@@ -0,0 +1,12 @@
+import React from 'react';
+import { createComponent } from '@lit/react';
+import { IconArrowDown as IconArrowDown$1 } from '@sebgroup/green-core/components/icon/icons/arrow-down.js';
+import { getScopedTagName } from '@sebgroup/green-core/scoping';
+
+var IconArrowDown = createComponent({
+  tagName: getScopedTagName('gds-icon-arrow-down'),
+  elementClass: IconArrowDown$1,
+  react: React
+});
+
+export { IconArrowDown };

package/src/lib/icon/icons/IconArrowInbox.js

@@ -0,0 +1,12 @@
+import React from 'react';
+import { createComponent } from '@lit/react';
+import { IconArrowInbox as IconArrowInbox$1 } from '@sebgroup/green-core/components/icon/icons/arrow-inbox.js';
+import { getScopedTagName } from '@sebgroup/green-core/scoping';
+
+var IconArrowInbox = createComponent({
+  tagName: getScopedTagName('gds-icon-arrow-inbox'),
+  elementClass: IconArrowInbox$1,
+  react: React
+});
+
+export { IconArrowInbox };

package/src/lib/icon/icons/IconArrowLeft.js

@@ -0,0 +1,12 @@
+import React from 'react';
+import { createComponent } from '@lit/react';
+import { IconArrowLeft as IconArrowLeft$1 } from '@sebgroup/green-core/components/icon/icons/arrow-left.js';
+import { getScopedTagName } from '@sebgroup/green-core/scoping';
+
+var IconArrowLeft = createComponent({
+  tagName: getScopedTagName('gds-icon-arrow-left'),
+  elementClass: IconArrowLeft$1,
+  react: React
+});
+
+export { IconArrowLeft };

package/src/lib/icon/icons/IconArrowLeftRight.js

@@ -0,0 +1,12 @@
+import React from 'react';
+import { createComponent } from '@lit/react';
+import { IconArrowLeftRight as IconArrowLeftRight$1 } from '@sebgroup/green-core/components/icon/icons/arrow-left-right.js';
+import { getScopedTagName } from '@sebgroup/green-core/scoping';
+
+var IconArrowLeftRight = createComponent({
+  tagName: getScopedTagName('gds-icon-arrow-left-right'),
+  elementClass: IconArrowLeftRight$1,
+  react: React
+});
+
+export { IconArrowLeftRight };

package/src/lib/icon/icons/IconArrowOutOfBox.js

@@ -0,0 +1,12 @@
+import React from 'react';
+import { createComponent } from '@lit/react';
+import { IconArrowOutOfBox as IconArrowOutOfBox$1 } from '@sebgroup/green-core/components/icon/icons/arrow-out-of-box.js';
+import { getScopedTagName } from '@sebgroup/green-core/scoping';
+
+var IconArrowOutOfBox = createComponent({
+  tagName: getScopedTagName('gds-icon-arrow-out-of-box'),
+  elementClass: IconArrowOutOfBox$1,
+  react: React
+});
+
+export { IconArrowOutOfBox };

package/src/lib/icon/icons/IconArrowRight.js

@@ -0,0 +1,12 @@
+import React from 'react';
+import { createComponent } from '@lit/react';
+import { IconArrowRight as IconArrowRight$1 } from '@sebgroup/green-core/components/icon/icons/arrow-right.js';
+import { getScopedTagName } from '@sebgroup/green-core/scoping';
+
+var IconArrowRight = createComponent({
+  tagName: getScopedTagName('gds-icon-arrow-right'),
+  elementClass: IconArrowRight$1,
+  react: React
+});
+
+export { IconArrowRight };

package/src/lib/icon/icons/IconArrowRightCircle.js

@@ -0,0 +1,12 @@
+import React from 'react';
+import { createComponent } from '@lit/react';
+import { IconArrowRightCircle as IconArrowRightCircle$1 } from '@sebgroup/green-core/components/icon/icons/arrow-right-circle.js';
+import { getScopedTagName } from '@sebgroup/green-core/scoping';
+
+var IconArrowRightCircle = createComponent({
+  tagName: getScopedTagName('gds-icon-arrow-right-circle'),
+  elementClass: IconArrowRightCircle$1,
+  react: React
+});
+
+export { IconArrowRightCircle };

package/src/lib/icon/icons/IconArrowRightDownCircle.js

@@ -0,0 +1,12 @@
+import React from 'react';
+import { createComponent } from '@lit/react';
+import { IconArrowRightDownCircle as IconArrowRightDownCircle$1 } from '@sebgroup/green-core/components/icon/icons/arrow-right-down-circle.js';
+import { getScopedTagName } from '@sebgroup/green-core/scoping';
+
+var IconArrowRightDownCircle = createComponent({
+  tagName: getScopedTagName('gds-icon-arrow-right-down-circle'),
+  elementClass: IconArrowRightDownCircle$1,
+  react: React
+});
+
+export { IconArrowRightDownCircle };