@festo-ui/react 5.0.1 → 5.1.0-dev.164

package/node/lib/components/pagination/Pagination.js

@@ -8,10 +8,9 @@ var _react = _interopRequireWildcard(require("react"));
 var _classnames = _interopRequireDefault(require("classnames"));
 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 (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; }
-let PaginationType;
-exports.PaginationType = PaginationType;
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+let PaginationType = exports.PaginationType = void 0;
 (function (PaginationType) {
   PaginationType["Simple"] = "SIMPLE";
   PaginationType["Numeric"] = "NUMERIC";
@@ -112,5 +111,4 @@ function Pagination(props) {
     })]
   });
 }
-var _default = Pagination;
-exports.default = _default;
+var _default = exports.default = Pagination;

package/node/lib/components/popovers/legend/Legend.js

@@ -28,5 +28,4 @@ function Legend(_ref) {
     ...props
   });
 }
-var _default = Legend;
-exports.default = _default;
+var _default = exports.default = Legend;

package/node/lib/components/popovers/popover/Popover.js

@@ -11,8 +11,8 @@ var _useOnClickOutside = _interopRequireDefault(require("../../../helper/useOnCl
 var _useForkRef = _interopRequireDefault(require("../../../helper/useForkRef"));
 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 (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 _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 function Popover(_ref) {
   let {
     popoverContent,
@@ -113,5 +113,4 @@ function Popover(_ref) {
     })]
   });
 }
-var _default = Popover;
-exports.default = _default;
+var _default = exports.default = Popover;

package/node/lib/components/popovers/popover-menu/PopoverMenu.js

@@ -57,5 +57,4 @@ function PopoverMenu(_ref) {
     })
   });
 }
-var _default = PopoverMenu;
-exports.default = _default;
+var _default = exports.default = PopoverMenu;

package/node/lib/components/popovers/tooltip/Tooltip.js

@@ -66,5 +66,4 @@ function Tooltip(_ref) {
     })]
   });
 }
-var _default = Tooltip;
-exports.default = _default;
+var _default = exports.default = Tooltip;

package/node/lib/components/progress/Progress.js

@@ -36,5 +36,4 @@ function Progress(_ref) {
     })
   });
 }
-var _default = Progress;
-exports.default = _default;
+var _default = exports.default = Progress;

package/node/lib/components/search-input/SearchInput.js

@@ -78,5 +78,4 @@ function SearchInput(_ref) {
     })]
   });
 }
-var _default = SearchInput;
-exports.default = _default;
+var _default = exports.default = SearchInput;

package/node/lib/components/snackbar/Snackbar.js

@@ -90,5 +90,4 @@ function Snackbar(props) {
     })
   });
 }
-var _default = Snackbar;
-exports.default = _default;
+var _default = exports.default = Snackbar;

package/node/lib/components/snackbar/SnackbarContext.js

@@ -6,5 +6,4 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-var _default = /*#__PURE__*/_react.default.createContext(null);
-exports.default = _default;
+var _default = exports.default = /*#__PURE__*/_react.default.createContext(null);

package/node/lib/components/snackbar/SnackbarProvider.js

@@ -19,7 +19,7 @@ function SnackbarProvider(props) {
     className
   } = props;
   const [snacks, setSnacks] = (0, _react.useState)([]);
-  function addSnackbar(snackData, onAction, onClose) {
+  const addSnackbar = (0, _react.useCallback)((snackData, onAction, onClose) => {
     const key = snackData.key ?? new Date().getTime() + Math.random();
     setSnacks(prevSnacks => [{
       data: {
@@ -32,7 +32,7 @@ function SnackbarProvider(props) {
       first: prevSnacks.length === 0
     }, ...prevSnacks]);
     return key;
-  }
+  }, [config]);
   function closeSnackbar(key) {
     if (key !== undefined) {
       setSnacks(prevSnacks => prevSnacks.filter(snack => snack.key !== key));
@@ -47,7 +47,7 @@ function SnackbarProvider(props) {
   const contextValue = (0, _react.useMemo)(() => ({
     addSnackbar,
     closeSnackbar
-  }), []);
+  }), [addSnackbar]);
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_SnackbarContext.default.Provider, {
     value: contextValue,
     children: [children, /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
@@ -61,5 +61,4 @@ function SnackbarProvider(props) {
     })]
   });
 }
-var _default = SnackbarProvider;
-exports.default = _default;
+var _default = exports.default = SnackbarProvider;

package/node/lib/components/stepper-horizontal/StepperHorizontal.js

@@ -3,14 +3,14 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = void 0;
+exports.default = exports.StepperHorizontal = void 0;
 var _classnames = _interopRequireDefault(require("classnames"));
 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 (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 _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-const StepperHorizontal = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
+const StepperHorizontal = exports.StepperHorizontal = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
   let {
     children,
     className,
@@ -66,5 +66,4 @@ const StepperHorizontal = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
     }), stepComponents]
   });
 });
-var _default = StepperHorizontal;
-exports.default = _default;
+var _default = exports.default = StepperHorizontal;

package/node/lib/components/stepper-horizontal/step-horizontal/StepHorizontal.js

@@ -27,5 +27,4 @@ const StepHorizontal = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
     })
   });
 });
-var _default = StepHorizontal;
-exports.default = _default;
+var _default = exports.default = StepHorizontal;

package/node/lib/components/stepper-vertical/StepperVertical.js

@@ -3,14 +3,14 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = void 0;
+exports.default = exports.StepperVertical = void 0;
 var _classnames = _interopRequireDefault(require("classnames"));
 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 (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 _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-const StepperVertical = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
+const StepperVertical = exports.StepperVertical = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
   let {
     children,
     className,
@@ -43,5 +43,4 @@ const StepperVertical = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
     children: stepComponents
   });
 });
-var _default = StepperVertical;
-exports.default = _default;
+var _default = exports.default = StepperVertical;

package/node/lib/components/stepper-vertical/step-vertical/StepVertical.js

@@ -80,5 +80,4 @@ const StepVertical = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
     })]
   });
 });
-var _default = StepVertical;
-exports.default = _default;
+var _default = exports.default = StepVertical;

package/node/lib/components/tab/Tabs.js

@@ -9,9 +9,11 @@ var _react = _interopRequireWildcard(require("react"));
 var _useForkRef = _interopRequireDefault(require("../../helper/useForkRef"));
 var _useTabScroll = _interopRequireDefault(require("./useTabScroll"));
 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 (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 _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+// legacy: recommended for desktop only applications
+// responsive: desktop, tablet, mobile with scrollable tabs
 let nextId = 0;
 const Tabs = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
   let {
@@ -233,5 +235,4 @@ const Tabs = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
     })
   );
 });
-var _default = Tabs;
-exports.default = _default;
+var _default = exports.default = Tabs;

package/node/lib/components/tab/tab-pane/TabPane.js

@@ -27,5 +27,4 @@ function TabPane(_ref) {
     children: children
   });
 }
-var _default = TabPane;
-exports.default = _default;
+var _default = exports.default = TabPane;

package/node/lib/components/tab/useTabScroll.js

@@ -5,6 +5,8 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _react = require("react");
+// provides details about the left and right edges of the tab element and the tab content element
+// these values are used to determine the visual position of the tab with respect of its parent container
 const useTabScroll = (tabLength, componentId, refs) => {
   const {
     elRef,
@@ -232,5 +234,4 @@ const useTabScroll = (tabLength, componentId, refs) => {
   }
   return [handleTabScroll, classes, style];
 };
-var _default = useTabScroll;
-exports.default = _default;
+var _default = exports.default = useTabScroll;

package/node/lib/components/table-header-cell/TableHeaderCell.js

@@ -8,7 +8,13 @@ var _classnames = _interopRequireDefault(require("classnames"));
 var _react = require("react");
 var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-const TableHeaderCell = /*#__PURE__*/(0, _react.forwardRef)((props, ref) => {
+const TableHeaderCell = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
+  let {
+    active,
+    ascending,
+    className,
+    ...props
+  } = _ref;
   function handleClick(event) {
     if (props.onClick) {
       props.onClick(event);
@@ -17,13 +23,12 @@ const TableHeaderCell = /*#__PURE__*/(0, _react.forwardRef)((props, ref) => {
   return /*#__PURE__*/(0, _jsxRuntime.jsx)("th", {
     ...props,
     className: (0, _classnames.default)('fwe-table-order', {
-      'fwe-active': props.active
+      'fwe-active': active
     }, {
-      'fwe-table-order-descending': !props.ascending
-    }, props.className),
+      'fwe-table-order-descending': !ascending
+    }, className),
     onClick: handleClick,
     ref: ref
   });
 });
-var _default = TableHeaderCell;
-exports.default = _default;
+var _default = exports.default = TableHeaderCell;

package/node/lib/forms/checkbox/Checkbox.js

@@ -4,16 +4,16 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _react = _interopRequireWildcard(require("react"));
 var _classnames = _interopRequireDefault(require("classnames"));
+var _react = _interopRequireDefault(require("react"));
+var _useControlled = _interopRequireDefault(require("../../helper/useControlled"));
 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 (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 Checkbox(_ref) {
   let {
     id,
-    checked,
+    checked: checkedProp,
+    defaultChecked,
     onChange,
     name,
     large = false,
@@ -26,19 +26,14 @@ function Checkbox(_ref) {
     className,
     ...props
   } = _ref;
-  const [isChecked, setChecked] = (0, _react.useState)(checked);
-  const [isIndeterminate, setIndeterminate] = (0, _react.useState)(indeterminate);
-  (0, _react.useEffect)(() => {
-    setChecked(checked);
-    setIndeterminate(indeterminate);
-  }, [checked, indeterminate]);
-  const handleChange = () => {
+  const [isChecked, setChecked] = (0, _useControlled.default)({
+    controlled: checkedProp,
+    default: defaultChecked
+  });
+  const handleChange = e => {
     const newChecked = !isChecked;
-    if (indeterminate) {
-      setIndeterminate(false);
-    }
     setChecked(newChecked);
-    onChange(newChecked);
+    onChange?.(newChecked, e);
   };
   const containerClasses = (0, _classnames.default)('fwe-checkbox-container', {
     'fr-checkbox-large': large
@@ -53,7 +48,7 @@ function Checkbox(_ref) {
   }, {
     'fwe-label-before': labelPosition === 'before'
   }, {
-    'fr-checkbox-indeterminate': isIndeterminate
+    'fr-checkbox-indeterminate': indeterminate
   }, className);
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)("label", {
     className: containerClasses,
@@ -63,13 +58,14 @@ function Checkbox(_ref) {
       type: "checkbox",
       id: id,
       disabled: disabled,
-      onChange: () => handleChange(),
-      ...props
+      onChange: e => handleChange(e),
+      ...props,
+      checked: isChecked
     }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
       className: "fwe-checkbox-indicator-container",
       children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
         className: "fwe-checkbox-indicator-background"
-      }), !isIndeterminate && isChecked && (large ? /*#__PURE__*/(0, _jsxRuntime.jsx)("svg", {
+      }), !indeterminate && isChecked && (large ? /*#__PURE__*/(0, _jsxRuntime.jsx)("svg", {
         width: "24px",
         height: "24px",
         children: /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
@@ -84,7 +80,7 @@ function Checkbox(_ref) {
           d: "M6 12L3 9l1.25-1.25L6 9.5l5.75-5.75L13 5l-7 7z",
           fill: "#fff"
         })
-      })), isIndeterminate && !isChecked && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      })), indeterminate && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
         className: "fwe-indeterminate-indicator"
       })]
     }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
@@ -93,5 +89,4 @@ function Checkbox(_ref) {
     })]
   });
 }
-var _default = Checkbox;
-exports.default = _default;
+var _default = exports.default = Checkbox;

package/node/lib/forms/color-indicator/ColorIndicator.js

@@ -9,8 +9,8 @@ var _classnames = _interopRequireDefault(require("classnames"));
 var _Popover = _interopRequireDefault(require("../../components/popovers/popover/Popover"));
 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 (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 _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 function ColorIndicator(_ref) {
   let {
     text,
@@ -126,5 +126,4 @@ function ColorIndicator(_ref) {
     children: wrapper(colorBox)
   });
 }
-var _default = ColorIndicator;
-exports.default = _default;
+var _default = exports.default = ColorIndicator;

package/node/lib/forms/color-picker/ColorPicker.js

@@ -11,13 +11,12 @@ var _ColorHelper = _interopRequireDefault(require("./ColorHelper"));
 var _useId = _interopRequireDefault(require("../../helper/useId"));
 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 (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 _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 /* eslint-disable jsx-a11y/no-static-element-interactions */
 /* eslint-disable jsx-a11y/click-events-have-key-events */
 
-const PREDEFINED_COLORS = ['#0091dc', '#333333', '#ffffff', '#f2f3f5', '#e5e8eb', '#d8dce1', '#b6bec6', '#80ca3d', '#ffd600', '#ff9600', '#d50000'];
-exports.PREDEFINED_COLORS = PREDEFINED_COLORS;
+const PREDEFINED_COLORS = exports.PREDEFINED_COLORS = ['#0091dc', '#333333', '#ffffff', '#f2f3f5', '#e5e8eb', '#d8dce1', '#b6bec6', '#80ca3d', '#ffd600', '#ff9600', '#d50000'];
 function ColorPicker(_ref) {
   let {
     palette = PREDEFINED_COLORS,
@@ -545,5 +544,4 @@ function ColorPicker(_ref) {
     })]
   });
 }
-var _default = ColorPicker;
-exports.default = _default;
+var _default = exports.default = ColorPicker;

package/node/lib/forms/date-picker/DatePicker.js

@@ -127,5 +127,4 @@ function DatePicker(_ref) {
     })
   });
 }
-var _default = DatePicker;
-exports.default = _default;
+var _default = exports.default = DatePicker;

package/node/lib/forms/date-range-picker/DateRangePicker.js

@@ -138,5 +138,4 @@ function DateRangePicker(_ref) {
     })
   });
 }
-var _default = DateRangePicker;
-exports.default = _default;
+var _default = exports.default = DateRangePicker;

package/node/lib/forms/radio/RadioButton.js

@@ -59,5 +59,4 @@ function RadioButton(_ref) {
     })]
   });
 }
-var _default = RadioButton;
-exports.default = _default;
+var _default = exports.default = RadioButton;

package/node/lib/forms/radio/RadioGroup.js

@@ -29,7 +29,7 @@ function RadioGroup(_ref) {
     large,
     disabled,
     required
-  }), []);
+  }), [checked, disabled, labelPosition, large, name, required, value]);
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_RadioGroupContext.default.Provider, {
     value: contextValue,
     children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
@@ -39,5 +39,4 @@ function RadioGroup(_ref) {
     })
   });
 }
-var _default = RadioGroup;
-exports.default = _default;
+var _default = exports.default = RadioGroup;

package/node/lib/forms/radio/RadioGroupContext.js

@@ -6,5 +6,4 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _react = require("react");
 const RadioGroupContext = /*#__PURE__*/(0, _react.createContext)({});
-var _default = RadioGroupContext;
-exports.default = _default;
+var _default = exports.default = RadioGroupContext;

package/node/lib/forms/segment/Segment.js

@@ -80,5 +80,4 @@ function Segment(props) {
     })]
   });
 }
-var _default = Segment;
-exports.default = _default;
+var _default = exports.default = Segment;

package/node/lib/forms/segment/segment-control/SegmentControl.js

@@ -8,8 +8,8 @@ var _react = _interopRequireWildcard(require("react"));
 var _classnames = _interopRequireDefault(require("classnames"));
 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 (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 _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 function SegmentControl(props) {
   const {
     label,
@@ -68,5 +68,4 @@ function SegmentControl(props) {
     })]
   });
 }
-var _default = SegmentControl;
-exports.default = _default;
+var _default = exports.default = SegmentControl;